@colijnit/transaction 12.1.7 → 12.1.8

package/{app → lib}/component/core/base/transaction-base.component.d.ts

@@ -4,45 +4,29 @@ import { TransactionInfo } from "@colijnit/transactionapi/build/model/transactio
 import { TransactionLineInfo } from "@colijnit/transactionapi/build/model/transaction-line-info.bo";
 import { TransactionTotal } from "@colijnit/transactionapi/build/model/transaction-total.bo";
 import { RelationListObject } from "@colijnit/transactionapi/build/model/relation-list-object.bo";
-import { CustomerFullObject } from "@colijnit/transactionapi/build/model/customer-full-object.bo";
-import { SlaProduct } from "@colijnit/transactionapi/build/model/sla-product.bo";
 import { LineOperationStatus } from "@colijnit/transactionapi/build/model/line-operation-status.bo";
+import { CustomerFullObject } from "@colijnit/transactionapi/build/model/customer-full-object.bo";
 export declare abstract class TransactionBaseComponent {
     protected readonly service: TransactionService;
     set transaction(value: TransactionInfoResponse);
     get transaction(): TransactionInfoResponse;
-    set transactionInfo(value: TransactionInfo);
-    get transactionInfo(): TransactionInfo;
-    set transactionLines(value: TransactionLineInfo[]);
-    get transactionLines(): TransactionLineInfo[];
-    set transactionTotal(value: TransactionTotal);
-    get transactionTotal(): TransactionTotal;
-    get lineOperationStatuses(): LineOperationStatus[];
-    set lineOperationStatuses(value: LineOperationStatus[]);
-    get isService(): boolean;
     set relationId(value: number);
     get relationId(): number;
     set customerId(value: number);
     get customerId(): number;
-    set product(value: SlaProduct);
-    get product(): SlaProduct;
-    get isNew(): boolean;
     relation: RelationListObject;
     customer: CustomerFullObject;
-    _isService: boolean;
-    basedOnProduct: boolean;
-    private _transactionInfo;
-    private _lineOperationStatuses;
-    private _transactionLines;
-    private _transactionTotal;
+    expanded: boolean;
+    isService: boolean;
+    transactionInfo: TransactionInfo;
+    lineOperationStatuses: LineOperationStatus[];
+    transactionLines: TransactionLineInfo[];
+    transactionTotal: TransactionTotal;
     private _relationId;
     private _customerId;
     private _transaction;
-    private _product;
     constructor(service: TransactionService);
     transactionSet(): void;
-    productSet(): void;
     private _retrieveCustomer;
     private _retrieveRelation;
-    private _setBasedOnProduct;
 }

package/{app → lib}/component/core/characteristic-answer/characteristic-answer.component.scss

@@ -1,4 +1,5 @@
-@import "src/style/variables";
+@import "../../../style/variables";
+/*
 @import "src/style/styles";
 
 .characteristic-title {
@@ -16,3 +17,4 @@
   display: flex;
   justify-content: center;
 }
+*/

package/lib/component/core/enum/app-popup-button-type.enum.d.ts

@@ -0,0 +1,9 @@
+export declare enum AppPopupButtonType {
+    Ok = 0,
+    Open = 1,
+    Save = 2,
+    Cancel = 3,
+    Yes = 4,
+    No = 5,
+    NoButton = 6
+}

package/{app → lib}/component/core/icon/icon.component.d.ts

@@ -1,9 +1,10 @@
 import { OnDestroy } from "@angular/core";
 import { SafeHtml } from "@angular/platform-browser";
-import { CoreComponentsIcon, IconCacheService } from "@colijnit/corecomponents_v12";
+import { IconCacheService } from "../../../service/icon-cache.service";
+import { Icon } from "../../../enum/icon.enum";
 export declare class IconComponent implements OnDestroy {
     private _iconCacheService;
-    set icon(icon: CoreComponentsIcon);
+    set icon(icon: Icon);
     svg?: SafeHtml;
     constructor(_iconCacheService: IconCacheService);
     ngOnDestroy(): void;

package/{app → lib}/component/core/icon/icon.component.scss

@@ -1,4 +1,5 @@
-@import "src/style/variables";
+@import "../../../style/variables";
+/*
 @import "src/style/styles";
 
 :host {
@@ -83,3 +84,4 @@
     @extend %full-width-height;
   }
 }
+*/

package/lib/component/core/image-display/image-display.component.d.ts

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

package/{app → lib}/component/core/image-display/style/_layout.scss

@@ -1,7 +1,8 @@
-@import "../../../../../style/mixin";
+@import "../../../../style/mixin";
 
 @include export-module('co-image-display-layout') {
   .co-image-display {
+    font-family: $tp-image-display-no-image-font-family;
     display: flex;
     align-items: center;
     justify-content: center;
@@ -17,12 +18,29 @@
     }
 
     .image {
-      height: 100%;
+      height: auto;
       width: 100%;
       background-repeat: no-repeat;
       background-size: contain;
       background-position: center center;
     }
+    .no-image {
+      display: flex;
+      flex-direction: column;
+      width: 100%;
+      height: 100%;
+      align-items: center;
+      justify-content: center;
+      opacity: $tp-image-display-no-image-opacity;
+      .img {
+        width: 60%;
+        height: 60%;
+        background: url($tp-image-display-no-image-src) no-repeat top;
+      }
+      .no-image-label {
+        font-size: $tp-image-display-no-image-label-font-size;
+      }
+    }
 
     &.cover-image {
       div.image {

package/lib/component/core/image-display/style/_material-definition.scss

@@ -0,0 +1,4 @@
+$tp-image-display-no-image-src: "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA1MCA1MCI+DQogICAgPHBhdGggZD0iTTM1LDE4bC0zLTRIMjJsLTMsNEgxNlYzNkg0MFYxOFpNMjQsMTZoNnYySDI0Wm0yLjUsMThBNi41LDYuNSwwLDEsMSwzMywyNy41LDYuNTEsNi41MSwwLDAsMSwyNi41LDM0Wk0zOCwyMkgzNlYyMGgyWiINCiAgICAgICAgICBmaWxsPSIjNDg0ZjYwIi8+DQogICAgPHJlY3QgeD0iMTAiIHk9IjE4IiB3aWR0aD0iNSIgaGVpZ2h0PSIxOCIgZmlsbD0iIzQ4NGY2MCIvPg0KICAgIDxyZWN0IHg9IjExIiB5PSIxNSIgd2lkdGg9IjMiIGhlaWdodD0iMiIgZmlsbD0iIzQ4NGY2MCIvPg0KICAgIDxwYXRoIGQ9Ik0yNi41LDMyQTQuNSw0LjUsMCwxLDEsMzEsMjcuNSw0LjUxLDQuNTEsMCwwLDEsMjYuNSwzMloiIGZpbGw9IiM0ODRmNjAiLz4NCjwvc3ZnPg0K" !default;
+$tp-image-display-no-image-font-family: $tp-font-family !default;
+$tp-image-display-no-image-label-font-size: 12px !default;
+$tp-image-display-no-image-opacity: 0.3 !default;

package/{app → lib}/component/core/image-display/style/_theme.scss

@@ -1,4 +1,4 @@
-@import "../../../../../style/mixin";
+@import "../../../../style/mixin";
 
 @include export-module('co-image-display-theme') {
   .co-image-display {

package/{app/component/checkout/checkout-relation-suggestions-list-item → lib/component/core/image-display}/style/material.scss

@@ -1,4 +1,4 @@
-@import "../../../../../style/variables";
+@import "../../../../style/variables";
 @import "./material-definition";
 @import "./layout";
 @import "./theme";

package/{app → lib}/component/core/stock-status-indicator/stock-status-indicator.component.scss

@@ -1,4 +1,5 @@
-@import "src/style/variables";
+@import "../../../style/variables";
+/*
 @import "src/style/styles";
 
 :host {
@@ -43,3 +44,4 @@
     }
   }
 }
+*/

package/lib/component/discount/discount.component.d.ts

@@ -0,0 +1,19 @@
+import { DictionaryService } from "../../service/dictionary.service";
+import { OrderDiscountType } from "../../enum/order-discount-type.enum";
+export declare class DiscountComponent {
+    private _dictionary;
+    readonly orderDiscountType: typeof OrderDiscountType;
+    showClass(): boolean;
+    discountHeader: string;
+    inputDiscounts: boolean;
+    transactionDiscountAmount: number;
+    transactionDiscountPercentage: number;
+    transactionTotal: number;
+    discountType: OrderDiscountType;
+    showDiscountsSidebar: boolean;
+    constructor(_dictionary: DictionaryService);
+    addDiscount(): void;
+    onStartDiscountInput(discountType: OrderDiscountType, header: string): void;
+    setDiscountHeader(discountType: OrderDiscountType): void;
+    onInputDiscountsOkClick(): void;
+}

package/lib/component/discount/discount.module.d.ts

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

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

@@ -0,0 +1,28 @@
+import { EventEmitter, OnInit } from "@angular/core";
+import { Address } from "@colijnit/transactionapi/build/model/address.bo";
+import { Country } from "@colijnit/transactionapi/build/model/country.bo";
+import { IOneConnectorAdapterService } from "../../service/ione-connector-adapter.service";
+import { DictionaryService } from "../../service/dictionary.service";
+import { FormMasterService } from "@colijnit/corecomponents_v12";
+export declare class RelationAddressComponent implements OnInit {
+    private _dictionary;
+    private _connector;
+    private _formMasterService;
+    label: string;
+    address: Address;
+    showButtons: boolean;
+    saveClick: EventEmitter<Address>;
+    cancelClick: EventEmitter<void>;
+    showClass(): boolean;
+    countries: Country[];
+    fields: Object;
+    constructor(_dictionary: DictionaryService, _connector: IOneConnectorAdapterService, _formMasterService: FormMasterService);
+    postalCodeCheckErrorMessage: string;
+    private _prevPostalCodeForCheck;
+    private _prevHouseNoForCheck;
+    private _address;
+    ngOnInit(): Promise<void>;
+    submitForm(): void;
+    checkForPostalCodeCheckError(): Promise<void>;
+    changeHouseNo(): void;
+}

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

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

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

@@ -0,0 +1,20 @@
+@import "../../../style/mixin";
+
+@include export-module('co-relation-address-layout') {
+  .co-relation-address {
+    font-family: $tp-relation-address-font-family;
+    font-size: $tp-relation-address-font-size;
+    .relation-address-data-row {
+      display: flex;
+      flex-direction: row;
+      flex-wrap: wrap;
+      row-gap: $tp-relation-address-default-padding;
+      column-gap: $tp-relation-address-default-padding;
+      &.default {
+        .form-input {
+          flex: 1;
+        }
+      }
+    }
+  }
+}

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

@@ -0,0 +1,3 @@
+$tp-relation-address-font-family: $tp-font-family !default;
+$tp-relation-address-font-size: $tp-font-size !default;
+$tp-relation-address-default-padding: 10px !default;

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

@@ -0,0 +1,7 @@
+@import "../../../style/mixin";
+@import "./material-definition";
+
+@include export-module('co-relation-address-theme') {
+  .co-relation-address {
+  }
+}

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

@@ -0,0 +1,5 @@
+@import "../../../style/variables";
+@import "./material-definition";
+@import "./layout";
+@import "./theme";
+@import "lib/components/input-combo-box/style/material.scss";

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

@@ -0,0 +1,33 @@
+import { ElementRef, EventEmitter } from "@angular/core";
+import { Address } from "@colijnit/transactionapi/build/model/address.bo";
+import { Icon } from "../../enum/icon.enum";
+import { FormMasterService } from "@colijnit/corecomponents_v12";
+import { BusinessObjectFactory } from "../../factory/business-object-factory";
+export declare class RelationAddressSelectComponent {
+    private _formMasterService;
+    private _boFactory;
+    readonly icons: typeof Icon;
+    set content(content: any);
+    showClass(): boolean;
+    collection: Address[];
+    showAdd: boolean;
+    addressAdded: EventEmitter<Address>;
+    addressUpdated: EventEmitter<Address>;
+    addressSelected: EventEmitter<Address>;
+    cancelClick: EventEmitter<void>;
+    selectedIdx: number;
+    addressToEdit: Address;
+    showDialog: boolean;
+    scrollContainer: ElementRef;
+    observer: IntersectionObserver;
+    showNavigateLeft: boolean;
+    showNavigateRight: boolean;
+    constructor(_formMasterService: FormMasterService, _boFactory: BusinessObjectFactory);
+    selectAddress(): void;
+    createAddress(): void;
+    saveAddress(address: Address): void;
+    editAddress(): void;
+    private _initObserver;
+    private _intersectionCallback;
+    private _hideButtons;
+}

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

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

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

@@ -0,0 +1,85 @@
+@import "../../../style/mixin";
+
+@include export-module('co-relation-address-select-layout') {
+  .co-relation-address-select {
+    .relation-address-content {
+      display: flex;
+      flex-direction: row;
+      column-gap: 10px;
+    }
+    .relation-address, .relation-address-create {
+      display: flex;
+      flex-direction: row;
+      column-gap: 10px;
+      border: 2px solid $tp-relation-address-select-border-color;
+      border-radius: 5px;
+      background-color: white;
+      padding: 10px;
+      min-width: 200px;
+      &.selected {
+        background-color: #f1fcff;
+        border: 2px solid $tp-relation-address-select-selected-border-color;
+        .relation-select-wrapper {
+          .co-radio-button {
+            label:before {
+              border-color: $tp-relation-address-select-selected-border-color;
+              background-color: $tp-relation-address-select-selected-border-color;
+            }
+            label:after {
+              color: $tp-relation-address-select-selected-border-color;
+              background-color: white;
+            }
+          }
+        }
+      }
+    }
+    .relation-select-wrapper {
+      display: flex;
+      flex-direction: column;
+      .co-radio-button {
+        border: none;
+        height: 20px;
+        width: 20px;
+        padding: 0;
+        align-items: baseline;
+        label:before {
+          border-color: $tp-relation-address-select-border-color;
+        }
+      }
+    }
+    .relation-content-wrapper {
+      display: flex;
+      flex-direction: column;
+    }
+    .relation-address-type {
+      font-weight: bold;
+    }
+    .relation-address-create, .relation-address-change {
+      display: flex;
+      flex-direction: row;
+      align-items: center;
+      font-weight: bold;
+      .relation-address-icon {
+        height: 20px;
+        width: 20px;
+        [fill] {
+          fill: $tp-relation-address-select-selected-border-color;
+        }
+      }
+      color: $tp-relation-address-select-selected-border-color;
+    }
+    .relation-address-create {
+      justify-content: center;
+    }
+    .relation-address-navigate {
+      display: flex;
+      background-color: white;
+      align-items: center;
+      justify-content: center;
+      width: 40px;
+      height: 40px;
+      border-radius: 50%;
+      box-shadow: 0 0 4px 4px $tp-relation-address-select-border-color;
+    }
+  }
+}

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

@@ -0,0 +1,4 @@
+$tp-relation-address-select-font-family: $tp-font-family !default;
+$tp-relation-address-select-font-size: $tp-font-size !default;
+$tp-relation-address-select-border-color: $tp-color-action !default;
+$tp-relation-address-select-selected-border-color: $tp-color-action-light !default;

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

@@ -0,0 +1,6 @@
+@import "../../../style/mixin";
+
+@include export-module('co-relation-address-select-theme') {
+  .co-relation-address-select {
+  }
+}

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

@@ -0,0 +1,5 @@
+@import "../../../style/variables";
+@import "./material-definition";
+@import "./layout";
+@import "./theme";
+@import "../../relation-address-tile/style/material";

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

@@ -0,0 +1,13 @@
+import { EventEmitter } from "@angular/core";
+import { Address } from "@colijnit/transactionapi/build/model/address.bo";
+import { Icon } from "../../enum/icon.enum";
+export declare class RelationAddressTileComponent {
+    readonly icons: typeof Icon;
+    showClass(): boolean;
+    address: Address;
+    actAsAddTile: boolean;
+    selected: boolean;
+    addAddressClicked: EventEmitter<void>;
+    editAddressClicked: EventEmitter<Address>;
+    handleEditAddressClick(event: MouseEvent): void;
+}

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

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

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

@@ -0,0 +1,63 @@
+@import "../../../style/mixin";
+
+@include export-module('co-relation-address-tile-layout') {
+  .co-relation-address-tile {
+    display: flex;
+    position: relative;
+    .relation-address, .relation-address-create {
+      display: flex;
+      flex-direction: row;
+      column-gap: 10px;
+      border: $tp-relation-address-tile-border;
+      border-radius: $tp-relation-address-tile-border-radius;
+      padding: $tp-relation-address-tile-padding;
+      width: 200px;
+      height: 100px;
+    }
+    .relation-select-wrapper {
+      display: flex;
+      flex-direction: column;
+      .co-radio-button {
+        border: none;
+        height: $tp-relation-address-tile-icon-width;
+        width: $tp-relation-address-tile-icon-width;
+        padding: 0;
+        align-items: baseline;
+      }
+    }
+    .relation-content-wrapper {
+      display: flex;
+      flex-direction: column;
+      row-gap: $tp-relation-address-tile-row-gap;
+    }
+    .relation-address-type {
+      font-weight: bold;
+    }
+    .relation-address-create, .relation-address-change {
+      display: flex;
+      flex-direction: row;
+      align-items: center;
+      font-weight: bold;
+      .relation-address-icon {
+        height: $tp-relation-address-tile-icon-width;
+        width: $tp-relation-address-tile-icon-width;
+      }
+    }
+    .relation-address-create {
+      justify-content: center;
+    }
+    .relation-address-edit {
+      position: absolute;
+      top: 0;
+      right: 0;
+      opacity: 0.5;
+      .relation-address-edit-icon {
+        height: $tp-relation-address-tile-edit-icon-width;
+        width: $tp-relation-address-tile-edit-icon-width;
+      }
+      &:hover {
+        opacity: 1;
+      }
+    }
+  }
+}

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

@@ -0,0 +1,15 @@
+$tp-relation-address-tile-font-family: $tp-font-family !default;
+$tp-relation-address-tile-font-size: $tp-font-size !default;
+$tp-relation-address-tile-row-gap: 3px;
+$tp-relation-address-tile-padding: 10px !default;
+$tp-relation-address-tile-border-radius: 5px !default;
+$tp-relation-address-tile-min-width: 200px !default;
+$tp-relation-address-tile-min-height: 100px !default;
+$tp-relation-address-tile-background-color: #f1fcff !default;
+$tp-relation-address-tile-icon-width: 20px !default;
+$tp-relation-address-tile-border: 2px solid !default;
+$tp-relation-address-tile-border-color: $tp-color-border !default;
+$tp-relation-address-tile-selected-border-color: #0084de !default;
+$tp-relation-address-tile-edit-background-color: $tp-color-border !default;
+$tp-relation-address-tile-edit-icon-color: $tp-color-action !default;
+$tp-relation-address-tile-edit-icon-width: 30px !default;

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

@@ -0,0 +1,51 @@
+@import "../../../style/mixin";
+
+@include export-module('co-relation-address-tile-theme') {
+  .co-relation-address-tile {
+    .relation-address, .relation-address-create {
+      background-color: white;
+      border-color: $tp-relation-address-tile-border-color;
+    }
+    .relation-select-wrapper {
+      .co-radio-button {
+        label:before {
+          border-color: $tp-relation-address-tile-border-color;
+        }
+      }
+    }
+    .relation-address-create, .relation-address-change {
+      .relation-address-icon {
+        [fill] {
+          fill: $tp-relation-address-tile-selected-border-color;
+        }
+      }
+      color: $tp-relation-address-tile-selected-border-color;
+    }
+    &.selected {
+      .relation-address {
+        background-color: $tp-relation-address-tile-background-color;
+        border-color: $tp-relation-address-tile-selected-border-color;
+        .relation-select-wrapper {
+          .co-radio-button {
+            label:before {
+              border-color: $tp-relation-address-tile-selected-border-color;
+              background-color: $tp-relation-address-tile-selected-border-color;
+            }
+
+            label:after {
+              color: $tp-relation-address-tile-selected-border-color;
+              background-color: white;
+            }
+          }
+        }
+      }
+    }
+    .relation-address-edit {
+      .relation-address-edit-icon {
+        [fill] {
+          fill: $tp-relation-address-tile-edit-icon-color;
+        }
+      }
+    }
+  }
+}

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

@@ -0,0 +1,4 @@
+@import "../../../style/variables";
+@import "./material-definition";
+@import "./layout";
+@import "./theme";

package/{app → lib}/component/service-order/service-order.component.scss

@@ -1,5 +1,6 @@
-@import "src/style/variables";
-@import "src/style/styles";
+@import "../../style/variables";
+//@import "src/style/styles";
+/*
 
 :host {
   %transaction-tab {
@@ -150,3 +151,4 @@ $color-border: #dedede;
   }
 
 }
+*/

package/{app → lib}/component/service-order/summary/transaction-delivery-summary.component.scss

@@ -1,4 +1,5 @@
-@import "src/style/variables";
+@import "../../../style/variables";
+/*
 @import "src/style/styles";
 
 :host {
@@ -18,3 +19,4 @@
     }
   }
 }
+*/

package/{app → lib}/component/service-order/summary/transaction-summary-block.component.scss

@@ -1,4 +1,5 @@
-@import "src/style/variables";
+@import "../../../style/variables";
+/*
 @import "src/style/styles";
 
 $block_content_height: 60px;
@@ -105,3 +106,4 @@ $summary-block-min-height: 130px;
     color: $tp-color-dark;
   }
 }
+*/

package/{app → lib}/component/service-order/transaction-manager/transaction-manager.component.scss

@@ -1,4 +1,5 @@
-@import "src/style/variables";
+@import "../../../style/variables";
+/*
 @import "src/style/styles";
 
 ::ng-deep #warehouseDialog {
@@ -50,3 +51,4 @@ co-button:not(:last-child) {
 co-input-number-picker co-button {
   max-width: 20px;
 }
+*/