@colijnit/transaction 12.1.5 → 12.1.8

package/lib/component/confirmation-dialog/style/_layout.scss

@@ -0,0 +1,22 @@
+@import "../../../style/mixin";
+
+@include export-module('co-confirmation-dialog-layout') {
+  .co-confirmation-dialog {
+    .confirmation-dialog-wrapper {
+      font-family: $tp-co-confirmation-dialog-font-family;
+      font-size: $tp-co-confirmation-dialog-font-size;
+      display: flex;
+      flex-direction: column;
+      row-gap: 20px;
+    }
+    .title {
+      font-weight: bold;
+    }
+    .button-wrapper {
+      display: flex;
+      flex-direction: row;
+      justify-content: flex-end;
+      column-gap: 5px;
+    }
+  }
+}

package/lib/component/confirmation-dialog/style/_material-definition.scss

@@ -0,0 +1,2 @@
+$tp-co-confirmation-dialog-font-family: $tp-font-family !default;
+$tp-co-confirmation-dialog-font-size: $tp-font-size !default;

package/lib/component/confirmation-dialog/style/_theme.scss

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

package/lib/component/confirmation-dialog/style/material.scss

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

package/lib/component/core/base/dialog-base.component.d.ts

@@ -0,0 +1,4 @@
+import { AppPopupButtonType } from "../enum/app-popup-button-type.enum";
+export declare abstract class DialogBaseComponent {
+    onClose(eventType: AppPopupButtonType, output?: any): void;
+}

package/lib/component/core/base/style/_layout.scss

@@ -0,0 +1,7 @@
+@import "../../../../style/mixin";
+
+@include export-module('co-default-ok-cancel-buttons-layout') {
+  .co-default-ok-cancel-buttons {
+    display: flex;
+  }
+}

package/lib/component/core/base/style/_theme.scss

@@ -0,0 +1,6 @@
+@import "../../../../style/mixin";
+
+@include export-module('co-default-ok-cancel-buttons-theme') {
+  .co-default-ok-cancel-buttons {
+  }
+}

package/lib/component/core/base/style/material.scss

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

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/lib/component/core/characteristic-answer/characteristic-answer.component.scss

@@ -0,0 +1,20 @@
+@import "../../../style/variables";
+/*
+@import "src/style/styles";
+
+.characteristic-title {
+  font-weight: bold;
+  font-size: 20px;
+  margin-right: 10px;
+}
+
+.characteristic-value {
+  font-weight: bold;
+  font-size: 20px;
+}
+
+.characteristic-header {
+  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/component/common → 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/lib/component/core/icon/icon.component.scss

@@ -0,0 +1,87 @@
+@import "../../../style/variables";
+/*
+@import "src/style/styles";
+
+:host {
+  @extend %icon-size;
+  @extend %inline-flex;
+
+  &.dark ::ng-deep {
+    @include icon-fill($tp-color-dark);
+  }
+
+  &.light ::ng-deep {
+    @include icon-fill($tp-color-light);
+  }
+
+  &.red ::ng-deep {
+    @include icon-fill($tp-color-error);
+  }
+
+  &.grey ::ng-deep {
+    @include icon-fill($tp-color-grey);
+  }
+
+  &.action ::ng-deep {
+    @extend %cursor-pointer;
+  }
+
+  &.action-color ::ng-deep {
+    @include icon-fill($tp-color-action);
+  }
+
+  &.circle {
+    @extend %circle;
+  }
+
+  &.pico {
+    @extend %icon-size-pico;
+  }
+
+  &.nano {
+    @extend %icon-size-nano;
+  }
+
+  &.small {
+    @extend %icon-size-small;
+  }
+
+  &.big {
+    @extend %icon-size-big;
+  }
+
+  &.very-big {
+    @extend %icon-size-very-big;
+  }
+
+  &.humongous {
+    @extend %icon-size-humongous;
+  }
+
+  &.massive {
+    @extend %icon-size-massive;
+  }
+
+  &.inactive {
+    opacity: 0.25;
+  }
+
+  &.disabled {
+    opacity: 0.25 !important;
+  }
+
+  &.no-shrink {
+    @extend %flex-no-shrink;
+  }
+
+  &:hover {
+    &.action ::ng-deep {
+      @include icon-fill($tp-color-action);
+    }
+  }
+
+  ::ng-deep svg {
+    @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/lib/component/core/image-display/style/_layout.scss

@@ -0,0 +1,57 @@
+@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;
+    height: 100%;
+    width: 100%;
+    .image-wrapper {
+      display: flex;
+      align-items: center;
+      justify-content: center;
+      position: relative;
+      height: 100%;
+      width: 100%;
+    }
+
+    .image {
+      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 {
+        background-size: cover;
+      }
+    }
+    &.circle {
+      .img-wrapper,
+      .image {
+        border-radius: 50%;
+      }
+    }
+  }
+}

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/lib/component/core/image-display/style/_theme.scss

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

package/lib/component/core/image-display/style/material.scss

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

package/lib/component/core/relation/customer-groups.component.d.ts

@@ -0,0 +1,13 @@
+import { EventEmitter, OnInit } from "@angular/core";
+import { IOneConnectorAdapterService } from "../../../service/ione-connector-adapter.service";
+import { CustomerGroup } from "@colijnit/transactionapi/build/model/customer-group.bo";
+export declare class CustomerGroupsComponent implements OnInit {
+    private _connector;
+    required: boolean;
+    model: string;
+    modelChange: EventEmitter<CustomerGroup>;
+    customerGroups: CustomerGroup[];
+    fields: Object;
+    constructor(_connector: IOneConnectorAdapterService);
+    ngOnInit(): Promise<void>;
+}

package/lib/component/core/stock-status-indicator/stock-status-indicator.component.scss

@@ -0,0 +1,47 @@
+@import "../../../style/variables";
+/*
+@import "src/style/styles";
+
+:host {
+  @extend %inline-block;
+  background-color: rgba(white, 0.25);
+  width: 30px;
+  height: 20px;
+
+  > div {
+    @extend %flex-center;
+    @extend %full-width-height;
+    > div {
+      width: 5px;
+      height: 5px;
+      flex-shrink: 0;
+      flex-grow: 0;
+      margin-right: 2px;
+    }
+
+    &.low, &.empty, &.none {
+      > div.square-1 {
+        background-color: $tp-color-stock-low;
+      }
+      > div.square-2, div.square-3 {
+        background-color: $tp-color-stock-empty;
+      }
+    }
+
+    &.medium {
+      > div.square-1, div.square-2 {
+        background-color: $tp-color-stock-medium;
+      }
+      > div.square-3 {
+        background-color: $tp-color-stock-empty;
+      }
+    }
+
+    &.high {
+      > div.square-1, div.square-2, div.square-3 {
+        background-color: $tp-color-stock-high;
+      }
+    }
+  }
+}
+*/

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";