@syncfusion/ej2-angular-layouts 20.2.39-ngcc → 20.2.43

package/styles/dashboard-layout/icons/_highcontrast.scss

@@ -0,0 +1,80 @@
+@include export-module('dashboardlayout-highcontrast-icons') {
+  .e-dashboardlayout.e-control {
+    & .e-panel {
+
+      & .e-resize.e-single,
+      & .e-resize.e-double {
+        &.e-east {
+          height: 100%;
+          padding: 20px 0;
+          right: 1px;
+          top: 0;
+          width: 12px;
+        }
+
+        &.e-west {
+          height: 100%;
+          left: 0;
+          padding: 20px 0;
+          top: 0;
+          width: 12px;
+        }
+
+        &.e-north {
+          height: 12px;
+          padding: 0 20px;
+          top: 1px;
+          width: 100%;
+        }
+
+        &.e-south {
+          bottom: 1px;
+          height: 12px;
+          padding: 0 20px;
+          width: 100%;
+        }
+
+        &.e-south-east {
+          bottom: 0;
+          right: 1px;
+          z-index: 10;
+        }
+
+        &.e-north-west {
+          left: 2px;
+          top: 2px;
+          z-index: 10;
+        }
+
+        &.e-north-east {
+          right: 2px;
+          top: 2px;
+          z-index: 10;
+        }
+
+        &.e-south-west {
+          bottom: 1px;
+          left: 1px;
+          z-index: 10;
+        }
+
+        &.e-south-east::before {
+          bottom: 0;
+          content: '\eb06';
+          font-size: 12px;
+          position: absolute;
+          right: 0;
+        }
+
+        &.e-south-west::before {
+          bottom: 0;
+          content: '\eb06';
+          font-size: 12px;
+          left: 0;
+          position: absolute;
+          transform: rotateY(180deg);
+        }
+      }
+    }
+  }
+}

package/styles/dashboard-layout/icons/_material-dark.scss

@@ -0,0 +1,80 @@
+@include export-module('dashboardlayout-material-icons') {
+  .e-dashboardlayout.e-control {
+    & .e-panel {
+
+      & .e-resize.e-single,
+      & .e-resize.e-double {
+        &.e-east {
+          height: 100%;
+          padding: 20px 0;
+          right: 1px;
+          top: 0;
+          width: 12px;
+        }
+
+        &.e-west {
+          height: 100%;
+          left: 0;
+          padding: 20px 0;
+          top: 0;
+          width: 12px;
+        }
+
+        &.e-north {
+          height: 12px;
+          padding: 0 20px;
+          top: 1px;
+          width: 100%;
+        }
+
+        &.e-south {
+          bottom: 1px;
+          height: 12px;
+          padding: 0 20px;
+          width: 100%;
+        }
+
+        &.e-south-east {
+          bottom: 0;
+          right: 1px;
+          z-index: 10;
+        }
+
+        &.e-north-west {
+          left: 2px;
+          top: 2px;
+          z-index: 10;
+        }
+
+        &.e-north-east {
+          right: 2px;
+          top: 2px;
+          z-index: 10;
+        }
+
+        &.e-south-west {
+          bottom: 1px;
+          left: 1px;
+          z-index: 10;
+        }
+
+        &.e-south-east::before {
+          bottom: 0;
+          content: '\eb05';
+          font-size: 12px;
+          position: absolute;
+          right: 0;
+        }
+
+        &.e-south-west::before {
+          bottom: 0;
+          content: '\eb05';
+          font-size: 12px;
+          left: 0;
+          position: absolute;
+          transform: rotateY(180deg);
+        }
+      }
+    }
+  }
+}

package/styles/dashboard-layout/icons/_material.scss

@@ -0,0 +1,80 @@
+@include export-module('dashboardlayout-material-icons') {
+  .e-dashboardlayout.e-control {
+    & .e-panel {
+
+      & .e-resize.e-single,
+      & .e-resize.e-double {
+        &.e-east {
+          height: 100%;
+          padding: 20px 0;
+          right: 1px;
+          top: 0;
+          width: 12px;
+        }
+
+        &.e-west {
+          height: 100%;
+          left: 0;
+          padding: 20px 0;
+          top: 0;
+          width: 12px;
+        }
+
+        &.e-north {
+          height: 12px;
+          padding: 0 20px;
+          top: 1px;
+          width: 100%;
+        }
+
+        &.e-south {
+          bottom: 1px;
+          height: 12px;
+          padding: 0 20px;
+          width: 100%;
+        }
+
+        &.e-south-east {
+          bottom: 0;
+          right: 1px;
+          z-index: 10;
+        }
+
+        &.e-north-west {
+          left: 2px;
+          top: 2px;
+          z-index: 10;
+        }
+
+        &.e-north-east {
+          right: 2px;
+          top: 2px;
+          z-index: 10;
+        }
+
+        &.e-south-west {
+          bottom: 1px;
+          left: 1px;
+          z-index: 10;
+        }
+
+        &.e-south-east::before {
+          bottom: 0;
+          content: '\eb05';
+          font-size: 12px;
+          position: absolute;
+          right: 0;
+        }
+
+        &.e-south-west::before {
+          bottom: 0;
+          content: '\eb05';
+          font-size: 12px;
+          left: 0;
+          position: absolute;
+          transform: rotateY(180deg);
+        }
+      }
+    }
+  }
+}

package/styles/dashboard-layout/icons/_material3.scss

@@ -0,0 +1,80 @@
+@include export-module('dashboardlayout-material3-icons') {
+  .e-dashboardlayout.e-control {
+    & .e-panel {
+
+      & .e-resize.e-single,
+      & .e-resize.e-double {
+        &.e-east {
+          height: 100%;
+          padding: 20px 0;
+          right: 1px;
+          top: 0;
+          width: 12px;
+        }
+
+        &.e-west {
+          height: 100%;
+          left: 0;
+          padding: 20px 0;
+          top: 0;
+          width: 12px;
+        }
+
+        &.e-north {
+          height: 12px;
+          padding: 0 20px;
+          top: 1px;
+          width: 100%;
+        }
+
+        &.e-south {
+          bottom: 1px;
+          height: 12px;
+          padding: 0 20px;
+          width: 100%;
+        }
+
+        &.e-south-east {
+          bottom: 0;
+          right: 1px;
+          z-index: 10;
+        }
+
+        &.e-north-west {
+          left: 2px;
+          top: 2px;
+          z-index: 10;
+        }
+
+        &.e-north-east {
+          right: 2px;
+          top: 2px;
+          z-index: 10;
+        }
+
+        &.e-south-west {
+          bottom: 1px;
+          left: 1px;
+          z-index: 10;
+        }
+
+        &.e-south-east::before {
+          bottom: 4px;
+          content: '\e761';
+          font-size: 12px;
+          position: absolute;
+          right: 4px;
+        }
+
+        &.e-south-west::before {
+          bottom: 4px;
+          content: '\e761';
+          font-size: 12px;
+          left: 4px;
+          position: absolute;
+          transform: rotateY(180deg);
+        }
+      }
+    }
+  }
+}

package/styles/dashboard-layout/icons/_tailwind-dark.scss

@@ -0,0 +1,80 @@
+@include export-module('dashboardlayout-tailwind-dark-icons') {
+  .e-dashboardlayout.e-control {
+    & .e-panel {
+
+      & .e-resize.e-single,
+      & .e-resize.e-double {
+        &.e-east {
+          height: 100%;
+          padding: 20px 0;
+          right: 1px;
+          top: 0;
+          width: 12px;
+        }
+
+        &.e-west {
+          height: 100%;
+          left: 0;
+          padding: 20px 0;
+          top: 0;
+          width: 12px;
+        }
+
+        &.e-north {
+          height: 12px;
+          padding: 0 20px;
+          top: 1px;
+          width: 100%;
+        }
+
+        &.e-south {
+          bottom: 1px;
+          height: 12px;
+          padding: 0 20px;
+          width: 100%;
+        }
+
+        &.e-south-east {
+          bottom: 0;
+          right: 1px;
+          z-index: 10;
+        }
+
+        &.e-north-west {
+          left: 2px;
+          top: 2px;
+          z-index: 10;
+        }
+
+        &.e-north-east {
+          right: 2px;
+          top: 2px;
+          z-index: 10;
+        }
+
+        &.e-south-west {
+          bottom: 1px;
+          left: 1px;
+          z-index: 10;
+        }
+
+        &.e-south-east::before {
+          bottom: 4px;
+          content: '\e761';
+          font-size: 12px;
+          position: absolute;
+          right: 4px;
+        }
+
+        &.e-south-west::before {
+          bottom: 4px;
+          content: '\e761';
+          font-size: 12px;
+          left: 4px;
+          position: absolute;
+          transform: rotateY(180deg);
+        }
+      }
+    }
+  }
+}

package/styles/dashboard-layout/icons/_tailwind.scss

@@ -0,0 +1,80 @@
+@include export-module('dashboardlayout-tailwind-icons') {
+  .e-dashboardlayout.e-control {
+    & .e-panel {
+
+      & .e-resize.e-single,
+      & .e-resize.e-double {
+        &.e-east {
+          height: 100%;
+          padding: 20px 0;
+          right: 1px;
+          top: 0;
+          width: 12px;
+        }
+
+        &.e-west {
+          height: 100%;
+          left: 0;
+          padding: 20px 0;
+          top: 0;
+          width: 12px;
+        }
+
+        &.e-north {
+          height: 12px;
+          padding: 0 20px;
+          top: 1px;
+          width: 100%;
+        }
+
+        &.e-south {
+          bottom: 1px;
+          height: 12px;
+          padding: 0 20px;
+          width: 100%;
+        }
+
+        &.e-south-east {
+          bottom: 0;
+          right: 1px;
+          z-index: 10;
+        }
+
+        &.e-north-west {
+          left: 2px;
+          top: 2px;
+          z-index: 10;
+        }
+
+        &.e-north-east {
+          right: 2px;
+          top: 2px;
+          z-index: 10;
+        }
+
+        &.e-south-west {
+          bottom: 1px;
+          left: 1px;
+          z-index: 10;
+        }
+
+        &.e-south-east::before {
+          bottom: 4px;
+          content: '\e761';
+          font-size: 12px;
+          position: absolute;
+          right: 4px;
+        }
+
+        &.e-south-west::before {
+          bottom: 4px;
+          content: '\e761';
+          font-size: 12px;
+          left: 4px;
+          position: absolute;
+          transform: rotateY(180deg);
+        }
+      }
+    }
+  }
+}

package/styles/dashboard-layout/material-dark.css

@@ -1,5 +1,6 @@
 @import url("https://fonts.googleapis.com/css?family=Roboto:400,500");
 /*! component's theme wise override material-definitions and variables */
+/* stylelint-disable */
 .e-dashboardlayout.e-control .e-panel .e-resize.e-single.e-east, .e-dashboardlayout.e-control .e-panel .e-resize.e-double.e-east {
   height: 100%;
   padding: 20px 0;

package/styles/dashboard-layout/material-dark.scss

@@ -1 +1,4 @@
-@import 'ej2-layouts/styles/dashboard-layout/material-dark.scss';
+@import 'ej2-base/styles/material-dark-definition.scss';
+@import 'material-dark-definition.scss';
+@import 'icons/material-dark.scss';
+@import 'all.scss';

package/styles/dashboard-layout/material.css

@@ -1,5 +1,6 @@
 @import url("https://fonts.googleapis.com/css?family=Roboto:400,500");
 /*! component's theme wise override material-definitions and variables */
+/* stylelint-disable */
 .e-dashboardlayout.e-control .e-panel .e-resize.e-single.e-east, .e-dashboardlayout.e-control .e-panel .e-resize.e-double.e-east {
   height: 100%;
   padding: 20px 0;

package/styles/dashboard-layout/material.scss

@@ -1 +1,4 @@
-@import 'ej2-layouts/styles/dashboard-layout/material.scss';
+@import 'ej2-base/styles/material-definition.scss';
+@import 'material-definition.scss';
+@import 'icons/material.scss';
+@import 'all.scss';

package/styles/dashboard-layout/tailwind-dark.css

@@ -1,5 +1,6 @@
 @import url("https://fonts.googleapis.com/css2?family=Inter:wght@100;200;300;400;500;600;700;800;900&display=swap");
 /*! component's theme wise override tailwind-definitions and variables */
+/* stylelint-disable */
 .e-dashboardlayout.e-control .e-panel .e-resize.e-single.e-east, .e-dashboardlayout.e-control .e-panel .e-resize.e-double.e-east {
   height: 100%;
   padding: 20px 0;

package/styles/dashboard-layout/tailwind-dark.scss

@@ -1 +1,4 @@
-@import 'ej2-layouts/styles/dashboard-layout/tailwind-dark.scss';
+@import 'ej2-base/styles/tailwind-dark-definition.scss';
+@import 'tailwind-dark-definition.scss';
+@import 'icons/tailwind-dark.scss';
+@import 'all.scss';

package/styles/dashboard-layout/tailwind.css

@@ -1,5 +1,6 @@
 @import url("https://fonts.googleapis.com/css2?family=Inter:wght@100;200;300;400;500;600;700;800;900&display=swap");
 /*! component's theme wise override tailwind-definitions and variables */
+/* stylelint-disable */
 .e-dashboardlayout.e-control .e-panel .e-resize.e-single.e-east, .e-dashboardlayout.e-control .e-panel .e-resize.e-double.e-east {
   height: 100%;
   padding: 20px 0;

package/styles/dashboard-layout/tailwind.scss

@@ -1 +1,4 @@
-@import 'ej2-layouts/styles/dashboard-layout/tailwind.scss';
+@import 'ej2-base/styles/tailwind-definition.scss';
+@import 'tailwind-definition.scss';
+@import 'icons/tailwind.scss';
+@import 'all.scss';

package/styles/fabric-dark.css

@@ -337,12 +337,12 @@
 }
 .e-card .e-card-header .e-card-header-caption .e-card-header-title {
   font-size: 13px;
-  font-weight: 400;
+  font-weight: normal;
   line-height: 18px;
 }
 .e-card .e-card-header .e-card-header-caption .e-card-sub-title {
   font-size: 12px;
-  font-weight: 400;
+  font-weight: normal;
   line-height: 14px;
   padding: 0 0 8px;
 }
@@ -450,8 +450,8 @@
   text-overflow: ellipsis;
   width: inherit;
 }
-.e-card .e-card-actions .e-card-btn else,
-.e-card .e-card-actions a else {
+.e-card .e-card-actions .e-card-btn,
+.e-card .e-card-actions a {
   border-radius: 2px;
 }
 .e-card .e-card-actions .e-card-btn,
@@ -487,6 +487,7 @@
 }
 
 /*! card theme */
+/* stylelint-disable property-no-vendor-prefix */
 .e-card {
   -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
   background-color: #201f1f;
@@ -609,8 +610,8 @@
 }
 .e-splitter.e-splitter-horizontal .e-pane.e-pane-horizontal.e-pane-hidden, .e-splitter.e-splitter-vertical .e-pane.e-pane-horizontal.e-pane-hidden {
   -ms-flex-preferred-size: 0 !important;
-      flex-basis: 0 !important;
-  overflow: hidden !important;
+      flex-basis: 0 !important; /* stylelint-disable-line declaration-no-important */
+  overflow: hidden !important; /* stylelint-disable-line declaration-no-important */
 }
 .e-splitter.e-splitter-horizontal {
   -ms-flex-direction: row;
@@ -643,8 +644,8 @@
 }
 .e-splitter.e-splitter-vertical .e-pane-vertical.e-pane-hidden {
   -ms-flex-preferred-size: 0 !important;
-      flex-basis: 0 !important;
-  overflow: hidden !important;
+      flex-basis: 0 !important; /* stylelint-disable-line declaration-no-important */
+  overflow: hidden !important; /* stylelint-disable-line declaration-no-important */
 }
 .e-splitter.e-splitter-vertical.e-rtl .e-split-bar.e-split-bar-vertical .e-navigate-arrow:not(.e-arrow-down)::before,
 .e-splitter.e-splitter-vertical.e-rtl .e-split-bar.e-split-bar-vertical .e-navigate-arrow:not(.e-arrow-down)::after {
@@ -1046,7 +1047,8 @@
   pointer-events: none;
 }
 
-/*! component's theme wise override fabric-definitions and variables */
+/* stylelint-disable-line no-empty-source */ /*! component's theme wise override fabric-definitions and variables */
+/* stylelint-disable */
 .e-dashboardlayout.e-control .e-panel .e-resize.e-single.e-east, .e-dashboardlayout.e-control .e-panel .e-resize.e-double.e-east {
   height: 100%;
   padding: 20px 0;

package/styles/fabric.css

@@ -347,13 +347,13 @@
 }
 .e-card .e-card-header .e-card-header-caption .e-card-header-title {
   font-size: 14px;
-  font-weight: 400;
+  font-weight: normal;
   font-weight: 600;
   line-height: normal;
 }
 .e-card .e-card-header .e-card-header-caption .e-card-sub-title {
   font-size: 14px;
-  font-weight: 400;
+  font-weight: normal;
   line-height: normal;
   padding: 6px 0 0;
 }
@@ -461,8 +461,8 @@
   text-overflow: ellipsis;
   width: inherit;
 }
-.e-card .e-card-actions .e-card-btn else,
-.e-card .e-card-actions a else {
+.e-card .e-card-actions .e-card-btn,
+.e-card .e-card-actions a {
   border-radius: 2px;
 }
 .e-card .e-card-actions .e-card-btn,
@@ -498,6 +498,7 @@
 }
 
 /*! card theme */
+/* stylelint-disable property-no-vendor-prefix */
 .e-card {
   -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
   background-color: #fff;
@@ -620,8 +621,8 @@
 }
 .e-splitter.e-splitter-horizontal .e-pane.e-pane-horizontal.e-pane-hidden, .e-splitter.e-splitter-vertical .e-pane.e-pane-horizontal.e-pane-hidden {
   -ms-flex-preferred-size: 0 !important;
-      flex-basis: 0 !important;
-  overflow: hidden !important;
+      flex-basis: 0 !important; /* stylelint-disable-line declaration-no-important */
+  overflow: hidden !important; /* stylelint-disable-line declaration-no-important */
 }
 .e-splitter.e-splitter-horizontal {
   -ms-flex-direction: row;
@@ -654,8 +655,8 @@
 }
 .e-splitter.e-splitter-vertical .e-pane-vertical.e-pane-hidden {
   -ms-flex-preferred-size: 0 !important;
-      flex-basis: 0 !important;
-  overflow: hidden !important;
+      flex-basis: 0 !important; /* stylelint-disable-line declaration-no-important */
+  overflow: hidden !important; /* stylelint-disable-line declaration-no-important */
 }
 .e-splitter.e-splitter-vertical.e-rtl .e-split-bar.e-split-bar-vertical .e-navigate-arrow:not(.e-arrow-down)::before,
 .e-splitter.e-splitter-vertical.e-rtl .e-split-bar.e-split-bar-vertical .e-navigate-arrow:not(.e-arrow-down)::after {
@@ -1057,7 +1058,8 @@
   pointer-events: none;
 }
 
-/*! component's theme wise override fabric-definitions and variables */
+/* stylelint-disable-line no-empty-source */ /*! component's theme wise override fabric-definitions and variables */
+/* stylelint-disable */
 .e-dashboardlayout.e-control .e-panel .e-resize.e-single.e-east, .e-dashboardlayout.e-control .e-panel .e-resize.e-double.e-east {
   height: 100%;
   padding: 20px 0;