npm - @colijnit/sharedcomponents - Versions diffs - 1.0.45 → 1.0.47 - Mend

@colijnit/sharedcomponents 1.0.45 → 1.0.47

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (31) hide show

package/bundles/colijnit-sharedcomponents.umd.js CHANGED Viewed

@@ -429,7 +429,7 @@
              */
             set: function (value) {
                 if (value) {
-                    this._pdf = value;
+                    this._handlePdfData(value);
                     this._openPDF();
                 }
             },
@@ -578,6 +578,23 @@
                 });
             });
         };
+        DocsignComponent.prototype._handlePdfData = function (pdfData) {
+            if (typeof pdfData === 'string') {
+                this._preparePDF(pdfData);
+            }
+            else {
+                this._pdf = pdfData;
+            }
+        };
+        DocsignComponent.prototype._preparePDF = function (base64) {
+            var binary_string = window.atob(base64);
+            var len = binary_string.length;
+            var bytes = new Uint8Array(len);
+            for (var i = 0; i < len; i++) {
+                bytes[i] = binary_string.charCodeAt(i);
+            }
+            this._pdf = bytes;
+        };
         return DocsignComponent;
     }());
     DocsignComponent.decorators = [
@@ -1045,6 +1062,44 @@
                 });
             });
         };
+        SharedConnectorService.prototype.getScreenConfigTree = function () {
+            return __awaiter(this, void 0, void 0, function () {
+                var _this = this;
+                return __generator(this, function (_a) {
+                    return [2 /*return*/, new Promise(function (resolve, reject) {
+                            return _this.sharedConnector.getConfigTreeObject('T', 'JS').then(function (result) {
+                                if (result.validationResult && result.validationResult.success) {
+                                    if (result.resultObjects) {
+                                        resolve(result.resultObjects);
+                                    }
+                                }
+                                else {
+                                    reject(result.validationMessagesAsString);
+                                }
+                            });
+                        })];
+                });
+            });
+        };
+        SharedConnectorService.prototype.getScreenConfigSubRubric = function (parentRubricId, configId, fixedKey) {
+            return __awaiter(this, void 0, void 0, function () {
+                var _this = this;
+                return __generator(this, function (_a) {
+                    return [2 /*return*/, new Promise(function (resolve, reject) {
+                            return _this.sharedConnector.getConfigSubRubric(parentRubricId, configId, fixedKey).then(function (result) {
+                                if (result.validationResult && result.validationResult.success) {
+                                    if (result.resultObjects) {
+                                        resolve(result.resultObjects);
+                                    }
+                                }
+                                else {
+                                    reject(result.validationMessagesAsString);
+                                }
+                            });
+                        })];
+                });
+            });
+        };
         // public async getPrintStockStickers(request: PrintStockStickers): Promise<PrintStockStickers> {
         //   return new Promise((resolve: Function, reject: Function) => {
         //     return this.sharedConnector.getPrintStockStickers(request).then((result: DataServiceResponseData) => {
@@ -1697,7 +1752,7 @@
     StockComponent.decorators = [
         { type: i0.Component, args: [{
                     selector: "co-stock",
-                    template: "\n      <div class=\"stock-info-container\">\n        <co-stock-information [article]=\"articleExtended\"\n                              [articleStockState]=\"articleStockState\"\n                              [allAvailableStockInformation]=\"allAvailableStock\"\n                              [allTechnicalStockInformation]=\"allTechnicalStock\"\n        >\n        </co-stock-information>\n        <hr>\n        <co-stock-tabs [stockInformation]=\"stockInformation\"\n                       [article]=\"articleExtended\"\n                       (transferIconClicked)=\"handleStockTransferClick($event)\"\n                       (sendMethodDialogClicked)=\"handleSendMethodClick($event)\"\n                       [warehouses]=\"warehouses\"\n        ></co-stock-tabs>\n\n        <co-dialog *ngIf=\"showStockTransfer\">\n          <co-stock-transfer (handleClick)=\"backToStock()\"\n                             class=\"stock-transfer-dialog\"\n                             [article]=\"stockTransferArticle\"\n                             [articleToTransfer]=\"stockTransferArticleDetails\"\n                             (handleStickerClicked)=\"handleStickerClicked.emit($event)\"\n                             [articleWarehouse]=\"articleWarehouse\"\n                             [allWarehouses]=\"allWarehouses\"\n          >\n          </co-stock-transfer>\n        </co-dialog>\n\n        <co-send-method-dialog *ngIf=\"showSendMethodDialog\">\n\n        </co-send-method-dialog>\n      </div>\n  ",
+                    template: "\n      <div class=\"stock-info-container\">\n        <co-stock-information [article]=\"articleExtended\"\n                              [articleStockState]=\"articleStockState\"\n                              [allAvailableStockInformation]=\"allAvailableStock\"\n                              [allTechnicalStockInformation]=\"allTechnicalStock\"\n        >\n        </co-stock-information>\n        <hr>\n        <co-stock-tabs [stockInformation]=\"stockInformation\"\n                       [article]=\"articleExtended\"\n                       (transferIconClicked)=\"handleStockTransferClick($event)\"\n                       (sendMethodDialogClicked)=\"handleSendMethodClick($event)\"\n                       [warehouses]=\"warehouses\"\n        ></co-stock-tabs>\n\n        <co-dialog *ngIf=\"showStockTransfer\" (closeClick)=\"showStockTransfer = false\">\n          <co-stock-transfer (handleClick)=\"backToStock()\"\n                             class=\"stock-transfer-dialog\"\n                             [article]=\"stockTransferArticle\"\n                             [articleToTransfer]=\"stockTransferArticleDetails\"\n                             (handleStickerClicked)=\"handleStickerClicked.emit($event)\"\n                             [articleWarehouse]=\"articleWarehouse\"\n                             [allWarehouses]=\"allWarehouses\"\n          >\n          </co-stock-transfer>\n        </co-dialog>\n\n        <co-send-method-dialog *ngIf=\"showSendMethodDialog\">\n\n        </co-send-method-dialog>\n      </div>\n  ",
                     encapsulation: i0.ViewEncapsulation.None
                 },] }
     ];
@@ -2071,7 +2126,7 @@
     StockInformationGridComponent.decorators = [
         { type: i0.Component, args: [{
                     selector: "co-stock-information-grid",
-                    template: "\n    <div class=\"tab-link show\" *ngIf=\"hideOrShowTabs\">\n      <span class=\"tab-link-buttons\"\n            *ngFor=\"let tab of tabs\"\n            (click)=\"handleTabClick(tab)\"\n            [textContent]=\"tab\"\n            [class.active]=\"tab === activeTab\"\n      ></span>\n    </div>\n\n    <div class=\"stock-line\">\n      <div [textContent]=\"activeTabText\"></div>\n\n    </div>\n\n    <div class=\"stock-grid\">\n      <co-simple-grid *ngIf=\"activeTab === tabs[0] && hideOrShowTabs\"\n                      [data]=\"articleStockInformation\"\n                      class=\"simple-grid\"\n                      [rowsPerPage]=\"20\"\n      >\n          <co-simple-grid-column [headerText]=\"'WAREHOUSE' | localize\" [field]=\"'warehouseNo'\" [order]=\"10\"></co-simple-grid-column>\n          <co-simple-grid-column [headerText]=\"'DESCRIPTION' | localize\" [field]=\"'warehouseName'\" [order]=\"11\"></co-simple-grid-column>\n          <co-simple-grid-column [headerText]=\"'STOCK' | localize\" [field]=\"'technicalStock'\" [order]=\"12\"></co-simple-grid-column>\n          <co-simple-grid-column [headerText]=\"'AVAILABLE_STOCK' | localize\" [field]=\"'availableStock'\" [order]=\"13\"></co-simple-grid-column>\n          <co-simple-grid-column [headerText]=\"'ECONOMICAL_STOCK' | localize\" [field]=\"'economicalStock'\" [order]=\"14\"></co-simple-grid-column>\n          <co-simple-grid-column [headerText]=\"'LOCATION' | localize\" [field]=\"'locationNo'\" [order]=\"15\">\n            <ng-template #template let-row=\"row\">\n              <span class=\"location-link\" [textContent]=\"'LOOK_AT' | localize\" (click)=\"onLocationClick(row)\"></span>\n            </ng-template>\n          </co-simple-grid-column>\n      </co-simple-grid>\n\n      <co-simple-grid *ngIf=\"activeTab === tabs[1]\"\n                      [data]=\"inOrderInformation\"\n                      class=\"simple-grid\"\n                      [rowsPerPage]=\"20\"\n      >\n        <co-simple-grid-column [headerText]=\"'IN_ORDER' | localize\" [field]=\"'transactionNr'\"></co-simple-grid-column>\n        <co-simple-grid-column [headerText]=\"'CUSTOMER' | localize\" [field]=\"'customerName'\"></co-simple-grid-column>\n        <co-simple-grid-column [headerText]=\"'DATE' | localize\">\n          <ng-template #template let-row=\"row\">\n            <span [textContent]=\"row.transactionDate | date:'dd-MM-yyyy'\"></span>\n          </ng-template>\n        </co-simple-grid-column>\n        <co-simple-grid-column [headerText]=\"'AMOUNT' | localize\" [field]=\"'amountInOrder'\"></co-simple-grid-column>\n        <co-simple-grid-column [headerText]=\"'WAREHOUSE' | localize\" [field]=\"'warehouseNumber'\"></co-simple-grid-column>\n        <co-simple-grid-column [headerText]=\"'DESCRIPTION' | localize\" [field]=\"'warehouseDescription'\"></co-simple-grid-column>\n        <co-simple-grid-column [headerText]=\"'TRANSFER' | localize\" [field]=\"'transfer'\">\n          <ng-template #template let-row=\"row\">\n            <co-icon class=\"menu-icon\" [iconData]=\"iconCacheService.getIcon(icons.DeliveryTruck)\" (click)=\"handleStockTransferClick($event)\"></co-icon>\n          </ng-template>\n        </co-simple-grid-column>\n        <co-simple-grid-column [headerText]=\"'STICKER' | localize\" [field]=\"'sticker'\">\n          <ng-template #template let-row=\"row\">\n            <co-icon class=\"menu-icon\" [iconData]=\"iconCacheService.getIcon(icons.Print)\" (click)=\"openSendMethodDialog(row)\"></co-icon>\n          </ng-template>\n        </co-simple-grid-column>\n      </co-simple-grid>\n\n      <co-simple-grid *ngIf=\"activeTab === tabs[2]\"\n                      [data]=\"orderInformation\"\n                      class=\"simple-grid\"\n                      [rowsPerPage]=\"20\"\n      >\n        <co-simple-grid-column [headerText]=\"'PURCHASE_ORDER_NR' | localize\" [field]=\"'transactionNr'\"></co-simple-grid-column>\n        <co-simple-grid-column [headerText]=\"'DATE' | localize\">\n          <ng-template #template let-row=\"row\">\n            <span [textContent]=\"row.transactionDate | date:'dd-MM-yyyy'\"></span>\n          </ng-template>\n        </co-simple-grid-column>\n        <co-simple-grid-column [headerText]=\"'AMOUNT' | localize\" [field]=\"'amountInOrder'\"></co-simple-grid-column>\n        <co-simple-grid-column [headerText]=\"'RESERVED' | localize\" [field]=\"'reserved'\"></co-simple-grid-column>\n        <co-simple-grid-column [headerText]=\"'FREE_STOCK' | localize\" [field]=\"'InOrderForStock'\"></co-simple-grid-column>\n        <co-simple-grid-column [headerText]=\"'DELIVERY_DATE' | localize\">\n          <ng-template #template let-row=\"row\">\n            <span [textContent]=\"row.deliveryDate | date:'dd-MM-yyyy'\"></span>\n          </ng-template>\n        </co-simple-grid-column>\n      </co-simple-grid>\n    </div>\n\n    <div class=\"stock-grid\" *ngIf=\"hideOrShowLocationTab\">\n      <div class=\"stock-location-group\">\n        <div class=\"stock-location-left-group\">\n          <span class=\"stock-button-back\" [textContent]=\"'BACK_TO_STOCK_LINES' | localize\" (click)=\"handleBackToStockClick()\"></span>\n        </div>\n        <div class=\"stock-location-right-group\">\n<!--\n          <co-drop-down-list  [(model)]=\"selectedWarehouse\"\n                              [collection]=\"dataWareHouseCode\"\n                              [fields]=\"dataWareHouseFields\"\n                              [placeholder]=\"'WAREHOUSE' | localize\"\n                              (modelChange)=\"onSelectWarehouse($event)\"\n                              [required]=\"true\"\n          ></co-drop-down-list>\n-->\n        </div>\n      </div>\n\n<!--      TODO move to own component stock-location-->\n      <co-simple-grid [data]=\"articleDetails\"\n                      class=\"simple-grid\"\n                      [rowsPerPage]=\"20\"\n                      [showAdd]=\"true\"\n                      [showToolbar]=\"true\"\n                      [showDelete]=\"true\"\n                      [inlineEdit]=\"true\"\n                      (dblClickRow)=\"lockSelectedRow($event)\"\n      >\n        <div class=\"stock-location-group\">\n          <div class=\"stock-location-left-group\">\n            <co-button class=\"stock-lines-button\" [textContent]=\"'BACK_TO_STOCK_LINES' | localize\" (click)=\"handleBackToStockClick()\"></co-button>\n          </div>\n        </div>\n        <co-simple-grid-column [headerText]=\"'LOCATION' | localize\" [field]=\"'locationNo'\">\n          <ng-template #editTemplate let-row=\"row\">\n<!--\n            <co-drop-down-list [(model)]=\"row.locationNo\"\n                               [collection]=\"stockLocations\"\n                               [fields]=\"dataLocationFields\"\n                               [placeholder]=\"'LOCATION' | localize\"\n                               (click)=\"onLocationDropdownClick()\"\n                               [required]=\"true\"\n            ></co-drop-down-list>\n-->\n          </ng-template>\n        </co-simple-grid-column>\n        <co-simple-grid-column *ngIf=\"articleDetails\" [headerText]=\"'BATCH' | localize\" [field]=\"'batchNo'\">\n          <ng-template #editTemplate let-row=\"row\">\n            <co-input-text [(model)]=\"row.batchNo\"\n                           [placeholder]=\"'BATCH' | localize\"\n            ></co-input-text>\n          </ng-template>\n        </co-simple-grid-column>\n        <co-simple-grid-column *ngIf=\"articleDetails\" [headerText]=\"'SERIAL_NO' | localize\" [field]=\"'serialNo'\">\n          <ng-template #editTemplate let-row=\"row\">\n            <co-input-text [(model)]=\"row.serialNo\"\n                           [placeholder]=\"'SERIAL_NO' | localize\"\n            ></co-input-text>\n          </ng-template>\n        </co-simple-grid-column>\n        <co-simple-grid-column [headerText]=\"'STOCK' | localize\" [field]=\"'amountInStock'\">\n          <ng-template #editTemplate let-row=\"row\">\n            <co-input-text  [(model)]=\"row.amountInStock\"\n                            [label]=\"'STOCK' | localize\"\n                            (modelChange)=\"amountInStockChanged($event)\"\n            ></co-input-text>\n          </ng-template>\n        </co-simple-grid-column>\n        <co-simple-grid-column [headerText]=\"'ALLOCATED' | localize\" [field]=\"'stockAssigned'\">\n          <ng-template #editTemplate let-row=\"row\">\n            <span [textContent]=\"row.stockAssigned\"></span>\n          </ng-template>\n        </co-simple-grid-column>\n        <co-simple-grid-column [headerText]=\"'AVAILABLE_STOCK' | localize\" [field]=\"'amountInStockFree'\">\n          <ng-template #editTemplate let-row=\"row\">\n            <span [textContent]=\"row.amountInStockFree\"></span>\n          </ng-template>\n        </co-simple-grid-column>\n        <co-simple-grid-column [headerText]=\"'VALUTA' | localize\" [field]=\"'currency'\">\n          <ng-template #editTemplate let-row=\"row\">\n            <span [textContent]=\"row.currency\"></span>\n          </ng-template>\n        </co-simple-grid-column>\n        <co-simple-grid-column [headerText]=\"'PURCHASE_PRICE' | localize\" [field]=\"'purchasePrice'\">\n          <ng-template #editTemplate let-row=\"row\">\n            <span [textContent]=\"row.purchasePrice\"></span>\n          </ng-template>\n        </co-simple-grid-column>\n        <co-simple-grid-column [headerText]=\"'SUPPLIER_NUMBER' | localize\" [field]=\"'supplierNo'\">\n          <ng-template #editTemplate let-row=\"row\">\n            <span [textContent]=\"row.supplierNo\"></span>\n          </ng-template>\n        </co-simple-grid-column>\n        <co-simple-grid-column [headerText]=\"'TRANSFER' | localize\" [field]=\"'transfer'\">\n          <ng-template #template let-row=\"row\">\n            <co-icon class=\"menu-icon\" [iconData]=\"iconCacheService.getIcon(icons.DeliveryTruck)\" (click)=\"handleStockTransferClick(row)\"></co-icon>\n          </ng-template>\n        </co-simple-grid-column>\n        <co-simple-grid-column [headerText]=\"'STICKER' | localize\" [field]=\"'sticker'\">\n          <ng-template #template let-row=\"row\">\n            <co-icon class=\"menu-icon\" [iconData]=\"iconCacheService.getIcon(icons.Print)\" (click)=\"openSendMethodDialog(row)\"></co-icon>\n          </ng-template>\n        </co-simple-grid-column>\n      </co-simple-grid>\n    </div>\n\n    <co-stock-change-amount *ngIf=\"showChangeStockDetails\"\n                            (closeStockChangeAmount)=\"showChangeStockDetails = false\"\n                            [selectedArticleDetailsData]=\"selectedArticleDetailsData\"\n    >\n    </co-stock-change-amount>\n\n    <div class=\"stock-grid\" *ngIf=\"showStockHistory\">\n      <div class=\"stock-button-left-group\">\n        <span class=\"stock-button-back\" [textContent]=\"'BACK_TO_STOCK_LINES' | localize\" (click)=\"backToStockInformation()\"></span>\n      </div>\n      <co-simple-grid [data]=\"stockHistoryInformation\"\n                      class=\"simple-grid\"\n                      [rowsPerPage]=\"20\"\n      >\n        <co-simple-grid-column [headerText]=\"'MUTATION_DATE' | localize\">\n          <ng-template #template let-row=\"row\">\n            <span [textContent]=\"row.mutationDate | date:'dd-MM-yyyy'\"></span>\n          </ng-template>\n        </co-simple-grid-column>\n        <co-simple-grid-column [headerText]=\"'MUTATION_TIME' | localize\" [field]=\"'mutationTime'\"></co-simple-grid-column>\n        <co-simple-grid-column [headerText]=\"'AMOUNT' | localize\" [field]=\"'amount'\"></co-simple-grid-column>\n        <co-simple-grid-column [headerText]=\"'WAREHOUSE' | localize\" [field]=\"'wareHouseNr'\"></co-simple-grid-column>\n        <co-simple-grid-column [headerText]=\"'LOCATION' | localize\" [field]=\"'locationNr'\"></co-simple-grid-column>\n        <co-simple-grid-column [headerText]=\"'TRANSACTION_TYPE' | localize\" [field]=\"'transType'\"></co-simple-grid-column>\n        <co-simple-grid-column [headerText]=\"'DOCUMENT_NUMBER' | localize\" [field]=\"'docNr'\"></co-simple-grid-column>\n        <co-simple-grid-column [headerText]=\"'LINE' | localize\" [field]=\"'posLineNr'\"></co-simple-grid-column>\n        <co-simple-grid-column [headerText]=\"'STOCK_STATE' | localize\" [field]=\"'stockStateId'\"></co-simple-grid-column>\n        <co-simple-grid-column [headerText]=\"'STOCK_REMARK' | localize\" [field]=\"'stockStateRemarkId'\"></co-simple-grid-column>\n        <co-simple-grid-column [headerText]=\"'VALUTA' | localize\" [field]=\"'currencyCode'\"></co-simple-grid-column>\n        <co-simple-grid-column [headerText]=\"'RELATION_ID' | localize\" [field]=\"'relationId'\"></co-simple-grid-column>\n        <co-simple-grid-column [headerText]=\"'USER' | localize\" [field]=\"'user'\"></co-simple-grid-column>\n        <co-simple-grid-column [headerText]=\"'MUTATION_TYPE' | localize\" [field]=\"'mutationType'\"></co-simple-grid-column>\n        <co-simple-grid-column [headerText]=\"'STICKER' | localize\" [field]=\"'sticker'\">\n          <ng-template #template let-row=\"row\">\n            <co-icon class=\"menu-icon\" [iconData]=\"iconCacheService.getIcon(icons.Print)\" (click)=\"openSendMethodDialog(row)\"></co-icon>\n          </ng-template>\n        </co-simple-grid-column>\n      </co-simple-grid>\n    </div>\n\n    <div class=\"stock-button-toolbar\">\n      <div class=\"stock-button-left-group\">\n        <co-button *ngIf=\"activeTab === tabs[0]\" [label]=\"'HISTORY' | localize\" (click)=\"handleHistoryClick()\"></co-button>\n      </div>\n      <div class=\"stock-button-middle-group\" *ngIf=\"activeTab !== tabs[0]\">\n        <div class=\"button-left\">\n          <co-button [textContent]=\"'OK' | localize\" (click)=\"onOkClick()\"></co-button>\n        </div>\n        <div class=\"button-right\">\n          <co-button [textContent]=\"'CANCEL' | localize\" (click)=\"onCancelClick()\"></co-button>\n        </div>\n      </div>\n\n      <div class=\"stock-button-middle-group\" *ngIf=\"hideOrShowLocationTab\">\n        <div class=\"button-left\">\n          <co-button [textContent]=\"'OK' | localize\" (click)=\"onOkClickSendLocations()\"></co-button>\n        </div>\n        <div class=\"button-right\">\n          <co-button [textContent]=\"'CANCEL' | localize\" (click)=\"onCancelClickSendLocations()\"></co-button>\n        </div>\n      </div>\n    </div>\n    <co-send-method-dialog *ngIf=\"showSendMethodDialog\"\n                           (closeClick)=\"showSendMethodDialog = false\"\n    ></co-send-method-dialog>\n  ",
+                    template: "\n    <div class=\"tab-link show\" *ngIf=\"hideOrShowTabs\">\n      <span class=\"tab-link-buttons\"\n            *ngFor=\"let tab of tabs\"\n            (click)=\"handleTabClick(tab)\"\n            [textContent]=\"tab\"\n            [class.active]=\"tab === activeTab\"\n      ></span>\n    </div>\n\n    <div class=\"stock-line\">\n      <div [textContent]=\"activeTabText\"></div>\n\n    </div>\n\n    <div class=\"stock-grid\">\n      <co-simple-grid *ngIf=\"activeTab === tabs[0] && hideOrShowTabs\"\n                      [data]=\"articleStockInformation\"\n                      class=\"simple-grid\"\n                      [rowsPerPage]=\"20\"\n      >\n          <co-simple-grid-column [headerText]=\"'WAREHOUSE' | localize\" [field]=\"'warehouseNo'\" [order]=\"10\"></co-simple-grid-column>\n          <co-simple-grid-column [headerText]=\"'DESCRIPTION' | localize\" [field]=\"'warehouseName'\" [order]=\"11\"></co-simple-grid-column>\n          <co-simple-grid-column [headerText]=\"'STOCK' | localize\" [field]=\"'technicalStock'\" [order]=\"12\"></co-simple-grid-column>\n          <co-simple-grid-column [headerText]=\"'AVAILABLE_STOCK' | localize\" [field]=\"'availableStock'\" [order]=\"13\"></co-simple-grid-column>\n          <co-simple-grid-column [headerText]=\"'ECONOMICAL_STOCK' | localize\" [field]=\"'economicalStock'\" [order]=\"14\"></co-simple-grid-column>\n          <co-simple-grid-column [headerText]=\"'LOCATION' | localize\" [field]=\"'locationNo'\" [order]=\"15\">\n            <ng-template #template let-row=\"row\">\n              <span class=\"location-link\" [textContent]=\"'LOOK_AT' | localize\" (click)=\"onLocationClick(row)\"></span>\n            </ng-template>\n          </co-simple-grid-column>\n      </co-simple-grid>\n\n      <co-simple-grid *ngIf=\"activeTab === tabs[1]\"\n                      [data]=\"inOrderInformation\"\n                      class=\"simple-grid\"\n                      [rowsPerPage]=\"20\"\n      >\n        <co-simple-grid-column [headerText]=\"'IN_ORDER' | localize\" [field]=\"'transactionNr'\"></co-simple-grid-column>\n        <co-simple-grid-column [headerText]=\"'CUSTOMER' | localize\" [field]=\"'customerName'\"></co-simple-grid-column>\n        <co-simple-grid-column [headerText]=\"'DATE' | localize\">\n          <ng-template #template let-row=\"row\">\n            <span [textContent]=\"row.transactionDate | date:'dd-MM-yyyy'\"></span>\n          </ng-template>\n        </co-simple-grid-column>\n        <co-simple-grid-column [headerText]=\"'AMOUNT' | localize\" [field]=\"'amountInOrder'\"></co-simple-grid-column>\n        <co-simple-grid-column [headerText]=\"'WAREHOUSE' | localize\" [field]=\"'warehouseNumber'\"></co-simple-grid-column>\n        <co-simple-grid-column [headerText]=\"'DESCRIPTION' | localize\" [field]=\"'warehouseDescription'\"></co-simple-grid-column>\n        <co-simple-grid-column [headerText]=\"'TRANSFER' | localize\" [field]=\"'transfer'\">\n          <ng-template #template let-row=\"row\">\n            <co-icon class=\"menu-icon\" [iconData]=\"iconCacheService.getIcon(icons.DeliveryTruck)\" (click)=\"handleStockTransferClick($event)\"></co-icon>\n          </ng-template>\n        </co-simple-grid-column>\n        <co-simple-grid-column [headerText]=\"'STICKER' | localize\" [field]=\"'sticker'\">\n          <ng-template #template let-row=\"row\">\n            <co-icon class=\"menu-icon\" [iconData]=\"iconCacheService.getIcon(icons.Print)\" (click)=\"openSendMethodDialog(row)\"></co-icon>\n          </ng-template>\n        </co-simple-grid-column>\n      </co-simple-grid>\n\n      <co-simple-grid *ngIf=\"activeTab === tabs[2]\"\n                      [data]=\"orderInformation\"\n                      class=\"simple-grid\"\n                      [rowsPerPage]=\"20\"\n      >\n        <co-simple-grid-column [headerText]=\"'PURCHASE_ORDER_NR' | localize\" [field]=\"'transactionNr'\"></co-simple-grid-column>\n        <co-simple-grid-column [headerText]=\"'DATE' | localize\">\n          <ng-template #template let-row=\"row\">\n            <span [textContent]=\"row.transactionDate | date:'dd-MM-yyyy'\"></span>\n          </ng-template>\n        </co-simple-grid-column>\n        <co-simple-grid-column [headerText]=\"'AMOUNT' | localize\" [field]=\"'amountInOrder'\"></co-simple-grid-column>\n        <co-simple-grid-column [headerText]=\"'RESERVED' | localize\" [field]=\"'reserved'\"></co-simple-grid-column>\n        <co-simple-grid-column [headerText]=\"'FREE_STOCK' | localize\" [field]=\"'InOrderForStock'\"></co-simple-grid-column>\n        <co-simple-grid-column [headerText]=\"'DELIVERY_DATE' | localize\">\n          <ng-template #template let-row=\"row\">\n            <span [textContent]=\"row.deliveryDate | date:'dd-MM-yyyy'\"></span>\n          </ng-template>\n        </co-simple-grid-column>\n      </co-simple-grid>\n    </div>\n\n    <div class=\"stock-grid\" *ngIf=\"hideOrShowLocationTab\">\n      <div class=\"stock-location-group\">\n        <div class=\"stock-location-left-group\">\n          <span class=\"stock-button-back\" [textContent]=\"'BACK_TO_STOCK_LINES' | localize\" (click)=\"handleBackToStockClick()\"></span>\n        </div>\n        <div class=\"stock-location-right-group\">\n<!--\n          <co-drop-down-list  [(model)]=\"selectedWarehouse\"\n                              [collection]=\"dataWareHouseCode\"\n                              [fields]=\"dataWareHouseFields\"\n                              [placeholder]=\"'WAREHOUSE' | localize\"\n                              (modelChange)=\"onSelectWarehouse($event)\"\n                              [required]=\"true\"\n          ></co-drop-down-list>\n-->\n        </div>\n      </div>\n\n<!--      TODO move to own component stock-location-->\n      <co-simple-grid [data]=\"articleDetails\"\n                      class=\"simple-grid\"\n                      [rowsPerPage]=\"20\"\n                      [showAdd]=\"true\"\n                      [showToolbar]=\"true\"\n                      [showDelete]=\"true\"\n                      [inlineEdit]=\"true\"\n                      (dblClickRow)=\"lockSelectedRow($event)\"\n      >\n        <div class=\"stock-location-group\">\n          <div class=\"stock-location-left-group\">\n            <co-button class=\"stock-lines-button\" [textContent]=\"'BACK_TO_STOCK_LINES' | localize\" (click)=\"handleBackToStockClick()\"></co-button>\n          </div>\n        </div>\n        <co-simple-grid-column [headerText]=\"'LOCATION' | localize\" [field]=\"'locationNo'\">\n          <ng-template #editTemplate let-row=\"row\">\n<!--\n            <co-drop-down-list [(model)]=\"row.locationNo\"\n                               [collection]=\"stockLocations\"\n                               [fields]=\"dataLocationFields\"\n                               [placeholder]=\"'LOCATION' | localize\"\n                               (click)=\"onLocationDropdownClick()\"\n                               [required]=\"true\"\n            ></co-drop-down-list>\n-->\n          </ng-template>\n        </co-simple-grid-column>\n        <co-simple-grid-column *ngIf=\"articleDetails\" [headerText]=\"'BATCH' | localize\" [field]=\"'batchNo'\">\n          <ng-template #editTemplate let-row=\"row\">\n            <co-input-text [(model)]=\"row.batchNo\"\n                           [placeholder]=\"'BATCH' | localize\"\n            ></co-input-text>\n          </ng-template>\n        </co-simple-grid-column>\n        <co-simple-grid-column *ngIf=\"articleDetails\" [headerText]=\"'SERIAL_NO' | localize\" [field]=\"'serialNo'\">\n          <ng-template #editTemplate let-row=\"row\">\n            <co-input-text [(model)]=\"row.serialNo\"\n                           [placeholder]=\"'SERIAL_NO' | localize\"\n            ></co-input-text>\n          </ng-template>\n        </co-simple-grid-column>\n        <co-simple-grid-column [headerText]=\"'STOCK' | localize\" [field]=\"'amountInStock'\">\n          <ng-template #editTemplate let-row=\"row\">\n            <co-input-text  [(model)]=\"row.amountInStock\"\n                            [label]=\"'STOCK' | localize\"\n                            (modelChange)=\"amountInStockChanged($event)\"\n            ></co-input-text>\n          </ng-template>\n        </co-simple-grid-column>\n        <co-simple-grid-column [headerText]=\"'ALLOCATED' | localize\" [field]=\"'stockAssigned'\">\n          <ng-template #editTemplate let-row=\"row\">\n            <span [textContent]=\"row.stockAssigned\"></span>\n          </ng-template>\n        </co-simple-grid-column>\n        <co-simple-grid-column [headerText]=\"'AVAILABLE_STOCK' | localize\" [field]=\"'amountInStockFree'\">\n          <ng-template #editTemplate let-row=\"row\">\n            <span [textContent]=\"row.amountInStockFree\"></span>\n          </ng-template>\n        </co-simple-grid-column>\n        <co-simple-grid-column [headerText]=\"'VALUTA' | localize\" [field]=\"'currency'\">\n          <ng-template #editTemplate let-row=\"row\">\n            <span [textContent]=\"row.currency\"></span>\n          </ng-template>\n        </co-simple-grid-column>\n        <co-simple-grid-column [headerText]=\"'PURCHASE_PRICE' | localize\" [field]=\"'purchasePrice'\">\n          <ng-template #editTemplate let-row=\"row\">\n            <span [textContent]=\"row.purchasePrice\"></span>\n          </ng-template>\n        </co-simple-grid-column>\n        <co-simple-grid-column [headerText]=\"'SUPPLIER_NUMBER' | localize\" [field]=\"'supplierNo'\">\n          <ng-template #editTemplate let-row=\"row\">\n            <span [textContent]=\"row.supplierNo\"></span>\n          </ng-template>\n        </co-simple-grid-column>\n        <co-simple-grid-column [headerText]=\"'TRANSFER' | localize\" [field]=\"'transfer'\">\n          <ng-template #template let-row=\"row\">\n            <co-icon class=\"menu-icon\" [iconData]=\"iconCacheService.getIcon(icons.DeliveryTruck)\" (click)=\"handleStockTransferClick(row)\"></co-icon>\n          </ng-template>\n        </co-simple-grid-column>\n        <co-simple-grid-column [headerText]=\"'STICKER' | localize\" [field]=\"'sticker'\">\n          <ng-template #template let-row=\"row\">\n            <co-icon class=\"menu-icon\" [iconData]=\"iconCacheService.getIcon(icons.Print)\" (click)=\"openSendMethodDialog(row)\"></co-icon>\n          </ng-template>\n        </co-simple-grid-column>\n      </co-simple-grid>\n    </div>\n\n    <co-stock-change-amount *ngIf=\"showChangeStockDetails\"\n                            (closeStockChangeAmount)=\"showChangeStockDetails = false\"\n                            [selectedArticleDetailsData]=\"selectedArticleDetailsData\"\n    >\n    </co-stock-change-amount>\n\n    <div class=\"stock-grid\" *ngIf=\"showStockHistory\">\n      <div class=\"stock-button-left-group\">\n        <span class=\"stock-button-back\" [textContent]=\"'BACK_TO_STOCK_LINES' | localize\" (click)=\"backToStockInformation()\"></span>\n      </div>\n      <co-simple-grid [data]=\"stockHistoryInformation\"\n                      class=\"simple-grid\"\n                      [rowsPerPage]=\"20\"\n      >\n        <co-simple-grid-column [headerText]=\"'MUTATION_DATE' | localize\">\n          <ng-template #template let-row=\"row\">\n            <span [textContent]=\"row.mutationDate | date:'dd-MM-yyyy'\"></span>\n          </ng-template>\n        </co-simple-grid-column>\n        <co-simple-grid-column [headerText]=\"'MUTATION_TIME' | localize\" [field]=\"'mutationTime'\"></co-simple-grid-column>\n        <co-simple-grid-column [headerText]=\"'AMOUNT' | localize\" [field]=\"'amount'\"></co-simple-grid-column>\n        <co-simple-grid-column [headerText]=\"'WAREHOUSE' | localize\" [field]=\"'wareHouseNr'\"></co-simple-grid-column>\n        <co-simple-grid-column [headerText]=\"'LOCATION' | localize\" [field]=\"'locationNr'\"></co-simple-grid-column>\n        <co-simple-grid-column [headerText]=\"'TRANSACTION_TYPE' | localize\" [field]=\"'transType'\"></co-simple-grid-column>\n        <co-simple-grid-column [headerText]=\"'DOCUMENT_NUMBER' | localize\" [field]=\"'docNr'\"></co-simple-grid-column>\n        <co-simple-grid-column [headerText]=\"'LINE' | localize\" [field]=\"'posLineNr'\"></co-simple-grid-column>\n        <co-simple-grid-column [headerText]=\"'STOCK_STATE' | localize\" [field]=\"'stockStateId'\"></co-simple-grid-column>\n        <co-simple-grid-column [headerText]=\"'STOCK_REMARK' | localize\" [field]=\"'stockStateRemarkId'\"></co-simple-grid-column>\n        <co-simple-grid-column [headerText]=\"'VALUTA' | localize\" [field]=\"'currencyCode'\"></co-simple-grid-column>\n        <co-simple-grid-column [headerText]=\"'RELATION_ID' | localize\" [field]=\"'relationId'\"></co-simple-grid-column>\n        <co-simple-grid-column [headerText]=\"'USER' | localize\" [field]=\"'user'\"></co-simple-grid-column>\n        <co-simple-grid-column [headerText]=\"'MUTATION_TYPE' | localize\" [field]=\"'mutationType'\"></co-simple-grid-column>\n        <co-simple-grid-column [headerText]=\"'STICKER' | localize\" [field]=\"'sticker'\">\n          <ng-template #template let-row=\"row\">\n            <co-icon class=\"menu-icon\" [iconData]=\"iconCacheService.getIcon(icons.Print)\" (click)=\"openSendMethodDialog(row)\"></co-icon>\n          </ng-template>\n        </co-simple-grid-column>\n      </co-simple-grid>\n    </div>\n\n    <div class=\"stock-button-toolbar\">\n      <div class=\"stock-button-left-group\">\n        <co-button *ngIf=\"activeTab === tabs[0]\" [label]=\"'HISTORY' | localize\" (click)=\"handleHistoryClick()\"></co-button>\n      </div>\n      <div class=\"stock-button-middle-group\" *ngIf=\"activeTab !== tabs[0]\">\n        <div class=\"button-left\">\n          <co-button [textContent]=\"'OK' | localize\" (click)=\"onOkClick()\"></co-button>\n        </div>\n        <div class=\"button-right\">\n          <co-button [textContent]=\"'CANCEL' | localize\" (click)=\"onCancelClick()\"></co-button>\n        </div>\n      </div>\n\n      <div class=\"stock-button-middle-group\" *ngIf=\"hideOrShowLocationTab\">\n        <div class=\"button-left\">\n          <co-button [textContent]=\"'OK' | localize\" (click)=\"onOkClickSendLocations()\"></co-button>\n        </div>\n        <div class=\"button-right\">\n          <co-button [textContent]=\"'CANCEL' | localize\" (click)=\"onCancelClickSendLocations()\"></co-button>\n        </div>\n      </div>\n    </div>\n    <co-send-method-dialog *ngIf=\"showSendMethodDialog\"\n                           (closeClick)=\"showSendMethodDialog = false\"\n                           [visibleMethods]=\"sendMethod[1]\"\n    ></co-send-method-dialog>\n  ",
                     encapsulation: i0.ViewEncapsulation.None
                 },] }
     ];
@@ -2161,7 +2216,7 @@
     StockTransferComponent.decorators = [
         { type: i0.Component, args: [{
                     selector: "co-stock-transfer",
-                    template: "\n      <div class=\"stock-transfer\">\n        <div class=\"stock-transfer-columns\">\n          <div *ngIf=\"articleToTransfer\" class=\"stock-transfer-left-column\">\n            <co-input-text disabled\n                           [label]=\"'Standaard magazijn' | localize\"\n                           [(model)]=\"articleToTransfer.warehouseDescription\"\n                           [textContent]=\"articleToTransfer.warehouseDescription\"\n                           [placeholder]=\"'Standaard magazijn' | localize\"\n            >\n            </co-input-text>\n            <co-input-text disabled\n                           [(model)]=\"articleToTransfer.locationNo\"\n                           [textContent]=\"articleToTransfer.locationNo\"\n                           [placeholder]=\"'Standaard locatie' | localize\">\n            </co-input-text>\n<!--            <co-input-text disabled-->\n<!--                           [(model)]=\"stockSticker.batch\"-->\n<!--                           [placeholder]=\"'Batch'\">-->\n<!--            </co-input-text>-->\n<!--            <co-input-text disabled-->\n<!--                           [(model)]=\"stockSticker.serial\"-->\n<!--                           [placeholder]=\"'Serie'\">-->\n<!--            </co-input-text>-->\n            <co-input-text\n              [(model)]=\"articleToTransfer.amountTransfer\"\n              [placeholder]=\"'Aantal' | localize\">\n            </co-input-text>\n          </div>\n\n          <div class=\"stock-transfer-right-column\">\n<!--\n            <co-drop-down-list [collection]=\"warehouses\"\n                               [fields]=\"allWarehousesDropdownFields\"\n                               (modelChange)=\"handleSelectedWarehouse($event)\"\n                               [placeholder]=\"'Magazijn' | localize\"\n                               [(model)]=\"articleToTransfer.targetWarehouse\">\n            </co-drop-down-list>\n            <co-drop-down-list [collection]=\"locations\"\n                               [fields]=\"allLocationDropdownFields\"\n                               [(model)]=\"articleToTransfer.targetLocation\"\n                               [placeholder]=\"'Locatie' | localize\"\n            >\n            </co-drop-down-list>\n            <co-drop-down-list [collection]=\"stockState\"\n                               [fields]=\"stockStateDropdownField\"\n                               [placeholder]=\"'Voorraadstatus' | localize\"\n                               [(model)]=\"articleToTransfer.stockStateId\"\n            >\n            </co-drop-down-list>\n-->\n            <co-input-text [placeholder]=\"'Omschrijving' | localize\"\n                           [(model)]=\"articleToTransfer.stockStateRemark\">\n            </co-input-text>\n          </div>\n        </div>\n\n        <div class=\"ok-cancel-buttons\">\n          <co-button [textContent]=\"'OK' | localize\" (click)=\"handleOkClick(articleToTransfer)\"></co-button>\n          <co-button [textContent]=\"'CANCEL' | localize\" (click)=\"handleCancelClick()\"></co-button>\n          <co-button [textContent]=\"'STICKER' | localize\" (click)=\"handleStickerClick()\"></co-button>\n        </div>\n      </div>\n  ",
+                    template: "\n      <div class=\"stock-transfer\">\n        <div class=\"stock-transfer-columns\">\n          <div *ngIf=\"articleToTransfer\" class=\"stock-transfer-left-column\">\n            <co-input-text disabled\n                           [label]=\"'Standaard magazijn' | localize\"\n                           [(model)]=\"articleToTransfer.warehouseDescription\"\n                           [textContent]=\"articleToTransfer.warehouseDescription\"\n                           [placeholder]=\"'Standaard magazijn' | localize\"\n            >\n            </co-input-text>\n            <co-input-text disabled\n                           [(model)]=\"articleToTransfer.locationNo\"\n                           [textContent]=\"articleToTransfer.locationNo\"\n                           [placeholder]=\"'Standaard locatie' | localize\">\n            </co-input-text>\n<!--            <co-input-text disabled-->\n<!--                           [(model)]=\"stockSticker.batch\"-->\n<!--                           [placeholder]=\"'Batch'\">-->\n<!--            </co-input-text>-->\n<!--            <co-input-text disabled-->\n<!--                           [(model)]=\"stockSticker.serial\"-->\n<!--                           [placeholder]=\"'Serie'\">-->\n<!--            </co-input-text>-->\n            <co-input-text\n              [(model)]=\"articleToTransfer.amountTransfer\"\n              [placeholder]=\"'Aantal' | localize\">\n            </co-input-text>\n          </div>\n\n          <div class=\"stock-transfer-right-column\">\n\n            <co-list-of-values [collection]=\"warehouses\"\n                               [displayField]=\"'warehouseDescription'\"\n                               (modelChange)=\"handleSelectedWarehouse($event)\"\n                               [label]=\"'Magazijn' | localize\"\n                               [(model)]=\"articleToTransfer.targetWarehouse\">\n            </co-list-of-values>\n            <co-list-of-values [collection]=\"locations\"\n                               [displayField]=\"'description'\"\n                               [(model)]=\"articleToTransfer.targetLocation\"\n                               [label]=\"'Locatie' | localize\"\n            >\n            </co-list-of-values>\n            <co-list-of-values [collection]=\"stockState\"\n                               [displayField]=\"'text'\"\n                               [label]=\"'Voorraadstatus' | localize\"\n                               [(model)]=\"articleToTransfer.stockStateId\"\n            >\n            </co-list-of-values>\n\n            <co-input-text [placeholder]=\"'Omschrijving' | localize\"\n                           [(model)]=\"articleToTransfer.stockStateRemark\">\n            </co-input-text>\n          </div>\n        </div>\n\n        <div class=\"ok-cancel-buttons\">\n          <co-button [textContent]=\"'OK' | localize\" (click)=\"handleOkClick(articleToTransfer)\"></co-button>\n          <co-button [textContent]=\"'STICKER' | localize\" (click)=\"handleStickerClick()\"></co-button>\n        </div>\n      </div>\n  ",
                     encapsulation: i0.ViewEncapsulation.None
                 },] }
     ];
@@ -2216,6 +2271,26 @@
                 });
             });
         };
+        SharedService.prototype.getScreenConfigTree = function () {
+            return __awaiter(this, void 0, void 0, function () {
+                return __generator(this, function (_a) {
+                    switch (_a.label) {
+                        case 0: return [4 /*yield*/, this.connector.getScreenConfigTree()];
+                        case 1: return [2 /*return*/, _a.sent()];
+                    }
+                });
+            });
+        };
+        SharedService.prototype.getScreenConfigSubRubric = function (parentRubricId, configId, fixedKey) {
+            return __awaiter(this, void 0, void 0, function () {
+                return __generator(this, function (_a) {
+                    switch (_a.label) {
+                        case 0: return [4 /*yield*/, this.connector.getScreenConfigSubRubric(parentRubricId, configId, fixedKey)];
+                        case 1: return [2 /*return*/, _a.sent()];
+                    }
+                });
+            });
+        };
         return SharedService;
     }());
     SharedService.ɵprov = i0__namespace.ɵɵdefineInjectable({ factory: function SharedService_Factory() { return new SharedService(i0__namespace.ɵɵinject(OptionsService), i0__namespace.ɵɵinject(SharedConnectorService)); }, token: SharedService, providedIn: "root" });
@@ -2891,7 +2966,8 @@
             this.locationClicked = new i0.EventEmitter();
         }
         StockTabComponent.prototype.onLocationClick = function (data) {
-            this.locationClicked.emit(data);
+            this.warehouseToShow.warehouseNo = parseInt(data.warehouseNo);
+            this.locationClicked.emit(this.warehouseToShow);
         };
         return StockTabComponent;
     }());
@@ -3290,7 +3366,7 @@
     StockLocationComponent.decorators = [
         { type: i0.Component, args: [{
                     selector: "co-stock-location",
-                    template: "\n      <div class=\"stock-grid\">\n          <co-simple-grid [data]=\"articleDetails\"\n                          class=\"simple-grid\"\n                          [rowsPerPage]=\"20\"\n                          [showAdd]=\"true\"\n                          [inlineEdit]=\"true\"\n                          (dblClickRow)=\"lockSelectedRow($event)\"\n                          [showToolbar]=\"true\"\n                          (keydown.enter)=\"onOkClickSendLocations()\"\n          >\n              <co-simple-grid-column [headerText]=\"'LOCATION' | localize\" [field]=\"'locationNo'\">\n                  <ng-template #editTemplate let-row=\"row\">\n<!--\n                      <co-drop-down-list [(model)]=\"row.locationNo\"\n                                         [collection]=\"stockLocations\"\n                                         [fields]=\"dataLocationFields\"\n                                         [placeholder]=\"'LOCATION' | localize\"\n                                         (click)=\"onLocationDropdownClick()\"\n                                         [required]=\"true\"\n                                         (modelChange)=\"locationChanged($event)\"\n                      ></co-drop-down-list>\n-->\n                  </ng-template>\n              </co-simple-grid-column>\n              <co-simple-grid-column *ngIf=\"articleDetails\" [headerText]=\"'BATCH' | localize\" [field]=\"'batchNo'\">\n                  <ng-template #editTemplate let-row=\"row\">\n                      <co-input-text [(model)]=\"row.batchNo\"\n                                     [placeholder]=\"'BATCH' | localize\"\n                      ></co-input-text>\n                  </ng-template>\n              </co-simple-grid-column>\n              <co-simple-grid-column *ngIf=\"articleDetails\" [headerText]=\"'SERIAL_NO' | localize\" [field]=\"'serialNo'\">\n                  <ng-template #editTemplate let-row=\"row\">\n                      <co-input-text [(model)]=\"row.serialNo\"\n                                     [placeholder]=\"'SERIAL_NO' | localize\"\n                      ></co-input-text>\n                  </ng-template>\n              </co-simple-grid-column>\n              <co-simple-grid-column [headerText]=\"'STOCK' | localize\" [field]=\"'amountInStock'\">\n                  <ng-template #editTemplate let-row=\"row\">\n                      <co-input-text [(model)]=\"row.amountInStock\"\n                                     [label]=\"'STOCK' | localize\"\n                                     (modelChange)=\"amountInStockChanged($event)\"\n                      ></co-input-text>\n                  </ng-template>\n              </co-simple-grid-column>\n              <co-simple-grid-column [headerText]=\"'ALLOCATED' | localize\" [field]=\"'stockAssigned'\">\n                  <ng-template #editTemplate let-row=\"row\">\n                      <span [textContent]=\"row.stockAssigned\"></span>\n                  </ng-template>\n              </co-simple-grid-column>\n              <co-simple-grid-column [headerText]=\"'AVAILABLE_STOCK' | localize\" [field]=\"'amountInStockFree'\">\n                  <ng-template #editTemplate let-row=\"row\">\n                      <span [textContent]=\"row.amountInStockFree\"></span>\n                  </ng-template>\n              </co-simple-grid-column>\n              <co-simple-grid-column [headerText]=\"'VALUTA' | localize\" [field]=\"'currency'\">\n                  <ng-template #editTemplate let-row=\"row\">\n                      <span [textContent]=\"row.currency\"></span>\n                  </ng-template>\n              </co-simple-grid-column>\n              <co-simple-grid-column [headerText]=\"'PURCHASE_PRICE' | localize\" [field]=\"'purchasePrice'\">\n                  <ng-template #editTemplate let-row=\"row\">\n                      <span [textContent]=\"row.purchasePrice\"></span>\n                  </ng-template>\n              </co-simple-grid-column>\n              <co-simple-grid-column [headerText]=\"'SUPPLIER_NUMBER' | localize\" [field]=\"'supplierNo'\">\n                  <ng-template #editTemplate let-row=\"row\">\n                      <span [textContent]=\"row.supplierNo\"></span>\n                  </ng-template>\n              </co-simple-grid-column>\n              <co-simple-grid-column [headerText]=\"'TRANSFER' | localize\" [field]=\"'transfer'\">\n                  <ng-template #template let-row=\"row\">\n                      <co-icon class=\"menu-icon\" [iconData]=\"iconCacheService.getIcon(icons.DeliveryTruck)\"\n                               (click)=\"handleStockTransferClick(row)\"></co-icon>\n                  </ng-template>\n              </co-simple-grid-column>\n              <co-simple-grid-column [headerText]=\"'STICKER' | localize\" [field]=\"'sticker'\">\n                  <ng-template #template let-row=\"row\">\n                      <co-icon class=\"menu-icon\" [iconData]=\"iconCacheService.getIcon(icons.Print)\"\n                               (click)=\"openSendMethodDialog(row)\"></co-icon>\n                  </ng-template>\n              </co-simple-grid-column>\n          </co-simple-grid>\n      </div>\n  ",
+                    template: "\n      <div class=\"stock-grid\">\n          <co-simple-grid [data]=\"articleStockInfo\"\n                          class=\"simple-grid\"\n                          [rowsPerPage]=\"20\"\n                          [showAdd]=\"true\"\n                          [inlineEdit]=\"true\"\n                          (dblClickRow)=\"lockSelectedRow($event)\"\n                          [showToolbar]=\"true\"\n                          (keydown.enter)=\"onOkClickSendLocations()\"\n          >\n              <co-simple-grid-column [headerText]=\"'LOCATION' | localize\" [field]=\"'locationNo'\">\n                  <ng-template #editTemplate let-row=\"row\">\n<!--\n                      <co-drop-down-list [(model)]=\"row.locationNo\"\n                                         [collection]=\"stockLocations\"\n                                         [fields]=\"dataLocationFields\"\n                                         [placeholder]=\"'LOCATION' | localize\"\n                                         (click)=\"onLocationDropdownClick()\"\n                                         [required]=\"true\"\n                                         (modelChange)=\"locationChanged($event)\"\n                      ></co-drop-down-list>\n-->\n                  </ng-template>\n              </co-simple-grid-column>\n              <co-simple-grid-column *ngIf=\"articleDetails\" [headerText]=\"'BATCH' | localize\" [field]=\"'batchNo'\">\n                  <ng-template #editTemplate let-row=\"row\">\n                      <co-input-text [(model)]=\"row.batchNo\"\n                                     [placeholder]=\"'BATCH' | localize\"\n                      ></co-input-text>\n                  </ng-template>\n              </co-simple-grid-column>\n              <co-simple-grid-column *ngIf=\"articleDetails\" [headerText]=\"'SERIAL_NO' | localize\" [field]=\"'serialNo'\">\n                  <ng-template #editTemplate let-row=\"row\">\n                      <co-input-text [(model)]=\"row.serialNo\"\n                                     [placeholder]=\"'SERIAL_NO' | localize\"\n                      ></co-input-text>\n                  </ng-template>\n              </co-simple-grid-column>\n              <co-simple-grid-column [headerText]=\"'STOCK' | localize\" [field]=\"'amountInStock'\">\n                  <ng-template #editTemplate let-row=\"row\">\n                      <co-input-text [(model)]=\"row.amountInStock\"\n                                     [label]=\"'STOCK' | localize\"\n                                     (modelChange)=\"amountInStockChanged($event)\"\n                      ></co-input-text>\n                  </ng-template>\n              </co-simple-grid-column>\n              <co-simple-grid-column [headerText]=\"'ALLOCATED' | localize\" [field]=\"'stockAssigned'\">\n                  <ng-template #editTemplate let-row=\"row\">\n                      <span [textContent]=\"row.stockAssigned\"></span>\n                  </ng-template>\n              </co-simple-grid-column>\n              <co-simple-grid-column [headerText]=\"'AVAILABLE_STOCK' | localize\" [field]=\"'amountInStockFree'\">\n                  <ng-template #editTemplate let-row=\"row\">\n                      <span [textContent]=\"row.amountInStockFree\"></span>\n                  </ng-template>\n              </co-simple-grid-column>\n              <co-simple-grid-column [headerText]=\"'VALUTA' | localize\" [field]=\"'currency'\">\n                  <ng-template #editTemplate let-row=\"row\">\n                      <span [textContent]=\"row.currency\"></span>\n                  </ng-template>\n              </co-simple-grid-column>\n              <co-simple-grid-column [headerText]=\"'PURCHASE_PRICE' | localize\" [field]=\"'purchasePrice'\">\n                  <ng-template #editTemplate let-row=\"row\">\n                      <span [textContent]=\"row.purchasePrice\"></span>\n                  </ng-template>\n              </co-simple-grid-column>\n              <co-simple-grid-column [headerText]=\"'SUPPLIER_NUMBER' | localize\" [field]=\"'supplierNo'\">\n                  <ng-template #editTemplate let-row=\"row\">\n                      <span [textContent]=\"row.supplierNo\"></span>\n                  </ng-template>\n              </co-simple-grid-column>\n              <co-simple-grid-column [headerText]=\"'TRANSFER' | localize\" [field]=\"'transfer'\">\n                  <ng-template #template let-row=\"row\">\n                      <co-icon class=\"menu-icon\" [iconData]=\"iconCacheService.getIcon(icons.DeliveryTruck)\"\n                               (click)=\"handleStockTransferClick(row)\"></co-icon>\n                  </ng-template>\n              </co-simple-grid-column>\n              <co-simple-grid-column [headerText]=\"'STICKER' | localize\" [field]=\"'sticker'\">\n                  <ng-template #template let-row=\"row\">\n                      <co-icon class=\"menu-icon\" [iconData]=\"iconCacheService.getIcon(icons.Print)\"\n                               (click)=\"openSendMethodDialog(row)\"></co-icon>\n                  </ng-template>\n              </co-simple-grid-column>\n          </co-simple-grid>\n      </div>\n  ",
                     encapsulation: i0.ViewEncapsulation.None
                 },] }
     ];
@@ -3926,6 +4002,7 @@
             this.AMOUNT_AVAILABLE = 'AMOUNT_AVAILABLE';
             this.AMOUNT_IN_STOCK = 'AMOUNT_IN_STOCK';
             this.AMOUNT_LATER_AVAILABLE = 'AMOUNT_LATER_AVAILABLE';
+            this.AVAILABILITY = 'AVAILABILITY';
             this.AVAILABLE_STOCK = 'AVAILABLE_STOCK';
             this.BACK_TO_STOCK_LINES = 'BACK_TO_STOCK_LINES';
             this.BATCH = 'BATCH';
@@ -3933,11 +4010,14 @@
             this.CHOICES = 'CHOICES';
             this.CUSTOMER = 'CUSTOMER';
             this.DATE = 'DATE';
+            this.DATE_DELIVERED = 'DATE_DELIVERED';
             this.DELIVERY_DATE = 'DELIVERY_DATE';
+            this.DELIVERY_DATE_CONFIRMED = 'DELIVERY_DATE_CONFIRMED';
             this.DESCRIPTION = 'DESCRIPTION';
             this.DOCUMENT_NUMBER = 'DOCUMENT_NUMBER';
             this.ECONOMICAL_STOCK = 'ECONOMICAL_STOCK';
             this.FREE_STOCK = 'FREE_STOCK';
+            this.FUTURE_FREE_STOCK = 'FUTURE_FREE_STOCK';
             this.HISTORY = 'HISTORY';
             this.IN_ORDER = 'IN_ORDER';
             this.LINE = 'LINE';
@@ -3951,8 +4031,11 @@
             this.ORDER_COMMISSION = 'ORDER_COMMISSION';
             this.ORDER_STOCK = 'ORDER_STOCK';
             this.OVERVIEW = 'OVERVIEW';
+            this.PURCHASE_ORDER = 'PURCHASE_ORDER';
+            this.PURCHASE_ORDER_DATE = 'PURCHASE_ORDER_DATE';
             this.PURCHASE_ORDER_NR = 'PURCHASE_ORDER_NR';
             this.PURCHASE_PRICE = 'PURCHASE_PRICE';
+            this.REFERENCE = 'REFERENCE';
             this.RELATION_ID = 'RELATION_ID';
             this.RELATION_NR = 'RELATION_NR';
             this.RESERVED = 'RESERVED';
@@ -3961,6 +4044,7 @@
             this.STICKER = 'STICKER';
             this.STOCK = 'STOCK';
             this.STOCK_DETAILS = 'STOCK_DETAILS';
+            this.STOCK_FORECAST = 'STOCK_FORECAST';
             this.STOCK_REMARK = 'STOCK_REMARK';
             this.STOCK_STATE = 'STOCK_STATE';
             this.STOCK_STATUS = 'STOCK_STATUS';
@@ -4058,7 +4142,9 @@
             return true;
         };
         KeyPadComponent.prototype.handleKeyDown = function (event) {
-            this._keyDown(event);
+            if (document.activeElement instanceof HTMLBodyElement) {
+                this._keyDown(event);
+            }
         };
         Object.defineProperty(KeyPadComponent.prototype, "internalModel", {
             get: function () {
@@ -4158,7 +4244,7 @@
     KeyPadComponent.decorators = [
         { type: i0.Component, args: [{
                     selector: 'co-key-pad',
-                    template: "\n    <div class=\"key-pad-wrapper\">\n      <div class=\"key-pad-model-wrapper\" *ngIf=\"showValue\">\n        <div class=\"key-pad-model\" [textContent]=\"internalModel\" [class.negative]=\"isNegative\"></div>\n      </div>\n      <div class=\"key-pad-button-wrapper\">\n        <div class=\"key-pad-button button-7\" [textContent]=\"'7'\" (click)=\"handleButtonClick('7')\"></div>\n        <div class=\"key-pad-button button-8\" [textContent]=\"'8'\" (click)=\"handleButtonClick('8')\"></div>\n        <div class=\"key-pad-button button-9\" [textContent]=\"'9'\" (click)=\"handleButtonClick('9')\"></div>\n        <div class=\"key-pad-button button-bs\" (click)=\"handleBsClick($event)\">\n          <co-icon [iconData]=\"iconCacheService.getIcon(icons.DeleteLeftRegular)\"></co-icon>\n        </div>\n        <div class=\"key-pad-button button-4\" [textContent]=\"'4'\" (click)=\"handleButtonClick('4')\"></div>\n        <div class=\"key-pad-button button-5\" [textContent]=\"'5'\" (click)=\"handleButtonClick('5')\"></div>\n        <div class=\"key-pad-button button-6\" [textContent]=\"'6'\" (click)=\"handleButtonClick('6')\"></div>\n        <div class=\"key-pad-button button-minus\" [textContent]=\"'-'\" (click)=\"handleMinusClick($event)\"></div>\n        <div class=\"key-pad-button button-1\" [textContent]=\"'1'\" (click)=\"handleButtonClick('1')\"></div>\n        <div class=\"key-pad-button button-2\" [textContent]=\"'2'\" (click)=\"handleButtonClick('2')\"></div>\n        <div class=\"key-pad-button button-3\" [textContent]=\"'3'\" (click)=\"handleButtonClick('3')\"></div>\n        <div class=\"key-pad-button button-enter\" (click)=\"handleEnterClick($event)\">\n          <span [textContent]=\"'enter'\"></span>\n        </div>\n        <div class=\"key-pad-button button-0\" [textContent]=\"'0'\" (click)=\"handleButtonClick('0')\"></div>\n        <div class=\"key-pad-button button-dot\" [textContent]=\"'.'\" (click)=\"handleButtonClick('.')\"></div>\n      </div>\n    </div>\n    ",
+                    template: "\n    <div class=\"key-pad-wrapper\">\n      <div class=\"key-pad-model-wrapper\" *ngIf=\"showValue\">\n        <co-responsive-text class=\"key-pad-model\" [text]=\"internalModel\" [class.negative]=\"isNegative\"></co-responsive-text>\n      </div>\n      <div class=\"key-pad-button-wrapper\">\n        <div class=\"key-pad-button button-7\" (click)=\"handleButtonClick('7')\"><co-responsive-text class=\"key-pad-button-text\" [text]=\"'7'\"></co-responsive-text></div>\n        <div class=\"key-pad-button button-8\" (click)=\"handleButtonClick('8')\"><co-responsive-text class=\"key-pad-button-text\" [text]=\"'8'\"></co-responsive-text></div>\n        <div class=\"key-pad-button button-9\" (click)=\"handleButtonClick('9')\"><co-responsive-text class=\"key-pad-button-text\" [text]=\"'9'\"></co-responsive-text></div>\n        <div class=\"key-pad-button button-bs\" (click)=\"handleBsClick($event)\">\n          <co-icon [iconData]=\"iconCacheService.getIcon(icons.DeleteLeftRegular)\"></co-icon>\n        </div>\n        <div class=\"key-pad-button button-4\" (click)=\"handleButtonClick('4')\"><co-responsive-text class=\"key-pad-button-text\" [text]=\"'4'\"></co-responsive-text></div>\n        <div class=\"key-pad-button button-5\" (click)=\"handleButtonClick('5')\"><co-responsive-text class=\"key-pad-button-text\" [text]=\"'5'\"></co-responsive-text></div>\n        <div class=\"key-pad-button button-6\" (click)=\"handleButtonClick('6')\"><co-responsive-text class=\"key-pad-button-text\" [text]=\"'6'\"></co-responsive-text></div>\n        <div class=\"key-pad-button button-minus\" (click)=\"handleMinusClick($event)\"><co-responsive-text class=\"key-pad-button-text\" [text]=\"'-'\"></co-responsive-text></div>\n        <div class=\"key-pad-button button-1\" (click)=\"handleButtonClick('1')\"><co-responsive-text class=\"key-pad-button-text\" [text]=\"'1'\"></co-responsive-text></div>\n        <div class=\"key-pad-button button-2\" (click)=\"handleButtonClick('2')\"><co-responsive-text class=\"key-pad-button-text\" [text]=\"'2'\"></co-responsive-text></div>\n        <div class=\"key-pad-button button-3\" (click)=\"handleButtonClick('3')\"><co-responsive-text class=\"key-pad-button-text\" [text]=\"'3'\"></co-responsive-text></div>\n        <div class=\"key-pad-button button-enter\" (click)=\"handleEnterClick($event)\">\n          <co-responsive-text class=\"key-pad-button-text\" [text]=\"'enter'\"></co-responsive-text>\n        </div>\n        <div class=\"key-pad-button button-0\" (click)=\"handleButtonClick('0')\"><co-responsive-text class=\"key-pad-button-text\" [text]=\"'0'\"></co-responsive-text></div>\n        <div class=\"key-pad-button button-dot\" (click)=\"handleButtonClick('.')\"><co-responsive-text class=\"key-pad-button-text\" [text]=\"'.'\"></co-responsive-text></div>\n      </div>\n    </div>\n    ",
                     encapsulation: i0.ViewEncapsulation.None
                 },] }
     ];
@@ -4185,7 +4271,8 @@
         { type: i0.NgModule, args: [{
                     imports: [
                         common.CommonModule,
-                        corecomponents_v12.IconModule
+                        corecomponents_v12.IconModule,
+                        corecomponents_v12.ResponsiveTextModule
                     ],
                     declarations: [
                         KeyPadComponent