<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.visible">
        <div *ngIf="!(i == 0)" class="dropdown-divider"></div>
        <!-- <a class="dropdown-item" [attr.disabled]="!d.enabled" href="{{d.actionLink}}">{{ d.label }} 
            <ng-container *ngIf="d.icon">&nbsp;<i [className]="d.icon"></i></ng-container>
          </a> -->
        <button class="dropdown-item"
        (click)="dropdownClick(d.actionCallbackValues)"
        [disabled]="!d.enabled" type="button">
          {{ d?.label }}
          <ng-container *ngIf="d.icon"
            >&nbsp;<i [className]="d.icon"></i
          ></ng-container>
        </button>
      </ng-container>
    </ng-container>
  </div>
</div>
