@colijnit/transaction 12.1.43 → 12.1.44

package/fesm2015/colijnit-transaction.js

@@ -65,7 +65,7 @@ import { ResolveHeaderPendingReasonRequest } from '@colijnit/transactionapi/buil
 import { DocDeliveryBatch } from '@colijnit/transactionapi/build/model/doc-delivery-batch.bo';
 import { NULL_CUSTOMER_FULL_OBJECT, NULL_RELATION_OBJECT } from '@colijnit/transactionapi/build/model/nul-relation-object';
 import { RelationKind } from '@colijnit/transactionapi/build/enum/relation-kind.enum';
-import { FormMasterService, CoDialogModule, ButtonModule, CollapsibleModule, InputCheckboxModule, InputTextModule, InputComboBoxModule, FormModule, InputRadioButtonModule, IconModule, InputListboxModule, DropDownModule, ClickoutsideModule, InputTextComponent, InputSearchModule, InputDatePickerComponent, InputDatePickerModule, InputNumberPickerModule, PriceDisplayPipeModule, Carousel3dModule, InputTextareaComponent, InputTextareaModule, CoDialogPromptModule, MultiSelectListModule, PopupModule, CoSidebarModule, CoGridModule, CoRichTextEditorModule, CarouselModule, ColumnAlign, SimpleGridColumnDirective, SimpleGridModule, GridToolbarButtonModule, InputDateRangePickerModule, CoOrientation, CoDirection, FilterItemModule, PaginationModule, PaginationBarModule, IconCollapseHandleModule } from '@colijnit/corecomponents_v12';
+import { FormMasterService, CoDialogModule, ButtonModule, CollapsibleModule, InputCheckboxModule, InputTextModule, InputComboBoxModule, FormModule, InputRadioButtonModule, IconModule, InputListboxModule, DropDownModule, ClickoutsideModule, InputTextComponent, InputSearchModule, InputDatePickerComponent, InputDatePickerModule, InputNumberPickerModule, PriceDisplayPipeModule, Carousel3dModule, InputTextareaComponent, InputTextareaModule, CoDialogPromptModule, MultiSelectListModule, PopupModule, CoSidebarModule, CoGridModule, CoRichTextEditorModule, CarouselModule, ColumnAlign, SimpleGridColumnDirective, SimpleGridModule, GridToolbarButtonModule, CoOrientation, CoDirection, InputDateRangePickerModule, FilterItemModule, PaginationModule, PaginationBarModule, IconCollapseHandleModule } from '@colijnit/corecomponents_v12';
 import { FlexModule } from '@angular/flex-layout';
 import { AddressType } from '@colijnit/transactionapi/build/enum/address-type.enum';
 import { trigger, state, style, transition, animate } from '@angular/animations';
@@ -15639,11 +15639,149 @@ var SearchViewMode;
     SearchViewMode[SearchViewMode["SideBar"] = 1] = "SideBar";
 })(SearchViewMode || (SearchViewMode = {}));
 
+var SearchBarViewMode;
+(function (SearchBarViewMode) {
+    SearchBarViewMode[SearchBarViewMode["Expanded"] = 0] = "Expanded";
+    SearchBarViewMode[SearchBarViewMode["Collapsed"] = 1] = "Collapsed";
+})(SearchBarViewMode || (SearchBarViewMode = {}));
+class TransactionSearchComponent {
+    constructor(transactionSearchService) {
+        this.transactionSearchService = transactionSearchService;
+        this.searchViewModes = SearchViewMode;
+        this.orientations = CoOrientation;
+        this.directionRight = CoDirection.Right;
+        this.transactionClick = new EventEmitter();
+        this.searchViewModeChange = new EventEmitter();
+    }
+    set transactionType(value) {
+        this._transactionType = value;
+        this.transactionSearchService.transactionType = this._transactionType;
+    }
+    get transactionType() {
+        return this._transactionType;
+    }
+    showClass() {
+        return true;
+    }
+    onTransactionClick(transaction) {
+        if (this.transactionSearchService.activeSearchViewMode === this.searchViewModes.FullScreen) {
+            this.collapseSearchBar();
+        }
+        this._scrollToTop();
+        this.transactionClick.emit(transaction);
+    }
+    onSearchViewResizeClick() {
+        if (this.transactionSearchService.activeSearchViewMode === this.searchViewModes.SideBar) {
+            this.transactionSearchService.activeSearchViewMode = this.searchViewModes.FullScreen;
+        }
+        else {
+            this.transactionSearchService.activeSearchViewMode = this.searchViewModes.SideBar;
+        }
+        this.searchViewModeChange.emit(this.transactionSearchService.activeSearchViewMode);
+    }
+    onSideCollapseHandleClick() {
+        this.toggleSearchBar();
+    }
+    toggleSearchBar() {
+        if (this.transactionSearchService.collapsed || this.transactionSearchService.fullscreen) {
+            this.expandSearchBar();
+        }
+        else {
+            this.collapseSearchBar();
+        }
+    }
+    collapseSearchBar() {
+        this.transactionSearchService.activeSearchViewMode = this.searchViewModes.SideBar;
+        this.transactionSearchService.activeSearchBarViewMode = SearchBarViewMode.Collapsed;
+        this.searchViewModeChange.emit(this.searchViewModes.SideBar);
+    }
+    expandSearchBar() {
+        this.transactionSearchService.activeSearchViewMode = this.searchViewModes.SideBar;
+        this.transactionSearchService.activeSearchBarViewMode = SearchBarViewMode.Expanded;
+        this.searchViewModeChange.emit(this.searchViewModes.SideBar);
+    }
+    calculateClasses() {
+        return {
+            'fullscreen': this.transactionSearchService.fullscreen,
+            'sidebar': !this.transactionSearchService.fullscreen,
+            'collapsed': this.transactionSearchService.collapsed,
+            'expanded': !this.transactionSearchService.collapsed,
+        };
+    }
+    _scrollToTop() {
+        window.scrollTo({ top: 0, behavior: 'smooth' });
+    }
+}
+TransactionSearchComponent.decorators = [
+    { type: Component, args: [{
+                selector: 'co-transaction-search',
+                template: `
+    <div class="transaction-search-main-wrapper">
+      <div class="transaction-search-wrapper"
+           [ngClass]="calculateClasses()">
+        <div class="transaction-filter-wrapper narrow-scrollbar"
+             [ngClass]="calculateClasses()"
+             *ngIf="transactionSearchService.showFilterSidebar" @showHideFilterSidebar>
+          <co-transaction-filter
+            [transactionType]="transactionType"
+            [activeSearchViewMode]="transactionSearchService.activeSearchViewMode"
+            (closeButtonClick)="transactionSearchService.handleHideFilter()"
+            (resetFilterClick)="transactionSearchService.handleResetFilter()"></co-transaction-filter>
+        </div>
+        <div class="transaction-search-result-wrapper"
+             [class.fullscreen]="transactionSearchService.fullscreen"
+             [class.sidebar]="!transactionSearchService.fullscreen"
+             [class.collapsed]="transactionSearchService.collapsed"
+             [class.expanded]="!transactionSearchService.collapsed"
+        >
+          <co-transaction-search-result
+            [transactionType]="transactionType"
+            [activeSearchViewMode]="transactionSearchService.activeSearchViewMode"
+            (filterClick)="transactionSearchService.toggleFilter()"
+            (transactionClick)="onTransactionClick($event)"
+            (resizeClick)="onSearchViewResizeClick()"
+            (closeClick)="collapseSearchBar()"
+          ></co-transaction-search-result>
+        </div>
+      </div>
+      <div class="transaction-search-content-wrapper"
+           [class.fullscreen]="transactionSearchService.fullscreen"
+           [class.sidebar]="!transactionSearchService.fullscreen"
+           [class.collapsed]="transactionSearchService.collapsed"
+           [class.expanded]="!transactionSearchService.collapsed"
+      >
+        <ng-content></ng-content>
+      </div>
+    </div>
+  `,
+                animations: [
+                    trigger("showHideFilterSidebar", [
+                        state("void", style({ transform: 'translateX(-100%)' })),
+                        state("*", style({ transform: 'translateX(0)' })),
+                        transition("void <=> *", animate("200ms ease-in-out"))
+                    ])
+                ],
+                encapsulation: ViewEncapsulation.None
+            },] }
+];
+TransactionSearchComponent.ctorParameters = () => [
+    { type: TransactionSearchService }
+];
+TransactionSearchComponent.propDecorators = {
+    transactionType: [{ type: Input }],
+    transactionClick: [{ type: Output }],
+    searchViewModeChange: [{ type: Output }],
+    showClass: [{ type: HostBinding, args: ["class.co-transaction-search",] }]
+};
+
 class TransactionSearchService {
     constructor(_transactionService) {
         this._transactionService = _transactionService;
         this.searchRequest = new TransactionSearchViewRequest();
         this.previousSearchRequest = new TransactionSearchViewRequest();
+        this.activeSearchViewMode = SearchViewMode.FullScreen;
+        this.activeSearchBarViewMode = SearchBarViewMode.Expanded;
+        this.showFilterSidebar = false;
         this.transactions = [];
         this.labelBasedOnTransactionType = new Map([
             [TransactionKind.SalesOrder, "SALESORDERS"],
@@ -15703,6 +15841,25 @@ class TransactionSearchService {
     isNewGeneralSearch() {
         return this.previousSearchRequest && this.previousSearchRequest.general !== this.searchRequest.general;
     }
+    get fullscreen() {
+        return this.activeSearchViewMode === SearchViewMode.FullScreen;
+    }
+    get collapsed() {
+        return this.activeSearchBarViewMode === SearchBarViewMode.Collapsed;
+    }
+    toggleFilter() {
+        this.showFilterSidebar = !this.showFilterSidebar;
+    }
+    handleHideFilter() {
+        this.showFilterSidebar = false;
+    }
+    handleResetFilter() {
+        this.resetFilters();
+        this.showFilterSidebar = false;
+        setTimeout(() => {
+            this.showFilterSidebar = true;
+        }, 10);
+    }
 }
 TransactionSearchService.ɵprov = i0.ɵɵdefineInjectable({ factory: function TransactionSearchService_Factory() { return new TransactionSearchService(i0.ɵɵinject(TransactionService)); }, token: TransactionSearchService, providedIn: "root" });
 TransactionSearchService.decorators = [
@@ -18034,163 +18191,6 @@ ShoppingCartModule.decorators = [
             },] }
 ];
 
-var SearchBarViewMode;
-(function (SearchBarViewMode) {
-    SearchBarViewMode[SearchBarViewMode["Expanded"] = 0] = "Expanded";
-    SearchBarViewMode[SearchBarViewMode["Collapsed"] = 1] = "Collapsed";
-})(SearchBarViewMode || (SearchBarViewMode = {}));
-class TransactionSearchComponent {
-    constructor(_transactionSearchService) {
-        this._transactionSearchService = _transactionSearchService;
-        this.searchViewModes = SearchViewMode;
-        this.orientations = CoOrientation;
-        this.directionRight = CoDirection.Right;
-        this.activeSearchViewMode = SearchViewMode.FullScreen;
-        this.activeSearchBarViewMode = SearchBarViewMode.Expanded;
-        this.showFilterSidebar = false;
-        this.transactionClick = new EventEmitter();
-        this.searchViewModeChange = new EventEmitter();
-    }
-    set transactionType(value) {
-        this._transactionType = value;
-        this._transactionSearchService.transactionType = this._transactionType;
-    }
-    get transactionType() {
-        return this._transactionType;
-    }
-    showClass() {
-        return true;
-    }
-    get fullscreen() {
-        return this.activeSearchViewMode === SearchViewMode.FullScreen;
-    }
-    get collapsed() {
-        return this.activeSearchBarViewMode === SearchBarViewMode.Collapsed;
-    }
-    toggleFilter() {
-        this.showFilterSidebar = !this.showFilterSidebar;
-    }
-    handleHideFilter() {
-        this.showFilterSidebar = false;
-    }
-    handleResetFilter() {
-        this._transactionSearchService.resetFilters();
-        this.showFilterSidebar = false;
-        setTimeout(() => {
-            this.showFilterSidebar = true;
-        }, 10);
-    }
-    onTransactionClick(transaction) {
-        if (this.activeSearchViewMode === this.searchViewModes.FullScreen) {
-            this.collapseSearchBar();
-        }
-        this._scrollToTop();
-        this.transactionClick.emit(transaction);
-    }
-    onSearchViewResizeClick() {
-        if (this.activeSearchViewMode === this.searchViewModes.SideBar) {
-            this.activeSearchViewMode = this.searchViewModes.FullScreen;
-        }
-        else {
-            this.activeSearchViewMode = this.searchViewModes.SideBar;
-        }
-        this.searchViewModeChange.emit(this.activeSearchViewMode);
-    }
-    onSideCollapseHandleClick() {
-        this.toggleSearchBar();
-    }
-    toggleSearchBar() {
-        if (this.collapsed || this.fullscreen) {
-            this.expandSearchBar();
-        }
-        else {
-            this.collapseSearchBar();
-        }
-    }
-    collapseSearchBar() {
-        this.activeSearchViewMode = this.searchViewModes.SideBar;
-        this.activeSearchBarViewMode = SearchBarViewMode.Collapsed;
-        this.searchViewModeChange.emit(this.activeSearchViewMode);
-    }
-    expandSearchBar() {
-        this.activeSearchViewMode = this.searchViewModes.SideBar;
-        this.activeSearchBarViewMode = SearchBarViewMode.Expanded;
-        this.searchViewModeChange.emit(this.activeSearchViewMode);
-    }
-    calculateClasses() {
-        return {
-            'fullscreen': this.fullscreen,
-            'sidebar': !this.fullscreen,
-            'collapsed': this.collapsed,
-            'expanded': !this.collapsed,
-        };
-    }
-    _scrollToTop() {
-        window.scrollTo({ top: 0, behavior: 'smooth' });
-    }
-}
-TransactionSearchComponent.decorators = [
-    { type: Component, args: [{
-                selector: 'co-transaction-search',
-                template: `
-    <div class="transaction-search-main-wrapper">
-      <div class="transaction-search-wrapper"
-           [ngClass]="calculateClasses()">
-        <div class="transaction-filter-wrapper narrow-scrollbar"
-             [ngClass]="calculateClasses()"
-             *ngIf="showFilterSidebar" @showHideFilterSidebar>
-          <co-transaction-filter
-            [transactionType]="transactionType"
-            [activeSearchViewMode]="activeSearchViewMode"
-            (closeButtonClick)="handleHideFilter()"
-            (resetFilterClick)="handleResetFilter()"></co-transaction-filter>
-        </div>
-        <div class="transaction-search-result-wrapper"
-             [class.fullscreen]="fullscreen"
-             [class.sidebar]="!fullscreen"
-             [class.collapsed]="collapsed"
-             [class.expanded]="!collapsed"
-        >
-          <co-transaction-search-result
-            [transactionType]="transactionType"
-            [activeSearchViewMode]="activeSearchViewMode"
-            (filterClick)="toggleFilter()"
-            (transactionClick)="onTransactionClick($event)"
-            (resizeClick)="onSearchViewResizeClick()"
-            (closeClick)="collapseSearchBar()"
-          ></co-transaction-search-result>
-        </div>
-      </div>
-      <div class="transaction-search-content-wrapper"
-           [class.fullscreen]="fullscreen"
-           [class.sidebar]="!fullscreen"
-           [class.collapsed]="collapsed"
-           [class.expanded]="!collapsed"
-      >
-        <ng-content></ng-content>
-      </div>
-    </div>
-  `,
-                animations: [
-                    trigger("showHideFilterSidebar", [
-                        state("void", style({ transform: 'translateX(-100%)' })),
-                        state("*", style({ transform: 'translateX(0)' })),
-                        transition("void <=> *", animate("200ms ease-in-out"))
-                    ])
-                ],
-                encapsulation: ViewEncapsulation.None
-            },] }
-];
-TransactionSearchComponent.ctorParameters = () => [
-    { type: TransactionSearchService }
-];
-TransactionSearchComponent.propDecorators = {
-    transactionType: [{ type: Input }],
-    transactionClick: [{ type: Output }],
-    searchViewModeChange: [{ type: Output }],
-    showClass: [{ type: HostBinding, args: ["class.co-transaction-search",] }]
-};
-
 class TransactionFilterComponent {
     constructor(_mappingService, _compFactoryResolver, appRef, injector, searchService) {
         this._mappingService = _mappingService;