@if (label != undefined && label.length > 0) {
  <div class="w-input-label flex">
    <div class="flex flex-column">
      <div [ngClass]="getLabelClasses()">
        {{label}}
        @if (required && !disabled ) {
          <span class="required-symbol" [ngClass]="{'not-validated': validated == false}">*</span>
        }
      </div>
      @if (message) {
        <div class="w-input-label-message">
          {{message}}
        </div>
      }
    </div>
    @if (tooltip) {
      <div [pTooltip]="tooltip" [tooltipPosition]="tooltipPosition || 'right'" class="w-input-label-icon-help-container">
        <svg class="w-input-label-icon-help" width="12" height="12" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg">
          <path id="Vector" d="M6 0C2.7 0 0 2.7 0 6C0 9.3 2.7 12 6 12C9.3 12 12 9.3 12 6C12 2.7 9.3 0 6 0ZM6 9.75C5.586 9.75 5.25 9.414 5.25 9C5.25 8.586 5.586 8.25 6 8.25C6.414 8.25 6.75 8.586 6.75 9C6.75 9.414 6.414 9.75 6 9.75ZM7.21725 6.069C6.8445 6.38925 6.75 6.49725 6.75 6.75C6.75 7.16475 6.414 7.5 6 7.5C5.586 7.5 5.25 7.16475 5.25 6.75C5.25 5.7795 5.84625 5.268 6.2415 4.92975C6.61425 4.611 6.70875 4.50225 6.70875 4.25025C6.70875 4.113 6.70875 3.75 6.00075 3.75C5.67375 3.768 5.325 3.918 5.05725 4.17075C4.7565 4.45425 4.281 4.44 3.99675 4.14C3.7125 3.8385 3.726 3.36375 4.0275 3.0795C4.554 2.58375 5.24025 2.289 5.96175 2.2515H5.964C7.323 2.2515 8.20875 3.05475 8.20875 4.251C8.20875 5.22075 7.6125 5.73225 7.218 6.06975L7.21725 6.069Z" fill="#9AA0A6"/>
        </svg>
      </div>
    }
  </div>
}
@if (label != undefined && label == '') {
  <div class="w-input-no-label-height"></div>
}