@dso-toolkit/core 84.1.0 → 86.0.0

package/dist/cjs/loader.cjs.js

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

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

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

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

@@ -1 +1 @@
-{"version":3,"file":"parse-wijzigactie-from-node.function-wjDjfhnI.js","sources":["src/functional-components/mark-text/mark-text.functional-component.tsx","src/utils/parse-xml.ts","src/components/ozon-content/functions/parse-wijzigactie-from-node.function.ts"],"sourcesContent":["import { Fragment, FunctionalComponent, h } from \"@stencil/core\";\r\n\r\nimport { MarkTextMarkFunction } from \"./mark-text.interfaces\";\r\n\r\nexport interface MarkTextProps {\r\n  mark: MarkTextMarkFunction;\r\n  text: string;\r\n  emitMarkItemHighlight(text: string, elementRef: HTMLElement): void;\r\n}\r\n\r\nexport const MarkText: FunctionalComponent<MarkTextProps> = ({ mark, text, emitMarkItemHighlight }) => {\r\n  const result = mark(text);\r\n\r\n  return !result || result.length === 0 ? (\r\n    <Fragment>{text}</Fragment>\r\n  ) : (\r\n    <Fragment>\r\n      {result.map((value) => {\r\n        if (typeof value === \"string\") {\r\n          return <Fragment>{value}</Fragment>;\r\n        }\r\n\r\n        return (\r\n          <mark\r\n            class={value.highlight ? \"dso-highlight\" : undefined}\r\n            ref={(ref) => value.highlight && ref && emitMarkItemHighlight(value.text, ref)}\r\n          >\r\n            {value.text}\r\n          </mark>\r\n        );\r\n      })}\r\n    </Fragment>\r\n  );\r\n};\r\n","const parser = new DOMParser();\r\n\r\nexport function parseXml(input: string): XMLDocument | undefined {\r\n  if (!input) {\r\n    return undefined;\r\n  }\r\n\r\n  const doc = parser.parseFromString(input, \"application/xml\");\r\n\r\n  if (doc.querySelector(\"parsererror\")) {\r\n    console.error(\r\n      {\r\n        message: \"Unable to parse XML\",\r\n        input,\r\n        document: doc,\r\n      },\r\n      null,\r\n      2,\r\n    );\r\n\r\n    return undefined;\r\n  }\r\n\r\n  return doc;\r\n}\r\n","import { OzonContentWijzigActie } from \"../ozon-content.interfaces\";\r\n\r\nexport function parseWijzigactieFromNode(node: Node): OzonContentWijzigActie | undefined {\r\n  const wijzigactie = node instanceof Element ? node.getAttribute(\"wijzigactie\") : undefined;\r\n\r\n  return wijzigactie === \"voegtoe\" || wijzigactie === \"verwijder\" ? wijzigactie : undefined;\r\n}\r\n"],"names":["h","Fragment"],"mappings":";;;;AAUO,MAAM,QAAQ,GAAuC,CAAC,EAAE,IAAI,EAAE,IAAI,EAAE,qBAAqB,EAAE,KAAI;AACpG,IAAA,MAAM,MAAM,GAAG,IAAI,CAAC,IAAI,CAAC;AAEzB,IAAA,OAAO,CAAC,MAAM,IAAI,MAAM,CAAC,MAAM,KAAK,CAAC,IACnCA,OAAA,CAACC,cAAQ,EAAE,IAAA,EAAA,IAAI,CAAY,KAE3BD,QAACC,cAAQ,EAAA,IAAA,EACN,MAAM,CAAC,GAAG,CAAC,CAAC,KAAK,KAAI;AACpB,QAAA,IAAI,OAAO,KAAK,KAAK,QAAQ,EAAE;YAC7B,OAAOD,OAAC,CAAAC,cAAQ,EAAE,IAAA,EAAA,KAAK,CAAY;;QAGrC,QACED,OACE,CAAA,MAAA,EAAA,EAAA,KAAK,EAAE,KAAK,CAAC,SAAS,GAAG,eAAe,GAAG,SAAS,EACpD,GAAG,EAAE,CAAC,GAAG,KAAK,KAAK,CAAC,SAAS,IAAI,GAAG,IAAI,qBAAqB,CAAC,KAAK,CAAC,IAAI,EAAE,GAAG,CAAC,EAE7E,EAAA,KAAK,CAAC,IAAI,CACN;KAEV,CAAC,CACO,CACZ;AACH;;ACjCA,MAAM,MAAM,GAAG,IAAI,SAAS,EAAE;AAExB,SAAU,QAAQ,CAAC,KAAa,EAAA;IACpC,IAAI,CAAC,KAAK,EAAE;AACV,QAAA,OAAO,SAAS;;IAGlB,MAAM,GAAG,GAAG,MAAM,CAAC,eAAe,CAAC,KAAK,EAAE,iBAAiB,CAAC;AAE5D,IAAA,IAAI,GAAG,CAAC,aAAa,CAAC,aAAa,CAAC,EAAE;QACpC,OAAO,CAAC,KAAK,CACX;AACE,YAAA,OAAO,EAAE,qBAAqB;YAC9B,KAAK;AACL,YAAA,QAAQ,EAAE,GAAG;AACd,SAAA,EACD,IAAI,EACJ,CAAC,CACF;AAED,QAAA,OAAO,SAAS;;AAGlB,IAAA,OAAO,GAAG;AACZ;;ACtBM,SAAU,wBAAwB,CAAC,IAAU,EAAA;AACjD,IAAA,MAAM,WAAW,GAAG,IAAI,YAAY,OAAO,GAAG,IAAI,CAAC,YAAY,CAAC,aAAa,CAAC,GAAG,SAAS;AAE1F,IAAA,OAAO,WAAW,KAAK,SAAS,IAAI,WAAW,KAAK,WAAW,GAAG,WAAW,GAAG,SAAS;AAC3F;;;;;;"}
+{"version":3,"file":"parse-wijzigactie-from-node.function-rda6XbHZ.js","sources":["src/functional-components/mark-text/mark-text.functional-component.tsx","src/utils/parse-xml.ts","src/components/ozon-content/functions/parse-wijzigactie-from-node.function.ts"],"sourcesContent":["import { Fragment, FunctionalComponent, h } from \"@stencil/core\";\r\n\r\nimport { MarkTextMarkFunction } from \"./mark-text.interfaces\";\r\n\r\nexport interface MarkTextProps {\r\n  mark: MarkTextMarkFunction;\r\n  text: string;\r\n  emitMarkItemHighlight(text: string, elementRef: HTMLElement): void;\r\n}\r\n\r\nexport const MarkText: FunctionalComponent<MarkTextProps> = ({ mark, text, emitMarkItemHighlight }) => {\r\n  const result = mark(text);\r\n\r\n  return !result || result.length === 0 ? (\r\n    <Fragment>{text}</Fragment>\r\n  ) : (\r\n    <Fragment>\r\n      {result.map((value) => {\r\n        if (typeof value === \"string\") {\r\n          return <Fragment>{value}</Fragment>;\r\n        }\r\n\r\n        return (\r\n          <mark\r\n            class={value.highlight ? \"dso-highlight\" : undefined}\r\n            ref={(ref) => value.highlight && ref && emitMarkItemHighlight(value.text, ref)}\r\n          >\r\n            {value.text}\r\n          </mark>\r\n        );\r\n      })}\r\n    </Fragment>\r\n  );\r\n};\r\n","const parser = new DOMParser();\r\n\r\nexport function parseXml(input: string): XMLDocument | undefined {\r\n  if (!input) {\r\n    return undefined;\r\n  }\r\n\r\n  const doc = parser.parseFromString(input, \"application/xml\");\r\n\r\n  if (doc.querySelector(\"parsererror\")) {\r\n    console.error(\r\n      {\r\n        message: \"Unable to parse XML\",\r\n        input,\r\n        document: doc,\r\n      },\r\n      null,\r\n      2,\r\n    );\r\n\r\n    return undefined;\r\n  }\r\n\r\n  return doc;\r\n}\r\n","import { OzonContentWijzigActie } from \"../ozon-content.interfaces\";\r\n\r\nexport function parseWijzigactieFromNode(node: Node): OzonContentWijzigActie | undefined {\r\n  const wijzigactie = node instanceof Element ? node.getAttribute(\"wijzigactie\") : undefined;\r\n\r\n  return wijzigactie === \"voegtoe\" || wijzigactie === \"verwijder\" ? wijzigactie : undefined;\r\n}\r\n"],"names":["h","Fragment"],"mappings":";;;;AAUO,MAAM,QAAQ,GAAuC,CAAC,EAAE,IAAI,EAAE,IAAI,EAAE,qBAAqB,EAAE,KAAI;AACpG,IAAA,MAAM,MAAM,GAAG,IAAI,CAAC,IAAI,CAAC;AAEzB,IAAA,OAAO,CAAC,MAAM,IAAI,MAAM,CAAC,MAAM,KAAK,CAAC,IACnCA,OAAA,CAACC,cAAQ,EAAE,IAAA,EAAA,IAAI,CAAY,KAE3BD,QAACC,cAAQ,EAAA,IAAA,EACN,MAAM,CAAC,GAAG,CAAC,CAAC,KAAK,KAAI;AACpB,QAAA,IAAI,OAAO,KAAK,KAAK,QAAQ,EAAE;YAC7B,OAAOD,OAAC,CAAAC,cAAQ,EAAE,IAAA,EAAA,KAAK,CAAY;;QAGrC,QACED,OACE,CAAA,MAAA,EAAA,EAAA,KAAK,EAAE,KAAK,CAAC,SAAS,GAAG,eAAe,GAAG,SAAS,EACpD,GAAG,EAAE,CAAC,GAAG,KAAK,KAAK,CAAC,SAAS,IAAI,GAAG,IAAI,qBAAqB,CAAC,KAAK,CAAC,IAAI,EAAE,GAAG,CAAC,EAE7E,EAAA,KAAK,CAAC,IAAI,CACN;KAEV,CAAC,CACO,CACZ;AACH;;ACjCA,MAAM,MAAM,GAAG,IAAI,SAAS,EAAE;AAExB,SAAU,QAAQ,CAAC,KAAa,EAAA;IACpC,IAAI,CAAC,KAAK,EAAE;AACV,QAAA,OAAO,SAAS;;IAGlB,MAAM,GAAG,GAAG,MAAM,CAAC,eAAe,CAAC,KAAK,EAAE,iBAAiB,CAAC;AAE5D,IAAA,IAAI,GAAG,CAAC,aAAa,CAAC,aAAa,CAAC,EAAE;QACpC,OAAO,CAAC,KAAK,CACX;AACE,YAAA,OAAO,EAAE,qBAAqB;YAC9B,KAAK;AACL,YAAA,QAAQ,EAAE,GAAG;AACd,SAAA,EACD,IAAI,EACJ,CAAC,CACF;AAED,QAAA,OAAO,SAAS;;AAGlB,IAAA,OAAO,GAAG;AACZ;;ACtBM,SAAU,wBAAwB,CAAC,IAAU,EAAA;AACjD,IAAA,MAAM,WAAW,GAAG,IAAI,YAAY,OAAO,GAAG,IAAI,CAAC,YAAY,CAAC,aAAa,CAAC,GAAG,SAAS;AAE1F,IAAA,OAAO,WAAW,KAAK,SAAS,IAAI,WAAW,KAAK,WAAW,GAAG,WAAW,GAAG,SAAS;AAC3F;;;;;;"}

package/dist/cjs/{tooltip.functional-component-BQpcPpgi.js → tooltip.functional-component-DaIoD81Q.js}

@@ -1,6 +1,6 @@
 'use strict';
 
-var index = require('./index-DDpKNH_F.js');
+var index = require('./index-2aek-b9X.js');
 var clsx = require('./clsx-BtxeOLZW.js');
 
 const Tooltip = ({ visible, onAfterHidden, tipElementRef, tipArrowElementRef }, children) => (index.h("div", { popover: "manual", id: "tooltip", class: clsx.clsx(["dso-tooltip", { visible }]), ref: tipElementRef, onTransitionEnd: (e) => {
@@ -11,6 +11,6 @@ const Tooltip = ({ visible, onAfterHidden, tipElementRef, tipArrowElementRef },
     } }, index.h("span", { class: "tooltip-arrow", ref: tipArrowElementRef }), index.h("div", { class: "tooltip-inner" }, children)));
 
 exports.Tooltip = Tooltip;
-//# sourceMappingURL=tooltip.functional-component-BQpcPpgi.js.map
+//# sourceMappingURL=tooltip.functional-component-DaIoD81Q.js.map
 
-//# sourceMappingURL=tooltip.functional-component-BQpcPpgi.js.map
+//# sourceMappingURL=tooltip.functional-component-DaIoD81Q.js.map

package/dist/cjs/{tooltip.functional-component-BQpcPpgi.js.map → tooltip.functional-component-DaIoD81Q.js.map}

@@ -1 +1 @@
-{"version":3,"file":"tooltip.functional-component-BQpcPpgi.js","sources":["src/functional-components/tooltip/tooltip.functional-component.tsx"],"sourcesContent":["import { FunctionalComponent, h } from \"@stencil/core\";\r\nimport { clsx } from \"clsx\";\r\n\r\ninterface TooltipProps {\r\n  visible: boolean;\r\n  onAfterHidden: () => void;\r\n  tipElementRef: (ref: HTMLDivElement | undefined) => void;\r\n  tipArrowElementRef: (ref: HTMLSpanElement | undefined) => void;\r\n}\r\n\r\nexport const Tooltip: FunctionalComponent<TooltipProps> = (\r\n  { visible, onAfterHidden, tipElementRef, tipArrowElementRef },\r\n  children,\r\n) => (\r\n  <div\r\n    popover=\"manual\"\r\n    id=\"tooltip\"\r\n    class={clsx([\"dso-tooltip\", { visible }])}\r\n    ref={tipElementRef}\r\n    onTransitionEnd={(e) => {\r\n      e.stopPropagation();\r\n\r\n      if (e.propertyName === \"opacity\" && !visible) {\r\n        onAfterHidden();\r\n      }\r\n    }}\r\n  >\r\n    <span class=\"tooltip-arrow\" ref={tipArrowElementRef}></span>\r\n    <div class=\"tooltip-inner\">{children}</div>\r\n  </div>\r\n);\r\n"],"names":["h","clsx"],"mappings":";;;;;AAUa,MAAA,OAAO,GAAsC,CACxD,EAAE,OAAO,EAAE,aAAa,EAAE,aAAa,EAAE,kBAAkB,EAAE,EAC7D,QAAQ,MAERA,OAAA,CAAA,KAAA,EAAA,EACE,OAAO,EAAC,QAAQ,EAChB,EAAE,EAAC,SAAS,EACZ,KAAK,EAAEC,SAAI,CAAC,CAAC,aAAa,EAAE,EAAE,OAAO,EAAE,CAAC,CAAC,EACzC,GAAG,EAAE,aAAa,EAClB,eAAe,EAAE,CAAC,CAAC,KAAI;QACrB,CAAC,CAAC,eAAe,EAAE;QAEnB,IAAI,CAAC,CAAC,YAAY,KAAK,SAAS,IAAI,CAAC,OAAO,EAAE;AAC5C,YAAA,aAAa,EAAE;;AAEnB,KAAC,EAAA,EAEDD,OAAA,CAAA,MAAA,EAAA,EAAM,KAAK,EAAC,eAAe,EAAC,GAAG,EAAE,kBAAkB,EAAS,CAAA,EAC5DA,OAAK,CAAA,KAAA,EAAA,EAAA,KAAK,EAAC,eAAe,EAAA,EAAE,QAAQ,CAAO,CACvC;;;;"}
+{"version":3,"file":"tooltip.functional-component-DaIoD81Q.js","sources":["src/functional-components/tooltip/tooltip.functional-component.tsx"],"sourcesContent":["import { FunctionalComponent, h } from \"@stencil/core\";\r\nimport { clsx } from \"clsx\";\r\n\r\ninterface TooltipProps {\r\n  visible: boolean;\r\n  onAfterHidden: () => void;\r\n  tipElementRef: (ref: HTMLDivElement | undefined) => void;\r\n  tipArrowElementRef: (ref: HTMLSpanElement | undefined) => void;\r\n}\r\n\r\nexport const Tooltip: FunctionalComponent<TooltipProps> = (\r\n  { visible, onAfterHidden, tipElementRef, tipArrowElementRef },\r\n  children,\r\n) => (\r\n  <div\r\n    popover=\"manual\"\r\n    id=\"tooltip\"\r\n    class={clsx([\"dso-tooltip\", { visible }])}\r\n    ref={tipElementRef}\r\n    onTransitionEnd={(e) => {\r\n      e.stopPropagation();\r\n\r\n      if (e.propertyName === \"opacity\" && !visible) {\r\n        onAfterHidden();\r\n      }\r\n    }}\r\n  >\r\n    <span class=\"tooltip-arrow\" ref={tipArrowElementRef}></span>\r\n    <div class=\"tooltip-inner\">{children}</div>\r\n  </div>\r\n);\r\n"],"names":["h","clsx"],"mappings":";;;;;AAUa,MAAA,OAAO,GAAsC,CACxD,EAAE,OAAO,EAAE,aAAa,EAAE,aAAa,EAAE,kBAAkB,EAAE,EAC7D,QAAQ,MAERA,OAAA,CAAA,KAAA,EAAA,EACE,OAAO,EAAC,QAAQ,EAChB,EAAE,EAAC,SAAS,EACZ,KAAK,EAAEC,SAAI,CAAC,CAAC,aAAa,EAAE,EAAE,OAAO,EAAE,CAAC,CAAC,EACzC,GAAG,EAAE,aAAa,EAClB,eAAe,EAAE,CAAC,CAAC,KAAI;QACrB,CAAC,CAAC,eAAe,EAAE;QAEnB,IAAI,CAAC,CAAC,YAAY,KAAK,SAAS,IAAI,CAAC,OAAO,EAAE;AAC5C,YAAA,aAAa,EAAE;;AAEnB,KAAC,EAAA,EAEDD,OAAA,CAAA,MAAA,EAAA,EAAM,KAAK,EAAC,eAAe,EAAC,GAAG,EAAE,kBAAkB,EAAS,CAAA,EAC5DA,OAAK,CAAA,KAAA,EAAA,EAAA,KAAK,EAAC,eAAe,EAAA,EAAE,QAAQ,CAAO,CACvC;;;;"}

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

@@ -315,8 +315,6 @@
   --_dso-icon-button-tertiary-disabled-color: #999;
   background-color: #f5d8dc;
   color: #191919;
-}
-:host(.dso-accordion-compact-black.dso-accordion-wijzigactie-verwijder) {
   --_dso-ozon-content-toggletip-color: colors.$zwart;
   text-decoration: line-through;
   --_dso-ozon-content-toggletip-text-decoration: underline line-through;

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

@@ -98,8 +98,6 @@
   inset-block: 4px auto;
   inset-inline: -20px auto;
   border-radius: 50%;
-}
-.group .option-label::before {
   --_dso-alert-success-border-color: #39870c;
   --_dso-alert-error-border-color: #ce3f51;
   --_dso-alert-info-border-color: #6ca4d9;

package/dist/collection/components/alert/alert.css

@@ -100,8 +100,6 @@
   --_dso-icon-button-tertiary-disabled-color: #999;
   background-color: #e4f1d4;
   color: #191919;
-}
-.alert.alert-success {
   border-color: var(--_dso-alert-success-border-color, #e4f1d4);
 }
 .alert.alert-success.dso-compact::before {
@@ -131,8 +129,6 @@
   --_dso-icon-button-tertiary-disabled-color: #999;
   background-color: #f5d8dc;
   color: #191919;
-}
-.alert.alert-error {
   border-color: var(--_dso-alert-error-border-color, #f5d8dc);
 }
 .alert.alert-error.dso-compact::before {
@@ -162,8 +158,6 @@
   --_dso-icon-button-tertiary-disabled-color: #999;
   background-color: #f8f6cc;
   color: #191919;
-}
-.alert.alert-warning {
   border-color: var(--_dso-alert-warning-border-color, #f8f6cc);
 }
 .alert.alert-warning.dso-compact::before {
@@ -193,8 +187,6 @@
   --_dso-icon-button-tertiary-disabled-color: #999;
   background-color: #e1ecf7;
   color: #191919;
-}
-.alert.alert-info {
   border-color: var(--_dso-alert-info-border-color, #e1ecf7);
 }
 .alert.alert-info.dso-compact::before {

package/dist/collection/components/annotation/annotation.css

@@ -26,8 +26,6 @@ a:where(:not(.dso-primary, .dso-secondary, .dso-tertiary)).download {
   background-size: 1.25em 1.25em;
   padding-inline-end: var(--_dso-link-icon-padding-inline-end, 1.5em);
   background-position: bottom 0 right 0;
-}
-a:where(:not(.dso-primary, .dso-secondary, .dso-tertiary)).download {
   background-image: var(--_dso-di-background-image, url("./di.svg#download"));
 }
 a:where(:not(.dso-primary, .dso-secondary, .dso-tertiary)).download:hover, a:where(:not(.dso-primary, .dso-secondary, .dso-tertiary)).download:focus-visible {
@@ -38,8 +36,6 @@ a:where(:not(.dso-primary, .dso-secondary, .dso-tertiary)).extern {
   background-size: 1.25em 1.25em;
   padding-inline-end: var(--_dso-link-icon-padding-inline-end, 1.5em);
   background-position: bottom 0 right 0;
-}
-a:where(:not(.dso-primary, .dso-secondary, .dso-tertiary)).extern {
   background-image: var(--_dso-di-background-image, url("./di.svg#external-link"));
 }
 a:where(:not(.dso-primary, .dso-secondary, .dso-tertiary)).extern:hover, a:where(:not(.dso-primary, .dso-secondary, .dso-tertiary)).extern:focus-visible {
@@ -50,8 +46,6 @@ a:where(:not(.dso-primary, .dso-secondary, .dso-tertiary))[href^="tel:"] {
   background-size: 1.25em 1.25em;
   padding-inline-start: var(--_dso-link-icon-padding-inline-start, 1.5em);
   background-position: bottom 0 left 0;
-}
-a:where(:not(.dso-primary, .dso-secondary, .dso-tertiary))[href^="tel:"] {
   background-image: var(--_dso-di-background-image, url("./di.svg#call-grasgroen"));
 }
 a:where(:not(.dso-primary, .dso-secondary, .dso-tertiary))[href^="tel:"]:hover, a:where(:not(.dso-primary, .dso-secondary, .dso-tertiary))[href^="tel:"]:focus-visible {
@@ -62,8 +56,6 @@ a:where(:not(.dso-primary, .dso-secondary, .dso-tertiary))[href^="mailto:"] {
   background-size: 1.25em 1.25em;
   padding-inline-start: var(--_dso-link-icon-padding-inline-start, 1.5em);
   background-position: bottom 0 left 0;
-}
-a:where(:not(.dso-primary, .dso-secondary, .dso-tertiary))[href^="mailto:"] {
   background-image: var(--_dso-di-background-image, url("./di.svg#email-grasgroen"));
 }
 a:where(:not(.dso-primary, .dso-secondary, .dso-tertiary))[href^="mailto:"]:hover, a:where(:not(.dso-primary, .dso-secondary, .dso-tertiary))[href^="mailto:"]:focus-visible {
@@ -103,8 +95,6 @@ a:where(:not(.dso-primary, .dso-secondary, .dso-tertiary))[href^="mailto:"]:hove
   --_dso-icon-button-tertiary-disabled-color: #999;
   background-color: #e4f1d4;
   color: #191919;
-}
-:host([wijzigactie=voegtoe]) {
   box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.5);
   --_dso-ozon-content-toggletip-color: colors.$zwart;
 }
@@ -137,8 +127,6 @@ a:where(:not(.dso-primary, .dso-secondary, .dso-tertiary))[href^="mailto:"]:hove
   --_dso-icon-button-tertiary-disabled-color: #999;
   background-color: #f5d8dc;
   color: #191919;
-}
-:host([wijzigactie=verwijder]) {
   --_dso-ozon-content-toggletip-color: colors.$zwart;
   text-decoration: line-through;
   --_dso-ozon-content-toggletip-text-decoration: underline line-through;

package/dist/collection/components/badge/badge.css

@@ -30,8 +30,6 @@
   padding-block: 4px;
   padding-inline: 8px;
   text-align: center;
-}
-.dso-badge {
   --_dso-alert-success-border-color: #39870c;
   --_dso-alert-error-border-color: #ce3f51;
   --_dso-alert-info-border-color: #6ca4d9;
@@ -56,8 +54,6 @@
   --_dso-icon-button-tertiary-color: #fff;
   background-color: #666;
   color: #fff;
-}
-.dso-badge {
   border-color: #666;
 }
 .dso-badge.badge-info {
@@ -85,8 +81,6 @@
   --_dso-icon-button-tertiary-color: #fff;
   background-color: #2b5780;
   color: #fff;
-}
-.dso-badge.badge-info {
   border-color: #2b5780;
 }
 .dso-badge.badge-primary {
@@ -114,8 +108,6 @@
   --_dso-icon-button-tertiary-color: #fff;
   background-color: #275937;
   color: #fff;
-}
-.dso-badge.badge-primary {
   border-color: #275937;
 }
 .dso-badge.badge-success {
@@ -143,8 +135,6 @@
   --_dso-icon-button-tertiary-color: #fff;
   background-color: #39870c;
   color: #fff;
-}
-.dso-badge.badge-success {
   border-color: #39870c;
 }
 .dso-badge.badge-warning {
@@ -175,8 +165,6 @@
   --_dso-icon-button-tertiary-disabled-color: #999;
   background-color: #dcd400;
   color: #191919;
-}
-.dso-badge.badge-warning {
   border-color: #dcd400;
 }
 .dso-badge.badge-error {
@@ -204,8 +192,6 @@
   --_dso-icon-button-tertiary-color: #fff;
   background-color: #ce3f51;
   color: #fff;
-}
-.dso-badge.badge-error {
   border-color: #ce3f51;
 }
 .dso-badge.badge-outline {
@@ -215,8 +201,6 @@
   --_dso-alert-warning-border-color: initial;
   background-color: #fff;
   color: #191919;
-}
-.dso-badge.badge-outline {
   border-color: #191919;
 }
 .dso-badge.badge-attention {
@@ -244,7 +228,5 @@
   --_dso-icon-button-tertiary-color: #fff;
   background-color: #8b4a6a;
   color: #fff;
-}
-.dso-badge.badge-attention {
   border-color: #8b4a6a;
 }

package/dist/collection/components/button-group/button-group.css

@@ -16,6 +16,7 @@
   box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.5);
   background-color: #ccc;
   gap: 1px;
+  --_dt-icon-button-map-box-shadow: 0;
 }
 
 ::slotted(*) {
@@ -25,10 +26,15 @@
 :host([direction=row]) ::slotted(:not(:first-child)) {
   border-start-start-radius: 0 !important;
   border-end-start-radius: 0 !important;
+  --_dt-icon-button-border-start-start-radius: 0;
+  --_dt-icon-button-border-end-start-radius: 0;
 }
 :host([direction=row]) ::slotted(:not(:last-child)) {
   border-start-end-radius: 0 !important;
   border-end-end-radius: 0 !important;
+  --_dt-icon-button-border-start-end-radius: 0;
+  --_dt-icon-button-border-end-end-radius: 0;
+  --_dt-icon-button-border-inline-end-width: 0;
 }
 :host([direction=row]) ::slotted(.dso-secondary) {
   margin-inline-start: -1px !important;
@@ -43,10 +49,15 @@
 :host([direction=column]) ::slotted(:not(:first-child)) {
   border-start-start-radius: 0 !important;
   border-start-end-radius: 0 !important;
+  --_dt-icon-button-border-start-start-radius: 0;
+  --_dt-icon-button-border-start-end-radius: 0;
 }
 :host([direction=column]) ::slotted(:not(:last-child)) {
   border-end-start-radius: 0 !important;
   border-end-end-radius: 0 !important;
+  --_dt-icon-button-border-end-start-radius: 0;
+  --_dt-icon-button-border-end-end-radius: 0;
+  --_dt-icon-button-border-block-end-width: 0;
 }
 :host([direction=column]) ::slotted(.dso-secondary) {
   margin-block-start: -1px !important;

package/dist/collection/components/button-group/button-group.js

@@ -15,17 +15,20 @@ export class ButtonGroup {
         });
         this.mutationObserver.observe(this.host, {
             childList: true,
+            attributes: true,
         });
     }
     disconnectedCallback() {
         var _a;
         (_a = this.mutationObserver) === null || _a === void 0 ? void 0 : _a.disconnect();
     }
-    get hasMapButtons() {
-        return !!this.host.querySelector(":scope > .dso-map");
+    get hasMapButton() {
+        const hasMapIconButton = this.host.querySelector(":scope > dso-icon-button[variant='map']") !== null;
+        const hasMapClass = this.host.querySelector(":scope > .dso-map") !== null;
+        return hasMapIconButton || hasMapClass;
     }
     render() {
-        return (h("div", { key: '19bca6e1fa5b009b83c5ba09d190393b73408438', class: clsx("container", { "has-map-buttons": this.hasMapButtons }), role: "group" }, h("slot", { key: '3aa3142304986e0b3fcf2c204ea7e51ac963926b' })));
+        return (h("div", { key: '0cd0a65e9b4ed512a7f51248628b5729e591e5a9', class: clsx("container", { "has-map-buttons": this.hasMapButton }), role: "group" }, h("slot", { key: '529bd12bf8558e3d8f0a7d76bb49c9c0200714ed' })));
     }
     static get is() { return "dso-button-group"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/button-group/button-group.js.map

@@ -1 +1 @@
-{"version":3,"file":"button-group.js","sourceRoot":"","sources":["../../../../src/components/button-group/button-group.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAsB,OAAO,EAAE,IAAI,EAAE,WAAW,EAAE,CAAC,EAAE,MAAM,eAAe,CAAC;AAC7F,OAAO,EAAE,IAAI,EAAE,MAAM,MAAM,CAAC;AAS5B,MAAM,OAAO,WAAW;IALxB;QAME;;;;WAIG;QAEH,cAAS,GAAyB,KAAK,CAAC;KAgCzC;IAzBC,iBAAiB;QACf,IAAI,CAAC,gBAAgB,GAAG,IAAI,gBAAgB,CAAC,GAAG,EAAE;YAChD,WAAW,CAAC,IAAI,CAAC,CAAC;QACpB,CAAC,CAAC,CAAC;QAEH,IAAI,CAAC,gBAAgB,CAAC,OAAO,CAAC,IAAI,CAAC,IAAI,EAAE;YACvC,SAAS,EAAE,IAAI;SAChB,CAAC,CAAC;IACL,CAAC;IAED,oBAAoB;;QAClB,MAAA,IAAI,CAAC,gBAAgB,0CAAE,UAAU,EAAE,CAAC;IACtC,CAAC;IAED,IAAI,aAAa;QACf,OAAO,CAAC,CAAC,IAAI,CAAC,IAAI,CAAC,aAAa,CAAC,mBAAmB,CAAC,CAAC;IACxD,CAAC;IAED,MAAM;QACJ,OAAO,CACL,4DAAK,KAAK,EAAE,IAAI,CAAC,WAAW,EAAE,EAAE,iBAAiB,EAAE,IAAI,CAAC,aAAa,EAAE,CAAC,EAAE,IAAI,EAAC,OAAO;YACpF,8DAAQ,CACJ,CACP,CAAC;IACJ,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACF","sourcesContent":["import { Component, ComponentInterface, Element, Prop, forceUpdate, h } from \"@stencil/core\";\r\nimport { clsx } from \"clsx\";\r\n\r\nimport { ButtonGroupDirection } from \"./button-group.interfaces\";\r\n\r\n@Component({\r\n  tag: \"dso-button-group\",\r\n  styleUrl: \"button-group.scss\",\r\n  shadow: true,\r\n})\r\nexport class ButtonGroup implements ComponentInterface {\r\n  /**\r\n   * The direction in which the buttons are displayed.\r\n   *\r\n   * Defaults to `row`.\r\n   */\r\n  @Prop({ reflect: true })\r\n  direction: ButtonGroupDirection = \"row\";\r\n\r\n  @Element()\r\n  private host!: HTMLDsoButtonGroupElement;\r\n\r\n  private mutationObserver?: MutationObserver;\r\n\r\n  connectedCallback(): void {\r\n    this.mutationObserver = new MutationObserver(() => {\r\n      forceUpdate(this);\r\n    });\r\n\r\n    this.mutationObserver.observe(this.host, {\r\n      childList: true,\r\n    });\r\n  }\r\n\r\n  disconnectedCallback(): void {\r\n    this.mutationObserver?.disconnect();\r\n  }\r\n\r\n  get hasMapButtons(): boolean {\r\n    return !!this.host.querySelector(\":scope > .dso-map\");\r\n  }\r\n\r\n  render() {\r\n    return (\r\n      <div class={clsx(\"container\", { \"has-map-buttons\": this.hasMapButtons })} role=\"group\">\r\n        <slot />\r\n      </div>\r\n    );\r\n  }\r\n}\r\n"]}
+{"version":3,"file":"button-group.js","sourceRoot":"","sources":["../../../../src/components/button-group/button-group.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAsB,OAAO,EAAE,IAAI,EAAE,WAAW,EAAE,CAAC,EAAE,MAAM,eAAe,CAAC;AAC7F,OAAO,EAAE,IAAI,EAAE,MAAM,MAAM,CAAC;AAS5B,MAAM,OAAO,WAAW;IALxB;QAME;;;;WAIG;QAEH,cAAS,GAAyB,KAAK,CAAC;KAoCzC;IA7BC,iBAAiB;QACf,IAAI,CAAC,gBAAgB,GAAG,IAAI,gBAAgB,CAAC,GAAG,EAAE;YAChD,WAAW,CAAC,IAAI,CAAC,CAAC;QACpB,CAAC,CAAC,CAAC;QAEH,IAAI,CAAC,gBAAgB,CAAC,OAAO,CAAC,IAAI,CAAC,IAAI,EAAE;YACvC,SAAS,EAAE,IAAI;YACf,UAAU,EAAE,IAAI;SACjB,CAAC,CAAC;IACL,CAAC;IAED,oBAAoB;;QAClB,MAAA,IAAI,CAAC,gBAAgB,0CAAE,UAAU,EAAE,CAAC;IACtC,CAAC;IAED,IAAI,YAAY;QACd,MAAM,gBAAgB,GAAG,IAAI,CAAC,IAAI,CAAC,aAAa,CAAC,yCAAyC,CAAC,KAAK,IAAI,CAAC;QACrG,MAAM,WAAW,GAAG,IAAI,CAAC,IAAI,CAAC,aAAa,CAAC,mBAAmB,CAAC,KAAK,IAAI,CAAC;QAE1E,OAAO,gBAAgB,IAAI,WAAW,CAAC;IACzC,CAAC;IAED,MAAM;QACJ,OAAO,CACL,4DAAK,KAAK,EAAE,IAAI,CAAC,WAAW,EAAE,EAAE,iBAAiB,EAAE,IAAI,CAAC,YAAY,EAAE,CAAC,EAAE,IAAI,EAAC,OAAO;YACnF,8DAAQ,CACJ,CACP,CAAC;IACJ,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACF","sourcesContent":["import { Component, ComponentInterface, Element, Prop, forceUpdate, h } from \"@stencil/core\";\r\nimport { clsx } from \"clsx\";\r\n\r\nimport { ButtonGroupDirection } from \"./button-group.interfaces\";\r\n\r\n@Component({\r\n  tag: \"dso-button-group\",\r\n  styleUrl: \"button-group.scss\",\r\n  shadow: true,\r\n})\r\nexport class ButtonGroup implements ComponentInterface {\r\n  /**\r\n   * The direction in which the buttons are displayed.\r\n   *\r\n   * Defaults to `row`.\r\n   */\r\n  @Prop({ reflect: true })\r\n  direction: ButtonGroupDirection = \"row\";\r\n\r\n  @Element()\r\n  private host!: HTMLDsoButtonGroupElement;\r\n\r\n  private mutationObserver?: MutationObserver;\r\n\r\n  connectedCallback(): void {\r\n    this.mutationObserver = new MutationObserver(() => {\r\n      forceUpdate(this);\r\n    });\r\n\r\n    this.mutationObserver.observe(this.host, {\r\n      childList: true,\r\n      attributes: true,\r\n    });\r\n  }\r\n\r\n  disconnectedCallback(): void {\r\n    this.mutationObserver?.disconnect();\r\n  }\r\n\r\n  get hasMapButton(): boolean {\r\n    const hasMapIconButton = this.host.querySelector(\":scope > dso-icon-button[variant='map']\") !== null;\r\n    const hasMapClass = this.host.querySelector(\":scope > .dso-map\") !== null;\r\n\r\n    return hasMapIconButton || hasMapClass;\r\n  }\r\n\r\n  render() {\r\n    return (\r\n      <div class={clsx(\"container\", { \"has-map-buttons\": this.hasMapButton })} role=\"group\">\r\n        <slot />\r\n      </div>\r\n    );\r\n  }\r\n}\r\n"]}

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

@@ -26,8 +26,6 @@ a:where(:not(.dso-primary, .dso-secondary, .dso-tertiary)).download {
   background-size: 1.25em 1.25em;
   padding-inline-end: var(--_dso-link-icon-padding-inline-end, 1.5em);
   background-position: bottom 0 right 0;
-}
-a:where(:not(.dso-primary, .dso-secondary, .dso-tertiary)).download {
   background-image: var(--_dso-di-background-image, url("./di.svg#download"));
 }
 a:where(:not(.dso-primary, .dso-secondary, .dso-tertiary)).download:hover, a:where(:not(.dso-primary, .dso-secondary, .dso-tertiary)).download:focus-visible {
@@ -38,8 +36,6 @@ a:where(:not(.dso-primary, .dso-secondary, .dso-tertiary)).extern {
   background-size: 1.25em 1.25em;
   padding-inline-end: var(--_dso-link-icon-padding-inline-end, 1.5em);
   background-position: bottom 0 right 0;
-}
-a:where(:not(.dso-primary, .dso-secondary, .dso-tertiary)).extern {
   background-image: var(--_dso-di-background-image, url("./di.svg#external-link"));
 }
 a:where(:not(.dso-primary, .dso-secondary, .dso-tertiary)).extern:hover, a:where(:not(.dso-primary, .dso-secondary, .dso-tertiary)).extern:focus-visible {
@@ -50,8 +46,6 @@ a:where(:not(.dso-primary, .dso-secondary, .dso-tertiary))[href^="tel:"] {
   background-size: 1.25em 1.25em;
   padding-inline-start: var(--_dso-link-icon-padding-inline-start, 1.5em);
   background-position: bottom 0 left 0;
-}
-a:where(:not(.dso-primary, .dso-secondary, .dso-tertiary))[href^="tel:"] {
   background-image: var(--_dso-di-background-image, url("./di.svg#call-grasgroen"));
 }
 a:where(:not(.dso-primary, .dso-secondary, .dso-tertiary))[href^="tel:"]:hover, a:where(:not(.dso-primary, .dso-secondary, .dso-tertiary))[href^="tel:"]:focus-visible {
@@ -62,8 +56,6 @@ a:where(:not(.dso-primary, .dso-secondary, .dso-tertiary))[href^="mailto:"] {
   background-size: 1.25em 1.25em;
   padding-inline-start: var(--_dso-link-icon-padding-inline-start, 1.5em);
   background-position: bottom 0 left 0;
-}
-a:where(:not(.dso-primary, .dso-secondary, .dso-tertiary))[href^="mailto:"] {
   background-image: var(--_dso-di-background-image, url("./di.svg#email-grasgroen"));
 }
 a:where(:not(.dso-primary, .dso-secondary, .dso-tertiary))[href^="mailto:"]:hover, a:where(:not(.dso-primary, .dso-secondary, .dso-tertiary))[href^="mailto:"]:focus-visible {

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

@@ -30,19 +30,6 @@
   background-color: #e5e5e5;
 }
 
-::slotted([slot=meta]) {
-  display: flex !important;
-  justify-content: space-between !important;
-  flex-shrink: 0 !important;
-  align-self: end !important;
-}
-@media screen and (max-width: 480px) {
-  ::slotted([slot=meta]) {
-    flex-basis: 100% !important;
-    margin-block-start: 16px !important;
-  }
-}
-
 ::slotted([slot=heading]) {
   display: inline !important;
   color: #275937 !important;
@@ -96,4 +83,12 @@
 .dso-document-card-heading + .dso-document-card-status,
 .dso-document-card-type + .dso-document-card-status {
   margin-block-start: 8px;
+}
+
+::slotted([slot=meta]) {
+  margin-inline-end: 8px;
+}
+
+::slotted([slot=status]) {
+  margin-inline-end: 8px;
 }

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

@@ -2,9 +2,10 @@ import { forceUpdate, h } from "@stencil/core";
 import { isModifiedEvent } from "../../utils/is-modified-event";
 /**
  * @slot heading - A slot to place the title of the card in.
- * @slot meta - An optional slot to place a `Label` in.
  * @slot type - A slot to hold type of document with an optional `Toggletip`.
+ * @slot meta - An optional slot to place a `Label` in.
  * @slot status - A slot to hold some status information on the document.
+ * @slot interactions - An optional slot for one or more `Badge`'s.
  */
 export class DocumentCard {
     connectedCallback() {
@@ -25,8 +26,11 @@ export class DocumentCard {
     get metaSlottedElement() {
         return this.host.querySelector("[slot='meta']");
     }
+    get interactionsSlottedElement() {
+        return this.host.querySelector("[slot='interactions']");
+    }
     render() {
-        return (h("div", { key: 'fa7b46b5f893de1939b774c925d34f7f18e15571', class: "dso-document-card-container" }, h("div", { key: '682a8fa1673b1c38ca16fc6f4f1a274719adb9f4', class: "dso-document-card-heading" }, h("a", { key: 'ee6c434a98e009753e38f92ef38580970025a58b', href: this.href, class: "heading-anchor", onClick: (e) => this.clickEventHandler(e) }, h("span", { key: 'a14a1a16baafedd1806bf3417dea1135b9cfdb41', class: "icon-container" }, h("dso-icon", { key: '843ee861b72689523ce5af6479a3aa1a9ffd84c2', icon: "chevron-right" }), h("slot", { key: '918b8e3797b99bd07902ab849f95e3a5b2bf1531', name: "heading" }))), this.metaSlottedElement !== null && h("slot", { key: '226986aeeb3d0091f274697b67ebd8de3c358c53', name: "meta" })), h("div", { key: 'e0d5195cfa6feb274e4df486b4ca5869f6654ada', class: "dso-document-card-type" }, h("slot", { key: '089ae1f70596e1bff98b74acad76a0c6f00e665e', name: "type" })), h("div", { key: '6ae6d7023a4b045f7120977d5bccd9b3edaf5ccd', class: "dso-document-card-status" }, h("slot", { key: '832d0c2fda8e6fab9ff211d3fbbdd3a8bdf3bbce', name: "status" }))));
+        return (h("div", { key: '7ad84c77cd9cad0cfe796d71d9889cd42a46dcff', class: "dso-document-card-container" }, h("div", { key: 'cd01ffeccf94bdf273afb2f0356610895ee2209c', class: "dso-document-card-heading" }, h("a", { key: '1272f0fb728edeb32ce9ad2dba93a3cb44f4c69a', href: this.href, class: "heading-anchor", onClick: (e) => this.clickEventHandler(e) }, h("span", { key: 'acedac80a682a895706e45846230656d381c46cc', class: "icon-container" }, h("dso-icon", { key: '0808cc4158363e032e566f55783d4d81d8d00f7b', icon: "chevron-right" }), h("slot", { key: '0523647b2f8aafffabe191a0d0e985055581737f', name: "heading" })))), h("div", { key: 'bc5e9ca39e326cd9fdd0849b890b864de925f774', class: "dso-document-card-type" }, h("slot", { key: '22d9f6b73539a9e0a414b59a7c92c9bcddb70a52', name: "type" })), h("div", { key: 'a891f27126d774e6c50277d25fb4c72cc16d62a5', class: "dso-document-card-status" }, this.metaSlottedElement !== null && h("slot", { key: '64199f7e9d2e0ae1fe039083d79a868b9760139b', name: "meta" }), h("slot", { key: '9dfbe5e04c8abfd93aff4982f9bd383170d711d5', name: "status" }), this.interactionsSlottedElement !== null && h("slot", { key: '7855de2e14a64d8b68c1840264082f96f48d895b', name: "interactions" }))));
     }
     static get is() { return "dso-document-card"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/document-card/document-card.js.map

@@ -1 +1 @@
-{"version":3,"file":"document-card.js","sourceRoot":"","sources":["../../../../src/components/document-card/document-card.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAsB,OAAO,EAAE,KAAK,EAAgB,IAAI,EAAE,WAAW,EAAE,CAAC,EAAE,MAAM,eAAe,CAAC;AAElH,OAAO,EAAE,eAAe,EAAE,MAAM,+BAA+B,CAAC;AAIhE;;;;;GAKG;AAMH,MAAM,OAAO,YAAY;IAwBvB,iBAAiB;QACf,IAAI,CAAC,gBAAgB,GAAG,IAAI,gBAAgB,CAAC,GAAG,EAAE,CAAC,WAAW,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,CAAC;QAE3E,IAAI,CAAC,gBAAgB,CAAC,OAAO,CAAC,IAAI,CAAC,IAAI,EAAE,EAAE,UAAU,EAAE,IAAI,EAAE,SAAS,EAAE,IAAI,EAAE,CAAC,CAAC;IAClF,CAAC;IAED,oBAAoB;;QAClB,MAAA,IAAI,CAAC,gBAAgB,0CAAE,UAAU,EAAE,CAAC;QAEpC,OAAO,IAAI,CAAC,gBAAgB,CAAC;IAC/B,CAAC;IAEO,iBAAiB,CAAC,CAAa;QACrC,IAAI,CAAC,CAAC,CAAC,CAAC,MAAM,YAAY,WAAW,CAAC,IAAI,CAAC,IAAI,CAAC,IAAI,EAAE,CAAC;YACrD,OAAO;QACT,CAAC;QAED,OAAO,IAAI,CAAC,oBAAoB,CAAC,IAAI,CAAC,EAAE,aAAa,EAAE,CAAC,EAAE,eAAe,EAAE,eAAe,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC;IACnG,CAAC;IAED,IAAI,kBAAkB;QACpB,OAAO,IAAI,CAAC,IAAI,CAAC,aAAa,CAAC,eAAe,CAAC,CAAC;IAClD,CAAC;IAED,MAAM;QACJ,OAAO,CACL,4DAAK,KAAK,EAAC,6BAA6B;YACtC,4DAAK,KAAK,EAAC,2BAA2B;gBACpC,0DAAG,IAAI,EAAE,IAAI,CAAC,IAAI,EAAE,KAAK,EAAC,gBAAgB,EAAC,OAAO,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,IAAI,CAAC,iBAAiB,CAAC,CAAC,CAAC;oBAClF,6DAAM,KAAK,EAAC,gBAAgB;wBAC1B,iEAAU,IAAI,EAAC,eAAe,GAAG;wBACjC,6DAAM,IAAI,EAAC,SAAS,GAAG,CAClB,CACL;gBACH,IAAI,CAAC,kBAAkB,KAAK,IAAI,IAAI,6DAAM,IAAI,EAAC,MAAM,GAAG,CACrD;YACN,4DAAK,KAAK,EAAC,wBAAwB;gBACjC,6DAAM,IAAI,EAAC,MAAM,GAAG,CAChB;YACN,4DAAK,KAAK,EAAC,0BAA0B;gBACnC,6DAAM,IAAI,EAAC,QAAQ,GAAG,CAClB,CACF,CACP,CAAC;IACJ,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACF","sourcesContent":["import { Component, ComponentInterface, Element, Event, EventEmitter, Prop, forceUpdate, h } from \"@stencil/core\";\r\n\r\nimport { isModifiedEvent } from \"../../utils/is-modified-event\";\r\n\r\nimport { DocumentCardClickEvent } from \"./document-card.interfaces\";\r\n\r\n/**\r\n * @slot heading - A slot to place the title of the card in.\r\n * @slot meta - An optional slot to place a `Label` in.\r\n * @slot type - A slot to hold type of document with an optional `Toggletip`.\r\n * @slot status - A slot to hold some status information on the document.\r\n */\r\n@Component({\r\n  tag: \"dso-document-card\",\r\n  styleUrl: \"document-card.scss\",\r\n  shadow: true,\r\n})\r\nexport class DocumentCard implements ComponentInterface {\r\n  @Element()\r\n  host!: HTMLDsoDocumentCardElement;\r\n\r\n  /**\r\n   * The URL to which the DocumentCard heading links.\r\n   */\r\n  @Prop({ reflect: true })\r\n  href!: string | undefined;\r\n\r\n  /**\r\n   * Makes the DocumentCard active.\r\n   */\r\n  @Prop({ reflect: true })\r\n  active?: boolean;\r\n\r\n  /**\r\n   * Emitted when the DocumentCard heading is clicked.\r\n   */\r\n  @Event()\r\n  dsoDocumentCardClick!: EventEmitter<DocumentCardClickEvent>;\r\n\r\n  private mutationObserver?: MutationObserver;\r\n\r\n  connectedCallback(): void {\r\n    this.mutationObserver = new MutationObserver(() => forceUpdate(this.host));\r\n\r\n    this.mutationObserver.observe(this.host, { attributes: true, childList: true });\r\n  }\r\n\r\n  disconnectedCallback(): void {\r\n    this.mutationObserver?.disconnect();\r\n\r\n    delete this.mutationObserver;\r\n  }\r\n\r\n  private clickEventHandler(e: MouseEvent) {\r\n    if (!(e.target instanceof HTMLElement) || !this.href) {\r\n      return;\r\n    }\r\n\r\n    return this.dsoDocumentCardClick.emit({ originalEvent: e, isModifiedEvent: isModifiedEvent(e) });\r\n  }\r\n\r\n  get metaSlottedElement() {\r\n    return this.host.querySelector(\"[slot='meta']\");\r\n  }\r\n\r\n  render() {\r\n    return (\r\n      <div class=\"dso-document-card-container\">\r\n        <div class=\"dso-document-card-heading\">\r\n          <a href={this.href} class=\"heading-anchor\" onClick={(e) => this.clickEventHandler(e)}>\r\n            <span class=\"icon-container\">\r\n              <dso-icon icon=\"chevron-right\" />\r\n              <slot name=\"heading\" />\r\n            </span>\r\n          </a>\r\n          {this.metaSlottedElement !== null && <slot name=\"meta\" />}\r\n        </div>\r\n        <div class=\"dso-document-card-type\">\r\n          <slot name=\"type\" />\r\n        </div>\r\n        <div class=\"dso-document-card-status\">\r\n          <slot name=\"status\" />\r\n        </div>\r\n      </div>\r\n    );\r\n  }\r\n}\r\n"]}
+{"version":3,"file":"document-card.js","sourceRoot":"","sources":["../../../../src/components/document-card/document-card.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAsB,OAAO,EAAE,KAAK,EAAgB,IAAI,EAAE,WAAW,EAAE,CAAC,EAAE,MAAM,eAAe,CAAC;AAElH,OAAO,EAAE,eAAe,EAAE,MAAM,+BAA+B,CAAC;AAIhE;;;;;;GAMG;AAMH,MAAM,OAAO,YAAY;IAwBvB,iBAAiB;QACf,IAAI,CAAC,gBAAgB,GAAG,IAAI,gBAAgB,CAAC,GAAG,EAAE,CAAC,WAAW,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,CAAC;QAE3E,IAAI,CAAC,gBAAgB,CAAC,OAAO,CAAC,IAAI,CAAC,IAAI,EAAE,EAAE,UAAU,EAAE,IAAI,EAAE,SAAS,EAAE,IAAI,EAAE,CAAC,CAAC;IAClF,CAAC;IAED,oBAAoB;;QAClB,MAAA,IAAI,CAAC,gBAAgB,0CAAE,UAAU,EAAE,CAAC;QAEpC,OAAO,IAAI,CAAC,gBAAgB,CAAC;IAC/B,CAAC;IAEO,iBAAiB,CAAC,CAAa;QACrC,IAAI,CAAC,CAAC,CAAC,CAAC,MAAM,YAAY,WAAW,CAAC,IAAI,CAAC,IAAI,CAAC,IAAI,EAAE,CAAC;YACrD,OAAO;QACT,CAAC;QAED,OAAO,IAAI,CAAC,oBAAoB,CAAC,IAAI,CAAC,EAAE,aAAa,EAAE,CAAC,EAAE,eAAe,EAAE,eAAe,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC;IACnG,CAAC;IAED,IAAI,kBAAkB;QACpB,OAAO,IAAI,CAAC,IAAI,CAAC,aAAa,CAAC,eAAe,CAAC,CAAC;IAClD,CAAC;IAED,IAAI,0BAA0B;QAC5B,OAAO,IAAI,CAAC,IAAI,CAAC,aAAa,CAAC,uBAAuB,CAAC,CAAC;IAC1D,CAAC;IAED,MAAM;QACJ,OAAO,CACL,4DAAK,KAAK,EAAC,6BAA6B;YACtC,4DAAK,KAAK,EAAC,2BAA2B;gBACpC,0DAAG,IAAI,EAAE,IAAI,CAAC,IAAI,EAAE,KAAK,EAAC,gBAAgB,EAAC,OAAO,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,IAAI,CAAC,iBAAiB,CAAC,CAAC,CAAC;oBAClF,6DAAM,KAAK,EAAC,gBAAgB;wBAC1B,iEAAU,IAAI,EAAC,eAAe,GAAG;wBACjC,6DAAM,IAAI,EAAC,SAAS,GAAG,CAClB,CACL,CACA;YACN,4DAAK,KAAK,EAAC,wBAAwB;gBACjC,6DAAM,IAAI,EAAC,MAAM,GAAG,CAChB;YACN,4DAAK,KAAK,EAAC,0BAA0B;gBAClC,IAAI,CAAC,kBAAkB,KAAK,IAAI,IAAI,6DAAM,IAAI,EAAC,MAAM,GAAG;gBACzD,6DAAM,IAAI,EAAC,QAAQ,GAAG;gBACrB,IAAI,CAAC,0BAA0B,KAAK,IAAI,IAAI,6DAAM,IAAI,EAAC,cAAc,GAAG,CACrE,CACF,CACP,CAAC;IACJ,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACF","sourcesContent":["import { Component, ComponentInterface, Element, Event, EventEmitter, Prop, forceUpdate, h } from \"@stencil/core\";\r\n\r\nimport { isModifiedEvent } from \"../../utils/is-modified-event\";\r\n\r\nimport { DocumentCardClickEvent } from \"./document-card.interfaces\";\r\n\r\n/**\r\n * @slot heading - A slot to place the title of the card in.\r\n * @slot type - A slot to hold type of document with an optional `Toggletip`.\r\n * @slot meta - An optional slot to place a `Label` in.\r\n * @slot status - A slot to hold some status information on the document.\r\n * @slot interactions - An optional slot for one or more `Badge`'s.\r\n */\r\n@Component({\r\n  tag: \"dso-document-card\",\r\n  styleUrl: \"document-card.scss\",\r\n  shadow: true,\r\n})\r\nexport class DocumentCard implements ComponentInterface {\r\n  @Element()\r\n  host!: HTMLDsoDocumentCardElement;\r\n\r\n  /**\r\n   * The URL to which the DocumentCard heading links.\r\n   */\r\n  @Prop({ reflect: true })\r\n  href!: string | undefined;\r\n\r\n  /**\r\n   * Makes the DocumentCard active.\r\n   */\r\n  @Prop({ reflect: true })\r\n  active?: boolean;\r\n\r\n  /**\r\n   * Emitted when the DocumentCard heading is clicked.\r\n   */\r\n  @Event()\r\n  dsoDocumentCardClick!: EventEmitter<DocumentCardClickEvent>;\r\n\r\n  private mutationObserver?: MutationObserver;\r\n\r\n  connectedCallback(): void {\r\n    this.mutationObserver = new MutationObserver(() => forceUpdate(this.host));\r\n\r\n    this.mutationObserver.observe(this.host, { attributes: true, childList: true });\r\n  }\r\n\r\n  disconnectedCallback(): void {\r\n    this.mutationObserver?.disconnect();\r\n\r\n    delete this.mutationObserver;\r\n  }\r\n\r\n  private clickEventHandler(e: MouseEvent) {\r\n    if (!(e.target instanceof HTMLElement) || !this.href) {\r\n      return;\r\n    }\r\n\r\n    return this.dsoDocumentCardClick.emit({ originalEvent: e, isModifiedEvent: isModifiedEvent(e) });\r\n  }\r\n\r\n  get metaSlottedElement() {\r\n    return this.host.querySelector(\"[slot='meta']\");\r\n  }\r\n\r\n  get interactionsSlottedElement() {\r\n    return this.host.querySelector(\"[slot='interactions']\");\r\n  }\r\n\r\n  render() {\r\n    return (\r\n      <div class=\"dso-document-card-container\">\r\n        <div class=\"dso-document-card-heading\">\r\n          <a href={this.href} class=\"heading-anchor\" onClick={(e) => this.clickEventHandler(e)}>\r\n            <span class=\"icon-container\">\r\n              <dso-icon icon=\"chevron-right\" />\r\n              <slot name=\"heading\" />\r\n            </span>\r\n          </a>\r\n        </div>\r\n        <div class=\"dso-document-card-type\">\r\n          <slot name=\"type\" />\r\n        </div>\r\n        <div class=\"dso-document-card-status\">\r\n          {this.metaSlottedElement !== null && <slot name=\"meta\" />}\r\n          <slot name=\"status\" />\r\n          {this.interactionsSlottedElement !== null && <slot name=\"interactions\" />}\r\n        </div>\r\n      </div>\r\n    );\r\n  }\r\n}\r\n"]}

package/dist/collection/components/document-component/document-component.css

@@ -58,10 +58,6 @@ label.dso-primary {
   background-color: var(--_dso-button-primary-background-color, #39870c);
   border-color: var(--_dso-button-primary-border-color, #39870c);
   color: var(--_dso-button-primary-color, #fff);
-}
-a.dso-primary,
-button.dso-primary,
-label.dso-primary {
   border-width: 1px;
   border-style: solid;
   border-radius: 4px;
@@ -263,10 +259,6 @@ label.dso-secondary {
   background-color: var(--_dso-button-secondary-background-color, #fff);
   border-color: var(--_dso-button-secondary-border-color, #39870c);
   color: var(--_dso-button-secondary-color, #39870c);
-}
-a.dso-secondary,
-button.dso-secondary,
-label.dso-secondary {
   border-width: 1px;
   border-style: solid;
   border-radius: 4px;
@@ -702,10 +694,6 @@ label.dso-map {
   background-color: var(--_dso-button-secondary-background-color, #fff);
   border-color: var(--_dso-button-secondary-border-color, #39870c);
   color: var(--_dso-button-secondary-color, #39870c);
-}
-a.dso-map,
-button.dso-map,
-label.dso-map {
   border-width: 1px;
   border-style: solid;
   border-radius: 4px;
@@ -986,9 +974,6 @@ mark.dso-highlight {
 :host([wijzigactie=verwijderContainer]) .heading-container,
 :host(:where([wijzigactie=verwijder])) {
   --_dso-document-component-text-decoration: line-through;
-}
-:host([wijzigactie=verwijderContainer]) .heading-container,
-:host(:where([wijzigactie=verwijder])) {
   --_dso-alert-success-border-color: #39870c;
   --_dso-alert-error-border-color: #ce3f51;
   --_dso-alert-info-border-color: #6ca4d9;
@@ -1021,9 +1006,6 @@ mark.dso-highlight {
   --_dso-icon-button-tertiary-disabled-color: #999;
   background-color: #f5d8dc;
   color: #191919;
-}
-:host([wijzigactie=verwijderContainer]) .heading-container,
-:host(:where([wijzigactie=verwijder])) {
   --_dso-ozon-content-toggletip-color: colors.$zwart;
 }
 
@@ -1073,9 +1055,6 @@ mark.dso-highlight {
   --_dso-icon-button-tertiary-disabled-color: #999;
   background-color: #e4f1d4;
   color: #191919;
-}
-:host([wijzigactie=nieuweContainer]) .heading-container,
-:host([wijzigactie=voegtoe]) {
   box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.5);
   --_dso-ozon-content-toggletip-color: colors.$zwart;
 }