@syncfusion/ej2-angular-navigations 21.1.39-ngcc → 21.1.39

package/styles/tab/icons/_highcontrast.scss

@@ -0,0 +1,115 @@
+@include export-module('tab-highcontrast-icons') {
+
+  /*! tab icons */
+  #{&}.e-tab {
+
+    .e-tab-header {
+
+      .e-toolbar-items.e-hscroll.e-rtl {
+
+        .e-nav-left-arrow::before {
+          content: '\e219';
+        }
+
+        .e-nav-right-arrow::before {
+          content: '\e98f';
+        }
+      }
+
+      .e-close-icon::before {
+        content: '\e7fc';
+        position: relative;
+      }
+
+      .e-popup-up-icon::before {
+        @media screen and (max-width: 480px) {
+          content: '\e976';
+        }
+      }
+
+      .e-popup-down-icon::before {
+        @media screen and (max-width: 480px) {
+          content: '\e976';
+        }
+      }
+    }
+
+    &.e-vertical-icon .e-tab-header {
+
+      @media screen and (max-width: 480px) {
+
+        .e-popup-up-icon::before {
+          content: '\e85e';
+        }
+
+        .e-popup-down-icon::before {
+          content: '\e84f';
+        }
+      }
+    }
+
+    &.e-vertical-tab {
+
+      .e-tab-header {
+
+        .e-popup-up-icon {
+
+          &::before {
+            content: 'More';
+          }
+
+          &::after {
+            content: '\e85e';
+          }
+        }
+
+        .e-popup-down-icon {
+
+          &::before {
+            content: 'More';
+          }
+
+          &::after {
+            content: '\e84f';
+          }
+        }
+      }
+
+      &.e-icon-tab {
+
+        .e-tab-header {
+
+          .e-popup-up-icon {
+
+            &::before {
+              content: '';
+            }
+
+            &::after {
+              content: '\ebb7';
+            }
+          }
+
+          .e-popup-down-icon {
+
+            &::before {
+              content: '';
+            }
+
+            &::after {
+              content: '\ebb7';
+            }
+          }
+        }
+      }
+    }
+  }
+
+  .e-tab-clone-element {
+
+    .e-close-icon::before {
+      content: '\e7fc';
+      position: relative;
+    }
+  }
+}

package/styles/tab/icons/_material-dark.scss

@@ -0,0 +1,104 @@
+@include export-module('tab-material-dark-icons') {
+
+  /*! tab icons */
+  #{&}.e-tab {
+
+    .e-tab-header {
+
+      .e-close-icon::before {
+        content: '\e7fc';
+        position: relative;
+      }
+
+      .e-popup-up-icon::before {
+        @media screen and (max-width: 480px) {
+          content: '\e984';
+        }
+      }
+
+      .e-popup-down-icon::before {
+        @media screen and (max-width: 480px) {
+          content: '\e984';
+        }
+      }
+    }
+
+    &.e-vertical-icon .e-tab-header {
+
+      @media screen and (max-width: 480px) {
+
+        .e-popup-up-icon::before {
+          content: '\e82a';
+        }
+
+        .e-popup-down-icon::before {
+          content: '\e83d';
+        }
+      }
+    }
+
+    &.e-vertical-tab {
+
+      .e-tab-header {
+
+        .e-popup-up-icon {
+
+          &::before {
+            content: 'More';
+          }
+
+          &::after {
+            content: '\e919';
+          }
+        }
+
+        .e-popup-down-icon {
+
+          &::before {
+            content: 'More';
+          }
+
+          &::after {
+            content: '\e919';
+          }
+        }
+      }
+
+      &.e-icon-tab {
+
+        .e-tab-header {
+
+          .e-popup-up-icon {
+
+            &::before {
+              content: '';
+            }
+
+            &::after {
+              content: '\ebb9';
+            }
+          }
+
+          .e-popup-down-icon {
+
+            &::before {
+              content: '';
+            }
+
+            &::after {
+              content: '\ebb9';
+            }
+          }
+        }
+      }
+    }
+  }
+
+  .e-tab-clone-element {
+
+    .e-close-icon::before {
+      content: '\e7fc';
+      position: relative;
+    }
+  }
+}

package/styles/tab/icons/_material.scss

@@ -0,0 +1,104 @@
+@include export-module('tab-material-icons') {
+
+  /*! tab icons */
+  #{&}.e-tab {
+
+    .e-tab-header {
+
+      .e-close-icon::before {
+        content: '\e7fc';
+        position: relative;
+      }
+
+      .e-popup-up-icon::before {
+        @media screen and (max-width: 480px) {
+          content: '\e984';
+        }
+      }
+
+      .e-popup-down-icon::before {
+        @media screen and (max-width: 480px) {
+          content: '\e984';
+        }
+      }
+    }
+
+    &.e-vertical-icon .e-tab-header {
+
+      @media screen and (max-width: 480px) {
+
+        .e-popup-up-icon::before {
+          content: '\e82a';
+        }
+
+        .e-popup-down-icon::before {
+          content: '\e83d';
+        }
+      }
+    }
+
+    &.e-vertical-tab {
+
+      .e-tab-header {
+
+        .e-popup-up-icon {
+
+          &::before {
+            content: 'More';
+          }
+
+          &::after {
+            content: '\e919';
+          }
+        }
+
+        .e-popup-down-icon {
+
+          &::before {
+            content: 'More';
+          }
+
+          &::after {
+            content: '\e919';
+          }
+        }
+      }
+
+      &.e-icon-tab {
+
+        .e-tab-header {
+
+          .e-popup-up-icon {
+
+            &::before {
+              content: '';
+            }
+
+            &::after {
+              content: '\ebb9';
+            }
+          }
+
+          .e-popup-down-icon {
+
+            &::before {
+              content: '';
+            }
+
+            &::after {
+              content: '\ebb9';
+            }
+          }
+        }
+      }
+    }
+  }
+
+  .e-tab-clone-element {
+
+    .e-close-icon::before {
+      content: '\e7fc';
+      position: relative;
+    }
+  }
+}

package/styles/tab/icons/_material3.scss

@@ -0,0 +1,104 @@
+@include export-module('tab-material3-icons') {
+
+  /*! tab icons */
+  #{&}.e-tab {
+
+    .e-tab-header {
+
+      .e-close-icon::before {
+        content: '\e7e7';
+        position: relative;
+      }
+
+      .e-popup-up-icon::before {
+        @media screen and (max-width: 480px) {
+          content: '\e770';
+        }
+      }
+
+      .e-popup-down-icon::before {
+        @media screen and (max-width: 480px) {
+          content: '\e770';
+        }
+      }
+    }
+
+    &.e-vertical-icon .e-tab-header {
+
+      @media screen and (max-width: 480px) {
+
+        .e-popup-up-icon::before {
+          content: '\e776';
+        }
+
+        .e-popup-down-icon::before {
+          content: '\e729';
+        }
+      }
+    }
+
+    &.e-vertical-tab {
+
+      .e-tab-header {
+
+        .e-popup-up-icon {
+
+          &::before {
+            content: 'More';
+          }
+
+          &::after {
+            content: '\e776';
+          }
+        }
+
+        .e-popup-down-icon {
+
+          &::before {
+            content: 'More';
+          }
+
+          &::after {
+            content: '\e729';
+          }
+        }
+      }
+
+      &.e-icon-tab {
+
+        .e-tab-header {
+
+          .e-popup-up-icon {
+
+            &::before {
+              content: '';
+            }
+
+            &::after {
+              content: '\e776';
+            }
+          }
+
+          .e-popup-down-icon {
+
+            &::before {
+              content: '';
+            }
+
+            &::after {
+              content: '\e729';
+            }
+          }
+        }
+      }
+    }
+  }
+
+  .e-tab-clone-element {
+
+    .e-close-icon::before {
+      content: '\e7e7';
+      position: relative;
+    }
+  }
+}

package/styles/tab/icons/_tailwind-dark.scss

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

package/styles/tab/icons/_tailwind.scss

@@ -0,0 +1,104 @@
+@include export-module('tab-tailwind-icons') {
+
+  /*! tab icons */
+  #{&}.e-tab {
+
+    .e-tab-header {
+
+      .e-close-icon::before {
+        content: '\e7e7';
+        position: relative;
+      }
+
+      .e-popup-up-icon::before {
+        @media screen and (max-width: 480px) {
+          content: '\e770';
+        }
+      }
+
+      .e-popup-down-icon::before {
+        @media screen and (max-width: 480px) {
+          content: '\e770';
+        }
+      }
+    }
+
+    &.e-vertical-icon .e-tab-header {
+
+      @media screen and (max-width: 480px) {
+
+        .e-popup-up-icon::before {
+          content: '\e776';
+        }
+
+        .e-popup-down-icon::before {
+          content: '\e729';
+        }
+      }
+    }
+
+    &.e-vertical-tab {
+
+      .e-tab-header {
+
+        .e-popup-up-icon {
+
+          &::before {
+            content: 'More';
+          }
+
+          &::after {
+            content: '\e776';
+          }
+        }
+
+        .e-popup-down-icon {
+
+          &::before {
+            content: 'More';
+          }
+
+          &::after {
+            content: '\e729';
+          }
+        }
+      }
+
+      &.e-icon-tab {
+
+        .e-tab-header {
+
+          .e-popup-up-icon {
+
+            &::before {
+              content: '';
+            }
+
+            &::after {
+              content: '\e776';
+            }
+          }
+
+          .e-popup-down-icon {
+
+            &::before {
+              content: '';
+            }
+
+            &::after {
+              content: '\e729';
+            }
+          }
+        }
+      }
+    }
+  }
+
+  .e-tab-clone-element {
+
+    .e-close-icon::before {
+      content: '\e7e7';
+      position: relative;
+    }
+  }
+}

package/styles/tab/material-dark.css

@@ -31,6 +31,16 @@
   content: "\e7fc";
   position: relative;
 }
+@media screen and (max-width: 480px) {
+  .e-tab .e-tab-header .e-popup-up-icon::before {
+    content: "\e984";
+  }
+}
+@media screen and (max-width: 480px) {
+  .e-tab .e-tab-header .e-popup-down-icon::before {
+    content: "\e984";
+  }
+}
 @media screen and (max-width: 480px) {
   .e-tab.e-vertical-icon .e-tab-header .e-popup-up-icon::before {
     content: "\e82a";

package/styles/tab/material-dark.scss

@@ -1 +1,5 @@
-@import 'ej2-navigations/styles/tab/material-dark.scss';
+@import 'ej2-base/styles/material-dark-definition.scss';
+@import '../toolbar/material-dark-definition.scss';
+@import 'material-dark-definition.scss';
+@import 'icons/material-dark.scss';
+@import 'all.scss';

package/styles/tab/material.css

@@ -37,6 +37,16 @@
   content: "\e7fc";
   position: relative;
 }
+@media screen and (max-width: 480px) {
+  .e-tab .e-tab-header .e-popup-up-icon::before {
+    content: "\e984";
+  }
+}
+@media screen and (max-width: 480px) {
+  .e-tab .e-tab-header .e-popup-down-icon::before {
+    content: "\e984";
+  }
+}
 @media screen and (max-width: 480px) {
   .e-tab.e-vertical-icon .e-tab-header .e-popup-up-icon::before {
     content: "\e82a";

package/styles/tab/material.scss

@@ -1 +1,5 @@
-@import 'ej2-navigations/styles/tab/material.scss';
+@import 'ej2-base/styles/material-definition.scss';
+@import '../toolbar/material-definition.scss';
+@import 'material-definition.scss';
+@import 'icons/material.scss';
+@import 'all.scss';

package/styles/tab/tailwind-dark.css

@@ -27,6 +27,16 @@
   content: "\e7e7";
   position: relative;
 }
+@media screen and (max-width: 480px) {
+  .e-tab .e-tab-header .e-popup-up-icon::before {
+    content: "\e770";
+  }
+}
+@media screen and (max-width: 480px) {
+  .e-tab .e-tab-header .e-popup-down-icon::before {
+    content: "\e770";
+  }
+}
 @media screen and (max-width: 480px) {
   .e-tab.e-vertical-icon .e-tab-header .e-popup-up-icon::before {
     content: "\e776";

package/styles/tab/tailwind-dark.scss

@@ -1 +1,5 @@
-@import 'ej2-navigations/styles/tab/tailwind-dark.scss';
+@import 'ej2-base/styles/tailwind-dark-definition.scss';
+@import '../toolbar/tailwind-dark-definition.scss';
+@import 'tailwind-dark-definition.scss';
+@import 'icons/tailwind-dark.scss';
+@import 'all.scss';

package/styles/tab/tailwind.css

@@ -27,6 +27,16 @@
   content: "\e7e7";
   position: relative;
 }
+@media screen and (max-width: 480px) {
+  .e-tab .e-tab-header .e-popup-up-icon::before {
+    content: "\e770";
+  }
+}
+@media screen and (max-width: 480px) {
+  .e-tab .e-tab-header .e-popup-down-icon::before {
+    content: "\e770";
+  }
+}
 @media screen and (max-width: 480px) {
   .e-tab.e-vertical-icon .e-tab-header .e-popup-up-icon::before {
     content: "\e776";

package/styles/tab/tailwind.scss

@@ -1 +1,5 @@
-@import 'ej2-navigations/styles/tab/tailwind.scss';
+@import 'ej2-base/styles/tailwind-definition.scss';
+@import '../toolbar/tailwind-definition.scss';
+@import 'tailwind-definition.scss';
+@import 'icons/tailwind.scss';
+@import 'all.scss';

package/styles/tailwind-dark.css

@@ -3592,6 +3592,16 @@
   content: "\e7e7";
   position: relative;
 }
+@media screen and (max-width: 480px) {
+  .e-tab .e-tab-header .e-popup-up-icon::before {
+    content: "\e770";
+  }
+}
+@media screen and (max-width: 480px) {
+  .e-tab .e-tab-header .e-popup-down-icon::before {
+    content: "\e770";
+  }
+}
 @media screen and (max-width: 480px) {
   .e-tab.e-vertical-icon .e-tab-header .e-popup-up-icon::before {
     content: "\e776";

package/styles/tailwind.css

@@ -3592,6 +3592,16 @@
   content: "\e7e7";
   position: relative;
 }
+@media screen and (max-width: 480px) {
+  .e-tab .e-tab-header .e-popup-up-icon::before {
+    content: "\e770";
+  }
+}
+@media screen and (max-width: 480px) {
+  .e-tab .e-tab-header .e-popup-down-icon::before {
+    content: "\e770";
+  }
+}
 @media screen and (max-width: 480px) {
   .e-tab.e-vertical-icon .e-tab-header .e-popup-up-icon::before {
     content: "\e776";

package/styles/toolbar/_all.scss

@@ -0,0 +1,2 @@
+@import 'layout.scss';
+@import 'theme.scss';