@colijnit/sharedcomponents 1.0.21 → 1.0.23

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 (47) hide show
  1. package/bundles/colijnit-sharedcomponents.umd.js +433 -119
  2. package/bundles/colijnit-sharedcomponents.umd.js.map +1 -1
  3. package/colijnit-sharedcomponents-1.0.23.tgz +0 -0
  4. package/colijnit-sharedcomponents.d.ts +3 -3
  5. package/colijnit-sharedcomponents.metadata.json +1 -1
  6. package/esm2015/colijnit-sharedcomponents.js +4 -4
  7. package/esm2015/lib/components/circular-gauge/co-circular-gauge.component.js +125 -0
  8. package/esm2015/lib/components/circular-gauge/co-circular-gauge.module.js +21 -0
  9. package/esm2015/lib/components/linear-gauge/co-linear-gauge.component.js +55 -0
  10. package/esm2015/lib/components/linear-gauge/co-linear-gauge.module.js +19 -0
  11. package/esm2015/lib/components/send-method-dialog/send-method-dialog.component.js +1 -18
  12. package/esm2015/lib/components/statusbar/statusbar.component.js +81 -0
  13. package/esm2015/lib/components/statusbar/statusbar.module.js +23 -0
  14. package/esm2015/lib/components/stock/stock-information-grid/stock-information-grid.component.js +7 -2
  15. package/esm2015/lib/components/stock/stock.component.js +33 -18
  16. package/esm2015/lib/components/stock/stock.module.js +2 -4
  17. package/esm2015/lib/service/shared-connector.service.js +13 -14
  18. package/esm2015/lib/service/stock.service.js +24 -22
  19. package/esm2015/public-api.js +7 -1
  20. package/fesm2015/colijnit-sharedcomponents.js +404 -92
  21. package/fesm2015/colijnit-sharedcomponents.js.map +1 -1
  22. package/lib/components/circular-gauge/co-circular-gauge.component.d.ts +20 -0
  23. package/lib/components/circular-gauge/co-circular-gauge.module.d.ts +2 -0
  24. package/lib/components/circular-gauge/style/_layout.scss +24 -0
  25. package/lib/components/circular-gauge/style/_material-definition.scss +8 -0
  26. package/lib/components/circular-gauge/style/_theme.scss +9 -0
  27. package/lib/components/circular-gauge/style/material.scss +5 -0
  28. package/lib/components/linear-gauge/co-linear-gauge.component.d.ts +16 -0
  29. package/lib/components/linear-gauge/co-linear-gauge.module.d.ts +2 -0
  30. package/lib/components/linear-gauge/style/_layout.scss +22 -0
  31. package/lib/components/linear-gauge/style/_material-definition.scss +8 -0
  32. package/lib/components/linear-gauge/style/_theme.scss +6 -0
  33. package/lib/components/linear-gauge/style/material.scss +5 -0
  34. package/lib/components/send-method-dialog/send-method-dialog.component.d.ts +0 -4
  35. package/lib/components/statusbar/statusbar.component.d.ts +23 -0
  36. package/lib/components/statusbar/statusbar.module.d.ts +2 -0
  37. package/lib/components/statusbar/style/_layout.scss +61 -0
  38. package/lib/components/statusbar/style/_material-definition.scss +23 -0
  39. package/lib/components/statusbar/style/_theme.scss +16 -0
  40. package/lib/components/statusbar/style/material.scss +6 -0
  41. package/lib/components/stock/stock.component.d.ts +10 -6
  42. package/lib/components/stock/style/_layout.scss +1 -2
  43. package/lib/components/stock/style/_material-definition.scss +1 -1
  44. package/lib/service/shared-connector.service.d.ts +1 -1
  45. package/lib/service/stock.service.d.ts +4 -2
  46. package/package.json +1 -1
  47. package/public-api.d.ts +6 -0
@@ -1,8 +1,8 @@
1
1
  (function (global, factory) {
2
- typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('@angular/core'), require('@angular/animations'), require('pdf-lib'), require('pdfjs-dist/legacy/build/pdf'), require('pdfjs-dist/build/pdf.worker.entry'), require('@angular/common'), require('signature_pad'), require('@colijnit/sharedapi/build/model/print-stock-stickers'), require('@colijnit/articleapi/build/articles'), require('@colijnit/sharedapi/build/sharedapi'), require('@colijnit/sharedapi/build/model/report/printer.bo'), require('@colijnit/articleapi/build/utils/function/not-nill.function'), require('@colijnit/articleapi/build/utils/object-utils'), require('@colijnit/articleapi/build/enum/yes-no-db-type.enum'), require('@colijnit/articleapi/build/enum/true-false-db-type.enum'), require('@colijnit/articleapi/build/enum/one-zero-bool-db-type.enum'), require('@colijnit/articleapi/build/enum/db-boolean-value-type.enum'), require('@colijnit/articleapi/build/utils/date-utils'), require('@colijnit/articleapi/build/utils/number-utils'), require('@colijnit/articleapi/build/utils/function/is-nill.function'), require('@colijnit/articleapi/build/factory/decorators/map-property.decorator'), require('@colijnit/articleapi/build/factory/decorators/boolean.decorator'), require('@colijnit/articleapi/build/factory/decorators/json.decorator'), require('@colijnit/articleapi/build/factory/decorators/complex-array.decorator'), require('@colijnit/articleapi/build/model/article-stock.bo'), require('@colijnit/articleapi/build/model/stock-history.bo'), require('@colijnit/sharedapi/build/model/report/stock-stickers-print-layouts.bo'), require('@colijnit/articleapi/build/model/article-details.bo'), require('@colijnit/articleapi/build/model/stock-status.bo'), require('@colijnit/articleapi/build/model/stock-management-warehouses.bo'), require('@colijnit/articleapi/build/model/stock-location.bo'), require('@colijnit/articleapi/build/model/article-transaction.bo'), require('rxjs'), require('@colijnit/sharedapi/build/model/print-price-stickers.bo'), require('@colijnit/articleapi/build/model/get-stock-history-request'), require('@colijnit/articleapi/build/model/article-stock'), require('@colijnit/corecomponents_v12'), require('@angular/platform-browser'), require('@colijnit/articleapi/build/model/article-stock-management'), require('@colijnit/articleapi/build/model/article-transaction')) :
3
- typeof define === 'function' && define.amd ? define('@colijnit/sharedcomponents', ['exports', '@angular/core', '@angular/animations', 'pdf-lib', 'pdfjs-dist/legacy/build/pdf', 'pdfjs-dist/build/pdf.worker.entry', '@angular/common', 'signature_pad', '@colijnit/sharedapi/build/model/print-stock-stickers', '@colijnit/articleapi/build/articles', '@colijnit/sharedapi/build/sharedapi', '@colijnit/sharedapi/build/model/report/printer.bo', '@colijnit/articleapi/build/utils/function/not-nill.function', '@colijnit/articleapi/build/utils/object-utils', '@colijnit/articleapi/build/enum/yes-no-db-type.enum', '@colijnit/articleapi/build/enum/true-false-db-type.enum', '@colijnit/articleapi/build/enum/one-zero-bool-db-type.enum', '@colijnit/articleapi/build/enum/db-boolean-value-type.enum', '@colijnit/articleapi/build/utils/date-utils', '@colijnit/articleapi/build/utils/number-utils', '@colijnit/articleapi/build/utils/function/is-nill.function', '@colijnit/articleapi/build/factory/decorators/map-property.decorator', '@colijnit/articleapi/build/factory/decorators/boolean.decorator', '@colijnit/articleapi/build/factory/decorators/json.decorator', '@colijnit/articleapi/build/factory/decorators/complex-array.decorator', '@colijnit/articleapi/build/model/article-stock.bo', '@colijnit/articleapi/build/model/stock-history.bo', '@colijnit/sharedapi/build/model/report/stock-stickers-print-layouts.bo', '@colijnit/articleapi/build/model/article-details.bo', '@colijnit/articleapi/build/model/stock-status.bo', '@colijnit/articleapi/build/model/stock-management-warehouses.bo', '@colijnit/articleapi/build/model/stock-location.bo', '@colijnit/articleapi/build/model/article-transaction.bo', 'rxjs', '@colijnit/sharedapi/build/model/print-price-stickers.bo', '@colijnit/articleapi/build/model/get-stock-history-request', '@colijnit/articleapi/build/model/article-stock', '@colijnit/corecomponents_v12', '@angular/platform-browser', '@colijnit/articleapi/build/model/article-stock-management', '@colijnit/articleapi/build/model/article-transaction'], factory) :
4
- (global = typeof globalThis !== 'undefined' ? globalThis : global || self, factory((global.colijnit = global.colijnit || {}, global.colijnit.sharedcomponents = {}), global.ng.core, global.ng.animations, global.pdfLib, global.PDFJS, global.pdfjsWorker, global.ng.common, global.SignaturePad, global.printStockStickers, global.articles, global.sharedapi, global.printer_bo, global.notNill_function, global.objectUtils, global.yesNoDbType_enum, global.trueFalseDbType_enum, global.oneZeroBoolDbType_enum, global.dbBooleanValueType_enum, global.dateUtils, global.numberUtils, global.isNill_function, global.mapProperty_decorator, global.boolean_decorator, global.json_decorator, global.complexArray_decorator, global.articleStock_bo, global.stockHistory_bo, global.stockStickersPrintLayouts_bo, global.articleDetails_bo, global.stockStatus_bo, global.stockManagementWarehouses_bo, global.stockLocation_bo, global.articleTransaction_bo, global.rxjs, global.printPriceStickers_bo, global.getStockHistoryRequest, global.articleStock, global.corecomponents_v12, global.ng.platformBrowser, global.articleStockManagement, global.articleTransaction));
5
- })(this, (function (exports, i0, animations, pdfLib, PDFJS, pdfjsWorker, common, SignaturePad, printStockStickers, articles, sharedapi, printer_bo, notNill_function, objectUtils, yesNoDbType_enum, trueFalseDbType_enum, oneZeroBoolDbType_enum, dbBooleanValueType_enum, dateUtils, numberUtils, isNill_function, mapProperty_decorator, boolean_decorator, json_decorator, complexArray_decorator, articleStock_bo, stockHistory_bo, stockStickersPrintLayouts_bo, articleDetails_bo, stockStatus_bo, stockManagementWarehouses_bo, stockLocation_bo, articleTransaction_bo, rxjs, printPriceStickers_bo, getStockHistoryRequest, articleStock, corecomponents_v12, i1, articleStockManagement, articleTransaction) { 'use strict';
2
+ typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('@angular/core'), require('@angular/animations'), require('pdf-lib'), require('pdfjs-dist/legacy/build/pdf'), require('pdfjs-dist/build/pdf.worker.entry'), require('@angular/common'), require('signature_pad'), require('@colijnit/sharedapi/build/model/print-stock-stickers'), require('@colijnit/sharedapi/build/model/print-price-stickers.bo'), require('@colijnit/articleapi/build/articles'), require('@colijnit/sharedapi/build/sharedapi'), require('@colijnit/sharedapi/build/model/report/printer.bo'), require('@colijnit/articleapi/build/utils/function/not-nill.function'), require('@colijnit/articleapi/build/utils/object-utils'), require('@colijnit/articleapi/build/enum/yes-no-db-type.enum'), require('@colijnit/articleapi/build/enum/true-false-db-type.enum'), require('@colijnit/articleapi/build/enum/one-zero-bool-db-type.enum'), require('@colijnit/articleapi/build/enum/db-boolean-value-type.enum'), require('@colijnit/articleapi/build/utils/date-utils'), require('@colijnit/articleapi/build/utils/number-utils'), require('@colijnit/articleapi/build/utils/function/is-nill.function'), require('@colijnit/articleapi/build/factory/decorators/map-property.decorator'), require('@colijnit/articleapi/build/factory/decorators/boolean.decorator'), require('@colijnit/articleapi/build/factory/decorators/json.decorator'), require('@colijnit/articleapi/build/factory/decorators/complex-array.decorator'), require('@colijnit/articleapi/build/model/article-stock.bo'), require('@colijnit/articleapi/build/model/stock-history.bo'), require('@colijnit/sharedapi/build/model/report/stock-stickers-print-layouts.bo'), require('@colijnit/articleapi/build/model/article-details.bo'), require('@colijnit/articleapi/build/model/stock-status.bo'), require('@colijnit/articleapi/build/model/stock-management-warehouses.bo'), require('@colijnit/articleapi/build/model/stock-location.bo'), require('@colijnit/articleapi/build/model/article-transaction.bo'), require('rxjs'), require('@colijnit/articleapi/build/model/get-stock-history-request'), require('@colijnit/articleapi/build/model/article-stock'), require('@colijnit/corecomponents_v12'), require('@angular/platform-browser'), require('@colijnit/articleapi/build/model/article-stock-management'), require('@colijnit/articleapi/build/model/article-transaction'), require('@syncfusion/ej2-angular-circulargauge')) :
3
+ typeof define === 'function' && define.amd ? define('@colijnit/sharedcomponents', ['exports', '@angular/core', '@angular/animations', 'pdf-lib', 'pdfjs-dist/legacy/build/pdf', 'pdfjs-dist/build/pdf.worker.entry', '@angular/common', 'signature_pad', '@colijnit/sharedapi/build/model/print-stock-stickers', '@colijnit/sharedapi/build/model/print-price-stickers.bo', '@colijnit/articleapi/build/articles', '@colijnit/sharedapi/build/sharedapi', '@colijnit/sharedapi/build/model/report/printer.bo', '@colijnit/articleapi/build/utils/function/not-nill.function', '@colijnit/articleapi/build/utils/object-utils', '@colijnit/articleapi/build/enum/yes-no-db-type.enum', '@colijnit/articleapi/build/enum/true-false-db-type.enum', '@colijnit/articleapi/build/enum/one-zero-bool-db-type.enum', '@colijnit/articleapi/build/enum/db-boolean-value-type.enum', '@colijnit/articleapi/build/utils/date-utils', '@colijnit/articleapi/build/utils/number-utils', '@colijnit/articleapi/build/utils/function/is-nill.function', '@colijnit/articleapi/build/factory/decorators/map-property.decorator', '@colijnit/articleapi/build/factory/decorators/boolean.decorator', '@colijnit/articleapi/build/factory/decorators/json.decorator', '@colijnit/articleapi/build/factory/decorators/complex-array.decorator', '@colijnit/articleapi/build/model/article-stock.bo', '@colijnit/articleapi/build/model/stock-history.bo', '@colijnit/sharedapi/build/model/report/stock-stickers-print-layouts.bo', '@colijnit/articleapi/build/model/article-details.bo', '@colijnit/articleapi/build/model/stock-status.bo', '@colijnit/articleapi/build/model/stock-management-warehouses.bo', '@colijnit/articleapi/build/model/stock-location.bo', '@colijnit/articleapi/build/model/article-transaction.bo', 'rxjs', '@colijnit/articleapi/build/model/get-stock-history-request', '@colijnit/articleapi/build/model/article-stock', '@colijnit/corecomponents_v12', '@angular/platform-browser', '@colijnit/articleapi/build/model/article-stock-management', '@colijnit/articleapi/build/model/article-transaction', '@syncfusion/ej2-angular-circulargauge'], factory) :
4
+ (global = typeof globalThis !== 'undefined' ? globalThis : global || self, factory((global.colijnit = global.colijnit || {}, global.colijnit.sharedcomponents = {}), global.ng.core, global.ng.animations, global.pdfLib, global.PDFJS, global.pdfjsWorker, global.ng.common, global.SignaturePad, global.printStockStickers, global.printPriceStickers_bo, global.articles, global.sharedapi, global.printer_bo, global.notNill_function, global.objectUtils, global.yesNoDbType_enum, global.trueFalseDbType_enum, global.oneZeroBoolDbType_enum, global.dbBooleanValueType_enum, global.dateUtils, global.numberUtils, global.isNill_function, global.mapProperty_decorator, global.boolean_decorator, global.json_decorator, global.complexArray_decorator, global.articleStock_bo, global.stockHistory_bo, global.stockStickersPrintLayouts_bo, global.articleDetails_bo, global.stockStatus_bo, global.stockManagementWarehouses_bo, global.stockLocation_bo, global.articleTransaction_bo, global.rxjs, global.getStockHistoryRequest, global.articleStock, global.corecomponents_v12, global.ng.platformBrowser, global.articleStockManagement, global.articleTransaction, global.ej2AngularCirculargauge));
5
+ })(this, (function (exports, i0, animations, pdfLib, PDFJS, pdfjsWorker, common, SignaturePad, printStockStickers, printPriceStickers_bo, articles, sharedapi, printer_bo, notNill_function, objectUtils, yesNoDbType_enum, trueFalseDbType_enum, oneZeroBoolDbType_enum, dbBooleanValueType_enum, dateUtils, numberUtils, isNill_function, mapProperty_decorator, boolean_decorator, json_decorator, complexArray_decorator, articleStock_bo, stockHistory_bo, stockStickersPrintLayouts_bo, articleDetails_bo, stockStatus_bo, stockManagementWarehouses_bo, stockLocation_bo, articleTransaction_bo, rxjs, getStockHistoryRequest, articleStock, corecomponents_v12, i1, articleStockManagement, articleTransaction, ej2AngularCirculargauge) { 'use strict';
6
6
 
7
7
  function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
8
8
 
@@ -1678,9 +1678,8 @@
1678
1678
  SharedConnectorService.prototype.connect = function () {
1679
1679
  return __awaiter(this, void 0, void 0, function () {
1680
1680
  return __generator(this, function (_a) {
1681
- this.connector = new articles.Articles(this._optionsService.options);
1681
+ this.articleConnector = new articles.Articles(this._optionsService.options);
1682
1682
  this.sharedConnector = new sharedapi.Sharedapi(this._optionsService.options);
1683
- this._optionsService.options.session = this.connector.session && this.sharedConnector.session;
1684
1683
  return [2 /*return*/];
1685
1684
  });
1686
1685
  });
@@ -1761,7 +1760,7 @@
1761
1760
  var _this = this;
1762
1761
  return __generator(this, function (_a) {
1763
1762
  return [2 /*return*/, new Promise(function (resolve, reject) {
1764
- return _this.connector.getArticleFullObject(goodId).then(function (result) {
1763
+ return _this.articleConnector.getArticleFullObject(goodId).then(function (result) {
1765
1764
  // if (result.validationResult && result.validationResult.success) {
1766
1765
  // if (result.resultObject) {
1767
1766
  // resolve(this._boFactory.makeWithRawBackendData(ArticleExtended, result.resultObject));
@@ -1779,7 +1778,7 @@
1779
1778
  var _this = this;
1780
1779
  return __generator(this, function (_a) {
1781
1780
  return [2 /*return*/, new Promise(function (resolve, reject) {
1782
- return _this.connector.getStockHistory(request).then(function (result) {
1781
+ return _this.articleConnector.getStockHistory(request).then(function (result) {
1783
1782
  if (result.validationResult && result.validationResult.success) {
1784
1783
  if (result.resultObject && result.resultObject.hasOwnProperty("stockHistory")) {
1785
1784
  resolve(_this._boFactory.makeBOArrayFromRawBackendDataArray(stockHistory_bo.StockHistoryBo, result.resultObject.stockHistory));
@@ -1798,7 +1797,7 @@
1798
1797
  var _this = this;
1799
1798
  return __generator(this, function (_a) {
1800
1799
  return [2 /*return*/, new Promise(function (resolve, reject) {
1801
- return _this.connector.getStockInformation(data).then(function (result) {
1800
+ return _this.articleConnector.getStockInformation(data).then(function (result) {
1802
1801
  if (result.validationResult && result.validationResult.success) {
1803
1802
  if (result.resultObjects) {
1804
1803
  resolve(_this._boFactory.makeBOArrayFromRawBackendDataArray(articleStock_bo.ArticleStock, result.resultObjects));
@@ -1817,7 +1816,7 @@
1817
1816
  var _this = this;
1818
1817
  return __generator(this, function (_a) {
1819
1818
  return [2 /*return*/, new Promise(function (resolve, reject) {
1820
- return _this.connector.getStockManagementWarehouses().then(function (result) {
1819
+ return _this.articleConnector.getStockManagementWarehouses().then(function (result) {
1821
1820
  if (result.validationResult && result.validationResult.success) {
1822
1821
  if (result.resultObjects) {
1823
1822
  resolve(_this._boFactory.makeBOArrayFromRawBackendDataArray(stockManagementWarehouses_bo.StockManagementWarehouses, result.resultObjects));
@@ -1836,7 +1835,7 @@
1836
1835
  var _this = this;
1837
1836
  return __generator(this, function (_a) {
1838
1837
  return [2 /*return*/, new Promise(function (resolve, reject) {
1839
- return _this.connector.getStockManagementLocations(warehouseNo).then(function (result) {
1838
+ return _this.articleConnector.getStockManagementLocations(warehouseNo).then(function (result) {
1840
1839
  if (result.validationResult && result.validationResult.success) {
1841
1840
  if (result.resultObjects) {
1842
1841
  resolve(_this._boFactory.makeBOArrayFromRawBackendDataArray(stockLocation_bo.StockLocation, result.resultObjects));
@@ -1855,7 +1854,7 @@
1855
1854
  var _this = this;
1856
1855
  return __generator(this, function (_a) {
1857
1856
  return [2 /*return*/, new Promise(function (resolve, reject) {
1858
- return _this.connector.getArticleDetails(data).then(function (result) {
1857
+ return _this.articleConnector.getArticleDetails(data).then(function (result) {
1859
1858
  if (result.validationResult && result.validationResult.success) {
1860
1859
  if (result.resultObjects) {
1861
1860
  resolve(_this._boFactory.makeBOArrayFromRawBackendDataArray(articleDetails_bo.ArticleDetailsBo, result.resultObjects));
@@ -1874,7 +1873,7 @@
1874
1873
  var _this = this;
1875
1874
  return __generator(this, function (_a) {
1876
1875
  return [2 /*return*/, new Promise(function (resolve, reject) {
1877
- return _this.connector.updateArticleDetails(data).then(function (result) { return __awaiter(_this, void 0, void 0, function () {
1876
+ return _this.articleConnector.updateArticleDetails(data).then(function (result) { return __awaiter(_this, void 0, void 0, function () {
1878
1877
  return __generator(this, function (_a) {
1879
1878
  switch (_a.label) {
1880
1879
  case 0:
@@ -1900,7 +1899,7 @@
1900
1899
  var _this = this;
1901
1900
  return __generator(this, function (_a) {
1902
1901
  return [2 /*return*/, new Promise(function (resolve, reject) {
1903
- return _this.connector.lockArticleDetails(data).then(function (result) { return __awaiter(_this, void 0, void 0, function () {
1902
+ return _this.articleConnector.lockArticleDetails(data).then(function (result) { return __awaiter(_this, void 0, void 0, function () {
1904
1903
  return __generator(this, function (_a) {
1905
1904
  switch (_a.label) {
1906
1905
  case 0:
@@ -1926,7 +1925,7 @@
1926
1925
  var _this = this;
1927
1926
  return __generator(this, function (_a) {
1928
1927
  return [2 /*return*/, new Promise(function (resolve, reject) {
1929
- return _this.connector.getStockState().then(function (result) {
1928
+ return _this.articleConnector.getStockState().then(function (result) {
1930
1929
  if (result.validationResult && result.validationResult.success) {
1931
1930
  if (result.resultObjects) {
1932
1931
  resolve(_this._boFactory.makeBOArrayFromRawBackendDataArray(stockStatus_bo.StockStatus, result.resultObjects));
@@ -1964,7 +1963,7 @@
1964
1963
  var _this = this;
1965
1964
  return __generator(this, function (_a) {
1966
1965
  return [2 /*return*/, new Promise(function (resolve, reject) {
1967
- return _this.connector.getArticleTransaction(data).then(function (result) {
1966
+ return _this.articleConnector.getArticleTransaction(data).then(function (result) {
1968
1967
  if (result.validationResult && result.validationResult.success) {
1969
1968
  if (result.resultObjects) {
1970
1969
  resolve(_this._boFactory.makeBOArrayFromRawBackendDataArray(articleTransaction_bo.ArticleTransaction, result.resultObjects));
@@ -1979,7 +1978,7 @@
1979
1978
  });
1980
1979
  };
1981
1980
  SharedConnectorService.prototype.commit = function () {
1982
- return this.connector.commit();
1981
+ return this.articleConnector.commit();
1983
1982
  };
1984
1983
  return SharedConnectorService;
1985
1984
  }());
@@ -1993,50 +1992,17 @@
1993
1992
  { type: OptionsService }
1994
1993
  ]; };
1995
1994
 
1996
- var SharedService = /** @class */ (function () {
1997
- function SharedService(options, connector) {
1998
- this.options = options;
1999
- this.connector = connector;
2000
- }
2001
- SharedService.prototype.init = function (options) {
2002
- return __awaiter(this, void 0, void 0, function () {
2003
- return __generator(this, function (_a) {
2004
- switch (_a.label) {
2005
- case 0: return [4 /*yield*/, this.options.initialize(options)];
2006
- case 1:
2007
- _a.sent();
2008
- this.connector.connect();
2009
- return [2 /*return*/];
2010
- }
2011
- });
2012
- });
2013
- };
2014
- return SharedService;
2015
- }());
2016
- SharedService.ɵprov = i0__namespace.ɵɵdefineInjectable({ factory: function SharedService_Factory() { return new SharedService(i0__namespace.ɵɵinject(OptionsService), i0__namespace.ɵɵinject(SharedConnectorService)); }, token: SharedService, providedIn: "root" });
2017
- SharedService.decorators = [
2018
- { type: i0.Injectable, args: [{
2019
- providedIn: "root"
2020
- },] }
2021
- ];
2022
- SharedService.ctorParameters = function () { return [
2023
- { type: OptionsService },
2024
- { type: SharedConnectorService }
2025
- ]; };
2026
-
2027
- var StockService = /** @class */ (function (_super) {
2028
- __extends(StockService, _super);
2029
- function StockService() {
2030
- var _this = _super.apply(this, __spreadArray([], __read(arguments))) || this;
2031
- _this.printSticker = new printStockStickers.PrintStockStickers();
2032
- _this.printPriceSticker = new printPriceStickers_bo.PrintPriceStickers();
2033
- return _this;
1995
+ var StockService = /** @class */ (function () {
1996
+ function StockService(_sharedService) {
1997
+ this._sharedService = _sharedService;
1998
+ this.printSticker = new printStockStickers.PrintStockStickers();
1999
+ this.printPriceSticker = new printPriceStickers_bo.PrintPriceStickers();
2034
2000
  }
2035
2001
  StockService.prototype.getPrintStockStickers = function (data) {
2036
2002
  return __awaiter(this, void 0, void 0, function () {
2037
2003
  return __generator(this, function (_a) {
2038
2004
  switch (_a.label) {
2039
- case 0: return [4 /*yield*/, this.connector.getPrintStockStickers(data)];
2005
+ case 0: return [4 /*yield*/, this._sharedService.getPrintStockStickers(data)];
2040
2006
  case 1:
2041
2007
  _a.sent();
2042
2008
  return [2 /*return*/];
@@ -2048,7 +2014,7 @@
2048
2014
  return __awaiter(this, void 0, void 0, function () {
2049
2015
  return __generator(this, function (_a) {
2050
2016
  switch (_a.label) {
2051
- case 0: return [4 /*yield*/, this.connector.getPrintPriceStickers(data)];
2017
+ case 0: return [4 /*yield*/, this._sharedService.getPrintPriceStickers(data)];
2052
2018
  case 1:
2053
2019
  _a.sent();
2054
2020
  return [2 /*return*/];
@@ -2061,7 +2027,7 @@
2061
2027
  return __awaiter(this, void 0, void 0, function () {
2062
2028
  return __generator(this, function (_a) {
2063
2029
  switch (_a.label) {
2064
- case 0: return [4 /*yield*/, this.connector.getAllPrinters(showAll)];
2030
+ case 0: return [4 /*yield*/, this._sharedService.getAllPrinters(showAll)];
2065
2031
  case 1: return [2 /*return*/, _a.sent()];
2066
2032
  }
2067
2033
  });
@@ -2071,7 +2037,7 @@
2071
2037
  return __awaiter(this, void 0, void 0, function () {
2072
2038
  return __generator(this, function (_a) {
2073
2039
  switch (_a.label) {
2074
- case 0: return [4 /*yield*/, this.connector.getStockHistory(data)];
2040
+ case 0: return [4 /*yield*/, this._sharedService.getStockHistory(data)];
2075
2041
  case 1: return [2 /*return*/, _a.sent()];
2076
2042
  }
2077
2043
  });
@@ -2081,7 +2047,7 @@
2081
2047
  return __awaiter(this, void 0, void 0, function () {
2082
2048
  return __generator(this, function (_a) {
2083
2049
  switch (_a.label) {
2084
- case 0: return [4 /*yield*/, this.connector.getStockInformation(data)];
2050
+ case 0: return [4 /*yield*/, this._sharedService.getStockInformation(data)];
2085
2051
  case 1: return [2 /*return*/, _a.sent()];
2086
2052
  }
2087
2053
  });
@@ -2094,7 +2060,7 @@
2094
2060
  return __awaiter(this, void 0, void 0, function () {
2095
2061
  return __generator(this, function (_a) {
2096
2062
  switch (_a.label) {
2097
- case 0: return [4 /*yield*/, this.connector.getArticleDetails(data)];
2063
+ case 0: return [4 /*yield*/, this._sharedService.getArticleDetails(data)];
2098
2064
  case 1: return [2 /*return*/, _a.sent()];
2099
2065
  }
2100
2066
  });
@@ -2104,7 +2070,7 @@
2104
2070
  return __awaiter(this, void 0, void 0, function () {
2105
2071
  return __generator(this, function (_a) {
2106
2072
  switch (_a.label) {
2107
- case 0: return [4 /*yield*/, this.connector.updateArticleDetails(data)];
2073
+ case 0: return [4 /*yield*/, this._sharedService.updateArticleDetails(data)];
2108
2074
  case 1: return [2 /*return*/, _a.sent()];
2109
2075
  }
2110
2076
  });
@@ -2114,7 +2080,7 @@
2114
2080
  return __awaiter(this, void 0, void 0, function () {
2115
2081
  return __generator(this, function (_a) {
2116
2082
  switch (_a.label) {
2117
- case 0: return [4 /*yield*/, this.connector.getStockStatus()];
2083
+ case 0: return [4 /*yield*/, this._sharedService.getStockStatus()];
2118
2084
  case 1: return [2 /*return*/, _a.sent()];
2119
2085
  }
2120
2086
  });
@@ -2124,7 +2090,7 @@
2124
2090
  return __awaiter(this, void 0, void 0, function () {
2125
2091
  return __generator(this, function (_a) {
2126
2092
  switch (_a.label) {
2127
- case 0: return [4 /*yield*/, this.connector.getStockStickerTemplates(data)];
2093
+ case 0: return [4 /*yield*/, this._sharedService.getStockStickerTemplates(data)];
2128
2094
  case 1: return [2 /*return*/, _a.sent()];
2129
2095
  }
2130
2096
  });
@@ -2134,7 +2100,7 @@
2134
2100
  return __awaiter(this, void 0, void 0, function () {
2135
2101
  return __generator(this, function (_a) {
2136
2102
  switch (_a.label) {
2137
- case 0: return [4 /*yield*/, this.connector.getStockManagementWarehouses()];
2103
+ case 0: return [4 /*yield*/, this._sharedService.getStockManagementWarehouses()];
2138
2104
  case 1: return [2 /*return*/, _a.sent()];
2139
2105
  }
2140
2106
  });
@@ -2144,7 +2110,7 @@
2144
2110
  return __awaiter(this, void 0, void 0, function () {
2145
2111
  return __generator(this, function (_a) {
2146
2112
  switch (_a.label) {
2147
- case 0: return [4 /*yield*/, this.connector.getStockManagementLocations(warehouseNo)];
2113
+ case 0: return [4 /*yield*/, this._sharedService.getStockManagementLocations(warehouseNo)];
2148
2114
  case 1: return [2 /*return*/, _a.sent()];
2149
2115
  }
2150
2116
  });
@@ -2154,7 +2120,7 @@
2154
2120
  return __awaiter(this, void 0, void 0, function () {
2155
2121
  return __generator(this, function (_a) {
2156
2122
  switch (_a.label) {
2157
- case 0: return [4 /*yield*/, this.connector.getArticleTransaction(data)];
2123
+ case 0: return [4 /*yield*/, this._sharedService.getArticleTransaction(data)];
2158
2124
  case 1: return [2 /*return*/, _a.sent()];
2159
2125
  }
2160
2126
  });
@@ -2164,52 +2130,43 @@
2164
2130
  return __awaiter(this, void 0, void 0, function () {
2165
2131
  return __generator(this, function (_a) {
2166
2132
  switch (_a.label) {
2167
- case 0: return [4 /*yield*/, this.connector.lockArticleDetails(data)];
2133
+ case 0: return [4 /*yield*/, this._sharedService.lockArticleDetails(data)];
2168
2134
  case 1: return [2 /*return*/, _a.sent()];
2169
2135
  }
2170
2136
  });
2171
2137
  });
2172
2138
  };
2173
2139
  StockService.prototype.commit = function () {
2174
- return this.connector.commit();
2140
+ return this._sharedService.commit();
2175
2141
  };
2176
2142
  return StockService;
2177
- }(SharedService));
2178
- StockService.ɵprov = i0__namespace.ɵɵdefineInjectable({ factory: function StockService_Factory() { return new StockService(i0__namespace.ɵɵinject(OptionsService), i0__namespace.ɵɵinject(SharedConnectorService)); }, token: StockService, providedIn: "root" });
2143
+ }());
2144
+ StockService.ɵprov = i0__namespace.ɵɵdefineInjectable({ factory: function StockService_Factory() { return new StockService(i0__namespace.ɵɵinject(SharedConnectorService)); }, token: StockService, providedIn: "root" });
2179
2145
  StockService.decorators = [
2180
2146
  { type: i0.Injectable, args: [{
2181
2147
  providedIn: 'root',
2182
2148
  },] }
2183
- ];
2149
+ ];
2150
+ StockService.ctorParameters = function () { return [
2151
+ { type: SharedConnectorService }
2152
+ ]; };
2184
2153
 
2185
2154
  var StockComponent = /** @class */ (function () {
2186
- function StockComponent(stockService, _optionsService) {
2155
+ function StockComponent(stockService, _optionsService, _dictionary, _changeDetector) {
2156
+ var _this = this;
2187
2157
  this.stockService = stockService;
2188
2158
  this._optionsService = _optionsService;
2159
+ this._dictionary = _dictionary;
2160
+ this._changeDetector = _changeDetector;
2189
2161
  this.handleStickerClicked = new i0.EventEmitter();
2190
2162
  this.showStockInformationGrid = true;
2191
2163
  this.showStockLocation = false;
2192
2164
  this.showStockTransfer = false;
2193
2165
  this.allAvailableStock = 0;
2194
2166
  this.allTechnicalStock = 0;
2195
- this._publicOptions = true;
2167
+ this._subscriptions = [];
2168
+ this._subscriptions.push(this._optionsService.optionsLoaded.subscribe(function (loaded) { return _this._handleSettingsLoaded(loaded); }));
2196
2169
  }
2197
- Object.defineProperty(StockComponent.prototype, "options", {
2198
- set: function (value) {
2199
- if (value) {
2200
- if (typeof value === "string") {
2201
- this._options = JSON.parse(value);
2202
- }
2203
- else {
2204
- this._options = value;
2205
- }
2206
- this._publicOptions = true;
2207
- this._optionsService.initialize(this._options).then();
2208
- }
2209
- },
2210
- enumerable: false,
2211
- configurable: true
2212
- });
2213
2170
  Object.defineProperty(StockComponent.prototype, "article", {
2214
2171
  set: function (article) {
2215
2172
  this.articleExtended = article;
@@ -2222,6 +2179,9 @@
2222
2179
  StockComponent.prototype.showClass = function () {
2223
2180
  return true;
2224
2181
  };
2182
+ StockComponent.prototype.ngOnDestroy = function () {
2183
+ this._subscriptions.forEach(function (subscription) { return subscription.unsubscribe(); });
2184
+ };
2225
2185
  StockComponent.prototype.backToStockLinesClicked = function () {
2226
2186
  this.showStockLocation = false;
2227
2187
  this.showStockInformationGrid = true;
@@ -2275,6 +2235,42 @@
2275
2235
  });
2276
2236
  });
2277
2237
  };
2238
+ StockComponent.prototype._handleSettingsLoaded = function (loaded) {
2239
+ return __awaiter(this, void 0, void 0, function () {
2240
+ return __generator(this, function (_a) {
2241
+ switch (_a.label) {
2242
+ case 0:
2243
+ if (!loaded) return [3 /*break*/, 2];
2244
+ return [4 /*yield*/, this._initConnection().then()];
2245
+ case 1:
2246
+ _a.sent();
2247
+ _a.label = 2;
2248
+ case 2: return [2 /*return*/];
2249
+ }
2250
+ });
2251
+ });
2252
+ };
2253
+ StockComponent.prototype._initConnection = function () {
2254
+ return __awaiter(this, void 0, void 0, function () {
2255
+ var _this = this;
2256
+ return __generator(this, function (_a) {
2257
+ switch (_a.label) {
2258
+ case 0:
2259
+ // await this._connector.connect(this._optionsService.options);
2260
+ if (this._optionsService.options.url) {
2261
+ this._dictionary.rootUrl = this._optionsService.options.url.replace("/ajaxservice", "");
2262
+ }
2263
+ return [4 /*yield*/, this._dictionary.setDictionary(this._optionsService.options.languageCode)];
2264
+ case 1:
2265
+ _a.sent();
2266
+ setTimeout(function () {
2267
+ _this._changeDetector.detectChanges();
2268
+ });
2269
+ return [2 /*return*/];
2270
+ }
2271
+ });
2272
+ });
2273
+ };
2278
2274
  return StockComponent;
2279
2275
  }());
2280
2276
  StockComponent.decorators = [
@@ -2286,12 +2282,13 @@
2286
2282
  ];
2287
2283
  StockComponent.ctorParameters = function () { return [
2288
2284
  { type: StockService },
2289
- { type: OptionsService }
2285
+ { type: OptionsService },
2286
+ { type: DictionaryService },
2287
+ { type: i0.ChangeDetectorRef }
2290
2288
  ]; };
2291
2289
  StockComponent.propDecorators = {
2292
2290
  stock: [{ type: i0.ViewChild, args: [StockComponent,] }],
2293
2291
  handleStickerClicked: [{ type: i0.Output }],
2294
- options: [{ type: i0.Input }],
2295
2292
  article: [{ type: i0.Input }],
2296
2293
  articleWarehouse: [{ type: i0.Input }],
2297
2294
  allWarehouses: [{ type: i0.Input }],
@@ -2573,7 +2570,7 @@
2573
2570
  StockInformationGridComponent.decorators = [
2574
2571
  { type: i0.Component, args: [{
2575
2572
  selector: "co-stock-information-grid",
2576
- 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 [showAdd]=\"true\"\n [showToolbar]=\"true\"\n (addRow)=\"addNewRow()\"\n [inlineEdit]=\"true\"\n >\n <co-simple-grid-column [headerText]=\"'WAREHOUSE'\" [field]=\"'warehouseNo'\" [order]=\"10\"></co-simple-grid-column>\n <co-simple-grid-column [headerText]=\"'DESCRIPTION'\" [field]=\"'warehouseName'\" [order]=\"11\"></co-simple-grid-column>\n <co-simple-grid-column [headerText]=\"'STOCK'\" [field]=\"'technicalStock'\" [order]=\"12\"></co-simple-grid-column>\n <co-simple-grid-column [headerText]=\"'AVAILABLE_STOCK'\" [field]=\"'availableStock'\" [order]=\"13\"></co-simple-grid-column>\n <co-simple-grid-column [headerText]=\"'ECONOMICAL_STOCK'\" [field]=\"'economicalStock'\" [order]=\"14\"></co-simple-grid-column>\n <co-simple-grid-column [headerText]=\"'LOCATION'\" [field]=\"'locationNo'\" [order]=\"15\">\n <ng-template #template let-row=\"row\">\n <span [textContent]=\"'Bekijken'\" (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 >\n <co-simple-grid-column [headerText]=\"'IN_ORDER2'\" [field]=\"'transactionNr'\"></co-simple-grid-column>\n <co-simple-grid-column [headerText]=\"'CUSTOMER'\" [field]=\"'user'\"></co-simple-grid-column>\n <co-simple-grid-column [headerText]=\"'DATE'\" [field]=\"'transactionDate'\"></co-simple-grid-column>\n <co-simple-grid-column [headerText]=\"'AMOUNT'\" [field]=\"'amountInOrder'\"></co-simple-grid-column>\n <co-simple-grid-column [headerText]=\"'WAREHOUSE'\" [field]=\"'wareHouseNr'\"></co-simple-grid-column>\n <co-simple-grid-column [headerText]=\"'DESCRIPTION'\" [field]=\"'locationNr'\"></co-simple-grid-column>\n <co-simple-grid-column [headerText]=\"'STOCK'\" [field]=\"'amountInStock'\"></co-simple-grid-column>\n <co-simple-grid-column [headerText]=\"'TRANSFER'\" [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'\" [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 >\n <co-simple-grid-column [headerText]=\"'PURCHASE_ORDER_NR'\" [field]=\"'transactionNr'\"></co-simple-grid-column>\n <co-simple-grid-column [headerText]=\"'DATE'\" [field]=\"'transactionDate'\"></co-simple-grid-column>\n <co-simple-grid-column [headerText]=\"'AMOUNT'\" [field]=\"'amountInOrder'\"></co-simple-grid-column>\n <co-simple-grid-column [headerText]=\"'RESERVED'\" [field]=\"'reserved'\"></co-simple-grid-column>\n <co-simple-grid-column [headerText]=\"'FREE_STOCK'\" [field]=\"'freeStock'\"></co-simple-grid-column>\n <co-simple-grid-column [headerText]=\"'DELIVERY_DATE1'\" [field]=\"'deliveryDate'\"></co-simple-grid-column>\n <co-simple-grid-column [headerText]=\"'RESERVE'\" [field]=\"'reservation'\"></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'\" (click)=\"handleBackToStockClick()\"></span>\n </div>\n <div class=\"stock-location-right-group\">\n <co-drop-down-list [(model)]=\"selectedWarehouse\"\n [collection]=\"dataWareHouseCode\"\n [fields]=\"dataWareHouseFields\"\n [placeholder]=\"'WAREHOUSE'\"\n (modelChange)=\"onSelectWarehouse($event)\"\n [required]=\"true\"\n ></co-drop-down-list>\n </div>\n </div>\n\n<!-- TODO move to own component stock-location-->\n <co-simple-grid [data]=\"articleDetails\"\n class=\"simple-grid\"\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'\" (click)=\"handleBackToStockClick()\"></co-button>\n </div>\n </div>\n <co-simple-grid-column [headerText]=\"'WAREHOUSE'\" [field]=\"'warehouseDescription'\"></co-simple-grid-column>\n <co-simple-grid-column [headerText]=\"'BATCH'\" [field]=\"'batchNo'\"></co-simple-grid-column>\n <co-simple-grid-column [headerText]=\"'SERIAL_NO'\" [field]=\"'serialNo'\"></co-simple-grid-column>\n <co-simple-grid-column [headerText]=\"'STOCK'\" [field]=\"'amountInStock'\">\n <ng-template #template let-row=\"row\">\n <co-input-number-picker (keyup.enter)=\"openDialogClick(row)\" [(model)]=\"row['amountInStock']\">\n\n </co-input-number-picker>\n </ng-template>\n </co-simple-grid-column>\n <co-simple-grid-column [headerText]=\"'ALLOCATED'\" [field]=\"'amountInStockFree'\"></co-simple-grid-column>\n <co-simple-grid-column [headerText]=\"'AVAILABLE_STOCK'\" [field]=\"'perceptibleStorage'\"></co-simple-grid-column>\n <co-simple-grid-column [headerText]=\"'PHYSICAL_STOCK'\" [field]=\"'amountInStockOriginal'\"></co-simple-grid-column>\n <co-simple-grid-column [headerText]=\"'VALUTA'\" [field]=\"'currency'\"></co-simple-grid-column>\n <co-simple-grid-column [headerText]=\"'PURCHASE_PRICE'\" [field]=\"'purchasePrice'\"></co-simple-grid-column>\n <co-simple-grid-column [headerText]=\"'SUPPLIER_NUMBER'\" [field]=\"'supplierNo'\"></co-simple-grid-column>\n <co-simple-grid-column [headerText]=\"'TRANSFER'\" [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'\" [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'\" (click)=\"backToStockInformation()\"></span>\n </div>\n <co-simple-grid [data]=\"stockHistoryInformation\"\n class=\"simple-grid\"\n >\n <co-simple-grid-column [headerText]=\"'MUTATION_DATE'\" [field]=\"'mutationDate'\"></co-simple-grid-column>\n <co-simple-grid-column [headerText]=\"'MUTATION_TIME'\" [field]=\"'mutationTime'\"></co-simple-grid-column>\n <co-simple-grid-column [headerText]=\"'AMOUNT'\" [field]=\"'amount'\"></co-simple-grid-column>\n <co-simple-grid-column [headerText]=\"'WAREHOUSE'\" [field]=\"'wareHouseNr'\"></co-simple-grid-column>\n <co-simple-grid-column [headerText]=\"'LOCATION'\" [field]=\"'locationNr'\"></co-simple-grid-column>\n <co-simple-grid-column [headerText]=\"'TRANSACTION_TYPE'\" [field]=\"'transType'\"></co-simple-grid-column>\n <co-simple-grid-column [headerText]=\"'DOCUMENT_NUMBER'\" [field]=\"'docNr'\"></co-simple-grid-column>\n <co-simple-grid-column [headerText]=\"'LINE'\" [field]=\"'posLineNr'\"></co-simple-grid-column>\n <co-simple-grid-column [headerText]=\"'STOCK_STATE'\" [field]=\"'stockStateId'\"></co-simple-grid-column>\n <co-simple-grid-column [headerText]=\"'STOCK_REMARK'\" [field]=\"'stockStateRemarkId'\"></co-simple-grid-column>\n <co-simple-grid-column [headerText]=\"'VALUTA'\" [field]=\"'currencyCode'\"></co-simple-grid-column>\n <co-simple-grid-column [headerText]=\"'RELATION_ID'\" [field]=\"'relationId'\"></co-simple-grid-column>\n <co-simple-grid-column [headerText]=\"'USER'\" [field]=\"'user'\"></co-simple-grid-column>\n <co-simple-grid-column [headerText]=\"'MUTATION_TYPE'\" [field]=\"'mutationType'\"></co-simple-grid-column>\n <co-simple-grid-column [headerText]=\"'STICKER'\" [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 [label]=\"'HISTORY'\" (click)=\"handleHistoryClick()\"></co-button>\n </div>\n <div class=\"stock-button-middle-group\">\n <div class=\"button-left\">\n <co-button [textContent]=\"'Ok'\" (click)=\"onOkClick()\"></co-button>\n </div>\n <div class=\"button-right\">\n <co-button [textContent]=\"'Annuleren'\" (click)=\"onCancelClick()\"></co-button>\n </div>\n </div>\n </div>\n <ione-send-method-dialog\n *ngIf=\"showSendMethodDialog\"\n [showDialog]=\"showSendMethodDialog\"\n (printButtonClicked)=\"printStockStickers()\"\n ></ione-send-method-dialog>\n ",
2573
+ 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 [showAdd]=\"true\"\n [showToolbar]=\"true\"\n (addRow)=\"addNewRow()\"\n [inlineEdit]=\"true\"\n [rowsPerPage]=\"20\"\n >\n <co-simple-grid-column [headerText]=\"'WAREHOUSE'\" [field]=\"'warehouseNo'\" [order]=\"10\"></co-simple-grid-column>\n <co-simple-grid-column [headerText]=\"'DESCRIPTION'\" [field]=\"'warehouseName'\" [order]=\"11\"></co-simple-grid-column>\n <co-simple-grid-column [headerText]=\"'STOCK'\" [field]=\"'technicalStock'\" [order]=\"12\"></co-simple-grid-column>\n <co-simple-grid-column [headerText]=\"'AVAILABLE_STOCK'\" [field]=\"'availableStock'\" [order]=\"13\"></co-simple-grid-column>\n <co-simple-grid-column [headerText]=\"'ECONOMICAL_STOCK'\" [field]=\"'economicalStock'\" [order]=\"14\"></co-simple-grid-column>\n <co-simple-grid-column [headerText]=\"'LOCATION'\" [field]=\"'locationNo'\" [order]=\"15\">\n <ng-template #template let-row=\"row\">\n <span [textContent]=\"'Bekijken'\" (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_ORDER2'\" [field]=\"'transactionNr'\"></co-simple-grid-column>\n <co-simple-grid-column [headerText]=\"'CUSTOMER'\" [field]=\"'user'\"></co-simple-grid-column>\n <co-simple-grid-column [headerText]=\"'DATE'\" [field]=\"'transactionDate'\"></co-simple-grid-column>\n <co-simple-grid-column [headerText]=\"'AMOUNT'\" [field]=\"'amountInOrder'\"></co-simple-grid-column>\n <co-simple-grid-column [headerText]=\"'WAREHOUSE'\" [field]=\"'wareHouseNr'\"></co-simple-grid-column>\n <co-simple-grid-column [headerText]=\"'DESCRIPTION'\" [field]=\"'locationNr'\"></co-simple-grid-column>\n <co-simple-grid-column [headerText]=\"'STOCK'\" [field]=\"'amountInStock'\"></co-simple-grid-column>\n <co-simple-grid-column [headerText]=\"'TRANSFER'\" [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'\" [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'\" [field]=\"'transactionNr'\"></co-simple-grid-column>\n <co-simple-grid-column [headerText]=\"'DATE'\" [field]=\"'transactionDate'\"></co-simple-grid-column>\n <co-simple-grid-column [headerText]=\"'AMOUNT'\" [field]=\"'amountInOrder'\"></co-simple-grid-column>\n <co-simple-grid-column [headerText]=\"'RESERVED'\" [field]=\"'reserved'\"></co-simple-grid-column>\n <co-simple-grid-column [headerText]=\"'FREE_STOCK'\" [field]=\"'freeStock'\"></co-simple-grid-column>\n <co-simple-grid-column [headerText]=\"'DELIVERY_DATE1'\" [field]=\"'deliveryDate'\"></co-simple-grid-column>\n <co-simple-grid-column [headerText]=\"'RESERVE'\" [field]=\"'reservation'\"></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'\" (click)=\"handleBackToStockClick()\"></span>\n </div>\n <div class=\"stock-location-right-group\">\n <co-drop-down-list [(model)]=\"selectedWarehouse\"\n [collection]=\"dataWareHouseCode\"\n [fields]=\"dataWareHouseFields\"\n [placeholder]=\"'WAREHOUSE'\"\n (modelChange)=\"onSelectWarehouse($event)\"\n [required]=\"true\"\n ></co-drop-down-list>\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 >\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'\" (click)=\"handleBackToStockClick()\"></co-button>\n </div>\n </div>\n <co-simple-grid-column [headerText]=\"'WAREHOUSE'\" [field]=\"'warehouseDescription'\"></co-simple-grid-column>\n <co-simple-grid-column [headerText]=\"'BATCH'\" [field]=\"'batchNo'\"></co-simple-grid-column>\n <co-simple-grid-column [headerText]=\"'SERIAL_NO'\" [field]=\"'serialNo'\"></co-simple-grid-column>\n <co-simple-grid-column [headerText]=\"'STOCK'\" [field]=\"'amountInStock'\">\n <ng-template #template let-row=\"row\">\n <co-input-number-picker (keyup.enter)=\"openDialogClick(row)\" [(model)]=\"row['amountInStock']\">\n\n </co-input-number-picker>\n </ng-template>\n </co-simple-grid-column>\n <co-simple-grid-column [headerText]=\"'ALLOCATED'\" [field]=\"'amountInStockFree'\"></co-simple-grid-column>\n <co-simple-grid-column [headerText]=\"'AVAILABLE_STOCK'\" [field]=\"'perceptibleStorage'\"></co-simple-grid-column>\n <co-simple-grid-column [headerText]=\"'PHYSICAL_STOCK'\" [field]=\"'amountInStockOriginal'\"></co-simple-grid-column>\n <co-simple-grid-column [headerText]=\"'VALUTA'\" [field]=\"'currency'\"></co-simple-grid-column>\n <co-simple-grid-column [headerText]=\"'PURCHASE_PRICE'\" [field]=\"'purchasePrice'\"></co-simple-grid-column>\n <co-simple-grid-column [headerText]=\"'SUPPLIER_NUMBER'\" [field]=\"'supplierNo'\"></co-simple-grid-column>\n <co-simple-grid-column [headerText]=\"'TRANSFER'\" [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'\" [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'\" (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'\" [field]=\"'mutationDate'\"></co-simple-grid-column>\n <co-simple-grid-column [headerText]=\"'MUTATION_TIME'\" [field]=\"'mutationTime'\"></co-simple-grid-column>\n <co-simple-grid-column [headerText]=\"'AMOUNT'\" [field]=\"'amount'\"></co-simple-grid-column>\n <co-simple-grid-column [headerText]=\"'WAREHOUSE'\" [field]=\"'wareHouseNr'\"></co-simple-grid-column>\n <co-simple-grid-column [headerText]=\"'LOCATION'\" [field]=\"'locationNr'\"></co-simple-grid-column>\n <co-simple-grid-column [headerText]=\"'TRANSACTION_TYPE'\" [field]=\"'transType'\"></co-simple-grid-column>\n <co-simple-grid-column [headerText]=\"'DOCUMENT_NUMBER'\" [field]=\"'docNr'\"></co-simple-grid-column>\n <co-simple-grid-column [headerText]=\"'LINE'\" [field]=\"'posLineNr'\"></co-simple-grid-column>\n <co-simple-grid-column [headerText]=\"'STOCK_STATE'\" [field]=\"'stockStateId'\"></co-simple-grid-column>\n <co-simple-grid-column [headerText]=\"'STOCK_REMARK'\" [field]=\"'stockStateRemarkId'\"></co-simple-grid-column>\n <co-simple-grid-column [headerText]=\"'VALUTA'\" [field]=\"'currencyCode'\"></co-simple-grid-column>\n <co-simple-grid-column [headerText]=\"'RELATION_ID'\" [field]=\"'relationId'\"></co-simple-grid-column>\n <co-simple-grid-column [headerText]=\"'USER'\" [field]=\"'user'\"></co-simple-grid-column>\n <co-simple-grid-column [headerText]=\"'MUTATION_TYPE'\" [field]=\"'mutationType'\"></co-simple-grid-column>\n <co-simple-grid-column [headerText]=\"'STICKER'\" [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'\" (click)=\"handleHistoryClick()\"></co-button>\n </div>\n <div class=\"stock-button-middle-group\">\n <div class=\"button-left\">\n <co-button [textContent]=\"'Ok'\" (click)=\"onOkClick()\"></co-button>\n </div>\n <div class=\"button-right\">\n <co-button [textContent]=\"'Annuleren'\" (click)=\"onCancelClick()\"></co-button>\n </div>\n </div>\n </div>\n <ione-send-method-dialog\n *ngIf=\"showSendMethodDialog\"\n [showDialog]=\"showSendMethodDialog\"\n (printButtonClicked)=\"printStockStickers()\"\n ></ione-send-method-dialog>\n ",
2577
2574
  encapsulation: i0.ViewEncapsulation.None
2578
2575
  },] }
2579
2576
  ];
@@ -2761,28 +2758,8 @@
2761
2758
  this.startSignatureClicked = new i0.EventEmitter();
2762
2759
  this.printButtonClicked = new i0.EventEmitter();
2763
2760
  this._subscriptions = [];
2764
- this._publicOptions = true;
2765
2761
  this._subscriptions.push(this._optionsService.optionsLoaded.subscribe(function (loaded) { return _this._handleSettingsLoaded(loaded); }));
2766
2762
  }
2767
- Object.defineProperty(SendMethodDialogComponent.prototype, "options", {
2768
- get: function () {
2769
- return this._options;
2770
- },
2771
- set: function (value) {
2772
- if (value) {
2773
- if (typeof value === "string") {
2774
- this._options = JSON.parse(value);
2775
- }
2776
- else {
2777
- this._options = value;
2778
- }
2779
- this._publicOptions = true;
2780
- this._optionsService.initialize(this._options).then();
2781
- }
2782
- },
2783
- enumerable: false,
2784
- configurable: true
2785
- });
2786
2763
  Object.defineProperty(SendMethodDialogComponent.prototype, "articleData", {
2787
2764
  set: function (data) {
2788
2765
  this.stockService.printSticker.goodId = data.goodId;
@@ -2913,7 +2890,6 @@
2913
2890
  showPrintPriceStickers: [{ type: i0.Input }],
2914
2891
  showPrintStockStickers: [{ type: i0.Input }],
2915
2892
  priceListCodeData: [{ type: i0.Input }],
2916
- options: [{ type: i0.Input }],
2917
2893
  showDialog: [{ type: i0.Input }],
2918
2894
  headerTitle: [{ type: i0.Input }],
2919
2895
  printerList: [{ type: i0.Input }],
@@ -3038,8 +3014,7 @@
3038
3014
  StockComponent
3039
3015
  ],
3040
3016
  providers: [
3041
- StockService,
3042
- SharedConnectorService
3017
+ StockService
3043
3018
  ]
3044
3019
  },] }
3045
3020
  ];
@@ -3349,6 +3324,339 @@
3349
3324
  },] }
3350
3325
  ];
3351
3326
 
3327
+ var GaugeColor$1;
3328
+ (function (GaugeColor) {
3329
+ GaugeColor["Low"] = "#E0E0E0";
3330
+ GaugeColor["Medium"] = "#F88952";
3331
+ GaugeColor["High"] = "#5FDCB3";
3332
+ })(GaugeColor$1 || (GaugeColor$1 = {}));
3333
+ var CoCircularGaugeComponent = /** @class */ (function () {
3334
+ function CoCircularGaugeComponent() {
3335
+ this._color = GaugeColor$1.Low;
3336
+ this.majorTicks = {
3337
+ height: 0,
3338
+ };
3339
+ this.minorTicks = {
3340
+ height: 0
3341
+ };
3342
+ this.labelStyle = {
3343
+ position: 'Inside', useRangeColor: true,
3344
+ font: { size: '0px', fontFamily: 'inherit' }
3345
+ };
3346
+ this.lineStyle = {
3347
+ width: 0
3348
+ };
3349
+ this.ranges = [
3350
+ {
3351
+ start: 1, end: 100,
3352
+ radius: '13px',
3353
+ startWidth: 3, endWidth: 3,
3354
+ color: '#E0E0E0',
3355
+ roundedCornerRadius: 0
3356
+ },
3357
+ ];
3358
+ }
3359
+ Object.defineProperty(CoCircularGaugeComponent.prototype, "value", {
3360
+ get: function () {
3361
+ return this._value;
3362
+ },
3363
+ set: function (value) {
3364
+ this._value = value;
3365
+ this._setColor();
3366
+ },
3367
+ enumerable: false,
3368
+ configurable: true
3369
+ });
3370
+ Object.defineProperty(CoCircularGaugeComponent.prototype, "color", {
3371
+ get: function () {
3372
+ return this._color;
3373
+ },
3374
+ enumerable: false,
3375
+ configurable: true
3376
+ });
3377
+ CoCircularGaugeComponent.prototype.showClass = function () {
3378
+ return true;
3379
+ };
3380
+ CoCircularGaugeComponent.prototype.getAxes = function () {
3381
+ return [{
3382
+ minimum: 0,
3383
+ maximum: 100,
3384
+ radius: '15px',
3385
+ startAngle: 1,
3386
+ endAngle: 360,
3387
+ majorTicks: this.majorTicks,
3388
+ minorTicks: this.minorTicks,
3389
+ labelStyle: this.labelStyle,
3390
+ lineStyle: this.lineStyle,
3391
+ ranges: this.ranges,
3392
+ pointers: this.getPointers(),
3393
+ annotations: this.getAnnotations(),
3394
+ }];
3395
+ };
3396
+ CoCircularGaugeComponent.prototype.getPointers = function () {
3397
+ if (this.value) {
3398
+ return [{
3399
+ roundedCornerRadius: 0,
3400
+ value: this.value,
3401
+ type: 'RangeBar',
3402
+ radius: '13px',
3403
+ color: this.color,
3404
+ border: {
3405
+ width: 0
3406
+ },
3407
+ animation: {
3408
+ enable: false
3409
+ },
3410
+ pointerWidth: 3
3411
+ }];
3412
+ }
3413
+ };
3414
+ ;
3415
+ CoCircularGaugeComponent.prototype.getAnnotations = function () {
3416
+ if (this.value) {
3417
+ return [{
3418
+ content: '<div class="annotation">' +
3419
+ this.value + '%</div>',
3420
+ angle: 90,
3421
+ radius: '50%',
3422
+ zIndex: '10',
3423
+ }];
3424
+ }
3425
+ };
3426
+ CoCircularGaugeComponent.prototype._setColor = function () {
3427
+ if (this.value == 0) {
3428
+ this._color = GaugeColor$1.Low;
3429
+ }
3430
+ else if (this.value >= 0 && this.value < 100) {
3431
+ this._color = GaugeColor$1.Medium;
3432
+ }
3433
+ else if (this.value == 100) {
3434
+ this._color = GaugeColor$1.High;
3435
+ }
3436
+ };
3437
+ return CoCircularGaugeComponent;
3438
+ }());
3439
+ CoCircularGaugeComponent.decorators = [
3440
+ { type: i0.Component, args: [{
3441
+ selector: "co-circular-gauge",
3442
+ template: "\n <div class=\"circular-gauge-wrapper\">\n <ejs-circulargauge\n class=\"circular-gauge\"\n [width]=\"'100%'\"\n [axes]=\"getAxes()\">\n </ejs-circulargauge>\n </div>\n ",
3443
+ encapsulation: i0.ViewEncapsulation.None
3444
+ },] }
3445
+ ];
3446
+ CoCircularGaugeComponent.propDecorators = {
3447
+ circulargauge: [{ type: i0.ViewChild, args: ['circulargauge',] }],
3448
+ value: [{ type: i0.Input }],
3449
+ showClass: [{ type: i0.HostBinding, args: ["class.co-circular-gauge",] }]
3450
+ };
3451
+
3452
+ var CoCircularGaugeModule = /** @class */ (function () {
3453
+ function CoCircularGaugeModule() {
3454
+ }
3455
+ return CoCircularGaugeModule;
3456
+ }());
3457
+ CoCircularGaugeModule.decorators = [
3458
+ { type: i0.NgModule, args: [{
3459
+ imports: [
3460
+ common.CommonModule,
3461
+ ej2AngularCirculargauge.CircularGaugeModule
3462
+ ],
3463
+ declarations: [
3464
+ CoCircularGaugeComponent
3465
+ ],
3466
+ exports: [
3467
+ CoCircularGaugeComponent
3468
+ ]
3469
+ },] }
3470
+ ];
3471
+
3472
+ var GaugeColor;
3473
+ (function (GaugeColor) {
3474
+ GaugeColor["Low"] = "#E0E0E0";
3475
+ GaugeColor["Medium"] = "#F88952";
3476
+ GaugeColor["High"] = "#5FDCB3";
3477
+ })(GaugeColor || (GaugeColor = {}));
3478
+ var CoLinearGaugeComponent = /** @class */ (function () {
3479
+ function CoLinearGaugeComponent() {
3480
+ this.color = GaugeColor.Low;
3481
+ }
3482
+ Object.defineProperty(CoLinearGaugeComponent.prototype, "value", {
3483
+ get: function () {
3484
+ return this._value;
3485
+ },
3486
+ set: function (value) {
3487
+ this._value = value;
3488
+ this._setColor();
3489
+ },
3490
+ enumerable: false,
3491
+ configurable: true
3492
+ });
3493
+ CoLinearGaugeComponent.prototype.showClass = function () {
3494
+ return true;
3495
+ };
3496
+ CoLinearGaugeComponent.prototype.getStyle = function () {
3497
+ return "linear-gradient(90deg, " + this.color + " 0 " + this.value + "%, white " + this.value + "% 100%";
3498
+ };
3499
+ CoLinearGaugeComponent.prototype._setColor = function () {
3500
+ if (this.value == 0) {
3501
+ this.color = GaugeColor.Low;
3502
+ }
3503
+ else if (this.value >= 0 && this.value < 100) {
3504
+ this.color = GaugeColor.Medium;
3505
+ }
3506
+ else if (this.value == 100) {
3507
+ this.color = GaugeColor.High;
3508
+ }
3509
+ };
3510
+ return CoLinearGaugeComponent;
3511
+ }());
3512
+ CoLinearGaugeComponent.decorators = [
3513
+ { type: i0.Component, args: [{
3514
+ selector: "co-linear-gauge",
3515
+ template: "\n <div class=\"linear-gauge\"\n [style.background]=\"getStyle()\"\n [style.border-color]=\"color\"\n [textContent]=\"count ? count : ''\"\n ></div>\n ",
3516
+ encapsulation: i0.ViewEncapsulation.None
3517
+ },] }
3518
+ ];
3519
+ CoLinearGaugeComponent.propDecorators = {
3520
+ value: [{ type: i0.Input }],
3521
+ count: [{ type: i0.Input }],
3522
+ showClass: [{ type: i0.HostBinding, args: ["class.co-linear-gauge",] }]
3523
+ };
3524
+
3525
+ var CoLinearGaugeModule = /** @class */ (function () {
3526
+ function CoLinearGaugeModule() {
3527
+ }
3528
+ return CoLinearGaugeModule;
3529
+ }());
3530
+ CoLinearGaugeModule.decorators = [
3531
+ { type: i0.NgModule, args: [{
3532
+ imports: [
3533
+ common.CommonModule,
3534
+ ],
3535
+ declarations: [
3536
+ CoLinearGaugeComponent
3537
+ ],
3538
+ exports: [
3539
+ CoLinearGaugeComponent
3540
+ ]
3541
+ },] }
3542
+ ];
3543
+
3544
+ var StatusbarComponent = /** @class */ (function () {
3545
+ function StatusbarComponent() {
3546
+ this.statusbarClick = new i0.EventEmitter();
3547
+ this.showPopup = false;
3548
+ this.popupClass = 'dropdown';
3549
+ }
3550
+ Object.defineProperty(StatusbarComponent.prototype, "statusbarData", {
3551
+ get: function () {
3552
+ return this._statusbarData;
3553
+ },
3554
+ set: function (value) {
3555
+ this._statusbarData = value;
3556
+ },
3557
+ enumerable: false,
3558
+ configurable: true
3559
+ });
3560
+ StatusbarComponent.prototype.showClass = function () {
3561
+ return true;
3562
+ };
3563
+ StatusbarComponent.prototype.onHover = function (event) {
3564
+ this.showPopup = true;
3565
+ this._mouseY = event.screenY;
3566
+ this._windowHeight = window.innerHeight;
3567
+ this.setPopupClass();
3568
+ };
3569
+ StatusbarComponent.prototype.onLeave = function () {
3570
+ this.showPopup = false;
3571
+ };
3572
+ StatusbarComponent.prototype.onStatusbarClick = function () {
3573
+ this.statusbarClick.emit();
3574
+ };
3575
+ StatusbarComponent.prototype.setPopupClass = function () {
3576
+ var popupHeight = this.statusbarData.length * 30;
3577
+ var dropdownInScreen = (this._mouseY + popupHeight) <= this._windowHeight;
3578
+ if (dropdownInScreen) {
3579
+ this.popupClass = 'dropdown';
3580
+ }
3581
+ else {
3582
+ this.popupClass = 'dropup';
3583
+ }
3584
+ };
3585
+ return StatusbarComponent;
3586
+ }());
3587
+ StatusbarComponent.decorators = [
3588
+ { type: i0.Component, args: [{
3589
+ selector: "co-statusbar",
3590
+ template: "\n <div class=\"co-statusbar-wrapper\"\n *ngIf=\"statusbarData\"\n (mouseover)=\"onHover($event)\"\n (mouseleave)=\"onLeave()\"\n (click)=\"onStatusbarClick()\">\n <div class=\"statuses\">\n <div *ngFor=\"let data of statusbarData; let index = index\" class=\"status\">\n <co-linear-gauge [value]=\"data.percentage\" [count]=\"data.count ? data.count : undefined\"></co-linear-gauge>\n </div>\n </div>\n <div class=status-description-popup *ngIf=\"showPopup\" @showHidePopup [ngClass]=\"popupClass\">\n <div class=\"status-descriptions\">\n <div *ngFor=\"let data of statusbarData; let index = index\" class=\"status-description\">\n <co-circular-gauge [value]=\"data.percentage\"></co-circular-gauge>\n <span [textContent]=\"data.label\"></span>\n </div>\n </div>\n </div>\n </div>\n ",
3591
+ animations: [
3592
+ animations.trigger("showHidePopup", [
3593
+ animations.state("void", animations.style({ opacity: 0 })),
3594
+ animations.state("*", animations.style({ opacity: 1 })),
3595
+ animations.transition("void <=> *", animations.animate("250ms ease-in-out")),
3596
+ ])
3597
+ ],
3598
+ encapsulation: i0.ViewEncapsulation.None
3599
+ },] }
3600
+ ];
3601
+ StatusbarComponent.ctorParameters = function () { return []; };
3602
+ StatusbarComponent.propDecorators = {
3603
+ statusbarData: [{ type: i0.Input }],
3604
+ statusbarClick: [{ type: i0.Output }],
3605
+ showClass: [{ type: i0.HostBinding, args: ["class.co-statusbar",] }]
3606
+ };
3607
+
3608
+ var StatusbarModule = /** @class */ (function () {
3609
+ function StatusbarModule() {
3610
+ }
3611
+ return StatusbarModule;
3612
+ }());
3613
+ StatusbarModule.decorators = [
3614
+ { type: i0.NgModule, args: [{
3615
+ imports: [
3616
+ common.CommonModule,
3617
+ CoCircularGaugeModule,
3618
+ CoLinearGaugeModule
3619
+ ],
3620
+ declarations: [
3621
+ StatusbarComponent
3622
+ ],
3623
+ exports: [
3624
+ StatusbarComponent
3625
+ ]
3626
+ },] }
3627
+ ];
3628
+
3629
+ var SharedService = /** @class */ (function () {
3630
+ function SharedService(options, connector) {
3631
+ this.options = options;
3632
+ this.connector = connector;
3633
+ }
3634
+ SharedService.prototype.init = function (options) {
3635
+ return __awaiter(this, void 0, void 0, function () {
3636
+ return __generator(this, function (_a) {
3637
+ switch (_a.label) {
3638
+ case 0: return [4 /*yield*/, this.options.initialize(options)];
3639
+ case 1:
3640
+ _a.sent();
3641
+ this.connector.connect();
3642
+ return [2 /*return*/];
3643
+ }
3644
+ });
3645
+ });
3646
+ };
3647
+ return SharedService;
3648
+ }());
3649
+ SharedService.ɵprov = i0__namespace.ɵɵdefineInjectable({ factory: function SharedService_Factory() { return new SharedService(i0__namespace.ɵɵinject(OptionsService), i0__namespace.ɵɵinject(SharedConnectorService)); }, token: SharedService, providedIn: "root" });
3650
+ SharedService.decorators = [
3651
+ { type: i0.Injectable, args: [{
3652
+ providedIn: "root"
3653
+ },] }
3654
+ ];
3655
+ SharedService.ctorParameters = function () { return [
3656
+ { type: OptionsService },
3657
+ { type: SharedConnectorService }
3658
+ ]; };
3659
+
3352
3660
  /*
3353
3661
  * Public API Surface of sharedcomponents
3354
3662
  */
@@ -3357,6 +3665,10 @@
3357
3665
  * Generated bundle index. Do not edit.
3358
3666
  */
3359
3667
 
3668
+ exports.CoCircularGaugeComponent = CoCircularGaugeComponent;
3669
+ exports.CoCircularGaugeModule = CoCircularGaugeModule;
3670
+ exports.CoLinearGaugeComponent = CoLinearGaugeComponent;
3671
+ exports.CoLinearGaugeModule = CoLinearGaugeModule;
3360
3672
  exports.DocsignComponent = DocsignComponent;
3361
3673
  exports.DocsignModule = DocsignModule;
3362
3674
  exports.KeyPadComponent = KeyPadComponent;
@@ -3366,14 +3678,16 @@
3366
3678
  exports.SendMethodDialogComponent = SendMethodDialogComponent;
3367
3679
  exports.SendMethodDialogModule = SendMethodDialogModule;
3368
3680
  exports.SharedService = SharedService;
3681
+ exports.StatusbarComponent = StatusbarComponent;
3682
+ exports.StatusbarModule = StatusbarModule;
3369
3683
  exports.StockComponent = StockComponent;
3370
3684
  exports.StockModule = StockModule;
3371
3685
  exports["ɵa"] = SignatureComponent;
3372
3686
  exports["ɵb"] = SignaturesComponent;
3373
3687
  exports["ɵc"] = StockService;
3374
- exports["ɵd"] = OptionsService;
3375
- exports["ɵe"] = DictionaryService;
3376
- exports["ɵf"] = SharedConnectorService;
3688
+ exports["ɵd"] = SharedConnectorService;
3689
+ exports["ɵe"] = OptionsService;
3690
+ exports["ɵf"] = DictionaryService;
3377
3691
  exports["ɵg"] = IconCacheService;
3378
3692
  exports["ɵh"] = StockInformationComponent;
3379
3693
  exports["ɵi"] = StockInformationGridComponent;