@dso-toolkit/core 102.0.0 → 103.0.0

package/dist/esm/dsot-document-component-demo.entry.js

@@ -1715,7 +1715,7 @@ const DocumentComponentDemo = class {
             }
             return (h("dso-document-component", { annotated: this.isAnnotated(documentComponent), filtered: this.isOpen(documentComponent)
                     ? this.isFiltered(documentComponent)
-                    : this.hasFilteredChildren(documentComponent), gereserveerd: documentComponent.gereserveerd, headingLevel: 2, kop: documentComponent.kop, inhoud: documentComponent.inhoud, openAnnotation: this.isOpenedAnnotation(documentComponent), notApplicable: this.isNotApplicable(documentComponent) || path.some((p) => this.isNotApplicable(p)), onDsoAnnotationToggle: (e) => this.handleAnnotationToggle(documentComponent, e.detail), onDsoOpenToggle: () => this.handleOpenToggle(documentComponent), open: this.isOpen(documentComponent), type: documentComponent.type, vervallen: documentComponent.vervallen, wijzigactie: documentComponent.wijzigactie, recursiveToggle: this.recursiveToggleState(documentComponent), onDsoRecursiveToggle: (e) => this.handleRecursiveToggle(documentComponent, e.detail), mode: this.mode, href: this.mode === "table-of-contents" ? "/document/" + documentComponent.documentTechnischId : undefined, onDsoTableOfContentsClick: (e) => this.handleTableOfContentsClick(e), onDsoOzonContentClick: (e) => this.handleOzonContentClick(e), ozonContentUrlResolver: this.ozonContentUrlResolver, ozonContentBegripResolver: this.ozonContentBegripResolver, badge: badge, badgeStatus: badgeStatus, badgeTooltip: badgeTooltip, label: label, labelStatus: labelStatus }, this.isOpenedAnnotation(documentComponent) && (h("div", { slot: "annotations" }, h("dso-annotation-locatie", { active: this.isCheckedSlideToggle(documentComponent), "gewijzigde-locatie": true, locatieNoemer: "Winkelgebied", onDsoActiveChange: () => this.handleSelectableChange(documentComponent) }, h("span", { class: "symboolcode", slot: "symbool", "data-symboolcode": "vszt030" })))), this.showContent(documentComponent) && embeddedDocuments?.documentComponents.length && (h("ul", { class: "dso-document-component-list" }, embeddedDocuments.documentComponents.map((d) => (h("li", { key: d.documentTechnischId }, h(DocumentComponent, { path: [...path, d] }))))))));
+                    : this.hasFilteredChildren(documentComponent), gereserveerd: documentComponent.gereserveerd, headingLevel: 2, kop: documentComponent.kop, inhoud: documentComponent.inhoud, openAnnotation: this.isOpenedAnnotation(documentComponent), notApplicable: this.isNotApplicable(documentComponent) || path.some((p) => this.isNotApplicable(p)), onDsoAnnotationToggle: (e) => this.handleAnnotationToggle(documentComponent, e.detail), onDsoOpenToggle: () => this.handleOpenToggle(documentComponent), open: this.isOpen(documentComponent), type: documentComponent.type, vervallen: documentComponent.vervallen, wijzigactie: documentComponent.wijzigactie, recursiveToggle: this.recursiveToggleState(documentComponent), onDsoRecursiveToggle: (e) => this.handleRecursiveToggle(documentComponent, e.detail), mode: this.mode, href: this.mode === "table-of-contents" ? "/document/" + documentComponent.documentTechnischId : undefined, onDsoTableOfContentsClick: (e) => this.handleTableOfContentsClick(e), onDsoOzonContentClick: (e) => this.handleOzonContentClick(e), ozonContentUrlResolver: this.ozonContentUrlResolver, ozonContentBegripResolver: this.ozonContentBegripResolver, badge: badge, badgeStatus: badgeStatus, badgeTooltip: badgeTooltip, label: label, labelStatus: labelStatus }, this.isOpenedAnnotation(documentComponent) && (h("div", { slot: "annotations" }, h("dso-annotation-locatie", { active: this.isCheckedSlideToggle(documentComponent), locatieNoemer: "Winkelgebied", onDsoActiveChange: () => this.handleSelectableChange(documentComponent) }, h("span", { class: "symboolcode", slot: "symbool", "data-symboolcode": "vszt030" }), h("dso-label", { slot: "meta", status: "warning", compact: true }, "gewijzigde locatie")))), this.showContent(documentComponent) && embeddedDocuments?.documentComponents.length && (h("ul", { class: "dso-document-component-list" }, embeddedDocuments.documentComponents.map((d) => (h("li", { key: d.documentTechnischId }, h(DocumentComponent, { path: [...path, d] }))))))));
         };
         this.MenuButton = ({ documentComponent }) => {
             const { type } = documentComponent;
@@ -1852,7 +1852,7 @@ const DocumentComponentDemo = class {
     }
     render() {
         const { DocumentComponent, MenuButton } = this;
-        return (h("dso-responsive-element", { key: '325c3f0c6cae4feecaf9e01fe74fc602a653f137', class: "dso-document-components" }, h("div", { key: 'df6ff8a61e2fefc28b9dace9ea88fcc2b6f0009e', class: "dso-navbar" }, h("ul", { key: '6b44f5260a57c2a296068aa9d122c31e3d8d6502', class: "dso-nav dso-nav-sub" }, this.getEmbeddedDocumentComponents(this.response)?.documentComponents?.map((d) => (h("li", { class: this.document === d ? "dso-active" : undefined }, h(MenuButton, { documentComponent: d })))))), this.document && h(DocumentComponent, { key: 'fd300e2da9b2e29b46e29c3108e78f609e8b4e40', path: [this.document] })));
+        return (h("dso-responsive-element", { key: 'b79655f9c08bd2dd24761bb769cccb441ef11c01', class: "dso-document-components" }, h("div", { key: 'c40ddaad46f22defa626c174109128a346fe7b63', class: "dso-navbar" }, h("ul", { key: '844a9ebcb3693e00c5ce1b5da5cc989050fb90fa', class: "dso-nav dso-nav-sub" }, this.getEmbeddedDocumentComponents(this.response)?.documentComponents?.map((d) => (h("li", { class: this.document === d ? "dso-active" : undefined }, h(MenuButton, { documentComponent: d })))))), this.document && h(DocumentComponent, { key: '46ee8e9d0e26b940323f951eb7ab746816054ce8', path: [this.document] })));
     }
     static get watchers() { return {
         "jsonFile": [{

package/dist/esm/{i18n-xDSTG4OU.js → i18n-DVFsbHoq.js}

@@ -297,6 +297,7 @@ class EventEmitter {
   }
 }
 
+const nonEmptyBundles = new WeakSet();
 class ResourceStore extends EventEmitter {
   constructor(data, options = {
     ns: ['translation'],
@@ -420,7 +421,13 @@ class ResourceStore extends EventEmitter {
   hasLanguageSomeTranslations(lng) {
     const data = this.getDataByLanguage(lng);
     const n = data && Object.keys(data) || [];
-    return !!n.find(v => data[v] && Object.keys(data[v]).length > 0);
+    return !!n.find(v => {
+      const bundle = data[v];
+      if (nonEmptyBundles.has(bundle)) return true;
+      if (!bundle || Object.keys(bundle).length === 0) return false;
+      if (typeof bundle === 'object') nonEmptyBundles.add(bundle);
+      return true;
+    });
   }
   toJSON() {
     return this.data;
@@ -1039,7 +1046,8 @@ class LanguageUtil {
       addCode(this.formatLanguageCode(code));
     }
     fallbackCodes.forEach(fc => {
-      if (!codes.includes(fc)) addCode(this.formatLanguageCode(fc));
+      const formattedFc = this.formatLanguageCode(fc);
+      if (!codes.includes(formattedFc)) addCode(formattedFc);
     });
     if (cacheKey !== null) {
       this.resolveHierarchyCache[cacheKey] = codes;
@@ -1191,7 +1199,7 @@ class Interpolator {
     };
     this.regexp = getOrResetRegExp(this.regexp, `${this.prefix}(.+?)${this.suffix}`);
     this.regexpUnescape = getOrResetRegExp(this.regexpUnescape, `${this.prefix}${this.unescapePrefix}(.+?)${this.unescapeSuffix}${this.suffix}`);
-    this.nestingRegexp = getOrResetRegExp(this.nestingRegexp, `${this.nestingPrefix}((?:[^()"']+|"[^"]*"|'[^']*'|\\((?:[^()]|"[^"]*"|'[^']*')*\\))*?)${this.nestingSuffix}`);
+    this.nestingRegexp = getOrResetRegExp(this.nestingRegexp, `${this.nestingPrefix}((?:[^()"']|"[^"]*"|'[^']*'|\\((?:[^()"']|"[^"]*"|'[^']*')*\\))*?)${this.nestingSuffix}`);
   }
   interpolate(str, data, lng, options) {
     let match;
@@ -1295,7 +1303,10 @@ class Interpolator {
       if (clonedOptions.defaultValue && clonedOptions.defaultValue.includes(this.prefix)) delete clonedOptions.defaultValue;
       return key;
     };
-    while (match = this.nestingRegexp.exec(str)) {
+    const nestingRegexp = new RegExp(this.nestingRegexp);
+    let out = '';
+    let lastEnd = 0;
+    while (match = nestingRegexp.exec(str)) {
       let formatters = [];
       clonedOptions = {
         ...options
@@ -1321,10 +1332,11 @@ class Interpolator {
           interpolationkey: match[1].trim()
         }), value.trim());
       }
-      str = str.replace(match[0], regexSafe(makeString(value)));
+      out += str.slice(lastEnd, match.index) + makeString(value);
+      lastEnd = nestingRegexp.lastIndex;
       this.regexp.lastIndex = 0;
     }
-    return str;
+    return lastEnd ? out + str.slice(lastEnd) : str;
   }
 }
 
@@ -2134,7 +2146,11 @@ class I18n extends EventEmitter {
     }
     if (this.hasResourceBundle(lng, ns)) return true;
     if (!this.services.backendConnector.backend || this.options.resources && !this.options.partialBundledLanguages) return true;
-    if (loadNotPending(lng, ns) && (!fallbackLng || loadNotPending(lastLng, ns))) return true;
+    const {
+      languageUtils
+    } = this.services;
+    const loadLng = !options.lng ? lng : languageUtils.isSupportedCode(lng) && languageUtils.toResolveHierarchy(lng, false)[0];
+    if ((!loadLng || loadNotPending(loadLng, ns)) && (!fallbackLng || loadNotPending(lastLng, ns))) return true;
     return false;
   }
   loadNamespaces(ns, callback) {
@@ -2194,6 +2210,7 @@ class I18n extends EventEmitter {
     if (forkResourceStore) delete options.forkResourceStore;
     const mergedOptions = {
       ...this.options,
+      preload: false,
       ...options,
       ...{
         isClone: true

package/dist/esm/loader.js

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

package/dist/types/components/annotation/annotation-activiteit/annotation-activiteit.d.ts

@@ -1,6 +1,9 @@
 import { ComponentInterface, EventEmitter } from "../../../stencil-public-runtime";
 import { RenvooiValue } from "../../renvooi/renvooi.interfaces";
 import { AnnotationActiveChangeEvent, AnnotationWijzigactie } from "../annotation.interfaces";
+/**
+ * @slot meta - Een optioneel slot voor een `Label`, bijvoorbeeld om aan te geven dat de locatie van de annotatie gewijzigd is.
+ */
 export declare class AnnotationActiviteit implements ComponentInterface {
     /**
      * Een optionele wijzigactie die aangeeft of de annotatie toegevoegd of verwijderd is.
@@ -10,10 +13,6 @@ export declare class AnnotationActiviteit implements ComponentInterface {
      * Een optionele boolean die aangeeft of de annotatie actief is.
      */
     active?: boolean;
-    /**
-     * Een optionele boolean die aangeeft of de locatie van de annotatie gewijzigd is.
-     */
-    gewijzigdeLocatie?: boolean;
     /**
      * Een optionele event listener voor wijzigingen aan de status van de annotatie.
      */
@@ -35,7 +34,11 @@ export declare class AnnotationActiviteit implements ComponentInterface {
      */
     regelKwalificatieVoorzetsel?: string;
     private host;
+    hasMeta: boolean;
+    private metaSlot?;
     private watcher;
+    private updateMeta;
+    private setMetaSlot;
     connectedCallback(): void;
     disconnectedCallback(): void;
     render(): any;

package/dist/types/components/annotation/annotation-gebiedsaanwijzing/annotation-gebiedsaanwijzing.d.ts

@@ -1,6 +1,9 @@
 import { ComponentInterface, EventEmitter } from "../../../stencil-public-runtime";
 import { RenvooiValue } from "../../renvooi/renvooi.interfaces";
 import { AnnotationActiveChangeEvent, AnnotationWijzigactie } from "../annotation.interfaces";
+/**
+ * @slot meta - Een optioneel slot voor een `Label`, bijvoorbeeld om aan te geven dat de locatie van de annotatie gewijzigd is.
+ */
 export declare class AnnotationGebiedsaanwijzing implements ComponentInterface {
     /**
      * Een optionele wijzigactie die aangeeft of de annotatie toegevoegd of verwijderd is.
@@ -10,10 +13,6 @@ export declare class AnnotationGebiedsaanwijzing implements ComponentInterface {
      * Een optionele boolean die aangeeft of de annotatie actief is.
      */
     active?: boolean;
-    /**
-     * Een optionele boolean die aangeeft of de locatie van de annotatie gewijzigd is.
-     */
-    gewijzigdeLocatie?: boolean;
     /**
      * Een optionele event listener voor wijzigingen aan de status van de annotatie.
      */
@@ -23,7 +22,11 @@ export declare class AnnotationGebiedsaanwijzing implements ComponentInterface {
      */
     naam?: RenvooiValue | string;
     private host;
+    hasMeta: boolean;
+    private metaSlot?;
     private watcher;
+    private updateMeta;
+    private setMetaSlot;
     connectedCallback(): void;
     disconnectedCallback(): void;
     render(): any;

package/dist/types/components/annotation/annotation-locatie/annotation-locatie.d.ts

@@ -1,6 +1,9 @@
 import { ComponentInterface, EventEmitter } from "../../../stencil-public-runtime";
 import { RenvooiValue } from "../../renvooi/renvooi.interfaces";
 import { AnnotationActiveChangeEvent, AnnotationWijzigactie } from "../annotation.interfaces";
+/**
+ * @slot meta - Een optioneel slot voor een `Label`, bijvoorbeeld om aan te geven dat de locatie van de annotatie gewijzigd is.
+ */
 export declare class AnnotationLocatie implements ComponentInterface {
     /**
      * Een optionele wijzigactie die aangeeft of de annotatie toegevoegd of verwijderd is.
@@ -10,10 +13,6 @@ export declare class AnnotationLocatie implements ComponentInterface {
      * Een optionele boolean die aangeeft of de annotatie actief is.
      */
     active?: boolean;
-    /**
-     * Een optionele boolean die aangeeft of de locatie van de annotatie gewijzigd is.
-     */
-    gewijzigdeLocatie?: boolean;
     /**
      * Een optionele event listener voor wijzigingen aan de status van de annotatie.
      */
@@ -23,7 +22,11 @@ export declare class AnnotationLocatie implements ComponentInterface {
      */
     locatieNoemer?: RenvooiValue | string;
     private host;
+    hasMeta: boolean;
+    private metaSlot?;
     private watcher;
+    private updateMeta;
+    private setMetaSlot;
     connectedCallback(): void;
     disconnectedCallback(): void;
     render(): any;

package/dist/types/components/annotation/annotation-omgevingsnormwaarde/annotation-omgevingsnormwaarde.d.ts

@@ -1,6 +1,9 @@
 import { ComponentInterface, EventEmitter } from "../../../stencil-public-runtime";
 import { RenvooiValue } from "../../renvooi/renvooi.interfaces";
 import { AnnotationActiveChangeEvent, AnnotationWijzigactie } from "../annotation.interfaces";
+/**
+ * @slot meta - Een optioneel slot voor een `Label`, bijvoorbeeld om aan te geven dat de locatie van de annotatie gewijzigd is.
+ */
 export declare class AnnotationOmgevingsnormwaarde implements ComponentInterface {
     /**
      * Een optionele wijzigactie die aangeeft of de annotatie toegevoegd of verwijderd is.
@@ -10,10 +13,6 @@ export declare class AnnotationOmgevingsnormwaarde implements ComponentInterface
      * Een optionele boolean die aangeeft of de annotatie actief is.
      */
     active?: boolean;
-    /**
-     * Een optionele boolean die aangeeft of de locatie van de annotatie gewijzigd is.
-     */
-    gewijzigdeLocatie?: boolean;
     /**
      * Een optionele event listener voor wijzigingen aan de status van de annotatie.
      */
@@ -35,7 +34,11 @@ export declare class AnnotationOmgevingsnormwaarde implements ComponentInterface
      */
     eenheid?: RenvooiValue | string;
     private host;
+    hasMeta: boolean;
+    private metaSlot?;
     private watcher;
+    private updateMeta;
+    private setMetaSlot;
     connectedCallback(): void;
     disconnectedCallback(): void;
     render(): any;

package/dist/types/components/document-component/document-component.d.ts

@@ -156,6 +156,14 @@ export declare class DocumentComponent implements ComponentInterface {
     dsoMarkItemHighlight: EventEmitter<DocumentComponentMarkItemHighlightEvent>;
     private get wijzigactieLabel();
     private handleHeadingClick;
+    /**
+     * Returns the rendered element of the STOP element with the given `eId` in the Kop or Inhoud of this Document
+     * Component, or `undefined` when it is not rendered (e.g. when the Document Component is closed). Nested Document
+     * Components are not searched.
+     *
+     * @param eId The `eId` attribute value of the STOP element, e.g. `chp_1__art_1.1__list_o_1__item_1`.
+     */
+    getElementByEId(eId: string): Promise<HTMLElement | undefined>;
     private handleOzonContentClick;
     private handleRecursiveToggleClick;
     private showBadge;

package/dist/types/components/icon-button/icon-button.d.ts

@@ -31,6 +31,16 @@ export declare class IconButton implements ComponentInterface {
      * Indicates whether the controlled element is expanded.
      */
     expanded?: boolean;
+    /**
+     * The element controlled by the button. Sets `ariaControlsElements` on the native button when supported. Intended
+     * for a wrapping component passing an element across a shadow boundary.
+     */
+    controlsElement?: HTMLElement;
+    /**
+     * The element describing the button. Sets `ariaDescribedByElements` on the native button when supported. Intended
+     * for a wrapping component passing an element across a shadow boundary.
+     */
+    describedByElement?: HTMLElement;
     /**
      * Whether the button is toggled.
      */
@@ -46,6 +56,7 @@ export declare class IconButton implements ComponentInterface {
     private handleShowTooltip;
     private handleHideTooltip;
     disconnectedCallback(): void;
+    componentDidRender(): void;
     private handleClick;
     render(): any;
 }

package/dist/types/components/info-button/info-button.d.ts

@@ -24,6 +24,12 @@ export declare class InfoButton implements ComponentInterface {
      * The placement of the Toggletip on click.
      */
     toggletipPlacement: TooltipPlacement;
+    /**
+     * The id of the element (e.g. `<dso-info>`) that is expanded or collapsed by this Info Button. The element must be
+     * in the same document or shadow root as the Info Button. When a toggletip is present, this property is ignored.
+     * Without a toggletip, `aria-expanded` is only set when `controls` is provided.
+     */
+    controls?: string;
     /**
      * Emitted when the user activates the Info Button.
      */
@@ -46,6 +52,7 @@ export declare class InfoButton implements ComponentInterface {
     private handleToggle;
     private keyDownHandler;
     private closeToggletip;
+    private getControlsElement;
     componentDidRender(): void;
     connectedCallback(): void;
     disconnectedCallback(): void;

package/dist/types/components/ozon-content/functions/get-eid-from-node.function.d.ts

@@ -0,0 +1 @@
+export declare function getEIdFromNode(node: Node): string | undefined;

package/dist/types/components/ozon-content/ozon-content.d.ts

@@ -3,6 +3,7 @@ import { MarkTextMarkFunction } from "../../functional-components/mark-text/mark
 import { OzonContentNodeState } from "./ozon-content-node-state.interface";
 import { OzonContentBegripResolver, OzonContentClickEvent, OzonContentInputType, OzonContentMarkItemHighlightEvent, OzonContentUrlResolver } from "./ozon-content.interfaces";
 export declare class OzonContent implements ComponentInterface {
+    host: HTMLDsoOzonContentElement;
     /**
      * The XML to be rendered.
      */
@@ -39,6 +40,12 @@ export declare class OzonContent implements ComponentInterface {
     dsoOzonContentMarkItemHighlight: EventEmitter<OzonContentMarkItemHighlightEvent>;
     contentWatcher(): void;
     state: OzonContentNodeState;
+    /**
+     * Returns the rendered element of the STOP element with the given `eId`, or `undefined` when it is not rendered.
+     *
+     * @param eId The `eId` attribute value of the STOP element, e.g. `chp_1__art_1.1__list_o_1__item_1`.
+     */
+    getElementByEId(eId: string): Promise<HTMLElement | undefined>;
     private handleMarkItemHighlight;
     render(): JSX.Element;
 }

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

@@ -85,6 +85,7 @@ export declare class Selectable implements ComponentInterface {
     toggleInfo(active?: boolean): Promise<void>;
     private mutationObserver?;
     private fallbackIdentifier;
+    private infoIdentifier;
     private input;
     private handleOnChange;
     componentDidLoad(): void;

package/dist/types/components.d.ts

@@ -266,10 +266,6 @@ export namespace Components {
           * Een optionele boolean die aangeeft of de annotatie actief is.
          */
         "active"?: boolean;
-        /**
-          * Een optionele boolean die aangeeft of de locatie van de annotatie gewijzigd is.
-         */
-        "gewijzigdeLocatie"?: boolean;
         /**
           * De noemer van de locatie.
          */
@@ -296,10 +292,6 @@ export namespace Components {
           * Een optionele boolean die aangeeft of de annotatie actief is.
          */
         "active"?: boolean;
-        /**
-          * Een optionele boolean die aangeeft of de locatie van de annotatie gewijzigd is.
-         */
-        "gewijzigdeLocatie"?: boolean;
         /**
           * De naam van de gebiedsaanwijzing.
          */
@@ -328,10 +320,6 @@ export namespace Components {
           * Een optionele boolean die aangeeft of de annotatie actief is.
          */
         "active"?: boolean;
-        /**
-          * Een optionele boolean die aangeeft of de locatie van de annotatie gewijzigd is.
-         */
-        "gewijzigdeLocatie"?: boolean;
         /**
           * De noemer van de locatie.
          */
@@ -350,10 +338,6 @@ export namespace Components {
           * De eenheid van de omgevingsnorm of omgevingswaarde.
          */
         "eenheid"?: RenvooiValue | string;
-        /**
-          * Een optionele boolean die aangeeft of de locatie van de annotatie gewijzigd is.
-         */
-        "gewijzigdeLocatie"?: boolean;
         /**
           * De naam van de omgevingsnorm of omgevingswaarde.
          */
@@ -561,6 +545,11 @@ export namespace Components {
           * Marks Document Component as reserved.
          */
         "gereserveerd": DocumentComponentInputType | undefined;
+        /**
+          * Returns the rendered element of the STOP element with the given `eId` in the Kop or Inhoud of this Document Component, or `undefined` when it is not rendered (e.g. when the Document Component is closed). Nested Document Components are not searched.
+          * @param eId The `eId` attribute value of the STOP element, e.g. `chp_1__art_1.1__list_o_1__item_1`.
+         */
+        "getElementByEId": (eId: string) => Promise<HTMLElement | undefined>;
         /**
           * The heading level to use (only in mode="document"). When the level is 6 or lower a native heading element (`<h2>` … `<h6>`) is rendered; deeper levels are rendered as `<div role="heading" aria-level="*">` because HTML has no native heading elements beyond `<h6>`. In mode="table-of-contents" the nested lists carry the structure and no heading is rendered.
           * @default 2
@@ -798,6 +787,14 @@ export namespace Components {
         "icon"?: IconAlias;
     }
     interface DsoIconButton {
+        /**
+          * The element controlled by the button. Sets `ariaControlsElements` on the native button when supported. Intended for a wrapping component passing an element across a shadow boundary.
+         */
+        "controlsElement"?: HTMLElement;
+        /**
+          * The element describing the button. Sets `ariaDescribedByElements` on the native button when supported. Intended for a wrapping component passing an element across a shadow boundary.
+         */
+        "describedByElement"?: HTMLElement;
         /**
           * To disable the Icon Button
           * @default false
@@ -856,6 +853,10 @@ export namespace Components {
           * @default false
          */
         "active": boolean;
+        /**
+          * The id of the element (e.g. `<dso-info>`) that is expanded or collapsed by this Info Button. The element must be in the same document or shadow root as the Info Button. When a toggletip is present, this property is ignored. Without a toggletip, `aria-expanded` is only set when `controls` is provided.
+         */
+        "controls"?: string;
         /**
           * The label.
           * @default "Toelichting bij optie"
@@ -1153,6 +1154,11 @@ export namespace Components {
           * The XML to be rendered.
          */
         "content"?: OzonContentInputType;
+        /**
+          * Returns the rendered element of the STOP element with the given `eId`, or `undefined` when it is not rendered.
+          * @param eId The `eId` attribute value of the STOP element, e.g. `chp_1__art_1.1__list_o_1__item_1`.
+         */
+        "getElementByEId": (eId: string) => Promise<HTMLElement | undefined>;
         /**
           * Setting this property creates dso-ozon-content as inline element instead of a block element.
           * @default false
@@ -3114,10 +3120,6 @@ declare namespace LocalJSX {
           * Een optionele boolean die aangeeft of de annotatie actief is.
          */
         "active"?: boolean;
-        /**
-          * Een optionele boolean die aangeeft of de locatie van de annotatie gewijzigd is.
-         */
-        "gewijzigdeLocatie"?: boolean;
         /**
           * De noemer van de locatie.
          */
@@ -3148,10 +3150,6 @@ declare namespace LocalJSX {
           * Een optionele boolean die aangeeft of de annotatie actief is.
          */
         "active"?: boolean;
-        /**
-          * Een optionele boolean die aangeeft of de locatie van de annotatie gewijzigd is.
-         */
-        "gewijzigdeLocatie"?: boolean;
         /**
           * De naam van de gebiedsaanwijzing.
          */
@@ -3188,10 +3186,6 @@ declare namespace LocalJSX {
           * Een optionele boolean die aangeeft of de annotatie actief is.
          */
         "active"?: boolean;
-        /**
-          * Een optionele boolean die aangeeft of de locatie van de annotatie gewijzigd is.
-         */
-        "gewijzigdeLocatie"?: boolean;
         /**
           * De noemer van de locatie.
          */
@@ -3214,10 +3208,6 @@ declare namespace LocalJSX {
           * De eenheid van de omgevingsnorm of omgevingswaarde.
          */
         "eenheid"?: RenvooiValue | string;
-        /**
-          * Een optionele boolean die aangeeft of de locatie van de annotatie gewijzigd is.
-         */
-        "gewijzigdeLocatie"?: boolean;
         /**
           * De naam van de omgevingsnorm of omgevingswaarde.
          */
@@ -3752,6 +3742,14 @@ declare namespace LocalJSX {
         "icon"?: IconAlias;
     }
     interface DsoIconButton {
+        /**
+          * The element controlled by the button. Sets `ariaControlsElements` on the native button when supported. Intended for a wrapping component passing an element across a shadow boundary.
+         */
+        "controlsElement"?: HTMLElement;
+        /**
+          * The element describing the button. Sets `ariaDescribedByElements` on the native button when supported. Intended for a wrapping component passing an element across a shadow boundary.
+         */
+        "describedByElement"?: HTMLElement;
         /**
           * To disable the Icon Button
           * @default false
@@ -3814,6 +3812,10 @@ declare namespace LocalJSX {
           * @default false
          */
         "active"?: boolean;
+        /**
+          * The id of the element (e.g. `<dso-info>`) that is expanded or collapsed by this Info Button. The element must be in the same document or shadow root as the Info Button. When a toggletip is present, this property is ignored. Without a toggletip, `aria-expanded` is only set when `controls` is provided.
+         */
+        "controls"?: string;
         /**
           * The label.
           * @default "Toelichting bij optie"
@@ -4740,7 +4742,6 @@ declare namespace LocalJSX {
     interface DsoAnnotationActiviteitAttributes {
         "wijzigactie": AnnotationWijzigactie;
         "active": boolean;
-        "gewijzigdeLocatie": boolean;
         "naam": RenvooiValue | string;
         "regelKwalificatie": RenvooiValue | string;
         "regelKwalificatieVoorzetsel": string;
@@ -4748,7 +4749,6 @@ declare namespace LocalJSX {
     interface DsoAnnotationGebiedsaanwijzingAttributes {
         "wijzigactie": AnnotationWijzigactie;
         "active": boolean;
-        "gewijzigdeLocatie": boolean;
         "naam": RenvooiValue | string;
     }
     interface DsoAnnotationKaartAttributes {
@@ -4759,13 +4759,11 @@ declare namespace LocalJSX {
     interface DsoAnnotationLocatieAttributes {
         "wijzigactie": AnnotationWijzigactie;
         "active": boolean;
-        "gewijzigdeLocatie": boolean;
         "locatieNoemer": RenvooiValue | string;
     }
     interface DsoAnnotationOmgevingsnormwaardeAttributes {
         "wijzigactie": AnnotationWijzigactie;
         "active": boolean;
-        "gewijzigdeLocatie": boolean;
         "naam": RenvooiValue | string;
         "toelichting": string;
         "eenheid": RenvooiValue | string;
@@ -4910,6 +4908,7 @@ declare namespace LocalJSX {
         "active": boolean;
         "label": string;
         "toggletipPlacement": TooltipPlacement;
+        "controls": string;
     }
     interface DsoInputRangeAttributes {
         "min": number;