@dso-toolkit/core 53.0.0 → 54.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-accordion-section.cjs.entry.js +39 -1404
- package/dist/cjs/dso-action-list-item.cjs.entry.js +27 -0
- package/dist/cjs/dso-action-list.cjs.entry.js +20 -0
- package/dist/cjs/dso-annotation-output.cjs.entry.js +1 -1
- package/dist/cjs/dso-date-picker.cjs.entry.js +1 -1
- package/dist/cjs/dso-dropdown-menu.cjs.entry.js +18 -3
- package/dist/cjs/dso-expandable-heading.cjs.entry.js +1 -1
- package/dist/cjs/dso-expandable.cjs.entry.js +1433 -2
- package/dist/cjs/dso-header.cjs.entry.js +16 -1
- package/dist/cjs/dso-helpcenter-panel.cjs.entry.js +2 -2
- package/dist/cjs/dso-image-overlay.cjs.entry.js +2 -2
- package/dist/cjs/dso-info_2.cjs.entry.js +3 -2
- package/dist/cjs/dso-list-button.cjs.entry.js +13 -5
- package/dist/cjs/dso-modal.cjs.entry.js +4 -2
- package/dist/cjs/dso-ozon-content.cjs.entry.js +1 -1
- package/dist/cjs/dso-table.cjs.entry.js +2 -2
- package/dist/cjs/dso-toolkit.cjs.js +1 -1
- package/dist/cjs/dso-tooltip.cjs.entry.js +1 -1
- package/dist/cjs/dso-viewer-grid.cjs.entry.js +2 -2
- package/dist/cjs/expandable.interfaces-19b608b9.js +7 -0
- package/dist/cjs/{focus-trap.esm-c501d382.js → focus-trap.esm-a5b7273f.js} +134 -51
- package/dist/cjs/{has-overflow-b1b4f3f3.js → has-overflow-dd552ec8.js} +3 -4
- package/dist/cjs/index.cjs.js +6 -1
- package/dist/cjs/{index.esm-03a9e0b4.js → index.esm-0e935715.js} +97 -17
- package/dist/cjs/loader.cjs.js +1 -1
- package/dist/collection/collection-manifest.json +2 -0
- package/dist/collection/components/accordion/accordion.js +1 -1
- package/dist/collection/components/accordion/components/accordion-section.css +60 -10
- package/dist/collection/components/accordion/components/accordion-section.js +41 -100
- package/dist/collection/components/action-list/action-list.css +25 -0
- package/dist/collection/components/action-list/action-list.js +42 -0
- package/dist/collection/components/action-list/components/action-list-item.css +81 -0
- package/dist/collection/components/action-list/components/action-list-item.js +120 -0
- package/dist/collection/components/annotation-output/annotation-output.js +1 -1
- package/dist/collection/components/date-picker/date-picker.css +1 -1
- package/dist/collection/components/date-picker/date-picker.js +1 -1
- package/dist/collection/components/dropdown-menu/dropdown-menu.js +36 -1
- package/dist/collection/components/expandable/expandable.css +12 -1
- package/dist/collection/components/expandable/expandable.interfaces.js +3 -0
- package/dist/collection/components/expandable/expandable.js +246 -2
- package/dist/collection/components/expandable-heading/expandable-heading.js +1 -1
- package/dist/collection/components/header/header.js +18 -2
- package/dist/collection/components/list-button/list-button.css +2 -17
- package/dist/collection/components/list-button/list-button.js +31 -19
- package/dist/collection/components/modal/modal.controller.js +4 -1
- package/dist/collection/components/modal/modal.js +36 -3
- package/dist/collection/components/selectable/selectable.css +22 -9
- package/dist/collection/components/selectable/selectable.js +2 -1
- package/dist/collection/index.js +1 -0
- package/dist/components/dropdown-menu.js +17 -1
- package/dist/components/dso-accordion-section.js +52 -1407
- package/dist/components/dso-action-list-item.d.ts +11 -0
- package/dist/components/dso-action-list-item.js +53 -0
- package/dist/components/dso-action-list.d.ts +11 -0
- package/dist/components/dso-action-list.js +36 -0
- package/dist/components/dso-annotation-output.js +1 -1
- package/dist/components/dso-date-picker.js +2 -2
- package/dist/components/dso-expandable-heading.js +1 -1
- package/dist/components/dso-header.js +18 -2
- package/dist/components/dso-list-button.js +12 -4
- package/dist/components/dso-modal.js +3 -0
- package/dist/components/expandable.js +1440 -4
- package/dist/components/focus-trap.esm.js +133 -50
- package/dist/components/has-overflow.js +3 -4
- package/dist/components/index.d.ts +2 -0
- package/dist/components/index.esm.js +97 -17
- package/dist/components/index.js +7 -2
- package/dist/components/selectable.js +3 -2
- package/dist/dso-toolkit/dso-toolkit.esm.js +1 -1
- package/dist/dso-toolkit/index.esm.js +1 -1
- package/dist/dso-toolkit/p-3238f7ee.entry.js +1 -0
- package/dist/dso-toolkit/p-36224d6f.entry.js +1 -0
- package/dist/dso-toolkit/{p-9b07b034.entry.js → p-398a8e0b.entry.js} +1 -1
- package/dist/dso-toolkit/{p-d2805c02.entry.js → p-3b91c3e9.entry.js} +1 -1
- package/dist/dso-toolkit/p-452b1234.js +1 -0
- package/dist/dso-toolkit/p-5950644a.js +5 -0
- package/dist/dso-toolkit/{p-b3f4645f.entry.js → p-5de8b79a.entry.js} +1 -1
- package/dist/dso-toolkit/p-5e50b616.entry.js +1 -0
- package/dist/dso-toolkit/p-6a99d7f8.entry.js +1 -0
- package/dist/dso-toolkit/p-91963e3d.js +5 -0
- package/dist/dso-toolkit/p-96f44d35.entry.js +1 -0
- package/dist/dso-toolkit/p-975c172a.entry.js +1 -0
- package/dist/dso-toolkit/{p-092dde2f.entry.js → p-a1616935.entry.js} +1 -1
- package/dist/dso-toolkit/{p-ba330644.entry.js → p-bb90ea4c.entry.js} +1 -1
- package/dist/dso-toolkit/p-bf750b97.js +1 -0
- package/dist/dso-toolkit/{p-f2b76233.entry.js → p-cf9b79df.entry.js} +1 -1
- package/dist/dso-toolkit/{p-43f3d736.entry.js → p-d10ec2b3.entry.js} +1 -1
- package/dist/dso-toolkit/p-e04d87e0.entry.js +1 -0
- package/dist/dso-toolkit/p-e8a6ccf5.entry.js +1 -0
- package/dist/dso-toolkit/p-eaae698e.entry.js +1 -0
- package/dist/dso-toolkit/p-fa2f1a1c.entry.js +1 -0
- package/dist/dso-toolkit/p-fe7ca25f.entry.js +1 -0
- package/dist/esm/dso-accordion-section.entry.js +39 -1404
- package/dist/esm/dso-action-list-item.entry.js +23 -0
- package/dist/esm/dso-action-list.entry.js +16 -0
- package/dist/esm/dso-annotation-output.entry.js +1 -1
- package/dist/esm/dso-date-picker.entry.js +1 -1
- package/dist/esm/dso-dropdown-menu.entry.js +18 -3
- package/dist/esm/dso-expandable-heading.entry.js +1 -1
- package/dist/esm/dso-expandable.entry.js +1434 -3
- package/dist/esm/dso-header.entry.js +16 -1
- package/dist/esm/dso-helpcenter-panel.entry.js +2 -2
- package/dist/esm/dso-image-overlay.entry.js +2 -2
- package/dist/esm/dso-info_2.entry.js +3 -2
- package/dist/esm/dso-list-button.entry.js +13 -5
- package/dist/esm/dso-modal.entry.js +4 -2
- package/dist/esm/dso-ozon-content.entry.js +1 -1
- package/dist/esm/dso-table.entry.js +2 -2
- package/dist/esm/dso-toolkit.js +1 -1
- package/dist/esm/dso-tooltip.entry.js +1 -1
- package/dist/esm/dso-viewer-grid.entry.js +2 -2
- package/dist/esm/expandable.interfaces-9b1afbe8.js +5 -0
- package/dist/esm/{focus-trap.esm-94794d92.js → focus-trap.esm-2a49a38f.js} +134 -51
- package/dist/esm/{has-overflow-c44a8a0a.js → has-overflow-fdc85d8f.js} +3 -4
- package/dist/esm/{index.esm-8fc07ad8.js → index.esm-3d6c8190.js} +97 -17
- package/dist/esm/index.js +5 -1
- package/dist/esm/loader.js +1 -1
- package/dist/types/components/accordion/accordion.interfaces.d.ts +1 -1
- package/dist/types/components/accordion/components/accordion-section.d.ts +4 -8
- package/dist/types/components/action-list/action-list.d.ts +5 -0
- package/dist/types/components/action-list/components/action-list-item.d.ts +15 -0
- package/dist/types/components/dropdown-menu/dropdown-menu.d.ts +5 -0
- package/dist/types/components/expandable/expandable.d.ts +25 -1
- package/dist/types/components/expandable/expandable.interfaces.d.ts +10 -0
- package/dist/types/components/header/header.d.ts +3 -0
- package/dist/types/components/list-button/list-button.d.ts +7 -1
- package/dist/types/components/modal/modal.controller.d.ts +2 -3
- package/dist/types/components/modal/modal.d.ts +7 -2
- package/dist/types/components/modal/modal.interfaces.d.ts +13 -1
- package/dist/types/components.d.ts +97 -5
- package/dist/types/index.d.ts +1 -0
- package/package.json +11 -11
- package/dist/dso-toolkit/p-147ec7bd.entry.js +0 -1
- package/dist/dso-toolkit/p-3635427a.js +0 -5
- package/dist/dso-toolkit/p-452c7fbb.entry.js +0 -1
- package/dist/dso-toolkit/p-460e6134.entry.js +0 -1
- package/dist/dso-toolkit/p-4ae40ddc.entry.js +0 -1
- package/dist/dso-toolkit/p-4c8426b7.entry.js +0 -1
- package/dist/dso-toolkit/p-57ceabab.js +0 -5
- package/dist/dso-toolkit/p-aab458c4.entry.js +0 -1
- package/dist/dso-toolkit/p-d3ed00f6.js +0 -1
- package/dist/dso-toolkit/p-e3bd7689.entry.js +0 -1
- package/dist/dso-toolkit/p-e4f667b3.entry.js +0 -1
- package/dist/dso-toolkit/p-f3f0d6c9.entry.js +0 -1
|
@@ -1,10 +1,11 @@
|
|
|
1
1
|
import { proxyCustomElement, HTMLElement, createEvent, forceUpdate, h, Fragment } from '@stencil/core/internal/client';
|
|
2
|
+
import { c as clsx } from './clsx.m.js';
|
|
2
3
|
import { c as createIdentifier } from './create-identifier.js';
|
|
3
4
|
import { d as defineCustomElement$3 } from './icon.js';
|
|
4
5
|
import { d as defineCustomElement$2 } from './info.js';
|
|
5
6
|
import { d as defineCustomElement$1 } from './info-button.js';
|
|
6
7
|
|
|
7
|
-
const selectableCss = ".sc-dso-selectable-h{display:block;
|
|
8
|
+
const selectableCss = ".sc-dso-selectable-h{display:block;position:relative}.sc-dso-selectable-h .dso-selectable-options.sc-dso-selectable{list-style:none;margin-top:8px;padding-left:0}.sc-dso-selectable-h .dso-selectable-options.sc-dso-selectable li.sc-dso-selectable+li.sc-dso-selectable{margin-top:8px}.sc-dso-selectable-h label.sc-dso-selectable{font-weight:400;line-height:24px;margin:0}.sc-dso-selectable-h input[type=checkbox][disabled].sc-dso-selectable+label.sc-dso-selectable::before,.sc-dso-selectable-h input[type=checkbox][disabled].sc-dso-selectable:active+label.sc-dso-selectable::before,.sc-dso-selectable-h input[type=checkbox][disabled].sc-dso-selectable:focus+label.sc-dso-selectable::before,.sc-dso-selectable-h input[type=radio][disabled].sc-dso-selectable+label.sc-dso-selectable::before,.sc-dso-selectable-h input[type=radio][disabled].sc-dso-selectable:active+label.sc-dso-selectable::before,.sc-dso-selectable-h input[type=radio][disabled].sc-dso-selectable:focus+label.sc-dso-selectable::before{background-color:#fff;box-shadow:0 0 0 2px #e5e5e5}.sc-dso-selectable-h input[type=checkbox].sc-dso-selectable,.sc-dso-selectable-h input[type=radio].sc-dso-selectable{height:24px;left:0;margin:0;opacity:0;position:absolute;top:0;width:24px;z-index:100;zoom:1}@media (prefers-contrast: more){.sc-dso-selectable-h input[type=checkbox].sc-dso-selectable,.sc-dso-selectable-h input[type=radio].sc-dso-selectable{opacity:1}}.sc-dso-selectable-h input[type=checkbox].sc-dso-selectable:not([disabled]),.sc-dso-selectable-h input[type=radio].sc-dso-selectable:not([disabled]){cursor:pointer}.sc-dso-selectable-h input[type=checkbox].sc-dso-selectable+label.sc-dso-selectable,.sc-dso-selectable-h input[type=radio].sc-dso-selectable+label.sc-dso-selectable{display:inline;font-style:normal;padding-left:0}.sc-dso-selectable-h input[type=checkbox].sc-dso-selectable+label.sc-dso-selectable::before,.sc-dso-selectable-h input[type=radio].sc-dso-selectable+label.sc-dso-selectable::before{background:#fff;border:0;box-shadow:0 0 0 2px var(--dso-selectable-color, #275937);content:\"\";height:20px;left:2px;position:absolute;top:2px;width:20px}.sc-dso-selectable-h input[type=checkbox].sc-dso-selectable:focus,.sc-dso-selectable-h input[type=radio].sc-dso-selectable:focus{outline:0}.sc-dso-selectable-h input[type=checkbox].sc-dso-selectable:focus+label.sc-dso-selectable::before,.sc-dso-selectable-h input[type=radio].sc-dso-selectable:focus+label.sc-dso-selectable::before{box-shadow:0 0 0 3px var(--dso-selectable-color, #275937);height:18px;left:3px;top:3px;width:18px}.sc-dso-selectable-h input[type=checkbox].sc-dso-selectable:active+label.sc-dso-selectable::before,.sc-dso-selectable-h input[type=checkbox].active.sc-dso-selectable+label.sc-dso-selectable::before,.sc-dso-selectable-h input[type=radio].sc-dso-selectable:active+label.sc-dso-selectable::before,.sc-dso-selectable-h input[type=radio].active.sc-dso-selectable+label.sc-dso-selectable::before{background-color:#ebf3e6;box-shadow:0 0 0 1px #275937;height:22px;left:1px;top:1px;width:22px}.sc-dso-selectable-h input[type=checkbox].sc-dso-selectable+label.sc-dso-selectable::before{border-radius:4px}.sc-dso-selectable-h input[type=checkbox].sc-dso-selectable+label.sc-dso-selectable::after{background:transparent;content:\"\";left:6px;opacity:0;position:absolute;top:6px;zoom:1}.sc-dso-selectable-h input[type=checkbox].sc-dso-selectable:checked+label.sc-dso-selectable::after,.sc-dso-selectable-h input[type=checkbox].sc-dso-selectable:indeterminate+label.sc-dso-selectable::after{opacity:1}.sc-dso-selectable-h input[type=checkbox].sc-dso-selectable:checked+label.sc-dso-selectable::after{border:solid;border-color:var(--dso-selectable-color, #39870c);border-top-color:transparent;border-width:0 0 3px 3px;height:8px;transform:rotate(-45deg);width:13px}.sc-dso-selectable-h input[type=checkbox].sc-dso-selectable:indeterminate+label.sc-dso-selectable::after{background-color:var(--dso-selectable-color, #39870c);height:12px;width:12px}.sc-dso-selectable-h input[type=radio].sc-dso-selectable+label.sc-dso-selectable::before{border-radius:50%}.sc-dso-selectable-h input[type=radio].sc-dso-selectable+label.sc-dso-selectable::after{background-color:transparent;border-radius:50%;content:\"\";height:12px;left:6px;opacity:0;position:absolute;top:6px;width:12px;zoom:1}.sc-dso-selectable-h input[type=radio].sc-dso-selectable:checked+label.sc-dso-selectable::after{background-color:var(--dso-selectable-color, #39870c);opacity:1}.sc-dso-selectable-h>dso-info.sc-dso-selectable{float:none;margin:8px 16px 0 0;width:100%}[invalid].sc-dso-selectable-h{--dso-selectable-color:#ce3f51}.sc-dso-selectable-h:not(:last-child){margin-bottom:8px}*.sc-dso-selectable,*.sc-dso-selectable::after,*.sc-dso-selectable::before{box-sizing:border-box}.dso-selectable-container.sc-dso-selectable{display:inline-block;position:relative;padding-inline-start:32px}.dso-selectable-container.has-info-button.sc-dso-selectable{padding-inline-end:32px}.dso-selectable-container.sc-dso-selectable .dso-selectable-input-wrapper.sc-dso-selectable{display:inline;margin-inline:-32px;min-height:24px;padding-inline:32px}.dso-selectable-container.sc-dso-selectable .dso-selectable-input-wrapper.sc-dso-selectable:focus-within{border-radius:2px;outline-offset:3px;outline:3px solid #008ccc}.dso-selectable-container.sc-dso-selectable .dso-selectable-input-wrapper.sc-dso-selectable input[type=radio].sc-dso-selectable:focus+label.sc-dso-selectable::before,.dso-selectable-container.sc-dso-selectable .dso-selectable-input-wrapper.sc-dso-selectable input[type=checkbox].sc-dso-selectable:focus+label.sc-dso-selectable::before{box-shadow:0 0 0 2px var(--dso-selectable-color, #275937);height:20px;left:2px;top:2px;width:20px}dso-info-button.sc-dso-selectable{position:absolute;right:0;top:0}";
|
|
8
9
|
|
|
9
10
|
const Selectable = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
|
|
10
11
|
constructor() {
|
|
@@ -51,7 +52,7 @@ const Selectable = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
|
|
|
51
52
|
render() {
|
|
52
53
|
var _a;
|
|
53
54
|
const hasInfo = !!this.host.querySelector('[slot="info"]');
|
|
54
|
-
return (h(Fragment, null, h("div", { class: "dso-selectable-input-wrapper" }, h("input", { type: this.type, id: this.getIdentifier(), value: this.value, name: this.name, "aria-invalid": (_a = this.invalid) === null || _a === void 0 ? void 0 : _a.toString(), "aria-describedby": hasInfo && this.infoFixed ? this.describedById : undefined, "aria-labelledBy": this.labelledById, disabled: this.disabled, required: this.required, checked: this.checked, onChange: (e) => this.dsoChange.emit(e), ref: (el) => (this.input = el) }), !this.labelledById ? (h("label", { htmlFor: this.getIdentifier() }, h("slot", null))) : (h("label", null))), hasInfo && (h(Fragment, null, !this.infoFixed && (h("dso-info-button", { active: this.infoActive, onDsoToggle: (e) => (this.infoActive = e.detail.active) })), h("dso-info", { id: hasInfo && this.infoFixed ? this.describedById : undefined, fixed: this.infoFixed, active: this.infoActive, onDsoClose: () => (this.infoActive = false) }, h("div", null, h("slot", { name: "info" }))))))
|
|
55
|
+
return (h(Fragment, null, h("div", { class: clsx("dso-selectable-container", { "has-info-button": hasInfo }) }, h("div", { class: "dso-selectable-input-wrapper" }, h("input", { type: this.type, id: this.getIdentifier(), value: this.value, name: this.name, "aria-invalid": (_a = this.invalid) === null || _a === void 0 ? void 0 : _a.toString(), "aria-describedby": hasInfo && this.infoFixed ? this.describedById : undefined, "aria-labelledBy": this.labelledById, disabled: this.disabled, required: this.required, checked: this.checked, onChange: (e) => this.dsoChange.emit(e), ref: (el) => (this.input = el) }), !this.labelledById ? (h("label", { htmlFor: this.getIdentifier() }, h("slot", null))) : (h("label", null))), hasInfo && (h(Fragment, null, !this.infoFixed && (h("dso-info-button", { active: this.infoActive, onDsoToggle: (e) => (this.infoActive = e.detail.active) }))))), hasInfo && (h("dso-info", { id: hasInfo && this.infoFixed ? this.describedById : undefined, fixed: this.infoFixed, active: this.infoActive, onDsoClose: () => (this.infoActive = false) }, h("div", null, h("slot", { name: "info" }))))));
|
|
55
56
|
}
|
|
56
57
|
getIdentifier() {
|
|
57
58
|
var _a;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{p as e,b as o}from"./p-98fd1658.js";(()=>{const o=import.meta.url,a={};return""!==o&&(a.resourcesUrl=new URL(".",o).href),e(a)})().then((e=>o([["p-efdf5c91",[[1,"dso-icon",{icon:[1]}]]],["p-0fce0861",[[1,"dso-map-base-layers",{group:[1],baseLayers:[16]}]]],["p-f8a08ba1",[[1,"dso-map-overlays",{group:[1],overlays:[16]}]]],["p-
|
|
1
|
+
import{p as e,b as o}from"./p-98fd1658.js";(()=>{const o=import.meta.url,a={};return""!==o&&(a.resourcesUrl=new URL(".",o).href),e(a)})().then((e=>o([["p-efdf5c91",[[1,"dso-icon",{icon:[1]}]]],["p-0fce0861",[[1,"dso-map-base-layers",{group:[1],baseLayers:[16]}]]],["p-f8a08ba1",[[1,"dso-map-overlays",{group:[1],overlays:[16]}]]],["p-36224d6f",[[4,"dso-annotation-output",{identifier:[1],annotationPrefix:[1,"annotation-prefix"],toggleAnnotation:[64]}]]],["p-d4772fb0",[[1,"dso-toggletip",{label:[1],position:[1],small:[4],secondary:[4],active:[32]}]]],["p-96f44d35",[[1,"dso-accordion-section",{handleTitle:[1,"handle-title"],heading:[1],handleUrl:[1,"handle-url"],state:[1],attachmentCount:[2,"attachment-count"],icon:[1],status:[1],open:[1540],hasNestedSection:[32],hover:[32],toggleSection:[64],scrollSectionIntoView:[64]}]]],["p-eaae698e",[[1,"dso-expandable-heading",{open:[4],heading:[1],color:[1],editAction:[1,"edit-action"]}]]],["p-975c172a",[[6,"dso-header",{mainMenu:[16],useDropDownMenu:[1,"use-drop-down-menu"],authStatus:[1,"auth-status"],loginUrl:[1,"login-url"],logoutUrl:[1,"logout-url"],userProfileName:[1,"user-profile-name"],userProfileUrl:[1,"user-profile-url"],userHomeUrl:[1,"user-home-url"],showDropDown:[32],hasSubLogo:[32],overflowMenuItems:[32],dropdownOptionsOffset:[32]}]]],["p-8a77030b",[[1,"dso-label",{compact:[4],removable:[4],status:[1],truncate:[4],removeHover:[32],removeFocus:[32],textHover:[32],textFocus:[32],isTruncated:[32],labelText:[32],truncateLabel:[64],syncLabelText:[64]}]]],["p-09424a1d",[[1,"dso-pagination",{totalPages:[2,"total-pages"],currentPage:[2,"current-page"],formatHref:[16],availablePositions:[32]},[[0,"dsoSizeChange","sizeChangeHandler"]]]]],["p-588bc4d7",[[1,"dso-tree-view",{collection:[16],focusItem:[64]}]]],["p-6a99d7f8",[[1,"dso-action-list-item",{step:[2],itemTitle:[1,"item-title"],flowLine:[4,"flow-line"],warning:[4],divider:[4]}]]],["p-5082d823",[[1,"dso-alert",{status:[1],roleAlert:[4,"role-alert"]}]]],["p-ee1acb32",[[0,"dso-annotation-button",{identifier:[1]}]]],["p-d6ea8670",[[1,"dso-attachments-counter",{count:[2]}]]],["p-c54ad578",[[6,"dso-autosuggest",{suggestions:[16],loading:[4],loadingLabel:[1,"loading-label"],loadingDelayed:[2,"loading-delayed"],notFoundLabel:[1,"not-found-label"],suggestOnFocus:[4,"suggest-on-focus"],showSuggestions:[32],selectedSuggestion:[32],notFound:[32],showLoading:[32]},[[4,"click","onDocumentClick"]]]]],["p-cf9b79df",[[2,"dso-date-picker",{name:[1],identifier:[1],disabled:[516],role:[1],direction:[1],required:[4],invalid:[516],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-d10ec2b3",[[1,"dso-helpcenter-panel",{label:[1],url:[1],visibility:[32],isOpen:[32],slideState:[32],loadIframe:[32]},[[8,"keydown","keyDownListener"]]]]],["p-398a8e0b",[[1,"dso-image-overlay",{active:[32],zoomable:[32]},[[2,"load","loadListener"]]]]],["p-e04d87e0",[[1,"dso-list-button",{label:[1],sublabel:[1],count:[2],min:[8],max:[8],checked:[516],disabled:[516],manual:[4],manualInputWrapperElement:[32],manualCount:[32]}]]],["p-b7580ce3",[[1,"dso-map-controls",{open:[1540],disableZoom:[1,"disable-zoom"],hideContent:[32],toggleVisibility:[64]}]]],["p-3238f7ee",[[1,"dso-modal",{modalTitle:[1,"modal-title"],role:[1],showCloseButton:[4,"show-close-button"],initialFocus:[1,"initial-focus"],returnFocus:[16],ariaId:[32],hasFooter:[32]}]]],["p-a1616935",[[1,"dso-table",{noModal:[516,"no-modal"],isResponsive:[516,"is-responsive"],modalActive:[32],placeholderHeight:[32]}]]],["p-bb90ea4c",[[1,"dso-viewer-grid",{filterpanelOpen:[516,"filterpanel-open"],overlayOpen:[516,"overlay-open"],initialMainSize:[1,"initial-main-size"],mainSize:[32]}]]],["p-ad0b38cf",[[1,"dso-accordion",{variant:[513],reverseAlign:[516,"reverse-align"],allowMultipleOpen:[516,"allow-multiple-open"],getState:[64],toggleSection:[64],animationEnd:[64],closeOpenSections:[64]}]]],["p-e8a6ccf5",[[1,"dso-action-list",{listTitle:[1,"list-title"]}]]],["p-07952ece",[[1,"dso-badge",{status:[1]}]]],["p-1cb94d7d",[[1,"dso-banner",{status:[513]}]]],["p-61ac8d40",[[1,"dso-card",{isSelectable:[516,"is-selectable"],hasImage:[516,"has-image"],clickable:[4],imageShape:[513,"image-shape"]}]]],["p-69f37ab3",[[1,"dso-card-container",{mode:[513]}]]],["p-c1226b66",[[1,"dso-highlight-box",{yellow:[4],border:[4],white:[4],dropShadow:[4,"drop-shadow"],step:[2]}]]],["p-3b91c3e9",[[6,"dso-ozon-content",{content:[1],inline:[516],deleted:[516],interactive:[520],state:[32]}]]],["p-494fe8e5",[[1,"dso-progress-bar",{progress:[2],min:[2],max:[2]}]]],["p-82465cdc",[[4,"dso-slide-toggle",{checked:[4],disabled:[4],accessibleLabel:[1,"accessible-label"],labelledbyId:[1,"labelledby-id"],identifier:[1],hasVisibleLabel:[32]}]]],["p-5e50b616",[[1,"dso-dropdown-menu",{open:[1540],dropdownAlign:[1,"dropdown-align"],dropdownOptionsOffset:[2,"dropdown-options-offset"],checkable:[4],boundary:[1],strategy:[1]}]]],["p-0af9bfb1",[[1,"dso-progress-indicator",{label:[1],size:[513],block:[4]}]]],["p-d987ef37",[[1,"dso-responsive-element",{sizeAlias:[32],sizeWidth:[32],getSize:[64]}]]],["p-5de8b79a",[[1,"dso-tooltip",{descriptive:[516],position:[1],strategy:[1],noArrow:[4,"no-arrow"],stateless:[4],small:[4],active:[1540],hidden:[32],activate:[64],deactivate:[64]},[[0,"click","listenClick"]]]]],["p-fe7ca25f",[[1,"dso-expandable",{open:[516],enableAnimation:[4,"enable-animation"],minimumHeight:[2,"minimum-height"],animationReady:[32],getAnimeInstance:[64],getBodyHeight:[64]}]]],["p-3914ad70",[[1,"dso-info-button",{active:[1540],secondary:[4],label:[1],hover:[32],setFocus:[64]}]]],["p-fa2f1a1c",[[6,"dso-selectable",{type:[1],identifier:[1],name:[1],value:[1],invalid:[4],describedById:[1,"described-by-id"],labelledById:[1,"labelled-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]}]]]],e)));
|
|
@@ -1 +1 @@
|
|
|
1
|
-
export{t as transitionDuration}from"./p-85b18dbd.js";class o{constructor(t){if(this.modalElement=t,!t)throw new Error("unable to add event listener. try opening the modal first")}close(){document.body.removeChild(this.modalElement)}addEventListener(t,o){this.modalElement.addEventListener(t,o)}removeEventListener(t,o){this.modalElement.removeEventListener(t,o)}}class e{open(t,e){const s=this.createModal(t,e);return document.body.appendChild(s),new o(s)}createModal({title:t,body:o,footer:e},s){const n=document.createElement("dso-modal");if(t&&n.setAttribute("modal-title",t),s){const{role:t,showCloseButton:o,initialFocus:e}=s;t&&(n.role=t),o&&n.setAttribute("show-close-button",o?"true":"false"),e&&n.setAttribute("initial-focus",e)}const
|
|
1
|
+
export{i as isExpandable}from"./p-bf750b97.js";export{t as transitionDuration}from"./p-85b18dbd.js";class o{constructor(t){if(this.modalElement=t,!t)throw new Error("unable to add event listener. try opening the modal first")}close(){document.body.removeChild(this.modalElement)}addEventListener(t,o){this.modalElement.addEventListener(t,o)}removeEventListener(t,o){this.modalElement.removeEventListener(t,o)}}class e{open(t,e){const s=this.createModal(t,e);return document.body.appendChild(s),new o(s)}createModal({title:t,body:o,footer:e},s){const n=document.createElement("dso-modal");if(t&&n.setAttribute("modal-title",t),s){const{role:t,showCloseButton:o,initialFocus:e,returnFocus:r}=s;t&&(n.role=t),o&&n.setAttribute("show-close-button",o?"true":"false"),e&&n.setAttribute("initial-focus",e),r&&(n.returnFocus=r)}const r=document.createElement("div");if(r.setAttribute("slot","body"),"string"==typeof o?r.innerHTML=o:r.appendChild(o),n.appendChild(r),e){const t=document.createElement("div");t.setAttribute("slot","footer"),"string"==typeof e?t.innerHTML=e:t.appendChild(e),n.appendChild(t)}return n}}export{e as DsoModalController}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{r as o,c as d,h as s,F as t,g as r}from"./p-98fd1658.js";import{c as a}from"./p-91963e3d.js";import{v as e}from"./p-5d7f4ff2.js";import"./p-5950644a.js";const i=class{constructor(s){o(this,s),this.dsoClose=d(this,"dsoClose",7),this.ariaId=e(),this.hasFooter=void 0,this.modalTitle=void 0,this.role="dialog",this.showCloseButton=!0,this.initialFocus=void 0,this.returnFocus=void 0}componentWillLoad(){this.hasFooter=null!==this.host.querySelector("*[slot = 'footer']")}componentDidLoad(){this.setFocusTrap()}disconnectedCallback(){var o;null===(o=this.trap)||void 0===o||o.deactivate({onDeactivate:()=>{}})}render(){return s(t,null,s("div",{class:"dso-modal-overlay"}),s("div",{class:"dso-modal",role:this.role,"aria-modal":"true","aria-labelledby":this.ariaId,ref:o=>this.modalElement=o},s("div",{class:"dso-dialog",role:"document",ref:o=>this.dialogElement=o},this.modalTitle?s("div",{class:"dso-header"},s("h2",{id:this.ariaId},this.modalTitle),this.showCloseButton&&s("button",{type:"button",class:"dso-close",onClick:o=>this.dsoClose.emit({originalEvent:o})},s("dso-icon",{icon:"times"}),s("span",{class:"sr-only"},"Sluiten"))):s("span",{class:"sr-only",id:this.ariaId},"Dialoog"),s("div",{class:"dso-body",tabIndex:0},s("slot",{name:"body"})),this.hasFooter&&s("div",{class:"dso-footer"},s("slot",{name:"footer"})))))}setFocusTrap(){this.dialogElement&&!this.trap&&(this.trap=a(this.dialogElement,{initialFocus:()=>{var o,d,s;if(this.initialFocus){const o=this.host.querySelector(this.initialFocus);if(o)return o;console.warn(`element '${this.initialFocus}' could not be found`)}return null!==(s=null!==(o=this.host.querySelector("div[slot='footer'] .dso-primary"))&&void 0!==o?o:null===(d=this.modalElement)||void 0===d?void 0:d.querySelector(".dso-close"))&&void 0!==s&&s},allowOutsideClick:!0,setReturnFocus:o=>{var d,s;return null!==(s=null===(d=this.returnFocus)||void 0===d?void 0:d.call(this,o))&&void 0!==s?s:o},escapeDeactivates:!0,tabbableOptions:{getShadowRoot:!0},clickOutsideDeactivates:o=>o instanceof MouseEvent&&o.composedPath()[0]===this.modalElement,onDeactivate:()=>{delete this.trap,this.dsoClose.emit({originalEvent:void 0})}}).activate())}get host(){return r(this)}};i.style="@keyframes slideInFromTop{0%{opacity:0}100%{opacity:1}}*,*::after,*::before{box-sizing:border-box}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);border:0}button{-webkit-appearance:button;color:inherit;cursor:pointer;font:inherit;font-family:inherit;font-size:inherit;line-height:inherit;margin:0;overflow:visible;text-transform:none}button[disabled]{cursor:default}button::-moz-focus-inner{border:0;padding:0}.dso-modal{bottom:0;height:100%;left:0;position:fixed;right:0;top:0;z-index:530}.dso-modal .dso-dialog{animation:1s ease-out 0s 1 slideInFromTop;margin-top:15vh;margin-left:auto;margin-right:auto;max-width:640px;opacity:1;background-color:#fff;box-shadow:0 8px 24px 0 rgba(25, 25, 25, 0.4)}.dso-modal .dso-header{border-bottom:1px solid #ccc;padding:16px;position:relative}.dso-modal .dso-header h2{color:#275937;margin:0;max-width:calc(100% - 24px)}.dso-modal .dso-header .dso-close{background-color:transparent;border:0;height:32px;padding:0;position:absolute;right:13px;text-align:center;top:16px;width:32px}.dso-modal .dso-body{height:calc(100% - 96px - 1.5rem);max-height:calc(70vh - 144px - 1.5em);min-height:1.5rem;overflow-x:auto;padding:32px}.dso-modal .dso-body p{margin:0 0 16px}.dso-modal .dso-body ul,.dso-modal .dso-body ol{margin-bottom:16px}.dso-modal .dso-body ul:not(.list-group):not(.dso-link-list):not(.dso-columns-list),.dso-modal .dso-body ol:not(.list-group):not(.dso-link-list):not(.dso-columns-list){padding-inline-start:24px}.dso-modal .dso-body pre{margin:0 0 16px}.dso-modal .dso-body blockquote{padding:16px 24px}.dso-modal .dso-body dso-highlight-box,.dso-modal .dso-body .dso-highlight-box{margin-bottom:24px}.dso-modal .dso-body img{height:auto;max-width:100%}.dso-modal .dso-footer{min-height:80px;padding:0 32px 32px;text-align:right}@media screen and (max-width: 767px){.dso-modal .dso-footer .btn+.btn,.dso-modal .dso-footer .btn+.dso-primary,.dso-modal .dso-footer .btn+.dso-secondary,.dso-modal .dso-footer .btn+.dso-tertiary,.dso-modal .dso-footer .dso-primary+.btn,.dso-modal .dso-footer .dso-primary+.dso-primary,.dso-modal .dso-footer .dso-primary+.dso-secondary,.dso-modal .dso-footer .dso-primary+.dso-tertiary,.dso-modal .dso-footer .dso-secondary+.btn,.dso-modal .dso-footer .dso-secondary+.dso-primary,.dso-modal .dso-footer .dso-secondary+.dso-secondary,.dso-modal .dso-footer .dso-secondary+.dso-tertiary,.dso-modal .dso-footer .dso-tertiary+.btn,.dso-modal .dso-footer .dso-tertiary+.dso-primary,.dso-modal .dso-footer .dso-tertiary+.dso-secondary,.dso-modal .dso-footer .dso-tertiary+.dso-tertiary{margin-left:0}.dso-modal .dso-footer button{text-align:center;width:100%}.dso-modal .dso-footer button+button{margin-top:8px}.dso-modal .dso-footer button.dso-tertiary,.dso-modal .dso-footer button.dso-tertiary span,.dso-modal .dso-footer button.btn-link,.dso-modal .dso-footer button.btn-link span{float:none}}@media screen and (min-width: 768px){.dso-modal .dso-footer .btn+.dso-secondary,.dso-modal .dso-footer .btn+.btn-default,.dso-modal .dso-footer .dso-primary+.dso-secondary,.dso-modal .dso-footer .dso-primary+.btn-default,.dso-modal .dso-footer .dso-secondary+.dso-secondary,.dso-modal .dso-footer .dso-secondary+.btn-default,.dso-modal .dso-footer .dso-tertiary+.dso-secondary,.dso-modal .dso-footer .dso-tertiary+.btn-default{margin-left:16px}.dso-modal .dso-footer .btn+.dso-tertiary,.dso-modal .dso-footer .btn+.btn-link,.dso-modal .dso-footer .dso-primary+.dso-tertiary,.dso-modal .dso-footer .dso-primary+.btn-link,.dso-modal .dso-footer .dso-secondary+.dso-tertiary,.dso-modal .dso-footer .dso-secondary+.btn-link,.dso-modal .dso-footer .dso-tertiary+.dso-tertiary,.dso-modal .dso-footer .dso-tertiary+.btn-link{margin-left:0}}@media screen and (max-width: 767px){.dso-modal .dso-dialog{max-width:100%;margin-top:0}.dso-modal .dso-footer .btn+.btn,.dso-modal .dso-footer .btn+.dso-primary,.dso-modal .dso-footer .btn+.dso-secondary,.dso-modal .dso-footer .btn+.dso-tertiary,.dso-modal .dso-footer .dso-primary+.btn,.dso-modal .dso-footer .dso-primary+.dso-primary,.dso-modal .dso-footer .dso-primary+.dso-secondary,.dso-modal .dso-footer .dso-primary+.dso-tertiary,.dso-modal .dso-footer .dso-secondary+.btn,.dso-modal .dso-footer .dso-secondary+.dso-primary,.dso-modal .dso-footer .dso-secondary+.dso-secondary,.dso-modal .dso-footer .dso-secondary+.dso-tertiary,.dso-modal .dso-footer .dso-tertiary+.btn,.dso-modal .dso-footer .dso-tertiary+.dso-primary,.dso-modal .dso-footer .dso-tertiary+.dso-secondary,.dso-modal .dso-footer .dso-tertiary+.dso-tertiary{margin-left:0}.dso-modal .dso-footer button{text-align:center;width:100%}.dso-modal .dso-footer button+button{margin-top:8px}.dso-modal .dso-footer button.dso-tertiary,.dso-modal .dso-footer button.dso-tertiary span,.dso-modal .dso-footer button.btn-link,.dso-modal .dso-footer button.btn-link span{float:none}}.dso-modal-overlay{background-color:rgba(255, 255, 255, 0.8);bottom:0;display:block;left:0;position:fixed;right:0;top:0;z-index:529}.dso-close dso-icon{color:#39870c}";export{i as dso_modal}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{r as o,c as t,h as n}from"./p-98fd1658.js";import{A as e}from"./p-89b97fce.js";import"./p-4b8535b7.js";const s=class{constructor(n){o(this,n),this.dsoToggle=t(this,"dsoToggle",7),this.identifier=void 0,this.annotationPrefix=void 0}async toggleAnnotation(o,t){e.toggle(t),this.dsoToggle.emit({originalEvent:o,open:e.state[this.identifier]})}toggleHandler(o){this.toggleAnnotation(o,this.identifier)}render(){return n("dso-responsive-element",null,n("dso-expandable",Object.assign({id:this.identifier},e.state[this.identifier]?{open:!0}:{}),n("div",{slot:"expandable-content"},this.annotationPrefix&&n("span",{class:"dso-annotation-prefix"},this.annotationPrefix),n("div",{class:"dso-annotation-header"},n("slot",{name:"title"}),n("slot",{name:"addons"}),n("button",{type:"button",class:"dso-tertiary dso-annotation-close-button",onClick:o=>this.toggleHandler(o)},n("dso-icon",{icon:"times"}),n("span",{class:"sr-only"},"Toelichting sluiten"))),n("div",{class:"dso-annotation-content"},n("slot",null)))))}};s.style="*,*::after,*::before{box-sizing:border-box}dso-annotation-output{display:block}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);border:0}.dso-annotation-header{align-items:center;background-color:#f2f2f2;clear:both;display:flex;margin-bottom:2px;margin-top:8px;padding-left:16px;padding-right:8px;padding-top:8px;padding-bottom:8px}.dso-annotation-header>*[slot=title]{color:#000;font-size:1.25rem;margin-bottom:0;margin-top:0}.dso-annotation-header>*:nth-child(2){margin-left:auto}dso-responsive-element[small] .dso-annotation-header,dso-responsive-element[medium] .dso-annotation-header{display:grid;row-gap:8px}dso-responsive-element[small] .dso-annotation-header *[slot=title],dso-responsive-element[medium] .dso-annotation-header *[slot=title]{grid-row:1;grid-column:1}dso-responsive-element[small] .dso-annotation-header *[slot=addons],dso-responsive-element[medium] .dso-annotation-header *[slot=addons]{grid-row:2;grid-column:1;margin-left:initial}dso-responsive-element[small] .dso-annotation-header .dso-annotation-close-button,dso-responsive-element[medium] .dso-annotation-header .dso-annotation-close-button{grid-row:1;grid-column:2;margin-left:8px;text-align:end}.dso-annotation-content{background-color:#f2f2f2;padding-left:16px;padding-right:8px;padding-top:8px;padding-bottom:8px}.dso-annotation-close-button{margin-left:32px}.dso-annotation-prefix{font-style:italic}";export{s as dso_annotation_output}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{r as n,f as t,h as e,H as o,g as r}from"./p-98fd1658.js";import{d as s}from"./p-1805f5b0.js";import{c as i}from"./p-57ceabab.js";import"./p-3635427a.js";const a=class{constructor(t){n(this,t),this.titelSlot=null,this.bijschriftSlot=null,this.active=!1,this.zoomable=!1}loadListener(n){n.target instanceof HTMLImageElement&&this.setZoomable(n.target)}connectedCallback(){this.titelSlot=this.host.querySelector("div[slot='titel']"),this.bijschriftSlot=this.host.querySelector("div[slot='bijschrift']")}componentDidLoad(){this.resizeObserver=new ResizeObserver(s((()=>{const n=this.host.querySelector("img");n instanceof HTMLImageElement&&this.setZoomable(n)}),200)),this.mutationObserver=new MutationObserver((n=>{var e,o;t(this.host),"childList"===(null===(e=n[0])||void 0===e?void 0:e.type)&&(null===(o=this.resizeObserver)||void 0===o||o.disconnect(),this.initZoomableImage())})),this.mutationObserver.observe(this.host,{attributes:!0,subtree:!0,attributeFilter:["src","alt"],childList:!0}),this.initZoomableImage()}disconnectedCallback(){var n,t,e;null===(n=this.trap)||void 0===n||n.deactivate(),null===(t=this.mutationObserver)||void 0===t||t.disconnect(),null===(e=this.resizeObserver)||void 0===e||e.disconnect()}initZoomableImage(){var n;const t=this.host.querySelector("img");t instanceof HTMLImageElement&&(t.complete&&this.setZoomable(t),null===(n=this.resizeObserver)||void 0===n||n.observe(t))}setZoomable(n){const{width:t,naturalWidth:e,height:o,naturalHeight:r}=n;this.zoomable=t<e||o<r}render(){var n;const{src:t,alt:r}=null!==(n=this.host.querySelector("img"))&&void 0!==n?n:{};return e(o,{onClick:()=>{var n;return null===(n=this.buttonElement)||void 0===n?void 0:n.focus()}},this.active&&t&&r&&e("div",{class:"dimmer"},e("div",{class:"wrapper",ref:n=>this.wrapperElement=n},e("div",{class:"titel",hidden:!this.titelSlot},e("slot",{name:"titel"})),e("img",{src:t,alt:r}),e("button",{type:"button",class:"close",onClick:()=>this.active=!1},e("dso-icon",{icon:"times"}),e("span",null,"Sluiten")),e("div",{class:"figuur-bijschrift",hidden:!this.bijschriftSlot},e("slot",{name:"bijschrift"})))),e("slot",null),this.zoomable&&e("button",{type:"button",class:"open",ref:n=>this.buttonElement=n,onClick:()=>this.active=!0},e("dso-icon",{icon:"external-link"}),e("span",null,"Afbeelding vergroot weergeven")))}componentDidRender(){var n,t;this.active&&this.wrapperElement&&!this.trap?this.trap=i(this.wrapperElement,{escapeDeactivates:!0,clickOutsideDeactivates:n=>!(n instanceof MouseEvent&&n.composedPath()[0]===this.wrapperElement&&(this.active=!1,1)),setReturnFocus:null!==(n=this.buttonElement)&&void 0!==n&&n,onDeactivate:()=>this.active=!1}).activate():!this.active&&this.trap&&(null===(t=this.trap)||void 0===t||t.deactivate(),delete this.trap)}get host(){return r(this)}};a.style=":host {\n display: inline-block;\n position: relative;\n}\n\n:host(:hover) .open,\n.open:focus {\n opacity: 1;\n}\n\nbutton {\n -webkit-appearance: button;\n color: inherit;\n cursor: pointer;\n font: inherit;\n font-family: inherit;\n font-size: inherit;\n line-height: inherit;\n margin: 0;\n overflow: visible;\n text-transform: none;\n}\nbutton[disabled] {\n cursor: default;\n}\nbutton::-moz-focus-inner {\n border: 0;\n padding: 0;\n}\n\n.open {\n display: inline-block;\n font-size: 1em;\n font-weight: 500;\n margin-bottom: 0;\n text-decoration: none;\n touch-action: manipulation;\n text-align: left;\n user-select: none;\n vertical-align: middle;\n background-color: #fff;\n border-color: #39870c;\n color: #39870c;\n border-width: 1px;\n border-style: solid;\n border-radius: 4px;\n line-height: 1.5;\n min-width: 56px;\n padding: 11px 15px;\n border: 0;\n box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.5);\n min-width: auto;\n padding: 8px;\n opacity: 0;\n position: absolute;\n right: 16px;\n top: 16px;\n}\n.open:focus, .open:focus-visible {\n outline-offset: 2px;\n}\n.open:active {\n outline: 0;\n}\n.open:hover {\n background-color: #39870c;\n border-color: #39870c;\n color: #fff;\n}\n.open:active {\n background-color: #275937;\n border-color: #275937;\n color: #fff;\n}\n.open[disabled], .open[disabled]:hover {\n background-color: #fff;\n border-color: #afcf9d;\n color: #afcf9d;\n}\n.open.btn-sm {\n line-height: 1rem;\n}\n.open.btn-sm dso-icon,\n.open.btn-sm svg.di, .open.btn-sm.extern::after, .open.btn-sm.download::after, .open.btn-sm.dso-spinner::before {\n margin-bottom: -4px;\n margin-top: -4px;\n}\n.open.btn-sm.dso-spinner-left::before {\n height: 16px;\n width: 16px;\n}\n.open.btn-sm.dso-spinner-right::after {\n height: 16px;\n width: 16px;\n}\n.open > span {\n position: absolute;\n width: 1px;\n height: 1px;\n padding: 0;\n margin: -1px;\n overflow: hidden;\n clip: rect(0, 0, 0, 0);\n border: 0;\n}\n.open.dso-spinner-left[disabled], .open.dso-spinner-right[disabled] {\n background-color: #fff;\n border-color: #39870c;\n color: #39870c;\n}\n.open.dso-spinner-left::before {\n background-image: url(\"data:image/svg+xml,%3Csvg class='spinner' viewBox='0 0 100 100' xmlns='http://www.w3.org/2000/svg' %3E%3Cstyle%3E .spinner %7B animation: rotator 8s linear infinite; transform-origin: center; %7D @keyframes rotator %7B 0%25 %7B transform: rotate(0deg); %7D 100%25 %7B transform: rotate(360deg); %7D %7D .path %7B stroke-dasharray: 265; stroke-dashoffset: 0; transform-origin: center; stroke: %2339870c; animation: dash 2s ease-in-out infinite; %7D @keyframes dash %7B 0%25 %7B stroke-dashoffset: 265; %7D 50%25 %7B stroke-dashoffset: 65; transform:rotate(90deg); %7D 100%25 %7B stroke-dashoffset: 265; transform:rotate(360deg); %7D %3C/style%3E%3Ccircle class='path' fill='none' stroke-width='10' stroke-linecap='butt' cx='50' cy='50' r='45'%3E%3C/circle%3E%3C/svg%3E\");\n background-repeat: no-repeat;\n content: \"\";\n display: inline-block;\n height: 24px;\n vertical-align: top;\n width: 24px;\n margin-right: 8px;\n}\n.open.dso-spinner-left:not([disabled]):hover::before {\n background-image: url(\"data:image/svg+xml,%3Csvg class='spinner' viewBox='0 0 100 100' xmlns='http://www.w3.org/2000/svg' %3E%3Cstyle%3E .spinner %7B animation: rotator 8s linear infinite; transform-origin: center; %7D @keyframes rotator %7B 0%25 %7B transform: rotate(0deg); %7D 100%25 %7B transform: rotate(360deg); %7D %7D .path %7B stroke-dasharray: 265; stroke-dashoffset: 0; transform-origin: center; stroke: %23fff; animation: dash 2s ease-in-out infinite; %7D @keyframes dash %7B 0%25 %7B stroke-dashoffset: 265; %7D 50%25 %7B stroke-dashoffset: 65; transform:rotate(90deg); %7D 100%25 %7B stroke-dashoffset: 265; transform:rotate(360deg); %7D %3C/style%3E%3Ccircle class='path' fill='none' stroke-width='10' stroke-linecap='butt' cx='50' cy='50' r='45'%3E%3C/circle%3E%3C/svg%3E\");\n background-repeat: no-repeat;\n content: \"\";\n display: inline-block;\n height: 24px;\n vertical-align: top;\n width: 24px;\n margin-right: 8px;\n}\n.open.dso-spinner-left:not([disabled]).btn-sm:hover::before {\n height: 16px;\n width: 16px;\n}\n.open.dso-spinner-right::after {\n background-image: url(\"data:image/svg+xml,%3Csvg class='spinner' viewBox='0 0 100 100' xmlns='http://www.w3.org/2000/svg' %3E%3Cstyle%3E .spinner %7B animation: rotator 8s linear infinite; transform-origin: center; %7D @keyframes rotator %7B 0%25 %7B transform: rotate(0deg); %7D 100%25 %7B transform: rotate(360deg); %7D %7D .path %7B stroke-dasharray: 265; stroke-dashoffset: 0; transform-origin: center; stroke: %2339870c; animation: dash 2s ease-in-out infinite; %7D @keyframes dash %7B 0%25 %7B stroke-dashoffset: 265; %7D 50%25 %7B stroke-dashoffset: 65; transform:rotate(90deg); %7D 100%25 %7B stroke-dashoffset: 265; transform:rotate(360deg); %7D %3C/style%3E%3Ccircle class='path' fill='none' stroke-width='10' stroke-linecap='butt' cx='50' cy='50' r='45'%3E%3C/circle%3E%3C/svg%3E\");\n background-repeat: no-repeat;\n content: \"\";\n display: inline-block;\n height: 24px;\n vertical-align: top;\n width: 24px;\n margin-left: 8px;\n}\n.open.dso-spinner-right:not([disabled]):hover::after {\n background-image: url(\"data:image/svg+xml,%3Csvg class='spinner' viewBox='0 0 100 100' xmlns='http://www.w3.org/2000/svg' %3E%3Cstyle%3E .spinner %7B animation: rotator 8s linear infinite; transform-origin: center; %7D @keyframes rotator %7B 0%25 %7B transform: rotate(0deg); %7D 100%25 %7B transform: rotate(360deg); %7D %7D .path %7B stroke-dasharray: 265; stroke-dashoffset: 0; transform-origin: center; stroke: %23fff; animation: dash 2s ease-in-out infinite; %7D @keyframes dash %7B 0%25 %7B stroke-dashoffset: 265; %7D 50%25 %7B stroke-dashoffset: 65; transform:rotate(90deg); %7D 100%25 %7B stroke-dashoffset: 265; transform:rotate(360deg); %7D %3C/style%3E%3Ccircle class='path' fill='none' stroke-width='10' stroke-linecap='butt' cx='50' cy='50' r='45'%3E%3C/circle%3E%3C/svg%3E\");\n background-repeat: no-repeat;\n content: \"\";\n display: inline-block;\n height: 24px;\n vertical-align: top;\n width: 24px;\n margin-left: 8px;\n}\n.open.dso-spinner-right:not([disabled]).btn-sm:hover::after {\n height: 16px;\n width: 16px;\n}\n\n.dimmer {\n position: fixed;\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n z-index: 19;\n display: flex;\n padding: 32px;\n background-color: rgba(255, 255, 255, 0.8);\n justify-content: center;\n}\n\n.wrapper {\n align-self: center;\n box-shadow: 0 8px 24px 0 rgba(25, 25, 25, 0.4);\n line-height: 0;\n outline: 4px solid #fff;\n position: relative;\n z-index: 20;\n}\n.wrapper .titel:not([hidden]) {\n background-color: #fff;\n font-weight: 700;\n line-height: initial;\n padding: 8px;\n position: absolute;\n}\n.wrapper img {\n width: auto;\n height: auto;\n max-width: 100%;\n max-height: calc(100vh - 64px);\n}\n.wrapper .figuur-bijschrift:not([hidden]) {\n display: block;\n font-size: 0.75rem;\n font-style: italic;\n padding-bottom: 12px;\n padding-top: 16px;\n}\n\n.close {\n display: inline-block;\n font-size: 1em;\n font-weight: 500;\n margin-bottom: 0;\n text-decoration: none;\n touch-action: manipulation;\n text-align: left;\n user-select: none;\n vertical-align: middle;\n background-color: #fff;\n border-color: #39870c;\n color: #39870c;\n border-width: 1px;\n border-style: solid;\n border-radius: 4px;\n line-height: 1.5;\n min-width: 56px;\n padding: 11px 15px;\n border: 0;\n box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.5);\n min-width: auto;\n padding: 8px;\n position: absolute;\n top: 16px;\n right: 16px;\n}\n.close:focus, .close:focus-visible {\n outline-offset: 2px;\n}\n.close:active {\n outline: 0;\n}\n.close:hover {\n background-color: #39870c;\n border-color: #39870c;\n color: #fff;\n}\n.close:active {\n background-color: #275937;\n border-color: #275937;\n color: #fff;\n}\n.close[disabled], .close[disabled]:hover {\n background-color: #fff;\n border-color: #afcf9d;\n color: #afcf9d;\n}\n.close.btn-sm {\n line-height: 1rem;\n}\n.close.btn-sm dso-icon,\n.close.btn-sm svg.di, .close.btn-sm.extern::after, .close.btn-sm.download::after, .close.btn-sm.dso-spinner::before {\n margin-bottom: -4px;\n margin-top: -4px;\n}\n.close.btn-sm.dso-spinner-left::before {\n height: 16px;\n width: 16px;\n}\n.close.btn-sm.dso-spinner-right::after {\n height: 16px;\n width: 16px;\n}\n.close > span {\n position: absolute;\n width: 1px;\n height: 1px;\n padding: 0;\n margin: -1px;\n overflow: hidden;\n clip: rect(0, 0, 0, 0);\n border: 0;\n}\n.close.dso-spinner-left[disabled], .close.dso-spinner-right[disabled] {\n background-color: #fff;\n border-color: #39870c;\n color: #39870c;\n}\n.close.dso-spinner-left::before {\n background-image: url(\"data:image/svg+xml,%3Csvg class='spinner' viewBox='0 0 100 100' xmlns='http://www.w3.org/2000/svg' %3E%3Cstyle%3E .spinner %7B animation: rotator 8s linear infinite; transform-origin: center; %7D @keyframes rotator %7B 0%25 %7B transform: rotate(0deg); %7D 100%25 %7B transform: rotate(360deg); %7D %7D .path %7B stroke-dasharray: 265; stroke-dashoffset: 0; transform-origin: center; stroke: %2339870c; animation: dash 2s ease-in-out infinite; %7D @keyframes dash %7B 0%25 %7B stroke-dashoffset: 265; %7D 50%25 %7B stroke-dashoffset: 65; transform:rotate(90deg); %7D 100%25 %7B stroke-dashoffset: 265; transform:rotate(360deg); %7D %3C/style%3E%3Ccircle class='path' fill='none' stroke-width='10' stroke-linecap='butt' cx='50' cy='50' r='45'%3E%3C/circle%3E%3C/svg%3E\");\n background-repeat: no-repeat;\n content: \"\";\n display: inline-block;\n height: 24px;\n vertical-align: top;\n width: 24px;\n margin-right: 8px;\n}\n.close.dso-spinner-left:not([disabled]):hover::before {\n background-image: url(\"data:image/svg+xml,%3Csvg class='spinner' viewBox='0 0 100 100' xmlns='http://www.w3.org/2000/svg' %3E%3Cstyle%3E .spinner %7B animation: rotator 8s linear infinite; transform-origin: center; %7D @keyframes rotator %7B 0%25 %7B transform: rotate(0deg); %7D 100%25 %7B transform: rotate(360deg); %7D %7D .path %7B stroke-dasharray: 265; stroke-dashoffset: 0; transform-origin: center; stroke: %23fff; animation: dash 2s ease-in-out infinite; %7D @keyframes dash %7B 0%25 %7B stroke-dashoffset: 265; %7D 50%25 %7B stroke-dashoffset: 65; transform:rotate(90deg); %7D 100%25 %7B stroke-dashoffset: 265; transform:rotate(360deg); %7D %3C/style%3E%3Ccircle class='path' fill='none' stroke-width='10' stroke-linecap='butt' cx='50' cy='50' r='45'%3E%3C/circle%3E%3C/svg%3E\");\n background-repeat: no-repeat;\n content: \"\";\n display: inline-block;\n height: 24px;\n vertical-align: top;\n width: 24px;\n margin-right: 8px;\n}\n.close.dso-spinner-left:not([disabled]).btn-sm:hover::before {\n height: 16px;\n width: 16px;\n}\n.close.dso-spinner-right::after {\n background-image: url(\"data:image/svg+xml,%3Csvg class='spinner' viewBox='0 0 100 100' xmlns='http://www.w3.org/2000/svg' %3E%3Cstyle%3E .spinner %7B animation: rotator 8s linear infinite; transform-origin: center; %7D @keyframes rotator %7B 0%25 %7B transform: rotate(0deg); %7D 100%25 %7B transform: rotate(360deg); %7D %7D .path %7B stroke-dasharray: 265; stroke-dashoffset: 0; transform-origin: center; stroke: %2339870c; animation: dash 2s ease-in-out infinite; %7D @keyframes dash %7B 0%25 %7B stroke-dashoffset: 265; %7D 50%25 %7B stroke-dashoffset: 65; transform:rotate(90deg); %7D 100%25 %7B stroke-dashoffset: 265; transform:rotate(360deg); %7D %3C/style%3E%3Ccircle class='path' fill='none' stroke-width='10' stroke-linecap='butt' cx='50' cy='50' r='45'%3E%3C/circle%3E%3C/svg%3E\");\n background-repeat: no-repeat;\n content: \"\";\n display: inline-block;\n height: 24px;\n vertical-align: top;\n width: 24px;\n margin-left: 8px;\n}\n.close.dso-spinner-right:not([disabled]):hover::after {\n background-image: url(\"data:image/svg+xml,%3Csvg class='spinner' viewBox='0 0 100 100' xmlns='http://www.w3.org/2000/svg' %3E%3Cstyle%3E .spinner %7B animation: rotator 8s linear infinite; transform-origin: center; %7D @keyframes rotator %7B 0%25 %7B transform: rotate(0deg); %7D 100%25 %7B transform: rotate(360deg); %7D %7D .path %7B stroke-dasharray: 265; stroke-dashoffset: 0; transform-origin: center; stroke: %23fff; animation: dash 2s ease-in-out infinite; %7D @keyframes dash %7B 0%25 %7B stroke-dashoffset: 265; %7D 50%25 %7B stroke-dashoffset: 65; transform:rotate(90deg); %7D 100%25 %7B stroke-dashoffset: 265; transform:rotate(360deg); %7D %3C/style%3E%3Ccircle class='path' fill='none' stroke-width='10' stroke-linecap='butt' cx='50' cy='50' r='45'%3E%3C/circle%3E%3C/svg%3E\");\n background-repeat: no-repeat;\n content: \"\";\n display: inline-block;\n height: 24px;\n vertical-align: top;\n width: 24px;\n margin-left: 8px;\n}\n.close.dso-spinner-right:not([disabled]).btn-sm:hover::after {\n height: 16px;\n width: 16px;\n}";export{a as dso_image_overlay}
|
|
1
|
+
import{r as n,f as t,h as e,H as o,g as r}from"./p-98fd1658.js";import{d as s}from"./p-1805f5b0.js";import{c as i}from"./p-91963e3d.js";import"./p-5950644a.js";const a=class{constructor(t){n(this,t),this.titelSlot=null,this.bijschriftSlot=null,this.active=!1,this.zoomable=!1}loadListener(n){n.target instanceof HTMLImageElement&&this.setZoomable(n.target)}connectedCallback(){this.titelSlot=this.host.querySelector("div[slot='titel']"),this.bijschriftSlot=this.host.querySelector("div[slot='bijschrift']")}componentDidLoad(){this.resizeObserver=new ResizeObserver(s((()=>{const n=this.host.querySelector("img");n instanceof HTMLImageElement&&this.setZoomable(n)}),200)),this.mutationObserver=new MutationObserver((n=>{var e,o;t(this.host),"childList"===(null===(e=n[0])||void 0===e?void 0:e.type)&&(null===(o=this.resizeObserver)||void 0===o||o.disconnect(),this.initZoomableImage())})),this.mutationObserver.observe(this.host,{attributes:!0,subtree:!0,attributeFilter:["src","alt"],childList:!0}),this.initZoomableImage()}disconnectedCallback(){var n,t,e;null===(n=this.trap)||void 0===n||n.deactivate(),null===(t=this.mutationObserver)||void 0===t||t.disconnect(),null===(e=this.resizeObserver)||void 0===e||e.disconnect()}initZoomableImage(){var n;const t=this.host.querySelector("img");t instanceof HTMLImageElement&&(t.complete&&this.setZoomable(t),null===(n=this.resizeObserver)||void 0===n||n.observe(t))}setZoomable(n){const{width:t,naturalWidth:e,height:o,naturalHeight:r}=n;this.zoomable=t<e||o<r}render(){var n;const{src:t,alt:r}=null!==(n=this.host.querySelector("img"))&&void 0!==n?n:{};return e(o,{onClick:()=>{var n;return null===(n=this.buttonElement)||void 0===n?void 0:n.focus()}},this.active&&t&&r&&e("div",{class:"dimmer"},e("div",{class:"wrapper",ref:n=>this.wrapperElement=n},e("div",{class:"titel",hidden:!this.titelSlot},e("slot",{name:"titel"})),e("img",{src:t,alt:r}),e("button",{type:"button",class:"close",onClick:()=>this.active=!1},e("dso-icon",{icon:"times"}),e("span",null,"Sluiten")),e("div",{class:"figuur-bijschrift",hidden:!this.bijschriftSlot},e("slot",{name:"bijschrift"})))),e("slot",null),this.zoomable&&e("button",{type:"button",class:"open",ref:n=>this.buttonElement=n,onClick:()=>this.active=!0},e("dso-icon",{icon:"external-link"}),e("span",null,"Afbeelding vergroot weergeven")))}componentDidRender(){var n,t;this.active&&this.wrapperElement&&!this.trap?this.trap=i(this.wrapperElement,{escapeDeactivates:!0,clickOutsideDeactivates:n=>!(n instanceof MouseEvent&&n.composedPath()[0]===this.wrapperElement&&(this.active=!1,1)),setReturnFocus:null!==(n=this.buttonElement)&&void 0!==n&&n,onDeactivate:()=>this.active=!1}).activate():!this.active&&this.trap&&(null===(t=this.trap)||void 0===t||t.deactivate(),delete this.trap)}get host(){return r(this)}};a.style=":host {\n display: inline-block;\n position: relative;\n}\n\n:host(:hover) .open,\n.open:focus {\n opacity: 1;\n}\n\nbutton {\n -webkit-appearance: button;\n color: inherit;\n cursor: pointer;\n font: inherit;\n font-family: inherit;\n font-size: inherit;\n line-height: inherit;\n margin: 0;\n overflow: visible;\n text-transform: none;\n}\nbutton[disabled] {\n cursor: default;\n}\nbutton::-moz-focus-inner {\n border: 0;\n padding: 0;\n}\n\n.open {\n display: inline-block;\n font-size: 1em;\n font-weight: 500;\n margin-bottom: 0;\n text-decoration: none;\n touch-action: manipulation;\n text-align: left;\n user-select: none;\n vertical-align: middle;\n background-color: #fff;\n border-color: #39870c;\n color: #39870c;\n border-width: 1px;\n border-style: solid;\n border-radius: 4px;\n line-height: 1.5;\n min-width: 56px;\n padding: 11px 15px;\n border: 0;\n box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.5);\n min-width: auto;\n padding: 8px;\n opacity: 0;\n position: absolute;\n right: 16px;\n top: 16px;\n}\n.open:focus, .open:focus-visible {\n outline-offset: 2px;\n}\n.open:active {\n outline: 0;\n}\n.open:hover {\n background-color: #39870c;\n border-color: #39870c;\n color: #fff;\n}\n.open:active {\n background-color: #275937;\n border-color: #275937;\n color: #fff;\n}\n.open[disabled], .open[disabled]:hover {\n background-color: #fff;\n border-color: #afcf9d;\n color: #afcf9d;\n}\n.open.btn-sm {\n line-height: 1rem;\n}\n.open.btn-sm dso-icon,\n.open.btn-sm svg.di, .open.btn-sm.extern::after, .open.btn-sm.download::after, .open.btn-sm.dso-spinner::before {\n margin-bottom: -4px;\n margin-top: -4px;\n}\n.open.btn-sm.dso-spinner-left::before {\n height: 16px;\n width: 16px;\n}\n.open.btn-sm.dso-spinner-right::after {\n height: 16px;\n width: 16px;\n}\n.open > span {\n position: absolute;\n width: 1px;\n height: 1px;\n padding: 0;\n margin: -1px;\n overflow: hidden;\n clip: rect(0, 0, 0, 0);\n border: 0;\n}\n.open.dso-spinner-left[disabled], .open.dso-spinner-right[disabled] {\n background-color: #fff;\n border-color: #39870c;\n color: #39870c;\n}\n.open.dso-spinner-left::before {\n background-image: url(\"data:image/svg+xml,%3Csvg class='spinner' viewBox='0 0 100 100' xmlns='http://www.w3.org/2000/svg' %3E%3Cstyle%3E .spinner %7B animation: rotator 8s linear infinite; transform-origin: center; %7D @keyframes rotator %7B 0%25 %7B transform: rotate(0deg); %7D 100%25 %7B transform: rotate(360deg); %7D %7D .path %7B stroke-dasharray: 265; stroke-dashoffset: 0; transform-origin: center; stroke: %2339870c; animation: dash 2s ease-in-out infinite; %7D @keyframes dash %7B 0%25 %7B stroke-dashoffset: 265; %7D 50%25 %7B stroke-dashoffset: 65; transform:rotate(90deg); %7D 100%25 %7B stroke-dashoffset: 265; transform:rotate(360deg); %7D %3C/style%3E%3Ccircle class='path' fill='none' stroke-width='10' stroke-linecap='butt' cx='50' cy='50' r='45'%3E%3C/circle%3E%3C/svg%3E\");\n background-repeat: no-repeat;\n content: \"\";\n display: inline-block;\n height: 24px;\n vertical-align: top;\n width: 24px;\n margin-right: 8px;\n}\n.open.dso-spinner-left:not([disabled]):hover::before {\n background-image: url(\"data:image/svg+xml,%3Csvg class='spinner' viewBox='0 0 100 100' xmlns='http://www.w3.org/2000/svg' %3E%3Cstyle%3E .spinner %7B animation: rotator 8s linear infinite; transform-origin: center; %7D @keyframes rotator %7B 0%25 %7B transform: rotate(0deg); %7D 100%25 %7B transform: rotate(360deg); %7D %7D .path %7B stroke-dasharray: 265; stroke-dashoffset: 0; transform-origin: center; stroke: %23fff; animation: dash 2s ease-in-out infinite; %7D @keyframes dash %7B 0%25 %7B stroke-dashoffset: 265; %7D 50%25 %7B stroke-dashoffset: 65; transform:rotate(90deg); %7D 100%25 %7B stroke-dashoffset: 265; transform:rotate(360deg); %7D %3C/style%3E%3Ccircle class='path' fill='none' stroke-width='10' stroke-linecap='butt' cx='50' cy='50' r='45'%3E%3C/circle%3E%3C/svg%3E\");\n background-repeat: no-repeat;\n content: \"\";\n display: inline-block;\n height: 24px;\n vertical-align: top;\n width: 24px;\n margin-right: 8px;\n}\n.open.dso-spinner-left:not([disabled]).btn-sm:hover::before {\n height: 16px;\n width: 16px;\n}\n.open.dso-spinner-right::after {\n background-image: url(\"data:image/svg+xml,%3Csvg class='spinner' viewBox='0 0 100 100' xmlns='http://www.w3.org/2000/svg' %3E%3Cstyle%3E .spinner %7B animation: rotator 8s linear infinite; transform-origin: center; %7D @keyframes rotator %7B 0%25 %7B transform: rotate(0deg); %7D 100%25 %7B transform: rotate(360deg); %7D %7D .path %7B stroke-dasharray: 265; stroke-dashoffset: 0; transform-origin: center; stroke: %2339870c; animation: dash 2s ease-in-out infinite; %7D @keyframes dash %7B 0%25 %7B stroke-dashoffset: 265; %7D 50%25 %7B stroke-dashoffset: 65; transform:rotate(90deg); %7D 100%25 %7B stroke-dashoffset: 265; transform:rotate(360deg); %7D %3C/style%3E%3Ccircle class='path' fill='none' stroke-width='10' stroke-linecap='butt' cx='50' cy='50' r='45'%3E%3C/circle%3E%3C/svg%3E\");\n background-repeat: no-repeat;\n content: \"\";\n display: inline-block;\n height: 24px;\n vertical-align: top;\n width: 24px;\n margin-left: 8px;\n}\n.open.dso-spinner-right:not([disabled]):hover::after {\n background-image: url(\"data:image/svg+xml,%3Csvg class='spinner' viewBox='0 0 100 100' xmlns='http://www.w3.org/2000/svg' %3E%3Cstyle%3E .spinner %7B animation: rotator 8s linear infinite; transform-origin: center; %7D @keyframes rotator %7B 0%25 %7B transform: rotate(0deg); %7D 100%25 %7B transform: rotate(360deg); %7D %7D .path %7B stroke-dasharray: 265; stroke-dashoffset: 0; transform-origin: center; stroke: %23fff; animation: dash 2s ease-in-out infinite; %7D @keyframes dash %7B 0%25 %7B stroke-dashoffset: 265; %7D 50%25 %7B stroke-dashoffset: 65; transform:rotate(90deg); %7D 100%25 %7B stroke-dashoffset: 265; transform:rotate(360deg); %7D %3C/style%3E%3Ccircle class='path' fill='none' stroke-width='10' stroke-linecap='butt' cx='50' cy='50' r='45'%3E%3C/circle%3E%3C/svg%3E\");\n background-repeat: no-repeat;\n content: \"\";\n display: inline-block;\n height: 24px;\n vertical-align: top;\n width: 24px;\n margin-left: 8px;\n}\n.open.dso-spinner-right:not([disabled]).btn-sm:hover::after {\n height: 16px;\n width: 16px;\n}\n\n.dimmer {\n position: fixed;\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n z-index: 19;\n display: flex;\n padding: 32px;\n background-color: rgba(255, 255, 255, 0.8);\n justify-content: center;\n}\n\n.wrapper {\n align-self: center;\n box-shadow: 0 8px 24px 0 rgba(25, 25, 25, 0.4);\n line-height: 0;\n outline: 4px solid #fff;\n position: relative;\n z-index: 20;\n}\n.wrapper .titel:not([hidden]) {\n background-color: #fff;\n font-weight: 700;\n line-height: initial;\n padding: 8px;\n position: absolute;\n}\n.wrapper img {\n width: auto;\n height: auto;\n max-width: 100%;\n max-height: calc(100vh - 64px);\n}\n.wrapper .figuur-bijschrift:not([hidden]) {\n display: block;\n font-size: 0.75rem;\n font-style: italic;\n padding-bottom: 12px;\n padding-top: 16px;\n}\n\n.close {\n display: inline-block;\n font-size: 1em;\n font-weight: 500;\n margin-bottom: 0;\n text-decoration: none;\n touch-action: manipulation;\n text-align: left;\n user-select: none;\n vertical-align: middle;\n background-color: #fff;\n border-color: #39870c;\n color: #39870c;\n border-width: 1px;\n border-style: solid;\n border-radius: 4px;\n line-height: 1.5;\n min-width: 56px;\n padding: 11px 15px;\n border: 0;\n box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.5);\n min-width: auto;\n padding: 8px;\n position: absolute;\n top: 16px;\n right: 16px;\n}\n.close:focus, .close:focus-visible {\n outline-offset: 2px;\n}\n.close:active {\n outline: 0;\n}\n.close:hover {\n background-color: #39870c;\n border-color: #39870c;\n color: #fff;\n}\n.close:active {\n background-color: #275937;\n border-color: #275937;\n color: #fff;\n}\n.close[disabled], .close[disabled]:hover {\n background-color: #fff;\n border-color: #afcf9d;\n color: #afcf9d;\n}\n.close.btn-sm {\n line-height: 1rem;\n}\n.close.btn-sm dso-icon,\n.close.btn-sm svg.di, .close.btn-sm.extern::after, .close.btn-sm.download::after, .close.btn-sm.dso-spinner::before {\n margin-bottom: -4px;\n margin-top: -4px;\n}\n.close.btn-sm.dso-spinner-left::before {\n height: 16px;\n width: 16px;\n}\n.close.btn-sm.dso-spinner-right::after {\n height: 16px;\n width: 16px;\n}\n.close > span {\n position: absolute;\n width: 1px;\n height: 1px;\n padding: 0;\n margin: -1px;\n overflow: hidden;\n clip: rect(0, 0, 0, 0);\n border: 0;\n}\n.close.dso-spinner-left[disabled], .close.dso-spinner-right[disabled] {\n background-color: #fff;\n border-color: #39870c;\n color: #39870c;\n}\n.close.dso-spinner-left::before {\n background-image: url(\"data:image/svg+xml,%3Csvg class='spinner' viewBox='0 0 100 100' xmlns='http://www.w3.org/2000/svg' %3E%3Cstyle%3E .spinner %7B animation: rotator 8s linear infinite; transform-origin: center; %7D @keyframes rotator %7B 0%25 %7B transform: rotate(0deg); %7D 100%25 %7B transform: rotate(360deg); %7D %7D .path %7B stroke-dasharray: 265; stroke-dashoffset: 0; transform-origin: center; stroke: %2339870c; animation: dash 2s ease-in-out infinite; %7D @keyframes dash %7B 0%25 %7B stroke-dashoffset: 265; %7D 50%25 %7B stroke-dashoffset: 65; transform:rotate(90deg); %7D 100%25 %7B stroke-dashoffset: 265; transform:rotate(360deg); %7D %3C/style%3E%3Ccircle class='path' fill='none' stroke-width='10' stroke-linecap='butt' cx='50' cy='50' r='45'%3E%3C/circle%3E%3C/svg%3E\");\n background-repeat: no-repeat;\n content: \"\";\n display: inline-block;\n height: 24px;\n vertical-align: top;\n width: 24px;\n margin-right: 8px;\n}\n.close.dso-spinner-left:not([disabled]):hover::before {\n background-image: url(\"data:image/svg+xml,%3Csvg class='spinner' viewBox='0 0 100 100' xmlns='http://www.w3.org/2000/svg' %3E%3Cstyle%3E .spinner %7B animation: rotator 8s linear infinite; transform-origin: center; %7D @keyframes rotator %7B 0%25 %7B transform: rotate(0deg); %7D 100%25 %7B transform: rotate(360deg); %7D %7D .path %7B stroke-dasharray: 265; stroke-dashoffset: 0; transform-origin: center; stroke: %23fff; animation: dash 2s ease-in-out infinite; %7D @keyframes dash %7B 0%25 %7B stroke-dashoffset: 265; %7D 50%25 %7B stroke-dashoffset: 65; transform:rotate(90deg); %7D 100%25 %7B stroke-dashoffset: 265; transform:rotate(360deg); %7D %3C/style%3E%3Ccircle class='path' fill='none' stroke-width='10' stroke-linecap='butt' cx='50' cy='50' r='45'%3E%3C/circle%3E%3C/svg%3E\");\n background-repeat: no-repeat;\n content: \"\";\n display: inline-block;\n height: 24px;\n vertical-align: top;\n width: 24px;\n margin-right: 8px;\n}\n.close.dso-spinner-left:not([disabled]).btn-sm:hover::before {\n height: 16px;\n width: 16px;\n}\n.close.dso-spinner-right::after {\n background-image: url(\"data:image/svg+xml,%3Csvg class='spinner' viewBox='0 0 100 100' xmlns='http://www.w3.org/2000/svg' %3E%3Cstyle%3E .spinner %7B animation: rotator 8s linear infinite; transform-origin: center; %7D @keyframes rotator %7B 0%25 %7B transform: rotate(0deg); %7D 100%25 %7B transform: rotate(360deg); %7D %7D .path %7B stroke-dasharray: 265; stroke-dashoffset: 0; transform-origin: center; stroke: %2339870c; animation: dash 2s ease-in-out infinite; %7D @keyframes dash %7B 0%25 %7B stroke-dashoffset: 265; %7D 50%25 %7B stroke-dashoffset: 65; transform:rotate(90deg); %7D 100%25 %7B stroke-dashoffset: 265; transform:rotate(360deg); %7D %3C/style%3E%3Ccircle class='path' fill='none' stroke-width='10' stroke-linecap='butt' cx='50' cy='50' r='45'%3E%3C/circle%3E%3C/svg%3E\");\n background-repeat: no-repeat;\n content: \"\";\n display: inline-block;\n height: 24px;\n vertical-align: top;\n width: 24px;\n margin-left: 8px;\n}\n.close.dso-spinner-right:not([disabled]):hover::after {\n background-image: url(\"data:image/svg+xml,%3Csvg class='spinner' viewBox='0 0 100 100' xmlns='http://www.w3.org/2000/svg' %3E%3Cstyle%3E .spinner %7B animation: rotator 8s linear infinite; transform-origin: center; %7D @keyframes rotator %7B 0%25 %7B transform: rotate(0deg); %7D 100%25 %7B transform: rotate(360deg); %7D %7D .path %7B stroke-dasharray: 265; stroke-dashoffset: 0; transform-origin: center; stroke: %23fff; animation: dash 2s ease-in-out infinite; %7D @keyframes dash %7B 0%25 %7B stroke-dashoffset: 265; %7D 50%25 %7B stroke-dashoffset: 65; transform:rotate(90deg); %7D 100%25 %7B stroke-dashoffset: 265; transform:rotate(360deg); %7D %3C/style%3E%3Ccircle class='path' fill='none' stroke-width='10' stroke-linecap='butt' cx='50' cy='50' r='45'%3E%3C/circle%3E%3C/svg%3E\");\n background-repeat: no-repeat;\n content: \"\";\n display: inline-block;\n height: 24px;\n vertical-align: top;\n width: 24px;\n margin-left: 8px;\n}\n.close.dso-spinner-right:not([disabled]).btn-sm:hover::after {\n height: 16px;\n width: 16px;\n}";export{a as dso_image_overlay}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{h as o,F as n,r as t,c as e,H as s,g as c}from"./p-98fd1658.js";import{i as r}from"./p-3635427a.js";import{c as i}from"./p-6a1980b4.js";import{v as d}from"./p-5d7f4ff2.js";function l(o){return o instanceof Element?o.localName:o.nodeName.includes(":")?o.nodeName.substring(o.nodeName.indexOf(":")+1):o.nodeName}class a{constructor(){this.name="Al"}render(n,{mapNodeToJsx:t,path:e}){const s=e.some((o=>{const n=l(o);return"Al"===n||"Opschrift"===n})),c=t(n.childNodes);return s?o("span",{role:"paragraph"},c):o("p",null,c)}}class u{constructor(){this.name="Bron"}render(n,{mapNodeToJsx:t}){return o("span",{class:"dso-ozon-bron"},t(n.childNodes))}}class h{constructor(){this.name="#document"}render(t,{mapNodeToJsx:e}){return o(n,null,e(t.childNodes))}}class p{constructor(){this.name=["ExtRef","ExtIoRef"]}render(n,{mapNodeToJsx:t}){const e=n.getAttribute("ExtIoRef"===n.tagName?"href":"ref");return o("a",{target:"_blank",rel:"noopener noreferrer",href:null!=e?e:void 0},o("span",{class:"sr-only"},"opent in nieuw venster "),t(n.childNodes))}}class g{constructor(){this.name=["<fallback>"]}render(n,{mapNodeToJsx:t}){return o("span",{class:`fallback od-${l(n)}`},t(n.childNodes))}}const f=({bijschrift:t,bron:e,mapNodeToJsx:s})=>o("span",{class:"figuur-bijschrift"},t&&t.inhoud&&s(t.inhoud),e&&o(n,null,(t?" ":"")+"(bron: ",s(e),")"));class m{constructor(){this.name=["Figuur"]}setImageDimensions(o,n){const{naturalHeight:t,naturalWidth:e}=o;o.height=t*(n/100),o.width=e*(n/100)}onImageLoad(o,n){o.target instanceof HTMLImageElement&&n&&this.setImageDimensions(o.target,n)}render(n,{mapNodeToJsx:t}){var e,s,c,r,i,d;const a=Array.from(n.childNodes),u=null===(e=a.find((o=>"Titel"===l(o))))||void 0===e?void 0:e.textContent,h=a.find((o=>"Bron"===l(o))),p=a.find((o=>"Illustratie"===l(o))),g=a.find((o=>"Bijschrift"===l(o)));if(p instanceof Element){const n={naam:p.getAttribute("naam"),breedte:p.getAttribute("breedte"),hoogte:p.getAttribute("hoogte"),uitlijning:p.getAttribute("uitlijning"),alt:p.getAttribute("alt"),schaal:p.getAttribute("schaal")},e=g instanceof Element?{inhoud:g.childNodes,locatie:null!==(s=g.getAttribute("locatie"))&&void 0!==s?s:"onder"}:void 0;return o("div",{class:"dso-ozon-figuur "+(e?`bijschrift-${e.locatie}`:"onder")},u&&o("span",{class:"figuur-titel"},u),"boven"===(null==e?void 0:e.locatie)&&o(f,{bijschrift:e,bron:h,mapNodeToJsx:t}),o("dso-image-overlay",null,u&&o("div",{slot:"titel"},o("span",null,u)),o("img",{src:null!==(c=n.naam)&&void 0!==c?c:void 0,alt:null!==(d=null!==(i=null!==(r=n.alt)&&void 0!==r?r:u)&&void 0!==i?i:n.naam)&&void 0!==d?d:void 0,onLoad:o=>this.onImageLoad(o,Number(n.schaal))}),(e||h)&&o("div",{slot:"bijschrift"},o(f,{bijschrift:e,bron:h,mapNodeToJsx:t}))),("onder"===(null==e?void 0:e.locatie)||!e&&h)&&o(f,{bijschrift:e,bron:h,mapNodeToJsx:t}))}}}class z{constructor(){this.name=["Inhoud","ContainerBlocksType","BlockMixedcontentMetMaximaleInlinesMarkersPopupsType"]}render(n,{mapNodeToJsx:t}){return o("div",{class:"dso-rich-content"},t(n.childNodes))}}class b{constructor(){this.name=["InlineTekstAfbeelding","Illustratie"]}render(n){var t,e,s,c;return o("img",{src:null!==(t=n.getAttribute("naam"))&&void 0!==t?t:void 0,alt:null!==(e=n.getAttribute("naam"))&&void 0!==e?e:void 0,height:null!==(s=n.getAttribute("hoogte"))&&void 0!==s?s:void 0,width:null!==(c=n.getAttribute("breedte"))&&void 0!==c?c:void 0})}}class v{constructor(){this.name=["sub","sup","strong","b","u","i","br"]}render(n,{mapNodeToJsx:t}){return"br"===n.localName?o("br",null):o(n.localName,null,t(n.childNodes))}}class x{constructor(){this.name="IntIoRef"}render(n,{mapNodeToJsx:t,emitAnchorClick:e}){const s=n.getAttribute("ref");return s?o("a",{href:`#${s}`,onClick:o=>{o.preventDefault();const n=o.currentTarget;if(!(n instanceof HTMLAnchorElement))return;const{href:t}=n;e({node:this.name,href:t,documentComponent:s,originalEvent:o})}},t(n.childNodes)):t(n.childNodes)}}class w{constructor(){this.name="IntRef"}render(n,{mapNodeToJsx:t,emitAnchorClick:e}){const s=n.getAttribute("ref");return s?o("a",{href:`#${s}`,onClick:o=>{o.preventDefault();const n=o.currentTarget;if(!(n instanceof HTMLAnchorElement))return;const{href:t}=n;e({node:this.name,href:t,documentComponent:s,originalEvent:o})}},t(n.childNodes)):t(n.childNodes)}}class y{constructor(){this.name="Lijst"}render(n,{mapNodeToJsx:t}){var e;const s=Array.from(n.childNodes),c=s.find((o=>"Lijstaanhef"===l(o))),r=s.find((o=>"Lijstsluiting"===l(o))),i=s.filter((o=>"Li"===l(o)));return o("div",{class:"dso-ozon-lijst od-Lijst"},c&&t(c),o("ul",{class:null!==(e=n.getAttribute("type"))&&void 0!==e?e:""},i.map((n=>{var e;const s=Array.from(n.childNodes),c=null===(e=s.find((o=>"LiNummer"===l(o))))||void 0===e?void 0:e.childNodes;return o("li",{class:"od-Li"},c&&o("span",{class:"od-LiNummer"},t(c)),t(s.filter((o=>"LiNummer"!==l(o)))))}))),r&&t(r))}}class k{constructor(){this.name="NieuweTekst"}render(n,{mapNodeToJsx:t}){return o("ins",null,t(n.childNodes))}}class j{constructor(){this.name="Noot",this.handles=["NootNummer"]}identify(){return"Noot"}render(t,{mapNodeToJsx:e,state:s,setState:c}){var r,i;const d=t.getAttribute("id");if(!d)return console.error("Noot node without id",t),o(n,null);const a=`dso-ozon-note-${d}`,u=null!==(i=null===(r=Array.from(t.childNodes).find((o=>"NootNummer"===l(o))))||void 0===r?void 0:r.textContent)&&void 0!==i?i:d;return o(n,null,o("sup",null,o("button",{type:"button",class:"toggle-note","aria-describedby":a,onClick:()=>null==c?void 0:c(s===d?void 0:d),onBlur:()=>null==c?void 0:c(void 0),"aria-expanded":s===d?"true":"false"},u)),o("dso-tooltip",{active:s===d,id:a,stateless:!0,descriptive:!0},o("span",{role:"section"},e(Array.from(t.querySelectorAll(":scope > Al"))))))}}class N{constructor(){this.name="Opschrift"}render(t,{mapNodeToJsx:e}){return o(n,null,e(t.childNodes))}}function T(o,n){const t=Array.from(n),e=function(o){return o.reduce(((o,n)=>{var t,e;const s=null!==(e=null===(t=n.getAttribute("colwidth"))||void 0===t?void 0:t.replace(/[^0-9]/,""))&&void 0!==e?e:"",c=parseInt(s,10);return o+(isNaN(c)?0:c)}),0)}(t);return{totalWidth:e,count:o,columns:t.map(((o,n)=>{var t;const s=o.getAttribute("colnum");return{name:null!==(t=o.getAttribute("colname"))&&void 0!==t?t:"",number:s?parseInt(s,10):n+1,width:B(e,o)}}))}}function B(o,n){const t=n.getAttribute("colwidth");if(t){if("*"===t)return"100%";if(t.includes("*")||t.match(/^[\d+]$/)){const n=parseInt(t.replace(/[^0-9]/,""),10);return`${Math.round(n/o*100)}%`}return t}}const E=({colspecs:t})=>t.columns.length>0?o("colgroup",null,t.columns.map((n=>o("col",{style:{width:n.width}})))):o(n,null);function A({columns:o},n,t){const e=o.find((o=>o.name===n)),s=o.find((o=>o.name===t));if(!e||!s)return;const c=s.number-e.number+1;return 1===c?void 0:c}const C=({context:{mapNodeToJsx:n},colspecs:t,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),i={rowSpan:s?parseInt(s,10)+1:void 0,colSpan:t&&c&&r?A(t,c,r):void 0};return o("td",Object.assign({},i),n(e.childNodes))},I=({context:t,colspecs:e,rows:s})=>o(n,null,s.map((n=>o("tr",null,Array.from(n.children).map((n=>o(C,{cell:n,colspecs:e,context:t})))))));class L{constructor(){this.name="table",this.handles=["title","tgroup","colspec","thead","tbody","row","cell"],this.id=d()}render(n,t){const{caption:e,colspecs:s,headRows:c,bodyRows:r,editAction:d}=function(o){var n,t,e;const s=o.querySelector(":scope > tgroup"),c=null!==(n=null==s?void 0:s.getAttribute("cols"))&&void 0!==n?n:void 0,r=c?parseInt(c,10):void 0;return{caption:null!==(e=null===(t=o.querySelector(":scope > title"))||void 0===t?void 0:t.textContent)&&void 0!==e?e:void 0,colspecs:s&&r?T(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")),editAction:o.getAttribute("wijzigactie")}}(n),a=Array.from(n.childNodes).find((o=>"Bron"===l(o)));return o("dso-table",null,o("table",Object.assign({class:i("table dso-table-vertical-lines",{"dso-del":"verwijder"===d,"dso-ins":"voegtoe"===d})},a?{"aria-describedby":this.id}:{}),e&&o("caption",null,e),s&&o(E,{colspecs:s}),c.length>0&&o("thead",null,o(I,{rows:c,colspecs:s,context:t})),r.length>0&&o("tbody",null,o(I,{rows:r,colspecs:s,context:t}))),a&&o("div",{id:this.id},t.mapNodeToJsx(a)))}}class J{constructor(){this.name="#text"}render(t){return o(n,null,t.textContent)}}class D{constructor(){this.name="VerwijderdeTekst"}render(n,{mapNodeToJsx:t}){return o("del",null,t(n.childNodes))}}class R{constructor(){this.mappers=[new J,new h,new z,new N,new w,new p,new a,new v,new b,new j,new L,new x,new m,new y,new u,new k,new D],this.skip=this.mappers.reduce(((o,n)=>(n.handles&&o.push(...n.handles),o)),[]),this.fallbackNode=new g,this.domParser=new DOMParser}findMapper(o){var n;if(!this.skip.includes(o))return null!==(n=this.mappers.find((n=>Array.isArray(n.name)?n.name.includes(o):n.name===o)))&&void 0!==n?n:this.fallbackNode}mapNodeToJsx(t,e,s){var c;if(t instanceof NodeList)return o(n,null,Array.from(t).map((o=>this.mapNodeToJsx(o,e,s))));if(Array.isArray(t))return o(n,null,t.map((o=>this.mapNodeToJsx(o,e,s))));const r=l(t),i=this.findMapper(r);if(!i)return o(n,null);const d=null===(c=i.identify)||void 0===c?void 0:c.call(i,t),a=d?o=>e.setState(Object.assign(Object.assign({},e.state),{[d]:o})):void 0;return i.render(t,{mapNodeToJsx:o=>this.mapNodeToJsx(o,e,[...s,t]),emitAnchorClick:e.emitAnchorClick,setState:a,state:d?e.state[d]:void 0,path:s})}transform(o,n){return this.cache&&this.cache.xml===o||(this.cache={xml:o,document:this.domParser.parseFromString(o,"text/xml")}),this.mapNodeToJsx(this.cache.document.getRootNode(),n,[])}}const M=class{constructor(o){t(this,o),this.dsoAnchorClick=e(this,"dsoAnchorClick",7),this.dsoClick=e(this,"dsoClick",7),this.mapper=new R,this.content=void 0,this.inline=!1,this.deleted=!1,this.interactive=!1,this.state={}}handleHostOnClick(o){(""===this.interactive||this.interactive)&&o.composedPath().find((o=>o===this.host||o instanceof HTMLElement&&r(o)))===this.host&&this.dsoClick.emit({originalEvent:o})}render(){var n;const t=this.mapper.transform(null!==(n=this.content)&&void 0!==n?n:"",{state:this.state,setState:o=>this.state=o,emitAnchorClick:this.dsoAnchorClick.emit});return this.deleted?o("section",null,o("slot",{name:"prefix"}),o("span",{class:"deleted-start"},"Begin verwijderd element"),t,o("span",{class:"deleted-end"},"Einde verwijderd element"),o("slot",{name:"suffix"})):o(s,{onClick:o=>this.handleHostOnClick(o)},o("slot",{name:"prefix"}),t,o("slot",{name:"suffix"}))}get host(){return c(this)}};M.style="ins.sc-dso-ozon-content {\n background-color: #e4f1d4;\n box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.25);\n color: #000;\n text-decoration: none;\n}\n\n.sc-dso-ozon-content-h:not([inline]) {\n display: block;\n}\n\n[inline].sc-dso-ozon-content-h {\n display: inline;\n}\n\n[deleted].sc-dso-ozon-content-h *.sc-dso-ozon-content {\n text-decoration: line-through !important;\n}\n\n[interactive].sc-dso-ozon-content-h {\n background-color: transparent;\n color: #39870c;\n text-decoration: underline;\n cursor: pointer;\n color: #275937;\n font-weight: 600;\n text-decoration: none;\n}\n[interactive].sc-dso-ozon-content-h:hover, [interactive].sc-dso-ozon-content-h:focus {\n color: #676cb0;\n text-decoration: underline;\n}\n[interactive].sc-dso-ozon-content-h:active {\n text-decoration: none;\n}\n\n[interactive=sub].sc-dso-ozon-content-h {\n color: #191919;\n}\n\n.deleted-start.sc-dso-ozon-content, .deleted-end.sc-dso-ozon-content {\n position: absolute;\n width: 1px;\n height: 1px;\n padding: 0;\n margin: -1px;\n overflow: hidden;\n clip: rect(0, 0, 0, 0);\n border: 0;\n}\n\nbutton.toggle-note.sc-dso-ozon-content {\n display: inline-block;\n font-size: 1em;\n font-weight: 500;\n margin-bottom: 0;\n text-decoration: none;\n touch-action: manipulation;\n text-align: left;\n user-select: none;\n vertical-align: middle;\n border: 0;\n color: #39870c;\n line-height: 1;\n padding: 0;\n background-color: transparent;\n}\nbutton.toggle-note.sc-dso-ozon-content:focus, button.toggle-note.sc-dso-ozon-content:focus-visible {\n outline-offset: 2px;\n}\nbutton.toggle-note.sc-dso-ozon-content:active {\n outline: 0;\n}\nbutton.toggle-note[disabled].sc-dso-ozon-content {\n color: #afcf9d;\n}\nbutton.toggle-note[disabled].dso-spinner-left.sc-dso-ozon-content, button.toggle-note[disabled].dso-spinner-right.sc-dso-ozon-content {\n color: #39870c;\n}\nbutton.toggle-note.sc-dso-ozon-content:not([disabled]):hover {\n color: #275937;\n text-decoration: underline;\n text-underline-position: under;\n}\nbutton.toggle-note.sc-dso-ozon-content:not([disabled]):active {\n color: #173521;\n}\nbutton.toggle-note.btn-align.sc-dso-ozon-content {\n line-height: calc(1.5em - 1px);\n padding: 11px 0;\n position: relative;\n}\nbutton.toggle-note.dso-spinner-left.sc-dso-ozon-content::before {\n background-image: url(\"data:image/svg+xml,%3Csvg class='spinner' viewBox='0 0 100 100' xmlns='http://www.w3.org/2000/svg' %3E%3Cstyle%3E .spinner %7B animation: rotator 8s linear infinite; transform-origin: center; %7D @keyframes rotator %7B 0%25 %7B transform: rotate(0deg); %7D 100%25 %7B transform: rotate(360deg); %7D %7D .path %7B stroke-dasharray: 265; stroke-dashoffset: 0; transform-origin: center; stroke: %2339870c; animation: dash 2s ease-in-out infinite; %7D @keyframes dash %7B 0%25 %7B stroke-dashoffset: 265; %7D 50%25 %7B stroke-dashoffset: 65; transform:rotate(90deg); %7D 100%25 %7B stroke-dashoffset: 265; transform:rotate(360deg); %7D %3C/style%3E%3Ccircle class='path' fill='none' stroke-width='10' stroke-linecap='butt' cx='50' cy='50' r='45'%3E%3C/circle%3E%3C/svg%3E\");\n background-repeat: no-repeat;\n content: \"\";\n display: inline-block;\n height: 24px;\n vertical-align: middle;\n width: 24px;\n margin-right: 8px;\n}\nbutton.toggle-note.dso-spinner-right.sc-dso-ozon-content::after {\n background-image: url(\"data:image/svg+xml,%3Csvg class='spinner' viewBox='0 0 100 100' xmlns='http://www.w3.org/2000/svg' %3E%3Cstyle%3E .spinner %7B animation: rotator 8s linear infinite; transform-origin: center; %7D @keyframes rotator %7B 0%25 %7B transform: rotate(0deg); %7D 100%25 %7B transform: rotate(360deg); %7D %7D .path %7B stroke-dasharray: 265; stroke-dashoffset: 0; transform-origin: center; stroke: %2339870c; animation: dash 2s ease-in-out infinite; %7D @keyframes dash %7B 0%25 %7B stroke-dashoffset: 265; %7D 50%25 %7B stroke-dashoffset: 65; transform:rotate(90deg); %7D 100%25 %7B stroke-dashoffset: 265; transform:rotate(360deg); %7D %3C/style%3E%3Ccircle class='path' fill='none' stroke-width='10' stroke-linecap='butt' cx='50' cy='50' r='45'%3E%3C/circle%3E%3C/svg%3E\");\n background-repeat: no-repeat;\n content: \"\";\n display: inline-block;\n height: 24px;\n vertical-align: middle;\n width: 24px;\n margin-left: 8px;\n}\nbutton.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 {\n margin-left: 8px;\n}\nbutton.toggle-note.sc-dso-ozon-content svg.di.di-chevron-down.sc-dso-ozon-content + span.sc-dso-ozon-content:not(.sr-only), button.toggle-note.sc-dso-ozon-content svg.di.di-chevron-up.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) + svg.di.di-chevron-down.sc-dso-ozon-content, button.toggle-note.sc-dso-ozon-content span.sc-dso-ozon-content:not(.sr-only) + svg.di.di-chevron-up.sc-dso-ozon-content {\n margin-left: 4px;\n}\nbutton.toggle-note.sc-dso-ozon-content dso-icon[icon=chevron-left].sc-dso-ozon-content + span.sc-dso-ozon-content:not(.sr-only), button.toggle-note.sc-dso-ozon-content dso-icon[icon=chevron-right].sc-dso-ozon-content + span.sc-dso-ozon-content:not(.sr-only), button.toggle-note.sc-dso-ozon-content svg.di.di-angle-down.sc-dso-ozon-content + span.sc-dso-ozon-content:not(.sr-only), button.toggle-note.sc-dso-ozon-content svg.di.di-angle-up.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) + svg.di.di-angle-down.sc-dso-ozon-content, button.toggle-note.sc-dso-ozon-content span.sc-dso-ozon-content:not(.sr-only) + svg.di.di-angle-up.sc-dso-ozon-content, button.toggle-note.sc-dso-ozon-content span.sc-dso-ozon-content:not(.sr-only) + dso-icon[icon=chevron-left].sc-dso-ozon-content, button.toggle-note.sc-dso-ozon-content span.sc-dso-ozon-content:not(.sr-only) + dso-icon[icon=chevron-right].sc-dso-ozon-content {\n margin-left: 0;\n}\nbutton.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 {\n vertical-align: middle;\n}\n\nspan[role=section].sc-dso-ozon-content, span[role=paragraph].sc-dso-ozon-content {\n display: block;\n}\n\n.fallback.sc-dso-ozon-content {\n display: block;\n}\n\n.od-Term.sc-dso-ozon-content {\n font-weight: 700;\n}\n\n.od-Definitie.sc-dso-ozon-content, .od-Tussenkop.sc-dso-ozon-content {\n font-style: italic;\n}\n\n.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 {\n display: inline;\n}\n\n.od-Al.sc-dso-ozon-content {\n margin-bottom: 0.75em;\n}\n\n.od-IntIoRef.sc-dso-ozon-content {\n border-bottom: 1px dotted;\n}\n\n.dso-ozon-bron.sc-dso-ozon-content {\n font-style: italic;\n font-size: 0.75rem;\n}\n\n.dso-ozon-figuur.sc-dso-ozon-content {\n margin-bottom: 16px;\n}\n.dso-ozon-figuur.sc-dso-ozon-content .figuur-bijschrift.sc-dso-ozon-content {\n display: block;\n font-size: 0.75rem;\n font-style: italic;\n}\n.dso-ozon-figuur.bijschrift-boven.sc-dso-ozon-content .figuur-bijschrift.sc-dso-ozon-content {\n padding-bottom: 0.25rem;\n}\n.dso-ozon-figuur.bijschrift-onder.sc-dso-ozon-content .figuur-bijschrift.sc-dso-ozon-content {\n padding-top: 0.25rem;\n}\n.dso-ozon-figuur.sc-dso-ozon-content .figuur-titel.sc-dso-ozon-content {\n color: #8b4a6a;\n display: block;\n font-weight: 500;\n padding-bottom: 0.5rem;\n}\n\n.dso-ozon-lijst.sc-dso-ozon-content span.od-Lijstaanhef.sc-dso-ozon-content, .dso-ozon-lijst.sc-dso-ozon-content span.od-Lijstsluiting.sc-dso-ozon-content {\n margin-bottom: 1rem;\n}\n.dso-ozon-lijst.sc-dso-ozon-content ul.expliciet.sc-dso-ozon-content {\n list-style: none;\n}\n.dso-ozon-lijst.sc-dso-ozon-content ul.expliciet.sc-dso-ozon-content > .od-Li.sc-dso-ozon-content {\n position: relative;\n}\n.dso-ozon-lijst.sc-dso-ozon-content ul.expliciet.sc-dso-ozon-content > .od-Li.sc-dso-ozon-content > span.od-LiNummer.sc-dso-ozon-content {\n position: absolute;\n left: -44px;\n text-align: right;\n width: 40px;\n}\n\n.od-Tabel.sc-dso-ozon-content thead.sc-dso-ozon-content {\n font-weight: 600;\n}\n\n.od-Kadertekst.sc-dso-ozon-content {\n border: 1px solid #e5e5e5;\n margin-bottom: 1rem;\n padding: 1rem;\n}\n\n.dso-del.sc-dso-ozon-content {\n background-color: #f5d8dc;\n color: #000;\n text-decoration: line-through;\n}\n.dso-del.sc-dso-ozon-content a.sc-dso-ozon-content {\n color: #000;\n}\n\n.dso-ins.sc-dso-ozon-content {\n background-color: #e4f1d4;\n box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.25);\n color: #000;\n}\n.dso-ins.sc-dso-ozon-content a.sc-dso-ozon-content {\n color: #000;\n}";export{M as dso_ozon_content}
|
|
1
|
+
import{h as o,F as n,r as t,c as e,H as s,g as c}from"./p-98fd1658.js";import{i as r}from"./p-5950644a.js";import{c as i}from"./p-6a1980b4.js";import{v as d}from"./p-5d7f4ff2.js";function l(o){return o instanceof Element?o.localName:o.nodeName.includes(":")?o.nodeName.substring(o.nodeName.indexOf(":")+1):o.nodeName}class a{constructor(){this.name="Al"}render(n,{mapNodeToJsx:t,path:e}){const s=e.some((o=>{const n=l(o);return"Al"===n||"Opschrift"===n})),c=t(n.childNodes);return s?o("span",{role:"paragraph"},c):o("p",null,c)}}class u{constructor(){this.name="Bron"}render(n,{mapNodeToJsx:t}){return o("span",{class:"dso-ozon-bron"},t(n.childNodes))}}class h{constructor(){this.name="#document"}render(t,{mapNodeToJsx:e}){return o(n,null,e(t.childNodes))}}class p{constructor(){this.name=["ExtRef","ExtIoRef"]}render(n,{mapNodeToJsx:t}){const e=n.getAttribute("ExtIoRef"===n.tagName?"href":"ref");return o("a",{target:"_blank",rel:"noopener noreferrer",href:null!=e?e:void 0},o("span",{class:"sr-only"},"opent in nieuw venster "),t(n.childNodes))}}class g{constructor(){this.name=["<fallback>"]}render(n,{mapNodeToJsx:t}){return o("span",{class:`fallback od-${l(n)}`},t(n.childNodes))}}const f=({bijschrift:t,bron:e,mapNodeToJsx:s})=>o("span",{class:"figuur-bijschrift"},t&&t.inhoud&&s(t.inhoud),e&&o(n,null,(t?" ":"")+"(bron: ",s(e),")"));class m{constructor(){this.name=["Figuur"]}setImageDimensions(o,n){const{naturalHeight:t,naturalWidth:e}=o;o.height=t*(n/100),o.width=e*(n/100)}onImageLoad(o,n){o.target instanceof HTMLImageElement&&n&&this.setImageDimensions(o.target,n)}render(n,{mapNodeToJsx:t}){var e,s,c,r,i,d;const a=Array.from(n.childNodes),u=null===(e=a.find((o=>"Titel"===l(o))))||void 0===e?void 0:e.textContent,h=a.find((o=>"Bron"===l(o))),p=a.find((o=>"Illustratie"===l(o))),g=a.find((o=>"Bijschrift"===l(o)));if(p instanceof Element){const n={naam:p.getAttribute("naam"),breedte:p.getAttribute("breedte"),hoogte:p.getAttribute("hoogte"),uitlijning:p.getAttribute("uitlijning"),alt:p.getAttribute("alt"),schaal:p.getAttribute("schaal")},e=g instanceof Element?{inhoud:g.childNodes,locatie:null!==(s=g.getAttribute("locatie"))&&void 0!==s?s:"onder"}:void 0;return o("div",{class:"dso-ozon-figuur "+(e?`bijschrift-${e.locatie}`:"onder")},u&&o("span",{class:"figuur-titel"},u),"boven"===(null==e?void 0:e.locatie)&&o(f,{bijschrift:e,bron:h,mapNodeToJsx:t}),o("dso-image-overlay",null,u&&o("div",{slot:"titel"},o("span",null,u)),o("img",{src:null!==(c=n.naam)&&void 0!==c?c:void 0,alt:null!==(d=null!==(i=null!==(r=n.alt)&&void 0!==r?r:u)&&void 0!==i?i:n.naam)&&void 0!==d?d:void 0,onLoad:o=>this.onImageLoad(o,Number(n.schaal))}),(e||h)&&o("div",{slot:"bijschrift"},o(f,{bijschrift:e,bron:h,mapNodeToJsx:t}))),("onder"===(null==e?void 0:e.locatie)||!e&&h)&&o(f,{bijschrift:e,bron:h,mapNodeToJsx:t}))}}}class z{constructor(){this.name=["Inhoud","ContainerBlocksType","BlockMixedcontentMetMaximaleInlinesMarkersPopupsType"]}render(n,{mapNodeToJsx:t}){return o("div",{class:"dso-rich-content"},t(n.childNodes))}}class b{constructor(){this.name=["InlineTekstAfbeelding","Illustratie"]}render(n){var t,e,s,c;return o("img",{src:null!==(t=n.getAttribute("naam"))&&void 0!==t?t:void 0,alt:null!==(e=n.getAttribute("naam"))&&void 0!==e?e:void 0,height:null!==(s=n.getAttribute("hoogte"))&&void 0!==s?s:void 0,width:null!==(c=n.getAttribute("breedte"))&&void 0!==c?c:void 0})}}class v{constructor(){this.name=["sub","sup","strong","b","u","i","br"]}render(n,{mapNodeToJsx:t}){return"br"===n.localName?o("br",null):o(n.localName,null,t(n.childNodes))}}class x{constructor(){this.name="IntIoRef"}render(n,{mapNodeToJsx:t,emitAnchorClick:e}){const s=n.getAttribute("ref");return s?o("a",{href:`#${s}`,onClick:o=>{o.preventDefault();const n=o.currentTarget;if(!(n instanceof HTMLAnchorElement))return;const{href:t}=n;e({node:this.name,href:t,documentComponent:s,originalEvent:o})}},t(n.childNodes)):t(n.childNodes)}}class w{constructor(){this.name="IntRef"}render(n,{mapNodeToJsx:t,emitAnchorClick:e}){const s=n.getAttribute("ref");return s?o("a",{href:`#${s}`,onClick:o=>{o.preventDefault();const n=o.currentTarget;if(!(n instanceof HTMLAnchorElement))return;const{href:t}=n;e({node:this.name,href:t,documentComponent:s,originalEvent:o})}},t(n.childNodes)):t(n.childNodes)}}class y{constructor(){this.name="Lijst"}render(n,{mapNodeToJsx:t}){var e;const s=Array.from(n.childNodes),c=s.find((o=>"Lijstaanhef"===l(o))),r=s.find((o=>"Lijstsluiting"===l(o))),i=s.filter((o=>"Li"===l(o)));return o("div",{class:"dso-ozon-lijst od-Lijst"},c&&t(c),o("ul",{class:null!==(e=n.getAttribute("type"))&&void 0!==e?e:""},i.map((n=>{var e;const s=Array.from(n.childNodes),c=null===(e=s.find((o=>"LiNummer"===l(o))))||void 0===e?void 0:e.childNodes;return o("li",{class:"od-Li"},c&&o("span",{class:"od-LiNummer"},t(c)),t(s.filter((o=>"LiNummer"!==l(o)))))}))),r&&t(r))}}class k{constructor(){this.name="NieuweTekst"}render(n,{mapNodeToJsx:t}){return o("ins",null,t(n.childNodes))}}class j{constructor(){this.name="Noot",this.handles=["NootNummer"]}identify(){return"Noot"}render(t,{mapNodeToJsx:e,state:s,setState:c}){var r,i;const d=t.getAttribute("id");if(!d)return console.error("Noot node without id",t),o(n,null);const a=`dso-ozon-note-${d}`,u=null!==(i=null===(r=Array.from(t.childNodes).find((o=>"NootNummer"===l(o))))||void 0===r?void 0:r.textContent)&&void 0!==i?i:d;return o(n,null,o("sup",null,o("button",{type:"button",class:"toggle-note","aria-describedby":a,onClick:()=>null==c?void 0:c(s===d?void 0:d),onBlur:()=>null==c?void 0:c(void 0),"aria-expanded":s===d?"true":"false"},u)),o("dso-tooltip",{active:s===d,id:a,stateless:!0,descriptive:!0},o("span",{role:"section"},e(Array.from(t.querySelectorAll(":scope > Al"))))))}}class N{constructor(){this.name="Opschrift"}render(t,{mapNodeToJsx:e}){return o(n,null,e(t.childNodes))}}function T(o,n){const t=Array.from(n),e=function(o){return o.reduce(((o,n)=>{var t,e;const s=null!==(e=null===(t=n.getAttribute("colwidth"))||void 0===t?void 0:t.replace(/[^0-9]/,""))&&void 0!==e?e:"",c=parseInt(s,10);return o+(isNaN(c)?0:c)}),0)}(t);return{totalWidth:e,count:o,columns:t.map(((o,n)=>{var t;const s=o.getAttribute("colnum");return{name:null!==(t=o.getAttribute("colname"))&&void 0!==t?t:"",number:s?parseInt(s,10):n+1,width:B(e,o)}}))}}function B(o,n){const t=n.getAttribute("colwidth");if(t){if("*"===t)return"100%";if(t.includes("*")||t.match(/^[\d+]$/)){const n=parseInt(t.replace(/[^0-9]/,""),10);return`${Math.round(n/o*100)}%`}return t}}const E=({colspecs:t})=>t.columns.length>0?o("colgroup",null,t.columns.map((n=>o("col",{style:{width:n.width}})))):o(n,null);function A({columns:o},n,t){const e=o.find((o=>o.name===n)),s=o.find((o=>o.name===t));if(!e||!s)return;const c=s.number-e.number+1;return 1===c?void 0:c}const C=({context:{mapNodeToJsx:n},colspecs:t,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),i={rowSpan:s?parseInt(s,10)+1:void 0,colSpan:t&&c&&r?A(t,c,r):void 0};return o("td",Object.assign({},i),n(e.childNodes))},I=({context:t,colspecs:e,rows:s})=>o(n,null,s.map((n=>o("tr",null,Array.from(n.children).map((n=>o(C,{cell:n,colspecs:e,context:t})))))));class L{constructor(){this.name="table",this.handles=["title","tgroup","colspec","thead","tbody","row","cell"],this.id=d()}render(n,t){const{caption:e,colspecs:s,headRows:c,bodyRows:r,editAction:d}=function(o){var n,t,e;const s=o.querySelector(":scope > tgroup"),c=null!==(n=null==s?void 0:s.getAttribute("cols"))&&void 0!==n?n:void 0,r=c?parseInt(c,10):void 0;return{caption:null!==(e=null===(t=o.querySelector(":scope > title"))||void 0===t?void 0:t.textContent)&&void 0!==e?e:void 0,colspecs:s&&r?T(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")),editAction:o.getAttribute("wijzigactie")}}(n),a=Array.from(n.childNodes).find((o=>"Bron"===l(o)));return o("dso-table",null,o("table",Object.assign({class:i("table dso-table-vertical-lines",{"dso-del":"verwijder"===d,"dso-ins":"voegtoe"===d})},a?{"aria-describedby":this.id}:{}),e&&o("caption",null,e),s&&o(E,{colspecs:s}),c.length>0&&o("thead",null,o(I,{rows:c,colspecs:s,context:t})),r.length>0&&o("tbody",null,o(I,{rows:r,colspecs:s,context:t}))),a&&o("div",{id:this.id},t.mapNodeToJsx(a)))}}class J{constructor(){this.name="#text"}render(t){return o(n,null,t.textContent)}}class D{constructor(){this.name="VerwijderdeTekst"}render(n,{mapNodeToJsx:t}){return o("del",null,t(n.childNodes))}}class R{constructor(){this.mappers=[new J,new h,new z,new N,new w,new p,new a,new v,new b,new j,new L,new x,new m,new y,new u,new k,new D],this.skip=this.mappers.reduce(((o,n)=>(n.handles&&o.push(...n.handles),o)),[]),this.fallbackNode=new g,this.domParser=new DOMParser}findMapper(o){var n;if(!this.skip.includes(o))return null!==(n=this.mappers.find((n=>Array.isArray(n.name)?n.name.includes(o):n.name===o)))&&void 0!==n?n:this.fallbackNode}mapNodeToJsx(t,e,s){var c;if(t instanceof NodeList)return o(n,null,Array.from(t).map((o=>this.mapNodeToJsx(o,e,s))));if(Array.isArray(t))return o(n,null,t.map((o=>this.mapNodeToJsx(o,e,s))));const r=l(t),i=this.findMapper(r);if(!i)return o(n,null);const d=null===(c=i.identify)||void 0===c?void 0:c.call(i,t),a=d?o=>e.setState(Object.assign(Object.assign({},e.state),{[d]:o})):void 0;return i.render(t,{mapNodeToJsx:o=>this.mapNodeToJsx(o,e,[...s,t]),emitAnchorClick:e.emitAnchorClick,setState:a,state:d?e.state[d]:void 0,path:s})}transform(o,n){return this.cache&&this.cache.xml===o||(this.cache={xml:o,document:this.domParser.parseFromString(o,"text/xml")}),this.mapNodeToJsx(this.cache.document.getRootNode(),n,[])}}const M=class{constructor(o){t(this,o),this.dsoAnchorClick=e(this,"dsoAnchorClick",7),this.dsoClick=e(this,"dsoClick",7),this.mapper=new R,this.content=void 0,this.inline=!1,this.deleted=!1,this.interactive=!1,this.state={}}handleHostOnClick(o){(""===this.interactive||this.interactive)&&o.composedPath().find((o=>o===this.host||o instanceof HTMLElement&&r(o)))===this.host&&this.dsoClick.emit({originalEvent:o})}render(){var n;const t=this.mapper.transform(null!==(n=this.content)&&void 0!==n?n:"",{state:this.state,setState:o=>this.state=o,emitAnchorClick:this.dsoAnchorClick.emit});return this.deleted?o("section",null,o("slot",{name:"prefix"}),o("span",{class:"deleted-start"},"Begin verwijderd element"),t,o("span",{class:"deleted-end"},"Einde verwijderd element"),o("slot",{name:"suffix"})):o(s,{onClick:o=>this.handleHostOnClick(o)},o("slot",{name:"prefix"}),t,o("slot",{name:"suffix"}))}get host(){return c(this)}};M.style="ins.sc-dso-ozon-content {\n background-color: #e4f1d4;\n box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.25);\n color: #000;\n text-decoration: none;\n}\n\n.sc-dso-ozon-content-h:not([inline]) {\n display: block;\n}\n\n[inline].sc-dso-ozon-content-h {\n display: inline;\n}\n\n[deleted].sc-dso-ozon-content-h *.sc-dso-ozon-content {\n text-decoration: line-through !important;\n}\n\n[interactive].sc-dso-ozon-content-h {\n background-color: transparent;\n color: #39870c;\n text-decoration: underline;\n cursor: pointer;\n color: #275937;\n font-weight: 600;\n text-decoration: none;\n}\n[interactive].sc-dso-ozon-content-h:hover, [interactive].sc-dso-ozon-content-h:focus {\n color: #676cb0;\n text-decoration: underline;\n}\n[interactive].sc-dso-ozon-content-h:active {\n text-decoration: none;\n}\n\n[interactive=sub].sc-dso-ozon-content-h {\n color: #191919;\n}\n\n.deleted-start.sc-dso-ozon-content, .deleted-end.sc-dso-ozon-content {\n position: absolute;\n width: 1px;\n height: 1px;\n padding: 0;\n margin: -1px;\n overflow: hidden;\n clip: rect(0, 0, 0, 0);\n border: 0;\n}\n\nbutton.toggle-note.sc-dso-ozon-content {\n display: inline-block;\n font-size: 1em;\n font-weight: 500;\n margin-bottom: 0;\n text-decoration: none;\n touch-action: manipulation;\n text-align: left;\n user-select: none;\n vertical-align: middle;\n border: 0;\n color: #39870c;\n line-height: 1;\n padding: 0;\n background-color: transparent;\n}\nbutton.toggle-note.sc-dso-ozon-content:focus, button.toggle-note.sc-dso-ozon-content:focus-visible {\n outline-offset: 2px;\n}\nbutton.toggle-note.sc-dso-ozon-content:active {\n outline: 0;\n}\nbutton.toggle-note[disabled].sc-dso-ozon-content {\n color: #afcf9d;\n}\nbutton.toggle-note[disabled].dso-spinner-left.sc-dso-ozon-content, button.toggle-note[disabled].dso-spinner-right.sc-dso-ozon-content {\n color: #39870c;\n}\nbutton.toggle-note.sc-dso-ozon-content:not([disabled]):hover {\n color: #275937;\n text-decoration: underline;\n text-underline-position: under;\n}\nbutton.toggle-note.sc-dso-ozon-content:not([disabled]):active {\n color: #173521;\n}\nbutton.toggle-note.btn-align.sc-dso-ozon-content {\n line-height: calc(1.5em - 1px);\n padding: 11px 0;\n position: relative;\n}\nbutton.toggle-note.dso-spinner-left.sc-dso-ozon-content::before {\n background-image: url(\"data:image/svg+xml,%3Csvg class='spinner' viewBox='0 0 100 100' xmlns='http://www.w3.org/2000/svg' %3E%3Cstyle%3E .spinner %7B animation: rotator 8s linear infinite; transform-origin: center; %7D @keyframes rotator %7B 0%25 %7B transform: rotate(0deg); %7D 100%25 %7B transform: rotate(360deg); %7D %7D .path %7B stroke-dasharray: 265; stroke-dashoffset: 0; transform-origin: center; stroke: %2339870c; animation: dash 2s ease-in-out infinite; %7D @keyframes dash %7B 0%25 %7B stroke-dashoffset: 265; %7D 50%25 %7B stroke-dashoffset: 65; transform:rotate(90deg); %7D 100%25 %7B stroke-dashoffset: 265; transform:rotate(360deg); %7D %3C/style%3E%3Ccircle class='path' fill='none' stroke-width='10' stroke-linecap='butt' cx='50' cy='50' r='45'%3E%3C/circle%3E%3C/svg%3E\");\n background-repeat: no-repeat;\n content: \"\";\n display: inline-block;\n height: 24px;\n vertical-align: middle;\n width: 24px;\n margin-right: 8px;\n}\nbutton.toggle-note.dso-spinner-right.sc-dso-ozon-content::after {\n background-image: url(\"data:image/svg+xml,%3Csvg class='spinner' viewBox='0 0 100 100' xmlns='http://www.w3.org/2000/svg' %3E%3Cstyle%3E .spinner %7B animation: rotator 8s linear infinite; transform-origin: center; %7D @keyframes rotator %7B 0%25 %7B transform: rotate(0deg); %7D 100%25 %7B transform: rotate(360deg); %7D %7D .path %7B stroke-dasharray: 265; stroke-dashoffset: 0; transform-origin: center; stroke: %2339870c; animation: dash 2s ease-in-out infinite; %7D @keyframes dash %7B 0%25 %7B stroke-dashoffset: 265; %7D 50%25 %7B stroke-dashoffset: 65; transform:rotate(90deg); %7D 100%25 %7B stroke-dashoffset: 265; transform:rotate(360deg); %7D %3C/style%3E%3Ccircle class='path' fill='none' stroke-width='10' stroke-linecap='butt' cx='50' cy='50' r='45'%3E%3C/circle%3E%3C/svg%3E\");\n background-repeat: no-repeat;\n content: \"\";\n display: inline-block;\n height: 24px;\n vertical-align: middle;\n width: 24px;\n margin-left: 8px;\n}\nbutton.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 {\n margin-left: 8px;\n}\nbutton.toggle-note.sc-dso-ozon-content svg.di.di-chevron-down.sc-dso-ozon-content + span.sc-dso-ozon-content:not(.sr-only), button.toggle-note.sc-dso-ozon-content svg.di.di-chevron-up.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) + svg.di.di-chevron-down.sc-dso-ozon-content, button.toggle-note.sc-dso-ozon-content span.sc-dso-ozon-content:not(.sr-only) + svg.di.di-chevron-up.sc-dso-ozon-content {\n margin-left: 4px;\n}\nbutton.toggle-note.sc-dso-ozon-content dso-icon[icon=chevron-left].sc-dso-ozon-content + span.sc-dso-ozon-content:not(.sr-only), button.toggle-note.sc-dso-ozon-content dso-icon[icon=chevron-right].sc-dso-ozon-content + span.sc-dso-ozon-content:not(.sr-only), button.toggle-note.sc-dso-ozon-content svg.di.di-angle-down.sc-dso-ozon-content + span.sc-dso-ozon-content:not(.sr-only), button.toggle-note.sc-dso-ozon-content svg.di.di-angle-up.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) + svg.di.di-angle-down.sc-dso-ozon-content, button.toggle-note.sc-dso-ozon-content span.sc-dso-ozon-content:not(.sr-only) + svg.di.di-angle-up.sc-dso-ozon-content, button.toggle-note.sc-dso-ozon-content span.sc-dso-ozon-content:not(.sr-only) + dso-icon[icon=chevron-left].sc-dso-ozon-content, button.toggle-note.sc-dso-ozon-content span.sc-dso-ozon-content:not(.sr-only) + dso-icon[icon=chevron-right].sc-dso-ozon-content {\n margin-left: 0;\n}\nbutton.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 {\n vertical-align: middle;\n}\n\nspan[role=section].sc-dso-ozon-content, span[role=paragraph].sc-dso-ozon-content {\n display: block;\n}\n\n.fallback.sc-dso-ozon-content {\n display: block;\n}\n\n.od-Term.sc-dso-ozon-content {\n font-weight: 700;\n}\n\n.od-Definitie.sc-dso-ozon-content, .od-Tussenkop.sc-dso-ozon-content {\n font-style: italic;\n}\n\n.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 {\n display: inline;\n}\n\n.od-Al.sc-dso-ozon-content {\n margin-bottom: 0.75em;\n}\n\n.od-IntIoRef.sc-dso-ozon-content {\n border-bottom: 1px dotted;\n}\n\n.dso-ozon-bron.sc-dso-ozon-content {\n font-style: italic;\n font-size: 0.75rem;\n}\n\n.dso-ozon-figuur.sc-dso-ozon-content {\n margin-bottom: 16px;\n}\n.dso-ozon-figuur.sc-dso-ozon-content .figuur-bijschrift.sc-dso-ozon-content {\n display: block;\n font-size: 0.75rem;\n font-style: italic;\n}\n.dso-ozon-figuur.bijschrift-boven.sc-dso-ozon-content .figuur-bijschrift.sc-dso-ozon-content {\n padding-bottom: 0.25rem;\n}\n.dso-ozon-figuur.bijschrift-onder.sc-dso-ozon-content .figuur-bijschrift.sc-dso-ozon-content {\n padding-top: 0.25rem;\n}\n.dso-ozon-figuur.sc-dso-ozon-content .figuur-titel.sc-dso-ozon-content {\n color: #8b4a6a;\n display: block;\n font-weight: 500;\n padding-bottom: 0.5rem;\n}\n\n.dso-ozon-lijst.sc-dso-ozon-content span.od-Lijstaanhef.sc-dso-ozon-content, .dso-ozon-lijst.sc-dso-ozon-content span.od-Lijstsluiting.sc-dso-ozon-content {\n margin-bottom: 1rem;\n}\n.dso-ozon-lijst.sc-dso-ozon-content ul.expliciet.sc-dso-ozon-content {\n list-style: none;\n}\n.dso-ozon-lijst.sc-dso-ozon-content ul.expliciet.sc-dso-ozon-content > .od-Li.sc-dso-ozon-content {\n position: relative;\n}\n.dso-ozon-lijst.sc-dso-ozon-content ul.expliciet.sc-dso-ozon-content > .od-Li.sc-dso-ozon-content > span.od-LiNummer.sc-dso-ozon-content {\n position: absolute;\n left: -44px;\n text-align: right;\n width: 40px;\n}\n\n.od-Tabel.sc-dso-ozon-content thead.sc-dso-ozon-content {\n font-weight: 600;\n}\n\n.od-Kadertekst.sc-dso-ozon-content {\n border: 1px solid #e5e5e5;\n margin-bottom: 1rem;\n padding: 1rem;\n}\n\n.dso-del.sc-dso-ozon-content {\n background-color: #f5d8dc;\n color: #000;\n text-decoration: line-through;\n}\n.dso-del.sc-dso-ozon-content a.sc-dso-ozon-content {\n color: #000;\n}\n\n.dso-ins.sc-dso-ozon-content {\n background-color: #e4f1d4;\n box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.25);\n color: #000;\n}\n.dso-ins.sc-dso-ozon-content a.sc-dso-ozon-content {\n color: #000;\n}";export{M as dso_ozon_content}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
var t="top",n="bottom",e="right",r="left",o=[t,n,e,r],i=o.reduce((function(t,n){return t.concat([n+"-start",n+"-end"])}),[]),u=[].concat(o,["auto"]).reduce((function(t,n){return t.concat([n,n+"-start",n+"-end"])}),[]),a="beforeWrite",f=["beforeRead","read","afterRead","beforeMain","main","afterMain","beforeWrite","write","afterWrite"];function c(t){return t?(t.nodeName||"").toLowerCase():null}function d(t){if(null==t)return window;if("[object Window]"!==t.toString()){var n=t.ownerDocument;return n&&n.defaultView||window}return t}function p(t){return t instanceof d(t).Element||t instanceof Element}function s(t){return t instanceof d(t).HTMLElement||t instanceof HTMLElement}function l(t){return"undefined"!=typeof ShadowRoot&&(t instanceof d(t).ShadowRoot||t instanceof ShadowRoot)}function v(t){return t.split("-")[0]}var b=Math.max,h=Math.min,y=Math.round;function m(){var t=navigator.userAgentData;return null!=t&&t.brands&&Array.isArray(t.brands)?t.brands.map((function(t){return t.brand+"/"+t.version})).join(" "):navigator.userAgent}function x(){return!/^((?!chrome|android).)*safari/i.test(m())}function w(t,n,e){void 0===n&&(n=!1),void 0===e&&(e=!1);var r=t.getBoundingClientRect(),o=1,i=1;n&&s(t)&&(o=t.offsetWidth>0&&y(r.width)/t.offsetWidth||1,i=t.offsetHeight>0&&y(r.height)/t.offsetHeight||1);var u=(p(t)?d(t):window).visualViewport,a=!x()&&e,f=(r.left+(a&&u?u.offsetLeft:0))/o,c=(r.top+(a&&u?u.offsetTop:0))/i,l=r.width/o,v=r.height/i;return{width:l,height:v,top:c,right:f+l,bottom:c+v,left:f,x:f,y:c}}function O(t){var n=w(t),e=t.offsetWidth,r=t.offsetHeight;return Math.abs(n.width-e)<=1&&(e=n.width),Math.abs(n.height-r)<=1&&(r=n.height),{x:t.offsetLeft,y:t.offsetTop,width:e,height:r}}function g(t,n){var e=n.getRootNode&&n.getRootNode();if(t.contains(n))return!0;if(e&&l(e)){var r=n;do{if(r&&t.isSameNode(r))return!0;r=r.parentNode||r.host}while(r)}return!1}function j(t){return d(t).getComputedStyle(t)}function M(t){return["table","td","th"].indexOf(c(t))>=0}function k(t){return((p(t)?t.ownerDocument:t.document)||window.document).documentElement}function A(t){return"html"===c(t)?t:t.assignedSlot||t.parentNode||(l(t)?t.host:null)||k(t)}function E(t){return s(t)&&"fixed"!==j(t).position?t.offsetParent:null}function q(t){for(var n=d(t),e=E(t);e&&M(e)&&"static"===j(e).position;)e=E(e);return e&&("html"===c(e)||"body"===c(e)&&"static"===j(e).position)?n:e||function(t){var n=/firefox/i.test(m());if(/Trident/i.test(m())&&s(t)&&"fixed"===j(t).position)return null;var e=A(t);for(l(e)&&(e=e.host);s(e)&&["html","body"].indexOf(c(e))<0;){var r=j(e);if("none"!==r.transform||"none"!==r.perspective||"paint"===r.contain||-1!==["transform","perspective"].indexOf(r.willChange)||n&&"filter"===r.willChange||n&&r.filter&&"none"!==r.filter)return e;e=e.parentNode}return null}(t)||n}function B(t){return["top","bottom"].indexOf(t)>=0?"x":"y"}function P(t,n,e){return b(t,h(n,e))}function W(t){return Object.assign({},{top:0,right:0,bottom:0,left:0},t)}function R(t,n){return n.reduce((function(n,e){return n[e]=t,n}),{})}function S(t){return t.split("-")[1]}var L={top:"auto",right:"auto",bottom:"auto",left:"auto"};function T(o){var i,u=o.popper,a=o.popperRect,f=o.placement,c=o.variation,p=o.offsets,s=o.position,l=o.gpuAcceleration,v=o.adaptive,b=o.roundOffsets,h=o.isFixed,m=p.x,x=void 0===m?0:m,w=p.y,O=void 0===w?0:w,g="function"==typeof b?b({x,y:O}):{x,y:O};x=g.x,O=g.y;var M=p.hasOwnProperty("x"),A=p.hasOwnProperty("y"),E=r,B=t,P=window;if(v){var W=q(u),R="clientHeight",S="clientWidth";W===d(u)&&"static"!==j(W=k(u)).position&&"absolute"===s&&(R="scrollHeight",S="scrollWidth"),W=W,(f===t||(f===r||f===e)&&"end"===c)&&(B=n,O-=(h&&W===P&&P.visualViewport?P.visualViewport.height:W[R])-a.height,O*=l?1:-1),f!==r&&(f!==t&&f!==n||"end"!==c)||(E=e,x-=(h&&W===P&&P.visualViewport?P.visualViewport.width:W[S])-a.width,x*=l?1:-1)}var T,H=Object.assign({position:s},v&&L),I=!0===b?function(t,n){var e=t.y,r=n.devicePixelRatio||1;return{x:y(t.x*r)/r||0,y:y(e*r)/r||0}}({x,y:O},d(u)):{x,y:O};return x=I.x,O=I.y,Object.assign({},H,l?((T={})[B]=A?"0":"",T[E]=M?"0":"",T.transform=(P.devicePixelRatio||1)<=1?"translate("+x+"px, "+O+"px)":"translate3d("+x+"px, "+O+"px, 0)",T):((i={})[B]=A?O+"px":"",i[E]=M?x+"px":"",i.transform="",i))}var H={passive:!0},I={left:"right",right:"left",bottom:"top",top:"bottom"};function z(t){return t.replace(/left|right|bottom|top/g,(function(t){return I[t]}))}var C={start:"end",end:"start"};function D(t){return t.replace(/start|end/g,(function(t){return C[t]}))}function F(t){var n=d(t);return{scrollLeft:n.pageXOffset,scrollTop:n.pageYOffset}}function U(t){return w(k(t)).left+F(t).scrollLeft}function V(t){var n=j(t);return/auto|scroll|overlay|hidden/.test(n.overflow+n.overflowY+n.overflowX)}function _(t){return["html","body","#document"].indexOf(c(t))>=0?t.ownerDocument.body:s(t)&&V(t)?t:_(A(t))}function G(t,n){var e;void 0===n&&(n=[]);var r=_(t),o=r===(null==(e=t.ownerDocument)?void 0:e.body),i=d(r),u=o?[i].concat(i.visualViewport||[],V(r)?r:[]):r,a=n.concat(u);return o?a:a.concat(G(A(u)))}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,n,e){return"viewport"===n?J(function(t,n){var e=d(t),r=k(t),o=e.visualViewport,i=r.clientWidth,u=r.clientHeight,a=0,f=0;if(o){i=o.width,u=o.height;var c=x();(c||!c&&"fixed"===n)&&(a=o.offsetLeft,f=o.offsetTop)}return{width:i,height:u,x:a+U(t),y:f}}(t,e)):p(n)?function(t,n){var e=w(t,!1,"fixed"===n);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}(n,e):J(function(t){var n,e=k(t),r=F(t),o=null==(n=t.ownerDocument)?void 0:n.body,i=b(e.scrollWidth,e.clientWidth,o?o.scrollWidth:0,o?o.clientWidth:0),u=b(e.scrollHeight,e.clientHeight,o?o.scrollHeight:0,o?o.clientHeight:0),a=-r.scrollLeft+U(t),f=-r.scrollTop;return"rtl"===j(o||e).direction&&(a+=b(e.clientWidth,o?o.clientWidth:0)-i),{width:i,height:u,x:a,y:f}}(k(t)))}function N(o){var i,u=o.reference,a=o.element,f=o.placement,c=f?v(f):null,d=f?S(f):null,p=u.x+u.width/2-a.width/2,s=u.y+u.height/2-a.height/2;switch(c){case t:i={x:p,y:u.y-a.height};break;case n:i={x:p,y:u.y+u.height};break;case e:i={x:u.x+u.width,y:s};break;case r:i={x:u.x-a.width,y:s};break;default:i={x:u.x,y:u.y}}var l=c?B(c):null;if(null!=l){var b="y"===l?"height":"width";switch(d){case"start":i[l]=i[l]-(u[b]/2-a[b]/2);break;case"end":i[l]=i[l]+(u[b]/2-a[b]/2)}}return i}function Q(r,i){void 0===i&&(i={});var u=i.placement,a=void 0===u?r.placement:u,f=i.strategy,d=void 0===f?r.strategy:f,l=i.boundary,v=void 0===l?"clippingParents":l,y=i.rootBoundary,m=void 0===y?"viewport":y,x=i.elementContext,O=void 0===x?"popper":x,M=i.altBoundary,E=void 0!==M&&M,B=i.padding,P=void 0===B?0:B,S=W("number"!=typeof P?P:R(P,o)),L=r.rects.popper,T=r.elements[E?"popper"===O?"reference":"popper":O],H=function(t,n,e,r){var o="clippingParents"===n?function(t){var n=G(A(t)),e=["absolute","fixed"].indexOf(j(t).position)>=0&&s(t)?q(t):t;return p(e)?n.filter((function(t){return p(t)&&g(t,e)&&"body"!==c(t)})):[]}(t):[].concat(n),i=[].concat(o,[e]),u=i.reduce((function(n,e){var o=K(t,e,r);return n.top=b(o.top,n.top),n.right=h(o.right,n.right),n.bottom=h(o.bottom,n.bottom),n.left=b(o.left,n.left),n}),K(t,i[0],r));return u.width=u.right-u.left,u.height=u.bottom-u.top,u.x=u.left,u.y=u.top,u}(p(T)?T:T.contextElement||k(r.elements.popper),v,m,d),I=w(r.elements.reference),z=N({reference:I,element:L,strategy:"absolute",placement:a}),C=J(Object.assign({},L,z)),D="popper"===O?C:I,F={top:H.top-D.top+S.top,bottom:D.bottom-H.bottom+S.bottom,left:H.left-D.left+S.left,right:D.right-H.right+S.right},U=r.modifiersData.offset;if("popper"===O&&U){var V=U[a];Object.keys(F).forEach((function(r){var o=[e,n].indexOf(r)>=0?1:-1,i=[t,n].indexOf(r)>=0?"y":"x";F[r]+=V[i]*o}))}return F}function X(t,n){void 0===n&&(n={});var e=n.boundary,r=n.rootBoundary,a=n.padding,f=n.flipVariations,c=n.allowedAutoPlacements,d=void 0===c?u:c,p=S(n.placement),s=p?f?i:i.filter((function(t){return S(t)===p})):o,l=s.filter((function(t){return d.indexOf(t)>=0}));0===l.length&&(l=s);var b=l.reduce((function(n,o){return n[o]=Q(t,{placement:o,boundary:e,rootBoundary:r,padding:a})[v(o)],n}),{});return Object.keys(b).sort((function(t,n){return b[t]-b[n]}))}function Y(t,n,e){return void 0===e&&(e={x:0,y:0}),{top:t.top-n.height-e.y,right:t.right-n.width+e.x,bottom:t.bottom-n.height+e.y,left:t.left-n.width-e.x}}function Z(o){return[t,e,n,r].some((function(t){return o[t]>=0}))}function $(t,n,e){void 0===e&&(e=!1);var r,o,i=s(n),u=s(n)&&function(t){var n=t.getBoundingClientRect(),e=y(n.width)/t.offsetWidth||1,r=y(n.height)/t.offsetHeight||1;return 1!==e||1!==r}(n),a=k(n),f=w(t,u,e),p={scrollLeft:0,scrollTop:0},l={x:0,y:0};return(i||!i&&!e)&&(("body"!==c(n)||V(a))&&(p=(r=n)!==d(r)&&s(r)?{scrollLeft:(o=r).scrollLeft,scrollTop:o.scrollTop}:F(r)),s(n)?((l=w(n,!0)).x+=n.clientLeft,l.y+=n.clientTop):a&&(l.x=U(a))),{x:f.left+p.scrollLeft-l.x,y:f.top+p.scrollTop-l.y,width:f.width,height:f.height}}function tt(t){var n=new Map,e=new Set,r=[];function o(t){e.add(t.name),[].concat(t.requires||[],t.requiresIfExists||[]).forEach((function(t){if(!e.has(t)){var r=n.get(t);r&&o(r)}})),r.push(t)}return t.forEach((function(t){n.set(t.name,t)})),t.forEach((function(t){e.has(t.name)||o(t)})),r}var nt={placement:"bottom",modifiers:[],strategy:"absolute"};function et(){for(var t=arguments.length,n=new Array(t),e=0;e<t;e++)n[e]=arguments[e];return!n.some((function(t){return!(t&&"function"==typeof t.getBoundingClientRect)}))}function rt(t){void 0===t&&(t={});var n=t.defaultModifiers,e=void 0===n?[]:n,r=t.defaultOptions,o=void 0===r?nt:r;return function(t,n,r){void 0===r&&(r=o);var i,u,a={placement:"bottom",orderedModifiers:[],options:Object.assign({},nt,o),modifiersData:{},elements:{reference:t,popper:n},attributes:{},styles:{}},c=[],d=!1,s={state:a,setOptions:function(r){var i="function"==typeof r?r(a.options):r;l(),a.options=Object.assign({},o,a.options,i),a.scrollParents={reference:p(t)?G(t):t.contextElement?G(t.contextElement):[],popper:G(n)};var u,d,v=function(t){var n=tt(t);return f.reduce((function(t,e){return t.concat(n.filter((function(t){return t.phase===e})))}),[])}((u=[].concat(e,a.options.modifiers),d=u.reduce((function(t,n){var e=t[n.name];return t[n.name]=e?Object.assign({},e,n,{options:Object.assign({},e.options,n.options),data:Object.assign({},e.data,n.data)}):n,t}),{}),Object.keys(d).map((function(t){return d[t]}))));return a.orderedModifiers=v.filter((function(t){return t.enabled})),a.orderedModifiers.forEach((function(t){var n=t.options,e=t.effect;if("function"==typeof e){var r=e({state:a,name:t.name,instance:s,options:void 0===n?{}:n});c.push(r||function(){})}})),s.update()},forceUpdate:function(){if(!d){var t=a.elements,n=t.reference,e=t.popper;if(et(n,e)){a.rects={reference:$(n,q(e),"fixed"===a.options.strategy),popper:O(e)},a.reset=!1,a.placement=a.options.placement,a.orderedModifiers.forEach((function(t){return a.modifiersData[t.name]=Object.assign({},t.data)}));for(var r=0;r<a.orderedModifiers.length;r++)if(!0!==a.reset){var o=a.orderedModifiers[r],i=o.fn,u=o.options;"function"==typeof i&&(a=i({state:a,options:void 0===u?{}:u,name:o.name,instance:s})||a)}else a.reset=!1,r=-1}}},update:(i=function(){return new Promise((function(t){s.forceUpdate(),t(a)}))},function(){return u||(u=new Promise((function(t){Promise.resolve().then((function(){u=void 0,t(i())}))}))),u}),destroy:function(){l(),d=!0}};if(!et(t,n))return s;function l(){c.forEach((function(t){return t()})),c=[]}return s.setOptions(r).then((function(t){!d&&r.onFirstUpdate&&r.onFirstUpdate(t)})),s}}var ot=rt({defaultModifiers:[{name:"eventListeners",enabled:!0,phase:"write",fn:function(){},effect:function(t){var n=t.state,e=t.instance,r=t.options,o=r.scroll,i=void 0===o||o,u=r.resize,a=void 0===u||u,f=d(n.elements.popper),c=[].concat(n.scrollParents.reference,n.scrollParents.popper);return i&&c.forEach((function(t){t.addEventListener("scroll",e.update,H)})),a&&f.addEventListener("resize",e.update,H),function(){i&&c.forEach((function(t){t.removeEventListener("scroll",e.update,H)})),a&&f.removeEventListener("resize",e.update,H)}},data:{}},{name:"popperOffsets",enabled:!0,phase:"read",fn:function(t){var n=t.state;n.modifiersData[t.name]=N({reference:n.rects.reference,element:n.rects.popper,strategy:"absolute",placement:n.placement})},data:{}},{name:"computeStyles",enabled:!0,phase:"beforeWrite",fn:function(t){var n=t.state,e=t.options,r=e.gpuAcceleration,o=void 0===r||r,i=e.adaptive,u=void 0===i||i,a=e.roundOffsets,f=void 0===a||a,c={placement:v(n.placement),variation:S(n.placement),popper:n.elements.popper,popperRect:n.rects.popper,gpuAcceleration:o,isFixed:"fixed"===n.options.strategy};null!=n.modifiersData.popperOffsets&&(n.styles.popper=Object.assign({},n.styles.popper,T(Object.assign({},c,{offsets:n.modifiersData.popperOffsets,position:n.options.strategy,adaptive:u,roundOffsets:f})))),null!=n.modifiersData.arrow&&(n.styles.arrow=Object.assign({},n.styles.arrow,T(Object.assign({},c,{offsets:n.modifiersData.arrow,position:"absolute",adaptive:!1,roundOffsets:f})))),n.attributes.popper=Object.assign({},n.attributes.popper,{"data-popper-placement":n.placement})},data:{}},{name:"applyStyles",enabled:!0,phase:"write",fn:function(t){var n=t.state;Object.keys(n.elements).forEach((function(t){var e=n.styles[t]||{},r=n.attributes[t]||{},o=n.elements[t];s(o)&&c(o)&&(Object.assign(o.style,e),Object.keys(r).forEach((function(t){var n=r[t];!1===n?o.removeAttribute(t):o.setAttribute(t,!0===n?"":n)})))}))},effect:function(t){var n=t.state,e={popper:{position:n.options.strategy,left:"0",top:"0",margin:"0"},arrow:{position:"absolute"},reference:{}};return Object.assign(n.elements.popper.style,e.popper),n.styles=e,n.elements.arrow&&Object.assign(n.elements.arrow.style,e.arrow),function(){Object.keys(n.elements).forEach((function(t){var r=n.elements[t],o=n.attributes[t]||{},i=Object.keys(n.styles.hasOwnProperty(t)?n.styles[t]:e[t]).reduce((function(t,n){return t[n]="",t}),{});s(r)&&c(r)&&(Object.assign(r.style,i),Object.keys(o).forEach((function(t){r.removeAttribute(t)})))}))}},requires:["computeStyles"]},{name:"offset",enabled:!0,phase:"main",requires:["popperOffsets"],fn:function(n){var o=n.state,i=n.name,a=n.options.offset,f=void 0===a?[0,0]:a,c=u.reduce((function(n,i){return n[i]=function(n,o,i){var u=v(n),a=[r,t].indexOf(u)>=0?-1:1,f="function"==typeof i?i(Object.assign({},o,{placement:n})):i,c=f[0],d=f[1];return c=c||0,d=(d||0)*a,[r,e].indexOf(u)>=0?{x:d,y:c}:{x:c,y:d}}(i,o.rects,f),n}),{}),d=c[o.placement],p=d.y;null!=o.modifiersData.popperOffsets&&(o.modifiersData.popperOffsets.x+=d.x,o.modifiersData.popperOffsets.y+=p),o.modifiersData[i]=c}},{name:"flip",enabled:!0,phase:"main",fn:function(o){var i=o.state,u=o.options,a=o.name;if(!i.modifiersData[a]._skip){for(var f=u.mainAxis,c=void 0===f||f,d=u.altAxis,p=void 0===d||d,s=u.fallbackPlacements,l=u.padding,b=u.boundary,h=u.rootBoundary,y=u.altBoundary,m=u.flipVariations,x=void 0===m||m,w=u.allowedAutoPlacements,O=i.options.placement,g=v(O),j=s||(g!==O&&x?function(t){if("auto"===v(t))return[];var n=z(t);return[D(t),n,D(n)]}(O):[z(O)]),M=[O].concat(j).reduce((function(t,n){return t.concat("auto"===v(n)?X(i,{placement:n,boundary:b,rootBoundary:h,padding:l,flipVariations:x,allowedAutoPlacements:w}):n)}),[]),k=i.rects.reference,A=i.rects.popper,E=new Map,q=!0,B=M[0],P=0;P<M.length;P++){var W=M[P],R=v(W),L="start"===S(W),T=[t,n].indexOf(R)>=0,H=T?"width":"height",I=Q(i,{placement:W,boundary:b,rootBoundary:h,altBoundary:y,padding:l}),C=T?L?e:r:L?n:t;k[H]>A[H]&&(C=z(C));var F=z(C),U=[];if(c&&U.push(I[R]<=0),p&&U.push(I[C]<=0,I[F]<=0),U.every((function(t){return t}))){B=W,q=!1;break}E.set(W,U)}if(q)for(var V=function(t){var n=M.find((function(n){var e=E.get(n);if(e)return e.slice(0,t).every((function(t){return t}))}));if(n)return B=n,"break"},_=x?3:1;_>0&&"break"!==V(_);_--);i.placement!==B&&(i.modifiersData[a]._skip=!0,i.placement=B,i.reset=!0)}},requiresIfExists:["offset"],data:{_skip:!1}},{name:"preventOverflow",enabled:!0,phase:"main",fn:function(o){var i=o.state,u=o.options,a=o.name,f=u.mainAxis,c=void 0===f||f,d=u.altAxis,p=void 0!==d&&d,s=u.tether,l=void 0===s||s,y=u.tetherOffset,m=void 0===y?0:y,x=Q(i,{boundary:u.boundary,rootBoundary:u.rootBoundary,padding:u.padding,altBoundary:u.altBoundary}),w=v(i.placement),g=S(i.placement),j=!g,M=B(w),k="x"===M?"y":"x",A=i.modifiersData.popperOffsets,E=i.rects.reference,W=i.rects.popper,R="function"==typeof m?m(Object.assign({},i.rects,{placement:i.placement})):m,L="number"==typeof R?{mainAxis:R,altAxis:R}:Object.assign({mainAxis:0,altAxis:0},R),T=i.modifiersData.offset?i.modifiersData.offset[i.placement]:null,H={x:0,y:0};if(A){if(c){var I,z="y"===M?t:r,C="y"===M?n:e,D="y"===M?"height":"width",F=A[M],U=F+x[z],V=F-x[C],_=l?-W[D]/2:0,G="start"===g?E[D]:W[D],J="start"===g?-W[D]:-E[D],K=i.elements.arrow,N=l&&K?O(K):{width:0,height:0},X=i.modifiersData["arrow#persistent"]?i.modifiersData["arrow#persistent"].padding:{top:0,right:0,bottom:0,left:0},Y=X[z],Z=X[C],$=P(0,E[D],N[D]),tt=j?E[D]/2-_-$-Y-L.mainAxis:G-$-Y-L.mainAxis,nt=j?-E[D]/2+_+$+Z+L.mainAxis:J+$+Z+L.mainAxis,et=i.elements.arrow&&q(i.elements.arrow),rt=null!=(I=null==T?void 0:T[M])?I:0,ot=F+nt-rt,it=P(l?h(U,F+tt-rt-(et?"y"===M?et.clientTop||0:et.clientLeft||0:0)):U,F,l?b(V,ot):V);A[M]=it,H[M]=it-F}if(p){var ut,at=A[k],ft="y"===k?"height":"width",ct=at+x["x"===M?t:r],dt=at-x["x"===M?n:e],pt=-1!==[t,r].indexOf(w),st=null!=(ut=null==T?void 0:T[k])?ut:0,lt=pt?ct:at-E[ft]-W[ft]-st+L.altAxis,vt=pt?at+E[ft]+W[ft]-st-L.altAxis:dt,bt=l&&pt?function(t,n,e){var r=P(t,n,e);return r>e?e:r}(lt,at,vt):P(l?lt:ct,at,l?vt:dt);A[k]=bt,H[k]=bt-at}i.modifiersData[a]=H}},requiresIfExists:["offset"]},{name:"arrow",enabled:!0,phase:"main",fn:function(i){var u,a=i.state,f=i.name,c=i.options,d=a.elements.arrow,p=a.modifiersData.popperOffsets,s=v(a.placement),l=B(s),b=[r,e].indexOf(s)>=0?"height":"width";if(d&&p){var h=function(t,n){return W("number"!=typeof(t="function"==typeof t?t(Object.assign({},n.rects,{placement:n.placement})):t)?t:R(t,o))}(c.padding,a),y=O(d),m="y"===l?t:r,x="y"===l?n:e,w=a.rects.reference[b]+a.rects.reference[l]-p[l]-a.rects.popper[b],g=p[l]-a.rects.reference[l],j=q(d),M=j?"y"===l?j.clientHeight||0:j.clientWidth||0:0,k=M/2-y[b]/2+(w/2-g/2),A=P(h[m],k,M-y[b]-h[x]);a.modifiersData[f]=((u={})[l]=A,u.centerOffset=A-k,u)}},effect:function(t){var n=t.state,e=t.options.element,r=void 0===e?"[data-popper-arrow]":e;null!=r&&("string"!=typeof r||(r=n.elements.popper.querySelector(r)))&&g(n.elements.popper,r)&&(n.elements.arrow=r)},requires:["popperOffsets"],requiresIfExists:["preventOverflow"]},{name:"hide",enabled:!0,phase:"main",requiresIfExists:["preventOverflow"],fn:function(t){var n=t.state,e=t.name,r=n.rects.reference,o=n.rects.popper,i=n.modifiersData.preventOverflow,u=Q(n,{elementContext:"reference"}),a=Q(n,{altBoundary:!0}),f=Y(u,r),c=Y(a,o,i),d=Z(f),p=Z(c);n.modifiersData[e]={referenceClippingOffsets:f,popperEscapeOffsets:c,isReferenceHidden:d,hasPopperEscaped:p},n.attributes.popper=Object.assign({},n.attributes.popper,{"data-popper-reference-hidden":d,"data-popper-escaped":p})}}]});function it(t){const n=window.getComputedStyle(t),e=n.getPropertyValue("overflow-x"),r=n.getPropertyValue("overflow-y"),o=["hidden","clip"];return-1!==o.indexOf(e)||-1!==o.indexOf(r)}export{a as b,ot as c,Q as d,it as h}
|
|
@@ -0,0 +1,5 @@
|
|
|
1
|
+
/*!
|
|
2
|
+
* tabbable 6.1.2
|
|
3
|
+
* @license MIT, https://github.com/focus-trap/tabbable/blob/master/LICENSE
|
|
4
|
+
*/
|
|
5
|
+
var n=["input:not([inert])","select:not([inert])","textarea:not([inert])","a[href]:not([inert])","button:not([inert])","[tabindex]:not(slot):not([inert])","audio[controls]:not([inert])","video[controls]:not([inert])",'[contenteditable]:not([contenteditable="false"]):not([inert])',"details>summary:first-of-type:not([inert])","details:not([inert])"],t=n.join(","),r="undefined"==typeof Element,e=r?function(){}:Element.prototype.matches||Element.prototype.msMatchesSelector||Element.prototype.webkitMatchesSelector,i=!r&&Element.prototype.getRootNode?function(n){var t;return null==n||null===(t=n.getRootNode)||void 0===t?void 0:t.call(n)}:function(n){return null==n?void 0:n.ownerDocument},o=function n(t,r){var e;void 0===r&&(r=!0);var i=null==t||null===(e=t.getAttribute)||void 0===e?void 0:e.call(t,"inert");return""===i||"true"===i||r&&t&&n(t.parentNode)},u=function(n,r,i){if(o(n))return[];var u=Array.prototype.slice.apply(n.querySelectorAll(t));return r&&e.call(n,t)&&u.unshift(n),u.filter(i)},a=function n(r,i,u){for(var a=[],f=Array.from(r);f.length;){var l=f.shift();if(!o(l,!1))if("SLOT"===l.tagName){var d=l.assignedElements(),c=n(d.length?d:l.children,!0,u);u.flatten?a.push.apply(a,c):a.push({scopeParent:l,candidates:c})}else{e.call(l,t)&&u.filter(l)&&(i||!r.includes(l))&&a.push(l);var v=l.shadowRoot||"function"==typeof u.getShadowRoot&&u.getShadowRoot(l),s=!o(v,!1)&&(!u.shadowRootFilter||u.shadowRootFilter(l));if(v&&s){var p=n(!0===v?l.children:v.children,!0,u);u.flatten?a.push.apply(a,p):a.push({scopeParent:l,candidates:p})}else f.unshift.apply(f,l.children)}}return a},f=function(n,t){return n.tabIndex<0&&(t||/^(AUDIO|VIDEO|DETAILS)$/.test(n.tagName)||function(n){var t,r=null==n||null===(t=n.getAttribute)||void 0===t?void 0:t.call(n,"contenteditable");return""===r||"true"===r}(n))&&isNaN(parseInt(n.getAttribute("tabindex"),10))?0:n.tabIndex},l=function(n,t){return n.tabIndex===t.tabIndex?n.documentOrder-t.documentOrder:n.tabIndex-t.tabIndex},d=function(n){return"INPUT"===n.tagName},c=function(n){var t=n.getBoundingClientRect();return 0===t.width&&0===t.height},v=function(n,t){return!(t.disabled||o(t)||function(n){return d(n)&&"hidden"===n.type}(t)||function(n,t){var r=t.displayCheck,o=t.getShadowRoot;if("hidden"===getComputedStyle(n).visibility)return!0;var u=e.call(n,"details>summary:first-of-type");if(e.call(u?n.parentElement:n,"details:not([open]) *"))return!0;if(r&&"full"!==r&&"legacy-full"!==r){if("non-zero-area"===r)return c(n)}else{if("function"==typeof o){for(var a=n;n;){var f=n.parentElement,l=i(n);if(f&&!f.shadowRoot&&!0===o(f))return c(n);n=n.assignedSlot?n.assignedSlot:f||l===n.ownerDocument?f:l.host}n=a}if(function(n){var t,r,e,o,u=n&&i(n),a=null===(t=u)||void 0===t?void 0:t.host,f=!1;if(u&&u!==n)for(f=!!(null!==(r=a)&&void 0!==r&&null!==(e=r.ownerDocument)&&void 0!==e&&e.contains(a)||null!=n&&null!==(o=n.ownerDocument)&&void 0!==o&&o.contains(n));!f&&a;){var l,d,c;f=!(null===(d=a=null===(l=u=i(a))||void 0===l?void 0:l.host)||void 0===d||null===(c=d.ownerDocument)||void 0===c||!c.contains(a))}return f}(n))return!n.getClientRects().length;if("legacy-full"!==r)return!0}return!1}(t,n)||function(n){return"DETAILS"===n.tagName&&Array.prototype.slice.apply(n.children).some((function(n){return"SUMMARY"===n.tagName}))}(t)||function(n){if(/^(INPUT|BUTTON|SELECT|TEXTAREA)$/.test(n.tagName))for(var t=n.parentElement;t;){if("FIELDSET"===t.tagName&&t.disabled){for(var r=0;r<t.children.length;r++){var i=t.children.item(r);if("LEGEND"===i.tagName)return!!e.call(t,"fieldset[disabled] *")||!i.contains(n)}return!0}t=t.parentElement}return!1}(t))},s=function(n,t){return!(function(n){return function(n){return d(n)&&"radio"===n.type}(n)&&!function(n){if(!n.name)return!0;var t,r=n.form||i(n),e=function(n){return r.querySelectorAll('input[type="radio"][name="'+n+'"]')};if("undefined"!=typeof window&&void 0!==window.CSS&&"function"==typeof window.CSS.escape)t=e(window.CSS.escape(n.name));else try{t=e(n.name)}catch(n){return console.error("Looks like you have a radio button with a name attribute containing invalid CSS selector characters and need the CSS.escape polyfill: %s",n.message),!1}var o=function(n,t){for(var r=0;r<n.length;r++)if(n[r].checked&&n[r].form===t)return n[r]}(t,n.form);return!o||o===n}(n)}(t)||f(t)<0||!v(n,t))},p=function(n){var t=parseInt(n.getAttribute("tabindex"),10);return!!(isNaN(t)||t>=0)},y=function n(t){var r=[],e=[];return t.forEach((function(t,i){var o=!!t.scopeParent,u=o?t.scopeParent:t,a=f(u,o),l=o?n(t.candidates):u;0===a?o?r.push.apply(r,l):r.push(u):e.push({documentOrder:i,tabIndex:a,item:t,isScope:o,content:l})})),e.sort(l).reduce((function(n,t){return t.isScope?n.push.apply(n,t.content):n.push(t.content),n}),[]).concat(r)},E=function(n,t){var r;return r=(t=t||{}).getShadowRoot?a([n],t.includeContainer,{filter:s.bind(null,t),flatten:!1,getShadowRoot:t.getShadowRoot,shadowRootFilter:p}):u(n,t.includeContainer,s.bind(null,t)),y(r)},w=function(n,t){return(t=t||{}).getShadowRoot?a([n],t.includeContainer,{filter:v.bind(null,t),flatten:!0,getShadowRoot:t.getShadowRoot}):u(n,t.includeContainer,v.bind(null,t))},m=function(n,r){if(r=r||{},!n)throw new Error("No node provided");return!1!==e.call(n,t)&&s(r,n)},S=n.concat("iframe").join(","),h=function(n,t){if(t=t||{},!n)throw new Error("No node provided");return!1!==e.call(n,S)&&v(t,n)};export{h as a,w as f,m as i,E as t}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{r as t,h as o,H as e,g as i}from"./p-98fd1658.js";import{d as r,h as a,c as s,b as n}from"./p-
|
|
1
|
+
import{r as t,h as o,H as e,g as i}from"./p-98fd1658.js";import{d as r,h as a,c as s,b as n}from"./p-452b1234.js";import{c as p}from"./p-6a1980b4.js";import{d as l}from"./p-1805f5b0.js";var d,h={name:"maxSize",enabled:!0,phase:"main",requiresIfExists:["offset","preventOverflow","flip"],fn:function(t){var o=t.state,e=t.name,i=r(o,t.options),a=o.modifiersData.preventOverflow||{x:0,y:0},s=a.x,n=a.y,p=o.rects.popper,l=p.width,d=p.height,h=o.placement.split("-")[0];o.modifiersData[e]={width:l-i["left"===h?"left":"right"]-s,height:d-i["top"===h?"top":"bottom"]-n}}},c=function(t,o,e,i,r){if("m"===i)throw new TypeError("Private method is not writable");if("a"===i&&!r)throw new TypeError("Private accessor was defined without a setter");if("function"==typeof o?t!==o||!r:!o.has(t))throw new TypeError("Cannot write private member to an object whose class did not declare it");return"a"===i?r.call(t,e):r?r.value=e:o.set(t,e),e};const f={name:"applyMaxSize",enabled:!0,phase:n,requires:["maxSize"],fn({state:t}){let{width:o}=t.modifiersData.maxSize;o<160&&(o=160),t.styles.popper=Object.assign(Object.assign({},t.styles.popper),{maxWidth:`${o}px`})}},m=class{constructor(o){t(this,o),this.callbacks={activate:()=>this.active=!0,deactivate:()=>this.active=!1},this.keyDownListener=t=>{"Escape"===t.key&&this.deactivate()},this.deactivatePopper=l((()=>{var t;this.hidden=!0,null===(t=this.popper)||void 0===t||t.destroy(),this.popper=void 0}),150),d.set(this,void 0),this.descriptive=!1,this.position="top",this.strategy="auto",this.noArrow=!1,this.stateless=void 0,this.small=void 0,this.active=!1,this.hidden=!0}async activate(){this.active=!0}async deactivate(){this.active=!1}watchPosition(){this.popper&&this.popper.setOptions({placement:this.position})}watchStrategy(){this.setStrategy()}setStrategy(){if(!this.popper)return;if("absolute"===this.strategy||"fixed"===this.strategy)return void this.popper.setOptions({strategy:this.strategy});let t=this.element;for(;t&&t.parentNode!==document;)if(t=t.parentNode instanceof ShadowRoot?t.parentNode.host:t.parentElement,null!==t&&a(t))return void this.popper.setOptions({strategy:"fixed"});this.popper.setOptions({strategy:"absolute"})}watchActive(){this.active?(this.activatePopper(),this.stateless||setTimeout((()=>{var t;null===(t=this.popper)||void 0===t||t.setOptions({modifiers:[{name:"eventListeners",enabled:!0}]}),document.addEventListener("keydown",this.keyDownListener)}))):(document.removeEventListener("keydown",this.keyDownListener),this.deactivatePopper())}listenClick(t){t.stopPropagation()}componentDidLoad(){var t;if(!((null===(t=this.element.shadowRoot)||void 0===t?void 0:t.querySelector(".tooltip"))instanceof HTMLElement))throw new Error("tooltip element is not instanceof HTMLElement");!this.stateless&&this.target&&(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.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.target=void 0}componentDidRender(){var t;this.active&&(null===(t=this.popper)||void 0===t||t.update())}render(){return o(e,{class:{hidden:this.hidden},role:"tooltip"},o("div",{class:p("tooltip",{in:this.active})},!this.noArrow&&o("div",{"data-popper-arrow":!0,class:"tooltip-arrow"}),o("div",{"aria-hidden":!this.descriptive||void 0,class:p("tooltip-inner",{"dso-small":this.small})},o("slot",null))))}activatePopper(){var t;if(this.hidden=!1,this.popper)return;const o=null===(t=this.element.shadowRoot)||void 0===t?void 0:t.querySelector(".tooltip");this.target&&o instanceof HTMLElement&&(this.popper=s(this.target,o,{placement:this.position,modifiers:[h,f,{name:"eventListeners",enabled:!1}]}),this.setStrategy())}get target(){var t;return null!==(t=function(t,o,e,i){if("a"===e&&!i)throw new TypeError("Private accessor was defined without a getter");if("function"==typeof o?t!==o||!i:!o.has(t))throw new TypeError("Cannot read private member from an object whose class did not declare it");return"m"===e?i:"a"===e?i.call(t):i?i.value:o.get(t)}(this,d,"f"))&&void 0!==t?t:this.initializeTarget()}set target(t){c(this,d,t,"f")}initializeTarget(){const t=this.element.id;if(!t)return void console.warn("Unable to find reference tooltip has no [id] attribute.");const o=this.element.getRootNode();if(!(o instanceof Document||o instanceof ShadowRoot))return void console.warn("rootNode is not instance of Document or ShadowRoot");const e=o.querySelector(`[aria-describedBy="${t}`);if(e)return c(this,d,e,"f"),e;console.warn(`Unable to find reference with aria-describedby ${t}`)}get element(){return i(this)}static get watchers(){return{position:["watchPosition"],strategy:["watchStrategy"],active:["watchActive"]}}};d=new WeakMap,m.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:1rem;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{m as dso_tooltip}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{r as t,h as s,H as o,g as i}from"./p-98fd1658.js";import{t as e}from"./p-5950644a.js";import{h as n,c as r}from"./p-452b1234.js";import{v as h}from"./p-5d7f4ff2.js";const a=class{constructor(s){t(this,s),this.focusOutListener=t=>{this.tabbables.includes(t.relatedTarget)||(this.open=!1)},this.keyDownListener=t=>{if(!t.defaultPrevented){switch(t.key){case"ArrowDown":this.tabInPopup(1);break;case"ArrowUp":this.tabInPopup(-1);break;case"Escape":this.escape();break;case" ":t.target instanceof HTMLElement&&t.target.click();break;default:return}t.preventDefault()}},this.escape=()=>{this.button.focus(),this.open=!1},this.open=!1,this.dropdownAlign="left",this.dropdownOptionsOffset=2,this.checkable=!1,this.boundary=void 0,this.strategy="auto"}watchPosition(){this.popper&&this.popper.setOptions({placement:"right"===this.dropdownAlign?"bottom-end":"bottom-start"})}watchOptionsOffset(){var t;null===(t=this.popper)||void 0===t||t.setOptions({modifiers:[{name:"offset",options:{offset:[0,this.dropdownOptionsOffset]}}]})}watchStrategy(){this.setStrategy()}setStrategy(){if(!this.popper)return;if("absolute"===this.strategy||"fixed"===this.strategy)return void this.popper.setOptions({strategy:this.strategy});let t=this.host;const s=this.boundary||document;for(;t&&t.parentNode!==s;)if(t=t.parentNode instanceof ShadowRoot?t.parentNode.host:t.parentElement,null!==t&&n(t))return void this.popper.setOptions({strategy:"fixed"});this.popper.setOptions({strategy:"absolute"})}get button(){const t=this.host.querySelector('button[slot="toggle"]');if(!(t instanceof HTMLButtonElement))throw new ReferenceError("Mandatory toggle button not found");return t}get tabbables(){return e(this.host).filter((t=>t!==this.button))}componentDidLoad(){this.button.setAttribute("aria-haspopup","menu"),this.button.setAttribute("aria-expanded","false"),this.button.id||(this.button.id=h()),this.button.addEventListener("click",(()=>{this.open=!this.open}));const t=this.host.querySelector(".dso-dropdown-options");if(!t)throw new ReferenceError("Dropdown options not found");t.setAttribute("role","menu"),t.setAttribute("aria-labelledby",this.button.id);for(const t of Array.from(this.host.getElementsByTagName("ul"))){t.setAttribute("role","group");for(const s of Array.from(t.getElementsByTagName("li")))s.setAttribute("role","none")}if(this.popper)return;const s=this.host.querySelector(".dso-dropdown-options");if(!(s instanceof HTMLElement))throw new Error("dropdown options element is not instanceof HTMLElement");this.popper=r(this.button,s,{placement:"right"===this.dropdownAlign?"bottom-end":"bottom-start",modifiers:[{name:"offset",options:{offset:[0,this.dropdownOptionsOffset]}},{name:"preventOverflow",options:{boundary:this.boundary?document.querySelector(this.boundary):null},enabled:void 0!==this.boundary}]})}componentDidRender(){var t;this.setStrategy(),this.open&&(null===(t=this.popper)||void 0===t||t.update());for(const t of Array.from(this.host.getElementsByTagName("li")))for(const s of e(t))s.setAttribute("role",this.checkable?"menuitemradio":"menuitem"),this.checkable&&s.setAttribute("aria-checked",t.classList.contains("dso-checked").toString());this.host.removeEventListener("keydown",this.keyDownListener),this.button.setAttribute("aria-expanded",this.open?"true":"false"),this.open&&this.host.addEventListener("keydown",this.keyDownListener),this.tabbables.forEach((t=>{t.removeEventListener("click",this.escape),this.open&&t.addEventListener("click",this.escape)}))}disconnectedCallback(){var t;null===(t=this.popper)||void 0===t||t.destroy()}getActiveElement(t=document){const s=t.activeElement;return s?s.shadowRoot?this.getActiveElement(s.shadowRoot):s:null}tabInPopup(t){const s=this.tabbables;let o=s.findIndex((t=>t===this.getActiveElement()))+t;o>=s.length?o=0:o<0&&(o=s.length-1),s[o].focus()}render(){return s(o,{onFocusout:this.focusOutListener,tabindex:this.open?"-1":void 0},s("slot",{name:"toggle"}),s("div",{hidden:!this.open},s("slot",null)))}get host(){return i(this)}static get watchers(){return{dropdownAlign:["watchPosition"],dropdownOptionsOffset:["watchOptionsOffset"],strategy:["watchStrategy"]}}};a.style=":host(:focus){outline:none}:host{display:inline-block}";export{a as dso_dropdown_menu}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{r as t,h as i,H as o}from"./p-98fd1658.js";const s=class{constructor(i){t(this,i),this.step=void 0,this.itemTitle=void 0,this.flowLine=!1,this.warning=!1,this.divider=!1}render(){return i(o,{class:{divider:this.divider,"flow-line":this.flowLine}},i("div",{class:"dso-action-list-item"},this.warning?i("dso-icon",{icon:"status-warning"}):i("div",{class:"dso-step-counter"},this.step),i("div",{class:"action-list-item-content"},this.itemTitle&&i("h3",null,this.itemTitle),i("slot",null))))}};s.style='*,*::after,*::before{box-sizing:border-box}:host{display:block;padding-block:16px;position:relative}:host.dso-has-counter{padding-top:2.5rem;position:relative}:host .dso-step-counter{background-color:#275937;border:8px solid #79b929;border-radius:50%;box-sizing:content-box;color:#fff;font-size:1.25rem;font-weight:500;height:2rem;left:16px;line-height:2rem;position:absolute;text-align:center;top:-1.5rem;width:2rem}:host .dso-step-counter svg.di{height:1.5rem;margin-top:0.25rem;width:1.5rem}:host>dso-icon{vertical-align:text-top}:host(.divider) .dso-action-list-item::after{border-bottom:0.25rem dashed #6ca4d9;bottom:0;content:"";display:block;height:24px;left:80px;position:absolute;width:calc(100% + 16px)}h3{color:#275937;color:#275937;font-size:1.25rem;font-weight:600;margin-block-end:16px;margin-block-start:0;min-height:48px;padding-block-start:9px}.dso-action-list-item{display:grid;grid-template-columns:80px 1fr}.dso-action-list-item .dso-step-counter{position:unset}.dso-action-list-item .dso-step-counter,.dso-action-list-item dso-icon{margin-inline-start:8px}.dso-action-list-item .action-list-item-content{grid-column:2/2}dso-icon{height:48px;width:48px}';export{s as dso_action_list_item}
|
|
@@ -0,0 +1,5 @@
|
|
|
1
|
+
import{t as n,f as t,i as e,a as r}from"./p-5950644a.js";
|
|
2
|
+
/*!
|
|
3
|
+
* focus-trap 7.4.3
|
|
4
|
+
* @license MIT, https://github.com/focus-trap/focus-trap/blob/master/LICENSE
|
|
5
|
+
*/function o(n,t){var e=Object.keys(n);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(n);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(n,t).enumerable}))),e.push.apply(e,r)}return e}function u(n){for(var t=1;t<arguments.length;t++){var e=null!=arguments[t]?arguments[t]:{};t%2?o(Object(e),!0).forEach((function(t){i(n,t,e[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(n,Object.getOwnPropertyDescriptors(e)):o(Object(e)).forEach((function(t){Object.defineProperty(n,t,Object.getOwnPropertyDescriptor(e,t))}))}return n}function i(n,t,e){return(t=function(n){var t=function(n,t){if("object"!=typeof n||null===n)return n;var e=n[Symbol.toPrimitive];if(void 0!==e){var r=e.call(n,t);if("object"!=typeof r)return r;throw new TypeError("@@toPrimitive must return a primitive value.")}return String(n)}(n,"string");return"symbol"==typeof t?t:String(t)}(t))in n?Object.defineProperty(n,t,{value:e,enumerable:!0,configurable:!0,writable:!0}):n[t]=e,n}var a=function(n){return"Tab"===n.key||9===n.keyCode},c=function(n){return a(n)&&!n.shiftKey},f=function(n){return a(n)&&n.shiftKey},s=function(n){return setTimeout(n,0)},v=function(n,t){var e=-1;return n.every((function(n,r){return!t(n)||(e=r,!1)})),e},l=function(n){for(var t=arguments.length,e=new Array(t>1?t-1:0),r=1;r<t;r++)e[r-1]=arguments[r];return"function"==typeof n?n.apply(void 0,e):n},d=function(n){return n.target.shadowRoot&&"function"==typeof n.composedPath?n.composedPath()[0]:n.target},b=[],p=function(o,i){var p,w=(null==i?void 0:i.document)||document,h=(null==i?void 0:i.trapStack)||b,y=u({returnFocusOnDeactivate:!0,escapeDeactivates:!0,delayInitialFocus:!0,isKeyForward:c,isKeyBackward:f},i),m={containers:[],containerGroups:[],tabbableGroups:[],nodeFocusedBeforeActivation:null,mostRecentlyFocusedNode:null,active:!1,paused:!1,delayInitialFocusTimer:void 0},F=function(n,t,e){return n&&void 0!==n[t]?n[t]:y[e||t]},O=function(n,t){var e="function"==typeof(null==t?void 0:t.composedPath)?t.composedPath():void 0;return m.containerGroups.findIndex((function(t){var r=t.container,o=t.tabbableNodes;return r.contains(n)||(null==e?void 0:e.includes(r))||o.find((function(t){return t===n}))}))},j=function(n){var t=y[n];if("function"==typeof t){for(var e=arguments.length,r=new Array(e>1?e-1:0),o=1;o<e;o++)r[o-1]=arguments[o];t=t.apply(void 0,r)}if(!0===t&&(t=void 0),!t){if(void 0===t||!1===t)return t;throw new Error("`".concat(n,"` was specified but was not a node, or did not return a node"))}var u=t;if("string"==typeof t&&!(u=w.querySelector(t)))throw new Error("`".concat(n,"` as selector refers to no known node"));return u},k=function(){var n=j("initialFocus");if(!1===n)return!1;if(void 0===n||!r(n,y.tabbableOptions))if(O(w.activeElement)>=0)n=w.activeElement;else{var t=m.tabbableGroups[0];n=t&&t.firstTabbableNode||j("fallbackFocus")}if(!n)throw new Error("Your focus-trap needs to have at least one focusable element");return n},T=function(){if(m.containerGroups=m.containers.map((function(r){var o=n(r,y.tabbableOptions),u=t(r,y.tabbableOptions);return{container:r,tabbableNodes:o,focusableNodes:u,firstTabbableNode:o.length>0?o[0]:null,lastTabbableNode:o.length>0?o[o.length-1]:null,nextTabbableNode:function(n){var t=!(arguments.length>1&&void 0!==arguments[1])||arguments[1],r=u.findIndex((function(t){return t===n}));if(!(r<0))return t?u.slice(r+1).find((function(n){return e(n,y.tabbableOptions)})):u.slice(0,r).reverse().find((function(n){return e(n,y.tabbableOptions)}))}}})),m.tabbableGroups=m.containerGroups.filter((function(n){return n.tabbableNodes.length>0})),m.tabbableGroups.length<=0&&!j("fallbackFocus"))throw new Error("Your focus-trap must have at least one container with at least one tabbable node in it at all times")},g=function n(t){!1!==t&&t!==w.activeElement&&(t&&t.focus?(t.focus({preventScroll:!!y.preventScroll}),m.mostRecentlyFocusedNode=t,function(n){return n.tagName&&"input"===n.tagName.toLowerCase()&&"function"==typeof n.select}(t)&&t.select()):n(k()))},D=function(n){var t=j("setReturnFocus",n);return t||!1!==t&&n},E=function(n){var t=d(n);O(t,n)>=0||(l(y.clickOutsideDeactivates,n)?p.deactivate({returnFocus:y.returnFocusOnDeactivate}):l(y.allowOutsideClick,n)||n.preventDefault())},P=function(n){var t=d(n),e=O(t,n)>=0;e||t instanceof Document?e&&(m.mostRecentlyFocusedNode=t):(n.stopImmediatePropagation(),g(m.mostRecentlyFocusedNode||k()))},A=function(n){if(("Escape"===(t=n).key||"Esc"===t.key||27===t.keyCode)&&!1!==l(y.escapeDeactivates,n))return n.preventDefault(),void p.deactivate();var t;(y.isKeyForward(n)||y.isKeyBackward(n))&&function(n){var t=arguments.length>1&&void 0!==arguments[1]&&arguments[1],o=d(n);T();var u=null;if(m.tabbableGroups.length>0){var i=O(o,n),c=i>=0?m.containerGroups[i]:void 0;if(i<0)u=t?m.tabbableGroups[m.tabbableGroups.length-1].lastTabbableNode:m.tabbableGroups[0].firstTabbableNode;else if(t){var f=v(m.tabbableGroups,(function(n){return o===n.firstTabbableNode}));f<0&&(c.container===o||r(o,y.tabbableOptions)&&!e(o,y.tabbableOptions)&&!c.nextTabbableNode(o,!1))&&(f=i),f>=0?u=m.tabbableGroups[0===f?m.tabbableGroups.length-1:f-1].lastTabbableNode:a(n)||(u=c.nextTabbableNode(o,!1))}else{var s=v(m.tabbableGroups,(function(n){return o===n.lastTabbableNode}));s<0&&(c.container===o||r(o,y.tabbableOptions)&&!e(o,y.tabbableOptions)&&!c.nextTabbableNode(o))&&(s=i),s>=0?u=m.tabbableGroups[s===m.tabbableGroups.length-1?0:s+1].firstTabbableNode:a(n)||(u=c.nextTabbableNode(o))}}else u=j("fallbackFocus");u&&(a(n)&&n.preventDefault(),g(u))}(n,y.isKeyBackward(n))},N=function(n){var t=d(n);O(t,n)>=0||l(y.clickOutsideDeactivates,n)||l(y.allowOutsideClick,n)||(n.preventDefault(),n.stopImmediatePropagation())},C=function(){if(m.active)return function(n,t){if(n.length>0){var e=n[n.length-1];e!==t&&e.pause()}var r=n.indexOf(t);-1===r||n.splice(r,1),n.push(t)}(h,p),m.delayInitialFocusTimer=y.delayInitialFocus?s((function(){g(k())})):g(k()),w.addEventListener("focusin",P,!0),w.addEventListener("mousedown",E,{capture:!0,passive:!1}),w.addEventListener("touchstart",E,{capture:!0,passive:!1}),w.addEventListener("click",N,{capture:!0,passive:!1}),w.addEventListener("keydown",A,{capture:!0,passive:!1}),p},R=function(){if(m.active)return w.removeEventListener("focusin",P,!0),w.removeEventListener("mousedown",E,!0),w.removeEventListener("touchstart",E,!0),w.removeEventListener("click",N,!0),w.removeEventListener("keydown",A,!0),p},S="undefined"!=typeof window&&"MutationObserver"in window?new MutationObserver((function(n){n.some((function(n){return Array.from(n.removedNodes).some((function(n){return n===m.mostRecentlyFocusedNode}))}))&&g(k())})):void 0,B=function(){S&&(S.disconnect(),m.active&&!m.paused&&m.containers.map((function(n){S.observe(n,{subtree:!0,childList:!0})})))};return(p={get active(){return m.active},get paused(){return m.paused},activate:function(n){if(m.active)return this;var t=F(n,"onActivate"),e=F(n,"onPostActivate"),r=F(n,"checkCanFocusTrap");r||T(),m.active=!0,m.paused=!1,m.nodeFocusedBeforeActivation=w.activeElement,null==t||t();var o=function(){r&&T(),C(),B(),null==e||e()};return r?(r(m.containers.concat()).then(o,o),this):(o(),this)},deactivate:function(n){if(!m.active)return this;var t=u({onDeactivate:y.onDeactivate,onPostDeactivate:y.onPostDeactivate,checkCanReturnFocus:y.checkCanReturnFocus},n);clearTimeout(m.delayInitialFocusTimer),m.delayInitialFocusTimer=void 0,R(),m.active=!1,m.paused=!1,B(),function(n,t){var e=n.indexOf(t);-1!==e&&n.splice(e,1),n.length>0&&n[n.length-1].unpause()}(h,p);var e=F(t,"onDeactivate"),r=F(t,"onPostDeactivate"),o=F(t,"checkCanReturnFocus"),i=F(t,"returnFocus","returnFocusOnDeactivate");null==e||e();var a=function(){s((function(){i&&g(D(m.nodeFocusedBeforeActivation)),null==r||r()}))};return i&&o?(o(D(m.nodeFocusedBeforeActivation)).then(a,a),this):(a(),this)},pause:function(n){if(m.paused||!m.active)return this;var t=F(n,"onPause"),e=F(n,"onPostPause");return m.paused=!0,null==t||t(),R(),B(),null==e||e(),this},unpause:function(n){if(!m.paused||!m.active)return this;var t=F(n,"onUnpause"),e=F(n,"onPostUnpause");return m.paused=!1,null==t||t(),T(),C(),B(),null==e||e(),this},updateContainerElements:function(n){var t=[].concat(n).filter(Boolean);return m.containers=t.map((function(n){return"string"==typeof n?w.querySelector(n):n})),m.active&&T(),B(),this}}).updateContainerElements(o),p};export{p as c}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{h as o,r as n,f as s,F as t,H as d,g as c}from"./p-98fd1658.js";import{i as e}from"./p-bf750b97.js";const a={success:"succes:",info:"info:",warning:"waarschuwing:",danger:"fout:",error:"fout:"},i=({handleUrl:n,onClick:s,open:t},d)=>n?o("a",{href:n,onClick:s,"aria-expanded":t?"true":"false"},d):o("button",{type:"button",onClick:s,"aria-expanded":t?"true":"false"},d),r=({heading:n,ref:s},t)=>{switch(n){default:case"h2":return o("h2",{ref:s,class:"dso-section-handle"},t);case"h3":return o("h3",{ref:s,class:"dso-section-handle"},t);case"h4":return o("h4",{ref:s,class:"dso-section-handle"},t);case"h5":return o("h5",{ref:s,class:"dso-section-handle"},t)}},h=({state:n})=>"error"===n?o("dso-icon",{icon:"status-error"}):"danger"===n?o("dso-icon",{icon:"status-danger"}):"success"===n?o("dso-icon",{icon:"status-success"}):"info"===n?o("dso-icon",{icon:"status-info"}):"warning"===n?o("dso-icon",{icon:"status-warning"}):void 0,l=({state:n,icon:s,attachmentCount:t})=>n?o(h,{state:n}):t?o("dso-attachments-counter",{count:t}):s?o("dso-icon",{icon:s}):void 0,u=class{constructor(o){n(this,o),this.handleTitle=void 0,this.heading="h2",this.handleUrl=void 0,this.state=void 0,this.attachmentCount=void 0,this.icon=void 0,this.status=void 0,this.open=!1,this.hasNestedSection=!1,this.hover=!1}componentWillLoad(){const o=this.host.parentElement;this.hasNestedSection=null!==this.host.querySelector("dso-accordion"),p(o)&&(this.accordion=o,o.getState().then((o=>{this.accordionState=o,s(this.host)})))}async toggleSection(o=!0){var n;await(null===(n=this.accordion)||void 0===n?void 0:n.toggleSection(this.host).then((async()=>{o&&await this.scrollIntoViewWhenNeeded(!0)})))}async scrollSectionIntoView(){await this.scrollIntoViewWhenNeeded(!1)}get isNeutral(){var o;return"neutral"===(null===(o=this.accordionState)||void 0===o?void 0:o.variant)}async scrollIntoViewWhenNeeded(o){var n,s,t;u.scrollCandidate=void 0;const d=null===(n=this.sectionBody)||void 0===n?void 0:n.getBoundingClientRect(),c=null===(s=this.sectionHeading)||void 0===s?void 0:s.getBoundingClientRect();if(!d||!c||!this.accordionState)return;if(await(async n=>{var s,t;this.bodyHeight=await(null===(s=this.expandable)||void 0===s?void 0:s.getBodyHeight());const d=this.host.offsetTop+c.height+(this.open&&null!==(t=this.bodyHeight)&&void 0!==t?t:0);return o&&(d>document.documentElement.scrollHeight||n.allowMultipleOpen)})(this.accordionState))return void(u.scrollCandidate=this.host);const e=c.top+c.height+(this.open&&null!==(t=this.bodyHeight)&&void 0!==t?t:0);if(e>window.innerHeight){const o=e-c.top,n=o>window.innerHeight;window.scrollTo({top:n?this.host.offsetTop:this.host.offsetTop-(window.innerHeight-o),behavior:"smooth"})}else c.top<0&&window.scrollTo({top:this.host.offsetTop,behavior:"smooth"})}setAnimationBehaviour(o,n){const s=o.target;s instanceof HTMLElement&&e(s)&&(this.expandable=s,this.expandable.getAnimeInstance().then((o=>{o&&(o.changeComplete=async()=>{if(!n)return;const o=n.parentElement;p(o)&&(null==o||o.animationEnd(n)),u.scrollCandidate===this.host&&(u.scrollCandidate=void 0,await this.scrollSectionIntoView())})})))}async toggle(o){var n;null==o||o.preventDefault(),null===(n=this.accordion)||void 0===n||n.toggleSection(this.host,o).then((async o=>{o&&await this.scrollIntoViewWhenNeeded(!0)}))}render(){var n;const{variant:s,reverseAlign:c}=null!==(n=this.accordionState)&&void 0!==n?n:{},e=!!(this.status||this.state||this.icon||this.attachmentCount);return o(d,{class:{"dso-accordion-section":!0,["dso-accordion-"+s]:!0,"dso-nested-accordion":this.hasNestedSection,"dso-accordion-reverse-align":null!=c&&c},hidden:!s,onMouseenter:()=>this.hover=!0,onMouseleave:()=>this.hover=!1},o(r,{heading:this.heading,ref:o=>this.sectionHeading=o},o(i,{handleUrl:this.handleUrl,onClick:async o=>await this.toggle(o),open:this.open},c?o(t,null,e&&o("div",{class:"dso-section-handle-addons"},o(l,{icon:this.icon})),o("span",null,this.handleTitle),o("dso-icon",{class:"dso-section-handle-chevron",icon:"chevron-down"})):o(t,null,o("dso-icon",{class:"dso-section-handle-chevron",icon:"chevron-right"}),this.state&&o("span",{class:"sr-only"},a[this.state]),o("span",null,this.handleTitle,this.isNeutral&&o("dso-icon",{class:"info-icon",icon:this.open||this.hover?"info-active":"info"})),e&&o("div",{class:"dso-section-handle-addons"},this.status&&o("span",{class:"dso-status"},this.status),o(l,{state:this.state,icon:this.icon,attachmentCount:this.attachmentCount}))))),o("dso-expandable",{class:"dso-section-body",open:this.open,enableAnimation:!0,minimumHeight:this.isNeutral?0:4,onAnimationInstantiated:o=>this.setAnimationBehaviour(o,this.host)},o("div",{slot:"expandable-content",class:"dso-section-body-content",ref:o=>this.sectionBody=o},o("slot",null))))}get host(){return c(this)}};function p(o){return o instanceof HTMLElement&&"getState"in o}u.style="*,*::after,*::before{box-sizing:border-box}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);border:0}:host{display:block}:host .dso-section-handle{font-size:1em;font-weight:600;line-height:1.375em;margin:0;position:relative}:host .dso-section-handle>a:active{text-decoration:none}:host .dso-section-handle a{text-decoration:none}:host .dso-section-handle a:hover,:host .dso-section-handle a:focus{text-decoration:none}:host .dso-section-handle a:active{text-decoration:underline}:host .dso-section-handle .dso-status{font-weight:400;text-decoration:underline}:host .dso-section-handle>button,:host .dso-section-handle>a{align-items:flex-start;background-color:transparent;border:0;cursor:pointer;display:flex;font-family:Asap, sans-serif;font-size:1em;font-weight:600;line-height:1.375em;margin:0;padding:12px 16px 12px;text-align:start;width:100%;word-break:break-word}:host .dso-section-handle>button dso-icon,:host .dso-section-handle>a dso-icon{flex-shrink:0}:host .dso-section-handle>button dso-icon.dso-section-handle-chevron,:host .dso-section-handle>a dso-icon.dso-section-handle-chevron{transition:transform 260ms cubic-bezier(0.4, 0, 0.2, 1);transform:rotate(0)}:host .dso-section-handle>button>.dso-section-handle-addons:first-child,:host .dso-section-handle>button>dso-icon:first-child,:host .dso-section-handle>a>.dso-section-handle-addons:first-child,:host .dso-section-handle>a>dso-icon:first-child{margin-right:8px}:host .dso-section-handle>button>dso-icon:last-child,:host .dso-section-handle>a>dso-icon:last-child{margin-left:auto}:host .dso-section-handle>button>.dso-section-handle-addons:last-child,:host .dso-section-handle>a>.dso-section-handle-addons:last-child{margin-left:auto}:host .dso-section-handle>button>.dso-section-handle-addons:last-child dso-attachments-counter,:host .dso-section-handle>button>.dso-section-handle-addons:last-child dso-icon,:host .dso-section-handle>a>.dso-section-handle-addons:last-child dso-attachments-counter,:host .dso-section-handle>a>.dso-section-handle-addons:last-child dso-icon{margin-left:16px}:host([open]) .dso-section-handle>button .dso-section-handle-chevron:first-child,:host([open]) .dso-section-handle>a .dso-section-handle-chevron:first-child{transform:rotate(90deg)}:host([open]) .dso-section-handle>button .dso-section-handle-chevron:last-child,:host([open]) .dso-section-handle>a .dso-section-handle-chevron:last-child{transform:rotate(-180deg)}.dso-section-body{background-color:#fff;border-top:0;margin-top:-4px}.dso-section-body .dso-section-body-content{padding:20px 16px 16px}:host(.dso-accordion-default) .dso-section-handle{background-color:#fff;border:1px solid #8b4a6a;border-radius:4px}:host(.dso-accordion-default) .dso-section-handle a,:host(.dso-accordion-default) .dso-section-handle button{color:#8b4a6a}:host(.dso-accordion-default) .dso-section-handle a:hover,:host(.dso-accordion-default) .dso-section-handle a:active,:host(.dso-accordion-default) .dso-section-handle a.active,:host(.dso-accordion-default) .dso-section-handle button:hover,:host(.dso-accordion-default) .dso-section-handle button:active,:host(.dso-accordion-default) .dso-section-handle button.active{color:#8b4a6a}:host(.dso-accordion-default) .dso-section-body{border:1px solid #8b4a6a;border-radius:0 0 4px 4px}:host(.dso-accordion-default[open])>.dso-section-handle{background-color:#8b4a6a;border-radius:0;border-top-left-radius:4px;border-top-right-radius:4px}:host(.dso-accordion-default[open])>.dso-section-handle a,:host(.dso-accordion-default[open])>.dso-section-handle button{color:#fff}:host(.dso-accordion-default[open])>.dso-section-handle a dso-attachments-counter,:host(.dso-accordion-default[open])>.dso-section-handle button dso-attachments-counter{--dso-attachments-counter-color:#fff;--dso-icon:var(--di-paperclip-wit)}:host(.dso-accordion-default.dso-nested-accordion[open]) .dso-section-body{background-color:#e5e5e5}:host(.dso-accordion-compact) .dso-section-handle{border-bottom:1px solid transparent;border-top:1px solid #ccc}:host(.dso-accordion-compact) .dso-section-handle a,:host(.dso-accordion-compact) .dso-section-handle button{color:#39870c;padding-bottom:11px;padding-left:0;padding-top:11px}:host(.dso-accordion-compact) .dso-section-handle a:hover,:host(.dso-accordion-compact) .dso-section-handle a:active,:host(.dso-accordion-compact) .dso-section-handle a.active,:host(.dso-accordion-compact) .dso-section-handle button:hover,:host(.dso-accordion-compact) .dso-section-handle button:active,:host(.dso-accordion-compact) .dso-section-handle button.active{color:#39870c}:host(.dso-accordion-compact) .dso-section-body .dso-section-body-content{padding-left:32px;padding-top:0;padding-right:0}:host(.dso-accordion-compact.dso-accordion-reverse-align) .dso-section-handle a,:host(.dso-accordion-compact.dso-accordion-reverse-align) .dso-section-handle button{padding-left:16px}:host(.dso-accordion-compact.dso-accordion-reverse-align) .dso-section-body .dso-section-body-content{padding-left:16px;padding-right:0}:host(.dso-accordion-compact[open]:not(.dso-nested-accordion))>.dso-section-handle{background-color:transparent}:host(.dso-accordion-compact[open]:not(.dso-nested-accordion))>.dso-section-handle a,:host(.dso-accordion-compact[open]:not(.dso-nested-accordion))>.dso-section-handle button{color:#39870c}:host(.dso-accordion-compact[open]:not(.dso-nested-accordion))>.dso-section-handle a:hover,:host(.dso-accordion-compact[open]:not(.dso-nested-accordion))>.dso-section-handle a:active,:host(.dso-accordion-compact[open]:not(.dso-nested-accordion))>.dso-section-handle a.active,:host(.dso-accordion-compact[open]:not(.dso-nested-accordion))>.dso-section-handle button:hover,:host(.dso-accordion-compact[open]:not(.dso-nested-accordion))>.dso-section-handle button:active,:host(.dso-accordion-compact[open]:not(.dso-nested-accordion))>.dso-section-handle button.active{color:#39870c}:host(.dso-accordion-compact[open]:not(.dso-nested-accordion))>.dso-section-handle a dso-attachments-counter,:host(.dso-accordion-compact[open]:not(.dso-nested-accordion))>.dso-section-handle button dso-attachments-counter{--dso-attachments-counter-color:#666;--dso-icon:var(--di-paperclip-grijs)}:host(.dso-accordion-compact[open]:not(.dso-nested-accordion))>.dso-section-body{border-top:0}:host(.dso-accordion-compact.dso-nested-accordion[open])>.dso-section-body{padding-bottom:0}:host(.dso-accordion-compact.dso-nested-accordion[open])>.dso-section-body dso-accordion-section:last-child{border-bottom:0}:host(.dso-accordion-conclusion) .dso-section-handle{background-color:#f2f2f2;border:1px solid #f2f2f2}:host(.dso-accordion-conclusion) .dso-section-handle a,:host(.dso-accordion-conclusion) .dso-section-handle button{color:#000}:host(.dso-accordion-conclusion) .dso-section-handle a:hover,:host(.dso-accordion-conclusion) .dso-section-handle a:active,:host(.dso-accordion-conclusion) .dso-section-handle a.active,:host(.dso-accordion-conclusion) .dso-section-handle button:hover,:host(.dso-accordion-conclusion) .dso-section-handle button:active,:host(.dso-accordion-conclusion) .dso-section-handle button.active{background-color:#e5e5e5}:host(.dso-accordion-conclusion) .dso-section-handle a dso-attachments-counter,:host(.dso-accordion-conclusion) .dso-section-handle button dso-attachments-counter{--dso-attachments-counter-color:#000;--dso-icon:var(--di-paperclip-zwart)}:host(.dso-accordion-conclusion) .dso-section-body{border:2px solid #f2f2f2}:host(.dso-accordion-conclusion[open]:not(.dso-nested-accordion))>.dso-section-handle{background-color:#f2f2f2}:host(.dso-accordion-conclusion.dso-nested-accordion[open]){background-color:#fff}:host(.dso-accordion-neutral) .dso-section-handle{background-color:transparent;border:none;border-radius:4px;margin-block-end:2px}:host(.dso-accordion-neutral) .dso-section-handle a,:host(.dso-accordion-neutral) .dso-section-handle button{color:#000;padding:5px 16px 5px 0}:host(.dso-accordion-neutral) .dso-section-handle a:hover,:host(.dso-accordion-neutral) .dso-section-handle a:active,:host(.dso-accordion-neutral) .dso-section-handle a.active,:host(.dso-accordion-neutral) .dso-section-handle button:hover,:host(.dso-accordion-neutral) .dso-section-handle button:active,:host(.dso-accordion-neutral) .dso-section-handle button.active{color:#000}:host(.dso-accordion-neutral) .dso-section-handle a .info-icon,:host(.dso-accordion-neutral) .dso-section-handle button .info-icon{color:#39870c;margin-inline-start:8px}:host(.dso-accordion-neutral) .dso-section-body{background-color:transparent;border:1px solid #275937;box-shadow:1px 3px 4px rgba(0, 0, 0, 0.5);margin-block:0}:host(.dso-accordion-neutral) .dso-section-body.dso-animate-ready{transition:margin-block 260ms cubic-bezier(0.4, 0, 0.2, 1)}:host(.dso-accordion-neutral) .dso-section-body .dso-section-body-content{padding:16px 32px 24px 32px}:host(.dso-accordion-neutral[open])>.dso-section-handle{background-color:transparant;border-radius:0;border-top-left-radius:4px;border-top-right-radius:4px}:host(.dso-accordion-neutral[open])>.dso-section-handle a,:host(.dso-accordion-neutral[open])>.dso-section-handle button{color:#000}:host(.dso-accordion-neutral[open])>.dso-section-handle a dso-attachments-counter,:host(.dso-accordion-neutral[open])>.dso-section-handle button dso-attachments-counter{--dso-attachments-counter-color:#fff;--dso-icon:var(--di-paperclip-wit)}:host(.dso-accordion-neutral[open]) .dso-section-body{margin-block-end:16px;margin-block-start:2px}:host(.dso-accordion-neutral.dso-nested-accordion[open]) .dso-section-body{background-color:#e5e5e5}";export{u as dso_accordion_section}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{r as s,c as o,h as d,F as e,g as a}from"./p-98fd1658.js";import{c as i}from"./p-6a1980b4.js";import{d as r}from"./p-1805f5b0.js";import{i as t}from"./p-33df9903.js";const n=class{constructor(e){s(this,e),this.dsoHeaderClick=o(this,"dsoHeaderClick",7),this.onWindowResize=r((()=>{this.setDropDownMenu(),this.setOverflowMenu()}),100),this.MenuItem=s=>d("li",{class:s.active?"dso-active":void 0},d("a",{href:s.url,"aria-current":s.active?"page":void 0,onClick:o=>this.clickHandler(o,"menuItem",{menuItem:s})},s.label)),this.mainMenu=[],this.useDropDownMenu="auto",this.authStatus="none",this.loginUrl=void 0,this.logoutUrl=void 0,this.userProfileName=void 0,this.userProfileUrl=void 0,this.userHomeUrl=void 0,this.showDropDown=void 0,this.hasSubLogo=!1,this.overflowMenuItems=0,this.dropdownOptionsOffset=0}clickHandler(s,o,d){var e,a;this.dsoHeaderClick.emit({originalEvent:s,isModifiedEvent:t(s),type:o,menuItem:null==d?void 0:d.menuItem,url:null!==(e=null==d?void 0:d.url)&&void 0!==e?e:null===(a=null==d?void 0:d.menuItem)||void 0===a?void 0:a.url})}setShowDropDown(s){"auto"!==s?this.showDropDown="always"===s:this.setDropDownMenu()}componentWillLoad(){this.hasSubLogo=null!==this.host.querySelector("*[slot = 'sub-logo']")}shrinkMenuToFit(){this.wrapper&&this.nav&&(this.wrapper.clientWidth>=this.nav.clientWidth||this.mainMenu&&this.overflowMenuItems>=this.mainMenu.length||this.overflowMenuItems++)}componentDidRender(){this.showDropDown?this.dropdownOptionsOffset=this.calculateDropdownOptionsOffset():window.setTimeout((()=>this.shrinkMenuToFit()),0)}componentDidLoad(){this.setShowDropDown(this.useDropDownMenu),this.showDropDown&&(this.dropdownOptionsOffset=this.calculateDropdownOptionsOffset())}setOverflowMenu(){this.showDropDown||(0===this.overflowMenuItems?this.shrinkMenuToFit():this.overflowMenuItems=0)}setDropDownMenu(){"auto"===this.useDropDownMenu&&(this.showDropDown=window.innerWidth<992)}calculateDropdownOptionsOffset(){var s;return this.dropdownElement?this.host.clientHeight-((null===(s=this.dropdownElement)||void 0===s?void 0:s.getBoundingClientRect().bottom)-this.host.getBoundingClientRect().top):0}connectedCallback(){window.addEventListener("resize",this.onWindowResize)}disconnectedCallback(){window.removeEventListener("resize",this.onWindowResize)}render(){if(void 0!==this.showDropDown)return d(e,null,d("div",{class:i("dso-header",{"use-drop-down":this.showDropDown,"has-sub-logo":this.hasSubLogo}),ref:s=>this.wrapper=s},d("div",{class:"logo-container"},d("div",{class:"logo"},d("slot",{name:"logo"})),d("div",{class:"sub-logo"},d("slot",{name:"sub-logo"}))),this.showDropDown&&this.mainMenu&&(this.mainMenu.length>0||this.userHomeUrl||"none"!==this.authStatus)&&d("div",{class:"dropdown"},d("dso-dropdown-menu",{"dropdown-align":"right",strategy:"absolute",dropdownOptionsOffset:this.dropdownOptionsOffset,ref:s=>this.dropdownElement=s},d("button",{type:"button",slot:"toggle"},d("span",null,"Menu")),d("div",{class:"dso-dropdown-options"},d("ul",null,this.mainMenu.map(this.MenuItem),this.userHomeUrl&&d("li",null,d("a",{href:this.userHomeUrl,onClick:s=>this.clickHandler(s,"userHome",{url:this.userHomeUrl})},"Mijn Omgevingsloket")),this.userProfileUrl&&this.userProfileName&&"loggedIn"===this.authStatus&&d("li",null,d("a",{href:this.userProfileUrl,onClick:s=>this.clickHandler(s,"profile",{url:this.userProfileUrl})},this.userProfileName,d("span",{class:"profile-label"}," - Mijn profiel"))),"loggedOut"===this.authStatus&&d("li",null,this.loginUrl?d("a",{href:this.loginUrl,onClick:s=>this.clickHandler(s,"login",{url:this.loginUrl})},"Inloggen"):d("button",{type:"button",onClick:s=>this.clickHandler(s,"login")},"Inloggen")),"loggedIn"===this.authStatus&&d("li",null,this.logoutUrl?d("a",{href:this.logoutUrl,onClick:s=>this.clickHandler(s,"logout",{url:this.logoutUrl})},"Uitloggen"):d("button",{type:"button",onClick:s=>this.clickHandler(s,"logout")},"Uitloggen")))))),!this.showDropDown&&d(e,null,d("div",{class:"dso-header-session"},this.userProfileUrl&&this.userProfileName&&"loggedIn"===this.authStatus&&d("div",{class:"profile"},d("span",{class:"profile-label"},"Welkom:"),d("a",{href:this.userProfileUrl,onClick:s=>this.clickHandler(s,"profile",{url:this.userProfileUrl})},this.userProfileName)),"loggedOut"===this.authStatus&&d("div",{class:"login"},this.loginUrl?d("a",{href:this.loginUrl,onClick:s=>this.clickHandler(s,"login",{url:this.loginUrl})},"Inloggen"):d("button",{class:"dso-tertiary",type:"button",onClick:s=>this.clickHandler(s,"login")},"Inloggen")),"loggedIn"===this.authStatus&&d("div",{class:"logout"},this.logoutUrl?d("a",{href:this.logoutUrl,onClick:s=>this.clickHandler(s,"logout",{url:this.logoutUrl})},"Uitloggen"):d("button",{class:"dso-tertiary",type:"button",onClick:s=>this.clickHandler(s,"logout")},"Uitloggen"))),(this.mainMenu&&this.mainMenu.length>0||this.userHomeUrl)&&d("nav",{class:"dso-navbar"},d("ul",{class:"dso-nav dso-nav-main",ref:s=>this.nav=s},this.mainMenu&&this.mainMenu.filter(((s,o)=>this.mainMenu&&o<this.mainMenu.length-this.overflowMenuItems)).map(this.MenuItem),this.overflowMenuItems>0&&d("li",null,d("dso-dropdown-menu",{"dropdown-align":"left"},d("button",{type:"button",slot:"toggle"},d("span",null,"Meer")),d("div",{class:"dso-dropdown-options"},d("ul",null,this.mainMenu&&this.mainMenu.filter(((s,o)=>this.mainMenu&&o>=this.mainMenu.length-this.overflowMenuItems)).map(this.MenuItem))))),this.userHomeUrl&&d("li",{class:"menu-user-home"},d("a",{href:this.userHomeUrl,onClick:s=>this.clickHandler(s,"userHome",{url:this.userHomeUrl})},d("dso-icon",{icon:"user-line"}),"Mijn Omgevingsloket")))))))}get host(){return a(this)}static get watchers(){return{useDropDownMenu:["setShowDropDown"]}}};n.style=".sc-dso-header-h{display:block}.dso-header.sc-dso-header{border-bottom:1px solid #ccc;display:flex;flex-wrap:wrap;position:relative}@media screen and (min-width: 768px){.dso-header.sc-dso-header{align-items:center}}@media screen and (max-width: 991px){.dso-header.use-drop-down.sc-dso-header{flex-wrap:nowrap}}.dso-header.sc-dso-header .dso-nav.sc-dso-header{border:0}.logo-container.sc-dso-header{display:flex;flex-wrap:wrap;gap:0 24px;padding-bottom:16px;padding-top:16px}.login.sc-dso-header .dso-tertiary.sc-dso-header,.logout.sc-dso-header .dso-tertiary.sc-dso-header{cursor:pointer;font-family:Asap, sans-serif;font-weight:600;vertical-align:text-bottom}.profile.sc-dso-header a.sc-dso-header,.logout.sc-dso-header a.sc-dso-header,.login.sc-dso-header a.sc-dso-header{text-decoration:none;color:#39870c;font-weight:600}.profile.sc-dso-header a.sc-dso-header:hover,.profile.sc-dso-header a.sc-dso-header:focus,.logout.sc-dso-header a.sc-dso-header:hover,.logout.sc-dso-header a.sc-dso-header:focus,.login.sc-dso-header a.sc-dso-header:hover,.login.sc-dso-header a.sc-dso-header:focus{text-decoration:none}.profile.sc-dso-header a.sc-dso-header:active,.logout.sc-dso-header a.sc-dso-header:active,.login.sc-dso-header a.sc-dso-header:active{text-decoration:underline}.dso-header-session.sc-dso-header{display:flex;margin-left:auto}.dso-header-session.sc-dso-header .profile.sc-dso-header a.sc-dso-header{margin-left:8px}.dso-header-session.sc-dso-header .profile.sc-dso-header+.logout.sc-dso-header{border-left:3px solid #ccc;margin-left:16px;padding-left:16px}.dso-navbar.sc-dso-header{flex-basis:100%}.dso-navbar.sc-dso-header .dso-dropdown-options.sc-dso-header{border-top:1px solid #ccc}dso-dropdown-menu.sc-dso-header button.sc-dso-header{align-items:flex-end;background-color:transparent;border:0;display:flex;font-family:Asap, sans-serif;padding-right:32px}dso-dropdown-menu.sc-dso-header .dso-dropdown-options.sc-dso-header{border:0;border-radius:0}@media screen and (min-width: 768px){dso-dropdown-menu.sc-dso-header .dso-dropdown-options.sc-dso-header{width:375px}}@media screen and (max-width: 767px){dso-dropdown-menu.sc-dso-header .dso-dropdown-options.sc-dso-header{width:100%}}dso-dropdown-menu.sc-dso-header .dso-dropdown-options.sc-dso-header ul.sc-dso-header li.sc-dso-header a.sc-dso-header{color:#275937;font-size:1.25rem;padding:16px;white-space:pre-wrap}dso-dropdown-menu.sc-dso-header .dso-dropdown-options.sc-dso-header ul.sc-dso-header li.sc-dso-header a.sc-dso-header:focus{color:#fff}dso-dropdown-menu.sc-dso-header .dso-dropdown-options.sc-dso-header ul.sc-dso-header li.sc-dso-header a.sc-dso-header:hover{background-color:#fff;color:#275937;text-decoration:underline}dso-dropdown-menu.sc-dso-header .dso-dropdown-options.sc-dso-header ul.sc-dso-header li.dso-active.sc-dso-header a.sc-dso-header{font-weight:600}dso-dropdown-menu.sc-dso-header .dso-dropdown-options.sc-dso-header ul.sc-dso-header li.sc-dso-header+li.sc-dso-header{border-top:1px solid #ccc}.dropdown.sc-dso-header{margin-left:auto}.dropdown.sc-dso-header dso-dropdown-menu.sc-dso-header{position:static}@media screen and (max-width: 767px){.dropdown.sc-dso-header dso-dropdown-menu.sc-dso-header{margin-top:28px}}.dropdown.sc-dso-header dso-dropdown-menu.sc-dso-header .dso-dropdown-options.sc-dso-header{right:0;top:100%}.dropdown.sc-dso-header dso-dropdown-menu.sc-dso-header button.sc-dso-header{color:#39870c;font-size:16px;font-weight:600;line-height:normal;position:relative}.dropdown.sc-dso-header dso-dropdown-menu.sc-dso-header button.sc-dso-header::after{margin-left:8px;position:absolute;right:0px;top:50%;transform:translateY(-50%)}.dropdown.sc-dso-header dso-dropdown-menu.sc-dso-header button.sc-dso-header:hover,.dropdown.sc-dso-header dso-dropdown-menu.sc-dso-header button.sc-dso-header:active{cursor:pointer;text-decoration:underline}.dso-nav.sc-dso-header{align-items:end;column-gap:32px;display:flex;list-style:none;margin-bottom:0;margin-top:0;padding-left:0}.dso-nav.sc-dso-header>li.sc-dso-header{margin-bottom:4px}.dso-nav.sc-dso-header>li.sc-dso-header>a.sc-dso-header{display:block}.dso-nav.sc-dso-header>li.sc-dso-header>a.sc-dso-header,.dso-nav.sc-dso-header>li.sc-dso-header>a.sc-dso-header:hover,.dso-nav.sc-dso-header>li.sc-dso-header>a.sc-dso-header:focus,.dso-nav.sc-dso-header>li.sc-dso-header>a.sc-dso-header:visited{color:#275937}.dso-nav.sc-dso-header>li.dso-active.sc-dso-header,.dso-nav.sc-dso-header>li.is-active.sc-dso-header{margin-bottom:0}.dso-nav.sc-dso-header>li.dso-active.sc-dso-header>a.sc-dso-header,.dso-nav.sc-dso-header>li.is-active.sc-dso-header>a.sc-dso-header{border-bottom:4px solid #8b4a6a;font-weight:bold}.dso-nav.dso-nav-main.sc-dso-header{display:flex !important}.dso-nav.dso-nav-main.sc-dso-header>li.sc-dso-header>a.sc-dso-header{text-decoration:none;font-size:1.25em;line-height:1;margin-top:8px;padding:16px 0;white-space:nowrap}.dso-nav.dso-nav-main.sc-dso-header>li.sc-dso-header>a.sc-dso-header:hover,.dso-nav.dso-nav-main.sc-dso-header>li.sc-dso-header>a.sc-dso-header:focus,.dso-nav.dso-nav-main.sc-dso-header>li.sc-dso-header>a.sc-dso-header:active{text-decoration:underline}.dso-nav.dso-nav-main.sc-dso-header dso-dropdown-menu.sc-dso-header .dso-dropdown-options.sc-dso-header{left:-1rem !important;top:3px !important}.dso-nav.dso-nav-main.sc-dso-header dso-dropdown-menu.sc-dso-header button.sc-dso-header{font-size:1.25em;line-height:1;margin-top:8px;padding:16px 0;align-items:center;color:#275937;padding-right:32px}.dso-nav.dso-nav-main.sc-dso-header dso-dropdown-menu.sc-dso-header button.sc-dso-header:hover,.dso-nav.dso-nav-main.sc-dso-header dso-dropdown-menu.sc-dso-header button.sc-dso-header:active{cursor:pointer;text-decoration:underline}.dso-nav.dso-nav-main.sc-dso-header dso-dropdown-menu.sc-dso-header button.sc-dso-header::after{margin-left:8px;position:absolute;right:0px;top:auto;transform:none}.dso-nav.sc-dso-header .menu-user-home.sc-dso-header{margin-left:auto}.dso-nav.sc-dso-header .menu-user-home.sc-dso-header dso-icon.sc-dso-header{height:1em;margin-right:8px;position:relative;top:-2px;width:1.2em}";export{n as dso_header}
|