@syncfusion/ej2-ribbon 26.1.40 → 26.1.41

package/dist/global/index.d.ts

@@ -1,6 +1,6 @@
 /*!
 *  filename: index.d.ts
-*  version : 26.1.40
+*  version : 26.1.41
 *  Copyright Syncfusion Inc. 2001 - 2023. All rights reserved.
 *  Use of this code is subject to the terms of our license.
 *  A copy of the current license can be obtained at any time by e-mailing

package/package.json

@@ -1,8 +1,8 @@
 {
   "_from": "@syncfusion/ej2-ribbon@*",
-  "_id": "@syncfusion/ej2-ribbon@26.1.38",
+  "_id": "@syncfusion/ej2-ribbon@26.1.40",
   "_inBundle": false,
-  "_integrity": "sha512-2keECQflUgb0MtUUp0Rr7UibEduNznYBNPt7810kc001JuzGF4fd7FUjsa2jmAwYBLeSv3komIlm7TUpGkPorA==",
+  "_integrity": "sha512-fhwFQoEoGE07k2AAKX5WrdTgCNukNypTmyEHSDlN3GG55+Ll+DwKOmUdcH9cNIsUvUZ5N8KLwrL2ZNj2IhIasQ==",
   "_location": "/@syncfusion/ej2-ribbon",
   "_phantomChildren": {},
   "_requested": {
@@ -23,8 +23,8 @@
     "/@syncfusion/ej2-react-ribbon",
     "/@syncfusion/ej2-vue-ribbon"
   ],
-  "_resolved": "https://nexus.syncfusioninternal.com/repository/ej2-hotfix-new/@syncfusion/ej2-ribbon/-/ej2-ribbon-26.1.38.tgz",
-  "_shasum": "10f6d376c175ad92a84748840dcfad6622788b13",
+  "_resolved": "https://nexus.syncfusioninternal.com/repository/ej2-hotfix-new/@syncfusion/ej2-ribbon/-/ej2-ribbon-26.1.40.tgz",
+  "_shasum": "ce5e44a2feec5115d91aedb0417b8e1ebacb42a9",
   "_spec": "@syncfusion/ej2-ribbon@*",
   "_where": "/jenkins/workspace/elease-automation_release_26.1.1/packages/included",
   "author": {
@@ -37,10 +37,10 @@
   "dependencies": {
     "@syncfusion/ej2-base": "~26.1.37",
     "@syncfusion/ej2-buttons": "~26.1.40",
-    "@syncfusion/ej2-dropdowns": "~26.1.40",
+    "@syncfusion/ej2-dropdowns": "~26.1.41",
     "@syncfusion/ej2-lists": "~26.1.35",
-    "@syncfusion/ej2-navigations": "~26.1.40",
-    "@syncfusion/ej2-popups": "~26.1.38",
+    "@syncfusion/ej2-navigations": "~26.1.41",
+    "@syncfusion/ej2-popups": "~26.1.41",
     "@syncfusion/ej2-splitbuttons": "~26.1.35"
   },
   "deprecated": false,
@@ -62,6 +62,6 @@
     "url": "git+https://github.com/syncfusion/ej2-ribbon-component.git"
   },
   "typings": "index.d.ts",
-  "version": "26.1.40",
+  "version": "26.1.41",
   "sideEffects": false
 }

package/src/ribbon/base/interface.d.ts

@@ -173,6 +173,19 @@ export interface ExpandCollapseEventArgs extends BaseEventArgs {
      */
     cancel: boolean;
 }
+/**
+ * Event triggers when the ribbon layout is switched.
+ */
+export interface LayoutSwitchedEventArgs extends BaseEventArgs {
+    /**
+     *  Specifies the active layout of the ribbon.
+     */
+    activeLayout: string;
+    /**
+     *  Provides the actual native event.
+     */
+    event: Event;
+}
 /**
  * Event Triggers when the launcher icon is clicked.
  */

package/src/ribbon/base/ribbon-model.d.ts

@@ -1,4 +1,4 @@
-import { addClass, append, Event, Collection, Complex, Component, EmitType, EventHandler, formatUnit, getInstance, getComponent, getUniqueID, closest, KeyboardEventArgs, KeyboardEvents } from '@syncfusion/ej2-base';import { INotifyPropertyChanged, isNullOrUndefined, isUndefined, ModuleDeclaration, NotifyPropertyChanges, Property, remove, removeClass } from '@syncfusion/ej2-base';import { Tab, TabAnimationSettings, TabAnimationSettingsModel, TabItemModel, SelectEventArgs, SelectingEventArgs, HScroll, Toolbar } from '@syncfusion/ej2-navigations';import { RibbonTab, RibbonTabModel, RibbonGroupModel, RibbonCollectionModel, RibbonItemModel, FileMenuSettings, FileMenuSettingsModel, BackStageMenu, BackStageMenuModel, RibbonItem, RibbonCollection, RibbonGroup, RibbonContextualTabSettingsModel, RibbonContextualTabSettings } from '../models/index';import { commonProperties, DisplayMode, ExpandCollapseEventArgs, itemProps, LauncherClickEventArgs, OverflowPopupEventArgs, ribbonItemPropsList, RibbonLayout, ribbonTooltipData, TabSelectedEventArgs, TabSelectingEventArgs } from './interface';import { ItemOrientation, RibbonItemSize, RibbonItemType, KeyTipDataType } from './interface';import { RibbonButton, RibbonComboBox, RibbonCheckBox, RibbonDropDown, RibbonColorPicker, RibbonSplitButton, RibbonGroupButton } from '../items/index';import { destroyControl, getCollection, getGroup, getIndex, getItem, getItemElement, updateCommonProperty, updateControlDisabled, isTooltipPresent, getTemplateFunction, createTooltip, destroyTooltip, updateTooltipProp } from './utils';import * as constants from './constant';import { RibbonFileMenu, RibbonBackstage, RibbonKeyTip } from '../modules/index';import { RibbonTooltipModel } from '../models/ribbon-tooltip-model';import { Popup } from '@syncfusion/ej2-popups';import { BeforeOpenCloseMenuEventArgs, DropDownButton, SplitButton } from '@syncfusion/ej2-splitbuttons';import { CheckBox } from '@syncfusion/ej2-buttons';import { RibbonContextualTab } from '../modules/ribbon-contextualtab';import { RibbonGallery } from '../items/ribbon-gallery';
+import { addClass, append, Event, Collection, Complex, Component, EmitType, EventHandler, formatUnit, getInstance, getComponent, getUniqueID, closest, KeyboardEventArgs, KeyboardEvents } from '@syncfusion/ej2-base';import { INotifyPropertyChanged, isNullOrUndefined, isUndefined, ModuleDeclaration, NotifyPropertyChanges, Property, remove, removeClass } from '@syncfusion/ej2-base';import { Tab, TabAnimationSettings, TabAnimationSettingsModel, TabItemModel, SelectEventArgs, SelectingEventArgs, HScroll, Toolbar } from '@syncfusion/ej2-navigations';import { RibbonTab, RibbonTabModel, RibbonGroupModel, RibbonCollectionModel, RibbonItemModel, FileMenuSettings, FileMenuSettingsModel, BackStageMenu, BackStageMenuModel, RibbonItem, RibbonCollection, RibbonGroup, RibbonContextualTabSettingsModel, RibbonContextualTabSettings } from '../models/index';import { commonProperties, DisplayMode, ExpandCollapseEventArgs, itemProps, LauncherClickEventArgs, LayoutSwitchedEventArgs, OverflowPopupEventArgs, ribbonItemPropsList, RibbonLayout, ribbonTooltipData, TabSelectedEventArgs, TabSelectingEventArgs } from './interface';import { ItemOrientation, RibbonItemSize, RibbonItemType, KeyTipDataType } from './interface';import { RibbonButton, RibbonComboBox, RibbonCheckBox, RibbonDropDown, RibbonColorPicker, RibbonSplitButton, RibbonGroupButton } from '../items/index';import { destroyControl, getCollection, getGroup, getIndex, getItem, getItemElement, updateCommonProperty, updateControlDisabled, isTooltipPresent, getTemplateFunction, createTooltip, destroyTooltip, updateTooltipProp } from './utils';import * as constants from './constant';import { RibbonFileMenu, RibbonBackstage, RibbonKeyTip } from '../modules/index';import { RibbonTooltipModel } from '../models/ribbon-tooltip-model';import { Popup } from '@syncfusion/ej2-popups';import { BeforeOpenCloseMenuEventArgs, DropDownButton, SplitButton } from '@syncfusion/ej2-splitbuttons';import { CheckBox } from '@syncfusion/ej2-buttons';import { RibbonContextualTab } from '../modules/ribbon-contextualtab';import { RibbonGallery } from '../items/ribbon-gallery';
 import {ComponentModel} from '@syncfusion/ej2-base';
 
 /**
@@ -157,6 +157,13 @@ export interface RibbonModel extends ComponentModel{
      */
     ribbonCollapsing?: EmitType<ExpandCollapseEventArgs>;
 
+    /**
+     * Event triggers when the ribbon layout is switched.
+     *
+     * @event ribbonLayoutSwitched
+     */
+    ribbonLayoutSwitched?: EmitType<LayoutSwitchedEventArgs>;
+
     /**
      * Event triggers when the launcher icon of the group is clicked.
      *

package/src/ribbon/base/ribbon.d.ts

@@ -3,7 +3,7 @@ import { INotifyPropertyChanged, ModuleDeclaration } from '@syncfusion/ej2-base'
 import { Tab, TabAnimationSettingsModel } from '@syncfusion/ej2-navigations';
 import { RibbonTabModel, RibbonGroupModel, RibbonCollectionModel, RibbonItemModel, FileMenuSettingsModel, BackStageMenuModel, RibbonContextualTabSettingsModel } from '../models/index';
 import { RibbonModel } from './ribbon-model';
-import { ExpandCollapseEventArgs, LauncherClickEventArgs, OverflowPopupEventArgs, RibbonLayout, ribbonTooltipData, TabSelectedEventArgs, TabSelectingEventArgs } from './interface';
+import { ExpandCollapseEventArgs, LauncherClickEventArgs, LayoutSwitchedEventArgs, OverflowPopupEventArgs, RibbonLayout, ribbonTooltipData, TabSelectedEventArgs, TabSelectingEventArgs } from './interface';
 import { RibbonButton, RibbonComboBox, RibbonCheckBox, RibbonDropDown, RibbonColorPicker, RibbonSplitButton, RibbonGroupButton } from '../items/index';
 import { RibbonFileMenu, RibbonBackstage, RibbonKeyTip } from '../modules/index';
 import { DropDownButton } from '@syncfusion/ej2-splitbuttons';
@@ -144,6 +144,12 @@ export declare class Ribbon extends Component<HTMLElement> implements INotifyPro
      * @event ribbonCollapsing
      */
     ribbonCollapsing: EmitType<ExpandCollapseEventArgs>;
+    /**
+     * Event triggers when the ribbon layout is switched.
+     *
+     * @event ribbonLayoutSwitched
+     */
+    ribbonLayoutSwitched: EmitType<LayoutSwitchedEventArgs>;
     /**
      * Event triggers when the launcher icon of the group is clicked.
      *

package/src/ribbon/base/ribbon.js

@@ -556,9 +556,11 @@ var Ribbon = /** @class */ (function (_super) {
             }
         });
     };
-    Ribbon.prototype.toggleLayout = function () {
+    Ribbon.prototype.toggleLayout = function (args) {
         this.setProperties({ activeLayout: this.activeLayout === 'Simplified' ? 'Classic' : 'Simplified' }, true);
         this.switchLayout();
+        var eventArgs = { activeLayout: this.activeLayout, event: args };
+        this.trigger('ribbonLayoutSwitched', eventArgs);
     };
     Ribbon.prototype.tabCreated = function () {
         if (!this.hideLayoutSwitcher) {
@@ -2320,10 +2322,10 @@ var Ribbon = /** @class */ (function (_super) {
             id: this.tabObj.element.id + constants.COLLAPSE_BUTTON_ID,
             attrs: { 'tabindex': '0', 'type': 'button', 'aria-label': 'Layout Switcher', 'role': 'button' }
         });
-        this.collapseButton.onclick = function () { _this.toggleLayout(); };
+        this.collapseButton.onclick = function (e) { _this.toggleLayout(e); };
         this.collapseButton.onkeydown = function (e) {
             if (e.key === 'Enter') {
-                _this.toggleLayout();
+                _this.toggleLayout(e);
             }
         };
         this.element.classList.add(constants.RIBBON_COLLAPSIBLE);
@@ -4978,6 +4980,9 @@ var Ribbon = /** @class */ (function (_super) {
     __decorate([
         Event()
     ], Ribbon.prototype, "ribbonCollapsing", void 0);
+    __decorate([
+        Event()
+    ], Ribbon.prototype, "ribbonLayoutSwitched", void 0);
     __decorate([
         Event()
     ], Ribbon.prototype, "launcherIconClick", void 0);