@dso-toolkit/core 56.1.0 → 58.0.0

package/dist/cjs/index.cjs.js

@@ -1,76 +1,4 @@
 'use strict';
 
-Object.defineProperty(exports, '__esModule', { value: true });
-
-class DsoModalRef {
-  constructor(modalElement) {
-    this.modalElement = modalElement;
-    if (!modalElement) {
-      throw new Error("unable to add event listener. try opening the modal first");
-    }
-  }
-  /** Removes the modal from the DOM. */
-  close() {
-    document.body.removeChild(this.modalElement);
-  }
-  addEventListener(eventName, fn) {
-    this.modalElement.addEventListener(eventName, fn);
-  }
-  removeEventListener(eventName, fn) {
-    this.modalElement.removeEventListener(eventName, fn);
-  }
-}
-
-class DsoModalController {
-  open(modal, options) {
-    const dsoModalElement = this.createModal(modal, options);
-    document.body.appendChild(dsoModalElement);
-    return new DsoModalRef(dsoModalElement);
-  }
-  createModal({ title, body, footer }, options) {
-    const element = document.createElement(`dso-modal`);
-    if (title) {
-      element.setAttribute("modal-title", title);
-    }
-    if (options) {
-      const { role, showCloseButton, initialFocus, returnFocus } = options;
-      if (role) {
-        element.role = role;
-      }
-      if (showCloseButton) {
-        element.setAttribute("show-close-button", showCloseButton ? "true" : "false");
-      }
-      if (initialFocus) {
-        element.setAttribute("initial-focus", initialFocus);
-      }
-      if (returnFocus) {
-        element.returnFocus = returnFocus;
-      }
-    }
-    const bodyDiv = document.createElement("div");
-    bodyDiv.setAttribute("slot", "body");
-    if (typeof body === "string") {
-      bodyDiv.innerHTML = body;
-    }
-    else {
-      bodyDiv.appendChild(body);
-    }
-    element.appendChild(bodyDiv);
-    if (footer) {
-      const footerDiv = document.createElement("div");
-      footerDiv.setAttribute("slot", "footer");
-      if (typeof footer === "string") {
-        footerDiv.innerHTML = footer;
-      }
-      else {
-        footerDiv.appendChild(footer);
-      }
-      element.appendChild(footerDiv);
-    }
-    return element;
-  }
-}
-
-exports.DsoModalController = DsoModalController;
 
 //# sourceMappingURL=index.cjs.js.map

package/dist/cjs/index.cjs.js.map

@@ -1 +1 @@
-{"file":"index.cjs.js","mappings":";;;;MAAa,WAAW;EACtB,YAAoB,YAAyB;IAAzB,iBAAY,GAAZ,YAAY,CAAa;IAC3C,IAAI,CAAC,YAAY,EAAE;MACjB,MAAM,IAAI,KAAK,CAAC,2DAA2D,CAAC,CAAC;KAC9E;GACF;;EAGD,KAAK;IACH,QAAQ,CAAC,IAAI,CAAC,WAAW,CAAC,IAAI,CAAC,YAAY,CAAC,CAAC;GAC9C;EAED,gBAAgB,CAAC,SAAqB,EAAE,EAAsC;IAC5E,IAAI,CAAC,YAAY,CAAC,gBAAgB,CAAC,SAAS,EAAE,EAAE,CAAC,CAAC;GACnD;EAED,mBAAmB,CAAC,SAAqB,EAAE,EAAsC;IAC/E,IAAI,CAAC,YAAY,CAAC,mBAAmB,CAAC,SAAS,EAAE,EAAE,CAAC,CAAC;GACtD;;;MCdU,kBAAkB;EAC7B,IAAI,CAAC,KAAmB,EAAE,OAAsB;IAC9C,MAAM,eAAe,GAAG,IAAI,CAAC,WAAW,CAAC,KAAK,EAAE,OAAO,CAAC,CAAC;IAEzD,QAAQ,CAAC,IAAI,CAAC,WAAW,CAAC,eAAe,CAAC,CAAC;IAE3C,OAAO,IAAI,WAAW,CAAC,eAAe,CAAC,CAAC;GACzC;EAEO,WAAW,CAAC,EAAE,KAAK,EAAE,IAAI,EAAE,MAAM,EAAgB,EAAE,OAAsB;IAC/E,MAAM,OAAO,GAAG,QAAQ,CAAC,aAAa,CAAC,WAAW,CAAC,CAAC;IAEpD,IAAI,KAAK,EAAE;MACT,OAAO,CAAC,YAAY,CAAC,aAAa,EAAE,KAAK,CAAC,CAAC;KAC5C;IAED,IAAI,OAAO,EAAE;MACX,MAAM,EAAE,IAAI,EAAE,eAAe,EAAE,YAAY,EAAE,WAAW,EAAE,GAAG,OAAO,CAAC;MAErE,IAAI,IAAI,EAAE;QACR,OAAO,CAAC,IAAI,GAAG,IAAI,CAAC;OACrB;MAED,IAAI,eAAe,EAAE;QACnB,OAAO,CAAC,YAAY,CAAC,mBAAmB,EAAE,eAAe,GAAG,MAAM,GAAG,OAAO,CAAC,CAAC;OAC/E;MAED,IAAI,YAAY,EAAE;QAChB,OAAO,CAAC,YAAY,CAAC,eAAe,EAAE,YAAY,CAAC,CAAC;OACrD;MAED,IAAI,WAAW,EAAE;QACf,OAAO,CAAC,WAAW,GAAG,WAAW,CAAC;OACnC;KACF;IAED,MAAM,OAAO,GAAG,QAAQ,CAAC,aAAa,CAAC,KAAK,CAAC,CAAC;IAC9C,OAAO,CAAC,YAAY,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;IAErC,IAAI,OAAO,IAAI,KAAK,QAAQ,EAAE;MAC5B,OAAO,CAAC,SAAS,GAAG,IAAI,CAAC;KAC1B;SAAM;MACL,OAAO,CAAC,WAAW,CAAC,IAAI,CAAC,CAAC;KAC3B;IAED,OAAO,CAAC,WAAW,CAAC,OAAO,CAAC,CAAC;IAE7B,IAAI,MAAM,EAAE;MACV,MAAM,SAAS,GAAG,QAAQ,CAAC,aAAa,CAAC,KAAK,CAAC,CAAC;MAChD,SAAS,CAAC,YAAY,CAAC,MAAM,EAAE,QAAQ,CAAC,CAAC;MAEzC,IAAI,OAAO,MAAM,KAAK,QAAQ,EAAE;QAC9B,SAAS,CAAC,SAAS,GAAG,MAAM,CAAC;OAC9B;WAAM;QACL,SAAS,CAAC,WAAW,CAAC,MAAM,CAAC,CAAC;OAC/B;MAED,OAAO,CAAC,WAAW,CAAC,SAAS,CAAC,CAAC;KAChC;IAED,OAAO,OAAO,CAAC;GAChB;;;;;","names":[],"sources":["./src/components/modal/modal-ref.ts","./src/components/modal/modal.controller.ts"],"sourcesContent":["export class DsoModalRef {\r\n  constructor(private modalElement: HTMLElement) {\r\n    if (!modalElement) {\r\n      throw new Error(\"unable to add event listener. try opening the modal first\");\r\n    }\r\n  }\r\n\r\n  /** Removes the modal from the DOM. */\r\n  close() {\r\n    document.body.removeChild(this.modalElement);\r\n  }\r\n\r\n  addEventListener(eventName: \"dsoClose\", fn: EventListenerOrEventListenerObject) {\r\n    this.modalElement.addEventListener(eventName, fn);\r\n  }\r\n\r\n  removeEventListener(eventName: \"dsoClose\", fn: EventListenerOrEventListenerObject) {\r\n    this.modalElement.removeEventListener(eventName, fn);\r\n  }\r\n}\r\n","import { ModalContent, ModalOptions } from \"./modal.interfaces\";\r\n\r\nimport { DsoModalRef } from \"./modal-ref\";\r\n\r\nexport class DsoModalController {\r\n  open(modal: ModalContent, options?: ModalOptions): DsoModalRef {\r\n    const dsoModalElement = this.createModal(modal, options);\r\n\r\n    document.body.appendChild(dsoModalElement);\r\n\r\n    return new DsoModalRef(dsoModalElement);\r\n  }\r\n\r\n  private createModal({ title, body, footer }: ModalContent, options?: ModalOptions): HTMLElement {\r\n    const element = document.createElement(`dso-modal`);\r\n\r\n    if (title) {\r\n      element.setAttribute(\"modal-title\", title);\r\n    }\r\n\r\n    if (options) {\r\n      const { role, showCloseButton, initialFocus, returnFocus } = options;\r\n\r\n      if (role) {\r\n        element.role = role;\r\n      }\r\n\r\n      if (showCloseButton) {\r\n        element.setAttribute(\"show-close-button\", showCloseButton ? \"true\" : \"false\");\r\n      }\r\n\r\n      if (initialFocus) {\r\n        element.setAttribute(\"initial-focus\", initialFocus);\r\n      }\r\n\r\n      if (returnFocus) {\r\n        element.returnFocus = returnFocus;\r\n      }\r\n    }\r\n\r\n    const bodyDiv = document.createElement(\"div\");\r\n    bodyDiv.setAttribute(\"slot\", \"body\");\r\n\r\n    if (typeof body === \"string\") {\r\n      bodyDiv.innerHTML = body;\r\n    } else {\r\n      bodyDiv.appendChild(body);\r\n    }\r\n\r\n    element.appendChild(bodyDiv);\r\n\r\n    if (footer) {\r\n      const footerDiv = document.createElement(\"div\");\r\n      footerDiv.setAttribute(\"slot\", \"footer\");\r\n\r\n      if (typeof footer === \"string\") {\r\n        footerDiv.innerHTML = footer;\r\n      } else {\r\n        footerDiv.appendChild(footer);\r\n      }\r\n\r\n      element.appendChild(footerDiv);\r\n    }\r\n\r\n    return element;\r\n  }\r\n}\r\n"],"version":3}
+{"file":"index.cjs.js","mappings":";;","names":[],"sources":[],"sourcesContent":[],"version":3}

package/dist/cjs/loader.cjs.js

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-efc2222e.js');
+const index = require('./index-d4003ee3.js');
 
 /*
  Stencil Client Patch Esm v3.4.0 | MIT Licensed | https://stenciljs.com
@@ -14,7 +14,7 @@ const patchEsm = () => {
 const defineCustomElements = (win, options) => {
   if (typeof window === 'undefined') return Promise.resolve();
   return patchEsm().then(() => {
-  return index.bootstrapLazy([["dso-icon.cjs",[[1,"dso-icon",{"icon":[1]}]]],["dsot-document-component-demo.cjs",[[0,"dsot-document-component-demo",{"response":[32],"open":[32],"openedAnnotation":[32],"filtered":[32],"notApplicable":[32],"activeAnnotationSelectables":[32]}]]],["dso-map-base-layers.cjs",[[1,"dso-map-base-layers",{"group":[1],"baseLayers":[16]}]]],["dso-map-overlays.cjs",[[1,"dso-map-overlays",{"group":[1],"overlays":[16]}]]],["dso-toggletip.cjs",[[1,"dso-toggletip",{"label":[1],"position":[1],"small":[4],"secondary":[4],"active":[32]}]]],["dso-accordion-section.cjs",[[1,"dso-accordion-section",{"handleTitle":[1,"handle-title"],"heading":[1],"handleUrl":[1,"handle-url"],"status":[1],"attachmentCount":[2,"attachment-count"],"icon":[1],"statusDescription":[1,"status-description"],"open":[516],"hasNestedAccordion":[32],"hover":[32]}]]],["dso-header.cjs",[[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"],"userHomeActive":[4,"user-home-active"],"showDropDown":[32],"hasSubLogo":[32],"overflowMenuItems":[32],"dropdownOptionsOffset":[32]}]]],["dso-map-controls.cjs",[[1,"dso-map-controls",{"open":[1540],"disableZoom":[1,"disable-zoom"],"hideContent":[32],"toggleVisibility":[64]}]]],["dso-modal.cjs",[[1,"dso-modal",{"modalTitle":[1,"modal-title"],"role":[1],"showCloseButton":[4,"show-close-button"],"initialFocus":[1,"initial-focus"],"returnFocus":[16],"ariaId":[32],"hasFooter":[32]}]]],["dso-pagination.cjs",[[1,"dso-pagination",{"totalPages":[2,"total-pages"],"currentPage":[2,"current-page"],"formatHref":[16],"availablePositions":[32]},[[0,"dsoSizeChange","sizeChangeHandler"]]]]],["dso-tree-view.cjs",[[1,"dso-tree-view",{"collection":[16],"focusItem":[64]}]]],["dso-action-list-item.cjs",[[1,"dso-action-list-item",{"step":[2],"itemTitle":[1,"item-title"],"flowLine":[4,"flow-line"],"warning":[4],"divider":[4]}]]],["dso-attachments-counter.cjs",[[1,"dso-attachments-counter",{"count":[2]}]]],["dso-autosuggest.cjs",[[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.cjs",[[2,"dso-date-picker",{"name":[1],"identifier":[1],"disabled":[516],"role":[1],"direction":[1],"required":[4],"invalid":[516],"describedBy":[1,"described-by"],"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.cjs",[[1,"dso-helpcenter-panel",{"label":[1],"url":[1],"visibility":[32],"isOpen":[32],"slideState":[32],"loadIframe":[32]},[[8,"keydown","keyDownListener"]]]]],["dso-image-overlay.cjs",[[1,"dso-image-overlay",{"active":[32],"zoomable":[32]},[[2,"load","loadListener"]]]]],["dso-list-button.cjs",[[1,"dso-list-button",{"label":[1],"sublabel":[1],"count":[2],"min":[8],"max":[8],"checked":[516],"disabled":[516],"manual":[4],"manualInputWrapperElement":[32],"manualCount":[32]}]]],["dso-table.cjs",[[1,"dso-table",{"noModal":[516,"no-modal"],"isResponsive":[516,"is-responsive"],"modalActive":[32],"placeholderHeight":[32]}]]],["dso-viewer-grid.cjs",[[1,"dso-viewer-grid",{"filterpanelOpen":[516,"filterpanel-open"],"overlayOpen":[516,"overlay-open"],"initialMainSize":[1,"initial-main-size"],"mainSize":[32]}]]],["dso-accordion.cjs",[[1,"dso-accordion",{"variant":[513],"reverseAlign":[516,"reverse-align"],"_getState":[64]}]]],["dso-action-list.cjs",[[1,"dso-action-list",{"listTitle":[1,"list-title"]}]]],["dso-banner.cjs",[[1,"dso-banner",{"status":[513]}]]],["dso-card.cjs",[[1,"dso-card",{"isSelectable":[516,"is-selectable"],"hasImage":[516,"has-image"],"clickable":[4],"imageShape":[513,"image-shape"]}]]],["dso-card-container.cjs",[[1,"dso-card-container",{"mode":[513]}]]],["dso-highlight-box.cjs",[[1,"dso-highlight-box",{"yellow":[4],"border":[4],"white":[4],"dropShadow":[4,"drop-shadow"],"step":[2]}]]],["dso-progress-bar.cjs",[[1,"dso-progress-bar",{"progress":[2],"min":[2],"max":[2]}]]],["dso-dropdown-menu.cjs",[[1,"dso-dropdown-menu",{"open":[1540],"dropdownAlign":[1,"dropdown-align"],"dropdownOptionsOffset":[2,"dropdown-options-offset"],"checkable":[4],"boundary":[1],"strategy":[1]}]]],["dso-progress-indicator.cjs",[[1,"dso-progress-indicator",{"label":[1],"size":[513],"block":[4]}]]],["dso-scrollable.cjs",[[1,"dso-scrollable",{"scrollPosition":[32],"_setScrollState":[64]}]]],["dso-expandable.cjs",[[1,"dso-expandable",{"open":[516],"enableAnimation":[4,"enable-animation"],"minimumHeight":[2,"minimum-height"],"animationReady":[32]}]]],["dso-responsive-element.cjs",[[1,"dso-responsive-element",{"sizeAlias":[32],"sizeWidth":[32],"getSize":[64]}]]],["dso-info-button.cjs",[[1,"dso-info-button",{"active":[1540],"secondary":[4],"label":[1],"hover":[32],"setFocus":[64]}]]],["dso-tooltip.cjs",[[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]}]]],["dso-info_2.cjs",[[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],"keyboardFocus":[32],"toggleInfo":[64]}],[1,"dso-info",{"fixed":[516],"active":[516]}]]],["dso-alert_5.cjs",[[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]},[[4,"keydown","keyDownListener"]]],[1,"dso-alert",{"status":[1],"roleAlert":[4,"role-alert"]}],[0,"dso-annotation-button",{"identifier":[1],"open":[4]}],[1,"dso-badge",{"status":[1]}],[1,"dso-ozon-content",{"content":[1],"inline":[516],"deleted":[516],"interactive":[520],"state":[32]}]]],["dso-annotation-output_3.cjs",[[1,"dso-document-component",{"heading":[1],"label":[1],"nummer":[1],"opschrift":[1],"inhoud":[1],"open":[516],"filtered":[516],"notApplicable":[516,"not-applicable"],"genesteOntwerpInformatie":[516,"geneste-ontwerp-informatie"],"bevatOntwerpInformatie":[516,"bevat-ontwerp-informatie"],"annotated":[516],"gereserveerd":[4],"vervallen":[4],"openAnnotation":[4,"open-annotation"],"alternativeTitle":[1,"alternative-title"],"type":[513],"wijzigactie":[513]}],[4,"dso-annotation-output",{"identifier":[513],"annotationPrefix":[513,"annotation-prefix"],"open":[516]}],[4,"dso-slide-toggle",{"checked":[4],"disabled":[4],"accessibleLabel":[1,"accessible-label"],"labelledbyId":[1,"labelledby-id"],"identifier":[1],"hasVisibleLabel":[32]}]]]], options);
+  return index.bootstrapLazy([["dsot-document-component-demo.cjs",[[0,"dsot-document-component-demo",{"response":[32],"open":[32],"openedAnnotation":[32],"filtered":[32],"notApplicable":[32],"activeAnnotationSelectables":[32]}]]],["dso-map-base-layers.cjs",[[1,"dso-map-base-layers",{"group":[1],"baseLayers":[16]}]]],["dso-map-overlays.cjs",[[1,"dso-map-overlays",{"group":[1],"overlays":[16]}]]],["dso-toggletip.cjs",[[1,"dso-toggletip",{"label":[1],"position":[1],"small":[4],"secondary":[4],"active":[32]}]]],["dso-accordion-section.cjs",[[1,"dso-accordion-section",{"handleTitle":[1,"handle-title"],"heading":[1],"handleUrl":[1,"handle-url"],"status":[1],"attachmentCount":[2,"attachment-count"],"icon":[1],"statusDescription":[1,"status-description"],"open":[516],"hasNestedAccordion":[32],"hover":[32]}]]],["dso-header.cjs",[[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"],"userHomeActive":[4,"user-home-active"],"showDropDown":[32],"hasSubLogo":[32],"overflowMenuItems":[32],"dropdownOptionsOffset":[32]}]]],["dso-map-controls.cjs",[[1,"dso-map-controls",{"open":[1540],"disableZoom":[1,"disable-zoom"],"hideContent":[32],"toggleVisibility":[64]}]]],["dso-modal.cjs",[[1,"dso-modal",{"fullscreen":[516],"modalTitle":[1,"modal-title"],"role":[1],"showCloseButton":[4,"show-close-button"],"ariaId":[32],"hasFooter":[32]}]]],["dso-pagination.cjs",[[1,"dso-pagination",{"totalPages":[2,"total-pages"],"currentPage":[2,"current-page"],"formatHref":[16],"availablePositions":[32]},[[0,"dsoSizeChange","sizeChangeHandler"]]]]],["dso-tree-view.cjs",[[1,"dso-tree-view",{"collection":[16],"focusItem":[64]}]]],["dso-action-list-item.cjs",[[1,"dso-action-list-item",{"step":[2],"itemTitle":[1,"item-title"],"flowLine":[4,"flow-line"],"warning":[4],"divider":[4]}]]],["dso-attachments-counter.cjs",[[1,"dso-attachments-counter",{"count":[2]}]]],["dso-autosuggest.cjs",[[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.cjs",[[2,"dso-date-picker",{"name":[1],"identifier":[1],"disabled":[516],"role":[1],"direction":[1],"required":[4],"invalid":[516],"describedBy":[1,"described-by"],"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.cjs",[[1,"dso-helpcenter-panel",{"label":[1],"url":[1],"visibility":[32],"isOpen":[32],"slideState":[32],"loadIframe":[32]},[[8,"keydown","keyDownListener"]]]]],["dso-image-overlay.cjs",[[1,"dso-image-overlay",{"active":[32],"zoomable":[32]},[[2,"load","loadListener"]]]]],["dso-list-button.cjs",[[1,"dso-list-button",{"label":[1],"sublabel":[1],"count":[2],"min":[8],"max":[8],"checked":[516],"disabled":[516],"manual":[4],"manualInputWrapperElement":[32],"manualCount":[32]}]]],["dso-table.cjs",[[1,"dso-table",{"noModal":[516,"no-modal"],"isResponsive":[516,"is-responsive"],"modalActive":[32],"placeholderHeight":[32]}]]],["dso-accordion.cjs",[[1,"dso-accordion",{"variant":[513],"reverseAlign":[516,"reverse-align"],"_getState":[64]}]]],["dso-action-list.cjs",[[1,"dso-action-list",{"listTitle":[1,"list-title"]}]]],["dso-banner.cjs",[[1,"dso-banner",{"status":[513]}]]],["dso-card.cjs",[[1,"dso-card",{"isSelectable":[516,"is-selectable"],"hasImage":[516,"has-image"],"clickable":[4],"imageShape":[513,"image-shape"]}]]],["dso-card-container.cjs",[[1,"dso-card-container",{"mode":[513]}]]],["dso-highlight-box.cjs",[[1,"dso-highlight-box",{"yellow":[4],"border":[4],"white":[4],"dropShadow":[4,"drop-shadow"],"step":[2]}]]],["dso-progress-bar.cjs",[[1,"dso-progress-bar",{"progress":[2],"min":[2],"max":[2]}]]],["dso-viewer-grid.cjs",[[1,"dso-viewer-grid",{"filterpanelOpen":[516,"filterpanel-open"],"overlayOpen":[516,"overlay-open"],"initialMainSize":[1,"initial-main-size"],"mainSize":[32],"tabView":[32],"activeTab":[32]}]]],["dso-dropdown-menu.cjs",[[1,"dso-dropdown-menu",{"open":[1540],"dropdownAlign":[1,"dropdown-align"],"dropdownOptionsOffset":[2,"dropdown-options-offset"],"checkable":[4],"boundary":[1],"strategy":[1]}]]],["dso-progress-indicator.cjs",[[1,"dso-progress-indicator",{"label":[1],"size":[513],"block":[4]}]]],["dso-scrollable.cjs",[[1,"dso-scrollable",{"scrollPosition":[32],"_setScrollState":[64]}]]],["dso-expandable.cjs",[[1,"dso-expandable",{"open":[516],"enableAnimation":[4,"enable-animation"],"minimumHeight":[2,"minimum-height"],"animationReady":[32]}]]],["dso-responsive-element.cjs",[[1,"dso-responsive-element",{"sizeAlias":[32],"sizeWidth":[32],"getSize":[64]}]]],["dso-info-button.cjs",[[1,"dso-info-button",{"active":[1540],"secondary":[4],"label":[1],"hover":[32],"setFocus":[64]}]]],["dso-tooltip.cjs",[[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]}]]],["dso-icon.cjs",[[1,"dso-icon",{"icon":[1]}]]],["dso-info_2.cjs",[[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],"keyboardFocus":[32],"toggleInfo":[64]}],[1,"dso-info",{"fixed":[516],"active":[516]}]]],["dso-alert_5.cjs",[[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]},[[4,"keydown","keyDownListener"]]],[1,"dso-alert",{"status":[1],"roleAlert":[4,"role-alert"]}],[0,"dso-annotation-button",{"identifier":[1],"open":[4]}],[1,"dso-badge",{"status":[1]}],[1,"dso-ozon-content",{"content":[1],"inline":[516],"deleted":[516],"interactive":[520],"state":[32]}]]],["dso-annotation-output_3.cjs",[[1,"dso-document-component",{"heading":[1],"label":[1],"nummer":[1],"opschrift":[1],"inhoud":[1],"open":[516],"filtered":[516],"notApplicable":[516,"not-applicable"],"genesteOntwerpInformatie":[516,"geneste-ontwerp-informatie"],"bevatOntwerpInformatie":[516,"bevat-ontwerp-informatie"],"annotated":[516],"gereserveerd":[4],"vervallen":[4],"openAnnotation":[4,"open-annotation"],"alternativeTitle":[1,"alternative-title"],"type":[513],"wijzigactie":[513]}],[4,"dso-annotation-output",{"identifier":[513],"annotationPrefix":[513,"annotation-prefix"],"open":[516]}],[4,"dso-slide-toggle",{"checked":[4],"disabled":[4],"accessibleLabel":[1,"accessible-label"],"labelledbyId":[1,"labelledby-id"],"identifier":[1],"hasVisibleLabel":[32]}]]]], options);
   });
 };
 

package/dist/collection/components/accordion/accordion.interfaces.js.map

@@ -1 +1 @@
-{"version":3,"file":"accordion.interfaces.js","sourceRoot":"","sources":["../../../src/components/accordion/accordion.interfaces.ts"],"names":[],"mappings":"","sourcesContent":["export type AccordionVariant = \"default\" | \"compact\" | \"conclusion\" | \"neutral\";\r\n\r\nexport interface AccordionInternalState {\r\n  variant?: AccordionVariant;\r\n  reverseAlign?: boolean;\r\n}\r\n"]}
+{"version":3,"file":"accordion.interfaces.js","sourceRoot":"","sources":["../../../src/components/accordion/accordion.interfaces.ts"],"names":[],"mappings":"","sourcesContent":["export type AccordionVariant = \"default\" | \"compact\" | \"conclusion\" | \"neutral\" | \"compact-black\";\r\n\r\nexport interface AccordionInternalState {\r\n  variant?: AccordionVariant;\r\n  reverseAlign?: boolean;\r\n}\r\n"]}

package/dist/collection/components/accordion/accordion.js

@@ -45,7 +45,7 @@ export class Accordion {
         "mutable": false,
         "complexType": {
           "original": "AccordionVariant",
-          "resolved": "\"compact\" | \"conclusion\" | \"default\" | \"neutral\"",
+          "resolved": "\"compact\" | \"compact-black\" | \"conclusion\" | \"default\" | \"neutral\"",
           "references": {
             "AccordionVariant": {
               "location": "import",

package/dist/collection/components/accordion/components/accordion-section.css

@@ -43,7 +43,7 @@
 }
 :host .dso-section-handle > button,
 :host .dso-section-handle > a {
-  align-items: flex-start;
+  align-items: center;
   background-color: transparent;
   border: 0;
   cursor: pointer;
@@ -207,6 +207,67 @@
   border-bottom: 0;
 }
 
+:host(.dso-accordion-compact-black) .dso-section-handle {
+  border-bottom: 1px solid transparent;
+  border-top: 1px solid #ccc;
+}
+:host(.dso-accordion-compact-black) .dso-section-handle a,
+:host(.dso-accordion-compact-black) .dso-section-handle button {
+  color: #000;
+  padding-bottom: 11px;
+  padding-left: 0;
+  padding-top: 11px;
+}
+:host(.dso-accordion-compact-black) .dso-section-handle a:hover, :host(.dso-accordion-compact-black) .dso-section-handle a:active, :host(.dso-accordion-compact-black) .dso-section-handle a.active,
+:host(.dso-accordion-compact-black) .dso-section-handle button:hover,
+:host(.dso-accordion-compact-black) .dso-section-handle button:active,
+:host(.dso-accordion-compact-black) .dso-section-handle button.active {
+  color: #000;
+}
+:host(.dso-accordion-compact-black) .dso-section-body .dso-section-body-content {
+  padding-left: 32px;
+  padding-top: 0;
+  padding-right: 0;
+}
+
+:host(.dso-accordion-compact-black.dso-accordion-reverse-align) .dso-section-handle a,
+:host(.dso-accordion-compact-black.dso-accordion-reverse-align) .dso-section-handle button {
+  padding-left: 16px;
+}
+:host(.dso-accordion-compact-black.dso-accordion-reverse-align) .dso-section-body .dso-section-body-content {
+  padding-left: 16px;
+  padding-right: 0;
+}
+
+:host(.dso-accordion-compact-black[open]:not([open=false])) > .dso-section-handle {
+  background-color: transparent;
+}
+:host(.dso-accordion-compact-black[open]:not([open=false])) > .dso-section-handle a,
+:host(.dso-accordion-compact-black[open]:not([open=false])) > .dso-section-handle button {
+  color: #000;
+}
+:host(.dso-accordion-compact-black[open]:not([open=false])) > .dso-section-handle a:hover, :host(.dso-accordion-compact-black[open]:not([open=false])) > .dso-section-handle a:active, :host(.dso-accordion-compact-black[open]:not([open=false])) > .dso-section-handle a.active,
+:host(.dso-accordion-compact-black[open]:not([open=false])) > .dso-section-handle button:hover,
+:host(.dso-accordion-compact-black[open]:not([open=false])) > .dso-section-handle button:active,
+:host(.dso-accordion-compact-black[open]:not([open=false])) > .dso-section-handle button.active {
+  color: #000;
+}
+:host(.dso-accordion-compact-black[open]:not([open=false])) > .dso-section-handle a dso-attachments-counter,
+:host(.dso-accordion-compact-black[open]:not([open=false])) > .dso-section-handle button dso-attachments-counter {
+  --dso-attachments-counter-color: #666;
+  --dso-icon: var(--di-paperclip-grijs);
+}
+:host(.dso-accordion-compact-black[open]:not([open=false])) > .dso-section-body {
+  border-top: 0;
+}
+
+:host(.dso-accordion-compact-black.dso-nested-accordion[open]:not([open=false])) > .dso-section-body {
+  padding-bottom: 0;
+}
+:host(.dso-accordion-compact-black.dso-nested-accordion[open]:not([open=false])) > .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;
@@ -260,6 +321,10 @@
   color: #39870c;
   margin-inline-start: 8px;
 }
+:host(.dso-accordion-neutral) .dso-section-handle dso-icon,
+:host(.dso-accordion-neutral) .dso-section-handle svg.di {
+  vertical-align: top;
+}
 :host(.dso-accordion-neutral) .dso-section-body {
   background-color: transparent;
   border: 1px solid #275937;