@syncfusion/ej2-angular-ribbon 23.2.7 → 24.1.41-ngcc

package/dist/ej2-angular-ribbon.umd.js

@@ -0,0 +1,759 @@
+/*!
+*  filename: ej2-angular-ribbon.umd.js
+*  version : 24.1.41
+*  Copyright Syncfusion Inc. 2001 - 2023. All rights reserved.
+*  Use of this code is subject to the terms of our license.
+*  A copy of the current license can be obtained at any time by e-mailing
+*  licensing@syncfusion.com. Any infringement will be prosecuted under
+*  applicable laws. 
+*/
+(function (global, factory) {
+	typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('@angular/core'), require('@syncfusion/ej2-angular-base'), require('@syncfusion/ej2-ribbon'), require('@angular/common')) :
+	typeof define === 'function' && define.amd ? define(['exports', '@angular/core', '@syncfusion/ej2-angular-base', '@syncfusion/ej2-ribbon', '@angular/common'], factory) :
+	(factory((global['ej2-angular-ribbon'] = {}),global.ng.core,global.ej2.angular.base,global.ej2.ribbon,global.ng.common));
+}(this, (function (exports,core,ej2AngularBase,ej2Ribbon,common) { 'use strict';
+
+var __extends = (this && this.__extends) || (function () {
+    var extendStatics = Object.setPrototypeOf ||
+        ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
+        function (d, b) { for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p]; };
+    return function (d, b) {
+        extendStatics(d, b);
+        function __() { this.constructor = d; }
+        d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
+    };
+})();
+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);
+};
+var input = ['activeSize', 'allowedSizes', 'buttonSettings', 'checkBoxSettings', 'colorPickerSettings', 'comboBoxSettings', 'cssClass', 'disabled', 'displayOptions', 'dropDownSettings', 'groupButtonSettings', 'id', 'itemTemplate', 'ribbonTooltipSettings', 'splitButtonSettings', 'type'];
+var outputs = [];
+/**
+ * `e-ribbon-item` directive represent a item in the Angular Ribbon.
+ * ```html
+ * <ejs-ribbon>
+ *   <e-ribbon-tabs>
+ *    <e-ribbon-tab></e-ribbon-tab>
+ *    <e-ribbon-tab>
+ *       <e-ribbon-groups>
+ *         <e-ribbon-group>
+ *             <e-ribbon-collections>
+ *                 <e-ribbon-collection>
+ *                     <e-ribbon-items>
+ *                         <e-ribbon-item></e-ribbon-item>
+ *                         <e-ribbon-item></e-ribbon-item>
+ *                     </e-ribbon-items>
+ *                 </e-ribbon-collection>
+ *             </e-ribbon-collections>
+ *         </e-ribbon-group>
+ *       </e-ribbon-groups>
+ *    </e-ribbon-tab>
+ *   </e-ribbon-tabs>
+ * </ejs-ribbon>
+ * ```
+ */
+var RibbonItemDirective = /** @class */ (function (_super) {
+    __extends(RibbonItemDirective, _super);
+    /**
+     * @param {?} viewContainerRef
+     */
+    function RibbonItemDirective(viewContainerRef) {
+        var _this = _super.call(this) || this;
+        _this.viewContainerRef = viewContainerRef;
+        ej2AngularBase.setValue('currentInstance', _this, _this.viewContainerRef);
+        _this.registerEvents(outputs);
+        _this.directivePropList = input;
+        return _this;
+    }
+    return RibbonItemDirective;
+}(ej2AngularBase.ComplexBase));
+RibbonItemDirective.decorators = [
+    { type: core.Directive, args: [{
+                selector: 'e-ribbon-item',
+                inputs: input,
+                outputs: outputs,
+                queries: {}
+            },] },
+];
+/**
+ * @nocollapse
+ */
+RibbonItemDirective.ctorParameters = function () { return [
+    { type: core.ViewContainerRef, },
+]; };
+RibbonItemDirective.propDecorators = {
+    'itemTemplate': [{ type: core.ContentChild, args: ['itemTemplate',] },],
+};
+__decorate([
+    ej2AngularBase.Template(),
+    __metadata("design:type", Object)
+], RibbonItemDirective.prototype, "itemTemplate", void 0);
+/**
+ * RibbonItem Array Directive
+ */
+var RibbonItemsDirective = /** @class */ (function (_super) {
+    __extends(RibbonItemsDirective, _super);
+    function RibbonItemsDirective() {
+        return _super.call(this, 'items') || this;
+    }
+    return RibbonItemsDirective;
+}(ej2AngularBase.ArrayBase));
+RibbonItemsDirective.decorators = [
+    { type: core.Directive, args: [{
+                selector: 'e-ribbon-items',
+                queries: {
+                    children: new core.ContentChildren(RibbonItemDirective)
+                },
+            },] },
+];
+/**
+ * @nocollapse
+ */
+RibbonItemsDirective.ctorParameters = function () { return []; };
+var input$1 = ['cssClass', 'id', 'items'];
+var outputs$1 = [];
+/**
+ * `e-ribbon-collection` directive represent a collection in the Angular Ribbon.
+ * ```html
+ * <ejs-ribbon>
+ *   <e-ribbon-tabs>
+ *    <e-ribbon-tab></e-ribbon-tab>
+ *    <e-ribbon-tab>
+ *       <e-ribbon-groups>
+ *         <e-ribbon-group>
+ *             <e-ribbon-collections>
+ *                 <e-ribbon-collection></e-ribbon-collection>
+ *                 <e-ribbon-collection></e-ribbon-collection>
+ *             </e-ribbon-collections>
+ *         </e-ribbon-group>
+ *       </e-ribbon-groups>
+ *    </e-ribbon-tab>
+ *   </e-ribbon-tabs>
+ * </ejs-ribbon>
+ * ```
+ */
+var RibbonCollectionDirective = /** @class */ (function (_super) {
+    __extends(RibbonCollectionDirective, _super);
+    /**
+     * @param {?} viewContainerRef
+     */
+    function RibbonCollectionDirective(viewContainerRef) {
+        var _this = _super.call(this) || this;
+        _this.viewContainerRef = viewContainerRef;
+        _this.tags = ['items'];
+        ej2AngularBase.setValue('currentInstance', _this, _this.viewContainerRef);
+        _this.registerEvents(outputs$1);
+        _this.directivePropList = input$1;
+        return _this;
+    }
+    return RibbonCollectionDirective;
+}(ej2AngularBase.ComplexBase));
+RibbonCollectionDirective.decorators = [
+    { type: core.Directive, args: [{
+                selector: 'e-ribbon-collection',
+                inputs: input$1,
+                outputs: outputs$1,
+                queries: {
+                    childItems: new core.ContentChild(RibbonItemsDirective)
+                }
+            },] },
+];
+/**
+ * @nocollapse
+ */
+RibbonCollectionDirective.ctorParameters = function () { return [
+    { type: core.ViewContainerRef, },
+]; };
+/**
+ * RibbonCollection Array Directive
+ */
+var RibbonCollectionsDirective = /** @class */ (function (_super) {
+    __extends(RibbonCollectionsDirective, _super);
+    function RibbonCollectionsDirective() {
+        return _super.call(this, 'collections') || this;
+    }
+    return RibbonCollectionsDirective;
+}(ej2AngularBase.ArrayBase));
+RibbonCollectionsDirective.decorators = [
+    { type: core.Directive, args: [{
+                selector: 'e-ribbon-collections',
+                queries: {
+                    children: new core.ContentChildren(RibbonCollectionDirective)
+                },
+            },] },
+];
+/**
+ * @nocollapse
+ */
+RibbonCollectionsDirective.ctorParameters = function () { return []; };
+var input$2 = ['collections', 'cssClass', 'enableGroupOverflow', 'groupIconCss', 'header', 'id', 'isCollapsed', 'isCollapsible', 'orientation', 'overflowHeader', 'priority', 'showLauncherIcon'];
+var outputs$2 = [];
+/**
+ * `e-ribbon-group` directive represent a group in the Angular Ribbon.
+ * ```html
+ * <ejs-ribbon>
+ *   <e-ribbon-tabs>
+ *    <e-ribbon-tab></e-ribbon-tab>
+ *    <e-ribbon-tab>
+ *       <e-ribbon-groups>
+ *         <e-ribbon-group></e-ribbon-group>
+ *         <e-ribbon-group></e-ribbon-group>
+ *       </e-ribbon-groups>
+ *    </e-ribbon-tab>
+ *   </e-ribbon-tabs>
+ * </ejs-ribbon>
+ * ```
+ */
+var RibbonGroupDirective = /** @class */ (function (_super) {
+    __extends(RibbonGroupDirective, _super);
+    /**
+     * @param {?} viewContainerRef
+     */
+    function RibbonGroupDirective(viewContainerRef) {
+        var _this = _super.call(this) || this;
+        _this.viewContainerRef = viewContainerRef;
+        _this.tags = ['collections'];
+        ej2AngularBase.setValue('currentInstance', _this, _this.viewContainerRef);
+        _this.registerEvents(outputs$2);
+        _this.directivePropList = input$2;
+        return _this;
+    }
+    return RibbonGroupDirective;
+}(ej2AngularBase.ComplexBase));
+RibbonGroupDirective.decorators = [
+    { type: core.Directive, args: [{
+                selector: 'e-ribbon-group',
+                inputs: input$2,
+                outputs: outputs$2,
+                queries: {
+                    childCollections: new core.ContentChild(RibbonCollectionsDirective)
+                }
+            },] },
+];
+/**
+ * @nocollapse
+ */
+RibbonGroupDirective.ctorParameters = function () { return [
+    { type: core.ViewContainerRef, },
+]; };
+/**
+ * RibbonGroup Array Directive
+ */
+var RibbonGroupsDirective = /** @class */ (function (_super) {
+    __extends(RibbonGroupsDirective, _super);
+    function RibbonGroupsDirective() {
+        return _super.call(this, 'groups') || this;
+    }
+    return RibbonGroupsDirective;
+}(ej2AngularBase.ArrayBase));
+RibbonGroupsDirective.decorators = [
+    { type: core.Directive, args: [{
+                selector: 'e-ribbon-groups',
+                queries: {
+                    children: new core.ContentChildren(RibbonGroupDirective)
+                },
+            },] },
+];
+/**
+ * @nocollapse
+ */
+RibbonGroupsDirective.ctorParameters = function () { return []; };
+var input$3 = ['cssClass', 'groups', 'header', 'id'];
+var outputs$3 = [];
+/**
+ * `e-ribbon-tab` directive represent a tab of the Angular Ribbon.
+ * It must be contained in a Ribbon component(`ejs-ribbon`).
+ * ```html
+ * <ejs-ribbon>
+ *   <e-ribbon-tabs>
+ *    <e-ribbon-tab></e-ribbon-tab>
+ *    <e-ribbon-tab></e-ribbon-tab>
+ *   </e-ribbon-tabs>
+ * </ejs-ribbon>
+ * ```
+ */
+var RibbonTabDirective = /** @class */ (function (_super) {
+    __extends(RibbonTabDirective, _super);
+    /**
+     * @param {?} viewContainerRef
+     */
+    function RibbonTabDirective(viewContainerRef) {
+        var _this = _super.call(this) || this;
+        _this.viewContainerRef = viewContainerRef;
+        _this.tags = ['groups'];
+        ej2AngularBase.setValue('currentInstance', _this, _this.viewContainerRef);
+        _this.registerEvents(outputs$3);
+        _this.directivePropList = input$3;
+        return _this;
+    }
+    return RibbonTabDirective;
+}(ej2AngularBase.ComplexBase));
+RibbonTabDirective.decorators = [
+    { type: core.Directive, args: [{
+                selector: 'e-ribbon-tab',
+                inputs: input$3,
+                outputs: outputs$3,
+                queries: {
+                    childGroups: new core.ContentChild(RibbonGroupsDirective)
+                }
+            },] },
+];
+/**
+ * @nocollapse
+ */
+RibbonTabDirective.ctorParameters = function () { return [
+    { type: core.ViewContainerRef, },
+]; };
+/**
+ * RibbonTab Array Directive
+ */
+var RibbonTabsDirective = /** @class */ (function (_super) {
+    __extends(RibbonTabsDirective, _super);
+    function RibbonTabsDirective() {
+        return _super.call(this, 'tabs') || this;
+    }
+    return RibbonTabsDirective;
+}(ej2AngularBase.ArrayBase));
+RibbonTabsDirective.decorators = [
+    { type: core.Directive, args: [{
+                selector: 'e-ribbon-tabs',
+                queries: {
+                    children: new core.ContentChildren(RibbonTabDirective)
+                },
+            },] },
+];
+/**
+ * @nocollapse
+ */
+RibbonTabsDirective.ctorParameters = function () { return []; };
+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);
+};
+var inputs = ['activeLayout', 'backStageMenu', 'cssClass', 'enablePersistence', 'enableRtl', 'fileMenu', 'helpPaneTemplate', 'hideLayoutSwitcher', 'isMinimized', 'launcherIconCss', 'locale', 'selectedTab', 'tabAnimation', 'tabs', 'width'];
+var outputs$4 = ['created', 'launcherIconClick', 'overflowPopupClose', 'overflowPopupOpen', 'ribbonCollapsing', 'ribbonExpanding', 'tabSelected', 'tabSelecting'];
+var twoWays = [''];
+/**
+ * Represents the Essential JS 2 Angular Ribbon Component.
+ * ```html
+ * <ejs-ribbon></ejs-ribbon>
+ * ```
+ */
+exports.RibbonComponent = /** @class */ (function (_super) {
+    __extends(RibbonComponent, _super);
+    /**
+     * @param {?} ngEle
+     * @param {?} srenderer
+     * @param {?} viewContainerRef
+     * @param {?} injector
+     */
+    function RibbonComponent(ngEle, srenderer, viewContainerRef, injector) {
+        var _this = _super.call(this) || this;
+        _this.ngEle = ngEle;
+        _this.srenderer = srenderer;
+        _this.viewContainerRef = viewContainerRef;
+        _this.injector = injector;
+        _this.tags = ['tabs'];
+        _this.element = _this.ngEle.nativeElement;
+        _this.injectedModules = _this.injectedModules || [];
+        try {
+            var mod = _this.injector.get('RibbonRibbonButton');
+            if (_this.injectedModules.indexOf(mod) === -1) {
+                _this.injectedModules.push(mod);
+            }
+        }
+        catch (_a) { }
+        try {
+            var mod = _this.injector.get('RibbonRibbonDropDown');
+            if (_this.injectedModules.indexOf(mod) === -1) {
+                _this.injectedModules.push(mod);
+            }
+        }
+        catch (_b) { }
+        try {
+            var mod = _this.injector.get('RibbonRibbonSplitButton');
+            if (_this.injectedModules.indexOf(mod) === -1) {
+                _this.injectedModules.push(mod);
+            }
+        }
+        catch (_c) { }
+        try {
+            var mod = _this.injector.get('RibbonRibbonCheckBox');
+            if (_this.injectedModules.indexOf(mod) === -1) {
+                _this.injectedModules.push(mod);
+            }
+        }
+        catch (_d) { }
+        try {
+            var mod = _this.injector.get('RibbonRibbonColorPicker');
+            if (_this.injectedModules.indexOf(mod) === -1) {
+                _this.injectedModules.push(mod);
+            }
+        }
+        catch (_e) { }
+        try {
+            var mod = _this.injector.get('RibbonRibbonComboBox');
+            if (_this.injectedModules.indexOf(mod) === -1) {
+                _this.injectedModules.push(mod);
+            }
+        }
+        catch (_f) { }
+        try {
+            var mod = _this.injector.get('RibbonRibbonGroupButton');
+            if (_this.injectedModules.indexOf(mod) === -1) {
+                _this.injectedModules.push(mod);
+            }
+        }
+        catch (_g) { }
+        try {
+            var mod = _this.injector.get('RibbonRibbonFileMenu');
+            if (_this.injectedModules.indexOf(mod) === -1) {
+                _this.injectedModules.push(mod);
+            }
+        }
+        catch (_h) { }
+        try {
+            var mod = _this.injector.get('RibbonRibbonBackstage');
+            if (_this.injectedModules.indexOf(mod) === -1) {
+                _this.injectedModules.push(mod);
+            }
+        }
+        catch (_j) { }
+        _this.registerEvents(outputs$4);
+        _this.addTwoWay.call(_this, twoWays);
+        ej2AngularBase.setValue('currentInstance', _this, _this.viewContainerRef);
+        _this.containerContext = new ej2AngularBase.ComponentBase();
+        return _this;
+    }
+    /**
+     * @return {?}
+     */
+    RibbonComponent.prototype.ngOnInit = function () {
+        this.containerContext.ngOnInit(this);
+    };
+    /**
+     * @return {?}
+     */
+    RibbonComponent.prototype.ngAfterViewInit = function () {
+        this.containerContext.ngAfterViewInit(this);
+    };
+    /**
+     * @return {?}
+     */
+    RibbonComponent.prototype.ngOnDestroy = function () {
+        this.containerContext.ngOnDestroy(this);
+    };
+    /**
+     * @return {?}
+     */
+    RibbonComponent.prototype.ngAfterContentChecked = function () {
+        this.tagObjects[0].instance = this.childTabs;
+        this.containerContext.ngAfterContentChecked(this);
+    };
+    return RibbonComponent;
+}(ej2Ribbon.Ribbon));
+exports.RibbonComponent.decorators = [
+    { type: core.Component, args: [{
+                selector: 'ejs-ribbon',
+                inputs: inputs,
+                outputs: outputs$4,
+                template: "<ng-content select='div'></ng-content>",
+                changeDetection: core.ChangeDetectionStrategy.OnPush,
+                queries: {
+                    childTabs: new core.ContentChild(RibbonTabsDirective)
+                }
+            },] },
+];
+/**
+ * @nocollapse
+ */
+exports.RibbonComponent.ctorParameters = function () { return [
+    { type: core.ElementRef, },
+    { type: core.Renderer2, },
+    { type: core.ViewContainerRef, },
+    { type: core.Injector, },
+]; };
+exports.RibbonComponent.propDecorators = {
+    'helpPaneTemplate': [{ type: core.ContentChild, args: ['helpPaneTemplate',] },],
+};
+__decorate$1([
+    ej2AngularBase.Template(),
+    __metadata$1("design:type", Object)
+], exports.RibbonComponent.prototype, "helpPaneTemplate", void 0);
+exports.RibbonComponent = __decorate$1([
+    ej2AngularBase.ComponentMixins([ej2AngularBase.ComponentBase]),
+    __metadata$1("design:paramtypes", [core.ElementRef,
+        core.Renderer2,
+        core.ViewContainerRef,
+        core.Injector])
+], exports.RibbonComponent);
+/**
+ * NgModule definition for the Ribbon component.
+ */
+var RibbonModule = /** @class */ (function () {
+    function RibbonModule() {
+    }
+    return RibbonModule;
+}());
+RibbonModule.decorators = [
+    { type: core.NgModule, args: [{
+                imports: [common.CommonModule],
+                declarations: [
+                    exports.RibbonComponent,
+                    RibbonItemDirective,
+                    RibbonItemsDirective,
+                    RibbonCollectionDirective,
+                    RibbonCollectionsDirective,
+                    RibbonGroupDirective,
+                    RibbonGroupsDirective,
+                    RibbonTabDirective,
+                    RibbonTabsDirective
+                ],
+                exports: [
+                    exports.RibbonComponent,
+                    RibbonItemDirective,
+                    RibbonItemsDirective,
+                    RibbonCollectionDirective,
+                    RibbonCollectionsDirective,
+                    RibbonGroupDirective,
+                    RibbonGroupsDirective,
+                    RibbonTabDirective,
+                    RibbonTabsDirective
+                ]
+            },] },
+];
+/**
+ * @nocollapse
+ */
+RibbonModule.ctorParameters = function () { return []; };
+var RibbonButtonService = { provide: 'RibbonRibbonButton', useValue: ej2Ribbon.RibbonButton };
+var RibbonDropDownService = { provide: 'RibbonRibbonDropDown', useValue: ej2Ribbon.RibbonDropDown };
+var RibbonSplitButtonService = { provide: 'RibbonRibbonSplitButton', useValue: ej2Ribbon.RibbonSplitButton };
+var RibbonCheckBoxService = { provide: 'RibbonRibbonCheckBox', useValue: ej2Ribbon.RibbonCheckBox };
+var RibbonColorPickerService = { provide: 'RibbonRibbonColorPicker', useValue: ej2Ribbon.RibbonColorPicker };
+var RibbonComboBoxService = { provide: 'RibbonRibbonComboBox', useValue: ej2Ribbon.RibbonComboBox };
+var RibbonGroupButtonService = { provide: 'RibbonRibbonGroupButton', useValue: ej2Ribbon.RibbonGroupButton };
+var RibbonFileMenuService = { provide: 'RibbonRibbonFileMenu', useValue: ej2Ribbon.RibbonFileMenu };
+var RibbonBackstageService = { provide: 'RibbonRibbonBackstage', useValue: ej2Ribbon.RibbonBackstage };
+/**
+ * NgModule definition for the Ribbon component with providers.
+ */
+var RibbonAllModule = /** @class */ (function () {
+    function RibbonAllModule() {
+    }
+    return RibbonAllModule;
+}());
+RibbonAllModule.decorators = [
+    { type: core.NgModule, args: [{
+                imports: [common.CommonModule, RibbonModule],
+                exports: [
+                    RibbonModule
+                ],
+                providers: [
+                    RibbonButtonService,
+                    RibbonDropDownService,
+                    RibbonSplitButtonService,
+                    RibbonCheckBoxService,
+                    RibbonColorPickerService,
+                    RibbonComboBoxService,
+                    RibbonGroupButtonService,
+                    RibbonFileMenuService,
+                    RibbonBackstageService
+                ]
+            },] },
+];
+/**
+ * @nocollapse
+ */
+RibbonAllModule.ctorParameters = function () { return []; };
+
+exports.RibbonItemDirective = RibbonItemDirective;
+exports.RibbonItemsDirective = RibbonItemsDirective;
+exports.RibbonCollectionDirective = RibbonCollectionDirective;
+exports.RibbonCollectionsDirective = RibbonCollectionsDirective;
+exports.RibbonGroupDirective = RibbonGroupDirective;
+exports.RibbonGroupsDirective = RibbonGroupsDirective;
+exports.RibbonTabDirective = RibbonTabDirective;
+exports.RibbonTabsDirective = RibbonTabsDirective;
+exports.RibbonModule = RibbonModule;
+exports.RibbonAllModule = RibbonAllModule;
+exports.RibbonButtonService = RibbonButtonService;
+exports.RibbonDropDownService = RibbonDropDownService;
+exports.RibbonSplitButtonService = RibbonSplitButtonService;
+exports.RibbonCheckBoxService = RibbonCheckBoxService;
+exports.RibbonColorPickerService = RibbonColorPickerService;
+exports.RibbonComboBoxService = RibbonComboBoxService;
+exports.RibbonGroupButtonService = RibbonGroupButtonService;
+exports.RibbonFileMenuService = RibbonFileMenuService;
+exports.RibbonBackstageService = RibbonBackstageService;
+exports.ɵa = inputs;
+exports.ɵb = outputs$4;
+exports.Ribbon = ej2Ribbon.Ribbon;
+exports.RibbonLayout = ej2Ribbon.RibbonLayout;
+exports.ItemOrientation = ej2Ribbon.ItemOrientation;
+exports.RibbonItemSize = ej2Ribbon.RibbonItemSize;
+exports.DisplayMode = ej2Ribbon.DisplayMode;
+exports.RibbonItemType = ej2Ribbon.RibbonItemType;
+exports.RibbonGroupButtonSelection = ej2Ribbon.RibbonGroupButtonSelection;
+exports.ITEM_VERTICAL_CENTER = ej2Ribbon.ITEM_VERTICAL_CENTER;
+exports.EXPAND_COLLAPSE_ICON = ej2Ribbon.EXPAND_COLLAPSE_ICON;
+exports.BACKSTAGE_CLOSE_ICON = ej2Ribbon.BACKSTAGE_CLOSE_ICON;
+exports.OVERFLOW_ICON = ej2Ribbon.OVERFLOW_ICON;
+exports.VERTICAL_DDB = ej2Ribbon.VERTICAL_DDB;
+exports.DISABLED_CSS = ej2Ribbon.DISABLED_CSS;
+exports.RTL_CSS = ej2Ribbon.RTL_CSS;
+exports.RIBBON_HOVER = ej2Ribbon.RIBBON_HOVER;
+exports.RIBBON_CONTROL = ej2Ribbon.RIBBON_CONTROL;
+exports.RIBBON_POPUP_CONTROL = ej2Ribbon.RIBBON_POPUP_CONTROL;
+exports.RIBBON_POPUP_OPEN = ej2Ribbon.RIBBON_POPUP_OPEN;
+exports.SPACE = ej2Ribbon.SPACE;
+exports.HORIZONTAL_SCROLLBAR = ej2Ribbon.HORIZONTAL_SCROLLBAR;
+exports.HIDE_CSS = ej2Ribbon.HIDE_CSS;
+exports.RIBBON_TAB = ej2Ribbon.RIBBON_TAB;
+exports.RIBBON_TAB_ACTIVE = ej2Ribbon.RIBBON_TAB_ACTIVE;
+exports.RIBBON_TAB_ITEM = ej2Ribbon.RIBBON_TAB_ITEM;
+exports.RIBBON_COLLAPSE_BUTTON = ej2Ribbon.RIBBON_COLLAPSE_BUTTON;
+exports.RIBBON_EXPAND_BUTTON = ej2Ribbon.RIBBON_EXPAND_BUTTON;
+exports.RIBBON_COLLAPSIBLE = ej2Ribbon.RIBBON_COLLAPSIBLE;
+exports.RIBBON_OVERALL_OF_BUTTON = ej2Ribbon.RIBBON_OVERALL_OF_BUTTON;
+exports.RIBBON_GROUP_OF_BUTTON = ej2Ribbon.RIBBON_GROUP_OF_BUTTON;
+exports.RIBBON_OVERFLOW_TARGET = ej2Ribbon.RIBBON_OVERFLOW_TARGET;
+exports.RIBBON_OVERFLOW = ej2Ribbon.RIBBON_OVERFLOW;
+exports.TAB_CONTENT = ej2Ribbon.TAB_CONTENT;
+exports.RIBBON_MINIMIZE = ej2Ribbon.RIBBON_MINIMIZE;
+exports.RIBBON_GROUP = ej2Ribbon.RIBBON_GROUP;
+exports.RIBBON_SINGLE_BUTTON_SELECTION = ej2Ribbon.RIBBON_SINGLE_BUTTON_SELECTION;
+exports.RIBBON_MULTIPLE_BUTTON_SELECTION = ej2Ribbon.RIBBON_MULTIPLE_BUTTON_SELECTION;
+exports.RIBBON_GROUP_BUTTON = ej2Ribbon.RIBBON_GROUP_BUTTON;
+exports.RIBBON_GROUP_BUTTON_OVERFLOW_POPUP = ej2Ribbon.RIBBON_GROUP_BUTTON_OVERFLOW_POPUP;
+exports.RIBBON_GROUP_CONTAINER = ej2Ribbon.RIBBON_GROUP_CONTAINER;
+exports.RIBBON_OF_TAB_CONTAINER = ej2Ribbon.RIBBON_OF_TAB_CONTAINER;
+exports.RIBBON_OF_GROUP_CONTAINER = ej2Ribbon.RIBBON_OF_GROUP_CONTAINER;
+exports.RIBBON_GROUP_CONTENT = ej2Ribbon.RIBBON_GROUP_CONTENT;
+exports.RIBBON_GROUP_HEADER = ej2Ribbon.RIBBON_GROUP_HEADER;
+exports.RIBBON_OVERFLOW_HEADER = ej2Ribbon.RIBBON_OVERFLOW_HEADER;
+exports.RIBBON_GROUP_OVERFLOW = ej2Ribbon.RIBBON_GROUP_OVERFLOW;
+exports.RIBBON_GROUP_OVERFLOW_DDB = ej2Ribbon.RIBBON_GROUP_OVERFLOW_DDB;
+exports.RIBBON_LAUNCHER = ej2Ribbon.RIBBON_LAUNCHER;
+exports.RIBBON_LAUNCHER_ICON_ELE = ej2Ribbon.RIBBON_LAUNCHER_ICON_ELE;
+exports.RIBBON_LAUNCHER_ICON = ej2Ribbon.RIBBON_LAUNCHER_ICON;
+exports.RIBBON_COLLECTION = ej2Ribbon.RIBBON_COLLECTION;
+exports.RIBBON_ITEM = ej2Ribbon.RIBBON_ITEM;
+exports.RIBBON_ROW = ej2Ribbon.RIBBON_ROW;
+exports.RIBBON_COLUMN = ej2Ribbon.RIBBON_COLUMN;
+exports.RIBBON_LARGE_ITEM = ej2Ribbon.RIBBON_LARGE_ITEM;
+exports.RIBBON_MEDIUM_ITEM = ej2Ribbon.RIBBON_MEDIUM_ITEM;
+exports.RIBBON_SMALL_ITEM = ej2Ribbon.RIBBON_SMALL_ITEM;
+exports.RIBBON_CONTENT_HEIGHT = ej2Ribbon.RIBBON_CONTENT_HEIGHT;
+exports.DROPDOWNBUTTON = ej2Ribbon.DROPDOWNBUTTON;
+exports.DROPDOWNBUTTON_HIDE = ej2Ribbon.DROPDOWNBUTTON_HIDE;
+exports.RIBBON_TEMPLATE = ej2Ribbon.RIBBON_TEMPLATE;
+exports.RIBBON_HELP_TEMPLATE = ej2Ribbon.RIBBON_HELP_TEMPLATE;
+exports.RIBBON_TOOLTIP = ej2Ribbon.RIBBON_TOOLTIP;
+exports.RIBBON_TOOLTIP_TARGET = ej2Ribbon.RIBBON_TOOLTIP_TARGET;
+exports.RIBBON_TOOLTIP_TITLE = ej2Ribbon.RIBBON_TOOLTIP_TITLE;
+exports.RIBBON_TOOLTIP_CONTENT = ej2Ribbon.RIBBON_TOOLTIP_CONTENT;
+exports.RIBBON_TOOLTIP_ICON = ej2Ribbon.RIBBON_TOOLTIP_ICON;
+exports.RIBBON_TOOLTIP_CONTAINER = ej2Ribbon.RIBBON_TOOLTIP_CONTAINER;
+exports.RIBBON_TEXT_CONTAINER = ej2Ribbon.RIBBON_TEXT_CONTAINER;
+exports.RIBBON_SIMPLIFIED_MODE = ej2Ribbon.RIBBON_SIMPLIFIED_MODE;
+exports.RIBBON_BACKSTAGE_POPUP = ej2Ribbon.RIBBON_BACKSTAGE_POPUP;
+exports.RIBBON_BACKSTAGE_OPEN = ej2Ribbon.RIBBON_BACKSTAGE_OPEN;
+exports.RIBBON_BACKSTAGE_CONTENT = ej2Ribbon.RIBBON_BACKSTAGE_CONTENT;
+exports.RIBBON_SELECTED_CONTENT = ej2Ribbon.RIBBON_SELECTED_CONTENT;
+exports.RIBBON_BACKSTAGE = ej2Ribbon.RIBBON_BACKSTAGE;
+exports.RIBBON_BACKSTAGE_MENU = ej2Ribbon.RIBBON_BACKSTAGE_MENU;
+exports.RIBBON_BACKSTAGE_TEMPLATE = ej2Ribbon.RIBBON_BACKSTAGE_TEMPLATE;
+exports.RIBBON_BACKSTAGE_MENU_WRAPPER = ej2Ribbon.RIBBON_BACKSTAGE_MENU_WRAPPER;
+exports.RIBBON_BACKSTAGE_ITEMS_WRAPPER = ej2Ribbon.RIBBON_BACKSTAGE_ITEMS_WRAPPER;
+exports.RIBBON_BACKSTAGE_TEXT_MENU = ej2Ribbon.RIBBON_BACKSTAGE_TEXT_MENU;
+exports.TAB_ID = ej2Ribbon.TAB_ID;
+exports.GROUP_ID = ej2Ribbon.GROUP_ID;
+exports.COLLECTION_ID = ej2Ribbon.COLLECTION_ID;
+exports.ITEM_ID = ej2Ribbon.ITEM_ID;
+exports.COLLAPSE_BUTTON_ID = ej2Ribbon.COLLAPSE_BUTTON_ID;
+exports.OVRLOF_BUTTON_ID = ej2Ribbon.OVRLOF_BUTTON_ID;
+exports.GROUPOF_BUTTON_ID = ej2Ribbon.GROUPOF_BUTTON_ID;
+exports.HEADER_ID = ej2Ribbon.HEADER_ID;
+exports.LAUNCHER_ID = ej2Ribbon.LAUNCHER_ID;
+exports.CONTENT_ID = ej2Ribbon.CONTENT_ID;
+exports.CONTAINER_ID = ej2Ribbon.CONTAINER_ID;
+exports.OVERFLOW_ID = ej2Ribbon.OVERFLOW_ID;
+exports.DROPDOWN_ID = ej2Ribbon.DROPDOWN_ID;
+exports.RIBBON_FILE_MENU_ID = ej2Ribbon.RIBBON_FILE_MENU_ID;
+exports.RIBBON_BACKSTAGE_MENU_ID = ej2Ribbon.RIBBON_BACKSTAGE_MENU_ID;
+exports.RIBBON_BACKSTAGE_POPUP_ID = ej2Ribbon.RIBBON_BACKSTAGE_POPUP_ID;
+exports.RIBBON_FILE_MENU_LIST = ej2Ribbon.RIBBON_FILE_MENU_LIST;
+exports.RIBBON_MENU_LIST = ej2Ribbon.RIBBON_MENU_LIST;
+exports.RIBBON_FOOTER_MENU_LIST = ej2Ribbon.RIBBON_FOOTER_MENU_LIST;
+exports.RIBBON_HELP_PANE_TEMPLATE_ID = ej2Ribbon.RIBBON_HELP_PANE_TEMPLATE_ID;
+exports.RIBBON_GROUP_BUTTON_ID = ej2Ribbon.RIBBON_GROUP_BUTTON_ID;
+exports.RIBBON_FILE_MENU_WIDTH = ej2Ribbon.RIBBON_FILE_MENU_WIDTH;
+exports.RIBBON_HELP_PANE_TEMPLATE_WIDTH = ej2Ribbon.RIBBON_HELP_PANE_TEMPLATE_WIDTH;
+exports.getIndex = ej2Ribbon.getIndex;
+exports.getTemplateFunction = ej2Ribbon.getTemplateFunction;
+exports.getItem = ej2Ribbon.getItem;
+exports.getCollection = ej2Ribbon.getCollection;
+exports.getGroup = ej2Ribbon.getGroup;
+exports.destroyControl = ej2Ribbon.destroyControl;
+exports.updateCommonProperty = ej2Ribbon.updateCommonProperty;
+exports.updateControlDisabled = ej2Ribbon.updateControlDisabled;
+exports.getItemElement = ej2Ribbon.getItemElement;
+exports.isTooltipPresent = ej2Ribbon.isTooltipPresent;
+exports.setToolTipContent = ej2Ribbon.setToolTipContent;
+exports.createTooltip = ej2Ribbon.createTooltip;
+exports.destroyTooltip = ej2Ribbon.destroyTooltip;
+exports.updateTooltipProp = ej2Ribbon.updateTooltipProp;
+exports.setCustomAttributes = ej2Ribbon.setCustomAttributes;
+exports.RibbonTab = ej2Ribbon.RibbonTab;
+exports.RibbonGroup = ej2Ribbon.RibbonGroup;
+exports.RibbonCollection = ej2Ribbon.RibbonCollection;
+exports.RibbonItem = ej2Ribbon.RibbonItem;
+exports.RibbonButtonSettings = ej2Ribbon.RibbonButtonSettings;
+exports.RibbonCheckBoxSettings = ej2Ribbon.RibbonCheckBoxSettings;
+exports.RibbonColorPickerSettings = ej2Ribbon.RibbonColorPickerSettings;
+exports.RibbonComboBoxSettings = ej2Ribbon.RibbonComboBoxSettings;
+exports.RibbonDropDownSettings = ej2Ribbon.RibbonDropDownSettings;
+exports.RibbonSplitButtonSettings = ej2Ribbon.RibbonSplitButtonSettings;
+exports.FileMenuSettings = ej2Ribbon.FileMenuSettings;
+exports.BackStageMenu = ej2Ribbon.BackStageMenu;
+exports.BackstageBackButton = ej2Ribbon.BackstageBackButton;
+exports.BackstageItem = ej2Ribbon.BackstageItem;
+exports.RibbonTooltip = ej2Ribbon.RibbonTooltip;
+exports.RibbonGroupButtonSettings = ej2Ribbon.RibbonGroupButtonSettings;
+exports.RibbonGroupButtonItem = ej2Ribbon.RibbonGroupButtonItem;
+exports.RibbonButton = ej2Ribbon.RibbonButton;
+exports.RibbonCheckBox = ej2Ribbon.RibbonCheckBox;
+exports.RibbonColorPicker = ej2Ribbon.RibbonColorPicker;
+exports.RibbonComboBox = ej2Ribbon.RibbonComboBox;
+exports.RibbonDropDown = ej2Ribbon.RibbonDropDown;
+exports.RibbonSplitButton = ej2Ribbon.RibbonSplitButton;
+exports.RibbonGroupButton = ej2Ribbon.RibbonGroupButton;
+exports.RibbonFileMenu = ej2Ribbon.RibbonFileMenu;
+exports.RibbonBackstage = ej2Ribbon.RibbonBackstage;
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+})));
+//# sourceMappingURL=ej2-angular-ribbon.umd.js.map