@syncfusion/ej2-angular-layouts 23.2.4-ngcc → 24.1.41-ngcc

package/dist/ej2-angular-layouts.umd.js

@@ -1,6 +1,6 @@
 /*!
 *  filename: ej2-angular-layouts.umd.js
-*  version : 23.2.4
+*  version : 24.1.41
 *  Copyright Syncfusion Inc. 2001 - 2023. 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/dist/ej2-angular-layouts.umd.min.js

@@ -1,6 +1,6 @@
 /*!
 *  filename: ej2-angular-layouts.umd.min.js
-*  version : 23.2.4
+*  version : 24.1.41
 *  Copyright Syncfusion Inc. 2001 - 2023. 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,8 +1,8 @@
 {
   "_from": "@syncfusion/ej2-angular-layouts@*",
-  "_id": "@syncfusion/ej2-angular-layouts@23.1.36",
+  "_id": "@syncfusion/ej2-angular-layouts@21.4.6",
   "_inBundle": false,
-  "_integrity": "sha512-ohRv4PtCn06wtcgndvpkRXL2Qmxp6oluu8LR7MOM2gzBNywcfKgl4i6aJiOHzht7TMJ7bOp5somNXcALQXNzGA==",
+  "_integrity": "sha512-1xxfmPAyPHA700UoKOVEAVi9C+lPfiwI+41iGUO/fYZ+Z+e5GJLr6TjnDQloJGY8adm66Xx5426uIsVuELA2lg==",
   "_location": "/@syncfusion/ej2-angular-layouts",
   "_phantomChildren": {},
   "_requested": {
@@ -19,10 +19,10 @@
   "_requiredBy": [
     "/"
   ],
-  "_resolved": "https://nexus.syncfusion.com/repository/ej2-hotfix-new/@syncfusion/ej2-angular-layouts/-/ej2-angular-layouts-23.1.36.tgz",
-  "_shasum": "bb939d3b4a0646924b722bf03b5cc2c5e0608413",
+  "_resolved": "https://nexus.syncfusion.com/repository/ej2-release/@syncfusion/ej2-angular-layouts/-/ej2-angular-layouts-21.4.6.tgz",
+  "_shasum": "0cb5e263db123a900fec26cde36c8d48228fee87",
   "_spec": "@syncfusion/ej2-angular-layouts@*",
-  "_where": "/jenkins/workspace/elease-automation_release_23.1.1/packages/included",
+  "_where": "/jenkins/workspace/elease-automation_release_24.1.1/packages/included",
   "author": {
     "name": "Syncfusion Inc."
   },
@@ -31,9 +31,9 @@
   },
   "bundleDependencies": false,
   "dependencies": {
-    "@syncfusion/ej2-angular-base": "~23.2.4",
-    "@syncfusion/ej2-base": "~23.2.4",
-    "@syncfusion/ej2-layouts": "23.2.4"
+    "@syncfusion/ej2-angular-base": "~24.1.41",
+    "@syncfusion/ej2-base": "~24.1.41",
+    "@syncfusion/ej2-layouts": "24.1.41"
   },
   "deprecated": false,
   "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. for Angular",
@@ -62,5 +62,5 @@
   "schematics": "./schematics/collection.json",
   "sideEffects": false,
   "typings": "ej2-angular-layouts.d.ts",
-  "version": "23.2.4-ngcc"
+  "version": "24.1.41-ngcc"
 }

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

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

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 = '^23.2.4';
+exports.pkgVer = '^24.1.41';
 exports.moduleName = 'SplitterModule, DashboardLayoutModule';
-exports.themeVer = '~23.2.4';
+exports.themeVer = '~24.1.41';

package/schematics/utils/lib-details.ts

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

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.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/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/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.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/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.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/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.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/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.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.css';