<span [class]="['ui-dropdown__text']">{{ viewLabel() }}</span>
<ng-icon [name]="isOpenIcon()"></ng-icon>

<ng-template
  cdkConnectedOverlay
  [cdkConnectedOverlayOrigin]="cdkOverlayOrigin"
  [cdkConnectedOverlayOpen]="isOpen()"
  [cdkConnectedOverlayPositions]="overlayPositions"
  [cdkConnectedOverlayHasBackdrop]="true"
  [cdkConnectedOverlayDisableClose]="false"
  cdkConnectedOverlayBackdropClass="cdk-overlay-transparent-backdrop"
  [cdkConnectedOverlayMinWidth]="overlayMinWidth"
  [cdkConnectedOverlayLockPosition]="true"
  [cdkConnectedOverlayScrollStrategy]="blockScrollStrategy"
  (backdropClick)="close()"
  (detach)="isOpen.set(false)"
>
  <ul #optionsPanel [class]="['ui-dropdown__options']" role="listbox">
    <ng-content select="ui-dropdown-filter"></ng-content>
    <ng-content></ng-content>
  </ul>
</ng-template>
