| 
									
										
										
										
											2022-09-29 22:45:40 +00:00
										 |  |  | <div class="text-center" class="blockchain-wrapper" [class.time-ltr]="timeLtr" [class.ltr-transition]="ltrTransitionEnabled" #container> | 
					
						
							| 
									
										
										
										
											2023-09-20 03:07:35 +00:00
										 |  |  |   <div #positionContainer class="position-container" [ngClass]="network ? network : ''" [style]="positionStyle"> | 
					
						
							| 
									
										
										
										
											2020-07-30 13:13:22 +07:00
										 |  |  |     <span> | 
					
						
							| 
									
										
										
										
											2022-09-29 22:45:40 +00:00
										 |  |  |       <div class="blocks-wrapper"> | 
					
						
							| 
									
										
										
										
											2022-12-28 06:05:46 -06:00
										 |  |  |         <div class="scroll-spacer" *ngIf="minScrollWidth" [style.left]="minScrollWidth + 'px'"></div> | 
					
						
							| 
									
										
										
										
											2023-06-14 14:33:13 -04:00
										 |  |  |         <app-mempool-blocks [hidden]="pageIndex > 0" [allBlocks]="scrollableMempool" (widthChange)="onMempoolWidthChange($event)"></app-mempool-blocks> | 
					
						
							| 
									
										
										
										
											2022-12-27 05:28:57 -06:00
										 |  |  |         <app-blockchain-blocks [hidden]="pageIndex > 0"></app-blockchain-blocks> | 
					
						
							|  |  |  |         <ng-container *ngFor="let page of pages; trackBy: trackByPageFn"> | 
					
						
							| 
									
										
										
										
											2023-02-08 19:07:59 -06:00
										 |  |  |           <app-blockchain-blocks [static]="true" [offset]="page.offset" [height]="page.height" [count]="blocksPerPage" [loadingTip]="loadingTip" [connected]="connected"></app-blockchain-blocks> | 
					
						
							| 
									
										
										
										
											2022-12-27 05:28:57 -06:00
										 |  |  |         </ng-container> | 
					
						
							| 
									
										
										
										
											2022-09-29 22:45:40 +00:00
										 |  |  |       </div> | 
					
						
							| 
									
										
										
										
											2022-12-27 05:28:57 -06:00
										 |  |  |       <div id="divider" [hidden]="pageIndex > 0"> | 
					
						
							| 
									
										
										
										
											2024-04-21 14:54:50 +02:00
										 |  |  |         <button class="block-display-toggle" (click)="toggleBlockDisplayMode()"><fa-icon [icon]="['fas', 'exchange-alt']" [fixedWidth]="true"></fa-icon></button> | 
					
						
							| 
									
										
										
										
											2022-09-30 13:57:34 +04:00
										 |  |  |         <button class="time-toggle" (click)="toggleTimeDirection()"><fa-icon [icon]="['fas', 'exchange-alt']" [fixedWidth]="true"></fa-icon></button> | 
					
						
							| 
									
										
										
										
											2022-09-29 22:45:40 +00:00
										 |  |  |       </div> | 
					
						
							| 
									
										
										
										
											2020-05-09 20:37:50 +07:00
										 |  |  |     </span> | 
					
						
							| 
									
										
										
										
											2020-02-23 19:16:50 +07:00
										 |  |  |   </div> | 
					
						
							| 
									
										
										
										
											2020-07-30 13:13:22 +07:00
										 |  |  | </div> |