@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.
Files changed (186) hide show
  1. package/dist/ej2-ribbon.umd.min.js +3 -3
  2. package/dist/ej2-ribbon.umd.min.js.map +1 -1
  3. package/dist/es6/ej2-ribbon.es2015.js +24 -5
  4. package/dist/es6/ej2-ribbon.es2015.js.map +1 -1
  5. package/dist/es6/ej2-ribbon.es5.js +24 -5
  6. package/dist/es6/ej2-ribbon.es5.js.map +1 -1
  7. package/dist/global/ej2-ribbon.min.js +3 -3
  8. package/dist/global/ej2-ribbon.min.js.map +1 -1
  9. package/dist/global/index.d.ts +2 -2
  10. package/package.json +19 -55
  11. package/src/ribbon/base/ribbon-model.d.ts +1 -1
  12. package/src/ribbon/base/ribbon.js +14 -5
  13. package/src/ribbon/items/ribbon-splitbutton.js +11 -0
  14. package/styles/bds-lite.css +9 -0
  15. package/styles/bds.css +9 -0
  16. package/styles/bootstrap-dark-lite.css +9 -0
  17. package/styles/bootstrap-dark.css +9 -0
  18. package/styles/bootstrap-lite.css +9 -0
  19. package/styles/bootstrap.css +9 -0
  20. package/styles/bootstrap4-lite.css +17 -0
  21. package/styles/bootstrap4.css +17 -0
  22. package/styles/bootstrap5-dark-lite.css +9 -0
  23. package/styles/bootstrap5-dark.css +9 -0
  24. package/styles/bootstrap5-lite.css +9 -0
  25. package/styles/bootstrap5.3-lite.css +9 -0
  26. package/styles/bootstrap5.3.css +9 -0
  27. package/styles/bootstrap5.css +9 -0
  28. package/styles/fabric-dark-lite.css +9 -0
  29. package/styles/fabric-dark.css +9 -0
  30. package/styles/fabric-lite.css +9 -0
  31. package/styles/fabric.css +9 -0
  32. package/styles/fluent-dark-lite.css +9 -0
  33. package/styles/fluent-dark.css +9 -0
  34. package/styles/fluent-lite.css +9 -0
  35. package/styles/fluent.css +9 -0
  36. package/styles/fluent2-lite.css +11 -2
  37. package/styles/fluent2.css +11 -2
  38. package/styles/highcontrast-light-lite.css +9 -0
  39. package/styles/highcontrast-light.css +9 -0
  40. package/styles/highcontrast-lite.css +9 -0
  41. package/styles/highcontrast.css +9 -0
  42. package/styles/material-dark-lite.css +9 -0
  43. package/styles/material-dark.css +9 -0
  44. package/styles/material-lite.css +9 -0
  45. package/styles/material.css +9 -0
  46. package/styles/material3-dark-lite.css +9 -0
  47. package/styles/material3-dark.css +9 -0
  48. package/styles/material3-lite.css +9 -0
  49. package/styles/material3.css +9 -0
  50. package/styles/ribbon/_fluent2-definition.scss +2 -2
  51. package/styles/ribbon/_layout.scss +7 -0
  52. package/styles/ribbon/bds.css +9 -0
  53. package/styles/ribbon/bootstrap-dark.css +9 -0
  54. package/styles/ribbon/bootstrap.css +9 -0
  55. package/styles/ribbon/bootstrap4.css +17 -0
  56. package/styles/ribbon/bootstrap5-dark.css +9 -0
  57. package/styles/ribbon/bootstrap5.3.css +9 -0
  58. package/styles/ribbon/bootstrap5.css +9 -0
  59. package/styles/ribbon/fabric-dark.css +9 -0
  60. package/styles/ribbon/fabric.css +9 -0
  61. package/styles/ribbon/fluent-dark.css +9 -0
  62. package/styles/ribbon/fluent.css +9 -0
  63. package/styles/ribbon/fluent2.css +11 -2
  64. package/styles/ribbon/highcontrast-light.css +9 -0
  65. package/styles/ribbon/highcontrast.css +9 -0
  66. package/styles/ribbon/material-dark.css +9 -0
  67. package/styles/ribbon/material.css +9 -0
  68. package/styles/ribbon/material3-dark.css +9 -0
  69. package/styles/ribbon/material3.css +9 -0
  70. package/styles/ribbon/tailwind-dark.css +9 -0
  71. package/styles/ribbon/tailwind.css +9 -0
  72. package/styles/ribbon/tailwind3.css +9 -0
  73. package/styles/tailwind-dark-lite.css +9 -0
  74. package/styles/tailwind-dark.css +9 -0
  75. package/styles/tailwind-lite.css +9 -0
  76. package/styles/tailwind.css +9 -0
  77. package/styles/tailwind3-lite.css +9 -0
  78. package/styles/tailwind3.css +9 -0
  79. package/dist/ts/index.d.ts +0 -1
  80. package/dist/ts/index.ts +0 -3
  81. package/dist/ts/ribbon/base/constant.d.ts +0 -201
  82. package/dist/ts/ribbon/base/constant.ts +0 -204
  83. package/dist/ts/ribbon/base/index.d.ts +0 -8
  84. package/dist/ts/ribbon/base/index.ts +0 -8
  85. package/dist/ts/ribbon/base/interface.d.ts +0 -398
  86. package/dist/ts/ribbon/base/interface.ts +0 -424
  87. package/dist/ts/ribbon/base/ribbon-model.d.ts +0 -195
  88. package/dist/ts/ribbon/base/ribbon.d.ts +0 -608
  89. package/dist/ts/ribbon/base/ribbon.ts +0 -4896
  90. package/dist/ts/ribbon/base/utils.d.ts +0 -139
  91. package/dist/ts/ribbon/base/utils.ts +0 -341
  92. package/dist/ts/ribbon/index.d.ts +0 -7
  93. package/dist/ts/ribbon/index.ts +0 -7
  94. package/dist/ts/ribbon/items/index.d.ts +0 -8
  95. package/dist/ts/ribbon/items/index.ts +0 -8
  96. package/dist/ts/ribbon/items/ribbon-button.d.ts +0 -64
  97. package/dist/ts/ribbon/items/ribbon-button.ts +0 -160
  98. package/dist/ts/ribbon/items/ribbon-checkbox.d.ts +0 -55
  99. package/dist/ts/ribbon/items/ribbon-checkbox.ts +0 -130
  100. package/dist/ts/ribbon/items/ribbon-colorpicker.d.ts +0 -72
  101. package/dist/ts/ribbon/items/ribbon-colorpicker.ts +0 -228
  102. package/dist/ts/ribbon/items/ribbon-combobox.d.ts +0 -77
  103. package/dist/ts/ribbon/items/ribbon-combobox.ts +0 -201
  104. package/dist/ts/ribbon/items/ribbon-dropdown.d.ts +0 -128
  105. package/dist/ts/ribbon/items/ribbon-dropdown.ts +0 -400
  106. package/dist/ts/ribbon/items/ribbon-gallery.d.ts +0 -97
  107. package/dist/ts/ribbon/items/ribbon-gallery.ts +0 -773
  108. package/dist/ts/ribbon/items/ribbon-groupbutton.d.ts +0 -73
  109. package/dist/ts/ribbon/items/ribbon-groupbutton.ts +0 -531
  110. package/dist/ts/ribbon/items/ribbon-splitbutton.d.ts +0 -85
  111. package/dist/ts/ribbon/items/ribbon-splitbutton.ts +0 -257
  112. package/dist/ts/ribbon/models/index.d.ts +0 -42
  113. package/dist/ts/ribbon/models/index.ts +0 -44
  114. package/dist/ts/ribbon/models/ribbon-back-button-model.d.ts +0 -29
  115. package/dist/ts/ribbon/models/ribbon-back-button.d.ts +0 -24
  116. package/dist/ts/ribbon/models/ribbon-back-button.ts +0 -31
  117. package/dist/ts/ribbon/models/ribbon-back-stage-settings-model.d.ts +0 -83
  118. package/dist/ts/ribbon/models/ribbon-back-stage-settings.d.ts +0 -81
  119. package/dist/ts/ribbon/models/ribbon-back-stage-settings.ts +0 -109
  120. package/dist/ts/ribbon/models/ribbon-backstage-item-model.d.ts +0 -69
  121. package/dist/ts/ribbon/models/ribbon-backstage-item.d.ts +0 -80
  122. package/dist/ts/ribbon/models/ribbon-backstage-item.ts +0 -102
  123. package/dist/ts/ribbon/models/ribbon-button-settings-model.d.ts +0 -64
  124. package/dist/ts/ribbon/models/ribbon-button-settings.d.ts +0 -63
  125. package/dist/ts/ribbon/models/ribbon-button-settings.ts +0 -80
  126. package/dist/ts/ribbon/models/ribbon-checkbox-settings-model.d.ts +0 -57
  127. package/dist/ts/ribbon/models/ribbon-checkbox-settings.d.ts +0 -58
  128. package/dist/ts/ribbon/models/ribbon-checkbox-settings.ts +0 -74
  129. package/dist/ts/ribbon/models/ribbon-collection-model.d.ts +0 -30
  130. package/dist/ts/ribbon/models/ribbon-collection.d.ts +0 -33
  131. package/dist/ts/ribbon/models/ribbon-collection.ts +0 -45
  132. package/dist/ts/ribbon/models/ribbon-colorpicker-settings-model.d.ts +0 -137
  133. package/dist/ts/ribbon/models/ribbon-colorpicker-settings.d.ts +0 -129
  134. package/dist/ts/ribbon/models/ribbon-colorpicker-settings.ts +0 -165
  135. package/dist/ts/ribbon/models/ribbon-combobox-settings-model.d.ts +0 -275
  136. package/dist/ts/ribbon/models/ribbon-combobox-settings.d.ts +0 -257
  137. package/dist/ts/ribbon/models/ribbon-combobox-settings.ts +0 -313
  138. package/dist/ts/ribbon/models/ribbon-contextual-tab-settings-model.d.ts +0 -30
  139. package/dist/ts/ribbon/models/ribbon-contextual-tab-settings.d.ts +0 -33
  140. package/dist/ts/ribbon/models/ribbon-contextual-tab-settings.ts +0 -44
  141. package/dist/ts/ribbon/models/ribbon-dropdown-settings-model.d.ts +0 -114
  142. package/dist/ts/ribbon/models/ribbon-dropdown-settings.d.ts +0 -107
  143. package/dist/ts/ribbon/models/ribbon-dropdown-settings.ts +0 -139
  144. package/dist/ts/ribbon/models/ribbon-file-menu-settings-model.d.ts +0 -123
  145. package/dist/ts/ribbon/models/ribbon-file-menu-settings.d.ts +0 -173
  146. package/dist/ts/ribbon/models/ribbon-file-menu-settings.ts +0 -220
  147. package/dist/ts/ribbon/models/ribbon-gallery-group-model.d.ts +0 -44
  148. package/dist/ts/ribbon/models/ribbon-gallery-group.d.ts +0 -38
  149. package/dist/ts/ribbon/models/ribbon-gallery-group.ts +0 -50
  150. package/dist/ts/ribbon/models/ribbon-gallery-item-model.d.ts +0 -43
  151. package/dist/ts/ribbon/models/ribbon-gallery-item.d.ts +0 -38
  152. package/dist/ts/ribbon/models/ribbon-gallery-item.ts +0 -47
  153. package/dist/ts/ribbon/models/ribbon-gallery-settings-model.d.ts +0 -108
  154. package/dist/ts/ribbon/models/ribbon-gallery-settings.d.ts +0 -95
  155. package/dist/ts/ribbon/models/ribbon-gallery-settings.ts +0 -123
  156. package/dist/ts/ribbon/models/ribbon-group-button-item-model.d.ts +0 -64
  157. package/dist/ts/ribbon/models/ribbon-group-button-item.d.ts +0 -65
  158. package/dist/ts/ribbon/models/ribbon-group-button-item.ts +0 -85
  159. package/dist/ts/ribbon/models/ribbon-group-button-settings-model.d.ts +0 -32
  160. package/dist/ts/ribbon/models/ribbon-group-button-settings.d.ts +0 -29
  161. package/dist/ts/ribbon/models/ribbon-group-button-settings.ts +0 -38
  162. package/dist/ts/ribbon/models/ribbon-group-model.d.ts +0 -112
  163. package/dist/ts/ribbon/models/ribbon-group.d.ts +0 -105
  164. package/dist/ts/ribbon/models/ribbon-group.ts +0 -138
  165. package/dist/ts/ribbon/models/ribbon-item-model.d.ts +0 -144
  166. package/dist/ts/ribbon/models/ribbon-item.d.ts +0 -141
  167. package/dist/ts/ribbon/models/ribbon-item.ts +0 -190
  168. package/dist/ts/ribbon/models/ribbon-splitbutton-settings-model.d.ts +0 -114
  169. package/dist/ts/ribbon/models/ribbon-splitbutton-settings.d.ts +0 -107
  170. package/dist/ts/ribbon/models/ribbon-splitbutton-settings.ts +0 -140
  171. package/dist/ts/ribbon/models/ribbon-tab-model.d.ts +0 -44
  172. package/dist/ts/ribbon/models/ribbon-tab.d.ts +0 -45
  173. package/dist/ts/ribbon/models/ribbon-tab.ts +0 -61
  174. package/dist/ts/ribbon/models/ribbon-tooltip-model.d.ts +0 -43
  175. package/dist/ts/ribbon/models/ribbon-tooltip.d.ts +0 -36
  176. package/dist/ts/ribbon/models/ribbon-tooltip.ts +0 -47
  177. package/dist/ts/ribbon/modules/index.d.ts +0 -4
  178. package/dist/ts/ribbon/modules/index.ts +0 -5
  179. package/dist/ts/ribbon/modules/ribbon-backstage.d.ts +0 -117
  180. package/dist/ts/ribbon/modules/ribbon-backstage.ts +0 -620
  181. package/dist/ts/ribbon/modules/ribbon-contextualtab.d.ts +0 -27
  182. package/dist/ts/ribbon/modules/ribbon-contextualtab.ts +0 -93
  183. package/dist/ts/ribbon/modules/ribbon-filemenu.d.ts +0 -96
  184. package/dist/ts/ribbon/modules/ribbon-filemenu.ts +0 -353
  185. package/dist/ts/ribbon/modules/ribbon-keytip.d.ts +0 -56
  186. 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
- }