@syncfusion/ej2-react-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 (89) hide show
  1. package/CHANGELOG.md +20 -0
  2. package/README.md +3 -0
  3. package/diConfig.json +437 -0
  4. package/dist/ej2-react-ribbon.min.js +10 -0
  5. package/dist/ej2-react-ribbon.umd.min.js +11 -0
  6. package/dist/ej2-react-ribbon.umd.min.js.map +1 -0
  7. package/dist/es6/ej2-react-ribbon.es2015.js +140 -0
  8. package/dist/es6/ej2-react-ribbon.es2015.js.map +1 -0
  9. package/index.d.ts +4 -0
  10. package/index.js +4 -0
  11. package/license +6 -0
  12. package/package.json +59 -0
  13. package/ribbon.d.ts +4 -0
  14. package/ribbon.js +4 -0
  15. package/src/global.js +1 -0
  16. package/src/index.d.ts +3 -0
  17. package/src/index.js +3 -0
  18. package/src/ribbon/collections-directive.d.ts +31 -0
  19. package/src/ribbon/collections-directive.js +53 -0
  20. package/src/ribbon/groups-directive.d.ts +27 -0
  21. package/src/ribbon/groups-directive.js +49 -0
  22. package/src/ribbon/index.d.ts +5 -0
  23. package/src/ribbon/index.js +5 -0
  24. package/src/ribbon/items-directive.d.ts +38 -0
  25. package/src/ribbon/items-directive.js +57 -0
  26. package/src/ribbon/ribbon.component.d.ts +38 -0
  27. package/src/ribbon/ribbon.component.js +47 -0
  28. package/src/ribbon/tabs-directive.d.ts +23 -0
  29. package/src/ribbon/tabs-directive.js +45 -0
  30. package/styles/bootstrap-dark.css +1502 -0
  31. package/styles/bootstrap-dark.scss +1 -0
  32. package/styles/bootstrap.css +1507 -0
  33. package/styles/bootstrap.scss +1 -0
  34. package/styles/bootstrap4.css +1557 -0
  35. package/styles/bootstrap4.scss +1 -0
  36. package/styles/bootstrap5-dark.css +1586 -0
  37. package/styles/bootstrap5-dark.scss +1 -0
  38. package/styles/bootstrap5.css +1586 -0
  39. package/styles/bootstrap5.scss +1 -0
  40. package/styles/fabric-dark.css +1478 -0
  41. package/styles/fabric-dark.scss +1 -0
  42. package/styles/fabric.css +1476 -0
  43. package/styles/fabric.scss +1 -0
  44. package/styles/fluent-dark.css +1562 -0
  45. package/styles/fluent-dark.scss +1 -0
  46. package/styles/fluent.css +1562 -0
  47. package/styles/fluent.scss +1 -0
  48. package/styles/highcontrast-light.css +1485 -0
  49. package/styles/highcontrast-light.scss +1 -0
  50. package/styles/highcontrast.css +1494 -0
  51. package/styles/highcontrast.scss +1 -0
  52. package/styles/material-dark.css +1548 -0
  53. package/styles/material-dark.scss +1 -0
  54. package/styles/material.css +1581 -0
  55. package/styles/material.scss +1 -0
  56. package/styles/ribbon/bootstrap-dark.css +1502 -0
  57. package/styles/ribbon/bootstrap-dark.scss +1 -0
  58. package/styles/ribbon/bootstrap.css +1507 -0
  59. package/styles/ribbon/bootstrap.scss +1 -0
  60. package/styles/ribbon/bootstrap4.css +1557 -0
  61. package/styles/ribbon/bootstrap4.scss +1 -0
  62. package/styles/ribbon/bootstrap5-dark.css +1586 -0
  63. package/styles/ribbon/bootstrap5-dark.scss +1 -0
  64. package/styles/ribbon/bootstrap5.css +1586 -0
  65. package/styles/ribbon/bootstrap5.scss +1 -0
  66. package/styles/ribbon/fabric-dark.css +1478 -0
  67. package/styles/ribbon/fabric-dark.scss +1 -0
  68. package/styles/ribbon/fabric.css +1476 -0
  69. package/styles/ribbon/fabric.scss +1 -0
  70. package/styles/ribbon/fluent-dark.css +1562 -0
  71. package/styles/ribbon/fluent-dark.scss +1 -0
  72. package/styles/ribbon/fluent.css +1562 -0
  73. package/styles/ribbon/fluent.scss +1 -0
  74. package/styles/ribbon/highcontrast-light.css +1485 -0
  75. package/styles/ribbon/highcontrast-light.scss +1 -0
  76. package/styles/ribbon/highcontrast.css +1494 -0
  77. package/styles/ribbon/highcontrast.scss +1 -0
  78. package/styles/ribbon/material-dark.css +1548 -0
  79. package/styles/ribbon/material-dark.scss +1 -0
  80. package/styles/ribbon/material.css +1581 -0
  81. package/styles/ribbon/material.scss +1 -0
  82. package/styles/ribbon/tailwind-dark.css +1560 -0
  83. package/styles/ribbon/tailwind-dark.scss +1 -0
  84. package/styles/ribbon/tailwind.css +1560 -0
  85. package/styles/ribbon/tailwind.scss +1 -0
  86. package/styles/tailwind-dark.css +1560 -0
  87. package/styles/tailwind-dark.scss +1 -0
  88. package/styles/tailwind.css +1560 -0
  89. package/styles/tailwind.scss +1 -0
package/CHANGELOG.md ADDED
@@ -0,0 +1,20 @@
1
+ # Changelog
2
+
3
+ ## [Unreleased]
4
+
5
+ ### Ribbon
6
+
7
+ The Ribbon provides a structured and easy-to-use user interface for users to access different features and functions through series of tabs, improving user experience and efficiency.
8
+
9
+
10
+ The Ribbon is a structured layout to manage tools with tabs and groups. The Ribbon control supports buttons, split buttons, toggle buttons, file menu and multiple layouts.
11
+
12
+ #### Key features
13
+
14
+ - **Built-in items** - Several built-in support items, such as buttons, checkboxes, drop-down buttons, split buttons, combo boxes, and color pickers that can be customized and used to execute specific actions.
15
+ - **Modes** - Offers the classic mode that organizes items and groups in a traditional form, and simplified mode that organizes items and groups into a single row for improved usability and reduced clutter.
16
+ - **Tooltip** - Provide additional information when a user hovers over a ribbon item, improving user experience and increasing the usability of the application.
17
+ - **File menu** - A built-in menu that to add file related actions easily.
18
+ - **Templates** - Customize ribbon items and the help pane content using templates.
19
+
20
+
package/README.md ADDED
@@ -0,0 +1,3 @@
1
+ # React Ribbon Component
2
+
3
+ The Ribbon is a structured layout to manage tools with tabs and groups. The Ribbon control supports buttons, split buttons, toggle buttons, file menu and multiple layouts.
package/diConfig.json ADDED
@@ -0,0 +1,437 @@
1
+ {
2
+ "name": "Ribbon",
3
+ "description": "Ribbon Component",
4
+ "eventInterfaces": [
5
+ "ExpandCollapseEventArgs", "LauncherClickEventArgs", "TabSelectedEventArgs", "TabSelectingEventArgs",
6
+ "FileMenuBeforeOpenCloseEventArgs", "FileMenuEventArgs", "FileMenuOpenCloseEventArgs"
7
+ ],
8
+ "keywords": {
9
+ "common": [ "ej2", "syncfusion", "ribbon", "ej2-ribbon", "ej2 ribbon" ],
10
+ "angular": ["angular", "ng", "ej2-ng-ribbon", "ng-ribbon"],
11
+ "react": ["react", "reactjs", "ej2-react-ribbon", "react-ribbon"],
12
+ "vue": ["vue", "vuejs", "ej2-vue-ribbon", "vue-ribbon"]
13
+ },
14
+ "repository": {
15
+ "type": "git",
16
+ "url": "https://github.com/syncfusion/ej2-ribbon"
17
+ },
18
+ "components": [{
19
+ "baseClass": "Ribbon",
20
+ "directoryName": "ribbon",
21
+ "type": "container",
22
+ "contentSelect": "div",
23
+ "defaultTag": "<div id='ribbon'></div>",
24
+ "twoWays": [],
25
+ "templateProperties": [
26
+ "helpPaneTemplate"
27
+ ],
28
+ "comment": [
29
+ "/**",
30
+ " * Represents the Essential JS 2 Angular Ribbon Component.",
31
+ " * ```html",
32
+ " * <ejs-ribbon></ejs-ribbon>",
33
+ " * ```",
34
+ " */"
35
+ ],
36
+ "reactComment": [
37
+ "/**",
38
+ " * Represents the React Ribbon Component",
39
+ " * ```tsx",
40
+ " * <RibbonComponent></RibbonComponent>",
41
+ " * ```",
42
+ " */"
43
+ ],
44
+ "vueComment": [
45
+ "/**",
46
+ " * Represents the Essential JS 2 VueJS Ribbon Component",
47
+ " * ```vue",
48
+ " * <ejs-ribbon></ejs-ribbon>",
49
+ " * ```",
50
+ " */"
51
+ ],
52
+ "dynamicModules": [
53
+ "RibbonButton",
54
+ "RibbonDropDown",
55
+ "RibbonSplitButton",
56
+ "RibbonCheckBox",
57
+ "RibbonColorPicker",
58
+ "RibbonComboBox",
59
+ "RibbonFileMenu"
60
+ ],
61
+ "diModuleFiles": [
62
+ { "fileName": "ribbon-button" },
63
+ { "fileName": "ribbon-checkbox" },
64
+ { "fileName": "ribbon-colorpicker" },
65
+ { "fileName": "ribbon-combobox" },
66
+ { "fileName": "ribbon-dropdown" },
67
+ { "fileName": "ribbon-splitbutton" },
68
+ { "fileName": "ribbon-filemenu" }
69
+ ],
70
+ "complexDirective": [
71
+ {
72
+ "propertyName": "fileMenu",
73
+ "baseClass": "FileMenuSettings",
74
+ "aspClassName":"FileMenuSettings",
75
+ "SelectorName": "e-ribbon-filemenusettings",
76
+ "aspSelectorName": "e-ribbon-filemenusettings",
77
+ "templateProperties": [
78
+ "itemTemplate",
79
+ "popupTemplate"
80
+ ]
81
+ },{
82
+ "propertyName": "ribbonTooltipSettings",
83
+ "baseClass": "RibbonTooltip",
84
+ "aspClassName":"RibbonTooltipSettings",
85
+ "SelectorName": "e-ribbon-tooltipsettings",
86
+ "aspSelectorName": "e-ribbon-tooltipsettings"
87
+ }
88
+ ],
89
+ "tagDirective": [{
90
+ "arrayDirectiveClassName": "RibbonTabs",
91
+ "directiveClassName": "RibbonTab",
92
+ "directiveSelector": "e-ribbon-tab",
93
+ "arrayDirectiveSelector": "e-ribbon-tabs",
94
+ "aspArrayClassName":"RibbonTab",
95
+ "aspCollectionClassName":"RibbonTabs",
96
+ "aspDirectiveSelector": "e-ribbon-tab",
97
+ "aspArrayDirectiveSelector":"e-ribbon-tabs",
98
+ "propertyName": "tabs",
99
+ "directoryName": "ribbon",
100
+ "baseClass": "RibbonTab",
101
+ "isPartialClass": true,
102
+ "comment": [
103
+ "/**",
104
+ " * `e-ribbon-tab` directive represent a tab of the Angular Ribbon. ",
105
+ " * It must be contained in a Ribbon component(`ejs-ribbon`). ",
106
+ " * ```html",
107
+ " * <ejs-ribbon>",
108
+ " * <e-ribbon-tabs>",
109
+ " * <e-ribbon-tab></e-ribbon-tab>",
110
+ " * <e-ribbon-tab></e-ribbon-tab>",
111
+ " * </e-ribbon-tabs>",
112
+ " * </ejs-ribbon>",
113
+ " * ```",
114
+ " */"
115
+ ],
116
+ "reactComment": [
117
+ "/**",
118
+ " * `RibbonTabDirective` represent a tab of the React Ribbon. ",
119
+ " * It must be contained in a Ribbon component(`RibbonComponent`). ",
120
+ " * ```tsx",
121
+ " * <RibbonComponent>",
122
+ " * <RibbonTabsDirective>",
123
+ " * <RibbonTabDirective></RibbonTabDirective>",
124
+ " * <RibbonTabDirective></RibbonTabDirective>",
125
+ " * <RibbonTabsDirective>",
126
+ " * </RibbonComponent>",
127
+ " * ```",
128
+ " */"
129
+ ],
130
+ "vueComment": [
131
+ "/**",
132
+ " * `e-ribbon-tab` directive represent a column of the VueJS Ribbon. ",
133
+ " * It must be contained in a Ribbon component(`ejs-ribbon`). ",
134
+ " * ```vue",
135
+ " * <ejs-ribbon>",
136
+ " * <e-ribbon-tabs>",
137
+ " * <e-ribbon-tab></e-ribbon-tab>",
138
+ " * <e-ribbon-tab></e-ribbon-tab>",
139
+ " * </e-ribbon-tabs>",
140
+ " * </ejs-ribbon>",
141
+ " * ```",
142
+ " */"
143
+ ],
144
+ "tagDirective": [{
145
+ "arrayDirectiveClassName": "RibbonGroups",
146
+ "directiveClassName": "RibbonGroup",
147
+ "directiveSelector": "e-ribbon-group",
148
+ "arrayDirectiveSelector": "e-ribbon-groups",
149
+ "aspArrayClassName":"RibbonGroup",
150
+ "aspCollectionClassName":"RibbonGroups",
151
+ "aspDirectiveSelector": "e-ribbon-group",
152
+ "aspArrayDirectiveSelector":"e-ribbon-groups",
153
+ "propertyName": "groups",
154
+ "directoryName": "ribbon",
155
+ "baseClass": "RibbonGroup",
156
+ "isPartialClass": true,
157
+ "comment": [
158
+ "/**",
159
+ " * `e-ribbon-group` directive represent a group in the Angular Ribbon. ",
160
+ " * ```html",
161
+ " * <ejs-ribbon>",
162
+ " * <e-ribbon-tabs>",
163
+ " * <e-ribbon-tab></e-ribbon-tab>",
164
+ " * <e-ribbon-tab>",
165
+ " * <e-ribbon-groups>",
166
+ " * <e-ribbon-group></e-ribbon-group>",
167
+ " * <e-ribbon-group></e-ribbon-group>",
168
+ " * </e-ribbon-groups>",
169
+ " * </e-ribbon-tab>",
170
+ " * </e-ribbon-tabs>",
171
+ " * </ejs-ribbon>",
172
+ " * ```",
173
+ " */"
174
+ ],
175
+ "reactComment": [
176
+ "/**",
177
+ " * `RibbonGroupDirective` represent a group in the React Ribbon. ",
178
+ " * ```tsx",
179
+ " * <RibbonComponent>",
180
+ " * <RibbonTabsDirective>",
181
+ " * <RibbonTabDirective></RibbonTabDirective>",
182
+ " * <RibbonTabDirective>",
183
+ " * <RibbonGroupsDirective>",
184
+ " * <RibbonGroupDirective></RibbonGroupDirective>",
185
+ " * <RibbonGroupDirective></RibbonGroupDirective>",
186
+ " * </RibbonGroupsDirective>",
187
+ " * </RibbonTabDirective>",
188
+ " * <RibbonTabsDirective>",
189
+ " * </RibbonComponent>",
190
+ " * ```",
191
+ " */"
192
+ ],
193
+ "vueComment": [
194
+ "/**",
195
+ " * `e-ribbon-group` directive represent a group in the VueJS Ribbon. ",
196
+ " * ```vue",
197
+ " * <ejs-ribbon>",
198
+ " * <e-ribbon-tabs>",
199
+ " * <e-ribbon-tab></e-ribbon-tab>",
200
+ " * <e-ribbon-tab>",
201
+ " * <e-ribbon-groups>",
202
+ " * <e-ribbon-group></e-ribbon-group>",
203
+ " * <e-ribbon-group></e-ribbon-group>",
204
+ " * </e-ribbon-groups>",
205
+ " * </e-ribbon-tab>",
206
+ " * </e-ribbon-tabs>",
207
+ " * </ejs-ribbon>",
208
+ " * ```",
209
+ " */"
210
+ ],
211
+ "tagDirective": [{
212
+ "arrayDirectiveClassName": "RibbonCollections",
213
+ "directiveClassName": "RibbonCollection",
214
+ "directiveSelector": "e-ribbon-collection",
215
+ "arrayDirectiveSelector": "e-ribbon-collections",
216
+ "aspArrayClassName":"RibbonCollection",
217
+ "aspCollectionClassName":"RibbonCollections",
218
+ "aspDirectiveSelector": "e-ribbon-collection",
219
+ "aspArrayDirectiveSelector":"e-ribbon-collections",
220
+ "propertyName": "collections",
221
+ "directoryName": "ribbon",
222
+ "baseClass": "RibbonCollection",
223
+ "isPartialClass": true,
224
+ "comment": [
225
+ "/**",
226
+ " * `e-ribbon-collection` directive represent a collection in the Angular Ribbon. ",
227
+ " * ```html",
228
+ " * <ejs-ribbon>",
229
+ " * <e-ribbon-tabs>",
230
+ " * <e-ribbon-tab></e-ribbon-tab>",
231
+ " * <e-ribbon-tab>",
232
+ " * <e-ribbon-groups>",
233
+ " * <e-ribbon-group>",
234
+ " * <e-ribbon-collections>",
235
+ " * <e-ribbon-collection></e-ribbon-collection>",
236
+ " * <e-ribbon-collection></e-ribbon-collection>",
237
+ " * </e-ribbon-collections>",
238
+ " * </e-ribbon-group>",
239
+ " * </e-ribbon-groups>",
240
+ " * </e-ribbon-tab>",
241
+ " * </e-ribbon-tabs>",
242
+ " * </ejs-ribbon>",
243
+ " * ```",
244
+ " */"
245
+ ],
246
+ "reactComment": [
247
+ "/**",
248
+ " * `RibbonCollectionDirective` represent a collection in the React Ribbon. ",
249
+ " * ```tsx",
250
+ " * <RibbonComponent>",
251
+ " * <RibbonTabsDirective>",
252
+ " * <RibbonTabDirective></RibbonTabDirective>",
253
+ " * <RibbonTabDirective>",
254
+ " * <RibbonGroupsDirective>",
255
+ " * <RibbonGroupDirective>",
256
+ " * <RibbonCollectionsDirective>",
257
+ " * <RibbonCollectionDirective></RibbonCollectionDirective>",
258
+ " * <RibbonCollectionDirective></RibbonCollectionDirective>",
259
+ " * </RibbonCollectionsDirective>",
260
+ " * </RibbonGroupDirective>",
261
+ " * </RibbonGroupsDirective>",
262
+ " * </RibbonTabDirective>",
263
+ " * <RibbonTabsDirective>",
264
+ " * </RibbonComponent>",
265
+ " * ```",
266
+ " */"
267
+ ],
268
+ "vueComment": [
269
+ "/**",
270
+ " * `e-ribbon-collection` directive represent a collection in the VueJS Ribbon. ",
271
+ " * ```vue",
272
+ " * <ejs-ribbon>",
273
+ " * <e-ribbon-tabs>",
274
+ " * <e-ribbon-tab></e-ribbon-tab>",
275
+ " * <e-ribbon-tab>",
276
+ " * <e-ribbon-groups>",
277
+ " * <e-ribbon-group>",
278
+ " * <e-ribbon-collections>",
279
+ " * <e-ribbon-collection></e-ribbon-collection>",
280
+ " * <e-ribbon-collection></e-ribbon-collection>",
281
+ " * </e-ribbon-collections>",
282
+ " * </e-ribbon-group>",
283
+ " * </e-ribbon-groups>",
284
+ " * </e-ribbon-tab>",
285
+ " * </e-ribbon-tabs>",
286
+ " * </ejs-ribbon>",
287
+ " * ```",
288
+ " */"
289
+ ],
290
+ "tagDirective": [{
291
+ "arrayDirectiveClassName": "RibbonItems",
292
+ "directiveClassName": "RibbonItem",
293
+ "directiveSelector": "e-ribbon-item",
294
+ "arrayDirectiveSelector": "e-ribbon-items",
295
+ "aspArrayClassName":"RibbonItem",
296
+ "aspCollectionClassName":"RibbonItems",
297
+ "aspDirectiveSelector": "e-ribbon-item",
298
+ "aspArrayDirectiveSelector":"e-ribbon-items",
299
+ "propertyName": "items",
300
+ "directoryName": "ribbon",
301
+ "baseClass": "RibbonItem",
302
+ "templateProperties": [
303
+ "itemTemplate"
304
+ ],
305
+ "isPartialClass": true,
306
+ "complexDirective": [
307
+ {
308
+ "propertyName": "buttonSettings",
309
+ "baseClass": "RibbonButtonSettings",
310
+ "aspClassName":"RibbonButtonSettings",
311
+ "SelectorName": "e-ribbon-buttonsettings",
312
+ "aspSelectorName": "e-ribbon-buttonsettings"
313
+ },
314
+ {
315
+ "propertyName": "checkBoxSettings",
316
+ "baseClass": "RibbonCheckBoxSettings",
317
+ "aspClassName":"RibbonCheckBoxSettings",
318
+ "SelectorName": "e-ribbon-checkboxsettings",
319
+ "aspSelectorName": "e-ribbon-checkboxsettings"
320
+ },
321
+ {
322
+ "propertyName": "comboBoxSettings",
323
+ "baseClass": "RibbonComboBoxSettings",
324
+ "aspClassName":"RibbonComboBoxSettings",
325
+ "SelectorName": "e-ribbon-comboboxsettings",
326
+ "aspSelectorName": "e-ribbon-comboboxsettings",
327
+ "templateProperties": [
328
+ "itemTemplate",
329
+ "noRecordsTemplate"
330
+ ]
331
+ },
332
+ {
333
+ "propertyName": "dropDownSettings",
334
+ "baseClass": "RibbonDropDownSettings",
335
+ "aspClassName":"RibbonDropDownSettings",
336
+ "SelectorName": "e-ribbon-dropdownsettings",
337
+ "aspSelectorName": "e-ribbon-dropdownsettings"
338
+ },
339
+ {
340
+ "propertyName": "splitButtonSettings",
341
+ "baseClass": "RibbonSplitButtonSettings",
342
+ "aspClassName":"RibbonSplitButtonSettings",
343
+ "SelectorName": "e-ribbon-splitbuttonsettings",
344
+ "aspSelectorName": "e-ribbon-splitbuttonsettings"
345
+ },
346
+ {
347
+ "propertyName": "colorPickerSettings",
348
+ "baseClass": "RibbonColorPickerSettings",
349
+ "aspClassName":"RibbonColorPickerSettings",
350
+ "SelectorName": "e-ribbon-colorpickersettings",
351
+ "aspSelectorName": "e-ribbon-colorpickersettings"
352
+ }
353
+ ],
354
+ "comment": [
355
+ "/**",
356
+ " * `e-ribbon-item` directive represent a item in the Angular Ribbon.",
357
+ " * ```html",
358
+ " * <ejs-ribbon>",
359
+ " * <e-ribbon-tabs>",
360
+ " * <e-ribbon-tab></e-ribbon-tab>",
361
+ " * <e-ribbon-tab>",
362
+ " * <e-ribbon-groups>",
363
+ " * <e-ribbon-group>",
364
+ " * <e-ribbon-collections>",
365
+ " * <e-ribbon-collection>",
366
+ " * <e-ribbon-items>",
367
+ " * <e-ribbon-item></e-ribbon-item>",
368
+ " * <e-ribbon-item></e-ribbon-item>",
369
+ " * </e-ribbon-items>",
370
+ " * </e-ribbon-collection>",
371
+ " * </e-ribbon-collections>",
372
+ " * </e-ribbon-group>",
373
+ " * </e-ribbon-groups>",
374
+ " * </e-ribbon-tab>",
375
+ " * </e-ribbon-tabs>",
376
+ " * </ejs-ribbon>",
377
+ " * ```",
378
+ " */"
379
+ ],
380
+ "reactComment": [
381
+ "/**",
382
+ " * `RibbonItemDirective` represent a item in the React Ribbon. ",
383
+ " * ```tsx",
384
+ " * <RibbonComponent>",
385
+ " * <RibbonTabsDirective>",
386
+ " * <RibbonTabDirective></RibbonTabDirective>",
387
+ " * <RibbonTabDirective>",
388
+ " * <RibbonGroupsDirective>",
389
+ " * <RibbonGroupDirective>",
390
+ " * <RibbonCollectionsDirective>",
391
+ " * <RibbonCollectionDirective>",
392
+ " * <RibbonItemsDirective>",
393
+ " * <RibbonItemDirective></RibbonItemDirective>",
394
+ " * <RibbonItemDirective></RibbonItemDirective>",
395
+ " * </RibbonItemsDirective>",
396
+ " * </RibbonCollectionDirective>",
397
+ " * </RibbonCollectionsDirective>",
398
+ " * </RibbonGroupDirective>",
399
+ " * </RibbonGroupsDirective>",
400
+ " * </RibbonTabDirective>",
401
+ " * <RibbonTabsDirective>",
402
+ " * </RibbonComponent>",
403
+ " * ```",
404
+ " */"
405
+ ],
406
+ "vueComment": [
407
+ "/**",
408
+ " * `e-ribbon-item` directive represent a item in the VueJS Ribbon. ",
409
+ " * ```vue",
410
+ " * <ejs-ribbon>",
411
+ " * <e-ribbon-tabs>",
412
+ " * <e-ribbon-tab></e-ribbon-tab>",
413
+ " * <e-ribbon-tab>",
414
+ " * <e-ribbon-groups>",
415
+ " * <e-ribbon-group>",
416
+ " * <e-ribbon-collections>",
417
+ " * <e-ribbon-collection>",
418
+ " * <e-ribbon-items>",
419
+ " * <e-ribbon-item></e-ribbon-item>",
420
+ " * <e-ribbon-item></e-ribbon-item>",
421
+ " * </e-ribbon-items>",
422
+ " * </e-ribbon-collection>",
423
+ " * </e-ribbon-collections>",
424
+ " * </e-ribbon-group>",
425
+ " * </e-ribbon-groups>",
426
+ " * </e-ribbon-tab>",
427
+ " * </e-ribbon-tabs>",
428
+ " * </ejs-ribbon>",
429
+ " * ```",
430
+ " */"
431
+ ]
432
+ }]
433
+ }]
434
+ }]
435
+ }]
436
+ }]
437
+ }