20 lines
877 B
TypeScript
20 lines
877 B
TypeScript
import { booleanAttribute, ChangeDetectionStrategy, Component, input } from '@angular/core';
|
|
import { MatButtonModule } from '@angular/material/button';
|
|
import { MatIconModule } from '@angular/material/icon';
|
|
import { randomString } from '../../utils';
|
|
|
|
@Component({
|
|
selector: 'iqser-chevron-button',
|
|
templateUrl: './chevron-button.component.html',
|
|
styleUrls: ['./chevron-button.component.scss'],
|
|
changeDetection: ChangeDetectionStrategy.OnPush,
|
|
imports: [MatIconModule, MatButtonModule],
|
|
})
|
|
export class ChevronButtonComponent {
|
|
readonly label = input.required<string>();
|
|
readonly showDot = input(false, { transform: booleanAttribute });
|
|
readonly primary = input(false, { transform: booleanAttribute });
|
|
readonly disabled = input(false, { transform: booleanAttribute });
|
|
readonly buttonId = input(`${randomString()}-chevron-button`);
|
|
}
|