nuxeo-development-framework 3.1.6 → 3.1.8

package/esm2015/lib/components/attachment-modal/attachments/attachments.component.js

@@ -0,0 +1,157 @@
+import { Component, EventEmitter, Inject, Input, Output, ViewChild } from '@angular/core';
+import * as i0 from "@angular/core";
+import * as i1 from "../../../shared-services/upload-managment.service";
+import * as i2 from "../../custom-toastr/services/custom-toastr.service";
+import * as i3 from "../../../configuration/app-config.service";
+import * as i4 from "../../attachment-item/attachment-item/attachment-item.component";
+import * as i5 from "@angular/material/icon";
+import * as i6 from "../../../directive/drag-and-drop/drag-and-drop.directive";
+import * as i7 from "@angular/common";
+import * as i8 from "@ngx-translate/core";
+export class AttachmentsComponent {
+    constructor(uploadMangmentService, environment, customToastrService, AppConfigService) {
+        this.uploadMangmentService = uploadMangmentService;
+        this.environment = environment;
+        this.customToastrService = customToastrService;
+        this.AppConfigService = AppConfigService;
+        /** Allowed Upload Types */
+        this.allowedTypes = 'image/png,video/mp4,video/webm,application/pdf,application/vnd.ms-powerpoint,application/vnd.openxmlformats-officedocument.presentationml.presentation';
+        /** Params to be sent with properties when creating a document */
+        this.params = {};
+        /** Max allowed upload size */
+        this.maxSize = 104857600; // 1145728;
+        /** Params to be sent with body when creating a document */
+        this.docParams = {};
+        /** Can upload multiple files at once */
+        this.multiple = false;
+        /** should create document after batch upload */
+        this.createDocument = true;
+        /** Max allowed number of files size */
+        this.allowedMaxNumberOfFiles = 10;
+        // to do extra logic when source is new person dialog
+        this.source = '';
+        /** Event emitted on document upload success, it will have document or batch object based on configuration */
+        this.uploadSuccess = new EventEmitter();
+        /** Event emitted when an error occurs while attempting upload */
+        this.uploadError = new EventEmitter();
+        this.onSelectingItem = new EventEmitter();
+        this.uploading = false;
+        this.itemRemoved = new EventEmitter();
+        this.activeFile = {
+            name: ''
+        };
+        this.maxSize = this.environment.maxFileSize;
+        this.allowedTypes = this.environment.allowedFileTypes;
+    }
+    ngOnInit() {
+    }
+    triggerUpload() {
+        this.fileInput.nativeElement.click();
+    }
+    isSizeChecked(file) {
+        if (file.size <= this.maxSize) {
+            return true;
+        }
+        else
+            this.customToastrService.show('error', 'error', 'ERRORS.SIZE', {}, `${(this.maxSize / (1024 * 1024)).toFixed(2)}MB`);
+        this.uploadError.next('errors.size');
+        return false;
+    }
+    isTypeChecked(file) {
+        let myAttachmentNameSections = file.name.split('.');
+        let fileType = myAttachmentNameSections[myAttachmentNameSections.length - 1];
+        if (this.allowedTypes.includes(fileType.toLowerCase())) {
+            return true;
+        }
+        else {
+            this.customToastrService.show('error', 'error', 'ERRORS.TYPE', {}, this.allowedTypes.replace(/./gi, '').toUpperCase());
+            this.uploadError.next('errors.type');
+            return false;
+        }
+    }
+    isMaxNumberOfFiles(selectedFiles) {
+        if (selectedFiles.length <= this.allowedMaxNumberOfFiles)
+            return true;
+        else {
+            this.customToastrService.show('error', 'error', 'ERRORS.MAX_NUMBER_OF_FILES', {}, this.allowedMaxNumberOfFiles);
+            this.uploadError.next('errors.maxNumberOfFiles');
+            return false;
+        }
+    }
+    uploadingFiles(files) {
+        let selectedFiles = Object.keys(files).map(key => files[key]);
+        selectedFiles = selectedFiles.filter(file => {
+            //if (this.isMaxNumberOfFiles(selectedFiles)) {
+            if (this.isSizeChecked(file)
+                && this.isTypeChecked(file)) {
+                return file;
+            }
+            // }
+        });
+        if (selectedFiles.length) {
+            if (this.source == 'faceRecognition') {
+                selectedFiles.forEach(e => {
+                    let reader = new FileReader();
+                    reader.readAsDataURL(e);
+                    reader.onload = (_event) => {
+                        e['previewLink'] = reader.result;
+                    };
+                });
+            }
+            this.uploading = true;
+            this.uploadMangmentService.uploadFilesMangment(selectedFiles);
+        }
+    }
+    removeItem(item, listofFiles) {
+        const removeIndex = listofFiles.findIndex(file => file.name === item.name);
+        listofFiles.splice(removeIndex, 1);
+        this.itemRemoved.emit(true);
+    }
+    selectItem(file) {
+        this.activeFile = file;
+        this.onSelectingItem.emit(file);
+    }
+}
+AttachmentsComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.4", ngImport: i0, type: AttachmentsComponent, deps: [{ token: i1.UploadManagmentService }, { token: 'environment' }, { token: i2.CustomToastrService }, { token: i3.AppConfigService }], target: i0.ɵɵFactoryTarget.Component });
+AttachmentsComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.4", type: AttachmentsComponent, selector: "app-attachments", inputs: { allowedTypes: "allowedTypes", params: "params", path: "path", maxSize: "maxSize", docParams: "docParams", multiple: "multiple", createDocument: "createDocument", allowedMaxNumberOfFiles: "allowedMaxNumberOfFiles", source: "source" }, outputs: { uploadSuccess: "uploadSuccess", uploadError: "uploadError", onSelectingItem: "onSelectingItem", itemRemoved: "itemRemoved" }, viewQueries: [{ propertyName: "fileInput", first: true, predicate: ["fileInput"], descendants: true }], ngImport: i0, template: "<div id=\"anything\"></div>\r\n<div class=\"iner-wrapping  border drop-zone w-full p-5  border-solid  relative\" \r\n     appDragAndDrop (fileDroped)=\"uploadingFiles($event)\"\r\n    [ngClass]=\"{'border-accent-200 bg-accent-50  hover:bg-accent-100' : AppConfigService.theme === 'ksreleif' , 'border-primary-200 bg-primary-50 hover:bg-primary-200' : AppConfigService.theme === 'dgda',\r\n    'flex justify-center items-center': source != 'faceRecognition'}\">\r\n\r\n    <div class=\"flex flex-wrap mt-3 w-full justify-start \"\r\n    [ngClass]=\"{'absolute top-2 left-3 right-3': source != 'faceRecognition'}\">\r\n        <div class=\"mx-2 mb-2 z-50\"  *ngFor=\"let file of uploadMangmentService.uploadedFilesStatus.uploadedFiles\"\r\n        [ngClass]=\"{'bg-primary-100' : file.name === activeFile.name, 'h-15': source != 'faceRecognition', \r\n        'h-52': source == 'faceRecognition'}\">\r\n            <app-attachment-item [item]=\"file\"  [type]=\"'batch'\" [source]=\"source\" [personImageLink]=\"file?.previewLink\"\r\n            (onRemovingItem)=\"removeItem($event , uploadMangmentService.uploadedFilesStatus.uploadedFiles)\" \r\n            (click)=\"selectItem(file)\"></app-attachment-item>\r\n        </div>\r\n    \r\n        <div class=\"mx-2 mb-2 z-50\"  *ngFor=\"let file of uploadMangmentService.uploadedFilesStatus.allfiles\"\r\n        [ngClass]=\"{'bg-primary-100' : file.name === activeFile.name,'h-15': source != 'faceRecognition', \r\n        'h-52': source == 'faceRecognition'}\">\r\n            <app-attachment-item [item]=\"file\" [type]=\"'file'\" [source]=\"source\" [personImageLink]=\"file?.previewLink\"\r\n            (onRemovingItem)=\"removeItem($event , uploadMangmentService.uploadedFilesStatus.allfiles)\" \r\n            (click)=\"selectItem(file)\"></app-attachment-item>\r\n        </div>\r\n    </div>\r\n\r\n    <input class=\"opacity-0 absolute -inset-0 w-full cursor-pointer\" type=\"file\" #fileInput id=\"fileInput\" [accept]=\"allowedTypes\" [multiple]=\"multiple\" (change)=\"uploadingFiles($event.target.files)\" >\r\n    <div class=\"flex justify-center items-center flex-col\" *ngIf=\"uploadMangmentService.uploadedFilesStatus.numberOfFilesToBeUploaded === 0 || (source == 'faceRecognition' && !uploadMangmentService.uploadedFilesStatus.uploadedFiles.length && !uploadMangmentService.uploadedFilesStatus.allfiles.length)\"\r\n    [ngClass]=\"{'mt-44': source == 'faceRecognition'}\">\r\n        <mat-icon class=\"text-primary mb-2 w-auto h-auto text-7xl\">file_upload</mat-icon>\r\n        <h3 class=\"text-center text-lg mb-2 font-bold text-primary\" *ngIf=\"source != 'faceRecognition'\">{{'DRAGE_DROP' | translate}}</h3>\r\n        <h3 class=\"text-center text-lg mb-2 font-bold text-primary\" *ngIf=\"source == 'faceRecognition'\">{{'faceRecognition.dragDropPhotos' | translate}}</h3>\r\n        <h3 class=\"text-center text-lg mb-2 font-bold text-primary\">{{'OR' | translate}}</h3>\r\n        <label class=\"cursor-pointer flex justify-center items-center bg-primary rounded-3xl text-white w-36 h-10\" (click)=\"triggerUpload()\">{{'BROSE_FILES' | translate}}</label>\r\n    </div>\r\n</div>\r\n\r\n<!--  -->\r\n<div class=\"mt-2 text-lg text-primary font-bold flex justify-center items-center\" *ngIf=\"uploadMangmentService.uploadedFilesStatus.uploadInProgress\">\r\n    <div>{{'UPLOADING' | translate}} {{uploadMangmentService.uploadedFilesStatus.numberOfUploadedFiles}}/{{uploadMangmentService.uploadedFilesStatus.numberOfFilesToBeUploaded}}</div>\r\n</div>\r\n<!-- showing uploading files progress  -->\r\n", styles: [".iner-wrapping{height:calc(100% - 35px);overflow-y:auto;overflow-x:hidden}\n"], components: [{ type: i4.AttachmentItemComponent, selector: "app-attachment-item", inputs: ["item", "type", "showRemoveButton", "source", "personImageLink"], outputs: ["onRemovingItem"] }, { type: i5.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }], directives: [{ type: i6.DragAndDropDirective, selector: "[appDragAndDrop]", outputs: ["fileDroped"] }, { type: i7.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { type: i7.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: i7.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], pipes: { "translate": i8.TranslatePipe } });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.4", ngImport: i0, type: AttachmentsComponent, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'app-attachments',
+                    templateUrl: './attachments.component.html',
+                    styleUrls: ['./attachments.component.scss']
+                }]
+        }], ctorParameters: function () { return [{ type: i1.UploadManagmentService }, { type: undefined, decorators: [{
+                    type: Inject,
+                    args: ['environment']
+                }] }, { type: i2.CustomToastrService }, { type: i3.AppConfigService }]; }, propDecorators: { allowedTypes: [{
+                type: Input
+            }], params: [{
+                type: Input
+            }], path: [{
+                type: Input
+            }], maxSize: [{
+                type: Input
+            }], docParams: [{
+                type: Input
+            }], multiple: [{
+                type: Input
+            }], createDocument: [{
+                type: Input
+            }], allowedMaxNumberOfFiles: [{
+                type: Input
+            }], source: [{
+                type: Input
+            }], uploadSuccess: [{
+                type: Output
+            }], uploadError: [{
+                type: Output
+            }], onSelectingItem: [{
+                type: Output
+            }], itemRemoved: [{
+                type: Output
+            }], fileInput: [{
+                type: ViewChild,
+                args: ['fileInput']
+            }] } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYXR0YWNobWVudHMuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvbnV4ZW8tZGV2ZWxvcG1lbnQtZnJhbWV3b3JrL3NyYy9saWIvY29tcG9uZW50cy9hdHRhY2htZW50LW1vZGFsL2F0dGFjaG1lbnRzL2F0dGFjaG1lbnRzLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL251eGVvLWRldmVsb3BtZW50LWZyYW1ld29yay9zcmMvbGliL2NvbXBvbmVudHMvYXR0YWNobWVudC1tb2RhbC9hdHRhY2htZW50cy9hdHRhY2htZW50cy5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFFLFlBQVksRUFBRSxNQUFNLEVBQUUsS0FBSyxFQUFVLE1BQU0sRUFBRSxTQUFTLEVBQUUsTUFBTSxlQUFlLENBQUM7Ozs7Ozs7Ozs7QUFVbEcsTUFBTSxPQUFPLG9CQUFvQjtJQTRDL0IsWUFDUyxxQkFBOEMsRUFDdEIsV0FBVyxFQUNsQyxtQkFBeUMsRUFDMUMsZ0JBQW1DO1FBSG5DLDBCQUFxQixHQUFyQixxQkFBcUIsQ0FBeUI7UUFDdEIsZ0JBQVcsR0FBWCxXQUFXLENBQUE7UUFDbEMsd0JBQW1CLEdBQW5CLG1CQUFtQixDQUFzQjtRQUMxQyxxQkFBZ0IsR0FBaEIsZ0JBQWdCLENBQW1CO1FBOUMxQywyQkFBMkI7UUFFM0IsaUJBQVksR0FBRyx3SkFBd0osQ0FBQztRQUN4SyxpRUFBaUU7UUFFakUsV0FBTSxHQUFHLEVBQUUsQ0FBQztRQUlaLDhCQUE4QjtRQUU5QixZQUFPLEdBQUcsU0FBUyxDQUFDLENBQUMsV0FBVztRQUNoQywyREFBMkQ7UUFFM0QsY0FBUyxHQUFHLEVBQUUsQ0FBQztRQUNmLHdDQUF3QztRQUV4QyxhQUFRLEdBQUcsS0FBSyxDQUFDO1FBQ2pCLGdEQUFnRDtRQUVoRCxtQkFBYyxH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Q0FBQyxJQUFJLENBQUMsSUFBSSxDQUFDLENBQUM7SUFDOUIsQ0FBQztJQUVELFVBQVUsQ0FBQyxJQUFJO1FBQ2IsSUFBSSxDQUFDLFVBQVUsR0FBRyxJQUFJLENBQUM7UUFDdkIsSUFBSSxDQUFDLGVBQWUsQ0FBQyxJQUFJLENBQUMsSUFBSSxDQUFDLENBQUM7SUFDbEMsQ0FBQzs7aUhBcEpVLG9CQUFvQix3REE4Q3JCLGFBQWE7cUdBOUNaLG9CQUFvQiw0aEJDVmpDLDQvR0F5Q0E7MkZEL0JhLG9CQUFvQjtrQkFMaEMsU0FBUzttQkFBQztvQkFDVCxRQUFRLEVBQUUsaUJBQWlCO29CQUMzQixXQUFXLEVBQUUsOEJBQThCO29CQUMzQyxTQUFTLEVBQUUsQ0FBQyw4QkFBOEIsQ0FBQztpQkFDNUM7OzBCQStDSSxNQUFNOzJCQUFDLGFBQWE7NkdBMUNyQixZQUFZO3NCQURYLEtBQUs7Z0JBSU4sTUFBTTtzQkFETCxLQUFLO2dCQUlOLElBQUk7c0JBREgsS0FBSztnQkFJTixPQUFPO3NCQUROLEtBQUs7Z0JBSU4sU0FBUztzQkFEUixLQUFLO2dCQUlOLFFBQVE7c0JBRFAsS0FBSztnQkFJTixjQUFjO3NCQURiLEtBQUs7Z0JBSU4sdUJBQXVCO3NCQUR0QixLQUFLO2dCQUdHLE1BQU07c0JBQWQsS0FBSztnQkFHTixhQUFhO3NCQURaLE1BQU07Z0JBSVAsV0FBVztzQkFEVixNQUFNO2dCQUdHLGVBQWU7c0JBQXhCLE1BQU07Z0JBR0csV0FBVztzQkFBcEIsTUFBTTtnQkFDaUIsU0FBUztzQkFBaEMsU0FBUzt1QkFBQyxXQUFXIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tcG9uZW50LCBFdmVudEVtaXR0ZXIsIEluamVjdCwgSW5wdXQsIE9uSW5pdCwgT3V0cHV0LCBWaWV3Q2hpbGQgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcclxuaW1wb3J0IHsgVXBsb2FkTWFuYWdtZW50U2VydmljZSB9IGZyb20gJy4uLy4uLy4uL3NoYXJlZC1zZXJ2aWNlcy91cGxvYWQtbWFuYWdtZW50LnNlcnZpY2UnXHJcbmltcG9ydCB7IEN1c3RvbVRvYXN0clNlcnZpY2UgfSBmcm9tICcuLi8uLi9jdXN0b20tdG9hc3RyL3NlcnZpY2VzL2N1c3RvbS10b2FzdHIuc2VydmljZSc7XHJcbmltcG9ydCB7IEFwcENvbmZpZ1NlcnZpY2UgfSBmcm9tICcuLi8uLi8uLi9jb25maWd1cmF0aW9uL2FwcC1jb25maWcuc2VydmljZSc7XHJcblxyXG5AQ29tcG9uZW50KHtcclxuICBzZWxlY3RvcjogJ2FwcC1hdHRhY2htZW50cycsXHJcbiAgdGVtcGxhdGVVcmw6ICcuL2F0dGFjaG1lbnRzLmNvbXBvbmVudC5odG1sJyxcclxuICBzdHlsZVVybHM6IFsnLi9hdHRhY2htZW50cy5jb21wb25lbnQuc2NzcyddXHJcbn0pXHJcbmV4cG9ydCBjbGFzcyBBdHRhY2htZW50c0NvbXBvbmVudCBpbXBsZW1lbnRzIE9uSW5pdCB7XHJcblxyXG4gICAgLyoqIEFsbG93ZWQgVXBsb2FkIFR5cGVzICovXHJcbiAgICBASW5wdXQoKVxyXG4gICAgYWxsb3dlZFR5cGVzID0gJ2ltYWdlL3BuZyx2aWRlby9tcDQsdmlkZW8vd2VibSxhcHBsaWNhdGlvbi9wZGYsYXBwbGljYXRpb24vdm5kLm1zLXBvd2VycG9pbnQsYXBwbGljYXRpb24vdm5kLm9wZW54bWxmb3JtYXRzLW9mZmljZWRvY3VtZW50LnByZXNlbnRhdGlvbm1sLnByZXNlbnRhdGlvbic7XHJcbiAgICAvKiogUGFyYW1zIHRvIGJlIHNlbnQgd2l0aCBwcm9wZXJ0aWVzIHdoZW4gY3JlYXRpbmcgYSBkb2N1bWVudCAqL1xyXG4gICAgQElucHV0KClcclxuICAgIHBhcmFtcyA9IHt9O1xyXG4gICAgLyoqIFBhdGggaW4gd2l0Y2ggYSBkb2N1bWVudCB3aWxsIGJlIGNyZWF0ZWQgKi9cclxuICAgIEBJbnB1dCgpXHJcbiAgICBwYXRoO1xyXG4gICAgLyoqIE1heCBhbGxvd2VkIHVwbG9hZCBzaXplICovXHJcbiAgICBASW5wdXQoKVxyXG4gICAgbWF4U2l6ZSA9IDEwNDg1NzYwMDsgLy8gMTE0NTcyODtcclxuICAgIC8qKiBQYXJhbXMgdG8gYmUgc2VudCB3aXRoIGJvZHkgd2hlbiBjcmVhdGluZyBhIGRvY3VtZW50ICovXHJcbiAgICBASW5wdXQoKVxyXG4gICAgZG9jUGFyYW1zID0ge307XHJcbiAgICAvKiogQ2FuIHVwbG9hZCBtdWx0aXBsZSBmaWxlcyBhdCBvbmNlICovXHJcbiAgICBASW5wdXQoKVxyXG4gICAgbXVsdGlwbGUgPSBmYWxzZTtcclxuICAgIC8qKiBzaG91bGQgY3JlYXRlIGRvY3VtZW50IGFmdGVyIGJhdGNoIHVwbG9hZCAqL1xyXG4gICAgQElucHV0KClcclxuICAgIGNyZWF0ZURvY3VtZW50ID0gdHJ1ZTtcclxuICAgIC8qKiBNYXggYWxsb3dlZCBudW1iZXIgb2YgZmlsZXMgc2l6ZSAqL1xyXG4gICAgQElucHV0KClcclxuICAgIGFsbG93ZWRNYXhOdW1iZXJPZkZpbGVzID0gMTA7XHJcbiAgICAvLyB0byBkbyBleHRyYSBsb2dpYyB3aGVuIHNvdXJjZSBpcyBuZXcgcGVyc29uIGRpYWxvZ1xyXG4gICAgQElucHV0KCkgc291cmNlID0gJyc7XHJcbiAgICAvKiogRXZlbnQgZW1pdHRlZCBvbiBkb2N1bWVudCB1cGxvYWQgc3VjY2VzcywgaXQgd2lsbCBoYXZlIGRvY3VtZW50IG9yIGJhdGNoIG9iamVjdCBiYXNlZCBvbiBjb25maWd1cmF0aW9uICovXHJcbiAgICBAT3V0cHV0KClcclxuICAgIHVwbG9hZFN1Y2Nlc3MgPSBuZXcgRXZlbnRFbWl0dGVyKCk7XHJcbiAgICAvKiogRXZlbnQgZW1pdHRlZCB3aGVuIGFuIGVycm9yIG9jY3VycyB3aGlsZSBhdHRlbXB0aW5nIHVwbG9hZCAqL1xyXG4gICAgQE91dHB1dCgpXHJcbiAgICB1cGxvYWRFcnJvciA9IG5ldyBFdmVudEVtaXR0ZXIoKTtcclxuXHJcbiAgICBAT3V0cHV0KCkgb25TZWxlY3RpbmdJdGVtID0gbmV3IEV2ZW50RW1pdHRlcigpO1xyXG4gICAgdXBsb2FkaW5nID0gZmFsc2U7XHJcblxyXG4gICAgQE91dHB1dCgpIGl0ZW1SZW1vdmVkID0gbmV3IEV2ZW50RW1pdHRlcigpO1xyXG4gICAgQFZpZXdDaGlsZCgnZmlsZUlucHV0JykgZmlsZUlucHV0O1xyXG4gIFxyXG4gICAgYWN0aXZlRmlsZT17XHJcbiAgICAgIG5hbWUgOiAnJ1xyXG4gICAgfTtcclxuICBjb25zdHJ1Y3RvcihcclxuICAgIHB1YmxpYyB1cGxvYWRNYW5nbWVudFNlcnZpY2UgOiBVcGxvYWRNYW5hZ21lbnRTZXJ2aWNlICxcclxuICAgIEBJbmplY3QoJ2Vudmlyb25tZW50JykgcHJpdmF0ZSBlbnZpcm9ubWVudCwgXHJcbiAgICBwcml2YXRlIGN1c3RvbVRvYXN0clNlcnZpY2UgOiBDdXN0b21Ub2FzdHJTZXJ2aWNlICwgXHJcbiAgICBwdWJsaWMgQXBwQ29uZmlnU2VydmljZSA6IEFwcENvbmZpZ1NlcnZpY2UpIHsgXHJcbiAgICB0aGlzLm1heFNpemUgPSB0aGlzLmVudmlyb25tZW50Lm1heEZpbGVTaXplO1xyXG4gICAgdGhpcy5hbGxvd2VkVHlwZXMgPSB0aGlzLmVudmlyb25tZW50LmFsbG93ZWRGaWxlVHlwZXM7XHJcblxyXG4gIH1cclxuXHJcbiAgbmdPbkluaXQoKTogdm9pZCB7XHJcbiAgfVxyXG5cclxuICB0cmlnZ2VyVXBsb2FkKCk6IHZvaWQge1xyXG4gICAgdGhpcy5maWxlSW5wdXQubmF0aXZlRWxlbWVudC5jbGljaygpO1xyXG4gIH1cclxuXHJcbiAgaXNTaXplQ2hlY2tlZChmaWxlKSB7XHJcbiAgICBpZiAoZmlsZS5zaXplIDw9IHRoaXMubWF4U2l6ZSkge1xyXG4gICAgICByZXR1cm4gdHJ1ZTtcclxuICAgIH1cclxuICAgIGVsc2VcclxuICAgICAgdGhpcy5jdXN0b21Ub2FzdHJTZXJ2aWNlLnNob3coXHJcbiAgICAgICAgJ2Vycm9yJyxcclxuICAgICAgICAnZXJyb3InLFxyXG4gICAgICAgICdFUlJPUlMuU0laRScsXHJcbiAgICAgICAge30sXHJcbiAgICAgICAgYCR7KHRoaXMubWF4U2l6ZSAvICgxMDI0ICogMTAyNCkpLnRvRml4ZWQoMil9TUJgIFxyXG4gICAgICApO1xyXG4gICAgdGhpcy51cGxvYWRFcnJvci5uZXh0KCdlcnJvcnMuc2l6ZScpO1xyXG4gICAgcmV0dXJuIGZhbHNlO1xyXG4gIH1cclxuXHJcbiAgaXNUeXBlQ2hlY2tlZChmaWxlKSB7XHJcbiAgICBsZXQgbXlBdHRhY2htZW50TmFtZVNlY3Rpb25zID0gZmlsZS5uYW1lLnNwbGl0KCcuJyk7XHJcbiAgICBsZXQgZmlsZVR5cGUgPSBteUF0dGFjaG1lbnROYW1lU2VjdGlvbnNbbXlBdHRhY2htZW50TmFtZVNlY3Rpb25zLmxlbmd0aC0xXTtcclxuICAgIGlmKHRoaXMuYWxsb3dlZFR5cGVzLmluY2x1ZGVzKGZpbGVUeXBlLnRvTG93ZXJDYXNlKCkpKXtcclxuICAgICAgcmV0dXJuIHRydWVcclxuICAgIH1cclxuICAgIGVsc2Uge1xyXG4gICAgICB0aGlzLmN1c3RvbVRvYXN0clNlcnZpY2Uuc2hvdyhcclxuICAgICAgICAnZXJyb3InLFxyXG4gICAgICAgICdlcnJvcicsXHJcbiAgICAgICAgJ0VSUk9SUy5UWVBFJyxcclxuICAgICAgICB7fSxcclxuICAgICAgICB0aGlzLmFsbG93ZWRUeXBlcy5yZXBsYWNlKC8uL2dpLCAnJykudG9VcHBlckNhc2UoKVxyXG4gICAgICApO1xyXG4gICAgICB0aGlzLnVwbG9hZEVycm9yLm5leHQoJ2Vycm9ycy50eXBlJyk7XHJcbiAgICAgIHJldHVybiBmYWxzZTtcclxuICAgIH1cclxuICB9XHJcblxyXG4gIGlzTWF4TnVtYmVyT2ZGaWxlcyhzZWxlY3RlZEZpbGVzKSB7XHJcbiAgICBpZiAoc2VsZWN0ZWRGaWxlcy5sZW5ndGggPD0gdGhpcy5hbGxvd2VkTWF4TnVtYmVyT2ZGaWxlcylcclxuICAgICAgcmV0dXJuIHRydWVcclxuICAgIGVsc2Uge1xyXG4gICAgICB0aGlzLmN1c3RvbVRvYXN0clNlcnZpY2Uuc2hvdyhcclxuICAgICAgICAnZXJyb3InLFxyXG4gICAgICAgICdlcnJvcicsXHJcbiAgICAgICAgJ0VSUk9SUy5NQVhfTlVNQkVSX09GX0ZJTEVTJyxcclxuICAgICAgICB7fSxcclxuICAgICAgICB0aGlzLmFsbG93ZWRNYXhOdW1iZXJPZkZpbGVzXHJcbiAgICAgICk7XHJcbiAgICAgIHRoaXMudXBsb2FkRXJyb3IubmV4dCgnZXJyb3JzLm1heE51bWJlck9mRmlsZXMnKTtcclxuICAgICAgcmV0dXJuIGZhbHNlO1xyXG4gICAgfVxyXG4gIH1cclxuXHJcbiAgdXBsb2FkaW5nRmlsZXMoZmlsZXMpOiB2b2lkIHtcclxuICAgIGxldCBzZWxlY3RlZEZpbGVzID0gT2JqZWN0LmtleXMoZmlsZXMpLm1hcChrZXkgPT4gZmlsZXNba2V5XSk7XHJcbiAgICBzZWxlY3RlZEZpbGVzID0gc2VsZWN0ZWRGaWxlcy5maWx0ZXIoZmlsZSA9PiB7XHJcbiAgICAgIC8vaWYgKHRoaXMuaXNNYXhOdW1iZXJPZkZpbGVzKHNlbGVjdGVkRmlsZXMpKSB7XHJcbiAgICAgICAgaWYgKHRoaXMuaXNTaXplQ2hlY2tlZChmaWxlKVxyXG4gICAgICAgICYmIHRoaXMuaXNUeXBlQ2hlY2tlZChmaWxlKVxyXG4gICAgICAgICkge1xyXG4gICAgICAgICAgcmV0dXJuIGZpbGU7XHJcbiAgICAgICAgfVxyXG4gICAgIC8vIH1cclxuICAgIH0pO1xyXG4gICAgaWYgKHNlbGVjdGVkRmlsZXMubGVuZ3RoKSB7XHJcbiAgICAgIGlmKHRoaXMuc291cmNlID09ICdmYWNlUmVjb2duaXRpb24nKSB7XHJcbiAgICAgICAgc2VsZWN0ZWRGaWxlcy5mb3JFYWNoKGUgPT4ge1xyXG4gICAgICAgICAgbGV0IHJlYWRlciA9IG5ldyBGaWxlUmVhZGVyKCk7XHJcbiAgICAgICAgICByZWFkZXIucmVhZEFzRGF0YVVSTChlKTtcclxuICAgICAgICAgIHJlYWRlci5vbmxvYWQgPSAoX2V2ZW50KSA9PiB7XHJcbiAgICAgICAgICAgIGVbJ3ByZXZpZXdMaW5rJ10gPSByZWFkZXIucmVzdWx0XHJcbiAgICAgICAgICB9XHJcbiAgICAgICAgfSlcclxuXHJcbiAgICAgIH1cclxuICAgICAgdGhpcy51cGxvYWRpbmcgPSB0cnVlO1xyXG4gICAgICB0aGlzLnVwbG9hZE1hbmdtZW50U2VydmljZS51cGxvYWRGaWxlc01hbmdtZW50KHNlbGVjdGVkRmlsZXMpO1xyXG4gICAgfVxyXG4gIH1cclxuXHJcbiAgcmVtb3ZlSXRlbShpdGVtICwgbGlzdG9mRmlsZXMpe1xyXG4gICAgY29uc3QgcmVtb3ZlSW5kZXggPSBsaXN0b2ZGaWxlcy5maW5kSW5kZXgoZmlsZSA9PiBmaWxlLm5hbWUgPT09IGl0ZW0ubmFtZSk7XHJcbiAgICBsaXN0b2ZGaWxlcy5zcGxpY2UoIHJlbW92ZUluZGV4LCAxICk7XHJcbiAgICB0aGlzLml0ZW1SZW1vdmVkLmVtaXQodHJ1ZSk7XHJcbiAgfVxyXG5cclxuICBzZWxlY3RJdGVtKGZpbGUpe1xyXG4gICAgdGhpcy5hY3RpdmVGaWxlID0gZmlsZTtcclxuICAgIHRoaXMub25TZWxlY3RpbmdJdGVtLmVtaXQoZmlsZSk7XHJcbiAgfVxyXG5cclxufVxyXG4iLCI8ZGl2IGlkPVwiYW55dGhpbmdcIj48L2Rpdj5cclxuPGRpdiBjbGFzcz1cImluZXItd3JhcHBpbmcgIGJvcmRlciBkcm9wLXpvbmUgdy1mdWxsIHAtNSAgYm9yZGVyLXNvbGlkICByZWxhdGl2ZVwiIFxyXG4gICAgIGFwcERyYWdBbmREcm9wIChmaWxlRHJvcGVkKT1cInVwbG9hZGluZ0ZpbGVzKCRldmVudClcIlxyXG4gICAgW25nQ2xhc3NdPVwieydib3JkZXItYWNjZW50LTIwMCBiZy1hY2NlbnQtNTAgIGhvdmVyOmJnLWFjY2VudC0xMDAnIDogQXBwQ29uZmlnU2VydmljZS50aGVtZSA9PT0gJ2tzcmVsZWlmJyAsICdib3JkZXItcHJpbWFyeS0yMDAgYmctcHJpbWFyeS01MCBob3ZlcjpiZy1wcmltYXJ5LTIwMCcgOiBBcHBDb25maWdTZXJ2aWNlLnRoZW1lID09PSAnZGdkYScsXHJcbiAgICAnZmxleCBqdXN0aWZ5LWNlbnRlciBpdGVtcy1jZW50ZXInOiBzb3VyY2UgIT0gJ2ZhY2VSZWNvZ25pdGlvbid9XCI+XHJcblxyXG4gICAgPGRpdiBjbGFzcz1cImZsZXggZmxleC13cmFwIG10LTMgdy1mdWxsIGp1c3RpZnktc3RhcnQgXCJcclxuICAgIFtuZ0NsYXNzXT1cInsnYWJzb2x1dGUgdG9wLTIgbGVmdC0zIHJpZ2h0LTMnOiBzb3VyY2UgIT0gJ2ZhY2VSZWNvZ25pdGlvbid9XCI+XHJcbiAgICAgICAgPGRpdiBjbGFzcz1cIm14LTIgbWItMiB6LTUwXCIgICpuZ0Zvcj1cImxldCBmaWxlIG9mIHVwbG9hZE1hbmdtZW50U2VydmljZS51cGxvYWRlZEZpbGVzU3RhdHVzLnVwbG9hZGVkRmlsZXNcIlxyXG4gICAgICAgIFtuZ0NsYXNzXT1cInsnYmctcHJpbWFyeS0xMDAnIDogZmlsZS5uYW1lID09PSBhY3RpdmVGaWxlLm5hbWUsICdoLTE1Jzogc291cmNlICE9ICdmYWNlUmVjb2duaXRpb24nLCBcclxuICAgICAgICAnaC01Mic6IHNvdXJjZSA9PSAnZmFjZVJlY29nbml0aW9uJ31cIj5cclxuICAgICAgICAgICAgPGFwcC1hdHRhY2htZW50LWl0ZW0gW2l0ZW1dPVwiZmlsZVwiICBbdHlwZV09XCInYmF0Y2gnXCIgW3NvdXJjZV09XCJzb3VyY2VcIiBbcGVyc29uSW1hZ2VMaW5rXT1cImZpbGU/LnByZXZpZXdMaW5rXCJcclxuICAgICAgICAgICAgKG9uUmVtb3ZpbmdJdGVtKT1cInJlbW92ZUl0ZW0oJGV2ZW50ICwgdXBsb2FkTWFuZ21lbnRTZXJ2aWNlLnVwbG9hZGVkRmlsZXNTdGF0dXMudXBsb2FkZWRGaWxlcylcIiBcclxuICAgICAgICAgICAgKGNsaWNrKT1cInNlbGVjdEl0ZW0oZmlsZSlcIj48L2FwcC1hdHRhY2htZW50LWl0ZW0+XHJcbiAgICAgICAgPC9kaXY+XHJcbiAgICBcclxuICAgICAgICA8ZGl2IGNsYXNzPVwibXgtMiBtYi0yIHotNTBcIiAgKm5nRm9yPVwibGV0IGZpbGUgb2YgdXBsb2FkTWFuZ21lbnRTZXJ2aWNlLnVwbG9hZGVkRmlsZXNTdGF0dXMuYWxsZmlsZXNcIlxyXG4gICAgICAgIFtuZ0NsYXNzXT1cInsnYmctcHJpbWFyeS0xMDAnIDogZmlsZS5uYW1lID09PSBhY3RpdmVGaWxlLm5hbWUsJ2gtMTUnOiBzb3VyY2UgIT0gJ2ZhY2VSZWNvZ25pdGlvbicsIFxyXG4gICAgICAgICdoLTUyJzogc291cmNlID09ICdmYWNlUmVjb2duaXRpb24nfVwiPlxyXG4gICAgICAgICAgICA8YXBwLWF0dGFjaG1lbnQtaXRlbSBbaXRlbV09XCJmaWxlXCIgW3R5cGVdPVwiJ2ZpbGUnXCIgW3NvdXJjZV09XCJzb3VyY2VcIiBbcGVyc29uSW1hZ2VMaW5rXT1cImZpbGU/LnByZXZpZXdMaW5rXCJcclxuICAgICAgICAgICAgKG9uUmVtb3ZpbmdJdGVtKT1cInJlbW92ZUl0ZW0oJGV2ZW50ICwgdXBsb2FkTWFuZ21lbnRTZXJ2aWNlLnVwbG9hZGVkRmlsZXNTdGF0dXMuYWxsZmlsZXMpXCIgXHJcbiAgICAgICAgICAgIChjbGljayk9XCJzZWxlY3RJdGVtKGZpbGUpXCI+PC9hcHAtYXR0YWNobWVudC1pdGVtPlxyXG4gICAgICAgIDwvZGl2PlxyXG4gICAgPC9kaXY+XHJcblxyXG4gICAgPGlucHV0IGNsYXNzPVwib3BhY2l0eS0wIGFic29sdXRlIC1pbnNldC0wIHctZnVsbCBjdXJzb3ItcG9pbnRlclwiIHR5cGU9XCJmaWxlXCIgI2ZpbGVJbnB1dCBpZD1cImZpbGVJbnB1dFwiIFthY2NlcHRdPVwiYWxsb3dlZFR5cGVzXCIgW211bHRpcGxlXT1cIm11bHRpcGxlXCIgKGNoYW5nZSk9XCJ1cGxvYWRpbmdGaWxlcygkZXZlbnQudGFyZ2V0LmZpbGVzKVwiID5cclxuICAgIDxkaXYgY2xhc3M9XCJmbGV4IGp1c3RpZnktY2VudGVyIGl0ZW1zLWNlbnRlciBmbGV4LWNvbFwiICpuZ0lmPVwidXBsb2FkTWFuZ21lbnRTZXJ2aWNlLnVwbG9hZGVkRmlsZXNTdGF0dXMubnVtYmVyT2ZGaWxlc1RvQmVVcGxvYWRlZCA9PT0gMCB8fCAoc291cmNlID09ICdmYWNlUmVjb2duaXRpb24nICYmICF1cGxvYWRNYW5nbWVudFNlcnZpY2UudXBsb2FkZWRGaWxlc1N0YXR1cy51cGxvYWRlZEZpbGVzLmxlbmd0aCAmJiAhdXBsb2FkTWFuZ21lbnRTZXJ2aWNlLnVwbG9hZGVkRmlsZXNTdGF0dXMuYWxsZmlsZXMubGVuZ3RoKVwiXHJcbiAgICBbbmdDbGFzc109XCJ7J210LTQ0Jzogc291cmNlID09ICdmYWNlUmVjb2duaXRpb24nfVwiPlxyXG4gICAgICAgIDxtYXQtaWNvbiBjbGFzcz1cInRleHQtcHJpbWFyeSBtYi0yIHctYXV0byBoLWF1dG8gdGV4dC03eGxcIj5maWxlX3VwbG9hZDwvbWF0LWljb24+XHJcbiAgICAgICAgPGgzIGNsYXNzPVwidGV4dC1jZW50ZXIgdGV4dC1sZyBtYi0yIGZvbnQtYm9sZCB0ZXh0LXByaW1hcnlcIiAqbmdJZj1cInNvdXJjZSAhPSAnZmFjZVJlY29nbml0aW9uJ1wiPnt7J0RSQUdFX0RST1AnIHwgdHJhbnNsYXRlfX08L2gzPlxyXG4gICAgICAgIDxoMyBjbGFzcz1cInRleHQtY2VudGVyIHRleHQtbGcgbWItMiBmb250LWJvbGQgdGV4dC1wcmltYXJ5XCIgKm5nSWY9XCJzb3VyY2UgPT0gJ2ZhY2VSZWNvZ25pdGlvbidcIj57eydmYWNlUmVjb2duaXRpb24uZHJhZ0Ryb3BQaG90b3MnIHwgdHJhbnNsYXRlfX08L2gzPlxyXG4gICAgICAgIDxoMyBjbGFzcz1cInRleHQtY2VudGVyIHRleHQtbGcgbWItMiBmb250LWJvbGQgdGV4dC1wcmltYXJ5XCI+e3snT1InIHwgdHJhbnNsYXRlfX08L2gzPlxyXG4gICAgICAgIDxsYWJlbCBjbGFzcz1cImN1cnNvci1wb2ludGVyIGZsZXgganVzdGlmeS1jZW50ZXIgaXRlbXMtY2VudGVyIGJnLXByaW1hcnkgcm91bmRlZC0zeGwgdGV4dC13aGl0ZSB3LTM2IGgtMTBcIiAoY2xpY2spPVwidHJpZ2dlclVwbG9hZCgpXCI+e3snQlJPU0VfRklMRVMnIHwgdHJhbnNsYXRlfX08L2xhYmVsPlxyXG4gICAgPC9kaXY+XHJcbjwvZGl2PlxyXG5cclxuPCEtLSAgLS0+XHJcbjxkaXYgY2xhc3M9XCJtdC0yIHRleHQtbGcgdGV4dC1wcmltYXJ5IGZvbnQtYm9sZCBmbGV4IGp1c3RpZnktY2VudGVyIGl0ZW1zLWNlbnRlclwiICpuZ0lmPVwidXBsb2FkTWFuZ21lbnRTZXJ2aWNlLnVwbG9hZGVkRmlsZXNTdGF0dXMudXBsb2FkSW5Qcm9ncmVzc1wiPlxyXG4gICAgPGRpdj57eydVUExPQURJTkcnIHwgdHJhbnNsYXRlfX0ge3t1cGxvYWRNYW5nbWVudFNlcnZpY2UudXBsb2FkZWRGaWxlc1N0YXR1cy5udW1iZXJPZlVwbG9hZGVkRmlsZXN9fS97e3VwbG9hZE1hbmdtZW50U2VydmljZS51cGxvYWRlZEZpbGVzU3RhdHVzLm51bWJlck9mRmlsZXNUb0JlVXBsb2FkZWR9fTwvZGl2PlxyXG48L2Rpdj5cclxuPCEtLSBzaG93aW5nIHVwbG9hZGluZyBmaWxlcyBwcm9ncmVzcyAgLS0+XHJcbiJdfQ==

package/esm2015/lib/components/avatar/avatar/avatar.component.js

@@ -0,0 +1,55 @@
+import { Component, Input } from '@angular/core';
+import * as i0 from "@angular/core";
+import * as i1 from "@angular/common";
+import * as i2 from "../../../pipes/secure.pipe";
+/**
+ * A component to display user avatar if exists, or initials if not
+ *
+ * ![Screenshot-1](../screenshots/avatar1.png) ![Screenshot-2](../screenshots/avatar2.png)
+ * @title
+ * User Avatar
+ * @example
+ *
+ * <cts-avatar [user]="user"></cts-avatar>
+ */
+export class AvatarComponent {
+    constructor() { }
+    ngOnInit() {
+        var _a, _b, _c, _d;
+        this.stringToHslColor(`${(_b = (_a = this.user) === null || _a === void 0 ? void 0 : _a.properties) === null || _b === void 0 ? void 0 : _b.firstName} ${(_d = (_c = this.user) === null || _c === void 0 ? void 0 : _c.properties) === null || _d === void 0 ? void 0 : _d.lastName}`, 30, 80);
+    }
+    stringToHslColor(str, s, l) {
+        var hash = 0;
+        for (var i = 0; i < str.length; i++) {
+            hash = str.charCodeAt(i) + ((hash << 5) - hash);
+        }
+        var h = hash % 360;
+        this.backgroundColor = 'hsl(' + h + ', ' + s + '%, ' + l + '%)';
+    }
+    getInitials() {
+        var _a;
+        return ((_a = this.user) === null || _a === void 0 ? void 0 : _a.properties)
+            ? (this.user.properties.initials = [
+                this.user.properties.firstName
+                    ? this.user.properties.firstName[0].toUpperCase()
+                    : '',
+                this.user.properties.lastName
+                    ? this.user.properties.lastName[0].toUpperCase()
+                    : '',
+            ].join(''))
+            : '';
+    }
+}
+AvatarComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.4", ngImport: i0, type: AvatarComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+AvatarComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.4", type: AvatarComponent, selector: "cts-avatar", inputs: { user: "user" }, ngImport: i0, template: "<div class=\"avatar-wrapper\">\r\n  <ng-container *ngIf=\"user?.avatar?.length; else initials\">\r\n    <img *ngIf=\"user.avatar | secure | async as obs; else initials\" [attr.src]=\"obs\" alt=\"user image\" />\r\n  </ng-container>\r\n\r\n  <ng-template #initials>\r\n    <div class=\"avatar-name \" [ngStyle]=\"{ 'background-color': backgroundColor }\">\r\n      <span>{{\r\n        this.getInitials()\r\n        }}</span>\r\n    </div>\r\n  </ng-template>\r\n</div>\r\n", styles: [".avatar-wrapper{width:100%;height:100%;border-radius:100%;overflow:hidden}.avatar-wrapper img{width:100%;height:100%;object-fit:cover}.avatar-wrapper .avatar-name{width:100%;height:100%;display:flex;justify-content:center;align-items:center}.avatar-wrapper .avatar-name span{font-size:16px;font-weight:bold;color:#fff}.avatar-out-container{width:50px;height:50px;border-radius:50%;overflow:hidden;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f}\n"], directives: [{ type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i1.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }], pipes: { "async": i1.AsyncPipe, "secure": i2.SecurePipe } });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.4", ngImport: i0, type: AvatarComponent, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'cts-avatar',
+                    templateUrl: './avatar.component.html',
+                    styleUrls: ['./avatar.component.scss']
+                }]
+        }], ctorParameters: function () { return []; }, propDecorators: { user: [{
+                type: Input
+            }] } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYXZhdGFyLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL251eGVvLWRldmVsb3BtZW50LWZyYW1ld29yay9zcmMvbGliL2NvbXBvbmVudHMvYXZhdGFyL2F2YXRhci9hdmF0YXIuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvbnV4ZW8tZGV2ZWxvcG1lbnQtZnJhbWV3b3JrL3NyYy9saWIvY29tcG9uZW50cy9hdmF0YXIvYXZhdGFyL2F2YXRhci5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFFLEtBQUssRUFBVSxNQUFNLGVBQWUsQ0FBQzs7OztBQUV6RDs7Ozs7Ozs7O0dBU0c7QUFNSCxNQUFNLE9BQU8sZUFBZTtJQUkxQixnQkFBZ0IsQ0FBQztJQUVqQixRQUFROztRQUNOLElBQUksQ0FBQyxnQkFBZ0IsQ0FBQyxHQUFHLE1BQUEsTUFBQSxJQUFJLENBQUMsSUFBSSwwQ0FBRSxVQUFVLDBDQUFFLFNBQVMsSUFBSSxNQUFBLE1BQUEsSUFBSSxDQUFDLElBQUksMENBQUUsVUFBVSwwQ0FBRSxRQUFRLEVBQUUsRUFBRSxFQUFFLEVBQUUsRUFBRSxDQUFDLENBQUM7SUFDMUcsQ0FBQztJQUVELGdCQUFnQixDQUFDLEdBQUcsRUFBRSxDQUFDLEVBQUUsQ0FBQztRQUN4QixJQUFJLElBQUksR0FBRyxDQUFDLENBQUM7UUFDYixLQUFLLElBQUksQ0FBQyxHQUFHLENBQUMsRUFBRSxDQUFDLEdBQUcsR0FBRyxDQUFDLE1BQU0sRUFBRSxDQUFDLEVBQUUsRUFBRTtZQUNuQyxJQUFJLEdBQUcsR0FBRyxDQUFDLFVBQVUsQ0FBQyxDQUFDLENBQUMsR0FBRyxDQUFDLENBQUMsSUFBSSxJQUFJLENBQUMsQ0FBQyxHQUFHLElBQUksQ0FBQyxDQUFDO1NBQ2pEO1FBRUQsSUFBSSxDQUFDLEdBQUcsSUFBSSxHQUFHLEdBQUcsQ0FBQztRQUNuQixJQUFJLENBQUMsZUFBZSxHQUFHLE1BQU0sR0FBRyxDQUFDLEdBQUcsSUFBSSxHQUFHLENBQUMsR0FBRyxLQUFLLEdBQUcsQ0FBQyxHQUFHLElBQUksQ0FBQztJQUNsRSxDQUFDO0lBRUQsV0FBVzs7UUFDVCxPQUFPLENBQUEsTUFBQSxJQUFJLENBQUMsSUFBSSwwQ0FBRSxVQUFVO1lBQzFCLENBQUMsQ0FBQyxDQUFDLElBQUksQ0FBQyxJQUFJLENBQUMsVUFBVSxDQUFDLFFBQVEsR0FBRztnQkFDakMsSUFBSSxDQUFDLElBQUksQ0FBQyxVQUFVLENBQUMsU0FBUztvQkFDNUIsQ0FBQyxDQUFDLElBQUksQ0FBQyxJQUFJLENBQUMsVUFBVSxDQUFDLFNBQVMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxXQUFXLEVBQUU7b0JBQ2pELENBQUMsQ0FBQyxFQUFFO2dCQUNOLElBQUksQ0FBQyxJQUFJLENBQUMsVUFBVSxDQUFDLFFBQVE7b0JBQzNCLENBQUMsQ0FBQyxJQUFJLENBQUMsSUFBSSxDQUFDLFVBQVUsQ0FBQyxRQUFRLENBQUMsQ0FBQyxDQUFDLENBQUMsV0FBVyxFQUFFO29CQUNoRCxDQUFDLENBQUMsRUFBRTthQUNQLENBQUMsSUFBSSxDQUFDLEVBQUUsQ0FBQyxDQUFDO1lBQ1gsQ0FBQyxDQUFDLEVBQUUsQ0FBQztJQUNULENBQUM7OzRHQS9CVSxlQUFlO2dHQUFmLGVBQWUsNEVDakI1Qix5ZEFhQTsyRkRJYSxlQUFlO2tCQUwzQixTQUFTO21CQUFDO29CQUNULFFBQVEsRUFBRSxZQUFZO29CQUN0QixXQUFXLEVBQUUseUJBQXlCO29CQUN0QyxTQUFTLEVBQUUsQ0FBQyx5QkFBeUIsQ0FBQztpQkFDdkM7MEVBR1UsSUFBSTtzQkFBWixLQUFLIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tcG9uZW50LCBJbnB1dCwgT25Jbml0IH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XHJcblxyXG4vKipcclxuICogQSBjb21wb25lbnQgdG8gZGlzcGxheSB1c2VyIGF2YXRhciBpZiBleGlzdHMsIG9yIGluaXRpYWxzIGlmIG5vdFxyXG4gKlxyXG4gKiAhW1NjcmVlbnNob3QtMV0oLi4vc2NyZWVuc2hvdHMvYXZhdGFyMS5wbmcpICFbU2NyZWVuc2hvdC0yXSguLi9zY3JlZW5zaG90cy9hdmF0YXIyLnBuZylcclxuICogQHRpdGxlXHJcbiAqIFVzZXIgQXZhdGFyXHJcbiAqIEBleGFtcGxlXHJcbiAqXHJcbiAqIDxjdHMtYXZhdGFyIFt1c2VyXT1cInVzZXJcIj48L2N0cy1hdmF0YXI+XHJcbiAqL1xyXG5AQ29tcG9uZW50KHtcclxuICBzZWxlY3RvcjogJ2N0cy1hdmF0YXInLFxyXG4gIHRlbXBsYXRlVXJsOiAnLi9hdmF0YXIuY29tcG9uZW50Lmh0bWwnLFxyXG4gIHN0eWxlVXJsczogWycuL2F2YXRhci5jb21wb25lbnQuc2NzcyddXHJcbn0pXHJcbmV4cG9ydCBjbGFzcyBBdmF0YXJDb21wb25lbnQgaW1wbGVtZW50cyBPbkluaXQge1xyXG4gIC8qKiBOdXhlbyB1c2VyIG9iamVjdCAqL1xyXG4gIEBJbnB1dCgpIHVzZXI6IGFueTtcclxuICBiYWNrZ3JvdW5kQ29sb3I7XHJcbiAgY29uc3RydWN0b3IoKSB7IH1cclxuXHJcbiAgbmdPbkluaXQoKTogdm9pZCB7XHJcbiAgICB0aGlzLnN0cmluZ1RvSHNsQ29sb3IoYCR7dGhpcy51c2VyPy5wcm9wZXJ0aWVzPy5maXJzdE5hbWV9ICR7dGhpcy51c2VyPy5wcm9wZXJ0aWVzPy5sYXN0TmFtZX1gLCAzMCwgODApO1xyXG4gIH1cclxuXHJcbiAgc3RyaW5nVG9Ic2xDb2xvcihzdHIsIHMsIGwpIHtcclxuICAgIHZhciBoYXNoID0gMDtcclxuICAgIGZvciAodmFyIGkgPSAwOyBpIDwgc3RyLmxlbmd0aDsgaSsrKSB7XHJcbiAgICAgIGhhc2ggPSBzdHIuY2hhckNvZGVBdChpKSArICgoaGFzaCA8PCA1KSAtIGhhc2gpO1xyXG4gICAgfVxyXG5cclxuICAgIHZhciBoID0gaGFzaCAlIDM2MDtcclxuICAgIHRoaXMuYmFja2dyb3VuZENvbG9yID0gJ2hzbCgnICsgaCArICcsICcgKyBzICsgJyUsICcgKyBsICsgJyUpJztcclxuICB9XHJcblxyXG4gIGdldEluaXRpYWxzKCk6IHN0cmluZyB7XHJcbiAgICByZXR1cm4gdGhpcy51c2VyPy5wcm9wZXJ0aWVzXHJcbiAgICAgID8gKHRoaXMudXNlci5wcm9wZXJ0aWVzLmluaXRpYWxzID0gW1xyXG4gICAgICAgIHRoaXMudXNlci5wcm9wZXJ0aWVzLmZpcnN0TmFtZVxyXG4gICAgICAgICAgPyB0aGlzLnVzZXIucHJvcGVydGllcy5maXJzdE5hbWVbMF0udG9VcHBlckNhc2UoKVxyXG4gICAgICAgICAgOiAnJyxcclxuICAgICAgICB0aGlzLnVzZXIucHJvcGVydGllcy5sYXN0TmFtZVxyXG4gICAgICAgICAgPyB0aGlzLnVzZXIucHJvcGVydGllcy5sYXN0TmFtZVswXS50b1VwcGVyQ2FzZSgpXHJcbiAgICAgICAgICA6ICcnLFxyXG4gICAgICBdLmpvaW4oJycpKVxyXG4gICAgICA6ICcnO1xyXG4gIH1cclxufVxyXG4iLCI8ZGl2IGNsYXNzPVwiYXZhdGFyLXdyYXBwZXJcIj5cclxuICA8bmctY29udGFpbmVyICpuZ0lmPVwidXNlcj8uYXZhdGFyPy5sZW5ndGg7IGVsc2UgaW5pdGlhbHNcIj5cclxuICAgIDxpbWcgKm5nSWY9XCJ1c2VyLmF2YXRhciB8IHNlY3VyZSB8IGFzeW5jIGFzIG9iczsgZWxzZSBpbml0aWFsc1wiIFthdHRyLnNyY109XCJvYnNcIiBhbHQ9XCJ1c2VyIGltYWdlXCIgLz5cclxuICA8L25nLWNvbnRhaW5lcj5cclxuXHJcbiAgPG5nLXRlbXBsYXRlICNpbml0aWFscz5cclxuICAgIDxkaXYgY2xhc3M9XCJhdmF0YXItbmFtZSBcIiBbbmdTdHlsZV09XCJ7ICdiYWNrZ3JvdW5kLWNvbG9yJzogYmFja2dyb3VuZENvbG9yIH1cIj5cclxuICAgICAgPHNwYW4+e3tcclxuICAgICAgICB0aGlzLmdldEluaXRpYWxzKClcclxuICAgICAgICB9fTwvc3Bhbj5cclxuICAgIDwvZGl2PlxyXG4gIDwvbmctdGVtcGxhdGU+XHJcbjwvZGl2PlxyXG4iXX0=

package/esm2015/lib/components/avatar/avatar.module.js

@@ -0,0 +1,32 @@
+import { NgModule } from '@angular/core';
+import { CommonModule } from '@angular/common';
+import { AvatarComponent } from './avatar/avatar.component';
+import { PipesModule } from '../../pipes/pipes.module';
+import * as i0 from "@angular/core";
+/**
+ * @title
+ * Avatar Module
+ */
+export class AvatarModule {
+}
+AvatarModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.4", ngImport: i0, type: AvatarModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+AvatarModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.4", ngImport: i0, type: AvatarModule, declarations: [AvatarComponent], imports: [CommonModule,
+        PipesModule], exports: [AvatarComponent] });
+AvatarModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.4", ngImport: i0, type: AvatarModule, imports: [[
+            CommonModule,
+            PipesModule
+        ]] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.4", ngImport: i0, type: AvatarModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    declarations: [AvatarComponent],
+                    imports: [
+                        CommonModule,
+                        PipesModule
+                    ],
+                    exports: [
+                        AvatarComponent
+                    ]
+                }]
+        }] });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYXZhdGFyLm1vZHVsZS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL251eGVvLWRldmVsb3BtZW50LWZyYW1ld29yay9zcmMvbGliL2NvbXBvbmVudHMvYXZhdGFyL2F2YXRhci5tb2R1bGUudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFFBQVEsRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUN6QyxPQUFPLEVBQUUsWUFBWSxFQUFFLE1BQU0saUJBQWlCLENBQUM7QUFDL0MsT0FBTyxFQUFFLGVBQWUsRUFBRSxNQUFNLDJCQUEyQixDQUFDO0FBQzVELE9BQU8sRUFBRSxXQUFXLEVBQUUsTUFBTSwwQkFBMEIsQ0FBQzs7QUFHdkQ7OztHQUdHO0FBV0gsTUFBTSxPQUFPLFlBQVk7O3lHQUFaLFlBQVk7MEdBQVosWUFBWSxpQkFUUixlQUFlLGFBRTVCLFlBQVk7UUFDWixXQUFXLGFBR1gsZUFBZTswR0FHTixZQUFZLFlBUmQ7WUFDUCxZQUFZO1lBQ1osV0FBVztTQUNaOzJGQUtVLFlBQVk7a0JBVnhCLFFBQVE7bUJBQUM7b0JBQ1IsWUFBWSxFQUFFLENBQUMsZUFBZSxDQUFDO29CQUMvQixPQUFPLEVBQUU7d0JBQ1AsWUFBWTt3QkFDWixXQUFXO3FCQUNaO29CQUNELE9BQU8sRUFBRTt3QkFDUCxlQUFlO3FCQUNoQjtpQkFDRiIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IE5nTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XHJcbmltcG9ydCB7IENvbW1vbk1vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL2NvbW1vbic7XHJcbmltcG9ydCB7IEF2YXRhckNvbXBvbmVudCB9IGZyb20gJy4vYXZhdGFyL2F2YXRhci5jb21wb25lbnQnO1xyXG5pbXBvcnQgeyBQaXBlc01vZHVsZSB9IGZyb20gJy4uLy4uL3BpcGVzL3BpcGVzLm1vZHVsZSc7XHJcblxyXG5cclxuLyoqXHJcbiAqIEB0aXRsZVxyXG4gKiBBdmF0YXIgTW9kdWxlXHJcbiAqL1xyXG5ATmdNb2R1bGUoe1xyXG4gIGRlY2xhcmF0aW9uczogW0F2YXRhckNvbXBvbmVudF0sXHJcbiAgaW1wb3J0czogW1xyXG4gICAgQ29tbW9uTW9kdWxlLFxyXG4gICAgUGlwZXNNb2R1bGVcclxuICBdLFxyXG4gIGV4cG9ydHM6IFtcclxuICAgIEF2YXRhckNvbXBvbmVudFxyXG4gIF1cclxufSlcclxuZXhwb3J0IGNsYXNzIEF2YXRhck1vZHVsZSB7IH1cclxuIl19

package/esm2015/lib/components/card/card.component.js

@@ -0,0 +1,48 @@
+import { Component, Input, ViewEncapsulation } from '@angular/core';
+import * as i0 from "@angular/core";
+import * as i1 from "@angular/common";
+/**
+ * A reusable card component to display various types of contents
+ *
+ * ![Screenshot-1](../screenshots/card.png)
+ * @title
+ * Card
+ * @example
+ *
+ * <app-card>
+ *   <h3 class="title">
+ *     Card title
+ *   </h3>
+ *   <div class="my-toolbar">
+ *     <button class="btn-primary"> Action Button </button>
+ *   </div>
+ *   <div class="body">
+ *   </div>
+ * </app-card>
+ */
+export class CardComponent {
+    /** enable/disable shadow */
+    constructor() {
+        /** card has no body */
+        this.noBody = false;
+        /** is card dark */
+        this.dark = false;
+    }
+    ngOnInit() { }
+}
+CardComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.4", ngImport: i0, type: CardComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+CardComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.4", type: CardComponent, selector: "app-card", inputs: { noBody: "noBody", dark: "dark" }, ngImport: i0, template: "<div\r\n  class=\"app-card\"\r\n  [ngClass]=\"{\r\n    'dark-app-card ': dark\r\n  }\"\r\n>\r\n  <div class=\"card-inner\">\r\n    <div\r\n      [ngClass]=\"{\r\n        hidden: title.childNodes.length == 0 && toolbar.childNodes.length == 0\r\n      }\"\r\n      class=\"card-title\"\r\n    >\r\n      <div class=\"title-padder\">\r\n        <!-- title Area -->\r\n        <span #title>\r\n          <ng-content select=\".title\"></ng-content>\r\n        </span>\r\n        <!-- toolbar Area -->\r\n        <div class=\"my-toolbar\" #toolbar>\r\n          <ng-content select=\".my-toolbar\"></ng-content>\r\n        </div>\r\n      </div>\r\n    </div>\r\n    <!-- body area -->\r\n    <div class=\"card-body\" *ngIf=\"!noBody\">\r\n      <ng-content select=\".body\"></ng-content>\r\n    </div>\r\n    <div class=\"no-items\">\r\n      <p class=\"message\">\r\n        <ng-content select=\".no-content\"></ng-content>\r\n      </p>\r\n    </div>\r\n  </div>\r\n</div>\r\n", styles: [".bi{margin:0!important}.memo-sorting-wrapper{width:265px;margin:0 10px;height:100%;display:flex}.memo-sorting-wrapper .sorting-direction{width:65px;height:40px;background-color:#465573;color:#fff;font-size:20px;display:flex;justify-content:center;align-items:center;cursor:pointer}.memo-sorting-wrapper .memo-sorting-trigger{width:calc(100% - 65px);height:100%;background-color:transparent;border:1px solid lightgrey;display:flex;justify-content:space-between;align-items:center;padding:0 15px;font-size:14px}.memo-sorting-wrapper .memo-sorting-trigger i{font-size:16px;color:gray}.memo-sorting-menu{width:200px}.my-button{border:1px solid #465573;color:#465573;border-radius:5px;background-color:transparent;font-weight:bold;min-width:80px;height:40px}.my-button.reset{border:none}.my-button:hover{color:#fff;background-color:#465573}.my-button:hover.reset{color:#465573;border:1px solid #465573;background-color:#fff}.app-property-value .app-input-wrapper label{color:#646f85;font-size:13px;margin-bottom:5px}.app-property-value .app-input-wrapper label .text-danger{font-size:16px;line-height:14px;margin:0 5px!important}.app-property-value .app-input-wrapper .form-control{border:1px solid #ccc;border-radius:5px;background-color:#8f98aa1a;height:40px}.app-property-value .app-input-wrapper .form-control:disabled{background-color:#e9ecef!important}.app-property-value .app-input-wrapper .form-control:focus{border:1px solid #1a96c6;box-shadow:0 0 4px #79c3c26b!important}.app-property-value .app-input-wrapper .app-textitem-editable-error .error-containers{list-style:none;padding:0;margin:0;font-size:14px}.app-property-value .app-input-wrapper .app-textitem-editable-error .error-containers .error{margin-top:5px}.autocomplete-container .input-container input:focus,hijri-gregorian-datepicker .form-group .input-group .form-control:focus,.ng-select.ng-select-focused .ng-select-container{border:1px solid #1a96c6!important;box-shadow:0 0 4px #79c3c26b!important}input::placeholder{font-size:12px}.form-control:focus{box-shadow:none!important}.mat-stepper-horizontal{margin-top:-25px}.mat-stepper-horizontal .mat-horizontal-stepper-header-container .mat-step-header.cdk-program-focused{background-color:transparent}.mat-stepper-horizontal .mat-horizontal-stepper-header-container .mat-step-header .mat-step-icon-selected{background-color:transparent;color:#fff;background-image:linear-gradient(to right,#0dbab5,#1a96c6)}@media only screen and (max-width: 576px){.mat-stepper-horizontal .mat-horizontal-stepper-header-container .mat-step-header .mat-step-label .mat-step-text-label{white-space:pre-wrap;overflow:visible}}.mat-stepper-horizontal .mat-horizontal-content-container{overflow:visible}@media only screen and (max-width: 768px){.mat-stepper-horizontal .mat-horizontal-content-container{padding:0 0 24px}}.mat-stepper-horizontal.rtl .mat-horizontal-stepper-header:first-child:after,.mat-stepper-horizontal.rtl .mat-horizontal-stepper-header:last-child:before{display:none}.mat-stepper-horizontal.rtl .mat-horizontal-stepper-header:first-child:before{border-top-width:1px;border-top-style:solid;content:\"\";display:inline-block;height:0;position:absolute;width:calc(50% - 20px);left:0}.mat-stepper-horizontal.rtl .mat-horizontal-stepper-header:last-child:after{border-top-width:1px;border-top-style:solid;content:\"\";display:inline-block;height:0;position:absolute;width:calc(50% - 20px);right:0}.form-wrapper{padding:30px 15px;border:1px solid #dde0e2}.form-wrapper .buttons-wrapper{display:flex;justify-content:space-between}.form-wrapper .buttons-wrapper .action-buttons-wrapper{display:flex}.form-wrapper .buttons-wrapper button{background-image:linear-gradient(to right,#0dbab5,#1a96c6);height:40px;color:#fff;border:none;width:125px;margin-top:20px;border-radius:5px}.form-wrapper .buttons-wrapper button:disabled{opacity:.4;cursor:not-allowed}.form-wrapper .buttons-wrapper button:hover{opacity:.7}.form-wrapper .upload-wrapper{display:flex;flex-direction:column;justify-content:flex-end}.form-wrapper .upload-wrapper label{color:#8f98aa;font-size:14px}.form-wrapper .upload-wrapper button{padding:10px;border:1px solid lightgray}.form-wrapper .upload-wrapper button span{margin:0 10px}.renameFileComponent .form-wrapper{padding:30px 15px;border:none!important}.renameFileComponent .form-wrapper .buttons-wrapper{display:flex;justify-content:space-between}.renameFileComponent .form-wrapper .buttons-wrapper .action-buttons-wrapper{display:flex}.renameFileComponent .form-wrapper .buttons-wrapper button{background-image:linear-gradient(to right,#0dbab5,#1a96c6);height:40px;color:#fff;border:none;width:125px;margin-top:20px;border-radius:5px}.renameFileComponent .form-wrapper .buttons-wrapper button:disabled{opacity:.4;cursor:not-allowed}.renameFileComponent .form-wrapper .buttons-wrapper button:hover{opacity:.7}.renameFileComponent .form-wrapper .upload-wrapper{display:flex;flex-direction:column;justify-content:flex-end}.renameFileComponent .form-wrapper .upload-wrapper label{color:#8f98aa;font-size:14px}.renameFileComponent .form-wrapper .upload-wrapper button{padding:10px;border:1px solid lightgray}.renameFileComponent .form-wrapper .upload-wrapper button span{margin:0 10px}.my-dynamic-viewer{display:flex;align-items:center;font-size:12px;min-height:30px}.my-dynamic-viewer .my-label{font-size:12px;font-weight:500;width:150px;word-break:break-word}@media (max-width: 992px){.my-dynamic-viewer .my-label{width:50%}}.my-dynamic-viewer .my-value{width:calc(100% - 150px);word-break:break-word}@media (max-width: 992px){.my-dynamic-viewer .my-value{width:50%}}.my-dynamic-viewer .direction-img{font-size:14px}.my-dynamic-viewer .direction-img .incoming{display:none}.my-dynamic-viewer .direction-img .outgoing{display:none}.my-dynamic-viewer .direction-img .internal{display:none}.my-dynamic-viewer.draft .my-value{color:#596973}.my-dynamic-viewer.inProgress .my-value{color:#3c3cf0}.my-dynamic-viewer.registered .my-value{color:#4f008c}.my-dynamic-viewer.archived .my-value{color:#fbb62c}.my-dynamic-viewer.closed .my-value{color:#00dca5}.my-dynamic-viewer.approved .my-value{color:#06a57e}.my-dynamic-viewer.assigned .my-value{color:#fd6670}.my-dynamic-viewer.sent .my-value{color:#3c3cf0}.my-dynamic-viewer.published .my-value{color:#00dca5}.my-dynamic-viewer.Outgoing .my-value{display:flex}.my-dynamic-viewer.Outgoing .my-value .direction-img .outgoing{color:#fbb62c;margin:1px 5px;display:flex}.my-dynamic-viewer.Outgoing .my-value .text{margin:0 5px}.my-dynamic-viewer.Internal .my-value{display:flex}.my-dynamic-viewer.Internal .my-value .direction-img .internal{color:#3c3cf0;margin:1px 5px;display:flex}.my-dynamic-viewer.Internal .my-value .text{margin:0 5px}.my-dynamic-viewer.Incoming .my-value{display:flex}.my-dynamic-viewer.Incoming .my-value .direction-img .incoming{color:#00dca5;display:flex}.my-dynamic-viewer.Incoming .my-value .text{margin:-3px 5px 0}.my-dynamic-viewer.vertical{display:block}.my-dynamic-viewer.vertical .my-label{width:auto}.my-dynamic-viewer.vertical .my-value{width:auto}.my-dynamic-viewer.with-out-label{width:100%!important}.app-card{border-radius:5px;display:flex;flex-direction:column;background:#ffffff;position:relative;padding:24px 0 0}.app-card .card-inner{display:flex;flex-direction:column}.card-title{height:auto;border:0px solid;border-color:#465573;color:#465573;border-inline-start-width:8px}.card-title h1,.card-title h2,.card-title h3,.card-title h4,.card-title h5,.card-title h6,.card-title span,.card-title p{font-size:18px}.title-padder{padding:0 24px;display:flex;align-items:center;justify-content:space-between}.dark-app-card{background:#465573}.dark-app-card .card-title{border-color:#fff;color:#fff}.my-toolbar{display:flex}.my-toolbar .add-button{border-radius:5px;width:65px;height:40px;background-color:#465573;color:#fff;font-size:20px;display:flex;justify-content:center;align-items:center}.my-toolbar .add-button .icon{font-size:30px;font-weight:bold}.my-toolbar .add-button .edit{font-size:25px}.no-items{display:flex;justify-content:center}.no-items .message{text-align:center;color:#b4bac6;font-size:20px}\n"], directives: [{ type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], encapsulation: i0.ViewEncapsulation.None });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.4", ngImport: i0, type: CardComponent, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'app-card',
+                    templateUrl: './card.component.html',
+                    styleUrls: ['./card.component.scss'],
+                    encapsulation: ViewEncapsulation.None,
+                }]
+        }], ctorParameters: function () { return []; }, propDecorators: { noBody: [{
+                type: Input
+            }], dark: [{
+                type: Input
+            }] } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY2FyZC5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9udXhlby1kZXZlbG9wbWVudC1mcmFtZXdvcmsvc3JjL2xpYi9jb21wb25lbnRzL2NhcmQvY2FyZC5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9udXhlby1kZXZlbG9wbWVudC1mcmFtZXdvcmsvc3JjL2xpYi9jb21wb25lbnRzL2NhcmQvY2FyZC5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFFLEtBQUssRUFBVSxpQkFBaUIsRUFBRSxNQUFNLGVBQWUsQ0FBQzs7O0FBQzVFOzs7Ozs7Ozs7Ozs7Ozs7Ozs7R0FrQkc7QUFPSCxNQUFNLE9BQU8sYUFBYTtJQU94Qiw0QkFBNEI7SUFDNUI7UUFQQSx1QkFBdUI7UUFFdkIsV0FBTSxHQUFHLEtBQUssQ0FBQztRQUNmLG1CQUFtQjtRQUVuQixTQUFJLEdBQUcsS0FBSyxDQUFDO0lBRUcsQ0FBQztJQUVqQixRQUFRLEtBQVcsQ0FBQzs7MEdBVlQsYUFBYTs4RkFBYixhQUFhLDRGQzFCMUIsODhCQW1DQTsyRkRUYSxhQUFhO2tCQU56QixTQUFTO21CQUFDO29CQUNULFFBQVEsRUFBRSxVQUFVO29CQUNwQixXQUFXLEVBQUUsdUJBQXVCO29CQUNwQyxTQUFTLEVBQUUsQ0FBQyx1QkFBdUIsQ0FBQztvQkFDcEMsYUFBYSxFQUFFLGlCQUFpQixDQUFDLElBQUk7aUJBQ3RDOzBFQUlDLE1BQU07c0JBREwsS0FBSztnQkFJTixJQUFJO3NCQURILEtBQUsiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21wb25lbnQsIElucHV0LCBPbkluaXQsIFZpZXdFbmNhcHN1bGF0aW9uIH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XHJcbi8qKlxyXG4gKiBBIHJldXNhYmxlIGNhcmQgY29tcG9uZW50IHRvIGRpc3BsYXkgdmFyaW91cyB0eXBlcyBvZiBjb250ZW50c1xyXG4gKlxyXG4gKiAhW1NjcmVlbnNob3QtMV0oLi4vc2NyZWVuc2hvdHMvY2FyZC5wbmcpXHJcbiAqIEB0aXRsZVxyXG4gKiBDYXJkXHJcbiAqIEBleGFtcGxlXHJcbiAqXHJcbiAqIDxhcHAtY2FyZD5cclxuICogICA8aDMgY2xhc3M9XCJ0aXRsZVwiPlxyXG4gKiAgICAgQ2FyZCB0aXRsZVxyXG4gKiAgIDwvaDM+XHJcbiAqICAgPGRpdiBjbGFzcz1cIm15LXRvb2xiYXJcIj5cclxuICogICAgIDxidXR0b24gY2xhc3M9XCJidG4tcHJpbWFyeVwiPiBBY3Rpb24gQnV0dG9uIDwvYnV0dG9uPlxyXG4gKiAgIDwvZGl2PlxyXG4gKiAgIDxkaXYgY2xhc3M9XCJib2R5XCI+XHJcbiAqICAgPC9kaXY+XHJcbiAqIDwvYXBwLWNhcmQ+XHJcbiAqL1xyXG5AQ29tcG9uZW50KHtcclxuICBzZWxlY3RvcjogJ2FwcC1jYXJkJyxcclxuICB0ZW1wbGF0ZVVybDogJy4vY2FyZC5jb21wb25lbnQuaHRtbCcsXHJcbiAgc3R5bGVVcmxzOiBbJy4vY2FyZC5jb21wb25lbnQuc2NzcyddLFxyXG4gIGVuY2Fwc3VsYXRpb246IFZpZXdFbmNhcHN1bGF0aW9uLk5vbmUsXHJcbn0pXHJcbmV4cG9ydCBjbGFzcyBDYXJkQ29tcG9uZW50IGltcGxlbWVudHMgT25Jbml0IHtcclxuICAvKiogY2FyZCBoYXMgbm8gYm9keSAqL1xyXG4gIEBJbnB1dCgpXHJcbiAgbm9Cb2R5Pz0gZmFsc2U7XHJcbiAgLyoqIGlzIGNhcmQgZGFyayAqL1xyXG4gIEBJbnB1dCgpXHJcbiAgZGFyaz89IGZhbHNlO1xyXG4gIC8qKiBlbmFibGUvZGlzYWJsZSBzaGFkb3cgKi9cclxuICBjb25zdHJ1Y3RvcigpIHsgfVxyXG5cclxuICBuZ09uSW5pdCgpOiB2b2lkIHsgfVxyXG59XHJcbiIsIjxkaXZcclxuICBjbGFzcz1cImFwcC1jYXJkXCJcclxuICBbbmdDbGFzc109XCJ7XHJcbiAgICAnZGFyay1hcHAtY2FyZCAnOiBkYXJrXHJcbiAgfVwiXHJcbj5cclxuICA8ZGl2IGNsYXNzPVwiY2FyZC1pbm5lclwiPlxyXG4gICAgPGRpdlxyXG4gICAgICBbbmdDbGFzc109XCJ7XHJcbiAgICAgICAgaGlkZGVuOiB0aXRsZS5jaGlsZE5vZGVzLmxlbmd0aCA9PSAwICYmIHRvb2xiYXIuY2hpbGROb2Rlcy5sZW5ndGggPT0gMFxyXG4gICAgICB9XCJcclxuICAgICAgY2xhc3M9XCJjYXJkLXRpdGxlXCJcclxuICAgID5cclxuICAgICAgPGRpdiBjbGFzcz1cInRpdGxlLXBhZGRlclwiPlxyXG4gICAgICAgIDwhLS0gdGl0bGUgQXJlYSAtLT5cclxuICAgICAgICA8c3BhbiAjdGl0bGU+XHJcbiAgICAgICAgICA8bmctY29udGVudCBzZWxlY3Q9XCIudGl0bGVcIj48L25nLWNvbnRlbnQ+XHJcbiAgICAgICAgPC9zcGFuPlxyXG4gICAgICAgIDwhLS0gdG9vbGJhciBBcmVhIC0tPlxyXG4gICAgICAgIDxkaXYgY2xhc3M9XCJteS10b29sYmFyXCIgI3Rvb2xiYXI+XHJcbiAgICAgICAgICA8bmctY29udGVudCBzZWxlY3Q9XCIubXktdG9vbGJhclwiPjwvbmctY29udGVudD5cclxuICAgICAgICA8L2Rpdj5cclxuICAgICAgPC9kaXY+XHJcbiAgICA8L2Rpdj5cclxuICAgIDwhLS0gYm9keSBhcmVhIC0tPlxyXG4gICAgPGRpdiBjbGFzcz1cImNhcmQtYm9keVwiICpuZ0lmPVwiIW5vQm9keVwiPlxyXG4gICAgICA8bmctY29udGVudCBzZWxlY3Q9XCIuYm9keVwiPjwvbmctY29udGVudD5cclxuICAgIDwvZGl2PlxyXG4gICAgPGRpdiBjbGFzcz1cIm5vLWl0ZW1zXCI+XHJcbiAgICAgIDxwIGNsYXNzPVwibWVzc2FnZVwiPlxyXG4gICAgICAgIDxuZy1jb250ZW50IHNlbGVjdD1cIi5uby1jb250ZW50XCI+PC9uZy1jb250ZW50PlxyXG4gICAgICA8L3A+XHJcbiAgICA8L2Rpdj5cclxuICA8L2Rpdj5cclxuPC9kaXY+XHJcbiJdfQ==

package/esm2015/lib/components/card/card.module.js

@@ -0,0 +1,23 @@
+import { NgModule } from '@angular/core';
+import { CommonModule } from '@angular/common';
+import { CardComponent } from './card.component';
+import * as i0 from "@angular/core";
+/**
+ * @title
+ * Card Module
+ */
+export class CardModule {
+}
+CardModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.4", ngImport: i0, type: CardModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+CardModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.4", ngImport: i0, type: CardModule, declarations: [CardComponent], imports: [CommonModule], exports: [CardComponent] });
+CardModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.4", ngImport: i0, type: CardModule, providers: [], imports: [[CommonModule]] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.4", ngImport: i0, type: CardModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    declarations: [CardComponent],
+                    imports: [CommonModule],
+                    exports: [CardComponent],
+                    providers: [],
+                }]
+        }] });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY2FyZC5tb2R1bGUuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9udXhlby1kZXZlbG9wbWVudC1mcmFtZXdvcmsvc3JjL2xpYi9jb21wb25lbnRzL2NhcmQvY2FyZC5tb2R1bGUudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFFBQVEsRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUN6QyxPQUFPLEVBQUUsWUFBWSxFQUFFLE1BQU0saUJBQWlCLENBQUM7QUFDL0MsT0FBTyxFQUFFLGFBQWEsRUFBRSxNQUFNLGtCQUFrQixDQUFDOztBQUVqRDs7O0dBR0c7QUFPSCxNQUFNLE9BQU8sVUFBVTs7dUdBQVYsVUFBVTt3R0FBVixVQUFVLGlCQUxOLGFBQWEsYUFDbEIsWUFBWSxhQUNaLGFBQWE7d0dBR1osVUFBVSxhQUZWLEVBQUUsWUFGSixDQUFDLFlBQVksQ0FBQzsyRkFJWixVQUFVO2tCQU50QixRQUFRO21CQUFDO29CQUNSLFlBQVksRUFBRSxDQUFDLGFBQWEsQ0FBQztvQkFDN0IsT0FBTyxFQUFFLENBQUMsWUFBWSxDQUFDO29CQUN2QixPQUFPLEVBQUUsQ0FBQyxhQUFhLENBQUM7b0JBQ3hCLFNBQVMsRUFBRSxFQUFFO2lCQUNkIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgTmdNb2R1bGUgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcclxuaW1wb3J0IHsgQ29tbW9uTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvY29tbW9uJztcclxuaW1wb3J0IHsgQ2FyZENvbXBvbmVudCB9IGZyb20gJy4vY2FyZC5jb21wb25lbnQnO1xyXG5cclxuLyoqXHJcbiAqIEB0aXRsZVxyXG4gKiBDYXJkIE1vZHVsZVxyXG4gKi9cclxuQE5nTW9kdWxlKHtcclxuICBkZWNsYXJhdGlvbnM6IFtDYXJkQ29tcG9uZW50XSxcclxuICBpbXBvcnRzOiBbQ29tbW9uTW9kdWxlXSxcclxuICBleHBvcnRzOiBbQ2FyZENvbXBvbmVudF0sXHJcbiAgcHJvdmlkZXJzOiBbXSxcclxufSlcclxuZXhwb3J0IGNsYXNzIENhcmRNb2R1bGUgeyB9XHJcbiJdfQ==

package/esm2015/lib/components/comments/comments.module.js

@@ -0,0 +1,82 @@
+import { CommonModule } from '@angular/common';
+import { NgModule } from '@angular/core';
+import { FormsModule } from '@angular/forms';
+import { MatIconModule } from '@angular/material/icon';
+import { MatProgressSpinnerModule } from '@angular/material/progress-spinner';
+import { MatTooltipModule } from '@angular/material/tooltip';
+import { TranslateModule } from '@ngx-translate/core';
+import { InfiniteScrollModule } from 'ngx-infinite-scroll';
+import { DirectiveModule } from '../../directive/directive.module';
+import { PipesModule } from '../../pipes/pipes.module';
+import { LibrarySharedModule } from '../../shared/libraryShared.module';
+import { CardModule } from '../card/card.module';
+import { CommentItemComponent } from './components/comment-item/comment-item.component';
+import { CommentsDashletComponent } from './components/comments-dashlet/comments-dashlet.component';
+import { CommentsListComponent } from './components/comments-list/comments-list.component';
+import { EditDeleteModalComponent } from './components/edit-delete-modal/edit-delete-modal.component';
+import * as i0 from "@angular/core";
+/**
+ * @title
+ * Comments Module
+ *
+ */
+export class CommentsModule {
+}
+CommentsModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.4", ngImport: i0, type: CommentsModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+CommentsModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.4", ngImport: i0, type: CommentsModule, declarations: [CommentsDashletComponent,
+        CommentsListComponent,
+        CommentItemComponent,
+        EditDeleteModalComponent], imports: [CommonModule,
+        LibrarySharedModule,
+        InfiniteScrollModule,
+        FormsModule,
+        CardModule,
+        PipesModule,
+        TranslateModule,
+        MatIconModule,
+        MatProgressSpinnerModule,
+        MatTooltipModule,
+        DirectiveModule,
+        MatTooltipModule], exports: [CommentsDashletComponent] });
+CommentsModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.4", ngImport: i0, type: CommentsModule, providers: [], imports: [[
+            CommonModule,
+            LibrarySharedModule,
+            InfiniteScrollModule,
+            FormsModule,
+            CardModule,
+            PipesModule,
+            TranslateModule,
+            MatIconModule,
+            MatProgressSpinnerModule,
+            MatTooltipModule,
+            DirectiveModule,
+            MatTooltipModule
+        ]] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.4", ngImport: i0, type: CommentsModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    declarations: [
+                        CommentsDashletComponent,
+                        CommentsListComponent,
+                        CommentItemComponent,
+                        EditDeleteModalComponent
+                    ],
+                    imports: [
+                        CommonModule,
+                        LibrarySharedModule,
+                        InfiniteScrollModule,
+                        FormsModule,
+                        CardModule,
+                        PipesModule,
+                        TranslateModule,
+                        MatIconModule,
+                        MatProgressSpinnerModule,
+                        MatTooltipModule,
+                        DirectiveModule,
+                        MatTooltipModule
+                    ],
+                    exports: [CommentsDashletComponent],
+                    providers: [],
+                }]
+        }] });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY29tbWVudHMubW9kdWxlLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvbnV4ZW8tZGV2ZWxvcG1lbnQtZnJhbWV3b3JrL3NyYy9saWIvY29tcG9uZW50cy9jb21tZW50cy9jb21tZW50cy5tb2R1bGUudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFlBQVksRUFBRSxNQUFNLGlCQUFpQixDQUFDO0FBQy9DLE9BQU8sRUFBRSxRQUFRLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFDekMsT0FBTyxFQUFFLFdBQVcsRUFBRSxNQUFNLGdCQUFnQixDQUFDO0FBQzdDLE9BQU8sRUFBRSxhQUFhLEVBQUUsTUFBTSx3QkFBd0IsQ0FBQztBQUN2RCxPQUFPLEVBQUUsd0JBQXdCLEVBQUUsTUFBTSxvQ0FBb0MsQ0FBQztBQUM5RSxPQUFPLEVBQUUsZ0JBQWdCLEVBQUUsTUFBTSwyQkFBMkIsQ0FBQztBQUU3RCxPQUFPLEVBQUUsZUFBZSxFQUFFLE1BQU0scUJBQXFCLENBQUM7QUFDdEQsT0FBTyxFQUFFLG9CQUFvQixFQUFFLE1BQU0scUJBQXFCLENBQUM7QUFDM0QsT0FBTyxFQUFFLGVBQWUsRUFBRSxNQUFNLGtDQUFrQyxDQUFDO0FBQ25FLE9BQU8sRUFBRSxXQUFXLEVBQUUsTUFBTSwwQkFBMEIsQ0FBQztBQUN2RCxPQUFPLEVBQUUsbUJBQW1CLEVBQUUsTUFBTSxtQ0FBbUMsQ0FBQztBQUN4RSxPQUFPLEVBQUUsVUFBVSxFQUFFLE1BQU0scUJBQXFCLENBQUM7QUFDakQsT0FBTyxFQUFFLG9CQUFvQixFQUFFLE1BQU0sa0RBQWtELENBQUM7QUFDeEYsT0FBTyxFQUFFLHdCQUF3QixFQUFFLE1BQU0sMERBQTBELENBQUM7QUFDcEcsT0FBTyxFQUFFLHFCQUFxQixFQUFFLE1BQU0sb0RBQW9ELENBQUM7QUFDM0YsT0FBTyxFQUFFLHdCQUF3QixFQUFFLE1BQU0sNERBQTRELENBQUM7O0FBRXRHOzs7O0dBSUc7QUF5QkgsTUFBTSxPQUFPLGNBQWM7OzJHQUFkLGNBQWM7NEdBQWQsY0FBYyxpQkF0QnZCLHdCQUF3QjtRQUN4QixxQkFBcUI7UUFDckIsb0JBQW9CO1FBQ3BCLHdCQUF3QixhQUd4QixZQUFZO1FBQ1osbUJBQW1CO1FBQ25CLG9CQUFvQjtRQUNwQixXQUFXO1FBQ1gsVUFBVTtRQUNWLFdBQVc7UUFDWCxlQUFlO1FBQ2YsYUFBYTtRQUNiLHdCQUF3QjtRQUN4QixnQkFBZ0I7UUFDaEIsZUFBZTtRQUNmLGdCQUFnQixhQUVSLHdCQUF3Qjs0R0FHdkIsY0FBYyxhQUZkLEVBQUUsWUFmSjtZQUNQLFlBQVk7WUFDWixtQkFBbUI7WUFDbkIsb0JBQW9CO1lBQ3BCLFdBQVc7WUFDWCxVQUFVO1lBQ1YsV0FBVztZQUNYLGVBQWU7WUFDZixhQUFhO1lBQ2Isd0JBQXdCO1lBQ3hCLGdCQUFnQjtZQUNoQixlQUFlO1lBQ2YsZ0JBQWdCO1NBQ2pCOzJGQUlVLGNBQWM7a0JBeEIxQixRQUFRO21CQUFDO29CQUNSLFlBQVksRUFBRTt3QkFDWix3QkFBd0I7d0JBQ3hCLHFCQUFxQjt3QkFDckIsb0JBQW9CO3dCQUNwQix3QkFBd0I7cUJBQ3pCO29CQUNELE9BQU8sRUFBRTt3QkFDUCxZQUFZO3dCQUNaLG1CQUFtQjt3QkFDbkIsb0JBQW9CO3dCQUNwQixXQUFXO3dCQUNYLFVBQVU7d0JBQ1YsV0FBVzt3QkFDWCxlQUFlO3dCQUNmLGFBQWE7d0JBQ2Isd0JBQXdCO3dCQUN4QixnQkFBZ0I7d0JBQ2hCLGVBQWU7d0JBQ2YsZ0JBQWdCO3FCQUNqQjtvQkFDRCxPQUFPLEVBQUUsQ0FBQyx3QkFBd0IsQ0FBRTtvQkFDcEMsU0FBUyxFQUFFLEVBQUU7aUJBQ2QiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21tb25Nb2R1bGUgfSBmcm9tICdAYW5ndWxhci9jb21tb24nO1xyXG5pbXBvcnQgeyBOZ01vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xyXG5pbXBvcnQgeyBGb3Jtc01vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL2Zvcm1zJztcclxuaW1wb3J0IHsgTWF0SWNvbk1vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL21hdGVyaWFsL2ljb24nO1xyXG5pbXBvcnQgeyBNYXRQcm9ncmVzc1NwaW5uZXJNb2R1bGUgfSBmcm9tICdAYW5ndWxhci9tYXRlcmlhbC9wcm9ncmVzcy1zcGlubmVyJztcclxuaW1wb3J0IHsgTWF0VG9vbHRpcE1vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL21hdGVyaWFsL3Rvb2x0aXAnO1xyXG5pbXBvcnQgeyBSb3V0ZXJNb2R1bGUgfSBmcm9tICdAYW5ndWxhci9yb3V0ZXInO1xyXG5pbXBvcnQgeyBUcmFuc2xhdGVNb2R1bGUgfSBmcm9tICdAbmd4LXRyYW5zbGF0ZS9jb3JlJztcclxuaW1wb3J0IHsgSW5maW5pdGVTY3JvbGxNb2R1bGUgfSBmcm9tICduZ3gtaW5maW5pdGUtc2Nyb2xsJztcclxuaW1wb3J0IHsgRGlyZWN0aXZlTW9kdWxlIH0gZnJvbSAnLi4vLi4vZGlyZWN0aXZlL2RpcmVjdGl2ZS5tb2R1bGUnO1xyXG5pbXBvcnQgeyBQaXBlc01vZHVsZSB9IGZyb20gJy4uLy4uL3BpcGVzL3BpcGVzLm1vZHVsZSc7XHJcbmltcG9ydCB7IExpYnJhcnlTaGFyZWRNb2R1bGUgfSBmcm9tICcuLi8uLi9zaGFyZWQvbGlicmFyeVNoYXJlZC5tb2R1bGUnO1xyXG5pbXBvcnQgeyBDYXJkTW9kdWxlIH0gZnJvbSAnLi4vY2FyZC9jYXJkLm1vZHVsZSc7XHJcbmltcG9ydCB7IENvbW1lbnRJdGVtQ29tcG9uZW50IH0gZnJvbSAnLi9jb21wb25lbnRzL2NvbW1lbnQtaXRlbS9jb21tZW50LWl0ZW0uY29tcG9uZW50JztcclxuaW1wb3J0IHsgQ29tbWVudHNEYXNobGV0Q29tcG9uZW50IH0gZnJvbSAnLi9jb21wb25lbnRzL2NvbW1lbnRzLWRhc2hsZXQvY29tbWVudHMtZGFzaGxldC5jb21wb25lbnQnO1xyXG5pbXBvcnQgeyBDb21tZW50c0xpc3RDb21wb25lbnQgfSBmcm9tICcuL2NvbXBvbmVudHMvY29tbWVudHMtbGlzdC9jb21tZW50cy1saXN0LmNvbXBvbmVudCc7XHJcbmltcG9ydCB7IEVkaXREZWxldGVNb2RhbENvbXBvbmVudCB9IGZyb20gJy4vY29tcG9uZW50cy9lZGl0LWRlbGV0ZS1tb2RhbC9lZGl0LWRlbGV0ZS1tb2RhbC5jb21wb25lbnQnO1xyXG5cclxuLyoqXHJcbiAqIEB0aXRsZVxyXG4gKiBDb21tZW50cyBNb2R1bGVcclxuICogXHJcbiAqL1xyXG5ATmdNb2R1bGUoe1xyXG4gIGRlY2xhcmF0aW9uczogW1xyXG4gICAgQ29tbWVudHNEYXNobGV0Q29tcG9uZW50LFxyXG4gICAgQ29tbWVudHNMaXN0Q29tcG9uZW50LFxyXG4gICAgQ29tbWVudEl0ZW1Db21wb25lbnQsXHJcbiAgICBFZGl0RGVsZXRlTW9kYWxDb21wb25lbnRcclxuICBdLFxyXG4gIGltcG9ydHM6IFtcclxuICAgIENvbW1vbk1vZHVsZSxcclxuICAgIExpYnJhcnlTaGFyZWRNb2R1bGUsXHJcbiAgICBJbmZpbml0ZVNjcm9sbE1vZHVsZSxcclxuICAgIEZvcm1zTW9kdWxlLFxyXG4gICAgQ2FyZE1vZHVsZSxcclxuICAgIFBpcGVzTW9kdWxlLFxyXG4gICAgVHJhbnNsYXRlTW9kdWxlLFxyXG4gICAgTWF0SWNvbk1vZHVsZSxcclxuICAgIE1hdFByb2dyZXNzU3Bpbm5lck1vZHVsZSxcclxuICAgIE1hdFRvb2x0aXBNb2R1bGUsXHJcbiAgICBEaXJlY3RpdmVNb2R1bGUsXHJcbiAgICBNYXRUb29sdGlwTW9kdWxlXHJcbiAgXSxcclxuICBleHBvcnRzOiBbQ29tbWVudHNEYXNobGV0Q29tcG9uZW50IF0sXHJcbiAgcHJvdmlkZXJzOiBbXSxcclxufSlcclxuZXhwb3J0IGNsYXNzIENvbW1lbnRzTW9kdWxlIHt9XHJcbiJdfQ==

package/esm2015/lib/components/comments/components/comment-item/comment-item.component.js

@@ -0,0 +1,86 @@
+import { Component, Input, Output, EventEmitter } from '@angular/core';
+import { EditDeleteModalComponent } from '../edit-delete-modal/edit-delete-modal.component';
+import * as i0 from "@angular/core";
+import * as i1 from "../../../../Core/services/translation/translation.service";
+import * as i2 from "@angular/material/dialog";
+import * as i3 from "../../../../shared/components/user-card/user-card.component";
+import * as i4 from "../../../../shared/components/read-more/read-more.component";
+import * as i5 from "../../../../directive/rtl/set-rtl.directive";
+import * as i6 from "@angular/common";
+import * as i7 from "../../../../directive/permissions/permissions.directive";
+import * as i8 from "@angular/material/tooltip";
+import * as i9 from "@ngx-translate/core";
+import * as i10 from "../../../../pipes/localized-date.pipe";
+import * as i11 from "../../../../pipes/time-ago.pipe";
+/**
+ * @ignore
+ */
+export class CommentItemComponent {
+    constructor(translationSrvice, dialog) {
+        this.translationSrvice = translationSrvice;
+        this.dialog = dialog;
+        this.loaderType = 'scroll';
+        this.showCommentActions = true;
+        this.lang = 'en';
+        this.refreshCommentList = new EventEmitter();
+    }
+    ngOnInit() {
+        console.log("comment comment", this.comment);
+        let date = new Date(this.comment.creationDate);
+        date.setSeconds(date.getSeconds() - 5);
+        this.comment.creationDate = date.toISOString();
+        this.langSubscription = this.translationSrvice.isArabic.subscribe(res => {
+            this.lang = res ? 'ar' : 'en';
+        });
+    }
+    executeFunction(type) {
+        if (type === 'edit') {
+            this.dialogRef = this.dialog.open(EditDeleteModalComponent, {
+                width: '500px',
+                height: '220px',
+                panelClass: 'watcher-dialog-container',
+                data: {
+                    type: 'edit',
+                    comment: Object.assign({}, this.comment)
+                },
+                disableClose: true,
+            });
+        }
+        else if (type === 'delete') {
+            this.dialogRef = this.dialog.open(EditDeleteModalComponent, {
+                width: '500px',
+                height: '150px',
+                panelClass: 'watcher-dialog-container',
+                data: {
+                    type: 'delete',
+                    comment: Object.assign({}, this.comment)
+                },
+                disableClose: true,
+            });
+        }
+        this.dialogRef.afterClosed().subscribe((res) => {
+            if (res) {
+                this.refreshCommentList.emit();
+            }
+        });
+    }
+}
+CommentItemComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.4", ngImport: i0, type: CommentItemComponent, deps: [{ token: i1.TranslationService }, { token: i2.MatDialog }], target: i0.ɵɵFactoryTarget.Component });
+CommentItemComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.4", type: CommentItemComponent, selector: "app-comment-item", inputs: { comment: "comment", loaderType: "loaderType", showCommentActions: "showCommentActions" }, outputs: { refreshCommentList: "refreshCommentList" }, ngImport: i0, template: "<div class=\"comment-item\" SetRtl>\r\n\r\n  <div class=\"comment-controls\" *ngIf=\"showCommentActions\">\r\n    <span class=\"bi bi-pencil contril-icon\" \r\n    *permission=\"{name: 'updateComment', entity: comment}\"\r\n    matTooltip=\"{{ 'BUTTONS.EDIT' | translate }}\"\r\n     (click)=\"executeFunction('edit')\"\r\n     ></span>\r\n\r\n    <span class=\"bi bi-trash contril-icon\" \r\n    *permission=\"{name: 'deleteComment', entity: comment}\"\r\n    matTooltip=\"{{ 'BUTTONS.Delete' | translate }}\"\r\n    (click)=\"executeFunction('delete')\"\r\n    ></span>\r\n  </div>\r\n\r\n  <app-user-card [user]=\"comment.Commenter\" [diameter]=\"12\">\r\n    <div class=\"lineOne\">\r\n      {{ comment.Commenter.properties.firstName }}\r\n      {{ comment.Commenter.properties.lastName }}\r\n    </div>\r\n    <div class=\"lineOnePart2\">\r\n      <span class=\"date\" matTooltip='{{ comment?.creationDate | localizedDate:\r\n        \"fullDate\"}}' matTooltipClass=\"tdf-tooltip\" TooltipPosition='below'>\r\n        <span class=\"date-sperator px-1\">|</span>{{ comment?.creationDate | timeAgo : lang }}</span>\r\n    </div>\r\n    <div class=\"lineTwo\">\r\n      <app-read-more class=\"comment-text\" [text]=\"comment?.text\" [wordCount]=\"loaderType === 'scroll' ? 20 : 60\">\r\n      </app-read-more>\r\n    </div>\r\n  </app-user-card>\r\n</div>\r\n", styles: [".bi{margin:0!important}.memo-sorting-wrapper{width:265px;margin:0 10px;height:100%;display:flex}.memo-sorting-wrapper .sorting-direction{width:65px;height:40px;background-color:#465573;color:#fff;font-size:20px;display:flex;justify-content:center;align-items:center;cursor:pointer}.memo-sorting-wrapper .memo-sorting-trigger{width:calc(100% - 65px);height:100%;background-color:transparent;border:1px solid lightgrey;display:flex;justify-content:space-between;align-items:center;padding:0 15px;font-size:14px}.memo-sorting-wrapper .memo-sorting-trigger i{font-size:16px;color:gray}.memo-sorting-menu{width:200px}.my-button{border:1px solid #465573;color:#465573;border-radius:5px;background-color:transparent;font-weight:bold;min-width:80px;height:40px}.my-button.reset{border:none}.my-button:hover{color:#fff;background-color:#465573}.my-button:hover.reset{color:#465573;border:1px solid #465573;background-color:#fff}.app-property-value .app-input-wrapper label{color:#646f85;font-size:13px;margin-bottom:5px}.app-property-value .app-input-wrapper label .text-danger{font-size:16px;line-height:14px;margin:0 5px!important}.app-property-value .app-input-wrapper .form-control{border:1px solid #ccc;border-radius:5px;background-color:#8f98aa1a;height:40px}.app-property-value .app-input-wrapper .form-control:disabled{background-color:#e9ecef!important}.app-property-value .app-input-wrapper .form-control:focus{border:1px solid #1a96c6;box-shadow:0 0 4px #79c3c26b!important}.app-property-value .app-input-wrapper .app-textitem-editable-error .error-containers{list-style:none;padding:0;margin:0;font-size:14px}.app-property-value .app-input-wrapper .app-textitem-editable-error .error-containers .error{margin-top:5px}.autocomplete-container .input-container input:focus,hijri-gregorian-datepicker .form-group .input-group .form-control:focus,.ng-select.ng-select-focused .ng-select-container{border:1px solid #1a96c6!important;box-shadow:0 0 4px #79c3c26b!important}input::placeholder{font-size:12px}.form-control:focus{box-shadow:none!important}.mat-stepper-horizontal{margin-top:-25px}.mat-stepper-horizontal .mat-horizontal-stepper-header-container .mat-step-header.cdk-program-focused{background-color:transparent}.mat-stepper-horizontal .mat-horizontal-stepper-header-container .mat-step-header .mat-step-icon-selected{background-color:transparent;color:#fff;background-image:linear-gradient(to right,#0dbab5,#1a96c6)}@media only screen and (max-width: 576px){.mat-stepper-horizontal .mat-horizontal-stepper-header-container .mat-step-header .mat-step-label .mat-step-text-label{white-space:pre-wrap;overflow:visible}}.mat-stepper-horizontal .mat-horizontal-content-container{overflow:visible}@media only screen and (max-width: 768px){.mat-stepper-horizontal .mat-horizontal-content-container{padding:0 0 24px}}.mat-stepper-horizontal.rtl .mat-horizontal-stepper-header:first-child:after,.mat-stepper-horizontal.rtl .mat-horizontal-stepper-header:last-child:before{display:none}.mat-stepper-horizontal.rtl .mat-horizontal-stepper-header:first-child:before{border-top-width:1px;border-top-style:solid;content:\"\";display:inline-block;height:0;position:absolute;width:calc(50% - 20px);left:0}.mat-stepper-horizontal.rtl .mat-horizontal-stepper-header:last-child:after{border-top-width:1px;border-top-style:solid;content:\"\";display:inline-block;height:0;position:absolute;width:calc(50% - 20px);right:0}.form-wrapper{padding:30px 15px;border:1px solid #dde0e2}.form-wrapper .buttons-wrapper{display:flex;justify-content:space-between}.form-wrapper .buttons-wrapper .action-buttons-wrapper{display:flex}.form-wrapper .buttons-wrapper button{background-image:linear-gradient(to right,#0dbab5,#1a96c6);height:40px;color:#fff;border:none;width:125px;margin-top:20px;border-radius:5px}.form-wrapper .buttons-wrapper button:disabled{opacity:.4;cursor:not-allowed}.form-wrapper .buttons-wrapper button:hover{opacity:.7}.form-wrapper .upload-wrapper{display:flex;flex-direction:column;justify-content:flex-end}.form-wrapper .upload-wrapper label{color:#8f98aa;font-size:14px}.form-wrapper .upload-wrapper button{padding:10px;border:1px solid lightgray}.form-wrapper .upload-wrapper button span{margin:0 10px}.renameFileComponent .form-wrapper{padding:30px 15px;border:none!important}.renameFileComponent .form-wrapper .buttons-wrapper{display:flex;justify-content:space-between}.renameFileComponent .form-wrapper .buttons-wrapper .action-buttons-wrapper{display:flex}.renameFileComponent .form-wrapper .buttons-wrapper button{background-image:linear-gradient(to right,#0dbab5,#1a96c6);height:40px;color:#fff;border:none;width:125px;margin-top:20px;border-radius:5px}.renameFileComponent .form-wrapper .buttons-wrapper button:disabled{opacity:.4;cursor:not-allowed}.renameFileComponent .form-wrapper .buttons-wrapper button:hover{opacity:.7}.renameFileComponent .form-wrapper .upload-wrapper{display:flex;flex-direction:column;justify-content:flex-end}.renameFileComponent .form-wrapper .upload-wrapper label{color:#8f98aa;font-size:14px}.renameFileComponent .form-wrapper .upload-wrapper button{padding:10px;border:1px solid lightgray}.renameFileComponent .form-wrapper .upload-wrapper button span{margin:0 10px}.my-dynamic-viewer{display:flex;align-items:center;font-size:12px;min-height:30px}.my-dynamic-viewer .my-label{font-size:12px;font-weight:500;width:150px;word-break:break-word}@media (max-width: 992px){.my-dynamic-viewer .my-label{width:50%}}.my-dynamic-viewer .my-value{width:calc(100% - 150px);word-break:break-word}@media (max-width: 992px){.my-dynamic-viewer .my-value{width:50%}}.my-dynamic-viewer .direction-img{font-size:14px}.my-dynamic-viewer .direction-img .incoming{display:none}.my-dynamic-viewer .direction-img .outgoing{display:none}.my-dynamic-viewer .direction-img .internal{display:none}.my-dynamic-viewer.draft .my-value{color:#596973}.my-dynamic-viewer.inProgress .my-value{color:#3c3cf0}.my-dynamic-viewer.registered .my-value{color:#4f008c}.my-dynamic-viewer.archived .my-value{color:#fbb62c}.my-dynamic-viewer.closed .my-value{color:#00dca5}.my-dynamic-viewer.approved .my-value{color:#06a57e}.my-dynamic-viewer.assigned .my-value{color:#fd6670}.my-dynamic-viewer.sent .my-value{color:#3c3cf0}.my-dynamic-viewer.published .my-value{color:#00dca5}.my-dynamic-viewer.Outgoing .my-value{display:flex}.my-dynamic-viewer.Outgoing .my-value .direction-img .outgoing{color:#fbb62c;margin:1px 5px;display:flex}.my-dynamic-viewer.Outgoing .my-value .text{margin:0 5px}.my-dynamic-viewer.Internal .my-value{display:flex}.my-dynamic-viewer.Internal .my-value .direction-img .internal{color:#3c3cf0;margin:1px 5px;display:flex}.my-dynamic-viewer.Internal .my-value .text{margin:0 5px}.my-dynamic-viewer.Incoming .my-value{display:flex}.my-dynamic-viewer.Incoming .my-value .direction-img .incoming{color:#00dca5;display:flex}.my-dynamic-viewer.Incoming .my-value .text{margin:-3px 5px 0}.my-dynamic-viewer.vertical{display:block}.my-dynamic-viewer.vertical .my-label{width:auto}.my-dynamic-viewer.vertical .my-value{width:auto}.my-dynamic-viewer.with-out-label{width:100%!important}.comment-item{border:1px solid #d9dce2;padding:8px 4px;display:flex;position:relative}.comment-item:hover{background:#f5f6f8}.comment-item .comment-controls{position:absolute;right:5px}.comment-item .comment-controls .contril-icon{padding:0 5px;cursor:pointer}.date{color:#3c3cf0}.comment-text{color:#8f98aa}.comment-avatar{align-items:top;padding:0 4px;display:flex}.comment-avatar .avatar{width:40px;height:40px;display:block}.rtl .comment-controls{left:5px;right:auto}\n"], components: [{ type: i3.UserCardComponent, selector: "app-user-card", inputs: ["user", "diameter"] }, { type: i4.ReadMoreComponent, selector: "app-read-more", inputs: ["text", "charCount", "wordCount", "lineBreaks"] }], directives: [{ type: i5.SetRtlDirective, selector: "[SetRtl]" }, { type: i6.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i7.PermissionsDirective, selector: "[permission]", inputs: ["permission"] }, { type: i8.MatTooltip, selector: "[matTooltip]", inputs: ["matTooltipShowDelay", "matTooltipHideDelay", "matTooltipTouchGestures", "matTooltipPosition", "matTooltipDisabled", "matTooltip", "matTooltipClass"], exportAs: ["matTooltip"] }], pipes: { "translate": i9.TranslatePipe, "localizedDate": i10.LocalizedDatePipe, "timeAgo": i11.TimeAgoPipe } });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.4", ngImport: i0, type: CommentItemComponent, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'app-comment-item',
+                    templateUrl: './comment-item.component.html',
+                    styleUrls: ['./comment-item.component.scss']
+                }]
+        }], ctorParameters: function () { return [{ type: i1.TranslationService }, { type: i2.MatDialog }]; }, propDecorators: { comment: [{
+                type: Input
+            }], loaderType: [{
+                type: Input
+            }], showCommentActions: [{
+                type: Input
+            }], refreshCommentList: [{
+                type: Output
+            }] } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY29tbWVudC1pdGVtLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL251eGVvLWRldmVsb3BtZW50LWZyYW1ld29yay9zcmMvbGliL2NvbXBvbmVudHMvY29tbWVudHMvY29tcG9uZW50cy9jb21tZW50LWl0ZW0vY29tbWVudC1pdGVtLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL251eGVvLWRldmVsb3BtZW50LWZyYW1ld29yay9zcmMvbGliL2NvbXBvbmVudHMvY29tbWVudHMvY29tcG9uZW50cy9jb21tZW50LWl0ZW0vY29tbWVudC1pdGVtLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxTQUFTLEVBQUUsS0FBSyxFQUFVLE1BQU0sRUFBRyxZQUFZLEVBQUMsTUFBTSxlQUFlLENBQUM7QUFJL0UsT0FBTyxFQUFFLHdCQUF3QixFQUFFLE1BQU0sa0RBQWtELENBQUM7Ozs7Ozs7Ozs7Ozs7QUFFNUY7O0dBRUc7QUFNSCxNQUFNLE9BQU8sb0JBQW9CO0lBVy9CLFlBQW9CLGlCQUFzQyxFQUFXLE1BQWtCO1FBQW5FLHNCQUFpQixHQUFqQixpQkFBaUIsQ0FBcUI7UUFBVyxXQUFNLEdBQU4sTUFBTSxDQUFZO1FBUHZGLGVBQVUsR0FBRyxRQUFRLENBQUM7UUFDYix1QkFBa0IsR0FBRyxJQUFJLENBQUM7UUFDbkMsU0FBSSxHQUFJLElBQUksQ0FBQztRQUlILHVCQUFrQixHQUFHLElBQUksWUFBWSxFQUFFLENBQUM7SUFDeUMsQ0FBQztJQUU1RixRQUFRO1FBQ04sT0FBTyxDQUFDLEdBQUcsQ0FBQyxpQkFBaUIsRUFBRyxJQUFJLENBQUMsT0FBTyxDQUFDLENBQUE7UUFDN0MsSUFBSSxJQUFJLEdBQUUsSUFBSSxJQUFJLENBQUMsSUFBSSxDQUFDLE9BQU8sQ0FBQyxZQUFZLENBQUMsQ0FBQztRQUM5QyxJQUFJLENBQUMsVUFBVSxDQUFDLElBQUksQ0FBQyxVQUFVLEVBQUUsR0FBQyxDQUFDLENBQUMsQ0FBQztRQUNyQyxJQUFJLENBQUMsT0FBTyxDQUFDLFlBQVksR0FBRSxJQUFJLENBQUMsV0FBVyxFQUFFLENBQUM7UUFDOUMsSUFBSSxDQUFDLGdCQUFnQixHQUFHLElBQUksQ0FBQyxpQkFBaUIsQ0FBQyxRQUFRLENBQUMsU0FBUyxDQUFDLEdBQUcsQ0FBQyxFQUFFO1lBQ3RFLElBQUksQ0FBQyxJQUFJLEdBQUcsR0FBRyxDQUFDLENBQUMsQ0FBQyxJQUFJLENBQUMsQ0FBQyxDQUFDLElBQUksQ0FBRTtRQUNqQyxDQUFDLENBQUMsQ0FBQTtJQUNILENBQUM7SUFFRCxlQUFlLENBQUMsSUFBSTtRQUNuQixJQUFHLElBQUksS0FBSyxNQUFNLEVBQUM7WUFDbkIsSUFBSSxDQUFDLFNBQVMsR0FBSSxJQUFJLENBQUMsTUFBTSxDQUFDLElBQUksQ0FBQyx3QkFBd0IsRUFBRztnQkFDMUQsS0FBSyxFQUFFLE9BQU87Z0JBQ2QsTUFBTSxFQUFFLE9BQU87Z0JBQ2YsVUFBVSxFQUFFLDBCQUEwQjtnQkFDdEMsSUFBSSxFQUFFO29CQUNKLElBQUksRUFBRyxNQUFNO29CQUNiLE9BQU8sb0JBQU8sSUFBSSxDQUFDLE9BQU8sQ0FBQztpQkFDNUI7Z0JBQ0QsWUFBWSxFQUFFLElBQUk7YUFDckIsQ0FBQyxDQUFBO1NBQ0Q7YUFBSyxJQUFHLElBQUksS0FBSyxRQUFRLEVBQUM7WUFDekIsSUFBSSxDQUFDLFNBQVMsR0FBRyxJQUFJLENBQUMsTUFBTSxDQUFDLElBQUksQ0FBQyx3QkFBd0IsRUFBRztnQkFDekQsS0FBSyxFQUFFLE9BQU87Z0JBQ2QsTUFBTSxFQUFFLE9BQU87Z0JBQ2YsVUFBVSxFQUFFLDBCQUEwQjtnQkFDdEMsSUFBSSxFQUFFO29CQUNKLElBQUksRUFBRyxRQUFRO29CQUNmLE9BQU8sb0JBQU8sSUFBSSxDQUFDLE9BQU8sQ0FBQztpQkFDNUI7Z0JBQ0QsWUFBWSxFQUFFLElBQUk7YUFDckIsQ0FBQyxDQUFBO1NBQ0g7UUFFRCxJQUFJLENBQUMsU0FBUyxDQUFDLFdBQVcsRUFBRSxDQUFDLFNBQVMsQ0FBQyxDQUFDLEdBQUcsRUFBRSxFQUFFO1lBQzdDLElBQUcsR0FBRyxFQUFDO2dCQUNMLElBQUksQ0FBQyxrQkFBa0IsQ0FBQyxJQUFJLEVBQUUsQ0FBQzthQUNoQztRQUNILENBQUMsQ0FBQyxDQUFBO0lBRUgsQ0FBQzs7aUhBdERTLG9CQUFvQjtxR0FBcEIsb0JBQW9CLG1OQ2RqQyxtMUNBZ0NBOzJGRGxCYSxvQkFBb0I7a0JBTGhDLFNBQVM7bUJBQUM7b0JBQ1QsUUFBUSxFQUFFLGtCQUFrQjtvQkFDNUIsV0FBVyxFQUFFLCtCQUErQjtvQkFDNUMsU0FBUyxFQUFFLENBQUMsK0JBQStCLENBQUM7aUJBQzdDO2lJQUdDLE9BQU87c0JBRE4sS0FBSztnQkFHTixVQUFVO3NCQURULEtBQUs7Z0JBRUcsa0JBQWtCO3NCQUExQixLQUFLO2dCQUtJLGtCQUFrQjtzQkFBM0IsTUFBTSIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbXBvbmVudCwgSW5wdXQsIE9uSW5pdCwgT3V0cHV0ICwgRXZlbnRFbWl0dGVyfSBmcm9tICdAYW5ndWxhci9jb3JlJztcclxuaW1wb3J0IHsgVHJhbnNsYXRpb25TZXJ2aWNlIH0gZnJvbSAnLi4vLi4vLi4vLi4vQ29yZS9zZXJ2aWNlcy90cmFuc2xhdGlvbi90cmFuc2xhdGlvbi5zZXJ2aWNlJztcclxuaW1wb3J0IHsgU3Vic2NyaXB0aW9uIH0gZnJvbSAncnhqcyc7XHJcbmltcG9ydCB7IE1hdERpYWxvZyB9IGZyb20gJ0Bhbmd1bGFyL21hdGVyaWFsL2RpYWxvZyc7XHJcbmltcG9ydCB7IEVkaXREZWxldGVNb2RhbENvbXBvbmVudCB9IGZyb20gJy4uL2VkaXQtZGVsZXRlLW1vZGFsL2VkaXQtZGVsZXRlLW1vZGFsLmNvbXBvbmVudCc7XHJcblxyXG4vKipcclxuICogQGlnbm9yZVxyXG4gKi9cclxuQENvbXBvbmVudCh7XHJcbiAgc2VsZWN0b3I6ICdhcHAtY29tbWVudC1pdGVtJyxcclxuICB0ZW1wbGF0ZVVybDogJy4vY29tbWVudC1pdGVtLmNvbXBvbmVudC5odG1sJyxcclxuICBzdHlsZVVybHM6IFsnLi9jb21tZW50LWl0ZW0uY29tcG9uZW50LnNjc3MnXVxyXG59KVxyXG5leHBvcnQgY2xhc3MgQ29tbWVudEl0ZW1Db21wb25lbnQgaW1wbGVtZW50cyBPbkluaXQge1xyXG4gIEBJbnB1dCgpXHJcbiAgY29tbWVudDtcclxuICBASW5wdXQoKVxyXG4gIGxvYWRlclR5cGUgPSAnc2Nyb2xsJztcclxuICBASW5wdXQoKSBzaG93Q29tbWVudEFjdGlvbnMgPSB0cnVlO1xyXG4gIGxhbmcgPSAgJ2VuJztcclxuICBsYW5nU3Vic2NyaXB0aW9uIDogU3Vic2NyaXB0aW9uO1xyXG4gIGRpYWxvZ1JlZjtcclxuXHJcbiAgQE91dHB1dCgpIHJlZnJlc2hDb21tZW50TGlzdCA9IG5ldyBFdmVudEVtaXR0ZXIoKTtcclxuICBjb25zdHJ1Y3Rvcihwcml2YXRlIHRyYW5zbGF0aW9uU3J2aWNlIDogVHJhbnNsYXRpb25TZXJ2aWNlICwgcHJpdmF0ZSBkaWFsb2cgOiBNYXREaWFsb2cpIHsgfVxyXG5cclxuICBuZ09uSW5pdCgpOiB2b2lkIHtcclxuICAgIGNvbnNvbGUubG9nKFwiY29tbWVudCBjb21tZW50XCIgLCB0aGlzLmNvbW1lbnQpXHJcbiAgICBsZXQgZGF0ZSA9bmV3IERhdGUodGhpcy5jb21tZW50LmNyZWF0aW9uRGF0ZSk7XHJcbiAgICBkYXRlLnNldFNlY29uZHMoZGF0ZS5nZXRTZWNvbmRzKCktNSk7XHJcbiAgICB0aGlzLmNvbW1lbnQuY3JlYXRpb25EYXRlPSBkYXRlLnRvSVNPU3RyaW5nKCk7XHJcbiAgICB0aGlzLmxhbmdTdWJzY3JpcHRpb24gPSB0aGlzLnRyYW5zbGF0aW9uU3J2aWNlLmlzQXJhYmljLnN1YnNjcmliZShyZXMgPT4ge1xyXG4gICAgICB0aGlzLmxhbmcgPSByZXMgPyAnYXInIDogJ2VuJyA7XHJcbiAgICB9KVxyXG4gICB9XHJcblxyXG4gICBleGVjdXRlRnVuY3Rpb24odHlwZSl7XHJcbiAgICBpZih0eXBlID09PSAnZWRpdCcpe1xyXG4gICAgdGhpcy5kaWFsb2dSZWYgPSAgdGhpcy5kaWFsb2cub3BlbihFZGl0RGVsZXRlTW9kYWxDb21wb25lbnQgLCB7XHJcbiAgICAgICAgd2lkdGg6ICc1MDBweCcsXHJcbiAgICAgICAgaGVpZ2h0OiAnMjIwcHgnLFxyXG4gICAgICAgIHBhbmVsQ2xhc3M6ICd3YXRjaGVyLWRpYWxvZy1jb250YWluZXInLFxyXG4gICAgICAgIGRhdGE6IHtcclxuICAgICAgICAgIHR5cGUgOiAnZWRpdCcsXHJcbiAgICAgICAgICBjb21tZW50IDogey4uLnRoaXMuY29tbWVudH1cclxuICAgICAgICB9LFxyXG4gICAgICAgIGRpc2FibGVDbG9zZTogdHJ1ZSxcclxuICAgIH0pXHJcbiAgICB9ZWxzZSBpZih0eXBlID09PSAnZGVsZXRlJyl7XHJcbiAgICAgIHRoaXMuZGlhbG9nUmVmID0gdGhpcy5kaWFsb2cub3BlbihFZGl0RGVsZXRlTW9kYWxDb21wb25lbnQgLCB7XHJcbiAgICAgICAgICB3aWR0aDogJzUwMHB4JyxcclxuICAgICAgICAgIGhlaWdodDogJzE1MHB4JyxcclxuICAgICAgICAgIHBhbmVsQ2xhc3M6ICd3YXRjaGVyLWRpYWxvZy1jb250YWluZXInLFxyXG4gICAgICAgICAgZGF0YToge1xyXG4gICAgICAgICAgICB0eXBlIDogJ2RlbGV0ZScsXHJcbiAgICAgICAgICAgIGNvbW1lbnQgOiB7Li4udGhpcy5jb21tZW50fVxyXG4gICAgICAgICAgfSxcclxuICAgICAgICAgIGRpc2FibGVDbG9zZTogdHJ1ZSxcclxuICAgICAgfSlcclxuICAgIH1cclxuXHJcbiAgICB0aGlzLmRpYWxvZ1JlZi5hZnRlckNsb3NlZCgpLnN1YnNjcmliZSgocmVzKSA9PiB7XHJcbiAgICAgIGlmKHJlcyl7XHJcbiAgICAgICAgdGhpcy5yZWZyZXNoQ29tbWVudExpc3QuZW1pdCgpO1xyXG4gICAgICB9XHJcbiAgICB9KVxyXG5cclxuICAgfVxyXG59IiwiPGRpdiBjbGFzcz1cImNvbW1lbnQtaXRlbVwiIFNldFJ0bD5cclxuXHJcbiAgPGRpdiBjbGFzcz1cImNvbW1lbnQtY29udHJvbHNcIiAqbmdJZj1cInNob3dDb21tZW50QWN0aW9uc1wiPlxyXG4gICAgPHNwYW4gY2xhc3M9XCJiaSBiaS1wZW5jaWwgY29udHJpbC1pY29uXCIgXHJcbiAgICAqcGVybWlzc2lvbj1cIntuYW1lOiAndXBkYXRlQ29tbWVudCcsIGVudGl0eTogY29tbWVudH1cIlxyXG4gICAgbWF0VG9vbHRpcD1cInt7ICdCVVRUT05TLkVESVQnIHwgdHJhbnNsYXRlIH19XCJcclxuICAgICAoY2xpY2spPVwiZXhlY3V0ZUZ1bmN0aW9uKCdlZGl0JylcIlxyXG4gICAgID48L3NwYW4+XHJcblxyXG4gICAgPHNwYW4gY2xhc3M9XCJiaSBiaS10cmFzaCBjb250cmlsLWljb25cIiBcclxuICAgICpwZXJtaXNzaW9uPVwie25hbWU6ICdkZWxldGVDb21tZW50JywgZW50aXR5OiBjb21tZW50fVwiXHJcbiAgICBtYXRUb29sdGlwPVwie3sgJ0JVVFRPTlMuRGVsZXRlJyB8IHRyYW5zbGF0ZSB9fVwiXHJcbiAgICAoY2xpY2spPVwiZXhlY3V0ZUZ1bmN0aW9uKCdkZWxldGUnKVwiXHJcbiAgICA+PC9zcGFuPlxyXG4gIDwvZGl2PlxyXG5cclxuICA8YXBwLXVzZXItY2FyZCBbdXNlcl09XCJjb21tZW50LkNvbW1lbnRlclwiIFtkaWFtZXRlcl09XCIxMlwiPlxyXG4gICAgPGRpdiBjbGFzcz1cImxpbmVPbmVcIj5cclxuICAgICAge3sgY29tbWVudC5Db21tZW50ZXIucHJvcGVydGllcy5maXJzdE5hbWUgfX1cclxuICAgICAge3sgY29tbWVudC5Db21tZW50ZXIucHJvcGVydGllcy5sYXN0TmFtZSB9fVxyXG4gICAgPC9kaXY+XHJcbiAgICA8ZGl2IGNsYXNzPVwibGluZU9uZVBhcnQyXCI+XHJcbiAgICAgIDxzcGFuIGNsYXNzPVwiZGF0ZVwiIG1hdFRvb2x0aXA9J3t7IGNvbW1lbnQ/LmNyZWF0aW9uRGF0ZSB8IGxvY2FsaXplZERhdGU6XHJcbiAgICAgICAgXCJmdWxsRGF0ZVwifX0nIG1hdFRvb2x0aXBDbGFzcz1cInRkZi10b29sdGlwXCIgVG9vbHRpcFBvc2l0aW9uPSdiZWxvdyc+XHJcbiAgICAgICAgPHNwYW4gY2xhc3M9XCJkYXRlLXNwZXJhdG9yIHB4LTFcIj58PC9zcGFuPnt7IGNvbW1lbnQ/LmNyZWF0aW9uRGF0ZSB8IHRpbWVBZ28gOiBsYW5nIH19PC9zcGFuPlxyXG4gICAgPC9kaXY+XHJcbiAgICA8ZGl2IGNsYXNzPVwibGluZVR3b1wiPlxyXG4gICAgICA8YXBwLXJlYWQtbW9yZSBjbGFzcz1cImNvbW1lbnQtdGV4dFwiIFt0ZXh0XT1cImNvbW1lbnQ/LnRleHRcIiBbd29yZENvdW50XT1cImxvYWRlclR5cGUgPT09ICdzY3JvbGwnID8gMjAgOiA2MFwiPlxyXG4gICAgICA8L2FwcC1yZWFkLW1vcmU+XHJcbiAgICA8L2Rpdj5cclxuICA8L2FwcC11c2VyLWNhcmQ+XHJcbjwvZGl2PlxyXG4iXX0=