@colijnit/relation 260.1.0 → 260.1.1

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

@@ -8,6 +8,7 @@ import { RelationConnectorService } from '../../service/relation-connector.servi
 import { Title } from "@colijnit/mainapi/build/model/title.bo";
 import { IconCacheService } from "../../service/icon-cache.service";
 import { Icon } from "../../enum/icon.enum";
+import { RelmanCfgName } from '../../enum/relman-cfg-name.enum';
 export declare class RelationComponent implements OnInit, OnDestroy {
     protected relationEventService: RelationEventService;
     private _translationService;
@@ -16,6 +17,7 @@ export declare class RelationComponent implements OnInit, OnDestroy {
     private _relationService;
     iconCacheService: IconCacheService;
     readonly icons: typeof Icon;
+    readonly relmanCfgNames: typeof RelmanCfgName;
     loadRelationFromLoginResponse: boolean;
     forceReadOnly: boolean;
     customerPortal: boolean;

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

@@ -18,5 +18,7 @@ export declare class RelationContactOptionListComponent {
      */
     handleOptionMouseDown(event: MouseEvent): void;
     handleOptionMouseUp(event: MouseEvent): void;
+    handleSequenceUp(option: ContactOption): void;
+    handleSequenceDown(option: ContactOption): void;
     private _reArrangeSequences;
 }

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

@@ -18,10 +18,13 @@ export declare class RelationContactOptionComponent implements OnInit {
     screenConfigObjectName: string;
     saveClick: EventEmitter<ContactOption>;
     deleteClick: EventEmitter<ContactOption>;
+    sequenceChangeUp: EventEmitter<ContactOption>;
+    sequenceChangeDown: EventEmitter<ContactOption>;
     showClass: boolean;
     iconType: Icon;
     label: string;
     input: InputTextComponent;
+    showSequenceArrows: boolean;
     private _model;
     private _type;
     constructor(iconCacheService: IconCacheService, _relationService: RelationService);

package/lib/component/relation-contact-options/style/_layout.scss

@@ -2,9 +2,16 @@
   .co-relation-contact-options {
     font-family: $re-co-relation-contact-options-font-family;
     font-size: $re-co-relation-contact-options-font-size;
+    display: flex;
+    flex-wrap: wrap;
+    gap: $re-co-relation-contact-options-gap;
     .relation-option-wrapper {
       margin: 0 0 10px 0;
+      width: calc(50% - 5px);
+      flex-direction: column-reverse;
+      display: flex;
     }
+
     .relation-contact-options-label {
       font-family: $re-co-relation-contact-options-label-font-family;
       font-size: $re-co-relation-contact-options-label-font-size;
@@ -15,97 +22,141 @@
       align-items: center;
       margin: $re-co-relation-contact-options-label-margin;
       gap: $re-co-relation-contact-options-label-gap;
+      width: 100%;
       .co-icon {
         cursor: pointer;
         height: $re-co-relation-contact-options-label-icon-size;
         width: $re-co-relation-contact-options-label-icon-size;
+
         svg {
           fill: #1A73E8;
         }
+
         svg [fill] {
           fill: #1A73E8;
         }
       }
+
       .relation-contact-options-type-label {
         font-size: 12px;
         color: #1A73E8;
         cursor: pointer;
       }
     }
+
     .contact-option-wrapper {
       display: flex;
-      flex-direction: row;
+      flex-direction: column;
       gap: $re-co-relation-contact-options-type-gap;
     }
+
     &.adding-email-option, .adding-phone-option, .adding-other-option {
       .co-relation-contact-option:not(.new-contact-option) {
         opacity: 0.5;
         pointer-events: none;
       }
     }
-  }
-  .co-relation-contact-option {
-    font-family: $re-co-relation-contact-options-font-family;
-    font-size: $re-co-relation-contact-options-font-size;
-    display: flex;
-    align-items: center;
-    gap: $re-co-relation-contact-option-gap;
-    position: relative;
-    width: 50%;
-    .co-input-text {
+    .co-relation-contact-option {
+      font-family: $re-co-relation-contact-options-font-family;
+      font-size: $re-co-relation-contact-options-font-size;
+      display: flex;
+      align-items: center;
+      gap: $re-co-relation-contact-option-gap;
+      position: relative;
       width: 100%;
-    }
-    .co-icon {
-      cursor: pointer;
-      height: $re-co-relation-contact-option-delete-icon-size;
-      width: $re-co-relation-contact-option-delete-icon-size;
-      &.relation-delete {
-        width: 10px;
-        height: 10px;
-        position: absolute;
-        top: 5px;
-        right: 5px;
-        display: none;
-        & svg {
-          fill: #000;
+
+      .co-input-text {
+        width: 100%;
+      }
+
+      .co-icon {
+        cursor: pointer;
+        height: $re-co-relation-contact-option-delete-icon-size;
+        width: $re-co-relation-contact-option-delete-icon-size;
+
+        &.relation-delete {
+          width: 10px;
+          height: 10px;
+          position: absolute;
+          top: 5px;
+          right: 5px;
+          display: none;
+
+          & svg {
+            fill: #000;
+          }
+
+          & svg [fill] {
+            fill: #000;
+          }
         }
-        & svg [fill] {
-          fill: #000;
+      }
+
+      &.new-contact-option {
+        margin: $re-co-relation-contact-options-type-new-option-margin;
+
+        &:hover {
+          .co-icon {
+            &.relation-delete {
+              display: none;
+            }
+          }
         }
       }
-    }
-    &.new-contact-option {
-      margin: $re-co-relation-contact-options-type-new-option-margin;
+
       &:hover {
         .co-icon {
           &.relation-delete {
-            display: none;
+            display: block;
           }
         }
       }
     }
-    &:hover {
-      .co-icon {
-        &.relation-delete {
-          display: block;
-        }
-      }
-    }
   }
+
   .relation-contact-option-sequence {
     border-radius: 50%;
     position: absolute;
-    z-index: 1;
-    top: 2px;
-    left: 2px;
-    height: 15px;
-    width: 15px;
-    font-size: 10px;
+    z-index: 2;
+    top: -4px;
+    left: -4px;
+    height: 13px;
+    width: 13px;
+    font-size: 9px;
+    font-family: 'Public Sans', $re-co-relation-contact-options-font-family;
     align-items: center;
     display: flex;
     justify-content: center;
   }
 
+  .arrows {
+    border-radius: 50%;
+    transition: all 0.15s;
+    position: absolute;
+    z-index: 2;
+    left: 50%;
+
+    &.up {
+      top: -25px;
+
+      svg {
+        transform: rotate(-90deg);
+      }
+    }
+
+    &.down {
+      bottom: -25px;
+
+      svg {
+        transform: rotate(90deg);
+      }
+    }
+
+    &:hover {
+      scale: 1.25;
+    }
+  }
+
   .draggable-contact-option.cdk-drag-preview, can-drag.cdk-drag-preview {
     box-sizing: border-box;
     border-radius: 4px;
@@ -141,17 +192,20 @@
     border-style: $re-co-relation-contact-options-type-popup-border-style;
     border-width: $re-co-relation-contact-options-type-popup-border-width;
     box-shadow: $re-co-relation-contact-options-type-popup-box-shadow;
+
     .other-types-wrapper {
       cursor: pointer;
       display: flex;
       align-items: center;
       gap: $re-co-relation-contact-options-type-popup-gap;
       padding: $re-co-relation-contact-options-type-popup-item-padding;
+
       .co-icon {
         height: $re-co-relation-contact-options-type-popup-icon-size;
         width: $re-co-relation-contact-options-type-popup-icon-size;
       }
     }
+
     .other-type-label {
 
     }

package/lib/component/relation-contact-options/style/_material-definition.scss

@@ -5,12 +5,13 @@ $re-co-relation-contact-options-font-color: $re-color-font !default;
 $re-co-relation-contact-options-label-font-family: $re-font-family !default;
 $re-co-relation-contact-options-label-font-size: $re-font-size !default;
 
+$re-co-relation-contact-options-gap: 10px !default;
 $re-co-relation-contact-options-label-margin: 0 !default;
 $re-co-relation-contact-options-label-gap: 0 !default;
 $re-co-relation-contact-options-label-icon-size: 20px !default;
 $re-co-relation-contact-options-label-icon-color: $re-color-action !default;
 $re-co-relation-contact-options-type-gap: 5px !default;
-$re-co-relation-contact-options-type-new-option-margin: 0 !default;
+$re-co-relation-contact-options-type-new-option-margin: 20px 0 0 0 !default;
 
 $re-co-relation-contact-options-sequence-background-color: #e85152 !default;
 $re-co-relation-contact-options-sequence-color: #f7fafa !default;

package/lib/component/relation-contact-options/style/_theme.scss

@@ -3,41 +3,62 @@
   }
   .co-relation-contact-option {
     color: $re-co-relation-contact-options-font-color;
+
     .co-icon {
       svg {
         fill: $re-co-relation-contact-options-label-icon-color;
       }
+
       [fill] {
         fill: $re-co-relation-contact-options-label-icon-color;
       }
     }
+
+    .arrows {
+      background-color: $re-co-relation-contact-options-sequence-background-color;
+
+      svg {
+        fill: $re-co-relation-contact-options-sequence-color;
+      }
+
+      [fill] {
+        fill: $re-co-relation-contact-options-sequence-color;
+      }
+    }
   }
   .relation-contact-option-sequence {
     background-color: $re-co-relation-contact-options-sequence-background-color;
     color: $re-co-relation-contact-options-sequence-color;
   }
+
   .relation-contact-options-other-types-popup-content {
     background-color: $re-co-relation-contact-options-type-popup-background-color;
     border-color: $re-co-relation-contact-options-type-popup-border-color;
     color: $re-co-relation-contact-options-type-popup-color;
+
     .other-types-wrapper {
       background-color: $re-co-relation-contact-options-type-popup-item-background-color;
       color: $re-co-relation-contact-options-type-popup-item-color;
+
       .co-icon {
         svg {
           fill: $re-co-relation-contact-options-type-popup-item-color;
         }
+
         [fill] {
           fill: $re-co-relation-contact-options-type-popup-item-color;
         }
       }
+
       &:hover {
         background-color: $re-co-relation-contact-options-type-popup-item-hover-background-color;
         color: $re-co-relation-contact-options-type-popup-item-hover-color;
+
         .co-icon {
           svg {
             fill: $re-co-relation-contact-options-type-popup-item-hover-color;
           }
+
           [fill] {
             fill: $re-co-relation-contact-options-type-popup-item-hover-color;
           }

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

@@ -0,0 +1,18 @@
+import { RelationAnyType } from "@colijnit/relationapi/build/model/relation-any-type";
+import { CoDocument } from "@colijnit/mainapi/build/model/co-document.bo";
+import { Icon } from "../../enum/icon.enum";
+import { IconCacheService } from "../../service/icon-cache.service";
+export declare class RelationDocumentsComponent {
+    iconCacheService: IconCacheService;
+    readonly icons: typeof Icon;
+    private _relation;
+    set relation(value: RelationAnyType);
+    get relation(): RelationAnyType;
+    get documentsCollection(): CoDocument[];
+    constructor(iconCacheService: IconCacheService);
+    showDocument(relDocument: CoDocument): void;
+    downloadDocument(relDocument: CoDocument, event: MouseEvent): Promise<void>;
+    getDocumentFileExtension(relDocument: CoDocument): string;
+    formatDate(date: string | Date): string;
+    private documentHasKlantportaalTag;
+}

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

@@ -0,0 +1,2 @@
+export declare class RelationDocumentsModule {
+}

package/lib/enum/icon.enum.d.ts

@@ -3,7 +3,9 @@ export declare enum Icon {
     ArrowPointRight = "arrow_point_right",
     CheckDuotone = "check_duotone",
     Crossskinny = "crossskinny",
+    DownloadRegular = "download_regular",
     Email = "email",
+    EyeRegular = "eye_regular",
     Mobile = "mobile",
     PencilRegular = "pencil_regular",
     PencilRoundOpen = "pencil_round_open",

package/lib/res/dictionary/dictionaries.d.ts

@@ -6869,6 +6869,7 @@ export declare class Dictionaries {
         PRIVATE_PERSON: string;
         PRIVATE_PHONE: string;
         PRIVATE_WEBSITE: string;
+        PRIVATE_KEY: string;
         PROBA_ADJ_4_RUBRIC: string;
         PROB_AN_11: string;
         "PROB_AN_4.1_FUNCTION_EMPLOYEE": string;
@@ -8822,7 +8823,9 @@ export declare class Dictionaries {
         ACCOUNT_ACTIVE2: string;
         ACCOUNT_AND_PRIVACY: string;
         ACCOUNT_BUSINESSES: string;
+        ACCOUNT_CONTRA: string;
         ACCOUNT_DETAILS: string;
+        ACCOUNT_DIFF: string;
         ACCOUNT_EXPLANATION: string;
         ACCOUNT_INACTIVE: string;
         ACCOUNT_INACTIVE_PW_NOT_SENT: string;
@@ -9052,6 +9055,7 @@ export declare class Dictionaries {
         ALREADY_SENT: string;
         ALREADY_TO_PICK: string;
         ALREADY_USED_ARTICLENR: string;
+        ALREADY_USED_BARCODE: string;
         ALSO_AS_USDZ: string;
         NO_USER: string;
         NO_VADAIN_ARTICLES: string;
@@ -9197,6 +9201,7 @@ export declare class Dictionaries {
         BANK_BOOK: string;
         BANK_RELATION: string;
         BANK_STATEMENT_APPLICABLE_FOR_PAYMENT: string;
+        BANK_STATEMENT_HOLDING_ACCOUNT: string;
         BANK_STATEMENT_LEDGER_ACCOUNT_TO_LINK: string;
         BANK_STATEMENT_LINK: string;
         BANK_STATEMENT_SEARCH_COLUMN: string;
@@ -9873,6 +9878,7 @@ export declare class Dictionaries {
         EXCLUDE_FROM_INVOICE_CHECK: string;
         EXCLUDE_INVOICE_CHECK: string;
         EXCLUDE_RETURNS: string;
+        EXCLUDE_BALANCE_CALCULATION: string;
         EXCLUSIONS: string;
         EXPORT_GRIDS: string;
         EXPORT_JOBS_NOT_STARTED: string;
@@ -10059,6 +10065,8 @@ export declare class Dictionaries {
         FIELD_NAME: string;
         FIELD_TYPE: string;
         FIFO: string;
+        FIRST_POSTING: string;
+        FIRST_SETTLEMENT_NR: string;
         COST_CENTER: string;
         COST_CENTER_EMPLOYMENT_CONTRACT: string;
         COST_CENTER_TYPE: string;
@@ -12993,6 +13001,7 @@ export declare class Dictionaries {
         RESERVATION_PURCHASEORDER: string;
         RESERVATION_STICKER: string;
         RESERVED: string;
+        RESERVED_ORDERED: string;
         RESERVE_STICKERS: string;
         RESET: string;
         RESET_FILTER: string;
@@ -13024,6 +13033,7 @@ export declare class Dictionaries {
         NETTO_PRICE: string;
         NET_LINE_TOTAL: string;
         NET_PURCHASE: string;
+        NETWORK_PRINTERS: string;
         NEVER: string;
         NEW: string;
         NEWS: string;
@@ -15185,6 +15195,7 @@ export declare class Dictionaries {
         PRIVATE_PERSON: string;
         PRIVATE_PHONE: string;
         PRIVATE_WEBSITE: string;
+        PRIVATE_KEY: string;
         PROBA_ADJ_2_RUBRIC: string;
         PROBA_ADJ_3_RUBRIC: string;
         PROBA_ADJ_4_RUBRIC: string;
@@ -22896,6 +22907,7 @@ export declare class Dictionaries {
         PRIVATE_PERSON: string;
         PRIVATE_PHONE: string;
         PRIVATE_WEBSITE: string;
+        PRIVATE_KEY: string;
         PROBA_ADJ_4_RUBRIC: string;
         PROB_AN_11: string;
         "PROB_AN_4.1_FUNCTION_EMPLOYEE": string;
@@ -24164,7 +24176,9 @@ export declare class Dictionaries {
         ACCOUNT_ACTIVE: string;
         ACCOUNT_AND_PRIVACY: string;
         ACCOUNT_BUSINESSES: string;
+        ACCOUNT_CONTRA: string;
         ACCOUNT_DETAILS: string;
+        ACCOUNT_DIFF: string;
         ACCOUNT_EXPLANATION: string;
         ACCOUNT_INACTIVE: string;
         ACCOUNT_INACTIVE_PW_NOT_SENT: string;
@@ -24581,9 +24595,12 @@ export declare class Dictionaries {
         ALLOW_OPEN_ABSENCEFILE: string;
         ALLOW_PART_DELIVERY: string;
         ALLOW_PONTO_CONNECTION: string;
+        ALLOW_REMARK_CREATE: string;
         ALLOW_ROTATION: string;
         ALLOW_SIDEBAR: string;
         ALLOW_STORAGE_DECOUPLING: string;
+        ALLOW_TASK_CREATE: string;
+        ALLOW_WORK_CREATE: string;
         ALL_ADDRESSES: string;
         ALL_AVAILABLE_STOCK_RESERVED_DO_YOU_WANT_TO_TRY_AGAIN_PLEASE_CONFIRM: string;
         ALL_CASH_DRAWERS: string;
@@ -24617,6 +24634,7 @@ export declare class Dictionaries {
         ALREADY_SENT: string;
         ALREADY_TO_PICK: string;
         ALREADY_USED_ARTICLENR: string;
+        ALREADY_USED_BARCODE: string;
         ALSO_COPY: string;
         ALTERNATIVES: string;
         ALTERNATIVE_INVOICE_ADDRESS: string;
@@ -24709,7 +24727,9 @@ export declare class Dictionaries {
         AMOUNT_TO_BE_ALLOCATED_SOURCE: string;
         AMOUNT_TO_BE_ORDERED: string;
         AMOUNT_TO_CONFIRM: string;
+        AMOUNT_TO_ORDER: string;
         AMOUNT_TO_PRINT: string;
+        AMOUNT_TO_RESERVE: string;
         AMOUNT_USED_COUPONS: string;
         AMOUT_TO_SETTLE_CANNOT_BE_GREATER_THAN_TOTAL_PAID_DOWN: string;
         ANALYSIS_ON: string;
@@ -24942,6 +24962,7 @@ export declare class Dictionaries {
         BANK_BOOK: string;
         BANK_RELATION: string;
         BANK_STATEMENT_APPLICABLE_FOR_PAYMENT: string;
+        BANK_STATEMENT_HOLDING_ACCOUNT: string;
         BANK_STATEMENT_LEDGER_ACCOUNT_TO_LINK: string;
         BANK_STATEMENT_LINK: string;
         BANK_STATEMENT_SEARCH_COLUMN: string;
@@ -26762,6 +26783,7 @@ export declare class Dictionaries {
         EXCLUDE_ALLOCATED_RETURNS: string;
         EXCLUDE_ALLREADY_CONFIRMED: string;
         EXCLUDE_ALREADY_ARRIVALDATE: string;
+        EXCLUDE_BALANCE_CALCULATION: string;
         EXCLUDE_FROM_HASH: string;
         EXCLUDE_FROM_INVOICE_CHECK: string;
         EXCLUDE_INVOICE_CHECK: string;
@@ -26886,6 +26908,8 @@ export declare class Dictionaries {
         FIELD_TYPE: string;
         FIFO: string;
         FIFOLIFO: string;
+        FIRST_POSTING: string;
+        FIRST_SETTLEMENT_NR: string;
         FILE2: string;
         FILE: string;
         FILENAME_CONTAINS_NO_EXTENSION: string;
@@ -27861,6 +27885,7 @@ export declare class Dictionaries {
         MAX_ORDER_AMOUNT: string;
         MAX_RESPONSE_TIME: string;
         MAX_RESPONSE_TIME_MINUTES: string;
+        MAX_SALES_DISCOUNT_PERC: string;
         MAX_SEARCH_RESULTS: string;
         MAX_STATE_DURATION: string;
         MAX_STOCK: string;
@@ -28148,6 +28173,7 @@ export declare class Dictionaries {
         MESSAGE_POS_GROUP_WAREHOUSE_EMPTY: string;
         MESSAGE_POS_GROUP_WAREWHOUSE_EMPTY: string;
         MESSAGE_POS_TRANS_NOT_SAVED: string;
+        MESSAGE_PRESET_NAME_EXISTS: string;
         MESSAGE_PRIMARY: string;
         MESSAGE_PROCEED_IN_TRANSACTION: string;
         MESSAGE_QUESTION_SEND_MESSAGES: string;
@@ -28278,6 +28304,7 @@ export declare class Dictionaries {
         MULTIPLE_CHOICE: string;
         MULTIPLE_CONDITIONS: string;
         MULTIPLE_INTERBRANCH_LINES_MESSAGE: string;
+        MULTIPLE_PDFS_MOVED_TO_DOWNLOAD_FOLDER: string;
         MULTIPLE_PURCHASEORDERS: string;
         MULTIPLE_RESERVATIONS: string;
         MULTIPLE_SESSIONS_ARE_NOT_ALLOWED: string;
@@ -28334,6 +28361,7 @@ export declare class Dictionaries {
         NETTO_PRICE: string;
         NET_LINE_TOTAL: string;
         NET_PURCHASE: string;
+        NETWORK_PRINTERS: string;
         NEVER: string;
         NEW: string;
         NEWS: string;
@@ -29482,6 +29510,7 @@ export declare class Dictionaries {
         PRIVATE_PERSON: string;
         PRIVATE_PHONE: string;
         PRIVATE_WEBSITE: string;
+        PRIVATE_KEY: string;
         PROBA_ADJ_2_RUBRIC: string;
         PROBA_ADJ_3_RUBRIC: string;
         PROBA_ADJ_4_RUBRIC: string;
@@ -29754,6 +29783,7 @@ export declare class Dictionaries {
         QUICK_OPTION_VALUE: string;
         QUOTATION: string;
         QUOTATIONS: string;
+        QUOTATION_CART_OVERVIEW: string;
         QUOTATION_COPIED: string;
         QUOTATION_DATE: string;
         QUOTATION_DATE_CUSTOMER: string;
@@ -30032,7 +30062,9 @@ export declare class Dictionaries {
         RESERVATION_ORDERING_STICKER: string;
         RESERVATION_PURCHASEORDER: string;
         RESERVATION_STICKER: string;
+        RESERVE: string;
         RESERVED: string;
+        RESERVED_ORDERED: string;
         RESET: string;
         RESET_CUSTOMER: string;
         RESET_FILTER: string;
@@ -30648,6 +30680,7 @@ export declare class Dictionaries {
         SHOPPING_CART: string;
         SHOPPING_CART_ADD: string;
         SHOPPING_CART_CHECKOUT: string;
+        SHOPPING_CART_CHECKOUT_QUOTATION: string;
         SHOPPING_CART_IN: string;
         SHOPPING_CART_OVERVIEW: string;
         SHOPPING_CART_RESUME: string;
@@ -30684,6 +30717,7 @@ export declare class Dictionaries {
         SHOW_CONTAINER_INFO: string;
         SHOW_CUSTOMIZED_ARTICLES: string;
         SHOW_DASHBOARDS: string;
+        SHOW_DELIVERY_CHECKOUT: string;
         SHOW_DETAILS: string;
         SHOW_FULLY_ACCEPTED: string;
         SHOW_FULL_CONFIGURATION: string;
@@ -30704,6 +30738,7 @@ export declare class Dictionaries {
         SHOW_OPTION_PRICES: string;
         SHOW_ORDERS_WITHOUT_LINES: string;
         SHOW_OUTSTANDING_ENTRIES: string;
+        SHOW_PAYMENT_CHECKOUT: string;
         SHOW_POPUP: string;
         SHOW_PRIVACY_PREFERENCES: string;
         SHOW_REGULAR_ARTICLES: string;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@colijnit/relation",
-  "version": "260.1.0",
+  "version": "260.1.1",
   "description": "Colijn IT relation module for Angular 12",
   "repository": "npm/npm",
   "author": "Colijn IT",