@colijnit/relation 12.1.3 → 12.1.5

package/lib/component/relation-address-tile/style/_theme.scss

@@ -1,19 +1,19 @@
-@include export-module('co-relation-address-tile-theme') {
-  .co-relation-address-tile {
-    .relation-address-create, .relation-address-change {
-      .relation-address-icon {
-        [fill] {
-          fill: $re-co-relation-address-tile-selected-border-color;
-        }
-      }
-      color: $re-co-relation-address-tile-selected-border-color;
-    }
-    .relation-address-edit {
-      .relation-address-edit-icon {
-        [fill] {
-          fill: $re-co-relation-address-tile-edit-icon-color;
-        }
-      }
-    }
-  }
-}
+@include export-module('co-relation-address-tile-theme') {
+  .co-relation-address-tile {
+    .relation-address-create, .relation-address-change {
+      .relation-address-icon {
+        [fill] {
+          fill: $re-co-relation-address-tile-selected-border-color;
+        }
+      }
+      color: $re-co-relation-address-tile-selected-border-color;
+    }
+    .relation-address-edit {
+      .relation-address-edit-icon {
+        [fill] {
+          fill: $re-co-relation-address-tile-edit-icon-color;
+        }
+      }
+    }
+  }
+}

package/lib/component/relation-address-tile/style/material.scss

@@ -1,4 +1,4 @@
-@import "../../../style/mixin";
-@import "./_material-definition";
-@import "./_layout";
-@import "./_theme";
+@import "../../../style/mixin";
+@import "./_material-definition";
+@import "./_layout";
+@import "./_theme";

package/lib/component/relation-addresses/relation-addresses.component.d.ts

@@ -1,31 +1,31 @@
-import { Address } from '@colijnit/relationapi/build/model/address.bo';
-import { AddressType } from '@colijnit/relationapi/build/enum/address-type.enum';
-import { RelationScreenConfigBaseComponent } from '../base/relation-screen-config-base.component';
-import { FormMasterService } from '@colijnit/corecomponents_v12';
-import { RelationService } from '../../service/relation.service';
-import { IconCacheService } from '../../service/icon-cache.service';
-import { RelationConnectorService } from '../../service/relation-connector.service';
-import { RelationEventService } from '../../service/relation-event.service';
-export declare class RelationAddressesComponent extends RelationScreenConfigBaseComponent {
-    relationService: RelationService;
-    iconCacheService: IconCacheService;
-    protected relationConnectorService: RelationConnectorService;
-    protected relationEventService: RelationEventService;
-    private _formMasterService;
-    readonly addressType: typeof AddressType;
-    showClass(): boolean;
-    deliveryAddresses: Address[];
-    invoiceAddresses: Address[];
-    addressToEdit: Address;
-    selectedNawNr: number;
-    showEditAddressDialog: boolean;
-    private _boFactory;
-    constructor(relationService: RelationService, iconCacheService: IconCacheService, relationConnectorService: RelationConnectorService, relationEventService: RelationEventService, _formMasterService: FormMasterService);
-    submitForm(): void;
-    saveAddress(address: Address): Promise<void>;
-    changeAddress(address: Address): void;
-    showNewAddressDialog(type: AddressType): void;
-    editAddress(addr: Address): void;
-    protected relationSet(): void;
-    private _setAddresses;
-}
+import { Address } from '@colijnit/relationapi/build/model/address.bo';
+import { AddressType } from '@colijnit/relationapi/build/enum/address-type.enum';
+import { RelationScreenConfigBaseComponent } from '../base/relation-screen-config-base.component';
+import { FormMasterService } from '@colijnit/corecomponents_v12';
+import { RelationService } from '../../service/relation.service';
+import { IconCacheService } from '../../service/icon-cache.service';
+import { RelationConnectorService } from '../../service/relation-connector.service';
+import { RelationEventService } from '../../service/relation-event.service';
+export declare class RelationAddressesComponent extends RelationScreenConfigBaseComponent {
+    relationService: RelationService;
+    iconCacheService: IconCacheService;
+    protected relationConnectorService: RelationConnectorService;
+    protected relationEventService: RelationEventService;
+    private _formMasterService;
+    readonly addressType: typeof AddressType;
+    showClass(): boolean;
+    deliveryAddresses: Address[];
+    invoiceAddresses: Address[];
+    addressToEdit: Address;
+    selectedNawNr: number;
+    showEditAddressDialog: boolean;
+    private _boFactory;
+    constructor(relationService: RelationService, iconCacheService: IconCacheService, relationConnectorService: RelationConnectorService, relationEventService: RelationEventService, _formMasterService: FormMasterService);
+    submitForm(): void;
+    saveAddress(address: Address): Promise<void>;
+    changeAddress(address: Address): void;
+    showNewAddressDialog(type: AddressType): void;
+    editAddress(addr: Address): void;
+    protected relationSet(): void;
+    private _setAddresses;
+}

package/lib/component/relation-addresses/relation-addresses.module.d.ts

@@ -1,2 +1,2 @@
-export declare class RelationAddressesModule {
-}
+export declare class RelationAddressesModule {
+}

package/lib/component/relation-addresses/style/_layout.scss

@@ -1,26 +1,26 @@
-@include export-module('co-relation-addresses-layout') {
-  .co-relation-addresses {
-    font-family: $re-co-relation-addresses-font-family;
-    font-size: $re-co-relation-addresses-font-size;
-
-    .co-dialog:not(.is-mobile) .co-dialog-wrapper {
-      //height: $tp-dialog-catalog-min-height;
-      width: $re-co-relation-addresses-dialog-min-width;
-      max-width: 100vw;
-    }
-    .relation-addresses-label {
-      font-size: $re-co-relation-addresses-label-font-size;
-      margin: $re-co-relation-addresses-label-margin;
-    }
-    .relation-address-new {
-      display: flex;
-      align-items: center;
-      cursor: pointer;
-      margin: $re-co-relation-addresses-new-address-margin;
-      .co-icon {
-        height: $re-co-relation-addresses-new-address-icon-size;
-        width: $re-co-relation-addresses-new-address-icon-size;
-      }
-    }
-  }
-}
+@include export-module('co-relation-addresses-layout') {
+  .co-relation-addresses {
+    font-family: $re-co-relation-addresses-font-family;
+    font-size: $re-co-relation-addresses-font-size;
+
+    .co-dialog:not(.is-mobile) .co-dialog-wrapper {
+      //height: $tp-dialog-catalog-min-height;
+      width: $re-co-relation-addresses-dialog-min-width;
+      max-width: 100vw;
+    }
+    .relation-addresses-label {
+      font-size: $re-co-relation-addresses-label-font-size;
+      margin: $re-co-relation-addresses-label-margin;
+    }
+    .relation-address-new {
+      display: flex;
+      align-items: center;
+      cursor: pointer;
+      margin: $re-co-relation-addresses-new-address-margin;
+      .co-icon {
+        height: $re-co-relation-addresses-new-address-icon-size;
+        width: $re-co-relation-addresses-new-address-icon-size;
+      }
+    }
+  }
+}

package/lib/component/relation-addresses/style/_material-definition.scss

@@ -1,12 +1,12 @@
-$re-co-relation-addresses-font-family: $re-font-family !default;
-$re-co-relation-addresses-font-size: $re-font-size !default;
-$re-co-relation-addresses-font-color: $re-color-font !default;
-$re-co-relation-addresses-dialog-min-width: 400px !default;
-$re-co-relation-addresses-new-address-icon-size: 15px !default;
-$re-co-relation-addresses-new-address-margin: 5px 0 !default;
-$re-co-relation-addresses-new-address-color: $re-color-action !default;
-$re-co-relation-addresses-new-address-icon-color: $re-color-action !default;
-
-$re-co-relation-addresses-label-font-size: $re-font-size !default;
-$re-co-relation-addresses-label-color: $re-color-font !default;
-$re-co-relation-addresses-label-margin: 10px 0 !default;
+$re-co-relation-addresses-font-family: $re-font-family !default;
+$re-co-relation-addresses-font-size: $re-font-size !default;
+$re-co-relation-addresses-font-color: $re-color-font !default;
+$re-co-relation-addresses-dialog-min-width: 400px !default;
+$re-co-relation-addresses-new-address-icon-size: 15px !default;
+$re-co-relation-addresses-new-address-margin: 5px 0 !default;
+$re-co-relation-addresses-new-address-color: $re-color-action !default;
+$re-co-relation-addresses-new-address-icon-color: $re-color-action !default;
+
+$re-co-relation-addresses-label-font-size: $re-font-size !default;
+$re-co-relation-addresses-label-color: $re-color-font !default;
+$re-co-relation-addresses-label-margin: 10px 0 !default;

package/lib/component/relation-addresses/style/_theme.scss

@@ -1,20 +1,20 @@
-@include export-module('co-relation-addresses-theme') {
-  .co-relation-addresses {
-    color: $re-co-relation-addresses-font-color;
-
-    .relation-address-label {
-      color: $re-co-relation-addresses-label-color;
-    }
-    .relation-address-new {
-      color: $re-co-relation-addresses-new-address-color;
-      .co-icon {
-        svg {
-          fill: $re-co-relation-addresses-new-address-icon-color;
-        }
-        [fill] {
-          fill: $re-co-relation-addresses-new-address-icon-color;
-        }
-      }
-    }
-  }
-}
+@include export-module('co-relation-addresses-theme') {
+  .co-relation-addresses {
+    color: $re-co-relation-addresses-font-color;
+
+    .relation-address-label {
+      color: $re-co-relation-addresses-label-color;
+    }
+    .relation-address-new {
+      color: $re-co-relation-addresses-new-address-color;
+      .co-icon {
+        svg {
+          fill: $re-co-relation-addresses-new-address-icon-color;
+        }
+        [fill] {
+          fill: $re-co-relation-addresses-new-address-icon-color;
+        }
+      }
+    }
+  }
+}

package/lib/component/relation-addresses/style/material.scss

@@ -1,4 +1,4 @@
-@import "../../../style/mixin";
-@import "./_material-definition";
-@import "./_layout";
-@import "./_theme";
+@import "../../../style/mixin";
+@import "./_material-definition";
+@import "./_layout";
+@import "./_theme";

package/lib/component/relation-avatar/relation-avatar.component.d.ts

@@ -1,47 +1,47 @@
-import { ChangeDetectorRef, ElementRef, OnDestroy, OnInit } from '@angular/core';
-import { CoDocument } from '@colijnit/mainapi/build/model/co-document';
-import { RelationConnectorService } from '../../service/relation-connector.service';
-import { ColorSequenceService, CoreDialogService } from '@colijnit/corecomponents_v12';
-import { RelationAnyType } from '@colijnit/relationapi/build/model/relation-any-type';
-import { IconCacheService } from '../../service/icon-cache.service';
-import { Icon } from '../../enum/icon.enum';
-export declare class RelationAvatarComponent implements OnInit, OnDestroy {
-    iconCacheService: IconCacheService;
-    private _relationConnectorService;
-    private _colorSequenceService;
-    private _changeDetector;
-    private _dialogService;
-    readonly icons: typeof Icon;
-    input: ElementRef;
-    set image(value: CoDocument);
-    get image(): CoDocument;
-    set relationId(value: number);
-    get relationId(): number;
-    set relation(value: RelationAnyType);
-    get relation(): RelationAnyType;
-    canChangeAvatar: boolean;
-    maxUploadSizeInMb: number;
-    maxAvatarSize: number;
-    showClass(): boolean;
-    imageSrc: string;
-    backgroundColor: string;
-    onClick(): void;
-    set initials(value: string);
-    get initials(): string;
-    private _initials;
-    private _relationId;
-    private _relation;
-    private _image;
-    constructor(iconCacheService: IconCacheService, _relationConnectorService: RelationConnectorService, _colorSequenceService: ColorSequenceService, _changeDetector: ChangeDetectorRef, _dialogService: CoreDialogService);
-    ngOnInit(): void;
-    ngOnDestroy(): void;
-    uploadTheAvatar(): void;
-    onFileChangeEvent(event: any): void;
-    private _setFileAsAvatarToCurrentRelation;
-    private setDocProperties;
-    private _setImageForAvatar;
-    private _setImageFromRelation;
-    private _setRelationInitials;
-    private _getImageContent;
-    private _setBackgroundColor;
-}
+import { ChangeDetectorRef, ElementRef, OnDestroy, OnInit } from '@angular/core';
+import { CoDocument } from '@colijnit/mainapi/build/model/co-document';
+import { RelationConnectorService } from '../../service/relation-connector.service';
+import { ColorSequenceService, CoreDialogService } from '@colijnit/corecomponents_v12';
+import { RelationAnyType } from '@colijnit/relationapi/build/model/relation-any-type';
+import { IconCacheService } from '../../service/icon-cache.service';
+import { Icon } from '../../enum/icon.enum';
+export declare class RelationAvatarComponent implements OnInit, OnDestroy {
+    iconCacheService: IconCacheService;
+    private _relationConnectorService;
+    private _colorSequenceService;
+    private _changeDetector;
+    private _dialogService;
+    readonly icons: typeof Icon;
+    input: ElementRef;
+    set image(value: CoDocument);
+    get image(): CoDocument;
+    set relationId(value: number);
+    get relationId(): number;
+    set relation(value: RelationAnyType);
+    get relation(): RelationAnyType;
+    canChangeAvatar: boolean;
+    maxUploadSizeInMb: number;
+    maxAvatarSize: number;
+    showClass(): boolean;
+    imageSrc: string;
+    backgroundColor: string;
+    onClick(): void;
+    set initials(value: string);
+    get initials(): string;
+    private _initials;
+    private _relationId;
+    private _relation;
+    private _image;
+    constructor(iconCacheService: IconCacheService, _relationConnectorService: RelationConnectorService, _colorSequenceService: ColorSequenceService, _changeDetector: ChangeDetectorRef, _dialogService: CoreDialogService);
+    ngOnInit(): void;
+    ngOnDestroy(): void;
+    uploadTheAvatar(): void;
+    onFileChangeEvent(event: any): void;
+    private _setFileAsAvatarToCurrentRelation;
+    private setDocProperties;
+    private _setImageForAvatar;
+    private _setImageFromRelation;
+    private _setRelationInitials;
+    private _getImageContent;
+    private _setBackgroundColor;
+}

package/lib/component/relation-avatar/relation-avatar.module.d.ts

@@ -1,2 +1,2 @@
-export declare class RelationAvatarModule {
-}
+export declare class RelationAvatarModule {
+}

package/lib/component/relation-avatar/style/_layout.scss

@@ -1,44 +1,44 @@
-@include export-module('co-relation-avatar-layout') {
-  .co-relation-avatar {
-    font-family: $re-co-relation-avatar-font-family;
-    position: relative;
-    display: block;
-    border-radius: 50%;
-    height: $re-co-relation-avatar-size;
-    width: auto;
-    aspect-ratio: 1;
-    vertical-align: middle;
-    text-align: center;
-    overflow: hidden;
-    flex-shrink: 0;
-    input {
-      display: none;
-    }
-    .co-image img {
-      height: 100%;
-      width: auto;
-      background-size: cover;
-    }
-    .relation-avatar-pencil-wrapper {
-      position: absolute;
-      z-index: 1;
-      transform: translate(-50%, -50%);
-      top: 50%;
-      left: 50%;
-      border-radius: 50%;
-      opacity: 0;
-      transition: all .2s ease-in-out;
-      height: $re-co-relation-avatar-edit-pencil-size;
-      width: auto;
-      aspect-ratio: 1;
-      .pencil-icon {
-        cursor: pointer;
-        height: 100%;
-        width: 100%;
-      }
-      &:hover {
-        opacity: 1;
-      }
-    }
-  }
-}
+@include export-module('co-relation-avatar-layout') {
+  .co-relation-avatar {
+    font-family: $re-co-relation-avatar-font-family;
+    position: relative;
+    display: block;
+    border-radius: 50%;
+    height: $re-co-relation-avatar-size;
+    width: auto;
+    aspect-ratio: 1;
+    vertical-align: middle;
+    text-align: center;
+    overflow: hidden;
+    flex-shrink: 0;
+    input {
+      display: none;
+    }
+    .co-image img {
+      height: 100%;
+      width: auto;
+      background-size: cover;
+    }
+    .relation-avatar-pencil-wrapper {
+      position: absolute;
+      z-index: 1;
+      transform: translate(-50%, -50%);
+      top: 50%;
+      left: 50%;
+      border-radius: 50%;
+      opacity: 0;
+      transition: all .2s ease-in-out;
+      height: $re-co-relation-avatar-edit-pencil-size;
+      width: auto;
+      aspect-ratio: 1;
+      .pencil-icon {
+        cursor: pointer;
+        height: 100%;
+        width: 100%;
+      }
+      &:hover {
+        opacity: 1;
+      }
+    }
+  }
+}

package/lib/component/relation-avatar/style/_material-definition.scss

@@ -1,4 +1,4 @@
-$re-co-relation-avatar-font-family: $re-font-family !default;
-$re-co-relation-avatar-size: 80px !default;
-$re-co-relation-avatar-edit-pencil-size: 60% !default;
-$re-co-relation-avatar-edit-pencil-hover-color: rgba(black, 0.5) !default;
+$re-co-relation-avatar-font-family: $re-font-family !default;
+$re-co-relation-avatar-size: 80px !default;
+$re-co-relation-avatar-edit-pencil-size: 60% !default;
+$re-co-relation-avatar-edit-pencil-hover-color: rgba(black, 0.5) !default;

package/lib/component/relation-avatar/style/_theme.scss

@@ -1,9 +1,9 @@
-@include export-module('co-relation-avatar-theme') {
-  .co-relation-avatar {
-    .relation-avatar-pencil-wrapper {
-      &:hover {
-        background-color: $re-co-relation-avatar-edit-pencil-hover-color;
-      }
-    }
-  }
-}
+@include export-module('co-relation-avatar-theme') {
+  .co-relation-avatar {
+    .relation-avatar-pencil-wrapper {
+      &:hover {
+        background-color: $re-co-relation-avatar-edit-pencil-hover-color;
+      }
+    }
+  }
+}

package/lib/component/relation-avatar/style/material.scss

@@ -1,4 +1,4 @@
-@import "../../../style/mixin";
-@import "./_material-definition";
-@import "./_layout";
-@import "./_theme";
+@import "../../../style/mixin";
+@import "./_material-definition";
+@import "./_layout";
+@import "./_theme";

package/lib/component/relation-contact-options/relation-contact-option-list.component.d.ts

@@ -1,22 +1,22 @@
-import { EventEmitter } from '@angular/core';
-import { ContactOption } from '@colijnit/relationapi/build/model/contact-option.bo';
-import { CommunicationType } from '@colijnit/relationapi/build/enum/communication-type.enum';
-import { CdkDrag, CdkDragDrop, CdkDropList } from '@angular/cdk/drag-drop';
-export declare class RelationContactOptionListComponent {
-    dragDropDisabled: boolean;
-    type: CommunicationType;
-    collection: ContactOption[];
-    deleteClick: EventEmitter<ContactOption>;
-    showClass: boolean;
-    dragStartDelay: number;
-    private _mouseDownTimeout;
-    handleCanDragDrop: (drag: CdkDrag, drop: CdkDropList) => boolean;
-    handleDrop(event: CdkDragDrop<ContactOption[]>): Promise<void>;
-    /**
-     * Hack to make sure that dragged item has the right css when not moving the mouse
-     * @param event
-     */
-    handleOptionMouseDown(event: MouseEvent): void;
-    handleOptionMouseUp(event: MouseEvent): void;
-    private _reArrangeSequences;
-}
+import { EventEmitter } from '@angular/core';
+import { ContactOption } from '@colijnit/relationapi/build/model/contact-option.bo';
+import { CommunicationType } from '@colijnit/relationapi/build/enum/communication-type.enum';
+import { CdkDrag, CdkDragDrop, CdkDropList } from '@angular/cdk/drag-drop';
+export declare class RelationContactOptionListComponent {
+    dragDropDisabled: boolean;
+    type: CommunicationType;
+    collection: ContactOption[];
+    deleteClick: EventEmitter<ContactOption>;
+    showClass: boolean;
+    dragStartDelay: number;
+    private _mouseDownTimeout;
+    handleCanDragDrop: (drag: CdkDrag, drop: CdkDropList) => boolean;
+    handleDrop(event: CdkDragDrop<ContactOption[]>): Promise<void>;
+    /**
+     * Hack to make sure that dragged item has the right css when not moving the mouse
+     * @param event
+     */
+    handleOptionMouseDown(event: MouseEvent): void;
+    handleOptionMouseUp(event: MouseEvent): void;
+    private _reArrangeSequences;
+}

package/lib/component/relation-contact-options/relation-contact-option.component.d.ts

@@ -1,30 +1,30 @@
-import { EventEmitter, OnInit } 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 declare class RelationContactOptionComponent implements OnInit {
-    iconCacheService: IconCacheService;
-    private _relationService;
-    readonly icons: typeof Icon;
-    set child(content: any);
-    set model(value: ContactOption);
-    get model(): ContactOption;
-    set type(value: CommunicationType);
-    get type(): CommunicationType;
-    saveClick: EventEmitter<ContactOption>;
-    deleteClick: EventEmitter<ContactOption>;
-    showClass: boolean;
-    iconType: Icon;
-    label: string;
-    input: InputTextComponent;
-    shouldFocus: boolean;
-    private _model;
-    private _type;
-    constructor(iconCacheService: IconCacheService, _relationService: RelationService);
-    ngOnInit(): void;
-    handleCommit(value: string): Promise<boolean>;
-    private _prepareType;
-}
+import { EventEmitter, OnInit } 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 declare class RelationContactOptionComponent implements OnInit {
+    iconCacheService: IconCacheService;
+    private _relationService;
+    readonly icons: typeof Icon;
+    set child(content: any);
+    set model(value: ContactOption);
+    get model(): ContactOption;
+    set type(value: CommunicationType);
+    get type(): CommunicationType;
+    saveClick: EventEmitter<ContactOption>;
+    deleteClick: EventEmitter<ContactOption>;
+    showClass: boolean;
+    iconType: Icon;
+    label: string;
+    input: InputTextComponent;
+    shouldFocus: boolean;
+    private _model;
+    private _type;
+    constructor(iconCacheService: IconCacheService, _relationService: RelationService);
+    ngOnInit(): void;
+    handleCommit(value: string): Promise<boolean>;
+    private _prepareType;
+}

package/lib/component/relation-contact-options/relation-contact-options-other-types-popup.component.d.ts

@@ -1,22 +1,22 @@
-import { ElementRef, EventEmitter, OnInit } 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 interface otherType {
-    type: CommunicationType;
-    icon: Icon;
-    label: string;
-}
-export declare class RelationContactOptionsOtherTypesPopupComponent implements OnInit {
-    iconCacheService: IconCacheService;
-    private _relationService;
-    readonly icons: typeof Icon;
-    parentForOverlay: ElementRef;
-    typeClick: EventEmitter<CommunicationType>;
-    clickedOutside: EventEmitter<void>;
-    showClass: boolean;
-    types: otherType[];
-    constructor(iconCacheService: IconCacheService, _relationService: RelationService);
-    ngOnInit(): void;
-}
+import { ElementRef, EventEmitter, OnInit } 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 interface otherType {
+    type: CommunicationType;
+    icon: Icon;
+    label: string;
+}
+export declare class RelationContactOptionsOtherTypesPopupComponent implements OnInit {
+    iconCacheService: IconCacheService;
+    private _relationService;
+    readonly icons: typeof Icon;
+    parentForOverlay: ElementRef;
+    typeClick: EventEmitter<CommunicationType>;
+    clickedOutside: EventEmitter<void>;
+    showClass: boolean;
+    types: otherType[];
+    constructor(iconCacheService: IconCacheService, _relationService: RelationService);
+    ngOnInit(): void;
+}