@colijnit/transaction 261.20.52 → 261.20.54

package/projects/transaction/src/lib/component/core/base/service/transaction-line.service.ts

@@ -1,121 +0,0 @@
-import {HostBinding, Injectable} from '@angular/core';
-import {TransactionLineInfo} from '@colijnit/transactionapi/build/model/transaction-line-info.bo';
-import {BehaviorSubject} from 'rxjs';
-
-@Injectable()
-export class TransactionLineService {
-
-  public transactionLineSet: BehaviorSubject<boolean> = new BehaviorSubject<boolean>(false);
-
-  public set transactionLine(value: TransactionLineInfo) {
-    if (this._transactionLine !== value) {
-      this._transactionLine = value;
-      if (this._transactionLine && this._transactionLine.lineNr) {
-        if (this._transactionLine.salesUnitDecimals) {
-          this.decimals = this._transactionLine.salesUnitDecimals;
-        }
-        // this._transactionLine.selected = this._selected;
-        this.isText = this._transactionLine.isText;
-        this.isArticle = this._transactionLine.isArticle;
-        this.lineHasLogisticalState = this._transactionLine.articleLineStatus &&
-          ((this._transactionLine.articleLineStatus.hasOwnProperty('quantityDelivered') && this._transactionLine.articleLineStatus.quantityDelivered !== 0) ||
-            (this._transactionLine.articleLineStatus.hasOwnProperty('quantityInvoiced') && this._transactionLine.articleLineStatus.quantityInvoiced !== 0) ||
-            (this._transactionLine.articleLineStatus.hasOwnProperty('quantityPicked') && this._transactionLine.articleLineStatus.quantityPicked !== 0) ||
-            (this._transactionLine.articleLineStatus.hasOwnProperty('quantityToBePicked') && this._transactionLine.articleLineStatus.quantityToBePicked !== 0) ||
-            (this._transactionLine.articleLineStatus.hasOwnProperty('quantityAllocated') && this._transactionLine.articleLineStatus.quantityAllocated < 0));
-        this.lineIsOrdered = this._transactionLine.articleLineStatus && this._transactionLine.articleLineStatus.hasOwnProperty('isFullyOrdered') && this._transactionLine.articleLineStatus.isFullyOrdered;
-        this.lineIsDelivered = this._transactionLine.articleLineStatus && this._transactionLine.articleLineStatus.hasOwnProperty('isFullyDelivered') && this._transactionLine.articleLineStatus.isFullyDelivered;
-        this.lineIsInvoiced = this._transactionLine.articleLineStatus && this._transactionLine.articleLineStatus.hasOwnProperty('isFullyInvoiced') && this._transactionLine.articleLineStatus.isFullyInvoiced;
-        this.lineIsReceived = this._transactionLine.articleLineStatus && this._transactionLine.articleLineStatus.hasOwnProperty('isFullyReceived') && this._transactionLine.articleLineStatus.isFullyReceived;
-
-        this.lineQuantityToInvoice = this._transactionLine.articleLineStatus && this._transactionLine.articleLineStatus.hasOwnProperty('quantityToInvoice') ? this._transactionLine.articleLineStatus.quantityToInvoice : 0;
-        this.lineQuantityInvoiced = this._transactionLine.articleLineStatus && this._transactionLine.articleLineStatus.hasOwnProperty('quantityInvoiced') ? this._transactionLine.articleLineStatus.quantityInvoiced : 0;
-        this.lineQuantityToReceive = this._transactionLine.articleLineStatus && this._transactionLine.articleLineStatus.hasOwnProperty('quantityToReceive') ? this._transactionLine.articleLineStatus.quantityToReceive : 0;
-        this.lineQuantityReceived = this._transactionLine.articleLineStatus && this._transactionLine.articleLineStatus.hasOwnProperty('quantityReceived') ? this._transactionLine.articleLineStatus.quantityReceived : 0;
-        this.lineQuantityToDeliver = this._transactionLine.articleLineStatus && this._transactionLine.articleLineStatus.hasOwnProperty('quantityToDeliver') ? this._transactionLine.articleLineStatus.quantityToDeliver : 0;
-        this.lineQuantityDelivered = this._transactionLine.articleLineStatus && this._transactionLine.articleLineStatus.hasOwnProperty('quantityDelivered') ? this._transactionLine.articleLineStatus.quantityDelivered : 0;
-        this.lineQuantityToAllocate = this._transactionLine.articleLineStatus && this._transactionLine.articleLineStatus.hasOwnProperty('quantityToAllocate') ? this._transactionLine.articleLineStatus.quantityToAllocate : 0;
-        this.lineQuantityAllocated = this._transactionLine.articleLineStatus && this._transactionLine.articleLineStatus.hasOwnProperty('quantityAllocated') ? this._transactionLine.articleLineStatus.quantityAllocated : 0;
-        this.lineQuantityOrdered = this._transactionLine.articleLineStatus && this._transactionLine.articleLineStatus.hasOwnProperty('quantityOrdered') ? this._transactionLine.articleLineStatus.quantityOrdered : 0;
-        this.lineQuantityPlanningRequested = this._transactionLine.articleLineStatus && this._transactionLine.articleLineStatus.hasOwnProperty('quantityPlanningRequested') ? this._transactionLine.articleLineStatus.quantityPlanningRequested : 0;
-        this.lineQuantityPlanningPreferredDateEntered = this._transactionLine.articleLineStatus && this._transactionLine.articleLineStatus.hasOwnProperty('quantityPlanningPreferredDateEntered') ? this._transactionLine.articleLineStatus.quantityPlanningPreferredDateEntered : 0;
-        this.lineQuantityToBePicked = this._transactionLine.articleLineStatus && this._transactionLine.articleLineStatus.hasOwnProperty('quantityToBePicked') ? this._transactionLine.articleLineStatus.quantityToBePicked : 0;
-        this.lineQuantityToBePickedAndPicked = this._transactionLine.articleLineStatus && this._transactionLine.articleLineStatus.hasOwnProperty('quantityToBePickedAndPicked') ? this._transactionLine.articleLineStatus.quantityToBePickedAndPicked : 0;
-        this.lineQuantityPicked = this._transactionLine.articleLineStatus && this._transactionLine.articleLineStatus.hasOwnProperty('quantityPicked') ? this._transactionLine.articleLineStatus.quantityPicked : 0;
-        this.lineQuantityPlanningFinal = this._transactionLine.articleLineStatus && this._transactionLine.articleLineStatus.hasOwnProperty('quantityPlanningFinal') ? this._transactionLine.articleLineStatus.quantityPlanningFinal : 0;
-        this.lineQuantityReceivedUnprocessed = this._transactionLine.articleLineStatus && this._transactionLine.articleLineStatus.hasOwnProperty('quantityReceivedUnprocessed') ? this._transactionLine.articleLineStatus.quantityReceivedUnprocessed : 0;
-        this.lineQuantityReceivedUnprocessedAndProcessed = this._transactionLine.articleLineStatus && this._transactionLine.articleLineStatus.hasOwnProperty('quantityReceivedUnprocessedAndProcessed') ? this._transactionLine.articleLineStatus.quantityReceivedUnprocessedAndProcessed : 0;
-
-        this.lineQuantityPurchaseConfirmed = this._transactionLine.articleLineStatus && this._transactionLine.articleLineStatus.hasOwnProperty('quantityPurchaseConfirmed') ? this._transactionLine.articleLineStatus.quantityPurchaseConfirmed : 0;
-        this.lineQuantityTransportNotification = this._transactionLine.articleLineStatus && this._transactionLine.articleLineStatus.hasOwnProperty('quantityTransportNotification') ? this._transactionLine.articleLineStatus.quantityTransportNotification : 0;
-
-        this.lineQuantityInvoiceControl = this._transactionLine.articleLineStatus && this._transactionLine.articleLineStatus.hasOwnProperty('quantityInvoiceControl') ? this._transactionLine.articleLineStatus.quantityInvoiceControl : 0;
-
-        this.lineQuantitySignedOff = this._transactionLine.articleLineStatus && this._transactionLine.articleLineStatus.hasOwnProperty('quantitySignedOff') ? this._transactionLine.articleLineStatus.quantitySignedOff : 0;
-        this.lineQuantityReturnRequested = this._transactionLine.articleLineStatus && this._transactionLine.articleLineStatus.hasOwnProperty('quantityReturnRequested') ? this._transactionLine.articleLineStatus.quantityReturnRequested : 0;
-
-        this.transactionLine.quantityToAllocate = this.lineQuantityToAllocate;
-        this.transactionLine.quantityForTransportNotification = this.transactionLine.amount - this.lineQuantityTransportNotification;
-        this.transactionLine.visible = this.lineVisible;
-
-        this.transactionLineSet.next(true);
-      }
-    }
-  }
-
-  public get transactionLine(): TransactionLineInfo {
-    return this._transactionLine;
-  }
-
-  public set selected(value: boolean) {
-    if (this._transactionLine) {
-      this._transactionLine.selected = value;
-    }
-  }
-
-  public get selected(): boolean {
-    if (this._transactionLine) {
-      return this._transactionLine.selected;
-    }
-  }
-
-  public lineHasLogisticalState: boolean = false;
-  public lineIsOrdered: boolean = false;
-  public lineIsDelivered: boolean = false;
-  public lineIsInvoiced: boolean = false;
-  public lineIsReceived: boolean = false;
-  public lineQuantityToInvoice: number = 0;
-  public lineQuantityInvoiced: number = 0;
-  public lineQuantityToReceive: number = 0;
-  public lineQuantityReceived: number = 0;
-  public lineQuantityToDeliver: number = 0;
-  public lineQuantityDelivered: number = 0;
-  public lineQuantityToAllocate: number = 0;
-  public lineQuantityAllocated: number = 0;
-  public lineQuantityOrdered: number = 0;
-  public lineQuantityPlanningRequested: number = 0;
-  public lineQuantityPlanningPreferredDateEntered: number = 0;
-  public lineQuantityToBePicked: number = 0;
-  public lineQuantityToBePickedAndPicked: number = 0;
-  public lineQuantityPicked: number = 0;
-  public lineQuantityPlanningFinal: number = 0;
-  public lineQuantityReceivedUnprocessed: number = 0;
-  public lineQuantityReceivedUnprocessedAndProcessed: number = 0;
-  public lineQuantityPurchaseConfirmed: number = 0;
-  public lineQuantityTransportNotification: number = 0;
-  public lineQuantityInvoiceControl: number = 0;
-  public lineQuantitySignedOff: number = 0;
-  public lineQuantityReturnRequested: number = 0;
-  public decimals: number = 0;
-  public isText: boolean = false;
-  public isArticle: boolean = true;
-  public showingMargins: boolean = false;
-
-  public lineVisible: boolean = false;
-
-  private _transactionLine: TransactionLineInfo = new TransactionLineInfo();
-
-  constructor() {
-  }
-
-}

package/projects/transaction/src/lib/component/core/base/stepper-base.component.ts

@@ -1,66 +0,0 @@
-import {ContentChildren, Directive, Input} from "@angular/core";
-import {CheckoutCfgName} from "../../../enum/checkout-cfg-name.enum";
-import {Icon} from "../../../enum/icon.enum";
-import {IconCacheService} from "../../../service/icon-cache.service";
-import {StepperStepComponent} from "../../stepper-step/stepper-step.component";
-
-@Directive()
-export class StepperBaseComponent {
-  public readonly cfgNames: typeof CheckoutCfgName = CheckoutCfgName;
-  public readonly icons: typeof Icon = Icon;
-
-  @Input()
-  public title: string;
-
-  @Input()
-  public titleIcon: Icon;
-
-  @ContentChildren(StepperStepComponent) set content(children) {
-    this.stepChildren = children.toArray();
-    if (this.stepChildren) {
-      setTimeout(() => {
-        this.setActive(0);
-      });
-    }
-  }
-
-  public set stepChildren(value: StepperStepComponent[]) {
-    this._stepChildren = value;
-    this.prepareSteps();
-  }
-
-  public get stepChildren(): StepperStepComponent[] {
-    return this._stepChildren;
-  }
-
-  public set activeStep(value: number) {
-    this._activeStep = value;
-  }
-
-  public get activeStep(): number {
-    return this._activeStep;
-  }
-
-  public get finished(): boolean {
-    return this.activeStep === this.lastStep;
-  }
-
-  public firstStep: number = 0;
-  public lastStep: number;
-
-  private _stepChildren: StepperStepComponent[];
-  private _activeStep: number = 0;
-
-  constructor(public iconCacheService: IconCacheService) {
-  }
-
-  public prepareSteps(): void {
-    this.lastStep = this.stepChildren.length - 1;
-  }
-
-  protected setActive(idx: number): void {
-  }
-
-  protected validateCurrentStep(): void {
-  }
-}

package/projects/transaction/src/lib/component/core/base/transaction-base.component.ts

@@ -1,198 +0,0 @@
-import {ChangeDetectorRef, Directive, EventEmitter, HostBinding, Input, OnDestroy, OnInit, Output} from '@angular/core';
-import {TransactionService} from '../../../service/transaction.service';
-import {TransactionKind} from '@colijnit/transactionapi/build/enum/transaction-kind.enum';
-import {Icon} from '../../../enum/icon.enum';
-import {DictionaryService} from '../../../service/dictionary.service';
-import {TransactionTypeCategory} from '../../../enum/transaction-type-category.enum';
-import {TransactionEventService} from '../../../service/transaction-event.service';
-import {IconCacheService} from '../../../service/icon-cache.service';
-import {TransactionImageService} from '../../../service/transaction-image.service';
-import {Subscription} from 'rxjs';
-import {RelationKind} from '@colijnit/relationapi/build/enum/relation-kind.enum';
-import {ScreenConfigAdapterComponent} from '@colijnit/corecomponents_v12';
-import {TransactionCfgName} from '../../../enum/transaction-cfg-name.enum';
-import {TransactionScreenConfigurationService} from '../../../service/transaction-screen-configuration.service';
-import {Relation} from '@colijnit/relationapi/build/model/relation.bo';
-
-@Directive()
-export abstract class TransactionBaseComponent implements OnInit, OnDestroy, ScreenConfigAdapterComponent {
-  public readonly cfgNames: typeof TransactionCfgName = TransactionCfgName;
-  public readonly icons: typeof Icon = Icon;
-  public readonly relKind: typeof RelationKind = RelationKind;
-  public readonly transKind: typeof TransactionKind = TransactionKind;
-  public readonly category: typeof TransactionTypeCategory = TransactionTypeCategory;
-
-  @Input()
-  public cfgName: string;
-
-  @Input()
-  public set forceWritable(value: boolean) {
-    this._forceWritable = value;
-    if (this._forceWritable) {
-      this.readonly = false;
-      // this.tooltipMessage = undefined;
-    }
-  }
-
-  public get forceWritable(): boolean {
-    return this._forceWritable;
-  }
-
-  @Input()
-  public lockAndSave: boolean = true;
-
-  @Input()
-  public expanded: boolean = false;
-
-  @HostBinding('class.preview')
-  @Input()
-  public preview: boolean = false;
-
-  @Input()
-  public isFirst: boolean = false;
-
-  @HostBinding('class.read-only')
-  @Input()
-  public set readonly(value: boolean) {
-    this._readonly = value;
-  }
-
-  public get readonly(): boolean {
-    return this._readonly;
-  }
-
-  @Input()
-  public set forceReadonly(value: boolean) {
-    this._forceReadonly = value;
-  }
-
-  public get forceReadonly(): boolean {
-    return this._forceReadonly || this.transactionService.headerReadonly;
-  }
-
-  @HostBinding("class.co-transaction-hidden")
-  public hidden: boolean;
-
-  @HostBinding("class.show-loader")
-  @Input()
-  public showLoader: boolean = false;
-
-  @Output()
-  public relationChange: EventEmitter<Relation> = new EventEmitter<Relation>();
-
-  // public reservationMode: boolean = false;
-
-  public get firstDayOfWeek(): string {
-    return this.transactionService.firstDayOfWeek;
-  }
-
-  public tooltipMessage: string;
-
-  public objectConfigName: string;
-  public required: boolean;
-  public maxLength: number;
-  public decimals: number = 0;
-  public redErrorBackground: boolean;
-  public committing: boolean = false;
-
-  protected headerTooltipMessages: string[] = [];
-  protected lineTooltipMessages: string[] = [];
-
-  private _baseSubs: Subscription[] = [];
-  private _forceWritable: boolean;
-  private _readonly: boolean = false;
-  private _forceReadonly: boolean = false;
-
-  constructor(
-    public transactionEventService: TransactionEventService,
-    public iconCacheService: IconCacheService,
-    public screenConfigService: TransactionScreenConfigurationService,
-    protected imageService: TransactionImageService,
-    protected dictionaryService: DictionaryService,
-    protected transactionService: TransactionService,
-    protected changeDetector: ChangeDetectorRef) {
-  }
-
-  ngOnInit(): void {
-  }
-
-  ngOnDestroy(): void {
-  }
-
-  public handleCommit = async (value: any) => {
-    if (this.readonly || this.forceReadonly) {
-      return;
-    }
-    if (await this.lockTransaction()) {
-      this.committing = true;
-      const response: boolean = await this.commit(value);
-      this.committing = false;
-      return response;
-    } else {
-      this.cancelCommit();
-    }
-  }
-
-  protected async lockTransaction(): Promise<boolean> {
-    return true;
-  }
-
-  protected commit(value: any): Promise<boolean> {
-    return Promise.resolve(true);
-  }
-
-  protected cancelCommit(): void {
-  }
-
-  protected transactionSet(): void {
-  }
-
-  protected transactionInfoSet(): void {
-  }
-
-  protected relationSet(): void {
-  }
-
-  protected transactionTotalSet(): void {
-  }
-
-  protected transactionMarginInfoSet(): void {
-  }
-
-  protected transactionLineSet(): void {
-  }
-
-  protected detectChanges(): void {
-    this.changeDetector.markForCheck();
-    this.changeDetector.detectChanges();
-  }
-
-  protected prepareTooltipMessage(): void {
-    if (this.forceWritable) { // should not check readonly-ness
-      return;
-    }
-    this.tooltipMessage = '';
-    let tooltips: string[] = [];
-    if (this.headerTooltipMessages.length > 0 || this.lineTooltipMessages.length > 0) {
-      tooltips = this.headerTooltipMessages.concat(this.lineTooltipMessages);
-      this.tooltipMessage = `${this.dictionaryService.get('FIELD_IS_READONLY_BECAUSE')}</br></br>${tooltips.join('</br>')}`;
-      // this.detectChanges();
-    }
-  }
-
-  protected async rollback(): Promise<boolean> {
-    // todo: should be an unlock function in the backend, but that doesn't exist yet
-    return this.transactionService.rollback();
-  }
-
-  // public _checkHeaderReadonly(): void {
-  //   this.headerTooltipMessages.length = 0;
-  //   this.headerReadonly = this.headerReadonly || this.fullyInvoiced || this.fullyDelivered;
-  //   if (this.fullyInvoiced) {
-  //     this.addHeaderTooltipMessage(this.dictionaryService.get('COMPLETELY_INVOICED'));
-  //   }
-  //   if (this.fullyDelivered) {
-  //     this.addHeaderTooltipMessage(this.dictionaryService.get('COMPLETELY_DELIVERED'));
-  //   }
-  // }
-}

package/projects/transaction/src/lib/component/core/base/transaction-filter-base.component.ts

@@ -1,60 +0,0 @@
-import { Directive, ElementRef, EventEmitter, HostListener, Input, Output, ViewChild } from "@angular/core";
-import { ColumnAlign } from "@colijnit/corecomponents_v12";
-import { Icon } from "../../../enum/icon.enum";
-import { SearchViewMode } from "../../../enum/search-view-mode.enum";
-import { IconCacheService } from "../../../service/icon-cache.service";
-import { TransactionSearchService } from "../../transaction-search/service/transaction-search.service";
-
-@Directive()
-export abstract class TransactionFilterBaseComponent {
-  public readonly align: typeof ColumnAlign = ColumnAlign;
-  public readonly icon: typeof Icon = Icon;
-
-  @ViewChild('filterItems', {read: ElementRef})
-  public filterItems: ElementRef;
-
-  @ViewChild('orderFilter', {read: ElementRef})
-  public orderFilter: ElementRef;
-
-  @ViewChild('logisticsFilter', {read: ElementRef})
-  public logisticsFilter: ElementRef;
-
-  @ViewChild('articleFilter', {read: ElementRef})
-  public articleFilter: ElementRef;
-
-  @Input()
-  public activeSearchViewMode: SearchViewMode = SearchViewMode.FullScreen;
-
-  @Output()
-  public closeButtonClick: EventEmitter<void> = new EventEmitter<void>();
-
-  @Output()
-  public resetFilterClick: EventEmitter<void> = new EventEmitter<void>();
-
-  @HostListener("keyup.enter")
-  onEnterKey(): void {
-      this.searchService.searchTransactions();
-  }
-
-  public filterCategories: string[] = [
-    'Order',
-    'Logistiek',
-    'Artikel'
-  ]
-
-  constructor(
-    public iconCacheService: IconCacheService,
-    public searchService: TransactionSearchService,
-  ) {
-  }
-
-  public handleCategoryClick(cat: string): void {
-    if (cat === 'Order') {
-      this.filterItems.nativeElement.scrollLeft = this.orderFilter.nativeElement.offsetLeft - this.filterItems.nativeElement.offsetLeft;
-    } else if (cat === 'Logistiek') {
-      this.filterItems.nativeElement.scrollLeft = this.logisticsFilter.nativeElement.offsetLeft - this.filterItems.nativeElement.offsetLeft;
-    } else {
-      this.filterItems.nativeElement.scrollLeft = this.articleFilter.nativeElement.offsetLeft - this.filterItems.nativeElement.offsetLeft;
-    }
-  }
-}

package/projects/transaction/src/lib/component/core/base/transaction-filter-content-base.component.ts

@@ -1,96 +0,0 @@
-import {ChangeDetectorRef, Directive, EventEmitter, OnDestroy, OnInit, Output, QueryList, ViewChildren} from '@angular/core';
-import {TransactionSearchViewRequest} from '@colijnit/transactionapi/build/model/transaction-search-view-request';
-import {TransactionService} from '../../../service/transaction.service';
-import {FilterRequestService} from '../../transaction-search/service/filter-request.service';
-import {TransactionSearchService} from '../../transaction-search/service/transaction-search.service';
-import {SearchPlaceholder} from '../../transaction-search/transaction-filter-content/enum/search-placeholder.enum';
-import {Subscription} from 'rxjs';
-import {TransactionRelationService} from '../../../service/transaction-relation.service';
-import {TransactionConnectorService} from '../../../service/transaction-connector.service';
-import {
-  TransactionFilterItemComponent
-} from "../../transaction-search/transaction-filter-item/transaction-filter-item.component";
-
-
-@Directive()
-export abstract class TransactionFilterContentBaseComponent implements  OnInit, OnDestroy {
-
-  @ViewChildren(TransactionFilterItemComponent) filterItems!: QueryList<TransactionFilterItemComponent>;
-
-  @Output()
-  public totalActiveFiltersChange = new EventEmitter<number>();
-
-  public readonly searchPlaceholder: typeof SearchPlaceholder = SearchPlaceholder;
-
-  public searchRequest: TransactionSearchViewRequest;
-
-  public filterButtonLabel: string = "SEARCH_IMPERATIVE";
-  public totalActiveFilters: number = 0;
-
-  private _childFilterCounts: number[] = [];
-
-  private _subs: Subscription[] = [];
-
-  constructor(
-    public searchService: TransactionSearchService,
-    public filterRequestService: FilterRequestService,
-    public transactionService: TransactionService,
-    protected changeDetector: ChangeDetectorRef,
-    protected relationService: TransactionRelationService,
-    protected transationConnectorService: TransactionConnectorService
-  ) {
-    this.searchRequest = this.searchService.searchRequest;
-  }
-
-  public ngOnInit(): void {
-    this._subs.push(
-        this.transationConnectorService.connectionInitialized.subscribe((initialized: boolean) => {
-          if (initialized) {
-            this.loadCollections();
-          }
-        })
-    )
-  }
-
-  public ngOnDestroy(): void {
-    this._subs.forEach(s => s.unsubscribe());
-  }
-
-  public onDateRangeChange(dates: Date[], modelName): void {
-    this.filterRequestService.handleDateRangeChange(dates, modelName)
-    this.filterTransactions();
-  }
-
-  public onClearedDateRangeChange(modelName: string): void {
-    this.searchService.searchRequest[modelName] = undefined;
-    this.filterTransactions();
-  }
-
-  public onFilterButtonClick(): void {
-    this.filterTransactions();
-    this._scrollToTop();
-  }
-
-  public filterTransactions(): void {
-    this.searchService.searchTransactions();
-  }
-
-  public onActiveFilterCountChanged(_?: number): void {
-    const total = this.filterItems
-      ?.map(f => f.activeFilterCount || 0)
-      .reduce((a, b) => a + b, 0);
-
-    this.totalActiveFilters = total;
-    this.totalActiveFiltersChange.emit(total);
-    this.changeDetector.markForCheck();
-  }
-
-
-  protected loadCollections(): void {
-
-  }
-
-  private _scrollToTop(): void {
-    window.scrollTo({ top: 0, behavior: 'smooth' });
-  }
-}

package/projects/transaction/src/lib/component/core/base/transaction-filter-popup-header-base.component.ts

@@ -1,114 +0,0 @@
-import {Directive, EventEmitter, Input, Output} from '@angular/core';
-import {BusinessObject} from '@colijnit/ioneconnector/build/model/business-object';
-import {TransactionBaseComponent} from './transaction-base.component';
-import {CheckboxListPropertyInterface} from '../../../interface/checkbox-list-property.interface';
-import {TransactionHeaderBaseComponent} from './transaction-header-base.component';
-
-@Directive()
-export abstract class TransactionFilterPopupHeaderBaseComponent<T extends BusinessObject | number | string | Object> extends TransactionHeaderBaseComponent {
-
-  @Input()
-  public autoClose: boolean = false;
-
-  @Input()
-  public useModel: boolean = true;
-
-  @Input()
-  public set searchText(value: string) {
-    if (value !== undefined && value !== null) {
-      this._searchText = value;
-      this.doSearch();
-    }
-  }
-
-  public get searchText(): string {
-    return this._searchText;
-  }
-
-  @Input()
-  public value: any;
-
-  @Output()
-  public valueChange: EventEmitter<any> = new EventEmitter<any>();
-
-  @Output()
-  public closeAfterCommit: EventEmitter<void> = new EventEmitter<void>();
-
-  public set collection(value: T[]) {
-    this._collection = value;
-    this.prepareViewModels();
-  }
-
-  public get collection(): T[] {
-    return this._collection;
-  }
-
-  public viewModels: {value: any, propsForLabel: CheckboxListPropertyInterface[], checked: boolean}[] = [];
-  public viewModelsFiltered: {value: any, propsForLabel: CheckboxListPropertyInterface[], checked: boolean}[] = [];
-
-  protected codeField: string;
-  protected checkField: string;
-  protected propsForLabel: CheckboxListPropertyInterface[] = [];
-
-  private _collection: T[] = [];
-  private _searchText: string;
-
-  public commit(value: any): Promise<boolean> {``
-    return Promise.resolve(true);
-  }
-
-  public async handleChecked(row: {value: number, text: string, checked: boolean}): Promise<void> {
-    row.checked = true;
-    const currentModel = this.viewModels.find(v => v.value === row.value);
-    if (currentModel) {
-      currentModel.checked = true;
-    }
-    for (let i = 0; i < this.viewModels.length; i++) {
-      if (this.viewModels[i].value !== row.value) {
-        this.viewModels[i].checked = false;
-      }
-    }
-    if (this.useModel) {
-      if (this.autoClose) {
-        this.committing = true;
-        if (await this.commit(row.value)) {
-          this.closeAfterCommit.emit();
-        }
-        this.committing = false;
-      } else {
-        this.commit(row.value);
-      }
-    } else {
-      this.valueChange.emit(row.value);
-    }
-  }
-
-  protected prepareViewModels(): void {
-    this.viewModels.length = 0;
-    this.collection.forEach((d, index) => {
-      const labels: CheckboxListPropertyInterface[] = JSON.parse(JSON.stringify(this.propsForLabel));
-      labels.forEach(l => l.label = d[l.label]);
-      this.viewModels.push(
-        {
-          value: d[this.codeField],
-          propsForLabel: labels,
-          checked: (this.useModel && this.model && this.checkField) ?
-            this.model[this.checkField] === d[this.codeField] :
-            (this.value ? this.value === d[this.codeField] : index === 0)
-        });
-    });
-    this.viewModelsFiltered = this.viewModels.slice();
-    if (!this.useModel && this.viewModels.length > 0) {
-      this.valueChange.emit(this.value ? this.value : this.viewModels[0].value);
-    }
-  }
-
-  protected doSearch(): void {
-    this.viewModelsFiltered = JSON.parse(JSON.stringify(this.viewModels));
-    if (this.searchText) {
-      this.viewModelsFiltered = this.viewModelsFiltered.filter(vmf => {
-        return vmf.propsForLabel.find((p: CheckboxListPropertyInterface) => p.label && p.label.toString().match(new RegExp(this.searchText, 'gi')));
-      });
-    }
-  }
-}