@colijnit/relation 12.1.1 → 12.1.3

package/fesm2015/colijnit-relation.js

@@ -1,7 +1,7 @@
 import * as i0 from '@angular/core';
 import { Injectable, Component, ViewEncapsulation, Input, HostBinding, EventEmitter, Directive, Output, Pipe, NgModule, ChangeDetectorRef, ViewChild, ElementRef, HostListener, ChangeDetectionStrategy } from '@angular/core';
 import * as i1 from '@colijnit/corecomponents_v12';
-import { CoreDialogService, BaseModuleScreenConfigService, BaseModuleService, CoreComponentsTranslationService, InputTextModule, ScreenConfigurationModule, InputRadioButtonModule, ListOfValuesModule, InputCheckboxModule, OverlayService, InputTextComponent, IconModule, ClickoutsideModule, OverlayModule, ColorSequenceService, ImageModule, FormMasterService, TileModule, TileSelectModule, CarouselModule, CoDialogModule, FormModule, ButtonModule, CoreDialogModule, LoaderModule, CoreComponentsTranslationModule } from '@colijnit/corecomponents_v12';
+import { CoreDialogService, BaseModuleScreenConfigService, BaseModuleService, CoreComponentsTranslationService, InputTextModule, ScreenConfigurationModule, InputRadioButtonModule, ListOfValuesModule, InputCheckboxModule, OverlayService, InputTextComponent, IconModule, ClickoutsideModule, OverlayModule, ButtonModule, ColorSequenceService, ImageModule, FormMasterService, TileModule, TileSelectModule, CarouselModule, CoDialogModule, FormModule, CoreDialogModule, LoaderModule, CoreComponentsTranslationModule } from '@colijnit/corecomponents_v12';
 import { BehaviorSubject } from 'rxjs';
 import { __awaiter } from 'tslib';
 import { StringUtils } from '@colijnit/ioneconnector/build/utils/string-utils';
@@ -47,8 +47,8 @@ class Version {
     constructor() {
         this.name = "@colijnit/relation";
         this.description = "Colijn IT relation package";
-        this.symVer = "12.1.1";
-        this.publishDate = "20-2-2024 16:04:35";
+        this.symVer = "12.1.3";
+        this.publishDate = "3/6/2024, 9:43:49 AM";
     }
 }
 
@@ -1326,6 +1326,7 @@ class RelationBaseComponent {
         this._relation = new CustomerFullObject();
     }
     set relation(value) {
+        this._relation = value;
         this.relationService.currentRelation = value;
     }
     get relation() {
@@ -2919,6 +2920,7 @@ class RelationContactOptionsComponent extends RelationScreenConfigBaseComponent
         this.relationEventService = relationEventService;
         this._overlayService = _overlayService;
         this._changeDetector = _changeDetector;
+        this.deleteClick = new EventEmitter();
         this.commType = CommunicationType;
         this.generalContactOptionsCfgNames = {
             contactOptionValue: RelmanCfgName.ContactOptionValue,
@@ -3000,36 +3002,50 @@ class RelationContactOptionsComponent extends RelationScreenConfigBaseComponent
         this.showNewOther = false;
         this.showNewPhone = false;
     }
+    hideNewEmail() {
+        if (this.showNewEmail) {
+            this.showNewEmail = false;
+            this._resetNew();
+        }
+    }
+    hideNewPhone() {
+        if (this.showNewPhone) {
+            this.showNewPhone = false;
+            this._resetNew();
+        }
+    }
 }
 RelationContactOptionsComponent.decorators = [
     { type: Component, args: [{
                 selector: 'co-relation-contact-options',
                 template: `
-      <div class="relation-contact-options-type-label-wrapper">
-          <div class="relation-contact-options-type-label" [textContent]="'EMAIL' | reLocalize"></div>
-          <co-icon [iconData]="iconCacheService.getIcon(icons.PlusSimple)" class="relation-contact-options-plus-icon"
-                   (click)="showNewEmail = true"></co-icon>
-      </div>
-      <co-relation-contact-option class="new-contact-option" *ngIf="showNewEmail" [type]="commType.Email"
-                                  (saveClick)="addContactOption($event)"></co-relation-contact-option>
+    <div class="relation-contact-email">
       <co-relation-contact-option-list [dragDropDisabled]="showNewEmail" [collection]="emailContactOptions" (deleteClick)="handleDeleteOption($event)"></co-relation-contact-option-list>
+      <co-relation-contact-option class="new-contact-option" *ngIf="showNewEmail" [type]="commType.Email"
+                                    (saveClick)="addContactOption($event)" (deleteClick)="hideNewEmail()"></co-relation-contact-option>
       <div class="relation-contact-options-type-label-wrapper">
-          <div class="relation-contact-options-type-label" [textContent]="'PHONE' | reLocalize"></div>
-          <co-icon [iconData]="iconCacheService.getIcon(icons.PlusSimple)" class="relation-contact-options-plus-icon"
-                   (click)="showNewPhone = true"></co-icon>
+        <co-button [label]="'EMAIL' | reLocalize" [iconData]="iconCacheService.getIcon(icons.PlusSimple)" class="relation-contact-options-type-label"
+                 (click)="showNewEmail = true"></co-button>
       </div>
-      <co-relation-contact-option class="new-contact-option" *ngIf="showNewPhone" [type]="commType.Telephone"
-                                  (saveClick)="addContactOption($event)"></co-relation-contact-option>
+    </div>
+    <div class="relation-contact-phone">
       <co-relation-contact-option-list [dragDropDisabled]="showNewPhone" [collection]="phoneContactOptions" (deleteClick)="handleDeleteOption($event)"></co-relation-contact-option-list>
+      <co-relation-contact-option class="new-contact-option" *ngIf="showNewPhone" [type]="commType.Telephone"
+                                  (saveClick)="addContactOption($event)" (deleteClick)="hideNewPhone()"></co-relation-contact-option>
       <div class="relation-contact-options-type-label-wrapper">
-          <div class="relation-contact-options-type-label" [textContent]="'OTHER' | reLocalize"></div>
-          <co-icon #overlayParent [iconData]="iconCacheService.getIcon(icons.PlusSimple)" class="relation-contact-options-plus-icon"
-                   (click)="showNewOtherPopup()"></co-icon>
+        <co-button [label]="'PHONE' | reLocalize" [iconData]="iconCacheService.getIcon(icons.PlusSimple)" class="relation-contact-options-type-label"
+                 (click)="showNewPhone = true"></co-button>
       </div>
-      <co-relation-contact-option class="new-contact-option" *ngIf="showNewOther" [type]="newOtherType"
-                                  (saveClick)="addContactOption($event)"></co-relation-contact-option>
-      <co-relation-contact-option-list [dragDropDisabled]="showNewOther" [collection]="otherContactOptions" (deleteClick)="handleDeleteOption($event)"></co-relation-contact-option-list>
-  `,
+    </div>
+    <!--div class="relation-contact-options-type-label-wrapper">
+        <div class="relation-contact-options-type-label" [textContent]="'OTHER' | reLocalize"></div>
+        <co-icon #overlayParent [iconData]="iconCacheService.getIcon(icons.PlusSimple)" class="relation-contact-options-plus-icon"
+                 (click)="showNewOtherPopup()"></co-icon>
+    </div>
+    <co-relation-contact-option class="new-contact-option" *ngIf="showNewOther" [type]="newOtherType"
+                                (saveClick)="addContactOption($event)"></co-relation-contact-option>
+    <co-relation-contact-option-list [dragDropDisabled]="showNewOther" [collection]="otherContactOptions" (deleteClick)="handleDeleteOption($event)"></co-relation-contact-option-list-->
+`,
                 providers: [
                     OverlayService
                 ],
@@ -3045,6 +3061,7 @@ RelationContactOptionsComponent.ctorParameters = () => [
     { type: ChangeDetectorRef }
 ];
 RelationContactOptionsComponent.propDecorators = {
+    deleteClick: [{ type: Output }],
     overlayParent: [{ type: ViewChild, args: ['overlayParent', { read: ElementRef },] }],
     showClass: [{ type: HostBinding, args: ['class.co-relation-contact-options',] }],
     handleKeyDown: [{ type: HostListener, args: ['document:keydown', ['$event'],] }],
@@ -3127,7 +3144,7 @@ RelationContactOptionComponent.decorators = [
                      [leftIconData]="iconCacheService.getIcon(iconType)"
                      [showSaveCancel]="true"
       ></co-input-text>
-      <co-icon [iconData]="iconCacheService.getIcon(icons.TrashBin)" (click)="deleteClick.emit(model)"></co-icon>
+      <co-icon [iconData]="iconCacheService.getIcon(icons.TrashBin)" (click)="deleteClick.emit(model)" class="relation-contact-delete"></co-icon>
   `,
                 encapsulation: ViewEncapsulation.None
             },] }
@@ -3253,7 +3270,8 @@ RelationContactOptionsModule.decorators = [
                     IconModule,
                     ClickoutsideModule,
                     OverlayModule,
-                    DragDropModule
+                    DragDropModule,
+                    ButtonModule
                 ],
                 declarations: [
                     RelationContactOptionsComponent,