adb-shared 2.0.20 → 2.0.23

package/fesm2020/adb-shared.mjs

@@ -4,7 +4,7 @@ import * as i0 from '@angular/core';
 import { Injectable, Inject, EventEmitter, Component, Output, Input, Directive, HostListener, NgModule, HostBinding, Pipe, forwardRef } from '@angular/core';
 import * as i1$1 from '@ngx-translate/core';
 import { TranslateModule } from '@ngx-translate/core';
-import { Subscription } from 'rxjs';
+import { Subscription, Subject } from 'rxjs';
 import * as i1 from '@angular/common/http';
 import { HttpClientModule } from '@angular/common/http';
 import * as i1$2 from '@angular/router';
@@ -803,6 +803,8 @@ class AdbDropdownDirective {
     constructor(elementRef, adbDropdownService) {
         this.elementRef = elementRef;
         this.adbDropdownService = adbDropdownService;
+        this.adbDropdown = new EventEmitter();
+        this.insideClick = false;
         this.dataToggle = "dropdown";
         this.haspPopup = true;
         this.expanded = false;
@@ -824,13 +826,15 @@ class AdbDropdownDirective {
                 menu.classList.remove('show');
             }
             else {
+                this.adbDropdown.emit();
                 menu.classList.add('show');
             }
         }
     }
     onCheckOutSideClick(target) {
         if (this.adbDropdownService.currentMenuId === this.id) {
-            const clickedInside = this.elementRef.nativeElement.contains(target);
+            const parent = this.insideClick ? this.elementRef.nativeElement.parentNode : this.elementRef.nativeElement;
+            const clickedInside = parent.contains(target);
             if (!clickedInside) {
                 const parent = this.elementRef.nativeElement.parentNode.querySelector('.dropdown-menu');
                 parent?.classList.remove('show');
@@ -841,18 +845,28 @@ class AdbDropdownDirective {
             parent?.classList.remove('show');
         }
     }
+    close() {
+        const node = this.elementRef.nativeElement.parentNode;
+        const menu = node.querySelector('.dropdown-menu');
+        menu.classList.remove('show');
+    }
     getId() {
         return '' + Math.floor(Math.random() * Date.now());
     }
 }
 /** @nocollapse */ AdbDropdownDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.8", ngImport: i0, type: AdbDropdownDirective, deps: [{ token: i0.ElementRef }, { token: AdbDropdownService }], target: i0.ɵɵFactoryTarget.Directive });
-/** @nocollapse */ AdbDropdownDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "13.3.8", type: AdbDropdownDirective, selector: "[adbDropdown]", host: { listeners: { "click": "onClick()", "document:click": "onCheckOutSideClick($event.target)" }, properties: { "id": "this.id", "attr.data-toggle": "this.dataToggle", "attr.aria-haspopup": "this.haspPopup", "attr.aria-expanded": "this.expanded" } }, ngImport: i0 });
+/** @nocollapse */ AdbDropdownDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "13.3.8", type: AdbDropdownDirective, selector: "[adbDropdown]", inputs: { insideClick: "insideClick" }, outputs: { adbDropdown: "adbDropdown" }, host: { listeners: { "click": "onClick()", "document:click": "onCheckOutSideClick($event.target)" }, properties: { "id": "this.id", "attr.data-toggle": "this.dataToggle", "attr.aria-haspopup": "this.haspPopup", "attr.aria-expanded": "this.expanded" } }, exportAs: ["adbDropdown"], ngImport: i0 });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.8", ngImport: i0, type: AdbDropdownDirective, decorators: [{
             type: Directive,
             args: [{
-                    selector: '[adbDropdown]'
+                    selector: '[adbDropdown]',
+                    exportAs: 'adbDropdown'
                 }]
-        }], ctorParameters: function () { return [{ type: i0.ElementRef }, { type: AdbDropdownService }]; }, propDecorators: { id: [{
+        }], ctorParameters: function () { return [{ type: i0.ElementRef }, { type: AdbDropdownService }]; }, propDecorators: { adbDropdown: [{
+                type: Output
+            }], insideClick: [{
+                type: Input
+            }], id: [{
                 type: HostBinding,
                 args: ['id']
             }], dataToggle: [{
@@ -887,6 +901,75 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.8", ngImpor
                 }]
         }] });
 
+class AdbModalService {
+    constructor(componentFactoryResolver, rendererFactory, appRef, injector) {
+        this.componentFactoryResolver = componentFactoryResolver;
+        this.appRef = appRef;
+        this.injector = injector;
+        this.closeSubject = new Subject();
+        this.close$ = this.closeSubject.asObservable();
+        this.renderer = rendererFactory.createRenderer(null, null);
+    }
+    hide(confirm) {
+        this.closeSubject.next(confirm);
+        document.body.removeChild(this.domElem);
+        document.body.removeChild(this.backdrop);
+        this.renderer.removeClass(document.body, 'modal-open');
+    }
+    showConfirm(model) {
+        this.renderer.addClass(document.body, 'modal-open');
+        this.backdrop = this.renderer.createElement('div');
+        this.backdrop.classList.add('modal-backdrop', 'fade', 'show');
+        this.renderer.appendChild(document.body, this.backdrop);
+        let componentRef = this.componentFactoryResolver.resolveComponentFactory(AdbConfirmModal).create(this.injector);
+        model.header = model.header ?? 'NOT_SET';
+        model.text = model.text ?? 'NOT_SET';
+        model.confirm = model.confirm ?? 'OK';
+        model.decline = model.decline ?? 'CANCEL';
+        componentRef.instance.model = model;
+        this.appRef.attachView(componentRef.hostView);
+        this.domElem = componentRef.hostView.rootNodes[0];
+        document.body.appendChild(this.domElem);
+    }
+}
+/** @nocollapse */ AdbModalService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.8", ngImport: i0, type: AdbModalService, deps: [{ token: i0.ComponentFactoryResolver }, { token: i0.RendererFactory2 }, { token: i0.ApplicationRef }, { token: i0.Injector }], target: i0.ɵɵFactoryTarget.Injectable });
+/** @nocollapse */ AdbModalService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "13.3.8", ngImport: i0, type: AdbModalService });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.8", ngImport: i0, type: AdbModalService, decorators: [{
+            type: Injectable
+        }], ctorParameters: function () { return [{ type: i0.ComponentFactoryResolver }, { type: i0.RendererFactory2 }, { type: i0.ApplicationRef }, { type: i0.Injector }]; } });
+
+class AdbConfirmModal {
+    constructor(modalRef) {
+        this.modalRef = modalRef;
+    }
+    onClose(confirm) {
+        this.modalRef.hide(confirm);
+    }
+}
+/** @nocollapse */ AdbConfirmModal.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.8", ngImport: i0, type: AdbConfirmModal, deps: [{ token: AdbModalService }], target: i0.ɵɵFactoryTarget.Component });
+/** @nocollapse */ AdbConfirmModal.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.8", type: AdbConfirmModal, selector: "ng-component", inputs: { model: "model" }, ngImport: i0, template: "<div class=\"modal fade show\" *ngIf=\"model\">\r\n    <div class=\"modal-dialog modal-dialog-centered\">\r\n        <div class=\"modal-content\">\r\n            <div class=\"modal-header\">\r\n                <h1 class=\"h-subsection mb-0 modal-title\" translate>{{model.header}}</h1>\r\n                <button type=\"button\" class=\"btn-close\" data-bs-dismiss=\"modal\" aria-label=\"Close\" (click)=\"onClose(false)\"></button>\r\n            </div>\r\n            <div class=\"modal-body\">\r\n                {{model.text|translate}}\r\n                <div *ngIf=\"model.value\">\r\n                    <strong>{{model.value}}</strong>\r\n                </div>\r\n            </div>\r\n            <div class=\"modal-footer\">\r\n                <div class=\"text-right\">\r\n                    <button type=\"button\" class=\"btn btn-primary me-2\"\r\n                        (click)=\"onClose(true)\">{{model.confirm|translate}}</button>\r\n                    <button type=\"button\" class=\"btn btn-secondary\"\r\n                        (click)=\"onClose(false)\">{{model.decline|translate}}</button>\r\n                </div>\r\n            </div>\r\n        </div>\r\n    </div>\r\n</div>", directives: [{ type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i1$1.TranslateDirective, selector: "[translate],[ngx-translate]", inputs: ["translate", "translateParams"] }], pipes: { "translate": i1$1.TranslatePipe } });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.8", ngImport: i0, type: AdbConfirmModal, decorators: [{
+            type: Component,
+            args: [{ template: "<div class=\"modal fade show\" *ngIf=\"model\">\r\n    <div class=\"modal-dialog modal-dialog-centered\">\r\n        <div class=\"modal-content\">\r\n            <div class=\"modal-header\">\r\n                <h1 class=\"h-subsection mb-0 modal-title\" translate>{{model.header}}</h1>\r\n                <button type=\"button\" class=\"btn-close\" data-bs-dismiss=\"modal\" aria-label=\"Close\" (click)=\"onClose(false)\"></button>\r\n            </div>\r\n            <div class=\"modal-body\">\r\n                {{model.text|translate}}\r\n                <div *ngIf=\"model.value\">\r\n                    <strong>{{model.value}}</strong>\r\n                </div>\r\n            </div>\r\n            <div class=\"modal-footer\">\r\n                <div class=\"text-right\">\r\n                    <button type=\"button\" class=\"btn btn-primary me-2\"\r\n                        (click)=\"onClose(true)\">{{model.confirm|translate}}</button>\r\n                    <button type=\"button\" class=\"btn btn-secondary\"\r\n                        (click)=\"onClose(false)\">{{model.decline|translate}}</button>\r\n                </div>\r\n            </div>\r\n        </div>\r\n    </div>\r\n</div>" }]
+        }], ctorParameters: function () { return [{ type: AdbModalService }]; }, propDecorators: { model: [{
+                type: Input
+            }] } });
+
+class AdbModalModule {
+}
+/** @nocollapse */ AdbModalModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.8", ngImport: i0, type: AdbModalModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+/** @nocollapse */ AdbModalModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.3.8", ngImport: i0, type: AdbModalModule, declarations: [AdbConfirmModal], imports: [CommonModule, i1$1.TranslateModule, AdbDirectivesModule], exports: [AdbConfirmModal] });
+/** @nocollapse */ AdbModalModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.3.8", ngImport: i0, type: AdbModalModule, providers: [AdbModalService], imports: [[CommonModule, TranslateModule.forChild(), AdbDirectivesModule]] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.8", ngImport: i0, type: AdbModalModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    imports: [CommonModule, TranslateModule.forChild(), AdbDirectivesModule],
+                    declarations: [AdbConfirmModal],
+                    exports: [AdbConfirmModal],
+                    providers: [AdbModalService]
+                }]
+        }] });
+
 /*
  * Public API Surface of artdata-shared
  */
@@ -895,5 +978,5 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.8", ngImpor
  * Generated bundle index. Do not edit.
  */
 
-export { ADBHeaderComponent, ADBHeaderModule, AdbDatePickerComponent, AdbDatePickerDirective, AdbDatePickerModule, AdbDirectivesModule, AdbDropdownDirective, AdbDropdownModule, AdbPagersModule, AdbPipesModule, ClickOutsideDirective, FileUploadDirective, FocusDirective, HighlightPipe, InfiniteScrollComponent, LocaleDatePipe, NumberSpacingPipe, PagerComponent };
+export { ADBHeaderComponent, ADBHeaderModule, AdbConfirmModal, AdbDatePickerComponent, AdbDatePickerDirective, AdbDatePickerModule, AdbDirectivesModule, AdbDropdownDirective, AdbDropdownModule, AdbModalModule, AdbModalService, AdbPagersModule, AdbPipesModule, ClickOutsideDirective, FileUploadDirective, FocusDirective, HighlightPipe, InfiniteScrollComponent, LocaleDatePipe, NumberSpacingPipe, PagerComponent };
 //# sourceMappingURL=adb-shared.mjs.map