jsuites 6.4.2 → 6.4.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 (78) hide show
  1. package/LICENSE +21 -21
  2. package/README.md +119 -119
  3. package/dist/jsuites.css +3424 -3424
  4. package/dist/jsuites.d.ts +10 -10
  5. package/dist/jsuites.js +22475 -22450
  6. package/dist/jsuites.webcomponents.js +501 -501
  7. package/dist/types/animation.d.ts +23 -23
  8. package/dist/types/calendar.d.ts +87 -87
  9. package/dist/types/color.d.ts +50 -50
  10. package/dist/types/contextmenu.d.ts +43 -43
  11. package/dist/types/dropdown.d.ts +177 -177
  12. package/dist/types/editor.d.ts +96 -96
  13. package/dist/types/floating.d.ts +23 -23
  14. package/dist/types/form.d.ts +57 -57
  15. package/dist/types/index.d.ts +59 -59
  16. package/dist/types/mask.d.ts +50 -50
  17. package/dist/types/modal.d.ts +35 -35
  18. package/dist/types/notification.d.ts +27 -27
  19. package/dist/types/picker.d.ts +45 -45
  20. package/dist/types/rating.d.ts +19 -19
  21. package/dist/types/search.d.ts +23 -23
  22. package/dist/types/slider.d.ts +31 -31
  23. package/dist/types/tabs.d.ts +79 -79
  24. package/dist/types/tags.d.ts +105 -105
  25. package/dist/types/toolbar.d.ts +70 -70
  26. package/dist/types/upload.d.ts +45 -45
  27. package/dist/types/validations.d.ts +39 -39
  28. package/package.json +4 -4
  29. package/react/calendar/index.d.ts +105 -105
  30. package/react/calendar/index.js +28 -28
  31. package/react/color/index.d.ts +84 -84
  32. package/react/color/index.js +28 -28
  33. package/react/contextmenu/index.d.ts +61 -61
  34. package/react/contextmenu/index.js +24 -24
  35. package/react/dropdown/index.d.ts +184 -184
  36. package/react/dropdown/index.js +25 -25
  37. package/react/editor/index.d.ts +114 -114
  38. package/react/editor/index.js +31 -31
  39. package/react/index.js +26 -26
  40. package/react/modal/index.d.ts +53 -53
  41. package/react/modal/index.js +30 -30
  42. package/react/picker/index.d.ts +64 -64
  43. package/react/picker/index.js +28 -28
  44. package/react/rating/index.d.ts +37 -37
  45. package/react/rating/index.js +28 -28
  46. package/react/slider/index.d.ts +49 -49
  47. package/react/slider/index.js +30 -30
  48. package/react/tabs/index.d.ts +97 -97
  49. package/react/tabs/index.js +29 -29
  50. package/react/tags/index.d.ts +121 -121
  51. package/react/tags/index.js +24 -24
  52. package/react/toolbar/index.d.ts +88 -88
  53. package/react/toolbar/index.js +24 -24
  54. package/vue/calendar/index.d.ts +105 -105
  55. package/vue/calendar/index.js +36 -36
  56. package/vue/color/index.d.ts +84 -84
  57. package/vue/color/index.js +36 -36
  58. package/vue/contextmenu/index.d.ts +61 -61
  59. package/vue/contextmenu/index.js +21 -21
  60. package/vue/dropdown/index.d.ts +184 -184
  61. package/vue/dropdown/index.js +25 -25
  62. package/vue/editor/index.d.ts +114 -114
  63. package/vue/editor/index.js +40 -40
  64. package/vue/index.js +40 -40
  65. package/vue/modal/index.d.ts +53 -53
  66. package/vue/modal/index.js +41 -41
  67. package/vue/picker/index.d.ts +64 -64
  68. package/vue/picker/index.js +36 -36
  69. package/vue/rating/index.d.ts +37 -37
  70. package/vue/rating/index.js +36 -36
  71. package/vue/slider/index.d.ts +49 -49
  72. package/vue/slider/index.js +33 -33
  73. package/vue/tabs/index.d.ts +97 -97
  74. package/vue/tabs/index.js +28 -28
  75. package/vue/tags/index.d.ts +121 -121
  76. package/vue/tags/index.js +21 -21
  77. package/vue/toolbar/index.d.ts +88 -88
  78. package/vue/toolbar/index.js +21 -21
@@ -1,23 +1,23 @@
1
- export type Loading = {
2
- /** Displays the loading animation for the specified duration in seconds */
3
- show: (timeout: Number) => void;
4
- /** Hides the loading animation immediately */
5
- hide: () => void;
6
- }
7
-
8
- export type Animation = {
9
- /** Provides access to loading animation controls */
10
- loading: Loading;
11
- /** Slides the specified element to the left */
12
- slideLeft: (element: HTMLElement, direction: boolean, done: Function) => void;
13
- /** Slides the specified element to the right */
14
- slideRight: (element: HTMLElement, direction: boolean, done: Function) => void;
15
- /** Slides the specified element upwards */
16
- slideTop: (element: HTMLElement, direction: boolean, done: Function) => void;
17
- /** Slides the specified element downwards. */
18
- slideBottom: (element: HTMLElement, direction: boolean, done: Function) => void;
19
- /** Gradually fades in the specified element */
20
- fadeIn: (element: HTMLElement, done: Function) => void;
21
- /** Gradually fades out the specified element */
22
- fadeOut: (element: HTMLElement, done: Function) => void;
23
- }
1
+ export type Loading = {
2
+ /** Displays the loading animation for the specified duration in seconds */
3
+ show: (timeout: Number) => void;
4
+ /** Hides the loading animation immediately */
5
+ hide: () => void;
6
+ }
7
+
8
+ export type Animation = {
9
+ /** Provides access to loading animation controls */
10
+ loading: Loading;
11
+ /** Slides the specified element to the left */
12
+ slideLeft: (element: HTMLElement, direction: boolean, done: Function) => void;
13
+ /** Slides the specified element to the right */
14
+ slideRight: (element: HTMLElement, direction: boolean, done: Function) => void;
15
+ /** Slides the specified element upwards */
16
+ slideTop: (element: HTMLElement, direction: boolean, done: Function) => void;
17
+ /** Slides the specified element downwards. */
18
+ slideBottom: (element: HTMLElement, direction: boolean, done: Function) => void;
19
+ /** Gradually fades in the specified element */
20
+ fadeIn: (element: HTMLElement, done: Function) => void;
21
+ /** Gradually fades out the specified element */
22
+ fadeOut: (element: HTMLElement, done: Function) => void;
23
+ }
@@ -1,87 +1,87 @@
1
- interface Options {
2
- // Render type: [ default | year-month-picker ]. Default: default
3
- type?: 'default' | 'year-month-picker';
4
- // Range restriction [dateStart, dateEnd]
5
- validRange?: [string|null, string|null];
6
- // Starting weekday - 0 for sunday, 6 for saturday
7
- startingDay?: number,
8
- // Date format. Default 'DD/MM/YYYY'
9
- format?: string,
10
- // Allow keyboard date entry
11
- readonly?: boolean,
12
- // Today is default
13
- today?: boolean,
14
- // Show timepicker
15
- time?: boolean,
16
- // Show the reset button
17
- resetButton?: boolean,
18
- // Placeholder
19
- placeholder?: string,
20
- // Translations can be done here
21
- months?: string[],
22
- monthsFull?: string[],
23
- weekdays?: string[],
24
- textDone?: string[],
25
- textReset?: string[],
26
- textUpdate?: string[],
27
- // Start with the value
28
- value?: string,
29
- // Fullscreen (this is automatic set for screen size < 800)
30
- fullscreen: boolean,
31
- // Create the calendar closed as default
32
- opened: boolean,
33
- // Events
34
- onopen: () => void,
35
- onclose: () => void,
36
- onchange: () => void,
37
- onupdate: () => void,
38
- // Internal mode controller
39
- mode: null,
40
- position: null,
41
- // Data type
42
- dataType: null,
43
- // Controls
44
- controls: boolean,
45
- /** Auto select confirms the current date as the new value onblur. Default: true */
46
- autoSelect: boolean;
47
- }
48
-
49
- /** Toast Plugin */
50
- export type Calendar = (el: HTMLElement, options: Options) => {
51
- /** Close the calendar picker */
52
- close: () => void;
53
- /** Internal date value */
54
- date: number[];
55
- /** Convert a formatted string to a valid raw date */
56
- fromFormatted: string;
57
- /** Show the calendar in day picker mode */
58
- getDays: () => void;
59
- /** Show the calendar in month picker mode */
60
- getMonths: () => void;
61
- /** Show the calendar in year picker mode */
62
- getYears: () => void;
63
- /** Get the current date. Get the internal value or the real component value */
64
- getValue: (internal?: boolean) => string;
65
- /** Advance to the next month, year or group of years depending on the current view mode */
66
- next: () => void;
67
- /** Previous month, year or group of years depending on the current view mode */
68
- prev: () => void;
69
- /** Open the calendar picker */
70
- open: () => void;
71
- /** Initial settings */
72
- options: Options;
73
- /** Reset date */
74
- reset: () => void;
75
- /** Change the configurations */
76
- setOptions: () => void;
77
- /** Change the date for today */
78
- setToday: () => void;
79
- /** Change the value for a given date */
80
- setValue: (newDate: string) => void;
81
- /** Type calendar */
82
- type: 'calendar';
83
- /** Alias for setValue */
84
- update: () => void;
85
- /** Auto select confirms the current date as the new value onblur. Default: true */
86
- autoSelect: boolean;
87
- }
1
+ interface Options {
2
+ // Render type: [ default | year-month-picker ]. Default: default
3
+ type?: 'default' | 'year-month-picker';
4
+ // Range restriction [dateStart, dateEnd]
5
+ validRange?: [string|null, string|null];
6
+ // Starting weekday - 0 for sunday, 6 for saturday
7
+ startingDay?: number,
8
+ // Date format. Default 'DD/MM/YYYY'
9
+ format?: string,
10
+ // Allow keyboard date entry
11
+ readonly?: boolean,
12
+ // Today is default
13
+ today?: boolean,
14
+ // Show timepicker
15
+ time?: boolean,
16
+ // Show the reset button
17
+ resetButton?: boolean,
18
+ // Placeholder
19
+ placeholder?: string,
20
+ // Translations can be done here
21
+ months?: string[],
22
+ monthsFull?: string[],
23
+ weekdays?: string[],
24
+ textDone?: string[],
25
+ textReset?: string[],
26
+ textUpdate?: string[],
27
+ // Start with the value
28
+ value?: string,
29
+ // Fullscreen (this is automatic set for screen size < 800)
30
+ fullscreen: boolean,
31
+ // Create the calendar closed as default
32
+ opened: boolean,
33
+ // Events
34
+ onopen: () => void,
35
+ onclose: () => void,
36
+ onchange: () => void,
37
+ onupdate: () => void,
38
+ // Internal mode controller
39
+ mode: null,
40
+ position: null,
41
+ // Data type
42
+ dataType: null,
43
+ // Controls
44
+ controls: boolean,
45
+ /** Auto select confirms the current date as the new value onblur. Default: true */
46
+ autoSelect: boolean;
47
+ }
48
+
49
+ /** Toast Plugin */
50
+ export type Calendar = (el: HTMLElement, options: Options) => {
51
+ /** Close the calendar picker */
52
+ close: () => void;
53
+ /** Internal date value */
54
+ date: number[];
55
+ /** Convert a formatted string to a valid raw date */
56
+ fromFormatted: string;
57
+ /** Show the calendar in day picker mode */
58
+ getDays: () => void;
59
+ /** Show the calendar in month picker mode */
60
+ getMonths: () => void;
61
+ /** Show the calendar in year picker mode */
62
+ getYears: () => void;
63
+ /** Get the current date. Get the internal value or the real component value */
64
+ getValue: (internal?: boolean) => string;
65
+ /** Advance to the next month, year or group of years depending on the current view mode */
66
+ next: () => void;
67
+ /** Previous month, year or group of years depending on the current view mode */
68
+ prev: () => void;
69
+ /** Open the calendar picker */
70
+ open: () => void;
71
+ /** Initial settings */
72
+ options: Options;
73
+ /** Reset date */
74
+ reset: () => void;
75
+ /** Change the configurations */
76
+ setOptions: () => void;
77
+ /** Change the date for today */
78
+ setToday: () => void;
79
+ /** Change the value for a given date */
80
+ setValue: (newDate: string) => void;
81
+ /** Type calendar */
82
+ type: 'calendar';
83
+ /** Alias for setValue */
84
+ update: () => void;
85
+ /** Auto select confirms the current date as the new value onblur. Default: true */
86
+ autoSelect: boolean;
87
+ }
@@ -1,50 +1,50 @@
1
- interface Options {
2
- /** Color picker input place holder */
3
- placeholder: string;
4
- /** Initial value */
5
- value: string;
6
- /** When the color picker is opened */
7
- onopen: (el: HTMLElement, instance: Color) => void;
8
- /** When the color picker is closed */
9
- onclose: (el: HTMLElement, instance: Color) => void;
10
- /** When the color is changed */
11
- onchange: (el: HTMLElement, value: string, instance: Color) => void;
12
- /** Automatically close the color picker when a new color is clicked */
13
- closeOnChange: boolean;
14
- /** Color palette options */
15
- palette: string[];
16
- /** Fixed or normal */
17
- position: 'absolute' | null;
18
- /** Button label */
19
- doneLabel: string;
20
- /** Button label */
21
- resetLabel: string;
22
- /** Fullscreen mode */
23
- fullscreen: boolean;
24
- /** Start the picker opened */
25
- opened: boolean;
26
- }
27
-
28
- /** Toast Plugin */
29
- export type Color = (el: HTMLElement, options: Options) => {
30
- /** Close the color picker */
31
- close: () => void;
32
- /** Get the current color in hex */
33
- getValue: () => void;
34
- /** Open the color picker */
35
- open: () => void;
36
- /** Initial settings */
37
- options: Options;
38
- /** Select an available color in the picker by its hex code */
39
- select: (color: string) => void;
40
- /** Change the settings */
41
- setOptions: (options: Options) => void;
42
- /** Set the internal color */
43
- setValue: (newColor: string) => void;
44
- /** Internal converter to hex */
45
- toHex: () => void;
46
- /** Internal type */
47
- type: 'color';
48
- /** Internal container for all colors */
49
- values: Record<string, HTMLElement>;
50
- }
1
+ interface Options {
2
+ /** Color picker input place holder */
3
+ placeholder: string;
4
+ /** Initial value */
5
+ value: string;
6
+ /** When the color picker is opened */
7
+ onopen: (el: HTMLElement, instance: Color) => void;
8
+ /** When the color picker is closed */
9
+ onclose: (el: HTMLElement, instance: Color) => void;
10
+ /** When the color is changed */
11
+ onchange: (el: HTMLElement, value: string, instance: Color) => void;
12
+ /** Automatically close the color picker when a new color is clicked */
13
+ closeOnChange: boolean;
14
+ /** Color palette options */
15
+ palette: string[];
16
+ /** Fixed or normal */
17
+ position: 'absolute' | null;
18
+ /** Button label */
19
+ doneLabel: string;
20
+ /** Button label */
21
+ resetLabel: string;
22
+ /** Fullscreen mode */
23
+ fullscreen: boolean;
24
+ /** Start the picker opened */
25
+ opened: boolean;
26
+ }
27
+
28
+ /** Toast Plugin */
29
+ export type Color = (el: HTMLElement, options: Options) => {
30
+ /** Close the color picker */
31
+ close: () => void;
32
+ /** Get the current color in hex */
33
+ getValue: () => void;
34
+ /** Open the color picker */
35
+ open: () => void;
36
+ /** Initial settings */
37
+ options: Options;
38
+ /** Select an available color in the picker by its hex code */
39
+ select: (color: string) => void;
40
+ /** Change the settings */
41
+ setOptions: (options: Options) => void;
42
+ /** Set the internal color */
43
+ setValue: (newColor: string) => void;
44
+ /** Internal converter to hex */
45
+ toHex: () => void;
46
+ /** Internal type */
47
+ type: 'color';
48
+ /** Internal container for all colors */
49
+ values: Record<string, HTMLElement>;
50
+ }
@@ -1,43 +1,43 @@
1
- interface Items {
2
- /** Context menu item type: line | divisor | default */
3
- type?: 'line' | 'divisor' | 'default';
4
- /** Context menu item title */
5
- title: string;
6
- /** Context menu icon key. (Material icon key icon identification) */
7
- icon?: string;
8
- /** HTML id property of the item DOM element */
9
- id?: string;
10
- /** Item is disabled */
11
- disabled?: boolean;
12
- /** Onclick event for the contextmenu item */
13
- onclick?: (instance: object, e: MouseEvent) => void;
14
- /** A short description or instruction for the item. Normally a shortcut. Ex. CTRL + C */
15
- shortcut?: string;
16
- /** Show this text when the user mouse over the element */
17
- tooltip?: string;
18
- /** Submenu */
19
- submenu?: Array<Items>;
20
- }
21
-
22
- interface Options {
23
- /** Items for the contextmenu */
24
- items: Items[],
25
- /** General onclick handler */
26
- onclick: null,
27
- }
28
-
29
- /** Toast Plugin */
30
- export type Contextmenu = (el: HTMLElement, options: Options) => {
31
- /** Close the color picker */
32
- close: () => void;
33
- /** Get the current color in hex */
34
- create: (items: Items[]) => void;
35
- /** Open the contextmenu. You can overwrite the items each time the menu is opened */
36
- open: (event: MouseEvent, items?: Items[]) => void;
37
- /** Open the contextmenu. You can overwrite the items each time the menu is opened */
38
- options: Options;
39
- /** Initial settings */
40
- isOpened: () => boolean;
41
- /** Internal type */
42
- type: 'contextmenu';
43
- }
1
+ interface Items {
2
+ /** Context menu item type: line | divisor | default */
3
+ type?: 'line' | 'divisor' | 'default';
4
+ /** Context menu item title */
5
+ title: string;
6
+ /** Context menu icon key. (Material icon key icon identification) */
7
+ icon?: string;
8
+ /** HTML id property of the item DOM element */
9
+ id?: string;
10
+ /** Item is disabled */
11
+ disabled?: boolean;
12
+ /** Onclick event for the contextmenu item */
13
+ onclick?: (instance: object, e: MouseEvent) => void;
14
+ /** A short description or instruction for the item. Normally a shortcut. Ex. CTRL + C */
15
+ shortcut?: string;
16
+ /** Show this text when the user mouse over the element */
17
+ tooltip?: string;
18
+ /** Submenu */
19
+ submenu?: Array<Items>;
20
+ }
21
+
22
+ interface Options {
23
+ /** Items for the contextmenu */
24
+ items: Items[],
25
+ /** General onclick handler */
26
+ onclick: null,
27
+ }
28
+
29
+ /** Toast Plugin */
30
+ export type Contextmenu = (el: HTMLElement, options: Options) => {
31
+ /** Close the color picker */
32
+ close: () => void;
33
+ /** Get the current color in hex */
34
+ create: (items: Items[]) => void;
35
+ /** Open the contextmenu. You can overwrite the items each time the menu is opened */
36
+ open: (event: MouseEvent, items?: Items[]) => void;
37
+ /** Open the contextmenu. You can overwrite the items each time the menu is opened */
38
+ options: Options;
39
+ /** Initial settings */
40
+ isOpened: () => boolean;
41
+ /** Internal type */
42
+ type: 'contextmenu';
43
+ }