@syncfusion/ej2-layouts 33.1.47 → 34.1.29

package/styles/fluent2.scss

@@ -1,18 +1,17 @@
-@use 'ej2-base/styles/definition/fluent2' as *;
 @use 'avatar/fluent2-definition' as *;
-@use 'avatar/all.fluent2' as *;
+@use 'avatar/all' as *;
 
 @use 'card/fluent2-definition' as *;
-@use 'card/all.fluent2' as *;
-@use 'card/bigger.fluent2' as *;
+@use 'card/all' as *;
+@use 'card/bigger' as *;
 @use 'splitter/fluent2-definition' as *;
 @use 'splitter/icons/fluent2' as *;
-@use 'splitter/all.fluent2' as *;
-@use 'splitter/bigger.fluent2' as *;
+@use 'splitter/all' as *;
+@use 'splitter/bigger' as *;
 @use 'dashboard-layout/fluent2-definition' as *;
 @use 'dashboard-layout/icons/fluent2' as *;
-@use 'dashboard-layout/all.fluent2' as *;
-@use 'dashboard-layout/bigger.fluent2' as *;
+@use 'dashboard-layout/all' as *;
+@use 'dashboard-layout/bigger' as *;
 @use 'timeline/fluent2-definition' as *;
-@use 'timeline/all.fluent2' as *;
-@use 'timeline/bigger.fluent2' as *;
+@use 'timeline/all' as *;
+@use 'timeline/bigger' as *;

package/styles/highcontrast-light-lite.css

@@ -47,8 +47,6 @@
   font-size: 1.4em;
 }
 
-/*! component's default definitions and variables */
-/*! component's theme wise override material-definitions and variables */
 /*! component's default definitions and variables */
 /*! component's theme wise override material-definitions and variables */
 .e-card {
@@ -403,8 +401,6 @@
   text-overflow: ellipsis;
 }
 
-/*! component's default definitions and variables */
-/*! component's theme wise override material-definitions and variables */
 /* stylelint-disable property-no-vendor-prefix */
 .e-card {
   -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
@@ -993,8 +989,7 @@
   pointer-events: none;
 }
 
-/*! component's theme wise override highcontrast-definitions and variables */
-/* stylelint-disable */
+/* stylelint-disable-line no-empty-source */
 /*! component's theme wise override highcontrast-definitions and variables */
 /* stylelint-disable */
 .e-dashboardlayout.e-control .e-dashboard-gridline-table {
@@ -1027,7 +1022,6 @@
       -ms-user-select: none;
           user-select: none;
   width: 100%;
-  border-radius: 2px;
 }
 .e-dashboardlayout.e-control .e-panel:hover {
   border: 1px #000 solid;
@@ -1049,6 +1043,9 @@
 .e-dashboardlayout.e-control .e-panel .e-panel-container .e-resize.e-dl-icon {
   display: none;
 }
+.e-dashboardlayout.e-control .e-panel {
+  border-radius: 2px;
+}
 .e-dashboardlayout.e-control .e-panel.e-panel-transition {
   -webkit-transition: top 0.1s, left 0.1s;
   transition: top 0.1s, left 0.1s;
@@ -1128,20 +1125,20 @@
   border: 2px #400074 dotted;
   border-radius: 0;
   position: absolute;
-  border-radius: 2px;
 }
 .e-dashboardlayout.e-control .e-holder.e-holder-transition {
   -webkit-transition: top 0.3s, left 0.3s;
   transition: top 0.3s, left 0.3s;
 }
+.e-dashboardlayout.e-control .e-holder {
+  border-radius: 2px;
+}
 
 .e-content-placeholder.e-dashboardlayout.e-placeholder-dashboardlayout {
   height: 100%;
   width: 100%;
 }
 
-/*! component's theme wise override highcontrast-definitions and variables */
-/* stylelint-disable */
 .e-dashboardlayout.e-control {
   display: block;
   position: relative;

package/styles/highcontrast-light-lite.scss

@@ -1,13 +1,12 @@
-@use 'ej2-base/styles/definition/highcontrast-light' as *;
 @use 'avatar/highcontrast-light-definition' as *;
-@use 'avatar/all.highcontrast-light' as *;
+@use 'avatar/all' as *;
 
 @use 'card/highcontrast-light-definition' as *;
-@use 'card/all.highcontrast-light' as *;
+@use 'card/all' as *;
 @use 'splitter/highcontrast-light-definition' as *;
 @use 'splitter/icons/highcontrast-light' as *;
-@use 'splitter/all.highcontrast-light' as *;
+@use 'splitter/all' as *;
 @use 'dashboard-layout/highcontrast-light-definition' as *;
-@use 'dashboard-layout/all.highcontrast-light' as *;
+@use 'dashboard-layout/all' as *;
 @use 'timeline/highcontrast-light-definition' as *;
-@use 'timeline/all.highcontrast-light' as *;
+@use 'timeline/all' as *;

package/styles/highcontrast-light.css

@@ -47,8 +47,6 @@
   font-size: 1.4em;
 }
 
-/*! component's default definitions and variables */
-/*! component's theme wise override material-definitions and variables */
 /*! component's default definitions and variables */
 /*! component's theme wise override material-definitions and variables */
 .e-card {
@@ -403,8 +401,6 @@
   text-overflow: ellipsis;
 }
 
-/*! component's default definitions and variables */
-/*! component's theme wise override material-definitions and variables */
 /* stylelint-disable property-no-vendor-prefix */
 .e-card {
   -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
@@ -473,8 +469,6 @@
   color: #000;
 }
 
-/*! component's default definitions and variables */
-/*! component's theme wise override material-definitions and variables */
 .e-bigger .e-card,
 .e-bigger.e-card {
   line-height: 36px;
@@ -1130,6 +1124,7 @@
   pointer-events: none;
 }
 
+/* stylelint-disable-line no-empty-source */
 .e-bigger.e-splitter .e-pane {
   font-size: 13px;
 }
@@ -1170,8 +1165,6 @@
   font-size: 16px;
 }
 
-/*! component's theme wise override highcontrast-definitions and variables */
-/* stylelint-disable */
 /*! component's theme wise override highcontrast-definitions and variables */
 /* stylelint-disable */
 .e-dashboardlayout.e-control .e-dashboard-gridline-table {
@@ -1204,7 +1197,6 @@
       -ms-user-select: none;
           user-select: none;
   width: 100%;
-  border-radius: 2px;
 }
 .e-dashboardlayout.e-control .e-panel:hover {
   border: 1px #000 solid;
@@ -1226,6 +1218,9 @@
 .e-dashboardlayout.e-control .e-panel .e-panel-container .e-resize.e-dl-icon {
   display: none;
 }
+.e-dashboardlayout.e-control .e-panel {
+  border-radius: 2px;
+}
 .e-dashboardlayout.e-control .e-panel.e-panel-transition {
   -webkit-transition: top 0.1s, left 0.1s;
   transition: top 0.1s, left 0.1s;
@@ -1305,20 +1300,20 @@
   border: 2px #400074 dotted;
   border-radius: 0;
   position: absolute;
-  border-radius: 2px;
 }
 .e-dashboardlayout.e-control .e-holder.e-holder-transition {
   -webkit-transition: top 0.3s, left 0.3s;
   transition: top 0.3s, left 0.3s;
 }
+.e-dashboardlayout.e-control .e-holder {
+  border-radius: 2px;
+}
 
 .e-content-placeholder.e-dashboardlayout.e-placeholder-dashboardlayout {
   height: 100%;
   width: 100%;
 }
 
-/*! component's theme wise override highcontrast-definitions and variables */
-/* stylelint-disable */
 .e-dashboardlayout.e-control {
   display: block;
   position: relative;
@@ -1391,8 +1386,6 @@
   bottom: -5px;
   right: -6px;
 }
-/*! component's theme wise override highcontrast-definitions and variables */
-/* stylelint-disable */
 .e-bigger .e-dashboardlayout.e-control .e-panel .e-panel-header {
   font-size: 14px;
   font-weight: 500;

package/styles/highcontrast-light.scss

@@ -1,17 +1,16 @@
-@use 'ej2-base/styles/definition/highcontrast-light' as *;
 @use 'avatar/highcontrast-light-definition' as *;
-@use 'avatar/all.highcontrast-light' as *;
+@use 'avatar/all' as *;
 
 @use 'card/highcontrast-light-definition' as *;
-@use 'card/all.highcontrast-light' as *;
-@use 'card/bigger.highcontrast-light' as *;
+@use 'card/all' as *;
+@use 'card/bigger' as *;
 @use 'splitter/highcontrast-light-definition' as *;
 @use 'splitter/icons/highcontrast-light' as *;
-@use 'splitter/all.highcontrast-light' as *;
-@use 'splitter/bigger.highcontrast-light' as *;
+@use 'splitter/all' as *;
+@use 'splitter/bigger' as *;
 @use 'dashboard-layout/highcontrast-light-definition' as *;
-@use 'dashboard-layout/all.highcontrast-light' as *;
-@use 'dashboard-layout/bigger.highcontrast-light' as *;
+@use 'dashboard-layout/all' as *;
+@use 'dashboard-layout/bigger' as *;
 @use 'timeline/highcontrast-light-definition' as *;
-@use 'timeline/all.highcontrast-light' as *;
-@use 'timeline/bigger.highcontrast-light' as *;
+@use 'timeline/all' as *;
+@use 'timeline/bigger' as *;

package/styles/highcontrast-lite.css

@@ -47,7 +47,6 @@
   font-size: 1.4em;
 }
 
-/*! component's theme wise override material-definitions and variables */
 /*! component's theme wise override material-definitions and variables */
 .e-card {
   border-radius: 4px;
@@ -412,7 +411,6 @@
   text-overflow: ellipsis;
 }
 
-/*! component's theme wise override material-definitions and variables */
 /* stylelint-disable property-no-vendor-prefix */
 .e-card {
   -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
@@ -1001,6 +999,7 @@
   pointer-events: none;
 }
 
+/* stylelint-disable-line no-empty-source */
 /*! component's theme wise override highcontrast-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 {
@@ -1066,8 +1065,6 @@
           transform: rotateY(180deg);
 }
 
-/*! component's theme wise override highcontrast-definitions and variables */
-/* stylelint-disable */
 .e-dashboardlayout.e-control .e-dashboard-gridline-table {
   background: #1a1a1a;
   border-collapse: collapse;
@@ -1209,8 +1206,6 @@
   width: 100%;
 }
 
-/*! component's theme wise override highcontrast-definitions and variables */
-/* stylelint-disable */
 .e-dashboardlayout.e-control {
   display: block;
   position: relative;

package/styles/highcontrast-lite.scss

@@ -1,14 +1,13 @@
-@use 'ej2-base/styles/definition/highcontrast' as *;
 @use 'avatar/highcontrast-definition' as *;
-@use 'avatar/all.highcontrast' as *;
+@use 'avatar/all' as *;
 
 @use 'card/highcontrast-definition' as *;
-@use 'card/all.highcontrast' as *;
+@use 'card/all' as *;
 @use 'splitter/highcontrast-definition' as *;
 @use 'splitter/icons/highcontrast' as *;
-@use 'splitter/all.highcontrast' as *;
+@use 'splitter/all' as *;
 @use 'dashboard-layout/highcontrast-definition' as *;
 @use 'dashboard-layout/icons/highcontrast' as *;
-@use 'dashboard-layout/all.highcontrast' as *;
+@use 'dashboard-layout/all' as *;
 @use 'timeline/highcontrast-definition' as *;
-@use 'timeline/all.highcontrast' as *;
+@use 'timeline/all' as *;

package/styles/highcontrast.css

@@ -47,7 +47,6 @@
   font-size: 1.4em;
 }
 
-/*! component's theme wise override material-definitions and variables */
 /*! component's theme wise override material-definitions and variables */
 .e-card {
   border-radius: 4px;
@@ -412,7 +411,6 @@
   text-overflow: ellipsis;
 }
 
-/*! component's theme wise override material-definitions and variables */
 /* stylelint-disable property-no-vendor-prefix */
 .e-card {
   -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
@@ -481,7 +479,6 @@
   color: #fff;
 }
 
-/*! component's theme wise override material-definitions and variables */
 .e-bigger .e-card,
 .e-bigger.e-card {
   line-height: 45px;
@@ -1138,6 +1135,7 @@
   pointer-events: none;
 }
 
+/* stylelint-disable-line no-empty-source */
 .e-bigger.e-splitter .e-pane {
   font-size: 13px;
 }
@@ -1243,8 +1241,6 @@
           transform: rotateY(180deg);
 }
 
-/*! component's theme wise override highcontrast-definitions and variables */
-/* stylelint-disable */
 .e-dashboardlayout.e-control .e-dashboard-gridline-table {
   background: #1a1a1a;
   border-collapse: collapse;
@@ -1386,8 +1382,6 @@
   width: 100%;
 }
 
-/*! component's theme wise override highcontrast-definitions and variables */
-/* stylelint-disable */
 .e-dashboardlayout.e-control {
   display: block;
   position: relative;
@@ -1460,8 +1454,6 @@
   bottom: -5px;
   right: -6px;
 }
-/*! component's theme wise override highcontrast-definitions and variables */
-/* stylelint-disable */
 .e-bigger .e-dashboardlayout.e-control .e-panel .e-panel-header {
   font-size: 14px;
   font-weight: 500;

package/styles/highcontrast.scss

@@ -1,18 +1,17 @@
-@use 'ej2-base/styles/definition/highcontrast' as *;
 @use 'avatar/highcontrast-definition' as *;
-@use 'avatar/all.highcontrast' as *;
+@use 'avatar/all' as *;
 
 @use 'card/highcontrast-definition' as *;
-@use 'card/all.highcontrast' as *;
-@use 'card/bigger.highcontrast' as *;
+@use 'card/all' as *;
+@use 'card/bigger' as *;
 @use 'splitter/highcontrast-definition' as *;
 @use 'splitter/icons/highcontrast' as *;
-@use 'splitter/all.highcontrast' as *;
-@use 'splitter/bigger.highcontrast' as *;
+@use 'splitter/all' as *;
+@use 'splitter/bigger' as *;
 @use 'dashboard-layout/highcontrast-definition' as *;
 @use 'dashboard-layout/icons/highcontrast' as *;
-@use 'dashboard-layout/all.highcontrast' as *;
-@use 'dashboard-layout/bigger.highcontrast' as *;
+@use 'dashboard-layout/all' as *;
+@use 'dashboard-layout/bigger' as *;
 @use 'timeline/highcontrast-definition' as *;
-@use 'timeline/all.highcontrast' as *;
-@use 'timeline/bigger.highcontrast' as *;
+@use 'timeline/all' as *;
+@use 'timeline/bigger' as *;

package/styles/material-dark-lite.css

@@ -47,8 +47,6 @@
   font-size: 1.4em;
 }
 
-/*! component's default definitions and variables */
-/*! component's theme wise override material-definitions and variables */
 /*! component's default definitions and variables */
 /*! component's theme wise override material-definitions and variables */
 .e-card {
@@ -403,8 +401,6 @@
   text-overflow: ellipsis;
 }
 
-/*! component's default definitions and variables */
-/*! component's theme wise override material-definitions and variables */
 /* stylelint-disable property-no-vendor-prefix */
 .e-card {
   -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
@@ -991,6 +987,7 @@
   pointer-events: none;
 }
 
+/* stylelint-disable-line no-empty-source */
 /*! 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 {
@@ -1056,8 +1053,6 @@
           transform: rotateY(180deg);
 }
 
-/*! component's theme wise override material-definitions and variables */
-/* stylelint-disable */
 .e-dashboardlayout.e-control .e-dashboard-gridline-table {
   background: #1E1E1E;
   border-collapse: collapse;
@@ -1088,7 +1083,6 @@
       -ms-user-select: none;
           user-select: none;
   width: 100%;
-  border-radius: 2px;
 }
 .e-dashboardlayout.e-control .e-panel:hover {
   border: 1px #9e9e9e solid;
@@ -1110,6 +1104,9 @@
 .e-dashboardlayout.e-control .e-panel .e-panel-container .e-resize.e-dl-icon {
   display: none;
 }
+.e-dashboardlayout.e-control .e-panel {
+  border-radius: 2px;
+}
 .e-dashboardlayout.e-control .e-panel.e-panel-transition {
   -webkit-transition: top 0.1s, left 0.1s;
   transition: top 0.1s, left 0.1s;
@@ -1189,20 +1186,20 @@
   border: 2px rgba(0, 176, 255, 0.25) dotted;
   border-radius: 0;
   position: absolute;
-  border-radius: 2px;
 }
 .e-dashboardlayout.e-control .e-holder.e-holder-transition {
   -webkit-transition: top 0.3s, left 0.3s;
   transition: top 0.3s, left 0.3s;
 }
+.e-dashboardlayout.e-control .e-holder {
+  border-radius: 2px;
+}
 
 .e-content-placeholder.e-dashboardlayout.e-placeholder-dashboardlayout {
   height: 100%;
   width: 100%;
 }
 
-/*! component's theme wise override material-definitions and variables */
-/* stylelint-disable */
 .e-dashboardlayout.e-control {
   display: block;
   position: relative;

package/styles/material-dark-lite.scss

@@ -1,14 +1,13 @@
-@use 'ej2-base/styles/definition/material-dark' as *;
 @use 'avatar/material-dark-definition' as *;
-@use 'avatar/all.material-dark' as *;
+@use 'avatar/all' as *;
 
 @use 'card/material-dark-definition' as *;
-@use 'card/all.material-dark' as *;
+@use 'card/all' as *;
 @use 'splitter/material-dark-definition' as *;
 @use 'splitter/icons/material-dark' as *;
-@use 'splitter/all.material-dark' as *;
+@use 'splitter/all' as *;
 @use 'dashboard-layout/material-dark-definition' as *;
 @use 'dashboard-layout/icons/material-dark' as *;
-@use 'dashboard-layout/all.material-dark' as *;
+@use 'dashboard-layout/all' as *;
 @use 'timeline/material-dark-definition' as *;
-@use 'timeline/all.material-dark' as *;
+@use 'timeline/all' as *;

package/styles/material-dark.css

@@ -47,8 +47,6 @@
   font-size: 1.4em;
 }
 
-/*! component's default definitions and variables */
-/*! component's theme wise override material-definitions and variables */
 /*! component's default definitions and variables */
 /*! component's theme wise override material-definitions and variables */
 .e-card {
@@ -403,8 +401,6 @@
   text-overflow: ellipsis;
 }
 
-/*! component's default definitions and variables */
-/*! component's theme wise override material-definitions and variables */
 /* stylelint-disable property-no-vendor-prefix */
 .e-card {
   -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
@@ -473,8 +469,6 @@
   color: rgba(255, 255, 255, 0.7);
 }
 
-/*! component's default definitions and variables */
-/*! component's theme wise override material-definitions and variables */
 .e-bigger .e-card,
 .e-bigger.e-card {
   line-height: 36px;
@@ -1128,6 +1122,7 @@
   pointer-events: none;
 }
 
+/* stylelint-disable-line no-empty-source */
 .e-bigger.e-splitter .e-pane {
   font-size: 14px;
 }
@@ -1233,8 +1228,6 @@
           transform: rotateY(180deg);
 }
 
-/*! component's theme wise override material-definitions and variables */
-/* stylelint-disable */
 .e-dashboardlayout.e-control .e-dashboard-gridline-table {
   background: #1E1E1E;
   border-collapse: collapse;
@@ -1265,7 +1258,6 @@
       -ms-user-select: none;
           user-select: none;
   width: 100%;
-  border-radius: 2px;
 }
 .e-dashboardlayout.e-control .e-panel:hover {
   border: 1px #9e9e9e solid;
@@ -1287,6 +1279,9 @@
 .e-dashboardlayout.e-control .e-panel .e-panel-container .e-resize.e-dl-icon {
   display: none;
 }
+.e-dashboardlayout.e-control .e-panel {
+  border-radius: 2px;
+}
 .e-dashboardlayout.e-control .e-panel.e-panel-transition {
   -webkit-transition: top 0.1s, left 0.1s;
   transition: top 0.1s, left 0.1s;
@@ -1366,20 +1361,20 @@
   border: 2px rgba(0, 176, 255, 0.25) dotted;
   border-radius: 0;
   position: absolute;
-  border-radius: 2px;
 }
 .e-dashboardlayout.e-control .e-holder.e-holder-transition {
   -webkit-transition: top 0.3s, left 0.3s;
   transition: top 0.3s, left 0.3s;
 }
+.e-dashboardlayout.e-control .e-holder {
+  border-radius: 2px;
+}
 
 .e-content-placeholder.e-dashboardlayout.e-placeholder-dashboardlayout {
   height: 100%;
   width: 100%;
 }
 
-/*! component's theme wise override material-definitions and variables */
-/* stylelint-disable */
 .e-dashboardlayout.e-control {
   display: block;
   position: relative;
@@ -1452,8 +1447,6 @@
   bottom: -5px;
   right: -6px;
 }
-/*! component's theme wise override material-definitions and variables */
-/* stylelint-disable */
 .e-bigger .e-dashboardlayout.e-control .e-panel .e-panel-header {
   font-size: 13px;
   font-weight: 500;

package/styles/material-dark.scss

@@ -1,18 +1,17 @@
-@use 'ej2-base/styles/definition/material-dark' as *;
 @use 'avatar/material-dark-definition' as *;
-@use 'avatar/all.material-dark' as *;
+@use 'avatar/all' as *;
 
 @use 'card/material-dark-definition' as *;
-@use 'card/all.material-dark' as *;
-@use 'card/bigger.material-dark' as *;
+@use 'card/all' as *;
+@use 'card/bigger' as *;
 @use 'splitter/material-dark-definition' as *;
 @use 'splitter/icons/material-dark' as *;
-@use 'splitter/all.material-dark' as *;
-@use 'splitter/bigger.material-dark' as *;
+@use 'splitter/all' as *;
+@use 'splitter/bigger' as *;
 @use 'dashboard-layout/material-dark-definition' as *;
 @use 'dashboard-layout/icons/material-dark' as *;
-@use 'dashboard-layout/all.material-dark' as *;
-@use 'dashboard-layout/bigger.material-dark' as *;
+@use 'dashboard-layout/all' as *;
+@use 'dashboard-layout/bigger' as *;
 @use 'timeline/material-dark-definition' as *;
-@use 'timeline/all.material-dark' as *;
-@use 'timeline/bigger.material-dark' as *;
+@use 'timeline/all' as *;
+@use 'timeline/bigger' as *;