@syncfusion/ej2-angular-navigations 21.2.9 → 22.1.34-ngcc

package/styles/accordion/_layout.scss

@@ -1,349 +0,0 @@
-@include export-module('accordion-layout') {
-
-  /*! accordion layout */
-  .e-bigger .e-accordion,
-  .e-accordion.e-bigger {
-
-    .e-acrdn-item {
-
-      .e-acrdn-header .e-acrdn-header-content {
-        font-size: $acrdn-header-font-bgr-size;
-        vertical-align: middle;
-      }
-    }
-
-    .e-acrdn-item.e-select {
-
-      .e-acrdn-panel {
-        font-size: $acrdn-content-font-bgr-size;
-
-        &.e-nested {
-
-          > .e-acrdn-content > .e-accordion > .e-acrdn-item > .e-acrdn-panel:not(.e-nested) > .e-acrdn-content {
-            padding: $acrdn-nest-bgr-content-padding;
-          }
-
-          > .e-acrdn-content > .e-accordion > .e-acrdn-item > .e-acrdn-header {
-            padding: $acrdn-nest-bgr-header-padding;
-          }
-
-          > .e-acrdn-content {
-            padding: 0;
-
-            > .e-accordion {
-              border: 0;
-            }
-
-            .e-accordion .e-acrdn-panel.e-nested .e-acrdn-content .e-acrdn-header {
-              padding: $acrdn-nest-second-bgr-header-padding;
-            }
-
-            .e-accordion .e-acrdn-panel.e-nested .e-acrdn-content .e-acrdn-panel .e-acrdn-content {
-              padding: $acrdn-nest-second-bgr-content-padding;
-            }
-          }
-        }
-
-        .e-acrdn-header .e-acrdn-header-content {
-          font-size: $acrdn-nest-header-font-size;
-        }
-      }
-
-      .e-acrdn-header {
-        line-height: $acrdn-bgr-header-lineheight;
-        min-height: $acrdn-bgr-header-minheight;
-        padding: $acrdn-bgr-header-padding;
-
-        .e-toggle-icon {
-          height: $acrdn-bgr-header-minheight;
-          min-height: $acrdn-bgr-header-minheight;
-          min-width: $acrdn-bgr-icn-minwidth;
-          right: $acrdn-bgr-header-paddingpix;
-          font-size: $acrdn-bgr-arrow-icon-font-size;
-        }
-
-        .e-acrdn-header-icon {
-          display: inline-block;
-          padding: 0 $acrdn-bgr-header-icon-padding 0 0;
-
-          .e-acrdn-icons.e-icons {
-            font-size: $acrdn-bgr-arrow-icon-font-size;
-          }
-        }
-      }
-
-      .e-acrdn-panel .e-acrdn-content {
-        padding: $acrdn-bgr-content-padding;
-        font-size: $acrdn-bgr-item-header-content-font-size;
-      }
-    }
-
-    &.e-rtl {
-
-      .e-acrdn-item.e-select {
-
-        .e-acrdn-panel.e-nested  {
-
-          > .e-acrdn-content > .e-accordion > .e-acrdn-item > .e-acrdn-panel:not(.e-nested) > .e-acrdn-content {
-            padding: $acrdn-rtl-nest-bgr-content-padding;
-          }
-
-          > .e-acrdn-content > .e-accordion > .e-acrdn-item > .e-acrdn-header {
-            padding: $acrdn-rtl-nest-bgr-header-padding;
-          }
-
-          > .e-acrdn-content .e-accordion .e-acrdn-panel.e-nested .e-acrdn-content .e-acrdn-header {
-            padding: $acrdn-rtl-nest-second-bgr-header-padding;
-          }
-
-          > .e-acrdn-content .e-accordion .e-acrdn-panel.e-nested .e-acrdn-content .e-acrdn-panel .e-acrdn-content {
-            padding: $acrdn-rtl-nest-second-bgr-content-padding;
-          }
-        }
-      }
-
-      .e-acrdn-item {
-
-        .e-acrdn-header {
-          padding: $acrdn-rtl-bgr-header-padding;
-
-          .e-toggle-icon {
-            left: $acrdn-bgr-header-paddingpix;
-            right: auto;
-          }
-
-          .e-acrdn-header-icon {
-            padding: 0 0 0 $acrdn-bgr-header-icon-padding;
-          }
-        }
-      }
-    }
-  }
-
-  .e-accordion {
-    display: block;
-    position: relative;
-
-    .e-acrdn-item {
-
-      &.e-select.e-selected:first-child {
-        border-top: $acrdn-item-selected-first-child-border-top;
-      }
-
-      &.e-select.e-selected:last-child {
-        border-bottom: $acrdn-item-selected-last-child-border-bottom;
-      }
-      border-radius: $acrdn-item-border-radius;
-      margin-top: $acrdn-item-margin-top;
-
-      &:not(.e-select) + .e-acrdn-item:not(.e-select) {
-        margin-bottom: 0;
-        margin-top: 0;
-      }
-
-      .e-acrdn-panel.e-nested .e-acrdn-item.e-select {
-        margin: $acrdn-item-nested-panel-item-select-margin;
-      }
-
-      > .e-acrdn-header .e-acrdn-header-content {
-        font-weight: $acrdn-header-font-weight;
-      }
-
-      &.e-selected {
-        padding-top: 0;
-
-        > .e-acrdn-header .e-acrdn-header-content {
-          font-weight: $acrdn-slct-header-font-weight;
-        }
-      }
-
-      &.e-overlay {
-        height: auto;
-      }
-    }
-
-    .e-acrdn-item {
-      overflow: $acrdn-item-overflow;
-      padding-top: $acrdn-item-padding-size;
-      position: relative;
-
-      &.e-hide {
-        display: none;
-      }
-
-      .e-acrdn-header {
-
-        .e-acrdn-header-content {
-          font-size: $acrdn-header-font-size;
-        }
-      }
-
-      &.e-select {
-
-        > .e-acrdn-header {
-          cursor: pointer;
-
-          &:hover,
-          &:focus {
-            .e-acrdn-header-content {
-              text-decoration: $acrdn-item-hover-focus-hdr-con-text-decoration;
-            }
-          }
-        }
-      }
-
-      .e-acrdn-header {
-        border-radius: $acrdn-item-hdr-border-radius;
-        line-height: $acrdn-nrml-header-lineheight;
-        min-height: $acrdn-nrml-header-minheight;
-        overflow: hidden;
-        padding: $acrdn-nrml-header-padding;
-        text-decoration: none;
-        text-overflow: ellipsis;
-        white-space: nowrap;
-
-        > * {
-          display: inline-block;
-        }
-
-        .e-acrdn-header-content {
-          line-height: $acrdn-item-hdr-con-lineheight;
-        }
-
-        .e-toggle-icon {
-          display: $acrdn-item-tgl-icon-display;
-          font-size: $acrdn-icon-font-size;
-          height: $acrdn-nrml-header-minheight;
-          min-height: $acrdn-nrml-header-minheight;
-          min-width: $acrdn-nrml-icn-minwidth;
-          position: absolute;
-          right: $acrdn-nrml-header-paddingpix;
-          top: 0;
-
-          .e-tgl-collapse-icon.e-icons {
-            display: table-cell;
-            text-align: center;
-            vertical-align: middle;
-          }
-        }
-
-        .e-toggle-animation {
-          transition: .5s ease 0s;
-        }
-
-        .e-acrdn-header-icon {
-          display: inline-block;
-          padding: 0 $acrdn-nrml-header-icon-padding 0 0;
-
-          .e-acrdn-icons.e-icons {
-            font-size: $acrdn-item-arrow-icon-font-size;
-          }
-        }
-      }
-
-      .e-acrdn-panel {
-        font-size: $acrdn-content-font-size;
-        overflow-y: hidden;
-        text-decoration: none;
-        width: 100%;
-
-        &.e-nested {
-
-          > .e-acrdn-content > .e-accordion > .e-acrdn-item > .e-acrdn-panel:not(.e-nested) > .e-acrdn-content {
-            padding: $acrdn-nest-nrml-content-padding;
-          }
-
-          > .e-acrdn-content > .e-accordion > .e-acrdn-item > .e-acrdn-header {
-            padding: $acrdn-nest-nrml-header-padding;
-          }
-
-          > .e-acrdn-content {
-            padding: 0;
-
-            .e-acrdn-panel.e-nested > .e-acrdn-content {
-              padding: 0;
-            }
-
-            > .e-accordion {
-              border: 0;
-            }
-
-            .e-accordion .e-acrdn-panel.e-nested .e-acrdn-content .e-acrdn-header {
-              padding: $acrdn-nest-second-nrml-header-padding;
-            }
-
-            .e-accordion .e-acrdn-panel.e-nested .e-acrdn-content .e-acrdn-panel .e-acrdn-content {
-              padding: $acrdn-nest-second-nrml-content-padding;
-            }
-          }
-
-          .e-acrdn-item.e-select.e-selected .e-acrdn-header > .e-acrdn-header-content {
-            font-weight: $acrdn-nest-header-content-font-weight;
-          }
-
-          .e-nested .e-accordion .e-acrdn-item .e-acrdn-header .e-acrdn-header-content {
-            font-weight: normal;
-          }
-        }
-
-        .e-acrdn-content {
-          line-height: $acrdn-content-line-height;
-          overflow: hidden;
-          padding: $acrdn-nrml-content-padding;
-          text-overflow: ellipsis;
-
-          > * {
-            overflow: hidden;
-            text-overflow: ellipsis;
-          }
-        }
-
-        .e-acrdn-header-content {
-          font-size: $acrdn-nest-header-content-font-size;
-        }
-      }
-
-      .e-content-hide {
-        display: none;
-      }
-    }
-
-    &.e-rtl {
-
-      .e-acrdn-item {
-
-        .e-acrdn-panel.e-nested {
-
-          > .e-acrdn-content > .e-accordion > .e-acrdn-item > .e-acrdn-panel:not(.e-nested) > .e-acrdn-content {
-            padding: $acrdn-rtl-nest-nrml-content-padding;
-          }
-
-          > .e-acrdn-content > .e-accordion > .e-acrdn-item > .e-acrdn-header {
-            padding: $acrdn-rtl-nest-nrml-header-padding;
-          }
-
-          > .e-acrdn-content .e-accordion .e-acrdn-panel.e-nested .e-acrdn-content .e-acrdn-header {
-            padding: $acrdn-rtl-nest-second-nrml-header-padding;
-          }
-
-          > .e-acrdn-content .e-accordion .e-acrdn-panel.e-nested .e-acrdn-content .e-acrdn-panel .e-acrdn-content {
-            padding: $acrdn-rtl-nest-second-nrml-content-padding;
-          }
-        }
-
-        .e-acrdn-header {
-          padding: $acrdn-rtl-nrml-header-padding;
-
-          .e-toggle-icon {
-            left: $acrdn-nrml-header-paddingpix;
-            right: auto;
-          }
-
-          .e-acrdn-header-icon {
-            padding: 0 0 0 $acrdn-nrml-header-icon-padding;
-          }
-        }
-      }
-    }
-  }
-}

package/styles/accordion/_material-dark-definition.scss

@@ -1,180 +0,0 @@
-//default
-$acrdn-skin: 'material' !default;
-$acrdn-icon-font-size: $font-size !default;
-$acrdn-bgr-arrow-icon-font-size: 12px !default;
-$acrdn-bgr-item-header-content-font-size: 14px !default;
-$acrdn-header-font-bgr-size: 16px !default;
-$acrdn-content-font-bgr-size: 14px !default;
-$acrdn-nest-header-font-size: 14px !default;
-$acrdn-bgr-icn-minwidth: 30px !default;
-$acrdn-slct-header-font-weight: normal !default;
-$acrdn-nrml-icn-minwidth: 24px !default;
-$acrdn-bg-color: $grey-dark !default;
-$acrdn-default-bg-color: $acrdn-bg-color !default;
-$acrdn-content-line-height: 1.5 !default;
-$acrdn-tab-highlight-color:  rgba(0, 0, 0, 0) !default;
-$acrdn-nrml-header-minheight: 36px !default;
-$acrdn-bgr-header-minheight: 48px !default;
-$acrdn-nrml-header-lineheight: 35px !default;
-$acrdn-bgr-header-lineheight: 47px !default;
-$acrdn-nrml-header-paddingpix: 16px !default;
-$acrdn-bgr-header-paddingpix: 16px !default;
-
-$acrdn-item-hdr-con-lineheight: 35px !default;
-$acrdn-item-selected-first-child-border-top: 0 !default;
-$acrdn-item-selected-last-child-border-bottom: 0 !default;
-$acrdn-item-border-radius: 0 !default;
-$acrdn-item-margin-top: 0 !default;
-$acrdn-item-nested-panel-item-select-margin: 0 !default;
-$acrdn-item-overflow: visible !default;
-$acrdn-item-hover-focus-hdr-con-text-decoration: none !default;
-$acrdn-item-hdr-border-radius: 0 !default;
-$acrdn-item-tgl-icon-display: table !default;
-$acrdn-item-arrow-icon-font-size: 12px !default;
-$acrdn-opacity: .5 !default;
-
-// Header, Nested header and RTL mode Padding
-$acrdn-nest-nrml-header-padding: 0 40px 0 32px !default;
-$acrdn-nest-bgr-header-padding: 0 46px 0 32px !default;
-$acrdn-nest-second-nrml-header-padding: 0 40px 0 48px !default;
-$acrdn-nest-second-bgr-header-padding: 0 46px 0 48px !default;
-$acrdn-nrml-header-padding: 0 40px 0 16px !default;
-$acrdn-bgr-header-padding: 0 46px 0 16px !default;
-$acrdn-rtl-nrml-header-padding: 0 16px 0 40px !default;
-$acrdn-rtl-bgr-header-padding: 0 16px 0 46px !default;
-$acrdn-rtl-nest-nrml-header-padding: 0 32px 0 40px !default;
-$acrdn-rtl-nest-bgr-header-padding: 0 32px 0 46px !default;
-$acrdn-rtl-nest-second-nrml-header-padding: 0 48px 0 40px !default;
-$acrdn-rtl-nest-second-bgr-header-padding: 0 48px 0 46px !default;
-
-// Content, Nested content and RTL mode Padding
-$acrdn-nrml-content-padding: 16px !default;
-$acrdn-bgr-content-padding: 16px !default;
-$acrdn-nest-nrml-content-padding: 16px 16px 16px 32px !default;
-$acrdn-nest-bgr-content-padding: 16px 16px 16px 32px !default;
-$acrdn-nest-second-nrml-content-padding: 16px 16px 16px 48px !default;
-$acrdn-nest-second-bgr-content-padding: 16px 16px 16px 48px !default;
-$acrdn-rtl-nest-nrml-content-padding: 16px 32px 16px 16px !default;
-$acrdn-rtl-nest-bgr-content-padding: 16px 32px 16px 16px !default;
-$acrdn-rtl-nest-second-nrml-content-padding: 16px 48px 16px 16px !default;
-$acrdn-rtl-nest-second-bgr-content-padding: 16px 48px 16px 16px !default;
-
-$acrdn-nrml-header-icon-padding: 8px !default;
-$acrdn-bgr-header-icon-padding: 14px !default;
-$acrdn-nrml-icn-minwidth: 24px !default;
-$acrdn-bgr-icn-minwidth: 30px !default;
-$acrdn-active-bg: $grey-dark !default;
-$acrdn-active-bg-color: $acrdn-active-bg !default;
-$acrdn-bg-color: $grey-dark !default;
-$acrdn-selected-header-font-color: $grey-dark-font !default;
-$acrdn-selected-header-color: none !default;
-$acrdn-icon-color: rgba($grey-dark-font, .7) !default;
-$acrdn-selected-icon-color: rgba($grey-dark-font, .7) !default;
-$acrdn-content-color: $grey-dark-font !default;
-$acrdn-header-font: $accent !default;
-$acrdn-nested-header-font:  rgba($grey-dark-font, .7) !default;
-$acrdn-header-font-weight: normal !default;
-$acrdn-header-font-size: 15px !default;
-$acrdn-nest-header-font-size: 14px !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: 13px !default;
-$acrdn-header-font-bgr-size: 16px !default;
-$acrdn-content-font-bgr-size: 14px !default;
-$acrdn-selected-border-size: 1px !default;
-$acrdn-item-padding-size: 0 !default;
-$acrdn-selected-border-type: $border-type !default;
-$acrdn-selected-border-color: $grey-700 !default;
-$acrdn-default-border: $grey-700 !default;
-$acrdn-header-focus-bg:  rgba($grey-white, .05) !default;
-$acrdn-header-hover-bg: rgba($grey-white, .1) !default;
-$acrdn-header-active-bg: none !default;
-
-$acrdn-border-type: solid !default;
-$acrdn-border-size: $border-size !default;
-$acrdn-border-radius: 0 !default;
-
-$acrdn-item-border-color: $acrdn-selected-border-color !default;
-$acrdn-item-border-nav-type: solid !default;
-$acrdn-item-border-size: 0 !default;
-$acrdn-item-select-last-child-border-bottom: 1px solid transparent !default;
-$acrdn-item-select-last-child-border-radius: 0 !default;
-$acrdn-item-first-child-hdr-focus-border-radius: 0 !default;
-$acrdn-item-last-child-border-bottom: 0 !default;
-$acrdn-item-last-child-not-exp-hdr-focus-border-radius: 0 !default;
-$acrdn-item-focus-border-color: $acrdn-selected-border-color !default;
-$acrdn-item-focus-border-size: 0 !default;
-$acrdn-item-focus-selected-exp-border-top: 0 !default;
-$acrdn-item-focus-selected-exp-hdr-focus-border-color: $acrdn-selected-border-color !default;
-$acrdn-item-focus-selected-exp-hdr-focus-border-type: solid !default;
-$acrdn-item-focus-selected-exp-hdr-focus-border-size: 0 !default;
-$acrdn-item-focus-exp-hdr-hover-focus-bg-color: $acrdn-header-focus-bg !default;
-$acrdn-item-focus-exp-hdr-hover-focus-color: $acrdn-selected-header-font-color !default;
-$acrdn-item-focus-selected-hdr-icons-font: $acrdn-selected-icon-color !default;
-$acrdn-item-focus-exp-hdricon-hover-font: $acrdn-selected-header-font-color !default;
-$acrdn-item-focus-selected-exp-border-color: $acrdn-header-focus-bg !default;
-$acrdn-item-exp-select-border-color: $acrdn-selected-header-color !default;
-$acrdn-item-exp-select-border-size: 1px 0 1px 0 !default;
-$acrdn-item-header-border: 0 !default;
-$acrdn-item-select-exp-hdr-con-disable-font: $primary-font !default;
-$acrdn-item-header-content-disable-color: $accent !default;
-$acrdn-item-hdr-con-text-disabled-font: $primary-font !default;
-$acrdn-item-icon-disable-color: $primary-font !default;
-$acrdn-item-selected-exp-hdr-focus-border-color: $acrdn-selected-border-color !default;
-$acrdn-item-selected-exp-hdr-focus-border-type: solid !default;
-$acrdn-item-selected-exp-hdr-focus-border-size: 0 !default;
-$acrdn-item-selected-exp-hdr-focus-bg: rgba($grey-white, .05) !default;
-$acrdn-item-selected-exp-hdr-hover-bg: none !default;
-$acrdn-item-selected-exp-hdr-active-bg: none !default;
-$acrdn-item-nes-pan-con-last-child-border-bottom: 1px none $grey-700 !default;
-$acrdn-item-select-bg: none !default;
-$acrdn-item-select-border-color: transparent !default;
-$acrdn-item-select-border-size: 1px 0 1px 0 !default;
-$acrdn-item-panel-content-select-bg: none !default;
-$acrdn-item-panel-content-select-border-top: 0 !default;
-$acrdn-item-header-hover-border: 0 !default;
-$acrdn-item-header-hover-bg: $acrdn-header-hover-bg !default;
-$acrdn-item-header-hover-border-color: initial !default;
-$acrdn-item-header-active-border: 0 !default;
-$acrdn-item-header-active-border-color: initial !default;
-$acrdn-item-header-focus-border: 0 !default;
-$acrdn-item-header-focus-box-shadow: none !default;
-$acrdn-item-header-focus-bg: $acrdn-header-focus-bg !default;
-$acrdn-item-header-focus-active-color: $accent !default;
-$acrdn-item-select-exp-hdr-hover-color: $accent !default;
-$acrdn-item-selected-exp-hdr-border-color: initial !default;
-$acrdn-item-selected-exp-hdr-border-size: 0 !default;
-$acrdn-item-selected-exp-hdr-bg: none !default;
-$acrdn-item-selected-exp-hdr-hover-color: $acrdn-selected-icon-color !default;
-$acrdn-item-selected-exp-hdr-hover-focus-color: $primary-font !default;
-$acrdn-item-selected-exp-hdr-icon-color: $primary-font !default;
-$acrdn-item-selected-exp-hdr-hover-border-color: initial !default;
-$acrdn-item-selected-tgl-icon-color: $acrdn-selected-icon-color !default;
-$acrdn-item-selected-hdr-font: $primary-font !default;
-$acrdn-item-select-hdr-focus-border-color: $acrdn-header-focus-bg !default;
-$acrdn-item-selected-border-color: $grey-700 !default;
-$acrdn-item-selected-border-size: 0 0 1px 0 !default;
-$acrdn-item-selected-select-last-border-bottom: 0 !default;
-$acrdn-item-selected-selected-border-color: transparent transparent $grey-700 !default;
-$acrdn-item-selected-selected-border-size: 1px 0 1px 0 !default;
-$acrdn-item-selected-header-background: none !default;
-$acrdn-item-selected-hdr-border-color: initial !default;
-$acrdn-item-selected-hdr-border-size: 0 !default;
-$acrdn-item-selected-header-border-radius: 0 !default;
-$acrdn-item-selected-hdr-con-font: $accent !default;
-$acrdn-item-selected-select-border-color: $grey-700 !default;
-$acrdn-item-selected-select-border-size: 1px 0 1px 0 !default;
-$acrdn-item-selected-hdr-icon-font: $acrdn-selected-icon-color !default;
-$acrdn-item-selected-exp-hdr-con-hover-color: $primary-font !default;
-$acrdn-item-selected-exp-hdr-icon-hover-color: $primary-font !default;
-$acrdn-item-selected-select-active-bg: $grey-dark !default;
-$acrdn-item-nes-pan-exp-hdr-color: $primary-font !default;
-$acrdn-item-selected-hdr-hover-border-color: initial !default;
-$acrdn-item-selected-hdr-tgl-icon-hover-font: $acrdn-selected-icon-color !default;
-$acrdn-item-nes-selected-exp-hover-hdr-icons-font: $acrdn-selected-icon-color !default;
-$acrdn-item-nes-selected-exp-hover-hdr-con-font: $primary-font !default;
-$acrdn-item-exp-not-selected-hdr-focus-bg: $acrdn-header-focus-bg !default;
-$acrdn-item-exp-not-selected-hdr-focus-border: 0 !default;
-$acrdn-item-exp-not-selected-hdr-focus-border-color: initial !default;
-
-//enddefault