first chrome implementation

projects/common/src/lib/components/confirm/confirm.component.ts

@@ -0,0 +1,42 @@
+import { AfterViewInit, Component, EventEmitter, Output } from '@angular/core';
+import * as bootstrap from 'bootstrap';
+
+@Component({
+  // eslint-disable-next-line @angular-eslint/component-selector
+  selector: 'lib-confirm',
+  imports: [],
+  templateUrl: './confirm.component.html',
+  styleUrl: './confirm.component.scss',
+})
+export class ConfirmComponent implements AfterViewInit {
+  @Output() yes = new EventEmitter<void>();
+  @Output() no = new EventEmitter<void>();
+
+  message: string | undefined;
+  onYes: ((() => Promise<void>) | (() => void)) | undefined;
+  modal: bootstrap.Modal | undefined;
+
+  readonly idString = crypto.randomUUID();
+
+  ngAfterViewInit(): void {
+    const myModalEl = document.getElementById(this.idString);
+    if (!myModalEl) {
+      return;
+    }
+
+    this.modal = new bootstrap.Modal(myModalEl);
+  }
+
+  onClickYes() {
+    this.modal?.hide();
+    if (typeof this.onYes !== 'undefined') {
+      this.onYes();
+    }
+  }
+
+  show(message: string, onYes: (() => Promise<void>) | (() => void)): void {
+    this.message = message;
+    this.onYes = onYes;
+    this.modal?.show();
+  }
+}