@pepperi-addons/ngx-lib 0.4.1-cards-list-scroll.32 → 0.4.1

package/fesm2020/pepperi-addons-ngx-lib-dialog.mjs

@@ -16,221 +16,221 @@ import { pepIconSystemClose, PepIconModule } from '@pepperi-addons/ngx-lib/icon'
 import * as i6 from '@ngx-translate/core';
 import * as i3$1 from '@angular/cdk/overlay';
 
-class PepDialogComponent {
-    constructor() {
-        this.showClose = false;
-        this.showHeader = true;
-        this.showFooter = true;
-        this.close = new EventEmitter();
-        //
-    }
-    closeDialog() {
-        this.close.emit(null);
-    }
-}
-PepDialogComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.0.2", ngImport: i0, type: PepDialogComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-PepDialogComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.0.2", type: PepDialogComponent, selector: "pep-dialog", inputs: { title: "title", showClose: "showClose", showHeader: "showHeader", showFooter: "showFooter" }, outputs: { close: "close" }, ngImport: i0, template: "<div mat-dialog-title *ngIf=\"showHeader\" class=\"dialog-header-container\">\n    <span class=\"dialog-title\" *ngIf=\"title?.length\">\n        {{ title }}\n    </span>\n    <button mat-button *ngIf=\"showClose\" (click)=\"closeDialog()\" class=\"pep-button icon-button md weak dialog-close\">\n        <mat-icon>\n            <pep-icon name=\"system_close\">\n            </pep-icon>\n        </mat-icon>\n    </button>\n</div>\n<div mat-dialog-content>\n    <ng-content select=\"[pep-dialog-content]\"></ng-content>\n</div>\n<div mat-dialog-actions *ngIf=\"showFooter\" class=\"pep-border-top\">\n    <ng-content select=\"[pep-dialog-actions]\"></ng-content>\n</div>", styles: ["", ".pepperi-dialog,.pep-dialog{box-shadow:var(--pep-shadow-sm-offset, 0 .25rem .5rem 0) hsla(var(--pep-color-system-primary-h, 0),var(--pep-color-system-primary-s, 0%),var(--pep-color-system-primary-l, 10%),.32)!important}\n"], dependencies: [{ kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i2$1.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"] }, { kind: "component", type: i3.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "directive", type: i1.MatDialogTitle, selector: "[mat-dialog-title], [matDialogTitle]", inputs: ["id"], exportAs: ["matDialogTitle"] }, { kind: "directive", type: i1.MatDialogContent, selector: "[mat-dialog-content], mat-dialog-content, [matDialogContent]" }, { kind: "directive", type: i1.MatDialogActions, selector: "[mat-dialog-actions], mat-dialog-actions, [matDialogActions]", inputs: ["align"] }, { kind: "component", type: i1$1.PepIconComponent, selector: "pep-icon", inputs: ["spin", "name", "fill"] }] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.2", ngImport: i0, type: PepDialogComponent, decorators: [{
-            type: Component,
-            args: [{ selector: 'pep-dialog', template: "<div mat-dialog-title *ngIf=\"showHeader\" class=\"dialog-header-container\">\n    <span class=\"dialog-title\" *ngIf=\"title?.length\">\n        {{ title }}\n    </span>\n    <button mat-button *ngIf=\"showClose\" (click)=\"closeDialog()\" class=\"pep-button icon-button md weak dialog-close\">\n        <mat-icon>\n            <pep-icon name=\"system_close\">\n            </pep-icon>\n        </mat-icon>\n    </button>\n</div>\n<div mat-dialog-content>\n    <ng-content select=\"[pep-dialog-content]\"></ng-content>\n</div>\n<div mat-dialog-actions *ngIf=\"showFooter\" class=\"pep-border-top\">\n    <ng-content select=\"[pep-dialog-actions]\"></ng-content>\n</div>", styles: [".pepperi-dialog,.pep-dialog{box-shadow:var(--pep-shadow-sm-offset, 0 .25rem .5rem 0) hsla(var(--pep-color-system-primary-h, 0),var(--pep-color-system-primary-s, 0%),var(--pep-color-system-primary-l, 10%),.32)!important}\n"] }]
-        }], ctorParameters: function () { return []; }, propDecorators: { title: [{
-                type: Input
-            }], showClose: [{
-                type: Input
-            }], showHeader: [{
-                type: Input
-            }], showFooter: [{
-                type: Input
-            }], close: [{
-                type: Output
+class PepDialogComponent {
+    constructor() {
+        this.showClose = false;
+        this.showHeader = true;
+        this.showFooter = true;
+        this.close = new EventEmitter();
+        //
+    }
+    closeDialog() {
+        this.close.emit(null);
+    }
+}
+PepDialogComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.0.2", ngImport: i0, type: PepDialogComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+PepDialogComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.0.2", type: PepDialogComponent, selector: "pep-dialog", inputs: { title: "title", showClose: "showClose", showHeader: "showHeader", showFooter: "showFooter" }, outputs: { close: "close" }, ngImport: i0, template: "<div mat-dialog-title *ngIf=\"showHeader\" class=\"dialog-header-container\">\n    <span class=\"dialog-title\" *ngIf=\"title?.length\">\n        {{ title }}\n    </span>\n    <button mat-button *ngIf=\"showClose\" (click)=\"closeDialog()\" class=\"pep-button icon-button md weak dialog-close\">\n        <mat-icon>\n            <pep-icon name=\"system_close\">\n            </pep-icon>\n        </mat-icon>\n    </button>\n</div>\n<div mat-dialog-content>\n    <ng-content select=\"[pep-dialog-content]\"></ng-content>\n</div>\n<div mat-dialog-actions *ngIf=\"showFooter\" class=\"pep-border-top\">\n    <ng-content select=\"[pep-dialog-actions]\"></ng-content>\n</div>", styles: ["", ".pepperi-dialog,.pep-dialog{box-shadow:var(--pep-shadow-sm-offset, 0 .25rem .5rem 0) hsla(var(--pep-color-system-primary-h, 0),var(--pep-color-system-primary-s, 0%),var(--pep-color-system-primary-l, 10%),.32)!important}\n"], dependencies: [{ kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i2$1.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"] }, { kind: "component", type: i3.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "directive", type: i1.MatDialogTitle, selector: "[mat-dialog-title], [matDialogTitle]", inputs: ["id"], exportAs: ["matDialogTitle"] }, { kind: "directive", type: i1.MatDialogContent, selector: "[mat-dialog-content], mat-dialog-content, [matDialogContent]" }, { kind: "directive", type: i1.MatDialogActions, selector: "[mat-dialog-actions], mat-dialog-actions, [matDialogActions]", inputs: ["align"] }, { kind: "component", type: i1$1.PepIconComponent, selector: "pep-icon", inputs: ["spin", "name", "fill"] }] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.2", ngImport: i0, type: PepDialogComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'pep-dialog', template: "<div mat-dialog-title *ngIf=\"showHeader\" class=\"dialog-header-container\">\n    <span class=\"dialog-title\" *ngIf=\"title?.length\">\n        {{ title }}\n    </span>\n    <button mat-button *ngIf=\"showClose\" (click)=\"closeDialog()\" class=\"pep-button icon-button md weak dialog-close\">\n        <mat-icon>\n            <pep-icon name=\"system_close\">\n            </pep-icon>\n        </mat-icon>\n    </button>\n</div>\n<div mat-dialog-content>\n    <ng-content select=\"[pep-dialog-content]\"></ng-content>\n</div>\n<div mat-dialog-actions *ngIf=\"showFooter\" class=\"pep-border-top\">\n    <ng-content select=\"[pep-dialog-actions]\"></ng-content>\n</div>", styles: [".pepperi-dialog,.pep-dialog{box-shadow:var(--pep-shadow-sm-offset, 0 .25rem .5rem 0) hsla(var(--pep-color-system-primary-h, 0),var(--pep-color-system-primary-s, 0%),var(--pep-color-system-primary-l, 10%),.32)!important}\n"] }]
+        }], ctorParameters: function () { return []; }, propDecorators: { title: [{
+                type: Input
+            }], showClose: [{
+                type: Input
+            }], showHeader: [{
+                type: Input
+            }], showFooter: [{
+                type: Input
+            }], close: [{
+                type: Output
             }] } });
 
-class PepDialogActionButton {
-    constructor(title = '', className = '', callback = null) {
-        this.title = '';
-        this.className = '';
-        this.title = title;
-        this.className = className;
-        this.callback = callback;
-    }
-}
-class PepDialogData {
-    constructor(options) {
-        this.title = options?.title || '';
-        this.actionsType = options?.actionsType || 'close';
-        this.content = options?.content || '';
-        this.showClose = options?.showClose ?? false;
-        this.showHeader = options?.showHeader ?? true;
-        this.showFooter = options?.showFooter ?? true;
-        this.actionButtons = options?.actionButtons ?? null;
-    }
-}
-class PepDialogCustomizeData extends PepDialogData {
-    constructor(options) {
-        super(options);
-        // Foreach rest properties save the rest[property] in this[property].
-        const { title, actionsType, content, contentDisabled, showClose, showHeader, showFooter, actionButtons, ...rest } = options || {};
-        Object.keys(rest).forEach((key) => {
-            // if (key in this) {
-            this[key] = rest[key];
-            // }
-        });
-    }
+class PepDialogActionButton {
+    constructor(title = '', className = '', callback = null) {
+        this.title = '';
+        this.className = '';
+        this.title = title;
+        this.className = className;
+        this.callback = callback;
+    }
+}
+class PepDialogData {
+    constructor(options) {
+        this.title = options?.title || '';
+        this.actionsType = options?.actionsType || 'close';
+        this.content = options?.content || '';
+        this.showClose = options?.showClose ?? false;
+        this.showHeader = options?.showHeader ?? true;
+        this.showFooter = options?.showFooter ?? true;
+        this.actionButtons = options?.actionButtons ?? null;
+    }
+}
+class PepDialogCustomizeData extends PepDialogData {
+    constructor(options) {
+        super(options);
+        // Foreach rest properties save the rest[property] in this[property].
+        const { title, actionsType, content, contentDisabled, showClose, showHeader, showFooter, actionButtons, ...rest } = options || {};
+        Object.keys(rest).forEach((key) => {
+            // if (key in this) {
+            this[key] = rest[key];
+            // }
+        });
+    }
 }
 
-class PepDefaultDialogComponent {
-    constructor(data, dialogRef) {
-        this.data = data;
-        this.dialogRef = dialogRef;
-    }
-    onActionButtonClicked(button) {
-        this.dialogRef.close(true);
-        this.dialogRef.afterClosed().subscribe((isActionButtonClicked) => {
-            if (isActionButtonClicked && button?.callback) {
-                button.callback();
-            }
-        });
-    }
-    closeDialog(res) {
-        this.dialogRef.close(res);
-    }
-}
-PepDefaultDialogComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.0.2", ngImport: i0, type: PepDefaultDialogComponent, deps: [{ token: MAT_DIALOG_DATA }, { token: i1.MatDialogRef }], target: i0.ɵɵFactoryTarget.Component });
-PepDefaultDialogComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.0.2", type: PepDefaultDialogComponent, selector: "ng-component", ngImport: i0, template: "<pep-dialog [showClose]=\"data?.showClose\" [showHeader]=\"data?.showHeader\" [showFooter]=\"data?.showFooter\"\n    [title]=\"data?.title\" (close)=\"closeDialog($event)\">\n    <div pep-dialog-content [innerHtml]=\"data?.content | pepSafeHtml\"></div>\n    <div pep-dialog-actions class=\"pep-spacing-element-negative\">\n        <ng-container [ngSwitch]=\"data?.actionsType\">\n            <ng-container *ngSwitchCase=\"'close'\">\n                <button mat-button (click)=\"closeDialog(true)\" class=\"pep-spacing-element pep-button md weak\">\n                    {{ 'ACTIONS.CLOSE' | translate }}\n                </button>\n            </ng-container>\n            <ng-container *ngSwitchCase=\"'cancel-continue'\">\n                <button mat-button (click)=\"closeDialog(false)\" class=\"pep-spacing-element pep-button md weak\">\n                    {{ 'ACTIONS.CANCEL' | translate }}\n                </button>\n                <button mat-button (click)=\"closeDialog(true)\" class=\"pep-spacing-element pep-button md strong\">\n                    {{ 'ACTIONS.CONTINUE' | translate }}\n                </button>\n            </ng-container>\n            <ng-container *ngSwitchCase=\"'cancel-ok'\">\n                <button mat-button (click)=\"closeDialog(false)\" class=\"pep-spacing-element pep-button md weak\">\n                    {{ 'ACTIONS.CANCEL' | translate }}\n                </button>\n                <button mat-button (click)=\"closeDialog(true)\" class=\"pep-spacing-element pep-button md strong\">\n                    {{ 'ACTIONS.OK' | translate }}\n                </button>\n            </ng-container>\n            <ng-container *ngSwitchCase=\"'cancel-delete'\">\n                <button mat-button (click)=\"closeDialog(false)\" class=\"pep-spacing-element pep-button md weak\">\n                    {{ 'ACTIONS.CANCEL' | translate }}\n                </button>\n                <button mat-button (click)=\"closeDialog(true)\" class=\"pep-spacing-element pep-button md strong caution\">\n                    {{ 'ACTIONS.DELETE' | translate }}\n                </button>\n            </ng-container>\n            <ng-container *ngSwitchCase=\"'custom'\">\n                <ng-container *ngFor=\"let btn of data?.actionButtons\">\n                    <!-- [mat-dialog-close]=\"btn?.callback ? btn.callback : null\" -->\n                    <button mat-button (click)=\"onActionButtonClicked(btn)\" class=\"pep-spacing-element pep-button md\"\n                        [ngClass]=\"btn?.className != '' ? btn?.className : 'weak'\">\n                        {{ btn?.title }}\n                    </button>\n                </ng-container>\n            </ng-container>\n        </ng-container>\n    </div>\n</pep-dialog>", styles: [""], dependencies: [{ kind: "directive", type: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i2.NgSwitch, selector: "[ngSwitch]", inputs: ["ngSwitch"] }, { kind: "directive", type: i2.NgSwitchCase, selector: "[ngSwitchCase]", inputs: ["ngSwitchCase"] }, { kind: "component", type: i2$1.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"] }, { kind: "component", type: PepDialogComponent, selector: "pep-dialog", inputs: ["title", "showClose", "showHeader", "showFooter"], outputs: ["close"] }, { kind: "pipe", type: i2$2.PepSafeHtmlPipe, name: "pepSafeHtml" }, { kind: "pipe", type: i6.TranslatePipe, name: "translate" }], encapsulation: i0.ViewEncapsulation.None });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.2", ngImport: i0, type: PepDefaultDialogComponent, decorators: [{
-            type: Component,
-            args: [{ encapsulation: ViewEncapsulation.None, template: "<pep-dialog [showClose]=\"data?.showClose\" [showHeader]=\"data?.showHeader\" [showFooter]=\"data?.showFooter\"\n    [title]=\"data?.title\" (close)=\"closeDialog($event)\">\n    <div pep-dialog-content [innerHtml]=\"data?.content | pepSafeHtml\"></div>\n    <div pep-dialog-actions class=\"pep-spacing-element-negative\">\n        <ng-container [ngSwitch]=\"data?.actionsType\">\n            <ng-container *ngSwitchCase=\"'close'\">\n                <button mat-button (click)=\"closeDialog(true)\" class=\"pep-spacing-element pep-button md weak\">\n                    {{ 'ACTIONS.CLOSE' | translate }}\n                </button>\n            </ng-container>\n            <ng-container *ngSwitchCase=\"'cancel-continue'\">\n                <button mat-button (click)=\"closeDialog(false)\" class=\"pep-spacing-element pep-button md weak\">\n                    {{ 'ACTIONS.CANCEL' | translate }}\n                </button>\n                <button mat-button (click)=\"closeDialog(true)\" class=\"pep-spacing-element pep-button md strong\">\n                    {{ 'ACTIONS.CONTINUE' | translate }}\n                </button>\n            </ng-container>\n            <ng-container *ngSwitchCase=\"'cancel-ok'\">\n                <button mat-button (click)=\"closeDialog(false)\" class=\"pep-spacing-element pep-button md weak\">\n                    {{ 'ACTIONS.CANCEL' | translate }}\n                </button>\n                <button mat-button (click)=\"closeDialog(true)\" class=\"pep-spacing-element pep-button md strong\">\n                    {{ 'ACTIONS.OK' | translate }}\n                </button>\n            </ng-container>\n            <ng-container *ngSwitchCase=\"'cancel-delete'\">\n                <button mat-button (click)=\"closeDialog(false)\" class=\"pep-spacing-element pep-button md weak\">\n                    {{ 'ACTIONS.CANCEL' | translate }}\n                </button>\n                <button mat-button (click)=\"closeDialog(true)\" class=\"pep-spacing-element pep-button md strong caution\">\n                    {{ 'ACTIONS.DELETE' | translate }}\n                </button>\n            </ng-container>\n            <ng-container *ngSwitchCase=\"'custom'\">\n                <ng-container *ngFor=\"let btn of data?.actionButtons\">\n                    <!-- [mat-dialog-close]=\"btn?.callback ? btn.callback : null\" -->\n                    <button mat-button (click)=\"onActionButtonClicked(btn)\" class=\"pep-spacing-element pep-button md\"\n                        [ngClass]=\"btn?.className != '' ? btn?.className : 'weak'\">\n                        {{ btn?.title }}\n                    </button>\n                </ng-container>\n            </ng-container>\n        </ng-container>\n    </div>\n</pep-dialog>" }]
-        }], ctorParameters: function () { return [{ type: PepDialogData, decorators: [{
-                    type: Inject,
-                    args: [MAT_DIALOG_DATA]
+class PepDefaultDialogComponent {
+    constructor(data, dialogRef) {
+        this.data = data;
+        this.dialogRef = dialogRef;
+    }
+    onActionButtonClicked(button) {
+        this.dialogRef.close(true);
+        this.dialogRef.afterClosed().subscribe((isActionButtonClicked) => {
+            if (isActionButtonClicked && button?.callback) {
+                button.callback();
+            }
+        });
+    }
+    closeDialog(res) {
+        this.dialogRef.close(res);
+    }
+}
+PepDefaultDialogComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.0.2", ngImport: i0, type: PepDefaultDialogComponent, deps: [{ token: MAT_DIALOG_DATA }, { token: i1.MatDialogRef }], target: i0.ɵɵFactoryTarget.Component });
+PepDefaultDialogComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.0.2", type: PepDefaultDialogComponent, selector: "ng-component", ngImport: i0, template: "<pep-dialog [showClose]=\"data?.showClose\" [showHeader]=\"data?.showHeader\" [showFooter]=\"data?.showFooter\"\n    [title]=\"data?.title\" (close)=\"closeDialog($event)\">\n    <div pep-dialog-content [innerHtml]=\"data?.content | pepSafeHtml\"></div>\n    <div pep-dialog-actions class=\"pep-spacing-element-negative\">\n        <ng-container [ngSwitch]=\"data?.actionsType\">\n            <ng-container *ngSwitchCase=\"'close'\">\n                <button mat-button (click)=\"closeDialog(true)\" class=\"pep-spacing-element pep-button md weak\">\n                    {{ 'ACTIONS.CLOSE' | translate }}\n                </button>\n            </ng-container>\n            <ng-container *ngSwitchCase=\"'cancel-continue'\">\n                <button mat-button (click)=\"closeDialog(false)\" class=\"pep-spacing-element pep-button md weak\">\n                    {{ 'ACTIONS.CANCEL' | translate }}\n                </button>\n                <button mat-button (click)=\"closeDialog(true)\" class=\"pep-spacing-element pep-button md strong\">\n                    {{ 'ACTIONS.CONTINUE' | translate }}\n                </button>\n            </ng-container>\n            <ng-container *ngSwitchCase=\"'cancel-ok'\">\n                <button mat-button (click)=\"closeDialog(false)\" class=\"pep-spacing-element pep-button md weak\">\n                    {{ 'ACTIONS.CANCEL' | translate }}\n                </button>\n                <button mat-button (click)=\"closeDialog(true)\" class=\"pep-spacing-element pep-button md strong\">\n                    {{ 'ACTIONS.OK' | translate }}\n                </button>\n            </ng-container>\n            <ng-container *ngSwitchCase=\"'cancel-delete'\">\n                <button mat-button (click)=\"closeDialog(false)\" class=\"pep-spacing-element pep-button md weak\">\n                    {{ 'ACTIONS.CANCEL' | translate }}\n                </button>\n                <button mat-button (click)=\"closeDialog(true)\" class=\"pep-spacing-element pep-button md strong caution\">\n                    {{ 'ACTIONS.DELETE' | translate }}\n                </button>\n            </ng-container>\n            <ng-container *ngSwitchCase=\"'custom'\">\n                <ng-container *ngFor=\"let btn of data?.actionButtons\">\n                    <!-- [mat-dialog-close]=\"btn?.callback ? btn.callback : null\" -->\n                    <button mat-button (click)=\"onActionButtonClicked(btn)\" class=\"pep-spacing-element pep-button md\"\n                        [ngClass]=\"btn?.className != '' ? btn?.className : 'weak'\">\n                        {{ btn?.title }}\n                    </button>\n                </ng-container>\n            </ng-container>\n        </ng-container>\n    </div>\n</pep-dialog>", styles: [""], dependencies: [{ kind: "directive", type: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i2.NgSwitch, selector: "[ngSwitch]", inputs: ["ngSwitch"] }, { kind: "directive", type: i2.NgSwitchCase, selector: "[ngSwitchCase]", inputs: ["ngSwitchCase"] }, { kind: "component", type: i2$1.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"] }, { kind: "component", type: PepDialogComponent, selector: "pep-dialog", inputs: ["title", "showClose", "showHeader", "showFooter"], outputs: ["close"] }, { kind: "pipe", type: i2$2.PepSafeHtmlPipe, name: "pepSafeHtml" }, { kind: "pipe", type: i6.TranslatePipe, name: "translate" }], encapsulation: i0.ViewEncapsulation.None });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.2", ngImport: i0, type: PepDefaultDialogComponent, decorators: [{
+            type: Component,
+            args: [{ encapsulation: ViewEncapsulation.None, template: "<pep-dialog [showClose]=\"data?.showClose\" [showHeader]=\"data?.showHeader\" [showFooter]=\"data?.showFooter\"\n    [title]=\"data?.title\" (close)=\"closeDialog($event)\">\n    <div pep-dialog-content [innerHtml]=\"data?.content | pepSafeHtml\"></div>\n    <div pep-dialog-actions class=\"pep-spacing-element-negative\">\n        <ng-container [ngSwitch]=\"data?.actionsType\">\n            <ng-container *ngSwitchCase=\"'close'\">\n                <button mat-button (click)=\"closeDialog(true)\" class=\"pep-spacing-element pep-button md weak\">\n                    {{ 'ACTIONS.CLOSE' | translate }}\n                </button>\n            </ng-container>\n            <ng-container *ngSwitchCase=\"'cancel-continue'\">\n                <button mat-button (click)=\"closeDialog(false)\" class=\"pep-spacing-element pep-button md weak\">\n                    {{ 'ACTIONS.CANCEL' | translate }}\n                </button>\n                <button mat-button (click)=\"closeDialog(true)\" class=\"pep-spacing-element pep-button md strong\">\n                    {{ 'ACTIONS.CONTINUE' | translate }}\n                </button>\n            </ng-container>\n            <ng-container *ngSwitchCase=\"'cancel-ok'\">\n                <button mat-button (click)=\"closeDialog(false)\" class=\"pep-spacing-element pep-button md weak\">\n                    {{ 'ACTIONS.CANCEL' | translate }}\n                </button>\n                <button mat-button (click)=\"closeDialog(true)\" class=\"pep-spacing-element pep-button md strong\">\n                    {{ 'ACTIONS.OK' | translate }}\n                </button>\n            </ng-container>\n            <ng-container *ngSwitchCase=\"'cancel-delete'\">\n                <button mat-button (click)=\"closeDialog(false)\" class=\"pep-spacing-element pep-button md weak\">\n                    {{ 'ACTIONS.CANCEL' | translate }}\n                </button>\n                <button mat-button (click)=\"closeDialog(true)\" class=\"pep-spacing-element pep-button md strong caution\">\n                    {{ 'ACTIONS.DELETE' | translate }}\n                </button>\n            </ng-container>\n            <ng-container *ngSwitchCase=\"'custom'\">\n                <ng-container *ngFor=\"let btn of data?.actionButtons\">\n                    <!-- [mat-dialog-close]=\"btn?.callback ? btn.callback : null\" -->\n                    <button mat-button (click)=\"onActionButtonClicked(btn)\" class=\"pep-spacing-element pep-button md\"\n                        [ngClass]=\"btn?.className != '' ? btn?.className : 'weak'\">\n                        {{ btn?.title }}\n                    </button>\n                </ng-container>\n            </ng-container>\n        </ng-container>\n    </div>\n</pep-dialog>" }]
+        }], ctorParameters: function () { return [{ type: PepDialogData, decorators: [{
+                    type: Inject,
+                    args: [MAT_DIALOG_DATA]
                 }] }, { type: i1.MatDialogRef }]; } });
 
-class PepDialogService {
-    constructor(dialog, layoutService, overlay) {
-        this.dialog = dialog;
-        this.layoutService = layoutService;
-        this.overlay = overlay;
-    }
-    fixConfigIfNeeded(data, config) {
-        if (config.disableClose) {
-            // Create tmp object for comparing against the defaults.
-            const tmp = new PepDialogData({
-                showClose: data.showClose,
-                showHeader: data.showHeader,
-                showFooter: data.showFooter,
-                actionButtons: data.actionButtons,
-            });
-            const showCloseIsFalse = tmp.showClose === false;
-            const showHeaderIsFalse = tmp.showHeader === false;
-            const showFooterIsFalse = tmp.showFooter === false;
-            const noActions = tmp.actionButtons === null || tmp.actionButtons.length === 0;
-            if ((showFooterIsFalse && (showCloseIsFalse || showHeaderIsFalse)) ||
-                (data.actionsType === 'custom' && noActions)) {
-                config.disableClose = false;
-            }
-        }
-    }
-    getDialogConfig(options = {}, size = 'regular') {
-        const dialogConfig = new MatDialogConfig();
-        dialogConfig.autoFocus = false;
-        dialogConfig.direction = this.layoutService.isRtl() ? 'rtl' : 'ltr';
-        dialogConfig.disableClose = options.disableClose ?? true;
-        dialogConfig.panelClass = ['pep-dialog'];
-        if (options.panelClass) {
-            dialogConfig.panelClass.push(options.panelClass);
-        }
-        if (size === 'inline') {
-            dialogConfig.height = options.height || 'auto';
-            dialogConfig.maxWidth = options.maxWidth || '100vw';
-            dialogConfig.maxHeight = options.maxHeight || '100vh';
-            dialogConfig.minWidth = options.minWidth || '300px';
-        }
-        dialogConfig.panelClass.push(size);
-        dialogConfig.scrollStrategy = this.overlay.scrollStrategies.noop();
-        // dialogConfig.scrollStrategy = this.overlay.scrollStrategies.block();
-        return dialogConfig;
-    }
-    openDefaultDialog(data, config = null) {
-        if (!config) {
-            config = this.getDialogConfig();
-        }
-        this.fixConfigIfNeeded(data, config);
-        config.data = data;
-        const dialogRef = this.dialog.open(PepDefaultDialogComponent, config);
-        return dialogRef;
-    }
-    openDialog(componentOrTemplateRef, data = {}, config = null) {
-        if (!config) {
-            config = this.getDialogConfig();
-        }
-        const tmpConfig = new PepDialogCustomizeData(data);
-        this.fixConfigIfNeeded(tmpConfig, config);
-        config.data = data;
-        const dialogRef = this.dialog.open(componentOrTemplateRef, config);
-        return dialogRef;
-    }
-}
-PepDialogService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.0.2", ngImport: i0, type: PepDialogService, deps: [{ token: i1.MatDialog }, { token: i2$2.PepLayoutService }, { token: i3$1.Overlay }], target: i0.ɵɵFactoryTarget.Injectable });
-PepDialogService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "14.0.2", ngImport: i0, type: PepDialogService, providedIn: 'root' });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.2", ngImport: i0, type: PepDialogService, decorators: [{
-            type: Injectable,
-            args: [{
-                    providedIn: 'root',
-                }]
+class PepDialogService {
+    constructor(dialog, layoutService, overlay) {
+        this.dialog = dialog;
+        this.layoutService = layoutService;
+        this.overlay = overlay;
+    }
+    fixConfigIfNeeded(data, config) {
+        if (config.disableClose) {
+            // Create tmp object for comparing against the defaults.
+            const tmp = new PepDialogData({
+                showClose: data.showClose,
+                showHeader: data.showHeader,
+                showFooter: data.showFooter,
+                actionButtons: data.actionButtons,
+            });
+            const showCloseIsFalse = tmp.showClose === false;
+            const showHeaderIsFalse = tmp.showHeader === false;
+            const showFooterIsFalse = tmp.showFooter === false;
+            const noActions = tmp.actionButtons === null || tmp.actionButtons.length === 0;
+            if ((showFooterIsFalse && (showCloseIsFalse || showHeaderIsFalse)) ||
+                (data.actionsType === 'custom' && noActions)) {
+                config.disableClose = false;
+            }
+        }
+    }
+    getDialogConfig(options = {}, size = 'regular') {
+        const dialogConfig = new MatDialogConfig();
+        dialogConfig.autoFocus = false;
+        dialogConfig.direction = this.layoutService.isRtl() ? 'rtl' : 'ltr';
+        dialogConfig.disableClose = options.disableClose ?? true;
+        dialogConfig.panelClass = ['pep-dialog'];
+        if (options.panelClass) {
+            dialogConfig.panelClass.push(options.panelClass);
+        }
+        if (size === 'inline') {
+            dialogConfig.height = options.height || 'auto';
+            dialogConfig.maxWidth = options.maxWidth || '100vw';
+            dialogConfig.maxHeight = options.maxHeight || '100vh';
+            dialogConfig.minWidth = options.minWidth || '300px';
+        }
+        dialogConfig.panelClass.push(size);
+        dialogConfig.scrollStrategy = this.overlay.scrollStrategies.noop();
+        // dialogConfig.scrollStrategy = this.overlay.scrollStrategies.block();
+        return dialogConfig;
+    }
+    openDefaultDialog(data, config = null) {
+        if (!config) {
+            config = this.getDialogConfig();
+        }
+        this.fixConfigIfNeeded(data, config);
+        config.data = data;
+        const dialogRef = this.dialog.open(PepDefaultDialogComponent, config);
+        return dialogRef;
+    }
+    openDialog(componentOrTemplateRef, data = {}, config = null) {
+        if (!config) {
+            config = this.getDialogConfig();
+        }
+        const tmpConfig = new PepDialogCustomizeData(data);
+        this.fixConfigIfNeeded(tmpConfig, config);
+        config.data = data;
+        const dialogRef = this.dialog.open(componentOrTemplateRef, config);
+        return dialogRef;
+    }
+}
+PepDialogService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.0.2", ngImport: i0, type: PepDialogService, deps: [{ token: i1.MatDialog }, { token: i2$2.PepLayoutService }, { token: i3$1.Overlay }], target: i0.ɵɵFactoryTarget.Injectable });
+PepDialogService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "14.0.2", ngImport: i0, type: PepDialogService, providedIn: 'root' });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.2", ngImport: i0, type: PepDialogService, decorators: [{
+            type: Injectable,
+            args: [{
+                    providedIn: 'root',
+                }]
         }], ctorParameters: function () { return [{ type: i1.MatDialog }, { type: i2$2.PepLayoutService }, { type: i3$1.Overlay }]; } });
 
-class PepDialogModule {
-    constructor(pepIconRegistry) {
-        this.pepIconRegistry = pepIconRegistry;
-        this.pepIconRegistry.registerIcons([pepIconSystemClose]);
-    }
-}
-PepDialogModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.0.2", ngImport: i0, type: PepDialogModule, deps: [{ token: i1$1.PepIconRegistry }], target: i0.ɵɵFactoryTarget.NgModule });
-PepDialogModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "14.0.2", ngImport: i0, type: PepDialogModule, declarations: [PepDefaultDialogComponent, PepDialogComponent], imports: [CommonModule,
-        // Material modules,
-        MatCommonModule,
-        MatButtonModule,
-        MatIconModule,
-        MatDialogModule,
-        // ngx-lib modules
-        PepNgxLibModule,
-        PepIconModule], exports: [PepDialogComponent] });
-PepDialogModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "14.0.2", ngImport: i0, type: PepDialogModule, providers: [PepDialogService], imports: [CommonModule,
-        // Material modules,
-        MatCommonModule,
-        MatButtonModule,
-        MatIconModule,
-        MatDialogModule,
-        // ngx-lib modules
-        PepNgxLibModule,
-        PepIconModule] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.2", ngImport: i0, type: PepDialogModule, decorators: [{
-            type: NgModule,
-            args: [{
-                    imports: [
-                        CommonModule,
-                        // Material modules,
-                        MatCommonModule,
-                        MatButtonModule,
-                        MatIconModule,
-                        MatDialogModule,
-                        // ngx-lib modules
-                        PepNgxLibModule,
-                        PepIconModule,
-                    ],
-                    exports: [PepDialogComponent],
-                    declarations: [PepDefaultDialogComponent, PepDialogComponent],
-                    entryComponents: [PepDefaultDialogComponent],
-                    providers: [PepDialogService]
-                }]
+class PepDialogModule {
+    constructor(pepIconRegistry) {
+        this.pepIconRegistry = pepIconRegistry;
+        this.pepIconRegistry.registerIcons([pepIconSystemClose]);
+    }
+}
+PepDialogModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.0.2", ngImport: i0, type: PepDialogModule, deps: [{ token: i1$1.PepIconRegistry }], target: i0.ɵɵFactoryTarget.NgModule });
+PepDialogModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "14.0.2", ngImport: i0, type: PepDialogModule, declarations: [PepDefaultDialogComponent, PepDialogComponent], imports: [CommonModule,
+        // Material modules,
+        MatCommonModule,
+        MatButtonModule,
+        MatIconModule,
+        MatDialogModule,
+        // ngx-lib modules
+        PepNgxLibModule,
+        PepIconModule], exports: [PepDialogComponent] });
+PepDialogModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "14.0.2", ngImport: i0, type: PepDialogModule, providers: [PepDialogService], imports: [CommonModule,
+        // Material modules,
+        MatCommonModule,
+        MatButtonModule,
+        MatIconModule,
+        MatDialogModule,
+        // ngx-lib modules
+        PepNgxLibModule,
+        PepIconModule] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.2", ngImport: i0, type: PepDialogModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    imports: [
+                        CommonModule,
+                        // Material modules,
+                        MatCommonModule,
+                        MatButtonModule,
+                        MatIconModule,
+                        MatDialogModule,
+                        // ngx-lib modules
+                        PepNgxLibModule,
+                        PepIconModule,
+                    ],
+                    exports: [PepDialogComponent],
+                    declarations: [PepDefaultDialogComponent, PepDialogComponent],
+                    entryComponents: [PepDefaultDialogComponent],
+                    providers: [PepDialogService]
+                }]
         }], ctorParameters: function () { return [{ type: i1$1.PepIconRegistry }]; } });
 
-/*
- * Public API Surface of ngx-lib/dialog
+/*
+ * Public API Surface of ngx-lib/dialog
  */
 
-/**
- * Generated bundle index. Do not edit.
+/**
+ * Generated bundle index. Do not edit.
  */
 
 export { PepDialogActionButton, PepDialogComponent, PepDialogCustomizeData, PepDialogData, PepDialogModule, PepDialogService };