generated:catalog.entry.cdk-click-outside.title
generated:catalog.entry.cdk-click-outside.description
@xngui/cdk/click-outside@xngui/cdk/click-outsidechrome:demo.section
chrome:demo.preview
cdk-preview:cdk-click-outside.dismissible-panel
cdk-preview:cdk-click-outside.click-anywhere-outside-this-card-to-dismiss-it
import { XClickOutside } from '@xngui/cdk/click-outside';
@if (panelOpen()) {
<button #ignoredTrigger type="button">Keep open<button>
<div
xClickOutside
[xClickOutsideEnabled]="true"
[xClickOutsideIgnore]="[ignoredTrigger]"
(xClickOutside)="onOutsideClick()"
>
Panel content
<div>
} @else {
<button (click)="reopen()">Reopen panel<button>
}
chrome:demo.events.title
chrome:demo.events.empty