bitwarden/browser
1
0
Fork 0
mirror of https://github.com/bitwarden/browser synced 2026-02-11 22:13:32 +00:00
Code Issues Releases Wiki Activity

finish migrating typography

Browse Source
This commit is contained in:
Vicki League
2025-06-25 12:48:52 -04:00
parent e3d5539b7d
commit ca8f61bf02
1 changed files with 5 additions and 10 deletions
Download Patch File Download Diff File Expand all files Collapse all files

15
libs/components/src/typography/typography.directive.ts
View File

@@ -1,7 +1,6 @@
// FIXME: Update this file to be type safe and remove this and next line
// @ts-strict-ignore
import { coerceBooleanProperty } from "@angular/cdk/coercion";
import { Directive, HostBinding, Input, input } from "@angular/core";
import { booleanAttribute, Directive, HostBinding, input } from "@angular/core";
type TypographyType = "h1" | "h2" | "h3" | "h4" | "h5" | "h6" | "body1" | "body2" | "helper";
@@ -35,15 +34,11 @@ const margins: Record<TypographyType, string[]> = {
export class TypographyDirective {
readonly bitTypography = input<TypographyType>(undefined);
private _margin = true;
// TODO: Skipped for migration because:
// Accessor inputs cannot be migrated as they are too complex.
@Input()
set noMargin(value: boolean | "") {
this._margin = !coerceBooleanProperty(value);
}
noMargin = input(false, { transform: booleanAttribute });
@HostBinding("class") get classList() {
return styles[this.bitTypography()].concat(this._margin ? margins[this.bitTypography()] : []);
return styles[this.bitTypography()].concat(
!this.noMargin() ? margins[this.bitTypography()] : [],
);
}
}