@use "../../../variables/index" as *;

@use "../../mixins/shadows-helper";

.list-group.cdk-drop-list {
  min-width: 220px;
}

.cdk-drag-preview:not(.resize-handle) {
  box-sizing: border-box;
  @include shadows-helper.boxShadowHelper(md);
  z-index: $zindex-modal + 1 !important;

  > *,
  > * > * {
    pointer-events: auto !important;
    cursor: move !important;
  }

  &[cdkDragLockAxis='y'] {
    > *,
    > * > * {
      pointer-events: auto !important;
      cursor: ns-resize !important;
    }
  }
  &[cdkDragLockAxis='x'] {
    > *,
    > * > * {
      pointer-events: auto !important;
      cursor: ew-resize !important;
    }
  }
}

.cdk-drag-placeholder {
  opacity: 0;
  > .list-group-item {
    > *,
    &:after {
      opacity: 0;
    }
  }
}

.cdk-drag-animating {
  transition: transform 250ms cubic-bezier(0, 0, 0.2, 1);
}

/* Animate items as they're being sorted. */
.cdk-drop-list-dragging .cdk-drag {
  transition: transform 250ms cubic-bezier(0, 0, 0.2, 1);
}

.cdk-drop-list-dragging .draggable-el:not(.cdk-drag-placeholder) {
  transition: transform 250ms cubic-bezier(0, 0, 0.2, 1);
}

c8y-list-group.cdk-drop-list-dragging c8y-datapoint-selector-list-item:not(.cdk-drag-placeholder) {
  transition: transform 250ms cubic-bezier(0, 0, 0.2, 1);
}

.cdk-drop-list-disabled {
  c8y-datapoint-selector-list-item.cdk-drag {
    .c8y-list__item__block {
      &::before {
        display: none !important;
      }
    }
  }
}