@syncfusion/ej2-angular-ribbon 25.2.3-ngcc → 25.2.5-ngcc

package/CHANGELOG.md

@@ -6,6 +6,14 @@
 
 #### Bug Fixes
 
+- `#I585010` - Now setting the ribbon ID dynamically using `htmlAttributes` breaks the UI with ribbon mode switching has been resolved.
+
+## 25.1.41 (2024-04-23)
+
+### Ribbon
+
+#### Bug Fixes
+
 - `#F575011` - Now the script issue raised while interacting a non-active Ribbon items using `updateItem` method has been resolved.
 
 ## 25.1.35 (2024-03-15)

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

@@ -1,6 +1,6 @@
 /*!
 *  filename: ej2-angular-ribbon.umd.js
-*  version : 25.2.3
+*  version : 25.2.5
 *  Copyright Syncfusion Inc. 2001 - 2023. All rights reserved.
 *  Use of this code is subject to the terms of our license.
 *  A copy of the current license can be obtained at any time by e-mailing
@@ -39,11 +39,9 @@ var __metadata = (this && this.__metadata) || function (k, v) {
 };
 var input = ['activeSize', 'allowedSizes', 'buttonSettings', 'checkBoxSettings', 'colorPickerSettings', 'comboBoxSettings', 'cssClass', 'disabled', 'displayOptions', 'dropDownSettings', 'gallerySettings', 'groupButtonSettings', 'id', 'itemTemplate', 'keyTip', 'ribbonTooltipSettings', 'splitButtonSettings', 'type'];
 var outputs = [];
-var RibbonItemDirective = /** @class */ (function (_super) {
+var RibbonItemDirective =  (function (_super) {
     __extends(RibbonItemDirective, _super);
-    /**
-     * @param {?} viewContainerRef
-     */
+    
     function RibbonItemDirective(viewContainerRef) {
         var _this = _super.call(this) || this;
         _this.viewContainerRef = viewContainerRef;
@@ -62,9 +60,7 @@ RibbonItemDirective.decorators = [
                 queries: {}
             },] },
 ];
-/**
- * @nocollapse
- */
+
 RibbonItemDirective.ctorParameters = function () { return [
     { type: core.ViewContainerRef, },
 ]; };
@@ -75,10 +71,8 @@ __decorate([
     ej2AngularBase.Template(),
     __metadata("design:type", Object)
 ], RibbonItemDirective.prototype, "itemTemplate", void 0);
-/**
- * RibbonItem Array Directive
- */
-var RibbonItemsDirective = /** @class */ (function (_super) {
+
+var RibbonItemsDirective =  (function (_super) {
     __extends(RibbonItemsDirective, _super);
     function RibbonItemsDirective() {
         return _super.call(this, 'items') || this;
@@ -93,17 +87,13 @@ RibbonItemsDirective.decorators = [
                 },
             },] },
 ];
-/**
- * @nocollapse
- */
+
 RibbonItemsDirective.ctorParameters = function () { return []; };
 var input$1 = ['cssClass', 'id', 'items'];
 var outputs$1 = [];
-var RibbonCollectionDirective = /** @class */ (function (_super) {
+var RibbonCollectionDirective =  (function (_super) {
     __extends(RibbonCollectionDirective, _super);
-    /**
-     * @param {?} viewContainerRef
-     */
+    
     function RibbonCollectionDirective(viewContainerRef) {
         var _this = _super.call(this) || this;
         _this.viewContainerRef = viewContainerRef;
@@ -125,16 +115,12 @@ RibbonCollectionDirective.decorators = [
                 }
             },] },
 ];
-/**
- * @nocollapse
- */
+
 RibbonCollectionDirective.ctorParameters = function () { return [
     { type: core.ViewContainerRef, },
 ]; };
-/**
- * RibbonCollection Array Directive
- */
-var RibbonCollectionsDirective = /** @class */ (function (_super) {
+
+var RibbonCollectionsDirective =  (function (_super) {
     __extends(RibbonCollectionsDirective, _super);
     function RibbonCollectionsDirective() {
         return _super.call(this, 'collections') || this;
@@ -149,17 +135,13 @@ RibbonCollectionsDirective.decorators = [
                 },
             },] },
 ];
-/**
- * @nocollapse
- */
+
 RibbonCollectionsDirective.ctorParameters = function () { return []; };
 var input$2 = ['collections', 'cssClass', 'enableGroupOverflow', 'groupIconCss', 'header', 'id', 'isCollapsed', 'isCollapsible', 'keyTip', 'launcherIconKeyTip', 'orientation', 'overflowHeader', 'priority', 'showLauncherIcon'];
 var outputs$2 = [];
-var RibbonGroupDirective = /** @class */ (function (_super) {
+var RibbonGroupDirective =  (function (_super) {
     __extends(RibbonGroupDirective, _super);
-    /**
-     * @param {?} viewContainerRef
-     */
+    
     function RibbonGroupDirective(viewContainerRef) {
         var _this = _super.call(this) || this;
         _this.viewContainerRef = viewContainerRef;
@@ -181,16 +163,12 @@ RibbonGroupDirective.decorators = [
                 }
             },] },
 ];
-/**
- * @nocollapse
- */
+
 RibbonGroupDirective.ctorParameters = function () { return [
     { type: core.ViewContainerRef, },
 ]; };
-/**
- * RibbonGroup Array Directive
- */
-var RibbonGroupsDirective = /** @class */ (function (_super) {
+
+var RibbonGroupsDirective =  (function (_super) {
     __extends(RibbonGroupsDirective, _super);
     function RibbonGroupsDirective() {
         return _super.call(this, 'groups') || this;
@@ -205,17 +183,13 @@ RibbonGroupsDirective.decorators = [
                 },
             },] },
 ];
-/**
- * @nocollapse
- */
+
 RibbonGroupsDirective.ctorParameters = function () { return []; };
 var input$3 = ['cssClass', 'groups', 'header', 'id', 'keyTip'];
 var outputs$3 = [];
-var RibbonTabDirective = /** @class */ (function (_super) {
+var RibbonTabDirective =  (function (_super) {
     __extends(RibbonTabDirective, _super);
-    /**
-     * @param {?} viewContainerRef
-     */
+    
     function RibbonTabDirective(viewContainerRef) {
         var _this = _super.call(this) || this;
         _this.viewContainerRef = viewContainerRef;
@@ -237,16 +211,12 @@ RibbonTabDirective.decorators = [
                 }
             },] },
 ];
-/**
- * @nocollapse
- */
+
 RibbonTabDirective.ctorParameters = function () { return [
     { type: core.ViewContainerRef, },
 ]; };
-/**
- * RibbonTab Array Directive
- */
-var RibbonTabsDirective = /** @class */ (function (_super) {
+
+var RibbonTabsDirective =  (function (_super) {
     __extends(RibbonTabsDirective, _super);
     function RibbonTabsDirective() {
         return _super.call(this, 'tabs') || this;
@@ -261,29 +231,14 @@ RibbonTabsDirective.decorators = [
                 },
             },] },
 ];
-/**
- * @nocollapse
- */
+
 RibbonTabsDirective.ctorParameters = function () { return []; };
 var input$4 = ['isSelected', 'tabs', 'visible'];
 var outputs$4 = [];
-/**
- * `e-ribbon-contextual-tab` directive represent a contextual tab of the Angular Ribbon.
- * It must be contained in a Ribbon component(`ejs-ribbon`).
- * ```html
- * <ejs-ribbon>
- *   <e-ribbon-contextual-tabs>
- *    <e-ribbon-contextual-tab>
- *    </e-ribbon-contextual-tab>
- *   </e-ribbon-contextual-tabs>
- * </ejs-ribbon>
- * ```
- */
-var RibbonContextualTabDirective = /** @class */ (function (_super) {
+
+var RibbonContextualTabDirective =  (function (_super) {
     __extends(RibbonContextualTabDirective, _super);
-    /**
-     * @param {?} viewContainerRef
-     */
+    
     function RibbonContextualTabDirective(viewContainerRef) {
         var _this = _super.call(this) || this;
         _this.viewContainerRef = viewContainerRef;
@@ -305,16 +260,12 @@ RibbonContextualTabDirective.decorators = [
                 }
             },] },
 ];
-/**
- * @nocollapse
- */
+
 RibbonContextualTabDirective.ctorParameters = function () { return [
     { type: core.ViewContainerRef, },
 ]; };
-/**
- * RibbonContextualTab Array Directive
- */
-var RibbonContextualTabsDirective = /** @class */ (function (_super) {
+
+var RibbonContextualTabsDirective =  (function (_super) {
     __extends(RibbonContextualTabsDirective, _super);
     function RibbonContextualTabsDirective() {
         return _super.call(this, 'contextualtabs') || this;
@@ -329,9 +280,7 @@ RibbonContextualTabsDirective.decorators = [
                 },
             },] },
 ];
-/**
- * @nocollapse
- */
+
 RibbonContextualTabsDirective.ctorParameters = function () { return []; };
 var __decorate$1 = (this && this.__decorate) || function (decorators, target, key, desc) {
     var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
@@ -350,20 +299,10 @@ var __metadata$1 = (this && this.__metadata) || function (k, v) {
 var inputs = ['activeLayout', 'backStageMenu', 'contextualTabs', 'cssClass', 'enableKeyTips', 'enablePersistence', 'enableRtl', 'fileMenu', 'helpPaneTemplate', 'hideLayoutSwitcher', 'isMinimized', 'launcherIconCss', 'layoutSwitcherKeyTip', 'locale', 'selectedTab', 'tabAnimation', 'tabs', 'width'];
 var outputs$5 = ['created', 'launcherIconClick', 'overflowPopupClose', 'overflowPopupOpen', 'ribbonCollapsing', 'ribbonExpanding', 'tabSelected', 'tabSelecting'];
 var twoWays = [''];
-/**
- * Represents the Essential JS 2 Angular Ribbon Component.
- * ```html
- * <ejs-ribbon></ejs-ribbon>
- * ```
- */
-exports.RibbonComponent = /** @class */ (function (_super) {
+
+exports.RibbonComponent =  (function (_super) {
     __extends(RibbonComponent, _super);
-    /**
-     * @param {?} ngEle
-     * @param {?} srenderer
-     * @param {?} viewContainerRef
-     * @param {?} injector
-     */
+    
     function RibbonComponent(ngEle, srenderer, viewContainerRef, injector) {
         var _this = _super.call(this) || this;
         _this.ngEle = ngEle;
@@ -463,31 +402,23 @@ exports.RibbonComponent = /** @class */ (function (_super) {
         _this.containerContext = new ej2AngularBase.ComponentBase();
         return _this;
     }
-    /**
-     * @return {?}
-     */
+    
     RibbonComponent.prototype.ngOnInit = function () {
         this.containerContext.ngOnInit(this);
     };
-    /**
-     * @return {?}
-     */
+    
     RibbonComponent.prototype.ngAfterViewInit = function () {
         this.containerContext.ngAfterViewInit(this);
     };
-    /**
-     * @return {?}
-     */
+    
     RibbonComponent.prototype.ngOnDestroy = function () {
         this.containerContext.ngOnDestroy(this);
     };
-    /**
-     * @return {?}
-     */
+    
     RibbonComponent.prototype.ngAfterContentChecked = function () {
         this.tagObjects[0].instance = this.childTabs;
         if (this.childContextualTabs) {
-            this.tagObjects[1].instance = /** @type {?} */ (this.childContextualTabs);
+            this.tagObjects[1].instance =  (this.childContextualTabs);
         }
         this.containerContext.ngAfterContentChecked(this);
     };
@@ -506,9 +437,7 @@ exports.RibbonComponent.decorators = [
                 }
             },] },
 ];
-/**
- * @nocollapse
- */
+
 exports.RibbonComponent.ctorParameters = function () { return [
     { type: core.ElementRef, },
     { type: core.Renderer2, },
@@ -529,10 +458,8 @@ exports.RibbonComponent = __decorate$1([
         core.ViewContainerRef,
         core.Injector])
 ], exports.RibbonComponent);
-/**
- * NgModule definition for the Ribbon component.
- */
-var RibbonModule = /** @class */ (function () {
+
+var RibbonModule =  (function () {
     function RibbonModule() {
     }
     return RibbonModule;
@@ -568,9 +495,7 @@ RibbonModule.decorators = [
                 ]
             },] },
 ];
-/**
- * @nocollapse
- */
+
 RibbonModule.ctorParameters = function () { return []; };
 var RibbonButtonService = { provide: 'RibbonRibbonButton', useValue: ej2Ribbon.RibbonButton };
 var RibbonDropDownService = { provide: 'RibbonRibbonDropDown', useValue: ej2Ribbon.RibbonDropDown };
@@ -584,10 +509,8 @@ var RibbonBackstageService = { provide: 'RibbonRibbonBackstage', useValue: ej2Ri
 var RibbonKeyTipService = { provide: 'RibbonRibbonKeyTip', useValue: ej2Ribbon.RibbonKeyTip };
 var RibbonContextualTabService = { provide: 'RibbonRibbonContextualTab', useValue: ej2Ribbon.RibbonContextualTab };
 var RibbonGalleryService = { provide: 'RibbonRibbonGallery', useValue: ej2Ribbon.RibbonGallery };
-/**
- * NgModule definition for the Ribbon component with providers.
- */
-var RibbonAllModule = /** @class */ (function () {
+
+var RibbonAllModule =  (function () {
     function RibbonAllModule() {
     }
     return RibbonAllModule;
@@ -614,9 +537,7 @@ RibbonAllModule.decorators = [
                 ]
             },] },
 ];
-/**
- * @nocollapse
- */
+
 RibbonAllModule.ctorParameters = function () { return []; };
 
 exports.RibbonItemDirective = RibbonItemDirective;

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

@@ -1,6 +1,6 @@
 /*!
 *  filename: ej2-angular-ribbon.umd.min.js
-*  version : 25.2.3
+*  version : 25.2.5
 *  Copyright Syncfusion Inc. 2001 - 2023. All rights reserved.
 *  Use of this code is subject to the terms of our license.
 *  A copy of the current license can be obtained at any time by e-mailing

package/package.json

@@ -1,8 +1,8 @@
 {
   "_from": "@syncfusion/ej2-angular-ribbon@*",
-  "_id": "@syncfusion/ej2-angular-ribbon@25.1.35",
+  "_id": "@syncfusion/ej2-angular-ribbon@25.2.3",
   "_inBundle": false,
-  "_integrity": "sha512-ifOjS+kRvKqoT20uaek+A3XZ5SbVYSoBFanDFFomDQwGiEgoBDZ7gGv5378Ib3qf+Rx675BIeqPwMI0KHZQC8w==",
+  "_integrity": "sha512-ptaPCtMe+tztw25rPTxp7qojBKvIswLxbWP2ZVyYSjr+yMRMUTK01FqTqdjOGN553HkWb6RjLfX/FSkEY5vUJA==",
   "_location": "/@syncfusion/ej2-angular-ribbon",
   "_phantomChildren": {},
   "_requested": {
@@ -19,8 +19,8 @@
   "_requiredBy": [
     "/"
   ],
-  "_resolved": "https://nexus.syncfusioninternal.com/repository/ej2-hotfix-new/@syncfusion/ej2-angular-ribbon/-/ej2-angular-ribbon-25.1.35.tgz",
-  "_shasum": "b424f7954497a89ac85af5e741d36cd7ca487579",
+  "_resolved": "https://nexus.syncfusioninternal.com/repository/ej2-hotfix-new/@syncfusion/ej2-angular-ribbon/-/ej2-angular-ribbon-25.2.3.tgz",
+  "_shasum": "9349cc81abbee2d4aa7338c5d2f223a5193b41c6",
   "_spec": "@syncfusion/ej2-angular-ribbon@*",
   "_where": "/jenkins/workspace/elease-automation_release_25.1.1/packages/included",
   "author": {
@@ -31,9 +31,9 @@
   },
   "bundleDependencies": false,
   "dependencies": {
-    "@syncfusion/ej2-angular-base": "~25.2.3",
-    "@syncfusion/ej2-base": "~25.2.3",
-    "@syncfusion/ej2-ribbon": "25.2.3"
+    "@syncfusion/ej2-angular-base": "~25.2.4",
+    "@syncfusion/ej2-base": "~25.2.5",
+    "@syncfusion/ej2-ribbon": "25.2.5"
   },
   "deprecated": false,
   "description": "Essential JS 2 Component for Angular",
@@ -58,5 +58,5 @@
   "schematics": "./schematics/collection.json",
   "sideEffects": false,
   "typings": "ej2-angular-ribbon.d.ts",
-  "version": "25.2.3-ngcc"
+  "version": "25.2.5-ngcc"
 }

package/schematics/utils/lib-details.d.ts

@@ -1,4 +1,4 @@
 export declare const pkgName = "@syncfusion/ej2-angular-ribbon";
-export declare const pkgVer = "^25.1.35";
+export declare const pkgVer = "^25.2.3";
 export declare const moduleName = "RibbonModule";
-export declare const themeVer = "~25.1.35";
+export declare const themeVer = "~25.2.3";

package/schematics/utils/lib-details.js

@@ -1,6 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.pkgName = '@syncfusion/ej2-angular-ribbon';
-exports.pkgVer = '^25.2.3';
+exports.pkgVer = '^25.2.5';
 exports.moduleName = 'RibbonModule';
-exports.themeVer = '~25.2.3';
+exports.themeVer = '~25.2.5';

package/schematics/utils/lib-details.ts

@@ -1,4 +1,4 @@
 export const pkgName = '@syncfusion/ej2-angular-ribbon';
-export const pkgVer = '^25.2.3';
+export const pkgVer = '^25.2.5';
 export const moduleName = 'RibbonModule';
-export const themeVer = '~25.2.3';
+export const themeVer = '~25.2.5';