@colijnit/transaction 12.1.14 → 12.1.15

package/lib/component/transaction-grid/transaction-base-grid/style/_layout.scss

@@ -0,0 +1,33 @@
+@import "../../../../style/mixin";
+
+@include export-module('co-transaction-base-grid-layout') {
+  .co-transaction-base-grid {
+    font-family: $tp-co-transaction-grid-font-family;
+    font-size: $tp-co-transaction-grid-font-size;
+  }
+  .co-transaction-grid-location-icon-wrapper {
+    display: flex;
+    align-items: center;
+  }
+  .co-transaction-grid-menu-icon {
+    //text-align: center;
+    width: 30px;
+    height: 30px;
+  }
+  .co-transaction-grid-sidepanel-icon {
+    width: 40px;
+    height: 40px;
+  }
+  .transaction-grid-article-image {
+    width: $tp-co-transaction-grid-article-image-width;
+  }
+  .transaction-grid-article-description {
+    font-size: $tp-co-transaction-grid-article-description-font-size;
+    font-weight: $tp-co-transaction-grid-article-description-font-weight;
+    margin-bottom: $tp-co-transaction-grid-article-description-margin-bottom;
+  }
+  .transaction-grid-header-icon {
+    height: $tp-co-transaction-grid-header-icon-size;
+    width: $tp-co-transaction-grid-header-icon-size;
+  }
+}

package/lib/component/transaction-grid/transaction-base-grid/style/_material-definition.scss

@@ -0,0 +1,8 @@
+$tp-co-transaction-grid-font-family: $tp-font-family !default;
+$tp-co-transaction-grid-font-size: $tp-font-size !default;
+$tp-co-transaction-grid-article-image-width: 80px !default;
+$tp-co-transaction-grid-header-icon-size: 20px !default;
+
+$tp-co-transaction-grid-article-description-font-size: $tp-transaction-header-font-size !default;
+$tp-co-transaction-grid-article-description-font-weight: bold !default;
+$tp-co-transaction-grid-article-description-margin-bottom: 10px !default;

package/lib/component/transaction-grid/transaction-base-grid/style/_theme.scss

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

package/lib/component/{seller-information → transaction-grid/transaction-base-grid}/style/material.scss

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

package/lib/component/transaction-grid/transaction-base-grid/transaction-base-grid.component.d.ts

@@ -0,0 +1,8 @@
+import { TransactionGridBaseComponent } from "../../core/base/transaction-grid-base.component";
+import { ColumnAlign } from "@colijnit/corecomponents_v12";
+import { Icon } from "../../../enum/icon.enum";
+export declare class TransactionBaseGridComponent extends TransactionGridBaseComponent {
+    readonly align: typeof ColumnAlign;
+    readonly icon: typeof Icon;
+    showClass: boolean;
+}

package/lib/component/transaction-grid/transaction-base-grid/transaction-base-grid.module.d.ts

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

package/lib/component/transaction-grid/transaction-grid/style/_layout.scss

@@ -0,0 +1,6 @@
+@import "../../../../style/mixin";
+
+@include export-module('cc-transaction-grid-layout') {
+  .co-transaction-grid {
+  }
+}

package/lib/component/transaction-grid/transaction-grid/style/_theme.scss

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

package/lib/component/transaction-grid/transaction-grid/style/material.scss

@@ -0,0 +1,5 @@
+@import "../../../../style/mixin";
+@import "./_material-definition";
+@import "./_layout";
+@import "./_theme";
+@import "../../transaction-base-grid/style/material";

package/lib/component/transaction-grid/transaction-grid/transaction-grid.component.d.ts

@@ -0,0 +1,25 @@
+import { ApplicationRef, ComponentFactoryResolver, EventEmitter, Injector } from "@angular/core";
+import { TransactionKind } from "@colijnit/transactionapi/build/enum/transaction-kind.enum";
+import { TransactionTypeCategory } from "../../../enum/transaction-type-category.enum";
+import { TransactionMappingService } from "../../../service/transaction-mapping.service";
+import { TransactionLineInfo } from "@colijnit/transactionapi/build/model/transaction-line-info.bo";
+export declare class TransactionGridComponent {
+    private _mappingService;
+    private _compFactoryResolver;
+    private appRef;
+    private injector;
+    set container(content: any);
+    set transactionType(value: TransactionKind);
+    get transactionType(): TransactionKind;
+    set activeCategory(value: TransactionTypeCategory);
+    get activeCategory(): TransactionTypeCategory;
+    transactionLines: TransactionLineInfo[];
+    sidePanelClicked: EventEmitter<TransactionLineInfo>;
+    showClass(): boolean;
+    private _transactionGridContainer;
+    private _transactionType;
+    private _activeCategory;
+    private _componentRef;
+    constructor(_mappingService: TransactionMappingService, _compFactoryResolver: ComponentFactoryResolver, appRef: ApplicationRef, injector: Injector);
+    private _prepareContent;
+}

package/lib/component/transaction-grid/transaction-grid/transaction-grid.module.d.ts

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

package/lib/component/{transaction-history-grid → transaction-grid/transaction-history-grid}/style/_layout.scss

@@ -1,4 +1,4 @@
-@import "../../../style/mixin";
+@import "../../../../style/mixin";
 
 @include export-module('co-transaction-history-grid-layout') {
   .co-transaction-history-grid {

package/lib/component/{transaction-history-grid → transaction-grid/transaction-history-grid}/style/_theme.scss

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

package/lib/component/{transaction-commit-bar → transaction-grid/transaction-history-grid}/style/material.scss

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

package/lib/component/{transaction-history-grid → transaction-grid/transaction-history-grid}/transaction-history-grid.component.d.ts

@@ -1,8 +1,8 @@
 import { QueryList } from "@angular/core";
-import { TabCategory } from "../../enum/tab-category.enum";
+import { TabCategory } from "../../../enum/tab-category.enum";
 import { TransactionLineInfo } from "@colijnit/transactionapi/build/model/transaction-line-info.bo";
 import { SimpleGridColumnDirective } from "@colijnit/corecomponents_v12";
-import { StatusType } from "../../enum/status-type.enum";
+import { StatusType } from "../../../enum/status-type.enum";
 export declare class TransactionHistoryGridComponent {
     readonly tabCategory: typeof TabCategory;
     readonly statusType: typeof StatusType;

package/lib/component/{transaction-lines-grid → transaction-grid/transaction-lines-grid}/style/_layout.scss

@@ -1,4 +1,4 @@
-@import "../../../style/mixin";
+@import "../../../../style/mixin";
 
 @include export-module('co-transaction-lines-grid-layout') {
   .co-transaction-lines-grid {
@@ -33,5 +33,9 @@
       border: $tp-transaction-lines-grid-data-border;
       border-width: $tp-transaction-lines-grid-data-border-width;
     }
+    .transaction-lines-grid-line-label {
+      font-size: $tp-transaction-lines-grid-line-label-font-size;
+      font-weight: $tp-transaction-lines-grid-line-label-font-weight;
+    }
   }
 }

package/lib/component/{transaction-lines-grid → transaction-grid/transaction-lines-grid}/style/_material-definition.scss

@@ -17,3 +17,6 @@ $tp-transaction-lines-grid-data-height: 40px !default;
 $tp-transaction-lines-grid-data-border: solid !default;
 $tp-transaction-lines-grid-data-border-width: 0 0 1px 0 !default;
 $tp-transaction-lines-grid-data-border-color: $tp-color-border !default;
+
+$tp-transaction-lines-grid-line-label-font-size: $tp-font-size !default;
+$tp-transaction-lines-grid-line-label-font-weight: bold !default;

package/lib/component/{transaction-lines-grid → transaction-grid/transaction-lines-grid}/style/_theme.scss

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

package/lib/component/transaction-grid/transaction-lines-grid/style/material.scss

@@ -0,0 +1,4 @@
+@import "./material-definition";
+@import "./layout";
+@import "./theme";
+@import "../../../../component/transaction-line-grid/style/material";

package/lib/component/transaction-grid/transaction-lines-grid/transaction-lines-grid.component.d.ts

@@ -0,0 +1,11 @@
+import { TransactionLineInfo } from "@colijnit/transactionapi/build/model/transaction-line-info.bo";
+import { TransactionService } from "../../../service/transaction.service";
+import { TransactionGridBaseComponent } from "../../core/base/transaction-grid-base.component";
+import { TransactionImageService } from "../../../service/transaction-image.service";
+export declare class TransactionLinesGridComponent extends TransactionGridBaseComponent {
+    protected imageService: TransactionImageService;
+    private _service;
+    showClass(): boolean;
+    constructor(imageService: TransactionImageService, _service: TransactionService);
+    changeLineAmount(row: TransactionLineInfo, amount: number): void;
+}

package/lib/component/transaction-grid/transaction-order-confirmation-grid/style/_layout.scss

@@ -0,0 +1,7 @@
+@import "../../../../style/mixin";
+
+@include export-module('co-transaction-order-confirmation-grid-layout') {
+  .co-transaction-order-confirmation-grid {
+
+  }
+}

package/lib/component/transaction-grid/transaction-order-confirmation-grid/style/_theme.scss

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

package/lib/component/transaction-grid/transaction-order-confirmation-grid/style/material.scss

@@ -0,0 +1,3 @@
+@import "./material-definition";
+@import "./layout";
+@import "./theme";

package/lib/component/transaction-grid/transaction-order-confirmation-grid/transaction-order-confirmation-grid.component.d.ts

@@ -0,0 +1,4 @@
+import { TransactionGridBaseComponent } from "../../core/base/transaction-grid-base.component";
+export declare class TransactionOrderConfirmationGridComponent extends TransactionGridBaseComponent {
+    showClass(): boolean;
+}

package/lib/component/transaction-grid/transaction-order-confirmation-grid/transaction-order-confirmation-grid.module.d.ts

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

package/lib/component/transaction-grid/transaction-received-goods-grid/style/_layout.scss

@@ -0,0 +1,6 @@
+@import "../../../../style/mixin";
+
+@include export-module('cc-transaction-received-goods-grid-layout') {
+  .co-transaction-received-goods-grid {
+  }
+}

package/lib/component/transaction-grid/transaction-received-goods-grid/style/_theme.scss

@@ -0,0 +1,6 @@
+@import "../../../../style/mixin";
+
+@include export-module('cc-transaction-received-goods-grid-theme') {
+  .co-transaction-received-goods-grid {
+  }
+}

package/lib/component/transaction-grid/transaction-received-goods-grid/style/material.scss

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

package/lib/component/transaction-grid/transaction-received-goods-grid/transaction-received-goods-grid.component.d.ts

@@ -0,0 +1,4 @@
+import { TransactionGridBaseComponent } from "../../core/base/transaction-grid-base.component";
+export declare class TransactionReceivedGoodsGridComponent extends TransactionGridBaseComponent {
+    showClass(): boolean;
+}

package/lib/component/transaction-grid/transaction-received-goods-grid/transaction-received-goods-grid.module.d.ts

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

package/lib/component/transaction-header/transaction-header/style/_layout.scss

@@ -0,0 +1,40 @@
+@import "../../../../style/mixin";
+
+@include export-module('co-transaction-header-layout') {
+  .co-transaction-header {
+    display: block;
+    font-family: $tp-co-transaction-header-font-family;
+    font-size: $tp-co-transaction-header-font-size;
+    .transaction-header-wrapper {
+      display: flex;
+      flex-direction: row;
+      padding: $tp-co-transaction-header-padding;
+      border: $tp-co-transaction-header-border;
+      border-width: $tp-co-transaction-header-border-width;
+      column-gap: $tp-co-transaction-header-gap;
+      row-gap: $tp-co-transaction-header-gap;
+
+      .collapse-handle {
+        display: flex;
+        align-items: center;
+        justify-content: center;
+        border: 1px solid;
+        border-radius: 25px;
+        width: 45px;
+        height: 30px;
+        opacity: 0.3;
+        margin-right: 25px;
+        .collapse-icon {
+          width: 40px;
+          height: 40px;
+          transition: all 0.2s;
+        }
+        &.expanded {
+          .collapse-icon {
+            transform: rotate(180deg);
+          }
+        }
+      }
+    }
+  }
+}

package/lib/component/transaction-header/transaction-header/style/_material-definition.scss

@@ -0,0 +1,9 @@
+$tp-co-transaction-header-font-family: $tp-font-family !default;
+$tp-co-transaction-header-font-size: $tp-font-size !default;
+$tp-co-transaction-header-font-color: $tp-color-font !default;
+$tp-co-transaction-header-background-color: white !default;
+$tp-co-transaction-header-padding: 0 !default;
+$tp-co-transaction-header-border: none !default;
+$tp-co-transaction-header-border-width: 0 0 1px 0 !default;
+$tp-co-transaction-header-border-color: $tp-color-border !default;
+$tp-co-transaction-header-gap: 20px !default;

package/lib/component/transaction-header/transaction-header/style/_theme.scss

@@ -0,0 +1,11 @@
+@import "../../../../style/mixin";
+
+@include export-module('co-transaction-header-theme') {
+  .co-transaction-header {
+    color: $tp-co-transaction-header-font-color;
+    background-color: $tp-co-transaction-header-background-color;
+    .transaction-header-wrapper {
+      border-color: $tp-co-transaction-header-border-color;
+    }
+  }
+}

package/lib/component/transaction-header/transaction-header/style/material.scss

@@ -0,0 +1,7 @@
+@import "./material-definition";
+@import "./layout";
+@import "./theme";
+@import "../../transaction-header-relation/style/material";
+@import "../../transaction-header-order/style/material";
+@import "../../transaction-header-delivery/style/material";
+@import "../../transaction-header-payment/style/material";

package/lib/component/transaction-header/transaction-header/transaction-header.component.d.ts

@@ -0,0 +1,10 @@
+import { Icon } from "../../../enum/icon.enum";
+import { TransactionInfoResponse } from "@colijnit/transactionapi/build/model/transaction-info-response.bo";
+export declare class TransactionHeaderComponent {
+    readonly icons: typeof Icon;
+    set transaction(value: TransactionInfoResponse);
+    get transaction(): TransactionInfoResponse;
+    showClass(): boolean;
+    relationId: number;
+    private _transaction;
+}

package/lib/component/transaction-header/transaction-header/transaction-header.module.d.ts

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

package/lib/component/transaction-header/transaction-header-delivery/style/_layout.scss

@@ -0,0 +1,33 @@
+@import "../../../../style/mixin";
+
+@include export-module('co-transaction-header-delivery-layout') {
+  .co-transaction-header-delivery {
+    display: flex;
+    .transaction-header-block-header {
+      co-icon {
+        position: relative;
+        height: $tp-transaction-header-delivery-button-width;
+        width: $tp-transaction-header-delivery-button-width;
+      }
+    }
+    .header-delivery-method {
+      display: flex;
+      column-gap: 10px;
+      align-items: center;
+    }
+    .planning-request-button {
+      border: $tp-transaction-header-delivery-planning-request-button-border;
+      border-radius: $tp-transaction-header-delivery-planning-request-button-border-radius;
+
+    }
+    .header-delivery-deliverydate-wrapper {
+      display: flex;
+      column-gap: 10px;
+      align-items: center;
+      co-icon {
+        width: 15px;
+        height: 15px;
+      }
+    }
+  }
+}

package/lib/component/transaction-header/transaction-header-delivery/style/_material-definition.scss

@@ -0,0 +1,6 @@
+$tp-transaction-header-delivery-button-width: 40px !default;
+$tp-transaction-header-delivery-planning-request-button-color: $tp-color-active !default;
+$tp-transaction-header-delivery-planning-request-button-border: 1px solid !default;
+$tp-transaction-header-delivery-planning-request-button-border-color: $tp-color-border !default;
+$tp-transaction-header-delivery-planning-request-button-border-radius: 5px !default;
+$tp-transaction-header-delivery-definitive-button-color: $tp-color-active-light !default;

package/lib/component/transaction-header/transaction-header-delivery/style/_theme.scss

@@ -0,0 +1,17 @@
+@import "../../../../style/mixin";
+
+@include export-module('co-transaction-header-delivery-theme') {
+  .co-transaction-header-delivery {
+    .planning-request-button {
+      border-color: $tp-transaction-header-delivery-planning-request-button-border-color;
+      & [fill] {
+        fill: $tp-transaction-header-delivery-planning-request-button-color;
+      }
+    }
+    .header-delivery-deliverydate-wrapper.closed {
+      co-icon [fill] {
+        fill: $tp-transaction-header-delivery-definitive-button-color;
+      }
+    }
+  }
+}

package/lib/component/transaction-header/transaction-header-delivery/style/material.scss

@@ -0,0 +1,3 @@
+@import "./material-definition";
+@import "./layout";
+@import "./theme";

package/lib/component/transaction-header/transaction-header-delivery/transaction-header-delivery.component.d.ts

@@ -0,0 +1,15 @@
+import { TransactionBaseComponent } from "../../core/base/transaction-base.component";
+import { Icon } from "../../../enum/icon.enum";
+import { TransactionService } from "../../../service/transaction.service";
+import { DeliveryMethod } from "@colijnit/transactionapi/build/model/delivery-method.bo";
+import { IconCacheService } from "../../../service/icon-cache.service";
+export declare class TransactionHeaderDeliveryComponent extends TransactionBaseComponent {
+    iconService: IconCacheService;
+    protected service: TransactionService;
+    readonly icons: typeof Icon;
+    showClass(): boolean;
+    deliveryMethod: DeliveryMethod;
+    deliveryMethods: DeliveryMethod[];
+    constructor(iconService: IconCacheService, service: TransactionService);
+    transactionSet(): void;
+}

package/lib/component/transaction-header/transaction-header-order/style/_layout.scss

@@ -0,0 +1,7 @@
+@import "../../../../style/mixin";
+
+@include export-module('co-transaction-header-order-layout') {
+  .co-transaction-header-order {
+    display: flex;
+  }
+}

package/lib/component/transaction-header/transaction-header-order/style/_theme.scss

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

package/lib/component/transaction-header/transaction-header-order/style/material.scss

@@ -0,0 +1,4 @@
+@import "./material-definition";
+@import "./layout";
+@import "./theme";
+@import "../../../core/base/components/transaction-header-block/style/material";

package/lib/component/transaction-header/transaction-header-order/transaction-header-order.component.d.ts

@@ -0,0 +1,4 @@
+import { TransactionBaseComponent } from "../../core/base/transaction-base.component";
+export declare class TransactionHeaderOrderComponent extends TransactionBaseComponent {
+    showClass(): boolean;
+}

package/lib/component/transaction-header/transaction-header-order/transaction-header-order.module.d.ts

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

package/lib/component/transaction-header/transaction-header-payment/style/_layout.scss

@@ -0,0 +1,13 @@
+@import "../../../../style/mixin";
+
+@include export-module('cc-transaction-header-payment-layout') {
+  .co-transaction-header-payment {
+    display: flex;
+    .header-block-balance {
+      display: flex;
+      column-gap: 10px;
+      border-radius: $tp-transaction-header-block-payment-balance-border-radius;
+      padding: $tp-transaction-header-block-payment-balance-padding;
+    }
+  }
+}

package/lib/component/transaction-header/transaction-header-payment/style/_material-definition.scss

@@ -0,0 +1,4 @@
+$tp-transaction-header-block-payment-balance-background: $tp-color-active-light !default;
+$tp-transaction-header-block-payment-balance-padding: 5px 10px !default;
+$tp-transaction-header-block-payment-balance-border-radius: 10px !default;
+$tp-transaction-header-block-payment-balance-to-pay-color: #C1002A !default;

package/lib/component/transaction-header/transaction-header-payment/style/_theme.scss

@@ -0,0 +1,12 @@
+@import "../../../../style/mixin";
+
+@include export-module('cc-transaction-header-payment-theme') {
+  .co-transaction-header-payment {
+    .header-block-balance {
+      background: $tp-transaction-header-block-payment-balance-background;
+      .payment-to-pay {
+        color: $tp-transaction-header-block-payment-balance-to-pay-color;
+      }
+    }
+  }
+}

package/lib/component/transaction-header/transaction-header-payment/style/material.scss

@@ -0,0 +1,5 @@
+@import "../../../../style/mixin";
+@import "./_material-definition";
+@import "./_layout";
+@import "./_theme";
+@import "../../../core/base/components/transaction-header-block/style/material";

package/lib/component/transaction-header/transaction-header-payment/transaction-header-payment.component.d.ts

@@ -0,0 +1,4 @@
+import { TransactionBaseComponent } from "../../core/base/transaction-base.component";
+export declare class TransactionHeaderPaymentComponent extends TransactionBaseComponent {
+    showClass(): boolean;
+}

package/lib/component/transaction-header/transaction-header-payment/transaction-header-payment.module.d.ts

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

package/lib/component/transaction-header/transaction-header-relation/style/_layout.scss

@@ -0,0 +1,7 @@
+@import "../../../../style/mixin";
+
+@include export-module('co-transaction-header-relation-layout') {
+  .co-transaction-header-relation {
+    display: flex;
+  }
+}

package/lib/component/transaction-header/transaction-header-relation/style/_theme.scss

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

package/lib/component/transaction-header/transaction-header-relation/style/material.scss

@@ -0,0 +1,4 @@
+@import "./material-definition";
+@import "./layout";
+@import "./theme";
+@import "../../../core/base/components/transaction-header-block/style/material";

package/lib/component/{transaction-header-relation → transaction-header/transaction-header-relation}/transaction-header-relation.component.d.ts

@@ -1,4 +1,4 @@
-import { TransactionBaseComponent } from "../core/base/transaction-base.component";
+import { TransactionBaseComponent } from "../../core/base/transaction-base.component";
 export declare class TransactionHeaderRelationComponent extends TransactionBaseComponent {
     showClass(): boolean;
 }

package/lib/component/transaction-header/transaction-header.component.d.ts

@@ -5,8 +5,6 @@ export declare class TransactionHeaderComponent {
     set transaction(value: TransactionInfoResponse);
     get transaction(): TransactionInfoResponse;
     showClass(): boolean;
-    expanded: boolean;
     relationId: number;
     private _transaction;
-    handleExpandClick(event: MouseEvent): void;
 }

package/lib/component/transaction-history-grid-status/style/material.scss

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