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

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

@@ -0,0 +1 @@
+{"version":3,"file":"ej2-angular-ribbon.es5.js","sources":["~/@syncfusion/ej2-angular-ribbon/ej2-angular-ribbon.ts","~/@syncfusion/ej2-angular-ribbon/src/ribbon/ribbon-all.module.ts","~/@syncfusion/ej2-angular-ribbon/src/ribbon/ribbon.module.ts","~/@syncfusion/ej2-angular-ribbon/src/ribbon/ribbon.component.ts","~/@syncfusion/ej2-angular-ribbon/src/ribbon/tabs.directive.ts","~/@syncfusion/ej2-angular-ribbon/src/ribbon/groups.directive.ts","~/@syncfusion/ej2-angular-ribbon/src/ribbon/collections.directive.ts","~/@syncfusion/ej2-angular-ribbon/src/ribbon/items.directive.ts"],"sourcesContent":["/**\n * Generated bundle index. Do not edit.\n */\n\nexport {RibbonItemDirective,RibbonItemsDirective,RibbonCollectionDirective,RibbonCollectionsDirective,RibbonGroupDirective,RibbonGroupsDirective,RibbonTabDirective,RibbonTabsDirective,RibbonComponent,RibbonModule,RibbonAllModule,RibbonButtonService,RibbonDropDownService,RibbonSplitButtonService,RibbonCheckBoxService,RibbonColorPickerService,RibbonComboBoxService,RibbonFileMenuService,Ribbon,RibbonModel,RibbonLayout,ItemOrientation,RibbonItemSize,DisplayMode,RibbonItemType,TabSelectingEventArgs,TabSelectedEventArgs,ExpandCollapseEventArgs,LauncherClickEventArgs,itemProps,commonProperties,EJ2Control,ribbonItemPropsList,ribbonTooltipData,ITEM_VERTICAL_CENTER,EXPAND_COLLAPSE_ICON,OVERFLOW_ICON,VERTICAL_DDB,DISABLED_CSS,RTL_CSS,RIBBON_HOVER,RIBBON_CONTROL,RIBBON_POPUP_CONTROL,RIBBON_POPUP_OPEN,SPACE,HORIZONTAL_SCROLLBAR,HIDE_CSS,RIBBON_TAB,RIBBON_TAB_ACTIVE,RIBBON_TAB_ITEM,RIBBON_COLLAPSE_BUTTON,RIBBON_EXPAND_BUTTON,RIBBON_COLLAPSIBLE,RIBBON_OVERALL_OF_BUTTON,RIBBON_GROUP_OF_BUTTON,RIBBON_OVERFLOW_TARGET,RIBBON_OVERFLOW,TAB_CONTENT,RIBBON_MINIMIZE,RIBBON_GROUP,RIBBON_GROUP_CONTAINER,RIBBON_OF_TAB_CONTAINER,RIBBON_OF_GROUP_CONTAINER,RIBBON_GROUP_CONTENT,RIBBON_GROUP_HEADER,RIBBON_OVERFLOW_HEADER,RIBBON_GROUP_OVERFLOW,RIBBON_GROUP_OVERFLOW_DDB,RIBBON_LAUNCHER,RIBBON_LAUNCHER_ICON_ELE,RIBBON_LAUNCHER_ICON,RIBBON_COLLECTION,RIBBON_ITEM,RIBBON_ROW,RIBBON_COLUMN,RIBBON_LARGE_ITEM,RIBBON_MEDIUM_ITEM,RIBBON_SMALL_ITEM,RIBBON_CONTENT_HEIGHT,DROPDOWNBUTTON,DROPDOWNBUTTON_HIDE,RIBBON_TEMPLATE,RIBBON_HELP_TEMPLATE,RIBBON_TOOLTIP,RIBBON_TOOLTIP_TARGET,RIBBON_TOOLTIP_TITLE,RIBBON_TOOLTIP_CONTENT,RIBBON_TOOLTIP_ICON,RIBBON_TOOLTIP_CONTAINER,RIBBON_TEXT_CONTAINER,RIBBON_SIMPLIFIED_MODE,TAB_ID,GROUP_ID,COLLECTION_ID,ITEM_ID,COLLAPSE_BUTTON_ID,OVRLOF_BUTTON_ID,GROUPOF_BUTTON_ID,HEADER_ID,LAUNCHER_ID,CONTENT_ID,CONTAINER_ID,OVERFLOW_ID,DROPDOWN_ID,RIBBON_FILE_MENU_ID,RIBBON_FILE_MENU_LIST,RIBBON_HELP_PANE_TEMPLATE_ID,RIBBON_FILE_MENU_WIDTH,RIBBON_HELP_PANE_TEMPLATE_WIDTH,getIndex,getTemplateFunction,getItem,getCollection,getGroup,destroyControl,updateCommonProperty,updateControlDisabled,getItemElement,isTooltipPresent,setToolTipContent,createTooltip,destroyTooltip,updateTooltipProp,RibbonTab,RibbonGroup,RibbonCollection,RibbonItem,RibbonButtonSettings,RibbonCheckBoxSettings,RibbonColorPickerSettings,RibbonComboBoxSettings,RibbonDropDownSettings,RibbonSplitButtonSettings,FileMenuSettings,FileMenuEventArgs,FileMenuOpenCloseEventArgs,FileMenuBeforeOpenCloseEventArgs,RibbonTooltip,RibbonTooltipModel,FileMenuSettingsModel,RibbonTabModel,RibbonGroupModel,RibbonCollectionModel,RibbonItemModel,RibbonButtonSettingsModel,RibbonCheckBoxSettingsModel,RibbonColorPickerSettingsModel,RibbonComboBoxSettingsModel,RibbonDropDownSettingsModel,RibbonSplitButtonSettingsModel,RibbonButton,RibbonCheckBox,RibbonColorPicker,RibbonComboBox,RibbonDropDown,RibbonSplitButton,RibbonFileMenu} from './public_api';\n\nexport {inputs as ɵa,outputs as ɵb} from './src/ribbon/ribbon.component';","import { NgModule, ValueProvider } from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport { RibbonItemDirective, RibbonItemsDirective } from './items.directive';\nimport { RibbonCollectionDirective, RibbonCollectionsDirective } from './collections.directive';\nimport { RibbonGroupDirective, RibbonGroupsDirective } from './groups.directive';\nimport { RibbonTabDirective, RibbonTabsDirective } from './tabs.directive';\nimport { RibbonComponent } from './ribbon.component';\nimport { RibbonModule } from './ribbon.module';\nimport {RibbonButton, RibbonDropDown, RibbonSplitButton, RibbonCheckBox, RibbonColorPicker, RibbonComboBox, RibbonFileMenu} from '@syncfusion/ej2-ribbon';\n\n\nexport const /** @type {?} */ RibbonButtonService: ValueProvider = { provide: 'RibbonRibbonButton', useValue: RibbonButton};\nexport const /** @type {?} */ RibbonDropDownService: ValueProvider = { provide: 'RibbonRibbonDropDown', useValue: RibbonDropDown};\nexport const /** @type {?} */ RibbonSplitButtonService: ValueProvider = { provide: 'RibbonRibbonSplitButton', useValue: RibbonSplitButton};\nexport const /** @type {?} */ RibbonCheckBoxService: ValueProvider = { provide: 'RibbonRibbonCheckBox', useValue: RibbonCheckBox};\nexport const /** @type {?} */ RibbonColorPickerService: ValueProvider = { provide: 'RibbonRibbonColorPicker', useValue: RibbonColorPicker};\nexport const /** @type {?} */ RibbonComboBoxService: ValueProvider = { provide: 'RibbonRibbonComboBox', useValue: RibbonComboBox};\nexport const /** @type {?} */ RibbonFileMenuService: ValueProvider = { provide: 'RibbonRibbonFileMenu', useValue: RibbonFileMenu};\n/**\n * NgModule definition for the Ribbon component with providers.\n */\nexport class RibbonAllModule { static decorators: DecoratorInvocation[] = [\n{ type: NgModule, args: [{\n    imports: [CommonModule, RibbonModule],\n    exports: [\n        RibbonModule\n    ],\n    providers:[\n        RibbonButtonService,\n        RibbonDropDownService,\n        RibbonSplitButtonService,\n        RibbonCheckBoxService,\n        RibbonColorPickerService,\n        RibbonComboBoxService,\n        RibbonFileMenuService\n    ]\n}, ] },\n];\n/**\n * @nocollapse\n */\nstatic ctorParameters: () => ({type: any, decorators?: DecoratorInvocation[]}|null)[] = () => [\n];\n}\n\nfunction RibbonAllModule_tsickle_Closure_declarations() {\n/** @type {?} */\nRibbonAllModule.decorators;\n/**\n * @nocollapse\n * @type {?}\n */\nRibbonAllModule.ctorParameters;\n}\n\ninterface DecoratorInvocation {\n  type: Function;\n  args?: any[];\n}\n","import { NgModule } from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport { RibbonItemDirective, RibbonItemsDirective } from './items.directive';\nimport { RibbonCollectionDirective, RibbonCollectionsDirective } from './collections.directive';\nimport { RibbonGroupDirective, RibbonGroupsDirective } from './groups.directive';\nimport { RibbonTabDirective, RibbonTabsDirective } from './tabs.directive';\nimport { RibbonComponent } from './ribbon.component';\n/**\n * NgModule definition for the Ribbon component.\n */\nexport class RibbonModule { static decorators: DecoratorInvocation[] = [\n{ type: NgModule, args: [{\n    imports: [CommonModule],\n    declarations: [\n        RibbonComponent,\n        RibbonItemDirective,\n        RibbonItemsDirective,\n        RibbonCollectionDirective,\n        RibbonCollectionsDirective,\n        RibbonGroupDirective,\n        RibbonGroupsDirective,\n        RibbonTabDirective,\n        RibbonTabsDirective\n    ],\n    exports: [\n        RibbonComponent,\n        RibbonItemDirective,\n        RibbonItemsDirective,\n        RibbonCollectionDirective,\n        RibbonCollectionsDirective,\n        RibbonGroupDirective,\n        RibbonGroupsDirective,\n        RibbonTabDirective,\n        RibbonTabsDirective\n    ]\n}, ] },\n];\n/**\n * @nocollapse\n */\nstatic ctorParameters: () => ({type: any, decorators?: DecoratorInvocation[]}|null)[] = () => [\n];\n}\n\nfunction RibbonModule_tsickle_Closure_declarations() {\n/** @type {?} */\nRibbonModule.decorators;\n/**\n * @nocollapse\n * @type {?}\n */\nRibbonModule.ctorParameters;\n}\n\ninterface DecoratorInvocation {\n  type: Function;\n  args?: any[];\n}\n","import { Component, ElementRef, ViewContainerRef, Renderer2, Injector, ChangeDetectionStrategy, QueryList, ValueProvider, ContentChild } from '@angular/core';\nimport { ComponentBase, ComponentMixins, IComponentBase, applyMixins, PropertyCollectionInfo, setValue } from '@syncfusion/ej2-angular-base';\nimport { Ribbon } from '@syncfusion/ej2-ribbon';\nimport { Template } from '@syncfusion/ej2-angular-base';\nimport { RibbonTabsDirective } from './tabs.directive';\n\nexport const /** @type {?} */ inputs: string[] = ['activeLayout','cssClass','enablePersistence','enableRtl','fileMenu','helpPaneTemplate','isMinimized','launcherIconCss','locale','selectedTab','tabAnimation','tabs','width'];\nexport const /** @type {?} */ outputs: string[] = ['launcherIconClick','ribbonCollapsing','ribbonExpanding','tabSelected','tabSelecting'];\nexport const /** @type {?} */ twoWays: string[] = [''];\n/**\n * Represents the Essential JS 2 Angular Ribbon Component.\n * ```html\n * <ejs-ribbon></ejs-ribbon>\n * ```\n */\n@ComponentMixins([ComponentBase])\nexport class RibbonComponent extends Ribbon implements IComponentBase {\npublic containerContext : any;\npublic tagObjects: any;\n\tlauncherIconClick: any;\n\tribbonCollapsing: any;\n\tribbonExpanding: any;\n\ttabSelected: any;\npublic tabSelecting: any;\npublic childTabs: QueryList<RibbonTabsDirective>;\npublic tags: string[] = ['tabs'];\n/**\n * Specifies the template content for the help pane of ribbon. \n * The help pane appears on the right side of the ribbon header row.\n * \\@default ''\n * \\@asptype string\n */\n@Template()\n    public helpPaneTemplate: any;\n/**\n * @param {?} ngEle\n * @param {?} srenderer\n * @param {?} viewContainerRef\n * @param {?} injector\n */\nconstructor(private ngEle: ElementRef,\nprivate srenderer: Renderer2,\nprivate viewContainerRef:ViewContainerRef,\nprivate injector: Injector) {\n        super();\n        this.element = this.ngEle.nativeElement;\n        this.injectedModules = this.injectedModules || [];\n        try {\n                let mod = this.injector.get('RibbonRibbonButton');\n                if(this.injectedModules.indexOf(mod) === -1) {\n                    this.injectedModules.push(mod)\n                }\n            } catch { }\n        try {\n                let mod = this.injector.get('RibbonRibbonDropDown');\n                if(this.injectedModules.indexOf(mod) === -1) {\n                    this.injectedModules.push(mod)\n                }\n            } catch { }\n        try {\n                let mod = this.injector.get('RibbonRibbonSplitButton');\n                if(this.injectedModules.indexOf(mod) === -1) {\n                    this.injectedModules.push(mod)\n                }\n            } catch { }\n        try {\n                let mod = this.injector.get('RibbonRibbonCheckBox');\n                if(this.injectedModules.indexOf(mod) === -1) {\n                    this.injectedModules.push(mod)\n                }\n            } catch { }\n        try {\n                let mod = this.injector.get('RibbonRibbonColorPicker');\n                if(this.injectedModules.indexOf(mod) === -1) {\n                    this.injectedModules.push(mod)\n                }\n            } catch { }\n        try {\n                let mod = this.injector.get('RibbonRibbonComboBox');\n                if(this.injectedModules.indexOf(mod) === -1) {\n                    this.injectedModules.push(mod)\n                }\n            } catch { }\n        try {\n                let mod = this.injector.get('RibbonRibbonFileMenu');\n                if(this.injectedModules.indexOf(mod) === -1) {\n                    this.injectedModules.push(mod)\n                }\n            } catch { }\n\n        this.registerEvents(outputs);\n        this.addTwoWay.call(this, twoWays);\n        setValue('currentInstance', this, this.viewContainerRef);\n        this.containerContext  = new ComponentBase();\n    }\n/**\n * @return {?}\n */\npublic ngOnInit() {\n        this.containerContext.ngOnInit(this);\n    }\n/**\n * @return {?}\n */\npublic ngAfterViewInit(): void {\n        this.containerContext.ngAfterViewInit(this);\n    }\n/**\n * @return {?}\n */\npublic ngOnDestroy(): void {\n        this.containerContext.ngOnDestroy(this);\n    }\n/**\n * @return {?}\n */\npublic ngAfterContentChecked(): void {\n        this.tagObjects[0].instance = this.childTabs;\n        this.containerContext.ngAfterContentChecked(this);\n    }\npublic registerEvents: (eventList: string[]) => void;\npublic addTwoWay: (propList: string[]) => void;\nstatic decorators: DecoratorInvocation[] = [\n{ type: Component, args: [{\n    selector: 'ejs-ribbon',\n    inputs: inputs,\n    outputs: outputs,\n    template: `<ng-content select='div'></ng-content>`,\n    changeDetection: ChangeDetectionStrategy.OnPush,\n    queries: {\n        childTabs: new ContentChild(RibbonTabsDirective)\n    }\n}, ] },\n];\n/**\n * @nocollapse\n */\nstatic ctorParameters: () => ({type: any, decorators?: DecoratorInvocation[]}|null)[] = () => [\n{type: ElementRef, },\n{type: Renderer2, },\n{type: ViewContainerRef, },\n{type: Injector, },\n];\nstatic propDecorators: {[key: string]: DecoratorInvocation[]} = {\n'helpPaneTemplate': [{ type: ContentChild, args: ['helpPaneTemplate', ] },],\n};\n}\n\nfunction RibbonComponent_tsickle_Closure_declarations() {\n/** @type {?} */\nRibbonComponent.decorators;\n/**\n * @nocollapse\n * @type {?}\n */\nRibbonComponent.ctorParameters;\n/** @type {?} */\nRibbonComponent.propDecorators;\n/** @type {?} */\nRibbonComponent.prototype.containerContext;\n/** @type {?} */\nRibbonComponent.prototype.tagObjects;\n/** @type {?} */\nRibbonComponent.prototype.launcherIconClick;\n/** @type {?} */\nRibbonComponent.prototype.ribbonCollapsing;\n/** @type {?} */\nRibbonComponent.prototype.ribbonExpanding;\n/** @type {?} */\nRibbonComponent.prototype.tabSelected;\n/** @type {?} */\nRibbonComponent.prototype.tabSelecting;\n/** @type {?} */\nRibbonComponent.prototype.childTabs;\n/** @type {?} */\nRibbonComponent.prototype.tags;\n/**\n * Specifies the template content for the help pane of ribbon. \n * The help pane appears on the right side of the ribbon header row.\n * \\@default ''\n * \\@asptype string\n * @type {?}\n */\nRibbonComponent.prototype.helpPaneTemplate;\n/** @type {?} */\nRibbonComponent.prototype.registerEvents;\n/** @type {?} */\nRibbonComponent.prototype.addTwoWay;\n/** @type {?} */\nRibbonComponent.prototype.ngEle;\n/** @type {?} */\nRibbonComponent.prototype.srenderer;\n/** @type {?} */\nRibbonComponent.prototype.viewContainerRef;\n/** @type {?} */\nRibbonComponent.prototype.injector;\n}\n\n\n\ninterface DecoratorInvocation {\n  type: Function;\n  args?: any[];\n}\n","import { Directive, ViewContainerRef, ContentChildren, ContentChild } from '@angular/core';\nimport { ComplexBase, ArrayBase, setValue } from '@syncfusion/ej2-angular-base';\n\nimport { RibbonGroupsDirective } from './groups.directive';\n\nlet /** @type {?} */ input: string[] = ['cssClass', 'groups', 'header', 'id'];\nlet /** @type {?} */ outputs: string[] = [];\n/**\n * `e-ribbon-tab` directive represent a tab of the Angular Ribbon. \n * It must be contained in a Ribbon component(`ejs-ribbon`). \n * ```html\n * <ejs-ribbon>\n *   <e-ribbon-tabs>\n *    <e-ribbon-tab></e-ribbon-tab>\n *    <e-ribbon-tab></e-ribbon-tab>\n *   </e-ribbon-tabs>\n * </ejs-ribbon>\n * ```\n */\nexport class RibbonTabDirective extends ComplexBase<RibbonTabDirective> {\npublic directivePropList: any;\npublic childGroups: any;\npublic tags: string[] = ['groups'];\n/**\n * Defines one or more CSS classes to customize the appearance of tab.\n * \\@default ''\n */\npublic cssClass: any;\n/**\n * Defines the list of ribbon groups.\n * \\@default []\n * \\@asptype List<RibbonGroup>\n */\npublic groups: any;\n/**\n * Defines the content of tab header.\n * \\@default ''\n */\npublic header: any;\n/**\n * Defines a unique identifier for the tab.\n * \\@default ''\n */\npublic id: any;\n/**\n * @param {?} viewContainerRef\n */\nconstructor(private viewContainerRef:ViewContainerRef) {\n        super();\n        setValue('currentInstance', this, this.viewContainerRef);\n        this.registerEvents(outputs);\n        this.directivePropList = input;\n    }\nstatic decorators: DecoratorInvocation[] = [\n{ type: Directive, args: [{\n    selector: 'e-ribbon-tab',\n    inputs: input,\n    outputs: outputs,    \n    queries: {\n        childGroups: new ContentChild(RibbonGroupsDirective)\n    }\n}, ] },\n];\n/**\n * @nocollapse\n */\nstatic ctorParameters: () => ({type: any, decorators?: DecoratorInvocation[]}|null)[] = () => [\n{type: ViewContainerRef, },\n];\n}\n\nfunction RibbonTabDirective_tsickle_Closure_declarations() {\n/** @type {?} */\nRibbonTabDirective.decorators;\n/**\n * @nocollapse\n * @type {?}\n */\nRibbonTabDirective.ctorParameters;\n/** @type {?} */\nRibbonTabDirective.prototype.directivePropList;\n/** @type {?} */\nRibbonTabDirective.prototype.childGroups;\n/** @type {?} */\nRibbonTabDirective.prototype.tags;\n/**\n * Defines one or more CSS classes to customize the appearance of tab.\n * \\@default ''\n * @type {?}\n */\nRibbonTabDirective.prototype.cssClass;\n/**\n * Defines the list of ribbon groups.\n * \\@default []\n * \\@asptype List<RibbonGroup>\n * @type {?}\n */\nRibbonTabDirective.prototype.groups;\n/**\n * Defines the content of tab header.\n * \\@default ''\n * @type {?}\n */\nRibbonTabDirective.prototype.header;\n/**\n * Defines a unique identifier for the tab.\n * \\@default ''\n * @type {?}\n */\nRibbonTabDirective.prototype.id;\n/** @type {?} */\nRibbonTabDirective.prototype.viewContainerRef;\n}\n\n/**\n * RibbonTab Array Directive\n */\nexport class RibbonTabsDirective extends ArrayBase<RibbonTabsDirective> {\nconstructor() {\n        super('tabs');\n    }\nstatic decorators: DecoratorInvocation[] = [\n{ type: Directive, args: [{\n    selector: 'e-ribbon-tabs',\n    queries: {\n        children: new ContentChildren(RibbonTabDirective)\n    },\n}, ] },\n];\n/**\n * @nocollapse\n */\nstatic ctorParameters: () => ({type: any, decorators?: DecoratorInvocation[]}|null)[] = () => [\n];\n}\n\nfunction RibbonTabsDirective_tsickle_Closure_declarations() {\n/** @type {?} */\nRibbonTabsDirective.decorators;\n/**\n * @nocollapse\n * @type {?}\n */\nRibbonTabsDirective.ctorParameters;\n}\n\ninterface DecoratorInvocation {\n  type: Function;\n  args?: any[];\n}\n","import { Directive, ViewContainerRef, ContentChildren, ContentChild } from '@angular/core';\nimport { ComplexBase, ArrayBase, setValue } from '@syncfusion/ej2-angular-base';\n\nimport { RibbonCollectionsDirective } from './collections.directive';\n\nlet /** @type {?} */ input: string[] = ['collections', 'cssClass', 'enableGroupOverflow', 'groupIconCss', 'header', 'id', 'isCollapsed', 'isCollapsible', 'orientation', 'priority', 'showLauncherIcon'];\nlet /** @type {?} */ outputs: string[] = [];\n/**\n * `e-ribbon-group` directive represent a group in the Angular Ribbon. \n * ```html\n * <ejs-ribbon>\n *   <e-ribbon-tabs>\n *    <e-ribbon-tab></e-ribbon-tab>\n *    <e-ribbon-tab>\n *       <e-ribbon-groups>\n *         <e-ribbon-group></e-ribbon-group>\n *         <e-ribbon-group></e-ribbon-group>\n *       </e-ribbon-groups>\n *    </e-ribbon-tab>\n *   </e-ribbon-tabs>\n * </ejs-ribbon>\n * ```\n */\nexport class RibbonGroupDirective extends ComplexBase<RibbonGroupDirective> {\npublic directivePropList: any;\npublic childCollections: any;\npublic tags: string[] = ['collections'];\n/**\n * Defines the list of ribbon collections.\n * \\@default []\n * \\@asptype List<RibbonCollection>\n */\npublic collections: any;\n/**\n * Defines one or more CSS classes to customize the appearance of group.\n * \\@default ''\n */\npublic cssClass: any;\n/**\n * Defines whether to add a separate popup for the overflow items in the group. \n * If it is set to false, the overflow items will be shown in the common overflow popup present at the right end of the tab content.\n * \\@default false\n */\npublic enableGroupOverflow: any;\n/**\n * Defines the CSS class for the icons to be shown in the group overflow dropdown button in classic mode. \n * During overflow, the entire group will be shown in a popup of a dropdown button which appears in the place of the group in ribbon tab.\n * \\@default ''\n */\npublic groupIconCss: any;\n/**\n * Defines the content of group header.\n * \\@default ''\n */\npublic header: any;\n/**\n * Defines a unique identifier for the group.\n * \\@default ''\n */\npublic id: any;\n/**\n * Defines whether the group is in collapsed state or not during classic mode.\n * \\@default false\n */\npublic isCollapsed: any;\n/**\n * Defines whether the group can be collapsed on resize during classic mode.\n * \\@default true\n */\npublic isCollapsible: any;\n/**\n * Defines whether to orientation in which the items of the group should be arranged.\n * \\@isenumeration true\n * \\@default ItemOrientation.Column\n * \\@asptype ItemOrientation\n */\npublic orientation: any;\n/**\n * Defines the priority order at which the group should be collapsed or expanded. \n * For collapsing value is fetched in ascending order and for expanding value is fetched in descending order.\n * \\@default 0\n */\npublic priority: any;\n/**\n * Defines whether to show or hide the launcher icon for the group.\n * \\@default false\n */\npublic showLauncherIcon: any;\n/**\n * @param {?} viewContainerRef\n */\nconstructor(private viewContainerRef:ViewContainerRef) {\n        super();\n        setValue('currentInstance', this, this.viewContainerRef);\n        this.registerEvents(outputs);\n        this.directivePropList = input;\n    }\nstatic decorators: DecoratorInvocation[] = [\n{ type: Directive, args: [{\n    selector: 'e-ribbon-group',\n    inputs: input,\n    outputs: outputs,    \n    queries: {\n        childCollections: new ContentChild(RibbonCollectionsDirective)\n    }\n}, ] },\n];\n/**\n * @nocollapse\n */\nstatic ctorParameters: () => ({type: any, decorators?: DecoratorInvocation[]}|null)[] = () => [\n{type: ViewContainerRef, },\n];\n}\n\nfunction RibbonGroupDirective_tsickle_Closure_declarations() {\n/** @type {?} */\nRibbonGroupDirective.decorators;\n/**\n * @nocollapse\n * @type {?}\n */\nRibbonGroupDirective.ctorParameters;\n/** @type {?} */\nRibbonGroupDirective.prototype.directivePropList;\n/** @type {?} */\nRibbonGroupDirective.prototype.childCollections;\n/** @type {?} */\nRibbonGroupDirective.prototype.tags;\n/**\n * Defines the list of ribbon collections.\n * \\@default []\n * \\@asptype List<RibbonCollection>\n * @type {?}\n */\nRibbonGroupDirective.prototype.collections;\n/**\n * Defines one or more CSS classes to customize the appearance of group.\n * \\@default ''\n * @type {?}\n */\nRibbonGroupDirective.prototype.cssClass;\n/**\n * Defines whether to add a separate popup for the overflow items in the group. \n * If it is set to false, the overflow items will be shown in the common overflow popup present at the right end of the tab content.\n * \\@default false\n * @type {?}\n */\nRibbonGroupDirective.prototype.enableGroupOverflow;\n/**\n * Defines the CSS class for the icons to be shown in the group overflow dropdown button in classic mode. \n * During overflow, the entire group will be shown in a popup of a dropdown button which appears in the place of the group in ribbon tab.\n * \\@default ''\n * @type {?}\n */\nRibbonGroupDirective.prototype.groupIconCss;\n/**\n * Defines the content of group header.\n * \\@default ''\n * @type {?}\n */\nRibbonGroupDirective.prototype.header;\n/**\n * Defines a unique identifier for the group.\n * \\@default ''\n * @type {?}\n */\nRibbonGroupDirective.prototype.id;\n/**\n * Defines whether the group is in collapsed state or not during classic mode.\n * \\@default false\n * @type {?}\n */\nRibbonGroupDirective.prototype.isCollapsed;\n/**\n * Defines whether the group can be collapsed on resize during classic mode.\n * \\@default true\n * @type {?}\n */\nRibbonGroupDirective.prototype.isCollapsible;\n/**\n * Defines whether to orientation in which the items of the group should be arranged.\n * \\@isenumeration true\n * \\@default ItemOrientation.Column\n * \\@asptype ItemOrientation\n * @type {?}\n */\nRibbonGroupDirective.prototype.orientation;\n/**\n * Defines the priority order at which the group should be collapsed or expanded. \n * For collapsing value is fetched in ascending order and for expanding value is fetched in descending order.\n * \\@default 0\n * @type {?}\n */\nRibbonGroupDirective.prototype.priority;\n/**\n * Defines whether to show or hide the launcher icon for the group.\n * \\@default false\n * @type {?}\n */\nRibbonGroupDirective.prototype.showLauncherIcon;\n/** @type {?} */\nRibbonGroupDirective.prototype.viewContainerRef;\n}\n\n/**\n * RibbonGroup Array Directive\n */\nexport class RibbonGroupsDirective extends ArrayBase<RibbonGroupsDirective> {\nconstructor() {\n        super('groups');\n    }\nstatic decorators: DecoratorInvocation[] = [\n{ type: Directive, args: [{\n    selector: 'e-ribbon-groups',\n    queries: {\n        children: new ContentChildren(RibbonGroupDirective)\n    },\n}, ] },\n];\n/**\n * @nocollapse\n */\nstatic ctorParameters: () => ({type: any, decorators?: DecoratorInvocation[]}|null)[] = () => [\n];\n}\n\nfunction RibbonGroupsDirective_tsickle_Closure_declarations() {\n/** @type {?} */\nRibbonGroupsDirective.decorators;\n/**\n * @nocollapse\n * @type {?}\n */\nRibbonGroupsDirective.ctorParameters;\n}\n\ninterface DecoratorInvocation {\n  type: Function;\n  args?: any[];\n}\n","import { Directive, ViewContainerRef, ContentChildren, ContentChild } from '@angular/core';\nimport { ComplexBase, ArrayBase, setValue } from '@syncfusion/ej2-angular-base';\n\nimport { RibbonItemsDirective } from './items.directive';\n\nlet /** @type {?} */ input: string[] = ['cssClass', 'id', 'items'];\nlet /** @type {?} */ outputs: string[] = [];\n/**\n * `e-ribbon-collection` directive represent a collection in the Angular Ribbon. \n * ```html\n * <ejs-ribbon>\n *   <e-ribbon-tabs>\n *    <e-ribbon-tab></e-ribbon-tab>\n *    <e-ribbon-tab>\n *       <e-ribbon-groups>\n *         <e-ribbon-group>\n *             <e-ribbon-collections>\n *                 <e-ribbon-collection></e-ribbon-collection>\n *                 <e-ribbon-collection></e-ribbon-collection>\n *             </e-ribbon-collections>\n *         </e-ribbon-group>\n *       </e-ribbon-groups>\n *    </e-ribbon-tab>\n *   </e-ribbon-tabs>\n * </ejs-ribbon>\n * ```\n */\nexport class RibbonCollectionDirective extends ComplexBase<RibbonCollectionDirective> {\npublic directivePropList: any;\npublic childItems: any;\npublic tags: string[] = ['items'];\n/**\n * Defines one or more CSS classes to customize the appearance of collection.\n * \\@default ''\n */\npublic cssClass: any;\n/**\n * Defines a unique identifier for the collection.\n * \\@default ''\n */\npublic id: any;\n/**\n * Defines the list of ribbon items.\n * \\@default []\n * \\@asptype List<RibbonItem>\n */\npublic items: any;\n/**\n * @param {?} viewContainerRef\n */\nconstructor(private viewContainerRef:ViewContainerRef) {\n        super();\n        setValue('currentInstance', this, this.viewContainerRef);\n        this.registerEvents(outputs);\n        this.directivePropList = input;\n    }\nstatic decorators: DecoratorInvocation[] = [\n{ type: Directive, args: [{\n    selector: 'e-ribbon-collection',\n    inputs: input,\n    outputs: outputs,    \n    queries: {\n        childItems: new ContentChild(RibbonItemsDirective)\n    }\n}, ] },\n];\n/**\n * @nocollapse\n */\nstatic ctorParameters: () => ({type: any, decorators?: DecoratorInvocation[]}|null)[] = () => [\n{type: ViewContainerRef, },\n];\n}\n\nfunction RibbonCollectionDirective_tsickle_Closure_declarations() {\n/** @type {?} */\nRibbonCollectionDirective.decorators;\n/**\n * @nocollapse\n * @type {?}\n */\nRibbonCollectionDirective.ctorParameters;\n/** @type {?} */\nRibbonCollectionDirective.prototype.directivePropList;\n/** @type {?} */\nRibbonCollectionDirective.prototype.childItems;\n/** @type {?} */\nRibbonCollectionDirective.prototype.tags;\n/**\n * Defines one or more CSS classes to customize the appearance of collection.\n * \\@default ''\n * @type {?}\n */\nRibbonCollectionDirective.prototype.cssClass;\n/**\n * Defines a unique identifier for the collection.\n * \\@default ''\n * @type {?}\n */\nRibbonCollectionDirective.prototype.id;\n/**\n * Defines the list of ribbon items.\n * \\@default []\n * \\@asptype List<RibbonItem>\n * @type {?}\n */\nRibbonCollectionDirective.prototype.items;\n/** @type {?} */\nRibbonCollectionDirective.prototype.viewContainerRef;\n}\n\n/**\n * RibbonCollection Array Directive\n */\nexport class RibbonCollectionsDirective extends ArrayBase<RibbonCollectionsDirective> {\nconstructor() {\n        super('collections');\n    }\nstatic decorators: DecoratorInvocation[] = [\n{ type: Directive, args: [{\n    selector: 'e-ribbon-collections',\n    queries: {\n        children: new ContentChildren(RibbonCollectionDirective)\n    },\n}, ] },\n];\n/**\n * @nocollapse\n */\nstatic ctorParameters: () => ({type: any, decorators?: DecoratorInvocation[]}|null)[] = () => [\n];\n}\n\nfunction RibbonCollectionsDirective_tsickle_Closure_declarations() {\n/** @type {?} */\nRibbonCollectionsDirective.decorators;\n/**\n * @nocollapse\n * @type {?}\n */\nRibbonCollectionsDirective.ctorParameters;\n}\n\ninterface DecoratorInvocation {\n  type: Function;\n  args?: any[];\n}\n","import { Directive, ViewContainerRef, ContentChildren, ContentChild } from '@angular/core';\nimport { ComplexBase, ArrayBase, setValue } from '@syncfusion/ej2-angular-base';\nimport { Template } from '@syncfusion/ej2-angular-base';\n\n\nlet /** @type {?} */ input: string[] = ['activeSize', 'allowedSizes', 'buttonSettings', 'checkBoxSettings', 'colorPickerSettings', 'comboBoxSettings', 'cssClass', 'disabled', 'displayOptions', 'dropDownSettings', 'id', 'itemTemplate', 'ribbonTooltipSettings', 'splitButtonSettings', 'type'];\nlet /** @type {?} */ outputs: string[] = [];\n/**\n * `e-ribbon-item` directive represent a item in the Angular Ribbon.\n * ```html\n * <ejs-ribbon>\n *   <e-ribbon-tabs>\n *    <e-ribbon-tab></e-ribbon-tab>\n *    <e-ribbon-tab>\n *       <e-ribbon-groups>\n *         <e-ribbon-group>\n *             <e-ribbon-collections>\n *                 <e-ribbon-collection>\n *                     <e-ribbon-items>\n *                         <e-ribbon-item></e-ribbon-item>\n *                         <e-ribbon-item></e-ribbon-item>\n *                     </e-ribbon-items>\n *                 </e-ribbon-collection>\n *             </e-ribbon-collections>\n *         </e-ribbon-group>\n *       </e-ribbon-groups>\n *    </e-ribbon-tab>\n *   </e-ribbon-tabs>\n * </ejs-ribbon>\n * ```\n */\nexport class RibbonItemDirective extends ComplexBase<RibbonItemDirective> {\npublic directivePropList: any;\n/**\n * Defines the type of control to be added as the Ribbon Item.\n * \\@isenumeration true\n * \\@default RibbonItemType.Button\n * \\@asptype RibbonItemType\n */\npublic type: any;\n/**\n * Defines the active size of the ribbon item.\n * \\@default 'Medium'\n * \\@aspnumberenum\n */\npublic activeSize: any;\n/**\n * Defines the sizes that are allowed for the ribbon item on ribbon resize.\n * \\@default null\n * \\@aspnumberenum\n */\npublic allowedSizes: any;\n/**\n * Defines the settings for the ribbon button.\n * \\@default {}\n */\npublic buttonSettings: any;\n/**\n * Defines the settings for the ribbon checkbox.\n * \\@default {}\n */\npublic checkBoxSettings: any;\n/**\n * Defines the settings for the ribbon color picker.\n * \\@default {}\n */\npublic colorPickerSettings: any;\n/**\n * Defines the settings for the ribbon combobox.\n * \\@default {}\n */\npublic comboBoxSettings: any;\n/**\n * Defines one or more CSS classes to customize the appearance of item.\n * \\@default ''\n */\npublic cssClass: any;\n/**\n * Defines whether the item is disabled or not.\n * \\@default false\n */\npublic disabled: any;\n/**\n * Defines the display options for the ribbon item.\n * \\@default 'Auto'\n * \\@aspnumberenum\n */\npublic displayOptions: any;\n/**\n * Defines the settings for the ribbon dropdown button.\n * \\@default {}\n */\npublic dropDownSettings: any;\n/**\n * Defines a unique identifier for the item.\n * \\@default ''\n */\npublic id: any;\n/**\n * Defines the settings for the tooltip of the item.\n * \\@default {}\n */\npublic ribbonTooltipSettings: any;\n/**\n * Defines the settings for the ribbon split button.\n * \\@default {}\n */\npublic splitButtonSettings: any;\n/**\n * Defines the template content for the ribbon item. \n * `ActiveSize` property is passed as string in template context.\n * \\@default ''\n * \\@asptype string\n */\n@Template()\n    public itemTemplate: any;\n/**\n * @param {?} viewContainerRef\n */\nconstructor(private viewContainerRef:ViewContainerRef) {\n        super();\n        setValue('currentInstance', this, this.viewContainerRef);\n        this.registerEvents(outputs);\n        this.directivePropList = input;\n    }\nstatic decorators: DecoratorInvocation[] = [\n{ type: Directive, args: [{\n    selector: 'e-ribbon-item',\n    inputs: input,\n    outputs: outputs,    \n    queries: {\n\n    }\n}, ] },\n];\n/**\n * @nocollapse\n */\nstatic ctorParameters: () => ({type: any, decorators?: DecoratorInvocation[]}|null)[] = () => [\n{type: ViewContainerRef, },\n];\nstatic propDecorators: {[key: string]: DecoratorInvocation[]} = {\n'itemTemplate': [{ type: ContentChild, args: ['itemTemplate', ] },],\n};\n}\n\nfunction RibbonItemDirective_tsickle_Closure_declarations() {\n/** @type {?} */\nRibbonItemDirective.decorators;\n/**\n * @nocollapse\n * @type {?}\n */\nRibbonItemDirective.ctorParameters;\n/** @type {?} */\nRibbonItemDirective.propDecorators;\n/** @type {?} */\nRibbonItemDirective.prototype.directivePropList;\n/**\n * Defines the type of control to be added as the Ribbon Item.\n * \\@isenumeration true\n * \\@default RibbonItemType.Button\n * \\@asptype RibbonItemType\n * @type {?}\n */\nRibbonItemDirective.prototype.type;\n/**\n * Defines the active size of the ribbon item.\n * \\@default 'Medium'\n * \\@aspnumberenum\n * @type {?}\n */\nRibbonItemDirective.prototype.activeSize;\n/**\n * Defines the sizes that are allowed for the ribbon item on ribbon resize.\n * \\@default null\n * \\@aspnumberenum\n * @type {?}\n */\nRibbonItemDirective.prototype.allowedSizes;\n/**\n * Defines the settings for the ribbon button.\n * \\@default {}\n * @type {?}\n */\nRibbonItemDirective.prototype.buttonSettings;\n/**\n * Defines the settings for the ribbon checkbox.\n * \\@default {}\n * @type {?}\n */\nRibbonItemDirective.prototype.checkBoxSettings;\n/**\n * Defines the settings for the ribbon color picker.\n * \\@default {}\n * @type {?}\n */\nRibbonItemDirective.prototype.colorPickerSettings;\n/**\n * Defines the settings for the ribbon combobox.\n * \\@default {}\n * @type {?}\n */\nRibbonItemDirective.prototype.comboBoxSettings;\n/**\n * Defines one or more CSS classes to customize the appearance of item.\n * \\@default ''\n * @type {?}\n */\nRibbonItemDirective.prototype.cssClass;\n/**\n * Defines whether the item is disabled or not.\n * \\@default false\n * @type {?}\n */\nRibbonItemDirective.prototype.disabled;\n/**\n * Defines the display options for the ribbon item.\n * \\@default 'Auto'\n * \\@aspnumberenum\n * @type {?}\n */\nRibbonItemDirective.prototype.displayOptions;\n/**\n * Defines the settings for the ribbon dropdown button.\n * \\@default {}\n * @type {?}\n */\nRibbonItemDirective.prototype.dropDownSettings;\n/**\n * Defines a unique identifier for the item.\n * \\@default ''\n * @type {?}\n */\nRibbonItemDirective.prototype.id;\n/**\n * Defines the settings for the tooltip of the item.\n * \\@default {}\n * @type {?}\n */\nRibbonItemDirective.prototype.ribbonTooltipSettings;\n/**\n * Defines the settings for the ribbon split button.\n * \\@default {}\n * @type {?}\n */\nRibbonItemDirective.prototype.splitButtonSettings;\n/**\n * Defines the template content for the ribbon item. \n * `ActiveSize` property is passed as string in template context.\n * \\@default ''\n * \\@asptype string\n * @type {?}\n */\nRibbonItemDirective.prototype.itemTemplate;\n/** @type {?} */\nRibbonItemDirective.prototype.viewContainerRef;\n}\n\n/**\n * RibbonItem Array Directive\n */\nexport class RibbonItemsDirective extends ArrayBase<RibbonItemsDirective> {\nconstructor() {\n        super('items');\n    }\nstatic decorators: DecoratorInvocation[] = [\n{ type: Directive, args: [{\n    selector: 'e-ribbon-items',\n    queries: {\n        children: new ContentChildren(RibbonItemDirective)\n    },\n}, ] },\n];\n/**\n * @nocollapse\n */\nstatic ctorParameters: () => ({type: any, decorators?: DecoratorInvocation[]}|null)[] = () => [\n];\n}\n\nfunction RibbonItemsDirective_tsickle_Closure_declarations() {\n/** @type {?} */\nRibbonItemsDirective.decorators;\n/**\n * @nocollapse\n * @type {?}\n */\nRibbonItemsDirective.ctorParameters;\n}\n\ninterface DecoratorInvocation {\n  type: Function;\n  args?: any[];\n}\n"],"names":["__metadata","__decorate","outputs","input"],"mappings":"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"}

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

@@ -0,0 +1,526 @@
+import { ChangeDetectionStrategy, Component, ContentChild, ContentChildren, Directive, ElementRef, Injector, NgModule, Renderer2, ViewContainerRef } from '@angular/core';
+import { ArrayBase, ComplexBase, ComponentBase, ComponentMixins, Template, setValue } from '@syncfusion/ej2-angular-base';
+import { Ribbon, RibbonButton, RibbonCheckBox, RibbonColorPicker, RibbonComboBox, RibbonDropDown, RibbonFileMenu, 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', 'id', 'itemTemplate', 'ribbonTooltipSettings', 'splitButtonSettings', 'type'];
+let 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>
+ * ```
+ */
+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 = [];
+/**
+ * `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 {
+    /**
+     * @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', 'orientation', '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 {
+    /**
+     * @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'];
+let 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>
+ * ```
+ */
+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 = () => [];
+
+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', 'cssClass', 'enablePersistence', 'enableRtl', 'fileMenu', 'helpPaneTemplate', 'isMinimized', 'launcherIconCss', 'locale', 'selectedTab', 'tabAnimation', 'tabs', 'width'];
+const outputs$4 = ['launcherIconClick', '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 {
+    /**
+     * @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'];
+        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('RibbonRibbonFileMenu');
+            if (this.injectedModules.indexOf(mod) === -1) {
+                this.injectedModules.push(mod);
+            }
+        }
+        catch (_g) { }
+        this.registerEvents(outputs$4);
+        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;
+        this.containerContext.ngAfterContentChecked(this);
+    }
+};
+RibbonComponent.decorators = [
+    { type: Component, args: [{
+                selector: 'ejs-ribbon',
+                inputs: inputs,
+                outputs: outputs$4,
+                template: `<ng-content select='div'></ng-content>`,
+                changeDetection: ChangeDetectionStrategy.OnPush,
+                queries: {
+                    childTabs: new ContentChild(RibbonTabsDirective)
+                }
+            },] },
+];
+/**
+ * @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
+                ],
+                exports: [
+                    RibbonComponent,
+                    RibbonItemDirective,
+                    RibbonItemsDirective,
+                    RibbonCollectionDirective,
+                    RibbonCollectionsDirective,
+                    RibbonGroupDirective,
+                    RibbonGroupsDirective,
+                    RibbonTabDirective,
+                    RibbonTabsDirective
+                ]
+            },] },
+];
+/**
+ * @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 RibbonFileMenuService = { provide: 'RibbonRibbonFileMenu', useValue: RibbonFileMenu };
+/**
+ * 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,
+                    RibbonFileMenuService
+                ]
+            },] },
+];
+/**
+ * @nocollapse
+ */
+RibbonAllModule.ctorParameters = () => [];
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { RibbonItemDirective, RibbonItemsDirective, RibbonCollectionDirective, RibbonCollectionsDirective, RibbonGroupDirective, RibbonGroupsDirective, RibbonTabDirective, RibbonTabsDirective, RibbonComponent, RibbonModule, RibbonAllModule, RibbonButtonService, RibbonDropDownService, RibbonSplitButtonService, RibbonCheckBoxService, RibbonColorPickerService, RibbonComboBoxService, RibbonFileMenuService, inputs as ɵa, outputs$4 as ɵb };
+export { Ribbon, RibbonLayout, ItemOrientation, RibbonItemSize, DisplayMode, RibbonItemType, ITEM_VERTICAL_CENTER, EXPAND_COLLAPSE_ICON, OVERFLOW_ICON, VERTICAL_DDB, DISABLED_CSS, RTL_CSS, RIBBON_HOVER, RIBBON_CONTROL, RIBBON_POPUP_CONTROL, RIBBON_POPUP_OPEN, SPACE, HORIZONTAL_SCROLLBAR, HIDE_CSS, RIBBON_TAB, RIBBON_TAB_ACTIVE, RIBBON_TAB_ITEM, RIBBON_COLLAPSE_BUTTON, RIBBON_EXPAND_BUTTON, RIBBON_COLLAPSIBLE, RIBBON_OVERALL_OF_BUTTON, RIBBON_GROUP_OF_BUTTON, RIBBON_OVERFLOW_TARGET, RIBBON_OVERFLOW, TAB_CONTENT, RIBBON_MINIMIZE, RIBBON_GROUP, RIBBON_GROUP_CONTAINER, RIBBON_OF_TAB_CONTAINER, RIBBON_OF_GROUP_CONTAINER, RIBBON_GROUP_CONTENT, RIBBON_GROUP_HEADER, RIBBON_OVERFLOW_HEADER, RIBBON_GROUP_OVERFLOW, RIBBON_GROUP_OVERFLOW_DDB, RIBBON_LAUNCHER, RIBBON_LAUNCHER_ICON_ELE, RIBBON_LAUNCHER_ICON, RIBBON_COLLECTION, RIBBON_ITEM, RIBBON_ROW, RIBBON_COLUMN, RIBBON_LARGE_ITEM, RIBBON_MEDIUM_ITEM, RIBBON_SMALL_ITEM, RIBBON_CONTENT_HEIGHT, DROPDOWNBUTTON, DROPDOWNBUTTON_HIDE, RIBBON_TEMPLATE, RIBBON_HELP_TEMPLATE, RIBBON_TOOLTIP, RIBBON_TOOLTIP_TARGET, RIBBON_TOOLTIP_TITLE, RIBBON_TOOLTIP_CONTENT, RIBBON_TOOLTIP_ICON, RIBBON_TOOLTIP_CONTAINER, RIBBON_TEXT_CONTAINER, RIBBON_SIMPLIFIED_MODE, TAB_ID, GROUP_ID, COLLECTION_ID, ITEM_ID, COLLAPSE_BUTTON_ID, OVRLOF_BUTTON_ID, GROUPOF_BUTTON_ID, HEADER_ID, LAUNCHER_ID, CONTENT_ID, CONTAINER_ID, OVERFLOW_ID, DROPDOWN_ID, RIBBON_FILE_MENU_ID, RIBBON_FILE_MENU_LIST, RIBBON_HELP_PANE_TEMPLATE_ID, RIBBON_FILE_MENU_WIDTH, RIBBON_HELP_PANE_TEMPLATE_WIDTH, getIndex, getTemplateFunction, getItem, getCollection, getGroup, destroyControl, updateCommonProperty, updateControlDisabled, getItemElement, isTooltipPresent, setToolTipContent, createTooltip, destroyTooltip, updateTooltipProp, RibbonTab, RibbonGroup, RibbonCollection, RibbonItem, RibbonButtonSettings, RibbonCheckBoxSettings, RibbonColorPickerSettings, RibbonComboBoxSettings, RibbonDropDownSettings, RibbonSplitButtonSettings, FileMenuSettings, RibbonTooltip, RibbonButton, RibbonCheckBox, RibbonColorPicker, RibbonComboBox, RibbonDropDown, RibbonSplitButton, RibbonFileMenu } from '@syncfusion/ej2-ribbon';
+//# sourceMappingURL=ej2-angular-ribbon.js.map