@dso-toolkit/core 100.4.0 → 101.0.0

package/dist/cjs/loader.cjs.js

@@ -6,7 +6,7 @@ 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("[[\"dso-icon_2.cjs\",[[1,\"dso-icon-button\",{\"icon\":[513],\"label\":[513],\"variant\":[513],\"tooltipPlacement\":[513,\"tooltip-placement\"],\"disabled\":[516],\"expanded\":[516],\"toggled\":[516],\"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-list-button.cjs\",[[257,\"dso-list-button\",{\"label\":[513],\"sublabel\":[513],\"count\":[514],\"min\":[520],\"max\":[520],\"checked\":[516],\"disabled\":[516],\"subcontentPrefix\":[513,\"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\",[[17,\"dso-advanced-select\",{\"options\":[16],\"active\":[16],\"activeHint\":[1,\"active-hint\"],\"open\":[32]},[[8,\"keydown\",\"keyDownListener\"]]]]],[\"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-legend-item.cjs\",[[257,\"dso-legend-item\",{\"disabled\":[516],\"disabledMessage\":[513,\"disabled-message\"],\"activatable\":[516],\"active\":[516],\"_mode\":[513],\"showOptions\":[32]}]]],[\"dso-map-controls.cjs\",[[257,\"dso-map-controls\",{\"open\":[1540],\"disableZoom\":[1,\"disable-zoom\"],\"hideContent\":[32],\"toggleVisibility\":[64]},[[0,\"transitionend\",\"handleTransitionEnd\"]],{\"open\":[{\"watchOpen\":0}]}]]],[\"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]},[[8,\"keydown\",\"handleSearchBarButtonKeydown\"],[4,\"click\",\"onDocumentClick\"]],{\"suggestions\":[{\"suggestionsWatcher\":0}]}]]],[\"dso-legend.cjs\",[[257,\"dso-legend\",{\"tabItems\":[16]}]]],[\"dso-project-item.cjs\",[[257,\"dso-project-item\",{\"label\":[1]}]]],[\"dso-survey-rating.cjs\",[[1,\"dso-survey-rating\"]]],[\"dso-dropdown-menu.cjs\",[[257,\"dso-dropdown-menu\",{\"checkable\":[6660],\"label\":[513],\"variant\":[513],\"open\":[32],\"_getState\":[64]},[[0,\"dsoClick\",\"dsoClickHandler\"]]]]],[\"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],\"open\":[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-shopping-cart.cjs\",[[257,\"dso-shopping-cart\",{\"mode\":[513],\"toggleable\":[516]}]]],[\"dso-shopping-cart-item.cjs\",[[257,\"dso-shopping-cart-item\",{\"mode\":[513],\"warning\":[516],\"editable\":[516],\"removable\":[516]}]]],[\"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-banner.cjs\",[[257,\"dso-banner\",{\"status\":[513],\"compact\":[516],\"icon\":[516]}]]],[\"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-dropdown-menu-item.cjs\",[[257,\"dso-dropdown-menu-item\",{\"type\":[513],\"href\":[513],\"checked\":[516],\"_dsoFocus\":[64]}]]],[\"dso-history-item.cjs\",[[257,\"dso-history-item\",{\"type\":[513],\"href\":[513],\"current\":[516]}]]],[\"dso-map-layer.cjs\",[[257,\"dso-map-layer\",{\"activatable\":[516],\"active\":[516],\"wijzigactie\":[513]}]]],[\"dso-map-layer-object.cjs\",[[257,\"dso-map-layer-object\",{\"active\":[516],\"wijzigactie\":[513]}]]],[\"dso-map-message.cjs\",[[257,\"dso-map-message\",{\"variant\":[513],\"hasActions\":[32],\"showMessage\":[32]}]]],[\"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-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-dropdown-menu-group.cjs\",[[257,\"dso-dropdown-menu-group\",{\"label\":[513]}]]],[\"dso-grid-column.cjs\",[[257,\"dso-grid-column\",{\"columns\":[513],\"overlay\":[516],\"overlayActive\":[32]},null,{\"overlay\":[{\"overlayWatcher\":0}]}]]],[\"dso-hero-image.cjs\",[[257,\"dso-hero-image\"]]],[\"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\":[514],\"max\":[514],\"value\":[514],\"step\":[514],\"label\":[513],\"unit\":[513],\"description\":[513]}]]],[\"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\"],\"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.cjs\",[[257,\"dso-button-group\",{\"direction\":[513]}]]],[\"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-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-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],\"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-annotation-locatie_2.cjs\",[[257,\"dso-document-component\",{\"headingLevel\":[514,\"heading-level\"],\"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.cjs\",[[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.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\",{\"_preventFocus\":[4,\"_prevent-focus\"],\"scrollPosition\":[32],\"_setScrollState\":[64]}]]],[\"dso-modal.cjs\",[[1,\"dso-modal\",{\"fullscreen\":[516],\"modalTitle\":[1,\"modal-title\"],\"dialogRole\":[1,\"dialog-role\"],\"returnFocus\":[4,\"return-focus\"],\"closable\":[4],\"ariaId\":[32],\"narrowView\":[32]}]]],[\"dso-info_3.cjs\",[[262,\"dso-selectable\",{\"type\":[1],\"identifier\":[1],\"name\":[1],\"value\":[1],\"invalid\":[4],\"describedById\":[1,\"described-by-id\"],\"errormessage\":[1],\"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 index.bootstrapLazy(JSON.parse("[[\"dso-icon_2.cjs\",[[1,\"dso-icon-button\",{\"icon\":[513],\"label\":[513],\"variant\":[513],\"tooltipPlacement\":[513,\"tooltip-placement\"],\"disabled\":[516],\"expanded\":[516],\"toggled\":[516],\"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-advanced-select.cjs\",[[17,\"dso-advanced-select\",{\"options\":[16],\"active\":[16],\"activeHint\":[1,\"active-hint\"],\"open\":[32]},[[8,\"keydown\",\"keyDownListener\"]]]]],[\"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\":[513],\"sublabel\":[513],\"count\":[514],\"min\":[520],\"max\":[520],\"checked\":[516],\"disabled\":[516],\"subcontentPrefix\":[513,\"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-legend-item.cjs\",[[257,\"dso-legend-item\",{\"disabled\":[516],\"disabledMessage\":[513,\"disabled-message\"],\"activatable\":[516],\"active\":[516],\"_mode\":[513],\"showOptions\":[32]}]]],[\"dso-map-controls.cjs\",[[257,\"dso-map-controls\",{\"open\":[1540],\"disableZoom\":[1,\"disable-zoom\"],\"hideContent\":[32],\"toggleVisibility\":[64]},[[0,\"transitionend\",\"handleTransitionEnd\"]],{\"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]},[[8,\"keydown\",\"handleSearchBarButtonKeydown\"],[4,\"click\",\"onDocumentClick\"]],{\"suggestions\":[{\"suggestionsWatcher\":0}]}]]],[\"dso-legend.cjs\",[[257,\"dso-legend\",{\"tabItems\":[16]}]]],[\"dso-survey-rating.cjs\",[[1,\"dso-survey-rating\"]]],[\"dso-dropdown-menu.cjs\",[[257,\"dso-dropdown-menu\",{\"checkable\":[6660],\"label\":[513],\"variant\":[513],\"open\":[32],\"_getState\":[64]},[[0,\"dsoClick\",\"dsoClickHandler\"]]]]],[\"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],\"open\":[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-shopping-cart.cjs\",[[257,\"dso-shopping-cart\",{\"mode\":[513],\"toggleable\":[516]}]]],[\"dso-shopping-cart-item.cjs\",[[257,\"dso-shopping-cart-item\",{\"mode\":[513],\"warning\":[516],\"editable\":[516],\"removable\":[516]}]]],[\"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-banner.cjs\",[[257,\"dso-banner\",{\"status\":[513],\"compact\":[516],\"icon\":[516]}]]],[\"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-dropdown-menu-item.cjs\",[[257,\"dso-dropdown-menu-item\",{\"type\":[513],\"href\":[513],\"checked\":[516],\"_dsoFocus\":[64]}]]],[\"dso-history-item.cjs\",[[257,\"dso-history-item\",{\"type\":[513],\"href\":[513],\"current\":[516]}]]],[\"dso-map-layer.cjs\",[[257,\"dso-map-layer\",{\"activatable\":[516],\"active\":[516],\"wijzigactie\":[513]}]]],[\"dso-map-layer-object.cjs\",[[257,\"dso-map-layer-object\",{\"active\":[516],\"wijzigactie\":[513]}]]],[\"dso-map-message.cjs\",[[257,\"dso-map-message\",{\"variant\":[513],\"hasActions\":[32],\"showMessage\":[32]}]]],[\"dso-plekinfo-card.cjs\",[[257,\"dso-plekinfo-card\",{\"wijzigactie\":[513],\"href\":[513],\"targetBlank\":[4,\"target-blank\"],\"active\":[516]}]]],[\"dso-plekinfo-card-item.cjs\",[[257,\"dso-plekinfo-card-item\",{\"wijzigactie\":[513],\"hasSublabel\":[32],\"hasMeta\":[32]}]]],[\"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-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\":[8],\"max\":[8]}]]],[\"dso-dropdown-menu-group.cjs\",[[257,\"dso-dropdown-menu-group\",{\"label\":[513]}]]],[\"dso-grid-column.cjs\",[[257,\"dso-grid-column\",{\"columns\":[513],\"overlay\":[516],\"overlayActive\":[32]},null,{\"overlay\":[{\"overlayWatcher\":0}]}]]],[\"dso-hero-image.cjs\",[[257,\"dso-hero-image\"]]],[\"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\":[514],\"max\":[514],\"value\":[514],\"step\":[514],\"label\":[513],\"unit\":[513],\"description\":[513]}]]],[\"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\"],\"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.cjs\",[[257,\"dso-button-group\",{\"direction\":[513]}]]],[\"dso-annotation-locatie_2.cjs\",[[257,\"dso-document-component\",{\"headingLevel\":[514,\"heading-level\"],\"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.cjs\",[[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.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-truncate.cjs\",[[257,\"dso-truncate\",{\"truncated\":[32]},[[4,\"keydown\",\"keyDownListener\"]]]]],[\"dso-scrollable.cjs\",[[257,\"dso-scrollable\",{\"_preventFocus\":[4,\"_prevent-focus\"],\"scrollPosition\":[32],\"_setScrollState\":[64]}]]],[\"dso-modal.cjs\",[[1,\"dso-modal\",{\"fullscreen\":[516],\"modalTitle\":[1,\"modal-title\"],\"dialogRole\":[1,\"dialog-role\"],\"returnFocus\":[4,\"return-focus\"],\"closable\":[4],\"ariaId\":[32],\"narrowView\":[32]}]]],[\"dso-info_3.cjs\",[[262,\"dso-selectable\",{\"type\":[1],\"identifier\":[1],\"name\":[1],\"value\":[1],\"invalid\":[4],\"describedById\":[1,\"described-by-id\"],\"errormessage\":[1],\"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.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-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-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],\"labelText\":[32]},null,{\"removable\":[{\"watchRemovable\":0}]}],[262,\"dso-slide-toggle\",{\"checked\":[4],\"disabled\":[4],\"accessibleLabel\":[1,\"accessible-label\"],\"labelledbyId\":[1,\"labelledby-id\"],\"identifier\":[1],\"hasVisibleLabel\":[32]}]]]]"), options);
 };
 
 exports.setNonce = index.setNonce;

package/dist/collection/collection-manifest.json

@@ -59,6 +59,7 @@
     "components/pagination/pagination.js",
     "components/panel/panel.js",
     "components/plekinfo-card/plekinfo-card.js",
+    "components/plekinfo-card/plekinfo-card-item/plekinfo-card-item.js",
     "components/progress-indicator/progress-indicator.js",
     "components/project-item/project-item.js",
     "components/renvooi/renvooi.js",
@@ -76,6 +77,7 @@
     "components/tabs/components/tab.js",
     "components/tijdreis-banner/tijdreis-banner.js",
     "components/tree-view/tree-view.js",
+    "components/truncate/truncate.js",
     "components/viewer-grid/viewer-grid.js"
   ],
   "mixins": [],

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

@@ -16,4 +16,10 @@
 ::slotted(dso-accordion-section.dso-accordion-compact:last-child),
 ::slotted(dso-accordion-section.dso-accordion-compact-black:last-child) {
   border-block-end: 1px solid #ccc;
+}
+
+:host(:last-child) ::slotted(dso-accordion-section.dso-accordion-compact:last-child),
+:host(:last-child) ::slotted(dso-accordion-section.dso-accordion-compact-black:last-child) {
+  border-block-end: var(--_dso-accordion-compact-border-block-end, 1px solid #ccc);
+  margin-block-end: var(--_dso-accordion-compact-margin-block-end, 0) !important;
 }

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

@@ -117,6 +117,10 @@
   border-block-start: 0;
 }
 .dso-section-body .dso-section-body-content {
+  --_dso-accordion-compact-border-block-end: initial;
+  --_dso-accordion-compact-margin-block-end: initial;
+  --_dso-card-container-list-border-block-end: initial;
+  --_dso-card-container-list-margin-block-end: initial;
   padding-block: 20px 16px;
   padding-inline: 16px;
 }
@@ -125,6 +129,13 @@
   margin-inline: 8px !important;
 }
 
+:host(:is(.dso-accordion-compact, .dso-accordion-compact-black)) ::slotted(:not([slot]):last-child) {
+  --_dso-accordion-compact-border-block-end: 0 !important;
+  --_dso-accordion-compact-margin-block-end: -16px !important;
+  --_dso-card-container-list-border-block-end: 0 !important;
+  --_dso-card-container-list-margin-block-end: -16px !important;
+}
+
 :host(.dso-accordion-default) {
   border: 1px solid #8b4a6a;
   border-radius: 4px;
@@ -231,9 +242,6 @@
 :host(.dso-accordion-compact.dso-nested-accordion[open]:not([open=false])) > .dso-section-body {
   padding-block-end: 0;
 }
-:host(.dso-accordion-compact.dso-nested-accordion[open]:not([open=false])) > .dso-section-body dso-accordion-section:last-child {
-  border-block-end: 0;
-}
 
 :host(.dso-accordion-compact-black) .dso-section-handle {
   border-block-end: 1px solid transparent;
@@ -377,9 +385,6 @@
 :host(.dso-accordion-compact-black.dso-nested-accordion[open]:not([open=false])) > .dso-section-body {
   padding-block-end: 0;
 }
-:host(.dso-accordion-compact-black.dso-nested-accordion[open]:not([open=false])) > .dso-section-body dso-accordion-section:last-child {
-  border-block-end: 0;
-}
 
 :host(.dso-accordion-conclusion) .dso-section-handle {
   background-color: #f2f2f2;

package/dist/collection/components/card/card.js

@@ -3,7 +3,7 @@ import { isModifiedEvent } from "../../utils/is-modified-event";
 /**
  * @slot selectable - An optional slot to place a `Selectable` in.
  * @slot heading - A  slot to place the title of the card in.
- * @slot interactions - An optional slot for one or more `Button`s, `Label`s, `Toggletip`s or `SlideToggle`s.
+ * @slot interactions - An optional slot for one or more `Button`s, `Icon Button`s, `Label`s, `Toggletip`s or `SlideToggle`s.
  * @slot content - An optional slot to place `Rich Content` in.
  */
 export class Card {
@@ -29,8 +29,8 @@ export class Card {
     }
     render() {
         const isSelectable = this.selectableSlottedElement !== null;
-        return (h(Host, { key: '239305b16722e3ef5d1df2f5a34dc1c8bd6fa941', "is-selectable": isSelectable }, h("div", { key: 'dda09722c769d5a20efb3de4c7d03ef4e676c051', class: "dso-card-container" }, h("div", { key: 'ae42d84176d062922bdaebce517d984f36d3410c', class: "dso-card-selectable", hidden: !isSelectable }, h("slot", { key: '4734836c7971885e8ae84fb919a5aceaa9713f1c', name: "selectable" })), h("div", { key: '67035bf8eeb78bdf5ec00d5d5e63aaeb36600971', class: "dso-card-heading" }, (this.mode === "extern" && (h("a", { key: '52ec88ae6644d176b676b38f3b5a3b8a4f18d8fb', href: this.href, class: "heading-anchor", target: "_blank", rel: "noopener noreferrer", onClick: (e) => this.clickEventHandler(e) }, h("slot", { key: 'b0a930073a356cc0a85e99a738f8d37aafbe490e', name: "heading" }), h("dso-icon", { key: '03f039eddd70c41ddb8d95cf133c0917a9073503', icon: "external-link" }), h("span", { key: '63f6fb7bc9ecf562015ae04825f43a8f5885c946', class: "sr-only" }, "(Opent andere website in nieuw tabblad)")))) ||
-            (this.mode === "download" && (h("a", { key: 'ca38710b591fad28865552b9603dd1e90254535d', href: this.href, class: "heading-anchor", onClick: (e) => this.clickEventHandler(e) }, h("slot", { key: '2e85110d0435a74373bcc8c46d2b88e21757e9d4', name: "heading" }), h("dso-icon", { key: '05101c81b6645297f6fe3b37312bc95f6d05c8bf', icon: "download" })))) || (h("a", { key: '6a02cb73fd4cff8d17bdad494fe047a13c93ba85', href: this.href, class: "heading-anchor", onClick: (e) => this.clickEventHandler(e) }, h("slot", { key: 'e5631df37f950eefad86d94040b7f0fc0ae720b8', name: "heading" }), h("dso-icon", { key: '05ba6344294489c0c9299490d126906920d173f9', icon: "chevron-right" }))), this.interactionsSlottedElement !== null && h("slot", { key: '7e92b0ace856f9bcc586040cdd2b1c3eea8ca388', name: "interactions" })), h("div", { key: 'c994ab7a513a7cee91b1f4b236328224c465831f', class: "dso-card-content" }, h("slot", { key: 'ba532ccd9ccaa53dccacb6b5cd392bb042d20fcb', name: "content" })))));
+        return (h(Host, { key: '106df756cd8383136b238be0107f318c7f0b1457', "is-selectable": isSelectable }, h("div", { key: '763de98d5426a7047cf2793ad3acd5b305676884', class: "dso-card-container" }, h("div", { key: 'a2c89ba5a220d7e098193627ab9779f1269874c6', class: "dso-card-selectable", hidden: !isSelectable }, h("slot", { key: 'e2426f5ab8f36d946747befeaae0c435ddbecfdf', name: "selectable" })), h("div", { key: 'cc1051b1898c35d48a4337215b785fae6198c0a4', class: "dso-card-heading" }, (this.mode === "extern" && (h("a", { key: '48d1e463fe1c4bca63be68f4987106c3a9e8fa71', href: this.href, class: "heading-anchor", target: "_blank", rel: "noopener noreferrer", onClick: (e) => this.clickEventHandler(e) }, h("slot", { key: 'bdf715e2cf039ba2ba298b91b7d2dce2ee8a06c9', name: "heading" }), h("dso-icon", { key: 'cf42631e919b44eef3485c44e3fadfea559596c2', icon: "external-link" }), h("span", { key: 'dd25289f8e82d50106f89023ab8b44d106e8106b', class: "sr-only" }, "(Opent andere website in nieuw tabblad)")))) ||
+            (this.mode === "download" && (h("a", { key: '43eb6d4e7d7ae31d2b15f7191be77011b1599374', href: this.href, class: "heading-anchor", onClick: (e) => this.clickEventHandler(e) }, h("slot", { key: 'ff25a6a15671b0bd35be220791ed66f4bd419a7a', name: "heading" }), h("dso-icon", { key: '018c727bfdcd9b3a8be760328852fd5e631b2183', icon: "download" })))) || (h("a", { key: '02745c8de0b89a53959a53af6438d91a5c62933d', href: this.href, class: "heading-anchor", onClick: (e) => this.clickEventHandler(e) }, h("slot", { key: '39873da8243d03be0dfd5bc8c38e023382d0aef2', name: "heading" }), h("dso-icon", { key: 'f52a560ae21f299d5b1e87c0938282f3cb533f49', icon: "chevron-right" }))), this.interactionsSlottedElement !== null && h("slot", { key: 'd4a0e4f23487f6afb53e4062261ff4af028965a2', name: "interactions" })), h("div", { key: '7206aa3d66eed29fe5e821c9446ee8a54a39d99d', class: "dso-card-content" }, h("slot", { key: '7d2d9caf4da500c922a69e89eabce1422229acf9', name: "content" })))));
     }
     static get is() { return "dso-card"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/card-container/card-container.css

@@ -29,4 +29,9 @@
   :host .dso-card-grid {
     grid-template-columns: repeat(3, 1fr);
   }
+}
+
+:host(:last-child) .dso-card-list {
+  border-block-end: var(--_dso-card-container-list-border-block-end, 1px solid #ccc);
+  margin-block-end: var(--_dso-card-container-list-margin-block-end, 1em);
 }

package/dist/collection/components/date-picker/date-picker.js

@@ -105,7 +105,7 @@ export class DsoDatePicker {
         return undefined;
     }
     render() {
-        return (h("input", { key: '181c385766ca51b1e53cc0d086bb9283c45446a6', type: "date", id: this.identifier, class: "dso-date__input", value: parseToValueFormat(this.value), name: this.name, min: parseToValueFormat(this.min), max: parseToValueFormat(this.max), disabled: this.disabled || undefined, required: this.required || undefined, "aria-autocomplete": "none", "aria-invalid": this.invalid?.toString(), "aria-describedby": this.describedBy, autoComplete: "off", autofocus: this.dsoAutofocus || undefined, onBlur: this.handleBlur, onFocus: this.handleFocus, onKeyUp: this.handleKeyUp, onKeyDown: this.handleKeyDown, onChange: this.handleInputChange }));
+        return (h("input", { key: '9687b85b3241b120259055e5adfdef71a3a46acf', type: "date", id: this.identifier, class: "dso-date__input", value: parseToValueFormat(this.value), name: this.name, min: parseToValueFormat(this.min), max: parseToValueFormat(this.max), disabled: this.disabled || undefined, required: this.required || undefined, "aria-autocomplete": "none", "aria-invalid": this.invalid?.toString(), "aria-describedby": this.describedBy, autoComplete: "off", autofocus: this.dsoAutofocus || undefined, onBlur: this.handleBlur, onFocus: this.handleFocus, onKeyUp: this.handleKeyUp, onKeyDown: this.handleKeyDown, onChange: this.handleInputChange }));
     }
     static get is() { return "dso-date-picker"; }
     static get encapsulation() { return "scoped"; }
@@ -279,18 +279,18 @@ export class DsoDatePicker {
                 "defaultValue": "\"\""
             },
             "min": {
-                "type": "string",
+                "type": "any",
                 "mutable": false,
                 "complexType": {
-                    "original": "string | undefined",
-                    "resolved": "string | undefined",
+                    "original": "string | number | undefined",
+                    "resolved": "number | string | undefined",
                     "references": {}
                 },
                 "required": false,
                 "optional": false,
                 "docs": {
                     "tags": [],
-                    "text": "Minimum date allowed to be picked. Must be in Dutch date format: DD-MM-YYYY.\r\nThis setting can be used alone or together with the max property."
+                    "text": "Minimum date allowed to be picked. Must be in Dutch date format: DD-MM-YYYY.\r\nThis setting can be used alone or together with the max property.\r\nNumeric values from Angular Signal Forms do not set a date limit."
                 },
                 "getter": false,
                 "setter": false,
@@ -298,18 +298,18 @@ export class DsoDatePicker {
                 "attribute": "min"
             },
             "max": {
-                "type": "string",
+                "type": "any",
                 "mutable": false,
                 "complexType": {
-                    "original": "string | undefined",
-                    "resolved": "string | undefined",
+                    "original": "string | number | undefined",
+                    "resolved": "number | string | undefined",
                     "references": {}
                 },
                 "required": false,
                 "optional": false,
                 "docs": {
                     "tags": [],
-                    "text": "Maximum date allowed to be picked. Must be in Dutch date format: DD-MM-YYYY.\r\nThis setting can be used alone or together with the min property."
+                    "text": "Maximum date allowed to be picked. Must be in Dutch date format: DD-MM-YYYY.\r\nThis setting can be used alone or together with the min property.\r\nNumeric values from Angular Signal Forms do not set a date limit."
                 },
                 "getter": false,
                 "setter": false,

package/dist/collection/components/date-picker/date-utils.js

@@ -2,7 +2,7 @@
  * dd-mm-yyyy to yyyy-mm-dd
  */
 export function parseToValueFormat(value) {
-    if (!value) {
+    if (!value || typeof value !== "string") {
         return;
     }
     const matches = value.split("-");

package/dist/collection/components/dropdown-menu/dropdown-menu.js

@@ -13,7 +13,7 @@ export class DropdownMenu {
         this.variant = "secondary";
         this.open = false;
         this.focusOutListener = (event) => {
-            if (this.open && !(event.relatedTarget instanceof HTMLElement)) {
+            if (this.open && !this.isInsideDropdownMenu(event.relatedTarget)) {
                 this.toggleOptions(false);
             }
         };
@@ -171,6 +171,9 @@ export class DropdownMenu {
     disconnectedCallback() {
         this.toggleOptions(false);
     }
+    isInsideDropdownMenu(element) {
+        return element instanceof Node && (this.host.contains(element) || !!this.host.shadowRoot?.contains(element));
+    }
     get lastItem() {
         return this.dropdownMenuTabbables(true).at(-1);
     }
@@ -203,7 +206,7 @@ export class DropdownMenu {
     }
     render() {
         const buttonId = uuidv4();
-        return (h(Host, { key: '898e03c9fb8dcd98b45cc42d05fe4f29cb408d07', onFocusout: this.focusOutListener, onKeyDown: this.keyDownHandler }, this.label && (h("button", { key: '94945d023367cbcd32d3d774fad82ec2f17ab50f', id: buttonId, class: `dso-${this.variant}`, type: "button", onClick: () => this.toggleOptions(), "aria-expanded": this.open.toString(), "aria-haspopup": "menu", ref: (element) => (this.button = element) }, this.label, h("dso-icon", { key: '1ff9abf3f6f67587277d80514fb02c172dd5e65b', icon: this.open ? "chevron-up" : "chevron-down" }))), h("div", { key: 'f1eca3859c3ba0cedd96a1631d155b0db5b401f9', popover: "manual", class: "dso-dropdown-options", "aria-labelledby": buttonId, role: "menu", ref: (element) => (this.popoverElement = element) }, h("dso-scrollable", { key: '7943c1d3063bc8972027f6e3b8dd0dd42561c2c9' }, h("slot", { key: '95f224579f8a636f03d0f6bf185105d005696297' })))));
+        return (h(Host, { key: '0e2e2c0226bec7638b3d60baab089708191dd6eb', onFocusout: this.focusOutListener, onKeyDown: this.keyDownHandler }, this.label && (h("button", { key: '4e11b83883f18b991eab4c219b4bebb2eb1317fb', id: buttonId, class: `dso-${this.variant}`, type: "button", onClick: () => this.toggleOptions(), "aria-expanded": this.open.toString(), "aria-haspopup": "menu", ref: (element) => (this.button = element) }, this.label, h("dso-icon", { key: '7d2d0724c47777fc68d815cc5d92c0d5ac996ab6', icon: this.open ? "chevron-up" : "chevron-down" }))), h("div", { key: 'ab88d386a9d8974162728f663bda7e279368f04b', popover: "manual", class: "dso-dropdown-options", "aria-labelledby": buttonId, role: "menu", ref: (element) => (this.popoverElement = element) }, h("dso-scrollable", { key: '3e1dda4a8dcd2678cdf96a6125124384444051ab' }, h("slot", { key: '8954e92ac331853d1dd3d7a0089caf4754cdd3e8' })))));
     }
     static get is() { return "dso-dropdown-menu"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/header/header.css

@@ -17,6 +17,11 @@
 :host([is-compact]) .dropdown-menu .dropdown-menu-options {
   inline-size: 100%;
 }
+@media screen and (min-width: 481px) {
+  :host([is-compact]) .dropdown-menu .dropdown-menu-options {
+    inline-size: 265px;
+  }
+}
 
 :host(:not([is-compact])) .dropdown-menu .dropdown-menu-options {
   inline-size: 375px;
@@ -30,9 +35,34 @@ div[popover] {
   overflow: unset;
   inline-size: max-content;
 }
+@media screen and (max-width: 480px) {
+  div[popover] {
+    inset-inline: 0 !important;
+    inline-size: 100%;
+  }
+  div[popover] .dropdown-menu-options {
+    inline-size: 100%;
+    max-inline-size: none !important;
+  }
+  div[popover]::before {
+    content: "";
+    position: absolute;
+    inset-block-start: -1px;
+    inset-inline: 0;
+    border-block-end: 1px solid #ccc;
+  }
+  div[popover]::after {
+    content: "";
+    position: absolute;
+    inset-block-start: 100%;
+    inset-inline: 0;
+    block-size: 100vh;
+    background-color: rgba(255, 255, 255, 0.8);
+  }
+}
 
 .dso-header {
-  border-block-end: 1px solid #ccc;
+  border-block-end: 1px solid #e5e5e5;
   display: flex;
   flex-wrap: wrap;
   align-items: center;
@@ -129,9 +159,6 @@ div[popover] {
   margin-inline-start: 8px;
   padding-block-start: 2px;
 }
-.dropdown-menu button[aria-expanded=true] dso-icon {
-  transform: rotate(180deg);
-}
 .dropdown-menu .dropdown-menu-options {
   box-sizing: border-box;
   background-clip: padding-box;
@@ -151,7 +178,7 @@ div[popover] {
   list-style: none;
 }
 .dropdown-menu .dropdown-menu-options ul:not(:last-child) {
-  border-block-end: 1px solid #e5e5e5;
+  border-block-end: 1px solid #ccc;
   margin-block-end: 11px;
   padding-block-end: 11px;
 }
@@ -180,40 +207,15 @@ div[popover] {
   text-decoration: none;
   white-space: nowrap;
 }
-.dropdown-menu .dropdown-menu-options ul li a:hover, .dropdown-menu .dropdown-menu-options ul li a:focus,
-.dropdown-menu .dropdown-menu-options ul li button:hover,
+.dropdown-menu .dropdown-menu-options ul li a:focus,
 .dropdown-menu .dropdown-menu-options ul li button:focus {
-  background-color: #39870c;
-  border-color: #39870c;
-  color: #fff;
-  text-decoration: none;
-}
-.dropdown-menu .dropdown-menu-options ul li a:focus-visible,
-.dropdown-menu .dropdown-menu-options ul li button:focus-visible {
-  background-color: #39870c;
-  color: #fff;
-}
-.dropdown-menu .dropdown-menu-options ul li a:hover, .dropdown-menu .dropdown-menu-options ul li a:hover:visited,
-.dropdown-menu .dropdown-menu-options ul li button:hover,
-.dropdown-menu .dropdown-menu-options ul li button:hover:visited {
-  color: #275937;
-}
-.dropdown-menu .dropdown-menu-options ul li a:hover,
-.dropdown-menu .dropdown-menu-options ul li button:hover {
-  background-color: #fff;
   text-decoration: underline;
 }
-.dropdown-menu .dropdown-menu-options ul li a:visited,
-.dropdown-menu .dropdown-menu-options ul li button:visited {
+.dropdown-menu .dropdown-menu-options ul li.dso-active a,
+.dropdown-menu .dropdown-menu-options ul li.dso-active button {
+  background-color: #275937;
   color: #fff;
 }
-.dropdown-menu .dropdown-menu-options ul li a:visited:not(:hover):not(:focus):not(:focus-visible),
-.dropdown-menu .dropdown-menu-options ul li button:visited:not(:hover):not(:focus):not(:focus-visible) {
-  color: #275937;
-}
-.dropdown-menu .dropdown-menu-options ul li.dso-active a {
-  font-weight: 600;
-}
 .dropdown-menu .dropdown-menu-options ul li a.dso-tertiary,
 .dropdown-menu .dropdown-menu-options ul li button.dso-tertiary {
   align-items: center;

package/dist/collection/components/header/header.i18n.js

@@ -1,6 +1,7 @@
 export const translations = {
     en: {
         "dso-header": {
+            menuOpen: "Close",
             menu: "Menu",
             login: "Log in",
             logout: "Log out",
@@ -10,6 +11,7 @@ export const translations = {
     },
     nl: {
         "dso-header": {
+            menuOpen: "Sluiten",
             menu: "Menu",
             login: "Inloggen",
             logout: "Uitloggen",

package/dist/collection/components/header/header.js

@@ -307,7 +307,10 @@ export class Header {
         return (h("div", { class: "dso-header-session" }, !this.isCompact && (h(Fragment, null, this.userProfileUrl && this.userProfileName && this.authStatus === "loggedIn" && (h("div", { class: "profile" }, h("a", { href: this.userProfileUrl, class: "dso-tertiary", onClick: (e) => this.clickHandler(e, "profile", { url: this.userProfileUrl }) }, this.userProfileName))), this.authStatus === "loggedOut" && h("div", { class: "login" }, this.renderLogin()), this.authStatus === "loggedIn" && h("div", { class: "logout" }, this.renderLogout()))), this.showHelp && !this.isMobileViewport && h("div", { class: "help" }, this.renderHelp())));
     }
     renderCompact() {
-        return ((this.mainMenu.length > 0 || this.userHomeUrl || this.authStatus !== "none") && (h("div", { class: "dropdown" }, h("div", { class: "dropdown-menu", onFocusout: this.focusOutListener, ref: (element) => (this.dropdownElement = element) }, h("button", { id: uuidv4(), type: "button", onClick: () => this.toggleOptions(), ref: (element) => (this.dropdownButtonElement = element), "aria-haspopup": "menu", "aria-expanded": this.open ? "true" : "false" }, h("span", null, this.text("menu")), h("dso-icon", { icon: "chevron-down" })), h("div", { popover: "manual", ref: (element) => (this.popoverElement = element) }, h("dso-scrollable", { class: "dropdown-menu-options", role: "menu", "aria-labelledby": this.dropdownButtonElement?.id, onKeyDown: this.keyDownHandler }, h("ul", { role: "group" }, this.mainMenu.map((menuItem) => (h(MenuItem, { item: menuItem, onClick: (e) => this.clickHandler(e, "menuItem", { menuItem }), key: menuItem.label }))), this.userHomeUrl && (h("li", { role: "menuitem" }, h("a", { href: this.userHomeUrl, onClick: (e) => this.clickHandler(e, "userHome", { url: this.userHomeUrl }) }, this.text("userHome")))), this.userProfileUrl && this.userProfileName && this.authStatus === "loggedIn" && (h("li", { role: "menuitem" }, h("a", { href: this.userProfileUrl, onClick: (e) => this.clickHandler(e, "profile", { url: this.userProfileUrl }) }, this.userProfileName, h("span", { class: "profile-label" }, " - Mijn profiel")))), this.authStatus === "loggedIn" && h("li", { role: "menuitem" }, this.renderLogout()), this.authStatus === "loggedOut" && h("li", { role: "menuitem" }, this.renderLogin()), this.showHelp && this.isMobileViewport && h("li", { role: "menuitem" }, this.renderHelp()))))))));
+        return ((this.mainMenu.length > 0 || this.userHomeUrl || this.authStatus !== "none") && (h("div", { class: "dropdown" }, h("div", { class: "dropdown-menu", onFocusout: this.focusOutListener, ref: (element) => (this.dropdownElement = element) }, h("button", { id: uuidv4(), type: "button", onClick: () => this.toggleOptions(), ref: (element) => (this.dropdownButtonElement = element), "aria-haspopup": "menu", "aria-expanded": this.open ? "true" : "false" }, this.renderMenuToggleContent(this.isMobileViewport, this.open)), h("div", { popover: "manual", ref: (element) => (this.popoverElement = element) }, h("dso-scrollable", { class: "dropdown-menu-options", role: "menu", "aria-labelledby": this.dropdownButtonElement?.id, onKeyDown: this.keyDownHandler }, h("ul", { role: "group" }, this.mainMenu.map((menuItem) => (h(MenuItem, { item: menuItem, onClick: (e) => this.clickHandler(e, "menuItem", { menuItem }), key: menuItem.label }))), this.userHomeUrl && (h("li", { role: "menuitem" }, h("a", { href: this.userHomeUrl, onClick: (e) => this.clickHandler(e, "userHome", { url: this.userHomeUrl }) }, this.text("userHome")))), this.userProfileUrl && this.userProfileName && this.authStatus === "loggedIn" && (h("li", { role: "menuitem" }, h("a", { href: this.userProfileUrl, onClick: (e) => this.clickHandler(e, "profile", { url: this.userProfileUrl }) }, this.userProfileName, h("span", { class: "profile-label" }, " - Mijn profiel")))), this.authStatus === "loggedIn" && h("li", { role: "menuitem" }, this.renderLogout()), this.authStatus === "loggedOut" && h("li", { role: "menuitem" }, this.renderLogin()), this.showHelp && this.isMobileViewport && h("li", { role: "menuitem" }, this.renderHelp()))))))));
+    }
+    renderMenuToggleContent(isMobileViewport, open) {
+        return (h(Fragment, null, h("span", null, open && isMobileViewport ? this.text("menuOpen") : this.text("menu")), isMobileViewport ? (h("dso-icon", { icon: open ? "cross" : "bars" })) : (h("dso-icon", { icon: open ? "chevron-up" : "chevron-down" }))));
     }
     renderNormal() {
         this.menuItemElementRefs = [];

package/dist/collection/components/label/label.css

@@ -1,46 +1,3 @@
-.dso-tooltip {
-  --_dso-alert-success-border-color: initial;
-  --_dso-alert-error-border-color: initial;
-  --_dso-alert-info-border-color: initial;
-  --_dso-alert-warning-border-color: initial;
-  background-color: #fff;
-  color: #191919;
-  border-radius: 4px;
-  overflow: unset;
-  margin: 0;
-  border: 0;
-  padding: 0;
-  filter: drop-shadow(0 2px 8px rgba(0, 0, 0, 0.4));
-  opacity: 0;
-  visibility: hidden;
-  max-inline-size: 640px;
-}
-.dso-tooltip .tooltip-inner {
-  --_dso-span-role-paragraph-margin-block: 8px;
-  --_dso-alert-success-border-color: initial;
-  --_dso-alert-error-border-color: initial;
-  --_dso-alert-info-border-color: initial;
-  --_dso-alert-warning-border-color: initial;
-  background-color: #fff;
-  color: #191919;
-  font-family: Asap, sans-serif;
-  font-size: 1rem;
-  font-weight: normal;
-  padding-block: 8px;
-  padding-inline: 16px;
-  border-radius: 4px;
-  line-height: 1.5;
-}
-.dso-tooltip .tooltip-arrow {
-  position: absolute;
-  background-color: #fff;
-  border-start-start-radius: 4px;
-  block-size: 10px;
-  inline-size: 10px;
-  pointer-events: none;
-  z-index: -1;
-}
-
 *,
 *::after,
 *::before {
@@ -52,19 +9,10 @@
   max-inline-size: 100%;
 }
 
-:host([removable]) .dso-truncate.dso-label-content {
+:host([truncate][removable]) .dso-label-content {
   max-inline-size: calc(100% - 28px);
 }
 
-:host([truncate]) .dso-label-content {
-  display: inline-block;
-  max-inline-size: 100%;
-  overflow: hidden;
-  text-overflow: ellipsis;
-  vertical-align: bottom;
-  white-space: nowrap;
-}
-
 ::slotted([slot=symbol]) {
   background-color: #fff;
   background-color: #fff;
@@ -115,6 +63,7 @@
   padding-block: 4px;
   padding-inline: 8px;
   max-inline-size: 100%;
+  min-inline-size: 0;
   font-weight: normal;
   border-radius: 4px;
   line-height: 1.5;
@@ -541,6 +490,10 @@
   padding-inline: 8px;
 }
 
+.dso-label-content {
+  min-inline-size: 0;
+}
+
 dso-icon-button {
   float: inline-end;
   margin-inline-start: 8px;