@syncfusion/ej2-layouts 32.1.24 → 32.1.25

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

@@ -1,4 +1,4 @@
-import { Property, ChildProperty, isNullOrUndefined, removeClass, addClass, Browser, EventHandler, SanitizeHtmlHelper, extend, detach, formatUnit, setStyleAttribute, select, selectAll, compile, Collection, Event, NotifyPropertyChanges, Component, setValue, append, isUndefined, closest, getValue, Draggable, getUniqueID, attributes, remove } from '@syncfusion/ej2-base';
+import { Property, ChildProperty, isNullOrUndefined, L10n, removeClass, addClass, Browser, EventHandler, SanitizeHtmlHelper, extend, detach, formatUnit, setStyleAttribute, select, selectAll, compile, Collection, Event, NotifyPropertyChanges, Component, setValue, append, isUndefined, closest, getValue, Draggable, getUniqueID, attributes, remove } from '@syncfusion/ej2-base';
 
 var __extends = (undefined && undefined.__extends) || (function () {
     var extendStatics = function (d, b) {
@@ -52,6 +52,9 @@ var PANE_HIDDEN = 'e-pane-hidden';
 var RESIZABLE_PANE = 'e-resizable';
 var LAST_BAR = 'e-last-bar';
 var BAR_SIZE_DEFAULT = 1;
+var splitterDefaultLocale = {
+    'ToggleNavigation': 'Toggle navigation'
+};
 /**
  * Interface to configure pane properties such as its content, size, min, max, resizable, collapsed and collapsible.
  */
@@ -233,6 +236,9 @@ var Splitter = /** @__PURE__ @class */ (function (_super) {
                 case 'enableRtl':
                     this.setRTL(newProp.enableRtl);
                     break;
+                case 'locale':
+                    this.localeSetModelOption(newProp);
+                    break;
             }
         }
     };
@@ -283,6 +289,7 @@ var Splitter = /** @__PURE__ @class */ (function (_super) {
     };
     Splitter.prototype.preRender = function () {
         this.initializeValues();
+        this.localeObj = new L10n(this.getModuleName(), splitterDefaultLocale, this.locale);
         this.onReportWindowSize = this.reportWindowSize.bind(this);
         this.onMouseMoveHandler = this.onMouseMove.bind(this);
         this.onMouseUpHandler = this.onMouseUp.bind(this);
@@ -886,8 +893,9 @@ var Splitter = /** @__PURE__ @class */ (function (_super) {
         var arrow2 = this.createElement('button');
         arrow1.setAttribute('tabindex', '-1');
         arrow2.setAttribute('tabindex', '-1');
-        arrow1.setAttribute('aria-label', 'Toggle navigation');
-        arrow2.setAttribute('aria-label', 'Toggle navigation');
+        var toggleLabel = this.getLocaleText('ToggleNavigation');
+        arrow1.setAttribute('aria-label', toggleLabel);
+        arrow2.setAttribute('aria-label', toggleLabel);
         arrow1.setAttribute('type', 'button');
         arrow2.setAttribute('type', 'button');
         var size = isNullOrUndefined(this.separatorSize) ? '1px' : this.separatorSize + 'px';
@@ -2314,6 +2322,15 @@ var Splitter = /** @__PURE__ @class */ (function (_super) {
         this.removeSeparator();
         this.addSeparator(this.element);
     };
+    Splitter.prototype.getLocaleText = function (text) {
+        var locale = this.localeObj.getConstant(text);
+        return (locale === '') ? text : locale;
+    };
+    Splitter.prototype.localeSetModelOption = function (newProp) {
+        var newLocale = newProp && newProp.locale && typeof newProp.locale === 'object' ? newProp.locale : this.locale;
+        this.localeObj = new L10n(this.getModuleName(), splitterDefaultLocale, newLocale);
+        this.refresh();
+    };
     /**
      * Allows you to add a pane dynamically to the specified index position by passing the pane properties.
      *