@colijnit/transaction 12.1.43 → 12.1.44

package/bundles/colijnit-transaction.umd.js

@@ -16562,11 +16562,116 @@
         SearchViewMode[SearchViewMode["SideBar"] = 1] = "SideBar";
     })(SearchViewMode || (SearchViewMode = {}));
 
+    exports.SearchBarViewMode = void 0;
+    (function (SearchBarViewMode) {
+        SearchBarViewMode[SearchBarViewMode["Expanded"] = 0] = "Expanded";
+        SearchBarViewMode[SearchBarViewMode["Collapsed"] = 1] = "Collapsed";
+    })(exports.SearchBarViewMode || (exports.SearchBarViewMode = {}));
+    var TransactionSearchComponent = /** @class */ (function () {
+        function TransactionSearchComponent(transactionSearchService) {
+            this.transactionSearchService = transactionSearchService;
+            this.searchViewModes = SearchViewMode;
+            this.orientations = corecomponents_v12.CoOrientation;
+            this.directionRight = corecomponents_v12.CoDirection.Right;
+            this.transactionClick = new i0.EventEmitter();
+            this.searchViewModeChange = new i0.EventEmitter();
+        }
+        Object.defineProperty(TransactionSearchComponent.prototype, "transactionType", {
+            get: function () {
+                return this._transactionType;
+            },
+            set: function (value) {
+                this._transactionType = value;
+                this.transactionSearchService.transactionType = this._transactionType;
+            },
+            enumerable: false,
+            configurable: true
+        });
+        TransactionSearchComponent.prototype.showClass = function () {
+            return true;
+        };
+        TransactionSearchComponent.prototype.onTransactionClick = function (transaction) {
+            if (this.transactionSearchService.activeSearchViewMode === this.searchViewModes.FullScreen) {
+                this.collapseSearchBar();
+            }
+            this._scrollToTop();
+            this.transactionClick.emit(transaction);
+        };
+        TransactionSearchComponent.prototype.onSearchViewResizeClick = function () {
+            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);
+        };
+        TransactionSearchComponent.prototype.onSideCollapseHandleClick = function () {
+            this.toggleSearchBar();
+        };
+        TransactionSearchComponent.prototype.toggleSearchBar = function () {
+            if (this.transactionSearchService.collapsed || this.transactionSearchService.fullscreen) {
+                this.expandSearchBar();
+            }
+            else {
+                this.collapseSearchBar();
+            }
+        };
+        TransactionSearchComponent.prototype.collapseSearchBar = function () {
+            this.transactionSearchService.activeSearchViewMode = this.searchViewModes.SideBar;
+            this.transactionSearchService.activeSearchBarViewMode = exports.SearchBarViewMode.Collapsed;
+            this.searchViewModeChange.emit(this.searchViewModes.SideBar);
+        };
+        TransactionSearchComponent.prototype.expandSearchBar = function () {
+            this.transactionSearchService.activeSearchViewMode = this.searchViewModes.SideBar;
+            this.transactionSearchService.activeSearchBarViewMode = exports.SearchBarViewMode.Expanded;
+            this.searchViewModeChange.emit(this.searchViewModes.SideBar);
+        };
+        TransactionSearchComponent.prototype.calculateClasses = function () {
+            return {
+                'fullscreen': this.transactionSearchService.fullscreen,
+                'sidebar': !this.transactionSearchService.fullscreen,
+                'collapsed': this.transactionSearchService.collapsed,
+                'expanded': !this.transactionSearchService.collapsed,
+            };
+        };
+        TransactionSearchComponent.prototype._scrollToTop = function () {
+            window.scrollTo({ top: 0, behavior: 'smooth' });
+        };
+        return TransactionSearchComponent;
+    }());
+    TransactionSearchComponent.decorators = [
+        { type: i0.Component, args: [{
+                    selector: 'co-transaction-search',
+                    template: "\n    <div class=\"transaction-search-main-wrapper\">\n      <div class=\"transaction-search-wrapper\"\n           [ngClass]=\"calculateClasses()\">\n        <div class=\"transaction-filter-wrapper narrow-scrollbar\"\n             [ngClass]=\"calculateClasses()\"\n             *ngIf=\"transactionSearchService.showFilterSidebar\" @showHideFilterSidebar>\n          <co-transaction-filter\n            [transactionType]=\"transactionType\"\n            [activeSearchViewMode]=\"transactionSearchService.activeSearchViewMode\"\n            (closeButtonClick)=\"transactionSearchService.handleHideFilter()\"\n            (resetFilterClick)=\"transactionSearchService.handleResetFilter()\"></co-transaction-filter>\n        </div>\n        <div class=\"transaction-search-result-wrapper\"\n             [class.fullscreen]=\"transactionSearchService.fullscreen\"\n             [class.sidebar]=\"!transactionSearchService.fullscreen\"\n             [class.collapsed]=\"transactionSearchService.collapsed\"\n             [class.expanded]=\"!transactionSearchService.collapsed\"\n        >\n          <co-transaction-search-result\n            [transactionType]=\"transactionType\"\n            [activeSearchViewMode]=\"transactionSearchService.activeSearchViewMode\"\n            (filterClick)=\"transactionSearchService.toggleFilter()\"\n            (transactionClick)=\"onTransactionClick($event)\"\n            (resizeClick)=\"onSearchViewResizeClick()\"\n            (closeClick)=\"collapseSearchBar()\"\n          ></co-transaction-search-result>\n        </div>\n      </div>\n      <div class=\"transaction-search-content-wrapper\"\n           [class.fullscreen]=\"transactionSearchService.fullscreen\"\n           [class.sidebar]=\"!transactionSearchService.fullscreen\"\n           [class.collapsed]=\"transactionSearchService.collapsed\"\n           [class.expanded]=\"!transactionSearchService.collapsed\"\n      >\n        <ng-content></ng-content>\n      </div>\n    </div>\n  ",
+                    animations: [
+                        animations.trigger("showHideFilterSidebar", [
+                            animations.state("void", animations.style({ transform: 'translateX(-100%)' })),
+                            animations.state("*", animations.style({ transform: 'translateX(0)' })),
+                            animations.transition("void <=> *", animations.animate("200ms ease-in-out"))
+                        ])
+                    ],
+                    encapsulation: i0.ViewEncapsulation.None
+                },] }
+    ];
+    TransactionSearchComponent.ctorParameters = function () { return [
+        { type: TransactionSearchService }
+    ]; };
+    TransactionSearchComponent.propDecorators = {
+        transactionType: [{ type: i0.Input }],
+        transactionClick: [{ type: i0.Output }],
+        searchViewModeChange: [{ type: i0.Output }],
+        showClass: [{ type: i0.HostBinding, args: ["class.co-transaction-search",] }]
+    };
+
     var TransactionSearchService = /** @class */ (function () {
         function TransactionSearchService(_transactionService) {
             this._transactionService = _transactionService;
             this.searchRequest = new transactionSearchViewRequest.TransactionSearchViewRequest();
             this.previousSearchRequest = new transactionSearchViewRequest.TransactionSearchViewRequest();
+            this.activeSearchViewMode = SearchViewMode.FullScreen;
+            this.activeSearchBarViewMode = exports.SearchBarViewMode.Expanded;
+            this.showFilterSidebar = false;
             this.transactions = [];
             this.labelBasedOnTransactionType = new Map([
                 [transactionKind_enum.TransactionKind.SalesOrder, "SALESORDERS"],
@@ -16635,6 +16740,34 @@
         TransactionSearchService.prototype.isNewGeneralSearch = function () {
             return this.previousSearchRequest && this.previousSearchRequest.general !== this.searchRequest.general;
         };
+        Object.defineProperty(TransactionSearchService.prototype, "fullscreen", {
+            get: function () {
+                return this.activeSearchViewMode === SearchViewMode.FullScreen;
+            },
+            enumerable: false,
+            configurable: true
+        });
+        Object.defineProperty(TransactionSearchService.prototype, "collapsed", {
+            get: function () {
+                return this.activeSearchBarViewMode === exports.SearchBarViewMode.Collapsed;
+            },
+            enumerable: false,
+            configurable: true
+        });
+        TransactionSearchService.prototype.toggleFilter = function () {
+            this.showFilterSidebar = !this.showFilterSidebar;
+        };
+        TransactionSearchService.prototype.handleHideFilter = function () {
+            this.showFilterSidebar = false;
+        };
+        TransactionSearchService.prototype.handleResetFilter = function () {
+            var _this = this;
+            this.resetFilters();
+            this.showFilterSidebar = false;
+            setTimeout(function () {
+                _this.showFilterSidebar = true;
+            }, 10);
+        };
         return TransactionSearchService;
     }());
     TransactionSearchService.ɵprov = i0__namespace.ɵɵdefineInjectable({ factory: function TransactionSearchService_Factory() { return new TransactionSearchService(i0__namespace.ɵɵinject(TransactionService)); }, token: TransactionSearchService, providedIn: "root" });
@@ -18542,139 +18675,6 @@
                 },] }
     ];
 
-    exports.SearchBarViewMode = void 0;
-    (function (SearchBarViewMode) {
-        SearchBarViewMode[SearchBarViewMode["Expanded"] = 0] = "Expanded";
-        SearchBarViewMode[SearchBarViewMode["Collapsed"] = 1] = "Collapsed";
-    })(exports.SearchBarViewMode || (exports.SearchBarViewMode = {}));
-    var TransactionSearchComponent = /** @class */ (function () {
-        function TransactionSearchComponent(_transactionSearchService) {
-            this._transactionSearchService = _transactionSearchService;
-            this.searchViewModes = SearchViewMode;
-            this.orientations = corecomponents_v12.CoOrientation;
-            this.directionRight = corecomponents_v12.CoDirection.Right;
-            this.activeSearchViewMode = SearchViewMode.FullScreen;
-            this.activeSearchBarViewMode = exports.SearchBarViewMode.Expanded;
-            this.showFilterSidebar = false;
-            this.transactionClick = new i0.EventEmitter();
-            this.searchViewModeChange = new i0.EventEmitter();
-        }
-        Object.defineProperty(TransactionSearchComponent.prototype, "transactionType", {
-            get: function () {
-                return this._transactionType;
-            },
-            set: function (value) {
-                this._transactionType = value;
-                this._transactionSearchService.transactionType = this._transactionType;
-            },
-            enumerable: false,
-            configurable: true
-        });
-        TransactionSearchComponent.prototype.showClass = function () {
-            return true;
-        };
-        Object.defineProperty(TransactionSearchComponent.prototype, "fullscreen", {
-            get: function () {
-                return this.activeSearchViewMode === SearchViewMode.FullScreen;
-            },
-            enumerable: false,
-            configurable: true
-        });
-        Object.defineProperty(TransactionSearchComponent.prototype, "collapsed", {
-            get: function () {
-                return this.activeSearchBarViewMode === exports.SearchBarViewMode.Collapsed;
-            },
-            enumerable: false,
-            configurable: true
-        });
-        TransactionSearchComponent.prototype.toggleFilter = function () {
-            this.showFilterSidebar = !this.showFilterSidebar;
-        };
-        TransactionSearchComponent.prototype.handleHideFilter = function () {
-            this.showFilterSidebar = false;
-        };
-        TransactionSearchComponent.prototype.handleResetFilter = function () {
-            var _this = this;
-            this._transactionSearchService.resetFilters();
-            this.showFilterSidebar = false;
-            setTimeout(function () {
-                _this.showFilterSidebar = true;
-            }, 10);
-        };
-        TransactionSearchComponent.prototype.onTransactionClick = function (transaction) {
-            if (this.activeSearchViewMode === this.searchViewModes.FullScreen) {
-                this.collapseSearchBar();
-            }
-            this._scrollToTop();
-            this.transactionClick.emit(transaction);
-        };
-        TransactionSearchComponent.prototype.onSearchViewResizeClick = function () {
-            if (this.activeSearchViewMode === this.searchViewModes.SideBar) {
-                this.activeSearchViewMode = this.searchViewModes.FullScreen;
-            }
-            else {
-                this.activeSearchViewMode = this.searchViewModes.SideBar;
-            }
-            this.searchViewModeChange.emit(this.activeSearchViewMode);
-        };
-        TransactionSearchComponent.prototype.onSideCollapseHandleClick = function () {
-            this.toggleSearchBar();
-        };
-        TransactionSearchComponent.prototype.toggleSearchBar = function () {
-            if (this.collapsed || this.fullscreen) {
-                this.expandSearchBar();
-            }
-            else {
-                this.collapseSearchBar();
-            }
-        };
-        TransactionSearchComponent.prototype.collapseSearchBar = function () {
-            this.activeSearchViewMode = this.searchViewModes.SideBar;
-            this.activeSearchBarViewMode = exports.SearchBarViewMode.Collapsed;
-            this.searchViewModeChange.emit(this.activeSearchViewMode);
-        };
-        TransactionSearchComponent.prototype.expandSearchBar = function () {
-            this.activeSearchViewMode = this.searchViewModes.SideBar;
-            this.activeSearchBarViewMode = exports.SearchBarViewMode.Expanded;
-            this.searchViewModeChange.emit(this.activeSearchViewMode);
-        };
-        TransactionSearchComponent.prototype.calculateClasses = function () {
-            return {
-                'fullscreen': this.fullscreen,
-                'sidebar': !this.fullscreen,
-                'collapsed': this.collapsed,
-                'expanded': !this.collapsed,
-            };
-        };
-        TransactionSearchComponent.prototype._scrollToTop = function () {
-            window.scrollTo({ top: 0, behavior: 'smooth' });
-        };
-        return TransactionSearchComponent;
-    }());
-    TransactionSearchComponent.decorators = [
-        { type: i0.Component, args: [{
-                    selector: 'co-transaction-search',
-                    template: "\n    <div class=\"transaction-search-main-wrapper\">\n      <div class=\"transaction-search-wrapper\"\n           [ngClass]=\"calculateClasses()\">\n        <div class=\"transaction-filter-wrapper narrow-scrollbar\"\n             [ngClass]=\"calculateClasses()\"\n             *ngIf=\"showFilterSidebar\" @showHideFilterSidebar>\n          <co-transaction-filter\n            [transactionType]=\"transactionType\"\n            [activeSearchViewMode]=\"activeSearchViewMode\"\n            (closeButtonClick)=\"handleHideFilter()\"\n            (resetFilterClick)=\"handleResetFilter()\"></co-transaction-filter>\n        </div>\n        <div class=\"transaction-search-result-wrapper\"\n             [class.fullscreen]=\"fullscreen\"\n             [class.sidebar]=\"!fullscreen\"\n             [class.collapsed]=\"collapsed\"\n             [class.expanded]=\"!collapsed\"\n        >\n          <co-transaction-search-result\n            [transactionType]=\"transactionType\"\n            [activeSearchViewMode]=\"activeSearchViewMode\"\n            (filterClick)=\"toggleFilter()\"\n            (transactionClick)=\"onTransactionClick($event)\"\n            (resizeClick)=\"onSearchViewResizeClick()\"\n            (closeClick)=\"collapseSearchBar()\"\n          ></co-transaction-search-result>\n        </div>\n      </div>\n      <div class=\"transaction-search-content-wrapper\"\n           [class.fullscreen]=\"fullscreen\"\n           [class.sidebar]=\"!fullscreen\"\n           [class.collapsed]=\"collapsed\"\n           [class.expanded]=\"!collapsed\"\n      >\n        <ng-content></ng-content>\n      </div>\n    </div>\n  ",
-                    animations: [
-                        animations.trigger("showHideFilterSidebar", [
-                            animations.state("void", animations.style({ transform: 'translateX(-100%)' })),
-                            animations.state("*", animations.style({ transform: 'translateX(0)' })),
-                            animations.transition("void <=> *", animations.animate("200ms ease-in-out"))
-                        ])
-                    ],
-                    encapsulation: i0.ViewEncapsulation.None
-                },] }
-    ];
-    TransactionSearchComponent.ctorParameters = function () { return [
-        { type: TransactionSearchService }
-    ]; };
-    TransactionSearchComponent.propDecorators = {
-        transactionType: [{ type: i0.Input }],
-        transactionClick: [{ type: i0.Output }],
-        searchViewModeChange: [{ type: i0.Output }],
-        showClass: [{ type: i0.HostBinding, args: ["class.co-transaction-search",] }]
-    };
-
     var TransactionFilterComponent = /** @class */ (function () {
         function TransactionFilterComponent(_mappingService, _compFactoryResolver, appRef, injector, searchService) {
             this._mappingService = _mappingService;