2025-12-14 20:34:15 +03:30
|
|
|
<div class="flex items-center w-full" [class.opacity-60]="disabled">
|
2025-12-14 10:16:14 +03:30
|
|
|
<button
|
|
|
|
|
type="button"
|
|
|
|
|
pButton
|
|
|
|
|
[disabled]="disabled"
|
2025-12-14 20:34:15 +03:30
|
|
|
icon="pi pi-plus"
|
|
|
|
|
aria-label="increase"
|
|
|
|
|
size="small"
|
|
|
|
|
class="shrink-0"
|
|
|
|
|
outlined
|
|
|
|
|
(click)="increase()"
|
|
|
|
|
></button>
|
2025-12-14 10:16:14 +03:30
|
|
|
|
2025-12-14 20:34:15 +03:30
|
|
|
<p-inputnumber
|
2025-12-14 10:16:14 +03:30
|
|
|
type="number"
|
2025-12-14 20:34:15 +03:30
|
|
|
[formControl]="control"
|
|
|
|
|
[min]="min"
|
|
|
|
|
[max]="max"
|
2025-12-14 10:16:14 +03:30
|
|
|
[step]="step"
|
2025-12-14 20:34:15 +03:30
|
|
|
size="small"
|
2025-12-14 10:16:14 +03:30
|
|
|
[disabled]="disabled"
|
2025-12-14 20:34:15 +03:30
|
|
|
[(ngModel)]="value"
|
2025-12-14 10:16:14 +03:30
|
|
|
aria-label="quantity"
|
2025-12-14 20:34:15 +03:30
|
|
|
inputStyleClass="text-center! outline-none border-none! grow w-12 px-1! appearance-none!"
|
2025-12-14 10:16:14 +03:30
|
|
|
/>
|
|
|
|
|
|
|
|
|
|
<button
|
|
|
|
|
type="button"
|
|
|
|
|
pButton
|
|
|
|
|
[disabled]="disabled"
|
2025-12-14 20:34:15 +03:30
|
|
|
icon="pi pi-minus"
|
|
|
|
|
aria-label="decrease"
|
|
|
|
|
size="small"
|
|
|
|
|
class="shrink-0"
|
|
|
|
|
outlined
|
|
|
|
|
(click)="decrease()"
|
|
|
|
|
></button>
|
2025-12-14 10:16:14 +03:30
|
|
|
</div>
|