All files / components/side-panel side-panel.component.html

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
1x
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
@if (open()) {
    <div
        class="side-panel-backdrop"
        data-testid="side-panel-backdrop"
        role="none"
        tabindex="-1"
        (click)="close()"
    ></div>
}
<div
    class="side-panel"
    data-testid="side-panel"
    [class.open]="open()"
    role="dialog"
    [attr.aria-modal]="open() || null"
    [attr.aria-hidden]="!open()"
    [attr.inert]="!open() || null"
    [attr.aria-label]="header()"
>
    <div class="side-panel-header">
        <span
            class="side-panel-title"
            data-testid="side-panel-title"
        >
            {{ header() }}
        </span>
        <ui-icon-button
            icon="close"
            label="Закрыть"
            (clicked)="close()"
        />
    </div>
    <div
        class="side-panel-content"
        data-testid="side-panel-content"
    >
        <ng-content />
    </div>
</div>