@syncfusion/ej2-ribbon 32.2.3 → 33.1.49

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

@@ -1,4 +1,4 @@
-import { ChildProperty, Property, Event, Complex, Collection, getComponent, merge, EventHandler, isNullOrUndefined, closest, remove, select, compile, addClass, setValue, formatUnit, append, Component, getUniqueID, KeyboardEvents, getInstance, isUndefined, removeClass, NotifyPropertyChanges } from '@syncfusion/ej2-base';
+import { ChildProperty, Property, Event, Complex, Collection, getComponent, merge, EventHandler, isNullOrUndefined, closest, remove, select, compile, addClass, setValue, formatUnit, append, Component, getUniqueID, L10n, KeyboardEvents, getInstance, isUndefined, removeClass, NotifyPropertyChanges } 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';
@@ -4512,6 +4512,7 @@ let Ribbon = Ribbon_1 = class Ribbon extends Component {
     }
     initialize() {
         this.element.id = this.element.id || getUniqueID('e-' + this.getModuleName());
+        this.initializeLocale();
         addClass([this.element], ['e-rbn', ...(this.cssClass ? this.cssClass.split(SPACE) : [])]);
         if (this.enableRtl) {
             this.element.classList.add(RTL_CSS);
@@ -4537,6 +4538,13 @@ let Ribbon = Ribbon_1 = class Ribbon extends Component {
         this.wireKeyboardEvent();
         this.currentControlIndex = 0;
     }
+    initializeLocale() {
+        this.l10n = new L10n('ribbon', {
+            groupOverflow: 'More Group Options',
+            overflow: 'More Options'
+        }, this.locale);
+        this.l10n.setLocale(this.locale);
+    }
     wireEvents() {
         this.resizeListener = this.resizeHandler.bind(this);
         EventHandler.add(window, 'resize', this.resizeListener);
@@ -6462,6 +6470,7 @@ let Ribbon = Ribbon_1 = class Ribbon extends Component {
             className: RIBBON_OVERFLOW_TARGET,
             attrs: { 'tabindex': '0' }
         });
+        overflowButton.setAttribute('title', isGroupOF ? this.l10n.getConstant('groupOverflow') : this.l10n.getConstant('overflow'));
         const overFlowCss = this.cssClass ? SPACE + this.cssClass : '';
         const overflowDDB = new DropDownButton({
             iconCss: OVERFLOW_ICON,
@@ -9140,6 +9149,7 @@ let Ribbon = Ribbon_1 = class Ribbon extends Component {
         super.destroy();
         this.tabObj.destroy();
         this.tabObj = undefined;
+        this.l10n = null;
         this.initialPropsData = {};
         this.hiddenGroups = [];
         this.hiddenElements = {};
@@ -9186,6 +9196,7 @@ let Ribbon = Ribbon_1 = class Ribbon extends Component {
                     }
                     break;
                 case 'locale':
+                    this.l10n.setLocale(this.locale);
                     this.updateCommonProperty({ locale: this.locale });
                     break;
                 case 'enablePersistence':