@syncfusion/ej2-ribbon 32.2.3 → 33.1.49

package/dist/es6/ej2-ribbon.es5.js

@@ -1,4 +1,4 @@
-import { Property, Event, ChildProperty, Complex, Collection, getComponent, merge, EventHandler, isNullOrUndefined, closest, remove, select, compile, addClass, formatUnit, append, setValue, getUniqueID, KeyboardEvents, getInstance, isUndefined, removeClass, NotifyPropertyChanges, Component } from '@syncfusion/ej2-base';
+import { Property, Event, ChildProperty, Complex, Collection, getComponent, merge, EventHandler, isNullOrUndefined, closest, remove, select, compile, addClass, formatUnit, append, setValue, getUniqueID, L10n, KeyboardEvents, getInstance, isUndefined, removeClass, NotifyPropertyChanges, Component } from '@syncfusion/ej2-base';
 import { MenuItem, MenuAnimationSettings, Tab, Toolbar, HScroll, TabAnimationSettings, Menu } from '@syncfusion/ej2-navigations';
 import { FieldSettings, ComboBox } from '@syncfusion/ej2-dropdowns';
 import { Item, DropDownButton, SplitButton } from '@syncfusion/ej2-splitbuttons';
@@ -4952,6 +4952,7 @@ var Ribbon = /** @__PURE__ @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(SPACE) : [])));
         if (this.enableRtl) {
             this.element.classList.add(RTL_CSS);
@@ -4977,6 +4978,13 @@ var Ribbon = /** @__PURE__ @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);
@@ -6934,6 +6942,7 @@ var Ribbon = /** @__PURE__ @class */ (function (_super) {
             className: RIBBON_OVERFLOW_TARGET,
             attrs: { 'tabindex': '0' }
         });
+        overflowButton.setAttribute('title', isGroupOF ? this.l10n.getConstant('groupOverflow') : this.l10n.getConstant('overflow'));
         var overFlowCss = this.cssClass ? SPACE + this.cssClass : '';
         var overflowDDB = new DropDownButton({
             iconCss: OVERFLOW_ICON,
@@ -9654,6 +9663,7 @@ var Ribbon = /** @__PURE__ @class */ (function (_super) {
         _super.prototype.destroy.call(this);
         this.tabObj.destroy();
         this.tabObj = undefined;
+        this.l10n = null;
         this.initialPropsData = {};
         this.hiddenGroups = [];
         this.hiddenElements = {};
@@ -9702,6 +9712,7 @@ var Ribbon = /** @__PURE__ @class */ (function (_super) {
                     }
                     break;
                 case 'locale':
+                    this.l10n.setLocale(this.locale);
                     this.updateCommonProperty({ locale: this.locale });
                     break;
                 case 'enablePersistence':