@syncfusion/ej2-angular-ribbon 24.1.41 → 24.1.44-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 +88 -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 +0 -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 +0 -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 -2150
  34. package/styles/bootstrap.css +1 -2155
  35. package/styles/bootstrap4.css +1 -2216
  36. package/styles/bootstrap5-dark.css +1 -2234
  37. package/styles/bootstrap5.css +1 -2234
  38. package/styles/fabric-dark.css +1 -2126
  39. package/styles/fabric.css +1 -2124
  40. package/styles/fluent-dark.css +1 -2210
  41. package/styles/fluent.css +1 -2210
  42. package/styles/highcontrast-light.css +1 -2133
  43. package/styles/highcontrast.css +1 -2142
  44. package/styles/material-dark.css +1 -2195
  45. package/styles/material.css +1 -2229
  46. package/styles/material3-dark.css +1 -2257
  47. package/styles/material3-dark.scss +0 -1
  48. package/styles/material3.css +1 -2313
  49. package/styles/material3.scss +0 -1
  50. package/styles/ribbon/bootstrap-dark.css +1 -2150
  51. package/styles/ribbon/bootstrap-dark.scss +1 -18
  52. package/styles/ribbon/bootstrap.css +1 -2155
  53. package/styles/ribbon/bootstrap.scss +1 -18
  54. package/styles/ribbon/bootstrap4.css +1 -2216
  55. package/styles/ribbon/bootstrap4.scss +1 -18
  56. package/styles/ribbon/bootstrap5-dark.css +1 -2234
  57. package/styles/ribbon/bootstrap5-dark.scss +1 -18
  58. package/styles/ribbon/bootstrap5.css +1 -2234
  59. package/styles/ribbon/bootstrap5.scss +1 -18
  60. package/styles/ribbon/fabric-dark.css +1 -2126
  61. package/styles/ribbon/fabric-dark.scss +1 -18
  62. package/styles/ribbon/fabric.css +1 -2124
  63. package/styles/ribbon/fabric.scss +1 -18
  64. package/styles/ribbon/fluent-dark.css +1 -2210
  65. package/styles/ribbon/fluent-dark.scss +1 -18
  66. package/styles/ribbon/fluent.css +1 -2210
  67. package/styles/ribbon/fluent.scss +1 -18
  68. package/styles/ribbon/highcontrast-light.css +1 -2133
  69. package/styles/ribbon/highcontrast-light.scss +1 -17
  70. package/styles/ribbon/highcontrast.css +1 -2142
  71. package/styles/ribbon/highcontrast.scss +1 -18
  72. package/styles/ribbon/material-dark.css +1 -2195
  73. package/styles/ribbon/material-dark.scss +1 -18
  74. package/styles/ribbon/material.css +1 -2229
  75. package/styles/ribbon/material.scss +1 -18
  76. package/styles/ribbon/material3-dark.css +1 -2257
  77. package/styles/ribbon/material3-dark.scss +1 -18
  78. package/styles/ribbon/material3.css +1 -2313
  79. package/styles/ribbon/material3.scss +1 -18
  80. package/styles/ribbon/tailwind-dark.css +1 -2207
  81. package/styles/ribbon/tailwind-dark.scss +1 -18
  82. package/styles/ribbon/tailwind.css +1 -2207
  83. package/styles/ribbon/tailwind.scss +1 -18
  84. package/styles/tailwind-dark.css +1 -2207
  85. package/styles/tailwind.css +1 -2207
  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 -283
  102. package/styles/ribbon/_bootstrap-definition.scss +0 -283
  103. package/styles/ribbon/_bootstrap4-definition.scss +0 -283
  104. package/styles/ribbon/_bootstrap5-dark-definition.scss +0 -1
  105. package/styles/ribbon/_bootstrap5-definition.scss +0 -283
  106. package/styles/ribbon/_fabric-dark-definition.scss +0 -283
  107. package/styles/ribbon/_fabric-definition.scss +0 -283
  108. package/styles/ribbon/_fluent-dark-definition.scss +0 -1
  109. package/styles/ribbon/_fluent-definition.scss +0 -283
  110. package/styles/ribbon/_fusionnew-definition.scss +0 -283
  111. package/styles/ribbon/_highcontrast-definition.scss +0 -283
  112. package/styles/ribbon/_highcontrast-light-definition.scss +0 -283
  113. package/styles/ribbon/_layout.scss +0 -1473
  114. package/styles/ribbon/_material-dark-definition.scss +0 -283
  115. package/styles/ribbon/_material-definition.scss +0 -283
  116. package/styles/ribbon/_material3-dark-definition.scss +0 -1
  117. package/styles/ribbon/_material3-definition.scss +0 -282
  118. package/styles/ribbon/_tailwind-dark-definition.scss +0 -1
  119. package/styles/ribbon/_tailwind-definition.scss +0 -283
  120. package/styles/ribbon/_theme.scss +0 -507
  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