<li class="mb-2">
		click outside:
		<button
			type="button"
			class="btn btn-outline-secondary"
			popoverTitle="Pop title"
			[autoClose]="auto_close ? 'outside' : false"
			ngbPopover="pop1Content"
			#p="ngbPopover"
		>
			Click to toggle
		</button>
		<ng-template #pop1Content> Some information - </ng-template>
		<button type="button" class="ms-2 btn btn-outline-secondary" (click)="auto_close = !auto_close; cdr.detectChanges()"
			>Toggle AutoClose</button
		>
	</li>

import { ChangeDetectorRef, Component } from '@angular/core';
import { NgbPopoverModule } from '@ng-bootstrap/ng-bootstrap';

@Component({
	selector: 'ngbd-popover-autoclose',
	standalone: true,
	imports: [NgbPopoverModule],
	templateUrl: './popover-autoclose.html',
})
export class NgbdPopoverAutoclose {
	auto_close = false;

	constructor(public cdr: ChangeDetectorRef) {}
}