Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

docs(configuration): fix wrong usage guide import part #747

Merged
merged 4 commits into from
Jun 14, 2023
Merged
Changes from all commits
Commits
File filter

Filter by extension

Filter by extension

Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
20 changes: 10 additions & 10 deletions documents/src/pages/elements/configuration.md
Original file line number Diff line number Diff line change
Expand Up @@ -13,13 +13,13 @@ layout: default
Install the configuration element in your project.

```bash
npm install @refinitiv-ui/configuration
npm install @refinitiv-ui/elements
```

Import it to your project.

```javascript
import '@refinitiv-ui/configuration';
import '@refinitiv-ui/elements/configuration';
```

Set context to `ef-configuration` using `config` property. Any EF components in its scope will receive the context and use it accordingly.
Expand All @@ -38,7 +38,7 @@ const customConfig = document.getElementById('custom-config');
customConfig.config = {
icon: {
map: {
"tick": 'data:image/svg+xml;base64,PHN2ZyB...'
'tick': 'data:image/svg+xml;base64,PHN2ZyB...'
}
}
}
Expand All @@ -50,7 +50,7 @@ customConfig.config = {
List of context that can be set to `ef-configuration` using `config` property.

### Icon Mapping Context
`ef-icon` element supports the icon map from the configuration. You either define new icon or override data of the existing EF icons on CDN. Value of icon map should be base64 SVG format.
`ef-icon` element supports the icon map from the configuration. You either define new icon or override data of the existing EF icons on CDN. Value of icon map should be data url base64 SVG format.

When `ef-icon` received SVG data of the icon, it will not request SVG icon file from the CDN.

Expand All @@ -62,9 +62,9 @@ const configEl = document.getElementById('config');
configEl.config = {
icon: {
map: {
"tick": 'data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAxNiAxNiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBzdHJva2U9IiMwMDAiIGQ9Ik0xNCA0bC04LjI1IDguMjVMMiA4LjUiIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0iZXZlbm9kZCIvPjwvc3ZnPg==',
"coffee-cup": 'data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPCEtLSBHZW5lcmF0ZWQgYnkgSWNvTW9vbi5pbyAtLT4KPCFET0NUWVBFIHN2ZyBQVUJMSUMgIi0vL1czQy8vRFREIFNWRyAxLjEvL0VOIiAiaHR0cDovL3d3dy53My5vcmcvR3JhcGhpY3MvU1ZHLzEuMS9EVEQvc3ZnMTEuZHRkIj4KPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHdpZHRoPSIyMCIgaGVpZ2h0PSIyMCIgdmlld0JveD0iMCAwIDIwIDIwIj4KPHBhdGggZmlsbD0iIzAwMDAwMCIgZD0iTTEwIDE1Yy0xLjY1NCAwLTMtMS4zNDYtMy0zczEuMzQ2LTMgMy0zIDMgMS4zNDYgMyAzLTEuMzQ2IDMtMyAzek0xMCAxMGMtMS4xMDMgMC0yIDAuODk3LTIgMnMwLjg5NyAyIDIgMmMxLjEwMyAwIDItMC44OTcgMi0ycy0wLjg5Ny0yLTItMnoiPjwvcGF0aD4KPHBhdGggZmlsbD0iIzAwMDAwMCIgZD0iTTE1LjkwNCAyLjA1NmwtMC4xNzctMC43MDdjLTAuMTg5LTAuNzU2LTAuOTQ4LTEuMzQ5LTEuNzI4LTEuMzQ5aC04Yy0wLjc4IDAtMS41MzggMC41OTMtMS43MjggMS4zNDlsLTAuMTc3IDAuNzA3Yy0wLjYzMSAwLjE3Ny0xLjA5NiAwLjc1Ny0xLjA5NiAxLjQ0NHYxYzAgMC42NjMgMC40MzIgMS4yMjYgMS4wMjkgMS40MjRsMC45MDEgMTIuNjE0YzAuMDU4IDAuODA2IDAuNzYyIDEuNDYyIDEuNTcgMS40NjJoN2MwLjgwOCAwIDEuNTEyLTAuNjU2IDEuNTctMS40NjJsMC45MDEtMTIuNjE0YzAuNTk3LTAuMTk4IDEuMDI5LTAuNzYxIDEuMDI5LTEuNDI0di0xYzAtMC42ODctMC40NjQtMS4yNjctMS4wOTYtMS40NDR6TTYgMWg4YzAuMzE5IDAgMC42OCAwLjI4MiAwLjc1NyAwLjU5MWwwLjEwMiAwLjQwOWgtOS43MTlsMC4xMDItMC40MDljMC4wNzctMC4zMDkgMC40MzgtMC41OTEgMC43NTctMC41OTF6TTE0Ljg5MiA3aC05Ljc4M2wtMC4wNzEtMWg5LjkyNmwtMC4wNzEgMXpNMTQuMjQ5IDE2aC04LjQ5N2wtMC41NzEtOGg5LjY0bC0wLjU3MSA4ek0xMy41IDE5aC03Yy0wLjI5IDAtMC41NTItMC4yNDQtMC41NzMtMC41MzNsLTAuMTA1LTEuNDY3aDguMzU1bC0wLjEwNSAxLjQ2N2MtMC4wMjEgMC4yODktMC4yODMgMC41MzMtMC41NzMgMC41MzN6TTE2IDQuNWMwIDAuMjc2LTAuMjI0IDAuNS0wLjUgMC41aC0xMWMtMC4yNzYgMC0wLjUtMC4yMjQtMC41LTAuNXYtMWMwLTAuMjc1IDAuMjI0LTAuNDk5IDAuNDk5LTAuNSAwLjAwMSAwIDAuMDAxIDAgMC4wMDIgMHMwLjAwMi0wIDAuMDAzLTBoMTAuOTk3YzAuMjc2IDAgMC41IDAuMjI0IDAuNSAwLjV2MXoiPjwvcGF0aD4KPC9zdmc+Cg==',
"paw": 'data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPCEtLSBHZW5lcmF0ZWQgYnkgSWNvTW9vbi5pbyAtLT4KPCFET0NUWVBFIHN2ZyBQVUJMSUMgIi0vL1czQy8vRFREIFNWRyAxLjEvL0VOIiAiaHR0cDovL3d3dy53My5vcmcvR3JhcGhpY3MvU1ZHLzEuMS9EVEQvc3ZnMTEuZHRkIj4KPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHdpZHRoPSIyMCIgaGVpZ2h0PSIyMCIgdmlld0JveD0iMCAwIDIwIDIwIj4KPHBhdGggZmlsbD0iIzAwMDAwMCIgZD0iTTMgMTJjLTEuMTIyIDAtMi0xLjMyMi0yLTMuMDExczAuODc4LTMuMDExIDItMy4wMTEgMiAxLjMyMiAyIDMuMDExLTAuODc4IDMuMDExLTIgMy4wMTF6TTMgNi45NzhjLTAuNDcyIDAtMSAwLjg2LTEgMi4wMTFzMC41MjggMi4wMTEgMSAyLjAxMSAxLTAuODYgMS0yLjAxMS0wLjUyOC0yLjAxMS0xLTIuMDExeiI+PC9wYXRoPgo8cGF0aCBmaWxsPSIjMDAwMDAwIiBkPSJNNi45OTggOGMtMS4xMiAwLTEuOTk4LTEuMzE4LTEuOTk4LTNzMC44NzgtMyAxLjk5OC0zIDEuOTk4IDEuMzE4IDEuOTk4IDMtMC44NzggMy0xLjk5OCAzek02Ljk5OCAzYy0wLjQ3MSAwLTAuOTk4IDAuODU1LTAuOTk4IDJzMC41MjcgMiAwLjk5OCAyIDAuOTk4LTAuODU1IDAuOTk4LTItMC41MjctMi0wLjk5OC0yeiI+PC9wYXRoPgo8cGF0aCBmaWxsPSIjMDAwMDAwIiBkPSJNMTIgOGMtMS4xMjIgMC0yLTEuMzE4LTItM3MwLjg3OC0zIDItMyAyIDEuMzE4IDIgMy0wLjg3OCAzLTIgM3pNMTIgM2MtMC40NzIgMC0xIDAuODU1LTEgMnMwLjUyOCAyIDEgMiAxLTAuODU1IDEtMi0wLjUyOC0yLTEtMnoiPjwvcGF0aD4KPHBhdGggZmlsbD0iIzAwMDAwMCIgZD0iTTE2IDEyYy0xLjEyMiAwLTItMS4zMjItMi0zLjAxMXMwLjg3OC0zLjAxMSAyLTMuMDExIDIgMS4zMjIgMiAzLjAxMS0wLjg3OCAzLjAxMS0yIDMuMDExek0xNiA2Ljk3OGMtMC40NzIgMC0xIDAuODYtMSAyLjAxMXMwLjUyOCAyLjAxMSAxIDIuMDExIDEtMC44NiAxLTIuMDExLTAuNTI4LTIuMDExLTEtMi4wMTF6Ij48L3BhdGg+CjxwYXRoIGZpbGw9IiMwMDAwMDAiIGQ9Ik0xMyAxOGMtMC44NjggMC0xLjQ1NS0wLjI5NC0xLjk3Mi0wLjU1My0wLjQ4LTAuMjQtMC44OTQtMC40NDctMS41MjgtMC40NDctMC42MzEgMC0xLjA0NSAwLjIwNy0xLjUyNSAwLjQ0Ny0wLjUxOSAwLjI1OS0xLjEwNyAwLjU1My0xLjk3NSAwLjU1My0wLjU1NiAwLTEuMDc5LTAuMzAzLTEuNDM3LTAuODMxLTAuNjI3LTAuOTI2LTAuNjM3LTIuMzMxLTAuMDI4LTMuODU1IDEuMDk3LTIuNzQyIDIuOTA2LTQuMzE0IDQuOTY0LTQuMzE0czMuODY4IDEuNTcyIDQuOTY0IDQuMzE0YzAuNjA5IDEuNTI0IDAuNTk5IDIuOTI5LTAuMDI4IDMuODU1LTAuMzU3IDAuNTI4LTAuODgxIDAuODMxLTEuNDM3IDAuODMxek05LjUgMTZjMC44NjkgMCAxLjQ1NyAwLjI5NCAxLjk3NSAwLjU1MyAwLjQ3OSAwLjI0IDAuODkzIDAuNDQ3IDEuNTI1IDAuNDQ3IDAuMjE4IDAgMC40NC0wLjE0MyAwLjYwOS0wLjM5MSAwLjQzMi0wLjYzNyAwLjQwNC0xLjczLTAuMDczLTIuOTIzLTAuOTM3LTIuMzQyLTIuNDA4LTMuNjg2LTQuMDM2LTMuNjg2cy0zLjA5OSAxLjM0My00LjAzNiAzLjY4NmMtMC40NzcgMS4xOTMtMC41MDQgMi4yODYtMC4wNzMgMi45MjMgMC4xNjggMC4yNDkgMC4zOSAwLjM5MSAwLjYwOSAwLjM5MSAwLjYzMiAwIDEuMDQ3LTAuMjA3IDEuNTI4LTAuNDQ4IDAuNTE4LTAuMjU5IDEuMTA2LTAuNTUzIDEuOTcyLTAuNTUzeiI+PC9wYXRoPgo8L3N2Zz4K',
'tick': 'data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAxNiAxNiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBzdHJva2U9IiMwMDAiIGQ9Ik0xNCA0bC04LjI1IDguMjVMMiA4LjUiIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0iZXZlbm9kZCIvPjwvc3ZnPg==',
'coffee-cup': 'data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPCEtLSBHZW5lcmF0ZWQgYnkgSWNvTW9vbi5pbyAtLT4KPCFET0NUWVBFIHN2ZyBQVUJMSUMgIi0vL1czQy8vRFREIFNWRyAxLjEvL0VOIiAiaHR0cDovL3d3dy53My5vcmcvR3JhcGhpY3MvU1ZHLzEuMS9EVEQvc3ZnMTEuZHRkIj4KPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHdpZHRoPSIyMCIgaGVpZ2h0PSIyMCIgdmlld0JveD0iMCAwIDIwIDIwIj4KPHBhdGggZmlsbD0iIzAwMDAwMCIgZD0iTTEwIDE1Yy0xLjY1NCAwLTMtMS4zNDYtMy0zczEuMzQ2LTMgMy0zIDMgMS4zNDYgMyAzLTEuMzQ2IDMtMyAzek0xMCAxMGMtMS4xMDMgMC0yIDAuODk3LTIgMnMwLjg5NyAyIDIgMmMxLjEwMyAwIDItMC44OTcgMi0ycy0wLjg5Ny0yLTItMnoiPjwvcGF0aD4KPHBhdGggZmlsbD0iIzAwMDAwMCIgZD0iTTE1LjkwNCAyLjA1NmwtMC4xNzctMC43MDdjLTAuMTg5LTAuNzU2LTAuOTQ4LTEuMzQ5LTEuNzI4LTEuMzQ5aC04Yy0wLjc4IDAtMS41MzggMC41OTMtMS43MjggMS4zNDlsLTAuMTc3IDAuNzA3Yy0wLjYzMSAwLjE3Ny0xLjA5NiAwLjc1Ny0xLjA5NiAxLjQ0NHYxYzAgMC42NjMgMC40MzIgMS4yMjYgMS4wMjkgMS40MjRsMC45MDEgMTIuNjE0YzAuMDU4IDAuODA2IDAuNzYyIDEuNDYyIDEuNTcgMS40NjJoN2MwLjgwOCAwIDEuNTEyLTAuNjU2IDEuNTctMS40NjJsMC45MDEtMTIuNjE0YzAuNTk3LTAuMTk4IDEuMDI5LTAuNzYxIDEuMDI5LTEuNDI0di0xYzAtMC42ODctMC40NjQtMS4yNjctMS4wOTYtMS40NDR6TTYgMWg4YzAuMzE5IDAgMC42OCAwLjI4MiAwLjc1NyAwLjU5MWwwLjEwMiAwLjQwOWgtOS43MTlsMC4xMDItMC40MDljMC4wNzctMC4zMDkgMC40MzgtMC41OTEgMC43NTctMC41OTF6TTE0Ljg5MiA3aC05Ljc4M2wtMC4wNzEtMWg5LjkyNmwtMC4wNzEgMXpNMTQuMjQ5IDE2aC04LjQ5N2wtMC41NzEtOGg5LjY0bC0wLjU3MSA4ek0xMy41IDE5aC03Yy0wLjI5IDAtMC41NTItMC4yNDQtMC41NzMtMC41MzNsLTAuMTA1LTEuNDY3aDguMzU1bC0wLjEwNSAxLjQ2N2MtMC4wMjEgMC4yODktMC4yODMgMC41MzMtMC41NzMgMC41MzN6TTE2IDQuNWMwIDAuMjc2LTAuMjI0IDAuNS0wLjUgMC41aC0xMWMtMC4yNzYgMC0wLjUtMC4yMjQtMC41LTAuNXYtMWMwLTAuMjc1IDAuMjI0LTAuNDk5IDAuNDk5LTAuNSAwLjAwMSAwIDAuMDAxIDAgMC4wMDIgMHMwLjAwMi0wIDAuMDAzLTBoMTAuOTk3YzAuMjc2IDAgMC41IDAuMjI0IDAuNSAwLjV2MXoiPjwvcGF0aD4KPC9zdmc+Cg==',
'paw': 'data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPCEtLSBHZW5lcmF0ZWQgYnkgSWNvTW9vbi5pbyAtLT4KPCFET0NUWVBFIHN2ZyBQVUJMSUMgIi0vL1czQy8vRFREIFNWRyAxLjEvL0VOIiAiaHR0cDovL3d3dy53My5vcmcvR3JhcGhpY3MvU1ZHLzEuMS9EVEQvc3ZnMTEuZHRkIj4KPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHdpZHRoPSIyMCIgaGVpZ2h0PSIyMCIgdmlld0JveD0iMCAwIDIwIDIwIj4KPHBhdGggZmlsbD0iIzAwMDAwMCIgZD0iTTMgMTJjLTEuMTIyIDAtMi0xLjMyMi0yLTMuMDExczAuODc4LTMuMDExIDItMy4wMTEgMiAxLjMyMiAyIDMuMDExLTAuODc4IDMuMDExLTIgMy4wMTF6TTMgNi45NzhjLTAuNDcyIDAtMSAwLjg2LTEgMi4wMTFzMC41MjggMi4wMTEgMSAyLjAxMSAxLTAuODYgMS0yLjAxMS0wLjUyOC0yLjAxMS0xLTIuMDExeiI+PC9wYXRoPgo8cGF0aCBmaWxsPSIjMDAwMDAwIiBkPSJNNi45OTggOGMtMS4xMiAwLTEuOTk4LTEuMzE4LTEuOTk4LTNzMC44NzgtMyAxLjk5OC0zIDEuOTk4IDEuMzE4IDEuOTk4IDMtMC44NzggMy0xLjk5OCAzek02Ljk5OCAzYy0wLjQ3MSAwLTAuOTk4IDAuODU1LTAuOTk4IDJzMC41MjcgMiAwLjk5OCAyIDAuOTk4LTAuODU1IDAuOTk4LTItMC41MjctMi0wLjk5OC0yeiI+PC9wYXRoPgo8cGF0aCBmaWxsPSIjMDAwMDAwIiBkPSJNMTIgOGMtMS4xMjIgMC0yLTEuMzE4LTItM3MwLjg3OC0zIDItMyAyIDEuMzE4IDIgMy0wLjg3OCAzLTIgM3pNMTIgM2MtMC40NzIgMC0xIDAuODU1LTEgMnMwLjUyOCAyIDEgMiAxLTAuODU1IDEtMi0wLjUyOC0yLTEtMnoiPjwvcGF0aD4KPHBhdGggZmlsbD0iIzAwMDAwMCIgZD0iTTE2IDEyYy0xLjEyMiAwLTItMS4zMjItMi0zLjAxMXMwLjg3OC0zLjAxMSAyLTMuMDExIDIgMS4zMjIgMiAzLjAxMS0wLjg3OCAzLjAxMS0yIDMuMDExek0xNiA2Ljk3OGMtMC40NzIgMC0xIDAuODYtMSAyLjAxMXMwLjUyOCAyLjAxMSAxIDIuMDExIDEtMC44NiAxLTIuMDExLTAuNTI4LTIuMDExLTEtMi4wMTF6Ij48L3BhdGg+CjxwYXRoIGZpbGw9IiMwMDAwMDAiIGQ9Ik0xMyAxOGMtMC44NjggMC0xLjQ1NS0wLjI5NC0xLjk3Mi0wLjU1My0wLjQ4LTAuMjQtMC44OTQtMC40NDctMS41MjgtMC40NDctMC42MzEgMC0xLjA0NSAwLjIwNy0xLjUyNSAwLjQ0Ny0wLjUxOSAwLjI1OS0xLjEwNyAwLjU1My0xLjk3NSAwLjU1My0wLjU1NiAwLTEuMDc5LTAuMzAzLTEuNDM3LTAuODMxLTAuNjI3LTAuOTI2LTAuNjM3LTIuMzMxLTAuMDI4LTMuODU1IDEuMDk3LTIuNzQyIDIuOTA2LTQuMzE0IDQuOTY0LTQuMzE0czMuODY4IDEuNTcyIDQuOTY0IDQuMzE0YzAuNjA5IDEuNTI0IDAuNTk5IDIuOTI5LTAuMDI4IDMuODU1LTAuMzU3IDAuNTI4LTAuODgxIDAuODMxLTEuNDM3IDAuODMxek05LjUgMTZjMC44NjkgMCAxLjQ1NyAwLjI5NCAxLjk3NSAwLjU1MyAwLjQ3OSAwLjI0IDAuODkzIDAuNDQ3IDEuNTI1IDAuNDQ3IDAuMjE4IDAgMC40NC0wLjE0MyAwLjYwOS0wLjM5MSAwLjQzMi0wLjYzNyAwLjQwNC0xLjczLTAuMDczLTIuOTIzLTAuOTM3LTIuMzQyLTIuNDA4LTMuNjg2LTQuMDM2LTMuNjg2cy0zLjA5OSAxLjM0My00LjAzNiAzLjY4NmMtMC40NzcgMS4xOTMtMC41MDQgMi4yODYtMC4wNzMgMi45MjMgMC4xNjggMC4yNDkgMC4zOSAwLjM5MSAwLjYwOSAwLjM5MSAwLjYzMiAwIDEuMDQ3LTAuMjA3IDEuNTI4LTAuNDQ4IDAuNTE4LTAuMjU5IDEuMTA2LTAuNTUzIDEuOTcyLTAuNTUzeiI+PC9wYXRoPgo8L3N2Zz4K',
}
}
}
Expand All @@ -90,9 +90,9 @@ configEl.config = {
configEl.config = {
icon: {
map: {
"tick": 'data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAxNiAxNiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBzdHJva2U9IiMwMDAiIGQ9Ik0xNCA0bC04LjI1IDguMjVMMiA4LjUiIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0iZXZlbm9kZCIvPjwvc3ZnPg==',
"coffee-cup": 'data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPCEtLSBHZW5lcmF0ZWQgYnkgSWNvTW9vbi5pbyAtLT4KPCFET0NUWVBFIHN2ZyBQVUJMSUMgIi0vL1czQy8vRFREIFNWRyAxLjEvL0VOIiAiaHR0cDovL3d3dy53My5vcmcvR3JhcGhpY3MvU1ZHLzEuMS9EVEQvc3ZnMTEuZHRkIj4KPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHdpZHRoPSIyMCIgaGVpZ2h0PSIyMCIgdmlld0JveD0iMCAwIDIwIDIwIj4KPHBhdGggZmlsbD0iIzAwMDAwMCIgZD0iTTEwIDE1Yy0xLjY1NCAwLTMtMS4zNDYtMy0zczEuMzQ2LTMgMy0zIDMgMS4zNDYgMyAzLTEuMzQ2IDMtMyAzek0xMCAxMGMtMS4xMDMgMC0yIDAuODk3LTIgMnMwLjg5NyAyIDIgMmMxLjEwMyAwIDItMC44OTcgMi0ycy0wLjg5Ny0yLTItMnoiPjwvcGF0aD4KPHBhdGggZmlsbD0iIzAwMDAwMCIgZD0iTTE1LjkwNCAyLjA1NmwtMC4xNzctMC43MDdjLTAuMTg5LTAuNzU2LTAuOTQ4LTEuMzQ5LTEuNzI4LTEuMzQ5aC04Yy0wLjc4IDAtMS41MzggMC41OTMtMS43MjggMS4zNDlsLTAuMTc3IDAuNzA3Yy0wLjYzMSAwLjE3Ny0xLjA5NiAwLjc1Ny0xLjA5NiAxLjQ0NHYxYzAgMC42NjMgMC40MzIgMS4yMjYgMS4wMjkgMS40MjRsMC45MDEgMTIuNjE0YzAuMDU4IDAuODA2IDAuNzYyIDEuNDYyIDEuNTcgMS40NjJoN2MwLjgwOCAwIDEuNTEyLTAuNjU2IDEuNTctMS40NjJsMC45MDEtMTIuNjE0YzAuNTk3LTAuMTk4IDEuMDI5LTAuNzYxIDEuMDI5LTEuNDI0di0xYzAtMC42ODctMC40NjQtMS4yNjctMS4wOTYtMS40NDR6TTYgMWg4YzAuMzE5IDAgMC42OCAwLjI4MiAwLjc1NyAwLjU5MWwwLjEwMiAwLjQwOWgtOS43MTlsMC4xMDItMC40MDljMC4wNzctMC4zMDkgMC40MzgtMC41OTEgMC43NTctMC41OTF6TTE0Ljg5MiA3aC05Ljc4M2wtMC4wNzEtMWg5LjkyNmwtMC4wNzEgMXpNMTQuMjQ5IDE2aC04LjQ5N2wtMC41NzEtOGg5LjY0bC0wLjU3MSA4ek0xMy41IDE5aC03Yy0wLjI5IDAtMC41NTItMC4yNDQtMC41NzMtMC41MzNsLTAuMTA1LTEuNDY3aDguMzU1bC0wLjEwNSAxLjQ2N2MtMC4wMjEgMC4yODktMC4yODMgMC41MzMtMC41NzMgMC41MzN6TTE2IDQuNWMwIDAuMjc2LTAuMjI0IDAuNS0wLjUgMC41aC0xMWMtMC4yNzYgMC0wLjUtMC4yMjQtMC41LTAuNXYtMWMwLTAuMjc1IDAuMjI0LTAuNDk5IDAuNDk5LTAuNSAwLjAwMSAwIDAuMDAxIDAgMC4wMDIgMHMwLjAwMi0wIDAuMDAzLTBoMTAuOTk3YzAuMjc2IDAgMC41IDAuMjI0IDAuNSAwLjV2MXoiPjwvcGF0aD4KPC9zdmc+Cg==',
"paw": 'data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPCEtLSBHZW5lcmF0ZWQgYnkgSWNvTW9vbi5pbyAtLT4KPCFET0NUWVBFIHN2ZyBQVUJMSUMgIi0vL1czQy8vRFREIFNWRyAxLjEvL0VOIiAiaHR0cDovL3d3dy53My5vcmcvR3JhcGhpY3MvU1ZHLzEuMS9EVEQvc3ZnMTEuZHRkIj4KPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHdpZHRoPSIyMCIgaGVpZ2h0PSIyMCIgdmlld0JveD0iMCAwIDIwIDIwIj4KPHBhdGggZmlsbD0iIzAwMDAwMCIgZD0iTTMgMTJjLTEuMTIyIDAtMi0xLjMyMi0yLTMuMDExczAuODc4LTMuMDExIDItMy4wMTEgMiAxLjMyMiAyIDMuMDExLTAuODc4IDMuMDExLTIgMy4wMTF6TTMgNi45NzhjLTAuNDcyIDAtMSAwLjg2LTEgMi4wMTFzMC41MjggMi4wMTEgMSAyLjAxMSAxLTAuODYgMS0yLjAxMS0wLjUyOC0yLjAxMS0xLTIuMDExeiI+PC9wYXRoPgo8cGF0aCBmaWxsPSIjMDAwMDAwIiBkPSJNNi45OTggOGMtMS4xMiAwLTEuOTk4LTEuMzE4LTEuOTk4LTNzMC44NzgtMyAxLjk5OC0zIDEuOTk4IDEuMzE4IDEuOTk4IDMtMC44NzggMy0xLjk5OCAzek02Ljk5OCAzYy0wLjQ3MSAwLTAuOTk4IDAuODU1LTAuOTk4IDJzMC41MjcgMiAwLjk5OCAyIDAuOTk4LTAuODU1IDAuOTk4LTItMC41MjctMi0wLjk5OC0yeiI+PC9wYXRoPgo8cGF0aCBmaWxsPSIjMDAwMDAwIiBkPSJNMTIgOGMtMS4xMjIgMC0yLTEuMzE4LTItM3MwLjg3OC0zIDItMyAyIDEuMzE4IDIgMy0wLjg3OCAzLTIgM3pNMTIgM2MtMC40NzIgMC0xIDAuODU1LTEgMnMwLjUyOCAyIDEgMiAxLTAuODU1IDEtMi0wLjUyOC0yLTEtMnoiPjwvcGF0aD4KPHBhdGggZmlsbD0iIzAwMDAwMCIgZD0iTTE2IDEyYy0xLjEyMiAwLTItMS4zMjItMi0zLjAxMXMwLjg3OC0zLjAxMSAyLTMuMDExIDIgMS4zMjIgMiAzLjAxMS0wLjg3OCAzLjAxMS0yIDMuMDExek0xNiA2Ljk3OGMtMC40NzIgMC0xIDAuODYtMSAyLjAxMXMwLjUyOCAyLjAxMSAxIDIuMDExIDEtMC44NiAxLTIuMDExLTAuNTI4LTIuMDExLTEtMi4wMTF6Ij48L3BhdGg+CjxwYXRoIGZpbGw9IiMwMDAwMDAiIGQ9Ik0xMyAxOGMtMC44NjggMC0xLjQ1NS0wLjI5NC0xLjk3Mi0wLjU1My0wLjQ4LTAuMjQtMC44OTQtMC40NDctMS41MjgtMC40NDctMC42MzEgMC0xLjA0NSAwLjIwNy0xLjUyNSAwLjQ0Ny0wLjUxOSAwLjI1OS0xLjEwNyAwLjU1My0xLjk3NSAwLjU1My0wLjU1NiAwLTEuMDc5LTAuMzAzLTEuNDM3LTAuODMxLTAuNjI3LTAuOTI2LTAuNjM3LTIuMzMxLTAuMDI4LTMuODU1IDEuMDk3LTIuNzQyIDIuOTA2LTQuMzE0IDQuOTY0LTQuMzE0czMuODY4IDEuNTcyIDQuOTY0IDQuMzE0YzAuNjA5IDEuNTI0IDAuNTk5IDIuOTI5LTAuMDI4IDMuODU1LTAuMzU3IDAuNTI4LTAuODgxIDAuODMxLTEuNDM3IDAuODMxek05LjUgMTZjMC44NjkgMCAxLjQ1NyAwLjI5NCAxLjk3NSAwLjU1MyAwLjQ3OSAwLjI0IDAuODkzIDAuNDQ3IDEuNTI1IDAuNDQ3IDAuMjE4IDAgMC40NC0wLjE0MyAwLjYwOS0wLjM5MSAwLjQzMi0wLjYzNyAwLjQwNC0xLjczLTAuMDczLTIuOTIzLTAuOTM3LTIuMzQyLTIuNDA4LTMuNjg2LTQuMDM2LTMuNjg2cy0zLjA5OSAxLjM0My00LjAzNiAzLjY4NmMtMC40NzcgMS4xOTMtMC41MDQgMi4yODYtMC4wNzMgMi45MjMgMC4xNjggMC4yNDkgMC4zOSAwLjM5MSAwLjYwOSAwLjM5MSAwLjYzMiAwIDEuMDQ3LTAuMjA3IDEuNTI4LTAuNDQ4IDAuNTE4LTAuMjU5IDEuMTA2LTAuNTUzIDEuOTcyLTAuNTUzeiI+PC9wYXRoPgo8L3N2Zz4K',
'tick': 'data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAxNiAxNiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBzdHJva2U9IiMwMDAiIGQ9Ik0xNCA0bC04LjI1IDguMjVMMiA4LjUiIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0iZXZlbm9kZCIvPjwvc3ZnPg==',
'coffee-cup': 'data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPCEtLSBHZW5lcmF0ZWQgYnkgSWNvTW9vbi5pbyAtLT4KPCFET0NUWVBFIHN2ZyBQVUJMSUMgIi0vL1czQy8vRFREIFNWRyAxLjEvL0VOIiAiaHR0cDovL3d3dy53My5vcmcvR3JhcGhpY3MvU1ZHLzEuMS9EVEQvc3ZnMTEuZHRkIj4KPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHdpZHRoPSIyMCIgaGVpZ2h0PSIyMCIgdmlld0JveD0iMCAwIDIwIDIwIj4KPHBhdGggZmlsbD0iIzAwMDAwMCIgZD0iTTEwIDE1Yy0xLjY1NCAwLTMtMS4zNDYtMy0zczEuMzQ2LTMgMy0zIDMgMS4zNDYgMyAzLTEuMzQ2IDMtMyAzek0xMCAxMGMtMS4xMDMgMC0yIDAuODk3LTIgMnMwLjg5NyAyIDIgMmMxLjEwMyAwIDItMC44OTcgMi0ycy0wLjg5Ny0yLTItMnoiPjwvcGF0aD4KPHBhdGggZmlsbD0iIzAwMDAwMCIgZD0iTTE1LjkwNCAyLjA1NmwtMC4xNzctMC43MDdjLTAuMTg5LTAuNzU2LTAuOTQ4LTEuMzQ5LTEuNzI4LTEuMzQ5aC04Yy0wLjc4IDAtMS41MzggMC41OTMtMS43MjggMS4zNDlsLTAuMTc3IDAuNzA3Yy0wLjYzMSAwLjE3Ny0xLjA5NiAwLjc1Ny0xLjA5NiAxLjQ0NHYxYzAgMC42NjMgMC40MzIgMS4yMjYgMS4wMjkgMS40MjRsMC45MDEgMTIuNjE0YzAuMDU4IDAuODA2IDAuNzYyIDEuNDYyIDEuNTcgMS40NjJoN2MwLjgwOCAwIDEuNTEyLTAuNjU2IDEuNTctMS40NjJsMC45MDEtMTIuNjE0YzAuNTk3LTAuMTk4IDEuMDI5LTAuNzYxIDEuMDI5LTEuNDI0di0xYzAtMC42ODctMC40NjQtMS4yNjctMS4wOTYtMS40NDR6TTYgMWg4YzAuMzE5IDAgMC42OCAwLjI4MiAwLjc1NyAwLjU5MWwwLjEwMiAwLjQwOWgtOS43MTlsMC4xMDItMC40MDljMC4wNzctMC4zMDkgMC40MzgtMC41OTEgMC43NTctMC41OTF6TTE0Ljg5MiA3aC05Ljc4M2wtMC4wNzEtMWg5LjkyNmwtMC4wNzEgMXpNMTQuMjQ5IDE2aC04LjQ5N2wtMC41NzEtOGg5LjY0bC0wLjU3MSA4ek0xMy41IDE5aC03Yy0wLjI5IDAtMC41NTItMC4yNDQtMC41NzMtMC41MzNsLTAuMTA1LTEuNDY3aDguMzU1bC0wLjEwNSAxLjQ2N2MtMC4wMjEgMC4yODktMC4yODMgMC41MzMtMC41NzMgMC41MzN6TTE2IDQuNWMwIDAuMjc2LTAuMjI0IDAuNS0wLjUgMC41aC0xMWMtMC4yNzYgMC0wLjUtMC4yMjQtMC41LTAuNXYtMWMwLTAuMjc1IDAuMjI0LTAuNDk5IDAuNDk5LTAuNSAwLjAwMSAwIDAuMDAxIDAgMC4wMDIgMHMwLjAwMi0wIDAuMDAzLTBoMTAuOTk3YzAuMjc2IDAgMC41IDAuMjI0IDAuNSAwLjV2MXoiPjwvcGF0aD4KPC9zdmc+Cg==',
'paw': 'data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPCEtLSBHZW5lcmF0ZWQgYnkgSWNvTW9vbi5pbyAtLT4KPCFET0NUWVBFIHN2ZyBQVUJMSUMgIi0vL1czQy8vRFREIFNWRyAxLjEvL0VOIiAiaHR0cDovL3d3dy53My5vcmcvR3JhcGhpY3MvU1ZHLzEuMS9EVEQvc3ZnMTEuZHRkIj4KPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHdpZHRoPSIyMCIgaGVpZ2h0PSIyMCIgdmlld0JveD0iMCAwIDIwIDIwIj4KPHBhdGggZmlsbD0iIzAwMDAwMCIgZD0iTTMgMTJjLTEuMTIyIDAtMi0xLjMyMi0yLTMuMDExczAuODc4LTMuMDExIDItMy4wMTEgMiAxLjMyMiAyIDMuMDExLTAuODc4IDMuMDExLTIgMy4wMTF6TTMgNi45NzhjLTAuNDcyIDAtMSAwLjg2LTEgMi4wMTFzMC41MjggMi4wMTEgMSAyLjAxMSAxLTAuODYgMS0yLjAxMS0wLjUyOC0yLjAxMS0xLTIuMDExeiI+PC9wYXRoPgo8cGF0aCBmaWxsPSIjMDAwMDAwIiBkPSJNNi45OTggOGMtMS4xMiAwLTEuOTk4LTEuMzE4LTEuOTk4LTNzMC44NzgtMyAxLjk5OC0zIDEuOTk4IDEuMzE4IDEuOTk4IDMtMC44NzggMy0xLjk5OCAzek02Ljk5OCAzYy0wLjQ3MSAwLTAuOTk4IDAuODU1LTAuOTk4IDJzMC41MjcgMiAwLjk5OCAyIDAuOTk4LTAuODU1IDAuOTk4LTItMC41MjctMi0wLjk5OC0yeiI+PC9wYXRoPgo8cGF0aCBmaWxsPSIjMDAwMDAwIiBkPSJNMTIgOGMtMS4xMjIgMC0yLTEuMzE4LTItM3MwLjg3OC0zIDItMyAyIDEuMzE4IDIgMy0wLjg3OCAzLTIgM3pNMTIgM2MtMC40NzIgMC0xIDAuODU1LTEgMnMwLjUyOCAyIDEgMiAxLTAuODU1IDEtMi0wLjUyOC0yLTEtMnoiPjwvcGF0aD4KPHBhdGggZmlsbD0iIzAwMDAwMCIgZD0iTTE2IDEyYy0xLjEyMiAwLTItMS4zMjItMi0zLjAxMXMwLjg3OC0zLjAxMSAyLTMuMDExIDIgMS4zMjIgMiAzLjAxMS0wLjg3OCAzLjAxMS0yIDMuMDExek0xNiA2Ljk3OGMtMC40NzIgMC0xIDAuODYtMSAyLjAxMXMwLjUyOCAyLjAxMSAxIDIuMDExIDEtMC44NiAxLTIuMDExLTAuNTI4LTIuMDExLTEtMi4wMTF6Ij48L3BhdGg+CjxwYXRoIGZpbGw9IiMwMDAwMDAiIGQ9Ik0xMyAxOGMtMC44NjggMC0xLjQ1NS0wLjI5NC0xLjk3Mi0wLjU1My0wLjQ4LTAuMjQtMC44OTQtMC40NDctMS41MjgtMC40NDctMC42MzEgMC0xLjA0NSAwLjIwNy0xLjUyNSAwLjQ0Ny0wLjUxOSAwLjI1OS0xLjEwNyAwLjU1My0xLjk3NSAwLjU1My0wLjU1NiAwLTEuMDc5LTAuMzAzLTEuNDM3LTAuODMxLTAuNjI3LTAuOTI2LTAuNjM3LTIuMzMxLTAuMDI4LTMuODU1IDEuMDk3LTIuNzQyIDIuOTA2LTQuMzE0IDQuOTY0LTQuMzE0czMuODY4IDEuNTcyIDQuOTY0IDQuMzE0YzAuNjA5IDEuNTI0IDAuNTk5IDIuOTI5LTAuMDI4IDMuODU1LTAuMzU3IDAuNTI4LTAuODgxIDAuODMxLTEuNDM3IDAuODMxek05LjUgMTZjMC44NjkgMCAxLjQ1NyAwLjI5NCAxLjk3NSAwLjU1MyAwLjQ3OSAwLjI0IDAuODkzIDAuNDQ3IDEuNTI1IDAuNDQ3IDAuMjE4IDAgMC40NC0wLjE0MyAwLjYwOS0wLjM5MSAwLjQzMi0wLjYzNyAwLjQwNC0xLjczLTAuMDczLTIuOTIzLTAuOTM3LTIuMzQyLTIuNDA4LTMuNjg2LTQuMDM2LTMuNjg2cy0zLjA5OSAxLjM0My00LjAzNiAzLjY4NmMtMC40NzcgMS4xOTMtMC41MDQgMi4yODYtMC4wNzMgMi45MjMgMC4xNjggMC4yNDkgMC4zOSAwLjM5MSAwLjYwOSAwLjM5MSAwLjYzMiAwIDEuMDQ3LTAuMjA3IDEuNTI4LTAuNDQ4IDAuNTE4LTAuMjU5IDEuMTA2LTAuNTUzIDEuOTcyLTAuNTUzeiI+PC9wYXRoPgo8L3N2Zz4K',
}
}
}
Expand Down