npm - @syncfusion/ej2-angular-layouts - Versions diffs - 20.2.39-ngcc → 20.2.43 - Mend

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

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (354) hide show

package/styles/splitter/icons/_bootstrap.scss ADDED Viewed

@@ -0,0 +1,52 @@
+@include export-module('splitter-bootstrap-icons') {
+  .e-splitter {
+    .e-split-bar {
+      &.e-split-bar-horizontal {
+        .e-resize-handler::before {
+          content: '\e984';
+          font-family: 'e-icons';
+          font-size: $splitbar-icon-size;
+        }
+        .e-resize-handler {
+          &.e-template-resize-handler::before {
+            content: '';
+          }
+        }
+      }
+      &.e-split-bar-vertical {
+        & .e-resize-handler::before {
+          content: '\e984';
+          font-family: 'e-icons';
+          font-size: $splitbar-icon-size;
+          transform: rotate(90deg);
+        }
+        .e-resize-handler {
+          &.e-template-resize-handler::before {
+            content: '';
+          }
+        }
+      }
+    }
+  }
+  .e-bigger {
+    .e-splitter {
+      .e-split-bar {
+        .e-resize-handler::before {
+          font-size: $bigger-splitbar-icon-size;
+        }
+      }
+    }
+    &.e-splitter {
+      .e-split-bar {
+        .e-resize-handler::before {
+          font-size: $bigger-splitbar-icon-size;
+        }
+      }
+    }
+  }
+}

package/styles/splitter/icons/_bootstrap4.scss ADDED Viewed

@@ -0,0 +1,51 @@
+@include export-module('splitter-bootstrap4-icons') {
+  .e-splitter {
+    .e-split-bar {
+      &.e-split-bar-horizontal {
+        .e-resize-handler::before {
+          content: '\e781';
+          font-family: 'e-icons';
+          font-size: $splitbar-icon-size;
+        }
+        .e-resize-handler {
+          &.e-template-resize-handler::before {
+            content: '';
+          }
+        }
+      }
+      &.e-split-bar-vertical {
+        & .e-resize-handler::before {
+          content: '\e71b';
+          font-family: 'e-icons';
+          font-size: $splitbar-icon-size;
+        }
+        .e-resize-handler {
+          &.e-template-resize-handler::before {
+            content: '';
+          }
+        }
+      }
+    }
+  }
+  .e-bigger {
+    .e-splitter {
+      .e-split-bar {
+        .e-resize-handler::before {
+          font-size: $bigger-splitbar-icon-size;
+        }
+      }
+    }
+    &.e-splitter {
+      .e-split-bar {
+        .e-resize-handler::before {
+          font-size: $bigger-splitbar-icon-size;
+        }
+      }
+    }
+  }
+}

package/styles/splitter/icons/_bootstrap5-dark.scss ADDED Viewed

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

package/styles/splitter/icons/_bootstrap5.scss ADDED Viewed

@@ -0,0 +1,39 @@
+@include export-module('splitter-material-icons') {
+  .e-splitter {
+    .e-split-bar {
+      &.e-split-bar-horizontal {
+        .e-resize-handler::before {
+          content: '\e7e3';
+          font-family: 'e-icons';
+          font-size: $splitbar-icon-size;
+        }
+      }
+      &.e-split-bar-vertical {
+        & .e-resize-handler::before {
+          content: '\e7fd';
+          font-family: 'e-icons';
+          font-size: $splitbar-icon-size;
+        }
+      }
+    }
+  }
+  .e-bigger {
+    .e-splitter {
+      .e-split-bar {
+        .e-resize-handler::before {
+          font-size: $bigger-splitbar-icon-size;
+        }
+      }
+    }
+    &.e-splitter {
+      .e-split-bar {
+        .e-resize-handler::before {
+          font-size: $bigger-splitbar-icon-size;
+        }
+      }
+    }
+  }
+}

package/styles/splitter/icons/_fabric-dark.scss ADDED Viewed

@@ -0,0 +1,52 @@
+@include export-module('splitter-fabric-icons') {
+  .e-splitter {
+    .e-split-bar {
+      &.e-split-bar-horizontal {
+        .e-resize-handler::before {
+          content: '\e984';
+          font-family: 'e-icons';
+          font-size: $splitbar-icon-size;
+        }
+        .e-resize-handler {
+          &.e-template-resize-handler::before {
+            content: '';
+          }
+        }
+      }
+      &.e-split-bar-vertical {
+        & .e-resize-handler::before {
+          content: '\e984';
+          font-family: 'e-icons';
+          font-size: $splitbar-icon-size;
+          transform: rotate(90deg);
+        }
+        .e-resize-handler {
+          &.e-template-resize-handler::before {
+            content: '';
+          }
+        }
+      }
+    }
+  }
+  .e-bigger {
+    .e-splitter {
+      .e-split-bar {
+        .e-resize-handler::before {
+          font-size: $bigger-splitbar-icon-size;
+        }
+      }
+    }
+    &.e-splitter {
+      .e-split-bar {
+        .e-resize-handler::before {
+          font-size: $bigger-splitbar-icon-size;
+        }
+      }
+    }
+  }
+}

package/styles/splitter/icons/_fabric.scss ADDED Viewed

@@ -0,0 +1,52 @@
+@include export-module('splitter-fabric-icons') {
+  .e-splitter {
+    .e-split-bar {
+      &.e-split-bar-horizontal {
+        .e-resize-handler::before {
+          content: '\e984';
+          font-family: 'e-icons';
+          font-size: $splitbar-icon-size;
+        }
+        .e-resize-handler {
+          &.e-template-resize-handler::before {
+            content: '';
+          }
+        }
+      }
+      &.e-split-bar-vertical {
+        & .e-resize-handler::before {
+          content: '\e984';
+          font-family: 'e-icons';
+          font-size: $splitbar-icon-size;
+          transform: rotate(90deg);
+        }
+        .e-resize-handler {
+          &.e-template-resize-handler::before {
+            content: '';
+          }
+        }
+      }
+    }
+  }
+  .e-bigger {
+    .e-splitter {
+      .e-split-bar {
+        .e-resize-handler::before {
+          font-size: $bigger-splitbar-icon-size;
+        }
+      }
+    }
+    &.e-splitter {
+      .e-split-bar {
+        .e-resize-handler::before {
+          font-size: $bigger-splitbar-icon-size;
+        }
+      }
+    }
+  }
+}

package/styles/splitter/icons/_fluent-dark.scss ADDED Viewed

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

package/styles/splitter/icons/_fluent.scss ADDED Viewed

@@ -0,0 +1,39 @@
+@include export-module('splitter-material-icons') {
+  .e-splitter {
+    .e-split-bar {
+      &.e-split-bar-horizontal {
+        .e-resize-handler::before {
+          content: '\e7e3';
+          font-family: 'e-icons';
+          font-size: $splitbar-icon-size;
+        }
+      }
+      &.e-split-bar-vertical {
+        & .e-resize-handler::before {
+          content: '\e7fd';
+          font-family: 'e-icons';
+          font-size: $splitbar-icon-size;
+        }
+      }
+    }
+  }
+  .e-bigger {
+    .e-splitter {
+      .e-split-bar {
+        .e-resize-handler::before {
+          font-size: $bigger-splitbar-icon-size;
+        }
+      }
+    }
+    &.e-splitter {
+      .e-split-bar {
+        .e-resize-handler::before {
+          font-size: $bigger-splitbar-icon-size;
+        }
+      }
+    }
+  }
+}

package/styles/splitter/icons/_fusionnew.scss ADDED Viewed

@@ -0,0 +1,39 @@
+@include export-module('splitter-material-icons') {
+  .e-splitter {
+    .e-split-bar {
+      &.e-split-bar-horizontal {
+        .e-resize-handler::before {
+          content: '\e7e3';
+          font-family: 'e-icons';
+          font-size: $splitbar-icon-size;
+        }
+      }
+      &.e-split-bar-vertical {
+        & .e-resize-handler::before {
+          content: '\e7fd';
+          font-family: 'e-icons';
+          font-size: $splitbar-icon-size;
+        }
+      }
+    }
+  }
+  .e-bigger {
+    .e-splitter {
+      .e-split-bar {
+        .e-resize-handler::before {
+          font-size: $bigger-splitbar-icon-size;
+        }
+      }
+    }
+    &.e-splitter {
+      .e-split-bar {
+        .e-resize-handler::before {
+          font-size: $bigger-splitbar-icon-size;
+        }
+      }
+    }
+  }
+}

package/styles/splitter/icons/_highcontrast-light.scss ADDED Viewed

@@ -0,0 +1,52 @@
+@include export-module('splitter-highcontrast-icons') {
+  .e-splitter {
+    .e-split-bar {
+      &.e-split-bar-horizontal {
+        .e-resize-handler::before {
+          content: '\e984';
+          font-family: 'e-icons';
+          font-size: $splitbar-icon-size;
+        }
+        .e-resize-handler {
+          &.e-template-resize-handler::before {
+            content: '';
+          }
+        }
+      }
+      &.e-split-bar-vertical {
+        & .e-resize-handler::before {
+          content: '\e984';
+          font-family: 'e-icons';
+          font-size: $splitbar-icon-size;
+          transform: rotate(90deg);
+        }
+        .e-resize-handler {
+          &.e-template-resize-handler::before {
+            content: '';
+          }
+        }
+      }
+    }
+  }
+  .e-bigger {
+    .e-splitter {
+      .e-split-bar {
+        .e-resize-handler::before {
+          font-size: $bigger-splitbar-icon-size;
+        }
+      }
+    }
+    &.e-splitter {
+      .e-split-bar {
+        .e-resize-handler::before {
+          font-size: $bigger-splitbar-icon-size;
+        }
+      }
+    }
+  }
+}

package/styles/splitter/icons/_highcontrast.scss ADDED Viewed

@@ -0,0 +1,52 @@
+@include export-module('splitter-highcontrast-icons') {
+  .e-splitter {
+    .e-split-bar {
+      &.e-split-bar-horizontal {
+        .e-resize-handler::before {
+          content: '\e984';
+          font-family: 'e-icons';
+          font-size: $splitbar-icon-size;
+        }
+        .e-resize-handler {
+          &.e-template-resize-handler::before {
+            content: '';
+          }
+        }
+      }
+      &.e-split-bar-vertical {
+        & .e-resize-handler::before {
+          content: '\e984';
+          font-family: 'e-icons';
+          font-size: $splitbar-icon-size;
+          transform: rotate(90deg);
+        }
+        .e-resize-handler {
+          &.e-template-resize-handler::before {
+            content: '';
+          }
+        }
+      }
+    }
+  }
+  .e-bigger {
+    .e-splitter {
+      .e-split-bar {
+        .e-resize-handler::before {
+          font-size: $bigger-splitbar-icon-size;
+        }
+      }
+    }
+    &.e-splitter {
+      .e-split-bar {
+        .e-resize-handler::before {
+          font-size: $bigger-splitbar-icon-size;
+        }
+      }
+    }
+  }
+}

package/styles/splitter/icons/_material-dark.scss ADDED Viewed

@@ -0,0 +1,51 @@
+@include export-module('splitter-material-icons') {
+  .e-splitter {
+    .e-split-bar {
+      &.e-split-bar-horizontal {
+        .e-resize-handler::before {
+          content: '\e984';
+          font-family: 'e-icons';
+          font-size: $splitbar-icon-size;
+        }
+        .e-resize-handler {
+          &.e-template-resize-handler::before {
+            content: '';
+          }
+        }
+      }
+      &.e-split-bar-vertical {
+        & .e-resize-handler::before {
+          content: '\eb04';
+          font-family: 'e-icons';
+          font-size: $splitbar-icon-size;
+        }
+        .e-resize-handler {
+          &.e-template-resize-handler::before {
+            content: '';
+          }
+        }
+      }
+    }
+  }
+  .e-bigger {
+    .e-splitter {
+      .e-split-bar {
+        .e-resize-handler::before {
+          font-size: $bigger-splitbar-icon-size;
+        }
+      }
+    }
+    &.e-splitter {
+      .e-split-bar {
+        .e-resize-handler::before {
+          font-size: $bigger-splitbar-icon-size;
+        }
+      }
+    }
+  }
+}

package/styles/splitter/icons/_material.scss ADDED Viewed

@@ -0,0 +1,51 @@
+@include export-module('splitter-material-icons') {
+  .e-splitter {
+    .e-split-bar {
+      &.e-split-bar-horizontal {
+        .e-resize-handler::before {
+          content: '\e984';
+          font-family: 'e-icons';
+          font-size: $splitbar-icon-size;
+        }
+        .e-resize-handler {
+          &.e-template-resize-handler::before {
+            content: '';
+          }
+        }
+      }
+      &.e-split-bar-vertical {
+        & .e-resize-handler::before {
+          content: '\eb04';
+          font-family: 'e-icons';
+          font-size: $splitbar-icon-size;
+        }
+        .e-resize-handler {
+          &.e-template-resize-handler::before {
+            content: '';
+          }
+        }
+      }
+    }
+  }
+  .e-bigger {
+    .e-splitter {
+      .e-split-bar {
+        .e-resize-handler::before {
+          font-size: $bigger-splitbar-icon-size;
+        }
+      }
+    }
+    &.e-splitter {
+      .e-split-bar {
+        .e-resize-handler::before {
+          font-size: $bigger-splitbar-icon-size;
+        }
+      }
+    }
+  }
+}

package/styles/splitter/icons/_material3.scss ADDED Viewed

@@ -0,0 +1,39 @@
+@include export-module('splitter-material-icons') {
+  .e-splitter {
+    .e-split-bar {
+      &.e-split-bar-horizontal {
+        .e-resize-handler::before {
+          content: '\e7e3';
+          font-family: 'e-icons';
+          font-size: $splitbar-icon-size;
+        }
+      }
+      &.e-split-bar-vertical {
+        & .e-resize-handler::before {
+          content: '\e7fd';
+          font-family: 'e-icons';
+          font-size: $splitbar-icon-size;
+        }
+      }
+    }
+  }
+  .e-bigger {
+    .e-splitter {
+      .e-split-bar {
+        .e-resize-handler::before {
+          font-size: $bigger-splitbar-icon-size;
+        }
+      }
+    }
+    &.e-splitter {
+      .e-split-bar {
+        .e-resize-handler::before {
+          font-size: $bigger-splitbar-icon-size;
+        }
+      }
+    }
+  }
+}

package/styles/splitter/icons/_tailwind-dark.scss ADDED Viewed

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

package/styles/splitter/icons/_tailwind.scss ADDED Viewed

@@ -0,0 +1,39 @@
+@include export-module('splitter-material-icons') {
+  .e-splitter {
+    .e-split-bar {
+      &.e-split-bar-horizontal {
+        .e-resize-handler::before {
+          content: '\e7e3';
+          font-family: 'e-icons';
+          font-size: $splitbar-icon-size;
+        }
+      }
+      &.e-split-bar-vertical {
+        & .e-resize-handler::before {
+          content: '\e7fd';
+          font-family: 'e-icons';
+          font-size: $splitbar-icon-size;
+        }
+      }
+    }
+  }
+  .e-bigger {
+    .e-splitter {
+      .e-split-bar {
+        .e-resize-handler::before {
+          font-size: $bigger-splitbar-icon-size;
+        }
+      }
+    }
+    &.e-splitter {
+      .e-split-bar {
+        .e-resize-handler::before {
+          font-size: $bigger-splitbar-icon-size;
+        }
+      }
+    }
+  }
+}

package/styles/splitter/material-dark.css CHANGED Viewed

@@ -54,8 +54,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;
@@ -88,8 +88,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 {
@@ -489,4 +489,6 @@
 .e-splitter.e-disabled {
   opacity: 0.4;
   pointer-events: none;
-}
+}
+/* stylelint-disable-line no-empty-source */

package/styles/splitter/material-dark.scss CHANGED Viewed

@@ -1 +1,4 @@
-@import 'ej2-layouts/styles/splitter/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/splitter/material.css CHANGED Viewed

@@ -55,8 +55,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;
@@ -89,8 +89,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 {
@@ -490,4 +490,6 @@
 .e-splitter.e-disabled {
   opacity: 0.4;
   pointer-events: none;
-}
+}
+/* stylelint-disable-line no-empty-source */

package/styles/splitter/material.scss CHANGED Viewed

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