@syncfusion/ej2-ribbon 31.1.17 → 31.1.22
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/dist/ej2-ribbon.umd.min.js +3 -3
- package/dist/ej2-ribbon.umd.min.js.map +1 -1
- package/dist/es6/ej2-ribbon.es2015.js +24 -5
- package/dist/es6/ej2-ribbon.es2015.js.map +1 -1
- package/dist/es6/ej2-ribbon.es5.js +24 -5
- package/dist/es6/ej2-ribbon.es5.js.map +1 -1
- package/dist/global/ej2-ribbon.min.js +3 -3
- package/dist/global/ej2-ribbon.min.js.map +1 -1
- package/dist/global/index.d.ts +2 -2
- package/package.json +17 -53
- package/src/ribbon/base/ribbon-model.d.ts +1 -1
- package/src/ribbon/base/ribbon.js +14 -5
- package/src/ribbon/items/ribbon-splitbutton.js +11 -0
- package/styles/bds-lite.css +9 -0
- package/styles/bds.css +9 -0
- package/styles/bootstrap-dark-lite.css +9 -0
- package/styles/bootstrap-dark.css +9 -0
- package/styles/bootstrap-lite.css +9 -0
- package/styles/bootstrap.css +9 -0
- package/styles/bootstrap4-lite.css +17 -0
- package/styles/bootstrap4.css +17 -0
- package/styles/bootstrap5-dark-lite.css +9 -0
- package/styles/bootstrap5-dark.css +9 -0
- package/styles/bootstrap5-lite.css +9 -0
- package/styles/bootstrap5.3-lite.css +9 -0
- package/styles/bootstrap5.3.css +9 -0
- package/styles/bootstrap5.css +9 -0
- package/styles/fabric-dark-lite.css +9 -0
- package/styles/fabric-dark.css +9 -0
- package/styles/fabric-lite.css +9 -0
- package/styles/fabric.css +9 -0
- package/styles/fluent-dark-lite.css +9 -0
- package/styles/fluent-dark.css +9 -0
- package/styles/fluent-lite.css +9 -0
- package/styles/fluent.css +9 -0
- package/styles/fluent2-lite.css +11 -2
- package/styles/fluent2.css +11 -2
- package/styles/highcontrast-light-lite.css +9 -0
- package/styles/highcontrast-light.css +9 -0
- package/styles/highcontrast-lite.css +9 -0
- package/styles/highcontrast.css +9 -0
- package/styles/material-dark-lite.css +9 -0
- package/styles/material-dark.css +9 -0
- package/styles/material-lite.css +9 -0
- package/styles/material.css +9 -0
- package/styles/material3-dark-lite.css +9 -0
- package/styles/material3-dark.css +9 -0
- package/styles/material3-lite.css +9 -0
- package/styles/material3.css +9 -0
- package/styles/ribbon/_fluent2-definition.scss +2 -2
- package/styles/ribbon/_layout.scss +7 -0
- package/styles/ribbon/bds.css +9 -0
- package/styles/ribbon/bootstrap-dark.css +9 -0
- package/styles/ribbon/bootstrap.css +9 -0
- package/styles/ribbon/bootstrap4.css +17 -0
- package/styles/ribbon/bootstrap5-dark.css +9 -0
- package/styles/ribbon/bootstrap5.3.css +9 -0
- package/styles/ribbon/bootstrap5.css +9 -0
- package/styles/ribbon/fabric-dark.css +9 -0
- package/styles/ribbon/fabric.css +9 -0
- package/styles/ribbon/fluent-dark.css +9 -0
- package/styles/ribbon/fluent.css +9 -0
- package/styles/ribbon/fluent2.css +11 -2
- package/styles/ribbon/highcontrast-light.css +9 -0
- package/styles/ribbon/highcontrast.css +9 -0
- package/styles/ribbon/material-dark.css +9 -0
- package/styles/ribbon/material.css +9 -0
- package/styles/ribbon/material3-dark.css +9 -0
- package/styles/ribbon/material3.css +9 -0
- package/styles/ribbon/tailwind-dark.css +9 -0
- package/styles/ribbon/tailwind.css +9 -0
- package/styles/ribbon/tailwind3.css +9 -0
- package/styles/tailwind-dark-lite.css +9 -0
- package/styles/tailwind-dark.css +9 -0
- package/styles/tailwind-lite.css +9 -0
- package/styles/tailwind.css +9 -0
- package/styles/tailwind3-lite.css +9 -0
- package/styles/tailwind3.css +9 -0
- package/dist/ts/index.d.ts +0 -1
- package/dist/ts/index.ts +0 -3
- package/dist/ts/ribbon/base/constant.d.ts +0 -201
- package/dist/ts/ribbon/base/constant.ts +0 -204
- package/dist/ts/ribbon/base/index.d.ts +0 -8
- package/dist/ts/ribbon/base/index.ts +0 -8
- package/dist/ts/ribbon/base/interface.d.ts +0 -398
- package/dist/ts/ribbon/base/interface.ts +0 -424
- package/dist/ts/ribbon/base/ribbon-model.d.ts +0 -195
- package/dist/ts/ribbon/base/ribbon.d.ts +0 -608
- package/dist/ts/ribbon/base/ribbon.ts +0 -4896
- package/dist/ts/ribbon/base/utils.d.ts +0 -139
- package/dist/ts/ribbon/base/utils.ts +0 -341
- package/dist/ts/ribbon/index.d.ts +0 -7
- package/dist/ts/ribbon/index.ts +0 -7
- package/dist/ts/ribbon/items/index.d.ts +0 -8
- package/dist/ts/ribbon/items/index.ts +0 -8
- package/dist/ts/ribbon/items/ribbon-button.d.ts +0 -64
- package/dist/ts/ribbon/items/ribbon-button.ts +0 -160
- package/dist/ts/ribbon/items/ribbon-checkbox.d.ts +0 -55
- package/dist/ts/ribbon/items/ribbon-checkbox.ts +0 -130
- package/dist/ts/ribbon/items/ribbon-colorpicker.d.ts +0 -72
- package/dist/ts/ribbon/items/ribbon-colorpicker.ts +0 -228
- package/dist/ts/ribbon/items/ribbon-combobox.d.ts +0 -77
- package/dist/ts/ribbon/items/ribbon-combobox.ts +0 -201
- package/dist/ts/ribbon/items/ribbon-dropdown.d.ts +0 -128
- package/dist/ts/ribbon/items/ribbon-dropdown.ts +0 -400
- package/dist/ts/ribbon/items/ribbon-gallery.d.ts +0 -97
- package/dist/ts/ribbon/items/ribbon-gallery.ts +0 -773
- package/dist/ts/ribbon/items/ribbon-groupbutton.d.ts +0 -73
- package/dist/ts/ribbon/items/ribbon-groupbutton.ts +0 -531
- package/dist/ts/ribbon/items/ribbon-splitbutton.d.ts +0 -85
- package/dist/ts/ribbon/items/ribbon-splitbutton.ts +0 -257
- package/dist/ts/ribbon/models/index.d.ts +0 -42
- package/dist/ts/ribbon/models/index.ts +0 -44
- package/dist/ts/ribbon/models/ribbon-back-button-model.d.ts +0 -29
- package/dist/ts/ribbon/models/ribbon-back-button.d.ts +0 -24
- package/dist/ts/ribbon/models/ribbon-back-button.ts +0 -31
- package/dist/ts/ribbon/models/ribbon-back-stage-settings-model.d.ts +0 -83
- package/dist/ts/ribbon/models/ribbon-back-stage-settings.d.ts +0 -81
- package/dist/ts/ribbon/models/ribbon-back-stage-settings.ts +0 -109
- package/dist/ts/ribbon/models/ribbon-backstage-item-model.d.ts +0 -69
- package/dist/ts/ribbon/models/ribbon-backstage-item.d.ts +0 -80
- package/dist/ts/ribbon/models/ribbon-backstage-item.ts +0 -102
- package/dist/ts/ribbon/models/ribbon-button-settings-model.d.ts +0 -64
- package/dist/ts/ribbon/models/ribbon-button-settings.d.ts +0 -63
- package/dist/ts/ribbon/models/ribbon-button-settings.ts +0 -80
- package/dist/ts/ribbon/models/ribbon-checkbox-settings-model.d.ts +0 -57
- package/dist/ts/ribbon/models/ribbon-checkbox-settings.d.ts +0 -58
- package/dist/ts/ribbon/models/ribbon-checkbox-settings.ts +0 -74
- package/dist/ts/ribbon/models/ribbon-collection-model.d.ts +0 -30
- package/dist/ts/ribbon/models/ribbon-collection.d.ts +0 -33
- package/dist/ts/ribbon/models/ribbon-collection.ts +0 -45
- package/dist/ts/ribbon/models/ribbon-colorpicker-settings-model.d.ts +0 -137
- package/dist/ts/ribbon/models/ribbon-colorpicker-settings.d.ts +0 -129
- package/dist/ts/ribbon/models/ribbon-colorpicker-settings.ts +0 -165
- package/dist/ts/ribbon/models/ribbon-combobox-settings-model.d.ts +0 -275
- package/dist/ts/ribbon/models/ribbon-combobox-settings.d.ts +0 -257
- package/dist/ts/ribbon/models/ribbon-combobox-settings.ts +0 -313
- package/dist/ts/ribbon/models/ribbon-contextual-tab-settings-model.d.ts +0 -30
- package/dist/ts/ribbon/models/ribbon-contextual-tab-settings.d.ts +0 -33
- package/dist/ts/ribbon/models/ribbon-contextual-tab-settings.ts +0 -44
- package/dist/ts/ribbon/models/ribbon-dropdown-settings-model.d.ts +0 -114
- package/dist/ts/ribbon/models/ribbon-dropdown-settings.d.ts +0 -107
- package/dist/ts/ribbon/models/ribbon-dropdown-settings.ts +0 -139
- package/dist/ts/ribbon/models/ribbon-file-menu-settings-model.d.ts +0 -123
- package/dist/ts/ribbon/models/ribbon-file-menu-settings.d.ts +0 -173
- package/dist/ts/ribbon/models/ribbon-file-menu-settings.ts +0 -220
- package/dist/ts/ribbon/models/ribbon-gallery-group-model.d.ts +0 -44
- package/dist/ts/ribbon/models/ribbon-gallery-group.d.ts +0 -38
- package/dist/ts/ribbon/models/ribbon-gallery-group.ts +0 -50
- package/dist/ts/ribbon/models/ribbon-gallery-item-model.d.ts +0 -43
- package/dist/ts/ribbon/models/ribbon-gallery-item.d.ts +0 -38
- package/dist/ts/ribbon/models/ribbon-gallery-item.ts +0 -47
- package/dist/ts/ribbon/models/ribbon-gallery-settings-model.d.ts +0 -108
- package/dist/ts/ribbon/models/ribbon-gallery-settings.d.ts +0 -95
- package/dist/ts/ribbon/models/ribbon-gallery-settings.ts +0 -123
- package/dist/ts/ribbon/models/ribbon-group-button-item-model.d.ts +0 -64
- package/dist/ts/ribbon/models/ribbon-group-button-item.d.ts +0 -65
- package/dist/ts/ribbon/models/ribbon-group-button-item.ts +0 -85
- package/dist/ts/ribbon/models/ribbon-group-button-settings-model.d.ts +0 -32
- package/dist/ts/ribbon/models/ribbon-group-button-settings.d.ts +0 -29
- package/dist/ts/ribbon/models/ribbon-group-button-settings.ts +0 -38
- package/dist/ts/ribbon/models/ribbon-group-model.d.ts +0 -112
- package/dist/ts/ribbon/models/ribbon-group.d.ts +0 -105
- package/dist/ts/ribbon/models/ribbon-group.ts +0 -138
- package/dist/ts/ribbon/models/ribbon-item-model.d.ts +0 -144
- package/dist/ts/ribbon/models/ribbon-item.d.ts +0 -141
- package/dist/ts/ribbon/models/ribbon-item.ts +0 -190
- package/dist/ts/ribbon/models/ribbon-splitbutton-settings-model.d.ts +0 -114
- package/dist/ts/ribbon/models/ribbon-splitbutton-settings.d.ts +0 -107
- package/dist/ts/ribbon/models/ribbon-splitbutton-settings.ts +0 -140
- package/dist/ts/ribbon/models/ribbon-tab-model.d.ts +0 -44
- package/dist/ts/ribbon/models/ribbon-tab.d.ts +0 -45
- package/dist/ts/ribbon/models/ribbon-tab.ts +0 -61
- package/dist/ts/ribbon/models/ribbon-tooltip-model.d.ts +0 -43
- package/dist/ts/ribbon/models/ribbon-tooltip.d.ts +0 -36
- package/dist/ts/ribbon/models/ribbon-tooltip.ts +0 -47
- package/dist/ts/ribbon/modules/index.d.ts +0 -4
- package/dist/ts/ribbon/modules/index.ts +0 -5
- package/dist/ts/ribbon/modules/ribbon-backstage.d.ts +0 -117
- package/dist/ts/ribbon/modules/ribbon-backstage.ts +0 -620
- package/dist/ts/ribbon/modules/ribbon-contextualtab.d.ts +0 -27
- package/dist/ts/ribbon/modules/ribbon-contextualtab.ts +0 -93
- package/dist/ts/ribbon/modules/ribbon-filemenu.d.ts +0 -96
- package/dist/ts/ribbon/modules/ribbon-filemenu.ts +0 -353
- package/dist/ts/ribbon/modules/ribbon-keytip.d.ts +0 -56
- package/dist/ts/ribbon/modules/ribbon-keytip.ts +0 -580
|
@@ -1,109 +0,0 @@
|
|
|
1
|
-
import { ChildProperty, Property, Complex, Collection } from '@syncfusion/ej2-base';
|
|
2
|
-
import { BackstageBackButton } from './ribbon-back-button';
|
|
3
|
-
import { BackstageBackButtonModel } from './ribbon-back-button-model';
|
|
4
|
-
import { BackstageItem } from './ribbon-backstage-item';
|
|
5
|
-
import { BackstageItemModel } from './ribbon-backstage-item-model';
|
|
6
|
-
import { RibbonTooltipModel } from './ribbon-tooltip-model';
|
|
7
|
-
import { RibbonTooltip } from './ribbon-tooltip';
|
|
8
|
-
|
|
9
|
-
/**
|
|
10
|
-
* Defines the ribbon file menu settings.
|
|
11
|
-
*/
|
|
12
|
-
export class BackStageMenu extends ChildProperty<BackStageMenu> {
|
|
13
|
-
|
|
14
|
-
/**
|
|
15
|
-
* Defines the text content of backstage menu button.
|
|
16
|
-
*
|
|
17
|
-
* @default 'File'
|
|
18
|
-
*/
|
|
19
|
-
@Property('File')
|
|
20
|
-
public text: string;
|
|
21
|
-
|
|
22
|
-
/**
|
|
23
|
-
* Specifies the keytip content.
|
|
24
|
-
*
|
|
25
|
-
* @default ''
|
|
26
|
-
*/
|
|
27
|
-
@Property('')
|
|
28
|
-
public keyTip: string;
|
|
29
|
-
|
|
30
|
-
/**
|
|
31
|
-
* Defines whether to show the backstage menu button.
|
|
32
|
-
*
|
|
33
|
-
* @default false
|
|
34
|
-
*/
|
|
35
|
-
@Property(false)
|
|
36
|
-
public visible: boolean;
|
|
37
|
-
|
|
38
|
-
/**
|
|
39
|
-
* Defines the height of the backstage menu.
|
|
40
|
-
*
|
|
41
|
-
* @default 'auto'
|
|
42
|
-
*/
|
|
43
|
-
@Property('auto')
|
|
44
|
-
public height: string;
|
|
45
|
-
|
|
46
|
-
/**
|
|
47
|
-
* Defines the width of the backstage menu.
|
|
48
|
-
*
|
|
49
|
-
* @default 'auto'
|
|
50
|
-
*/
|
|
51
|
-
@Property('auto')
|
|
52
|
-
public width: string;
|
|
53
|
-
|
|
54
|
-
/**
|
|
55
|
-
* Defines the selector that points to the element in which backstage will be positioned.
|
|
56
|
-
*
|
|
57
|
-
* @default null
|
|
58
|
-
*/
|
|
59
|
-
@Property(null)
|
|
60
|
-
public target: string | HTMLElement;
|
|
61
|
-
|
|
62
|
-
/**
|
|
63
|
-
* Defines the properties of ribbon backstage back button.
|
|
64
|
-
*
|
|
65
|
-
* @default {}
|
|
66
|
-
*/
|
|
67
|
-
@Complex<BackstageBackButtonModel>({}, BackstageBackButton)
|
|
68
|
-
public backButton: BackstageBackButtonModel;
|
|
69
|
-
|
|
70
|
-
/**
|
|
71
|
-
* Defines the properties of ribbon backstage back button.
|
|
72
|
-
*
|
|
73
|
-
* @default []
|
|
74
|
-
* @aspType List<BackstageItem>
|
|
75
|
-
*/
|
|
76
|
-
@Collection<BackstageItemModel>([], BackstageItem)
|
|
77
|
-
public items: BackstageItemModel[];
|
|
78
|
-
|
|
79
|
-
/**
|
|
80
|
-
* Defines the template for Backstage content.
|
|
81
|
-
*
|
|
82
|
-
* @default ''
|
|
83
|
-
* @angularType string | object
|
|
84
|
-
* @reactType string | function | JSX.Element
|
|
85
|
-
* @vueType string | function
|
|
86
|
-
* @aspType string
|
|
87
|
-
*/
|
|
88
|
-
@Property('')
|
|
89
|
-
public template: string | Function;
|
|
90
|
-
|
|
91
|
-
/**
|
|
92
|
-
* Specifies the tooltip settings for the file menu button.
|
|
93
|
-
*
|
|
94
|
-
* @default {}
|
|
95
|
-
*/
|
|
96
|
-
@Complex<RibbonTooltipModel>({}, RibbonTooltip)
|
|
97
|
-
public ribbonTooltipSettings: RibbonTooltipModel;
|
|
98
|
-
|
|
99
|
-
/**
|
|
100
|
-
* @param {Object} prop - Gets the property of Backstage Menu.
|
|
101
|
-
* @param {boolean} muteOnChange - Gets the boolean value of muteOnChange.
|
|
102
|
-
* @returns {void}
|
|
103
|
-
* @private
|
|
104
|
-
*/
|
|
105
|
-
public setProperties(prop: Object, muteOnChange: boolean): void {
|
|
106
|
-
super.setProperties(prop, muteOnChange);
|
|
107
|
-
}
|
|
108
|
-
|
|
109
|
-
}
|
|
@@ -1,69 +0,0 @@
|
|
|
1
|
-
import { ChildProperty, Property, Event, EmitType, BaseEventArgs } from '@syncfusion/ej2-base';
|
|
2
|
-
import {BackstageItemClickArgs} from "./ribbon-backstage-item";
|
|
3
|
-
|
|
4
|
-
/**
|
|
5
|
-
* Interface for a class BackstageItem
|
|
6
|
-
*/
|
|
7
|
-
export interface BackstageItemModel {
|
|
8
|
-
|
|
9
|
-
/**
|
|
10
|
-
* Specifies the text for backstage item.
|
|
11
|
-
*
|
|
12
|
-
* @default ''
|
|
13
|
-
*/
|
|
14
|
-
text?: string;
|
|
15
|
-
|
|
16
|
-
/**
|
|
17
|
-
* Defines a unique identifier for the backstage item.
|
|
18
|
-
*
|
|
19
|
-
* @default ''
|
|
20
|
-
*/
|
|
21
|
-
id?: string;
|
|
22
|
-
|
|
23
|
-
/**
|
|
24
|
-
* Specifies the keytip content.
|
|
25
|
-
*
|
|
26
|
-
* @default ''
|
|
27
|
-
*/
|
|
28
|
-
keyTip?: string;
|
|
29
|
-
|
|
30
|
-
/**
|
|
31
|
-
* Specifies the backstage item’s content as selector.
|
|
32
|
-
*
|
|
33
|
-
* @default ''
|
|
34
|
-
* @angularType string | object
|
|
35
|
-
* @reactType string | function | JSX.Element
|
|
36
|
-
* @vueType string | function
|
|
37
|
-
* @aspType string
|
|
38
|
-
*/
|
|
39
|
-
content?: string | Function;
|
|
40
|
-
|
|
41
|
-
/**
|
|
42
|
-
* Specifies the icon css class for backstage back button.
|
|
43
|
-
*
|
|
44
|
-
* @default ''
|
|
45
|
-
*/
|
|
46
|
-
iconCss?: string;
|
|
47
|
-
|
|
48
|
-
/**
|
|
49
|
-
* Specifies the separator between the backstage items.
|
|
50
|
-
*
|
|
51
|
-
* @default false
|
|
52
|
-
*/
|
|
53
|
-
separator?: boolean;
|
|
54
|
-
|
|
55
|
-
/**
|
|
56
|
-
* Specifies whether the item is placed in Footer section of backstage.
|
|
57
|
-
*
|
|
58
|
-
* @default false
|
|
59
|
-
*/
|
|
60
|
-
isFooter?: boolean;
|
|
61
|
-
|
|
62
|
-
/**
|
|
63
|
-
* Event triggers when backstage item is clicked.
|
|
64
|
-
*
|
|
65
|
-
* @event backStageItemClick
|
|
66
|
-
*/
|
|
67
|
-
backStageItemClick?: EmitType<BackstageItemClickArgs>;
|
|
68
|
-
|
|
69
|
-
}
|
|
@@ -1,80 +0,0 @@
|
|
|
1
|
-
import { ChildProperty, EmitType, BaseEventArgs } from '@syncfusion/ej2-base';
|
|
2
|
-
import { BackstageItemModel } from './ribbon-backstage-item-model';
|
|
3
|
-
/**
|
|
4
|
-
* Defines the ribbon backstage back button.
|
|
5
|
-
*/
|
|
6
|
-
export declare class BackstageItem extends ChildProperty<BackstageItem> {
|
|
7
|
-
/**
|
|
8
|
-
* Specifies the text for backstage item.
|
|
9
|
-
*
|
|
10
|
-
* @default ''
|
|
11
|
-
*/
|
|
12
|
-
text: string;
|
|
13
|
-
/**
|
|
14
|
-
* Defines a unique identifier for the backstage item.
|
|
15
|
-
*
|
|
16
|
-
* @default ''
|
|
17
|
-
*/
|
|
18
|
-
id: string;
|
|
19
|
-
/**
|
|
20
|
-
* Specifies the keytip content.
|
|
21
|
-
*
|
|
22
|
-
* @default ''
|
|
23
|
-
*/
|
|
24
|
-
keyTip: string;
|
|
25
|
-
/**
|
|
26
|
-
* Specifies the backstage item’s content as selector.
|
|
27
|
-
*
|
|
28
|
-
* @default ''
|
|
29
|
-
* @angularType string | object
|
|
30
|
-
* @reactType string | function | JSX.Element
|
|
31
|
-
* @vueType string | function
|
|
32
|
-
* @aspType string
|
|
33
|
-
*/
|
|
34
|
-
content: string | Function;
|
|
35
|
-
/**
|
|
36
|
-
* Specifies the icon css class for backstage back button.
|
|
37
|
-
*
|
|
38
|
-
* @default ''
|
|
39
|
-
*/
|
|
40
|
-
iconCss: string;
|
|
41
|
-
/**
|
|
42
|
-
* Specifies the separator between the backstage items.
|
|
43
|
-
*
|
|
44
|
-
* @default false
|
|
45
|
-
*/
|
|
46
|
-
separator: boolean;
|
|
47
|
-
/**
|
|
48
|
-
* Specifies whether the item is placed in Footer section of backstage.
|
|
49
|
-
*
|
|
50
|
-
* @default false
|
|
51
|
-
*/
|
|
52
|
-
isFooter: boolean;
|
|
53
|
-
/**
|
|
54
|
-
* Event triggers when backstage item is clicked.
|
|
55
|
-
*
|
|
56
|
-
* @event backStageItemClick
|
|
57
|
-
*/
|
|
58
|
-
backStageItemClick: EmitType<BackstageItemClickArgs>;
|
|
59
|
-
}
|
|
60
|
-
/**
|
|
61
|
-
* Event triggers when backstage item is clicked.
|
|
62
|
-
*/
|
|
63
|
-
export interface BackstageItemClickArgs extends BaseEventArgs {
|
|
64
|
-
/**
|
|
65
|
-
* Set to true when the event has to be canceled, else false.
|
|
66
|
-
*/
|
|
67
|
-
cancel: boolean;
|
|
68
|
-
/**
|
|
69
|
-
* Provides the backstage menu item object.
|
|
70
|
-
*/
|
|
71
|
-
item?: BackstageItemModel;
|
|
72
|
-
/**
|
|
73
|
-
* Provides the HTML element of the backstage menu item clicked.
|
|
74
|
-
*/
|
|
75
|
-
target: HTMLElement;
|
|
76
|
-
/**
|
|
77
|
-
* Returns true when back button item is clicked.
|
|
78
|
-
*/
|
|
79
|
-
isBackButton: boolean;
|
|
80
|
-
}
|
|
@@ -1,102 +0,0 @@
|
|
|
1
|
-
import { ChildProperty, Property, Event, EmitType, BaseEventArgs } from '@syncfusion/ej2-base';
|
|
2
|
-
import { BackstageItemModel } from './ribbon-backstage-item-model';
|
|
3
|
-
|
|
4
|
-
/**
|
|
5
|
-
* Defines the ribbon backstage back button.
|
|
6
|
-
*/
|
|
7
|
-
export class BackstageItem extends ChildProperty<BackstageItem> {
|
|
8
|
-
|
|
9
|
-
/**
|
|
10
|
-
* Specifies the text for backstage item.
|
|
11
|
-
*
|
|
12
|
-
* @default ''
|
|
13
|
-
*/
|
|
14
|
-
@Property('')
|
|
15
|
-
public text: string;
|
|
16
|
-
|
|
17
|
-
/**
|
|
18
|
-
* Defines a unique identifier for the backstage item.
|
|
19
|
-
*
|
|
20
|
-
* @default ''
|
|
21
|
-
*/
|
|
22
|
-
@Property('')
|
|
23
|
-
public id: string;
|
|
24
|
-
|
|
25
|
-
/**
|
|
26
|
-
* Specifies the keytip content.
|
|
27
|
-
*
|
|
28
|
-
* @default ''
|
|
29
|
-
*/
|
|
30
|
-
@Property('')
|
|
31
|
-
public keyTip: string;
|
|
32
|
-
|
|
33
|
-
/**
|
|
34
|
-
* Specifies the backstage item’s content as selector.
|
|
35
|
-
*
|
|
36
|
-
* @default ''
|
|
37
|
-
* @angularType string | object
|
|
38
|
-
* @reactType string | function | JSX.Element
|
|
39
|
-
* @vueType string | function
|
|
40
|
-
* @aspType string
|
|
41
|
-
*/
|
|
42
|
-
@Property('')
|
|
43
|
-
public content: string | Function;
|
|
44
|
-
|
|
45
|
-
/**
|
|
46
|
-
* Specifies the icon css class for backstage back button.
|
|
47
|
-
*
|
|
48
|
-
* @default ''
|
|
49
|
-
*/
|
|
50
|
-
@Property('')
|
|
51
|
-
public iconCss: string;
|
|
52
|
-
|
|
53
|
-
/**
|
|
54
|
-
* Specifies the separator between the backstage items.
|
|
55
|
-
*
|
|
56
|
-
* @default false
|
|
57
|
-
*/
|
|
58
|
-
@Property(false)
|
|
59
|
-
public separator: boolean;
|
|
60
|
-
|
|
61
|
-
/**
|
|
62
|
-
* Specifies whether the item is placed in Footer section of backstage.
|
|
63
|
-
*
|
|
64
|
-
* @default false
|
|
65
|
-
*/
|
|
66
|
-
@Property(false)
|
|
67
|
-
public isFooter: boolean;
|
|
68
|
-
|
|
69
|
-
/**
|
|
70
|
-
* Event triggers when backstage item is clicked.
|
|
71
|
-
*
|
|
72
|
-
* @event backStageItemClick
|
|
73
|
-
*/
|
|
74
|
-
@Event()
|
|
75
|
-
public backStageItemClick: EmitType<BackstageItemClickArgs>;
|
|
76
|
-
}
|
|
77
|
-
|
|
78
|
-
/**
|
|
79
|
-
* Event triggers when backstage item is clicked.
|
|
80
|
-
*/
|
|
81
|
-
export interface BackstageItemClickArgs extends BaseEventArgs {
|
|
82
|
-
|
|
83
|
-
/**
|
|
84
|
-
* Set to true when the event has to be canceled, else false.
|
|
85
|
-
*/
|
|
86
|
-
cancel: boolean;
|
|
87
|
-
|
|
88
|
-
/**
|
|
89
|
-
* Provides the backstage menu item object.
|
|
90
|
-
*/
|
|
91
|
-
item?: BackstageItemModel;
|
|
92
|
-
|
|
93
|
-
/**
|
|
94
|
-
* Provides the HTML element of the backstage menu item clicked.
|
|
95
|
-
*/
|
|
96
|
-
target: HTMLElement;
|
|
97
|
-
|
|
98
|
-
/**
|
|
99
|
-
* Returns true when back button item is clicked.
|
|
100
|
-
*/
|
|
101
|
-
isBackButton: boolean;
|
|
102
|
-
}
|
|
@@ -1,64 +0,0 @@
|
|
|
1
|
-
import { ChildProperty, Event, EmitType, Property } from '@syncfusion/ej2-base';
|
|
2
|
-
|
|
3
|
-
/**
|
|
4
|
-
* Interface for a class RibbonButtonSettings
|
|
5
|
-
*/
|
|
6
|
-
export interface RibbonButtonSettingsModel {
|
|
7
|
-
|
|
8
|
-
/**
|
|
9
|
-
* Defines the content for the button.
|
|
10
|
-
*
|
|
11
|
-
* @default ''
|
|
12
|
-
*/
|
|
13
|
-
content?: string;
|
|
14
|
-
|
|
15
|
-
/**
|
|
16
|
-
* Defines one or more CSS classes to customize the appearance of button.
|
|
17
|
-
*
|
|
18
|
-
* @default ''
|
|
19
|
-
*/
|
|
20
|
-
cssClass?: string;
|
|
21
|
-
|
|
22
|
-
/**
|
|
23
|
-
* Defines the CSS class for the icons to be shown in button.
|
|
24
|
-
*
|
|
25
|
-
* @default ''
|
|
26
|
-
*/
|
|
27
|
-
iconCss?: string;
|
|
28
|
-
|
|
29
|
-
/**
|
|
30
|
-
* Defines whether the button is toggle button or not.
|
|
31
|
-
*
|
|
32
|
-
* @default false
|
|
33
|
-
*/
|
|
34
|
-
isToggle?: boolean;
|
|
35
|
-
|
|
36
|
-
/**
|
|
37
|
-
* Defines whether the button is primary button or not.
|
|
38
|
-
*
|
|
39
|
-
* @default false
|
|
40
|
-
*/
|
|
41
|
-
isPrimary?: boolean;
|
|
42
|
-
|
|
43
|
-
/**
|
|
44
|
-
* Specifies additional HTML attributes to be applied to the button.
|
|
45
|
-
*
|
|
46
|
-
* @default {}
|
|
47
|
-
*/
|
|
48
|
-
htmlAttributes?: { [key: string]: string };
|
|
49
|
-
|
|
50
|
-
/**
|
|
51
|
-
* Event triggers once the button is created.
|
|
52
|
-
*
|
|
53
|
-
* @event created
|
|
54
|
-
*/
|
|
55
|
-
created?: EmitType<Event>;
|
|
56
|
-
|
|
57
|
-
/**
|
|
58
|
-
* Event triggers when the button is clicked.
|
|
59
|
-
*
|
|
60
|
-
* @event clicked
|
|
61
|
-
*/
|
|
62
|
-
clicked?: EmitType<Event>;
|
|
63
|
-
|
|
64
|
-
}
|
|
@@ -1,63 +0,0 @@
|
|
|
1
|
-
import { ChildProperty, EmitType } from '@syncfusion/ej2-base';
|
|
2
|
-
/**
|
|
3
|
-
* Defines the ribbon button item.
|
|
4
|
-
*/
|
|
5
|
-
export declare class RibbonButtonSettings extends ChildProperty<RibbonButtonSettings> {
|
|
6
|
-
/**
|
|
7
|
-
* Defines the content for the button.
|
|
8
|
-
*
|
|
9
|
-
* @default ''
|
|
10
|
-
*/
|
|
11
|
-
content: string;
|
|
12
|
-
/**
|
|
13
|
-
* Defines one or more CSS classes to customize the appearance of button.
|
|
14
|
-
*
|
|
15
|
-
* @default ''
|
|
16
|
-
*/
|
|
17
|
-
cssClass: string;
|
|
18
|
-
/**
|
|
19
|
-
* Defines the CSS class for the icons to be shown in button.
|
|
20
|
-
*
|
|
21
|
-
* @default ''
|
|
22
|
-
*/
|
|
23
|
-
iconCss: string;
|
|
24
|
-
/**
|
|
25
|
-
* Defines whether the button is toggle button or not.
|
|
26
|
-
*
|
|
27
|
-
* @default false
|
|
28
|
-
*/
|
|
29
|
-
isToggle: boolean;
|
|
30
|
-
/**
|
|
31
|
-
* Defines whether the button is primary button or not.
|
|
32
|
-
*
|
|
33
|
-
* @default false
|
|
34
|
-
*/
|
|
35
|
-
isPrimary: boolean;
|
|
36
|
-
/**
|
|
37
|
-
* Specifies additional HTML attributes to be applied to the button.
|
|
38
|
-
*
|
|
39
|
-
* @default {}
|
|
40
|
-
*/
|
|
41
|
-
htmlAttributes: {
|
|
42
|
-
[key: string]: string;
|
|
43
|
-
};
|
|
44
|
-
/**
|
|
45
|
-
* Event triggers once the button is created.
|
|
46
|
-
*
|
|
47
|
-
* @event created
|
|
48
|
-
*/
|
|
49
|
-
created: EmitType<Event>;
|
|
50
|
-
/**
|
|
51
|
-
* Event triggers when the button is clicked.
|
|
52
|
-
*
|
|
53
|
-
* @event clicked
|
|
54
|
-
*/
|
|
55
|
-
clicked: EmitType<Event>;
|
|
56
|
-
/**
|
|
57
|
-
* @param {Object} prop - Gets the property of button.
|
|
58
|
-
* @param {boolean} muteOnChange - Gets the boolean value of muteOnChange.
|
|
59
|
-
* @returns {void}
|
|
60
|
-
* @private
|
|
61
|
-
*/
|
|
62
|
-
setProperties(prop: Object, muteOnChange: boolean): void;
|
|
63
|
-
}
|
|
@@ -1,80 +0,0 @@
|
|
|
1
|
-
import { ChildProperty, Event, EmitType, Property } from '@syncfusion/ej2-base';
|
|
2
|
-
|
|
3
|
-
/**
|
|
4
|
-
* Defines the ribbon button item.
|
|
5
|
-
*/
|
|
6
|
-
export class RibbonButtonSettings extends ChildProperty<RibbonButtonSettings> {
|
|
7
|
-
|
|
8
|
-
/**
|
|
9
|
-
* Defines the content for the button.
|
|
10
|
-
*
|
|
11
|
-
* @default ''
|
|
12
|
-
*/
|
|
13
|
-
@Property('')
|
|
14
|
-
public content: string;
|
|
15
|
-
|
|
16
|
-
/**
|
|
17
|
-
* Defines one or more CSS classes to customize the appearance of button.
|
|
18
|
-
*
|
|
19
|
-
* @default ''
|
|
20
|
-
*/
|
|
21
|
-
@Property('')
|
|
22
|
-
public cssClass: string;
|
|
23
|
-
|
|
24
|
-
/**
|
|
25
|
-
* Defines the CSS class for the icons to be shown in button.
|
|
26
|
-
*
|
|
27
|
-
* @default ''
|
|
28
|
-
*/
|
|
29
|
-
@Property('')
|
|
30
|
-
public iconCss: string;
|
|
31
|
-
/**
|
|
32
|
-
* Defines whether the button is toggle button or not.
|
|
33
|
-
*
|
|
34
|
-
* @default false
|
|
35
|
-
*/
|
|
36
|
-
@Property(false)
|
|
37
|
-
public isToggle: boolean;
|
|
38
|
-
|
|
39
|
-
/**
|
|
40
|
-
* Defines whether the button is primary button or not.
|
|
41
|
-
*
|
|
42
|
-
* @default false
|
|
43
|
-
*/
|
|
44
|
-
@Property(false)
|
|
45
|
-
public isPrimary: boolean;
|
|
46
|
-
|
|
47
|
-
/**
|
|
48
|
-
* Specifies additional HTML attributes to be applied to the button.
|
|
49
|
-
*
|
|
50
|
-
* @default {}
|
|
51
|
-
*/
|
|
52
|
-
@Property({})
|
|
53
|
-
public htmlAttributes: { [key: string]: string };
|
|
54
|
-
|
|
55
|
-
/**
|
|
56
|
-
* Event triggers once the button is created.
|
|
57
|
-
*
|
|
58
|
-
* @event created
|
|
59
|
-
*/
|
|
60
|
-
@Event()
|
|
61
|
-
public created: EmitType<Event>;
|
|
62
|
-
|
|
63
|
-
/**
|
|
64
|
-
* Event triggers when the button is clicked.
|
|
65
|
-
*
|
|
66
|
-
* @event clicked
|
|
67
|
-
*/
|
|
68
|
-
@Event()
|
|
69
|
-
public clicked: EmitType<Event>;
|
|
70
|
-
|
|
71
|
-
/**
|
|
72
|
-
* @param {Object} prop - Gets the property of button.
|
|
73
|
-
* @param {boolean} muteOnChange - Gets the boolean value of muteOnChange.
|
|
74
|
-
* @returns {void}
|
|
75
|
-
* @private
|
|
76
|
-
*/
|
|
77
|
-
public setProperties(prop: Object, muteOnChange: boolean): void {
|
|
78
|
-
super.setProperties(prop, muteOnChange);
|
|
79
|
-
}
|
|
80
|
-
}
|
|
@@ -1,57 +0,0 @@
|
|
|
1
|
-
import { ChildProperty, Event, EmitType, Property } from '@syncfusion/ej2-base';import { LabelPosition, ChangeEventArgs } from '@syncfusion/ej2-buttons';
|
|
2
|
-
|
|
3
|
-
/**
|
|
4
|
-
* Interface for a class RibbonCheckBoxSettings
|
|
5
|
-
*/
|
|
6
|
-
export interface RibbonCheckBoxSettingsModel {
|
|
7
|
-
|
|
8
|
-
/**
|
|
9
|
-
* Defines the whether the checkbox is checked or not.
|
|
10
|
-
*
|
|
11
|
-
* @default false
|
|
12
|
-
*/
|
|
13
|
-
checked?: boolean;
|
|
14
|
-
|
|
15
|
-
/**
|
|
16
|
-
* Defines one or more CSS classes to customize the appearance of checkbox.
|
|
17
|
-
*
|
|
18
|
-
* @default ''
|
|
19
|
-
*/
|
|
20
|
-
cssClass?: string;
|
|
21
|
-
|
|
22
|
-
/**
|
|
23
|
-
* Defines the label for the checkbox.
|
|
24
|
-
*
|
|
25
|
-
* @default ''
|
|
26
|
-
*/
|
|
27
|
-
label?: string;
|
|
28
|
-
|
|
29
|
-
/**
|
|
30
|
-
* Defines whether the label is position `After` or `Before` the checkbox.
|
|
31
|
-
*
|
|
32
|
-
* @default 'After'
|
|
33
|
-
*/
|
|
34
|
-
labelPosition?: LabelPosition;
|
|
35
|
-
|
|
36
|
-
/**
|
|
37
|
-
* Specifies additional HTML attributes to be applied to the checkbox.
|
|
38
|
-
*
|
|
39
|
-
* @default {}
|
|
40
|
-
*/
|
|
41
|
-
htmlAttributes?: { [key: string]: string };
|
|
42
|
-
|
|
43
|
-
/**
|
|
44
|
-
* Event triggers once the checkbox is created.
|
|
45
|
-
*
|
|
46
|
-
* @event created
|
|
47
|
-
*/
|
|
48
|
-
created?: EmitType<Event>;
|
|
49
|
-
|
|
50
|
-
/**
|
|
51
|
-
* Event triggers when the checkbox state is changed.
|
|
52
|
-
*
|
|
53
|
-
* @event change
|
|
54
|
-
*/
|
|
55
|
-
change?: EmitType<ChangeEventArgs>;
|
|
56
|
-
|
|
57
|
-
}
|
|
@@ -1,58 +0,0 @@
|
|
|
1
|
-
import { ChildProperty, EmitType } from '@syncfusion/ej2-base';
|
|
2
|
-
import { LabelPosition, ChangeEventArgs } from '@syncfusion/ej2-buttons';
|
|
3
|
-
/**
|
|
4
|
-
* Defines the ribbon checkbox item.
|
|
5
|
-
*/
|
|
6
|
-
export declare class RibbonCheckBoxSettings extends ChildProperty<RibbonCheckBoxSettings> {
|
|
7
|
-
/**
|
|
8
|
-
* Defines the whether the checkbox is checked or not.
|
|
9
|
-
*
|
|
10
|
-
* @default false
|
|
11
|
-
*/
|
|
12
|
-
checked: boolean;
|
|
13
|
-
/**
|
|
14
|
-
* Defines one or more CSS classes to customize the appearance of checkbox.
|
|
15
|
-
*
|
|
16
|
-
* @default ''
|
|
17
|
-
*/
|
|
18
|
-
cssClass: string;
|
|
19
|
-
/**
|
|
20
|
-
* Defines the label for the checkbox.
|
|
21
|
-
*
|
|
22
|
-
* @default ''
|
|
23
|
-
*/
|
|
24
|
-
label: string;
|
|
25
|
-
/**
|
|
26
|
-
* Defines whether the label is position `After` or `Before` the checkbox.
|
|
27
|
-
*
|
|
28
|
-
* @default 'After'
|
|
29
|
-
*/
|
|
30
|
-
labelPosition: LabelPosition;
|
|
31
|
-
/**
|
|
32
|
-
* Specifies additional HTML attributes to be applied to the checkbox.
|
|
33
|
-
*
|
|
34
|
-
* @default {}
|
|
35
|
-
*/
|
|
36
|
-
htmlAttributes: {
|
|
37
|
-
[key: string]: string;
|
|
38
|
-
};
|
|
39
|
-
/**
|
|
40
|
-
* Event triggers once the checkbox is created.
|
|
41
|
-
*
|
|
42
|
-
* @event created
|
|
43
|
-
*/
|
|
44
|
-
created: EmitType<Event>;
|
|
45
|
-
/**
|
|
46
|
-
* Event triggers when the checkbox state is changed.
|
|
47
|
-
*
|
|
48
|
-
* @event change
|
|
49
|
-
*/
|
|
50
|
-
change: EmitType<ChangeEventArgs>;
|
|
51
|
-
/**
|
|
52
|
-
* @param {Object} prop - Gets the property of checkbox.
|
|
53
|
-
* @param {boolean} muteOnChange - Gets the boolean value of muteOnChange.
|
|
54
|
-
* @returns {void}
|
|
55
|
-
* @private
|
|
56
|
-
*/
|
|
57
|
-
setProperties(prop: Object, muteOnChange: boolean): void;
|
|
58
|
-
}
|