@progress/kendo-vue-buttons 3.5.0 → 3.5.1-dev.202208150613

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 (135) hide show
  1. package/dist/cdn/js/kendo-vue-buttons.js +1 -1
  2. package/dist/es/Button.js +1 -1
  3. package/dist/es/ButtonGroupInterface.js +1 -0
  4. package/dist/es/ButtonInterface.js +1 -0
  5. package/dist/es/Chip/Chip.js +1 -1
  6. package/dist/es/Chip/ChipList.js +1 -1
  7. package/dist/es/Chip/selection-reducer.js +8 -12
  8. package/dist/es/FloatingActionButton/FloatingActionButton.js +8 -8
  9. package/dist/es/FloatingActionButton/FloatingActionButtonItem.js +3 -3
  10. package/dist/es/FloatingActionButton/interfaces/FloatingActionButtonHandle.js +1 -0
  11. package/dist/es/FloatingActionButton/interfaces/FloatingActionButtonPopupSettings.js +1 -0
  12. package/dist/es/FloatingActionButton/interfaces/FloatingActionButtonProps.js +1 -0
  13. package/dist/es/FloatingActionButton/models/align-offset.js +1 -0
  14. package/dist/es/FloatingActionButton/models/align.js +1 -0
  15. package/dist/es/FloatingActionButton/models/events.js +1 -0
  16. package/dist/es/FloatingActionButton/models/position-mode.js +1 -0
  17. package/dist/es/FloatingActionButton/models/shape.js +1 -0
  18. package/dist/es/FloatingActionButton/models/size.js +1 -0
  19. package/dist/es/FloatingActionButton/models/theme-color.js +1 -0
  20. package/dist/es/FloatingActionButton/utils.js +2 -2
  21. package/dist/es/ListButton/ButtonItem.js +1 -1
  22. package/dist/es/ListButton/DropDownButton.js +8 -8
  23. package/dist/es/ListButton/SplitButton.js +8 -8
  24. package/dist/es/ListButton/models/ButtonItemInterface.js +1 -0
  25. package/dist/es/ListButton/models/ListButtonProps.js +1 -0
  26. package/dist/es/ListButton/models/PopupSettings.js +1 -0
  27. package/dist/es/ListButton/models/events.js +1 -0
  28. package/dist/es/buttonLook.js +1 -0
  29. package/dist/es/models/index.js +1 -0
  30. package/dist/es/package-metadata.js +1 -1
  31. package/dist/es/util.d.ts +3 -3
  32. package/dist/esm/Button.d.ts +123 -0
  33. package/dist/esm/Button.js +280 -0
  34. package/dist/esm/ButtonGroup.d.ts +49 -0
  35. package/dist/esm/ButtonGroup.js +106 -0
  36. package/dist/esm/ButtonGroupInterface.d.ts +30 -0
  37. package/dist/esm/ButtonGroupInterface.js +2 -0
  38. package/dist/esm/ButtonInterface.d.ts +56 -0
  39. package/dist/esm/ButtonInterface.js +2 -0
  40. package/dist/esm/ButtonWrap.d.ts +19 -0
  41. package/dist/esm/ButtonWrap.js +33 -0
  42. package/dist/esm/Chip/Chip.d.ts +199 -0
  43. package/dist/esm/Chip/Chip.js +339 -0
  44. package/dist/esm/Chip/ChipList.d.ts +174 -0
  45. package/dist/esm/Chip/ChipList.js +263 -0
  46. package/dist/esm/Chip/data-reducer.d.ts +21 -0
  47. package/dist/esm/Chip/data-reducer.js +34 -0
  48. package/dist/esm/Chip/focus-reducer.d.ts +24 -0
  49. package/dist/esm/Chip/focus-reducer.js +38 -0
  50. package/dist/esm/Chip/selection-reducer.d.ts +29 -0
  51. package/dist/esm/Chip/selection-reducer.js +102 -0
  52. package/dist/esm/FloatingActionButton/FloatingActionButton.d.ts +49 -0
  53. package/dist/esm/FloatingActionButton/FloatingActionButton.js +494 -0
  54. package/dist/esm/FloatingActionButton/FloatingActionButtonItem.d.ts +118 -0
  55. package/dist/esm/FloatingActionButton/FloatingActionButtonItem.js +121 -0
  56. package/dist/esm/FloatingActionButton/interfaces/FloatingActionButtonHandle.d.ts +13 -0
  57. package/dist/esm/FloatingActionButton/interfaces/FloatingActionButtonHandle.js +1 -0
  58. package/dist/esm/FloatingActionButton/interfaces/FloatingActionButtonPopupSettings.d.ts +24 -0
  59. package/dist/esm/FloatingActionButton/interfaces/FloatingActionButtonPopupSettings.js +1 -0
  60. package/dist/esm/FloatingActionButton/interfaces/FloatingActionButtonProps.d.ts +243 -0
  61. package/dist/esm/FloatingActionButton/interfaces/FloatingActionButtonProps.js +1 -0
  62. package/dist/esm/FloatingActionButton/models/align-offset.d.ts +20 -0
  63. package/dist/esm/FloatingActionButton/models/align-offset.js +1 -0
  64. package/dist/esm/FloatingActionButton/models/align.d.ts +27 -0
  65. package/dist/esm/FloatingActionButton/models/align.js +1 -0
  66. package/dist/esm/FloatingActionButton/models/events.d.ts +18 -0
  67. package/dist/esm/FloatingActionButton/models/events.js +2 -0
  68. package/dist/esm/FloatingActionButton/models/position-mode.d.ts +9 -0
  69. package/dist/esm/FloatingActionButton/models/position-mode.js +1 -0
  70. package/dist/esm/FloatingActionButton/models/shape.d.ts +13 -0
  71. package/dist/esm/FloatingActionButton/models/shape.js +1 -0
  72. package/dist/esm/FloatingActionButton/models/size.d.ts +10 -0
  73. package/dist/esm/FloatingActionButton/models/size.js +1 -0
  74. package/dist/esm/FloatingActionButton/models/theme-color.d.ts +17 -0
  75. package/dist/esm/FloatingActionButton/models/theme-color.js +1 -0
  76. package/dist/esm/FloatingActionButton/utils.d.ts +27 -0
  77. package/dist/esm/FloatingActionButton/utils.js +93 -0
  78. package/dist/esm/ListButton/ButtonItem.d.ts +58 -0
  79. package/dist/esm/ListButton/ButtonItem.js +138 -0
  80. package/dist/esm/ListButton/DropDownButton.d.ts +66 -0
  81. package/dist/esm/ListButton/DropDownButton.js +453 -0
  82. package/dist/esm/ListButton/SplitButton.d.ts +67 -0
  83. package/dist/esm/ListButton/SplitButton.js +515 -0
  84. package/dist/esm/ListButton/models/ButtonItemInterface.d.ts +29 -0
  85. package/dist/esm/ListButton/models/ButtonItemInterface.js +2 -0
  86. package/dist/esm/ListButton/models/ListButtonProps.d.ts +328 -0
  87. package/dist/esm/ListButton/models/ListButtonProps.js +2 -0
  88. package/dist/esm/ListButton/models/PopupSettings.d.ts +24 -0
  89. package/dist/esm/ListButton/models/PopupSettings.js +1 -0
  90. package/dist/esm/ListButton/models/events.d.ts +48 -0
  91. package/dist/esm/ListButton/models/events.js +1 -0
  92. package/dist/esm/ListButton/utils/navigation.d.ts +5 -0
  93. package/dist/esm/ListButton/utils/navigation.js +24 -0
  94. package/dist/esm/ListButton/utils/popup.d.ts +9 -0
  95. package/dist/esm/ListButton/utils/popup.js +20 -0
  96. package/dist/esm/additionalTypes.ts +21 -0
  97. package/dist/esm/buttonLook.d.ts +13 -0
  98. package/dist/esm/buttonLook.js +1 -0
  99. package/dist/esm/main.d.ts +30 -0
  100. package/dist/esm/main.js +15 -0
  101. package/dist/esm/models/index.d.ts +87 -0
  102. package/dist/esm/models/index.js +1 -0
  103. package/dist/esm/package-metadata.d.ts +5 -0
  104. package/dist/esm/package-metadata.js +11 -0
  105. package/dist/esm/package.json +3 -0
  106. package/dist/esm/toolbar/Toolbar.d.ts +112 -0
  107. package/dist/esm/toolbar/Toolbar.js +208 -0
  108. package/dist/esm/toolbar/tools/ToolbarItem.d.ts +64 -0
  109. package/dist/esm/toolbar/tools/ToolbarItem.js +58 -0
  110. package/dist/esm/toolbar/tools/ToolbarSeparator.d.ts +36 -0
  111. package/dist/esm/toolbar/tools/ToolbarSeparator.js +56 -0
  112. package/dist/esm/toolbar/tools/ToolbarSpacer.d.ts +36 -0
  113. package/dist/esm/toolbar/tools/ToolbarSpacer.js +53 -0
  114. package/dist/esm/util.d.ts +31 -0
  115. package/dist/esm/util.js +40 -0
  116. package/dist/npm/Button.js +5 -5
  117. package/dist/npm/ButtonGroup.js +4 -4
  118. package/dist/npm/ButtonWrap.js +1 -1
  119. package/dist/npm/Chip/Chip.js +10 -10
  120. package/dist/npm/Chip/ChipList.js +8 -8
  121. package/dist/npm/Chip/data-reducer.js +4 -2
  122. package/dist/npm/Chip/focus-reducer.js +4 -2
  123. package/dist/npm/Chip/selection-reducer.js +12 -14
  124. package/dist/npm/FloatingActionButton/FloatingActionButton.js +31 -31
  125. package/dist/npm/FloatingActionButton/FloatingActionButtonItem.js +8 -8
  126. package/dist/npm/FloatingActionButton/utils.js +14 -9
  127. package/dist/npm/ListButton/ButtonItem.js +1 -1
  128. package/dist/npm/ListButton/DropDownButton.js +19 -19
  129. package/dist/npm/ListButton/SplitButton.js +19 -19
  130. package/dist/npm/main.js +6 -2
  131. package/dist/npm/package-metadata.js +1 -1
  132. package/dist/npm/toolbar/Toolbar.js +2 -2
  133. package/dist/npm/toolbar/tools/ToolbarItem.js +1 -1
  134. package/dist/npm/util.d.ts +3 -3
  135. package/package.json +11 -5
@@ -0,0 +1,328 @@
1
+ import { ButtonsPopupSettings } from './PopupSettings';
2
+ import { SplitButtonClickEvent, SplitButtonItemClickEvent, SplitButtonFocusEvent, SplitButtonBlurEvent, SplitButtonOpenEvent, SplitButtonCloseEvent, DropDownButtonItemClickEvent, DropDownButtonFocusEvent, DropDownButtonBlurEvent, DropDownButtonOpenEvent, DropDownButtonCloseEvent } from './events';
3
+ import { ButtonLook } from '../../buttonLook';
4
+ export interface DropDownButtonProps {
5
+ /**
6
+ * Specifies the `accessKey` of the main button.
7
+ */
8
+ accessKey?: string;
9
+ /**
10
+ * Specifies the text of the main button ([see example]({% slug overview_dropdownbutton %}#toc-basic-usage)).
11
+ */
12
+ text?: any;
13
+ /**
14
+ * Specifies the list items ([see example]({% slug binding_dropdownbutton %}#toc-array-of-objects)).
15
+ */
16
+ items?: any[];
17
+ /**
18
+ * Configures the field that will be used for the text of the `items`. `textField` has to be used together with the `items` prop ([see example]({% slug binding_dropdownbutton %}#toc-array-of-objects)).
19
+ */
20
+ textField?: string;
21
+ /**
22
+ * Specifies the `tabIndex` of the main button.
23
+ */
24
+ tabIndex?: number;
25
+ /**
26
+ * Determines whether the component is disabled ([see example]({% slug disabled_dropdownbutton %})).
27
+ */
28
+ disabled?: boolean;
29
+ /**
30
+ * Opens the popup of the DropDownButton if set to `true`.
31
+ */
32
+ opened?: boolean;
33
+ /**
34
+ * Defines an icon that will be rendered next to the main button text ([see example]({% slug icons_dropdownbutton %})).
35
+ */
36
+ icon?: string;
37
+ /**
38
+ * Defines an icon with a custom CSS class that will be rendered next to the main button text ([see example]({% slug icons_dropdownbutton %})).
39
+ */
40
+ iconClass?: string;
41
+ /**
42
+ * Defines the location of an image that will be displayed next to the main button text ([see example]({% slug icons_dropdownbutton %})).
43
+ */
44
+ imageUrl?: string;
45
+ /**
46
+ * Configures the popup
47
+ * ([see example]({% slug customization_dropdownbutton %}#toc-popup)).
48
+ */
49
+ popupSettings?: ButtonsPopupSettings;
50
+ /**
51
+ * Defines a named slot `string`, functional or class component which is used for rendering items ([see example]({% slug customization_dropdownbutton %}#toc-item-render)). The default rendering includes an icon, an image, and text.
52
+ */
53
+ item?: null | any;
54
+ /**
55
+ * Fires when a dropdown list button item is about to be rendered. Use it to override the default appearance of the list items.
56
+ * if `item` prop is not declared, `itemRender` behaves like `item`, for backward compatibility with versions before 4.2.0
57
+ */
58
+ itemRender?: any;
59
+ /**
60
+ * Changes the visual appearance by using alternative styling options ([see example]({% slug overview_dropdownbutton %}#toc-basic-usage)).
61
+ */
62
+ look?: ButtonLook | string;
63
+ /**
64
+ * Sets the `className` of the main button.
65
+ */
66
+ buttonClass?: string;
67
+ /**
68
+ * Sets the direction of the component.
69
+ */
70
+ dir?: string;
71
+ /**
72
+ * Configures the `size` of the Button.
73
+ *
74
+ * The available options are:
75
+ * - small
76
+ * - medium
77
+ * - large
78
+ * - null—Does not set a size `className`.
79
+ *
80
+ * @default `medium`
81
+ */
82
+ size?: null | 'small' | 'medium' | 'large' | string;
83
+ /**
84
+ * Configures the `shape` of the Button.
85
+ *
86
+ * The available options are:
87
+ * - rectangle
88
+ * - square
89
+ * - null—Does not set a shape `className`.
90
+ *
91
+ * @default `rectangle`
92
+ */
93
+ shape?: null | 'rectangle' | 'square' | string;
94
+ /**
95
+ * Configures the `roundness` of the Button.
96
+ *
97
+ * The available options are:
98
+ * - small
99
+ * - medium
100
+ * - large
101
+ * - circle
102
+ * - full
103
+ * - null—Does not set a rounded `className`.
104
+ *
105
+ * @default `medium`
106
+ */
107
+ rounded?: null | 'small' | 'medium' | 'large' | 'full' | string;
108
+ /**
109
+ * Configures the `fillMode` of the Button.
110
+ *
111
+ * The available options are:
112
+ * - solid
113
+ * - outline
114
+ * - flat
115
+ * - link
116
+ * - null—Does not set a fillMode `className`.
117
+ *
118
+ * @default `solid`
119
+ */
120
+ fillMode?: null | 'solid' | 'outline' | 'flat' | 'link' | string;
121
+ /**
122
+ * Configures the `themeColor` of the Button.
123
+ *
124
+ * The available options are:
125
+ * - base
126
+ * - primary
127
+ * - secondary
128
+ * - tertiary
129
+ * - info
130
+ * - success
131
+ * - warning
132
+ * - dark
133
+ * - light
134
+ * - inverse
135
+ * - null—Does not set a themeColor `className`.
136
+ *
137
+ * @default `base`
138
+ */
139
+ themeColor?: null | 'base' | 'primary' | 'secondary' | 'tertiary' | 'info' | 'success' | 'warning' | 'dark' | 'light' | 'inverse' | string;
140
+ /**
141
+ * Adds visual weight to the button and makes it primary ([see example]({% slug overview_dropdownbutton %}#toc-basic-usage)).
142
+ */
143
+ primary?: boolean;
144
+ /**
145
+ * Fires when the component is focused ([see example]({% slug overview_dropdownbutton %}#toc-events)).
146
+ */
147
+ onFocus?: (event: DropDownButtonFocusEvent) => void;
148
+ /**
149
+ * Fires when the component is blurred ([see example]({% slug overview_dropdownbutton %}#toc-events)).
150
+ */
151
+ onBlur?: (event: DropDownButtonBlurEvent) => void;
152
+ /**
153
+ * Fires when an item is clicked ([see example]({% slug overview_dropdownbutton %}#toc-events)).
154
+ */
155
+ onItemclick?: (event: DropDownButtonItemClickEvent) => void;
156
+ /**
157
+ * Fires when the popup which contains the items is opened ([see example]({% slug overview_dropdownbutton %}#toc-events)).
158
+ */
159
+ onOpen?: (event: DropDownButtonOpenEvent) => void;
160
+ /**
161
+ * Fires when the popup which contains the items is closed ([see example]({% slug overview_dropdownbutton %}#toc-events)).
162
+ */
163
+ onClose?: (event: DropDownButtonCloseEvent) => void;
164
+ }
165
+ export interface SplitButtonProps {
166
+ /**
167
+ * Specifies the `accessKey` of the main button.
168
+ */
169
+ accessKey?: string;
170
+ /**
171
+ * Specifies the text of the main button ([see example]({% slug overview_splitbutton %}#toc-basic-usage)).
172
+ */
173
+ text?: string;
174
+ /**
175
+ * Specifies the list items ([see example]({% slug binding_splitbutton %}#toc-array-of-objects)).
176
+ */
177
+ items?: any[];
178
+ /**
179
+ * Configures the field that will be used for the text of the `items`. `textField` has to be used together with the `items` prop ([see example]({% slug binding_splitbutton %}#toc-array-of-objects)).
180
+ */
181
+ textField?: string;
182
+ /**
183
+ * Specifies the `tabIndex` of the main button.
184
+ */
185
+ tabIndex?: number;
186
+ /**
187
+ * Determines whether the component is disabled ([see example]({% slug disabled_splitbutton %})).
188
+ */
189
+ disabled?: boolean;
190
+ /**
191
+ * Defines an icon that will be rendered next to the main button text ([see example]({% slug icons_splitbutton %})).
192
+ */
193
+ icon?: string;
194
+ /**
195
+ * Defines an icon with a custom CSS class that will be rendered next to the main button text ([see example]({% slug icons_splitbutton %})).
196
+ */
197
+ iconClass?: string;
198
+ /**
199
+ * Defines the location of an image that will be displayed next to the main button text ([see example]({% slug icons_splitbutton %})).
200
+ */
201
+ imageUrl?: string;
202
+ /**
203
+ * Configures the popup ([see example]({% slug customization_splitbutton %}#toc-popup)).
204
+ */
205
+ popupSettings?: ButtonsPopupSettings;
206
+ /**
207
+ * Opens the popup of the SplitButton if set to `true`.
208
+ */
209
+ opened?: boolean;
210
+ /**
211
+ * Defines a named slot `string`, functional or class component which is used for rendering items ([see example]({% slug customization_dropdownbutton %}#toc-item-render)). The default rendering includes an icon, an image, and text.
212
+ */
213
+ item?: null | any;
214
+ /**
215
+ * Fires when a dropdown list button item is about to be rendered. Use it to override the default appearance of the list items.
216
+ * if `item` prop is not declared, `itemRender` behaves like `item`, for backward compatibility with versions before 4.2.0
217
+ */
218
+ itemRender?: any;
219
+ /**
220
+ * Changes the visual appearance by using alternative styling options ([see example]({% slug overview_splitbutton %}#toc-basic-usage)).
221
+ */
222
+ look?: ButtonLook | string;
223
+ /**
224
+ * Sets the `className` of the SplitButton component.
225
+ */
226
+ className?: string;
227
+ /**
228
+ * Sets the `className` of the main button.
229
+ */
230
+ buttonClass?: string;
231
+ /**
232
+ * Sets the direction of the component.
233
+ */
234
+ dir?: string;
235
+ /**
236
+ * Configures the `size` of the Button.
237
+ *
238
+ * The available options are:
239
+ * - small
240
+ * - medium
241
+ * - large
242
+ * - null—Does not set a size `className`.
243
+ *
244
+ * @default `medium`
245
+ */
246
+ size?: null | 'small' | 'medium' | 'large' | string;
247
+ /**
248
+ * Configures the `shape` of the Button.
249
+ *
250
+ * The available options are:
251
+ * - rectangle
252
+ * - square
253
+ * - null—Does not set a shape `className`.
254
+ *
255
+ * @default `rectangle`
256
+ */
257
+ shape?: null | 'rectangle' | 'square' | string;
258
+ /**
259
+ * Configures the `roundness` of the Button.
260
+ *
261
+ * The available options are:
262
+ * - small
263
+ * - medium
264
+ * - large
265
+ * - circle
266
+ * - full
267
+ * - null—Does not set a rounded `className`.
268
+ *
269
+ * @default `medium`
270
+ */
271
+ rounded?: null | 'small' | 'medium' | 'large' | 'full' | string;
272
+ /**
273
+ * Configures the `fillMode` of the Button.
274
+ *
275
+ * The available options are:
276
+ * - solid
277
+ * - outline
278
+ * - flat
279
+ * - link
280
+ * - null—Does not set a fillMode `className`.
281
+ *
282
+ * @default `solid`
283
+ */
284
+ fillMode?: null | 'solid' | 'outline' | 'flat' | 'link' | string;
285
+ /**
286
+ * Configures the `themeColor` of the Button.
287
+ *
288
+ * The available options are:
289
+ * - base
290
+ * - primary
291
+ * - secondary
292
+ * - tertiary
293
+ * - info
294
+ * - success
295
+ * - warning
296
+ * - dark
297
+ * - light
298
+ * - inverse
299
+ * - null—Does not set a themeColor `className`.
300
+ *
301
+ * @default `base`
302
+ */
303
+ themeColor?: null | 'base' | 'primary' | 'secondary' | 'tertiary' | 'info' | 'success' | 'warning' | 'dark' | 'light' | 'inverse' | string;
304
+ /**
305
+ * Fires when the main button is clicked ([see example]({% slug overview_splitbutton %}#toc-events)).
306
+ */
307
+ onButtonclick?: (event: SplitButtonClickEvent) => void;
308
+ /**
309
+ * Fires when the component is focused ([see example]({% slug overview_splitbutton %}#toc-events)).
310
+ */
311
+ onFocus?: (event: SplitButtonFocusEvent) => void;
312
+ /**
313
+ * Fires when the component is blurred ([see example]({% slug overview_splitbutton %}#toc-events)).
314
+ */
315
+ onBlur?: (event: SplitButtonBlurEvent) => void;
316
+ /**
317
+ * Fires when an item is clicked ([see example]({% slug overview_splitbutton %}#toc-events)).
318
+ */
319
+ onItemclick?: (event: SplitButtonItemClickEvent) => void;
320
+ /**
321
+ * Fires when the popup which contains the items is opened ([see example]({% slug overview_splitbutton %}#toc-events)).
322
+ */
323
+ onOpen?: (event: SplitButtonOpenEvent) => void;
324
+ /**
325
+ * Fires when the popup which contains the items is closed ([see example]({% slug overview_splitbutton %}#toc-events)).
326
+ */
327
+ onClose?: (event: SplitButtonCloseEvent) => void;
328
+ }
@@ -0,0 +1,2 @@
1
+ export {};
2
+ // tslint:enable:max-line-length
@@ -0,0 +1,24 @@
1
+ import { PopupAnimation, Align } from '@progress/kendo-vue-popup';
2
+ /**
3
+ * The settings of the popup container.
4
+ */
5
+ export interface ButtonsPopupSettings {
6
+ /**
7
+ * Controls the popup animation. By default, the open and close animations are enabled.
8
+ */
9
+ animate?: boolean | PopupAnimation;
10
+ /**
11
+ * Specifies a list of CSS classes that are used for styling the popup.
12
+ */
13
+ popupClass?: string;
14
+ /**
15
+ * Specifies the pivot point of the anchor
16
+ * ([see example]({% slug alignmentpositioning_popup %})).
17
+ */
18
+ anchorAlign?: Align;
19
+ /**
20
+ * Specifies the pivot point of the Popup
21
+ * ([see example]({% slug alignmentpositioning_popup %})).
22
+ */
23
+ popupAlign?: Align;
24
+ }
@@ -0,0 +1 @@
1
+ export {};
@@ -0,0 +1,48 @@
1
+ export interface SplitButtonFocusEvent {
2
+ }
3
+ export interface SplitButtonBlurEvent {
4
+ }
5
+ export interface SplitButtonClickEvent {
6
+ }
7
+ export interface SplitButtonOpenEvent {
8
+ }
9
+ export interface SplitButtonCloseEvent {
10
+ }
11
+ /**
12
+ * The arguments for the `itemClick` event.
13
+ */
14
+ export interface SplitButtonItemClickEvent {
15
+ /**
16
+ * The clicked item.
17
+ */
18
+ item: any;
19
+ /**
20
+ * The zero-based index of the clicked item.
21
+ */
22
+ itemIndex: number;
23
+ }
24
+ export interface DropDownButtonFocusEvent {
25
+ }
26
+ export interface DropDownButtonBlurEvent {
27
+ }
28
+ export interface DropDownButtonOpenEvent {
29
+ }
30
+ export interface DropDownButtonCloseEvent {
31
+ }
32
+ /**
33
+ * The arguments for the `itemClick` event.
34
+ */
35
+ export interface DropDownButtonItemClickEvent {
36
+ /**
37
+ * The clicked item.
38
+ */
39
+ item: any;
40
+ /**
41
+ * The zero-based index of the clicked item.
42
+ */
43
+ itemIndex: number;
44
+ /**
45
+ * The native browser event.
46
+ */
47
+ event: any;
48
+ }
@@ -0,0 +1 @@
1
+ export {};
@@ -0,0 +1,5 @@
1
+ /**
2
+ * @hidden
3
+ */
4
+ declare const navigate: (focusedIndex: number, keyCode: number, altKey: boolean, total: number) => number;
5
+ export default navigate;
@@ -0,0 +1,24 @@
1
+ import { Keys } from '@progress/kendo-vue-common';
2
+ /**
3
+ * @hidden
4
+ */
5
+ var navigate = function (focusedIndex, keyCode, altKey, total) {
6
+ if (altKey) {
7
+ return focusedIndex;
8
+ }
9
+ switch (keyCode) {
10
+ case Keys.enter:
11
+ case Keys.space:
12
+ case Keys.esc:
13
+ return -1;
14
+ case Keys.up:
15
+ case Keys.left:
16
+ return Math.max(0, focusedIndex - 1);
17
+ case Keys.down:
18
+ case Keys.right:
19
+ return Math.min(total - 1, focusedIndex + 1);
20
+ default:
21
+ return focusedIndex;
22
+ }
23
+ };
24
+ export default navigate;
@@ -0,0 +1,9 @@
1
+ import { Align } from '@progress/kendo-vue-popup';
2
+ /**
3
+ * @hidden
4
+ */
5
+ export declare function getAnchorAlign(isDirectionRightToLeft?: boolean): Align;
6
+ /**
7
+ * @hidden
8
+ */
9
+ export declare function getPopupAlign(isDirectionRightToLeft?: boolean): Align;
@@ -0,0 +1,20 @@
1
+ /**
2
+ * @hidden
3
+ */
4
+ export function getAnchorAlign(isDirectionRightToLeft) {
5
+ var align = { horizontal: 'left', vertical: 'bottom' };
6
+ if (isDirectionRightToLeft) {
7
+ align.horizontal = 'right';
8
+ }
9
+ return align;
10
+ }
11
+ /**
12
+ * @hidden
13
+ */
14
+ export function getPopupAlign(isDirectionRightToLeft) {
15
+ var align = { horizontal: 'left', vertical: 'top' };
16
+ if (isDirectionRightToLeft) {
17
+ align.horizontal = 'right';
18
+ }
19
+ return align;
20
+ }
@@ -0,0 +1,21 @@
1
+ // @ts-ignore
2
+ import { DefineComponent } from 'vue';
3
+ // @ts-ignore
4
+ import * as Vue from 'vue';
5
+
6
+ /**
7
+ * @hidden
8
+ */
9
+ // @ts-ignore
10
+ type Vue2type = Vue.default;
11
+
12
+ /**
13
+ * @hidden
14
+ */
15
+ // @ts-ignore
16
+ import { RecordPropsDefinition, ComponentOptions } from 'vue/types/options';
17
+ /**
18
+ * @hidden
19
+ */
20
+ // @ts-ignore
21
+ export { DefineComponent, RecordPropsDefinition, ComponentOptions, Vue2type };
@@ -0,0 +1,13 @@
1
+ /**
2
+ * Enables the modification of the Button appearance.
3
+ *
4
+ * The available styling options are:
5
+ * - `default`
6
+ * - `flat`
7
+ * - `outline`
8
+ *
9
+ * @example
10
+ * ```ts-no-run
11
+ * ```
12
+ */
13
+ export declare type ButtonLook = 'default' | 'flat' | 'outline';
@@ -0,0 +1 @@
1
+ export {};
@@ -0,0 +1,30 @@
1
+ import { Button, ButtonVue2, ButtonProps } from './Button';
2
+ import { ButtonGroup, ButtonGroupVue2, ButtonGroupProps } from './ButtonGroup';
3
+ import { ButtonLook } from './buttonLook';
4
+ import { Chip, ChipVue2, ChipProps, ChipHandle } from './Chip/Chip';
5
+ import { ChipList, ChipListVue2, ChipListProps, ChipListHandle } from './Chip/ChipList';
6
+ import { ChipRemoveEvent, ChipMouseEvent, ChipKeyboardEvent, ChipFocusEvent, ChipListChangeEvent, ChipListDataChangeEvent } from './models/index';
7
+ import { FloatingActionButton, FloatingActionButtonVue2 } from './FloatingActionButton/FloatingActionButton';
8
+ import { FloatingActionButtonHandle } from './FloatingActionButton/interfaces/FloatingActionButtonHandle';
9
+ import { FloatingActionButtonProps } from './FloatingActionButton/interfaces/FloatingActionButtonProps';
10
+ import { FloatingActionButtonItem, FloatingActionButtonItemVue2, FloatingActionButtonItemHandle, FloatingActionButtonItemProps } from './FloatingActionButton/FloatingActionButtonItem';
11
+ import { FloatingActionButtonPopupSettings } from './FloatingActionButton/interfaces/FloatingActionButtonPopupSettings';
12
+ export * from './FloatingActionButton/models/events';
13
+ import { FloatingActionButtonAlign } from './FloatingActionButton/models/align';
14
+ import { FloatingActionButtonAlignOffset } from './FloatingActionButton/models/align-offset';
15
+ import { FloatingActionButtonPositionMode } from './FloatingActionButton/models/position-mode';
16
+ import { FloatingActionButtonShape } from './FloatingActionButton/models/shape';
17
+ import { FloatingActionButtonSize } from './FloatingActionButton/models/size';
18
+ import { FloatingActionButtonThemeColor } from './FloatingActionButton/models/theme-color';
19
+ import { SplitButton, SplitButtonVue2 } from './ListButton/SplitButton';
20
+ import { DropDownButton, DropDownButtonVue2 } from './ListButton/DropDownButton';
21
+ import { DropDownButtonProps } from './ListButton/models/ListButtonProps';
22
+ import { SplitButtonFocusEvent, SplitButtonBlurEvent, SplitButtonClickEvent, SplitButtonOpenEvent, SplitButtonCloseEvent, SplitButtonItemClickEvent, DropDownButtonFocusEvent, DropDownButtonBlurEvent, DropDownButtonOpenEvent, DropDownButtonCloseEvent, DropDownButtonItemClickEvent } from './ListButton/models/events';
23
+ import { ButtonItemInterface } from './ListButton/models/ButtonItemInterface';
24
+ import { ButtonItem, ButtonItemProps } from './ListButton/ButtonItem';
25
+ import { ButtonsPopupSettings } from './ListButton/models/PopupSettings';
26
+ import { Toolbar, ToolbarVue2, ToolbarProps, ToolbarResizeEvent } from './toolbar/Toolbar';
27
+ import { ToolbarItem, ToolbarItemVue2 } from './toolbar/tools/ToolbarItem';
28
+ import { ToolbarSeparator, ToolbarSeparatorVue2 } from './toolbar/tools/ToolbarSeparator';
29
+ import { ToolbarSpacer, ToolbarSpacerVue2 } from './toolbar/tools/ToolbarSpacer';
30
+ export { Toolbar, ToolbarVue2, ToolbarProps, ToolbarItem, ToolbarItemVue2, ToolbarSeparator, ToolbarSeparatorVue2, ToolbarResizeEvent, ToolbarSpacer, ToolbarSpacerVue2, Button, ButtonVue2, ButtonProps, ButtonLook, ButtonGroup, ButtonGroupVue2, ButtonGroupProps, SplitButton, SplitButtonVue2, DropDownButton, DropDownButtonVue2, DropDownButtonProps, ButtonItemInterface, ButtonItem, ButtonItemProps, SplitButtonFocusEvent, SplitButtonBlurEvent, SplitButtonClickEvent, SplitButtonOpenEvent, SplitButtonCloseEvent, SplitButtonItemClickEvent, DropDownButtonFocusEvent, DropDownButtonBlurEvent, DropDownButtonOpenEvent, DropDownButtonCloseEvent, DropDownButtonItemClickEvent, ButtonsPopupSettings, Chip, ChipVue2, ChipProps, ChipHandle, ChipRemoveEvent, ChipMouseEvent, ChipKeyboardEvent, ChipFocusEvent, ChipList, ChipListVue2, ChipListProps, ChipListHandle, ChipListDataChangeEvent, ChipListChangeEvent, FloatingActionButton, FloatingActionButtonVue2, FloatingActionButtonProps, FloatingActionButtonHandle, FloatingActionButtonItem, FloatingActionButtonItemVue2, FloatingActionButtonItemHandle, FloatingActionButtonItemProps, FloatingActionButtonPopupSettings, FloatingActionButtonAlign, FloatingActionButtonAlignOffset, FloatingActionButtonPositionMode, FloatingActionButtonSize, FloatingActionButtonShape, FloatingActionButtonThemeColor };
@@ -0,0 +1,15 @@
1
+ import { Button, ButtonVue2 } from './Button.js';
2
+ import { ButtonGroup, ButtonGroupVue2 } from './ButtonGroup.js';
3
+ import { Chip, ChipVue2 } from './Chip/Chip.js';
4
+ import { ChipList, ChipListVue2 } from './Chip/ChipList.js';
5
+ import { FloatingActionButton, FloatingActionButtonVue2 } from './FloatingActionButton/FloatingActionButton.js';
6
+ import { FloatingActionButtonItem, FloatingActionButtonItemVue2 } from './FloatingActionButton/FloatingActionButtonItem.js';
7
+ export * from './FloatingActionButton/models/events.js';
8
+ import { SplitButton, SplitButtonVue2 } from './ListButton/SplitButton.js';
9
+ import { DropDownButton, DropDownButtonVue2 } from './ListButton/DropDownButton.js';
10
+ import { ButtonItem } from './ListButton/ButtonItem.js';
11
+ import { Toolbar, ToolbarVue2 } from './toolbar/Toolbar.js';
12
+ import { ToolbarItem, ToolbarItemVue2 } from './toolbar/tools/ToolbarItem.js';
13
+ import { ToolbarSeparator, ToolbarSeparatorVue2 } from './toolbar/tools/ToolbarSeparator.js';
14
+ import { ToolbarSpacer, ToolbarSpacerVue2 } from './toolbar/tools/ToolbarSpacer.js';
15
+ export { Toolbar, ToolbarVue2, ToolbarItem, ToolbarItemVue2, ToolbarSeparator, ToolbarSeparatorVue2, ToolbarSpacer, ToolbarSpacerVue2, Button, ButtonVue2, ButtonGroup, ButtonGroupVue2, SplitButton, SplitButtonVue2, DropDownButton, DropDownButtonVue2, ButtonItem, Chip, ChipVue2, ChipList, ChipListVue2, FloatingActionButton, FloatingActionButtonVue2, FloatingActionButtonItem, FloatingActionButtonItemVue2 };
@@ -0,0 +1,87 @@
1
+ import { ChipHandle } from './../Chip/Chip';
2
+ /**
3
+ * Represents the return type of the ChipRemoveEvent.
4
+ */
5
+ export interface ChipRemoveEvent {
6
+ /**
7
+ * The target of the ChipRemoveEvent from ChipHandle.
8
+ */
9
+ target: ChipHandle;
10
+ /**
11
+ * The event of the ChipRemoveEvent.
12
+ */
13
+ event: any;
14
+ }
15
+ /**
16
+ * Represents the return type of the ChipMouseEvent.
17
+ */
18
+ export interface ChipMouseEvent {
19
+ /**
20
+ * The target of the ChipMouseEvent from ChipHandle.
21
+ */
22
+ target: ChipHandle;
23
+ /**
24
+ * The event of the ChipMouseEvent.
25
+ */
26
+ event: any;
27
+ }
28
+ /**
29
+ * Represents the return type of the ChipKeyboardEvent.
30
+ */
31
+ export interface ChipKeyboardEvent {
32
+ /**
33
+ * The target of the ChipKeyboardEvent from ChipHandle.
34
+ */
35
+ target: ChipHandle;
36
+ /**
37
+ * The event of the ChipKeyboardEvent.
38
+ */
39
+ event: any;
40
+ }
41
+ /**
42
+ * Represents the return type of the ChipFocusEvent.
43
+ */
44
+ export interface ChipFocusEvent {
45
+ /**
46
+ * The target of the ChipFocusEvent from ChipHandle.
47
+ */
48
+ target: ChipHandle;
49
+ /**
50
+ * The event of the ChipFocusEvent.
51
+ */
52
+ event: any;
53
+ }
54
+ /**
55
+ * Represents the return type of the ChipListDataChangeEvent.
56
+ */
57
+ export interface ChipListDataChangeEvent {
58
+ /**
59
+ * Represents the new data state value.
60
+ */
61
+ value: any | any[];
62
+ /**
63
+ * The target of the ChipListChangeEvent from ChipListHandle.
64
+ */
65
+ target: any;
66
+ /**
67
+ * The event of the ChipListChangeEvent.
68
+ */
69
+ event: any;
70
+ }
71
+ /**
72
+ * Represents the return type of the ChipListChangeEvent.
73
+ */
74
+ export interface ChipListChangeEvent {
75
+ /**
76
+ * Represents the new state value.
77
+ */
78
+ value: any | any[];
79
+ /**
80
+ * The target of the ChipListChangeEvent from ChipListHandle.
81
+ */
82
+ target: any;
83
+ /**
84
+ * The event of the ChipListChangeEvent.
85
+ */
86
+ event: any;
87
+ }
@@ -0,0 +1 @@
1
+ export {};
@@ -0,0 +1,5 @@
1
+ import { PackageMetadata } from '@progress/kendo-licensing';
2
+ /**
3
+ * @hidden
4
+ */
5
+ export declare const packageMetadata: PackageMetadata;
@@ -0,0 +1,11 @@
1
+ /**
2
+ * @hidden
3
+ */
4
+ export var packageMetadata = {
5
+ name: '@progress/kendo-vue-buttons',
6
+ productName: 'Kendo UI for Vue',
7
+ productCodes: ['KENDOUIVUE', 'KENDOUICOMPLETE'],
8
+ publishDate: 1660543116,
9
+ version: '',
10
+ licensingDocsUrl: 'https://www.telerik.com/kendo-vue-ui/my-license/?utm_medium=product&utm_source=kendovue&utm_campaign=kendo-ui-vue-purchase-license-keys-warning'
11
+ };
@@ -0,0 +1,3 @@
1
+ {
2
+ "type": "module"
3
+ }