@colijnit/relation 12.1.1 → 12.1.2

package/README.md

@@ -1,24 +1,24 @@
-# Relation
-
-This library was generated with [Angular CLI](https://github.com/angular/angular-cli) version 12.2.0.
-
-## Code scaffolding
-
-Run `ng generate component component-name --project corecomponents` to generate a new component. You can also use `ng generate directive|pipe|service|class|guard|interface|enum|module --project corecomponents`.
-> Note: Don't forget to add `--project corecomponents` or else it will be added to the default project in your `angular.json` file. 
-
-## Build
-
-Run `ng build relation` to build the project. The build artifacts will be stored in the `dist/` directory.
-
-## Publishing
-
-After building your library with `ng build relation`, go to the dist folder `cd dist/corecomponents` and run `npm publish`.
-
-## Running unit tests
-
-Run `ng test relation` to execute the unit tests via [Karma](https://karma-runner.github.io).
-
-## Further help
-
-To get more help on the Angular CLI use `ng help` or go check out the [Angular CLI Overview and Command Reference](https://angular.io/cli) page.
+# Relation
+
+This library was generated with [Angular CLI](https://github.com/angular/angular-cli) version 12.2.0.
+
+## Code scaffolding
+
+Run `ng generate component component-name --project corecomponents` to generate a new component. You can also use `ng generate directive|pipe|service|class|guard|interface|enum|module --project corecomponents`.
+> Note: Don't forget to add `--project corecomponents` or else it will be added to the default project in your `angular.json` file. 
+
+## Build
+
+Run `ng build relation` to build the project. The build artifacts will be stored in the `dist/` directory.
+
+## Publishing
+
+After building your library with `ng build relation`, go to the dist folder `cd dist/corecomponents` and run `npm publish`.
+
+## Running unit tests
+
+Run `ng test relation` to execute the unit tests via [Karma](https://karma-runner.github.io).
+
+## Further help
+
+To get more help on the Angular CLI use `ng help` or go check out the [Angular CLI Overview and Command Reference](https://angular.io/cli) page.

package/bundles/colijnit-relation.umd.js

@@ -31,8 +31,8 @@
         function Version() {
             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.2";
+            this.publishDate = "4-3-2024 17:56:10";
         }
         return Version;
     }());
@@ -2139,6 +2139,7 @@
                 return this._relation;
             },
             set: function (value) {
+                this._relation = value;
                 this.relationService.currentRelation = value;
             },
             enumerable: false,
@@ -3751,6 +3752,7 @@
             _this.relationEventService = relationEventService;
             _this._overlayService = _overlayService;
             _this._changeDetector = _changeDetector;
+            _this.deleteClick = new i0.EventEmitter();
             _this.commType = communicationType_enum.CommunicationType;
             _this.generalContactOptionsCfgNames = {
                 contactOptionValue: RelmanCfgName.ContactOptionValue,
@@ -3843,12 +3845,24 @@
             this.showNewOther = false;
             this.showNewPhone = false;
         };
+        RelationContactOptionsComponent.prototype.hideNewEmail = function () {
+            if (this.showNewEmail) {
+                this.showNewEmail = false;
+                this._resetNew();
+            }
+        };
+        RelationContactOptionsComponent.prototype.hideNewPhone = function () {
+            if (this.showNewPhone) {
+                this.showNewPhone = false;
+                this._resetNew();
+            }
+        };
         return RelationContactOptionsComponent;
     }(RelationScreenConfigBaseComponent));
     RelationContactOptionsComponent.decorators = [
         { type: i0.Component, args: [{
                     selector: 'co-relation-contact-options',
-                    template: "\n      <div class=\"relation-contact-options-type-label-wrapper\">\n          <div class=\"relation-contact-options-type-label\" [textContent]=\"'EMAIL' | reLocalize\"></div>\n          <co-icon [iconData]=\"iconCacheService.getIcon(icons.PlusSimple)\" class=\"relation-contact-options-plus-icon\"\n                   (click)=\"showNewEmail = true\"></co-icon>\n      </div>\n      <co-relation-contact-option class=\"new-contact-option\" *ngIf=\"showNewEmail\" [type]=\"commType.Email\"\n                                  (saveClick)=\"addContactOption($event)\"></co-relation-contact-option>\n      <co-relation-contact-option-list [dragDropDisabled]=\"showNewEmail\" [collection]=\"emailContactOptions\" (deleteClick)=\"handleDeleteOption($event)\"></co-relation-contact-option-list>\n      <div class=\"relation-contact-options-type-label-wrapper\">\n          <div class=\"relation-contact-options-type-label\" [textContent]=\"'PHONE' | reLocalize\"></div>\n          <co-icon [iconData]=\"iconCacheService.getIcon(icons.PlusSimple)\" class=\"relation-contact-options-plus-icon\"\n                   (click)=\"showNewPhone = true\"></co-icon>\n      </div>\n      <co-relation-contact-option class=\"new-contact-option\" *ngIf=\"showNewPhone\" [type]=\"commType.Telephone\"\n                                  (saveClick)=\"addContactOption($event)\"></co-relation-contact-option>\n      <co-relation-contact-option-list [dragDropDisabled]=\"showNewPhone\" [collection]=\"phoneContactOptions\" (deleteClick)=\"handleDeleteOption($event)\"></co-relation-contact-option-list>\n      <div class=\"relation-contact-options-type-label-wrapper\">\n          <div class=\"relation-contact-options-type-label\" [textContent]=\"'OTHER' | reLocalize\"></div>\n          <co-icon #overlayParent [iconData]=\"iconCacheService.getIcon(icons.PlusSimple)\" class=\"relation-contact-options-plus-icon\"\n                   (click)=\"showNewOtherPopup()\"></co-icon>\n      </div>\n      <co-relation-contact-option class=\"new-contact-option\" *ngIf=\"showNewOther\" [type]=\"newOtherType\"\n                                  (saveClick)=\"addContactOption($event)\"></co-relation-contact-option>\n      <co-relation-contact-option-list [dragDropDisabled]=\"showNewOther\" [collection]=\"otherContactOptions\" (deleteClick)=\"handleDeleteOption($event)\"></co-relation-contact-option-list>\n  ",
+                    template: "\n    <div class=\"relation-contact-email\">\n      <co-relation-contact-option-list [dragDropDisabled]=\"showNewEmail\" [collection]=\"emailContactOptions\" (deleteClick)=\"handleDeleteOption($event)\"></co-relation-contact-option-list>\n      <co-relation-contact-option class=\"new-contact-option\" *ngIf=\"showNewEmail\" [type]=\"commType.Email\"\n                                    (saveClick)=\"addContactOption($event)\" (deleteClick)=\"hideNewEmail()\"></co-relation-contact-option>\n      <div class=\"relation-contact-options-type-label-wrapper\">\n        <co-button [label]=\"'EMAIL' | reLocalize\" [iconData]=\"iconCacheService.getIcon(icons.PlusSimple)\" class=\"relation-contact-options-type-label\"\n                 (click)=\"showNewEmail = true\"></co-button>\n      </div>\n    </div>\n    <div class=\"relation-contact-phone\">\n      <co-relation-contact-option-list [dragDropDisabled]=\"showNewPhone\" [collection]=\"phoneContactOptions\" (deleteClick)=\"handleDeleteOption($event)\"></co-relation-contact-option-list>\n      <co-relation-contact-option class=\"new-contact-option\" *ngIf=\"showNewPhone\" [type]=\"commType.Telephone\"\n                                  (saveClick)=\"addContactOption($event)\" (deleteClick)=\"hideNewPhone()\"></co-relation-contact-option>\n      <div class=\"relation-contact-options-type-label-wrapper\">\n        <co-button [label]=\"'PHONE' | reLocalize\" [iconData]=\"iconCacheService.getIcon(icons.PlusSimple)\" class=\"relation-contact-options-type-label\"\n                 (click)=\"showNewPhone = true\"></co-button>\n      </div>\n    </div>\n    <!--div class=\"relation-contact-options-type-label-wrapper\">\n        <div class=\"relation-contact-options-type-label\" [textContent]=\"'OTHER' | reLocalize\"></div>\n        <co-icon #overlayParent [iconData]=\"iconCacheService.getIcon(icons.PlusSimple)\" class=\"relation-contact-options-plus-icon\"\n                 (click)=\"showNewOtherPopup()\"></co-icon>\n    </div>\n    <co-relation-contact-option class=\"new-contact-option\" *ngIf=\"showNewOther\" [type]=\"newOtherType\"\n                                (saveClick)=\"addContactOption($event)\"></co-relation-contact-option>\n    <co-relation-contact-option-list [dragDropDisabled]=\"showNewOther\" [collection]=\"otherContactOptions\" (deleteClick)=\"handleDeleteOption($event)\"></co-relation-contact-option-list-->\n",
                     providers: [
                         i1.OverlayService
                     ],
@@ -3864,6 +3878,7 @@
         { type: i0.ChangeDetectorRef }
     ]; };
     RelationContactOptionsComponent.propDecorators = {
+        deleteClick: [{ type: i0.Output }],
         overlayParent: [{ type: i0.ViewChild, args: ['overlayParent', { read: i0.ElementRef },] }],
         showClass: [{ type: i0.HostBinding, args: ['class.co-relation-contact-options',] }],
         handleKeyDown: [{ type: i0.HostListener, args: ['document:keydown', ['$event'],] }],
@@ -3953,7 +3968,7 @@
     RelationContactOptionComponent.decorators = [
         { type: i0.Component, args: [{
                     selector: 'co-relation-contact-option',
-                    template: "\n      <div class=\"relation-contact-option-sequence\" *ngIf=\"model.sequence !== null && model.sequence !== undefined\"\n           [textContent]=\"model.sequence\"></div>\n      <co-input-text #input\n                     [placeholder]=\"label | reLocalize\"\n                     [model]=\"model.value\"\n                     [leftIconData]=\"iconCacheService.getIcon(iconType)\"\n                     [showSaveCancel]=\"true\"\n      ></co-input-text>\n      <co-icon [iconData]=\"iconCacheService.getIcon(icons.TrashBin)\" (click)=\"deleteClick.emit(model)\"></co-icon>\n  ",
+                    template: "\n      <div class=\"relation-contact-option-sequence\" *ngIf=\"model.sequence !== null && model.sequence !== undefined\"\n           [textContent]=\"model.sequence\"></div>\n      <co-input-text #input\n                     [placeholder]=\"label | reLocalize\"\n                     [model]=\"model.value\"\n                     [leftIconData]=\"iconCacheService.getIcon(iconType)\"\n                     [showSaveCancel]=\"true\"\n      ></co-input-text>\n      <co-icon [iconData]=\"iconCacheService.getIcon(icons.TrashBin)\" (click)=\"deleteClick.emit(model)\" class=\"relation-contact-delete\"></co-icon>\n  ",
                     encapsulation: i0.ViewEncapsulation.None
                 },] }
     ];
@@ -4073,7 +4088,8 @@
                         i1.IconModule,
                         i1.ClickoutsideModule,
                         i1.OverlayModule,
-                        dragDrop.DragDropModule
+                        dragDrop.DragDropModule,
+                        i1.ButtonModule
                     ],
                     declarations: [
                         RelationContactOptionsComponent,