@syncfusion/ej2-ribbon 33.1.44 → 33.1.49

package/dist/global/index.d.ts

@@ -1,6 +1,6 @@
 /*!
 *  filename: index.d.ts
-*  version : 33.1.44
+*  version : 33.1.49
 *  Copyright Syncfusion Inc. 2001 - 2025. 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,6 +1,6 @@
 {
   "name": "@syncfusion/ej2-ribbon",
-  "version": "33.1.44",
+  "version": "33.1.49",
   "description": "Essential JS 2 Component",
   "author": "Syncfusion Inc.",
   "license": "SEE LICENSE IN license",
@@ -9,13 +9,13 @@
   "es2015": "./dist/es6/ej2-ribbon.es5.js",
   "typings": "index.d.ts",
   "dependencies": {
-    "@syncfusion/ej2-base": "~33.1.44",
-    "@syncfusion/ej2-buttons": "~33.1.44",
-    "@syncfusion/ej2-dropdowns": "~33.1.44",
-    "@syncfusion/ej2-lists": "~33.1.44",
-    "@syncfusion/ej2-navigations": "~33.1.44",
+    "@syncfusion/ej2-base": "~33.1.45",
+    "@syncfusion/ej2-buttons": "~33.1.49",
+    "@syncfusion/ej2-dropdowns": "~33.1.49",
+    "@syncfusion/ej2-lists": "~33.1.47",
+    "@syncfusion/ej2-navigations": "~33.1.49",
     "@syncfusion/ej2-popups": "~33.1.44",
-    "@syncfusion/ej2-splitbuttons": "~33.1.44"
+    "@syncfusion/ej2-splitbuttons": "~33.1.49"
   },
   "devDependencies": {},
   "keywords": [

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, 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 { ColorPicker } from '@syncfusion/ej2-inputs';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, L10n } 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 { ColorPicker } from '@syncfusion/ej2-inputs';import { CheckBox } from '@syncfusion/ej2-buttons';import { RibbonContextualTab } from '../modules/ribbon-contextualtab';import { RibbonGallery } from '../items/ribbon-gallery';
 import {ComponentModel} from '@syncfusion/ej2-base';
 
 /**

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

@@ -222,6 +222,7 @@ export declare class Ribbon extends Component<HTMLElement> implements INotifyPro
      * The `ribbonKeytipModule` is used to create and manipulate the ribbon keytip.
      */
     ribbonKeyTipModule: RibbonKeyTip;
+    private l10n;
     private itemIndex;
     private idIndex;
     private isAddRemove;
@@ -290,6 +291,7 @@ export declare class Ribbon extends Component<HTMLElement> implements INotifyPro
      */
     protected requiredModules(): ModuleDeclaration[];
     private initialize;
+    private initializeLocale;
     private wireEvents;
     private wireKeyboardEvent;
     private keyActionHandler;

package/src/ribbon/base/ribbon.js

@@ -18,7 +18,7 @@ var __decorate = (this && this.__decorate) || function (decorators, target, key,
     return c > 3 && r && Object.defineProperty(target, key, r), r;
 };
 import { addClass, append, Event, Collection, Complex, Component, EventHandler, formatUnit, getInstance, getComponent, getUniqueID, closest, KeyboardEvents } from '@syncfusion/ej2-base';
-import { isNullOrUndefined, isUndefined, NotifyPropertyChanges, Property, remove, removeClass } from '@syncfusion/ej2-base';
+import { isNullOrUndefined, isUndefined, NotifyPropertyChanges, Property, remove, removeClass, L10n } from '@syncfusion/ej2-base';
 import { Tab, TabAnimationSettings, HScroll, Toolbar } from '@syncfusion/ej2-navigations';
 import { RibbonTab, FileMenuSettings, BackStageMenu, RibbonContextualTabSettings } from '../models/index';
 import { DisplayMode, RibbonLayout } from './interface';
@@ -126,6 +126,7 @@ var Ribbon = /** @class */ (function (_super) {
     };
     Ribbon.prototype.initialize = function () {
         this.element.id = this.element.id || getUniqueID('e-' + this.getModuleName());
+        this.initializeLocale();
         addClass([this.element], ['e-rbn'].concat((this.cssClass ? this.cssClass.split(constants.SPACE) : [])));
         if (this.enableRtl) {
             this.element.classList.add(constants.RTL_CSS);
@@ -151,6 +152,13 @@ var Ribbon = /** @class */ (function (_super) {
         this.wireKeyboardEvent();
         this.currentControlIndex = 0;
     };
+    Ribbon.prototype.initializeLocale = function () {
+        this.l10n = new L10n('ribbon', {
+            groupOverflow: 'More Group Options',
+            overflow: 'More Options'
+        }, this.locale);
+        this.l10n.setLocale(this.locale);
+    };
     Ribbon.prototype.wireEvents = function () {
         this.resizeListener = this.resizeHandler.bind(this);
         EventHandler.add(window, 'resize', this.resizeListener);
@@ -2108,6 +2116,7 @@ var Ribbon = /** @class */ (function (_super) {
             className: constants.RIBBON_OVERFLOW_TARGET,
             attrs: { 'tabindex': '0' }
         });
+        overflowButton.setAttribute('title', isGroupOF ? this.l10n.getConstant('groupOverflow') : this.l10n.getConstant('overflow'));
         var overFlowCss = this.cssClass ? constants.SPACE + this.cssClass : '';
         var overflowDDB = new DropDownButton({
             iconCss: constants.OVERFLOW_ICON,
@@ -4830,6 +4839,7 @@ var Ribbon = /** @class */ (function (_super) {
         _super.prototype.destroy.call(this);
         this.tabObj.destroy();
         this.tabObj = undefined;
+        this.l10n = null;
         this.initialPropsData = {};
         this.hiddenGroups = [];
         this.hiddenElements = {};
@@ -4878,6 +4888,7 @@ var Ribbon = /** @class */ (function (_super) {
                     }
                     break;
                 case 'locale':
+                    this.l10n.setLocale(this.locale);
                     this.updateCommonProperty({ locale: this.locale });
                     break;
                 case 'enablePersistence':