@syncfusion/ej2-angular-ribbon 23.2.7 → 24.1.41-ngcc

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 (138) hide show
  1. package/@syncfusion/ej2-angular-ribbon.es5.js +584 -0
  2. package/@syncfusion/ej2-angular-ribbon.es5.js.map +1 -0
  3. package/@syncfusion/ej2-angular-ribbon.js +544 -0
  4. package/@syncfusion/ej2-angular-ribbon.js.map +1 -0
  5. package/CHANGELOG.md +21 -0
  6. package/dist/ej2-angular-ribbon.umd.js +759 -0
  7. package/dist/ej2-angular-ribbon.umd.js.map +1 -0
  8. package/dist/ej2-angular-ribbon.umd.min.js +11 -0
  9. package/dist/ej2-angular-ribbon.umd.min.js.map +1 -0
  10. package/ej2-angular-ribbon.d.ts +5 -0
  11. package/ej2-angular-ribbon.metadata.json +1 -0
  12. package/package.json +15 -29
  13. package/postinstall/tagchange.js +18 -0
  14. package/schematics/collection.json +10 -0
  15. package/schematics/ng-add/index.d.ts +3 -0
  16. package/schematics/ng-add/index.js +9 -0
  17. package/schematics/ng-add/index.ts +10 -0
  18. package/schematics/ng-add/schema.d.ts +13 -0
  19. package/schematics/ng-add/schema.js +2 -0
  20. package/schematics/ng-add/schema.json +34 -0
  21. package/schematics/ng-add/schema.ts +30 -0
  22. package/schematics/tsconfig.json +25 -0
  23. package/schematics/utils/lib-details.d.ts +4 -0
  24. package/schematics/utils/lib-details.js +6 -0
  25. package/schematics/utils/lib-details.ts +4 -0
  26. package/src/ribbon/collections.directive.d.ts +0 -5
  27. package/src/ribbon/groups.directive.d.ts +5 -5
  28. package/src/ribbon/items.directive.d.ts +0 -5
  29. package/src/ribbon/ribbon-all.module.d.ts +0 -6
  30. package/src/ribbon/ribbon.component.d.ts +2 -3
  31. package/src/ribbon/ribbon.module.d.ts +0 -10
  32. package/src/ribbon/tabs.directive.d.ts +0 -5
  33. package/styles/bootstrap-dark.css +1 -2071
  34. package/styles/bootstrap.css +1 -2076
  35. package/styles/bootstrap4.css +1 -2137
  36. package/styles/bootstrap5-dark.css +1 -2155
  37. package/styles/bootstrap5.css +1 -2155
  38. package/styles/fabric-dark.css +1 -2047
  39. package/styles/fabric.css +1 -2045
  40. package/styles/fluent-dark.css +1 -2131
  41. package/styles/fluent.css +1 -2131
  42. package/styles/highcontrast-light.css +1 -2054
  43. package/styles/highcontrast.css +1 -2063
  44. package/styles/material-dark.css +1 -2116
  45. package/styles/material.css +1 -2150
  46. package/styles/material3-dark.css +1 -2178
  47. package/styles/material3-dark.scss +0 -1
  48. package/styles/material3.css +1 -2234
  49. package/styles/material3.scss +0 -1
  50. package/styles/ribbon/bootstrap-dark.css +1 -2071
  51. package/styles/ribbon/bootstrap-dark.scss +1 -18
  52. package/styles/ribbon/bootstrap.css +1 -2076
  53. package/styles/ribbon/bootstrap.scss +1 -18
  54. package/styles/ribbon/bootstrap4.css +1 -2137
  55. package/styles/ribbon/bootstrap4.scss +1 -18
  56. package/styles/ribbon/bootstrap5-dark.css +1 -2155
  57. package/styles/ribbon/bootstrap5-dark.scss +1 -18
  58. package/styles/ribbon/bootstrap5.css +1 -2155
  59. package/styles/ribbon/bootstrap5.scss +1 -18
  60. package/styles/ribbon/fabric-dark.css +1 -2047
  61. package/styles/ribbon/fabric-dark.scss +1 -18
  62. package/styles/ribbon/fabric.css +1 -2045
  63. package/styles/ribbon/fabric.scss +1 -18
  64. package/styles/ribbon/fluent-dark.css +1 -2131
  65. package/styles/ribbon/fluent-dark.scss +1 -18
  66. package/styles/ribbon/fluent.css +1 -2131
  67. package/styles/ribbon/fluent.scss +1 -18
  68. package/styles/ribbon/highcontrast-light.css +1 -2054
  69. package/styles/ribbon/highcontrast-light.scss +1 -17
  70. package/styles/ribbon/highcontrast.css +1 -2063
  71. package/styles/ribbon/highcontrast.scss +1 -18
  72. package/styles/ribbon/material-dark.css +1 -2116
  73. package/styles/ribbon/material-dark.scss +1 -18
  74. package/styles/ribbon/material.css +1 -2150
  75. package/styles/ribbon/material.scss +1 -18
  76. package/styles/ribbon/material3-dark.css +1 -2178
  77. package/styles/ribbon/material3-dark.scss +1 -18
  78. package/styles/ribbon/material3.css +1 -2234
  79. package/styles/ribbon/material3.scss +1 -18
  80. package/styles/ribbon/tailwind-dark.css +1 -2128
  81. package/styles/ribbon/tailwind-dark.scss +1 -18
  82. package/styles/ribbon/tailwind.css +1 -2128
  83. package/styles/ribbon/tailwind.scss +1 -18
  84. package/styles/tailwind-dark.css +1 -2128
  85. package/styles/tailwind.css +1 -2128
  86. package/esm2020/public_api.mjs +0 -3
  87. package/esm2020/src/index.mjs +0 -9
  88. package/esm2020/src/ribbon/collections.directive.mjs +0 -70
  89. package/esm2020/src/ribbon/groups.directive.mjs +0 -66
  90. package/esm2020/src/ribbon/items.directive.mjs +0 -78
  91. package/esm2020/src/ribbon/ribbon-all.module.mjs +0 -53
  92. package/esm2020/src/ribbon/ribbon.component.mjs +0 -134
  93. package/esm2020/src/ribbon/ribbon.module.mjs +0 -61
  94. package/esm2020/src/ribbon/tabs.directive.mjs +0 -62
  95. package/esm2020/syncfusion-ej2-angular-ribbon.mjs +0 -5
  96. package/fesm2015/syncfusion-ej2-angular-ribbon.mjs +0 -502
  97. package/fesm2015/syncfusion-ej2-angular-ribbon.mjs.map +0 -1
  98. package/fesm2020/syncfusion-ej2-angular-ribbon.mjs +0 -502
  99. package/fesm2020/syncfusion-ej2-angular-ribbon.mjs.map +0 -1
  100. package/styles/ribbon/_all.scss +0 -2
  101. package/styles/ribbon/_bootstrap-dark-definition.scss +0 -275
  102. package/styles/ribbon/_bootstrap-definition.scss +0 -275
  103. package/styles/ribbon/_bootstrap4-definition.scss +0 -275
  104. package/styles/ribbon/_bootstrap5-dark-definition.scss +0 -1
  105. package/styles/ribbon/_bootstrap5-definition.scss +0 -275
  106. package/styles/ribbon/_fabric-dark-definition.scss +0 -275
  107. package/styles/ribbon/_fabric-definition.scss +0 -275
  108. package/styles/ribbon/_fluent-dark-definition.scss +0 -1
  109. package/styles/ribbon/_fluent-definition.scss +0 -275
  110. package/styles/ribbon/_fusionnew-definition.scss +0 -275
  111. package/styles/ribbon/_highcontrast-definition.scss +0 -275
  112. package/styles/ribbon/_highcontrast-light-definition.scss +0 -275
  113. package/styles/ribbon/_layout.scss +0 -1409
  114. package/styles/ribbon/_material-dark-definition.scss +0 -275
  115. package/styles/ribbon/_material-definition.scss +0 -275
  116. package/styles/ribbon/_material3-dark-definition.scss +0 -1
  117. package/styles/ribbon/_material3-definition.scss +0 -276
  118. package/styles/ribbon/_tailwind-dark-definition.scss +0 -1
  119. package/styles/ribbon/_tailwind-definition.scss +0 -275
  120. package/styles/ribbon/_theme.scss +0 -486
  121. package/styles/ribbon/icons/_bootstrap-dark.scss +0 -9
  122. package/styles/ribbon/icons/_bootstrap.scss +0 -9
  123. package/styles/ribbon/icons/_bootstrap4.scss +0 -9
  124. package/styles/ribbon/icons/_bootstrap5-dark.scss +0 -1
  125. package/styles/ribbon/icons/_bootstrap5.scss +0 -9
  126. package/styles/ribbon/icons/_fabric-dark.scss +0 -9
  127. package/styles/ribbon/icons/_fabric.scss +0 -9
  128. package/styles/ribbon/icons/_fluent-dark.scss +0 -1
  129. package/styles/ribbon/icons/_fluent.scss +0 -9
  130. package/styles/ribbon/icons/_fusionnew.scss +0 -9
  131. package/styles/ribbon/icons/_highcontrast.scss +0 -9
  132. package/styles/ribbon/icons/_material-dark.scss +0 -9
  133. package/styles/ribbon/icons/_material.scss +0 -9
  134. package/styles/ribbon/icons/_material3-dark.scss +0 -1
  135. package/styles/ribbon/icons/_material3.scss +0 -9
  136. package/styles/ribbon/icons/_tailwind-dark.scss +0 -9
  137. package/styles/ribbon/icons/_tailwind.scss +0 -9
  138. package/syncfusion-ej2-angular-ribbon.d.ts +0 -5
@@ -0,0 +1,584 @@
1
+ var __extends = (this && this.__extends) || (function () {
2
+ var extendStatics = Object.setPrototypeOf ||
3
+ ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
4
+ function (d, b) { for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p]; };
5
+ return function (d, b) {
6
+ extendStatics(d, b);
7
+ function __() { this.constructor = d; }
8
+ d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
9
+ };
10
+ })();
11
+ import { ChangeDetectionStrategy, Component, ContentChild, ContentChildren, Directive, ElementRef, Injector, NgModule, Renderer2, ViewContainerRef } from '@angular/core';
12
+ import { ArrayBase, ComplexBase, ComponentBase, ComponentMixins, Template, setValue } from '@syncfusion/ej2-angular-base';
13
+ import { Ribbon, RibbonBackstage, RibbonButton, RibbonCheckBox, RibbonColorPicker, RibbonComboBox, RibbonDropDown, RibbonFileMenu, RibbonGroupButton, RibbonSplitButton } from '@syncfusion/ej2-ribbon';
14
+ import { CommonModule } from '@angular/common';
15
+ var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
16
+ var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
17
+ if (typeof Reflect === "object" && typeof Reflect.decorate === "function")
18
+ r = Reflect.decorate(decorators, target, key, desc);
19
+ else
20
+ for (var i = decorators.length - 1; i >= 0; i--)
21
+ if (d = decorators[i])
22
+ r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
23
+ return c > 3 && r && Object.defineProperty(target, key, r), r;
24
+ };
25
+ var __metadata = (this && this.__metadata) || function (k, v) {
26
+ if (typeof Reflect === "object" && typeof Reflect.metadata === "function")
27
+ return Reflect.metadata(k, v);
28
+ };
29
+ var input = ['activeSize', 'allowedSizes', 'buttonSettings', 'checkBoxSettings', 'colorPickerSettings', 'comboBoxSettings', 'cssClass', 'disabled', 'displayOptions', 'dropDownSettings', 'groupButtonSettings', 'id', 'itemTemplate', 'ribbonTooltipSettings', 'splitButtonSettings', 'type'];
30
+ var outputs = [];
31
+ /**
32
+ * `e-ribbon-item` directive represent a item in the Angular Ribbon.
33
+ * ```html
34
+ * <ejs-ribbon>
35
+ * <e-ribbon-tabs>
36
+ * <e-ribbon-tab></e-ribbon-tab>
37
+ * <e-ribbon-tab>
38
+ * <e-ribbon-groups>
39
+ * <e-ribbon-group>
40
+ * <e-ribbon-collections>
41
+ * <e-ribbon-collection>
42
+ * <e-ribbon-items>
43
+ * <e-ribbon-item></e-ribbon-item>
44
+ * <e-ribbon-item></e-ribbon-item>
45
+ * </e-ribbon-items>
46
+ * </e-ribbon-collection>
47
+ * </e-ribbon-collections>
48
+ * </e-ribbon-group>
49
+ * </e-ribbon-groups>
50
+ * </e-ribbon-tab>
51
+ * </e-ribbon-tabs>
52
+ * </ejs-ribbon>
53
+ * ```
54
+ */
55
+ var RibbonItemDirective = /** @class */ (function (_super) {
56
+ __extends(RibbonItemDirective, _super);
57
+ /**
58
+ * @param {?} viewContainerRef
59
+ */
60
+ function RibbonItemDirective(viewContainerRef) {
61
+ var _this = _super.call(this) || this;
62
+ _this.viewContainerRef = viewContainerRef;
63
+ setValue('currentInstance', _this, _this.viewContainerRef);
64
+ _this.registerEvents(outputs);
65
+ _this.directivePropList = input;
66
+ return _this;
67
+ }
68
+ return RibbonItemDirective;
69
+ }(ComplexBase));
70
+ RibbonItemDirective.decorators = [
71
+ { type: Directive, args: [{
72
+ selector: 'e-ribbon-item',
73
+ inputs: input,
74
+ outputs: outputs,
75
+ queries: {}
76
+ },] },
77
+ ];
78
+ /**
79
+ * @nocollapse
80
+ */
81
+ RibbonItemDirective.ctorParameters = function () { return [
82
+ { type: ViewContainerRef, },
83
+ ]; };
84
+ RibbonItemDirective.propDecorators = {
85
+ 'itemTemplate': [{ type: ContentChild, args: ['itemTemplate',] },],
86
+ };
87
+ __decorate([
88
+ Template(),
89
+ __metadata("design:type", Object)
90
+ ], RibbonItemDirective.prototype, "itemTemplate", void 0);
91
+ /**
92
+ * RibbonItem Array Directive
93
+ */
94
+ var RibbonItemsDirective = /** @class */ (function (_super) {
95
+ __extends(RibbonItemsDirective, _super);
96
+ function RibbonItemsDirective() {
97
+ return _super.call(this, 'items') || this;
98
+ }
99
+ return RibbonItemsDirective;
100
+ }(ArrayBase));
101
+ RibbonItemsDirective.decorators = [
102
+ { type: Directive, args: [{
103
+ selector: 'e-ribbon-items',
104
+ queries: {
105
+ children: new ContentChildren(RibbonItemDirective)
106
+ },
107
+ },] },
108
+ ];
109
+ /**
110
+ * @nocollapse
111
+ */
112
+ RibbonItemsDirective.ctorParameters = function () { return []; };
113
+ var input$1 = ['cssClass', 'id', 'items'];
114
+ var outputs$1 = [];
115
+ /**
116
+ * `e-ribbon-collection` directive represent a collection in the Angular Ribbon.
117
+ * ```html
118
+ * <ejs-ribbon>
119
+ * <e-ribbon-tabs>
120
+ * <e-ribbon-tab></e-ribbon-tab>
121
+ * <e-ribbon-tab>
122
+ * <e-ribbon-groups>
123
+ * <e-ribbon-group>
124
+ * <e-ribbon-collections>
125
+ * <e-ribbon-collection></e-ribbon-collection>
126
+ * <e-ribbon-collection></e-ribbon-collection>
127
+ * </e-ribbon-collections>
128
+ * </e-ribbon-group>
129
+ * </e-ribbon-groups>
130
+ * </e-ribbon-tab>
131
+ * </e-ribbon-tabs>
132
+ * </ejs-ribbon>
133
+ * ```
134
+ */
135
+ var RibbonCollectionDirective = /** @class */ (function (_super) {
136
+ __extends(RibbonCollectionDirective, _super);
137
+ /**
138
+ * @param {?} viewContainerRef
139
+ */
140
+ function RibbonCollectionDirective(viewContainerRef) {
141
+ var _this = _super.call(this) || this;
142
+ _this.viewContainerRef = viewContainerRef;
143
+ _this.tags = ['items'];
144
+ setValue('currentInstance', _this, _this.viewContainerRef);
145
+ _this.registerEvents(outputs$1);
146
+ _this.directivePropList = input$1;
147
+ return _this;
148
+ }
149
+ return RibbonCollectionDirective;
150
+ }(ComplexBase));
151
+ RibbonCollectionDirective.decorators = [
152
+ { type: Directive, args: [{
153
+ selector: 'e-ribbon-collection',
154
+ inputs: input$1,
155
+ outputs: outputs$1,
156
+ queries: {
157
+ childItems: new ContentChild(RibbonItemsDirective)
158
+ }
159
+ },] },
160
+ ];
161
+ /**
162
+ * @nocollapse
163
+ */
164
+ RibbonCollectionDirective.ctorParameters = function () { return [
165
+ { type: ViewContainerRef, },
166
+ ]; };
167
+ /**
168
+ * RibbonCollection Array Directive
169
+ */
170
+ var RibbonCollectionsDirective = /** @class */ (function (_super) {
171
+ __extends(RibbonCollectionsDirective, _super);
172
+ function RibbonCollectionsDirective() {
173
+ return _super.call(this, 'collections') || this;
174
+ }
175
+ return RibbonCollectionsDirective;
176
+ }(ArrayBase));
177
+ RibbonCollectionsDirective.decorators = [
178
+ { type: Directive, args: [{
179
+ selector: 'e-ribbon-collections',
180
+ queries: {
181
+ children: new ContentChildren(RibbonCollectionDirective)
182
+ },
183
+ },] },
184
+ ];
185
+ /**
186
+ * @nocollapse
187
+ */
188
+ RibbonCollectionsDirective.ctorParameters = function () { return []; };
189
+ var input$2 = ['collections', 'cssClass', 'enableGroupOverflow', 'groupIconCss', 'header', 'id', 'isCollapsed', 'isCollapsible', 'orientation', 'overflowHeader', 'priority', 'showLauncherIcon'];
190
+ var outputs$2 = [];
191
+ /**
192
+ * `e-ribbon-group` directive represent a group in the Angular Ribbon.
193
+ * ```html
194
+ * <ejs-ribbon>
195
+ * <e-ribbon-tabs>
196
+ * <e-ribbon-tab></e-ribbon-tab>
197
+ * <e-ribbon-tab>
198
+ * <e-ribbon-groups>
199
+ * <e-ribbon-group></e-ribbon-group>
200
+ * <e-ribbon-group></e-ribbon-group>
201
+ * </e-ribbon-groups>
202
+ * </e-ribbon-tab>
203
+ * </e-ribbon-tabs>
204
+ * </ejs-ribbon>
205
+ * ```
206
+ */
207
+ var RibbonGroupDirective = /** @class */ (function (_super) {
208
+ __extends(RibbonGroupDirective, _super);
209
+ /**
210
+ * @param {?} viewContainerRef
211
+ */
212
+ function RibbonGroupDirective(viewContainerRef) {
213
+ var _this = _super.call(this) || this;
214
+ _this.viewContainerRef = viewContainerRef;
215
+ _this.tags = ['collections'];
216
+ setValue('currentInstance', _this, _this.viewContainerRef);
217
+ _this.registerEvents(outputs$2);
218
+ _this.directivePropList = input$2;
219
+ return _this;
220
+ }
221
+ return RibbonGroupDirective;
222
+ }(ComplexBase));
223
+ RibbonGroupDirective.decorators = [
224
+ { type: Directive, args: [{
225
+ selector: 'e-ribbon-group',
226
+ inputs: input$2,
227
+ outputs: outputs$2,
228
+ queries: {
229
+ childCollections: new ContentChild(RibbonCollectionsDirective)
230
+ }
231
+ },] },
232
+ ];
233
+ /**
234
+ * @nocollapse
235
+ */
236
+ RibbonGroupDirective.ctorParameters = function () { return [
237
+ { type: ViewContainerRef, },
238
+ ]; };
239
+ /**
240
+ * RibbonGroup Array Directive
241
+ */
242
+ var RibbonGroupsDirective = /** @class */ (function (_super) {
243
+ __extends(RibbonGroupsDirective, _super);
244
+ function RibbonGroupsDirective() {
245
+ return _super.call(this, 'groups') || this;
246
+ }
247
+ return RibbonGroupsDirective;
248
+ }(ArrayBase));
249
+ RibbonGroupsDirective.decorators = [
250
+ { type: Directive, args: [{
251
+ selector: 'e-ribbon-groups',
252
+ queries: {
253
+ children: new ContentChildren(RibbonGroupDirective)
254
+ },
255
+ },] },
256
+ ];
257
+ /**
258
+ * @nocollapse
259
+ */
260
+ RibbonGroupsDirective.ctorParameters = function () { return []; };
261
+ var input$3 = ['cssClass', 'groups', 'header', 'id'];
262
+ var outputs$3 = [];
263
+ /**
264
+ * `e-ribbon-tab` directive represent a tab of the Angular Ribbon.
265
+ * It must be contained in a Ribbon component(`ejs-ribbon`).
266
+ * ```html
267
+ * <ejs-ribbon>
268
+ * <e-ribbon-tabs>
269
+ * <e-ribbon-tab></e-ribbon-tab>
270
+ * <e-ribbon-tab></e-ribbon-tab>
271
+ * </e-ribbon-tabs>
272
+ * </ejs-ribbon>
273
+ * ```
274
+ */
275
+ var RibbonTabDirective = /** @class */ (function (_super) {
276
+ __extends(RibbonTabDirective, _super);
277
+ /**
278
+ * @param {?} viewContainerRef
279
+ */
280
+ function RibbonTabDirective(viewContainerRef) {
281
+ var _this = _super.call(this) || this;
282
+ _this.viewContainerRef = viewContainerRef;
283
+ _this.tags = ['groups'];
284
+ setValue('currentInstance', _this, _this.viewContainerRef);
285
+ _this.registerEvents(outputs$3);
286
+ _this.directivePropList = input$3;
287
+ return _this;
288
+ }
289
+ return RibbonTabDirective;
290
+ }(ComplexBase));
291
+ RibbonTabDirective.decorators = [
292
+ { type: Directive, args: [{
293
+ selector: 'e-ribbon-tab',
294
+ inputs: input$3,
295
+ outputs: outputs$3,
296
+ queries: {
297
+ childGroups: new ContentChild(RibbonGroupsDirective)
298
+ }
299
+ },] },
300
+ ];
301
+ /**
302
+ * @nocollapse
303
+ */
304
+ RibbonTabDirective.ctorParameters = function () { return [
305
+ { type: ViewContainerRef, },
306
+ ]; };
307
+ /**
308
+ * RibbonTab Array Directive
309
+ */
310
+ var RibbonTabsDirective = /** @class */ (function (_super) {
311
+ __extends(RibbonTabsDirective, _super);
312
+ function RibbonTabsDirective() {
313
+ return _super.call(this, 'tabs') || this;
314
+ }
315
+ return RibbonTabsDirective;
316
+ }(ArrayBase));
317
+ RibbonTabsDirective.decorators = [
318
+ { type: Directive, args: [{
319
+ selector: 'e-ribbon-tabs',
320
+ queries: {
321
+ children: new ContentChildren(RibbonTabDirective)
322
+ },
323
+ },] },
324
+ ];
325
+ /**
326
+ * @nocollapse
327
+ */
328
+ RibbonTabsDirective.ctorParameters = function () { return []; };
329
+ var __decorate$1 = (this && this.__decorate) || function (decorators, target, key, desc) {
330
+ var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
331
+ if (typeof Reflect === "object" && typeof Reflect.decorate === "function")
332
+ r = Reflect.decorate(decorators, target, key, desc);
333
+ else
334
+ for (var i = decorators.length - 1; i >= 0; i--)
335
+ if (d = decorators[i])
336
+ r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
337
+ return c > 3 && r && Object.defineProperty(target, key, r), r;
338
+ };
339
+ var __metadata$1 = (this && this.__metadata) || function (k, v) {
340
+ if (typeof Reflect === "object" && typeof Reflect.metadata === "function")
341
+ return Reflect.metadata(k, v);
342
+ };
343
+ var inputs = ['activeLayout', 'backStageMenu', 'cssClass', 'enablePersistence', 'enableRtl', 'fileMenu', 'helpPaneTemplate', 'hideLayoutSwitcher', 'isMinimized', 'launcherIconCss', 'locale', 'selectedTab', 'tabAnimation', 'tabs', 'width'];
344
+ var outputs$4 = ['created', 'launcherIconClick', 'overflowPopupClose', 'overflowPopupOpen', 'ribbonCollapsing', 'ribbonExpanding', 'tabSelected', 'tabSelecting'];
345
+ var twoWays = [''];
346
+ /**
347
+ * Represents the Essential JS 2 Angular Ribbon Component.
348
+ * ```html
349
+ * <ejs-ribbon></ejs-ribbon>
350
+ * ```
351
+ */
352
+ var RibbonComponent = /** @class */ (function (_super) {
353
+ __extends(RibbonComponent, _super);
354
+ /**
355
+ * @param {?} ngEle
356
+ * @param {?} srenderer
357
+ * @param {?} viewContainerRef
358
+ * @param {?} injector
359
+ */
360
+ function RibbonComponent(ngEle, srenderer, viewContainerRef, injector) {
361
+ var _this = _super.call(this) || this;
362
+ _this.ngEle = ngEle;
363
+ _this.srenderer = srenderer;
364
+ _this.viewContainerRef = viewContainerRef;
365
+ _this.injector = injector;
366
+ _this.tags = ['tabs'];
367
+ _this.element = _this.ngEle.nativeElement;
368
+ _this.injectedModules = _this.injectedModules || [];
369
+ try {
370
+ var mod = _this.injector.get('RibbonRibbonButton');
371
+ if (_this.injectedModules.indexOf(mod) === -1) {
372
+ _this.injectedModules.push(mod);
373
+ }
374
+ }
375
+ catch (_a) { }
376
+ try {
377
+ var mod = _this.injector.get('RibbonRibbonDropDown');
378
+ if (_this.injectedModules.indexOf(mod) === -1) {
379
+ _this.injectedModules.push(mod);
380
+ }
381
+ }
382
+ catch (_b) { }
383
+ try {
384
+ var mod = _this.injector.get('RibbonRibbonSplitButton');
385
+ if (_this.injectedModules.indexOf(mod) === -1) {
386
+ _this.injectedModules.push(mod);
387
+ }
388
+ }
389
+ catch (_c) { }
390
+ try {
391
+ var mod = _this.injector.get('RibbonRibbonCheckBox');
392
+ if (_this.injectedModules.indexOf(mod) === -1) {
393
+ _this.injectedModules.push(mod);
394
+ }
395
+ }
396
+ catch (_d) { }
397
+ try {
398
+ var mod = _this.injector.get('RibbonRibbonColorPicker');
399
+ if (_this.injectedModules.indexOf(mod) === -1) {
400
+ _this.injectedModules.push(mod);
401
+ }
402
+ }
403
+ catch (_e) { }
404
+ try {
405
+ var mod = _this.injector.get('RibbonRibbonComboBox');
406
+ if (_this.injectedModules.indexOf(mod) === -1) {
407
+ _this.injectedModules.push(mod);
408
+ }
409
+ }
410
+ catch (_f) { }
411
+ try {
412
+ var mod = _this.injector.get('RibbonRibbonGroupButton');
413
+ if (_this.injectedModules.indexOf(mod) === -1) {
414
+ _this.injectedModules.push(mod);
415
+ }
416
+ }
417
+ catch (_g) { }
418
+ try {
419
+ var mod = _this.injector.get('RibbonRibbonFileMenu');
420
+ if (_this.injectedModules.indexOf(mod) === -1) {
421
+ _this.injectedModules.push(mod);
422
+ }
423
+ }
424
+ catch (_h) { }
425
+ try {
426
+ var mod = _this.injector.get('RibbonRibbonBackstage');
427
+ if (_this.injectedModules.indexOf(mod) === -1) {
428
+ _this.injectedModules.push(mod);
429
+ }
430
+ }
431
+ catch (_j) { }
432
+ _this.registerEvents(outputs$4);
433
+ _this.addTwoWay.call(_this, twoWays);
434
+ setValue('currentInstance', _this, _this.viewContainerRef);
435
+ _this.containerContext = new ComponentBase();
436
+ return _this;
437
+ }
438
+ /**
439
+ * @return {?}
440
+ */
441
+ RibbonComponent.prototype.ngOnInit = function () {
442
+ this.containerContext.ngOnInit(this);
443
+ };
444
+ /**
445
+ * @return {?}
446
+ */
447
+ RibbonComponent.prototype.ngAfterViewInit = function () {
448
+ this.containerContext.ngAfterViewInit(this);
449
+ };
450
+ /**
451
+ * @return {?}
452
+ */
453
+ RibbonComponent.prototype.ngOnDestroy = function () {
454
+ this.containerContext.ngOnDestroy(this);
455
+ };
456
+ /**
457
+ * @return {?}
458
+ */
459
+ RibbonComponent.prototype.ngAfterContentChecked = function () {
460
+ this.tagObjects[0].instance = this.childTabs;
461
+ this.containerContext.ngAfterContentChecked(this);
462
+ };
463
+ return RibbonComponent;
464
+ }(Ribbon));
465
+ RibbonComponent.decorators = [
466
+ { type: Component, args: [{
467
+ selector: 'ejs-ribbon',
468
+ inputs: inputs,
469
+ outputs: outputs$4,
470
+ template: "<ng-content select='div'></ng-content>",
471
+ changeDetection: ChangeDetectionStrategy.OnPush,
472
+ queries: {
473
+ childTabs: new ContentChild(RibbonTabsDirective)
474
+ }
475
+ },] },
476
+ ];
477
+ /**
478
+ * @nocollapse
479
+ */
480
+ RibbonComponent.ctorParameters = function () { return [
481
+ { type: ElementRef, },
482
+ { type: Renderer2, },
483
+ { type: ViewContainerRef, },
484
+ { type: Injector, },
485
+ ]; };
486
+ RibbonComponent.propDecorators = {
487
+ 'helpPaneTemplate': [{ type: ContentChild, args: ['helpPaneTemplate',] },],
488
+ };
489
+ __decorate$1([
490
+ Template(),
491
+ __metadata$1("design:type", Object)
492
+ ], RibbonComponent.prototype, "helpPaneTemplate", void 0);
493
+ RibbonComponent = __decorate$1([
494
+ ComponentMixins([ComponentBase]),
495
+ __metadata$1("design:paramtypes", [ElementRef,
496
+ Renderer2,
497
+ ViewContainerRef,
498
+ Injector])
499
+ ], RibbonComponent);
500
+ /**
501
+ * NgModule definition for the Ribbon component.
502
+ */
503
+ var RibbonModule = /** @class */ (function () {
504
+ function RibbonModule() {
505
+ }
506
+ return RibbonModule;
507
+ }());
508
+ RibbonModule.decorators = [
509
+ { type: NgModule, args: [{
510
+ imports: [CommonModule],
511
+ declarations: [
512
+ RibbonComponent,
513
+ RibbonItemDirective,
514
+ RibbonItemsDirective,
515
+ RibbonCollectionDirective,
516
+ RibbonCollectionsDirective,
517
+ RibbonGroupDirective,
518
+ RibbonGroupsDirective,
519
+ RibbonTabDirective,
520
+ RibbonTabsDirective
521
+ ],
522
+ exports: [
523
+ RibbonComponent,
524
+ RibbonItemDirective,
525
+ RibbonItemsDirective,
526
+ RibbonCollectionDirective,
527
+ RibbonCollectionsDirective,
528
+ RibbonGroupDirective,
529
+ RibbonGroupsDirective,
530
+ RibbonTabDirective,
531
+ RibbonTabsDirective
532
+ ]
533
+ },] },
534
+ ];
535
+ /**
536
+ * @nocollapse
537
+ */
538
+ RibbonModule.ctorParameters = function () { return []; };
539
+ var RibbonButtonService = { provide: 'RibbonRibbonButton', useValue: RibbonButton };
540
+ var RibbonDropDownService = { provide: 'RibbonRibbonDropDown', useValue: RibbonDropDown };
541
+ var RibbonSplitButtonService = { provide: 'RibbonRibbonSplitButton', useValue: RibbonSplitButton };
542
+ var RibbonCheckBoxService = { provide: 'RibbonRibbonCheckBox', useValue: RibbonCheckBox };
543
+ var RibbonColorPickerService = { provide: 'RibbonRibbonColorPicker', useValue: RibbonColorPicker };
544
+ var RibbonComboBoxService = { provide: 'RibbonRibbonComboBox', useValue: RibbonComboBox };
545
+ var RibbonGroupButtonService = { provide: 'RibbonRibbonGroupButton', useValue: RibbonGroupButton };
546
+ var RibbonFileMenuService = { provide: 'RibbonRibbonFileMenu', useValue: RibbonFileMenu };
547
+ var RibbonBackstageService = { provide: 'RibbonRibbonBackstage', useValue: RibbonBackstage };
548
+ /**
549
+ * NgModule definition for the Ribbon component with providers.
550
+ */
551
+ var RibbonAllModule = /** @class */ (function () {
552
+ function RibbonAllModule() {
553
+ }
554
+ return RibbonAllModule;
555
+ }());
556
+ RibbonAllModule.decorators = [
557
+ { type: NgModule, args: [{
558
+ imports: [CommonModule, RibbonModule],
559
+ exports: [
560
+ RibbonModule
561
+ ],
562
+ providers: [
563
+ RibbonButtonService,
564
+ RibbonDropDownService,
565
+ RibbonSplitButtonService,
566
+ RibbonCheckBoxService,
567
+ RibbonColorPickerService,
568
+ RibbonComboBoxService,
569
+ RibbonGroupButtonService,
570
+ RibbonFileMenuService,
571
+ RibbonBackstageService
572
+ ]
573
+ },] },
574
+ ];
575
+ /**
576
+ * @nocollapse
577
+ */
578
+ RibbonAllModule.ctorParameters = function () { return []; };
579
+ /**
580
+ * Generated bundle index. Do not edit.
581
+ */
582
+ export { RibbonItemDirective, RibbonItemsDirective, RibbonCollectionDirective, RibbonCollectionsDirective, RibbonGroupDirective, RibbonGroupsDirective, RibbonTabDirective, RibbonTabsDirective, RibbonComponent, RibbonModule, RibbonAllModule, RibbonButtonService, RibbonDropDownService, RibbonSplitButtonService, RibbonCheckBoxService, RibbonColorPickerService, RibbonComboBoxService, RibbonGroupButtonService, RibbonFileMenuService, RibbonBackstageService, inputs as ɵa, outputs$4 as ɵb };
583
+ export { Ribbon, RibbonLayout, ItemOrientation, RibbonItemSize, DisplayMode, RibbonItemType, RibbonGroupButtonSelection, ITEM_VERTICAL_CENTER, EXPAND_COLLAPSE_ICON, BACKSTAGE_CLOSE_ICON, OVERFLOW_ICON, VERTICAL_DDB, DISABLED_CSS, RTL_CSS, RIBBON_HOVER, RIBBON_CONTROL, RIBBON_POPUP_CONTROL, RIBBON_POPUP_OPEN, SPACE, HORIZONTAL_SCROLLBAR, HIDE_CSS, RIBBON_TAB, RIBBON_TAB_ACTIVE, RIBBON_TAB_ITEM, RIBBON_COLLAPSE_BUTTON, RIBBON_EXPAND_BUTTON, RIBBON_COLLAPSIBLE, RIBBON_OVERALL_OF_BUTTON, RIBBON_GROUP_OF_BUTTON, RIBBON_OVERFLOW_TARGET, RIBBON_OVERFLOW, TAB_CONTENT, RIBBON_MINIMIZE, RIBBON_GROUP, RIBBON_SINGLE_BUTTON_SELECTION, RIBBON_MULTIPLE_BUTTON_SELECTION, RIBBON_GROUP_BUTTON, RIBBON_GROUP_BUTTON_OVERFLOW_POPUP, RIBBON_GROUP_CONTAINER, RIBBON_OF_TAB_CONTAINER, RIBBON_OF_GROUP_CONTAINER, RIBBON_GROUP_CONTENT, RIBBON_GROUP_HEADER, RIBBON_OVERFLOW_HEADER, RIBBON_GROUP_OVERFLOW, RIBBON_GROUP_OVERFLOW_DDB, RIBBON_LAUNCHER, RIBBON_LAUNCHER_ICON_ELE, RIBBON_LAUNCHER_ICON, RIBBON_COLLECTION, RIBBON_ITEM, RIBBON_ROW, RIBBON_COLUMN, RIBBON_LARGE_ITEM, RIBBON_MEDIUM_ITEM, RIBBON_SMALL_ITEM, RIBBON_CONTENT_HEIGHT, DROPDOWNBUTTON, DROPDOWNBUTTON_HIDE, RIBBON_TEMPLATE, RIBBON_HELP_TEMPLATE, RIBBON_TOOLTIP, RIBBON_TOOLTIP_TARGET, RIBBON_TOOLTIP_TITLE, RIBBON_TOOLTIP_CONTENT, RIBBON_TOOLTIP_ICON, RIBBON_TOOLTIP_CONTAINER, RIBBON_TEXT_CONTAINER, RIBBON_SIMPLIFIED_MODE, RIBBON_BACKSTAGE_POPUP, RIBBON_BACKSTAGE_OPEN, RIBBON_BACKSTAGE_CONTENT, RIBBON_SELECTED_CONTENT, RIBBON_BACKSTAGE, RIBBON_BACKSTAGE_MENU, RIBBON_BACKSTAGE_TEMPLATE, RIBBON_BACKSTAGE_MENU_WRAPPER, RIBBON_BACKSTAGE_ITEMS_WRAPPER, RIBBON_BACKSTAGE_TEXT_MENU, TAB_ID, GROUP_ID, COLLECTION_ID, ITEM_ID, COLLAPSE_BUTTON_ID, OVRLOF_BUTTON_ID, GROUPOF_BUTTON_ID, HEADER_ID, LAUNCHER_ID, CONTENT_ID, CONTAINER_ID, OVERFLOW_ID, DROPDOWN_ID, RIBBON_FILE_MENU_ID, RIBBON_BACKSTAGE_MENU_ID, RIBBON_BACKSTAGE_POPUP_ID, RIBBON_FILE_MENU_LIST, RIBBON_MENU_LIST, RIBBON_FOOTER_MENU_LIST, RIBBON_HELP_PANE_TEMPLATE_ID, RIBBON_GROUP_BUTTON_ID, RIBBON_FILE_MENU_WIDTH, RIBBON_HELP_PANE_TEMPLATE_WIDTH, getIndex, getTemplateFunction, getItem, getCollection, getGroup, destroyControl, updateCommonProperty, updateControlDisabled, getItemElement, isTooltipPresent, setToolTipContent, createTooltip, destroyTooltip, updateTooltipProp, setCustomAttributes, RibbonTab, RibbonGroup, RibbonCollection, RibbonItem, RibbonButtonSettings, RibbonCheckBoxSettings, RibbonColorPickerSettings, RibbonComboBoxSettings, RibbonDropDownSettings, RibbonSplitButtonSettings, FileMenuSettings, BackStageMenu, BackstageBackButton, BackstageItem, RibbonTooltip, RibbonGroupButtonSettings, RibbonGroupButtonItem, RibbonButton, RibbonCheckBox, RibbonColorPicker, RibbonComboBox, RibbonDropDown, RibbonSplitButton, RibbonGroupButton, RibbonFileMenu, RibbonBackstage } from '@syncfusion/ej2-ribbon';
584
+ //# sourceMappingURL=ej2-angular-ribbon.es5.js.map