@syncfusion/ej2-splitbuttons 31.1.17 → 31.2.12

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 (53) hide show
  1. package/README.md +8 -0
  2. package/aceconfig.js +17 -0
  3. package/dist/ej2-splitbuttons.min.js +2 -2
  4. package/dist/ej2-splitbuttons.umd.min.js +2 -2
  5. package/dist/global/ej2-splitbuttons.min.js +2 -2
  6. package/dist/global/index.d.ts +2 -2
  7. package/package.json +13 -59
  8. package/styles/bootstrap5-dark-lite.css +2 -2
  9. package/styles/bootstrap5-dark.css +2 -2
  10. package/styles/bootstrap5-lite.css +2 -2
  11. package/styles/bootstrap5.3-lite.css +2 -1
  12. package/styles/bootstrap5.3.css +2 -1
  13. package/styles/bootstrap5.css +2 -2
  14. package/styles/button-group/bootstrap5-dark.css +2 -2
  15. package/styles/button-group/bootstrap5.3.css +1 -1
  16. package/styles/button-group/bootstrap5.css +2 -2
  17. package/styles/drop-down-button/_layout.scss +1 -0
  18. package/styles/drop-down-button/material3-dark.css +1 -0
  19. package/styles/drop-down-button/material3.css +1 -0
  20. package/styles/material3-dark-lite.css +3 -0
  21. package/styles/material3-dark.css +3 -0
  22. package/styles/material3-lite.css +3 -0
  23. package/styles/material3.css +3 -0
  24. package/styles/split-button/_layout.scss +5 -0
  25. package/styles/split-button/bootstrap5.3.css +1 -0
  26. package/styles/split-button/material3-dark.css +2 -0
  27. package/styles/split-button/material3.css +2 -0
  28. package/dist/ts/button-group/button-group.d.ts +0 -38
  29. package/dist/ts/button-group/button-group.ts +0 -84
  30. package/dist/ts/button-group/index.d.ts +0 -4
  31. package/dist/ts/button-group/index.ts +0 -4
  32. package/dist/ts/common/common-model.d.ts +0 -51
  33. package/dist/ts/common/common.d.ts +0 -95
  34. package/dist/ts/common/common.ts +0 -218
  35. package/dist/ts/common/index.d.ts +0 -5
  36. package/dist/ts/common/index.ts +0 -5
  37. package/dist/ts/drop-down-button/drop-down-button-model.d.ts +0 -195
  38. package/dist/ts/drop-down-button/drop-down-button.d.ts +0 -308
  39. package/dist/ts/drop-down-button/drop-down-button.ts +0 -1110
  40. package/dist/ts/drop-down-button/index.d.ts +0 -5
  41. package/dist/ts/drop-down-button/index.ts +0 -5
  42. package/dist/ts/index.d.ts +0 -8
  43. package/dist/ts/index.ts +0 -8
  44. package/dist/ts/progress-button/index.d.ts +0 -5
  45. package/dist/ts/progress-button/index.ts +0 -5
  46. package/dist/ts/progress-button/progress-button-model.d.ts +0 -206
  47. package/dist/ts/progress-button/progress-button.d.ts +0 -323
  48. package/dist/ts/progress-button/progress-button.ts +0 -689
  49. package/dist/ts/split-button/index.d.ts +0 -5
  50. package/dist/ts/split-button/index.ts +0 -5
  51. package/dist/ts/split-button/split-button-model.d.ts +0 -133
  52. package/dist/ts/split-button/split-button.d.ts +0 -236
  53. package/dist/ts/split-button/split-button.ts +0 -535
@@ -1,5 +0,0 @@
1
- /**
2
- * DropDownButton modules
3
- */
4
- export * from './drop-down-button';
5
- export * from './drop-down-button-model';
@@ -1,5 +0,0 @@
1
- /**
2
- * DropDownButton modules
3
- */
4
- export * from './drop-down-button';
5
- export * from './drop-down-button-model';
@@ -1,8 +0,0 @@
1
- /**
2
- * SplitButton all module
3
- */
4
- export * from './common/index';
5
- export * from './drop-down-button/index';
6
- export * from './split-button/index';
7
- export * from './button-group/index';
8
- export * from './progress-button/index';
package/dist/ts/index.ts DELETED
@@ -1,8 +0,0 @@
1
- /**
2
- * SplitButton all module
3
- */
4
- export * from './common/index';
5
- export * from './drop-down-button/index';
6
- export * from './split-button/index';
7
- export * from './button-group/index';
8
- export * from './progress-button/index';
@@ -1,5 +0,0 @@
1
- /**
2
- * ProgressButton modules
3
- */
4
- export * from './progress-button';
5
- export * from './progress-button-model';
@@ -1,5 +0,0 @@
1
- /**
2
- * ProgressButton modules
3
- */
4
- export * from './progress-button';
5
- export * from './progress-button-model';
@@ -1,206 +0,0 @@
1
- import { Button, IconPosition } from '@syncfusion/ej2-buttons';import { EventHandler, Property, INotifyPropertyChanged, NotifyPropertyChanges, Animation, Effect, attributes, animationMode } from '@syncfusion/ej2-base';import { EmitType, Event, BaseEventArgs, remove, removeClass } from '@syncfusion/ej2-base';import { Complex, ChildProperty, SanitizeHtmlHelper } from '@syncfusion/ej2-base';import { createSpinner, showSpinner, hideSpinner } from '@syncfusion/ej2-popups';
2
- import {SpinPosition,AnimationEffect,ProgressEventArgs} from "./progress-button";
3
-
4
- /**
5
- * Interface for a class SpinSettings
6
- */
7
- export interface SpinSettingsModel {
8
-
9
- /**
10
- * Specifies the template content to be displayed in a spinner.
11
- *
12
- * @default null
13
- * @aspType string
14
- */
15
- template?: string | Function;
16
-
17
- /**
18
- * Sets the width of a spinner.
19
- *
20
- * @default '16'
21
- */
22
- width?: string | number;
23
-
24
- /**
25
- * Specifies the position of a spinner in the progress button. The possible values are:
26
- * * Left: The spinner will be positioned to the left of the text content.
27
- * * Right: The spinner will be positioned to the right of the text content.
28
- * * Top: The spinner will be positioned at the top of the text content.
29
- * * Bottom: The spinner will be positioned at the bottom of the text content.
30
- * * Center: The spinner will be positioned at the center of the progress button.
31
- *
32
- * @default 'Left'
33
- * @aspType Syncfusion.EJ2.SplitButtons.SpinPosition
34
- * @blazorType Syncfusion.Blazor.SplitButtons.SpinPosition
35
- * @isEnumeration true
36
- */
37
- position?: SpinPosition;
38
-
39
- }
40
-
41
- /**
42
- * Interface for a class AnimationSettings
43
- */
44
- export interface AnimationSettingsModel {
45
-
46
- /**
47
- * Specifies the duration taken to animate.
48
- *
49
- * @default 400
50
- */
51
- duration?: number;
52
-
53
- /**
54
- * Specifies the effect of animation.
55
- *
56
- * @default 'None'
57
- * @aspType Syncfusion.EJ2.SplitButtons.AnimationEffect
58
- * @blazorType Syncfusion.Blazor.SplitButtons.AnimationEffect
59
- * @isEnumeration true
60
- */
61
- effect?: AnimationEffect;
62
-
63
- /**
64
- * Specifies the animation timing function.
65
- *
66
- * @default 'ease'
67
- */
68
- easing?: string;
69
-
70
- }
71
-
72
- /**
73
- * Interface for a class ProgressButton
74
- */
75
- export interface ProgressButtonModel {
76
-
77
- /**
78
- * Enables or disables the background filler UI in the progress button.
79
- *
80
- * @default false
81
- */
82
- enableProgress?: boolean;
83
-
84
- /**
85
- * Specifies the duration of progression in the progress button.
86
- *
87
- * @default 2000
88
- */
89
- duration?: number;
90
-
91
- /**
92
- * Positions an icon in the progress button. The possible values are:
93
- * * Left: The icon will be positioned to the left of the text content.
94
- * * Right: The icon will be positioned to the right of the text content.
95
- * * Top: The icon will be positioned at the top of the text content.
96
- * * Bottom: The icon will be positioned at the bottom of the text content.
97
- *
98
- * @isenumeration true
99
- * @default Syncfusion.EJ2.Buttons.IconPosition.Left
100
- * @asptype Syncfusion.EJ2.Buttons.IconPosition
101
- */
102
- iconPosition?: string | IconPosition;
103
-
104
- /**
105
- * Defines class/multiple classes separated by a space for the progress button that is used to include an icon.
106
- * Progress button can also include font icon and sprite image.
107
- *
108
- * @default ""
109
- */
110
- iconCss?: string;
111
-
112
- /**
113
- * Enables or disables the progress button.
114
- *
115
- * @default false.
116
- */
117
- disabled?: boolean;
118
-
119
- /**
120
- * Allows the appearance of the progress button to be enhanced and visually appealing when set to `true`.
121
- *
122
- * @default false
123
- */
124
- isPrimary?: boolean;
125
-
126
- /**
127
- * Specifies the root CSS class of the progress button that allows customization of component’s appearance.
128
- * The progress button types, styles, and size can be achieved by using this property.
129
- *
130
- * @default ""
131
- */
132
- cssClass?: string;
133
-
134
- /**
135
- * Defines the text `content` of the progress button element.
136
- *
137
- * @default ""
138
- */
139
- content?: string;
140
-
141
- /**
142
- * Makes the progress button toggle, when set to `true`. When you click it, the state changes from normal to active.
143
- *
144
- * @default false
145
- */
146
- isToggle?: boolean;
147
-
148
- /**
149
- * Specifies whether to enable the rendering of untrusted HTML values in the Progress button component.
150
- * If 'enableHtmlSanitizer' set to true, the component will sanitize any suspected untrusted strings and scripts before rendering them.
151
- *
152
- * @default true
153
- */
154
- enableHtmlSanitizer?: boolean;
155
-
156
- /**
157
- * Specifies a spinner and its related properties.
158
- */
159
- spinSettings?: SpinSettingsModel;
160
-
161
- /**
162
- * Specifies the animation settings.
163
- */
164
- animationSettings?: AnimationSettingsModel;
165
-
166
- /**
167
- * Triggers once the component rendering is completed.
168
- *
169
- * @event created
170
- * @blazorProperty 'Created'
171
- */
172
- created?: EmitType<Event>;
173
-
174
- /**
175
- * Triggers when the progress starts.
176
- *
177
- * @event begin
178
- * @blazorProperty 'OnBegin'
179
- */
180
- begin?: EmitType<ProgressEventArgs>;
181
-
182
- /**
183
- * Triggers in specified intervals.
184
- *
185
- * @event progress
186
- * @blazorProperty 'Progressing'
187
- */
188
- progress?: EmitType<ProgressEventArgs>;
189
-
190
- /**
191
- * Triggers when the progress is completed.
192
- *
193
- * @event end
194
- * @blazorProperty 'OnEnd'
195
- */
196
- end?: EmitType<ProgressEventArgs>;
197
-
198
- /**
199
- * Triggers when the progress is incomplete.
200
- *
201
- * @event fail
202
- * @blazorProperty 'OnFailure'
203
- */
204
- fail?: EmitType<Event>;
205
-
206
- }
@@ -1,323 +0,0 @@
1
- import { Button, IconPosition } from '@syncfusion/ej2-buttons';
2
- import { INotifyPropertyChanged } from '@syncfusion/ej2-base';
3
- import { EmitType, BaseEventArgs } from '@syncfusion/ej2-base';
4
- import { ChildProperty } from '@syncfusion/ej2-base';
5
- import { ProgressButtonModel, SpinSettingsModel, AnimationSettingsModel } from './progress-button-model';
6
- /**
7
- * Defines the spin settings.
8
- */
9
- export declare class SpinSettings extends ChildProperty<SpinSettings> {
10
- /**
11
- * Specifies the template content to be displayed in a spinner.
12
- *
13
- * @default null
14
- * @aspType string
15
- */
16
- template: string | Function;
17
- /**
18
- * Sets the width of a spinner.
19
- *
20
- * @default '16'
21
- */
22
- width: string | number;
23
- /**
24
- * Specifies the position of a spinner in the progress button. The possible values are:
25
- * * Left: The spinner will be positioned to the left of the text content.
26
- * * Right: The spinner will be positioned to the right of the text content.
27
- * * Top: The spinner will be positioned at the top of the text content.
28
- * * Bottom: The spinner will be positioned at the bottom of the text content.
29
- * * Center: The spinner will be positioned at the center of the progress button.
30
- *
31
- * @default 'Left'
32
- * @aspType Syncfusion.EJ2.SplitButtons.SpinPosition
33
- * @blazorType Syncfusion.Blazor.SplitButtons.SpinPosition
34
- * @isEnumeration true
35
- */
36
- position: SpinPosition;
37
- }
38
- /**
39
- * Defines the animation settings.
40
- */
41
- export declare class AnimationSettings extends ChildProperty<AnimationSettings> {
42
- /**
43
- * Specifies the duration taken to animate.
44
- *
45
- * @default 400
46
- */
47
- duration: number;
48
- /**
49
- * Specifies the effect of animation.
50
- *
51
- * @default 'None'
52
- * @aspType Syncfusion.EJ2.SplitButtons.AnimationEffect
53
- * @blazorType Syncfusion.Blazor.SplitButtons.AnimationEffect
54
- * @isEnumeration true
55
- */
56
- effect: AnimationEffect;
57
- /**
58
- * Specifies the animation timing function.
59
- *
60
- * @default 'ease'
61
- */
62
- easing: string;
63
- }
64
- /**
65
- * The ProgressButton visualizes the progression of an operation to indicate the user
66
- * that a process is happening in the background with visual representation.
67
- * ```html
68
- * <button id="element"></button>
69
- * ```
70
- * ```typescript
71
- * <script>
72
- * var progressButtonObj = new ProgressButton({ content: 'Progress Button' });
73
- * progressButtonObj.appendTo("#element");
74
- * </script>
75
- * ```
76
- */
77
- export declare class ProgressButton extends Button implements INotifyPropertyChanged {
78
- private progressTime;
79
- private percent;
80
- private isPaused;
81
- private timerId;
82
- private step;
83
- private interval;
84
- private eIsVertical;
85
- /**
86
- * Enables or disables the background filler UI in the progress button.
87
- *
88
- * @default false
89
- */
90
- enableProgress: boolean;
91
- /**
92
- * Specifies the duration of progression in the progress button.
93
- *
94
- * @default 2000
95
- */
96
- duration: number;
97
- /**
98
- * Positions an icon in the progress button. The possible values are:
99
- * * Left: The icon will be positioned to the left of the text content.
100
- * * Right: The icon will be positioned to the right of the text content.
101
- * * Top: The icon will be positioned at the top of the text content.
102
- * * Bottom: The icon will be positioned at the bottom of the text content.
103
- *
104
- * @isenumeration true
105
- * @default Syncfusion.EJ2.Buttons.IconPosition.Left
106
- * @asptype Syncfusion.EJ2.Buttons.IconPosition
107
- */
108
- iconPosition: string | IconPosition;
109
- /**
110
- * Defines class/multiple classes separated by a space for the progress button that is used to include an icon.
111
- * Progress button can also include font icon and sprite image.
112
- *
113
- * @default ""
114
- */
115
- iconCss: string;
116
- /**
117
- * Enables or disables the progress button.
118
- *
119
- * @default false.
120
- */
121
- disabled: boolean;
122
- /**
123
- * Allows the appearance of the progress button to be enhanced and visually appealing when set to `true`.
124
- *
125
- * @default false
126
- */
127
- isPrimary: boolean;
128
- /**
129
- * Specifies the root CSS class of the progress button that allows customization of component’s appearance.
130
- * The progress button types, styles, and size can be achieved by using this property.
131
- *
132
- * @default ""
133
- */
134
- cssClass: string;
135
- /**
136
- * Defines the text `content` of the progress button element.
137
- *
138
- * @default ""
139
- */
140
- content: string;
141
- /**
142
- * Makes the progress button toggle, when set to `true`. When you click it, the state changes from normal to active.
143
- *
144
- * @default false
145
- */
146
- isToggle: boolean;
147
- /**
148
- * Specifies whether to enable the rendering of untrusted HTML values in the Progress button component.
149
- * If 'enableHtmlSanitizer' set to true, the component will sanitize any suspected untrusted strings and scripts before rendering them.
150
- *
151
- * @default true
152
- */
153
- enableHtmlSanitizer: boolean;
154
- /**
155
- * Specifies a spinner and its related properties.
156
- */
157
- spinSettings: SpinSettingsModel;
158
- /**
159
- * Specifies the animation settings.
160
- */
161
- animationSettings: AnimationSettingsModel;
162
- /**
163
- * Triggers once the component rendering is completed.
164
- *
165
- * @event created
166
- * @blazorProperty 'Created'
167
- */
168
- created: EmitType<Event>;
169
- /**
170
- * Triggers when the progress starts.
171
- *
172
- * @event begin
173
- * @blazorProperty 'OnBegin'
174
- */
175
- begin: EmitType<ProgressEventArgs>;
176
- /**
177
- * Triggers in specified intervals.
178
- *
179
- * @event progress
180
- * @blazorProperty 'Progressing'
181
- */
182
- progress: EmitType<ProgressEventArgs>;
183
- /**
184
- * Triggers when the progress is completed.
185
- *
186
- * @event end
187
- * @blazorProperty 'OnEnd'
188
- */
189
- end: EmitType<ProgressEventArgs>;
190
- /**
191
- * Triggers when the progress is incomplete.
192
- *
193
- * @event fail
194
- * @blazorProperty 'OnFailure'
195
- */
196
- fail: EmitType<Event>;
197
- /**
198
- * Constructor for creating the widget.
199
- *
200
- * @param {ProgressButtonModel} options - Specifies progress button model
201
- * @param {string|HTMLButtonElement} element - Specifies element
202
- */
203
- constructor(options?: ProgressButtonModel, element?: string | HTMLButtonElement);
204
- protected preRender(): void;
205
- /**
206
- * Initialize the Component rendering
207
- *
208
- * @returns {void}
209
- * @private
210
- */
211
- render(): void;
212
- /**
213
- * Starts the button progress at the specified percent.
214
- *
215
- * @param {number} percent - Starts the button progress at this percent.
216
- * @returns {void}
217
- */
218
- start(percent?: number): void;
219
- /**
220
- * Stops the button progress.
221
- *
222
- * @returns {void}
223
- */
224
- stop(): void;
225
- /**
226
- * Complete the button progress.
227
- *
228
- * @returns {void}
229
- */
230
- progressComplete(): void;
231
- /**
232
- * Get component name.
233
- *
234
- * @returns {string} - Module Name
235
- * @private
236
- */
237
- getModuleName(): string;
238
- /**
239
- * Destroys the widget.
240
- *
241
- * @returns {void}
242
- */
243
- destroy(): void;
244
- private init;
245
- private createSpinner;
246
- private getSpinner;
247
- private getProgress;
248
- private setSpinPosition;
249
- private createProgress;
250
- private setContent;
251
- private clickHandler;
252
- private startProgress;
253
- private startAnimate;
254
- private successCallback;
255
- private startContAnimate;
256
- private finishProgress;
257
- private setSpinnerSize;
258
- private hideSpin;
259
- private setIconSpan;
260
- private setAria;
261
- protected wireEvents(): void;
262
- protected unWireEvents(): void;
263
- /**
264
- * Called internally if any of the property value changed.
265
- *
266
- * @param {ProgressButtonModel} newProp - Specifies new properties
267
- * @param {ProgressButtonModel} oldProp - Specifies old properties
268
- * @returns {void}
269
- * @private
270
- */
271
- onPropertyChanged(newProp: ProgressButtonModel, oldProp: ProgressButtonModel): void;
272
- /**
273
- * Sets the focus to ProgressButton
274
- * its native method
275
- *
276
- * @public
277
- * @returns {void}
278
- */
279
- focusIn(): void;
280
- }
281
- /**
282
- * Defines the spin position of progress button.
283
- * ```props
284
- * Left :- The spinner will be positioned to the left of the text content.
285
- * Right :- The spinner will be positioned to the right of the text content.
286
- * Top :- The spinner will be positioned at the top of the text content.
287
- * Bottom :- The spinner will be positioned at the bottom of the text content.
288
- * Center :- The spinner will be positioned at the center of the progress button.
289
- * ```
290
- */
291
- export declare type SpinPosition = 'Left' | 'Right' | 'Top' | 'Bottom' | 'Center';
292
- /**
293
- * Defines the animation effect of progress button.
294
- * ```props
295
- * None :- The button will not have any animation effect on the text content.
296
- * SlideLeft :- The text content will slide to the left as an animation effect.
297
- * SlideRight :- The text content will slide to the right as an animation effect.
298
- * SlideUp :- The text content will slide up as an animation effect.
299
- * SlideDown :- The text content will slide down as an animation effect.
300
- * ZoomIn :- The text content will zoom in as an animation effect.
301
- * ZoomOut :- The text content will zoom out as an animation effect.
302
- * ```
303
- */
304
- export declare type AnimationEffect = 'None' | 'SlideLeft' | 'SlideRight' | 'SlideUp' | 'SlideDown' | 'ZoomIn' | 'ZoomOut';
305
- /**
306
- * Interface for progress event arguments.
307
- */
308
- export interface ProgressEventArgs extends BaseEventArgs {
309
- /**
310
- * Indicates the current state of progress in percentage.
311
- */
312
- percent: number;
313
- /**
314
- * Indicates the current duration of the progress.
315
- */
316
- currentDuration: number;
317
- /**
318
- * Specifies the interval.
319
- *
320
- * @default 1
321
- */
322
- step: number;
323
- }