37 lines
931 B
HTML
37 lines
931 B
HTML
<div
|
|
class="resize vertical left"
|
|
[class.grab]="resizing"
|
|
(mousedown)="startResize($event, Resize.Left)"
|
|
></div>
|
|
<div class="wrap">
|
|
<div
|
|
class="resize horizontal top"
|
|
[class.grab]="resizing"
|
|
(mousedown)="startResize($event, Resize.Top)"
|
|
></div>
|
|
<div class="header" [class.grab]="dragging" (mousedown)="startDrag($event)">
|
|
@if (config.title) {
|
|
<span class="title ellipsis">{{ config.title }}</span>
|
|
} @if (config.closable ?? true) {
|
|
<fa-icon
|
|
[icon]="faRectangleXmark"
|
|
class="icon clickable"
|
|
(click)="onClose($event)"
|
|
></fa-icon>
|
|
}
|
|
</div>
|
|
<div class="content">
|
|
<ng-content></ng-content>
|
|
</div>
|
|
<div
|
|
class="resize horizontal bottom"
|
|
[class.grab]="resizing"
|
|
(mousedown)="startResize($event, Resize.Bottom)"
|
|
></div>
|
|
</div>
|
|
<div
|
|
class="resize vertical right"
|
|
[class.grab]="resizing"
|
|
(mousedown)="startResize($event, Resize.Right)"
|
|
></div>
|