@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,38 +0,0 @@
|
|
|
1
|
-
import { ChildProperty } from '@syncfusion/ej2-base';
|
|
2
|
-
import { RibbonGalleryItemModel } from './ribbon-gallery-item-model';
|
|
3
|
-
/**
|
|
4
|
-
* Defines the ribbon gallery group.
|
|
5
|
-
*/
|
|
6
|
-
export declare class RibbonGalleryGroup extends ChildProperty<RibbonGalleryGroup> {
|
|
7
|
-
/**
|
|
8
|
-
* Defines the properties for collection of gallery items in Ribbon.
|
|
9
|
-
*
|
|
10
|
-
* @default []
|
|
11
|
-
* @aspType List<RibbonGalleryItem>
|
|
12
|
-
*/
|
|
13
|
-
items: RibbonGalleryItemModel[];
|
|
14
|
-
/**
|
|
15
|
-
* Defines the header for the group items present in Ribbon Gallery popup.
|
|
16
|
-
*
|
|
17
|
-
* @default ''
|
|
18
|
-
*/
|
|
19
|
-
header: string;
|
|
20
|
-
/**
|
|
21
|
-
* Defines the width of the gallery items.
|
|
22
|
-
*
|
|
23
|
-
* @default 'auto'
|
|
24
|
-
*/
|
|
25
|
-
itemWidth: string;
|
|
26
|
-
/**
|
|
27
|
-
* Defines the height of the gallery item.
|
|
28
|
-
*
|
|
29
|
-
* @default 'auto'
|
|
30
|
-
*/
|
|
31
|
-
itemHeight: string;
|
|
32
|
-
/**
|
|
33
|
-
* Defines the CSS class to customize the gallery groups.
|
|
34
|
-
*
|
|
35
|
-
* @default ''
|
|
36
|
-
*/
|
|
37
|
-
cssClass: string;
|
|
38
|
-
}
|
|
@@ -1,50 +0,0 @@
|
|
|
1
|
-
import { ChildProperty, Collection, Property } from '@syncfusion/ej2-base';
|
|
2
|
-
import { RibbonGalleryItemModel } from './ribbon-gallery-item-model';
|
|
3
|
-
import { RibbonGalleryItem } from './ribbon-gallery-item';
|
|
4
|
-
|
|
5
|
-
/**
|
|
6
|
-
* Defines the ribbon gallery group.
|
|
7
|
-
*/
|
|
8
|
-
export class RibbonGalleryGroup extends ChildProperty<RibbonGalleryGroup> {
|
|
9
|
-
|
|
10
|
-
/**
|
|
11
|
-
* Defines the properties for collection of gallery items in Ribbon.
|
|
12
|
-
*
|
|
13
|
-
* @default []
|
|
14
|
-
* @aspType List<RibbonGalleryItem>
|
|
15
|
-
*/
|
|
16
|
-
@Collection<RibbonGalleryItemModel>([], RibbonGalleryItem)
|
|
17
|
-
public items: RibbonGalleryItemModel[];
|
|
18
|
-
|
|
19
|
-
/**
|
|
20
|
-
* Defines the header for the group items present in Ribbon Gallery popup.
|
|
21
|
-
*
|
|
22
|
-
* @default ''
|
|
23
|
-
*/
|
|
24
|
-
@Property('')
|
|
25
|
-
public header: string;
|
|
26
|
-
|
|
27
|
-
/**
|
|
28
|
-
* Defines the width of the gallery items.
|
|
29
|
-
*
|
|
30
|
-
* @default 'auto'
|
|
31
|
-
*/
|
|
32
|
-
@Property('auto')
|
|
33
|
-
public itemWidth: string;
|
|
34
|
-
|
|
35
|
-
/**
|
|
36
|
-
* Defines the height of the gallery item.
|
|
37
|
-
*
|
|
38
|
-
* @default 'auto'
|
|
39
|
-
*/
|
|
40
|
-
@Property('auto')
|
|
41
|
-
public itemHeight: string;
|
|
42
|
-
|
|
43
|
-
/**
|
|
44
|
-
* Defines the CSS class to customize the gallery groups.
|
|
45
|
-
*
|
|
46
|
-
* @default ''
|
|
47
|
-
*/
|
|
48
|
-
@Property('')
|
|
49
|
-
public cssClass: string;
|
|
50
|
-
}
|
|
@@ -1,43 +0,0 @@
|
|
|
1
|
-
import { ChildProperty, Property } from '@syncfusion/ej2-base';
|
|
2
|
-
|
|
3
|
-
/**
|
|
4
|
-
* Interface for a class RibbonGalleryItem
|
|
5
|
-
*/
|
|
6
|
-
export interface RibbonGalleryItemModel {
|
|
7
|
-
|
|
8
|
-
/**
|
|
9
|
-
* Defines the content for the gallery item.
|
|
10
|
-
*
|
|
11
|
-
* @default ''
|
|
12
|
-
*/
|
|
13
|
-
content?: string;
|
|
14
|
-
|
|
15
|
-
/**
|
|
16
|
-
* Defines the image or icons for the gallery item.
|
|
17
|
-
*
|
|
18
|
-
* @default ''
|
|
19
|
-
*/
|
|
20
|
-
iconCss?: string;
|
|
21
|
-
|
|
22
|
-
/**
|
|
23
|
-
* Specifies additional HTML attributes to be applied to the Ribbon Gallery item.
|
|
24
|
-
*
|
|
25
|
-
* @default {}
|
|
26
|
-
*/
|
|
27
|
-
htmlAttributes?: { [key: string]: string };
|
|
28
|
-
|
|
29
|
-
/**
|
|
30
|
-
* Defines the CSS class to customize the gallery items.
|
|
31
|
-
*
|
|
32
|
-
* @default ''
|
|
33
|
-
*/
|
|
34
|
-
cssClass?: string;
|
|
35
|
-
|
|
36
|
-
/**
|
|
37
|
-
* Defines whether the item is disabled or not.
|
|
38
|
-
*
|
|
39
|
-
* @default false
|
|
40
|
-
*/
|
|
41
|
-
disabled?: boolean;
|
|
42
|
-
|
|
43
|
-
}
|
|
@@ -1,38 +0,0 @@
|
|
|
1
|
-
import { ChildProperty } from '@syncfusion/ej2-base';
|
|
2
|
-
/**
|
|
3
|
-
* Defines the ribbon gallery item.
|
|
4
|
-
*/
|
|
5
|
-
export declare class RibbonGalleryItem extends ChildProperty<RibbonGalleryItem> {
|
|
6
|
-
/**
|
|
7
|
-
* Defines the content for the gallery item.
|
|
8
|
-
*
|
|
9
|
-
* @default ''
|
|
10
|
-
*/
|
|
11
|
-
content: string;
|
|
12
|
-
/**
|
|
13
|
-
* Defines the image or icons for the gallery item.
|
|
14
|
-
*
|
|
15
|
-
* @default ''
|
|
16
|
-
*/
|
|
17
|
-
iconCss: string;
|
|
18
|
-
/**
|
|
19
|
-
* Specifies additional HTML attributes to be applied to the Ribbon Gallery item.
|
|
20
|
-
*
|
|
21
|
-
* @default {}
|
|
22
|
-
*/
|
|
23
|
-
htmlAttributes: {
|
|
24
|
-
[key: string]: string;
|
|
25
|
-
};
|
|
26
|
-
/**
|
|
27
|
-
* Defines the CSS class to customize the gallery items.
|
|
28
|
-
*
|
|
29
|
-
* @default ''
|
|
30
|
-
*/
|
|
31
|
-
cssClass: string;
|
|
32
|
-
/**
|
|
33
|
-
* Defines whether the item is disabled or not.
|
|
34
|
-
*
|
|
35
|
-
* @default false
|
|
36
|
-
*/
|
|
37
|
-
disabled: boolean;
|
|
38
|
-
}
|
|
@@ -1,47 +0,0 @@
|
|
|
1
|
-
import { ChildProperty, Property } from '@syncfusion/ej2-base';
|
|
2
|
-
|
|
3
|
-
/**
|
|
4
|
-
* Defines the ribbon gallery item.
|
|
5
|
-
*/
|
|
6
|
-
export class RibbonGalleryItem extends ChildProperty<RibbonGalleryItem> {
|
|
7
|
-
|
|
8
|
-
/**
|
|
9
|
-
* Defines the content for the gallery item.
|
|
10
|
-
*
|
|
11
|
-
* @default ''
|
|
12
|
-
*/
|
|
13
|
-
@Property('')
|
|
14
|
-
public content: string;
|
|
15
|
-
|
|
16
|
-
/**
|
|
17
|
-
* Defines the image or icons for the gallery item.
|
|
18
|
-
*
|
|
19
|
-
* @default ''
|
|
20
|
-
*/
|
|
21
|
-
@Property('')
|
|
22
|
-
public iconCss: string;
|
|
23
|
-
|
|
24
|
-
/**
|
|
25
|
-
* Specifies additional HTML attributes to be applied to the Ribbon Gallery item.
|
|
26
|
-
*
|
|
27
|
-
* @default {}
|
|
28
|
-
*/
|
|
29
|
-
@Property({})
|
|
30
|
-
public htmlAttributes: { [key: string]: string };
|
|
31
|
-
|
|
32
|
-
/**
|
|
33
|
-
* Defines the CSS class to customize the gallery items.
|
|
34
|
-
*
|
|
35
|
-
* @default ''
|
|
36
|
-
*/
|
|
37
|
-
@Property('')
|
|
38
|
-
public cssClass: string;
|
|
39
|
-
|
|
40
|
-
/**
|
|
41
|
-
* Defines whether the item is disabled or not.
|
|
42
|
-
*
|
|
43
|
-
* @default false
|
|
44
|
-
*/
|
|
45
|
-
@Property(false)
|
|
46
|
-
public disabled: boolean;
|
|
47
|
-
}
|
|
@@ -1,108 +0,0 @@
|
|
|
1
|
-
import { ChildProperty, Collection, EmitType, Property, Event } from '@syncfusion/ej2-base';import { RibbonGalleryGroupModel } from './ribbon-gallery-group-model';import { RibbonGalleryGroup } from './ribbon-gallery-group';import { GalleryHoverEventArgs, GalleryItemEventArgs, GalleryPopupEventArgs, GallerySelectEventArgs, GalleryBeforeSelectEventArgs } from '../base/interface';
|
|
2
|
-
|
|
3
|
-
/**
|
|
4
|
-
* Interface for a class RibbonGallerySettings
|
|
5
|
-
*/
|
|
6
|
-
export interface RibbonGallerySettingsModel {
|
|
7
|
-
|
|
8
|
-
/**
|
|
9
|
-
* Defines the properties for collection of gallery items in the Ribbon.
|
|
10
|
-
*
|
|
11
|
-
* @default []
|
|
12
|
-
* @aspType List<RibbonGalleryGroup>
|
|
13
|
-
*/
|
|
14
|
-
groups?: RibbonGalleryGroupModel[];
|
|
15
|
-
|
|
16
|
-
/**
|
|
17
|
-
* Defines the number of items to be displayed in the Ribbon Gallery.
|
|
18
|
-
*
|
|
19
|
-
* @default 3
|
|
20
|
-
*/
|
|
21
|
-
itemCount?: number;
|
|
22
|
-
|
|
23
|
-
/**
|
|
24
|
-
* Defines the index of current selected gallery item.
|
|
25
|
-
*
|
|
26
|
-
* @default null
|
|
27
|
-
*/
|
|
28
|
-
selectedItemIndex?: number;
|
|
29
|
-
|
|
30
|
-
/**
|
|
31
|
-
* Defines the height of the ribbon gallery popup.
|
|
32
|
-
*
|
|
33
|
-
* @default 'auto'
|
|
34
|
-
*/
|
|
35
|
-
popupHeight?: string;
|
|
36
|
-
|
|
37
|
-
/**
|
|
38
|
-
* Defines the width of the ribbon gallery popup.
|
|
39
|
-
*
|
|
40
|
-
* @default 'auto'
|
|
41
|
-
*/
|
|
42
|
-
popupWidth?: string;
|
|
43
|
-
|
|
44
|
-
/**
|
|
45
|
-
* Defines the template for gallery items contents. The current gallery item model passed as context to build the content.
|
|
46
|
-
*
|
|
47
|
-
* @default ''
|
|
48
|
-
* @angularType string | object
|
|
49
|
-
* @reactType string | function | JSX.Element
|
|
50
|
-
* @vueType string | function
|
|
51
|
-
* @aspType string
|
|
52
|
-
*/
|
|
53
|
-
template?: string | Function;
|
|
54
|
-
|
|
55
|
-
/**
|
|
56
|
-
* Defines the template for gallery items in popup. The current gallery item model passed as context to build the content.
|
|
57
|
-
*
|
|
58
|
-
* @default ''
|
|
59
|
-
* @angularType string | object
|
|
60
|
-
* @reactType string | function | JSX.Element
|
|
61
|
-
* @vueType string | function
|
|
62
|
-
* @aspType string
|
|
63
|
-
*/
|
|
64
|
-
popupTemplate?: string | Function;
|
|
65
|
-
|
|
66
|
-
/**
|
|
67
|
-
* Event triggers when the gallery popup opens.
|
|
68
|
-
*
|
|
69
|
-
* @event popupOpen
|
|
70
|
-
*/
|
|
71
|
-
popupOpen?: EmitType<GalleryPopupEventArgs>;
|
|
72
|
-
|
|
73
|
-
/**
|
|
74
|
-
* Event triggers when the gallery popup closes.
|
|
75
|
-
*
|
|
76
|
-
* @event popupClose
|
|
77
|
-
*/
|
|
78
|
-
popupClose?: EmitType<GalleryPopupEventArgs>;
|
|
79
|
-
|
|
80
|
-
/**
|
|
81
|
-
* Event triggers when a user hovers over a gallery item.
|
|
82
|
-
*
|
|
83
|
-
* @event itemHover
|
|
84
|
-
*/
|
|
85
|
-
itemHover?: EmitType<GalleryHoverEventArgs>;
|
|
86
|
-
|
|
87
|
-
/**
|
|
88
|
-
* Event triggers before rendering each gallery item.
|
|
89
|
-
*
|
|
90
|
-
* @event beforeItemRender
|
|
91
|
-
*/
|
|
92
|
-
beforeItemRender?: EmitType<GalleryItemEventArgs>;
|
|
93
|
-
|
|
94
|
-
/**
|
|
95
|
-
* Event triggers before the gallery items selects.
|
|
96
|
-
*
|
|
97
|
-
* @event beforeSelect
|
|
98
|
-
*/
|
|
99
|
-
beforeSelect?: EmitType<GalleryBeforeSelectEventArgs>;
|
|
100
|
-
|
|
101
|
-
/**
|
|
102
|
-
* Event triggers when the gallery items selects.
|
|
103
|
-
*
|
|
104
|
-
* @event select
|
|
105
|
-
*/
|
|
106
|
-
select?: EmitType<GallerySelectEventArgs>;
|
|
107
|
-
|
|
108
|
-
}
|
|
@@ -1,95 +0,0 @@
|
|
|
1
|
-
import { ChildProperty, EmitType } from '@syncfusion/ej2-base';
|
|
2
|
-
import { RibbonGalleryGroupModel } from './ribbon-gallery-group-model';
|
|
3
|
-
import { GalleryHoverEventArgs, GalleryItemEventArgs, GalleryPopupEventArgs, GallerySelectEventArgs, GalleryBeforeSelectEventArgs } from '../base/interface';
|
|
4
|
-
/**
|
|
5
|
-
* Defines the ribbon gallery settings.
|
|
6
|
-
*/
|
|
7
|
-
export declare class RibbonGallerySettings extends ChildProperty<RibbonGallerySettings> {
|
|
8
|
-
/**
|
|
9
|
-
* Defines the properties for collection of gallery items in the Ribbon.
|
|
10
|
-
*
|
|
11
|
-
* @default []
|
|
12
|
-
* @aspType List<RibbonGalleryGroup>
|
|
13
|
-
*/
|
|
14
|
-
groups: RibbonGalleryGroupModel[];
|
|
15
|
-
/**
|
|
16
|
-
* Defines the number of items to be displayed in the Ribbon Gallery.
|
|
17
|
-
*
|
|
18
|
-
* @default 3
|
|
19
|
-
*/
|
|
20
|
-
itemCount: number;
|
|
21
|
-
/**
|
|
22
|
-
* Defines the index of current selected gallery item.
|
|
23
|
-
*
|
|
24
|
-
* @default null
|
|
25
|
-
*/
|
|
26
|
-
selectedItemIndex: number;
|
|
27
|
-
/**
|
|
28
|
-
* Defines the height of the ribbon gallery popup.
|
|
29
|
-
*
|
|
30
|
-
* @default 'auto'
|
|
31
|
-
*/
|
|
32
|
-
popupHeight: string;
|
|
33
|
-
/**
|
|
34
|
-
* Defines the width of the ribbon gallery popup.
|
|
35
|
-
*
|
|
36
|
-
* @default 'auto'
|
|
37
|
-
*/
|
|
38
|
-
popupWidth: string;
|
|
39
|
-
/**
|
|
40
|
-
* Defines the template for gallery items contents. The current gallery item model passed as context to build the content.
|
|
41
|
-
*
|
|
42
|
-
* @default ''
|
|
43
|
-
* @angularType string | object
|
|
44
|
-
* @reactType string | function | JSX.Element
|
|
45
|
-
* @vueType string | function
|
|
46
|
-
* @aspType string
|
|
47
|
-
*/
|
|
48
|
-
template: string | Function;
|
|
49
|
-
/**
|
|
50
|
-
* Defines the template for gallery items in popup. The current gallery item model passed as context to build the content.
|
|
51
|
-
*
|
|
52
|
-
* @default ''
|
|
53
|
-
* @angularType string | object
|
|
54
|
-
* @reactType string | function | JSX.Element
|
|
55
|
-
* @vueType string | function
|
|
56
|
-
* @aspType string
|
|
57
|
-
*/
|
|
58
|
-
popupTemplate: string | Function;
|
|
59
|
-
/**
|
|
60
|
-
* Event triggers when the gallery popup opens.
|
|
61
|
-
*
|
|
62
|
-
* @event popupOpen
|
|
63
|
-
*/
|
|
64
|
-
popupOpen: EmitType<GalleryPopupEventArgs>;
|
|
65
|
-
/**
|
|
66
|
-
* Event triggers when the gallery popup closes.
|
|
67
|
-
*
|
|
68
|
-
* @event popupClose
|
|
69
|
-
*/
|
|
70
|
-
popupClose: EmitType<GalleryPopupEventArgs>;
|
|
71
|
-
/**
|
|
72
|
-
* Event triggers when a user hovers over a gallery item.
|
|
73
|
-
*
|
|
74
|
-
* @event itemHover
|
|
75
|
-
*/
|
|
76
|
-
itemHover: EmitType<GalleryHoverEventArgs>;
|
|
77
|
-
/**
|
|
78
|
-
* Event triggers before rendering each gallery item.
|
|
79
|
-
*
|
|
80
|
-
* @event beforeItemRender
|
|
81
|
-
*/
|
|
82
|
-
beforeItemRender: EmitType<GalleryItemEventArgs>;
|
|
83
|
-
/**
|
|
84
|
-
* Event triggers before the gallery items selects.
|
|
85
|
-
*
|
|
86
|
-
* @event beforeSelect
|
|
87
|
-
*/
|
|
88
|
-
beforeSelect: EmitType<GalleryBeforeSelectEventArgs>;
|
|
89
|
-
/**
|
|
90
|
-
* Event triggers when the gallery items selects.
|
|
91
|
-
*
|
|
92
|
-
* @event select
|
|
93
|
-
*/
|
|
94
|
-
select: EmitType<GallerySelectEventArgs>;
|
|
95
|
-
}
|
|
@@ -1,123 +0,0 @@
|
|
|
1
|
-
import { ChildProperty, Collection, EmitType, Property, Event } from '@syncfusion/ej2-base';
|
|
2
|
-
import { RibbonGalleryGroupModel } from './ribbon-gallery-group-model';
|
|
3
|
-
import { RibbonGalleryGroup } from './ribbon-gallery-group';
|
|
4
|
-
import { GalleryHoverEventArgs, GalleryItemEventArgs, GalleryPopupEventArgs, GallerySelectEventArgs, GalleryBeforeSelectEventArgs } from '../base/interface';
|
|
5
|
-
|
|
6
|
-
/**
|
|
7
|
-
* Defines the ribbon gallery settings.
|
|
8
|
-
*/
|
|
9
|
-
export class RibbonGallerySettings extends ChildProperty<RibbonGallerySettings> {
|
|
10
|
-
|
|
11
|
-
/**
|
|
12
|
-
* Defines the properties for collection of gallery items in the Ribbon.
|
|
13
|
-
*
|
|
14
|
-
* @default []
|
|
15
|
-
* @aspType List<RibbonGalleryGroup>
|
|
16
|
-
*/
|
|
17
|
-
@Collection<RibbonGalleryGroupModel>([], RibbonGalleryGroup)
|
|
18
|
-
public groups: RibbonGalleryGroupModel[];
|
|
19
|
-
|
|
20
|
-
/**
|
|
21
|
-
* Defines the number of items to be displayed in the Ribbon Gallery.
|
|
22
|
-
*
|
|
23
|
-
* @default 3
|
|
24
|
-
*/
|
|
25
|
-
@Property(3)
|
|
26
|
-
public itemCount: number;
|
|
27
|
-
|
|
28
|
-
/**
|
|
29
|
-
* Defines the index of current selected gallery item.
|
|
30
|
-
*
|
|
31
|
-
* @default null
|
|
32
|
-
*/
|
|
33
|
-
@Property(null)
|
|
34
|
-
public selectedItemIndex: number;
|
|
35
|
-
|
|
36
|
-
/**
|
|
37
|
-
* Defines the height of the ribbon gallery popup.
|
|
38
|
-
*
|
|
39
|
-
* @default 'auto'
|
|
40
|
-
*/
|
|
41
|
-
@Property('auto')
|
|
42
|
-
public popupHeight: string;
|
|
43
|
-
|
|
44
|
-
/**
|
|
45
|
-
* Defines the width of the ribbon gallery popup.
|
|
46
|
-
*
|
|
47
|
-
* @default 'auto'
|
|
48
|
-
*/
|
|
49
|
-
@Property('auto')
|
|
50
|
-
public popupWidth: string;
|
|
51
|
-
|
|
52
|
-
/**
|
|
53
|
-
* Defines the template for gallery items contents. The current gallery item model passed as context to build the content.
|
|
54
|
-
*
|
|
55
|
-
* @default ''
|
|
56
|
-
* @angularType string | object
|
|
57
|
-
* @reactType string | function | JSX.Element
|
|
58
|
-
* @vueType string | function
|
|
59
|
-
* @aspType string
|
|
60
|
-
*/
|
|
61
|
-
@Property('')
|
|
62
|
-
public template: string | Function;
|
|
63
|
-
|
|
64
|
-
/**
|
|
65
|
-
* Defines the template for gallery items in popup. The current gallery item model passed as context to build the content.
|
|
66
|
-
*
|
|
67
|
-
* @default ''
|
|
68
|
-
* @angularType string | object
|
|
69
|
-
* @reactType string | function | JSX.Element
|
|
70
|
-
* @vueType string | function
|
|
71
|
-
* @aspType string
|
|
72
|
-
*/
|
|
73
|
-
@Property('')
|
|
74
|
-
public popupTemplate: string | Function;
|
|
75
|
-
|
|
76
|
-
/**
|
|
77
|
-
* Event triggers when the gallery popup opens.
|
|
78
|
-
*
|
|
79
|
-
* @event popupOpen
|
|
80
|
-
*/
|
|
81
|
-
@Event()
|
|
82
|
-
public popupOpen: EmitType<GalleryPopupEventArgs>;
|
|
83
|
-
|
|
84
|
-
/**
|
|
85
|
-
* Event triggers when the gallery popup closes.
|
|
86
|
-
*
|
|
87
|
-
* @event popupClose
|
|
88
|
-
*/
|
|
89
|
-
@Event()
|
|
90
|
-
public popupClose: EmitType<GalleryPopupEventArgs>;
|
|
91
|
-
|
|
92
|
-
/**
|
|
93
|
-
* Event triggers when a user hovers over a gallery item.
|
|
94
|
-
*
|
|
95
|
-
* @event itemHover
|
|
96
|
-
*/
|
|
97
|
-
@Event()
|
|
98
|
-
public itemHover: EmitType<GalleryHoverEventArgs>;
|
|
99
|
-
|
|
100
|
-
/**
|
|
101
|
-
* Event triggers before rendering each gallery item.
|
|
102
|
-
*
|
|
103
|
-
* @event beforeItemRender
|
|
104
|
-
*/
|
|
105
|
-
@Event()
|
|
106
|
-
public beforeItemRender: EmitType<GalleryItemEventArgs>;
|
|
107
|
-
|
|
108
|
-
/**
|
|
109
|
-
* Event triggers before the gallery items selects.
|
|
110
|
-
*
|
|
111
|
-
* @event beforeSelect
|
|
112
|
-
*/
|
|
113
|
-
@Event()
|
|
114
|
-
public beforeSelect: EmitType<GalleryBeforeSelectEventArgs>;
|
|
115
|
-
|
|
116
|
-
/**
|
|
117
|
-
* Event triggers when the gallery items selects.
|
|
118
|
-
*
|
|
119
|
-
* @event select
|
|
120
|
-
*/
|
|
121
|
-
@Event()
|
|
122
|
-
public select: EmitType<GallerySelectEventArgs>;
|
|
123
|
-
}
|
|
@@ -1,64 +0,0 @@
|
|
|
1
|
-
import { ChildProperty, Event, EmitType, Property, Complex } from '@syncfusion/ej2-base';
|
|
2
|
-
|
|
3
|
-
/**
|
|
4
|
-
* Interface for a class RibbonGroupButtonItem
|
|
5
|
-
*/
|
|
6
|
-
export interface RibbonGroupButtonItemModel {
|
|
7
|
-
|
|
8
|
-
/**
|
|
9
|
-
* Defines the content for the button.
|
|
10
|
-
*
|
|
11
|
-
* @default ''
|
|
12
|
-
*/
|
|
13
|
-
content?: string;
|
|
14
|
-
|
|
15
|
-
/**
|
|
16
|
-
* Defines the CSS class for the icons to be shown in button.
|
|
17
|
-
*
|
|
18
|
-
* @default ''
|
|
19
|
-
*/
|
|
20
|
-
iconCss?: string;
|
|
21
|
-
|
|
22
|
-
/**
|
|
23
|
-
* Specifies the keytip content.
|
|
24
|
-
*
|
|
25
|
-
* @default ''
|
|
26
|
-
*/
|
|
27
|
-
keyTip?: string;
|
|
28
|
-
|
|
29
|
-
/**
|
|
30
|
-
* Specifies the tooltip settings for the group button items.
|
|
31
|
-
*
|
|
32
|
-
* @default {}
|
|
33
|
-
*/
|
|
34
|
-
ribbonTooltipSettings?: RibbonTooltipModel;
|
|
35
|
-
|
|
36
|
-
/**
|
|
37
|
-
* Defines whether the button is selected or not.
|
|
38
|
-
*
|
|
39
|
-
* @default false
|
|
40
|
-
*/
|
|
41
|
-
selected?: boolean;
|
|
42
|
-
|
|
43
|
-
/**
|
|
44
|
-
* Specifies additional HTML attributes to be applied to the group button item.
|
|
45
|
-
*
|
|
46
|
-
* @default {}
|
|
47
|
-
*/
|
|
48
|
-
htmlAttributes?: { [key: string]: string };
|
|
49
|
-
|
|
50
|
-
/**
|
|
51
|
-
* Triggers before clicking the button from group button.
|
|
52
|
-
*
|
|
53
|
-
* @event beforeClick
|
|
54
|
-
*/
|
|
55
|
-
beforeClick?: EmitType<BeforeClickGroupButtonEventArgs>;
|
|
56
|
-
|
|
57
|
-
/**
|
|
58
|
-
* Triggers after clicking the button from group button.
|
|
59
|
-
*
|
|
60
|
-
* @event click
|
|
61
|
-
*/
|
|
62
|
-
click?: EmitType<ClickGroupButtonEventArgs>;
|
|
63
|
-
|
|
64
|
-
}
|
|
@@ -1,65 +0,0 @@
|
|
|
1
|
-
import { ChildProperty, EmitType } from '@syncfusion/ej2-base';
|
|
2
|
-
import { BeforeClickGroupButtonEventArgs, ClickGroupButtonEventArgs } from '../base/interface';
|
|
3
|
-
import { RibbonTooltipModel } from './ribbon-tooltip-model';
|
|
4
|
-
/**
|
|
5
|
-
* Defines the ribbon group button settings.
|
|
6
|
-
*/
|
|
7
|
-
export declare class RibbonGroupButtonItem extends ChildProperty<RibbonGroupButtonItem> {
|
|
8
|
-
/**
|
|
9
|
-
* Defines the content for the button.
|
|
10
|
-
*
|
|
11
|
-
* @default ''
|
|
12
|
-
*/
|
|
13
|
-
content: string;
|
|
14
|
-
/**
|
|
15
|
-
* Defines the CSS class for the icons to be shown in button.
|
|
16
|
-
*
|
|
17
|
-
* @default ''
|
|
18
|
-
*/
|
|
19
|
-
iconCss: string;
|
|
20
|
-
/**
|
|
21
|
-
* Specifies the keytip content.
|
|
22
|
-
*
|
|
23
|
-
* @default ''
|
|
24
|
-
*/
|
|
25
|
-
keyTip: string;
|
|
26
|
-
/**
|
|
27
|
-
* Specifies the tooltip settings for the group button items.
|
|
28
|
-
*
|
|
29
|
-
* @default {}
|
|
30
|
-
*/
|
|
31
|
-
ribbonTooltipSettings: RibbonTooltipModel;
|
|
32
|
-
/**
|
|
33
|
-
* Defines whether the button is selected or not.
|
|
34
|
-
*
|
|
35
|
-
* @default false
|
|
36
|
-
*/
|
|
37
|
-
selected: boolean;
|
|
38
|
-
/**
|
|
39
|
-
* Specifies additional HTML attributes to be applied to the group button item.
|
|
40
|
-
*
|
|
41
|
-
* @default {}
|
|
42
|
-
*/
|
|
43
|
-
htmlAttributes: {
|
|
44
|
-
[key: string]: string;
|
|
45
|
-
};
|
|
46
|
-
/**
|
|
47
|
-
* Triggers before clicking the button from group button.
|
|
48
|
-
*
|
|
49
|
-
* @event beforeClick
|
|
50
|
-
*/
|
|
51
|
-
beforeClick: EmitType<BeforeClickGroupButtonEventArgs>;
|
|
52
|
-
/**
|
|
53
|
-
* Triggers after clicking the button from group button.
|
|
54
|
-
*
|
|
55
|
-
* @event click
|
|
56
|
-
*/
|
|
57
|
-
click: EmitType<ClickGroupButtonEventArgs>;
|
|
58
|
-
/**
|
|
59
|
-
* @param {Object} prop - Gets the property of group button.
|
|
60
|
-
* @param {boolean} muteOnChange - Gets the boolean value of muteOnChange.
|
|
61
|
-
* @returns {void}
|
|
62
|
-
* @private
|
|
63
|
-
*/
|
|
64
|
-
setProperties(prop: Object, muteOnChange: boolean): void;
|
|
65
|
-
}
|