Press n or j to go to the next uncovered block, b, p or k for the previous block.
| 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 | 1x 1x 1x 1x 1x 1x 1x 1x 1x 1x 1x 1x 1x 1x 1x 1x 1x 1x 1x 1x 1x 1x 1x 1x 1x 1x 1x 1x 1x 1x 1x 1x 1x 1x 1x 1x 1x 1x 1x 1x 1x 1x 1x 1x | /*******************************************************************************
* Copyright bei
* Entwicklungs- und Pflegeverbund für das gemeinsame Fachverfahren gefa
*
*******************************************************************************/
import { Directive, input } from '@angular/core';
export type Typography =
| 'header-1'
| 'header-2'
| 'header-3'
| 'header-4'
| 'body'
| 'body-small'
| 'button'
| 'button-bold'
| 'button-underlined'
| 'subhead'
| 'label'
| 'link';
/**
* Typography directive that applies different typography styles to an element.
*/
@Directive({
selector: '[data-gc-typography]',
host: {
class: 'gc-typography',
'[class]': 'typographyClassName',
},
standalone: false,
})
export class TypographyDirective {
protected get typographyClassName(): string {
return 'gc-typography-' + this.variant();
}
/**
* Decides in which variant the text will appear.
*/
public variant = input<Typography>('body', {
alias: 'data-gc-typography',
});
}
|