@syncfusion/ej2-ribbon 31.1.17 → 31.2.2
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 +19 -55
- 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,85 +0,0 @@
|
|
|
1
|
-
import { ChildProperty, Event, EmitType, Property, Complex } from '@syncfusion/ej2-base';
|
|
2
|
-
import { BeforeClickGroupButtonEventArgs, ClickGroupButtonEventArgs } from '../base/interface';
|
|
3
|
-
import { RibbonTooltipModel } from './ribbon-tooltip-model';
|
|
4
|
-
import { RibbonTooltip } from './ribbon-tooltip';
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
/**
|
|
8
|
-
* Defines the ribbon group button settings.
|
|
9
|
-
*/
|
|
10
|
-
export class RibbonGroupButtonItem extends ChildProperty<RibbonGroupButtonItem> {
|
|
11
|
-
|
|
12
|
-
/**
|
|
13
|
-
* Defines the content for the button.
|
|
14
|
-
*
|
|
15
|
-
* @default ''
|
|
16
|
-
*/
|
|
17
|
-
@Property('')
|
|
18
|
-
public content: string;
|
|
19
|
-
|
|
20
|
-
/**
|
|
21
|
-
* Defines the CSS class for the icons to be shown in button.
|
|
22
|
-
*
|
|
23
|
-
* @default ''
|
|
24
|
-
*/
|
|
25
|
-
@Property('')
|
|
26
|
-
public iconCss: string;
|
|
27
|
-
|
|
28
|
-
/**
|
|
29
|
-
* Specifies the keytip content.
|
|
30
|
-
*
|
|
31
|
-
* @default ''
|
|
32
|
-
*/
|
|
33
|
-
@Property('')
|
|
34
|
-
public keyTip: string;
|
|
35
|
-
|
|
36
|
-
/**
|
|
37
|
-
* Specifies the tooltip settings for the group button items.
|
|
38
|
-
*
|
|
39
|
-
* @default {}
|
|
40
|
-
*/
|
|
41
|
-
@Complex<RibbonTooltipModel>({}, RibbonTooltip)
|
|
42
|
-
public ribbonTooltipSettings: RibbonTooltipModel;
|
|
43
|
-
|
|
44
|
-
/**
|
|
45
|
-
* Defines whether the button is selected or not.
|
|
46
|
-
*
|
|
47
|
-
* @default false
|
|
48
|
-
*/
|
|
49
|
-
@Property(false)
|
|
50
|
-
public selected: boolean;
|
|
51
|
-
|
|
52
|
-
/**
|
|
53
|
-
* Specifies additional HTML attributes to be applied to the group button item.
|
|
54
|
-
*
|
|
55
|
-
* @default {}
|
|
56
|
-
*/
|
|
57
|
-
@Property({})
|
|
58
|
-
public htmlAttributes: { [key: string]: string };
|
|
59
|
-
|
|
60
|
-
/**
|
|
61
|
-
* Triggers before clicking the button from group button.
|
|
62
|
-
*
|
|
63
|
-
* @event beforeClick
|
|
64
|
-
*/
|
|
65
|
-
@Event()
|
|
66
|
-
public beforeClick: EmitType<BeforeClickGroupButtonEventArgs>;
|
|
67
|
-
|
|
68
|
-
/**
|
|
69
|
-
* Triggers after clicking the button from group button.
|
|
70
|
-
*
|
|
71
|
-
* @event click
|
|
72
|
-
*/
|
|
73
|
-
@Event()
|
|
74
|
-
public click: EmitType<ClickGroupButtonEventArgs>;
|
|
75
|
-
|
|
76
|
-
/**
|
|
77
|
-
* @param {Object} prop - Gets the property of group button.
|
|
78
|
-
* @param {boolean} muteOnChange - Gets the boolean value of muteOnChange.
|
|
79
|
-
* @returns {void}
|
|
80
|
-
* @private
|
|
81
|
-
*/
|
|
82
|
-
public setProperties(prop: Object, muteOnChange: boolean): void {
|
|
83
|
-
super.setProperties(prop, muteOnChange);
|
|
84
|
-
}
|
|
85
|
-
}
|
|
@@ -1,32 +0,0 @@
|
|
|
1
|
-
import { ChildProperty, Collection, Property } from '@syncfusion/ej2-base';
|
|
2
|
-
|
|
3
|
-
/**
|
|
4
|
-
* Interface for a class RibbonGroupButtonSettings
|
|
5
|
-
*/
|
|
6
|
-
export interface RibbonGroupButtonSettingsModel {
|
|
7
|
-
|
|
8
|
-
/**
|
|
9
|
-
* Specifies the header for the groupbutton popup in Simplified layout.
|
|
10
|
-
*
|
|
11
|
-
* @default ''
|
|
12
|
-
*/
|
|
13
|
-
header?: string;
|
|
14
|
-
|
|
15
|
-
/**
|
|
16
|
-
* Defines options for Selection Type.
|
|
17
|
-
*
|
|
18
|
-
* @isenumeration true
|
|
19
|
-
* @default 'Single'
|
|
20
|
-
* @asptype RibbonGroupButtonSelection
|
|
21
|
-
*/
|
|
22
|
-
selection?: RibbonGroupButtonSelection;
|
|
23
|
-
|
|
24
|
-
/**
|
|
25
|
-
* Defines the properties for collection of button items in Ribbon group button.
|
|
26
|
-
*
|
|
27
|
-
* @default []
|
|
28
|
-
* @aspType List<RibbonGroupButtonItem>
|
|
29
|
-
*/
|
|
30
|
-
items?: RibbonGroupButtonItemModel[];
|
|
31
|
-
|
|
32
|
-
}
|
|
@@ -1,29 +0,0 @@
|
|
|
1
|
-
import { ChildProperty } from '@syncfusion/ej2-base';
|
|
2
|
-
import { RibbonGroupButtonSelection } from '../base/interface';
|
|
3
|
-
import { RibbonGroupButtonItemModel } from './ribbon-group-button-item-model';
|
|
4
|
-
/**
|
|
5
|
-
* Defines the ribbon group button settings.
|
|
6
|
-
*/
|
|
7
|
-
export declare class RibbonGroupButtonSettings extends ChildProperty<RibbonGroupButtonSettings> {
|
|
8
|
-
/**
|
|
9
|
-
* Specifies the header for the groupbutton popup in Simplified layout.
|
|
10
|
-
*
|
|
11
|
-
* @default ''
|
|
12
|
-
*/
|
|
13
|
-
header: string;
|
|
14
|
-
/**
|
|
15
|
-
* Defines options for Selection Type.
|
|
16
|
-
*
|
|
17
|
-
* @isenumeration true
|
|
18
|
-
* @default 'Single'
|
|
19
|
-
* @asptype RibbonGroupButtonSelection
|
|
20
|
-
*/
|
|
21
|
-
selection: RibbonGroupButtonSelection;
|
|
22
|
-
/**
|
|
23
|
-
* Defines the properties for collection of button items in Ribbon group button.
|
|
24
|
-
*
|
|
25
|
-
* @default []
|
|
26
|
-
* @aspType List<RibbonGroupButtonItem>
|
|
27
|
-
*/
|
|
28
|
-
items: RibbonGroupButtonItemModel[];
|
|
29
|
-
}
|
|
@@ -1,38 +0,0 @@
|
|
|
1
|
-
import { ChildProperty, Collection, Property } from '@syncfusion/ej2-base';
|
|
2
|
-
import { RibbonGroupButtonSelection } from '../base/interface';
|
|
3
|
-
import { RibbonGroupButtonItemModel } from './ribbon-group-button-item-model';
|
|
4
|
-
import { RibbonGroupButtonItem } from './ribbon-group-button-item';
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
/**
|
|
8
|
-
* Defines the ribbon group button settings.
|
|
9
|
-
*/
|
|
10
|
-
export class RibbonGroupButtonSettings extends ChildProperty<RibbonGroupButtonSettings> {
|
|
11
|
-
|
|
12
|
-
/**
|
|
13
|
-
* Specifies the header for the groupbutton popup in Simplified layout.
|
|
14
|
-
*
|
|
15
|
-
* @default ''
|
|
16
|
-
*/
|
|
17
|
-
@Property('')
|
|
18
|
-
public header: string;
|
|
19
|
-
|
|
20
|
-
/**
|
|
21
|
-
* Defines options for Selection Type.
|
|
22
|
-
*
|
|
23
|
-
* @isenumeration true
|
|
24
|
-
* @default 'Single'
|
|
25
|
-
* @asptype RibbonGroupButtonSelection
|
|
26
|
-
*/
|
|
27
|
-
@Property('Single')
|
|
28
|
-
public selection: RibbonGroupButtonSelection;
|
|
29
|
-
|
|
30
|
-
/**
|
|
31
|
-
* Defines the properties for collection of button items in Ribbon group button.
|
|
32
|
-
*
|
|
33
|
-
* @default []
|
|
34
|
-
* @aspType List<RibbonGroupButtonItem>
|
|
35
|
-
*/
|
|
36
|
-
@Collection<RibbonGroupButtonItemModel>([], RibbonGroupButtonItem)
|
|
37
|
-
public items: RibbonGroupButtonItemModel[];
|
|
38
|
-
}
|
|
@@ -1,112 +0,0 @@
|
|
|
1
|
-
import { ChildProperty, Collection, Property } from '@syncfusion/ej2-base';import { RibbonCollectionModel } from './ribbon-collection-model';import { ItemOrientation } from '../base/interface';import { RibbonCollection } from './ribbon-collection';
|
|
2
|
-
|
|
3
|
-
/**
|
|
4
|
-
* Interface for a class RibbonGroup
|
|
5
|
-
*/
|
|
6
|
-
export interface RibbonGroupModel {
|
|
7
|
-
|
|
8
|
-
/**
|
|
9
|
-
* Specifies the keytip content.
|
|
10
|
-
*
|
|
11
|
-
* @default ''
|
|
12
|
-
*/
|
|
13
|
-
keyTip?: string;
|
|
14
|
-
|
|
15
|
-
/**
|
|
16
|
-
* Specifies the keytip content for launcher icon.
|
|
17
|
-
*
|
|
18
|
-
* @default ''
|
|
19
|
-
*/
|
|
20
|
-
launcherIconKeyTip?: string;
|
|
21
|
-
|
|
22
|
-
/**
|
|
23
|
-
* Defines the list of ribbon collections.
|
|
24
|
-
*
|
|
25
|
-
* @default []
|
|
26
|
-
* @aspType List<RibbonCollection>
|
|
27
|
-
*/
|
|
28
|
-
collections?: RibbonCollectionModel[];
|
|
29
|
-
|
|
30
|
-
/**
|
|
31
|
-
* Defines one or more CSS classes to customize the appearance of group.
|
|
32
|
-
*
|
|
33
|
-
* @default ''
|
|
34
|
-
*/
|
|
35
|
-
cssClass?: string;
|
|
36
|
-
|
|
37
|
-
/**
|
|
38
|
-
* Defines a unique identifier for the group.
|
|
39
|
-
*
|
|
40
|
-
* @default ''
|
|
41
|
-
*/
|
|
42
|
-
id?: string;
|
|
43
|
-
|
|
44
|
-
/**
|
|
45
|
-
* Defines whether the group is in collapsed state or not during classic mode.
|
|
46
|
-
*
|
|
47
|
-
* @default false
|
|
48
|
-
*/
|
|
49
|
-
isCollapsed?: boolean;
|
|
50
|
-
|
|
51
|
-
/**
|
|
52
|
-
* Defines whether the group can be collapsed on resize during classic mode.
|
|
53
|
-
*
|
|
54
|
-
* @default true
|
|
55
|
-
*/
|
|
56
|
-
isCollapsible?: boolean;
|
|
57
|
-
|
|
58
|
-
/**
|
|
59
|
-
* Defines whether to add a separate popup for the overflow items in the group.
|
|
60
|
-
* If it is set to false, the overflow items will be shown in the common overflow popup present at the right end of the tab content.
|
|
61
|
-
*
|
|
62
|
-
* @default false
|
|
63
|
-
*/
|
|
64
|
-
enableGroupOverflow?: boolean;
|
|
65
|
-
|
|
66
|
-
/**
|
|
67
|
-
* Defines the CSS class for the icons to be shown in the group overflow dropdown button in classic mode.
|
|
68
|
-
* During overflow, the entire group will be shown in a popup of a dropdown button which appears in the place of the group in ribbon tab.
|
|
69
|
-
*
|
|
70
|
-
* @default ''
|
|
71
|
-
*/
|
|
72
|
-
groupIconCss?: string;
|
|
73
|
-
|
|
74
|
-
/**
|
|
75
|
-
* Defines the content of group header.
|
|
76
|
-
*
|
|
77
|
-
* @default ''
|
|
78
|
-
*/
|
|
79
|
-
header?: string;
|
|
80
|
-
|
|
81
|
-
/**
|
|
82
|
-
* Defines whether to orientation in which the items of the group should be arranged.
|
|
83
|
-
*
|
|
84
|
-
* @isenumeration true
|
|
85
|
-
* @default ItemOrientation.Column
|
|
86
|
-
* @aspType ItemOrientation
|
|
87
|
-
*/
|
|
88
|
-
orientation?: ItemOrientation | string;
|
|
89
|
-
|
|
90
|
-
/**
|
|
91
|
-
* Defines the header shown in overflow popup of Ribbon group.
|
|
92
|
-
*
|
|
93
|
-
* @default ''
|
|
94
|
-
*/
|
|
95
|
-
overflowHeader?: string;
|
|
96
|
-
|
|
97
|
-
/**
|
|
98
|
-
* Defines the priority order at which the group should be collapsed or expanded.
|
|
99
|
-
* For collapsing value is fetched in ascending order and for expanding value is fetched in descending order.
|
|
100
|
-
*
|
|
101
|
-
* @default 0
|
|
102
|
-
*/
|
|
103
|
-
priority?: number;
|
|
104
|
-
|
|
105
|
-
/**
|
|
106
|
-
* Defines whether to show or hide the launcher icon for the group.
|
|
107
|
-
*
|
|
108
|
-
* @default false
|
|
109
|
-
*/
|
|
110
|
-
showLauncherIcon?: boolean;
|
|
111
|
-
|
|
112
|
-
}
|
|
@@ -1,105 +0,0 @@
|
|
|
1
|
-
import { ChildProperty } from '@syncfusion/ej2-base';
|
|
2
|
-
import { RibbonCollectionModel } from './ribbon-collection-model';
|
|
3
|
-
import { ItemOrientation } from '../base/interface';
|
|
4
|
-
/**
|
|
5
|
-
* Defines the ribbon group.
|
|
6
|
-
*/
|
|
7
|
-
export declare class RibbonGroup extends ChildProperty<RibbonGroup> {
|
|
8
|
-
/**
|
|
9
|
-
* Specifies the keytip content.
|
|
10
|
-
*
|
|
11
|
-
* @default ''
|
|
12
|
-
*/
|
|
13
|
-
keyTip: string;
|
|
14
|
-
/**
|
|
15
|
-
* Specifies the keytip content for launcher icon.
|
|
16
|
-
*
|
|
17
|
-
* @default ''
|
|
18
|
-
*/
|
|
19
|
-
launcherIconKeyTip: string;
|
|
20
|
-
/**
|
|
21
|
-
* Defines the list of ribbon collections.
|
|
22
|
-
*
|
|
23
|
-
* @default []
|
|
24
|
-
* @aspType List<RibbonCollection>
|
|
25
|
-
*/
|
|
26
|
-
collections: RibbonCollectionModel[];
|
|
27
|
-
/**
|
|
28
|
-
* Defines one or more CSS classes to customize the appearance of group.
|
|
29
|
-
*
|
|
30
|
-
* @default ''
|
|
31
|
-
*/
|
|
32
|
-
cssClass: string;
|
|
33
|
-
/**
|
|
34
|
-
* Defines a unique identifier for the group.
|
|
35
|
-
*
|
|
36
|
-
* @default ''
|
|
37
|
-
*/
|
|
38
|
-
id: string;
|
|
39
|
-
/**
|
|
40
|
-
* Defines whether the group is in collapsed state or not during classic mode.
|
|
41
|
-
*
|
|
42
|
-
* @default false
|
|
43
|
-
*/
|
|
44
|
-
isCollapsed: boolean;
|
|
45
|
-
/**
|
|
46
|
-
* Defines whether the group can be collapsed on resize during classic mode.
|
|
47
|
-
*
|
|
48
|
-
* @default true
|
|
49
|
-
*/
|
|
50
|
-
isCollapsible: boolean;
|
|
51
|
-
/**
|
|
52
|
-
* Defines whether to add a separate popup for the overflow items in the group.
|
|
53
|
-
* If it is set to false, the overflow items will be shown in the common overflow popup present at the right end of the tab content.
|
|
54
|
-
*
|
|
55
|
-
* @default false
|
|
56
|
-
*/
|
|
57
|
-
enableGroupOverflow: boolean;
|
|
58
|
-
/**
|
|
59
|
-
* Defines the CSS class for the icons to be shown in the group overflow dropdown button in classic mode.
|
|
60
|
-
* During overflow, the entire group will be shown in a popup of a dropdown button which appears in the place of the group in ribbon tab.
|
|
61
|
-
*
|
|
62
|
-
* @default ''
|
|
63
|
-
*/
|
|
64
|
-
groupIconCss: string;
|
|
65
|
-
/**
|
|
66
|
-
* Defines the content of group header.
|
|
67
|
-
*
|
|
68
|
-
* @default ''
|
|
69
|
-
*/
|
|
70
|
-
header: string;
|
|
71
|
-
/**
|
|
72
|
-
* Defines whether to orientation in which the items of the group should be arranged.
|
|
73
|
-
*
|
|
74
|
-
* @isenumeration true
|
|
75
|
-
* @default ItemOrientation.Column
|
|
76
|
-
* @aspType ItemOrientation
|
|
77
|
-
*/
|
|
78
|
-
orientation: ItemOrientation | string;
|
|
79
|
-
/**
|
|
80
|
-
* Defines the header shown in overflow popup of Ribbon group.
|
|
81
|
-
*
|
|
82
|
-
* @default ''
|
|
83
|
-
*/
|
|
84
|
-
overflowHeader: string;
|
|
85
|
-
/**
|
|
86
|
-
* Defines the priority order at which the group should be collapsed or expanded.
|
|
87
|
-
* For collapsing value is fetched in ascending order and for expanding value is fetched in descending order.
|
|
88
|
-
*
|
|
89
|
-
* @default 0
|
|
90
|
-
*/
|
|
91
|
-
priority: number;
|
|
92
|
-
/**
|
|
93
|
-
* Defines whether to show or hide the launcher icon for the group.
|
|
94
|
-
*
|
|
95
|
-
* @default false
|
|
96
|
-
*/
|
|
97
|
-
showLauncherIcon: boolean;
|
|
98
|
-
/**
|
|
99
|
-
* @param {Object} prop - Gets the property of Group.
|
|
100
|
-
* @param {boolean} muteOnChange - Gets the boolean value of muteOnChange.
|
|
101
|
-
* @returns {void}
|
|
102
|
-
* @private
|
|
103
|
-
*/
|
|
104
|
-
setProperties(prop: Object, muteOnChange: boolean): void;
|
|
105
|
-
}
|
|
@@ -1,138 +0,0 @@
|
|
|
1
|
-
import { ChildProperty, Collection, Property } from '@syncfusion/ej2-base';
|
|
2
|
-
import { RibbonCollectionModel } from './ribbon-collection-model';
|
|
3
|
-
import { ItemOrientation } from '../base/interface';
|
|
4
|
-
import { RibbonCollection } from './ribbon-collection';
|
|
5
|
-
|
|
6
|
-
/**
|
|
7
|
-
* Defines the ribbon group.
|
|
8
|
-
*/
|
|
9
|
-
export class RibbonGroup extends ChildProperty<RibbonGroup> {
|
|
10
|
-
|
|
11
|
-
/**
|
|
12
|
-
* Specifies the keytip content.
|
|
13
|
-
*
|
|
14
|
-
* @default ''
|
|
15
|
-
*/
|
|
16
|
-
@Property('')
|
|
17
|
-
public keyTip: string;
|
|
18
|
-
|
|
19
|
-
/**
|
|
20
|
-
* Specifies the keytip content for launcher icon.
|
|
21
|
-
*
|
|
22
|
-
* @default ''
|
|
23
|
-
*/
|
|
24
|
-
@Property('')
|
|
25
|
-
public launcherIconKeyTip: string;
|
|
26
|
-
|
|
27
|
-
/**
|
|
28
|
-
* Defines the list of ribbon collections.
|
|
29
|
-
*
|
|
30
|
-
* @default []
|
|
31
|
-
* @aspType List<RibbonCollection>
|
|
32
|
-
*/
|
|
33
|
-
@Collection<RibbonCollectionModel>([], RibbonCollection)
|
|
34
|
-
public collections: RibbonCollectionModel[];
|
|
35
|
-
|
|
36
|
-
/**
|
|
37
|
-
* Defines one or more CSS classes to customize the appearance of group.
|
|
38
|
-
*
|
|
39
|
-
* @default ''
|
|
40
|
-
*/
|
|
41
|
-
@Property('')
|
|
42
|
-
public cssClass: string;
|
|
43
|
-
|
|
44
|
-
/**
|
|
45
|
-
* Defines a unique identifier for the group.
|
|
46
|
-
*
|
|
47
|
-
* @default ''
|
|
48
|
-
*/
|
|
49
|
-
@Property('')
|
|
50
|
-
public id: string;
|
|
51
|
-
|
|
52
|
-
/**
|
|
53
|
-
* Defines whether the group is in collapsed state or not during classic mode.
|
|
54
|
-
*
|
|
55
|
-
* @default false
|
|
56
|
-
*/
|
|
57
|
-
@Property(false)
|
|
58
|
-
public isCollapsed: boolean;
|
|
59
|
-
|
|
60
|
-
/**
|
|
61
|
-
* Defines whether the group can be collapsed on resize during classic mode.
|
|
62
|
-
*
|
|
63
|
-
* @default true
|
|
64
|
-
*/
|
|
65
|
-
@Property(true)
|
|
66
|
-
public isCollapsible: boolean;
|
|
67
|
-
|
|
68
|
-
/**
|
|
69
|
-
* Defines whether to add a separate popup for the overflow items in the group.
|
|
70
|
-
* If it is set to false, the overflow items will be shown in the common overflow popup present at the right end of the tab content.
|
|
71
|
-
*
|
|
72
|
-
* @default false
|
|
73
|
-
*/
|
|
74
|
-
@Property(false)
|
|
75
|
-
public enableGroupOverflow: boolean;
|
|
76
|
-
|
|
77
|
-
/**
|
|
78
|
-
* Defines the CSS class for the icons to be shown in the group overflow dropdown button in classic mode.
|
|
79
|
-
* During overflow, the entire group will be shown in a popup of a dropdown button which appears in the place of the group in ribbon tab.
|
|
80
|
-
*
|
|
81
|
-
* @default ''
|
|
82
|
-
*/
|
|
83
|
-
@Property('')
|
|
84
|
-
public groupIconCss: string;
|
|
85
|
-
|
|
86
|
-
/**
|
|
87
|
-
* Defines the content of group header.
|
|
88
|
-
*
|
|
89
|
-
* @default ''
|
|
90
|
-
*/
|
|
91
|
-
@Property('')
|
|
92
|
-
public header: string;
|
|
93
|
-
|
|
94
|
-
/**
|
|
95
|
-
* Defines whether to orientation in which the items of the group should be arranged.
|
|
96
|
-
*
|
|
97
|
-
* @isenumeration true
|
|
98
|
-
* @default ItemOrientation.Column
|
|
99
|
-
* @aspType ItemOrientation
|
|
100
|
-
*/
|
|
101
|
-
@Property('Column')
|
|
102
|
-
public orientation: ItemOrientation | string;
|
|
103
|
-
|
|
104
|
-
/**
|
|
105
|
-
* Defines the header shown in overflow popup of Ribbon group.
|
|
106
|
-
*
|
|
107
|
-
* @default ''
|
|
108
|
-
*/
|
|
109
|
-
@Property('')
|
|
110
|
-
public overflowHeader: string;
|
|
111
|
-
|
|
112
|
-
/**
|
|
113
|
-
* Defines the priority order at which the group should be collapsed or expanded.
|
|
114
|
-
* For collapsing value is fetched in ascending order and for expanding value is fetched in descending order.
|
|
115
|
-
*
|
|
116
|
-
* @default 0
|
|
117
|
-
*/
|
|
118
|
-
@Property(0)
|
|
119
|
-
public priority: number;
|
|
120
|
-
|
|
121
|
-
/**
|
|
122
|
-
* Defines whether to show or hide the launcher icon for the group.
|
|
123
|
-
*
|
|
124
|
-
* @default false
|
|
125
|
-
*/
|
|
126
|
-
@Property(false)
|
|
127
|
-
public showLauncherIcon: boolean;
|
|
128
|
-
|
|
129
|
-
/**
|
|
130
|
-
* @param {Object} prop - Gets the property of Group.
|
|
131
|
-
* @param {boolean} muteOnChange - Gets the boolean value of muteOnChange.
|
|
132
|
-
* @returns {void}
|
|
133
|
-
* @private
|
|
134
|
-
*/
|
|
135
|
-
public setProperties(prop: Object, muteOnChange: boolean): void {
|
|
136
|
-
super.setProperties(prop, muteOnChange);
|
|
137
|
-
}
|
|
138
|
-
}
|
|
@@ -1,144 +0,0 @@
|
|
|
1
|
-
import { ChildProperty, Complex, Property } from '@syncfusion/ej2-base';import { RibbonItemType, RibbonItemSize, DisplayMode } from '../base/interface';import { RibbonButtonSettings } from './ribbon-button-settings';import { RibbonButtonSettingsModel } from './ribbon-button-settings-model';import { RibbonCheckBoxSettings } from './ribbon-checkbox-settings';import { RibbonCheckBoxSettingsModel } from './ribbon-checkbox-settings-model';import { RibbonColorPickerSettings } from './ribbon-colorpicker-settings';import { RibbonColorPickerSettingsModel } from './ribbon-colorpicker-settings-model';import { RibbonComboBoxSettings } from './ribbon-combobox-settings';import { RibbonComboBoxSettingsModel } from './ribbon-combobox-settings-model';import { RibbonDropDownSettings } from './ribbon-dropdown-settings';import { RibbonDropDownSettingsModel } from './ribbon-dropdown-settings-model';import { RibbonSplitButtonSettings } from './ribbon-splitbutton-settings';import { RibbonSplitButtonSettingsModel } from './ribbon-splitbutton-settings-model';import { RibbonTooltip } from './ribbon-tooltip';import { RibbonTooltipModel } from './ribbon-tooltip-model';import { RibbonGroupButtonSettingsModel } from './ribbon-group-button-settings-model';import { RibbonGroupButtonSettings } from './ribbon-group-button-settings';import { RibbonGallerySettingsModel } from './ribbon-gallery-settings-model';import { RibbonGallerySettings } from './ribbon-gallery-settings';
|
|
2
|
-
|
|
3
|
-
/**
|
|
4
|
-
* Interface for a class RibbonItem
|
|
5
|
-
*/
|
|
6
|
-
export interface RibbonItemModel {
|
|
7
|
-
|
|
8
|
-
/**
|
|
9
|
-
* Defines the key tip text to be accessed for specified Ribbon item.
|
|
10
|
-
*
|
|
11
|
-
* @default ''
|
|
12
|
-
*/
|
|
13
|
-
keyTip?: string;
|
|
14
|
-
|
|
15
|
-
/**
|
|
16
|
-
* Defines the active size of the ribbon item.
|
|
17
|
-
*
|
|
18
|
-
* @default 'Medium'
|
|
19
|
-
* @aspNumberEnum
|
|
20
|
-
*/
|
|
21
|
-
activeSize?: RibbonItemSize;
|
|
22
|
-
|
|
23
|
-
/**
|
|
24
|
-
* Defines the sizes that are allowed for the ribbon item on ribbon resize.
|
|
25
|
-
*
|
|
26
|
-
* @default null
|
|
27
|
-
* @aspNumberEnum
|
|
28
|
-
*/
|
|
29
|
-
allowedSizes?: RibbonItemSize;
|
|
30
|
-
|
|
31
|
-
/**
|
|
32
|
-
* Defines a unique identifier for the item.
|
|
33
|
-
*
|
|
34
|
-
* @default ''
|
|
35
|
-
*/
|
|
36
|
-
id?: string;
|
|
37
|
-
|
|
38
|
-
/**
|
|
39
|
-
* Defines one or more CSS classes to customize the appearance of item.
|
|
40
|
-
*
|
|
41
|
-
* @default ''
|
|
42
|
-
*/
|
|
43
|
-
cssClass?: string;
|
|
44
|
-
|
|
45
|
-
/**
|
|
46
|
-
* Defines whether the item is disabled or not.
|
|
47
|
-
*
|
|
48
|
-
* @default false
|
|
49
|
-
*/
|
|
50
|
-
disabled?: boolean;
|
|
51
|
-
|
|
52
|
-
/**
|
|
53
|
-
* Defines the template content for the ribbon item.
|
|
54
|
-
* `ActiveSize` property is passed as string in template context.
|
|
55
|
-
*
|
|
56
|
-
* @default ''
|
|
57
|
-
* @angularType string | object | HTMLElement
|
|
58
|
-
* @reactType string | function | JSX.Element | HTMLElement
|
|
59
|
-
* @vueType string | function | HTMLElement
|
|
60
|
-
* @aspType string
|
|
61
|
-
*/
|
|
62
|
-
itemTemplate?: string | HTMLElement | Function;
|
|
63
|
-
|
|
64
|
-
/**
|
|
65
|
-
* Defines the type of control to be added as the Ribbon Item.
|
|
66
|
-
*
|
|
67
|
-
* @isenumeration true
|
|
68
|
-
* @default RibbonItemType.Button
|
|
69
|
-
* @asptype RibbonItemType
|
|
70
|
-
*/
|
|
71
|
-
type?: RibbonItemType | string;
|
|
72
|
-
|
|
73
|
-
/**
|
|
74
|
-
* Defines the display options for the ribbon item.
|
|
75
|
-
*
|
|
76
|
-
* @default 'Auto'
|
|
77
|
-
* @aspNumberEnum
|
|
78
|
-
*/
|
|
79
|
-
displayOptions?: DisplayMode;
|
|
80
|
-
|
|
81
|
-
/**
|
|
82
|
-
* Defines the settings for the tooltip of the item.
|
|
83
|
-
*
|
|
84
|
-
* @default {}
|
|
85
|
-
*/
|
|
86
|
-
ribbonTooltipSettings?: RibbonTooltipModel;
|
|
87
|
-
|
|
88
|
-
/**
|
|
89
|
-
* Defines the settings for the ribbon button.
|
|
90
|
-
*
|
|
91
|
-
* @default {}
|
|
92
|
-
*/
|
|
93
|
-
buttonSettings?: RibbonButtonSettingsModel;
|
|
94
|
-
|
|
95
|
-
/**
|
|
96
|
-
* Defines the settings for the ribbon dropdown button.
|
|
97
|
-
*
|
|
98
|
-
* @default {}
|
|
99
|
-
*/
|
|
100
|
-
dropDownSettings?: RibbonDropDownSettingsModel;
|
|
101
|
-
|
|
102
|
-
/**
|
|
103
|
-
* Defines the settings for the ribbon checkbox.
|
|
104
|
-
*
|
|
105
|
-
* @default {}
|
|
106
|
-
*/
|
|
107
|
-
checkBoxSettings?: RibbonCheckBoxSettingsModel;
|
|
108
|
-
|
|
109
|
-
/**
|
|
110
|
-
* Defines the settings for the ribbon color picker.
|
|
111
|
-
*
|
|
112
|
-
* @default {}
|
|
113
|
-
*/
|
|
114
|
-
colorPickerSettings?: RibbonColorPickerSettingsModel;
|
|
115
|
-
|
|
116
|
-
/**
|
|
117
|
-
* Defines the settings for the ribbon combobox.
|
|
118
|
-
*
|
|
119
|
-
* @default {}
|
|
120
|
-
*/
|
|
121
|
-
comboBoxSettings?: RibbonComboBoxSettingsModel;
|
|
122
|
-
|
|
123
|
-
/**
|
|
124
|
-
* Defines the settings for the ribbon split button.
|
|
125
|
-
*
|
|
126
|
-
* @default {}
|
|
127
|
-
*/
|
|
128
|
-
splitButtonSettings?: RibbonSplitButtonSettingsModel;
|
|
129
|
-
|
|
130
|
-
/**
|
|
131
|
-
* Defines the properties for group button in Ribbon
|
|
132
|
-
*
|
|
133
|
-
* @default {}
|
|
134
|
-
*/
|
|
135
|
-
groupButtonSettings?: RibbonGroupButtonSettingsModel;
|
|
136
|
-
|
|
137
|
-
/**
|
|
138
|
-
* Defines the properties of the gallery view in Ribbon.
|
|
139
|
-
*
|
|
140
|
-
* @default {}
|
|
141
|
-
*/
|
|
142
|
-
gallerySettings?: RibbonGallerySettingsModel;
|
|
143
|
-
|
|
144
|
-
}
|