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