<div class="text-right p-4 bg-background-liste page-package-details-list__items-count">{{ (items$ | async)?.length }} Titel</div>
<div class="grid grid-flow-row gap-px-2 mt-px-2">
  <cdk-virtual-scroll-viewport class="scroll-bar" [style.height.px]="height" [itemSize]="210">
    <page-package-details-list-item
      class="mb-[2px]"
      [item]="item"
      *cdkVirtualFor="let item of items$ | async; trackBy: trackByItemId; let first = first"
      [light]="!first || arrivalStatus == 8"
    ></page-package-details-list-item>
    @if (hasActions) {
      <div class="h-[100px]"></div>
    }
  </cdk-virtual-scroll-viewport>
</div>
