@dso-toolkit/core 62.25.0 → 62.26.0

package/dist/cjs/loader.cjs.js

@@ -2,13 +2,13 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-48d7533e.js');
+const index = require('./index-56461a0b.js');
 const appGlobals = require('./app-globals-3a1e7e63.js');
 
 const defineCustomElements = async (win, options) => {
   if (typeof window === 'undefined') return undefined;
   await appGlobals.globalScripts();
-  return index.bootstrapLazy(JSON.parse("[[\"dsot-document-component-demo.cjs\",[[2,\"dsot-document-component-demo\",{\"showCanvas\":[516,\"show-canvas\"],\"jsonFile\":[1,\"json-file\"],\"openDefault\":[4,\"open-default\"],\"response\":[32],\"document\":[32],\"openOrClosed\":[32],\"openedAnnotation\":[32],\"filtered\":[32],\"notApplicable\":[32],\"activeAnnotationSelectables\":[32]},null,{\"jsonFile\":[\"jsonFileWatcher\"],\"openDefault\":[\"openDefaultWatcher\"]}]]],[\"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-omgevingsnorm.cjs\",[[1,\"dso-annotation-omgevingsnorm\",{\"wijzigactie\":[513],\"active\":[516],\"gewijzigdeLocatie\":[516,\"gewijzigde-locatie\"],\"naam\":[1],\"waardes\":[16],\"eenheid\":[1]}]]],[\"dso-annotation-werkingsgebied.cjs\",[[1,\"dso-annotation-werkingsgebied\",{\"wijzigactie\":[513],\"active\":[516],\"gewijzigdeLocatie\":[516,\"gewijzigde-locatie\"],\"locatieNoemer\":[1,\"locatie-noemer\"]}]]],[\"dso-legend-item.cjs\",[[1,\"dso-legend-item\",{\"disabled\":[516],\"disabledMessage\":[1,\"disabled-message\"],\"removable\":[4],\"showBody\":[32]}]]],[\"dso-map-base-layers.cjs\",[[1,\"dso-map-base-layers\",{\"group\":[1],\"baseLayers\":[16]}]]],[\"dso-map-overlays.cjs\",[[1,\"dso-map-overlays\",{\"group\":[1],\"overlays\":[16]}]]],[\"dso-accordion-section.cjs\",[[1,\"dso-accordion-section\",{\"handleTitle\":[1,\"handle-title\"],\"heading\":[1],\"handleUrl\":[1,\"handle-url\"],\"status\":[1],\"attachmentCount\":[2,\"attachment-count\"],\"icon\":[1],\"statusDescription\":[1,\"status-description\"],\"open\":[516],\"hasNestedAccordion\":[516,\"has-nested-accordion\"],\"hover\":[32],\"focusHandle\":[64]}]]],[\"dso-advanced-select.cjs\",[[1,\"dso-advanced-select\",{\"options\":[16],\"active\":[16],\"activeHint\":[1,\"active-hint\"],\"open\":[32]},[[8,\"keydown\",\"keyDownListener\"]]]]],[\"dso-autosuggest.cjs\",[[6,\"dso-autosuggest\",{\"suggestions\":[16],\"loading\":[4],\"loadingLabel\":[1,\"loading-label\"],\"loadingDelayed\":[2,\"loading-delayed\"],\"notFoundLabel\":[1,\"not-found-label\"],\"suggestOnFocus\":[4,\"suggest-on-focus\"],\"mark\":[16],\"showSuggestions\":[32],\"selectedSuggestion\":[32],\"notFound\":[32],\"showLoading\":[32]},[[4,\"click\",\"onDocumentClick\"]],{\"suggestions\":[\"suggestionsWatcher\"]}]]],[\"dso-header.cjs\",[[6,\"dso-header\",{\"mainMenu\":[16],\"useDropDownMenu\":[1,\"use-drop-down-menu\"],\"authStatus\":[1,\"auth-status\"],\"loginUrl\":[1,\"login-url\"],\"logoutUrl\":[1,\"logout-url\"],\"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\"],\"showDropDown\":[32],\"overflowMenuItems\":[32],\"dropdownOptionsOffset\":[32]},null,{\"useDropDownMenu\":[\"setShowDropDown\"]}]]],[\"dso-map-controls.cjs\",[[1,\"dso-map-controls\",{\"open\":[1540],\"disableZoom\":[1,\"disable-zoom\"],\"hideContent\":[32],\"toggleVisibility\":[64]},null,{\"open\":[\"watchOpen\"]}]]],[\"dso-modal.cjs\",[[1,\"dso-modal\",{\"fullscreen\":[516],\"modalTitle\":[1,\"modal-title\"],\"role\":[1],\"returnFocus\":[4,\"return-focus\"],\"showCloseButton\":[4,\"show-close-button\"],\"ariaId\":[32]}]]],[\"dso-pagination.cjs\",[[1,\"dso-pagination\",{\"totalPages\":[2,\"total-pages\"],\"currentPage\":[2,\"current-page\"],\"formatHref\":[16],\"availablePositions\":[32]},[[0,\"dsoSizeChange\",\"sizeChangeHandler\"]]]]],[\"dso-tree-view.cjs\",[[1,\"dso-tree-view\",{\"collection\":[16],\"focusItem\":[64]}]]],[\"dso-action-list-item.cjs\",[[1,\"dso-action-list-item\",{\"step\":[2],\"itemTitle\":[1,\"item-title\"],\"flowLine\":[4,\"flow-line\"],\"warning\":[4],\"divider\":[4]}]]],[\"dso-card.cjs\",[[1,\"dso-card\",{\"clickable\":[516],\"imageShape\":[513,\"image-shape\"],\"href\":[513],\"mode\":[513]}]]],[\"dso-date-picker-legacy.cjs\",[[2,\"dso-date-picker-legacy\",{\"name\":[1],\"identifier\":[1],\"disabled\":[516],\"role\":[1],\"direction\":[1],\"required\":[4],\"invalid\":[516],\"describedBy\":[1,\"described-by\"],\"dsoAutofocus\":[4,\"dso-autofocus\"],\"value\":[1537],\"min\":[1],\"max\":[1],\"activeFocus\":[32],\"focusedDay\":[32],\"open\":[32],\"visible\":[32],\"setFocus\":[64],\"show\":[64],\"hide\":[64]},[[6,\"click\",\"handleDocumentClick\"]]]]],[\"dso-helpcenter-panel.cjs\",[[1,\"dso-helpcenter-panel\",{\"label\":[1],\"url\":[1],\"visibility\":[32],\"isOpen\":[32],\"slideState\":[32],\"loadIframe\":[32]},[[8,\"keydown\",\"keyDownListener\"]],{\"url\":[\"watchUrl\"],\"isOpen\":[\"watchIsOpen\"]}]]],[\"dso-list-button.cjs\",[[1,\"dso-list-button\",{\"label\":[1],\"sublabel\":[1],\"count\":[2],\"min\":[8],\"max\":[8],\"checked\":[516],\"disabled\":[516],\"subcontentPrefix\":[1,\"subcontent-prefix\"],\"manual\":[4],\"manualInputWrapperElement\":[32],\"manualCount\":[32]},null,{\"manual\":[\"watchManualCallback\"]}]]],[\"dso-mark-bar.cjs\",[[1,\"dso-mark-bar\",{\"value\":[1],\"label\":[1],\"current\":[2],\"totalCount\":[2,\"total-count\"],\"dsoFocus\":[64]}]]],[\"dso-accordion.cjs\",[[1,\"dso-accordion\",{\"variant\":[513],\"reverseAlign\":[516,\"reverse-align\"],\"_getState\":[64]},null,{\"variant\":[\"updateVariant\"],\"reverseAlign\":[\"updateReverseAlign\"]}]]],[\"dso-action-list.cjs\",[[1,\"dso-action-list\",{\"listTitle\":[1,\"list-title\"]}]]],[\"dso-banner.cjs\",[[1,\"dso-banner\",{\"status\":[513],\"compact\":[4],\"noIcon\":[4,\"no-icon\"]}]]],[\"dso-card-container.cjs\",[[1,\"dso-card-container\",{\"mode\":[513]}]]],[\"dso-date-picker.cjs\",[[2,\"dso-date-picker\",{\"name\":[1],\"identifier\":[1],\"disabled\":[516],\"required\":[516],\"invalid\":[516],\"describedBy\":[1,\"described-by\"],\"dsoAutofocus\":[4,\"dso-autofocus\"],\"value\":[513],\"min\":[1],\"max\":[1]}]]],[\"dso-highlight-box.cjs\",[[1,\"dso-highlight-box\",{\"yellow\":[516],\"border\":[516],\"white\":[516],\"dropShadow\":[516,\"drop-shadow\"],\"step\":[514]}]]],[\"dso-input-range.cjs\",[[1,\"dso-input-range\",{\"min\":[2],\"max\":[2],\"value\":[2],\"step\":[2],\"label\":[1],\"unit\":[1],\"description\":[1]}]]],[\"dso-logo.cjs\",[[1,\"dso-logo\",{\"logoUrl\":[513,\"logo-url\"],\"label\":[513],\"labelUrl\":[513,\"label-url\"],\"ribbon\":[513]}]]],[\"dso-progress-bar.cjs\",[[1,\"dso-progress-bar\",{\"progress\":[2],\"min\":[2],\"max\":[2]}]]],[\"dso-viewer-grid.cjs\",[[1,\"dso-viewer-grid\",{\"mode\":[513],\"filterpanelOpen\":[516,\"filterpanel-open\"],\"overlayOpen\":[516,\"overlay-open\"],\"documentPanelOpen\":[516,\"document-panel-open\"],\"mainSize\":[513,\"main-size\"],\"activeTab\":[1,\"active-tab\"],\"documentPanelSize\":[513,\"document-panel-size\"],\"mainPanelExpanded\":[4,\"main-panel-expanded\"],\"mainPanelHidden\":[4,\"main-panel-hidden\"],\"tabView\":[32],\"_checkMainPanelVisibility\":[64]},null,{\"documentPanelOpen\":[\"documentPanelOpenWatcher\"],\"filterpanelOpen\":[\"filterpanelOpenWatcher\"],\"overlayOpen\":[\"overlayOpenWatcher\"]}]]],[\"dso-info-button.cjs\",[[1,\"dso-info-button\",{\"active\":[1540],\"secondary\":[4],\"label\":[1],\"hover\":[32],\"setFocus\":[64]}]]],[\"dso-tooltip.cjs\",[[1,\"dso-tooltip\",{\"descriptive\":[516],\"position\":[1],\"strategy\":[1],\"noArrow\":[4,\"no-arrow\"],\"stateless\":[4],\"small\":[4],\"active\":[1540],\"hidden\":[32],\"activate\":[64],\"deactivate\":[64]},null,{\"position\":[\"watchPosition\"],\"strategy\":[\"watchStrategy\"],\"active\":[\"watchActive\"]}]]],[\"dso-icon.cjs\",[[1,\"dso-icon\",{\"icon\":[1]}]]],[\"dso-toggletip.cjs\",[[1,\"dso-toggletip\",{\"label\":[1],\"position\":[1],\"small\":[4],\"secondary\":[4],\"active\":[32]}]]],[\"dso-attachments-counter.cjs\",[[1,\"dso-attachments-counter\",{\"count\":[2]}]]],[\"dso-dropdown-menu.cjs\",[[1,\"dso-dropdown-menu\",{\"open\":[1540],\"dropdownAlign\":[1,\"dropdown-align\"],\"dropdownOptionsOffset\":[2,\"dropdown-options-offset\"],\"checkable\":[4],\"boundary\":[1],\"placement\":[1],\"strategy\":[1]},[[8,\"click\",\"onClick\"],[8,\"keydown\",\"keyDownListener\"]],{\"placement\":[\"watchPosition\"],\"dropdownAlign\":[\"watchPosition\"],\"dropdownOptionsOffset\":[\"watchOptionsOffset\"],\"strategy\":[\"watchStrategy\"]}]]],[\"dso-progress-indicator.cjs\",[[1,\"dso-progress-indicator\",{\"label\":[1],\"size\":[513],\"block\":[4]}]]],[\"dso-scrollable.cjs\",[[1,\"dso-scrollable\",{\"scrollPosition\":[32],\"_setScrollState\":[64]}]]],[\"dso-expandable.cjs\",[[1,\"dso-expandable\",{\"open\":[516],\"enableAnimation\":[516,\"enable-animation\"],\"minimumHeight\":[2,\"minimum-height\"],\"isClosed\":[32]},[[0,\"transitionstart\",\"transitionstartHandler\"],[0,\"transitionend\",\"transitionendHandler\"]],{\"open\":[\"toggleOpen\"]}]]],[\"dso-responsive-element.cjs\",[[1,\"dso-responsive-element\",{\"sizeAlias\":[32],\"sizeWidth\":[32],\"getSize\":[64]}]]],[\"dso-info_2.cjs\",[[6,\"dso-selectable\",{\"type\":[1],\"identifier\":[1],\"name\":[1],\"value\":[1],\"invalid\":[4],\"describedById\":[1,\"described-by-id\"],\"labelledById\":[1,\"labelled-by-id\"],\"disabled\":[4],\"required\":[4],\"checked\":[516],\"indeterminate\":[4],\"infoFixed\":[4,\"info-fixed\"],\"infoActive\":[32],\"keyboardFocus\":[32],\"toggleInfo\":[64]},null,{\"indeterminate\":[\"setIndeterminate\"]}],[1,\"dso-info\",{\"fixed\":[516],\"active\":[516]}]]],[\"dso-label_2.cjs\",[[4,\"dso-slide-toggle\",{\"checked\":[4],\"disabled\":[4],\"accessibleLabel\":[1,\"accessible-label\"],\"labelledbyId\":[1,\"labelledby-id\"],\"identifier\":[1],\"hasVisibleLabel\":[32]}],[1,\"dso-label\",{\"compact\":[4],\"removable\":[4],\"status\":[1],\"truncate\":[4],\"removeHover\":[32],\"removeFocus\":[32],\"textHover\":[32],\"textFocus\":[32],\"isTruncated\":[32],\"labelText\":[32],\"_truncateLabel\":[64]},[[4,\"keydown\",\"keyDownListener\"]],{\"removable\":[\"watchRemovable\"],\"truncate\":[\"watchTruncate\"]}]]],[\"dso-alert_6.cjs\",[[1,\"dso-ozon-content\",{\"content\":[1],\"inline\":[516],\"mark\":[16],\"state\":[32]},null,{\"content\":[\"contentWatcher\"]}],[1,\"dso-alert\",{\"status\":[513],\"roleAlert\":[4,\"role-alert\"]}],[0,\"dso-annotation-button\",{\"identifier\":[1],\"open\":[4]}],[1,\"dso-image-overlay\",{\"wijzigactie\":[1],\"active\":[32],\"zoomable\":[32]},[[2,\"load\",\"loadListener\"]]],[1,\"dso-table\",{\"noModal\":[516,\"no-modal\"],\"isResponsive\":[516,\"is-responsive\"],\"modalActive\":[32],\"placeholderHeight\":[32]}],[1,\"dso-badge\",{\"status\":[1]}]]],[\"dso-annotation-output_2.cjs\",[[1,\"dso-document-component\",{\"heading\":[1],\"label\":[1],\"nummer\":[1],\"opschrift\":[1],\"inhoud\":[1],\"open\":[516],\"filtered\":[516],\"notApplicable\":[516,\"not-applicable\"],\"genesteOntwerpInformatie\":[516,\"geneste-ontwerp-informatie\"],\"bevatOntwerpInformatie\":[516,\"bevat-ontwerp-informatie\"],\"annotated\":[516],\"gereserveerd\":[4],\"vervallen\":[4],\"openAnnotation\":[4,\"open-annotation\"],\"alternativeTitle\":[1,\"alternative-title\"],\"type\":[513],\"wijzigactie\":[513],\"mark\":[16],\"recursiveToggle\":[8,\"recursive-toggle\"]}],[4,\"dso-annotation-output\",{\"identifier\":[513],\"annotationPrefix\":[513,\"annotation-prefix\"],\"open\":[516]}]]]]"), options);
+  return index.bootstrapLazy(JSON.parse("[[\"dsot-document-component-demo.cjs\",[[2,\"dsot-document-component-demo\",{\"showCanvas\":[516,\"show-canvas\"],\"jsonFile\":[1,\"json-file\"],\"openDefault\":[4,\"open-default\"],\"response\":[32],\"document\":[32],\"openOrClosed\":[32],\"openedAnnotation\":[32],\"filtered\":[32],\"notApplicable\":[32],\"activeAnnotationSelectables\":[32]},null,{\"jsonFile\":[\"jsonFileWatcher\"],\"openDefault\":[\"openDefaultWatcher\"]}]]],[\"dso-advanced-select.cjs\",[[1,\"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-omgevingsnorm.cjs\",[[1,\"dso-annotation-omgevingsnorm\",{\"wijzigactie\":[513],\"active\":[516],\"gewijzigdeLocatie\":[516,\"gewijzigde-locatie\"],\"naam\":[1],\"waardes\":[16],\"eenheid\":[1]}]]],[\"dso-annotation-werkingsgebied.cjs\",[[1,\"dso-annotation-werkingsgebied\",{\"wijzigactie\":[513],\"active\":[516],\"gewijzigdeLocatie\":[516,\"gewijzigde-locatie\"],\"locatieNoemer\":[1,\"locatie-noemer\"]}]]],[\"dso-legend-item.cjs\",[[1,\"dso-legend-item\",{\"disabled\":[516],\"disabledMessage\":[1,\"disabled-message\"],\"removable\":[4],\"showBody\":[32]}]]],[\"dso-map-base-layers.cjs\",[[1,\"dso-map-base-layers\",{\"group\":[1],\"baseLayers\":[16]}]]],[\"dso-map-overlays.cjs\",[[1,\"dso-map-overlays\",{\"group\":[1],\"overlays\":[16]}]]],[\"dso-accordion-section.cjs\",[[1,\"dso-accordion-section\",{\"handleTitle\":[1,\"handle-title\"],\"heading\":[1],\"handleUrl\":[1,\"handle-url\"],\"status\":[1],\"attachmentCount\":[2,\"attachment-count\"],\"icon\":[1],\"statusDescription\":[1,\"status-description\"],\"open\":[516],\"hasNestedAccordion\":[516,\"has-nested-accordion\"],\"hover\":[32],\"focusHandle\":[64]}]]],[\"dso-autosuggest.cjs\",[[6,\"dso-autosuggest\",{\"suggestions\":[16],\"loading\":[4],\"loadingLabel\":[1,\"loading-label\"],\"loadingDelayed\":[2,\"loading-delayed\"],\"notFoundLabel\":[1,\"not-found-label\"],\"suggestOnFocus\":[4,\"suggest-on-focus\"],\"mark\":[16],\"showSuggestions\":[32],\"selectedSuggestion\":[32],\"notFound\":[32],\"showLoading\":[32]},[[4,\"click\",\"onDocumentClick\"]],{\"suggestions\":[\"suggestionsWatcher\"]}]]],[\"dso-header.cjs\",[[6,\"dso-header\",{\"mainMenu\":[16],\"useDropDownMenu\":[1,\"use-drop-down-menu\"],\"authStatus\":[1,\"auth-status\"],\"loginUrl\":[1,\"login-url\"],\"logoutUrl\":[1,\"logout-url\"],\"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\"],\"showDropDown\":[32],\"overflowMenuItems\":[32],\"dropdownOptionsOffset\":[32]},null,{\"useDropDownMenu\":[\"setShowDropDown\"]}]]],[\"dso-map-controls.cjs\",[[1,\"dso-map-controls\",{\"open\":[1540],\"disableZoom\":[1,\"disable-zoom\"],\"hideContent\":[32],\"toggleVisibility\":[64]},null,{\"open\":[\"watchOpen\"]}]]],[\"dso-modal.cjs\",[[1,\"dso-modal\",{\"fullscreen\":[516],\"modalTitle\":[1,\"modal-title\"],\"role\":[1],\"returnFocus\":[4,\"return-focus\"],\"showCloseButton\":[4,\"show-close-button\"],\"ariaId\":[32]}]]],[\"dso-pagination.cjs\",[[1,\"dso-pagination\",{\"totalPages\":[2,\"total-pages\"],\"currentPage\":[2,\"current-page\"],\"formatHref\":[16],\"availablePositions\":[32]},[[0,\"dsoSizeChange\",\"sizeChangeHandler\"]]]]],[\"dso-tree-view.cjs\",[[1,\"dso-tree-view\",{\"collection\":[16],\"focusItem\":[64]}]]],[\"dso-action-list-item.cjs\",[[1,\"dso-action-list-item\",{\"step\":[2],\"itemTitle\":[1,\"item-title\"],\"flowLine\":[4,\"flow-line\"],\"warning\":[4],\"divider\":[4]}]]],[\"dso-card.cjs\",[[1,\"dso-card\",{\"clickable\":[516],\"imageShape\":[513,\"image-shape\"],\"href\":[513],\"mode\":[513]}]]],[\"dso-date-picker-legacy.cjs\",[[2,\"dso-date-picker-legacy\",{\"name\":[1],\"identifier\":[1],\"disabled\":[516],\"role\":[1],\"direction\":[1],\"required\":[4],\"invalid\":[516],\"describedBy\":[1,\"described-by\"],\"dsoAutofocus\":[4,\"dso-autofocus\"],\"value\":[1537],\"min\":[1],\"max\":[1],\"activeFocus\":[32],\"focusedDay\":[32],\"open\":[32],\"visible\":[32],\"setFocus\":[64],\"show\":[64],\"hide\":[64]},[[6,\"click\",\"handleDocumentClick\"]]]]],[\"dso-helpcenter-panel.cjs\",[[1,\"dso-helpcenter-panel\",{\"label\":[1],\"url\":[1],\"visibility\":[32],\"isOpen\":[32],\"slideState\":[32],\"loadIframe\":[32]},[[8,\"keydown\",\"keyDownListener\"]],{\"url\":[\"watchUrl\"],\"isOpen\":[\"watchIsOpen\"]}]]],[\"dso-list-button.cjs\",[[1,\"dso-list-button\",{\"label\":[1],\"sublabel\":[1],\"count\":[2],\"min\":[8],\"max\":[8],\"checked\":[516],\"disabled\":[516],\"subcontentPrefix\":[1,\"subcontent-prefix\"],\"manual\":[4],\"manualInputWrapperElement\":[32],\"manualCount\":[32]},null,{\"manual\":[\"watchManualCallback\"]}]]],[\"dso-mark-bar.cjs\",[[1,\"dso-mark-bar\",{\"value\":[1],\"label\":[1],\"current\":[2],\"totalCount\":[2,\"total-count\"],\"dsoFocus\":[64]}]]],[\"dso-accordion.cjs\",[[1,\"dso-accordion\",{\"variant\":[513],\"reverseAlign\":[516,\"reverse-align\"],\"_getState\":[64]},null,{\"variant\":[\"updateVariant\"],\"reverseAlign\":[\"updateReverseAlign\"]}]]],[\"dso-action-list.cjs\",[[1,\"dso-action-list\",{\"listTitle\":[1,\"list-title\"]}]]],[\"dso-banner.cjs\",[[1,\"dso-banner\",{\"status\":[513],\"compact\":[4],\"noIcon\":[4,\"no-icon\"]}]]],[\"dso-card-container.cjs\",[[1,\"dso-card-container\",{\"mode\":[513]}]]],[\"dso-date-picker.cjs\",[[2,\"dso-date-picker\",{\"name\":[1],\"identifier\":[1],\"disabled\":[516],\"required\":[516],\"invalid\":[516],\"describedBy\":[1,\"described-by\"],\"dsoAutofocus\":[4,\"dso-autofocus\"],\"value\":[513],\"min\":[1],\"max\":[1]}]]],[\"dso-highlight-box.cjs\",[[1,\"dso-highlight-box\",{\"yellow\":[516],\"border\":[516],\"white\":[516],\"dropShadow\":[516,\"drop-shadow\"],\"step\":[514]}]]],[\"dso-input-range.cjs\",[[1,\"dso-input-range\",{\"min\":[2],\"max\":[2],\"value\":[2],\"step\":[2],\"label\":[1],\"unit\":[1],\"description\":[1]}]]],[\"dso-logo.cjs\",[[1,\"dso-logo\",{\"logoUrl\":[513,\"logo-url\"],\"label\":[513],\"labelUrl\":[513,\"label-url\"],\"ribbon\":[513]}]]],[\"dso-progress-bar.cjs\",[[1,\"dso-progress-bar\",{\"progress\":[2],\"min\":[2],\"max\":[2]}]]],[\"dso-viewer-grid.cjs\",[[1,\"dso-viewer-grid\",{\"mode\":[513],\"filterpanelOpen\":[516,\"filterpanel-open\"],\"overlayOpen\":[516,\"overlay-open\"],\"documentPanelOpen\":[516,\"document-panel-open\"],\"mainSize\":[513,\"main-size\"],\"activeTab\":[1,\"active-tab\"],\"documentPanelSize\":[513,\"document-panel-size\"],\"mainPanelExpanded\":[4,\"main-panel-expanded\"],\"mainPanelHidden\":[4,\"main-panel-hidden\"],\"tabView\":[32],\"_checkMainPanelVisibility\":[64]},null,{\"documentPanelOpen\":[\"documentPanelOpenWatcher\"],\"filterpanelOpen\":[\"filterpanelOpenWatcher\"],\"overlayOpen\":[\"overlayOpenWatcher\"]}]]],[\"dso-info-button.cjs\",[[1,\"dso-info-button\",{\"active\":[1540],\"secondary\":[4],\"label\":[1],\"hover\":[32],\"setFocus\":[64]}]]],[\"dso-tooltip.cjs\",[[1,\"dso-tooltip\",{\"descriptive\":[516],\"position\":[1],\"strategy\":[1],\"noArrow\":[4,\"no-arrow\"],\"stateless\":[4],\"small\":[4],\"active\":[1540],\"hidden\":[32],\"activate\":[64],\"deactivate\":[64]},null,{\"position\":[\"watchPosition\"],\"strategy\":[\"watchStrategy\"],\"active\":[\"watchActive\"]}]]],[\"dso-icon.cjs\",[[1,\"dso-icon\",{\"icon\":[1]}]]],[\"dso-toggletip.cjs\",[[1,\"dso-toggletip\",{\"label\":[1],\"position\":[1],\"small\":[4],\"secondary\":[4],\"active\":[32]}]]],[\"dso-attachments-counter.cjs\",[[1,\"dso-attachments-counter\",{\"count\":[2]}]]],[\"dso-dropdown-menu.cjs\",[[1,\"dso-dropdown-menu\",{\"open\":[1540],\"dropdownAlign\":[1,\"dropdown-align\"],\"dropdownOptionsOffset\":[2,\"dropdown-options-offset\"],\"checkable\":[4],\"boundary\":[1],\"placement\":[1],\"strategy\":[1]},[[8,\"click\",\"onClick\"],[8,\"keydown\",\"keyDownListener\"]],{\"placement\":[\"watchPosition\"],\"dropdownAlign\":[\"watchPosition\"],\"dropdownOptionsOffset\":[\"watchOptionsOffset\"],\"strategy\":[\"watchStrategy\"]}]]],[\"dso-progress-indicator.cjs\",[[1,\"dso-progress-indicator\",{\"label\":[1],\"size\":[513],\"block\":[4]}]]],[\"dso-scrollable.cjs\",[[1,\"dso-scrollable\",{\"scrollPosition\":[32],\"_setScrollState\":[64]}]]],[\"dso-expandable.cjs\",[[1,\"dso-expandable\",{\"open\":[516],\"enableAnimation\":[516,\"enable-animation\"],\"minimumHeight\":[2,\"minimum-height\"],\"isClosed\":[32]},[[0,\"transitionstart\",\"transitionstartHandler\"],[0,\"transitionend\",\"transitionendHandler\"]],{\"open\":[\"toggleOpen\"]}]]],[\"dso-responsive-element.cjs\",[[1,\"dso-responsive-element\",{\"sizeAlias\":[32],\"sizeWidth\":[32],\"getSize\":[64]}]]],[\"dso-info_2.cjs\",[[6,\"dso-selectable\",{\"type\":[1],\"identifier\":[1],\"name\":[1],\"value\":[1],\"invalid\":[4],\"describedById\":[1,\"described-by-id\"],\"labelledById\":[1,\"labelled-by-id\"],\"disabled\":[4],\"required\":[4],\"checked\":[516],\"indeterminate\":[4],\"infoFixed\":[4,\"info-fixed\"],\"infoActive\":[32],\"keyboardFocus\":[32],\"toggleInfo\":[64]},null,{\"indeterminate\":[\"setIndeterminate\"]}],[1,\"dso-info\",{\"fixed\":[516],\"active\":[516]}]]],[\"dso-label_2.cjs\",[[4,\"dso-slide-toggle\",{\"checked\":[4],\"disabled\":[4],\"accessibleLabel\":[1,\"accessible-label\"],\"labelledbyId\":[1,\"labelledby-id\"],\"identifier\":[1],\"hasVisibleLabel\":[32]}],[1,\"dso-label\",{\"compact\":[4],\"removable\":[4],\"status\":[1],\"truncate\":[4],\"removeHover\":[32],\"removeFocus\":[32],\"textHover\":[32],\"textFocus\":[32],\"isTruncated\":[32],\"labelText\":[32],\"_truncateLabel\":[64]},[[4,\"keydown\",\"keyDownListener\"]],{\"removable\":[\"watchRemovable\"],\"truncate\":[\"watchTruncate\"]}]]],[\"dso-alert_6.cjs\",[[1,\"dso-ozon-content\",{\"content\":[1],\"inline\":[516],\"mark\":[16],\"state\":[32]},null,{\"content\":[\"contentWatcher\"]}],[1,\"dso-alert\",{\"status\":[513],\"roleAlert\":[4,\"role-alert\"]}],[0,\"dso-annotation-button\",{\"identifier\":[1],\"open\":[4]}],[1,\"dso-image-overlay\",{\"wijzigactie\":[1],\"active\":[32],\"zoomable\":[32]},[[2,\"load\",\"loadListener\"]]],[1,\"dso-table\",{\"noModal\":[516,\"no-modal\"],\"isResponsive\":[516,\"is-responsive\"],\"modalActive\":[32],\"placeholderHeight\":[32]}],[1,\"dso-badge\",{\"status\":[1]}]]],[\"dso-annotation-output_2.cjs\",[[1,\"dso-document-component\",{\"heading\":[1],\"label\":[1],\"nummer\":[1],\"opschrift\":[1],\"inhoud\":[1],\"open\":[516],\"filtered\":[516],\"notApplicable\":[516,\"not-applicable\"],\"genesteOntwerpInformatie\":[516,\"geneste-ontwerp-informatie\"],\"bevatOntwerpInformatie\":[516,\"bevat-ontwerp-informatie\"],\"annotated\":[516],\"gereserveerd\":[4],\"vervallen\":[4],\"openAnnotation\":[4,\"open-annotation\"],\"alternativeTitle\":[1,\"alternative-title\"],\"type\":[513],\"wijzigactie\":[513],\"mark\":[16],\"recursiveToggle\":[8,\"recursive-toggle\"]}],[4,\"dso-annotation-output\",{\"identifier\":[513],\"annotationPrefix\":[513,\"annotation-prefix\"],\"open\":[516]}]]]]"), options);
 };
 
 exports.setNonce = index.setNonce;

package/dist/collection/collection-manifest.json

@@ -57,7 +57,7 @@
   ],
   "compiler": {
     "name": "@stencil/core",
-    "version": "4.18.2",
+    "version": "4.18.3",
     "typescriptVersion": "5.4.5"
   },
   "collections": [],

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

@@ -6,8 +6,8 @@
 
 .sr-only {
   position: absolute;
-  width: 1px;
-  height: 1px;
+  inline-size: 1px;
+  block-size: 1px;
   padding: 0;
   margin: -1px;
   overflow: hidden;
@@ -53,9 +53,10 @@
   font-weight: 600;
   line-height: 1.375em;
   margin: 0;
-  padding: 12px 16px 12px;
+  padding-block: 12px;
+  padding-inline: 16px;
   text-align: start;
-  width: 100%;
+  inline-size: 100%;
   word-break: break-word;
 }
 :host .dso-section-handle > button dso-icon,
@@ -71,21 +72,21 @@
 :host .dso-section-handle > button > dso-icon:first-child,
 :host .dso-section-handle > a > .dso-section-handle-addons:first-child,
 :host .dso-section-handle > a > dso-icon:first-child {
-  margin-right: 8px;
+  margin-inline-end: 8px;
 }
 :host .dso-section-handle > button > dso-icon:last-child,
 :host .dso-section-handle > a > dso-icon:last-child {
-  margin-left: auto;
+  margin-inline-start: auto;
 }
 :host .dso-section-handle > button > .dso-section-handle-addons:last-child,
 :host .dso-section-handle > a > .dso-section-handle-addons:last-child {
-  margin-left: auto;
+  margin-inline-start: auto;
 }
 :host .dso-section-handle > button > .dso-section-handle-addons:last-child dso-attachments-counter,
 :host .dso-section-handle > button > .dso-section-handle-addons:last-child dso-icon,
 :host .dso-section-handle > a > .dso-section-handle-addons:last-child dso-attachments-counter,
 :host .dso-section-handle > a > .dso-section-handle-addons:last-child dso-icon {
-  margin-left: 16px;
+  margin-inline-start: 16px;
 }
 
 :host([open]:not([open=false])) .dso-section-handle > button .dso-section-handle-chevron:first-child,
@@ -99,11 +100,12 @@
 
 .dso-section-body {
   background-color: #fff;
-  border-top: 0;
+  border-block-start: 0;
   margin-block-start: -4px;
 }
 .dso-section-body .dso-section-body-content {
-  padding: 20px 16px 16px;
+  padding-block: 20px 16px;
+  padding-inline: 16px;
 }
 
 :host(.dso-accordion-default) .dso-section-handle {
@@ -129,8 +131,8 @@
 :host(.dso-accordion-default[open]:not([open=false])) > .dso-section-handle {
   background-color: #8b4a6a;
   border-radius: 0;
-  border-top-left-radius: 4px;
-  border-top-right-radius: 4px;
+  border-start-start-radius: 4px;
+  border-start-end-radius: 4px;
 }
 :host(.dso-accordion-default[open]:not([open=false])) > .dso-section-handle a,
 :host(.dso-accordion-default[open]:not([open=false])) > .dso-section-handle button {
@@ -147,15 +149,15 @@
 }
 
 :host(.dso-accordion-compact) .dso-section-handle {
-  border-bottom: 1px solid transparent;
-  border-top: 1px solid #ccc;
+  border-block-end: 1px solid transparent;
+  border-block-start: 1px solid #ccc;
 }
 :host(.dso-accordion-compact) .dso-section-handle a,
 :host(.dso-accordion-compact) .dso-section-handle button {
   color: #39870c;
-  padding-bottom: 11px;
-  padding-left: 0;
-  padding-top: 11px;
+  padding-block-end: 11px;
+  padding-inline-start: 0;
+  padding-block-start: 11px;
 }
 :host(.dso-accordion-compact) .dso-section-handle a:hover, :host(.dso-accordion-compact) .dso-section-handle a:active, :host(.dso-accordion-compact) .dso-section-handle a.active,
 :host(.dso-accordion-compact) .dso-section-handle button:hover,
@@ -164,18 +166,18 @@
   color: #39870c;
 }
 :host(.dso-accordion-compact) .dso-section-body .dso-section-body-content {
-  padding-left: 32px;
-  padding-top: 0;
-  padding-right: 0;
+  padding-inline-start: 32px;
+  padding-block-start: 0;
+  padding-inline-end: 0;
 }
 
 :host(.dso-accordion-compact.dso-accordion-reverse-align) .dso-section-handle a,
 :host(.dso-accordion-compact.dso-accordion-reverse-align) .dso-section-handle button {
-  padding-left: 16px;
+  padding-inline-start: 16px;
 }
 :host(.dso-accordion-compact.dso-accordion-reverse-align) .dso-section-body .dso-section-body-content {
-  padding-left: 16px;
-  padding-right: 0;
+  padding-inline-start: 16px;
+  padding-inline-end: 0;
 }
 
 :host(.dso-accordion-compact[open]:not([open=false]):not(.dso-nested-accordion)) > .dso-section-handle {
@@ -197,26 +199,26 @@
   --dso-icon: var(--di-paperclip-grijs);
 }
 :host(.dso-accordion-compact[open]:not([open=false]):not(.dso-nested-accordion)) > .dso-section-body {
-  border-top: 0;
+  border-block-start: 0;
 }
 
 :host(.dso-accordion-compact.dso-nested-accordion[open]:not([open=false])) > .dso-section-body {
-  padding-bottom: 0;
+  padding-block-end: 0;
 }
 :host(.dso-accordion-compact.dso-nested-accordion[open]:not([open=false])) > .dso-section-body dso-accordion-section:last-child {
-  border-bottom: 0;
+  border-block-end: 0;
 }
 
 :host(.dso-accordion-compact-black) .dso-section-handle {
-  border-bottom: 1px solid transparent;
-  border-top: 1px solid #ccc;
+  border-block-end: 1px solid transparent;
+  border-block-start: 1px solid #ccc;
 }
 :host(.dso-accordion-compact-black) .dso-section-handle a,
 :host(.dso-accordion-compact-black) .dso-section-handle button {
   color: #000;
-  padding-bottom: 11px;
-  padding-left: 0;
-  padding-top: 11px;
+  padding-block-end: 11px;
+  padding-inline-start: 0;
+  padding-block-start: 11px;
 }
 :host(.dso-accordion-compact-black) .dso-section-handle a:hover, :host(.dso-accordion-compact-black) .dso-section-handle a:active, :host(.dso-accordion-compact-black) .dso-section-handle a.active,
 :host(.dso-accordion-compact-black) .dso-section-handle button:hover,
@@ -225,18 +227,18 @@
   color: #000;
 }
 :host(.dso-accordion-compact-black) .dso-section-body .dso-section-body-content {
-  padding-left: 32px;
-  padding-top: 0;
-  padding-right: 0;
+  padding-inline-start: 32px;
+  padding-block-start: 0;
+  padding-inline-end: 0;
 }
 
 :host(.dso-accordion-compact-black.dso-accordion-reverse-align) .dso-section-handle a,
 :host(.dso-accordion-compact-black.dso-accordion-reverse-align) .dso-section-handle button {
-  padding-left: 16px;
+  padding-inline-start: 16px;
 }
 :host(.dso-accordion-compact-black.dso-accordion-reverse-align) .dso-section-body .dso-section-body-content {
-  padding-left: 16px;
-  padding-right: 0;
+  padding-inline-start: 16px;
+  padding-inline-end: 0;
 }
 
 :host(.dso-accordion-compact-black[open]:not([open=false])) > .dso-section-handle {
@@ -258,14 +260,14 @@
   --dso-icon: var(--di-paperclip-grijs);
 }
 :host(.dso-accordion-compact-black[open]:not([open=false])) > .dso-section-body {
-  border-top: 0;
+  border-block-start: 0;
 }
 
 :host(.dso-accordion-compact-black.dso-nested-accordion[open]:not([open=false])) > .dso-section-body {
-  padding-bottom: 0;
+  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-bottom: 0;
+  border-block-end: 0;
 }
 
 :host(.dso-accordion-conclusion) .dso-section-handle {
@@ -308,7 +310,8 @@
 :host(.dso-accordion-neutral) .dso-section-handle a,
 :host(.dso-accordion-neutral) .dso-section-handle button {
   color: #000;
-  padding: 5px 16px 5px 0;
+  padding-block: 5px;
+  padding-inline: 0 16px;
 }
 :host(.dso-accordion-neutral) .dso-section-handle a:hover, :host(.dso-accordion-neutral) .dso-section-handle a:active, :host(.dso-accordion-neutral) .dso-section-handle a.active,
 :host(.dso-accordion-neutral) .dso-section-handle button:hover,
@@ -338,20 +341,22 @@
 }
 :host(.dso-accordion-neutral) .dso-section-body[open] .dso-section-body-content,
 :host(.dso-accordion-neutral) .dso-section-body:not(.dso-hide) .dso-section-body-content {
-  padding: 16px 16px 24px;
+  padding-block: 16px 24px;
+  padding-inline: 16px;
 }
 @media screen and (min-width: 480px) {
   :host(.dso-accordion-neutral) .dso-section-body[open] .dso-section-body-content,
   :host(.dso-accordion-neutral) .dso-section-body:not(.dso-hide) .dso-section-body-content {
-    padding: 16px 32px 24px;
+    padding-block: 16px 24px;
+    padding-inline: 32px;
   }
 }
 
 :host(.dso-accordion-neutral[open]:not([open=false])) > .dso-section-handle {
   background-color: transparant;
   border-radius: 0;
-  border-top-left-radius: 4px;
-  border-top-right-radius: 4px;
+  border-start-start-radius: 4px;
+  border-start-end-radius: 4px;
 }
 :host(.dso-accordion-neutral[open]:not([open=false])) > .dso-section-handle a,
 :host(.dso-accordion-neutral[open]:not([open=false])) > .dso-section-handle button {

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

@@ -17,29 +17,29 @@
   color: #fff;
   font-size: 1.25rem;
   font-weight: 500;
-  height: 2rem;
-  left: 16px;
+  block-size: 2rem;
+  inset-inline-start: 16px;
   line-height: 2rem;
   position: absolute;
   text-align: center;
-  top: -1.5rem;
-  width: 2rem;
+  inset-block-start: -1.5rem;
+  inline-size: 2rem;
 }
 
 :host(.divider) .dso-action-list-item::after {
-  border-bottom: 0.25rem dashed #6ca4d9;
-  bottom: 0;
+  border-block-end: 0.25rem dashed #6ca4d9;
+  inset-block-end: 0;
   content: "";
   display: block;
-  height: 24px;
+  block-size: 24px;
   position: absolute;
-  left: calc(2rem + 16px + 16px + 8px - 8px);
-  width: calc(100% - (2rem + 16px + 16px + 8px - 8px));
+  inset-inline-start: calc(2rem + 16px + 16px + 8px - 8px);
+  inline-size: calc(100% - (2rem + 16px + 16px + 8px - 8px));
 }
 @media screen and (min-width: 480px) {
   :host(.divider) .dso-action-list-item::after {
-    left: calc(2rem + 16px + 16px + 8px);
-    width: calc(100% - (2rem + 16px + 16px + 8px));
+    inset-inline-start: calc(2rem + 16px + 16px + 8px);
+    inline-size: calc(100% - (2rem + 16px + 16px + 8px));
   }
 }
 
@@ -50,7 +50,7 @@ h3 {
   font-weight: 600;
   margin-block-end: 16px;
   margin-block-start: 0;
-  min-height: 48px;
+  min-block-size: 48px;
   padding-block-start: 9px;
 }
 @media screen and (min-width: 480px) {
@@ -76,6 +76,6 @@ h3 {
 }
 
 dso-icon {
-  height: 48px;
-  width: 48px;
+  block-size: 48px;
+  inline-size: 48px;
 }

package/dist/collection/components/advanced-select/advanced-select.css

@@ -11,7 +11,7 @@
 .active-option {
   display: flex;
   inline-size: 100%;
-  justify-content: space-between;
+  justify-content: flex-start;
   align-items: center;
   padding: 0;
   border: 1px solid #275937;
@@ -28,9 +28,13 @@
 .active-option dso-icon {
   color: #275937;
 }
+.active-option dso-label {
+  margin-inline-start: 8px;
+}
 
 .active-option-label {
-  padding: 4px 16px;
+  padding-block: 4px;
+  padding-inline: 16px;
   overflow: hidden;
   /* stylelint-disable-next-line declaration-property-value-disallowed-list -- Nodig om lange titels op de zelfde regel te houden */
   white-space: nowrap;
@@ -42,7 +46,9 @@
   display: flex;
   align-items: center;
   gap: 8px;
-  padding: 0 8px;
+  padding-block: 0;
+  padding-inline: 8px;
+  margin-inline-start: auto;
 }
 
 .badges {
@@ -74,13 +80,13 @@
 }
 
 .group {
-  border-bottom: 1px solid #ccc;
+  border-block-end: 1px solid #ccc;
 }
 .group:last-child {
-  border-bottom: none;
+  border-block-end: none;
 }
 .group .option {
-  padding-left: 37px;
+  padding-inline-start: 37px;
 }
 .group .option-label::before {
   content: "";
@@ -88,7 +94,8 @@
   display: block;
   block-size: 10px;
   inline-size: 10px;
-  inset: 4px auto auto -20px;
+  inset-block: 4px auto;
+  inset-inline: -20px auto;
   border-radius: 50%;
   background-color: #ccc;
   border-color: #ccc;
@@ -97,16 +104,18 @@
 
 .group-label {
   margin: 0;
-  padding: 4px 16px;
+  padding-block: 4px;
+  padding-inline: 16px;
   color: #666;
   font-size: 14px;
   font-weight: 500;
-  border-bottom: 1px solid #ccc;
+  border-block-end: 1px solid #ccc;
 }
 
 .group-link {
   display: block;
-  padding: 8px 4px;
+  padding-block: 8px;
+  padding-inline: 4px;
   text-align: end;
   color: #000;
   text-decoration: none;
@@ -168,13 +177,14 @@
 .option {
   display: block;
   inline-size: 100%;
-  padding: 8px 16px;
+  padding-block: 8px;
+  padding-inline: 16px;
   cursor: pointer;
   line-height: inherit;
   font-family: inherit;
   font-size: inherit;
   border: none;
-  text-align: left;
+  text-align: start;
   background-color: #fff;
 }
 .option:hover {
@@ -199,7 +209,7 @@
 }
 
 .option-hint {
-  padding-left: 5px;
+  padding-inline-start: 5px;
   color: #39870c;
   font-size: Asap, sans-serif;
   font-weight: bold;
@@ -207,6 +217,7 @@
 
 .placeholder {
   margin: 0;
-  padding: 8px 16px;
+  padding-block: 8px;
+  padding-inline: 16px;
   color: #666;
 }

package/dist/collection/components/advanced-select/advanced-select.interfaces.js

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

package/dist/collection/components/advanced-select/advanced-select.interfaces.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"advanced-select.interfaces.js","sourceRoot":"","sources":["../../../../src/components/advanced-select/advanced-select.interfaces.ts"],"names":[],"mappings":"","sourcesContent":["export type AdvancedSelectVariant = \"primary\" | \"success\" | \"info\" | \"warning\" | \"danger\" | \"error\" | \"attention\";\r\n\r\nexport interface AdvancedSelectOption<T> {\r\n  label: string;\r\n  value?: T;\r\n}\r\n\r\nexport interface AdvancedSelectGroupRedirect {\r\n  label: string;\r\n  href: string;\r\n}\r\n\r\nexport interface AdvancedSelectGroup<T> {\r\n  label: string;\r\n  activeLabel?: string;\r\n  summaryCounter?: boolean;\r\n  redirect?: AdvancedSelectGroupRedirect;\r\n  options: AdvancedSelectOption<T>[];\r\n  variant?: AdvancedSelectVariant;\r\n}\r\n\r\nexport interface AdvancedSelectPlaceholder {\r\n  label: string;\r\n  redirect?: AdvancedSelectGroupRedirect;\r\n  placeholder: string;\r\n}\r\n\r\nexport type AdvancedSelectOptionOrGroup<T> =\r\n  | AdvancedSelectOption<T>\r\n  | AdvancedSelectGroup<T>\r\n  | AdvancedSelectPlaceholder;\r\n\r\nexport interface AdvancedSelectChangeEvent<T> {\r\n  originalEvent: MouseEvent;\r\n  option: AdvancedSelectOption<T>;\r\n}\r\n\r\nexport interface AdvancedSelectRedirectEvent {\r\n  originalEvent: MouseEvent;\r\n  isModifiedEvent: boolean;\r\n  redirect: AdvancedSelectGroupRedirect;\r\n}\r\n"]}

package/dist/collection/components/advanced-select/advanced-select.js

@@ -72,13 +72,13 @@ export class AdvancedSelect {
     }
     render() {
         var _a, _b;
-        return (h(Fragment, null, h("button", { key: 'faa2a464654b5588270e5167fd6fcbd02bcb2e4c', "aria-expanded": this.open.toString(), class: clsx(["active-option", { open: this.open }]), type: "button", onClick: this.toggleOpen, ref: (element) => (this.toggleButtonElementRef = element) }, h("span", { key: 'f6ac64547bde1524cb7d3b58c58bf869dc726f65', class: "active-option-label" }, (_b = (_a = this.active) === null || _a === void 0 ? void 0 : _a.label) !== null && _b !== void 0 ? _b : "Selecteer een optie"), h("span", { key: '5aa6fbc03ef2b9452cbe9c6af20ce402bf5d0a3f', class: "active-option-aside" }, this.options.some((optionOrGroup) => "summaryCounter" in optionOrGroup && (optionOrGroup === null || optionOrGroup === void 0 ? void 0 : optionOrGroup.summaryCounter)) && (h("span", { key: '44fe615ffd6638471c4d8022a654296405b9311a', class: "badges" }, this.options
+        return (h(Fragment, null, h("button", { key: '2ce96f0601a2389cb6c5b6ef2c498e47df3281bf', "aria-expanded": this.open.toString(), class: clsx(["active-option", { open: this.open }]), type: "button", onClick: this.toggleOpen, ref: (element) => (this.toggleButtonElementRef = element) }, h(ActiveGroupLabel, { key: 'db69d2251bcc1ba4eb321a0dc438ef6da78e51d1', active: this.active, options: this.options }), h("span", { key: 'c409b29582ae28c06435b1b847ded96678dfb83a', class: "active-option-label" }, (_b = (_a = this.active) === null || _a === void 0 ? void 0 : _a.label) !== null && _b !== void 0 ? _b : "Selecteer een optie"), h("span", { key: '4f6bb9f7a0a4b5b2ef5903ca9b06500c5160e3d2', class: "active-option-aside" }, this.options.some((optionOrGroup) => "summaryCounter" in optionOrGroup && (optionOrGroup === null || optionOrGroup === void 0 ? void 0 : optionOrGroup.summaryCounter)) && (h("span", { key: '6318ffbdab47a2c2af54b63559afab11a455fce1', class: "badges" }, this.options
             .filter((option) => "options" in option && "summaryCounter" in option && !!(option === null || option === void 0 ? void 0 : option.summaryCounter))
             .map((group) => {
             var _a;
             return (h("dso-badge", { status: (_a = group.variant) !== null && _a !== void 0 ? _a : "outline" }, group.options.length));
-        }))), h("dso-icon", { key: 'b0a5459c6c17c7d109b88a923054c85cc2a9c75f', icon: "caret-down" }))), this.open && (h("div", { key: 'f1490ff92e27d6b970558c83ccab35efec989597', class: "groups-container" }, h("ul", { key: 'a10ee50e10d87e7437cb9a51bc349207f82725fc', class: "groups" }, this.options.map((optionOrGroup) => ("options" in optionOrGroup && (h("li", { class: clsx(["group", { [`group-${optionOrGroup.variant}`]: !!optionOrGroup.variant }]) }, h("p", { class: "group-label" }, optionOrGroup.label), h("ul", { class: "options" }, optionOrGroup.options.map((option) => (h("li", null, h(OptionElement, { option: option, active: this.active, activeHint: this.activeHint, callback: this.handleOptionClick }))))), optionOrGroup.redirect && (h(RedirectElement, { redirect: optionOrGroup.redirect, callback: this.handleRedirectClick }))))) ||
-            ("placeholder" in optionOrGroup && (h("li", { class: "group" }, h("p", { class: "group-label" }, optionOrGroup.label), h(PlaceholderElement, { placeholder: optionOrGroup.placeholder }), optionOrGroup.redirect && (h(RedirectElement, { redirect: optionOrGroup.redirect, callback: this.handleRedirectClick }))))) || (h("li", null, h(OptionElement, { option: optionOrGroup, active: this.active, activeHint: this.activeHint, callback: this.handleOptionClick })))))))));
+        }))), h("dso-icon", { key: 'd318272d7fbd4a517d2833528164cc3e6212cce6', icon: "caret-down" }))), this.open && (h("div", { key: '5fd58e337194ea6a8c2744577d6ee8099289fe40', class: "groups-container" }, h("ul", { key: 'da2b62d8bca19b31cb60eeaa5c420efaa0e066b3', class: "groups" }, this.options.map((optionOrGroup) => ("options" in optionOrGroup && (h("li", { class: clsx(["group", { [`group-${optionOrGroup.variant}`]: !!optionOrGroup.variant }]) }, h("p", { class: "group-label" }, optionOrGroup.label), h("ul", { class: "options" }, optionOrGroup.options.map((option) => (h("li", null, h(OptionButton, { option: option, active: this.active, activeHint: this.activeHint, callback: this.handleOptionClick }))))), optionOrGroup.redirect && (h(RedirectAnchor, { redirect: optionOrGroup.redirect, callback: this.handleRedirectClick }))))) ||
+            ("placeholder" in optionOrGroup && (h("li", { class: "group" }, h("p", { class: "group-label" }, optionOrGroup.label), h("p", { class: "placeholder" }, optionOrGroup.placeholder), optionOrGroup.redirect && (h(RedirectAnchor, { redirect: optionOrGroup.redirect, callback: this.handleRedirectClick }))))) || (h("li", null, h(OptionButton, { option: optionOrGroup, active: this.active, activeHint: this.activeHint, callback: this.handleOptionClick })))))))));
     }
     static get is() { return "dso-advanced-select"; }
     static get encapsulation() { return "shadow"; }
@@ -103,8 +103,8 @@ export class AdvancedSelect {
                     "references": {
                         "AdvancedSelectOptionOrGroup": {
                             "location": "import",
-                            "path": "./advanced-select.models",
-                            "id": "src/components/advanced-select/advanced-select.models.ts::AdvancedSelectOptionOrGroup"
+                            "path": "./advanced-select.interfaces",
+                            "id": "src/components/advanced-select/advanced-select.interfaces.ts::AdvancedSelectOptionOrGroup"
                         }
                     }
                 },
@@ -125,8 +125,8 @@ export class AdvancedSelect {
                     "references": {
                         "AdvancedSelectOption": {
                             "location": "import",
-                            "path": "./advanced-select.models",
-                            "id": "src/components/advanced-select/advanced-select.models.ts::AdvancedSelectOption"
+                            "path": "./advanced-select.interfaces",
+                            "id": "src/components/advanced-select/advanced-select.interfaces.ts::AdvancedSelectOption"
                         }
                     }
                 },
@@ -178,8 +178,8 @@ export class AdvancedSelect {
                     "references": {
                         "AdvancedSelectChangeEvent": {
                             "location": "import",
-                            "path": "./advanced-select.models",
-                            "id": "src/components/advanced-select/advanced-select.models.ts::AdvancedSelectChangeEvent"
+                            "path": "./advanced-select.interfaces",
+                            "id": "src/components/advanced-select/advanced-select.interfaces.ts::AdvancedSelectChangeEvent"
                         }
                     }
                 }
@@ -199,8 +199,8 @@ export class AdvancedSelect {
                     "references": {
                         "AdvancedSelectRedirectEvent": {
                             "location": "import",
-                            "path": "./advanced-select.models",
-                            "id": "src/components/advanced-select/advanced-select.models.ts::AdvancedSelectRedirectEvent"
+                            "path": "./advanced-select.interfaces",
+                            "id": "src/components/advanced-select/advanced-select.interfaces.ts::AdvancedSelectRedirectEvent"
                         }
                     }
                 }
@@ -217,7 +217,12 @@ export class AdvancedSelect {
             }];
     }
 }
-const PlaceholderElement = ({ placeholder }) => h("p", { class: "placeholder" }, placeholder);
-const OptionElement = ({ option, active, activeHint, callback }) => (h("button", { class: clsx(["option", { "option-active": active === option }]), type: "button", onClick: (e) => callback(e, option) }, h("span", { class: "option-label" }, option.label), !!activeHint && active === option && h("span", { class: "option-hint" }, "(", activeHint, ")")));
-const RedirectElement = ({ redirect, callback }) => (h("a", { class: "group-link", href: redirect.href, onClick: (e) => callback(e, redirect) }, redirect.label, h("dso-icon", { icon: "chevron-right" })));
+const OptionButton = ({ option, active, activeHint, callback }) => (h("button", { class: clsx(["option", { "option-active": active === option }]), type: "button", onClick: (e) => callback(e, option) }, h("span", { class: "option-label" }, option.label), !!activeHint && active === option && h("span", { class: "option-hint" }, "(", activeHint, ")")));
+const RedirectAnchor = ({ redirect, callback }) => (h("a", { class: "group-link", href: redirect.href, onClick: (e) => callback(e, redirect) }, redirect.label, h("dso-icon", { icon: "chevron-right" })));
+const ActiveGroupLabel = ({ active, options }) => {
+    const group = options.find((optionOrGroup) => "options" in optionOrGroup &&
+        !!optionOrGroup.options.find((option) => option === active) &&
+        !!optionOrGroup.activeLabel);
+    return group ? (h("dso-label", { compact: true, status: group.variant }, group.activeLabel)) : undefined;
+};
 //# sourceMappingURL=advanced-select.js.map