@colijnit/transaction 12.1.21 → 12.1.24

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 (61) hide show
  1. package/bundles/colijnit-transaction.umd.js +260 -71
  2. package/bundles/colijnit-transaction.umd.js.map +1 -1
  3. package/colijnit-transaction.d.ts +48 -44
  4. package/colijnit-transaction.metadata.json +1 -1
  5. package/esm2015/colijnit-transaction.js +49 -45
  6. package/esm2015/lib/component/avatar/avatar.component.js +30 -7
  7. package/esm2015/lib/component/status-bar/status-bar.component.js +37 -0
  8. package/esm2015/lib/component/status-bar/status-bar.module.js +21 -0
  9. package/esm2015/lib/component/transaction/transaction.component.js +9 -2
  10. package/esm2015/lib/component/transaction/transaction.module.js +4 -2
  11. package/esm2015/lib/component/transaction-confirmation-details/transaction-confirmation-details.component.js +1 -1
  12. package/esm2015/lib/component/transaction-grid/transaction-history-grid/transaction-history-grid.component.js +33 -7
  13. package/esm2015/lib/component/transaction-line-fields/transaction-line-discount-amount.component.js +5 -3
  14. package/esm2015/lib/component/transaction-line-fields/transaction-line-line-discount.component.js +5 -3
  15. package/esm2015/lib/component/transaction-line-fields/transaction-line-price.component.js +7 -5
  16. package/esm2015/lib/component/transaction-line-fields/transaction-line-quantum-discount.component.js +5 -3
  17. package/esm2015/lib/component/transaction-line-fields/transaction-line-reference.component.js +5 -3
  18. package/esm2015/lib/component/transaction-line-fields/transaction-line-special-discount.component.js +5 -3
  19. package/esm2015/lib/component/transaction-receiving-goods-history/transaction-receiving-goods-history.component.js +18 -5
  20. package/esm2015/lib/component/transaction-search/transaction-search-result/transaction-search-result.component.js +5 -3
  21. package/esm2015/lib/component/transaction-search/transaction-search-result/transaction-search-result.module.js +1 -1
  22. package/esm2015/lib/component/transaction-search/transaction-search-tile/transaction-search-purchase-order-tile/transaction-search-purchase-order-tile.component.js +42 -33
  23. package/esm2015/lib/component/transaction-search/transaction-search-tile/transaction-search-purchase-order-tile/transaction-search-purchase-order-tile.module.js +4 -2
  24. package/esm2015/lib/component/transaction-search/transaction-search-tile/transaction-search-sales-order-tile/transaction-search-sales-order-tile.component.js +43 -35
  25. package/esm2015/lib/component/transaction-search/transaction-search-tile/transaction-search-sales-order-tile/transaction-search-sales-order-tile.module.js +3 -1
  26. package/esm2015/lib/component/transaction-tile/transaction-tile.component.js +132 -0
  27. package/esm2015/lib/component/transaction-tile/transaction-tile.module.js +28 -0
  28. package/esm2015/lib/enum/icon.enum.js +4 -1
  29. package/esm2015/lib/model/icon-svg.js +4 -1
  30. package/esm2015/lib/service/transaction.service.js +1 -1
  31. package/fesm2015/colijnit-transaction.js +409 -102
  32. package/fesm2015/colijnit-transaction.js.map +1 -1
  33. package/lib/component/avatar/avatar.component.d.ts +10 -2
  34. package/lib/component/avatar/style/_layout.scss +11 -0
  35. package/lib/component/checkout/style/_layout.scss +0 -1
  36. package/lib/component/core/image-display/style/_layout.scss +1 -0
  37. package/lib/component/payment-qr-code/style/_layout.scss +3 -0
  38. package/lib/component/status-bar/status-bar.component.d.ts +8 -0
  39. package/lib/component/status-bar/status-bar.module.d.ts +2 -0
  40. package/lib/component/status-bar/style/_layout.scss +14 -0
  41. package/lib/component/status-bar/style/_material-definition.scss +5 -0
  42. package/lib/component/status-bar/style/_theme.scss +15 -0
  43. package/lib/component/status-bar/style/material.scss +3 -0
  44. package/lib/component/transaction/style/_layout.scss +18 -0
  45. package/lib/component/transaction-grid/transaction-history-grid/style/_layout.scss +14 -0
  46. package/lib/component/transaction-header/transaction-header-payment/style/_layout.scss +2 -0
  47. package/lib/component/transaction-header/transaction-header-payment/style/_material-definition.scss +1 -0
  48. package/lib/component/transaction-receiving-goods-history/style/_layout.scss +13 -0
  49. package/lib/component/transaction-search/style/_layout.scss +1 -1
  50. package/lib/component/transaction-search/style/_material-definition.scss +10 -5
  51. package/lib/component/transaction-search/transaction-search-header/style/_layout.scss +1 -0
  52. package/lib/component/transaction-search/transaction-search-tile/transaction-search-tile/style/_layout.scss +100 -66
  53. package/lib/component/transaction-search/transaction-search-tile/transaction-search-tile/style/_theme.scss +21 -19
  54. package/lib/component/transaction-tile/style/_layout.scss +162 -0
  55. package/lib/component/transaction-tile/style/_material-definition.scss +0 -0
  56. package/lib/component/transaction-tile/style/_theme.scss +7 -0
  57. package/lib/component/transaction-tile/style/material.scss +3 -0
  58. package/lib/component/transaction-tile/transaction-tile.component.d.ts +23 -0
  59. package/lib/component/transaction-tile/transaction-tile.module.d.ts +2 -0
  60. package/lib/enum/icon.enum.d.ts +3 -0
  61. package/package.json +1 -1
@@ -4991,6 +4991,7 @@
4991
4991
  Icon["CartShoppingSolid"] = "cart_shopping_solid";
4992
4992
  Icon["CashRegister"] = "cash_register";
4993
4993
  Icon["CreditCardSolid"] = "credit_card_solid";
4994
+ Icon["DeliveryStatusUncheck"] = "delivery_status_uncheck";
4994
4995
  Icon["DeliveryTruck"] = "delivery_truck";
4995
4996
  Icon["EditPencil"] = "edit_pencil";
4996
4997
  Icon["IdealLogo"] = "ideal_logo";
@@ -5010,6 +5011,8 @@
5010
5011
  Icon["ShelvesSolid"] = "shelves_solid";
5011
5012
  Icon["SidePanel"] = "side_panel";
5012
5013
  Icon["SlideIn"] = "slide_in";
5014
+ Icon["SquareFull"] = "square_full";
5015
+ Icon["SquareFullSolid"] = "square_full_solid";
5013
5016
  Icon["SyncAlt"] = "sync_alt";
5014
5017
  Icon["Tag"] = "tag";
5015
5018
  Icon["ThickLines"] = "thick_lines";
@@ -5436,6 +5439,7 @@
5436
5439
  "cart_shopping_solid": "<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 576 512\"><path d=\"M96 0C107.5 0 117.4 8.19 119.6 19.51L121.1 32H541.8C562.1 32 578.3 52.25 572.6 72.66L518.6 264.7C514.7 278.5 502.1 288 487.8 288H170.7L179.9 336H488C501.3 336 512 346.7 512 360C512 373.3 501.3 384 488 384H159.1C148.5 384 138.6 375.8 136.4 364.5L76.14 48H24C10.75 48 0 37.25 0 24C0 10.75 10.75 0 24 0H96zM128 464C128 437.5 149.5 416 176 416C202.5 416 224 437.5 224 464C224 490.5 202.5 512 176 512C149.5 512 128 490.5 128 464zM512 464C512 490.5 490.5 512 464 512C437.5 512 416 490.5 416 464C416 437.5 437.5 416 464 416C490.5 416 512 437.5 512 464z\"/></svg>",
5437
5440
  "cash_register": "<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 50 50\"><path d=\"M35.39,18.12H14.62L10,29.66H40ZM23,19.29H27l.1,1.6H22.87Zm-.13,2h4.32l.12,1.81H22.72Zm-.15,2.3h4.62l.14,2.08h-4.9ZM17.9,19.29H22l-.16,1.6H17.54Zm-.46,2h4.32l-.18,1.81H17Zm-.53,2.3h4.62l-.2,2.08h-4.9Zm-1.16,5.06.55-2.42H27.49l.16,2.42ZM28,19.29H32.1l.36,1.6H28.2Zm.2,2h4.32L33,23.12H28.42Zm.23,2.3h4.62l.48,2.08h-4.9Zm.5,5.06-.24-2.42h5l.55,2.42Z\" fill=\"#484f60\"/><path d=\"M10,29.66v9.23H40V29.66Zm27.69,6.92H12.31V32H37.69Z\" fill=\"#484f60\"/><path d=\"M15.63,11.11v7.58H34.37V11.11Zm17.31,6.15H17.06V12.54H32.94Z\" fill=\"#484f60\"/></svg>",
5438
5441
  "credit_card_solid": "<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 576 512\"><path d=\"M512 32C547.3 32 576 60.65 576 96V128H0V96C0 60.65 28.65 32 64 32H512zM576 416C576 451.3 547.3 480 512 480H64C28.65 480 0 451.3 0 416V224H576V416zM112 352C103.2 352 96 359.2 96 368C96 376.8 103.2 384 112 384H176C184.8 384 192 376.8 192 368C192 359.2 184.8 352 176 352H112zM240 384H368C376.8 384 384 376.8 384 368C384 359.2 376.8 352 368 352H240C231.2 352 224 359.2 224 368C224 376.8 231.2 384 240 384z\"/></svg>",
5442
+ "delivery_status_uncheck": "<svg version=\"1.1\" xmlns=\"http://www.w3.org/2000/svg\" x=\"0px\" y=\"0px\" viewBox=\"0 0 50 50\" style=\"enable-background:new 0 0 50 50;\" ><style type=\"text/css\">.rect{fill:#514F4F;}</style><path class=\"rect\" d=\"M50,50H0.1V0H50V50z M41.5,8.2H8.6v33.2h32.9V8.2z\"/></svg>",
5439
5443
  "delivery_truck": "<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 50 50\"><rect x=\"15.35\" y=\"16.56\" width=\"15.14\" height=\"10.94\" transform=\"translate(-1.83 2.08) rotate(-5)\" fill=\"#484f60\"/><path d=\"M38.5,18.1l-6.9.61L32.41,28l-7.63.67a3.76,3.76,0,0,1,1.43,2.25l7.25-.63A3.83,3.83,0,0,1,41,29.6l1-.1-.52-6Zm.29,5.84-3.91.34a.51.51,0,0,1-.55-.46L34,20.1a.49.49,0,0,1,.45-.54l2.27-.2a.5.5,0,0,1,.48.25l2,3.59A.5.5,0,0,1,38.79,23.94Z\" fill=\"#484f60\"/><path d=\"M19.66,29.09a3.8,3.8,0,0,0-1,2.46l-.74.07-1.82-.94L16,29.41Z\" fill=\"#484f60\"/><path d=\"M34.56,30.62a2.74,2.74,0,1,0,2.49-3A2.73,2.73,0,0,0,34.56,30.62Z\" fill=\"#484f60\"/><path d=\"M19.74,31.91a2.74,2.74,0,1,0,2.49-3A2.74,2.74,0,0,0,19.74,31.91Z\" fill=\"#484f60\"/><rect x=\"7.96\" y=\"17.63\" width=\"5\" height=\"1\" transform=\"translate(-1.54 0.98) rotate(-5)\" fill=\"#484f60\"/><rect x=\"11.02\" y=\"29.71\" width=\"3\" height=\"1\" transform=\"translate(-2.59 1.21) rotate(-5)\" fill=\"#484f60\"/><rect x=\"9.48\" y=\"23.53\" width=\"4\" height=\"1\" transform=\"matrix(1, -0.09, 0.09, 1, -2.05, 1.09)\" fill=\"#484f60\"/></svg>",
5440
5444
  "edit_pencil": "<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 50 50\"><polygon points=\"12.54 38.16 12 37.62 14.85 29.64 20.52 35.31 12.54 38.16\" fill=\"#484f60\"/><rect x=\"16.33\" y=\"20.52\" width=\"17.99\" height=\"8.64\" transform=\"translate(-10.15 25.18) rotate(-45)\" fill=\"#484f60\"/><path d=\"M37.54,18.73,36,20.32l-6.11-6.1,1.59-1.59a1.55,1.55,0,0,1,2.2,0l3.91,3.9A1.55,1.55,0,0,1,37.54,18.73Z\" fill=\"#484f60\"/></svg>",
5441
5445
  "ideal_logo": "<svg version=\"1.1\" xmlns=\"http://www.w3.org/2000/svg\" x=\"0px\" y=\"0px\" viewBox=\"0 0 306.1 269.8\" style=\"enable-background:new 0 0 306.1 269.8;\" ><style type=\"text/css\">.st0{fill:#FFFFFF;}.st1{fill:#CC0066;}</style><g><g><path class=\"st0\" d=\"M0,20v229.8c0,11,9,20,20,20h137.3c103.8,0,148.8-58.1,148.8-135.2C306.1,57.9,261.1,0,157.3,0H20C9,0,0,9,0,20z\"/><path class=\"st1\" d=\"M91.9,56.4v169.8h73.9c67.1,0,96.2-37.9,96.2-91.5c0-51.3-29.1-91.1-96.2-91.1h-61.1C97.6,43.6,91.9,49.4,91.9,56.4z\"/><g><g><path d=\"M157.3,251.5H37.9c-10.6,0-19.2-8.6-19.2-19.2V37.6c0-10.6,8.6-19.2,19.2-19.2h119.4c113.3,0,130.2,72.9,130.2,116.3C287.5,210,241.2,251.5,157.3,251.5z M37.9,24.8c-7.1,0-12.8,5.7-12.8,12.8v194.7c0,7.1,5.7,12.8,12.8,12.8h119.4c79.8,0,123.8-39.2,123.8-110.4c0-95.6-77.6-109.9-123.8-109.9H37.9z\"/></g></g></g><g><path class=\"st0\" d=\"M117.9,111.8c2.6,0,5,0.4,7.3,1.2c2.3,0.8,4.2,2.1,5.9,3.7c1.6,1.7,2.9,3.8,3.9,6.2c0.9,2.5,1.4,5.4,1.4,8.8c0,3-0.4,5.7-1.1,8.2c-0.8,2.5-1.9,4.7-3.4,6.5c-1.5,1.8-3.4,3.2-5.7,4.3c-2.3,1-5,1.6-8.1,1.6h-17.5v-40.6H117.9z M117.3,144.9c1.3,0,2.5-0.2,3.8-0.6c1.2-0.4,2.3-1.1,3.2-2.1c0.9-1,1.7-2.2,2.3-3.8c0.6-1.6,0.9-3.4,0.9-5.7c0-2-0.2-3.9-0.6-5.5c-0.4-1.6-1.1-3.1-2-4.2s-2.1-2.1-3.6-2.7c-1.5-0.6-3.3-0.9-5.5-0.9h-6.4v25.6H117.3z\"/><path class=\"st0\" d=\"M172.5,111.8v7.5h-21.4v8.7h19.7v6.9h-19.7v9.9H173v7.5h-30.8v-40.6H172.5z\"/><path class=\"st0\" d=\"M203.1,111.8l15.2,40.6H209l-3.1-9h-15.2l-3.2,9h-9l15.3-40.6H203.1z M203.6,136.7l-5.1-14.9h-0.1l-5.3,14.9H203.6z\"/><path class=\"st0\" d=\"M232.8,111.8v33.1h19.8v7.5h-28.7v-40.6H232.8z\"/></g><g><circle cx=\"58.5\" cy=\"132.1\" r=\"18.7\"/></g><path d=\"M72.6,226.2L72.6,226.2c-15.7,0-28.3-12.7-28.3-28.3v-22.1c0-7.8,6.3-14.2,14.2-14.2h0c7.8,0,14.2,6.3,14.2,14.2V226.2z\"/></g></svg>",
@@ -5455,6 +5459,8 @@
5455
5459
  "shelves_solid": "<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 640 512\"><path d=\"M608 0c-17.6 0-32 14.4-32 31.1V160H64V31.1C64 14.4 49.6 0 32 0S0 14.4 0 31.1v480h64v-32h512v32h64v-480C640 14.4 625.6 0 608 0zM576 416H64V224h512V416zM368 128h96C472.8 128 480 120.8 480 112v-96C480 7.25 472.8 0 464 0h-96C359.2 0 352 7.25 352 16v96C352 120.8 359.2 128 368 128zM112 384h96C216.8 384 224 376.8 224 368v-96C224 263.2 216.8 256 208 256h-96C103.2 256 96 263.2 96 272v96C96 376.8 103.2 384 112 384zM272 384h96c8.75 0 16-7.25 16-16v-96C384 263.2 376.8 256 368 256h-96C263.2 256 256 263.2 256 272v96C256 376.8 263.2 384 272 384z\"/></svg>",
5456
5460
  "side_panel": "<svg width=\"47px\" height=\"43px\" viewBox=\"0 0 47 43\" version=\"1.1\" xmlns=\"http://www.w3.org/2000/svg\"><defs><image width=\"47\" height=\"43\" xlink:href=\"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAC8AAAArCAYAAADottG6AAAABHNCSVQICAgIfAhkiAAAAHtJREFUWIXt18EJwCAQAEENKSNv60gVgVQYSBWpw3f6OHvQx3Kw8xcX0QNrRERJaqMDVhhPMZ5iPMV4ivEU4ynGU/bZhb3/5Xm/pc3v6yytHdPrq58RiPEUHywl9bUxnuKDpaS+NsZTUsennjapT95RSTGeYjzFeErq+AEBrixGEVJ5mAAAAABJRU5ErkJggg==\" /></defs><use xlink:href=\"#img_1\" fill=\"#FFFFFF\" stroke=\"none\" /></svg>",
5457
5461
  "slide_in": "<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 50 50\"><path d=\"M12,12.17H38v26H12ZM36.76,13.4H13.24V36.93H36.76Z\" fill=\"#484f60\"/><polygon points=\"33.71 23.42 28.41 23.42 28.41 20.43 24.13 24.72 28.41 29.01 28.41 26.02 33.71 26.02 33.71 23.42\" fill=\"#484f60\"/><rect x=\"12\" y=\"12.17\" width=\"9\" height=\"26\" fill=\"#484f60\"/></svg>",
5462
+ "square_full": "<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\"><path d=\"M464 48v416h-416v-416H464zM512 0H0v512h512V0z\"/></svg>",
5463
+ "square_full_solid": "<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\"><path d=\"M0 0h512v512H0V0z\"/></svg>",
5458
5464
  "sync_alt": "<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\"><path d=\"M370.72 133.28C339.458 104.008 298.888 87.962 255.848 88c-77.458.068-144.328 53.178-162.791 126.85-1.344 5.363-6.122 9.15-11.651 9.15H24.103c-7.498 0-13.194-6.807-11.807-14.176C33.933 94.924 134.813 8 256 8c66.448 0 126.791 26.136 171.315 68.685L463.03 40.97C478.149 25.851 504 36.559 504 57.941V192c0 13.255-10.745 24-24 24H345.941c-21.382 0-32.09-25.851-16.971-40.971l41.75-41.749zM32 296h134.059c21.382 0 32.09 25.851 16.971 40.971l-41.75 41.75c31.262 29.273 71.835 45.319 114.876 45.28 77.418-.07 144.315-53.144 162.787-126.849 1.344-5.363 6.122-9.15 11.651-9.15h57.304c7.498 0 13.194 6.807 11.807 14.176C478.067 417.076 377.187 504 256 504c-66.448 0-126.791-26.136-171.315-68.685L48.97 471.03C33.851 486.149 8 475.441 8 454.059V320c0-13.255 10.745-24 24-24z\"/></svg>",
5459
5465
  "tag": "<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 50 50\"><path d=\"M40,29.15v-.68a5.28,5.28,0,0,0-1.34-3.25L24.78,11.34A5.34,5.34,0,0,0,21.53,10H11.9A1.91,1.91,0,0,0,10,11.9v9.63a5.28,5.28,0,0,0,1.34,3.25L25.22,38.66A5.28,5.28,0,0,0,28.47,40h.68a5.28,5.28,0,0,0,3.24-1.34l6.27-6.27A5.28,5.28,0,0,0,40,29.15ZM13.13,16.72a2.54,2.54,0,1,1,3.59,0A2.55,2.55,0,0,1,13.13,16.72Zm15.9,19L17.84,24.55l1.34-1.34L30.37,34.4Zm2.69-2.69L20.52,21.87l1.35-1.35,11.19,11.2Zm2.68-2.69L23.21,19.18l1.34-1.34L35.75,29Z\" fill=\"#484f60\"/></svg>",
5460
5466
  "thick_lines": "<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 50 50\"><rect x=\"10\" y=\"12.67\" width=\"30\" height=\"7\" fill=\"#484f60\"/><rect x=\"10\" y=\"21.67\" width=\"30\" height=\"7\" fill=\"#484f60\"/><rect x=\"10\" y=\"30.67\" width=\"30\" height=\"7\" fill=\"#484f60\"/></svg>",
@@ -7613,10 +7619,12 @@
7613
7619
  Object.defineProperty(TransactionLinePriceComponent.prototype, "child", {
7614
7620
  set: function (content) {
7615
7621
  var _this = this;
7616
- this.input = content;
7617
- this.input.commit = function (price) { return _this.commitPrice(price); };
7618
- if (this._editMode) {
7619
- this.input.requestFocus();
7622
+ if (content) {
7623
+ this.input = content;
7624
+ this.input.commit = function (price) { return _this.commitPrice(price); };
7625
+ if (this._editMode) {
7626
+ this.input.requestFocus();
7627
+ }
7620
7628
  }
7621
7629
  },
7622
7630
  enumerable: false,
@@ -8001,13 +8009,23 @@
8001
8009
  this._transactionService = _transactionService;
8002
8010
  this._sharedService = _sharedService;
8003
8011
  }
8012
+ Object.defineProperty(AvatarComponent.prototype, "image", {
8013
+ get: function () {
8014
+ return this._image;
8015
+ },
8016
+ set: function (value) {
8017
+ this._image = value;
8018
+ this._getImageSrcFromCoDocument();
8019
+ },
8020
+ enumerable: false,
8021
+ configurable: true
8022
+ });
8004
8023
  Object.defineProperty(AvatarComponent.prototype, "relationId", {
8005
8024
  get: function () {
8006
8025
  return this._relationId;
8007
8026
  },
8008
8027
  set: function (value) {
8009
8028
  this._relationId = value;
8010
- this._getRelation();
8011
8029
  },
8012
8030
  enumerable: false,
8013
8031
  configurable: true
@@ -8015,9 +8033,12 @@
8015
8033
  AvatarComponent.prototype.showClass = function () {
8016
8034
  return true;
8017
8035
  };
8036
+ AvatarComponent.prototype.ngAfterViewInit = function () {
8037
+ this._getRelation();
8038
+ };
8018
8039
  AvatarComponent.prototype._getRelation = function () {
8019
8040
  var _this = this;
8020
- if (!isNaN(this._relationId)) {
8041
+ if (!isNaN(this._relationId) && !this.image) {
8021
8042
  var request = new relationRequest.RelationRequest();
8022
8043
  request.relationId = this._relationId;
8023
8044
  this._transactionService.getRelationListObjects(request).then(function (data) {
@@ -8026,22 +8047,36 @@
8026
8047
  if (_this.relation && _this.relation.image && _this.relation.image.documentId) {
8027
8048
  _this._sharedService.getDocumentContent(_this.relation.image.documentId)
8028
8049
  .then(function (content) {
8029
- _this.image = content;
8050
+ _this.imageSrc = content;
8030
8051
  })
8031
8052
  .catch(function (e) {
8032
- _this.image = "";
8053
+ _this.imageSrc = "";
8033
8054
  });
8034
8055
  }
8056
+ _this.initials = _this.relation.displayInitials;
8035
8057
  }
8036
8058
  });
8037
8059
  }
8038
8060
  };
8061
+ AvatarComponent.prototype._getImageSrcFromCoDocument = function () {
8062
+ var _this = this;
8063
+ if (this.image) {
8064
+ this._sharedService.getDocumentContent(this.image.documentId)
8065
+ .then(function (content) {
8066
+ _this.image.thumbnailBody = content;
8067
+ _this.imageSrc = _this.image.thumbnailBodyAsDataUri;
8068
+ })
8069
+ .catch(function (e) {
8070
+ _this.imageSrc = "";
8071
+ });
8072
+ }
8073
+ };
8039
8074
  return AvatarComponent;
8040
8075
  }());
8041
8076
  AvatarComponent.decorators = [
8042
8077
  { type: i0.Component, args: [{
8043
8078
  selector: "co-avatar",
8044
- template: "\n <co-image-display [model]=\"image\" *ngIf=\"image; else showInitials\"></co-image-display>\n <ng-template #showInitials>\n <svg viewBox=\"0 0 30 30\">\n <text x=\"50%\" y=\"50%\" dominant-baseline=\"central\" text-anchor=\"middle\">{{ relation?.displayInitials }}</text>\n </svg>\n </ng-template>\n ",
8079
+ template: "\n <co-image-display [model]=\"imageSrc\" *ngIf=\"imageSrc; else showInitials\"></co-image-display>\n <ng-template #showInitials>\n <svg viewBox=\"0 0 30 30\">\n <text x=\"50%\" y=\"50%\" dominant-baseline=\"central\" text-anchor=\"middle\">{{ initials }}</text>\n </svg>\n </ng-template>\n ",
8045
8080
  encapsulation: i0.ViewEncapsulation.None
8046
8081
  },] }
8047
8082
  ];
@@ -8050,6 +8085,7 @@
8050
8085
  { type: SharedService }
8051
8086
  ]; };
8052
8087
  AvatarComponent.propDecorators = {
8088
+ image: [{ type: i0.Input }],
8053
8089
  relationId: [{ type: i0.Input }],
8054
8090
  relation: [{ type: i0.Input }],
8055
8091
  showClass: [{ type: i0.HostBinding, args: ["class.co-avatar",] }]
@@ -8670,7 +8706,7 @@
8670
8706
  TransactionComponent.decorators = [
8671
8707
  { type: i0.Component, args: [{
8672
8708
  selector: "co-transaction",
8673
- template: "\n <co-transaction-header *ngIf=\"showHeader\" [transaction]=\"transaction\"></co-transaction-header>\n\n <div class=\"transaction-lines-header\">\n <co-transaction-quick-access *ngIf=\"showQuickAccess\" class=\"transaction-lines-header-item\"\n [transactionType]=\"transaction.transactionInfo.transactionKind\"\n [activeCategory]=\"activeCategory\"\n ></co-transaction-quick-access>\n\n <co-transaction-button-bar *ngIf=\"showButtonBar\" class=\"transaction-lines-header-item\"\n [transactionType]=\"transaction.transactionInfo.transactionKind\"\n [selectedCategory]=\"activeCategory\"\n (buttonClicked)=\"handleButtonBarButtonClicked($event)\"\n ></co-transaction-button-bar>\n\n <co-view-mode-buttons class=\"transaction-lines-header-item\"\n [showViewModes]=\"[viewModes.List, viewModes.Grid]\" (viewModeChange)=\"activeViewMode = $event\"></co-view-mode-buttons>\n </div>\n\n <div class=\"transaction-lines-wrapper\" *ngIf=\"activeViewMode === viewModes.List\">\n <co-transaction-lines\n [transactionLines]=\"transaction.transactionLines\"\n (showSidePanelClicked)=\"handleShowSidePanel($event)\"\n (saveTransactionLine)=\"saveTransactionLine($event)\"\n ></co-transaction-lines>\n </div>\n <div class=\"transaction-lines-grid-wrapper\" *ngIf=\"activeViewMode === viewModes.Grid\">\n <co-transaction-grid\n [transactionLines]=\"transaction.transactionLines\"\n [transactionId]=\"transactionId\"\n [transactionType]=\"transaction.transactionInfo.transactionKind\"\n [activeCategory]=\"activeCategory\"\n (sidePanelClicked)=\"handleShowSidePanel($event)\"\n ></co-transaction-grid>\n <!--\n <co-transaction-order-confirmation-grid\n *ngIf=\"activeCategory === 1\"\n [transactionLines]=\"transaction.transactionLines\"\n (sidePanelClicked)=\"handleShowSidePanel($event)\"\n ></co-transaction-order-confirmation-grid>\n -->\n </div>\n <div class=\"transaction-footer-wrapper\">\n <co-transaction-totals [totals]=\"transaction.transactionTotal\" [showDiscount]=\"true\" (discountClick)=\"addDiscount()\"></co-transaction-totals>\n </div>\n <co-discount *ngIf=\"showDiscountsSidebar\">\n </co-discount>\n\n <co-transaction-line-side-panel *ngIf=\"showSidePanel\" @showHideSidePanel\n [transactionType]=\"transaction.transactionInfo.transactionKind\"\n [activeCategory]=\"activeCategory\"\n [transactionLine]=\"sidePanelTransactionLine\"\n [transactionId]=\"transactionId\"\n [transactionInfoNr]=\"transaction.transactionInfo.transactionNr\"\n (cancelClick)=\"handleCloseSidePanel($event)\"\n ></co-transaction-line-side-panel>\n ",
8709
+ template: "\n <co-transaction-header *ngIf=\"showHeader\" [transaction]=\"transaction\"></co-transaction-header>\n\n <div class=\"transaction-lines-header\">\n <co-transaction-quick-access *ngIf=\"showQuickAccess\" class=\"transaction-lines-header-item\"\n [transactionType]=\"transaction.transactionInfo.transactionKind\"\n [activeCategory]=\"activeCategory\"\n ></co-transaction-quick-access>\n\n <co-transaction-button-bar *ngIf=\"showButtonBar\" class=\"transaction-lines-header-item\"\n [transactionType]=\"transaction.transactionInfo.transactionKind\"\n [selectedCategory]=\"activeCategory\"\n (buttonClicked)=\"handleButtonBarButtonClicked($event)\"\n ></co-transaction-button-bar>\n\n <co-view-mode-buttons class=\"transaction-lines-header-item\"\n [showViewModes]=\"[viewModes.List, viewModes.Grid, viewModes.Tiles]\" (viewModeChange)=\"activeViewMode = $event\"></co-view-mode-buttons>\n </div>\n\n <div class=\"transaction-tiles-wrapper\" *ngIf=\"activeViewMode === viewModes.Tiles\">\n <co-transaction-tile\n *ngFor=\"let transaction of transaction.transactionLines\"\n [transactionLine]=\"transaction\"\n (showSidePanelClicked)=\"handleShowSidePanel($event)\"\n ></co-transaction-tile>\n </div>\n <div class=\"transaction-lines-wrapper\" *ngIf=\"activeViewMode === viewModes.List\">\n <co-transaction-lines\n [transactionLines]=\"transaction.transactionLines\"\n (showSidePanelClicked)=\"handleShowSidePanel($event)\"\n (saveTransactionLine)=\"saveTransactionLine($event)\"\n ></co-transaction-lines>\n </div>\n <div class=\"transaction-lines-grid-wrapper\" *ngIf=\"activeViewMode === viewModes.Grid\">\n <co-transaction-grid\n [transactionLines]=\"transaction.transactionLines\"\n [transactionId]=\"transactionId\"\n [transactionType]=\"transaction.transactionInfo.transactionKind\"\n [activeCategory]=\"activeCategory\"\n (sidePanelClicked)=\"handleShowSidePanel($event)\"\n ></co-transaction-grid>\n <!--\n <co-transaction-order-confirmation-grid\n *ngIf=\"activeCategory === 1\"\n [transactionLines]=\"transaction.transactionLines\"\n (sidePanelClicked)=\"handleShowSidePanel($event)\"\n ></co-transaction-order-confirmation-grid>\n -->\n </div>\n <div class=\"transaction-footer-wrapper\">\n <co-transaction-totals [totals]=\"transaction.transactionTotal\" [showDiscount]=\"true\" (discountClick)=\"addDiscount()\"></co-transaction-totals>\n </div>\n <co-discount *ngIf=\"showDiscountsSidebar\">\n </co-discount>\n\n <co-transaction-line-side-panel *ngIf=\"showSidePanel\" @showHideSidePanel\n [transactionType]=\"transaction.transactionInfo.transactionKind\"\n [activeCategory]=\"activeCategory\"\n [transactionLine]=\"sidePanelTransactionLine\"\n [transactionId]=\"transactionId\"\n [transactionInfoNr]=\"transaction.transactionInfo.transactionNr\"\n (cancelClick)=\"handleCloseSidePanel($event)\"\n ></co-transaction-line-side-panel>\n ",
8674
8710
  animations: [
8675
8711
  animations.trigger("showHideSidePanel", [
8676
8712
  animations.state("void", animations.style({ transform: 'translateX(100%)' })),
@@ -9436,8 +9472,10 @@
9436
9472
  Object.defineProperty(TransactionLineLineDiscountComponent.prototype, "child", {
9437
9473
  set: function (content) {
9438
9474
  var _this = this;
9439
- this.input = content;
9440
- this.input.commit = function (discount) { return _this.commitDiscount(discount); };
9475
+ if (content) {
9476
+ this.input = content;
9477
+ this.input.commit = function (discount) { return _this.commitDiscount(discount); };
9478
+ }
9441
9479
  },
9442
9480
  enumerable: false,
9443
9481
  configurable: true
@@ -9777,8 +9815,10 @@
9777
9815
  Object.defineProperty(TransactionLineReferenceComponent.prototype, "child", {
9778
9816
  set: function (content) {
9779
9817
  var _this = this;
9780
- this.input = content;
9781
- this.input.commit = function (reference) { return _this.commitReference(reference); };
9818
+ if (content) {
9819
+ this.input = content;
9820
+ this.input.commit = function (reference) { return _this.commitReference(reference); };
9821
+ }
9782
9822
  },
9783
9823
  enumerable: false,
9784
9824
  configurable: true
@@ -9988,8 +10028,10 @@
9988
10028
  Object.defineProperty(TransactionLineDiscountAmountComponent.prototype, "child", {
9989
10029
  set: function (content) {
9990
10030
  var _this = this;
9991
- this.input = content;
9992
- this.input.commit = function (discount) { return _this.commitDiscount(discount); };
10031
+ if (content) {
10032
+ this.input = content;
10033
+ this.input.commit = function (discount) { return _this.commitDiscount(discount); };
10034
+ }
9993
10035
  },
9994
10036
  enumerable: false,
9995
10037
  configurable: true
@@ -10061,8 +10103,10 @@
10061
10103
  Object.defineProperty(TransactionLineQuantumDiscountComponent.prototype, "child", {
10062
10104
  set: function (content) {
10063
10105
  var _this = this;
10064
- this.input = content;
10065
- this.input.commit = function (discount) { return _this.commitDiscount(discount); };
10106
+ if (content) {
10107
+ this.input = content;
10108
+ this.input.commit = function (discount) { return _this.commitDiscount(discount); };
10109
+ }
10066
10110
  },
10067
10111
  enumerable: false,
10068
10112
  configurable: true
@@ -10134,8 +10178,10 @@
10134
10178
  Object.defineProperty(TransactionLineSpecialDiscountComponent.prototype, "child", {
10135
10179
  set: function (content) {
10136
10180
  var _this = this;
10137
- this.input = content;
10138
- this.input.commit = function (discount) { return _this.commitDiscount(discount); };
10181
+ if (content) {
10182
+ this.input = content;
10183
+ this.input.commit = function (discount) { return _this.commitDiscount(discount); };
10184
+ }
10139
10185
  },
10140
10186
  enumerable: false,
10141
10187
  configurable: true
@@ -10273,7 +10319,7 @@
10273
10319
  TransactionHistoryGridComponent.decorators = [
10274
10320
  { type: i0.Component, args: [{
10275
10321
  selector: "co-transaction-history-grid",
10276
- template: "\n <div class=\"history-grid-wrapper\">\n <div class=\"delete-button-wrapper\">\n <co-grid-toolbar-button\n (buttonClick)=\"handleDeleteClick()\"\n [iconData]=\"iconsService.getIcon(icons.TrashBin)\"\n [disabled]=\"!selectedRow\"\n ></co-grid-toolbar-button>\n </div>\n <co-simple-grid [data]=\"collection\" [extraColumns]=\"extraColumns\" (selectRow)=\"handleSelectRow($event)\">\n <co-simple-grid-column [headerText]=\"'STATE' | localize\" [field]=\"'status'\" [order]=\"10\" [width]=\"150\">\n <ng-template #template let-row=\"row\">\n <co-transaction-history-grid-status [statusType]=\"row.status\" [subType]=\"row.type\"></co-transaction-history-grid-status>\n </ng-template>\n </co-simple-grid-column>\n <co-simple-grid-column [headerText]=\"'DELIVERY_DATE' | localize\" [field]=\"'receiptDate'\" [order]=\"20\" [width]=\"100\"></co-simple-grid-column>\n <co-simple-grid-column [headerText]=\"'AMOUNT' | localize\" [field]=\"'quantity'\" [order]=\"30\" [width]=\"70\"></co-simple-grid-column>\n <co-simple-grid-column [headerText]=\"'REFERENCE' | localize\" [field]=\"'reference'\" [order]=\"50\"></co-simple-grid-column>\n <co-simple-grid-column [headerText]=\"'USER' | localize\" [field]=\"'username'\" [order]=\"70\"></co-simple-grid-column>\n </co-simple-grid>\n </div>\n ",
10322
+ template: "\n <div class=\"history-grid-wrapper\">\n <div class=\"delete-button-wrapper\">\n <co-grid-toolbar-button\n (buttonClick)=\"handleDeleteClick()\"\n [iconData]=\"iconsService.getIcon(icons.TrashBin)\"\n [disabled]=\"!selectedRow\"\n ></co-grid-toolbar-button>\n </div>\n <co-simple-grid [data]=\"collection\" [extraColumns]=\"extraColumns\" (selectRow)=\"handleSelectRow($event)\">\n <co-simple-grid-column [headerText]=\"'DELIVERY_DATE' | localize\" [order]=\"20\" [width]=\"100\">\n <ng-template #template let-row=\"row\">\n <div class=\"row-container\">\n <span class=\"row\" [textContent]=\"row.receiptDate | date\"></span>\n <span class=\"correction\" *ngFor=\"let correction of row.corrections\" [textContent]=\"correction.receiptDate | date\"></span>\n </div>\n </ng-template>\n </co-simple-grid-column>\n\n <co-simple-grid-column [headerText]=\"'AMOUNT' | localize\" [order]=\"30\" [width]=\"70\">\n <ng-template #template let-row=\"row\">\n <div class=\"row-container\">\n <span class=\"row\" [textContent]=\"row.quantity\"></span>\n <span class=\"correction\" *ngFor=\"let correction of row.corrections\" [textContent]=\"correction.quantity\"></span>\n </div>\n </ng-template>\n </co-simple-grid-column>\n\n <co-simple-grid-column [headerText]=\"'REFERENCE' | localize\" [order]=\"50\">\n <ng-template #template let-row=\"row\">\n <div class=\"row-container\">\n <span class=\"row\" [textContent]=\"row.reference\"></span>\n <span class=\"correction\" *ngFor=\"let correction of row.corrections\" [textContent]=\"correction.reference\"></span>\n </div>\n </ng-template>\n </co-simple-grid-column>\n\n <co-simple-grid-column [headerText]=\"'USER' | localize\" [order]=\"70\">\n <ng-template #template let-row=\"row\">\n <div class=\"row-container\">\n <span class=\"row\" [textContent]=\"row.username\"></span>\n <span class=\"correction\" *ngFor=\"let correction of row.corrections\" [textContent]=\"correction.username\"></span>\n </div>\n </ng-template>\n </co-simple-grid-column>\n </co-simple-grid>\n </div>\n ",
10277
10323
  encapsulation: i0.ViewEncapsulation.None
10278
10324
  },] }
10279
10325
  ];
@@ -10433,7 +10479,7 @@
10433
10479
  TransactionReceivingGoodsHistoryComponent.decorators = [
10434
10480
  { type: i0.Component, args: [{
10435
10481
  selector: "co-transaction-receiving-goods-history",
10436
- template: "\n <co-transaction-history-grid\n [collection]=\"goodsReceiptHistory\"\n (deleteSelectedRow)=\"handleDeleteSelectedRow($event)\"\n >\n <co-simple-grid-column [headerText]=\"'WAREHOUSE' | localize\" [field]=\"'warehouseNumber'\"\n [order]=\"40\"></co-simple-grid-column>\n <co-simple-grid-column [headerText]=\"'LOCATION' | localize\" [field]=\"'locationNumber'\"\n [order]=\"60\"></co-simple-grid-column>\n </co-transaction-history-grid>\n ",
10482
+ template: "\n <co-transaction-history-grid\n [collection]=\"goodsReceiptHistory\"\n (deleteSelectedRow)=\"handleDeleteSelectedRow($event)\"\n >\n <co-simple-grid-column [headerText]=\"'WAREHOUSE' | localize\" [order]=\"40\">\n <ng-template #template let-row=\"row\">\n <div class=\"row-container\">\n <span class=\"row\" [textContent]=\"row.warehouseNumber\"></span>\n <span class=\"correction\" *ngFor=\"let correction of row.corrections\" [textContent]=\"correction.warehouseNumber\"></span>\n </div>\n </ng-template>\n </co-simple-grid-column>\n\n <co-simple-grid-column [headerText]=\"'LOCATION' | localize\" [order]=\"60\">\n <ng-template #template let-row=\"row\">\n <div class=\"row-container\">\n <span class=\"row\" [textContent]=\"row.locationNumber\"></span>\n <span class=\"correction\" *ngFor=\"let correction of row.corrections\" [textContent]=\"correction.locationNumber\"></span>\n </div>\n </ng-template>\n </co-simple-grid-column>\n </co-transaction-history-grid>\n ",
10437
10483
  encapsulation: i0.ViewEncapsulation.None
10438
10484
  },] }
10439
10485
  ];
@@ -10956,7 +11002,7 @@
10956
11002
  TransactionSearchPurchaseOrderTileComponent.decorators = [
10957
11003
  { type: i0.Component, args: [{
10958
11004
  selector: "co-transaction-search-purchase-order-tile",
10959
- template: "\n <div class=\"transaction-tile-wrapper\" (click)=\"onTransactionClick(transaction)\">\n <div class=\"transaction-tile-body\">\n <div class=\"transaction-tile-avatar\">\n <co-avatar [relationId]=\"transaction.handledBy\"></co-avatar>\n </div>\n <div class=\"transaction-tile-seller-info\">\n <div>\n <div class=\"header\"><span [textContent]=\"transaction.transNr\"></span></div>\n <div class=\"text\"><span [textContent]=\"transaction.brancheName\"></span></div>\n </div>\n <div>\n <div class=\"text\"><span [textContent]=\"transaction.relationName\"></span></div>\n <div class=\"text\"><span [textContent]=\"transaction.getAdres()\"></span></div>\n </div>\n </div>\n <div class=\"transaction-tile-order-summary\">\n <div class=\"header\"><span [textContent]=\"transaction.totalPriceVat | currency:'EUR'\"></span></div>\n </div>\n </div>\n <div class=\"transaction-tile-footer\">\n <div class=\"order-info-section\">\n <div class=\"label\"><span [textContent]=\"'ORDER_DATE' | localize\"></span></div>\n <div class=\"value\">\n <span [textContent]=\"transaction.getTransDate() | date:'dd MMM yyyy'\"></span></div>\n </div>\n <div class=\"order-info-section\">\n <div class=\"label\"><span [textContent]=\"'DELIVERY_DATE' | localize\"></span></div>\n <div class=\"value\">\n <span [textContent]=\"transaction.getDeliveryDate() | date:'dd MMM yyyy'\"></span>\n <div *ngIf=\"transaction.getDeliveryDate()\">\n <co-icon *ngIf=\"transaction.deliveryDateDefinitive; else indefinite\"\n [iconData]=\"this.iconCacheService.getIcon(this.icons.Lock)\" class=\"lock-icon\"></co-icon>\n <ng-template #indefinite>\n <co-icon [iconData]=\"this.iconCacheService.getIcon(this.icons.Unlock)\" class=\"unlock-icon\"></co-icon>\n </ng-template>\n </div>\n </div>\n </div>\n <div class=\"order-info-section\">\n <div class=\"label\"><span [textContent]=\"'ORDER_RULE' | localize\"></span></div>\n <div class=\"value\">\n <span [textContent]=\"'68/00'\"></span></div>\n </div>\n </div>\n </div>\n ",
11005
+ template: "\n <div class=\"transaction-tile-wrapper\" (click)=\"onTransactionClick(transaction)\">\n <div class=\"tile\">\n <div class=\"tile-header\">\n <div class=\"tile-upper-left\">\n <div class=\"transaction-tile-avatar\">\n <co-avatar [image]=\"transaction.execImage\" [relationId]=\"transaction.handledBy\"></co-avatar>\n </div>\n </div>\n <div class=\"tile-upper-middle\">\n <div class=\"header\"><span [textContent]=\"transaction.transNr\"></span></div>\n <div class=\"text\"><span [textContent]=\"transaction.brancheName\"></span></div>\n </div>\n <div class=\"tile-upper-right\">\n <div class=\"status-bar-wrapper\">\n <co-status-bar></co-status-bar>\n </div>\n <div class=\"header\"><span [textContent]=\"transaction.totalPriceVat | currency:'EUR'\"></span></div>\n </div>\n </div>\n <div class=\"tile-body\">\n <div class=\"tile-middle-left\"></div>\n <div class=\"tile-middle-middle\">\n <div class=\"text\"><span [textContent]=\"transaction.relationName\"></span></div>\n <div class=\"text\"><span [textContent]=\"transaction.getAdres()\"></span></div>\n </div>\n <div class=\"tile-middle-right\"></div>\n </div>\n <div class=\"tile-footer\">\n <div class=\"tile-bottom-left order-info-section\">\n <div class=\"label\"><span [textContent]=\"'ORDER_DATE' | localize\"></span></div>\n <div class=\"value\">\n <span [textContent]=\"transaction.getTransDate() | date:'dd MMM yyyy'\"></span></div>\n </div>\n <div class=\"tile-bottom-middle order-info-section\">\n <div class=\"label\"><span [textContent]=\"'DELIVERY_DATE' | localize\"></span></div>\n <div class=\"value\">\n <span [textContent]=\"transaction.getDeliveryDate() | date:'dd MMM yyyy'\"></span>\n <div *ngIf=\"transaction.getDeliveryDate()\">\n <co-icon *ngIf=\"transaction.deliveryDateDefinitive; else indefinite\"\n [iconData]=\"this.iconCacheService.getIcon(this.icons.Lock)\" class=\"lock-icon\"></co-icon>\n <ng-template #indefinite>\n <co-icon [iconData]=\"this.iconCacheService.getIcon(this.icons.Unlock)\" class=\"unlock-icon\"></co-icon>\n </ng-template>\n </div>\n </div>\n </div>\n <div class=\"tile-bottom-right order-info-section\">\n <div class=\"label\"><span [textContent]=\"'ORDER_RULE' | localize\"></span></div>\n <div class=\"value\">\n <span [textContent]=\"'68/00'\"></span></div>\n </div>\n </div>\n </div>\n </div>\n ",
10960
11006
  encapsulation: i0.ViewEncapsulation.None
10961
11007
  },] }
10962
11008
  ];
@@ -10973,7 +11019,7 @@
10973
11019
  TransactionSearchSalesOrderTileComponent.decorators = [
10974
11020
  { type: i0.Component, args: [{
10975
11021
  selector: "co-transaction-search-sales-order-tile",
10976
- template: "\n <div class=\"transaction-tile-wrapper\" (click)=\"onTransactionClick(transaction)\">\n <div class=\"transaction-tile-body\">\n <div class=\"transaction-tile-avatar\">\n <co-avatar [relationId]=\"transaction.handledBy\"></co-avatar>\n </div>\n <div class=\"transaction-tile-seller-info\">\n <div>\n <div class=\"header\"><span [textContent]=\"transaction.transNr\"></span></div>\n <div class=\"text\"><span [textContent]=\"transaction.brancheName\"></span></div>\n </div>\n <div>\n <div class=\"text\"><span [textContent]=\"transaction.relationName\"></span></div>\n <div class=\"text\"><span [textContent]=\"transaction.getAdres()\"></span></div>\n </div>\n </div>\n <div class=\"transaction-tile-order-summary\">\n <div class=\"header\"><span [textContent]=\"transaction.totalPriceVat | currency:'EUR'\"></span></div>\n </div>\n </div>\n <div class=\"transaction-tile-footer\">\n <div class=\"order-info-section\">\n <div class=\"label\"><span [textContent]=\"'ORDER_DATE' | localize\"></span></div>\n <div class=\"value\">\n <span [textContent]=\"transaction.getTransDate() | date:'dd MMM yyyy'\"></span></div>\n </div>\n <div class=\"order-info-section\">\n <div class=\"label\"><span [textContent]=\"'DELIVERY_DATE' | localize\"></span></div>\n <div class=\"value\">\n <span [textContent]=\"transaction.getDeliveryDate() | date:'dd MMM yyyy'\"></span>\n <div *ngIf=\"transaction.getDeliveryDate()\">\n <co-icon *ngIf=\"transaction.deliveryDateDefinitive; else indefinite\"\n [iconData]=\"this.iconCacheService.getIcon(this.icons.Lock)\" class=\"lock-icon\"></co-icon>\n <ng-template #indefinite>\n <co-icon [iconData]=\"this.iconCacheService.getIcon(this.icons.Unlock)\" class=\"unlock-icon\"></co-icon>\n </ng-template>\n </div>\n </div>\n </div>\n <div class=\"order-info-section\">\n <div class=\"label\"><span [textContent]=\"'ORDER_RULE' | localize\"></span></div>\n <div class=\"value\">\n <span [textContent]=\"'68/00'\"></span></div>\n </div>\n </div>\n\n </div>",
11022
+ template: "\n <div class=\"transaction-tile-wrapper\" (click)=\"onTransactionClick(transaction)\">\n <div class=\"tile\">\n <div class=\"tile-header\">\n <div class=\"tile-upper-left\">\n <div class=\"transaction-tile-avatar\">\n <co-avatar [image]=\"transaction.execImage\" [relationId]=\"transaction.handledBy\"></co-avatar>\n </div>\n </div>\n <div class=\"tile-upper-middle\">\n <div class=\"header\"><span [textContent]=\"transaction.transNr\"></span></div>\n <div class=\"text\"><span [textContent]=\"transaction.brancheName\"></span></div>\n </div>\n <div class=\"tile-upper-right\">\n <div class=\"status-bar-wrapper\">\n <co-status-bar></co-status-bar>\n </div>\n <div class=\"header\"><span [textContent]=\"transaction.totalPriceVat | currency:'EUR'\"></span></div>\n </div>\n </div>\n <div class=\"tile-body\">\n <div class=\"tile-middle-left\"></div>\n <div class=\"tile-middle-middle\">\n <div class=\"text\"><span [textContent]=\"transaction.relationName\"></span></div>\n <div class=\"text\"><span [textContent]=\"transaction.getAdres()\"></span></div>\n </div>\n <div class=\"tile-middle-right\"></div>\n </div>\n <div class=\"tile-footer\">\n <div class=\"tile-bottom-left order-info-section\">\n <div class=\"label\"><span [textContent]=\"'ORDER_DATE' | localize\"></span></div>\n <div class=\"value\">\n <span [textContent]=\"transaction.getTransDate() | date:'dd MMM yyyy'\"></span></div>\n </div>\n <div class=\"tile-bottom-middle order-info-section\">\n <div class=\"label\"><span [textContent]=\"'DELIVERY_DATE' | localize\"></span></div>\n <div class=\"value\">\n <span [textContent]=\"transaction.getDeliveryDate() | date:'dd MMM yyyy'\"></span>\n <div *ngIf=\"transaction.getDeliveryDate()\">\n <co-icon *ngIf=\"transaction.deliveryDateDefinitive; else indefinite\"\n [iconData]=\"this.iconCacheService.getIcon(this.icons.Lock)\" class=\"lock-icon\"></co-icon>\n <ng-template #indefinite>\n <co-icon [iconData]=\"this.iconCacheService.getIcon(this.icons.Unlock)\" class=\"unlock-icon\"></co-icon>\n </ng-template>\n </div>\n </div>\n </div>\n <div class=\"tile-bottom-right order-info-section\">\n <div class=\"label\"><span [textContent]=\"'ORDER_RULE' | localize\"></span></div>\n <div class=\"value\">\n <span [textContent]=\"'68/00'\"></span></div>\n </div>\n </div>\n </div>\n </div>",
10977
11023
  encapsulation: i0.ViewEncapsulation.None
10978
11024
  },] }
10979
11025
  ];
@@ -12335,6 +12381,98 @@
12335
12381
  },] }
12336
12382
  ];
12337
12383
 
12384
+ var TransactionTileComponent = /** @class */ (function () {
12385
+ function TransactionTileComponent(iconCacheService, _imageService) {
12386
+ this.iconCacheService = iconCacheService;
12387
+ this._imageService = _imageService;
12388
+ this.icon = Icon;
12389
+ this.transactionTypes = transactionKind_enum.TransactionKind;
12390
+ this.showSidePanelClicked = new i0.EventEmitter();
12391
+ }
12392
+ Object.defineProperty(TransactionTileComponent.prototype, "transactionLine", {
12393
+ get: function () {
12394
+ return this._transactionLine;
12395
+ },
12396
+ set: function (value) {
12397
+ this._transactionLine = value;
12398
+ this._loadLineImage();
12399
+ },
12400
+ enumerable: false,
12401
+ configurable: true
12402
+ });
12403
+ TransactionTileComponent.prototype.showClass = function () {
12404
+ return true;
12405
+ };
12406
+ TransactionTileComponent.prototype.handleSidePanelButtonClicked = function () {
12407
+ this.showSidePanelClicked.next(this._transactionLine);
12408
+ };
12409
+ TransactionTileComponent.prototype.getStatusColor = function (n) {
12410
+ switch (n) {
12411
+ case 0:
12412
+ return '#5fdbb2';
12413
+ case 1:
12414
+ return '#f78852';
12415
+ case 2:
12416
+ return '#f23a3a';
12417
+ }
12418
+ };
12419
+ TransactionTileComponent.prototype._loadLineImage = function () {
12420
+ return __awaiter(this, void 0, void 0, function () {
12421
+ var _this = this;
12422
+ return __generator(this, function (_a) {
12423
+ if (this._transactionLine && this._transactionLine.isArticle) {
12424
+ this._imageService.retrieveLineImage(this._transactionLine).then(function (image) {
12425
+ _this.image = image;
12426
+ });
12427
+ }
12428
+ return [2 /*return*/];
12429
+ });
12430
+ });
12431
+ };
12432
+ return TransactionTileComponent;
12433
+ }());
12434
+ TransactionTileComponent.decorators = [
12435
+ { type: i0.Component, args: [{
12436
+ selector: "co-transaction-tile",
12437
+ template: "\n <div class=\"transaction-tile-wrapper\" *ngIf=\"transactionLine\">\n <div class=\"header-row center\">\n <div class=\"header-transport-container center\">\n <co-icon class=\"transport-method-icon\" [iconData]=\"iconCacheService.getIcon(icon.DeliveryTruck)\"></co-icon>\n <span class=\"transport-method-text\" [textContent]=\"'Dropshipment door leverancier'\"></span>\n </div>\n <span class=\"header-date bold\" [textContent]=\"transactionLine.deliveryDate | date : 'd-MM-yyyy'\"></span>\n <co-icon class=\"header-side-panel-button\"\n [iconData]=\"iconCacheService.getIcon(icon.ThickLines)\"\n (click)=\"handleSidePanelButtonClicked()\"\n ></co-icon>\n </div>\n\n <div class=\"transaction-details-row\">\n <div class=\"transaction-details-container\">\n <span class=\"transaction-tile-title bold\" [textContent]=\"transactionLine.goodDescription\"></span>\n <span *ngFor=\"let text of transactionLine.articleTestAsArray\" class=\"transaction-tile-description\"\n [innerHTML]=\"text | safeHtml\"></span>\n </div>\n <co-image-display class=\"tile-image\" [model]=\"image\"></co-image-display>\n </div>\n\n <div class=\"transaction-order-status-row\">\n <div class=\"indicators-wrapper\">\n <div *ngFor=\"let n of [0, 1, 2]\" [style.background]=\"getStatusColor(n)\" class=\"transaction-order-status-indicator\"></div>\n </div>\n </div>\n\n <div class=\"transaction-data-row center\">\n <div class=\"transaction-data-header\">\n <div class=\"transaction-data-header-item\">\n <span class=\"transaction-data-header-label\" [textContent]=\"'ARTICLE_NR'| localize\"></span>\n <span class=\"transaction-data-header-field\"\n [textContent]=\"transactionLine.articleNumber ? transactionLine.articleNumber : '-'\"></span>\n </div>\n <div class=\"transaction-data-header-divider\"></div>\n <div class=\"transaction-data-header-item center\">\n <span class=\"transaction-data-header-label\" [textContent]=\"'PRICE'| localize\"></span>\n <span class=\"transaction-data-header-field\"\n [textContent]=\"transactionLine.price ? (transactionLine.price | priceDisplay) : '-'\"></span>\n </div>\n <div class=\"transaction-data-header-divider\"></div>\n <div class=\"transaction-data-header-item center\">\n <span class=\"transaction-data-header-label\" [textContent]=\"'DISCOUNT'| localize\"></span>\n <span class=\"transaction-data-header-field\"\n [textContent]=\"transactionLine.discountAmount ? transactionLine.discountAmount : '-'\"></span>\n </div>\n <div class=\"transaction-data-header-divider\"></div>\n <div class=\"transaction-data-header-item center\">\n <span class=\"transaction-data-header-label\" [textContent]=\"'Mag'| localize\"></span>\n <span class=\"transaction-data-header-field\"\n [textContent]=\"transactionLine.warehouseNumber ? transactionLine.warehouseNumber : '-'\"></span>\n </div>\n <div class=\"transaction-data-header-divider\"></div>\n <div class=\"transaction-data-header-item center\">\n <span class=\"transaction-data-header-label\" [textContent]=\"'CC'| localize\"></span>\n <span class=\"transaction-data-header-field\"\n [textContent]=\"transactionLine.commissionCode ? transactionLine.commissionCode : '-'\"></span>\n </div>\n </div>\n <div class=\"transaction-data-header-item mutable center\">\n <span class=\"transaction-data-header-label\" [textContent]=\"'AMOUNT'| localize\"></span>\n <input type=\"number\" class=\"transaction-data-header-field bold amount-input\" [(ngModel)]=\"transactionLine.amount\">\n </div>\n </div>\n </div>\n ",
12438
+ encapsulation: i0.ViewEncapsulation.None
12439
+ },] }
12440
+ ];
12441
+ TransactionTileComponent.ctorParameters = function () { return [
12442
+ { type: IconCacheService },
12443
+ { type: TransactionImageService }
12444
+ ]; };
12445
+ TransactionTileComponent.propDecorators = {
12446
+ transactionType: [{ type: i0.Input }],
12447
+ transactionLine: [{ type: i0.Input }],
12448
+ showSidePanelClicked: [{ type: i0.Output }],
12449
+ showClass: [{ type: i0.HostBinding, args: ["class.co-transaction-tile",] }]
12450
+ };
12451
+
12452
+ var TransactionTileModule = /** @class */ (function () {
12453
+ function TransactionTileModule() {
12454
+ }
12455
+ return TransactionTileModule;
12456
+ }());
12457
+ TransactionTileModule.decorators = [
12458
+ { type: i0.NgModule, args: [{
12459
+ imports: [
12460
+ common.CommonModule,
12461
+ CoreModule,
12462
+ corecomponents_v12.IconModule,
12463
+ PipeModule,
12464
+ forms.FormsModule,
12465
+ corecomponents_v12.PriceDisplayPipeModule
12466
+ ],
12467
+ declarations: [
12468
+ TransactionTileComponent
12469
+ ],
12470
+ exports: [
12471
+ TransactionTileComponent
12472
+ ]
12473
+ },] }
12474
+ ];
12475
+
12338
12476
  var TransactionModule = /** @class */ (function () {
12339
12477
  function TransactionModule() {
12340
12478
  }
@@ -12362,7 +12500,8 @@
12362
12500
  TransactionOrderConfirmationGridModule,
12363
12501
  TransactionReceivedGoodsGridModule,
12364
12502
  ViewModeButtonsModule,
12365
- TransactionGridModule
12503
+ TransactionGridModule,
12504
+ TransactionTileModule
12366
12505
  ],
12367
12506
  declarations: [
12368
12507
  TransactionComponent
@@ -13526,6 +13665,50 @@
13526
13665
  },] }
13527
13666
  ];
13528
13667
 
13668
+ var StatusBarComponent = /** @class */ (function () {
13669
+ function StatusBarComponent(iconCacheService) {
13670
+ this.iconCacheService = iconCacheService;
13671
+ this.icons = Icon;
13672
+ }
13673
+ StatusBarComponent.prototype.showClass = function () {
13674
+ return true;
13675
+ };
13676
+ return StatusBarComponent;
13677
+ }());
13678
+ StatusBarComponent.decorators = [
13679
+ { type: i0.Component, args: [{
13680
+ selector: "co-status-bar",
13681
+ template: "\n <div>\n <!--Tijdelijk visueel voorbeeld:-->\n <div class=\"status-bar-icons-wrapper\">\n <co-icon class=\"color-green\" [iconData]=\"this.iconCacheService.getIcon(this.icons.SquareFullSolid)\"></co-icon>\n <co-icon class=\"color-orange\" [iconData]=\"this.iconCacheService.getIcon(this.icons.SquareFullSolid)\"></co-icon>\n <co-icon [iconData]=\"this.iconCacheService.getIcon(this.icons.SquareFull)\"></co-icon>\n <co-icon [iconData]=\"this.iconCacheService.getIcon(this.icons.SquareFull)\"></co-icon>\n <co-icon [iconData]=\"this.iconCacheService.getIcon(this.icons.SquareFull)\"></co-icon>\n </div>\n </div>\n ",
13682
+ encapsulation: i0.ViewEncapsulation.None
13683
+ },] }
13684
+ ];
13685
+ StatusBarComponent.ctorParameters = function () { return [
13686
+ { type: IconCacheService }
13687
+ ]; };
13688
+ StatusBarComponent.propDecorators = {
13689
+ showClass: [{ type: i0.HostBinding, args: ["class.co-status-bar",] }]
13690
+ };
13691
+
13692
+ var StatusBarModule = /** @class */ (function () {
13693
+ function StatusBarModule() {
13694
+ }
13695
+ return StatusBarModule;
13696
+ }());
13697
+ StatusBarModule.decorators = [
13698
+ { type: i0.NgModule, args: [{
13699
+ imports: [
13700
+ common.CommonModule,
13701
+ corecomponents_v12.IconModule
13702
+ ],
13703
+ declarations: [
13704
+ StatusBarComponent
13705
+ ],
13706
+ exports: [
13707
+ StatusBarComponent
13708
+ ]
13709
+ },] }
13710
+ ];
13711
+
13529
13712
  var TransactionSearchPurchaseOrderTileModule = /** @class */ (function () {
13530
13713
  function TransactionSearchPurchaseOrderTileModule() {
13531
13714
  }
@@ -13537,7 +13720,8 @@
13537
13720
  common.CommonModule,
13538
13721
  PipeModule,
13539
13722
  AvatarModule,
13540
- corecomponents_v12.IconModule
13723
+ corecomponents_v12.IconModule,
13724
+ StatusBarModule
13541
13725
  ],
13542
13726
  declarations: [
13543
13727
  TransactionSearchPurchaseOrderTileComponent
@@ -13562,6 +13746,7 @@
13562
13746
  corecomponents_v12.ButtonModule,
13563
13747
  PipeModule,
13564
13748
  corecomponents_v12.IconModule,
13749
+ StatusBarModule,
13565
13750
  ],
13566
13751
  declarations: [
13567
13752
  TransactionSearchSalesOrderTileComponent
@@ -13735,7 +13920,7 @@
13735
13920
  TransactionSearchResultComponent.decorators = [
13736
13921
  { type: i0.Component, args: [{
13737
13922
  selector: 'co-transaction-search-result',
13738
- template: "\n <div class=\"transaction-search-header-wrapper\">\n <co-transaction-search-header\n [transactionType]=\"transactionType\"\n [activeSearchViewMode]=\"activeSearchViewMode\"\n [activeContentViewMode]=\"activeContentViewMode\"\n (viewModeChange)=\"activeContentViewMode = $event\"\n (resizeClick)=\"onResizeClick()\"\n (filterButtonClick)=\"onFilterClick()\"\n (closeClick)=\"onCloseClick()\">\n </co-transaction-search-header>\n </div>\n\n <div class=\"transaction-search-result-content-tiles-wrapper\" [ngClass]=\"fullscreen ? 'fullscreen' : 'sidebar'\"\n *ngIf=\"activeContentViewMode === contentViewModes.Tiles\">\n <div class=\"transaction-tile\" *ngFor=\"let transaction of searchService.transactions | paginate:\n {itemsPerPage: searchService.transactionsPerPage, currentPage: searchService.showcasePage, totalItems: searchService.resultCount}\">\n <co-transaction-search-tile\n [transaction]=\"transaction\"\n [transactionType]=\"transactionType\"\n [class]=\"transaction === selectedTransaction ? 'selected' : ''\"\n (transactionClick)=\"onTransactionClick($event)\">\n </co-transaction-search-tile>\n </div>\n <co-pagination [previousLabel]=\"'PREVIOUS' | localize\" [nextLabel]=\"'NEXT' | localize\"\n (pageChange)=\"onPaginationPageChange($event)\"></co-pagination>\n </div>\n <div class=\"transaction-search-result-content-grid-wrapper\" *ngIf=\"activeContentViewMode === contentViewModes.Grid\">\n <co-transaction-search-grid\n [transactionType]=\"transactionType\"\n (transactionClick)=\"onTransactionClick($event)\"\n ></co-transaction-search-grid>\n </div>\n ",
13923
+ template: "\n <div class=\"transaction-search-header-wrapper\">\n <co-transaction-search-header\n [transactionType]=\"transactionType\"\n [activeSearchViewMode]=\"activeSearchViewMode\"\n [activeContentViewMode]=\"activeContentViewMode\"\n (viewModeChange)=\"activeContentViewMode = $event\"\n (resizeClick)=\"onResizeClick()\"\n (filterButtonClick)=\"onFilterClick()\"\n (closeClick)=\"onCloseClick()\">\n </co-transaction-search-header>\n </div>\n\n <div class=\"transaction-search-result-content-tiles-wrapper\" [ngClass]=\"fullscreen ? 'fullscreen' : 'sidebar'\"\n *ngIf=\"activeContentViewMode === contentViewModes.Tiles\">\n <div class=\"transaction-tile\" *ngFor=\"let transaction of searchService.transactions | paginate:\n {itemsPerPage: searchService.transactionsPerPage, currentPage: searchService.showcasePage, totalItems: searchService.resultCount}\">\n <co-transaction-search-tile\n [transaction]=\"transaction\"\n [transactionType]=\"transactionType\"\n [class]=\"transaction === selectedTransaction ? 'selected' : ''\"\n (transactionClick)=\"onTransactionClick($event)\">\n </co-transaction-search-tile>\n </div>\n </div>\n <co-pagination *ngIf=\"searchService.transactions?.length > 0\" [previousLabel]=\"'PREVIOUS' | localize\"\n [nextLabel]=\"'NEXT' | localize\"\n [autoHide]=\"true\"\n (pageChange)=\"onPaginationPageChange($event)\"></co-pagination>\n <div class=\"transaction-search-result-content-grid-wrapper\" *ngIf=\"activeContentViewMode === contentViewModes.Grid\">\n <co-transaction-search-grid\n [transactionType]=\"transactionType\"\n (transactionClick)=\"onTransactionClick($event)\"\n ></co-transaction-search-grid>\n </div>\n ",
13739
13924
  encapsulation: i0.ViewEncapsulation.None
13740
13925
  },] }
13741
13926
  ];
@@ -14414,52 +14599,56 @@
14414
14599
  exports["ɵff"] = ViewModeButtonsComponent;
14415
14600
  exports["ɵfg"] = TransactionGridModule;
14416
14601
  exports["ɵfh"] = TransactionGridComponent;
14417
- exports["ɵfi"] = TransactionSearchService;
14418
- exports["ɵfj"] = TransactionSearchResultModule;
14419
- exports["ɵfk"] = TransactionSearchSalesOrderTileModule;
14420
- exports["ɵfl"] = TransactionSearchSalesOrderTileComponent;
14421
- exports["ɵfm"] = TransactionSearchTileBaseComponent;
14422
- exports["ɵfn"] = TransactionSearchPurchaseOrderTileModule;
14423
- exports["ɵfo"] = TransactionSearchPurchaseOrderTileComponent;
14424
- exports["ɵfp"] = TransactionSearchSalesOrderGridModule;
14425
- exports["ɵfq"] = TransactionSearchSalesOrderGridComponent;
14426
- exports["ɵfr"] = TransactionSearchGridBaseComponent;
14427
- exports["ɵfs"] = TransactionSearchPurchaseOrderGridModule;
14428
- exports["ɵft"] = TransactionSearchPurchaseOrderGridComponent;
14429
- exports["ɵfu"] = TransactionSearchHeaderModule;
14430
- exports["ɵfv"] = TransactionSearchHeaderComponent;
14431
- exports["ɵfw"] = TransactionSearchGridModule;
14432
- exports["ɵfx"] = TransactionSearchGridComponent;
14433
- exports["ɵfy"] = TransactionSearchTileModule;
14434
- exports["ɵfz"] = TransactionSearchTileComponent;
14602
+ exports["ɵfi"] = TransactionTileModule;
14603
+ exports["ɵfj"] = TransactionTileComponent;
14604
+ exports["ɵfk"] = TransactionSearchService;
14605
+ exports["ɵfl"] = TransactionSearchResultModule;
14606
+ exports["ɵfm"] = TransactionSearchSalesOrderTileModule;
14607
+ exports["ɵfn"] = StatusBarModule;
14608
+ exports["ɵfo"] = StatusBarComponent;
14609
+ exports["ɵfp"] = TransactionSearchSalesOrderTileComponent;
14610
+ exports["ɵfq"] = TransactionSearchTileBaseComponent;
14611
+ exports["ɵfr"] = TransactionSearchPurchaseOrderTileModule;
14612
+ exports["ɵfs"] = TransactionSearchPurchaseOrderTileComponent;
14613
+ exports["ɵft"] = TransactionSearchSalesOrderGridModule;
14614
+ exports["ɵfu"] = TransactionSearchSalesOrderGridComponent;
14615
+ exports["ɵfv"] = TransactionSearchGridBaseComponent;
14616
+ exports["ɵfw"] = TransactionSearchPurchaseOrderGridModule;
14617
+ exports["ɵfx"] = TransactionSearchPurchaseOrderGridComponent;
14618
+ exports["ɵfy"] = TransactionSearchHeaderModule;
14619
+ exports["ɵfz"] = TransactionSearchHeaderComponent;
14435
14620
  exports["ɵg"] = ArticleConnectorService;
14436
- exports["ɵga"] = TransactionSearchResultComponent;
14437
- exports["ɵgb"] = TransactionSalesOrderFilterModule;
14438
- exports["ɵgc"] = TransactionFilterCategoriesModule;
14439
- exports["ɵgd"] = TransactionFilterCategoriesComponent;
14440
- exports["ɵge"] = TransactionSalesOrderFilterContentOrderModule;
14441
- exports["ɵgf"] = TransactionSalesOrderFilterContentOrderComponent;
14442
- exports["ɵgg"] = TransactionFilterContentBaseComponent;
14443
- exports["ɵgh"] = FilterRequestService;
14444
- exports["ɵgi"] = TransactionSalesOrderFilterContentLogisticsModule;
14445
- exports["ɵgj"] = TransactionFilterHistoricStateModule;
14446
- exports["ɵgk"] = TransactionFilterHistoricStateComponent;
14447
- exports["ɵgl"] = TransactionSalesOrderFilterContentLogisticsComponent;
14448
- exports["ɵgm"] = TransactionSalesOrderFilterContentArticleModule;
14449
- exports["ɵgn"] = TransactionSalesOrderFilterContentArticleComponent;
14450
- exports["ɵgo"] = TransactionSalesOrderFilterComponent;
14451
- exports["ɵgp"] = TransactionFilterBaseComponent;
14452
- exports["ɵgq"] = TransactionPurchaseOrderFilterModule;
14453
- exports["ɵgr"] = TransactionPurchaseOrderFilterContentOrderModule;
14454
- exports["ɵgs"] = TransactionPurchaseOrderFilterContentOrderComponent;
14455
- exports["ɵgt"] = TransactionPurchaseOrderFilterContentLogisticsModule;
14456
- exports["ɵgu"] = TransactionPurchaseOrderFilterContentLogisticsComponent;
14457
- exports["ɵgv"] = TransactionPurchaseOrderFilterContentArticleModule;
14458
- exports["ɵgw"] = TransactionPurchaseOrderFilterContentArticleComponent;
14459
- exports["ɵgx"] = TransactionPurchaseOrderFilterComponent;
14460
- exports["ɵgy"] = TransactionFilterModule;
14461
- exports["ɵgz"] = TransactionFilterComponent;
14621
+ exports["ɵga"] = TransactionSearchGridModule;
14622
+ exports["ɵgb"] = TransactionSearchGridComponent;
14623
+ exports["ɵgc"] = TransactionSearchTileModule;
14624
+ exports["ɵgd"] = TransactionSearchTileComponent;
14625
+ exports["ɵge"] = TransactionSearchResultComponent;
14626
+ exports["ɵgf"] = TransactionSalesOrderFilterModule;
14627
+ exports["ɵgg"] = TransactionFilterCategoriesModule;
14628
+ exports["ɵgh"] = TransactionFilterCategoriesComponent;
14629
+ exports["ɵgi"] = TransactionSalesOrderFilterContentOrderModule;
14630
+ exports["ɵgj"] = TransactionSalesOrderFilterContentOrderComponent;
14631
+ exports["ɵgk"] = TransactionFilterContentBaseComponent;
14632
+ exports["ɵgl"] = FilterRequestService;
14633
+ exports["ɵgm"] = TransactionSalesOrderFilterContentLogisticsModule;
14634
+ exports["ɵgn"] = TransactionFilterHistoricStateModule;
14635
+ exports["ɵgo"] = TransactionFilterHistoricStateComponent;
14636
+ exports["ɵgp"] = TransactionSalesOrderFilterContentLogisticsComponent;
14637
+ exports["ɵgq"] = TransactionSalesOrderFilterContentArticleModule;
14638
+ exports["ɵgr"] = TransactionSalesOrderFilterContentArticleComponent;
14639
+ exports["ɵgs"] = TransactionSalesOrderFilterComponent;
14640
+ exports["ɵgt"] = TransactionFilterBaseComponent;
14641
+ exports["ɵgu"] = TransactionPurchaseOrderFilterModule;
14642
+ exports["ɵgv"] = TransactionPurchaseOrderFilterContentOrderModule;
14643
+ exports["ɵgw"] = TransactionPurchaseOrderFilterContentOrderComponent;
14644
+ exports["ɵgx"] = TransactionPurchaseOrderFilterContentLogisticsModule;
14645
+ exports["ɵgy"] = TransactionPurchaseOrderFilterContentLogisticsComponent;
14646
+ exports["ɵgz"] = TransactionPurchaseOrderFilterContentArticleModule;
14462
14647
  exports["ɵh"] = CoreModule;
14648
+ exports["ɵha"] = TransactionPurchaseOrderFilterContentArticleComponent;
14649
+ exports["ɵhb"] = TransactionPurchaseOrderFilterComponent;
14650
+ exports["ɵhc"] = TransactionFilterModule;
14651
+ exports["ɵhd"] = TransactionFilterComponent;
14463
14652
  exports["ɵi"] = ConfirmationDialogModule;
14464
14653
  exports["ɵj"] = PipeModule;
14465
14654
  exports["ɵk"] = AppendPipe;