@colijnit/transaction 12.1.23 → 12.1.24

package/fesm2015/colijnit-transaction.js

@@ -3899,6 +3899,7 @@ var Icon;
     Icon["CartShoppingSolid"] = "cart_shopping_solid";
     Icon["CashRegister"] = "cash_register";
     Icon["CreditCardSolid"] = "credit_card_solid";
+    Icon["DeliveryStatusUncheck"] = "delivery_status_uncheck";
     Icon["DeliveryTruck"] = "delivery_truck";
     Icon["EditPencil"] = "edit_pencil";
     Icon["IdealLogo"] = "ideal_logo";
@@ -3918,6 +3919,8 @@ var Icon;
     Icon["ShelvesSolid"] = "shelves_solid";
     Icon["SidePanel"] = "side_panel";
     Icon["SlideIn"] = "slide_in";
+    Icon["SquareFull"] = "square_full";
+    Icon["SquareFullSolid"] = "square_full_solid";
     Icon["SyncAlt"] = "sync_alt";
     Icon["Tag"] = "tag";
     Icon["ThickLines"] = "thick_lines";
@@ -4469,6 +4472,7 @@ const IconSvg = {
     "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>",
     "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>",
     "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>",
+    "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>",
     "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>",
     "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>",
     "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>",
@@ -4488,6 +4492,8 @@ const IconSvg = {
     "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>",
     "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>",
     "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>",
+    "square_full": "<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\"><path d=\"M464 48v416h-416v-416H464zM512 0H0v512h512V0z\"/></svg>",
+    "square_full_solid": "<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\"><path d=\"M0 0h512v512H0V0z\"/></svg>",
     "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>",
     "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>",
     "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>",
@@ -8108,9 +8114,16 @@ TransactionComponent.decorators = [
       ></co-transaction-button-bar>
 
       <co-view-mode-buttons class="transaction-lines-header-item"
-                            [showViewModes]="[viewModes.List, viewModes.Grid]" (viewModeChange)="activeViewMode = $event"></co-view-mode-buttons>
+                            [showViewModes]="[viewModes.List, viewModes.Grid, viewModes.Tiles]" (viewModeChange)="activeViewMode = $event"></co-view-mode-buttons>
     </div>
 
+    <div class="transaction-tiles-wrapper" *ngIf="activeViewMode === viewModes.Tiles">
+      <co-transaction-tile
+        *ngFor="let transaction of transaction.transactionLines"
+        [transactionLine]="transaction"
+        (showSidePanelClicked)="handleShowSidePanel($event)"
+      ></co-transaction-tile>
+    </div>
     <div class="transaction-lines-wrapper" *ngIf="activeViewMode === viewModes.List">
       <co-transaction-lines
         [transactionLines]="transaction.transactionLines"
@@ -9925,15 +9938,41 @@ TransactionHistoryGridComponent.decorators = [
         ></co-grid-toolbar-button>
       </div>
       <co-simple-grid [data]="collection" [extraColumns]="extraColumns" (selectRow)="handleSelectRow($event)">
-        <co-simple-grid-column [headerText]="'STATE' | localize" [field]="'status'" [order]="10" [width]="150">
+        <co-simple-grid-column [headerText]="'DELIVERY_DATE' | localize" [order]="20" [width]="100">
           <ng-template #template let-row="row">
-            <co-transaction-history-grid-status [statusType]="row.status" [subType]="row.type"></co-transaction-history-grid-status>
+            <div class="row-container">
+              <span class="row" [textContent]="row.receiptDate | date"></span>
+              <span class="correction" *ngFor="let correction of row.corrections" [textContent]="correction.receiptDate | date"></span>
+            </div>
+          </ng-template>
+        </co-simple-grid-column>
+
+        <co-simple-grid-column [headerText]="'AMOUNT' | localize" [order]="30" [width]="70">
+          <ng-template #template let-row="row">
+            <div class="row-container">
+              <span class="row" [textContent]="row.quantity"></span>
+              <span class="correction" *ngFor="let correction of row.corrections" [textContent]="correction.quantity"></span>
+            </div>
+          </ng-template>
+        </co-simple-grid-column>
+
+        <co-simple-grid-column [headerText]="'REFERENCE' | localize" [order]="50">
+          <ng-template #template let-row="row">
+            <div class="row-container">
+              <span class="row" [textContent]="row.reference"></span>
+              <span class="correction" *ngFor="let correction of row.corrections" [textContent]="correction.reference"></span>
+            </div>
+          </ng-template>
+        </co-simple-grid-column>
+
+        <co-simple-grid-column [headerText]="'USER' | localize" [order]="70">
+          <ng-template #template let-row="row">
+            <div class="row-container">
+              <span class="row" [textContent]="row.username"></span>
+              <span class="correction" *ngFor="let correction of row.corrections" [textContent]="correction.username"></span>
+            </div>
           </ng-template>
         </co-simple-grid-column>
-        <co-simple-grid-column [headerText]="'DELIVERY_DATE' | localize" [field]="'receiptDate'" [order]="20" [width]="100"></co-simple-grid-column>
-        <co-simple-grid-column [headerText]="'AMOUNT' | localize" [field]="'quantity'" [order]="30" [width]="70"></co-simple-grid-column>
-        <co-simple-grid-column [headerText]="'REFERENCE' | localize" [field]="'reference'" [order]="50"></co-simple-grid-column>
-        <co-simple-grid-column [headerText]="'USER' | localize" [field]="'username'" [order]="70"></co-simple-grid-column>
       </co-simple-grid>
     </div>
   `,
@@ -10083,10 +10122,23 @@ TransactionReceivingGoodsHistoryComponent.decorators = [
       [collection]="goodsReceiptHistory"
       (deleteSelectedRow)="handleDeleteSelectedRow($event)"
     >
-      <co-simple-grid-column [headerText]="'WAREHOUSE' | localize" [field]="'warehouseNumber'"
-                             [order]="40"></co-simple-grid-column>
-      <co-simple-grid-column [headerText]="'LOCATION' | localize" [field]="'locationNumber'"
-                             [order]="60"></co-simple-grid-column>
+      <co-simple-grid-column [headerText]="'WAREHOUSE' | localize" [order]="40">
+        <ng-template #template let-row="row">
+          <div class="row-container">
+            <span class="row" [textContent]="row.warehouseNumber"></span>
+            <span class="correction" *ngFor="let correction of row.corrections" [textContent]="correction.warehouseNumber"></span>
+          </div>
+        </ng-template>
+      </co-simple-grid-column>
+
+      <co-simple-grid-column [headerText]="'LOCATION' | localize" [order]="60">
+        <ng-template #template let-row="row">
+          <div class="row-container">
+            <span class="row" [textContent]="row.locationNumber"></span>
+            <span class="correction" *ngFor="let correction of row.corrections" [textContent]="correction.locationNumber"></span>
+          </div>
+        </ng-template>
+      </co-simple-grid-column>
     </co-transaction-history-grid>
   `,
                 encapsulation: ViewEncapsulation.None
@@ -10764,47 +10816,56 @@ TransactionSearchPurchaseOrderTileComponent.decorators = [
                 selector: "co-transaction-search-purchase-order-tile",
                 template: `
     <div class="transaction-tile-wrapper" (click)="onTransactionClick(transaction)">
-      <div class="transaction-tile-body">
-        <div class="transaction-tile-avatar">
-          <co-avatar [image]="transaction.execImage" [relationId]="transaction.handledBy"></co-avatar>
-        </div>
-        <div class="transaction-tile-seller-info">
-          <div>
+      <div class="tile">
+        <div class="tile-header">
+          <div class="tile-upper-left">
+            <div class="transaction-tile-avatar">
+              <co-avatar [image]="transaction.execImage" [relationId]="transaction.handledBy"></co-avatar>
+            </div>
+          </div>
+          <div class="tile-upper-middle">
             <div class="header"><span [textContent]="transaction.transNr"></span></div>
             <div class="text"><span [textContent]="transaction.brancheName"></span></div>
           </div>
-          <div>
+          <div class="tile-upper-right">
+            <div class="status-bar-wrapper">
+              <co-status-bar></co-status-bar>
+            </div>
+            <div class="header"><span [textContent]="transaction.totalPriceVat | currency:'EUR'"></span></div>
+          </div>
+        </div>
+        <div class="tile-body">
+          <div class="tile-middle-left"></div>
+          <div class="tile-middle-middle">
             <div class="text"><span [textContent]="transaction.relationName"></span></div>
             <div class="text"><span [textContent]="transaction.getAdres()"></span></div>
           </div>
+          <div class="tile-middle-right"></div>
         </div>
-        <div class="transaction-tile-order-summary">
-          <div class="header"><span [textContent]="transaction.totalPriceVat | currency:'EUR'"></span></div>
-        </div>
-      </div>
-      <div class="transaction-tile-footer">
-        <div class="order-info-section">
-          <div class="label"><span [textContent]="'ORDER_DATE' | localize"></span></div>
-          <div class="value">
-            <span [textContent]="transaction.getTransDate() | date:'dd MMM yyyy'"></span></div>
-        </div>
-        <div class="order-info-section">
-          <div class="label"><span [textContent]="'DELIVERY_DATE' | localize"></span></div>
-          <div class="value">
-            <span [textContent]="transaction.getDeliveryDate() | date:'dd MMM yyyy'"></span>
-            <div *ngIf="transaction.getDeliveryDate()">
-              <co-icon *ngIf="transaction.deliveryDateDefinitive; else indefinite"
-                       [iconData]="this.iconCacheService.getIcon(this.icons.Lock)" class="lock-icon"></co-icon>
-              <ng-template #indefinite>
-                <co-icon [iconData]="this.iconCacheService.getIcon(this.icons.Unlock)" class="unlock-icon"></co-icon>
-              </ng-template>
+        <div class="tile-footer">
+          <div class="tile-bottom-left order-info-section">
+            <div class="label"><span [textContent]="'ORDER_DATE' | localize"></span></div>
+            <div class="value">
+              <span [textContent]="transaction.getTransDate() | date:'dd MMM yyyy'"></span></div>
+          </div>
+          <div class="tile-bottom-middle order-info-section">
+            <div class="label"><span [textContent]="'DELIVERY_DATE' | localize"></span></div>
+            <div class="value">
+              <span [textContent]="transaction.getDeliveryDate() | date:'dd MMM yyyy'"></span>
+              <div *ngIf="transaction.getDeliveryDate()">
+                <co-icon *ngIf="transaction.deliveryDateDefinitive; else indefinite"
+                         [iconData]="this.iconCacheService.getIcon(this.icons.Lock)" class="lock-icon"></co-icon>
+                <ng-template #indefinite>
+                  <co-icon [iconData]="this.iconCacheService.getIcon(this.icons.Unlock)" class="unlock-icon"></co-icon>
+                </ng-template>
+              </div>
             </div>
           </div>
-        </div>
-        <div class="order-info-section">
-          <div class="label"><span [textContent]="'ORDER_RULE' | localize"></span></div>
-          <div class="value">
-            <span [textContent]="'68/00'"></span></div>
+          <div class="tile-bottom-right order-info-section">
+            <div class="label"><span [textContent]="'ORDER_RULE' | localize"></span></div>
+            <div class="value">
+              <span [textContent]="'68/00'"></span></div>
+          </div>
         </div>
       </div>
     </div>
@@ -10824,50 +10885,58 @@ TransactionSearchSalesOrderTileComponent.decorators = [
                 selector: "co-transaction-search-sales-order-tile",
                 template: `
     <div class="transaction-tile-wrapper" (click)="onTransactionClick(transaction)">
-      <div class="transaction-tile-body">
-        <div class="transaction-tile-avatar">
-          <co-avatar [image]="transaction.execImage" [relationId]="transaction.handledBy"></co-avatar>
-        </div>
-        <div class="transaction-tile-seller-info">
-          <div>
+      <div class="tile">
+        <div class="tile-header">
+          <div class="tile-upper-left">
+            <div class="transaction-tile-avatar">
+              <co-avatar [image]="transaction.execImage" [relationId]="transaction.handledBy"></co-avatar>
+            </div>
+          </div>
+          <div class="tile-upper-middle">
             <div class="header"><span [textContent]="transaction.transNr"></span></div>
             <div class="text"><span [textContent]="transaction.brancheName"></span></div>
           </div>
-          <div>
+          <div class="tile-upper-right">
+            <div class="status-bar-wrapper">
+              <co-status-bar></co-status-bar>
+            </div>
+            <div class="header"><span [textContent]="transaction.totalPriceVat | currency:'EUR'"></span></div>
+          </div>
+        </div>
+        <div class="tile-body">
+          <div class="tile-middle-left"></div>
+          <div class="tile-middle-middle">
             <div class="text"><span [textContent]="transaction.relationName"></span></div>
             <div class="text"><span [textContent]="transaction.getAdres()"></span></div>
           </div>
+          <div class="tile-middle-right"></div>
         </div>
-        <div class="transaction-tile-order-summary">
-          <div class="header"><span [textContent]="transaction.totalPriceVat | currency:'EUR'"></span></div>
-        </div>
-      </div>
-      <div class="transaction-tile-footer">
-        <div class="order-info-section">
-          <div class="label"><span [textContent]="'ORDER_DATE' | localize"></span></div>
-          <div class="value">
-            <span [textContent]="transaction.getTransDate() | date:'dd MMM yyyy'"></span></div>
-        </div>
-        <div class="order-info-section">
-          <div class="label"><span [textContent]="'DELIVERY_DATE' | localize"></span></div>
-          <div class="value">
-            <span [textContent]="transaction.getDeliveryDate() | date:'dd MMM yyyy'"></span>
-            <div *ngIf="transaction.getDeliveryDate()">
-              <co-icon *ngIf="transaction.deliveryDateDefinitive; else indefinite"
-                       [iconData]="this.iconCacheService.getIcon(this.icons.Lock)" class="lock-icon"></co-icon>
-              <ng-template #indefinite>
-                <co-icon [iconData]="this.iconCacheService.getIcon(this.icons.Unlock)" class="unlock-icon"></co-icon>
-              </ng-template>
-            </div>
+        <div class="tile-footer">
+          <div class="tile-bottom-left order-info-section">
+              <div class="label"><span [textContent]="'ORDER_DATE' | localize"></span></div>
+              <div class="value">
+                <span [textContent]="transaction.getTransDate() | date:'dd MMM yyyy'"></span></div>
+          </div>
+          <div class="tile-bottom-middle order-info-section">
+              <div class="label"><span [textContent]="'DELIVERY_DATE' | localize"></span></div>
+              <div class="value">
+                <span [textContent]="transaction.getDeliveryDate() | date:'dd MMM yyyy'"></span>
+                <div *ngIf="transaction.getDeliveryDate()">
+                  <co-icon *ngIf="transaction.deliveryDateDefinitive; else indefinite"
+                           [iconData]="this.iconCacheService.getIcon(this.icons.Lock)" class="lock-icon"></co-icon>
+                  <ng-template #indefinite>
+                    <co-icon [iconData]="this.iconCacheService.getIcon(this.icons.Unlock)" class="unlock-icon"></co-icon>
+                  </ng-template>
+                </div>
+              </div>
+          </div>
+          <div class="tile-bottom-right order-info-section">
+              <div class="label"><span [textContent]="'ORDER_RULE' | localize"></span></div>
+              <div class="value">
+                <span [textContent]="'68/00'"></span></div>
           </div>
-        </div>
-        <div class="order-info-section">
-          <div class="label"><span [textContent]="'ORDER_RULE' | localize"></span></div>
-          <div class="value">
-            <span [textContent]="'68/00'"></span></div>
         </div>
       </div>
-
     </div>`,
                 encapsulation: ViewEncapsulation.None
             },] }
@@ -12357,6 +12426,153 @@ TransactionReceivedGoodsGridModule.decorators = [
             },] }
 ];
 
+class TransactionTileComponent {
+    constructor(iconCacheService, _imageService) {
+        this.iconCacheService = iconCacheService;
+        this._imageService = _imageService;
+        this.icon = Icon;
+        this.transactionTypes = TransactionKind;
+        this.showSidePanelClicked = new EventEmitter();
+    }
+    set transactionLine(value) {
+        this._transactionLine = value;
+        this._loadLineImage();
+    }
+    get transactionLine() {
+        return this._transactionLine;
+    }
+    showClass() {
+        return true;
+    }
+    handleSidePanelButtonClicked() {
+        this.showSidePanelClicked.next(this._transactionLine);
+    }
+    getStatusColor(n) {
+        switch (n) {
+            case 0:
+                return '#5fdbb2';
+            case 1:
+                return '#f78852';
+            case 2:
+                return '#f23a3a';
+        }
+    }
+    _loadLineImage() {
+        return __awaiter(this, void 0, void 0, function* () {
+            if (this._transactionLine && this._transactionLine.isArticle) {
+                this._imageService.retrieveLineImage(this._transactionLine).then((image) => {
+                    this.image = image;
+                });
+            }
+        });
+    }
+}
+TransactionTileComponent.decorators = [
+    { type: Component, args: [{
+                selector: "co-transaction-tile",
+                template: `
+    <div class="transaction-tile-wrapper" *ngIf="transactionLine">
+      <div class="header-row center">
+        <div class="header-transport-container center">
+          <co-icon class="transport-method-icon" [iconData]="iconCacheService.getIcon(icon.DeliveryTruck)"></co-icon>
+          <span class="transport-method-text" [textContent]="'Dropshipment door leverancier'"></span>
+        </div>
+        <span class="header-date bold" [textContent]="transactionLine.deliveryDate | date : 'd-MM-yyyy'"></span>
+        <co-icon class="header-side-panel-button"
+                 [iconData]="iconCacheService.getIcon(icon.ThickLines)"
+                 (click)="handleSidePanelButtonClicked()"
+        ></co-icon>
+      </div>
+
+      <div class="transaction-details-row">
+        <div class="transaction-details-container">
+          <span class="transaction-tile-title bold" [textContent]="transactionLine.goodDescription"></span>
+          <span  *ngFor="let text of transactionLine.articleTestAsArray" class="transaction-tile-description"
+                [innerHTML]="text | safeHtml"></span>
+        </div>
+        <co-image-display class="tile-image" [model]="image"></co-image-display>
+      </div>
+
+      <div class="transaction-order-status-row">
+        <div class="indicators-wrapper">
+          <div *ngFor="let n of [0, 1, 2]" [style.background]="getStatusColor(n)" class="transaction-order-status-indicator"></div>
+        </div>
+      </div>
+
+      <div class="transaction-data-row center">
+        <div class="transaction-data-header">
+          <div class="transaction-data-header-item">
+            <span class="transaction-data-header-label" [textContent]="'ARTICLE_NR'| localize"></span>
+            <span class="transaction-data-header-field"
+                  [textContent]="transactionLine.articleNumber ? transactionLine.articleNumber : '-'"></span>
+          </div>
+          <div class="transaction-data-header-divider"></div>
+          <div class="transaction-data-header-item center">
+            <span class="transaction-data-header-label" [textContent]="'PRICE'| localize"></span>
+            <span class="transaction-data-header-field"
+                  [textContent]="transactionLine.price ? (transactionLine.price | priceDisplay) : '-'"></span>
+          </div>
+          <div class="transaction-data-header-divider"></div>
+          <div class="transaction-data-header-item center">
+            <span class="transaction-data-header-label" [textContent]="'DISCOUNT'| localize"></span>
+            <span class="transaction-data-header-field"
+                  [textContent]="transactionLine.discountAmount ? transactionLine.discountAmount : '-'"></span>
+          </div>
+          <div class="transaction-data-header-divider"></div>
+          <div class="transaction-data-header-item center">
+            <span class="transaction-data-header-label" [textContent]="'Mag'| localize"></span>
+            <span class="transaction-data-header-field"
+                  [textContent]="transactionLine.warehouseNumber ? transactionLine.warehouseNumber : '-'"></span>
+          </div>
+          <div class="transaction-data-header-divider"></div>
+          <div class="transaction-data-header-item center">
+            <span class="transaction-data-header-label" [textContent]="'CC'| localize"></span>
+            <span class="transaction-data-header-field"
+                  [textContent]="transactionLine.commissionCode ? transactionLine.commissionCode : '-'"></span>
+          </div>
+        </div>
+        <div class="transaction-data-header-item mutable center">
+          <span class="transaction-data-header-label" [textContent]="'AMOUNT'| localize"></span>
+          <input type="number" class="transaction-data-header-field bold amount-input" [(ngModel)]="transactionLine.amount">
+        </div>
+      </div>
+    </div>
+  `,
+                encapsulation: ViewEncapsulation.None
+            },] }
+];
+TransactionTileComponent.ctorParameters = () => [
+    { type: IconCacheService },
+    { type: TransactionImageService }
+];
+TransactionTileComponent.propDecorators = {
+    transactionType: [{ type: Input }],
+    transactionLine: [{ type: Input }],
+    showSidePanelClicked: [{ type: Output }],
+    showClass: [{ type: HostBinding, args: ["class.co-transaction-tile",] }]
+};
+
+class TransactionTileModule {
+}
+TransactionTileModule.decorators = [
+    { type: NgModule, args: [{
+                imports: [
+                    CommonModule,
+                    CoreModule,
+                    IconModule,
+                    PipeModule,
+                    FormsModule,
+                    PriceDisplayPipeModule
+                ],
+                declarations: [
+                    TransactionTileComponent
+                ],
+                exports: [
+                    TransactionTileComponent
+                ]
+            },] }
+];
+
 class TransactionModule {
 }
 TransactionModule.decorators = [
@@ -12381,7 +12597,8 @@ TransactionModule.decorators = [
                     TransactionOrderConfirmationGridModule,
                     TransactionReceivedGoodsGridModule,
                     ViewModeButtonsModule,
-                    TransactionGridModule
+                    TransactionGridModule,
+                    TransactionTileModule
                 ],
                 declarations: [
                     TransactionComponent
@@ -13893,6 +14110,57 @@ TransactionSearchGridModule.decorators = [
             },] }
 ];
 
+class StatusBarComponent {
+    constructor(iconCacheService) {
+        this.iconCacheService = iconCacheService;
+        this.icons = Icon;
+    }
+    showClass() {
+        return true;
+    }
+}
+StatusBarComponent.decorators = [
+    { type: Component, args: [{
+                selector: "co-status-bar",
+                template: `
+    <div>
+      <!--Tijdelijk visueel voorbeeld:-->
+      <div class="status-bar-icons-wrapper">
+        <co-icon class="color-green" [iconData]="this.iconCacheService.getIcon(this.icons.SquareFullSolid)"></co-icon>
+        <co-icon class="color-orange" [iconData]="this.iconCacheService.getIcon(this.icons.SquareFullSolid)"></co-icon>
+        <co-icon [iconData]="this.iconCacheService.getIcon(this.icons.SquareFull)"></co-icon>
+        <co-icon [iconData]="this.iconCacheService.getIcon(this.icons.SquareFull)"></co-icon>
+        <co-icon [iconData]="this.iconCacheService.getIcon(this.icons.SquareFull)"></co-icon>
+      </div>
+    </div>
+  `,
+                encapsulation: ViewEncapsulation.None
+            },] }
+];
+StatusBarComponent.ctorParameters = () => [
+    { type: IconCacheService }
+];
+StatusBarComponent.propDecorators = {
+    showClass: [{ type: HostBinding, args: ["class.co-status-bar",] }]
+};
+
+class StatusBarModule {
+}
+StatusBarModule.decorators = [
+    { type: NgModule, args: [{
+                imports: [
+                    CommonModule,
+                    IconModule
+                ],
+                declarations: [
+                    StatusBarComponent
+                ],
+                exports: [
+                    StatusBarComponent
+                ]
+            },] }
+];
+
 class TransactionSearchPurchaseOrderTileModule {
 }
 TransactionSearchPurchaseOrderTileModule.decorators = [
@@ -13901,7 +14169,8 @@ TransactionSearchPurchaseOrderTileModule.decorators = [
                     CommonModule,
                     PipeModule,
                     AvatarModule,
-                    IconModule
+                    IconModule,
+                    StatusBarModule
                 ],
                 declarations: [
                     TransactionSearchPurchaseOrderTileComponent
@@ -13923,6 +14192,7 @@ TransactionSearchSalesOrderTileModule.decorators = [
                     ButtonModule,
                     PipeModule,
                     IconModule,
+                    StatusBarModule,
                 ],
                 declarations: [
                     TransactionSearchSalesOrderTileComponent
@@ -14101,9 +14371,11 @@ TransactionSearchResultComponent.decorators = [
           (transactionClick)="onTransactionClick($event)">
         </co-transaction-search-tile>
       </div>
-      <co-pagination [previousLabel]="'PREVIOUS' | localize" [nextLabel]="'NEXT' | localize"
-                     (pageChange)="onPaginationPageChange($event)"></co-pagination>
     </div>
+    <co-pagination *ngIf="searchService.transactions?.length > 0" [previousLabel]="'PREVIOUS' | localize"
+                   [nextLabel]="'NEXT' | localize"
+                   [autoHide]="true"
+                   (pageChange)="onPaginationPageChange($event)"></co-pagination>
     <div class="transaction-search-result-content-grid-wrapper" *ngIf="activeContentViewMode === contentViewModes.Grid">
       <co-transaction-search-grid
         [transactionType]="transactionType"
@@ -14969,5 +15241,5 @@ TransactionLineGridModule.decorators = [
  * Generated bundle index. Do not edit.
  */
 
-export { CheckoutComponent, CheckoutModule, ShoppingCartComponent, ShoppingCartModule, ShoppingCartPreviewComponent, ShoppingCartPreviewModule, TransactionComponent, TransactionConfirmationDetailsComponent, TransactionConfirmationDetailsModule, TransactionConfirmationHistoryComponent, TransactionConfirmationHistoryModule, TransactionHeaderComponent, TransactionHeaderDeliveryComponent, TransactionHeaderDeliveryModule, TransactionHeaderModule, TransactionHeaderOrderComponent, TransactionHeaderOrderModule, TransactionHeaderRelationComponent, TransactionHeaderRelationModule, TransactionLineComponent, TransactionLineGridComponent, TransactionLineGridModule, TransactionLineModule, TransactionLinesComponent, TransactionLinesModule, TransactionModule, TransactionQuickAccessComponent, TransactionQuickAccessModule, TransactionQuickAccessOrderConfirmationComponent, TransactionQuickAccessOrderConfirmationModule, TransactionQuickAccessReceivedGoodsComponent, TransactionQuickAccessReceivedGoodsModule, TransactionSearchComponent, TransactionSearchModule, TransactionService, TransactionTotalsComponent, TransactionTotalsModule, PendingReasonService as ɵa, DialogService as ɵb, RelationAddressComponent as ɵba, RelationAddressSelectModule as ɵbb, RelationAddressTileModule as ɵbc, TileModule as ɵbd, TileComponent as ɵbe, RelationAddressTileComponent as ɵbf, RelationAddressSelectComponent as ɵbg, BusinessObjectFactory as ɵbh, StepperModule as ɵbi, StepperComponent as ɵbj, StepperStepComponent as ɵbk, TransactionArticleTextModule as ɵbl, TransactionArticleTextComponent as ɵbm, TransactionArticleTextOverviewModule as ɵbn, TransactionArticleTextOverviewComponent as ɵbo, TransactionLineActionButtonsModule as ɵbp, TransactionLineActionButtonsComponent as ɵbq, EditableLabelModule as ɵbr, EditableLabelComponent as ɵbs, TransactionLinePriceModule as ɵbt, TransactionLinePriceComponent as ɵbu, TransactionLineFieldsBaseComponent as ɵbv, TransactionImageService as ɵbw, AvatarModule as ɵbx, AvatarComponent as ɵby, SharedService as ɵbz, OptionsService as ɵc, SharedConnectorService as ɵca, DeliveryTypeTileModule as ɵcb, DeliveryTypeTileComponent as ɵcc, PaymentModule as ɵcd, PaymentTileModule as ɵce, PaymentTileComponent as ɵcf, PaymentQrCodeModule as ɵcg, PaymentQrCodeComponent as ɵch, PaymentService as ɵci, PaymentComponent as ɵcj, CheckoutOverviewRelationEditComponent as ɵck, CheckoutOverviewDeliveryEditComponent as ɵcl, CheckoutOverviewDeliveryAddressComponent as ɵcm, CheckOutRelationSuggestionsListComponent as ɵcn, CheckOutRelationSuggestionsListItemComponent as ɵco, CheckoutLoginComponent as ɵcp, TransactionHeaderModule$1 as ɵcq, TransactionHeaderBlockModule as ɵcr, TransactionHeaderBlockComponent as ɵcs, TransactionBaseComponent as ɵct, TransactionHeaderPaymentModule as ɵcu, TransactionHeaderPaymentComponent as ɵcv, TransactionHeaderComponent$1 as ɵcw, TransactionLinesGridModule as ɵcx, TransactionBaseGridModule as ɵcy, TransactionLineSidePanelModule as ɵcz, DictionaryService as ɵd, TransactionLineSidePanelDefaultModule as ɵda, TransactionLinePriceListModule as ɵdb, TransactionLinePriceListComponent as ɵdc, TransactionLineVatModule as ɵdd, TransactionLineVatComponent as ɵde, TransactionLineQuantityModule as ɵdf, TransactionLineQuantityComponent as ɵdg, TransactionLineLineDiscountModule as ɵdh, TransactionLineLineDiscountComponent as ɵdi, TransactionLineDeliveryMethodModule as ɵdj, TransactionLineDeliveryMethodComponent as ɵdk, TransactionLineDeliveryDateModule as ɵdl, TransactionLineDeliveryDateComponent as ɵdm, TransactionLineReferenceModule as ɵdn, TransactionLineReferenceComponent as ɵdo, TransactionLineCommissionCodeModule as ɵdp, TransactionLineCommissionCodeComponent as ɵdq, TransactionLineWarehouseModule as ɵdr, TransactionLineWarehouseComponent as ɵds, TransactionLineDiscountAmountModule as ɵdt, TransactionLineDiscountAmountComponent as ɵdu, TransactionLineQuantumDiscountModule as ɵdv, TransactionLineQuantumDiscountComponent as ɵdw, TransactionLineSpecialDiscountModule as ɵdx, TransactionLineSpecialDiscountComponent as ɵdy, TransactionLineSidePanelDefaultComponent as ɵdz, TransactionConnectorService as ɵe, TransactionReceivingGoodsHistoryModule as ɵea, TransactionHistoryGridModule as ɵeb, TransactionHistoryGridStatusModule as ɵec, TransactionHistoryGridStatusComponent as ɵed, TransactionHistoryGridComponent as ɵee, TransactionReceivingGoodsHistoryComponent as ɵef, TransactionReceivingGoodsDetailsModule as ɵeg, TransactionReceivingGoodsDetailsComponent as ɵeh, ArticleService as ɵei, TransactionButtonBarModule as ɵej, TransactionButtonBarComponent as ɵek, TransactionMappingService as ɵel, TransactionButtonBarButtonComponent as ɵem, TransactionLineSidePanelPurchaseModule as ɵen, DefaultOkCancelButtonsModule as ɵeo, DefaultOkCancelButtonsComponent as ɵep, TransactionLineSidePanelPurchaseComponent as ɵeq, TransactionEventService as ɵer, TransactionLineSidePanelComponent as ɵes, TransactionBaseGridComponent as ɵet, TransactionGridBaseComponent as ɵeu, TransactionLinesGridComponent as ɵev, DiscountModule as ɵew, DiscountComponent as ɵex, TransactionQuickAccessOverviewModule as ɵey, TransactionQuickAccessOverviewComponent as ɵez, CollectionCacheService as ɵf, TransactionOrderConfirmationGridModule as ɵfa, TransactionOrderConfirmationGridComponent as ɵfb, TransactionReceivedGoodsGridModule as ɵfc, TransactionReceivedGoodsGridComponent as ɵfd, ViewModeButtonsModule as ɵfe, ViewModeButtonsComponent as ɵff, TransactionGridModule as ɵfg, TransactionGridComponent as ɵfh, TransactionSearchService as ɵfi, TransactionSearchResultModule as ɵfj, TransactionSearchSalesOrderTileModule as ɵfk, TransactionSearchSalesOrderTileComponent as ɵfl, TransactionSearchTileBaseComponent as ɵfm, TransactionSearchPurchaseOrderTileModule as ɵfn, TransactionSearchPurchaseOrderTileComponent as ɵfo, TransactionSearchSalesOrderGridModule as ɵfp, TransactionSearchSalesOrderGridComponent as ɵfq, TransactionSearchGridBaseComponent as ɵfr, TransactionSearchPurchaseOrderGridModule as ɵfs, TransactionSearchPurchaseOrderGridComponent as ɵft, TransactionSearchHeaderModule as ɵfu, TransactionSearchHeaderComponent as ɵfv, TransactionSearchGridModule as ɵfw, TransactionSearchGridComponent as ɵfx, TransactionSearchTileModule as ɵfy, TransactionSearchTileComponent as ɵfz, ArticleConnectorService as ɵg, TransactionSearchResultComponent as ɵga, TransactionSalesOrderFilterModule as ɵgb, TransactionFilterCategoriesModule as ɵgc, TransactionFilterCategoriesComponent as ɵgd, TransactionSalesOrderFilterContentOrderModule as ɵge, TransactionSalesOrderFilterContentOrderComponent as ɵgf, TransactionFilterContentBaseComponent as ɵgg, FilterRequestService as ɵgh, TransactionSalesOrderFilterContentLogisticsModule as ɵgi, TransactionFilterHistoricStateModule as ɵgj, TransactionFilterHistoricStateComponent as ɵgk, TransactionSalesOrderFilterContentLogisticsComponent as ɵgl, TransactionSalesOrderFilterContentArticleModule as ɵgm, TransactionSalesOrderFilterContentArticleComponent as ɵgn, TransactionSalesOrderFilterComponent as ɵgo, TransactionFilterBaseComponent as ɵgp, TransactionPurchaseOrderFilterModule as ɵgq, TransactionPurchaseOrderFilterContentOrderModule as ɵgr, TransactionPurchaseOrderFilterContentOrderComponent as ɵgs, TransactionPurchaseOrderFilterContentLogisticsModule as ɵgt, TransactionPurchaseOrderFilterContentLogisticsComponent as ɵgu, TransactionPurchaseOrderFilterContentArticleModule as ɵgv, TransactionPurchaseOrderFilterContentArticleComponent as ɵgw, TransactionPurchaseOrderFilterComponent as ɵgx, TransactionFilterModule as ɵgy, TransactionFilterComponent as ɵgz, CoreModule as ɵh, ConfirmationDialogModule as ɵi, PipeModule as ɵj, AppendPipe as ɵk, DeliveryTimePipe as ɵl, DateDurationPipe as ɵm, LocalizePipe as ɵn, CoCurrencyPipe as ɵo, SafeStylePipe as ɵp, SafeHtmlPipe as ɵq, ConfirmationDialogComponent as ɵr, DialogBaseComponent as ɵs, ImageDisplayComponent as ɵt, IconComponent as ɵu, IconCacheService as ɵv, CustomerGroupsComponent as ɵw, StockStatusIndicatorComponent as ɵx, LoaderComponent as ɵy, RelationAddressModule as ɵz };
+export { CheckoutComponent, CheckoutModule, ShoppingCartComponent, ShoppingCartModule, ShoppingCartPreviewComponent, ShoppingCartPreviewModule, TransactionComponent, TransactionConfirmationDetailsComponent, TransactionConfirmationDetailsModule, TransactionConfirmationHistoryComponent, TransactionConfirmationHistoryModule, TransactionHeaderComponent, TransactionHeaderDeliveryComponent, TransactionHeaderDeliveryModule, TransactionHeaderModule, TransactionHeaderOrderComponent, TransactionHeaderOrderModule, TransactionHeaderRelationComponent, TransactionHeaderRelationModule, TransactionLineComponent, TransactionLineGridComponent, TransactionLineGridModule, TransactionLineModule, TransactionLinesComponent, TransactionLinesModule, TransactionModule, TransactionQuickAccessComponent, TransactionQuickAccessModule, TransactionQuickAccessOrderConfirmationComponent, TransactionQuickAccessOrderConfirmationModule, TransactionQuickAccessReceivedGoodsComponent, TransactionQuickAccessReceivedGoodsModule, TransactionSearchComponent, TransactionSearchModule, TransactionService, TransactionTotalsComponent, TransactionTotalsModule, PendingReasonService as ɵa, DialogService as ɵb, RelationAddressComponent as ɵba, RelationAddressSelectModule as ɵbb, RelationAddressTileModule as ɵbc, TileModule as ɵbd, TileComponent as ɵbe, RelationAddressTileComponent as ɵbf, RelationAddressSelectComponent as ɵbg, BusinessObjectFactory as ɵbh, StepperModule as ɵbi, StepperComponent as ɵbj, StepperStepComponent as ɵbk, TransactionArticleTextModule as ɵbl, TransactionArticleTextComponent as ɵbm, TransactionArticleTextOverviewModule as ɵbn, TransactionArticleTextOverviewComponent as ɵbo, TransactionLineActionButtonsModule as ɵbp, TransactionLineActionButtonsComponent as ɵbq, EditableLabelModule as ɵbr, EditableLabelComponent as ɵbs, TransactionLinePriceModule as ɵbt, TransactionLinePriceComponent as ɵbu, TransactionLineFieldsBaseComponent as ɵbv, TransactionImageService as ɵbw, AvatarModule as ɵbx, AvatarComponent as ɵby, SharedService as ɵbz, OptionsService as ɵc, SharedConnectorService as ɵca, DeliveryTypeTileModule as ɵcb, DeliveryTypeTileComponent as ɵcc, PaymentModule as ɵcd, PaymentTileModule as ɵce, PaymentTileComponent as ɵcf, PaymentQrCodeModule as ɵcg, PaymentQrCodeComponent as ɵch, PaymentService as ɵci, PaymentComponent as ɵcj, CheckoutOverviewRelationEditComponent as ɵck, CheckoutOverviewDeliveryEditComponent as ɵcl, CheckoutOverviewDeliveryAddressComponent as ɵcm, CheckOutRelationSuggestionsListComponent as ɵcn, CheckOutRelationSuggestionsListItemComponent as ɵco, CheckoutLoginComponent as ɵcp, TransactionHeaderModule$1 as ɵcq, TransactionHeaderBlockModule as ɵcr, TransactionHeaderBlockComponent as ɵcs, TransactionBaseComponent as ɵct, TransactionHeaderPaymentModule as ɵcu, TransactionHeaderPaymentComponent as ɵcv, TransactionHeaderComponent$1 as ɵcw, TransactionLinesGridModule as ɵcx, TransactionBaseGridModule as ɵcy, TransactionLineSidePanelModule as ɵcz, DictionaryService as ɵd, TransactionLineSidePanelDefaultModule as ɵda, TransactionLinePriceListModule as ɵdb, TransactionLinePriceListComponent as ɵdc, TransactionLineVatModule as ɵdd, TransactionLineVatComponent as ɵde, TransactionLineQuantityModule as ɵdf, TransactionLineQuantityComponent as ɵdg, TransactionLineLineDiscountModule as ɵdh, TransactionLineLineDiscountComponent as ɵdi, TransactionLineDeliveryMethodModule as ɵdj, TransactionLineDeliveryMethodComponent as ɵdk, TransactionLineDeliveryDateModule as ɵdl, TransactionLineDeliveryDateComponent as ɵdm, TransactionLineReferenceModule as ɵdn, TransactionLineReferenceComponent as ɵdo, TransactionLineCommissionCodeModule as ɵdp, TransactionLineCommissionCodeComponent as ɵdq, TransactionLineWarehouseModule as ɵdr, TransactionLineWarehouseComponent as ɵds, TransactionLineDiscountAmountModule as ɵdt, TransactionLineDiscountAmountComponent as ɵdu, TransactionLineQuantumDiscountModule as ɵdv, TransactionLineQuantumDiscountComponent as ɵdw, TransactionLineSpecialDiscountModule as ɵdx, TransactionLineSpecialDiscountComponent as ɵdy, TransactionLineSidePanelDefaultComponent as ɵdz, TransactionConnectorService as ɵe, TransactionReceivingGoodsHistoryModule as ɵea, TransactionHistoryGridModule as ɵeb, TransactionHistoryGridStatusModule as ɵec, TransactionHistoryGridStatusComponent as ɵed, TransactionHistoryGridComponent as ɵee, TransactionReceivingGoodsHistoryComponent as ɵef, TransactionReceivingGoodsDetailsModule as ɵeg, TransactionReceivingGoodsDetailsComponent as ɵeh, ArticleService as ɵei, TransactionButtonBarModule as ɵej, TransactionButtonBarComponent as ɵek, TransactionMappingService as ɵel, TransactionButtonBarButtonComponent as ɵem, TransactionLineSidePanelPurchaseModule as ɵen, DefaultOkCancelButtonsModule as ɵeo, DefaultOkCancelButtonsComponent as ɵep, TransactionLineSidePanelPurchaseComponent as ɵeq, TransactionEventService as ɵer, TransactionLineSidePanelComponent as ɵes, TransactionBaseGridComponent as ɵet, TransactionGridBaseComponent as ɵeu, TransactionLinesGridComponent as ɵev, DiscountModule as ɵew, DiscountComponent as ɵex, TransactionQuickAccessOverviewModule as ɵey, TransactionQuickAccessOverviewComponent as ɵez, CollectionCacheService as ɵf, TransactionOrderConfirmationGridModule as ɵfa, TransactionOrderConfirmationGridComponent as ɵfb, TransactionReceivedGoodsGridModule as ɵfc, TransactionReceivedGoodsGridComponent as ɵfd, ViewModeButtonsModule as ɵfe, ViewModeButtonsComponent as ɵff, TransactionGridModule as ɵfg, TransactionGridComponent as ɵfh, TransactionTileModule as ɵfi, TransactionTileComponent as ɵfj, TransactionSearchService as ɵfk, TransactionSearchResultModule as ɵfl, TransactionSearchSalesOrderTileModule as ɵfm, StatusBarModule as ɵfn, StatusBarComponent as ɵfo, TransactionSearchSalesOrderTileComponent as ɵfp, TransactionSearchTileBaseComponent as ɵfq, TransactionSearchPurchaseOrderTileModule as ɵfr, TransactionSearchPurchaseOrderTileComponent as ɵfs, TransactionSearchSalesOrderGridModule as ɵft, TransactionSearchSalesOrderGridComponent as ɵfu, TransactionSearchGridBaseComponent as ɵfv, TransactionSearchPurchaseOrderGridModule as ɵfw, TransactionSearchPurchaseOrderGridComponent as ɵfx, TransactionSearchHeaderModule as ɵfy, TransactionSearchHeaderComponent as ɵfz, ArticleConnectorService as ɵg, TransactionSearchGridModule as ɵga, TransactionSearchGridComponent as ɵgb, TransactionSearchTileModule as ɵgc, TransactionSearchTileComponent as ɵgd, TransactionSearchResultComponent as ɵge, TransactionSalesOrderFilterModule as ɵgf, TransactionFilterCategoriesModule as ɵgg, TransactionFilterCategoriesComponent as ɵgh, TransactionSalesOrderFilterContentOrderModule as ɵgi, TransactionSalesOrderFilterContentOrderComponent as ɵgj, TransactionFilterContentBaseComponent as ɵgk, FilterRequestService as ɵgl, TransactionSalesOrderFilterContentLogisticsModule as ɵgm, TransactionFilterHistoricStateModule as ɵgn, TransactionFilterHistoricStateComponent as ɵgo, TransactionSalesOrderFilterContentLogisticsComponent as ɵgp, TransactionSalesOrderFilterContentArticleModule as ɵgq, TransactionSalesOrderFilterContentArticleComponent as ɵgr, TransactionSalesOrderFilterComponent as ɵgs, TransactionFilterBaseComponent as ɵgt, TransactionPurchaseOrderFilterModule as ɵgu, TransactionPurchaseOrderFilterContentOrderModule as ɵgv, TransactionPurchaseOrderFilterContentOrderComponent as ɵgw, TransactionPurchaseOrderFilterContentLogisticsModule as ɵgx, TransactionPurchaseOrderFilterContentLogisticsComponent as ɵgy, TransactionPurchaseOrderFilterContentArticleModule as ɵgz, CoreModule as ɵh, TransactionPurchaseOrderFilterContentArticleComponent as ɵha, TransactionPurchaseOrderFilterComponent as ɵhb, TransactionFilterModule as ɵhc, TransactionFilterComponent as ɵhd, ConfirmationDialogModule as ɵi, PipeModule as ɵj, AppendPipe as ɵk, DeliveryTimePipe as ɵl, DateDurationPipe as ɵm, LocalizePipe as ɵn, CoCurrencyPipe as ɵo, SafeStylePipe as ɵp, SafeHtmlPipe as ɵq, ConfirmationDialogComponent as ɵr, DialogBaseComponent as ɵs, ImageDisplayComponent as ɵt, IconComponent as ɵu, IconCacheService as ɵv, CustomerGroupsComponent as ɵw, StockStatusIndicatorComponent as ɵx, LoaderComponent as ɵy, RelationAddressModule as ɵz };
 //# sourceMappingURL=colijnit-transaction.js.map