@syncfusion/ej2-ribbon 21.1.35

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 (188) hide show
  1. package/.eslintrc.json +259 -0
  2. package/.github/PULL_REQUEST_TEMPLATE/Bug.md +60 -0
  3. package/.github/PULL_REQUEST_TEMPLATE/feature.md +37 -0
  4. package/CHANGELOG.md +19 -0
  5. package/README.md +3 -0
  6. package/dist/ej2-ribbon.umd.min.js +11 -0
  7. package/dist/ej2-ribbon.umd.min.js.map +1 -0
  8. package/dist/es6/ej2-ribbon.es2015.js +4946 -0
  9. package/dist/es6/ej2-ribbon.es2015.js.map +1 -0
  10. package/dist/es6/ej2-ribbon.es5.js +5253 -0
  11. package/dist/es6/ej2-ribbon.es5.js.map +1 -0
  12. package/dist/global/ej2-ribbon.min.js +11 -0
  13. package/dist/global/ej2-ribbon.min.js.map +1 -0
  14. package/dist/global/index.d.ts +14 -0
  15. package/index.d.ts +4 -0
  16. package/index.js +4 -0
  17. package/license +10 -0
  18. package/package.json +67 -0
  19. package/ribbon.d.ts +4 -0
  20. package/ribbon.js +4 -0
  21. package/src/global.js +3 -0
  22. package/src/index.d.ts +1 -0
  23. package/src/index.js +3 -0
  24. package/src/ribbon/base/constant.d.ts +151 -0
  25. package/src/ribbon/base/constant.js +151 -0
  26. package/src/ribbon/base/index.d.ts +8 -0
  27. package/src/ribbon/base/index.js +7 -0
  28. package/src/ribbon/base/interface.d.ts +194 -0
  29. package/src/ribbon/base/interface.js +106 -0
  30. package/src/ribbon/base/ribbon-model.d.ts +129 -0
  31. package/src/ribbon/base/ribbon.d.ts +357 -0
  32. package/src/ribbon/base/ribbon.js +2413 -0
  33. package/src/ribbon/base/utils.d.ts +113 -0
  34. package/src/ribbon/base/utils.js +288 -0
  35. package/src/ribbon/index.d.ts +7 -0
  36. package/src/ribbon/index.js +7 -0
  37. package/src/ribbon/items/index.d.ts +6 -0
  38. package/src/ribbon/items/index.js +6 -0
  39. package/src/ribbon/items/ribbon-button.d.ts +65 -0
  40. package/src/ribbon/items/ribbon-button.js +153 -0
  41. package/src/ribbon/items/ribbon-checkbox.d.ts +56 -0
  42. package/src/ribbon/items/ribbon-checkbox.js +134 -0
  43. package/src/ribbon/items/ribbon-colorpicker.d.ts +66 -0
  44. package/src/ribbon/items/ribbon-colorpicker.js +163 -0
  45. package/src/ribbon/items/ribbon-combobox.d.ts +78 -0
  46. package/src/ribbon/items/ribbon-combobox.js +185 -0
  47. package/src/ribbon/items/ribbon-dropdown.d.ts +123 -0
  48. package/src/ribbon/items/ribbon-dropdown.js +268 -0
  49. package/src/ribbon/items/ribbon-splitbutton.d.ts +86 -0
  50. package/src/ribbon/items/ribbon-splitbutton.js +227 -0
  51. package/src/ribbon/models/index.d.ts +24 -0
  52. package/src/ribbon/models/index.js +13 -0
  53. package/src/ribbon/models/ribbon-button-settings-model.d.ts +57 -0
  54. package/src/ribbon/models/ribbon-button-settings.d.ts +55 -0
  55. package/src/ribbon/models/ribbon-button-settings.js +61 -0
  56. package/src/ribbon/models/ribbon-checkbox-settings-model.d.ts +50 -0
  57. package/src/ribbon/models/ribbon-checkbox-settings.d.ts +50 -0
  58. package/src/ribbon/models/ribbon-checkbox-settings.js +58 -0
  59. package/src/ribbon/models/ribbon-collection-model.d.ts +30 -0
  60. package/src/ribbon/models/ribbon-collection.d.ts +33 -0
  61. package/src/ribbon/models/ribbon-collection.js +50 -0
  62. package/src/ribbon/models/ribbon-colorpicker-settings-model.d.ts +123 -0
  63. package/src/ribbon/models/ribbon-colorpicker-settings.d.ts +115 -0
  64. package/src/ribbon/models/ribbon-colorpicker-settings.js +88 -0
  65. package/src/ribbon/models/ribbon-combobox-settings-model.d.ts +241 -0
  66. package/src/ribbon/models/ribbon-combobox-settings.d.ts +223 -0
  67. package/src/ribbon/models/ribbon-combobox-settings.js +122 -0
  68. package/src/ribbon/models/ribbon-dropdown-settings-model.d.ts +100 -0
  69. package/src/ribbon/models/ribbon-dropdown-settings.d.ts +93 -0
  70. package/src/ribbon/models/ribbon-dropdown-settings.js +80 -0
  71. package/src/ribbon/models/ribbon-file-menu-settings-model.d.ts +108 -0
  72. package/src/ribbon/models/ribbon-file-menu-settings.d.ts +159 -0
  73. package/src/ribbon/models/ribbon-file-menu-settings.js +84 -0
  74. package/src/ribbon/models/ribbon-group-model.d.ts +91 -0
  75. package/src/ribbon/models/ribbon-group.d.ts +87 -0
  76. package/src/ribbon/models/ribbon-group.js +74 -0
  77. package/src/ribbon/models/ribbon-item-model.d.ts +120 -0
  78. package/src/ribbon/models/ribbon-item.d.ts +118 -0
  79. package/src/ribbon/models/ribbon-item.js +93 -0
  80. package/src/ribbon/models/ribbon-splitbutton-settings-model.d.ts +107 -0
  81. package/src/ribbon/models/ribbon-splitbutton-settings.d.ts +99 -0
  82. package/src/ribbon/models/ribbon-splitbutton-settings.js +83 -0
  83. package/src/ribbon/models/ribbon-tab-model.d.ts +37 -0
  84. package/src/ribbon/models/ribbon-tab.d.ts +39 -0
  85. package/src/ribbon/models/ribbon-tab.js +53 -0
  86. package/src/ribbon/models/ribbon-tooltip-model.d.ts +43 -0
  87. package/src/ribbon/models/ribbon-tooltip.d.ts +36 -0
  88. package/src/ribbon/models/ribbon-tooltip.js +46 -0
  89. package/src/ribbon/modules/index.d.ts +1 -0
  90. package/src/ribbon/modules/index.js +1 -0
  91. package/src/ribbon/modules/ribbon-filemenu.d.ts +94 -0
  92. package/src/ribbon/modules/ribbon-filemenu.js +318 -0
  93. package/styles/bootstrap-dark.css +1502 -0
  94. package/styles/bootstrap-dark.scss +1 -0
  95. package/styles/bootstrap.css +1507 -0
  96. package/styles/bootstrap.scss +1 -0
  97. package/styles/bootstrap4.css +1557 -0
  98. package/styles/bootstrap4.scss +1 -0
  99. package/styles/bootstrap5-dark.css +1586 -0
  100. package/styles/bootstrap5-dark.scss +1 -0
  101. package/styles/bootstrap5.css +1586 -0
  102. package/styles/bootstrap5.scss +1 -0
  103. package/styles/fabric-dark.css +1478 -0
  104. package/styles/fabric-dark.scss +1 -0
  105. package/styles/fabric.css +1476 -0
  106. package/styles/fabric.scss +1 -0
  107. package/styles/fluent-dark.css +1562 -0
  108. package/styles/fluent-dark.scss +1 -0
  109. package/styles/fluent.css +1562 -0
  110. package/styles/fluent.scss +1 -0
  111. package/styles/highcontrast-light.css +1485 -0
  112. package/styles/highcontrast-light.scss +1 -0
  113. package/styles/highcontrast.css +1494 -0
  114. package/styles/highcontrast.scss +1 -0
  115. package/styles/material-dark.css +1548 -0
  116. package/styles/material-dark.scss +1 -0
  117. package/styles/material.css +1581 -0
  118. package/styles/material.scss +1 -0
  119. package/styles/ribbon/_all.scss +2 -0
  120. package/styles/ribbon/_bootstrap-dark-definition.scss +206 -0
  121. package/styles/ribbon/_bootstrap-definition.scss +206 -0
  122. package/styles/ribbon/_bootstrap4-definition.scss +206 -0
  123. package/styles/ribbon/_bootstrap5-dark-definition.scss +1 -0
  124. package/styles/ribbon/_bootstrap5-definition.scss +206 -0
  125. package/styles/ribbon/_fabric-dark-definition.scss +206 -0
  126. package/styles/ribbon/_fabric-definition.scss +206 -0
  127. package/styles/ribbon/_fluent-dark-definition.scss +1 -0
  128. package/styles/ribbon/_fluent-definition.scss +206 -0
  129. package/styles/ribbon/_fusionnew-definition.scss +206 -0
  130. package/styles/ribbon/_highcontrast-definition.scss +206 -0
  131. package/styles/ribbon/_highcontrast-light-definition.scss +206 -0
  132. package/styles/ribbon/_layout.scss +1040 -0
  133. package/styles/ribbon/_material-dark-definition.scss +206 -0
  134. package/styles/ribbon/_material-definition.scss +206 -0
  135. package/styles/ribbon/_tailwind-dark-definition.scss +1 -0
  136. package/styles/ribbon/_tailwind-definition.scss +206 -0
  137. package/styles/ribbon/_theme.scss +343 -0
  138. package/styles/ribbon/bootstrap-dark.css +1502 -0
  139. package/styles/ribbon/bootstrap-dark.scss +17 -0
  140. package/styles/ribbon/bootstrap.css +1507 -0
  141. package/styles/ribbon/bootstrap.scss +17 -0
  142. package/styles/ribbon/bootstrap4.css +1557 -0
  143. package/styles/ribbon/bootstrap4.scss +17 -0
  144. package/styles/ribbon/bootstrap5-dark.css +1586 -0
  145. package/styles/ribbon/bootstrap5-dark.scss +17 -0
  146. package/styles/ribbon/bootstrap5.css +1586 -0
  147. package/styles/ribbon/bootstrap5.scss +17 -0
  148. package/styles/ribbon/fabric-dark.css +1478 -0
  149. package/styles/ribbon/fabric-dark.scss +17 -0
  150. package/styles/ribbon/fabric.css +1476 -0
  151. package/styles/ribbon/fabric.scss +17 -0
  152. package/styles/ribbon/fluent-dark.css +1562 -0
  153. package/styles/ribbon/fluent-dark.scss +17 -0
  154. package/styles/ribbon/fluent.css +1562 -0
  155. package/styles/ribbon/fluent.scss +17 -0
  156. package/styles/ribbon/highcontrast-light.css +1485 -0
  157. package/styles/ribbon/highcontrast-light.scss +16 -0
  158. package/styles/ribbon/highcontrast.css +1494 -0
  159. package/styles/ribbon/highcontrast.scss +17 -0
  160. package/styles/ribbon/icons/_bootstrap-dark.scss +9 -0
  161. package/styles/ribbon/icons/_bootstrap.scss +9 -0
  162. package/styles/ribbon/icons/_bootstrap4.scss +9 -0
  163. package/styles/ribbon/icons/_bootstrap5-dark.scss +1 -0
  164. package/styles/ribbon/icons/_bootstrap5.scss +9 -0
  165. package/styles/ribbon/icons/_fabric-dark.scss +9 -0
  166. package/styles/ribbon/icons/_fabric.scss +9 -0
  167. package/styles/ribbon/icons/_fluent-dark.scss +1 -0
  168. package/styles/ribbon/icons/_fluent.scss +9 -0
  169. package/styles/ribbon/icons/_fusionnew.scss +9 -0
  170. package/styles/ribbon/icons/_highcontrast.scss +9 -0
  171. package/styles/ribbon/icons/_material-dark.scss +9 -0
  172. package/styles/ribbon/icons/_material.scss +9 -0
  173. package/styles/ribbon/icons/_material3.scss +9 -0
  174. package/styles/ribbon/icons/_tailwind-dark.scss +9 -0
  175. package/styles/ribbon/icons/_tailwind.scss +9 -0
  176. package/styles/ribbon/material-dark.css +1548 -0
  177. package/styles/ribbon/material-dark.scss +17 -0
  178. package/styles/ribbon/material.css +1581 -0
  179. package/styles/ribbon/material.scss +17 -0
  180. package/styles/ribbon/tailwind-dark.css +1560 -0
  181. package/styles/ribbon/tailwind-dark.scss +17 -0
  182. package/styles/ribbon/tailwind.css +1560 -0
  183. package/styles/ribbon/tailwind.scss +17 -0
  184. package/styles/tailwind-dark.css +1560 -0
  185. package/styles/tailwind-dark.scss +1 -0
  186. package/styles/tailwind.css +1560 -0
  187. package/styles/tailwind.scss +1 -0
  188. package/tslint.json +111 -0
@@ -0,0 +1,14 @@
1
+ /*!
2
+ * filename: index.d.ts
3
+ * version : 21.1.35
4
+ * Copyright Syncfusion Inc. 2001 - 2020. All rights reserved.
5
+ * Use of this code is subject to the terms of our license.
6
+ * A copy of the current license can be obtained at any time by e-mailing
7
+ * licensing@syncfusion.com. Any infringement will be prosecuted under
8
+ * applicable laws.
9
+ */
10
+ import * as _ribbon from '@syncfusion/ej2-ribbon';
11
+
12
+ export declare namespace ej {
13
+ const ribbon: typeof _ribbon;
14
+ }
package/index.d.ts ADDED
@@ -0,0 +1,4 @@
1
+ /**
2
+ * index
3
+ */
4
+ export * from './src/index';
package/index.js ADDED
@@ -0,0 +1,4 @@
1
+ /**
2
+ * index
3
+ */
4
+ export * from './src/index';
package/license ADDED
@@ -0,0 +1,10 @@
1
+ Essential JS 2 library is available under the Syncfusion Essential Studio program, and can be licensed either under the Syncfusion Community License Program or the Syncfusion commercial license.
2
+
3
+ To be qualified for the Syncfusion Community License Program you must have a gross revenue of less than one (1) million U.S. dollars ($1,000,000.00 USD) per year and have less than five (5) developers in your organization, and agree to be bound by Syncfusion’s terms and conditions.
4
+
5
+ Customers who do not qualify for the community license can contact sales@syncfusion.com for commercial licensing options.
6
+
7
+ Under no circumstances can you use this product without (1) either a Community License or a commercial license and (2) without agreeing and abiding by Syncfusion’s license containing all terms and conditions.
8
+
9
+ The Syncfusion license that contains the terms and conditions can be found at
10
+ https://www.syncfusion.com/content/downloads/syncfusion_license.pdf
package/package.json ADDED
@@ -0,0 +1,67 @@
1
+ {
2
+ "_from": "@syncfusion/ej2-ribbon@*",
3
+ "_id": "@syncfusion/ej2-ribbon@0.25.0",
4
+ "_inBundle": false,
5
+ "_integrity": "sha512-Jvszp1M5UlmZ6eU3vdHZNnbMV6Cz58hLLsV9H3bOo/x6ZDnMXwStNO3uoiYpxPdSHBsUYJmTkmbx11w7PwhzWw==",
6
+ "_location": "/@syncfusion/ej2-ribbon",
7
+ "_phantomChildren": {},
8
+ "_requested": {
9
+ "type": "range",
10
+ "registry": true,
11
+ "raw": "@syncfusion/ej2-ribbon@*",
12
+ "name": "@syncfusion/ej2-ribbon",
13
+ "escapedName": "@syncfusion%2fej2-ribbon",
14
+ "scope": "@syncfusion",
15
+ "rawSpec": "*",
16
+ "saveSpec": null,
17
+ "fetchSpec": "*"
18
+ },
19
+ "_requiredBy": [
20
+ "/",
21
+ "/@syncfusion/ej2",
22
+ "/@syncfusion/ej2-angular-ribbon",
23
+ "/@syncfusion/ej2-react-ribbon",
24
+ "/@syncfusion/ej2-vue-ribbon"
25
+ ],
26
+ "_resolved": "https://nexus.syncfusion.com/repository/ej2-release/@syncfusion/ej2-ribbon/-/ej2-ribbon-0.25.0.tgz",
27
+ "_shasum": "6cc9e0a4bb1042e4132ea627aa8e38ba6db0f5ce",
28
+ "_spec": "@syncfusion/ej2-ribbon@*",
29
+ "_where": "/jenkins/workspace/elease-automation_release_21.1.1/packages/included",
30
+ "author": {
31
+ "name": "Syncfusion Inc."
32
+ },
33
+ "bugs": {
34
+ "url": "https://github.com/syncfusion/ej2-ribbon-component/issues"
35
+ },
36
+ "bundleDependencies": false,
37
+ "dependencies": {
38
+ "@syncfusion/ej2-base": "~21.1.35",
39
+ "@syncfusion/ej2-buttons": "~21.1.35",
40
+ "@syncfusion/ej2-dropdowns": "~21.1.35",
41
+ "@syncfusion/ej2-lists": "~21.1.35",
42
+ "@syncfusion/ej2-navigations": "~21.1.35",
43
+ "@syncfusion/ej2-popups": "~21.1.35",
44
+ "@syncfusion/ej2-splitbuttons": "~21.1.35"
45
+ },
46
+ "deprecated": false,
47
+ "description": "Essential JS 2 Component",
48
+ "devDependencies": {},
49
+ "es2015": "./dist/es6/ej2-ribbon.es5.js",
50
+ "homepage": "https://www.syncfusion.com/javascript-ui-controls",
51
+ "keywords": [
52
+ "ej2",
53
+ "syncfusion",
54
+ "ej2-ribbon"
55
+ ],
56
+ "license": "SEE LICENSE IN license",
57
+ "main": "./dist/ej2-ribbon.umd.min.js",
58
+ "module": "./index.js",
59
+ "name": "@syncfusion/ej2-ribbon",
60
+ "repository": {
61
+ "type": "git",
62
+ "url": "git+https://github.com/syncfusion/ej2-ribbon-component.git"
63
+ },
64
+ "typings": "index.d.ts",
65
+ "version": "21.1.35",
66
+ "sideEffects": false
67
+ }
package/ribbon.d.ts ADDED
@@ -0,0 +1,4 @@
1
+ /**
2
+ * ribbon
3
+ */
4
+ export * from './src/ribbon/index';
package/ribbon.js ADDED
@@ -0,0 +1,4 @@
1
+ /**
2
+ * ribbon
3
+ */
4
+ export * from './src/ribbon/index';
package/src/global.js ADDED
@@ -0,0 +1,3 @@
1
+ import * as index from './index';
2
+ index.Ribbon.Inject(index.RibbonButton, index.RibbonDropDown, index.RibbonSplitButton, index.RibbonCheckBox, index.RibbonColorPicker, index.RibbonComboBox, index.RibbonFileMenu);
3
+ export * from './index';
package/src/index.d.ts ADDED
@@ -0,0 +1 @@
1
+ export * from './ribbon/index';
package/src/index.js ADDED
@@ -0,0 +1,3 @@
1
+ // export all modules from current location
2
+ // example: export * from './module'
3
+ export * from './ribbon/index';
@@ -0,0 +1,151 @@
1
+ /**
2
+ * Specifies the File Manager internal ID's
3
+ */
4
+ /** @hidden */
5
+ export declare const ITEM_VERTICAL_CENTER: string;
6
+ /** @hidden */
7
+ export declare const EXPAND_COLLAPSE_ICON: string;
8
+ /** @hidden */
9
+ export declare const OVERFLOW_ICON: string;
10
+ /** @hidden */
11
+ export declare const VERTICAL_DDB: string;
12
+ /** @hidden */
13
+ export declare const DISABLED_CSS: string;
14
+ /** @hidden */
15
+ export declare const RTL_CSS: string;
16
+ /** @hidden */
17
+ export declare const RIBBON_HOVER: string;
18
+ /** @hidden */
19
+ export declare const RIBBON_CONTROL: string;
20
+ /** @hidden */
21
+ export declare const RIBBON_POPUP_CONTROL: string;
22
+ /** @hidden */
23
+ export declare const RIBBON_POPUP_OPEN: string;
24
+ /** @hidden */
25
+ export declare const SPACE: string;
26
+ /** @hidden */
27
+ export declare const HORIZONTAL_SCROLLBAR: string;
28
+ /** @hidden */
29
+ export declare const HIDE_CSS: string;
30
+ /** @hidden */
31
+ export declare const RIBBON_TAB: string;
32
+ /** @hidden */
33
+ export declare const RIBBON_TAB_ACTIVE: string;
34
+ /** @hidden */
35
+ export declare const RIBBON_TAB_ITEM: string;
36
+ /** @hidden */
37
+ export declare const RIBBON_COLLAPSE_BUTTON: string;
38
+ /** @hidden */
39
+ export declare const RIBBON_EXPAND_BUTTON: string;
40
+ /** @hidden */
41
+ export declare const RIBBON_COLLAPSIBLE: string;
42
+ /** @hidden */
43
+ export declare const RIBBON_OVERALL_OF_BUTTON: string;
44
+ /** @hidden */
45
+ export declare const RIBBON_GROUP_OF_BUTTON: string;
46
+ /** @hidden */
47
+ export declare const RIBBON_OVERFLOW_TARGET: string;
48
+ /** @hidden */
49
+ export declare const RIBBON_OVERFLOW: string;
50
+ /** @hidden */
51
+ export declare const TAB_CONTENT: string;
52
+ /** @hidden */
53
+ export declare const RIBBON_MINIMIZE: string;
54
+ /** @hidden */
55
+ export declare const RIBBON_GROUP: string;
56
+ /** @hidden */
57
+ export declare const RIBBON_GROUP_CONTAINER: string;
58
+ /** @hidden */
59
+ export declare const RIBBON_OF_TAB_CONTAINER: string;
60
+ /** @hidden */
61
+ export declare const RIBBON_OF_GROUP_CONTAINER: string;
62
+ /** @hidden */
63
+ export declare const RIBBON_GROUP_CONTENT: string;
64
+ /** @hidden */
65
+ export declare const RIBBON_GROUP_HEADER: string;
66
+ /** @hidden */
67
+ export declare const RIBBON_OVERFLOW_HEADER: string;
68
+ /** @hidden */
69
+ export declare const RIBBON_GROUP_OVERFLOW: string;
70
+ /** @hidden */
71
+ export declare const RIBBON_GROUP_OVERFLOW_DDB: string;
72
+ /** @hidden */
73
+ export declare const RIBBON_LAUNCHER: string;
74
+ /** @hidden */
75
+ export declare const RIBBON_LAUNCHER_ICON_ELE: string;
76
+ /** @hidden */
77
+ export declare const RIBBON_LAUNCHER_ICON: string;
78
+ /** @hidden */
79
+ export declare const RIBBON_COLLECTION: string;
80
+ /** @hidden */
81
+ export declare const RIBBON_ITEM: string;
82
+ /** @hidden */
83
+ export declare const RIBBON_ROW: string;
84
+ /** @hidden */
85
+ export declare const RIBBON_COLUMN: string;
86
+ /** @hidden */
87
+ export declare const RIBBON_LARGE_ITEM: string;
88
+ /** @hidden */
89
+ export declare const RIBBON_MEDIUM_ITEM: string;
90
+ /** @hidden */
91
+ export declare const RIBBON_SMALL_ITEM: string;
92
+ /** @hidden */
93
+ export declare const RIBBON_CONTENT_HEIGHT: string;
94
+ /** @hidden */
95
+ export declare const DROPDOWNBUTTON: string;
96
+ /** @hidden */
97
+ export declare const DROPDOWNBUTTON_HIDE: string;
98
+ /** @hidden */
99
+ export declare const RIBBON_HELP_TEMPLATE: string;
100
+ /** @hidden */
101
+ export declare const RIBBON_TOOLTIP: string;
102
+ /** @hidden */
103
+ export declare const RIBBON_TOOLTIP_TARGET: string;
104
+ /** @hidden */
105
+ export declare const RIBBON_TOOLTIP_TITLE: string;
106
+ /** @hidden */
107
+ export declare const RIBBON_TOOLTIP_CONTENT: string;
108
+ /** @hidden */
109
+ export declare const RIBBON_TOOLTIP_ICON: string;
110
+ /** @hidden */
111
+ export declare const RIBBON_TOOLTIP_CONTAINER: string;
112
+ /** @hidden */
113
+ export declare const RIBBON_TEXT_CONTAINER: string;
114
+ /** @hidden */
115
+ export declare const RIBBON_SIMPLIFIED_MODE: string;
116
+ /** @hidden */
117
+ export declare const TAB_ID: string;
118
+ /** @hidden */
119
+ export declare const GROUP_ID: string;
120
+ /** @hidden */
121
+ export declare const COLLECTION_ID: string;
122
+ /** @hidden */
123
+ export declare const ITEM_ID: string;
124
+ /** @hidden */
125
+ export declare const COLLAPSE_BUTTON_ID: string;
126
+ /** @hidden */
127
+ export declare const OVRLOF_BUTTON_ID: string;
128
+ /** @hidden */
129
+ export declare const GROUPOF_BUTTON_ID: string;
130
+ /** @hidden */
131
+ export declare const HEADER_ID: string;
132
+ /** @hidden */
133
+ export declare const LAUNCHER_ID: string;
134
+ /** @hidden */
135
+ export declare const CONTENT_ID: string;
136
+ /** @hidden */
137
+ export declare const CONTAINER_ID: string;
138
+ /** @hidden */
139
+ export declare const OVERFLOW_ID: string;
140
+ /** @hidden */
141
+ export declare const DROPDOWN_ID: string;
142
+ /** @hidden */
143
+ export declare const RIBBON_FILE_MENU_ID: string;
144
+ /** @hidden */
145
+ export declare const RIBBON_FILE_MENU_LIST: string;
146
+ /** @hidden */
147
+ export declare const RIBBON_HELP_PANE_TEMPLATE_ID: string;
148
+ /** @hidden */
149
+ export declare const RIBBON_FILE_MENU_WIDTH: string;
150
+ /** @hidden */
151
+ export declare const RIBBON_HELP_PANE_TEMPLATE_WIDTH: string;
@@ -0,0 +1,151 @@
1
+ /**
2
+ * Specifies the File Manager internal ID's
3
+ */
4
+ /** @hidden */
5
+ export var ITEM_VERTICAL_CENTER = 'e-ribbon-vertical-center';
6
+ /** @hidden */
7
+ export var EXPAND_COLLAPSE_ICON = 'e-icons e-drop-icon';
8
+ /** @hidden */
9
+ export var OVERFLOW_ICON = 'e-icons e-more-horizontal-1';
10
+ /** @hidden */
11
+ export var VERTICAL_DDB = 'e-vertical';
12
+ /** @hidden */
13
+ export var DISABLED_CSS = 'e-disabled';
14
+ /** @hidden */
15
+ export var RTL_CSS = 'e-rtl';
16
+ /** @hidden */
17
+ export var RIBBON_HOVER = 'e-ribbon-hover';
18
+ /** @hidden */
19
+ export var RIBBON_CONTROL = 'e-ribbon-control';
20
+ /** @hidden */
21
+ export var RIBBON_POPUP_CONTROL = 'e-ribbon-popup-control';
22
+ /** @hidden */
23
+ export var RIBBON_POPUP_OPEN = 'e-ribbon-open';
24
+ /** @hidden */
25
+ export var SPACE = ' ';
26
+ /** @hidden */
27
+ export var HORIZONTAL_SCROLLBAR = 'e-hscroll-bar';
28
+ /** @hidden */
29
+ export var HIDE_CSS = 'e-ribbon-hide';
30
+ /** @hidden */
31
+ export var RIBBON_TAB = 'e-ribbon-tab';
32
+ /** @hidden */
33
+ export var RIBBON_TAB_ACTIVE = 'e-ribbon-active';
34
+ /** @hidden */
35
+ export var RIBBON_TAB_ITEM = 'e-ribbon-tab-item';
36
+ /** @hidden */
37
+ export var RIBBON_COLLAPSE_BUTTON = 'e-ribbon-collapse-btn';
38
+ /** @hidden */
39
+ export var RIBBON_EXPAND_BUTTON = 'e-ribbon-expand-btn';
40
+ /** @hidden */
41
+ export var RIBBON_COLLAPSIBLE = 'e-ribbon-collapsible';
42
+ /** @hidden */
43
+ export var RIBBON_OVERALL_OF_BUTTON = 'e-ribbon-overall-of-btn';
44
+ /** @hidden */
45
+ export var RIBBON_GROUP_OF_BUTTON = 'e-ribbon-group-of-btn';
46
+ /** @hidden */
47
+ export var RIBBON_OVERFLOW_TARGET = 'e-ribbon-overflow-target';
48
+ /** @hidden */
49
+ export var RIBBON_OVERFLOW = 'e-ribbon-overflow';
50
+ /** @hidden */
51
+ export var TAB_CONTENT = 'e-content';
52
+ /** @hidden */
53
+ export var RIBBON_MINIMIZE = 'e-ribbon-minimize';
54
+ /** @hidden */
55
+ export var RIBBON_GROUP = 'e-ribbon-group';
56
+ /** @hidden */
57
+ export var RIBBON_GROUP_CONTAINER = 'e-ribbon-group-container';
58
+ /** @hidden */
59
+ export var RIBBON_OF_TAB_CONTAINER = 'e-ribbon-of-tab';
60
+ /** @hidden */
61
+ export var RIBBON_OF_GROUP_CONTAINER = 'e-ribbon-of-group-container';
62
+ /** @hidden */
63
+ export var RIBBON_GROUP_CONTENT = 'e-ribbon-group-content';
64
+ /** @hidden */
65
+ export var RIBBON_GROUP_HEADER = 'e-ribbon-group-header';
66
+ /** @hidden */
67
+ export var RIBBON_OVERFLOW_HEADER = 'e-ribbon-overflow-header';
68
+ /** @hidden */
69
+ export var RIBBON_GROUP_OVERFLOW = 'e-ribbon-group-overflow';
70
+ /** @hidden */
71
+ export var RIBBON_GROUP_OVERFLOW_DDB = 'e-ribbon-group-overflow-ddb';
72
+ /** @hidden */
73
+ export var RIBBON_LAUNCHER = 'e-ribbon-launcher';
74
+ /** @hidden */
75
+ export var RIBBON_LAUNCHER_ICON_ELE = 'e-ribbon-launcher-icon';
76
+ /** @hidden */
77
+ export var RIBBON_LAUNCHER_ICON = 'e-icons e-launcher';
78
+ /** @hidden */
79
+ export var RIBBON_COLLECTION = 'e-ribbon-collection';
80
+ /** @hidden */
81
+ export var RIBBON_ITEM = 'e-ribbon-item';
82
+ /** @hidden */
83
+ export var RIBBON_ROW = 'e-ribbon-row';
84
+ /** @hidden */
85
+ export var RIBBON_COLUMN = 'e-ribbon-column';
86
+ /** @hidden */
87
+ export var RIBBON_LARGE_ITEM = 'e-ribbon-large-item';
88
+ /** @hidden */
89
+ export var RIBBON_MEDIUM_ITEM = 'e-ribbon-medium-item';
90
+ /** @hidden */
91
+ export var RIBBON_SMALL_ITEM = 'e-ribbon-small-item';
92
+ /** @hidden */
93
+ export var RIBBON_CONTENT_HEIGHT = 'e-ribbon-content-height';
94
+ /** @hidden */
95
+ export var DROPDOWNBUTTON = 'e-dropdown-btn';
96
+ /** @hidden */
97
+ export var DROPDOWNBUTTON_HIDE = 'e-caret-hide';
98
+ /** @hidden */
99
+ export var RIBBON_HELP_TEMPLATE = 'e-ribbon-help-template';
100
+ /** @hidden */
101
+ export var RIBBON_TOOLTIP = 'e-ribbon-tooltip';
102
+ /** @hidden */
103
+ export var RIBBON_TOOLTIP_TARGET = 'e-ribbon-tooltip-target';
104
+ /** @hidden */
105
+ export var RIBBON_TOOLTIP_TITLE = 'e-ribbon-tooltip-title';
106
+ /** @hidden */
107
+ export var RIBBON_TOOLTIP_CONTENT = 'e-ribbon-tooltip-content';
108
+ /** @hidden */
109
+ export var RIBBON_TOOLTIP_ICON = 'e-ribbon-tooltip-icon';
110
+ /** @hidden */
111
+ export var RIBBON_TOOLTIP_CONTAINER = 'e-ribbon-tooltip-container';
112
+ /** @hidden */
113
+ export var RIBBON_TEXT_CONTAINER = 'e-ribbon-text-container';
114
+ /** @hidden */
115
+ export var RIBBON_SIMPLIFIED_MODE = 'e-ribbon-simplified-mode';
116
+ /** @hidden */
117
+ export var TAB_ID = '_tab';
118
+ /** @hidden */
119
+ export var GROUP_ID = '_group';
120
+ /** @hidden */
121
+ export var COLLECTION_ID = '_collection';
122
+ /** @hidden */
123
+ export var ITEM_ID = '_item';
124
+ /** @hidden */
125
+ export var COLLAPSE_BUTTON_ID = '_collapsebutton';
126
+ /** @hidden */
127
+ export var OVRLOF_BUTTON_ID = '_sim_ovrl_overflow';
128
+ /** @hidden */
129
+ export var GROUPOF_BUTTON_ID = '_sim_grp_overflow';
130
+ /** @hidden */
131
+ export var HEADER_ID = '_header';
132
+ /** @hidden */
133
+ export var LAUNCHER_ID = '_launcher';
134
+ /** @hidden */
135
+ export var CONTENT_ID = '_content';
136
+ /** @hidden */
137
+ export var CONTAINER_ID = '_container';
138
+ /** @hidden */
139
+ export var OVERFLOW_ID = '_overflow';
140
+ /** @hidden */
141
+ export var DROPDOWN_ID = '_dropdown';
142
+ /** @hidden */
143
+ export var RIBBON_FILE_MENU_ID = '_filemenu';
144
+ /** @hidden */
145
+ export var RIBBON_FILE_MENU_LIST = '_filemenulist';
146
+ /** @hidden */
147
+ export var RIBBON_HELP_PANE_TEMPLATE_ID = '_helppanetemplate';
148
+ /** @hidden */
149
+ export var RIBBON_FILE_MENU_WIDTH = '--fileMenuWidth';
150
+ /** @hidden */
151
+ export var RIBBON_HELP_PANE_TEMPLATE_WIDTH = '--helpTemplateWidth';
@@ -0,0 +1,8 @@
1
+ /**
2
+ * Ribbon modules
3
+ */
4
+ export * from './ribbon';
5
+ export * from './ribbon-model';
6
+ export * from './interface';
7
+ export * from './constant';
8
+ export * from './utils';
@@ -0,0 +1,7 @@
1
+ /**
2
+ * Ribbon modules
3
+ */
4
+ export * from './ribbon';
5
+ export * from './interface';
6
+ export * from './constant';
7
+ export * from './utils';
@@ -0,0 +1,194 @@
1
+ import { BaseEventArgs } from '@syncfusion/ej2-base';
2
+ import { RibbonCollectionModel, RibbonGroupModel, RibbonItemModel, RibbonTooltipModel } from '../models';
3
+ /**
4
+ * Defines the layout types of ribbon.
5
+ */
6
+ export declare enum RibbonLayout {
7
+ /**
8
+ * Displays the ribbon tab content in classic layout.
9
+ */
10
+ Classic = "Classic",
11
+ /**
12
+ * Displays the ribbon tab content in simplified layout.
13
+ */
14
+ Simplified = "Simplified"
15
+ }
16
+ /**
17
+ * Defines the alignment of the items in the ribbon group.
18
+ */
19
+ export declare enum ItemOrientation {
20
+ /**
21
+ * Displays the collection of items in rows.
22
+ */
23
+ Row = "Row",
24
+ /**
25
+ * Displays the collection of items in column.
26
+ */
27
+ Column = "Column"
28
+ }
29
+ /**
30
+ * Defines the current size of the ribbon item in normal mode.
31
+ *
32
+ * @aspNumberEnum
33
+ */
34
+ export declare enum RibbonItemSize {
35
+ /**
36
+ * The item appears with large icon and text at the bottom.
37
+ */
38
+ Large = 4,
39
+ /**
40
+ * The item appears with small icon and text at the right.
41
+ */
42
+ Medium = 2,
43
+ /**
44
+ * The item appears with small icon only.
45
+ */
46
+ Small = 1
47
+ }
48
+ /**
49
+ * Defines how to show an item in ribbon simplified layout.
50
+ *
51
+ * @aspNumberEnum
52
+ */
53
+ export declare enum DisplayMode {
54
+ /**
55
+ * The item appears in the simplified layout group.
56
+ */
57
+ Simplified = 2,
58
+ /**
59
+ * The item appears in overflow popup.
60
+ */
61
+ Overflow = 1,
62
+ /**
63
+ * The item appears in both simplified layout group and overflow popup based on ribbon overflow state.
64
+ */
65
+ Auto = 3,
66
+ /**
67
+ * The item is hidden in simplified mode.
68
+ */
69
+ None = 0
70
+ }
71
+ /**
72
+ * Defines the type of the ribbon item.
73
+ */
74
+ export declare enum RibbonItemType {
75
+ /**
76
+ * Renders button as ribbon item.
77
+ */
78
+ Button = "Button",
79
+ /**
80
+ * Renders checkbox as ribbon item.
81
+ */
82
+ CheckBox = "CheckBox",
83
+ /**
84
+ * Renders color picker as ribbon item.
85
+ */
86
+ ColorPicker = "ColorPicker",
87
+ /**
88
+ * Renders combobox as ribbon item.
89
+ */
90
+ ComboBox = "ComboBox",
91
+ /**
92
+ * Renders dropdownbutton as ribbon item.
93
+ */
94
+ DropDown = "DropDown",
95
+ /**
96
+ * Renders splitbutton as ribbon item.
97
+ */
98
+ SplitButton = "SplitButton",
99
+ /**
100
+ * Renders the template content as ribbon item.
101
+ */
102
+ Template = "Template"
103
+ }
104
+ /**
105
+ * Event triggers before selecting the tab item.
106
+ */
107
+ export interface TabSelectingEventArgs extends BaseEventArgs {
108
+ /**
109
+ * Defines whether to cancel the event or not.
110
+ */
111
+ cancel: boolean;
112
+ /**
113
+ * Specifies whether the event is triggered via user interaction or programmatic way.
114
+ */
115
+ isInteracted: boolean;
116
+ /**
117
+ * Defines the index of the previously selected tab.
118
+ */
119
+ previousIndex: number;
120
+ /**
121
+ * Defines the index of the selected tab.
122
+ */
123
+ selectedIndex: number;
124
+ }
125
+ /**
126
+ * Event triggers after selecting the tab item.
127
+ */
128
+ export interface TabSelectedEventArgs extends BaseEventArgs {
129
+ /**
130
+ * Defines the index of the previously selected tab.
131
+ */
132
+ previousIndex: number;
133
+ /**
134
+ * Defines the index of the selected tab.
135
+ */
136
+ selectedIndex: number;
137
+ }
138
+ /**
139
+ * Event triggers before expanding and before collapsing the ribbon.
140
+ */
141
+ export interface ExpandCollapseEventArgs extends BaseEventArgs {
142
+ /**
143
+ * Defines whether to cancel the event or not.
144
+ */
145
+ cancel: boolean;
146
+ }
147
+ /**
148
+ * Event Triggers when the launcher icon is clicked.
149
+ */
150
+ export interface LauncherClickEventArgs extends BaseEventArgs {
151
+ /**
152
+ * Provides the ID of the group in which the launcher icon is present.
153
+ */
154
+ groupId: string;
155
+ }
156
+ /** @hidden */
157
+ export interface itemProps {
158
+ item?: RibbonItemModel;
159
+ collection?: RibbonCollectionModel;
160
+ group?: RibbonGroupModel;
161
+ element?: HTMLElement;
162
+ tabIndex?: number;
163
+ groupIndex?: number;
164
+ collectionIndex?: number;
165
+ itemIndex?: number;
166
+ }
167
+ /** @hidden */
168
+ export interface commonProperties {
169
+ enableRtl?: boolean;
170
+ enablePersistence?: boolean;
171
+ locale?: string;
172
+ }
173
+ /** @hidden */
174
+ export interface EJ2Control {
175
+ destroy(): void;
176
+ setProperties(prop: Object, muteOnChange?: boolean): void;
177
+ }
178
+ /**
179
+ * @hidden
180
+ */
181
+ export interface ribbonItemPropsList {
182
+ items?: RibbonItemModel[];
183
+ collections?: RibbonCollectionModel[];
184
+ groups?: RibbonGroupModel[];
185
+ id?: string;
186
+ setProperties?: Function;
187
+ }
188
+ /**
189
+ * @hidden
190
+ */
191
+ export interface ribbonTooltipData {
192
+ id: string;
193
+ data: RibbonTooltipModel;
194
+ }