@if (getDataType() == dataType.Multi) {
    <w-edit-multiselect 
      class="w-list-field w-filter-panel-advanced-query-builder-input-width w-filter-panel-basic-query-builder-input-width q-inline-block-display inline-flex"
      [required]="required"
      [showClear]="false"
      appendTo="self"
      [options]="options"
      [(ngModel)]="optionSelected"
      optionLabel="name"
      optionValue="value"
      [placeholder]="placeholder"
      (onChange)="onOptionSelected()"
      [disabled]="disabled"
      [showLabel]="false"
      [virtualScroll]="virtualScroll"
      [virtualScrollItemSize]="virtualScrollItemSize">
    </w-edit-multiselect>
  }
  @if (options && getDataType() == dataType.Single) {
    <w-edit-select 
      class="w-list-field w-filter-panel-advanced-query-builder-input-width w-filter-panel-basic-query-builder-input-width" 
      [required]="required"
      [showClear]="false"
      appendTo="self"
      [options]="options"
      [(ngModel)]="optionSelected"
      optionLabel="name"
      optionValue="value"
      [placeholder]="placeholder"
      (onChange)="onOptionSelected()"
      [disabled]="disabled"
      [showLabel]="false"
      [virtualScroll]="virtualScroll"
      [virtualScrollItemSize]="virtualScrollItemSize">
    </w-edit-select>
  }