@colijnit/relation 12.1.1

package/esm2015/lib/component/relation-avatar/relation-avatar.component.js

@@ -0,0 +1,222 @@
+import { __awaiter } from "tslib";
+import { ChangeDetectionStrategy, ChangeDetectorRef, Component, HostBinding, HostListener, Input, ViewChild, ViewEncapsulation } from '@angular/core';
+import { RelationConnectorService } from '../../service/relation-connector.service';
+import { ColorSequenceService, CoreDialogService } from '@colijnit/corecomponents_v12';
+import { FileUtils } from '@colijnit/mainapi/build/utils/file-utils';
+import { StringUtils } from '@colijnit/ioneconnector/build/utils/string-utils';
+import { CoDocumentImageDisplayKind } from '@colijnit/mainapi/build/enum/co-document-image-display-kind.enum';
+import { IconCacheService } from '../../service/icon-cache.service';
+import { Icon } from '../../enum/icon.enum';
+export class RelationAvatarComponent {
+    constructor(iconCacheService, _relationConnectorService, _colorSequenceService, _changeDetector, _dialogService) {
+        this.iconCacheService = iconCacheService;
+        this._relationConnectorService = _relationConnectorService;
+        this._colorSequenceService = _colorSequenceService;
+        this._changeDetector = _changeDetector;
+        this._dialogService = _dialogService;
+        this.icons = Icon;
+        this.canChangeAvatar = false;
+        this.maxUploadSizeInMb = 3;
+        this.maxAvatarSize = 200;
+    }
+    set image(value) {
+        this._image = value;
+        this._setImageForAvatar();
+    }
+    get image() {
+        return this._image;
+    }
+    set relationId(value) {
+        if (this.relationId !== value) {
+            this._image = undefined;
+            this._relation = undefined;
+            this._relationId = value;
+            this._setImageForAvatar();
+        }
+    }
+    get relationId() {
+        return this._relationId;
+    }
+    set relation(value) {
+        if (!this._relation || (this._relation && value && this._relation.relationId !== value.relationId)) {
+            this._image = undefined;
+            this._relationId = undefined;
+            this._relation = value;
+            this._setImageForAvatar();
+        }
+    }
+    get relation() {
+        return this._relation;
+    }
+    showClass() {
+        return true;
+    }
+    onClick() {
+        this.uploadTheAvatar();
+    }
+    set initials(value) {
+        this._initials = value;
+        this._setBackgroundColor();
+    }
+    get initials() {
+        return this._initials;
+    }
+    ngOnInit() {
+        this._setImageForAvatar();
+    }
+    ngOnDestroy() {
+        this.input = undefined;
+    }
+    uploadTheAvatar() {
+        if (this.canChangeAvatar && this.input) {
+            this.input.nativeElement.click();
+        }
+    }
+    // Take File from event and save it internally as a CoDocument.
+    onFileChangeEvent(event) {
+        if (event && event.target && event.target.files && event.target.files.length > 0) {
+            const fileToUpload = event.target.files[0];
+            if (!FileUtils.CheckMaxUploadSize(fileToUpload)) {
+                this._dialogService.showWarning(StringUtils.Format("File is to large to upload. Maximum file size is {0} Mb", [this.maxUploadSizeInMb]));
+            }
+            else if (!FileUtils.IsImageFile(fileToUpload)) {
+                this._dialogService.showWarning("Please select an image");
+            }
+            else {
+                this._setFileAsAvatarToCurrentRelation(fileToUpload);
+            }
+            if (this.input && this.input.nativeElement) {
+                this.input.nativeElement.value = null;
+            }
+        }
+    }
+    _setFileAsAvatarToCurrentRelation(file) {
+        return __awaiter(this, void 0, void 0, function* () {
+            const document = yield FileUtils.ReadFileAsNewCoDocument(file, true, this.maxAvatarSize);
+            yield this.setDocProperties(document);
+        });
+    }
+    setDocProperties(document) {
+        return __awaiter(this, void 0, void 0, function* () {
+            document.thumbnailBody = document.documentBody;
+            document.creationDate = new Date();
+            document.creationUser = this._relationConnectorService.loginResponse.userName;
+            document.imageDisplayKind = CoDocumentImageDisplayKind.Avatar;
+            if (this._relation) {
+                this._relation.avatarImage = document;
+            }
+            this.imageSrc = document.thumbnailBodyAsDataUri;
+            this._changeDetector.detectChanges();
+        });
+    }
+    _setImageForAvatar() {
+        return __awaiter(this, void 0, void 0, function* () {
+            if (this.image && this.image.documentId) {
+                if (!(yield this._getImageContent(this.image.documentId))) {
+                    this._setImageFromRelation();
+                }
+            }
+            else {
+                this._setImageFromRelation();
+            }
+            this._changeDetector.detectChanges();
+        });
+    }
+    _setImageFromRelation() {
+        return __awaiter(this, void 0, void 0, function* () {
+            if (this.relation) {
+                if (this.relation.avatarImage && this.relation.avatarImage.documentId) {
+                    this._image = this.relation.avatarImage;
+                    if (!(yield this._getImageContent(this.image.documentId))) {
+                        this._setRelationInitials();
+                    }
+                }
+                else {
+                    this._setRelationInitials();
+                }
+            }
+            else if (this.relationId) {
+                this._relationConnectorService.getRelationSmallObject(this.relationId).then((relationSmallObject) => __awaiter(this, void 0, void 0, function* () {
+                    if (relationSmallObject) {
+                        if (relationSmallObject.avatarImage && relationSmallObject.avatarImage.documentId) {
+                            this._image = relationSmallObject.avatarImage;
+                            if (!(yield this._getImageContent(this.image.documentId))) {
+                                this._setRelationInitials();
+                            }
+                        }
+                        else {
+                            this._setRelationInitials();
+                        }
+                    }
+                }));
+            }
+        });
+    }
+    _setRelationInitials() {
+        if (this.relation) {
+            this.initials = this.relation.displayInitials;
+        }
+    }
+    _getImageContent(docId) {
+        return __awaiter(this, void 0, void 0, function* () {
+            const content = yield this._relationConnectorService.getDocumentContent(docId);
+            if (content && this._image) {
+                this._image.thumbnailBody = content;
+                this.imageSrc = this.image.thumbnailBodyAsDataUri;
+                this._changeDetector.detectChanges();
+                return true;
+            }
+            else {
+                return false;
+            }
+        });
+    }
+    _setBackgroundColor() {
+        this.imageSrc = "";
+        if (this.relation) {
+            this.backgroundColor = this._colorSequenceService.getRandomColor(this.relation.relationId);
+        }
+        this._changeDetector.detectChanges();
+    }
+}
+RelationAvatarComponent.decorators = [
+    { type: Component, args: [{
+                selector: 'co-relation-avatar',
+                template: `
+      <co-image [source]="imageSrc" *ngIf="imageSrc; else showInitials"></co-image>
+      <ng-template #showInitials>
+          <svg viewBox="0 0 30 30">
+              <text x="50%" y="50%" dominant-baseline="central" text-anchor="middle">{{ initials }}</text>
+          </svg>
+      </ng-template>
+      <ng-container *ngIf="canChangeAvatar">
+          <div class="relation-avatar-pencil-wrapper">
+              <co-icon [iconData]="iconCacheService.getIcon(icons.PencilRoundOpen)" class="pencil-icon"></co-icon>
+          </div>
+          <input #uploadAvatar class="value-text" type="file" (change)="onFileChangeEvent($event)" accept=".jpg, .png, .jpeg">
+      </ng-container>
+  `,
+                changeDetection: ChangeDetectionStrategy.OnPush,
+                encapsulation: ViewEncapsulation.None
+            },] }
+];
+RelationAvatarComponent.ctorParameters = () => [
+    { type: IconCacheService },
+    { type: RelationConnectorService },
+    { type: ColorSequenceService },
+    { type: ChangeDetectorRef },
+    { type: CoreDialogService }
+];
+RelationAvatarComponent.propDecorators = {
+    input: [{ type: ViewChild, args: ["uploadAvatar",] }],
+    image: [{ type: Input }],
+    relationId: [{ type: Input }],
+    relation: [{ type: Input }],
+    canChangeAvatar: [{ type: Input }, { type: HostBinding, args: ["class.can-change",] }],
+    maxUploadSizeInMb: [{ type: Input }],
+    maxAvatarSize: [{ type: Input }],
+    showClass: [{ type: HostBinding, args: ['class.co-relation-avatar',] }],
+    backgroundColor: [{ type: HostBinding, args: ["style.background-color",] }],
+    onClick: [{ type: HostListener, args: ["click",] }]
+};
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicmVsYXRpb24tYXZhdGFyLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL3JlbGF0aW9uL3NyYy9saWIvY29tcG9uZW50L3JlbGF0aW9uLWF2YXRhci9yZWxhdGlvbi1hdmF0YXIuY29tcG9uZW50LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7QUFBQSxPQUFPLEVBQ0wsdUJBQXVCLEVBQ3ZCLGlCQUFpQixFQUNqQixTQUFTLEVBQ1QsV0FBVyxFQUNYLFlBQVksRUFDWixLQUFLLEVBQ0csU0FBUyxFQUNqQixpQkFBaUIsRUFDbEIsTUFBTSxlQUFlLENBQUM7QUFFdkIsT0FBTyxFQUFDLHdCQUF3QixFQUFDLE1BQU0sMENBQTBDLENBQUM7QUFDbEYsT0FBTyxFQUFDLG9CQUFvQixFQUFFLGlCQUFpQixFQUFDLE1BQU0sOEJBQThCLENBQUM7QUFHckYsT0FBTyxFQUFDLFNBQVMsRUFBQyxNQUFNLDBDQUEwQyxDQUFDO0FBQ25FLE9BQU8sRUFBQyxXQUFXLEVBQUMsTUFBTSxrREFBa0QsQ0FBQztBQUM3RSxPQUFPLEVBQUMsMEJBQTBCLEVBQUMsTUFBTSxrRUFBa0UsQ0FBQztBQUM1RyxPQUFPLEVBQUMsZ0JBQWdCLEVBQUMsTUFBTSxrQ0FBa0MsQ0FBQztBQUNsRSxPQUFPLEVBQUMsSUFBSSxFQUFDLE1BQU0sc0JBQXNCLENBQUM7QUFxQjFDLE1BQU0sT0FBTyx1QkFBdUI7SUFrRmxDLFlBQ1MsZ0JBQWtDLEVBQ2pDLHlCQUFtRCxFQUNuRCxxQkFBMkMsRUFDM0MsZUFBa0MsRUFDbEMsY0FBaUM7UUFKbEMscUJBQWdCLEdBQWhCLGdCQUFnQixDQUFrQjtRQUNqQyw4QkFBeUIsR0FBekIseUJBQXlCLENBQTBCO1FBQ25ELDBCQUFxQixHQUFyQixxQkFBcUIsQ0FBc0I7UUFDM0Msb0JBQWUsR0FBZixlQUFlLENBQW1CO1FBQ2xDLG1CQUFjLEdBQWQsY0FBYyxDQUFtQjtRQXRGM0IsVUFB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YyxDQUFDLElBQUksQ0FBQyxRQUFRLENBQUMsVUFBVSxDQUFDLENBQUM7U0FDNUY7UUFDRCxJQUFJLENBQUMsZUFBZSxDQUFDLGFBQWEsRUFBRSxDQUFDO0lBQ3ZDLENBQUM7OztZQTdORixTQUFTLFNBQUM7Z0JBQ1QsUUFBUSxFQUFFLG9CQUFvQjtnQkFDOUIsUUFBUSxFQUFFOzs7Ozs7Ozs7Ozs7O0dBYVQ7Z0JBQ0QsZUFBZSxFQUFFLHVCQUF1QixDQUFDLE1BQU07Z0JBQy9DLGFBQWEsRUFBRSxpQkFBaUIsQ0FBQyxJQUFJO2FBQ3RDOzs7WUFyQk8sZ0JBQWdCO1lBUGhCLHdCQUF3QjtZQUN4QixvQkFBb0I7WUFWMUIsaUJBQWlCO1lBVVcsaUJBQWlCOzs7b0JBK0I1QyxTQUFTLFNBQUMsY0FBYztvQkFHeEIsS0FBSzt5QkFVTCxLQUFLO3VCQWNMLEtBQUs7OEJBY0wsS0FBSyxZQUFJLFdBQVcsU0FBQyxrQkFBa0I7Z0NBR3ZDLEtBQUs7NEJBR0wsS0FBSzt3QkFHTCxXQUFXLFNBQUMsMEJBQTBCOzhCQU90QyxXQUFXLFNBQUMsd0JBQXdCO3NCQUdwQyxZQUFZLFNBQUMsT0FBTyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7XHJcbiAgQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3ksXHJcbiAgQ2hhbmdlRGV0ZWN0b3JSZWYsXHJcbiAgQ29tcG9uZW50LCBFbGVtZW50UmVmLFxyXG4gIEhvc3RCaW5kaW5nLFxyXG4gIEhvc3RMaXN0ZW5lcixcclxuICBJbnB1dCwgT25EZXN0cm95LFxyXG4gIE9uSW5pdCwgVmlld0NoaWxkLFxyXG4gIFZpZXdFbmNhcHN1bGF0aW9uXHJcbn0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XHJcbmltcG9ydCB7Q29Eb2N1bWVudH0gZnJvbSAnQGNvbGlqbml0L21haW5hcGkvYnVpbGQvbW9kZWwvY28tZG9jdW1lbnQnO1xyXG5pbXBvcnQge1JlbGF0aW9uQ29ubmVjdG9yU2VydmljZX0gZnJvbSAnLi4vLi4vc2VydmljZS9yZWxhdGlvbi1jb25uZWN0b3Iuc2VydmljZSc7XHJcbmltcG9ydCB7Q29sb3JTZXF1ZW5jZVNlcnZpY2UsIENvcmVEaWFsb2dTZXJ2aWNlfSBmcm9tICdAY29saWpuaXQvY29yZWNvbXBvbmVudHNfdjEyJztcclxuaW1wb3J0IHtSZWxhdGlvbkFueVR5cGV9IGZyb20gJ0Bjb2xpam5pdC9yZWxhdGlvbmFwaS9idWlsZC9tb2RlbC9yZWxhdGlvbi1hbnktdHlwZSc7XHJcbmltcG9ydCB7UmVsYXRpb25TbWFsbE9iamVjdH0gZnJvbSAnQGNvbGlqbml0L3JlbGF0aW9uYXBpL2J1aWxkL21vZGVsL3JlbGF0aW9uLXNtYWxsLW9iamVjdC5ibyc7XHJcbmltcG9ydCB7RmlsZVV0aWxzfSBmcm9tICdAY29saWpuaXQvbWFpbmFwaS9idWlsZC91dGlscy9maWxlLXV0aWxzJztcclxuaW1wb3J0IHtTdHJpbmdVdGlsc30gZnJvbSAnQGNvbGlqbml0L2lvbmVjb25uZWN0b3IvYnVpbGQvdXRpbHMvc3RyaW5nLXV0aWxzJztcclxuaW1wb3J0IHtDb0RvY3VtZW50SW1hZ2VEaXNwbGF5S2luZH0gZnJvbSAnQGNvbGlqbml0L21haW5hcGkvYnVpbGQvZW51bS9jby1kb2N1bWVudC1pbWFnZS1kaXNwbGF5LWtpbmQuZW51bSc7XHJcbmltcG9ydCB7SWNvbkNhY2hlU2VydmljZX0gZnJvbSAnLi4vLi4vc2VydmljZS9pY29uLWNhY2hlLnNlcnZpY2UnO1xyXG5pbXBvcnQge0ljb259IGZyb20gJy4uLy4uL2VudW0vaWNvbi5lbnVtJztcclxuXHJcbkBDb21wb25lbnQoe1xyXG4gIHNlbGVjdG9yOiAnY28tcmVsYXRpb24tYXZhdGFyJyxcclxuICB0ZW1wbGF0ZTogYFxyXG4gICAgICA8Y28taW1hZ2UgW3NvdXJjZV09XCJpbWFnZVNyY1wiICpuZ0lmPVwiaW1hZ2VTcmM7IGVsc2Ugc2hvd0luaXRpYWxzXCI+PC9jby1pbWFnZT5cclxuICAgICAgPG5nLXRlbXBsYXRlICNzaG93SW5pdGlhbHM+XHJcbiAgICAgICAgICA8c3ZnIHZpZXdCb3g9XCIwIDAgMzAgMzBcIj5cclxuICAgICAgICAgICAgICA8dGV4dCB4PVwiNTAlXCIgeT1cIjUwJVwiIGRvbWluYW50LWJhc2VsaW5lPVwiY2VudHJhbFwiIHRleHQtYW5jaG9yPVwibWlkZGxlXCI+e3sgaW5pdGlhbHMgfX08L3RleHQ+XHJcbiAgICAgICAgICA8L3N2Zz5cclxuICAgICAgPC9uZy10ZW1wbGF0ZT5cclxuICAgICAgPG5nLWNvbnRhaW5lciAqbmdJZj1cImNhbkNoYW5nZUF2YXRhclwiPlxyXG4gICAgICAgICAgPGRpdiBjbGFzcz1cInJlbGF0aW9uLWF2YXRhci1wZW5jaWwtd3JhcHBlclwiPlxyXG4gICAgICAgICAgICAgIDxjby1pY29uIFtpY29uRGF0YV09XCJpY29uQ2FjaGVTZXJ2aWNlLmdldEljb24oaWNvbnMuUGVuY2lsUm91bmRPcGVuKVwiIGNsYXNzPVwicGVuY2lsLWljb25cIj48L2NvLWljb24+XHJcbiAgICAgICAgICA8L2Rpdj5cclxuICAgICAgICAgIDxpbnB1dCAjdXBsb2FkQXZhdGFyIGNsYXNzPVwidmFsdWUtdGV4dFwiIHR5cGU9XCJmaWxlXCIgKGNoYW5nZSk9XCJvbkZpbGVDaGFuZ2VFdmVudCgkZXZlbnQpXCIgYWNjZXB0PVwiLmpwZywgLnBuZywgLmpwZWdcIj5cclxuICAgICAgPC9uZy1jb250YWluZXI+XHJcbiAgYCxcclxuICBjaGFuZ2VEZXRlY3Rpb246IENoYW5nZURldGVjdGlvblN0cmF0ZWd5Lk9uUHVzaCxcclxuICBlbmNhcHN1bGF0aW9uOiBWaWV3RW5jYXBzdWxhdGlvbi5Ob25lXHJcbn0pXHJcbmV4cG9ydCBjbGFzcyBSZWxhdGlvbkF2YXRhckNvbXBvbmVudCBpbXBsZW1lbnRzIE9uSW5pdCwgT25EZXN0cm95IHtcclxuICBwdWJsaWMgcmVhZG9ubHkgaWNvbnM6IHR5cGVvZiBJY29uID0gSWNvbjtcclxuXHJcbiAgQFZpZXdDaGlsZChcInVwbG9hZEF2YXRhclwiKVxyXG4gIHB1YmxpYyBpbnB1dDogRWxlbWVudFJlZjtcclxuXHJcbiAgQElucHV0KClcclxuICBwdWJsaWMgc2V0IGltYWdlKHZhbHVlOiBDb0RvY3VtZW50KSB7XHJcbiAgICB0aGlzLl9pbWFnZSA9IHZhbHVlO1xyXG4gICAgdGhpcy5fc2V0SW1hZ2VGb3JBdmF0YXIoKTtcclxuICB9XHJcblxyXG4gIHB1YmxpYyBnZXQgaW1hZ2UoKTogQ29Eb2N1bWVudCB7XHJcbiAgICByZXR1cm4gdGhpcy5faW1hZ2U7XHJcbiAgfVxyXG5cclxuICBASW5wdXQoKVxyXG4gIHB1YmxpYyBzZXQgcmVsYXRpb25JZCh2YWx1ZTogbnVtYmVyKSB7XHJcbiAgICBpZiAodGhpcy5yZWxhdGlvbklkICE9PSB2YWx1ZSkge1xyXG4gICAgICB0aGlzLl9pbWFnZSA9IHVuZGVmaW5lZDtcclxuICAgICAgdGhpcy5fcmVsYXRpb24gPSB1bmRlZmluZWQ7XHJcbiAgICAgIHRoaXMuX3JlbGF0aW9uSWQgPSB2YWx1ZTtcclxuICAgICAgdGhpcy5fc2V0SW1hZ2VGb3JBdmF0YXIoKTtcclxuICAgIH1cclxuICB9XHJcblxyXG4gIHB1YmxpYyBnZXQgcmVsYXRpb25JZCgpOiBudW1iZXIge1xyXG4gICAgcmV0dXJuIHRoaXMuX3JlbGF0aW9uSWQ7XHJcbiAgfVxyXG5cclxuICBASW5wdXQoKVxyXG4gIHB1YmxpYyBzZXQgcmVsYXRpb24odmFsdWU6IFJlbGF0aW9uQW55VHlwZSkge1xyXG4gICAgaWYgKCF0aGlzLl9yZWxhdGlvbiB8fCAodGhpcy5fcmVsYXRpb24gJiYgdmFsdWUgJiYgdGhpcy5fcmVsYXRpb24ucmVsYXRpb25JZCAhPT0gdmFsdWUucmVsYXRpb25JZCkpIHtcclxuICAgICAgdGhpcy5faW1hZ2UgPSB1bmRlZmluZWQ7XHJcbiAgICAgIHRoaXMuX3JlbGF0aW9uSWQgPSB1bmRlZmluZWQ7XHJcbiAgICAgIHRoaXMuX3JlbGF0aW9uID0gdmFsdWU7XHJcbiAgICAgIHRoaXMuX3NldEltYWdlRm9yQXZhdGFyKCk7XHJcbiAgICB9XHJcbiAgfVxyXG5cclxuICBwdWJsaWMgZ2V0IHJlbGF0aW9uKCk6IFJlbGF0aW9uQW55VHlwZSB7XHJcbiAgICByZXR1cm4gdGhpcy5fcmVsYXRpb247XHJcbiAgfVxyXG5cclxuICBASW5wdXQoKSBASG9zdEJpbmRpbmcoXCJjbGFzcy5jYW4tY2hhbmdlXCIpXHJcbiAgcHVibGljIGNhbkNoYW5nZUF2YXRhcjogYm9vbGVhbiA9IGZhbHNlO1xyXG5cclxuICBASW5wdXQoKVxyXG4gIHB1YmxpYyBtYXhVcGxvYWRTaXplSW5NYjogbnVtYmVyID0gMztcclxuXHJcbiAgQElucHV0KClcclxuICBwdWJsaWMgbWF4QXZhdGFyU2l6ZTogbnVtYmVyID0gMjAwO1xyXG5cclxuICBASG9zdEJpbmRpbmcoJ2NsYXNzLmNvLXJlbGF0aW9uLWF2YXRhcicpXHJcbiAgcHVibGljIHNob3dDbGFzcygpIHtcclxuICAgIHJldHVybiB0cnVlO1xyXG4gIH1cclxuXHJcbiAgcHVibGljIGltYWdlU3JjOiBzdHJpbmc7XHJcblxyXG4gIEBIb3N0QmluZGluZyhcInN0eWxlLmJhY2tncm91bmQtY29sb3JcIilcclxuICBwdWJsaWMgYmFja2dyb3VuZENvbG9yOiBzdHJpbmc7XHJcblxyXG4gIEBIb3N0TGlzdGVuZXIoXCJjbGlja1wiKVxyXG4gIHB1YmxpYyBvbkNsaWNrKCk6IHZvaWQge1xyXG4gICAgdGhpcy51cGxvYWRUaGVBdmF0YXIoKTtcclxuICB9XHJcblxyXG4gIHB1YmxpYyBzZXQgaW5pdGlhbHModmFsdWU6IHN0cmluZykge1xyXG4gICAgdGhpcy5faW5pdGlhbHMgPSB2YWx1ZTtcclxuICAgIHRoaXMuX3NldEJhY2tncm91bmRDb2xvcigpO1xyXG4gIH1cclxuXHJcbiAgcHVibGljIGdldCBpbml0aWFscygpOiBzdHJpbmcge1xyXG4gICAgcmV0dXJuIHRoaXMuX2luaXRpYWxzO1xyXG4gIH1cclxuXHJcbiAgcHJpdmF0ZSBfaW5pdGlhbHM6IHN0cmluZztcclxuICBwcml2YXRlIF9yZWxhdGlvbklkOiBudW1iZXI7XHJcbiAgcHJpdmF0ZSBfcmVsYXRpb246IFJlbGF0aW9uQW55VHlwZTtcclxuICBwcml2YXRlIF9pbWFnZTogQ29Eb2N1bWVudDtcclxuXHJcbiAgY29uc3RydWN0b3IoXHJcbiAgICBwdWJsaWMgaWNvbkNhY2hlU2VydmljZTogSWNvbkNhY2hlU2VydmljZSxcclxuICAgIHByaXZhdGUgX3JlbGF0aW9uQ29ubmVjdG9yU2VydmljZTogUmVsYXRpb25Db25uZWN0b3JTZXJ2aWNlLFxyXG4gICAgcHJpdmF0ZSBfY29sb3JTZXF1ZW5jZVNlcnZpY2U6IENvbG9yU2VxdWVuY2VTZXJ2aWNlLFxyXG4gICAgcHJpdmF0ZSBfY2hhbmdlRGV0ZWN0b3I6IENoYW5nZURldGVjdG9yUmVmLFxyXG4gICAgcHJpdmF0ZSBfZGlhbG9nU2VydmljZTogQ29yZURpYWxvZ1NlcnZpY2VcclxuICApIHtcclxuICB9XHJcblxyXG4gIG5nT25Jbml0KCkge1xyXG4gICAgdGhpcy5fc2V0SW1hZ2VGb3JBdmF0YXIoKTtcclxuICB9XHJcblxyXG4gIG5nT25EZXN0cm95KCkge1xyXG4gICAgdGhpcy5pbnB1dCA9IHVuZGVmaW5lZDtcclxuICB9XHJcblxyXG4gIHB1YmxpYyB1cGxvYWRUaGVBdmF0YXIoKTogdm9pZCB7XHJcbiAgICBpZiAodGhpcy5jYW5DaGFuZ2VBdmF0YXIgJiYgdGhpcy5pbnB1dCkge1xyXG4gICAgICB0aGlzLmlucHV0Lm5hdGl2ZUVsZW1lbnQuY2xpY2soKTtcclxuICAgIH1cclxuICB9XHJcblxyXG4gIC8vIFRha2UgRmlsZSBmcm9tIGV2ZW50IGFuZCBzYXZlIGl0IGludGVybmFsbHkgYXMgYSBDb0RvY3VtZW50LlxyXG4gIHB1YmxpYyBvbkZpbGVDaGFuZ2VFdmVudChldmVudDogYW55KTogdm9pZCB7XHJcbiAgICBpZiAoZXZlbnQgJiYgZXZlbnQudGFyZ2V0ICYmIGV2ZW50LnRhcmdldC5maWxlcyAmJiBldmVudC50YXJnZXQuZmlsZXMubGVuZ3RoID4gMCkge1xyXG4gICAgICBjb25zdCBmaWxlVG9VcGxvYWQ6IEZpbGUgPSBldmVudC50YXJnZXQuZmlsZXNbMF07XHJcblxyXG4gICAgICBpZiAoIUZpbGVVdGlscy5DaGVja01heFVwbG9hZFNpemUoZmlsZVRvVXBsb2FkKSkge1xyXG4gICAgICAgIHRoaXMuX2RpYWxvZ1NlcnZpY2Uuc2hvd1dhcm5pbmcoU3RyaW5nVXRpbHMuRm9ybWF0KFxyXG4gICAgICAgICAgXCJGaWxlIGlzIHRvIGxhcmdlIHRvIHVwbG9hZC4gTWF4aW11bSBmaWxlIHNpemUgaXMgezB9IE1iXCIsIFt0aGlzLm1heFVwbG9hZFNpemVJbk1iXSkpO1xyXG4gICAgICB9IGVsc2UgaWYgKCFGaWxlVXRpbHMuSXNJbWFnZUZpbGUoZmlsZVRvVXBsb2FkKSkge1xyXG4gICAgICAgIHRoaXMuX2RpYWxvZ1NlcnZpY2Uuc2hvd1dhcm5pbmcoXCJQbGVhc2Ugc2VsZWN0IGFuIGltYWdlXCIpO1xyXG4gICAgICB9IGVsc2Uge1xyXG4gICAgICAgIHRoaXMuX3NldEZpbGVBc0F2YXRhclRvQ3VycmVudFJlbGF0aW9uKGZpbGVUb1VwbG9hZCk7XHJcbiAgICAgIH1cclxuICAgICAgaWYgKHRoaXMuaW5wdXQgJiYgdGhpcy5pbnB1dC5uYXRpdmVFbGVtZW50KSB7XHJcbiAgICAgICAgdGhpcy5pbnB1dC5uYXRpdmVFbGVtZW50LnZhbHVlID0gbnVsbDtcclxuICAgICAgfVxyXG4gICAgfVxyXG4gIH1cclxuXHJcbiAgcHJpdmF0ZSBhc3luYyBfc2V0RmlsZUFzQXZhdGFyVG9DdXJyZW50UmVsYXRpb24oZmlsZTogRmlsZSk6IFByb21pc2U8dm9pZD4ge1xyXG4gICAgY29uc3QgZG9jdW1lbnQ6IENvRG9jdW1lbnQgPSBhd2FpdCBGaWxlVXRpbHMuUmVhZEZpbGVBc05ld0NvRG9jdW1lbnQoZmlsZSwgdHJ1ZSwgdGhpcy5tYXhBdmF0YXJTaXplKTtcclxuICAgIGF3YWl0IHRoaXMuc2V0RG9jUHJvcGVydGllcyhkb2N1bWVudCk7XHJcbiAgfVxyXG5cclxuICBwcml2YXRlIGFzeW5jIHNldERvY1Byb3BlcnRpZXMoZG9jdW1lbnQ6IENvRG9jdW1lbnQpOiBQcm9taXNlPHZvaWQ+IHtcclxuICAgIGRvY3VtZW50LnRodW1ibmFpbEJvZHkgPSBkb2N1bWVudC5kb2N1bWVudEJvZHk7XHJcbiAgICBkb2N1bWVudC5jcmVhdGlvbkRhdGUgPSBuZXcgRGF0ZSgpO1xyXG4gICAgZG9jdW1lbnQuY3JlYXRpb25Vc2VyID0gdGhpcy5fcmVsYXRpb25Db25uZWN0b3JTZXJ2aWNlLmxvZ2luUmVzcG9uc2UudXNlck5hbWU7XHJcbiAgICBkb2N1bWVudC5pbWFnZURpc3BsYXlLaW5kID0gQ29Eb2N1bWVudEltYWdlRGlzcGxheUtpbmQuQXZhdGFyO1xyXG4gICAgaWYgKHRoaXMuX3JlbGF0aW9uKSB7XHJcbiAgICAgIHRoaXMuX3JlbGF0aW9uLmF2YXRhckltYWdlID0gZG9jdW1lbnQ7XHJcbiAgICB9XHJcbiAgICB0aGlzLmltYWdlU3JjID0gZG9jdW1lbnQudGh1bWJuYWlsQm9keUFzRGF0YVVyaTtcclxuICAgIHRoaXMuX2NoYW5nZURldGVjdG9yLmRldGVjdENoYW5nZXMoKTtcclxuICB9XHJcblxyXG4gIHByaXZhdGUgYXN5bmMgX3NldEltYWdlRm9yQXZhdGFyKCk6IFByb21pc2U8dm9pZD4ge1xyXG4gICAgaWYgKHRoaXMuaW1hZ2UgJiYgdGhpcy5pbWFnZS5kb2N1bWVudElkKSB7XHJcbiAgICAgIGlmICghYXdhaXQgdGhpcy5fZ2V0SW1hZ2VDb250ZW50KHRoaXMuaW1hZ2UuZG9jdW1lbnRJZCkpIHtcclxuICAgICAgICB0aGlzLl9zZXRJbWFnZUZyb21SZWxhdGlvbigpO1xyXG4gICAgICB9XHJcbiAgICB9IGVsc2Uge1xyXG4gICAgICB0aGlzLl9zZXRJbWFnZUZyb21SZWxhdGlvbigpO1xyXG4gICAgfVxyXG4gICAgdGhpcy5fY2hhbmdlRGV0ZWN0b3IuZGV0ZWN0Q2hhbmdlcygpO1xyXG4gIH1cclxuXHJcbiAgcHJpdmF0ZSBhc3luYyBfc2V0SW1hZ2VGcm9tUmVsYXRpb24oKTogUHJvbWlzZTx2b2lkPiB7XHJcbiAgICBpZiAodGhpcy5yZWxhdGlvbikge1xyXG4gICAgICBpZiAodGhpcy5yZWxhdGlvbi5hdmF0YXJJbWFnZSAmJiB0aGlzLnJlbGF0aW9uLmF2YXRhckltYWdlLmRvY3VtZW50SWQpIHtcclxuICAgICAgICB0aGlzLl9pbWFnZSA9IHRoaXMucmVsYXRpb24uYXZhdGFySW1hZ2U7XHJcbiAgICAgICAgaWYgKCFhd2FpdCB0aGlzLl9nZXRJbWFnZUNvbnRlbnQodGhpcy5pbWFnZS5kb2N1bWVudElkKSkge1xyXG4gICAgICAgICAgdGhpcy5fc2V0UmVsYXRpb25Jbml0aWFscygpO1xyXG4gICAgICAgIH1cclxuICAgICAgfSBlbHNlIHtcclxuICAgICAgICB0aGlzLl9zZXRSZWxhdGlvbkluaXRpYWxzKCk7XHJcbiAgICAgIH1cclxuICAgIH0gZWxzZSBpZiAodGhpcy5yZWxhdGlvbklkKSB7XHJcbiAgICAgIHRoaXMuX3JlbGF0aW9uQ29ubmVjdG9yU2VydmljZS5nZXRSZWxhdGlvblNtYWxsT2JqZWN0KHRoaXMucmVsYXRpb25JZCkudGhlbihhc3luYyAocmVsYXRpb25TbWFsbE9iamVjdDogUmVsYXRpb25TbWFsbE9iamVjdCkgPT4ge1xyXG4gICAgICAgIGlmIChyZWxhdGlvblNtYWxsT2JqZWN0KSB7XHJcbiAgICAgICAgICBpZiAocmVsYXRpb25TbWFsbE9iamVjdC5hdmF0YXJJbWFnZSAmJiByZWxhdGlvblNtYWxsT2JqZWN0LmF2YXRhckltYWdlLmRvY3VtZW50SWQpIHtcclxuICAgICAgICAgICAgdGhpcy5faW1hZ2UgPSByZWxhdGlvblNtYWxsT2JqZWN0LmF2YXRhckltYWdlO1xyXG4gICAgICAgICAgICBpZiAoIWF3YWl0IHRoaXMuX2dldEltYWdlQ29udGVudCh0aGlzLmltYWdlLmRvY3VtZW50SWQpKSB7XHJcbiAgICAgICAgICAgICAgdGhpcy5fc2V0UmVsYXRpb25Jbml0aWFscygpO1xyXG4gICAgICAgICAgICB9XHJcbiAgICAgICAgICB9IGVsc2Uge1xyXG4gICAgICAgICAgICB0aGlzLl9zZXRSZWxhdGlvbkluaXRpYWxzKCk7XHJcbiAgICAgICAgICB9XHJcbiAgICAgICAgfVxyXG4gICAgICB9KTtcclxuICAgIH1cclxuICB9XHJcblxyXG4gIHByaXZhdGUgX3NldFJlbGF0aW9uSW5pdGlhbHMoKTogdm9pZCB7XHJcbiAgICBpZiAodGhpcy5yZWxhdGlvbikge1xyXG4gICAgICB0aGlzLmluaXRpYWxzID0gdGhpcy5yZWxhdGlvbi5kaXNwbGF5SW5pdGlhbHM7XHJcbiAgICB9XHJcbiAgfVxyXG5cclxuICBwcml2YXRlIGFzeW5jIF9nZXRJbWFnZUNvbnRlbnQoZG9jSWQ6IG51bWJlcik6IFByb21pc2U8Ym9vbGVhbj4ge1xyXG4gICAgY29uc3QgY29udGVudDogc3RyaW5nID0gYXdhaXQgdGhpcy5fcmVsYXRpb25Db25uZWN0b3JTZXJ2aWNlLmdldERvY3VtZW50Q29udGVudChkb2NJZCk7XHJcbiAgICBpZiAoY29udGVudCAmJiB0aGlzLl9pbWFnZSkge1xyXG4gICAgICB0aGlzLl9pbWFnZS50aHVtYm5haWxCb2R5ID0gY29udGVudDtcclxuICAgICAgdGhpcy5pbWFnZVNyYyA9IHRoaXMuaW1hZ2UudGh1bWJuYWlsQm9keUFzRGF0YVVyaTtcclxuICAgICAgdGhpcy5fY2hhbmdlRGV0ZWN0b3IuZGV0ZWN0Q2hhbmdlcygpO1xyXG4gICAgICByZXR1cm4gdHJ1ZTtcclxuICAgIH0gZWxzZSB7XHJcbiAgICAgIHJldHVybiBmYWxzZTtcclxuICAgIH1cclxuICB9XHJcblxyXG4gIHByaXZhdGUgX3NldEJhY2tncm91bmRDb2xvcigpOiB2b2lkIHtcclxuICAgIHRoaXMuaW1hZ2VTcmMgPSBcIlwiO1xyXG4gICAgaWYgKHRoaXMucmVsYXRpb24pIHtcclxuICAgICAgdGhpcy5iYWNrZ3JvdW5kQ29sb3IgPSB0aGlzLl9jb2xvclNlcXVlbmNlU2VydmljZS5nZXRSYW5kb21Db2xvcih0aGlzLnJlbGF0aW9uLnJlbGF0aW9uSWQpO1xyXG4gICAgfVxyXG4gICAgdGhpcy5fY2hhbmdlRGV0ZWN0b3IuZGV0ZWN0Q2hhbmdlcygpO1xyXG4gIH1cclxufSBcclxuIl19

package/esm2015/lib/component/relation-avatar/relation-avatar.module.js

@@ -0,0 +1,22 @@
+import { NgModule } from '@angular/core';
+import { CommonModule } from '@angular/common';
+import { RelationAvatarComponent } from './relation-avatar.component';
+import { IconModule, ImageModule } from '@colijnit/corecomponents_v12';
+export class RelationAvatarModule {
+}
+RelationAvatarModule.decorators = [
+    { type: NgModule, args: [{
+                imports: [
+                    CommonModule,
+                    ImageModule,
+                    IconModule
+                ],
+                declarations: [
+                    RelationAvatarComponent
+                ],
+                exports: [
+                    RelationAvatarComponent
+                ]
+            },] }
+];
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicmVsYXRpb24tYXZhdGFyLm1vZHVsZS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL3JlbGF0aW9uL3NyYy9saWIvY29tcG9uZW50L3JlbGF0aW9uLWF2YXRhci9yZWxhdGlvbi1hdmF0YXIubW9kdWxlLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBQyxRQUFRLEVBQUMsTUFBTSxlQUFlLENBQUM7QUFDdkMsT0FBTyxFQUFDLFlBQVksRUFBQyxNQUFNLGlCQUFpQixDQUFDO0FBQzdDLE9BQU8sRUFBQyx1QkFBdUIsRUFBQyxNQUFNLDZCQUE2QixDQUFDO0FBQ3BFLE9BQU8sRUFBQyxVQUFVLEVBQUUsV0FBVyxFQUFDLE1BQU0sOEJBQThCLENBQUM7QUFlckUsTUFBTSxPQUFPLG9CQUFvQjs7O1lBYmhDLFFBQVEsU0FBQztnQkFDUixPQUFPLEVBQUU7b0JBQ1AsWUFBWTtvQkFDWixXQUFXO29CQUNYLFVBQVU7aUJBQ1g7Z0JBQ0QsWUFBWSxFQUFFO29CQUNaLHVCQUF1QjtpQkFDeEI7Z0JBQ0QsT0FBTyxFQUFFO29CQUNQLHVCQUF1QjtpQkFDeEI7YUFDRiIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7TmdNb2R1bGV9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xyXG5pbXBvcnQge0NvbW1vbk1vZHVsZX0gZnJvbSAnQGFuZ3VsYXIvY29tbW9uJztcclxuaW1wb3J0IHtSZWxhdGlvbkF2YXRhckNvbXBvbmVudH0gZnJvbSAnLi9yZWxhdGlvbi1hdmF0YXIuY29tcG9uZW50JztcclxuaW1wb3J0IHtJY29uTW9kdWxlLCBJbWFnZU1vZHVsZX0gZnJvbSAnQGNvbGlqbml0L2NvcmVjb21wb25lbnRzX3YxMic7XHJcblxyXG5ATmdNb2R1bGUoe1xyXG4gIGltcG9ydHM6IFtcclxuICAgIENvbW1vbk1vZHVsZSxcclxuICAgIEltYWdlTW9kdWxlLFxyXG4gICAgSWNvbk1vZHVsZVxyXG4gIF0sXHJcbiAgZGVjbGFyYXRpb25zOiBbXHJcbiAgICBSZWxhdGlvbkF2YXRhckNvbXBvbmVudFxyXG4gIF0sXHJcbiAgZXhwb3J0czogW1xyXG4gICAgUmVsYXRpb25BdmF0YXJDb21wb25lbnRcclxuICBdXHJcbn0pXHJcbmV4cG9ydCBjbGFzcyBSZWxhdGlvbkF2YXRhck1vZHVsZSB7XHJcbn1cclxuIl19

package/esm2015/lib/component/relation-contact-options/relation-contact-option-list.component.js

@@ -0,0 +1,101 @@
+import { __awaiter } from "tslib";
+import { Component, EventEmitter, HostBinding, Input, Output, ViewEncapsulation } from '@angular/core';
+import { CDK_DRAG_CONFIG, moveItemInArray } from '@angular/cdk/drag-drop';
+const DragConfig = {
+    dragStartThreshold: 0,
+    pointerDirectionChangeThreshold: 5,
+    zIndex: 10000
+};
+const ɵ0 = DragConfig;
+export class RelationContactOptionListComponent {
+    constructor() {
+        this.dragDropDisabled = false;
+        this.collection = [];
+        this.deleteClick = new EventEmitter();
+        this.showClass = true;
+        this.dragStartDelay = 500;
+        this.handleCanDragDrop = (drag, drop) => {
+            return (drag.data.type === this.type);
+        };
+    }
+    handleDrop(event) {
+        return __awaiter(this, void 0, void 0, function* () {
+            try {
+                const from = event.previousIndex;
+                const to = event.currentIndex;
+                if (from === to) {
+                    return;
+                }
+                // set items in correct order
+                moveItemInArray(this.collection, from, to);
+                this._reArrangeSequences();
+            }
+            catch (e) {
+                console.error(e);
+            }
+        });
+    }
+    /**
+     * Hack to make sure that dragged item has the right css when not moving the mouse
+     * @param event
+     */
+    handleOptionMouseDown(event) {
+        clearTimeout(this._mouseDownTimeout);
+        this._mouseDownTimeout = setTimeout(() => {
+            let mouseMoveEvent;
+            if ("createEvent" in document) {
+                mouseMoveEvent = document.createEvent("Event");
+                mouseMoveEvent.initEvent('mousemove', true, true);
+            }
+            else if ("Event" in window) {
+                mouseMoveEvent = new Event('mousemove', { bubbles: true, cancelable: true });
+            }
+            // @ts-ignore
+            mouseMoveEvent.pageX = event.pageX;
+            // @ts-ignore
+            mouseMoveEvent.pageY = event.pageY;
+            document.dispatchEvent(mouseMoveEvent);
+        }, this.dragStartDelay);
+    }
+    handleOptionMouseUp(event) {
+        clearTimeout(this._mouseDownTimeout);
+    }
+    _reArrangeSequences() {
+        for (let i = 0; i < this.collection.length; i++) {
+            this.collection[i].sequence = i;
+        }
+    }
+}
+RelationContactOptionListComponent.decorators = [
+    { type: Component, args: [{
+                selector: 'co-relation-contact-option-list',
+                template: `
+      <div #dropListContactOptions class="contact-option-wrapper drag-drop-list" cdkDropList cdkDropListOrientation="vertical"
+           [cdkDropListDisabled]="dragDropDisabled"
+           [cdkDropListData]="collection"
+           [cdkDropListEnterPredicate]="handleCanDragDrop"
+           (cdkDropListDropped)="handleDrop($event)"
+      >
+          <co-relation-contact-option class="draggable-contact-option" *ngFor="let option of collection" [model]="option"
+                                      cdkDrag [cdkDragStartDelay]="dragStartDelay"
+                                      (mousedown)="handleOptionMouseDown($event)" 
+                                      (mouseup)="handleOptionMouseUp($event)"
+                                      (deleteClick)="deleteClick.emit($event)"
+          ></co-relation-contact-option>
+      </div>
+  `,
+                providers: [
+                    { provide: CDK_DRAG_CONFIG, useValue: ɵ0 }
+                ],
+                encapsulation: ViewEncapsulation.None
+            },] }
+];
+RelationContactOptionListComponent.propDecorators = {
+    dragDropDisabled: [{ type: Input }],
+    type: [{ type: Input }],
+    collection: [{ type: Input }],
+    deleteClick: [{ type: Output }],
+    showClass: [{ type: HostBinding, args: ['class.co-relation-contact-option-list',] }]
+};
+export { ɵ0 };
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicmVsYXRpb24tY29udGFjdC1vcHRpb24tbGlzdC5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9yZWxhdGlvbi9zcmMvbGliL2NvbXBvbmVudC9yZWxhdGlvbi1jb250YWN0LW9wdGlvbnMvcmVsYXRpb24tY29udGFjdC1vcHRpb24tbGlzdC5jb21wb25lbnQudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IjtBQUFBLE9BQU8sRUFBQyxTQUFTLEVBQUUsWUFBWSxFQUFFLFdBQVcsRUFBRSxLQUFLLEVBQVUsTUFBTSxFQUFFLGlCQUFpQixFQUFDLE1BQU0sZUFBZSxDQUFDO0FBRzdHLE9BQU8sRUFBQyxlQUFlLEVBQXFDLGVBQWUsRUFBQyxNQUFNLHdCQUF3QixDQUFDO0FBRTNHLE1BQU0sVUFBVSxHQUFHO0lBQ2pCLGtCQUFrQixFQUFFLENBQUM7SUFDckIsK0JBQStCLEVBQUUsQ0FBQztJQUNsQyxNQUFNLEVBQUUsS0FBSztDQUNkLENBQUM7V0FvQnVDLFVBQVU7QUFJbkQsTUFBTSxPQUFPLGtDQUFrQztJQXRCL0M7UUF3QlMscUJBQWdCLEdBQVksS0FBSyxDQUFDO1FBTWxDLGVBQVUsR0FBb0IsRUFBRSxDQUFDO1FBR2pDLGdCQUFXLEdBQWdDLElBQUksWUFBWSxFQUFpQixDQUFDO1FBRzdFLGNBQVMsR0FBWSxJQUFJLENBQUM7UUFFMUIsbUJBQWMsR0FBVyxHQUFHLENBQUM7UUFJN0Isc0JBQWlCLEdBQUcsQ0FBQyxJQUFhLEVBQUUsSUFBaUIsRUFBRSxFQUFFO1lBQzlELE9BQU8sQ0FBQyxJQUFJLENBQUMsSUFBSSxDQUFDLElBQUksS0FBSyxJQUFJLENBQUMsSUFBSSxDQUFDLENBQUM7UUFDeEMsQ0FBQyxDQUFBO0lBZ0RILENBQUM7SUE5Q2MsVUFBVSxDQUFDLEtBQW1DOztZQUN6RCxJQUFJO2dCQUNGLE1BQU0sSUFBSSxHQUFXLEtBQUssQ0FBQyxhQUFhLENBQUM7Z0JBQ3pDLE1BQU0sRUFBRSxHQUFXLEtBQUssQ0FBQyxZQUFZLENBQUM7Z0JBQ3RDLElBQUksSUFBSSxLQUFLLEVBQUUsRUFBRTtvQkFDZixPQUFPO2lCQUNSO2dCQUNELDZCQUE2QjtnQkFDN0IsZUFBZSxDQUFDLElBQUksQ0FBQyxVQUFVLEVBQUUsSUFBSSxFQUFFLEVBQUUsQ0FBQyxDQUFDO2dCQUMzQyxJQUFJLENBQUMsbUJBQW1CLEVBQUUsQ0FBQzthQUM1QjtZQUFDLE9BQU8sQ0FBQyxFQUFFO2dCQUNWLE9BQU8sQ0FBQyxLQUFLLENBQUMsQ0FBQyxDQUFDLENBQUM7YUFDbEI7UUFDSCxDQUFDO0tBQUE7SUFFRDs7O09BR0c7SUFDSSxxQkFBcUIsQ0FBQyxLQUFpQjtRQUM1QyxZQUFZLENBQUMsSUFBSSxDQUFDLGlCQUFpQixDQUFDLENBQUM7UUFDckMsSUFBSSxDQUFDLGlCQUFpQixHQUFHLFVBQVUsQ0FBQyxHQUFHLEVBQUU7WUFDdkMsSUFBSSxjQUFxQixDQUFDO1lBQzFCLElBQUksYUFBYSxJQUFJLFFBQVEsRUFBRTtnQkFDN0IsY0FBYyxHQUFHLFFBQVEsQ0FBQyxXQUFXLENBQUMsT0FBTyxDQUFDLENBQUM7Z0JBQy9DLGNBQWMsQ0FBQyxTQUFTLENBQUMsV0FBVyxFQUFFLElBQUksRUFBRSxJQUFJLENBQUMsQ0FBQzthQUNuRDtpQkFBTSxJQUFJLE9BQU8sSUFBSSxNQUFNLEVBQUU7Z0JBQzVCLGNBQWMsR0FBRyxJQUFJLEtBQUssQ0FBQyxXQUFXLEVBQUUsRUFBRSxPQUFPLEVBQUUsSUFBSSxFQUFFLFVBQVUsRUFBRSxJQUFJLEVBQUUsQ0FBQyxDQUFDO2FBQzlFO1lBQ0QsYUFBYTtZQUNiLGNBQWMsQ0FBQyxLQUFLLEdBQUcsS0FBSyxDQUFDLEtBQUssQ0FBQztZQUNuQyxhQUFhO1lBQ2IsY0FBYyxDQUFDLEtBQUssR0FBRyxLQUFLLENBQUMsS0FBSyxDQUFDO1lBQ25DLFFBQVEsQ0FBQyxhQUFhLENBQUMsY0FBYyxDQUFDLENBQUM7UUFDekMsQ0FBQyxFQUFFLElBQUksQ0FBQyxjQUFjLENBQUMsQ0FBQztJQUMxQixDQUFDO0lBRU0sbUJBQW1CLENBQUMsS0FBaUI7UUFDMUMsWUFBWSxDQUFDLElBQUksQ0FBQyxpQkFBaUIsQ0FBQyxDQUFBO0lBQ3RDLENBQUM7SUFFTyxtQkFBbUI7UUFDekIsS0FBSyxJQUFJLENBQUMsR0FBRyxDQUFDLEVBQUUsQ0FBQyxHQUFHLElBQUksQ0FBQyxVQUFVLENBQUMsTUFBTSxFQUFFLENBQUMsRUFBRSxFQUFFO1lBQy9DLElBQUksQ0FBQyxVQUFVLENBQUMsQ0FBQyxDQUFDLENBQUMsUUFBUSxHQUFHLENBQUMsQ0FBQztTQUNqQztJQUNILENBQUM7OztZQTNGRixTQUFTLFNBQUM7Z0JBQ1QsUUFBUSxFQUFFLGlDQUFpQztnQkFDM0MsUUFBUSxFQUFFOzs7Ozs7Ozs7Ozs7OztHQWNUO2dCQUNELFNBQVMsRUFBRTtvQkFDVCxFQUFDLE9BQU8sRUFBRSxlQUFlLEVBQUUsUUFBUSxJQUFZLEVBQUM7aUJBQ2pEO2dCQUNELGFBQWEsRUFBRSxpQkFBaUIsQ0FBQyxJQUFJO2FBQ3RDOzs7K0JBRUUsS0FBSzttQkFHTCxLQUFLO3lCQUdMLEtBQUs7MEJBR0wsTUFBTTt3QkFHTixXQUFXLFNBQUMsdUNBQXVDIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHtDb21wb25lbnQsIEV2ZW50RW1pdHRlciwgSG9zdEJpbmRpbmcsIElucHV0LCBPbkluaXQsIE91dHB1dCwgVmlld0VuY2Fwc3VsYXRpb259IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xyXG5pbXBvcnQge0NvbnRhY3RPcHRpb259IGZyb20gJ0Bjb2xpam5pdC9yZWxhdGlvbmFwaS9idWlsZC9tb2RlbC9jb250YWN0LW9wdGlvbi5ibyc7XHJcbmltcG9ydCB7Q29tbXVuaWNhdGlvblR5cGV9IGZyb20gJ0Bjb2xpam5pdC9yZWxhdGlvbmFwaS9idWlsZC9lbnVtL2NvbW11bmljYXRpb24tdHlwZS5lbnVtJztcclxuaW1wb3J0IHtDREtfRFJBR19DT05GSUcsIENka0RyYWcsIENka0RyYWdEcm9wLCBDZGtEcm9wTGlzdCwgbW92ZUl0ZW1JbkFycmF5fSBmcm9tICdAYW5ndWxhci9jZGsvZHJhZy1kcm9wJztcclxuXHJcbmNvbnN0IERyYWdDb25maWcgPSB7XHJcbiAgZHJhZ1N0YXJ0VGhyZXNob2xkOiAwLFxyXG4gIHBvaW50ZXJEaXJlY3Rpb25DaGFuZ2VUaHJlc2hvbGQ6IDUsXHJcbiAgekluZGV4OiAxMDAwMFxyXG59O1xyXG5cclxuQENvbXBvbmVudCh7XHJcbiAgc2VsZWN0b3I6ICdjby1yZWxhdGlvbi1jb250YWN0LW9wdGlvbi1saXN0JyxcclxuICB0ZW1wbGF0ZTogYFxyXG4gICAgICA8ZGl2ICNkcm9wTGlzdENvbnRhY3RPcHRpb25zIGNsYXNzPVwiY29udGFjdC1vcHRpb24td3JhcHBlciBkcmFnLWRyb3AtbGlzdFwiIGNka0Ryb3BMaXN0IGNka0Ryb3BMaXN0T3JpZW50YXRpb249XCJ2ZXJ0aWNhbFwiXHJcbiAgICAgICAgICAgW2Nka0Ryb3BMaXN0RGlzYWJsZWRdPVwiZHJhZ0Ryb3BEaXNhYmxlZFwiXHJcbiAgICAgICAgICAgW2Nka0Ryb3BMaXN0RGF0YV09XCJjb2xsZWN0aW9uXCJcclxuICAgICAgICAgICBbY2RrRHJvcExpc3RFbnRlclByZWRpY2F0ZV09XCJoYW5kbGVDYW5EcmFnRHJvcFwiXHJcbiAgICAgICAgICAgKGNka0Ryb3BMaXN0RHJvcHBlZCk9XCJoYW5kbGVEcm9wKCRldmVudClcIlxyXG4gICAgICA+XHJcbiAgICAgICAgICA8Y28tcmVsYXRpb24tY29udGFjdC1vcHRpb24gY2xhc3M9XCJkcmFnZ2FibGUtY29udGFjdC1vcHRpb25cIiAqbmdGb3I9XCJsZXQgb3B0aW9uIG9mIGNvbGxlY3Rpb25cIiBbbW9kZWxdPVwib3B0aW9uXCJcclxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICBjZGtEcmFnIFtjZGtEcmFnU3RhcnREZWxheV09XCJkcmFnU3RhcnREZWxheVwiXHJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgKG1vdXNlZG93bik9XCJoYW5kbGVPcHRpb25Nb3VzZURvd24oJGV2ZW50KVwiIFxyXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIChtb3VzZXVwKT1cImhhbmRsZU9wdGlvbk1vdXNlVXAoJGV2ZW50KVwiXHJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgKGRlbGV0ZUNsaWNrKT1cImRlbGV0ZUNsaWNrLmVtaXQoJGV2ZW50KVwiXHJcbiAgICAgICAgICA+PC9jby1yZWxhdGlvbi1jb250YWN0LW9wdGlvbj5cclxuICAgICAgPC9kaXY+XHJcbiAgYCxcclxuICBwcm92aWRlcnM6IFtcclxuICAgIHtwcm92aWRlOiBDREtfRFJBR19DT05GSUcsIHVzZVZhbHVlOiBEcmFnQ29uZmlnfVxyXG4gIF0sXHJcbiAgZW5jYXBzdWxhdGlvbjogVmlld0VuY2Fwc3VsYXRpb24uTm9uZVxyXG59KVxyXG5leHBvcnQgY2xhc3MgUmVsYXRpb25Db250YWN0T3B0aW9uTGlzdENvbXBvbmVudCB7XHJcbiAgQElucHV0KClcclxuICBwdWJsaWMgZHJhZ0Ryb3BEaXNhYmxlZDogYm9vbGVhbiA9IGZhbHNlO1xyXG5cclxuICBASW5wdXQoKVxyXG4gIHB1YmxpYyB0eXBlOiBDb21tdW5pY2F0aW9uVHlwZTtcclxuXHJcbiAgQElucHV0KClcclxuICBwdWJsaWMgY29sbGVjdGlvbjogQ29udGFjdE9wdGlvbltdID0gW107XHJcblxyXG4gIEBPdXRwdXQoKVxyXG4gIHB1YmxpYyBkZWxldGVDbGljazogRXZlbnRFbWl0dGVyPENvbnRhY3RPcHRpb24+ID0gbmV3IEV2ZW50RW1pdHRlcjxDb250YWN0T3B0aW9uPigpO1xyXG5cclxuICBASG9zdEJpbmRpbmcoJ2NsYXNzLmNvLXJlbGF0aW9uLWNvbnRhY3Qtb3B0aW9uLWxpc3QnKVxyXG4gIHB1YmxpYyBzaG93Q2xhc3M6IGJvb2xlYW4gPSB0cnVlO1xyXG5cclxuICBwdWJsaWMgZHJhZ1N0YXJ0RGVsYXk6IG51bWJlciA9IDUwMDtcclxuXHJcbiAgcHJpdmF0ZSBfbW91c2VEb3duVGltZW91dDogYW55O1xyXG5cclxuICBwdWJsaWMgaGFuZGxlQ2FuRHJhZ0Ryb3AgPSAoZHJhZzogQ2RrRHJhZywgZHJvcDogQ2RrRHJvcExpc3QpID0+IHtcclxuICAgIHJldHVybiAoZHJhZy5kYXRhLnR5cGUgPT09IHRoaXMudHlwZSk7XHJcbiAgfVxyXG5cclxuICBwdWJsaWMgYXN5bmMgaGFuZGxlRHJvcChldmVudDogQ2RrRHJhZ0Ryb3A8Q29udGFjdE9wdGlvbltdPik6IFByb21pc2U8dm9pZD4ge1xyXG4gICAgdHJ5IHtcclxuICAgICAgY29uc3QgZnJvbTogbnVtYmVyID0gZXZlbnQucHJldmlvdXNJbmRleDtcclxuICAgICAgY29uc3QgdG86IG51bWJlciA9IGV2ZW50LmN1cnJlbnRJbmRleDtcclxuICAgICAgaWYgKGZyb20gPT09IHRvKSB7XHJcbiAgICAgICAgcmV0dXJuO1xyXG4gICAgICB9XHJcbiAgICAgIC8vIHNldCBpdGVtcyBpbiBjb3JyZWN0IG9yZGVyXHJcbiAgICAgIG1vdmVJdGVtSW5BcnJheSh0aGlzLmNvbGxlY3Rpb24sIGZyb20sIHRvKTtcclxuICAgICAgdGhpcy5fcmVBcnJhbmdlU2VxdWVuY2VzKCk7XHJcbiAgICB9IGNhdGNoIChlKSB7XHJcbiAgICAgIGNvbnNvbGUuZXJyb3IoZSk7XHJcbiAgICB9XHJcbiAgfVxyXG5cclxuICAvKipcclxuICAgKiBIYWNrIHRvIG1ha2Ugc3VyZSB0aGF0IGRyYWdnZWQgaXRlbSBoYXMgdGhlIHJpZ2h0IGNzcyB3aGVuIG5vdCBtb3ZpbmcgdGhlIG1vdXNlXHJcbiAgICogQHBhcmFtIGV2ZW50XHJcbiAgICovXHJcbiAgcHVibGljIGhhbmRsZU9wdGlvbk1vdXNlRG93bihldmVudDogTW91c2VFdmVudCk6IHZvaWQge1xyXG4gICAgY2xlYXJUaW1lb3V0KHRoaXMuX21vdXNlRG93blRpbWVvdXQpO1xyXG4gICAgdGhpcy5fbW91c2VEb3duVGltZW91dCA9IHNldFRpbWVvdXQoKCkgPT4ge1xyXG4gICAgICBsZXQgbW91c2VNb3ZlRXZlbnQ6IEV2ZW50O1xyXG4gICAgICBpZiAoXCJjcmVhdGVFdmVudFwiIGluIGRvY3VtZW50KSB7XHJcbiAgICAgICAgbW91c2VNb3ZlRXZlbnQgPSBkb2N1bWVudC5jcmVhdGVFdmVudChcIkV2ZW50XCIpO1xyXG4gICAgICAgIG1vdXNlTW92ZUV2ZW50LmluaXRFdmVudCgnbW91c2Vtb3ZlJywgdHJ1ZSwgdHJ1ZSk7XHJcbiAgICAgIH0gZWxzZSBpZiAoXCJFdmVudFwiIGluIHdpbmRvdykge1xyXG4gICAgICAgIG1vdXNlTW92ZUV2ZW50ID0gbmV3IEV2ZW50KCdtb3VzZW1vdmUnLCB7IGJ1YmJsZXM6IHRydWUsIGNhbmNlbGFibGU6IHRydWUgfSk7XHJcbiAgICAgIH1cclxuICAgICAgLy8gQHRzLWlnbm9yZVxyXG4gICAgICBtb3VzZU1vdmVFdmVudC5wYWdlWCA9IGV2ZW50LnBhZ2VYO1xyXG4gICAgICAvLyBAdHMtaWdub3JlXHJcbiAgICAgIG1vdXNlTW92ZUV2ZW50LnBhZ2VZID0gZXZlbnQucGFnZVk7XHJcbiAgICAgIGRvY3VtZW50LmRpc3BhdGNoRXZlbnQobW91c2VNb3ZlRXZlbnQpO1xyXG4gICAgfSwgdGhpcy5kcmFnU3RhcnREZWxheSk7XHJcbiAgfVxyXG5cclxuICBwdWJsaWMgaGFuZGxlT3B0aW9uTW91c2VVcChldmVudDogTW91c2VFdmVudCk6IHZvaWQge1xyXG4gICAgY2xlYXJUaW1lb3V0KHRoaXMuX21vdXNlRG93blRpbWVvdXQpXHJcbiAgfVxyXG5cclxuICBwcml2YXRlIF9yZUFycmFuZ2VTZXF1ZW5jZXMoKTogdm9pZCB7XHJcbiAgICBmb3IgKGxldCBpID0gMDsgaSA8IHRoaXMuY29sbGVjdGlvbi5sZW5ndGg7IGkrKykge1xyXG4gICAgICB0aGlzLmNvbGxlY3Rpb25baV0uc2VxdWVuY2UgPSBpO1xyXG4gICAgfVxyXG4gIH1cclxufVxyXG4iXX0=

package/esm2015/lib/component/relation-contact-options/relation-contact-option.component.js

@@ -0,0 +1,100 @@
+import { __awaiter } from "tslib";
+import { Component, EventEmitter, HostBinding, Input, Output, ViewChild, ViewEncapsulation } from '@angular/core';
+import { CommunicationType } from '@colijnit/relationapi/build/enum/communication-type.enum';
+import { Icon } from '../../enum/icon.enum';
+import { IconCacheService } from '../../service/icon-cache.service';
+import { ContactOption } from '@colijnit/relationapi/build/model/contact-option.bo';
+import { InputTextComponent } from '@colijnit/corecomponents_v12';
+import { RelationService } from '../../service/relation.service';
+export class RelationContactOptionComponent {
+    constructor(iconCacheService, _relationService) {
+        this.iconCacheService = iconCacheService;
+        this._relationService = _relationService;
+        this.icons = Icon;
+        this.saveClick = new EventEmitter();
+        this.deleteClick = new EventEmitter();
+        this.showClass = true;
+        this.iconType = Icon.Email;
+        this.label = 'EMAIL';
+        this.shouldFocus = false;
+        this._type = CommunicationType.Email;
+    }
+    set child(content) {
+        if (content) {
+            this.input = content;
+            this.input.commit = (value) => this.handleCommit(value);
+            if (this.shouldFocus) {
+                setTimeout(() => {
+                    this.input.requestFocus();
+                });
+            }
+        }
+    }
+    set model(value) {
+        this._model = value;
+        if (this._model) {
+            this.type = this._model.type;
+        }
+    }
+    get model() {
+        return this._model;
+    }
+    set type(value) {
+        this._type = value;
+        this._prepareType(this._type);
+    }
+    get type() {
+        return this._type;
+    }
+    ngOnInit() {
+        if (this.type && !this.model) {
+            const newOption = new ContactOption();
+            newOption.type = this.type;
+            this.model = newOption;
+            this.shouldFocus = true;
+        }
+    }
+    handleCommit(value) {
+        return __awaiter(this, void 0, void 0, function* () {
+            this.model.value = value;
+            this.saveClick.next(this.model);
+            return true;
+        });
+    }
+    _prepareType(type) {
+        if (type) {
+            this.iconType = this._relationService.communicationTypeIcon.get(type);
+            this.label = this._relationService.communicationTypeLabel.get(type);
+        }
+    }
+}
+RelationContactOptionComponent.decorators = [
+    { type: Component, args: [{
+                selector: 'co-relation-contact-option',
+                template: `
+      <div class="relation-contact-option-sequence" *ngIf="model.sequence !== null && model.sequence !== undefined"
+           [textContent]="model.sequence"></div>
+      <co-input-text #input
+                     [placeholder]="label | reLocalize"
+                     [model]="model.value"
+                     [leftIconData]="iconCacheService.getIcon(iconType)"
+                     [showSaveCancel]="true"
+      ></co-input-text>
+      <co-icon [iconData]="iconCacheService.getIcon(icons.TrashBin)" (click)="deleteClick.emit(model)"></co-icon>
+  `,
+                encapsulation: ViewEncapsulation.None
+            },] }
+];
+RelationContactOptionComponent.ctorParameters = () => [
+    { type: IconCacheService },
+    { type: RelationService }
+];
+RelationContactOptionComponent.propDecorators = {
+    child: [{ type: ViewChild, args: ['input', { read: InputTextComponent },] }],
+    model: [{ type: Input }],
+    type: [{ type: Input }],
+    saveClick: [{ type: Output }],
+    deleteClick: [{ type: Output }],
+    showClass: [{ type: HostBinding, args: ['class.co-relation-contact-option',] }]
+};
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicmVsYXRpb24tY29udGFjdC1vcHRpb24uY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvcmVsYXRpb24vc3JjL2xpYi9jb21wb25lbnQvcmVsYXRpb24tY29udGFjdC1vcHRpb25zL3JlbGF0aW9uLWNvbnRhY3Qtb3B0aW9uLmNvbXBvbmVudC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiO0FBQUEsT0FBTyxFQUFDLFNBQVMsRUFBRSxZQUFZLEVBQUUsV0FBVyxFQUFFLEtBQUssRUFBVSxNQUFNLEVBQUUsU0FBUyxFQUFFLGlCQUFpQixFQUFDLE1BQU0sZUFBZSxDQUFDO0FBQ3hILE9BQU8sRUFBQyxpQkFBaUIsRUFBQyxNQUFNLDBEQUEwRCxDQUFDO0FBQzNGLE9BQU8sRUFBQyxJQUFJLEVBQUMsTUFBTSxzQkFBc0IsQ0FBQztBQUMxQyxPQUFPLEVBQUMsZ0JBQWdCLEVBQUMsTUFBTSxrQ0FBa0MsQ0FBQztBQUNsRSxPQUFPLEVBQUMsYUFBYSxFQUFDLE1BQU0scURBQXFELENBQUM7QUFDbEYsT0FBTyxFQUFDLGtCQUFrQixFQUFDLE1BQU0sOEJBQThCLENBQUM7QUFDaEUsT0FBTyxFQUFDLGVBQWUsRUFBQyxNQUFNLGdDQUFnQyxDQUFDO0FBaUIvRCxNQUFNLE9BQU8sOEJBQThCO0lBc0R6QyxZQUNTLGdCQUFrQyxFQUNqQyxnQkFBaUM7UUFEbEMscUJBQWdCLEdBQWhCLGdCQUFnQixDQUFrQjtRQUNqQyxxQkFBZ0IsR0FBaEIsZ0JBQWdCLENBQWlCO1FBdkQzQixVQUFLLEdBQWdCLElBQUksQ0FBQztRQXFDbkMsY0FBUyxHQUFnQyxJQUFJLFlBQVksRUFBaUIsQ0FBQztRQUczRSxnQkFBVyxHQUFnQyxJQUFJLFlBQVksRUFBaUIsQ0FBQztRQUc3RSxjQUFTLEdBQVksSUFBSSxDQUFDO1FBRTFCLGFBQVEsR0FBUyxJQUFJLENBQUMsS0FBSyxDQUFDO1FBQzVCLFVBQUssR0FBVyxPQUFPLENBQUM7UUFFeEIsZ0JBQVcsR0FBWSxLQUFLLENBQUM7UUFHNUIsVUFBSyxHQUFzQixpQkFBaUIsQ0FBQyxLQUFLLENBQUM7SUFNM0QsQ0FBQztJQXZERCxJQUFzRCxLQUFLLENBQUMsT0FBTztRQUNqRSxJQUFJLE9BQU8sRUFBRTtZQUNYLElBQUksQ0FBQyxLQUFLLEdBQUcsT0FBTyxDQUFDO1lBQ3JCLElBQUksQ0FBQyxLQUFLLENBQUMsTUFBTSxHQUFHLENBQUMsS0FBSyxFQUFFLEVBQUUsQ0FBQyxJQUFJLENBQUMsWUFBWSxDQUFDLEtBQUssQ0FBQyxDQUFDO1lBQ3hELElBQUksSUFBSSxDQUFDLFdBQVcsRUFBRTtnQkFDcEIsVUFBVSxDQUFDLEdBQUcsRUFBRTtvQkFDZCxJQUFJLENBQUMsS0FBSyxDQUFDLFlBQVksRUFBRSxDQUFDO2dCQUM1QixDQUFDLENBQUMsQ0FBQTthQUNIO1NBQ0Y7SUFDSCxDQUFDO0lBRUQsSUFDVyxLQUFLLENBQUMsS0FBb0I7UUFDbkMsSUFBSSxDQUFDLE1BQU0sR0FBRyxLQUFLLENBQUM7UUFDcEIsSUFBSSxJQUFJLENBQUMsTUFBTSxFQUFFO1lBQ2YsSUFBSSxDQUFDLElBQUksR0FBRyxJQUFJLENBQUMsTUFBTSxDQUFDLElBQUksQ0FBQztTQUM5QjtJQUNILENBQUM7SUFFRCxJQUFXLEtBQUs7UUFDZCxPQUFPLElBQUksQ0FBQyxNQUFNLENBQUM7SUFDckIsQ0FBQztJQUVELElBQ1csSUFBSSxDQUFDLEtBQXdCO1FBQ3RDLElBQUksQ0FBQyxLQUFLLEdBQUcsS0FBSyxDQUFDO1FBQ25CLElBQUksQ0FBQyxZQUFZLENBQUMsSUFBSSxDQUFDLEtBQUssQ0FBQyxDQUFDO0lBQ2hDLENBQUM7SUFFRCxJQUFXLElBQUk7UUFDYixPQUFPLElBQUksQ0FBQyxLQUFLLENBQUM7SUFDcEIsQ0FBQztJQXlCRCxRQUFRO1FBQ04sSUFBSSxJQUFJLENBQUMsSUFBSSxJQUFJLENBQUMsSUFBSSxDQUFDLEtBQUssRUFBRTtZQUM1QixNQUFNLFNBQVMsR0FBa0IsSUFBSSxhQUFhLEVBQUUsQ0FBQztZQUNyRCxTQUFTLENBQUMsSUFBSSxHQUFHLElBQUksQ0FBQyxJQUFJLENBQUM7WUFDM0IsSUFBSSxDQUFDLEtBQUssR0FBRyxTQUFTLENBQUM7WUFDdkIsSUFBSSxDQUFDLFdBQVcsR0FBRyxJQUFJLENBQUM7U0FDekI7SUFDSCxDQUFDO0lBRVksWUFBWSxDQUFDLEtBQWE7O1lBQ3JDLElBQUksQ0FBQyxLQUFLLENBQUMsS0FBSyxHQUFHLEtBQUssQ0FBQztZQUN6QixJQUFJLENBQUMsU0FBUyxDQUFDLElBQUksQ0FBQyxJQUFJLENBQUMsS0FBSyxDQUFDLENBQUM7WUFDaEMsT0FBTyxJQUFJLENBQUM7UUFDZCxDQUFDO0tBQUE7SUFFTyxZQUFZLENBQUMsSUFBdUI7UUFDMUMsSUFBSSxJQUFJLEVBQUU7WUFDUixJQUFJLENBQUMsUUFBUSxHQUFHLElBQUksQ0FBQyxnQkFBZ0IsQ0FBQyxxQkFBcUIsQ0FBQyxHQUFHLENBQUMsSUFBSSxDQUFDLENBQUM7WUFDdEUsSUFBSSxDQUFDLEtBQUssR0FBRyxJQUFJLENBQUMsZ0JBQWdCLENBQUMsc0JBQXNCLENBQUMsR0FBRyxDQUFDLElBQUksQ0FBQyxDQUFDO1NBQ3JFO0lBQ0gsQ0FBQzs7O1lBL0ZGLFNBQVMsU0FBQztnQkFDVCxRQUFRLEVBQUUsNEJBQTRCO2dCQUN0QyxRQUFRLEVBQUU7Ozs7Ozs7Ozs7R0FVVDtnQkFDRCxhQUFhLEVBQUUsaUJBQWlCLENBQUMsSUFBSTthQUN0Qzs7O1lBbkJPLGdCQUFnQjtZQUdoQixlQUFlOzs7b0JBb0JwQixTQUFTLFNBQUMsT0FBTyxFQUFFLEVBQUUsSUFBSSxFQUFFLGtCQUFrQixFQUFFO29CQVkvQyxLQUFLO21CQVlMLEtBQUs7d0JBVUwsTUFBTTswQkFHTixNQUFNO3dCQUdOLFdBQVcsU0FBQyxrQ0FBa0MiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQge0NvbXBvbmVudCwgRXZlbnRFbWl0dGVyLCBIb3N0QmluZGluZywgSW5wdXQsIE9uSW5pdCwgT3V0cHV0LCBWaWV3Q2hpbGQsIFZpZXdFbmNhcHN1bGF0aW9ufSBmcm9tICdAYW5ndWxhci9jb3JlJztcclxuaW1wb3J0IHtDb21tdW5pY2F0aW9uVHlwZX0gZnJvbSAnQGNvbGlqbml0L3JlbGF0aW9uYXBpL2J1aWxkL2VudW0vY29tbXVuaWNhdGlvbi10eXBlLmVudW0nO1xyXG5pbXBvcnQge0ljb259IGZyb20gJy4uLy4uL2VudW0vaWNvbi5lbnVtJztcclxuaW1wb3J0IHtJY29uQ2FjaGVTZXJ2aWNlfSBmcm9tICcuLi8uLi9zZXJ2aWNlL2ljb24tY2FjaGUuc2VydmljZSc7XHJcbmltcG9ydCB7Q29udGFjdE9wdGlvbn0gZnJvbSAnQGNvbGlqbml0L3JlbGF0aW9uYXBpL2J1aWxkL21vZGVsL2NvbnRhY3Qtb3B0aW9uLmJvJztcclxuaW1wb3J0IHtJbnB1dFRleHRDb21wb25lbnR9IGZyb20gJ0Bjb2xpam5pdC9jb3JlY29tcG9uZW50c192MTInO1xyXG5pbXBvcnQge1JlbGF0aW9uU2VydmljZX0gZnJvbSAnLi4vLi4vc2VydmljZS9yZWxhdGlvbi5zZXJ2aWNlJztcclxuXHJcbkBDb21wb25lbnQoe1xyXG4gIHNlbGVjdG9yOiAnY28tcmVsYXRpb24tY29udGFjdC1vcHRpb24nLFxyXG4gIHRlbXBsYXRlOiBgXHJcbiAgICAgIDxkaXYgY2xhc3M9XCJyZWxhdGlvbi1jb250YWN0LW9wdGlvbi1zZXF1ZW5jZVwiICpuZ0lmPVwibW9kZWwuc2VxdWVuY2UgIT09IG51bGwgJiYgbW9kZWwuc2VxdWVuY2UgIT09IHVuZGVmaW5lZFwiXHJcbiAgICAgICAgICAgW3RleHRDb250ZW50XT1cIm1vZGVsLnNlcXVlbmNlXCI+PC9kaXY+XHJcbiAgICAgIDxjby1pbnB1dC10ZXh0ICNpbnB1dFxyXG4gICAgICAgICAgICAgICAgICAgICBbcGxhY2Vob2xkZXJdPVwibGFiZWwgfCByZUxvY2FsaXplXCJcclxuICAgICAgICAgICAgICAgICAgICAgW21vZGVsXT1cIm1vZGVsLnZhbHVlXCJcclxuICAgICAgICAgICAgICAgICAgICAgW2xlZnRJY29uRGF0YV09XCJpY29uQ2FjaGVTZXJ2aWNlLmdldEljb24oaWNvblR5cGUpXCJcclxuICAgICAgICAgICAgICAgICAgICAgW3Nob3dTYXZlQ2FuY2VsXT1cInRydWVcIlxyXG4gICAgICA+PC9jby1pbnB1dC10ZXh0PlxyXG4gICAgICA8Y28taWNvbiBbaWNvbkRhdGFdPVwiaWNvbkNhY2hlU2VydmljZS5nZXRJY29uKGljb25zLlRyYXNoQmluKVwiIChjbGljayk9XCJkZWxldGVDbGljay5lbWl0KG1vZGVsKVwiPjwvY28taWNvbj5cclxuICBgLFxyXG4gIGVuY2Fwc3VsYXRpb246IFZpZXdFbmNhcHN1bGF0aW9uLk5vbmVcclxufSlcclxuZXhwb3J0IGNsYXNzIFJlbGF0aW9uQ29udGFjdE9wdGlvbkNvbXBvbmVudCBpbXBsZW1lbnRzIE9uSW5pdCB7XHJcbiAgcHVibGljIHJlYWRvbmx5IGljb25zOiB0eXBlb2YgSWNvbiA9IEljb247XHJcblxyXG4gIEBWaWV3Q2hpbGQoJ2lucHV0JywgeyByZWFkOiBJbnB1dFRleHRDb21wb25lbnQgfSkgc2V0IGNoaWxkKGNvbnRlbnQpIHtcclxuICAgIGlmIChjb250ZW50KSB7XHJcbiAgICAgIHRoaXMuaW5wdXQgPSBjb250ZW50O1xyXG4gICAgICB0aGlzLmlucHV0LmNvbW1pdCA9ICh2YWx1ZSkgPT4gdGhpcy5oYW5kbGVDb21taXQodmFsdWUpO1xyXG4gICAgICBpZiAodGhpcy5zaG91bGRGb2N1cykge1xyXG4gICAgICAgIHNldFRpbWVvdXQoKCkgPT4ge1xyXG4gICAgICAgICAgdGhpcy5pbnB1dC5yZXF1ZXN0Rm9jdXMoKTtcclxuICAgICAgICB9KVxyXG4gICAgICB9XHJcbiAgICB9XHJcbiAgfVxyXG5cclxuICBASW5wdXQoKVxyXG4gIHB1YmxpYyBzZXQgbW9kZWwodmFsdWU6IENvbnRhY3RPcHRpb24pIHtcclxuICAgIHRoaXMuX21vZGVsID0gdmFsdWU7XHJcbiAgICBpZiAodGhpcy5fbW9kZWwpIHtcclxuICAgICAgdGhpcy50eXBlID0gdGhpcy5fbW9kZWwudHlwZTtcclxuICAgIH1cclxuICB9XHJcblxyXG4gIHB1YmxpYyBnZXQgbW9kZWwoKTogQ29udGFjdE9wdGlvbiB7XHJcbiAgICByZXR1cm4gdGhpcy5fbW9kZWw7XHJcbiAgfVxyXG5cclxuICBASW5wdXQoKVxyXG4gIHB1YmxpYyBzZXQgdHlwZSh2YWx1ZTogQ29tbXVuaWNhdGlvblR5cGUpIHtcclxuICAgIHRoaXMuX3R5cGUgPSB2YWx1ZTtcclxuICAgIHRoaXMuX3ByZXBhcmVUeXBlKHRoaXMuX3R5cGUpO1xyXG4gIH1cclxuXHJcbiAgcHVibGljIGdldCB0eXBlKCk6IENvbW11bmljYXRpb25UeXBlIHtcclxuICAgIHJldHVybiB0aGlzLl90eXBlO1xyXG4gIH1cclxuXHJcbiAgQE91dHB1dCgpXHJcbiAgcHVibGljIHNhdmVDbGljazogRXZlbnRFbWl0dGVyPENvbnRhY3RPcHRpb24+ID0gbmV3IEV2ZW50RW1pdHRlcjxDb250YWN0T3B0aW9uPigpO1xyXG5cclxuICBAT3V0cHV0KClcclxuICBwdWJsaWMgZGVsZXRlQ2xpY2s6IEV2ZW50RW1pdHRlcjxDb250YWN0T3B0aW9uPiA9IG5ldyBFdmVudEVtaXR0ZXI8Q29udGFjdE9wdGlvbj4oKTtcclxuXHJcbiAgQEhvc3RCaW5kaW5nKCdjbGFzcy5jby1yZWxhdGlvbi1jb250YWN0LW9wdGlvbicpXHJcbiAgcHVibGljIHNob3dDbGFzczogYm9vbGVhbiA9IHRydWU7XHJcblxyXG4gIHB1YmxpYyBpY29uVHlwZTogSWNvbiA9IEljb24uRW1haWw7XHJcbiAgcHVibGljIGxhYmVsOiBzdHJpbmcgPSAnRU1BSUwnO1xyXG4gIHB1YmxpYyBpbnB1dDogSW5wdXRUZXh0Q29tcG9uZW50O1xyXG4gIHB1YmxpYyBzaG91bGRGb2N1czogYm9vbGVhbiA9IGZhbHNlO1xyXG5cclxuICBwcml2YXRlIF9tb2RlbDogQ29udGFjdE9wdGlvbjtcclxuICBwcml2YXRlIF90eXBlOiBDb21tdW5pY2F0aW9uVHlwZSA9IENvbW11bmljYXRpb25UeXBlLkVtYWlsO1xyXG5cclxuICBjb25zdHJ1Y3RvcihcclxuICAgIHB1YmxpYyBpY29uQ2FjaGVTZXJ2aWNlOiBJY29uQ2FjaGVTZXJ2aWNlLFxyXG4gICAgcHJpdmF0ZSBfcmVsYXRpb25TZXJ2aWNlOiBSZWxhdGlvblNlcnZpY2VcclxuICApIHtcclxuICB9XHJcblxyXG4gIG5nT25Jbml0KCkge1xyXG4gICAgaWYgKHRoaXMudHlwZSAmJiAhdGhpcy5tb2RlbCkge1xyXG4gICAgICBjb25zdCBuZXdPcHRpb246IENvbnRhY3RPcHRpb24gPSBuZXcgQ29udGFjdE9wdGlvbigpO1xyXG4gICAgICBuZXdPcHRpb24udHlwZSA9IHRoaXMudHlwZTtcclxuICAgICAgdGhpcy5tb2RlbCA9IG5ld09wdGlvbjtcclxuICAgICAgdGhpcy5zaG91bGRGb2N1cyA9IHRydWU7XHJcbiAgICB9XHJcbiAgfVxyXG5cclxuICBwdWJsaWMgYXN5bmMgaGFuZGxlQ29tbWl0KHZhbHVlOiBzdHJpbmcpOiBQcm9taXNlPGJvb2xlYW4+IHtcclxuICAgIHRoaXMubW9kZWwudmFsdWUgPSB2YWx1ZTtcclxuICAgIHRoaXMuc2F2ZUNsaWNrLm5leHQodGhpcy5tb2RlbCk7XHJcbiAgICByZXR1cm4gdHJ1ZTtcclxuICB9XHJcblxyXG4gIHByaXZhdGUgX3ByZXBhcmVUeXBlKHR5cGU6IENvbW11bmljYXRpb25UeXBlKTogdm9pZCB7XHJcbiAgICBpZiAodHlwZSkge1xyXG4gICAgICB0aGlzLmljb25UeXBlID0gdGhpcy5fcmVsYXRpb25TZXJ2aWNlLmNvbW11bmljYXRpb25UeXBlSWNvbi5nZXQodHlwZSk7XHJcbiAgICAgIHRoaXMubGFiZWwgPSB0aGlzLl9yZWxhdGlvblNlcnZpY2UuY29tbXVuaWNhdGlvblR5cGVMYWJlbC5nZXQodHlwZSk7XHJcbiAgICB9XHJcbiAgfVxyXG59XHJcbiJdfQ==

package/esm2015/lib/component/relation-contact-options/relation-contact-options-other-types-popup.component.js

@@ -0,0 +1,44 @@
+import { Component, EventEmitter, HostBinding, Input, Output } from '@angular/core';
+import { CommunicationType } from '@colijnit/relationapi/build/enum/communication-type.enum';
+import { Icon } from '../../enum/icon.enum';
+import { RelationService } from '../../service/relation.service';
+import { IconCacheService } from '../../service/icon-cache.service';
+export class RelationContactOptionsOtherTypesPopupComponent {
+    constructor(iconCacheService, _relationService) {
+        this.iconCacheService = iconCacheService;
+        this._relationService = _relationService;
+        this.icons = Icon;
+        this.typeClick = new EventEmitter();
+        this.clickedOutside = new EventEmitter();
+        this.showClass = true;
+        this.types = [];
+    }
+    ngOnInit() {
+        this.types.length = 0;
+        this.types.push({ type: CommunicationType.Email, icon: this._relationService.communicationTypeIcon.get(CommunicationType.Email), label: this._relationService.communicationTypeLabel.get(CommunicationType.Email) }, { type: CommunicationType.Telephone, icon: this._relationService.communicationTypeIcon.get(CommunicationType.Telephone), label: this._relationService.communicationTypeLabel.get(CommunicationType.Telephone) }, { type: CommunicationType.Mobile, icon: this._relationService.communicationTypeIcon.get(CommunicationType.Mobile), label: this._relationService.communicationTypeLabel.get(CommunicationType.Mobile) }, { type: CommunicationType.Website, icon: this._relationService.communicationTypeIcon.get(CommunicationType.Website), label: this._relationService.communicationTypeLabel.get(CommunicationType.Website) }, { type: CommunicationType.Fax, icon: this._relationService.communicationTypeIcon.get(CommunicationType.Fax), label: this._relationService.communicationTypeLabel.get(CommunicationType.Fax) });
+    }
+}
+RelationContactOptionsOtherTypesPopupComponent.decorators = [
+    { type: Component, args: [{
+                selector: 'co-relation-contact-options-other-types-popup',
+                template: `
+      <div class="relation-contact-options-other-types-popup-content" [overlay]="parentForOverlay" [rightAlign]="true" [keepInView]="true">
+        <div class="other-types-wrapper" *ngFor="let type of types" (click)="typeClick.emit(type.type)" [clickOutside]="true" (clickOutside)="clickedOutside.emit()">
+            <co-icon [iconData]="iconCacheService.getIcon(type.icon)"></co-icon>
+            <div class="other-type-label" [textContent]="type.label | reLocalize"></div>
+        </div>
+      </div>
+  `
+            },] }
+];
+RelationContactOptionsOtherTypesPopupComponent.ctorParameters = () => [
+    { type: IconCacheService },
+    { type: RelationService }
+];
+RelationContactOptionsOtherTypesPopupComponent.propDecorators = {
+    parentForOverlay: [{ type: Input }],
+    typeClick: [{ type: Output }],
+    clickedOutside: [{ type: Output }],
+    showClass: [{ type: HostBinding, args: ['class.co-relation-contact-options-other-types-popup',] }]
+};
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicmVsYXRpb24tY29udGFjdC1vcHRpb25zLW90aGVyLXR5cGVzLXBvcHVwLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL3JlbGF0aW9uL3NyYy9saWIvY29tcG9uZW50L3JlbGF0aW9uLWNvbnRhY3Qtb3B0aW9ucy9yZWxhdGlvbi1jb250YWN0LW9wdGlvbnMtb3RoZXItdHlwZXMtcG9wdXAuY29tcG9uZW50LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBQyxTQUFTLEVBQWMsWUFBWSxFQUFFLFdBQVcsRUFBRSxLQUFLLEVBQVUsTUFBTSxFQUFDLE1BQU0sZUFBZSxDQUFDO0FBQ3RHLE9BQU8sRUFBQyxpQkFBaUIsRUFBQyxNQUFNLDBEQUEwRCxDQUFDO0FBQzNGLE9BQU8sRUFBQyxJQUFJLEVBQUMsTUFBTSxzQkFBc0IsQ0FBQztBQUMxQyxPQUFPLEVBQUMsZUFBZSxFQUFDLE1BQU0sZ0NBQWdDLENBQUM7QUFDL0QsT0FBTyxFQUFDLGdCQUFnQixFQUFDLE1BQU0sa0NBQWtDLENBQUM7QUFtQmxFLE1BQU0sT0FBTyw4Q0FBOEM7SUFpQnpELFlBQ1MsZ0JBQWtDLEVBQ2pDLGdCQUFpQztRQURsQyxxQkFBZ0IsR0FBaEIsZ0JBQWdCLENBQWtCO1FBQ2pDLHFCQUFnQixHQUFoQixnQkFBZ0IsQ0FBaUI7UUFsQjNCLFVBQUssR0FBZ0IsSUFBSSxDQUFDO1FBTW5DLGNBQVMsR0FBb0MsSUFBSSxZQUFZLEVBQXFCLENBQUM7UUFHbkYsbUJBQWMsR0FBdUIsSUFBSSxZQUFZLEVBQVEsQ0FBQztRQUc5RCxjQUFTLEdBQVksSUFBSSxDQUFDO1FBRTFCLFVBQUssR0FBZ0IsRUFBRSxDQUFDO0lBTS9CLENBQUM7SUFFRCxRQUFRO1FBQ04sSUFBSSxDQUFDLEtBQUssQ0FBQyxNQUFNLEdBQUcsQ0FBQyxDQUFDO1FBQ3RCLElBQUksQ0FBQyxLQUFLLENBQUMsSUFBSSxDQUNiLEVBQUUsSUFBSSxFQUFFLGlCQUFpQixDQUFDLEtBQUssRUFBRSxJQUFJLEVBQUUsSUFBSSxDQUFDLGdCQUFnQixDQUFDLHFCQUFxQixDQUFDLEdBQUcsQ0FBQyxpQkFBaUIsQ0FBQyxLQUFLLENBQUMsRUFBRSxLQUFLLEVBQUUsSUFBSSxDQUFDLGdCQUFnQixDQUFDLHNCQUFzQixDQUFDLEdBQUcsQ0FBQyxpQkFBaUIsQ0FBQyxLQUFLLENBQUMsRUFBRSxFQUNuTSxFQUFFLElBQUksRUFBRSxpQkFBaUIsQ0FBQyxTQUFTLEVBQUUsSUFBSSxFQUFFLElBQUksQ0FBQyxnQkFBZ0IsQ0FBQyxxQkFBcUIsQ0FBQyxHQUFHLENBQUMsaUJBQWlCLENBQUMsU0FBUyxDQUFDLEVBQUUsS0FBSyxFQUFFLElBQUksQ0FBQyxnQkFBZ0IsQ0FBQyxzQkFBc0IsQ0FBQyxHQUFHLENBQUMsaUJBQWlCLENBQUMsU0FBUyxDQUFDLEVBQUUsRUFDL00sRUFBRSxJQUFJLEVBQUUsaUJBQWlCLENBQUMsTUFBTSxFQUFFLElBQUksRUFBRSxJQUFJLENBQUMsZ0JBQWdCLENBQUMscUJBQXFCLENBQUMsR0FBRyxDQUFDLGlCQUFpQixDQUFDLE1BQU0sQ0FBQyxFQUFFLEtBQUssRUFBRSxJQUFJLENBQUMsZ0JBQWdCLENBQUMsc0JBQXNCLENBQUMsR0FBRyxDQUFDLGlCQUFpQixDQUFDLE1BQU0sQ0FBQyxFQUFFLEVBQ3RNLEVBQUUsSUFBSSxFQUFFLGlCQUFpQixDQUFDLE9BQU8sRUFBRSxJQUFJLEVBQUUsSUFBSSxDQUFDLGdCQUFnQixDQUFDLHFCQUFxQixDQUFDLEdBQUcsQ0FBQyxpQkFBaUIsQ0FBQyxPQUFPLENBQUMsRUFBRSxLQUFLLEVBQUUsSUFBSSxDQUFDLGdCQUFnQixDQUFDLHNCQUFzQixDQUFDLEdBQUcsQ0FBQyxpQkFBaUIsQ0FBQyxPQUFPLENBQUMsRUFBRSxFQUN6TSxFQUFFLElBQUksRUFBRSxpQkFBaUIsQ0FBQyxHQUFHLEVBQUUsSUFBSSxFQUFFLElBQUksQ0FBQyxnQkFBZ0IsQ0FBQyxxQkFBcUIsQ0FBQyxHQUFHLENBQUMsaUJBQWlCLENBQUMsR0FBRyxDQUFDLEVBQUUsS0FBSyxFQUFFLElBQUksQ0FBQyxnQkFBZ0IsQ0FBQyxzQkFBc0IsQ0FBQyxHQUFHLENBQUMsaUJBQWlCLENBQUMsR0FBRyxDQUFDLEVBQUUsQ0FDOUwsQ0FBQTtJQUNILENBQUM7OztZQTNDRixTQUFTLFNBQUM7Z0JBQ1QsUUFBUSxFQUFFLCtDQUErQztnQkFDekQsUUFBUSxFQUFFOzs7Ozs7O0dBT1Q7YUFDRjs7O1lBbEJPLGdCQUFnQjtZQURoQixlQUFlOzs7K0JBdUJwQixLQUFLO3dCQUdMLE1BQU07NkJBR04sTUFBTTt3QkFHTixXQUFXLFNBQUMscURBQXFEIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHtDb21wb25lbnQsIEVsZW1lbnRSZWYsIEV2ZW50RW1pdHRlciwgSG9zdEJpbmRpbmcsIElucHV0LCBPbkluaXQsIE91dHB1dH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XHJcbmltcG9ydCB7Q29tbXVuaWNhdGlvblR5cGV9IGZyb20gJ0Bjb2xpam5pdC9yZWxhdGlvbmFwaS9idWlsZC9lbnVtL2NvbW11bmljYXRpb24tdHlwZS5lbnVtJztcclxuaW1wb3J0IHtJY29ufSBmcm9tICcuLi8uLi9lbnVtL2ljb24uZW51bSc7XHJcbmltcG9ydCB7UmVsYXRpb25TZXJ2aWNlfSBmcm9tICcuLi8uLi9zZXJ2aWNlL3JlbGF0aW9uLnNlcnZpY2UnO1xyXG5pbXBvcnQge0ljb25DYWNoZVNlcnZpY2V9IGZyb20gJy4uLy4uL3NlcnZpY2UvaWNvbi1jYWNoZS5zZXJ2aWNlJztcclxuXHJcbmV4cG9ydCBpbnRlcmZhY2Ugb3RoZXJUeXBlIHtcclxuICB0eXBlOiBDb21tdW5pY2F0aW9uVHlwZSxcclxuICBpY29uOiBJY29uO1xyXG4gIGxhYmVsOiBzdHJpbmc7XHJcbn1cclxuXHJcbkBDb21wb25lbnQoe1xyXG4gIHNlbGVjdG9yOiAnY28tcmVsYXRpb24tY29udGFjdC1vcHRpb25zLW90aGVyLXR5cGVzLXBvcHVwJyxcclxuICB0ZW1wbGF0ZTogYFxyXG4gICAgICA8ZGl2IGNsYXNzPVwicmVsYXRpb24tY29udGFjdC1vcHRpb25zLW90aGVyLXR5cGVzLXBvcHVwLWNvbnRlbnRcIiBbb3ZlcmxheV09XCJwYXJlbnRGb3JPdmVybGF5XCIgW3JpZ2h0QWxpZ25dPVwidHJ1ZVwiIFtrZWVwSW5WaWV3XT1cInRydWVcIj5cclxuICAgICAgICA8ZGl2IGNsYXNzPVwib3RoZXItdHlwZXMtd3JhcHBlclwiICpuZ0Zvcj1cImxldCB0eXBlIG9mIHR5cGVzXCIgKGNsaWNrKT1cInR5cGVDbGljay5lbWl0KHR5cGUudHlwZSlcIiBbY2xpY2tPdXRzaWRlXT1cInRydWVcIiAoY2xpY2tPdXRzaWRlKT1cImNsaWNrZWRPdXRzaWRlLmVtaXQoKVwiPlxyXG4gICAgICAgICAgICA8Y28taWNvbiBbaWNvbkRhdGFdPVwiaWNvbkNhY2hlU2VydmljZS5nZXRJY29uKHR5cGUuaWNvbilcIj48L2NvLWljb24+XHJcbiAgICAgICAgICAgIDxkaXYgY2xhc3M9XCJvdGhlci10eXBlLWxhYmVsXCIgW3RleHRDb250ZW50XT1cInR5cGUubGFiZWwgfCByZUxvY2FsaXplXCI+PC9kaXY+XHJcbiAgICAgICAgPC9kaXY+XHJcbiAgICAgIDwvZGl2PlxyXG4gIGBcclxufSlcclxuZXhwb3J0IGNsYXNzIFJlbGF0aW9uQ29udGFjdE9wdGlvbnNPdGhlclR5cGVzUG9wdXBDb21wb25lbnQgaW1wbGVtZW50cyBPbkluaXQge1xyXG4gIHB1YmxpYyByZWFkb25seSBpY29uczogdHlwZW9mIEljb24gPSBJY29uO1xyXG5cclxuICBASW5wdXQoKVxyXG4gIHB1YmxpYyBwYXJlbnRGb3JPdmVybGF5OiBFbGVtZW50UmVmO1xyXG5cclxuICBAT3V0cHV0KClcclxuICBwdWJsaWMgdHlwZUNsaWNrOiBFdmVudEVtaXR0ZXI8Q29tbXVuaWNhdGlvblR5cGU+ID0gbmV3IEV2ZW50RW1pdHRlcjxDb21tdW5pY2F0aW9uVHlwZT4oKTtcclxuXHJcbiAgQE91dHB1dCgpXHJcbiAgcHVibGljIGNsaWNrZWRPdXRzaWRlOiBFdmVudEVtaXR0ZXI8dm9pZD4gPSBuZXcgRXZlbnRFbWl0dGVyPHZvaWQ+KCk7XHJcblxyXG4gIEBIb3N0QmluZGluZygnY2xhc3MuY28tcmVsYXRpb24tY29udGFjdC1vcHRpb25zLW90aGVyLXR5cGVzLXBvcHVwJylcclxuICBwdWJsaWMgc2hvd0NsYXNzOiBib29sZWFuID0gdHJ1ZTtcclxuXHJcbiAgcHVibGljIHR5cGVzOiBvdGhlclR5cGVbXSA9IFtdO1xyXG5cclxuICBjb25zdHJ1Y3RvcihcclxuICAgIHB1YmxpYyBpY29uQ2FjaGVTZXJ2aWNlOiBJY29uQ2FjaGVTZXJ2aWNlLFxyXG4gICAgcHJpdmF0ZSBfcmVsYXRpb25TZXJ2aWNlOiBSZWxhdGlvblNlcnZpY2VcclxuICApIHtcclxuICB9XHJcblxyXG4gIG5nT25Jbml0KCkge1xyXG4gICAgdGhpcy50eXBlcy5sZW5ndGggPSAwO1xyXG4gICAgdGhpcy50eXBlcy5wdXNoKFxyXG4gICAgICB7IHR5cGU6IENvbW11bmljYXRpb25UeXBlLkVtYWlsLCBpY29uOiB0aGlzLl9yZWxhdGlvblNlcnZpY2UuY29tbXVuaWNhdGlvblR5cGVJY29uLmdldChDb21tdW5pY2F0aW9uVHlwZS5FbWFpbCksIGxhYmVsOiB0aGlzLl9yZWxhdGlvblNlcnZpY2UuY29tbXVuaWNhdGlvblR5cGVMYWJlbC5nZXQoQ29tbXVuaWNhdGlvblR5cGUuRW1haWwpIH0sXHJcbiAgICAgIHsgdHlwZTogQ29tbXVuaWNhdGlvblR5cGUuVGVsZXBob25lLCBpY29uOiB0aGlzLl9yZWxhdGlvblNlcnZpY2UuY29tbXVuaWNhdGlvblR5cGVJY29uLmdldChDb21tdW5pY2F0aW9uVHlwZS5UZWxlcGhvbmUpLCBsYWJlbDogdGhpcy5fcmVsYXRpb25TZXJ2aWNlLmNvbW11bmljYXRpb25UeXBlTGFiZWwuZ2V0KENvbW11bmljYXRpb25UeXBlLlRlbGVwaG9uZSkgfSxcclxuICAgICAgeyB0eXBlOiBDb21tdW5pY2F0aW9uVHlwZS5Nb2JpbGUsIGljb246IHRoaXMuX3JlbGF0aW9uU2VydmljZS5jb21tdW5pY2F0aW9uVHlwZUljb24uZ2V0KENvbW11bmljYXRpb25UeXBlLk1vYmlsZSksIGxhYmVsOiB0aGlzLl9yZWxhdGlvblNlcnZpY2UuY29tbXVuaWNhdGlvblR5cGVMYWJlbC5nZXQoQ29tbXVuaWNhdGlvblR5cGUuTW9iaWxlKSB9LFxyXG4gICAgICB7IHR5cGU6IENvbW11bmljYXRpb25UeXBlLldlYnNpdGUsIGljb246IHRoaXMuX3JlbGF0aW9uU2VydmljZS5jb21tdW5pY2F0aW9uVHlwZUljb24uZ2V0KENvbW11bmljYXRpb25UeXBlLldlYnNpdGUpLCBsYWJlbDogdGhpcy5fcmVsYXRpb25TZXJ2aWNlLmNvbW11bmljYXRpb25UeXBlTGFiZWwuZ2V0KENvbW11bmljYXRpb25UeXBlLldlYnNpdGUpIH0sXHJcbiAgICAgIHsgdHlwZTogQ29tbXVuaWNhdGlvblR5cGUuRmF4LCBpY29uOiB0aGlzLl9yZWxhdGlvblNlcnZpY2UuY29tbXVuaWNhdGlvblR5cGVJY29uLmdldChDb21tdW5pY2F0aW9uVHlwZS5GYXgpLCBsYWJlbDogdGhpcy5fcmVsYXRpb25TZXJ2aWNlLmNvbW11bmljYXRpb25UeXBlTGFiZWwuZ2V0KENvbW11bmljYXRpb25UeXBlLkZheCkgfVxyXG4gICAgKVxyXG4gIH1cclxufVxyXG4iXX0=