@colijnit/transaction 12.1.58 → 12.1.60

package/lib/cache/service/business-object-cache-manager.service.d.ts

@@ -1,8 +1,9 @@
 import { OnDestroy } from "@angular/core";
 import { Subject } from "rxjs";
-import { BusinessObject, BusinessObjectIDType } from "@colijnit/transactionapi/build/model/business-object";
 import { CacheField } from "../cache-field";
 import { ParameterCacheField } from "../parameter-cache-field";
+import { BusinessObject } from "@colijnit/ioneconnector/build/model/business-object";
+import { BusinessObjectIDType } from "@colijnit/ioneconnector/build/type/business-object-id-type";
 /**
  * App-wide, top-level, 'dumb' BO cache manager service. It stores and returns simple and parameterized business object cache items.
  *

package/lib/cache/service/select-multiple-cache.service.d.ts

@@ -1,6 +1,6 @@
 import { BusinessObjectCacheManagerService } from "./business-object-cache-manager.service";
 import { CacheField } from "../cache-field";
-import { BusinessObject } from "@colijnit/transactionapi/build/model/business-object";
+import { BusinessObject } from "@colijnit/ioneconnector/build/model/business-object";
 export declare class SelectMultipleCacheService {
     private _boCacheManager;
     private static _NullCache;

package/lib/cache/service/select-multiple-parameterized-cache.service.d.ts

@@ -1,7 +1,7 @@
 import { OnDestroy } from "@angular/core";
 import { Subject } from "rxjs";
 import { BusinessObjectCacheManagerService } from "./business-object-cache-manager.service";
-import { BusinessObject } from "@colijnit/transactionapi/build/model/business-object";
+import { BusinessObject } from "@colijnit/ioneconnector/build/model/business-object";
 import { ParameterCacheField } from "../parameter-cache-field";
 export declare class SelectMultipleParameterizedCacheService implements OnDestroy {
     private _boCacheManager;

package/lib/cache/service/select-single-cache.service.d.ts

@@ -1,6 +1,7 @@
 import { BusinessObjectCacheManagerService } from "./business-object-cache-manager.service";
-import { BusinessObject, BusinessObjectIDType } from "@colijnit/transactionapi/build/model/business-object";
+import { BusinessObject } from "@colijnit/ioneconnector/build/model/business-object";
 import { CacheField } from "../cache-field";
+import { BusinessObjectIDType } from "@colijnit/ioneconnector/build/type/business-object-id-type";
 export declare class SelectSingleCacheService {
     private _boCacheManager;
     constructor(_boCacheManager: BusinessObjectCacheManagerService);

package/lib/component/animated-checkbox/animated-checkbox.component.d.ts

@@ -0,0 +1,5 @@
+export declare class AnimatedCheckboxComponent {
+    checked: boolean;
+    label: string;
+    showClass(): boolean;
+}

package/lib/component/animated-checkbox/animated-checkbox.module.d.ts

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

package/lib/component/animated-checkbox/style/_layout.scss

@@ -0,0 +1,78 @@
+@include export-module('co-animated-checkbox-layout') {
+  .co-animated-checkbox {
+    font-family: $co-animated-checkbox-font-family;
+    font-size: $co-animated-checkbox-font-size;
+    display: flex;
+    align-items: center;
+
+    &.read-only {
+      opacity: .5;
+    }
+
+    .checkbox {
+      display: flex;
+      cursor: pointer;
+      position: relative;
+      flex-shrink: 0;
+      align-items: center;
+      justify-content: center;
+      justify-items: center;
+      width: $co-animated-checkbox-size;
+      height: $co-animated-checkbox-size;
+      border-radius: $co-animated-checkbox-border-radius;
+      border-style: $co-animated-checkbox-border-style;
+      border-width: $co-animated-checkbox-border-width;
+      margin: $co-animated-checkbox-margin;
+    }
+
+    .checkmark {
+      opacity: 0;
+
+      &.show {
+        opacity: 1;
+        animation-duration: 800ms;
+        animation-timing-function: ease;
+        animation-name: checkmark;
+        transform: scaleX(-1) rotate(135deg);
+        height: $co-animated-checkbox-check-mark-height;
+        width: $co-animated-checkbox-check-mark-width;
+        transform-origin: left top;
+        border-right: $co-animated-checkbox-check-mark-thickness solid $co-animated-checkbox-check-mark-color;
+        border-top: $co-animated-checkbox-check-mark-thickness solid $co-animated-checkbox-check-mark-color;
+        content: '';
+        left: $co-animated-checkbox-check-mark-width * .3;
+        top: $co-animated-checkbox-check-mark-height / 1.6;
+        position: absolute;
+      }
+    }
+
+    .label {
+      &.clickable {
+        cursor: pointer;
+      }
+    }
+
+    @keyframes checkmark {
+      0% {
+        height: 0;
+        width: 0;
+        opacity: 1;
+      }
+      20% {
+        height: 0;
+        width: $co-animated-checkbox-check-mark-width;
+        opacity: 1;
+      }
+      40% {
+        height: $co-animated-checkbox-check-mark-height;
+        width: $co-animated-checkbox-check-mark-width;
+        opacity: 1;
+      }
+      100% {
+        height: $co-animated-checkbox-check-mark-height;
+        width: $co-animated-checkbox-check-mark-width;
+        opacity: 1;
+      }
+    }
+  }
+}

package/lib/component/animated-checkbox/style/_material-definition.scss

@@ -0,0 +1,13 @@
+$co-animated-checkbox-font-family: $tp-font-family !default;
+$co-animated-checkbox-font-size: $tp-font-size !default;
+$co-animated-checkbox-size: 25px !default;
+$co-animated-checkbox-margin: 0 !default;
+$co-animated-checkbox-border-radius: 0 !default;
+$co-animated-checkbox-border-style: solid !default;
+$co-animated-checkbox-border-width: 0 !default;
+$co-animated-checkbox-border-color: $tp-color-border !default;
+$co-animated-checkbox-background-color: transparent !default;
+$co-animated-checkbox-check-mark-color: $tp-color-active-light !default;
+$co-animated-checkbox-check-mark-thickness: 4px !default;
+$co-animated-checkbox-check-mark-width: $co-animated-checkbox-size * .35 !default;
+$co-animated-checkbox-check-mark-height: $co-animated-checkbox-size * .6 !default;

package/lib/component/animated-checkbox/style/_theme.scss

@@ -0,0 +1,4 @@
+@include export-module('co-animated-checkbox-theme') {
+  .co-animated-checkbox {
+  }
+}

package/lib/component/animated-checkbox/style/material.scss

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

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

@@ -1,13 +1,15 @@
 import { AfterViewInit } from "@angular/core";
 import { TransactionService } from "../../service/transaction.service";
-import { RelationListObject } from "@colijnit/transactionapi/build/model/relation-list-object.bo";
 import { SharedService } from "../../service/shared.service";
-import { CoDocument } from "@colijnit/transactionapi/build/model/co-document";
 import { ColorSequenceService } from "@colijnit/corecomponents_v12";
+import { CoDocument } from "@colijnit/mainapi/build/model/co-document";
+import { RelationListObject } from "@colijnit/relationapi/build/model/relation-list-object.bo";
+import { RelationService } from "../../service/relation.service";
 export declare class AvatarComponent implements AfterViewInit {
     private _transactionService;
     private _sharedService;
     private _colorSequenceService;
+    private _relationService;
     set image(value: CoDocument);
     get image(): CoDocument;
     set relationId(value: number);
@@ -21,7 +23,7 @@ export declare class AvatarComponent implements AfterViewInit {
     private _initials;
     private _relationId;
     private _image;
-    constructor(_transactionService: TransactionService, _sharedService: SharedService, _colorSequenceService: ColorSequenceService);
+    constructor(_transactionService: TransactionService, _sharedService: SharedService, _colorSequenceService: ColorSequenceService, _relationService: RelationService);
     ngAfterViewInit(): void;
     private _getRelation;
     private _getImageSrcFromCoDocument;

package/lib/component/checkout/checkout-overview-delivery-address/checkout-overview-delivery-address.component.d.ts

@@ -1,6 +1,6 @@
 import { EventEmitter } from "@angular/core";
-import { Address } from "@colijnit/transactionapi/build/model/address.bo";
 import { TransactionService } from "../../../service/transaction.service";
+import { Address } from "@colijnit/relationapi/build/model/address.bo";
 export declare class CheckoutOverviewDeliveryAddressComponent {
     service: TransactionService;
     label: string;

package/lib/component/checkout/checkout-overview-delivery-edit/checkout-overview-delivery-edit.component.d.ts

@@ -1,7 +1,5 @@
 import { EventEmitter, OnInit } from "@angular/core";
 import { FormMasterService } from "@colijnit/corecomponents_v12";
-import { Address } from "@colijnit/transactionapi/build/model/address.bo";
-import { GenderType } from "@colijnit/transactionapi/build/enum/gender-type.enum";
 import { Marketing } from "@colijnit/transactionapi/build/model/marketing.bo";
 import { DeliveryMethod } from "@colijnit/transactionapi/build/model/delivery-method.bo";
 import { DeliveryOption } from "@colijnit/transactionapi/build/model/delivery-option.bo";
@@ -10,12 +8,12 @@ import { TextValueContainer } from "../../../model/text-value-container";
 import { DictionaryService } from "../../../service/dictionary.service";
 import { TransactionInfoResponse } from "@colijnit/transactionapi/build/model/transaction-info-response.bo";
 import { Icon } from "../../../enum/icon.enum";
-import { BusinessObjectFactory } from "../../../factory/business-object-factory";
 import { IconCacheService } from "../../../service/icon-cache.service";
+import { Address } from "@colijnit/relationapi/build/model/address.bo";
+import { GenderType } from "@colijnit/relationapi/build/enum/gender-type.enum";
 export declare class CheckoutOverviewDeliveryEditComponent implements OnInit {
     private _dictionaryService;
     private _formMasterService;
-    private _boFactory;
     service: TransactionService;
     iconService: IconCacheService;
     readonly icons: typeof Icon;
@@ -50,7 +48,7 @@ export declare class CheckoutOverviewDeliveryEditComponent implements OnInit {
     set deliveryDate(value: Date);
     get preferredDeliveryDate(): Date;
     set preferredDeliveryDate(value: Date);
-    constructor(_dictionaryService: DictionaryService, _formMasterService: FormMasterService, _boFactory: BusinessObjectFactory, service: TransactionService, iconService: IconCacheService);
+    constructor(_dictionaryService: DictionaryService, _formMasterService: FormMasterService, service: TransactionService, iconService: IconCacheService);
     ngOnInit(): Promise<void>;
     submit(): boolean;
     handleDeliveryMethodChange(deliveryMethod: DeliveryMethod): Promise<void>;

package/lib/component/checkout/checkout-overview-delivery-edit/style/_layout.scss

@@ -4,95 +4,100 @@
   .co-checkout-overview-delivery-edit {
     font-family: $tp-checkout-delivery-font-family;
     font-size: $tp-checkout-delivery-font-size;
-    width: 100%;
-    .delivery-edit-content {
-      display: flex;
-      flex-direction: row;
-      flex-wrap: wrap;
-      column-gap: 20px;
-    }
-    co-form {
-      flex: 1;
-    }
-    .co-shopping-cart-preview {
-      min-width: 35%;
-    }
-    .checkout-form-wrapper {
-      display: flex;
-      flex-direction: column;
-      row-gap: 50px;
-    }
-    .checkout-section-wrapper {
-      display: flex;
-      flex-direction: row;
-    }
-    .checkout-label-column {
-      font-family: $tp-checkout-delivery-label-column-font-family;
-      font-size: $tp-checkout-delivery-label-fontsize;
-      display: flex;
-      flex-direction: column;
-      grid-area: columnlabel;
-      grid-column-start: 1;
-      grid-row: auto;
-      align-self: baseline;
-      width: 170px;
-      .label-description {
-        margin-top: 10px;
-        font-size: $tp-checkout-delivery-label-description-fontsize;
-      }
-      .label {
-        font-weight: $tp-checkout-delivery-label-fontweight;
-      }
-    }
-    .co-carousel-3d {
-      max-width: $tp-checkout-delivery-address-carousel-max-width;
-      height: 175px;
-    }
-    .checkout-data-column {
-      grid-area: columndata;
-      grid-column-start: 2;
-      grid-row: auto;
-      width: 100%;
-      overflow: hidden;
-    }
-    .checkout-data-row {
-      display: flex;
-      flex-direction: row;
-      flex-wrap: wrap;
-      column-gap: $tp-checkout-default-padding;
-      margin-bottom: $tp-checkout-delivery-row-gap;
-      > :not(.default-width) {
-        flex: 1;
-      }
-    }
-    .collapseable {
-      overflow: hidden;
-    }
-    .two-column-grid {
-      display: grid;
-      grid-template-areas: "firstcolumn secondcolumn";
-      .first-column {
-        grid-area: firstcolumn;
-        grid-row: auto;
-      }
-      .second-column {
-        grid-area: secondcolumn;
-        grid-row: auto;
-      }
-    }
-    .relation-address-new {
-      cursor: pointer;
-      display: flex;
-      flex-direction: row;
-      align-items: center;
-      font-weight: bold;
-      .relation-address-icon {
-        height: 20px;
-        width: 20px;
-      }
-    }
-    .overview-delivery-invoice-address {
-      overflow: hidden;
-    }
+    //width: 100%;
+    //.delivery-edit-content {
+    //  display: flex;
+    //  flex-direction: row;
+    //  flex-wrap: wrap;
+    //  column-gap: 20px;
+    //}
+    //co-form {
+    //  flex: 1;
+    //}
+    //.co-shopping-cart-preview {
+    //  min-width: 35%;
+    //}
+    //.checkout-form-wrapper {
+    //  display: grid;
+    //  grid-template-columns: minmax(170px, 250px) auto;
+    //  grid-template-areas: "columnlabel columndata";
+    //  grid-row-gap: 50px;
+    //  //display: flex;
+    //  //flex-direction: column;
+    //  //row-gap: 50px;
+    //}
+    //.checkout-section-wrapper {
+    //  display: flex;
+    //  flex-direction: row;
+    //}
+    //.checkout-label-column {
+    //  font-family: $tp-checkout-delivery-label-column-font-family;
+    //  font-size: $tp-checkout-delivery-label-fontsize;
+    //  display: flex;
+    //  flex-direction: column;
+    //  grid-area: columnlabel;
+    //  grid-column-start: 1;
+    //  grid-row: auto;
+    //  align-self: baseline;
+    //  width: 170px;
+    //  .label-description {
+    //    margin-top: 10px;
+    //    font-size: $tp-checkout-delivery-label-description-fontsize;
+    //  }
+    //  .label {
+    //    font-weight: $tp-checkout-delivery-label-fontweight;
+    //  }
+    //}
+    //.co-carousel-3d {
+    //  max-width: $tp-checkout-delivery-address-carousel-max-width;
+    //  height: 175px;
+    //}
+    //.checkout-data-column {
+    //  grid-area: columndata;
+    //  grid-column-start: 2;
+    //  grid-row: auto;
+    //  width: 100%;
+    //  overflow: hidden;
+    //}
+    //.checkout-data-row {
+    //  display: flex;
+    //  flex-direction: row;
+    //  flex-wrap: wrap;
+    //  column-gap: $tp-checkout-default-padding;
+    //  margin-bottom: $tp-checkout-delivery-row-gap;
+    //  > :not(.default-width) {
+    //    flex: 1;
+    //    width: 100%;
+    //  }
+    //}
+    //.collapseable {
+    //  overflow: hidden;
+    //}
+    //.two-column-grid {
+    //  display: grid;
+    //  grid-template-areas: "firstcolumn secondcolumn";
+    //  .first-column {
+    //    grid-area: firstcolumn;
+    //    grid-row: auto;
+    //  }
+    //  .second-column {
+    //    grid-area: secondcolumn;
+    //    grid-row: auto;
+    //  }
+    //}
+    //.relation-address-new {
+    //  cursor: pointer;
+    //  display: flex;
+    //  flex-direction: row;
+    //  align-items: center;
+    //  font-weight: bold;
+    //  .relation-address-icon {
+    //    height: 20px;
+    //    width: 20px;
+    //  }
+    //}
+    //.overview-delivery-invoice-address {
+    //  overflow: hidden;
+    //}
   }
 }

package/lib/component/checkout/checkout-overview-delivery-edit/style/_material-definition.scss

@@ -1,12 +1,2 @@
 $tp-checkout-delivery-font-family: $tp-font-family !default;
 $tp-checkout-delivery-font-size: $tp-font-size !default;
-$tp-checkout-delivery-label-column-font-family: $tp-font-family !default;
-$tp-checkout-delivery-first-name-width: 200px !default;
-$tp-checkout-delivery-row-gap: 10px !default;
-$tp-checkout-delivery-address-carousel-max-width: 500px !default;
-$tp-checkout-delivery-prefix-width: 50px !default;
-$tp-checkout-delivery-label-sequence-fontsize: $tp-font-size !default;
-$tp-checkout-delivery-label-description-fontsize: $tp-font-size-small !default;
-$tp-checkout-delivery-label-fontsize: $tp-font-size !default;
-$tp-checkout-delivery-label-fontweight: bold !default;
-$tp-checkout-delivery-link-color: $tp-color-action !default;

package/lib/component/checkout/checkout-overview-delivery-edit/style/_theme.scss

@@ -5,13 +5,5 @@
   .co-checkout-overview-delivery-edit {
     .checkout-label-column {
     }
-    .relation-address-new {
-      .relation-address-icon {
-        [fill] {
-          fill: $tp-checkout-delivery-link-color;
-        }
-      }
-      color: $tp-checkout-delivery-link-color;
-    }
   }
 }

package/lib/component/checkout/checkout-overview-payment/checkout-overview-payment.component.d.ts

@@ -1,8 +1,8 @@
 import { EventEmitter, OnInit } from "@angular/core";
+import { Address } from "@colijnit/relationapi/build/model/address.bo";
 import { TransactionInfoResponse } from "@colijnit/transactionapi/build/model/transaction-info-response.bo";
 import { Icon } from "../../../enum/icon.enum";
-import { RelationAnyType } from "@colijnit/transactionapi/build/model/relation-any-type";
-import { Address } from "@colijnit/transactionapi/build/model/address.bo";
+import { RelationAnyType } from "../../../model/relation-any-type";
 import { TransactionService } from "../../../service/transaction.service";
 export declare class CheckoutOverviewPaymentComponent implements OnInit {
     private _transactionService;

package/lib/component/checkout/checkout-overview-relation-edit/checkout-overview-relation-edit.component.d.ts

@@ -1,24 +1,22 @@
 import { EventEmitter, OnInit } from "@angular/core";
-import { RelationAnyType } from "@colijnit/transactionapi/build/model/relation-any-type";
-import { AddressType } from "@colijnit/transactionapi/build/enum/address-type.enum";
 import { TransactionService } from "../../../service/transaction.service";
 import { FormMasterService } from "@colijnit/corecomponents_v12";
-import { Address } from "@colijnit/transactionapi/build/model/address.bo";
-import { BusinessObjectFactory } from "../../../factory/business-object-factory";
 import { Icon } from "../../../enum/icon.enum";
-import { RelationKind } from "@colijnit/transactionapi/build/enum/relation-kind.enum";
-import { CustomerFullObject } from "@colijnit/transactionapi/build/model/customer-full-object.bo";
+import { CustomerFullObject } from "@colijnit/relationapi/build/model/customer-full-object.bo";
+import { RelationKind } from "@colijnit/relationapi/build/enum/relation-kind.enum";
+import { AddressType } from "@colijnit/relationapi/build/enum/address-type.enum";
+import { RelationAnyType } from "../../../model/relation-any-type";
+import { Address } from "@colijnit/relationapi/build/model/address.bo";
 export declare class CheckoutOverviewRelationEditComponent implements OnInit {
     private _formMaster;
-    private _boFactory;
     service: TransactionService;
     readonly relationKind: typeof RelationKind;
     readonly icons: typeof Icon;
     readonly addressType: typeof AddressType;
     set relation(value: CustomerFullObject);
     get relation(): CustomerFullObject;
-    set deliveryAddressNawNr(value: number);
-    set invoiceAddressNawNr(value: number);
+    deliveryAddressNawNr: number;
+    invoiceAddressNawNr: number;
     validSubmit: EventEmitter<void>;
     invalidSubmit: EventEmitter<void>;
     deliveryAddressChange: EventEmitter<number>;
@@ -27,19 +25,12 @@ export declare class CheckoutOverviewRelationEditComponent implements OnInit {
     showClass(): boolean;
     private _relation;
     address: Address;
-    selectedAddress: Address;
-    deliveryAddress: Address;
-    invoiceAddress: Address;
-    deliveryAddressIdx: number;
-    invoiceAddressIdx: number;
-    editAddressType: AddressType;
     get applicationUser(): boolean;
-    constructor(_formMaster: FormMasterService, _boFactory: BusinessObjectFactory, service: TransactionService);
+    constructor(_formMaster: FormMasterService, service: TransactionService);
     ngOnInit(): Promise<void>;
     updateRelation(rel: CustomerFullObject): void;
     submit(): boolean;
-    setIndexDeliveryAddress(idx: number): void;
-    setIndexInvoiceAddress(idx: number): void;
+    handleNewAddress(type: AddressType, address: Address): void;
     checkSameAddress(checked: boolean): void;
     private _setCountryNameToAddress;
 }

package/lib/component/checkout/checkout-overview-relation-edit/style/_layout.scss

@@ -4,89 +4,5 @@
   .co-checkout-overview-relation-edit {
     font-family: $tp-checkout-relation-font-family;
     font-size: $tp-checkout-relation-font-size;
-    display: flex;
-    flex-direction: column;
-    row-gap: 20px;
-    co-form {
-      flex: 1;
-    }
-    .co-shopping-cart-preview {
-      min-width: 35%;
-    }
-    .checkout-form-wrapper {
-      display: grid;
-      grid-template-columns: minmax(170px, 250px) auto;
-      grid-template-areas: "columnlabel columndata";
-      grid-row-gap: 50px;
-    }
-    .checkout-label-column {
-      font-family: $tp-checkout-relation-label-column-font-family;
-      font-size: $tp-checkout-relation-label-fontsize;
-      display: flex;
-      flex-direction: column;
-      grid-area: columnlabel;
-      grid-column-start: 1;
-      grid-row: auto;
-      align-self: baseline;
-      .label-description {
-        margin-top: 10px;
-        font-size: $tp-checkout-relation-label-description-fontsize;
-      }
-      .label {
-        font-weight: $tp-checkout-relation-label-fontweight;
-      }
-    }
-
-    .checkout-data-column {
-      grid-area: columndata;
-      grid-column-start: 2;
-      grid-row: auto;
-    }
-    .default-width {
-      width: $tp-radio-button-width;
-    }
-    .checkout-first-name {
-      flex-basis: $tp-checkout-relation-first-name-width;
-      flex-grow: 1;
-    }
-    .checkout-prefix-name {
-      flex-basis: $tp-checkout-relation-prefix-width;
-    }
-    .checkout-last-name {
-      flex-shrink: 1;
-      flex-grow: 3;
-      min-width: 200px;
-    }
-
-    .checkout-data-row {
-      display: flex;
-      flex-direction: row;
-      flex-wrap: wrap;
-      column-gap: $tp-checkout-default-padding;
-      margin-bottom: $tp-checkout-relation-row-gap;
-      > :not(.default-width) {
-        flex: 1;
-      }
-    }
-    .default-data-row {
-      display: flex;
-      flex-direction: row;
-      flex-wrap: wrap;
-      column-gap: $tp-checkout-default-padding;
-      margin-bottom: $tp-checkout-relation-row-gap;
-      > :not(.default-width) {
-        flex: 1;
-      }
-    }
-    .collapseable {
-      overflow: hidden;
-    }
-    .overview-delivery-invoice-address {
-      overflow: hidden;
-    }
-    .checkout-label-h3 {
-      font-size: $tp-checkout-relation-suggestion-list-label-fontsize;
-      font-weight: $tp-checkout-relation-suggestion-list-label-fontweight;
-    }
   }
 }

package/lib/component/checkout/checkout-overview-relation-edit/style/_material-definition.scss

@@ -1,18 +1,2 @@
 $tp-checkout-relation-font-family: $tp-font-family !default;
 $tp-checkout-relation-font-size: $tp-font-size !default;
-$tp-checkout-relation-label-column-font-family: $tp-checkout-relation-font-family !default;
-$tp-checkout-relation-first-name-width: 200px !default;
-$tp-checkout-relation-row-gap: 10px !default;
-$tp-checkout-relation-prefix-width: 50px !default;
-$tp-checkout-relation-label-sequence-fontsize: $tp-font-size !default;
-$tp-checkout-relation-label-description-fontsize: $tp-font-size-small !default;
-$tp-checkout-relation-label-fontsize: $tp-font-size !default;
-$tp-checkout-relation-label-fontweight: bold !default;
-$tp-checkout-relation-address-carousel-max-width: 500px !default;
-$tp-checkout-relation-suggestion-list-sidebar-width: 300px !default;
-$tp-checkout-relation-suggestion-list-sidebar-background-color: white !default;
-$tp-checkout-relation-suggestion-list-sidebar-boxshadow: -3px 1px 10px rgba(1, 1, 1, 0.1) !default;
-$tp-checkout-relation-suggestion-list-label-fontsize: $tp-font-size !default;
-$tp-checkout-relation-suggestion-list-label-fontweight: bold !default;
-$tp-checkout-relation-suggestion-list-label-padding: 5px !default;
-$tp-checkout-relation-suggestion-list-label-margin: 5px !default;