@syncfusion/ej2-angular-layouts 24.1.41 → 24.2.3

package/styles/dashboard-layout/_theme.scss

@@ -1,128 +0,0 @@
-@include export-module('dashboardlayout-theme') {
-  .e-dashboardlayout.e-control {
-    display: block;
-    position: $grid-layout-position;
-
-    & .e-panel {
-      background: $panel-background;
-      box-shadow: $panel-box-shadow;
-      box-sizing: $panel-box-sizing;
-      position: $panel-position;
-
-      & .e-panel-container {
-        & .e-panel-header {
-          color: $panel-header-color;
-          @if ($skin-name == 'tailwind' or $skin-name == 'bootstrap5' or $skin-name == 'Material3' or $skin-name == 'Material3-dark') {
-            background: $panel-header-bg-color;
-            box-sizing: $panel-box-sizing;
-          }
-        }
-      }
-    }
-
-    & .e-panel.e-dragging {
-      &:active {
-        @if ($skin-name == 'tailwind') {
-          background: $content-bg-color;
-          box-shadow: $panel-active-drag-box-shadow;
-        }
-      }
-    }
-
-    & .e-panel {
-      background: $panel-background;
-      box-shadow: $panel-box-shadow;
-      box-sizing: $panel-box-sizing;
-      position: $panel-position;
-
-      &:active {
-        @if ($skin-name == 'tailwind' or $skin-name == 'bootstrap5' or $skin-name == 'FluentUI') {
-          background: $panel-active-background;
-        }
-      }
-
-      & .e-panel-container {
-        & .e-panel-header {
-          color: $panel-header-color;
-        }
-
-        & .e-resize.e-single {
-          background: none;
-        }
-
-        & .e-resize.e-double {
-          color: $panel-resize-two-dimensional-icon-color;
-          font-size: $panel-resize-two-dimensional-inner-icon-height;
-          height: $panel-resize-two-dimensional-icon-height;
-          width: $panel-resize-two-dimensional-icon-width;
-
-          &.e-south-east-double {
-            bottom: $panel-south-east-icon-bottom;
-            right: $panel-south-east-icon-right;
-          }
-
-          &.e-south-west-double {
-            bottom: $panel-south-west-icon-bottom;
-            left: $panel-south-west-icon-left;
-          }
-
-          &.e-north-west-double {
-            left: $panel-north-west-icon-left;
-            top: $panel-north-west-icon-top;
-          }
-
-          &.e-north-east-double {
-            right: $panel-north-east-icon-right;
-            top: $panel-north-east-icon-top;
-          }
-
-          &.e-north-east-shrink {
-            right: $panel-north-east-icon-right;
-            top: $panel-north-east-icon-top;
-          }
-
-          &.e-north-west-shrink {
-            left: $panel-north-west-icon-left;
-            top: $panel-north-west-icon-top;
-          }
-
-          &.e-south-west-shrink {
-            bottom: $panel-south-west-icon-bottom;
-            left: $panel-south-west-icon-left;
-          }
-
-          &.e-south-east-shrink {
-            bottom: $panel-south-east-icon-bottom;
-            right: $panel-south-east-icon-right;
-          }
-
-          &.e-north-east-expand {
-            right: $panel-north-east-icon-right;
-            top: $panel-north-east-icon-top;
-          }
-
-          &.e-north-west-expand {
-            left: $panel-north-west-icon-left;
-            top: $panel-north-west-icon-top;
-          }
-
-          &.e-south-west-expand {
-            bottom: $panel-south-west-icon-bottom;
-            left: $panel-south-west-icon-left;
-          }
-
-          &.e-south-east-expand {
-            bottom: $panel-south-east-icon-bottom;
-            right: $panel-south-east-icon-right;
-          }
-        }
-      }
-    }
-
-    .e-panel.e-bigger {
-      & .e-panel-header {
-        color: $panel-bigger-header-color;
-      }
-    }
-  }
-}

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

@@ -1,80 +0,0 @@
-@include export-module('dashboardlayout-bootsrtap-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: '\eb08';
-          font-size: 12px;
-          position: absolute;
-          right: 0;
-        }
-
-        &.e-south-west::before {
-          bottom: 0;
-          content: '\eb08';
-          font-size: 12px;
-          left: 0;
-          position: absolute;
-          transform: rotateY(180deg);
-        }
-      }
-    }
-  }
-}

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

@@ -1,80 +0,0 @@
-@include export-module('dashboardlayout-bootsrtap-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: '\eb08';
-          font-size: 12px;
-          position: absolute;
-          right: 0;
-        }
-
-        &.e-south-west::before {
-          bottom: 0;
-          content: '\eb08';
-          font-size: 12px;
-          left: 0;
-          position: absolute;
-          transform: rotateY(180deg);
-        }
-      }
-    }
-  }
-}

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

@@ -1,80 +0,0 @@
-@include export-module('dashboardlayout-bootsrtap4-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: '\e7cf';
-          font-size: 12px;
-          position: absolute;
-          right: 4px;
-        }
-
-        &.e-south-west::before {
-          bottom: 4px;
-          content: '\e7cf';
-          font-size: 12px;
-          left: 4px;
-          position: absolute;
-          transform: rotateY(180deg);
-        }
-      }
-    }
-  }
-}

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

@@ -1 +0,0 @@
-@import './bootstrap5.scss';

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

@@ -1,80 +0,0 @@
-@include export-module('dashboardlayout-bootstrap5-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/_fabric-dark.scss

@@ -1,80 +0,0 @@
-@include export-module('dashboardlayout-fabric-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/_fabric.scss

@@ -1,80 +0,0 @@
-@include export-module('dashboardlayout-fabric-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/_fluent-dark.scss

@@ -1 +0,0 @@
-@import './fluent.scss';

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

@@ -1,80 +0,0 @@
-@include export-module('dashboardlayout-fluent-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);
-        }
-      }
-    }
-  }
-}