@dso-toolkit/core 37.0.0 → 38.0.0
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/dist/cjs/dso-autosuggest.cjs.entry.js +17 -7
- package/dist/cjs/dso-helpcenter-panel.cjs.entry.js +2 -2
- package/dist/cjs/dso-highlight-box.cjs.entry.js +1 -1
- package/dist/cjs/dso-ozon-content.cjs.entry.js +1 -1
- package/dist/cjs/dso-toggletip.cjs.entry.js +1 -2
- package/dist/cjs/dso-toolkit.cjs.js +1 -1
- package/dist/cjs/dso-tooltip.cjs.entry.js +5 -1
- package/dist/cjs/loader.cjs.js +1 -1
- package/dist/collection/components/autosuggest/autosuggest.css +11 -2
- package/dist/collection/components/autosuggest/autosuggest.js +55 -8
- package/dist/collection/components/autosuggest/autosuggest.template.js +4 -1
- package/dist/collection/components/helpcenter-panel/helpcenter-panel.css +1 -0
- package/dist/collection/components/helpcenter-panel/helpcenter-panel.js +4 -4
- package/dist/collection/components/highlight-box/highlight-box.css +1 -1
- package/dist/collection/components/ozon-content/nodes/noot.node.js +1 -1
- package/dist/collection/components/toggletip/toggletip.js +1 -2
- package/dist/collection/components/tooltip/tooltip.js +24 -2
- package/dist/collection/components/tooltip/tooltip.template.js +2 -2
- package/dist/custom-elements/index.js +29 -16
- package/dist/dso-toolkit/dso-toolkit.css +1 -1
- package/dist/dso-toolkit/dso-toolkit.esm.js +1 -1
- package/dist/dso-toolkit/{p-d6c47662.entry.js → p-14fc5767.entry.js} +1 -1
- package/dist/dso-toolkit/{p-7b67e324.entry.js → p-150fe323.entry.js} +1 -1
- package/dist/dso-toolkit/{p-2daedd0a.entry.js → p-1e92e29d.entry.js} +1 -1
- package/dist/dso-toolkit/p-2f64bded.entry.js +1 -0
- package/dist/dso-toolkit/p-723ef97b.entry.js +1 -0
- package/dist/dso-toolkit/p-e1496a15.entry.js +1 -0
- package/dist/esm/dso-autosuggest.entry.js +17 -7
- package/dist/esm/dso-helpcenter-panel.entry.js +2 -2
- package/dist/esm/dso-highlight-box.entry.js +1 -1
- package/dist/esm/dso-ozon-content.entry.js +1 -1
- package/dist/esm/dso-toggletip.entry.js +1 -2
- package/dist/esm/dso-toolkit.js +1 -1
- package/dist/esm/dso-tooltip.entry.js +5 -1
- package/dist/esm/loader.js +1 -1
- package/dist/types/components/autosuggest/autosuggest.d.ts +8 -0
- package/dist/types/components/autosuggest/autosuggest.template.d.ts +1 -1
- package/dist/types/components/tooltip/tooltip.d.ts +4 -0
- package/dist/types/components/tooltip/tooltip.template.d.ts +1 -1
- package/dist/types/components.d.ts +24 -0
- package/package.json +1 -1
- package/dist/dso-toolkit/p-1dc02e51.entry.js +0 -1
- package/dist/dso-toolkit/p-50c71bd2.entry.js +0 -1
- package/dist/dso-toolkit/p-d1f62081.entry.js +0 -1
|
@@ -235,7 +235,7 @@ function escapeStringRegexp(string) {
|
|
|
235
235
|
.replace(/-/g, '\\x2d');
|
|
236
236
|
}
|
|
237
237
|
|
|
238
|
-
const autosuggestCss = ".sc-dso-autosuggest-h{display:block;position:relative}ul.sc-dso-autosuggest{background-clip:padding-box;background-color:#fff;border:1px solid rgba(0, 0, 0, 0.15);border-radius:4px;box-shadow:0 6px 12px rgba(0, 0, 0, 0.175);list-style-type:none;margin-top:2px;padding:4px 0;position:absolute;left:0;right:0;top:100%;z-index:200}ul.sc-dso-autosuggest li.sc-dso-autosuggest{display:flex;justify-content:space-between;padding:4px
|
|
238
|
+
const autosuggestCss = ".sc-dso-autosuggest-h{display:block;position:relative}ul.sc-dso-autosuggest,.autosuggest-progress-box.sc-dso-autosuggest{background-clip:padding-box;background-color:#fff;border:1px solid rgba(0, 0, 0, 0.15);border-radius:4px;box-shadow:0 6px 12px rgba(0, 0, 0, 0.175);list-style-type:none;margin-top:2px;padding:4px 0;position:absolute;left:0;right:0;top:100%;z-index:200}.autosuggest-progress-box.sc-dso-autosuggest{padding:12px 8px}ul.sc-dso-autosuggest{padding:8px 0}ul.sc-dso-autosuggest li.sc-dso-autosuggest{display:flex;justify-content:space-between;padding:4px 16px}li[aria-selected=true].sc-dso-autosuggest{cursor:pointer;background-color:#39870c}li[aria-selected=true].sc-dso-autosuggest,li[aria-selected=true].sc-dso-autosuggest .type.sc-dso-autosuggest{color:#fff}mark.sc-dso-autosuggest{font-weight:700;background-color:inherit;color:inherit;padding:0}.type.sc-dso-autosuggest{color:#666}";
|
|
239
239
|
|
|
240
240
|
let Autosuggest = class extends HTMLElement {
|
|
241
241
|
constructor() {
|
|
@@ -252,6 +252,14 @@ let Autosuggest = class extends HTMLElement {
|
|
|
252
252
|
* the original object that was used to create the suggestion.
|
|
253
253
|
*/
|
|
254
254
|
this.suggestions = [];
|
|
255
|
+
/**
|
|
256
|
+
* Shows progress indicator when fetching results.
|
|
257
|
+
*/
|
|
258
|
+
this.loading = false;
|
|
259
|
+
/**
|
|
260
|
+
* To override progress indicator's default loading label.
|
|
261
|
+
*/
|
|
262
|
+
this.loadingLabel = "Een moment geduld.";
|
|
255
263
|
/**
|
|
256
264
|
* Whether the previous suggestions will be presented when the input gets focus again.
|
|
257
265
|
*/
|
|
@@ -273,7 +281,7 @@ let Autosuggest = class extends HTMLElement {
|
|
|
273
281
|
}
|
|
274
282
|
};
|
|
275
283
|
this.onKeyDown = (event) => {
|
|
276
|
-
if (event.defaultPrevented) {
|
|
284
|
+
if (event.defaultPrevented || this.loading) {
|
|
277
285
|
return;
|
|
278
286
|
}
|
|
279
287
|
switch (event.key) {
|
|
@@ -447,11 +455,13 @@ let Autosuggest = class extends HTMLElement {
|
|
|
447
455
|
}
|
|
448
456
|
render() {
|
|
449
457
|
const terms = this.input.value.split(' ').filter(t => t);
|
|
450
|
-
return (h(Fragment, null, h("slot", null),
|
|
451
|
-
?
|
|
452
|
-
|
|
453
|
-
:
|
|
454
|
-
|
|
458
|
+
return (h(Fragment, null, h("slot", null), this.loading
|
|
459
|
+
? h("div", { class: "autosuggest-progress-box" }, h("dso-progress-indicator", { label: this.loadingLabel }))
|
|
460
|
+
: h("ul", { role: "listbox", id: this.listboxId, "aria-labelledby": this.labelId, ref: element => this.listbox = element, hidden: !this.showSuggestions }, this.showSuggestions
|
|
461
|
+
? this.suggestions.map((suggestion) => (h("li", { role: "option", id: this.listboxItemId(suggestion), key: suggestion.value, onMouseEnter: () => this.selectSuggestion(suggestion), onMouseLeave: () => this.resetSelectedSuggestion(), onClick: () => this.pickSelectedValue(), "aria-selected": (suggestion === this.selectedSuggestion).toString(), "aria-label": suggestion.value }, h("span", { class: "value" }, this.markTerms(suggestion.value, terms)), suggestion.type
|
|
462
|
+
? (h("span", { class: "type" }, suggestion.type))
|
|
463
|
+
: undefined)))
|
|
464
|
+
: undefined)));
|
|
455
465
|
}
|
|
456
466
|
get host() { return this; }
|
|
457
467
|
static get watchers() { return {
|
|
@@ -1848,7 +1858,7 @@ let Header = class extends HTMLElement {
|
|
|
1848
1858
|
static get style() { return headerCss; }
|
|
1849
1859
|
};
|
|
1850
1860
|
|
|
1851
|
-
const helpcenterPanelCss = ":host{display:block;--di-times:url(\"data:image/svg+xml,%3csvg id='times' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' style='color: %2339870c%3b'%3e %3cpath fill='currentColor' d='M13.36%2c12l3.3-3.3A1%2c1%2c0%2c1%2c0%2c15.3%2c7.34L12%2c10.64%2c8.7%2c7.34A1%2c1%2c0%2c1%2c0%2c7.34%2c8.7l3.3%2c3.3-3.3%2c3.3A1%2c1%2c0%2c1%2c0%2c8.7%2c16.66l3.3-3.3%2c3.3%2c3.3a1%2c1%2c0%2c1%2c0%2c1.36-1.36Z'/%3e %3c/svg%3e\");--di-times-wit:url(\"data:image/svg+xml,%3csvg id='times' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' style='color: white%3b'%3e %3cpath fill='currentColor' d='M13.36%2c12l3.3-3.3A1%2c1%2c0%2c1%2c0%2c15.3%2c7.34L12%2c10.64%2c8.7%2c7.34A1%2c1%2c0%2c1%2c0%2c7.34%2c8.7l3.3%2c3.3-3.3%2c3.3A1%2c1%2c0%2c1%2c0%2c8.7%2c16.66l3.3-3.3%2c3.3%2c3.3a1%2c1%2c0%2c1%2c0%2c1.36-1.36Z'/%3e %3c/svg%3e\")}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);border:0}.wrapper{height:100%;left:0;position:fixed;top:0;visibility:hidden;width:100%}.wrapper.visible{visibility:visible}.dimscreen{background-color:#000;height:100%;opacity:0.4;width:100%}.open-button{display:inline-block;font-size:1em;font-weight:500;margin-bottom:0;text-decoration:none;touch-action:manipulation;text-align:left;user-select:none;vertical-align:middle;display:inline-block;font-size:1em;font-weight:500;margin-bottom:0;text-decoration:none;touch-action:manipulation;text-align:left;user-select:none;vertical-align:middle;background-color:#39870c;border-color:#39870c;color:#fff;border-width:1px;border-style:solid;border-radius:4px;line-height:1.5;min-width:56px;padding:11px 15px;border:0;bottom:16px;font-family:Asap, sans-serif;position:fixed;right:16px}.open-button:focus,.open-button:focus-visible{outline-offset:2px}.open-button:active{outline:0}.open-button.extern::after,.open-button.download::after{content:\"\";display:inline-block;height:1.5em;margin-left:8px;vertical-align:top;width:1.5em}.open-button:focus,.open-button:focus-visible{outline-offset:2px}.open-button:active{outline:0}.open-button.extern::after,.open-button.download::after{content:\"\";display:inline-block;height:1.5em;margin-left:8px;vertical-align:top;width:1.5em}.open-button:hover{background-color:#275937;border-color:#275937;color:#fff}.open-button:active{background-color:#15301e;border-color:#15301e;color:#fff}.open-button[disabled],.open-button[disabled]:hover{background-color:#afcf9d;border-color:#afcf9d;color:#fff}.open-button.btn-sm{line-height:16px}.open-button.btn-sm dso-icon,.open-button.btn-sm svg.di,.open-button.btn-sm.extern::after,.open-button.btn-sm.download::after{margin-bottom:-4px;margin-top:-4px}.open-button.download::after{background:var(--dso-icon, var(--di-download-wit)) no-repeat;background-position:center;background-size:cover;height:24px;vertical-align:top;width:24px}.open-button.extern::after{background:var(--dso-icon, var(--di-external-link-wit)) no-repeat;background-position:center;background-size:cover;height:24px;vertical-align:top;width:24px}.open-button dso-icon,.open-button svg.di{margin-left:-8px;margin-right:8px}.open-button span+dso-icon,.open-button span+svg.di{margin-left:8px;margin-right:-8px}.open-button:hover{cursor:pointer}.open-button.open{display:none}.close-button{display:inline-block;font-size:1em;font-weight:500;margin-bottom:0;text-decoration:none;touch-action:manipulation;text-align:left;user-select:none;vertical-align:middle;background-color:#fff;border-color:#39870c;color:#39870c;border-width:1px;border-style:solid;border-radius:4px;line-height:1.5;min-width:56px;padding:11px 15px;border-right:0;border-top:0;border-radius:0 0 0 8px;height:40px;min-width:40px;padding:0;position:fixed;right:0;width:40px;top:0}.close-button:focus,.close-button:focus-visible{outline-offset:2px}.close-button:active{outline:0}.close-button.extern::after,.close-button.download::after{content:\"\";display:inline-block;height:1.5em;margin-left:8px;vertical-align:top;width:1.5em}.close-button:hover{background-color:#39870c;border-color:#39870c;color:#fff}.close-button:active{background-color:#275937;border-color:#275937;color:#fff}.close-button[disabled],.close-button[disabled]:hover{background-color:#fff;border-color:#afcf9d;color:#afcf9d}.close-button.btn-sm{line-height:16px}.close-button.btn-sm dso-icon,.close-button.btn-sm svg.di,.close-button.btn-sm.extern::after,.close-button.btn-sm.download::after{margin-bottom:-4px;margin-top:-4px}.close-button.download::after{background:var(--dso-icon, var(--di-download)) no-repeat;background-position:center;background-size:cover;height:24px;vertical-align:top;width:24px}.close-button.download:hover::after{--dso-icon:var(--di-download-wit)}.close-button.download[disabled]::after{--dso-icon:var(--di-download-grasgroen-40)}.close-button.extern::after{background:var(--dso-icon, var(--di-external-link)) no-repeat;background-position:center;background-size:cover;height:24px;vertical-align:top;width:24px}.close-button.extern:hover::after{--dso-icon:var(--di-external-link-wit)}.close-button.extern[disabled]::after{--dso-icon:var(--di-external-link-grasgroen-40)}.close-button dso-icon,.close-button svg.di{margin-left:-8px;margin-right:8px}.close-button span+dso-icon,.close-button span+svg.di{margin-left:8px;margin-right:-8px}.close-button::before{background:var(--dso-icon, var(--di-times)) no-repeat;background-position:center;background-size:cover;height:24px;vertical-align:top;width:24px;content:\"\";display:inline-block;position:absolute;left:50%;top:50%;transform:translate(-50%, -50%)}.close-button:hover,.close-button:active,.close-button:focus{cursor:pointer}.close-button:hover::before,.close-button:active::before,.close-button:focus::before{background:var(--dso-icon, var(--di-times-wit)) no-repeat;background-position:center;background-size:cover;height:24px;vertical-align:top;width:24px}.close-button.close{display:none}.iframe-container{background-color:#fff;border:0;border-left:1px solid #ccc;box-shadow:0 2px 8px 0 rgba(0, 0, 0, 0.4);height:100%;position:absolute;right:-640px;top:0;transition:right 0.5s;width:640px}.iframe-container.open{right:0}iframe{border:0;height:100%;width:100%}";
|
|
1861
|
+
const helpcenterPanelCss = ":host{display:block;--di-times:url(\"data:image/svg+xml,%3csvg id='times' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' style='color: %2339870c%3b'%3e %3cpath fill='currentColor' d='M13.36%2c12l3.3-3.3A1%2c1%2c0%2c1%2c0%2c15.3%2c7.34L12%2c10.64%2c8.7%2c7.34A1%2c1%2c0%2c1%2c0%2c7.34%2c8.7l3.3%2c3.3-3.3%2c3.3A1%2c1%2c0%2c1%2c0%2c8.7%2c16.66l3.3-3.3%2c3.3%2c3.3a1%2c1%2c0%2c1%2c0%2c1.36-1.36Z'/%3e %3c/svg%3e\");--di-times-wit:url(\"data:image/svg+xml,%3csvg id='times' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' style='color: white%3b'%3e %3cpath fill='currentColor' d='M13.36%2c12l3.3-3.3A1%2c1%2c0%2c1%2c0%2c15.3%2c7.34L12%2c10.64%2c8.7%2c7.34A1%2c1%2c0%2c1%2c0%2c7.34%2c8.7l3.3%2c3.3-3.3%2c3.3A1%2c1%2c0%2c1%2c0%2c8.7%2c16.66l3.3-3.3%2c3.3%2c3.3a1%2c1%2c0%2c1%2c0%2c1.36-1.36Z'/%3e %3c/svg%3e\")}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);border:0}.wrapper{height:100%;left:0;position:fixed;top:0;visibility:hidden;width:100%}.wrapper.visible{visibility:visible}.dimscreen{background-color:#000;height:100%;opacity:0.4;width:100%}.open-button{display:inline-block;font-size:1em;font-weight:500;margin-bottom:0;text-decoration:none;touch-action:manipulation;text-align:left;user-select:none;vertical-align:middle;display:inline-block;font-size:1em;font-weight:500;margin-bottom:0;text-decoration:none;touch-action:manipulation;text-align:left;user-select:none;vertical-align:middle;background-color:#39870c;border-color:#39870c;color:#fff;border-width:1px;border-style:solid;border-radius:4px;line-height:1.5;min-width:56px;padding:11px 15px;border:0;bottom:16px;font-family:Asap, sans-serif;position:fixed;right:16px;box-shadow:0 4px 8px 0 rgba(0, 0, 0, 0.2)}.open-button:focus,.open-button:focus-visible{outline-offset:2px}.open-button:active{outline:0}.open-button.extern::after,.open-button.download::after{content:\"\";display:inline-block;height:1.5em;margin-left:8px;vertical-align:top;width:1.5em}.open-button:focus,.open-button:focus-visible{outline-offset:2px}.open-button:active{outline:0}.open-button.extern::after,.open-button.download::after{content:\"\";display:inline-block;height:1.5em;margin-left:8px;vertical-align:top;width:1.5em}.open-button:hover{background-color:#275937;border-color:#275937;color:#fff}.open-button:active{background-color:#15301e;border-color:#15301e;color:#fff}.open-button[disabled],.open-button[disabled]:hover{background-color:#afcf9d;border-color:#afcf9d;color:#fff}.open-button.btn-sm{line-height:16px}.open-button.btn-sm dso-icon,.open-button.btn-sm svg.di,.open-button.btn-sm.extern::after,.open-button.btn-sm.download::after{margin-bottom:-4px;margin-top:-4px}.open-button.download::after{background:var(--dso-icon, var(--di-download-wit)) no-repeat;background-position:center;background-size:cover;height:24px;vertical-align:top;width:24px}.open-button.extern::after{background:var(--dso-icon, var(--di-external-link-wit)) no-repeat;background-position:center;background-size:cover;height:24px;vertical-align:top;width:24px}.open-button dso-icon,.open-button svg.di{margin-left:-8px;margin-right:8px}.open-button span+dso-icon,.open-button span+svg.di{margin-left:8px;margin-right:-8px}.open-button:hover{cursor:pointer}.open-button.open{display:none}.close-button{display:inline-block;font-size:1em;font-weight:500;margin-bottom:0;text-decoration:none;touch-action:manipulation;text-align:left;user-select:none;vertical-align:middle;background-color:#fff;border-color:#39870c;color:#39870c;border-width:1px;border-style:solid;border-radius:4px;line-height:1.5;min-width:56px;padding:11px 15px;border-right:0;border-top:0;border-radius:0 0 0 8px;height:40px;min-width:40px;padding:0;position:fixed;right:0;width:40px;top:0}.close-button:focus,.close-button:focus-visible{outline-offset:2px}.close-button:active{outline:0}.close-button.extern::after,.close-button.download::after{content:\"\";display:inline-block;height:1.5em;margin-left:8px;vertical-align:top;width:1.5em}.close-button:hover{background-color:#39870c;border-color:#39870c;color:#fff}.close-button:active{background-color:#275937;border-color:#275937;color:#fff}.close-button[disabled],.close-button[disabled]:hover{background-color:#fff;border-color:#afcf9d;color:#afcf9d}.close-button.btn-sm{line-height:16px}.close-button.btn-sm dso-icon,.close-button.btn-sm svg.di,.close-button.btn-sm.extern::after,.close-button.btn-sm.download::after{margin-bottom:-4px;margin-top:-4px}.close-button.download::after{background:var(--dso-icon, var(--di-download)) no-repeat;background-position:center;background-size:cover;height:24px;vertical-align:top;width:24px}.close-button.download:hover::after{--dso-icon:var(--di-download-wit)}.close-button.download[disabled]::after{--dso-icon:var(--di-download-grasgroen-40)}.close-button.extern::after{background:var(--dso-icon, var(--di-external-link)) no-repeat;background-position:center;background-size:cover;height:24px;vertical-align:top;width:24px}.close-button.extern:hover::after{--dso-icon:var(--di-external-link-wit)}.close-button.extern[disabled]::after{--dso-icon:var(--di-external-link-grasgroen-40)}.close-button dso-icon,.close-button svg.di{margin-left:-8px;margin-right:8px}.close-button span+dso-icon,.close-button span+svg.di{margin-left:8px;margin-right:-8px}.close-button::before{background:var(--dso-icon, var(--di-times)) no-repeat;background-position:center;background-size:cover;height:24px;vertical-align:top;width:24px;content:\"\";display:inline-block;position:absolute;left:50%;top:50%;transform:translate(-50%, -50%)}.close-button:hover,.close-button:active,.close-button:focus{cursor:pointer}.close-button:hover::before,.close-button:active::before,.close-button:focus::before{background:var(--dso-icon, var(--di-times-wit)) no-repeat;background-position:center;background-size:cover;height:24px;vertical-align:top;width:24px}.close-button.close{display:none}.iframe-container{background-color:#fff;border:0;border-left:1px solid #ccc;box-shadow:0 2px 8px 0 rgba(0, 0, 0, 0.4);height:100%;position:absolute;right:-640px;top:0;transition:right 0.5s;width:640px}.iframe-container.open{right:0}iframe{border:0;height:100%;width:100%}";
|
|
1852
1862
|
|
|
1853
1863
|
const maxCssTransitionMilliseconds = 500;
|
|
1854
1864
|
let HelpcenterPanel = class extends HTMLElement {
|
|
@@ -1882,12 +1892,12 @@ let HelpcenterPanel = class extends HTMLElement {
|
|
|
1882
1892
|
};
|
|
1883
1893
|
}
|
|
1884
1894
|
render() {
|
|
1885
|
-
return (h(Fragment, null, h("button", { type: "button", onClick: this.openClick, class: `open-button ${this.isOpen}
|
|
1895
|
+
return (h(Fragment, null, h("button", { type: "button", onClick: this.openClick, class: `open-button ${this.isOpen}`, "aria-expanded": "false", "aria-haspopup": "dialog" }, h("dso-icon", { icon: "help" }), h("span", null, this.label)), h("div", { class: `wrapper ${this.visibility}` }, h("div", { class: "dimscreen", onClick: this.closeClick }), h("div", { class: `iframe-container ${this.slideState}`, "aria-live": "polite" }, this.loadIframe ? h("iframe", { src: this.url }) : h("div", null)), h("button", { type: "button", class: `close-button ${this.isOpen}`, onClick: this.closeClick, "aria-expanded": "true" }, h("span", { class: "sr-only" }, "sluiten")))));
|
|
1886
1896
|
}
|
|
1887
1897
|
static get style() { return helpcenterPanelCss; }
|
|
1888
1898
|
};
|
|
1889
1899
|
|
|
1890
|
-
const highlightBoxCss = ":host{--di-external-link-grijs90:url(\"data:image/svg+xml,%3csvg id='external-link' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' style='color: %23191919%3b'%3e %3cpath fill='currentColor' d='M19%2c6V9.69c0%2c.33-.2.41-.43.17L17.06%2c8.35l-3.35%2c3.36a1%2c1%2c0%2c0%2c1-1.42%2c0%2c1%2c1%2c0%2c0%2c1%2c0-1.42l3.36-3.35L14.14%2c5.43C13.9%2c5.19%2c14%2c5%2c14.31%2c5H19V6ZM18%2c17V13a1%2c1%2c0%2c0%2c0-2%2c0v4a1%2c1%2c0%2c0%2c1-1%2c1H7a1%2c1%2c0%2c0%2c1-1-1V9A1%2c1%2c0%2c0%2c1%2c7%2c8h4a1%2c1%2c0%2c0%2c0%2c0-2H7A3%2c3%2c0%2c0%2c0%2c4%2c9v8a3%2c3%2c0%2c0%2c0%2c3%2c3h8A3%2c3%2c0%2c0%2c0%2c18%2c17Z'/%3e %3c/svg%3e\");--di-download-grijs90:url(\"data:image/svg+xml,%3csvg id='download' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' style='color: %23191919%3b'%3e %3cpath fill='currentColor' d='M18.72%2c10.44%2c12%2c17l-6.7-6.52C4.8%2c10%2c5%2c9.63%2c5.63%2c9.63H8.5V1.82A.8.8%2c0%2c0%2c1%2c9.28%2c1h5.44a.8.8%2c0%2c0%2c1%2c.78.82V9.61h2.87C19%2c9.6%2c19.2%2c10%2c18.72%2c10.44ZM1%2c17v6H23V17Zm16%2c3a2%2c2%2c0%2c1%2c1-2-2A2%2c2%2c0%2c0%2c1%2c17%2c20Zm5%2c0a2%2c2%2c0%2c1%2c1-2-2A2%2c2%2c0%2c0%2c1%2c22%2c20Z'/%3e %3c/svg%3e\");display:block}:host-context(.row.dso-equal-heights){height:100%;min-height:auto}:host-context(.row.dso-equal-heights)>.dso-highlight-box{min-height:auto}:host-context(.row.dso-equal-heights)>.dso-highlight-box.dso-has-counter{height:calc(100% - 48px)}:host-context(.row.dso-equal-heights)>.dso-highlight-box:not(.dso-has-counter){height:calc(100% - 16px)}*,*::after,*::before{box-sizing:border-box}.dso-highlight-box{background-color:#f2f2f2;margin-top:16px;padding:16px;margin-bottom:
|
|
1900
|
+
const highlightBoxCss = ":host{--di-external-link-grijs90:url(\"data:image/svg+xml,%3csvg id='external-link' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' style='color: %23191919%3b'%3e %3cpath fill='currentColor' d='M19%2c6V9.69c0%2c.33-.2.41-.43.17L17.06%2c8.35l-3.35%2c3.36a1%2c1%2c0%2c0%2c1-1.42%2c0%2c1%2c1%2c0%2c0%2c1%2c0-1.42l3.36-3.35L14.14%2c5.43C13.9%2c5.19%2c14%2c5%2c14.31%2c5H19V6ZM18%2c17V13a1%2c1%2c0%2c0%2c0-2%2c0v4a1%2c1%2c0%2c0%2c1-1%2c1H7a1%2c1%2c0%2c0%2c1-1-1V9A1%2c1%2c0%2c0%2c1%2c7%2c8h4a1%2c1%2c0%2c0%2c0%2c0-2H7A3%2c3%2c0%2c0%2c0%2c4%2c9v8a3%2c3%2c0%2c0%2c0%2c3%2c3h8A3%2c3%2c0%2c0%2c0%2c18%2c17Z'/%3e %3c/svg%3e\");--di-download-grijs90:url(\"data:image/svg+xml,%3csvg id='download' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' style='color: %23191919%3b'%3e %3cpath fill='currentColor' d='M18.72%2c10.44%2c12%2c17l-6.7-6.52C4.8%2c10%2c5%2c9.63%2c5.63%2c9.63H8.5V1.82A.8.8%2c0%2c0%2c1%2c9.28%2c1h5.44a.8.8%2c0%2c0%2c1%2c.78.82V9.61h2.87C19%2c9.6%2c19.2%2c10%2c18.72%2c10.44ZM1%2c17v6H23V17Zm16%2c3a2%2c2%2c0%2c1%2c1-2-2A2%2c2%2c0%2c0%2c1%2c17%2c20Zm5%2c0a2%2c2%2c0%2c1%2c1-2-2A2%2c2%2c0%2c0%2c1%2c22%2c20Z'/%3e %3c/svg%3e\");display:block}:host-context(.row.dso-equal-heights){height:100%;min-height:auto}:host-context(.row.dso-equal-heights)>.dso-highlight-box{min-height:auto}:host-context(.row.dso-equal-heights)>.dso-highlight-box.dso-has-counter{height:calc(100% - 48px)}:host-context(.row.dso-equal-heights)>.dso-highlight-box:not(.dso-has-counter){height:calc(100% - 16px)}*,*::after,*::before{box-sizing:border-box}.dso-highlight-box{background-color:#f2f2f2;margin-top:16px;padding:16px;margin-bottom:24px}.dso-highlight-box.dso-white{background-color:#fff}.dso-highlight-box.dso-yellow{background-color:#f8f6cc}.dso-highlight-box.dso-drop-shadow{box-shadow:0 4px 8px 0 rgba(0, 0, 0, 0.2)}.dso-highlight-box.dso-border{background-color:#fff;border:1px solid #ccc;padding:15px}.dso-highlight-box.dso-has-counter{margin-top:48px}.dso-highlight-box.dso-has-counter{padding-top:40px;position:relative}.dso-highlight-box .dso-step-counter{background-color:#275937;border:8px solid #79b929;border-radius:50%;box-sizing:content-box;color:#fff;font-size:1.25em;font-weight:500;height:32px;left:16px;line-height:32px;position:absolute;text-align:center;top:-24px;width:32px}.dso-highlight-box dso-icon{vertical-align:text-top}";
|
|
1891
1901
|
|
|
1892
1902
|
let HighlightBox = class extends HTMLElement {
|
|
1893
1903
|
constructor() {
|
|
@@ -3633,7 +3643,7 @@ class OzonContentNootNode {
|
|
|
3633
3643
|
return (h(Fragment, null,
|
|
3634
3644
|
h("sup", null,
|
|
3635
3645
|
h("button", { type: "button", class: "toggle-note", id: noteControlsId, onClick: () => setState === null || setState === void 0 ? void 0 : setState(openNoteId === noteId ? undefined : noteId), onBlur: () => setState === null || setState === void 0 ? void 0 : setState(undefined), "aria-expanded": openNoteId === noteId ? 'true' : 'false' }, nootNummer)),
|
|
3636
|
-
h("dso-tooltip", { active: openNoteId === noteId, for: noteControlsId, stateless: true },
|
|
3646
|
+
h("dso-tooltip", { active: openNoteId === noteId, for: noteControlsId, stateless: true, descriptive: true },
|
|
3637
3647
|
h("span", { role: "section" }, mapNodeToJsx(Array.from(node.querySelectorAll(':scope > Al')))))));
|
|
3638
3648
|
}
|
|
3639
3649
|
}
|
|
@@ -3999,10 +4009,9 @@ let Toggletip = class extends HTMLElement {
|
|
|
3999
4009
|
throw Error("button not found");
|
|
4000
4010
|
}
|
|
4001
4011
|
this.button = button;
|
|
4002
|
-
this.host.setAttribute("tabindex", "-1");
|
|
4003
4012
|
}
|
|
4004
4013
|
render() {
|
|
4005
|
-
return (h(Fragment, null, h("dso-info-button", { id: "toggle", onClick: this.click, label: this.label, active: this.active, secondary: this.secondary }), h("dso-tooltip", { stateless: true, for: "toggle", active: this.active, position: this.position, small: this.small }, h("slot", null))));
|
|
4014
|
+
return (h(Fragment, null, h("dso-info-button", { id: "toggle", onClick: this.click, label: this.label, active: this.active, secondary: this.secondary }), h("dso-tooltip", { stateless: true, descriptive: true, for: "toggle", active: this.active, position: this.position, small: this.small }, h("slot", null))));
|
|
4006
4015
|
}
|
|
4007
4016
|
get host() { return this; }
|
|
4008
4017
|
static get style() { return toggletipCss; }
|
|
@@ -5838,6 +5847,10 @@ let Tooltip = class extends HTMLElement {
|
|
|
5838
5847
|
super();
|
|
5839
5848
|
this.__registerHost();
|
|
5840
5849
|
this.__attachShadow();
|
|
5850
|
+
/**
|
|
5851
|
+
* Defines if the tooltip is descriptive. A descriptive tooltip contains a meaningful message. Tooltips that are not descriptive are hidden from screenreaders using `aria-hidden`.
|
|
5852
|
+
*/
|
|
5853
|
+
this.descriptive = false;
|
|
5841
5854
|
/**
|
|
5842
5855
|
* Set position of tooltip relative to target
|
|
5843
5856
|
*/
|
|
@@ -5954,7 +5967,7 @@ let Tooltip = class extends HTMLElement {
|
|
|
5954
5967
|
}
|
|
5955
5968
|
}
|
|
5956
5969
|
render() {
|
|
5957
|
-
return (h(Host, { class: { 'hidden': this.hidden } }, h("div", { class: clsx('tooltip', { in: this.active })
|
|
5970
|
+
return (h(Host, { class: { 'hidden': this.hidden } }, h("div", { class: clsx('tooltip', { in: this.active }) }, !this.noArrow && h("div", { "data-popper-arrow": true, class: "tooltip-arrow" }), h("div", { "aria-hidden": !this.descriptive || undefined, class: clsx('tooltip-inner', { 'dso-small': this.small }) }, h("slot", null)))));
|
|
5958
5971
|
}
|
|
5959
5972
|
getTarget() {
|
|
5960
5973
|
if (this.for instanceof HTMLElement) {
|
|
@@ -6283,7 +6296,7 @@ let ViewerGrid = class extends HTMLElement {
|
|
|
6283
6296
|
|
|
6284
6297
|
const DsoAlert = /*@__PURE__*/proxyCustomElement(Alert, [1,"dso-alert",{"status":[1],"roleAlert":[4,"role-alert"]}]);
|
|
6285
6298
|
const DsoAttachmentsCounter = /*@__PURE__*/proxyCustomElement(AttachmentsCounter, [1,"dso-attachments-counter",{"count":[2]}]);
|
|
6286
|
-
const DsoAutosuggest = /*@__PURE__*/proxyCustomElement(Autosuggest, [6,"dso-autosuggest",{"suggestions":[16],"suggestOnFocus":[4,"suggest-on-focus"],"showSuggestions":[32],"selectedSuggestion":[32]},[[4,"click","onDocumentClick"]]]);
|
|
6299
|
+
const DsoAutosuggest = /*@__PURE__*/proxyCustomElement(Autosuggest, [6,"dso-autosuggest",{"suggestions":[16],"loading":[4],"loadingLabel":[1,"loading-label"],"suggestOnFocus":[4,"suggest-on-focus"],"showSuggestions":[32],"selectedSuggestion":[32]},[[4,"click","onDocumentClick"]]]);
|
|
6287
6300
|
const DsoBadge = /*@__PURE__*/proxyCustomElement(Badge, [1,"dso-badge",{"status":[1]}]);
|
|
6288
6301
|
const DsoBanner = /*@__PURE__*/proxyCustomElement(Banner, [1,"dso-banner",{"status":[1]}]);
|
|
6289
6302
|
const DsoDatePicker = /*@__PURE__*/proxyCustomElement(DsoDatePicker$1, [2,"dso-date-picker",{"name":[1],"identifier":[1],"disabled":[516],"role":[1],"direction":[1],"required":[4],"dsoAutofocus":[4,"dso-autofocus"],"value":[1537],"min":[1],"max":[1],"activeFocus":[32],"focusedDay":[32],"open":[32],"visible":[32]},[[6,"click","handleDocumentClick"]]]);
|
|
@@ -6304,7 +6317,7 @@ const DsoProgressBar = /*@__PURE__*/proxyCustomElement(ProgressBar, [1,"dso-prog
|
|
|
6304
6317
|
const DsoProgressIndicator = /*@__PURE__*/proxyCustomElement(Progressindicator, [1,"dso-progress-indicator",{"label":[1],"size":[1],"block":[4]}]);
|
|
6305
6318
|
const DsoSelectable = /*@__PURE__*/proxyCustomElement(Selectable, [1,"dso-selectable",{"type":[1],"identifier":[1],"name":[1],"value":[1],"invalid":[4],"describedById":[1,"described-by-id"],"disabled":[4],"required":[4],"checked":[4],"indeterminate":[4],"infoFixed":[4,"info-fixed"],"infoActive":[32]}]);
|
|
6306
6319
|
const DsoToggletip = /*@__PURE__*/proxyCustomElement(Toggletip, [1,"dso-toggletip",{"label":[1],"position":[1],"small":[4],"secondary":[4],"active":[32]}]);
|
|
6307
|
-
const DsoTooltip = /*@__PURE__*/proxyCustomElement(Tooltip, [1,"dso-tooltip",{"position":[1],"for":[1],"noArrow":[4,"no-arrow"],"stateless":[4],"small":[4],"active":[1540],"hidden":[32]},[[0,"click","listenClick"]]]);
|
|
6320
|
+
const DsoTooltip = /*@__PURE__*/proxyCustomElement(Tooltip, [1,"dso-tooltip",{"descriptive":[516],"position":[1],"for":[1],"noArrow":[4,"no-arrow"],"stateless":[4],"small":[4],"active":[1540],"hidden":[32]},[[0,"click","listenClick"]]]);
|
|
6308
6321
|
const DsoTreeView = /*@__PURE__*/proxyCustomElement(TreeView, [1,"dso-tree-view",{"collection":[16]}]);
|
|
6309
6322
|
const DsoViewerGrid = /*@__PURE__*/proxyCustomElement(ViewerGrid, [1,"dso-viewer-grid",{"filterpanelOpen":[516,"filterpanel-open"],"overlayOpen":[516,"overlay-open"],"mainSize":[32]}]);
|
|
6310
6323
|
const defineCustomElements = (opts) => {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
@media screen and (min-width: 481px){.alert{padding:19px 16px 19px 63px}}@media screen and (max-width: 480px){.alert{padding:63px 16px 16px}}dso-alert>.dso-rich-content *:first-child{margin-top:0}dso-alert>.dso-rich-content *:last-child{margin-bottom:0}dso-alert>.dso-rich-content h1,dso-alert>.dso-rich-content h2,dso-alert>.dso-rich-content h3,dso-alert>.dso-rich-content h4,dso-alert>.dso-rich-content h5,dso-alert>.dso-rich-content h6,dso-alert>.dso-rich-content .h1,dso-alert>.dso-rich-content .h2,dso-alert>.dso-rich-content .h3,dso-alert>.dso-rich-content .h4,dso-alert>.dso-rich-content .h5,dso-alert>.dso-rich-content .h6{color:#000;font-size:1em;line-height:1.5;margin-bottom:8px;margin-top:8px}dso-alert>.dso-rich-content .btn,dso-alert>.dso-rich-content .dso-primary,dso-alert>.dso-rich-content .dso-secondary,dso-alert>.dso-rich-content .dso-tertiary{background-color:rgba(25, 25, 25, 0.05);border-radius:4px;border:1px solid transparent;padding:6px 12px}dso-alert>.dso-rich-content .btn:hover,dso-alert>.dso-rich-content .btn:active,dso-alert>.dso-rich-content .dso-primary:hover,dso-alert>.dso-rich-content .dso-primary:active,dso-alert>.dso-rich-content .dso-secondary:hover,dso-alert>.dso-rich-content .dso-secondary:active,dso-alert>.dso-rich-content .dso-tertiary:hover,dso-alert>.dso-rich-content .dso-tertiary:active{background-color:rgba(25, 25, 25, 0.2);color:#000}dso-alert a,dso-alert a:not(.btn):visited{color:#191919}dso-alert a:hover,dso-alert a:focus,dso-alert a:active,dso-alert a:visited{color:#191919}dso-alert a:active{text-decoration:none}dso-alert a.download::after{background:var(--dso-icon, var(--di-download-grijs90)) no-repeat;background-position:center;background-size:cover;height:24px;vertical-align:top;width:24px}dso-alert a.extern::after{background:var(--dso-icon, var(--di-external-link-grijs90)) no-repeat;background-position:center;background-size:cover;height:24px;vertical-align:top;width:24px}dso-banner a{text-decoration:underline}dso-banner a,dso-banner a:hover,dso-banner a:focus,dso-banner a:active,dso-banner a:visited{color:#191919}dso-banner a:active{text-decoration:none}dso-banner a.download::after{background:var(--dso-icon, var(--di-download-grijs90)) no-repeat;background-position:center;background-size:cover;height:24px;vertical-align:top;width:24px}dso-banner a.extern::after{background:var(--dso-icon, var(--di-external-link-grijs90)) no-repeat;background-position:center;background-size:cover;height:24px;vertical-align:top;width:24px}dso-banner .row>div{line-height:24px;position:relative}dso-banner .row>div button{position:absolute;right:16px;top:0}dso-banner .row>div button dso-icon,dso-banner .row>div button svg.di{color:#000}@media screen and (min-width: 481px){dso-banner .row>div{padding-left:48px}}@media screen and (max-width: 480px){dso-banner .row>div{padding-top:39px}}dso-banner .row>div::before{content:"";display:inline-block;left:16px;position:absolute;top:0}dso-banner .row>div>.dso-rich-content{padding-right:24px}dso-banner .row>div>.dso-rich-content h1,dso-banner .row>div>.dso-rich-content h2,dso-banner .row>div>.dso-rich-content h3,dso-banner .row>div>.dso-rich-content h4,dso-banner .row>div>.dso-rich-content h5,dso-banner .row>div>.dso-rich-content h6{color:#000;font-size:1rem;line-height:1.5;margin-bottom:0}dso-banner .row>div>.dso-rich-content h1+p,dso-banner .row>div>.dso-rich-content h2+p,dso-banner .row>div>.dso-rich-content h3+p,dso-banner .row>div>.dso-rich-content h4+p,dso-banner .row>div>.dso-rich-content h5+p,dso-banner .row>div>.dso-rich-content h6+p{display:inline}dso-banner .row>div>.dso-rich-content h1+p+*,dso-banner .row>div>.dso-rich-content h2+p+*,dso-banner .row>div>.dso-rich-content h3+p+*,dso-banner .row>div>.dso-rich-content h4+p+*,dso-banner .row>div>.dso-rich-content h5+p+*,dso-banner .row>div>.dso-rich-content h6+p+*{margin-top:16px}dso-banner .row>div>.dso-rich-content>h2:first-child{float:left;margin-right:8px}dso-banner .row>div>.dso-rich-content *:first-child{margin-top:0}dso-banner .row>div>.dso-rich-content *:last-child{margin-bottom:0}@media screen and (max-width: 480px){dso-banner .row>div>.dso-rich-content{padding-right:0}}dso-banner[status=danger]{color:#191919;background-color:#f5d8dc;border-color:#f5d8dc}dso-banner[status=danger] .row>div::before{background:var(--dso-icon, var(--di-status-danger)) no-repeat;background-position:center;background-size:cover;height:24px;vertical-align:top;width:24px}dso-banner[status=warning]{color:#191919;background-color:#f8f6cc;border-color:#f8f6cc}dso-banner[status=warning] .row>div::before{background:var(--dso-icon, var(--di-status-warning)) no-repeat;background-position:center;background-size:cover;height:24px;vertical-align:top;width:24px}dso-dropdown-menu>.dso-primary::after,dso-dropdown-menu>.dso-secondary::after,dso-dropdown-menu>.dso-tertiary::after,dso-dropdown-menu>.btn::after{content:"";display:inline-block;margin-left:8px}dso-dropdown-menu>.dso-primary::after,dso-dropdown-menu>.btn-primary::after{background:var(--dso-icon, var(--di-chevron-down-wit)) no-repeat;background-position:center;background-size:cover;height:24px;vertical-align:top;width:24px}dso-dropdown-menu>.dso-secondary::after,dso-dropdown-menu>.btn-default::after{background:var(--dso-icon, var(--di-chevron-down)) no-repeat;background-position:center;background-size:cover;height:24px;vertical-align:top;width:24px}dso-dropdown-menu>.dso-secondary:hover::after,dso-dropdown-menu>.btn-default:hover::after{--dso-icon:var(--di-chevron-down-wit)}dso-dropdown-menu>.dso-tertiary::after,dso-dropdown-menu>.btn-link::after{background:var(--dso-icon, var(--di-chevron-down)) no-repeat;background-position:center;background-size:cover;height:24px;vertical-align:top;width:24px;position:relative;top:-2px}dso-dropdown-menu>.dso-tertiary:hover::after,dso-dropdown-menu>.btn-link:hover::after{--dso-icon:var(--di-chevron-down-scampi)}dso-dropdown-menu .dso-group-label{color:#999;font-size:0.875em;font-weight:400;margin:0;padding:4px 20px 2px;text-transform:uppercase}dso-dropdown-menu ul{margin:0;padding:0}dso-dropdown-menu ul:not(:last-child){border-bottom:1px solid #e5e5e5;margin-bottom:11px;padding-bottom:11px}dso-dropdown-menu .dso-dropdown-options{background-clip:padding-box;background-color:#fff;border-radius:4px;border:1px solid rgba(0, 0, 0, 0.15);box-shadow:0 8px 10px 1px rgba(0, 0, 0, 0.4);font-size:16px;margin:2px 0 0;min-width:160px;padding:5px 0;position:absolute;text-align:left;top:100%;z-index:220}dso-dropdown-menu .dso-dropdown-options li{list-style:none}dso-dropdown-menu .dso-dropdown-options li a:visited{color:#191919}dso-dropdown-menu .dso-dropdown-options li a,dso-dropdown-menu .dso-dropdown-options li button{text-decoration:none;clear:both;color:#191919;display:block;font-weight:400;line-height:1.5;padding:3px 20px;text-decoration:none;white-space:nowrap}dso-dropdown-menu .dso-dropdown-options li a:hover,dso-dropdown-menu .dso-dropdown-options li a:focus,dso-dropdown-menu .dso-dropdown-options li a:active,dso-dropdown-menu .dso-dropdown-options li button:hover,dso-dropdown-menu .dso-dropdown-options li button:focus,dso-dropdown-menu .dso-dropdown-options li button:active{text-decoration:underline}dso-dropdown-menu .dso-dropdown-options li a:hover,dso-dropdown-menu .dso-dropdown-options li a:focus,dso-dropdown-menu .dso-dropdown-options li button:hover,dso-dropdown-menu .dso-dropdown-options li button:focus{background-color:#39870c;border-color:#39870c;color:#fff;text-decoration:none}dso-dropdown-menu .dso-dropdown-options li button{background-color:transparent;border:0;border-radius:0;text-align:inherit;width:100%}dso-dropdown-menu[dropdown-align=right] .dso-dropdown-options{right:0}dso-dropdown-menu[open]>.dso-primary::after,dso-dropdown-menu[open]>.btn-primary::after{--dso-icon:var(--di-chevron-up-wit)}dso-dropdown-menu[open]>.dso-secondary::after,dso-dropdown-menu[open]>.btn-default::after{--dso-icon:var(--di-chevron-up)}dso-dropdown-menu[open]>.dso-secondary:hover::after,dso-dropdown-menu[open]>.btn-default:hover::after{--dso-icon:var(--di-chevron-up-wit)}dso-dropdown-menu[open]>.dso-tertiary::after,dso-dropdown-menu[open]>.btn-link::after{--dso-icon:var(--di-chevron-up)}dso-dropdown-menu[open]>.dso-tertiary:hover::after,dso-dropdown-menu[open]>.btn-link:hover::after{--dso-icon:var(--di-chevron-up-scampi)}dso-dropdown-menu[checkable] .dso-group-label{padding-left:40px}dso-dropdown-menu[checkable] li a,dso-dropdown-menu[checkable] li button{padding-left:40px}dso-dropdown-menu[checkable] li.dso-checked a:not(:focus),dso-dropdown-menu[checkable] li.dso-checked button:not(:focus){background-color:#39870c;border-color:#39870c;color:#fff}dso-dropdown-menu[checkable] li.dso-checked a::before,dso-dropdown-menu[checkable] li.dso-checked button::before{background:var(--dso-icon, var(--di-check-wit)) no-repeat;background-position:center;background-size:cover;height:24px;vertical-align:top;width:24px;content:"";display:block;float:left;margin-left:-32px;margin-right:8px}dso-highlight-box>.dso-rich-content *:first-child{margin-top:0}dso-highlight-box>.dso-rich-content>*:last-child,dso-highlight-box>*:last-child{margin-bottom:0}dso-highlight-box .dso-tertiary:not([disabled]):hover,dso-highlight-box .dso-tertiary:not([disabled]):hover dso-icon,dso-highlight-box .dso-tertiary:not([disabled]):hover svg.di,dso-highlight-box .btn-link:not([disabled]):hover,dso-highlight-box .btn-link:not([disabled]):hover dso-icon,dso-highlight-box .btn-link:not([disabled]):hover svg.di{text-decoration:underline}dso-highlight-box.dso-has-counter{padding-top:40px;position:relative}dso-highlight-box .dso-step-counter{background-color:#275937;border:8px solid #79b929;border-radius:50%;box-sizing:content-box;color:#fff;font-size:1.25em;font-weight:500;height:32px;left:16px;line-height:32px;position:absolute;text-align:center;top:-24px;width:32px}dso-highlight-box dso-icon{vertical-align:text-top}dso-highlight-box[yellow],dso-highlight-box:not([border]):not([white]){--di-chevron-right-grijs90:url("data:image/svg+xml,%3csvg id='chevron-right' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' style='color: %23191919%3b'%3e %3cpath fill='currentColor' d='M9%2c19a.93.93%2c0%2c0%2c1-.67-.29%2c1%2c1%2c0%2c0%2c1%2c0-1.42l5-5.29-5-5.29a1%2c1%2c0%2c0%2c1%2c0-1.42.93.93%2c0%2c0%2c1%2c1.35%2c0L16%2c12%2c9.62%2c18.71A.93.93%2c0%2c0%2c1%2c9%2c19Z'/%3e %3c/svg%3e")}dso-highlight-box[yellow] .dso-tertiary:not([disabled]),dso-highlight-box[yellow] .btn-link:not([disabled]),dso-highlight-box:not([border]):not([white]) .dso-tertiary:not([disabled]),dso-highlight-box:not([border]):not([white]) .btn-link:not([disabled]){color:#191919}dso-highlight-box[yellow] .dso-tertiary:not([disabled]):hover,dso-highlight-box[yellow] .dso-tertiary:not([disabled]):hover dso-icon,dso-highlight-box[yellow] .dso-tertiary:not([disabled]):hover svg.di,dso-highlight-box[yellow] .dso-tertiary:not([disabled]):focus,dso-highlight-box[yellow] .dso-tertiary:not([disabled]):focus dso-icon,dso-highlight-box[yellow] .dso-tertiary:not([disabled]):focus svg.di,dso-highlight-box[yellow] .btn-link:not([disabled]):hover,dso-highlight-box[yellow] .btn-link:not([disabled]):hover dso-icon,dso-highlight-box[yellow] .btn-link:not([disabled]):hover svg.di,dso-highlight-box[yellow] .btn-link:not([disabled]):focus,dso-highlight-box[yellow] .btn-link:not([disabled]):focus dso-icon,dso-highlight-box[yellow] .btn-link:not([disabled]):focus svg.di,dso-highlight-box:not([border]):not([white]) .dso-tertiary:not([disabled]):hover,dso-highlight-box:not([border]):not([white]) .dso-tertiary:not([disabled]):hover dso-icon,dso-highlight-box:not([border]):not([white]) .dso-tertiary:not([disabled]):hover svg.di,dso-highlight-box:not([border]):not([white]) .dso-tertiary:not([disabled]):focus,dso-highlight-box:not([border]):not([white]) .dso-tertiary:not([disabled]):focus dso-icon,dso-highlight-box:not([border]):not([white]) .dso-tertiary:not([disabled]):focus svg.di,dso-highlight-box:not([border]):not([white]) .btn-link:not([disabled]):hover,dso-highlight-box:not([border]):not([white]) .btn-link:not([disabled]):hover dso-icon,dso-highlight-box:not([border]):not([white]) .btn-link:not([disabled]):hover svg.di,dso-highlight-box:not([border]):not([white]) .btn-link:not([disabled]):focus,dso-highlight-box:not([border]):not([white]) .btn-link:not([disabled]):focus dso-icon,dso-highlight-box:not([border]):not([white]) .btn-link:not([disabled]):focus svg.di{color:#666}dso-highlight-box[yellow] a:not(.btn):not(.dso-primary):not(.dso-secondary):not(.dso-tertiary),dso-highlight-box[yellow] a:visited:not(.btn):not(.dso-primary):not(.dso-secondary):not(.dso-tertiary),dso-highlight-box:not([border]):not([white]) a:not(.btn):not(.dso-primary):not(.dso-secondary):not(.dso-tertiary),dso-highlight-box:not([border]):not([white]) a:visited:not(.btn):not(.dso-primary):not(.dso-secondary):not(.dso-tertiary){color:#191919}dso-highlight-box:not([border]):not([white]) .dso-link-list li{margin-bottom:16px}dso-highlight-box:not([border]):not([white]) .dso-link-list li:last-child{margin-bottom:0}dso-highlight-box:not([border]):not([white]) .dso-link-list a{text-decoration:none;color:#191919}dso-highlight-box:not([border]):not([white]) .dso-link-list a:hover,dso-highlight-box:not([border]):not([white]) .dso-link-list a:focus,dso-highlight-box:not([border]):not([white]) .dso-link-list a:active{text-decoration:underline}dso-highlight-box:not([border]):not([white]) .dso-link-list a::before,dso-highlight-box:not([border]):not([white]) .dso-link-list a:active::before,dso-highlight-box:not([border]):not([white]) .dso-link-list a:focus::before,dso-highlight-box:not([border]):not([white]) .dso-link-list a:hover::before{background:var(--dso-icon, var(--di-chevron-right-grijs90)) no-repeat;background-position:center;background-size:cover;height:24px;vertical-align:top;width:24px}dso-highlight-box:not([border]):not([white]) .dso-link-list a:active{color:#191919;text-decoration:none}dso-highlight-box:not([border]):not([white]) .dso-link-list a.download::after{background:var(--dso-icon, var(--di-download-grijs90)) no-repeat;background-position:center;background-size:cover;height:24px;vertical-align:top;width:24px}dso-highlight-box:not([border]):not([white]) .dso-link-list a.extern::after{background:var(--dso-icon, var(--di-external-link-grijs90)) no-repeat;background-position:center;background-size:cover;height:24px;vertical-align:top;width:24px}dso-info .dso-rich-content *:first-child{margin-top:0}dso-info .dso-rich-content img{display:block;margin:8px auto;max-width:100%}dso-info .dso-rich-content a:not(.btn):not(.dso-primary):not(.dso-secondary):not(.dso-tertiary),dso-info .dso-rich-content a:hover,dso-info .dso-rich-content a:focus,dso-info .dso-rich-content a:active,dso-info .dso-rich-content a:visited{color:#191919}dso-info .dso-rich-content a:active{text-decoration:none}dso-info .dso-rich-content .dso-tertiary:not([disabled]),dso-info .dso-rich-content .btn-link:not([disabled]){color:#000}dso-info .dso-rich-content .dso-tertiary:not([disabled]):hover,dso-info .dso-rich-content .dso-tertiary:not([disabled]):hover dso-icon,dso-info .dso-rich-content .dso-tertiary:not([disabled]):hover svg.di,dso-info .dso-rich-content .dso-tertiary:not([disabled]):focus,dso-info .dso-rich-content .dso-tertiary:not([disabled]):focus dso-icon,dso-info .dso-rich-content .dso-tertiary:not([disabled]):focus svg.di,dso-info .dso-rich-content .btn-link:not([disabled]):hover,dso-info .dso-rich-content .btn-link:not([disabled]):hover dso-icon,dso-info .dso-rich-content .btn-link:not([disabled]):hover svg.di,dso-info .dso-rich-content .btn-link:not([disabled]):focus,dso-info .dso-rich-content .btn-link:not([disabled]):focus dso-icon,dso-info .dso-rich-content .btn-link:not([disabled]):focus svg.di{color:#666;text-decoration:underline}dso-label span[slot=symbol]{background-color:#fff;display:block;float:left;height:20px;margin-top:2px;margin-right:8px;width:24px;overflow:hidden;position:relative}dso-label span[slot=symbol]>span{display:block;position:absolute;top:0;bottom:0;left:0;right:0}dso-map-controls>*+*{margin-top:32px}dso-selectable .dso-rich-content[slot=info] *:first-child{margin-top:0}dso-selectable .dso-rich-content[slot=info] img{display:block;margin:8px auto;max-width:100%}dso-selectable .dso-rich-content[slot=info] a:not(.btn):not(.dso-primary):not(.dso-secondary):not(.dso-tertiary),dso-selectable .dso-rich-content[slot=info] a:hover,dso-selectable .dso-rich-content[slot=info] a:focus,dso-selectable .dso-rich-content[slot=info] a:active,dso-selectable .dso-rich-content[slot=info] a:visited{color:#191919}dso-selectable .dso-rich-content[slot=info] a:active{text-decoration:none}dso-selectable .dso-rich-content[slot=info] .dso-tertiary:not([disabled]),dso-selectable .dso-rich-content[slot=info] .btn-link:not([disabled]){color:#000}dso-selectable .dso-rich-content[slot=info] .dso-tertiary:not([disabled]):hover,dso-selectable .dso-rich-content[slot=info] .dso-tertiary:not([disabled]):hover dso-icon,dso-selectable .dso-rich-content[slot=info] .dso-tertiary:not([disabled]):hover svg.di,dso-selectable .dso-rich-content[slot=info] .dso-tertiary:not([disabled]):focus,dso-selectable .dso-rich-content[slot=info] .dso-tertiary:not([disabled]):focus dso-icon,dso-selectable .dso-rich-content[slot=info] .dso-tertiary:not([disabled]):focus svg.di,dso-selectable .dso-rich-content[slot=info] .btn-link:not([disabled]):hover,dso-selectable .dso-rich-content[slot=info] .btn-link:not([disabled]):hover dso-icon,dso-selectable .dso-rich-content[slot=info] .btn-link:not([disabled]):hover svg.di,dso-selectable .dso-rich-content[slot=info] .btn-link:not([disabled]):focus,dso-selectable .dso-rich-content[slot=info] .btn-link:not([disabled]):focus dso-icon,dso-selectable .dso-rich-content[slot=info] .btn-link:not([disabled]):focus svg.di{color:#666;text-decoration:underline}dso-viewer-grid .dso-filterblok{margin-left:-16px;margin-right:-16px}dso-viewer-grid .dso-filterblok .dso-filterblok-address{font-weight:bold;margin:8px 0}@media screen and (max-width: 480px){dso-viewer-grid .dso-filterblok .dso-context-wrapper .dso-context-container{flex-basis:auto}}dso-viewer-grid .dso-document-header{background-color:#f2f2f2;padding:16px;margin-left:-16px;margin-right:-16px}dso-viewer-grid .dso-document-header a{color:#000}dso-viewer-grid .dso-document-header>:first-child{margin:0}dso-viewer-grid[small] .dso-tile-grid{grid-template-columns:repeat(2, 1fr)}dso-viewer-grid[small] dl.dso-document-header-features dt{clear:initial;float:none;width:auto;word-wrap:initial}dso-viewer-grid[small] dl.dso-document-header-features dd{margin-left:0;padding-left:0}dso-viewer-grid[small] .dso-document-list-item-container::before,dso-viewer-grid[small] .dso-document-list-item-container::after,dso-viewer-grid[small] .dso-document-header-container::before,dso-viewer-grid[small] .dso-document-header-container::after{display:table;content:" "}dso-viewer-grid[small] .dso-document-list-item-container::after,dso-viewer-grid[small] .dso-document-header-container::after{clear:both}dso-viewer-grid[small] .dso-document-list-item-open-document,dso-viewer-grid[small] .dso-document-header-toggle-features{float:right}dso-viewer-grid[small] .dso-document-header-type,dso-viewer-grid[small] .dso-document-header-owner{display:block}dso-viewer-grid[small] .dso-document-header-type{margin-right:32px}dso-viewer-grid[small] .dso-document-header-status,dso-viewer-grid[small] .dso-document-list-item-status{margin:0 0 8px 0}dso-viewer-grid[medium] .dso-tile-grid{grid-template-columns:repeat(4, 1fr)}dso-viewer-grid[large] .dso-tile-grid{grid-template-columns:repeat(5, 1fr)}dso-viewer-grid:not([small]) .dso-document-header-status,dso-viewer-grid:not([small]) .dso-document-list-item-status{margin:0}dso-viewer-grid:not([small]) .dso-document-header-container{padding-right:32px}dso-viewer-grid:not([small]) .dso-document-header-type{margin-right:8px}dso-viewer-grid:not([small]) dl.dso-document-header-features dt{width:20%}dso-viewer-grid:not([small]) dl.dso-document-header-features dd{margin-left:20%}dso-viewer-grid:not([small]) .dso-document-list-item-open-document,dso-viewer-grid:not([small]) .dso-document-header-toggle-features{position:absolute;right:0;bottom:0}dso-viewer-grid .dso-document-list{padding-left:0;list-style:none;margin:0 -16px 0 -16px}dso-viewer-grid .dso-document-list-item{background-color:#f2f2f2;padding:16px}dso-viewer-grid .dso-document-list-item a{color:#000}dso-viewer-grid .dso-document-list-item>:first-child{margin:0}dso-viewer-grid .dso-document-list-item-container,dso-viewer-grid .dso-document-header-container{position:relative}dso-viewer-grid .dso-document-list-item-type,dso-viewer-grid .dso-document-list-item-owner,dso-viewer-grid .dso-document-header-type,dso-viewer-grid .dso-document-header-owner{margin:0 0 8px 0;display:inline-block}dso-viewer-grid .dso-document-list-item-status dso-badge,dso-viewer-grid .dso-document-list-item-status .dso-badge,dso-viewer-grid .dso-document-header-status dso-badge,dso-viewer-grid .dso-document-header-status .dso-badge{margin-right:8px}dso-viewer-grid .dso-document-header-map-action,dso-viewer-grid .dso-document-header-toggle-features{display:inline-block;font-size:1em;font-weight:500;margin-bottom:0;text-decoration:none;touch-action:manipulation;text-align:left;user-select:none;vertical-align:middle;border:0;color:#39870c;line-height:1;padding:0;background-color:transparent;color:#000;font-weight:normal}dso-viewer-grid .dso-document-header-map-action:focus,dso-viewer-grid .dso-document-header-map-action:focus-visible,dso-viewer-grid .dso-document-header-toggle-features:focus,dso-viewer-grid .dso-document-header-toggle-features:focus-visible{outline-offset:2px}dso-viewer-grid .dso-document-header-map-action:active,dso-viewer-grid .dso-document-header-toggle-features:active{outline:0}dso-viewer-grid .dso-document-header-map-action.extern::after,dso-viewer-grid .dso-document-header-map-action.download::after,dso-viewer-grid .dso-document-header-toggle-features.extern::after,dso-viewer-grid .dso-document-header-toggle-features.download::after{content:"";display:inline-block;height:1.5em;margin-left:8px;vertical-align:top;width:1.5em}dso-viewer-grid .dso-document-header-map-action[disabled],dso-viewer-grid .dso-document-header-toggle-features[disabled]{color:#afcf9d}dso-viewer-grid .dso-document-header-map-action:not([disabled]):hover,dso-viewer-grid .dso-document-header-toggle-features:not([disabled]):hover{color:#676cb0;text-decoration:underline}dso-viewer-grid .dso-document-header-map-action:not([disabled]):active,dso-viewer-grid .dso-document-header-toggle-features:not([disabled]):active{color:#676cb0}dso-viewer-grid .dso-document-header-map-action.btn-align,dso-viewer-grid .dso-document-header-toggle-features.btn-align{line-height:calc(1.5em - 1px);padding:11px 0;position:relative}dso-viewer-grid .dso-document-header-map-action.extern::after,dso-viewer-grid .dso-document-header-map-action.download::after,dso-viewer-grid .dso-document-header-toggle-features.extern::after,dso-viewer-grid .dso-document-header-toggle-features.download::after{position:relative;top:-2px}dso-viewer-grid .dso-document-header-map-action.download::after,dso-viewer-grid .dso-document-header-toggle-features.download::after{background:var(--dso-icon, var(--di-download)) no-repeat;background-position:center;background-size:cover;height:24px;vertical-align:top;width:24px}dso-viewer-grid .dso-document-header-map-action.download[disabled]::after,dso-viewer-grid .dso-document-header-toggle-features.download[disabled]::after{--dso-icon:var(--di-download-grasgroen-40)}dso-viewer-grid .dso-document-header-map-action.download:not([disabled]):hover::after,dso-viewer-grid .dso-document-header-map-action.download:not([disabled]):active::after,dso-viewer-grid .dso-document-header-toggle-features.download:not([disabled]):hover::after,dso-viewer-grid .dso-document-header-toggle-features.download:not([disabled]):active::after{--dso-icon:var(--di-download-scampi)}dso-viewer-grid .dso-document-header-map-action.extern::after,dso-viewer-grid .dso-document-header-toggle-features.extern::after{background:var(--dso-icon, var(--di-external-link)) no-repeat;background-position:center;background-size:cover;height:24px;vertical-align:top;width:24px}dso-viewer-grid .dso-document-header-map-action.extern[disabled]::after,dso-viewer-grid .dso-document-header-toggle-features.extern[disabled]::after{--dso-icon:var(--di-external-link-grasgroen-40)}dso-viewer-grid .dso-document-header-map-action.extern:not([disabled]):hover::after,dso-viewer-grid .dso-document-header-map-action.extern:not([disabled]):active::after,dso-viewer-grid .dso-document-header-toggle-features.extern:not([disabled]):hover::after,dso-viewer-grid .dso-document-header-toggle-features.extern:not([disabled]):active::after{--dso-icon:var(--di-external-link-scampi)}dso-viewer-grid .dso-document-header-map-action dso-icon+span:not(.sr-only),dso-viewer-grid .dso-document-header-map-action svg.di+span:not(.sr-only),dso-viewer-grid .dso-document-header-map-action span:not(.sr-only)+dso-icon,dso-viewer-grid .dso-document-header-map-action span:not(.sr-only)+svg.di,dso-viewer-grid .dso-document-header-toggle-features dso-icon+span:not(.sr-only),dso-viewer-grid .dso-document-header-toggle-features svg.di+span:not(.sr-only),dso-viewer-grid .dso-document-header-toggle-features span:not(.sr-only)+dso-icon,dso-viewer-grid .dso-document-header-toggle-features span:not(.sr-only)+svg.di{margin-left:8px}dso-viewer-grid .dso-document-header-map-action dso-icon,dso-viewer-grid .dso-document-header-map-action svg.di,dso-viewer-grid .dso-document-header-map-action span,dso-viewer-grid .dso-document-header-toggle-features dso-icon,dso-viewer-grid .dso-document-header-toggle-features svg.di,dso-viewer-grid .dso-document-header-toggle-features span{vertical-align:middle}dso-viewer-grid .dso-document-header-map-action{position:absolute;top:0;right:0}dso-viewer-grid .dso-document-header-features{margin-top:16px;margin-bottom:0;padding-top:16px;border-top:1px solid #ccc}
|
|
1
|
+
@media screen and (min-width: 481px){.alert{padding:19px 16px 19px 63px}}@media screen and (max-width: 480px){.alert{padding:63px 16px 16px}}dso-alert>.dso-rich-content *:first-child{margin-top:0}dso-alert>.dso-rich-content *:last-child{margin-bottom:0}dso-alert>.dso-rich-content h1,dso-alert>.dso-rich-content h2,dso-alert>.dso-rich-content h3,dso-alert>.dso-rich-content h4,dso-alert>.dso-rich-content h5,dso-alert>.dso-rich-content h6,dso-alert>.dso-rich-content .h1,dso-alert>.dso-rich-content .h2,dso-alert>.dso-rich-content .h3,dso-alert>.dso-rich-content .h4,dso-alert>.dso-rich-content .h5,dso-alert>.dso-rich-content .h6{color:#000;font-size:1em;line-height:1.5;margin-bottom:8px;margin-top:8px}dso-alert>.dso-rich-content .btn,dso-alert>.dso-rich-content .dso-primary,dso-alert>.dso-rich-content .dso-secondary,dso-alert>.dso-rich-content .dso-tertiary{background-color:rgba(25, 25, 25, 0.05);border-radius:4px;border:1px solid transparent;padding:6px 12px}dso-alert>.dso-rich-content .btn:hover,dso-alert>.dso-rich-content .btn:active,dso-alert>.dso-rich-content .dso-primary:hover,dso-alert>.dso-rich-content .dso-primary:active,dso-alert>.dso-rich-content .dso-secondary:hover,dso-alert>.dso-rich-content .dso-secondary:active,dso-alert>.dso-rich-content .dso-tertiary:hover,dso-alert>.dso-rich-content .dso-tertiary:active{background-color:rgba(25, 25, 25, 0.2);color:#000}dso-alert a,dso-alert a:not(.btn):visited{color:#191919}dso-alert a:hover,dso-alert a:focus,dso-alert a:active,dso-alert a:visited{color:#191919}dso-alert a:active{text-decoration:none}dso-alert a.download::after{background:var(--dso-icon, var(--di-download-grijs90)) no-repeat;background-position:center;background-size:cover;height:24px;vertical-align:top;width:24px}dso-alert a.extern::after{background:var(--dso-icon, var(--di-external-link-grijs90)) no-repeat;background-position:center;background-size:cover;height:24px;vertical-align:top;width:24px}dso-banner a{text-decoration:underline}dso-banner a,dso-banner a:hover,dso-banner a:focus,dso-banner a:active,dso-banner a:visited{color:#191919}dso-banner a:active{text-decoration:none}dso-banner a.download::after{background:var(--dso-icon, var(--di-download-grijs90)) no-repeat;background-position:center;background-size:cover;height:24px;vertical-align:top;width:24px}dso-banner a.extern::after{background:var(--dso-icon, var(--di-external-link-grijs90)) no-repeat;background-position:center;background-size:cover;height:24px;vertical-align:top;width:24px}dso-banner .row>div{line-height:24px;position:relative}dso-banner .row>div button{position:absolute;right:16px;top:0}dso-banner .row>div button dso-icon,dso-banner .row>div button svg.di{color:#000}@media screen and (min-width: 481px){dso-banner .row>div{padding-left:48px}}@media screen and (max-width: 480px){dso-banner .row>div{padding-top:39px}}dso-banner .row>div::before{content:"";display:inline-block;left:16px;position:absolute;top:0}dso-banner .row>div>.dso-rich-content{padding-right:24px}dso-banner .row>div>.dso-rich-content h1,dso-banner .row>div>.dso-rich-content h2,dso-banner .row>div>.dso-rich-content h3,dso-banner .row>div>.dso-rich-content h4,dso-banner .row>div>.dso-rich-content h5,dso-banner .row>div>.dso-rich-content h6{color:#000;font-size:1rem;line-height:1.5;margin-bottom:0}dso-banner .row>div>.dso-rich-content h1+p,dso-banner .row>div>.dso-rich-content h2+p,dso-banner .row>div>.dso-rich-content h3+p,dso-banner .row>div>.dso-rich-content h4+p,dso-banner .row>div>.dso-rich-content h5+p,dso-banner .row>div>.dso-rich-content h6+p{display:inline}dso-banner .row>div>.dso-rich-content h1+p+*,dso-banner .row>div>.dso-rich-content h2+p+*,dso-banner .row>div>.dso-rich-content h3+p+*,dso-banner .row>div>.dso-rich-content h4+p+*,dso-banner .row>div>.dso-rich-content h5+p+*,dso-banner .row>div>.dso-rich-content h6+p+*{margin-top:16px}dso-banner .row>div>.dso-rich-content>h2:first-child{float:left;margin-right:8px}dso-banner .row>div>.dso-rich-content *:first-child{margin-top:0}dso-banner .row>div>.dso-rich-content *:last-child{margin-bottom:0}@media screen and (max-width: 480px){dso-banner .row>div>.dso-rich-content{padding-right:0}}dso-banner[status=danger]{color:#191919;background-color:#f5d8dc;border-color:#f5d8dc}dso-banner[status=danger] .row>div::before{background:var(--dso-icon, var(--di-status-danger)) no-repeat;background-position:center;background-size:cover;height:24px;vertical-align:top;width:24px}dso-banner[status=warning]{color:#191919;background-color:#f8f6cc;border-color:#f8f6cc}dso-banner[status=warning] .row>div::before{background:var(--dso-icon, var(--di-status-warning)) no-repeat;background-position:center;background-size:cover;height:24px;vertical-align:top;width:24px}dso-dropdown-menu>.dso-primary::after,dso-dropdown-menu>.dso-secondary::after,dso-dropdown-menu>.dso-tertiary::after,dso-dropdown-menu>.btn::after{content:"";display:inline-block;margin-left:8px}dso-dropdown-menu>.dso-primary::after,dso-dropdown-menu>.btn-primary::after{background:var(--dso-icon, var(--di-chevron-down-wit)) no-repeat;background-position:center;background-size:cover;height:24px;vertical-align:top;width:24px}dso-dropdown-menu>.dso-secondary::after,dso-dropdown-menu>.btn-default::after{background:var(--dso-icon, var(--di-chevron-down)) no-repeat;background-position:center;background-size:cover;height:24px;vertical-align:top;width:24px}dso-dropdown-menu>.dso-secondary:hover::after,dso-dropdown-menu>.btn-default:hover::after{--dso-icon:var(--di-chevron-down-wit)}dso-dropdown-menu>.dso-tertiary::after,dso-dropdown-menu>.btn-link::after{background:var(--dso-icon, var(--di-chevron-down)) no-repeat;background-position:center;background-size:cover;height:24px;vertical-align:top;width:24px;position:relative;top:-2px}dso-dropdown-menu>.dso-tertiary:hover::after,dso-dropdown-menu>.btn-link:hover::after{--dso-icon:var(--di-chevron-down-scampi)}dso-dropdown-menu .dso-group-label{color:#999;font-size:0.875em;font-weight:400;margin:0;padding:4px 20px 2px;text-transform:uppercase}dso-dropdown-menu ul{margin:0;padding:0}dso-dropdown-menu ul:not(:last-child){border-bottom:1px solid #e5e5e5;margin-bottom:11px;padding-bottom:11px}dso-dropdown-menu .dso-dropdown-options{background-clip:padding-box;background-color:#fff;border-radius:4px;border:1px solid rgba(0, 0, 0, 0.15);box-shadow:0 8px 10px 1px rgba(0, 0, 0, 0.4);font-size:16px;margin:2px 0 0;min-width:160px;padding:5px 0;position:absolute;text-align:left;top:100%;z-index:220}dso-dropdown-menu .dso-dropdown-options li{list-style:none}dso-dropdown-menu .dso-dropdown-options li a:visited{color:#191919}dso-dropdown-menu .dso-dropdown-options li a,dso-dropdown-menu .dso-dropdown-options li button{text-decoration:none;clear:both;color:#191919;display:block;font-weight:400;line-height:1.5;padding:3px 20px;text-decoration:none;white-space:nowrap}dso-dropdown-menu .dso-dropdown-options li a:hover,dso-dropdown-menu .dso-dropdown-options li a:focus,dso-dropdown-menu .dso-dropdown-options li a:active,dso-dropdown-menu .dso-dropdown-options li button:hover,dso-dropdown-menu .dso-dropdown-options li button:focus,dso-dropdown-menu .dso-dropdown-options li button:active{text-decoration:underline}dso-dropdown-menu .dso-dropdown-options li a:hover,dso-dropdown-menu .dso-dropdown-options li a:focus,dso-dropdown-menu .dso-dropdown-options li button:hover,dso-dropdown-menu .dso-dropdown-options li button:focus{background-color:#39870c;border-color:#39870c;color:#fff;text-decoration:none}dso-dropdown-menu .dso-dropdown-options li button{background-color:transparent;border:0;border-radius:0;text-align:inherit;width:100%}dso-dropdown-menu[dropdown-align=right] .dso-dropdown-options{right:0}dso-dropdown-menu[open]>.dso-primary::after,dso-dropdown-menu[open]>.btn-primary::after{--dso-icon:var(--di-chevron-up-wit)}dso-dropdown-menu[open]>.dso-secondary::after,dso-dropdown-menu[open]>.btn-default::after{--dso-icon:var(--di-chevron-up)}dso-dropdown-menu[open]>.dso-secondary:hover::after,dso-dropdown-menu[open]>.btn-default:hover::after{--dso-icon:var(--di-chevron-up-wit)}dso-dropdown-menu[open]>.dso-tertiary::after,dso-dropdown-menu[open]>.btn-link::after{--dso-icon:var(--di-chevron-up)}dso-dropdown-menu[open]>.dso-tertiary:hover::after,dso-dropdown-menu[open]>.btn-link:hover::after{--dso-icon:var(--di-chevron-up-scampi)}dso-dropdown-menu[checkable] .dso-group-label{padding-left:40px}dso-dropdown-menu[checkable] li a,dso-dropdown-menu[checkable] li button{padding-left:40px}dso-dropdown-menu[checkable] li.dso-checked a:not(:focus),dso-dropdown-menu[checkable] li.dso-checked button:not(:focus){background-color:#39870c;border-color:#39870c;color:#fff}dso-dropdown-menu[checkable] li.dso-checked a::before,dso-dropdown-menu[checkable] li.dso-checked button::before{background:var(--dso-icon, var(--di-check-wit)) no-repeat;background-position:center;background-size:cover;height:24px;vertical-align:top;width:24px;content:"";display:block;float:left;margin-left:-32px;margin-right:8px}dso-highlight-box>.dso-rich-content *:first-child{margin-top:0}dso-highlight-box>*:last-child{margin-bottom:0}dso-highlight-box .dso-tertiary:not([disabled]):hover,dso-highlight-box .dso-tertiary:not([disabled]):hover dso-icon,dso-highlight-box .dso-tertiary:not([disabled]):hover svg.di,dso-highlight-box .btn-link:not([disabled]):hover,dso-highlight-box .btn-link:not([disabled]):hover dso-icon,dso-highlight-box .btn-link:not([disabled]):hover svg.di{text-decoration:underline}dso-highlight-box.dso-has-counter{padding-top:40px;position:relative}dso-highlight-box .dso-step-counter{background-color:#275937;border:8px solid #79b929;border-radius:50%;box-sizing:content-box;color:#fff;font-size:1.25em;font-weight:500;height:32px;left:16px;line-height:32px;position:absolute;text-align:center;top:-24px;width:32px}dso-highlight-box dso-icon{vertical-align:text-top}dso-highlight-box[yellow],dso-highlight-box:not([border]):not([white]){--di-chevron-right-grijs90:url("data:image/svg+xml,%3csvg id='chevron-right' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' style='color: %23191919%3b'%3e %3cpath fill='currentColor' d='M9%2c19a.93.93%2c0%2c0%2c1-.67-.29%2c1%2c1%2c0%2c0%2c1%2c0-1.42l5-5.29-5-5.29a1%2c1%2c0%2c0%2c1%2c0-1.42.93.93%2c0%2c0%2c1%2c1.35%2c0L16%2c12%2c9.62%2c18.71A.93.93%2c0%2c0%2c1%2c9%2c19Z'/%3e %3c/svg%3e")}dso-highlight-box[yellow] .dso-tertiary:not([disabled]),dso-highlight-box[yellow] .btn-link:not([disabled]),dso-highlight-box:not([border]):not([white]) .dso-tertiary:not([disabled]),dso-highlight-box:not([border]):not([white]) .btn-link:not([disabled]){color:#191919}dso-highlight-box[yellow] .dso-tertiary:not([disabled]):hover,dso-highlight-box[yellow] .dso-tertiary:not([disabled]):hover dso-icon,dso-highlight-box[yellow] .dso-tertiary:not([disabled]):hover svg.di,dso-highlight-box[yellow] .dso-tertiary:not([disabled]):focus,dso-highlight-box[yellow] .dso-tertiary:not([disabled]):focus dso-icon,dso-highlight-box[yellow] .dso-tertiary:not([disabled]):focus svg.di,dso-highlight-box[yellow] .btn-link:not([disabled]):hover,dso-highlight-box[yellow] .btn-link:not([disabled]):hover dso-icon,dso-highlight-box[yellow] .btn-link:not([disabled]):hover svg.di,dso-highlight-box[yellow] .btn-link:not([disabled]):focus,dso-highlight-box[yellow] .btn-link:not([disabled]):focus dso-icon,dso-highlight-box[yellow] .btn-link:not([disabled]):focus svg.di,dso-highlight-box:not([border]):not([white]) .dso-tertiary:not([disabled]):hover,dso-highlight-box:not([border]):not([white]) .dso-tertiary:not([disabled]):hover dso-icon,dso-highlight-box:not([border]):not([white]) .dso-tertiary:not([disabled]):hover svg.di,dso-highlight-box:not([border]):not([white]) .dso-tertiary:not([disabled]):focus,dso-highlight-box:not([border]):not([white]) .dso-tertiary:not([disabled]):focus dso-icon,dso-highlight-box:not([border]):not([white]) .dso-tertiary:not([disabled]):focus svg.di,dso-highlight-box:not([border]):not([white]) .btn-link:not([disabled]):hover,dso-highlight-box:not([border]):not([white]) .btn-link:not([disabled]):hover dso-icon,dso-highlight-box:not([border]):not([white]) .btn-link:not([disabled]):hover svg.di,dso-highlight-box:not([border]):not([white]) .btn-link:not([disabled]):focus,dso-highlight-box:not([border]):not([white]) .btn-link:not([disabled]):focus dso-icon,dso-highlight-box:not([border]):not([white]) .btn-link:not([disabled]):focus svg.di{color:#666}dso-highlight-box[yellow] a:not(.btn):not(.dso-primary):not(.dso-secondary):not(.dso-tertiary),dso-highlight-box[yellow] a:visited:not(.btn):not(.dso-primary):not(.dso-secondary):not(.dso-tertiary),dso-highlight-box:not([border]):not([white]) a:not(.btn):not(.dso-primary):not(.dso-secondary):not(.dso-tertiary),dso-highlight-box:not([border]):not([white]) a:visited:not(.btn):not(.dso-primary):not(.dso-secondary):not(.dso-tertiary){color:#191919}dso-highlight-box:not([border]):not([white]) .dso-link-list li{margin-bottom:16px}dso-highlight-box:not([border]):not([white]) .dso-link-list li:last-child{margin-bottom:0}dso-highlight-box:not([border]):not([white]) .dso-link-list a{text-decoration:none;color:#191919}dso-highlight-box:not([border]):not([white]) .dso-link-list a:hover,dso-highlight-box:not([border]):not([white]) .dso-link-list a:focus,dso-highlight-box:not([border]):not([white]) .dso-link-list a:active{text-decoration:underline}dso-highlight-box:not([border]):not([white]) .dso-link-list a::before,dso-highlight-box:not([border]):not([white]) .dso-link-list a:active::before,dso-highlight-box:not([border]):not([white]) .dso-link-list a:focus::before,dso-highlight-box:not([border]):not([white]) .dso-link-list a:hover::before{background:var(--dso-icon, var(--di-chevron-right-grijs90)) no-repeat;background-position:center;background-size:cover;height:24px;vertical-align:top;width:24px}dso-highlight-box:not([border]):not([white]) .dso-link-list a:active{color:#191919;text-decoration:none}dso-highlight-box:not([border]):not([white]) .dso-link-list a.download::after{background:var(--dso-icon, var(--di-download-grijs90)) no-repeat;background-position:center;background-size:cover;height:24px;vertical-align:top;width:24px}dso-highlight-box:not([border]):not([white]) .dso-link-list a.extern::after{background:var(--dso-icon, var(--di-external-link-grijs90)) no-repeat;background-position:center;background-size:cover;height:24px;vertical-align:top;width:24px}dso-info .dso-rich-content *:first-child{margin-top:0}dso-info .dso-rich-content img{display:block;margin:8px auto;max-width:100%}dso-info .dso-rich-content a:not(.btn):not(.dso-primary):not(.dso-secondary):not(.dso-tertiary),dso-info .dso-rich-content a:hover,dso-info .dso-rich-content a:focus,dso-info .dso-rich-content a:active,dso-info .dso-rich-content a:visited{color:#191919}dso-info .dso-rich-content a:active{text-decoration:none}dso-info .dso-rich-content .dso-tertiary:not([disabled]),dso-info .dso-rich-content .btn-link:not([disabled]){color:#000}dso-info .dso-rich-content .dso-tertiary:not([disabled]):hover,dso-info .dso-rich-content .dso-tertiary:not([disabled]):hover dso-icon,dso-info .dso-rich-content .dso-tertiary:not([disabled]):hover svg.di,dso-info .dso-rich-content .dso-tertiary:not([disabled]):focus,dso-info .dso-rich-content .dso-tertiary:not([disabled]):focus dso-icon,dso-info .dso-rich-content .dso-tertiary:not([disabled]):focus svg.di,dso-info .dso-rich-content .btn-link:not([disabled]):hover,dso-info .dso-rich-content .btn-link:not([disabled]):hover dso-icon,dso-info .dso-rich-content .btn-link:not([disabled]):hover svg.di,dso-info .dso-rich-content .btn-link:not([disabled]):focus,dso-info .dso-rich-content .btn-link:not([disabled]):focus dso-icon,dso-info .dso-rich-content .btn-link:not([disabled]):focus svg.di{color:#666;text-decoration:underline}dso-label span[slot=symbol]{background-color:#fff;display:block;float:left;height:20px;margin-top:2px;margin-right:8px;width:24px;overflow:hidden;position:relative}dso-label span[slot=symbol]>span{display:block;position:absolute;top:0;bottom:0;left:0;right:0}dso-map-controls>*+*{margin-top:32px}dso-selectable .dso-rich-content[slot=info] *:first-child{margin-top:0}dso-selectable .dso-rich-content[slot=info] img{display:block;margin:8px auto;max-width:100%}dso-selectable .dso-rich-content[slot=info] a:not(.btn):not(.dso-primary):not(.dso-secondary):not(.dso-tertiary),dso-selectable .dso-rich-content[slot=info] a:hover,dso-selectable .dso-rich-content[slot=info] a:focus,dso-selectable .dso-rich-content[slot=info] a:active,dso-selectable .dso-rich-content[slot=info] a:visited{color:#191919}dso-selectable .dso-rich-content[slot=info] a:active{text-decoration:none}dso-selectable .dso-rich-content[slot=info] .dso-tertiary:not([disabled]),dso-selectable .dso-rich-content[slot=info] .btn-link:not([disabled]){color:#000}dso-selectable .dso-rich-content[slot=info] .dso-tertiary:not([disabled]):hover,dso-selectable .dso-rich-content[slot=info] .dso-tertiary:not([disabled]):hover dso-icon,dso-selectable .dso-rich-content[slot=info] .dso-tertiary:not([disabled]):hover svg.di,dso-selectable .dso-rich-content[slot=info] .dso-tertiary:not([disabled]):focus,dso-selectable .dso-rich-content[slot=info] .dso-tertiary:not([disabled]):focus dso-icon,dso-selectable .dso-rich-content[slot=info] .dso-tertiary:not([disabled]):focus svg.di,dso-selectable .dso-rich-content[slot=info] .btn-link:not([disabled]):hover,dso-selectable .dso-rich-content[slot=info] .btn-link:not([disabled]):hover dso-icon,dso-selectable .dso-rich-content[slot=info] .btn-link:not([disabled]):hover svg.di,dso-selectable .dso-rich-content[slot=info] .btn-link:not([disabled]):focus,dso-selectable .dso-rich-content[slot=info] .btn-link:not([disabled]):focus dso-icon,dso-selectable .dso-rich-content[slot=info] .btn-link:not([disabled]):focus svg.di{color:#666;text-decoration:underline}dso-viewer-grid .dso-filterblok{margin-left:-16px;margin-right:-16px}dso-viewer-grid .dso-filterblok .dso-filterblok-address{font-weight:bold;margin:8px 0}@media screen and (max-width: 480px){dso-viewer-grid .dso-filterblok .dso-context-wrapper .dso-context-container{flex-basis:auto}}dso-viewer-grid .dso-document-header{background-color:#f2f2f2;padding:16px;margin-left:-16px;margin-right:-16px}dso-viewer-grid .dso-document-header a{color:#000}dso-viewer-grid .dso-document-header>:first-child{margin:0}dso-viewer-grid[small] .dso-tile-grid{grid-template-columns:repeat(2, 1fr)}dso-viewer-grid[small] dl.dso-document-header-features dt{clear:initial;float:none;width:auto;word-wrap:initial}dso-viewer-grid[small] dl.dso-document-header-features dd{margin-left:0;padding-left:0}dso-viewer-grid[small] .dso-document-list-item-container::before,dso-viewer-grid[small] .dso-document-list-item-container::after,dso-viewer-grid[small] .dso-document-header-container::before,dso-viewer-grid[small] .dso-document-header-container::after{display:table;content:" "}dso-viewer-grid[small] .dso-document-list-item-container::after,dso-viewer-grid[small] .dso-document-header-container::after{clear:both}dso-viewer-grid[small] .dso-document-list-item-open-document,dso-viewer-grid[small] .dso-document-header-toggle-features{float:right}dso-viewer-grid[small] .dso-document-header-type,dso-viewer-grid[small] .dso-document-header-owner{display:block}dso-viewer-grid[small] .dso-document-header-type{margin-right:32px}dso-viewer-grid[small] .dso-document-header-status,dso-viewer-grid[small] .dso-document-list-item-status{margin:0 0 8px 0}dso-viewer-grid[medium] .dso-tile-grid{grid-template-columns:repeat(4, 1fr)}dso-viewer-grid[large] .dso-tile-grid{grid-template-columns:repeat(5, 1fr)}dso-viewer-grid:not([small]) .dso-document-header-status,dso-viewer-grid:not([small]) .dso-document-list-item-status{margin:0}dso-viewer-grid:not([small]) .dso-document-header-container{padding-right:32px}dso-viewer-grid:not([small]) .dso-document-header-type{margin-right:8px}dso-viewer-grid:not([small]) dl.dso-document-header-features dt{width:20%}dso-viewer-grid:not([small]) dl.dso-document-header-features dd{margin-left:20%}dso-viewer-grid:not([small]) .dso-document-list-item-open-document,dso-viewer-grid:not([small]) .dso-document-header-toggle-features{position:absolute;right:0;bottom:0}dso-viewer-grid .dso-document-list{padding-left:0;list-style:none;margin:0 -16px 0 -16px}dso-viewer-grid .dso-document-list-item{background-color:#f2f2f2;padding:16px}dso-viewer-grid .dso-document-list-item a{color:#000}dso-viewer-grid .dso-document-list-item>:first-child{margin:0}dso-viewer-grid .dso-document-list-item-container,dso-viewer-grid .dso-document-header-container{position:relative}dso-viewer-grid .dso-document-list-item-type,dso-viewer-grid .dso-document-list-item-owner,dso-viewer-grid .dso-document-header-type,dso-viewer-grid .dso-document-header-owner{margin:0 0 8px 0;display:inline-block}dso-viewer-grid .dso-document-list-item-status dso-badge,dso-viewer-grid .dso-document-list-item-status .dso-badge,dso-viewer-grid .dso-document-header-status dso-badge,dso-viewer-grid .dso-document-header-status .dso-badge{margin-right:8px}dso-viewer-grid .dso-document-header-map-action,dso-viewer-grid .dso-document-header-toggle-features{display:inline-block;font-size:1em;font-weight:500;margin-bottom:0;text-decoration:none;touch-action:manipulation;text-align:left;user-select:none;vertical-align:middle;border:0;color:#39870c;line-height:1;padding:0;background-color:transparent;color:#000;font-weight:normal}dso-viewer-grid .dso-document-header-map-action:focus,dso-viewer-grid .dso-document-header-map-action:focus-visible,dso-viewer-grid .dso-document-header-toggle-features:focus,dso-viewer-grid .dso-document-header-toggle-features:focus-visible{outline-offset:2px}dso-viewer-grid .dso-document-header-map-action:active,dso-viewer-grid .dso-document-header-toggle-features:active{outline:0}dso-viewer-grid .dso-document-header-map-action.extern::after,dso-viewer-grid .dso-document-header-map-action.download::after,dso-viewer-grid .dso-document-header-toggle-features.extern::after,dso-viewer-grid .dso-document-header-toggle-features.download::after{content:"";display:inline-block;height:1.5em;margin-left:8px;vertical-align:top;width:1.5em}dso-viewer-grid .dso-document-header-map-action[disabled],dso-viewer-grid .dso-document-header-toggle-features[disabled]{color:#afcf9d}dso-viewer-grid .dso-document-header-map-action:not([disabled]):hover,dso-viewer-grid .dso-document-header-toggle-features:not([disabled]):hover{color:#676cb0;text-decoration:underline}dso-viewer-grid .dso-document-header-map-action:not([disabled]):active,dso-viewer-grid .dso-document-header-toggle-features:not([disabled]):active{color:#676cb0}dso-viewer-grid .dso-document-header-map-action.btn-align,dso-viewer-grid .dso-document-header-toggle-features.btn-align{line-height:calc(1.5em - 1px);padding:11px 0;position:relative}dso-viewer-grid .dso-document-header-map-action.extern::after,dso-viewer-grid .dso-document-header-map-action.download::after,dso-viewer-grid .dso-document-header-toggle-features.extern::after,dso-viewer-grid .dso-document-header-toggle-features.download::after{position:relative;top:-2px}dso-viewer-grid .dso-document-header-map-action.download::after,dso-viewer-grid .dso-document-header-toggle-features.download::after{background:var(--dso-icon, var(--di-download)) no-repeat;background-position:center;background-size:cover;height:24px;vertical-align:top;width:24px}dso-viewer-grid .dso-document-header-map-action.download[disabled]::after,dso-viewer-grid .dso-document-header-toggle-features.download[disabled]::after{--dso-icon:var(--di-download-grasgroen-40)}dso-viewer-grid .dso-document-header-map-action.download:not([disabled]):hover::after,dso-viewer-grid .dso-document-header-map-action.download:not([disabled]):active::after,dso-viewer-grid .dso-document-header-toggle-features.download:not([disabled]):hover::after,dso-viewer-grid .dso-document-header-toggle-features.download:not([disabled]):active::after{--dso-icon:var(--di-download-scampi)}dso-viewer-grid .dso-document-header-map-action.extern::after,dso-viewer-grid .dso-document-header-toggle-features.extern::after{background:var(--dso-icon, var(--di-external-link)) no-repeat;background-position:center;background-size:cover;height:24px;vertical-align:top;width:24px}dso-viewer-grid .dso-document-header-map-action.extern[disabled]::after,dso-viewer-grid .dso-document-header-toggle-features.extern[disabled]::after{--dso-icon:var(--di-external-link-grasgroen-40)}dso-viewer-grid .dso-document-header-map-action.extern:not([disabled]):hover::after,dso-viewer-grid .dso-document-header-map-action.extern:not([disabled]):active::after,dso-viewer-grid .dso-document-header-toggle-features.extern:not([disabled]):hover::after,dso-viewer-grid .dso-document-header-toggle-features.extern:not([disabled]):active::after{--dso-icon:var(--di-external-link-scampi)}dso-viewer-grid .dso-document-header-map-action dso-icon+span:not(.sr-only),dso-viewer-grid .dso-document-header-map-action svg.di+span:not(.sr-only),dso-viewer-grid .dso-document-header-map-action span:not(.sr-only)+dso-icon,dso-viewer-grid .dso-document-header-map-action span:not(.sr-only)+svg.di,dso-viewer-grid .dso-document-header-toggle-features dso-icon+span:not(.sr-only),dso-viewer-grid .dso-document-header-toggle-features svg.di+span:not(.sr-only),dso-viewer-grid .dso-document-header-toggle-features span:not(.sr-only)+dso-icon,dso-viewer-grid .dso-document-header-toggle-features span:not(.sr-only)+svg.di{margin-left:8px}dso-viewer-grid .dso-document-header-map-action dso-icon,dso-viewer-grid .dso-document-header-map-action svg.di,dso-viewer-grid .dso-document-header-map-action span,dso-viewer-grid .dso-document-header-toggle-features dso-icon,dso-viewer-grid .dso-document-header-toggle-features svg.di,dso-viewer-grid .dso-document-header-toggle-features span{vertical-align:middle}dso-viewer-grid .dso-document-header-map-action{position:absolute;top:0;right:0}dso-viewer-grid .dso-document-header-features{margin-top:16px;margin-bottom:0;padding-top:16px;border-top:1px solid #ccc}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{p as e,b as o}from"./p-c62606a3.js";(()=>{const o=import.meta.url,s={};return""!==o&&(s.resourcesUrl=new URL(".",o).href),e(s)})().then((e=>o([["p-8bb8148f",[[1,"dso-map-base-layers",{baseLayers:[16]}]]],["p-746d70f9",[[1,"dso-map-overlays",{overlays:[16]}]]],["p-d76c1151",[[1,"dso-header",{loginUrl:[1,"login-url"],logoutUrl:[1,"logout-url"],mainMenu:[16],useDropDownMenu:[1,"use-drop-down-menu"],isLoggedIn:[4,"is-logged-in"],userProfileName:[1,"user-profile-name"],userProfileUrl:[1,"user-profile-url"],userHomeUrl:[1,"user-home-url"],showDropDown:[32],hasSubLogo:[32],overflowMenuItems:[32]}]]],["p-
|
|
1
|
+
import{p as e,b as o}from"./p-c62606a3.js";(()=>{const o=import.meta.url,s={};return""!==o&&(s.resourcesUrl=new URL(".",o).href),e(s)})().then((e=>o([["p-8bb8148f",[[1,"dso-map-base-layers",{baseLayers:[16]}]]],["p-746d70f9",[[1,"dso-map-overlays",{overlays:[16]}]]],["p-d76c1151",[[1,"dso-header",{loginUrl:[1,"login-url"],logoutUrl:[1,"logout-url"],mainMenu:[16],useDropDownMenu:[1,"use-drop-down-menu"],isLoggedIn:[4,"is-logged-in"],userProfileName:[1,"user-profile-name"],userProfileUrl:[1,"user-profile-url"],userHomeUrl:[1,"user-home-url"],showDropDown:[32],hasSubLogo:[32],overflowMenuItems:[32]}]]],["p-14fc5767",[[1,"dso-toggletip",{label:[1],position:[1],small:[4],secondary:[4],active:[32]}]]],["p-e01b1657",[[1,"dso-tree-view",{collection:[16]}]]],["p-2f64bded",[[6,"dso-autosuggest",{suggestions:[16],loading:[4],loadingLabel:[1,"loading-label"],suggestOnFocus:[4,"suggest-on-focus"],showSuggestions:[32],selectedSuggestion:[32]},[[4,"click","onDocumentClick"]]]]],["p-7abe091d",[[2,"dso-date-picker",{name:[1],identifier:[1],disabled:[516],role:[1],direction:[1],required:[4],dsoAutofocus:[4,"dso-autofocus"],value:[1537],min:[1],max:[1],activeFocus:[32],focusedDay:[32],open:[32],visible:[32],setFocus:[64],show:[64],hide:[64]},[[6,"click","handleDocumentClick"]]]]],["p-e1496a15",[[1,"dso-helpcenter-panel",{label:[1],url:[1],visibility:[32],isOpen:[32],slideState:[32],loadIframe:[32]}]]],["p-076400f4",[[1,"dso-image-overlay",{active:[32],focused:[32]}]]],["p-5e614420",[[1,"dso-label",{compact:[4],removable:[4],status:[1],hover:[32]}]]],["p-6ec616ee",[[1,"dso-map-controls",{open:[1540],disableZoom:[1,"disable-zoom"],hideContent:[32]}]]],["p-0e535c2b",[[1,"dso-viewer-grid",{filterpanelOpen:[516,"filterpanel-open"],overlayOpen:[516,"overlay-open"],mainSize:[32]}]]],["p-ea14647b",[[1,"dso-alert",{status:[1],roleAlert:[4,"role-alert"]}]]],["p-5a56d726",[[1,"dso-attachments-counter",{count:[2]}]]],["p-1894c7ae",[[1,"dso-badge",{status:[1]}]]],["p-d0d279cc",[[1,"dso-banner",{status:[1]}]]],["p-1e92e29d",[[1,"dso-highlight-box",{yellow:[4],border:[4],white:[4],dropShadow:[4,"drop-shadow"],step:[2]}]]],["p-723ef97b",[[2,"dso-ozon-content",{content:[1],inline:[516],deleted:[516],state:[32]}]]],["p-3cb44a36",[[1,"dso-progress-bar",{progress:[2],min:[2],max:[2]}]]],["p-1a3db1cd",[[1,"dso-dropdown-menu",{open:[1540],dropdownAlign:[1,"dropdown-align"],checkable:[4]}]]],["p-150fe323",[[1,"dso-tooltip",{descriptive:[516],position:[1],for:[1],noArrow:[4,"no-arrow"],stateless:[4],small:[4],active:[1540],hidden:[32],activate:[64],deactivate:[64]},[[0,"click","listenClick"]]]]],["p-b86128b3",[[1,"dso-progress-indicator",{label:[1],size:[1],block:[4]}]]],["p-daf049bd",[[1,"dso-info-button",{active:[1540],secondary:[4],label:[1]}]]],["p-c32860a3",[[1,"dso-selectable",{type:[1],identifier:[1],name:[1],value:[1],invalid:[4],describedById:[1,"described-by-id"],disabled:[4],required:[4],checked:[4],indeterminate:[4],infoFixed:[4,"info-fixed"],infoActive:[32],toggleInfo:[64]}],[1,"dso-info",{fixed:[516],active:[516]}]]],["p-c0b7f435",[[1,"dso-icon",{icon:[1]}]]]],e)));
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{r as t,h as s,F as i,g as o}from"./p-c62606a3.js";let h=class{constructor(s){t(this,s),this.active=!1,this.label="Toelichting",this.position="right",this.click=()=>{this.active?this.close():this.open()},this.open=()=>{this.active=!0,this.host.addEventListener("keydown",this.keyDownListener),this.host.addEventListener("focusout",this.focusOutListener)},this.close=()=>{this.host.removeEventListener("focusout",this.focusOutListener),this.host.removeEventListener("keydown",this.keyDownListener),this.active=!1},this.focusOutListener=t=>{this.host.contains(t.relatedTarget)||this.close()},this.keyDownListener=t=>{t.defaultPrevented||"Escape"!=t.key||(this.close(),this.button.focus(),t.preventDefault())}}componentDidRender(){var t,s,i;const o=null===(t=this.host.shadowRoot)||void 0===t?void 0:t.querySelector("dso-info-button");if(!o)throw Error("dso-info-button not found");this.infoButton=o;const h=null===(i=null===(s=this.infoButton)||void 0===s?void 0:s.shadowRoot)||void 0===i?void 0:i.querySelector("button");if(!h)throw Error("button not found");this.button=h
|
|
1
|
+
import{r as t,h as s,F as i,g as o}from"./p-c62606a3.js";let h=class{constructor(s){t(this,s),this.active=!1,this.label="Toelichting",this.position="right",this.click=()=>{this.active?this.close():this.open()},this.open=()=>{this.active=!0,this.host.addEventListener("keydown",this.keyDownListener),this.host.addEventListener("focusout",this.focusOutListener)},this.close=()=>{this.host.removeEventListener("focusout",this.focusOutListener),this.host.removeEventListener("keydown",this.keyDownListener),this.active=!1},this.focusOutListener=t=>{this.host.contains(t.relatedTarget)||this.close()},this.keyDownListener=t=>{t.defaultPrevented||"Escape"!=t.key||(this.close(),this.button.focus(),t.preventDefault())}}componentDidRender(){var t,s,i;const o=null===(t=this.host.shadowRoot)||void 0===t?void 0:t.querySelector("dso-info-button");if(!o)throw Error("dso-info-button not found");this.infoButton=o;const h=null===(i=null===(s=this.infoButton)||void 0===s?void 0:s.shadowRoot)||void 0===i?void 0:i.querySelector("button");if(!h)throw Error("button not found");this.button=h}render(){return s(i,null,s("dso-info-button",{id:"toggle",onClick:this.click,label:this.label,active:this.active,secondary:this.secondary}),s("dso-tooltip",{stateless:!0,descriptive:!0,for:"toggle",active:this.active,position:this.position,small:this.small},s("slot",null)))}get host(){return o(this)}};h.style="*,*::after,*::before{box-sizing:border-box}:host(:focus){outline:none}";export{h as dso_toggletip}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{r as t,h as e,H as n,g as o}from"./p-c62606a3.js";import{c as r}from"./p-4070c1e5.js";var i="top",a="bottom",p="right",f="left",s=[i,a,p,f],c=s.reduce((function(t,e){return t.concat([e+"-start",e+"-end"])}),[]),u=[].concat(s,["auto"]).reduce((function(t,e){return t.concat([e,e+"-start",e+"-end"])}),[]),l=["beforeRead","read","afterRead","beforeMain","main","afterMain","beforeWrite","write","afterWrite"];function d(t){return t?(t.nodeName||"").toLowerCase():null}function h(t){if(null==t)return window;if("[object Window]"!==t.toString()){var e=t.ownerDocument;return e&&e.defaultView||window}return t}function v(t){return t instanceof h(t).Element||t instanceof Element}function m(t){return t instanceof h(t).HTMLElement||t instanceof HTMLElement}function b(t){return"undefined"!=typeof ShadowRoot&&(t instanceof h(t).ShadowRoot||t instanceof ShadowRoot)}function x(t){return t.split("-")[0]}var g=Math.max,w=Math.min,y=Math.round;function O(t,e){void 0===e&&(e=!1);var n=t.getBoundingClientRect(),o=1,r=1;if(m(t)&&e){var i=t.offsetHeight,a=t.offsetWidth;a>0&&(o=y(n.width)/a||1),i>0&&(r=y(n.height)/i||1)}return{width:n.width/o,height:n.height/r,top:n.top/r,right:n.right/o,bottom:n.bottom/r,left:n.left/o,x:n.left/o,y:n.top/r}}function j(t){var e=O(t),n=t.offsetWidth,o=t.offsetHeight;return Math.abs(e.width-n)<=1&&(n=e.width),Math.abs(e.height-o)<=1&&(o=e.height),{x:t.offsetLeft,y:t.offsetTop,width:n,height:o}}function E(t,e){var n=e.getRootNode&&e.getRootNode();if(t.contains(e))return!0;if(n&&b(n)){var o=e;do{if(o&&t.isSameNode(o))return!0;o=o.parentNode||o.host}while(o)}return!1}function k(t){return h(t).getComputedStyle(t)}function M(t){return["table","td","th"].indexOf(d(t))>=0}function L(t){return((v(t)?t.ownerDocument:t.document)||window.document).documentElement}function S(t){return"html"===d(t)?t:t.assignedSlot||t.parentNode||(b(t)?t.host:null)||L(t)}function T(t){return m(t)&&"fixed"!==k(t).position?t.offsetParent:null}function A(t){for(var e=h(t),n=T(t);n&&M(n)&&"static"===k(n).position;)n=T(n);return n&&("html"===d(n)||"body"===d(n)&&"static"===k(n).position)?e:n||function(t){var e=-1!==navigator.userAgent.toLowerCase().indexOf("firefox");if(-1!==navigator.userAgent.indexOf("Trident")&&m(t)&&"fixed"===k(t).position)return null;var n=S(t);for(b(n)&&(n=n.host);m(n)&&["html","body"].indexOf(d(n))<0;){var o=k(n);if("none"!==o.transform||"none"!==o.perspective||"paint"===o.contain||-1!==["transform","perspective"].indexOf(o.willChange)||e&&"filter"===o.willChange||e&&o.filter&&"none"!==o.filter)return n;n=n.parentNode}return null}(t)||e}function q(t){return["top","bottom"].indexOf(t)>=0?"x":"y"}function z(t,e,n){return g(t,w(e,n))}function P(t){return Object.assign({},{top:0,right:0,bottom:0,left:0},t)}function R(t,e){return e.reduce((function(e,n){return e[n]=t,e}),{})}function H(t){return t.split("-")[1]}var W={top:"auto",right:"auto",bottom:"auto",left:"auto"};function B(t){var e,n=t.popper,o=t.popperRect,r=t.placement,s=t.variation,c=t.offsets,u=t.position,l=t.gpuAcceleration,d=t.adaptive,v=t.roundOffsets,m=t.isFixed,b=c.x,x=void 0===b?0:b,g=c.y,w=void 0===g?0:g,O="function"==typeof v?v({x,y:w}):{x,y:w};x=O.x,w=O.y;var j=c.hasOwnProperty("x"),E=c.hasOwnProperty("y"),M=f,S=i,T=window;if(d){var q=A(n),z="clientHeight",P="clientWidth";q===h(n)&&"static"!==k(q=L(n)).position&&"absolute"===u&&(z="scrollHeight",P="scrollWidth"),q=q,(r===i||(r===f||r===p)&&"end"===s)&&(S=a,w-=(m&&q===T&&T.visualViewport?T.visualViewport.height:q[z])-o.height,w*=l?1:-1),r!==f&&(r!==i&&r!==a||"end"!==s)||(M=p,x-=(m&&q===T&&T.visualViewport?T.visualViewport.width:q[P])-o.width,x*=l?1:-1)}var R,H=Object.assign({position:u},d&&W),B=!0===v?function(t){var e=t.y,n=window.devicePixelRatio||1;return{x:y(t.x*n)/n||0,y:y(e*n)/n||0}}({x,y:w}):{x,y:w};return x=B.x,w=B.y,Object.assign({},H,l?((R={})[S]=E?"0":"",R[M]=j?"0":"",R.transform=(T.devicePixelRatio||1)<=1?"translate("+x+"px, "+w+"px)":"translate3d("+x+"px, "+w+"px, 0)",R):((e={})[S]=E?w+"px":"",e[M]=j?x+"px":"",e.transform="",e))}var D={passive:!0},I={left:"right",right:"left",bottom:"top",top:"bottom"};function C(t){return t.replace(/left|right|bottom|top/g,(function(t){return I[t]}))}var N={start:"end",end:"start"};function U(t){return t.replace(/start|end/g,(function(t){return N[t]}))}function $(t){var e=h(t);return{scrollLeft:e.pageXOffset,scrollTop:e.pageYOffset}}function _(t){return O(L(t)).left+$(t).scrollLeft}function F(t){var e=k(t);return/auto|scroll|overlay|hidden/.test(e.overflow+e.overflowY+e.overflowX)}function V(t){return["html","body","#document"].indexOf(d(t))>=0?t.ownerDocument.body:m(t)&&F(t)?t:V(S(t))}function G(t,e){var n;void 0===e&&(e=[]);var o=V(t),r=o===(null==(n=t.ownerDocument)?void 0:n.body),i=h(o),a=r?[i].concat(i.visualViewport||[],F(o)?o:[]):o,p=e.concat(a);return r?p:p.concat(G(S(a)))}function J(t){return Object.assign({},t,{left:t.x,top:t.y,right:t.x+t.width,bottom:t.y+t.height})}function K(t,e){return"viewport"===e?J(function(t){var e=h(t),n=L(t),o=e.visualViewport,r=n.clientWidth,i=n.clientHeight,a=0,p=0;return o&&(r=o.width,i=o.height,/^((?!chrome|android).)*safari/i.test(navigator.userAgent)||(a=o.offsetLeft,p=o.offsetTop)),{width:r,height:i,x:a+_(t),y:p}}(t)):v(e)?function(t){var e=O(t);return e.top=e.top+t.clientTop,e.left=e.left+t.clientLeft,e.bottom=e.top+t.clientHeight,e.right=e.left+t.clientWidth,e.width=t.clientWidth,e.height=t.clientHeight,e.x=e.left,e.y=e.top,e}(e):J(function(t){var e,n=L(t),o=$(t),r=null==(e=t.ownerDocument)?void 0:e.body,i=g(n.scrollWidth,n.clientWidth,r?r.scrollWidth:0,r?r.clientWidth:0),a=g(n.scrollHeight,n.clientHeight,r?r.scrollHeight:0,r?r.clientHeight:0),p=-o.scrollLeft+_(t),f=-o.scrollTop;return"rtl"===k(r||n).direction&&(p+=g(n.clientWidth,r?r.clientWidth:0)-i),{width:i,height:a,x:p,y:f}}(L(t)))}function Q(t){var e,n=t.reference,o=t.element,r=t.placement,s=r?x(r):null,c=r?H(r):null,u=n.x+n.width/2-o.width/2,l=n.y+n.height/2-o.height/2;switch(s){case i:e={x:u,y:n.y-o.height};break;case a:e={x:u,y:n.y+n.height};break;case p:e={x:n.x+n.width,y:l};break;case f:e={x:n.x-o.width,y:l};break;default:e={x:n.x,y:n.y}}var d=s?q(s):null;if(null!=d){var h="y"===d?"height":"width";switch(c){case"start":e[d]=e[d]-(n[h]/2-o[h]/2);break;case"end":e[d]=e[d]+(n[h]/2-o[h]/2)}}return e}function X(t,e){void 0===e&&(e={});var n=e.placement,o=void 0===n?t.placement:n,r=e.boundary,f=void 0===r?"clippingParents":r,c=e.rootBoundary,u=void 0===c?"viewport":c,l=e.elementContext,h=void 0===l?"popper":l,b=e.altBoundary,x=void 0!==b&&b,y=e.padding,j=void 0===y?0:y,M=P("number"!=typeof j?j:R(j,s)),T=t.rects.popper,q=t.elements[x?"popper"===h?"reference":"popper":h],z=function(t,e,n){var o="clippingParents"===e?function(t){var e=G(S(t)),n=["absolute","fixed"].indexOf(k(t).position)>=0&&m(t)?A(t):t;return v(n)?e.filter((function(t){return v(t)&&E(t,n)&&"body"!==d(t)})):[]}(t):[].concat(e),r=[].concat(o,[n]),i=r.reduce((function(e,n){var o=K(t,n);return e.top=g(o.top,e.top),e.right=w(o.right,e.right),e.bottom=w(o.bottom,e.bottom),e.left=g(o.left,e.left),e}),K(t,r[0]));return i.width=i.right-i.left,i.height=i.bottom-i.top,i.x=i.left,i.y=i.top,i}(v(q)?q:q.contextElement||L(t.elements.popper),f,u),H=O(t.elements.reference),W=Q({reference:H,element:T,strategy:"absolute",placement:o}),B=J(Object.assign({},T,W)),D="popper"===h?B:H,I={top:z.top-D.top+M.top,bottom:D.bottom-z.bottom+M.bottom,left:z.left-D.left+M.left,right:D.right-z.right+M.right},C=t.modifiersData.offset;if("popper"===h&&C){var N=C[o];Object.keys(I).forEach((function(t){var e=[p,a].indexOf(t)>=0?1:-1,n=[i,a].indexOf(t)>=0?"y":"x";I[t]+=N[n]*e}))}return I}function Y(t,e){void 0===e&&(e={});var n=e.boundary,o=e.rootBoundary,r=e.padding,i=e.flipVariations,a=e.allowedAutoPlacements,p=void 0===a?u:a,f=H(e.placement),l=f?i?c:c.filter((function(t){return H(t)===f})):s,d=l.filter((function(t){return p.indexOf(t)>=0}));0===d.length&&(d=l);var h=d.reduce((function(e,i){return e[i]=X(t,{placement:i,boundary:n,rootBoundary:o,padding:r})[x(i)],e}),{});return Object.keys(h).sort((function(t,e){return h[t]-h[e]}))}function Z(t,e,n){return void 0===n&&(n={x:0,y:0}),{top:t.top-e.height-n.y,right:t.right-e.width+n.x,bottom:t.bottom-e.height+n.y,left:t.left-e.width-n.x}}function tt(t){return[i,p,a,f].some((function(e){return t[e]>=0}))}function et(t,e,n){void 0===n&&(n=!1);var o,r,i=m(e),a=m(e)&&function(t){var e=t.getBoundingClientRect(),n=y(e.width)/t.offsetWidth||1,o=y(e.height)/t.offsetHeight||1;return 1!==n||1!==o}(e),p=L(e),f=O(t,a),s={scrollLeft:0,scrollTop:0},c={x:0,y:0};return(i||!i&&!n)&&(("body"!==d(e)||F(p))&&(s=(o=e)!==h(o)&&m(o)?{scrollLeft:(r=o).scrollLeft,scrollTop:r.scrollTop}:$(o)),m(e)?((c=O(e,!0)).x+=e.clientLeft,c.y+=e.clientTop):p&&(c.x=_(p))),{x:f.left+s.scrollLeft-c.x,y:f.top+s.scrollTop-c.y,width:f.width,height:f.height}}function nt(t){var e=new Map,n=new Set,o=[];function r(t){n.add(t.name),[].concat(t.requires||[],t.requiresIfExists||[]).forEach((function(t){if(!n.has(t)){var o=e.get(t);o&&r(o)}})),o.push(t)}return t.forEach((function(t){e.set(t.name,t)})),t.forEach((function(t){n.has(t.name)||r(t)})),o}var ot={placement:"bottom",modifiers:[],strategy:"absolute"};function rt(){for(var t=arguments.length,e=new Array(t),n=0;n<t;n++)e[n]=arguments[n];return!e.some((function(t){return!(t&&"function"==typeof t.getBoundingClientRect)}))}function it(t){void 0===t&&(t={});var e=t.defaultModifiers,n=void 0===e?[]:e,o=t.defaultOptions,r=void 0===o?ot:o;return function(t,e,o){void 0===o&&(o=r);var i,a,p={placement:"bottom",orderedModifiers:[],options:Object.assign({},ot,r),modifiersData:{},elements:{reference:t,popper:e},attributes:{},styles:{}},f=[],s=!1,c={state:p,setOptions:function(o){var i="function"==typeof o?o(p.options):o;u(),p.options=Object.assign({},r,p.options,i),p.scrollParents={reference:v(t)?G(t):t.contextElement?G(t.contextElement):[],popper:G(e)};var a,s,d=function(t){var e=nt(t);return l.reduce((function(t,n){return t.concat(e.filter((function(t){return t.phase===n})))}),[])}((a=[].concat(n,p.options.modifiers),s=a.reduce((function(t,e){var n=t[e.name];return t[e.name]=n?Object.assign({},n,e,{options:Object.assign({},n.options,e.options),data:Object.assign({},n.data,e.data)}):e,t}),{}),Object.keys(s).map((function(t){return s[t]}))));return p.orderedModifiers=d.filter((function(t){return t.enabled})),p.orderedModifiers.forEach((function(t){var e=t.options,n=t.effect;if("function"==typeof n){var o=n({state:p,name:t.name,instance:c,options:void 0===e?{}:e});f.push(o||function(){})}})),c.update()},forceUpdate:function(){if(!s){var t=p.elements,e=t.reference,n=t.popper;if(rt(e,n)){p.rects={reference:et(e,A(n),"fixed"===p.options.strategy),popper:j(n)},p.reset=!1,p.placement=p.options.placement,p.orderedModifiers.forEach((function(t){return p.modifiersData[t.name]=Object.assign({},t.data)}));for(var o=0;o<p.orderedModifiers.length;o++)if(!0!==p.reset){var r=p.orderedModifiers[o],i=r.fn,a=r.options;"function"==typeof i&&(p=i({state:p,options:void 0===a?{}:a,name:r.name,instance:c})||p)}else p.reset=!1,o=-1}}},update:(i=function(){return new Promise((function(t){c.forceUpdate(),t(p)}))},function(){return a||(a=new Promise((function(t){Promise.resolve().then((function(){a=void 0,t(i())}))}))),a}),destroy:function(){u(),s=!0}};if(!rt(t,e))return c;function u(){f.forEach((function(t){return t()})),f=[]}return c.setOptions(o).then((function(t){!s&&o.onFirstUpdate&&o.onFirstUpdate(t)})),c}}var at=it({defaultModifiers:[{name:"eventListeners",enabled:!0,phase:"write",fn:function(){},effect:function(t){var e=t.state,n=t.instance,o=t.options,r=o.scroll,i=void 0===r||r,a=o.resize,p=void 0===a||a,f=h(e.elements.popper),s=[].concat(e.scrollParents.reference,e.scrollParents.popper);return i&&s.forEach((function(t){t.addEventListener("scroll",n.update,D)})),p&&f.addEventListener("resize",n.update,D),function(){i&&s.forEach((function(t){t.removeEventListener("scroll",n.update,D)})),p&&f.removeEventListener("resize",n.update,D)}},data:{}},{name:"popperOffsets",enabled:!0,phase:"read",fn:function(t){var e=t.state;e.modifiersData[t.name]=Q({reference:e.rects.reference,element:e.rects.popper,strategy:"absolute",placement:e.placement})},data:{}},{name:"computeStyles",enabled:!0,phase:"beforeWrite",fn:function(t){var e=t.state,n=t.options,o=n.gpuAcceleration,r=void 0===o||o,i=n.adaptive,a=void 0===i||i,p=n.roundOffsets,f=void 0===p||p,s={placement:x(e.placement),variation:H(e.placement),popper:e.elements.popper,popperRect:e.rects.popper,gpuAcceleration:r,isFixed:"fixed"===e.options.strategy};null!=e.modifiersData.popperOffsets&&(e.styles.popper=Object.assign({},e.styles.popper,B(Object.assign({},s,{offsets:e.modifiersData.popperOffsets,position:e.options.strategy,adaptive:a,roundOffsets:f})))),null!=e.modifiersData.arrow&&(e.styles.arrow=Object.assign({},e.styles.arrow,B(Object.assign({},s,{offsets:e.modifiersData.arrow,position:"absolute",adaptive:!1,roundOffsets:f})))),e.attributes.popper=Object.assign({},e.attributes.popper,{"data-popper-placement":e.placement})},data:{}},{name:"applyStyles",enabled:!0,phase:"write",fn:function(t){var e=t.state;Object.keys(e.elements).forEach((function(t){var n=e.styles[t]||{},o=e.attributes[t]||{},r=e.elements[t];m(r)&&d(r)&&(Object.assign(r.style,n),Object.keys(o).forEach((function(t){var e=o[t];!1===e?r.removeAttribute(t):r.setAttribute(t,!0===e?"":e)})))}))},effect:function(t){var e=t.state,n={popper:{position:e.options.strategy,left:"0",top:"0",margin:"0"},arrow:{position:"absolute"},reference:{}};return Object.assign(e.elements.popper.style,n.popper),e.styles=n,e.elements.arrow&&Object.assign(e.elements.arrow.style,n.arrow),function(){Object.keys(e.elements).forEach((function(t){var o=e.elements[t],r=e.attributes[t]||{},i=Object.keys(e.styles.hasOwnProperty(t)?e.styles[t]:n[t]).reduce((function(t,e){return t[e]="",t}),{});m(o)&&d(o)&&(Object.assign(o.style,i),Object.keys(r).forEach((function(t){o.removeAttribute(t)})))}))}},requires:["computeStyles"]},{name:"offset",enabled:!0,phase:"main",requires:["popperOffsets"],fn:function(t){var e=t.state,n=t.name,o=t.options.offset,r=void 0===o?[0,0]:o,a=u.reduce((function(t,n){return t[n]=function(t,e,n){var o=x(t),r=[f,i].indexOf(o)>=0?-1:1,a="function"==typeof n?n(Object.assign({},e,{placement:t})):n,s=a[0],c=a[1];return s=s||0,c=(c||0)*r,[f,p].indexOf(o)>=0?{x:c,y:s}:{x:s,y:c}}(n,e.rects,r),t}),{}),s=a[e.placement],c=s.y;null!=e.modifiersData.popperOffsets&&(e.modifiersData.popperOffsets.x+=s.x,e.modifiersData.popperOffsets.y+=c),e.modifiersData[n]=a}},{name:"flip",enabled:!0,phase:"main",fn:function(t){var e=t.state,n=t.options,o=t.name;if(!e.modifiersData[o]._skip){for(var r=n.mainAxis,s=void 0===r||r,c=n.altAxis,u=void 0===c||c,l=n.fallbackPlacements,d=n.padding,h=n.boundary,v=n.rootBoundary,m=n.altBoundary,b=n.flipVariations,g=void 0===b||b,w=n.allowedAutoPlacements,y=e.options.placement,O=x(y),j=l||(O!==y&&g?function(t){if("auto"===x(t))return[];var e=C(t);return[U(t),e,U(e)]}(y):[C(y)]),E=[y].concat(j).reduce((function(t,n){return t.concat("auto"===x(n)?Y(e,{placement:n,boundary:h,rootBoundary:v,padding:d,flipVariations:g,allowedAutoPlacements:w}):n)}),[]),k=e.rects.reference,M=e.rects.popper,L=new Map,S=!0,T=E[0],A=0;A<E.length;A++){var q=E[A],z=x(q),P="start"===H(q),R=[i,a].indexOf(z)>=0,W=R?"width":"height",B=X(e,{placement:q,boundary:h,rootBoundary:v,altBoundary:m,padding:d}),D=R?P?p:f:P?a:i;k[W]>M[W]&&(D=C(D));var I=C(D),N=[];if(s&&N.push(B[z]<=0),u&&N.push(B[D]<=0,B[I]<=0),N.every((function(t){return t}))){T=q,S=!1;break}L.set(q,N)}if(S)for(var $=function(t){var e=E.find((function(e){var n=L.get(e);if(n)return n.slice(0,t).every((function(t){return t}))}));if(e)return T=e,"break"},_=g?3:1;_>0&&"break"!==$(_);_--);e.placement!==T&&(e.modifiersData[o]._skip=!0,e.placement=T,e.reset=!0)}},requiresIfExists:["offset"],data:{_skip:!1}},{name:"preventOverflow",enabled:!0,phase:"main",fn:function(t){var e=t.state,n=t.options,o=t.name,r=n.mainAxis,s=void 0===r||r,c=n.altAxis,u=void 0!==c&&c,l=n.tether,d=void 0===l||l,h=n.tetherOffset,v=void 0===h?0:h,m=X(e,{boundary:n.boundary,rootBoundary:n.rootBoundary,padding:n.padding,altBoundary:n.altBoundary}),b=x(e.placement),y=H(e.placement),O=!y,E=q(b),k="x"===E?"y":"x",M=e.modifiersData.popperOffsets,L=e.rects.reference,S=e.rects.popper,T="function"==typeof v?v(Object.assign({},e.rects,{placement:e.placement})):v,P="number"==typeof T?{mainAxis:T,altAxis:T}:Object.assign({mainAxis:0,altAxis:0},T),R=e.modifiersData.offset?e.modifiersData.offset[e.placement]:null,W={x:0,y:0};if(M){if(s){var B,D="y"===E?i:f,I="y"===E?a:p,C="y"===E?"height":"width",N=M[E],U=N+m[D],$=N-m[I],_=d?-S[C]/2:0,F="start"===y?L[C]:S[C],V="start"===y?-S[C]:-L[C],G=e.elements.arrow,J=d&&G?j(G):{width:0,height:0},K=e.modifiersData["arrow#persistent"]?e.modifiersData["arrow#persistent"].padding:{top:0,right:0,bottom:0,left:0},Q=K[D],Y=K[I],Z=z(0,L[C],J[C]),tt=O?L[C]/2-_-Z-Q-P.mainAxis:F-Z-Q-P.mainAxis,et=O?-L[C]/2+_+Z+Y+P.mainAxis:V+Z+Y+P.mainAxis,nt=e.elements.arrow&&A(e.elements.arrow),ot=null!=(B=null==R?void 0:R[E])?B:0,rt=N+et-ot,it=z(d?w(U,N+tt-ot-(nt?"y"===E?nt.clientTop||0:nt.clientLeft||0:0)):U,N,d?g($,rt):$);M[E]=it,W[E]=it-N}if(u){var at,pt=M[k],ft="y"===k?"height":"width",st=pt+m["x"===E?i:f],ct=pt-m["x"===E?a:p],ut=-1!==[i,f].indexOf(b),lt=null!=(at=null==R?void 0:R[k])?at:0,dt=ut?st:pt-L[ft]-S[ft]-lt+P.altAxis,ht=ut?pt+L[ft]+S[ft]-lt-P.altAxis:ct,vt=d&&ut?function(t,e,n){var o=z(t,e,n);return o>n?n:o}(dt,pt,ht):z(d?dt:st,pt,d?ht:ct);M[k]=vt,W[k]=vt-pt}e.modifiersData[o]=W}},requiresIfExists:["offset"]},{name:"arrow",enabled:!0,phase:"main",fn:function(t){var e,n=t.state,o=t.name,r=t.options,c=n.elements.arrow,u=n.modifiersData.popperOffsets,l=x(n.placement),d=q(l),h=[f,p].indexOf(l)>=0?"height":"width";if(c&&u){var v=function(t,e){return P("number"!=typeof(t="function"==typeof t?t(Object.assign({},e.rects,{placement:e.placement})):t)?t:R(t,s))}(r.padding,n),m=j(c),b="y"===d?i:f,g="y"===d?a:p,w=n.rects.reference[h]+n.rects.reference[d]-u[d]-n.rects.popper[h],y=u[d]-n.rects.reference[d],O=A(c),E=O?"y"===d?O.clientHeight||0:O.clientWidth||0:0,k=E/2-m[h]/2+(w/2-y/2),M=z(v[b],k,E-m[h]-v[g]);n.modifiersData[o]=((e={})[d]=M,e.centerOffset=M-k,e)}},effect:function(t){var e=t.state,n=t.options.element,o=void 0===n?"[data-popper-arrow]":n;null!=o&&("string"!=typeof o||(o=e.elements.popper.querySelector(o)))&&E(e.elements.popper,o)&&(e.elements.arrow=o)},requires:["popperOffsets"],requiresIfExists:["preventOverflow"]},{name:"hide",enabled:!0,phase:"main",requiresIfExists:["preventOverflow"],fn:function(t){var e=t.state,n=t.name,o=e.rects.reference,r=e.rects.popper,i=e.modifiersData.preventOverflow,a=X(e,{elementContext:"reference"}),p=X(e,{altBoundary:!0}),f=Z(a,o),s=Z(p,r,i),c=tt(f),u=tt(s);e.modifiersData[n]={referenceClippingOffsets:f,popperEscapeOffsets:s,isReferenceHidden:c,hasPopperEscaped:u},e.attributes.popper=Object.assign({},e.attributes.popper,{"data-popper-reference-hidden":c,"data-popper-escaped":u})}}]}),pt={name:"maxSize",enabled:!0,phase:"main",requiresIfExists:["offset","preventOverflow","flip"],fn:function(t){var e=t.state,n=t.name,o=X(e,t.options),r=e.modifiersData.preventOverflow||{x:0,y:0},i=r.x,a=r.y,p=e.rects.popper,f=p.width,s=p.height,c=e.placement.split("-")[0];e.modifiersData[n]={width:f-o["left"===c?"left":"right"]-i,height:s-o["top"===c?"top":"bottom"]-a}}};let ft=class{constructor(e){t(this,e),this.position="top",this.noArrow=!1,this.active=!1,this.hidden=!0,this.applyMaxSize={name:"applyMaxSize",enabled:!0,phase:"beforeWrite",requires:["maxSize"],fn({state:t}){let{width:e}=t.modifiersData.maxSize;e<160&&(e=160),t.styles.popper=Object.assign(Object.assign({},t.styles.popper),{maxWidth:`${e}px`})}}}async activate(){this.active=!0}async deactivate(){this.active=!1}watchPosition(){this.popper&&this.popper.setOptions({placement:this.position})}watchActive(){var t;this.active?(this.hidden=!1,this.stateless||setTimeout((()=>{var t;null===(t=this.popper)||void 0===t||t.setOptions({modifiers:[{name:"eventListeners",enabled:!0}]})}))):(this.stateless||null===(t=this.popper)||void 0===t||t.setOptions({modifiers:[{name:"eventListeners",enabled:!1}]}),setTimeout((()=>this.hidden=!0),150))}listenClick(t){t.stopPropagation()}componentDidLoad(){var t;if(this.popper)return;const e=null===(t=this.element.shadowRoot)||void 0===t?void 0:t.querySelector(".tooltip");if(!(e instanceof HTMLElement))throw new Error("tooltip element is not instanceof HTMLElement");this.target=this.getTarget(),this.popper=at(this.target,e,{placement:this.position,modifiers:[pt,this.applyMaxSize]}),this.callbacks={activate:()=>this.active=!0,deactivate:()=>this.active=!1},this.stateless||(this.target.addEventListener("mouseenter",this.callbacks.activate),this.target.addEventListener("mouseleave",this.callbacks.deactivate),this.target.addEventListener("focus",this.callbacks.activate),this.target.addEventListener("blur",this.callbacks.deactivate))}disconnectedCallback(){var t;null===(t=this.popper)||void 0===t||t.destroy(),!this.stateless&&this.target&&this.callbacks&&(this.target.removeEventListener("mouseenter",this.callbacks.activate),this.target.removeEventListener("mouseleave",this.callbacks.deactivate),this.target.removeEventListener("focus",this.callbacks.activate),this.target.removeEventListener("blur",this.callbacks.deactivate)),this.callbacks=void 0,this.target=void 0}componentDidRender(){var t;this.active&&(null===(t=this.popper)||void 0===t||t.update())}render(){return e(n,{class:{hidden:this.hidden}},e("div",{class:r("tooltip",{in:this.active}),role:"tooltip"},!this.noArrow&&e("div",{"data-popper-arrow":!0,class:"tooltip-arrow"}),e("div",{class:r("tooltip-inner",{"dso-small":this.small})},e("slot",null))))}getTarget(){if(this.for instanceof HTMLElement)return this.for;if("string"==typeof this.for){const t=this.element.getRootNode();if(!(t instanceof Document||t instanceof ShadowRoot))throw new Error("rootNode is not instance of Document or ShadowRoot");const e=t.getElementById(this.for);if(!e)throw new Error(`Unable to find reference with id ${this.for}`);return e}const{parentElement:t}=this.element;if(!t)throw new Error("No reference given with [for] attribute but no parent found either");return t}get element(){return o(this)}static get watchers(){return{position:["watchPosition"],active:["watchActive"]}}};ft.style=":host(.hidden){visibility:hidden}:host-context(dso-toggletip){color:red !important}:host-context(dso-toggletip) *[data-popper-placement=top] .tooltip-arrow{margin-left:3px}:host-context(dso-toggletip) *[data-popper-placement=right] .tooltip-arrow{margin-top:0}:host-context(dso-toggletip) *[data-popper-placement=bottom] .tooltip-arrow{margin-left:3px}:host-context(dso-toggletip) *[data-popper-placement=left]{margin-right:-8px !important}:host-context(dso-toggletip) *[data-popper-placement=left] .tooltip-arrow{margin-top:0}*,*::after,*::before{box-sizing:border-box}.tooltip{font-family:Asap, sans-serif;font-style:normal;font-weight:400;line-height:1.5;line-break:auto;text-align:left;text-align:start;text-decoration:none;text-shadow:none;text-transform:none;letter-spacing:normal;word-break:normal;word-spacing:normal;word-wrap:normal;white-space:normal;display:block;filter:drop-shadow(0 2px 8px rgba(0, 0, 0, 0.4));font-size:14px;opacity:0;position:absolute;transition:opacity 0.15s linear;z-index:410}.tooltip.in{opacity:1}.tooltip .tooltip-inner{background-color:#fff;border-radius:4px;color:#191919;display:inline-block;font-size:16px;max-width:640px;padding:8px 16px;position:relative}.tooltip .tooltip-inner.dso-small{max-width:320px}.tooltip .tooltip-arrow{border-color:transparent;border-style:solid;height:0;width:0}.tooltip[data-popper-placement=top]{margin-top:-3px;padding:6px 0}.tooltip[data-popper-placement=top] .tooltip-arrow{border-top-color:#fff;border-width:6px 6px 0;bottom:0}.tooltip[data-popper-placement=top] .tooltip-arrow{margin-left:-3px}.tooltip[data-popper-placement=right]{margin-left:3px;padding:0 6px}.tooltip[data-popper-placement=right] .tooltip-arrow{border-right-color:#fff;border-width:6px 6px 6px 0;left:0}.tooltip[data-popper-placement=right] .tooltip-arrow{margin-top:-3px}.tooltip[data-popper-placement=bottom]{margin-top:3px;padding:6px 0}.tooltip[data-popper-placement=bottom] .tooltip-arrow{border-bottom-color:#fff;border-width:0 6px 6px;top:0}.tooltip[data-popper-placement=bottom] .tooltip-arrow{margin-left:-3px}.tooltip[data-popper-placement=left]{margin-left:-3px;padding:0 6px}.tooltip[data-popper-placement=left] .tooltip-arrow{border-left-color:#fff;border-width:6px 0 6px 6px;right:0}.tooltip[data-popper-placement=left] .tooltip-arrow{margin-top:-3px}";export{ft as dso_tooltip}
|
|
1
|
+
import{r as t,h as e,H as n,g as o}from"./p-c62606a3.js";import{c as r}from"./p-4070c1e5.js";var i="top",a="bottom",p="right",f="left",s=[i,a,p,f],c=s.reduce((function(t,e){return t.concat([e+"-start",e+"-end"])}),[]),u=[].concat(s,["auto"]).reduce((function(t,e){return t.concat([e,e+"-start",e+"-end"])}),[]),l=["beforeRead","read","afterRead","beforeMain","main","afterMain","beforeWrite","write","afterWrite"];function d(t){return t?(t.nodeName||"").toLowerCase():null}function h(t){if(null==t)return window;if("[object Window]"!==t.toString()){var e=t.ownerDocument;return e&&e.defaultView||window}return t}function v(t){return t instanceof h(t).Element||t instanceof Element}function m(t){return t instanceof h(t).HTMLElement||t instanceof HTMLElement}function b(t){return"undefined"!=typeof ShadowRoot&&(t instanceof h(t).ShadowRoot||t instanceof ShadowRoot)}function x(t){return t.split("-")[0]}var g=Math.max,w=Math.min,y=Math.round;function O(t,e){void 0===e&&(e=!1);var n=t.getBoundingClientRect(),o=1,r=1;if(m(t)&&e){var i=t.offsetHeight,a=t.offsetWidth;a>0&&(o=y(n.width)/a||1),i>0&&(r=y(n.height)/i||1)}return{width:n.width/o,height:n.height/r,top:n.top/r,right:n.right/o,bottom:n.bottom/r,left:n.left/o,x:n.left/o,y:n.top/r}}function j(t){var e=O(t),n=t.offsetWidth,o=t.offsetHeight;return Math.abs(e.width-n)<=1&&(n=e.width),Math.abs(e.height-o)<=1&&(o=e.height),{x:t.offsetLeft,y:t.offsetTop,width:n,height:o}}function E(t,e){var n=e.getRootNode&&e.getRootNode();if(t.contains(e))return!0;if(n&&b(n)){var o=e;do{if(o&&t.isSameNode(o))return!0;o=o.parentNode||o.host}while(o)}return!1}function k(t){return h(t).getComputedStyle(t)}function M(t){return["table","td","th"].indexOf(d(t))>=0}function L(t){return((v(t)?t.ownerDocument:t.document)||window.document).documentElement}function S(t){return"html"===d(t)?t:t.assignedSlot||t.parentNode||(b(t)?t.host:null)||L(t)}function T(t){return m(t)&&"fixed"!==k(t).position?t.offsetParent:null}function A(t){for(var e=h(t),n=T(t);n&&M(n)&&"static"===k(n).position;)n=T(n);return n&&("html"===d(n)||"body"===d(n)&&"static"===k(n).position)?e:n||function(t){var e=-1!==navigator.userAgent.toLowerCase().indexOf("firefox");if(-1!==navigator.userAgent.indexOf("Trident")&&m(t)&&"fixed"===k(t).position)return null;var n=S(t);for(b(n)&&(n=n.host);m(n)&&["html","body"].indexOf(d(n))<0;){var o=k(n);if("none"!==o.transform||"none"!==o.perspective||"paint"===o.contain||-1!==["transform","perspective"].indexOf(o.willChange)||e&&"filter"===o.willChange||e&&o.filter&&"none"!==o.filter)return n;n=n.parentNode}return null}(t)||e}function q(t){return["top","bottom"].indexOf(t)>=0?"x":"y"}function z(t,e,n){return g(t,w(e,n))}function P(t){return Object.assign({},{top:0,right:0,bottom:0,left:0},t)}function R(t,e){return e.reduce((function(e,n){return e[n]=t,e}),{})}function H(t){return t.split("-")[1]}var W={top:"auto",right:"auto",bottom:"auto",left:"auto"};function B(t){var e,n=t.popper,o=t.popperRect,r=t.placement,s=t.variation,c=t.offsets,u=t.position,l=t.gpuAcceleration,d=t.adaptive,v=t.roundOffsets,m=t.isFixed,b=c.x,x=void 0===b?0:b,g=c.y,w=void 0===g?0:g,O="function"==typeof v?v({x,y:w}):{x,y:w};x=O.x,w=O.y;var j=c.hasOwnProperty("x"),E=c.hasOwnProperty("y"),M=f,S=i,T=window;if(d){var q=A(n),z="clientHeight",P="clientWidth";q===h(n)&&"static"!==k(q=L(n)).position&&"absolute"===u&&(z="scrollHeight",P="scrollWidth"),q=q,(r===i||(r===f||r===p)&&"end"===s)&&(S=a,w-=(m&&q===T&&T.visualViewport?T.visualViewport.height:q[z])-o.height,w*=l?1:-1),r!==f&&(r!==i&&r!==a||"end"!==s)||(M=p,x-=(m&&q===T&&T.visualViewport?T.visualViewport.width:q[P])-o.width,x*=l?1:-1)}var R,H=Object.assign({position:u},d&&W),B=!0===v?function(t){var e=t.y,n=window.devicePixelRatio||1;return{x:y(t.x*n)/n||0,y:y(e*n)/n||0}}({x,y:w}):{x,y:w};return x=B.x,w=B.y,Object.assign({},H,l?((R={})[S]=E?"0":"",R[M]=j?"0":"",R.transform=(T.devicePixelRatio||1)<=1?"translate("+x+"px, "+w+"px)":"translate3d("+x+"px, "+w+"px, 0)",R):((e={})[S]=E?w+"px":"",e[M]=j?x+"px":"",e.transform="",e))}var D={passive:!0},I={left:"right",right:"left",bottom:"top",top:"bottom"};function C(t){return t.replace(/left|right|bottom|top/g,(function(t){return I[t]}))}var N={start:"end",end:"start"};function U(t){return t.replace(/start|end/g,(function(t){return N[t]}))}function $(t){var e=h(t);return{scrollLeft:e.pageXOffset,scrollTop:e.pageYOffset}}function _(t){return O(L(t)).left+$(t).scrollLeft}function F(t){var e=k(t);return/auto|scroll|overlay|hidden/.test(e.overflow+e.overflowY+e.overflowX)}function V(t){return["html","body","#document"].indexOf(d(t))>=0?t.ownerDocument.body:m(t)&&F(t)?t:V(S(t))}function G(t,e){var n;void 0===e&&(e=[]);var o=V(t),r=o===(null==(n=t.ownerDocument)?void 0:n.body),i=h(o),a=r?[i].concat(i.visualViewport||[],F(o)?o:[]):o,p=e.concat(a);return r?p:p.concat(G(S(a)))}function J(t){return Object.assign({},t,{left:t.x,top:t.y,right:t.x+t.width,bottom:t.y+t.height})}function K(t,e){return"viewport"===e?J(function(t){var e=h(t),n=L(t),o=e.visualViewport,r=n.clientWidth,i=n.clientHeight,a=0,p=0;return o&&(r=o.width,i=o.height,/^((?!chrome|android).)*safari/i.test(navigator.userAgent)||(a=o.offsetLeft,p=o.offsetTop)),{width:r,height:i,x:a+_(t),y:p}}(t)):v(e)?function(t){var e=O(t);return e.top=e.top+t.clientTop,e.left=e.left+t.clientLeft,e.bottom=e.top+t.clientHeight,e.right=e.left+t.clientWidth,e.width=t.clientWidth,e.height=t.clientHeight,e.x=e.left,e.y=e.top,e}(e):J(function(t){var e,n=L(t),o=$(t),r=null==(e=t.ownerDocument)?void 0:e.body,i=g(n.scrollWidth,n.clientWidth,r?r.scrollWidth:0,r?r.clientWidth:0),a=g(n.scrollHeight,n.clientHeight,r?r.scrollHeight:0,r?r.clientHeight:0),p=-o.scrollLeft+_(t),f=-o.scrollTop;return"rtl"===k(r||n).direction&&(p+=g(n.clientWidth,r?r.clientWidth:0)-i),{width:i,height:a,x:p,y:f}}(L(t)))}function Q(t){var e,n=t.reference,o=t.element,r=t.placement,s=r?x(r):null,c=r?H(r):null,u=n.x+n.width/2-o.width/2,l=n.y+n.height/2-o.height/2;switch(s){case i:e={x:u,y:n.y-o.height};break;case a:e={x:u,y:n.y+n.height};break;case p:e={x:n.x+n.width,y:l};break;case f:e={x:n.x-o.width,y:l};break;default:e={x:n.x,y:n.y}}var d=s?q(s):null;if(null!=d){var h="y"===d?"height":"width";switch(c){case"start":e[d]=e[d]-(n[h]/2-o[h]/2);break;case"end":e[d]=e[d]+(n[h]/2-o[h]/2)}}return e}function X(t,e){void 0===e&&(e={});var n=e.placement,o=void 0===n?t.placement:n,r=e.boundary,f=void 0===r?"clippingParents":r,c=e.rootBoundary,u=void 0===c?"viewport":c,l=e.elementContext,h=void 0===l?"popper":l,b=e.altBoundary,x=void 0!==b&&b,y=e.padding,j=void 0===y?0:y,M=P("number"!=typeof j?j:R(j,s)),T=t.rects.popper,q=t.elements[x?"popper"===h?"reference":"popper":h],z=function(t,e,n){var o="clippingParents"===e?function(t){var e=G(S(t)),n=["absolute","fixed"].indexOf(k(t).position)>=0&&m(t)?A(t):t;return v(n)?e.filter((function(t){return v(t)&&E(t,n)&&"body"!==d(t)})):[]}(t):[].concat(e),r=[].concat(o,[n]),i=r.reduce((function(e,n){var o=K(t,n);return e.top=g(o.top,e.top),e.right=w(o.right,e.right),e.bottom=w(o.bottom,e.bottom),e.left=g(o.left,e.left),e}),K(t,r[0]));return i.width=i.right-i.left,i.height=i.bottom-i.top,i.x=i.left,i.y=i.top,i}(v(q)?q:q.contextElement||L(t.elements.popper),f,u),H=O(t.elements.reference),W=Q({reference:H,element:T,strategy:"absolute",placement:o}),B=J(Object.assign({},T,W)),D="popper"===h?B:H,I={top:z.top-D.top+M.top,bottom:D.bottom-z.bottom+M.bottom,left:z.left-D.left+M.left,right:D.right-z.right+M.right},C=t.modifiersData.offset;if("popper"===h&&C){var N=C[o];Object.keys(I).forEach((function(t){var e=[p,a].indexOf(t)>=0?1:-1,n=[i,a].indexOf(t)>=0?"y":"x";I[t]+=N[n]*e}))}return I}function Y(t,e){void 0===e&&(e={});var n=e.boundary,o=e.rootBoundary,r=e.padding,i=e.flipVariations,a=e.allowedAutoPlacements,p=void 0===a?u:a,f=H(e.placement),l=f?i?c:c.filter((function(t){return H(t)===f})):s,d=l.filter((function(t){return p.indexOf(t)>=0}));0===d.length&&(d=l);var h=d.reduce((function(e,i){return e[i]=X(t,{placement:i,boundary:n,rootBoundary:o,padding:r})[x(i)],e}),{});return Object.keys(h).sort((function(t,e){return h[t]-h[e]}))}function Z(t,e,n){return void 0===n&&(n={x:0,y:0}),{top:t.top-e.height-n.y,right:t.right-e.width+n.x,bottom:t.bottom-e.height+n.y,left:t.left-e.width-n.x}}function tt(t){return[i,p,a,f].some((function(e){return t[e]>=0}))}function et(t,e,n){void 0===n&&(n=!1);var o,r,i=m(e),a=m(e)&&function(t){var e=t.getBoundingClientRect(),n=y(e.width)/t.offsetWidth||1,o=y(e.height)/t.offsetHeight||1;return 1!==n||1!==o}(e),p=L(e),f=O(t,a),s={scrollLeft:0,scrollTop:0},c={x:0,y:0};return(i||!i&&!n)&&(("body"!==d(e)||F(p))&&(s=(o=e)!==h(o)&&m(o)?{scrollLeft:(r=o).scrollLeft,scrollTop:r.scrollTop}:$(o)),m(e)?((c=O(e,!0)).x+=e.clientLeft,c.y+=e.clientTop):p&&(c.x=_(p))),{x:f.left+s.scrollLeft-c.x,y:f.top+s.scrollTop-c.y,width:f.width,height:f.height}}function nt(t){var e=new Map,n=new Set,o=[];function r(t){n.add(t.name),[].concat(t.requires||[],t.requiresIfExists||[]).forEach((function(t){if(!n.has(t)){var o=e.get(t);o&&r(o)}})),o.push(t)}return t.forEach((function(t){e.set(t.name,t)})),t.forEach((function(t){n.has(t.name)||r(t)})),o}var ot={placement:"bottom",modifiers:[],strategy:"absolute"};function rt(){for(var t=arguments.length,e=new Array(t),n=0;n<t;n++)e[n]=arguments[n];return!e.some((function(t){return!(t&&"function"==typeof t.getBoundingClientRect)}))}function it(t){void 0===t&&(t={});var e=t.defaultModifiers,n=void 0===e?[]:e,o=t.defaultOptions,r=void 0===o?ot:o;return function(t,e,o){void 0===o&&(o=r);var i,a,p={placement:"bottom",orderedModifiers:[],options:Object.assign({},ot,r),modifiersData:{},elements:{reference:t,popper:e},attributes:{},styles:{}},f=[],s=!1,c={state:p,setOptions:function(o){var i="function"==typeof o?o(p.options):o;u(),p.options=Object.assign({},r,p.options,i),p.scrollParents={reference:v(t)?G(t):t.contextElement?G(t.contextElement):[],popper:G(e)};var a,s,d=function(t){var e=nt(t);return l.reduce((function(t,n){return t.concat(e.filter((function(t){return t.phase===n})))}),[])}((a=[].concat(n,p.options.modifiers),s=a.reduce((function(t,e){var n=t[e.name];return t[e.name]=n?Object.assign({},n,e,{options:Object.assign({},n.options,e.options),data:Object.assign({},n.data,e.data)}):e,t}),{}),Object.keys(s).map((function(t){return s[t]}))));return p.orderedModifiers=d.filter((function(t){return t.enabled})),p.orderedModifiers.forEach((function(t){var e=t.options,n=t.effect;if("function"==typeof n){var o=n({state:p,name:t.name,instance:c,options:void 0===e?{}:e});f.push(o||function(){})}})),c.update()},forceUpdate:function(){if(!s){var t=p.elements,e=t.reference,n=t.popper;if(rt(e,n)){p.rects={reference:et(e,A(n),"fixed"===p.options.strategy),popper:j(n)},p.reset=!1,p.placement=p.options.placement,p.orderedModifiers.forEach((function(t){return p.modifiersData[t.name]=Object.assign({},t.data)}));for(var o=0;o<p.orderedModifiers.length;o++)if(!0!==p.reset){var r=p.orderedModifiers[o],i=r.fn,a=r.options;"function"==typeof i&&(p=i({state:p,options:void 0===a?{}:a,name:r.name,instance:c})||p)}else p.reset=!1,o=-1}}},update:(i=function(){return new Promise((function(t){c.forceUpdate(),t(p)}))},function(){return a||(a=new Promise((function(t){Promise.resolve().then((function(){a=void 0,t(i())}))}))),a}),destroy:function(){u(),s=!0}};if(!rt(t,e))return c;function u(){f.forEach((function(t){return t()})),f=[]}return c.setOptions(o).then((function(t){!s&&o.onFirstUpdate&&o.onFirstUpdate(t)})),c}}var at=it({defaultModifiers:[{name:"eventListeners",enabled:!0,phase:"write",fn:function(){},effect:function(t){var e=t.state,n=t.instance,o=t.options,r=o.scroll,i=void 0===r||r,a=o.resize,p=void 0===a||a,f=h(e.elements.popper),s=[].concat(e.scrollParents.reference,e.scrollParents.popper);return i&&s.forEach((function(t){t.addEventListener("scroll",n.update,D)})),p&&f.addEventListener("resize",n.update,D),function(){i&&s.forEach((function(t){t.removeEventListener("scroll",n.update,D)})),p&&f.removeEventListener("resize",n.update,D)}},data:{}},{name:"popperOffsets",enabled:!0,phase:"read",fn:function(t){var e=t.state;e.modifiersData[t.name]=Q({reference:e.rects.reference,element:e.rects.popper,strategy:"absolute",placement:e.placement})},data:{}},{name:"computeStyles",enabled:!0,phase:"beforeWrite",fn:function(t){var e=t.state,n=t.options,o=n.gpuAcceleration,r=void 0===o||o,i=n.adaptive,a=void 0===i||i,p=n.roundOffsets,f=void 0===p||p,s={placement:x(e.placement),variation:H(e.placement),popper:e.elements.popper,popperRect:e.rects.popper,gpuAcceleration:r,isFixed:"fixed"===e.options.strategy};null!=e.modifiersData.popperOffsets&&(e.styles.popper=Object.assign({},e.styles.popper,B(Object.assign({},s,{offsets:e.modifiersData.popperOffsets,position:e.options.strategy,adaptive:a,roundOffsets:f})))),null!=e.modifiersData.arrow&&(e.styles.arrow=Object.assign({},e.styles.arrow,B(Object.assign({},s,{offsets:e.modifiersData.arrow,position:"absolute",adaptive:!1,roundOffsets:f})))),e.attributes.popper=Object.assign({},e.attributes.popper,{"data-popper-placement":e.placement})},data:{}},{name:"applyStyles",enabled:!0,phase:"write",fn:function(t){var e=t.state;Object.keys(e.elements).forEach((function(t){var n=e.styles[t]||{},o=e.attributes[t]||{},r=e.elements[t];m(r)&&d(r)&&(Object.assign(r.style,n),Object.keys(o).forEach((function(t){var e=o[t];!1===e?r.removeAttribute(t):r.setAttribute(t,!0===e?"":e)})))}))},effect:function(t){var e=t.state,n={popper:{position:e.options.strategy,left:"0",top:"0",margin:"0"},arrow:{position:"absolute"},reference:{}};return Object.assign(e.elements.popper.style,n.popper),e.styles=n,e.elements.arrow&&Object.assign(e.elements.arrow.style,n.arrow),function(){Object.keys(e.elements).forEach((function(t){var o=e.elements[t],r=e.attributes[t]||{},i=Object.keys(e.styles.hasOwnProperty(t)?e.styles[t]:n[t]).reduce((function(t,e){return t[e]="",t}),{});m(o)&&d(o)&&(Object.assign(o.style,i),Object.keys(r).forEach((function(t){o.removeAttribute(t)})))}))}},requires:["computeStyles"]},{name:"offset",enabled:!0,phase:"main",requires:["popperOffsets"],fn:function(t){var e=t.state,n=t.name,o=t.options.offset,r=void 0===o?[0,0]:o,a=u.reduce((function(t,n){return t[n]=function(t,e,n){var o=x(t),r=[f,i].indexOf(o)>=0?-1:1,a="function"==typeof n?n(Object.assign({},e,{placement:t})):n,s=a[0],c=a[1];return s=s||0,c=(c||0)*r,[f,p].indexOf(o)>=0?{x:c,y:s}:{x:s,y:c}}(n,e.rects,r),t}),{}),s=a[e.placement],c=s.y;null!=e.modifiersData.popperOffsets&&(e.modifiersData.popperOffsets.x+=s.x,e.modifiersData.popperOffsets.y+=c),e.modifiersData[n]=a}},{name:"flip",enabled:!0,phase:"main",fn:function(t){var e=t.state,n=t.options,o=t.name;if(!e.modifiersData[o]._skip){for(var r=n.mainAxis,s=void 0===r||r,c=n.altAxis,u=void 0===c||c,l=n.fallbackPlacements,d=n.padding,h=n.boundary,v=n.rootBoundary,m=n.altBoundary,b=n.flipVariations,g=void 0===b||b,w=n.allowedAutoPlacements,y=e.options.placement,O=x(y),j=l||(O!==y&&g?function(t){if("auto"===x(t))return[];var e=C(t);return[U(t),e,U(e)]}(y):[C(y)]),E=[y].concat(j).reduce((function(t,n){return t.concat("auto"===x(n)?Y(e,{placement:n,boundary:h,rootBoundary:v,padding:d,flipVariations:g,allowedAutoPlacements:w}):n)}),[]),k=e.rects.reference,M=e.rects.popper,L=new Map,S=!0,T=E[0],A=0;A<E.length;A++){var q=E[A],z=x(q),P="start"===H(q),R=[i,a].indexOf(z)>=0,W=R?"width":"height",B=X(e,{placement:q,boundary:h,rootBoundary:v,altBoundary:m,padding:d}),D=R?P?p:f:P?a:i;k[W]>M[W]&&(D=C(D));var I=C(D),N=[];if(s&&N.push(B[z]<=0),u&&N.push(B[D]<=0,B[I]<=0),N.every((function(t){return t}))){T=q,S=!1;break}L.set(q,N)}if(S)for(var $=function(t){var e=E.find((function(e){var n=L.get(e);if(n)return n.slice(0,t).every((function(t){return t}))}));if(e)return T=e,"break"},_=g?3:1;_>0&&"break"!==$(_);_--);e.placement!==T&&(e.modifiersData[o]._skip=!0,e.placement=T,e.reset=!0)}},requiresIfExists:["offset"],data:{_skip:!1}},{name:"preventOverflow",enabled:!0,phase:"main",fn:function(t){var e=t.state,n=t.options,o=t.name,r=n.mainAxis,s=void 0===r||r,c=n.altAxis,u=void 0!==c&&c,l=n.tether,d=void 0===l||l,h=n.tetherOffset,v=void 0===h?0:h,m=X(e,{boundary:n.boundary,rootBoundary:n.rootBoundary,padding:n.padding,altBoundary:n.altBoundary}),b=x(e.placement),y=H(e.placement),O=!y,E=q(b),k="x"===E?"y":"x",M=e.modifiersData.popperOffsets,L=e.rects.reference,S=e.rects.popper,T="function"==typeof v?v(Object.assign({},e.rects,{placement:e.placement})):v,P="number"==typeof T?{mainAxis:T,altAxis:T}:Object.assign({mainAxis:0,altAxis:0},T),R=e.modifiersData.offset?e.modifiersData.offset[e.placement]:null,W={x:0,y:0};if(M){if(s){var B,D="y"===E?i:f,I="y"===E?a:p,C="y"===E?"height":"width",N=M[E],U=N+m[D],$=N-m[I],_=d?-S[C]/2:0,F="start"===y?L[C]:S[C],V="start"===y?-S[C]:-L[C],G=e.elements.arrow,J=d&&G?j(G):{width:0,height:0},K=e.modifiersData["arrow#persistent"]?e.modifiersData["arrow#persistent"].padding:{top:0,right:0,bottom:0,left:0},Q=K[D],Y=K[I],Z=z(0,L[C],J[C]),tt=O?L[C]/2-_-Z-Q-P.mainAxis:F-Z-Q-P.mainAxis,et=O?-L[C]/2+_+Z+Y+P.mainAxis:V+Z+Y+P.mainAxis,nt=e.elements.arrow&&A(e.elements.arrow),ot=null!=(B=null==R?void 0:R[E])?B:0,rt=N+et-ot,it=z(d?w(U,N+tt-ot-(nt?"y"===E?nt.clientTop||0:nt.clientLeft||0:0)):U,N,d?g($,rt):$);M[E]=it,W[E]=it-N}if(u){var at,pt=M[k],ft="y"===k?"height":"width",st=pt+m["x"===E?i:f],ct=pt-m["x"===E?a:p],ut=-1!==[i,f].indexOf(b),lt=null!=(at=null==R?void 0:R[k])?at:0,dt=ut?st:pt-L[ft]-S[ft]-lt+P.altAxis,ht=ut?pt+L[ft]+S[ft]-lt-P.altAxis:ct,vt=d&&ut?function(t,e,n){var o=z(t,e,n);return o>n?n:o}(dt,pt,ht):z(d?dt:st,pt,d?ht:ct);M[k]=vt,W[k]=vt-pt}e.modifiersData[o]=W}},requiresIfExists:["offset"]},{name:"arrow",enabled:!0,phase:"main",fn:function(t){var e,n=t.state,o=t.name,r=t.options,c=n.elements.arrow,u=n.modifiersData.popperOffsets,l=x(n.placement),d=q(l),h=[f,p].indexOf(l)>=0?"height":"width";if(c&&u){var v=function(t,e){return P("number"!=typeof(t="function"==typeof t?t(Object.assign({},e.rects,{placement:e.placement})):t)?t:R(t,s))}(r.padding,n),m=j(c),b="y"===d?i:f,g="y"===d?a:p,w=n.rects.reference[h]+n.rects.reference[d]-u[d]-n.rects.popper[h],y=u[d]-n.rects.reference[d],O=A(c),E=O?"y"===d?O.clientHeight||0:O.clientWidth||0:0,k=E/2-m[h]/2+(w/2-y/2),M=z(v[b],k,E-m[h]-v[g]);n.modifiersData[o]=((e={})[d]=M,e.centerOffset=M-k,e)}},effect:function(t){var e=t.state,n=t.options.element,o=void 0===n?"[data-popper-arrow]":n;null!=o&&("string"!=typeof o||(o=e.elements.popper.querySelector(o)))&&E(e.elements.popper,o)&&(e.elements.arrow=o)},requires:["popperOffsets"],requiresIfExists:["preventOverflow"]},{name:"hide",enabled:!0,phase:"main",requiresIfExists:["preventOverflow"],fn:function(t){var e=t.state,n=t.name,o=e.rects.reference,r=e.rects.popper,i=e.modifiersData.preventOverflow,a=X(e,{elementContext:"reference"}),p=X(e,{altBoundary:!0}),f=Z(a,o),s=Z(p,r,i),c=tt(f),u=tt(s);e.modifiersData[n]={referenceClippingOffsets:f,popperEscapeOffsets:s,isReferenceHidden:c,hasPopperEscaped:u},e.attributes.popper=Object.assign({},e.attributes.popper,{"data-popper-reference-hidden":c,"data-popper-escaped":u})}}]}),pt={name:"maxSize",enabled:!0,phase:"main",requiresIfExists:["offset","preventOverflow","flip"],fn:function(t){var e=t.state,n=t.name,o=X(e,t.options),r=e.modifiersData.preventOverflow||{x:0,y:0},i=r.x,a=r.y,p=e.rects.popper,f=p.width,s=p.height,c=e.placement.split("-")[0];e.modifiersData[n]={width:f-o["left"===c?"left":"right"]-i,height:s-o["top"===c?"top":"bottom"]-a}}};let ft=class{constructor(e){t(this,e),this.descriptive=!1,this.position="top",this.noArrow=!1,this.active=!1,this.hidden=!0,this.applyMaxSize={name:"applyMaxSize",enabled:!0,phase:"beforeWrite",requires:["maxSize"],fn({state:t}){let{width:e}=t.modifiersData.maxSize;e<160&&(e=160),t.styles.popper=Object.assign(Object.assign({},t.styles.popper),{maxWidth:`${e}px`})}}}async activate(){this.active=!0}async deactivate(){this.active=!1}watchPosition(){this.popper&&this.popper.setOptions({placement:this.position})}watchActive(){var t;this.active?(this.hidden=!1,this.stateless||setTimeout((()=>{var t;null===(t=this.popper)||void 0===t||t.setOptions({modifiers:[{name:"eventListeners",enabled:!0}]})}))):(this.stateless||null===(t=this.popper)||void 0===t||t.setOptions({modifiers:[{name:"eventListeners",enabled:!1}]}),setTimeout((()=>this.hidden=!0),150))}listenClick(t){t.stopPropagation()}componentDidLoad(){var t;if(this.popper)return;const e=null===(t=this.element.shadowRoot)||void 0===t?void 0:t.querySelector(".tooltip");if(!(e instanceof HTMLElement))throw new Error("tooltip element is not instanceof HTMLElement");this.target=this.getTarget(),this.popper=at(this.target,e,{placement:this.position,modifiers:[pt,this.applyMaxSize]}),this.callbacks={activate:()=>this.active=!0,deactivate:()=>this.active=!1},this.stateless||(this.target.addEventListener("mouseenter",this.callbacks.activate),this.target.addEventListener("mouseleave",this.callbacks.deactivate),this.target.addEventListener("focus",this.callbacks.activate),this.target.addEventListener("blur",this.callbacks.deactivate))}disconnectedCallback(){var t;null===(t=this.popper)||void 0===t||t.destroy(),!this.stateless&&this.target&&this.callbacks&&(this.target.removeEventListener("mouseenter",this.callbacks.activate),this.target.removeEventListener("mouseleave",this.callbacks.deactivate),this.target.removeEventListener("focus",this.callbacks.activate),this.target.removeEventListener("blur",this.callbacks.deactivate)),this.callbacks=void 0,this.target=void 0}componentDidRender(){var t;this.active&&(null===(t=this.popper)||void 0===t||t.update())}render(){return e(n,{class:{hidden:this.hidden}},e("div",{class:r("tooltip",{in:this.active})},!this.noArrow&&e("div",{"data-popper-arrow":!0,class:"tooltip-arrow"}),e("div",{"aria-hidden":!this.descriptive||void 0,class:r("tooltip-inner",{"dso-small":this.small})},e("slot",null))))}getTarget(){if(this.for instanceof HTMLElement)return this.for;if("string"==typeof this.for){const t=this.element.getRootNode();if(!(t instanceof Document||t instanceof ShadowRoot))throw new Error("rootNode is not instance of Document or ShadowRoot");const e=t.getElementById(this.for);if(!e)throw new Error(`Unable to find reference with id ${this.for}`);return e}const{parentElement:t}=this.element;if(!t)throw new Error("No reference given with [for] attribute but no parent found either");return t}get element(){return o(this)}static get watchers(){return{position:["watchPosition"],active:["watchActive"]}}};ft.style=":host(.hidden){visibility:hidden}:host-context(dso-toggletip){color:red !important}:host-context(dso-toggletip) *[data-popper-placement=top] .tooltip-arrow{margin-left:3px}:host-context(dso-toggletip) *[data-popper-placement=right] .tooltip-arrow{margin-top:0}:host-context(dso-toggletip) *[data-popper-placement=bottom] .tooltip-arrow{margin-left:3px}:host-context(dso-toggletip) *[data-popper-placement=left]{margin-right:-8px !important}:host-context(dso-toggletip) *[data-popper-placement=left] .tooltip-arrow{margin-top:0}*,*::after,*::before{box-sizing:border-box}.tooltip{font-family:Asap, sans-serif;font-style:normal;font-weight:400;line-height:1.5;line-break:auto;text-align:left;text-align:start;text-decoration:none;text-shadow:none;text-transform:none;letter-spacing:normal;word-break:normal;word-spacing:normal;word-wrap:normal;white-space:normal;display:block;filter:drop-shadow(0 2px 8px rgba(0, 0, 0, 0.4));font-size:14px;opacity:0;position:absolute;transition:opacity 0.15s linear;z-index:410}.tooltip.in{opacity:1}.tooltip .tooltip-inner{background-color:#fff;border-radius:4px;color:#191919;display:inline-block;font-size:16px;max-width:640px;padding:8px 16px;position:relative}.tooltip .tooltip-inner.dso-small{max-width:320px}.tooltip .tooltip-arrow{border-color:transparent;border-style:solid;height:0;width:0}.tooltip[data-popper-placement=top]{margin-top:-3px;padding:6px 0}.tooltip[data-popper-placement=top] .tooltip-arrow{border-top-color:#fff;border-width:6px 6px 0;bottom:0}.tooltip[data-popper-placement=top] .tooltip-arrow{margin-left:-3px}.tooltip[data-popper-placement=right]{margin-left:3px;padding:0 6px}.tooltip[data-popper-placement=right] .tooltip-arrow{border-right-color:#fff;border-width:6px 6px 6px 0;left:0}.tooltip[data-popper-placement=right] .tooltip-arrow{margin-top:-3px}.tooltip[data-popper-placement=bottom]{margin-top:3px;padding:6px 0}.tooltip[data-popper-placement=bottom] .tooltip-arrow{border-bottom-color:#fff;border-width:0 6px 6px;top:0}.tooltip[data-popper-placement=bottom] .tooltip-arrow{margin-left:-3px}.tooltip[data-popper-placement=left]{margin-left:-3px;padding:0 6px}.tooltip[data-popper-placement=left] .tooltip-arrow{border-left-color:#fff;border-width:6px 0 6px 6px;right:0}.tooltip[data-popper-placement=left] .tooltip-arrow{margin-top:-3px}";export{ft as dso_tooltip}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{r as c,h as o,g as t}from"./p-c62606a3.js";import{c as s}from"./p-4070c1e5.js";let i=class{constructor(o){c(this,o)}render(){var c;const t=this.step||!!this.element.querySelector("[slot=icon]"),i=s("dso-highlight-box",{"dso-yellow":this.yellow,"dso-border":this.border,"dso-white":this.white,"dso-drop-shadow":this.dropShadow,"dso-has-counter":t});return o("div",{class:i},t&&o("div",{class:"dso-step-counter"},null!==(c=this.step)&&void 0!==c?c:o("slot",{name:"icon"})),o("slot",null))}get element(){return t(this)}};i.style=":host{--di-external-link-grijs90:url(\"data:image/svg+xml,%3csvg id='external-link' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' style='color: %23191919%3b'%3e %3cpath fill='currentColor' d='M19%2c6V9.69c0%2c.33-.2.41-.43.17L17.06%2c8.35l-3.35%2c3.36a1%2c1%2c0%2c0%2c1-1.42%2c0%2c1%2c1%2c0%2c0%2c1%2c0-1.42l3.36-3.35L14.14%2c5.43C13.9%2c5.19%2c14%2c5%2c14.31%2c5H19V6ZM18%2c17V13a1%2c1%2c0%2c0%2c0-2%2c0v4a1%2c1%2c0%2c0%2c1-1%2c1H7a1%2c1%2c0%2c0%2c1-1-1V9A1%2c1%2c0%2c0%2c1%2c7%2c8h4a1%2c1%2c0%2c0%2c0%2c0-2H7A3%2c3%2c0%2c0%2c0%2c4%2c9v8a3%2c3%2c0%2c0%2c0%2c3%2c3h8A3%2c3%2c0%2c0%2c0%2c18%2c17Z'/%3e %3c/svg%3e\");--di-download-grijs90:url(\"data:image/svg+xml,%3csvg id='download' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' style='color: %23191919%3b'%3e %3cpath fill='currentColor' d='M18.72%2c10.44%2c12%2c17l-6.7-6.52C4.8%2c10%2c5%2c9.63%2c5.63%2c9.63H8.5V1.82A.8.8%2c0%2c0%2c1%2c9.28%2c1h5.44a.8.8%2c0%2c0%2c1%2c.78.82V9.61h2.87C19%2c9.6%2c19.2%2c10%2c18.72%2c10.44ZM1%2c17v6H23V17Zm16%2c3a2%2c2%2c0%2c1%2c1-2-2A2%2c2%2c0%2c0%2c1%2c17%2c20Zm5%2c0a2%2c2%2c0%2c1%2c1-2-2A2%2c2%2c0%2c0%2c1%2c22%2c20Z'/%3e %3c/svg%3e\");display:block}:host-context(.row.dso-equal-heights){height:100%;min-height:auto}:host-context(.row.dso-equal-heights)>.dso-highlight-box{min-height:auto}:host-context(.row.dso-equal-heights)>.dso-highlight-box.dso-has-counter{height:calc(100% - 48px)}:host-context(.row.dso-equal-heights)>.dso-highlight-box:not(.dso-has-counter){height:calc(100% - 16px)}*,*::after,*::before{box-sizing:border-box}.dso-highlight-box{background-color:#f2f2f2;margin-top:16px;padding:16px;margin-bottom:
|
|
1
|
+
import{r as c,h as o,g as t}from"./p-c62606a3.js";import{c as s}from"./p-4070c1e5.js";let i=class{constructor(o){c(this,o)}render(){var c;const t=this.step||!!this.element.querySelector("[slot=icon]"),i=s("dso-highlight-box",{"dso-yellow":this.yellow,"dso-border":this.border,"dso-white":this.white,"dso-drop-shadow":this.dropShadow,"dso-has-counter":t});return o("div",{class:i},t&&o("div",{class:"dso-step-counter"},null!==(c=this.step)&&void 0!==c?c:o("slot",{name:"icon"})),o("slot",null))}get element(){return t(this)}};i.style=":host{--di-external-link-grijs90:url(\"data:image/svg+xml,%3csvg id='external-link' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' style='color: %23191919%3b'%3e %3cpath fill='currentColor' d='M19%2c6V9.69c0%2c.33-.2.41-.43.17L17.06%2c8.35l-3.35%2c3.36a1%2c1%2c0%2c0%2c1-1.42%2c0%2c1%2c1%2c0%2c0%2c1%2c0-1.42l3.36-3.35L14.14%2c5.43C13.9%2c5.19%2c14%2c5%2c14.31%2c5H19V6ZM18%2c17V13a1%2c1%2c0%2c0%2c0-2%2c0v4a1%2c1%2c0%2c0%2c1-1%2c1H7a1%2c1%2c0%2c0%2c1-1-1V9A1%2c1%2c0%2c0%2c1%2c7%2c8h4a1%2c1%2c0%2c0%2c0%2c0-2H7A3%2c3%2c0%2c0%2c0%2c4%2c9v8a3%2c3%2c0%2c0%2c0%2c3%2c3h8A3%2c3%2c0%2c0%2c0%2c18%2c17Z'/%3e %3c/svg%3e\");--di-download-grijs90:url(\"data:image/svg+xml,%3csvg id='download' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' style='color: %23191919%3b'%3e %3cpath fill='currentColor' d='M18.72%2c10.44%2c12%2c17l-6.7-6.52C4.8%2c10%2c5%2c9.63%2c5.63%2c9.63H8.5V1.82A.8.8%2c0%2c0%2c1%2c9.28%2c1h5.44a.8.8%2c0%2c0%2c1%2c.78.82V9.61h2.87C19%2c9.6%2c19.2%2c10%2c18.72%2c10.44ZM1%2c17v6H23V17Zm16%2c3a2%2c2%2c0%2c1%2c1-2-2A2%2c2%2c0%2c0%2c1%2c17%2c20Zm5%2c0a2%2c2%2c0%2c1%2c1-2-2A2%2c2%2c0%2c0%2c1%2c22%2c20Z'/%3e %3c/svg%3e\");display:block}:host-context(.row.dso-equal-heights){height:100%;min-height:auto}:host-context(.row.dso-equal-heights)>.dso-highlight-box{min-height:auto}:host-context(.row.dso-equal-heights)>.dso-highlight-box.dso-has-counter{height:calc(100% - 48px)}:host-context(.row.dso-equal-heights)>.dso-highlight-box:not(.dso-has-counter){height:calc(100% - 16px)}*,*::after,*::before{box-sizing:border-box}.dso-highlight-box{background-color:#f2f2f2;margin-top:16px;padding:16px;margin-bottom:24px}.dso-highlight-box.dso-white{background-color:#fff}.dso-highlight-box.dso-yellow{background-color:#f8f6cc}.dso-highlight-box.dso-drop-shadow{box-shadow:0 4px 8px 0 rgba(0, 0, 0, 0.2)}.dso-highlight-box.dso-border{background-color:#fff;border:1px solid #ccc;padding:15px}.dso-highlight-box.dso-has-counter{margin-top:48px}.dso-highlight-box.dso-has-counter{padding-top:40px;position:relative}.dso-highlight-box .dso-step-counter{background-color:#275937;border:8px solid #79b929;border-radius:50%;box-sizing:content-box;color:#fff;font-size:1.25em;font-weight:500;height:32px;left:16px;line-height:32px;position:absolute;text-align:center;top:-24px;width:32px}.dso-highlight-box dso-icon{vertical-align:text-top}";export{i as dso_highlight_box}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{r as t,c as s,h as i,F as e,g as o}from"./p-c62606a3.js";import{d as h}from"./p-1805f5b0.js";import{v as a}from"./p-19b890a3.js";let n=class{constructor(i){t(this,i),this.selectEmitter=s(this,"dsoSelect",7),this.changeEmitter=s(this,"dsoChange",7),this.searchEmitter=s(this,"dsoSearch",7),this.suggestions=[],this.loading=!1,this.loadingLabel="Een moment geduld.",this.suggestOnFocus=!1,this.showSuggestions=!1,this.listboxId=a(),this.inputId=a(),this.labelId=a(),this.debouncedEmitValue=h((t=>this.changeEmitter.emit(t)),200),this.onInput=t=>{if(!(t.target instanceof HTMLInputElement))throw new Error("event.target is not instanceof HTMLInputElement");this.debouncedEmitValue(t.target.value.match(/(\S+)/g)?t.target.value:"")},this.onFocusIn=()=>{this.suggestOnFocus&&this.openSuggestions()},this.onKeyDown=t=>{if(!t.defaultPrevented&&!this.loading){switch(t.key){case"ArrowDown":this.showSuggestions?this.selectNextSuggestion():this.openSuggestions("first");break;case"ArrowUp":this.showSuggestions?this.selectPreviousSuggestion():this.openSuggestions("last");break;case"Tab":return void this.closeSuggestions();case"Escape":this.closeSuggestions();break;case"Enter":this.pickSelectedValue();break;default:return}t.preventDefault()}}}suggestionsWatcher(){this.resetSelectedSuggestion(),!this.showSuggestions&&this.suggestions.length>0?this.openSuggestions():this.showSuggestions&&0===this.suggestions.length&&this.closeSuggestions()}onDocumentClick(t){this.showSuggestions&&this.listbox&&t.target instanceof Node&&!this.listbox.contains(t.target)&&this.input!=t.target&&this.closeSuggestions()}connectedCallback(){const t=this.host.querySelector('input[type="text"]');if(!(t instanceof HTMLInputElement))throw new ReferenceError("Mandatory text input not found");if(this.input=t,t.id?this.inputId=t.id:t.id=this.inputId,!this.input.labels||this.input.labels.length<1)throw new ReferenceError("Mandatory label for text input not found");const s=this.input.labels[0];s.id?this.labelId=s.id:s.id=this.labelId,this.input.setAttribute("role","combobox"),this.input.setAttribute("aria-haspopup","listbox"),this.input.setAttribute("aria-owns",this.listboxId),this.input.setAttribute("aria-expanded","false"),this.input.setAttribute("autocomplete","off"),this.input.setAttribute("aria-autocomplete","list"),this.input.setAttribute("aria-activedescendant",""),this.input.addEventListener("input",this.onInput),this.input.addEventListener("keydown",this.onKeyDown),this.input.addEventListener("focusin",this.onFocusIn)}disconnectedCallback(){this.input.removeEventListener("input",this.onInput),this.input.removeEventListener("keydown",this.onKeyDown),this.input.removeEventListener("focusin",this.onFocusIn)}markTerms(t,s){if(!t||!s||0===s.length)return[""];const e=new RegExp(`(${function(t){if("string"!=typeof t)throw new TypeError("Expected a string");return t.replace(/[|\\{}()[\]^$+*?.]/g,"\\$&").replace(/-/g,"\\x2d")}(s[0])})`,"gi");return t.split(e).map((t=>t?e.test(t)?i("mark",null,t):1===s.length?i("span",null,t):this.markTerms(t,s.slice(1)):""))}selectSuggestion(t){this.selectedSuggestion=t,this.input.setAttribute("aria-activedescendant",this.listboxItemId(t))}selectFirstSuggestion(){this.selectedSuggestion=this.suggestions[0],this.selectedSuggestion&&this.input.setAttribute("aria-activedescendant",this.listboxItemId(this.selectedSuggestion))}selectLastSuggestion(){this.selectedSuggestion=this.suggestions[this.suggestions.length-1],this.selectedSuggestion&&this.input.setAttribute("aria-activedescendant",this.listboxItemId(this.selectedSuggestion))}selectNextSuggestion(){var t;const s=this.selectedSuggestion?this.suggestions.indexOf(this.selectedSuggestion):-1;this.selectedSuggestion=null!==(t=this.suggestions[s+1])&&void 0!==t?t:this.suggestions[0],this.selectedSuggestion&&this.input.setAttribute("aria-activedescendant",this.listboxItemId(this.selectedSuggestion))}selectPreviousSuggestion(){var t;const s=this.selectedSuggestion?this.suggestions.indexOf(this.selectedSuggestion):0;this.selectedSuggestion=null!==(t=this.suggestions[s-1])&&void 0!==t?t:this.suggestions[this.suggestions.length-1],this.selectedSuggestion&&this.input.setAttribute("aria-activedescendant",this.listboxItemId(this.selectedSuggestion))}resetSelectedSuggestion(){this.selectedSuggestion=void 0,this.input.setAttribute("aria-activedescendant","")}openSuggestions(t){this.showSuggestions=this.suggestions.length>0,this.input.setAttribute("aria-expanded",this.showSuggestions.toString()),"first"===t?this.selectFirstSuggestion():"last"===t&&this.selectLastSuggestion()}closeSuggestions(){this.showSuggestions=!1,this.input.setAttribute("aria-expanded","false"),this.selectFirstSuggestion()}pickSelectedValue(){this.selectedSuggestion&&this.showSuggestions?this.selectEmitter.emit(this.selectedSuggestion):this.searchEmitter.emit(this.input.value),this.closeSuggestions()}listboxItemId(t){return`${this.inputId}-${this.suggestions.indexOf(t)+1}`}render(){const t=this.input.value.split(" ").filter((t=>t));return i(e,null,i("slot",null),this.loading?i("div",{class:"autosuggest-progress-box"},i("dso-progress-indicator",{label:this.loadingLabel})):i("ul",{role:"listbox",id:this.listboxId,"aria-labelledby":this.labelId,ref:t=>this.listbox=t,hidden:!this.showSuggestions},this.showSuggestions?this.suggestions.map((s=>i("li",{role:"option",id:this.listboxItemId(s),key:s.value,onMouseEnter:()=>this.selectSuggestion(s),onMouseLeave:()=>this.resetSelectedSuggestion(),onClick:()=>this.pickSelectedValue(),"aria-selected":(s===this.selectedSuggestion).toString(),"aria-label":s.value},i("span",{class:"value"},this.markTerms(s.value,t)),s.type?i("span",{class:"type"},s.type):void 0))):void 0))}get host(){return o(this)}static get watchers(){return{suggestions:["suggestionsWatcher"]}}};n.style=".sc-dso-autosuggest-h{display:block;position:relative}ul.sc-dso-autosuggest,.autosuggest-progress-box.sc-dso-autosuggest{background-clip:padding-box;background-color:#fff;border:1px solid rgba(0, 0, 0, 0.15);border-radius:4px;box-shadow:0 6px 12px rgba(0, 0, 0, 0.175);list-style-type:none;margin-top:2px;padding:4px 0;position:absolute;left:0;right:0;top:100%;z-index:200}.autosuggest-progress-box.sc-dso-autosuggest{padding:12px 8px}ul.sc-dso-autosuggest{padding:8px 0}ul.sc-dso-autosuggest li.sc-dso-autosuggest{display:flex;justify-content:space-between;padding:4px 16px}li[aria-selected=true].sc-dso-autosuggest{cursor:pointer;background-color:#39870c}li[aria-selected=true].sc-dso-autosuggest,li[aria-selected=true].sc-dso-autosuggest .type.sc-dso-autosuggest{color:#fff}mark.sc-dso-autosuggest{font-weight:700;background-color:inherit;color:inherit;padding:0}.type.sc-dso-autosuggest{color:#666}";export{n as dso_autosuggest}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{h as o,F as t,r as n,c as e}from"./p-c62606a3.js";function s(o){return o instanceof Element?o.localName:o.nodeName.includes(":")?o.nodeName.substring(o.nodeName.indexOf(":")+1):o.nodeName}class c{constructor(){this.name="Al"}render(t,{mapNodeToJsx:n,path:e}){const c=e.some((o=>{const t=s(o);return"Al"===t||"Opschrift"===t})),r=n(t.childNodes);return c?o("span",{role:"paragraph"},r):o("p",null,r)}}class r{constructor(){this.name="#document"}render(n,{mapNodeToJsx:e}){return o(t,null,e(n.childNodes))}}class d{constructor(){this.name=["ExtRef","ExtIoRef"]}render(t,{mapNodeToJsx:n}){var e;return o("a",{target:"_blank",rel:"noopener noreferrer",href:null!==(e=t.getAttribute("ref"))&&void 0!==e?e:void 0},o("span",{class:"sr-only"},"opent in nieuw venster"),n(t.childNodes))}}class i{constructor(){this.name=["Illustratie","InlineTekstAfbeelding"]}render(t){var n,e,s,c;return o("img",{src:null!==(n=t.getAttribute("naam"))&&void 0!==n?n:void 0,alt:null!==(e=t.getAttribute("naam"))&&void 0!==e?e:void 0,height:null!==(s=t.getAttribute("hoogte"))&&void 0!==s?s:void 0,width:null!==(c=t.getAttribute("breedte"))&&void 0!==c?c:void 0})}}class l{constructor(){this.name=["Inhoud","ContainerBlocksType","BlockMixedcontentMetMaximaleInlinesMarkersPopupsType"]}render(t,{mapNodeToJsx:n}){return o("div",{class:"dso-rich-content"},n(t.childNodes))}}class a{constructor(){this.name="Opschrift"}render(n,{mapNodeToJsx:e}){return o(t,null,e(n.childNodes))}}class u{constructor(){this.name=["sub","sup","strong","b","u","i","br"]}render(t,{mapNodeToJsx:n}){return"br"===t.localName?o("br",null):o(t.localName,null,n(t.childNodes))}}class p{constructor(){this.name="IntRef"}render(t,{mapNodeToJsx:n,emitAnchorClick:e}){const s=t.getAttribute("ref");return s?o("a",{href:`#${s}`,onClick:o=>{o.preventDefault();const t=o.currentTarget;if(!(t instanceof HTMLAnchorElement))return;const{href:n}=t;e({href:n,documentComponent:s,originalEvent:o})}},n(t.childNodes)):n(t.childNodes)}}class g{constructor(){this.name="Noot",this.handles=["NootNummer"]}identify(){return"Noot"}render(n,{mapNodeToJsx:e,state:c,setState:r}){var d,i;const l=n.getAttribute("id");if(!l)return console.error("Noot node without id",n),o(t,null);const a=`dso-ozon-note-${l}`,u=null!==(i=null===(d=Array.from(n.childNodes).find((o=>"NootNummer"===s(o))))||void 0===d?void 0:d.textContent)&&void 0!==i?i:l;return o(t,null,o("sup",null,o("button",{type:"button",class:"toggle-note",id:a,onClick:()=>null==r?void 0:r(c===l?void 0:l),onBlur:()=>null==r?void 0:r(void 0),"aria-expanded":c===l?"true":"false"},u)),o("dso-tooltip",{active:c===l,for:a,stateless:!0,descriptive:!0},o("span",{role:"section"},e(Array.from(n.querySelectorAll(":scope > Al"))))))}}function h(o,t){const n=Array.from(t),e=function(o){return o.reduce(((o,t)=>{var n,e;const s=null!==(e=null===(n=t.getAttribute("colwidth"))||void 0===n?void 0:n.replace(/[^0-9]/,""))&&void 0!==e?e:"",c=parseInt(s,10);return o+(isNaN(c)?0:c)}),0)}(n);return{totalWidth:e,count:o,columns:n.map(((o,t)=>{var n;const s=o.getAttribute("colnum");return{name:null!==(n=o.getAttribute("colname"))&&void 0!==n?n:"",number:s?parseInt(s,10):t+1,width:b(e,o)}}))}}function b(o,t){const n=t.getAttribute("colwidth");if(n){if("*"===n)return"100%";if(n.includes("*")||n.match(/^[\d+]$/)){const t=parseInt(n.replace(/[^0-9]/,""),10);return`${Math.round(t/o*100)}%`}return n}}const m=({colspecs:n})=>n.columns.length>0?o("colgroup",null,n.columns.map((t=>o("col",{style:{width:t.width}})))):o(t,null);function v({columns:o},t,n){const e=o.find((o=>o.name===t)),s=o.find((o=>o.name===n));if(!e||!s)return;const c=s.number-e.number+1;return 1===c?void 0:c}const f=({context:{mapNodeToJsx:t},colspecs:n,cell:e})=>{const{moreRows:s,nameStart:c,nameEnd:r}=function(o){return{moreRows:o.getAttribute("morerows"),nameStart:o.getAttribute("namest"),nameEnd:o.getAttribute("nameend")}}(e),d={rowSpan:s?parseInt(s,10)+1:void 0,colSpan:n&&c&&r?v(n,c,r):void 0};return o("td",Object.assign({},d),t(e.childNodes))},z=({context:n,colspecs:e,rows:s})=>o(t,null,s.map((t=>o("tr",null,Array.from(t.children).map((t=>o(f,{cell:t,colspecs:e,context:n})))))));class x{constructor(){this.name="table",this.handles=["title","tgroup","colspec","thead","tbody","row","cell"]}render(t,n){const{caption:e,colspecs:s,headRows:c,bodyRows:r}=function(o){var t,n,e;const s=o.querySelector(":scope > tgroup"),c=null!==(t=null==s?void 0:s.getAttribute("cols"))&&void 0!==t?t:void 0,r=c?parseInt(c,10):void 0;return{caption:null!==(e=null===(n=o.querySelector(":scope > title"))||void 0===n?void 0:n.textContent)&&void 0!==e?e:void 0,colspecs:s&&r?h(r,s.querySelectorAll(":scope > colspec")):void 0,headRows:Array.from(o.querySelectorAll(":scope > tgroup > thead > row")),bodyRows:Array.from(o.querySelectorAll(":scope > tgroup > tbody > row"))}}(t);return o("table",{class:"table"},e&&o("caption",null,e),s&&o(m,{colspecs:s}),c.length>0&&o("thead",null,o(z,{rows:c,colspecs:s,context:n})),r.length>0&&o("tbody",null,o(z,{rows:r,colspecs:s,context:n})))}}class w{constructor(){this.name="#text"}render(n){return o(t,null,n.textContent)}}class k{constructor(){this.name=["<fallback>"]}render(t,{mapNodeToJsx:n}){return o("span",{class:`fallback od-${s(t)}`},n(t.childNodes))}}class y{constructor(){this.mappers=[new w,new r,new l,new a,new p,new d,new c,new u,new i,new g,new x],this.skip=this.mappers.reduce(((o,t)=>(t.handles&&o.push(...t.handles),o)),[]),this.fallbackNode=new k,this.domParser=new DOMParser}findMapper(o){var t;if(!this.skip.includes(o))return null!==(t=this.mappers.find((t=>Array.isArray(t.name)?t.name.includes(o):t.name===o)))&&void 0!==t?t:this.fallbackNode}mapNodeToJsx(n,e,c){var r;if(n instanceof NodeList)return o(t,null,Array.from(n).map((o=>this.mapNodeToJsx(o,e,c))));if(Array.isArray(n))return o(t,null,n.map((o=>this.mapNodeToJsx(o,e,c))));const d=s(n),i=this.findMapper(d);if(!i)return o(t,null);const l=null===(r=i.identify)||void 0===r?void 0:r.call(i,n),a=l?o=>e.setState(Object.assign(Object.assign({},e.state),{[l]:o})):void 0;return i.render(n,{mapNodeToJsx:o=>this.mapNodeToJsx(o,e,[...c,n]),emitAnchorClick:e.emitAnchorClick,setState:a,state:l?e.state[l]:void 0,path:c})}transform(o,t){return this.cache&&this.cache.xml===o||(this.cache={xml:o,document:this.domParser.parseFromString(o,"text/xml")}),this.mapNodeToJsx(this.cache.document.getRootNode(),t,[])}}let N=class{constructor(o){n(this,o),this.anchorClick=e(this,"anchorClick",7),this.inline=!1,this.deleted=!1,this.state={},this.mapper=new y}render(){var t;const n=this.mapper.transform(null!==(t=this.content)&&void 0!==t?t:"",{state:this.state,setState:o=>this.state=o,emitAnchorClick:this.anchorClick.emit});return this.deleted?o("section",null,o("span",{class:"deleted-start"},"Begin verwijderd element"),n,o("span",{class:"deleted-end"},"Einde verwijderd element")):n}};N.style='.sc-dso-ozon-content-h:not([inline]){display:block}[inline].sc-dso-ozon-content-h{display:inline}[deleted].sc-dso-ozon-content-h *.sc-dso-ozon-content{text-decoration:line-through !important}.deleted-start.sc-dso-ozon-content,.deleted-end.sc-dso-ozon-content{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);border:0}button.toggle-note.sc-dso-ozon-content{display:inline-block;font-size:1em;font-weight:500;margin-bottom:0;text-decoration:none;touch-action:manipulation;text-align:left;user-select:none;vertical-align:middle;border:0;color:#39870c;line-height:1;padding:0;background-color:transparent}button.toggle-note.sc-dso-ozon-content:focus,button.toggle-note.sc-dso-ozon-content:focus-visible{outline-offset:2px}button.toggle-note.sc-dso-ozon-content:active{outline:0}button.toggle-note.extern.sc-dso-ozon-content::after,button.toggle-note.download.sc-dso-ozon-content::after{content:"";display:inline-block;height:1.5em;margin-left:8px;vertical-align:top;width:1.5em}button.toggle-note[disabled].sc-dso-ozon-content{color:#afcf9d}button.toggle-note.sc-dso-ozon-content:not([disabled]):hover{color:#676cb0;text-decoration:underline}button.toggle-note.sc-dso-ozon-content:not([disabled]):active{color:#676cb0}button.toggle-note.btn-align.sc-dso-ozon-content{line-height:calc(1.5em - 1px);padding:11px 0;position:relative}button.toggle-note.extern.sc-dso-ozon-content::after,button.toggle-note.download.sc-dso-ozon-content::after{position:relative;top:-2px}button.toggle-note.download.sc-dso-ozon-content::after{background:var(--dso-icon, var(--di-download)) no-repeat;background-position:center;background-size:cover;height:24px;vertical-align:top;width:24px}button.toggle-note.download[disabled].sc-dso-ozon-content::after{--dso-icon:var(--di-download-grasgroen-40)}button.toggle-note.download.sc-dso-ozon-content:not([disabled]):hover::after,button.toggle-note.download.sc-dso-ozon-content:not([disabled]):active::after{--dso-icon:var(--di-download-scampi)}button.toggle-note.extern.sc-dso-ozon-content::after{background:var(--dso-icon, var(--di-external-link)) no-repeat;background-position:center;background-size:cover;height:24px;vertical-align:top;width:24px}button.toggle-note.extern[disabled].sc-dso-ozon-content::after{--dso-icon:var(--di-external-link-grasgroen-40)}button.toggle-note.extern.sc-dso-ozon-content:not([disabled]):hover::after,button.toggle-note.extern.sc-dso-ozon-content:not([disabled]):active::after{--dso-icon:var(--di-external-link-scampi)}button.toggle-note.sc-dso-ozon-content dso-icon.sc-dso-ozon-content+span.sc-dso-ozon-content:not(.sr-only),button.toggle-note.sc-dso-ozon-content svg.di.sc-dso-ozon-content+span.sc-dso-ozon-content:not(.sr-only),button.toggle-note.sc-dso-ozon-content span.sc-dso-ozon-content:not(.sr-only)+dso-icon.sc-dso-ozon-content,button.toggle-note.sc-dso-ozon-content span.sc-dso-ozon-content:not(.sr-only)+svg.di.sc-dso-ozon-content{margin-left:8px}button.toggle-note.sc-dso-ozon-content dso-icon.sc-dso-ozon-content,button.toggle-note.sc-dso-ozon-content svg.di.sc-dso-ozon-content,button.toggle-note.sc-dso-ozon-content span.sc-dso-ozon-content{vertical-align:middle}span[role=section].sc-dso-ozon-content,span[role=paragraph].sc-dso-ozon-content{display:block}.fallback.sc-dso-ozon-content{display:block}.od-Term.sc-dso-ozon-content{font-weight:700}.od-Definitie.sc-dso-ozon-content,.od-Tussenkop.sc-dso-ozon-content{font-style:italic}.od-Inhoud.sc-dso-ozon-content,.od-Inhoud.sc-dso-ozon-content>.od-Lijst.sc-dso-ozon-content,.od-IntIoRef.sc-dso-ozon-content,.od-Lidnr.sc-dso-ozon-content,.od-LiNr.sc-dso-ozon-content,.od-Opschrift.sc-dso-ozon-content,.od-Tussenkop.sc-dso-ozon-content{display:inline}.od-Al.sc-dso-ozon-content,.od-Lijstaanhef.sc-dso-ozon-content{margin-bottom:0.75em}.od-IntIoRef.sc-dso-ozon-content{border-bottom:1px dotted}.od-LiNummer.sc-dso-ozon-content{float:left;min-width:0.7em;padding-right:0.3em;text-align:right}.od-Figuur.sc-dso-ozon-content img.sc-dso-ozon-content{margin-left:25px;max-width:100%;height:auto}.od-Figuur.sc-dso-ozon-content .od-Bijschrift.sc-dso-ozon-content{font-size:0.75rem;margin-left:25px;padding-bottom:2.5rem}.od-Tabel.sc-dso-ozon-content thead.sc-dso-ozon-content{font-weight:600}.od-Kadertekst.sc-dso-ozon-content{border:1px solid #e5e5e5;margin-bottom:1rem;padding:1rem}';export{N as dso_ozon_content}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{r as o,h as t,F as e}from"./p-c62606a3.js";let n=class{constructor(t){o(this,t),this.label="Hulp nodig",this.visibility="hidden",this.isOpen="close",this.slideState="close",this.loadIframe=!1,this.openClick=()=>{this.visibility="visible",this.slideState="open",setTimeout((()=>{this.isOpen="open"})),this.loadIframe||setTimeout((()=>{this.loadIframe=!0}),500)},this.closeClick=()=>{this.isOpen="close",this.slideState="close",setTimeout((()=>{this.visibility="hidden"}),500)}}render(){return t(e,null,t("button",{type:"button",onClick:this.openClick,class:`open-button ${this.isOpen}`,"aria-expanded":"false","aria-haspopup":"dialog"},t("dso-icon",{icon:"help"}),t("span",null,this.label)),t("div",{class:`wrapper ${this.visibility}`},t("div",{class:"dimscreen",onClick:this.closeClick}),t("div",{class:`iframe-container ${this.slideState}`,"aria-live":"polite"},this.loadIframe?t("iframe",{src:this.url}):t("div",null)),t("button",{type:"button",class:`close-button ${this.isOpen}`,onClick:this.closeClick,"aria-expanded":"true"},t("span",{class:"sr-only"},"sluiten"))))}};n.style=":host{display:block;--di-times:url(\"data:image/svg+xml,%3csvg id='times' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' style='color: %2339870c%3b'%3e %3cpath fill='currentColor' d='M13.36%2c12l3.3-3.3A1%2c1%2c0%2c1%2c0%2c15.3%2c7.34L12%2c10.64%2c8.7%2c7.34A1%2c1%2c0%2c1%2c0%2c7.34%2c8.7l3.3%2c3.3-3.3%2c3.3A1%2c1%2c0%2c1%2c0%2c8.7%2c16.66l3.3-3.3%2c3.3%2c3.3a1%2c1%2c0%2c1%2c0%2c1.36-1.36Z'/%3e %3c/svg%3e\");--di-times-wit:url(\"data:image/svg+xml,%3csvg id='times' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' style='color: white%3b'%3e %3cpath fill='currentColor' d='M13.36%2c12l3.3-3.3A1%2c1%2c0%2c1%2c0%2c15.3%2c7.34L12%2c10.64%2c8.7%2c7.34A1%2c1%2c0%2c1%2c0%2c7.34%2c8.7l3.3%2c3.3-3.3%2c3.3A1%2c1%2c0%2c1%2c0%2c8.7%2c16.66l3.3-3.3%2c3.3%2c3.3a1%2c1%2c0%2c1%2c0%2c1.36-1.36Z'/%3e %3c/svg%3e\")}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);border:0}.wrapper{height:100%;left:0;position:fixed;top:0;visibility:hidden;width:100%}.wrapper.visible{visibility:visible}.dimscreen{background-color:#000;height:100%;opacity:0.4;width:100%}.open-button{display:inline-block;font-size:1em;font-weight:500;margin-bottom:0;text-decoration:none;touch-action:manipulation;text-align:left;user-select:none;vertical-align:middle;display:inline-block;font-size:1em;font-weight:500;margin-bottom:0;text-decoration:none;touch-action:manipulation;text-align:left;user-select:none;vertical-align:middle;background-color:#39870c;border-color:#39870c;color:#fff;border-width:1px;border-style:solid;border-radius:4px;line-height:1.5;min-width:56px;padding:11px 15px;border:0;bottom:16px;font-family:Asap, sans-serif;position:fixed;right:16px;box-shadow:0 4px 8px 0 rgba(0, 0, 0, 0.2)}.open-button:focus,.open-button:focus-visible{outline-offset:2px}.open-button:active{outline:0}.open-button.extern::after,.open-button.download::after{content:\"\";display:inline-block;height:1.5em;margin-left:8px;vertical-align:top;width:1.5em}.open-button:focus,.open-button:focus-visible{outline-offset:2px}.open-button:active{outline:0}.open-button.extern::after,.open-button.download::after{content:\"\";display:inline-block;height:1.5em;margin-left:8px;vertical-align:top;width:1.5em}.open-button:hover{background-color:#275937;border-color:#275937;color:#fff}.open-button:active{background-color:#15301e;border-color:#15301e;color:#fff}.open-button[disabled],.open-button[disabled]:hover{background-color:#afcf9d;border-color:#afcf9d;color:#fff}.open-button.btn-sm{line-height:16px}.open-button.btn-sm dso-icon,.open-button.btn-sm svg.di,.open-button.btn-sm.extern::after,.open-button.btn-sm.download::after{margin-bottom:-4px;margin-top:-4px}.open-button.download::after{background:var(--dso-icon, var(--di-download-wit)) no-repeat;background-position:center;background-size:cover;height:24px;vertical-align:top;width:24px}.open-button.extern::after{background:var(--dso-icon, var(--di-external-link-wit)) no-repeat;background-position:center;background-size:cover;height:24px;vertical-align:top;width:24px}.open-button dso-icon,.open-button svg.di{margin-left:-8px;margin-right:8px}.open-button span+dso-icon,.open-button span+svg.di{margin-left:8px;margin-right:-8px}.open-button:hover{cursor:pointer}.open-button.open{display:none}.close-button{display:inline-block;font-size:1em;font-weight:500;margin-bottom:0;text-decoration:none;touch-action:manipulation;text-align:left;user-select:none;vertical-align:middle;background-color:#fff;border-color:#39870c;color:#39870c;border-width:1px;border-style:solid;border-radius:4px;line-height:1.5;min-width:56px;padding:11px 15px;border-right:0;border-top:0;border-radius:0 0 0 8px;height:40px;min-width:40px;padding:0;position:fixed;right:0;width:40px;top:0}.close-button:focus,.close-button:focus-visible{outline-offset:2px}.close-button:active{outline:0}.close-button.extern::after,.close-button.download::after{content:\"\";display:inline-block;height:1.5em;margin-left:8px;vertical-align:top;width:1.5em}.close-button:hover{background-color:#39870c;border-color:#39870c;color:#fff}.close-button:active{background-color:#275937;border-color:#275937;color:#fff}.close-button[disabled],.close-button[disabled]:hover{background-color:#fff;border-color:#afcf9d;color:#afcf9d}.close-button.btn-sm{line-height:16px}.close-button.btn-sm dso-icon,.close-button.btn-sm svg.di,.close-button.btn-sm.extern::after,.close-button.btn-sm.download::after{margin-bottom:-4px;margin-top:-4px}.close-button.download::after{background:var(--dso-icon, var(--di-download)) no-repeat;background-position:center;background-size:cover;height:24px;vertical-align:top;width:24px}.close-button.download:hover::after{--dso-icon:var(--di-download-wit)}.close-button.download[disabled]::after{--dso-icon:var(--di-download-grasgroen-40)}.close-button.extern::after{background:var(--dso-icon, var(--di-external-link)) no-repeat;background-position:center;background-size:cover;height:24px;vertical-align:top;width:24px}.close-button.extern:hover::after{--dso-icon:var(--di-external-link-wit)}.close-button.extern[disabled]::after{--dso-icon:var(--di-external-link-grasgroen-40)}.close-button dso-icon,.close-button svg.di{margin-left:-8px;margin-right:8px}.close-button span+dso-icon,.close-button span+svg.di{margin-left:8px;margin-right:-8px}.close-button::before{background:var(--dso-icon, var(--di-times)) no-repeat;background-position:center;background-size:cover;height:24px;vertical-align:top;width:24px;content:\"\";display:inline-block;position:absolute;left:50%;top:50%;transform:translate(-50%, -50%)}.close-button:hover,.close-button:active,.close-button:focus{cursor:pointer}.close-button:hover::before,.close-button:active::before,.close-button:focus::before{background:var(--dso-icon, var(--di-times-wit)) no-repeat;background-position:center;background-size:cover;height:24px;vertical-align:top;width:24px}.close-button.close{display:none}.iframe-container{background-color:#fff;border:0;border-left:1px solid #ccc;box-shadow:0 2px 8px 0 rgba(0, 0, 0, 0.4);height:100%;position:absolute;right:-640px;top:0;transition:right 0.5s;width:640px}.iframe-container.open{right:0}iframe{border:0;height:100%;width:100%}";export{n as dso_helpcenter_panel}
|