zek 17.3.8 → 17.3.10

package/fesm2022/zek.mjs

@@ -1,10 +1,10 @@
 import * as i0 from '@angular/core';
 import { Injectable, InjectionToken, Inject, Directive, inject, Input, EventEmitter, Output, ViewChild, Pipe, Component, forwardRef, NgModule, HostListener, ViewEncapsulation, ChangeDetectionStrategy, Optional } from '@angular/core';
-import { BehaviorSubject, Subject, catchError, of, firstValueFrom, timer } from 'rxjs';
 import * as i1 from '@angular/router';
-import { NavigationStart, RouterModule } from '@angular/router';
+import { NavigationStart, ActivatedRoute, Router, RouterModule } from '@angular/router';
+import { BehaviorSubject, Subject, catchError, of, firstValueFrom, timer } from 'rxjs';
 import * as i1$1 from '@ngx-translate/core';
-import { TranslateModule } from '@ngx-translate/core';
+import { TranslateService, TranslateModule } from '@ngx-translate/core';
 import * as i1$2 from '@angular/common/http';
 import { HttpParams, HttpHeaders, HTTP_INTERCEPTORS } from '@angular/common/http';
 import * as i1$3 from '@angular/common';
@@ -1936,10 +1936,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.4", ngImpor
         }] });
 
 class BaseComponent extends CoreComponent {
-    constructor(route, router) {
-        super();
-        this.route = route;
-        this.router = router;
+    constructor() {
+        super(...arguments);
+        this._api = inject(WebApiClient);
+        this.route = inject(ActivatedRoute);
+        this.router = inject(Router);
         this._readOnly = false;
         this._url = null;
     }
@@ -1983,7 +1984,7 @@ class BaseComponent extends CoreComponent {
             return;
         }
         const template = split[1];
-        let api = inject(WebApiClient);
+        // let api = inject(WebApiClient);
         let actionName;
         switch (printType) {
             case PrintType.Pdf:
@@ -1993,18 +1994,18 @@ class BaseComponent extends CoreComponent {
                 actionName = 'ShowIdLink';
                 break;
         }
-        api.getString(`api/Reports/${actionName}`, { template, id }).subscribe(url => {
+        this._api.getString(`api/Reports/${actionName}`, { template, id }).subscribe(url => {
             if (url) {
                 window.open(url, '_blank');
             }
         });
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.4", ngImport: i0, type: BaseComponent, deps: [{ token: i1.ActivatedRoute }, { token: i1.Router }], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.4", ngImport: i0, type: BaseComponent, deps: null, target: i0.ɵɵFactoryTarget.Directive }); }
     static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "17.3.4", type: BaseComponent, inputs: { readOnly: "readOnly", model: "model" }, usesInheritance: true, ngImport: i0 }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.4", ngImport: i0, type: BaseComponent, decorators: [{
             type: Directive
-        }], ctorParameters: () => [{ type: i1.ActivatedRoute }, { type: i1.Router }], propDecorators: { readOnly: [{
+        }], propDecorators: { readOnly: [{
                 type: Input
             }], model: [{
                 type: Input
@@ -2200,13 +2201,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.4", ngImpor
                 type: Input
             }] } });
 
-// import { IObjectConstructor } from '../models/ctor';
-// import { IService } from '../services/base.service';
-// import { AlertService } from '../modules/alert/shared/alert.service';
-// import { Area } from '../models/area.model';
-// import { PrintType } from '../models/print.model';
-// import { TranslateService } from '@ngx-translate/core';
-// import { ModalComponent } from '../modules/modal/modal.component';
 class EditFormComponent extends BaseComponent {
     constructor() {
         super(...arguments);
@@ -2306,11 +2300,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.4", ngImpor
                 args: ['disapproveModal', { static: false }]
             }] } });
 class EditBaseComponent extends EditFormComponent {
-    constructor(service, translate, alert, route, router) {
-        super(route, router);
+    constructor(service) {
+        super();
         this.service = service;
-        this.translate = translate;
-        this.alert = alert;
+        this.translate = inject(TranslateService);
+        this.alert = inject(AlertService);
     }
     async internalSave(navigateToReturnUrl) {
         this.alert.clear();
@@ -2411,21 +2405,21 @@ class EditBaseComponent extends EditFormComponent {
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.4", ngImport: i0, type: EditBaseComponent, decorators: [{
             type: Directive
-        }], ctorParameters: () => [{ type: undefined }, { type: i1$1.TranslateService }, { type: AlertService }, { type: i1.ActivatedRoute }, { type: i1.Router }] });
+        }], ctorParameters: () => [{ type: undefined }] });
 class EditComponent extends EditBaseComponent {
-    constructor(ctorModel, service, translate, alert, route, router) {
-        super(service, translate, alert, route, router);
-        this.ctorModel = ctorModel;
+    constructor(_ctorModel, service) {
+        super(service);
+        this._ctorModel = _ctorModel;
     }
     initCreate() {
-        this.model = new this.ctorModel();
+        this.model = new this._ctorModel();
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.4", ngImport: i0, type: EditComponent, deps: "invalid", target: i0.ɵɵFactoryTarget.Directive }); }
     static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "17.3.4", type: EditComponent, usesInheritance: true, ngImport: i0 }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.4", ngImport: i0, type: EditComponent, decorators: [{
             type: Directive
-        }], ctorParameters: () => [{ type: undefined }, { type: undefined }, { type: i1$1.TranslateService }, { type: AlertService }, { type: i1.ActivatedRoute }, { type: i1.Router }] });
+        }], ctorParameters: () => [{ type: undefined }, { type: undefined }] });
 
 class EditBase {
 }
@@ -2557,11 +2551,9 @@ class ValidEventArgs {
 
 // declare let bootstrap: any;
 class ListBaseComponent extends BaseComponent {
-    constructor(service, translate, alert, route, router) {
-        super(route, router);
+    constructor(service) {
+        super();
         this.service = service;
-        this.translate = translate;
-        this.alert = alert;
         this.filter = new FilterBase();
         this.saveFilter = true;
         this.internalFilter = new FilterBase();
@@ -2571,6 +2563,8 @@ class ListBaseComponent extends BaseComponent {
         this.approveModel = {};
         this.approvedMesage = 'Alert.Approved';
         this.disapprovedMesage = 'Alert.Disapproved';
+        this.translate = inject(TranslateService);
+        this.alert = inject(AlertService);
     }
     init() {
         super.init();
@@ -2796,7 +2790,7 @@ class ListBaseComponent extends BaseComponent {
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.4", ngImport: i0, type: ListBaseComponent, decorators: [{
             type: Directive
-        }], ctorParameters: () => [{ type: undefined }, { type: i1$1.TranslateService }, { type: AlertService }, { type: i1.ActivatedRoute }, { type: i1.Router }], propDecorators: { filterModal: [{
+        }], ctorParameters: () => [{ type: undefined }], propDecorators: { filterModal: [{
                 type: ViewChild,
                 args: ['filterModal', { static: false }]
             }], approveModal: [{
@@ -5883,7 +5877,7 @@ class ZekSelect2Multiple {
     filterData() {
         if (this.filter && this.filter !== '') {
             let searchString = this.filter;
-            if (this.textField === undefined || this.textField === null) {
+            if (typeof this.textField === 'undefined' || this.textField === null) {
                 this.filteredData = this.data.filter(item => item.toLowerCase().indexOf(searchString.toLowerCase()) !== -1);
             }
             else {
@@ -5903,11 +5897,12 @@ class ZekSelect2Multiple {
         this.setText();
     }
     setText() {
-        if (this.textField === undefined || this.textField === null) {
+        let fieldName = this.selectedField || this.textField;
+        if (StringHelper.isNullOrEmpty((fieldName))) {
             this.text = this._selectedItems.join(', ');
         }
         else {
-            this.text = this._selectedItems.map(x => x[this.textField]).join(', ');
+            this.text = this._selectedItems.map(x => x[fieldName]).join(', ');
         }
     }
     selectItem(item) {
@@ -5931,7 +5926,7 @@ class ZekSelect2Multiple {
         this.valueChange.emit(v);
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.4", ngImport: i0, type: ZekSelect2Multiple, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.4", type: ZekSelect2Multiple, isStandalone: true, selector: "zek-select2-multiple,[zek-select2-multiple]", inputs: { data: "data", textField: "textField", valueField: "valueField", placeholder: "placeholder", value: "value" }, outputs: { selectedItemChange: "selectedItemChange", valueChange: "valueChange" }, ngImport: i0, template: "<div class=\"input-group position-relative\" id=\"dropdown-menu-container-{{elementId}}\">\r\n  <input type=\"text\" class=\"form-control\" placeholder=\"{{placeholder}}\" data-bs-toggle=\"dropdown\" data-bs-auto-close=\"outside\" id=\"input-{{elementId}}\" [(ngModel)]=\"text\" (ngModelChange)=\"onTextChange($event)\" (focus)=\"onFocus($event)\" (blur)=\"inputUnfocused()\">\r\n  <button class=\"btn btn-outline-secondary dropdown-toggle\" id=\"btn-{{elementId}}\" type=\"button\" data-bs-toggle=\"dropdown\" aria-expanded=\"false\" data-bs-reference=\"parent\"></button>\r\n  <ul class=\"dropdown-menu dropdown-menu-start w-100 scrollable-menu\" id=\"dropdown-menu-{{elementId}}\">\r\n    <ng-container *ngIf=\"textField\">\r\n      <li *ngFor=\"let item of filteredData\">\r\n        <a href=\"javascript:void(0)\" (click)=\"selectItem(item)\" class=\"dropdown-item\">\r\n          <span *ngIf=\"item.selected\"><i class=\"fa-regular fa-square-check\"></i></span>\r\n          <span *ngIf=\"!item.selected\"><i class=\"fa-regular fa-square\"></i></span>\r\n          {{item[textField]}}\r\n        </a>\r\n      </li>\r\n    </ng-container>\r\n    <ng-container *ngIf=\"!textField\">\r\n      <li *ngFor=\"let item of filteredData\">\r\n        <a href=\"javascript:void(0)\" (click)=\"selectItem(item)\" class=\"dropdown-item\">\r\n          <span *ngIf=\"item.selected\"><i class=\"fa-regular fa-square-check\"></i></span>\r\n          <span *ngIf=\"!item.selected\"><i class=\"fa-regular fa-square\"></i></span>\r\n          {{item}}\r\n        </a>\r\n      </li>\r\n    </ng-container>\r\n  </ul>\r\n</div>", dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1$3.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1$3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1$5.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i1$5.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$5.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }] }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.4", type: ZekSelect2Multiple, isStandalone: true, selector: "zek-select2-multiple,[zek-select2-multiple]", inputs: { data: "data", textField: "textField", selectedField: "selectedField", valueField: "valueField", placeholder: "placeholder", value: "value" }, outputs: { selectedItemChange: "selectedItemChange", valueChange: "valueChange" }, ngImport: i0, template: "<div class=\"input-group position-relative\" id=\"dropdown-menu-container-{{elementId}}\">\r\n  <input type=\"text\" class=\"form-control\" placeholder=\"{{placeholder}}\" data-bs-toggle=\"dropdown\" data-bs-auto-close=\"outside\" id=\"input-{{elementId}}\" [(ngModel)]=\"text\" (ngModelChange)=\"onTextChange($event)\" (focus)=\"onFocus($event)\" (blur)=\"inputUnfocused()\">\r\n  <button class=\"btn btn-outline-secondary dropdown-toggle\" id=\"btn-{{elementId}}\" type=\"button\" data-bs-toggle=\"dropdown\" aria-expanded=\"false\" data-bs-reference=\"parent\"></button>\r\n  <ul class=\"dropdown-menu dropdown-menu-start w-100 scrollable-menu\" id=\"dropdown-menu-{{elementId}}\">\r\n    <ng-container *ngIf=\"textField\">\r\n      <li *ngFor=\"let item of filteredData\">\r\n        <a href=\"javascript:void(0)\" (click)=\"selectItem(item)\" class=\"dropdown-item\">\r\n          <span *ngIf=\"item.selected\"><i class=\"fa-regular fa-square-check\"></i></span>\r\n          <span *ngIf=\"!item.selected\"><i class=\"fa-regular fa-square\"></i></span>\r\n          {{item[textField]}}\r\n        </a>\r\n      </li>\r\n    </ng-container>\r\n    <ng-container *ngIf=\"!textField\">\r\n      <li *ngFor=\"let item of filteredData\">\r\n        <a href=\"javascript:void(0)\" (click)=\"selectItem(item)\" class=\"dropdown-item\">\r\n          <span *ngIf=\"item.selected\"><i class=\"fa-regular fa-square-check\"></i></span>\r\n          <span *ngIf=\"!item.selected\"><i class=\"fa-regular fa-square\"></i></span>\r\n          {{item}}\r\n        </a>\r\n      </li>\r\n    </ng-container>\r\n  </ul>\r\n</div>", dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1$3.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1$3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1$5.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i1$5.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$5.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.4", ngImport: i0, type: ZekSelect2Multiple, decorators: [{
             type: Component,
@@ -5940,6 +5935,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.4", ngImpor
                 type: Input
             }], textField: [{
                 type: Input
+            }], selectedField: [{
+                type: Input
             }], valueField: [{
                 type: Input
             }], placeholder: [{