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