@dso-toolkit/core 97.1.0 → 98.0.0

package/dist/esm/loader.js

@@ -1,11 +1,11 @@
-import { b as bootstrapLazy } from './index-DrQGiJP8.js';
-export { s as setNonce } from './index-DrQGiJP8.js';
+import { b as bootstrapLazy } from './index-pqfDfKeZ.js';
+export { s as setNonce } from './index-pqfDfKeZ.js';
 import { g as globalScripts } from './app-globals-DQuL1Twl.js';
 
 const defineCustomElements = async (win, options) => {
   if (typeof window === 'undefined') return undefined;
   await globalScripts();
-  return bootstrapLazy(JSON.parse("[[\"dsot-document-component-demo\",[[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\",[[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-list-button\",[[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\",[[1,\"dso-map-base-layers\",{\"group\":[1],\"baseLayers\":[16]}]]],[\"dso-map-overlays\",[[1,\"dso-map-overlays\",{\"group\":[1],\"overlays\":[16]}]]],[\"dso-advanced-select\",[[17,\"dso-advanced-select\",{\"options\":[16],\"active\":[16],\"activeHint\":[1,\"active-hint\"],\"open\":[32]},[[8,\"keydown\",\"keyDownListener\"]]]]],[\"dso-annotation-activiteit\",[[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\",[[1,\"dso-annotation-gebiedsaanwijzing\",{\"wijzigactie\":[513],\"active\":[516],\"gewijzigdeLocatie\":[516,\"gewijzigde-locatie\"],\"naam\":[1]}]]],[\"dso-annotation-omgevingsnormwaarde\",[[1,\"dso-annotation-omgevingsnormwaarde\",{\"wijzigactie\":[513],\"active\":[516],\"gewijzigdeLocatie\":[516,\"gewijzigde-locatie\"],\"naam\":[1],\"toelichting\":[1],\"waardes\":[16],\"eenheid\":[1]}]]],[\"dso-legend-item\",[[257,\"dso-legend-item\",{\"disabled\":[516],\"disabledMessage\":[513,\"disabled-message\"],\"activatable\":[516],\"active\":[516],\"_mode\":[513],\"showOptions\":[32]}]]],[\"dso-map-controls\",[[257,\"dso-map-controls\",{\"open\":[1540],\"disableZoom\":[1,\"disable-zoom\"],\"hideContent\":[32],\"toggleVisibility\":[64]},[[0,\"transitionend\",\"handleTransitionEnd\"]],{\"open\":[{\"watchOpen\":0}]}]]],[\"dso-annotation-kaart\",[[1,\"dso-annotation-kaart\",{\"wijzigactie\":[513],\"naam\":[1],\"href\":[513]}]]],[\"dso-autosuggest\",[[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\",[[257,\"dso-legend\",{\"tabItems\":[16]}]]],[\"dso-project-item\",[[257,\"dso-project-item\",{\"label\":[1]}]]],[\"dso-survey-rating\",[[1,\"dso-survey-rating\"]]],[\"dso-legend-group\",[[257,\"dso-legend-group\",{\"mode\":[513]},null,{\"mode\":[{\"handleModeChange\":0}]}]]],[\"dso-mark-bar\",[[1,\"dso-mark-bar\",{\"value\":[1],\"label\":[1],\"current\":[2],\"totalCount\":[2,\"total-count\"],\"dsoFocus\":[64]}]]],[\"dso-onboarding-tip\",[[257,\"dso-onboarding-tip\",{\"placement\":[1],\"ready\":[32],\"popoverOpen\":[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-action-list-item\",[[257,\"dso-action-list-item\",{\"step\":[2],\"itemTitle\":[1,\"item-title\"],\"flowLine\":[4,\"flow-line\"],\"warning\":[4],\"divider\":[4]}]]],[\"dso-banner\",[[257,\"dso-banner\",{\"status\":[513],\"compact\":[516],\"icon\":[516]}]]],[\"dso-card\",[[257,\"dso-card\",{\"href\":[513],\"mode\":[513],\"active\":[516]}]]],[\"dso-document-card\",[[257,\"dso-document-card\",{\"href\":[513],\"active\":[516]}]]],[\"dso-header\",[[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],\"open\":[32]},null,{\"mainMenu\":[{\"mainMenuChanged\":0}]}]]],[\"dso-history-item\",[[257,\"dso-history-item\",{\"type\":[513],\"href\":[513],\"current\":[516]}]]],[\"dso-label_3\",[[1,\"dso-renvooi\",{\"value\":[1],\"mark\":[16]}],[257,\"dso-label\",{\"compact\":[516],\"removable\":[516],\"status\":[513],\"truncate\":[516],\"removeHover\":[32],\"removeFocus\":[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\",[[257,\"dso-map-layer\",{\"activatable\":[516],\"active\":[516],\"wijzigactie\":[513]}]]],[\"dso-map-layer-object\",[[257,\"dso-map-layer-object\",{\"active\":[516],\"wijzigactie\":[513]}]]],[\"dso-map-message\",[[257,\"dso-map-message\",{\"variant\":[513],\"hasActions\":[32]}]]],[\"dso-plekinfo-card\",[[257,\"dso-plekinfo-card\",{\"wijzigactie\":[513],\"href\":[513],\"targetBlank\":[4,\"target-blank\"],\"active\":[516]}]]],[\"dso-skiplink\",[[1,\"dso-skiplink\",{\"to\":[513],\"label\":[513]}]]],[\"dso-tijdreis-banner\",[[257,\"dso-tijdreis-banner\"]]],[\"dso-accordion\",[[257,\"dso-accordion\",{\"variant\":[6145],\"reverseAlign\":[6148,\"reverse-align\"],\"_getState\":[64]}]]],[\"dso-action-list\",[[257,\"dso-action-list\",{\"listTitle\":[1,\"list-title\"]}]]],[\"dso-card-container\",[[257,\"dso-card-container\",{\"mode\":[513]}]]],[\"dso-contact-information\",[[257,\"dso-contact-information\"]]],[\"dso-cursor-tooltip\",[[257,\"dso-cursor-tooltip\"]]],[\"dso-date-picker\",[[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-dropdown-menu\",[[257,\"dso-dropdown-menu\",{\"open\":[1540],\"dropdownAlign\":[1,\"dropdown-align\"],\"dropdownOptionsOffset\":[2,\"dropdown-options-offset\"],\"checkable\":[4]},[[8,\"click\",\"onClick\"]]]]],[\"dso-highlight-box\",[[257,\"dso-highlight-box\",{\"yellow\":[516],\"border\":[516],\"white\":[516],\"green\":[516],\"dropShadow\":[516,\"drop-shadow\"],\"step\":[514]}]]],[\"dso-input-range\",[[1,\"dso-input-range\",{\"min\":[514],\"max\":[514],\"value\":[514],\"step\":[514],\"label\":[513],\"unit\":[513],\"description\":[513]}]]],[\"dso-logo\",[[1,\"dso-logo\",{\"name\":[513],\"logoUrl\":[513,\"logo-url\"],\"label\":[513],\"labelUrl\":[513,\"label-url\"],\"ribbon\":[513]}]]],[\"dso-segmented-button\",[[1,\"dso-segmented-button\",{\"groupName\":[513,\"group-name\"],\"options\":[16],\"label\":[513],\"required\":[516],\"activeOption\":[16]}]]],[\"dso-tab\",[[257,\"dso-tab\",{\"active\":[516],\"disabled\":[516],\"href\":[1],\"_dsoFocus\":[64]}]]],[\"dso-tabs\",[[257,\"dso-tabs\"]]],[\"dso-tooltip\",[[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-viewer-grid\",[[257,\"dso-viewer-grid\",{\"filterPanelTitle\":[513,\"filter-panel-title\"],\"filterPanelOpen\":[516,\"filter-panel-open\"],\"overlayOpen\":[516,\"overlay-open\"],\"documentPanelOpen\":[516,\"document-panel-open\"],\"print\":[516],\"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\",[[257,\"dso-button-group\",{\"direction\":[513]}]]],[\"dso-icon_2\",[[1,\"dso-icon-button\",{\"icon\":[513],\"label\":[513],\"variant\":[513],\"tooltipPlacement\":[513,\"tooltip-placement\"],\"disabled\":[516],\"toggled\":[516],\"setFocus\":[64]}],[1,\"dso-icon\",{\"icon\":[1]}]]],[\"dso-alert_7\",[[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-table\",{\"noModal\":[516,\"no-modal\"],\"isResponsive\":[32],\"modalActive\":[32],\"placeholderHeight\":[32]}],[257,\"dso-image-overlay\",{\"wijzigactie\":[1],\"active\":[32],\"zoomable\":[32]},[[2,\"load\",\"loadListener\"]]],[257,\"dso-ozon-content-toggletip\",{\"icon\":[513],\"active\":[32]},[[8,\"click\",\"handleWindowClick\"]]],[257,\"dso-panel\",{\"closeButtonLabel\":[1,\"close-button-label\"],\"emphasized\":[4]}],[257,\"dso-badge\",{\"status\":[513],\"label\":[513],\"toggletipPlacement\":[513,\"toggletip-placement\"],\"toggletipActive\":[32],\"hasToggletip\":[32]}]]],[\"dso-annotation-locatie_2\",[[257,\"dso-document-component\",{\"heading\":[513],\"kop\":[6145],\"inhoud\":[6145],\"open\":[516],\"filtered\":[516],\"notApplicable\":[516,\"not-applicable\"],\"badge\":[513],\"badgeStatus\":[513,\"badge-status\"],\"badgeTooltip\":[513,\"badge-tooltip\"],\"label\":[513],\"labelStatus\":[513,\"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\",[[1,\"dso-attachments-counter\",{\"count\":[514]}],[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\",[[1,\"dso-progress-indicator\",{\"label\":[1],\"size\":[513],\"block\":[516]}]]],[\"dso-responsive-element\",[[257,\"dso-responsive-element\",{\"sizeAlias\":[32],\"sizeWidth\":[32],\"getSize\":[64]}]]],[\"dso-scrollable\",[[257,\"dso-scrollable\",{\"scrollPosition\":[32],\"_setScrollState\":[64]}]]],[\"dso-modal\",[[257,\"dso-modal\",{\"fullscreen\":[516],\"modalTitle\":[1,\"modal-title\"],\"dialogRole\":[1,\"dialog-role\"],\"returnFocus\":[4,\"return-focus\"],\"closable\":[4],\"ariaId\":[32]}]]],[\"dso-info_3\",[[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]}],[257,\"dso-info-button\",{\"active\":[516],\"label\":[513],\"toggletipPlacement\":[513,\"toggletip-placement\"],\"toggletipActive\":[32],\"hasToggletip\":[32],\"setFocus\":[64]},[[6,\"focusin\",\"onDocumentFocusIn\"],[7,\"pointerdown\",\"onDocumentPointerDown\"]]]]]]"), options);
+  return bootstrapLazy(JSON.parse("[[\"dsot-document-component-demo\",[[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\",[[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-list-button\",[[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\",[[1,\"dso-map-base-layers\",{\"group\":[1],\"baseLayers\":[16]}]]],[\"dso-map-overlays\",[[1,\"dso-map-overlays\",{\"group\":[1],\"overlays\":[16]}]]],[\"dso-label_3\",[[1,\"dso-renvooi\",{\"value\":[1],\"mark\":[16]}],[257,\"dso-label\",{\"compact\":[516],\"removable\":[516],\"status\":[513],\"truncate\":[516],\"removeHover\":[32],\"removeFocus\":[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-advanced-select\",[[17,\"dso-advanced-select\",{\"options\":[16],\"active\":[16],\"activeHint\":[1,\"active-hint\"],\"open\":[32]},[[8,\"keydown\",\"keyDownListener\"]]]]],[\"dso-annotation-activiteit\",[[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\",[[1,\"dso-annotation-gebiedsaanwijzing\",{\"wijzigactie\":[513],\"active\":[516],\"gewijzigdeLocatie\":[516,\"gewijzigde-locatie\"],\"naam\":[1]}]]],[\"dso-annotation-omgevingsnormwaarde\",[[1,\"dso-annotation-omgevingsnormwaarde\",{\"wijzigactie\":[513],\"active\":[516],\"gewijzigdeLocatie\":[516,\"gewijzigde-locatie\"],\"naam\":[1],\"toelichting\":[1],\"waardes\":[16],\"eenheid\":[1]}]]],[\"dso-legend-item\",[[257,\"dso-legend-item\",{\"disabled\":[516],\"disabledMessage\":[513,\"disabled-message\"],\"activatable\":[516],\"active\":[516],\"_mode\":[513],\"showOptions\":[32]}]]],[\"dso-map-controls\",[[257,\"dso-map-controls\",{\"open\":[1540],\"disableZoom\":[1,\"disable-zoom\"],\"hideContent\":[32],\"toggleVisibility\":[64]},[[0,\"transitionend\",\"handleTransitionEnd\"]],{\"open\":[{\"watchOpen\":0}]}]]],[\"dso-annotation-kaart\",[[1,\"dso-annotation-kaart\",{\"wijzigactie\":[513],\"naam\":[1],\"href\":[513]}]]],[\"dso-autosuggest\",[[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\",[[257,\"dso-legend\",{\"tabItems\":[16]}]]],[\"dso-project-item\",[[257,\"dso-project-item\",{\"label\":[1]}]]],[\"dso-survey-rating\",[[1,\"dso-survey-rating\"]]],[\"dso-legend-group\",[[257,\"dso-legend-group\",{\"mode\":[513]},null,{\"mode\":[{\"handleModeChange\":0}]}]]],[\"dso-mark-bar\",[[1,\"dso-mark-bar\",{\"value\":[1],\"label\":[1],\"current\":[2],\"totalCount\":[2,\"total-count\"],\"dsoFocus\":[64]}]]],[\"dso-onboarding-tip\",[[257,\"dso-onboarding-tip\",{\"placement\":[1],\"ready\":[32],\"popoverOpen\":[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-action-list-item\",[[257,\"dso-action-list-item\",{\"step\":[2],\"itemTitle\":[1,\"item-title\"],\"flowLine\":[4,\"flow-line\"],\"warning\":[4],\"divider\":[4]}]]],[\"dso-banner\",[[257,\"dso-banner\",{\"status\":[513],\"compact\":[516],\"icon\":[516]}]]],[\"dso-card\",[[257,\"dso-card\",{\"href\":[513],\"mode\":[513],\"active\":[516]}]]],[\"dso-document-card\",[[257,\"dso-document-card\",{\"href\":[513],\"active\":[516]}]]],[\"dso-dropdown-menu\",[[257,\"dso-dropdown-menu\",{\"checkable\":[6660],\"label\":[513],\"variant\":[513],\"open\":[32],\"_getState\":[64]},[[0,\"dsoClick\",\"dsoClickHandler\"]]]]],[\"dso-dropdown-menu-item\",[[257,\"dso-dropdown-menu-item\",{\"type\":[513],\"href\":[513],\"checked\":[516],\"_dsoFocus\":[64]}]]],[\"dso-header\",[[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],\"open\":[32]},null,{\"mainMenu\":[{\"mainMenuChanged\":0}]}]]],[\"dso-history-item\",[[257,\"dso-history-item\",{\"type\":[513],\"href\":[513],\"current\":[516]}]]],[\"dso-map-layer\",[[257,\"dso-map-layer\",{\"activatable\":[516],\"active\":[516],\"wijzigactie\":[513]}]]],[\"dso-map-layer-object\",[[257,\"dso-map-layer-object\",{\"active\":[516],\"wijzigactie\":[513]}]]],[\"dso-map-message\",[[257,\"dso-map-message\",{\"variant\":[513],\"hasActions\":[32]}]]],[\"dso-plekinfo-card\",[[257,\"dso-plekinfo-card\",{\"wijzigactie\":[513],\"href\":[513],\"targetBlank\":[4,\"target-blank\"],\"active\":[516]}]]],[\"dso-skiplink\",[[1,\"dso-skiplink\",{\"to\":[513],\"label\":[513]}]]],[\"dso-tijdreis-banner\",[[257,\"dso-tijdreis-banner\"]]],[\"dso-accordion\",[[257,\"dso-accordion\",{\"variant\":[6145],\"reverseAlign\":[6148,\"reverse-align\"],\"_getState\":[64]}]]],[\"dso-action-list\",[[257,\"dso-action-list\",{\"listTitle\":[1,\"list-title\"]}]]],[\"dso-card-container\",[[257,\"dso-card-container\",{\"mode\":[513]}]]],[\"dso-contact-information\",[[257,\"dso-contact-information\"]]],[\"dso-cursor-tooltip\",[[257,\"dso-cursor-tooltip\"]]],[\"dso-date-picker\",[[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-dropdown-menu-group\",[[257,\"dso-dropdown-menu-group\",{\"label\":[513]}]]],[\"dso-highlight-box\",[[257,\"dso-highlight-box\",{\"yellow\":[516],\"border\":[516],\"white\":[516],\"green\":[516],\"dropShadow\":[516,\"drop-shadow\"],\"step\":[514]}]]],[\"dso-input-range\",[[1,\"dso-input-range\",{\"min\":[514],\"max\":[514],\"value\":[514],\"step\":[514],\"label\":[513],\"unit\":[513],\"description\":[513]}]]],[\"dso-logo\",[[1,\"dso-logo\",{\"name\":[513],\"logoUrl\":[513,\"logo-url\"],\"label\":[513],\"labelUrl\":[513,\"label-url\"],\"ribbon\":[513]}]]],[\"dso-segmented-button\",[[1,\"dso-segmented-button\",{\"groupName\":[513,\"group-name\"],\"options\":[16],\"label\":[513],\"required\":[516],\"activeOption\":[16]}]]],[\"dso-tab\",[[257,\"dso-tab\",{\"active\":[516],\"disabled\":[516],\"href\":[1],\"_dsoFocus\":[64]}]]],[\"dso-tabs\",[[257,\"dso-tabs\"]]],[\"dso-tooltip\",[[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-viewer-grid\",[[257,\"dso-viewer-grid\",{\"filterPanelTitle\":[513,\"filter-panel-title\"],\"filterPanelOpen\":[516,\"filter-panel-open\"],\"overlayOpen\":[516,\"overlay-open\"],\"documentPanelOpen\":[516,\"document-panel-open\"],\"print\":[516],\"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\",[[257,\"dso-button-group\",{\"direction\":[513]}]]],[\"dso-icon\",[[1,\"dso-icon\",{\"icon\":[1]}]]],[\"dso-annotation-locatie_2\",[[257,\"dso-document-component\",{\"heading\":[513],\"kop\":[6145],\"inhoud\":[6145],\"open\":[516],\"filtered\":[516],\"notApplicable\":[516,\"not-applicable\"],\"badge\":[513],\"badgeStatus\":[513,\"badge-status\"],\"badgeTooltip\":[513,\"badge-tooltip\"],\"label\":[513],\"labelStatus\":[513,\"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\",[[1,\"dso-attachments-counter\",{\"count\":[514]}],[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\",[[1,\"dso-progress-indicator\",{\"label\":[1],\"size\":[513],\"block\":[516]}]]],[\"dso-responsive-element\",[[257,\"dso-responsive-element\",{\"sizeAlias\":[32],\"sizeWidth\":[32],\"getSize\":[64]}]]],[\"dso-scrollable\",[[257,\"dso-scrollable\",{\"scrollPosition\":[32],\"_setScrollState\":[64]}]]],[\"dso-icon-button\",[[1,\"dso-icon-button\",{\"icon\":[513],\"label\":[513],\"variant\":[513],\"tooltipPlacement\":[513,\"tooltip-placement\"],\"disabled\":[516],\"toggled\":[516],\"setFocus\":[64]}]]],[\"dso-modal\",[[257,\"dso-modal\",{\"fullscreen\":[516],\"modalTitle\":[1,\"modal-title\"],\"dialogRole\":[1,\"dialog-role\"],\"returnFocus\":[4,\"return-focus\"],\"closable\":[4],\"ariaId\":[32]}]]],[\"dso-info_3\",[[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]}],[257,\"dso-info-button\",{\"active\":[516],\"label\":[513],\"toggletipPlacement\":[513,\"toggletip-placement\"],\"toggletipActive\":[32],\"hasToggletip\":[32],\"setFocus\":[64]},[[6,\"focusin\",\"onDocumentFocusIn\"],[7,\"pointerdown\",\"onDocumentPointerDown\"]]]]],[\"dso-alert_7\",[[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-table\",{\"noModal\":[516,\"no-modal\"],\"isResponsive\":[32],\"modalActive\":[32],\"placeholderHeight\":[32]}],[257,\"dso-image-overlay\",{\"wijzigactie\":[1],\"active\":[32],\"zoomable\":[32]},[[2,\"load\",\"loadListener\"]]],[257,\"dso-ozon-content-toggletip\",{\"icon\":[513],\"active\":[32]},[[8,\"click\",\"handleWindowClick\"]]],[257,\"dso-panel\",{\"closeButtonLabel\":[1,\"close-button-label\"],\"emphasized\":[4]}],[257,\"dso-badge\",{\"status\":[513],\"label\":[513],\"toggletipPlacement\":[513,\"toggletip-placement\"],\"toggletipActive\":[32],\"hasToggletip\":[32]}]]]]"), options);
 };
 
 export { defineCustomElements };

package/dist/esm/{parse-wijzigactie-from-node.function-BroGebB4.js → parse-wijzigactie-from-node.function-Cn1GXjSM.js}

@@ -1,4 +1,4 @@
-import { h, F as Fragment } from './index-DrQGiJP8.js';
+import { h, F as Fragment } from './index-pqfDfKeZ.js';
 
 const MarkText = ({ mark, text, emitMarkItemHighlight }) => {
     const result = mark(text);

package/dist/esm/{tooltip.functional-component-nHAIYF3o.js → tooltip.functional-component-CsWjK64w.js}

@@ -1,4 +1,4 @@
-import { h } from './index-DrQGiJP8.js';
+import { h } from './index-pqfDfKeZ.js';
 
 const Tooltip = ({ id, tipElementRef, tipArrowElementRef }, children) => (h("div", { id: id, popover: "manual", class: "dso-tooltip", ref: tipElementRef }, h("span", { class: "tooltip-arrow", ref: tipArrowElementRef }), h("div", { class: "tooltip-inner" }, children)));
 

package/dist/esm/{wrap-wijzigactie.functional-component-BCT1o51-.js → wrap-wijzigactie.functional-component-DzSLSv0i.js}

@@ -1,4 +1,4 @@
-import { h } from './index-DrQGiJP8.js';
+import { h } from './index-pqfDfKeZ.js';
 
 const WrapWijzigactie = ({ wijzigactie, class: className }, children) => {
     if (wijzigactie === "voegtoe") {

package/dist/types/components/annotation/annotation-list-renvooi-values.d.ts

@@ -1,7 +1,7 @@
 import { FunctionalComponent } from "../../stencil-public-runtime";
 import { RenvooiValue } from "../renvooi/renvooi.interfaces";
-interface AnnotationListRenvooiValues {
+interface AnnotationListRenvooiValuesProps {
     values: RenvooiValue[] | undefined;
 }
-export declare const AnnotationListRenvooiValues: FunctionalComponent<AnnotationListRenvooiValues>;
+export declare const AnnotationListRenvooiValues: FunctionalComponent<AnnotationListRenvooiValuesProps>;
 export {};

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

@@ -64,6 +64,7 @@ export declare class Autosuggest {
     private listboxId;
     private inputId;
     private labelId;
+    private listboxContainerMaxBlockSizeFrameId?;
     private resizeObserver;
     private debouncedEmitValue;
     private debouncedShowLoading;
@@ -77,6 +78,7 @@ export declare class Autosuggest {
     disconnectedCallback(): void;
     private onWindowResize;
     private onScrollend;
+    private scheduleListboxContainerMaxBlockSizeUpdate;
     private setListboxContainerMaxBlockSize;
     private showInputValueNotFound;
     private handleMark;

package/dist/types/components/dropdown-menu/dropdown-menu-group/dropdown-menu-group.d.ts

@@ -0,0 +1,12 @@
+import { ComponentInterface } from "../../../stencil-public-runtime";
+export declare class DropdownMenuGroup implements ComponentInterface {
+    host: HTMLDsoDropdownMenuGroupElement;
+    /**
+     * The label of the dropdown menu group.
+     */
+    label?: string;
+    private dropdownMenuState?;
+    private get dropdownMenu();
+    componentWillLoad(): void;
+    render(): any;
+}

package/dist/types/components/dropdown-menu/dropdown-menu-item/dropdown-menu-item.d.ts

@@ -0,0 +1,31 @@
+import { ComponentInterface, EventEmitter } from "../../../stencil-public-runtime";
+import { DropdownMenuItemClickEvent, DropdownMenuItemType } from "../dropdown-menu.interfaces";
+export declare class DropdownMenuItem implements ComponentInterface {
+    host: HTMLDsoDropdownMenuItemElement;
+    /**
+     * The type of the dropdown menu item. Can be one of `button` or `link`.
+     */
+    type: DropdownMenuItemType | undefined;
+    /**
+     * The href of the link when the type is `Link`.
+     */
+    href?: string;
+    /**
+     * Whether the Dropdown Menu Item is checked.
+     */
+    checked?: boolean;
+    /**
+     * Emitted when the user clicks the Dropdown Menu Item.
+     */
+    dsoClick: EventEmitter<DropdownMenuItemClickEvent>;
+    /**
+     * @internal
+     */
+    _dsoFocus(): Promise<void>;
+    private dropdownMenuState?;
+    private anchorOrButtonRef?;
+    private get dropdownMenu();
+    private handleClick;
+    componentWillLoad(): void;
+    render(): any;
+}

package/dist/types/components/dropdown-menu/dropdown-menu.d.ts

@@ -1,37 +1,42 @@
-export declare class DropdownMenu {
+import { ComponentInterface } from "../../stencil-public-runtime";
+import { DropdownMenuInternalState, DropdownMenuItemClickEvent } from "./dropdown-menu.interfaces";
+export declare class DropdownMenu implements ComponentInterface {
+    private readonly dropdownMenuState;
+    host: HTMLDsoDropdownMenuElement;
+    constructor();
+    private button?;
     /**
-     * Whether the menu is open or closed.
-     * This attribute is reflected and mutable.
+     * Whether the menu items are checkable.
      */
-    open: boolean;
+    get checkable(): boolean;
+    set checkable(value: boolean);
     /**
-     * Alignment of the dropdown
+     * The label of the Dropdown Menu Button
      */
-    dropdownAlign: "left" | "right";
+    label: string | undefined;
     /**
-     * Space between button and dropdown options
+     * The variant of the Button to toggle the menu
      */
-    dropdownOptionsOffset: number;
+    variant: "primary" | "secondary" | "tertiary";
+    open: boolean;
+    dsoClickHandler(event: CustomEvent<DropdownMenuItemClickEvent>): void;
     /**
-     * Whether the menu is checkable.
+     * @internal
      */
-    checkable: boolean;
-    host: HTMLDsoDropdownMenuElement;
+    _getState(): Promise<DropdownMenuInternalState>;
     private cleanUp;
     private popoverElement;
-    get button(): HTMLButtonElement;
-    private tabbables;
-    componentDidLoad(): void;
+    private dropdownMenuTabbables;
     componentDidRender(): void;
-    onClick(event: MouseEvent): void;
-    private isToggleButtonEvent;
-    private isMenuItemEvent;
     private toggleOptions;
-    connectedCallback(): void;
     disconnectedCallback(): void;
     private focusOutListener;
-    private keyDownListener;
-    private tabInPopup;
+    private get lastItem();
+    private firstItem;
+    private moveFocusToPrevious;
+    private moveFocusToNext;
+    private moveFocusTo;
+    private keyDownHandler;
     private escape;
     render(): any;
 }

package/dist/types/components/dropdown-menu/dropdown-menu.interfaces.d.ts

@@ -0,0 +1,10 @@
+export interface DropdownMenuInternalState {
+    checkable: boolean;
+}
+export type DropdownMenuTabbable = HTMLDsoDropdownMenuElement | HTMLDsoDropdownMenuItemElement;
+export type DropdownMenuItemType = "button" | "link";
+export interface DropdownMenuItemClickEvent {
+    originalEvent: MouseEvent;
+    /** True when the user clicked the Dropdown Menu Item 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/header/header.d.ts

@@ -60,6 +60,7 @@ export declare class Header implements ComponentInterface {
     dropdownOptionsOffset: number;
     open: boolean;
     mainMenuChanged(): void;
+    private resizeFrameId?;
     private tabInPopup;
     private escape;
     private keyDownHandler;
@@ -88,6 +89,8 @@ export declare class Header implements ComponentInterface {
     private calculateDropdownOptionsOffset;
     private get visibleMainMenuItems();
     private get hiddenMainMenuItems();
+    private flushResize;
+    private scheduleResize;
     private resizeObserver;
     connectedCallback(): void;
     disconnectedCallback(): void;

package/dist/types/components/image-overlay/image-overlay.d.ts

@@ -13,12 +13,15 @@ export declare class ImageOverlay implements ComponentInterface {
     private bijschriftSlot;
     private mutationObserver?;
     private resizeObserver?;
+    private zoomableFrameId?;
+    private pendingZoomable?;
     loadListener(event: Event): void;
     connectedCallback(): void;
     componentDidLoad(): void;
     componentDidRender(): void;
     disconnectedCallback(): void;
     private initZoomableImage;
+    private scheduleZoomableUpdate;
     private setZoomable;
     private isWijzigactie;
     private dialogCloseEventListener;

package/dist/types/components/responsive-element/responsive-element.d.ts

@@ -3,6 +3,8 @@ import { ResponsiveElementSize } from "./responsive-element.interfaces";
 export declare class ResponsiveElement implements ComponentInterface {
     sizeAlias: ResponsiveElementSize;
     sizeWidth: number;
+    private resizeFrameId?;
+    private pendingSizeAlias?;
     /**
      * Emitted when size has changed
      */
@@ -11,6 +13,7 @@ export declare class ResponsiveElement implements ComponentInterface {
      * The current size
      */
     getSize(): Promise<ResponsiveElementSize>;
+    private flushSizeChange;
     private observer;
     host: HTMLDsoResponsiveElementElement;
     componentWillLoad(): void;

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

@@ -1,6 +1,8 @@
 import { ComponentInterface } from "../../stencil-public-runtime";
 export declare class Table implements ComponentInterface {
     private resizeObserver?;
+    private resizeFrameId?;
+    private pendingResizeEntry?;
     host: HTMLDsoTableElement;
     /**
      * Prevents the table being opened in a modal.
@@ -10,6 +12,7 @@ export declare class Table implements ComponentInterface {
     modalActive: boolean;
     placeholderHeight?: number;
     private startResponsiveBehavior;
+    private scheduleResponsiveTable;
     componentWillLoad(): void;
     componentDidLoad(): void;
     disconnectedCallback(): void;

package/dist/types/components.d.ts

@@ -24,6 +24,7 @@ import { DatePickerBlurEvent, DatePickerChangeEvent, DatePickerFocusEvent, DateP
 import { DocumentCardClickEvent } from "./components/document-card/document-card.interfaces";
 import { DocumentComponentAnnotationsWijzigactie, DocumentComponentInputType, DocumentComponentMarkFunction, DocumentComponentMarkItemHighlightEvent, DocumentComponentMode, DocumentComponentOpenToggleEvent, DocumentComponentOzonContentClickEvent, DocumentComponentRecursiveToggleEvent, DocumentComponentRecursiveToggleState, DocumentComponentTableOfContentsClickEvent, DocumentComponentToggleAnnotationEvent, DocumentComponentType, DocumentComponentWijzigactie } from "./components/document-component/document-component.interfaces";
 import { OzonContentBegripResolver, OzonContentClickEvent, OzonContentInputType, OzonContentMarkItemHighlightEvent, OzonContentUrlResolver } from "./components/ozon-content/ozon-content.interfaces";
+import { DropdownMenuInternalState, DropdownMenuItemClickEvent, DropdownMenuItemType } from "./components/dropdown-menu/dropdown-menu.interfaces";
 import { ExpandableAnimationEndEvent, ExpandableAnimationStartEvent } from "./components/expandable/expandable.interfaces";
 import { HeaderAuthStatus, HeaderCompactMode, HeaderEvent, HeaderMenuItem } from "./components/header/header.interfaces";
 import { HistoryItemClickEvent, HistoryItemType } from "./components/history-item/history-item.interfaces";
@@ -77,6 +78,7 @@ export { DatePickerBlurEvent, DatePickerChangeEvent, DatePickerFocusEvent, DateP
 export { DocumentCardClickEvent } from "./components/document-card/document-card.interfaces";
 export { DocumentComponentAnnotationsWijzigactie, DocumentComponentInputType, DocumentComponentMarkFunction, DocumentComponentMarkItemHighlightEvent, DocumentComponentMode, DocumentComponentOpenToggleEvent, DocumentComponentOzonContentClickEvent, DocumentComponentRecursiveToggleEvent, DocumentComponentRecursiveToggleState, DocumentComponentTableOfContentsClickEvent, DocumentComponentToggleAnnotationEvent, DocumentComponentType, DocumentComponentWijzigactie } from "./components/document-component/document-component.interfaces";
 export { OzonContentBegripResolver, OzonContentClickEvent, OzonContentInputType, OzonContentMarkItemHighlightEvent, OzonContentUrlResolver } from "./components/ozon-content/ozon-content.interfaces";
+export { DropdownMenuInternalState, DropdownMenuItemClickEvent, DropdownMenuItemType } from "./components/dropdown-menu/dropdown-menu.interfaces";
 export { ExpandableAnimationEndEvent, ExpandableAnimationStartEvent } from "./components/expandable/expandable.interfaces";
 export { HeaderAuthStatus, HeaderCompactMode, HeaderEvent, HeaderMenuItem } from "./components/header/header.interfaces";
 export { HistoryItemClickEvent, HistoryItemType } from "./components/history-item/history-item.interfaces";
@@ -633,26 +635,41 @@ export namespace Components {
         "wijzigactie"?: DocumentComponentWijzigactie;
     }
     interface DsoDropdownMenu {
+        "_getState": () => Promise<DropdownMenuInternalState>;
         /**
-          * Whether the menu is checkable.
-          * @default false
+          * Whether the menu items are checkable.
          */
         "checkable": boolean;
         /**
-          * Alignment of the dropdown
-          * @default "left"
+          * The label of the Dropdown Menu Button
          */
-        "dropdownAlign": "left" | "right";
+        "label": string | undefined;
         /**
-          * Space between button and dropdown options
-          * @default 2
+          * The variant of the Button to toggle the menu
+          * @default "secondary"
          */
-        "dropdownOptionsOffset": number;
+        "variant": "primary" | "secondary" | "tertiary";
+    }
+    interface DsoDropdownMenuGroup {
         /**
-          * Whether the menu is open or closed. This attribute is reflected and mutable.
-          * @default false
+          * The label of the dropdown menu group.
          */
-        "open": boolean;
+        "label"?: string;
+    }
+    interface DsoDropdownMenuItem {
+        "_dsoFocus": () => Promise<void>;
+        /**
+          * Whether the Dropdown Menu Item is checked.
+         */
+        "checked"?: boolean;
+        /**
+          * The href of the link when the type is `Link`.
+         */
+        "href"?: string;
+        /**
+          * The type of the dropdown menu item. Can be one of `button` or `link`.
+         */
+        "type": DropdownMenuItemType | undefined;
     }
     interface DsoExpandable {
         /**
@@ -1561,6 +1578,10 @@ export interface DsoDocumentComponentCustomEvent<T> extends CustomEvent<T> {
     detail: T;
     target: HTMLDsoDocumentComponentElement;
 }
+export interface DsoDropdownMenuItemCustomEvent<T> extends CustomEvent<T> {
+    detail: T;
+    target: HTMLDsoDropdownMenuItemElement;
+}
 export interface DsoExpandableCustomEvent<T> extends CustomEvent<T> {
     detail: T;
     target: HTMLDsoExpandableElement;
@@ -2015,6 +2036,29 @@ declare global {
         prototype: HTMLDsoDropdownMenuElement;
         new (): HTMLDsoDropdownMenuElement;
     };
+    interface HTMLDsoDropdownMenuGroupElement extends Components.DsoDropdownMenuGroup, HTMLStencilElement {
+    }
+    var HTMLDsoDropdownMenuGroupElement: {
+        prototype: HTMLDsoDropdownMenuGroupElement;
+        new (): HTMLDsoDropdownMenuGroupElement;
+    };
+    interface HTMLDsoDropdownMenuItemElementEventMap {
+        "dsoClick": DropdownMenuItemClickEvent;
+    }
+    interface HTMLDsoDropdownMenuItemElement extends Components.DsoDropdownMenuItem, HTMLStencilElement {
+        addEventListener<K extends keyof HTMLDsoDropdownMenuItemElementEventMap>(type: K, listener: (this: HTMLDsoDropdownMenuItemElement, ev: DsoDropdownMenuItemCustomEvent<HTMLDsoDropdownMenuItemElementEventMap[K]>) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | AddEventListenerOptions): void;
+        removeEventListener<K extends keyof HTMLDsoDropdownMenuItemElementEventMap>(type: K, listener: (this: HTMLDsoDropdownMenuItemElement, ev: DsoDropdownMenuItemCustomEvent<HTMLDsoDropdownMenuItemElementEventMap[K]>) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | EventListenerOptions): void;
+    }
+    var HTMLDsoDropdownMenuItemElement: {
+        prototype: HTMLDsoDropdownMenuItemElement;
+        new (): HTMLDsoDropdownMenuItemElement;
+    };
     interface HTMLDsoExpandableElementEventMap {
         "dsoExpandableAnimationStart": ExpandableAnimationStartEvent;
         "dsoExpandableAnimationEnd": ExpandableAnimationEndEvent;
@@ -2763,6 +2807,8 @@ declare global {
         "dso-document-card": HTMLDsoDocumentCardElement;
         "dso-document-component": HTMLDsoDocumentComponentElement;
         "dso-dropdown-menu": HTMLDsoDropdownMenuElement;
+        "dso-dropdown-menu-group": HTMLDsoDropdownMenuGroupElement;
+        "dso-dropdown-menu-item": HTMLDsoDropdownMenuItemElement;
         "dso-expandable": HTMLDsoExpandableElement;
         "dso-header": HTMLDsoHeaderElement;
         "dso-highlight-box": HTMLDsoHighlightBoxElement;
@@ -3445,25 +3491,42 @@ declare namespace LocalJSX {
     }
     interface DsoDropdownMenu {
         /**
-          * Whether the menu is checkable.
-          * @default false
+          * Whether the menu items are checkable.
          */
         "checkable"?: boolean;
         /**
-          * Alignment of the dropdown
-          * @default "left"
+          * The label of the Dropdown Menu Button
          */
-        "dropdownAlign"?: "left" | "right";
+        "label"?: string | undefined;
         /**
-          * Space between button and dropdown options
-          * @default 2
+          * The variant of the Button to toggle the menu
+          * @default "secondary"
          */
-        "dropdownOptionsOffset"?: number;
+        "variant"?: "primary" | "secondary" | "tertiary";
+    }
+    interface DsoDropdownMenuGroup {
         /**
-          * Whether the menu is open or closed. This attribute is reflected and mutable.
-          * @default false
+          * The label of the dropdown menu group.
          */
-        "open"?: boolean;
+        "label"?: string;
+    }
+    interface DsoDropdownMenuItem {
+        /**
+          * Whether the Dropdown Menu Item is checked.
+         */
+        "checked"?: boolean;
+        /**
+          * The href of the link when the type is `Link`.
+         */
+        "href"?: string;
+        /**
+          * Emitted when the user clicks the Dropdown Menu Item.
+         */
+        "onDsoClick"?: (event: DsoDropdownMenuItemCustomEvent<DropdownMenuItemClickEvent>) => void;
+        /**
+          * The type of the dropdown menu item. Can be one of `button` or `link`.
+         */
+        "type": DropdownMenuItemType | undefined;
     }
     interface DsoExpandable {
         /**
@@ -4663,10 +4726,17 @@ declare namespace LocalJSX {
         "href": string;
     }
     interface DsoDropdownMenuAttributes {
-        "open": boolean;
-        "dropdownAlign": "left" | "right";
-        "dropdownOptionsOffset": number;
         "checkable": boolean;
+        "label": string | undefined;
+        "variant": "primary" | "secondary" | "tertiary";
+    }
+    interface DsoDropdownMenuGroupAttributes {
+        "label": string;
+    }
+    interface DsoDropdownMenuItemAttributes {
+        "type": DropdownMenuItemType | undefined;
+        "href": string;
+        "checked": boolean;
     }
     interface DsoExpandableAttributes {
         "open": boolean;
@@ -4925,6 +4995,8 @@ declare namespace LocalJSX {
         "dso-document-card": Omit<DsoDocumentCard, keyof DsoDocumentCardAttributes> & { [K in keyof DsoDocumentCard & keyof DsoDocumentCardAttributes]?: DsoDocumentCard[K] } & { [K in keyof DsoDocumentCard & keyof DsoDocumentCardAttributes as `attr:${K}`]?: DsoDocumentCardAttributes[K] } & { [K in keyof DsoDocumentCard & keyof DsoDocumentCardAttributes as `prop:${K}`]?: DsoDocumentCard[K] } & OneOf<"href", DsoDocumentCard["href"], DsoDocumentCardAttributes["href"]>;
         "dso-document-component": Omit<DsoDocumentComponent, keyof DsoDocumentComponentAttributes> & { [K in keyof DsoDocumentComponent & keyof DsoDocumentComponentAttributes]?: DsoDocumentComponent[K] } & { [K in keyof DsoDocumentComponent & keyof DsoDocumentComponentAttributes as `attr:${K}`]?: DsoDocumentComponentAttributes[K] } & { [K in keyof DsoDocumentComponent & keyof DsoDocumentComponentAttributes as `prop:${K}`]?: DsoDocumentComponent[K] } & OneOf<"type", DsoDocumentComponent["type"], DsoDocumentComponentAttributes["type"]>;
         "dso-dropdown-menu": Omit<DsoDropdownMenu, keyof DsoDropdownMenuAttributes> & { [K in keyof DsoDropdownMenu & keyof DsoDropdownMenuAttributes]?: DsoDropdownMenu[K] } & { [K in keyof DsoDropdownMenu & keyof DsoDropdownMenuAttributes as `attr:${K}`]?: DsoDropdownMenuAttributes[K] } & { [K in keyof DsoDropdownMenu & keyof DsoDropdownMenuAttributes as `prop:${K}`]?: DsoDropdownMenu[K] };
+        "dso-dropdown-menu-group": Omit<DsoDropdownMenuGroup, keyof DsoDropdownMenuGroupAttributes> & { [K in keyof DsoDropdownMenuGroup & keyof DsoDropdownMenuGroupAttributes]?: DsoDropdownMenuGroup[K] } & { [K in keyof DsoDropdownMenuGroup & keyof DsoDropdownMenuGroupAttributes as `attr:${K}`]?: DsoDropdownMenuGroupAttributes[K] } & { [K in keyof DsoDropdownMenuGroup & keyof DsoDropdownMenuGroupAttributes as `prop:${K}`]?: DsoDropdownMenuGroup[K] };
+        "dso-dropdown-menu-item": Omit<DsoDropdownMenuItem, keyof DsoDropdownMenuItemAttributes> & { [K in keyof DsoDropdownMenuItem & keyof DsoDropdownMenuItemAttributes]?: DsoDropdownMenuItem[K] } & { [K in keyof DsoDropdownMenuItem & keyof DsoDropdownMenuItemAttributes as `attr:${K}`]?: DsoDropdownMenuItemAttributes[K] } & { [K in keyof DsoDropdownMenuItem & keyof DsoDropdownMenuItemAttributes as `prop:${K}`]?: DsoDropdownMenuItem[K] } & OneOf<"type", DsoDropdownMenuItem["type"], DsoDropdownMenuItemAttributes["type"]>;
         "dso-expandable": Omit<DsoExpandable, keyof DsoExpandableAttributes> & { [K in keyof DsoExpandable & keyof DsoExpandableAttributes]?: DsoExpandable[K] } & { [K in keyof DsoExpandable & keyof DsoExpandableAttributes as `attr:${K}`]?: DsoExpandableAttributes[K] } & { [K in keyof DsoExpandable & keyof DsoExpandableAttributes as `prop:${K}`]?: DsoExpandable[K] };
         "dso-header": Omit<DsoHeader, keyof DsoHeaderAttributes> & { [K in keyof DsoHeader & keyof DsoHeaderAttributes]?: DsoHeader[K] } & { [K in keyof DsoHeader & keyof DsoHeaderAttributes as `attr:${K}`]?: DsoHeaderAttributes[K] } & { [K in keyof DsoHeader & keyof DsoHeaderAttributes as `prop:${K}`]?: DsoHeader[K] };
         "dso-highlight-box": Omit<DsoHighlightBox, keyof DsoHighlightBoxAttributes> & { [K in keyof DsoHighlightBox & keyof DsoHighlightBoxAttributes]?: DsoHighlightBox[K] } & { [K in keyof DsoHighlightBox & keyof DsoHighlightBoxAttributes as `attr:${K}`]?: DsoHighlightBoxAttributes[K] } & { [K in keyof DsoHighlightBox & keyof DsoHighlightBoxAttributes as `prop:${K}`]?: DsoHighlightBox[K] };
@@ -5006,6 +5078,8 @@ declare module "@stencil/core" {
             "dso-document-card": LocalJSX.IntrinsicElements["dso-document-card"] & JSXBase.HTMLAttributes<HTMLDsoDocumentCardElement>;
             "dso-document-component": LocalJSX.IntrinsicElements["dso-document-component"] & JSXBase.HTMLAttributes<HTMLDsoDocumentComponentElement>;
             "dso-dropdown-menu": LocalJSX.IntrinsicElements["dso-dropdown-menu"] & JSXBase.HTMLAttributes<HTMLDsoDropdownMenuElement>;
+            "dso-dropdown-menu-group": LocalJSX.IntrinsicElements["dso-dropdown-menu-group"] & JSXBase.HTMLAttributes<HTMLDsoDropdownMenuGroupElement>;
+            "dso-dropdown-menu-item": LocalJSX.IntrinsicElements["dso-dropdown-menu-item"] & JSXBase.HTMLAttributes<HTMLDsoDropdownMenuItemElement>;
             "dso-expandable": LocalJSX.IntrinsicElements["dso-expandable"] & JSXBase.HTMLAttributes<HTMLDsoExpandableElement>;
             "dso-header": LocalJSX.IntrinsicElements["dso-header"] & JSXBase.HTMLAttributes<HTMLDsoHeaderElement>;
             "dso-highlight-box": LocalJSX.IntrinsicElements["dso-highlight-box"] & JSXBase.HTMLAttributes<HTMLDsoHighlightBoxElement>;

package/dist/types/stencil-public-runtime.d.ts

@@ -1070,6 +1070,7 @@ export declare namespace JSXBase {
         importance?: 'low' | 'auto' | 'high';
         height?: number | string;
         loading?: 'lazy' | 'auto' | 'eager';
+        referrerPolicy?: ReferrerPolicy;
         sizes?: string;
         src?: string;
         srcSet?: string;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@dso-toolkit/core",
-  "version": "97.1.0",
+  "version": "98.0.0",
   "description": "DSO Toolkit Web Components",
   "main": "dist/index.cjs.js",
   "module": "dist/components/index.js",
@@ -17,27 +17,27 @@
   "dependencies": {
     "@floating-ui/dom": "^1.7.6",
     "@popperjs/core": "^2.11.8",
-    "@stencil/core": "4.43.4",
+    "@stencil/core": "4.43.5",
     "@stencil/store": "^2.2.2",
     "clsx": "^2.1.1",
     "escape-string-regexp": "^5.0.0",
-    "focus-trap": "^8.1.0",
-    "i18next": "^26.0.8",
+    "focus-trap": "^8.2.1",
+    "i18next": "^26.3.1",
     "popper-max-size-modifier": "^0.2.0",
     "tabbable": "^6.4.0",
     "uuid": "^14.0.0",
-    "dso-toolkit": "97.1.0"
+    "dso-toolkit": "98.0.0"
   },
   "devDependencies": {
-    "@stencil/angular-output-target": "^1.3.0",
-    "@stencil/react-output-target": "^1.5.1",
+    "@stencil/angular-output-target": "^1.3.2",
+    "@stencil/react-output-target": "^1.5.3",
     "@stencil/sass": "^3.2.3",
     "@types/debounce": "^1.2.4",
     "@types/lodash.kebabcase": "^4.1.9",
     "@types/lodash.random": "^3.2.9",
     "@types/lodash.samplesize": "^4.2.9",
-    "@types/node": "^24.12.2",
-    "@types/react": "^19.2.14",
+    "@types/node": "^26.0.0",
+    "@types/react": "^19.2.17",
     "@types/react-dom": "^19.2.3",
     "concurrently": "^9.2.1",
     "debounce": "^3.0.0",
@@ -45,15 +45,15 @@
     "lodash.random": "^3.2.0",
     "lodash.samplesize": "^4.2.0",
     "prettier": "^3.8.3",
-    "react": "^19.2.4",
-    "react-dom": "^19.2.4",
+    "react": "^19.2.7",
+    "react-dom": "^19.2.7",
     "rimraf": "^6.1.3",
     "stencil-inline-svg": "^1.1.0",
-    "tsx": "^4.21.0",
+    "tsx": "^4.22.4",
     "typescript": "~5.9.3"
   },
   "peerDependencies": {
-    "dso-toolkit": "97.1.0"
+    "dso-toolkit": "98.0.0"
   },
   "nx": {
     "includedScripts": []