@coreui/vue-pro 4.3.0-beta.1 → 4.3.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (52) hide show
  1. package/README.md +1 -1
  2. package/dist/components/calendar/CCalendar.d.ts +15 -2
  3. package/dist/components/carousel/CCarousel.d.ts +1 -1
  4. package/dist/components/date-picker/CDatePicker.d.ts +10 -2
  5. package/dist/components/date-range-picker/CDateRangePicker.d.ts +86 -3
  6. package/dist/components/form/CFormCheck.d.ts +88 -39
  7. package/dist/components/form/CFormControlValidation.d.ts +98 -0
  8. package/dist/components/form/CFormControlWrapper.d.ts +6 -0
  9. package/dist/components/form/CFormFeedback.d.ts +2 -2
  10. package/dist/components/form/CFormInput.d.ts +125 -25
  11. package/dist/components/form/CFormRange.d.ts +18 -16
  12. package/dist/components/form/CFormSelect.d.ts +125 -16
  13. package/dist/components/form/CFormSwitch.d.ts +0 -23
  14. package/dist/components/form/CFormTextarea.d.ts +125 -24
  15. package/dist/components/modal/CModal.d.ts +1 -1
  16. package/dist/components/offcanvas/COffcanvas.d.ts +1 -1
  17. package/dist/components/time-picker/CTimePicker.d.ts +1 -1
  18. package/dist/components/toast/CToast.d.ts +7 -1
  19. package/dist/index.es.js +3583 -577
  20. package/dist/index.es.js.map +1 -1
  21. package/dist/index.js +3582 -576
  22. package/dist/index.js.map +1 -1
  23. package/dist/utils/calendar.d.ts +3 -1
  24. package/dist/utils/time.d.ts +6 -2
  25. package/dist/utils/transition.d.ts +3 -0
  26. package/package.json +11 -10
  27. package/src/components/backdrop/CBackdrop.ts +8 -6
  28. package/src/components/button/CButton.ts +2 -2
  29. package/src/components/calendar/CCalendar.ts +132 -62
  30. package/src/components/collapse/CCollapse.ts +5 -6
  31. package/src/components/date-picker/CDatePicker.ts +7 -10
  32. package/src/components/date-range-picker/CDateRangePicker.ts +198 -100
  33. package/src/components/form/CFormCheck.ts +119 -94
  34. package/src/components/form/CFormControlValidation.ts +97 -0
  35. package/src/components/form/CFormControlWrapper.ts +106 -0
  36. package/src/components/form/CFormInput.ts +113 -29
  37. package/src/components/form/CFormRange.ts +25 -11
  38. package/src/components/form/CFormSelect.ts +126 -41
  39. package/src/components/form/CFormSwitch.ts +2 -21
  40. package/src/components/form/CFormTextarea.ts +105 -25
  41. package/src/components/modal/CModal.ts +14 -6
  42. package/src/components/nav/CNavGroup.ts +4 -6
  43. package/src/components/offcanvas/COffcanvas.ts +5 -7
  44. package/src/components/picker/CPicker.ts +1 -0
  45. package/src/components/popover/CPopover.ts +5 -5
  46. package/src/components/tabs/CTabPane.ts +4 -6
  47. package/src/components/time-picker/CTimePicker.ts +12 -17
  48. package/src/components/toast/CToast.ts +17 -12
  49. package/src/components/tooltip/CTooltip.ts +5 -5
  50. package/src/utils/calendar.ts +86 -9
  51. package/src/utils/time.ts +29 -3
  52. package/src/utils/transition.ts +65 -0
@@ -4,14 +4,56 @@ declare const CFormTextarea: import("vue").DefineComponent<{
4
4
  */
5
5
  disabled: {
6
6
  type: BooleanConstructor;
7
- required: false;
7
+ };
8
+ /**
9
+ * Provide valuable, actionable feedback.
10
+ *
11
+ * @since 4.3.0
12
+ */
13
+ feedback: {
14
+ type: StringConstructor;
15
+ };
16
+ /**
17
+ * Provide valuable, actionable feedback.
18
+ *
19
+ * @since 4.3.0
20
+ */
21
+ feedbackInvalid: {
22
+ type: StringConstructor;
23
+ };
24
+ /**
25
+ * Provide valuable, actionable invalid feedback when using standard HTML form validation which applied two CSS pseudo-classes, `:invalid` and `:valid`.
26
+ *
27
+ * @since 4.3.0
28
+ */
29
+ feedbackValid: {
30
+ type: StringConstructor;
31
+ };
32
+ /**
33
+ * Provide valuable, actionable valid feedback when using standard HTML form validation which applied two CSS pseudo-classes, `:invalid` and `:valid`.
34
+ *
35
+ * @since 4.3.0
36
+ */
37
+ floatingLabel: {
38
+ type: StringConstructor;
39
+ };
40
+ /**
41
+ * The id global attribute defines an identifier (ID) that must be unique in the whole document.
42
+ */
43
+ id: {
44
+ type: StringConstructor;
8
45
  };
9
46
  /**
10
47
  * Set component validation state to invalid.
11
48
  */
12
- invalid: {
13
- type: BooleanConstructor;
14
- required: false;
49
+ invalid: BooleanConstructor;
50
+ /**
51
+ * Add a caption for a component.
52
+ *
53
+ * @since 4.3.0
54
+ */
55
+ label: {
56
+ type: StringConstructor;
15
57
  };
16
58
  /**
17
59
  * The default name for a value passed using v-model.
@@ -19,29 +61,37 @@ declare const CFormTextarea: import("vue").DefineComponent<{
19
61
  modelValue: {
20
62
  type: StringConstructor;
21
63
  default: undefined;
22
- require: boolean;
23
64
  };
24
65
  /**
25
66
  * Render the component styled as plain text. Removes the default form field styling and preserve the correct margin and padding. Recommend to use only along side `readonly`.
26
67
  */
27
68
  plainText: {
28
69
  type: BooleanConstructor;
29
- required: false;
30
70
  };
31
71
  /**
32
72
  * Toggle the readonly state for the component.
33
73
  */
34
74
  readonly: {
35
75
  type: BooleanConstructor;
36
- required: false;
37
76
  };
38
77
  /**
39
- * Set component validation state to valid.
78
+ * Add helper text to the component.
79
+ *
80
+ * @since 4.3.0
40
81
  */
41
- valid: {
42
- type: BooleanConstructor;
43
- required: false;
82
+ text: {
83
+ type: StringConstructor;
44
84
  };
85
+ /**
86
+ * Display validation feedback in a styled tooltip.
87
+ *
88
+ * @since 4.3.0
89
+ */
90
+ tooltipFeedback: BooleanConstructor;
91
+ /**
92
+ * Set component validation state to valid.
93
+ */
94
+ valid: BooleanConstructor;
45
95
  }, () => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
46
96
  [key: string]: any;
47
97
  }>, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("change" | "input" | "update:modelValue")[], "change" | "input" | "update:modelValue", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
@@ -50,14 +100,56 @@ declare const CFormTextarea: import("vue").DefineComponent<{
50
100
  */
51
101
  disabled: {
52
102
  type: BooleanConstructor;
53
- required: false;
103
+ };
104
+ /**
105
+ * Provide valuable, actionable feedback.
106
+ *
107
+ * @since 4.3.0
108
+ */
109
+ feedback: {
110
+ type: StringConstructor;
111
+ };
112
+ /**
113
+ * Provide valuable, actionable feedback.
114
+ *
115
+ * @since 4.3.0
116
+ */
117
+ feedbackInvalid: {
118
+ type: StringConstructor;
119
+ };
120
+ /**
121
+ * Provide valuable, actionable invalid feedback when using standard HTML form validation which applied two CSS pseudo-classes, `:invalid` and `:valid`.
122
+ *
123
+ * @since 4.3.0
124
+ */
125
+ feedbackValid: {
126
+ type: StringConstructor;
127
+ };
128
+ /**
129
+ * Provide valuable, actionable valid feedback when using standard HTML form validation which applied two CSS pseudo-classes, `:invalid` and `:valid`.
130
+ *
131
+ * @since 4.3.0
132
+ */
133
+ floatingLabel: {
134
+ type: StringConstructor;
135
+ };
136
+ /**
137
+ * The id global attribute defines an identifier (ID) that must be unique in the whole document.
138
+ */
139
+ id: {
140
+ type: StringConstructor;
54
141
  };
55
142
  /**
56
143
  * Set component validation state to invalid.
57
144
  */
58
- invalid: {
59
- type: BooleanConstructor;
60
- required: false;
145
+ invalid: BooleanConstructor;
146
+ /**
147
+ * Add a caption for a component.
148
+ *
149
+ * @since 4.3.0
150
+ */
151
+ label: {
152
+ type: StringConstructor;
61
153
  };
62
154
  /**
63
155
  * The default name for a value passed using v-model.
@@ -65,38 +157,47 @@ declare const CFormTextarea: import("vue").DefineComponent<{
65
157
  modelValue: {
66
158
  type: StringConstructor;
67
159
  default: undefined;
68
- require: boolean;
69
160
  };
70
161
  /**
71
162
  * Render the component styled as plain text. Removes the default form field styling and preserve the correct margin and padding. Recommend to use only along side `readonly`.
72
163
  */
73
164
  plainText: {
74
165
  type: BooleanConstructor;
75
- required: false;
76
166
  };
77
167
  /**
78
168
  * Toggle the readonly state for the component.
79
169
  */
80
170
  readonly: {
81
171
  type: BooleanConstructor;
82
- required: false;
83
172
  };
84
173
  /**
85
- * Set component validation state to valid.
174
+ * Add helper text to the component.
175
+ *
176
+ * @since 4.3.0
86
177
  */
87
- valid: {
88
- type: BooleanConstructor;
89
- required: false;
178
+ text: {
179
+ type: StringConstructor;
90
180
  };
181
+ /**
182
+ * Display validation feedback in a styled tooltip.
183
+ *
184
+ * @since 4.3.0
185
+ */
186
+ tooltipFeedback: BooleanConstructor;
187
+ /**
188
+ * Set component validation state to valid.
189
+ */
190
+ valid: BooleanConstructor;
91
191
  }>> & {
92
192
  onChange?: ((...args: any[]) => any) | undefined;
93
193
  "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
94
194
  onInput?: ((...args: any[]) => any) | undefined;
95
195
  }, {
96
- disabled: boolean;
97
196
  invalid: boolean;
98
- modelValue: string;
197
+ disabled: boolean;
99
198
  valid: boolean;
199
+ tooltipFeedback: boolean;
200
+ modelValue: string;
100
201
  plainText: boolean;
101
202
  readonly: boolean;
102
203
  }>;
@@ -87,7 +87,7 @@ declare const CModal: import("vue").DefineComponent<{
87
87
  visible: BooleanConstructor;
88
88
  }, () => (false | "" | import("vue").VNode<import("vue").RendererNode, RendererElement, {
89
89
  [key: string]: any;
90
- }>)[], unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("show" | "close" | "close-prevented")[], "show" | "close" | "close-prevented", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
90
+ }>)[], unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("close" | "show" | "close-prevented")[], "close" | "show" | "close-prevented", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
91
91
  /**
92
92
  * Align the modal in the center or top of the screen.
93
93
  *
@@ -91,8 +91,8 @@ declare const COffcanvas: import("vue").DefineComponent<{
91
91
  onHide?: ((...args: any[]) => any) | undefined;
92
92
  onShow?: ((...args: any[]) => any) | undefined;
93
93
  }, {
94
- visible: boolean;
95
94
  scroll: boolean;
95
+ visible: boolean;
96
96
  placement: string;
97
97
  backdrop: boolean;
98
98
  keyboard: boolean;
@@ -1,6 +1,6 @@
1
1
  declare const CTimePicker: import("vue").DefineComponent<any, () => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
2
2
  [key: string]: any;
3
- }>, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("hide" | "show" | "change")[], "hide" | "show" | "change", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<any> & {
3
+ }>, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("change" | "hide" | "show")[], "change" | "hide" | "show", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<any> & {
4
4
  onHide?: ((...args: any[]) => any) | undefined;
5
5
  onShow?: ((...args: any[]) => any) | undefined;
6
6
  onChange?: ((...args: any[]) => any) | undefined;
@@ -15,6 +15,9 @@ declare const CToast: import("vue").DefineComponent<{
15
15
  */
16
16
  color: {
17
17
  type: StringConstructor;
18
+ /**
19
+ * Delay hiding the toast (ms).
20
+ */
18
21
  validator: (value: string) => boolean;
19
22
  };
20
23
  /**
@@ -59,7 +62,7 @@ declare const CToast: import("vue").DefineComponent<{
59
62
  };
60
63
  }, () => import("vue").VNode<import("vue").RendererNode, RendererElement, {
61
64
  [key: string]: any;
62
- }>, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("show" | "close")[], "show" | "close", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
65
+ }>, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("close" | "show")[], "close" | "show", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
63
66
  /**
64
67
  * Auto hide the toast.
65
68
  */
@@ -75,6 +78,9 @@ declare const CToast: import("vue").DefineComponent<{
75
78
  */
76
79
  color: {
77
80
  type: StringConstructor;
81
+ /**
82
+ * Delay hiding the toast (ms).
83
+ */
78
84
  validator: (value: string) => boolean;
79
85
  };
80
86
  /**