@syncfusion/ej2-splitbuttons 30.1.37 → 30.1.41
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.
- package/.eslintrc.json +2 -0
- package/dist/ej2-splitbuttons.min.js +2 -2
- package/dist/ej2-splitbuttons.umd.min.js +2 -2
- package/dist/ej2-splitbuttons.umd.min.js.map +1 -1
- package/dist/es6/ej2-splitbuttons.es2015.js +1 -1
- package/dist/es6/ej2-splitbuttons.es2015.js.map +1 -1
- package/dist/es6/ej2-splitbuttons.es5.js +1 -1
- package/dist/es6/ej2-splitbuttons.es5.js.map +1 -1
- package/dist/global/ej2-splitbuttons.min.js +2 -2
- package/dist/global/ej2-splitbuttons.min.js.map +1 -1
- package/dist/global/index.d.ts +1 -1
- package/package.json +12 -57
- package/src/drop-down-button/drop-down-button.js +1 -1
- package/styles/material3-dark-lite.css +5 -0
- package/styles/material3-dark.css +5 -0
- package/styles/material3-lite.css +5 -0
- package/styles/material3.css +5 -0
- package/styles/split-button/_layout.scss +1 -0
- package/styles/split-button/_theme.scss +4 -0
- package/styles/split-button/material3-dark.css +5 -0
- package/styles/split-button/material3.css +5 -0
- package/dist/ts/button-group/button-group.d.ts +0 -38
- package/dist/ts/button-group/button-group.ts +0 -84
- package/dist/ts/button-group/index.d.ts +0 -4
- package/dist/ts/button-group/index.ts +0 -4
- package/dist/ts/common/common-model.d.ts +0 -51
- package/dist/ts/common/common.d.ts +0 -95
- package/dist/ts/common/common.ts +0 -218
- package/dist/ts/common/index.d.ts +0 -5
- package/dist/ts/common/index.ts +0 -5
- package/dist/ts/drop-down-button/drop-down-button-model.d.ts +0 -195
- package/dist/ts/drop-down-button/drop-down-button.d.ts +0 -308
- package/dist/ts/drop-down-button/drop-down-button.ts +0 -1110
- package/dist/ts/drop-down-button/index.d.ts +0 -5
- package/dist/ts/drop-down-button/index.ts +0 -5
- package/dist/ts/index.d.ts +0 -8
- package/dist/ts/index.ts +0 -8
- package/dist/ts/progress-button/index.d.ts +0 -5
- package/dist/ts/progress-button/index.ts +0 -5
- package/dist/ts/progress-button/progress-button-model.d.ts +0 -206
- package/dist/ts/progress-button/progress-button.d.ts +0 -323
- package/dist/ts/progress-button/progress-button.ts +0 -689
- package/dist/ts/split-button/index.d.ts +0 -5
- package/dist/ts/split-button/index.ts +0 -5
- package/dist/ts/split-button/split-button-model.d.ts +0 -133
- package/dist/ts/split-button/split-button.d.ts +0 -236
- package/dist/ts/split-button/split-button.ts +0 -535
|
@@ -1,133 +0,0 @@
|
|
|
1
|
-
import { Event, EmitType, remove, addClass, removeClass, detach, getValue, setValue } from '@syncfusion/ej2-base';import { EventHandler, Collection, BaseEventArgs, NotifyPropertyChanges, INotifyPropertyChanged, Property } from '@syncfusion/ej2-base';import { attributes, getUniqueID, getInstance, KeyboardEvents, KeyboardEventArgs } from '@syncfusion/ej2-base';import { Button, ButtonModel } from '@syncfusion/ej2-buttons';import { MenuEventArgs, BeforeOpenCloseMenuEventArgs, OpenCloseMenuEventArgs } from './../common/common';import { getModel, SplitButtonIconPosition, Item } from './../common/common';import { DropDownButton } from '../drop-down-button/drop-down-button';import { ItemModel } from './../common/common-model';
|
|
2
|
-
import {ClickEventArgs} from "./split-button";
|
|
3
|
-
import {DropDownButtonModel} from "../drop-down-button/drop-down-button-model";
|
|
4
|
-
|
|
5
|
-
/**
|
|
6
|
-
* Interface for a class SplitButton
|
|
7
|
-
*/
|
|
8
|
-
export interface SplitButtonModel extends DropDownButtonModel{
|
|
9
|
-
|
|
10
|
-
/**
|
|
11
|
-
* Defines the content of the SplitButton primary action button can either be a text or HTML elements.
|
|
12
|
-
*
|
|
13
|
-
* @default ""
|
|
14
|
-
*/
|
|
15
|
-
content?: string;
|
|
16
|
-
|
|
17
|
-
/**
|
|
18
|
-
* Defines class/multiple classes separated by a space in the SplitButton element. The SplitButton
|
|
19
|
-
* size and styles can be customized by using this.
|
|
20
|
-
*
|
|
21
|
-
* @default ""
|
|
22
|
-
*/
|
|
23
|
-
cssClass?: string;
|
|
24
|
-
|
|
25
|
-
/**
|
|
26
|
-
* Specifies a value that indicates whether the SplitButton is disabled or not.
|
|
27
|
-
*
|
|
28
|
-
* @default false.
|
|
29
|
-
*/
|
|
30
|
-
disabled?: boolean;
|
|
31
|
-
|
|
32
|
-
/**
|
|
33
|
-
* Defines class/multiple classes separated by a space for the SplitButton that is used to include an
|
|
34
|
-
* icon. SplitButton can also include font icon and sprite image.
|
|
35
|
-
*
|
|
36
|
-
* @default ""
|
|
37
|
-
*/
|
|
38
|
-
iconCss?: string;
|
|
39
|
-
|
|
40
|
-
/**
|
|
41
|
-
* Positions the icon before/top of the text content in the SplitButton. The possible values are
|
|
42
|
-
* * Left: The icon will be positioned to the left of the text content.
|
|
43
|
-
* * Top: The icon will be positioned to the top of the text content.
|
|
44
|
-
*
|
|
45
|
-
* @default "Left"
|
|
46
|
-
*/
|
|
47
|
-
iconPosition?: SplitButtonIconPosition;
|
|
48
|
-
|
|
49
|
-
/**
|
|
50
|
-
* Specifies the popup element creation on open.
|
|
51
|
-
*
|
|
52
|
-
* @default false
|
|
53
|
-
*/
|
|
54
|
-
createPopupOnClick?: boolean;
|
|
55
|
-
|
|
56
|
-
/**
|
|
57
|
-
* Specifies action items with its properties which will be rendered as SplitButton secondary button popup.
|
|
58
|
-
*
|
|
59
|
-
* @default []
|
|
60
|
-
*/
|
|
61
|
-
items?: ItemModel[];
|
|
62
|
-
|
|
63
|
-
/**
|
|
64
|
-
* Allows to specify the SplitButton popup item element.
|
|
65
|
-
*
|
|
66
|
-
* @default ""
|
|
67
|
-
*/
|
|
68
|
-
target?: string | Element;
|
|
69
|
-
|
|
70
|
-
/**
|
|
71
|
-
* Triggers while rendering each Popup item of SplitButton.
|
|
72
|
-
*
|
|
73
|
-
* @event beforeItemRender
|
|
74
|
-
*/
|
|
75
|
-
beforeItemRender?: EmitType<MenuEventArgs>;
|
|
76
|
-
|
|
77
|
-
/**
|
|
78
|
-
* Triggers before opening the SplitButton popup.
|
|
79
|
-
*
|
|
80
|
-
* @event beforeOpen
|
|
81
|
-
*/
|
|
82
|
-
beforeOpen?: EmitType<BeforeOpenCloseMenuEventArgs>;
|
|
83
|
-
|
|
84
|
-
/**
|
|
85
|
-
* Triggers before closing the SplitButton popup.
|
|
86
|
-
*
|
|
87
|
-
* @event beforeClose
|
|
88
|
-
*/
|
|
89
|
-
beforeClose?: EmitType<BeforeOpenCloseMenuEventArgs>;
|
|
90
|
-
|
|
91
|
-
/**
|
|
92
|
-
* Triggers when the primary button of SplitButton has been clicked.
|
|
93
|
-
*
|
|
94
|
-
* @event click
|
|
95
|
-
*/
|
|
96
|
-
click?: EmitType<ClickEventArgs>;
|
|
97
|
-
|
|
98
|
-
/**
|
|
99
|
-
* Triggers while closing the SplitButton popup.
|
|
100
|
-
*
|
|
101
|
-
* @event close
|
|
102
|
-
*/
|
|
103
|
-
close?: EmitType<OpenCloseMenuEventArgs>;
|
|
104
|
-
|
|
105
|
-
/**
|
|
106
|
-
* Triggers while opening the SplitButton popup.
|
|
107
|
-
*
|
|
108
|
-
* @event open
|
|
109
|
-
*/
|
|
110
|
-
open?: EmitType<OpenCloseMenuEventArgs>;
|
|
111
|
-
|
|
112
|
-
/**
|
|
113
|
-
* Triggers while selecting action item of SplitButton popup.
|
|
114
|
-
*
|
|
115
|
-
* @event select
|
|
116
|
-
*/
|
|
117
|
-
select?: EmitType<MenuEventArgs>;
|
|
118
|
-
|
|
119
|
-
/**
|
|
120
|
-
* Triggers once the component rendering is completed.
|
|
121
|
-
*
|
|
122
|
-
* @event created
|
|
123
|
-
*/
|
|
124
|
-
created?: EmitType<Event>;
|
|
125
|
-
|
|
126
|
-
}
|
|
127
|
-
|
|
128
|
-
/**
|
|
129
|
-
* Interface for a class Deferred
|
|
130
|
-
*/
|
|
131
|
-
export interface DeferredModel {
|
|
132
|
-
|
|
133
|
-
}
|
|
@@ -1,236 +0,0 @@
|
|
|
1
|
-
/// <reference path="../drop-down-button/drop-down-button-model.d.ts" />
|
|
2
|
-
import { EmitType } from '@syncfusion/ej2-base';
|
|
3
|
-
import { BaseEventArgs, INotifyPropertyChanged } from '@syncfusion/ej2-base';
|
|
4
|
-
import { MenuEventArgs, BeforeOpenCloseMenuEventArgs, OpenCloseMenuEventArgs } from './../common/common';
|
|
5
|
-
import { SplitButtonIconPosition } from './../common/common';
|
|
6
|
-
import { DropDownButton } from '../drop-down-button/drop-down-button';
|
|
7
|
-
import { ItemModel } from './../common/common-model';
|
|
8
|
-
import { SplitButtonModel } from './split-button-model';
|
|
9
|
-
/**
|
|
10
|
-
* SplitButton component has primary and secondary button. Primary button is used to select
|
|
11
|
-
* default action and secondary button is used to toggle contextual overlays for displaying list of
|
|
12
|
-
* action items. It can contain both text and images.
|
|
13
|
-
* ```html
|
|
14
|
-
* <button id="element"></button>
|
|
15
|
-
* ```
|
|
16
|
-
* ```typescript
|
|
17
|
-
* <script>
|
|
18
|
-
* var splitBtnObj = new SplitButton({content: 'SplitButton'});
|
|
19
|
-
* splitBtnObj.appendTo("#element");
|
|
20
|
-
* </script>
|
|
21
|
-
* ```
|
|
22
|
-
*/
|
|
23
|
-
export declare class SplitButton extends DropDownButton implements INotifyPropertyChanged {
|
|
24
|
-
private wrapper;
|
|
25
|
-
private primaryBtnObj;
|
|
26
|
-
private secondaryBtnObj;
|
|
27
|
-
/**
|
|
28
|
-
* Defines the content of the SplitButton primary action button can either be a text or HTML elements.
|
|
29
|
-
*
|
|
30
|
-
* @default ""
|
|
31
|
-
*/
|
|
32
|
-
content: string;
|
|
33
|
-
/**
|
|
34
|
-
* Defines class/multiple classes separated by a space in the SplitButton element. The SplitButton
|
|
35
|
-
* size and styles can be customized by using this.
|
|
36
|
-
*
|
|
37
|
-
* @default ""
|
|
38
|
-
*/
|
|
39
|
-
cssClass: string;
|
|
40
|
-
/**
|
|
41
|
-
* Specifies a value that indicates whether the SplitButton is disabled or not.
|
|
42
|
-
*
|
|
43
|
-
* @default false.
|
|
44
|
-
*/
|
|
45
|
-
disabled: boolean;
|
|
46
|
-
/**
|
|
47
|
-
* Defines class/multiple classes separated by a space for the SplitButton that is used to include an
|
|
48
|
-
* icon. SplitButton can also include font icon and sprite image.
|
|
49
|
-
*
|
|
50
|
-
* @default ""
|
|
51
|
-
*/
|
|
52
|
-
iconCss: string;
|
|
53
|
-
/**
|
|
54
|
-
* Positions the icon before/top of the text content in the SplitButton. The possible values are
|
|
55
|
-
* * Left: The icon will be positioned to the left of the text content.
|
|
56
|
-
* * Top: The icon will be positioned to the top of the text content.
|
|
57
|
-
*
|
|
58
|
-
* @default "Left"
|
|
59
|
-
*/
|
|
60
|
-
iconPosition: SplitButtonIconPosition;
|
|
61
|
-
/**
|
|
62
|
-
* Specifies the popup element creation on open.
|
|
63
|
-
*
|
|
64
|
-
* @default false
|
|
65
|
-
*/
|
|
66
|
-
createPopupOnClick: boolean;
|
|
67
|
-
/**
|
|
68
|
-
* Specifies action items with its properties which will be rendered as SplitButton secondary button popup.
|
|
69
|
-
*
|
|
70
|
-
* @default []
|
|
71
|
-
*/
|
|
72
|
-
items: ItemModel[];
|
|
73
|
-
/**
|
|
74
|
-
* Allows to specify the SplitButton popup item element.
|
|
75
|
-
*
|
|
76
|
-
* @default ""
|
|
77
|
-
*/
|
|
78
|
-
target: string | Element;
|
|
79
|
-
/**
|
|
80
|
-
* Triggers while rendering each Popup item of SplitButton.
|
|
81
|
-
*
|
|
82
|
-
* @event beforeItemRender
|
|
83
|
-
*/
|
|
84
|
-
beforeItemRender: EmitType<MenuEventArgs>;
|
|
85
|
-
/**
|
|
86
|
-
* Triggers before opening the SplitButton popup.
|
|
87
|
-
*
|
|
88
|
-
* @event beforeOpen
|
|
89
|
-
*/
|
|
90
|
-
beforeOpen: EmitType<BeforeOpenCloseMenuEventArgs>;
|
|
91
|
-
/**
|
|
92
|
-
* Triggers before closing the SplitButton popup.
|
|
93
|
-
*
|
|
94
|
-
* @event beforeClose
|
|
95
|
-
*/
|
|
96
|
-
beforeClose: EmitType<BeforeOpenCloseMenuEventArgs>;
|
|
97
|
-
/**
|
|
98
|
-
* Triggers when the primary button of SplitButton has been clicked.
|
|
99
|
-
*
|
|
100
|
-
* @event click
|
|
101
|
-
*/
|
|
102
|
-
click: EmitType<ClickEventArgs>;
|
|
103
|
-
/**
|
|
104
|
-
* Triggers while closing the SplitButton popup.
|
|
105
|
-
*
|
|
106
|
-
* @event close
|
|
107
|
-
*/
|
|
108
|
-
close: EmitType<OpenCloseMenuEventArgs>;
|
|
109
|
-
/**
|
|
110
|
-
* Triggers while opening the SplitButton popup.
|
|
111
|
-
*
|
|
112
|
-
* @event open
|
|
113
|
-
*/
|
|
114
|
-
open: EmitType<OpenCloseMenuEventArgs>;
|
|
115
|
-
/**
|
|
116
|
-
* Triggers while selecting action item of SplitButton popup.
|
|
117
|
-
*
|
|
118
|
-
* @event select
|
|
119
|
-
*/
|
|
120
|
-
select: EmitType<MenuEventArgs>;
|
|
121
|
-
/**
|
|
122
|
-
* Triggers once the component rendering is completed.
|
|
123
|
-
*
|
|
124
|
-
* @event created
|
|
125
|
-
*/
|
|
126
|
-
created: EmitType<Event>;
|
|
127
|
-
/**
|
|
128
|
-
* Constructor for creating the widget
|
|
129
|
-
*
|
|
130
|
-
* @param {SplitButtonModel} options - Specifies the splitbutton model
|
|
131
|
-
* @param {string|HTMLButtonElement} element - Specifies the element
|
|
132
|
-
* @hidden
|
|
133
|
-
*/
|
|
134
|
-
constructor(options?: SplitButtonModel, element?: string | HTMLButtonElement);
|
|
135
|
-
/**
|
|
136
|
-
* Initialize Angular support.
|
|
137
|
-
*
|
|
138
|
-
* @private
|
|
139
|
-
* @returns {void}
|
|
140
|
-
*/
|
|
141
|
-
protected preRender(): void;
|
|
142
|
-
/**
|
|
143
|
-
* Initialize the Component rendering.
|
|
144
|
-
*
|
|
145
|
-
* @returns {void}
|
|
146
|
-
* @private
|
|
147
|
-
*/
|
|
148
|
-
render(): void;
|
|
149
|
-
private renderControl;
|
|
150
|
-
/**
|
|
151
|
-
* Adds a new item to the menu. By default, new item appends to the list as the last item,
|
|
152
|
-
* but you can insert based on the text parameter.
|
|
153
|
-
*
|
|
154
|
-
* @param { ItemModel[] } items - Specifies an array of JSON data.
|
|
155
|
-
* @param { string } text - Specifies the text to insert the newly added item in the menu.
|
|
156
|
-
* @returns {void}.
|
|
157
|
-
*/
|
|
158
|
-
addItems(items: ItemModel[], text?: string): void;
|
|
159
|
-
/**
|
|
160
|
-
* Removes the items from the menu.
|
|
161
|
-
*
|
|
162
|
-
* @param { string[] } items - Specifies an array of string to remove the items.
|
|
163
|
-
* @param { string } isUniqueId - Set `true` if specified items is a collection of unique id.
|
|
164
|
-
* @returns {void}.
|
|
165
|
-
*/
|
|
166
|
-
removeItems(items: string[], isUniqueId?: boolean): void;
|
|
167
|
-
private initWrapper;
|
|
168
|
-
private createPrimaryButton;
|
|
169
|
-
private createSecondaryButton;
|
|
170
|
-
private setAria;
|
|
171
|
-
/**
|
|
172
|
-
* Get component name.
|
|
173
|
-
*
|
|
174
|
-
* @returns {string} - Module Name
|
|
175
|
-
* @private
|
|
176
|
-
*/
|
|
177
|
-
getModuleName(): string;
|
|
178
|
-
/**
|
|
179
|
-
* To open/close SplitButton popup based on current state of the SplitButton.
|
|
180
|
-
*
|
|
181
|
-
* @returns {void}
|
|
182
|
-
*/
|
|
183
|
-
toggle(): void;
|
|
184
|
-
destroy(): void;
|
|
185
|
-
protected wireEvents(): void;
|
|
186
|
-
protected unWireEvents(): void;
|
|
187
|
-
private primaryBtnClickHandler;
|
|
188
|
-
private btnKeyBoardHandler;
|
|
189
|
-
/**
|
|
190
|
-
* Called internally if any of the property value changed.
|
|
191
|
-
*
|
|
192
|
-
* @param {SplitButtonModel} newProp - Specifies new properties
|
|
193
|
-
* @param {SplitButtonModel} oldProp - Specifies old properties
|
|
194
|
-
* @returns {void}
|
|
195
|
-
*/
|
|
196
|
-
onPropertyChanged(newProp: SplitButtonModel, oldProp: SplitButtonModel): void;
|
|
197
|
-
/**
|
|
198
|
-
* Sets the focus to SplitButton
|
|
199
|
-
* its native method
|
|
200
|
-
*
|
|
201
|
-
* @public
|
|
202
|
-
* @returns {void}
|
|
203
|
-
*/
|
|
204
|
-
focusIn(): void;
|
|
205
|
-
}
|
|
206
|
-
/**
|
|
207
|
-
* Interface for Split Button click event arguments.
|
|
208
|
-
*/
|
|
209
|
-
export interface ClickEventArgs extends BaseEventArgs {
|
|
210
|
-
element: Element;
|
|
211
|
-
}
|
|
212
|
-
/**
|
|
213
|
-
* Deferred is used to handle asynchronous operation.
|
|
214
|
-
*/
|
|
215
|
-
export declare class Deferred {
|
|
216
|
-
/**
|
|
217
|
-
* Reject a Deferred object and call failCallbacks with the given args.
|
|
218
|
-
*/
|
|
219
|
-
reject: Function;
|
|
220
|
-
/**
|
|
221
|
-
* Resolve a Deferred object and call doneCallbacks with the given args.
|
|
222
|
-
*/
|
|
223
|
-
resolve: Function;
|
|
224
|
-
/**
|
|
225
|
-
* Promise is an object that represents a value that may not be available yet, but will be resolved at some point in the future.
|
|
226
|
-
*/
|
|
227
|
-
promise: Promise<Object>;
|
|
228
|
-
/**
|
|
229
|
-
* Defines the callback function triggers when the Deferred object is rejected.
|
|
230
|
-
*/
|
|
231
|
-
catch: Function;
|
|
232
|
-
/**
|
|
233
|
-
* Defines the callback function triggers when the Deferred object is resolved.
|
|
234
|
-
*/
|
|
235
|
-
then: Function;
|
|
236
|
-
}
|