@dso-toolkit/core 88.1.1 → 90.0.0

package/dist/cjs/index-DMUCyuUA.js

@@ -106,6 +106,3 @@ function debounce(function_, wait = 100, options = {}) {
 }
 
 exports.debounce = debounce;
-//# sourceMappingURL=index-DMUCyuUA.js.map
-
-//# sourceMappingURL=index-DMUCyuUA.js.map

package/dist/cjs/index.cjs.js

@@ -1,5 +1,2 @@
 'use strict';
 
-//# sourceMappingURL=index.cjs.js.map
-
-//# sourceMappingURL=index.cjs.js.map

package/dist/cjs/{index.esm-jAw0K065.js → index.esm-C3mvhVxy.js}

@@ -1,15 +1,12 @@
 'use strict';
 
 /*!
-* tabbable 6.3.0
+* tabbable 6.4.0
 * @license MIT, https://github.com/focus-trap/tabbable/blob/master/LICENSE
 */
 // NOTE: separate `:not()` selectors has broader browser support than the newer
 //  `:not([inert], [inert] *)` (Feb 2023)
-// CAREFUL: JSDom does not support `:not([inert] *)` as a selector; using it causes
-//  the entire query to fail, resulting in no nodes found, which will break a lot
-//  of things... so we have to rely on JS to identify nodes inside an inert container
-var candidateSelectors = ['input:not([inert])', 'select:not([inert])', 'textarea:not([inert])', 'a[href]:not([inert])', 'button:not([inert])', '[tabindex]:not(slot):not([inert])', 'audio[controls]:not([inert])', 'video[controls]:not([inert])', '[contenteditable]:not([contenteditable="false"]):not([inert])', 'details>summary:first-of-type:not([inert])', 'details:not([inert])'];
+var candidateSelectors = ['input:not([inert]):not([inert] *)', 'select:not([inert]):not([inert] *)', 'textarea:not([inert]):not([inert] *)', 'a[href]:not([inert]):not([inert] *)', 'button:not([inert]):not([inert] *)', '[tabindex]:not(slot):not([inert]):not([inert] *)', 'audio[controls]:not([inert]):not([inert] *)', 'video[controls]:not([inert]):not([inert] *)', '[contenteditable]:not([contenteditable="false"]):not([inert]):not([inert] *)', 'details>summary:first-of-type:not([inert]):not([inert] *)', 'details:not([inert]):not([inert] *)'];
 var candidateSelector = /* #__PURE__ */candidateSelectors.join(',');
 var NoElement = typeof Element === 'undefined';
 var matches = NoElement ? function () {} : Element.prototype.matches || Element.prototype.msMatchesSelector || Element.prototype.webkitMatchesSelector;
@@ -22,7 +19,7 @@ var getRootNode = !NoElement && Element.prototype.getRootNode ? function (elemen
 
 /**
  * Determines if a node is inert or in an inert ancestor.
- * @param {Element} [node]
+ * @param {Node} [node]
  * @param {boolean} [lookUp] If true and `node` is not inert, looks up at ancestors to
  *  see if any of them are inert. If false, only `node` itself is considered.
  * @returns {boolean} True if inert itself or by way of being in an inert ancestor.
@@ -42,10 +39,10 @@ var _isInert = function isInert(node, lookUp) {
   // NOTE: this could also be handled with `node.matches('[inert], :is([inert] *)')`
   //  if it weren't for `matches()` not being a function on shadow roots; the following
   //  code works for any kind of node
-  // CAREFUL: JSDom does not appear to support certain selectors like `:not([inert] *)`
-  //  so it likely would not support `:is([inert] *)` either...
-  var result = inert || lookUp && node && _isInert(node.parentNode); // recursive
-
+  var result = inert || lookUp && node && (
+  // closest does not exist on shadow roots, so we fall back to a manual
+  // lookup upward, in case it is not defined.
+  typeof node.closest === 'function' ? node.closest('[inert]') : _isInert(node.parentNode));
   return result;
 };
 
@@ -71,7 +68,7 @@ var isContentEditable = function isContentEditable(node) {
  */
 var getCandidates = function getCandidates(el, includeContainer, filter) {
   // even if `includeContainer=false`, we still have to check it for inertness because
-  //  if it's inert, all its children are inert
+  //  if it's inert (either by itself or via its parent), then all its children are inert
   if (_isInert(el)) {
     return [];
   }
@@ -487,11 +484,7 @@ var isDisabledFromFieldset = function isDisabledFromFieldset(node) {
   return false;
 };
 var isNodeMatchingSelectorFocusable = function isNodeMatchingSelectorFocusable(options, node) {
-  if (node.disabled ||
-  // we must do an inert look up to filter out any elements inside an inert ancestor
-  //  because we're limited in the type of selectors we can use in JSDom (see related
-  //  note related to `candidateSelectors`)
-  _isInert(node) || isHiddenInput(node) || isHidden(node, options) ||
+  if (node.disabled || isHiddenInput(node) || isHidden(node, options) ||
   // For a details element with a summary, the summary element gets the focus
   isDetailsWithSummary(node) || isDisabledFromFieldset(node)) {
     return false;
@@ -582,7 +575,7 @@ var isTabbable = function isTabbable(node, options) {
   }
   return isNodeMatchingSelectorTabbable(options, node);
 };
-var focusableCandidateSelector = /* #__PURE__ */candidateSelectors.concat('iframe').join(',');
+var focusableCandidateSelector = /* #__PURE__ */candidateSelectors.concat('iframe:not([inert]):not([inert] *)').join(',');
 var isFocusable = function isFocusable(node, options) {
   options = options || {};
   if (!node) {
@@ -599,6 +592,3 @@ exports.getTabIndex = getTabIndex;
 exports.isFocusable = isFocusable;
 exports.isTabbable = isTabbable;
 exports.tabbable = tabbable;
-//# sourceMappingURL=index.esm-jAw0K065.js.map
-
-//# sourceMappingURL=index.esm-jAw0K065.js.map

package/dist/cjs/is-modified-event-Dh9YsHw8.js

@@ -10,6 +10,3 @@ function isModifiedEvent(e) {
 }
 
 exports.isModifiedEvent = isModifiedEvent;
-//# sourceMappingURL=is-modified-event-Dh9YsHw8.js.map
-
-//# sourceMappingURL=is-modified-event-Dh9YsHw8.js.map

package/dist/cjs/loader.cjs.js

@@ -1,16 +1,13 @@
 'use strict';
 
-var index = require('./index-2aek-b9X.js');
+var index = require('./index-BKUr3Wdg.js');
 var appGlobals = require('./app-globals-V2Kpy_OQ.js');
 
 const defineCustomElements = async (win, options) => {
   if (typeof window === 'undefined') return undefined;
   await appGlobals.globalScripts();
-  return index.bootstrapLazy(JSON.parse("[[\"dsot-document-component-demo.cjs\",[[258,\"dsot-document-component-demo\",{\"showCanvas\":[516,\"show-canvas\"],\"showBesluitversie\":[4,\"show-besluitversie\"],\"jsonFile\":[1,\"json-file\"],\"openDefault\":[4,\"open-default\"],\"mode\":[513],\"ozonContentUrlResolver\":[16],\"ozonContentBegripResolver\":[16],\"response\":[32],\"document\":[32],\"openOrClosed\":[32],\"openedAnnotation\":[32],\"filtered\":[32],\"notApplicable\":[32],\"activeAnnotationSelectables\":[32]},null,{\"jsonFile\":[\"jsonFileWatcher\"],\"openDefault\":[\"openDefaultWatcher\"]}]]],[\"dso-accordion-section.cjs\",[[257,\"dso-accordion-section\",{\"handleTitle\":[1,\"handle-title\"],\"wijzigactie\":[1],\"heading\":[1],\"handleUrl\":[1,\"handle-url\"],\"status\":[1],\"attachmentCount\":[2,\"attachment-count\"],\"icon\":[1],\"statusDescription\":[1,\"status-description\"],\"open\":[516],\"hasNestedAccordion\":[516,\"has-nested-accordion\"],\"label\":[1],\"labelStatus\":[1,\"label-status\"],\"activatable\":[516],\"active\":[516],\"hover\":[32],\"focusHandle\":[64]}]]],[\"dso-legend-item.cjs\",[[257,\"dso-legend-item\",{\"disabled\":[516],\"disabledMessage\":[1,\"disabled-message\"],\"activatable\":[516],\"active\":[516],\"showOptions\":[32]}]]],[\"dso-annotation-activiteit.cjs\",[[257,\"dso-annotation-activiteit\",{\"wijzigactie\":[513],\"active\":[516],\"gewijzigdeLocatie\":[516,\"gewijzigde-locatie\"],\"naam\":[1],\"regelKwalificatie\":[1,\"regel-kwalificatie\"],\"locatieNoemers\":[16],\"regelKwalificatieVoorzetsel\":[1,\"regel-kwalificatie-voorzetsel\"]}]]],[\"dso-annotation-gebiedsaanwijzing.cjs\",[[257,\"dso-annotation-gebiedsaanwijzing\",{\"wijzigactie\":[513],\"active\":[516],\"gewijzigdeLocatie\":[516,\"gewijzigde-locatie\"],\"naam\":[1]}]]],[\"dso-annotation-omgevingsnormwaarde.cjs\",[[257,\"dso-annotation-omgevingsnormwaarde\",{\"wijzigactie\":[513],\"active\":[516],\"gewijzigdeLocatie\":[516,\"gewijzigde-locatie\"],\"naam\":[1],\"toelichting\":[1],\"waardes\":[16],\"eenheid\":[1]}]]],[\"dso-list-button.cjs\",[[257,\"dso-list-button\",{\"label\":[1],\"sublabel\":[1],\"count\":[2],\"min\":[8],\"max\":[8],\"checked\":[516],\"disabled\":[516],\"subcontentPrefix\":[1,\"subcontent-prefix\"]}]]],[\"dso-map-base-layers.cjs\",[[257,\"dso-map-base-layers\",{\"group\":[1],\"baseLayers\":[16]}]]],[\"dso-map-overlays.cjs\",[[257,\"dso-map-overlays\",{\"group\":[1],\"overlays\":[16]}]]],[\"dso-advanced-select.cjs\",[[257,\"dso-advanced-select\",{\"options\":[16],\"active\":[16],\"activeHint\":[1,\"active-hint\"],\"open\":[32]},[[8,\"keydown\",\"keyDownListener\"]]]]],[\"dso-map-controls.cjs\",[[257,\"dso-map-controls\",{\"open\":[1540],\"disableZoom\":[1,\"disable-zoom\"],\"hideContent\":[32],\"toggleVisibility\":[64]},null,{\"open\":[\"watchOpen\"]}]]],[\"dso-project-item.cjs\",[[257,\"dso-project-item\",{\"label\":[1]}]]],[\"dso-annotation-kaart.cjs\",[[257,\"dso-annotation-kaart\",{\"wijzigactie\":[513],\"naam\":[1],\"href\":[513]}]]],[\"dso-autosuggest.cjs\",[[262,\"dso-autosuggest\",{\"suggestions\":[16],\"loading\":[4],\"loadingLabel\":[1,\"loading-label\"],\"loadingDelayed\":[2,\"loading-delayed\"],\"notFoundLabel\":[1,\"not-found-label\"],\"mark\":[16],\"showSuggestions\":[32],\"selectedSuggestion\":[32],\"selectedSuggestionGroup\":[32],\"notFound\":[32],\"showLoading\":[32]},[[4,\"click\",\"onDocumentClick\"]],{\"suggestions\":[\"suggestionsWatcher\"]}]]],[\"dso-legend.cjs\",[[257,\"dso-legend\",{\"tabItems\":[16]}]]],[\"dso-modal.cjs\",[[257,\"dso-modal\",{\"fullscreen\":[516],\"modalTitle\":[1,\"modal-title\"],\"dialogRole\":[1,\"dialog-role\"],\"returnFocus\":[4,\"return-focus\"],\"closable\":[4],\"ariaId\":[32]}]]],[\"dso-survey-rating.cjs\",[[257,\"dso-survey-rating\"]]],[\"dso-header.cjs\",[[257,\"dso-header\",{\"mainMenu\":[16],\"compact\":[1],\"authStatus\":[1,\"auth-status\"],\"loginUrl\":[1,\"login-url\"],\"logoutUrl\":[1,\"logout-url\"],\"showHelp\":[4,\"show-help\"],\"helpUrl\":[1,\"help-url\"],\"userProfileName\":[1,\"user-profile-name\"],\"userProfileUrl\":[1,\"user-profile-url\"],\"userHomeUrl\":[1,\"user-home-url\"],\"userHomeActive\":[4,\"user-home-active\"],\"visibleMenuItemsCount\":[32],\"dropdownOptionsOffset\":[32]},null,{\"mainMenu\":[\"mainMenuChanged\"]}]]],[\"dso-mark-bar.cjs\",[[257,\"dso-mark-bar\",{\"value\":[1],\"label\":[1],\"current\":[2],\"totalCount\":[2,\"total-count\"],\"dsoFocus\":[64]}]]],[\"dso-onboarding-tip.cjs\",[[257,\"dso-onboarding-tip\",{\"placement\":[1],\"ready\":[32],\"popoverOpen\":[32]}]]],[\"dso-pagination.cjs\",[[257,\"dso-pagination\",{\"totalPages\":[2,\"total-pages\"],\"currentPage\":[2,\"current-page\"],\"formatHref\":[16],\"availablePositions\":[32]},[[0,\"dsoSizeChange\",\"sizeChangeHandler\"]]]]],[\"dso-tree-view.cjs\",[[257,\"dso-tree-view\",{\"collection\":[16],\"focusItem\":[64]}]]],[\"dso-action-list-item.cjs\",[[257,\"dso-action-list-item\",{\"step\":[2],\"itemTitle\":[1,\"item-title\"],\"flowLine\":[4,\"flow-line\"],\"warning\":[4],\"divider\":[4]}]]],[\"dso-card.cjs\",[[257,\"dso-card\",{\"href\":[513],\"mode\":[513],\"active\":[516]}]]],[\"dso-document-card.cjs\",[[257,\"dso-document-card\",{\"href\":[513],\"active\":[516]}]]],[\"dso-history-item.cjs\",[[257,\"dso-history-item\",{\"type\":[513],\"href\":[513]}]]],[\"dso-label_3.cjs\",[[257,\"dso-renvooi\",{\"value\":[1],\"mark\":[16]}],[257,\"dso-label\",{\"compact\":[516],\"removable\":[516],\"status\":[513],\"truncate\":[516],\"removeHover\":[32],\"removeFocus\":[32],\"textHover\":[32],\"textFocus\":[32],\"isTruncated\":[32],\"labelText\":[32],\"_truncateLabel\":[64]},[[4,\"keydown\",\"keyDownListener\"]],{\"removable\":[\"watchRemovable\"],\"truncate\":[\"watchTruncate\"]}],[262,\"dso-slide-toggle\",{\"checked\":[4],\"disabled\":[4],\"accessibleLabel\":[1,\"accessible-label\"],\"labelledbyId\":[1,\"labelledby-id\"],\"identifier\":[1],\"hasVisibleLabel\":[32]}]]],[\"dso-map-layer.cjs\",[[257,\"dso-map-layer\",{\"label\":[513],\"activatable\":[516],\"active\":[516]}]]],[\"dso-map-layer-object.cjs\",[[257,\"dso-map-layer-object\",{\"active\":[516]}]]],[\"dso-plekinfo-card.cjs\",[[257,\"dso-plekinfo-card\",{\"wijzigactie\":[513],\"href\":[513],\"targetBlank\":[4,\"target-blank\"],\"active\":[516]}]]],[\"dso-skiplink.cjs\",[[257,\"dso-skiplink\",{\"to\":[513],\"label\":[513]}]]],[\"dso-tijdreis-banner.cjs\",[[257,\"dso-tijdreis-banner\"]]],[\"dso-accordion.cjs\",[[257,\"dso-accordion\",{\"variant\":[6145],\"reverseAlign\":[6148,\"reverse-align\"],\"_getState\":[64]}]]],[\"dso-action-list.cjs\",[[257,\"dso-action-list\",{\"listTitle\":[1,\"list-title\"]}]]],[\"dso-banner.cjs\",[[257,\"dso-banner\",{\"status\":[513],\"compact\":[4],\"icon\":[516]}]]],[\"dso-card-container.cjs\",[[257,\"dso-card-container\",{\"mode\":[513]}]]],[\"dso-contact-information.cjs\",[[257,\"dso-contact-information\"]]],[\"dso-cursor-tooltip.cjs\",[[257,\"dso-cursor-tooltip\"]]],[\"dso-date-picker.cjs\",[[258,\"dso-date-picker\",{\"name\":[1],\"identifier\":[1],\"disabled\":[516],\"required\":[516],\"invalid\":[516],\"describedBy\":[1,\"described-by\"],\"dsoAutofocus\":[4,\"dso-autofocus\"],\"value\":[513],\"min\":[1],\"max\":[1]}]]],[\"dso-highlight-box.cjs\",[[257,\"dso-highlight-box\",{\"yellow\":[516],\"border\":[516],\"white\":[516],\"green\":[516],\"dropShadow\":[516,\"drop-shadow\"],\"step\":[514]}]]],[\"dso-input-range.cjs\",[[257,\"dso-input-range\",{\"min\":[2],\"max\":[2],\"value\":[2],\"step\":[2],\"label\":[1],\"unit\":[1],\"description\":[1]}]]],[\"dso-logo.cjs\",[[257,\"dso-logo\",{\"name\":[513],\"logoUrl\":[513,\"logo-url\"],\"label\":[513],\"labelUrl\":[513,\"label-url\"],\"ribbon\":[513]}]]],[\"dso-tab.cjs\",[[257,\"dso-tab\",{\"active\":[516],\"disabled\":[516],\"href\":[1],\"_dsoFocus\":[64]}]]],[\"dso-tabs.cjs\",[[257,\"dso-tabs\"]]],[\"dso-viewer-grid.cjs\",[[257,\"dso-viewer-grid\",{\"filterPanelTitle\":[513,\"filter-panel-title\"],\"filterPanelOpen\":[516,\"filter-panel-open\"],\"overlayOpen\":[516,\"overlay-open\"],\"documentPanelOpen\":[516,\"document-panel-open\"],\"mainSize\":[513,\"main-size\"],\"activeTab\":[1,\"active-tab\"],\"documentPanelSize\":[513,\"document-panel-size\"],\"mainPanelExpanded\":[4,\"main-panel-expanded\"],\"mainPanelHidden\":[4,\"main-panel-hidden\"],\"tabView\":[32],\"_checkMainPanelVisibility\":[64]},null,{\"documentPanelOpen\":[\"documentPanelOpenWatcher\"],\"filterPanelOpen\":[\"filterPanelOpenWatcher\"],\"overlayOpen\":[\"overlayOpenWatcher\"]}]]],[\"dso-icon_2.cjs\",[[257,\"dso-icon-button\",{\"icon\":[513],\"label\":[513],\"variant\":[513],\"tooltipPlacement\":[513,\"tooltip-placement\"],\"disabled\":[516],\"showTooltip\":[32],\"setFocus\":[64]}],[257,\"dso-icon\",{\"icon\":[1]}]]],[\"dso-annotation-locatie_2.cjs\",[[257,\"dso-document-component\",{\"heading\":[1],\"kop\":[6145],\"inhoud\":[6145],\"open\":[516],\"filtered\":[516],\"notApplicable\":[516,\"not-applicable\"],\"badge\":[1],\"badgeStatus\":[1,\"badge-status\"],\"badgeTooltip\":[1,\"badge-tooltip\"],\"label\":[1],\"labelStatus\":[1,\"label-status\"],\"annotated\":[516],\"gereserveerd\":[6145],\"vervallen\":[6145],\"openAnnotation\":[516,\"open-annotation\"],\"alternativeTitle\":[513,\"alternative-title\"],\"type\":[513],\"wijzigactie\":[513],\"annotationsWijzigactie\":[513,\"annotations-wijzigactie\"],\"mark\":[16],\"recursiveToggle\":[8,\"recursive-toggle\"],\"ozonContentUrlResolver\":[16],\"ozonContentBegripResolver\":[16],\"mode\":[513],\"href\":[513]}],[257,\"dso-annotation-locatie\",{\"wijzigactie\":[513],\"active\":[516],\"gewijzigdeLocatie\":[516,\"gewijzigde-locatie\"],\"locatieNoemer\":[1,\"locatie-noemer\"]}]]],[\"dso-attachments-counter_2.cjs\",[[257,\"dso-attachments-counter\",{\"count\":[2]}],[257,\"dso-expandable\",{\"open\":[516],\"enableAnimation\":[516,\"enable-animation\"],\"minimumHeight\":[2,\"minimum-height\"],\"isClosed\":[32]},[[0,\"transitionstart\",\"transitionstartHandler\"],[0,\"transitionend\",\"transitionendHandler\"]],{\"open\":[\"toggleOpen\"]}]]],[\"dso-progress-indicator.cjs\",[[257,\"dso-progress-indicator\",{\"label\":[1],\"size\":[513],\"block\":[516]}]]],[\"dso-scrollable.cjs\",[[257,\"dso-scrollable\",{\"scrollPosition\":[32],\"_setScrollState\":[64]}]]],[\"dso-info-button.cjs\",[[257,\"dso-info-button\",{\"active\":[516],\"secondary\":[4],\"label\":[513],\"toggletipPlacement\":[513,\"toggletip-placement\"],\"toggletipActive\":[32],\"hasToggletip\":[32],\"setFocus\":[64]}]]],[\"dso-toggletip.cjs\",[[257,\"dso-toggletip\",{\"label\":[1],\"position\":[1],\"small\":[4],\"secondary\":[4],\"active\":[32]}]]],[\"dso-button-group.cjs\",[[257,\"dso-button-group\",{\"direction\":[513]}]]],[\"dso-dropdown-menu.cjs\",[[257,\"dso-dropdown-menu\",{\"open\":[1540],\"dropdownAlign\":[1,\"dropdown-align\"],\"dropdownOptionsOffset\":[2,\"dropdown-options-offset\"],\"checkable\":[4]},[[8,\"click\",\"onClick\"]]]]],[\"dso-responsive-element.cjs\",[[257,\"dso-responsive-element\",{\"sizeAlias\":[32],\"sizeWidth\":[32],\"getSize\":[64]}]]],[\"dso-info_2.cjs\",[[262,\"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\":[516],\"indeterminate\":[4],\"infoFixed\":[4,\"info-fixed\"],\"infoActive\":[32],\"toggleInfo\":[64]},null,{\"indeterminate\":[\"setIndeterminate\"]}],[257,\"dso-info\",{\"fixed\":[516],\"active\":[516]}]]],[\"dso-tooltip.cjs\",[[257,\"dso-tooltip\",{\"descriptive\":[516],\"position\":[1],\"strategy\":[1],\"noArrow\":[4,\"no-arrow\"],\"stateless\":[4],\"small\":[4],\"active\":[1540],\"hidden\":[32],\"activate\":[64],\"deactivate\":[64]},null,{\"position\":[\"watchPosition\"],\"strategy\":[\"watchStrategy\"],\"active\":[\"watchActive\"]}]]],[\"dso-alert_7.cjs\",[[257,\"dso-ozon-content\",{\"content\":[1],\"inline\":[516],\"mark\":[16],\"urlResolver\":[16],\"begripResolver\":[16],\"annotated\":[516],\"state\":[32]},null,{\"content\":[\"contentWatcher\"]}],[257,\"dso-alert\",{\"status\":[513],\"roleAlert\":[4,\"role-alert\"],\"compact\":[516],\"closable\":[4]}],[257,\"dso-image-overlay\",{\"wijzigactie\":[1],\"active\":[32],\"zoomable\":[32]},[[2,\"load\",\"loadListener\"]]],[257,\"dso-panel\",{\"closeButtonLabel\":[1,\"close-button-label\"],\"emphasized\":[4]}],[257,\"dso-table\",{\"noModal\":[516,\"no-modal\"],\"isResponsive\":[32],\"modalActive\":[32],\"placeholderHeight\":[32]}],[257,\"dso-ozon-content-toggletip\",{\"icon\":[513],\"active\":[32],\"showToggletip\":[32]}],[257,\"dso-badge\",{\"status\":[1]}]]]]"), options);
+  return index.bootstrapLazy(JSON.parse("[[\"dso-icon_2.cjs\",[[1,\"dso-icon-button\",{\"icon\":[513],\"label\":[513],\"variant\":[513],\"tooltipPlacement\":[513,\"tooltip-placement\"],\"disabled\":[516],\"showTooltip\":[32],\"setFocus\":[64]}],[1,\"dso-icon\",{\"icon\":[1]}]]],[\"dsot-document-component-demo.cjs\",[[2,\"dsot-document-component-demo\",{\"showCanvas\":[516,\"show-canvas\"],\"showBesluitversie\":[4,\"show-besluitversie\"],\"jsonFile\":[1,\"json-file\"],\"openDefault\":[4,\"open-default\"],\"mode\":[513],\"ozonContentUrlResolver\":[16],\"ozonContentBegripResolver\":[16],\"response\":[32],\"document\":[32],\"openOrClosed\":[32],\"openedAnnotation\":[32],\"filtered\":[32],\"notApplicable\":[32],\"activeAnnotationSelectables\":[32]},null,{\"jsonFile\":[{\"jsonFileWatcher\":0}],\"openDefault\":[{\"openDefaultWatcher\":0}]}]]],[\"dso-accordion-section.cjs\",[[257,\"dso-accordion-section\",{\"handleTitle\":[1,\"handle-title\"],\"wijzigactie\":[1],\"heading\":[1],\"handleUrl\":[1,\"handle-url\"],\"status\":[1],\"attachmentCount\":[2,\"attachment-count\"],\"icon\":[1],\"statusDescription\":[1,\"status-description\"],\"open\":[516],\"hasNestedAccordion\":[516,\"has-nested-accordion\"],\"label\":[1],\"labelStatus\":[1,\"label-status\"],\"activatable\":[516],\"active\":[516],\"hover\":[32],\"focusHandle\":[64]}]]],[\"dso-annotation-activiteit.cjs\",[[1,\"dso-annotation-activiteit\",{\"wijzigactie\":[513],\"active\":[516],\"gewijzigdeLocatie\":[516,\"gewijzigde-locatie\"],\"naam\":[1],\"regelKwalificatie\":[1,\"regel-kwalificatie\"],\"locatieNoemers\":[16],\"regelKwalificatieVoorzetsel\":[1,\"regel-kwalificatie-voorzetsel\"]}]]],[\"dso-annotation-gebiedsaanwijzing.cjs\",[[1,\"dso-annotation-gebiedsaanwijzing\",{\"wijzigactie\":[513],\"active\":[516],\"gewijzigdeLocatie\":[516,\"gewijzigde-locatie\"],\"naam\":[1]}]]],[\"dso-annotation-omgevingsnormwaarde.cjs\",[[1,\"dso-annotation-omgevingsnormwaarde\",{\"wijzigactie\":[513],\"active\":[516],\"gewijzigdeLocatie\":[516,\"gewijzigde-locatie\"],\"naam\":[1],\"toelichting\":[1],\"waardes\":[16],\"eenheid\":[1]}]]],[\"dso-list-button.cjs\",[[257,\"dso-list-button\",{\"label\":[1],\"sublabel\":[1],\"count\":[2],\"min\":[8],\"max\":[8],\"checked\":[516],\"disabled\":[516],\"subcontentPrefix\":[1,\"subcontent-prefix\"]}]]],[\"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-advanced-select.cjs\",[[1,\"dso-advanced-select\",{\"options\":[16],\"active\":[16],\"activeHint\":[1,\"active-hint\"],\"open\":[32]},[[8,\"keydown\",\"keyDownListener\"]]]]],[\"dso-legend-item.cjs\",[[257,\"dso-legend-item\",{\"disabled\":[516],\"disabledMessage\":[513,\"disabled-message\"],\"activatable\":[516],\"active\":[516],\"_mode\":[513],\"showOptions\":[32]}]]],[\"dso-toggletip.cjs\",[[257,\"dso-toggletip\",{\"label\":[1],\"position\":[1],\"small\":[4],\"secondary\":[4],\"active\":[32]}]]],[\"dso-map-controls.cjs\",[[257,\"dso-map-controls\",{\"open\":[1540],\"disableZoom\":[1,\"disable-zoom\"],\"hideContent\":[32],\"toggleVisibility\":[64]},null,{\"open\":[{\"watchOpen\":0}]}]]],[\"dso-project-item.cjs\",[[257,\"dso-project-item\",{\"label\":[1]}]]],[\"dso-annotation-kaart.cjs\",[[1,\"dso-annotation-kaart\",{\"wijzigactie\":[513],\"naam\":[1],\"href\":[513]}]]],[\"dso-autosuggest.cjs\",[[262,\"dso-autosuggest\",{\"suggestions\":[16],\"loading\":[4],\"loadingLabel\":[1,\"loading-label\"],\"loadingDelayed\":[2,\"loading-delayed\"],\"notFoundLabel\":[1,\"not-found-label\"],\"mark\":[16],\"showSuggestions\":[32],\"selectedSuggestion\":[32],\"selectedSuggestionGroup\":[32],\"notFound\":[32],\"showLoading\":[32]},[[4,\"click\",\"onDocumentClick\"]],{\"suggestions\":[{\"suggestionsWatcher\":0}]}]]],[\"dso-legend.cjs\",[[257,\"dso-legend\",{\"tabItems\":[16]}]]],[\"dso-modal.cjs\",[[257,\"dso-modal\",{\"fullscreen\":[516],\"modalTitle\":[1,\"modal-title\"],\"dialogRole\":[1,\"dialog-role\"],\"returnFocus\":[4,\"return-focus\"],\"closable\":[4],\"ariaId\":[32]}]]],[\"dso-survey-rating.cjs\",[[1,\"dso-survey-rating\"]]],[\"dso-header.cjs\",[[257,\"dso-header\",{\"mainMenu\":[16],\"compact\":[1],\"authStatus\":[1,\"auth-status\"],\"loginUrl\":[1,\"login-url\"],\"logoutUrl\":[1,\"logout-url\"],\"showHelp\":[4,\"show-help\"],\"helpUrl\":[1,\"help-url\"],\"userProfileName\":[1,\"user-profile-name\"],\"userProfileUrl\":[1,\"user-profile-url\"],\"userHomeUrl\":[1,\"user-home-url\"],\"userHomeActive\":[4,\"user-home-active\"],\"visibleMenuItemsCount\":[32],\"dropdownOptionsOffset\":[32]},null,{\"mainMenu\":[{\"mainMenuChanged\":0}]}]]],[\"dso-legend-group.cjs\",[[257,\"dso-legend-group\",{\"mode\":[513]},null,{\"mode\":[{\"handleModeChange\":0}]}]]],[\"dso-mark-bar.cjs\",[[1,\"dso-mark-bar\",{\"value\":[1],\"label\":[1],\"current\":[2],\"totalCount\":[2,\"total-count\"],\"dsoFocus\":[64]}]]],[\"dso-onboarding-tip.cjs\",[[257,\"dso-onboarding-tip\",{\"placement\":[1],\"ready\":[32],\"popoverOpen\":[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\",[[257,\"dso-action-list-item\",{\"step\":[2],\"itemTitle\":[1,\"item-title\"],\"flowLine\":[4,\"flow-line\"],\"warning\":[4],\"divider\":[4]}]]],[\"dso-card.cjs\",[[257,\"dso-card\",{\"href\":[513],\"mode\":[513],\"active\":[516]}]]],[\"dso-document-card.cjs\",[[257,\"dso-document-card\",{\"href\":[513],\"active\":[516]}]]],[\"dso-history-item.cjs\",[[257,\"dso-history-item\",{\"type\":[513],\"href\":[513]}]]],[\"dso-tooltip.cjs\",[[257,\"dso-tooltip\",{\"descriptive\":[516],\"position\":[1],\"strategy\":[1],\"noArrow\":[4,\"no-arrow\"],\"stateless\":[4],\"small\":[4],\"active\":[1540],\"hidden\":[32],\"activate\":[64],\"deactivate\":[64]},null,{\"position\":[{\"watchPosition\":0}],\"strategy\":[{\"watchStrategy\":0}],\"active\":[{\"watchActive\":0}]}]]],[\"dso-alert_7.cjs\",[[1,\"dso-ozon-content\",{\"content\":[1],\"inline\":[516],\"mark\":[16],\"urlResolver\":[16],\"begripResolver\":[16],\"annotated\":[516],\"state\":[32]},null,{\"content\":[{\"contentWatcher\":0}]}],[257,\"dso-alert\",{\"status\":[513],\"roleAlert\":[4,\"role-alert\"],\"compact\":[516],\"closable\":[4]}],[257,\"dso-image-overlay\",{\"wijzigactie\":[1],\"active\":[32],\"zoomable\":[32]},[[2,\"load\",\"loadListener\"]]],[257,\"dso-panel\",{\"closeButtonLabel\":[1,\"close-button-label\"],\"emphasized\":[4]}],[257,\"dso-table\",{\"noModal\":[516,\"no-modal\"],\"isResponsive\":[32],\"modalActive\":[32],\"placeholderHeight\":[32]}],[257,\"dso-ozon-content-toggletip\",{\"icon\":[513],\"active\":[32]},[[8,\"click\",\"handleWindowClick\"]]],[257,\"dso-badge\",{\"status\":[1]}]]],[\"dso-label_3.cjs\",[[1,\"dso-renvooi\",{\"value\":[1],\"mark\":[16]}],[257,\"dso-label\",{\"compact\":[516],\"removable\":[516],\"status\":[513],\"truncate\":[516],\"removeHover\":[32],\"removeFocus\":[32],\"textHover\":[32],\"textFocus\":[32],\"isTruncated\":[32],\"labelText\":[32],\"_truncateLabel\":[64]},[[4,\"keydown\",\"keyDownListener\"]],{\"removable\":[{\"watchRemovable\":0}],\"truncate\":[{\"watchTruncate\":0}]}],[262,\"dso-slide-toggle\",{\"checked\":[4],\"disabled\":[4],\"accessibleLabel\":[1,\"accessible-label\"],\"labelledbyId\":[1,\"labelledby-id\"],\"identifier\":[1],\"hasVisibleLabel\":[32]}]]],[\"dso-map-layer.cjs\",[[257,\"dso-map-layer\",{\"label\":[513],\"activatable\":[516],\"active\":[516]}]]],[\"dso-map-layer-object.cjs\",[[257,\"dso-map-layer-object\",{\"active\":[516]}]]],[\"dso-plekinfo-card.cjs\",[[257,\"dso-plekinfo-card\",{\"wijzigactie\":[513],\"href\":[513],\"targetBlank\":[4,\"target-blank\"],\"active\":[516]}]]],[\"dso-skiplink.cjs\",[[1,\"dso-skiplink\",{\"to\":[513],\"label\":[513]}]]],[\"dso-tijdreis-banner.cjs\",[[257,\"dso-tijdreis-banner\"]]],[\"dso-accordion.cjs\",[[257,\"dso-accordion\",{\"variant\":[6145],\"reverseAlign\":[6148,\"reverse-align\"],\"_getState\":[64]}]]],[\"dso-action-list.cjs\",[[257,\"dso-action-list\",{\"listTitle\":[1,\"list-title\"]}]]],[\"dso-banner.cjs\",[[257,\"dso-banner\",{\"status\":[513],\"compact\":[4],\"icon\":[516]}]]],[\"dso-card-container.cjs\",[[257,\"dso-card-container\",{\"mode\":[513]}]]],[\"dso-contact-information.cjs\",[[257,\"dso-contact-information\"]]],[\"dso-cursor-tooltip.cjs\",[[257,\"dso-cursor-tooltip\"]]],[\"dso-date-picker.cjs\",[[2,\"dso-date-picker\",{\"name\":[1],\"identifier\":[1],\"disabled\":[516],\"required\":[516],\"invalid\":[516],\"describedBy\":[1,\"described-by\"],\"dsoAutofocus\":[4,\"dso-autofocus\"],\"value\":[513],\"min\":[1],\"max\":[1]}]]],[\"dso-highlight-box.cjs\",[[257,\"dso-highlight-box\",{\"yellow\":[516],\"border\":[516],\"white\":[516],\"green\":[516],\"dropShadow\":[516,\"drop-shadow\"],\"step\":[514]}]]],[\"dso-input-range.cjs\",[[1,\"dso-input-range\",{\"min\":[2],\"max\":[2],\"value\":[2],\"step\":[2],\"label\":[1],\"unit\":[1],\"description\":[1]}]]],[\"dso-logo.cjs\",[[1,\"dso-logo\",{\"name\":[513],\"logoUrl\":[513,\"logo-url\"],\"label\":[513],\"labelUrl\":[513,\"label-url\"],\"ribbon\":[513]}]]],[\"dso-segmented-button.cjs\",[[1,\"dso-segmented-button\",{\"groupName\":[513,\"group-name\"],\"options\":[16],\"label\":[513],\"required\":[516],\"activeOption\":[16]}]]],[\"dso-tab.cjs\",[[257,\"dso-tab\",{\"active\":[516],\"disabled\":[516],\"href\":[1],\"_dsoFocus\":[64]}]]],[\"dso-tabs.cjs\",[[257,\"dso-tabs\"]]],[\"dso-viewer-grid.cjs\",[[257,\"dso-viewer-grid\",{\"filterPanelTitle\":[513,\"filter-panel-title\"],\"filterPanelOpen\":[516,\"filter-panel-open\"],\"overlayOpen\":[516,\"overlay-open\"],\"documentPanelOpen\":[516,\"document-panel-open\"],\"mainSize\":[513,\"main-size\"],\"activeTab\":[1,\"active-tab\"],\"documentPanelSize\":[513,\"document-panel-size\"],\"mainPanelExpanded\":[4,\"main-panel-expanded\"],\"mainPanelHidden\":[4,\"main-panel-hidden\"],\"tabView\":[32],\"_checkMainPanelVisibility\":[64]},null,{\"documentPanelOpen\":[{\"documentPanelOpenWatcher\":0}],\"filterPanelOpen\":[{\"filterPanelOpenWatcher\":0}],\"overlayOpen\":[{\"overlayOpenWatcher\":0}]}]]],[\"dso-button-group.cjs\",[[257,\"dso-button-group\",{\"direction\":[513]}]]],[\"dso-dropdown-menu.cjs\",[[257,\"dso-dropdown-menu\",{\"open\":[1540],\"dropdownAlign\":[1,\"dropdown-align\"],\"dropdownOptionsOffset\":[2,\"dropdown-options-offset\"],\"checkable\":[4]},[[8,\"click\",\"onClick\"]]]]],[\"dso-annotation-locatie_2.cjs\",[[257,\"dso-document-component\",{\"heading\":[1],\"kop\":[6145],\"inhoud\":[6145],\"open\":[516],\"filtered\":[516],\"notApplicable\":[516,\"not-applicable\"],\"badge\":[1],\"badgeStatus\":[1,\"badge-status\"],\"badgeTooltip\":[1,\"badge-tooltip\"],\"label\":[1],\"labelStatus\":[1,\"label-status\"],\"annotated\":[516],\"gereserveerd\":[6145],\"vervallen\":[6145],\"openAnnotation\":[516,\"open-annotation\"],\"alternativeTitle\":[513,\"alternative-title\"],\"type\":[513],\"wijzigactie\":[513],\"annotationsWijzigactie\":[513,\"annotations-wijzigactie\"],\"mark\":[16],\"recursiveToggle\":[8,\"recursive-toggle\"],\"ozonContentUrlResolver\":[16],\"ozonContentBegripResolver\":[16],\"mode\":[513],\"href\":[513]}],[1,\"dso-annotation-locatie\",{\"wijzigactie\":[513],\"active\":[516],\"gewijzigdeLocatie\":[516,\"gewijzigde-locatie\"],\"locatieNoemer\":[1,\"locatie-noemer\"]}]]],[\"dso-attachments-counter_2.cjs\",[[1,\"dso-attachments-counter\",{\"count\":[2]}],[257,\"dso-expandable\",{\"open\":[516],\"enableAnimation\":[516,\"enable-animation\"],\"minimumHeight\":[2,\"minimum-height\"],\"isClosed\":[32]},[[0,\"transitionstart\",\"transitionstartHandler\"],[0,\"transitionend\",\"transitionendHandler\"]],{\"open\":[{\"toggleOpen\":0}]}]]],[\"dso-progress-indicator.cjs\",[[1,\"dso-progress-indicator\",{\"label\":[1],\"size\":[513],\"block\":[516]}]]],[\"dso-responsive-element.cjs\",[[257,\"dso-responsive-element\",{\"sizeAlias\":[32],\"sizeWidth\":[32],\"getSize\":[64]}]]],[\"dso-scrollable.cjs\",[[257,\"dso-scrollable\",{\"scrollPosition\":[32],\"_setScrollState\":[64]}]]],[\"dso-info-button.cjs\",[[257,\"dso-info-button\",{\"active\":[516],\"secondary\":[4],\"label\":[513],\"toggletipPlacement\":[513,\"toggletip-placement\"],\"toggletipActive\":[32],\"hasToggletip\":[32],\"setFocus\":[64]}]]],[\"dso-info_2.cjs\",[[262,\"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\":[516],\"indeterminate\":[4],\"infoFixed\":[4,\"info-fixed\"],\"infoActive\":[32],\"toggleInfo\":[64]},null,{\"indeterminate\":[{\"setIndeterminate\":0}]}],[257,\"dso-info\",{\"fixed\":[516],\"active\":[516]}]]]]"), options);
 };
 
 exports.setNonce = index.setNonce;
 exports.defineCustomElements = defineCustomElements;
-//# sourceMappingURL=loader.cjs.js.map
-
-//# sourceMappingURL=loader.cjs.js.map

package/dist/cjs/{parse-wijzigactie-from-node.function-rda6XbHZ.js → parse-wijzigactie-from-node.function-B_NZh4Us.js}

@@ -1,6 +1,6 @@
 'use strict';
 
-var index = require('./index-2aek-b9X.js');
+var index = require('./index-BKUr3Wdg.js');
 
 const MarkText = ({ mark, text, emitMarkItemHighlight }) => {
     const result = mark(text);
@@ -37,6 +37,3 @@ function parseWijzigactieFromNode(node) {
 exports.MarkText = MarkText;
 exports.parseWijzigactieFromNode = parseWijzigactieFromNode;
 exports.parseXml = parseXml;
-//# sourceMappingURL=parse-wijzigactie-from-node.function-rda6XbHZ.js.map
-
-//# sourceMappingURL=parse-wijzigactie-from-node.function-rda6XbHZ.js.map

package/dist/cjs/{position-tooltip.function-CDcvfQQh.js → position-tooltip.function-Bwu_g1_t.js}

@@ -1,6 +1,6 @@
 'use strict';
 
-var floatingUi_dom = require('./floating-ui.dom-Bp4TaUcL.js');
+var floatingUi_dom = require('./floating-ui.dom-D-ZpkBFm.js');
 
 /**
  * Positions the Tooltip relative to its reference element.
@@ -106,6 +106,3 @@ function positionTooltip(options) {
 }
 
 exports.positionTooltip = positionTooltip;
-//# sourceMappingURL=position-tooltip.function-CDcvfQQh.js.map
-
-//# sourceMappingURL=position-tooltip.function-CDcvfQQh.js.map

package/dist/cjs/{tooltip.functional-component-BEYSPQ3a.js → tooltip.functional-component-CnQn5snY.js}

@@ -1,16 +1,13 @@
 'use strict';
 
-var index = require('./index-2aek-b9X.js');
+var index = require('./index-BKUr3Wdg.js');
 var clsx = require('./clsx-BtxeOLZW.js');
 
 const Tooltip = ({ visible, onAfterHidden, tipElementRef, tipArrowElementRef }, children) => (index.h("div", { popover: "manual", id: "tooltip", class: clsx.clsx(["dso-tooltip", { visible }]), ref: tipElementRef, onTransitionEnd: (e) => {
         e.stopPropagation();
         if (e.propertyName === "opacity" && !visible) {
-            onAfterHidden === null || onAfterHidden === void 0 ? void 0 : onAfterHidden();
+            onAfterHidden?.();
         }
     } }, index.h("span", { class: "tooltip-arrow", ref: tipArrowElementRef }), index.h("div", { class: "tooltip-inner" }, children)));
 
 exports.Tooltip = Tooltip;
-//# sourceMappingURL=tooltip.functional-component-BEYSPQ3a.js.map
-
-//# sourceMappingURL=tooltip.functional-component-BEYSPQ3a.js.map

package/dist/cjs/v4-DVHpSsrI.js

@@ -60,6 +60,3 @@ function v4(options, buf, offset) {
 }
 
 exports.v4 = v4;
-//# sourceMappingURL=v4-DVHpSsrI.js.map
-
-//# sourceMappingURL=v4-DVHpSsrI.js.map

package/dist/collection/collection-manifest.json

@@ -37,7 +37,8 @@
     "components/input-range/input-range.js",
     "components/label/label.js",
     "components/legend/legend.js",
-    "components/legend-item/legend-item.js",
+    "components/legend/legend-group/legend-group.js",
+    "components/legend/legend-item/legend-item.js",
     "components/list-button/list-button.js",
     "components/logo/logo.js",
     "components/map-base-layers/map-base-layers.js",
@@ -58,6 +59,7 @@
     "components/renvooi/renvooi.js",
     "components/responsive-element/responsive-element.js",
     "components/scrollable/scrollable.js",
+    "components/segmented-button/segmented-button.js",
     "components/selectable/selectable.js",
     "components/skiplink/skiplink.js",
     "components/slide-toggle/slide-toggle.js",
@@ -73,7 +75,7 @@
   ],
   "compiler": {
     "name": "@stencil/core",
-    "version": "4.39.0",
+    "version": "4.43.0",
     "typescriptVersion": "5.8.3"
   },
   "collections": [],

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

@@ -1,2 +1 @@
 export {};
-//# sourceMappingURL=accordion.interfaces.js.map

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

@@ -61,7 +61,8 @@ export class Accordion {
                         "AccordionVariant": {
                             "location": "import",
                             "path": "./accordion.interfaces",
-                            "id": "src/components/accordion/accordion.interfaces.ts::AccordionVariant"
+                            "id": "src/components/accordion/accordion.interfaces.ts::AccordionVariant",
+                            "referenceLocation": "AccordionVariant"
                         }
                     }
                 },
@@ -111,7 +112,8 @@ export class Accordion {
                         "AccordionInternalState": {
                             "location": "import",
                             "path": "./accordion.interfaces",
-                            "id": "src/components/accordion/accordion.interfaces.ts::AccordionInternalState"
+                            "id": "src/components/accordion/accordion.interfaces.ts::AccordionInternalState",
+                            "referenceLocation": "AccordionInternalState"
                         }
                     },
                     "return": "Promise<AccordionInternalState>"
@@ -128,4 +130,3 @@ export class Accordion {
     }
     static get elementRef() { return "host"; }
 }
-//# sourceMappingURL=accordion.js.map

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

@@ -306,7 +306,7 @@
   background-image: var(--_dso-di-background-image, url("./di.svg#call-zwart"));
 }
 :host(.dso-accordion-compact-black.dso-accordion-wijzigactie-verwijder) a:not(.dso-primary, .dso-secondary, .dso-tertiary):is([href^="mailto:"], [href^="mailto:"]:hover, [href^="mailto:"]:focus-visible) {
-  background-image: var(--_dso-di-background-image, url("./di.svg#email-zwart"));
+  background-image: var(--_dso-di-background-image, url("./di.svg#mail-outline-zwart"));
 }
 :host(.dso-accordion-compact-black.dso-accordion-wijzigactie-verwijder) {
   --_dso-icon-button-tertiary-color: #191919;
@@ -319,7 +319,7 @@
   --_dso-button-tertiary-disabled-color: #999;
   background-color: #f5d8dc;
   color: #191919;
-  --_dso-ozon-content-toggletip-color: colors.$zwart;
+  --_dso-ozon-content-toggletip-color: #000;
   text-decoration: line-through;
   --_dso-ozon-content-toggletip-text-decoration: underline line-through;
 }

package/dist/collection/components/accordion/components/accordion-section.interfaces.js

@@ -5,4 +5,3 @@ export const stateMap = {
     danger: "fout:",
     error: "fout:",
 };
-//# sourceMappingURL=accordion-section.interfaces.js.map

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

@@ -37,13 +37,13 @@ const HandleStateIcon = ({ state }) => {
         return h("dso-icon", { icon: "status-error" });
     }
     if (state === "danger") {
-        return h("dso-icon", { icon: "status-danger" });
+        return h("dso-icon", { icon: "status-warning-red-solid" });
     }
     if (state === "success") {
         return h("dso-icon", { icon: "status-success" });
     }
     if (state === "info") {
-        return h("dso-icon", { icon: "status-info" });
+        return h("dso-icon", { icon: "status-info-solid" });
     }
     if (state === "warning") {
         return h("dso-icon", { icon: "status-warning" });
@@ -104,28 +104,24 @@ export class AccordionSection {
      * Calling this method will set focus to the handle.
      */
     async focusHandle() {
-        var _a;
-        (_a = this.handleElementRef) === null || _a === void 0 ? void 0 : _a.focus();
+        this.handleElementRef?.focus();
     }
     get containsNestedAccordion() {
         return this.host.querySelector("dso-accordion") !== null;
     }
     componentWillLoad() {
-        var _a;
-        (_a = this.accordion) === null || _a === void 0 ? void 0 : _a._getState().then((state) => {
+        this.accordion?._getState().then((state) => {
             this.accordionState = state;
             forceUpdate(this.host);
         });
     }
     get isNeutral() {
-        var _a;
-        return ((_a = this.accordionState) === null || _a === void 0 ? void 0 : _a.variant) === "neutral";
+        return this.accordionState?.variant === "neutral";
     }
     async scrollIntoView(bodyHeight, behavior = "auto") {
-        var _a, _b;
         log(`DSO Toolkit [Accordion Section] scrollIntoView(bodyHeight: ${JSON.stringify(bodyHeight)}, behavior: ${JSON.stringify(behavior)})`);
-        const bodyClientRect = (_a = this.sectionBody) === null || _a === void 0 ? void 0 : _a.getBoundingClientRect();
-        const headingClientRect = (_b = this.sectionHeading) === null || _b === void 0 ? void 0 : _b.getBoundingClientRect();
+        const bodyClientRect = this.sectionBody?.getBoundingClientRect();
+        const headingClientRect = this.sectionHeading?.getBoundingClientRect();
         log(`DSO Toolkit [Accordion Section] const bodyClientRect = ${JSON.stringify(bodyClientRect)};`);
         log(`DSO Toolkit [Accordion Section] const headingClientRect = ${JSON.stringify(headingClientRect)};`);
         log(`DSO Toolkit [Accordion Section] this.accordionState = ${JSON.stringify(this.accordionState)};`);
@@ -135,7 +131,7 @@ export class AccordionSection {
             return;
         }
         // this y is relative to the top of the viewport.
-        const sectionBottomY = headingClientRect.top + headingClientRect.height + (this.open ? (bodyHeight !== null && bodyHeight !== void 0 ? bodyHeight : 0) : 0);
+        const sectionBottomY = headingClientRect.top + headingClientRect.height + (this.open ? (bodyHeight ?? 0) : 0);
         log(`DSO Toolkit [Accordion Section] const sectionBottomY = ${JSON.stringify(sectionBottomY)};`);
         log(`DSO Toolkit [Accordion Section] window.innerHeight = ${JSON.stringify(window.innerHeight)};`);
         const box = this.host.getBoundingClientRect();
@@ -166,18 +162,17 @@ export class AccordionSection {
         return this.host.closest("dso-accordion");
     }
     render() {
-        var _a;
-        const { variant, reverseAlign } = (_a = this.accordionState) !== null && _a !== void 0 ? _a : {};
+        const { variant, reverseAlign } = this.accordionState ?? {};
         const hasAddons = !!this.statusDescription || !!this.status || !!this.icon || !!this.attachmentCount;
         const showSlideToggle = this.activatable && variant === "compact-black" && !reverseAlign;
-        return (h(Host, { key: '31e4276d0f660ead0bcc763e90fc77c9e749e63d', class: {
+        return (h(Host, { key: '62e3f0acd4a215937b6f8c900e22233bf11a9797', class: {
                 "dso-accordion-section": true,
                 ["dso-accordion-" + variant]: !!variant,
                 "dso-nested-accordion": this.hasNestedAccordion || this.containsNestedAccordion,
-                "dso-accordion-reverse-align": reverseAlign !== null && reverseAlign !== void 0 ? reverseAlign : false,
+                "dso-accordion-reverse-align": reverseAlign ?? false,
                 ["dso-accordion-wijzigactie-" + this.wijzigactie]: !!this.wijzigactie,
                 "dso-accordion-section-activate": showSlideToggle,
-            }, hidden: !variant, onMouseenter: () => (this.hover = true), onMouseleave: () => (this.hover = false) }, h(Handle, { key: 'fadb4d98d40451b8e0cdba4cfbd3c3ec5f5ad0fe', heading: this.heading, ref: (element) => (this.sectionHeading = element) }, h(HandleElement, { key: '0fe9cf5dbad8bfd098be16a6cf0ce94e43e6911a', handleUrl: this.handleUrl, onClick: this.handleClick, open: this.open, showSlideToggle: showSlideToggle, active: this.active, onActiveChange: this.handleActiveChange, handleElementRef: (e) => (this.handleElementRef = e) }, reverseAlign ? (h(Fragment, null, this.icon && (h("div", { class: "dso-section-handle-addons" }, h(HandleIcon, { icon: this.icon }))), h("dso-renvooi", { value: this.handleTitle }), this.label && (h("dso-label", { status: this.labelStatus, compact: true }, this.label)), h("div", { class: "dso-section-handle-addons" }, this.statusDescription && h("span", { class: "dso-status" }, this.statusDescription), h("dso-icon", { class: "dso-section-handle-chevron", icon: "chevron-down" })))) : (h(Fragment, null, h("dso-icon", { class: "dso-section-handle-chevron", icon: "chevron-right" }), this.status && h("span", { class: "sr-only" }, stateMap[this.status]), h("span", null, h("dso-renvooi", { value: this.handleTitle }), this.isNeutral && (h("dso-icon", { class: "info-icon", icon: this.open || this.hover ? "info-active" : "info" }))), this.label && (h("dso-label", { status: this.labelStatus, compact: true }, this.label)), hasAddons && (h("div", { class: "dso-section-handle-addons" }, this.statusDescription && h("span", { class: "dso-status" }, this.statusDescription), h(HandleIcon, { state: this.status, icon: this.icon, attachmentCount: this.attachmentCount }))))))), h("dso-expandable", { key: '36a11547a19a592d3eb25bdc99a3d9183cb10082', class: "dso-section-body", open: this.open, enableAnimation: true, minimumHeight: this.isNeutral ? 0 : 4, onDsoExpandableAnimationStart: this.handleExpandableAnimationStart, onDsoExpandableAnimationEnd: this.handleExpandableAnimationEnd }, h("div", { key: '813c331b4f16038b5bfffbff3090e5f5d5812b65', class: "dso-section-body-content", ref: (element) => (this.sectionBody = element) }, h("slot", { key: '609c1f85731d4f9c68da283bf34876267590c7a2' })))));
+            }, hidden: !variant, onMouseenter: () => (this.hover = true), onMouseleave: () => (this.hover = false) }, h(Handle, { key: '589bb088f39865e5305e4f0795fc31702f28284f', heading: this.heading, ref: (element) => (this.sectionHeading = element) }, h(HandleElement, { key: 'e79df44ab86a3ccef0178489fe29841b7c005781', handleUrl: this.handleUrl, onClick: this.handleClick, open: this.open, showSlideToggle: showSlideToggle, active: this.active, onActiveChange: this.handleActiveChange, handleElementRef: (e) => (this.handleElementRef = e) }, reverseAlign ? (h(Fragment, null, this.icon && (h("div", { class: "dso-section-handle-addons" }, h(HandleIcon, { icon: this.icon }))), h("dso-renvooi", { value: this.handleTitle }), this.label && (h("dso-label", { status: this.labelStatus, compact: true }, this.label)), h("div", { class: "dso-section-handle-addons" }, this.statusDescription && h("span", { class: "dso-status" }, this.statusDescription), h("dso-icon", { class: "dso-section-handle-chevron", icon: "chevron-down" })))) : (h(Fragment, null, h("dso-icon", { class: "dso-section-handle-chevron", icon: "chevron-right" }), this.status && h("span", { class: "sr-only" }, stateMap[this.status]), h("span", null, h("dso-renvooi", { value: this.handleTitle }), this.isNeutral && (h("dso-icon", { class: "info-icon", icon: this.open || this.hover ? "info-solid" : "info-outline" }))), this.label && (h("dso-label", { status: this.labelStatus, compact: true }, this.label)), hasAddons && (h("div", { class: "dso-section-handle-addons" }, this.statusDescription && h("span", { class: "dso-status" }, this.statusDescription), h(HandleIcon, { state: this.status, icon: this.icon, attachmentCount: this.attachmentCount }))))))), h("dso-expandable", { key: 'cd8c0f077687c0c580c070524520cea4e6ed5532', class: "dso-section-body", open: this.open, enableAnimation: true, minimumHeight: this.isNeutral ? 0 : 4, onDsoExpandableAnimationStart: this.handleExpandableAnimationStart, onDsoExpandableAnimationEnd: this.handleExpandableAnimationEnd }, h("div", { key: '344901560edc645d5c73a9179defe8317335a90f', class: "dso-section-body-content", ref: (element) => (this.sectionBody = element) }, h("slot", { key: '74886ef0d3740dc482206c32d262a51de453ecc6' })))));
     }
     static get is() { return "dso-accordion-section"; }
     static get encapsulation() { return "shadow"; }
@@ -203,7 +198,8 @@ export class AccordionSection {
                         "RenvooiValue": {
                             "location": "import",
                             "path": "../../renvooi/renvooi.interfaces",
-                            "id": "src/components/renvooi/renvooi.interfaces.ts::RenvooiValue"
+                            "id": "src/components/renvooi/renvooi.interfaces.ts::RenvooiValue",
+                            "referenceLocation": "RenvooiValue"
                         }
                     }
                 },
@@ -228,7 +224,8 @@ export class AccordionSection {
                         "AccordionSectionWijzigactie": {
                             "location": "import",
                             "path": "./accordion-section.interfaces",
-                            "id": "src/components/accordion/components/accordion-section.interfaces.ts::AccordionSectionWijzigactie"
+                            "id": "src/components/accordion/components/accordion-section.interfaces.ts::AccordionSectionWijzigactie",
+                            "referenceLocation": "AccordionSectionWijzigactie"
                         }
                     }
                 },
@@ -253,7 +250,8 @@ export class AccordionSection {
                         "AccordionHeading": {
                             "location": "import",
                             "path": "./accordion-section.interfaces",
-                            "id": "src/components/accordion/components/accordion-section.interfaces.ts::AccordionHeading"
+                            "id": "src/components/accordion/components/accordion-section.interfaces.ts::AccordionHeading",
+                            "referenceLocation": "AccordionHeading"
                         }
                     }
                 },
@@ -298,7 +296,8 @@ export class AccordionSection {
                         "AccordionSectionState": {
                             "location": "import",
                             "path": "./accordion-section.interfaces",
-                            "id": "src/components/accordion/components/accordion-section.interfaces.ts::AccordionSectionState"
+                            "id": "src/components/accordion/components/accordion-section.interfaces.ts::AccordionSectionState",
+                            "referenceLocation": "AccordionSectionState"
                         }
                     }
                 },
@@ -336,15 +335,22 @@ export class AccordionSection {
                 "type": "string",
                 "mutable": false,
                 "complexType": {
-                    "original": "string",
-                    "resolved": "string | undefined",
-                    "references": {}
+                    "original": "IconAlias",
+                    "resolved": "\"asterisk\" | \"balloon-outline\" | \"balloon-solid\" | \"bars\" | \"bell\" | \"buildings\" | \"calendar\" | \"call\" | \"caret-down\" | \"caret-up\" | \"check\" | \"check-circle\" | \"chevron-down\" | \"chevron-down-down\" | \"chevron-down-up\" | \"chevron-left\" | \"chevron-right\" | \"chevron-up\" | \"chevron-up-down\" | \"chevron-up-up\" | \"circle-notch\" | \"clock-outline\" | \"clock-solid\" | \"copy-outline\" | \"copy-solid\" | \"cross\" | \"crown\" | \"cultural\" | \"document\" | \"document-pencil\" | \"download\" | \"energy\" | \"environment\" | \"exclamation\" | \"external-link\" | \"eye\" | \"eye-slash\" | \"filter\" | \"forbidden\" | \"hammer\" | \"health\" | \"help-outline\" | \"help-solid\" | \"home\" | \"info-i\" | \"info-outline\" | \"info-solid\" | \"infrastructure\" | \"internet\" | \"label\" | \"land\" | \"landscape\" | \"layers\" | \"light-bulb\" | \"location\" | \"location-orange\" | \"location-search\" | \"lock\" | \"magnet\" | \"mail-outline\" | \"mail-solid\" | \"map\" | \"map-layers\" | \"map-location\" | \"marker\" | \"measurement\" | \"minus\" | \"minus-circle-outline\" | \"minus-circle-solid\" | \"minus-square-outline\" | \"minus-square-solid\" | \"more-horizontal\" | \"more-vertical\" | \"municipality\" | \"nature\" | \"new-window\" | \"paperclip\" | \"parking\" | \"pause\" | \"pencil\" | \"pin\" | \"pin-outline\" | \"play\" | \"plus\" | \"plus-circle-outline\" | \"plus-circle-solid\" | \"plus-square-outline\" | \"plus-square-solid\" | \"postcard\" | \"print\" | \"question\" | \"redo\" | \"scale\" | \"search\" | \"security\" | \"settings\" | \"share\" | \"sitemap\" | \"soil\" | \"sort\" | \"sort-ascending\" | \"sort-descending\" | \"sound\" | \"spinner\" | \"status-error\" | \"status-forbidden\" | \"status-info-outline\" | \"status-info-solid\" | \"status-success\" | \"status-warning\" | \"status-warning-red-outline\" | \"status-warning-red-solid\" | \"stop\" | \"table-outline\" | \"table-solid\" | \"to-do-list\" | \"trash\" | \"undo\" | \"user-outline\" | \"user-solid\" | \"users\" | \"water\" | \"weather\" | \"wip\" | undefined",
+                    "references": {
+                        "IconAlias": {
+                            "location": "import",
+                            "path": "../../icon/icon.interfaces",
+                            "id": "src/components/icon/icon.interfaces.ts::IconAlias",
+                            "referenceLocation": "IconAlias"
+                        }
+                    }
                 },
                 "required": false,
                 "optional": true,
                 "docs": {
                     "tags": [],
-                    "text": "To set an icon in the heading handle."
+                    "text": "The alias of the icon in the heading handle."
                 },
                 "getter": false,
                 "setter": false,
@@ -439,7 +445,8 @@ export class AccordionSection {
                         "LabelStatus": {
                             "location": "import",
                             "path": "../../label/label.interfaces",
-                            "id": "src/components/label/label.interfaces.ts::LabelStatus"
+                            "id": "src/components/label/label.interfaces.ts::LabelStatus",
+                            "referenceLocation": "LabelStatus"
                         }
                     }
                 },
@@ -519,7 +526,8 @@ export class AccordionSection {
                         "AccordionSectionActiveChangeEvent": {
                             "location": "import",
                             "path": "./accordion-section.interfaces",
-                            "id": "src/components/accordion/components/accordion-section.interfaces.ts::AccordionSectionActiveChangeEvent"
+                            "id": "src/components/accordion/components/accordion-section.interfaces.ts::AccordionSectionActiveChangeEvent",
+                            "referenceLocation": "AccordionSectionActiveChangeEvent"
                         }
                     }
                 }
@@ -540,7 +548,8 @@ export class AccordionSection {
                         "AccordionSectionToggleClickEvent": {
                             "location": "import",
                             "path": "./accordion-section.interfaces",
-                            "id": "src/components/accordion/components/accordion-section.interfaces.ts::AccordionSectionToggleClickEvent"
+                            "id": "src/components/accordion/components/accordion-section.interfaces.ts::AccordionSectionToggleClickEvent",
+                            "referenceLocation": "AccordionSectionToggleClickEvent"
                         }
                     }
                 }
@@ -561,7 +570,8 @@ export class AccordionSection {
                         "AccordionSectionAnimationStartEvent": {
                             "location": "import",
                             "path": "./accordion-section.interfaces",
-                            "id": "src/components/accordion/components/accordion-section.interfaces.ts::AccordionSectionAnimationStartEvent"
+                            "id": "src/components/accordion/components/accordion-section.interfaces.ts::AccordionSectionAnimationStartEvent",
+                            "referenceLocation": "AccordionSectionAnimationStartEvent"
                         }
                     }
                 }
@@ -582,7 +592,8 @@ export class AccordionSection {
                         "AccordionSectionAnimationEndEvent": {
                             "location": "import",
                             "path": "./accordion-section.interfaces",
-                            "id": "src/components/accordion/components/accordion-section.interfaces.ts::AccordionSectionAnimationEndEvent"
+                            "id": "src/components/accordion/components/accordion-section.interfaces.ts::AccordionSectionAnimationEndEvent",
+                            "referenceLocation": "AccordionSectionAnimationEndEvent"
                         }
                     }
                 }
@@ -611,4 +622,3 @@ export class AccordionSection {
     }
     static get elementRef() { return "host"; }
 }
-//# sourceMappingURL=accordion-section.js.map

package/dist/collection/components/action-list/action-list.css

@@ -27,7 +27,7 @@
   background-image: var(--_dso-di-background-image, url("./di.svg#call-zwart"));
 }
 :host a:not(.dso-primary, .dso-secondary, .dso-tertiary):is([href^="mailto:"], [href^="mailto:"]:hover, [href^="mailto:"]:focus-visible) {
-  background-image: var(--_dso-di-background-image, url("./di.svg#email-zwart"));
+  background-image: var(--_dso-di-background-image, url("./di.svg#mail-outline-zwart"));
 }
 :host {
   --_dso-icon-button-tertiary-color: #191919;

package/dist/collection/components/action-list/action-list.js

@@ -39,4 +39,3 @@ export class ActionList {
         };
     }
 }
-//# sourceMappingURL=action-list.js.map

package/dist/collection/components/action-list/components/action-list-item.js

@@ -135,4 +135,3 @@ export class ActionListItem {
         };
     }
 }
-//# sourceMappingURL=action-list-item.js.map