npm - @db-ux/wc-core-components - Versions diffs - 4.2.0 → 4.2.2 - Mend

@db-ux/wc-core-components 4.2.0 → 4.2.2

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (179) hide show

package/dist/cjs/loader.cjs.js CHANGED Viewed

@@ -1,12 +1,12 @@
 'use strict';
-var index = require('./index-C6rF_KRf.js');
+var index = require('./index-Db5RdCbB.js');
 var appGlobals = require('./app-globals-V2Kpy_OQ.js');
 const defineCustomElements = async (win, options) => {
   if (typeof window === 'undefined') return undefined;
   await appGlobals.globalScripts();
-  return index.bootstrapLazy(JSON.parse("[[\"db-custom-select.cjs\",[[260,\"db-custom-select\",{\"id\":[1],\"invalidMessage\":[1,\"invalid-message\"],\"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]},null,{\"detailsRef\":[\"watch0\",\"watch2\"],\"_id\":[\"watch1\"],\"_descByIds\":[\"watch2\"],\"showNoResults\":[\"watch3\"],\"showLoading\":[\"watch3\"],\"_options\":[\"watch3\"],\"showSelectAll\":[\"watch4\"],\"amountOptions\":[\"watch4\",\"watch5\",\"watch10\"],\"multiple\":[\"watch4\"],\"showSearch\":[\"watch5\"],\"values\":[\"watch6\"],\"_values\":[\"watch7\",\"watch10\",\"watch13\"],\"selectRef\":[\"watch7\",\"watch8\",\"watch17\"],\"validation\":[\"watch9\"],\"options\":[\"watch11\",\"watch13\"],\"searchValue\":[\"watch12\"],\"_selectedOptions\":[\"watch14\",\"watch15\"],\"selectedType\":[\"watch14\"],\"amountText\":[\"watch14\"],\"selectedLabels\":[\"watch14\"],\"transformSelectedLabels\":[\"watch14\"],\"selectAllIndeterminate\":[\"watch16\"],\"selectAllRef\":[\"watch16\"],\"invalidMessage\":[\"watch17\"]}]]],[\"db-tabs.cjs\",[[260,\"db-tabs\",{\"id\":[1],\"name\":[1],\"tabs\":[1],\"arrowScrollDistance\":[8,\"arrow-scroll-distance\"],\"orientation\":[1],\"behavior\":[1],\"initialSelectedMode\":[1,\"initial-selected-mode\"],\"initialSelectedIndex\":[8,\"initial-selected-index\"],\"className\":[1,\"classname\"],\"alignment\":[1],\"width\":[1],\"_id\":[32],\"_name\":[32],\"initialized\":[32],\"showScrollLeft\":[32],\"showScrollRight\":[32],\"scrollContainer\":[32],\"_resizeObserver\":[32]},null,{\"_ref\":[\"watch0\"],\"initialized\":[\"watch0\"]}]]],[\"db-header.cjs\",[[260,\"db-header\",{\"forceMobile\":[8,\"force-mobile\"],\"drawerOpen\":[8,\"drawer-open\"],\"className\":[1,\"classname\"],\"id\":[1],\"width\":[1],\"closeButtonId\":[1,\"close-button-id\"],\"closeButtonText\":[1,\"close-button-text\"],\"burgerMenuLabel\":[1,\"burger-menu-label\"],\"initialized\":[32],\"forcedToMobile\":[32]},null,{\"initialized\":[\"watch0\"],\"_ref\":[\"watch0\"]}]]],[\"db-accordion.cjs\",[[260,\"db-accordion\",{\"id\":[1],\"name\":[1],\"behavior\":[1],\"initOpenIndex\":[16],\"items\":[1],\"className\":[1,\"classname\"],\"variant\":[1],\"_id\":[32],\"_name\":[32],\"initialized\":[32],\"_initOpenIndexDone\":[32]},null,{\"initialized\":[\"watch0\"],\"name\":[\"watch0\"],\"behavior\":[\"watch0\"],\"_id\":[\"watch0\"],\"_ref\":[\"watch1\",\"watch2\"],\"_name\":[\"watch1\"],\"_initOpenIndexDone\":[\"watch2\"],\"initOpenIndex\":[\"watch2\"]}]]],[\"db-checkbox.cjs\",[[260,\"db-checkbox\",{\"id\":[1],\"invalidMessage\":[1,\"invalid-message\"],\"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]},null,{\"_ref\":[\"watch0\",\"watch2\",\"watch3\",\"watch4\"],\"invalidMessage\":[\"watch0\"],\"_id\":[\"watch1\"],\"initialized\":[\"watch2\",\"watch3\"],\"indeterminate\":[\"watch2\"],\"checked\":[\"watch3\"]}]]],[\"db-navigation-item.cjs\",[[260,\"db-navigation-item\",{\"subNavigationExpanded\":[8,\"sub-navigation-expanded\"],\"id\":[1],\"className\":[1,\"classname\"],\"width\":[1],\"icon\":[1],\"showIcon\":[8,\"show-icon\"],\"active\":[4],\"wrap\":[8],\"disabled\":[8],\"text\":[1],\"backButtonId\":[1,\"back-button-id\"],\"backButtonText\":[1,\"back-button-text\"],\"initialized\":[32],\"hasAreaPopup\":[32],\"hasSubNavigation\":[32],\"isSubNavigationExpanded\":[32],\"autoClose\":[32],\"subNavigationId\":[32],\"navigationItemSafeTriangle\":[32]},null,{\"subNavigationExpanded\":[\"watch0\"],\"initialized\":[\"watch1\"],\"_ref\":[\"watch1\"]}]]],[\"db-notification.cjs\",[[260,\"db-notification\",{\"id\":[1],\"className\":[1,\"classname\"],\"ariaLive\":[1,\"aria-live\"],\"semantic\":[1],\"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\"],\"closeable\":[8],\"closeButtonId\":[1,\"close-button-id\"],\"closeButtonText\":[1,\"close-button-text\"]}]]],[\"db-select.cjs\",[[260,\"db-select\",{\"id\":[1],\"invalidMessage\":[1,\"invalid-message\"],\"message\":[1],\"showMessage\":[8,\"show-message\"],\"placeholder\":[1],\"value\":[8],\"validMessage\":[1,\"valid-message\"],\"validation\":[1],\"required\":[8],\"className\":[1,\"classname\"],\"variant\":[1],\"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]},null,{\"_ref\":[\"watch0\",\"watch3\"],\"invalidMessage\":[\"watch0\"],\"_id\":[\"watch1\"],\"initialized\":[\"watch1\"],\"value\":[\"watch2\"]}]]],[\"db-switch.cjs\",[[260,\"db-switch\",{\"id\":[1],\"validation\":[1],\"required\":[8],\"message\":[1],\"showMessage\":[8,\"show-message\"],\"validMessage\":[1,\"valid-message\"],\"invalidMessage\":[1,\"invalid-message\"],\"checked\":[8],\"visualAid\":[8,\"visual-aid\"],\"size\":[1],\"showLabel\":[8,\"show-label\"],\"variant\":[16],\"showRequiredAsterisk\":[8,\"show-required-asterisk\"],\"className\":[1,\"classname\"],\"value\":[8],\"disabled\":[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]},null,{\"validation\":[\"watch0\"],\"required\":[\"watch0\"],\"message\":[\"watch0\"],\"showMessage\":[\"watch0\"],\"validMessage\":[\"watch0\"],\"invalidMessage\":[\"watch0\"],\"checked\":[\"watch0\"],\"_ref\":[\"watch1\"]}]]],[\"db-textarea.cjs\",[[256,\"db-textarea\",{\"id\":[1],\"invalidMessage\":[1,\"invalid-message\"],\"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]},null,{\"_ref\":[\"watch0\",\"watch3\"],\"invalidMessage\":[\"watch0\"],\"_id\":[\"watch1\"],\"value\":[\"watch2\"]}]]],[\"db-badge.cjs\",[[260,\"db-badge\",{\"placement\":[1],\"id\":[1],\"className\":[1,\"classname\"],\"semantic\":[1],\"size\":[1],\"emphasis\":[1],\"label\":[1],\"text\":[1],\"initialized\":[32]},null,{\"_ref\":[\"watch0\"],\"initialized\":[\"watch0\"]}]]],[\"db-brand.cjs\",[[260,\"db-brand\",{\"hideLogo\":[4,\"hide-logo\"],\"icon\":[1],\"showIcon\":[8,\"show-icon\"],\"id\":[1],\"className\":[1,\"classname\"],\"text\":[1]}]]],[\"db-card.cjs\",[[260,\"db-card\",{\"id\":[1],\"className\":[1,\"classname\"],\"behavior\":[1],\"elevationLevel\":[1,\"elevation-level\"],\"spacing\":[1]}]]],[\"db-custom-select-form-field.cjs\",[[260,\"db-custom-select-form-field\",{\"id\":[1],\"className\":[1,\"classname\"]}]]],[\"db-divider.cjs\",[[256,\"db-divider\",{\"id\":[1],\"margin\":[1],\"variant\":[1],\"emphasis\":[1],\"width\":[1],\"className\":[1,\"classname\"]}]]],[\"db-icon.cjs\",[[260,\"db-icon\",{\"id\":[1],\"className\":[1,\"classname\"],\"icon\":[1],\"weight\":[1],\"variant\":[1],\"text\":[1]}]]],[\"db-link.cjs\",[[260,\"db-link\",{\"id\":[1],\"className\":[1,\"classname\"],\"href\":[1],\"target\":[1],\"rel\":[1],\"role\":[1],\"hreflang\":[1],\"disabled\":[8],\"size\":[1],\"showIcon\":[8,\"show-icon\"],\"variant\":[1],\"content\":[1],\"wrap\":[8],\"text\":[1]}]]],[\"db-navigation.cjs\",[[260,\"db-navigation\",{\"id\":[1],\"className\":[1,\"classname\"],\"_id\":[32]}]]],[\"db-page.cjs\",[[260,\"db-page\",{\"fadeIn\":[8,\"fade-in\"],\"documentOverflow\":[1,\"document-overflow\"],\"variant\":[1],\"id\":[1],\"className\":[1,\"classname\"],\"mainClass\":[1,\"main-class\"],\"fontsLoaded\":[32]}]]],[\"db-popover.cjs\",[[260,\"db-popover\",{\"placement\":[1],\"id\":[1],\"className\":[1,\"classname\"],\"spacing\":[1],\"gap\":[8],\"animation\":[8],\"open\":[8],\"delay\":[1],\"width\":[1],\"initialized\":[32],\"isExpanded\":[32],\"_documentScrollListenerCallbackId\":[32],\"_observer\":[32]},null,{\"_ref\":[\"watch0\",\"watch1\"],\"initialized\":[\"watch0\"],\"isExpanded\":[\"watch1\"]}]]],[\"db-radio.cjs\",[[260,\"db-radio\",{\"id\":[1],\"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]},null,{\"initialized\":[\"watch0\"],\"_ref\":[\"watch0\",\"watch1\"],\"checked\":[\"watch0\"]}]]],[\"db-section.cjs\",[[260,\"db-section\",{\"id\":[1],\"className\":[1,\"classname\"],\"spacing\":[1],\"width\":[1],\"_id\":[32]}]]],[\"db-stack.cjs\",[[260,\"db-stack\",{\"id\":[1],\"className\":[1,\"classname\"],\"gap\":[1],\"variant\":[1],\"direction\":[1],\"alignment\":[1],\"justifyContent\":[1,\"justify-content\"],\"wrap\":[8]}]]],[\"db-drawer.cjs\",[[260,\"db-drawer\",{\"open\":[8],\"position\":[1],\"backdrop\":[1],\"variant\":[1],\"id\":[1],\"direction\":[1],\"className\":[1,\"classname\"],\"spacing\":[1],\"width\":[1],\"rounded\":[8],\"closeButtonId\":[1,\"close-button-id\"],\"closeButtonText\":[1,\"close-button-text\"],\"initialized\":[32]},null,{\"open\":[\"watch0\"],\"_ref\":[\"watch1\"],\"initialized\":[\"watch1\"],\"position\":[\"watch1\"]}]]],[\"db-accordion-item.cjs\",[[260,\"db-accordion-item\",{\"id\":[1],\"defaultOpen\":[4,\"default-open\"],\"name\":[1],\"className\":[1,\"classname\"],\"disabled\":[8],\"headlinePlain\":[1,\"headline-plain\"],\"text\":[1],\"_id\":[32],\"_open\":[32],\"_name\":[32],\"initialized\":[32]},null,{\"_ref\":[\"watch0\"],\"initialized\":[\"watch0\"],\"name\":[\"watch1\"]}]]],[\"db-tooltip.cjs\",[[260,\"db-tooltip\",{\"id\":[1],\"variant\":[1],\"placement\":[1],\"className\":[1,\"classname\"],\"emphasis\":[1],\"animation\":[8],\"delay\":[1],\"width\":[1],\"showArrow\":[8,\"show-arrow\"],\"_id\":[32],\"initialized\":[32],\"_documentScrollListenerCallbackId\":[32],\"_observer\":[32]},null,{\"_ref\":[\"watch0\"],\"initialized\":[\"watch0\"]}]]],[\"db-tab-item_3.cjs\",[[260,\"db-tab-item\",{\"active\":[8],\"name\":[1],\"className\":[1,\"classname\"],\"id\":[1],\"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]},null,{\"_ref\":[\"watch0\"],\"initialized\":[\"watch0\"],\"name\":[\"watch1\"]}],[260,\"db-tab-list\",{\"id\":[1],\"className\":[1,\"classname\"],\"_id\":[32]}],[260,\"db-tab-panel\",{\"className\":[1,\"classname\"],\"id\":[1],\"content\":[1]}]]],[\"db-custom-select-dropdown_5.cjs\",[[260,\"db-input\",{\"id\":[1],\"invalidMessage\":[1,\"invalid-message\"],\"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],\"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]},null,{\"_ref\":[\"watch0\",\"watch3\"],\"invalidMessage\":[\"watch0\"],\"_id\":[\"watch1\"],\"value\":[\"watch2\"]}],[260,\"db-tag\",{\"removeButton\":[1,\"remove-button\"],\"id\":[1],\"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]}],[260,\"db-custom-select-dropdown\",{\"id\":[1],\"className\":[1,\"classname\"],\"width\":[1]}],[260,\"db-custom-select-list\",{\"multiple\":[4],\"label\":[1],\"id\":[1],\"className\":[1,\"classname\"]}],[260,\"db-custom-select-list-item\",{\"id\":[1],\"isGroupTitle\":[4,\"is-group-title\"],\"showDivider\":[4,\"show-divider\"],\"type\":[1],\"checked\":[8],\"className\":[1,\"classname\"],\"groupTitle\":[1,\"group-title\"],\"icon\":[1],\"showIcon\":[8,\"show-icon\"],\"name\":[1],\"disabled\":[8],\"value\":[8],\"label\":[1],\"_id\":[32],\"hasDivider\":[32]},null,{\"isGroupTitle\":[\"watch0\"],\"showDivider\":[\"watch0\"]}]]],[\"db-button.cjs\",[[260,\"db-button\",{\"type\":[1],\"id\":[1],\"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],\"noText\":[8,\"no-text\"],\"name\":[1],\"form\":[1],\"value\":[1],\"text\":[1]}]]],[\"db-infotext.cjs\",[[260,\"db-infotext\",{\"id\":[1],\"className\":[1,\"classname\"],\"icon\":[1],\"semantic\":[1],\"size\":[1],\"showIcon\":[8,\"show-icon\"],\"text\":[1]}]]]]"), options);
+  return index.bootstrapLazy(JSON.parse("[[\"db-custom-select.cjs\",[[260,\"db-custom-select\",{\"id\":[1],\"invalidMessage\":[1,\"invalid-message\"],\"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]},null,{\"detailsRef\":[\"watch0\",\"watch2\"],\"_id\":[\"watch1\"],\"_descByIds\":[\"watch2\"],\"showNoResults\":[\"watch3\"],\"showLoading\":[\"watch3\"],\"_options\":[\"watch3\"],\"showSelectAll\":[\"watch4\"],\"amountOptions\":[\"watch4\",\"watch5\",\"watch10\"],\"multiple\":[\"watch4\"],\"showSearch\":[\"watch5\"],\"values\":[\"watch6\"],\"_values\":[\"watch7\",\"watch10\",\"watch13\"],\"selectRef\":[\"watch7\",\"watch8\",\"watch17\"],\"validation\":[\"watch9\"],\"options\":[\"watch11\",\"watch13\"],\"searchValue\":[\"watch12\"],\"_selectedOptions\":[\"watch14\",\"watch15\"],\"selectedType\":[\"watch14\"],\"amountText\":[\"watch14\"],\"selectedLabels\":[\"watch14\"],\"transformSelectedLabels\":[\"watch14\"],\"selectAllIndeterminate\":[\"watch16\"],\"selectAllRef\":[\"watch16\"],\"invalidMessage\":[\"watch17\"]}]]],[\"db-tabs.cjs\",[[260,\"db-tabs\",{\"id\":[1],\"name\":[1],\"tabs\":[1],\"arrowScrollDistance\":[8,\"arrow-scroll-distance\"],\"orientation\":[1],\"behavior\":[1],\"initialSelectedMode\":[1,\"initial-selected-mode\"],\"initialSelectedIndex\":[8,\"initial-selected-index\"],\"className\":[1,\"classname\"],\"alignment\":[1],\"width\":[1],\"_id\":[32],\"_name\":[32],\"initialized\":[32],\"showScrollLeft\":[32],\"showScrollRight\":[32],\"scrollContainer\":[32],\"_resizeObserver\":[32]},null,{\"_ref\":[\"watch0\"],\"initialized\":[\"watch0\"]}]]],[\"db-header.cjs\",[[260,\"db-header\",{\"forceMobile\":[8,\"force-mobile\"],\"drawerOpen\":[8,\"drawer-open\"],\"className\":[1,\"classname\"],\"id\":[1],\"width\":[1],\"closeButtonId\":[1,\"close-button-id\"],\"closeButtonText\":[1,\"close-button-text\"],\"burgerMenuLabel\":[1,\"burger-menu-label\"],\"initialized\":[32],\"forcedToMobile\":[32]},null,{\"initialized\":[\"watch0\"],\"_ref\":[\"watch0\"]}]]],[\"db-accordion.cjs\",[[260,\"db-accordion\",{\"id\":[1],\"name\":[1],\"behavior\":[1],\"initOpenIndex\":[16],\"items\":[1],\"className\":[1,\"classname\"],\"variant\":[1],\"_id\":[32],\"_name\":[32],\"initialized\":[32],\"_initOpenIndexDone\":[32]},null,{\"initialized\":[\"watch0\"],\"name\":[\"watch0\"],\"behavior\":[\"watch0\"],\"_id\":[\"watch0\"],\"_ref\":[\"watch1\",\"watch2\"],\"_name\":[\"watch1\"],\"_initOpenIndexDone\":[\"watch2\"],\"initOpenIndex\":[\"watch2\"]}]]],[\"db-checkbox.cjs\",[[260,\"db-checkbox\",{\"id\":[1],\"invalidMessage\":[1,\"invalid-message\"],\"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]},null,{\"_ref\":[\"watch0\",\"watch2\",\"watch3\",\"watch4\"],\"invalidMessage\":[\"watch0\"],\"_id\":[\"watch1\"],\"initialized\":[\"watch2\",\"watch3\"],\"indeterminate\":[\"watch2\"],\"checked\":[\"watch3\"]}]]],[\"db-navigation-item.cjs\",[[260,\"db-navigation-item\",{\"subNavigationExpanded\":[8,\"sub-navigation-expanded\"],\"id\":[1],\"className\":[1,\"classname\"],\"width\":[1],\"icon\":[1],\"showIcon\":[8,\"show-icon\"],\"active\":[4],\"wrap\":[8],\"disabled\":[8],\"text\":[1],\"backButtonId\":[1,\"back-button-id\"],\"backButtonText\":[1,\"back-button-text\"],\"initialized\":[32],\"hasAreaPopup\":[32],\"hasSubNavigation\":[32],\"isSubNavigationExpanded\":[32],\"autoClose\":[32],\"subNavigationId\":[32],\"navigationItemSafeTriangle\":[32]},null,{\"subNavigationExpanded\":[\"watch0\"],\"initialized\":[\"watch1\"],\"_ref\":[\"watch1\"]}]]],[\"db-notification.cjs\",[[260,\"db-notification\",{\"id\":[1],\"className\":[1,\"classname\"],\"ariaLive\":[1,\"aria-live\"],\"semantic\":[1],\"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\"],\"closeable\":[8],\"closeButtonId\":[1,\"close-button-id\"],\"closeButtonText\":[1,\"close-button-text\"]}]]],[\"db-select.cjs\",[[260,\"db-select\",{\"id\":[1],\"invalidMessage\":[1,\"invalid-message\"],\"message\":[1],\"showMessage\":[8,\"show-message\"],\"placeholder\":[1],\"value\":[8],\"validMessage\":[1,\"valid-message\"],\"validation\":[1],\"required\":[8],\"className\":[1,\"classname\"],\"variant\":[1],\"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]},null,{\"_ref\":[\"watch0\",\"watch3\"],\"invalidMessage\":[\"watch0\"],\"_id\":[\"watch1\"],\"initialized\":[\"watch1\"],\"value\":[\"watch2\"]}]]],[\"db-switch.cjs\",[[260,\"db-switch\",{\"id\":[1],\"validation\":[1],\"required\":[8],\"message\":[1],\"showMessage\":[8,\"show-message\"],\"validMessage\":[1,\"valid-message\"],\"invalidMessage\":[1,\"invalid-message\"],\"checked\":[8],\"disabled\":[8],\"visualAid\":[8,\"visual-aid\"],\"size\":[1],\"showLabel\":[8,\"show-label\"],\"variant\":[16],\"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]},null,{\"validation\":[\"watch0\"],\"required\":[\"watch0\"],\"message\":[\"watch0\"],\"showMessage\":[\"watch0\"],\"validMessage\":[\"watch0\"],\"invalidMessage\":[\"watch0\"],\"checked\":[\"watch0\"],\"_ref\":[\"watch1\"]}]]],[\"db-textarea.cjs\",[[256,\"db-textarea\",{\"id\":[1],\"invalidMessage\":[1,\"invalid-message\"],\"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]},null,{\"_ref\":[\"watch0\",\"watch3\"],\"invalidMessage\":[\"watch0\"],\"_id\":[\"watch1\"],\"value\":[\"watch2\"]}]]],[\"db-badge.cjs\",[[260,\"db-badge\",{\"placement\":[1],\"id\":[1],\"className\":[1,\"classname\"],\"semantic\":[1],\"size\":[1],\"emphasis\":[1],\"label\":[1],\"text\":[1],\"initialized\":[32]},null,{\"_ref\":[\"watch0\"],\"initialized\":[\"watch0\"]}]]],[\"db-brand.cjs\",[[260,\"db-brand\",{\"hideLogo\":[4,\"hide-logo\"],\"icon\":[1],\"showIcon\":[8,\"show-icon\"],\"id\":[1],\"className\":[1,\"classname\"],\"text\":[1]}]]],[\"db-card.cjs\",[[260,\"db-card\",{\"id\":[1],\"className\":[1,\"classname\"],\"behavior\":[1],\"elevationLevel\":[1,\"elevation-level\"],\"spacing\":[1]}]]],[\"db-custom-select-form-field.cjs\",[[260,\"db-custom-select-form-field\",{\"id\":[1],\"className\":[1,\"classname\"]}]]],[\"db-divider.cjs\",[[256,\"db-divider\",{\"id\":[1],\"margin\":[1],\"variant\":[1],\"emphasis\":[1],\"width\":[1],\"className\":[1,\"classname\"]}]]],[\"db-icon.cjs\",[[260,\"db-icon\",{\"id\":[1],\"className\":[1,\"classname\"],\"icon\":[1],\"weight\":[1],\"variant\":[1],\"text\":[1]}]]],[\"db-link.cjs\",[[260,\"db-link\",{\"id\":[1],\"className\":[1,\"classname\"],\"href\":[1],\"target\":[1],\"rel\":[1],\"role\":[1],\"hreflang\":[1],\"disabled\":[8],\"size\":[1],\"showIcon\":[8,\"show-icon\"],\"variant\":[1],\"content\":[1],\"wrap\":[8],\"text\":[1]}]]],[\"db-navigation.cjs\",[[260,\"db-navigation\",{\"id\":[1],\"className\":[1,\"classname\"],\"_id\":[32]}]]],[\"db-page.cjs\",[[260,\"db-page\",{\"fadeIn\":[8,\"fade-in\"],\"documentOverflow\":[1,\"document-overflow\"],\"variant\":[1],\"id\":[1],\"className\":[1,\"classname\"],\"mainClass\":[1,\"main-class\"],\"fontsLoaded\":[32]}]]],[\"db-popover.cjs\",[[260,\"db-popover\",{\"placement\":[1],\"id\":[1],\"className\":[1,\"classname\"],\"spacing\":[1],\"gap\":[8],\"animation\":[8],\"open\":[8],\"delay\":[1],\"width\":[1],\"initialized\":[32],\"isExpanded\":[32],\"_documentScrollListenerCallbackId\":[32],\"_observer\":[32]},null,{\"_ref\":[\"watch0\",\"watch1\"],\"initialized\":[\"watch0\"],\"isExpanded\":[\"watch1\"]}]]],[\"db-radio.cjs\",[[260,\"db-radio\",{\"id\":[1],\"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]},null,{\"initialized\":[\"watch0\"],\"_ref\":[\"watch0\",\"watch1\"],\"checked\":[\"watch0\"]}]]],[\"db-section.cjs\",[[260,\"db-section\",{\"id\":[1],\"className\":[1,\"classname\"],\"spacing\":[1],\"width\":[1],\"_id\":[32]}]]],[\"db-stack.cjs\",[[260,\"db-stack\",{\"id\":[1],\"className\":[1,\"classname\"],\"gap\":[1],\"variant\":[1],\"direction\":[1],\"alignment\":[1],\"justifyContent\":[1,\"justify-content\"],\"wrap\":[8]}]]],[\"db-drawer.cjs\",[[260,\"db-drawer\",{\"open\":[8],\"position\":[1],\"backdrop\":[1],\"variant\":[1],\"id\":[1],\"direction\":[1],\"className\":[1,\"classname\"],\"spacing\":[1],\"width\":[1],\"rounded\":[8],\"closeButtonId\":[1,\"close-button-id\"],\"closeButtonText\":[1,\"close-button-text\"],\"initialized\":[32]},null,{\"open\":[\"watch0\"],\"_ref\":[\"watch1\"],\"initialized\":[\"watch1\"],\"position\":[\"watch1\"]}]]],[\"db-accordion-item.cjs\",[[260,\"db-accordion-item\",{\"id\":[1],\"defaultOpen\":[4,\"default-open\"],\"name\":[1],\"className\":[1,\"classname\"],\"disabled\":[8],\"headlinePlain\":[1,\"headline-plain\"],\"text\":[1],\"_id\":[32],\"_open\":[32],\"_name\":[32],\"initialized\":[32]},null,{\"_ref\":[\"watch0\"],\"initialized\":[\"watch0\"],\"name\":[\"watch1\"]}]]],[\"db-tooltip.cjs\",[[260,\"db-tooltip\",{\"id\":[1],\"variant\":[1],\"placement\":[1],\"className\":[1,\"classname\"],\"emphasis\":[1],\"animation\":[8],\"delay\":[1],\"width\":[1],\"showArrow\":[8,\"show-arrow\"],\"_id\":[32],\"initialized\":[32],\"_documentScrollListenerCallbackId\":[32],\"_observer\":[32]},null,{\"_ref\":[\"watch0\"],\"initialized\":[\"watch0\"]}]]],[\"db-tab-item_3.cjs\",[[260,\"db-tab-item\",{\"active\":[8],\"name\":[1],\"className\":[1,\"classname\"],\"id\":[1],\"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]},null,{\"_ref\":[\"watch0\"],\"initialized\":[\"watch0\"],\"boundSetSelectedOnChange\":[\"watch0\"],\"name\":[\"watch1\"]}],[260,\"db-tab-list\",{\"id\":[1],\"className\":[1,\"classname\"],\"_id\":[32]}],[260,\"db-tab-panel\",{\"className\":[1,\"classname\"],\"id\":[1],\"content\":[1]}]]],[\"db-custom-select-dropdown_5.cjs\",[[260,\"db-input\",{\"id\":[1],\"invalidMessage\":[1,\"invalid-message\"],\"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],\"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]},null,{\"_ref\":[\"watch0\",\"watch3\"],\"invalidMessage\":[\"watch0\"],\"_id\":[\"watch1\"],\"value\":[\"watch2\"]}],[260,\"db-tag\",{\"removeButton\":[1,\"remove-button\"],\"id\":[1],\"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]}],[260,\"db-custom-select-dropdown\",{\"id\":[1],\"className\":[1,\"classname\"],\"width\":[1]}],[260,\"db-custom-select-list\",{\"multiple\":[4],\"label\":[1],\"id\":[1],\"className\":[1,\"classname\"]}],[260,\"db-custom-select-list-item\",{\"id\":[1],\"isGroupTitle\":[4,\"is-group-title\"],\"showDivider\":[4,\"show-divider\"],\"type\":[1],\"checked\":[8],\"className\":[1,\"classname\"],\"groupTitle\":[1,\"group-title\"],\"icon\":[1],\"showIcon\":[8,\"show-icon\"],\"name\":[1],\"disabled\":[8],\"value\":[8],\"label\":[1],\"_id\":[32],\"hasDivider\":[32]},null,{\"isGroupTitle\":[\"watch0\"],\"showDivider\":[\"watch0\"]}]]],[\"db-button.cjs\",[[260,\"db-button\",{\"type\":[1],\"id\":[1],\"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],\"noText\":[8,\"no-text\"],\"name\":[1],\"form\":[1],\"value\":[1],\"text\":[1]}]]],[\"db-infotext.cjs\",[[260,\"db-infotext\",{\"id\":[1],\"className\":[1,\"classname\"],\"icon\":[1],\"semantic\":[1],\"size\":[1],\"showIcon\":[8,\"show-icon\"],\"text\":[1]}]]]]"), options);
 };
 exports.setNonce = index.setNonce;

package/dist/collection/collection-manifest.json CHANGED Viewed

@@ -39,7 +39,7 @@
   ],
   "compiler": {
     "name": "@stencil/core",
-    "version": "4.38.2",
+    "version": "4.38.3",
     "typescriptVersion": "5.9.3"
   },
   "collections": [],

package/dist/collection/components/switch/model.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"model.js","sourceRoot":"","sources":["../../../src/components/switch/model.ts"],"names":[],"mappings":"","sourcesContent":["import { ChangeEventProps, ChangeEventState, FocusEventProps, FocusEventState, FormCheckProps, FormMessageProps, FormProps, FormState, FromValidState, GlobalProps, GlobalState, IconLeadingProps, IconProps, IconTrailingProps, LabelVariantHorizontalType, SizeProps } from '../../shared/model';\nexport type DBSwitchDefaultProps = {\n /*\n Add additional icons to indicate active/inactive state.\n /\n visualAid?: boolean \| string;\n\n /\n Change the variant of the label to `trailing` or `leading`. Defaults to `trailing`\n */\n variant?: LabelVariantHorizontalType;\n};\nexport type DBSwitchProps = GlobalProps & ChangeEventProps<HTMLInputElement> & FocusEventProps<HTMLInputElement> & FormProps & FormCheckProps & FormMessageProps & SizeProps & IconProps & IconTrailingProps & IconLeadingProps & DBSwitchDefaultProps;\nexport type DBSwitchDefaultState = {};\nexport type DBSwitchState = DBSwitchDefaultState & GlobalState & ChangeEventState<HTMLInputElement> & FocusEventState<HTMLInputElement> & FormState & FromValidState"]}
1	+ {"version":3,"file":"model.js","sourceRoot":"","sources":["../../../src/components/switch/model.ts"],"names":[],"mappings":"","sourcesContent":["import { ChangeEventProps, ChangeEventState, FocusEventProps, FocusEventState, FormCheckProps, FormMessageProps, FormProps, FormState, FromValidState, GeneralKeyboardEvent, GlobalProps, GlobalState, IconLeadingProps, IconProps, IconTrailingProps, LabelVariantHorizontalType, SizeProps } from '../../shared/model';\nexport type DBSwitchDefaultProps = {\n /*\n Add additional icons to indicate active/inactive state.\n /\n visualAid?: boolean \| string;\n\n /\n Change the variant of the label to `trailing` or `leading`. Defaults to `trailing`\n */\n variant?: LabelVariantHorizontalType;\n};\nexport type DBSwitchProps = GlobalProps & ChangeEventProps<HTMLInputElement> & FocusEventProps<HTMLInputElement> & FormProps & FormCheckProps & FormMessageProps & SizeProps & IconProps & IconTrailingProps & IconLeadingProps & DBSwitchDefaultProps;\nexport type DBSwitchDefaultState = {\n handleKeyDown: (event: GeneralKeyboardEvent<HTMLInputElement>) => void;\n};\nexport type DBSwitchState = DBSwitchDefaultState & GlobalState & ChangeEventState<HTMLInputElement> & FocusEventState<HTMLInputElement> & FormState & FromValidState"]}

package/dist/collection/components/switch/switch.js CHANGED Viewed

@@ -70,6 +70,17 @@ export class DBSwitch {
             this.focus.emit(event);
         }
     }
+    handleKeyDown(event) {
+        var _a;
+        // Support ENTER key for toggling the switch (a11y requirement)
+        if (event.key === "Enter") {
+            event.preventDefault();
+            // Toggle the switch by clicking it programmatically
+            if (!this.disabled) {
+                (_a = this._ref) === null || _a === void 0 ? void 0 : _a.click();
+            }
+        }
+    }
     /**
      * Passes `aria-*`, `data-*` & `class` attributes to correct child. Used in angular and stencil.
      * @param element  the ref for the component
@@ -144,9 +155,9 @@ export class DBSwitch {
     }
     render() {
         var _a, _b, _c, _d;
-        return (h("div", { key: '401496c9700b4120826226a937a2007c90d2cb8b', class: cls("db-switch", this.className), "data-visual-aid": getBooleanAsString(this.visualAid), "data-size": this.size, "data-hide-label": getHideProp(this.showLabel), "data-variant": this.variant, "data-hide-asterisk": getHideProp(this.showRequiredAsterisk), "data-custom-validity": this.validation }, h("label", { key: '7ddb305df8a5ee7f5b7d054726d33fb474f97047', htmlFor: this._id }, h("input", { key: '04e8c665741cfb25da649d142a0dc06a65957191', type: "checkbox", role: "switch", id: this._id, ref: (el) => {
+        return (h("div", { key: 'f2dab897c89fa8aadd97abe59e81b4d7ef4561c5', class: cls("db-switch", this.className), "data-visual-aid": getBooleanAsString(this.visualAid), "data-size": this.size, "data-hide-label": getHideProp(this.showLabel), "data-variant": this.variant, "data-hide-asterisk": getHideProp(this.showRequiredAsterisk), "data-custom-validity": this.validation }, h("label", { key: '8d7c3e44a9f7c565224124d499abe6c3b96582f6', htmlFor: this._id }, h("input", { key: '1cba4d3dbe46c97cd9039442e61eb0d9baab0587', type: "checkbox", role: "switch", id: this._id, ref: (el) => {
                 this._ref = el;
-            }, checked: getBoolean(this.checked, "checked"), value: this.value, disabled: getBoolean(this.disabled, "disabled"), "aria-invalid": this.validation === "invalid" ? "true" : undefined, "aria-describedby": this._descByIds, name: this.name, required: getBoolean(this.required, "required"), "data-aid-icon": (_a = this.iconLeading) !== null && _a !== void 0 ? _a : this.icon, "data-aid-icon-trailing": this.iconTrailing, onChange: (event) => this.handleChange(event), onBlur: (event) => this.handleBlur(event), onFocus: (event) => this.handleFocus(event) }), this.label ? this.label : h("slot", null)), stringPropVisible(this.message, this.showMessage) ? (h("db-infotext", { size: "small", semantic: "adaptive", id: this._messageId, icon: this.messageIcon }, this.message)) : null, this.hasValidState() ? (h("db-infotext", { size: "small", semantic: "successful", id: this._validMessageId }, (_b = this.validMessage) !== null && _b !== void 0 ? _b : DEFAULT_VALID_MESSAGE)) : null, h("db-infotext", { key: 'e581b23eeefc04c410db09968e8dde51c660ee2a', size: "small", semantic: "critical", id: this._invalidMessageId }, (_d = (_c = this._invalidMessage) !== null && _c !== void 0 ? _c : this.invalidMessage) !== null && _d !== void 0 ? _d : DEFAULT_INVALID_MESSAGE), h("span", { key: '65915eec5f15f01c9ce87cf212571425807cba1a', "data-visually-hidden": "true", role: "status" }, this._voiceOverFallback)));
+            }, checked: getBoolean(this.checked, "checked"), value: this.value, disabled: getBoolean(this.disabled, "disabled"), "aria-invalid": this.validation === "invalid" ? "true" : undefined, "aria-describedby": this._descByIds, name: this.name, required: getBoolean(this.required, "required"), "data-aid-icon": (_a = this.iconLeading) !== null && _a !== void 0 ? _a : this.icon, "data-aid-icon-trailing": this.iconTrailing, onChange: (event) => this.handleChange(event), onBlur: (event) => this.handleBlur(event), onFocus: (event) => this.handleFocus(event), onKeyDown: (event) => this.handleKeyDown(event) }), this.label ? this.label : h("slot", null)), stringPropVisible(this.message, this.showMessage) ? (h("db-infotext", { size: "small", semantic: "adaptive", id: this._messageId, icon: this.messageIcon }, this.message)) : null, this.hasValidState() ? (h("db-infotext", { size: "small", semantic: "successful", id: this._validMessageId }, (_b = this.validMessage) !== null && _b !== void 0 ? _b : DEFAULT_VALID_MESSAGE)) : null, h("db-infotext", { key: '9495dfc7fb2e3947f21b834792c4caeab411bbd0', size: "small", semantic: "critical", id: this._invalidMessageId }, (_d = (_c = this._invalidMessage) !== null && _c !== void 0 ? _c : this.invalidMessage) !== null && _d !== void 0 ? _d : DEFAULT_INVALID_MESSAGE), h("span", { key: '6e6b325689130fc5cdeef86d3a4f59299b5f8450', "data-visually-hidden": "true", role: "status" }, this._voiceOverFallback)));
     }
     static get is() { return "db-switch"; }
     static get properties() {
@@ -351,6 +362,31 @@ export class DBSwitch {
                 "reflect": false,
                 "attribute": "checked"
             },
+            "disabled": {
+                "type": "any",
+                "mutable": false,
+                "complexType": {
+                    "original": "DBSwitchProps[\"disabled\"]",
+                    "resolved": "boolean | string",
+                    "references": {
+                        "DBSwitchProps": {
+                            "location": "import",
+                            "path": "./model",
+                            "id": "src/components/switch/model.ts::DBSwitchProps"
+                        }
+                    }
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": false,
+                "attribute": "disabled"
+            },
             "visualAid": {
                 "type": "any",
                 "mutable": false,
@@ -524,31 +560,6 @@ export class DBSwitch {
                 "reflect": false,
                 "attribute": "value"
             },
-            "disabled": {
-                "type": "any",
-                "mutable": false,
-                "complexType": {
-                    "original": "DBSwitchProps[\"disabled\"]",
-                    "resolved": "boolean | string",
-                    "references": {
-                        "DBSwitchProps": {
-                            "location": "import",
-                            "path": "./model",
-                            "id": "src/components/switch/model.ts::DBSwitchProps"
-                        }
-                    }
-                },
-                "required": false,
-                "optional": false,
-                "docs": {
-                    "tags": [],
-                    "text": ""
-                },
-                "getter": false,
-                "setter": false,
-                "reflect": false,
-                "attribute": "disabled"
-            },
             "name": {
                 "type": "string",
                 "mutable": false,

package/dist/collection/components/switch/switch.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"switch.js","sourceRoot":"","sources":["../../../src/components/switch/switch.tsx"],"names":[],"mappings":"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","sourcesContent":["import {\n DEFAULT_INVALID_MESSAGE,\n DEFAULT_INVALID_MESSAGE_ID_SUFFIX,\n DEFAULT_MESSAGE_ID_SUFFIX,\n DEFAULT_VALID_MESSAGE,\n DEFAULT_VALID_MESSAGE_ID_SUFFIX,\n} from \"../../shared/constants\";\nimport { ChangeEvent, InteractionEvent } from \"../../shared/model\";\nimport {\n cls,\n delay,\n getBoolean,\n getBooleanAsString,\n getHideProp,\n hasVoiceOver,\n stringPropVisible,\n uuid,\n} from \"../../utils\";\nimport {\n addCheckedResetEventListener,\n handleFrameworkEventAngular,\n handleFrameworkEventVue,\n} from \"../../utils/form-components\";\nimport { DBInfotext } from \"../infotext/infotext\";\nimport { DBSwitchProps, DBSwitchState } from \"./model\";\n\nimport {\n Component,\n h,\n Fragment,\n Watch,\n Event,\n EventEmitter,\n Prop,\n State,\n} from \"@stencil/core\";\n\n\n/*\n @slot children - This is a default/unnamed slot\n\n /\n @Component({\n tag: \"db-switch\",\n})\nexport class DBSwitch {\n private _ref!: HTMLInputElement \| any;\n @Prop() id: DBSwitchProps[\"id\"];\n @Prop() validation: DBSwitchProps[\"validation\"];\n @Prop() required: DBSwitchProps[\"required\"];\n @Prop() message: DBSwitchProps[\"message\"];\n @Prop() showMessage: DBSwitchProps[\"showMessage\"];\n @Prop() validMessage: DBSwitchProps[\"validMessage\"];\n @Prop() invalidMessage: DBSwitchProps[\"invalidMessage\"];\n @Prop() checked: DBSwitchProps[\"checked\"];\n @Event() change: EventEmitter<\n Parameters<Required<DBSwitchProps>[\"onChange\"]>[number]\n > \| void;\n @Event() blur: EventEmitter<\n Parameters<Required<DBSwitchProps>[\"onBlur\"]>[number]\n > \| void;\n @Event() focus: EventEmitter<\n Parameters<Required<DBSwitchProps>[\"onFocus\"]>[number]\n > \| void;\n @Prop() visualAid: DBSwitchProps[\"visualAid\"];\n @Prop() size: DBSwitchProps[\"size\"];\n @Prop() showLabel: DBSwitchProps[\"showLabel\"];\n @Prop() variant: DBSwitchProps[\"variant\"];\n @Prop() showRequiredAsterisk: DBSwitchProps[\"showRequiredAsterisk\"];\n @Prop({attribute: \"classname\"}) className: DBSwitchProps[\"className\"];\n @Prop() value: DBSwitchProps[\"value\"];\n @Prop() disabled: DBSwitchProps[\"disabled\"];\n @Prop() name: DBSwitchProps[\"name\"];\n @Prop() iconLeading: DBSwitchProps[\"iconLeading\"];\n @Prop() icon: DBSwitchProps[\"icon\"];\n @Prop() iconTrailing: DBSwitchProps[\"iconTrailing\"];\n @Prop() label: DBSwitchProps[\"label\"];\n @Prop() messageIcon: DBSwitchProps[\"messageIcon\"];\n @State() _id = undefined;\n @State() _messageId = undefined;\n @State() _validMessageId = undefined;\n @State() _invalidMessageId = undefined;\n @State() _invalidMessage = undefined;\n @State() _descByIds = undefined;\n @State() _voiceOverFallback = \"\";\n @State() abortController = undefined;\n\n hasValidState() {\n return !!(this.validMessage ?? this.validation === \"valid\");\n }\n handleValidation() {\n if (!this._ref?.validity?.valid \|\| this.validation === \"invalid\") {\n this._descByIds = this._invalidMessageId!;\n this._invalidMessage =\n this.invalidMessage \|\|\n this._ref?.validationMessage \|\|\n DEFAULT_INVALID_MESSAGE;\n if (hasVoiceOver()) {\n this._voiceOverFallback =\n this._invalidMessage \|\| DEFAULT_INVALID_MESSAGE;\n delay(() => {\n this._voiceOverFallback = \"\";\n }, 1000);\n }\n return;\n }\n if (this.hasValidState() && this._ref?.validity?.valid && this.required) {\n this._descByIds = this._validMessageId!;\n if (hasVoiceOver()) {\n this._voiceOverFallback = this.validMessage ?? DEFAULT_VALID_MESSAGE;\n delay(() => {\n this._voiceOverFallback = \"\";\n }, 1000);\n }\n return;\n }\n if (stringPropVisible(this.message, this.showMessage)) {\n this._descByIds = this._messageId!;\n return;\n }\n this._descByIds = undefined;\n }\n handleChange(event: ChangeEvent<HTMLInputElement>, reset?: boolean) {\n if (this.change) {\n this.change.emit(event);\n }\n this.handleValidation();\n }\n handleBlur(event: InteractionEvent<HTMLInputElement>) {\n if (this.blur) {\n this.blur.emit(event);\n }\n }\n handleFocus(event: InteractionEvent<HTMLInputElement>) {\n if (this.focus) {\n this.focus.emit(event);\n }\n }\n\n /\n Passes `aria-`, `data-` & `class` attributes to correct child. Used in angular and stencil.\n * @param element the ref for the component\n * @param customElementSelector the custom element like `my-component`\n */\n private enableAttributePassing(\n element: HTMLInputElement \| null,\n customElementSelector: string\n ) {\n const parent = element?.closest(customElementSelector);\n if (element && parent) {\n const attributes = parent.attributes;\n for (let i = 0; i < attributes.length; i++) {\n const attr = attributes.item(i);\n if (\n attr &&\n (attr.name.startsWith(\"data-\") \|\| attr.name.startsWith(\"aria-\"))\n ) {\n element.setAttribute(attr.name, attr.value);\n parent.removeAttribute(attr.name);\n }\n if (attr && attr.name === \"class\") {\n const isWebComponent = attr.value.includes(\"hydrated\");\n const value = attr.value.replace(\"hydrated\", \"\").trim();\n const currentClass = element.getAttribute(\"class\");\n element.setAttribute(\n attr.name,\n `${currentClass ? `${currentClass} ` : \"\"}${value}`\n );\n if (isWebComponent) {\n // Stencil is using this class for lazy loading component\n parent.setAttribute(\"class\", \"hydrated\");\n } else {\n parent.removeAttribute(attr.name);\n }\n }\n }\n }\n }\n\n watch0Fn() {\n this.handleValidation();\n }\n\n @Watch(\"validation\")\n @Watch(\"required\")\n @Watch(\"message\")\n @Watch(\"showMessage\")\n @Watch(\"validMessage\")\n @Watch(\"invalidMessage\")\n @Watch(\"checked\")\n watch0() {\n this.watch0Fn();\n }\n\n watch1Fn() {\n if (this._ref) {\n const defaultChecked = undefined;\n let controller = this.abortController;\n if (!controller) {\n controller = new AbortController();\n this.abortController = controller;\n }\n addCheckedResetEventListener(\n this._ref,\n {\n checked: this.checked,\n defaultChecked,\n },\n (event) => {\n this.handleChange(event, true);\n },\n controller.signal\n );\n }\n }\n\n @Watch(\"_ref\")\n watch1() {\n this.watch1Fn();\n }\n\n componentDidLoad() {\n this.enableAttributePassing(this._ref, \"db-switch\");\n this._id = this.id ?? `switch-${uuid()}`;\n this._messageId = `${this._id}${DEFAULT_MESSAGE_ID_SUFFIX}`;\n this._validMessageId = `${this._id}${DEFAULT_VALID_MESSAGE_ID_SUFFIX}`;\n this._invalidMessageId = `${this._id}${DEFAULT_INVALID_MESSAGE_ID_SUFFIX}`;\n this.handleValidation();\n this.watch0Fn();\n this.watch1Fn();\n }\n disconnectedCallback() {\n this.abortController?.abort();\n }\n\n render() {\n return (\n <div\n class={cls(\"db-switch\", this.className)}\n data-visual-aid={getBooleanAsString(this.visualAid)}\n data-size={this.size}\n data-hide-label={getHideProp(this.showLabel)}\n data-variant={this.variant}\n data-hide-asterisk={getHideProp(this.showRequiredAsterisk)}\n data-custom-validity={this.validation}\n >\n <label htmlFor={this._id}>\n <input\n type=\"checkbox\"\n role=\"switch\"\n id={this._id}\n ref={(el: any) => {\n this._ref = el;\n }}\n checked={getBoolean(this.checked, \"checked\")}\n value={this.value}\n disabled={getBoolean(this.disabled, \"disabled\")}\n aria-invalid={this.validation === \"invalid\" ? \"true\" : undefined}\n aria-describedby={this._descByIds}\n name={this.name}\n required={getBoolean(this.required, \"required\")}\n data-aid-icon={this.iconLeading ?? this.icon}\n data-aid-icon-trailing={this.iconTrailing}\n onChange={(event) => this.handleChange(event)}\n onBlur={(event) => this.handleBlur(event)}\n onFocus={(event) => this.handleFocus(event)}\n />\n {this.label ? this.label : <slot></slot>}\n </label>\n {stringPropVisible(this.message, this.showMessage) ? (\n <db-infotext\n size=\"small\"\n semantic=\"adaptive\"\n id={this._messageId}\n icon={this.messageIcon}\n >\n {this.message}\n </db-infotext>\n ) : null}\n {this.hasValidState() ? (\n <db-infotext\n size=\"small\"\n semantic=\"successful\"\n id={this._validMessageId}\n >\n {this.validMessage ?? DEFAULT_VALID_MESSAGE}\n </db-infotext>\n ) : null}\n <db-infotext\n size=\"small\"\n semantic=\"critical\"\n id={this._invalidMessageId}\n >\n {this._invalidMessage ??\n this.invalidMessage ??\n DEFAULT_INVALID_MESSAGE}\n </db-infotext>\n <span data-visually-hidden=\"true\" role=\"status\">\n {this._voiceOverFallback}\n </span>\n </div>\n );\n }\n}\n"]}
1	+ {"version":3,"file":"switch.js","sourceRoot":"","sources":["../../../src/components/switch/switch.tsx"],"names":[],"mappings":"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","sourcesContent":["import {\n DEFAULT_INVALID_MESSAGE,\n DEFAULT_INVALID_MESSAGE_ID_SUFFIX,\n DEFAULT_MESSAGE_ID_SUFFIX,\n DEFAULT_VALID_MESSAGE,\n DEFAULT_VALID_MESSAGE_ID_SUFFIX,\n} from \"../../shared/constants\";\nimport {\n ChangeEvent,\n GeneralKeyboardEvent,\n InteractionEvent,\n} from \"../../shared/model\";\nimport {\n cls,\n delay,\n getBoolean,\n getBooleanAsString,\n getHideProp,\n hasVoiceOver,\n stringPropVisible,\n uuid,\n} from \"../../utils\";\nimport {\n addCheckedResetEventListener,\n handleFrameworkEventAngular,\n handleFrameworkEventVue,\n} from \"../../utils/form-components\";\nimport { DBInfotext } from \"../infotext/infotext\";\nimport { DBSwitchProps, DBSwitchState } from \"./model\";\n\nimport {\n Component,\n h,\n Fragment,\n Watch,\n Event,\n EventEmitter,\n Prop,\n State,\n} from \"@stencil/core\";\n\n\n/*\n @slot children - This is a default/unnamed slot\n\n /\n @Component({\n tag: \"db-switch\",\n})\nexport class DBSwitch {\n private _ref!: HTMLInputElement \| any;\n @Prop() id: DBSwitchProps[\"id\"];\n @Prop() validation: DBSwitchProps[\"validation\"];\n @Prop() required: DBSwitchProps[\"required\"];\n @Prop() message: DBSwitchProps[\"message\"];\n @Prop() showMessage: DBSwitchProps[\"showMessage\"];\n @Prop() validMessage: DBSwitchProps[\"validMessage\"];\n @Prop() invalidMessage: DBSwitchProps[\"invalidMessage\"];\n @Prop() checked: DBSwitchProps[\"checked\"];\n @Event() change: EventEmitter<\n Parameters<Required<DBSwitchProps>[\"onChange\"]>[number]\n > \| void;\n @Event() blur: EventEmitter<\n Parameters<Required<DBSwitchProps>[\"onBlur\"]>[number]\n > \| void;\n @Event() focus: EventEmitter<\n Parameters<Required<DBSwitchProps>[\"onFocus\"]>[number]\n > \| void;\n @Prop() disabled: DBSwitchProps[\"disabled\"];\n @Prop() visualAid: DBSwitchProps[\"visualAid\"];\n @Prop() size: DBSwitchProps[\"size\"];\n @Prop() showLabel: DBSwitchProps[\"showLabel\"];\n @Prop() variant: DBSwitchProps[\"variant\"];\n @Prop() showRequiredAsterisk: DBSwitchProps[\"showRequiredAsterisk\"];\n @Prop({attribute: \"classname\"}) className: DBSwitchProps[\"className\"];\n @Prop() value: DBSwitchProps[\"value\"];\n @Prop() name: DBSwitchProps[\"name\"];\n @Prop() iconLeading: DBSwitchProps[\"iconLeading\"];\n @Prop() icon: DBSwitchProps[\"icon\"];\n @Prop() iconTrailing: DBSwitchProps[\"iconTrailing\"];\n @Prop() label: DBSwitchProps[\"label\"];\n @Prop() messageIcon: DBSwitchProps[\"messageIcon\"];\n @State() _id = undefined;\n @State() _messageId = undefined;\n @State() _validMessageId = undefined;\n @State() _invalidMessageId = undefined;\n @State() _invalidMessage = undefined;\n @State() _descByIds = undefined;\n @State() _voiceOverFallback = \"\";\n @State() abortController = undefined;\n\n hasValidState() {\n return !!(this.validMessage ?? this.validation === \"valid\");\n }\n handleValidation() {\n if (!this._ref?.validity?.valid \|\| this.validation === \"invalid\") {\n this._descByIds = this._invalidMessageId!;\n this._invalidMessage =\n this.invalidMessage \|\|\n this._ref?.validationMessage \|\|\n DEFAULT_INVALID_MESSAGE;\n if (hasVoiceOver()) {\n this._voiceOverFallback =\n this._invalidMessage \|\| DEFAULT_INVALID_MESSAGE;\n delay(() => {\n this._voiceOverFallback = \"\";\n }, 1000);\n }\n return;\n }\n if (this.hasValidState() && this._ref?.validity?.valid && this.required) {\n this._descByIds = this._validMessageId!;\n if (hasVoiceOver()) {\n this._voiceOverFallback = this.validMessage ?? DEFAULT_VALID_MESSAGE;\n delay(() => {\n this._voiceOverFallback = \"\";\n }, 1000);\n }\n return;\n }\n if (stringPropVisible(this.message, this.showMessage)) {\n this._descByIds = this._messageId!;\n return;\n }\n this._descByIds = undefined;\n }\n handleChange(event: ChangeEvent<HTMLInputElement>, reset?: boolean) {\n if (this.change) {\n this.change.emit(event);\n }\n this.handleValidation();\n }\n handleBlur(event: InteractionEvent<HTMLInputElement>) {\n if (this.blur) {\n this.blur.emit(event);\n }\n }\n handleFocus(event: InteractionEvent<HTMLInputElement>) {\n if (this.focus) {\n this.focus.emit(event);\n }\n }\n handleKeyDown(event: GeneralKeyboardEvent<HTMLInputElement>) {\n // Support ENTER key for toggling the switch (a11y requirement)\n if (event.key === \"Enter\") {\n event.preventDefault();\n // Toggle the switch by clicking it programmatically\n if (!this.disabled) {\n (this._ref as HTMLInputElement)?.click();\n }\n }\n }\n\n /\n Passes `aria-`, `data-` & `class` attributes to correct child. Used in angular and stencil.\n * @param element the ref for the component\n * @param customElementSelector the custom element like `my-component`\n */\n private enableAttributePassing(\n element: HTMLInputElement \| null,\n customElementSelector: string\n ) {\n const parent = element?.closest(customElementSelector);\n if (element && parent) {\n const attributes = parent.attributes;\n for (let i = 0; i < attributes.length; i++) {\n const attr = attributes.item(i);\n if (\n attr &&\n (attr.name.startsWith(\"data-\") \|\| attr.name.startsWith(\"aria-\"))\n ) {\n element.setAttribute(attr.name, attr.value);\n parent.removeAttribute(attr.name);\n }\n if (attr && attr.name === \"class\") {\n const isWebComponent = attr.value.includes(\"hydrated\");\n const value = attr.value.replace(\"hydrated\", \"\").trim();\n const currentClass = element.getAttribute(\"class\");\n element.setAttribute(\n attr.name,\n `${currentClass ? `${currentClass} ` : \"\"}${value}`\n );\n if (isWebComponent) {\n // Stencil is using this class for lazy loading component\n parent.setAttribute(\"class\", \"hydrated\");\n } else {\n parent.removeAttribute(attr.name);\n }\n }\n }\n }\n }\n\n watch0Fn() {\n this.handleValidation();\n }\n\n @Watch(\"validation\")\n @Watch(\"required\")\n @Watch(\"message\")\n @Watch(\"showMessage\")\n @Watch(\"validMessage\")\n @Watch(\"invalidMessage\")\n @Watch(\"checked\")\n watch0() {\n this.watch0Fn();\n }\n\n watch1Fn() {\n if (this._ref) {\n const defaultChecked = undefined;\n let controller = this.abortController;\n if (!controller) {\n controller = new AbortController();\n this.abortController = controller;\n }\n addCheckedResetEventListener(\n this._ref,\n {\n checked: this.checked,\n defaultChecked,\n },\n (event) => {\n this.handleChange(event, true);\n },\n controller.signal\n );\n }\n }\n\n @Watch(\"_ref\")\n watch1() {\n this.watch1Fn();\n }\n\n componentDidLoad() {\n this.enableAttributePassing(this._ref, \"db-switch\");\n this._id = this.id ?? `switch-${uuid()}`;\n this._messageId = `${this._id}${DEFAULT_MESSAGE_ID_SUFFIX}`;\n this._validMessageId = `${this._id}${DEFAULT_VALID_MESSAGE_ID_SUFFIX}`;\n this._invalidMessageId = `${this._id}${DEFAULT_INVALID_MESSAGE_ID_SUFFIX}`;\n this.handleValidation();\n this.watch0Fn();\n this.watch1Fn();\n }\n disconnectedCallback() {\n this.abortController?.abort();\n }\n\n render() {\n return (\n <div\n class={cls(\"db-switch\", this.className)}\n data-visual-aid={getBooleanAsString(this.visualAid)}\n data-size={this.size}\n data-hide-label={getHideProp(this.showLabel)}\n data-variant={this.variant}\n data-hide-asterisk={getHideProp(this.showRequiredAsterisk)}\n data-custom-validity={this.validation}\n >\n <label htmlFor={this._id}>\n <input\n type=\"checkbox\"\n role=\"switch\"\n id={this._id}\n ref={(el: any) => {\n this._ref = el;\n }}\n checked={getBoolean(this.checked, \"checked\")}\n value={this.value}\n disabled={getBoolean(this.disabled, \"disabled\")}\n aria-invalid={this.validation === \"invalid\" ? \"true\" : undefined}\n aria-describedby={this._descByIds}\n name={this.name}\n required={getBoolean(this.required, \"required\")}\n data-aid-icon={this.iconLeading ?? this.icon}\n data-aid-icon-trailing={this.iconTrailing}\n onChange={(event) => this.handleChange(event)}\n onBlur={(event) => this.handleBlur(event)}\n onFocus={(event) => this.handleFocus(event)}\n onKeyDown={(event) => this.handleKeyDown(event)}\n />\n {this.label ? this.label : <slot></slot>}\n </label>\n {stringPropVisible(this.message, this.showMessage) ? (\n <db-infotext\n size=\"small\"\n semantic=\"adaptive\"\n id={this._messageId}\n icon={this.messageIcon}\n >\n {this.message}\n </db-infotext>\n ) : null}\n {this.hasValidState() ? (\n <db-infotext\n size=\"small\"\n semantic=\"successful\"\n id={this._validMessageId}\n >\n {this.validMessage ?? DEFAULT_VALID_MESSAGE}\n </db-infotext>\n ) : null}\n <db-infotext\n size=\"small\"\n semantic=\"critical\"\n id={this._invalidMessageId}\n >\n {this._invalidMessage ??\n this.invalidMessage ??\n DEFAULT_INVALID_MESSAGE}\n </db-infotext>\n <span data-visually-hidden=\"true\" role=\"status\">\n {this._voiceOverFallback}\n </span>\n </div>\n );\n }\n}\n"]}

package/dist/collection/components/tab-item/model.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"model.js","sourceRoot":"","sources":["../../../src/components/tab-item/model.ts"],"names":[],"mappings":"","sourcesContent":["import { ActiveProps, ChangeEventProps, ChangeEventState, GlobalProps, GlobalState, IconLeadingProps, IconProps, IconTrailingProps, InitializedState, NameProps, NameState, ShowIconLeadingProps, ShowIconProps, ShowIconTrailingProps } from '../../shared/model';\nexport type DBTabItemDefaultProps = {\n /*\n To control the component\n /\n checked?: boolean \| string;\n\n /\n The disabled attribute can be set to keep a user from clicking on the tab-item.\n /\n disabled?: boolean \| string;\n /\n The label of the tab-item, if you don't want to use children.\n /\n label?: string;\n /\n Define the text next to the icon specified via the icon Property to get hidden.\n */\n noText?: boolean \| string;\n};\nexport type DBTabItemProps = GlobalProps & DBTabItemDefaultProps & IconProps & IconTrailingProps & IconLeadingProps & ShowIconLeadingProps & ShowIconTrailingProps & ActiveProps & ChangeEventProps<HTMLInputElement> & ShowIconProps & NameProps;\nexport type DBTabItemDefaultState = {\n _selected: boolean;\n};\nexport type DBTabItemState = DBTabItemDefaultState & GlobalState & ChangeEventState<HTMLInputElement> & InitializedState & NameState"]}
1	+ {"version":3,"file":"model.js","sourceRoot":"","sources":["../../../src/components/tab-item/model.ts"],"names":[],"mappings":"","sourcesContent":["import { ActiveProps, ChangeEventProps, ChangeEventState, GlobalProps, GlobalState, IconLeadingProps, IconProps, IconTrailingProps, InitializedState, NameProps, NameState, ShowIconLeadingProps, ShowIconProps, ShowIconTrailingProps } from '../../shared/model';\nexport type DBTabItemDefaultProps = {\n /*\n To control the component\n /\n checked?: boolean \| string;\n\n /\n The disabled attribute can be set to keep a user from clicking on the tab-item.\n /\n disabled?: boolean \| string;\n /\n The label of the tab-item, if you don't want to use children.\n /\n label?: string;\n /\n Define the text next to the icon specified via the icon Property to get hidden.\n */\n noText?: boolean \| string;\n};\nexport type DBTabItemProps = GlobalProps & DBTabItemDefaultProps & IconProps & IconTrailingProps & IconLeadingProps & ShowIconLeadingProps & ShowIconTrailingProps & ActiveProps & ChangeEventProps<HTMLInputElement> & ShowIconProps & NameProps;\nexport type DBTabItemDefaultState = {\n _selected: boolean;\n _listenerAdded: boolean;\n boundSetSelectedOnChange?: (event: any) => void;\n setSelectedOnChange: (event: any) => void;\n};\nexport type DBTabItemState = DBTabItemDefaultState & GlobalState & ChangeEventState<HTMLInputElement> & InitializedState & NameState"]}

package/dist/collection/components/tab-item/tab-item.js CHANGED Viewed

@@ -9,6 +9,12 @@ export class DBTabItem {
         this._selected = false;
         this._name = undefined;
         this.initialized = false;
+        this._listenerAdded = false;
+        this.boundSetSelectedOnChange = undefined;
+    }
+    setSelectedOnChange(event) {
+        event.stopPropagation();
+        this._selected = getBooleanAsString(event.target === this._ref);
     }
     handleNameAttribute() {
         if (this._ref) {
@@ -22,14 +28,9 @@ export class DBTabItem {
         }
     }
     handleChange(event) {
-        var _a;
-        event.stopPropagation();
         if (this.change) {
             this.change.emit(event);
         }
-        // We have different ts types in different frameworks, so we need to use any here
-        const selected = (_a = event.target) === null || _a === void 0 ? void 0 : _a["checked"];
-        this._selected = getBooleanAsString(selected);
     }
     /**
      * Passes `aria-*`, `data-*` & `class` attributes to correct child. Used in angular and stencil.
@@ -64,11 +65,20 @@ export class DBTabItem {
         }
     }
     watch0Fn() {
-        if (this.initialized && this._ref) {
-            if (this.active) {
+        var _a;
+        if (this._ref && this.initialized && this.boundSetSelectedOnChange) {
+            this.initialized = false;
+            // deselect this tab when another tab in tablist is selected
+            if (!this._listenerAdded) {
+                (_a = this._ref
+                    .closest("[role=tablist]")) === null || _a === void 0 ? void 0 : _a.addEventListener("change", this.boundSetSelectedOnChange);
+                this._listenerAdded = true;
+            }
+            // Initialize selected state from either active prop (set by parent) or checked attribute
+            if (this.active || this._ref.checked) {
+                this._selected = getBooleanAsString(true);
                 this._ref.click();
             }
-            this.initialized = false;
         }
     }
     watch0() {
@@ -84,15 +94,24 @@ export class DBTabItem {
     }
     componentDidLoad() {
         this.enableAttributePassing(this._ref, "db-tab-item");
+        this.boundSetSelectedOnChange = this.setSelectedOnChange.bind(this);
         this.initialized = true;
         this.watch0Fn();
         this.watch1Fn();
     }
+    disconnectedCallback() {
+        var _a;
+        if (this._listenerAdded && this._ref && this.boundSetSelectedOnChange) {
+            (_a = this._ref
+                .closest("[role=tablist]")) === null || _a === void 0 ? void 0 : _a.removeEventListener("change", this.boundSetSelectedOnChange);
+            this._listenerAdded = false;
+        }
+    }
     render() {
         var _a, _b;
-        return (h("li", { key: '6c20231d7dd76e231ec39495bc66b18c642cf673', class: cls("db-tab-item", this.className), role: "none" }, h("label", { key: 'e8262a16f9ff8babec59f85f4ce9f8a19dece89d', htmlFor: this.id, "data-icon": (_a = this.iconLeading) !== null && _a !== void 0 ? _a : this.icon, "data-icon-trailing": this.iconTrailing, "data-show-icon": getBooleanAsString((_b = this.showIconLeading) !== null && _b !== void 0 ? _b : this.showIcon), "data-show-icon-trailing": getBooleanAsString(this.showIconTrailing), "data-no-text": getBooleanAsString(this.noText) }, h("input", { key: '67bdd4a5c520eb8a0325e67c680237968af13aa5', type: "radio", role: "tab", disabled: getBoolean(this.disabled, "disabled"), "aria-selected": this._selected, checked: getBoolean(this.checked, "checked"), ref: (el) => {
+        return (h("li", { key: '9bbc9bdc6c450f62ce790a2662b165f9fad484ea', class: cls("db-tab-item", this.className), role: "none" }, h("label", { key: 'e3a4e3afdd250587b5d0cef54eb7d8302980199f', htmlFor: this.id, "data-icon": (_a = this.iconLeading) !== null && _a !== void 0 ? _a : this.icon, "data-icon-trailing": this.iconTrailing, "data-show-icon": getBooleanAsString((_b = this.showIconLeading) !== null && _b !== void 0 ? _b : this.showIcon), "data-show-icon-trailing": getBooleanAsString(this.showIconTrailing), "data-no-text": getBooleanAsString(this.noText) }, h("input", { key: '372cd912646fd40dc31f49d344d60526442a0f7a', type: "radio", role: "tab", disabled: getBoolean(this.disabled, "disabled"), "aria-selected": this._selected, checked: getBoolean(this.checked, "checked"), ref: (el) => {
                 this._ref = el;
-            }, name: this._name, id: this.id, onInput: (event) => this.handleChange(event) }), this.label ? this.label : null, h("slot", { key: '5579426f7548f32cd9f8fc27c9a18d311f5ab4fe' }))));
+            }, name: this._name, id: this.id, onInput: (event) => this.handleChange(event) }), this.label ? this.label : null, h("slot", { key: '843e696cad853b5ce9d582f210efe86f3d270cb8' }))));
     }
     static get is() { return "db-tab-item"; }
     static get properties() {
@@ -453,7 +472,9 @@ export class DBTabItem {
         return {
             "_selected": {},
             "_name": {},
-            "initialized": {}
+            "initialized": {},
+            "_listenerAdded": {},
+            "boundSetSelectedOnChange": {}
         };
     }
     static get events() {
@@ -481,6 +502,9 @@ export class DBTabItem {
             }, {
                 "propName": "initialized",
                 "methodName": "watch0"
+            }, {
+                "propName": "boundSetSelectedOnChange",
+                "methodName": "watch0"
             }, {
                 "propName": "name",
                 "methodName": "watch1"

package/dist/collection/components/tab-item/tab-item.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"tab-item.js","sourceRoot":"","sources":["../../../src/components/tab-item/tab-item.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,UAAU,EAAE,kBAAkB,EAAE,MAAM,aAAa,CAAC;AAOlE,OAAO,EACL,SAAS,EACT,CAAC,EAED,KAAK,EACL,KAAK,EAEL,IAAI,EACJ,KAAK,GACN,MAAM,eAAe,CAAC;AAGvB;;;GAGG;AAIH,MAAM,OAAO,SAAS;IAHrB;QAsBU,cAAS,GAAG,KAAK,CAAC;QAClB,UAAK,GAAG,SAAS,CAAC;QAClB,gBAAW,GAAG,KAAK,CAAC;KAkI9B;IAhIC,mBAAmB;QACjB,IAAI,IAAI,CAAC,IAAI,EAAE,CAAC;YACd,MAAM,YAAY,GAAG,IAAI,CAAC,IAAI,CAAC,YAAY,CAAC;YAC5C,IAAI,CAAC,IAAI,CAAC,YAAY,GAAG,CAAC,SAAiB,EAAE,KAAa,EAAE,EAAE;gBAC5D,YAAY,CAAC,IAAI,CAAC,IAAI,CAAC,IAAI,EAAE,SAAS,EAAE,KAAK,CAAC,CAAC;gBAC/C,IAAI,SAAS,KAAK,MAAM,EAAE,CAAC;oBACzB,IAAI,CAAC,KAAK,GAAG,KAAK,CAAC;gBACrB,CAAC;YACH,CAAC,CAAC;QACJ,CAAC;IACH,CAAC;IACD,YAAY,CAAC,KAAU;;QACrB,KAAK,CAAC,eAAe,EAAE,CAAC;QACxB,IAAI,IAAI,CAAC,MAAM,EAAE,CAAC;YAChB,IAAI,CAAC,MAAM,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;QAC1B,CAAC;QAED,iFAAiF;QAEjF,MAAM,QAAQ,GAAG,MAAC,KAAK,CAAC,MAAc,0CAAG,SAAS,CAAC,CAAC;QACpD,IAAI,CAAC,SAAS,GAAG,kBAAkB,CAAC,QAAQ,CAAC,CAAC;IAChD,CAAC;IAED;;;;OAIG;IACK,sBAAsB,CAC5B,OAA2B,EAC3B,qBAA6B;QAE7B,MAAM,MAAM,GAAG,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,OAAO,CAAC,qBAAqB,CAAC,CAAC;QACvD,IAAI,OAAO,IAAI,MAAM,EAAE,CAAC;YACtB,MAAM,UAAU,GAAG,MAAM,CAAC,UAAU,CAAC;YACrC,KAAK,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,UAAU,CAAC,MAAM,EAAE,CAAC,EAAE,EAAE,CAAC;gBAC3C,MAAM,IAAI,GAAG,UAAU,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC;gBAChC,IACE,IAAI;oBACJ,CAAC,IAAI,CAAC,IAAI,CAAC,UAAU,CAAC,OAAO,CAAC,IAAI,IAAI,CAAC,IAAI,CAAC,UAAU,CAAC,OAAO,CAAC,CAAC,EAChE,CAAC;oBACD,OAAO,CAAC,YAAY,CAAC,IAAI,CAAC,IAAI,EAAE,IAAI,CAAC,KAAK,CAAC,CAAC;oBAC5C,MAAM,CAAC,eAAe,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;gBACpC,CAAC;gBACD,IAAI,IAAI,IAAI,IAAI,CAAC,IAAI,KAAK,OAAO,EAAE,CAAC;oBAClC,MAAM,cAAc,GAAG,IAAI,CAAC,KAAK,CAAC,QAAQ,CAAC,UAAU,CAAC,CAAC;oBACvD,MAAM,KAAK,GAAG,IAAI,CAAC,KAAK,CAAC,OAAO,CAAC,UAAU,EAAE,EAAE,CAAC,CAAC,IAAI,EAAE,CAAC;oBACxD,MAAM,YAAY,GAAG,OAAO,CAAC,YAAY,CAAC,OAAO,CAAC,CAAC;oBACnD,OAAO,CAAC,YAAY,CAClB,IAAI,CAAC,IAAI,EACT,GAAG,YAAY,CAAC,CAAC,CAAC,GAAG,YAAY,GAAG,CAAC,CAAC,CAAC,EAAE,GAAG,KAAK,EAAE,CACpD,CAAC;oBACF,IAAI,cAAc,EAAE,CAAC;wBACnB,yDAAyD;wBACzD,MAAM,CAAC,YAAY,CAAC,OAAO,EAAE,UAAU,CAAC,CAAC;oBAC3C,CAAC;yBAAM,CAAC;wBACN,MAAM,CAAC,eAAe,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;oBACpC,CAAC;gBACH,CAAC;YACH,CAAC;QACH,CAAC;IACH,CAAC;IAED,QAAQ;QACN,IAAI,IAAI,CAAC,WAAW,IAAI,IAAI,CAAC,IAAI,EAAE,CAAC;YAClC,IAAI,IAAI,CAAC,MAAM,EAAE,CAAC;gBAChB,IAAI,CAAC,IAAI,CAAC,KAAK,EAAE,CAAC;YACpB,CAAC;YACD,IAAI,CAAC,WAAW,GAAG,KAAK,CAAC;QAC3B,CAAC;IACH,CAAC;IAID,MAAM;QACJ,IAAI,CAAC,QAAQ,EAAE,CAAC;IAClB,CAAC;IAED,QAAQ;QACN,IAAI,IAAI,CAAC,IAAI,EAAE,CAAC;YACd,IAAI,CAAC,KAAK,GAAG,IAAI,CAAC,IAAI,CAAC;QACzB,CAAC;IACH,CAAC;IAGD,MAAM;QACJ,IAAI,CAAC,QAAQ,EAAE,CAAC;IAClB,CAAC;IAED,gBAAgB;QACd,IAAI,CAAC,sBAAsB,CAAC,IAAI,CAAC,IAAI,EAAE,aAAa,CAAC,CAAC;QACtD,IAAI,CAAC,WAAW,GAAG,IAAI,CAAC;QACxB,IAAI,CAAC,QAAQ,EAAE,CAAC;QAChB,IAAI,CAAC,QAAQ,EAAE,CAAC;IAClB,CAAC;IAED,MAAM;;QACJ,OAAO,CACL,2DAAI,KAAK,EAAE,GAAG,CAAC,aAAa,EAAE,IAAI,CAAC,SAAS,CAAC,EAAE,IAAI,EAAC,MAAM;YACxD,8DACE,OAAO,EAAE,IAAI,CAAC,EAAE,eACL,MAAA,IAAI,CAAC,WAAW,mCAAI,IAAI,CAAC,IAAI,wBACpB,IAAI,CAAC,YAAY,oBACrB,kBAAkB,CAChC,MAAA,IAAI,CAAC,eAAe,mCAAI,IAAI,CAAC,QAAQ,CACtC,6BACwB,kBAAkB,CAAC,IAAI,CAAC,gBAAgB,CAAC,kBACpD,kBAAkB,CAAC,IAAI,CAAC,MAAM,CAAC;gBAE7C,8DACE,IAAI,EAAC,OAAO,EACZ,IAAI,EAAC,KAAK,EACV,QAAQ,EAAE,UAAU,CAAC,IAAI,CAAC,QAAQ,EAAE,UAAU,CAAC,mBAChC,IAAI,CAAC,SAAS,EAC7B,OAAO,EAAE,UAAU,CAAC,IAAI,CAAC,OAAO,EAAE,SAAS,CAAC,EAC5C,GAAG,EAAE,CAAC,EAAO,EAAE,EAAE;wBACf,IAAI,CAAC,IAAI,GAAG,EAAE,CAAC;oBACjB,CAAC,EACD,IAAI,EAAE,IAAI,CAAC,KAAK,EAChB,EAAE,EAAE,IAAI,CAAC,EAAE,EACX,OAAO,EAAE,CAAC,KAAK,EAAE,EAAE,CAAC,IAAI,CAAC,YAAY,CAAC,KAAK,CAAC,GAC5C;gBACD,IAAI,CAAC,KAAK,CAAC,CAAC,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,CAAC,IAAI;gBAC/B,8DAAa,CACP,CACL,CACN,CAAC;IACJ,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACF","sourcesContent":["import { cls, getBoolean, getBooleanAsString } from \"../../utils\";\nimport {\n handleFrameworkEventAngular,\n handleFrameworkEventVue,\n} from \"../../utils/form-components\";\nimport type { DBTabItemProps, DBTabItemState } from \"./model\";\n\nimport {\n Component,\n h,\n Fragment,\n Watch,\n Event,\n EventEmitter,\n Prop,\n State,\n} from \"@stencil/core\";\n\n\n/*\n @slot children - This is a default/unnamed slot\n\n /\n @Component({\n tag: \"db-tab-item\",\n})\nexport class DBTabItem {\n private _ref!: HTMLInputElement \| any;\n @Prop() active: DBTabItemProps[\"active\"];\n @Prop() name: DBTabItemProps[\"name\"];\n @Event() change: EventEmitter<\n Parameters<Required<DBTabItemProps>[\"onChange\"]>[number]\n > \| void;\n @Prop({attribute: \"classname\"}) className: DBTabItemProps[\"className\"];\n @Prop() id: DBTabItemProps[\"id\"];\n @Prop() iconLeading: DBTabItemProps[\"iconLeading\"];\n @Prop() icon: DBTabItemProps[\"icon\"];\n @Prop() iconTrailing: DBTabItemProps[\"iconTrailing\"];\n @Prop() showIconLeading: DBTabItemProps[\"showIconLeading\"];\n @Prop() showIcon: DBTabItemProps[\"showIcon\"];\n @Prop() showIconTrailing: DBTabItemProps[\"showIconTrailing\"];\n @Prop() noText: DBTabItemProps[\"noText\"];\n @Prop() disabled: DBTabItemProps[\"disabled\"];\n @Prop() checked: DBTabItemProps[\"checked\"];\n @Prop() label: DBTabItemProps[\"label\"];\n @State() _selected = false;\n @State() _name = undefined;\n @State() initialized = false;\n\n handleNameAttribute() {\n if (this._ref) {\n const setAttribute = this._ref.setAttribute;\n this._ref.setAttribute = (attribute: string, value: string) => {\n setAttribute.call(this._ref, attribute, value);\n if (attribute === \"name\") {\n this._name = value;\n }\n };\n }\n }\n handleChange(event: any) {\n event.stopPropagation();\n if (this.change) {\n this.change.emit(event);\n }\n\n // We have different ts types in different frameworks, so we need to use any here\n\n const selected = (event.target as any)?.[\"checked\"];\n this._selected = getBooleanAsString(selected);\n }\n\n /\n Passes `aria-`, `data-` & `class` attributes to correct child. Used in angular and stencil.\n * @param element the ref for the component\n * @param customElementSelector the custom element like `my-component`\n */\n private enableAttributePassing(\n element: HTMLElement \| null,\n customElementSelector: string\n ) {\n const parent = element?.closest(customElementSelector);\n if (element && parent) {\n const attributes = parent.attributes;\n for (let i = 0; i < attributes.length; i++) {\n const attr = attributes.item(i);\n if (\n attr &&\n (attr.name.startsWith(\"data-\") \|\| attr.name.startsWith(\"aria-\"))\n ) {\n element.setAttribute(attr.name, attr.value);\n parent.removeAttribute(attr.name);\n }\n if (attr && attr.name === \"class\") {\n const isWebComponent = attr.value.includes(\"hydrated\");\n const value = attr.value.replace(\"hydrated\", \"\").trim();\n const currentClass = element.getAttribute(\"class\");\n element.setAttribute(\n attr.name,\n `${currentClass ? `${currentClass} ` : \"\"}${value}`\n );\n if (isWebComponent) {\n // Stencil is using this class for lazy loading component\n parent.setAttribute(\"class\", \"hydrated\");\n } else {\n parent.removeAttribute(attr.name);\n }\n }\n }\n }\n }\n\n watch0Fn() {\n if (this.initialized && this._ref) {\n if (this.active) {\n this._ref.click();\n }\n this.initialized = false;\n }\n }\n\n @Watch(\"_ref\")\n @Watch(\"initialized\")\n watch0() {\n this.watch0Fn();\n }\n\n watch1Fn() {\n if (this.name) {\n this._name = this.name;\n }\n }\n\n @Watch(\"name\")\n watch1() {\n this.watch1Fn();\n }\n\n componentDidLoad() {\n this.enableAttributePassing(this._ref, \"db-tab-item\");\n this.initialized = true;\n this.watch0Fn();\n this.watch1Fn();\n }\n\n render() {\n return (\n <li class={cls(\"db-tab-item\", this.className)} role=\"none\">\n <label\n htmlFor={this.id}\n data-icon={this.iconLeading ?? this.icon}\n data-icon-trailing={this.iconTrailing}\n data-show-icon={getBooleanAsString(\n this.showIconLeading ?? this.showIcon\n )}\n data-show-icon-trailing={getBooleanAsString(this.showIconTrailing)}\n data-no-text={getBooleanAsString(this.noText)}\n >\n <input\n type=\"radio\"\n role=\"tab\"\n disabled={getBoolean(this.disabled, \"disabled\")}\n aria-selected={this._selected}\n checked={getBoolean(this.checked, \"checked\")}\n ref={(el: any) => {\n this._ref = el;\n }}\n name={this._name}\n id={this.id}\n onInput={(event) => this.handleChange(event)}\n />\n {this.label ? this.label : null}\n <slot></slot>\n </label>\n </li>\n );\n }\n}\n"]}
1	+ {"version":3,"file":"tab-item.js","sourceRoot":"","sources":["../../../src/components/tab-item/tab-item.tsx"],"names":[],"mappings":"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","sourcesContent":["import { cls, getBoolean, getBooleanAsString } from \"../../utils\";\nimport {\n handleFrameworkEventAngular,\n handleFrameworkEventVue,\n} from \"../../utils/form-components\";\nimport type { DBTabItemProps, DBTabItemState } from \"./model\";\n\nimport {\n Component,\n h,\n Fragment,\n Watch,\n Event,\n EventEmitter,\n Prop,\n State,\n} from \"@stencil/core\";\n\n\n/*\n @slot children - This is a default/unnamed slot\n\n /\n @Component({\n tag: \"db-tab-item\",\n})\nexport class DBTabItem {\n private _ref!: HTMLInputElement \| any;\n @Prop() active: DBTabItemProps[\"active\"];\n @Prop() name: DBTabItemProps[\"name\"];\n @Event() change: EventEmitter<\n Parameters<Required<DBTabItemProps>[\"onChange\"]>[number]\n > \| void;\n @Prop({attribute: \"classname\"}) className: DBTabItemProps[\"className\"];\n @Prop() id: DBTabItemProps[\"id\"];\n @Prop() iconLeading: DBTabItemProps[\"iconLeading\"];\n @Prop() icon: DBTabItemProps[\"icon\"];\n @Prop() iconTrailing: DBTabItemProps[\"iconTrailing\"];\n @Prop() showIconLeading: DBTabItemProps[\"showIconLeading\"];\n @Prop() showIcon: DBTabItemProps[\"showIcon\"];\n @Prop() showIconTrailing: DBTabItemProps[\"showIconTrailing\"];\n @Prop() noText: DBTabItemProps[\"noText\"];\n @Prop() disabled: DBTabItemProps[\"disabled\"];\n @Prop() checked: DBTabItemProps[\"checked\"];\n @Prop() label: DBTabItemProps[\"label\"];\n @State() _selected = false;\n @State() _name = undefined;\n @State() initialized = false;\n @State() _listenerAdded = false;\n @State() boundSetSelectedOnChange = undefined;\n\n setSelectedOnChange(event: any) {\n event.stopPropagation();\n this._selected = getBooleanAsString(event.target === this._ref);\n }\n handleNameAttribute() {\n if (this._ref) {\n const setAttribute = this._ref.setAttribute;\n this._ref.setAttribute = (attribute: string, value: string) => {\n setAttribute.call(this._ref, attribute, value);\n if (attribute === \"name\") {\n this._name = value;\n }\n };\n }\n }\n handleChange(event: any) {\n if (this.change) {\n this.change.emit(event);\n }\n }\n\n /\n Passes `aria-`, `data-` & `class` attributes to correct child. Used in angular and stencil.\n * @param element the ref for the component\n * @param customElementSelector the custom element like `my-component`\n */\n private enableAttributePassing(\n element: HTMLElement \| null,\n customElementSelector: string\n ) {\n const parent = element?.closest(customElementSelector);\n if (element && parent) {\n const attributes = parent.attributes;\n for (let i = 0; i < attributes.length; i++) {\n const attr = attributes.item(i);\n if (\n attr &&\n (attr.name.startsWith(\"data-\") \|\| attr.name.startsWith(\"aria-\"))\n ) {\n element.setAttribute(attr.name, attr.value);\n parent.removeAttribute(attr.name);\n }\n if (attr && attr.name === \"class\") {\n const isWebComponent = attr.value.includes(\"hydrated\");\n const value = attr.value.replace(\"hydrated\", \"\").trim();\n const currentClass = element.getAttribute(\"class\");\n element.setAttribute(\n attr.name,\n `${currentClass ? `${currentClass} ` : \"\"}${value}`\n );\n if (isWebComponent) {\n // Stencil is using this class for lazy loading component\n parent.setAttribute(\"class\", \"hydrated\");\n } else {\n parent.removeAttribute(attr.name);\n }\n }\n }\n }\n }\n\n watch0Fn() {\n if (this._ref && this.initialized && this.boundSetSelectedOnChange) {\n this.initialized = false;\n\n // deselect this tab when another tab in tablist is selected\n if (!this._listenerAdded) {\n this._ref\n .closest(\"[role=tablist]\")\n ?.addEventListener(\"change\", this.boundSetSelectedOnChange);\n this._listenerAdded = true;\n }\n\n // Initialize selected state from either active prop (set by parent) or checked attribute\n if (this.active \|\| this._ref.checked) {\n this._selected = getBooleanAsString(true);\n this._ref.click();\n }\n }\n }\n\n @Watch(\"_ref\")\n @Watch(\"initialized\")\n @Watch(\"boundSetSelectedOnChange\")\n watch0() {\n this.watch0Fn();\n }\n\n watch1Fn() {\n if (this.name) {\n this._name = this.name;\n }\n }\n\n @Watch(\"name\")\n watch1() {\n this.watch1Fn();\n }\n\n componentDidLoad() {\n this.enableAttributePassing(this._ref, \"db-tab-item\");\n this.boundSetSelectedOnChange = this.setSelectedOnChange.bind(this);\n this.initialized = true;\n this.watch0Fn();\n this.watch1Fn();\n }\n disconnectedCallback() {\n if (this._listenerAdded && this._ref && this.boundSetSelectedOnChange) {\n this._ref\n .closest(\"[role=tablist]\")\n ?.removeEventListener(\"change\", this.boundSetSelectedOnChange);\n this._listenerAdded = false;\n }\n }\n\n render() {\n return (\n <li class={cls(\"db-tab-item\", this.className)} role=\"none\">\n <label\n htmlFor={this.id}\n data-icon={this.iconLeading ?? this.icon}\n data-icon-trailing={this.iconTrailing}\n data-show-icon={getBooleanAsString(\n this.showIconLeading ?? this.showIcon\n )}\n data-show-icon-trailing={getBooleanAsString(this.showIconTrailing)}\n data-no-text={getBooleanAsString(this.noText)}\n >\n <input\n type=\"radio\"\n role=\"tab\"\n disabled={getBoolean(this.disabled, \"disabled\")}\n aria-selected={this._selected}\n checked={getBoolean(this.checked, \"checked\")}\n ref={(el: any) => {\n this._ref = el;\n }}\n name={this._name}\n id={this.id}\n onInput={(event) => this.handleChange(event)}\n />\n {this.label ? this.label : null}\n <slot></slot>\n </label>\n </li>\n );\n }\n}\n"]}

package/dist/collection/components/tabs/tabs.js CHANGED Viewed

@@ -121,9 +121,9 @@ export class DBTabs {
                 if (tabItem) {
                     const list = tabItem.parentElement;
                     if (list) {
-                        const indices = Array.from(list.childNodes).indexOf(tabItem);
+                        const tabIndex = Array.from(list.children).indexOf(tabItem);
                         if (this.indexChange) {
-                            this.indexChange.emit(indices);
+                            this.indexChange.emit(tabIndex);
                         }
                         if (this.tabSelect) {
                             this.tabSelect.emit(event);