@festo-ui/angular 5.0.0-dev.106 → 5.0.0-dev.109

package/fesm2020/festo-ui-angular.mjs

@@ -2805,6 +2805,7 @@ class FngCustomModalComponent {
         this.acknowledge = new EventEmitter();
         this.cancelLabel = 'Cancel';
         this.cancel = new EventEmitter();
+        this.close = new EventEmitter();
     }
     closeModal() {
         this.visible = false;
@@ -2812,6 +2813,12 @@ class FngCustomModalComponent {
             this.visibleChange.emit(false);
         }
     }
+    onClose() {
+        if (this.close) {
+            this.close.emit();
+        }
+        this.closeModal();
+    }
     onCancel() {
         this.closeModal();
         if (this.cancel) {
@@ -2825,7 +2832,7 @@ class FngCustomModalComponent {
     }
     onClickOutside() {
         if (this.closeOnBackdrop) {
-            this.onCancel();
+            this.onClose();
         }
     }
     onClickInside(event) {
@@ -2833,10 +2840,10 @@ class FngCustomModalComponent {
     }
 }
 FngCustomModalComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.1.1", ngImport: i0, type: FngCustomModalComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-FngCustomModalComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.1.1", type: FngCustomModalComponent, isStandalone: true, selector: "fng-custom-modal", inputs: { closeOnBackdrop: "closeOnBackdrop", large: "large", visible: "visible", header: "header", subheader: "subheader", acknowledgeLabel: "acknowledgeLabel", cancelLabel: "cancelLabel" }, outputs: { visibleChange: "visibleChange", acknowledge: "acknowledge", cancel: "cancel" }, ngImport: i0, template: "<div class=\"fwe-modal-backdrop\" *ngIf=\"visible\" (mousedown)=\"onClickOutside()\">\n  <div class=\"fwe-modal\" [class.fwe-modal--large]=\"large\" (mousedown)=\"onClickInside($event)\">\n    <div class=\"fwe-modal-close\">\n      <button class=\"fwe-btn fwe-btn-link fwe-dark\" (click)=\"onCancel()\">\n        <i class=\"fwe-icon fwe-icon-2x fwe-icon-close-small\"></i>\n      </button>\n    </div>\n    <div class=\"fwe-modal-header\">\n      <h2 class=\"fwe-modal-h2\" *ngIf=\"subheader?.length\">{{ subheader }}</h2>\n      <h1 class=\"fwe-modal-h1\">{{ header }}</h1>\n    </div>\n    <div class=\"fwe-modal-body\">\n      <ng-content></ng-content>\n    </div>\n    <div class=\"fwe-modal-footer\">\n      <div class=\"fwe-modal-buttons\">\n        <button class=\"fwe-btn fwe-btn-lg\" (click)=\"onCancel()\">\n          {{ cancelLabel }}\n        </button>\n        <button class=\"fwe-btn fwe-btn-hero fwe-btn-lg\" (click)=\"onAcknowledge()\">\n          {{ acknowledgeLabel }}\n        </button>\n      </div>\n    </div>\n  </div>\n</div>\n", dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] });
+FngCustomModalComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.1.1", type: FngCustomModalComponent, isStandalone: true, selector: "fng-custom-modal", inputs: { closeOnBackdrop: "closeOnBackdrop", large: "large", visible: "visible", header: "header", subheader: "subheader", acknowledgeLabel: "acknowledgeLabel", cancelLabel: "cancelLabel" }, outputs: { visibleChange: "visibleChange", acknowledge: "acknowledge", cancel: "cancel", close: "close" }, ngImport: i0, template: "<div class=\"fwe-modal-backdrop\" *ngIf=\"visible\" (mousedown)=\"onClickOutside()\">\n  <div class=\"fwe-modal\" [class.fwe-modal--large]=\"large\" (mousedown)=\"onClickInside($event)\">\n    <div class=\"fwe-modal-close\">\n      <button class=\"fwe-btn fwe-btn-link fwe-dark\" (click)=\"onClose()\">\n        <i class=\"fwe-icon fwe-icon-2x fwe-icon-close-small\"></i>\n      </button>\n    </div>\n    <div class=\"fwe-modal-header\">\n      <h2 class=\"fwe-modal-h2\" *ngIf=\"subheader?.length\">{{ subheader }}</h2>\n      <h1 class=\"fwe-modal-h1\">{{ header }}</h1>\n    </div>\n    <div class=\"fwe-modal-body\">\n      <ng-content></ng-content>\n    </div>\n    <div class=\"fwe-modal-footer\">\n      <div class=\"fwe-modal-buttons\">\n        <button class=\"fwe-btn fwe-btn-lg\" (click)=\"onCancel()\">\n          {{ cancelLabel }}\n        </button>\n        <button class=\"fwe-btn fwe-btn-hero fwe-btn-lg\" (click)=\"onAcknowledge()\">\n          {{ acknowledgeLabel }}\n        </button>\n      </div>\n    </div>\n  </div>\n</div>\n", dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.1.1", ngImport: i0, type: FngCustomModalComponent, decorators: [{
             type: Component,
-            args: [{ standalone: true, imports: [CommonModule], selector: 'fng-custom-modal', template: "<div class=\"fwe-modal-backdrop\" *ngIf=\"visible\" (mousedown)=\"onClickOutside()\">\n  <div class=\"fwe-modal\" [class.fwe-modal--large]=\"large\" (mousedown)=\"onClickInside($event)\">\n    <div class=\"fwe-modal-close\">\n      <button class=\"fwe-btn fwe-btn-link fwe-dark\" (click)=\"onCancel()\">\n        <i class=\"fwe-icon fwe-icon-2x fwe-icon-close-small\"></i>\n      </button>\n    </div>\n    <div class=\"fwe-modal-header\">\n      <h2 class=\"fwe-modal-h2\" *ngIf=\"subheader?.length\">{{ subheader }}</h2>\n      <h1 class=\"fwe-modal-h1\">{{ header }}</h1>\n    </div>\n    <div class=\"fwe-modal-body\">\n      <ng-content></ng-content>\n    </div>\n    <div class=\"fwe-modal-footer\">\n      <div class=\"fwe-modal-buttons\">\n        <button class=\"fwe-btn fwe-btn-lg\" (click)=\"onCancel()\">\n          {{ cancelLabel }}\n        </button>\n        <button class=\"fwe-btn fwe-btn-hero fwe-btn-lg\" (click)=\"onAcknowledge()\">\n          {{ acknowledgeLabel }}\n        </button>\n      </div>\n    </div>\n  </div>\n</div>\n" }]
+            args: [{ standalone: true, imports: [CommonModule], selector: 'fng-custom-modal', template: "<div class=\"fwe-modal-backdrop\" *ngIf=\"visible\" (mousedown)=\"onClickOutside()\">\n  <div class=\"fwe-modal\" [class.fwe-modal--large]=\"large\" (mousedown)=\"onClickInside($event)\">\n    <div class=\"fwe-modal-close\">\n      <button class=\"fwe-btn fwe-btn-link fwe-dark\" (click)=\"onClose()\">\n        <i class=\"fwe-icon fwe-icon-2x fwe-icon-close-small\"></i>\n      </button>\n    </div>\n    <div class=\"fwe-modal-header\">\n      <h2 class=\"fwe-modal-h2\" *ngIf=\"subheader?.length\">{{ subheader }}</h2>\n      <h1 class=\"fwe-modal-h1\">{{ header }}</h1>\n    </div>\n    <div class=\"fwe-modal-body\">\n      <ng-content></ng-content>\n    </div>\n    <div class=\"fwe-modal-footer\">\n      <div class=\"fwe-modal-buttons\">\n        <button class=\"fwe-btn fwe-btn-lg\" (click)=\"onCancel()\">\n          {{ cancelLabel }}\n        </button>\n        <button class=\"fwe-btn fwe-btn-hero fwe-btn-lg\" (click)=\"onAcknowledge()\">\n          {{ acknowledgeLabel }}\n        </button>\n      </div>\n    </div>\n  </div>\n</div>\n" }]
         }], propDecorators: { closeOnBackdrop: [{
                 type: Input
             }], large: [{
@@ -2857,6 +2864,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.1.1", ngImpor
                 type: Input
             }], cancel: [{
                 type: Output
+            }], close: [{
+                type: Output
             }] } });
 
 class FestoAngularModalsModule {