@koalarx/ui 12.7.19 → 13.0.0

package/dialog/esm2020/lib/koala.dialog.service.mjs

@@ -0,0 +1,57 @@
+import { Injectable } from '@angular/core';
+import { randomString } from "@koalarx/utils/operators/string";
+import * as i0 from "@angular/core";
+import * as i1 from "@angular/material/dialog";
+import * as i2 from "ngx-device-detector";
+export class KoalaDialogService {
+    constructor(dialog, deviceService) {
+        this.dialog = dialog;
+        this.deviceService = deviceService;
+    }
+    open(dialogComponent, size, data, triggerBeforeClosed = false, beforeClosed) {
+        const dialogRef = this.dialog.open(dialogComponent, this.dialogTemplate(data)[this.deviceService.isMobile() ? 'mobile' : size]);
+        dialogRef.afterOpened().subscribe(() => {
+            history.pushState(null, '', location.href);
+            return false;
+        });
+        dialogRef.beforeClosed().subscribe(event => {
+            if ((triggerBeforeClosed && event === triggerBeforeClosed) ||
+                (typeof triggerBeforeClosed == 'object' && typeof event == 'object')) {
+                if (beforeClosed) {
+                    beforeClosed(event);
+                }
+            }
+        });
+        dialogRef.keydownEvents().subscribe(event => {
+            if (event.key === 'Escape') {
+                dialogRef.close({ closeOnNavigation: true });
+            }
+        });
+    }
+    dialogTemplate(data = null) {
+        let dialogElementId = "dialog-" + randomString(10);
+        return {
+            auto: { id: dialogElementId, panelClass: ['koala-dialog', 'auto'], disableClose: true, data },
+            small: { id: dialogElementId, panelClass: ['koala-dialog', 'small'], disableClose: true, data },
+            normal: { id: dialogElementId, panelClass: ['koala-dialog', 'normal'], disableClose: true, data },
+            big: { id: dialogElementId, panelClass: ['koala-dialog', 'big'], disableClose: true, data },
+            fullScreen: { id: dialogElementId, panelClass: ['koala-dialog'], disableClose: true, data },
+            mobile: {
+                id: dialogElementId,
+                autoFocus: false,
+                panelClass: ["koala-dialog", 'mobile'],
+                width: '100vw',
+                maxWidth: '100vw',
+                maxHeight: '90vh',
+                data
+            }
+        };
+    }
+}
+KoalaDialogService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.0.2", ngImport: i0, type: KoalaDialogService, deps: [{ token: i1.MatDialog }, { token: i2.DeviceDetectorService }], target: i0.ɵɵFactoryTarget.Injectable });
+KoalaDialogService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "13.0.2", ngImport: i0, type: KoalaDialogService, providedIn: "any" });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.0.2", ngImport: i0, type: KoalaDialogService, decorators: [{
+            type: Injectable,
+            args: [{ providedIn: "any" }]
+        }], ctorParameters: function () { return [{ type: i1.MatDialog }, { type: i2.DeviceDetectorService }]; } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoia29hbGEuZGlhbG9nLnNlcnZpY2UuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9wcm9qZWN0cy9kaWFsb2cvc3JjL2xpYi9rb2FsYS5kaWFsb2cuc2VydmljZS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsVUFBVSxFQUFFLE1BQU0sZUFBZSxDQUFDO0FBSzNDLE9BQU8sRUFBRSxZQUFZLEVBQUUsTUFBTSxpQ0FBaUMsQ0FBQzs7OztBQUsvRCxNQUFNLE9BQU8sa0JBQWtCO0lBRTdCLFlBQ1UsTUFBaUIsRUFDakIsYUFBb0M7UUFEcEMsV0FBTSxHQUFOLE1BQU0sQ0FBVztRQUNqQixrQkFBYSxHQUFiLGFBQWEsQ0FBdUI7SUFDOUMsQ0FBQztJQUVNLElBQUksQ0FDVCxlQUFpQyxFQUNqQyxJQUF5QixFQUN6QixJQUFVLEVBQ1Ysc0JBQWlELEtBQUssRUFDdEQsWUFBb0M7UUFFcEMsTUFBTSxTQUFTLEdBQUcsSUFBSSxDQUFDLE1BQU0sQ0FBQyxJQUFJLENBQUMsZUFBZSxFQUFFLElBQUksQ0FBQyxjQUFjLENBQUMsSUFBSSxDQUFDLENBQUMsSUFBSSxDQUFDLGFBQWEsQ0FBQyxRQUFRLEVBQUUsQ0FBQyxDQUFDLENBQUMsUUFBUSxDQUFDLENBQUMsQ0FBQyxJQUFJLENBQUMsQ0FBQyxDQUFBO1FBQy9ILFNBQVMsQ0FBQyxXQUFXLEVBQUUsQ0FBQyxTQUFTLENBQUMsR0FBRyxFQUFFO1lBQ3JDLE9BQU8sQ0FBQyxTQUFTLENBQUMsSUFBSSxFQUFFLEVBQUUsRUFBRSxRQUFRLENBQUMsSUFBSSxDQUFDLENBQUM7WUFDM0MsT0FBTyxLQUFLLENBQUM7UUFDZixDQUFDLENBQUMsQ0FBQztRQUNILFNBQVMsQ0FBQyxZQUFZLEVBQUUsQ0FBQyxTQUFTLENBQUMsS0FBSyxDQUFDLEVBQUU7WUFDekMsSUFBSSxDQUFDLG1CQUFtQixJQUFJLEtBQUssS0FBSyxtQkFBbUIsQ0FBQztnQkFDeEQsQ0FBQyxPQUFPLG1CQUFtQixJQUFJLFFBQVEsSUFBSSxPQUFPLEtBQUssSUFBSSxRQUFRLENBQUMsRUFDcEU7Z0JBQ0EsSUFBSSxZQUFZLEVBQUU7b0JBQ2hCLFlBQVksQ0FBQyxLQUFLLENBQUMsQ0FBQztpQkFDckI7YUFDRjtRQUNILENBQUMsQ0FBQyxDQUFDO1FBQ0gsU0FBUyxDQUFDLGFBQWEsRUFBRSxDQUFDLFNBQVMsQ0FBQyxLQUFLLENBQUMsRUFBRTtZQUMxQyxJQUFJLEtBQUssQ0FBQyxHQUFHLEtBQUssUUFBUSxFQUFFO2dCQUMxQixTQUFTLENBQUMsS0FBSyxDQUFDLEVBQUMsaUJBQWlCLEVBQUUsSUFBSSxFQUFDLENBQUMsQ0FBQTthQUMzQztRQUNILENBQUMsQ0FBQyxDQUFDO0lBQ0wsQ0FBQztJQUVPLGNBQWMsQ0FBQyxPQUFZLElBQUk7UUFDckMsSUFBSSxlQUFlLEdBQUcsU0FBUyxHQUFHLFlBQVksQ0FBQyxFQUFFLENBQUMsQ0FBQztRQUVuRCxPQUFPO1lBQ0wsSUFBSSxFQUFFLEVBQUMsRUFBRSxFQUFFLGVBQWUsRUFBRSxVQUFVLEVBQUUsQ0FBQyxjQUFjLEVBQUUsTUFBTSxDQUFDLEVBQUUsWUFBWSxFQUFFLElBQUksRUFBRSxJQUFJLEVBQUM7WUFDM0YsS0FBSyxFQUFFLEVBQUMsRUFBRSxFQUFFLGVBQWUsRUFBRSxVQUFVLEVBQUUsQ0FBQyxjQUFjLEVBQUUsT0FBTyxDQUFDLEVBQUUsWUFBWSxFQUFFLElBQUksRUFBRSxJQUFJLEVBQUM7WUFDN0YsTUFBTSxFQUFFLEVBQUMsRUFBRSxFQUFFLGVBQWUsRUFBRSxVQUFVLEVBQUUsQ0FBQyxjQUFjLEVBQUUsUUFBUSxDQUFDLEVBQUUsWUFBWSxFQUFFLElBQUksRUFBRSxJQUFJLEVBQUM7WUFDL0YsR0FBRyxFQUFFLEVBQUMsRUFBRSxFQUFFLGVBQWUsRUFBRSxVQUFVLEVBQUUsQ0FBQyxjQUFjLEVBQUUsS0FBSyxDQUFDLEVBQUUsWUFBWSxFQUFFLElBQUksRUFBRSxJQUFJLEVBQUM7WUFDekYsVUFBVSxFQUFFLEVBQUMsRUFBRSxFQUFFLGVBQWUsRUFBRSxVQUFVLEVBQUUsQ0FBQyxjQUFjLENBQUMsRUFBRSxZQUFZLEVBQUUsSUFBSSxFQUFFLElBQUksRUFBQztZQUN6RixNQUFNLEVBQUU7Z0JBQ04sRUFBRSxFQUFFLGVBQWU7Z0JBQ25CLFNBQVMsRUFBRSxLQUFLO2dCQUNoQixVQUFVLEVBQUUsQ0FBQyxjQUFjLEVBQUUsUUFBUSxDQUFDO2dCQUN0QyxLQUFLLEVBQUUsT0FBTztnQkFDZCxRQUFRLEVBQUUsT0FBTztnQkFDakIsU0FBUyxFQUFFLE1BQU07Z0JBQ2pCLElBQUk7YUFDTDtTQUNGLENBQUM7SUFDSixDQUFDOzsrR0F0RFUsa0JBQWtCO21IQUFsQixrQkFBa0IsY0FETixLQUFLOzJGQUNqQixrQkFBa0I7a0JBRDlCLFVBQVU7bUJBQUMsRUFBQyxVQUFVLEVBQUUsS0FBSyxFQUFDIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgSW5qZWN0YWJsZSB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgTWF0RGlhbG9nIH0gZnJvbSAnQGFuZ3VsYXIvbWF0ZXJpYWwvZGlhbG9nJztcbmltcG9ydCB7IEtvYWxhRGlhbG9nVGVtcGxhdGVJbnRlcmZhY2UgfSBmcm9tICcuL2tvYWxhLmRpYWxvZy10ZW1wbGF0ZS5pbnRlcmZhY2UnO1xuaW1wb3J0IHsgQ29tcG9uZW50VHlwZSB9IGZyb20gJ0Bhbmd1bGFyL2Nkay9vdmVybGF5JztcbmltcG9ydCB7IERldmljZURldGVjdG9yU2VydmljZSB9IGZyb20gXCJuZ3gtZGV2aWNlLWRldGVjdG9yXCI7XG5pbXBvcnQgeyByYW5kb21TdHJpbmcgfSBmcm9tIFwiQGtvYWxhcngvdXRpbHMvb3BlcmF0b3JzL3N0cmluZ1wiO1xuXG5leHBvcnQgdHlwZSBLb2FsYURpYWxvZ1NpemVUeXBlID0gJ2F1dG8nIHwgJ3NtYWxsJyB8ICdub3JtYWwnIHwgJ2JpZycgfCAnbW9iaWxlJztcblxuQEluamVjdGFibGUoe3Byb3ZpZGVkSW46IFwiYW55XCJ9KVxuZXhwb3J0IGNsYXNzIEtvYWxhRGlhbG9nU2VydmljZSB7XG5cbiAgY29uc3RydWN0b3IoXG4gICAgcHJpdmF0ZSBkaWFsb2c6IE1hdERpYWxvZyxcbiAgICBwcml2YXRlIGRldmljZVNlcnZpY2U6IERldmljZURldGVjdG9yU2VydmljZSkge1xuICB9XG5cbiAgcHVibGljIG9wZW48VD4oXG4gICAgZGlhbG9nQ29tcG9uZW50OiBDb21wb25lbnRUeXBlPFQ+LFxuICAgIHNpemU6IEtvYWxhRGlhbG9nU2l6ZVR5cGUsXG4gICAgZGF0YT86IGFueSxcbiAgICB0cmlnZ2VyQmVmb3JlQ2xvc2VkOiBzdHJpbmcgfCBib29sZWFuIHwgb2JqZWN0ID0gZmFsc2UsXG4gICAgYmVmb3JlQ2xvc2VkPzogKGV2ZW50PzogYW55KSA9PiB2b2lkXG4gICkge1xuICAgIGNvbnN0IGRpYWxvZ1JlZiA9IHRoaXMuZGlhbG9nLm9wZW4oZGlhbG9nQ29tcG9uZW50LCB0aGlzLmRpYWxvZ1RlbXBsYXRlKGRhdGEpW3RoaXMuZGV2aWNlU2VydmljZS5pc01vYmlsZSgpID8gJ21vYmlsZScgOiBzaXplXSlcbiAgICBkaWFsb2dSZWYuYWZ0ZXJPcGVuZWQoKS5zdWJzY3JpYmUoKCkgPT4ge1xuICAgICAgaGlzdG9yeS5wdXNoU3RhdGUobnVsbCwgJycsIGxvY2F0aW9uLmhyZWYpO1xuICAgICAgcmV0dXJuIGZhbHNlO1xuICAgIH0pO1xuICAgIGRpYWxvZ1JlZi5iZWZvcmVDbG9zZWQoKS5zdWJzY3JpYmUoZXZlbnQgPT4ge1xuICAgICAgaWYgKCh0cmlnZ2VyQmVmb3JlQ2xvc2VkICYmIGV2ZW50ID09PSB0cmlnZ2VyQmVmb3JlQ2xvc2VkKSB8fFxuICAgICAgICAodHlwZW9mIHRyaWdnZXJCZWZvcmVDbG9zZWQgPT0gJ29iamVjdCcgJiYgdHlwZW9mIGV2ZW50ID09ICdvYmplY3QnKVxuICAgICAgKSB7XG4gICAgICAgIGlmIChiZWZvcmVDbG9zZWQpIHtcbiAgICAgICAgICBiZWZvcmVDbG9zZWQoZXZlbnQpO1xuICAgICAgICB9XG4gICAgICB9XG4gICAgfSk7XG4gICAgZGlhbG9nUmVmLmtleWRvd25FdmVudHMoKS5zdWJzY3JpYmUoZXZlbnQgPT4ge1xuICAgICAgaWYgKGV2ZW50LmtleSA9PT0gJ0VzY2FwZScpIHtcbiAgICAgICAgZGlhbG9nUmVmLmNsb3NlKHtjbG9zZU9uTmF2aWdhdGlvbjogdHJ1ZX0pXG4gICAgICB9XG4gICAgfSk7XG4gIH1cblxuICBwcml2YXRlIGRpYWxvZ1RlbXBsYXRlKGRhdGE6IGFueSA9IG51bGwpOiBLb2FsYURpYWxvZ1RlbXBsYXRlSW50ZXJmYWNlIHtcbiAgICBsZXQgZGlhbG9nRWxlbWVudElkID0gXCJkaWFsb2ctXCIgKyByYW5kb21TdHJpbmcoMTApO1xuXG4gICAgcmV0dXJuIHtcbiAgICAgIGF1dG86IHtpZDogZGlhbG9nRWxlbWVudElkLCBwYW5lbENsYXNzOiBbJ2tvYWxhLWRpYWxvZycsICdhdXRvJ10sIGRpc2FibGVDbG9zZTogdHJ1ZSwgZGF0YX0sXG4gICAgICBzbWFsbDoge2lkOiBkaWFsb2dFbGVtZW50SWQsIHBhbmVsQ2xhc3M6IFsna29hbGEtZGlhbG9nJywgJ3NtYWxsJ10sIGRpc2FibGVDbG9zZTogdHJ1ZSwgZGF0YX0sXG4gICAgICBub3JtYWw6IHtpZDogZGlhbG9nRWxlbWVudElkLCBwYW5lbENsYXNzOiBbJ2tvYWxhLWRpYWxvZycsICdub3JtYWwnXSwgZGlzYWJsZUNsb3NlOiB0cnVlLCBkYXRhfSxcbiAgICAgIGJpZzoge2lkOiBkaWFsb2dFbGVtZW50SWQsIHBhbmVsQ2xhc3M6IFsna29hbGEtZGlhbG9nJywgJ2JpZyddLCBkaXNhYmxlQ2xvc2U6IHRydWUsIGRhdGF9LFxuICAgICAgZnVsbFNjcmVlbjoge2lkOiBkaWFsb2dFbGVtZW50SWQsIHBhbmVsQ2xhc3M6IFsna29hbGEtZGlhbG9nJ10sIGRpc2FibGVDbG9zZTogdHJ1ZSwgZGF0YX0sXG4gICAgICBtb2JpbGU6IHtcbiAgICAgICAgaWQ6IGRpYWxvZ0VsZW1lbnRJZCxcbiAgICAgICAgYXV0b0ZvY3VzOiBmYWxzZSxcbiAgICAgICAgcGFuZWxDbGFzczogW1wia29hbGEtZGlhbG9nXCIsICdtb2JpbGUnXSxcbiAgICAgICAgd2lkdGg6ICcxMDB2dycsXG4gICAgICAgIG1heFdpZHRoOiAnMTAwdncnLFxuICAgICAgICBtYXhIZWlnaHQ6ICc5MHZoJyxcbiAgICAgICAgZGF0YVxuICAgICAgfVxuICAgIH07XG4gIH1cbn1cbiJdfQ==

package/dialog/fesm2015/koalarx-ui-dialog.mjs

@@ -0,0 +1,121 @@
+import * as i0 from '@angular/core';
+import { Component, ChangeDetectionStrategy, Input, NgModule, Injectable } from '@angular/core';
+import * as i1 from '@angular/material/icon';
+import { MatIconModule } from '@angular/material/icon';
+import * as i2 from '@angular/material/button';
+import { MatButtonModule } from '@angular/material/button';
+import * as i3 from '@angular/common';
+import { CommonModule } from '@angular/common';
+import * as i4 from '@angular/material/dialog';
+import { MatDialogModule } from '@angular/material/dialog';
+import { randomString } from '@koalarx/utils/operators/string';
+import * as i2$1 from 'ngx-device-detector';
+
+class DialogComponent {
+}
+DialogComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.0.2", ngImport: i0, type: DialogComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+DialogComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.0.2", type: DialogComponent, selector: "koala-dialog", inputs: { titleDialog: "titleDialog", iconTitleDialog: "iconTitleDialog", triggerDialogClose: "triggerDialogClose", btnCloseLabel: "btnCloseLabel", btnCloseColor: "btnCloseColor" }, ngImport: i0, template: "<div *ngIf=\"titleDialog\" mat-dialog-title>\n  <mat-icon *ngIf=\"iconTitleDialog\">{{iconTitleDialog}}</mat-icon>\n  <h2>\n    {{titleDialog}}\n  </h2>\n</div>\n<mat-dialog-content>\n  <ng-content select=\"[dialog-content]\"></ng-content>\n</mat-dialog-content>\n<div align=\"end\" mat-dialog-actions>\n  <button [color]=\"btnCloseColor\" [mat-dialog-close]=\"triggerDialogClose\" class=\"mr-8\" mat-button>\n    {{btnCloseLabel}}\n  </button>\n  <ng-content select=\"[dialog-actions]\"></ng-content>\n</div>\n", components: [{ type: i1.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { type: i2.MatButton, selector: "button[mat-button], button[mat-raised-button], button[mat-icon-button],             button[mat-fab], button[mat-mini-fab], button[mat-stroked-button],             button[mat-flat-button]", inputs: ["disabled", "disableRipple", "color"], exportAs: ["matButton"] }], directives: [{ type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i4.MatDialogTitle, selector: "[mat-dialog-title], [matDialogTitle]", inputs: ["id"], exportAs: ["matDialogTitle"] }, { type: i4.MatDialogContent, selector: "[mat-dialog-content], mat-dialog-content, [matDialogContent]" }, { type: i4.MatDialogActions, selector: "[mat-dialog-actions], mat-dialog-actions, [matDialogActions]" }, { type: i4.MatDialogClose, selector: "[mat-dialog-close], [matDialogClose]", inputs: ["aria-label", "type", "mat-dialog-close", "matDialogClose"], exportAs: ["matDialogClose"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.0.2", ngImport: i0, type: DialogComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'koala-dialog', changeDetection: ChangeDetectionStrategy.OnPush, template: "<div *ngIf=\"titleDialog\" mat-dialog-title>\n  <mat-icon *ngIf=\"iconTitleDialog\">{{iconTitleDialog}}</mat-icon>\n  <h2>\n    {{titleDialog}}\n  </h2>\n</div>\n<mat-dialog-content>\n  <ng-content select=\"[dialog-content]\"></ng-content>\n</mat-dialog-content>\n<div align=\"end\" mat-dialog-actions>\n  <button [color]=\"btnCloseColor\" [mat-dialog-close]=\"triggerDialogClose\" class=\"mr-8\" mat-button>\n    {{btnCloseLabel}}\n  </button>\n  <ng-content select=\"[dialog-actions]\"></ng-content>\n</div>\n" }]
+        }], propDecorators: { titleDialog: [{
+                type: Input
+            }], iconTitleDialog: [{
+                type: Input
+            }], triggerDialogClose: [{
+                type: Input
+            }], btnCloseLabel: [{
+                type: Input
+            }], btnCloseColor: [{
+                type: Input
+            }] } });
+
+class KoalaDialogModule {
+}
+KoalaDialogModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.0.2", ngImport: i0, type: KoalaDialogModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+KoalaDialogModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.0.2", ngImport: i0, type: KoalaDialogModule, declarations: [DialogComponent], imports: [CommonModule,
+        MatIconModule,
+        MatButtonModule,
+        MatDialogModule], exports: [DialogComponent] });
+KoalaDialogModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.0.2", ngImport: i0, type: KoalaDialogModule, imports: [[
+            CommonModule,
+            MatIconModule,
+            MatButtonModule,
+            MatDialogModule
+        ]] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.0.2", ngImport: i0, type: KoalaDialogModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    declarations: [
+                        DialogComponent
+                    ],
+                    imports: [
+                        CommonModule,
+                        MatIconModule,
+                        MatButtonModule,
+                        MatDialogModule
+                    ],
+                    exports: [
+                        DialogComponent
+                    ]
+                }]
+        }] });
+
+class KoalaDialogService {
+    constructor(dialog, deviceService) {
+        this.dialog = dialog;
+        this.deviceService = deviceService;
+    }
+    open(dialogComponent, size, data, triggerBeforeClosed = false, beforeClosed) {
+        const dialogRef = this.dialog.open(dialogComponent, this.dialogTemplate(data)[this.deviceService.isMobile() ? 'mobile' : size]);
+        dialogRef.afterOpened().subscribe(() => {
+            history.pushState(null, '', location.href);
+            return false;
+        });
+        dialogRef.beforeClosed().subscribe(event => {
+            if ((triggerBeforeClosed && event === triggerBeforeClosed) ||
+                (typeof triggerBeforeClosed == 'object' && typeof event == 'object')) {
+                if (beforeClosed) {
+                    beforeClosed(event);
+                }
+            }
+        });
+        dialogRef.keydownEvents().subscribe(event => {
+            if (event.key === 'Escape') {
+                dialogRef.close({ closeOnNavigation: true });
+            }
+        });
+    }
+    dialogTemplate(data = null) {
+        let dialogElementId = "dialog-" + randomString(10);
+        return {
+            auto: { id: dialogElementId, panelClass: ['koala-dialog', 'auto'], disableClose: true, data },
+            small: { id: dialogElementId, panelClass: ['koala-dialog', 'small'], disableClose: true, data },
+            normal: { id: dialogElementId, panelClass: ['koala-dialog', 'normal'], disableClose: true, data },
+            big: { id: dialogElementId, panelClass: ['koala-dialog', 'big'], disableClose: true, data },
+            fullScreen: { id: dialogElementId, panelClass: ['koala-dialog'], disableClose: true, data },
+            mobile: {
+                id: dialogElementId,
+                autoFocus: false,
+                panelClass: ["koala-dialog", 'mobile'],
+                width: '100vw',
+                maxWidth: '100vw',
+                maxHeight: '90vh',
+                data
+            }
+        };
+    }
+}
+KoalaDialogService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.0.2", ngImport: i0, type: KoalaDialogService, deps: [{ token: i4.MatDialog }, { token: i2$1.DeviceDetectorService }], target: i0.ɵɵFactoryTarget.Injectable });
+KoalaDialogService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "13.0.2", ngImport: i0, type: KoalaDialogService, providedIn: "any" });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.0.2", ngImport: i0, type: KoalaDialogService, decorators: [{
+            type: Injectable,
+            args: [{ providedIn: "any" }]
+        }], ctorParameters: function () { return [{ type: i4.MatDialog }, { type: i2$1.DeviceDetectorService }]; } });
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { DialogComponent, KoalaDialogModule, KoalaDialogService };
+//# sourceMappingURL=koalarx-ui-dialog.mjs.map

package/dialog/fesm2015/koalarx-ui-dialog.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"koalarx-ui-dialog.mjs","sources":["../../../projects/dialog/src/lib/dialog.component.ts","../../../projects/dialog/src/lib/dialog.component.html","../../../projects/dialog/src/lib/koala.dialog.module.ts","../../../projects/dialog/src/lib/koala.dialog.service.ts","../../../projects/dialog/src/koalarx-ui-dialog.ts"],"sourcesContent":["import { ChangeDetectionStrategy, Component, Input } from '@angular/core';\nimport { ThemePalette } from '@angular/material/core';\n\n@Component({\n  selector: 'koala-dialog',\n  templateUrl: 'dialog.component.html',\n  changeDetection: ChangeDetectionStrategy.OnPush\n})\nexport class DialogComponent {\n  @Input() titleDialog?: string;\n  @Input() iconTitleDialog?: string;\n  @Input() triggerDialogClose?: string;\n  @Input() btnCloseLabel?: string;\n  @Input() btnCloseColor: ThemePalette;\n}\n","<div *ngIf=\"titleDialog\" mat-dialog-title>\n  <mat-icon *ngIf=\"iconTitleDialog\">{{iconTitleDialog}}</mat-icon>\n  <h2>\n    {{titleDialog}}\n  </h2>\n</div>\n<mat-dialog-content>\n  <ng-content select=\"[dialog-content]\"></ng-content>\n</mat-dialog-content>\n<div align=\"end\" mat-dialog-actions>\n  <button [color]=\"btnCloseColor\" [mat-dialog-close]=\"triggerDialogClose\" class=\"mr-8\" mat-button>\n    {{btnCloseLabel}}\n  </button>\n  <ng-content select=\"[dialog-actions]\"></ng-content>\n</div>\n","import { NgModule } from '@angular/core';\nimport { DialogComponent } from './dialog.component';\nimport { CommonModule } from '@angular/common';\nimport { MatDialogModule } from '@angular/material/dialog';\nimport { MatButtonModule } from '@angular/material/button';\nimport { MatIconModule } from '@angular/material/icon';\n\n@NgModule({\n  declarations: [\n    DialogComponent\n  ],\n  imports: [\n    CommonModule,\n    MatIconModule,\n    MatButtonModule,\n    MatDialogModule\n  ],\n  exports: [\n    DialogComponent\n  ]\n})\nexport class KoalaDialogModule {\n}\n","import { Injectable } from '@angular/core';\nimport { MatDialog } from '@angular/material/dialog';\nimport { KoalaDialogTemplateInterface } from './koala.dialog-template.interface';\nimport { ComponentType } from '@angular/cdk/overlay';\nimport { DeviceDetectorService } from \"ngx-device-detector\";\nimport { randomString } from \"@koalarx/utils/operators/string\";\n\nexport type KoalaDialogSizeType = 'auto' | 'small' | 'normal' | 'big' | 'mobile';\n\n@Injectable({providedIn: \"any\"})\nexport class KoalaDialogService {\n\n  constructor(\n    private dialog: MatDialog,\n    private deviceService: DeviceDetectorService) {\n  }\n\n  public open<T>(\n    dialogComponent: ComponentType<T>,\n    size: KoalaDialogSizeType,\n    data?: any,\n    triggerBeforeClosed: string | boolean | object = false,\n    beforeClosed?: (event?: any) => void\n  ) {\n    const dialogRef = this.dialog.open(dialogComponent, this.dialogTemplate(data)[this.deviceService.isMobile() ? 'mobile' : size])\n    dialogRef.afterOpened().subscribe(() => {\n      history.pushState(null, '', location.href);\n      return false;\n    });\n    dialogRef.beforeClosed().subscribe(event => {\n      if ((triggerBeforeClosed && event === triggerBeforeClosed) ||\n        (typeof triggerBeforeClosed == 'object' && typeof event == 'object')\n      ) {\n        if (beforeClosed) {\n          beforeClosed(event);\n        }\n      }\n    });\n    dialogRef.keydownEvents().subscribe(event => {\n      if (event.key === 'Escape') {\n        dialogRef.close({closeOnNavigation: true})\n      }\n    });\n  }\n\n  private dialogTemplate(data: any = null): KoalaDialogTemplateInterface {\n    let dialogElementId = \"dialog-\" + randomString(10);\n\n    return {\n      auto: {id: dialogElementId, panelClass: ['koala-dialog', 'auto'], disableClose: true, data},\n      small: {id: dialogElementId, panelClass: ['koala-dialog', 'small'], disableClose: true, data},\n      normal: {id: dialogElementId, panelClass: ['koala-dialog', 'normal'], disableClose: true, data},\n      big: {id: dialogElementId, panelClass: ['koala-dialog', 'big'], disableClose: true, data},\n      fullScreen: {id: dialogElementId, panelClass: ['koala-dialog'], disableClose: true, data},\n      mobile: {\n        id: dialogElementId,\n        autoFocus: false,\n        panelClass: [\"koala-dialog\", 'mobile'],\n        width: '100vw',\n        maxWidth: '100vw',\n        maxHeight: '90vh',\n        data\n      }\n    };\n  }\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}

package/dialog/fesm2020/koalarx-ui-dialog.mjs

@@ -0,0 +1,121 @@
+import * as i0 from '@angular/core';
+import { Component, ChangeDetectionStrategy, Input, NgModule, Injectable } from '@angular/core';
+import * as i1 from '@angular/material/icon';
+import { MatIconModule } from '@angular/material/icon';
+import * as i2 from '@angular/material/button';
+import { MatButtonModule } from '@angular/material/button';
+import * as i3 from '@angular/common';
+import { CommonModule } from '@angular/common';
+import * as i4 from '@angular/material/dialog';
+import { MatDialogModule } from '@angular/material/dialog';
+import { randomString } from '@koalarx/utils/operators/string';
+import * as i2$1 from 'ngx-device-detector';
+
+class DialogComponent {
+}
+DialogComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.0.2", ngImport: i0, type: DialogComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+DialogComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.0.2", type: DialogComponent, selector: "koala-dialog", inputs: { titleDialog: "titleDialog", iconTitleDialog: "iconTitleDialog", triggerDialogClose: "triggerDialogClose", btnCloseLabel: "btnCloseLabel", btnCloseColor: "btnCloseColor" }, ngImport: i0, template: "<div *ngIf=\"titleDialog\" mat-dialog-title>\n  <mat-icon *ngIf=\"iconTitleDialog\">{{iconTitleDialog}}</mat-icon>\n  <h2>\n    {{titleDialog}}\n  </h2>\n</div>\n<mat-dialog-content>\n  <ng-content select=\"[dialog-content]\"></ng-content>\n</mat-dialog-content>\n<div align=\"end\" mat-dialog-actions>\n  <button [color]=\"btnCloseColor\" [mat-dialog-close]=\"triggerDialogClose\" class=\"mr-8\" mat-button>\n    {{btnCloseLabel}}\n  </button>\n  <ng-content select=\"[dialog-actions]\"></ng-content>\n</div>\n", components: [{ type: i1.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { type: i2.MatButton, selector: "button[mat-button], button[mat-raised-button], button[mat-icon-button],             button[mat-fab], button[mat-mini-fab], button[mat-stroked-button],             button[mat-flat-button]", inputs: ["disabled", "disableRipple", "color"], exportAs: ["matButton"] }], directives: [{ type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i4.MatDialogTitle, selector: "[mat-dialog-title], [matDialogTitle]", inputs: ["id"], exportAs: ["matDialogTitle"] }, { type: i4.MatDialogContent, selector: "[mat-dialog-content], mat-dialog-content, [matDialogContent]" }, { type: i4.MatDialogActions, selector: "[mat-dialog-actions], mat-dialog-actions, [matDialogActions]" }, { type: i4.MatDialogClose, selector: "[mat-dialog-close], [matDialogClose]", inputs: ["aria-label", "type", "mat-dialog-close", "matDialogClose"], exportAs: ["matDialogClose"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.0.2", ngImport: i0, type: DialogComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'koala-dialog', changeDetection: ChangeDetectionStrategy.OnPush, template: "<div *ngIf=\"titleDialog\" mat-dialog-title>\n  <mat-icon *ngIf=\"iconTitleDialog\">{{iconTitleDialog}}</mat-icon>\n  <h2>\n    {{titleDialog}}\n  </h2>\n</div>\n<mat-dialog-content>\n  <ng-content select=\"[dialog-content]\"></ng-content>\n</mat-dialog-content>\n<div align=\"end\" mat-dialog-actions>\n  <button [color]=\"btnCloseColor\" [mat-dialog-close]=\"triggerDialogClose\" class=\"mr-8\" mat-button>\n    {{btnCloseLabel}}\n  </button>\n  <ng-content select=\"[dialog-actions]\"></ng-content>\n</div>\n" }]
+        }], propDecorators: { titleDialog: [{
+                type: Input
+            }], iconTitleDialog: [{
+                type: Input
+            }], triggerDialogClose: [{
+                type: Input
+            }], btnCloseLabel: [{
+                type: Input
+            }], btnCloseColor: [{
+                type: Input
+            }] } });
+
+class KoalaDialogModule {
+}
+KoalaDialogModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.0.2", ngImport: i0, type: KoalaDialogModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+KoalaDialogModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.0.2", ngImport: i0, type: KoalaDialogModule, declarations: [DialogComponent], imports: [CommonModule,
+        MatIconModule,
+        MatButtonModule,
+        MatDialogModule], exports: [DialogComponent] });
+KoalaDialogModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.0.2", ngImport: i0, type: KoalaDialogModule, imports: [[
+            CommonModule,
+            MatIconModule,
+            MatButtonModule,
+            MatDialogModule
+        ]] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.0.2", ngImport: i0, type: KoalaDialogModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    declarations: [
+                        DialogComponent
+                    ],
+                    imports: [
+                        CommonModule,
+                        MatIconModule,
+                        MatButtonModule,
+                        MatDialogModule
+                    ],
+                    exports: [
+                        DialogComponent
+                    ]
+                }]
+        }] });
+
+class KoalaDialogService {
+    constructor(dialog, deviceService) {
+        this.dialog = dialog;
+        this.deviceService = deviceService;
+    }
+    open(dialogComponent, size, data, triggerBeforeClosed = false, beforeClosed) {
+        const dialogRef = this.dialog.open(dialogComponent, this.dialogTemplate(data)[this.deviceService.isMobile() ? 'mobile' : size]);
+        dialogRef.afterOpened().subscribe(() => {
+            history.pushState(null, '', location.href);
+            return false;
+        });
+        dialogRef.beforeClosed().subscribe(event => {
+            if ((triggerBeforeClosed && event === triggerBeforeClosed) ||
+                (typeof triggerBeforeClosed == 'object' && typeof event == 'object')) {
+                if (beforeClosed) {
+                    beforeClosed(event);
+                }
+            }
+        });
+        dialogRef.keydownEvents().subscribe(event => {
+            if (event.key === 'Escape') {
+                dialogRef.close({ closeOnNavigation: true });
+            }
+        });
+    }
+    dialogTemplate(data = null) {
+        let dialogElementId = "dialog-" + randomString(10);
+        return {
+            auto: { id: dialogElementId, panelClass: ['koala-dialog', 'auto'], disableClose: true, data },
+            small: { id: dialogElementId, panelClass: ['koala-dialog', 'small'], disableClose: true, data },
+            normal: { id: dialogElementId, panelClass: ['koala-dialog', 'normal'], disableClose: true, data },
+            big: { id: dialogElementId, panelClass: ['koala-dialog', 'big'], disableClose: true, data },
+            fullScreen: { id: dialogElementId, panelClass: ['koala-dialog'], disableClose: true, data },
+            mobile: {
+                id: dialogElementId,
+                autoFocus: false,
+                panelClass: ["koala-dialog", 'mobile'],
+                width: '100vw',
+                maxWidth: '100vw',
+                maxHeight: '90vh',
+                data
+            }
+        };
+    }
+}
+KoalaDialogService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.0.2", ngImport: i0, type: KoalaDialogService, deps: [{ token: i4.MatDialog }, { token: i2$1.DeviceDetectorService }], target: i0.ɵɵFactoryTarget.Injectable });
+KoalaDialogService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "13.0.2", ngImport: i0, type: KoalaDialogService, providedIn: "any" });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.0.2", ngImport: i0, type: KoalaDialogService, decorators: [{
+            type: Injectable,
+            args: [{ providedIn: "any" }]
+        }], ctorParameters: function () { return [{ type: i4.MatDialog }, { type: i2$1.DeviceDetectorService }]; } });
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { DialogComponent, KoalaDialogModule, KoalaDialogService };
+//# sourceMappingURL=koalarx-ui-dialog.mjs.map

package/dialog/fesm2020/koalarx-ui-dialog.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"koalarx-ui-dialog.mjs","sources":["../../../projects/dialog/src/lib/dialog.component.ts","../../../projects/dialog/src/lib/dialog.component.html","../../../projects/dialog/src/lib/koala.dialog.module.ts","../../../projects/dialog/src/lib/koala.dialog.service.ts","../../../projects/dialog/src/koalarx-ui-dialog.ts"],"sourcesContent":["import { ChangeDetectionStrategy, Component, Input } from '@angular/core';\nimport { ThemePalette } from '@angular/material/core';\n\n@Component({\n  selector: 'koala-dialog',\n  templateUrl: 'dialog.component.html',\n  changeDetection: ChangeDetectionStrategy.OnPush\n})\nexport class DialogComponent {\n  @Input() titleDialog?: string;\n  @Input() iconTitleDialog?: string;\n  @Input() triggerDialogClose?: string;\n  @Input() btnCloseLabel?: string;\n  @Input() btnCloseColor: ThemePalette;\n}\n","<div *ngIf=\"titleDialog\" mat-dialog-title>\n  <mat-icon *ngIf=\"iconTitleDialog\">{{iconTitleDialog}}</mat-icon>\n  <h2>\n    {{titleDialog}}\n  </h2>\n</div>\n<mat-dialog-content>\n  <ng-content select=\"[dialog-content]\"></ng-content>\n</mat-dialog-content>\n<div align=\"end\" mat-dialog-actions>\n  <button [color]=\"btnCloseColor\" [mat-dialog-close]=\"triggerDialogClose\" class=\"mr-8\" mat-button>\n    {{btnCloseLabel}}\n  </button>\n  <ng-content select=\"[dialog-actions]\"></ng-content>\n</div>\n","import { NgModule } from '@angular/core';\nimport { DialogComponent } from './dialog.component';\nimport { CommonModule } from '@angular/common';\nimport { MatDialogModule } from '@angular/material/dialog';\nimport { MatButtonModule } from '@angular/material/button';\nimport { MatIconModule } from '@angular/material/icon';\n\n@NgModule({\n  declarations: [\n    DialogComponent\n  ],\n  imports: [\n    CommonModule,\n    MatIconModule,\n    MatButtonModule,\n    MatDialogModule\n  ],\n  exports: [\n    DialogComponent\n  ]\n})\nexport class KoalaDialogModule {\n}\n","import { Injectable } from '@angular/core';\nimport { MatDialog } from '@angular/material/dialog';\nimport { KoalaDialogTemplateInterface } from './koala.dialog-template.interface';\nimport { ComponentType } from '@angular/cdk/overlay';\nimport { DeviceDetectorService } from \"ngx-device-detector\";\nimport { randomString } from \"@koalarx/utils/operators/string\";\n\nexport type KoalaDialogSizeType = 'auto' | 'small' | 'normal' | 'big' | 'mobile';\n\n@Injectable({providedIn: \"any\"})\nexport class KoalaDialogService {\n\n  constructor(\n    private dialog: MatDialog,\n    private deviceService: DeviceDetectorService) {\n  }\n\n  public open<T>(\n    dialogComponent: ComponentType<T>,\n    size: KoalaDialogSizeType,\n    data?: any,\n    triggerBeforeClosed: string | boolean | object = false,\n    beforeClosed?: (event?: any) => void\n  ) {\n    const dialogRef = this.dialog.open(dialogComponent, this.dialogTemplate(data)[this.deviceService.isMobile() ? 'mobile' : size])\n    dialogRef.afterOpened().subscribe(() => {\n      history.pushState(null, '', location.href);\n      return false;\n    });\n    dialogRef.beforeClosed().subscribe(event => {\n      if ((triggerBeforeClosed && event === triggerBeforeClosed) ||\n        (typeof triggerBeforeClosed == 'object' && typeof event == 'object')\n      ) {\n        if (beforeClosed) {\n          beforeClosed(event);\n        }\n      }\n    });\n    dialogRef.keydownEvents().subscribe(event => {\n      if (event.key === 'Escape') {\n        dialogRef.close({closeOnNavigation: true})\n      }\n    });\n  }\n\n  private dialogTemplate(data: any = null): KoalaDialogTemplateInterface {\n    let dialogElementId = \"dialog-\" + randomString(10);\n\n    return {\n      auto: {id: dialogElementId, panelClass: ['koala-dialog', 'auto'], disableClose: true, data},\n      small: {id: dialogElementId, panelClass: ['koala-dialog', 'small'], disableClose: true, data},\n      normal: {id: dialogElementId, panelClass: ['koala-dialog', 'normal'], disableClose: true, data},\n      big: {id: dialogElementId, panelClass: ['koala-dialog', 'big'], disableClose: true, data},\n      fullScreen: {id: dialogElementId, panelClass: ['koala-dialog'], disableClose: true, data},\n      mobile: {\n        id: dialogElementId,\n        autoFocus: false,\n        panelClass: [\"koala-dialog\", 'mobile'],\n        width: '100vw',\n        maxWidth: '100vw',\n        maxHeight: '90vh',\n        data\n      }\n    };\n  }\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}

package/dialog/koalarx-ui-dialog.d.ts

@@ -1,4 +1,5 @@
 /**
  * Generated bundle index. Do not edit.
  */
+/// <amd-module name="@koalarx/ui/dialog" />
 export * from './index';

package/dialog/lib/dialog.component.d.ts

@@ -1,8 +1,11 @@
 import { ThemePalette } from '@angular/material/core';
+import * as i0 from "@angular/core";
 export declare class DialogComponent {
     titleDialog?: string;
     iconTitleDialog?: string;
     triggerDialogClose?: string;
     btnCloseLabel?: string;
     btnCloseColor: ThemePalette;
+    static ɵfac: i0.ɵɵFactoryDeclaration<DialogComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<DialogComponent, "koala-dialog", never, { "titleDialog": "titleDialog"; "iconTitleDialog": "iconTitleDialog"; "triggerDialogClose": "triggerDialogClose"; "btnCloseLabel": "btnCloseLabel"; "btnCloseColor": "btnCloseColor"; }, {}, never, ["[dialog-content]", "[dialog-actions]"]>;
 }

package/dialog/lib/koala.dialog.module.d.ts

@@ -1,2 +1,11 @@
+import * as i0 from "@angular/core";
+import * as i1 from "./dialog.component";
+import * as i2 from "@angular/common";
+import * as i3 from "@angular/material/icon";
+import * as i4 from "@angular/material/button";
+import * as i5 from "@angular/material/dialog";
 export declare class KoalaDialogModule {
+    static ɵfac: i0.ɵɵFactoryDeclaration<KoalaDialogModule, never>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<KoalaDialogModule, [typeof i1.DialogComponent], [typeof i2.CommonModule, typeof i3.MatIconModule, typeof i4.MatButtonModule, typeof i5.MatDialogModule], [typeof i1.DialogComponent]>;
+    static ɵinj: i0.ɵɵInjectorDeclaration<KoalaDialogModule>;
 }

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

@@ -1,6 +1,7 @@
 import { MatDialog } from '@angular/material/dialog';
 import { ComponentType } from '@angular/cdk/overlay';
 import { DeviceDetectorService } from "ngx-device-detector";
+import * as i0 from "@angular/core";
 export declare type KoalaDialogSizeType = 'auto' | 'small' | 'normal' | 'big' | 'mobile';
 export declare class KoalaDialogService {
     private dialog;
@@ -8,4 +9,6 @@ export declare class KoalaDialogService {
     constructor(dialog: MatDialog, deviceService: DeviceDetectorService);
     open<T>(dialogComponent: ComponentType<T>, size: KoalaDialogSizeType, data?: any, triggerBeforeClosed?: string | boolean | object, beforeClosed?: (event?: any) => void): void;
     private dialogTemplate;
+    static ɵfac: i0.ɵɵFactoryDeclaration<KoalaDialogService, never>;
+    static ɵprov: i0.ɵɵInjectableDeclaration<KoalaDialogService>;
 }

package/dialog/package.json

@@ -9,12 +9,24 @@
   "dependencies": {
     "tslib": "^2.1.0"
   },
-  "main": "bundles/koalarx-ui-dialog.umd.js",
-  "module": "fesm2015/koalarx-ui-dialog.js",
-  "es2015": "fesm2015/koalarx-ui-dialog.js",
-  "esm2015": "esm2015/koalarx-ui-dialog.js",
-  "fesm2015": "fesm2015/koalarx-ui-dialog.js",
+  "module": "fesm2015/koalarx-ui-dialog.mjs",
+  "es2020": "fesm2020/koalarx-ui-dialog.mjs",
+  "esm2020": "esm2020/koalarx-ui-dialog.mjs",
+  "fesm2020": "fesm2020/koalarx-ui-dialog.mjs",
+  "fesm2015": "fesm2015/koalarx-ui-dialog.mjs",
   "typings": "koalarx-ui-dialog.d.ts",
-  "metadata": "koalarx-ui-dialog.metadata.json",
+  "exports": {
+    "./package.json": {
+      "default": "./package.json"
+    },
+    ".": {
+      "types": "./koalarx-ui-dialog.d.ts",
+      "esm2020": "./esm2020/koalarx-ui-dialog.mjs",
+      "es2020": "./fesm2020/koalarx-ui-dialog.mjs",
+      "es2015": "./fesm2015/koalarx-ui-dialog.mjs",
+      "node": "./fesm2015/koalarx-ui-dialog.mjs",
+      "default": "./fesm2020/koalarx-ui-dialog.mjs"
+    }
+  },
   "sideEffects": false
 }

package/dynamic-component/esm2020/lib/koala-dynamic-component.directive.mjs

@@ -0,0 +1,16 @@
+import { Directive } from '@angular/core';
+import * as i0 from "@angular/core";
+export class KoalaDynamicComponentDirective {
+    constructor(viewContainerRef) {
+        this.viewContainerRef = viewContainerRef;
+    }
+}
+KoalaDynamicComponentDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.0.2", ngImport: i0, type: KoalaDynamicComponentDirective, deps: [{ token: i0.ViewContainerRef }], target: i0.ɵɵFactoryTarget.Directive });
+KoalaDynamicComponentDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "13.0.2", type: KoalaDynamicComponentDirective, selector: "[koalaDynamicComponent]", ngImport: i0 });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.0.2", ngImport: i0, type: KoalaDynamicComponentDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[koalaDynamicComponent]',
+                }]
+        }], ctorParameters: function () { return [{ type: i0.ViewContainerRef }]; } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoia29hbGEtZHluYW1pYy1jb21wb25lbnQuZGlyZWN0aXZlLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vcHJvamVjdHMvZHluYW1pYy1jb21wb25lbnQvc3JjL2xpYi9rb2FsYS1keW5hbWljLWNvbXBvbmVudC5kaXJlY3RpdmUudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFNBQVMsRUFBb0IsTUFBTSxlQUFlLENBQUM7O0FBSzVELE1BQU0sT0FBTyw4QkFBOEI7SUFDMUMsWUFBbUIsZ0JBQWtDO1FBQWxDLHFCQUFnQixHQUFoQixnQkFBZ0IsQ0FBa0I7SUFBSSxDQUFDOzsySEFEOUMsOEJBQThCOytHQUE5Qiw4QkFBOEI7MkZBQTlCLDhCQUE4QjtrQkFIMUMsU0FBUzttQkFBQztvQkFDVixRQUFRLEVBQUUseUJBQXlCO2lCQUNuQyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IERpcmVjdGl2ZSwgVmlld0NvbnRhaW5lclJlZiB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuXG5ARGlyZWN0aXZlKHtcblx0c2VsZWN0b3I6ICdba29hbGFEeW5hbWljQ29tcG9uZW50XScsXG59KVxuZXhwb3J0IGNsYXNzIEtvYWxhRHluYW1pY0NvbXBvbmVudERpcmVjdGl2ZSB7XG5cdGNvbnN0cnVjdG9yKHB1YmxpYyB2aWV3Q29udGFpbmVyUmVmOiBWaWV3Q29udGFpbmVyUmVmKSB7IH1cbn1cbiJdfQ==

package/dynamic-component/esm2020/lib/koala-dynamic-component.factory.mjs

@@ -0,0 +1,41 @@
+import { Component, Input, ViewChild } from '@angular/core';
+import { KoalaDynamicComponentDirective } from './koala-dynamic-component.directive';
+import * as i0 from "@angular/core";
+import * as i1 from "./koala-dynamic-component.directive";
+export class KoalaDynamicComponentFactory {
+    constructor(componentFactoryResolver) {
+        this.componentFactoryResolver = componentFactoryResolver;
+    }
+    ngOnInit() {
+        this.loadComponent();
+    }
+    loadComponent() {
+        const dynamicComponent = this.dynamicComponent;
+        if (dynamicComponent) {
+            const componentFactory = this.componentFactoryResolver.resolveComponentFactory(dynamicComponent.component);
+            const viewContainerRef = this.koalaDynamicComponentDirective?.viewContainerRef;
+            viewContainerRef?.clear();
+            const componentRef = viewContainerRef?.createComponent(componentFactory);
+            const instance = componentRef?.instance;
+            if (instance)
+                instance.data = dynamicComponent.data;
+        }
+    }
+}
+KoalaDynamicComponentFactory.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.0.2", ngImport: i0, type: KoalaDynamicComponentFactory, deps: [{ token: i0.ComponentFactoryResolver }], target: i0.ɵɵFactoryTarget.Component });
+KoalaDynamicComponentFactory.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.0.2", type: KoalaDynamicComponentFactory, selector: "koala-dynamic-component", inputs: { dynamicComponent: "dynamicComponent" }, viewQueries: [{ propertyName: "koalaDynamicComponentDirective", first: true, predicate: KoalaDynamicComponentDirective, descendants: true, static: true }], ngImport: i0, template: `
+    <ng-template koalaDynamicComponent></ng-template>`, isInline: true, directives: [{ type: i1.KoalaDynamicComponentDirective, selector: "[koalaDynamicComponent]" }] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.0.2", ngImport: i0, type: KoalaDynamicComponentFactory, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'koala-dynamic-component',
+                    template: `
+    <ng-template koalaDynamicComponent></ng-template>`
+                }]
+        }], ctorParameters: function () { return [{ type: i0.ComponentFactoryResolver }]; }, propDecorators: { dynamicComponent: [{
+                type: Input
+            }], koalaDynamicComponentDirective: [{
+                type: ViewChild,
+                args: [KoalaDynamicComponentDirective, { static: true }]
+            }] } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoia29hbGEtZHluYW1pYy1jb21wb25lbnQuZmFjdG9yeS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3Byb2plY3RzL2R5bmFtaWMtY29tcG9uZW50L3NyYy9saWIva29hbGEtZHluYW1pYy1jb21wb25lbnQuZmFjdG9yeS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsU0FBUyxFQUE0QixLQUFLLEVBQVUsU0FBUyxFQUFFLE1BQU0sZUFBZSxDQUFDO0FBRTlGLE9BQU8sRUFBRSw4QkFBOEIsRUFBRSxNQUFNLHFDQUFxQyxDQUFDOzs7QUFRckYsTUFBTSxPQUFPLDRCQUE0QjtJQUl2QyxZQUFvQix3QkFBa0Q7UUFBbEQsNkJBQXdCLEdBQXhCLHdCQUF3QixDQUEwQjtJQUN0RSxDQUFDO0lBRUQsUUFBUTtRQUNOLElBQUksQ0FBQyxhQUFhLEVBQUUsQ0FBQztJQUN2QixDQUFDO0lBRUQsYUFBYTtRQUNYLE1BQU0sZ0JBQWdCLEdBQUcsSUFBSSxDQUFDLGdCQUFnQixDQUFDO1FBQy9DLElBQUksZ0JBQWdCLEVBQUU7WUFDcEIsTUFBTSxnQkFBZ0IsR0FBRyxJQUFJLENBQUMsd0JBQXdCLENBQUMsdUJBQXVCLENBQUMsZ0JBQWdCLENBQUMsU0FBUyxDQUFDLENBQUM7WUFFM0csTUFBTSxnQkFBZ0IsR0FBRyxJQUFJLENBQUMsOEJBQThCLEVBQUUsZ0JBQWdCLENBQUM7WUFDL0UsZ0JBQWdCLEVBQUUsS0FBSyxFQUFFLENBQUM7WUFFMUIsTUFBTSxZQUFZLEdBQUcsZ0JBQWdCLEVBQUUsZUFBZSxDQUFpQyxnQkFBZ0IsQ0FBQyxDQUFDO1lBQ3pHLE1BQU0sUUFBUSxHQUFHLFlBQVksRUFBRSxRQUFRLENBQUM7WUFDeEMsSUFBSSxRQUFRO2dCQUFFLFFBQVEsQ0FBQyxJQUFJLEdBQUcsZ0JBQWdCLENBQUMsSUFBSSxDQUFDO1NBQ3JEO0lBQ0gsQ0FBQzs7eUhBdkJVLDRCQUE0Qjs2R0FBNUIsNEJBQTRCLGlMQUU1Qiw4QkFBOEIsOERBTC9CO3NEQUMwQzsyRkFFekMsNEJBQTRCO2tCQUx4QyxTQUFTO21CQUFDO29CQUNULFFBQVEsRUFBRSx5QkFBeUI7b0JBQ25DLFFBQVEsRUFBRTtzREFDMEM7aUJBQ3JEOytHQUVVLGdCQUFnQjtzQkFBeEIsS0FBSztnQkFDcUQsOEJBQThCO3NCQUF4RixTQUFTO3VCQUFDLDhCQUE4QixFQUFFLEVBQUMsTUFBTSxFQUFFLElBQUksRUFBQyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbXBvbmVudCwgQ29tcG9uZW50RmFjdG9yeVJlc29sdmVyLCBJbnB1dCwgT25Jbml0LCBWaWV3Q2hpbGQgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IEtvYWxhRHluYW1pY0NvbXBvbmVudCB9IGZyb20gJy4va29hbGEtZHluYW1pYy1jb21wb25lbnQnO1xuaW1wb3J0IHsgS29hbGFEeW5hbWljQ29tcG9uZW50RGlyZWN0aXZlIH0gZnJvbSAnLi9rb2FsYS1keW5hbWljLWNvbXBvbmVudC5kaXJlY3RpdmUnO1xuaW1wb3J0IHsgS29hbGFEeW5hbWljQ29tcG9uZW50Q29tcG9uZW50IH0gZnJvbSAnLi9rb2FsYS1keW5hbWljLWNvbXBvbmVudC5jb21wb25lbnQnO1xuXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICdrb2FsYS1keW5hbWljLWNvbXBvbmVudCcsXG4gIHRlbXBsYXRlOiBgXG4gICAgPG5nLXRlbXBsYXRlIGtvYWxhRHluYW1pY0NvbXBvbmVudD48L25nLXRlbXBsYXRlPmBcbn0pXG5leHBvcnQgY2xhc3MgS29hbGFEeW5hbWljQ29tcG9uZW50RmFjdG9yeSBpbXBsZW1lbnRzIE9uSW5pdCB7XG4gIEBJbnB1dCgpIGR5bmFtaWNDb21wb25lbnQ/OiBLb2FsYUR5bmFtaWNDb21wb25lbnQ7XG4gIEBWaWV3Q2hpbGQoS29hbGFEeW5hbWljQ29tcG9uZW50RGlyZWN0aXZlLCB7c3RhdGljOiB0cnVlfSkga29hbGFEeW5hbWljQ29tcG9uZW50RGlyZWN0aXZlPzogS29hbGFEeW5hbWljQ29tcG9uZW50RGlyZWN0aXZlO1xuXG4gIGNvbnN0cnVjdG9yKHByaXZhdGUgY29tcG9uZW50RmFjdG9yeVJlc29sdmVyOiBDb21wb25lbnRGYWN0b3J5UmVzb2x2ZXIpIHtcbiAgfVxuXG4gIG5nT25Jbml0KCkge1xuICAgIHRoaXMubG9hZENvbXBvbmVudCgpO1xuICB9XG5cbiAgbG9hZENvbXBvbmVudCgpIHtcbiAgICBjb25zdCBkeW5hbWljQ29tcG9uZW50ID0gdGhpcy5keW5hbWljQ29tcG9uZW50O1xuICAgIGlmIChkeW5hbWljQ29tcG9uZW50KSB7XG4gICAgICBjb25zdCBjb21wb25lbnRGYWN0b3J5ID0gdGhpcy5jb21wb25lbnRGYWN0b3J5UmVzb2x2ZXIucmVzb2x2ZUNvbXBvbmVudEZhY3RvcnkoZHluYW1pY0NvbXBvbmVudC5jb21wb25lbnQpO1xuXG4gICAgICBjb25zdCB2aWV3Q29udGFpbmVyUmVmID0gdGhpcy5rb2FsYUR5bmFtaWNDb21wb25lbnREaXJlY3RpdmU/LnZpZXdDb250YWluZXJSZWY7XG4gICAgICB2aWV3Q29udGFpbmVyUmVmPy5jbGVhcigpO1xuXG4gICAgICBjb25zdCBjb21wb25lbnRSZWYgPSB2aWV3Q29udGFpbmVyUmVmPy5jcmVhdGVDb21wb25lbnQ8S29hbGFEeW5hbWljQ29tcG9uZW50Q29tcG9uZW50Pihjb21wb25lbnRGYWN0b3J5KTtcbiAgICAgIGNvbnN0IGluc3RhbmNlID0gY29tcG9uZW50UmVmPy5pbnN0YW5jZTtcbiAgICAgIGlmIChpbnN0YW5jZSkgaW5zdGFuY2UuZGF0YSA9IGR5bmFtaWNDb21wb25lbnQuZGF0YTtcbiAgICB9XG4gIH1cblxufVxuIl19

package/dynamic-component/esm2020/lib/koala-dynamic-component.module.mjs

@@ -0,0 +1,23 @@
+import { NgModule } from '@angular/core';
+import { KoalaDynamicComponentDirective } from './koala-dynamic-component.directive';
+import { KoalaDynamicComponentFactory } from './koala-dynamic-component.factory';
+import * as i0 from "@angular/core";
+export class KoalaDynamicComponentModule {
+}
+KoalaDynamicComponentModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.0.2", ngImport: i0, type: KoalaDynamicComponentModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+KoalaDynamicComponentModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.0.2", ngImport: i0, type: KoalaDynamicComponentModule, declarations: [KoalaDynamicComponentDirective,
+        KoalaDynamicComponentFactory], exports: [KoalaDynamicComponentFactory] });
+KoalaDynamicComponentModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.0.2", ngImport: i0, type: KoalaDynamicComponentModule });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.0.2", ngImport: i0, type: KoalaDynamicComponentModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    exports: [
+                        KoalaDynamicComponentFactory
+                    ],
+                    declarations: [
+                        KoalaDynamicComponentDirective,
+                        KoalaDynamicComponentFactory
+                    ]
+                }]
+        }] });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoia29hbGEtZHluYW1pYy1jb21wb25lbnQubW9kdWxlLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vcHJvamVjdHMvZHluYW1pYy1jb21wb25lbnQvc3JjL2xpYi9rb2FsYS1keW5hbWljLWNvbXBvbmVudC5tb2R1bGUudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFFBQVEsRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUN6QyxPQUFPLEVBQUUsOEJBQThCLEVBQUUsTUFBTSxxQ0FBcUMsQ0FBQztBQUNyRixPQUFPLEVBQUUsNEJBQTRCLEVBQUUsTUFBTSxtQ0FBbUMsQ0FBQzs7QUFXakYsTUFBTSxPQUFPLDJCQUEyQjs7d0hBQTNCLDJCQUEyQjt5SEFBM0IsMkJBQTJCLGlCQUp0Qyw4QkFBOEI7UUFDOUIsNEJBQTRCLGFBSjVCLDRCQUE0Qjt5SEFPakIsMkJBQTJCOzJGQUEzQiwyQkFBMkI7a0JBVHZDLFFBQVE7bUJBQUM7b0JBQ1QsT0FBTyxFQUFFO3dCQUNSLDRCQUE0QjtxQkFDNUI7b0JBQ0QsWUFBWSxFQUFFO3dCQUNiLDhCQUE4Qjt3QkFDOUIsNEJBQTRCO3FCQUM1QjtpQkFDRCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IE5nTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBLb2FsYUR5bmFtaWNDb21wb25lbnREaXJlY3RpdmUgfSBmcm9tICcuL2tvYWxhLWR5bmFtaWMtY29tcG9uZW50LmRpcmVjdGl2ZSc7XG5pbXBvcnQgeyBLb2FsYUR5bmFtaWNDb21wb25lbnRGYWN0b3J5IH0gZnJvbSAnLi9rb2FsYS1keW5hbWljLWNvbXBvbmVudC5mYWN0b3J5JztcblxuQE5nTW9kdWxlKHtcblx0ZXhwb3J0czogW1xuXHRcdEtvYWxhRHluYW1pY0NvbXBvbmVudEZhY3Rvcnlcblx0XSxcblx0ZGVjbGFyYXRpb25zOiBbXG5cdFx0S29hbGFEeW5hbWljQ29tcG9uZW50RGlyZWN0aXZlLFxuXHRcdEtvYWxhRHluYW1pY0NvbXBvbmVudEZhY3Rvcnlcblx0XVxufSlcbmV4cG9ydCBjbGFzcyBLb2FsYUR5bmFtaWNDb21wb25lbnRNb2R1bGUge1xufVxuIl19