@colijnit/relation 256.1.1 → 257.1.0

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

@@ -5,17 +5,30 @@ import { RelationSettingsService } from '../../service/relation-settings.service
 import { RelationAnyType } from '@colijnit/relationapi/build/model/relation-any-type';
 import { RelationService } from '../../service/relation.service';
 import { RelationConnectorService } from '../../service/relation-connector.service';
+import { Title } from "@colijnit/mainapi/build/model/title.bo";
+import { IconCacheService } from "../../service/icon-cache.service";
+import { Icon } from "../../enum/icon.enum";
 export declare class RelationComponent implements OnInit, OnDestroy {
     protected relationEventService: RelationEventService;
     private _translationService;
     private _settingsService;
     private _relationConnectorService;
     private _relationService;
+    iconCacheService: IconCacheService;
+    readonly icons: typeof Icon;
     loadRelationFromLoginResponse: boolean;
+    forceReadOnly: boolean;
+    customerPortal: boolean;
     showClass(): boolean;
     relation: RelationAnyType;
+    relationTitle: string;
+    collection: Title[];
     private _subs;
-    constructor(relationEventService: RelationEventService, _translationService: CoreComponentsTranslationService, _settingsService: RelationSettingsService, _relationConnectorService: RelationConnectorService, _relationService: RelationService);
+    constructor(relationEventService: RelationEventService, _translationService: CoreComponentsTranslationService, _settingsService: RelationSettingsService, _relationConnectorService: RelationConnectorService, _relationService: RelationService, iconCacheService: IconCacheService);
     ngOnInit(): void;
     ngOnDestroy(): void;
+    handleSaveClick(): Promise<void>;
+    getTitleCollection(): Promise<void>;
+    getTitleForRelation(relation: RelationAnyType): string;
+    getGenderLabel(gender: string): string;
 }

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

@@ -27,20 +27,84 @@
         flex-basis: 100%;
       }
       .co-relation-prefix-name {
-        flex-basis: 20%;
+        flex-basis: 50%;
       }
     }
+    .relation-data-column {
+      display: flex;
+      flex-direction: column;
+      gap: 10px;
+    }
     .relation-data-field-default {
       flex-basis: 50%;
     }
     .relation-section-label {
-      font-family: $re-co-relation-section-label-font-family;
       font-size: $re-co-relation-section-label-font-size;
       margin: $re-co-relation-section-label-margin;
     }
+    .relation-section-sub-label {
+      font-size: 14px;
+      font-weight: 500;
+      margin-top: 15px;
+    }
     .relation-account-data {
       display: flex;
       justify-content: space-between;
     }
+    .relation-account-data-wrapper {
+      &.non-editable {
+        display: flex;
+        flex-direction: column;
+        gap: 15px;
+        min-width: 50%;
+        .relation-data-row {
+          gap: 30px;
+          .non-editable-column {
+            display: flex;
+            flex-direction: column;
+            gap: 5px;
+            .label {
+              font-size: 12px;
+              color: #8083A3;
+            }
+            .value {
+              font-size: 14px;
+              color: #000;
+            }
+          }
+        }
+      }
+    }
+    .save-editable-wrapper {
+      display: flex;
+      justify-content: center;
+      gap: 5px;
+      margin-top: 15px;
+      .save-button {
+        background-color: #F5F5FC;
+        .co-icon {
+          svg {
+            fill: #1a73e8;
+          }
+        }
+      }
+      .close-button {
+        background-color: #F5F5FC;
+        .co-icon {
+          svg {
+            fill: #898e9b;
+          }
+        }
+        .co-icon [fill] {
+          fill: #898e9b;
+        }
+      }
+    }
+    .switch-editable {
+      margin-top: 15px;
+      color: #1a73e8;
+      font-weight: 600;
+      cursor: pointer;
+    }
   }
 }

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

@@ -4,12 +4,12 @@ $re-co-relation-font-color: $re-color-font !default;
 $re-co-relation-section-background-color: $re-color-background !default;
 $re-co-relation-section-width: 800px !default;
 $re-co-relation-section-gap: 10px !default;
-$re-co-relation-section-padding: 20px !default;
+$re-co-relation-section-padding: 0 !default;
 $re-co-relation-section-margin: 0 0 20px 0 !default;
 
 $re-co-relation-section-fields-margin: 0 0 5px 0 !default;
 
 $re-co-relation-section-label-font-family: $re-font-family !default;
 $re-co-relation-section-label-font-size: 20px !default;
-$re-co-relation-section-label-font-color: $re-color-action !default;
+$re-co-relation-section-label-font-color: $re-color-font !default;
 $re-co-relation-section-label-margin: 10px 0 !default;

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

@@ -2,10 +2,10 @@ import { EventEmitter, OnInit } from '@angular/core';
 import { RelationAddressCfgNames } from '../../interface/relation-address-cfg-names.interface';
 import { Address } from '@colijnit/relationapi/build/model/address.bo';
 import { Country } from '@colijnit/ioneconnector/build/model/country.bo';
-import { DictionaryService } from '../../service/dictionary.service';
 import { FormMasterService } from '@colijnit/corecomponents_v12';
 import { RelationService } from '../../service/relation.service';
 import { RelationConnectorService } from '../../service/relation-connector.service';
+import { RelationDictionaryService } from '../../translation/relation-dictionary.service';
 export declare class RelationAddressComponent implements OnInit {
     private _dictionary;
     private _relationConnectorService;
@@ -23,7 +23,7 @@ export declare class RelationAddressComponent implements OnInit {
     private _prevPostalCodeForCheck;
     private _prevHouseNoForCheck;
     private _address;
-    constructor(_dictionary: DictionaryService, _relationConnectorService: RelationConnectorService, _formMasterService: FormMasterService, relationService: RelationService);
+    constructor(_dictionary: RelationDictionaryService, _relationConnectorService: RelationConnectorService, _formMasterService: FormMasterService, relationService: RelationService);
     ngOnInit(): Promise<void>;
     checkForPostalCodeCheckError(): Promise<void>;
     changeHouseNo(): void;

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

@@ -33,13 +33,45 @@
       position: absolute;
       top: 0;
       right: 0;
-      opacity: 0.5;
+      opacity: 0;
+      visibility: hidden;
+      transition: all .3s ease-in-out;
+      justify-content: center;
+      align-items: center;
+      display: flex;
+      width: 100%;
+      height: 100%;
+
       .relation-address-edit-icon {
         height: $re-co-relation-address-tile-edit-icon-width;
         width: $re-co-relation-address-tile-edit-icon-width;
+        padding: 9px;
+        background: #1A73E8;
+        border-radius: 5px;
+        cursor: pointer;
+        svg {
+          fill: #FFF;
+        }
       }
-      &:hover {
+    }
+    &:hover {
+      .relation-address-edit {
         opacity: 1;
+        visibility: visible;
+        transition: all .3s ease-in-out;
+      }
+    }
+    .co-tile-select {
+      .co-tile-wrapper {
+        height: 90px;
+        min-height: 90px;
+        width: 200px;
+        border-width: 1px;
+        border-radius: 0;
+        padding: 10px 15px;
+        .co-tile-content-wrapper {
+          justify-content: flex-start;
+        }
       }
     }
   }

package/lib/component/relation-address-tile/style/_material-definition.scss

@@ -15,4 +15,4 @@ $re-co-relation-address-tile-selected-background-color: $re-color-background-sel
 $re-co-relation-address-tile-selected-border-color: #0084de !default;
 $re-co-relation-address-tile-edit-background-color: $re-color-border !default;
 $re-co-relation-address-tile-edit-icon-color: $re-color-action !default;
-$re-co-relation-address-tile-edit-icon-width: 30px !default;
+$re-co-relation-address-tile-edit-icon-width: 36px !default;

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

@@ -11,6 +11,7 @@
     .relation-addresses-label {
       font-size: $re-co-relation-addresses-label-font-size;
       margin: $re-co-relation-addresses-label-margin;
+      font-weight: 500;
     }
     .relation-address-new {
       display: flex;
@@ -22,5 +23,11 @@
         width: $re-co-relation-addresses-new-address-icon-size;
       }
     }
+    .address-tile-wrapper {
+      display: flex;
+      align-items: center;
+      flex-wrap: wrap;
+      gap: 15px;
+    }
   }
 }

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

@@ -7,6 +7,6 @@ $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-font-size: 14px !default;
 $re-co-relation-addresses-label-color: $re-color-font !default;
 $re-co-relation-addresses-label-margin: 10px 0 !default;

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

@@ -5,6 +5,7 @@ export declare enum Icon {
     Crossskinny = "crossskinny",
     Email = "email",
     Mobile = "mobile",
+    PencilRegular = "pencil_regular",
     PencilRoundOpen = "pencil_round_open",
     Phone = "phone",
     PlusSimple = "plus_simple",

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

@@ -1818,6 +1818,7 @@ export declare class Dictionaries {
         CATALOG_EDITION: string;
         CATALOG_FILE_NAME: string;
         CATALOG_MANAGEMENT: string;
+        CATALOG_TYPES: string;
         CATEGORIES: string;
         CATEGORY: string;
         CATEGORY_NR: string;
@@ -1953,6 +1954,7 @@ export declare class Dictionaries {
         COLOR: string;
         COLORS: string;
         COLORS_SELECTED: string;
+        COLOUR: string;
         COLOR_DESC: string;
         COLUMN: string;
         COLUMNS: string;
@@ -2008,6 +2010,7 @@ export declare class Dictionaries {
         CONFIRMATION_NO: string;
         CONFIRMATION_STATE: string;
         CONFIRMED: string;
+        CONFIRMED_AMOUNT: string;
         CONFIRMED_ARRIVAL_DATA: string;
         CONFIRMED_DATE: string;
         CONFIRMED_DELIVERY_DATA: string;
@@ -2490,6 +2493,7 @@ export declare class Dictionaries {
         ALLOWED_CHANGES: string;
         ALLOW_OPEN_ABSENCEFILE: string;
         ALLOW_PART_DELIVERY: string;
+        ALLOW_PONTO_CONNECTION: string;
         ALLOW_ROTATION: string;
         ALLOW_SIDEBAR: string;
         ALLOW_STORAGE_DECOUPLING: string;
@@ -2899,6 +2903,7 @@ export declare class Dictionaries {
         DIMENSION_STEP_1_MSG2: string;
         DIMENSION_STEP_2_MSG: string;
         DIMENSION_STEP_3_MSG: string;
+        DROPZONE_TEXT: string;
         AMORTIZATION: string;
         AMORTIZATION_ENTRY: string;
         AMORTIZATION_GRID_HEADER: string;
@@ -3164,6 +3169,7 @@ export declare class Dictionaries {
         RESERVATION_PURCHASEORDER: string;
         RESERVATION_STICKER: string;
         RESERVED: string;
+        RESET: string;
         RESERVE_STICKERS: string;
         RESET_FILTER: string;
         RESET_FILTERS: string;
@@ -3927,6 +3933,7 @@ export declare class Dictionaries {
         LOAD_ALL_NODES: string;
         LOAD_DEFAULT_REPORTS: string;
         LOAD_LINES: string;
+        LOAD_PONTO_TRANSACTIONS: string;
         LOAD_TRANSACTION: string;
         LOC: string;
         LOCAL_CASH_DRAWER_COMM_PORT: string;
@@ -4701,6 +4708,7 @@ export declare class Dictionaries {
         QR_CODE_SCANNER: string;
         QR_SCAN: string;
         QUANTITY: string;
+        QUANTITY_ACCEPTED: string;
         QUANTITY_CANNOT_BE_LESS_THAN_ALLOCATED: string;
         QUANTITY_CANNOT_BE_LESS_THAN_DELIVERED: string;
         QUANTITY_CANNOT_BE_LESS_THAN_INVOICED: string;
@@ -6049,6 +6057,7 @@ export declare class Dictionaries {
         SELECT2: string;
         SELECTED: string;
         SELECTED_ADDRESSES: string;
+        SELECTED_BALANCE: string;
         SELECTED_CASH_DRAWER: string;
         SELECTED_CASH_REGISTER: string;
         SELECTED_LINES_NOT_FOUND: string;
@@ -6493,6 +6502,7 @@ export declare class Dictionaries {
         SHOW_ON_DASHBOARD: string;
         SHOW_OPTION_PRICES: string;
         SHOW_ORDERS_WITHOUT_LINES: string;
+        SHOW_ORDER: string;
         SHOW_OUTSTANDING_ENTRIES: string;
         SHOW_POPUP: string;
         SHOW_PRIVACY_PREFERENCES: string;
@@ -6500,6 +6510,7 @@ export declare class Dictionaries {
         SHOW_RESULT: string;
         SHOW_SELECTED_EXCEPTIONS_ONLY: string;
         SHOW_SELECTION: string;
+        SHOW_SERVICE: string;
         SHOW_SIGNED_IN: string;
         SHOW_SOME: string;
         SHOW_STATUSBAR: string;
@@ -6600,6 +6611,7 @@ export declare class Dictionaries {
         USE_DEFAULTS: string;
         USE_DEPOSIT_RULE: string;
         USE_GOOGLE: string;
+        USE_GENERAL_GAMEOBJECT: string;
         USE_MIN_STOCK_CALC: string;
         USE_OWN_ARTICLE_COUNTER: string;
         USE_RECOMMENDED_PRICES: string;
@@ -7105,6 +7117,7 @@ export declare class Dictionaries {
         CREATE_NEW_WORK: string;
         CREATE_OR_PICK_EXPORT: string;
         CREATE_PAYMENT_BATCH: string;
+        CREATE_PONTO_INTEGRATION: string;
         CREATE_PREVENTIVE_ABSENCE_FILE: string;
         CREATE_PURCHASE_ORDER: string;
         CREATE_REFERENCE_FILE: string;
@@ -7289,6 +7302,7 @@ export declare class Dictionaries {
         NEXT_ORDER: string;
         NEXT_PAGE: string;
         NEXT_SLASH_FINISH: string;
+        NEXT_STATE: string;
         NEXT_VERSION: string;
         NEXT_WEEK: string;
         NIGHT_ROUTINE: string;
@@ -7541,6 +7555,7 @@ export declare class Dictionaries {
         SALESORDER_ASC: string;
         SALESORDER_DESC: string;
         SALESORDER_DETAIL: string;
+        SALES_TRANSACTION: string;
         SALES_AMOUNT: string;
         SALES_AMOUNT2: string;
         SALES_AMOUNT_DECIM_NOT_COMPLIANT_W_SALES_UNIT: string;
@@ -8005,6 +8020,7 @@ export declare class Dictionaries {
         H3DCONNTARGETS: string;
         H3DDEFAULT: string;
         H3DGAMEOBJECT: string;
+        H3DGENERALGAMEOBJECT: string;
         H3DID: string;
         H3DLINK: string;
         H3DLINK_ORDERED: string;
@@ -8215,6 +8231,7 @@ export declare class Dictionaries {
         UNTILL: string;
         UPDATE_ALL_SEARCH_INDEXES: string;
         UPDATE_ALL_SEARCH_INDEXES_FAST: string;
+        UPDATE_ARTICLES: string;
         UPDATE_ARTICLE_PRICE: string;
         UPDATE_CONTAINER: string;
         UPDATE_DATE: string;
@@ -9103,6 +9120,7 @@ export declare class Dictionaries {
         DELIVERY_DATE_DEF: string;
         DELIVERY_DATE_DEFINITE: string;
         DELIVERY_DATE_DEFINITIVE: string;
+        DELIVERY_DATE_SUPPLIER: string;
         SUMMARY: string;
         SUMMON: string;
         SUM_INCLUDING_VAT: string;
@@ -9749,6 +9767,7 @@ export declare class Dictionaries {
         MESSAGE_ERROR_NO_EMAIL: string;
         MESSAGE_ERROR_OC_RETRIEVAL: string;
         MESSAGE_ERROR_PASSWORD: string;
+        DATA_AND_PREFERENCES: string;
     };
     text_fr: {
         CHARACTERISTIC: string;
@@ -11737,6 +11756,7 @@ export declare class Dictionaries {
         ALLOWED_CHANGES: string;
         ALLOW_OPEN_ABSENCEFILE: string;
         ALLOW_PART_DELIVERY: string;
+        ALLOW_PONTO_CONNECTION: string;
         ALLOW_ROTATION: string;
         ALLOW_SIDEBAR: string;
         ALLOW_STORAGE_DECOUPLING: string;
@@ -12392,6 +12412,7 @@ export declare class Dictionaries {
         CATALOG_EDITION: string;
         CATALOG_FILE_NAME: string;
         CATALOG_MANAGEMENT: string;
+        CATALOG_TYPES: string;
         CATEGORIES: string;
         CATEGORY: string;
         CATEGORY_NR: string;
@@ -12626,6 +12647,7 @@ export declare class Dictionaries {
         COLLAPSE_ALL: string;
         COLLATE_ORDERFORMS: string;
         COLLECT: string;
+        COLLECTION: string;
         COLLECTION_CODE: string;
         COLLECTION_CODE_CATEGORIES: string;
         COLLECTION_LIST: string;
@@ -12638,6 +12660,7 @@ export declare class Dictionaries {
         COLORS: string;
         COLORS_SELECTED: string;
         COLOR_DESC: string;
+        COLOUR: string;
         COLUMN: string;
         COLUMNS: string;
         COLUMN_BALANCE: string;
@@ -12728,6 +12751,7 @@ export declare class Dictionaries {
         CONFIGURATION_COMPLETE: string;
         CONFIGURATION_NOT_FINISHED_YET: string;
         CONFIGURATION_OVERVIEW: string;
+        CONFIGURATION_PRESET: string;
         CONFIGURATION_YOURS: string;
         CONFIGURATOR_TEST: string;
         CONFIGURE: string;
@@ -12753,6 +12777,7 @@ export declare class Dictionaries {
         CONFIRMATION_NO: string;
         CONFIRMATION_STATE: string;
         CONFIRMED: string;
+        CONFIRMED_AMOUNT: string;
         CONFIRMED_ARRIVAL_DATA: string;
         CONFIRMED_DATE: string;
         CONFIRMED_DELIVERY_DATA: string;
@@ -13088,6 +13113,7 @@ export declare class Dictionaries {
         DASHBOARD_CONFIGURE_START: string;
         DASHBOARD_NEW_TILE: string;
         DATA: string;
+        DATA_AND_PREFERENCES: string;
         DATABASE_DUMP: string;
         DATABASE_DUMP_ACTIVE: string;
         DATABASE_DUMP_BUSY_OTHER_JOB: string;
@@ -13311,8 +13337,8 @@ export declare class Dictionaries {
         DELIVERY_DATE_ASKED: string;
         DELIVERY_DATE_CALCULATED: string;
         DELIVERY_DATE_CONFIRMATION_FROM_EARLY: string;
-        DELIVERY_DATE_CONFIRMED2: string;
         DELIVERY_DATE_CONFIRMED: string;
+        DELIVERY_DATE_CONFIRMED2: string;
         DELIVERY_DATE_CONFIRMED_AND_WILL_REMAIN_THE_SAME: string;
         DELIVERY_DATE_DEF: string;
         DELIVERY_DATE_DEFINITE: string;
@@ -13326,6 +13352,7 @@ export declare class Dictionaries {
         DELIVERY_DATE_PREGNANT: string;
         DELIVERY_DATE_PURCHASE: string;
         DELIVERY_DATE_SALES: string;
+        DELIVERY_DATE_SUPPLIER: string;
         DELIVERY_DAYS: string;
         DELIVERY_DELAY: string;
         DELIVERY_DELAY_UNIT: string;
@@ -13556,6 +13583,7 @@ export declare class Dictionaries {
         DROPSHIPMENT_INFO: string;
         DROPSHIPMENT_POSSIBLE: string;
         DROPSHIPPING_ADDRESS_CURRENT_ORDER: string;
+        DROPZONE_TEXT: string;
         DROP_ZONE_DOCUMENTS: string;
         DROP_ZONE_IMAGES: string;
         DROP_ZONE_SALARY_INFO: string;
@@ -14262,6 +14290,7 @@ export declare class Dictionaries {
         H3DCONNTARGETS: string;
         H3DDEFAULT: string;
         H3DGAMEOBJECT: string;
+        H3DGENERALGAMEOBJECT: string;
         H3DID: string;
         H3DLINK: string;
         H3DLINK_ORDERED: string;
@@ -14298,6 +14327,7 @@ export declare class Dictionaries {
         HD_DELETE_QUESTION: string;
         HD_ORDER_DEFINITIVE: string;
         HD_UNABLE_TO_REMOVE_PROJECT: string;
+        HDECO_GENERIC_GAMEOBJECT: string;
         HEADER: string;
         HEADER_ACTIVE: string;
         HEADER_DEFINITIVE: string;
@@ -14800,6 +14830,7 @@ export declare class Dictionaries {
         LOAD_ALL_NODES: string;
         LOAD_DEFAULT_REPORTS: string;
         LOAD_LINES: string;
+        LOAD_PONTO_TRANSACTIONS: string;
         LOAD_TRANSACTION: string;
         LOC: string;
         LOCAL_CASH_DRAWER_COMM_PORT: string;
@@ -15477,6 +15508,7 @@ export declare class Dictionaries {
         NEXT_ORDER: string;
         NEXT_PAGE: string;
         NEXT_SLASH_FINISH: string;
+        NEXT_STATE: string;
         NEXT_VERSION: string;
         NEXT_WEEK: string;
         NIGHT_ROUTINE: string;
@@ -16295,6 +16327,7 @@ export declare class Dictionaries {
         PLAN_RESTRICTED: string;
         PLAN_RESTRICT_USERS: string;
         PLAN_YOUR_DELIVERY: string;
+        PLEASE_ADD_AT_LEAST_ONE_ADDRESS: string;
         PLEASE_ADJUST_SUPPLIER_ON_ARTICLE_LEVEL: string;
         PLEASE_CLOSE_HTML_EDITOR: string;
         PLEASE_CLOSE_MODULE_AND_TRY_AGAIN: string;
@@ -16741,6 +16774,7 @@ export declare class Dictionaries {
         QR_CODE_SCANNER: string;
         QR_SCAN: string;
         QUANTITY: string;
+        QUANTITY_ACCEPTED: string;
         QUANTITY_CANNOT_BE_LESS_THAN_ALLOCATED: string;
         QUANTITY_CANNOT_BE_LESS_THAN_DELIVERED: string;
         QUANTITY_CANNOT_BE_LESS_THAN_INVOICED: string;
@@ -17061,6 +17095,7 @@ export declare class Dictionaries {
         RESERVATION_PURCHASEORDER: string;
         RESERVATION_STICKER: string;
         RESERVED: string;
+        RESET: string;
         RESET_FILTER: string;
         RESET_FILTERS: string;
         RESET_GOOGLE_AUTHENTICATOR: string;
@@ -17221,6 +17256,7 @@ export declare class Dictionaries {
         SALESORDER_ASC: string;
         SALESORDER_DESC: string;
         SALESORDER_DETAIL: string;
+        SALES_TRANSACTION: string;
         SALES_AMOUNT2: string;
         SALES_AMOUNT: string;
         SALES_AMOUNT_DECIM_NOT_COMPLIANT_W_SALES_UNIT: string;
@@ -17345,6 +17381,7 @@ export declare class Dictionaries {
         SEARCH_MEMBER_NR: string;
         SEARCH_PAYMENT_BATCH: string;
         CREATE_PAYMENT_BATCH: string;
+        CREATE_PONTO_INTEGRATION: string;
         SEARCHING: string;
         SEARCHRESULTS_FOR: string;
         SEARCH_ADD_ARTICLE: string;
@@ -17458,6 +17495,7 @@ export declare class Dictionaries {
         SELECT_MEDICAL_OFFICER: string;
         SELECTED: string;
         SELECTED_ADDRESSES: string;
+        SELECTED_BALANCE: string;
         SELECTED_CASH_DRAWER: string;
         SELECTED_CASH_REGISTER: string;
         SELECTED_LINES_NOT_FOUND: string;
@@ -17709,6 +17747,7 @@ export declare class Dictionaries {
         SHOW_LIST: string;
         SHOW_MORE: string;
         SHOW_ON_DASHBOARD: string;
+        SHOW_ORDER: string;
         SHOW_OPTION_PRICES: string;
         SHOW_ORDERS_WITHOUT_LINES: string;
         SHOW_OUTSTANDING_ENTRIES: string;
@@ -17718,6 +17757,7 @@ export declare class Dictionaries {
         SHOW_RESULT: string;
         SHOW_SELECTED_EXCEPTIONS_ONLY: string;
         SHOW_SELECTION: string;
+        SHOW_SERVICE: string;
         SHOW_SIGNED_IN: string;
         SHOW_SOME: string;
         SHOW_STATUSBAR: string;
@@ -18489,6 +18529,7 @@ export declare class Dictionaries {
         UNTILL: string;
         UPDATE_ALL_SEARCH_INDEXES: string;
         UPDATE_ALL_SEARCH_INDEXES_FAST: string;
+        UPDATE_ARTICLES: string;
         UPDATE_ARTICLE_PRICE: string;
         UPDATE_CONTAINER: string;
         UPDATE_DATE: string;
@@ -18509,6 +18550,7 @@ export declare class Dictionaries {
         USE: string;
         USE_CLASSIFICATION: string;
         USE_DEPOSIT_RULE: string;
+        USE_GENERIC_GAMEOBJECT: string;
         USED_COUPONS: string;
         USED_IN: string;
         USER: string;
@@ -18531,6 +18573,7 @@ export declare class Dictionaries {
         USER_UNKNOWN: string;
         USE_DEFAULTS: string;
         USE_GOOGLE: string;
+        USE_GENERAL_GAMEOBJECT: string;
         USE_MIN_STOCK_CALC: string;
         USE_OWN_ARTICLE_COUNTER: string;
         USE_RECOMMENDED_PRICES: string;
@@ -18540,6 +18583,7 @@ export declare class Dictionaries {
         USE_TIME_FROM_TIMER: string;
         USE_VALUES: string;
         USE_WEBVIEW_UI: string;
+        USE_CATALOG_PAGE: string;
         UWV_REGISTRATION_NUMBER: string;
         VADAIN_DELETE_QUESTION: string;
         VADAIN_NOT_ALLOWED_TO_DELETE: string;

package/lib/service/error.service.d.ts

@@ -1,10 +1,10 @@
-import { DictionaryService } from './dictionary.service';
 import { DataServiceResponseData } from '@colijnit/ioneconnector/build/model/data-service-response-data';
 import { CoreDialogService } from '@colijnit/corecomponents_v12';
+import { RelationDictionaryService } from '../translation/relation-dictionary.service';
 export declare class ErrorService {
     private _coreDialogService;
     private _dictionaryService;
-    constructor(_coreDialogService: CoreDialogService, _dictionaryService: DictionaryService);
+    constructor(_coreDialogService: CoreDialogService, _dictionaryService: RelationDictionaryService);
     showValidationError(response: DataServiceResponseData | any): Promise<any>;
     private _messageAsValidationError;
     private _messageDetails;

package/lib/service/relation-settings.service.d.ts

@@ -1,6 +1,6 @@
 import { BehaviorSubject } from 'rxjs';
-import { DictionaryService } from './dictionary.service';
 import { RelationSettings } from '../model/relation-settings';
+import { RelationDictionaryService } from '../translation/relation-dictionary.service';
 export declare class RelationSettingsService {
     private _dictionary;
     readonly languageCodeToDictionary: Map<string, string>;
@@ -10,7 +10,7 @@ export declare class RelationSettingsService {
     get dictionaryKey(): string;
     settingsLoaded: BehaviorSubject<boolean>;
     private _settings;
-    constructor(_dictionary: DictionaryService);
+    constructor(_dictionary: RelationDictionaryService);
     createSettingsFromObject(obj: any): Promise<void>;
     initialize(options: any): Promise<void>;
 }

package/lib/style/_variables.scss

@@ -4,7 +4,7 @@ $re-color-font: #171721 !default;
 $re-color-action: #1A73E8 !default;
 $re-color-border: #DCE4EA !default;
 $re-color-light: white !default;
-$re-color-background: #f8f8fa !default;
+$re-color-background: #ffffff !default;
 $re-color-background-selected: #f1fcff !default;
 $re-color-background-popup: #212437 !default;
 $re-color-background-popup-item: #2e3350 !default;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@colijnit/relation",
-  "version": "256.1.1",
+  "version": "257.1.0",
   "description": "Colijn IT relation module for Angular 12",
   "repository": "npm/npm",
   "author": "Colijn IT",
@@ -10,10 +10,10 @@
     "@angular/common": ">=12.2.0",
     "@angular/core": ">=12.2.0",
     "@colijnit/corecomponents": ">=1.12.0",
-    "@colijnit/corecomponents_v12": ">=256.1.0",
-    "@colijnit/ioneconnector": ">=256.1.0",
-    "@colijnit/mainapi": ">=256.1.0",
-    "@colijnit/relationapi": ">=256.1.0",
+    "@colijnit/corecomponents_v12": ">=257.1.0",
+    "@colijnit/ioneconnector": ">=257.1.0",
+    "@colijnit/mainapi": ">=257.1.0",
+    "@colijnit/relationapi": ">=257.1.0",
     "@tweenjs/tween.js": ">=17.2.0",
     "xlsx": ">=0.18.5"
   },