@syncfusion/ej2-angular-layouts 24.1.41 → 24.2.3

package/README.md

@@ -124,4 +124,4 @@ Check the license detail [here](https://github.com/syncfusion/ej2-angular-ui-com
 
 Check the changelog [here](https://github.com/syncfusion/ej2-angular-ui-components/blob/master/components/layouts/CHANGELOG.md/?utm_source=npm&utm_medium=listing&utm_campaign=angular-layout-npm)
 
-© Copyright 2023 Syncfusion, Inc. All Rights Reserved. The Syncfusion Essential Studio license and copyright applies to this distribution.
+© Copyright 2024 Syncfusion, Inc. All Rights Reserved. The Syncfusion Essential Studio license and copyright applies to this distribution.

package/package.json

@@ -1,8 +1,8 @@
 {
   "_from": "@syncfusion/ej2-angular-layouts@*",
-  "_id": "@syncfusion/ej2-angular-layouts@21.4.6",
+  "_id": "@syncfusion/ej2-angular-layouts@24.1.41",
   "_inBundle": false,
-  "_integrity": "sha512-u3VJvucSw/MB/HXbnXj23l3k9twjYKY9ICnx/61EIovAbwGDGXzP5NeFMAw38PrYrakHdUtvH6MLn26d2IJYKw==",
+  "_integrity": "sha512-Tt6n01OXRJJjPZmuGbS6WqtGGiJxfhhdqRHFiZEQxzT5ZqnnIiJrugxpwr63SGz0tBzDqjRVxMiMuUJVfviA2w==",
   "_location": "/@syncfusion/ej2-angular-layouts",
   "_phantomChildren": {},
   "_requested": {
@@ -19,8 +19,8 @@
   "_requiredBy": [
     "/"
   ],
-  "_resolved": "https://nexus.syncfusion.com/repository/ej2-angular-release/@syncfusion/ej2-angular-layouts/-/ej2-angular-layouts-21.4.6.tgz",
-  "_shasum": "38918e7e7f59bb64efff4f81623da37caa18e4a2",
+  "_resolved": "https://nexus.syncfusion.com/repository/ej2-angular-hotfix/@syncfusion/ej2-angular-layouts/-/ej2-angular-layouts-24.1.41.tgz",
+  "_shasum": "4b62f934ae89dbb2377b8230599c2bdb0d671944",
   "_spec": "@syncfusion/ej2-angular-layouts@*",
   "_where": "/jenkins/workspace/elease-automation_release_24.1.1/ivypackages/included",
   "author": {
@@ -31,9 +31,9 @@
   },
   "bundleDependencies": false,
   "dependencies": {
-    "@syncfusion/ej2-angular-base": "~24.1.41",
-    "@syncfusion/ej2-base": "~24.1.41",
-    "@syncfusion/ej2-layouts": "24.1.41",
+    "@syncfusion/ej2-angular-base": "~24.2.3",
+    "@syncfusion/ej2-base": "~24.2.3",
+    "@syncfusion/ej2-layouts": "24.2.3",
     "tslib": "^2.3.0"
   },
   "deprecated": false,
@@ -76,5 +76,5 @@
   "schematics": "./schematics/collection.json",
   "sideEffects": false,
   "typings": "syncfusion-ej2-angular-layouts.d.ts",
-  "version": "24.1.41"
+  "version": "24.2.3"
 }

package/schematics/utils/lib-details.d.ts

@@ -1,4 +1,4 @@
 export declare const pkgName = "@syncfusion/ej2-angular-layouts";
-export declare const pkgVer = "^21.4.6";
+export declare const pkgVer = "^24.1.41";
 export declare const moduleName = "SplitterModule, DashboardLayoutModule";
-export declare const themeVer = "~21.4.6";
+export declare const themeVer = "~24.1.41";

package/schematics/utils/lib-details.js

@@ -1,6 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.pkgName = '@syncfusion/ej2-angular-layouts';
-exports.pkgVer = '^24.1.41';
+exports.pkgVer = '^24.2.3';
 exports.moduleName = 'SplitterModule, DashboardLayoutModule';
-exports.themeVer = '~24.1.41';
+exports.themeVer = '~24.2.3';

package/schematics/utils/lib-details.ts

@@ -1,4 +1,4 @@
 export const pkgName = '@syncfusion/ej2-angular-layouts';
-export const pkgVer = '^24.1.41';
+export const pkgVer = '^24.2.3';
 export const moduleName = 'SplitterModule, DashboardLayoutModule';
-export const themeVer = '~24.1.41';
+export const themeVer = '~24.2.3';

package/styles/avatar/bootstrap-dark.css

@@ -1,45 +1 @@
-.e-avatar {
-  -ms-flex-line-pack: center;
-      align-content: center;
-  -ms-flex-align: center;
-      align-items: center;
-  background-color: #bcbcbc;
-  background-position: center;
-  background-repeat: no-repeat;
-  background-size: cover;
-  border-radius: 5px;
-  color: #fff;
-  display: -ms-inline-flexbox;
-  display: inline-flex;
-  font-family: "Helvetica Neue", "Helvetica", "Arial", sans-serif, "-apple-system", "BlinkMacSystemFont";
-  font-size: 1em;
-  font-weight: 400;
-  height: 3em;
-  -ms-flex-pack: center;
-      justify-content: center;
-  overflow: hidden;
-  position: relative;
-  width: 3em;
-}
-.e-avatar img {
-  height: 100%;
-  width: auto;
-}
-.e-avatar.e-avatar-circle {
-  border-radius: 50%;
-}
-.e-avatar.e-avatar-circle.e-avatar-large, .e-avatar.e-avatar-circle.e-avatar-xlarge {
-  border-radius: 50%;
-}
-.e-avatar.e-avatar-xsmall {
-  font-size: 0.6em;
-}
-.e-avatar.e-avatar-small {
-  font-size: 0.8em;
-}
-.e-avatar.e-avatar-large {
-  font-size: 1.2em;
-}
-.e-avatar.e-avatar-xlarge {
-  font-size: 1.4em;
-}
+@import '@syncfusion/ej2-layouts/styles/avatar/bootstrap-dark.css';

package/styles/avatar/bootstrap-dark.scss

@@ -1,3 +1 @@
-@import 'ej2-base/styles/definition/bootstrap-dark.scss';
-@import 'bootstrap-dark-definition.scss';
-@import 'all.scss';
+@import 'ej2-layouts/styles/avatar/bootstrap-dark.scss';

package/styles/avatar/bootstrap.css

@@ -1,45 +1 @@
-.e-avatar {
-  -ms-flex-line-pack: center;
-      align-content: center;
-  -ms-flex-align: center;
-      align-items: center;
-  background-color: #bcbcbc;
-  background-position: center;
-  background-repeat: no-repeat;
-  background-size: cover;
-  border-radius: 5px;
-  color: #fff;
-  display: -ms-inline-flexbox;
-  display: inline-flex;
-  font-family: "Helvetica Neue", "Helvetica", "Arial", sans-serif, "-apple-system", "BlinkMacSystemFont";
-  font-size: 1em;
-  font-weight: 400;
-  height: 3em;
-  -ms-flex-pack: center;
-      justify-content: center;
-  overflow: hidden;
-  position: relative;
-  width: 3em;
-}
-.e-avatar img {
-  height: 100%;
-  width: auto;
-}
-.e-avatar.e-avatar-circle {
-  border-radius: 50%;
-}
-.e-avatar.e-avatar-circle.e-avatar-large, .e-avatar.e-avatar-circle.e-avatar-xlarge {
-  border-radius: 50%;
-}
-.e-avatar.e-avatar-xsmall {
-  font-size: 0.6em;
-}
-.e-avatar.e-avatar-small {
-  font-size: 0.8em;
-}
-.e-avatar.e-avatar-large {
-  font-size: 1.2em;
-}
-.e-avatar.e-avatar-xlarge {
-  font-size: 1.4em;
-}
+@import '@syncfusion/ej2-layouts/styles/avatar/bootstrap.css';

package/styles/avatar/bootstrap.scss

@@ -1,3 +1 @@
-@import 'ej2-base/styles/definition/bootstrap.scss';
-@import 'bootstrap-definition.scss';
-@import 'all.scss';
+@import 'ej2-layouts/styles/avatar/bootstrap.scss';

package/styles/avatar/bootstrap4.css

@@ -1,45 +1 @@
-.e-avatar {
-  -ms-flex-line-pack: center;
-      align-content: center;
-  -ms-flex-align: center;
-      align-items: center;
-  background-color: #e9ecef;
-  background-position: center;
-  background-repeat: no-repeat;
-  background-size: cover;
-  border-radius: 4px;
-  color: #212529;
-  display: -ms-inline-flexbox;
-  display: inline-flex;
-  font-family: "Helvetica Neue", "Helvetica", "Arial", sans-serif, "-apple-system", "BlinkMacSystemFont";
-  font-size: 1.05em;
-  font-weight: 400;
-  height: 2.5em;
-  -ms-flex-pack: center;
-      justify-content: center;
-  overflow: hidden;
-  position: relative;
-  width: 2.5em;
-}
-.e-avatar img {
-  height: 100%;
-  width: auto;
-}
-.e-avatar.e-avatar-circle {
-  border-radius: 50%;
-}
-.e-avatar.e-avatar-circle.e-avatar-large, .e-avatar.e-avatar-circle.e-avatar-xlarge {
-  border-radius: 50%;
-}
-.e-avatar.e-avatar-xsmall {
-  font-size: 0.65em;
-}
-.e-avatar.e-avatar-small {
-  font-size: 0.85em;
-}
-.e-avatar.e-avatar-large {
-  font-size: 1.25em;
-}
-.e-avatar.e-avatar-xlarge {
-  font-size: 1.45em;
-}
+@import '@syncfusion/ej2-layouts/styles/avatar/bootstrap4.css';

package/styles/avatar/bootstrap4.scss

@@ -1,3 +1 @@
-@import 'ej2-base/styles/definition/bootstrap4.scss';
-@import 'bootstrap4-definition.scss';
-@import 'all.scss';
+@import 'ej2-layouts/styles/avatar/bootstrap4.scss';

package/styles/avatar/bootstrap5-dark.css

@@ -1,60 +1 @@
-.e-avatar {
-  -ms-flex-line-pack: center;
-      align-content: center;
-  -ms-flex-align: center;
-      align-items: center;
-  background-color: #495057;
-  background-position: center;
-  background-repeat: no-repeat;
-  background-size: cover;
-  border-radius: 2px;
-  color: #adb5bd;
-  display: -ms-inline-flexbox;
-  display: inline-flex;
-  font-family: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
-  font-size: 14px;
-  font-weight: 500;
-  height: 40px;
-  -ms-flex-pack: center;
-      justify-content: center;
-  overflow: hidden;
-  position: relative;
-  width: 40px;
-  line-height: 22px;
-}
-.e-avatar img {
-  height: 100%;
-  width: auto;
-}
-.e-avatar.e-avatar-circle {
-  border-radius: 50%;
-}
-.e-avatar.e-avatar-circle.e-avatar-large, .e-avatar.e-avatar-circle.e-avatar-xlarge {
-  border-radius: 50%;
-}
-.e-avatar.e-avatar-xsmall {
-  font-size: 10px;
-  height: 24px;
-  line-height: 16px;
-  width: 24px;
-}
-.e-avatar.e-avatar-small {
-  font-size: 12px;
-  height: 32px;
-  line-height: 18px;
-  width: 32px;
-}
-.e-avatar.e-avatar-large {
-  font-size: 18px;
-  border-radius: 4px;
-  height: 48px;
-  line-height: 28px;
-  width: 48px;
-}
-.e-avatar.e-avatar-xlarge {
-  font-size: 20px;
-  border-radius: 4px;
-  height: 56px;
-  line-height: 28px;
-  width: 56px;
-}
+@import '@syncfusion/ej2-layouts/styles/avatar/bootstrap5-dark.css';

package/styles/avatar/bootstrap5-dark.scss

@@ -1,3 +1 @@
-@import 'ej2-base/styles/definition/bootstrap5-dark.scss';
-@import 'bootstrap5-dark-definition.scss';
-@import 'all.scss';
+@import 'ej2-layouts/styles/avatar/bootstrap5-dark.scss';

package/styles/avatar/bootstrap5.css

@@ -1,60 +1 @@
-.e-avatar {
-  -ms-flex-line-pack: center;
-      align-content: center;
-  -ms-flex-align: center;
-      align-items: center;
-  background-color: #dee2e6;
-  background-position: center;
-  background-repeat: no-repeat;
-  background-size: cover;
-  border-radius: 2px;
-  color: #6c757d;
-  display: -ms-inline-flexbox;
-  display: inline-flex;
-  font-family: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
-  font-size: 14px;
-  font-weight: 500;
-  height: 40px;
-  -ms-flex-pack: center;
-      justify-content: center;
-  overflow: hidden;
-  position: relative;
-  width: 40px;
-  line-height: 22px;
-}
-.e-avatar img {
-  height: 100%;
-  width: auto;
-}
-.e-avatar.e-avatar-circle {
-  border-radius: 50%;
-}
-.e-avatar.e-avatar-circle.e-avatar-large, .e-avatar.e-avatar-circle.e-avatar-xlarge {
-  border-radius: 50%;
-}
-.e-avatar.e-avatar-xsmall {
-  font-size: 10px;
-  height: 24px;
-  line-height: 16px;
-  width: 24px;
-}
-.e-avatar.e-avatar-small {
-  font-size: 12px;
-  height: 32px;
-  line-height: 18px;
-  width: 32px;
-}
-.e-avatar.e-avatar-large {
-  font-size: 18px;
-  border-radius: 4px;
-  height: 48px;
-  line-height: 28px;
-  width: 48px;
-}
-.e-avatar.e-avatar-xlarge {
-  font-size: 20px;
-  border-radius: 4px;
-  height: 56px;
-  line-height: 28px;
-  width: 56px;
-}
+@import '@syncfusion/ej2-layouts/styles/avatar/bootstrap5.css';

package/styles/avatar/bootstrap5.scss

@@ -1,3 +1 @@
-@import 'ej2-base/styles/definition/bootstrap5.scss';
-@import 'bootstrap5-definition.scss';
-@import 'all.scss';
+@import 'ej2-layouts/styles/avatar/bootstrap5.scss';

package/styles/avatar/fabric-dark.css

@@ -1,45 +1 @@
-.e-avatar {
-  -ms-flex-line-pack: center;
-      align-content: center;
-  -ms-flex-align: center;
-      align-items: center;
-  background-color: #bcbcbc;
-  background-position: center;
-  background-repeat: no-repeat;
-  background-size: cover;
-  border-radius: 5px;
-  color: #fff;
-  display: -ms-inline-flexbox;
-  display: inline-flex;
-  font-family: "Segoe UI", "GeezaPro", "DejaVu Serif", sans-serif, "-apple-system", "BlinkMacSystemFont";
-  font-size: 1em;
-  font-weight: 400;
-  height: 3em;
-  -ms-flex-pack: center;
-      justify-content: center;
-  overflow: hidden;
-  position: relative;
-  width: 3em;
-}
-.e-avatar img {
-  height: 100%;
-  width: auto;
-}
-.e-avatar.e-avatar-circle {
-  border-radius: 50%;
-}
-.e-avatar.e-avatar-circle.e-avatar-large, .e-avatar.e-avatar-circle.e-avatar-xlarge {
-  border-radius: 50%;
-}
-.e-avatar.e-avatar-xsmall {
-  font-size: 0.6em;
-}
-.e-avatar.e-avatar-small {
-  font-size: 0.8em;
-}
-.e-avatar.e-avatar-large {
-  font-size: 1.2em;
-}
-.e-avatar.e-avatar-xlarge {
-  font-size: 1.4em;
-}
+@import '@syncfusion/ej2-layouts/styles/avatar/fabric-dark.css';

package/styles/avatar/fabric-dark.scss

@@ -1,3 +1 @@
-@import 'ej2-base/styles/definition/fabric-dark.scss';
-@import 'fabric-dark-definition.scss';
-@import 'all.scss';
+@import 'ej2-layouts/styles/avatar/fabric-dark.scss';

package/styles/avatar/fabric.css

@@ -1,45 +1 @@
-.e-avatar {
-  -ms-flex-line-pack: center;
-      align-content: center;
-  -ms-flex-align: center;
-      align-items: center;
-  background-color: #bcbcbc;
-  background-position: center;
-  background-repeat: no-repeat;
-  background-size: cover;
-  border-radius: 5px;
-  color: #fff;
-  display: -ms-inline-flexbox;
-  display: inline-flex;
-  font-family: "Segoe UI", "GeezaPro", "DejaVu Serif", sans-serif, "-apple-system", "BlinkMacSystemFont";
-  font-size: 1em;
-  font-weight: 400;
-  height: 3em;
-  -ms-flex-pack: center;
-      justify-content: center;
-  overflow: hidden;
-  position: relative;
-  width: 3em;
-}
-.e-avatar img {
-  height: 100%;
-  width: auto;
-}
-.e-avatar.e-avatar-circle {
-  border-radius: 50%;
-}
-.e-avatar.e-avatar-circle.e-avatar-large, .e-avatar.e-avatar-circle.e-avatar-xlarge {
-  border-radius: 50%;
-}
-.e-avatar.e-avatar-xsmall {
-  font-size: 0.6em;
-}
-.e-avatar.e-avatar-small {
-  font-size: 0.8em;
-}
-.e-avatar.e-avatar-large {
-  font-size: 1.2em;
-}
-.e-avatar.e-avatar-xlarge {
-  font-size: 1.4em;
-}
+@import '@syncfusion/ej2-layouts/styles/avatar/fabric.css';

package/styles/avatar/fabric.scss

@@ -1,3 +1 @@
-@import 'ej2-base/styles/definition/fabric.scss';
-@import 'fabric-definition.scss';
-@import 'all.scss';
+@import 'ej2-layouts/styles/avatar/fabric.scss';

package/styles/avatar/fluent-dark.css

@@ -1,58 +1 @@
-.e-avatar {
-  -ms-flex-line-pack: center;
-      align-content: center;
-  -ms-flex-align: center;
-      align-items: center;
-  background-color: #292827;
-  background-position: center;
-  background-repeat: no-repeat;
-  background-size: cover;
-  border-radius: 4px;
-  color: #a19f9d;
-  display: -ms-inline-flexbox;
-  display: inline-flex;
-  font-family: "Segoe UI", -apple-system, BlinkMacSystemFont, "Roboto", "Helvetica Neue", sans-serif;
-  font-size: 16px;
-  font-weight: 400;
-  height: 40px;
-  -ms-flex-pack: center;
-      justify-content: center;
-  overflow: hidden;
-  position: relative;
-  width: 40px;
-  line-height: 24px;
-}
-.e-avatar img {
-  height: 100%;
-  width: auto;
-}
-.e-avatar.e-avatar-circle {
-  border-radius: 50%;
-}
-.e-avatar.e-avatar-circle.e-avatar-large, .e-avatar.e-avatar-circle.e-avatar-xlarge {
-  border-radius: 50%;
-}
-.e-avatar.e-avatar-xsmall {
-  font-size: 10px;
-  height: 24px;
-  line-height: 16px;
-  width: 24px;
-}
-.e-avatar.e-avatar-small {
-  font-size: 12px;
-  height: 32px;
-  line-height: 18px;
-  width: 32px;
-}
-.e-avatar.e-avatar-large {
-  font-size: 20px;
-  height: 48px;
-  line-height: 28px;
-  width: 48px;
-}
-.e-avatar.e-avatar-xlarge {
-  font-size: 24px;
-  height: 56px;
-  line-height: 28px;
-  width: 56px;
-}
+@import '@syncfusion/ej2-layouts/styles/avatar/fluent-dark.css';

package/styles/avatar/fluent-dark.scss

@@ -1,3 +1 @@
-@import 'ej2-base/styles/definition/fluent-dark.scss';
-@import 'fluent-dark-definition.scss';
-@import 'all.scss';
+@import 'ej2-layouts/styles/avatar/fluent-dark.scss';

package/styles/avatar/fluent.css

@@ -1,58 +1 @@
-.e-avatar {
-  -ms-flex-line-pack: center;
-      align-content: center;
-  -ms-flex-align: center;
-      align-items: center;
-  background-color: #edebe9;
-  background-position: center;
-  background-repeat: no-repeat;
-  background-size: cover;
-  border-radius: 4px;
-  color: #605e5c;
-  display: -ms-inline-flexbox;
-  display: inline-flex;
-  font-family: "Segoe UI", -apple-system, BlinkMacSystemFont, "Roboto", "Helvetica Neue", sans-serif;
-  font-size: 16px;
-  font-weight: 400;
-  height: 40px;
-  -ms-flex-pack: center;
-      justify-content: center;
-  overflow: hidden;
-  position: relative;
-  width: 40px;
-  line-height: 24px;
-}
-.e-avatar img {
-  height: 100%;
-  width: auto;
-}
-.e-avatar.e-avatar-circle {
-  border-radius: 50%;
-}
-.e-avatar.e-avatar-circle.e-avatar-large, .e-avatar.e-avatar-circle.e-avatar-xlarge {
-  border-radius: 50%;
-}
-.e-avatar.e-avatar-xsmall {
-  font-size: 10px;
-  height: 24px;
-  line-height: 16px;
-  width: 24px;
-}
-.e-avatar.e-avatar-small {
-  font-size: 12px;
-  height: 32px;
-  line-height: 18px;
-  width: 32px;
-}
-.e-avatar.e-avatar-large {
-  font-size: 20px;
-  height: 48px;
-  line-height: 28px;
-  width: 48px;
-}
-.e-avatar.e-avatar-xlarge {
-  font-size: 24px;
-  height: 56px;
-  line-height: 28px;
-  width: 56px;
-}
+@import '@syncfusion/ej2-layouts/styles/avatar/fluent.css';

package/styles/avatar/fluent.scss

@@ -1,3 +1 @@
-@import 'ej2-base/styles/definition/fluent.scss';
-@import 'fluent-definition.scss';
-@import 'all.scss';
+@import 'ej2-layouts/styles/avatar/fluent.scss';

package/styles/avatar/highcontrast-light.css

@@ -1,45 +1 @@
-.e-avatar {
-  -ms-flex-line-pack: center;
-      align-content: center;
-  -ms-flex-align: center;
-      align-items: center;
-  background-color: #bcbcbc;
-  background-position: center;
-  background-repeat: no-repeat;
-  background-size: cover;
-  border-radius: 5px;
-  color: #fff;
-  display: -ms-inline-flexbox;
-  display: inline-flex;
-  font-family: "Segoe UI", "GeezaPro", "DejaVu Serif", sans-serif, "-apple-system", "BlinkMacSystemFont";
-  font-size: 1em;
-  font-weight: 400;
-  height: 3em;
-  -ms-flex-pack: center;
-      justify-content: center;
-  overflow: hidden;
-  position: relative;
-  width: 3em;
-}
-.e-avatar img {
-  height: 100%;
-  width: auto;
-}
-.e-avatar.e-avatar-circle {
-  border-radius: 50%;
-}
-.e-avatar.e-avatar-circle.e-avatar-large, .e-avatar.e-avatar-circle.e-avatar-xlarge {
-  border-radius: 50%;
-}
-.e-avatar.e-avatar-xsmall {
-  font-size: 0.6em;
-}
-.e-avatar.e-avatar-small {
-  font-size: 0.8em;
-}
-.e-avatar.e-avatar-large {
-  font-size: 1.2em;
-}
-.e-avatar.e-avatar-xlarge {
-  font-size: 1.4em;
-}
+@import '@syncfusion/ej2-layouts/styles/avatar/highcontrast-light.css';

package/styles/avatar/highcontrast-light.scss

@@ -1,3 +1 @@
-@import 'ej2-base/styles/definition/highcontrast-light.scss';
-@import 'highcontrast-light-definition.scss';
-@import 'all.scss';
+@import 'ej2-layouts/styles/avatar/highcontrast-light.scss';