@syncfusion/ej2-angular-ribbon 21.2.3-ngcc → 21.2.3

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 (97) hide show
  1. package/esm2020/public_api.mjs +3 -0
  2. package/esm2020/src/index.mjs +9 -0
  3. package/esm2020/src/ribbon/collections.directive.mjs +70 -0
  4. package/esm2020/src/ribbon/groups.directive.mjs +66 -0
  5. package/esm2020/src/ribbon/items.directive.mjs +78 -0
  6. package/esm2020/src/ribbon/ribbon-all.module.mjs +47 -0
  7. package/esm2020/src/ribbon/ribbon.component.mjs +120 -0
  8. package/esm2020/src/ribbon/ribbon.module.mjs +61 -0
  9. package/esm2020/src/ribbon/tabs.directive.mjs +62 -0
  10. package/esm2020/syncfusion-ej2-angular-ribbon.mjs +5 -0
  11. package/fesm2015/syncfusion-ej2-angular-ribbon.mjs +482 -0
  12. package/fesm2015/syncfusion-ej2-angular-ribbon.mjs.map +1 -0
  13. package/fesm2020/syncfusion-ej2-angular-ribbon.mjs +482 -0
  14. package/fesm2020/syncfusion-ej2-angular-ribbon.mjs.map +1 -0
  15. package/package.json +27 -13
  16. package/src/ribbon/collections.directive.d.ts +5 -0
  17. package/src/ribbon/groups.directive.d.ts +5 -0
  18. package/src/ribbon/items.directive.d.ts +5 -0
  19. package/src/ribbon/ribbon-all.module.d.ts +6 -0
  20. package/src/ribbon/ribbon.component.d.ts +3 -0
  21. package/src/ribbon/ribbon.module.d.ts +10 -0
  22. package/src/ribbon/tabs.directive.d.ts +5 -0
  23. package/styles/ribbon/_all.scss +2 -0
  24. package/styles/ribbon/_bootstrap-dark-definition.scss +206 -0
  25. package/styles/ribbon/_bootstrap-definition.scss +206 -0
  26. package/styles/ribbon/_bootstrap4-definition.scss +206 -0
  27. package/styles/ribbon/_bootstrap5-dark-definition.scss +1 -0
  28. package/styles/ribbon/_bootstrap5-definition.scss +206 -0
  29. package/styles/ribbon/_fabric-dark-definition.scss +206 -0
  30. package/styles/ribbon/_fabric-definition.scss +206 -0
  31. package/styles/ribbon/_fluent-dark-definition.scss +1 -0
  32. package/styles/ribbon/_fluent-definition.scss +206 -0
  33. package/styles/ribbon/_fusionnew-definition.scss +206 -0
  34. package/styles/ribbon/_highcontrast-definition.scss +206 -0
  35. package/styles/ribbon/_highcontrast-light-definition.scss +206 -0
  36. package/styles/ribbon/_layout.scss +1099 -0
  37. package/styles/ribbon/_material-dark-definition.scss +206 -0
  38. package/styles/ribbon/_material-definition.scss +206 -0
  39. package/styles/ribbon/_tailwind-dark-definition.scss +1 -0
  40. package/styles/ribbon/_tailwind-definition.scss +206 -0
  41. package/styles/ribbon/_theme.scss +343 -0
  42. package/styles/ribbon/bootstrap-dark.scss +17 -1
  43. package/styles/ribbon/bootstrap.scss +17 -1
  44. package/styles/ribbon/bootstrap4.scss +17 -1
  45. package/styles/ribbon/bootstrap5-dark.scss +17 -1
  46. package/styles/ribbon/bootstrap5.scss +17 -1
  47. package/styles/ribbon/fabric-dark.scss +17 -1
  48. package/styles/ribbon/fabric.scss +17 -1
  49. package/styles/ribbon/fluent-dark.scss +17 -1
  50. package/styles/ribbon/fluent.scss +17 -1
  51. package/styles/ribbon/highcontrast-light.scss +16 -1
  52. package/styles/ribbon/highcontrast.scss +17 -1
  53. package/styles/ribbon/icons/_bootstrap-dark.scss +9 -0
  54. package/styles/ribbon/icons/_bootstrap.scss +9 -0
  55. package/styles/ribbon/icons/_bootstrap4.scss +9 -0
  56. package/styles/ribbon/icons/_bootstrap5-dark.scss +1 -0
  57. package/styles/ribbon/icons/_bootstrap5.scss +9 -0
  58. package/styles/ribbon/icons/_fabric-dark.scss +9 -0
  59. package/styles/ribbon/icons/_fabric.scss +9 -0
  60. package/styles/ribbon/icons/_fluent-dark.scss +1 -0
  61. package/styles/ribbon/icons/_fluent.scss +9 -0
  62. package/styles/ribbon/icons/_fusionnew.scss +9 -0
  63. package/styles/ribbon/icons/_highcontrast.scss +9 -0
  64. package/styles/ribbon/icons/_material-dark.scss +9 -0
  65. package/styles/ribbon/icons/_material.scss +9 -0
  66. package/styles/ribbon/icons/_material3.scss +9 -0
  67. package/styles/ribbon/icons/_tailwind-dark.scss +9 -0
  68. package/styles/ribbon/icons/_tailwind.scss +9 -0
  69. package/styles/ribbon/material-dark.scss +17 -1
  70. package/styles/ribbon/material.scss +17 -1
  71. package/styles/ribbon/tailwind-dark.scss +17 -1
  72. package/styles/ribbon/tailwind.scss +17 -1
  73. package/syncfusion-ej2-angular-ribbon.d.ts +5 -0
  74. package/@syncfusion/ej2-angular-ribbon.es5.js +0 -566
  75. package/@syncfusion/ej2-angular-ribbon.es5.js.map +0 -1
  76. package/@syncfusion/ej2-angular-ribbon.js +0 -526
  77. package/@syncfusion/ej2-angular-ribbon.js.map +0 -1
  78. package/CHANGELOG.md +0 -21
  79. package/dist/ej2-angular-ribbon.umd.js +0 -710
  80. package/dist/ej2-angular-ribbon.umd.js.map +0 -1
  81. package/dist/ej2-angular-ribbon.umd.min.js +0 -11
  82. package/dist/ej2-angular-ribbon.umd.min.js.map +0 -1
  83. package/ej2-angular-ribbon.d.ts +0 -5
  84. package/ej2-angular-ribbon.metadata.json +0 -1
  85. package/postinstall/tagchange.js +0 -18
  86. package/schematics/collection.json +0 -10
  87. package/schematics/ng-add/index.d.ts +0 -3
  88. package/schematics/ng-add/index.js +0 -9
  89. package/schematics/ng-add/index.ts +0 -10
  90. package/schematics/ng-add/schema.d.ts +0 -13
  91. package/schematics/ng-add/schema.js +0 -2
  92. package/schematics/ng-add/schema.json +0 -34
  93. package/schematics/ng-add/schema.ts +0 -30
  94. package/schematics/tsconfig.json +0 -25
  95. package/schematics/utils/lib-details.d.ts +0 -4
  96. package/schematics/utils/lib-details.js +0 -6
  97. package/schematics/utils/lib-details.ts +0 -4
@@ -1,566 +0,0 @@
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, RibbonButton, RibbonCheckBox, RibbonColorPicker, RibbonComboBox, RibbonDropDown, RibbonFileMenu, 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', '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', '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', 'cssClass', 'enablePersistence', 'enableRtl', 'fileMenu', 'helpPaneTemplate', 'isMinimized', 'launcherIconCss', 'locale', 'selectedTab', 'tabAnimation', 'tabs', 'width'];
344
- var outputs$4 = ['launcherIconClick', '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('RibbonRibbonFileMenu');
413
- if (_this.injectedModules.indexOf(mod) === -1) {
414
- _this.injectedModules.push(mod);
415
- }
416
- }
417
- catch (_g) { }
418
- _this.registerEvents(outputs$4);
419
- _this.addTwoWay.call(_this, twoWays);
420
- setValue('currentInstance', _this, _this.viewContainerRef);
421
- _this.containerContext = new ComponentBase();
422
- return _this;
423
- }
424
- /**
425
- * @return {?}
426
- */
427
- RibbonComponent.prototype.ngOnInit = function () {
428
- this.containerContext.ngOnInit(this);
429
- };
430
- /**
431
- * @return {?}
432
- */
433
- RibbonComponent.prototype.ngAfterViewInit = function () {
434
- this.containerContext.ngAfterViewInit(this);
435
- };
436
- /**
437
- * @return {?}
438
- */
439
- RibbonComponent.prototype.ngOnDestroy = function () {
440
- this.containerContext.ngOnDestroy(this);
441
- };
442
- /**
443
- * @return {?}
444
- */
445
- RibbonComponent.prototype.ngAfterContentChecked = function () {
446
- this.tagObjects[0].instance = this.childTabs;
447
- this.containerContext.ngAfterContentChecked(this);
448
- };
449
- return RibbonComponent;
450
- }(Ribbon));
451
- RibbonComponent.decorators = [
452
- { type: Component, args: [{
453
- selector: 'ejs-ribbon',
454
- inputs: inputs,
455
- outputs: outputs$4,
456
- template: "<ng-content select='div'></ng-content>",
457
- changeDetection: ChangeDetectionStrategy.OnPush,
458
- queries: {
459
- childTabs: new ContentChild(RibbonTabsDirective)
460
- }
461
- },] },
462
- ];
463
- /**
464
- * @nocollapse
465
- */
466
- RibbonComponent.ctorParameters = function () { return [
467
- { type: ElementRef, },
468
- { type: Renderer2, },
469
- { type: ViewContainerRef, },
470
- { type: Injector, },
471
- ]; };
472
- RibbonComponent.propDecorators = {
473
- 'helpPaneTemplate': [{ type: ContentChild, args: ['helpPaneTemplate',] },],
474
- };
475
- __decorate$1([
476
- Template(),
477
- __metadata$1("design:type", Object)
478
- ], RibbonComponent.prototype, "helpPaneTemplate", void 0);
479
- RibbonComponent = __decorate$1([
480
- ComponentMixins([ComponentBase]),
481
- __metadata$1("design:paramtypes", [ElementRef,
482
- Renderer2,
483
- ViewContainerRef,
484
- Injector])
485
- ], RibbonComponent);
486
- /**
487
- * NgModule definition for the Ribbon component.
488
- */
489
- var RibbonModule = /** @class */ (function () {
490
- function RibbonModule() {
491
- }
492
- return RibbonModule;
493
- }());
494
- RibbonModule.decorators = [
495
- { type: NgModule, args: [{
496
- imports: [CommonModule],
497
- declarations: [
498
- RibbonComponent,
499
- RibbonItemDirective,
500
- RibbonItemsDirective,
501
- RibbonCollectionDirective,
502
- RibbonCollectionsDirective,
503
- RibbonGroupDirective,
504
- RibbonGroupsDirective,
505
- RibbonTabDirective,
506
- RibbonTabsDirective
507
- ],
508
- exports: [
509
- RibbonComponent,
510
- RibbonItemDirective,
511
- RibbonItemsDirective,
512
- RibbonCollectionDirective,
513
- RibbonCollectionsDirective,
514
- RibbonGroupDirective,
515
- RibbonGroupsDirective,
516
- RibbonTabDirective,
517
- RibbonTabsDirective
518
- ]
519
- },] },
520
- ];
521
- /**
522
- * @nocollapse
523
- */
524
- RibbonModule.ctorParameters = function () { return []; };
525
- var RibbonButtonService = { provide: 'RibbonRibbonButton', useValue: RibbonButton };
526
- var RibbonDropDownService = { provide: 'RibbonRibbonDropDown', useValue: RibbonDropDown };
527
- var RibbonSplitButtonService = { provide: 'RibbonRibbonSplitButton', useValue: RibbonSplitButton };
528
- var RibbonCheckBoxService = { provide: 'RibbonRibbonCheckBox', useValue: RibbonCheckBox };
529
- var RibbonColorPickerService = { provide: 'RibbonRibbonColorPicker', useValue: RibbonColorPicker };
530
- var RibbonComboBoxService = { provide: 'RibbonRibbonComboBox', useValue: RibbonComboBox };
531
- var RibbonFileMenuService = { provide: 'RibbonRibbonFileMenu', useValue: RibbonFileMenu };
532
- /**
533
- * NgModule definition for the Ribbon component with providers.
534
- */
535
- var RibbonAllModule = /** @class */ (function () {
536
- function RibbonAllModule() {
537
- }
538
- return RibbonAllModule;
539
- }());
540
- RibbonAllModule.decorators = [
541
- { type: NgModule, args: [{
542
- imports: [CommonModule, RibbonModule],
543
- exports: [
544
- RibbonModule
545
- ],
546
- providers: [
547
- RibbonButtonService,
548
- RibbonDropDownService,
549
- RibbonSplitButtonService,
550
- RibbonCheckBoxService,
551
- RibbonColorPickerService,
552
- RibbonComboBoxService,
553
- RibbonFileMenuService
554
- ]
555
- },] },
556
- ];
557
- /**
558
- * @nocollapse
559
- */
560
- RibbonAllModule.ctorParameters = function () { return []; };
561
- /**
562
- * Generated bundle index. Do not edit.
563
- */
564
- export { RibbonItemDirective, RibbonItemsDirective, RibbonCollectionDirective, RibbonCollectionsDirective, RibbonGroupDirective, RibbonGroupsDirective, RibbonTabDirective, RibbonTabsDirective, RibbonComponent, RibbonModule, RibbonAllModule, RibbonButtonService, RibbonDropDownService, RibbonSplitButtonService, RibbonCheckBoxService, RibbonColorPickerService, RibbonComboBoxService, RibbonFileMenuService, inputs as ɵa, outputs$4 as ɵb };
565
- export { Ribbon, RibbonLayout, ItemOrientation, RibbonItemSize, DisplayMode, RibbonItemType, ITEM_VERTICAL_CENTER, EXPAND_COLLAPSE_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_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, 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_FILE_MENU_LIST, RIBBON_HELP_PANE_TEMPLATE_ID, RIBBON_FILE_MENU_WIDTH, RIBBON_HELP_PANE_TEMPLATE_WIDTH, getIndex, getTemplateFunction, getItem, getCollection, getGroup, destroyControl, updateCommonProperty, updateControlDisabled, getItemElement, isTooltipPresent, setToolTipContent, createTooltip, destroyTooltip, updateTooltipProp, RibbonTab, RibbonGroup, RibbonCollection, RibbonItem, RibbonButtonSettings, RibbonCheckBoxSettings, RibbonColorPickerSettings, RibbonComboBoxSettings, RibbonDropDownSettings, RibbonSplitButtonSettings, FileMenuSettings, RibbonTooltip, RibbonButton, RibbonCheckBox, RibbonColorPicker, RibbonComboBox, RibbonDropDown, RibbonSplitButton, RibbonFileMenu } from '@syncfusion/ej2-ribbon';
566
- //# sourceMappingURL=ej2-angular-ribbon.es5.js.map