@use "../mixins" as *;
@use "./mixins" as *;
@use "sass:string" as string;

// adduse


.dx-texteditor {
  display: block;

  &.dx-texteditor-with-label,
  &.dx-texteditor-with-floating-label {
    position: relative;
  }
}
.dx-placeholder {
  position: absolute;
  top: 0;
  inset-inline-start: 0;
  max-width: 100%;
  width: auto;
  height: 100%;
  text-align: left;
  cursor: text;
  pointer-events: none;

  &::before {
    display: inline-block;
    vertical-align: middle;
    max-width: 100%;
    text-overflow: ellipsis;
    overflow: hidden;
    content: string.unquote("attr(DATA-DX_PLACEHOLDER)");
    pointer-events: none;
    white-space: nowrap;
  }

  &::after {
    content: ' ';
    display: inline-block;
    height: 100%;
    vertical-align: middle;
  }
}

.dx-texteditor-container {
  display: flex;
  position: relative;
  overflow: hidden;
  width: 100%;
  height: 100%;
}

.dx-texteditor-buttons-container {
  display: flex;
  width: auto;
  flex-grow: 0;
  flex-basis: content;
  align-items: center;
}

.dx-texteditor-input-container {
  @include dx-editor-content-wrapper();
}

.dx-texteditor-input {
  -webkit-appearance: none; // stylelint-disable-line property-no-vendor-prefix
  width: 100%;
  height: 100%;
  outline: 0;
  border: 0;

  @include user-select(text);

  &:autofill {
    + .dx-placeholder {
      display: none !important; // stylelint-disable-line declaration-no-important
    }
  }

  &:-moz-ui-invalid {
    box-shadow: none;
  }

  &::placeholder {
    color: transparent;
    user-select: none;
  }
}

.dx-show-clear-button {
  position: relative;
}

.dx-clear-button-area {
  height: 100%;
  width: 34px;
  position: relative;
  cursor: pointer;
  text-align: justify;

  .dx-icon-clear {
    position: absolute;
    display: inline-block;
    background-size: contain;
  }
}

.dx-texteditor-empty .dx-clear-button-area {
  display: none;
}

.dx-state-disabled {
  .dx-placeholder {
    cursor: auto;
  }

  .dx-clear-button-area {
    display: none;
  }

  .dx-texteditor-input {
    opacity: 1;
  }
}