@syncfusion/ej2-angular-ribbon 21.2.3 → 22.1.34-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 (136) 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 +21 -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/license +10 -0
  13. package/package.json +15 -29
  14. package/postinstall/tagchange.js +18 -0
  15. package/schematics/collection.json +10 -0
  16. package/schematics/ng-add/index.d.ts +3 -0
  17. package/schematics/ng-add/index.js +9 -0
  18. package/schematics/ng-add/index.ts +10 -0
  19. package/schematics/ng-add/schema.d.ts +13 -0
  20. package/schematics/ng-add/schema.js +2 -0
  21. package/schematics/ng-add/schema.json +34 -0
  22. package/schematics/ng-add/schema.ts +30 -0
  23. package/schematics/tsconfig.json +25 -0
  24. package/schematics/utils/lib-details.d.ts +4 -0
  25. package/schematics/utils/lib-details.js +6 -0
  26. package/schematics/utils/lib-details.ts +4 -0
  27. package/src/ribbon/collections.directive.d.ts +0 -5
  28. package/src/ribbon/groups.directive.d.ts +0 -5
  29. package/src/ribbon/items.directive.d.ts +0 -5
  30. package/src/ribbon/ribbon-all.module.d.ts +0 -6
  31. package/src/ribbon/ribbon.component.d.ts +0 -3
  32. package/src/ribbon/ribbon.module.d.ts +0 -10
  33. package/src/ribbon/tabs.directive.d.ts +0 -5
  34. package/styles/bootstrap-dark.css +26 -0
  35. package/styles/bootstrap.css +26 -0
  36. package/styles/bootstrap4.css +26 -0
  37. package/styles/bootstrap5-dark.css +26 -0
  38. package/styles/bootstrap5.css +26 -0
  39. package/styles/fabric-dark.css +26 -0
  40. package/styles/fabric.css +26 -0
  41. package/styles/fluent-dark.css +26 -0
  42. package/styles/fluent.css +26 -0
  43. package/styles/highcontrast-light.css +26 -0
  44. package/styles/highcontrast.css +30 -4
  45. package/styles/material-dark.css +26 -0
  46. package/styles/material.css +26 -0
  47. package/styles/material3-dark.css +1671 -0
  48. package/styles/material3-dark.scss +2 -0
  49. package/styles/material3.css +1727 -0
  50. package/styles/material3.scss +2 -0
  51. package/styles/ribbon/bootstrap-dark.css +26 -0
  52. package/styles/ribbon/bootstrap-dark.scss +1 -17
  53. package/styles/ribbon/bootstrap.css +26 -0
  54. package/styles/ribbon/bootstrap.scss +1 -17
  55. package/styles/ribbon/bootstrap4.css +26 -0
  56. package/styles/ribbon/bootstrap4.scss +1 -17
  57. package/styles/ribbon/bootstrap5-dark.css +26 -0
  58. package/styles/ribbon/bootstrap5-dark.scss +1 -17
  59. package/styles/ribbon/bootstrap5.css +26 -0
  60. package/styles/ribbon/bootstrap5.scss +1 -17
  61. package/styles/ribbon/fabric-dark.css +26 -0
  62. package/styles/ribbon/fabric-dark.scss +1 -17
  63. package/styles/ribbon/fabric.css +26 -0
  64. package/styles/ribbon/fabric.scss +1 -17
  65. package/styles/ribbon/fluent-dark.css +26 -0
  66. package/styles/ribbon/fluent-dark.scss +1 -17
  67. package/styles/ribbon/fluent.css +26 -0
  68. package/styles/ribbon/fluent.scss +1 -17
  69. package/styles/ribbon/highcontrast-light.css +26 -0
  70. package/styles/ribbon/highcontrast-light.scss +1 -16
  71. package/styles/ribbon/highcontrast.css +30 -4
  72. package/styles/ribbon/highcontrast.scss +1 -17
  73. package/styles/ribbon/material-dark.css +26 -0
  74. package/styles/ribbon/material-dark.scss +1 -17
  75. package/styles/ribbon/material.css +26 -0
  76. package/styles/ribbon/material.scss +1 -17
  77. package/styles/ribbon/material3-dark.css +1671 -0
  78. package/styles/ribbon/material3-dark.scss +2 -0
  79. package/styles/ribbon/material3.css +1727 -0
  80. package/styles/ribbon/material3.scss +2 -0
  81. package/styles/ribbon/tailwind-dark.css +26 -0
  82. package/styles/ribbon/tailwind-dark.scss +1 -17
  83. package/styles/ribbon/tailwind.css +26 -0
  84. package/styles/ribbon/tailwind.scss +1 -17
  85. package/styles/tailwind-dark.css +26 -0
  86. package/styles/tailwind.css +26 -0
  87. package/esm2020/public_api.mjs +0 -3
  88. package/esm2020/src/index.mjs +0 -9
  89. package/esm2020/src/ribbon/collections.directive.mjs +0 -70
  90. package/esm2020/src/ribbon/groups.directive.mjs +0 -66
  91. package/esm2020/src/ribbon/items.directive.mjs +0 -78
  92. package/esm2020/src/ribbon/ribbon-all.module.mjs +0 -47
  93. package/esm2020/src/ribbon/ribbon.component.mjs +0 -120
  94. package/esm2020/src/ribbon/ribbon.module.mjs +0 -61
  95. package/esm2020/src/ribbon/tabs.directive.mjs +0 -62
  96. package/esm2020/syncfusion-ej2-angular-ribbon.mjs +0 -5
  97. package/fesm2015/syncfusion-ej2-angular-ribbon.mjs +0 -482
  98. package/fesm2015/syncfusion-ej2-angular-ribbon.mjs.map +0 -1
  99. package/fesm2020/syncfusion-ej2-angular-ribbon.mjs +0 -482
  100. package/fesm2020/syncfusion-ej2-angular-ribbon.mjs.map +0 -1
  101. package/styles/ribbon/_all.scss +0 -2
  102. package/styles/ribbon/_bootstrap-dark-definition.scss +0 -206
  103. package/styles/ribbon/_bootstrap-definition.scss +0 -206
  104. package/styles/ribbon/_bootstrap4-definition.scss +0 -206
  105. package/styles/ribbon/_bootstrap5-dark-definition.scss +0 -1
  106. package/styles/ribbon/_bootstrap5-definition.scss +0 -206
  107. package/styles/ribbon/_fabric-dark-definition.scss +0 -206
  108. package/styles/ribbon/_fabric-definition.scss +0 -206
  109. package/styles/ribbon/_fluent-dark-definition.scss +0 -1
  110. package/styles/ribbon/_fluent-definition.scss +0 -206
  111. package/styles/ribbon/_fusionnew-definition.scss +0 -206
  112. package/styles/ribbon/_highcontrast-definition.scss +0 -206
  113. package/styles/ribbon/_highcontrast-light-definition.scss +0 -206
  114. package/styles/ribbon/_layout.scss +0 -1099
  115. package/styles/ribbon/_material-dark-definition.scss +0 -206
  116. package/styles/ribbon/_material-definition.scss +0 -206
  117. package/styles/ribbon/_tailwind-dark-definition.scss +0 -1
  118. package/styles/ribbon/_tailwind-definition.scss +0 -206
  119. package/styles/ribbon/_theme.scss +0 -343
  120. package/styles/ribbon/icons/_bootstrap-dark.scss +0 -9
  121. package/styles/ribbon/icons/_bootstrap.scss +0 -9
  122. package/styles/ribbon/icons/_bootstrap4.scss +0 -9
  123. package/styles/ribbon/icons/_bootstrap5-dark.scss +0 -1
  124. package/styles/ribbon/icons/_bootstrap5.scss +0 -9
  125. package/styles/ribbon/icons/_fabric-dark.scss +0 -9
  126. package/styles/ribbon/icons/_fabric.scss +0 -9
  127. package/styles/ribbon/icons/_fluent-dark.scss +0 -1
  128. package/styles/ribbon/icons/_fluent.scss +0 -9
  129. package/styles/ribbon/icons/_fusionnew.scss +0 -9
  130. package/styles/ribbon/icons/_highcontrast.scss +0 -9
  131. package/styles/ribbon/icons/_material-dark.scss +0 -9
  132. package/styles/ribbon/icons/_material.scss +0 -9
  133. package/styles/ribbon/icons/_material3.scss +0 -9
  134. package/styles/ribbon/icons/_tailwind-dark.scss +0 -9
  135. package/styles/ribbon/icons/_tailwind.scss +0 -9
  136. package/syncfusion-ej2-angular-ribbon.d.ts +0 -5
@@ -0,0 +1,710 @@
1
+ /*!
2
+ * filename: ej2-angular-ribbon.umd.js
3
+ * version : 22.1.34
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