@syncfusion/ej2-layouts 32.1.24 → 32.2.3

package/dist/global/index.d.ts

@@ -1,6 +1,6 @@
 /*!
 *  filename: index.d.ts
-*  version : 32.1.24
+*  version : 32.2.3
 *  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-layouts",
-  "version": "32.1.24",
+  "version": "32.2.3",
   "description": "A package of Essential JS 2 layout pure CSS components such as card and avatar. The card is used as small container to show content in specific structure, whereas the avatars are icons, initials or figures representing particular person.",
   "author": "Syncfusion Inc.",
   "license": "SEE LICENSE IN license",
@@ -8,7 +8,7 @@
   "module": "./index.js",
   "es2015": "./dist/es6/ej2-layouts.es5.js",
   "dependencies": {
-    "@syncfusion/ej2-base": "~32.1.24"
+    "@syncfusion/ej2-base": "~32.2.3"
   },
   "devDependencies": {},
   "keywords": [

package/src/splitter/splitter-model.d.ts

@@ -1,4 +1,4 @@
-import { Component, Property, setStyleAttribute, ChildProperty, compile } from '@syncfusion/ej2-base';import { NotifyPropertyChanges, addClass, Collection, isNullOrUndefined } from '@syncfusion/ej2-base';import { Event, EmitType, EventHandler, selectAll, removeClass, select, Browser, detach, formatUnit } from '@syncfusion/ej2-base';import { SanitizeHtmlHelper, extend } from '@syncfusion/ej2-base';
+import { Component, Property, setStyleAttribute, ChildProperty, compile, L10n } from '@syncfusion/ej2-base';import { NotifyPropertyChanges, addClass, Collection, isNullOrUndefined } from '@syncfusion/ej2-base';import { Event, EmitType, EventHandler, selectAll, removeClass, select, Browser, detach, formatUnit } from '@syncfusion/ej2-base';import { SanitizeHtmlHelper, extend } from '@syncfusion/ej2-base';
 import {Orientation,BeforeSanitizeHtmlArgs,ResizeEventArgs,ResizingEventArgs,BeforeExpandEventArgs,ExpandedEventArgs} from "./splitter";
 import {ComponentModel} from '@syncfusion/ej2-base';
 

package/src/splitter/splitter.d.ts

@@ -1,4 +1,4 @@
-import { Component, ChildProperty } from '@syncfusion/ej2-base';
+import { Component, ChildProperty, L10n } from '@syncfusion/ej2-base';
 import { EmitType } from '@syncfusion/ej2-base';
 import { SplitterModel, PanePropertiesModel } from './splitter-model';
 /**
@@ -169,6 +169,7 @@ export declare class Splitter extends Component<HTMLElement> {
     private templateElement;
     private collapseFlag;
     private expandFlag;
+    localeObj: L10n;
     /**
      * Specifies the height of the Splitter component that accepts both string and number values.
      *
@@ -486,6 +487,8 @@ export declare class Splitter extends Component<HTMLElement> {
     private setPaneOrder;
     private removeSeparator;
     private updatePanes;
+    private getLocaleText;
+    private localeSetModelOption;
     /**
      * Allows you to add a pane dynamically to the specified index position by passing the pane properties.
      *

package/src/splitter/splitter.js

@@ -17,7 +17,7 @@ var __decorate = (this && this.__decorate) || function (decorators, target, key,
     else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
     return c > 3 && r && Object.defineProperty(target, key, r), r;
 };
-import { Component, Property, setStyleAttribute, ChildProperty, compile } from '@syncfusion/ej2-base';
+import { Component, Property, setStyleAttribute, ChildProperty, compile, L10n } from '@syncfusion/ej2-base';
 import { NotifyPropertyChanges, addClass, Collection, isNullOrUndefined } from '@syncfusion/ej2-base';
 import { Event, EventHandler, selectAll, removeClass, select, Browser, detach, formatUnit } from '@syncfusion/ej2-base';
 import { SanitizeHtmlHelper, extend } from '@syncfusion/ej2-base';
@@ -54,6 +54,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.
  */
@@ -236,6 +239,9 @@ var Splitter = /** @class */ (function (_super) {
                 case 'enableRtl':
                     this.setRTL(newProp.enableRtl);
                     break;
+                case 'locale':
+                    this.localeSetModelOption(newProp);
+                    break;
             }
         }
     };
@@ -286,6 +292,7 @@ var Splitter = /** @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);
@@ -889,8 +896,9 @@ var Splitter = /** @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';
@@ -2321,6 +2329,15 @@ var Splitter = /** @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.
      *