@syncfusion/ej2-angular-ribbon 24.2.8 → 25.1.35-ngcc

package/esm2020/src/ribbon/tabs.directive.mjs

@@ -1,62 +0,0 @@
-import { Directive, ContentChildren, ContentChild } from '@angular/core';
-import { ComplexBase, ArrayBase, setValue } from '@syncfusion/ej2-angular-base';
-import { RibbonGroupsDirective } from './groups.directive';
-import * as i0 from "@angular/core";
-let input = ['cssClass', 'groups', 'header', 'id'];
-let outputs = [];
-/**
- * `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>
- * ```
- */
-export class RibbonTabDirective extends ComplexBase {
-    constructor(viewContainerRef) {
-        super();
-        this.viewContainerRef = viewContainerRef;
-        this.tags = ['groups'];
-        setValue('currentInstance', this, this.viewContainerRef);
-        this.registerEvents(outputs);
-        this.directivePropList = input;
-    }
-}
-RibbonTabDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.0.3", ngImport: i0, type: RibbonTabDirective, deps: [{ token: i0.ViewContainerRef }], target: i0.ɵɵFactoryTarget.Directive });
-RibbonTabDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "13.0.3", type: RibbonTabDirective, selector: "e-ribbon-tab", inputs: { cssClass: "cssClass", groups: "groups", header: "header", id: "id" }, queries: [{ propertyName: "childGroups", first: true, predicate: RibbonGroupsDirective, descendants: true }], usesInheritance: true, ngImport: i0 });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.0.3", ngImport: i0, type: RibbonTabDirective, decorators: [{
-            type: Directive,
-            args: [{
-                    selector: 'e-ribbon-tab',
-                    inputs: input,
-                    outputs: outputs,
-                    queries: {
-                        childGroups: new ContentChild(RibbonGroupsDirective)
-                    }
-                }]
-        }], ctorParameters: function () { return [{ type: i0.ViewContainerRef }]; } });
-/**
- * RibbonTab Array Directive
- * @private
- */
-export class RibbonTabsDirective extends ArrayBase {
-    constructor() {
-        super('tabs');
-    }
-}
-RibbonTabsDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.0.3", ngImport: i0, type: RibbonTabsDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-RibbonTabsDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "13.0.3", type: RibbonTabsDirective, selector: "e-ribbon-tabs", queries: [{ propertyName: "children", predicate: RibbonTabDirective }], usesInheritance: true, ngImport: i0 });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.0.3", ngImport: i0, type: RibbonTabsDirective, decorators: [{
-            type: Directive,
-            args: [{
-                    selector: 'e-ribbon-tabs',
-                    queries: {
-                        children: new ContentChildren(RibbonTabDirective)
-                    },
-                }]
-        }], ctorParameters: function () { return []; } });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidGFicy5kaXJlY3RpdmUuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9zcmMvcmliYm9uL3RhYnMuZGlyZWN0aXZlLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxTQUFTLEVBQW9CLGVBQWUsRUFBRSxZQUFZLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFDM0YsT0FBTyxFQUFFLFdBQVcsRUFBRSxTQUFTLEVBQUUsUUFBUSxFQUFFLE1BQU0sOEJBQThCLENBQUM7QUFFaEYsT0FBTyxFQUFFLHFCQUFxQixFQUFFLE1BQU0sb0JBQW9CLENBQUM7O0FBRTNELElBQUksS0FBSyxHQUFhLENBQUMsVUFBVSxFQUFFLFFBQVEsRUFBRSxRQUFRLEVBQUUsSUFBSSxDQUFDLENBQUM7QUFDN0QsSUFBSSxPQUFPLEdBQWEsRUFBRSxDQUFDO0FBQzNCOzs7Ozs7Ozs7OztHQVdHO0FBU0gsTUFBTSxPQUFPLGtCQUFtQixTQUFRLFdBQStCO0lBMkJuRSxZQUFvQixnQkFBaUM7UUFDakQsS0FBSyxFQUFFLENBQUM7UUFEUSxxQkFBZ0IsR0FBaEIsZ0JBQWdCLENBQWlCO1FBdkI5QyxTQUFJLEdBQWEsQ0FBQyxRQUFRLENBQUMsQ0FBQztRQXlCL0IsUUFBUSxDQUFDLGlCQUFpQixFQUFFLElBQUksRUFBRSxJQUFJLENBQUMsZ0JBQWdCLENBQUMsQ0FBQztRQUN6RCxJQUFJLENBQUMsY0FBYyxDQUFDLE9BQU8sQ0FBQyxDQUFDO1FBQzdCLElBQUksQ0FBQyxpQkFBaUIsR0FBRyxLQUFLLENBQUM7SUFDbkMsQ0FBQzs7K0dBaENRLGtCQUFrQjttR0FBbEIsa0JBQWtCLDZLQUhPLHFCQUFxQjsyRkFHOUMsa0JBQWtCO2tCQVI5QixTQUFTO21CQUFDO29CQUNQLFFBQVEsRUFBRSxjQUFjO29CQUN4QixNQUFNLEVBQUUsS0FBSztvQkFDYixPQUFPLEVBQUUsT0FBTztvQkFDaEIsT0FBTyxFQUFFO3dCQUNMLFdBQVcsRUFBRSxJQUFJLFlBQVksQ0FBQyxxQkFBcUIsQ0FBQztxQkFDdkQ7aUJBQ0o7O0FBb0NEOzs7R0FHRztBQU9ILE1BQU0sT0FBTyxtQkFBb0IsU0FBUSxTQUE4QjtJQUNuRTtRQUNJLEtBQUssQ0FBQyxNQUFNLENBQUMsQ0FBQztJQUNsQixDQUFDOztnSEFIUSxtQkFBbUI7b0dBQW5CLG1CQUFtQiw4RUFITSxrQkFBa0I7MkZBRzNDLG1CQUFtQjtrQkFOL0IsU0FBUzttQkFBQztvQkFDUCxRQUFRLEVBQUUsZUFBZTtvQkFDekIsT0FBTyxFQUFFO3dCQUNMLFFBQVEsRUFBRSxJQUFJLGVBQWUsQ0FBQyxrQkFBa0IsQ0FBQztxQkFDcEQ7aUJBQ0oiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBEaXJlY3RpdmUsIFZpZXdDb250YWluZXJSZWYsIENvbnRlbnRDaGlsZHJlbiwgQ29udGVudENoaWxkIH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBDb21wbGV4QmFzZSwgQXJyYXlCYXNlLCBzZXRWYWx1ZSB9IGZyb20gJ0BzeW5jZnVzaW9uL2VqMi1hbmd1bGFyLWJhc2UnO1xuXG5pbXBvcnQgeyBSaWJib25Hcm91cHNEaXJlY3RpdmUgfSBmcm9tICcuL2dyb3Vwcy5kaXJlY3RpdmUnO1xuXG5sZXQgaW5wdXQ6IHN0cmluZ1tdID0gWydjc3NDbGFzcycsICdncm91cHMnLCAnaGVhZGVyJywgJ2lkJ107XG5sZXQgb3V0cHV0czogc3RyaW5nW10gPSBbXTtcbi8qKlxuICogYGUtcmliYm9uLXRhYmAgZGlyZWN0aXZlIHJlcHJlc2VudCBhIHRhYiBvZiB0aGUgQW5ndWxhciBSaWJib24uIFxuICogSXQgbXVzdCBiZSBjb250YWluZWQgaW4gYSBSaWJib24gY29tcG9uZW50KGBlanMtcmliYm9uYCkuIFxuICogYGBgaHRtbFxuICogPGVqcy1yaWJib24+XG4gKiAgIDxlLXJpYmJvbi10YWJzPlxuICogICAgPGUtcmliYm9uLXRhYj48L2UtcmliYm9uLXRhYj5cbiAqICAgIDxlLXJpYmJvbi10YWI+PC9lLXJpYmJvbi10YWI+XG4gKiAgIDwvZS1yaWJib24tdGFicz5cbiAqIDwvZWpzLXJpYmJvbj5cbiAqIGBgYFxuICovXG5ARGlyZWN0aXZlKHtcbiAgICBzZWxlY3RvcjogJ2UtcmliYm9uLXRhYicsXG4gICAgaW5wdXRzOiBpbnB1dCxcbiAgICBvdXRwdXRzOiBvdXRwdXRzLCAgICBcbiAgICBxdWVyaWVzOiB7XG4gICAgICAgIGNoaWxkR3JvdXBzOiBuZXcgQ29udGVudENoaWxkKFJpYmJvbkdyb3Vwc0RpcmVjdGl2ZSlcbiAgICB9XG59KVxuZXhwb3J0IGNsYXNzIFJpYmJvblRhYkRpcmVjdGl2ZSBleHRlbmRzIENvbXBsZXhCYXNlPFJpYmJvblRhYkRpcmVjdGl2ZT4ge1xuICAgIHB1YmxpYyBkaXJlY3RpdmVQcm9wTGlzdDogYW55O1xuXHRcbiAgICBwdWJsaWMgY2hpbGRHcm91cHM6IGFueTtcbiAgICBwdWJsaWMgdGFnczogc3RyaW5nW10gPSBbJ2dyb3VwcyddO1xuICAgIC8qKiBcbiAgICAgKiBEZWZpbmVzIG9uZSBvciBtb3JlIENTUyBjbGFzc2VzIHRvIGN1c3RvbWl6ZSB0aGUgYXBwZWFyYW5jZSBvZiB0YWIuXG4gICAgICogQGRlZmF1bHQgJydcbiAgICAgKi9cbiAgICBwdWJsaWMgY3NzQ2xhc3M6IGFueTtcbiAgICAvKiogXG4gICAgICogRGVmaW5lcyB0aGUgbGlzdCBvZiByaWJib24gZ3JvdXBzLlxuICAgICAqIEBkZWZhdWx0IFtdXG4gICAgICogQGFzcHR5cGUgTGlzdDxSaWJib25Hcm91cD5cbiAgICAgKi9cbiAgICBwdWJsaWMgZ3JvdXBzOiBhbnk7XG4gICAgLyoqIFxuICAgICAqIERlZmluZXMgdGhlIGNvbnRlbnQgb2YgdGFiIGhlYWRlci5cbiAgICAgKiBAZGVmYXVsdCAnJ1xuICAgICAqL1xuICAgIHB1YmxpYyBoZWFkZXI6IGFueTtcbiAgICAvKiogXG4gICAgICogRGVmaW5lcyBhIHVuaXF1ZSBpZGVudGlmaWVyIGZvciB0aGUgdGFiLlxuICAgICAqIEBkZWZhdWx0ICcnXG4gICAgICovXG4gICAgcHVibGljIGlkOiBhbnk7XG5cbiAgICBjb25zdHJ1Y3Rvcihwcml2YXRlIHZpZXdDb250YWluZXJSZWY6Vmlld0NvbnRhaW5lclJlZikge1xuICAgICAgICBzdXBlcigpO1xuICAgICAgICBzZXRWYWx1ZSgnY3VycmVudEluc3RhbmNlJywgdGhpcywgdGhpcy52aWV3Q29udGFpbmVyUmVmKTtcbiAgICAgICAgdGhpcy5yZWdpc3RlckV2ZW50cyhvdXRwdXRzKTtcbiAgICAgICAgdGhpcy5kaXJlY3RpdmVQcm9wTGlzdCA9IGlucHV0O1xuICAgIH1cbn1cblxuLyoqXG4gKiBSaWJib25UYWIgQXJyYXkgRGlyZWN0aXZlXG4gKiBAcHJpdmF0ZVxuICovXG5ARGlyZWN0aXZlKHtcbiAgICBzZWxlY3RvcjogJ2UtcmliYm9uLXRhYnMnLFxuICAgIHF1ZXJpZXM6IHtcbiAgICAgICAgY2hpbGRyZW46IG5ldyBDb250ZW50Q2hpbGRyZW4oUmliYm9uVGFiRGlyZWN0aXZlKVxuICAgIH0sXG59KVxuZXhwb3J0IGNsYXNzIFJpYmJvblRhYnNEaXJlY3RpdmUgZXh0ZW5kcyBBcnJheUJhc2U8UmliYm9uVGFic0RpcmVjdGl2ZT4ge1xuICAgIGNvbnN0cnVjdG9yKCkge1xuICAgICAgICBzdXBlcigndGFicycpO1xuICAgIH1cbn0iXX0=

package/esm2020/syncfusion-ej2-angular-ribbon.mjs

@@ -1,5 +0,0 @@
-/**
- * Generated bundle index. Do not edit.
- */
-export * from './public_api';
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3luY2Z1c2lvbi1lajItYW5ndWxhci1yaWJib24uanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi9zeW5jZnVzaW9uLWVqMi1hbmd1bGFyLXJpYmJvbi50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQTs7R0FFRztBQUVILGNBQWMsY0FBYyxDQUFDIiwic291cmNlc0NvbnRlbnQiOlsiLyoqXG4gKiBHZW5lcmF0ZWQgYnVuZGxlIGluZGV4LiBEbyBub3QgZWRpdC5cbiAqL1xuXG5leHBvcnQgKiBmcm9tICcuL3B1YmxpY19hcGknO1xuIl19

package/fesm2015/syncfusion-ej2-angular-ribbon.mjs

@@ -1,502 +0,0 @@
-import { __decorate } from 'tslib';
-import * as i0 from '@angular/core';
-import { Directive, ContentChild, ContentChildren, Component, ChangeDetectionStrategy, NgModule } from '@angular/core';
-import { ComplexBase, setValue, Template, ArrayBase, ComponentBase, ComponentMixins } from '@syncfusion/ej2-angular-base';
-import { Ribbon, RibbonButton, RibbonDropDown, RibbonSplitButton, RibbonCheckBox, RibbonColorPicker, RibbonComboBox, RibbonGroupButton, RibbonFileMenu, RibbonBackstage } from '@syncfusion/ej2-ribbon';
-export * from '@syncfusion/ej2-ribbon';
-import { CommonModule } from '@angular/common';
-
-let input$3 = ['activeSize', 'allowedSizes', 'buttonSettings', 'checkBoxSettings', 'colorPickerSettings', 'comboBoxSettings', 'cssClass', 'disabled', 'displayOptions', 'dropDownSettings', 'groupButtonSettings', 'id', 'itemTemplate', 'ribbonTooltipSettings', 'splitButtonSettings', 'type'];
-let outputs$4 = [];
-/**
- * `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>
- * ```
- */
-class RibbonItemDirective extends ComplexBase {
-    constructor(viewContainerRef) {
-        super();
-        this.viewContainerRef = viewContainerRef;
-        setValue('currentInstance', this, this.viewContainerRef);
-        this.registerEvents(outputs$4);
-        this.directivePropList = input$3;
-    }
-}
-RibbonItemDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.0.3", ngImport: i0, type: RibbonItemDirective, deps: [{ token: i0.ViewContainerRef }], target: i0.ɵɵFactoryTarget.Directive });
-RibbonItemDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "13.0.3", type: RibbonItemDirective, selector: "e-ribbon-item", inputs: { activeSize: "activeSize", allowedSizes: "allowedSizes", buttonSettings: "buttonSettings", checkBoxSettings: "checkBoxSettings", colorPickerSettings: "colorPickerSettings", comboBoxSettings: "comboBoxSettings", cssClass: "cssClass", disabled: "disabled", displayOptions: "displayOptions", dropDownSettings: "dropDownSettings", groupButtonSettings: "groupButtonSettings", id: "id", itemTemplate: "itemTemplate", ribbonTooltipSettings: "ribbonTooltipSettings", splitButtonSettings: "splitButtonSettings", type: "type" }, queries: [{ propertyName: "itemTemplate", first: true, predicate: ["itemTemplate"], descendants: true }], usesInheritance: true, ngImport: i0 });
-__decorate([
-    Template()
-], RibbonItemDirective.prototype, "itemTemplate", void 0);
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.0.3", ngImport: i0, type: RibbonItemDirective, decorators: [{
-            type: Directive,
-            args: [{
-                    selector: 'e-ribbon-item',
-                    inputs: input$3,
-                    outputs: outputs$4,
-                    queries: {}
-                }]
-        }], ctorParameters: function () { return [{ type: i0.ViewContainerRef }]; }, propDecorators: { itemTemplate: [{
-                type: ContentChild,
-                args: ['itemTemplate']
-            }] } });
-/**
- * RibbonItem Array Directive
- * @private
- */
-class RibbonItemsDirective extends ArrayBase {
-    constructor() {
-        super('items');
-    }
-}
-RibbonItemsDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.0.3", ngImport: i0, type: RibbonItemsDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-RibbonItemsDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "13.0.3", type: RibbonItemsDirective, selector: "e-ribbon-items", queries: [{ propertyName: "children", predicate: RibbonItemDirective }], usesInheritance: true, ngImport: i0 });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.0.3", ngImport: i0, type: RibbonItemsDirective, decorators: [{
-            type: Directive,
-            args: [{
-                    selector: 'e-ribbon-items',
-                    queries: {
-                        children: new ContentChildren(RibbonItemDirective)
-                    },
-                }]
-        }], ctorParameters: function () { return []; } });
-
-let input$2 = ['cssClass', 'id', 'items'];
-let outputs$3 = [];
-/**
- * `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>
- * ```
- */
-class RibbonCollectionDirective extends ComplexBase {
-    constructor(viewContainerRef) {
-        super();
-        this.viewContainerRef = viewContainerRef;
-        this.tags = ['items'];
-        setValue('currentInstance', this, this.viewContainerRef);
-        this.registerEvents(outputs$3);
-        this.directivePropList = input$2;
-    }
-}
-RibbonCollectionDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.0.3", ngImport: i0, type: RibbonCollectionDirective, deps: [{ token: i0.ViewContainerRef }], target: i0.ɵɵFactoryTarget.Directive });
-RibbonCollectionDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "13.0.3", type: RibbonCollectionDirective, selector: "e-ribbon-collection", inputs: { cssClass: "cssClass", id: "id", items: "items" }, queries: [{ propertyName: "childItems", first: true, predicate: RibbonItemsDirective, descendants: true }], usesInheritance: true, ngImport: i0 });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.0.3", ngImport: i0, type: RibbonCollectionDirective, decorators: [{
-            type: Directive,
-            args: [{
-                    selector: 'e-ribbon-collection',
-                    inputs: input$2,
-                    outputs: outputs$3,
-                    queries: {
-                        childItems: new ContentChild(RibbonItemsDirective)
-                    }
-                }]
-        }], ctorParameters: function () { return [{ type: i0.ViewContainerRef }]; } });
-/**
- * RibbonCollection Array Directive
- * @private
- */
-class RibbonCollectionsDirective extends ArrayBase {
-    constructor() {
-        super('collections');
-    }
-}
-RibbonCollectionsDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.0.3", ngImport: i0, type: RibbonCollectionsDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-RibbonCollectionsDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "13.0.3", type: RibbonCollectionsDirective, selector: "e-ribbon-collections", queries: [{ propertyName: "children", predicate: RibbonCollectionDirective }], usesInheritance: true, ngImport: i0 });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.0.3", ngImport: i0, type: RibbonCollectionsDirective, decorators: [{
-            type: Directive,
-            args: [{
-                    selector: 'e-ribbon-collections',
-                    queries: {
-                        children: new ContentChildren(RibbonCollectionDirective)
-                    },
-                }]
-        }], ctorParameters: function () { return []; } });
-
-let input$1 = ['collections', 'cssClass', 'enableGroupOverflow', 'groupIconCss', 'header', 'id', 'isCollapsed', 'isCollapsible', 'orientation', 'overflowHeader', 'priority', 'showLauncherIcon'];
-let 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>
- * ```
- */
-class RibbonGroupDirective extends ComplexBase {
-    constructor(viewContainerRef) {
-        super();
-        this.viewContainerRef = viewContainerRef;
-        this.tags = ['collections'];
-        setValue('currentInstance', this, this.viewContainerRef);
-        this.registerEvents(outputs$2);
-        this.directivePropList = input$1;
-    }
-}
-RibbonGroupDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.0.3", ngImport: i0, type: RibbonGroupDirective, deps: [{ token: i0.ViewContainerRef }], target: i0.ɵɵFactoryTarget.Directive });
-RibbonGroupDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "13.0.3", type: RibbonGroupDirective, selector: "e-ribbon-group", inputs: { collections: "collections", cssClass: "cssClass", enableGroupOverflow: "enableGroupOverflow", groupIconCss: "groupIconCss", header: "header", id: "id", isCollapsed: "isCollapsed", isCollapsible: "isCollapsible", orientation: "orientation", overflowHeader: "overflowHeader", priority: "priority", showLauncherIcon: "showLauncherIcon" }, queries: [{ propertyName: "childCollections", first: true, predicate: RibbonCollectionsDirective, descendants: true }], usesInheritance: true, ngImport: i0 });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.0.3", ngImport: i0, type: RibbonGroupDirective, decorators: [{
-            type: Directive,
-            args: [{
-                    selector: 'e-ribbon-group',
-                    inputs: input$1,
-                    outputs: outputs$2,
-                    queries: {
-                        childCollections: new ContentChild(RibbonCollectionsDirective)
-                    }
-                }]
-        }], ctorParameters: function () { return [{ type: i0.ViewContainerRef }]; } });
-/**
- * RibbonGroup Array Directive
- * @private
- */
-class RibbonGroupsDirective extends ArrayBase {
-    constructor() {
-        super('groups');
-    }
-}
-RibbonGroupsDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.0.3", ngImport: i0, type: RibbonGroupsDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-RibbonGroupsDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "13.0.3", type: RibbonGroupsDirective, selector: "e-ribbon-groups", queries: [{ propertyName: "children", predicate: RibbonGroupDirective }], usesInheritance: true, ngImport: i0 });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.0.3", ngImport: i0, type: RibbonGroupsDirective, decorators: [{
-            type: Directive,
-            args: [{
-                    selector: 'e-ribbon-groups',
-                    queries: {
-                        children: new ContentChildren(RibbonGroupDirective)
-                    },
-                }]
-        }], ctorParameters: function () { return []; } });
-
-let input = ['cssClass', 'groups', 'header', 'id'];
-let outputs$1 = [];
-/**
- * `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>
- * ```
- */
-class RibbonTabDirective extends ComplexBase {
-    constructor(viewContainerRef) {
-        super();
-        this.viewContainerRef = viewContainerRef;
-        this.tags = ['groups'];
-        setValue('currentInstance', this, this.viewContainerRef);
-        this.registerEvents(outputs$1);
-        this.directivePropList = input;
-    }
-}
-RibbonTabDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.0.3", ngImport: i0, type: RibbonTabDirective, deps: [{ token: i0.ViewContainerRef }], target: i0.ɵɵFactoryTarget.Directive });
-RibbonTabDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "13.0.3", type: RibbonTabDirective, selector: "e-ribbon-tab", inputs: { cssClass: "cssClass", groups: "groups", header: "header", id: "id" }, queries: [{ propertyName: "childGroups", first: true, predicate: RibbonGroupsDirective, descendants: true }], usesInheritance: true, ngImport: i0 });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.0.3", ngImport: i0, type: RibbonTabDirective, decorators: [{
-            type: Directive,
-            args: [{
-                    selector: 'e-ribbon-tab',
-                    inputs: input,
-                    outputs: outputs$1,
-                    queries: {
-                        childGroups: new ContentChild(RibbonGroupsDirective)
-                    }
-                }]
-        }], ctorParameters: function () { return [{ type: i0.ViewContainerRef }]; } });
-/**
- * RibbonTab Array Directive
- * @private
- */
-class RibbonTabsDirective extends ArrayBase {
-    constructor() {
-        super('tabs');
-    }
-}
-RibbonTabsDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.0.3", ngImport: i0, type: RibbonTabsDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-RibbonTabsDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "13.0.3", type: RibbonTabsDirective, selector: "e-ribbon-tabs", queries: [{ propertyName: "children", predicate: RibbonTabDirective }], usesInheritance: true, ngImport: i0 });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.0.3", ngImport: i0, type: RibbonTabsDirective, decorators: [{
-            type: Directive,
-            args: [{
-                    selector: 'e-ribbon-tabs',
-                    queries: {
-                        children: new ContentChildren(RibbonTabDirective)
-                    },
-                }]
-        }], ctorParameters: function () { return []; } });
-
-const inputs = ['activeLayout', 'backStageMenu', 'cssClass', 'enablePersistence', 'enableRtl', 'fileMenu', 'helpPaneTemplate', 'hideLayoutSwitcher', 'isMinimized', 'launcherIconCss', 'locale', 'selectedTab', 'tabAnimation', 'tabs', 'width'];
-const outputs = ['created', 'launcherIconClick', 'overflowPopupClose', 'overflowPopupOpen', 'ribbonCollapsing', 'ribbonExpanding', 'tabSelected', 'tabSelecting'];
-const twoWays = [''];
-/**
- * Represents the Essential JS 2 Angular Ribbon Component.
- * ```html
- * <ejs-ribbon></ejs-ribbon>
- * ```
- */
-let RibbonComponent = class RibbonComponent extends Ribbon {
-    constructor(ngEle, srenderer, viewContainerRef, injector) {
-        super();
-        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 {
-            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) { }
-        this.registerEvents(outputs);
-        this.addTwoWay.call(this, twoWays);
-        setValue('currentInstance', this, this.viewContainerRef);
-        this.containerContext = new ComponentBase();
-    }
-    ngOnInit() {
-        this.containerContext.ngOnInit(this);
-    }
-    ngAfterViewInit() {
-        this.containerContext.ngAfterViewInit(this);
-    }
-    ngOnDestroy() {
-        this.containerContext.ngOnDestroy(this);
-    }
-    ngAfterContentChecked() {
-        this.tagObjects[0].instance = this.childTabs;
-        this.containerContext.ngAfterContentChecked(this);
-    }
-};
-RibbonComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.0.3", ngImport: i0, type: RibbonComponent, deps: [{ token: i0.ElementRef }, { token: i0.Renderer2 }, { token: i0.ViewContainerRef }, { token: i0.Injector }], target: i0.ɵɵFactoryTarget.Component });
-RibbonComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.0.3", type: RibbonComponent, selector: "ejs-ribbon", inputs: { activeLayout: "activeLayout", backStageMenu: "backStageMenu", cssClass: "cssClass", enablePersistence: "enablePersistence", enableRtl: "enableRtl", fileMenu: "fileMenu", helpPaneTemplate: "helpPaneTemplate", hideLayoutSwitcher: "hideLayoutSwitcher", isMinimized: "isMinimized", launcherIconCss: "launcherIconCss", locale: "locale", selectedTab: "selectedTab", tabAnimation: "tabAnimation", tabs: "tabs", width: "width" }, outputs: { created: "created", launcherIconClick: "launcherIconClick", overflowPopupClose: "overflowPopupClose", overflowPopupOpen: "overflowPopupOpen", ribbonCollapsing: "ribbonCollapsing", ribbonExpanding: "ribbonExpanding", tabSelected: "tabSelected", tabSelecting: "tabSelecting" }, queries: [{ propertyName: "helpPaneTemplate", first: true, predicate: ["helpPaneTemplate"], descendants: true }, { propertyName: "childTabs", first: true, predicate: RibbonTabsDirective, descendants: true }], usesInheritance: true, ngImport: i0, template: `<ng-content select='div'></ng-content>`, isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
-__decorate([
-    Template()
-], RibbonComponent.prototype, "helpPaneTemplate", void 0);
-RibbonComponent = __decorate([
-    ComponentMixins([ComponentBase])
-], RibbonComponent);
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.0.3", ngImport: i0, type: RibbonComponent, decorators: [{
-            type: Component,
-            args: [{
-                    selector: 'ejs-ribbon',
-                    inputs: inputs,
-                    outputs: outputs,
-                    template: `<ng-content select='div'></ng-content>`,
-                    changeDetection: ChangeDetectionStrategy.OnPush,
-                    queries: {
-                        childTabs: new ContentChild(RibbonTabsDirective)
-                    }
-                }]
-        }], ctorParameters: function () { return [{ type: i0.ElementRef }, { type: i0.Renderer2 }, { type: i0.ViewContainerRef }, { type: i0.Injector }]; }, propDecorators: { helpPaneTemplate: [{
-                type: ContentChild,
-                args: ['helpPaneTemplate']
-            }] } });
-
-/**
- * NgModule definition for the Ribbon component.
- */
-class RibbonModule {
-}
-RibbonModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.0.3", ngImport: i0, type: RibbonModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-RibbonModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.0.3", ngImport: i0, type: RibbonModule, declarations: [RibbonComponent,
-        RibbonItemDirective,
-        RibbonItemsDirective,
-        RibbonCollectionDirective,
-        RibbonCollectionsDirective,
-        RibbonGroupDirective,
-        RibbonGroupsDirective,
-        RibbonTabDirective,
-        RibbonTabsDirective], imports: [CommonModule], exports: [RibbonComponent,
-        RibbonItemDirective,
-        RibbonItemsDirective,
-        RibbonCollectionDirective,
-        RibbonCollectionsDirective,
-        RibbonGroupDirective,
-        RibbonGroupsDirective,
-        RibbonTabDirective,
-        RibbonTabsDirective] });
-RibbonModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.0.3", ngImport: i0, type: RibbonModule, imports: [[CommonModule]] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.0.3", ngImport: i0, type: RibbonModule, decorators: [{
-            type: NgModule,
-            args: [{
-                    imports: [CommonModule],
-                    declarations: [
-                        RibbonComponent,
-                        RibbonItemDirective,
-                        RibbonItemsDirective,
-                        RibbonCollectionDirective,
-                        RibbonCollectionsDirective,
-                        RibbonGroupDirective,
-                        RibbonGroupsDirective,
-                        RibbonTabDirective,
-                        RibbonTabsDirective
-                    ],
-                    exports: [
-                        RibbonComponent,
-                        RibbonItemDirective,
-                        RibbonItemsDirective,
-                        RibbonCollectionDirective,
-                        RibbonCollectionsDirective,
-                        RibbonGroupDirective,
-                        RibbonGroupsDirective,
-                        RibbonTabDirective,
-                        RibbonTabsDirective
-                    ]
-                }]
-        }] });
-
-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 };
-/**
- * NgModule definition for the Ribbon component with providers.
- */
-class RibbonAllModule {
-}
-RibbonAllModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.0.3", ngImport: i0, type: RibbonAllModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-RibbonAllModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.0.3", ngImport: i0, type: RibbonAllModule, imports: [CommonModule, RibbonModule], exports: [RibbonModule] });
-RibbonAllModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.0.3", ngImport: i0, type: RibbonAllModule, providers: [
-        RibbonButtonService,
-        RibbonDropDownService,
-        RibbonSplitButtonService,
-        RibbonCheckBoxService,
-        RibbonColorPickerService,
-        RibbonComboBoxService,
-        RibbonGroupButtonService,
-        RibbonFileMenuService,
-        RibbonBackstageService
-    ], imports: [[CommonModule, RibbonModule], RibbonModule] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.0.3", ngImport: i0, type: RibbonAllModule, decorators: [{
-            type: NgModule,
-            args: [{
-                    imports: [CommonModule, RibbonModule],
-                    exports: [
-                        RibbonModule
-                    ],
-                    providers: [
-                        RibbonButtonService,
-                        RibbonDropDownService,
-                        RibbonSplitButtonService,
-                        RibbonCheckBoxService,
-                        RibbonColorPickerService,
-                        RibbonComboBoxService,
-                        RibbonGroupButtonService,
-                        RibbonFileMenuService,
-                        RibbonBackstageService
-                    ]
-                }]
-        }] });
-
-// Mapping root file for package generation
-
-/**
- * Generated bundle index. Do not edit.
- */
-
-export { RibbonAllModule, RibbonBackstageService, RibbonButtonService, RibbonCheckBoxService, RibbonCollectionDirective, RibbonCollectionsDirective, RibbonColorPickerService, RibbonComboBoxService, RibbonComponent, RibbonDropDownService, RibbonFileMenuService, RibbonGroupButtonService, RibbonGroupDirective, RibbonGroupsDirective, RibbonItemDirective, RibbonItemsDirective, RibbonModule, RibbonSplitButtonService, RibbonTabDirective, RibbonTabsDirective };
-//# sourceMappingURL=syncfusion-ej2-angular-ribbon.mjs.map