@use "../mixins" as *;

// adduse


$treeview-searchbox-margin-bottom: 5px;
$tree-view-icon-size: 24px;

.dx-treeview-loadindicator-wrapper {
  text-align: center;
}

.dx-treeview-node-loadindicator {
  position: absolute;
}

.dx-treeview-search {
  margin-bottom: $treeview-searchbox-margin-bottom;
}

.dx-treeview {
  height: 100%;

  :focus {
    outline: none;
  }

  .dx-scrollable:focus {
    outline: none;
  }

  .dx-empty-message {
    line-height: normal;
  }
}

.dx-checkbox + .dx-treeview-node-container,
.dx-treeview-node-container:first-child {
  margin: 0;
  display: block;
}

.dx-treeview-select-all-item {
  width: 100%;
}

.dx-treeview-node-container {
  list-style-position: inside;
  padding: 0;
  margin: 0;
  display: none;
  overflow: hidden;

  &.dx-treeview-node-container-opened {
    display: block;
  }
}

.dx-treeview-node {
  list-style-type: none;
  position: relative;

  @include user-select(none);

  -webkit-user-drag: none;

  a {
    text-decoration: none;
  }

  .dx-checkbox {
    position: absolute;
    margin: 0;
  }
}

.dx-treeview-item {
  display: block;
  cursor: pointer;

  .dx-treeview-item-content > .dx-icon {
    display: inline-block;
    width: $tree-view-icon-size;
    height: $tree-view-icon-size;
    vertical-align: middle;
    margin-right: 5px;
    background-size: $tree-view-icon-size $tree-view-icon-size;
  }

  .dx-treeview-item-content {
    span {
      vertical-align: middle;
    }
  }

  &.dx-state-disabled {
    opacity: 0.5;
  }
}

.dx-treeview-toggle-item-visibility {
  position: absolute;
  cursor: pointer;

  &.dx-state-disabled {
    cursor: default;
  }
}

.dx-rtl {
  .dx-treeview-node-container {
    &:first-child {
      > .dx-treeview-node {
        padding-left: 0;
      }
    }

    .dx-treeview-node {
      padding-left: 0;

      &.dx-treeview-item-with-checkbox {
        .dx-treeview-item {
          padding-left: 0;
        }
      }

      .dx-treeview-item {
        .dx-treeview-item-content > .dx-icon {
          margin-right: 0;
        }
      }
    }
  }

  .dx-treeview-toggle-item-visibility {
    left: auto;
    right: 0;

    @include flip-horizontally();
  }
}