@govflanders/vl-widget-global-header-types 2.0.1 → 2.0.3
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +102 -50
- package/dist/access-menu.js +1 -0
- package/dist/alert.js +1 -0
- package/dist/bootstrap.d.ts +17 -0
- package/dist/bootstrap.js +42 -0
- package/dist/branding.js +1 -0
- package/dist/client.js +1 -0
- package/dist/config.js +4 -0
- package/dist/contact.js +12 -0
- package/dist/i18n.d.ts +1 -1
- package/dist/i18n.js +1 -0
- package/dist/idp.d.ts +31 -8
- package/dist/idp.js +1 -0
- package/dist/image.js +1 -0
- package/dist/index.d.ts +1 -0
- package/dist/index.js +11 -0
- package/dist/link.js +1 -0
- package/docs/assets/hierarchy.js +1 -0
- package/docs/assets/highlight.css +8 -8
- package/docs/assets/icons.js +1 -1
- package/docs/assets/icons.svg +1 -1
- package/docs/assets/main.js +5 -5
- package/docs/assets/navigation.js +1 -1
- package/docs/assets/search.js +1 -1
- package/docs/assets/style.css +1405 -1288
- package/docs/assets/typedoc-github-style.css +49 -54
- package/docs/functions/bootstrap.html +8 -0
- package/docs/hierarchy.html +1 -1
- package/docs/index.html +68 -42
- package/docs/interfaces/AlertConfig.html +5 -5
- package/docs/interfaces/Application.html +7 -7
- package/docs/interfaces/ApplicationMenuLink.html +6 -6
- package/docs/interfaces/Authorization.html +10 -8
- package/docs/interfaces/BUR.html +8 -8
- package/docs/interfaces/BaseConfig.html +2 -2
- package/docs/interfaces/BaseEntity.html +7 -7
- package/docs/interfaces/BrandingConfigColors.html +4 -4
- package/docs/interfaces/BrandingConfigHost.html +6 -6
- package/docs/interfaces/BrandingConfigUmbrella.html +5 -5
- package/docs/interfaces/Channel.html +13 -13
- package/docs/interfaces/ContactOption.html +21 -21
- package/docs/interfaces/ContactOptionRef.html +6 -6
- package/docs/interfaces/EA.html +7 -7
- package/docs/interfaces/EnrichedServicePoints.html +8 -8
- package/docs/interfaces/GID.html +7 -7
- package/docs/interfaces/GlobalHeaderClient.html +40 -67
- package/docs/interfaces/I18n.html +2 -2
- package/docs/interfaces/IDPData.html +6 -6
- package/docs/interfaces/Image.html +6 -6
- package/docs/interfaces/LB.html +8 -0
- package/docs/interfaces/Link.html +4 -4
- package/docs/interfaces/LinkWithTarget.html +5 -5
- package/docs/interfaces/MainLink.html +7 -7
- package/docs/interfaces/OV.html +8 -0
- package/docs/interfaces/ProfileConfig.html +13 -13
- package/docs/interfaces/RecursiveRecord.html +1 -1
- package/docs/interfaces/ResolveOptions.html +2 -2
- package/docs/interfaces/ServicePoints.html +9 -9
- package/docs/interfaces/Session.html +5 -5
- package/docs/interfaces/Translations.html +2 -2
- package/docs/interfaces/User.html +5 -5
- package/docs/interfaces/VER.html +6 -8
- package/docs/modules.html +1 -46
- package/docs/types/AlertModifier.html +1 -1
- package/docs/types/BrandingConfigLevel.html +2 -2
- package/docs/types/CapacityCode.html +2 -2
- package/docs/types/ChannelIcon.html +2 -2
- package/docs/types/ChannelType.html +2 -2
- package/docs/types/CobrowseChannel.html +2 -2
- package/docs/types/ContactOptionSocialPlatform.html +2 -2
- package/docs/types/ContactServiceEndpoints.html +2 -8
- package/docs/types/EnrichedServicePoint.html +1 -1
- package/docs/types/Entity.html +2 -2
- package/docs/types/Language.html +1 -1
- package/docs/types/ServicePoint.html +2 -2
- package/docs/types/Translatable.html +3 -3
- package/docs/variables/languages.html +9 -1
- package/package.json +5 -4
package/README.md
CHANGED
|
@@ -1,97 +1,86 @@
|
|
|
1
|
-
|
|
1
|
+
## Introduction
|
|
2
2
|
|
|
3
|
-
|
|
3
|
+
This guide is for developers looking to integrate the Flanders Global Header into their websites.
|
|
4
4
|
|
|
5
5
|
## Adding a Flanders Global Header to Your Website
|
|
6
6
|
|
|
7
|
-
You can integrate the **Flanders Global Header** into your website using one of two methods: the **entry script** or the **embed script**. Each serves a different purpose
|
|
7
|
+
You can integrate the **Flanders Global Header** into your website using one of two methods: the **entry script** or the **embed script**. Each serves a different purpose.
|
|
8
8
|
|
|
9
|
-
|
|
9
|
+
💡 Note: the embed url differs from the previous one. Now it's `api/v2` instead of `api/v1`.
|
|
10
10
|
|
|
11
|
-
|
|
11
|
+
### Using the Embed Script (Automatic Mounting)
|
|
12
12
|
|
|
13
|
-
|
|
13
|
+
Use the embed script for quick and automatic integration with minimal setup. The embed script is meant to be placed directly inside the DOM where you want the header to appear. It automatically renders the header at the script's location in the HTML.
|
|
14
|
+
|
|
15
|
+
Example of using the embed script:
|
|
14
16
|
|
|
15
17
|
```html
|
|
16
18
|
<!DOCTYPE html>
|
|
17
19
|
<html lang="nl">
|
|
18
20
|
<head>
|
|
19
|
-
<script src="https://widgets.test-vlaanderen.be/api/v2/widget/9717ae3b-84e8-43b2-a814-e35a2547927f/entry"></script>
|
|
20
21
|
<meta charset="UTF-8" />
|
|
21
22
|
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
|
|
22
|
-
<title>Global header
|
|
23
|
+
<title>Global header embed script example</title>
|
|
23
24
|
</head>
|
|
24
25
|
<body>
|
|
26
|
+
<script src="https://prod.widgets.burgerprofiel.vlaanderen.be/api/v2/widget/9717ae3b-84e8-43b2-a814-e35a2547927f/embed"></script>
|
|
25
27
|
<div class="your-website-code">👋 Hello world</div>
|
|
26
|
-
<script>
|
|
27
|
-
globalHeaderClient.mount(); // Mount the header manually after the script has loaded
|
|
28
|
-
</script>
|
|
29
28
|
</body>
|
|
30
29
|
</html>
|
|
31
30
|
```
|
|
32
31
|
|
|
33
|
-
|
|
32
|
+
⚠️ Warning: the `window.globalHeaderClient` object will only be available after the scrip is resolved. If it's necessary to have direct access to the `window.globalHeaderClient`, use the entry script.
|
|
34
33
|
|
|
35
|
-
|
|
34
|
+
### Using the Entry Script (Manual Mounting)
|
|
36
35
|
|
|
37
|
-
|
|
36
|
+
Use the entry script if you need more control over when, where and how the header is mounted. The entry script should be placed in the `<head>` section of your HTML, preferably at the top. This is essential because the `window.globalHeaderClient` object is only available after this script has loaded. With the entry script, the header does not render automatically, so you'll need to call the `mount` method to display it.
|
|
37
|
+
|
|
38
|
+
Example of using the entry script:
|
|
38
39
|
|
|
39
40
|
```html
|
|
40
41
|
<!DOCTYPE html>
|
|
41
42
|
<html lang="nl">
|
|
42
43
|
<head>
|
|
44
|
+
<script src="https://prod.widgets.burgerprofiel.vlaanderen.be/api/v2/widget/9717ae3b-84e8-43b2-a814-e35a2547927f/entry"></script>
|
|
43
45
|
<meta charset="UTF-8" />
|
|
44
46
|
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
|
|
45
|
-
<title>Global header
|
|
47
|
+
<title>Global header entry script example</title>
|
|
46
48
|
</head>
|
|
47
49
|
<body>
|
|
48
|
-
<script src="https://widgets.test-vlaanderen.be/api/v2/widget/9717ae3b-84e8-43b2-a814-e35a2547927f/embed"></script>
|
|
49
50
|
<div class="your-website-code">👋 Hello world</div>
|
|
51
|
+
<script>
|
|
52
|
+
window.globalHeaderClient.mount(); // Mount the header manually after the script has loaded
|
|
53
|
+
</script>
|
|
50
54
|
</body>
|
|
51
55
|
</html>
|
|
52
56
|
```
|
|
53
57
|
|
|
54
58
|
### Summary
|
|
55
59
|
|
|
56
|
-
- **Entry script**: Use in the `<head>`, requires manual mounting with
|
|
60
|
+
- **Entry script**: Use in the `<head>`, requires manual mounting with `window.globalHeaderClient.mount()` method.
|
|
57
61
|
- **Embed script**: Place directly in the DOM, automatically renders the header at the script's location.
|
|
58
62
|
|
|
59
|
-
##
|
|
63
|
+
## Using the `window.globalHeaderClient` API
|
|
60
64
|
|
|
61
|
-
|
|
65
|
+
The widget is available on the global window object as `window.globalHeaderClient`. You can import the types from global-header-types to use them in your project, if you're using typescript (more info [here](#typescript-support)).
|
|
62
66
|
|
|
63
|
-
|
|
64
|
-
|
|
65
|
-
|
|
66
|
-
or
|
|
67
|
-
```bash
|
|
68
|
-
yarn add -D @govflanders/vl-widget-global-header-types
|
|
69
|
-
```
|
|
70
|
-
|
|
71
|
-
**Note:** It’s recommended to use the caret (^) symbol in your package.json to stay updated with the latest minor and patch versions.
|
|
72
|
-
|
|
73
|
-
## Usage
|
|
74
|
-
This package provides all the types required for working with the Global Header Widget. The widget is available on the global window object as `window.globalHeaderClient`. You can import the types from global-header-types to use them in your project.
|
|
67
|
+
Example of using the `window.globalHeaderClient` object in javascript:
|
|
68
|
+
```javascript
|
|
69
|
+
const client = window.globalHeaderClient;
|
|
75
70
|
|
|
76
|
-
|
|
77
|
-
```typescript
|
|
78
|
-
import { GlobalHeaderClient, MainLink } from '@govflanders/vl-widget-global-header-types';
|
|
79
|
-
|
|
80
|
-
const client: GlobalHeaderClient = window.globalHeaderClient;
|
|
81
|
-
|
|
82
|
-
const contactLink: MainLink = {
|
|
71
|
+
const contactLink = {
|
|
83
72
|
label: 'Contact',
|
|
84
73
|
href: '/contact',
|
|
85
74
|
};
|
|
86
75
|
|
|
87
|
-
const feedbackLink
|
|
76
|
+
const feedbackLink = {
|
|
88
77
|
label: 'Feedback',
|
|
89
78
|
href: 'https://example.com/feedback',
|
|
90
79
|
isExternal: true,
|
|
91
80
|
target: '_blank',
|
|
92
81
|
};
|
|
93
82
|
|
|
94
|
-
client.setMainLinks([
|
|
83
|
+
client.accessMenu.setMainLinks([
|
|
95
84
|
contactLink,
|
|
96
85
|
feedbackLink,
|
|
97
86
|
]);
|
|
@@ -105,7 +94,7 @@ If you’re currently using version 4 of the Global Header Widget, please follow
|
|
|
105
94
|
|
|
106
95
|
### Remove client library script links
|
|
107
96
|
|
|
108
|
-
No more client library or polyfill scripts: In version 5, you no longer need to include any additional client library or polyfill script links in your HTML. Access to the `window.globalHeaderClient` object is automatically provided when you include either the entry script or the embed script.
|
|
97
|
+
No more client library or polyfill scripts: In version 5, you no longer need to include any additional client library or polyfill script links in your HTML. Access to the `window.globalHeaderClient` object is automatically provided when you include either the entry script or the embed script (after the script is loaded).
|
|
109
98
|
Action Required:
|
|
110
99
|
- Remove any `<script>` tags that reference client libraries or polyfill libraries for the widget.
|
|
111
100
|
- Ensure that either the entry script or the embed script is included in your HTML.
|
|
@@ -124,11 +113,11 @@ Version Update in Embed Links: If you’re using the embed script method to incl
|
|
|
124
113
|
|
|
125
114
|
### Update API usage
|
|
126
115
|
|
|
127
|
-
API Changes: The globalHeaderClient API has been updated in version 5. Methods, their signatures, and usage patterns may have changed. Refer to the [
|
|
116
|
+
API Changes: The `window.globalHeaderClient` API has been updated in version 5. Methods, their signatures, and usage patterns may have changed. Refer to the [GlobalHeaderClient](./interfaces/GlobalHeaderClient.html) section for detailed information on the new methods and their parameters.
|
|
128
117
|
|
|
129
118
|
Action Required:
|
|
130
|
-
- Review all instances where you interact with globalHeaderClient
|
|
131
|
-
- Update your code to align with the new [
|
|
119
|
+
- Review all instances where you interact with `window.globalHeaderClient`.
|
|
120
|
+
- Update your code to align with the new [GlobalHeaderClient](./interfaces/GlobalHeaderClient.html) methods and their signatures.
|
|
132
121
|
- Pay special attention to asynchronous methods that now return promises.
|
|
133
122
|
|
|
134
123
|
Example:
|
|
@@ -167,7 +156,7 @@ Action Required:
|
|
|
167
156
|
|
|
168
157
|
## Language Switching
|
|
169
158
|
|
|
170
|
-
The widget automatically adapts to the language of the document. It observes the `lang` attribute on the `<html>` tag, so it's the implementer's responsibility to handle any language switching functionality. If the `lang` attribute changes, the widget will update to display the correct language.
|
|
159
|
+
The **Global Header Widget** v5 now supports multiple languages. The widget automatically adapts to the language of the document. It observes the `lang` attribute on the `<html>` tag, so it's the implementer's responsibility to handle any language switching functionality. If the `lang` attribute changes, the widget will update to display the correct language.
|
|
171
160
|
|
|
172
161
|
Supported languages:
|
|
173
162
|
- nl (Dutch)
|
|
@@ -183,7 +172,10 @@ window.document.documentElement.lang = 'nl'; // 'nl', 'en', 'de' or 'fr'
|
|
|
183
172
|
|
|
184
173
|
This will switch the document's language to Dutch, and the widget will automatically reflect the change.
|
|
185
174
|
|
|
186
|
-
|
|
175
|
+
Notes:
|
|
176
|
+
- When using a multilingual widget, ensure its configuration also supports multiple languages.
|
|
177
|
+
- Lang tag variants are also handled correctly (for example, like `NL` or `nl-BE`)
|
|
178
|
+
- Take a look at the documentation for multilingual objects [here](./types/Translatable.html).
|
|
187
179
|
|
|
188
180
|
## Browser Support
|
|
189
181
|
|
|
@@ -196,14 +188,74 @@ The **Global Header Widget** supports the two most recent versions of all major
|
|
|
196
188
|
|
|
197
189
|
Please ensure your users are on the latest versions of these browsers to guarantee full functionality of the widget.
|
|
198
190
|
|
|
191
|
+
## Typescript Support
|
|
192
|
+
|
|
193
|
+
The **`@govflanders/vl-widget-global-header-types`** package provides TypeScript types and interfaces for interacting with the **Global Header Widget**. This widget is embedded in customer web pages and exposes a client object (`window.globalHeaderClient`) that allows for dynamic configuration and interaction with the global header.
|
|
194
|
+
|
|
195
|
+
By using the types defined in this package, developers can ensure type-safe interactions with the widget while improving their development experience (DX) by utilizing autocompletion and built-in documentation.
|
|
196
|
+
|
|
197
|
+
### Installation
|
|
198
|
+
|
|
199
|
+
To install the `global-header-types` package, use the following command:
|
|
200
|
+
|
|
201
|
+
```bash
|
|
202
|
+
npm install -D @govflanders/vl-widget-global-header-types
|
|
203
|
+
```
|
|
204
|
+
or
|
|
205
|
+
```bash
|
|
206
|
+
yarn add -D @govflanders/vl-widget-global-header-types
|
|
207
|
+
```
|
|
208
|
+
|
|
209
|
+
**Note:** It’s recommended to use the caret (^) symbol in your package.json to stay updated with the latest minor and patch versions.
|
|
210
|
+
|
|
211
|
+
### Usage example
|
|
212
|
+
|
|
213
|
+
Example of using the types to interact with the widget:
|
|
214
|
+
```typescript
|
|
215
|
+
import { GlobalHeaderClient, MainLink } from '@govflanders/vl-widget-global-header-types';
|
|
216
|
+
|
|
217
|
+
const client: GlobalHeaderClient = window.globalHeaderClient;
|
|
218
|
+
|
|
219
|
+
const contactLink: MainLink = {
|
|
220
|
+
label: 'Contact',
|
|
221
|
+
href: '/contact',
|
|
222
|
+
};
|
|
223
|
+
|
|
224
|
+
const feedbackLink: MainLink = {
|
|
225
|
+
label: 'Feedback',
|
|
226
|
+
href: 'https://example.com/feedback',
|
|
227
|
+
isExternal: true,
|
|
228
|
+
target: '_blank',
|
|
229
|
+
};
|
|
230
|
+
|
|
231
|
+
client.accessMenu.setMainLinks([
|
|
232
|
+
contactLink,
|
|
233
|
+
feedbackLink,
|
|
234
|
+
]);
|
|
235
|
+
```
|
|
236
|
+
|
|
199
237
|
## Contact Information
|
|
200
238
|
|
|
201
239
|
If you need assistance or have any questions regarding the **Global Header Widget**, feel free to reach out to us:
|
|
202
240
|
|
|
203
|
-
- **Support Portal**: [
|
|
241
|
+
- **Support Portal**: [Widget platform](https://vlaamseoverheid.atlassian.net/wiki/spaces/IKPubliek/pages/2339897467/Widget-platform)
|
|
204
242
|
|
|
205
243
|
Our team is here to help with any issues or inquiries you might have.
|
|
206
244
|
|
|
207
|
-
##
|
|
208
|
-
|
|
209
|
-
-
|
|
245
|
+
## Search Keywords
|
|
246
|
+
|
|
247
|
+
- Global Header Integration
|
|
248
|
+
- Flanders Widget Setup
|
|
249
|
+
- Flanders Global Header
|
|
250
|
+
- V5 Widget Migration
|
|
251
|
+
- GlobalHeaderClient API
|
|
252
|
+
- Embed Script Example
|
|
253
|
+
- Entry Script Mounting
|
|
254
|
+
- Multilingual Global Header
|
|
255
|
+
- Language Switching in Widgets
|
|
256
|
+
- Widget Browser Support
|
|
257
|
+
- Global Header JavaScript API
|
|
258
|
+
- Dynamic Header Links
|
|
259
|
+
- TypeScript Widget Integration
|
|
260
|
+
- Flanders Widget API Usage
|
|
261
|
+
- V4 to V5 Migration Guide
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export {};
|
package/dist/alert.js
ADDED
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export {};
|
|
@@ -0,0 +1,17 @@
|
|
|
1
|
+
import { GlobalHeaderClient } from './client';
|
|
2
|
+
/**
|
|
3
|
+
* Bootstraps the GlobalHeaderClient by loading it from the specified entry URL.
|
|
4
|
+
*
|
|
5
|
+
* @param url - The entry URL which has a form like this:
|
|
6
|
+
* `https://prod.widgets.burgerprofiel.vlaanderen.be/api/v2/widget/your-widget-id/entry`
|
|
7
|
+
* @returns The GlobalHeaderClient object.
|
|
8
|
+
*
|
|
9
|
+
* @example
|
|
10
|
+
* import { bootstrap } from '@govflanders/vl-widget-global-header-types';
|
|
11
|
+
*
|
|
12
|
+
* const url = 'https://prod.widgets.burgerprofiel.vlaanderen.be/api/v2/widget/your-widget-id/entry';
|
|
13
|
+
* const client = await bootstrap(url);
|
|
14
|
+
* // Use the GlobalHeaderClient instance
|
|
15
|
+
* const config = await client.getConfig();
|
|
16
|
+
*/
|
|
17
|
+
export declare const bootstrap: (url: string) => Promise<GlobalHeaderClient>;
|
|
@@ -0,0 +1,42 @@
|
|
|
1
|
+
// Create a shared promise to act as a lock
|
|
2
|
+
let bootstrapPromise = null;
|
|
3
|
+
/**
|
|
4
|
+
* Bootstraps the GlobalHeaderClient by loading it from the specified entry URL.
|
|
5
|
+
*
|
|
6
|
+
* @param url - The entry URL which has a form like this:
|
|
7
|
+
* `https://prod.widgets.burgerprofiel.vlaanderen.be/api/v2/widget/your-widget-id/entry`
|
|
8
|
+
* @returns The GlobalHeaderClient object.
|
|
9
|
+
*
|
|
10
|
+
* @example
|
|
11
|
+
* import { bootstrap } from '@govflanders/vl-widget-global-header-types';
|
|
12
|
+
*
|
|
13
|
+
* const url = 'https://prod.widgets.burgerprofiel.vlaanderen.be/api/v2/widget/your-widget-id/entry';
|
|
14
|
+
* const client = await bootstrap(url);
|
|
15
|
+
* // Use the GlobalHeaderClient instance
|
|
16
|
+
* const config = await client.getConfig();
|
|
17
|
+
*/
|
|
18
|
+
export const bootstrap = async (url) => {
|
|
19
|
+
if (window.globalHeaderClient)
|
|
20
|
+
return window.globalHeaderClient;
|
|
21
|
+
if (!bootstrapPromise) {
|
|
22
|
+
bootstrapPromise = (async () => {
|
|
23
|
+
const script = document.createElement('script');
|
|
24
|
+
script.type = 'text/javascript';
|
|
25
|
+
script.src = url;
|
|
26
|
+
document.head.appendChild(script);
|
|
27
|
+
await new Promise((resolve) => (script.onload = resolve));
|
|
28
|
+
if (!window.globalHeaderClient) {
|
|
29
|
+
throw new Error('GlobalHeaderClient failed to initialize.');
|
|
30
|
+
}
|
|
31
|
+
return window.globalHeaderClient;
|
|
32
|
+
})();
|
|
33
|
+
try {
|
|
34
|
+
return await bootstrapPromise;
|
|
35
|
+
}
|
|
36
|
+
finally {
|
|
37
|
+
// Reset the promise after completion to allow retries if needed
|
|
38
|
+
bootstrapPromise = null;
|
|
39
|
+
}
|
|
40
|
+
}
|
|
41
|
+
return bootstrapPromise;
|
|
42
|
+
};
|
package/dist/branding.js
ADDED
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export {};
|
package/dist/client.js
ADDED
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export {};
|
package/dist/config.js
ADDED
package/dist/contact.js
ADDED
|
@@ -0,0 +1,12 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* Remarks for contact option time slots.
|
|
3
|
+
*/
|
|
4
|
+
var ContactOptionTimeSlotRemark;
|
|
5
|
+
(function (ContactOptionTimeSlotRemark) {
|
|
6
|
+
ContactOptionTimeSlotRemark["OPEN"] = "OPEN";
|
|
7
|
+
ContactOptionTimeSlotRemark["APPOINTMENT"] = "APPOINTMENT";
|
|
8
|
+
ContactOptionTimeSlotRemark["PHONE"] = "PHONE";
|
|
9
|
+
ContactOptionTimeSlotRemark["DIGITAL"] = "DIGITAL";
|
|
10
|
+
ContactOptionTimeSlotRemark["OTHER"] = "OTHER";
|
|
11
|
+
})(ContactOptionTimeSlotRemark || (ContactOptionTimeSlotRemark = {}));
|
|
12
|
+
export {};
|
package/dist/i18n.d.ts
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
export * from '@govflanders/vl-widget-shared/dist/types/index';
|
|
1
|
+
export type * from '@govflanders/vl-widget-shared/dist/types/index';
|
package/dist/i18n.js
ADDED
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export {};
|
package/dist/idp.d.ts
CHANGED
|
@@ -7,7 +7,7 @@ export interface BaseEntity {
|
|
|
7
7
|
* Possible values are:
|
|
8
8
|
* - `'BUR'`: Burgerprofiel
|
|
9
9
|
* - `'VER'`: Verenigingsloket
|
|
10
|
-
* - `'EA'`: eLoket Ondernemers
|
|
10
|
+
* - `'EA'`: eLoket Ondernemers (Economische Actor)
|
|
11
11
|
* - `'GID'`: Gemeenschappelijke Identificatiedienst
|
|
12
12
|
* - `'LB'`: Lokale besturen
|
|
13
13
|
* - `'OV'`: Openbare instellingen
|
|
@@ -33,7 +33,7 @@ export interface GID extends BaseEntity {
|
|
|
33
33
|
/**
|
|
34
34
|
* The identifier for GID is the ovoCode.
|
|
35
35
|
*/
|
|
36
|
-
identifier
|
|
36
|
+
identifier?: string;
|
|
37
37
|
}
|
|
38
38
|
/**
|
|
39
39
|
* Represents an entity of type Verenigingsloket (VER).
|
|
@@ -44,11 +44,33 @@ export interface VER extends BaseEntity {
|
|
|
44
44
|
*/
|
|
45
45
|
code: 'VER';
|
|
46
46
|
/**
|
|
47
|
-
*
|
|
47
|
+
* Het verenigingsnummer van de vereniging.
|
|
48
|
+
*/
|
|
49
|
+
identifier?: string;
|
|
50
|
+
}
|
|
51
|
+
/**
|
|
52
|
+
* Represents an entity of type Lokale Besturen (LB).
|
|
53
|
+
*/
|
|
54
|
+
export interface LB extends BaseEntity {
|
|
55
|
+
/**
|
|
56
|
+
* The code for Lokale Besturen is always `'LB'`.
|
|
57
|
+
*/
|
|
58
|
+
code: 'LB';
|
|
59
|
+
/**
|
|
60
|
+
* The identifier for LB is the 'ondernemingsnummer'.
|
|
61
|
+
*/
|
|
62
|
+
identifier?: string;
|
|
63
|
+
}
|
|
64
|
+
/**
|
|
65
|
+
* Represents an entity of type Openbare Instellingen (OV).
|
|
66
|
+
*/
|
|
67
|
+
export interface OV extends BaseEntity {
|
|
68
|
+
/**
|
|
69
|
+
* The code for Openbare Instellingen is always `'OV'`.
|
|
48
70
|
*/
|
|
49
|
-
|
|
71
|
+
code: 'OV';
|
|
50
72
|
/**
|
|
51
|
-
* The identifier for
|
|
73
|
+
* The identifier for OV is the instellingsnummer.
|
|
52
74
|
*/
|
|
53
75
|
identifier?: string;
|
|
54
76
|
}
|
|
@@ -63,7 +85,7 @@ export interface EA extends BaseEntity {
|
|
|
63
85
|
/**
|
|
64
86
|
* The identifier for EA is the ondernemingsnummer.
|
|
65
87
|
*/
|
|
66
|
-
identifier
|
|
88
|
+
identifier?: string;
|
|
67
89
|
}
|
|
68
90
|
/**
|
|
69
91
|
* Represents an entity of type Burgerprofiel (BUR).
|
|
@@ -98,7 +120,7 @@ export interface User {
|
|
|
98
120
|
/**
|
|
99
121
|
* Represents an entity, which can be either BUR, GID, VER, or EA.
|
|
100
122
|
*/
|
|
101
|
-
export type Entity = BUR | GID | VER | EA;
|
|
123
|
+
export type Entity = BUR | GID | VER | EA | LB | OV;
|
|
102
124
|
/**
|
|
103
125
|
* Represents authorization information for a user.
|
|
104
126
|
*/
|
|
@@ -113,6 +135,7 @@ export interface Authorization {
|
|
|
113
135
|
mandateGiver?: Entity;
|
|
114
136
|
/**
|
|
115
137
|
* A base64-encoded string representing a login hint.
|
|
138
|
+
* In case of ACM, @see https://authenticatie.vlaanderen.be/docs/beveiligen-van-toepassingen/integratie-methoden/oauth/technische-info/gericht-aanmelden/
|
|
116
139
|
*/
|
|
117
140
|
loginHint?: string;
|
|
118
141
|
}
|
|
@@ -127,7 +150,7 @@ export interface IDPData {
|
|
|
127
150
|
/**
|
|
128
151
|
* The active authorization for the current session.
|
|
129
152
|
*/
|
|
130
|
-
activeIdentity
|
|
153
|
+
activeIdentity?: Authorization;
|
|
131
154
|
/**
|
|
132
155
|
* An optional array of past or other possible authorizations that the user may have.
|
|
133
156
|
*/
|
package/dist/idp.js
ADDED
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export {};
|
package/dist/image.js
ADDED
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export {};
|
package/dist/index.d.ts
CHANGED
package/dist/index.js
ADDED
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
export * from './alert';
|
|
2
|
+
export * from './branding';
|
|
3
|
+
export * from './access-menu';
|
|
4
|
+
export * from './client';
|
|
5
|
+
export * from './config';
|
|
6
|
+
export * from './contact';
|
|
7
|
+
export * from './idp';
|
|
8
|
+
export * from './image';
|
|
9
|
+
export * from './link';
|
|
10
|
+
export * from './i18n';
|
|
11
|
+
export * from './bootstrap';
|
package/dist/link.js
ADDED
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export {};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
window.hierarchyData = "data:application/octet-stream;base64,H4sIAAAAAAAAE5WUQW+CMBTHv8s71w1oraQ3mcSZmLi4yQ6GA4MqjbUkbbdkMXz3BQ8GFk3LhdN7v1/fv69cQDeNNcD2eEoRCUIUxWGOQPOD5KUVjTLALkC7jyrOHBgkulCVUMeXRh3EcXf+0lzKAhCchKqARVOK4FtLYCCU5fpQlNw83296qu1ZAoJSFsYAA2uqSUeZ3DqhRRAGD+2vjbGjzF2DnzWKw572nesfUfK3RihrHMZBrYcMQVkLWWmugO2jmOZXez/yVGlR1rwac4q7PX6j4+ngvgvDU2WF/XUlfSscOzSmAcKUIExjhGcRwjOKcBx0QWDav/3lauE4xHK18BySkh44S7cOcJZufcFxD7xOHNx14omdRT3sJnNgN5kvdrBoc9dWzT2x8eDR7lzpJjvPdEnQf5ZroU6ufIU6jd1HEpD86iL/XJ/C1h+FPnLXX2dYPNZPURjkbdv+ARzp0ayeBQAA"
|
|
@@ -17,14 +17,14 @@
|
|
|
17
17
|
--dark-hl-7: #DCDCAA;
|
|
18
18
|
--light-hl-8: #008000;
|
|
19
19
|
--dark-hl-8: #6A9955;
|
|
20
|
-
--light-hl-9: #
|
|
21
|
-
--dark-hl-9: #
|
|
22
|
-
--light-hl-10: #
|
|
23
|
-
--dark-hl-10: #
|
|
24
|
-
--light-hl-11: #
|
|
25
|
-
--dark-hl-11: #
|
|
26
|
-
--light-hl-12: #
|
|
27
|
-
--dark-hl-12: #
|
|
20
|
+
--light-hl-9: #0000FF;
|
|
21
|
+
--dark-hl-9: #569CD6;
|
|
22
|
+
--light-hl-10: #0070C1;
|
|
23
|
+
--dark-hl-10: #4FC1FF;
|
|
24
|
+
--light-hl-11: #A31515;
|
|
25
|
+
--dark-hl-11: #CE9178;
|
|
26
|
+
--light-hl-12: #AF00DB;
|
|
27
|
+
--dark-hl-12: #C586C0;
|
|
28
28
|
--light-hl-13: #267F99;
|
|
29
29
|
--dark-hl-13: #4EC9B0;
|
|
30
30
|
--light-code-background: #FFFFFF;
|
package/docs/assets/icons.js
CHANGED
|
@@ -3,7 +3,7 @@
|
|
|
3
3
|
function addIcons() {
|
|
4
4
|
if (document.readyState === "loading") return document.addEventListener("DOMContentLoaded", addIcons);
|
|
5
5
|
const svg = document.body.appendChild(document.createElementNS("http://www.w3.org/2000/svg", "svg"));
|
|
6
|
-
svg.innerHTML = `<g id="icon-1" class="tsd-no-select"><rect fill="var(--color-icon-background)" stroke="var(--color-ts-module)" stroke-width="1.5" x="1" y="1" width="22" height="22" rx="6"></rect><text fill="var(--color-icon-text)" x="50%" y="50%" dominant-baseline="central" text-anchor="middle">M</text></g><g id="icon-2" class="tsd-no-select"><rect fill="var(--color-icon-background)" stroke="var(--color-ts-module)" stroke-width="1.5" x="1" y="1" width="22" height="22" rx="6"></rect><text fill="var(--color-icon-text)" x="50%" y="50%" dominant-baseline="central" text-anchor="middle">M</text></g><g id="icon-4" class="tsd-no-select"><rect fill="var(--color-icon-background)" stroke="var(--color-ts-namespace)" stroke-width="1.5" x="1" y="1" width="22" height="22" rx="6"></rect><text fill="var(--color-icon-text)" x="50%" y="50%" dominant-baseline="central" text-anchor="middle">N</text></g><g id="icon-8" class="tsd-no-select"><rect fill="var(--color-icon-background)" stroke="var(--color-ts-enum)" stroke-width="1.5" x="1" y="1" width="22" height="22" rx="6"></rect><text fill="var(--color-icon-text)" x="50%" y="50%" dominant-baseline="central" text-anchor="middle">E</text></g><g id="icon-16" class="tsd-no-select"><rect fill="var(--color-icon-background)" stroke="var(--color-ts-property)" stroke-width="1.5" x="1" y="1" width="22" height="22" rx="12"></rect><text fill="var(--color-icon-text)" x="50%" y="50%" dominant-baseline="central" text-anchor="middle">P</text></g><g id="icon-32" class="tsd-no-select"><rect fill="var(--color-icon-background)" stroke="var(--color-ts-variable)" stroke-width="1.5" x="1" y="1" width="22" height="22" rx="6"></rect><text fill="var(--color-icon-text)" x="50%" y="50%" dominant-baseline="central" text-anchor="middle">V</text></g><g id="icon-64" class="tsd-no-select"><rect fill="var(--color-icon-background)" stroke="var(--color-ts-function)" stroke-width="1.5" x="1" y="1" width="22" height="22" rx="6"></rect><text fill="var(--color-icon-text)" x="50%" y="50%" dominant-baseline="central" text-anchor="middle">F</text></g><g id="icon-128" class="tsd-no-select"><rect fill="var(--color-icon-background)" stroke="var(--color-ts-class)" stroke-width="1.5" x="1" y="1" width="22" height="22" rx="6"></rect><text fill="var(--color-icon-text)" x="50%" y="50%" dominant-baseline="central" text-anchor="middle">C</text></g><g id="icon-256" class="tsd-no-select"><rect fill="var(--color-icon-background)" stroke="var(--color-ts-interface)" stroke-width="1.5" x="1" y="1" width="22" height="22" rx="6"></rect><text fill="var(--color-icon-text)" x="50%" y="50%" dominant-baseline="central" text-anchor="middle">I</text></g><g id="icon-512" class="tsd-no-select"><rect fill="var(--color-icon-background)" stroke="var(--color-ts-constructor)" stroke-width="1.5" x="1" y="1" width="22" height="22" rx="12"></rect><text fill="var(--color-icon-text)" x="50%" y="50%" dominant-baseline="central" text-anchor="middle">C</text></g><g id="icon-1024" class="tsd-no-select"><rect fill="var(--color-icon-background)" stroke="var(--color-ts-property)" stroke-width="1.5" x="1" y="1" width="22" height="22" rx="12"></rect><text fill="var(--color-icon-text)" x="50%" y="50%" dominant-baseline="central" text-anchor="middle">P</text></g><g id="icon-2048" class="tsd-no-select"><rect fill="var(--color-icon-background)" stroke="var(--color-ts-method)" stroke-width="1.5" x="1" y="1" width="22" height="22" rx="12"></rect><text fill="var(--color-icon-text)" x="50%" y="50%" dominant-baseline="central" text-anchor="middle">M</text></g><g id="icon-4096" class="tsd-no-select"><rect fill="var(--color-icon-background)" stroke="var(--color-ts-function)" stroke-width="1.5" x="1" y="1" width="22" height="22" rx="6"></rect><text fill="var(--color-icon-text)" x="50%" y="50%" dominant-baseline="central" text-anchor="middle">F</text></g><g id="icon-8192" class="tsd-no-select"><rect fill="var(--color-icon-background)" stroke="var(--color-ts-property)" stroke-width="1.5" x="1" y="1" width="22" height="22" rx="12"></rect><text fill="var(--color-icon-text)" x="50%" y="50%" dominant-baseline="central" text-anchor="middle">P</text></g><g id="icon-16384" class="tsd-no-select"><rect fill="var(--color-icon-background)" stroke="var(--color-ts-constructor)" stroke-width="1.5" x="1" y="1" width="22" height="22" rx="12"></rect><text fill="var(--color-icon-text)" x="50%" y="50%" dominant-baseline="central" text-anchor="middle">C</text></g><g id="icon-32768" class="tsd-no-select"><rect fill="var(--color-icon-background)" stroke="var(--color-ts-property)" stroke-width="1.5" x="1" y="1" width="22" height="22" rx="12"></rect><text fill="var(--color-icon-text)" x="50%" y="50%" dominant-baseline="central" text-anchor="middle">P</text></g><g id="icon-65536" class="tsd-no-select"><rect fill="var(--color-icon-background)" stroke="var(--color-ts-type-alias)" stroke-width="1.5" x="1" y="1" width="22" height="22" rx="6"></rect><text fill="var(--color-icon-text)" x="50%" y="50%" dominant-baseline="central" text-anchor="middle">T</text></g><g id="icon-131072" class="tsd-no-select"><rect fill="var(--color-icon-background)" stroke="var(--color-ts-type-alias)" stroke-width="1.5" x="1" y="1" width="22" height="22" rx="6"></rect><text fill="var(--color-icon-text)" x="50%" y="50%" dominant-baseline="central" text-anchor="middle">T</text></g><g id="icon-262144" class="tsd-no-select"><rect fill="var(--color-icon-background)" stroke="var(--color-ts-accessor)" stroke-width="1.5" x="1" y="1" width="22" height="22" rx="12"></rect><text fill="var(--color-icon-text)" x="50%" y="50%" dominant-baseline="central" text-anchor="middle">A</text></g><g id="icon-524288" class="tsd-no-select"><rect fill="var(--color-icon-background)" stroke="var(--color-ts-accessor)" stroke-width="1.5" x="1" y="1" width="22" height="22" rx="12"></rect><text fill="var(--color-icon-text)" x="50%" y="50%" dominant-baseline="central" text-anchor="middle">A</text></g><g id="icon-1048576" class="tsd-no-select"><rect fill="var(--color-icon-background)" stroke="var(--color-ts-accessor)" stroke-width="1.5" x="1" y="1" width="22" height="22" rx="12"></rect><text fill="var(--color-icon-text)" x="50%" y="50%" dominant-baseline="central" text-anchor="middle">A</text></g><g id="icon-2097152" class="tsd-no-select"><rect fill="var(--color-icon-background)" stroke="var(--color-ts-type-alias)" stroke-width="1.5" x="1" y="1" width="22" height="22" rx="6"></rect><text fill="var(--color-icon-text)" x="50%" y="50%" dominant-baseline="central" text-anchor="middle">T</text></g><g id="icon-4194304" class="tsd-no-select"><rect fill="var(--color-icon-background)" stroke="var(--color-ts-reference)" stroke-width="1.5" x="1" y="1" width="22" height="22" rx="12"></rect><text fill="var(--color-icon-text)" x="50%" y="50%" dominant-baseline="central" text-anchor="middle">R</text></g><g id="icon-8388608" class="tsd-no-select"><rect fill="var(--color-icon-background)" stroke="var(--color-document)" stroke-width="1.5" x="1" y="1" width="22" height="22" rx="6"></rect><g stroke="var(--color-icon-text)" fill="none" stroke-width="1.5"><polygon points="6,5 6,19 18,19, 18,10 13,5"></polygon><line x1="9" y1="9" x2="13" y2="9"></line><line x1="9" y1="12" x2="15" y2="12"></line><line x1="9" y1="15" x2="15" y2="15"></line></g></g><g id="icon-folder" class="tsd-no-select"><rect fill="var(--color-icon-background)" stroke="var(--color-document)" stroke-width="1.5" x="1" y="1" width="22" height="22" rx="6"></rect><g stroke="var(--color-icon-text)" fill="none" stroke-width="1.5"><polygon points="5,5 10,5 12,8 19,8 19,18 5,18"></polygon></g></g><g id="icon-chevronDown" class="tsd-no-select"><path d="M4.93896 8.531L12 15.591L19.061 8.531L16.939 6.409L12 11.349L7.06098 6.409L4.93896 8.531Z" fill="var(--color-icon-text)"></path></g><g id="icon-chevronSmall" class="tsd-no-select"><path d="M1.5 5.50969L8 11.6609L14.5 5.50969L12.5466 3.66086L8 7.96494L3.45341 3.66086L1.5 5.50969Z" fill="var(--color-icon-text)"></path></g><g id="icon-checkbox" class="tsd-no-select"><rect class="tsd-checkbox-background" width="30" height="30" x="1" y="1" rx="6" fill="none"></rect><path class="tsd-checkbox-checkmark" d="M8.35422 16.8214L13.2143 21.75L24.6458 10.25" stroke="none" stroke-width="3.5" stroke-linejoin="round" fill="none"></path></g><g id="icon-menu" class="tsd-no-select"><rect x="1" y="3" width="14" height="2" fill="var(--color-icon-text)"></rect><rect x="1" y="7" width="14" height="2" fill="var(--color-icon-text)"></rect><rect x="1" y="11" width="14" height="2" fill="var(--color-icon-text)"></rect></g><g id="icon-search" class="tsd-no-select"><path d="M15.7824 13.833L12.6666 10.7177C12.5259 10.5771 12.3353 10.499 12.1353 10.499H11.6259C12.4884 9.39596 13.001 8.00859 13.001 6.49937C13.001 2.90909 10.0914 0 6.50048 0C2.90959 0 0 2.90909 0 6.49937C0 10.0896 2.90959 12.9987 6.50048 12.9987C8.00996 12.9987 9.39756 12.4863 10.5008 11.6239V12.1332C10.5008 12.3332 10.5789 12.5238 10.7195 12.6644L13.8354 15.7797C14.1292 16.0734 14.6042 16.0734 14.8948 15.7797L15.7793 14.8954C16.0731 14.6017 16.0731 14.1267 15.7824 13.833ZM6.50048 10.499C4.29094 10.499 2.50018 8.71165 2.50018 6.49937C2.50018 4.29021 4.28781 2.49976 6.50048 2.49976C8.71001 2.49976 10.5008 4.28708 10.5008 6.49937C10.5008 8.70852 8.71314 10.499 6.50048 10.499Z" fill="var(--color-icon-text)"></path></g><g id="icon-anchor" class="tsd-no-select"><g stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"></path><path d="M10 14a3.5 3.5 0 0 0 5 0l4 -4a3.5 3.5 0 0 0 -5 -5l-.5 .5"></path><path d="M14 10a3.5 3.5 0 0 0 -5 0l-4 4a3.5 3.5 0 0 0 5 5l.5 -.5"></path></g></g>`;
|
|
6
|
+
svg.innerHTML = `<g id="icon-1" class="tsd-no-select"><rect fill="var(--color-icon-background)" stroke="var(--color-ts-module)" stroke-width="1.5" x="1" y="1" width="22" height="22" rx="6"></rect><text fill="var(--color-icon-text)" x="50%" y="50%" dominant-baseline="central" text-anchor="middle">M</text></g><g id="icon-2" class="tsd-no-select"><rect fill="var(--color-icon-background)" stroke="var(--color-ts-module)" stroke-width="1.5" x="1" y="1" width="22" height="22" rx="6"></rect><text fill="var(--color-icon-text)" x="50%" y="50%" dominant-baseline="central" text-anchor="middle">M</text></g><g id="icon-4" class="tsd-no-select"><rect fill="var(--color-icon-background)" stroke="var(--color-ts-namespace)" stroke-width="1.5" x="1" y="1" width="22" height="22" rx="6"></rect><text fill="var(--color-icon-text)" x="50%" y="50%" dominant-baseline="central" text-anchor="middle">N</text></g><g id="icon-8" class="tsd-no-select"><rect fill="var(--color-icon-background)" stroke="var(--color-ts-enum)" stroke-width="1.5" x="1" y="1" width="22" height="22" rx="6"></rect><text fill="var(--color-icon-text)" x="50%" y="50%" dominant-baseline="central" text-anchor="middle">E</text></g><g id="icon-16" class="tsd-no-select"><rect fill="var(--color-icon-background)" stroke="var(--color-ts-property)" stroke-width="1.5" x="1" y="1" width="22" height="22" rx="12"></rect><text fill="var(--color-icon-text)" x="50%" y="50%" dominant-baseline="central" text-anchor="middle">P</text></g><g id="icon-32" class="tsd-no-select"><rect fill="var(--color-icon-background)" stroke="var(--color-ts-variable)" stroke-width="1.5" x="1" y="1" width="22" height="22" rx="6"></rect><text fill="var(--color-icon-text)" x="50%" y="50%" dominant-baseline="central" text-anchor="middle">V</text></g><g id="icon-64" class="tsd-no-select"><rect fill="var(--color-icon-background)" stroke="var(--color-ts-function)" stroke-width="1.5" x="1" y="1" width="22" height="22" rx="6"></rect><text fill="var(--color-icon-text)" x="50%" y="50%" dominant-baseline="central" text-anchor="middle">F</text></g><g id="icon-128" class="tsd-no-select"><rect fill="var(--color-icon-background)" stroke="var(--color-ts-class)" stroke-width="1.5" x="1" y="1" width="22" height="22" rx="6"></rect><text fill="var(--color-icon-text)" x="50%" y="50%" dominant-baseline="central" text-anchor="middle">C</text></g><g id="icon-256" class="tsd-no-select"><rect fill="var(--color-icon-background)" stroke="var(--color-ts-interface)" stroke-width="1.5" x="1" y="1" width="22" height="22" rx="6"></rect><text fill="var(--color-icon-text)" x="50%" y="50%" dominant-baseline="central" text-anchor="middle">I</text></g><g id="icon-512" class="tsd-no-select"><rect fill="var(--color-icon-background)" stroke="var(--color-ts-constructor)" stroke-width="1.5" x="1" y="1" width="22" height="22" rx="12"></rect><text fill="var(--color-icon-text)" x="50%" y="50%" dominant-baseline="central" text-anchor="middle">C</text></g><g id="icon-1024" class="tsd-no-select"><rect fill="var(--color-icon-background)" stroke="var(--color-ts-property)" stroke-width="1.5" x="1" y="1" width="22" height="22" rx="12"></rect><text fill="var(--color-icon-text)" x="50%" y="50%" dominant-baseline="central" text-anchor="middle">P</text></g><g id="icon-2048" class="tsd-no-select"><rect fill="var(--color-icon-background)" stroke="var(--color-ts-method)" stroke-width="1.5" x="1" y="1" width="22" height="22" rx="12"></rect><text fill="var(--color-icon-text)" x="50%" y="50%" dominant-baseline="central" text-anchor="middle">M</text></g><g id="icon-4096" class="tsd-no-select"><rect fill="var(--color-icon-background)" stroke="var(--color-ts-function)" stroke-width="1.5" x="1" y="1" width="22" height="22" rx="6"></rect><text fill="var(--color-icon-text)" x="50%" y="50%" dominant-baseline="central" text-anchor="middle">F</text></g><g id="icon-8192" class="tsd-no-select"><rect fill="var(--color-icon-background)" stroke="var(--color-ts-property)" stroke-width="1.5" x="1" y="1" width="22" height="22" rx="12"></rect><text fill="var(--color-icon-text)" x="50%" y="50%" dominant-baseline="central" text-anchor="middle">P</text></g><g id="icon-16384" class="tsd-no-select"><rect fill="var(--color-icon-background)" stroke="var(--color-ts-constructor)" stroke-width="1.5" x="1" y="1" width="22" height="22" rx="12"></rect><text fill="var(--color-icon-text)" x="50%" y="50%" dominant-baseline="central" text-anchor="middle">C</text></g><g id="icon-32768" class="tsd-no-select"><rect fill="var(--color-icon-background)" stroke="var(--color-ts-property)" stroke-width="1.5" x="1" y="1" width="22" height="22" rx="12"></rect><text fill="var(--color-icon-text)" x="50%" y="50%" dominant-baseline="central" text-anchor="middle">P</text></g><g id="icon-65536" class="tsd-no-select"><rect fill="var(--color-icon-background)" stroke="var(--color-ts-type-alias)" stroke-width="1.5" x="1" y="1" width="22" height="22" rx="6"></rect><text fill="var(--color-icon-text)" x="50%" y="50%" dominant-baseline="central" text-anchor="middle">T</text></g><g id="icon-131072" class="tsd-no-select"><rect fill="var(--color-icon-background)" stroke="var(--color-ts-type-alias)" stroke-width="1.5" x="1" y="1" width="22" height="22" rx="6"></rect><text fill="var(--color-icon-text)" x="50%" y="50%" dominant-baseline="central" text-anchor="middle">T</text></g><g id="icon-262144" class="tsd-no-select"><rect fill="var(--color-icon-background)" stroke="var(--color-ts-accessor)" stroke-width="1.5" x="1" y="1" width="22" height="22" rx="12"></rect><text fill="var(--color-icon-text)" x="50%" y="50%" dominant-baseline="central" text-anchor="middle">A</text></g><g id="icon-524288" class="tsd-no-select"><rect fill="var(--color-icon-background)" stroke="var(--color-ts-accessor)" stroke-width="1.5" x="1" y="1" width="22" height="22" rx="12"></rect><text fill="var(--color-icon-text)" x="50%" y="50%" dominant-baseline="central" text-anchor="middle">A</text></g><g id="icon-1048576" class="tsd-no-select"><rect fill="var(--color-icon-background)" stroke="var(--color-ts-accessor)" stroke-width="1.5" x="1" y="1" width="22" height="22" rx="12"></rect><text fill="var(--color-icon-text)" x="50%" y="50%" dominant-baseline="central" text-anchor="middle">A</text></g><g id="icon-2097152" class="tsd-no-select"><rect fill="var(--color-icon-background)" stroke="var(--color-ts-type-alias)" stroke-width="1.5" x="1" y="1" width="22" height="22" rx="6"></rect><text fill="var(--color-icon-text)" x="50%" y="50%" dominant-baseline="central" text-anchor="middle">T</text></g><g id="icon-4194304" class="tsd-no-select"><rect fill="var(--color-icon-background)" stroke="var(--color-ts-reference)" stroke-width="1.5" x="1" y="1" width="22" height="22" rx="12"></rect><text fill="var(--color-icon-text)" x="50%" y="50%" dominant-baseline="central" text-anchor="middle">R</text></g><g id="icon-8388608" class="tsd-no-select"><rect fill="var(--color-icon-background)" stroke="var(--color-document)" stroke-width="1.5" x="1" y="1" width="22" height="22" rx="6"></rect><g stroke="var(--color-icon-text)" fill="none" stroke-width="1.5"><polygon points="6,5 6,19 18,19, 18,10 13,5"></polygon><line x1="9" y1="9" x2="13" y2="9"></line><line x1="9" y1="12" x2="15" y2="12"></line><line x1="9" y1="15" x2="15" y2="15"></line></g></g><g id="icon-folder" class="tsd-no-select"><rect fill="var(--color-icon-background)" stroke="var(--color-document)" stroke-width="1.5" x="1" y="1" width="22" height="22" rx="6"></rect><g stroke="var(--color-icon-text)" fill="none" stroke-width="1.5"><polygon points="5,5 10,5 12,8 19,8 19,18 5,18"></polygon></g></g><g id="icon-chevronDown" class="tsd-no-select"><path d="M4.93896 8.531L12 15.591L19.061 8.531L16.939 6.409L12 11.349L7.06098 6.409L4.93896 8.531Z" fill="var(--color-icon-text)"></path></g><g id="icon-chevronSmall" class="tsd-no-select"><path d="M1.5 5.50969L8 11.6609L14.5 5.50969L12.5466 3.66086L8 7.96494L3.45341 3.66086L1.5 5.50969Z" fill="var(--color-icon-text)"></path></g><g id="icon-checkbox" class="tsd-no-select"><rect class="tsd-checkbox-background" width="30" height="30" x="1" y="1" rx="6" fill="none"></rect><path class="tsd-checkbox-checkmark" d="M8.35422 16.8214L13.2143 21.75L24.6458 10.25" stroke="none" stroke-width="3.5" stroke-linejoin="round" fill="none"></path></g><g id="icon-menu" class="tsd-no-select"><rect x="1" y="3" width="14" height="2" fill="var(--color-icon-text)"></rect><rect x="1" y="7" width="14" height="2" fill="var(--color-icon-text)"></rect><rect x="1" y="11" width="14" height="2" fill="var(--color-icon-text)"></rect></g><g id="icon-search" class="tsd-no-select"><path d="M15.7824 13.833L12.6666 10.7177C12.5259 10.5771 12.3353 10.499 12.1353 10.499H11.6259C12.4884 9.39596 13.001 8.00859 13.001 6.49937C13.001 2.90909 10.0914 0 6.50048 0C2.90959 0 0 2.90909 0 6.49937C0 10.0896 2.90959 12.9987 6.50048 12.9987C8.00996 12.9987 9.39756 12.4863 10.5008 11.6239V12.1332C10.5008 12.3332 10.5789 12.5238 10.7195 12.6644L13.8354 15.7797C14.1292 16.0734 14.6042 16.0734 14.8948 15.7797L15.7793 14.8954C16.0731 14.6017 16.0731 14.1267 15.7824 13.833ZM6.50048 10.499C4.29094 10.499 2.50018 8.71165 2.50018 6.49937C2.50018 4.29021 4.28781 2.49976 6.50048 2.49976C8.71001 2.49976 10.5008 4.28708 10.5008 6.49937C10.5008 8.70852 8.71314 10.499 6.50048 10.499Z" fill="var(--color-icon-text)"></path></g><g id="icon-anchor" class="tsd-no-select"><g stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"></path><path d="M10 14a3.5 3.5 0 0 0 5 0l4 -4a3.5 3.5 0 0 0 -5 -5l-.5 .5"></path><path d="M14 10a3.5 3.5 0 0 0 -5 0l-4 4a3.5 3.5 0 0 0 5 5l.5 -.5"></path></g></g><g id="icon-alertNote" class="tsd-no-select"><path fill="var(--color-alert-note)" d="M0 8a8 8 0 1 1 16 0A8 8 0 0 1 0 8Zm8-6.5a6.5 6.5 0 1 0 0 13 6.5 6.5 0 0 0 0-13ZM6.5 7.75A.75.75 0 0 1 7.25 7h1a.75.75 0 0 1 .75.75v2.75h.25a.75.75 0 0 1 0 1.5h-2a.75.75 0 0 1 0-1.5h.25v-2h-.25a.75.75 0 0 1-.75-.75ZM8 6a1 1 0 1 1 0-2 1 1 0 0 1 0 2Z"></path></g><g id="icon-alertTip" class="tsd-no-select"><path fill="var(--color-alert-tip)" d="M8 1.5c-2.363 0-4 1.69-4 3.75 0 .984.424 1.625.984 2.304l.214.253c.223.264.47.556.673.848.284.411.537.896.621 1.49a.75.75 0 0 1-1.484.211c-.04-.282-.163-.547-.37-.847a8.456 8.456 0 0 0-.542-.68c-.084-.1-.173-.205-.268-.32C3.201 7.75 2.5 6.766 2.5 5.25 2.5 2.31 4.863 0 8 0s5.5 2.31 5.5 5.25c0 1.516-.701 2.5-1.328 3.259-.095.115-.184.22-.268.319-.207.245-.383.453-.541.681-.208.3-.33.565-.37.847a.751.751 0 0 1-1.485-.212c.084-.593.337-1.078.621-1.489.203-.292.45-.584.673-.848.075-.088.147-.173.213-.253.561-.679.985-1.32.985-2.304 0-2.06-1.637-3.75-4-3.75ZM5.75 12h4.5a.75.75 0 0 1 0 1.5h-4.5a.75.75 0 0 1 0-1.5ZM6 15.25a.75.75 0 0 1 .75-.75h2.5a.75.75 0 0 1 0 1.5h-2.5a.75.75 0 0 1-.75-.75Z"></path></g><g id="icon-alertImportant" class="tsd-no-select"><path fill="var(--color-alert-important)" d="M0 1.75C0 .784.784 0 1.75 0h12.5C15.216 0 16 .784 16 1.75v9.5A1.75 1.75 0 0 1 14.25 13H8.06l-2.573 2.573A1.458 1.458 0 0 1 3 14.543V13H1.75A1.75 1.75 0 0 1 0 11.25Zm1.75-.25a.25.25 0 0 0-.25.25v9.5c0 .138.112.25.25.25h2a.75.75 0 0 1 .75.75v2.19l2.72-2.72a.749.749 0 0 1 .53-.22h6.5a.25.25 0 0 0 .25-.25v-9.5a.25.25 0 0 0-.25-.25Zm7 2.25v2.5a.75.75 0 0 1-1.5 0v-2.5a.75.75 0 0 1 1.5 0ZM9 9a1 1 0 1 1-2 0 1 1 0 0 1 2 0Z"></path></g><g id="icon-alertWarning" class="tsd-no-select"><path fill="var(--color-alert-warning)" d="M6.457 1.047c.659-1.234 2.427-1.234 3.086 0l6.082 11.378A1.75 1.75 0 0 1 14.082 15H1.918a1.75 1.75 0 0 1-1.543-2.575Zm1.763.707a.25.25 0 0 0-.44 0L1.698 13.132a.25.25 0 0 0 .22.368h12.164a.25.25 0 0 0 .22-.368Zm.53 3.996v2.5a.75.75 0 0 1-1.5 0v-2.5a.75.75 0 0 1 1.5 0ZM9 11a1 1 0 1 1-2 0 1 1 0 0 1 2 0Z"></path></g><g id="icon-alertCaution" class="tsd-no-select"><path fill="var(--color-alert-caution)" d="M4.47.22A.749.749 0 0 1 5 0h6c.199 0 .389.079.53.22l4.25 4.25c.141.14.22.331.22.53v6a.749.749 0 0 1-.22.53l-4.25 4.25A.749.749 0 0 1 11 16H5a.749.749 0 0 1-.53-.22L.22 11.53A.749.749 0 0 1 0 11V5c0-.199.079-.389.22-.53Zm.84 1.28L1.5 5.31v5.38l3.81 3.81h5.38l3.81-3.81V5.31L10.69 1.5ZM8 4a.75.75 0 0 1 .75.75v3.5a.75.75 0 0 1-1.5 0v-3.5A.75.75 0 0 1 8 4Zm0 8a1 1 0 1 1 0-2 1 1 0 0 1 0 2Z"></path></g>`;
|
|
7
7
|
svg.style.display = "none";
|
|
8
8
|
if (location.protocol === "file:") updateUseElements();
|
|
9
9
|
}
|