@iress-oss/ids-mcp-server 0.0.1 → 5.14.2

package/{docs/ids → generated/docs}/components-table-docs.md

@@ -7,38 +7,11 @@ Overview
 Data driven component for displaying tabular data.
 
 My investments
-
-Investment Name
-
-Cost
-
-Investment Date
-
-Total Percentage
-
-Artemis Fund Managers Limited
-
-23898
-
-2019-09-23
-
-24.8
-
-CASH.CASH
-
-49751.4
-
-2020-06-28
-
-49
-
-VODAFONE GRP
-
-26382.456
-
-2019-02-05
-
-26.2
+| Investment Name | Cost | Investment Date | Total Percentage |
+| --- | --- | --- | --- |
+| Artemis Fund Managers Limited | 23898 | 2019-09-23 | 24.8 |
+| CASH.CASH | 49751.4 | 2020-06-28 | 49 |
+| VODAFONE GRP | 26382.456 | 2019-02-05 | 26.2 |
 
 Hide code
 
@@ -81,38 +54,11 @@ To get started, the `IressTable` component only requires the `caption` and `rows
 *   `rows` are an array of objects, each object represents a row in the table. The table will use the key of the first object to determine the columns, automatically made human readable if the key is camel case, snake case or kebab case.
 
 My investments
-
-Investment Name
-
-Cost
-
-Investment Date
-
-Total Percentage
-
-Artemis Fund Managers Limited
-
-23898
-
-2019-09-23
-
-24.8
-
-CASH.CASH
-
-49751.4
-
-2020-06-28
-
-49
-
-VODAFONE GRP
-
-26382.456
-
-2019-02-05
-
-26.2
+| Investment Name | Cost | Investment Date | Total Percentage |
+| --- | --- | --- | --- |
+| Artemis Fund Managers Limited | 23898 | 2019-09-23 | 24.8 |
+| CASH.CASH | 49751.4 | 2020-06-28 | 49 |
+| VODAFONE GRP | 26382.456 | 2019-02-05 | 26.2 |
 
 Hide code
 
@@ -151,38 +97,11 @@ For more control over the columns, the `columns` prop can be used to define the
 Each array item represents a key in the objects in your `rows` prop. If one of the keys in your `rows` prop is not defined in the `columns` prop, it will not be displayed in the table.
 
 My investments
-
-Investment
-
-Date
-
-Share
-
-Cost
-
-Artemis Fund Managers Limited
-
-23/09/2019
-
-24.8%
-
-$23,898.00
-
-CASH.CASH
-
-28/06/2020
-
-49%
-
-$49,751.40
-
-VODAFONE GRP
-
-05/02/2019
-
-26.2%
-
-$26,382.46
+| Investment | Date | Share | Cost |
+| --- | --- | --- | --- |
+| Artemis Fund Managers Limited | 23/09/2019 | 24.8% | $23,898.00 |
+| CASH.CASH | 28/06/2020 | 49% | $49,751.40 |
+| VODAFONE GRP | 05/02/2019 | 26.2% | $26,382.46 |
 
 Hide code
 
@@ -193,7 +112,7 @@ import {
   IressTable,
   IressTableFormattedValue,
   IressTableProps,
-} from '@iress/ids-components';
+} from '@iress-oss/ids-components';
 type Props \= Partial<IressTableProps<object, never\>>;
 const renderColumn \= (value: number) \=> (
   <IressBadge mode\={value \> 30000 ? 'success' : 'danger'}\>
@@ -325,48 +244,15 @@ The table component provides some basic formatting. This is controlled by the `f
 To completely customise it, you can also send in a function that returns a ReactNode. It has two parameters, the original value and the row it is connected to.
 
 Available formats
-
-String
-
-Number
-
-Date
-
-Short date
-
-ISO Date & Time
-
-Relative time
-
-Currency (AUD)
-
-Percent
-
-Custom
-
-Hello, world!
-
-123456
-
-28/06/2020
-
-28 Jun 2020
-
-2020-06-28 10:00:00 (AEST)
-
-12 seconds ago
-
-123,456.78
-
-12%
-
-Custom
+| String | Number | Date | Short date | ISO Date & Time | Relative time | Currency (AUD) | Percent | Custom |
+| --- | --- | --- | --- | --- | --- | --- | --- | --- |
+| Hello, world! | 123456 | 28/06/2020 | 28 Jun 2020 | 2020-06-28 10:00:00 (AEST) | 11 seconds ago | 123,456.78 | 12% | Custom |
 
 Hide code
 
 \[data-radix-scroll-area-viewport\] { scrollbar-width: none; -ms-overflow-style: none; -webkit-overflow-scrolling: touch; } \[data-radix-scroll-area-viewport\]::-webkit-scrollbar { display: none; } :where(\[data-radix-scroll-area-viewport\]) { display: flex; flex-direction: column; align-items: stretch; } :where(\[data-radix-scroll-area-content\]) { flex-grow: 1; }
 
-import { IressBadge, IressTable, IressTableProps } from '@iress/ids-components';
+import { IressBadge, IressTable, IressTableProps } from '@iress-oss/ids-components';
 type Props \= Partial<IressTableProps<object, never\>>;
 const renderColumn \= (value: string) \=> (
   <IressBadge mode\="info"\>{value}</IressBadge\>
@@ -428,38 +314,11 @@ Sorting can be enabled on a column by setting the `sort` property of the `TableC
 The sort button has some visually hidden text for screenreaders to signify that the column is sortable. If you need to change this (ie. for translation purposes), it can be done with the `sortableText` column option which defaults to: sortable.
 
 My investments
-
-Investment
-
-Date
-
-Share
-
-Cost
-
-Artemis Fund Managers Limited
-
-23/09/2019
-
-24.8%
-
-$23,898.00
-
-CASH.CASH
-
-28/06/2020
-
-49%
-
-$49,751.40
-
-VODAFONE GRP
-
-05/02/2019
-
-26.2%
-
-$26,382.46
+| Investment | Date | Share | Cost |
+| --- | --- | --- | --- |
+| Artemis Fund Managers Limited | 23/09/2019 | 24.8% | $23,898.00 |
+| CASH.CASH | 28/06/2020 | 49% | $49,751.40 |
+| VODAFONE GRP | 05/02/2019 | 26.2% | $26,382.46 |
 
 Hide code
 
@@ -470,7 +329,7 @@ import {
   IressTable,
   IressTableFormattedValue,
   IressTableProps,
-} from '@iress/ids-components';
+} from '@iress-oss/ids-components';
 type Props \= Partial<IressTableProps<object, never\>>;
 const renderColumn \= (value: number) \=> (
   <IressBadge mode\={value \> 30000 ? 'success' : 'danger'}\>
@@ -543,38 +402,11 @@ If you need to customise the sorting logic, you can use the `sortFn` property of
 *   A custom sort function that takes two arguments: `a` and `b`, which are the two rows being compared. It should return `-1`, `0` or `1` depending on the comparison.
 
 My investments
-
-Investment
-
-Date
-
-Share
-
-Cost (sorts by net cost if available)
-
-Artemis Fund Managers Limited
-
-23/09/2019
-
-24.8%
-
-$23,898.00 (net: N/A)
-
-CASH.CASH
-
-28/06/2020
-
-49%
-
-$49,751.40 (net: $20,000.00)
-
-VODAFONE GRP
-
-05/02/2019
-
-26.2%
-
-$26,382.46 (net: N/A)
+| Investment | Date | Share | Cost (sorts by net cost if available) |
+| --- | --- | --- | --- |
+| Artemis Fund Managers Limited | 23/09/2019 | 24.8% | $23,898.00 (net: N/A) |
+| CASH.CASH | 28/06/2020 | 49% | $49,751.40 (net: $20,000.00) |
+| VODAFONE GRP | 05/02/2019 | 26.2% | $26,382.46 (net: N/A) |
 
 Hide code
 
@@ -585,7 +417,7 @@ import {
   IressTableFormattedValue,
   IressTableProps,
   TableColumn,
-} from '@iress/ids-components';
+} from '@iress-oss/ids-components';
 type Props \= Partial<IressTableProps<Row, never\>>;
 interface Row {
   investment\_name: string;
@@ -677,38 +509,11 @@ The width of a column is controlled by the `width` property on the `TableColumn`
 When the table exceeds the width of the container, a horizontal scrollbar is triggered. This makes it possible to view larger tables on mobile devices.
 
 My investments
-
-Investment
-
-Cost
-
-Investment date
-
-Share
-
-Artemis Fund Managers Limited
-
-23898
-
-2019-09-23
-
-24.8%
-
-CASH.CASH
-
-49751.4
-
-2020-06-28
-
-49%
-
-VODAFONE GRP
-
-26382.456
-
-2019-02-05
-
-26.2%
+| Investment | Cost | Investment date | Share |
+| --- | --- | --- | --- |
+| Artemis Fund Managers Limited | 23898 | 2019-09-23 | 24.8% |
+| CASH.CASH | 49751.4 | 2020-06-28 | 49% |
+| VODAFONE GRP | 26382.456 | 2019-02-05 | 26.2% |
 
 Hide code
 
@@ -769,38 +574,11 @@ Columns can be aligned using the `align` property on the `TableColumn` object. C
 Currency and number formats are automatically right aligned to make the values easier to compare, but this can be overriden by setting the `align` property.
 
 My investments
-
-Investment (left)
-
-Cost (center)
-
-Date (center)
-
-Share (right)
-
-Artemis Fund Managers Limited
-
-$23,898.00
-
-23/09/2019
-
-24.8%
-
-CASH.CASH
-
-$49,751.40
-
-28/06/2020
-
-49%
-
-VODAFONE GRP
-
-$26,382.46
-
-05/02/2019
-
-26.2%
+| Investment (left) | Cost (center) | Date (center) | Share (right) |
+| --- | --- | --- | --- |
+| Artemis Fund Managers Limited | $23,898.00 | 23/09/2019 | 24.8% |
+| CASH.CASH | $49,751.40 | 28/06/2020 | 49% |
+| VODAFONE GRP | $26,382.46 | 05/02/2019 | 26.2% |
 
 Hide code
 
@@ -864,38 +642,11 @@ As a general rule we don't add vertical column borders to our tables. Sometimes
 To add a vertical divider you can set the `divider` prop in the `TableColumn` to true. This will add a vertical border to the end of the column.
 
 My investments
-
-Investment
-
-Date
-
-Share
-
-Cost
-
-Artemis Fund Managers Limited
-
-23/09/2019
-
-24.8%
-
-$23,898.00
-
-CASH.CASH
-
-28/06/2020
-
-49%
-
-$49,751.40
-
-VODAFONE GRP
-
-05/02/2019
-
-26.2%
-
-$26,382.46
+| Investment | Date | Share | Cost |
+| --- | --- | --- | --- |
+| Artemis Fund Managers Limited | 23/09/2019 | 24.8% | $23,898.00 |
+| CASH.CASH | 28/06/2020 | 49% | $49,751.40 |
+| VODAFONE GRP | 05/02/2019 | 26.2% | $26,382.46 |
 
 Hide code
 
@@ -954,38 +705,11 @@ Copy
 This can be enabled by setting the `hover` prop. This will bring attention to the row the user is hovering over, allowing users to focus on the relationship between the columns of a specific row.
 
 My investments
-
-Investment Name
-
-Cost
-
-Investment Date
-
-Total Percentage
-
-Artemis Fund Managers Limited
-
-23898
-
-2019-09-23
-
-24.8
-
-CASH.CASH
-
-49751.4
-
-2020-06-28
-
-49
-
-VODAFONE GRP
-
-26382.456
-
-2019-02-05
-
-26.2
+| Investment Name | Cost | Investment Date | Total Percentage |
+| --- | --- | --- | --- |
+| Artemis Fund Managers Limited | 23898 | 2019-09-23 | 24.8 |
+| CASH.CASH | 49751.4 | 2020-06-28 | 49 |
+| VODAFONE GRP | 26382.456 | 2019-02-05 | 26.2 |
 
 Hide code
 
@@ -1023,38 +747,11 @@ Copy
 `scope` defaults to row, which means the first cell in the row will be a `<th>`. When it is set to col the first cell in the row will be a `<td>`.
 
 My investments
-
-Investment Name
-
-Cost
-
-Investment Date
-
-Total Percentage
-
-Artemis Fund Managers Limited
-
-23898
-
-2019-09-23
-
-24.8
-
-CASH.CASH
-
-49751.4
-
-2020-06-28
-
-49
-
-VODAFONE GRP
-
-26382.456
-
-2019-02-05
-
-26.2
+| Investment Name | Cost | Investment Date | Total Percentage |
+| --- | --- | --- | --- |
+| Artemis Fund Managers Limited | 23898 | 2019-09-23 | 24.8 |
+| CASH.CASH | 49751.4 | 2020-06-28 | 49 |
+| VODAFONE GRP | 26382.456 | 2019-02-05 | 26.2 |
 
 Hide code
 
@@ -1091,31 +788,7 @@ Copy
 
 For very simple tabular data, you have the option to hide the table header with the `hiddenHeader` prop. When this is set to true, the table header will not be rendered.
 
-My investments
-
-Artemis Fund Managers Limited
-
-23898
-
-2019-09-23
-
-24.8
-
-CASH.CASH
-
-49751.4
-
-2020-06-28
-
-49
-
-VODAFONE GRP
-
-26382.456
-
-2019-02-05
-
-26.2
+<table class="ids-table-v5142 ids-table--hidden-header-v5142" id=":r9:"><caption id=":r9:--caption" class="">My investments</caption><tbody><tr id=":r9:--rows--0"><th data-column="investment_name" id=":r9:__0_investment_name" scope="row">Artemis Fund Managers Limited</th><td data-column="cost" headers=":r9:__0_investment_name" id=":r9:__0_cost">23898</td><td data-column="investmentDate" headers=":r9:__0_investment_name" id=":r9:__0_investmentDate">2019-09-23</td><td data-column="totalPercentage" headers=":r9:__0_investment_name" id=":r9:__0_totalPercentage">24.8</td></tr><tr id=":r9:--rows--1"><th data-column="investment_name" id=":r9:__1_investment_name" scope="row">CASH.CASH</th><td data-column="cost" headers=":r9:__1_investment_name" id=":r9:__1_cost">49751.4</td><td data-column="investmentDate" headers=":r9:__1_investment_name" id=":r9:__1_investmentDate">2020-06-28</td><td data-column="totalPercentage" headers=":r9:__1_investment_name" id=":r9:__1_totalPercentage">49</td></tr><tr id=":r9:--rows--2"><th data-column="investment_name" id=":r9:__2_investment_name" scope="row">VODAFONE GRP</th><td data-column="cost" headers=":r9:__2_investment_name" id=":r9:__2_cost">26382.456</td><td data-column="investmentDate" headers=":r9:__2_investment_name" id=":r9:__2_investmentDate">2019-02-05</td><td data-column="totalPercentage" headers=":r9:__2_investment_name" id=":r9:__2_totalPercentage">26.2</td></tr></tbody></table>
 
 Hide code
 
@@ -1155,38 +828,11 @@ The `rows` prop allows you to use `ReactNodes` as the value of a cell. This can
 **Note:** If you are using the `sort` property, the sorting may not work properly with rich content. If this happens, either remove the `sort` property or use the `format` prop on the column to set a custom formatter.
 
 My rich investments
-
-Investment Name
-
-Cost
-
-Investment Date
-
-Total Percentage
-
-Artemis Fund Managers Limited
-
-$23,898
-
-2019/09/23
-
-24.8%
-
-CASH.CASH
-
-$49,751.40
-
-2020/06/28
-
-49%
-
-VODAFONE GRP
-
-$26,382.46
-
-2019/02/05
-
-26.2%
+| Investment Name | Cost | Investment Date | Total Percentage |
+| --- | --- | --- | --- |
+| Artemis Fund Managers Limited | $23,898 | 2019/09/23 | 24.8% |
+| CASH.CASH | $49,751.40 | 2020/06/28 | 49% |
+| VODAFONE GRP | $26,382.46 | 2019/02/05 | 26.2% |
 
 Hide code
 
@@ -1224,15 +870,9 @@ You can provide the table with some content to display when there is no row data
 
 This is reliant on `columns` prop to provide the information for the table header. If `columns` is not provided and there is no row data the table will not render.
 
-Investment
-
-Date
-
-Share
-
-Cost
-
-This table has no data
+| Investment | Date | Share | Cost |
+| --- | --- | --- | --- |
+| This table has no data |
 
 Hide code
 
@@ -1277,38 +917,11 @@ It accepts any of the table sub-elements. To ensure best display, please make us
 **Note:** Only the `caption`, `hiddenCaption`, `hiddenHeader` and `hover` props are supported when using `children` to render a table.
 
 My investments
-
-Investment
-
-Cost
-
-Investment date
-
-Share
-
-Artemis Fund Managers Limited
-
-$23,898
-
-2019/09/23
-
-24.8%
-
-CASH.CASH
-
-$49,751.40
-
-2020/06/28
-
-49%
-
-VODAFONE GRP
-
-$26,382.46
-
-2019/02/05
-
-26.2%
+| Investment | Cost | Investment date | Share |
+| --- | --- | --- | --- |
+| Artemis Fund Managers Limited | $23,898 | 2019/09/23 | 24.8% |
+| CASH.CASH | $49,751.40 | 2020/06/28 | 49% |
+| VODAFONE GRP | $26,382.46 | 2019/02/05 | 26.2% |
 
 Hide code
 
@@ -1368,38 +981,11 @@ Copy
 You can customise the rows by passing in a `rowProps` object or function. It accepts a map of table row props that can be passed to a `tr` element, or a function that accepts the row data currently being rendered, and returns a map of table props.
 
 My investments
-
-Investment Name
-
-Cost
-
-Investment Date
-
-Total Percentage
-
-Artemis Fund Managers Limited
-
-23898
-
-2019-09-23
-
-24.8
-
-CASH.CASH
-
-49751.4
-
-2020-06-28
-
-49
-
-VODAFONE GRP
-
-26382.456
-
-2019-02-05
-
-26.2
+| Investment Name | Cost | Investment Date | Total Percentage |
+| --- | --- | --- | --- |
+| Artemis Fund Managers Limited | 23898 | 2019-09-23 | 24.8 |
+| CASH.CASH | 49751.4 | 2020-06-28 | 49 |
+| VODAFONE GRP | 26382.456 | 2019-02-05 | 26.2 |
 
 Hide code
 
@@ -1442,38 +1028,11 @@ Copy
 The `compact` prop can be used to reduce the padding around the table cells and reduce the font size. This can be useful when you have a lot of data to display and allow users to see as many columns as possible.
 
 My investments
-
-Investment Name
-
-Cost
-
-Investment Date
-
-Total Percentage
-
-Artemis Fund Managers Limited
-
-23898
-
-2019-09-23
-
-24.8
-
-CASH.CASH
-
-49751.4
-
-2020-06-28
-
-49
-
-VODAFONE GRP
-
-26382.456
-
-2019-02-05
-
-26.2
+| Investment Name | Cost | Investment Date | Total Percentage |
+| --- | --- | --- | --- |
+| Artemis Fund Managers Limited | 23898 | 2019-09-23 | 24.8 |
+| CASH.CASH | 49751.4 | 2020-06-28 | 49 |
+| VODAFONE GRP | 26382.456 | 2019-02-05 | 26.2 |
 
 Hide code
 
@@ -1511,45 +1070,7 @@ Copy
 
 In some cases you may have a table with multiple groups of rows inside it, however the columns are the same. For these cases, you can use the `IressTableBody` component.
 
-My liabilities
-
-Current liabilities
-
-Owner
-
-Type
-
-Provider
-
-Status
-
-Frequency
-
-Outstanding (GBP)
-
-Interest rate p.a.
-
-Repayment (GBP)
-
-Client
-
-Credit card
-
-Current
-
-Monthly
-
-5,000.00
-
-0%
-
-300.00
-
-Add current liability
-
-Long term liabilities
-
-Contingent liabilities
+<table class="ids-table-v5142" id=":rq:"><caption id=":rq:--caption" class="">My liabilities</caption><tbody aria-labelledby=":rr:--caption" class=""><tr><th aria-expanded="true" colspan="8" class="ids-table--row-group-header-v5142" id=":rr:--caption" scope="rowgroup" aria-controls=":rr:--header--0 :rr:--rows--0 :rr:--children"><button class="ids-table--activator-v5142" type="button">Current liabilities</button></th></tr><tr class="ids-table--row-group-column-headers-v5142" id=":rr:--header--0"><th id=":rr:__owner" headers=":rr:--caption" class="" style="width: 75px; min-width: 75px;">Owner</th><th id=":rr:__type" headers=":rr:--caption" class="" style="width: 100px; min-width: 100px;">Type</th><th id=":rr:__provider" headers=":rr:--caption" class="">Provider</th><th id=":rr:__status" headers=":rr:--caption" class="ids-table--divider-v5142">Status</th><th id=":rr:__frequency" headers=":rr:--caption" class="">Frequency</th><th id=":rr:__outstanding" headers=":rr:--caption" aria-sort="none" class="ids-table--cell--currency-v5142"><button type="button" class="ids-table--sort-button-v5142 ids-table--sort-button-no-wrap-v5142">Outstanding (GBP)<span role="img" class="ids-table--sort-icon-v5142 ids-icon-v5142 fa-sort fal" aria-label="sortable"></span></button></th><th id=":rr:__interestRate" headers=":rr:--caption" aria-sort="none" class="ids-table--cell--right-v5142"><button type="button" class="ids-table--sort-button-v5142 ids-table--sort-button-no-wrap-v5142">Interest rate p.a.<span role="img" class="ids-table--sort-icon-v5142 ids-icon-v5142 fa-sort fal" aria-label="sortable"></span></button></th><th id=":rr:__repayment" headers=":rr:--caption" aria-sort="none" class="ids-table--cell--currency-v5142"><button type="button" class="ids-table--sort-button-v5142 ids-table--sort-button-no-wrap-v5142">Repayment (GBP)<span role="img" class="ids-table--sort-icon-v5142 ids-icon-v5142 fa-sort fal" aria-label="sortable"></span></button></th></tr><tr id=":rr:--rows--0"><td data-column="owner" headers=":rr:__owner :rr:--caption" id=":rr:__0_owner" class="" style="width: 75px; min-width: 75px;">Client</td><td data-column="type" headers=":rr:__type :rr:--caption" id=":rr:__0_type" class="" style="width: 100px; min-width: 100px;">Credit card</td><td data-column="provider" headers=":rr:__provider :rr:--caption" id=":rr:__0_provider" class=""></td><td data-column="status" headers=":rr:__status :rr:--caption" id=":rr:__0_status" class="ids-table--divider-v5142">Current</td><td data-column="frequency" headers=":rr:__frequency :rr:--caption" id=":rr:__0_frequency" class="">Monthly</td><td data-column="outstanding" headers=":rr:__outstanding :rr:--caption" id=":rr:__0_outstanding" class="ids-table--cell--currency-v5142">5,000.00</td><td data-column="interestRate" headers=":rr:__interestRate :rr:--caption" id=":rr:__0_interestRate" class="ids-table--cell--right-v5142">0%</td><td data-column="repayment" headers=":rr:__repayment :rr:--caption" id=":rr:__0_repayment" class="ids-table--cell--currency-v5142">300.00</td></tr><tr id=":rr:--children"><td colspan="8"><button class="iress-form-element iress-form-element__inner iress-u-button iress--mode--tertiary" type="button"><span class="iress-u-button__prepend"><span role="img" class="ids-icon-v5142 fa-plus-circle fal" aria-hidden="true"></span></span>Add current liability</button></td></tr></tbody><tbody aria-labelledby=":rt:--caption" class=""><tr><th aria-expanded="false" colspan="8" class="ids-table--row-group-header-v5142" id=":rt:--caption" scope="rowgroup"><button class="ids-table--activator-v5142" type="button">Long term liabilities</button></th></tr></tbody><tbody aria-labelledby=":ru:--caption" class=""><tr><th aria-expanded="false" colspan="8" class="ids-table--row-group-header-v5142" id=":ru:--caption" scope="rowgroup"><button class="ids-table--activator-v5142" type="button">Contingent liabilities</button></th></tr></tbody></table>
 
 Hide code
 
@@ -1706,42 +1227,16 @@ Copy
 It has been exposed so you can use it in your own components to format values in the same way as the table component.
 
 IressTableFormattedValue
-
-Mode
-
-Example
-
-string
-
-string
-
-number
-
-10000
-
-date
-
-15/05/2025
-
-shortDate
-
-15 May 2025
-
-isoDateTime
-
-2025-05-15 12:41:29 (AEST)
-
-relativeTime
-
-now
-
-currency
-
-$10,000.00
-
-percent
-
-50%
+| Mode | Example |
+| --- | --- |
+| string | string |
+| number | 10000 |
+| date | 25/06/2025 |
+| shortDate | 25 Jun 2025 |
+| isoDateTime | 2025-06-25 07:05:35 (AEST) |
+| relativeTime | now |
+| currency | $10,000.00 |
+| percent | 50% |
 
 Hide code