From 8f74ef58f856abbb4b9fb8ce1bb315528c5d17c8 Mon Sep 17 00:00:00 2001
From: softsimon <softsimon@protonmail.com>
Date: Thu, 10 Jun 2021 15:38:15 -0500
Subject: [PATCH] i18n fixes.

---
 .../bisq-transactions.component.ts            |   5 +-
 .../api-docs/api-docs.component.html          | 158 ++++----
 .../api-docs/code-template.component.html     |   8 +-
 frontend/src/locale/messages.xlf              | 365 +++++++++++++++++-
 4 files changed, 434 insertions(+), 102 deletions(-)

diff --git a/frontend/src/app/bisq/bisq-transactions/bisq-transactions.component.ts b/frontend/src/app/bisq/bisq-transactions/bisq-transactions.component.ts
index 44c39524e..ab4637e9c 100644
--- a/frontend/src/app/bisq/bisq-transactions/bisq-transactions.component.ts
+++ b/frontend/src/app/bisq/bisq-transactions/bisq-transactions.component.ts
@@ -160,8 +160,9 @@ export class BisqTransactionsComponent implements OnInit {
     return outputs.reduce((acc: number, output: BisqOutput) => acc + output.bsqAmount, 0);
   }
 
-  getStringByTxType(id: string) {
-    return this.txTypeOptions.find((type) => type.id).name;
+  getStringByTxType(type: string) {
+    const id = this.txTypes.indexOf(type) + 1;
+    return this.txTypeOptions.find((type) => id === type.id).name;
   }
 
   trackByFn(index: number) {
diff --git a/frontend/src/app/components/api-docs/api-docs.component.html b/frontend/src/app/components/api-docs/api-docs.component.html
index f602a1fab..5d4ab2faa 100644
--- a/frontend/src/app/components/api-docs/api-docs.component.html
+++ b/frontend/src/app/components/api-docs/api-docs.component.html
@@ -17,12 +17,12 @@
             <ng-template ngbPanelContent>
 
               <div class="endpoint">
-                <div class="subtitle">Endpoint</div>
+                <div class="subtitle" i18n="Api docs endpoint">Endpoint</div>
                 <a href="{{ network.val === '' ? '' : '/' + network.val }}/api/address/1wizSAYSbuyXbt9d8JV8ytm5acqq2TorC" target="_blank">GET {{ network.val === '' ? '' : '/' + network.val }}/api/address/:address</a>
               </div>
       
               <div class="description">
-                <div class="subtitle">Description</div>
+                <div class="subtitle" i18n>Description</div>
                   <div i18n>Returns details about an address. Available fields: <code>address</code>, <code>chain_stats</code>, and <code>mempool_stats</code>. {{ '{' }}chain,mempool{{ '}' }}_stats each contain an object with <code>tx_count</code>, <code>funded_txo_count</code>, <code>funded_txo_sum</code>, <code>spent_txo_count</code>, and <code>spent_txo_sum</code>.</div>
               </div>      
               <app-code-template [code]="code.address" [network]="network.val" ></app-code-template>
@@ -36,11 +36,11 @@
             <ng-template ngbPanelContent>
               
               <div class="endpoint">
-                <div class="subtitle">Endpoint</div>
+                <div class="subtitle" i18n="Api docs endpoint">Endpoint</div>
                 <a href="{{ network.val === '' ? '' : '/' + network.val }}/api/address/1wizSAYSbuyXbt9d8JV8ytm5acqq2TorC/txs" target="_blank">GET {{ network.val === '' ? '' : '/' + network.val }}/api/address/:address/txs</a>
               </div>
               <div class="description">
-                <div class="subtitle">Description</div>
+                <div class="subtitle" i18n>Description</div>
                 <div i18n>Get transaction history for the specified address/scripthash, sorted with newest first. Returns up to 50 mempool transactions plus the first 25 confirmed transactions. You can request more confirmed transactions using <code>:last_seen_txid</code> (see below).</div>
               </div>
               <app-code-template [code]="code.addressTransactions" [network]="network.val" ></app-code-template>      
@@ -53,11 +53,11 @@
             </ng-template>
             <ng-template ngbPanelContent>              
               <div class="endpoint">
-                <div class="subtitle">Endpoint</div>
+                <div class="subtitle" i18n="Api docs endpoint">Endpoint</div>
                 <a href="{{ network.val === '' ? '' : '/' + network.val }}/api/address/1wizSAYSbuyXbt9d8JV8ytm5acqq2TorC/txs/chain" target="_blank">GET {{ network.val === '' ? '' : '/' + network.val }}/api/address/:address/txs/chain</a>
               </div>
               <div class="description">
-                <div class="subtitle">Description</div>
+                <div class="subtitle" i18n>Description</div>
                 <div i18n>Get confirmed transaction history for the specified address/scripthash, sorted with newest first. Returns 25 transactions per page. More can be requested by specifying the last txid seen by the previous query.</div>
               </div>
               <app-code-template [code]="code.addressTransactionsChain" [network]="network.val" ></app-code-template>
@@ -71,12 +71,12 @@
             <ng-template ngbPanelContent>
               
               <div class="endpoint">
-                <div class="subtitle">Endpoint</div>
+                <div class="subtitle" i18n="Api docs endpoint">Endpoint</div>
                 <a href="{{ network.val === '' ? '' : '/' + network.val }}/api/address/1wizSAYSbuyXbt9d8JV8ytm5acqq2TorC/txs/mempool" target="_blank">GET {{ network.val === '' ? '' : '/' + network.val }}/api/address/:address/txs/mempool</a>
               </div>
 
               <div class="description">
-                <div class="subtitle">Description</div>
+                <div class="subtitle" i18n>Description</div>
                 <div i18n>Get unconfirmed transaction history for the specified address/scripthash. Returns up to 50 transactions (no paging).</div>
               </div>
 
@@ -91,12 +91,12 @@
             <ng-template ngbPanelContent>
               
               <div class="endpoint">
-                <div class="subtitle">Endpoint</div>
+                <div class="subtitle" i18n="Api docs endpoint">Endpoint</div>
                 <a href="{{ network.val === '' ? '' : '/' + network.val }}/api/address/1wizSAYSbuyXbt9d8JV8ytm5acqq2TorC/utxo" target="_blank">GET {{ network.val === '' ? '' : '/' + network.val }}/api/address/:address/utxo</a>
               </div>
 
               <div class="description">
-                <div class="subtitle">Description</div>
+                <div class="subtitle" i18n>Description</div>
                 <div i18n>Get the list of unspent transaction outputs associated with the address/scripthash. Available fields: <code>txid</code>, <code>vout</code>, <code>value</code>, and <code>status</code> (with the status of the funding tx).<ng-container *ngIf="network.val === 'liquid'">There is also a <code>valuecommitment</code> field that may appear in place of <code>value</code>, plus the following additional fields: <code>asset</code>/<code>assetcommitment</code>, <code>nonce</code>/<code>noncecommitment</code>, <code>surjection_proof</code>, and <code>range_proof</code>.</ng-container></div>
               </div>
 
@@ -117,11 +117,11 @@
             </ng-template>
             <ng-template ngbPanelContent>
               <div class="endpoint">
-                <div class="subtitle">Endpoint</div>
+                <div class="subtitle" i18n="Api docs endpoint">Endpoint</div>
                 <a href="/liquid/api/asset/6f0279e9ed041c3d710a9f57d0c02928416460c4b722ae3457a11eec381c526d" target="_blank">GET /liquid/api/asset/:asset_id</a>
               </div>
               <div class="description">
-                <div class="subtitle">Description</div>
+                <div class="subtitle" i18n>Description</div>
                 <div i18n>Returns information about a Liquid asset.</div>
               </div>
       
@@ -139,7 +139,7 @@
                 <a href="/liquid/api/asset/4b5417ec5ab6112bedf539c3b4f5a806ed539542d8b717e1c4470aa3180edce5/txs" target="_blank">GET /liquid/api/asset/:asset_id/txs[/mempool|/chain]</a>
               </div>
               <div class="description">
-                <div class="subtitle">Description</div>
+                <div class="subtitle" i18n>Description</div>
                 <div i18n>Returns transactions associated with the specified Liquid asset. For the network's native asset, returns a list of peg in, peg out, and burn transactions. For user-issued assets, returns a list of issuance, reissuance, and burn transactions. Does not include regular transactions transferring this asset.</div>
               </div>
       
@@ -154,11 +154,11 @@
             <ng-template ngbPanelContent>
 
               <div class="endpoint">
-                <div class="subtitle">Endpoint</div>
+                <div class="subtitle" i18n="Api docs endpoint">Endpoint</div>
                 <a href="/liquid/api/asset/4b5417ec5ab6112bedf539c3b4f5a806ed539542d8b717e1c4470aa3180edce5/supply" target="_blank">GET /liquid/api/asset/:asset_id/supply[/decimal]</a>
               </div>
               <div class="description">
-                <div class="subtitle">Description</div>
+                <div class="subtitle" i18n>Description</div>
                 <div i18n>Get the current total supply of the specified asset. For the native asset (L-BTC), this is calculated as [chain,mempool]_stats.peg_in_amount - [chain,mempool]_stats.peg_out_amount - [chain,mempool]_stats.burned_amount. For issued assets, this is calculated as [chain,mempool]_stats.issued_amount - [chain,mempool]_stats.burned_amount. Not available for assets with blinded issuances. If /decimal is specified, returns the supply as a decimal according to the asset's divisibility. Otherwise, returned in base units.</div>
               </div>
       
@@ -179,11 +179,11 @@
             </ng-template>
             <ng-template ngbPanelContent>
               <div class="endpoint">
-                <div class="subtitle">Endpoint</div>
+                <div class="subtitle" i18n="Api docs endpoint">Endpoint</div>
                 <a href="{{ network.val === '' ? '' : '/' + network.val }}/api/block/000000000000000015dc777b3ff2611091336355d3f0ee9766a2cf3be8e4b1ce" target="_blank">GET {{ network.val === '' ? '' : '/' + network.val }}/api/block/:hash</a>
               </div>
               <div class="description">
-                <div class="subtitle">Description</div>
+                <div class="subtitle" i18n>Description</div>
                 <div i18n>Returns details about a block. Available fields: <code>id</code>, <code>height</code>, <code>version</code>, <code>timestamp</code>, <code>bits</code>, <code>nonce</code>, <code>merkle_root</code>, <code>tx_count</code>, <code>size</code>, <code>weight</code>,<ng-container *ngIf="network.val === 'liquid'"> <code>proof</code>,</ng-container> and <code>previousblockhash</code>.</div>
               </div>
               <app-code-template [code]="code.block" [network]="network.val" ></app-code-template>
@@ -196,11 +196,11 @@
             </ng-template>
             <ng-template ngbPanelContent>
               <div class="endpoint">
-                <div class="subtitle">Endpoint</div>
+                <div class="subtitle" i18n="Api docs endpoint">Endpoint</div>
                 <a href="{{ network.val === '' ? '' : '/' + network.val }}/api/block-height/0" target="_blank">GET {{ network.val === '' ? '' : '/' + network.val }}/api/block-height/:height</a>
               </div>
               <div class="description">
-                <div class="subtitle">Description</div>
+                <div class="subtitle" i18n>Description</div>
                 <div i18n>Returns the hash of the block currently at <code>:height</code>.</div>
               </div>
               <app-code-template [code]="code.blockHeight" [network]="network.val" ></app-code-template>
@@ -216,7 +216,7 @@
                 <a href="{{ network.val === '' ? '' : '/' + network.val }}/api/block/000000000000000015dc777b3ff2611091336355d3f0ee9766a2cf3be8e4b1ce/raw" target="_blank">GET {{ network.val === '' ? '' : '/' + network.val }}/api/block/:hash/raw</a>
               </div>
               <div class="description">
-                <div class="subtitle">Description</div>
+                <div class="subtitle" i18n>Description</div>
                 <div i18n>Returns the raw block representation in binary.</div>
               </div>
 
@@ -231,11 +231,11 @@
             <ng-template ngbPanelContent>
               <div class="title">Get Block Status</div>
               <div class="endpoint">
-                <div class="subtitle">Endpoint</div>          
+                <div class="subtitle" i18n="Api docs endpoint">Endpoint</div>          
                 <a href="{{ network.val === '' ? '' : '/' + network.val }}/api/block/000000000000000015dc777b3ff2611091336355d3f0ee9766a2cf3be8e4b1ce/status" target="_blank">GET {{ network.val === '' ? '' : '/' + network.val }}/api/block/:hash/status</a>
               </div>
               <div class="description">
-                <div class="subtitle">Description</div>
+                <div class="subtitle" i18n>Description</div>
                 <div i18n>Returns the confirmation status of a block. Available fields: <code>in_best_chain</code> (boolean, false for orphaned blocks), <code>next_best</code> (the hash of the next block, only available for blocks in the best chain).</div>
               </div>
 
@@ -250,12 +250,12 @@
             <ng-template ngbPanelContent>
               
               <div class="endpoint">
-                <div class="subtitle">Endpoint</div>
+                <div class="subtitle" i18n="Api docs endpoint">Endpoint</div>
                 <a href="{{ network.val === '' ? '' : '/' + network.val }}/api/blocks/tip/height" target="_blank">GET {{ network.val === '' ? '' : '/' + network.val }}/api/blocks/tip/height</a>
               </div>
 
               <div class="description">
-                <div class="subtitle">Description</div>
+                <div class="subtitle" i18n>Description</div>
                 <div i18n>Returns the height of the last block.</div>
               </div>
 
@@ -270,11 +270,11 @@
             <ng-template ngbPanelContent>
               
               <div class="endpoint">
-                <div class="subtitle">Endpoint</div>
+                <div class="subtitle" i18n="Api docs endpoint">Endpoint</div>
                 <a href="{{ network.val === '' ? '' : '/' + network.val }}/api/blocks/tip/hash" target="_blank">GET {{ network.val === '' ? '' : '/' + network.val }}/api/blocks/tip/hash</a>
               </div>
               <div class="description">
-                <div class="subtitle">Description</div>
+                <div class="subtitle" i18n>Description</div>
                 <div i18n>Returns the hash of the last block.</div>
               </div>
 
@@ -289,12 +289,12 @@
             <ng-template ngbPanelContent>
               
               <div class="endpoint">
-                <div class="subtitle">Endpoint</div>
+                <div class="subtitle" i18n="Api docs endpoint">Endpoint</div>
                 <a href="{{ network.val === '' ? '' : '/' + network.val }}/api/block/000000000000000015dc777b3ff2611091336355d3f0ee9766a2cf3be8e4b1ce/txid/218" target="_blank">GET {{ network.val === '' ? '' : '/' + network.val }}/api/block/:hash/txid/:index</a>
               </div>
 
               <div class="description">
-                <div class="subtitle">Description</div>
+                <div class="subtitle" i18n>Description</div>
                 <div i18n>Returns the transaction at index <code>:index</code> within the specified block.</div>
               </div>
 
@@ -310,11 +310,11 @@
             <ng-template ngbPanelContent>
               
               <div class="endpoint">
-                <div class="subtitle">Endpoint</div>
+                <div class="subtitle" i18n="Api docs endpoint">Endpoint</div>
                 <a href="{{ network.val === '' ? '' : '/' + network.val }}/api/block/000000000000000015dc777b3ff2611091336355d3f0ee9766a2cf3be8e4b1ce/txids" target="_blank">GET {{ network.val === '' ? '' : '/' + network.val }}/api/block/:hash/txids</a>
               </div>
               <div class="description">
-                <div class="subtitle">Description</div> 
+                <div class="subtitle" i18n>Description</div> 
                 <div i18n>Returns a list of all txids in the block.</div>
               </div>
               
@@ -329,11 +329,11 @@
             </ng-template>
             <ng-template ngbPanelContent>
               <div class="endpoint">
-                <div class="subtitle">Endpoint</div>
+                <div class="subtitle" i18n="Api docs endpoint">Endpoint</div>
                 <a href="{{ network.val === '' ? '' : '/' + network.val }}/api/block/000000000000000015dc777b3ff2611091336355d3f0ee9766a2cf3be8e4b1ce/txs" target="_blank">GET {{ network.val === '' ? '' : '/' + network.val }}/api/block/:hash/txs[/:start_index]</a>
               </div>
               <div class="description">
-                <div class="subtitle">Description</div>
+                <div class="subtitle" i18n>Description</div>
                 <div i18n>Returns a list of transactions in the block (up to 25 transactions beginning at <code>start_index</code>). Transactions returned here do not have the <code>status</code> field, since all the transactions share the same block and confirmation status.</div>
               </div>
 
@@ -348,12 +348,12 @@
             <ng-template ngbPanelContent>
               
               <div class="endpoint">
-                <div class="subtitle">Endpoint</div>
+                <div class="subtitle" i18n="Api docs endpoint">Endpoint</div>
                 <a href="{{ network.val === '' ? '' : '/' + network.val }}/api/blocks" target="_blank">GET {{ network.val === '' ? '' : '/' + network.val }}/api/blocks[/:start_height]</a>
               </div>
 
               <div class="description">
-                <div class="subtitle">Description</div>
+                <div class="subtitle" i18n>Description</div>
                 <div i18n>Returns the 10 newest blocks starting at the tip or at <code>:start_height</code> if specified.</div>
               </div>
 
@@ -376,12 +376,12 @@
             <ng-template ngbPanelContent>
               
               <div class="endpoint">
-                <div class="subtitle">Endpoint</div>
+                <div class="subtitle" i18n="Api docs endpoint">Endpoint</div>
                 <a href="/bisq/api/address/B1DgwRN92rdQ9xpEVCdXRfgeqGw9X4YtrZz" target="_blank">GET /bisq/api/address/:address</a>
               </div>
 
               <div class="description">
-                <div class="subtitle">Description</div>
+                <div class="subtitle" i18n>Description</div>
                 <div i18n>Returns all Bisq transactions belonging to a Bitcoin address, with 'B' prefixed in front of the address.</div>
               </div>
 
@@ -396,12 +396,12 @@
             <ng-template ngbPanelContent>
               
               <div class="endpoint">
-                <div class="subtitle">Endpoint</div>
+                <div class="subtitle" i18n="Api docs endpoint">Endpoint</div>
                 <a href="/bisq/api/block/000000000000000000079aa6bfa46eb8fc20474e8673d6e8a123b211236bf82d" target="_blank">GET /bisq/api/block/:hash</a>
               </div>
 
               <div class="description">
-                <div class="subtitle">Description</div>
+                <div class="subtitle" i18n>Description</div>
                 <div i18n>Returns all Bisq transactions that exist in a Bitcoin block.</div>
               </div>
 
@@ -416,11 +416,11 @@
             <ng-template ngbPanelContent>
               
               <div class="endpoint">
-                <div class="subtitle">Endpoint</div>
+                <div class="subtitle" i18n="Api docs endpoint">Endpoint</div>
                 <a href="/bisq/api/blocks/tip/height" target="_blank">GET /bisq/api/blocks/tip/height</a>
               </div>
               <div class="description">
-                <div class="subtitle">Description</div>
+                <div class="subtitle" i18n>Description</div>
                 <div i18n>Returns the most recently processed Bitcoin block height processed by Bisq.</div>
               </div>
 
@@ -435,12 +435,12 @@
             <ng-template ngbPanelContent>
               
               <div class="endpoint">
-                <div class="subtitle">Endpoint</div>
+                <div class="subtitle" i18n="Api docs endpoint">Endpoint</div>
                 <a href="/bisq/api/blocks/0/25" target="_blank">GET /bisq/api/blocks/:index/:length</a>
               </div>
 
               <div class="description">
-                <div class="subtitle">Description</div>
+                <div class="subtitle" i18n>Description</div>
                 <div i18n>Returns :length Bitcoin blocks that contain Bisq transactions, starting from :index.</div>
               </div>
 
@@ -456,12 +456,12 @@
             <ng-template ngbPanelContent>
 
               <div class="endpoint">
-                <div class="subtitle">Endpoint</div>
+                <div class="subtitle" i18n="Api docs endpoint">Endpoint</div>
                 <a href="/bisq/api/stats" target="_blank">GET /bisq/api/stats</a>
               </div>
       
               <div class="description">
-                <div class="subtitle">Description</div>
+                <div class="subtitle" i18n>Description</div>
                 <div i18n>Returns statistics about all Bisq transactions.</div>
               </div>
       
@@ -476,12 +476,12 @@
             <ng-template ngbPanelContent>
               
               <div class="endpoint">
-                <div class="subtitle">Endpoint</div>
+                <div class="subtitle" i18n="Api docs endpoint">Endpoint</div>
                 <a href="/bisq/api/tx/4b5417ec5ab6112bedf539c3b4f5a806ed539542d8b717e1c4470aa3180edce5" target="_blank">GET /bisq/api/tx/:txid</a>
               </div>
 
               <div class="description">
-                <div class="subtitle">Description</div>
+                <div class="subtitle" i18n>Description</div>
                 <div i18n>Returns details about a Bisq transaction.</div>
               </div>
 
@@ -497,12 +497,12 @@
               
               <div class="title">Get Mempool Txids</div>
               <div class="endpoint">
-                <div class="subtitle">Endpoint</div>
+                <div class="subtitle" i18n="Api docs endpoint">Endpoint</div>
                 <a href="/bisq/api/txs/0/25" target="_blank">GET /bisq/api/txs/:index/:length</a>
               </div>
 
               <div class="description">
-                <div class="subtitle">Description</div>
+                <div class="subtitle" i18n>Description</div>
                 <div i18n>Returns :length of latest Bisq transactions, starting from :index.</div>
               </div>
 
@@ -523,11 +523,11 @@
             </ng-template>
             <ng-template ngbPanelContent>
               <div class="endpoint">
-                <div class="subtitle">Endpoint</div>
+                <div class="subtitle" i18n="Api docs endpoint">Endpoint</div>
                 <a href="{{ network.val === '' ? '' : '/' + network.val }}/api/v1/fees/recommended" target="_blank">GET {{ network.val === '' ? '' : '/' + network.val }}/api/v1/fees/recommended</a>
               </div>
               <div class="description">
-                <div class="subtitle">Description</div>
+                <div class="subtitle" i18n>Description</div>
                 <div i18n="api-docs.fees.recommended|API Docs for /api/v1/fees/recommended">Returns our currently suggested fees for new transactions.</div>
               </div>
               <app-code-template [code]="code.recommendedFees" [network]="network.val" ></app-code-template>
@@ -539,11 +539,11 @@
             </ng-template>
             <ng-template ngbPanelContent>
               <div class="endpoint">
-                <div class="subtitle">Endpoint</div>
+                <div class="subtitle" i18n="Api docs endpoint">Endpoint</div>
                 <a href="{{ network.val === '' ? '' : '/' + network.val }}/api/v1/fees/mempool-blocks" target="_blank">GET {{ network.val === '' ? '' : '/' + network.val }}/api/v1/fees/mempool-blocks</a>
               </div>
               <div class="description">
-                <div class="subtitle">Description</div>
+                <div class="subtitle" i18n>Description</div>
                 <div i18n="api-docs.fees.mempool-blocks|API Docs for /api/v1/fees/mempool-blocks">Returns current mempool as projected blocks.</div>
               </div>
               <app-code-template [code]="code.mempoolBlocks" [network]="network.val" ></app-code-template>
@@ -555,11 +555,11 @@
             </ng-template>
             <ng-template ngbPanelContent>
               <div class="endpoint">
-                <div class="subtitle">Endpoint</div>
+                <div class="subtitle" i18n="Api docs endpoint">Endpoint</div>
                 <a href="{{ network.val === '' ? '' : '/' + network.val }}/api/v1/cpfp/TXID" target="_blank">GET {{ network.val === '' ? '' : '/' + network.val }}/api/v1/cpfp/:txid</a>
               </div>
               <div class="description">
-                <div class="subtitle">Description</div>
+                <div class="subtitle" i18n>Description</div>
                 <div i18n="api-docs.fees.cpfp|API Docs for /api/v1/fees/cpfp">Returns the ancestors and the best descendant fees for a transaction.</div>
               </div>
               <app-code-template [code]="code.cpfp" [network]="network.val" ></app-code-template>
@@ -579,12 +579,12 @@
             </ng-template>
             <ng-template ngbPanelContent>
               <div class="endpoint">
-                <div class="subtitle">Endpoint</div>
+                <div class="subtitle" i18n="Api docs endpoint">Endpoint</div>
                 <a href="{{ network.val === '' ? '' : '/' + network.val }}/api/mempool" target="_blank">GET {{ network.val === '' ? '' : '/' + network.val }}/api/mempool</a>
               </div>
 
               <div class="description">
-                <div class="subtitle">Description</div>
+                <div class="subtitle" i18n>Description</div>
                 <div i18n="api-docs.mempool.mempool|API Docs for /api/mempool">Returns current mempool backlog statistics.</div>
               </div>
               <app-code-template [code]="code.mempool" [network]="network.val" ></app-code-template>
@@ -596,11 +596,11 @@
             </ng-template>
             <ng-template ngbPanelContent>
               <div class="endpoint">
-                <div class="subtitle">Endpoint</div>
+                <div class="subtitle" i18n="Api docs endpoint">Endpoint</div>
                 <a href="{{ network.val === '' ? '' : '/' + network.val }}/api/mempool/txids" target="_blank">GET {{ network.val === '' ? '' : '/' + network.val }}/api/mempool/txids</a>
               </div>
               <div class="description">
-                <div class="subtitle">Description</div>
+                <div class="subtitle" i18n>Description</div>
                 <div i18n="api-docs.mempool.txids|API Docs for /api/mempool/txids">Get the full list of txids in the mempool as an array. The order of the txids is arbitrary and does not match bitcoind.</div>
               </div>
 
@@ -614,11 +614,11 @@
             </ng-template>
             <ng-template ngbPanelContent>
               <div class="endpoint">
-                <div class="subtitle">Endpoint</div>
+                <div class="subtitle" i18n="Api docs endpoint">Endpoint</div>
                 <a href="{{ network.val === '' ? '' : '/' + network.val }}/api/mempool/recent" target="_blank">GET {{ network.val === '' ? '' : '/' + network.val }}/api/mempool/recent</a>
               </div>
               <div class="description">
-                <div class="subtitle">Description</div>
+                <div class="subtitle" i18n>Description</div>
                 <div i18n="api-docs.mempool.recent|API Docs for /api/mempool/recent">Get a list of the last 10 transactions to enter the mempool. Each transaction object contains simplified overview data, with the following fields: <code>txid</code>, <code>fee</code>, <code>vsize</code>, and <code>value</code>.</div>
               </div>
               <app-code-template [code]="code.mempoolRecent" [network]="network.val" ></app-code-template>
@@ -643,7 +643,7 @@
                 <a href="{{ network.val === '' ? '' : '/' + network.val }}/api/tx/15e10745f15593a899cef391191bdd3d7c12412cc4696b7bcb669d0feadc8521" target="_blank">GET {{ network.val === '' ? '' : '/' + network.val }}/api/tx/:txid</a>
               </div>
               <div class="description">
-                <div class="subtitle">Description</div>
+                <div class="subtitle" i18n>Description</div>
                 <div i18n>Returns details about a transaction. Available fields: <code>txid</code>, <code>version</code>, <code>locktime</code>, <code>size</code>, <code>weight</code>, <code>fee</code>, <code>vin</code>, <code>vout</code>, and <code>status</code>.</div>
               </div>
       
@@ -658,11 +658,11 @@
             <ng-template ngbPanelContent>
 
               <div class="endpoint">
-                <div class="subtitle">Endpoint</div>
+                <div class="subtitle" i18n="Api docs endpoint">Endpoint</div>
                   <a href="{{ network.val === '' ? '' : '/' + network.val }}/api/tx/15e10745f15593a899cef391191bdd3d7c12412cc4696b7bcb669d0feadc8521/hex" target="_blank">GET {{ network.val === '' ? '' : '/' + network.val }}/api/tx/:txid/hex</a>
                 </div>
               <div class="description">
-                <div class="subtitle">Description</div>
+                <div class="subtitle" i18n>Description</div>
                 <div i18n>Returns a transaction serialized as hex.</div>
               </div>
       
@@ -676,11 +676,11 @@
             </ng-template>
             <ng-template ngbPanelContent>
               <div class="endpoint">
-                <div class="subtitle">Endpoint</div>
+                <div class="subtitle" i18n="Api docs endpoint">Endpoint</div>
                 <a href="{{ network.val === '' ? '' : '/' + network.val }}/api/tx/15e10745f15593a899cef391191bdd3d7c12412cc4696b7bcb669d0feadc8521/merkleblock-proof" target="_blank">GET {{ network.val === '' ? '' : '/' + network.val }}/api/tx/:txid/merkleblock-proof</a>
               </div>
               <div class="description">
-                <div class="subtitle">Description</div>
+                <div class="subtitle" i18n>Description</div>
                 <div i18n>Returns a merkle inclusion proof for the transaction using <a href="https://bitcoin.org/en/glossary/merkle-block">bitcoind's merkleblock</a> format.</div>
               </div>
     
@@ -695,12 +695,12 @@
             <ng-template ngbPanelContent>
 
               <div class="endpoint">
-                <div class="subtitle">Endpoint</div>
+                <div class="subtitle" i18n="Api docs endpoint">Endpoint</div>
                 <a href="{{ network.val === '' ? '' : '/' + network.val }}/api/tx/15e10745f15593a899cef391191bdd3d7c12412cc4696b7bcb669d0feadc8521/merkle-proof" target="_blank">GET {{ network.val === '' ? '' : '/' + network.val }}/api/tx/:txid/merkle-proof</a>
               </div>
       
               <div class="description">
-                <div class="subtitle">Description</div>
+                <div class="subtitle" i18n>Description</div>
                 <div i18n>Returns a merkle inclusion proof for the transaction using <a href="https://electrumx.readthedocs.io/en/latest/protocol-methods.html#blockchain-transaction-get-merkle">Electrum's blockchain.transaction.get_merkle format.</a></div>
               </div>
       
@@ -715,11 +715,11 @@
             <ng-template ngbPanelContent>
 
               <div class="endpoint">
-                <div class="subtitle">Endpoint</div>
+                <div class="subtitle" i18n="Api docs endpoint">Endpoint</div>
                 <a href="{{ network.val === '' ? '' : '/' + network.val }}/api/tx/15e10745f15593a899cef391191bdd3d7c12412cc4696b7bcb669d0feadc8521/outspend/3" target="_blank">GET {{ network.val === '' ? '' : '/' + network.val }}/api/tx/:txid/outspend/:vout</a>
               </div>
               <div class="description">
-                <div class="subtitle">Description</div>
+                <div class="subtitle" i18n>Description</div>
                 <div i18n>Returns the spending status of a transaction output. Available fields: <code>spent</code> (boolean), <code>txid</code> (optional), <code>vin</code> (optional), and <code>status</code> (optional, the status of the spending tx).</div>
               </div>
       
@@ -734,11 +734,11 @@
             <ng-template ngbPanelContent>
 
               <div class="endpoint">
-                <div class="subtitle">Endpoint</div>
+                <div class="subtitle" i18n="Api docs endpoint">Endpoint</div>
                 <a href="{{ network.val === '' ? '' : '/' + network.val }}/api/tx/15e10745f15593a899cef391191bdd3d7c12412cc4696b7bcb669d0feadc8521/outspends" target="_blank">GET {{ network.val === '' ? '' : '/' + network.val }}/api/tx/:txid/outspends</a>
               </div>
               <div class="description">
-                <div class="subtitle">Description</div>
+                <div class="subtitle" i18n>Description</div>
                 <div i18n>Returns the spending status of all transaction outputs.</div>
               </div>
       
@@ -753,11 +753,11 @@
             <ng-template ngbPanelContent>
 
               <div class="endpoint">
-                <div class="subtitle">Endpoint</div>
+                <div class="subtitle" i18n="Api docs endpoint">Endpoint</div>
                 <a href="{{ network.val === '' ? '' : '/' + network.val }}/api/tx/15e10745f15593a899cef391191bdd3d7c12412cc4696b7bcb669d0feadc8521/raw" target="_blank">GET {{ network.val === '' ? '' : '/' + network.val }}/api/tx/:txid/raw</a>
               </div>
               <div class="description">
-                <div class="subtitle">Description</div>
+                <div class="subtitle" i18n>Description</div>
                 <div i18n>Returns a transaction as binary data.</div>
               </div>
       
@@ -772,11 +772,11 @@
             <ng-template ngbPanelContent>
 
               <div class="endpoint">
-                <div class="subtitle">Endpoint</div>
+                <div class="subtitle" i18n="Api docs endpoint">Endpoint</div>
                 <a href="{{ network.val === '' ? '' : '/' + network.val }}/api/tx/15e10745f15593a899cef391191bdd3d7c12412cc4696b7bcb669d0feadc8521/status" target="_blank">GET {{ network.val === '' ? '' : '/' + network.val }}/api/tx/:txid/status</a>
               </div>
               <div class="description">
-                <div class="subtitle">Description</div>
+                <div class="subtitle" i18n>Description</div>
                 <div i18n>Returns the confirmation status of a transaction. Available fields: <code>confirmed</code> (boolean), <code>block_height</code> (optional), and <code>block_hash</code> (optional).</div>
               </div>
 
@@ -791,12 +791,12 @@
             <ng-template ngbPanelContent>
 
               <div class="endpoint">
-                <div class="subtitle">Endpoint</div>
+                <div class="subtitle" i18n="Api docs endpoint">Endpoint</div>
                 <div>POST {{ network.val === '' ? '' : '/' + network.val }}/api/tx</div>
               </div>
       
               <div class="description">
-                <div class="subtitle">Description</div>
+                <div class="subtitle" i18n>Description</div>
                 <div i18n>Broadcast a raw transaction to the network. The transaction should be provided as hex in the request body. The <code>txid</code> will be returned on success.</div>
               </div>
               <app-code-template [code]="code.postTransaction" [network]="network.val" ></app-code-template>
@@ -811,11 +811,11 @@
       <ng-template ngbNavContent >
         <div class="websocket">
           <div class="endpoint">
-            <div class="subtitle">Endpoint</div>
+            <div class="subtitle" i18n="Api docs endpoint">Endpoint</div>
             wss://{{ hostname }}{{ network.val === '' ? '' : '/' + network.val }}/api/v1/ws
           </div>
           <div class="description">
-            <div class="subtitle">Description</div>          
+            <div class="subtitle" i18n>Description</div>          
             <div i18n="api-docs.websocket.websocket">Default push: <code>{{ '{' }} action: 'want', data: ['blocks', ...] {{ '}' }}</code> to express what you want pushed. Available: <code>blocks</code>, <code>mempool-blocks</code>, <code>live-2h-chart</code>, and <code>stats</code>.<br><br>Push transactions related to address: <code>{{ '{' }} 'track-address': '3PbJ...bF9B' {{ '}' }}</code> to receive all new transactions containing that address as input or output. Returns an array of transactions. <code>address-transactions</code> for new mempool transactions, and <code>block-transactions</code> for new block confirmed transactions.</div>
           </div>
           <app-code-template [code]="code.websocket" [network]="network.val" ></app-code-template>
diff --git a/frontend/src/app/components/api-docs/code-template.component.html b/frontend/src/app/components/api-docs/code-template.component.html
index 8a987909e..5e38839e2 100644
--- a/frontend/src/app/components/api-docs/code-template.component.html
+++ b/frontend/src/app/components/api-docs/code-template.component.html
@@ -3,7 +3,7 @@
     <li ngbNavItem>
       <a ngbNavLink>ES Module</a>
       <ng-template ngbNavContent>
-        <div class="subtitle">Install Package <app-clipboard [text]="esModuleInstall"></app-clipboard></div>
+        <div class="subtitle"><ng-container i18n="API Docs install lib">Install Package</ng-container> <app-clipboard [text]="esModuleInstall"></app-clipboard></div>
         <div class="links">
           <a href="https://github.com/mempool/mempool.js">github repository</a>
           <a href="https://www.npmjs.org/package/@mempool/mempool.js">npm package</a>
@@ -14,7 +14,7 @@
       </ng-template>
     </li>
     <li ngbNavItem>
-      <a ngbNavLink>Common JS</a>
+      <a ngbNavLink>CommonJS</a>
       <ng-template ngbNavContent>
         <div class="subtitle">Code Example <app-clipboard [text]="wrapCommonJS(code.codeSample.commonJS)"></app-clipboard></div>
         <div class="links">
@@ -24,9 +24,9 @@
       </ng-template>
     </li>
     <li ngbNavItem *ngIf="code.codeSample.curl">
-      <a ngbNavLink>CURL</a>
+      <a ngbNavLink>cURL</a>
       <ng-template ngbNavContent>
-        <div class="subtitle">Code Example <app-clipboard [text]="wrapCurl(code.codeSample.curl)"></app-clipboard></div>
+        <div class="subtitle"><ng-container i18n="API Docs code example"></ng-container>Code Example <app-clipboard [text]="wrapCurl(code.codeSample.curl)"></app-clipboard></div>
         <pre><code [innerText]="wrapCurl(code.codeSample.curl)"></code></pre>
       </ng-template>
     </li>
diff --git a/frontend/src/locale/messages.xlf b/frontend/src/locale/messages.xlf
index 73a81f393..58eb24c9b 100644
--- a/frontend/src/locale/messages.xlf
+++ b/frontend/src/locale/messages.xlf
@@ -747,7 +747,7 @@
         </context-group>
         <context-group purpose="location">
           <context context-type="sourcefile">src/app/components/about/about.component.html</context>
-          <context context-type="linenumber">282,288</context>
+          <context context-type="linenumber">198,202</context>
         </context-group>
         <context-group purpose="location">
           <context context-type="sourcefile">src/app/components/api-docs/api-docs.component.html</context>
@@ -1263,7 +1263,7 @@
         <source>The Mempool Open Source Project</source>
         <context-group purpose="location">
           <context context-type="sourcefile">src/app/components/about/about.component.html</context>
-          <context context-type="linenumber">13,16</context>
+          <context context-type="linenumber">11,12</context>
         </context-group>
         <note priority="1" from="description">about.about-the-project</note>
       </trans-unit>
@@ -1271,14 +1271,14 @@
         <source>An explorer and API developed and operated for the Bitcoin community, focusing on the emerging transaction fee market to help our transition into a multi-layer ecosystem, without ads, altcoins, or third-party trackers.</source>
         <context-group purpose="location">
           <context context-type="sourcefile">src/app/components/about/about.component.html</context>
-          <context context-type="linenumber">16,20</context>
+          <context context-type="linenumber">12,16</context>
         </context-group>
       </trans-unit>
       <trans-unit id="a24b1c6a9c4334ba204e4cec2dd9f32ea33d043f" datatype="html">
         <source>Enterprise Sponsors 🚀</source>
         <context-group purpose="location">
           <context context-type="sourcefile">src/app/components/about/about.component.html</context>
-          <context context-type="linenumber">47,50</context>
+          <context context-type="linenumber">31,33</context>
         </context-group>
         <note priority="1" from="description">about.sponsors.enterprise.withRocket</note>
       </trans-unit>
@@ -1286,7 +1286,7 @@
         <source>Community Sponsors ❤️</source>
         <context-group purpose="location">
           <context context-type="sourcefile">src/app/components/about/about.component.html</context>
-          <context context-type="linenumber">73,76</context>
+          <context context-type="linenumber">49,52</context>
         </context-group>
         <note priority="1" from="description">about.sponsors.withHeart</note>
       </trans-unit>
@@ -1294,7 +1294,7 @@
         <source>Become a sponsor ❤️</source>
         <context-group purpose="location">
           <context context-type="sourcefile">src/app/components/about/about.component.html</context>
-          <context context-type="linenumber">86,87</context>
+          <context context-type="linenumber">61,62</context>
         </context-group>
         <note priority="1" from="description">about.become-a-sponsor</note>
       </trans-unit>
@@ -1302,11 +1302,11 @@
         <source>Navigate to <x id="START_LINK" ctype="x-a" equiv-text="&lt;a href=&quot;https://mempool.space/sponsor&quot; target=&quot;_blank&quot;&gt;"/>https://mempool.space/sponsor<x id="CLOSE_LINK" ctype="x-a" equiv-text="&lt;/a&gt;"/> to sponsor</source>
         <context-group purpose="location">
           <context context-type="sourcefile">src/app/components/about/about.component.html</context>
-          <context context-type="linenumber">87</context>
+          <context context-type="linenumber">62</context>
         </context-group>
         <context-group purpose="location">
           <context context-type="sourcefile">src/app/components/sponsor/sponsor.component.html</context>
-          <context context-type="linenumber">9</context>
+          <context context-type="linenumber">6</context>
         </context-group>
         <note priority="1" from="description">about.navigate-to-sponsor</note>
       </trans-unit>
@@ -1314,7 +1314,7 @@
         <source>Community Integrations</source>
         <context-group purpose="location">
           <context context-type="sourcefile">src/app/components/about/about.component.html</context>
-          <context context-type="linenumber">92,95</context>
+          <context context-type="linenumber">66,69</context>
         </context-group>
         <note priority="1" from="description">about.integrations</note>
       </trans-unit>
@@ -1322,7 +1322,7 @@
         <source>Community Alliances</source>
         <context-group purpose="location">
           <context context-type="sourcefile">src/app/components/about/about.component.html</context>
-          <context context-type="linenumber">202,205</context>
+          <context context-type="linenumber">133,135</context>
         </context-group>
         <note priority="1" from="description">about.alliances</note>
       </trans-unit>
@@ -1330,7 +1330,7 @@
         <source>Project Contributors</source>
         <context-group purpose="location">
           <context context-type="sourcefile">src/app/components/about/about.component.html</context>
-          <context context-type="linenumber">220,222</context>
+          <context context-type="linenumber">148,150</context>
         </context-group>
         <note priority="1" from="description">about.contributors</note>
       </trans-unit>
@@ -1338,7 +1338,7 @@
         <source>Project Maintainers</source>
         <context-group purpose="location">
           <context context-type="sourcefile">src/app/components/about/about.component.html</context>
-          <context context-type="linenumber">236,239</context>
+          <context context-type="linenumber">162,164</context>
         </context-group>
         <note priority="1" from="description">about.maintainers</note>
       </trans-unit>
@@ -1453,6 +1453,329 @@
         <note priority="1" from="description">API Docs tab for Addresses</note>
         <note priority="1" from="meaning">api-docs.tab.addresses</note>
       </trans-unit>
+      <trans-unit id="b151944861534c4a9e9623537dba0a95f60e4455" datatype="html">
+        <source>Endpoint</source>
+        <context-group purpose="location">
+          <context context-type="sourcefile">src/app/components/api-docs/api-docs.component.html</context>
+          <context context-type="linenumber">20,21</context>
+        </context-group>
+        <context-group purpose="location">
+          <context context-type="sourcefile">src/app/components/api-docs/api-docs.component.html</context>
+          <context context-type="linenumber">39,40</context>
+        </context-group>
+        <context-group purpose="location">
+          <context context-type="sourcefile">src/app/components/api-docs/api-docs.component.html</context>
+          <context context-type="linenumber">56,57</context>
+        </context-group>
+        <context-group purpose="location">
+          <context context-type="sourcefile">src/app/components/api-docs/api-docs.component.html</context>
+          <context context-type="linenumber">74,75</context>
+        </context-group>
+        <context-group purpose="location">
+          <context context-type="sourcefile">src/app/components/api-docs/api-docs.component.html</context>
+          <context context-type="linenumber">94,95</context>
+        </context-group>
+        <context-group purpose="location">
+          <context context-type="sourcefile">src/app/components/api-docs/api-docs.component.html</context>
+          <context context-type="linenumber">120,121</context>
+        </context-group>
+        <context-group purpose="location">
+          <context context-type="sourcefile">src/app/components/api-docs/api-docs.component.html</context>
+          <context context-type="linenumber">157,158</context>
+        </context-group>
+        <context-group purpose="location">
+          <context context-type="sourcefile">src/app/components/api-docs/api-docs.component.html</context>
+          <context context-type="linenumber">182,183</context>
+        </context-group>
+        <context-group purpose="location">
+          <context context-type="sourcefile">src/app/components/api-docs/api-docs.component.html</context>
+          <context context-type="linenumber">199,200</context>
+        </context-group>
+        <context-group purpose="location">
+          <context context-type="sourcefile">src/app/components/api-docs/api-docs.component.html</context>
+          <context context-type="linenumber">234,235</context>
+        </context-group>
+        <context-group purpose="location">
+          <context context-type="sourcefile">src/app/components/api-docs/api-docs.component.html</context>
+          <context context-type="linenumber">253,254</context>
+        </context-group>
+        <context-group purpose="location">
+          <context context-type="sourcefile">src/app/components/api-docs/api-docs.component.html</context>
+          <context context-type="linenumber">273,274</context>
+        </context-group>
+        <context-group purpose="location">
+          <context context-type="sourcefile">src/app/components/api-docs/api-docs.component.html</context>
+          <context context-type="linenumber">292,293</context>
+        </context-group>
+        <context-group purpose="location">
+          <context context-type="sourcefile">src/app/components/api-docs/api-docs.component.html</context>
+          <context context-type="linenumber">313,314</context>
+        </context-group>
+        <context-group purpose="location">
+          <context context-type="sourcefile">src/app/components/api-docs/api-docs.component.html</context>
+          <context context-type="linenumber">332,333</context>
+        </context-group>
+        <context-group purpose="location">
+          <context context-type="sourcefile">src/app/components/api-docs/api-docs.component.html</context>
+          <context context-type="linenumber">351,352</context>
+        </context-group>
+        <context-group purpose="location">
+          <context context-type="sourcefile">src/app/components/api-docs/api-docs.component.html</context>
+          <context context-type="linenumber">379,380</context>
+        </context-group>
+        <context-group purpose="location">
+          <context context-type="sourcefile">src/app/components/api-docs/api-docs.component.html</context>
+          <context context-type="linenumber">399,400</context>
+        </context-group>
+        <context-group purpose="location">
+          <context context-type="sourcefile">src/app/components/api-docs/api-docs.component.html</context>
+          <context context-type="linenumber">419,420</context>
+        </context-group>
+        <context-group purpose="location">
+          <context context-type="sourcefile">src/app/components/api-docs/api-docs.component.html</context>
+          <context context-type="linenumber">438,439</context>
+        </context-group>
+        <context-group purpose="location">
+          <context context-type="sourcefile">src/app/components/api-docs/api-docs.component.html</context>
+          <context context-type="linenumber">459,460</context>
+        </context-group>
+        <context-group purpose="location">
+          <context context-type="sourcefile">src/app/components/api-docs/api-docs.component.html</context>
+          <context context-type="linenumber">479,480</context>
+        </context-group>
+        <context-group purpose="location">
+          <context context-type="sourcefile">src/app/components/api-docs/api-docs.component.html</context>
+          <context context-type="linenumber">500,501</context>
+        </context-group>
+        <context-group purpose="location">
+          <context context-type="sourcefile">src/app/components/api-docs/api-docs.component.html</context>
+          <context context-type="linenumber">526,527</context>
+        </context-group>
+        <context-group purpose="location">
+          <context context-type="sourcefile">src/app/components/api-docs/api-docs.component.html</context>
+          <context context-type="linenumber">542,543</context>
+        </context-group>
+        <context-group purpose="location">
+          <context context-type="sourcefile">src/app/components/api-docs/api-docs.component.html</context>
+          <context context-type="linenumber">558,559</context>
+        </context-group>
+        <context-group purpose="location">
+          <context context-type="sourcefile">src/app/components/api-docs/api-docs.component.html</context>
+          <context context-type="linenumber">582,583</context>
+        </context-group>
+        <context-group purpose="location">
+          <context context-type="sourcefile">src/app/components/api-docs/api-docs.component.html</context>
+          <context context-type="linenumber">599,600</context>
+        </context-group>
+        <context-group purpose="location">
+          <context context-type="sourcefile">src/app/components/api-docs/api-docs.component.html</context>
+          <context context-type="linenumber">617,618</context>
+        </context-group>
+        <context-group purpose="location">
+          <context context-type="sourcefile">src/app/components/api-docs/api-docs.component.html</context>
+          <context context-type="linenumber">661,662</context>
+        </context-group>
+        <context-group purpose="location">
+          <context context-type="sourcefile">src/app/components/api-docs/api-docs.component.html</context>
+          <context context-type="linenumber">679,680</context>
+        </context-group>
+        <context-group purpose="location">
+          <context context-type="sourcefile">src/app/components/api-docs/api-docs.component.html</context>
+          <context context-type="linenumber">698,699</context>
+        </context-group>
+        <context-group purpose="location">
+          <context context-type="sourcefile">src/app/components/api-docs/api-docs.component.html</context>
+          <context context-type="linenumber">718,719</context>
+        </context-group>
+        <context-group purpose="location">
+          <context context-type="sourcefile">src/app/components/api-docs/api-docs.component.html</context>
+          <context context-type="linenumber">737,738</context>
+        </context-group>
+        <context-group purpose="location">
+          <context context-type="sourcefile">src/app/components/api-docs/api-docs.component.html</context>
+          <context context-type="linenumber">756,757</context>
+        </context-group>
+        <context-group purpose="location">
+          <context context-type="sourcefile">src/app/components/api-docs/api-docs.component.html</context>
+          <context context-type="linenumber">775,776</context>
+        </context-group>
+        <context-group purpose="location">
+          <context context-type="sourcefile">src/app/components/api-docs/api-docs.component.html</context>
+          <context context-type="linenumber">794,795</context>
+        </context-group>
+        <context-group purpose="location">
+          <context context-type="sourcefile">src/app/components/api-docs/api-docs.component.html</context>
+          <context context-type="linenumber">814,815</context>
+        </context-group>
+        <note priority="1" from="description">Api docs endpoint</note>
+      </trans-unit>
+      <trans-unit id="eec715de352a6b114713b30b640d319fa78207a0" datatype="html">
+        <source>Description</source>
+        <context-group purpose="location">
+          <context context-type="sourcefile">src/app/components/api-docs/api-docs.component.html</context>
+          <context context-type="linenumber">25,26</context>
+        </context-group>
+        <context-group purpose="location">
+          <context context-type="sourcefile">src/app/components/api-docs/api-docs.component.html</context>
+          <context context-type="linenumber">43,44</context>
+        </context-group>
+        <context-group purpose="location">
+          <context context-type="sourcefile">src/app/components/api-docs/api-docs.component.html</context>
+          <context context-type="linenumber">60,61</context>
+        </context-group>
+        <context-group purpose="location">
+          <context context-type="sourcefile">src/app/components/api-docs/api-docs.component.html</context>
+          <context context-type="linenumber">79,80</context>
+        </context-group>
+        <context-group purpose="location">
+          <context context-type="sourcefile">src/app/components/api-docs/api-docs.component.html</context>
+          <context context-type="linenumber">99,100</context>
+        </context-group>
+        <context-group purpose="location">
+          <context context-type="sourcefile">src/app/components/api-docs/api-docs.component.html</context>
+          <context context-type="linenumber">124,125</context>
+        </context-group>
+        <context-group purpose="location">
+          <context context-type="sourcefile">src/app/components/api-docs/api-docs.component.html</context>
+          <context context-type="linenumber">142,143</context>
+        </context-group>
+        <context-group purpose="location">
+          <context context-type="sourcefile">src/app/components/api-docs/api-docs.component.html</context>
+          <context context-type="linenumber">161,162</context>
+        </context-group>
+        <context-group purpose="location">
+          <context context-type="sourcefile">src/app/components/api-docs/api-docs.component.html</context>
+          <context context-type="linenumber">186,187</context>
+        </context-group>
+        <context-group purpose="location">
+          <context context-type="sourcefile">src/app/components/api-docs/api-docs.component.html</context>
+          <context context-type="linenumber">203,204</context>
+        </context-group>
+        <context-group purpose="location">
+          <context context-type="sourcefile">src/app/components/api-docs/api-docs.component.html</context>
+          <context context-type="linenumber">219,220</context>
+        </context-group>
+        <context-group purpose="location">
+          <context context-type="sourcefile">src/app/components/api-docs/api-docs.component.html</context>
+          <context context-type="linenumber">238,239</context>
+        </context-group>
+        <context-group purpose="location">
+          <context context-type="sourcefile">src/app/components/api-docs/api-docs.component.html</context>
+          <context context-type="linenumber">258,259</context>
+        </context-group>
+        <context-group purpose="location">
+          <context context-type="sourcefile">src/app/components/api-docs/api-docs.component.html</context>
+          <context context-type="linenumber">277,278</context>
+        </context-group>
+        <context-group purpose="location">
+          <context context-type="sourcefile">src/app/components/api-docs/api-docs.component.html</context>
+          <context context-type="linenumber">297,298</context>
+        </context-group>
+        <context-group purpose="location">
+          <context context-type="sourcefile">src/app/components/api-docs/api-docs.component.html</context>
+          <context context-type="linenumber">317,318</context>
+        </context-group>
+        <context-group purpose="location">
+          <context context-type="sourcefile">src/app/components/api-docs/api-docs.component.html</context>
+          <context context-type="linenumber">336,337</context>
+        </context-group>
+        <context-group purpose="location">
+          <context context-type="sourcefile">src/app/components/api-docs/api-docs.component.html</context>
+          <context context-type="linenumber">356,357</context>
+        </context-group>
+        <context-group purpose="location">
+          <context context-type="sourcefile">src/app/components/api-docs/api-docs.component.html</context>
+          <context context-type="linenumber">384,385</context>
+        </context-group>
+        <context-group purpose="location">
+          <context context-type="sourcefile">src/app/components/api-docs/api-docs.component.html</context>
+          <context context-type="linenumber">404,405</context>
+        </context-group>
+        <context-group purpose="location">
+          <context context-type="sourcefile">src/app/components/api-docs/api-docs.component.html</context>
+          <context context-type="linenumber">423,424</context>
+        </context-group>
+        <context-group purpose="location">
+          <context context-type="sourcefile">src/app/components/api-docs/api-docs.component.html</context>
+          <context context-type="linenumber">443,444</context>
+        </context-group>
+        <context-group purpose="location">
+          <context context-type="sourcefile">src/app/components/api-docs/api-docs.component.html</context>
+          <context context-type="linenumber">464,465</context>
+        </context-group>
+        <context-group purpose="location">
+          <context context-type="sourcefile">src/app/components/api-docs/api-docs.component.html</context>
+          <context context-type="linenumber">484,485</context>
+        </context-group>
+        <context-group purpose="location">
+          <context context-type="sourcefile">src/app/components/api-docs/api-docs.component.html</context>
+          <context context-type="linenumber">505,506</context>
+        </context-group>
+        <context-group purpose="location">
+          <context context-type="sourcefile">src/app/components/api-docs/api-docs.component.html</context>
+          <context context-type="linenumber">530,531</context>
+        </context-group>
+        <context-group purpose="location">
+          <context context-type="sourcefile">src/app/components/api-docs/api-docs.component.html</context>
+          <context context-type="linenumber">546,547</context>
+        </context-group>
+        <context-group purpose="location">
+          <context context-type="sourcefile">src/app/components/api-docs/api-docs.component.html</context>
+          <context context-type="linenumber">562,563</context>
+        </context-group>
+        <context-group purpose="location">
+          <context context-type="sourcefile">src/app/components/api-docs/api-docs.component.html</context>
+          <context context-type="linenumber">587,588</context>
+        </context-group>
+        <context-group purpose="location">
+          <context context-type="sourcefile">src/app/components/api-docs/api-docs.component.html</context>
+          <context context-type="linenumber">603,604</context>
+        </context-group>
+        <context-group purpose="location">
+          <context context-type="sourcefile">src/app/components/api-docs/api-docs.component.html</context>
+          <context context-type="linenumber">621,622</context>
+        </context-group>
+        <context-group purpose="location">
+          <context context-type="sourcefile">src/app/components/api-docs/api-docs.component.html</context>
+          <context context-type="linenumber">646,647</context>
+        </context-group>
+        <context-group purpose="location">
+          <context context-type="sourcefile">src/app/components/api-docs/api-docs.component.html</context>
+          <context context-type="linenumber">665,666</context>
+        </context-group>
+        <context-group purpose="location">
+          <context context-type="sourcefile">src/app/components/api-docs/api-docs.component.html</context>
+          <context context-type="linenumber">683,684</context>
+        </context-group>
+        <context-group purpose="location">
+          <context context-type="sourcefile">src/app/components/api-docs/api-docs.component.html</context>
+          <context context-type="linenumber">703,704</context>
+        </context-group>
+        <context-group purpose="location">
+          <context context-type="sourcefile">src/app/components/api-docs/api-docs.component.html</context>
+          <context context-type="linenumber">722,723</context>
+        </context-group>
+        <context-group purpose="location">
+          <context context-type="sourcefile">src/app/components/api-docs/api-docs.component.html</context>
+          <context context-type="linenumber">741,742</context>
+        </context-group>
+        <context-group purpose="location">
+          <context context-type="sourcefile">src/app/components/api-docs/api-docs.component.html</context>
+          <context context-type="linenumber">760,761</context>
+        </context-group>
+        <context-group purpose="location">
+          <context context-type="sourcefile">src/app/components/api-docs/api-docs.component.html</context>
+          <context context-type="linenumber">779,780</context>
+        </context-group>
+        <context-group purpose="location">
+          <context context-type="sourcefile">src/app/components/api-docs/api-docs.component.html</context>
+          <context context-type="linenumber">799,800</context>
+        </context-group>
+        <context-group purpose="location">
+          <context context-type="sourcefile">src/app/components/api-docs/api-docs.component.html</context>
+          <context context-type="linenumber">818,819</context>
+        </context-group>
+      </trans-unit>
       <trans-unit id="e12cd52eaa77b446ba97436c145b59741151adf3" datatype="html">
         <source>Returns details about an address. Available fields: <x id="START_TAG_CODE" ctype="x-code" equiv-text="&lt;code&gt;"/>address<x id="CLOSE_TAG_CODE" ctype="x-code" equiv-text="&lt;/code&gt;"/>, <x id="START_TAG_CODE" ctype="x-code" equiv-text="&lt;code&gt;"/>chain_stats<x id="CLOSE_TAG_CODE" ctype="x-code" equiv-text="&lt;/code&gt;"/>, and <x id="START_TAG_CODE" ctype="x-code" equiv-text="&lt;code&gt;"/>mempool_stats<x id="CLOSE_TAG_CODE" ctype="x-code" equiv-text="&lt;/code&gt;"/>. <x id="INTERPOLATION" equiv-text="{{ &apos;{&apos; }}"/>chain,mempool<x id="INTERPOLATION_1" equiv-text="{{ &apos;}&apos; }}"/>_stats each contain an object with <x id="START_TAG_CODE" ctype="x-code" equiv-text="&lt;code&gt;"/>tx_count<x id="CLOSE_TAG_CODE" ctype="x-code" equiv-text="&lt;/code&gt;"/>, <x id="START_TAG_CODE" ctype="x-code" equiv-text="&lt;code&gt;"/>funded_txo_count<x id="CLOSE_TAG_CODE" ctype="x-code" equiv-text="&lt;/code&gt;"/>, <x id="START_TAG_CODE" ctype="x-code" equiv-text="&lt;code&gt;"/>funded_txo_sum<x id="CLOSE_TAG_CODE" ctype="x-code" equiv-text="&lt;/code&gt;"/>, <x id="START_TAG_CODE" ctype="x-code" equiv-text="&lt;code&gt;"/>spent_txo_count<x id="CLOSE_TAG_CODE" ctype="x-code" equiv-text="&lt;/code&gt;"/>, and <x id="START_TAG_CODE" ctype="x-code" equiv-text="&lt;code&gt;"/>spent_txo_sum<x id="CLOSE_TAG_CODE" ctype="x-code" equiv-text="&lt;/code&gt;"/>.</source>
         <context-group purpose="location">
@@ -1835,6 +2158,14 @@
           <context context-type="linenumber">59,61</context>
         </context-group>
       </trans-unit>
+      <trans-unit id="d6b673097fb7e79231afc43857e376f69ab9f3e3" datatype="html">
+        <source>Install Package</source>
+        <context-group purpose="location">
+          <context context-type="sourcefile">src/app/components/api-docs/code-template.component.html</context>
+          <context context-type="linenumber">6,7</context>
+        </context-group>
+        <note priority="1" from="description">API Docs install lib</note>
+      </trans-unit>
       <trans-unit id="f8c91b77ad53ccd0f6adb4a6ea3a0f5c3329688b" datatype="html">
         <source>Asset</source>
         <context-group purpose="location">
@@ -2538,7 +2869,7 @@
         <source>Sponsor</source>
         <context-group purpose="location">
           <context context-type="sourcefile">src/app/components/sponsor/sponsor.component.html</context>
-          <context context-type="linenumber">4</context>
+          <context context-type="linenumber">3</context>
         </context-group>
         <context-group purpose="location">
           <context context-type="sourcefile">src/app/components/sponsor/sponsor.component.ts</context>
@@ -2550,7 +2881,7 @@
         <source>Request invoice</source>
         <context-group purpose="location">
           <context context-type="sourcefile">src/app/components/sponsor/sponsor.component.html</context>
-          <context context-type="linenumber">54</context>
+          <context context-type="linenumber">49</context>
         </context-group>
         <note priority="1" from="description">about.sponsor.request-invoice</note>
       </trans-unit>
@@ -2558,7 +2889,7 @@
         <source>Waiting for transaction... </source>
         <context-group purpose="location">
           <context context-type="sourcefile">src/app/components/sponsor/sponsor.component.html</context>
-          <context context-type="linenumber">137</context>
+          <context context-type="linenumber">138</context>
         </context-group>
         <note priority="1" from="description">about.sponsor.waiting-for-transaction</note>
       </trans-unit>
@@ -2566,7 +2897,7 @@
         <source>Donation confirmed!</source>
         <context-group purpose="location">
           <context context-type="sourcefile">src/app/components/sponsor/sponsor.component.html</context>
-          <context context-type="linenumber">142</context>
+          <context context-type="linenumber">144</context>
         </context-group>
         <note priority="1" from="description">about.sponsor.donation-confirmed</note>
       </trans-unit>
@@ -2574,7 +2905,7 @@
         <source>Thank you!</source>
         <context-group purpose="location">
           <context context-type="sourcefile">src/app/components/sponsor/sponsor.component.html</context>
-          <context context-type="linenumber">142</context>
+          <context context-type="linenumber">145</context>
         </context-group>
         <note priority="1" from="description">about.sponsor.thank-you</note>
       </trans-unit>