@colijnit/transaction 12.1.17 → 12.1.20

package/lib/component/transaction-search/transaction-filter-content-article/transaction-filter-content-article.component.d.ts

@@ -23,6 +23,16 @@ export declare class TransactionFilterContentArticleComponent implements OnInit
         text: any;
         value: any;
     };
+    turnoverGroups: FilterItemViewmodel[];
+    turnoverGroupFields: {
+        text: any;
+        value: any;
+    };
+    mainArticles: FilterItemViewmodel[];
+    mainArticleFields: {
+        text: any;
+        value: any;
+    };
     suppliers: FilterItemViewmodel[];
     supplierFields: {
         text: any;
@@ -31,7 +41,10 @@ export declare class TransactionFilterContentArticleComponent implements OnInit
     constructor(searchService: TransactionSearchService, filterRequestService: FilterRequestService, _transactionService: TransactionService);
     ngOnInit(): void;
     onFilterButtonClick(): void;
-    private _setArticleNumbers;
+    getArticles: (text: string) => Promise<FilterItemViewmodel[]>;
+    handleCollectionChangeArticleNumber(collection: FilterItemViewmodel[]): void;
     private _setExceedanceCodes;
+    private _setTurnoverGroups;
+    private _setMainArticles;
     private _setSuppliers;
 }

package/lib/component/transaction-search/transaction-filter-content-logistics/style/material.scss

@@ -2,3 +2,4 @@
 @import "./material-definition";
 @import "./layout";
 @import "./theme";
+@import "../../transaction-filter-historic-state/style/material";

package/lib/component/transaction-search/transaction-filter-content-logistics/transaction-filter-content-logistics.component.d.ts

@@ -30,6 +30,7 @@ export declare class TransactionFilterContentLogisticsComponent implements OnIni
     constructor(searchService: TransactionSearchService, filterRequestService: FilterRequestService, _transactionService: TransactionService);
     ngOnInit(): void;
     onFilterButtonClick(): void;
+    handleAllocatedChange(value: any): void;
     private _setRangeDates;
     private _setDeliveryMethods;
     private _setWarehouses;

package/lib/component/transaction-search/transaction-filter-content-order/transaction-filter-content-order.component.d.ts

@@ -50,6 +50,8 @@ export declare class TransactionFilterContentOrderComponent implements OnInit {
     constructor(searchService: TransactionSearchService, filterRequestService: FilterRequestService, _transactionService: TransactionService);
     ngOnInit(): void;
     onFilterButtonClick(): void;
+    loadCustomers: (nameFilter: string) => Promise<FilterItemViewmodel[]>;
+    handleCollectionChangeCustomerName(collection: FilterItemViewmodel[]): void;
     private _setRangeDates;
     private _setSalesPersons;
     private _setTags;

package/lib/component/transaction-search/transaction-filter-historic-state/style/_layout.scss

@@ -0,0 +1,9 @@
+@include export-module('cc-transaction-filter-historic-state-layout') {
+  .co-transaction-filter-historic-state {
+    .co-radio-button {
+      height: auto;
+      padding: 0;
+      border: none;
+    }
+  }
+}

package/lib/component/transaction-search/transaction-filter-historic-state/style/_theme.scss

@@ -0,0 +1,4 @@
+@include export-module('cc-transaction-filter-historic-state-theme') {
+  .co-transaction-filter-historic-state {
+  }
+}

package/lib/component/transaction-search/transaction-filter-historic-state/style/material.scss

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

package/lib/component/transaction-search/transaction-filter-historic-state/transaction-filter-historic-state.component.d.ts

@@ -0,0 +1,22 @@
+import { EventEmitter } from "@angular/core";
+import { QuantityInHistoricState } from "@colijnit/transactionapi/build/enum/quantity-in-historic-state.enum";
+export interface HistoricStates {
+    label: string;
+    value: QuantityInHistoricState;
+    checked: boolean;
+}
+export declare class TransactionFilterHistoricStateComponent {
+    set label(value: string);
+    get label(): string;
+    expanded: boolean;
+    filterClicked: EventEmitter<number>;
+    showClass(): boolean;
+    private _label;
+    groupName: string;
+    labelNothing: string;
+    labelPartly: string;
+    labelFully: string;
+    states: HistoricStates[];
+    handleStateChange(value: any): void;
+    private _setStates;
+}

package/lib/component/transaction-search/transaction-filter-historic-state/transaction-filter-historic-state.module.d.ts

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

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

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

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

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

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

@@ -0,0 +1,7 @@
+@import "src/lib/style/variables";
+@import "./material-definition";
+@import "./layout";
+@import "./theme";
+@import "src/lib/component/transaction-line/style/material";
+@import "src/lib/component/shared/transaction-article-text/style/material";
+@import "src/lib/component/shared/transaction-article-text-overview/style/material";

package/lib/component/{transaction-search-grid/transaction-search-grid.component.d.ts → transaction-search/transaction-search-grid/transaction-search-sales-order-grid/transaction-search-sales-order-grid.component.d.ts}

@@ -1,7 +1,7 @@
 import { EventEmitter, QueryList } from "@angular/core";
 import { ColumnAlign, SimpleGridColumnDirective } from "@colijnit/corecomponents_v12";
 import { TransactionSearchView } from "@colijnit/transactionapi/build/model/transaction-search-view.bo";
-export declare class TransactionSearchGridComponent {
+export declare class TransactionSearchSalesOrderGridComponent {
     readonly align: typeof ColumnAlign;
     set content(columnComponents: QueryList<SimpleGridColumnDirective>);
     showClass(): boolean;

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

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

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

@@ -0,0 +1,8 @@
+@include export-module('cc-transaction-search-header-layout') {
+  .co-transaction-search-header {
+
+    .whitespace {
+      padding-left: 10px;
+    }
+  }
+}

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

@@ -0,0 +1,4 @@
+@include export-module('cc-transaction-search-header-theme') {
+  .co-transaction-search-header {
+  }
+}

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

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

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

@@ -0,0 +1,32 @@
+import { EventEmitter } from "@angular/core";
+import { ContentViewMode } from "../../../enum/content-view-mode.enum";
+import { Icon } from "../../../enum/icon.enum";
+import { SearchViewMode } from "../../../enum/search-view-mode.enum";
+import { IconCacheService } from "../../../service/icon-cache.service";
+import { TransactionSearchService } from "../service/transaction-search.service";
+import { DictionaryService } from "../../../service/dictionary.service";
+export declare class TransactionSearchHeaderComponent {
+    searchService: TransactionSearchService;
+    iconCacheService: IconCacheService;
+    private _dictionary;
+    readonly icon: typeof Icon;
+    readonly contentViewModes: typeof ContentViewMode;
+    readonly searchViewModes: typeof SearchViewMode;
+    iconSlideIn: import("@angular/platform-browser").SafeHtml;
+    iconResize: import("@angular/platform-browser").SafeHtml;
+    iconCancel: import("@angular/platform-browser").SafeHtml;
+    set transactionType(value: string);
+    activeSearchViewMode: SearchViewMode;
+    activeContentViewMode: ContentViewMode;
+    viewModeChange: EventEmitter<ContentViewMode>;
+    filterButtonClick: EventEmitter<void>;
+    resizeClick: EventEmitter<void>;
+    closeClick: EventEmitter<void>;
+    showClass(): boolean;
+    label: string;
+    constructor(searchService: TransactionSearchService, iconCacheService: IconCacheService, _dictionary: DictionaryService);
+    get fullscreen(): boolean;
+    onResizeClick(): void;
+    onCloseClick(): void;
+    onViewModeChange(viewMode: any): void;
+}

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

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

package/lib/component/transaction-search/transaction-search-result/style/_layout.scss

@@ -1,30 +1,101 @@
 @import "../../../../style/mixin";
 
 @include export-module('co-transaction-search-result-layout') {
-  .co-transaction-search {
-    .co-input-text {
-      border: $tp-co-transaction-search-filter-input-border;
-    }
+  .co-transaction-search-result {
+    width: $tp-co-transaction-search-result-width;
+
+    .transaction-search-header-wrapper {
+      display: flex;
+      justify-content: center;
+      flex-direction: column;
+
+      .upper-header {
+        display: flex;
+        justify-content: space-between;
+        padding-left: $tp-co-transaction-search-result-upper-header-padding-left;
+
+        .header-title-wrapper {
+          display: flex;
+          flex-direction: row;
+          align-self: center;
+          justify-content: center;
+          align-items: baseline;
+          width: 100%;
+          .sub-title {
+            margin-left: 10px;
+          }
+        }
+
+        .header-buttons-wrapper {
+          display: flex;
+          justify-content: flex-end;
+          padding: $tp-co-transaction-search-result-header-buttons-wrapper-padding;
+
+
+          .button-wrapper {
+            cursor: pointer;
+            align-self: center;
+          }
+
+          .toggle-sidebar-button-wrapper {
+            &.sidebar {
+              .toggle-sidebar-button {
+                justify-content: center;
 
-    .transaction-filter-wrapper {
-      overflow-y: auto;
-      overflow-x: hidden;
-      min-width: $tp-co-transaction-search-filter-wrapper-min-width;
-      height: $tp-co-transaction-search-filter-wrapper-height;
+                co-icon {
+                  width: $tp-co-transaction-search-result-header-sidebar-button-size;
+                  height: $tp-co-transaction-search-result-header-sidebar-button-size;
+                }
+              }
+            }
+
+            .transparent {
+              background-color: transparent;
+            }
+          }
+        }
+      }
+
+      .header-searchbar-wrapper {
+        display: flex;
+        justify-content: center;
+        flex-direction: row;
+
+        .transaction-search-general {
+          co-input-text {
+            width: $tp-co-transaction-search-input-text-width;
+          }
+        }
+
+        .transaction-search-filter-button {
+          height: $tp-co-transaction-search-filter-button-size;
+          width: $tp-co-transaction-search-filter-button-size;
+          border-radius: $tp-co-transaction-search-filter-button-border-radius;
+          padding: $tp-co-transaction-search-filter-button-padding;
+          justify-content: center;
+        }
+      }
     }
-  }
 
-  .co-transaction-search-result {
-    width: $tp-co-transaction-search-result-width;
+    .view-mode-buttons-wrapper {
+      padding: $tp-co-transaction-search-view-modes-wrapper-padding;
+    }
 
     .transaction-search-result-content-tiles-wrapper {
       display: flex;
       flex-basis: 100%;
-      justify-content: start;
       flex-wrap: wrap;
       padding: $tp-transaction-tiles-wrapper-padding;
       column-gap: $tp-transaction-tiles-wrapper-column-gap;
       row-gap: $tp-transaction-tiles-wrapper-row-gap;
+
+      &.fullscreen {
+        justify-content: start;
+      }
+
+      &.sidebar {
+        justify-content: center;
+      }
     }
   }
 }

package/lib/component/transaction-search/transaction-search-result/style/_theme.scss

@@ -3,7 +3,7 @@
 @include export-module('co-transaction-search-result-theme') {
   .co-transaction-search-result {
     .transaction-search-filter-button {
-      background-color: $tp-co-transaction-search-filter-button-color;
+      background-color: $tp-co-transaction-filter-button-color;
       cursor: pointer;
     }
   }

package/lib/component/transaction-search/transaction-search-result/transaction-search-result.component.d.ts

@@ -2,18 +2,26 @@ import { EventEmitter, OnInit } from "@angular/core";
 import { TransactionSearchView } from "@colijnit/transactionapi/build/model/transaction-search-view.bo";
 import { ContentViewMode } from "../../../enum/content-view-mode.enum";
 import { Icon } from "../../../enum/icon.enum";
-import { IconCacheService } from "../../../service/icon-cache.service";
+import { SearchViewMode } from "../../../enum/search-view-mode.enum";
 import { TransactionSearchService } from "../service/transaction-search.service";
 export declare class TransactionSearchResultComponent implements OnInit {
     searchService: TransactionSearchService;
-    iconCacheService: IconCacheService;
     readonly icon: typeof Icon;
-    readonly viewModes: typeof ContentViewMode;
-    filterButtonClick: EventEmitter<void>;
+    readonly contentViewModes: typeof ContentViewMode;
+    readonly searchViewModes: typeof SearchViewMode;
+    transactionType: string;
+    activeSearchViewMode: SearchViewMode;
+    filterClick: EventEmitter<void>;
     transactionClick: EventEmitter<TransactionSearchView>;
+    resizeClick: EventEmitter<void>;
+    closeClick: EventEmitter<void>;
     showClass(): boolean;
-    activeViewMode: ContentViewMode;
-    constructor(searchService: TransactionSearchService, iconCacheService: IconCacheService);
+    activeContentViewMode: ContentViewMode;
+    constructor(searchService: TransactionSearchService);
     ngOnInit(): void;
+    get fullscreen(): boolean;
     onTransactionClick(transaction: TransactionSearchView): void;
+    onResizeClick(): void;
+    onCloseClick(): void;
+    onFilterClick(): void;
 }

package/lib/component/transaction-search/{transaction-tile → transaction-search-tile/transaction-search-sales-order-tile}/style/_layout.scss

@@ -1,7 +1,5 @@
-@import "../../../../style/mixin";
-
-@include export-module('co-transaction-tile-layout') {
-  .co-transaction-tile {
+@include export-module('co-transaction-search-sales-order-tile-layout') {
+  .co-transaction-search-sales-order-tile {
     display: flex;
     flex-direction: column;
     justify-content: space-between;

package/lib/component/transaction-search/transaction-search-tile/transaction-search-sales-order-tile/style/_theme.scss

@@ -0,0 +1,48 @@
+@include export-module('co-transaction-search-sales-order-tile-theme') {
+  .co-transaction-search-sales-order-tile {
+    background-color: $tp-tile-background-color;
+    border: 1px solid $tp-tile-border-color;
+
+    &:hover {
+      background-color: $tp-tile-hover-background-color;
+    }
+
+    .header {
+      color: $tp-transaction-tile-header-font-color;
+    }
+
+    .text {
+      color: $tp-transaction-tile-font-color;
+    }
+
+    .transaction-tile-order-summary {
+      co-button {
+        background-color: $tp-transaction-tile-button-color;
+      }
+    }
+
+    .transaction-tile-footer {
+      .order-info-section {
+        &:not(:last-child) {
+          border-right: 1px solid $tp-color-border;
+        }
+
+        .label {
+          color: $tp-transaction-tile-font-color;
+        }
+
+        .value {
+          color: $tp-transaction-tile-font-color-dark;
+
+          .lock-icon [fill] {
+            fill: $tp-transaction-tile-icon-active-color;
+          }
+
+          .unlock-icon [fill] {
+            fill: $tp-transaction-tile-icon-inactive-color;
+          }
+        }
+      }
+    }
+  }
+}

package/lib/component/transaction-search/{transaction-tile/transaction-tile.component.d.ts → transaction-search-tile/transaction-search-sales-order-tile/transaction-search-sales-order-tile.component.d.ts}

@@ -1,8 +1,8 @@
 import { EventEmitter } from "@angular/core";
 import { TransactionSearchView } from "@colijnit/transactionapi/build/model/transaction-search-view.bo";
-import { Icon } from "../../../enum/icon.enum";
-import { IconCacheService } from "../../../service/icon-cache.service";
-export declare class TransactionTileComponent {
+import { Icon } from "../../../../enum/icon.enum";
+import { IconCacheService } from "../../../../service/icon-cache.service";
+export declare class TransactionSearchSalesOrderTileComponent {
     iconCacheService: IconCacheService;
     readonly icons: typeof Icon;
     transaction: TransactionSearchView;

package/lib/component/transaction-search/transaction-search-tile/transaction-search-sales-order-tile/transaction-search-sales-order-tile.module.d.ts

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

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

@@ -1,12 +1,24 @@
 import { EventEmitter } from "@angular/core";
 import { TransactionSearchView } from "@colijnit/transactionapi/build/model/transaction-search-view.bo";
+import { SearchViewMode } from "../../enum/search-view-mode.enum";
+import { TransactionSearchService } from "./service/transaction-search.service";
 export declare class TransactionSearchComponent {
+    private _transactionSearchService;
+    readonly searchViewModes: typeof SearchViewMode;
+    activeSearchViewMode: SearchViewMode;
+    closeClick: EventEmitter<void>;
+    set transactionType(value: string);
+    get transactionType(): string;
     transactionClick: EventEmitter<TransactionSearchView>;
+    searchViewModeChange: EventEmitter<SearchViewMode>;
     showClass(): boolean;
     showFilterSidebar: boolean;
-    constructor();
-    handleShowFilter(): void;
+    private _transactionType;
+    constructor(_transactionSearchService: TransactionSearchService);
+    get fullscreen(): boolean;
+    toggleFilter(): void;
     handleHideFilter(): void;
     handleResetFilter(): void;
     onTransactionClick(transaction: TransactionSearchView): void;
+    onResizeClick(): void;
 }

package/lib/enum/direction.enum.d.ts

@@ -0,0 +1,6 @@
+export declare enum Direction {
+    Right = "right",
+    Left = "left",
+    Up = "top",
+    Down = "bottom"
+}

package/lib/enum/icon.enum.d.ts

@@ -9,6 +9,7 @@ export declare enum Icon {
     BarsFilter = "bars_filter",
     CalendarDay = "calendar_day",
     Cancel = "cancel",
+    CartCheck = "cart_check",
     CartFlatbedBoxesSolid = "cart_flatbed_boxes_solid",
     CartShoppingSolid = "cart_shopping_solid",
     CashRegister = "cash_register",
@@ -25,8 +26,10 @@ export declare enum Icon {
     PalletBoxesSolid = "pallet_boxes_solid",
     PlusRound = "plus_round",
     Purchase = "purchase",
+    Resize = "resize",
     ShelvesSolid = "shelves_solid",
     SidePanel = "side_panel",
+    SlideIn = "slide_in",
     SyncAlt = "sync_alt",
     Tag = "tag",
     ThickLines = "thick_lines",

package/lib/enum/search-view-mode.enum.d.ts

@@ -0,0 +1,4 @@
+export declare enum SearchViewMode {
+    FullScreen = 0,
+    SideBar = 1
+}

package/lib/service/article-connector.service.d.ts

@@ -2,6 +2,10 @@ import { OptionsService } from "./options.service";
 import { CollectionCacheService } from "./collection-cache.service";
 import { Articles } from "@colijnit/articleapi/build/articles";
 import { StockLocation } from "@colijnit/articleapi/build/model/stock-location.bo";
+import { ArticleExtendedRequest } from "@colijnit/articleapi/build/model/article-extended-request";
+import { ArticleLight } from "@colijnit/articleapi/build/model/article-light.bo";
+import { TurnoverGroupImage } from "@colijnit/articleapi/build/model/turnover-group-image.bo";
+import { MainArticle } from "@colijnit/articleapi/build/model/main-article.bo";
 export declare class ArticleConnectorService {
     private _optionsService;
     private _collectionService;
@@ -10,4 +14,7 @@ export declare class ArticleConnectorService {
     constructor(_optionsService: OptionsService, _collectionService: CollectionCacheService);
     connect(): Promise<void>;
     getWarehouseLocations(warehouseNr: number): Promise<StockLocation[]>;
+    searchArticles(request: ArticleExtendedRequest): Promise<ArticleLight[]>;
+    getMainArticles(): Promise<MainArticle[]>;
+    getTurnoverGroups(category?: string): Promise<TurnoverGroupImage[]>;
 }

package/lib/service/pending-reason.service.d.ts

@@ -5,16 +5,18 @@ import { BehaviorSubject } from "rxjs";
 import { CustomerFullObject } from "@colijnit/transactionapi/build/model/customer-full-object.bo";
 import { DialogService } from "./dialog.service";
 import { ResolveLinePendingReasonRequest } from "@colijnit/transactionapi/build/model/resolve-pending-reason-request.bo";
+import { ArticleConnectorService } from "./article-connector.service";
 export declare class PendingReasonService {
     protected dialogService: DialogService;
     protected options: OptionsService;
     protected connector: TransactionConnectorService;
+    protected articleConnector: ArticleConnectorService;
     transactionUpdated: BehaviorSubject<TransactionInfoResponse>;
     applicationUser: boolean;
     currentTransaction: TransactionInfoResponse;
     relation: CustomerFullObject;
     articleAmount: number;
-    constructor(dialogService: DialogService, options: OptionsService, connector: TransactionConnectorService);
+    constructor(dialogService: DialogService, options: OptionsService, connector: TransactionConnectorService, articleConnector: ArticleConnectorService);
     init(options: any): Promise<void>;
     cancelAddTransactionLine(lineUuid: string, remember?: boolean): Promise<TransactionInfoResponse>;
     protected handleLineOperationStatuses(response: TransactionInfoResponse): Promise<boolean>;

package/lib/service/transaction.service.d.ts

@@ -35,6 +35,10 @@ import { PendingReasonService } from "./pending-reason.service";
 import { ReceiveGoodsForPurchaseOrderRequest } from "@colijnit/transactionapi/build/model/receive-goods-for-purchase-order-request.bo";
 import { GoodsReceiptStatusWithHistory } from "@colijnit/transactionapi/build/model/goods-receipt-status-with-history.bo";
 import { ReceiveGoodsForPurchaseOrderCorrectionRequest } from "@colijnit/transactionapi/build/model/receive-goods-for-purchase-order-correction-request.bo";
+import { ArticleExtendedRequest } from "@colijnit/articleapi/build/model/article-extended-request";
+import { ArticleLight } from "@colijnit/articleapi/build/model/article-light.bo";
+import { TurnoverGroupImage } from "@colijnit/articleapi/build/model/turnover-group-image.bo";
+import { MainArticle } from "@colijnit/articleapi/build/model/main-article.bo";
 export declare class TransactionService extends PendingReasonService {
     pendingLineOperationStatus(lineOperationStatuses: LineOperationStatus[]): LineOperationStatus | undefined;
     updatePriceTransactionLine(uuid: string, lineUuid: string, price: number): Promise<boolean>;
@@ -63,8 +67,11 @@ export declare class TransactionService extends PendingReasonService {
     addRelationToTransaction(relationId: number): Promise<boolean>;
     getCommissionCodes(languageCode: string): Promise<CoDomainValue[]>;
     getInOutCollection(languageCode: string): Promise<CoDomainValue[]>;
+    getTurnoverGroups(): Promise<TurnoverGroupImage[]>;
     getTransactionArticleWarehouses(goodId: number): Promise<TransactionArticleWarehouse[]>;
     getMarketingCodes(): Promise<Marketing[]>;
+    getArticles(request: ArticleExtendedRequest): Promise<ArticleLight[]>;
+    getMainArticles(): Promise<MainArticle[]>;
     insertCustomer(relation: CustomerFullObject): Promise<CustomerFullObject>;
     updateCustomer(relation: CustomerFullObject): Promise<CustomerFullObject>;
     getDeliveryMethods(): Promise<DeliveryMethod[]>;

package/lib/style/_variables.scss

@@ -103,4 +103,6 @@ $cc-checkbox-border-radius: 7px;
 $cc-checkbox-check-background-color: white;
 $cc-checkbox-check-border-color: #5FDCB3;
 $cc-checkbox-check-color: #5FDCB3;
+
+$cc-collapsible-content-padding: 10px 0px 0px 0px
 /****************************/

package/package.json

@@ -1,13 +1,13 @@
 {
   "name": "@colijnit/transaction",
-  "version": "12.1.17",
+  "version": "12.1.20",
   "description": "Colijn IT transaction module for Angular 12",
   "private": false,
   "peerDependencies": {
     "@angular/common": "^12.2.0",
     "@angular/core": "^12.2.0",
-    "@colijnit/corecomponents_v12": ">=12.0.40",
-    "@colijnit/transactionapi": ">=1.1.24",
+    "@colijnit/corecomponents_v12": ">=12.0.43",
+    "@colijnit/transactionapi": ">=1.1.25",
     "@fortawesome/angular-fontawesome": "0.9.0",
     "@fortawesome/fontawesome-svg-core": "^6.1.1",
     "@fortawesome/free-solid-svg-icons": "^6.1.1",