@syncfusion/ej2-vue-layouts 23.2.4 → 24.1.41

package/package.json

@@ -1,8 +1,8 @@
 {
   "_from": "@syncfusion/ej2-vue-layouts@*",
-  "_id": "@syncfusion/ej2-vue-layouts@23.1.36",
+  "_id": "@syncfusion/ej2-vue-layouts@21.4.6",
   "_inBundle": false,
-  "_integrity": "sha512-MkW9RNdCYUf9BpYBPXwl4yuLLTrbDw9vw8sC8VU/3aXRA/B56WaTBdjG/IXjy6Kre7da5bD6zcjyN0Me7PVGXQ==",
+  "_integrity": "sha512-1qUwRpWQaDxs9MlTS+TZcFQSXXwntDxCjsbSBix4VfTdS8klmIfnTrFsO7rcr7sIzhk+nMfjn7/UCmHEGcJYlA==",
   "_location": "/@syncfusion/ej2-vue-layouts",
   "_phantomChildren": {},
   "_requested": {
@@ -19,10 +19,10 @@
   "_requiredBy": [
     "/"
   ],
-  "_resolved": "https://nexus.syncfusion.com/repository/ej2-hotfix-new/@syncfusion/ej2-vue-layouts/-/ej2-vue-layouts-23.1.36.tgz",
-  "_shasum": "02ae3f94954bd1d2c057e4e9a74519b00ed1942a",
+  "_resolved": "https://nexus.syncfusion.com/repository/ej2-release/@syncfusion/ej2-vue-layouts/-/ej2-vue-layouts-21.4.6.tgz",
+  "_shasum": "97ee7b196dec87707bb568c7ba167f9dd6a1d52d",
   "_spec": "@syncfusion/ej2-vue-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-base": "~23.2.4",
-    "@syncfusion/ej2-layouts": "23.2.4",
-    "@syncfusion/ej2-vue-base": "~23.2.4"
+    "@syncfusion/ej2-base": "~24.1.41",
+    "@syncfusion/ej2-layouts": "24.1.41",
+    "@syncfusion/ej2-vue-base": "~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 Vue",
@@ -60,6 +60,6 @@
     "ci-publish": "gulp ci-publish",
     "compile": "gulp ci-compile && gulp vue-global-script"
   },
-  "version": "23.2.4",
+  "version": "24.1.41",
   "sideEffects": false
 }

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';

package/styles/avatar/material-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: "Roboto", "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/material-dark.css';