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 | 4x 1x 1x 1x 2x 2x 2x 2x 2x 2x 4x 3x 3x 3x 3x | @if (collapsible()) {
<button
type="button"
class="section-heading section-toggle"
[attr.aria-expanded]="expanded()"
(click)="expanded.update(value => !value)"
>
<si-icon
class="section-icon disclosure-icon"
[class.expanded]="expanded()"
[icon]="icons.elementRight2"
/>
<span>{{ heading() | translate }}</span>
</button>
} @else {
<div class="section-heading">
<si-icon class="section-icon default-icon" [icon]="icons.elementCircleFilled" />
<span>{{ heading() | translate }}</span>
</div>
}
@if (!collapsible() || expanded()) {
<div class="content-motion" animate.enter="content-enter" animate.leave="content-leave">
<div class="overflow-hidden">
<div class="section-content">
<ng-content />
</div>
</div>
</div>
}
|