@dso-toolkit/core 46.0.0 → 47.0.0

package/dist/esm/dso-modal.entry.js

@@ -13,6 +13,7 @@ const Modal = class {
     this.hasFooter = undefined;
     this.modalTitle = undefined;
     this.role = "dialog";
+    this.showCloseButton = true;
   }
   componentWillLoad() {
     this.hasFooter = this.host.querySelector("*[slot = 'footer']") !== null;
@@ -27,7 +28,7 @@ const Modal = class {
     (_a = this.trap) === null || _a === void 0 ? void 0 : _a.deactivate();
   }
   render() {
-    return (h(Host, { class: "dso-modal", role: this.role, "aria-modal": "true", "aria-labelledby": this.ariaId }, h("div", { class: "dso-dialog", role: "document", ref: (element) => (this.dialogElement = element) }, this.modalTitle ? (h("div", { class: "dso-header" }, h("h2", { id: this.ariaId }, this.modalTitle), h("button", { type: "button", class: "dso-close", onClick: (e) => this.dsoClose.emit({ originalEvent: e }) }, h("dso-icon", { icon: "times" }), h("span", { class: "sr-only" }, "Sluiten")))) : (h("span", { class: "sr-only", id: this.ariaId }, "Dialoog")), h("div", { class: "dso-body" }, h("slot", { name: "body" })), this.hasFooter && (h("div", { class: "dso-footer" }, h("slot", { name: "footer" }))))));
+    return (h(Host, { class: "dso-modal", role: this.role, "aria-modal": "true", "aria-labelledby": this.ariaId }, h("div", { class: "dso-dialog", role: "document", ref: (element) => (this.dialogElement = element) }, this.modalTitle ? (h("div", { class: "dso-header" }, h("h2", { id: this.ariaId }, this.modalTitle), this.showCloseButton && (h("button", { type: "button", class: "dso-close", onClick: (e) => this.dsoClose.emit({ originalEvent: e }) }, h("dso-icon", { icon: "times" }), h("span", { class: "sr-only" }, "Sluiten"))))) : (h("span", { class: "sr-only", id: this.ariaId }, "Dialoog")), h("div", { class: "dso-body" }, h("slot", { name: "body" })), this.hasFooter && (h("div", { class: "dso-footer" }, h("slot", { name: "footer" }))))));
   }
   setFocusTrap() {
     if (this.dialogElement && !this.trap) {

package/dist/esm/dso-ozon-content.entry.js

@@ -91,11 +91,11 @@ class OzonContentFiguurNode {
         titel && h("span", { class: "figuur-titel" }, titel),
         (bijschrift === null || bijschrift === void 0 ? void 0 : bijschrift.locatie) === "boven" && (h(Bijschrift, { bijschrift: bijschrift, bron: bron, mapNodeToJsx: mapNodeToJsx })),
         h("dso-image-overlay", null,
-          h("div", { slot: "titel" },
-            h("span", null, titel)),
+          titel && (h("div", { slot: "titel" },
+            h("span", null, titel))),
           h("img", { src: (_d = illustratie.naam) !== null && _d !== void 0 ? _d : undefined, alt: (_g = (_f = (_e = illustratie.alt) !== null && _e !== void 0 ? _e : titel) !== null && _f !== void 0 ? _f : illustratie.naam) !== null && _g !== void 0 ? _g : undefined, onLoad: (event) => this.onImageLoad(event, Number(illustratie.schaal)) }),
-          h("div", { slot: "bijschrift" },
-            h(Bijschrift, { bijschrift: bijschrift, bron: bron, mapNodeToJsx: mapNodeToJsx }))),
+          (bijschrift || bron) && (h("div", { slot: "bijschrift" },
+            h(Bijschrift, { bijschrift: bijschrift, bron: bron, mapNodeToJsx: mapNodeToJsx })))),
         ((bijschrift === null || bijschrift === void 0 ? void 0 : bijschrift.locatie) === "onder" || (!bijschrift && bron)) && (h(Bijschrift, { bijschrift: bijschrift, bron: bron, mapNodeToJsx: mapNodeToJsx }))));
     }
   }

package/dist/esm/dso-pagination.entry.js

@@ -1,4 +1,5 @@
 import { r as registerInstance, c as createEvent, h, F as Fragment, a as getElement } from './index-1a4dda48.js';
+import { i as isModifiedEvent } from './is-modified-event-34370220.js';
 
 const paginationCss = ":host{display:block}*,*::after,*::before{box-sizing:border-box}.pagination{padding-inline-start:initial;text-align:center}.pagination>li{display:inline-block;font-weight:bold;line-height:calc(2rem - 4px);text-align:center;vertical-align:middle}.pagination>li>a,.pagination>li>span{align-items:center;color:#39870c;display:flex;height:2rem;justify-content:center;position:relative;width:2rem}.pagination>li>a:active,.pagination>li>span:active{background-color:#ebf3e6}.pagination>li>span{border:2px solid transparent;border-radius:50%}.pagination>li a{line-height:2rem;text-decoration:none}.pagination>li a:hover,.pagination>li a:focus{text-decoration:none}.pagination>li a:hover::after,.pagination>li a:focus::after{border-bottom-color:#39870c}.pagination>li a::after{border-bottom:3px solid transparent;bottom:0;content:\"\";display:inline-block;left:0;position:absolute;width:100%}.pagination>li.active span{background-color:#39870c;color:#fff}.pagination>li+li{margin-left:8px}.dso-page-hidden{visibility:hidden}";
 
@@ -26,7 +27,7 @@ const Pagination = class {
     this.dsoSelectPage.emit({
       originalEvent: e,
       page,
-      isModifiedEvent: e.button !== 0 || e.ctrlKey || e.shiftKey || e.altKey || e.metaKey,
+      isModifiedEvent: isModifiedEvent(e),
     });
   }
   componentDidLoad() {

package/dist/esm/dso-toolkit.js

@@ -13,5 +13,5 @@ const patchBrowser = () => {
 };
 
 patchBrowser().then(options => {
-  return bootstrapLazy([["dso-icon",[[1,"dso-icon",{"icon":[1]}]]],["dso-map-base-layers",[[1,"dso-map-base-layers",{"group":[1],"baseLayers":[16]}]]],["dso-map-overlays",[[1,"dso-map-overlays",{"group":[1],"overlays":[16]}]]],["dso-toggletip",[[1,"dso-toggletip",{"label":[1],"position":[1],"small":[4],"secondary":[4],"active":[32]}]]],["dso-accordion-section",[[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],"toggleSection":[64]}]]],["dso-header",[[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]}]]],["dso-label",[[1,"dso-label",{"compact":[4],"removable":[4],"status":[1],"truncate":[4],"removeHover":[32],"removeFocus":[32],"textHover":[32],"textFocus":[32],"truncatedContent":[32],"labelText":[32]}]]],["dso-pagination",[[1,"dso-pagination",{"totalPages":[2,"total-pages"],"currentPage":[2,"current-page"],"formatHref":[16],"availablePositions":[32]},[[0,"dsoSizeChange","sizeChangeHandler"]]]]],["dso-tree-view",[[1,"dso-tree-view",{"collection":[16],"focusItem":[64]}]]],["dso-alert",[[1,"dso-alert",{"status":[1],"roleAlert":[4,"role-alert"]}]]],["dso-autosuggest",[[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"]]]]],["dso-date-picker",[[2,"dso-date-picker",{"name":[1],"identifier":[1],"disabled":[516],"role":[1],"direction":[1],"required":[4],"dsoAutofocus":[4,"dso-autofocus"],"value":[1537],"min":[1],"max":[1],"activeFocus":[32],"focusedDay":[32],"open":[32],"visible":[32],"setFocus":[64],"show":[64],"hide":[64]},[[6,"click","handleDocumentClick"]]]]],["dso-helpcenter-panel",[[1,"dso-helpcenter-panel",{"label":[1],"url":[1],"visibility":[32],"isOpen":[32],"slideState":[32],"loadIframe":[32]},[[8,"keydown","keyDownListener"]]]]],["dso-image-overlay",[[1,"dso-image-overlay",{"active":[32],"focused":[32],"zoomable":[32]},[[2,"load","loadListener"]]]]],["dso-map-controls",[[1,"dso-map-controls",{"open":[1540],"disableZoom":[1,"disable-zoom"],"hideContent":[32]}]]],["dso-modal",[[1,"dso-modal",{"modalTitle":[1,"modal-title"],"role":[1],"ariaId":[32],"hasFooter":[32]}]]],["dso-table",[[1,"dso-table",{"noModal":[516,"no-modal"],"isResponsive":[516,"is-responsive"],"modalActive":[32],"placeholderHeight":[32]}]]],["dso-viewer-grid",[[1,"dso-viewer-grid",{"filterpanelOpen":[516,"filterpanel-open"],"overlayOpen":[516,"overlay-open"],"initialMainSize":[1,"initial-main-size"],"mainSize":[32]}]]],["dso-accordion",[[1,"dso-accordion",{"variant":[513],"reverseAlign":[516,"reverse-align"],"allowMultipleOpen":[516,"allow-multiple-open"],"getState":[64],"toggleSection":[64],"closeOpenSections":[64]}]]],["dso-badge",[[1,"dso-badge",{"status":[1]}]]],["dso-banner",[[1,"dso-banner",{"status":[1]}]]],["dso-highlight-box",[[1,"dso-highlight-box",{"yellow":[4],"border":[4],"white":[4],"dropShadow":[4,"drop-shadow"],"step":[2]}]]],["dso-ozon-content",[[6,"dso-ozon-content",{"content":[1],"inline":[516],"deleted":[516],"interactive":[520],"state":[32]}]]],["dso-progress-bar",[[1,"dso-progress-bar",{"progress":[2],"min":[2],"max":[2]}]]],["dso-attachments-counter",[[1,"dso-attachments-counter",{"count":[2]}]]],["dso-dropdown-menu",[[1,"dso-dropdown-menu",{"open":[1540],"dropdownAlign":[1,"dropdown-align"],"checkable":[4]}]]],["dso-responsive-element",[[1,"dso-responsive-element",{"sizeAlias":[32],"sizeWidth":[32],"getSize":[64]}]]],["dso-progress-indicator",[[1,"dso-progress-indicator",{"label":[1],"size":[1],"block":[4]}]]],["dso-tooltip",[[1,"dso-tooltip",{"descriptive":[516],"position":[1],"strategy":[1],"for":[1],"noArrow":[4,"no-arrow"],"stateless":[4],"small":[4],"active":[1540],"hidden":[32],"activate":[64],"deactivate":[64]},[[0,"click","listenClick"]]]]],["dso-info-button",[[1,"dso-info-button",{"active":[1540],"secondary":[4],"label":[1],"hover":[32],"setFocus":[64]}]]],["dso-info_2",[[6,"dso-selectable",{"type":[1],"identifier":[1],"name":[1],"value":[1],"invalid":[4],"describedById":[1,"described-by-id"],"disabled":[4],"required":[4],"checked":[4],"indeterminate":[4],"infoFixed":[4,"info-fixed"],"infoActive":[32],"toggleInfo":[64]}],[1,"dso-info",{"fixed":[516],"active":[516]}]]]], options);
+  return bootstrapLazy([["dso-icon",[[1,"dso-icon",{"icon":[1]}]]],["dso-map-base-layers",[[1,"dso-map-base-layers",{"group":[1],"baseLayers":[16]}]]],["dso-map-overlays",[[1,"dso-map-overlays",{"group":[1],"overlays":[16]}]]],["dso-toggletip",[[1,"dso-toggletip",{"label":[1],"position":[1],"small":[4],"secondary":[4],"active":[32]}]]],["dso-accordion-section",[[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],"toggleSection":[64]}]]],["dso-header",[[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]}]]],["dso-label",[[1,"dso-label",{"compact":[4],"removable":[4],"status":[1],"truncate":[4],"removeHover":[32],"removeFocus":[32],"textHover":[32],"textFocus":[32],"truncatedContent":[32],"labelText":[32]}]]],["dso-pagination",[[1,"dso-pagination",{"totalPages":[2,"total-pages"],"currentPage":[2,"current-page"],"formatHref":[16],"availablePositions":[32]},[[0,"dsoSizeChange","sizeChangeHandler"]]]]],["dso-tree-view",[[1,"dso-tree-view",{"collection":[16],"focusItem":[64]}]]],["dso-alert",[[1,"dso-alert",{"status":[1],"roleAlert":[4,"role-alert"]}]]],["dso-autosuggest",[[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"]]]]],["dso-date-picker",[[2,"dso-date-picker",{"name":[1],"identifier":[1],"disabled":[516],"role":[1],"direction":[1],"required":[4],"dsoAutofocus":[4,"dso-autofocus"],"value":[1537],"min":[1],"max":[1],"activeFocus":[32],"focusedDay":[32],"open":[32],"visible":[32],"setFocus":[64],"show":[64],"hide":[64]},[[6,"click","handleDocumentClick"]]]]],["dso-helpcenter-panel",[[1,"dso-helpcenter-panel",{"label":[1],"url":[1],"visibility":[32],"isOpen":[32],"slideState":[32],"loadIframe":[32]},[[8,"keydown","keyDownListener"]]]]],["dso-image-overlay",[[1,"dso-image-overlay",{"active":[32],"focused":[32],"zoomable":[32]},[[2,"load","loadListener"]]]]],["dso-map-controls",[[1,"dso-map-controls",{"open":[1540],"disableZoom":[1,"disable-zoom"],"hideContent":[32]}]]],["dso-modal",[[1,"dso-modal",{"modalTitle":[1,"modal-title"],"role":[1],"showCloseButton":[4,"show-close-button"],"ariaId":[32],"hasFooter":[32]}]]],["dso-table",[[1,"dso-table",{"noModal":[516,"no-modal"],"isResponsive":[516,"is-responsive"],"modalActive":[32],"placeholderHeight":[32]}]]],["dso-viewer-grid",[[1,"dso-viewer-grid",{"filterpanelOpen":[516,"filterpanel-open"],"overlayOpen":[516,"overlay-open"],"initialMainSize":[1,"initial-main-size"],"mainSize":[32]}]]],["dso-accordion",[[1,"dso-accordion",{"variant":[513],"reverseAlign":[516,"reverse-align"],"allowMultipleOpen":[516,"allow-multiple-open"],"getState":[64],"toggleSection":[64],"closeOpenSections":[64]}]]],["dso-badge",[[1,"dso-badge",{"status":[1]}]]],["dso-banner",[[1,"dso-banner",{"status":[1]}]]],["dso-card",[[1,"dso-card",{"isSelectable":[516,"is-selectable"],"hasImage":[516,"has-image"]}]]],["dso-card-container",[[1,"dso-card-container",{"mode":[1]}]]],["dso-highlight-box",[[1,"dso-highlight-box",{"yellow":[4],"border":[4],"white":[4],"dropShadow":[4,"drop-shadow"],"step":[2]}]]],["dso-ozon-content",[[6,"dso-ozon-content",{"content":[1],"inline":[516],"deleted":[516],"interactive":[520],"state":[32]}]]],["dso-progress-bar",[[1,"dso-progress-bar",{"progress":[2],"min":[2],"max":[2]}]]],["dso-attachments-counter",[[1,"dso-attachments-counter",{"count":[2]}]]],["dso-dropdown-menu",[[1,"dso-dropdown-menu",{"open":[1540],"dropdownAlign":[1,"dropdown-align"],"checkable":[4]}]]],["dso-responsive-element",[[1,"dso-responsive-element",{"sizeAlias":[32],"sizeWidth":[32],"getSize":[64]}]]],["dso-progress-indicator",[[1,"dso-progress-indicator",{"label":[1],"size":[1],"block":[4]}]]],["dso-tooltip",[[1,"dso-tooltip",{"descriptive":[516],"position":[1],"strategy":[1],"for":[1],"noArrow":[4,"no-arrow"],"stateless":[4],"small":[4],"active":[1540],"hidden":[32],"activate":[64],"deactivate":[64]},[[0,"click","listenClick"]]]]],["dso-info-button",[[1,"dso-info-button",{"active":[1540],"secondary":[4],"label":[1],"hover":[32],"setFocus":[64]}]]],["dso-info_2",[[6,"dso-selectable",{"type":[1],"identifier":[1],"name":[1],"value":[1],"invalid":[4],"describedById":[1,"described-by-id"],"disabled":[4],"required":[4],"checked":[4],"indeterminate":[4],"infoFixed":[4,"info-fixed"],"infoActive":[32],"toggleInfo":[64]}],[1,"dso-info",{"fixed":[516],"active":[516]}]]]], options);
 });

package/dist/esm/is-modified-event-34370220.js

@@ -0,0 +1,4 @@
+/** returns `true` when the event is triggered while holding Ctrl, Alt or other modifiers, or on right-click. Can be used to determine navigation. */
+const isModifiedEvent = (e) => e.button !== 0 || e.ctrlKey || e.shiftKey || e.altKey || e.metaKey;
+
+export { isModifiedEvent as i };

package/dist/esm/loader.js

@@ -10,7 +10,7 @@ const patchEsm = () => {
 const defineCustomElements = (win, options) => {
   if (typeof window === 'undefined') return Promise.resolve();
   return patchEsm().then(() => {
-  return bootstrapLazy([["dso-icon",[[1,"dso-icon",{"icon":[1]}]]],["dso-map-base-layers",[[1,"dso-map-base-layers",{"group":[1],"baseLayers":[16]}]]],["dso-map-overlays",[[1,"dso-map-overlays",{"group":[1],"overlays":[16]}]]],["dso-toggletip",[[1,"dso-toggletip",{"label":[1],"position":[1],"small":[4],"secondary":[4],"active":[32]}]]],["dso-accordion-section",[[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],"toggleSection":[64]}]]],["dso-header",[[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]}]]],["dso-label",[[1,"dso-label",{"compact":[4],"removable":[4],"status":[1],"truncate":[4],"removeHover":[32],"removeFocus":[32],"textHover":[32],"textFocus":[32],"truncatedContent":[32],"labelText":[32]}]]],["dso-pagination",[[1,"dso-pagination",{"totalPages":[2,"total-pages"],"currentPage":[2,"current-page"],"formatHref":[16],"availablePositions":[32]},[[0,"dsoSizeChange","sizeChangeHandler"]]]]],["dso-tree-view",[[1,"dso-tree-view",{"collection":[16],"focusItem":[64]}]]],["dso-alert",[[1,"dso-alert",{"status":[1],"roleAlert":[4,"role-alert"]}]]],["dso-autosuggest",[[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"]]]]],["dso-date-picker",[[2,"dso-date-picker",{"name":[1],"identifier":[1],"disabled":[516],"role":[1],"direction":[1],"required":[4],"dsoAutofocus":[4,"dso-autofocus"],"value":[1537],"min":[1],"max":[1],"activeFocus":[32],"focusedDay":[32],"open":[32],"visible":[32],"setFocus":[64],"show":[64],"hide":[64]},[[6,"click","handleDocumentClick"]]]]],["dso-helpcenter-panel",[[1,"dso-helpcenter-panel",{"label":[1],"url":[1],"visibility":[32],"isOpen":[32],"slideState":[32],"loadIframe":[32]},[[8,"keydown","keyDownListener"]]]]],["dso-image-overlay",[[1,"dso-image-overlay",{"active":[32],"focused":[32],"zoomable":[32]},[[2,"load","loadListener"]]]]],["dso-map-controls",[[1,"dso-map-controls",{"open":[1540],"disableZoom":[1,"disable-zoom"],"hideContent":[32]}]]],["dso-modal",[[1,"dso-modal",{"modalTitle":[1,"modal-title"],"role":[1],"ariaId":[32],"hasFooter":[32]}]]],["dso-table",[[1,"dso-table",{"noModal":[516,"no-modal"],"isResponsive":[516,"is-responsive"],"modalActive":[32],"placeholderHeight":[32]}]]],["dso-viewer-grid",[[1,"dso-viewer-grid",{"filterpanelOpen":[516,"filterpanel-open"],"overlayOpen":[516,"overlay-open"],"initialMainSize":[1,"initial-main-size"],"mainSize":[32]}]]],["dso-accordion",[[1,"dso-accordion",{"variant":[513],"reverseAlign":[516,"reverse-align"],"allowMultipleOpen":[516,"allow-multiple-open"],"getState":[64],"toggleSection":[64],"closeOpenSections":[64]}]]],["dso-badge",[[1,"dso-badge",{"status":[1]}]]],["dso-banner",[[1,"dso-banner",{"status":[1]}]]],["dso-highlight-box",[[1,"dso-highlight-box",{"yellow":[4],"border":[4],"white":[4],"dropShadow":[4,"drop-shadow"],"step":[2]}]]],["dso-ozon-content",[[6,"dso-ozon-content",{"content":[1],"inline":[516],"deleted":[516],"interactive":[520],"state":[32]}]]],["dso-progress-bar",[[1,"dso-progress-bar",{"progress":[2],"min":[2],"max":[2]}]]],["dso-attachments-counter",[[1,"dso-attachments-counter",{"count":[2]}]]],["dso-dropdown-menu",[[1,"dso-dropdown-menu",{"open":[1540],"dropdownAlign":[1,"dropdown-align"],"checkable":[4]}]]],["dso-responsive-element",[[1,"dso-responsive-element",{"sizeAlias":[32],"sizeWidth":[32],"getSize":[64]}]]],["dso-progress-indicator",[[1,"dso-progress-indicator",{"label":[1],"size":[1],"block":[4]}]]],["dso-tooltip",[[1,"dso-tooltip",{"descriptive":[516],"position":[1],"strategy":[1],"for":[1],"noArrow":[4,"no-arrow"],"stateless":[4],"small":[4],"active":[1540],"hidden":[32],"activate":[64],"deactivate":[64]},[[0,"click","listenClick"]]]]],["dso-info-button",[[1,"dso-info-button",{"active":[1540],"secondary":[4],"label":[1],"hover":[32],"setFocus":[64]}]]],["dso-info_2",[[6,"dso-selectable",{"type":[1],"identifier":[1],"name":[1],"value":[1],"invalid":[4],"describedById":[1,"described-by-id"],"disabled":[4],"required":[4],"checked":[4],"indeterminate":[4],"infoFixed":[4,"info-fixed"],"infoActive":[32],"toggleInfo":[64]}],[1,"dso-info",{"fixed":[516],"active":[516]}]]]], options);
+  return bootstrapLazy([["dso-icon",[[1,"dso-icon",{"icon":[1]}]]],["dso-map-base-layers",[[1,"dso-map-base-layers",{"group":[1],"baseLayers":[16]}]]],["dso-map-overlays",[[1,"dso-map-overlays",{"group":[1],"overlays":[16]}]]],["dso-toggletip",[[1,"dso-toggletip",{"label":[1],"position":[1],"small":[4],"secondary":[4],"active":[32]}]]],["dso-accordion-section",[[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],"toggleSection":[64]}]]],["dso-header",[[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]}]]],["dso-label",[[1,"dso-label",{"compact":[4],"removable":[4],"status":[1],"truncate":[4],"removeHover":[32],"removeFocus":[32],"textHover":[32],"textFocus":[32],"truncatedContent":[32],"labelText":[32]}]]],["dso-pagination",[[1,"dso-pagination",{"totalPages":[2,"total-pages"],"currentPage":[2,"current-page"],"formatHref":[16],"availablePositions":[32]},[[0,"dsoSizeChange","sizeChangeHandler"]]]]],["dso-tree-view",[[1,"dso-tree-view",{"collection":[16],"focusItem":[64]}]]],["dso-alert",[[1,"dso-alert",{"status":[1],"roleAlert":[4,"role-alert"]}]]],["dso-autosuggest",[[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"]]]]],["dso-date-picker",[[2,"dso-date-picker",{"name":[1],"identifier":[1],"disabled":[516],"role":[1],"direction":[1],"required":[4],"dsoAutofocus":[4,"dso-autofocus"],"value":[1537],"min":[1],"max":[1],"activeFocus":[32],"focusedDay":[32],"open":[32],"visible":[32],"setFocus":[64],"show":[64],"hide":[64]},[[6,"click","handleDocumentClick"]]]]],["dso-helpcenter-panel",[[1,"dso-helpcenter-panel",{"label":[1],"url":[1],"visibility":[32],"isOpen":[32],"slideState":[32],"loadIframe":[32]},[[8,"keydown","keyDownListener"]]]]],["dso-image-overlay",[[1,"dso-image-overlay",{"active":[32],"focused":[32],"zoomable":[32]},[[2,"load","loadListener"]]]]],["dso-map-controls",[[1,"dso-map-controls",{"open":[1540],"disableZoom":[1,"disable-zoom"],"hideContent":[32]}]]],["dso-modal",[[1,"dso-modal",{"modalTitle":[1,"modal-title"],"role":[1],"showCloseButton":[4,"show-close-button"],"ariaId":[32],"hasFooter":[32]}]]],["dso-table",[[1,"dso-table",{"noModal":[516,"no-modal"],"isResponsive":[516,"is-responsive"],"modalActive":[32],"placeholderHeight":[32]}]]],["dso-viewer-grid",[[1,"dso-viewer-grid",{"filterpanelOpen":[516,"filterpanel-open"],"overlayOpen":[516,"overlay-open"],"initialMainSize":[1,"initial-main-size"],"mainSize":[32]}]]],["dso-accordion",[[1,"dso-accordion",{"variant":[513],"reverseAlign":[516,"reverse-align"],"allowMultipleOpen":[516,"allow-multiple-open"],"getState":[64],"toggleSection":[64],"closeOpenSections":[64]}]]],["dso-badge",[[1,"dso-badge",{"status":[1]}]]],["dso-banner",[[1,"dso-banner",{"status":[1]}]]],["dso-card",[[1,"dso-card",{"isSelectable":[516,"is-selectable"],"hasImage":[516,"has-image"]}]]],["dso-card-container",[[1,"dso-card-container",{"mode":[1]}]]],["dso-highlight-box",[[1,"dso-highlight-box",{"yellow":[4],"border":[4],"white":[4],"dropShadow":[4,"drop-shadow"],"step":[2]}]]],["dso-ozon-content",[[6,"dso-ozon-content",{"content":[1],"inline":[516],"deleted":[516],"interactive":[520],"state":[32]}]]],["dso-progress-bar",[[1,"dso-progress-bar",{"progress":[2],"min":[2],"max":[2]}]]],["dso-attachments-counter",[[1,"dso-attachments-counter",{"count":[2]}]]],["dso-dropdown-menu",[[1,"dso-dropdown-menu",{"open":[1540],"dropdownAlign":[1,"dropdown-align"],"checkable":[4]}]]],["dso-responsive-element",[[1,"dso-responsive-element",{"sizeAlias":[32],"sizeWidth":[32],"getSize":[64]}]]],["dso-progress-indicator",[[1,"dso-progress-indicator",{"label":[1],"size":[1],"block":[4]}]]],["dso-tooltip",[[1,"dso-tooltip",{"descriptive":[516],"position":[1],"strategy":[1],"for":[1],"noArrow":[4,"no-arrow"],"stateless":[4],"small":[4],"active":[1540],"hidden":[32],"activate":[64],"deactivate":[64]},[[0,"click","listenClick"]]]]],["dso-info-button",[[1,"dso-info-button",{"active":[1540],"secondary":[4],"label":[1],"hover":[32],"setFocus":[64]}]]],["dso-info_2",[[6,"dso-selectable",{"type":[1],"identifier":[1],"name":[1],"value":[1],"invalid":[4],"describedById":[1,"described-by-id"],"disabled":[4],"required":[4],"checked":[4],"indeterminate":[4],"infoFixed":[4,"info-fixed"],"infoActive":[32],"toggleInfo":[64]}],[1,"dso-info",{"fixed":[516],"active":[516]}]]]], options);
   });
 };
 

package/dist/types/components/alert/alert.d.ts

@@ -2,7 +2,7 @@ export declare class Alert {
   /**
    * Set status of alert
    */
-  status: "success" | "info" | "warning" | "danger";
+  status: "success" | "info" | "warning" | "error";
   /**
    * Whether or not to show the role attribute with value "alert". To control the tooltip add the `role-alert` attribute.
    */

package/dist/types/components/card/card.d.ts

@@ -0,0 +1,11 @@
+import { ComponentInterface, EventEmitter } from "../../stencil-public-runtime";
+import { DsoCardClickedEvent } from "./card.interfaces";
+export declare class Card implements ComponentInterface {
+  host: HTMLElement;
+  isSelectable: boolean;
+  hasImage: boolean;
+  dsoCardClicked: EventEmitter<DsoCardClickedEvent>;
+  private clickEventHandler;
+  componentWillLoad(): void;
+  render(): any;
+}

package/dist/types/components/card/card.interfaces.d.ts

@@ -0,0 +1,5 @@
+export interface DsoCardClickedEvent {
+  originalEvent?: MouseEvent;
+  /** True when user clicked the card while holding Ctrl, Alt or other modifiers, or when the card is right-clicked. Can be used to determine navigation. */
+  isModifiedEvent: boolean;
+}

package/dist/types/components/card-container/card-container.d.ts

@@ -0,0 +1,6 @@
+import { ComponentInterface } from "../../stencil-public-runtime";
+import { CardContainerMode } from "./card-container.interfaces";
+export declare class CardContainer implements ComponentInterface {
+  mode: CardContainerMode;
+  render(): any;
+}

package/dist/types/components/card-container/card-container.interfaces.d.ts

@@ -0,0 +1 @@
+export declare type CardContainerMode = "list" | "grid";

package/dist/types/components/modal/modal.d.ts

@@ -13,6 +13,8 @@ export declare class Modal implements ComponentInterface {
   modalTitle?: string;
   /** the role for the modal `dialog` | `alert` | `alertdialog` defaults to `dialog` */
   role: ModalRole;
+  /** when `false` the close button in the header will not be rendered. Defaults to `true`  */
+  showCloseButton: boolean;
   dsoClose: EventEmitter<DsoModalCloseEvent>;
   componentWillLoad(): void;
   componentDidLoad(): void;

package/dist/types/components.d.ts

@@ -7,6 +7,8 @@
 import { HTMLStencilElement, JSXBase } from "./stencil-public-runtime";
 import { AccordionHeading, AccordionInternalState, AccordionSectionState, AccordionSectionToggleEvent, AccordionVariant } from "./components/accordion/accordion.interfaces";
 import { Suggestion } from "./components/autosuggest/autosuggest";
+import { DsoCardClickedEvent } from "./components/card/card.interfaces";
+import { CardContainerMode } from "./components/card-container/card-container.interfaces";
 import { DsoDatePickerChangeEvent, DsoDatePickerDirection, DsoDatePickerFocusEvent, DsoDatePickerKeyboardEvent } from "./components/date-picker/date-picker";
 import { HeaderClickEvent, HeaderClickMenuItemEvent, HeaderMenuItem } from "./components/header/header.interfaces";
 import { InfoButtonToggleEvent } from "./components/info-button/info-button";
@@ -72,7 +74,7 @@ export namespace Components {
         /**
           * Set status of alert
          */
-        "status": "success" | "info" | "warning" | "danger";
+        "status": "success" | "info" | "warning" | "error";
     }
     interface DsoAttachmentsCounter {
         "count": number;
@@ -109,6 +111,13 @@ export namespace Components {
     interface DsoBanner {
         "status": "warning" | "danger";
     }
+    interface DsoCard {
+        "hasImage": boolean;
+        "isSelectable": boolean;
+    }
+    interface DsoCardContainer {
+        "mode": CardContainerMode;
+    }
     interface DsoDatePicker {
         /**
           * Forces the opening direction of the calendar modal to be always left or right. This setting can be useful when the input is smaller than the opening date picker would be as by default the picker always opens towards right.
@@ -243,6 +252,10 @@ export namespace Components {
           * the role for the modal `dialog` | `alert` | `alertdialog` defaults to `dialog`
          */
         "role": ModalRole;
+        /**
+          * when `false` the close button in the header will not be rendered. Defaults to `true`
+         */
+        "showCloseButton": boolean;
     }
     interface DsoOzonContent {
         /**
@@ -390,6 +403,10 @@ export interface DsoAutosuggestCustomEvent<T> extends CustomEvent<T> {
     detail: T;
     target: HTMLDsoAutosuggestElement;
 }
+export interface DsoCardCustomEvent<T> extends CustomEvent<T> {
+    detail: T;
+    target: HTMLDsoCardElement;
+}
 export interface DsoDatePickerCustomEvent<T> extends CustomEvent<T> {
     detail: T;
     target: HTMLDsoDatePickerElement;
@@ -493,6 +510,18 @@ declare global {
         prototype: HTMLDsoBannerElement;
         new (): HTMLDsoBannerElement;
     };
+    interface HTMLDsoCardElement extends Components.DsoCard, HTMLStencilElement {
+    }
+    var HTMLDsoCardElement: {
+        prototype: HTMLDsoCardElement;
+        new (): HTMLDsoCardElement;
+    };
+    interface HTMLDsoCardContainerElement extends Components.DsoCardContainer, HTMLStencilElement {
+    }
+    var HTMLDsoCardContainerElement: {
+        prototype: HTMLDsoCardContainerElement;
+        new (): HTMLDsoCardContainerElement;
+    };
     interface HTMLDsoDatePickerElement extends Components.DsoDatePicker, HTMLStencilElement {
     }
     var HTMLDsoDatePickerElement: {
@@ -651,6 +680,8 @@ declare global {
         "dso-autosuggest": HTMLDsoAutosuggestElement;
         "dso-badge": HTMLDsoBadgeElement;
         "dso-banner": HTMLDsoBannerElement;
+        "dso-card": HTMLDsoCardElement;
+        "dso-card-container": HTMLDsoCardContainerElement;
         "dso-date-picker": HTMLDsoDatePickerElement;
         "dso-dropdown-menu": HTMLDsoDropdownMenuElement;
         "dso-header": HTMLDsoHeaderElement;
@@ -721,7 +752,7 @@ declare namespace LocalJSX {
         /**
           * Set status of alert
          */
-        "status": "success" | "info" | "warning" | "danger";
+        "status": "success" | "info" | "warning" | "error";
     }
     interface DsoAttachmentsCounter {
         "count": number;
@@ -770,6 +801,14 @@ declare namespace LocalJSX {
     interface DsoBanner {
         "status": "warning" | "danger";
     }
+    interface DsoCard {
+        "hasImage"?: boolean;
+        "isSelectable"?: boolean;
+        "onDsoCardClicked"?: (event: DsoCardCustomEvent<DsoCardClickedEvent>) => void;
+    }
+    interface DsoCardContainer {
+        "mode"?: CardContainerMode;
+    }
     interface DsoDatePicker {
         /**
           * Forces the opening direction of the calendar modal to be always left or right. This setting can be useful when the input is smaller than the opening date picker would be as by default the picker always opens towards right.
@@ -923,6 +962,10 @@ declare namespace LocalJSX {
           * the role for the modal `dialog` | `alert` | `alertdialog` defaults to `dialog`
          */
         "role"?: ModalRole;
+        /**
+          * when `false` the close button in the header will not be rendered. Defaults to `true`
+         */
+        "showCloseButton"?: boolean;
     }
     interface DsoOzonContent {
         /**
@@ -1080,6 +1123,8 @@ declare namespace LocalJSX {
         "dso-autosuggest": DsoAutosuggest;
         "dso-badge": DsoBadge;
         "dso-banner": DsoBanner;
+        "dso-card": DsoCard;
+        "dso-card-container": DsoCardContainer;
         "dso-date-picker": DsoDatePicker;
         "dso-dropdown-menu": DsoDropdownMenu;
         "dso-header": DsoHeader;
@@ -1118,6 +1163,8 @@ declare module "@stencil/core" {
             "dso-autosuggest": LocalJSX.DsoAutosuggest & JSXBase.HTMLAttributes<HTMLDsoAutosuggestElement>;
             "dso-badge": LocalJSX.DsoBadge & JSXBase.HTMLAttributes<HTMLDsoBadgeElement>;
             "dso-banner": LocalJSX.DsoBanner & JSXBase.HTMLAttributes<HTMLDsoBannerElement>;
+            "dso-card": LocalJSX.DsoCard & JSXBase.HTMLAttributes<HTMLDsoCardElement>;
+            "dso-card-container": LocalJSX.DsoCardContainer & JSXBase.HTMLAttributes<HTMLDsoCardContainerElement>;
             "dso-date-picker": LocalJSX.DsoDatePicker & JSXBase.HTMLAttributes<HTMLDsoDatePickerElement>;
             "dso-dropdown-menu": LocalJSX.DsoDropdownMenu & JSXBase.HTMLAttributes<HTMLDsoDropdownMenuElement>;
             "dso-header": LocalJSX.DsoHeader & JSXBase.HTMLAttributes<HTMLDsoHeaderElement>;

package/dist/types/utils/is-modified-event.d.ts

@@ -0,0 +1,2 @@
+/** returns `true` when the event is triggered while holding Ctrl, Alt or other modifiers, or on right-click. Can be used to determine navigation. */
+export declare const isModifiedEvent: (e: MouseEvent) => boolean;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@dso-toolkit/core",
-  "version": "46.0.0",
+  "version": "47.0.0",
   "description": "DSO Toolkit Web Components",
   "main": "dist/index.cjs.js",
   "module": "dist/custom-elements/index.js",
@@ -31,7 +31,7 @@
     "uuid": "^9.0.0"
   },
   "devDependencies": {
-    "@babel/core": "^7.19.6",
+    "@babel/core": "^7.20.2",
     "@dso-toolkit/css": "0.0.0",
     "@dso-toolkit/sources": "0.0.0",
     "@stencil/react-output-target": "^0.3.1",
@@ -41,7 +41,7 @@
     "@types/sass": "^1.43.1",
     "@types/uuid": "^8.3.4",
     "@types/validator": "^13.7.10",
-    "babel-loader": "^8.2.5",
+    "babel-loader": "^8.3.0",
     "concurrently": "^7.5.0",
     "cross-env": "^7.0.3",
     "debounce": "^1.2.1",
@@ -55,6 +55,6 @@
     "stencil-inline-svg": "1.1.0",
     "typescript": "^4.8.4",
     "wait-on": "^6.0.1",
-    "webpack": "^5.74.0"
+    "webpack": "^5.75.0"
   }
 }

package/dist/dso-toolkit/p-3bd6cf49.entry.js

@@ -1 +0,0 @@
-import{r as i,c as t,h as n,F as e,a}from"./p-8f35c8f8.js";const o=class{constructor(n){i(this,n),this.dsoSelectPage=t(this,"dsoSelectPage",7),this.sizePositionsMap={small:7,medium:9,large:11},this.availablePositions=void 0,this.totalPages=void 0,this.currentPage=void 0,this.formatHref=i=>"#"+i}sizeChangeHandler(i){this.availablePositions=this.getAvailablePositions(this.sizePositionsMap[i.detail])}clickHandler(i,t){this.dsoSelectPage.emit({originalEvent:i,page:t,isModifiedEvent:0!==i.button||i.ctrlKey||i.shiftKey||i.altKey||i.metaKey})}componentDidLoad(){var i;null===(i=this.responsiveElement)||void 0===i||i.getSize().then((i=>this.availablePositions=this.getAvailablePositions(this.sizePositionsMap[i])))}render(){var i,t,a;if(!this.totalPages)return null;if(void 0===this.availablePositions)return n("dso-responsive-element",{ref:i=>this.responsiveElement=i});const o=this.availablePositions,s=null!==(i=this.currentPage)&&void 0!==i?i:0,l=this.getPages(s,this.availablePositions,this.totalPages);return n("dso-responsive-element",{ref:i=>this.responsiveElement=i},n("ul",{class:"pagination"},n("li",{class:s<=1||s>this.totalPages?"dso-page-hidden":void 0},n("a",{href:this.formatHref(null!==(t=l[l.indexOf(s)-1])&&void 0!==t?t:1),"aria-label":"Vorige",onClick:i=>{var t;return s&&this.clickHandler(i,null!==(t=l[l.indexOf(s)-1])&&void 0!==t?t:1)}},n("dso-icon",{icon:"chevron-left"}))),l.map((i=>n(e,null,this.showEllipsisBeforeLast(l,i,o,l[l.length-1])&&n("li",null,n("span",null,"...")),n("li",{key:i,class:s===i?"active":void 0},s===i?n("span",{"aria-current":"page"},i):n("a",{href:this.formatHref(i),onClick:t=>this.clickHandler(t,i)},i)),this.showEllipsisAfterFirst(l,i,o)&&n("li",null,n("span",null,"..."))))),n("li",{class:s<1||s>=this.totalPages?"dso-page-hidden":void 0},n("a",{href:this.formatHref(null!==(a=l[l.indexOf(s)+1])&&void 0!==a?a:this.totalPages),"aria-label":"Volgende",onClick:i=>{var t;return s&&this.clickHandler(i,null!==(t=l[l.indexOf(s)+1])&&void 0!==t?t:this.totalPages)}},n("dso-icon",{icon:"chevron-right"})))))}getAvailablePositions(i){return i%2==0?i-1:i<=3?3:i}getPages(i,t,n){return n+2<=t?Array.from({length:n},((i,t)=>t+1)):3===t?[i]:5===t?[1,i,n]:[1,...this.getPageRange(i,t,n),n]}getPageRange(i,t,n){const e=[],a=Math.floor(t/2);if(i<=a)for(let i=2;i<=t-4;i++)e.push(i);if(i>=a&&i<=n-a&&(1===a&&(i>n-2&&e.push(n-2),e.push(i),i<3&&e.push(3)),a>1)){const t=a-3;for(let o=Math.min(i-t,n-a);o<=Math.max(i+t,a);o++)o>2&&o<n-1&&e.push(o)}if(i>n-a)for(let i=n-(t-5);i<=n-1;i++)e.push(i);return e.filter(((i,t,n)=>n.indexOf(i)===t))}showEllipsisAfterFirst(i,t,n){return 0===i.indexOf(t)&&i[i.length-1]>n-2&&!i.some((i=>2===i))&&n>=7}showEllipsisBeforeLast(i,t,n,e){return i.indexOf(t)===i.length-1&&i[i.length-1]>n-2&&!i.some((i=>i===e-1))&&n>=7}get host(){return a(this)}};o.style=':host{display:block}*,*::after,*::before{box-sizing:border-box}.pagination{padding-inline-start:initial;text-align:center}.pagination>li{display:inline-block;font-weight:bold;line-height:calc(2rem - 4px);text-align:center;vertical-align:middle}.pagination>li>a,.pagination>li>span{align-items:center;color:#39870c;display:flex;height:2rem;justify-content:center;position:relative;width:2rem}.pagination>li>a:active,.pagination>li>span:active{background-color:#ebf3e6}.pagination>li>span{border:2px solid transparent;border-radius:50%}.pagination>li a{line-height:2rem;text-decoration:none}.pagination>li a:hover,.pagination>li a:focus{text-decoration:none}.pagination>li a:hover::after,.pagination>li a:focus::after{border-bottom-color:#39870c}.pagination>li a::after{border-bottom:3px solid transparent;bottom:0;content:"";display:inline-block;left:0;position:absolute;width:100%}.pagination>li.active span{background-color:#39870c;color:#fff}.pagination>li+li{margin-left:8px}.dso-page-hidden{visibility:hidden}';export{o as dso_pagination}

package/dist/dso-toolkit/p-3ebba0dc.entry.js

@@ -1 +0,0 @@
-import{r,h as o}from"./p-8f35c8f8.js";import{c as t}from"./p-6a1980b4.js";const e=class{constructor(o){r(this,o),this.status=void 0,this.roleAlert=void 0}render(){const r=e.statusMap.get(this.status);if(!r)throw new Error(`Invalid status ${this.status}`);return o("div",{class:t("alert",`alert-${this.status}`),role:this.roleAlert?"alert":void 0},o("dso-icon",{icon:"status-"+this.status}),o("span",{class:"sr-only"},r,":"),o("slot",null))}};e.statusMap=new Map([["success","Gelukt"],["info","Opmerking"],["warning","Waarschuwing"],["danger","Fout"]]),e.style=":host{display:block}:host(:not(:first-child)){margin-top:24px}*,*::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}.alert{border:1px solid transparent;line-height:1.5;margin-bottom:24px;min-height:64px;position:relative}@media screen and (min-width: 481px){.alert{padding:19px 16px 19px 63px}}@media screen and (max-width: 480px){.alert{padding:63px 16px 16px}}.alert:not(:first-child){margin-top:24px}.alert.alert-success{color:#191919;background-color:#e4f1d4;border-color:#e4f1d4}.alert.alert-danger{color:#191919;background-color:#f5d8dc;border-color:#f5d8dc}.alert.alert-warning{color:#191919;background-color:#f8f6cc;border-color:#f8f6cc}.alert.alert-info{color:#191919;background-color:#e1ecf7;border-color:#e1ecf7}.alert dso-icon{left:15px;position:absolute;top:15px;height:32px;width:32px}";export{e as dso_alert}

package/dist/dso-toolkit/p-4b994946.entry.js

@@ -1 +0,0 @@
-import{r as s,c as o,h as d,F as e,a}from"./p-8f35c8f8.js";import{c as r}from"./p-6a1980b4.js";import{d as i}from"./p-1805f5b0.js";const n=class{constructor(e){s(this,e),this.dsoHeaderClick=o(this,"dsoHeaderClick",7),this.onWindowResize=i((()=>{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}clickHandler(s,o,d){var e,a;this.dsoHeaderClick.emit({originalEvent:s,isModifiedEvent:0!==s.button||s.ctrlKey||s.shiftKey||s.altKey||s.metaKey,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||window.setTimeout((()=>this.shrinkMenuToFit()),0)}componentDidLoad(){this.setShowDropDown(this.useDropDownMenu)}setOverflowMenu(){this.showDropDown||(0===this.overflowMenuItems?this.shrinkMenuToFit():this.overflowMenuItems=0)}setDropDownMenu(){"auto"===this.useDropDownMenu&&(this.showDropDown=window.innerWidth<992)}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:r("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&&d("div",{class:"dropdown"},d("dso-dropdown-menu",{"dropdown-align":"right"},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;padding-bottom:16px;padding-top:16px}@media screen and (max-width: 767px){.logo-container.sc-dso-header{max-height:40px}}@media screen and (min-width: 768px){.sub-logo.sc-dso-header{margin-left:24px}}@media screen and (max-width: 767px){.sub-logo.sc-dso-header{flex-basis:100%}}.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}@media screen and (max-width: 767px){dso-dropdown-menu.sc-dso-header{top:12px}}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>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;top:calc(100% + 3px)}.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.dso-nav-sub.sc-dso-header>li.sc-dso-header{display:inline-block}.dso-nav.dso-nav-sub.sc-dso-header>li.sc-dso-header>a.sc-dso-header{text-decoration:none;font-size:16px;margin-top:4px;padding:4px 8px 3px}.dso-nav.dso-nav-sub.sc-dso-header>li.sc-dso-header>a.sc-dso-header:hover,.dso-nav.dso-nav-sub.sc-dso-header>li.sc-dso-header>a.sc-dso-header:focus,.dso-nav.dso-nav-sub.sc-dso-header>li.sc-dso-header>a.sc-dso-header:active{text-decoration:underline}.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}

package/dist/dso-toolkit/p-8c8286e6.entry.js

@@ -1 +0,0 @@
-import{h as o,F as n,r as t,c as e,H as s,a as c}from"./p-8f35c8f8.js";import{i}from"./p-3635427a.js";function r(o){return o instanceof Element?o.localName:o.nodeName.includes(":")?o.nodeName.substring(o.nodeName.indexOf(":")+1):o.nodeName}class d{constructor(){this.name="Al"}render(n,{mapNodeToJsx:t,path:e}){const s=e.some((o=>{const n=r(o);return"Al"===n||"Opschrift"===n})),c=t(n.childNodes);return s?o("span",{role:"paragraph"},c):o("p",null,c)}}class l{constructor(){this.name="#document"}render(t,{mapNodeToJsx:e}){return o(n,null,e(t.childNodes))}}class a{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))}}const u=({bijschrift:n,bron:t,mapNodeToJsx:e})=>o("span",{class:"figuur-bijschrift"},n&&n.inhoud&&e(n.inhoud),t&&`${n?" ":""}(bron: ${e(t)})`);class h{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,i,d,l,a;const h=Array.from(n.childNodes),g=null===(e=h.find((o=>"Titel"===r(o))))||void 0===e?void 0:e.textContent,p=null===(s=h.find((o=>"Bron"===r(o))))||void 0===s?void 0:s.childNodes,f=h.find((o=>"Illustratie"===r(o))),m=h.find((o=>"Bijschrift"===r(o)));if(f instanceof Element){const n={naam:f.getAttribute("naam"),breedte:f.getAttribute("breedte"),hoogte:f.getAttribute("hoogte"),uitlijning:f.getAttribute("uitlijning"),alt:f.getAttribute("alt"),schaal:f.getAttribute("schaal")},e=m instanceof Element?{inhoud:m.childNodes,locatie:null!==(c=m.getAttribute("locatie"))&&void 0!==c?c:"onder"}:void 0;return o("div",{class:"dso-ozon-figuur "+(e?`bijschrift-${e.locatie}`:"onder")},g&&o("span",{class:"figuur-titel"},g),"boven"===(null==e?void 0:e.locatie)&&o(u,{bijschrift:e,bron:p,mapNodeToJsx:t}),o("dso-image-overlay",null,o("div",{slot:"titel"},o("span",null,g)),o("img",{src:null!==(i=n.naam)&&void 0!==i?i:void 0,alt:null!==(a=null!==(l=null!==(d=n.alt)&&void 0!==d?d:g)&&void 0!==l?l:n.naam)&&void 0!==a?a:void 0,onLoad:o=>this.onImageLoad(o,Number(n.schaal))}),o("div",{slot:"bijschrift"},o(u,{bijschrift:e,bron:p,mapNodeToJsx:t}))),("onder"===(null==e?void 0:e.locatie)||!e&&p)&&o(u,{bijschrift:e,bron:p,mapNodeToJsx:t}))}}}class g{constructor(){this.name=["Inhoud","ContainerBlocksType","BlockMixedcontentMetMaximaleInlinesMarkersPopupsType"]}render(n,{mapNodeToJsx:t}){return o("div",{class:"dso-rich-content"},t(n.childNodes))}}class p{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 f{constructor(){this.name="Opschrift"}render(t,{mapNodeToJsx:e}){return o(n,null,e(t.childNodes))}}class m{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 z{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 v{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 b{constructor(){this.name="Noot",this.handles=["NootNummer"]}identify(){return"Noot"}render(t,{mapNodeToJsx:e,state:s,setState:c}){var i,d;const l=t.getAttribute("id");if(!l)return console.error("Noot node without id",t),o(n,null);const a=`dso-ozon-note-${l}`,u=null!==(d=null===(i=Array.from(t.childNodes).find((o=>"NootNummer"===r(o))))||void 0===i?void 0:i.textContent)&&void 0!==d?d:l;return o(n,null,o("sup",null,o("button",{type:"button",class:"toggle-note",id:a,onClick:()=>null==c?void 0:c(s===l?void 0:l),onBlur:()=>null==c?void 0:c(void 0),"aria-expanded":s===l?"true":"false"},u)),o("dso-tooltip",{active:s===l,for:a,stateless:!0,descriptive:!0},o("span",{role:"section"},e(Array.from(t.querySelectorAll(":scope > Al"))))))}}function x(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:w(e,o)}}))}}function w(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 y=({colspecs:t})=>t.columns.length>0?o("colgroup",null,t.columns.map((n=>o("col",{style:{width:n.width}})))):o(n,null);function k({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 j=({context:{mapNodeToJsx:n},colspecs:t,cell:e})=>{const{moreRows:s,nameStart:c,nameEnd:i}=function(o){return{moreRows:o.getAttribute("morerows"),nameStart:o.getAttribute("namest"),nameEnd:o.getAttribute("nameend")}}(e),r={rowSpan:s?parseInt(s,10)+1:void 0,colSpan:t&&c&&i?k(t,c,i):void 0};return o("td",Object.assign({},r),n(e.childNodes))},N=({context:t,colspecs:e,rows:s})=>o(n,null,s.map((n=>o("tr",null,Array.from(n.children).map((n=>o(j,{cell:n,colspecs:e,context:t})))))));class T{constructor(){this.name="table",this.handles=["title","tgroup","colspec","thead","tbody","row","cell"]}render(n,t){const{caption:e,colspecs:s,headRows:c,bodyRows:i}=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,i=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&&i?x(i,s.querySelectorAll(":scope > colspec")):void 0,headRows:Array.from(o.querySelectorAll(":scope > tgroup > thead > row")),bodyRows:Array.from(o.querySelectorAll(":scope > tgroup > tbody > row"))}}(n);return o("dso-table",null,o("table",{class:"table"},e&&o("caption",null,e),s&&o(y,{colspecs:s}),c.length>0&&o("thead",null,o(N,{rows:c,colspecs:s,context:t})),i.length>0&&o("tbody",null,o(N,{rows:i,colspecs:s,context:t}))))}}class E{constructor(){this.name="#text"}render(t){return o(n,null,t.textContent)}}class B{constructor(){this.name=["<fallback>"]}render(n,{mapNodeToJsx:t}){return o("span",{class:`fallback od-${r(n)}`},t(n.childNodes))}}class C{constructor(){this.name="Lijst"}render(n,{mapNodeToJsx:t}){var e;const s=Array.from(n.childNodes),c=s.find((o=>"Lijstaanhef"===r(o))),i=s.find((o=>"Lijstsluiting"===r(o))),d=s.filter((o=>"Li"===r(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:""},d.map((n=>{var e;const s=Array.from(n.childNodes),c=null===(e=s.find((o=>"LiNummer"===r(o))))||void 0===e?void 0:e.textContent;return o("li",{class:"od-Li"},c&&o("span",{class:"od-LiNummer"},c),t(s.filter((o=>"LiNummer"!==r(o)))))}))),i&&t(i))}}class A{constructor(){this.mappers=[new E,new l,new g,new f,new v,new a,new d,new m,new p,new b,new T,new z,new h,new C],this.skip=this.mappers.reduce(((o,n)=>(n.handles&&o.push(...n.handles),o)),[]),this.fallbackNode=new B,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 i=r(t),d=this.findMapper(i);if(!d)return o(n,null);const l=null===(c=d.identify)||void 0===c?void 0:c.call(d,t),a=l?o=>e.setState(Object.assign(Object.assign({},e.state),{[l]:o})):void 0;return d.render(t,{mapNodeToJsx:o=>this.mapNodeToJsx(o,e,[...s,t]),emitAnchorClick:e.emitAnchorClick,setState:a,state:l?e.state[l]: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 I=class{constructor(o){t(this,o),this.dsoAnchorClick=e(this,"dsoAnchorClick",7),this.dsoClick=e(this,"dsoClick",7),this.mapper=new A,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&&i(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)}};I.style=".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: #676cb0;\n  text-decoration: underline;\n  text-underline-position: under;\n}\nbutton.toggle-note.sc-dso-ozon-content:not([disabled]):active {\n  color: #676cb0;\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-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}";export{I as dso_ozon_content}

package/dist/dso-toolkit/p-c4cf2359.entry.js

@@ -1 +0,0 @@
-import{r as o,f as s,h as n,F as t,H as d,a as c}from"./p-8f35c8f8.js";const e=class{constructor(s){o(this,s),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}componentWillLoad(){const o=this.host.parentElement;var n;(n=o)instanceof HTMLElement&&"getState"in n&&(this.accordion=o,o.getState().then((o=>{this.accordionState=o,s(this.host)})))}componentDidLoad(){this.hasNestedSection=null!==this.host.querySelector("dso-accordion")}async toggleSection(){var o;return null===(o=this.accordion)||void 0===o?void 0:o.toggleSection(this.host)}async toggle(o){var s;return null==o||o.preventDefault(),null===(s=this.accordion)||void 0===s?void 0:s.toggleSection(this.host,o)}render(){if(!this.accordionState)return;const{variant:o,reverseAlign:s}=this.accordionState,c=!!(this.status||this.state||this.icon||this.attachmentCount);return n(d,{class:{"dso-accordion-section":!0,["dso-accordion-"+o]:!0,"dso-nested-accordion":this.hasNestedSection}},n(a,{heading:this.heading},n(i,{handleUrl:this.handleUrl,onClick:async o=>await this.toggle(o),open:this.open},s?n(t,null,c&&n("div",{class:"dso-section-handle-addons"},n(r,{icon:this.icon})),n("span",null,this.handleTitle),n("dso-icon",{icon:this.open?"chevron-up":"chevron-down"})):n(t,null,n("dso-icon",{icon:this.open?"chevron-down":"chevron-right"}),this.state&&n("span",{class:"sr-only"},h[this.state]),n("span",null,this.handleTitle),c&&n("div",{class:"dso-section-handle-addons"},this.status&&n("span",{class:"dso-status"},this.status),n(r,{state:this.state,icon:this.icon,attachmentCount:this.attachmentCount}))))),n("div",{class:"dso-section-body",style:this.open?{}:{display:"none"}},n("slot",null)))}get host(){return c(this)}},a=({heading:o},s)=>{switch(o){default:case"h2":return n("h2",{class:"dso-section-handle"},s);case"h3":return n("h3",{class:"dso-section-handle"},s);case"h4":return n("h4",{class:"dso-section-handle"},s);case"h5":return n("h5",{class:"dso-section-handle"},s)}},i=({handleUrl:o,onClick:s,open:t},d)=>o?n("a",{href:o,onClick:s,"aria-expanded":t?"true":"false"},d):n("button",{type:"button",onClick:s,"aria-expanded":t?"true":"false"},d),r=({state:o,icon:s,attachmentCount:t})=>o?n(l,{state:o}):t?n("dso-attachments-counter",{count:t}):s?n("dso-icon",{icon:s}):void 0,h={success:"succes:",info:"info:",warning:"waarschuwing:",danger:"fout:"},l=({state:o})=>"danger"===o?n("dso-icon",{icon:"status-danger"}):"success"===o?n("dso-icon",{icon:"status-success"}):"info"===o?n("dso-icon",{icon:"status-info"}):"warning"===o?n("dso-icon",{icon:"status-warning"}):void 0;e.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:center;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-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-icon,:host .dso-section-handle>a>.dso-section-handle-addons:last-child dso-icon{margin-left:16px}:host(:not([open])) .dso-section-body{display:none}.dso-section-body{background-color:#fff;border-top:0;margin-top:-4px;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:1px solid transparent;border-top-width:0}: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),:host(.dso-accordion-compact) .dso-section-body{border:0;border-top:1px solid #ccc;padding-top:0}:host(.dso-accordion-compact):last-child{border-bottom:1px solid #ccc}:host(.dso-accordion-compact) .dso-section-body{margin-top:0;padding-bottom:12px}: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:#191919}: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;color:#191919}: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[open]:not(.dso-nested-accordion))>.dso-section-handle a,:host(.dso-accordion-conclusion[open]:not(.dso-nested-accordion))>.dso-section-handle button{color:#191919}:host(.dso-accordion-conclusion[open]:not(.dso-nested-accordion))>.dso-section-handle a dso-attachments-counter,:host(.dso-accordion-conclusion[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-conclusion.dso-nested-accordion[open]){background-color:#fff}";export{e as dso_accordion_section}

package/dist/dso-toolkit/p-dad32839.entry.js

@@ -1 +0,0 @@
-import{r as o,c as t,h as s,H as d,a as r}from"./p-8f35c8f8.js";import{c as e}from"./p-89d262b7.js";import{v as i}from"./p-5d7f4ff2.js";import"./p-3635427a.js";const a=class{constructor(s){o(this,s),this.dsoClose=t(this,"dsoClose",7),this.ariaId=i(),this.hasFooter=void 0,this.modalTitle=void 0,this.role="dialog"}componentWillLoad(){this.hasFooter=null!==this.host.querySelector("*[slot = 'footer']")}componentDidLoad(){document.body.classList.add(a.modalOpenClass),this.setFocusTrap()}disconnectedCallback(){var o;document.body.classList.remove(a.modalOpenClass),null===(o=this.trap)||void 0===o||o.deactivate()}render(){return s(d,{class:"dso-modal",role:this.role,"aria-modal":"true","aria-labelledby":this.ariaId},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),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"},s("slot",{name:"body"})),this.hasFooter&&s("div",{class:"dso-footer"},s("slot",{name:"footer"}))))}setFocusTrap(){this.dialogElement&&!this.trap&&(this.trap=e(this.dialogElement,{allowOutsideClick:!0,escapeDeactivates:!0,tabbableOptions:{getShadowRoot:!0},clickOutsideDeactivates:o=>o instanceof MouseEvent&&o.composedPath()[0]===this.host,onDeactivate:()=>{delete this.trap,this.dsoClose.emit({originalEvent:void 0})}}).activate())}get host(){return r(this)}};a.modalOpenClass="dso-modal-open",a.style="@keyframes slideInFromTop{0%{opacity:0}100%{opacity:1}}:host .dso-dialog{background-color:#fff;box-shadow:0 8px 24px 0 rgba(25, 25, 25, 0.4)}:host .dso-header{border-bottom:1px solid #ccc;padding:16px;position:relative}:host .dso-header h2{color:#275937;margin:0;max-width:calc(100% - 24px)}:host .dso-header .dso-close{background-color:transparent;border:0;height:32px;padding:0;position:absolute;right:13px;text-align:center;top:16px;width:32px}:host .dso-body{height:calc(100% - 96px - 1.5rem);max-height:calc(70vh - 144px - 1.5em);min-height:1.5rem;overflow-x:auto;padding:32px}:host .dso-body p{margin:0 0 16px}:host .dso-body ul,:host .dso-body ol{margin-bottom:16px}:host .dso-body ul:not(.list-group):not(.dso-link-list):not(.dso-columns-list),:host .dso-body ol:not(.list-group):not(.dso-link-list):not(.dso-columns-list){padding-inline-start:24px}:host .dso-body pre{margin:0 0 16px}:host .dso-body blockquote{padding:16px 24px}:host .dso-body dso-highlight-box,:host .dso-body .dso-highlight-box{margin-bottom:24px}:host .dso-body img{height:auto;max-width:100%}:host .dso-footer{min-height:80px;padding:0 32px 32px;text-align:right}@media screen and (min-width: 768px){:host{bottom:0;height:100%;left:0;position:fixed;right:0;top:0;z-index:530}:host .dso-dialog{animation:1s ease-out 0s 1 slideInFromTop;margin:auto;margin-top:15vh;max-width:640px;opacity:1}:host .dso-footer .btn+.dso-secondary,:host .dso-footer .btn+.btn-default,:host .dso-footer .dso-primary+.dso-secondary,:host .dso-footer .dso-primary+.btn-default,:host .dso-footer .dso-secondary+.dso-secondary,:host .dso-footer .dso-secondary+.btn-default,:host .dso-footer .dso-tertiary+.dso-secondary,:host .dso-footer .dso-tertiary+.btn-default{margin-left:16px}:host .dso-footer .btn+.dso-tertiary,:host .dso-footer .btn+.btn-link,:host .dso-footer .dso-primary+.dso-tertiary,:host .dso-footer .dso-primary+.btn-link,:host .dso-footer .dso-secondary+.dso-tertiary,:host .dso-footer .dso-secondary+.btn-link,:host .dso-footer .dso-tertiary+.dso-tertiary,:host .dso-footer .dso-tertiary+.btn-link{margin-left:0}}@media screen and (max-width: 767px){:host{max-width:100%}:host .dso-footer .btn+.btn,:host .dso-footer .btn+.dso-primary,:host .dso-footer .btn+.dso-secondary,:host .dso-footer .btn+.dso-tertiary,:host .dso-footer .dso-primary+.btn,:host .dso-footer .dso-primary+.dso-primary,:host .dso-footer .dso-primary+.dso-secondary,:host .dso-footer .dso-primary+.dso-tertiary,:host .dso-footer .dso-secondary+.btn,:host .dso-footer .dso-secondary+.dso-primary,:host .dso-footer .dso-secondary+.dso-secondary,:host .dso-footer .dso-secondary+.dso-tertiary,:host .dso-footer .dso-tertiary+.btn,:host .dso-footer .dso-tertiary+.dso-primary,:host .dso-footer .dso-tertiary+.dso-secondary,:host .dso-footer .dso-tertiary+.dso-tertiary{margin-left:0}:host .dso-footer button{text-align:center;width:100%}:host .dso-footer button+button{margin-top:8px}:host .dso-footer button.dso-tertiary,:host .dso-footer button.dso-tertiary span,:host .dso-footer button.btn-link,:host .dso-footer button.btn-link span{float:none}}*,*::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-close dso-icon{color:#39870c}";export{a as dso_modal}