@syncfusion/ej2-angular-ribbon 31.2.12-ngcc → 32.1.19-ngcc

package/@syncfusion/ej2-angular-ribbon.js

@@ -3,567 +3,567 @@ import { ArrayBase, ComplexBase, ComponentBase, ComponentMixins, Template, setVa
 import { Ribbon, RibbonBackstage, RibbonButton, RibbonCheckBox, RibbonColorPicker, RibbonComboBox, RibbonContextualTab, RibbonDropDown, RibbonFileMenu, RibbonGallery, RibbonGroupButton, RibbonKeyTip, RibbonSplitButton } from '@syncfusion/ej2-ribbon';
 import { CommonModule } from '@angular/common';
 
-var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
-    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
-    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
-    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
-    return c > 3 && r && Object.defineProperty(target, key, r), r;
-};
-var __metadata = (this && this.__metadata) || function (k, v) {
-    if (typeof Reflect === "object" && typeof Reflect.metadata === "function") return Reflect.metadata(k, v);
-};
-let input = ['activeSize', 'allowedSizes', 'buttonSettings', 'checkBoxSettings', 'colorPickerSettings', 'comboBoxSettings', 'cssClass', 'disabled', 'displayOptions', 'dropDownSettings', 'gallerySettings', 'groupButtonSettings', 'id', 'itemTemplate', 'keyTip', 'ribbonTooltipSettings', 'splitButtonSettings', 'type'];
-let outputs = [];
-class RibbonItemDirective extends ComplexBase {
-    /**
-     * @param {?} viewContainerRef
-     */
-    constructor(viewContainerRef) {
-        super();
-        this.viewContainerRef = viewContainerRef;
-        setValue('currentInstance', this, this.viewContainerRef);
-        this.registerEvents(outputs);
-        this.directivePropList = input;
-    }
-}
-RibbonItemDirective.decorators = [
-    { type: Directive, args: [{
-                selector: 'e-ribbon-item',
-                inputs: input,
-                outputs: outputs,
-                queries: {}
-            },] },
-];
-/**
- * @nocollapse
- */
-RibbonItemDirective.ctorParameters = () => [
-    { type: ViewContainerRef, },
-];
-RibbonItemDirective.propDecorators = {
-    'itemTemplate': [{ type: ContentChild, args: ['itemTemplate',] },],
-};
-__decorate([
-    Template(),
-    __metadata("design:type", Object)
-], RibbonItemDirective.prototype, "itemTemplate", void 0);
-/**
- * RibbonItem Array Directive
- */
-class RibbonItemsDirective extends ArrayBase {
-    constructor() {
-        super('items');
-    }
-}
-RibbonItemsDirective.decorators = [
-    { type: Directive, args: [{
-                selector: 'e-ribbon-items',
-                queries: {
-                    children: new ContentChildren(RibbonItemDirective)
-                },
-            },] },
-];
-/**
- * @nocollapse
- */
+var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
+    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
+    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
+    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
+    return c > 3 && r && Object.defineProperty(target, key, r), r;
+};
+var __metadata = (this && this.__metadata) || function (k, v) {
+    if (typeof Reflect === "object" && typeof Reflect.metadata === "function") return Reflect.metadata(k, v);
+};
+let input = ['activeSize', 'allowedSizes', 'buttonSettings', 'checkBoxSettings', 'colorPickerSettings', 'comboBoxSettings', 'cssClass', 'disabled', 'displayOptions', 'dropDownSettings', 'gallerySettings', 'groupButtonSettings', 'id', 'itemTemplate', 'keyTip', 'ribbonTooltipSettings', 'splitButtonSettings', 'type'];
+let outputs = [];
+class RibbonItemDirective extends ComplexBase {
+    /**
+     * @param {?} viewContainerRef
+     */
+    constructor(viewContainerRef) {
+        super();
+        this.viewContainerRef = viewContainerRef;
+        setValue('currentInstance', this, this.viewContainerRef);
+        this.registerEvents(outputs);
+        this.directivePropList = input;
+    }
+}
+RibbonItemDirective.decorators = [
+    { type: Directive, args: [{
+                selector: 'e-ribbon-item',
+                inputs: input,
+                outputs: outputs,
+                queries: {}
+            },] },
+];
+/**
+ * @nocollapse
+ */
+RibbonItemDirective.ctorParameters = () => [
+    { type: ViewContainerRef, },
+];
+RibbonItemDirective.propDecorators = {
+    'itemTemplate': [{ type: ContentChild, args: ['itemTemplate',] },],
+};
+__decorate([
+    Template(),
+    __metadata("design:type", Object)
+], RibbonItemDirective.prototype, "itemTemplate", void 0);
+/**
+ * RibbonItem Array Directive
+ */
+class RibbonItemsDirective extends ArrayBase {
+    constructor() {
+        super('items');
+    }
+}
+RibbonItemsDirective.decorators = [
+    { type: Directive, args: [{
+                selector: 'e-ribbon-items',
+                queries: {
+                    children: new ContentChildren(RibbonItemDirective)
+                },
+            },] },
+];
+/**
+ * @nocollapse
+ */
 RibbonItemsDirective.ctorParameters = () => [];
 
-let input$1 = ['cssClass', 'id', 'items'];
-let outputs$1 = [];
-class RibbonCollectionDirective extends ComplexBase {
-    /**
-     * @param {?} viewContainerRef
-     */
-    constructor(viewContainerRef) {
-        super();
-        this.viewContainerRef = viewContainerRef;
-        this.tags = ['items'];
-        setValue('currentInstance', this, this.viewContainerRef);
-        this.registerEvents(outputs$1);
-        this.directivePropList = input$1;
-    }
-}
-RibbonCollectionDirective.decorators = [
-    { type: Directive, args: [{
-                selector: 'e-ribbon-collection',
-                inputs: input$1,
-                outputs: outputs$1,
-                queries: {
-                    childItems: new ContentChild(RibbonItemsDirective)
-                }
-            },] },
-];
-/**
- * @nocollapse
- */
-RibbonCollectionDirective.ctorParameters = () => [
-    { type: ViewContainerRef, },
-];
-/**
- * RibbonCollection Array Directive
- */
-class RibbonCollectionsDirective extends ArrayBase {
-    constructor() {
-        super('collections');
-    }
-}
-RibbonCollectionsDirective.decorators = [
-    { type: Directive, args: [{
-                selector: 'e-ribbon-collections',
-                queries: {
-                    children: new ContentChildren(RibbonCollectionDirective)
-                },
-            },] },
-];
-/**
- * @nocollapse
- */
+let input$1 = ['cssClass', 'id', 'items'];
+let outputs$1 = [];
+class RibbonCollectionDirective extends ComplexBase {
+    /**
+     * @param {?} viewContainerRef
+     */
+    constructor(viewContainerRef) {
+        super();
+        this.viewContainerRef = viewContainerRef;
+        this.tags = ['items'];
+        setValue('currentInstance', this, this.viewContainerRef);
+        this.registerEvents(outputs$1);
+        this.directivePropList = input$1;
+    }
+}
+RibbonCollectionDirective.decorators = [
+    { type: Directive, args: [{
+                selector: 'e-ribbon-collection',
+                inputs: input$1,
+                outputs: outputs$1,
+                queries: {
+                    childItems: new ContentChild(RibbonItemsDirective)
+                }
+            },] },
+];
+/**
+ * @nocollapse
+ */
+RibbonCollectionDirective.ctorParameters = () => [
+    { type: ViewContainerRef, },
+];
+/**
+ * RibbonCollection Array Directive
+ */
+class RibbonCollectionsDirective extends ArrayBase {
+    constructor() {
+        super('collections');
+    }
+}
+RibbonCollectionsDirective.decorators = [
+    { type: Directive, args: [{
+                selector: 'e-ribbon-collections',
+                queries: {
+                    children: new ContentChildren(RibbonCollectionDirective)
+                },
+            },] },
+];
+/**
+ * @nocollapse
+ */
 RibbonCollectionsDirective.ctorParameters = () => [];
 
-let input$2 = ['collections', 'cssClass', 'enableGroupOverflow', 'groupIconCss', 'header', 'id', 'isCollapsed', 'isCollapsible', 'keyTip', 'launcherIconKeyTip', 'orientation', 'overflowHeader', 'priority', 'showLauncherIcon'];
-let outputs$2 = [];
-class RibbonGroupDirective extends ComplexBase {
-    /**
-     * @param {?} viewContainerRef
-     */
-    constructor(viewContainerRef) {
-        super();
-        this.viewContainerRef = viewContainerRef;
-        this.tags = ['collections'];
-        setValue('currentInstance', this, this.viewContainerRef);
-        this.registerEvents(outputs$2);
-        this.directivePropList = input$2;
-    }
-}
-RibbonGroupDirective.decorators = [
-    { type: Directive, args: [{
-                selector: 'e-ribbon-group',
-                inputs: input$2,
-                outputs: outputs$2,
-                queries: {
-                    childCollections: new ContentChild(RibbonCollectionsDirective)
-                }
-            },] },
-];
-/**
- * @nocollapse
- */
-RibbonGroupDirective.ctorParameters = () => [
-    { type: ViewContainerRef, },
-];
-/**
- * RibbonGroup Array Directive
- */
-class RibbonGroupsDirective extends ArrayBase {
-    constructor() {
-        super('groups');
-    }
-}
-RibbonGroupsDirective.decorators = [
-    { type: Directive, args: [{
-                selector: 'e-ribbon-groups',
-                queries: {
-                    children: new ContentChildren(RibbonGroupDirective)
-                },
-            },] },
-];
-/**
- * @nocollapse
- */
+let input$2 = ['collections', 'cssClass', 'enableGroupOverflow', 'groupIconCss', 'header', 'id', 'isCollapsed', 'isCollapsible', 'keyTip', 'launcherIconKeyTip', 'orientation', 'overflowHeader', 'priority', 'showLauncherIcon'];
+let outputs$2 = [];
+class RibbonGroupDirective extends ComplexBase {
+    /**
+     * @param {?} viewContainerRef
+     */
+    constructor(viewContainerRef) {
+        super();
+        this.viewContainerRef = viewContainerRef;
+        this.tags = ['collections'];
+        setValue('currentInstance', this, this.viewContainerRef);
+        this.registerEvents(outputs$2);
+        this.directivePropList = input$2;
+    }
+}
+RibbonGroupDirective.decorators = [
+    { type: Directive, args: [{
+                selector: 'e-ribbon-group',
+                inputs: input$2,
+                outputs: outputs$2,
+                queries: {
+                    childCollections: new ContentChild(RibbonCollectionsDirective)
+                }
+            },] },
+];
+/**
+ * @nocollapse
+ */
+RibbonGroupDirective.ctorParameters = () => [
+    { type: ViewContainerRef, },
+];
+/**
+ * RibbonGroup Array Directive
+ */
+class RibbonGroupsDirective extends ArrayBase {
+    constructor() {
+        super('groups');
+    }
+}
+RibbonGroupsDirective.decorators = [
+    { type: Directive, args: [{
+                selector: 'e-ribbon-groups',
+                queries: {
+                    children: new ContentChildren(RibbonGroupDirective)
+                },
+            },] },
+];
+/**
+ * @nocollapse
+ */
 RibbonGroupsDirective.ctorParameters = () => [];
 
-let input$3 = ['cssClass', 'groups', 'header', 'id', 'keyTip'];
-let outputs$3 = [];
-class RibbonTabDirective extends ComplexBase {
-    /**
-     * @param {?} viewContainerRef
-     */
-    constructor(viewContainerRef) {
-        super();
-        this.viewContainerRef = viewContainerRef;
-        this.tags = ['groups'];
-        setValue('currentInstance', this, this.viewContainerRef);
-        this.registerEvents(outputs$3);
-        this.directivePropList = input$3;
-    }
-}
-RibbonTabDirective.decorators = [
-    { type: Directive, args: [{
-                selector: 'e-ribbon-tab',
-                inputs: input$3,
-                outputs: outputs$3,
-                queries: {
-                    childGroups: new ContentChild(RibbonGroupsDirective)
-                }
-            },] },
-];
-/**
- * @nocollapse
- */
-RibbonTabDirective.ctorParameters = () => [
-    { type: ViewContainerRef, },
-];
-/**
- * RibbonTab Array Directive
- */
-class RibbonTabsDirective extends ArrayBase {
-    constructor() {
-        super('tabs');
-    }
-}
-RibbonTabsDirective.decorators = [
-    { type: Directive, args: [{
-                selector: 'e-ribbon-tabs',
-                queries: {
-                    children: new ContentChildren(RibbonTabDirective)
-                },
-            },] },
-];
-/**
- * @nocollapse
- */
+let input$3 = ['cssClass', 'groups', 'header', 'id', 'keyTip'];
+let outputs$3 = [];
+class RibbonTabDirective extends ComplexBase {
+    /**
+     * @param {?} viewContainerRef
+     */
+    constructor(viewContainerRef) {
+        super();
+        this.viewContainerRef = viewContainerRef;
+        this.tags = ['groups'];
+        setValue('currentInstance', this, this.viewContainerRef);
+        this.registerEvents(outputs$3);
+        this.directivePropList = input$3;
+    }
+}
+RibbonTabDirective.decorators = [
+    { type: Directive, args: [{
+                selector: 'e-ribbon-tab',
+                inputs: input$3,
+                outputs: outputs$3,
+                queries: {
+                    childGroups: new ContentChild(RibbonGroupsDirective)
+                }
+            },] },
+];
+/**
+ * @nocollapse
+ */
+RibbonTabDirective.ctorParameters = () => [
+    { type: ViewContainerRef, },
+];
+/**
+ * RibbonTab Array Directive
+ */
+class RibbonTabsDirective extends ArrayBase {
+    constructor() {
+        super('tabs');
+    }
+}
+RibbonTabsDirective.decorators = [
+    { type: Directive, args: [{
+                selector: 'e-ribbon-tabs',
+                queries: {
+                    children: new ContentChildren(RibbonTabDirective)
+                },
+            },] },
+];
+/**
+ * @nocollapse
+ */
 RibbonTabsDirective.ctorParameters = () => [];
 
-let input$4 = ['isSelected', 'tabs', 'visible'];
-let outputs$4 = [];
-/**
- * `e-ribbon-contextual-tab` directive represent a contextual tab of the Angular Ribbon.
- * It must be contained in a Ribbon component(`ejs-ribbon`).
- * ```html
- * <ejs-ribbon>
- *   <e-ribbon-contextual-tabs>
- *    <e-ribbon-contextual-tab>
- *    </e-ribbon-contextual-tab>
- *   </e-ribbon-contextual-tabs>
- * </ejs-ribbon>
- * ```
- */
-class RibbonContextualTabDirective extends ComplexBase {
-    /**
-     * @param {?} viewContainerRef
-     */
-    constructor(viewContainerRef) {
-        super();
-        this.viewContainerRef = viewContainerRef;
-        this.tags = ['tabs'];
-        setValue('currentInstance', this, this.viewContainerRef);
-        this.registerEvents(outputs$4);
-        this.directivePropList = input$4;
-    }
-}
-RibbonContextualTabDirective.decorators = [
-    { type: Directive, args: [{
-                selector: 'e-ribbon-contextual-tab',
-                inputs: input$4,
-                outputs: outputs$4,
-                queries: {
-                    childTabs: new ContentChild(RibbonTabsDirective)
-                }
-            },] },
-];
-/**
- * @nocollapse
- */
-RibbonContextualTabDirective.ctorParameters = () => [
-    { type: ViewContainerRef, },
-];
-/**
- * RibbonContextualTab Array Directive
- */
-class RibbonContextualTabsDirective extends ArrayBase {
-    constructor() {
-        super('contextualtabs');
-    }
-}
-RibbonContextualTabsDirective.decorators = [
-    { type: Directive, args: [{
-                selector: 'e-ribbon-contextual-tabs',
-                queries: {
-                    children: new ContentChildren(RibbonContextualTabDirective)
-                },
-            },] },
-];
-/**
- * @nocollapse
- */
+let input$4 = ['isSelected', 'tabs', 'visible'];
+let outputs$4 = [];
+/**
+ * `e-ribbon-contextual-tab` directive represent a contextual tab of the Angular Ribbon.
+ * It must be contained in a Ribbon component(`ejs-ribbon`).
+ * ```html
+ * <ejs-ribbon>
+ *   <e-ribbon-contextual-tabs>
+ *    <e-ribbon-contextual-tab>
+ *    </e-ribbon-contextual-tab>
+ *   </e-ribbon-contextual-tabs>
+ * </ejs-ribbon>
+ * ```
+ */
+class RibbonContextualTabDirective extends ComplexBase {
+    /**
+     * @param {?} viewContainerRef
+     */
+    constructor(viewContainerRef) {
+        super();
+        this.viewContainerRef = viewContainerRef;
+        this.tags = ['tabs'];
+        setValue('currentInstance', this, this.viewContainerRef);
+        this.registerEvents(outputs$4);
+        this.directivePropList = input$4;
+    }
+}
+RibbonContextualTabDirective.decorators = [
+    { type: Directive, args: [{
+                selector: 'e-ribbon-contextual-tab',
+                inputs: input$4,
+                outputs: outputs$4,
+                queries: {
+                    childTabs: new ContentChild(RibbonTabsDirective)
+                }
+            },] },
+];
+/**
+ * @nocollapse
+ */
+RibbonContextualTabDirective.ctorParameters = () => [
+    { type: ViewContainerRef, },
+];
+/**
+ * RibbonContextualTab Array Directive
+ */
+class RibbonContextualTabsDirective extends ArrayBase {
+    constructor() {
+        super('contextualtabs');
+    }
+}
+RibbonContextualTabsDirective.decorators = [
+    { type: Directive, args: [{
+                selector: 'e-ribbon-contextual-tabs',
+                queries: {
+                    children: new ContentChildren(RibbonContextualTabDirective)
+                },
+            },] },
+];
+/**
+ * @nocollapse
+ */
 RibbonContextualTabsDirective.ctorParameters = () => [];
 
-var __decorate$1 = (this && this.__decorate) || function (decorators, target, key, desc) {
-    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
-    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
-    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
-    return c > 3 && r && Object.defineProperty(target, key, r), r;
-};
-var __metadata$1 = (this && this.__metadata) || function (k, v) {
-    if (typeof Reflect === "object" && typeof Reflect.metadata === "function") return Reflect.metadata(k, v);
-};
-const inputs = ['activeLayout', 'backStageMenu', 'contextualTabs', 'cssClass', 'enableKeyTips', 'enablePersistence', 'enableRtl', 'fileMenu', 'helpPaneTemplate', 'hideLayoutSwitcher', 'isMinimized', 'launcherIconCss', 'layoutSwitcherKeyTip', 'locale', 'selectedTab', 'tabAnimation', 'tabs', 'width'];
-const outputs$5 = ['created', 'launcherIconClick', 'overflowPopupClose', 'overflowPopupOpen', 'ribbonCollapsing', 'ribbonExpanding', 'ribbonLayoutSwitched', 'tabSelected', 'tabSelecting'];
-const twoWays = [''];
-/**
- * Represents the Essential JS 2 Angular Ribbon Component.
- * ```html
- * <ejs-ribbon></ejs-ribbon>
- * ```
- */
-let RibbonComponent = class RibbonComponent extends Ribbon {
-    /**
-     * @param {?} ngEle
-     * @param {?} srenderer
-     * @param {?} viewContainerRef
-     * @param {?} injector
-     */
-    constructor(ngEle, srenderer, viewContainerRef, injector) {
-        super();
-        this.ngEle = ngEle;
-        this.srenderer = srenderer;
-        this.viewContainerRef = viewContainerRef;
-        this.injector = injector;
-        this.tags = ['tabs', 'contextualTabs'];
-        this.element = this.ngEle.nativeElement;
-        this.injectedModules = this.injectedModules || [];
-        try {
-            let mod = this.injector.get('RibbonRibbonButton');
-            if (this.injectedModules.indexOf(mod) === -1) {
-                this.injectedModules.push(mod);
-            }
-        }
-        catch (_a) { }
-        try {
-            let mod = this.injector.get('RibbonRibbonDropDown');
-            if (this.injectedModules.indexOf(mod) === -1) {
-                this.injectedModules.push(mod);
-            }
-        }
-        catch (_b) { }
-        try {
-            let mod = this.injector.get('RibbonRibbonSplitButton');
-            if (this.injectedModules.indexOf(mod) === -1) {
-                this.injectedModules.push(mod);
-            }
-        }
-        catch (_c) { }
-        try {
-            let mod = this.injector.get('RibbonRibbonCheckBox');
-            if (this.injectedModules.indexOf(mod) === -1) {
-                this.injectedModules.push(mod);
-            }
-        }
-        catch (_d) { }
-        try {
-            let mod = this.injector.get('RibbonRibbonColorPicker');
-            if (this.injectedModules.indexOf(mod) === -1) {
-                this.injectedModules.push(mod);
-            }
-        }
-        catch (_e) { }
-        try {
-            let mod = this.injector.get('RibbonRibbonComboBox');
-            if (this.injectedModules.indexOf(mod) === -1) {
-                this.injectedModules.push(mod);
-            }
-        }
-        catch (_f) { }
-        try {
-            let mod = this.injector.get('RibbonRibbonGroupButton');
-            if (this.injectedModules.indexOf(mod) === -1) {
-                this.injectedModules.push(mod);
-            }
-        }
-        catch (_g) { }
-        try {
-            let mod = this.injector.get('RibbonRibbonFileMenu');
-            if (this.injectedModules.indexOf(mod) === -1) {
-                this.injectedModules.push(mod);
-            }
-        }
-        catch (_h) { }
-        try {
-            let mod = this.injector.get('RibbonRibbonBackstage');
-            if (this.injectedModules.indexOf(mod) === -1) {
-                this.injectedModules.push(mod);
-            }
-        }
-        catch (_j) { }
-        try {
-            let mod = this.injector.get('RibbonRibbonKeyTip');
-            if (this.injectedModules.indexOf(mod) === -1) {
-                this.injectedModules.push(mod);
-            }
-        }
-        catch (_k) { }
-        try {
-            let mod = this.injector.get('RibbonRibbonContextualTab');
-            if (this.injectedModules.indexOf(mod) === -1) {
-                this.injectedModules.push(mod);
-            }
-        }
-        catch (_l) { }
-        try {
-            let mod = this.injector.get('RibbonRibbonGallery');
-            if (this.injectedModules.indexOf(mod) === -1) {
-                this.injectedModules.push(mod);
-            }
-        }
-        catch (_m) { }
-        this.registerEvents(outputs$5);
-        this.addTwoWay.call(this, twoWays);
-        setValue('currentInstance', this, this.viewContainerRef);
-        this.containerContext = new ComponentBase();
-    }
-    /**
-     * @return {?}
-     */
-    ngOnInit() {
-        this.containerContext.ngOnInit(this);
-    }
-    /**
-     * @return {?}
-     */
-    ngAfterViewInit() {
-        this.containerContext.ngAfterViewInit(this);
-    }
-    /**
-     * @return {?}
-     */
-    ngOnDestroy() {
-        this.containerContext.ngOnDestroy(this);
-    }
-    /**
-     * @return {?}
-     */
-    ngAfterContentChecked() {
-        this.tagObjects[0].instance = this.childTabs;
-        if (this.childContextualTabs) {
-            this.tagObjects[1].instance = /** @type {?} */ (this.childContextualTabs);
-        }
-        this.containerContext.ngAfterContentChecked(this);
-    }
-};
-RibbonComponent.decorators = [
-    { type: Component, args: [{
-                selector: 'ejs-ribbon',
-                inputs: inputs,
-                outputs: outputs$5,
-                template: `<ng-content select='div'></ng-content>`,
-                changeDetection: ChangeDetectionStrategy.OnPush,
-                queries: {
-                    childTabs: new ContentChild(RibbonTabsDirective),
-                    childContextualTabs: new ContentChild(RibbonContextualTabsDirective)
-                }
-            },] },
-];
-/**
- * @nocollapse
- */
-RibbonComponent.ctorParameters = () => [
-    { type: ElementRef, },
-    { type: Renderer2, },
-    { type: ViewContainerRef, },
-    { type: Injector, },
-];
-RibbonComponent.propDecorators = {
-    'helpPaneTemplate': [{ type: ContentChild, args: ['helpPaneTemplate',] },],
-};
-__decorate$1([
-    Template(),
-    __metadata$1("design:type", Object)
-], RibbonComponent.prototype, "helpPaneTemplate", void 0);
-RibbonComponent = __decorate$1([
-    ComponentMixins([ComponentBase]),
-    __metadata$1("design:paramtypes", [ElementRef,
-        Renderer2,
-        ViewContainerRef,
-        Injector])
+var __decorate$1 = (this && this.__decorate) || function (decorators, target, key, desc) {
+    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
+    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
+    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
+    return c > 3 && r && Object.defineProperty(target, key, r), r;
+};
+var __metadata$1 = (this && this.__metadata) || function (k, v) {
+    if (typeof Reflect === "object" && typeof Reflect.metadata === "function") return Reflect.metadata(k, v);
+};
+const inputs = ['activeLayout', 'backStageMenu', 'contextualTabs', 'cssClass', 'enableKeyTips', 'enablePersistence', 'enableRtl', 'fileMenu', 'helpPaneTemplate', 'hideLayoutSwitcher', 'isMinimized', 'launcherIconCss', 'layoutSwitcherKeyTip', 'locale', 'selectedTab', 'tabAnimation', 'tabs', 'width'];
+const outputs$5 = ['created', 'launcherIconClick', 'overflowPopupClose', 'overflowPopupOpen', 'ribbonCollapsing', 'ribbonExpanding', 'ribbonLayoutSwitched', 'tabSelected', 'tabSelecting'];
+const twoWays = [''];
+/**
+ * Represents the Essential JS 2 Angular Ribbon Component.
+ * ```html
+ * <ejs-ribbon></ejs-ribbon>
+ * ```
+ */
+let RibbonComponent = class RibbonComponent extends Ribbon {
+    /**
+     * @param {?} ngEle
+     * @param {?} srenderer
+     * @param {?} viewContainerRef
+     * @param {?} injector
+     */
+    constructor(ngEle, srenderer, viewContainerRef, injector) {
+        super();
+        this.ngEle = ngEle;
+        this.srenderer = srenderer;
+        this.viewContainerRef = viewContainerRef;
+        this.injector = injector;
+        this.tags = ['tabs', 'contextualTabs'];
+        this.element = this.ngEle.nativeElement;
+        this.injectedModules = this.injectedModules || [];
+        try {
+            let mod = this.injector.get('RibbonRibbonButton');
+            if (this.injectedModules.indexOf(mod) === -1) {
+                this.injectedModules.push(mod);
+            }
+        }
+        catch (_a) { }
+        try {
+            let mod = this.injector.get('RibbonRibbonDropDown');
+            if (this.injectedModules.indexOf(mod) === -1) {
+                this.injectedModules.push(mod);
+            }
+        }
+        catch (_b) { }
+        try {
+            let mod = this.injector.get('RibbonRibbonSplitButton');
+            if (this.injectedModules.indexOf(mod) === -1) {
+                this.injectedModules.push(mod);
+            }
+        }
+        catch (_c) { }
+        try {
+            let mod = this.injector.get('RibbonRibbonCheckBox');
+            if (this.injectedModules.indexOf(mod) === -1) {
+                this.injectedModules.push(mod);
+            }
+        }
+        catch (_d) { }
+        try {
+            let mod = this.injector.get('RibbonRibbonColorPicker');
+            if (this.injectedModules.indexOf(mod) === -1) {
+                this.injectedModules.push(mod);
+            }
+        }
+        catch (_e) { }
+        try {
+            let mod = this.injector.get('RibbonRibbonComboBox');
+            if (this.injectedModules.indexOf(mod) === -1) {
+                this.injectedModules.push(mod);
+            }
+        }
+        catch (_f) { }
+        try {
+            let mod = this.injector.get('RibbonRibbonGroupButton');
+            if (this.injectedModules.indexOf(mod) === -1) {
+                this.injectedModules.push(mod);
+            }
+        }
+        catch (_g) { }
+        try {
+            let mod = this.injector.get('RibbonRibbonFileMenu');
+            if (this.injectedModules.indexOf(mod) === -1) {
+                this.injectedModules.push(mod);
+            }
+        }
+        catch (_h) { }
+        try {
+            let mod = this.injector.get('RibbonRibbonBackstage');
+            if (this.injectedModules.indexOf(mod) === -1) {
+                this.injectedModules.push(mod);
+            }
+        }
+        catch (_j) { }
+        try {
+            let mod = this.injector.get('RibbonRibbonKeyTip');
+            if (this.injectedModules.indexOf(mod) === -1) {
+                this.injectedModules.push(mod);
+            }
+        }
+        catch (_k) { }
+        try {
+            let mod = this.injector.get('RibbonRibbonContextualTab');
+            if (this.injectedModules.indexOf(mod) === -1) {
+                this.injectedModules.push(mod);
+            }
+        }
+        catch (_l) { }
+        try {
+            let mod = this.injector.get('RibbonRibbonGallery');
+            if (this.injectedModules.indexOf(mod) === -1) {
+                this.injectedModules.push(mod);
+            }
+        }
+        catch (_m) { }
+        this.registerEvents(outputs$5);
+        this.addTwoWay.call(this, twoWays);
+        setValue('currentInstance', this, this.viewContainerRef);
+        this.containerContext = new ComponentBase();
+    }
+    /**
+     * @return {?}
+     */
+    ngOnInit() {
+        this.containerContext.ngOnInit(this);
+    }
+    /**
+     * @return {?}
+     */
+    ngAfterViewInit() {
+        this.containerContext.ngAfterViewInit(this);
+    }
+    /**
+     * @return {?}
+     */
+    ngOnDestroy() {
+        this.containerContext.ngOnDestroy(this);
+    }
+    /**
+     * @return {?}
+     */
+    ngAfterContentChecked() {
+        this.tagObjects[0].instance = this.childTabs;
+        if (this.childContextualTabs) {
+            this.tagObjects[1].instance = /** @type {?} */ (this.childContextualTabs);
+        }
+        this.containerContext.ngAfterContentChecked(this);
+    }
+};
+RibbonComponent.decorators = [
+    { type: Component, args: [{
+                selector: 'ejs-ribbon',
+                inputs: inputs,
+                outputs: outputs$5,
+                template: `<ng-content select='div'></ng-content>`,
+                changeDetection: ChangeDetectionStrategy.OnPush,
+                queries: {
+                    childTabs: new ContentChild(RibbonTabsDirective),
+                    childContextualTabs: new ContentChild(RibbonContextualTabsDirective)
+                }
+            },] },
+];
+/**
+ * @nocollapse
+ */
+RibbonComponent.ctorParameters = () => [
+    { type: ElementRef, },
+    { type: Renderer2, },
+    { type: ViewContainerRef, },
+    { type: Injector, },
+];
+RibbonComponent.propDecorators = {
+    'helpPaneTemplate': [{ type: ContentChild, args: ['helpPaneTemplate',] },],
+};
+__decorate$1([
+    Template(),
+    __metadata$1("design:type", Object)
+], RibbonComponent.prototype, "helpPaneTemplate", void 0);
+RibbonComponent = __decorate$1([
+    ComponentMixins([ComponentBase]),
+    __metadata$1("design:paramtypes", [ElementRef,
+        Renderer2,
+        ViewContainerRef,
+        Injector])
 ], RibbonComponent);
 
-/**
- * NgModule definition for the Ribbon component.
- */
-class RibbonModule {
-}
-RibbonModule.decorators = [
-    { type: NgModule, args: [{
-                imports: [CommonModule],
-                declarations: [
-                    RibbonComponent,
-                    RibbonItemDirective,
-                    RibbonItemsDirective,
-                    RibbonCollectionDirective,
-                    RibbonCollectionsDirective,
-                    RibbonGroupDirective,
-                    RibbonGroupsDirective,
-                    RibbonTabDirective,
-                    RibbonTabsDirective,
-                    RibbonContextualTabDirective,
-                    RibbonContextualTabsDirective
-                ],
-                exports: [
-                    RibbonComponent,
-                    RibbonItemDirective,
-                    RibbonItemsDirective,
-                    RibbonCollectionDirective,
-                    RibbonCollectionsDirective,
-                    RibbonGroupDirective,
-                    RibbonGroupsDirective,
-                    RibbonTabDirective,
-                    RibbonTabsDirective,
-                    RibbonContextualTabDirective,
-                    RibbonContextualTabsDirective
-                ]
-            },] },
-];
-/**
- * @nocollapse
- */
+/**
+ * NgModule definition for the Ribbon component.
+ */
+class RibbonModule {
+}
+RibbonModule.decorators = [
+    { type: NgModule, args: [{
+                imports: [CommonModule],
+                declarations: [
+                    RibbonComponent,
+                    RibbonItemDirective,
+                    RibbonItemsDirective,
+                    RibbonCollectionDirective,
+                    RibbonCollectionsDirective,
+                    RibbonGroupDirective,
+                    RibbonGroupsDirective,
+                    RibbonTabDirective,
+                    RibbonTabsDirective,
+                    RibbonContextualTabDirective,
+                    RibbonContextualTabsDirective
+                ],
+                exports: [
+                    RibbonComponent,
+                    RibbonItemDirective,
+                    RibbonItemsDirective,
+                    RibbonCollectionDirective,
+                    RibbonCollectionsDirective,
+                    RibbonGroupDirective,
+                    RibbonGroupsDirective,
+                    RibbonTabDirective,
+                    RibbonTabsDirective,
+                    RibbonContextualTabDirective,
+                    RibbonContextualTabsDirective
+                ]
+            },] },
+];
+/**
+ * @nocollapse
+ */
 RibbonModule.ctorParameters = () => [];
 
-const RibbonButtonService = { provide: 'RibbonRibbonButton', useValue: RibbonButton };
-const RibbonDropDownService = { provide: 'RibbonRibbonDropDown', useValue: RibbonDropDown };
-const RibbonSplitButtonService = { provide: 'RibbonRibbonSplitButton', useValue: RibbonSplitButton };
-const RibbonCheckBoxService = { provide: 'RibbonRibbonCheckBox', useValue: RibbonCheckBox };
-const RibbonColorPickerService = { provide: 'RibbonRibbonColorPicker', useValue: RibbonColorPicker };
-const RibbonComboBoxService = { provide: 'RibbonRibbonComboBox', useValue: RibbonComboBox };
-const RibbonGroupButtonService = { provide: 'RibbonRibbonGroupButton', useValue: RibbonGroupButton };
-const RibbonFileMenuService = { provide: 'RibbonRibbonFileMenu', useValue: RibbonFileMenu };
-const RibbonBackstageService = { provide: 'RibbonRibbonBackstage', useValue: RibbonBackstage };
-const RibbonKeyTipService = { provide: 'RibbonRibbonKeyTip', useValue: RibbonKeyTip };
-const RibbonContextualTabService = { provide: 'RibbonRibbonContextualTab', useValue: RibbonContextualTab };
-const RibbonGalleryService = { provide: 'RibbonRibbonGallery', useValue: RibbonGallery };
-/**
- * NgModule definition for the Ribbon component with providers.
- */
-class RibbonAllModule {
-}
-RibbonAllModule.decorators = [
-    { type: NgModule, args: [{
-                imports: [CommonModule, RibbonModule],
-                exports: [
-                    RibbonModule
-                ],
-                providers: [
-                    RibbonButtonService,
-                    RibbonDropDownService,
-                    RibbonSplitButtonService,
-                    RibbonCheckBoxService,
-                    RibbonColorPickerService,
-                    RibbonComboBoxService,
-                    RibbonGroupButtonService,
-                    RibbonFileMenuService,
-                    RibbonBackstageService,
-                    RibbonKeyTipService,
-                    RibbonContextualTabService,
-                    RibbonGalleryService
-                ]
-            },] },
-];
-/**
- * @nocollapse
- */
+const RibbonButtonService = { provide: 'RibbonRibbonButton', useValue: RibbonButton };
+const RibbonDropDownService = { provide: 'RibbonRibbonDropDown', useValue: RibbonDropDown };
+const RibbonSplitButtonService = { provide: 'RibbonRibbonSplitButton', useValue: RibbonSplitButton };
+const RibbonCheckBoxService = { provide: 'RibbonRibbonCheckBox', useValue: RibbonCheckBox };
+const RibbonColorPickerService = { provide: 'RibbonRibbonColorPicker', useValue: RibbonColorPicker };
+const RibbonComboBoxService = { provide: 'RibbonRibbonComboBox', useValue: RibbonComboBox };
+const RibbonGroupButtonService = { provide: 'RibbonRibbonGroupButton', useValue: RibbonGroupButton };
+const RibbonFileMenuService = { provide: 'RibbonRibbonFileMenu', useValue: RibbonFileMenu };
+const RibbonBackstageService = { provide: 'RibbonRibbonBackstage', useValue: RibbonBackstage };
+const RibbonKeyTipService = { provide: 'RibbonRibbonKeyTip', useValue: RibbonKeyTip };
+const RibbonContextualTabService = { provide: 'RibbonRibbonContextualTab', useValue: RibbonContextualTab };
+const RibbonGalleryService = { provide: 'RibbonRibbonGallery', useValue: RibbonGallery };
+/**
+ * NgModule definition for the Ribbon component with providers.
+ */
+class RibbonAllModule {
+}
+RibbonAllModule.decorators = [
+    { type: NgModule, args: [{
+                imports: [CommonModule, RibbonModule],
+                exports: [
+                    RibbonModule
+                ],
+                providers: [
+                    RibbonButtonService,
+                    RibbonDropDownService,
+                    RibbonSplitButtonService,
+                    RibbonCheckBoxService,
+                    RibbonColorPickerService,
+                    RibbonComboBoxService,
+                    RibbonGroupButtonService,
+                    RibbonFileMenuService,
+                    RibbonBackstageService,
+                    RibbonKeyTipService,
+                    RibbonContextualTabService,
+                    RibbonGalleryService
+                ]
+            },] },
+];
+/**
+ * @nocollapse
+ */
 RibbonAllModule.ctorParameters = () => [];
 
-/**
- * Generated bundle index. Do not edit.
+/**
+ * Generated bundle index. Do not edit.
  */
 
 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 };