@syncfusion/ej2-angular-navigations 20.3.56 → 20.3.57-ngcc

package/styles/accordion/_tailwind-definition.scss

@@ -1,82 +0,0 @@
-//default
-/*! component's theme wise override tailwind-definitions and variables */
-$acrdn-skin: 'tailwind' !default;
-$acrdn-slct-header-font-weight: $font-weight-medium;
-
-$acrdn-nrml-header-minheight: 38px !default;
-$acrdn-bgr-header-minheight: 48px !default;
-$acrdn-nrml-header-lineheight: 22px !default;
-$acrdn-bgr-header-lineheight: 24px !default;
-$acrdn-nrml-header-paddingpix: 16px !default;
-$acrdn-bgr-header-paddingpix: 16px !default;
-$acrdn-icon-font-size: $text-lg !default;
-$acrdn-content-line-height: 1.5 !default;
-$acrdn-tab-highlight-color:  rgba(0, 0, 0, 0) !default;
-
-// Header, Nested header and RTL mode Padding
-$acrdn-nest-nrml-header-padding: 8px 0 8px 26px !default;
-$acrdn-nest-bgr-header-padding: 12px 0 12px 28px !default;
-$acrdn-nest-second-nrml-header-padding: 8px 0 8px 38px !default;
-$acrdn-nest-second-bgr-header-padding: 12px 0 12px 40px !default;
-$acrdn-nrml-header-padding: 8px 12px !default;
-$acrdn-bgr-header-padding: 12px 16px !default;
-$acrdn-rtl-nrml-header-padding: 7px 12px !default;
-$acrdn-rtl-bgr-header-padding: 11px 17px !default;
-$acrdn-rtl-nest-nrml-header-padding: 8px 26px 8px 0 !default;
-$acrdn-rtl-nest-bgr-header-padding: 12px 28px 12px 0 !default;
-$acrdn-rtl-nest-second-nrml-header-padding: 8px 38px 8px 0 !default;
-$acrdn-rtl-nest-second-bgr-header-padding: 12px 40px 12px 0 !default;
-
-// Content, Nested content and RTL mode Padding
-$acrdn-nrml-content-padding: 12px !default;
-$acrdn-bgr-content-padding: 16px !default;
-$acrdn-nest-nrml-content-padding: 16px 16px 16px 26px !default;
-$acrdn-nest-bgr-content-padding: 20px 20px 20px 28px !default;
-$acrdn-nest-second-nrml-content-padding: 20px 20px 20px 38px !default;
-$acrdn-nest-second-bgr-content-padding: 24px 24px 24px 40px !default;
-$acrdn-rtl-nest-nrml-content-padding: 16px 26px 16px 16px !default;
-$acrdn-rtl-nest-bgr-content-padding: 20px 28px 20px 20px !default;
-$acrdn-rtl-nest-second-nrml-content-padding: 20px 38px 20px 20px !default;
-$acrdn-rtl-nest-second-bgr-content-padding: 24px 40px 24px 24px !default;
-
-$acrdn-nrml-header-icon-padding: 8px !default;
-$acrdn-bgr-header-icon-padding: 12px !default;
-$acrdn-nrml-icn-minwidth: 22px !default;
-$acrdn-bgr-icn-minwidth: 24px !default;
-$acrdn-active-bg: $content-bg-color !default;
-$acrdn-bg-color: $content-bg-color-alt1 !default;
-$acrdn-default-bg-color: $acrdn-bg-color !default;
-$acrdn-active-bg-color: $acrdn-active-bg !default;
-$acrdn-selected-header-font-color: $primary !default;
-$acrdn-selected-header-color: $content-bg-color !default;
-$acrdn-icon-color: $icon-color !default;
-$acrdn-selected-icon-color: $primary !default;
-$acrdn-content-color: $content-text-color !default;
-$acrdn-header-font: $content-text-color !default;
-$acrdn-nested-header-font: $content-text-color !default;
-$acrdn-header-font-weight: $font-weight-medium !default;
-$acrdn-header-font-size: $text-sm !default;
-$acrdn-nest-header-font-size: $text-sm !default;
-$acrdn-nest-header-content-font-size: $acrdn-nest-header-font-size !default;
-$acrdn-nest-header-content-font-weight: normal !default;
-$acrdn-content-font-size: $text-sm !default;
-$acrdn-header-font-bgr-size: $text-base !default;
-$acrdn-content-font-bgr-size: $text-base !default;
-$acrdn-selected-border-size: 1px !default;
-$acrdn-item-padding-size: 0 !default;
-$acrdn-selected-border-type: none !default;
-$acrdn-selected-border-color: $border-light !default;
-$acrdn-default-border: $acrdn-selected-border-color !default;
-$acrdn-header-focus-bg: $content-bg-color-focus !default;
-$acrdn-header-hover-bg: $content-bg-color-hover !default;
-$acrdn-header-active-bg: $content-bg-color-pressed !default;
-
-$acrdn-border-type: solid !default;
-$acrdn-border-size: 1px !default;
-$acrdn-bgr-arrow-icon-font-size: 22px;
-$acrdn-bgr-icon-font-size: 20px !default;
-$acrdn-icon-font-size: 18px !default;
-$acrdn-icon-disable-color: $icon-color-disabled;
-$acrdn-text-disable-color: $content-text-color-disabled;
-
-//enddefault

package/styles/accordion/_theme.scss

@@ -1,549 +0,0 @@
-@include export-module('accordion-theme') {
-
-  /*! accordion theme */
-  /* stylelint-disable property-no-vendor-prefix */
-  .e-accordion {
-    -webkit-tap-highlight-color: $acrdn-tab-highlight-color;
-    background: $acrdn-default-bg-color;
-    border: $acrdn-border-size $acrdn-border-type $acrdn-default-border;
-
-    @if ($acrdn-skin == 'bootstrap4' or $acrdn-skin == 'bootstrap5' or $acrdn-skin == 'FluentUI') {
-      border-radius: $acrdn-border-radius;
-    }
-
-    .e-active {
-      background: $acrdn-active-bg-color;
-    }
-
-    .e-acrdn-item {
-      @if $acrdn-skin == 'fabric' {
-        border-bottom: 1px solid $acrdn-item-border-color;
-        border-top: 1px solid $acrdn-item-border-color;
-      }
-
-      @if $acrdn-skin == 'bootstrap4' or $acrdn-skin == 'tailwind' {
-        border-bottom: $acrdn-border-size $acrdn-border-type $acrdn-default-border;
-        border-radius: 4px 4px 0 0;
-
-        &.e-select:last-child {
-          border-bottom: 0;
-          border-radius: 0 0 4px 4px;
-        }
-      }
-
-      @if $acrdn-skin == 'bootstrap5' {
-        border-bottom: $acrdn-border-size $acrdn-border-type $acrdn-default-border;
-
-        &:first-child .e-acrdn-header:focus {
-          border-radius: 4px 4px 0 0;
-        }
-
-        &:last-child {
-          border-bottom: 0;
-
-          &:not(.e-expand-state) .e-acrdn-header:focus {
-            border-radius: 0 0 4px 4px;
-          }
-
-          &.e-selected .e-acrdn-header:focus {
-            border-radius: 0;
-          }
-        }
-      }
-
-      &.e-item-focus {
-        @if $acrdn-skin == 'fabric' {
-          border-bottom: 1px solid $acrdn-header-focus-bg;
-          border-top: 1px solid $acrdn-header-focus-bg;
-        }
-
-        @if $acrdn-skin == 'highcontrast' {
-          .e-acrdn-header:focus {
-            border-color: $acrdn-focus-hdr-focus-border-color;
-          }
-        }
-      }
-
-      &.e-item-focus.e-select.e-selected.e-expand-state {
-        @if $acrdn-skin == 'fabric' or $acrdn-skin == 'material' {
-          border-top: 1px solid $acrdn-selected-header-color;
-        }
-
-        @if $acrdn-skin == 'highcontrast' {
-          .e-acrdn-header:focus {
-            border: 2px dashed $acrdn-focus-exp-hdr-focus-border-color;
-          }
-
-          .e-acrdn-header:hover:focus {
-            background: $acrdn-focus-exp-hdr-hover-focus-bg-color;
-            border-color: $acrdn-focus-exp-hdr-hover-focus-border-color;
-
-            .e-icons,
-            .e-acrdn-header-content {
-              color: $acrdn-focus-exp-hdr-hover-focus-color;
-            }
-          }
-        }
-      }
-
-      &.e-item-focus.e-expand-state.e-select,
-      &.e-item-focus.e-select.e-selected.e-expand-state  {
-        @if $acrdn-skin == 'material' {
-          border-color: $acrdn-header-focus-bg;
-        }
-      }
-
-      &.e-expand-state.e-select {
-        @if $acrdn-skin == 'fabric' or $acrdn-skin == 'material' {
-          border-bottom: 1px solid $acrdn-selected-header-color;
-          border-top: 1px solid $acrdn-selected-header-color;
-        }
-      }
-
-      .e-acrdn-header {
-        @if $acrdn-skin == 'fabric' {
-          border: 1px solid $acrdn-item-header-border-color;
-        }
-      }
-
-      @if $acrdn-skin == 'bootstrap4' {
-        &.e-overlay.e-select.e-expand-state {
-          .e-acrdn-header {
-            .e-icons,
-            .e-acrdn-header-content {
-              color: $acrdn-disable-color;
-            }
-          }
-        }
-      }
-
-      &.e-overlay {
-        background: $acrdn-bg-color;
-
-        @if $acrdn-skin == 'bootstrap4' {
-          opacity: $acrdn-opacity;
-        }
-
-        @if $acrdn-skin == 'highcontrast' or $acrdn-skin == 'bootstrap4' {
-          .e-acrdn-header {
-
-            .e-icons,
-            .e-acrdn-header-content {
-              color: $acrdn-disable-color;
-            }
-          }
-        }
-
-        @if $acrdn-skin == 'tailwind' or $acrdn-skin == 'bootstrap5' {
-          &.e-overlay.e-select.e-expand-state {
-            .e-acrdn-header {
-
-              .e-icons {
-                color: $acrdn-icon-disable-color;
-              }
-
-              .e-acrdn-header-content {
-                color: $content-text-color-disabled;
-              }
-            }
-          }
-        }
-      }
-
-      &.e-selected.e-select.e-expand-state > .e-acrdn-header {
-
-        &:focus {
-          @if $acrdn-skin == 'fabric' {
-            border: 1px solid $acrdn-item-exp-hdr-focus-border-color;
-          }
-          @else if $acrdn-skin == 'highcontrast' {
-            border: 2px dashed $acrdn-item-exp-hdr-focus-border-color;
-          }
-          @else {
-            background: $acrdn-header-focus-bg;
-          }
-        }
-
-        @if $acrdn-skin == 'FluentUI' {
-          &:hover {
-            background: $acrdn-header-hover-bg;
-          }
-
-          &:active {
-            background: $acrdn-header-active-bg;
-          }
-        }
-      }
-
-      .e-acrdn-panel.e-nested {
-
-        @if $acrdn-skin == 'bootstrap4' or $acrdn-skin == 'tailwind' or $acrdn-skin == 'bootstrap5' {
-          .e-acrdn-content .e-acrdn-item:last-child {
-            border-bottom: $acrdn-border-size $acrdn-selected-border-type $acrdn-default-border;
-          }
-        }
-
-        .e-acrdn-header .e-acrdn-header-content {
-          color: $acrdn-header-font;
-        }
-
-        @if $acrdn-skin == 'highcontrast' {
-          .e-expand-state {
-            > .e-icons,
-            > .e-acrdn-header-content {
-              color: $acrdn-nested-exp-color;
-            }
-          }
-        }
-      }
-
-      &.e-select {
-
-        @if $acrdn-skin == 'bootstrap' {
-          background: $acrdn-item-select-bg;
-          border: $acrdn-border-size solid $acrdn-default-border;
-        }
-
-        .e-acrdn-panel .e-acrdn-content {
-          color: $acrdn-content-color;
-
-          @if $acrdn-skin == 'bootstrap4' {
-            background: $acrdn-item-panel-content-select-bg;
-            border-top: $acrdn-border-size $acrdn-border-type $acrdn-default-border;
-          }
-
-          @if $acrdn-skin == 'highcontrast' {
-            background: $acrdn-selected-item-content-color;
-          }
-        }
-
-        @if $acrdn-skin == 'material' {
-          .e-acrdn-panel .e-acrdn-content .e-content-icon {
-            color: $acrdn-icon-color;
-          }
-        }
-      }
-
-      .e-acrdn-header {
-
-        .e-acrdn-header-content {
-          color: $acrdn-header-font;
-        }
-
-        .e-acrdn-header-icon {
-          color: $acrdn-icon-color;
-        }
-      }
-
-      &.e-expand-state.e-select:not(.e-selected) > .e-acrdn-header {
-
-        &:focus {
-          @if $acrdn-skin == 'fabric' {
-            border: 1px solid $acrdn-item-exp-hdr-focus-border-color;
-          }
-          @else if $acrdn-skin == 'highcontrast' {
-            border-color: $acrdn-item-exp-hdr-focus-border-color;
-          }
-          @else if $acrdn-skin != 'bootstrap5' {
-            background: $acrdn-header-focus-bg;
-          }
-        }
-      }
-
-      .e-acrdn-header {
-
-        @if $acrdn-skin == 'highcontrast' {
-          border: 1px solid $acrdn-item-header-border-color;
-        }
-
-        &:hover {
-          @if $acrdn-skin == 'fabric' {
-            border: 1px solid $acrdn-header-hover-bg;
-          }
-          @if $acrdn-skin != 'bootstrap5' {
-            background: $acrdn-header-hover-bg;
-          }
-          @if $acrdn-skin == 'highcontrast' {
-            border-color: $acrdn-item-header-hover-border-color;
-          }
-        }
-
-        &:active {
-          @if $acrdn-skin == 'fabric' {
-            border: 1px solid $acrdn-header-active-bg;
-          }
-          background: $acrdn-header-active-bg;
-          @if $acrdn-skin == 'highcontrast' {
-            border-color: $acrdn-item-header-active-border-color;
-          }
-        }
-
-        &:focus {
-          @if ($acrdn-skin == 'fabric') {
-            border: 1px solid $acrdn-item-header-focus-border-color;
-          }
-          @if $acrdn-skin == 'bootstrap5' {
-            box-shadow: $shadow-focus-ring1;
-          }
-          @else {
-            background: $acrdn-header-focus-bg;
-            @if $acrdn-skin == 'FluentUI' {
-              border: 1px solid $acrdn-selected-header-font-color;
-            }
-          }
-          @if $acrdn-skin == 'highcontrast' {
-            background: $acrdn-item-header-focus-bg-color;
-            border: 2px dashed $acrdn-item-header-focus-border-color;
-
-            &:active {
-
-              .e-icons,
-              .e-acrdn-header-content,
-              .e-toggle-icon {
-                color: $acrdn-item-header-focus-active-color;
-              }
-            }
-          }
-        }
-      }
-
-      &.e-select {
-
-        @if $acrdn-skin == 'bootstrap4' {
-          &.e-acrdn-item > .e-acrdn-header {
-            &:hover {
-              .e-icons,
-              .e-acrdn-header-content {
-                color: $acrdn-exp-hdr-hover-color;
-              }
-
-              &:focus .e-icons,
-              &:focus .e-acrdn-header-content {
-                color: $acrdn-exp-hdr-hover-focus-hdr-color;
-              }
-            }
-          }
-
-          &.e-selected > .e-acrdn-header {
-            background: $acrdn-selected-header-color;
-          }
-        }
-
-        &.e-selected.e-expand-state > .e-acrdn-header,
-        &.e-expand-state > .e-acrdn-header {
-          @if $acrdn-skin == 'fabric' {
-            border: 1px solid $acrdn-selected-header-color;
-          }
-
-          @if $acrdn-skin != 'bootstrap5' {
-            background: $acrdn-selected-header-color;
-          }
-
-          @if $acrdn-skin == 'bootstrap4' {
-            &:hover {
-              .e-icons,
-              .e-acrdn-header-content {
-                color: $acrdn-exp-hdr-hover-color;
-              }
-
-              &:focus .e-icons,
-              &:focus .e-acrdn-header-content {
-                color: $acrdn-exp-hdr-hover-focus-hdr-color;
-              }
-            }
-          }
-
-          @if $acrdn-skin == 'highcontrast' {
-            background: $acrdn-exp-hdr-bg-color;
-            border-color: $acrdn-exp-hdr-border-color;
-
-            .e-acrdn-header-icon {
-              color: $acrdn-exp-hdr-icon-color;
-            }
-
-            &:hover {
-              background: $acrdn-exp-hdr-hover-bg-color;
-              border-color: $acrdn-exp-hdr-hover-border-color;
-
-              .e-icons,
-              .e-acrdn-header-content {
-                color: $acrdn-exp-hdr-hover-color;
-              }
-
-              &:focus .e-icons,
-              &:focus .e-acrdn-header-content {
-                color: $acrdn-exp-hdr-hover-focus-hdr-color;
-              }
-            }
-          }
-
-          @if $acrdn-skin != 'bootstrap5' {
-            > .e-toggle-icon {
-              color: $acrdn-selected-icon-color;
-            }
-
-            .e-acrdn-header-icon,
-            .e-acrdn-header-content {
-              color: $acrdn-selected-header-font-color;
-            }
-          }
-        }
-
-        &.e-expand-state > .e-acrdn-header:hover:focus {
-          @if $acrdn-skin == 'highcontrast' {
-            .e-icons,
-            .e-acrdn-header-content {
-              color: $acrdn-exp-hdr-hover-focus-color;
-            }
-          }
-        }
-      }
-
-      &.e-select {
-        @if $acrdn-skin == 'material' {
-          border-bottom: $acrdn-selected-border-size $acrdn-selected-border-type transparent;
-          border-top: $acrdn-selected-border-size $acrdn-selected-border-type transparent;
-
-          &.e-item-focus {
-            border-color: $acrdn-header-focus-bg;
-          }
-        }
-
-        @if $acrdn-skin == 'highcontrast' {
-          &.e-expand-state .e-acrdn-header:hover {
-            border-color: $acrdn-exp-hdr-hover-border-color;
-
-            .e-icons,
-            .e-acrdn-header-content {
-              color: $acrdn-exp-hdr-hover-color;
-            }
-          }
-        }
-      }
-
-      &.e-selected {
-        @if $acrdn-skin == 'bootstrap' {
-          border: $acrdn-border-size solid $acrdn-default-border;
-        }
-        @else {
-          &.e-select {
-            border-bottom: $acrdn-selected-border-size $acrdn-selected-border-type  $acrdn-selected-border-color;
-            border-top: $acrdn-selected-border-size $acrdn-selected-border-type  $acrdn-selected-border-color;
-
-            @if $acrdn-skin == 'bootstrap4' or $acrdn-skin == 'tailwind' or $acrdn-skin == 'bootstrap5' {
-              border-bottom: $acrdn-border-size $acrdn-border-type $acrdn-default-border;
-
-              &.e-select:last-child {
-                border-bottom: $acrdn-border-size $acrdn-selected-border-type $acrdn-default-border;
-              }
-            }
-          }
-        }
-
-        @if $acrdn-skin == 'bootstrap5' {
-          > .e-acrdn-header {
-            background: $acrdn-header-focus-bg;
-            border-bottom: $acrdn-border-size $acrdn-border-type $acrdn-default-border;
-
-            > .e-toggle-icon,
-            > .e-acrdn-header-content {
-              color: $acrdn-selected-header-font-color;
-            }
-
-            &:focus {
-              box-shadow: $shadow-focus-ring1;
-            }
-          }
-        }
-
-        + .e-selected {
-          @if $acrdn-skin == 'bootstrap' {
-            border: $acrdn-border-size solid $acrdn-default-border;
-          }
-          @if $acrdn-skin == 'material' {
-            border-top: $acrdn-selected-border-size solid  transparent;
-          }
-          @else {
-            border-top: $acrdn-selected-border-size none  $acrdn-selected-border-color;
-          }
-        }
-        @if $acrdn-skin != 'bootstrap' {
-          .e-selected:last-child {
-            border-bottom: $acrdn-selected-border-size none  $acrdn-selected-border-color;
-          }
-        }
-
-        @if $acrdn-skin == 'highcontrast' {
-          .e-acrdn-item.e-selected:not(.e-expand-state) {
-            > .e-acrdn-header .e-icons,
-            > .e-acrdn-header .e-acrdn-header-content {
-              color: $acrdn-nested-selected-item-hdr-color;
-            }
-          }
-
-          .e-acrdn-item.e-selected.e-expand-state {
-            > .e-acrdn-header .e-icons,
-            > .e-acrdn-header .e-acrdn-header-content {
-              color: $acrdn-nested-selected-exp-item-hdr-color;
-            }
-
-            &:hover {
-              > .e-acrdn-header .e-icons,
-              > .e-acrdn-header .e-acrdn-header-content {
-                color: $acrdn-nested-selected-exp-hover-item-hdr-color;
-              }
-            }
-          }
-        }
-
-        &.e-select > .e-acrdn-header {
-          @if $acrdn-skin == 'bootstrap' {
-            background: $acrdn-selected-header-color;
-            border: 0;
-            border-bottom: $acrdn-border-size solid $acrdn-default-border;
-            border-radius: 0;
-          }
-
-          @if $acrdn-skin == 'bootstrap4' {
-            border-radius: 4px;
-          }
-
-          @if $acrdn-skin == 'highcontrast' {
-
-            &:focus {
-              border: 2px dashed $acrdn-selected-hdr-focus-border-color;
-            }
-
-            &:hover {
-              border-color: $acrdn-selected-hdr-hover-border-color;
-
-              .e-icons,
-              .e-acrdn-header-content {
-                color: $acrdn-selected-hdr-hover-color;
-              }
-            }
-          }
-        }
-
-        > .e-acrdn-panel {
-
-          .e-acrdn-content {
-            color: $acrdn-content-color;
-          }
-
-          .e-acrdn-header-content {
-            color: $acrdn-nested-header-font;
-          }
-        }
-      }
-
-      .e-toggle-icon {
-        color: $acrdn-icon-color;
-      }
-
-      .e-acrdn-panel {
-        font-size: $acrdn-content-font-size;
-      }
-    }
-  }
-}

package/styles/accordion/icons/_bootstrap-dark.scss

@@ -1,17 +0,0 @@
-@include export-module('accordion-bootstrap-dark-icons') {
-
-  /*! accordion icons */
-  #{&}.e-accordion {
-
-    .e-tgl-collapse-icon {
-
-      &::before {
-        content: '\e916';
-      }
-
-      &.e-expand-icon {
-        transform: rotate(-180deg);
-      }
-    }
-  }
-}

package/styles/accordion/icons/_bootstrap.scss

@@ -1,17 +0,0 @@
-@include export-module('accordion-bootstrap-icons') {
-
-  /*! accordion icons */
-  #{&}.e-accordion {
-
-    .e-tgl-collapse-icon {
-
-      &::before {
-        content: '\e916';
-      }
-
-      &.e-expand-icon {
-        transform: rotate(-180deg);
-      }
-    }
-  }
-}

package/styles/accordion/icons/_bootstrap4.scss

@@ -1,17 +0,0 @@
-@include export-module('accordion-bootstrap4-icons') {
-
-  /*! accordion icons */
-  #{&}.e-accordion {
-
-    .e-tgl-collapse-icon {
-
-      &::before {
-        content: '\e705';
-      }
-
-      &.e-expand-icon {
-        transform: rotate(-180deg);
-      }
-    }
-  }
-}

package/styles/accordion/icons/_bootstrap5-dark.scss

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

package/styles/accordion/icons/_bootstrap5.scss

@@ -1,17 +0,0 @@
-@include export-module('accordion-bootstrap5-icons') {
-
-  /*! accordion icons */
-  #{&}.e-accordion {
-
-    .e-tgl-collapse-icon {
-
-      &::before {
-        content: '\e729';
-      }
-
-      &.e-expand-icon {
-        transform: rotate(-180deg);
-      }
-    }
-  }
-}