@db-ux/wc-core-components 4.13.1-angular-signal-forms13-577b861 → 4.14.0

package/dist/cjs/loader.cjs.js

@@ -6,7 +6,7 @@ var appGlobals = require('./app-globals-V2Kpy_OQ.js');
 const defineCustomElements = async (win, options) => {
   if (typeof window === 'undefined') return undefined;
   await appGlobals.globalScripts();
-  return index.bootstrapLazy(JSON.parse("[[\"db-custom-select.cjs\",[[260,\"db-custom-select\",{\"invalidMessage\":[1,\"invalid-message\"],\"id\":[1],\"propOverrides\":[16],\"message\":[1],\"showMessage\":[8,\"show-message\"],\"ariaDescribedBy\":[1,\"aria-described-by\"],\"showNoResults\":[4,\"show-no-results\"],\"showLoading\":[4,\"show-loading\"],\"multiple\":[8],\"showSelectAll\":[4,\"show-select-all\"],\"showSearch\":[4,\"show-search\"],\"values\":[16],\"validation\":[1],\"options\":[16],\"searchValue\":[1,\"search-value\"],\"selectedLabels\":[1,\"selected-labels\"],\"transformSelectedLabels\":[16],\"selectedType\":[1,\"selected-type\"],\"amountText\":[1,\"amount-text\"],\"validMessage\":[1,\"valid-message\"],\"required\":[8],\"selectAllLabel\":[1,\"select-all-label\"],\"removeTagsTexts\":[16],\"placement\":[1],\"searchFilter\":[16],\"className\":[1,\"classname\"],\"formFieldWidth\":[1,\"form-field-width\"],\"variant\":[1],\"showRequiredAsterisk\":[8,\"show-required-asterisk\"],\"showLabel\":[8,\"show-label\"],\"icon\":[1],\"showIcon\":[8,\"show-icon\"],\"label\":[1],\"form\":[1],\"name\":[1],\"disabled\":[8],\"open\":[4],\"selectedPrefix\":[1,\"selected-prefix\"],\"dropdownWidth\":[1,\"dropdown-width\"],\"searchLabel\":[1,\"search-label\"],\"searchPlaceholder\":[1,\"search-placeholder\"],\"listLabel\":[1,\"list-label\"],\"loadingText\":[1,\"loading-text\"],\"noResultsText\":[1,\"no-results-text\"],\"mobileCloseButtonText\":[1,\"mobile-close-button-text\"],\"showClearSelection\":[4,\"show-clear-selection\"],\"clearSelectionText\":[1,\"clear-selection-text\"],\"placeholder\":[1],\"messageIcon\":[1,\"message-icon\"],\"_id\":[32],\"_messageId\":[32],\"_validMessageId\":[32],\"_invalidMessageId\":[32],\"_invalidMessage\":[32],\"_selectId\":[32],\"_labelId\":[32],\"_summaryId\":[32],\"_placeholderId\":[32],\"_infoTextId\":[32],\"_validity\":[32],\"_userInteraction\":[32],\"abortController\":[32],\"_descByIds\":[32],\"_selectedLabels\":[32],\"_selectedLabelsId\":[32],\"_voiceOverFallback\":[32],\"_selectedOptions\":[32],\"selectAllEnabled\":[32],\"searchEnabled\":[32],\"amountOptions\":[32],\"_values\":[32],\"_options\":[32],\"_hasNoOptions\":[32],\"_documentClickListenerCallbackId\":[32],\"_internalChangeTimestamp\":[32],\"_documentScrollListenerCallbackId\":[32],\"_observer\":[32],\"_searchValue\":[32],\"selectAllChecked\":[32],\"selectAllIndeterminate\":[32],\"observer\":[32]},null,{\"id\":[{\"watch0\":0}],\"propOverrides?.id\":[{\"watch0\":0}],\"detailsRef\":[{\"watch1\":0},{\"watch3\":0}],\"_id\":[{\"watch2\":0}],\"_descByIds\":[{\"watch3\":0}],\"showNoResults\":[{\"watch4\":0}],\"showLoading\":[{\"watch4\":0}],\"_options\":[{\"watch4\":0}],\"showSelectAll\":[{\"watch5\":0}],\"amountOptions\":[{\"watch5\":0},{\"watch6\":0},{\"watch11\":0}],\"multiple\":[{\"watch5\":0}],\"showSearch\":[{\"watch6\":0}],\"values\":[{\"watch7\":0}],\"_values\":[{\"watch8\":0},{\"watch11\":0},{\"watch14\":0}],\"selectRef\":[{\"watch8\":0},{\"watch9\":0},{\"watch18\":0}],\"validation\":[{\"watch10\":0}],\"options\":[{\"watch12\":0},{\"watch14\":0}],\"searchValue\":[{\"watch13\":0}],\"_selectedOptions\":[{\"watch15\":0},{\"watch16\":0}],\"selectedType\":[{\"watch15\":0}],\"amountText\":[{\"watch15\":0}],\"selectedLabels\":[{\"watch15\":0}],\"transformSelectedLabels\":[{\"watch15\":0}],\"selectAllIndeterminate\":[{\"watch17\":0}],\"selectAllRef\":[{\"watch17\":0}],\"invalidMessage\":[{\"watch18\":0}]}]]],[\"db-table.cjs\",[[260,\"db-table\",{\"data\":[1],\"mobileVariant\":[1,\"mobile-variant\"],\"columnSizes\":[16],\"className\":[1,\"classname\"],\"width\":[1],\"size\":[1],\"divider\":[1],\"variant\":[1],\"showCaption\":[8,\"show-caption\"],\"stickyHeader\":[1,\"sticky-header\"],\"id\":[1],\"propOverrides\":[16],\"captionPlain\":[1,\"caption-plain\"],\"_data\":[32],\"_style\":[32],\"observer\":[32]},null,{\"data\":[{\"watch0\":0}],\"mobileVariant\":[{\"watch1\":0}],\"_ref\":[{\"watch1\":0}],\"_data\":[{\"watch1\":0}],\"columnSizes\":[{\"watch2\":0}]}]]],[\"db-tabs.cjs\",[[260,\"db-tabs\",{\"name\":[1],\"tabs\":[1],\"arrowScrollDistance\":[8,\"arrow-scroll-distance\"],\"orientation\":[1],\"behavior\":[1],\"initialSelectedMode\":[1,\"initial-selected-mode\"],\"initialSelectedIndex\":[8,\"initial-selected-index\"],\"id\":[1],\"propOverrides\":[16],\"className\":[1,\"classname\"],\"alignment\":[1],\"width\":[1],\"_name\":[32],\"initialized\":[32],\"showScrollLeft\":[32],\"showScrollRight\":[32],\"scrollContainer\":[32],\"_resizeObserver\":[32],\"observer\":[32]},null,{\"_ref\":[{\"watch0\":0}],\"initialized\":[{\"watch0\":0}]}]]],[\"db-header.cjs\",[[260,\"db-header\",{\"forceMobile\":[8,\"force-mobile\"],\"drawerOpen\":[8,\"drawer-open\"],\"className\":[1,\"classname\"],\"id\":[1],\"propOverrides\":[16],\"width\":[1],\"burgerMenuLabel\":[1,\"burger-menu-label\"],\"closeButtonId\":[1,\"close-button-id\"],\"closeButtonText\":[1,\"close-button-text\"],\"initialized\":[32],\"forcedToMobile\":[32],\"observer\":[32]},null,{\"initialized\":[{\"watch0\":0}],\"_ref\":[{\"watch0\":0}]}]]],[\"db-accordion.cjs\",[[260,\"db-accordion\",{\"name\":[1],\"behavior\":[1],\"initOpenIndex\":[16],\"items\":[1],\"id\":[1],\"propOverrides\":[16],\"className\":[1,\"classname\"],\"variant\":[1],\"_name\":[32],\"initialized\":[32],\"_initOpenIndexDone\":[32],\"observer\":[32]},null,{\"initialized\":[{\"watch0\":0}],\"name\":[{\"watch0\":0}],\"behavior\":[{\"watch0\":0}],\"_ref\":[{\"watch1\":0},{\"watch2\":0}],\"_name\":[{\"watch1\":0}],\"_initOpenIndexDone\":[{\"watch2\":0}],\"initOpenIndex\":[{\"watch2\":0}]}]]],[\"db-checkbox.cjs\",[[260,\"db-checkbox\",{\"invalidMessage\":[1,\"invalid-message\"],\"id\":[1],\"propOverrides\":[16],\"message\":[1],\"showMessage\":[8,\"show-message\"],\"indeterminate\":[8],\"checked\":[8],\"validMessage\":[1,\"valid-message\"],\"validation\":[1],\"required\":[8],\"className\":[1,\"classname\"],\"size\":[1],\"showRequiredAsterisk\":[8,\"show-required-asterisk\"],\"showLabel\":[8,\"show-label\"],\"name\":[1],\"disabled\":[8],\"value\":[8],\"ariaDescribedBy\":[1,\"aria-described-by\"],\"label\":[1],\"messageIcon\":[1,\"message-icon\"],\"initialized\":[32],\"_id\":[32],\"_messageId\":[32],\"_validMessageId\":[32],\"_invalidMessageId\":[32],\"_invalidMessage\":[32],\"_descByIds\":[32],\"_voiceOverFallback\":[32],\"abortController\":[32],\"observer\":[32]},null,{\"id\":[{\"watch0\":0}],\"propOverrides?.id\":[{\"watch0\":0}],\"_ref\":[{\"watch1\":0},{\"watch3\":0},{\"watch4\":0},{\"watch5\":0}],\"invalidMessage\":[{\"watch1\":0}],\"_id\":[{\"watch2\":0}],\"initialized\":[{\"watch3\":0},{\"watch4\":0}],\"indeterminate\":[{\"watch3\":0}],\"checked\":[{\"watch4\":0}]}]]],[\"db-navigation-item.cjs\",[[260,\"db-navigation-item\",{\"id\":[1],\"subNavigationExpanded\":[8,\"sub-navigation-expanded\"],\"propOverrides\":[16],\"className\":[1,\"classname\"],\"width\":[1],\"icon\":[1],\"showIcon\":[8,\"show-icon\"],\"active\":[4],\"wrap\":[8],\"disabled\":[8],\"hideSubNavigation\":[8,\"hide-sub-navigation\"],\"text\":[1],\"backButtonId\":[1,\"back-button-id\"],\"backButtonText\":[1,\"back-button-text\"],\"initialized\":[32],\"hasAreaPopup\":[32],\"hasSubNavigation\":[32],\"isSubNavigationExpanded\":[32],\"autoClose\":[32],\"navigationItemSafeTriangle\":[32],\"subNavigationId\":[32],\"subNavigationToggleId\":[32],\"observer\":[32]},null,{\"subNavigationExpanded\":[{\"watch0\":0}],\"initialized\":[{\"watch1\":0}],\"_ref\":[{\"watch1\":0}]}]]],[\"db-notification.cjs\",[[260,\"db-notification\",{\"id\":[1],\"propOverrides\":[16],\"className\":[1,\"classname\"],\"semantic\":[1],\"role\":[1],\"ariaLive\":[1,\"aria-live\"],\"variant\":[1],\"showIcon\":[8,\"show-icon\"],\"icon\":[1],\"linkVariant\":[1,\"link-variant\"],\"headline\":[8],\"showHeadline\":[8,\"show-headline\"],\"text\":[1],\"timestamp\":[1],\"showTimestamp\":[8,\"show-timestamp\"],\"timestampDatetime\":[1,\"timestamp-datetime\"],\"closeable\":[8],\"closeButtonId\":[1,\"close-button-id\"],\"closeButtonText\":[1,\"close-button-text\"],\"observer\":[32]}]]],[\"db-select.cjs\",[[260,\"db-select\",{\"invalidMessage\":[1,\"invalid-message\"],\"id\":[1],\"propOverrides\":[16],\"message\":[1],\"showMessage\":[8,\"show-message\"],\"placeholder\":[1],\"value\":[8],\"validMessage\":[1,\"valid-message\"],\"validation\":[1],\"required\":[8],\"variant\":[1],\"showEmptyOption\":[4,\"show-empty-option\"],\"className\":[1,\"classname\"],\"showLabel\":[8,\"show-label\"],\"showRequiredAsterisk\":[8,\"show-required-asterisk\"],\"icon\":[1],\"showIcon\":[8,\"show-icon\"],\"label\":[1],\"disabled\":[8],\"name\":[1],\"size\":[2],\"autocomplete\":[1],\"multiple\":[4],\"ariaDescribedBy\":[1,\"aria-described-by\"],\"options\":[16],\"messageIcon\":[1,\"message-icon\"],\"_id\":[32],\"_messageId\":[32],\"_validMessageId\":[32],\"_invalidMessageId\":[32],\"_invalidMessage\":[32],\"_placeholderId\":[32],\"_descByIds\":[32],\"_value\":[32],\"initialized\":[32],\"_voiceOverFallback\":[32],\"abortController\":[32],\"observer\":[32]},null,{\"id\":[{\"watch0\":0}],\"propOverrides?.id\":[{\"watch0\":0}],\"_ref\":[{\"watch1\":0},{\"watch4\":0}],\"invalidMessage\":[{\"watch1\":0}],\"_id\":[{\"watch2\":0}],\"initialized\":[{\"watch2\":0}],\"value\":[{\"watch3\":0}]}]]],[\"db-switch.cjs\",[[260,\"db-switch\",{\"invalidMessage\":[1,\"invalid-message\"],\"id\":[1],\"propOverrides\":[16],\"validation\":[1],\"required\":[8],\"message\":[1],\"showMessage\":[8,\"show-message\"],\"validMessage\":[1,\"valid-message\"],\"checked\":[8],\"disabled\":[8],\"visualAid\":[8,\"visual-aid\"],\"size\":[1],\"showLabel\":[8,\"show-label\"],\"variant\":[1],\"showRequiredAsterisk\":[8,\"show-required-asterisk\"],\"className\":[1,\"classname\"],\"value\":[8],\"name\":[1],\"iconLeading\":[1,\"icon-leading\"],\"icon\":[1],\"iconTrailing\":[1,\"icon-trailing\"],\"label\":[1],\"messageIcon\":[1,\"message-icon\"],\"_id\":[32],\"_messageId\":[32],\"_validMessageId\":[32],\"_invalidMessageId\":[32],\"_invalidMessage\":[32],\"_descByIds\":[32],\"_voiceOverFallback\":[32],\"abortController\":[32],\"observer\":[32]},null,{\"id\":[{\"watch0\":0}],\"propOverrides?.id\":[{\"watch0\":0}],\"validation\":[{\"watch1\":0}],\"required\":[{\"watch1\":0}],\"message\":[{\"watch1\":0}],\"showMessage\":[{\"watch1\":0}],\"validMessage\":[{\"watch1\":0}],\"invalidMessage\":[{\"watch1\":0},{\"watch2\":0}],\"checked\":[{\"watch1\":0}],\"_ref\":[{\"watch2\":0},{\"watch3\":0}]}]]],[\"db-textarea.cjs\",[[0,\"db-textarea\",{\"invalidMessage\":[1,\"invalid-message\"],\"id\":[1],\"propOverrides\":[16],\"message\":[1],\"showMessage\":[8,\"show-message\"],\"value\":[8],\"validMessage\":[1,\"valid-message\"],\"validation\":[1],\"required\":[8],\"minLength\":[8,\"min-length\"],\"maxLength\":[8,\"max-length\"],\"className\":[1,\"classname\"],\"variant\":[1],\"showRequiredAsterisk\":[8,\"show-required-asterisk\"],\"showLabel\":[8,\"show-label\"],\"label\":[1],\"fieldSizing\":[1,\"field-sizing\"],\"resize\":[1],\"showResizer\":[8,\"show-resizer\"],\"disabled\":[8],\"readOnly\":[8,\"read-only\"],\"readonly\":[8],\"form\":[1],\"maxlength\":[8],\"minlength\":[8],\"name\":[1],\"wrap\":[1],\"spellCheck\":[4,\"spell-check\"],\"autocomplete\":[1],\"ariaDescribedBy\":[1,\"aria-described-by\"],\"placeholder\":[1],\"rows\":[8],\"cols\":[8],\"messageIcon\":[1,\"message-icon\"],\"_id\":[32],\"_messageId\":[32],\"_validMessageId\":[32],\"_invalidMessageId\":[32],\"_invalidMessage\":[32],\"_descByIds\":[32],\"_value\":[32],\"_voiceOverFallback\":[32],\"abortController\":[32],\"observer\":[32]},null,{\"id\":[{\"watch0\":0}],\"propOverrides?.id\":[{\"watch0\":0}],\"_ref\":[{\"watch1\":0},{\"watch4\":0}],\"invalidMessage\":[{\"watch1\":0}],\"_id\":[{\"watch2\":0}],\"value\":[{\"watch3\":0}]}]]],[\"db-badge.cjs\",[[260,\"db-badge\",{\"placement\":[1],\"id\":[1],\"propOverrides\":[16],\"className\":[1,\"classname\"],\"semantic\":[1],\"size\":[1],\"emphasis\":[1],\"wrap\":[8],\"label\":[1],\"text\":[1],\"initialized\":[32],\"observer\":[32]},null,{\"_ref\":[{\"watch0\":0}],\"initialized\":[{\"watch0\":0}]}]]],[\"db-brand.cjs\",[[260,\"db-brand\",{\"hideLogo\":[4,\"hide-logo\"],\"icon\":[1],\"showIcon\":[8,\"show-icon\"],\"id\":[1],\"propOverrides\":[16],\"className\":[1,\"classname\"],\"text\":[1],\"observer\":[32]}]]],[\"db-card.cjs\",[[260,\"db-card\",{\"id\":[1],\"propOverrides\":[16],\"className\":[1,\"classname\"],\"behavior\":[1],\"elevationLevel\":[1,\"elevation-level\"],\"spacing\":[1],\"observer\":[32]}]]],[\"db-custom-button.cjs\",[[260,\"db-custom-button\",{\"id\":[1],\"propOverrides\":[16],\"className\":[1,\"classname\"],\"iconLeading\":[1,\"icon-leading\"],\"icon\":[1],\"showIconLeading\":[8,\"show-icon-leading\"],\"showIcon\":[8,\"show-icon\"],\"iconTrailing\":[1,\"icon-trailing\"],\"showIconTrailing\":[8,\"show-icon-trailing\"],\"size\":[1],\"width\":[1],\"variant\":[1],\"noText\":[8,\"no-text\"],\"observer\":[32]}]]],[\"db-custom-select-form-field.cjs\",[[260,\"db-custom-select-form-field\",{\"id\":[1],\"propOverrides\":[16],\"className\":[1,\"classname\"],\"observer\":[32]}]]],[\"db-divider.cjs\",[[0,\"db-divider\",{\"id\":[1],\"propOverrides\":[16],\"margin\":[1],\"variant\":[1],\"emphasis\":[1],\"width\":[1],\"className\":[1,\"classname\"],\"observer\":[32]}]]],[\"db-icon.cjs\",[[260,\"db-icon\",{\"id\":[1],\"propOverrides\":[16],\"className\":[1,\"classname\"],\"icon\":[1],\"weight\":[1],\"variant\":[1],\"text\":[1],\"observer\":[32]}]]],[\"db-navigation.cjs\",[[260,\"db-navigation\",{\"id\":[1],\"propOverrides\":[16],\"className\":[1,\"classname\"],\"observer\":[32]}]]],[\"db-page.cjs\",[[260,\"db-page\",{\"fadeIn\":[8,\"fade-in\"],\"documentOverflow\":[1,\"document-overflow\"],\"variant\":[1],\"id\":[1],\"propOverrides\":[16],\"className\":[1,\"classname\"],\"mainClass\":[1,\"main-class\"],\"fontsLoaded\":[32],\"observer\":[32]}]]],[\"db-popover.cjs\",[[260,\"db-popover\",{\"placement\":[1],\"id\":[1],\"propOverrides\":[16],\"className\":[1,\"classname\"],\"spacing\":[1],\"gap\":[8],\"animation\":[8],\"open\":[8],\"delay\":[1],\"width\":[1],\"initialized\":[32],\"isExpanded\":[32],\"_documentScrollListenerCallbackId\":[32],\"_observer\":[32],\"observer\":[32]},null,{\"_ref\":[{\"watch0\":0},{\"watch1\":0}],\"initialized\":[{\"watch0\":0}],\"isExpanded\":[{\"watch1\":0}]}]]],[\"db-radio.cjs\",[[260,\"db-radio\",{\"id\":[1],\"propOverrides\":[16],\"checked\":[8],\"size\":[1],\"showLabel\":[8,\"show-label\"],\"showRequiredAsterisk\":[8,\"show-required-asterisk\"],\"className\":[1,\"classname\"],\"validation\":[1],\"name\":[1],\"disabled\":[8],\"value\":[8],\"required\":[8],\"label\":[1],\"initialized\":[32],\"_id\":[32],\"abortController\":[32],\"observer\":[32]},null,{\"id\":[{\"watch0\":0}],\"propOverrides?.id\":[{\"watch0\":0}],\"initialized\":[{\"watch1\":0}],\"_ref\":[{\"watch1\":0},{\"watch2\":0}],\"checked\":[{\"watch1\":0}]}]]],[\"db-section.cjs\",[[260,\"db-section\",{\"id\":[1],\"propOverrides\":[16],\"className\":[1,\"classname\"],\"spacing\":[1],\"width\":[1],\"observer\":[32]}]]],[\"db-stack.cjs\",[[260,\"db-stack\",{\"id\":[1],\"propOverrides\":[16],\"className\":[1,\"classname\"],\"gap\":[1],\"variant\":[1],\"direction\":[1],\"alignment\":[1],\"justifyContent\":[1,\"justify-content\"],\"wrap\":[8],\"observer\":[32]}]]],[\"db-table-caption.cjs\",[[260,\"db-table-caption\",{\"id\":[1],\"propOverrides\":[16],\"className\":[1,\"classname\"],\"observer\":[32]}]]],[\"db-drawer.cjs\",[[260,\"db-drawer\",{\"open\":[8],\"position\":[1],\"backdrop\":[1],\"variant\":[1],\"id\":[1],\"propOverrides\":[16],\"direction\":[1],\"className\":[1,\"classname\"],\"spacing\":[1],\"width\":[1],\"rounded\":[8],\"closeButtonId\":[1,\"close-button-id\"],\"closeButtonText\":[1,\"close-button-text\"],\"initialized\":[32],\"backdropPointerDown\":[32],\"observer\":[32]},null,{\"open\":[{\"watch0\":0}],\"_ref\":[{\"watch1\":0}],\"initialized\":[{\"watch1\":0}],\"position\":[{\"watch1\":0}]}]]],[\"db-accordion-item.cjs\",[[260,\"db-accordion-item\",{\"defaultOpen\":[4,\"default-open\"],\"name\":[1],\"open\":[8],\"id\":[1],\"propOverrides\":[16],\"className\":[1,\"classname\"],\"disabled\":[8],\"headlinePlain\":[1,\"headline-plain\"],\"text\":[1],\"_open\":[32],\"_name\":[32],\"initialized\":[32],\"observer\":[32]},null,{\"_ref\":[{\"watch0\":0}],\"initialized\":[{\"watch0\":0}],\"name\":[{\"watch1\":0}],\"open\":[{\"watch2\":0}]}]]],[\"db-tooltip.cjs\",[[260,\"db-tooltip\",{\"id\":[1],\"propOverrides\":[16],\"variant\":[1],\"placement\":[1],\"className\":[1,\"classname\"],\"emphasis\":[1],\"wrap\":[8],\"animation\":[8],\"delay\":[1],\"width\":[1],\"showArrow\":[8,\"show-arrow\"],\"text\":[1],\"_id\":[32],\"initialized\":[32],\"_documentScrollListenerCallbackId\":[32],\"_observer\":[32],\"_attachedParent\":[32],\"_attachedId\":[32],\"_activeTriggerCount\":[32],\"_boundListeners\":[32],\"observer\":[32]},null,{\"id\":[{\"watch0\":0}],\"propOverrides?.id\":[{\"watch0\":0}],\"_ref\":[{\"watch1\":0}],\"initialized\":[{\"watch1\":0}],\"_id\":[{\"watch1\":0}]}]]],[\"db-table-body_3.cjs\",[[260,\"db-table-body\",{\"id\":[1],\"propOverrides\":[16],\"className\":[1,\"classname\"],\"rows\":[16]}],[260,\"db-table-footer\",{\"id\":[1],\"propOverrides\":[16],\"className\":[1,\"classname\"],\"rows\":[16]}],[260,\"db-table-head\",{\"id\":[1],\"propOverrides\":[16],\"className\":[1,\"classname\"],\"rows\":[16],\"observer\":[32]}]]],[\"db-tab-item_3.cjs\",[[260,\"db-tab-item\",{\"active\":[8],\"name\":[1],\"className\":[1,\"classname\"],\"id\":[1],\"propOverrides\":[16],\"iconLeading\":[1,\"icon-leading\"],\"icon\":[1],\"iconTrailing\":[1,\"icon-trailing\"],\"showIconLeading\":[8,\"show-icon-leading\"],\"showIcon\":[8,\"show-icon\"],\"showIconTrailing\":[8,\"show-icon-trailing\"],\"noText\":[8,\"no-text\"],\"disabled\":[8],\"checked\":[8],\"label\":[1],\"_selected\":[32],\"_name\":[32],\"initialized\":[32],\"_listenerAdded\":[32],\"boundSetSelectedOnChange\":[32],\"observer\":[32]},null,{\"_ref\":[{\"watch0\":0}],\"initialized\":[{\"watch0\":0}],\"boundSetSelectedOnChange\":[{\"watch0\":0}],\"name\":[{\"watch1\":0}]}],[260,\"db-tab-list\",{\"id\":[1],\"propOverrides\":[16],\"className\":[1,\"classname\"],\"observer\":[32]}],[260,\"db-tab-panel\",{\"className\":[1,\"classname\"],\"id\":[1],\"propOverrides\":[16],\"content\":[1],\"observer\":[32]}]]],[\"db-custom-select-dropdown_5.cjs\",[[260,\"db-input\",{\"invalidMessage\":[1,\"invalid-message\"],\"id\":[1],\"propOverrides\":[16],\"dataListId\":[1,\"data-list-id\"],\"message\":[1],\"showMessage\":[8,\"show-message\"],\"value\":[8],\"validMessage\":[1,\"valid-message\"],\"validation\":[1],\"required\":[8],\"minLength\":[8,\"min-length\"],\"maxLength\":[8,\"max-length\"],\"pattern\":[1],\"dataList\":[16],\"className\":[1,\"classname\"],\"variant\":[1],\"showLabel\":[8,\"show-label\"],\"showIconLeading\":[8,\"show-icon-leading\"],\"showIcon\":[8,\"show-icon\"],\"iconLeading\":[1,\"icon-leading\"],\"icon\":[1],\"iconTrailing\":[1,\"icon-trailing\"],\"showRequiredAsterisk\":[8,\"show-required-asterisk\"],\"showIconTrailing\":[8,\"show-icon-trailing\"],\"label\":[1],\"fieldSizing\":[1,\"field-sizing\"],\"name\":[1],\"type\":[1],\"multiple\":[8],\"accept\":[1],\"placeholder\":[1],\"disabled\":[8],\"step\":[8],\"maxlength\":[8],\"minlength\":[8],\"max\":[8],\"min\":[8],\"readOnly\":[8,\"read-only\"],\"readonly\":[8],\"form\":[1],\"size\":[2],\"autocomplete\":[1],\"autofocus\":[8],\"enterkeyhint\":[1],\"inputmode\":[1],\"ariaDescribedBy\":[1,\"aria-described-by\"],\"messageSize\":[1,\"message-size\"],\"messageIcon\":[1,\"message-icon\"],\"validMessageSize\":[1,\"valid-message-size\"],\"invalidMessageSize\":[1,\"invalid-message-size\"],\"_id\":[32],\"_messageId\":[32],\"_validMessageId\":[32],\"_invalidMessageId\":[32],\"_invalidMessage\":[32],\"_dataListId\":[32],\"_descByIds\":[32],\"_value\":[32],\"_voiceOverFallback\":[32],\"abortController\":[32],\"observer\":[32]},null,{\"id\":[{\"watch0\":0}],\"propOverrides?.id\":[{\"watch0\":0}],\"_ref\":[{\"watch1\":0},{\"watch4\":0}],\"invalidMessage\":[{\"watch1\":0}],\"_id\":[{\"watch2\":0}],\"value\":[{\"watch3\":0}]}],[260,\"db-tag\",{\"removeButton\":[1,\"remove-button\"],\"id\":[1],\"propOverrides\":[16],\"className\":[1,\"classname\"],\"semantic\":[1],\"emphasis\":[1],\"icon\":[1],\"showCheckState\":[8,\"show-check-state\"],\"showIcon\":[8,\"show-icon\"],\"noText\":[8,\"no-text\"],\"overflow\":[8],\"text\":[1],\"behavior\":[1],\"observer\":[32]}],[260,\"db-custom-select-dropdown\",{\"id\":[1],\"propOverrides\":[16],\"className\":[1,\"classname\"],\"width\":[1],\"observer\":[32]}],[260,\"db-custom-select-list\",{\"multiple\":[4],\"label\":[1],\"id\":[1],\"propOverrides\":[16],\"className\":[1,\"classname\"],\"observer\":[32]}],[260,\"db-custom-select-list-item\",{\"isGroupTitle\":[4,\"is-group-title\"],\"showDivider\":[4,\"show-divider\"],\"type\":[1],\"checked\":[8],\"id\":[1],\"propOverrides\":[16],\"className\":[1,\"classname\"],\"groupTitle\":[1,\"group-title\"],\"icon\":[1],\"showIcon\":[8,\"show-icon\"],\"name\":[1],\"disabled\":[8],\"value\":[8],\"label\":[1],\"hasDivider\":[32],\"observer\":[32]},null,{\"isGroupTitle\":[{\"watch0\":0}],\"showDivider\":[{\"watch0\":0}]}]]],[\"db-button.cjs\",[[260,\"db-button\",{\"type\":[1],\"commandfor\":[1],\"id\":[1],\"propOverrides\":[16],\"className\":[1,\"classname\"],\"disabled\":[8],\"iconLeading\":[1,\"icon-leading\"],\"icon\":[1],\"showIconLeading\":[8,\"show-icon-leading\"],\"showIcon\":[8,\"show-icon\"],\"iconTrailing\":[1,\"icon-trailing\"],\"showIconTrailing\":[8,\"show-icon-trailing\"],\"size\":[1],\"width\":[1],\"variant\":[1],\"wrap\":[8],\"noText\":[8,\"no-text\"],\"name\":[1],\"form\":[1],\"value\":[1],\"command\":[1],\"text\":[1],\"observer\":[32]}]]],[\"db-infotext.cjs\",[[260,\"db-infotext\",{\"id\":[1],\"propOverrides\":[16],\"className\":[1,\"classname\"],\"icon\":[1],\"semantic\":[1],\"size\":[1],\"wrap\":[8],\"showIcon\":[8,\"show-icon\"],\"text\":[1],\"observer\":[32]}]]],[\"db-link_4.cjs\",[[260,\"db-table-row\",{\"id\":[1],\"propOverrides\":[16],\"className\":[1,\"classname\"],\"interactive\":[8],\"subHeaderEmphasis\":[1,\"sub-header-emphasis\"],\"cells\":[16]}],[260,\"db-link\",{\"id\":[1],\"propOverrides\":[16],\"className\":[1,\"classname\"],\"href\":[1],\"target\":[1],\"rel\":[1],\"role\":[1],\"referrerpolicy\":[1],\"referrerPolicy\":[1,\"referrer-policy\"],\"hreflang\":[1],\"disabled\":[8],\"size\":[1],\"showIcon\":[8,\"show-icon\"],\"variant\":[1],\"content\":[1],\"wrap\":[8],\"text\":[1],\"observer\":[32]}],[260,\"db-table-data-cell\",{\"id\":[1],\"propOverrides\":[16],\"className\":[1,\"classname\"],\"horizontalAlignment\":[1,\"horizontal-alignment\"],\"verticalAlignment\":[1,\"vertical-alignment\"],\"colSpan\":[8,\"col-span\"],\"colspan\":[8],\"rowSpan\":[8,\"row-span\"],\"rowspan\":[8],\"headers\":[1]}],[260,\"db-table-header-cell\",{\"id\":[1],\"propOverrides\":[16],\"className\":[1,\"classname\"],\"horizontalAlignment\":[1,\"horizontal-alignment\"],\"verticalAlignment\":[1,\"vertical-alignment\"],\"noText\":[8,\"no-text\"],\"scope\":[1],\"colSpan\":[8,\"col-span\"],\"colspan\":[8],\"rowSpan\":[8,\"row-span\"],\"rowspan\":[8],\"headers\":[1],\"abbr\":[1]}]]]]"), options);
+  return index.bootstrapLazy(JSON.parse("[[\"db-custom-select.cjs\",[[260,\"db-custom-select\",{\"invalidMessage\":[1,\"invalid-message\"],\"id\":[1],\"propOverrides\":[16],\"message\":[1],\"showMessage\":[8,\"show-message\"],\"ariaDescribedBy\":[1,\"aria-described-by\"],\"showNoResults\":[4,\"show-no-results\"],\"showLoading\":[4,\"show-loading\"],\"multiple\":[8],\"showSelectAll\":[4,\"show-select-all\"],\"showSearch\":[4,\"show-search\"],\"values\":[16],\"validation\":[1],\"options\":[16],\"searchValue\":[1,\"search-value\"],\"selectedLabels\":[1,\"selected-labels\"],\"transformSelectedLabels\":[16],\"selectedType\":[1,\"selected-type\"],\"amountText\":[1,\"amount-text\"],\"validMessage\":[1,\"valid-message\"],\"required\":[8],\"selectAllLabel\":[1,\"select-all-label\"],\"removeTagsTexts\":[16],\"placement\":[1],\"searchFilter\":[16],\"className\":[1,\"classname\"],\"formFieldWidth\":[1,\"form-field-width\"],\"variant\":[1],\"showRequiredAsterisk\":[8,\"show-required-asterisk\"],\"showLabel\":[8,\"show-label\"],\"icon\":[1],\"showIcon\":[8,\"show-icon\"],\"label\":[1],\"form\":[1],\"name\":[1],\"disabled\":[8],\"open\":[4],\"selectedPrefix\":[1,\"selected-prefix\"],\"dropdownWidth\":[1,\"dropdown-width\"],\"searchLabel\":[1,\"search-label\"],\"searchPlaceholder\":[1,\"search-placeholder\"],\"listLabel\":[1,\"list-label\"],\"loadingText\":[1,\"loading-text\"],\"noResultsText\":[1,\"no-results-text\"],\"mobileCloseButtonText\":[1,\"mobile-close-button-text\"],\"showClearSelection\":[4,\"show-clear-selection\"],\"clearSelectionText\":[1,\"clear-selection-text\"],\"placeholder\":[1],\"messageIcon\":[1,\"message-icon\"],\"_id\":[32],\"_messageId\":[32],\"_validMessageId\":[32],\"_invalidMessageId\":[32],\"_invalidMessage\":[32],\"_selectId\":[32],\"_labelId\":[32],\"_summaryId\":[32],\"_placeholderId\":[32],\"_infoTextId\":[32],\"_validity\":[32],\"_userInteraction\":[32],\"abortController\":[32],\"_descByIds\":[32],\"_selectedLabels\":[32],\"_selectedLabelsId\":[32],\"_voiceOverFallback\":[32],\"_selectedOptions\":[32],\"selectAllEnabled\":[32],\"searchEnabled\":[32],\"amountOptions\":[32],\"_values\":[32],\"_options\":[32],\"_hasNoOptions\":[32],\"_documentClickListenerCallbackId\":[32],\"_internalChangeTimestamp\":[32],\"_documentScrollListenerCallbackId\":[32],\"_intersectionObserverCallbackId\":[32],\"_resizeObserverCallbackId\":[32],\"_searchValue\":[32],\"selectAllChecked\":[32],\"selectAllIndeterminate\":[32],\"observer\":[32]},null,{\"id\":[{\"watch0\":0}],\"propOverrides?.id\":[{\"watch0\":0}],\"detailsRef\":[{\"watch1\":0},{\"watch3\":0}],\"_id\":[{\"watch2\":0}],\"_descByIds\":[{\"watch3\":0}],\"showNoResults\":[{\"watch4\":0}],\"showLoading\":[{\"watch4\":0}],\"_options\":[{\"watch4\":0}],\"showSelectAll\":[{\"watch5\":0}],\"amountOptions\":[{\"watch5\":0},{\"watch6\":0},{\"watch11\":0}],\"multiple\":[{\"watch5\":0}],\"showSearch\":[{\"watch6\":0}],\"values\":[{\"watch7\":0}],\"_values\":[{\"watch8\":0},{\"watch11\":0},{\"watch14\":0}],\"selectRef\":[{\"watch8\":0},{\"watch9\":0},{\"watch18\":0}],\"validation\":[{\"watch10\":0}],\"options\":[{\"watch12\":0},{\"watch14\":0}],\"searchValue\":[{\"watch13\":0}],\"_selectedOptions\":[{\"watch15\":0},{\"watch16\":0}],\"selectedType\":[{\"watch15\":0}],\"amountText\":[{\"watch15\":0}],\"selectedLabels\":[{\"watch15\":0}],\"transformSelectedLabels\":[{\"watch15\":0}],\"selectAllIndeterminate\":[{\"watch17\":0}],\"selectAllRef\":[{\"watch17\":0}],\"invalidMessage\":[{\"watch18\":0}]}]]],[\"db-table.cjs\",[[260,\"db-table\",{\"data\":[1],\"mobileVariant\":[1,\"mobile-variant\"],\"columnSizes\":[16],\"className\":[1,\"classname\"],\"width\":[1],\"size\":[1],\"divider\":[1],\"variant\":[1],\"showCaption\":[8,\"show-caption\"],\"stickyHeader\":[1,\"sticky-header\"],\"id\":[1],\"propOverrides\":[16],\"captionPlain\":[1,\"caption-plain\"],\"_data\":[32],\"_style\":[32],\"observer\":[32]},null,{\"data\":[{\"watch0\":0}],\"mobileVariant\":[{\"watch1\":0}],\"_ref\":[{\"watch1\":0}],\"_data\":[{\"watch1\":0}],\"columnSizes\":[{\"watch2\":0}]}]]],[\"db-tabs.cjs\",[[260,\"db-tabs\",{\"name\":[1],\"tabs\":[1],\"arrowScrollDistance\":[8,\"arrow-scroll-distance\"],\"orientation\":[1],\"behavior\":[1],\"initialSelectedMode\":[1,\"initial-selected-mode\"],\"initialSelectedIndex\":[8,\"initial-selected-index\"],\"id\":[1],\"propOverrides\":[16],\"className\":[1,\"classname\"],\"alignment\":[1],\"width\":[1],\"scrollLeftText\":[1,\"scroll-left-text\"],\"scrollRightText\":[1,\"scroll-right-text\"],\"_name\":[32],\"initialized\":[32],\"showScrollLeft\":[32],\"showScrollRight\":[32],\"scrollContainer\":[32],\"_resizeObserverCallbackId\":[32],\"observer\":[32]},null,{\"_ref\":[{\"watch0\":0}],\"initialized\":[{\"watch0\":0}]}]]],[\"db-header.cjs\",[[260,\"db-header\",{\"forceMobile\":[8,\"force-mobile\"],\"drawerOpen\":[8,\"drawer-open\"],\"className\":[1,\"classname\"],\"id\":[1],\"propOverrides\":[16],\"width\":[1],\"burgerMenuLabel\":[1,\"burger-menu-label\"],\"closeButtonId\":[1,\"close-button-id\"],\"closeButtonText\":[1,\"close-button-text\"],\"initialized\":[32],\"forcedToMobile\":[32],\"observer\":[32]},null,{\"initialized\":[{\"watch0\":0}],\"_ref\":[{\"watch0\":0}]}]]],[\"db-accordion.cjs\",[[260,\"db-accordion\",{\"name\":[1],\"behavior\":[1],\"initOpenIndex\":[16],\"items\":[1],\"id\":[1],\"propOverrides\":[16],\"className\":[1,\"classname\"],\"variant\":[1],\"_name\":[32],\"initialized\":[32],\"_initOpenIndexDone\":[32],\"observer\":[32]},null,{\"initialized\":[{\"watch0\":0}],\"name\":[{\"watch0\":0}],\"behavior\":[{\"watch0\":0}],\"_ref\":[{\"watch1\":0},{\"watch2\":0}],\"_name\":[{\"watch1\":0}],\"_initOpenIndexDone\":[{\"watch2\":0}],\"initOpenIndex\":[{\"watch2\":0}]}]]],[\"db-checkbox.cjs\",[[260,\"db-checkbox\",{\"invalidMessage\":[1,\"invalid-message\"],\"id\":[1],\"propOverrides\":[16],\"message\":[1],\"showMessage\":[8,\"show-message\"],\"indeterminate\":[8],\"checked\":[8],\"validMessage\":[1,\"valid-message\"],\"validation\":[1],\"required\":[8],\"className\":[1,\"classname\"],\"size\":[1],\"showRequiredAsterisk\":[8,\"show-required-asterisk\"],\"showLabel\":[8,\"show-label\"],\"name\":[1],\"disabled\":[8],\"value\":[8],\"ariaDescribedBy\":[1,\"aria-described-by\"],\"label\":[1],\"messageIcon\":[1,\"message-icon\"],\"initialized\":[32],\"_id\":[32],\"_messageId\":[32],\"_validMessageId\":[32],\"_invalidMessageId\":[32],\"_invalidMessage\":[32],\"_descByIds\":[32],\"_voiceOverFallback\":[32],\"abortController\":[32],\"observer\":[32]},null,{\"id\":[{\"watch0\":0}],\"propOverrides?.id\":[{\"watch0\":0}],\"_ref\":[{\"watch1\":0},{\"watch3\":0},{\"watch4\":0},{\"watch5\":0}],\"invalidMessage\":[{\"watch1\":0}],\"_id\":[{\"watch2\":0}],\"initialized\":[{\"watch3\":0},{\"watch4\":0}],\"indeterminate\":[{\"watch3\":0}],\"checked\":[{\"watch4\":0}]}]]],[\"db-navigation-item.cjs\",[[260,\"db-navigation-item\",{\"id\":[1],\"subNavigationExpanded\":[8,\"sub-navigation-expanded\"],\"propOverrides\":[16],\"className\":[1,\"classname\"],\"width\":[1],\"icon\":[1],\"showIcon\":[8,\"show-icon\"],\"active\":[4],\"wrap\":[8],\"disabled\":[8],\"hideSubNavigation\":[8,\"hide-sub-navigation\"],\"text\":[1],\"backButtonId\":[1,\"back-button-id\"],\"backButtonText\":[1,\"back-button-text\"],\"initialized\":[32],\"hasAreaPopup\":[32],\"hasSubNavigation\":[32],\"isSubNavigationExpanded\":[32],\"autoClose\":[32],\"navigationItemSafeTriangle\":[32],\"subNavigationId\":[32],\"subNavigationToggleId\":[32],\"observer\":[32]},null,{\"subNavigationExpanded\":[{\"watch0\":0}],\"initialized\":[{\"watch1\":0}],\"_ref\":[{\"watch1\":0}]}]]],[\"db-notification.cjs\",[[260,\"db-notification\",{\"id\":[1],\"propOverrides\":[16],\"className\":[1,\"classname\"],\"semantic\":[1],\"role\":[1],\"ariaLive\":[1,\"aria-live\"],\"variant\":[1],\"showIcon\":[8,\"show-icon\"],\"icon\":[1],\"linkVariant\":[1,\"link-variant\"],\"headline\":[8],\"showHeadline\":[8,\"show-headline\"],\"text\":[1],\"timestamp\":[1],\"showTimestamp\":[8,\"show-timestamp\"],\"timestampDatetime\":[1,\"timestamp-datetime\"],\"closeable\":[8],\"closeButtonId\":[1,\"close-button-id\"],\"closeButtonText\":[1,\"close-button-text\"],\"observer\":[32]}]]],[\"db-select.cjs\",[[260,\"db-select\",{\"invalidMessage\":[1,\"invalid-message\"],\"id\":[1],\"propOverrides\":[16],\"message\":[1],\"showMessage\":[8,\"show-message\"],\"placeholder\":[1],\"value\":[8],\"validMessage\":[1,\"valid-message\"],\"validation\":[1],\"required\":[8],\"variant\":[1],\"showEmptyOption\":[4,\"show-empty-option\"],\"className\":[1,\"classname\"],\"showLabel\":[8,\"show-label\"],\"showRequiredAsterisk\":[8,\"show-required-asterisk\"],\"icon\":[1],\"showIcon\":[8,\"show-icon\"],\"label\":[1],\"disabled\":[8],\"name\":[1],\"size\":[2],\"autocomplete\":[1],\"multiple\":[4],\"ariaDescribedBy\":[1,\"aria-described-by\"],\"options\":[16],\"messageIcon\":[1,\"message-icon\"],\"_id\":[32],\"_messageId\":[32],\"_validMessageId\":[32],\"_invalidMessageId\":[32],\"_invalidMessage\":[32],\"_placeholderId\":[32],\"_descByIds\":[32],\"_value\":[32],\"initialized\":[32],\"_voiceOverFallback\":[32],\"abortController\":[32],\"observer\":[32]},null,{\"id\":[{\"watch0\":0}],\"propOverrides?.id\":[{\"watch0\":0}],\"_ref\":[{\"watch1\":0},{\"watch4\":0}],\"invalidMessage\":[{\"watch1\":0}],\"_id\":[{\"watch2\":0}],\"initialized\":[{\"watch2\":0}],\"value\":[{\"watch3\":0}]}]]],[\"db-switch.cjs\",[[260,\"db-switch\",{\"invalidMessage\":[1,\"invalid-message\"],\"id\":[1],\"propOverrides\":[16],\"validation\":[1],\"required\":[8],\"message\":[1],\"showMessage\":[8,\"show-message\"],\"validMessage\":[1,\"valid-message\"],\"checked\":[8],\"disabled\":[8],\"visualAid\":[8,\"visual-aid\"],\"size\":[1],\"showLabel\":[8,\"show-label\"],\"variant\":[1],\"showRequiredAsterisk\":[8,\"show-required-asterisk\"],\"className\":[1,\"classname\"],\"value\":[8],\"name\":[1],\"iconLeading\":[1,\"icon-leading\"],\"icon\":[1],\"iconTrailing\":[1,\"icon-trailing\"],\"label\":[1],\"messageIcon\":[1,\"message-icon\"],\"_id\":[32],\"_messageId\":[32],\"_validMessageId\":[32],\"_invalidMessageId\":[32],\"_invalidMessage\":[32],\"_descByIds\":[32],\"_voiceOverFallback\":[32],\"abortController\":[32],\"observer\":[32]},null,{\"id\":[{\"watch0\":0}],\"propOverrides?.id\":[{\"watch0\":0}],\"validation\":[{\"watch1\":0}],\"required\":[{\"watch1\":0}],\"message\":[{\"watch1\":0}],\"showMessage\":[{\"watch1\":0}],\"validMessage\":[{\"watch1\":0}],\"invalidMessage\":[{\"watch1\":0},{\"watch2\":0}],\"checked\":[{\"watch1\":0}],\"_ref\":[{\"watch2\":0},{\"watch3\":0}]}]]],[\"db-textarea.cjs\",[[0,\"db-textarea\",{\"invalidMessage\":[1,\"invalid-message\"],\"id\":[1],\"propOverrides\":[16],\"message\":[1],\"showMessage\":[8,\"show-message\"],\"value\":[8],\"validMessage\":[1,\"valid-message\"],\"validation\":[1],\"required\":[8],\"minLength\":[8,\"min-length\"],\"maxLength\":[8,\"max-length\"],\"className\":[1,\"classname\"],\"variant\":[1],\"showRequiredAsterisk\":[8,\"show-required-asterisk\"],\"showLabel\":[8,\"show-label\"],\"label\":[1],\"fieldSizing\":[1,\"field-sizing\"],\"resize\":[1],\"showResizer\":[8,\"show-resizer\"],\"disabled\":[8],\"readOnly\":[8,\"read-only\"],\"readonly\":[8],\"form\":[1],\"maxlength\":[8],\"minlength\":[8],\"name\":[1],\"wrap\":[1],\"spellCheck\":[4,\"spell-check\"],\"autocomplete\":[1],\"ariaDescribedBy\":[1,\"aria-described-by\"],\"placeholder\":[1],\"rows\":[8],\"cols\":[8],\"messageIcon\":[1,\"message-icon\"],\"_id\":[32],\"_messageId\":[32],\"_validMessageId\":[32],\"_invalidMessageId\":[32],\"_invalidMessage\":[32],\"_descByIds\":[32],\"_value\":[32],\"_voiceOverFallback\":[32],\"abortController\":[32],\"observer\":[32]},null,{\"id\":[{\"watch0\":0}],\"propOverrides?.id\":[{\"watch0\":0}],\"_ref\":[{\"watch1\":0},{\"watch4\":0}],\"invalidMessage\":[{\"watch1\":0}],\"_id\":[{\"watch2\":0}],\"value\":[{\"watch3\":0}]}]]],[\"db-badge.cjs\",[[260,\"db-badge\",{\"placement\":[1],\"id\":[1],\"propOverrides\":[16],\"className\":[1,\"classname\"],\"semantic\":[1],\"size\":[1],\"emphasis\":[1],\"wrap\":[8],\"label\":[1],\"text\":[1],\"initialized\":[32],\"observer\":[32]},null,{\"_ref\":[{\"watch0\":0}],\"initialized\":[{\"watch0\":0}]}]]],[\"db-brand.cjs\",[[260,\"db-brand\",{\"hideLogo\":[4,\"hide-logo\"],\"icon\":[1],\"showIcon\":[8,\"show-icon\"],\"id\":[1],\"propOverrides\":[16],\"className\":[1,\"classname\"],\"text\":[1],\"observer\":[32]}]]],[\"db-card.cjs\",[[260,\"db-card\",{\"id\":[1],\"propOverrides\":[16],\"className\":[1,\"classname\"],\"behavior\":[1],\"elevationLevel\":[1,\"elevation-level\"],\"spacing\":[1],\"observer\":[32]}]]],[\"db-custom-button.cjs\",[[260,\"db-custom-button\",{\"id\":[1],\"propOverrides\":[16],\"className\":[1,\"classname\"],\"iconLeading\":[1,\"icon-leading\"],\"icon\":[1],\"showIconLeading\":[8,\"show-icon-leading\"],\"showIcon\":[8,\"show-icon\"],\"iconTrailing\":[1,\"icon-trailing\"],\"showIconTrailing\":[8,\"show-icon-trailing\"],\"size\":[1],\"width\":[1],\"variant\":[1],\"noText\":[8,\"no-text\"],\"observer\":[32]}]]],[\"db-custom-select-form-field.cjs\",[[260,\"db-custom-select-form-field\",{\"id\":[1],\"propOverrides\":[16],\"className\":[1,\"classname\"],\"observer\":[32]}]]],[\"db-divider.cjs\",[[0,\"db-divider\",{\"id\":[1],\"propOverrides\":[16],\"margin\":[1],\"variant\":[1],\"emphasis\":[1],\"width\":[1],\"className\":[1,\"classname\"],\"observer\":[32]}]]],[\"db-icon.cjs\",[[260,\"db-icon\",{\"id\":[1],\"propOverrides\":[16],\"className\":[1,\"classname\"],\"icon\":[1],\"weight\":[1],\"variant\":[1],\"text\":[1],\"observer\":[32]}]]],[\"db-navigation.cjs\",[[260,\"db-navigation\",{\"id\":[1],\"propOverrides\":[16],\"className\":[1,\"classname\"],\"observer\":[32]}]]],[\"db-page.cjs\",[[260,\"db-page\",{\"fadeIn\":[8,\"fade-in\"],\"documentOverflow\":[1,\"document-overflow\"],\"variant\":[1],\"id\":[1],\"propOverrides\":[16],\"className\":[1,\"classname\"],\"mainClass\":[1,\"main-class\"],\"fontsLoaded\":[32],\"observer\":[32]}]]],[\"db-popover.cjs\",[[260,\"db-popover\",{\"id\":[1],\"propOverrides\":[16],\"className\":[1,\"classname\"],\"spacing\":[1],\"gap\":[8],\"animation\":[8],\"open\":[8],\"delay\":[1],\"width\":[1],\"placement\":[1],\"initialized\":[32],\"isExpanded\":[32],\"_documentScrollListenerCallbackId\":[32],\"_intersectionObserverCallbackId\":[32],\"_resizeObserverCallbackId\":[32],\"observer\":[32]},null,{\"_ref\":[{\"watch0\":0},{\"watch1\":0}],\"initialized\":[{\"watch0\":0}],\"isExpanded\":[{\"watch1\":0}]}]]],[\"db-radio.cjs\",[[260,\"db-radio\",{\"id\":[1],\"propOverrides\":[16],\"checked\":[8],\"size\":[1],\"showLabel\":[8,\"show-label\"],\"showRequiredAsterisk\":[8,\"show-required-asterisk\"],\"className\":[1,\"classname\"],\"validation\":[1],\"name\":[1],\"disabled\":[8],\"value\":[8],\"required\":[8],\"label\":[1],\"initialized\":[32],\"_id\":[32],\"abortController\":[32],\"observer\":[32]},null,{\"id\":[{\"watch0\":0}],\"propOverrides?.id\":[{\"watch0\":0}],\"initialized\":[{\"watch1\":0}],\"_ref\":[{\"watch1\":0},{\"watch2\":0}],\"checked\":[{\"watch1\":0}]}]]],[\"db-section.cjs\",[[260,\"db-section\",{\"id\":[1],\"propOverrides\":[16],\"className\":[1,\"classname\"],\"spacing\":[1],\"width\":[1],\"observer\":[32]}]]],[\"db-stack.cjs\",[[260,\"db-stack\",{\"id\":[1],\"propOverrides\":[16],\"className\":[1,\"classname\"],\"gap\":[1],\"variant\":[1],\"direction\":[1],\"alignment\":[1],\"justifyContent\":[1,\"justify-content\"],\"wrap\":[8],\"observer\":[32]}]]],[\"db-table-caption.cjs\",[[260,\"db-table-caption\",{\"id\":[1],\"propOverrides\":[16],\"className\":[1,\"classname\"],\"observer\":[32]}]]],[\"db-drawer.cjs\",[[260,\"db-drawer\",{\"open\":[8],\"position\":[1],\"backdrop\":[1],\"variant\":[1],\"id\":[1],\"propOverrides\":[16],\"direction\":[1],\"className\":[1,\"classname\"],\"spacing\":[1],\"width\":[1],\"rounded\":[8],\"closeButtonId\":[1,\"close-button-id\"],\"closeButtonText\":[1,\"close-button-text\"],\"initialized\":[32],\"backdropPointerDown\":[32],\"observer\":[32]},null,{\"open\":[{\"watch0\":0}],\"_ref\":[{\"watch1\":0}],\"initialized\":[{\"watch1\":0}],\"position\":[{\"watch1\":0}]}]]],[\"db-accordion-item.cjs\",[[260,\"db-accordion-item\",{\"defaultOpen\":[4,\"default-open\"],\"name\":[1],\"open\":[8],\"id\":[1],\"propOverrides\":[16],\"className\":[1,\"classname\"],\"disabled\":[8],\"headlinePlain\":[1,\"headline-plain\"],\"text\":[1],\"_open\":[32],\"_name\":[32],\"initialized\":[32],\"observer\":[32]},null,{\"_ref\":[{\"watch0\":0}],\"initialized\":[{\"watch0\":0}],\"name\":[{\"watch1\":0}],\"open\":[{\"watch2\":0}]}]]],[\"db-tooltip.cjs\",[[260,\"db-tooltip\",{\"id\":[1],\"propOverrides\":[16],\"variant\":[1],\"className\":[1,\"classname\"],\"emphasis\":[1],\"wrap\":[8],\"animation\":[8],\"delay\":[1],\"width\":[1],\"showArrow\":[8,\"show-arrow\"],\"placement\":[1],\"text\":[1],\"_id\":[32],\"initialized\":[32],\"_documentScrollListenerCallbackId\":[32],\"_intersectionObserverCallbackId\":[32],\"_resizeObserverCallbackId\":[32],\"_attachedParent\":[32],\"_attachedId\":[32],\"_activeTriggerCount\":[32],\"_boundListeners\":[32],\"observer\":[32]},null,{\"id\":[{\"watch0\":0}],\"propOverrides?.id\":[{\"watch0\":0}],\"_ref\":[{\"watch1\":0}],\"initialized\":[{\"watch1\":0}],\"_id\":[{\"watch1\":0}]}]]],[\"db-table-body_3.cjs\",[[260,\"db-table-body\",{\"id\":[1],\"propOverrides\":[16],\"className\":[1,\"classname\"],\"rows\":[16]}],[260,\"db-table-footer\",{\"id\":[1],\"propOverrides\":[16],\"className\":[1,\"classname\"],\"rows\":[16]}],[260,\"db-table-head\",{\"id\":[1],\"propOverrides\":[16],\"className\":[1,\"classname\"],\"rows\":[16],\"observer\":[32]}]]],[\"db-tab-item_3.cjs\",[[260,\"db-tab-item\",{\"active\":[8],\"name\":[1],\"className\":[1,\"classname\"],\"id\":[1],\"propOverrides\":[16],\"iconLeading\":[1,\"icon-leading\"],\"icon\":[1],\"iconTrailing\":[1,\"icon-trailing\"],\"showIconLeading\":[8,\"show-icon-leading\"],\"showIcon\":[8,\"show-icon\"],\"showIconTrailing\":[8,\"show-icon-trailing\"],\"noText\":[8,\"no-text\"],\"disabled\":[8],\"checked\":[8],\"label\":[1],\"_selected\":[32],\"_name\":[32],\"initialized\":[32],\"_listenerAdded\":[32],\"boundSetSelectedOnChange\":[32],\"observer\":[32]},null,{\"_ref\":[{\"watch0\":0}],\"initialized\":[{\"watch0\":0}],\"boundSetSelectedOnChange\":[{\"watch0\":0}],\"name\":[{\"watch1\":0}]}],[260,\"db-tab-list\",{\"id\":[1],\"propOverrides\":[16],\"className\":[1,\"classname\"],\"observer\":[32]}],[260,\"db-tab-panel\",{\"className\":[1,\"classname\"],\"id\":[1],\"propOverrides\":[16],\"content\":[1],\"observer\":[32]}]]],[\"db-custom-select-dropdown_5.cjs\",[[260,\"db-input\",{\"invalidMessage\":[1,\"invalid-message\"],\"id\":[1],\"propOverrides\":[16],\"dataListId\":[1,\"data-list-id\"],\"message\":[1],\"showMessage\":[8,\"show-message\"],\"value\":[8],\"validMessage\":[1,\"valid-message\"],\"validation\":[1],\"required\":[8],\"minLength\":[8,\"min-length\"],\"maxLength\":[8,\"max-length\"],\"pattern\":[1],\"dataList\":[16],\"className\":[1,\"classname\"],\"variant\":[1],\"showLabel\":[8,\"show-label\"],\"showIconLeading\":[8,\"show-icon-leading\"],\"showIcon\":[8,\"show-icon\"],\"iconLeading\":[1,\"icon-leading\"],\"icon\":[1],\"iconTrailing\":[1,\"icon-trailing\"],\"showRequiredAsterisk\":[8,\"show-required-asterisk\"],\"showIconTrailing\":[8,\"show-icon-trailing\"],\"label\":[1],\"fieldSizing\":[1,\"field-sizing\"],\"name\":[1],\"type\":[1],\"multiple\":[8],\"accept\":[1],\"placeholder\":[1],\"disabled\":[8],\"step\":[8],\"maxlength\":[8],\"minlength\":[8],\"max\":[8],\"min\":[8],\"readOnly\":[8,\"read-only\"],\"readonly\":[8],\"form\":[1],\"size\":[2],\"autocomplete\":[1],\"autofocus\":[8],\"enterkeyhint\":[1],\"inputmode\":[1],\"ariaDescribedBy\":[1,\"aria-described-by\"],\"messageSize\":[1,\"message-size\"],\"messageIcon\":[1,\"message-icon\"],\"validMessageSize\":[1,\"valid-message-size\"],\"invalidMessageSize\":[1,\"invalid-message-size\"],\"_id\":[32],\"_messageId\":[32],\"_validMessageId\":[32],\"_invalidMessageId\":[32],\"_invalidMessage\":[32],\"_dataListId\":[32],\"_descByIds\":[32],\"_value\":[32],\"_voiceOverFallback\":[32],\"abortController\":[32],\"observer\":[32]},null,{\"id\":[{\"watch0\":0}],\"propOverrides?.id\":[{\"watch0\":0}],\"_ref\":[{\"watch1\":0},{\"watch4\":0}],\"invalidMessage\":[{\"watch1\":0}],\"_id\":[{\"watch2\":0}],\"value\":[{\"watch3\":0}]}],[260,\"db-tag\",{\"removeButton\":[1,\"remove-button\"],\"id\":[1],\"propOverrides\":[16],\"className\":[1,\"classname\"],\"semantic\":[1],\"emphasis\":[1],\"icon\":[1],\"showCheckState\":[8,\"show-check-state\"],\"showIcon\":[8,\"show-icon\"],\"noText\":[8,\"no-text\"],\"overflow\":[8],\"text\":[1],\"behavior\":[1],\"observer\":[32]}],[260,\"db-custom-select-dropdown\",{\"id\":[1],\"propOverrides\":[16],\"className\":[1,\"classname\"],\"width\":[1],\"observer\":[32]}],[260,\"db-custom-select-list\",{\"multiple\":[4],\"label\":[1],\"id\":[1],\"propOverrides\":[16],\"className\":[1,\"classname\"],\"observer\":[32]}],[260,\"db-custom-select-list-item\",{\"isGroupTitle\":[4,\"is-group-title\"],\"showDivider\":[4,\"show-divider\"],\"type\":[1],\"checked\":[8],\"id\":[1],\"propOverrides\":[16],\"className\":[1,\"classname\"],\"groupTitle\":[1,\"group-title\"],\"icon\":[1],\"showIcon\":[8,\"show-icon\"],\"name\":[1],\"disabled\":[8],\"value\":[8],\"label\":[1],\"hasDivider\":[32],\"observer\":[32]},null,{\"isGroupTitle\":[{\"watch0\":0}],\"showDivider\":[{\"watch0\":0}]}]]],[\"db-button.cjs\",[[260,\"db-button\",{\"type\":[1],\"commandfor\":[1],\"id\":[1],\"propOverrides\":[16],\"className\":[1,\"classname\"],\"disabled\":[8],\"iconLeading\":[1,\"icon-leading\"],\"icon\":[1],\"showIconLeading\":[8,\"show-icon-leading\"],\"showIcon\":[8,\"show-icon\"],\"iconTrailing\":[1,\"icon-trailing\"],\"showIconTrailing\":[8,\"show-icon-trailing\"],\"size\":[1],\"width\":[1],\"variant\":[1],\"wrap\":[8],\"noText\":[8,\"no-text\"],\"name\":[1],\"form\":[1],\"value\":[1],\"command\":[1],\"text\":[1],\"observer\":[32]}]]],[\"db-infotext.cjs\",[[260,\"db-infotext\",{\"id\":[1],\"propOverrides\":[16],\"className\":[1,\"classname\"],\"icon\":[1],\"semantic\":[1],\"size\":[1],\"wrap\":[8],\"showIcon\":[8,\"show-icon\"],\"text\":[1],\"observer\":[32]}]]],[\"db-link_4.cjs\",[[260,\"db-table-row\",{\"id\":[1],\"propOverrides\":[16],\"className\":[1,\"classname\"],\"interactive\":[8],\"subHeaderEmphasis\":[1,\"sub-header-emphasis\"],\"cells\":[16]}],[260,\"db-link\",{\"id\":[1],\"propOverrides\":[16],\"className\":[1,\"classname\"],\"href\":[1],\"target\":[1],\"rel\":[1],\"role\":[1],\"referrerpolicy\":[1],\"referrerPolicy\":[1,\"referrer-policy\"],\"hreflang\":[1],\"disabled\":[8],\"size\":[1],\"showIcon\":[8,\"show-icon\"],\"variant\":[1],\"content\":[1],\"wrap\":[8],\"text\":[1],\"observer\":[32]}],[260,\"db-table-data-cell\",{\"id\":[1],\"propOverrides\":[16],\"className\":[1,\"classname\"],\"horizontalAlignment\":[1,\"horizontal-alignment\"],\"verticalAlignment\":[1,\"vertical-alignment\"],\"colSpan\":[8,\"col-span\"],\"colspan\":[8],\"rowSpan\":[8,\"row-span\"],\"rowspan\":[8],\"headers\":[1]}],[260,\"db-table-header-cell\",{\"id\":[1],\"propOverrides\":[16],\"className\":[1,\"classname\"],\"horizontalAlignment\":[1,\"horizontal-alignment\"],\"verticalAlignment\":[1,\"vertical-alignment\"],\"noText\":[8,\"no-text\"],\"scope\":[1],\"colSpan\":[8,\"col-span\"],\"colspan\":[8],\"rowSpan\":[8,\"row-span\"],\"rowspan\":[8],\"headers\":[1],\"abbr\":[1]}]]]]"), options);
 };
 
 exports.setNonce = index.setNonce;

package/dist/cjs/{navigation-DUTSDY4q.js → navigation-fsWSnlKn.js}

@@ -1,6 +1,6 @@
 'use strict';
 
-var floatingComponents = require('./floating-components-SpHkZuLA.js');
+var floatingComponents = require('./floating-components-Ns3Jt7dw.js');
 
 const isEventTargetNavigationItem = (event) => {
     var _a, _b;

package/dist/cjs/resize-observer-listener-B1uhHzqv.js

@@ -0,0 +1,103 @@
+'use strict';
+
+var index = require('./index-BmNxQ4GI.js');
+
+/**
+ * Generic base class for singleton observer listeners.
+ * Uses a Map<Element, Map<id, callback>> for O(1) element lookup in the
+ * observer handler — avoids quadratic scanning when many elements are observed.
+ *
+ * Subclasses own their static state (callbacksByElement, idToElement, observer,
+ * instance) and expose it via the abstract accessor methods below.
+ *
+ * @template TObserver - The observer type (ResizeObserver, IntersectionObserver, etc.)
+ * @template TEntry - The entry type passed to the callback
+ */
+class AbstractObserverListener {
+    observe(element, callback) {
+        const observer = this.getObserver();
+        if (!observer)
+            return undefined;
+        const id = index.uuid();
+        const callbacksByElement = this.getCallbacksByElement();
+        const idToElement = this.getIdToElement();
+        let elementCallbacks = callbacksByElement.get(element);
+        if (!elementCallbacks) {
+            elementCallbacks = new Map();
+            callbacksByElement.set(element, elementCallbacks);
+            // Only call observe on the native observer if this is a new element
+            this.observeElement(observer, element);
+        }
+        elementCallbacks.set(id, callback);
+        idToElement.set(id, element);
+        return id;
+    }
+    unobserve(id) {
+        const callbacksByElement = this.getCallbacksByElement();
+        const idToElement = this.getIdToElement();
+        const observer = this.getObserver();
+        const element = idToElement.get(id);
+        if (!element || !observer)
+            return;
+        const elementCallbacks = callbacksByElement.get(element);
+        if (elementCallbacks) {
+            elementCallbacks.delete(id);
+            // If no more callbacks for this element, unobserve it
+            if (elementCallbacks.size === 0) {
+                callbacksByElement.delete(element);
+                this.unobserveElement(observer, element);
+            }
+        }
+        idToElement.delete(id);
+    }
+    /**
+     * Called by subclass observer handlers to dispatch callbacks for an entry.
+     */
+    dispatchEntry(element, entry) {
+        const elementCallbacks = this.getCallbacksByElement().get(element);
+        if (elementCallbacks) {
+            elementCallbacks.forEach(callback => {
+                callback(entry);
+            });
+        }
+    }
+}
+
+class ResizeObserverListener extends AbstractObserverListener {
+    constructor() {
+        super();
+        if (ResizeObserverListener._instance) {
+            return ResizeObserverListener._instance;
+        }
+        ResizeObserverListener._instance = this;
+        if (typeof window !== 'undefined' && 'ResizeObserver' in window) {
+            ResizeObserverListener.observer = new ResizeObserver(entries => {
+                for (const entry of entries) {
+                    this.dispatchEntry(entry.target, entry);
+                }
+            });
+        }
+    }
+    getCallbacksByElement() {
+        return ResizeObserverListener.callbacksByElement;
+    }
+    getIdToElement() {
+        return ResizeObserverListener.idToElement;
+    }
+    getObserver() {
+        return ResizeObserverListener.observer;
+    }
+    observeElement(observer, element) {
+        observer.observe(element);
+    }
+    unobserveElement(observer, element) {
+        observer.unobserve(element);
+    }
+}
+ResizeObserverListener._instance = null;
+ResizeObserverListener.callbacksByElement = new Map();
+ResizeObserverListener.idToElement = new Map();
+ResizeObserverListener.observer = null;
+
+exports.AbstractObserverListener = AbstractObserverListener;
+exports.ResizeObserverListener = ResizeObserverListener;

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

@@ -4,6 +4,8 @@ import { DocumentClickListener } from "../../utils/document-click-listener.js";
 import { DocumentScrollListener } from "../../utils/document-scroll-listener.js";
 import { handleFixedDropdown } from "../../utils/floating-components.js";
 import { addResetEventListener, } from "../../utils/form-components.js";
+import { IntersectionObserverListener } from "../../utils/intersection-observer-listener.js";
+import { ResizeObserverListener } from "../../utils/resize-observer-listener.js";
 import { h, Fragment } from "@stencil/core";
 /**
  * @slot children - This is a default/unnamed slot
@@ -40,7 +42,8 @@ export class DBCustomSelect {
         this._documentClickListenerCallbackId = undefined;
         this._internalChangeTimestamp = 0;
         this._documentScrollListenerCallbackId = undefined;
-        this._observer = undefined;
+        this._intersectionObserverCallbackId = undefined;
+        this._resizeObserverCallbackId = undefined;
         this._searchValue = undefined;
         this.selectAllChecked = false;
         this.selectAllIndeterminate = false;
@@ -100,7 +103,6 @@ export class DBCustomSelect {
         }
     }
     handleDropdownToggle(event) {
-        var _a, _b;
         if (this.dropdownToggle) {
             event.stopPropagation();
             this.dropdownToggle.emit(event);
@@ -111,7 +113,13 @@ export class DBCustomSelect {
             this._documentScrollListenerCallbackId =
                 new DocumentScrollListener().addCallback((event) => this.handleDocumentScroll(event));
             this.handleAutoPlacement();
-            (_a = this._observer) === null || _a === void 0 ? void 0 : _a.observe(this.detailsRef);
+            this._resizeObserverCallbackId = new ResizeObserverListener().observe(document.documentElement, () => this.handleAutoPlacement());
+            this._intersectionObserverCallbackId =
+                new IntersectionObserverListener().observe(this.detailsRef, (entry) => {
+                    if (!entry.isIntersecting && this.detailsRef.open) {
+                        this.detailsRef.open = false;
+                    }
+                });
             if (!event.target.dataset["test"]) {
                 // We need this workaround for snapshot testing
                 this.handleOpenByKeyboardFocus();
@@ -124,7 +132,12 @@ export class DBCustomSelect {
             if (this._documentScrollListenerCallbackId) {
                 new DocumentScrollListener().removeCallback(this._documentScrollListenerCallbackId);
             }
-            (_b = this._observer) === null || _b === void 0 ? void 0 : _b.unobserve(this.detailsRef);
+            if (this._resizeObserverCallbackId) {
+                new ResizeObserverListener().unobserve(this._resizeObserverCallbackId);
+            }
+            if (this._intersectionObserverCallbackId) {
+                new IntersectionObserverListener().unobserve(this._intersectionObserverCallbackId);
+            }
         }
     }
     getNativeSelectValue() {
@@ -795,16 +808,6 @@ export class DBCustomSelect {
         const onMountHook_0 = () => {
             this.resetIds();
             this._invalidMessage = this.invalidMessage || DEFAULT_INVALID_MESSAGE;
-            if (typeof window !== "undefined" && "IntersectionObserver" in window) {
-                this._observer = new IntersectionObserver((payload) => {
-                    if (this.detailsRef) {
-                        const entry = payload.find(({ target }) => target === this.detailsRef);
-                        if (entry && !entry.isIntersecting && this.detailsRef.open) {
-                            this.detailsRef.open = false;
-                        }
-                    }
-                });
-            }
         };
         onMountHook_0();
         const onMountHook_1 = () => {
@@ -834,23 +837,36 @@ export class DBCustomSelect {
     disconnectedCallback() {
         var _a, _b;
         (_a = this.abortController) === null || _a === void 0 ? void 0 : _a.abort();
+        // Clean up singleton observers if dropdown was open when unmounting
+        if (this._documentClickListenerCallbackId) {
+            new DocumentClickListener().removeCallback(this._documentClickListenerCallbackId);
+        }
+        if (this._documentScrollListenerCallbackId) {
+            new DocumentScrollListener().removeCallback(this._documentScrollListenerCallbackId);
+        }
+        if (this._resizeObserverCallbackId) {
+            new ResizeObserverListener().unobserve(this._resizeObserverCallbackId);
+        }
+        if (this._intersectionObserverCallbackId) {
+            new IntersectionObserverListener().unobserve(this._intersectionObserverCallbackId);
+        }
         (_b = this.observer) === null || _b === void 0 ? void 0 : _b.disconnect();
     }
     render() {
         var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q;
-        return (h("div", { key: '9f804bd057ef9cde5cc83263e5b1e3a477ad5d2e', class: cls("db-custom-select", this.className), id: this._id, ref: (el) => {
+        return (h("div", { key: 'bda216afb16404d7d1b75bd2ff88fdc526aaed51', class: cls("db-custom-select", this.className), id: this._id, ref: (el) => {
                 this._ref = el;
             }, "aria-invalid": this._validity === "invalid", "data-custom-validity": this._validity, "data-width": this.formFieldWidth, "data-variant": this.variant === "floating" &&
                 this.selectedType === "tag" &&
                 this.multiple
                 ? "above"
-                : this.variant, "data-required": getBooleanAsString(this.required, "required"), "data-hide-asterisk": getHideProp(this.showRequiredAsterisk), "data-placement": this.placement, "data-selected-type": this.multiple ? this.selectedType : "text", "data-hide-label": getHideProp(this.showLabel), "data-icon": this.icon, "data-show-icon": getBooleanAsString(this.showIcon, "showIcon") }, h("label", { key: '1ce826237b63c3abfad8b55068c25fdc4acc2d7a', id: this._labelId }, (_a = this.label) !== null && _a !== void 0 ? _a : DEFAULT_LABEL, h("select", { key: '9f16da6b3d9e633e4ce70e8654925df86a901074', role: "none", hidden: true, id: this._selectId, tabIndex: -1, ref: (el) => {
+                : this.variant, "data-required": getBooleanAsString(this.required, "required"), "data-hide-asterisk": getHideProp(this.showRequiredAsterisk), "data-placement": this.placement, "data-selected-type": this.multiple ? this.selectedType : "text", "data-hide-label": getHideProp(this.showLabel), "data-icon": this.icon, "data-show-icon": getBooleanAsString(this.showIcon, "showIcon") }, h("label", { key: 'b03e2a77f30db9e04582dfc0436ea7a01fa76630', id: this._labelId }, (_a = this.label) !== null && _a !== void 0 ? _a : DEFAULT_LABEL, h("select", { key: '9199d84585ab6ab4ba2d5301abcc9b04167af19a', role: "none", hidden: true, id: this._selectId, tabIndex: -1, ref: (el) => {
                 this.selectRef = el;
             }, form: this.form, name: this.name, "data-custom-validity": this._validity, multiple: getBoolean(this.multiple, "multiple"), disabled: getBoolean(this.disabled, "disabled"), required: getBoolean(this.required, "required"), onChange: (event) => this.satisfyReact(event) }, ((_b = this.options) === null || _b === void 0 ? void 0 : _b.length)
             ? (_c = this.options) === null || _c === void 0 ? void 0 : _c.map((option) => (h("option", { disabled: option.disabled, value: option.value, key: undefined }, this.getOptionLabel(option))))
-            : null)), h("details", { key: '6a88c236898236ee539bced6fa3b3918be8f693d', ref: (el) => {
+            : null)), h("details", { key: '51d1fa7a7babfe3186626426ba24d0d9e3f1dc37', ref: (el) => {
                 this.detailsRef = el;
-            }, open: this.open, onToggle: (event) => this.handleDropdownToggle(event), onKeyDown: (event) => this.handleKeyboardPress(event) }, h("slot", { key: 'c9dd3e30dd094da51de1b2064749a211fef6eb36' }), this.options ? (h(Fragment, null, h("summary", { class: "db-custom-select-form-field", id: this._summaryId, "aria-disabled": getBooleanAsString(this.disabled, "disabled"), tabIndex: this.disabled ? -1 : undefined, "aria-labelledby": this._labelId }, ((_d = this._selectedLabels) === null || _d === void 0 ? void 0 : _d.length) ? (h("span", { "data-visually-hidden": getBooleanAsString(this.selectedType === "tag", "selectedType"), id: this._selectedLabelsId }, this.selectedPrefix ? (h("span", { "data-visually-hidden": "true" }, this.selectedPrefix)) : null, this._selectedLabels)) : null, this.selectedType === "tag" ? (h("div", null, (_e = this._selectedOptions) === null || _e === void 0 ? void 0 : _e.map((option) => (h("db-tag", { emphasis: "strong", behavior: "removable", removeButton: this.getTagRemoveLabel(option), onRemove: (event) => this.handleTagRemove(option, event), key: undefined }, this.getOptionLabel(option)))))) : null), h("db-custom-select-dropdown", { width: this.dropdownWidth }, this.searchEnabled ? (h("div", null, h("db-input", { type: "search", ref: (el) => {
+            }, open: this.open, onToggle: (event) => this.handleDropdownToggle(event), onKeyDown: (event) => this.handleKeyboardPress(event) }, h("slot", { key: '43e42b641ff32aaebb69f19e18aa691aa45d51bb' }), this.options ? (h(Fragment, null, h("summary", { class: "db-custom-select-form-field", id: this._summaryId, "aria-disabled": getBooleanAsString(this.disabled, "disabled"), tabIndex: this.disabled ? -1 : undefined, "aria-labelledby": this._labelId }, ((_d = this._selectedLabels) === null || _d === void 0 ? void 0 : _d.length) ? (h("span", { "data-visually-hidden": getBooleanAsString(this.selectedType === "tag", "selectedType"), id: this._selectedLabelsId }, this.selectedPrefix ? (h("span", { "data-visually-hidden": "true" }, this.selectedPrefix)) : null, this._selectedLabels)) : null, this.selectedType === "tag" ? (h("div", null, (_e = this._selectedOptions) === null || _e === void 0 ? void 0 : _e.map((option) => (h("db-tag", { emphasis: "strong", behavior: "removable", removeButton: this.getTagRemoveLabel(option), onRemove: (event) => this.handleTagRemove(option, event), key: undefined }, this.getOptionLabel(option)))))) : null), h("db-custom-select-dropdown", { width: this.dropdownWidth }, this.searchEnabled ? (h("div", null, h("db-input", { type: "search", ref: (el) => {
                 this.searchInputRef = el;
             }, name: this._id, form: this._id, showLabel: false, value: this._searchValue, label: (_f = this.searchLabel) !== null && _f !== void 0 ? _f : DEFAULT_LABEL, placeholder: (_g = this.searchPlaceholder) !== null && _g !== void 0 ? _g : this.searchLabel, ariaDescribedBy: this._hasNoOptions || this.showLoading
                 ? this._infoTextId
@@ -860,7 +876,7 @@ export class DBCustomSelect {
                 this.selectAllRef = el;
             }, form: this._id, checked: this.selectAllChecked, onChange: (event) => this.handleSelectAll(event) }), this.getSelectAllLabel())))) : null, h("db-custom-select-list", { multiple: getBoolean(this.multiple, "multiple"), label: (_k = (_j = this.listLabel) !== null && _j !== void 0 ? _j : this.label) !== null && _k !== void 0 ? _k : DEFAULT_LABEL }, (_l = this._options) === null || _l === void 0 ? void 0 : _l.map((option) => (h("db-custom-select-list-item", { type: this.multiple ? "checkbox" : "radio", showDivider: option.showDivider, icon: option.icon, isGroupTitle: option.isGroupTitle, groupTitle: this.getOptionLabel(option), name: this._id, checked: this.getOptionChecked(option.value), disabled: option.disabled, value: option.value, onChange: () => this.handleSelect(option.value), key: undefined }, !option.isGroupTitle
             ? this.getOptionLabel(option)
-            : null)))))), h("div", null, h("db-button", { variant: "ghost", width: "full", icon: "cross", size: "small", name: this._id, form: this._id, onClick: () => this.handleClose(undefined, true) }, (_m = this.mobileCloseButtonText) !== null && _m !== void 0 ? _m : DEFAULT_CLOSE_BUTTON))))) : null), ((_o = this.showClearSelection) !== null && _o !== void 0 ? _o : true) && ((_p = this._values) === null || _p === void 0 ? void 0 : _p.length) ? (h("db-button", { icon: "cross", variant: "ghost", size: "small", noText: true, name: this._id, form: this._id, disabled: getBoolean(this.disabled, "disabled"), onClick: (event) => this.handleClearAll(event) }, this.clearSelectionText, h("db-tooltip", { placement: "top" }, this.clearSelectionText))) : null, h("span", { key: '3210abcd9df6f8232346aa78def9e3bd078f35db', class: "db-custom-select-placeholder", "aria-hidden": "true", id: this._placeholderId }, (_q = this.placeholder) !== null && _q !== void 0 ? _q : this.label), stringPropVisible(this.message, this.showMessage) ? (h("db-infotext", { size: "small", icon: this.messageIcon, id: this._messageId }, this.message)) : null, this.hasValidState() ? (h("db-infotext", { size: "small", semantic: "successful", id: this._validMessageId }, this.validMessage || DEFAULT_VALID_MESSAGE)) : null, h("db-infotext", { key: 'a552df2b93f899230e80623e2014691e411c3b40', size: "small", semantic: "critical", id: this._invalidMessageId }, this._invalidMessage), h("span", { key: 'b29045acf1f702b90b434dc4aa9d589c0c6c57f5', "data-visually-hidden": "true", role: "status" }, this._voiceOverFallback)));
+            : null)))))), h("div", null, h("db-button", { variant: "ghost", width: "full", icon: "cross", size: "small", name: this._id, form: this._id, onClick: () => this.handleClose(undefined, true) }, (_m = this.mobileCloseButtonText) !== null && _m !== void 0 ? _m : DEFAULT_CLOSE_BUTTON))))) : null), ((_o = this.showClearSelection) !== null && _o !== void 0 ? _o : true) && ((_p = this._values) === null || _p === void 0 ? void 0 : _p.length) ? (h("db-button", { icon: "cross", variant: "ghost", size: "small", noText: true, name: this._id, form: this._id, disabled: getBoolean(this.disabled, "disabled"), onClick: (event) => this.handleClearAll(event) }, this.clearSelectionText, h("db-tooltip", { placement: "top" }, this.clearSelectionText))) : null, h("span", { key: 'be8bfd29257ff0a1704521328ca89859aa90316c', class: "db-custom-select-placeholder", "aria-hidden": "true", id: this._placeholderId }, (_q = this.placeholder) !== null && _q !== void 0 ? _q : this.label), stringPropVisible(this.message, this.showMessage) ? (h("db-infotext", { size: "small", icon: this.messageIcon, id: this._messageId }, this.message)) : null, this.hasValidState() ? (h("db-infotext", { size: "small", semantic: "successful", id: this._validMessageId }, this.validMessage || DEFAULT_VALID_MESSAGE)) : null, h("db-infotext", { key: '2f4a7d001908b0d869a6e0a791ff5850e4424973', size: "small", semantic: "critical", id: this._invalidMessageId }, this._invalidMessage), h("span", { key: 'fbf4b18e031650164d4fda62c2a94fe14b753f9b', "data-visually-hidden": "true", role: "status" }, this._voiceOverFallback)));
     }
     static get is() { return "db-custom-select"; }
     static get properties() {
@@ -2160,7 +2176,8 @@ export class DBCustomSelect {
             "_documentClickListenerCallbackId": {},
             "_internalChangeTimestamp": {},
             "_documentScrollListenerCallbackId": {},
-            "_observer": {},
+            "_intersectionObserverCallbackId": {},
+            "_resizeObserverCallbackId": {},
             "_searchValue": {},
             "selectAllChecked": {},
             "selectAllIndeterminate": {},

package/dist/collection/components/popover/popover.js

@@ -1,6 +1,8 @@
 import { cls, getBooleanAsString, delay as utilsDelay } from "../../utils/index.js";
 import { DocumentScrollListener } from "../../utils/document-scroll-listener.js";
 import { handleFixedPopover } from "../../utils/floating-components.js";
+import { IntersectionObserverListener } from "../../utils/intersection-observer-listener.js";
+import { ResizeObserverListener } from "../../utils/resize-observer-listener.js";
 import { h } from "@stencil/core";
 /**
  * @slot children - This is a default/unnamed slot
@@ -11,7 +13,8 @@ export class DBPopover {
         this.initialized = false;
         this.isExpanded = false;
         this._documentScrollListenerCallbackId = undefined;
-        this._observer = undefined;
+        this._intersectionObserverCallbackId = undefined;
+        this._resizeObserverCallbackId = undefined;
         this.observer = undefined;
     }
     handleEscape(event) {
@@ -29,8 +32,7 @@ export class DBPopover {
         if (article) {
             // This is a workaround for angular
             void utilsDelay(() => {
-                var _a;
-                handleFixedPopover(article, this._ref, (_a = this.placement) !== null && _a !== void 0 ? _a : "bottom");
+                handleFixedPopover(article, this._ref);
             }, 1);
         }
     }
@@ -41,18 +43,35 @@ export class DBPopover {
         }
     }
     handleEnter() {
-        var _a;
         this.isExpanded = true;
+        // Clean up any existing observers to prevent leaks from repeated enter
+        if (this._documentScrollListenerCallbackId) {
+            new DocumentScrollListener().removeCallback(this._documentScrollListenerCallbackId);
+            this._documentScrollListenerCallbackId = undefined;
+        }
+        if (this._resizeObserverCallbackId) {
+            new ResizeObserverListener().unobserve(this._resizeObserverCallbackId);
+            this._resizeObserverCallbackId = undefined;
+        }
+        if (this._intersectionObserverCallbackId) {
+            new IntersectionObserverListener().unobserve(this._intersectionObserverCallbackId);
+            this._intersectionObserverCallbackId = undefined;
+        }
         this._documentScrollListenerCallbackId =
             new DocumentScrollListener().addCallback((event) => this.handleDocumentScroll(event));
         this.handleAutoPlacement();
+        this._resizeObserverCallbackId = new ResizeObserverListener().observe(document.documentElement, () => this.handleAutoPlacement());
         const child = this.getTrigger();
         if (child) {
-            (_a = this._observer) === null || _a === void 0 ? void 0 : _a.observe(child);
+            this._intersectionObserverCallbackId =
+                new IntersectionObserverListener().observe(child, (entry) => {
+                    if (!entry.isIntersecting) {
+                        this.handleEscape(false);
+                    }
+                });
         }
     }
     handleLeave(event) {
-        var _a;
         const element = event === null || event === void 0 ? void 0 : event.target;
         const parent = element === null || element === void 0 ? void 0 : element.parentNode;
         if (!parent ||
@@ -62,10 +81,15 @@ export class DBPopover {
             this.isExpanded = false;
             if (this._documentScrollListenerCallbackId) {
                 new DocumentScrollListener().removeCallback(this._documentScrollListenerCallbackId);
+                this._documentScrollListenerCallbackId = undefined;
             }
-            const child = this.getTrigger();
-            if (child) {
-                (_a = this._observer) === null || _a === void 0 ? void 0 : _a.unobserve(child);
+            if (this._resizeObserverCallbackId) {
+                new ResizeObserverListener().unobserve(this._resizeObserverCallbackId);
+                this._resizeObserverCallbackId = undefined;
+            }
+            if (this._intersectionObserverCallbackId) {
+                new IntersectionObserverListener().unobserve(this._intersectionObserverCallbackId);
+                this._intersectionObserverCallbackId = undefined;
             }
         }
     }
@@ -164,14 +188,6 @@ export class DBPopover {
             ["mouseleave", "focusout"].forEach((event) => {
                 this._ref.addEventListener(event, () => this.handleLeave());
             });
-            if (typeof window !== "undefined" && "IntersectionObserver" in window) {
-                this._observer = new IntersectionObserver((payload) => {
-                    const entry = payload.find(({ target }) => target === this.getTrigger());
-                    if (entry && !entry.isIntersecting) {
-                        this.handleEscape(false);
-                    }
-                });
-            }
         }
     }
     watch0() {
@@ -209,43 +225,29 @@ export class DBPopover {
     }
     disconnectedCallback() {
         var _a;
+        if (this._documentScrollListenerCallbackId) {
+            new DocumentScrollListener().removeCallback(this._documentScrollListenerCallbackId);
+            this._documentScrollListenerCallbackId = undefined;
+        }
+        if (this._resizeObserverCallbackId) {
+            new ResizeObserverListener().unobserve(this._resizeObserverCallbackId);
+            this._resizeObserverCallbackId = undefined;
+        }
+        if (this._intersectionObserverCallbackId) {
+            new IntersectionObserverListener().unobserve(this._intersectionObserverCallbackId);
+            this._intersectionObserverCallbackId = undefined;
+        }
         (_a = this.observer) === null || _a === void 0 ? void 0 : _a.disconnect();
     }
     render() {
         var _a, _b, _c;
-        return (h("div", { key: '6c495cb9c8f329dd2cf07bfc55b56eb9aa524fb9', class: cls("db-popover", this.className), ref: (el) => {
+        return (h("div", { key: '124a7610347af23e253e44d6dd375bee39497aee', class: cls("db-popover", this.className), ref: (el) => {
                 this._ref = el;
-            }, id: (_a = this.id) !== null && _a !== void 0 ? _a : (_b = this.propOverrides) === null || _b === void 0 ? void 0 : _b.id }, h("slot", { key: 'f74be440cae4d35f76ff2899bae864fc9e3e5c8a', name: "trigger" }), h("article", { key: 'efec32b56bf7267aed0f0723306398f9e5f66c75', class: "db-popover-content", "data-spacing": this.spacing, "data-gap": getBooleanAsString(this.gap, "gap"), "data-animation": getBooleanAsString((_c = this.animation) !== null && _c !== void 0 ? _c : true, "animation"), "data-open": getBooleanAsString(this.open, "open"), "data-delay": this.delay, "data-width": this.width, "data-placement": this.placement }, h("slot", { key: '2a1957f512ad0c9eca6e9e5f50721dda1ce56cf3' }))));
+            }, id: (_a = this.id) !== null && _a !== void 0 ? _a : (_b = this.propOverrides) === null || _b === void 0 ? void 0 : _b.id }, h("slot", { key: '991ca1af404118228b483944a0bed68e8309afee', name: "trigger" }), h("article", { key: '1cafb0e20aa5bab2a5dd324f86ef20f1cde09239', class: "db-popover-content", "data-spacing": this.spacing, "data-gap": getBooleanAsString(this.gap, "gap"), "data-animation": getBooleanAsString((_c = this.animation) !== null && _c !== void 0 ? _c : true, "animation"), "data-open": getBooleanAsString(this.open, "open"), "data-delay": this.delay, "data-width": this.width, "data-placement": this.placement }, h("slot", { key: '0f53e6ebb0eb04ddc766d116cf4fc7f4a37516b1' }))));
     }
     static get is() { return "db-popover"; }
     static get properties() {
         return {
-            "placement": {
-                "type": "string",
-                "mutable": false,
-                "complexType": {
-                    "original": "DBPopoverProps[\"placement\"]",
-                    "resolved": "\"bottom\" | \"bottom-end\" | \"bottom-start\" | \"left\" | \"left-end\" | \"left-start\" | \"right\" | \"right-end\" | \"right-start\" | \"top\" | \"top-end\" | \"top-start\"",
-                    "references": {
-                        "DBPopoverProps": {
-                            "location": "import",
-                            "path": "./model.js",
-                            "id": "src/components/popover/model.ts::DBPopoverProps",
-                            "referenceLocation": "DBPopoverProps"
-                        }
-                    }
-                },
-                "required": false,
-                "optional": false,
-                "docs": {
-                    "tags": [],
-                    "text": ""
-                },
-                "getter": false,
-                "setter": false,
-                "reflect": false,
-                "attribute": "placement"
-            },
             "id": {
                 "type": "string",
                 "mutable": false,
@@ -477,6 +479,32 @@ export class DBPopover {
                 "setter": false,
                 "reflect": false,
                 "attribute": "width"
+            },
+            "placement": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "DBPopoverProps[\"placement\"]",
+                    "resolved": "\"bottom\" | \"bottom-end\" | \"bottom-start\" | \"left\" | \"left-end\" | \"left-start\" | \"right\" | \"right-end\" | \"right-start\" | \"top\" | \"top-end\" | \"top-start\"",
+                    "references": {
+                        "DBPopoverProps": {
+                            "location": "import",
+                            "path": "./model.js",
+                            "id": "src/components/popover/model.ts::DBPopoverProps",
+                            "referenceLocation": "DBPopoverProps"
+                        }
+                    }
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": false,
+                "attribute": "placement"
             }
         };
     }
@@ -485,7 +513,8 @@ export class DBPopover {
             "initialized": {},
             "isExpanded": {},
             "_documentScrollListenerCallbackId": {},
-            "_observer": {},
+            "_intersectionObserverCallbackId": {},
+            "_resizeObserverCallbackId": {},
             "observer": {}
         };
     }