mirror of
https://github.com/bitwarden/browser
synced 2026-02-13 15:03:26 +00:00
This PR migrates `libs/components` to use strict TypeScript. - Remove `@ts-strict-ignore` from each file in `libs/components` and resolved any new compilation errors - Converted ViewChild and ContentChild decorators to use the new signal-based queries using the [Angular signal queries migration](https://angular.dev/reference/migrations/signal-queries) - Made view/content children `required` where appropriate, eliminating the need for additional null checking. This helped simplify the strict migration. --- Co-authored-by: Vicki League <vleague@bitwarden.com>
25 lines
677 B
HTML
25 lines
677 B
HTML
<aside
|
|
class="tw-mb-4 tw-box-border tw-rounded-lg tw-bg-background tw-ps-3 tw-pe-3 tw-py-2 tw-leading-5 tw-text-main"
|
|
[ngClass]="calloutClass()"
|
|
[attr.aria-labelledby]="titleId"
|
|
>
|
|
@if (titleComputed(); as title) {
|
|
<header
|
|
id="{{ titleId }}"
|
|
class="tw-mb-1 tw-mt-0 tw-text-base tw-font-semibold tw-flex tw-gap-2 tw-items-start"
|
|
>
|
|
@if (iconComputed(); as icon) {
|
|
<i
|
|
class="bwi !tw-text-main tw-relative tw-top-[3px]"
|
|
[ngClass]="[icon]"
|
|
aria-hidden="true"
|
|
></i>
|
|
}
|
|
{{ title }}
|
|
</header>
|
|
}
|
|
<div class="tw-ps-6" bitTypography="body2">
|
|
<ng-content></ng-content>
|
|
</div>
|
|
</aside>
|