@colijnit/transaction 12.1.57 → 12.1.59

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/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-relation-edit/checkout-overview-relation-edit.component.d.ts

@@ -17,8 +17,6 @@ export declare class CheckoutOverviewRelationEditComponent implements OnInit {
     readonly addressType: typeof AddressType;
     set relation(value: CustomerFullObject);
     get relation(): CustomerFullObject;
-    set deliveryAddressNawNr(value: number);
-    set invoiceAddressNawNr(value: number);
     validSubmit: EventEmitter<void>;
     invalidSubmit: EventEmitter<void>;
     deliveryAddressChange: EventEmitter<number>;
@@ -30,16 +28,14 @@ export declare class CheckoutOverviewRelationEditComponent implements OnInit {
     selectedAddress: Address;
     deliveryAddress: Address;
     invoiceAddress: Address;
-    deliveryAddressIdx: number;
-    invoiceAddressIdx: number;
+    deliveryAddressNawNr: number;
+    invoiceAddressNawNr: number;
     editAddressType: AddressType;
     get applicationUser(): boolean;
     constructor(_formMaster: FormMasterService, _boFactory: BusinessObjectFactory, service: TransactionService);
     ngOnInit(): Promise<void>;
     updateRelation(rel: CustomerFullObject): void;
     submit(): boolean;
-    setIndexDeliveryAddress(idx: number): void;
-    setIndexInvoiceAddress(idx: number): 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;

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

@@ -10,7 +10,7 @@
       padding: $tp-checkout-padding;
     }
     .co-stepper-step {
-      flex-basis: 60%;
+      flex-basis: $tp-checkout-default-width;
       flex-grow: 1;
       flex-shrink: 1;
     }
@@ -29,5 +29,90 @@
     .co-checkout-overview-payment {
       width: 100%;
     }
+    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-label-column-font-family;
+      font-size: $tp-checkout-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-label-description-fontsize;
+      }
+      .label {
+        font-weight: $tp-checkout-label-fontweight;
+      }
+    }
+    .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-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/style/_material-definition.scss

@@ -1,5 +1,12 @@
+$tp-checkout-font-family: $tp-font-family !default;
 $tp-checkout-padding: 30px !default;
 $tp-checkout-column-gap: 10px !default;
+$tp-checkout-row-gap: 10px !default;
+$tp-checkout-default-width: 55% !default;
 $tp-checkout-right-panel-row-gap: 10px !default;
 $tp-checkout-right-panel-width: 400px !default;
 $tp-checkout-right-panel-width: 50% !default;
+$tp-checkout-label-column-font-family: $tp-font-family;
+$tp-checkout-label-fontsize: $tp-font-size !default;
+$tp-checkout-label-description-fontsize: $tp-font-size-small !default;
+$tp-checkout-label-fontweight: bold !default;

package/lib/component/core/base/components/characteristic-answer/style/_layout.scss

@@ -3,9 +3,5 @@
     .co-dialog:not(.is-mobile) .co-dialog-wrapper {
       min-width: 500px;
     }
-    .dialog-footer-button-wrapper {
-      display: flex;
-      justify-content: $tp-transaction-dialog-footer-justify-content;
-    }
   }
 }

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

@@ -3,9 +3,5 @@
     .co-dialog:not(.is-mobile) .co-dialog-wrapper {
       min-width: 500px;
     }
-    .dialog-footer-button-wrapper {
-      display: flex;
-      justify-content: $tp-transaction-dialog-footer-justify-content;
-    }
   }
 }

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

@@ -3,8 +3,11 @@ import { EventEmitter } from "@angular/core";
 import { TransactionLineBaseComponent } from "./transaction-line-base.component";
 export declare abstract class DialogTransactionLineBaseComponent extends TransactionLineBaseComponent<any> {
     readonly buttonType: typeof AppPopupButtonType;
+    autoClose: boolean;
+    useModel: boolean;
     close: EventEmitter<void>;
     value: any;
+    searchText: string;
     onClose(eventType: AppPopupButtonType, output?: any): void;
     handleValueChange(value: any): void;
     handleOkClick(): void;

package/lib/component/core/base/transaction-filter-popup-base.component.d.ts

@@ -1,8 +1,7 @@
 import { EventEmitter } from "@angular/core";
 import { BusinessObject } from "@colijnit/transactionapi/build/model/business-object";
-import { TransactionLineInfo } from "@colijnit/transactionapi/build/model/transaction-line-info.bo";
-import { TransactionInfo } from "@colijnit/transactionapi/build/model/transaction-info.bo";
-export declare abstract class TransactionFilterPopupBaseComponent<T extends BusinessObject | number | string> {
+import { TransactionLineBaseComponent } from "./transaction-line-base.component";
+export declare abstract class TransactionFilterPopupBaseComponent<T extends BusinessObject | number | string> extends TransactionLineBaseComponent<T> {
     autoClose: boolean;
     useModel: boolean;
     set searchText(value: string);
@@ -12,7 +11,6 @@ export declare abstract class TransactionFilterPopupBaseComponent<T extends Busi
     closeAfterCommit: EventEmitter<void>;
     set collection(value: T[]);
     get collection(): T[];
-    get model(): TransactionLineInfo | TransactionInfo;
     viewModels: {
         value: any;
         propsForLabel: string[];

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

@@ -1,14 +1,13 @@
 import { TransactionInfo } from "@colijnit/transactionapi/build/model/transaction-info.bo";
 import { BusinessObject } from "@colijnit/transactionapi/build/model/business-object";
-import { TransactionFilterPopupBaseComponent } from "./transaction-filter-popup-base.component";
-import { TransactionLineInfo } from "@colijnit/transactionapi/build/model/transaction-line-info.bo";
 import { TransactionTotal } from "@colijnit/transactionapi/build/model/transaction-total.bo";
-export declare abstract class TransactionHeaderBaseComponent<T extends BusinessObject | number | string> extends TransactionFilterPopupBaseComponent<T> {
+import { TransactionHeaderFilterPopupBaseComponent } from "./transaction-header-filter-popup-base.component";
+export declare abstract class TransactionHeaderBaseComponent<T extends BusinessObject | number | string> extends TransactionHeaderFilterPopupBaseComponent<T> {
     set transactionInfo(value: TransactionInfo);
     get transactionInfo(): TransactionInfo;
     set transactionTotal(value: TransactionTotal);
     get transactionTotal(): TransactionTotal;
-    get model(): TransactionLineInfo | TransactionInfo;
+    get model(): TransactionInfo;
     readonly: boolean;
     private _transactionInfo;
     private _transactionTotal;