@syncfusion/ej2-angular-treegrid 23.2.7 → 24.1.41-ngcc

package/styles/treegrid/_layout.scss

@@ -1,444 +0,0 @@
-@include export-module('tree-layout') {
-  .e-bigger {
-    .e-treegrid {
-      .e-treegridexpand,
-      .e-treegridcollapse {
-        font-size: $treegrid-bigger-icon-font-size;
-        height: $treegrid-bigger-icon-size;
-        width: $treegrid-bigger-icon-size;
-      }
-
-      .e-hierarchycheckbox {
-        padding-left: 2px;
-      }
-
-      .e-hierarchycheckbox .e-frame {
-        height: $treegrid-frame-bigger-icon-height;
-        width: $treegrid-frame-bigger-icon-width;
-      }
-
-      .e-hierarchycheckbox .e-frame {
-        @if $skin-name == 'bootstrap' or $skin-name == 'boostrap-dark' or $skin-name == 'fabric-dark' or $skin-name == 'fabric' or $skin-name == 'highcontrast' or $skin-name == 'FluentUI' or $theme-name == 'fluentui-dark' {
-          font-size: 12px;
-          line-height: 12px;
-          padding: 2px 0;
-        }
-        height: $treegrid-frame-bigger-icon-height;
-        width: $treegrid-frame-bigger-icon-width;
-      }
-
-      .e-treecell {
-        line-height: $treegrid-bigger-icon-size;
-      }
-
-      .e-row[aria-expanded = 'true'] .e-treecell {
-        @if $skin-name == 'FluentUI' or $theme-name == 'fluentui-dark' {
-          font-size: 16px;
-          font-weight: bold;
-        }
-      }
-    }
-  }
-
-  .e-treegrid {
-
-    .e-icons.e-none::before {
-      content: '';
-    }
-
-    .e-gridheader {
-
-      .e-headercell .e-css.e-hierarchycheckbox {
-        height: 20px;
-        @if $skin-name == 'FluentUI' or $theme-name == 'fluentui-dark' {
-          padding-top: 0;
-        }
-        vertical-align: middle;
-      }
-    }
-
-    .e-treegridexpand::before,
-    .e-treegridcollapse::before {
-      text-align: center;
-      vertical-align: $treegrid-right-arrow-icon-vertical-align;
-    }
-
-    .e-rowcell:not(.e-gridclip) {
-      .e-treecolumn-container {
-        display: block;
-        overflow: hidden;
-        text-overflow: ellipsis;
-
-        span.e-treecell {
-          display: inline;
-          overflow: hidden;
-          text-overflow: ellipsis;
-        }
-      }
-    }
-
-    .e-treegridexpand:hover::before,
-    .e-treegridcollapse:hover::before {
-      color: $treegrid-right-arrow-hover-color;
-    }
-
-    .e-rowcell.e-treerowcell.e-treegridcheckbox {
-      @if $skin-name == 'FluentUI' or $theme-name == 'fluentui-dark' {
-        padding-left: $treegrid-treecell-padding;
-      }
-    }
-
-    .e-row[aria-expanded = 'true'] .e-treecell {
-      @if $skin-name == 'FluentUI' or $theme-name == 'fluentui-dark' {
-        font-size: 14px;
-        font-weight: bold;
-      }
-    }
-
-    .e-rtl {
-      .e-treegridcollapse {
-        transform: scale(-1);
-      }
-    }
-
-    .e-treegridexpand {
-      transform: rotate(90deg);
-    }
-
-    .e-treerowexpanded:not(.e-hiddenrow) {
-      display: table-row;
-    }
-
-    .e-treerowcollapsed {
-      display: none;
-    }
-
-    .e-treecheckbox-container {
-      display: block;
-      overflow: hidden;
-      text-overflow: ellipsis;
-
-      :not(.e-treecheckbox) {
-        white-space: nowrap;
-      }
-    }
-
-    .e-treecheckbox {
-      overflow: hidden;
-      text-overflow: ellipsis;
-      vertical-align: middle;
-    }
-
-    .e-treecolumn-container {
-      span {
-        display: inline-block;
-        vertical-align: middle;
-      }
-    }
-
-    .e-hierarchycheckbox .e-frame {
-      @if $skin-name == 'bootstrap' or $skin-name == 'boostrap-dark' or $skin-name == 'fabric-dark' or $skin-name == 'fabric' or $skin-name == 'highcontrast' or $skin-name == 'FluentUI' or $theme-name == 'fluentui-dark' {
-        font-size: 10px;
-        height: 16px;
-        line-height: 11px;
-        padding: 2px 0;
-        width: 16px;
-      }
-      @else {
-        height: $cbox-height;
-        width: $cbox-width;
-      }
-    }
-
-    .e-checkselection {
-      .e-frozenheader .e-rowcell,
-      .e-movableheader .e-rowcell,
-      .e-frozencontent .e-rowcell,
-      .e-movablecontent .e-rowcell {
-        line-height: 21px;
-      }
-    }
-
-    .e-treegridexpand,
-    .e-treegridcollapse {
-      color: $treegrid-right-arrow-icon-color;
-      cursor: pointer;
-      font-size: $treegrid-right-arrow-icon-font-size;
-      height: $treegrid-right-arrow-icon-height;
-      padding: $treegrid-right-arrow-icon-padding;
-      text-align: center;
-      vertical-align: bottom;
-      width: $treegrid-right-arrow-icon-width;
-    }
-
-    .e-treecell {
-      display: table-cell;
-      @if $skin-name == 'bootstrap5' or $skin-name == 'boostrap5-dark' or $skin-name == 'FluentUI' or $theme-name == 'fluentui-dark' {
-        line-height: 19px;
-      }
-      @else {
-        line-height: normal;
-      }
-    }
-
-    .e-grid {
-      &.e-wrap .e-rowcell .e-treecolumn-container {
-        white-space: nowrap;
-      }
-
-      &.e-wrap .e-rowcell .e-treecolumn-container .e-treecell {
-        display: inline-block;
-        white-space: normal;
-        word-wrap: break-word;
-      }
-
-      &.e-wrap .e-rowcell .e-treecheckbox-container {
-        white-space: nowrap;
-      }
-
-      &.e-wrap .e-rowcell .e-treecheckbox-container .e-treecheckbox {
-        display: inline-block;
-        white-space: normal;
-        word-wrap: break-word;
-      }
-    }
-
-    #{if(&, '&', '*')}.e-grid.e-print-grid-layout .e-icons {
-      display: inline-block;
-    }
-
-    .e-treecheckselect,
-    .e-treeselectall {
-      margin: 0;
-      opacity: 0;
-      position: absolute;
-      width: 0;
-    }
-
-    .e-detailheadercell,
-    .e-headercontent .e-table .e-detail-intent,
-    .e-gridcontent .e-table .e-detail-intent,
-    .e-table .e-detailrow .e-detailindentcell,
-    .e-table .e-detailrowexpand,
-    .e-table .e-detailrowcollapse,
-    .e-filterbarcell.e-mastercell {
-      display: none;
-    }
-
-    .e-icons.e-errorelem {
-      display: inline-block;
-      padding-left: 10px;
-      vertical-align: middle;
-    }
-
-    .e-errorelem::before {
-      color: $error-elem-color;
-      content: $error-elem-content;
-      transform: rotate(180deg);
-    }
-
-    .e-gridcontent {
-      td.e-childborder {
-        border-color: $childborder-color;
-        border-width: $treegrid-rowdd-childborder-width;
-        box-shadow: 0 1px 0 0 $childborder-color;
-        position: relative;
-        z-index: 1;
-      }
-
-      td.e-rowcell.e-childborder.e-dragborder,
-      td.e-rowcell.e-dropbottom.e-dragborder td.e-rowdragdrop.e-dropbottom.e-dragborder {
-        box-shadow: 0 1px 0 0 $childborder-color;
-      }
-
-      td.e-rowcell.e-dragborder,
-      tr.e-row:first-child .e-rowcell.e-dragborder,
-      .e-rowdragdrop.e-dragborder {
-        box-shadow: 0 0 0 0;
-      }
-
-      td.e-childborder:first-child {
-        border-left: $treegrid-rowdrag-childborder-border;
-        box-shadow: 0 1px 0 0 $childborder-color;
-        position: relative;
-        z-index: 1;
-      }
-
-      td.e-rowcell.e-childborder:last-child {
-        border-right: $treegrid-rowdrag-childborder-border;
-      }
-
-      td.e-lastrowcell.e-childborder {
-        border-width: $treegrid-lastrowdd-childborder-width;
-      }
-
-      td.e-lastrowcell.e-childborder:last-child {
-        border-right: $treegrid-rowdrag-childborder-border;
-      }
-
-      td.e-lastrowcell.e-childborder:first-child {
-        border-left: $treegrid-rowdrag-childborder-border;
-      }
-
-      td.e-dropbottom:first-child,
-      td.e-rowcell.e-dropbottom,
-      td.e-dropbottom {
-        box-shadow: 0 1px 0 0 $childborder-color;
-        position: relative;
-        z-index: 1;
-      }
-
-      td.e-droptop:first-child,
-      td.e-rowcell.e-droptop {
-        border-top-color: $childborder-color;
-        border-width: $treegrid-rowdd-childborder-width;
-      }
-
-      td.e-lastrowcell.e-dropbottom {
-        border-bottom-color: $childborder-color;
-      }
-
-      td.e-rowdragdrop.e-droptop.e-dragborder {
-        box-shadow: 0 0 0 0;
-      }
-
-      .e-gridheader .e-firstrow-dragborder {
-        height: 1px;
-      }
-
-      .e-lastrow-dragborder {
-        height: 0;
-      }
-    }
-
-    .e-gridheader .e-firstrow-dragborder {
-      height: 0;
-    }
-
-    .e-droptop .e-lastrow-dragborder {
-      height: 0;
-    }
-
-    .e-treegrid-relative {
-      position: relative;
-    }
-
-    .e-gridheader .e-firstrow-dragborder tr:first-child.e-dropbottom {
-      height: 0;
-    }
-
-    .e-gridheader .e-firstrow-border,
-    .e-gridcontent .e-lastrow-border {
-      background-color: $childborder-color;
-      bottom: 0;
-      display: none;
-      height: 1px;
-      position: absolute;
-      z-index: 1;
-    }
-
-    .e-grid .e-gridcontent {
-      tr.e-row:first-child {
-        td.e-rowcell.e-childborder,
-        td.e-rowdragdrop.e-childborder {
-          border-bottom: $treegrid-rowdrag-childborder-border;
-          border-top: $treegrid-rowdrag-childborder-border;
-          box-shadow: 0 0 0 0 $treegrid-rowdd-boxshadow;
-        }
-
-        td.e-rowcell.e-droptop,
-        td.e-rowdragdrop.e-droptop {
-          border-top: $treegrid-rowdd-topbottom-border;
-        }
-      }
-
-      td.e-rowcell {
-        &.e-childborder {
-          border-bottom: $treegrid-rowdrag-childborder-border;
-          border-top: $treegrid-rowdrag-childborder-border;
-          box-shadow: 0 0 0 0 $treegrid-rowdd-boxshadow;
-        }
-      }
-
-      td.e-rowdragdrop {
-        &.e-childborder {
-          border-bottom: $treegrid-rowdrag-childborder-border;
-          border-top: $treegrid-rowdrag-childborder-border;
-          box-shadow: 0 0 0 0 $treegrid-rowdd-boxshadow;
-        }
-      }
-
-      td.e-rowcell {
-        &.e-dropbottom {
-          border-bottom: $treegrid-rowdd-topbottom-border;
-          box-shadow: 0 0 0 0 $treegrid-rowdd-boxshadow;
-        }
-      }
-
-      td.e-rowdragdrop {
-        &.e-dropbottom {
-          border-bottom: $treegrid-rowdd-topbottom-border;
-          box-shadow: 0 0 0 0 $treegrid-rowdd-boxshadow;
-        }
-      }
-    }
-
-    .e-grid.e-rtl {
-      .e-gridheader .e-firstrow-dragborder {
-        height: 0;
-      }
-
-      .e-gridcontent {
-        td.e-childborder {
-          border-color: $childborder-color;
-          border-width: $treegrid-rtl-rowdd-childborder-width;
-          position: relative;
-          z-index: 1;
-        }
-
-        td.e-rowcell.e-dragborder,
-        tr.e-row:first-child .e-rowcell.e-dragborder,
-        .e-rowdragdrop.e-dragborder {
-          box-shadow: 0 0 0 0;
-        }
-
-        td.e-childborder:first-child {
-          border-right: $treegrid-rowdrag-childborder-border;
-          box-shadow: 0 1px 0 0 $childborder-color;
-          position: relative;
-          z-index: 1;
-        }
-
-        td.e-rowcell.e-childborder:last-child {
-          border-left: $treegrid-rowdrag-childborder-border;
-        }
-
-        td.e-lastrowcell.e-childborder {
-          border-width: $treegrid-lastrowdd-childborder-width;
-        }
-
-        td.e-lastrowcell.e-childborder:last-child {
-          border-right: $treegrid-rowdrag-childborder-border;
-        }
-
-        td.e-lastrowcell.e-childborder:first-child {
-          border-left: $treegrid-rowdrag-childborder-border;
-        }
-
-        td.e-droptop:first-child,
-        td.e-rowcell.e-droptop {
-          border-top-color: $childborder-color;
-          border-width: $treegrid-rowdd-childborder-width;
-        }
-
-        td.e-lastrowcell.e-dropbottom {
-          border-bottom-color: $childborder-color;
-        }
-
-        .e-droptop .e-lastrow-dragborder {
-          height: 0;
-        }
-      }
-    }
-  }
-}

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

@@ -1,30 +0,0 @@
-//default
-$treegrid-right-arrow-icon: '\e848' !default;
-$treegrid-toolbar-expand-icon: '\e556' !default;
-$treegrid-toolbar-collapse-icon: '\e554' !default;
-$treegrid-right-arrow-icon-color: $grey-dark-font !default;
-$treegrid-right-arrow-icon-font-size: 10px !default;
-$treegrid-right-arrow-icon-padding: 0 !default;
-$treegrid-right-arrow-icon-height: 16px !default;
-$treegrid-right-arrow-icon-width: 16px !default;
-$treegrid-right-arrow-icon-vertical-align: middle;
-$treegrid-content-right-padding: 21px !default;
-$treegrid-bigger-icon-size: 18px !default;
-$treegrid-smaller-icon-size: 16px !default;
-$treegrid-bigger-icon-font-size: 10px !default;
-$treegrid-right-arrow-hover-color: $grey-dark-font !default;
-$treegrid-toolbar-indent-icon: '\e33f' !default;
-$treegrid-toolbar-outdent-icon: '\e35d' !default;
-$treegrid-rowdrag-childborder-border: 1px solid $accent;
-$childborder-color: $accent;
-$error-elem-color: #e3165b;
-$error-elem-content: '\e22a' !default;
-$treegrid-frame-bigger-icon-height: 20px !default;
-$treegrid-frame-bigger-icon-width: 20px !default;
-$treegrid-frame-icon-height: 18px !default;
-$treegrid-frame-icon-width: 18px !default;
-$treegrid-rowdd-topbottom-border: 1px solid #00b0ff !default;
-$treegrid-rowdd-boxshadow: #00b0ff !default;
-$treegrid-rowdd-childborder-width: 1px 0 0 !default;
-$treegrid-lastrowdd-childborder-width: 1px 0 !default;
-$treegrid-rtl-rowdd-childborder-width: 1px 0 0 !default;

package/styles/treegrid/_material-definition.scss

@@ -1,30 +0,0 @@
-//default
-$treegrid-right-arrow-icon: '\e848' !default;
-$treegrid-toolbar-expand-icon: '\e556' !default;
-$treegrid-toolbar-collapse-icon: '\e554' !default;
-$treegrid-right-arrow-icon-color: $grey-light-font !default;
-$treegrid-right-arrow-icon-font-size: 10px !default;
-$treegrid-right-arrow-icon-padding: 0 !default;
-$treegrid-right-arrow-icon-height: 16px !default;
-$treegrid-right-arrow-icon-width: 16px !default;
-$treegrid-right-arrow-icon-vertical-align: middle;
-$treegrid-content-right-padding: 21px !default;
-$treegrid-bigger-icon-size: 18px !default;
-$treegrid-smaller-icon-size: 16px !default;
-$treegrid-bigger-icon-font-size: 10px !default;
-$treegrid-right-arrow-hover-color: $grey-light-font !default;
-$treegrid-toolbar-indent-icon: '\e33f' !default;
-$treegrid-toolbar-outdent-icon: '\e35d' !default;
-$treegrid-rowdrag-childborder-border: 1px solid $accent;
-$childborder-color: $accent;
-$error-elem-color: #e3165b;
-$error-elem-content: '\e22a' !default;
-$treegrid-frame-bigger-icon-height: 20px !default;
-$treegrid-frame-bigger-icon-width: 20px !default;
-$treegrid-frame-icon-height: 18px !default;
-$treegrid-frame-icon-width: 18px !default;
-$treegrid-rowdd-topbottom-border: 1px solid #e3165b !default;
-$treegrid-rowdd-boxshadow: #e3165b !default;
-$treegrid-rowdd-childborder-width: 1px 0 0 !default;
-$treegrid-lastrowdd-childborder-width: 1px 0 !default;
-$treegrid-rtl-rowdd-childborder-width: 1px 0 0 !default;

package/styles/treegrid/_material3-dark-definition.scss

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

package/styles/treegrid/_material3-definition.scss

@@ -1,28 +0,0 @@
-// color
-$treegrid-right-arrow-icon-color: rgba($icon-color) !default;
-$treegrid-right-arrow-hover-color: rgba($icon-color-hover) !default;
-$childborder-color: rgba($primary) !default;
-$error-elem-color: rgba($danger) !default;
-
-// Layout
-
-$error-elem-content: '\e839' !default;
-$treegrid-right-arrow-icon-font-size: 18px !default;
-$treegrid-right-arrow-icon-padding: 0 !default;
-$treegrid-right-arrow-icon-vertical-align: unset;
-$treegrid-right-arrow-icon-height: 18px !default;
-$treegrid-right-arrow-icon-width: 16px !default;
-$treegrid-bigger-icon-size: 20px !default;
-$treegrid-smaller-icon-size: 16px !default;
-$treegrid-bigger-icon-font-size: 22px !default;
-$treegrid-frame-bigger-icon-height: 18px !default;
-$treegrid-frame-bigger-icon-width: 18px !default;
-$treegrid-frame-icon-height: 16px !default;
-$treegrid-frame-icon-width: 16px !default;
-$treegrid-content-right-padding: 21px !default;
-$treegrid-rowdrag-childborder-border: 2px dashed rgba($primary) !default;
-$treegrid-rowdd-topbottom-border: 2px solid rgba($primary) !default;
-$treegrid-rowdd-boxshadow: rgba($primary) !default;
-$treegrid-rowdd-childborder-width: 2px 0 0 !default;
-$treegrid-lastrowdd-childborder-width: 2px 0 !default;
-$treegrid-rtl-rowdd-childborder-width: 2px 0 2px 0 !default;

package/styles/treegrid/_tailwind-dark-definition.scss

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

package/styles/treegrid/_tailwind-definition.scss

@@ -1,28 +0,0 @@
-// color
-$treegrid-right-arrow-icon-color: $icon-color !default;
-$treegrid-right-arrow-hover-color: $icon-color-hover !default;
-$childborder-color: $primary !default;
-$error-elem-color: $danger !default;
-
-// Layout
-
-$error-elem-content: '\e77e' !default;
-$treegrid-right-arrow-icon-font-size: $text-lg !default;
-$treegrid-right-arrow-icon-padding: 0 !default;
-$treegrid-right-arrow-icon-vertical-align: unset;
-$treegrid-right-arrow-icon-height: 18px !default;
-$treegrid-right-arrow-icon-width: 16px !default;
-$treegrid-bigger-icon-size: 22px !default;
-$treegrid-smaller-icon-size: 16px !default;
-$treegrid-bigger-icon-font-size: $font-icon-22 !default;
-$treegrid-frame-bigger-icon-height: 18px !default;
-$treegrid-frame-bigger-icon-width: 18px !default;
-$treegrid-frame-icon-height: 16px !default;
-$treegrid-frame-icon-width: 16px !default;
-$treegrid-content-right-padding: 21px !default;
-$treegrid-rowdrag-childborder-border: 2px solid #4f46e5;
-$treegrid-rowdd-topbottom-border: 2px solid #4f46e5 !default;
-$treegrid-rowdd-boxshadow: $primary !default;
-$treegrid-rowdd-childborder-width: 2px 0 0 !default;
-$treegrid-lastrowdd-childborder-width: 2px 0 !default;
-$treegrid-rtl-rowdd-childborder-width: 2px 0 2px 0 !default;

package/styles/treegrid/_theme.scss

@@ -1 +0,0 @@
-/* stylelint-disable-line no-empty-source */

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

@@ -1,37 +0,0 @@
-@include export-module('treegrid-bootstrap-dark-icons') {
-  #{&}.e-treegrid,
-  .e-grid-menu {
-    .e-indent::before {
-      content: '\e33f';
-    }
-
-    .e-outdent::before {
-      content: '\e35d';
-    }
-  }
-
-  .e-treegrid {
-    .e-treegridexpand::before,
-    .e-treegridcollapse::before {
-      content: '\e22f';
-    }
-
-    .e-toolbar-item {
-      .e-expand::before {
-        content: '\e558';
-      }
-
-      .e-collapse::before {
-        content: '\e557';
-      }
-
-      .e-indent::before {
-        content: '\e33f';
-      }
-
-      .e-outdent::before {
-        content: '\e35d';
-      }
-    }
-  }
-}

package/styles/treegrid/icons/_bootstrap.scss

@@ -1,37 +0,0 @@
-@include export-module('treegrid-bootstrap-icons') {
-  #{&}.e-treegrid,
-  .e-grid-menu {
-    .e-indent::before {
-      content: '\e33f';
-    }
-
-    .e-outdent::before {
-      content: '\e35d';
-    }
-  }
-
-  .e-treegrid {
-    .e-treegridexpand::before,
-    .e-treegridcollapse::before {
-      content: '\e22f';
-    }
-
-    .e-toolbar-item {
-      .e-expand::before {
-        content: '\e558';
-      }
-
-      .e-collapse::before {
-        content: '\e557';
-      }
-
-      .e-indent::before {
-        content: '\e33f';
-      }
-
-      .e-outdent::before {
-        content: '\e35d';
-      }
-    }
-  }
-}

package/styles/treegrid/icons/_bootstrap4.scss

@@ -1,37 +0,0 @@
-@include export-module('treegrid-bootstrap4-icons') {
-  #{&}.e-treegrid,
-  .e-grid-menu {
-    .e-indent::before {
-      content: '\e702';
-    }
-
-    .e-outdent::before {
-      content: '\e722';
-    }
-  }
-
-  .e-treegrid {
-    .e-treegridexpand::before,
-    .e-treegridcollapse::before {
-      content: '\e70b';
-    }
-
-    .e-toolbar-item {
-      .e-expand::before {
-        content: '\e7db';
-      }
-
-      .e-collapse::before {
-        content: '\e7dc';
-      }
-
-      .e-indent::before {
-        content: '\e702';
-      }
-
-      .e-outdent::before {
-        content: '\e722';
-      }
-    }
-  }
-}

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

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