@progress/kendo-vue-common 8.0.3-develop.1 → 8.0.3-develop.3

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 (62) hide show
  1. package/Draggable.d.ts +74 -0
  2. package/FormComponent.d.ts +91 -0
  3. package/browser-support.service.d.ts +14 -0
  4. package/canUseDOM.d.ts +12 -0
  5. package/classNames.d.ts +11 -0
  6. package/clone.d.ts +27 -0
  7. package/constants/main.d.ts +15 -0
  8. package/defaultSlots.d.ts +11 -0
  9. package/dist/cdn/js/kendo-vue-common.js +1 -1
  10. package/focus.d.ts +27 -0
  11. package/getActiveElement.d.ts +15 -0
  12. package/getTabIndex.d.ts +11 -0
  13. package/getter.d.ts +11 -0
  14. package/guid.d.ts +12 -0
  15. package/hasRelativeStackingContext.d.ts +9 -0
  16. package/icons/BaseIconProps.d.ts +84 -0
  17. package/icons/FontIcon.d.ts +94 -0
  18. package/icons/Icon.d.ts +97 -0
  19. package/icons/SvgIcon.d.ts +158 -0
  20. package/icons/constants.d.ts +20 -0
  21. package/icons/getIconName.d.ts +12 -0
  22. package/icons/models/flip.d.ts +18 -0
  23. package/icons/models/size.d.ts +22 -0
  24. package/icons/models/theme-color.d.ts +28 -0
  25. package/index.d.mts +39 -3324
  26. package/index.d.ts +39 -3324
  27. package/index.js +1 -1
  28. package/index.mjs +74 -74
  29. package/isObject.d.ts +11 -0
  30. package/isRtl.d.ts +15 -0
  31. package/keys.d.ts +28 -0
  32. package/listeners.d.ts +15 -0
  33. package/navigation.d.ts +53 -0
  34. package/noop.d.ts +12 -0
  35. package/package.json +1 -1
  36. package/providers/AdaptiveModeProvider.d.ts +63 -0
  37. package/refs.d.ts +15 -0
  38. package/rowHeightService.d.ts +31 -0
  39. package/scrollbarWidth.d.ts +15 -0
  40. package/setter.d.ts +11 -0
  41. package/templateRendering.d.ts +26 -0
  42. package/theme.d.ts +14 -0
  43. package/treeDataOperations.d.ts +50 -0
  44. package/unstyled/animations.d.ts +116 -0
  45. package/unstyled/buttons.d.ts +219 -0
  46. package/unstyled/common.d.ts +17 -0
  47. package/unstyled/dateinputs.d.ts +469 -0
  48. package/unstyled/dateinputs.mjs +1 -1
  49. package/unstyled/dropdowns.d.ts +338 -0
  50. package/unstyled/dropdowns.mjs +3 -3
  51. package/unstyled/form.d.ts +74 -0
  52. package/unstyled/grid.d.ts +12 -0
  53. package/unstyled/icons.d.ts +102 -0
  54. package/unstyled/inputs.d.ts +228 -0
  55. package/unstyled/interfaces/common.d.ts +111 -0
  56. package/unstyled/json-classes.d.ts +378 -0
  57. package/unstyled/labels.d.ts +111 -0
  58. package/unstyled/labels.mjs +1 -1
  59. package/unstyled/main.d.ts +26 -0
  60. package/unstyled/popup.d.ts +51 -0
  61. package/validate-package.d.ts +21 -0
  62. package/watermark/WatermarkOverlay.d.ts +69 -0
package/index.d.ts CHANGED
@@ -5,3327 +5,42 @@
5
5
  * Licensed under commercial license. See LICENSE.md in the package root for more information
6
6
  *-------------------------------------------------------------------------------------------
7
7
  */
8
- import { ComponentOptionsMixin } from 'vue';
9
- import { ComponentProvideOptions } from 'vue';
10
- import { DefineComponent } from 'vue';
11
- import { ExtractPropTypes } from 'vue';
12
- import { PropType } from 'vue';
13
- import { PublicProps } from 'vue';
14
-
15
- /**
16
- * @hidden
17
- */
18
- export declare const actions: {
19
- increase: string;
20
- decrease: string;
21
- cancel: string;
22
- accept: string;
23
- split: string;
24
- };
25
-
26
- /** @hidden */
27
- export declare const ADAPTIVE_MEDIUM_BREAKPOINT: number;
28
-
29
- /** @hidden */
30
- export declare const ADAPTIVE_SMALL_BREAKPOINT: number;
31
-
32
- /**
33
- * Represents a Vue Provider Component that enables further configuration of the adaptive mode breakpoints.
34
- * Used for global configuration across components that implement adaptive rendering.
35
- * For more information and demos, refer to:
36
- * * [ComboBox Adaptive Rendering article]({% slug adaptive_rendering_combobox %})
37
- * * [DropDownList Adaptive Rendering article]({% slug adaptive_rendering_dropdownlist %})
38
- * * [DropDownTree Adaptive Rendering article]({% slug adaptive_rendering_dropdowntree %})
39
- * * [MultiSelect Adaptive Rendering article]({% slug adaptive_rendering_multiselect %})
40
- * * [MultiSelectTree Adaptive Rendering article]({% slug adaptive_rendering_multiselecttree %})
41
- *
42
- */
43
- export declare const AdaptiveModeProvider: DefineComponent<ExtractPropTypes< {
44
- small: {
45
- type: PropType<number>;
46
- default: number;
47
- };
48
- medium: {
49
- type: PropType<number>;
50
- default: number;
51
- };
52
- }>, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<ExtractPropTypes< {
53
- small: {
54
- type: PropType<number>;
55
- default: number;
56
- };
57
- medium: {
58
- type: PropType<number>;
59
- default: number;
60
- };
61
- }>> & Readonly<{}>, {
62
- small: number;
63
- medium: number;
64
- }, {}, {}, {}, string, () => {
65
- adaptiveModeBreakpoints: {
66
- small: any;
67
- medium: any;
68
- };
69
- }, true, {}, any>;
70
-
71
- /**
72
- * @hidden
73
- * All classes
74
- */
75
- export declare interface AllClassStructure extends AnimationsClassStructure, ButtonsClassStructure, DropDownsClassStructure, GridClassStructure, IconsClassStructure, LabelsClassStructure, FormClassStructure, PopupClassStructure, ButtonsClassStructure, PopupClassStructure, GridClassStructure, InputsClassStructure, DropDownsClassStructure, DateInputsClassStructure {
76
- }
77
-
78
- /** Configuration for the child element
79
- * @hidden
80
- */
81
- export declare interface AnimationChildClasses {
82
- /** Container for child element */
83
- container?: string;
84
- /** Relative positioning for child container */
85
- relative?: string;
86
- }
87
-
88
- /** Configuration for the child element
89
- * @hidden
90
- */
91
- export declare interface AnimationChildContainerClasses {
92
- /** Container for childContainer element */
93
- container?: string;
94
- }
95
-
96
- /** Animation Classes
97
- * @hidden
98
- */
99
- export declare interface AnimationClasses {
100
- /** Configuration for the child element */
101
- child?: AnimationChildClasses;
102
- /** Configuration for the childContainer element */
103
- childContainer?: AnimationChildContainerClasses;
104
- /** Animation states for appear transition */
105
- appear?: Appear;
106
- /** Active states for appear transition */
107
- appearActive?: AppearActive;
108
- /** Animation states for enter transition */
109
- enter?: Enter;
110
- /** Active states for enter transition */
111
- enterActive?: EnterActive;
112
- /** Animation states for exit transition */
113
- exit?: Exit;
114
- /** Active states for exit transition */
115
- exitActive?: ExitActive;
116
- }
117
-
118
- /**
119
- * Animation classes
120
- * @hidden
121
- */
122
- export declare interface AnimationsClassStructure {
123
- uAnimation?: AnimationClasses;
124
- }
125
-
126
- /** Animation states
127
- * @hidden
128
- */
129
- export declare interface AnimationStatesClasses {
130
- /** Animation for 'push-right' transition */
131
- 'push-right'?: string;
132
- /** Animation for 'push-left' transition */
133
- 'push-left'?: string;
134
- /** Animation for 'push-down' transition */
135
- 'push-down'?: string;
136
- /** Animation for 'push-up' transition */
137
- 'push-up'?: string;
138
- /** Animation for 'expand-vertical' transition */
139
- 'expand-vertical'?: string;
140
- /** Animation for 'expand-horizontal' transition */
141
- 'expand-horizontal'?: string;
142
- /** Animation for 'fade' transition */
143
- fade?: string;
144
- /** Animation for 'zoom-in' transition */
145
- 'zoom-in'?: string;
146
- /** Animation for 'zoom-out' transition */
147
- 'zoom-out'?: string;
148
- /** Animation for 'slide-in' transition */
149
- 'slide-in'?: string;
150
- /** Animation for 'slide-down' transition */
151
- 'slide-down'?: string;
152
- /** Animation for 'slide-up' transition */
153
- 'slide-up'?: string;
154
- /** Animation for 'slide-right' transition */
155
- 'slide-right'?: string;
156
- /** Animation for 'slide-left' transition */
157
- 'slide-left'?: string;
158
- /** Animation for 'reveal-vertical' transition */
159
- 'reveal-vertical'?: string;
160
- /** Animation for 'reveal-horizontal' transition */
161
- 'reveal-horizontal'?: string;
162
- }
163
-
164
- /**
165
- * @hidden
166
- */
167
- export declare const animationStyles: {
168
- [key: string]: string;
169
- };
170
-
171
- /** Animation states for appear transition
172
- * @hidden
173
- */
174
- export declare interface Appear extends AnimationStatesClasses {
175
- }
176
-
177
- /** Active states for appear transition
178
- * @hidden
179
- */
180
- export declare interface AppearActive extends AnimationStatesClasses {
181
- }
182
-
183
- /**
184
- * @hidden
185
- */
186
- export declare const base: {
187
- prefix: string;
188
- important: string;
189
- rtl: string;
190
- rounded: string;
191
- value: string;
192
- state: string;
193
- filter: string;
194
- virtual: string;
195
- infinite: string;
196
- clear: string;
197
- reset: string;
198
- data: string;
199
- nodata: string;
200
- scroller: string;
201
- };
202
-
203
- /**
204
- * @hidden
205
- */
206
- declare interface BaseIconProps {
207
- /**
208
- * Sets the `tabIndex` of the icon element.
209
- */
210
- tabIndex?: number;
211
- /**
212
- * Sets the `id` of the icon element.
213
- */
214
- id?: string;
215
- /**
216
- * Sets the `aria-label` of the icon element.
217
- */
218
- ariaLabel?: string;
219
- /**
220
- * Sets the `title` of the icon element.
221
- */
222
- title?: string;
223
- /**
224
- * Specifies a list of CSS classes that will be added to the root DOM element.
225
- */
226
- class?: string;
227
- /**
228
- * Specifies the theme color of the Icon.
229
- *
230
- * The possible values are:
231
- * * `inherit` (Default)&mdash;Applies coloring based on the current color.
232
- * * `primary` &mdash;Applies coloring based on primary theme color.
233
- * * `secondary`&mdash;Applies coloring based on secondary theme color.
234
- * * `tertiary`&mdash; Applies coloring based on tertiary theme color.
235
- * * `info`&mdash;Applies coloring based on info theme color.
236
- * * `success`&mdash; Applies coloring based on success theme color.
237
- * * `warning`&mdash; Applies coloring based on warning theme color.
238
- * * `error`&mdash; Applies coloring based on error theme color.
239
- * * `dark`&mdash; Applies coloring based on dark theme color.
240
- * * `light`&mdash; Applies coloring based on light theme color.
241
- * * `inverse`&mdash; Applies coloring based on inverse theme color.
242
- *
243
- * If the property is not set, the icon inherits the color from its parent.
244
- *
245
- * You can use the `style` prop to apply custom color related properties to the icon.
246
- */
247
- themeColor?: IconThemeColor | string;
248
- /**
249
- * Specifies the size of the icon.
250
- *
251
- * The possible values are:
252
- * `default` (Default)&mdash;Font-size: 16px; Width: 16px; Height: 16px.
253
- * `xsmall`&mdash;Font-size: 12px; Width: 12px; Height: 12px.
254
- * `small`&mdash;Font-size: 14px; Width: 14px; Height: 14px.
255
- * `medium`&mdash;Font-size: 16px; Width: 16px; Height: 16px.
256
- * `large`&mdash;Font-size: 20px; Width: 20px; Height: 20px.
257
- * `xlarge`&mdash;Font-size: 24px; Width: 24px; Height: 24px.
258
- * `xxlarge`&mdash;Font-size: 32px; Width: 32px; Height: 32px.
259
- * `xxxlarge`&mdash;Font-size: 48px; Width: 48px; Height: 48px.
260
- *
261
- *
262
- * You can use the `style` prop to apply custom font size to the icon.
263
- */
264
- size?: IconSize | string;
265
- /**
266
- * Specifies the icon flip direction.
267
- *
268
- * The possible values are:
269
- * * `default` (Default)&mdash;No flipping applied.
270
- * * `horizontal`&mdash;Flips the icon in horizontal direction.
271
- * * `vertical`&mdash;Flips the icon in vertical direction.
272
- * * `both`&mdash;Flips the icon in both horizontal and vertical directions.
273
- *
274
- */
275
- flip?: IconFlip | string;
276
- }
277
-
278
- /**
279
- * @hidden
280
- */
281
- export declare class BrowserSupportService {
282
- private scrollbar;
283
- get scrollbarWidth(): number;
284
- }
285
-
286
- /** Button classes
287
- * @hidden
288
- */
289
- export declare interface ButtonClasses {
290
- /** Button wrapper */
291
- wrapper?: ButtonWrapperClasses;
292
- /** Text element */
293
- text?: string;
294
- /** Icon element */
295
- icon?: string;
296
- }
297
-
298
- /**
299
- * @hidden
300
- */
301
- export declare interface ButtonGroupClasses {
302
- /** Wrapper configuration for the button group */
303
- wrapper?: ButtonGroupWrapperClasses;
304
- /** Position configuration for the button group */
305
- position?: ButtonGroupPositionClasses;
306
- }
307
-
308
- /**
309
- * @hidden
310
- */
311
- export declare interface ButtonGroupPositionClasses {
312
- /** Position for the button group at the start */
313
- start?: string;
314
- /** Position for the button group at the end */
315
- end?: string;
316
- }
317
-
318
- /**
319
- * @hidden
320
- */
321
- export declare interface ButtonGroupWrapperClasses {
322
- /** Main button group classes */
323
- main?: string;
324
- /** Stretched state classes for the button group */
325
- stretched?: string;
326
- /** Disabled state classes for the button group */
327
- disabled?: string;
328
- }
329
-
330
- /**
331
- * @hidden
332
- */
333
- export declare const buttonPrefix: string;
334
-
335
- /**
336
- * Buttons classes
337
- * @hidden
338
- */
339
- export declare interface ButtonsClassStructure {
340
- uButton?: ButtonClasses;
341
- uButtonGroup?: ButtonGroupClasses;
342
- uDropDownButton?: DropDownButtonClasses;
343
- }
344
-
345
- /** Button wrapper classes
346
- * @hidden
347
- */
348
- export declare interface ButtonWrapperClasses {
349
- /** Main button */
350
- main?: string;
351
- /** Size options for the button */
352
- size?: {
353
- /** Small size button */
354
- small?: string;
355
- /** Medium size button */
356
- medium?: string;
357
- /** Large size button */
358
- large?: string;
359
- };
360
- /** Fill mode options for the button */
361
- fillMode?: {
362
- /** Solid fill mode for the button */
363
- solid?: string;
364
- /** Outline fill mode for the button */
365
- outline?: string;
366
- /** Flat fill mode for the button */
367
- flat?: string;
368
- /** Link fill mode for the button */
369
- link?: string;
370
- /** Clear fill mode for the button */
371
- clear?: string;
372
- };
373
- /** Theme color options for the button */
374
- themeColor?: {
375
- /** Base theme color options */
376
- base?: ThemeColorFillModeClasses;
377
- /** Primary theme color options */
378
- primary?: ThemeColorFillModeClasses;
379
- /** Secondary theme color options */
380
- secondary?: ThemeColorFillModeClasses;
381
- /** Tertiary theme color options */
382
- tertiary?: ThemeColorFillModeClasses;
383
- /** Info theme color options */
384
- info?: ThemeColorFillModeClasses;
385
- /** Success theme color options */
386
- success?: ThemeColorFillModeClasses;
387
- /** Warning theme color options */
388
- warning?: ThemeColorFillModeClasses;
389
- /** Error theme color options */
390
- error?: ThemeColorFillModeClasses;
391
- /** Dark theme color options */
392
- dark?: ThemeColorFillModeClasses;
393
- /** Light theme color options */
394
- light?: ThemeColorFillModeClasses;
395
- /** Inverse theme color options */
396
- inverse?: ThemeColorFillModeClasses;
397
- };
398
- /** Rounded options for the button */
399
- rounded?: {
400
- /** Small rounded option */
401
- small?: string;
402
- /** Medium rounded option */
403
- medium?: string;
404
- /** Large rounded option */
405
- large?: string;
406
- };
407
- /** Icon button */
408
- iconButton?: string;
409
- /** Disabled state */
410
- disabled?: string;
411
- /** Selected state */
412
- selected?: string;
413
- /** Right-to-left layout */
414
- isRtl?: string;
415
- }
416
-
417
- /**
418
- * @hidden
419
- */
420
- export declare interface CalendarClasses {
421
- /** Wrapper configuration for the calendar */
422
- wrapper?: CalendarWrapperClasses;
423
- /** View configuration for the calendar */
424
- view?: CalendarViewClasses;
425
- /** Navigation class for the calendar */
426
- navigation?: string;
427
- /** Navigation highlight class for the calendar */
428
- navigationHighlight?: string;
429
- /** Table configuration for the calendar */
430
- table?: CalendarTableClasses;
431
- /** Header class for the calendar */
432
- thead?: string;
433
- /** Row class for the calendar */
434
- tr?: string;
435
- /** Header cell class for the calendar */
436
- th?: string;
437
- /** Caption class for the calendar */
438
- caption?: string;
439
- /** Body class for the calendar */
440
- tbody?: string;
441
- /** Unordered list class for the calendar */
442
- ul?: string;
443
- /** List item class for the calendar */
444
- li?: string;
445
- /** Table cell configuration for the calendar */
446
- td?: CalendarTdClasses;
447
- /** Title class for the calendar */
448
- title?: string;
449
- /** Header configuration for the calendar */
450
- header?: CalendarHeaderClasses;
451
- /** Spacer class for the calendar */
452
- spacer?: string;
453
- /** Navigation class for the calendar */
454
- nav?: string;
455
- /** Today configuration for the calendar */
456
- today?: CalendarTodayClasses;
457
- /** Scrollable configuration for the calendar */
458
- scrollable?: CalendarScrollableClasses;
459
- /** Scrollable selector class for the calendar */
460
- scrollableSelector?: string;
461
- /** Scrollable placeholder configuration for the calendar */
462
- scrollablePlaceholder?: {
463
- /** Main class for the scrollable placeholder */
464
- main?: string;
465
- /** Horizontal scrollable placeholder class */
466
- horizontal?: string;
467
- };
468
- /** Link class for the calendar */
469
- link?: string;
470
- /** Navigation marker class for the calendar */
471
- navigationMarker?: string;
472
- }
473
-
474
- /**
475
- * @hidden
476
- */
477
- export declare interface CalendarHeaderClasses {
478
- /** Main class for the calendar header */
479
- main?: string;
480
- /** Vertical alignment class for the calendar header */
481
- vertical?: string;
482
- }
483
-
484
- /**
485
- * @hidden
486
- */
487
- export declare const calendarPrefix: string;
488
-
489
- /**
490
- * @hidden
491
- */
492
- export declare interface CalendarScrollableClasses {
493
- /** Main class for the scrollable calendar area */
494
- main?: string;
495
- /** Content class for the scrollable area */
496
- content?: string;
497
- /** Horizontal scrollable state class */
498
- horizontal?: string;
499
- }
500
-
501
- /**
502
- * @hidden
503
- */
504
- export declare interface CalendarTableClasses {
505
- /** Main class for the calendar table */
506
- main?: string;
507
- /** Weekdays class for the calendar */
508
- weekdays?: string;
509
- }
510
-
511
- /**
512
- * @hidden
513
- */
514
- export declare interface CalendarTdClasses {
515
- /** Main class for the table cell */
516
- main?: string;
517
- /** Range start class for the table cell */
518
- rangeStart?: string;
519
- /** Range end class for the table cell */
520
- rangeEnd?: string;
521
- /** Range middle class for the table cell */
522
- rangeMid?: string;
523
- /** Range split end class for the table cell */
524
- rangeSplitEnd?: string;
525
- /** Range split start class for the table cell */
526
- rangeSplitStart?: string;
527
- /** Active state class for the table cell */
528
- active?: string;
529
- /** Focused state class for the table cell */
530
- focused?: string;
531
- /** Selected state class for the table cell */
532
- selected?: string;
533
- /** Today’s date class for the table cell */
534
- today?: string;
535
- /** Weekend class for the table cell */
536
- weekend?: string;
537
- /** Disabled state class for the table cell */
538
- disabled?: string;
539
- /** Other month class for the table cell */
540
- isOtherMonth?: string;
541
- /** Empty state class for the table cell */
542
- isEmpty?: string;
543
- /** Week state class for the table cell */
544
- isWeek?: string;
545
- }
546
-
547
- /**
548
- * @hidden
549
- */
550
- export declare interface CalendarTodayClasses {
551
- /** Main class for today's calendar entry */
552
- main?: string;
553
- /** Disabled state class for today’s calendar entry */
554
- disabled?: string;
555
- }
556
-
557
- /**
558
- * @hidden
559
- */
560
- export declare interface CalendarViewClasses {
561
- /** Main class for the calendar view */
562
- main?: string;
563
- /** Vertical alignment class for the calendar view */
564
- vertical?: string;
565
- /** Month view class for the calendar */
566
- month?: string;
567
- /** Year view class for the calendar */
568
- year?: string;
569
- /** Decade view class for the calendar */
570
- decade?: string;
571
- /** Century view class for the calendar */
572
- century?: string;
573
- }
574
-
575
- /**
576
- * @hidden
577
- */
578
- export declare interface CalendarWrapperClasses {
579
- /** Main class for the calendar wrapper */
580
- main?: string;
581
- /** Prefix for the infinite calendar state */
582
- infinite?: string;
583
- /** Disabled state class for the calendar wrapper */
584
- disabled?: string;
585
- /** Week number class for the calendar */
586
- weekNumber?: string;
587
- /** Size configurations for the calendar */
588
- size?: DateTimeSizeClasses;
589
- }
590
-
591
- /**
592
- * @hidden
593
- */
594
- export declare const canUseDOM: boolean;
595
-
596
- /**
597
- * @hidden
598
- */
599
- export declare const classNames: (...args: any[]) => string;
600
-
601
- /**
602
- * @hidden
603
- */
604
- export declare function clone(obj: any): any;
605
-
606
- /**
607
- * @hidden
608
- */
609
- export declare function cloneArray(array: any[]): any;
610
-
611
- /**
612
- * @hidden
613
- */
614
- export declare const cloneDate: (date?: Date) => Date | null;
615
-
616
- /**
617
- * @hidden
618
- */
619
- export declare function cloneObject(obj: any, result: any): void;
620
-
621
- /**
622
- * @hidden
623
- */
624
- export declare function cloneValue(value: any, nextValue: any): any;
625
-
626
- /**
627
- * @hidden
628
- */
629
- export declare interface ComboBoxClasses {
630
- /** Wrapper configurations for the combo box component */
631
- wrapper?: {
632
- /** Main prefix for the combo box */
633
- main?: string;
634
- /** Class for the input element */
635
- input?: string;
636
- /** Size configurations for the input */
637
- size?: {
638
- /** Class for the small size of the input */
639
- small?: string;
640
- /** Class for the medium size of the input */
641
- medium?: string;
642
- /** Class for the large size of the input */
643
- large?: string;
644
- };
645
- /** Fill mode configurations for the input */
646
- fillMode?: {
647
- /** Class for the solid fill mode of the input */
648
- solid?: string;
649
- /** Class for the outline fill mode of the input */
650
- outline?: string;
651
- /** Class for the flat fill mode of the input */
652
- flat?: string;
653
- /** Class for the link fill mode of the input */
654
- link?: string;
655
- /** Class for the clear fill mode of the input */
656
- clear?: string;
657
- };
658
- /** Rounded configurations for the input */
659
- rounded?: {
660
- /** Class for the small rounded input */
661
- small?: string;
662
- /** Class for the medium rounded input */
663
- medium?: string;
664
- /** Class for the large rounded input */
665
- large?: string;
666
- };
667
- /** Class for the disabled state of the input */
668
- disabled?: string;
669
- /** Class for the invalid state of the input */
670
- invalid?: string;
671
- /** Class for the loading state of the input */
672
- loading?: string;
673
- /** Class for the required state of the input */
674
- required?: string;
675
- };
676
- /** Class for the loading icon associated with the input */
677
- loadingIcon?: string;
678
- /** Class for the input button within the combo box */
679
- inputButton?: string;
680
- /** List container configurations for the combo box */
681
- listContainer?: {
682
- /** Main prefix for the list container */
683
- main?: string;
684
- /** Class for the popup within the combo box */
685
- popup?: string;
686
- };
687
- /** Class for the header of the list within the combo box */
688
- listHeader?: string;
689
- /** List configurations for the combo box */
690
- list?: {
691
- /** Main prefix for the list */
692
- list?: string;
693
- /** Class for the table element within the list */
694
- table?: string;
695
- /** Size configurations for the list */
696
- size?: {
697
- /** Class for the list size */
698
- prefix?: string;
699
- /** Class for the small size of the list */
700
- small?: string;
701
- /** Class for the medium size of the list */
702
- medium?: string;
703
- /** Class for the large size of the list */
704
- large?: string;
705
- };
706
- /** Table size configurations for the list */
707
- tableSize?: {
708
- /** Class for the table size */
709
- prefix?: string;
710
- /** Class for the small size of the table */
711
- small?: string;
712
- /** Class for the medium size of the table */
713
- medium?: string;
714
- /** Class for the large size of the table */
715
- large?: string;
716
- };
717
- /** Class for the virtual list configuration */
718
- virtual?: string;
719
- };
720
- /** List content configurations for the combo box */
721
- listContent?: {
722
- /** Main prefix for the list content */
723
- main?: string;
724
- /** Class for the scroller within the list content */
725
- scroller?: string;
726
- };
727
- /** Class for the footer of the list within the combo box */
728
- listFooter?: string;
729
- }
730
-
731
- /**
732
- * @hidden
733
- */
734
- export declare const comboBoxPrefix: string;
735
-
736
- /**
737
- * @hidden
738
- */
739
- export declare const components: {
740
- actionsheet: string;
741
- calendar: string;
742
- buttongroup: string;
743
- dateinput: string;
744
- datetime: string;
745
- datetimepicker: string;
746
- dropdownlist: string;
747
- combobox: string;
748
- maskedtextbox: string;
749
- menu: string;
750
- searchbox: string;
751
- timepicker: string;
752
- };
753
-
754
- /**
755
- * @hidden
756
- */
757
- export declare const containers: {
758
- actions: string;
759
- container: string;
760
- content: string;
761
- group: string;
762
- row: string;
763
- nav: string;
764
- wrap: string;
765
- wrapper: string;
766
- list: string;
767
- placeholder: string;
768
- popup: string;
769
- item: string;
770
- part: string;
771
- picker: string;
772
- separator: string;
773
- spacer: string;
774
- tab: string;
775
- titlebar: string;
776
- optionLabel: string;
777
- view: string;
778
- };
779
-
780
- /**
781
- * @hidden
782
- */
783
- export declare const cssUtils: {
784
- center: string;
785
- hbox: string;
786
- vstack: string;
787
- hstack: string;
788
- overflow: string;
789
- };
790
-
791
- /**
792
- * @hidden
793
- */
794
- export declare const cursor: {
795
- default: string;
796
- };
797
-
798
- /**
799
- * @hidden
800
- */
801
- export declare interface DataItemWrapper {
802
- dataItem: any;
803
- rowType: any;
804
- level: number;
805
- expanded: boolean;
806
- dataIndex: number;
807
- }
808
-
809
- /**
810
- * @hidden
811
- */
812
- export declare interface DateInputClasses {
813
- /** Wrapper configuration for the date input */
814
- wrapper?: {
815
- /** Main class for the date input wrapper */
816
- main?: string;
817
- /** Prefix for the inner input element */
818
- input?: string;
819
- /** Size configurations for the date input */
820
- size?: DateTimeSizeClasses;
821
- /** Fill mode configurations for the date input */
822
- fillMode?: DateTimeFillModeClasses;
823
- /** Rounded configurations for the date input */
824
- rounded?: DateTimeRoundedClasses;
825
- /** Disabled state class for the date input */
826
- disabled?: string;
827
- /** Required state class for the date input */
828
- required?: string;
829
- /** Invalid state class for the date input */
830
- invalid?: string;
831
- };
832
- /** Inner input class for the date input */
833
- inputInner?: string;
834
- /** Configuration for the input spinner */
835
- inputSpinner?: DateTimeSpinnerClasses;
836
- /** Spinner increase action class */
837
- spinnerIncrease?: string;
838
- /** Spinner decrease action class */
839
- spinnerDecrease?: string;
840
- /** Clear button class for the date input */
841
- clearButton?: string;
842
- }
843
-
844
- /**
845
- * @hidden
846
- */
847
- export declare const dateInputs: {
848
- week: string;
849
- weekdays: string;
850
- weekend: string;
851
- month: string;
852
- year: string;
853
- decade: string;
854
- century: string;
855
- number: string;
856
- navigation: string;
857
- marker: string;
858
- now: string;
859
- range: string;
860
- today: string;
861
- other: string;
862
- date: string;
863
- time: string;
864
- selector: string;
865
- timeselector: string;
866
- };
867
-
868
- /**
869
- * DateInputs classes
870
- * @hidden
871
- */
872
- export declare interface DateInputsClassStructure {
873
- uCalendar?: CalendarClasses;
874
- uDateInput?: DateInputClasses;
875
- uDateTimePicker?: DateTimePickerClasses;
876
- uTime?: TimeClasses;
877
- uTimePicker?: TimePickerClasses;
878
- }
879
-
880
- /**
881
- * @hidden
882
- */
883
- export declare interface DateTimeFillModeClasses {
884
- /** Solid fill mode class for the date-time picker */
885
- solid?: string;
886
- /** Outline fill mode class for the date-time picker */
887
- outline?: string;
888
- /** Flat fill mode class for the date-time picker */
889
- flat?: string;
890
- }
891
-
892
- /**
893
- * @hidden
894
- */
895
- export declare interface DateTimePickerClasses {
896
- /** Wrapper configuration for the date-time picker */
897
- wrapper?: {
898
- /** Main class for the date-time picker wrapper */
899
- main?: string;
900
- /** Prefix for the inner input element */
901
- input?: string;
902
- /** Size configurations for the date-time picker */
903
- size?: DateTimeSizeClasses;
904
- /** Fill mode configurations for the date-time picker */
905
- fillMode?: DateTimeFillModeClasses;
906
- /** Rounded configurations for the date-time picker */
907
- rounded?: DateTimeRoundedClasses;
908
- /** Disabled state class for the date-time picker */
909
- disabled?: string;
910
- /** Required state class for the date-time picker */
911
- required?: string;
912
- /** Invalid state class for the date-time picker */
913
- invalid?: string;
914
- };
915
- /** Input button class for the date-time picker */
916
- inputButton?: string;
917
- /** Configuration for the popup */
918
- popup?: DateTimePopupClasses;
919
- /** Wrap configurations for the date-time picker */
920
- wrap?: {
921
- /** Main class for the wrap element */
922
- main?: string;
923
- /** Date tab class for the wrap */
924
- date?: string;
925
- /** Time tab class for the wrap */
926
- time?: string;
927
- /** Disabled state class for the wrap */
928
- disabled?: string;
929
- };
930
- /** Footer configurations for the time section */
931
- timeFooter?: {
932
- /** Main class for the time footer */
933
- main?: string;
934
- /** Actions class for the footer */
935
- actions?: string;
936
- /** Stretched state class for the footer */
937
- stretched?: string;
938
- };
939
- /** Button group class for the date-time picker */
940
- buttonGroup?: string;
941
- /** Selector class for the date-time picker */
942
- selector?: string;
943
- /** Wrap class for the calendar */
944
- calendarWrap?: string;
945
- /** Wrap class for the time section */
946
- timeWrap?: string;
947
- /** Configuration for the time selector */
948
- timeSelector?: TimeSelectorClasses;
949
- }
950
-
951
- /**
952
- * @hidden
953
- */
954
- export declare interface DateTimePopupClasses {
955
- /** Main class for the popup container */
956
- main?: string;
957
- /** Reset class for the popup */
958
- reset?: string;
959
- }
960
-
961
- /**
962
- * @hidden
963
- */
964
- export declare interface DateTimeRoundedClasses {
965
- /** Small rounded class for the date-time picker */
966
- small?: string;
967
- /** Medium rounded class for the date-time picker */
968
- medium?: string;
969
- /** Large rounded class for the date-time picker */
970
- large?: string;
971
- }
972
-
973
- /**
974
- * @hidden
975
- */
976
- export declare interface DateTimeSizeClasses {
977
- /** Small size class for the date-time picker */
978
- small?: string;
979
- /** Medium size class for the date-time picker */
980
- medium?: string;
981
- /** Large size class for the date-time picker */
982
- large?: string;
983
- }
984
-
985
- /**
986
- * @hidden
987
- */
988
- export declare interface DateTimeSpinnerClasses {
989
- /** Main class for the input spinner */
990
- main?: string;
991
- /** Button class for the input spinner */
992
- button?: string;
993
- }
994
-
995
- /**
996
- * @hidden
997
- */
998
- export declare const ddbPrefix: string;
999
-
1000
- /**
1001
- * @hidden
1002
- */
1003
- export declare const dimensions: {
1004
- height: string;
1005
- width: string;
1006
- };
1007
-
1008
- /**
1009
- * @hidden
1010
- */
1011
- export declare const directionMap: {
1012
- up: string;
1013
- down: string;
1014
- left: string;
1015
- right: string;
1016
- start: string;
1017
- mid: string;
1018
- end: string;
1019
- };
1020
-
1021
- /**
1022
- * @hidden
1023
- */
1024
- export declare const Draggable: DefineComponent< {}, {}, {}, {}, {
1025
- press(event: any): void;
1026
- drag(event: any): void;
1027
- release(event: any): void;
1028
- }, ComponentOptionsMixin, ComponentOptionsMixin, {
1029
- press: any;
1030
- drag: any;
1031
- release: any;
1032
- }, string, PublicProps, Readonly<{}> & Readonly<{
1033
- onPress?: (...args: any[] | unknown[]) => any;
1034
- onDrag?: (...args: any[] | unknown[]) => any;
1035
- onRelease?: (...args: any[] | unknown[]) => any;
1036
- }>, {}, {}, {}, {}, string, ComponentProvideOptions, true, {}, any>;
1037
-
1038
- /**
1039
- * @hidden
1040
- */
1041
- export declare interface DraggableDragEvent {
1042
- event: any;
1043
- element: HTMLElement;
1044
- }
1045
-
1046
- /**
1047
- * @hidden
1048
- */
1049
- export declare interface DraggablePressEvent {
1050
- event: any;
1051
- element: HTMLElement;
1052
- }
1053
-
1054
- /**
1055
- * @hidden
1056
- */
1057
- export declare interface DraggableReleaseEvent {
1058
- event: any;
1059
- }
1060
-
1061
- /**
1062
- * @hidden
1063
- */
1064
- export declare interface DropDownBaseClasses {
1065
- /** Class for the clear button */
1066
- clearButton?: string;
1067
- /** Class for the sticky header of the grouped list */
1068
- groupStickyHeader?: string;
1069
- /** Class for the header text in the list */
1070
- listHeaderText?: string;
1071
- /** Class for the unordered list element */
1072
- ul?: string;
1073
- /** List item configurations */
1074
- li?: DropDownBaseListItemClasses;
1075
- /** Grouped list item configurations */
1076
- groupLi?: DropDownBaseGroupLiClasses;
1077
- /** Class for the text of regular list items */
1078
- itemText?: string;
1079
- /** Grouped item text configurations */
1080
- groupItemText?: DropDownBaseGroupItemClasses;
1081
- /** Class for the label of grouped items */
1082
- itemGroupLabel?: string;
1083
- /** Class for displaying no data message */
1084
- noData?: string;
1085
- /** Class for the height container */
1086
- heightContainer?: string;
1087
- /** Option label configurations */
1088
- optionLabel?: DropDownBaseOptionLabelClasses;
1089
- /** Class for the inner input */
1090
- inputInner?: string;
1091
- /** Class for the input icon */
1092
- inputIcon?: string;
1093
- /** Class for the search box component */
1094
- searchbox?: string;
1095
- /** Class for the list filter */
1096
- listFilter?: string;
1097
- }
1098
-
1099
- /**
1100
- * @hidden
1101
- */
1102
- export declare interface DropDownBaseGroupItemClasses {
1103
- /** Class for the text of list items in a group */
1104
- list?: string;
1105
- /** Class for the header cell text in a group table */
1106
- table?: string;
1107
- }
1108
-
1109
- /**
1110
- * @hidden
1111
- */
1112
- export declare interface DropDownBaseGroupLiClasses {
1113
- /** Class for the list of grouped items */
1114
- list?: string;
1115
- /** Class for the table representation of grouped items */
1116
- table?: string;
1117
- }
1118
-
1119
- /**
1120
- * @hidden
1121
- */
1122
- export declare interface DropDownBaseListItemClasses {
1123
- /** Main class for the list item */
1124
- main?: string;
1125
- /** Class for the selected state of the list item */
1126
- selected?: string;
1127
- /** Class for the focused state of the list item */
1128
- focused?: string;
1129
- /** Class for the first item in the list */
1130
- first?: string;
1131
- /** Class for the disabled state of the list item */
1132
- disabled?: string;
1133
- }
1134
-
1135
- /**
1136
- * @hidden
1137
- */
1138
- export declare interface DropDownBaseOptionLabelClasses {
1139
- /** Main class for the option label */
1140
- main?: string;
1141
- /** Class for the selected state of the option label */
1142
- selected?: string;
1143
- }
1144
-
1145
- /**
1146
- * @hidden
1147
- */
1148
- export declare interface DropDownButtonClasses {
1149
- /** Wrapper configuration for the button */
1150
- wrapper?: DropDownButtonWrapperClasses;
1151
- /** Unordered list configuration for the button group */
1152
- ul?: DropDownButtonGroupClasses;
1153
- /** List item configuration */
1154
- li?: DropDownButtonListItemClasses;
1155
- /** Item class for the button */
1156
- item?: string;
1157
- /** Link configuration for the button */
1158
- link?: DropDownButtonLinkClasses;
1159
- /** Popup class for the button group */
1160
- popup?: string;
1161
- }
1162
-
1163
- /**
1164
- * @hidden
1165
- */
1166
- export declare interface DropDownButtonGroupClasses {
1167
- /** Group class for the button container */
1168
- group?: string;
1169
- /** Size configuration for the button group */
1170
- size?: DropDownButtonSizeClasses;
1171
- }
1172
-
1173
- /**
1174
- * @hidden
1175
- */
1176
- export declare interface DropDownButtonLinkClasses {
1177
- /** Main link class */
1178
- main?: string;
1179
- /** Link class for the button */
1180
- link?: string;
1181
- /** Selected state class for the link */
1182
- selected?: string;
1183
- /** Disabled state class for the link */
1184
- disabled?: string;
1185
- }
1186
-
1187
- /**
1188
- * @hidden
1189
- */
1190
- export declare interface DropDownButtonListItemClasses {
1191
- /** Item class for the list container */
1192
- item?: string;
1193
- /** Focus state class for the list item */
1194
- focus?: string;
1195
- }
1196
-
1197
- /**
1198
- * @hidden
1199
- */
1200
- export declare interface DropDownButtonSizeClasses {
1201
- /** Small size class for the button group */
1202
- small?: string;
1203
- /** Medium size class for the button group */
1204
- medium?: string;
1205
- /** Large size class for the button group */
1206
- large?: string;
1207
- }
1208
-
1209
- /**
1210
- * @hidden
1211
- */
1212
- export declare interface DropDownButtonWrapperClasses {
1213
- /** Main button class */
1214
- main?: string;
1215
- /** Focus state class for the button */
1216
- focus?: string;
1217
- /** Disabled state class for the button */
1218
- disabled?: string;
1219
- }
1220
-
1221
- /**
1222
- * @hidden
1223
- */
1224
- export declare interface DropDownListClasses {
1225
- /** Wrapper configurations for the dropdown list component */
1226
- wrapper?: {
1227
- /** Main class for the dropdown list */
1228
- main?: string;
1229
- /** Class for the picker element */
1230
- picker?: string;
1231
- /** Size configurations for the picker */
1232
- size?: {
1233
- /** Class for the small size of the picker */
1234
- small?: string;
1235
- /** Class for the medium size of the picker */
1236
- medium?: string;
1237
- /** Class for the large size of the picker */
1238
- large?: string;
1239
- };
1240
- /** Fill mode configurations for the picker */
1241
- fillMode?: {
1242
- /** Class for the solid fill mode of the picker */
1243
- solid?: string;
1244
- /** Class for the outline fill mode of the picker */
1245
- outline?: string;
1246
- /** Class for the flat fill mode of the picker */
1247
- flat?: string;
1248
- /** Class for the link fill mode of the picker */
1249
- link?: string;
1250
- /** Class for the clear fill mode of the picker */
1251
- clear?: string;
1252
- };
1253
- /** Rounded configurations for the picker */
1254
- rounded?: {
1255
- /** Class for the small rounded picker */
1256
- small?: string;
1257
- /** Class for the medium rounded picker */
1258
- medium?: string;
1259
- /** Class for the large rounded picker */
1260
- large?: string;
1261
- };
1262
- /** Class for the disabled state of the picker */
1263
- disabled?: string;
1264
- /** Class for the focused state of the picker */
1265
- focused?: string;
1266
- /** Class for the invalid state of the picker */
1267
- invalid?: string;
1268
- /** Class for the loading state of the picker */
1269
- loading?: string;
1270
- /** Class for the required state of the picker */
1271
- required?: string;
1272
- };
1273
- /** Class for the loading icon associated with the input */
1274
- loadingIcon?: string;
1275
- /** Class for the input button within the dropdown list */
1276
- inputButton?: string;
1277
- /** List container configurations for the dropdown list */
1278
- listContainer?: {
1279
- /** Main class for the list container */
1280
- main?: string;
1281
- /** Class for the popup within the dropdown list */
1282
- popup?: string;
1283
- };
1284
- /** Class for the inner input of the dropdown list */
1285
- inputInner?: string;
1286
- /** Class for the input text of the dropdown list */
1287
- inputText?: string;
1288
- /** Class for the header of the list within the dropdown */
1289
- listHeader?: string;
1290
- /** List configurations for the dropdown list */
1291
- list?: {
1292
- /** Main class for the list */
1293
- main?: string;
1294
- /** Size configurations for the list */
1295
- size?: {
1296
- /** Class for the small size of the list */
1297
- small?: string;
1298
- /** Class for the medium size of the list */
1299
- medium?: string;
1300
- /** Class for the large size of the list */
1301
- large?: string;
1302
- };
1303
- /** Class for the virtual list configuration */
1304
- virtual?: string;
1305
- };
1306
- /** Class for the content of the list within the dropdown */
1307
- listContent?: string;
1308
- /** Class for the footer of the list within the dropdown */
1309
- listFooter?: string;
1310
- }
1311
-
1312
- /**
1313
- * @hidden
1314
- */
1315
- export declare const dropDownListPrefix: string;
1316
-
1317
- /**
1318
- * @hidden
1319
- */
1320
- export declare interface DropDownsActionSheetClasses {
1321
- /** Wrapper configurations for the action sheet component */
1322
- wrapper?: {
1323
- /** Main class for the action sheet */
1324
- main?: string;
1325
- /** Class for the fullscreen state of the action sheet */
1326
- fullscreen?: string;
1327
- /** Class for the bottom state of the action sheet */
1328
- bottom?: string;
1329
- };
1330
- /** Class for the header text, centered */
1331
- header?: string;
1332
- /** Title bar configurations for the action sheet */
1333
- titleBar?: {
1334
- /** Main class for the title bar within the action sheet */
1335
- main?: string;
1336
- /** Class for positioning the title bar horizontally */
1337
- position?: string;
1338
- };
1339
- /** Class for the title of the action sheet */
1340
- title?: string;
1341
- /** Subtitle configurations for the action sheet */
1342
- subtitle?: {
1343
- /** Main class for the subtitle in the action sheet */
1344
- main?: string;
1345
- /** Class for centered text in the subtitle */
1346
- textCenter?: string;
1347
- };
1348
- /** Class for the actions container within the action sheet */
1349
- actions?: string;
1350
- /** Title bar group configurations for the action sheet */
1351
- titleBarGroup?: {
1352
- /** Main class for the title bar group */
1353
- main?: string;
1354
- /** Class for the filter within the action sheet */
1355
- filter?: string;
1356
- };
1357
- }
1358
-
1359
- /**
1360
- * DropDowns classes
1361
- * @hidden
1362
- */
1363
- export declare interface DropDownsClassStructure {
1364
- uDropDownsActionSheet?: DropDownsActionSheetClasses;
1365
- uDropDownsBase?: DropDownBaseClasses;
1366
- uDropDownList?: DropDownListClasses;
1367
- uComboBox?: ComboBoxClasses;
1368
- }
1369
-
1370
- /**
1371
- * @hidden
1372
- */
1373
- export declare const elements: {
1374
- table: string;
1375
- text: string;
1376
- button: string;
1377
- tbody: string;
1378
- thead: string;
1379
- tr: string;
1380
- th: string;
1381
- td: string;
1382
- header: string;
1383
- footer: string;
1384
- icon: string;
1385
- title: string;
1386
- subtitle: string;
1387
- link: string;
1388
- label: string;
1389
- ul: string;
1390
- caption: string;
1391
- };
1392
-
1393
- /** Animation states for enter transition
1394
- * @hidden
1395
- */
1396
- export declare interface Enter extends AnimationStatesClasses {
1397
- }
1398
-
1399
- /** Active states for enter transition
1400
- * @hidden
1401
- */
1402
- export declare interface EnterActive extends AnimationStatesClasses {
1403
- }
1404
-
1405
- /**
1406
- * @hidden
1407
- */
1408
- export declare interface ErrorClasses {
1409
- /** Wrapper element configurations */
1410
- wrapper?: {
1411
- /** Main class for the wrapper */
1412
- main?: string;
1413
- /** Direction-related configurations */
1414
- direction?: {
1415
- /** Class for start-aligned text */
1416
- start?: string;
1417
- /** Class for end-aligned text */
1418
- end?: string;
1419
- };
1420
- };
1421
- }
1422
-
1423
- /** Animation states for exit transition
1424
- * @hidden
1425
- */
1426
- export declare interface Exit extends AnimationStatesClasses {
1427
- }
1428
-
1429
- /** Active states for exit transition
1430
- * @hidden
1431
- */
1432
- export declare interface ExitActive extends AnimationStatesClasses {
1433
- }
1434
-
1435
- /**
1436
- * Similar to the `Object.assign` function. Additionally, creates a new array for the subitems.
1437
- *
1438
- * @param {object} item - The source data item.
1439
- * @param {string} subItemsField - The field which points to the subitems collection of each data item.
1440
- * @param {object} propsToExtend - The props with which the source data item will be extended.
1441
- * @returns {object} - The target data item.
1442
- */
1443
- export declare const extendDataItem: (item: any, subItemsField: string, propsToExtend?: any) => any;
1444
-
1445
- /**
1446
- * @hidden
1447
- */
1448
- export declare const FIELD_REGEX: RegExp;
1449
-
1450
- /**
1451
- * @hidden
1452
- */
1453
- export declare const fillModeMap: PresetOption;
1454
-
1455
- /**
1456
- * @hidden
1457
- */
1458
- export declare const firstFocusableChild: (element: any) => any;
1459
-
1460
- /**
1461
- * @hidden
1462
- */
1463
- export declare interface FloatingLabelClasses {
1464
- /** Wrapper element configurations */
1465
- wrapper?: {
1466
- /** Main class for the wrapper */
1467
- main?: string;
1468
- /** Class applied when the element is focused */
1469
- focused?: string;
1470
- /** Class applied when the element is empty */
1471
- empty?: string;
1472
- /** Class for non-empty state (empty in this case) */
1473
- notEmpty?: string;
1474
- /** Class for disabled state */
1475
- disabled?: string;
1476
- /** Class applied when in RTL mode */
1477
- isRtl?: string;
1478
- };
1479
- /** Label element configurations */
1480
- label?: {
1481
- /** Main class for the label */
1482
- main?: string;
1483
- /** Class applied when the label is focused */
1484
- focused?: string;
1485
- /** Class applied when the label is empty */
1486
- empty?: string;
1487
- /** Class for non-empty label state */
1488
- notEmpty?: string;
1489
- /** Class applied when the label is in an invalid state */
1490
- invalid?: string;
1491
- /** Class applied when the label is disabled */
1492
- disabled?: string;
1493
- };
1494
- }
1495
-
1496
- /**
1497
- * @hidden
1498
- */
1499
- export declare const FOCUSABLE_ELEMENTS: string[];
1500
-
1501
- /**
1502
- * @hidden
1503
- */
1504
- export declare const focusContainer: (e: any, containerElement: any) => boolean;
1505
-
1506
- /**
1507
- * @hidden
1508
- */
1509
- export declare const focusFirstFocusableChild: (element: any) => void;
1510
-
1511
- /**
1512
- * @hidden
1513
- */
1514
- export declare const focusLastFocusableChild: (element: any) => void;
1515
-
1516
- /**
1517
- * @hidden
1518
- */
1519
- export declare const FontIcon: DefineComponent<ExtractPropTypes< {
1520
- name: StringConstructor;
1521
- themeColor: {
1522
- type: StringConstructor;
1523
- };
1524
- size: {
1525
- type: StringConstructor;
1526
- };
1527
- flip: {
1528
- type: StringConstructor;
1529
- };
1530
- id: StringConstructor;
1531
- ariaLabel: StringConstructor;
1532
- title: StringConstructor;
1533
- tabIndex: NumberConstructor;
1534
- }>, {}, {}, {
1535
- fontClassNames(this: FontIconAll): {
1536
- [x: string]: any;
1537
- [x: number]: any;
1538
- 'k-icon': boolean;
1539
- 'k-font-icon': boolean;
1540
- 'k-flip-h': boolean;
1541
- 'k-flip-v': boolean;
1542
- };
1543
- }, {
1544
- handleClick(e: any): void;
1545
- }, ComponentOptionsMixin, ComponentOptionsMixin, {
1546
- click: any;
1547
- }, string, PublicProps, Readonly<ExtractPropTypes< {
1548
- name: StringConstructor;
1549
- themeColor: {
1550
- type: StringConstructor;
1551
- };
1552
- size: {
1553
- type: StringConstructor;
1554
- };
1555
- flip: {
1556
- type: StringConstructor;
1557
- };
1558
- id: StringConstructor;
1559
- ariaLabel: StringConstructor;
1560
- title: StringConstructor;
1561
- tabIndex: NumberConstructor;
1562
- }>> & Readonly<{
1563
- onClick?: (...args: any[] | unknown[]) => any;
1564
- }>, {}, {}, {}, {}, string, ComponentProvideOptions, true, {}, any>;
1565
-
1566
- /**
1567
- * @hidden
1568
- */
1569
- export declare interface FontIconAll extends FontIconMethods, FontIconData, FontIconComputed, FontIconState {
1570
- }
1571
-
1572
- /**
1573
- * @hidden
1574
- */
1575
- export declare interface FontIconComputed {
1576
- [key: string]: any;
1577
- }
1578
-
1579
- /**
1580
- * @hidden
1581
- */
1582
- export declare interface FontIconData {
1583
- }
1584
-
1585
- /**
1586
- * @hidden
1587
- */
1588
- export declare interface FontIconMethods {
1589
- [key: string]: any;
1590
- }
1591
-
1592
- /**
1593
- * Represents the props of the [Kendo UI for Vue Icon component]({% slug overview_icon %}).
1594
- */
1595
- export declare interface FontIconProps extends BaseIconProps {
1596
- /**
1597
- * Represents the name of the icon.
1598
- */
1599
- name?: string;
1600
- }
1601
-
1602
- /**
1603
- * @hidden
1604
- */
1605
- export declare interface FontIconState {
1606
- }
1607
-
1608
- /**
1609
- * @hidden
1610
- */
1611
- export declare interface FormClasses {
1612
- /** Form configurations */
1613
- form?: {
1614
- /** Main class for the form */
1615
- main?: string;
1616
- /** Size configurations for the form */
1617
- size?: {
1618
- /** Prefix for size classes */
1619
- prefix?: string;
1620
- /** Class for small size */
1621
- small?: string;
1622
- /** Class for medium size */
1623
- medium?: string;
1624
- /** Class for large size */
1625
- large?: string;
1626
- };
1627
- /** Orientation configurations for the form */
1628
- orientation?: {
1629
- /** Class for horizontal orientation */
1630
- horizontal?: string;
1631
- /** Class for vertical orientation */
1632
- vertical?: string;
1633
- };
1634
- };
1635
- /** Layout configurations for the form */
1636
- formLayout?: {
1637
- /** Main class for form layout */
1638
- main?: string;
1639
- };
1640
- /** Fieldset configurations within the form */
1641
- fieldset?: {
1642
- /** Main class for form fieldset */
1643
- main?: string;
1644
- /** Layout configurations for the form fieldset */
1645
- layout?: {
1646
- /** Main class for form fieldset layout */
1647
- main?: string;
1648
- };
1649
- };
1650
- /** Class for the form legend */
1651
- legend?: {
1652
- /** Main class for form legend */
1653
- main?: string;
1654
- };
1655
- /** Field configurations within the form */
1656
- field?: {
1657
- /** Main class for form fields */
1658
- main?: string;
1659
- /** Class indicating right-to-left (RTL) layout */
1660
- isRtl?: string;
1661
- };
1662
- /**
1663
- * Separator configurations within the form.
1664
- */
1665
- separator?: {
1666
- /** Main class for form field separator */
1667
- main?: string;
1668
- };
1669
- }
1670
-
1671
- /**
1672
- * Form classes
1673
- * @hidden
1674
- */
1675
- export declare interface FormClassStructure {
1676
- uForm?: FormClasses;
1677
- }
1678
-
1679
- /**
1680
- * Represents the basic props of the KendoVue form components.
1681
- * @hidden
1682
- *
1683
- * For runnable examples on forms support, refer to the documentation of the respective form component:
1684
- * * [DateInput]({% slug forms_dateinput %})
1685
- * * [DatePicker]({% slug forms_datepicker %})
1686
- * * [TimePicker]({% slug forms_timepicker %})
1687
- * * [DateTimePicker]({% slug forms_datetimepicker %})
1688
- * * [AutoComplete]({% slug forms_autocomplete %})
1689
- * * [ComboBox]({% slug forms_combobox %})
1690
- * * [DropDownList]({% slug forms_dropdownlist %})
1691
- * * [MultiSelect]({% slug forms_multiselect %})
1692
- * * [Input]({% slug forms_input %})
1693
- * * [MaskedTextBox]({% slug forms_maskedtextbox %})
1694
- * * [NumericTextBox]({% slug forms_numerictextbox %})
1695
- */
1696
- export declare interface FormComponentProps {
1697
- /**
1698
- * Controls the form error message of the component. If set to an empty string, no error will be thrown.
1699
- *
1700
- */
1701
- validationMessage?: string;
1702
- /**
1703
- * Specifies if `null` is a valid value for the component.
1704
- *
1705
- */
1706
- required?: boolean;
1707
- /**
1708
- * Specifies the `name` property of the `input` DOM element.
1709
- *
1710
- */
1711
- name?: string;
1712
- /**
1713
- * Overrides the validity state of the component.
1714
- * If `valid` is set, the `required` property will be ignored.
1715
- *
1716
- */
1717
- valid?: boolean;
1718
- /**
1719
- * If set to `false`, no visual representation of the invalid state of the component will be applied.
1720
- *
1721
- */
1722
- validityStyles?: boolean;
1723
- /**
1724
- * @hidden
1725
- */
1726
- value?: any;
1727
- /**
1728
- * @hidden
1729
- */
1730
- defaultValue?: any;
1731
- }
1732
-
1733
- /**
1734
- * Represents the `validity` state of the KendoVue form components.
1735
- *
1736
- * For runnable examples on forms support, refer to the documentation of the respective form component:
1737
- * * [DateInput]({% slug forms_dateinput %})
1738
- * * [DatePicker]({% slug forms_datepicker %})
1739
- * * [TimePicker]({% slug forms_timepicker %})
1740
- * * [DateTimePicker]({% slug forms_timepicker %})
1741
- * * [AutoComplete]({% slug forms_autocomplete %})
1742
- * * [ComboBox]({% slug forms_combobox %})
1743
- * * [DropDownList]({% slug forms_dropdownlist %})
1744
- * * [MultiSelect]({% slug forms_multiselect %})
1745
- * * [Input]({% slug forms_input %})
1746
- * * [MaskedTextBox]({% slug forms_maskedtextbox %})
1747
- * * [NumericTextBox]({% slug forms_numerictextbox %})
1748
- *
1749
- * @hidden
1750
- */
1751
- export declare interface FormComponentValidity {
1752
- readonly badInput?: boolean;
1753
- readonly customError: boolean;
1754
- readonly patternMismatch?: boolean;
1755
- readonly rangeOverflow?: boolean;
1756
- readonly rangeUnderflow?: boolean;
1757
- readonly stepMismatch?: boolean;
1758
- readonly tooLong?: boolean;
1759
- readonly tooShort?: boolean;
1760
- readonly typeMismatch?: boolean;
1761
- readonly valid: boolean;
1762
- readonly valueMissing: boolean;
1763
- }
1764
-
1765
- /**
1766
- * @hidden
1767
- */
1768
- export declare const forms: {
1769
- form: string;
1770
- fieldset: string;
1771
- legend: string;
1772
- separator: string;
1773
- field: string;
1774
- };
1775
-
1776
- /**
1777
- * @hidden
1778
- */
1779
- export declare const getActiveElement: (document: any) => HTMLElement | undefined;
1780
-
1781
- /**
1782
- * @hidden
1783
- */
1784
- export declare function getDefaultSlots(component: any): any;
1785
-
1786
- /**
1787
- * @hidden
1788
- */
1789
- export declare function getDir(element: Element | null, initialDir: string): string;
1790
-
1791
- /**
1792
- * @hidden
1793
- */
1794
- export declare const getIconName: (iconName: string) => string;
1795
-
1796
- /**
1797
- * @hidden
1798
- */
1799
- export declare const getInnerActiveElement: any;
1800
-
1801
- /**
1802
- * Returns the data item path in the tree based on the level parameter.
1803
- *
1804
- * @param {any[]} tree - The data tree.
1805
- * @param {number[]} level - The level of the target tree item.
1806
- * @param {string} subItemsField - The field which points to the subitems collection of each data item.
1807
- * @returns {any[]} - The path of the data item.
1808
- */
1809
- export declare const getItemPath: (tree: any[], level: number[], subItemsField?: string) => any[];
1810
-
1811
- /**
1812
- * @hidden
1813
- *
1814
- * Returns the notification message to display, if any.
1815
- */
1816
- export declare const getLicenseMessage: (e: any) => string | undefined;
1817
-
1818
- /**
1819
- * @hidden
1820
- */
1821
- export declare function getListeners(this: any): {};
1822
-
1823
- /**
1824
- * @hidden
1825
- */
1826
- export declare function getNestedValue(fieldName: string, dataItem: any): any;
1827
-
1828
- /**
1829
- * @hidden
1830
- */
1831
- export declare function getRef(comp: any, refName: string): any;
1832
-
1833
- /**
1834
- * @hidden
1835
- */
1836
- export declare const getScrollbarWidth: () => number | false;
1837
-
1838
- /**
1839
- * @hidden
1840
- */
1841
- export declare const getTabIndex: (tabIndex?: number | string, disabled?: boolean, useDefaultTabIndexWhenDisabled?: boolean) => number | undefined;
1842
-
1843
- /**
1844
- * @hidden
1845
- */
1846
- export declare function getTemplate(this: any, { h: h, template: template, defaultRendering: defaultRendering, defaultSlots: defaultSlots, additionalProps: additionalProps, additionalListeners: additionalListeners, swapDefaultSlots: swapDefaultSlots }: any): any;
1847
-
1848
- /**
1849
- * @hidden
1850
- */
1851
- export declare function getter(field: string): any;
1852
-
1853
- /**
1854
- * @hidden
1855
- */
1856
- export declare const grid: {
1857
- prefix: string;
1858
- ariaRoot: string;
1859
- tableWrap: string;
1860
- master: string;
1861
- column: string;
1862
- cell: string;
1863
- cellInner: string;
1864
- row: string;
1865
- group: string;
1866
- hierarchy: string;
1867
- detail: string;
1868
- noRecords: string;
1869
- pager: string;
1870
- };
1871
-
1872
- /**
1873
- * @hidden
1874
- */
1875
- export declare interface GridClassStructure {
1876
- uGrid?: WidgetClassStructure;
1877
- }
1878
-
1879
- /**
1880
- * @hidden
1881
- */
1882
- export declare const gridPrefix: string;
1883
-
1884
- /**
1885
- * @hidden
1886
- */
1887
- export declare const gridRowReorder: {
1888
- drop: string;
1889
- drag: string;
1890
- hint: string;
1891
- vertical: string;
1892
- horizontal: string;
1893
- clue: string;
1894
- reorder: string;
1895
- };
1896
-
1897
- /**
1898
- * @hidden
1899
- */
1900
- export declare const guid: Function;
1901
-
1902
- /**
1903
- * @hidden
1904
- */
1905
- export declare function hasListener(this: any, eventName: string): boolean;
1906
-
1907
- /** @hidden */
1908
- export declare const hasRelativeStackingContext: (elementSource?: HTMLElement) => boolean;
1909
-
1910
- /**
1911
- * @hidden
1912
- */
1913
- export declare interface HintClasses {
1914
- /** Wrapper element configurations */
1915
- wrapper?: {
1916
- /** Main class for the wrapper */
1917
- main?: string;
1918
- /** Direction-related configurations */
1919
- direction?: {
1920
- /** Class for start-aligned text */
1921
- start?: string;
1922
- /** Class for end-aligned text */
1923
- end?: string;
1924
- /** Class for disabled state */
1925
- disabled?: string;
1926
- };
1927
- };
1928
- }
1929
-
1930
- /**
1931
- * @hidden
1932
- */
1933
- export declare const Icon: DefineComponent<ExtractPropTypes< {
1934
- name: StringConstructor;
1935
- icon: ObjectConstructor;
1936
- title: StringConstructor;
1937
- themeColor: {
1938
- type: StringConstructor;
1939
- };
1940
- size: {
1941
- type: StringConstructor;
1942
- };
1943
- flip: {
1944
- type: StringConstructor;
1945
- };
1946
- id: StringConstructor;
1947
- ariaLabel: StringConstructor;
1948
- viewBox: {
1949
- type: StringConstructor;
1950
- default: string;
1951
- };
1952
- tabIndex: NumberConstructor;
1953
- role: StringConstructor;
1954
- }>, {}, {}, {}, {
1955
- handleClick(e: any): void;
1956
- }, ComponentOptionsMixin, ComponentOptionsMixin, {
1957
- click: any;
1958
- }, string, PublicProps, Readonly<ExtractPropTypes< {
1959
- name: StringConstructor;
1960
- icon: ObjectConstructor;
1961
- title: StringConstructor;
1962
- themeColor: {
1963
- type: StringConstructor;
1964
- };
1965
- size: {
1966
- type: StringConstructor;
1967
- };
1968
- flip: {
1969
- type: StringConstructor;
1970
- };
1971
- id: StringConstructor;
1972
- ariaLabel: StringConstructor;
1973
- viewBox: {
1974
- type: StringConstructor;
1975
- default: string;
1976
- };
1977
- tabIndex: NumberConstructor;
1978
- role: StringConstructor;
1979
- }>> & Readonly<{
1980
- onClick?: (...args: any[] | unknown[]) => any;
1981
- }>, {
1982
- viewBox: string;
1983
- }, {}, {}, {}, string, ComponentProvideOptions, true, {}, any>;
1984
-
1985
- /**
1986
- * @hidden
1987
- */
1988
- export declare const icon: {
1989
- prefix: string;
1990
- svg: string;
1991
- i: string;
1992
- color: string;
1993
- flipH: string;
1994
- flipV: string;
1995
- };
1996
-
1997
- /**
1998
- * @hidden
1999
- */
2000
- export declare interface IconAll extends IconMethods, IconData, IconComputed, IconState {
2001
- }
2002
-
2003
- /**
2004
- * @hidden
2005
- */
2006
- export declare interface IconComputed {
2007
- [key: string]: any;
2008
- }
2009
-
2010
- /**
2011
- * @hidden
2012
- */
2013
- export declare interface IconData {
2014
- }
2015
-
2016
- /**
2017
- * Specifies the icon flip direction.
2018
- *
2019
- * The possible values are:
2020
- * * `default` (Default)&mdash;No flipping applied.
2021
- * * `horizontal`&mdash;Flips the icon in horizontal direction.
2022
- * * `vertical`&mdash;Flips the icon in vertical direction.
2023
- * * `both`&mdash;Flips the icon in both horizontal and vertical directions.
2024
- *
2025
- */
2026
- export declare type IconFlip = 'default' | 'horizontal' | 'vertical' | 'both';
2027
-
2028
- /**
2029
- * @hidden
2030
- */
2031
- export declare interface IconMethods {
2032
- [key: string]: any;
2033
- }
2034
-
2035
- /**
2036
- * @hidden
2037
- */
2038
- export declare interface IconProps extends SvgIconProps {
2039
- iconType?: string;
2040
- name?: string;
2041
- }
2042
-
2043
- /**
2044
- * Icons classes
2045
- * @hidden
2046
- */
2047
- export declare interface IconsClassStructure {
2048
- uSvgIcon?: SVGIconClasses;
2049
- }
2050
-
2051
- /**
2052
- * Specifies the size of the icon.
2053
- *
2054
- * The possible values are:
2055
- * * `default` (Default)&mdash;Font-size: 16px; Width: 16px; Height: 16px.
2056
- * * `xsmall`&mdash;Font-size: 12px; Width: 12px; Height: 12px.
2057
- * * `small`&mdash;Font-size: 14px; Width: 14px; Height: 14px.
2058
- * * `medium`&mdash;Font-size: 16px; Width: 16px; Height: 16px.
2059
- * * `large`&mdash;Font-size: 20px; Width: 20px; Height: 20px.
2060
- * * `xlarge`&mdash;Font-size: 24px; Width: 24px; Height: 24px.
2061
- * * `xxlarge`&mdash;Font-size: 32px; Width: 32px; Height: 32px.
2062
- * * `xxxlarge`&mdash;Font-size: 48px; Width: 48px; Height: 48px.
2063
- *
2064
- */
2065
- export declare type IconSize = 'default' | 'xsmall' | 'small' | 'medium' | 'large' | 'xlarge';
2066
-
2067
- /**
2068
- * @hidden
2069
- */
2070
- export declare interface IconState {
2071
- }
2072
-
2073
- /**
2074
- * Specifies the theme color of the Icon.
2075
- *
2076
- * The possible values are:
2077
- * * `inherit` (Default)&mdash;Applies coloring based on the current color.
2078
- * * `primary` &mdash;Applies coloring based on primary theme color.
2079
- * * `secondary`&mdash;Applies coloring based on secondary theme color.
2080
- * * `tertiary`&mdash; Applies coloring based on tertiary theme color.
2081
- * * `info`&mdash;Applies coloring based on info theme color.
2082
- * * `success`&mdash; Applies coloring based on success theme color.
2083
- * * `warning`&mdash; Applies coloring based on warning theme color.
2084
- * * `error`&mdash; Applies coloring based on error theme color.
2085
- * * `dark`&mdash; Applies coloring based on dark theme color.
2086
- * * `light`&mdash; Applies coloring based on light theme color.
2087
- * * `inverse`&mdash; Applies coloring based on inverse theme color.
2088
- *
2089
- * If the property is not set, the icon inherits the color from its parent.
2090
- *
2091
- * You can use the `style` prop to apply custom color related properties to the icon.
2092
- */
2093
- export declare type IconThemeColor = 'inherit' | 'primary' | 'secondary' | 'tertiary' | 'info' | 'success' | 'warning' | 'error' | 'dark' | 'light' | 'inverse';
2094
-
2095
- /**
2096
- * @hidden
2097
- */
2098
- export declare interface InputClasses {
2099
- /** Input element configurations */
2100
- input?: {
2101
- /** Main class for the input, combining size, rounded, and fill mode */
2102
- main?: string;
2103
- /** Disabled state class */
2104
- disabled?: string;
2105
- /** Required state class */
2106
- required?: string;
2107
- /** Invalid state class */
2108
- invalid?: string;
2109
- /** RTL (right-to-left) layout class */
2110
- isRtl?: string;
2111
- };
2112
- /** Clear button class */
2113
- clearButton?: string;
2114
- }
2115
-
2116
- /**
2117
- * @hidden
2118
- */
2119
- export declare const inputPrefix: string;
2120
-
2121
- /**
2122
- * @hidden
2123
- */
2124
- export declare const inputs: {
2125
- input: string;
2126
- inner: string;
2127
- spin: string;
2128
- spinner: string;
2129
- maskedtextbox: string;
2130
- radio: string;
2131
- textbox: string;
2132
- prefix: string;
2133
- suffix: string;
2134
- };
2135
-
2136
- /**
2137
- * Inputs classes
2138
- * @hidden
2139
- */
2140
- export declare interface InputsClassStructure {
2141
- uMaskedTextBox?: MaskedTextBoxClasses;
2142
- uRadioGroup?: RadioGroupClasses;
2143
- uRadioButton?: RadioButtonClasses;
2144
- uTextBox?: TextBoxClasses;
2145
- uInput?: InputClasses;
2146
- }
2147
-
2148
- /**
2149
- * @hidden
2150
- */
2151
- export declare const isObject: (value: any) => boolean;
2152
-
2153
- /**
2154
- * @hidden
2155
- */
2156
- export declare function isRtl(element: Element | null): boolean;
2157
-
2158
- /**
2159
- * @hidden
2160
- */
2161
- export declare const jsonTheme: KendoTheme;
2162
-
2163
- /**
2164
- * @hidden
2165
- */
2166
- export declare interface KendoTheme {
2167
- base: PresetOption;
2168
- animation: PresetOption;
2169
- containers: PresetOption;
2170
- components: PresetOption;
2171
- cssUtils: PresetOption;
2172
- elements: PresetOption;
2173
- sizeMap: PresetOption;
2174
- directionMap: PresetOption;
2175
- fillModeMap: PresetOption;
2176
- themeColorMap: PresetOption;
2177
- roundedMap: PresetOption;
2178
- cursor: PresetOption;
2179
- dimensions: PresetOption;
2180
- states: PresetOption;
2181
- actions: PresetOption;
2182
- inputs: PresetOption;
2183
- dateInputs: PresetOption;
2184
- forms: PresetOption;
2185
- labels: PresetOption;
2186
- popup: PresetOption;
2187
- icon: PresetOption;
2188
- grid: PresetOption;
2189
- orientationMap: PresetOption;
2190
- }
2191
-
2192
- /** @hidden */
2193
- export declare interface KendoThemeMaps {
2194
- sizeMap: Record<Exclude<any, null>, string>;
2195
- roundedMap: Record<Exclude<any, null>, string>;
2196
- }
2197
-
2198
- /** @hidden */
2199
- export declare const kendoThemeMaps: KendoThemeMaps;
2200
-
2201
- /**
2202
- * @hidden
2203
- */
2204
- export declare const Keys: {
2205
- backspace: number;
2206
- tab: number;
2207
- enter: number;
2208
- shift: number;
2209
- esc: number;
2210
- space: number;
2211
- pageUp: number;
2212
- pageDown: number;
2213
- end: number;
2214
- home: number;
2215
- left: number;
2216
- up: number;
2217
- right: number;
2218
- down: number;
2219
- delete: number;
2220
- };
2221
-
2222
- /**
2223
- * @hidden
2224
- */
2225
- export declare interface LabelClasses {
2226
- /** Label */
2227
- label?: {
2228
- /** Main class for the label */
2229
- main?: string;
2230
- /** Class applied when the label is in an empty state */
2231
- empty?: string;
2232
- /** Class applied when the label is in an invalid state */
2233
- invalid?: string;
2234
- /** Class applied when the label is disabled */
2235
- disabled?: string;
2236
- };
2237
- }
2238
-
2239
- /**
2240
- * @hidden
2241
- */
2242
- export declare const labels: {
2243
- label: string;
2244
- text: string;
2245
- floatingLabel: string;
2246
- container: string;
2247
- hint: string;
2248
- error: string;
2249
- };
2250
-
2251
- /**
2252
- * Labels classes
2253
- * @hidden
2254
- */
2255
- export declare interface LabelsClassStructure {
2256
- uError?: ErrorClasses;
2257
- uHint?: HintClasses;
2258
- uLabel?: LabelClasses;
2259
- uFloatingLabel?: FloatingLabelClasses;
2260
- }
2261
-
2262
- /**
2263
- * @hidden
2264
- */
2265
- export declare const lastFocusableChild: (element: any) => any;
2266
-
2267
- /**
2268
- * Creates a new array with the results of calling the provided callback function
2269
- * on every element in the provided data tree.
2270
- *
2271
- * @param {any[]} tree - The data tree.
2272
- * @param {string} subItemsField - The field which points to the subitems collection of each data item.
2273
- * @param {(value: any) => any} callback - The callback function.
2274
- * @returns {any[]} - The new data tree.
2275
- */
2276
- export declare const mapTree: (tree: any[], subItemsField: string, callback: (value: any) => any) => any[];
2277
-
2278
- /**
2279
- * Creates a new array with the results of calling the provided callback function
2280
- * on the element which match the `level` in the provided data tree.
2281
- *
2282
- * @param {any[]} tree - The data tree.
2283
- * @param {number[]} level - An array of indexes of each parent and current item in the data tree.
2284
- * @param {string} subItemsField - The field which points to the subitems collection of each data item.
2285
- * @param {(value: any) => any} callback - The callback function.
2286
- * @returns {any[]} - The new data tree.
2287
- */
2288
- export declare const mapTreeItem: (tree: any[], level: number[], subItemsField: string, callback: (value: any) => any) => void;
2289
-
2290
- /**
2291
- * @hidden
2292
- */
2293
- export declare const maskedPrefix: string;
2294
-
2295
- /**
2296
- * @hidden
2297
- */
2298
- export declare interface MaskedTextBoxClasses {
2299
- /** Wrapper configurations for the masked input */
2300
- wrapper?: {
2301
- /** Main class for the wrapper */
2302
- main?: string;
2303
- /** Class for the input element */
2304
- input?: string;
2305
- /** Size configurations for the input */
2306
- size?: {
2307
- /** Small size class */
2308
- small?: string;
2309
- /** Medium size class */
2310
- medium?: string;
2311
- /** Large size class */
2312
- large?: string;
2313
- };
2314
- /** Fill mode configurations for the input */
2315
- fillMode?: {
2316
- /** Solid fill mode class */
2317
- solid?: string;
2318
- /** Outline fill mode class */
2319
- outline?: string;
2320
- /** Flat fill mode class */
2321
- flat?: string;
2322
- };
2323
- /** Rounded border configurations */
2324
- rounded?: {
2325
- /** Small rounded border class */
2326
- small?: string;
2327
- /** Medium rounded border class */
2328
- medium?: string;
2329
- /** Large rounded border class */
2330
- large?: string;
2331
- };
2332
- /** Disabled state class */
2333
- disabled?: string;
2334
- /** Invalid state class */
2335
- invalid?: string;
2336
- /** RTL (right-to-left) layout class */
2337
- isRtl?: string;
2338
- };
2339
- /** Class for the inner part of the input */
2340
- inputInner?: string;
2341
- }
2342
-
2343
- /**
2344
- * @hidden
2345
- */
2346
- export declare class Navigation {
2347
- selectors: string[];
2348
- mouseEvents: {
2349
- [type: string]: (target: HTMLElement, nav: Navigation, ev: any) => void;
2350
- };
2351
- keyboardEvents: {
2352
- [type: string]: {
2353
- [key: string]: (target: HTMLElement, nav: Navigation, ev: any) => void;
2354
- };
2355
- };
2356
- tabIndex: number;
2357
- root: any;
2358
- rovingTabIndex?: boolean;
2359
- constructor(options: {
2360
- tabIndex: number;
2361
- root: any;
2362
- selectors: string[];
2363
- rovingTabIndex?: boolean;
2364
- mouseEvents?: {
2365
- [type: string]: (target: HTMLElement, nav: Navigation, ev: any) => void;
2366
- };
2367
- keyboardEvents?: {
2368
- [type: string]: {
2369
- [key: string]: (target: HTMLElement, nav: Navigation, ev: any) => void;
2370
- };
2371
- };
2372
- });
2373
- get elements(): HTMLElement[];
2374
- get first(): HTMLElement | null;
2375
- get last(): HTMLElement | null;
2376
- get current(): HTMLElement | null;
2377
- focusNext(target: HTMLElement): void;
2378
- focusPrevious(target: HTMLElement): void;
2379
- triggerKeyboardEvent(ev: any): void;
2380
- triggerMouseEvent(ev: any): void;
2381
- focusElement(element: HTMLElement | null, previous: HTMLElement | null): void;
2382
- update: () => void;
2383
- private focusNextIndex;
2384
- }
2385
-
2386
- /**
2387
- * @hidden
2388
- */
2389
- export declare const noop: () => void;
2390
-
2391
- /**
2392
- * @hidden
2393
- */
2394
- export declare const orientationMap: PresetOption;
2395
-
2396
- /**
2397
- * @hidden
2398
- */
2399
- export declare const pickerPrefix: string;
2400
-
2401
- /**
2402
- * @hidden
2403
- */
2404
- export declare const popup: {
2405
- prefix: string;
2406
- };
2407
-
2408
- /**
2409
- * @hidden
2410
- */
2411
- export declare interface PopupClasses {
2412
- /** Prefix for the animation container */
2413
- animationContainer?: string;
2414
- /** Prefix for the shown animation container */
2415
- animationContainerShown?: string;
2416
- /** Prefix for child animations within the animation */
2417
- animationChild?: string;
2418
- /** Prefix for the popup animation */
2419
- popup?: string;
2420
- /** Slide animation configurations for different directions */
2421
- slide?: SlideClasses;
2422
- /** Active slide animation configurations for different directions */
2423
- slideActive?: SlideClasses;
2424
- }
2425
-
2426
- /**
2427
- * Popup classes
2428
- * @hidden
2429
- */
2430
- export declare interface PopupClassStructure {
2431
- uPopup?: PopupClasses;
2432
- }
2433
-
2434
- declare type PresetOption = Record<Exclude<any, null>, string>;
2435
-
2436
- /**
2437
- * @hidden
2438
- */
2439
- export declare interface RadioButtonClasses {
2440
- /** Input configurations */
2441
- input?: {
2442
- /** Class for the radio input */
2443
- radio?: string;
2444
- /** Size configurations for the radio input */
2445
- size?: {
2446
- /** Prefix for size classes */
2447
- prefix?: string;
2448
- /** Class for small size radio input */
2449
- small?: string;
2450
- /** Class for medium size radio input */
2451
- medium?: string;
2452
- /** Class for large size radio input */
2453
- large?: string;
2454
- };
2455
- /** Class for invalid state */
2456
- invalid?: string;
2457
- /** Class for checked state */
2458
- checked?: string;
2459
- };
2460
- /** Class for wrapping container */
2461
- wrap?: string;
2462
- /** Class for the label */
2463
- label?: string;
2464
- }
2465
-
2466
- /**
2467
- * @hidden
2468
- */
2469
- export declare const radioButtonClasses: RadioButtonClasses;
2470
-
2471
- /**
2472
- * @hidden
2473
- */
2474
- export declare interface RadioGroupClasses {
2475
- /** Unordered list (ul) configurations */
2476
- ul?: {
2477
- /** Main class for the ul element */
2478
- main?: string;
2479
- /** Class for horizontal list layout */
2480
- horizontal?: string;
2481
- /** Class for vertical list layout */
2482
- vertical?: string;
2483
- };
2484
- /** Item configurations inside the ul */
2485
- item?: {
2486
- /** Main class for the list item (li) element */
2487
- main?: string;
2488
- /** Class for disabled state of list item */
2489
- disabled?: string;
2490
- };
2491
- }
2492
-
2493
- /**
2494
- * @hidden
2495
- */
2496
- export declare const radioGroupClasses: RadioGroupClasses;
2497
-
2498
- /**
2499
- * @hidden
2500
- */
2501
- export declare const radioPrefix: string;
2502
-
2503
- /**
2504
- * @hidden
2505
- */
2506
- export declare const roundedMap: PresetOption;
2507
-
2508
- /**
2509
- * @hidden
2510
- */
2511
- export declare class RowHeightService {
2512
- private readonly total;
2513
- private offsets;
2514
- private heights;
2515
- constructor(total: number, rowHeight: number);
2516
- height(rowIndex: number): number;
2517
- index(position: number): number;
2518
- offset(rowIndex: number): number;
2519
- totalHeight(): number;
2520
- update(startIndex: number, rowHeights: Array<number>): void;
2521
- }
2522
-
2523
- /**
2524
- * @hidden
2525
- */
2526
- export declare function setRef(comp: any, refName: string): any;
2527
-
2528
- /**
2529
- * @hidden
2530
- */
2531
- export declare const setScrollbarWidth: () => boolean;
2532
-
2533
- /**
2534
- * @hidden
2535
- */
2536
- export declare function setter(field: string): any;
2537
-
2538
- /**
2539
- * @hidden
2540
- */
2541
- export declare function shouldShowValidationUI(packageMetadata: any): boolean;
2542
-
2543
- /**
2544
- * @hidden
2545
- * Size options
2546
- */
2547
- export declare interface SizeClasses {
2548
- /** Default size (16px by 16px) */
2549
- default?: string;
2550
- /** Extra small size (0.75 times the default size) */
2551
- xsmall?: string;
2552
- /** Small size (0.875 times the default size) */
2553
- small?: string;
2554
- /** Medium size, same as default (16px by 16px) */
2555
- medium?: string;
2556
- /** Large size (1.25 times the default size) */
2557
- large?: string;
2558
- /** Extra large size (1.5 times the default size) */
2559
- xlarge?: string;
2560
- /** Double extra large size (2 times the default size) */
2561
- xxlarge?: string;
2562
- /** Triple extra large size (3 times the default size) */
2563
- xxxlarge?: string;
2564
- }
2565
-
2566
- /**
2567
- * @hidden
2568
- */
2569
- export declare const sizeMap: PresetOption;
2570
-
2571
- /**
2572
- * @hidden
2573
- */
2574
- export declare interface SlideAnimationClasses {
2575
- /** Enter animation prefix for sliding up */
2576
- enter?: string;
2577
- /** Exit animation prefix for sliding up */
2578
- exit?: string;
2579
- }
2580
-
2581
- /**
2582
- * @hidden
2583
- */
2584
- export declare interface SlideClasses {
2585
- /** Animation settings for sliding up */
2586
- up?: SlideAnimationClasses;
2587
- /** Animation settings for sliding down */
2588
- down?: SlideAnimationClasses;
2589
- /** Animation settings for sliding left */
2590
- left?: SlideAnimationClasses;
2591
- /** Animation settings for sliding right */
2592
- right?: SlideAnimationClasses;
2593
- }
2594
-
2595
- /**
2596
- * @hidden
2597
- */
2598
- export declare const states: {
2599
- active: string;
2600
- adaptive: string;
2601
- first: string;
2602
- focus: string;
2603
- pending: string;
2604
- last: string;
2605
- draggable: string;
2606
- filterable: string;
2607
- grouping: string;
2608
- selected: string;
2609
- highlighted: string;
2610
- disabled: string;
2611
- hidden: string;
2612
- highlight: string;
2613
- invalid: string;
2614
- loading: string;
2615
- required: string;
2616
- checked: string;
2617
- empty: string;
2618
- scrollable: string;
2619
- sorted: string;
2620
- sort: string;
2621
- sticky: string;
2622
- stretched: string;
2623
- order: string;
2624
- alt: string;
2625
- edit: string;
2626
- template: string;
2627
- shown: string;
2628
- horizontal: string;
2629
- vertical: string;
2630
- fullscreen: string;
2631
- bottom: string;
2632
- };
2633
-
2634
- /**
2635
- * @hidden
2636
- * SVG classes configuration
2637
- */
2638
- export declare interface SvgClasses {
2639
- /** Main SVG class, sets fill and flex behavior */
2640
- main?: string;
2641
- /** Horizontal flip transformation for the SVG */
2642
- flipH?: string;
2643
- /** Vertical flip transformation for the SVG */
2644
- flipV?: string;
2645
- }
2646
-
2647
- /**
2648
- * Specifies the SVG icon.
2649
- */
2650
- export declare interface SVGIcon {
2651
- /**
2652
- * The unique name of the icon.
2653
- */
2654
- name: string;
2655
- /**
2656
- * The entire SVG content of the icon.
2657
- */
2658
- content: string;
2659
- /**
2660
- * The [viewBox](https://developer.mozilla.org/en-US/docs/Web/SVG/Attribute/viewBox)
2661
- * definition that should be used for the icon.
2662
- */
2663
- viewBox: string;
2664
- }
2665
-
2666
- /**
2667
- * @hidden
2668
- */
2669
- export declare const SvgIcon: DefineComponent<ExtractPropTypes< {
2670
- name: StringConstructor;
2671
- icon: ObjectConstructor;
2672
- themeColor: {
2673
- type: StringConstructor;
2674
- };
2675
- size: {
2676
- type: StringConstructor;
2677
- };
2678
- flip: {
2679
- type: StringConstructor;
2680
- };
2681
- id: StringConstructor;
2682
- ariaLabel: StringConstructor;
2683
- title: StringConstructor;
2684
- viewBox: {
2685
- type: StringConstructor;
2686
- default: string;
2687
- };
2688
- tabIndex: NumberConstructor;
2689
- svgClassName: StringConstructor;
2690
- svgStyle: ObjectConstructor;
2691
- }>, {}, {}, {
2692
- wrapperClass(this: SvgIconAll): {
2693
- [x: string]: any;
2694
- [x: number]: any;
2695
- 'k-icon': boolean;
2696
- 'k-svg-icon': boolean;
2697
- 'k-flip-h': boolean;
2698
- 'k-flip-v': boolean;
2699
- };
2700
- }, {
2701
- handleClick(e: any): void;
2702
- }, ComponentOptionsMixin, ComponentOptionsMixin, {
2703
- click: any;
2704
- }, string, PublicProps, Readonly<ExtractPropTypes< {
2705
- name: StringConstructor;
2706
- icon: ObjectConstructor;
2707
- themeColor: {
2708
- type: StringConstructor;
2709
- };
2710
- size: {
2711
- type: StringConstructor;
2712
- };
2713
- flip: {
2714
- type: StringConstructor;
2715
- };
2716
- id: StringConstructor;
2717
- ariaLabel: StringConstructor;
2718
- title: StringConstructor;
2719
- viewBox: {
2720
- type: StringConstructor;
2721
- default: string;
2722
- };
2723
- tabIndex: NumberConstructor;
2724
- svgClassName: StringConstructor;
2725
- svgStyle: ObjectConstructor;
2726
- }>> & Readonly<{
2727
- onClick?: (...args: any[] | unknown[]) => any;
2728
- }>, {
2729
- viewBox: string;
2730
- }, {}, {}, {}, string, ComponentProvideOptions, true, {}, any>;
2731
-
2732
- /**
2733
- * @hidden
2734
- */
2735
- export declare interface SvgIconAll extends SvgIconMethods, SvgIconData, SvgIconComputed, SvgIconState {
2736
- }
2737
-
2738
- /**
2739
- * @hidden
2740
- * SVGIcon Classes
2741
- */
2742
- export declare interface SVGIconClasses {
2743
- /** Wrapper configuration*/
2744
- wrapper?: WrapperClasses;
2745
- /** SVG configuration */
2746
- svg?: SvgClasses;
2747
- }
2748
-
2749
- /**
2750
- * @hidden
2751
- */
2752
- export declare interface SvgIconComputed {
2753
- [key: string]: any;
2754
- }
2755
-
2756
- /**
2757
- * @hidden
2758
- */
2759
- export declare interface SvgIconData {
2760
- }
2761
-
2762
- /**
2763
- * @hidden
2764
- */
2765
- export declare interface SvgIconHandle {
2766
- /**
2767
- * The SvgIconHandle element.
2768
- */
2769
- element: HTMLSpanElement | null;
2770
- }
2771
-
2772
- /**
2773
- * @hidden
2774
- */
2775
- export declare interface SvgIconMethods {
2776
- [key: string]: any;
2777
- }
2778
-
2779
- /**
2780
- * Represents the props of the [Kendo UI for Vue SvgIcon component]({% slug overview_svgicon %}).
2781
- */
2782
- export declare interface SvgIconProps extends BaseIconProps {
2783
- /**
2784
- * Represents the name of the icon.
2785
- */
2786
- name?: string;
2787
- /**
2788
- * Specifies the SVG icon.
2789
- *
2790
- * * The possible keys are:
2791
- * * `name`&mdash;The unique name of the icon.
2792
- * * `content`&mdash;The entire SVG content of the icon.
2793
- * * `viewBox`&mdash;The viewBox definition that should be used for the icon.
2794
- */
2795
- icon?: SVGIcon;
2796
- /**
2797
- * Specifies the viewBox of the custom SVG icon.
2798
- */
2799
- viewBox?: string;
2800
- /**
2801
- * Specifies a list of CSS classes that will be added to the svg element.
2802
- */
2803
- svgClassName?: string;
2804
- /**
2805
- * Sets additional CSS styles to the svg element.
2806
- */
2807
- svgStyle?: object;
2808
- }
2809
-
2810
- /**
2811
- * @hidden
2812
- */
2813
- export declare interface SvgIconState {
2814
- }
2815
-
2816
- /**
2817
- * @hidden
2818
- */
2819
- export declare const templateDefinition: {
2820
- type: (ObjectConstructor | BooleanConstructor | StringConstructor | FunctionConstructor)[];
2821
- default: () => any;
2822
- };
2823
-
2824
- /**
2825
- * @hidden
2826
- */
2827
- export declare function templateRendering(this: any, template: any, listeners: any): any;
2828
-
2829
- /**
2830
- * @hidden
2831
- */
2832
- export declare interface TextBoxClasses {
2833
- /** Wrapper configurations for the text box */
2834
- wrapper?: {
2835
- /** Main class for the wrapper */
2836
- main?: string;
2837
- /** Class for the input element */
2838
- input?: string;
2839
- /** Size configurations for the input */
2840
- size?: {
2841
- /** Small size class */
2842
- small?: string;
2843
- /** Medium size class */
2844
- medium?: string;
2845
- /** Large size class */
2846
- large?: string;
2847
- };
2848
- /** Fill mode configurations for the input */
2849
- fillMode?: {
2850
- /** Solid fill mode class */
2851
- solid?: string;
2852
- /** Outline fill mode class */
2853
- outline?: string;
2854
- /** Flat fill mode class */
2855
- flat?: string;
2856
- };
2857
- /** Rounded border configurations */
2858
- rounded?: {
2859
- /** Small rounded border class */
2860
- small?: string;
2861
- /** Medium rounded border class */
2862
- medium?: string;
2863
- /** Large rounded border class */
2864
- large?: string;
2865
- };
2866
- /** Disabled state class */
2867
- disabled?: string;
2868
- /** Focused state class */
2869
- focused?: string;
2870
- /** Required state class */
2871
- required?: string;
2872
- /** Invalid state class */
2873
- invalid?: string;
2874
- /** RTL (right-to-left) layout class */
2875
- isRtl?: string;
2876
- };
2877
- /** Class for the inner part of the input */
2878
- inputInner?: string;
2879
- /** Prefix configurations for the input */
2880
- prefix?: {
2881
- /** Main class for the prefix */
2882
- main?: string;
2883
- /** Orientation configurations for the prefix */
2884
- orientation?: {
2885
- /** Horizontal orientation class */
2886
- horizontal?: string;
2887
- /** Vertical orientation class */
2888
- vertical?: string;
2889
- };
2890
- };
2891
- /** Suffix configurations for the input */
2892
- suffix?: {
2893
- /** Main class for the suffix */
2894
- main?: string;
2895
- /** Orientation configurations for the suffix */
2896
- orientation?: {
2897
- /** Horizontal orientation class */
2898
- horizontal?: string;
2899
- /** Vertical orientation class */
2900
- vertical?: string;
2901
- };
2902
- };
2903
- }
2904
-
2905
- /**
2906
- * @hidden
2907
- * Theme color options for the wrapper
2908
- */
2909
- export declare interface ThemeColorClasses {
2910
- /** The text color should inherit from its parent */
2911
- inherit?: string;
2912
- /** Text color for the primary theme */
2913
- primary?: string;
2914
- /** Text color for the secondary theme */
2915
- secondary?: string;
2916
- /** Text color for the tertiary theme */
2917
- tertiary?: string;
2918
- /** Text color for informational messages */
2919
- info?: string;
2920
- /** Text color indicating success */
2921
- success?: string;
2922
- /** Text color for warnings */
2923
- warning?: string;
2924
- /** Text color indicating errors */
2925
- error?: string;
2926
- /** Text color for dark theme */
2927
- dark?: string;
2928
- /** Text color for light theme */
2929
- light?: string;
2930
- }
2931
-
2932
- /** Theme colors fill mode options for
2933
- * @hidden
2934
- */
2935
- export declare interface ThemeColorFillModeClasses {
2936
- /** Fill mode options for theme colors */
2937
- fillMode?: {
2938
- /** Solid fill mode for theme colors */
2939
- solid?: string;
2940
- /** Outline fill mode for theme colors */
2941
- outline?: string;
2942
- /** Flat fill mode for theme colors */
2943
- flat?: string;
2944
- /** Link fill mode for theme colors */
2945
- link?: string;
2946
- /** Clear fill mode for theme colors */
2947
- clear?: string;
2948
- };
2949
- }
2950
-
2951
- /**
2952
- * @hidden
2953
- */
2954
- export declare const themeColorMap: PresetOption;
2955
-
2956
- /**
2957
- * @hidden
2958
- */
2959
- export declare interface TimeClasses {
2960
- /** Footer configuration for the date input */
2961
- footer?: TimeFooterClasses;
2962
- /** Cancel action class for the date input */
2963
- cancel?: string;
2964
- /** Accept action class for the date input */
2965
- accept?: string;
2966
- /** Part configuration for the date input */
2967
- part?: TimePartClasses;
2968
- /** Header class for the date input */
2969
- header?: string;
2970
- /** Now action class for the date input */
2971
- now?: string;
2972
- /** List container class for the date input */
2973
- listContainer?: string;
2974
- /** Highlighted state class for the date input */
2975
- highlight?: string;
2976
- /** List wrapper configuration for the date input */
2977
- listWrapper?: TimeListWrapperClasses;
2978
- /** List class for the date input */
2979
- list?: string;
2980
- /** Main container configuration for the date input */
2981
- container?: TimeContainerClasses;
2982
- /** Container selector class for the date input */
2983
- containerSelector?: string;
2984
- /** Separator class for the date input */
2985
- separator?: string;
2986
- /** Unordered list class */
2987
- ul?: string;
2988
- /** List item class */
2989
- li?: string;
2990
- /** Title class for the date input */
2991
- title?: string;
2992
- /** Scrollable placeholder class for the date input */
2993
- scrollablePlaceholder?: string;
2994
- }
2995
-
2996
- /**
2997
- * @hidden
2998
- */
2999
- export declare interface TimeContainerClasses {
3000
- /** Main container class for the date input */
3001
- main?: string;
3002
- /** Scrollable state class for the container */
3003
- scrollable?: string;
3004
- /** Content class within the container */
3005
- content?: string;
3006
- }
3007
-
3008
- /**
3009
- * @hidden
3010
- */
3011
- export declare interface TimeFooterClasses {
3012
- /** Main footer class for time date input */
3013
- main?: string;
3014
- /** Actions container class within the footer */
3015
- actions?: string;
3016
- /** Stretched state class for the footer actions */
3017
- stretched?: string;
3018
- /** Horizontal alignment class for the footer actions */
3019
- horizontal?: string;
3020
- }
3021
-
3022
- /**
3023
- * @hidden
3024
- */
3025
- export declare interface TimeListWrapperClasses {
3026
- /** Main wrapper class for the list */
3027
- main?: string;
3028
- /** Focused state class for the list wrapper */
3029
- focused?: string;
3030
- }
3031
-
3032
- /**
3033
- * @hidden
3034
- */
3035
- export declare interface TimePartClasses {
3036
- /** Main class for the part of the date input */
3037
- main?: string;
3038
- /** Disabled state class for the part */
3039
- disabled?: string;
3040
- }
3041
-
3042
- /**
3043
- * @hidden
3044
- */
3045
- export declare interface TimePickerClasses {
3046
- /** Wrapper configuration for the timepicker */
3047
- wrapper?: TimePickerWrapperClasses;
3048
- /** Button class for the input component of the timepicker */
3049
- inputButton?: string;
3050
- /** Popup configuration for the timepicker */
3051
- popup?: TimePopupClasses;
3052
- /** Time selector configuration for the timepicker */
3053
- timeSelector?: TimeSelectorClasses;
3054
- }
3055
-
3056
- /**
3057
- * @hidden
3058
- */
3059
- export declare interface TimePickerWrapperClasses {
3060
- /** Main class for the timepicker wrapper */
3061
- main?: string;
3062
- /** Input class for the timepicker */
3063
- input?: string;
3064
- /** Size configurations for the timepicker */
3065
- size?: DateTimeSizeClasses;
3066
- /** Fill mode configurations for the timepicker */
3067
- fillMode?: DateTimeFillModeClasses;
3068
- /** Rounded configurations for the timepicker */
3069
- rounded?: DateTimeRoundedClasses;
3070
- /** Disabled state class for the timepicker */
3071
- disabled?: string;
3072
- /** Required state class for the timepicker */
3073
- required?: string;
3074
- /** Invalid state class for the timepicker */
3075
- invalid?: string;
3076
- }
3077
-
3078
- /**
3079
- * @hidden
3080
- */
3081
- export declare interface TimePopupClasses {
3082
- /** Main class for the timepicker popup */
3083
- main?: string;
3084
- /** Container class for the popup list */
3085
- container?: string;
3086
- }
3087
-
3088
- /**
3089
- * @hidden
3090
- */
3091
- export declare interface TimeSelectorClasses {
3092
- /** Main class for the time selector */
3093
- main?: string;
3094
- /** Size configurations for the time selector */
3095
- size?: DateTimeSizeClasses;
3096
- /** Disabled state class for the time selector */
3097
- disabled?: string;
3098
- /** Reset class for the time selector */
3099
- reset?: string;
3100
- }
3101
-
3102
- /**
3103
- * @hidden
3104
- */
3105
- export declare const uAnimation: WidgetClassStructure;
3106
-
3107
- /**
3108
- * @hidden
3109
- */
3110
- export declare const uButton: WidgetClassStructure;
3111
-
3112
- /**
3113
- * @hidden
3114
- */
3115
- export declare const uButtonGroup: WidgetClassStructure;
3116
-
3117
- /**
3118
- * @hidden
3119
- */
3120
- export declare const uCalendar: WidgetClassStructure;
3121
-
3122
- /**
3123
- * @hidden
3124
- */
3125
- export declare const uComboBox: WidgetClassStructure;
3126
-
3127
- /**
3128
- * @hidden
3129
- */
3130
- export declare const uDateInput: WidgetClassStructure;
3131
-
3132
- /**
3133
- * @hidden
3134
- */
3135
- export declare const uDateTimePicker: WidgetClassStructure;
3136
-
3137
- /**
3138
- * @hidden
3139
- */
3140
- export declare const uDropDownButton: WidgetClassStructure;
3141
-
3142
- /**
3143
- * @hidden
3144
- */
3145
- export declare const uDropDownList: WidgetClassStructure;
3146
-
3147
- /**
3148
- * @hidden
3149
- */
3150
- export declare const uDropDownsActionSheet: WidgetClassStructure;
3151
-
3152
- /**
3153
- * @hidden
3154
- */
3155
- export declare const uDropDownsBase: WidgetClassStructure;
3156
-
3157
- /**
3158
- * @hidden
3159
- */
3160
- export declare const uError: WidgetClassStructure;
3161
-
3162
- /**
3163
- * @hidden
3164
- */
3165
- export declare const uFloatingLabel: WidgetClassStructure;
3166
-
3167
- /**
3168
- * @hidden
3169
- */
3170
- export declare const uForm: WidgetClassStructure;
3171
-
3172
- /**
3173
- * @hidden
3174
- */
3175
- export declare const uGrid: WidgetClassStructure;
3176
-
3177
- /**
3178
- * @hidden
3179
- */
3180
- export declare const uHint: WidgetClassStructure;
3181
-
3182
- /**
3183
- * @hidden
3184
- */
3185
- export declare const uInput: WidgetClassStructure;
3186
-
3187
- /**
3188
- * @hidden
3189
- */
3190
- export declare const uLabel: WidgetClassStructure;
3191
-
3192
- /**
3193
- * @hidden
3194
- */
3195
- export declare const uMaskedTextBox: WidgetClassStructure;
3196
-
3197
- /**
3198
- * @hidden
3199
- */
3200
- export declare const uPopup: WidgetClassStructure;
3201
-
3202
- /**
3203
- * @hidden
3204
- */
3205
- export declare const uRadioButton: WidgetClassStructure;
3206
-
3207
- /**
3208
- * @hidden
3209
- */
3210
- export declare const uRadioGroup: WidgetClassStructure;
3211
-
3212
- /**
3213
- * @hidden
3214
- */
3215
- export declare const uSvgIcon: WidgetClassStructure;
3216
-
3217
- /**
3218
- * @hidden
3219
- */
3220
- export declare const uTextBox: WidgetClassStructure;
3221
-
3222
- /**
3223
- * @hidden
3224
- */
3225
- export declare const uTime: WidgetClassStructure;
3226
-
3227
- /**
3228
- * @hidden
3229
- */
3230
- export declare const uTimePicker: WidgetClassStructure;
3231
-
3232
- /**
3233
- * @hidden
3234
- */
3235
- export declare function validatePackage(packageMetadata: any): void;
3236
-
3237
- /**
3238
- * @hidden
3239
- */
3240
- export declare const WatermarkOverlay: DefineComponent<ExtractPropTypes< {
3241
- message: {
3242
- type: StringConstructor;
3243
- default: any;
3244
- };
3245
- }>, {}, {
3246
- watermarkStyles: {
3247
- position: string;
3248
- width: string;
3249
- height: string;
3250
- top: number;
3251
- left: number;
3252
- right: number;
3253
- bottom: number;
3254
- opacity: number;
3255
- 'z-index': number;
3256
- 'pointer-events': string;
3257
- 'background-image': string;
3258
- };
3259
- bannerStyles: {
3260
- display: string;
3261
- justifyContent: string;
3262
- alignItems: string;
3263
- position: string;
3264
- top: string;
3265
- right: string;
3266
- padding: string;
3267
- 'border-radius': string;
3268
- 'box-shadow': string;
3269
- 'font-size': string;
3270
- 'font-weight': number;
3271
- 'line-height': string;
3272
- 'background-color': string;
3273
- color: string;
3274
- 'z-index': number;
3275
- };
3276
- bannerButtonStyles: {
3277
- display: string;
3278
- position: string;
3279
- border: string;
3280
- 'border-radius': string;
3281
- padding: string;
3282
- 'background-color': string;
3283
- transition: string;
3284
- outline: string;
3285
- cursor: string;
3286
- };
3287
- showBanner: boolean;
3288
- }, {}, {
3289
- onCloseBannerClick(): void;
3290
- }, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<ExtractPropTypes< {
3291
- message: {
3292
- type: StringConstructor;
3293
- default: any;
3294
- };
3295
- }>> & Readonly<{}>, {
3296
- message: string;
3297
- }, {}, {}, {}, string, ComponentProvideOptions, true, {}, any>;
3298
-
3299
- /**
3300
- * @hidden
3301
- */
3302
- export declare interface WidgetClassStructure {
3303
- [key: string]: (props: {
3304
- [key: string]: any;
3305
- }) => {
3306
- [key: string]: boolean;
3307
- } | string;
3308
- }
3309
-
3310
- /**
3311
- * @hidden
3312
- * Wrapper classes configuration
3313
- */
3314
- export declare interface WrapperClasses {
3315
- /** Main wrapper class */
3316
- main?: string;
3317
- /** SVG prefix class */
3318
- svgPrefix?: string;
3319
- /** SVG name prefix class */
3320
- namePrefix?: string;
3321
- /** Horizontal flip transformation */
3322
- flipH?: string;
3323
- /** Vertical flip transformation */
3324
- flipV?: string;
3325
- /** Theme color options for the wrapper */
3326
- themeColor?: ThemeColorClasses;
3327
- /** Size options for the wrapper */
3328
- size?: SizeClasses;
3329
- }
3330
-
3331
- export { }
8
+ import { classNames } from './classNames';
9
+ import { guid } from './guid';
10
+ import { Keys } from './keys';
11
+ import { FormComponentProps, FormComponentValidity } from './FormComponent';
12
+ import { canUseDOM } from './canUseDOM';
13
+ import { getRef, setRef } from './refs';
14
+ import { focusFirstFocusableChild, focusLastFocusableChild, focusContainer, firstFocusableChild, lastFocusableChild } from './focus';
15
+ import { Draggable, DraggablePressEvent, DraggableDragEvent, DraggableReleaseEvent } from './Draggable';
16
+ import { clone, cloneArray, cloneValue, cloneObject, cloneDate } from './clone';
17
+ import { isObject } from './isObject';
18
+ import { noop } from './noop';
19
+ import { getter } from './getter';
20
+ import { setter } from './setter';
21
+ import { hasListener, getListeners } from './listeners';
22
+ import { templateRendering, getTemplate, templateDefinition } from './templateRendering';
23
+ import { getTabIndex } from './getTabIndex';
24
+ import { getDefaultSlots } from './defaultSlots';
25
+ import { isRtl, getDir } from './isRtl';
26
+ import { getLicenseMessage, validatePackage, shouldShowValidationUI } from './validate-package';
27
+ import { AdaptiveModeProvider } from './providers/AdaptiveModeProvider';
28
+ export { getRef, setRef, classNames, guid, Keys, noop, isObject, getListeners, hasListener, type FormComponentProps, type FormComponentValidity, canUseDOM, firstFocusableChild, focusFirstFocusableChild, lastFocusableChild, focusLastFocusableChild, focusContainer, clone, Draggable, type DraggablePressEvent, type DraggableDragEvent, type DraggableReleaseEvent, cloneArray, cloneValue, cloneObject, cloneDate, getTemplate, templateRendering, templateDefinition, getTabIndex, getDefaultSlots, isRtl, getDir, getter, setter, validatePackage, getLicenseMessage, shouldShowValidationUI, AdaptiveModeProvider, };
29
+ export * from './constants/main';
30
+ export * from './theme';
31
+ export * from './treeDataOperations';
32
+ export * from './browser-support.service';
33
+ export * from './scrollbarWidth';
34
+ export * from './hasRelativeStackingContext';
35
+ export * from './icons/Icon';
36
+ export * from './icons/FontIcon';
37
+ export * from './icons/SvgIcon';
38
+ export * from './icons/getIconName';
39
+ export * from './icons/models/flip';
40
+ export * from './icons/models/size';
41
+ export * from './icons/models/theme-color';
42
+ export * from './navigation';
43
+ export * from './getActiveElement';
44
+ export * from './unstyled/main';
45
+ export * from './watermark/WatermarkOverlay';
46
+ export * from './rowHeightService';