@osumi/angular-tools 1.0.0

package/README.md

@@ -0,0 +1,115 @@
+# Osumi Angular Tools
+
+Librería de componentes y servicios reutilizables. En esta librería se incluyen las siguientes funcionalidades:
+
+* `dialog`: Servicio para crear ventanas de diálogo (`alert`, `confirm` y `form`).
+* `overlay`: Servicio para crear ventanas modales en las que cargar componentes personalizados.
+
+NOTA: Para poder usar estos servicios es necesario usar `Angular 18.2+`, `Angular Material 18.2+`, `Angular CDK 18.2+` y `rxjs 7.8+`
+
+**dialog**
+
+Permite mostrar diálogos con mensajes personalizados:
+
+**alert**
+
+Muestra un diálogo con un título (`title`) y un texto (`content`) personalizado. También permite personalizar el texto del botón "Continuar" (`ok`).
+
+```typescript
+dialog: DialogService = inject(DialogService);
+
+this.dialog.alert({
+  title: 'Datos guardados',
+  content:
+    'Los datos del cliente "' +
+    this.selectedClient.nombreApellidos +
+    '" han sido correctamente guardados.',
+  ok: 'Continuar',
+});
+```
+
+**confirm**
+
+Muestra un diálogo con un título (`title`) y texto (`content`) personalizables. Permite personalizar el texto de los botones "Continuar" (`ok`) y "Cancelar" (`cancel`).
+
+```typescript
+dialog: DialogService = inject(DialogService);
+
+this.dialog.confirm({
+  title: 'Confirmar',
+  content:
+    '¿Estás seguro de querer borrar el cliente "' +
+    this.selectedClient.nombreApellidos +
+    '"?',
+  ok: 'Continuar',
+  cancel: 'Cancelar',
+})
+.subscribe((result) => {
+  if (result === true) {
+    this.confirmDeleteCliente();
+  }
+});
+```
+
+**form**
+
+Permite mostrar un diálogo con una serie de campos (`fields`), un pequeño formulario. Como en los casos anteriores se puede personalizar el título (`title`), el texto (`content`) y los botones "Continuar" (`ok`) y "Cancelar" (`cancel`).
+
+```typescript
+dialog: DialogService = inject(DialogService);
+
+this.dialog.form({
+  title: 'Introducir email',
+  content: 'Introduce el email del cliente',
+  ok: 'Continuar',
+  cancel: 'Cancelar',
+  fields: [{ title: 'Email', type: 'email', value: null }],
+})
+.subscribe((result: DialogOptions): void => {
+  if (result !== undefined) {
+    this.sendTicket(this.historicoVentasSelected.id, result[0].value);
+  }
+});
+```
+
+**overlay**
+
+Permite mostrar ventanas modales con componentes personalizados. Estos componentes luego pueden pasar datos de vuelta. Se incluye la interfaz `Modal` que se puede extender con campos personalizados para pasar información al modal que se muestra.
+
+```typescript
+// Componente que abre un modal
+export interface BuscadorModal extends Modal {
+  key: string;
+}
+
+os: OverlayService = inject(OverlayService);
+
+const modalBuscadorData: BuscadorModal = {
+  modalTitle: 'Buscador',
+  modalColor: 'blue',
+  css: 'modal-wide',
+  key: ev.key,
+};
+const dialog = this.os.open(BuscadorModalComponent, modalBuscadorData); // BuscadorModalComponent sería el componente a mostrar en el modal
+dialog.afterClosed$.subscribe((data): void => {
+  if (data.data !== null) {
+    console.log(data.data); // Resultado obtenido del modal
+  } else {
+    console.log('El modal se ha cerrado sin devolver datos.');
+  }
+});
+
+// Componente BuscadorModalComponent abierto en el modal
+export default class BuscadorModalComponent implements OnInit {
+  private customOverlayRef: CustomOverlayRef<null, { key: string }> =
+    inject(CustomOverlayRef); // Referencia de la que obtener los datos pasados al modal y para pasarle datos de vuelta
+
+  ngOnInit(): void {
+    this.searchName = this.customOverlayRef.data.key; // Propiedad pasada al modal
+  }
+
+  selectBuscadorResultadosRow(row: ArticuloBuscador): void {
+    this.customOverlayRef.close(row.localizador); // Cerrar el modal devolviendo datos al componente padre
+  }
+}
+```

package/esm2022/lib/components/dialogs/alert-dialog/alert-dialog.component.mjs

@@ -0,0 +1,17 @@
+import { Component, inject, signal } from '@angular/core';
+import { MatButton } from '@angular/material/button';
+import { MatDialogActions, MatDialogContent, MatDialogRef, MatDialogTitle, } from '@angular/material/dialog';
+import * as i0 from "@angular/core";
+export default class AlertDialogComponent {
+    dialogRef = inject(MatDialogRef);
+    title = signal('');
+    content = signal('');
+    ok = signal('');
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.12", ngImport: i0, type: AlertDialogComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.12", type: AlertDialogComponent, isStandalone: true, selector: "o-alert-dialog", ngImport: i0, template: "<h1 mat-dialog-title>{{ title() }}</h1>\n<div mat-dialog-content>\n\t<p [innerHtml]=\"content()\"></p>\n</div>\n<div mat-dialog-actions\n\t align=\"end\">\n\t<button type=\"button\"\n\t\t\tmat-flat-button\n\t\t\tcolor=\"primary\"\n\t\t\t(click)=\"dialogRef.close(true)\"\n\t\t\tcdkFocusInitial>{{ ok() }}</button>\n</div>\n", dependencies: [{ kind: "directive", type: MatDialogTitle, selector: "[mat-dialog-title], [matDialogTitle]", inputs: ["id"], exportAs: ["matDialogTitle"] }, { kind: "directive", type: MatDialogContent, selector: "[mat-dialog-content], mat-dialog-content, [matDialogContent]" }, { kind: "directive", type: MatDialogActions, selector: "[mat-dialog-actions], mat-dialog-actions, [matDialogActions]", inputs: ["align"] }, { kind: "component", type: MatButton, selector: "    button[mat-button], button[mat-raised-button], button[mat-flat-button],    button[mat-stroked-button]  ", exportAs: ["matButton"] }] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.12", ngImport: i0, type: AlertDialogComponent, decorators: [{
+            type: Component,
+            args: [{ standalone: true, selector: 'o-alert-dialog', imports: [MatDialogTitle, MatDialogContent, MatDialogActions, MatButton], template: "<h1 mat-dialog-title>{{ title() }}</h1>\n<div mat-dialog-content>\n\t<p [innerHtml]=\"content()\"></p>\n</div>\n<div mat-dialog-actions\n\t align=\"end\">\n\t<button type=\"button\"\n\t\t\tmat-flat-button\n\t\t\tcolor=\"primary\"\n\t\t\t(click)=\"dialogRef.close(true)\"\n\t\t\tcdkFocusInitial>{{ ok() }}</button>\n</div>\n" }]
+        }] });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYWxlcnQtZGlhbG9nLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL29zdW1pLWFuZ3VsYXItdG9vbHMvc3JjL2xpYi9jb21wb25lbnRzL2RpYWxvZ3MvYWxlcnQtZGlhbG9nL2FsZXJ0LWRpYWxvZy5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9vc3VtaS1hbmd1bGFyLXRvb2xzL3NyYy9saWIvY29tcG9uZW50cy9kaWFsb2dzL2FsZXJ0LWRpYWxvZy9hbGVydC1kaWFsb2cuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFNBQVMsRUFBRSxNQUFNLEVBQUUsTUFBTSxFQUFrQixNQUFNLGVBQWUsQ0FBQztBQUMxRSxPQUFPLEVBQUUsU0FBUyxFQUFFLE1BQU0sMEJBQTBCLENBQUM7QUFDckQsT0FBTyxFQUNMLGdCQUFnQixFQUNoQixnQkFBZ0IsRUFDaEIsWUFBWSxFQUNaLGNBQWMsR0FDZixNQUFNLDBCQUEwQixDQUFDOztBQVFsQyxNQUFNLENBQUMsT0FBTyxPQUFPLG9CQUFvQjtJQUNoQyxTQUFTLEdBQXVDLE1BQU0sQ0FBQyxZQUFZLENBQUMsQ0FBQztJQUVyRSxLQUFLLEdBQTJCLE1BQU0sQ0FBUyxFQUFFLENBQUMsQ0FBQztJQUNuRCxPQUFPLEdBQTJCLE1BQU0sQ0FBUyxFQUFFLENBQUMsQ0FBQztJQUNyRCxFQUFFLEdBQTJCLE1BQU0sQ0FBUyxFQUFFLENBQUMsQ0FBQzt3R0FMcEMsb0JBQW9COzRGQUFwQixvQkFBb0IsMEVDZnpDLHFVQVlBLDRDRENZLGNBQWMsK0hBQUUsZ0JBQWdCLHlHQUFFLGdCQUFnQiw0SEFBRSxTQUFTOzs0RkFFcEQsb0JBQW9CO2tCQU54QyxTQUFTO2lDQUNJLElBQUksWUFDTixnQkFBZ0IsV0FFakIsQ0FBQyxjQUFjLEVBQUUsZ0JBQWdCLEVBQUUsZ0JBQWdCLEVBQUUsU0FBUyxDQUFDIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tcG9uZW50LCBpbmplY3QsIHNpZ25hbCwgV3JpdGFibGVTaWduYWwgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IE1hdEJ1dHRvbiB9IGZyb20gJ0Bhbmd1bGFyL21hdGVyaWFsL2J1dHRvbic7XG5pbXBvcnQge1xuICBNYXREaWFsb2dBY3Rpb25zLFxuICBNYXREaWFsb2dDb250ZW50LFxuICBNYXREaWFsb2dSZWYsXG4gIE1hdERpYWxvZ1RpdGxlLFxufSBmcm9tICdAYW5ndWxhci9tYXRlcmlhbC9kaWFsb2cnO1xuXG5AQ29tcG9uZW50KHtcbiAgc3RhbmRhbG9uZTogdHJ1ZSxcbiAgc2VsZWN0b3I6ICdvLWFsZXJ0LWRpYWxvZycsXG4gIHRlbXBsYXRlVXJsOiAnLi9hbGVydC1kaWFsb2cuY29tcG9uZW50Lmh0bWwnLFxuICBpbXBvcnRzOiBbTWF0RGlhbG9nVGl0bGUsIE1hdERpYWxvZ0NvbnRlbnQsIE1hdERpYWxvZ0FjdGlvbnMsIE1hdEJ1dHRvbl0sXG59KVxuZXhwb3J0IGRlZmF1bHQgY2xhc3MgQWxlcnREaWFsb2dDb21wb25lbnQge1xuICBwdWJsaWMgZGlhbG9nUmVmOiBNYXREaWFsb2dSZWY8QWxlcnREaWFsb2dDb21wb25lbnQ+ID0gaW5qZWN0KE1hdERpYWxvZ1JlZik7XG5cbiAgcHVibGljIHRpdGxlOiBXcml0YWJsZVNpZ25hbDxzdHJpbmc+ID0gc2lnbmFsPHN0cmluZz4oJycpO1xuICBwdWJsaWMgY29udGVudDogV3JpdGFibGVTaWduYWw8c3RyaW5nPiA9IHNpZ25hbDxzdHJpbmc+KCcnKTtcbiAgcHVibGljIG9rOiBXcml0YWJsZVNpZ25hbDxzdHJpbmc+ID0gc2lnbmFsPHN0cmluZz4oJycpO1xufVxuIiwiPGgxIG1hdC1kaWFsb2ctdGl0bGU+e3sgdGl0bGUoKSB9fTwvaDE+XG48ZGl2IG1hdC1kaWFsb2ctY29udGVudD5cblx0PHAgW2lubmVySHRtbF09XCJjb250ZW50KClcIj48L3A+XG48L2Rpdj5cbjxkaXYgbWF0LWRpYWxvZy1hY3Rpb25zXG5cdCBhbGlnbj1cImVuZFwiPlxuXHQ8YnV0dG9uIHR5cGU9XCJidXR0b25cIlxuXHRcdFx0bWF0LWZsYXQtYnV0dG9uXG5cdFx0XHRjb2xvcj1cInByaW1hcnlcIlxuXHRcdFx0KGNsaWNrKT1cImRpYWxvZ1JlZi5jbG9zZSh0cnVlKVwiXG5cdFx0XHRjZGtGb2N1c0luaXRpYWw+e3sgb2soKSB9fTwvYnV0dG9uPlxuPC9kaXY+XG4iXX0=

package/esm2022/lib/components/dialogs/confirm-dialog/confirm-dialog.component.mjs

@@ -0,0 +1,18 @@
+import { Component, inject, signal } from '@angular/core';
+import { MatButton } from '@angular/material/button';
+import { MatDialogActions, MatDialogContent, MatDialogRef, MatDialogTitle, } from '@angular/material/dialog';
+import * as i0 from "@angular/core";
+export default class ConfirmDialogComponent {
+    dialogRef = inject(MatDialogRef);
+    title = signal('');
+    content = signal('');
+    ok = signal('');
+    cancel = signal('');
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.12", ngImport: i0, type: ConfirmDialogComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.12", type: ConfirmDialogComponent, isStandalone: true, selector: "o-confirm-dialog", ngImport: i0, template: "<h1 mat-dialog-title>{{ title() }}</h1>\n<div mat-dialog-content>\n\t<p>{{ content() }}</p>\n</div>\n<div mat-dialog-actions\n\t align=\"end\">\n\t@if (cancel() !== '') {\n\t<button type=\"button\"\n\t\t\tmat-button\n\t\t\t(click)=\"dialogRef.close()\">{{ cancel() }}</button>\n\t}\n\t<button type=\"button\"\n\t\t\tmat-flat-button\n\t\t\tcolor=\"primary\"\n\t\t\t(click)=\"dialogRef.close(true)\"\n\t\t\tcdkFocusInitial>{{ ok() }}</button>\n</div>\n", dependencies: [{ kind: "directive", type: MatDialogTitle, selector: "[mat-dialog-title], [matDialogTitle]", inputs: ["id"], exportAs: ["matDialogTitle"] }, { kind: "directive", type: MatDialogContent, selector: "[mat-dialog-content], mat-dialog-content, [matDialogContent]" }, { kind: "directive", type: MatDialogActions, selector: "[mat-dialog-actions], mat-dialog-actions, [matDialogActions]", inputs: ["align"] }, { kind: "component", type: MatButton, selector: "    button[mat-button], button[mat-raised-button], button[mat-flat-button],    button[mat-stroked-button]  ", exportAs: ["matButton"] }] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.12", ngImport: i0, type: ConfirmDialogComponent, decorators: [{
+            type: Component,
+            args: [{ standalone: true, selector: 'o-confirm-dialog', imports: [MatDialogTitle, MatDialogContent, MatDialogActions, MatButton], template: "<h1 mat-dialog-title>{{ title() }}</h1>\n<div mat-dialog-content>\n\t<p>{{ content() }}</p>\n</div>\n<div mat-dialog-actions\n\t align=\"end\">\n\t@if (cancel() !== '') {\n\t<button type=\"button\"\n\t\t\tmat-button\n\t\t\t(click)=\"dialogRef.close()\">{{ cancel() }}</button>\n\t}\n\t<button type=\"button\"\n\t\t\tmat-flat-button\n\t\t\tcolor=\"primary\"\n\t\t\t(click)=\"dialogRef.close(true)\"\n\t\t\tcdkFocusInitial>{{ ok() }}</button>\n</div>\n" }]
+        }] });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY29uZmlybS1kaWFsb2cuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvb3N1bWktYW5ndWxhci10b29scy9zcmMvbGliL2NvbXBvbmVudHMvZGlhbG9ncy9jb25maXJtLWRpYWxvZy9jb25maXJtLWRpYWxvZy5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9vc3VtaS1hbmd1bGFyLXRvb2xzL3NyYy9saWIvY29tcG9uZW50cy9kaWFsb2dzL2NvbmZpcm0tZGlhbG9nL2NvbmZpcm0tZGlhbG9nLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxTQUFTLEVBQUUsTUFBTSxFQUFFLE1BQU0sRUFBa0IsTUFBTSxlQUFlLENBQUM7QUFDMUUsT0FBTyxFQUFFLFNBQVMsRUFBRSxNQUFNLDBCQUEwQixDQUFDO0FBQ3JELE9BQU8sRUFDTCxnQkFBZ0IsRUFDaEIsZ0JBQWdCLEVBQ2hCLFlBQVksRUFDWixjQUFjLEdBQ2YsTUFBTSwwQkFBMEIsQ0FBQzs7QUFRbEMsTUFBTSxDQUFDLE9BQU8sT0FBTyxzQkFBc0I7SUFDbEMsU0FBUyxHQUF5QyxNQUFNLENBQUMsWUFBWSxDQUFDLENBQUM7SUFFdkUsS0FBSyxHQUEyQixNQUFNLENBQVMsRUFBRSxDQUFDLENBQUM7SUFDbkQsT0FBTyxHQUEyQixNQUFNLENBQVMsRUFBRSxDQUFDLENBQUM7SUFDckQsRUFBRSxHQUEyQixNQUFNLENBQVMsRUFBRSxDQUFDLENBQUM7SUFDaEQsTUFBTSxHQUEyQixNQUFNLENBQVMsRUFBRSxDQUFDLENBQUM7d0dBTnhDLHNCQUFzQjs0RkFBdEIsc0JBQXNCLDRFQ2YzQyxvY0FpQkEsNENESlksY0FBYywrSEFBRSxnQkFBZ0IseUdBQUUsZ0JBQWdCLDRIQUFFLFNBQVM7OzRGQUVwRCxzQkFBc0I7a0JBTjFDLFNBQVM7aUNBQ0ksSUFBSSxZQUNOLGtCQUFrQixXQUVuQixDQUFDLGNBQWMsRUFBRSxnQkFBZ0IsRUFBRSxnQkFBZ0IsRUFBRSxTQUFTLENBQUMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21wb25lbnQsIGluamVjdCwgc2lnbmFsLCBXcml0YWJsZVNpZ25hbCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgTWF0QnV0dG9uIH0gZnJvbSAnQGFuZ3VsYXIvbWF0ZXJpYWwvYnV0dG9uJztcbmltcG9ydCB7XG4gIE1hdERpYWxvZ0FjdGlvbnMsXG4gIE1hdERpYWxvZ0NvbnRlbnQsXG4gIE1hdERpYWxvZ1JlZixcbiAgTWF0RGlhbG9nVGl0bGUsXG59IGZyb20gJ0Bhbmd1bGFyL21hdGVyaWFsL2RpYWxvZyc7XG5cbkBDb21wb25lbnQoe1xuICBzdGFuZGFsb25lOiB0cnVlLFxuICBzZWxlY3RvcjogJ28tY29uZmlybS1kaWFsb2cnLFxuICB0ZW1wbGF0ZVVybDogJy4vY29uZmlybS1kaWFsb2cuY29tcG9uZW50Lmh0bWwnLFxuICBpbXBvcnRzOiBbTWF0RGlhbG9nVGl0bGUsIE1hdERpYWxvZ0NvbnRlbnQsIE1hdERpYWxvZ0FjdGlvbnMsIE1hdEJ1dHRvbl0sXG59KVxuZXhwb3J0IGRlZmF1bHQgY2xhc3MgQ29uZmlybURpYWxvZ0NvbXBvbmVudCB7XG4gIHB1YmxpYyBkaWFsb2dSZWY6IE1hdERpYWxvZ1JlZjxDb25maXJtRGlhbG9nQ29tcG9uZW50PiA9IGluamVjdChNYXREaWFsb2dSZWYpO1xuXG4gIHB1YmxpYyB0aXRsZTogV3JpdGFibGVTaWduYWw8c3RyaW5nPiA9IHNpZ25hbDxzdHJpbmc+KCcnKTtcbiAgcHVibGljIGNvbnRlbnQ6IFdyaXRhYmxlU2lnbmFsPHN0cmluZz4gPSBzaWduYWw8c3RyaW5nPignJyk7XG4gIHB1YmxpYyBvazogV3JpdGFibGVTaWduYWw8c3RyaW5nPiA9IHNpZ25hbDxzdHJpbmc+KCcnKTtcbiAgcHVibGljIGNhbmNlbDogV3JpdGFibGVTaWduYWw8c3RyaW5nPiA9IHNpZ25hbDxzdHJpbmc+KCcnKTtcbn1cbiIsIjxoMSBtYXQtZGlhbG9nLXRpdGxlPnt7IHRpdGxlKCkgfX08L2gxPlxuPGRpdiBtYXQtZGlhbG9nLWNvbnRlbnQ+XG5cdDxwPnt7IGNvbnRlbnQoKSB9fTwvcD5cbjwvZGl2PlxuPGRpdiBtYXQtZGlhbG9nLWFjdGlvbnNcblx0IGFsaWduPVwiZW5kXCI+XG5cdEBpZiAoY2FuY2VsKCkgIT09ICcnKSB7XG5cdDxidXR0b24gdHlwZT1cImJ1dHRvblwiXG5cdFx0XHRtYXQtYnV0dG9uXG5cdFx0XHQoY2xpY2spPVwiZGlhbG9nUmVmLmNsb3NlKClcIj57eyBjYW5jZWwoKSB9fTwvYnV0dG9uPlxuXHR9XG5cdDxidXR0b24gdHlwZT1cImJ1dHRvblwiXG5cdFx0XHRtYXQtZmxhdC1idXR0b25cblx0XHRcdGNvbG9yPVwicHJpbWFyeVwiXG5cdFx0XHQoY2xpY2spPVwiZGlhbG9nUmVmLmNsb3NlKHRydWUpXCJcblx0XHRcdGNka0ZvY3VzSW5pdGlhbD57eyBvaygpIH19PC9idXR0b24+XG48L2Rpdj5cbiJdfQ==

package/esm2022/lib/components/dialogs/form-dialog/form-dialog.component.mjs

@@ -0,0 +1,34 @@
+import { Component, inject, signal } from '@angular/core';
+import { FormsModule } from '@angular/forms';
+import { MatButton } from '@angular/material/button';
+import { MatDialogActions, MatDialogClose, MatDialogContent, MatDialogRef, MatDialogTitle, } from '@angular/material/dialog';
+import { MatFormField, MatHint, MatLabel } from '@angular/material/form-field';
+import { MatInput } from '@angular/material/input';
+import * as i0 from "@angular/core";
+import * as i1 from "@angular/forms";
+export default class FormDialogComponent {
+    dialogRef = inject(MatDialogRef);
+    title = signal('');
+    content = signal('');
+    fields = signal([]);
+    ok = signal('');
+    cancel = signal('');
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.12", ngImport: i0, type: FormDialogComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.12", type: FormDialogComponent, isStandalone: true, selector: "o-form-dialog", ngImport: i0, template: "<h1 mat-dialog-title>{{ title() }}</h1>\n<div mat-dialog-content>\n\t<p class=\"margin-bottom\">{{ content() }}</p>\n\t@for (field of fields(); track field.title) {\n\t<div class=\"form-field margin-right\">\n\t\t<mat-form-field class=\"max-width\">\n\t\t\t<mat-label>{{field.title}}</mat-label>\n\t\t\t<input matInput\n\t\t\t\t   [type]=\"field.type\"\n\t\t\t\t   [(ngModel)]=\"field.value\">\n\t\t\t@if (field.hint) {\n\t\t\t<mat-hint>{{field.hint}}</mat-hint>\n\t\t\t}\n\t\t</mat-form-field>\n\t</div>\n\t}\n</div>\n<div mat-dialog-actions\n\t align=\"end\">\n\t@if (cancel() !== '') {\n\t<button type=\"button\"\n\t\t\tmat-button\n\t\t\t(click)=\"dialogRef.close()\">{{ cancel() }}</button>\n\t}\n\t<button type=\"button\"\n\t\t\tmat-flat-button\n\t\t\tcolor=\"primary\"\n\t\t\t[mat-dialog-close]=\"fields()\"\n\t\t\tcdkFocusInitial>{{ ok() }}</button>\n</div>\n", styles: [".margin-bottom{margin-bottom:16px}\n"], dependencies: [{ kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "directive", type: MatDialogTitle, selector: "[mat-dialog-title], [matDialogTitle]", inputs: ["id"], exportAs: ["matDialogTitle"] }, { kind: "directive", type: MatDialogContent, selector: "[mat-dialog-content], mat-dialog-content, [matDialogContent]" }, { kind: "directive", type: MatDialogActions, selector: "[mat-dialog-actions], mat-dialog-actions, [matDialogActions]", inputs: ["align"] }, { kind: "directive", type: MatDialogClose, selector: "[mat-dialog-close], [matDialogClose]", inputs: ["aria-label", "type", "mat-dialog-close", "matDialogClose"], exportAs: ["matDialogClose"] }, { kind: "component", type: MatFormField, selector: "mat-form-field", inputs: ["hideRequiredMarker", "color", "floatLabel", "appearance", "subscriptSizing", "hintLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: MatLabel, selector: "mat-label" }, { kind: "directive", type: MatHint, selector: "mat-hint", inputs: ["align", "id"] }, { kind: "directive", type: MatInput, selector: "input[matInput], textarea[matInput], select[matNativeControl],      input[matNativeControl], textarea[matNativeControl]", inputs: ["disabled", "id", "placeholder", "name", "required", "type", "errorStateMatcher", "aria-describedby", "value", "readonly"], exportAs: ["matInput"] }, { kind: "component", type: MatButton, selector: "    button[mat-button], button[mat-raised-button], button[mat-flat-button],    button[mat-stroked-button]  ", exportAs: ["matButton"] }] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.12", ngImport: i0, type: FormDialogComponent, decorators: [{
+            type: Component,
+            args: [{ standalone: true, selector: 'o-form-dialog', imports: [
+                        FormsModule,
+                        MatDialogTitle,
+                        MatDialogContent,
+                        MatDialogActions,
+                        MatDialogClose,
+                        MatFormField,
+                        MatLabel,
+                        MatHint,
+                        MatInput,
+                        MatButton,
+                    ], template: "<h1 mat-dialog-title>{{ title() }}</h1>\n<div mat-dialog-content>\n\t<p class=\"margin-bottom\">{{ content() }}</p>\n\t@for (field of fields(); track field.title) {\n\t<div class=\"form-field margin-right\">\n\t\t<mat-form-field class=\"max-width\">\n\t\t\t<mat-label>{{field.title}}</mat-label>\n\t\t\t<input matInput\n\t\t\t\t   [type]=\"field.type\"\n\t\t\t\t   [(ngModel)]=\"field.value\">\n\t\t\t@if (field.hint) {\n\t\t\t<mat-hint>{{field.hint}}</mat-hint>\n\t\t\t}\n\t\t</mat-form-field>\n\t</div>\n\t}\n</div>\n<div mat-dialog-actions\n\t align=\"end\">\n\t@if (cancel() !== '') {\n\t<button type=\"button\"\n\t\t\tmat-button\n\t\t\t(click)=\"dialogRef.close()\">{{ cancel() }}</button>\n\t}\n\t<button type=\"button\"\n\t\t\tmat-flat-button\n\t\t\tcolor=\"primary\"\n\t\t\t[mat-dialog-close]=\"fields()\"\n\t\t\tcdkFocusInitial>{{ ok() }}</button>\n</div>\n", styles: [".margin-bottom{margin-bottom:16px}\n"] }]
+        }] });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZm9ybS1kaWFsb2cuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvb3N1bWktYW5ndWxhci10b29scy9zcmMvbGliL2NvbXBvbmVudHMvZGlhbG9ncy9mb3JtLWRpYWxvZy9mb3JtLWRpYWxvZy5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9vc3VtaS1hbmd1bGFyLXRvb2xzL3NyYy9saWIvY29tcG9uZW50cy9kaWFsb2dzL2Zvcm0tZGlhbG9nL2Zvcm0tZGlhbG9nLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxTQUFTLEVBQUUsTUFBTSxFQUFFLE1BQU0sRUFBa0IsTUFBTSxlQUFlLENBQUM7QUFDMUUsT0FBTyxFQUFFLFdBQVcsRUFBRSxNQUFNLGdCQUFnQixDQUFDO0FBQzdDLE9BQU8sRUFBRSxTQUFTLEVBQUUsTUFBTSwwQkFBMEIsQ0FBQztBQUNyRCxPQUFPLEVBQ0wsZ0JBQWdCLEVBQ2hCLGNBQWMsRUFDZCxnQkFBZ0IsRUFDaEIsWUFBWSxFQUNaLGNBQWMsR0FDZixNQUFNLDBCQUEwQixDQUFDO0FBQ2xDLE9BQU8sRUFBRSxZQUFZLEVBQUUsT0FBTyxFQUFFLFFBQVEsRUFBRSxNQUFNLDhCQUE4QixDQUFDO0FBQy9FLE9BQU8sRUFBRSxRQUFRLEVBQUUsTUFBTSx5QkFBeUIsQ0FBQzs7O0FBcUJuRCxNQUFNLENBQUMsT0FBTyxPQUFPLG1CQUFtQjtJQUMvQixTQUFTLEdBQXNDLE1BQU0sQ0FBQyxZQUFZLENBQUMsQ0FBQztJQUVwRSxLQUFLLEdBQTJCLE1BQU0sQ0FBUyxFQUFFLENBQUMsQ0FBQztJQUNuRCxPQUFPLEdBQTJCLE1BQU0sQ0FBUyxFQUFFLENBQUMsQ0FBQztJQUNyRCxNQUFNLEdBQWtDLE1BQU0sQ0FBZ0IsRUFBRSxDQUFDLENBQUM7SUFDbEUsRUFBRSxHQUEyQixNQUFNLENBQVMsRUFBRSxDQUFDLENBQUM7SUFDaEQsTUFBTSxHQUEyQixNQUFNLENBQVMsRUFBRSxDQUFDLENBQUM7d0dBUHhDLG1CQUFtQjs0RkFBbkIsbUJBQW1CLHlFQ2hDeEMsbzJCQThCQSw2RkRWSSxXQUFXLCttQkFDWCxjQUFjLCtIQUNkLGdCQUFnQix5R0FDaEIsZ0JBQWdCLDRIQUNoQixjQUFjLHFMQUNkLFlBQVksNExBQ1osUUFBUSxzREFDUixPQUFPLDhFQUNQLFFBQVEsaVVBQ1IsU0FBUzs7NEZBR1EsbUJBQW1CO2tCQWxCdkMsU0FBUztpQ0FDSSxJQUFJLFlBQ04sZUFBZSxXQUdoQjt3QkFDUCxXQUFXO3dCQUNYLGNBQWM7d0JBQ2QsZ0JBQWdCO3dCQUNoQixnQkFBZ0I7d0JBQ2hCLGNBQWM7d0JBQ2QsWUFBWTt3QkFDWixRQUFRO3dCQUNSLE9BQU87d0JBQ1AsUUFBUTt3QkFDUixTQUFTO3FCQUNWIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tcG9uZW50LCBpbmplY3QsIHNpZ25hbCwgV3JpdGFibGVTaWduYWwgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IEZvcm1zTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvZm9ybXMnO1xuaW1wb3J0IHsgTWF0QnV0dG9uIH0gZnJvbSAnQGFuZ3VsYXIvbWF0ZXJpYWwvYnV0dG9uJztcbmltcG9ydCB7XG4gIE1hdERpYWxvZ0FjdGlvbnMsXG4gIE1hdERpYWxvZ0Nsb3NlLFxuICBNYXREaWFsb2dDb250ZW50LFxuICBNYXREaWFsb2dSZWYsXG4gIE1hdERpYWxvZ1RpdGxlLFxufSBmcm9tICdAYW5ndWxhci9tYXRlcmlhbC9kaWFsb2cnO1xuaW1wb3J0IHsgTWF0Rm9ybUZpZWxkLCBNYXRIaW50LCBNYXRMYWJlbCB9IGZyb20gJ0Bhbmd1bGFyL21hdGVyaWFsL2Zvcm0tZmllbGQnO1xuaW1wb3J0IHsgTWF0SW5wdXQgfSBmcm9tICdAYW5ndWxhci9tYXRlcmlhbC9pbnB1dCc7XG5pbXBvcnQgeyBEaWFsb2dGaWVsZCB9IGZyb20gJy4uLy4uLy4uL2ludGVyZmFjZXMvZGlhbG9ncy5pbnRlcmZhY2UnO1xuXG5AQ29tcG9uZW50KHtcbiAgc3RhbmRhbG9uZTogdHJ1ZSxcbiAgc2VsZWN0b3I6ICdvLWZvcm0tZGlhbG9nJyxcbiAgdGVtcGxhdGVVcmw6ICcuL2Zvcm0tZGlhbG9nLmNvbXBvbmVudC5odG1sJyxcbiAgc3R5bGVVcmxzOiBbJy4vZm9ybS1kaWFsb2cuY29tcG9uZW50LnNjc3MnXSxcbiAgaW1wb3J0czogW1xuICAgIEZvcm1zTW9kdWxlLFxuICAgIE1hdERpYWxvZ1RpdGxlLFxuICAgIE1hdERpYWxvZ0NvbnRlbnQsXG4gICAgTWF0RGlhbG9nQWN0aW9ucyxcbiAgICBNYXREaWFsb2dDbG9zZSxcbiAgICBNYXRGb3JtRmllbGQsXG4gICAgTWF0TGFiZWwsXG4gICAgTWF0SGludCxcbiAgICBNYXRJbnB1dCxcbiAgICBNYXRCdXR0b24sXG4gIF0sXG59KVxuZXhwb3J0IGRlZmF1bHQgY2xhc3MgRm9ybURpYWxvZ0NvbXBvbmVudCB7XG4gIHB1YmxpYyBkaWFsb2dSZWY6IE1hdERpYWxvZ1JlZjxGb3JtRGlhbG9nQ29tcG9uZW50PiA9IGluamVjdChNYXREaWFsb2dSZWYpO1xuXG4gIHB1YmxpYyB0aXRsZTogV3JpdGFibGVTaWduYWw8c3RyaW5nPiA9IHNpZ25hbDxzdHJpbmc+KCcnKTtcbiAgcHVibGljIGNvbnRlbnQ6IFdyaXRhYmxlU2lnbmFsPHN0cmluZz4gPSBzaWduYWw8c3RyaW5nPignJyk7XG4gIHB1YmxpYyBmaWVsZHM6IFdyaXRhYmxlU2lnbmFsPERpYWxvZ0ZpZWxkW10+ID0gc2lnbmFsPERpYWxvZ0ZpZWxkW10+KFtdKTtcbiAgcHVibGljIG9rOiBXcml0YWJsZVNpZ25hbDxzdHJpbmc+ID0gc2lnbmFsPHN0cmluZz4oJycpO1xuICBwdWJsaWMgY2FuY2VsOiBXcml0YWJsZVNpZ25hbDxzdHJpbmc+ID0gc2lnbmFsPHN0cmluZz4oJycpO1xufVxuIiwiPGgxIG1hdC1kaWFsb2ctdGl0bGU+e3sgdGl0bGUoKSB9fTwvaDE+XG48ZGl2IG1hdC1kaWFsb2ctY29udGVudD5cblx0PHAgY2xhc3M9XCJtYXJnaW4tYm90dG9tXCI+e3sgY29udGVudCgpIH19PC9wPlxuXHRAZm9yIChmaWVsZCBvZiBmaWVsZHMoKTsgdHJhY2sgZmllbGQudGl0bGUpIHtcblx0PGRpdiBjbGFzcz1cImZvcm0tZmllbGQgbWFyZ2luLXJpZ2h0XCI+XG5cdFx0PG1hdC1mb3JtLWZpZWxkIGNsYXNzPVwibWF4LXdpZHRoXCI+XG5cdFx0XHQ8bWF0LWxhYmVsPnt7ZmllbGQudGl0bGV9fTwvbWF0LWxhYmVsPlxuXHRcdFx0PGlucHV0IG1hdElucHV0XG5cdFx0XHRcdCAgIFt0eXBlXT1cImZpZWxkLnR5cGVcIlxuXHRcdFx0XHQgICBbKG5nTW9kZWwpXT1cImZpZWxkLnZhbHVlXCI+XG5cdFx0XHRAaWYgKGZpZWxkLmhpbnQpIHtcblx0XHRcdDxtYXQtaGludD57e2ZpZWxkLmhpbnR9fTwvbWF0LWhpbnQ+XG5cdFx0XHR9XG5cdFx0PC9tYXQtZm9ybS1maWVsZD5cblx0PC9kaXY+XG5cdH1cbjwvZGl2PlxuPGRpdiBtYXQtZGlhbG9nLWFjdGlvbnNcblx0IGFsaWduPVwiZW5kXCI+XG5cdEBpZiAoY2FuY2VsKCkgIT09ICcnKSB7XG5cdDxidXR0b24gdHlwZT1cImJ1dHRvblwiXG5cdFx0XHRtYXQtYnV0dG9uXG5cdFx0XHQoY2xpY2spPVwiZGlhbG9nUmVmLmNsb3NlKClcIj57eyBjYW5jZWwoKSB9fTwvYnV0dG9uPlxuXHR9XG5cdDxidXR0b24gdHlwZT1cImJ1dHRvblwiXG5cdFx0XHRtYXQtZmxhdC1idXR0b25cblx0XHRcdGNvbG9yPVwicHJpbWFyeVwiXG5cdFx0XHRbbWF0LWRpYWxvZy1jbG9zZV09XCJmaWVsZHMoKVwiXG5cdFx0XHRjZGtGb2N1c0luaXRpYWw+e3sgb2soKSB9fTwvYnV0dG9uPlxuPC9kaXY+XG4iXX0=

package/esm2022/lib/components/overlay/overlay.component.mjs

@@ -0,0 +1,32 @@
+import { NgComponentOutlet } from '@angular/common';
+import { Component, inject, Renderer2 } from '@angular/core';
+import { MatIcon } from '@angular/material/icon';
+import CustomOverlayRef from '../../model/custom-overlay-ref.model';
+import * as i0 from "@angular/core";
+export default class OverlayComponent {
+    customOverlayRef = inject(CustomOverlayRef);
+    renderer = inject(Renderer2);
+    content = this.customOverlayRef.content;
+    inputData = { modalTitle: '', modalColor: 'blue' };
+    ngOnInit() {
+        this.listenToEscKey();
+        this.inputData = this.customOverlayRef.data;
+    }
+    listenToEscKey() {
+        this.renderer.listen('window', 'keyup', (event) => {
+            if (event.key === 'Escape') {
+                this.close();
+            }
+        });
+    }
+    close() {
+        this.customOverlayRef.close(null);
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.12", ngImport: i0, type: OverlayComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.12", type: OverlayComponent, isStandalone: true, selector: "o-overlay", ngImport: i0, template: "<div [class]=\"'modal ' + (inputData.css ? inputData.css : '')\">\n\t<div [class]=\"'modal__header modal__header--' + inputData.modalColor\">\n\t\t<div class=\"title\">{{ inputData.modalTitle }}</div>\n\t\t@if (!inputData.hideCloseBtn) {\n\t\t<div class=\"btn-close\"\n\t\t\t (click)=\"close()\">\n\t\t\t<mat-icon>close</mat-icon>\n\t\t</div>\n\t\t}\n\t</div>\n\n\t<div class=\"modal__content\">\n\t\t<ng-container *ngComponentOutlet=\"content\"></ng-container>\n\t</div>\n</div>\n", styles: [":host{width:100%;height:100%;display:flex;justify-content:center;align-items:center}.modal{border-radius:6px;box-shadow:4px 4px 5px 0 var(--modal-bg-color)}.modal__header{border-top-left-radius:6px;border-top-right-radius:6px;display:flex;justify-content:space-between;align-items:center;padding:0 20px;height:48px;font-size:24px;background-color:var(--color-blue);color:#fff}.modal__header .btn-close{cursor:pointer}.modal__header--blue{background-color:var(--main-color)}.modal__header--yellow{background-color:var(--color-yellow);color:var(--color-black)}.modal__header--yellow>.btn-close{color:var(--color-black)}.modal__header--red{background-color:var(--color-red)}.modal__content{padding:20px;border-bottom-left-radius:6px;background-color:var(--color-white);border-bottom-right-radius:6px;height:calc(100% - 48px);overflow-y:auto;box-sizing:border-box}\n"], dependencies: [{ kind: "component", type: MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "directive", type: NgComponentOutlet, selector: "[ngComponentOutlet]", inputs: ["ngComponentOutlet", "ngComponentOutletInputs", "ngComponentOutletInjector", "ngComponentOutletContent", "ngComponentOutletNgModule", "ngComponentOutletNgModuleFactory"] }] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.12", ngImport: i0, type: OverlayComponent, decorators: [{
+            type: Component,
+            args: [{ standalone: true, selector: 'o-overlay', imports: [MatIcon, NgComponentOutlet], template: "<div [class]=\"'modal ' + (inputData.css ? inputData.css : '')\">\n\t<div [class]=\"'modal__header modal__header--' + inputData.modalColor\">\n\t\t<div class=\"title\">{{ inputData.modalTitle }}</div>\n\t\t@if (!inputData.hideCloseBtn) {\n\t\t<div class=\"btn-close\"\n\t\t\t (click)=\"close()\">\n\t\t\t<mat-icon>close</mat-icon>\n\t\t</div>\n\t\t}\n\t</div>\n\n\t<div class=\"modal__content\">\n\t\t<ng-container *ngComponentOutlet=\"content\"></ng-container>\n\t</div>\n</div>\n", styles: [":host{width:100%;height:100%;display:flex;justify-content:center;align-items:center}.modal{border-radius:6px;box-shadow:4px 4px 5px 0 var(--modal-bg-color)}.modal__header{border-top-left-radius:6px;border-top-right-radius:6px;display:flex;justify-content:space-between;align-items:center;padding:0 20px;height:48px;font-size:24px;background-color:var(--color-blue);color:#fff}.modal__header .btn-close{cursor:pointer}.modal__header--blue{background-color:var(--main-color)}.modal__header--yellow{background-color:var(--color-yellow);color:var(--color-black)}.modal__header--yellow>.btn-close{color:var(--color-black)}.modal__header--red{background-color:var(--color-red)}.modal__content{padding:20px;border-bottom-left-radius:6px;background-color:var(--color-white);border-bottom-right-radius:6px;height:calc(100% - 48px);overflow-y:auto;box-sizing:border-box}\n"] }]
+        }] });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoib3ZlcmxheS5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9vc3VtaS1hbmd1bGFyLXRvb2xzL3NyYy9saWIvY29tcG9uZW50cy9vdmVybGF5L292ZXJsYXkuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvb3N1bWktYW5ndWxhci10b29scy9zcmMvbGliL2NvbXBvbmVudHMvb3ZlcmxheS9vdmVybGF5LmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxpQkFBaUIsRUFBRSxNQUFNLGlCQUFpQixDQUFDO0FBQ3BELE9BQU8sRUFBRSxTQUFTLEVBQUUsTUFBTSxFQUFVLFNBQVMsRUFBUSxNQUFNLGVBQWUsQ0FBQztBQUMzRSxPQUFPLEVBQUUsT0FBTyxFQUFFLE1BQU0sd0JBQXdCLENBQUM7QUFFakQsT0FBTyxnQkFBZ0IsTUFBTSxzQ0FBc0MsQ0FBQzs7QUFTcEUsTUFBTSxDQUFDLE9BQU8sT0FBTyxnQkFBZ0I7SUFDM0IsZ0JBQWdCLEdBQ3RCLE1BQU0sQ0FBQyxnQkFBZ0IsQ0FBQyxDQUFDO0lBQ25CLFFBQVEsR0FBYyxNQUFNLENBQUMsU0FBUyxDQUFDLENBQUM7SUFFaEQsT0FBTyxHQUFjLElBQUksQ0FBQyxnQkFBZ0IsQ0FBQyxPQUFPLENBQUM7SUFDbkQsU0FBUyxHQUFVLEVBQUUsVUFBVSxFQUFFLEVBQUUsRUFBRSxVQUFVLEVBQUUsTUFBTSxFQUFFLENBQUM7SUFFMUQsUUFBUTtRQUNOLElBQUksQ0FBQyxjQUFjLEVBQUUsQ0FBQztRQUN0QixJQUFJLENBQUMsU0FBUyxHQUFHLElBQUksQ0FBQyxnQkFBZ0IsQ0FBQyxJQUFJLENBQUM7SUFDOUMsQ0FBQztJQUVPLGNBQWM7UUFDcEIsSUFBSSxDQUFDLFFBQVEsQ0FBQyxNQUFNLENBQUMsUUFBUSxFQUFFLE9BQU8sRUFBRSxDQUFDLEtBQW9CLEVBQVEsRUFBRTtZQUNyRSxJQUFJLEtBQUssQ0FBQyxHQUFHLEtBQUssUUFBUSxFQUFFLENBQUM7Z0JBQzNCLElBQUksQ0FBQyxLQUFLLEVBQUUsQ0FBQztZQUNmLENBQUM7UUFDSCxDQUFDLENBQUMsQ0FBQztJQUNMLENBQUM7SUFFRCxLQUFLO1FBQ0gsSUFBSSxDQUFDLGdCQUFnQixDQUFDLEtBQUssQ0FBQyxJQUFJLENBQUMsQ0FBQztJQUNwQyxDQUFDO3dHQXZCa0IsZ0JBQWdCOzRGQUFoQixnQkFBZ0IscUVDYnJDLG1lQWVBLHc1QkRKWSxPQUFPLDJJQUFFLGlCQUFpQjs7NEZBRWpCLGdCQUFnQjtrQkFQcEMsU0FBUztpQ0FDSSxJQUFJLFlBQ04sV0FBVyxXQUdaLENBQUMsT0FBTyxFQUFFLGlCQUFpQixDQUFDIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgTmdDb21wb25lbnRPdXRsZXQgfSBmcm9tICdAYW5ndWxhci9jb21tb24nO1xuaW1wb3J0IHsgQ29tcG9uZW50LCBpbmplY3QsIE9uSW5pdCwgUmVuZGVyZXIyLCBUeXBlIH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBNYXRJY29uIH0gZnJvbSAnQGFuZ3VsYXIvbWF0ZXJpYWwvaWNvbic7XG5pbXBvcnQgeyBNb2RhbCB9IGZyb20gJy4uLy4uL2ludGVyZmFjZXMvbW9kYWxzLmludGVyZmFjZSc7XG5pbXBvcnQgQ3VzdG9tT3ZlcmxheVJlZiBmcm9tICcuLi8uLi9tb2RlbC9jdXN0b20tb3ZlcmxheS1yZWYubW9kZWwnO1xuXG5AQ29tcG9uZW50KHtcbiAgc3RhbmRhbG9uZTogdHJ1ZSxcbiAgc2VsZWN0b3I6ICdvLW92ZXJsYXknLFxuICB0ZW1wbGF0ZVVybDogJy4vb3ZlcmxheS5jb21wb25lbnQuaHRtbCcsXG4gIHN0eWxlVXJsczogWycuL292ZXJsYXkuY29tcG9uZW50LnNjc3MnXSxcbiAgaW1wb3J0czogW01hdEljb24sIE5nQ29tcG9uZW50T3V0bGV0XSxcbn0pXG5leHBvcnQgZGVmYXVsdCBjbGFzcyBPdmVybGF5Q29tcG9uZW50IGltcGxlbWVudHMgT25Jbml0IHtcbiAgcHJpdmF0ZSBjdXN0b21PdmVybGF5UmVmOiBDdXN0b21PdmVybGF5UmVmPGFueSwgTW9kYWw+ID1cbiAgICBpbmplY3QoQ3VzdG9tT3ZlcmxheVJlZik7XG4gIHByaXZhdGUgcmVuZGVyZXI6IFJlbmRlcmVyMiA9IGluamVjdChSZW5kZXJlcjIpO1xuXG4gIGNvbnRlbnQ6IFR5cGU8YW55PiA9IHRoaXMuY3VzdG9tT3ZlcmxheVJlZi5jb250ZW50O1xuICBpbnB1dERhdGE6IE1vZGFsID0geyBtb2RhbFRpdGxlOiAnJywgbW9kYWxDb2xvcjogJ2JsdWUnIH07XG5cbiAgbmdPbkluaXQoKTogdm9pZCB7XG4gICAgdGhpcy5saXN0ZW5Ub0VzY0tleSgpO1xuICAgIHRoaXMuaW5wdXREYXRhID0gdGhpcy5jdXN0b21PdmVybGF5UmVmLmRhdGE7XG4gIH1cblxuICBwcml2YXRlIGxpc3RlblRvRXNjS2V5KCk6IHZvaWQge1xuICAgIHRoaXMucmVuZGVyZXIubGlzdGVuKCd3aW5kb3cnLCAna2V5dXAnLCAoZXZlbnQ6IEtleWJvYXJkRXZlbnQpOiB2b2lkID0+IHtcbiAgICAgIGlmIChldmVudC5rZXkgPT09ICdFc2NhcGUnKSB7XG4gICAgICAgIHRoaXMuY2xvc2UoKTtcbiAgICAgIH1cbiAgICB9KTtcbiAgfVxuXG4gIGNsb3NlKCk6IHZvaWQge1xuICAgIHRoaXMuY3VzdG9tT3ZlcmxheVJlZi5jbG9zZShudWxsKTtcbiAgfVxufVxuIiwiPGRpdiBbY2xhc3NdPVwiJ21vZGFsICcgKyAoaW5wdXREYXRhLmNzcyA/IGlucHV0RGF0YS5jc3MgOiAnJylcIj5cblx0PGRpdiBbY2xhc3NdPVwiJ21vZGFsX19oZWFkZXIgbW9kYWxfX2hlYWRlci0tJyArIGlucHV0RGF0YS5tb2RhbENvbG9yXCI+XG5cdFx0PGRpdiBjbGFzcz1cInRpdGxlXCI+e3sgaW5wdXREYXRhLm1vZGFsVGl0bGUgfX08L2Rpdj5cblx0XHRAaWYgKCFpbnB1dERhdGEuaGlkZUNsb3NlQnRuKSB7XG5cdFx0PGRpdiBjbGFzcz1cImJ0bi1jbG9zZVwiXG5cdFx0XHQgKGNsaWNrKT1cImNsb3NlKClcIj5cblx0XHRcdDxtYXQtaWNvbj5jbG9zZTwvbWF0LWljb24+XG5cdFx0PC9kaXY+XG5cdFx0fVxuXHQ8L2Rpdj5cblxuXHQ8ZGl2IGNsYXNzPVwibW9kYWxfX2NvbnRlbnRcIj5cblx0XHQ8bmctY29udGFpbmVyICpuZ0NvbXBvbmVudE91dGxldD1cImNvbnRlbnRcIj48L25nLWNvbnRhaW5lcj5cblx0PC9kaXY+XG48L2Rpdj5cbiJdfQ==

package/esm2022/lib/interfaces/dialogs.interface.mjs

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZGlhbG9ncy5pbnRlcmZhY2UuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9vc3VtaS1hbmd1bGFyLXRvb2xzL3NyYy9saWIvaW50ZXJmYWNlcy9kaWFsb2dzLmludGVyZmFjZS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiIiwic291cmNlc0NvbnRlbnQiOlsiZXhwb3J0IGludGVyZmFjZSBEaWFsb2dGaWVsZCB7XG4gIHRpdGxlOiBzdHJpbmc7XG4gIHR5cGU6IHN0cmluZztcbiAgdmFsdWU6IHN0cmluZztcbiAgaGludD86IHN0cmluZztcbn1cblxuZXhwb3J0IGludGVyZmFjZSBEaWFsb2dPcHRpb25zIHtcbiAgdGl0bGU6IHN0cmluZztcbiAgY29udGVudDogc3RyaW5nO1xuICBmaWVsZHM/OiBEaWFsb2dGaWVsZFtdO1xuICBvazogc3RyaW5nO1xuICBjYW5jZWw/OiBzdHJpbmc7XG59XG4iXX0=

package/esm2022/lib/interfaces/modals.interface.mjs

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibW9kYWxzLmludGVyZmFjZS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL29zdW1pLWFuZ3VsYXItdG9vbHMvc3JjL2xpYi9pbnRlcmZhY2VzL21vZGFscy5pbnRlcmZhY2UudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IiIsInNvdXJjZXNDb250ZW50IjpbImV4cG9ydCBpbnRlcmZhY2UgTW9kYWwge1xuICBtb2RhbENvbG9yOiAnYmx1ZScgfCAneWVsbG93JyB8ICdyZWQnO1xuICBtb2RhbFRpdGxlOiBzdHJpbmc7XG4gIGNzcz86IHN0cmluZztcbiAgaGlkZUNsb3NlQnRuPzogYm9vbGVhbjtcbn1cblxuZXhwb3J0IGludGVyZmFjZSBPdmVybGF5Q2xvc2VFdmVudDxSPiB7XG4gIHR5cGU6IFwiYmFja2Ryb3BDbGlja1wiIHwgXCJjbG9zZVwiO1xuICBkYXRhOiBSO1xufVxuIl19

package/esm2022/lib/model/custom-overlay-ref.model.mjs

@@ -0,0 +1,34 @@
+import { Subject } from "rxjs";
+// R = Response Data Type, T = Data passed to Modal Type
+export default class CustomOverlayRef {
+    overlay;
+    content;
+    data;
+    closeOnBackdropCLick;
+    afterClosed$ = new Subject();
+    constructor(overlay, content, data, closeOnBackdropCLick = true) {
+        this.overlay = overlay;
+        this.content = content;
+        this.data = data;
+        this.closeOnBackdropCLick = closeOnBackdropCLick;
+        if (closeOnBackdropCLick) {
+            overlay.backdropClick().subscribe({
+                next: () => {
+                    this._close("backdropClick", null);
+                },
+            });
+        }
+    }
+    close(data) {
+        this._close("close", data);
+    }
+    _close(type, data) {
+        this.overlay.dispose();
+        this.afterClosed$.next({
+            type,
+            data,
+        });
+        this.afterClosed$.complete();
+    }
+}
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY3VzdG9tLW92ZXJsYXktcmVmLm1vZGVsLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvb3N1bWktYW5ndWxhci10b29scy9zcmMvbGliL21vZGVsL2N1c3RvbS1vdmVybGF5LXJlZi5tb2RlbC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFFQSxPQUFPLEVBQUUsT0FBTyxFQUFFLE1BQU0sTUFBTSxDQUFDO0FBRy9CLHdEQUF3RDtBQUN4RCxNQUFNLENBQUMsT0FBTyxPQUFPLGdCQUFnQjtJQUkxQjtJQUNBO0lBQ0E7SUFDQTtJQU5ULFlBQVksR0FBRyxJQUFJLE9BQU8sRUFBK0IsQ0FBQztJQUUxRCxZQUNTLE9BQW1CLEVBQ25CLE9BQWtCLEVBQ2xCLElBQU8sRUFDUCx1QkFBZ0MsSUFBSTtRQUhwQyxZQUFPLEdBQVAsT0FBTyxDQUFZO1FBQ25CLFlBQU8sR0FBUCxPQUFPLENBQVc7UUFDbEIsU0FBSSxHQUFKLElBQUksQ0FBRztRQUNQLHlCQUFvQixHQUFwQixvQkFBb0IsQ0FBZ0I7UUFFM0MsSUFBSSxvQkFBb0IsRUFBRSxDQUFDO1lBQ3pCLE9BQU8sQ0FBQyxhQUFhLEVBQUUsQ0FBQyxTQUFTLENBQUM7Z0JBQ2hDLElBQUksRUFBRSxHQUFHLEVBQUU7b0JBQ1QsSUFBSSxDQUFDLE1BQU0sQ0FBQyxlQUFlLEVBQUUsSUFBSSxDQUFDLENBQUM7Z0JBQ3JDLENBQUM7YUFDRixDQUFDLENBQUM7UUFDTCxDQUFDO0lBQ0gsQ0FBQztJQUVELEtBQUssQ0FBQyxJQUFVO1FBQ2QsSUFBSSxDQUFDLE1BQU0sQ0FBQyxPQUFPLEVBQUUsSUFBSyxDQUFDLENBQUM7SUFDOUIsQ0FBQztJQUVPLE1BQU0sQ0FBQyxJQUErQixFQUFFLElBQWM7UUFDNUQsSUFBSSxDQUFDLE9BQU8sQ0FBQyxPQUFPLEVBQUUsQ0FBQztRQUN2QixJQUFJLENBQUMsWUFBWSxDQUFDLElBQUksQ0FBQztZQUNyQixJQUFJO1lBQ0osSUFBSTtTQUNMLENBQUMsQ0FBQztRQUVILElBQUksQ0FBQyxZQUFZLENBQUMsUUFBUSxFQUFFLENBQUM7SUFDL0IsQ0FBQztDQUNGIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgT3ZlcmxheVJlZiB9IGZyb20gXCJAYW5ndWxhci9jZGsvb3ZlcmxheVwiO1xuaW1wb3J0IHsgVHlwZSB9IGZyb20gXCJAYW5ndWxhci9jb3JlXCI7XG5pbXBvcnQgeyBTdWJqZWN0IH0gZnJvbSBcInJ4anNcIjtcbmltcG9ydCB7IE92ZXJsYXlDbG9zZUV2ZW50IH0gZnJvbSAnLi4vaW50ZXJmYWNlcy9tb2RhbHMuaW50ZXJmYWNlJztcblxuLy8gUiA9IFJlc3BvbnNlIERhdGEgVHlwZSwgVCA9IERhdGEgcGFzc2VkIHRvIE1vZGFsIFR5cGVcbmV4cG9ydCBkZWZhdWx0IGNsYXNzIEN1c3RvbU92ZXJsYXlSZWY8UiA9IGFueSwgVCA9IGFueT4ge1xuICBhZnRlckNsb3NlZCQgPSBuZXcgU3ViamVjdDxPdmVybGF5Q2xvc2VFdmVudDxSIHwgbnVsbD4+KCk7XG5cbiAgY29uc3RydWN0b3IoXG4gICAgcHVibGljIG92ZXJsYXk6IE92ZXJsYXlSZWYsXG4gICAgcHVibGljIGNvbnRlbnQ6IFR5cGU8YW55PixcbiAgICBwdWJsaWMgZGF0YTogVCxcbiAgICBwdWJsaWMgY2xvc2VPbkJhY2tkcm9wQ0xpY2s6IGJvb2xlYW4gPSB0cnVlXG4gICkge1xuICAgIGlmIChjbG9zZU9uQmFja2Ryb3BDTGljaykge1xuICAgICAgb3ZlcmxheS5iYWNrZHJvcENsaWNrKCkuc3Vic2NyaWJlKHtcbiAgICAgICAgbmV4dDogKCkgPT4ge1xuICAgICAgICAgIHRoaXMuX2Nsb3NlKFwiYmFja2Ryb3BDbGlja1wiLCBudWxsKTtcbiAgICAgICAgfSxcbiAgICAgIH0pO1xuICAgIH1cbiAgfVxuXG4gIGNsb3NlKGRhdGE/OiBhbnkpOiB2b2lkIHtcbiAgICB0aGlzLl9jbG9zZShcImNsb3NlXCIsIGRhdGEhKTtcbiAgfVxuXG4gIHByaXZhdGUgX2Nsb3NlKHR5cGU6IFwiYmFja2Ryb3BDbGlja1wiIHwgXCJjbG9zZVwiLCBkYXRhOiBSIHwgbnVsbCk6IHZvaWQge1xuICAgIHRoaXMub3ZlcmxheS5kaXNwb3NlKCk7XG4gICAgdGhpcy5hZnRlckNsb3NlZCQubmV4dCh7XG4gICAgICB0eXBlLFxuICAgICAgZGF0YSxcbiAgICB9KTtcblxuICAgIHRoaXMuYWZ0ZXJDbG9zZWQkLmNvbXBsZXRlKCk7XG4gIH1cbn1cbiJdfQ==

package/esm2022/lib/services/dialog.service.mjs

@@ -0,0 +1,45 @@
+import { inject, Injectable } from '@angular/core';
+import { MatDialog } from '@angular/material/dialog';
+import AlertDialogComponent from '../components/dialogs/alert-dialog/alert-dialog.component';
+import ConfirmDialogComponent from '../components/dialogs/confirm-dialog/confirm-dialog.component';
+import FormDialogComponent from '../components/dialogs/form-dialog/form-dialog.component';
+import * as i0 from "@angular/core";
+export default class DialogService {
+    dialog = inject(MatDialog);
+    confirm(options) {
+        const dialogRef = this.dialog.open(ConfirmDialogComponent);
+        dialogRef.componentInstance.title.set(options.title);
+        dialogRef.componentInstance.content.set(options.content);
+        dialogRef.componentInstance.ok.set(options.ok);
+        if (options.cancel !== undefined) {
+            dialogRef.componentInstance.cancel.set(options.cancel);
+        }
+        return dialogRef.afterClosed();
+    }
+    alert(options) {
+        const dialogRef = this.dialog.open(AlertDialogComponent);
+        dialogRef.componentInstance.title.set(options.title);
+        dialogRef.componentInstance.content.set(options.content);
+        dialogRef.componentInstance.ok.set(options.ok);
+        return dialogRef.afterClosed();
+    }
+    form(options) {
+        const dialogRef = this.dialog.open(FormDialogComponent);
+        dialogRef.componentInstance.title.set(options.title);
+        dialogRef.componentInstance.content.set(options.content);
+        dialogRef.componentInstance.ok.set(options.ok);
+        if (options.cancel !== undefined) {
+            dialogRef.componentInstance.cancel.set(options.cancel);
+        }
+        if (options.fields !== undefined) {
+            dialogRef.componentInstance.fields.set(options.fields);
+        }
+        return dialogRef.afterClosed();
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.12", ngImport: i0, type: DialogService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.2.12", ngImport: i0, type: DialogService });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.12", ngImport: i0, type: DialogService, decorators: [{
+            type: Injectable
+        }] });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZGlhbG9nLnNlcnZpY2UuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9vc3VtaS1hbmd1bGFyLXRvb2xzL3NyYy9saWIvc2VydmljZXMvZGlhbG9nLnNlcnZpY2UudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLE1BQU0sRUFBRSxVQUFVLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFDbkQsT0FBTyxFQUFFLFNBQVMsRUFBZ0IsTUFBTSwwQkFBMEIsQ0FBQztBQUVuRSxPQUFPLG9CQUFvQixNQUFNLDJEQUEyRCxDQUFDO0FBQzdGLE9BQU8sc0JBQXNCLE1BQU0sK0RBQStELENBQUM7QUFDbkcsT0FBTyxtQkFBbUIsTUFBTSx5REFBeUQsQ0FBQzs7QUFJMUYsTUFBTSxDQUFDLE9BQU8sT0FBTyxhQUFhO0lBQ3hCLE1BQU0sR0FBYyxNQUFNLENBQUMsU0FBUyxDQUFDLENBQUM7SUFFdkMsT0FBTyxDQUFDLE9BQXNCO1FBQ25DLE1BQU0sU0FBUyxHQUF5QyxJQUFJLENBQUMsTUFBTSxDQUFDLElBQUksQ0FDdEUsc0JBQXNCLENBQ3ZCLENBQUM7UUFFRixTQUFTLENBQUMsaUJBQWlCLENBQUMsS0FBSyxDQUFDLEdBQUcsQ0FBQyxPQUFPLENBQUMsS0FBSyxDQUFDLENBQUM7UUFDckQsU0FBUyxDQUFDLGlCQUFpQixDQUFDLE9BQU8sQ0FBQyxHQUFHLENBQUMsT0FBTyxDQUFDLE9BQU8sQ0FBQyxDQUFDO1FBQ3pELFNBQVMsQ0FBQyxpQkFBaUIsQ0FBQyxFQUFFLENBQUMsR0FBRyxDQUFDLE9BQU8sQ0FBQyxFQUFFLENBQUMsQ0FBQztRQUMvQyxJQUFJLE9BQU8sQ0FBQyxNQUFNLEtBQUssU0FBUyxFQUFFLENBQUM7WUFDakMsU0FBUyxDQUFDLGlCQUFpQixDQUFDLE1BQU0sQ0FBQyxHQUFHLENBQUMsT0FBTyxDQUFDLE1BQU0sQ0FBQyxDQUFDO1FBQ3pELENBQUM7UUFFRCxPQUFPLFNBQVMsQ0FBQyxXQUFXLEVBQUUsQ0FBQztJQUNqQyxDQUFDO0lBRU0sS0FBSyxDQUFDLE9BQXNCO1FBQ2pDLE1BQU0sU0FBUyxHQUNiLElBQUksQ0FBQyxNQUFNLENBQUMsSUFBSSxDQUFDLG9CQUFvQixDQUFDLENBQUM7UUFFekMsU0FBUyxDQUFDLGlCQUFpQixDQUFDLEtBQUssQ0FBQyxHQUFHLENBQUMsT0FBTyxDQUFDLEtBQUssQ0FBQyxDQUFDO1FBQ3JELFNBQVMsQ0FBQyxpQkFBaUIsQ0FBQyxPQUFPLENBQUMsR0FBRyxDQUFDLE9BQU8sQ0FBQyxPQUFPLENBQUMsQ0FBQztRQUN6RCxTQUFTLENBQUMsaUJBQWlCLENBQUMsRUFBRSxDQUFDLEdBQUcsQ0FBQyxPQUFPLENBQUMsRUFBRSxDQUFDLENBQUM7UUFFL0MsT0FBTyxTQUFTLENBQUMsV0FBVyxFQUFFLENBQUM7SUFDakMsQ0FBQztJQUVNLElBQUksQ0FBQyxPQUFzQjtRQUNoQyxNQUFNLFNBQVMsR0FDYixJQUFJLENBQUMsTUFBTSxDQUFDLElBQUksQ0FBQyxtQkFBbUIsQ0FBQyxDQUFDO1FBRXhDLFNBQVMsQ0FBQyxpQkFBaUIsQ0FBQyxLQUFLLENBQUMsR0FBRyxDQUFDLE9BQU8sQ0FBQyxLQUFLLENBQUMsQ0FBQztRQUNyRCxTQUFTLENBQUMsaUJBQWlCLENBQUMsT0FBTyxDQUFDLEdBQUcsQ0FBQyxPQUFPLENBQUMsT0FBTyxDQUFDLENBQUM7UUFDekQsU0FBUyxDQUFDLGlCQUFpQixDQUFDLEVBQUUsQ0FBQyxHQUFHLENBQUMsT0FBTyxDQUFDLEVBQUUsQ0FBQyxDQUFDO1FBQy9DLElBQUksT0FBTyxDQUFDLE1BQU0sS0FBSyxTQUFTLEVBQUUsQ0FBQztZQUNqQyxTQUFTLENBQUMsaUJBQWlCLENBQUMsTUFBTSxDQUFDLEdBQUcsQ0FBQyxPQUFPLENBQUMsTUFBTSxDQUFDLENBQUM7UUFDekQsQ0FBQztRQUNELElBQUksT0FBTyxDQUFDLE1BQU0sS0FBSyxTQUFTLEVBQUUsQ0FBQztZQUNqQyxTQUFTLENBQUMsaUJBQWlCLENBQUMsTUFBTSxDQUFDLEdBQUcsQ0FBQyxPQUFPLENBQUMsTUFBTSxDQUFDLENBQUM7UUFDekQsQ0FBQztRQUVELE9BQU8sU0FBUyxDQUFDLFdBQVcsRUFBRSxDQUFDO0lBQ2pDLENBQUM7d0dBNUNrQixhQUFhOzRHQUFiLGFBQWE7OzRGQUFiLGFBQWE7a0JBRGpDLFVBQVUiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBpbmplY3QsIEluamVjdGFibGUgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IE1hdERpYWxvZywgTWF0RGlhbG9nUmVmIH0gZnJvbSAnQGFuZ3VsYXIvbWF0ZXJpYWwvZGlhbG9nJztcbmltcG9ydCB7IERpYWxvZ09wdGlvbnMgfSBmcm9tICcuLi9pbnRlcmZhY2VzL2RpYWxvZ3MuaW50ZXJmYWNlJztcbmltcG9ydCBBbGVydERpYWxvZ0NvbXBvbmVudCBmcm9tICcuLi9jb21wb25lbnRzL2RpYWxvZ3MvYWxlcnQtZGlhbG9nL2FsZXJ0LWRpYWxvZy5jb21wb25lbnQnO1xuaW1wb3J0IENvbmZpcm1EaWFsb2dDb21wb25lbnQgZnJvbSAnLi4vY29tcG9uZW50cy9kaWFsb2dzL2NvbmZpcm0tZGlhbG9nL2NvbmZpcm0tZGlhbG9nLmNvbXBvbmVudCc7XG5pbXBvcnQgRm9ybURpYWxvZ0NvbXBvbmVudCBmcm9tICcuLi9jb21wb25lbnRzL2RpYWxvZ3MvZm9ybS1kaWFsb2cvZm9ybS1kaWFsb2cuY29tcG9uZW50JztcbmltcG9ydCB7IE9ic2VydmFibGUgfSBmcm9tICdyeGpzJztcblxuQEluamVjdGFibGUoKVxuZXhwb3J0IGRlZmF1bHQgY2xhc3MgRGlhbG9nU2VydmljZSB7XG4gIHByaXZhdGUgZGlhbG9nOiBNYXREaWFsb2cgPSBpbmplY3QoTWF0RGlhbG9nKTtcblxuICBwdWJsaWMgY29uZmlybShvcHRpb25zOiBEaWFsb2dPcHRpb25zKTogT2JzZXJ2YWJsZTxib29sZWFuPiB7XG4gICAgY29uc3QgZGlhbG9nUmVmOiBNYXREaWFsb2dSZWY8Q29uZmlybURpYWxvZ0NvbXBvbmVudD4gPSB0aGlzLmRpYWxvZy5vcGVuKFxuICAgICAgQ29uZmlybURpYWxvZ0NvbXBvbmVudFxuICAgICk7XG5cbiAgICBkaWFsb2dSZWYuY29tcG9uZW50SW5zdGFuY2UudGl0bGUuc2V0KG9wdGlvbnMudGl0bGUpO1xuICAgIGRpYWxvZ1JlZi5jb21wb25lbnRJbnN0YW5jZS5jb250ZW50LnNldChvcHRpb25zLmNvbnRlbnQpO1xuICAgIGRpYWxvZ1JlZi5jb21wb25lbnRJbnN0YW5jZS5vay5zZXQob3B0aW9ucy5vayk7XG4gICAgaWYgKG9wdGlvbnMuY2FuY2VsICE9PSB1bmRlZmluZWQpIHtcbiAgICAgIGRpYWxvZ1JlZi5jb21wb25lbnRJbnN0YW5jZS5jYW5jZWwuc2V0KG9wdGlvbnMuY2FuY2VsKTtcbiAgICB9XG5cbiAgICByZXR1cm4gZGlhbG9nUmVmLmFmdGVyQ2xvc2VkKCk7XG4gIH1cblxuICBwdWJsaWMgYWxlcnQob3B0aW9uczogRGlhbG9nT3B0aW9ucyk6IE9ic2VydmFibGU8Ym9vbGVhbj4ge1xuICAgIGNvbnN0IGRpYWxvZ1JlZjogTWF0RGlhbG9nUmVmPEFsZXJ0RGlhbG9nQ29tcG9uZW50PiA9XG4gICAgICB0aGlzLmRpYWxvZy5vcGVuKEFsZXJ0RGlhbG9nQ29tcG9uZW50KTtcblxuICAgIGRpYWxvZ1JlZi5jb21wb25lbnRJbnN0YW5jZS50aXRsZS5zZXQob3B0aW9ucy50aXRsZSk7XG4gICAgZGlhbG9nUmVmLmNvbXBvbmVudEluc3RhbmNlLmNvbnRlbnQuc2V0KG9wdGlvbnMuY29udGVudCk7XG4gICAgZGlhbG9nUmVmLmNvbXBvbmVudEluc3RhbmNlLm9rLnNldChvcHRpb25zLm9rKTtcblxuICAgIHJldHVybiBkaWFsb2dSZWYuYWZ0ZXJDbG9zZWQoKTtcbiAgfVxuXG4gIHB1YmxpYyBmb3JtKG9wdGlvbnM6IERpYWxvZ09wdGlvbnMpOiBPYnNlcnZhYmxlPERpYWxvZ09wdGlvbnM+IHtcbiAgICBjb25zdCBkaWFsb2dSZWY6IE1hdERpYWxvZ1JlZjxGb3JtRGlhbG9nQ29tcG9uZW50PiA9XG4gICAgICB0aGlzLmRpYWxvZy5vcGVuKEZvcm1EaWFsb2dDb21wb25lbnQpO1xuXG4gICAgZGlhbG9nUmVmLmNvbXBvbmVudEluc3RhbmNlLnRpdGxlLnNldChvcHRpb25zLnRpdGxlKTtcbiAgICBkaWFsb2dSZWYuY29tcG9uZW50SW5zdGFuY2UuY29udGVudC5zZXQob3B0aW9ucy5jb250ZW50KTtcbiAgICBkaWFsb2dSZWYuY29tcG9uZW50SW5zdGFuY2Uub2suc2V0KG9wdGlvbnMub2spO1xuICAgIGlmIChvcHRpb25zLmNhbmNlbCAhPT0gdW5kZWZpbmVkKSB7XG4gICAgICBkaWFsb2dSZWYuY29tcG9uZW50SW5zdGFuY2UuY2FuY2VsLnNldChvcHRpb25zLmNhbmNlbCk7XG4gICAgfVxuICAgIGlmIChvcHRpb25zLmZpZWxkcyAhPT0gdW5kZWZpbmVkKSB7XG4gICAgICBkaWFsb2dSZWYuY29tcG9uZW50SW5zdGFuY2UuZmllbGRzLnNldChvcHRpb25zLmZpZWxkcyk7XG4gICAgfVxuXG4gICAgcmV0dXJuIGRpYWxvZ1JlZi5hZnRlckNsb3NlZCgpO1xuICB9XG59XG4iXX0=

package/esm2022/lib/services/overlay.service.mjs

@@ -0,0 +1,40 @@
+import { Overlay, OverlayConfig } from '@angular/cdk/overlay';
+import { ComponentPortal } from '@angular/cdk/portal';
+import { inject, Injectable, Injector } from '@angular/core';
+import CustomOverlayRef from '../model/custom-overlay-ref.model';
+import OverlayComponent from '../components/overlay/overlay.component';
+import * as i0 from "@angular/core";
+export default class OverlayService {
+    overlay = inject(Overlay);
+    injector = inject(Injector);
+    open(content, data, panelCssClasses = [], closeOnBackdropCLick = true) {
+        const _panelCssClasses = ['modal-panel', 'is-active'].concat(panelCssClasses);
+        const config = new OverlayConfig({
+            hasBackdrop: true,
+            panelClass: _panelCssClasses,
+            backdropClass: 'modal-background',
+            width: '100%',
+            height: '100%',
+        });
+        const overlayRef = this.overlay.create(config);
+        const customOverlayRef = new CustomOverlayRef(overlayRef, content, data, closeOnBackdropCLick);
+        const injector = this.createInjector(customOverlayRef, this.injector);
+        overlayRef.attach(new ComponentPortal(OverlayComponent, null, injector));
+        return customOverlayRef;
+    }
+    createInjector(ref, inj) {
+        return Injector.create({
+            providers: [{ provide: CustomOverlayRef, useValue: ref }],
+            parent: inj,
+        });
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.12", ngImport: i0, type: OverlayService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.2.12", ngImport: i0, type: OverlayService, providedIn: 'root' });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.12", ngImport: i0, type: OverlayService, decorators: [{
+            type: Injectable,
+            args: [{
+                    providedIn: 'root',
+                }]
+        }] });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoib3ZlcmxheS5zZXJ2aWNlLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvb3N1bWktYW5ndWxhci10b29scy9zcmMvbGliL3NlcnZpY2VzL292ZXJsYXkuc2VydmljZS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsT0FBTyxFQUFFLGFBQWEsRUFBRSxNQUFNLHNCQUFzQixDQUFDO0FBQzlELE9BQU8sRUFBRSxlQUFlLEVBQUUsTUFBTSxxQkFBcUIsQ0FBQztBQUN0RCxPQUFPLEVBQUUsTUFBTSxFQUFFLFVBQVUsRUFBRSxRQUFRLEVBQVEsTUFBTSxlQUFlLENBQUM7QUFFbkUsT0FBTyxnQkFBZ0IsTUFBTSxtQ0FBbUMsQ0FBQztBQUNqRSxPQUFPLGdCQUFnQixNQUFNLHlDQUF5QyxDQUFDOztBQUt2RSxNQUFNLENBQUMsT0FBTyxPQUFPLGNBQWM7SUFDekIsT0FBTyxHQUFZLE1BQU0sQ0FBQyxPQUFPLENBQUMsQ0FBQztJQUNuQyxRQUFRLEdBQWEsTUFBTSxDQUFDLFFBQVEsQ0FBQyxDQUFDO0lBRTlDLElBQUksQ0FDRixPQUFrQixFQUNsQixJQUFXLEVBQ1gsa0JBQTRCLEVBQUUsRUFDOUIsdUJBQWdDLElBQUk7UUFFcEMsTUFBTSxnQkFBZ0IsR0FBYSxDQUFDLGFBQWEsRUFBRSxXQUFXLENBQUMsQ0FBQyxNQUFNLENBQ3BFLGVBQWUsQ0FDaEIsQ0FBQztRQUNGLE1BQU0sTUFBTSxHQUFHLElBQUksYUFBYSxDQUFDO1lBQy9CLFdBQVcsRUFBRSxJQUFJO1lBQ2pCLFVBQVUsRUFBRSxnQkFBZ0I7WUFDNUIsYUFBYSxFQUFFLGtCQUFrQjtZQUNqQyxLQUFLLEVBQUUsTUFBTTtZQUNiLE1BQU0sRUFBRSxNQUFNO1NBQ2YsQ0FBQyxDQUFDO1FBRUgsTUFBTSxVQUFVLEdBQUcsSUFBSSxDQUFDLE9BQU8sQ0FBQyxNQUFNLENBQUMsTUFBTSxDQUFDLENBQUM7UUFFL0MsTUFBTSxnQkFBZ0IsR0FBRyxJQUFJLGdCQUFnQixDQUMzQyxVQUFVLEVBQ1YsT0FBTyxFQUNQLElBQUksRUFDSixvQkFBb0IsQ0FDckIsQ0FBQztRQUNGLE1BQU0sUUFBUSxHQUFHLElBQUksQ0FBQyxjQUFjLENBQUMsZ0JBQWdCLEVBQUUsSUFBSSxDQUFDLFFBQVEsQ0FBQyxDQUFDO1FBQ3RFLFVBQVUsQ0FBQyxNQUFNLENBQUMsSUFBSSxlQUFlLENBQUMsZ0JBQWdCLEVBQUUsSUFBSSxFQUFFLFFBQVEsQ0FBQyxDQUFDLENBQUM7UUFFekUsT0FBTyxnQkFBZ0IsQ0FBQztJQUMxQixDQUFDO0lBRU8sY0FBYyxDQUFDLEdBQXFCLEVBQUUsR0FBYTtRQUN6RCxPQUFPLFFBQVEsQ0FBQyxNQUFNLENBQUM7WUFDckIsU0FBUyxFQUFFLENBQUMsRUFBRSxPQUFPLEVBQUUsZ0JBQWdCLEVBQUUsUUFBUSxFQUFFLEdBQUcsRUFBRSxDQUFDO1lBQ3pELE1BQU0sRUFBRSxHQUFHO1NBQ1osQ0FBQyxDQUFDO0lBQ0wsQ0FBQzt3R0F4Q2tCLGNBQWM7NEdBQWQsY0FBYyxjQUZyQixNQUFNOzs0RkFFQyxjQUFjO2tCQUhsQyxVQUFVO21CQUFDO29CQUNWLFVBQVUsRUFBRSxNQUFNO2lCQUNuQiIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IE92ZXJsYXksIE92ZXJsYXlDb25maWcgfSBmcm9tICdAYW5ndWxhci9jZGsvb3ZlcmxheSc7XG5pbXBvcnQgeyBDb21wb25lbnRQb3J0YWwgfSBmcm9tICdAYW5ndWxhci9jZGsvcG9ydGFsJztcbmltcG9ydCB7IGluamVjdCwgSW5qZWN0YWJsZSwgSW5qZWN0b3IsIFR5cGUgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IE1vZGFsIH0gZnJvbSAnLi4vaW50ZXJmYWNlcy9tb2RhbHMuaW50ZXJmYWNlJztcbmltcG9ydCBDdXN0b21PdmVybGF5UmVmIGZyb20gJy4uL21vZGVsL2N1c3RvbS1vdmVybGF5LXJlZi5tb2RlbCc7XG5pbXBvcnQgT3ZlcmxheUNvbXBvbmVudCBmcm9tICcuLi9jb21wb25lbnRzL292ZXJsYXkvb3ZlcmxheS5jb21wb25lbnQnO1xuXG5ASW5qZWN0YWJsZSh7XG4gIHByb3ZpZGVkSW46ICdyb290Jyxcbn0pXG5leHBvcnQgZGVmYXVsdCBjbGFzcyBPdmVybGF5U2VydmljZSB7XG4gIHByaXZhdGUgb3ZlcmxheTogT3ZlcmxheSA9IGluamVjdChPdmVybGF5KTtcbiAgcHJpdmF0ZSBpbmplY3RvcjogSW5qZWN0b3IgPSBpbmplY3QoSW5qZWN0b3IpO1xuXG4gIG9wZW48UiA9IGFueT4oXG4gICAgY29udGVudDogVHlwZTxhbnk+LFxuICAgIGRhdGE6IE1vZGFsLFxuICAgIHBhbmVsQ3NzQ2xhc3Nlczogc3RyaW5nW10gPSBbXSxcbiAgICBjbG9zZU9uQmFja2Ryb3BDTGljazogYm9vbGVhbiA9IHRydWVcbiAgKTogQ3VzdG9tT3ZlcmxheVJlZjxSPiB7XG4gICAgY29uc3QgX3BhbmVsQ3NzQ2xhc3Nlczogc3RyaW5nW10gPSBbJ21vZGFsLXBhbmVsJywgJ2lzLWFjdGl2ZSddLmNvbmNhdChcbiAgICAgIHBhbmVsQ3NzQ2xhc3Nlc1xuICAgICk7XG4gICAgY29uc3QgY29uZmlnID0gbmV3IE92ZXJsYXlDb25maWcoe1xuICAgICAgaGFzQmFja2Ryb3A6IHRydWUsXG4gICAgICBwYW5lbENsYXNzOiBfcGFuZWxDc3NDbGFzc2VzLFxuICAgICAgYmFja2Ryb3BDbGFzczogJ21vZGFsLWJhY2tncm91bmQnLFxuICAgICAgd2lkdGg6ICcxMDAlJyxcbiAgICAgIGhlaWdodDogJzEwMCUnLFxuICAgIH0pO1xuXG4gICAgY29uc3Qgb3ZlcmxheVJlZiA9IHRoaXMub3ZlcmxheS5jcmVhdGUoY29uZmlnKTtcblxuICAgIGNvbnN0IGN1c3RvbU92ZXJsYXlSZWYgPSBuZXcgQ3VzdG9tT3ZlcmxheVJlZihcbiAgICAgIG92ZXJsYXlSZWYsXG4gICAgICBjb250ZW50LFxuICAgICAgZGF0YSxcbiAgICAgIGNsb3NlT25CYWNrZHJvcENMaWNrXG4gICAgKTtcbiAgICBjb25zdCBpbmplY3RvciA9IHRoaXMuY3JlYXRlSW5qZWN0b3IoY3VzdG9tT3ZlcmxheVJlZiwgdGhpcy5pbmplY3Rvcik7XG4gICAgb3ZlcmxheVJlZi5hdHRhY2gobmV3IENvbXBvbmVudFBvcnRhbChPdmVybGF5Q29tcG9uZW50LCBudWxsLCBpbmplY3RvcikpO1xuXG4gICAgcmV0dXJuIGN1c3RvbU92ZXJsYXlSZWY7XG4gIH1cblxuICBwcml2YXRlIGNyZWF0ZUluamVjdG9yKHJlZjogQ3VzdG9tT3ZlcmxheVJlZiwgaW5qOiBJbmplY3Rvcik6IEluamVjdG9yIHtcbiAgICByZXR1cm4gSW5qZWN0b3IuY3JlYXRlKHtcbiAgICAgIHByb3ZpZGVyczogW3sgcHJvdmlkZTogQ3VzdG9tT3ZlcmxheVJlZiwgdXNlVmFsdWU6IHJlZiB9XSxcbiAgICAgIHBhcmVudDogaW5qLFxuICAgIH0pO1xuICB9XG59XG4iXX0=

package/esm2022/osumi-angular-tools.mjs

@@ -0,0 +1,5 @@
+/**
+ * Generated bundle index. Do not edit.
+ */
+export * from './public-api';
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoib3N1bWktYW5ndWxhci10b29scy5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3Byb2plY3RzL29zdW1pLWFuZ3VsYXItdG9vbHMvc3JjL29zdW1pLWFuZ3VsYXItdG9vbHMudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUE7O0dBRUc7QUFFSCxjQUFjLGNBQWMsQ0FBQyIsInNvdXJjZXNDb250ZW50IjpbIi8qKlxuICogR2VuZXJhdGVkIGJ1bmRsZSBpbmRleC4gRG8gbm90IGVkaXQuXG4gKi9cblxuZXhwb3J0ICogZnJvbSAnLi9wdWJsaWMtYXBpJztcbiJdfQ==

package/esm2022/public-api.mjs

@@ -0,0 +1,13 @@
+/*
+ * Public API Surface of osumi-angular-tools
+ */
+export * from './lib/interfaces/dialogs.interface';
+export * from './lib/interfaces/modals.interface';
+export * from './lib/components/dialogs/alert-dialog/alert-dialog.component';
+export * from './lib/components/dialogs/confirm-dialog/confirm-dialog.component';
+export * from './lib/components/dialogs/form-dialog/form-dialog.component';
+export * from './lib/components/overlay/overlay.component';
+export * from './lib/model/custom-overlay-ref.model';
+export * from './lib/services/dialog.service';
+export * from './lib/services/overlay.service';
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicHVibGljLWFwaS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3Byb2plY3RzL29zdW1pLWFuZ3VsYXItdG9vbHMvc3JjL3B1YmxpYy1hcGkudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUE7O0dBRUc7QUFDSCxjQUFjLG9DQUFvQyxDQUFDO0FBQ25ELGNBQWMsbUNBQW1DLENBQUM7QUFDbEQsY0FBYyw4REFBOEQsQ0FBQztBQUM3RSxjQUFjLGtFQUFrRSxDQUFDO0FBQ2pGLGNBQWMsNERBQTRELENBQUM7QUFDM0UsY0FBYyw0Q0FBNEMsQ0FBQztBQUMzRCxjQUFjLHNDQUFzQyxDQUFDO0FBQ3JELGNBQWMsK0JBQStCLENBQUM7QUFDOUMsY0FBYyxnQ0FBZ0MsQ0FBQyIsInNvdXJjZXNDb250ZW50IjpbIi8qXG4gKiBQdWJsaWMgQVBJIFN1cmZhY2Ugb2Ygb3N1bWktYW5ndWxhci10b29sc1xuICovXG5leHBvcnQgKiBmcm9tICcuL2xpYi9pbnRlcmZhY2VzL2RpYWxvZ3MuaW50ZXJmYWNlJztcbmV4cG9ydCAqIGZyb20gJy4vbGliL2ludGVyZmFjZXMvbW9kYWxzLmludGVyZmFjZSc7XG5leHBvcnQgKiBmcm9tICcuL2xpYi9jb21wb25lbnRzL2RpYWxvZ3MvYWxlcnQtZGlhbG9nL2FsZXJ0LWRpYWxvZy5jb21wb25lbnQnO1xuZXhwb3J0ICogZnJvbSAnLi9saWIvY29tcG9uZW50cy9kaWFsb2dzL2NvbmZpcm0tZGlhbG9nL2NvbmZpcm0tZGlhbG9nLmNvbXBvbmVudCc7XG5leHBvcnQgKiBmcm9tICcuL2xpYi9jb21wb25lbnRzL2RpYWxvZ3MvZm9ybS1kaWFsb2cvZm9ybS1kaWFsb2cuY29tcG9uZW50JztcbmV4cG9ydCAqIGZyb20gJy4vbGliL2NvbXBvbmVudHMvb3ZlcmxheS9vdmVybGF5LmNvbXBvbmVudCc7XG5leHBvcnQgKiBmcm9tICcuL2xpYi9tb2RlbC9jdXN0b20tb3ZlcmxheS1yZWYubW9kZWwnO1xuZXhwb3J0ICogZnJvbSAnLi9saWIvc2VydmljZXMvZGlhbG9nLnNlcnZpY2UnO1xuZXhwb3J0ICogZnJvbSAnLi9saWIvc2VydmljZXMvb3ZlcmxheS5zZXJ2aWNlJztcbiJdfQ==

package/fesm2022/osumi-angular-tools.mjs

@@ -0,0 +1,208 @@
+import * as i0 from '@angular/core';
+import { inject, signal, Component, Renderer2, Injectable, Injector } from '@angular/core';
+import { MatButton } from '@angular/material/button';
+import { MatDialogRef, MatDialogTitle, MatDialogContent, MatDialogActions, MatDialogClose, MatDialog } from '@angular/material/dialog';
+import * as i1 from '@angular/forms';
+import { FormsModule } from '@angular/forms';
+import { MatFormField, MatLabel, MatHint } from '@angular/material/form-field';
+import { MatInput } from '@angular/material/input';
+import { NgComponentOutlet } from '@angular/common';
+import { MatIcon } from '@angular/material/icon';
+import { Subject } from 'rxjs';
+import { Overlay, OverlayConfig } from '@angular/cdk/overlay';
+import { ComponentPortal } from '@angular/cdk/portal';
+
+class AlertDialogComponent {
+    dialogRef = inject(MatDialogRef);
+    title = signal('');
+    content = signal('');
+    ok = signal('');
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.12", ngImport: i0, type: AlertDialogComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.12", type: AlertDialogComponent, isStandalone: true, selector: "o-alert-dialog", ngImport: i0, template: "<h1 mat-dialog-title>{{ title() }}</h1>\n<div mat-dialog-content>\n\t<p [innerHtml]=\"content()\"></p>\n</div>\n<div mat-dialog-actions\n\t align=\"end\">\n\t<button type=\"button\"\n\t\t\tmat-flat-button\n\t\t\tcolor=\"primary\"\n\t\t\t(click)=\"dialogRef.close(true)\"\n\t\t\tcdkFocusInitial>{{ ok() }}</button>\n</div>\n", dependencies: [{ kind: "directive", type: MatDialogTitle, selector: "[mat-dialog-title], [matDialogTitle]", inputs: ["id"], exportAs: ["matDialogTitle"] }, { kind: "directive", type: MatDialogContent, selector: "[mat-dialog-content], mat-dialog-content, [matDialogContent]" }, { kind: "directive", type: MatDialogActions, selector: "[mat-dialog-actions], mat-dialog-actions, [matDialogActions]", inputs: ["align"] }, { kind: "component", type: MatButton, selector: "    button[mat-button], button[mat-raised-button], button[mat-flat-button],    button[mat-stroked-button]  ", exportAs: ["matButton"] }] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.12", ngImport: i0, type: AlertDialogComponent, decorators: [{
+            type: Component,
+            args: [{ standalone: true, selector: 'o-alert-dialog', imports: [MatDialogTitle, MatDialogContent, MatDialogActions, MatButton], template: "<h1 mat-dialog-title>{{ title() }}</h1>\n<div mat-dialog-content>\n\t<p [innerHtml]=\"content()\"></p>\n</div>\n<div mat-dialog-actions\n\t align=\"end\">\n\t<button type=\"button\"\n\t\t\tmat-flat-button\n\t\t\tcolor=\"primary\"\n\t\t\t(click)=\"dialogRef.close(true)\"\n\t\t\tcdkFocusInitial>{{ ok() }}</button>\n</div>\n" }]
+        }] });
+
+class ConfirmDialogComponent {
+    dialogRef = inject(MatDialogRef);
+    title = signal('');
+    content = signal('');
+    ok = signal('');
+    cancel = signal('');
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.12", ngImport: i0, type: ConfirmDialogComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.12", type: ConfirmDialogComponent, isStandalone: true, selector: "o-confirm-dialog", ngImport: i0, template: "<h1 mat-dialog-title>{{ title() }}</h1>\n<div mat-dialog-content>\n\t<p>{{ content() }}</p>\n</div>\n<div mat-dialog-actions\n\t align=\"end\">\n\t@if (cancel() !== '') {\n\t<button type=\"button\"\n\t\t\tmat-button\n\t\t\t(click)=\"dialogRef.close()\">{{ cancel() }}</button>\n\t}\n\t<button type=\"button\"\n\t\t\tmat-flat-button\n\t\t\tcolor=\"primary\"\n\t\t\t(click)=\"dialogRef.close(true)\"\n\t\t\tcdkFocusInitial>{{ ok() }}</button>\n</div>\n", dependencies: [{ kind: "directive", type: MatDialogTitle, selector: "[mat-dialog-title], [matDialogTitle]", inputs: ["id"], exportAs: ["matDialogTitle"] }, { kind: "directive", type: MatDialogContent, selector: "[mat-dialog-content], mat-dialog-content, [matDialogContent]" }, { kind: "directive", type: MatDialogActions, selector: "[mat-dialog-actions], mat-dialog-actions, [matDialogActions]", inputs: ["align"] }, { kind: "component", type: MatButton, selector: "    button[mat-button], button[mat-raised-button], button[mat-flat-button],    button[mat-stroked-button]  ", exportAs: ["matButton"] }] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.12", ngImport: i0, type: ConfirmDialogComponent, decorators: [{
+            type: Component,
+            args: [{ standalone: true, selector: 'o-confirm-dialog', imports: [MatDialogTitle, MatDialogContent, MatDialogActions, MatButton], template: "<h1 mat-dialog-title>{{ title() }}</h1>\n<div mat-dialog-content>\n\t<p>{{ content() }}</p>\n</div>\n<div mat-dialog-actions\n\t align=\"end\">\n\t@if (cancel() !== '') {\n\t<button type=\"button\"\n\t\t\tmat-button\n\t\t\t(click)=\"dialogRef.close()\">{{ cancel() }}</button>\n\t}\n\t<button type=\"button\"\n\t\t\tmat-flat-button\n\t\t\tcolor=\"primary\"\n\t\t\t(click)=\"dialogRef.close(true)\"\n\t\t\tcdkFocusInitial>{{ ok() }}</button>\n</div>\n" }]
+        }] });
+
+class FormDialogComponent {
+    dialogRef = inject(MatDialogRef);
+    title = signal('');
+    content = signal('');
+    fields = signal([]);
+    ok = signal('');
+    cancel = signal('');
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.12", ngImport: i0, type: FormDialogComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.12", type: FormDialogComponent, isStandalone: true, selector: "o-form-dialog", ngImport: i0, template: "<h1 mat-dialog-title>{{ title() }}</h1>\n<div mat-dialog-content>\n\t<p class=\"margin-bottom\">{{ content() }}</p>\n\t@for (field of fields(); track field.title) {\n\t<div class=\"form-field margin-right\">\n\t\t<mat-form-field class=\"max-width\">\n\t\t\t<mat-label>{{field.title}}</mat-label>\n\t\t\t<input matInput\n\t\t\t\t   [type]=\"field.type\"\n\t\t\t\t   [(ngModel)]=\"field.value\">\n\t\t\t@if (field.hint) {\n\t\t\t<mat-hint>{{field.hint}}</mat-hint>\n\t\t\t}\n\t\t</mat-form-field>\n\t</div>\n\t}\n</div>\n<div mat-dialog-actions\n\t align=\"end\">\n\t@if (cancel() !== '') {\n\t<button type=\"button\"\n\t\t\tmat-button\n\t\t\t(click)=\"dialogRef.close()\">{{ cancel() }}</button>\n\t}\n\t<button type=\"button\"\n\t\t\tmat-flat-button\n\t\t\tcolor=\"primary\"\n\t\t\t[mat-dialog-close]=\"fields()\"\n\t\t\tcdkFocusInitial>{{ ok() }}</button>\n</div>\n", styles: [".margin-bottom{margin-bottom:16px}\n"], dependencies: [{ kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "directive", type: MatDialogTitle, selector: "[mat-dialog-title], [matDialogTitle]", inputs: ["id"], exportAs: ["matDialogTitle"] }, { kind: "directive", type: MatDialogContent, selector: "[mat-dialog-content], mat-dialog-content, [matDialogContent]" }, { kind: "directive", type: MatDialogActions, selector: "[mat-dialog-actions], mat-dialog-actions, [matDialogActions]", inputs: ["align"] }, { kind: "directive", type: MatDialogClose, selector: "[mat-dialog-close], [matDialogClose]", inputs: ["aria-label", "type", "mat-dialog-close", "matDialogClose"], exportAs: ["matDialogClose"] }, { kind: "component", type: MatFormField, selector: "mat-form-field", inputs: ["hideRequiredMarker", "color", "floatLabel", "appearance", "subscriptSizing", "hintLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: MatLabel, selector: "mat-label" }, { kind: "directive", type: MatHint, selector: "mat-hint", inputs: ["align", "id"] }, { kind: "directive", type: MatInput, selector: "input[matInput], textarea[matInput], select[matNativeControl],      input[matNativeControl], textarea[matNativeControl]", inputs: ["disabled", "id", "placeholder", "name", "required", "type", "errorStateMatcher", "aria-describedby", "value", "readonly"], exportAs: ["matInput"] }, { kind: "component", type: MatButton, selector: "    button[mat-button], button[mat-raised-button], button[mat-flat-button],    button[mat-stroked-button]  ", exportAs: ["matButton"] }] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.12", ngImport: i0, type: FormDialogComponent, decorators: [{
+            type: Component,
+            args: [{ standalone: true, selector: 'o-form-dialog', imports: [
+                        FormsModule,
+                        MatDialogTitle,
+                        MatDialogContent,
+                        MatDialogActions,
+                        MatDialogClose,
+                        MatFormField,
+                        MatLabel,
+                        MatHint,
+                        MatInput,
+                        MatButton,
+                    ], template: "<h1 mat-dialog-title>{{ title() }}</h1>\n<div mat-dialog-content>\n\t<p class=\"margin-bottom\">{{ content() }}</p>\n\t@for (field of fields(); track field.title) {\n\t<div class=\"form-field margin-right\">\n\t\t<mat-form-field class=\"max-width\">\n\t\t\t<mat-label>{{field.title}}</mat-label>\n\t\t\t<input matInput\n\t\t\t\t   [type]=\"field.type\"\n\t\t\t\t   [(ngModel)]=\"field.value\">\n\t\t\t@if (field.hint) {\n\t\t\t<mat-hint>{{field.hint}}</mat-hint>\n\t\t\t}\n\t\t</mat-form-field>\n\t</div>\n\t}\n</div>\n<div mat-dialog-actions\n\t align=\"end\">\n\t@if (cancel() !== '') {\n\t<button type=\"button\"\n\t\t\tmat-button\n\t\t\t(click)=\"dialogRef.close()\">{{ cancel() }}</button>\n\t}\n\t<button type=\"button\"\n\t\t\tmat-flat-button\n\t\t\tcolor=\"primary\"\n\t\t\t[mat-dialog-close]=\"fields()\"\n\t\t\tcdkFocusInitial>{{ ok() }}</button>\n</div>\n", styles: [".margin-bottom{margin-bottom:16px}\n"] }]
+        }] });
+
+// R = Response Data Type, T = Data passed to Modal Type
+class CustomOverlayRef {
+    overlay;
+    content;
+    data;
+    closeOnBackdropCLick;
+    afterClosed$ = new Subject();
+    constructor(overlay, content, data, closeOnBackdropCLick = true) {
+        this.overlay = overlay;
+        this.content = content;
+        this.data = data;
+        this.closeOnBackdropCLick = closeOnBackdropCLick;
+        if (closeOnBackdropCLick) {
+            overlay.backdropClick().subscribe({
+                next: () => {
+                    this._close("backdropClick", null);
+                },
+            });
+        }
+    }
+    close(data) {
+        this._close("close", data);
+    }
+    _close(type, data) {
+        this.overlay.dispose();
+        this.afterClosed$.next({
+            type,
+            data,
+        });
+        this.afterClosed$.complete();
+    }
+}
+
+class OverlayComponent {
+    customOverlayRef = inject(CustomOverlayRef);
+    renderer = inject(Renderer2);
+    content = this.customOverlayRef.content;
+    inputData = { modalTitle: '', modalColor: 'blue' };
+    ngOnInit() {
+        this.listenToEscKey();
+        this.inputData = this.customOverlayRef.data;
+    }
+    listenToEscKey() {
+        this.renderer.listen('window', 'keyup', (event) => {
+            if (event.key === 'Escape') {
+                this.close();
+            }
+        });
+    }
+    close() {
+        this.customOverlayRef.close(null);
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.12", ngImport: i0, type: OverlayComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.12", type: OverlayComponent, isStandalone: true, selector: "o-overlay", ngImport: i0, template: "<div [class]=\"'modal ' + (inputData.css ? inputData.css : '')\">\n\t<div [class]=\"'modal__header modal__header--' + inputData.modalColor\">\n\t\t<div class=\"title\">{{ inputData.modalTitle }}</div>\n\t\t@if (!inputData.hideCloseBtn) {\n\t\t<div class=\"btn-close\"\n\t\t\t (click)=\"close()\">\n\t\t\t<mat-icon>close</mat-icon>\n\t\t</div>\n\t\t}\n\t</div>\n\n\t<div class=\"modal__content\">\n\t\t<ng-container *ngComponentOutlet=\"content\"></ng-container>\n\t</div>\n</div>\n", styles: [":host{width:100%;height:100%;display:flex;justify-content:center;align-items:center}.modal{border-radius:6px;box-shadow:4px 4px 5px 0 var(--modal-bg-color)}.modal__header{border-top-left-radius:6px;border-top-right-radius:6px;display:flex;justify-content:space-between;align-items:center;padding:0 20px;height:48px;font-size:24px;background-color:var(--color-blue);color:#fff}.modal__header .btn-close{cursor:pointer}.modal__header--blue{background-color:var(--main-color)}.modal__header--yellow{background-color:var(--color-yellow);color:var(--color-black)}.modal__header--yellow>.btn-close{color:var(--color-black)}.modal__header--red{background-color:var(--color-red)}.modal__content{padding:20px;border-bottom-left-radius:6px;background-color:var(--color-white);border-bottom-right-radius:6px;height:calc(100% - 48px);overflow-y:auto;box-sizing:border-box}\n"], dependencies: [{ kind: "component", type: MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "directive", type: NgComponentOutlet, selector: "[ngComponentOutlet]", inputs: ["ngComponentOutlet", "ngComponentOutletInputs", "ngComponentOutletInjector", "ngComponentOutletContent", "ngComponentOutletNgModule", "ngComponentOutletNgModuleFactory"] }] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.12", ngImport: i0, type: OverlayComponent, decorators: [{
+            type: Component,
+            args: [{ standalone: true, selector: 'o-overlay', imports: [MatIcon, NgComponentOutlet], template: "<div [class]=\"'modal ' + (inputData.css ? inputData.css : '')\">\n\t<div [class]=\"'modal__header modal__header--' + inputData.modalColor\">\n\t\t<div class=\"title\">{{ inputData.modalTitle }}</div>\n\t\t@if (!inputData.hideCloseBtn) {\n\t\t<div class=\"btn-close\"\n\t\t\t (click)=\"close()\">\n\t\t\t<mat-icon>close</mat-icon>\n\t\t</div>\n\t\t}\n\t</div>\n\n\t<div class=\"modal__content\">\n\t\t<ng-container *ngComponentOutlet=\"content\"></ng-container>\n\t</div>\n</div>\n", styles: [":host{width:100%;height:100%;display:flex;justify-content:center;align-items:center}.modal{border-radius:6px;box-shadow:4px 4px 5px 0 var(--modal-bg-color)}.modal__header{border-top-left-radius:6px;border-top-right-radius:6px;display:flex;justify-content:space-between;align-items:center;padding:0 20px;height:48px;font-size:24px;background-color:var(--color-blue);color:#fff}.modal__header .btn-close{cursor:pointer}.modal__header--blue{background-color:var(--main-color)}.modal__header--yellow{background-color:var(--color-yellow);color:var(--color-black)}.modal__header--yellow>.btn-close{color:var(--color-black)}.modal__header--red{background-color:var(--color-red)}.modal__content{padding:20px;border-bottom-left-radius:6px;background-color:var(--color-white);border-bottom-right-radius:6px;height:calc(100% - 48px);overflow-y:auto;box-sizing:border-box}\n"] }]
+        }] });
+
+class DialogService {
+    dialog = inject(MatDialog);
+    confirm(options) {
+        const dialogRef = this.dialog.open(ConfirmDialogComponent);
+        dialogRef.componentInstance.title.set(options.title);
+        dialogRef.componentInstance.content.set(options.content);
+        dialogRef.componentInstance.ok.set(options.ok);
+        if (options.cancel !== undefined) {
+            dialogRef.componentInstance.cancel.set(options.cancel);
+        }
+        return dialogRef.afterClosed();
+    }
+    alert(options) {
+        const dialogRef = this.dialog.open(AlertDialogComponent);
+        dialogRef.componentInstance.title.set(options.title);
+        dialogRef.componentInstance.content.set(options.content);
+        dialogRef.componentInstance.ok.set(options.ok);
+        return dialogRef.afterClosed();
+    }
+    form(options) {
+        const dialogRef = this.dialog.open(FormDialogComponent);
+        dialogRef.componentInstance.title.set(options.title);
+        dialogRef.componentInstance.content.set(options.content);
+        dialogRef.componentInstance.ok.set(options.ok);
+        if (options.cancel !== undefined) {
+            dialogRef.componentInstance.cancel.set(options.cancel);
+        }
+        if (options.fields !== undefined) {
+            dialogRef.componentInstance.fields.set(options.fields);
+        }
+        return dialogRef.afterClosed();
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.12", ngImport: i0, type: DialogService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.2.12", ngImport: i0, type: DialogService });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.12", ngImport: i0, type: DialogService, decorators: [{
+            type: Injectable
+        }] });
+
+class OverlayService {
+    overlay = inject(Overlay);
+    injector = inject(Injector);
+    open(content, data, panelCssClasses = [], closeOnBackdropCLick = true) {
+        const _panelCssClasses = ['modal-panel', 'is-active'].concat(panelCssClasses);
+        const config = new OverlayConfig({
+            hasBackdrop: true,
+            panelClass: _panelCssClasses,
+            backdropClass: 'modal-background',
+            width: '100%',
+            height: '100%',
+        });
+        const overlayRef = this.overlay.create(config);
+        const customOverlayRef = new CustomOverlayRef(overlayRef, content, data, closeOnBackdropCLick);
+        const injector = this.createInjector(customOverlayRef, this.injector);
+        overlayRef.attach(new ComponentPortal(OverlayComponent, null, injector));
+        return customOverlayRef;
+    }
+    createInjector(ref, inj) {
+        return Injector.create({
+            providers: [{ provide: CustomOverlayRef, useValue: ref }],
+            parent: inj,
+        });
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.12", ngImport: i0, type: OverlayService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.2.12", ngImport: i0, type: OverlayService, providedIn: 'root' });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.12", ngImport: i0, type: OverlayService, decorators: [{
+            type: Injectable,
+            args: [{
+                    providedIn: 'root',
+                }]
+        }] });
+
+/*
+ * Public API Surface of osumi-angular-tools
+ */
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+//# sourceMappingURL=osumi-angular-tools.mjs.map

package/fesm2022/osumi-angular-tools.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"osumi-angular-tools.mjs","sources":["../../../projects/osumi-angular-tools/src/lib/components/dialogs/alert-dialog/alert-dialog.component.ts","../../../projects/osumi-angular-tools/src/lib/components/dialogs/alert-dialog/alert-dialog.component.html","../../../projects/osumi-angular-tools/src/lib/components/dialogs/confirm-dialog/confirm-dialog.component.ts","../../../projects/osumi-angular-tools/src/lib/components/dialogs/confirm-dialog/confirm-dialog.component.html","../../../projects/osumi-angular-tools/src/lib/components/dialogs/form-dialog/form-dialog.component.ts","../../../projects/osumi-angular-tools/src/lib/components/dialogs/form-dialog/form-dialog.component.html","../../../projects/osumi-angular-tools/src/lib/model/custom-overlay-ref.model.ts","../../../projects/osumi-angular-tools/src/lib/components/overlay/overlay.component.ts","../../../projects/osumi-angular-tools/src/lib/components/overlay/overlay.component.html","../../../projects/osumi-angular-tools/src/lib/services/dialog.service.ts","../../../projects/osumi-angular-tools/src/lib/services/overlay.service.ts","../../../projects/osumi-angular-tools/src/public-api.ts","../../../projects/osumi-angular-tools/src/osumi-angular-tools.ts"],"sourcesContent":["import { Component, inject, signal, WritableSignal } from '@angular/core';\nimport { MatButton } from '@angular/material/button';\nimport {\n  MatDialogActions,\n  MatDialogContent,\n  MatDialogRef,\n  MatDialogTitle,\n} from '@angular/material/dialog';\n\n@Component({\n  standalone: true,\n  selector: 'o-alert-dialog',\n  templateUrl: './alert-dialog.component.html',\n  imports: [MatDialogTitle, MatDialogContent, MatDialogActions, MatButton],\n})\nexport default class AlertDialogComponent {\n  public dialogRef: MatDialogRef<AlertDialogComponent> = inject(MatDialogRef);\n\n  public title: WritableSignal<string> = signal<string>('');\n  public content: WritableSignal<string> = signal<string>('');\n  public ok: WritableSignal<string> = signal<string>('');\n}\n","<h1 mat-dialog-title>{{ title() }}</h1>\n<div mat-dialog-content>\n\t<p [innerHtml]=\"content()\"></p>\n</div>\n<div mat-dialog-actions\n\t align=\"end\">\n\t<button type=\"button\"\n\t\t\tmat-flat-button\n\t\t\tcolor=\"primary\"\n\t\t\t(click)=\"dialogRef.close(true)\"\n\t\t\tcdkFocusInitial>{{ ok() }}</button>\n</div>\n","import { Component, inject, signal, WritableSignal } from '@angular/core';\nimport { MatButton } from '@angular/material/button';\nimport {\n  MatDialogActions,\n  MatDialogContent,\n  MatDialogRef,\n  MatDialogTitle,\n} from '@angular/material/dialog';\n\n@Component({\n  standalone: true,\n  selector: 'o-confirm-dialog',\n  templateUrl: './confirm-dialog.component.html',\n  imports: [MatDialogTitle, MatDialogContent, MatDialogActions, MatButton],\n})\nexport default class ConfirmDialogComponent {\n  public dialogRef: MatDialogRef<ConfirmDialogComponent> = inject(MatDialogRef);\n\n  public title: WritableSignal<string> = signal<string>('');\n  public content: WritableSignal<string> = signal<string>('');\n  public ok: WritableSignal<string> = signal<string>('');\n  public cancel: WritableSignal<string> = signal<string>('');\n}\n","<h1 mat-dialog-title>{{ title() }}</h1>\n<div mat-dialog-content>\n\t<p>{{ content() }}</p>\n</div>\n<div mat-dialog-actions\n\t align=\"end\">\n\t@if (cancel() !== '') {\n\t<button type=\"button\"\n\t\t\tmat-button\n\t\t\t(click)=\"dialogRef.close()\">{{ cancel() }}</button>\n\t}\n\t<button type=\"button\"\n\t\t\tmat-flat-button\n\t\t\tcolor=\"primary\"\n\t\t\t(click)=\"dialogRef.close(true)\"\n\t\t\tcdkFocusInitial>{{ ok() }}</button>\n</div>\n","import { Component, inject, signal, WritableSignal } from '@angular/core';\nimport { FormsModule } from '@angular/forms';\nimport { MatButton } from '@angular/material/button';\nimport {\n  MatDialogActions,\n  MatDialogClose,\n  MatDialogContent,\n  MatDialogRef,\n  MatDialogTitle,\n} from '@angular/material/dialog';\nimport { MatFormField, MatHint, MatLabel } from '@angular/material/form-field';\nimport { MatInput } from '@angular/material/input';\nimport { DialogField } from '../../../interfaces/dialogs.interface';\n\n@Component({\n  standalone: true,\n  selector: 'o-form-dialog',\n  templateUrl: './form-dialog.component.html',\n  styleUrls: ['./form-dialog.component.scss'],\n  imports: [\n    FormsModule,\n    MatDialogTitle,\n    MatDialogContent,\n    MatDialogActions,\n    MatDialogClose,\n    MatFormField,\n    MatLabel,\n    MatHint,\n    MatInput,\n    MatButton,\n  ],\n})\nexport default class FormDialogComponent {\n  public dialogRef: MatDialogRef<FormDialogComponent> = inject(MatDialogRef);\n\n  public title: WritableSignal<string> = signal<string>('');\n  public content: WritableSignal<string> = signal<string>('');\n  public fields: WritableSignal<DialogField[]> = signal<DialogField[]>([]);\n  public ok: WritableSignal<string> = signal<string>('');\n  public cancel: WritableSignal<string> = signal<string>('');\n}\n","<h1 mat-dialog-title>{{ title() }}</h1>\n<div mat-dialog-content>\n\t<p class=\"margin-bottom\">{{ content() }}</p>\n\t@for (field of fields(); track field.title) {\n\t<div class=\"form-field margin-right\">\n\t\t<mat-form-field class=\"max-width\">\n\t\t\t<mat-label>{{field.title}}</mat-label>\n\t\t\t<input matInput\n\t\t\t\t   [type]=\"field.type\"\n\t\t\t\t   [(ngModel)]=\"field.value\">\n\t\t\t@if (field.hint) {\n\t\t\t<mat-hint>{{field.hint}}</mat-hint>\n\t\t\t}\n\t\t</mat-form-field>\n\t</div>\n\t}\n</div>\n<div mat-dialog-actions\n\t align=\"end\">\n\t@if (cancel() !== '') {\n\t<button type=\"button\"\n\t\t\tmat-button\n\t\t\t(click)=\"dialogRef.close()\">{{ cancel() }}</button>\n\t}\n\t<button type=\"button\"\n\t\t\tmat-flat-button\n\t\t\tcolor=\"primary\"\n\t\t\t[mat-dialog-close]=\"fields()\"\n\t\t\tcdkFocusInitial>{{ ok() }}</button>\n</div>\n","import { OverlayRef } from \"@angular/cdk/overlay\";\nimport { Type } from \"@angular/core\";\nimport { Subject } from \"rxjs\";\nimport { OverlayCloseEvent } from '../interfaces/modals.interface';\n\n// R = Response Data Type, T = Data passed to Modal Type\nexport default class CustomOverlayRef<R = any, T = any> {\n  afterClosed$ = new Subject<OverlayCloseEvent<R | null>>();\n\n  constructor(\n    public overlay: OverlayRef,\n    public content: Type<any>,\n    public data: T,\n    public closeOnBackdropCLick: boolean = true\n  ) {\n    if (closeOnBackdropCLick) {\n      overlay.backdropClick().subscribe({\n        next: () => {\n          this._close(\"backdropClick\", null);\n        },\n      });\n    }\n  }\n\n  close(data?: any): void {\n    this._close(\"close\", data!);\n  }\n\n  private _close(type: \"backdropClick\" | \"close\", data: R | null): void {\n    this.overlay.dispose();\n    this.afterClosed$.next({\n      type,\n      data,\n    });\n\n    this.afterClosed$.complete();\n  }\n}\n","import { NgComponentOutlet } from '@angular/common';\nimport { Component, inject, OnInit, Renderer2, Type } from '@angular/core';\nimport { MatIcon } from '@angular/material/icon';\nimport { Modal } from '../../interfaces/modals.interface';\nimport CustomOverlayRef from '../../model/custom-overlay-ref.model';\n\n@Component({\n  standalone: true,\n  selector: 'o-overlay',\n  templateUrl: './overlay.component.html',\n  styleUrls: ['./overlay.component.scss'],\n  imports: [MatIcon, NgComponentOutlet],\n})\nexport default class OverlayComponent implements OnInit {\n  private customOverlayRef: CustomOverlayRef<any, Modal> =\n    inject(CustomOverlayRef);\n  private renderer: Renderer2 = inject(Renderer2);\n\n  content: Type<any> = this.customOverlayRef.content;\n  inputData: Modal = { modalTitle: '', modalColor: 'blue' };\n\n  ngOnInit(): void {\n    this.listenToEscKey();\n    this.inputData = this.customOverlayRef.data;\n  }\n\n  private listenToEscKey(): void {\n    this.renderer.listen('window', 'keyup', (event: KeyboardEvent): void => {\n      if (event.key === 'Escape') {\n        this.close();\n      }\n    });\n  }\n\n  close(): void {\n    this.customOverlayRef.close(null);\n  }\n}\n","<div [class]=\"'modal ' + (inputData.css ? inputData.css : '')\">\n\t<div [class]=\"'modal__header modal__header--' + inputData.modalColor\">\n\t\t<div class=\"title\">{{ inputData.modalTitle }}</div>\n\t\t@if (!inputData.hideCloseBtn) {\n\t\t<div class=\"btn-close\"\n\t\t\t (click)=\"close()\">\n\t\t\t<mat-icon>close</mat-icon>\n\t\t</div>\n\t\t}\n\t</div>\n\n\t<div class=\"modal__content\">\n\t\t<ng-container *ngComponentOutlet=\"content\"></ng-container>\n\t</div>\n</div>\n","import { inject, Injectable } from '@angular/core';\nimport { MatDialog, MatDialogRef } from '@angular/material/dialog';\nimport { DialogOptions } from '../interfaces/dialogs.interface';\nimport AlertDialogComponent from '../components/dialogs/alert-dialog/alert-dialog.component';\nimport ConfirmDialogComponent from '../components/dialogs/confirm-dialog/confirm-dialog.component';\nimport FormDialogComponent from '../components/dialogs/form-dialog/form-dialog.component';\nimport { Observable } from 'rxjs';\n\n@Injectable()\nexport default class DialogService {\n  private dialog: MatDialog = inject(MatDialog);\n\n  public confirm(options: DialogOptions): Observable<boolean> {\n    const dialogRef: MatDialogRef<ConfirmDialogComponent> = this.dialog.open(\n      ConfirmDialogComponent\n    );\n\n    dialogRef.componentInstance.title.set(options.title);\n    dialogRef.componentInstance.content.set(options.content);\n    dialogRef.componentInstance.ok.set(options.ok);\n    if (options.cancel !== undefined) {\n      dialogRef.componentInstance.cancel.set(options.cancel);\n    }\n\n    return dialogRef.afterClosed();\n  }\n\n  public alert(options: DialogOptions): Observable<boolean> {\n    const dialogRef: MatDialogRef<AlertDialogComponent> =\n      this.dialog.open(AlertDialogComponent);\n\n    dialogRef.componentInstance.title.set(options.title);\n    dialogRef.componentInstance.content.set(options.content);\n    dialogRef.componentInstance.ok.set(options.ok);\n\n    return dialogRef.afterClosed();\n  }\n\n  public form(options: DialogOptions): Observable<DialogOptions> {\n    const dialogRef: MatDialogRef<FormDialogComponent> =\n      this.dialog.open(FormDialogComponent);\n\n    dialogRef.componentInstance.title.set(options.title);\n    dialogRef.componentInstance.content.set(options.content);\n    dialogRef.componentInstance.ok.set(options.ok);\n    if (options.cancel !== undefined) {\n      dialogRef.componentInstance.cancel.set(options.cancel);\n    }\n    if (options.fields !== undefined) {\n      dialogRef.componentInstance.fields.set(options.fields);\n    }\n\n    return dialogRef.afterClosed();\n  }\n}\n","import { Overlay, OverlayConfig } from '@angular/cdk/overlay';\nimport { ComponentPortal } from '@angular/cdk/portal';\nimport { inject, Injectable, Injector, Type } from '@angular/core';\nimport { Modal } from '../interfaces/modals.interface';\nimport CustomOverlayRef from '../model/custom-overlay-ref.model';\nimport OverlayComponent from '../components/overlay/overlay.component';\n\n@Injectable({\n  providedIn: 'root',\n})\nexport default class OverlayService {\n  private overlay: Overlay = inject(Overlay);\n  private injector: Injector = inject(Injector);\n\n  open<R = any>(\n    content: Type<any>,\n    data: Modal,\n    panelCssClasses: string[] = [],\n    closeOnBackdropCLick: boolean = true\n  ): CustomOverlayRef<R> {\n    const _panelCssClasses: string[] = ['modal-panel', 'is-active'].concat(\n      panelCssClasses\n    );\n    const config = new OverlayConfig({\n      hasBackdrop: true,\n      panelClass: _panelCssClasses,\n      backdropClass: 'modal-background',\n      width: '100%',\n      height: '100%',\n    });\n\n    const overlayRef = this.overlay.create(config);\n\n    const customOverlayRef = new CustomOverlayRef(\n      overlayRef,\n      content,\n      data,\n      closeOnBackdropCLick\n    );\n    const injector = this.createInjector(customOverlayRef, this.injector);\n    overlayRef.attach(new ComponentPortal(OverlayComponent, null, injector));\n\n    return customOverlayRef;\n  }\n\n  private createInjector(ref: CustomOverlayRef, inj: Injector): Injector {\n    return Injector.create({\n      providers: [{ provide: CustomOverlayRef, useValue: ref }],\n      parent: inj,\n    });\n  }\n}\n","/*\n * Public API Surface of osumi-angular-tools\n */\nexport * from './lib/interfaces/dialogs.interface';\nexport * from './lib/interfaces/modals.interface';\nexport * from './lib/components/dialogs/alert-dialog/alert-dialog.component';\nexport * from './lib/components/dialogs/confirm-dialog/confirm-dialog.component';\nexport * from './lib/components/dialogs/form-dialog/form-dialog.component';\nexport * from './lib/components/overlay/overlay.component';\nexport * from './lib/model/custom-overlay-ref.model';\nexport * from './lib/services/dialog.service';\nexport * from './lib/services/overlay.service';\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":"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"}

package/index.d.ts

@@ -0,0 +1,5 @@
+/**
+ * Generated bundle index. Do not edit.
+ */
+/// <amd-module name="@osumi/angular-tools" />
+export * from './public-api';

package/lib/components/dialogs/alert-dialog/alert-dialog.component.d.ts

@@ -0,0 +1,11 @@
+import { WritableSignal } from '@angular/core';
+import { MatDialogRef } from '@angular/material/dialog';
+import * as i0 from "@angular/core";
+export default class AlertDialogComponent {
+    dialogRef: MatDialogRef<AlertDialogComponent>;
+    title: WritableSignal<string>;
+    content: WritableSignal<string>;
+    ok: WritableSignal<string>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<AlertDialogComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<AlertDialogComponent, "o-alert-dialog", never, {}, {}, never, never, true, never>;
+}

package/lib/components/dialogs/confirm-dialog/confirm-dialog.component.d.ts

@@ -0,0 +1,12 @@
+import { WritableSignal } from '@angular/core';
+import { MatDialogRef } from '@angular/material/dialog';
+import * as i0 from "@angular/core";
+export default class ConfirmDialogComponent {
+    dialogRef: MatDialogRef<ConfirmDialogComponent>;
+    title: WritableSignal<string>;
+    content: WritableSignal<string>;
+    ok: WritableSignal<string>;
+    cancel: WritableSignal<string>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<ConfirmDialogComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ConfirmDialogComponent, "o-confirm-dialog", never, {}, {}, never, never, true, never>;
+}

package/lib/components/dialogs/form-dialog/form-dialog.component.d.ts

@@ -0,0 +1,14 @@
+import { WritableSignal } from '@angular/core';
+import { MatDialogRef } from '@angular/material/dialog';
+import { DialogField } from '../../../interfaces/dialogs.interface';
+import * as i0 from "@angular/core";
+export default class FormDialogComponent {
+    dialogRef: MatDialogRef<FormDialogComponent>;
+    title: WritableSignal<string>;
+    content: WritableSignal<string>;
+    fields: WritableSignal<DialogField[]>;
+    ok: WritableSignal<string>;
+    cancel: WritableSignal<string>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<FormDialogComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<FormDialogComponent, "o-form-dialog", never, {}, {}, never, never, true, never>;
+}

package/lib/components/overlay/overlay.component.d.ts

@@ -0,0 +1,14 @@
+import { OnInit, Type } from '@angular/core';
+import { Modal } from '../../interfaces/modals.interface';
+import * as i0 from "@angular/core";
+export default class OverlayComponent implements OnInit {
+    private customOverlayRef;
+    private renderer;
+    content: Type<any>;
+    inputData: Modal;
+    ngOnInit(): void;
+    private listenToEscKey;
+    close(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<OverlayComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<OverlayComponent, "o-overlay", never, {}, {}, never, never, true, never>;
+}

package/lib/interfaces/dialogs.interface.d.ts

@@ -0,0 +1,13 @@
+export interface DialogField {
+    title: string;
+    type: string;
+    value: string;
+    hint?: string;
+}
+export interface DialogOptions {
+    title: string;
+    content: string;
+    fields?: DialogField[];
+    ok: string;
+    cancel?: string;
+}

package/lib/interfaces/modals.interface.d.ts

@@ -0,0 +1,10 @@
+export interface Modal {
+    modalColor: 'blue' | 'yellow' | 'red';
+    modalTitle: string;
+    css?: string;
+    hideCloseBtn?: boolean;
+}
+export interface OverlayCloseEvent<R> {
+    type: "backdropClick" | "close";
+    data: R;
+}

package/lib/model/custom-overlay-ref.model.d.ts

@@ -0,0 +1,14 @@
+import { OverlayRef } from "@angular/cdk/overlay";
+import { Type } from "@angular/core";
+import { Subject } from "rxjs";
+import { OverlayCloseEvent } from '../interfaces/modals.interface';
+export default class CustomOverlayRef<R = any, T = any> {
+    overlay: OverlayRef;
+    content: Type<any>;
+    data: T;
+    closeOnBackdropCLick: boolean;
+    afterClosed$: Subject<OverlayCloseEvent<R | null>>;
+    constructor(overlay: OverlayRef, content: Type<any>, data: T, closeOnBackdropCLick?: boolean);
+    close(data?: any): void;
+    private _close;
+}

package/lib/services/dialog.service.d.ts

@@ -0,0 +1,11 @@
+import { DialogOptions } from '../interfaces/dialogs.interface';
+import { Observable } from 'rxjs';
+import * as i0 from "@angular/core";
+export default class DialogService {
+    private dialog;
+    confirm(options: DialogOptions): Observable<boolean>;
+    alert(options: DialogOptions): Observable<boolean>;
+    form(options: DialogOptions): Observable<DialogOptions>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<DialogService, never>;
+    static ɵprov: i0.ɵɵInjectableDeclaration<DialogService>;
+}

package/lib/services/overlay.service.d.ts

@@ -0,0 +1,12 @@
+import { Type } from '@angular/core';
+import { Modal } from '../interfaces/modals.interface';
+import CustomOverlayRef from '../model/custom-overlay-ref.model';
+import * as i0 from "@angular/core";
+export default class OverlayService {
+    private overlay;
+    private injector;
+    open<R = any>(content: Type<any>, data: Modal, panelCssClasses?: string[], closeOnBackdropCLick?: boolean): CustomOverlayRef<R>;
+    private createInjector;
+    static ɵfac: i0.ɵɵFactoryDeclaration<OverlayService, never>;
+    static ɵprov: i0.ɵɵInjectableDeclaration<OverlayService>;
+}

package/package.json

@@ -0,0 +1,42 @@
+{
+  "name": "@osumi/angular-tools",
+  "version": "1.0.0",
+  "description": "Tools to be used on Angular projects.",
+  "author": "Iñigo Gorosabel",
+  "license": "MIT",
+  "bugs": {
+    "url": "https://github.com/osumionline/Osumi-Angular-Tools/issues"
+  },
+  "homepage": "https://github.com/osumionline/Osumi-Angular-Tools#readme",
+  "main": "fesm2022/osumi-angular-tools.mjs",
+  "module": "fesm2022/osumi-angular-tools.mjs",
+  "types": "index.d.ts",
+  "peerDependencies": {
+    "@angular/common": "^18.2.0",
+    "@angular/core": "^18.2.0",
+    "@angular/forms": "^18.2.0",
+    "@angular/material": "^18.2.0",
+    "@angular/cdk": "^18.2.0",
+    "rxjs": "~7.8.0"
+  },
+  "dependencies": {
+    "tslib": "^2.3.0"
+  },
+  "sideEffects": false,
+  "private": false,
+  "publishConfig": {
+    "access": "public"
+  },
+  "typings": "index.d.ts",
+  "exports": {
+    "./package.json": {
+      "default": "./package.json"
+    },
+    ".": {
+      "types": "./index.d.ts",
+      "esm2022": "./esm2022/osumi-angular-tools.mjs",
+      "esm": "./esm2022/osumi-angular-tools.mjs",
+      "default": "./fesm2022/osumi-angular-tools.mjs"
+    }
+  }
+}

package/public-api.d.ts

@@ -0,0 +1,9 @@
+export * from './lib/interfaces/dialogs.interface';
+export * from './lib/interfaces/modals.interface';
+export * from './lib/components/dialogs/alert-dialog/alert-dialog.component';
+export * from './lib/components/dialogs/confirm-dialog/confirm-dialog.component';
+export * from './lib/components/dialogs/form-dialog/form-dialog.component';
+export * from './lib/components/overlay/overlay.component';
+export * from './lib/model/custom-overlay-ref.model';
+export * from './lib/services/dialog.service';
+export * from './lib/services/overlay.service';