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

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

@@ -0,0 +1,80 @@
+@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

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

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

@@ -0,0 +1,80 @@
+@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);
+        }
+      }
+    }
+  }
+}

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

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

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

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);
+        }
+      }
+    }
+  }
+}