<div class="btn-group-d float-right text-right space-right" mdbDropdown>
  <button
    type="button"
    mdbDropdownToggle
    mdbBtn
    class="dropdown-toggle dropdown-toggle-split px-3 
        waves-light split-dropdown-button pull-right"
    mdbWavesEffect
  ></button>
  <div
    class="dropdown-menu dropdown-menu-right dropdown-dark"
    *ngIf="
      dropdownValues !== undefined &&
      dropdownValues &&
      dropdownValues.length !== 0
    "
  >
    <ng-container *ngFor="let d of dropdownValues; index as i">
      <ng-container *ngIf="d?.dropdownInterface?.visible">
        <div *ngIf="!(i == 0)" class="dropdown-divider"></div>
        <button class="dropdown-item"
        (click)="dropdownClick(d?.dropdownOptions?.actionCallbackValues)"
        [disabled]="!d?.dropdownInterface?.enabled" type="button">
          {{ d?.dropdownInterface?.label }}
          <ng-container *ngIf="d?.dropdownInterface?.icon"
            >&nbsp;<i [className]="d?.dropdownInterface?.icon"></i
          ></ng-container>
        </button>
      </ng-container>
    </ng-container>
  </div>
</div>
