@db-ux/wc-core-components 4.4.0-loading-567cd0c → 4.4.1-floating-components-066d296

package/dist/cjs/{floating-components-ogUqz72V.js → floating-components-pYaTeNhp.js}

@@ -230,10 +230,54 @@ const getFloatingProps = (element, parent, placement) => {
         innerHeight
     };
 };
+const MAX_ANCESTOR_DEPTH = 10;
+const ancestorCache = new WeakMap();
+const getAncestorHasCorrectedPlacement = (element) => {
+    if (ancestorCache.has(element)) {
+        return ancestorCache.get(element);
+    }
+    let current = element.parentElement;
+    let anchor = 0;
+    while (current && anchor < MAX_ANCESTOR_DEPTH) {
+        if (current.dataset['correctedPlacement']) {
+            ancestorCache.set(element, current);
+            return current;
+        }
+        current = current.parentElement;
+        anchor += 1;
+    }
+    ancestorCache.set(element, null);
+    return null;
+};
 const handleFixedPopover = (element, parent, placement) => {
-    var _a;
-    const distance = (_a = getComputedStyle(element).getPropertyValue('--db-popover-distance')) !== null && _a !== void 0 ? _a : '0px';
-    const { top, height, width, childHeight, childWidth, right, left, bottom, correctedPlacement, innerWidth, innerHeight } = getFloatingProps(element, parent, placement);
+    var _a, _b;
+    const parentComputedStyles = getComputedStyle(parent);
+    const parentHasFloatingPosition = ['absolute', 'fixed'].includes(parentComputedStyles.position);
+    const ancestorWithCorrectedPlacement = getAncestorHasCorrectedPlacement(element);
+    const noFloatingAncestor = !ancestorWithCorrectedPlacement && !parentHasFloatingPosition;
+    const distance = (_b = (_a = getComputedStyle(element)) === null || _a === void 0 ? void 0 : _a.getPropertyValue('--db-popover-distance')) !== null && _b !== void 0 ? _b : '0px';
+    let { top, height, width, childHeight, childWidth, right, left, bottom, correctedPlacement, innerWidth, innerHeight } = getFloatingProps(element, parent, placement);
+    if (ancestorWithCorrectedPlacement) {
+        const ancestorRect = ancestorWithCorrectedPlacement.getBoundingClientRect();
+        left = Math.abs(left - ancestorRect.left);
+        right = (width + Math.abs(right - ancestorRect.right)) * 1.5; // We add a transform -50% later
+        top = Math.abs(top - ancestorRect.top);
+        bottom = (height + Math.abs(bottom - ancestorRect.bottom)) * 1.5; // We add a transform -50% later
+    }
+    if (parentHasFloatingPosition) {
+        /*
+         * If we have a floating element inside an element with position:absolute/fixed
+         * we need to calculate with relative values
+         * */
+        left = 0;
+        right = width;
+        top = 0;
+        bottom = height;
+        if (['auto', 'inherit', '0'].includes(parentComputedStyles.zIndex)) {
+            // We need the default zIndex for floating elements on the parent
+            parent.style.zIndex = '1';
+        }
+    }
     // Tooltip arrow position
     if (childWidth > width && (correctedPlacement.startsWith('bottom') || correctedPlacement.startsWith('top'))) {
         const diff = width / 2 / childWidth * 100;
@@ -243,6 +287,9 @@ const handleFixedPopover = (element, parent, placement) => {
         else if (correctedPlacement.endsWith('end')) {
             element.style.setProperty('--db-tooltip-arrow-inline-start', `${100 - diff}%`);
         }
+        else {
+            element.style.setProperty('--db-tooltip-arrow-inline-start', `50%`);
+        }
     }
     if (childHeight > height && (correctedPlacement.startsWith('left') || correctedPlacement.startsWith('bottom'))) {
         const diff = height / 2 / childHeight * 100;
@@ -252,6 +299,9 @@ const handleFixedPopover = (element, parent, placement) => {
         else if (correctedPlacement.endsWith('end')) {
             element.style.setProperty('--db-tooltip-arrow-block-start', `${100 - diff}%`);
         }
+        else {
+            element.style.setProperty('--db-tooltip-arrow-block-start', `50%`);
+        }
     }
     // Popover position
     if (correctedPlacement === 'right' || correctedPlacement === 'left') {
@@ -261,11 +311,11 @@ const handleFixedPopover = (element, parent, placement) => {
     else if (correctedPlacement === 'right-start' || correctedPlacement === 'left-start') {
         const end = top + childHeight;
         element.style.insetBlockStart = `${top}px`;
-        element.style.insetBlockEnd = `${end > innerHeight ? innerHeight : end}px`;
+        element.style.insetBlockEnd = `${!parentHasFloatingPosition && end > innerHeight ? innerHeight : end}px`;
     }
     else if (correctedPlacement === 'right-end' || correctedPlacement === 'left-end') {
         const start = bottom - childHeight;
-        element.style.insetBlockStart = `${start < 0 ? 0 : start}px`;
+        element.style.insetBlockStart = `${!parentHasFloatingPosition && start < 0 ? 0 : start}px`;
         element.style.insetBlockEnd = `${bottom}px`;
     }
     else if (correctedPlacement === 'top' || correctedPlacement === 'bottom') {
@@ -275,32 +325,32 @@ const handleFixedPopover = (element, parent, placement) => {
     else if (correctedPlacement === 'top-start' || correctedPlacement === 'bottom-start') {
         const end = left + childWidth;
         element.style.insetInlineStart = `${left}px`;
-        element.style.insetInlineEnd = `${end > innerWidth ? innerWidth : end}px`;
+        element.style.insetInlineEnd = `${!parentHasFloatingPosition && end > innerWidth ? innerWidth : end}px`;
     }
     else if (correctedPlacement === 'top-end' || correctedPlacement === 'bottom-end') {
-        const start = left - childWidth;
-        element.style.insetInlineStart = `${right - childWidth}px`;
-        element.style.insetInlineEnd = `${start < 0 ? 0 : start}px`;
+        const start = right - childWidth;
+        element.style.insetInlineStart = `${!parentHasFloatingPosition && start < 0 ? 0 : start}px`;
+        element.style.insetInlineEnd = `${right}px`;
     }
     if (correctedPlacement === null || correctedPlacement === void 0 ? void 0 : correctedPlacement.startsWith('right')) {
         const end = right + childWidth;
         element.style.insetInlineStart = `calc(${right}px + ${distance})`;
-        element.style.insetInlineEnd = `calc(${end > innerWidth ? innerWidth : end}px + ${distance})`;
+        element.style.insetInlineEnd = `calc(${noFloatingAncestor && end > innerWidth ? innerWidth : end}px + ${distance})`;
     }
     else if (correctedPlacement === null || correctedPlacement === void 0 ? void 0 : correctedPlacement.startsWith('left')) {
         const start = left - childWidth;
-        element.style.insetInlineStart = `calc(${start < 0 ? 0 : start}px - ${distance})`;
+        element.style.insetInlineStart = `calc(${noFloatingAncestor && start < 0 ? 0 : start}px - ${distance})`;
         element.style.insetInlineEnd = `calc(${right}px - ${distance})`;
     }
     else if (correctedPlacement === null || correctedPlacement === void 0 ? void 0 : correctedPlacement.startsWith('top')) {
         const start = top - childHeight;
-        element.style.insetBlockStart = `calc(${start < 0 ? 0 : start}px - ${distance})`;
-        element.style.insetBlockEnd = `calc(${bottom}px - ${distance})`;
+        element.style.insetBlockStart = `calc(${noFloatingAncestor && start < 0 ? 0 : start}px - ${distance})`;
+        element.style.insetBlockEnd = `calc(${parentHasFloatingPosition ? start : bottom}px - ${distance})`;
     }
     else if (correctedPlacement === null || correctedPlacement === void 0 ? void 0 : correctedPlacement.startsWith('bottom')) {
         const end = bottom + childHeight;
-        element.style.insetBlockStart = `calc(${bottom}px + ${distance})`;
-        element.style.insetBlockEnd = `calc(${end > innerHeight ? innerHeight : end}px + ${distance})`;
+        element.style.insetBlockStart = `calc(${parentHasFloatingPosition ? end : bottom}px + ${distance})`;
+        element.style.insetBlockEnd = `calc(${noFloatingAncestor && end > innerHeight ? innerHeight : end}px + ${distance})`;
     }
     element.style.position = 'fixed';
     element.dataset['correctedPlacement'] = correctedPlacement;

package/dist/cjs/{index-TxzPzc5I.js → index-Bi4QN5oK.js}

@@ -4,13 +4,9 @@ const NAMESPACE = 'db-ux';
 const BUILD = /* db-ux */ { hydratedSelectorName: "hydrated", lazyLoad: true, propChangeCallback: true, shadowDom: false, slotRelocation: true, state: true, updatable: true};
 
 /*
- Stencil Client Platform v4.41.3 | MIT Licensed | https://stenciljs.com
+ Stencil Client Platform v4.42.0 | MIT Licensed | https://stenciljs.com
  */
 
-
-// src/utils/constants.ts
-var SVG_NS = "http://www.w3.org/2000/svg";
-var HTML_NS = "http://www.w3.org/1999/xhtml";
 var reWireGetterSetter = (instance, hostRef) => {
   var _a;
   const cmpMeta = hostRef.$cmpMeta$;
@@ -482,27 +478,6 @@ var setAccessor = (elm, memberName, oldValue, newValue, isSvg, flags, initialRen
       classList.remove(...oldClasses.filter((c) => c && !newClasses.includes(c)));
       classList.add(...newClasses.filter((c) => c && !oldClasses.includes(c)));
     }
-  } else if (memberName === "style") {
-    {
-      for (const prop in oldValue) {
-        if (!newValue || newValue[prop] == null) {
-          if (prop.includes("-")) {
-            elm.style.removeProperty(prop);
-          } else {
-            elm.style[prop] = "";
-          }
-        }
-      }
-    }
-    for (const prop in newValue) {
-      if (!oldValue || newValue[prop] !== oldValue[prop]) {
-        if (prop.includes("-")) {
-          elm.style.setProperty(prop, newValue[prop]);
-        } else {
-          elm.style[prop] = newValue[prop];
-        }
-      }
-    }
   } else if (memberName === "key") ; else if (memberName === "ref") {
     if (newValue) {
       queueRefAttachment(newValue, elm);
@@ -525,15 +500,32 @@ var setAccessor = (elm, memberName, oldValue, newValue, isSvg, flags, initialRen
         plt.ael(elm, memberName, newValue, capture);
       }
     }
+  } else if (memberName[0] === "a" && memberName.startsWith("attr:")) {
+    const attrName = memberName.slice(5);
+    if (newValue == null || newValue === false) {
+      if (newValue !== false || elm.getAttribute(attrName) === "") {
+        elm.removeAttribute(attrName);
+      }
+    } else {
+      elm.setAttribute(attrName, newValue === true ? "" : newValue);
+    }
+    return;
+  } else if (memberName[0] === "p" && memberName.startsWith("prop:")) {
+    const propName = memberName.slice(5);
+    try {
+      elm[propName] = newValue;
+    } catch (e) {
+    }
+    return;
   } else {
     const isComplex = isComplexType(newValue);
-    if ((isProp || isComplex && newValue !== null) && !isSvg) {
+    if ((isProp || isComplex && newValue !== null) && true) {
       try {
         if (!elm.tagName.includes("-")) {
           const n = newValue == null ? "" : newValue;
           if (memberName === "list") {
             isProp = false;
-          } else if (oldValue == null || elm[memberName] != n) {
+          } else if (oldValue == null || elm[memberName] !== n) {
             if (typeof elm.__lookupSetter__(memberName) === "function") {
               elm[memberName] = n;
             } else {
@@ -648,19 +640,12 @@ var createElm = (oldParentVNode, newParentVNode, childIndex) => {
       updateElement(null, newVNode2, isSvgMode);
     }
   } else {
-    if (!isSvgMode) {
-      isSvgMode = newVNode2.$tag$ === "svg";
-    }
     if (!win.document) {
       throw new Error("You are trying to render a Stencil component in an environment that doesn't support the DOM.");
     }
-    elm = newVNode2.$elm$ = win.document.createElementNS(
-      isSvgMode ? SVG_NS : HTML_NS,
+    elm = newVNode2.$elm$ = win.document.createElement(
       !useNativeShadowDom && BUILD.slotRelocation && newVNode2.$flags$ & 2 /* isSlotFallback */ ? "slot-fb" : newVNode2.$tag$
-    ) ;
-    if (isSvgMode && newVNode2.$tag$ === "foreignObject") {
-      isSvgMode = false;
-    }
+    );
     {
       updateElement(null, newVNode2, isSvgMode);
     }
@@ -673,13 +658,6 @@ var createElm = (oldParentVNode, newParentVNode, childIndex) => {
         }
       }
     }
-    {
-      if (newVNode2.$tag$ === "svg") {
-        isSvgMode = false;
-      } else if (elm.tagName === "foreignObject") {
-        isSvgMode = true;
-      }
-    }
   }
   elm["s-hn"] = hostTagName;
   {
@@ -898,9 +876,6 @@ var patch = (oldVNode, newVNode2, isInitialRender = false) => {
   const text = newVNode2.$text$;
   let defaultHolder;
   if (text == null) {
-    {
-      isSvgMode = tag === "svg" ? true : tag === "foreignObject" ? false : isSvgMode;
-    }
     {
       if (tag === "slot" && !useNativeShadowDom) {
         if (oldVNode.$name$ !== newVNode2.$name$) {
@@ -923,9 +898,6 @@ var patch = (oldVNode, newVNode2, isInitialRender = false) => {
     ) {
       removeVnodes(oldChildren, 0, oldChildren.length - 1);
     } else ;
-    if (isSvgMode && tag === "svg") {
-      isSvgMode = false;
-    }
   } else if ((defaultHolder = elm["s-cr"])) {
     defaultHolder.parentNode.textContent = text;
   } else if (oldVNode.$text$ !== text) {

package/dist/cjs/index.cjs.js

@@ -4,8 +4,8 @@ var constants = require('./constants-bMY2_d8A.js');
 var index = require('./index-CsHqnQII.js');
 var documentClickListener = require('./document-click-listener-Bb3Tinb8.js');
 var documentScrollListener = require('./document-scroll-listener-unypEU42.js');
-var floatingComponents = require('./floating-components-ogUqz72V.js');
-var navigation = require('./navigation-DauGE-qj.js');
+var floatingComponents = require('./floating-components-pYaTeNhp.js');
+var navigation = require('./navigation-BztJmEHf.js');
 
 const AccordionVariantList = ['divider', 'card'];
 const AccordionBehaviorList = ['multiple', 'single'];
@@ -90,9 +90,6 @@ const LinkTargetList = ['_self', '_blank', '_parent', '_top'];
 const LinkReferrerPolicyList = ['no-referrer', 'no-referrer-when-downgrade', 'origin', 'origin-when-cross-origin', 'same-origin', 'strict-origin', 'strict-origin-when-cross-origin', 'unsafe-url'];
 const AlignmentList = ['start', 'center'];
 
-const LoadingIndicatorVariantList = ['progress-bar', 'onsite', 'inline'];
-const LoadingIndicatorStateList = ['inactive', 'active', 'successful', 'critical'];
-
 Object.defineProperty(exports, "COLOR", {
     enumerable: true,
     get: function () { return constants.COLOR; }
@@ -195,8 +192,6 @@ exports.LinkReferrerPolicyList = LinkReferrerPolicyList;
 exports.LinkSizeList = LinkSizeList;
 exports.LinkTargetList = LinkTargetList;
 exports.LinkVariantList = LinkVariantList;
-exports.LoadingIndicatorStateList = LoadingIndicatorStateList;
-exports.LoadingIndicatorVariantList = LoadingIndicatorVariantList;
 exports.MarginList = MarginList;
 exports.MaxWidthList = MaxWidthList;
 exports.NotificationAriaLiveList = NotificationAriaLiveList;

package/dist/cjs/loader.cjs.js

@@ -1,12 +1,12 @@
 'use strict';
 
-var index = require('./index-TxzPzc5I.js');
+var index = require('./index-Bi4QN5oK.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\"],\"noResultsText\":[1,\"no-results-text\"],\"loadingText\":[1,\"loading-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\":0},{\"watch2\":0}],\"_id\":[{\"watch1\":0}],\"_descByIds\":[{\"watch2\":0}],\"showNoResults\":[{\"watch3\":0}],\"showLoading\":[{\"watch3\":0}],\"_options\":[{\"watch3\":0}],\"showSelectAll\":[{\"watch4\":0}],\"amountOptions\":[{\"watch4\":0},{\"watch5\":0},{\"watch10\":0}],\"multiple\":[{\"watch4\":0}],\"showSearch\":[{\"watch5\":0}],\"values\":[{\"watch6\":0}],\"_values\":[{\"watch7\":0},{\"watch10\":0},{\"watch13\":0}],\"selectRef\":[{\"watch7\":0},{\"watch8\":0},{\"watch17\":0}],\"validation\":[{\"watch9\":0}],\"options\":[{\"watch11\":0},{\"watch13\":0}],\"searchValue\":[{\"watch12\":0}],\"_selectedOptions\":[{\"watch14\":0},{\"watch15\":0}],\"selectedType\":[{\"watch14\":0}],\"amountText\":[{\"watch14\":0}],\"selectedLabels\":[{\"watch14\":0}],\"transformSelectedLabels\":[{\"watch14\":0}],\"selectAllIndeterminate\":[{\"watch16\":0}],\"selectAllRef\":[{\"watch16\":0}],\"invalidMessage\":[{\"watch17\":0}]}]]],[\"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\":0}],\"initialized\":[{\"watch0\":0}]}]]],[\"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\":0}],\"_ref\":[{\"watch0\":0}]}]]],[\"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\":0}],\"name\":[{\"watch0\":0}],\"behavior\":[{\"watch0\":0}],\"_id\":[{\"watch0\":0}],\"_ref\":[{\"watch1\":0},{\"watch2\":0}],\"_name\":[{\"watch1\":0}],\"_initOpenIndexDone\":[{\"watch2\":0}],\"initOpenIndex\":[{\"watch2\":0}]}]]],[\"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\":0},{\"watch2\":0},{\"watch3\":0},{\"watch4\":0}],\"invalidMessage\":[{\"watch0\":0}],\"_id\":[{\"watch1\":0}],\"initialized\":[{\"watch2\":0},{\"watch3\":0}],\"indeterminate\":[{\"watch2\":0}],\"checked\":[{\"watch3\":0}]}]]],[\"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\":0}],\"initialized\":[{\"watch1\":0}],\"_ref\":[{\"watch1\":0}]}]]],[\"db-notification.cjs\",[[260,\"db-notification\",{\"id\":[1],\"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\"],\"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],\"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]},null,{\"_ref\":[{\"watch0\":0},{\"watch3\":0}],\"invalidMessage\":[{\"watch0\":0}],\"_id\":[{\"watch1\":0}],\"initialized\":[{\"watch1\":0}],\"value\":[{\"watch2\":0}]}]]],[\"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\":0}],\"required\":[{\"watch0\":0}],\"message\":[{\"watch0\":0}],\"showMessage\":[{\"watch0\":0}],\"validMessage\":[{\"watch0\":0}],\"invalidMessage\":[{\"watch0\":0}],\"checked\":[{\"watch0\":0}],\"_ref\":[{\"watch1\":0}]}]]],[\"db-textarea.cjs\",[[0,\"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\":0},{\"watch3\":0}],\"invalidMessage\":[{\"watch0\":0}],\"_id\":[{\"watch1\":0}],\"value\":[{\"watch2\":0}]}]]],[\"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\":0}],\"initialized\":[{\"watch0\":0}]}]]],[\"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\",[[0,\"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],\"referrerpolicy\":[1],\"referrerPolicy\":[1,\"referrer-policy\"],\"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\":0},{\"watch1\":0}],\"initialized\":[{\"watch0\":0}],\"isExpanded\":[{\"watch1\":0}]}]]],[\"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\":0}],\"_ref\":[{\"watch0\":0},{\"watch1\":0}],\"checked\":[{\"watch0\":0}]}]]],[\"db-section.cjs\",[[260,\"db-section\",{\"id\":[1],\"className\":[1,\"classname\"],\"spacing\":[1],\"width\":[1]}]]],[\"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\":0}],\"_ref\":[{\"watch1\":0}],\"initialized\":[{\"watch1\":0}],\"position\":[{\"watch1\":0}]}]]],[\"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\":0}],\"initialized\":[{\"watch0\":0}],\"name\":[{\"watch1\":0}]}]]],[\"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\":0}],\"initialized\":[{\"watch0\":0}]}]]],[\"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\":0}],\"initialized\":[{\"watch0\":0}],\"boundSetSelectedOnChange\":[{\"watch0\":0}],\"name\":[{\"watch1\":0}]}],[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_6.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],\"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]},null,{\"_ref\":[{\"watch0\":0},{\"watch3\":0}],\"invalidMessage\":[{\"watch0\":0}],\"_id\":[{\"watch1\":0}],\"value\":[{\"watch2\":0}]}],[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\":0}],\"showDivider\":[{\"watch0\":0}]}],[260,\"db-loading-indicator\",{\"id\":[1],\"autoDisable\":[8,\"auto-disable\"],\"overlay\":[8],\"state\":[1],\"indeterminate\":[8],\"delay\":[1],\"value\":[8],\"max\":[8],\"role\":[1],\"className\":[1,\"classname\"],\"size\":[1],\"variant\":[1],\"showLabel\":[8,\"show-label\"],\"label\":[1],\"progressText\":[1,\"progress-text\"],\"showProgressText\":[8,\"show-progress-text\"],\"_id\":[32],\"_loadingState\":[32],\"_previousLoadingState\":[32],\"_style\":[32],\"initialized\":[32]},null,{\"_ref\":[{\"watch0\":0},{\"watch1\":0},{\"watch4\":0}],\"initialized\":[{\"watch0\":0},{\"watch1\":0}],\"autoDisable\":[{\"watch0\":0}],\"_loadingState\":[{\"watch0\":0},{\"watch1\":0},{\"watch2\":0}],\"overlay\":[{\"watch1\":0}],\"_id\":[{\"watch1\":0}],\"timeout\":[{\"watch2\":0}],\"state\":[{\"watch3\":0}],\"delay\":[{\"watch4\":0}],\"indeterminate\":[{\"watch5\":0}],\"value\":[{\"watch5\":0}],\"max\":[{\"watch5\":0}]}]]],[\"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\":0},{\"watch2\":0}],\"_id\":[{\"watch1\":0}],\"_descByIds\":[{\"watch2\":0}],\"showNoResults\":[{\"watch3\":0}],\"showLoading\":[{\"watch3\":0}],\"_options\":[{\"watch3\":0}],\"showSelectAll\":[{\"watch4\":0}],\"amountOptions\":[{\"watch4\":0},{\"watch5\":0},{\"watch10\":0}],\"multiple\":[{\"watch4\":0}],\"showSearch\":[{\"watch5\":0}],\"values\":[{\"watch6\":0}],\"_values\":[{\"watch7\":0},{\"watch10\":0},{\"watch13\":0}],\"selectRef\":[{\"watch7\":0},{\"watch8\":0},{\"watch17\":0}],\"validation\":[{\"watch9\":0}],\"options\":[{\"watch11\":0},{\"watch13\":0}],\"searchValue\":[{\"watch12\":0}],\"_selectedOptions\":[{\"watch14\":0},{\"watch15\":0}],\"selectedType\":[{\"watch14\":0}],\"amountText\":[{\"watch14\":0}],\"selectedLabels\":[{\"watch14\":0}],\"transformSelectedLabels\":[{\"watch14\":0}],\"selectAllIndeterminate\":[{\"watch16\":0}],\"selectAllRef\":[{\"watch16\":0}],\"invalidMessage\":[{\"watch17\":0}]}]]],[\"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\":0}],\"initialized\":[{\"watch0\":0}]}]]],[\"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\":0}],\"_ref\":[{\"watch0\":0}]}]]],[\"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\":0}],\"name\":[{\"watch0\":0}],\"behavior\":[{\"watch0\":0}],\"_id\":[{\"watch0\":0}],\"_ref\":[{\"watch1\":0},{\"watch2\":0}],\"_name\":[{\"watch1\":0}],\"_initOpenIndexDone\":[{\"watch2\":0}],\"initOpenIndex\":[{\"watch2\":0}]}]]],[\"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\":0},{\"watch2\":0},{\"watch3\":0},{\"watch4\":0}],\"invalidMessage\":[{\"watch0\":0}],\"_id\":[{\"watch1\":0}],\"initialized\":[{\"watch2\":0},{\"watch3\":0}],\"indeterminate\":[{\"watch2\":0}],\"checked\":[{\"watch3\":0}]}]]],[\"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\":0}],\"initialized\":[{\"watch1\":0}],\"_ref\":[{\"watch1\":0}]}]]],[\"db-notification.cjs\",[[260,\"db-notification\",{\"id\":[1],\"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\"],\"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],\"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]},null,{\"_ref\":[{\"watch0\":0},{\"watch3\":0}],\"invalidMessage\":[{\"watch0\":0}],\"_id\":[{\"watch1\":0}],\"initialized\":[{\"watch1\":0}],\"value\":[{\"watch2\":0}]}]]],[\"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\":0}],\"required\":[{\"watch0\":0}],\"message\":[{\"watch0\":0}],\"showMessage\":[{\"watch0\":0}],\"validMessage\":[{\"watch0\":0}],\"invalidMessage\":[{\"watch0\":0}],\"checked\":[{\"watch0\":0}],\"_ref\":[{\"watch1\":0}]}]]],[\"db-textarea.cjs\",[[0,\"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\":0},{\"watch3\":0}],\"invalidMessage\":[{\"watch0\":0}],\"_id\":[{\"watch1\":0}],\"value\":[{\"watch2\":0}]}]]],[\"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\":0}],\"initialized\":[{\"watch0\":0}]}]]],[\"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\",[[0,\"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],\"referrerpolicy\":[1],\"referrerPolicy\":[1,\"referrer-policy\"],\"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\":0},{\"watch1\":0}],\"initialized\":[{\"watch0\":0}],\"isExpanded\":[{\"watch1\":0}]}]]],[\"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\":0}],\"_ref\":[{\"watch0\":0},{\"watch1\":0}],\"checked\":[{\"watch0\":0}]}]]],[\"db-section.cjs\",[[260,\"db-section\",{\"id\":[1],\"className\":[1,\"classname\"],\"spacing\":[1],\"width\":[1]}]]],[\"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\":0}],\"_ref\":[{\"watch1\":0}],\"initialized\":[{\"watch1\":0}],\"position\":[{\"watch1\":0}]}]]],[\"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\":0}],\"initialized\":[{\"watch0\":0}],\"name\":[{\"watch1\":0}]}]]],[\"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\":0}],\"initialized\":[{\"watch0\":0}]}]]],[\"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\":0}],\"initialized\":[{\"watch0\":0}],\"boundSetSelectedOnChange\":[{\"watch0\":0}],\"name\":[{\"watch1\":0}]}],[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],\"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]},null,{\"_ref\":[{\"watch0\":0},{\"watch3\":0}],\"invalidMessage\":[{\"watch0\":0}],\"_id\":[{\"watch1\":0}],\"value\":[{\"watch2\":0}]}],[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\":0}],\"showDivider\":[{\"watch0\":0}]}]]],[\"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/cjs/{navigation-DauGE-qj.js → navigation-BztJmEHf.js}

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

package/dist/collection/collection-manifest.json

@@ -12,7 +12,6 @@
     "components/custom-select-list-item/custom-select-list-item.js",
     "components/custom-select-list/custom-select-list.js",
     "components/input/input.js",
-    "components/loading-indicator/loading-indicator.js",
     "components/tooltip/tooltip.js",
     "components/tag/tag.js",
     "components/custom-select/custom-select.js",
@@ -40,7 +39,7 @@
   ],
   "compiler": {
     "name": "@stencil/core",
-    "version": "4.41.3",
+    "version": "4.42.0",
     "typescriptVersion": "5.8.3"
   },
   "collections": [],

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

@@ -768,28 +768,30 @@ export class DBCustomSelect {
         (_a = this.abortController) === null || _a === void 0 ? void 0 : _a.abort();
     }
     render() {
-        var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q, _r;
-        return (h("div", { key: '633c651cd764cf5bb424955fa5e2bfd30e5e8e28', class: cls("db-custom-select", this.className), id: this._id, ref: (el) => {
+        var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q;
+        return (h("div", { key: '5ab3c80f3af53b7795e709feaea160e4aa26f281', 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), "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) }, h("label", { key: 'c6341945f060e403c8b0d5a3bb65c8055a07e3c4', id: this._labelId }, (_a = this.label) !== null && _a !== void 0 ? _a : DEFAULT_LABEL, h("select", { key: 'f7f9c77a12b40942365717378617ea45d38d3c0d', role: "none", hidden: true, id: this._selectId, tabIndex: -1, ref: (el) => {
+                : this.variant, "data-required": getBooleanAsString(this.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) }, h("label", { key: '281d6b75a9ae62b6e2f59c04876603988366952d', id: this._labelId }, (_a = this.label) !== null && _a !== void 0 ? _a : DEFAULT_LABEL, h("select", { key: '26029a01c106666155c40cac98a7f67739145491', role: "none", hidden: true, id: this._selectId, tabIndex: -1, ref: (el) => {
                 this.selectRef = el;
             }, form: this.form, name: this.name, 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 }, this.getOptionLabel(option))))
-            : null)), h("details", { key: '3fa0220b25ec6de48ccc29628418094022835df1', ref: (el) => {
+            ? (_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: '60f50d851ebf3b180094bdbd1c9acb3c6e1069af', ref: (el) => {
                 this.detailsRef = el;
-            }, open: this.open, onToggle: (event) => this.handleDropdownToggle(event), onKeyDown: (event) => this.handleKeyboardPress(event) }, h("slot", { key: '7eb160f589f3dbb0e171ac49bb310272108511b8' }), this.options ? (h(Fragment, null, h("summary", { class: "db-custom-select-form-field", id: this._summaryId, "aria-disabled": getBooleanAsString(this.disabled), "aria-labelledby": this._labelId }, ((_d = this._selectedLabels) === null || _d === void 0 ? void 0 : _d.length) ? (h("span", { "data-visually-hidden": getBooleanAsString(this.selectedType === "tag"), 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, index) => (h("db-tag", { emphasis: "strong", behavior: "removable", removeButton: this.getTagRemoveLabel(option), onRemove: (event) => this.handleTagRemove(option, event) }, 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: '369ba87529acc1e3b2d12869174eff0a824c0176' }), this.options ? (h(Fragment, null, h("summary", { class: "db-custom-select-form-field", id: this._summaryId, "aria-disabled": getBooleanAsString(this.disabled), "aria-labelledby": this._labelId }, ((_d = this._selectedLabels) === null || _d === void 0 ? void 0 : _d.length) ? (h("span", { "data-visually-hidden": getBooleanAsString(this.selectedType === "tag"), 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, index) => (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
-                : undefined, onInput: (event) => this.handleSearch(event) }))) : null, this._hasNoOptions || this.showLoading ? (this.showLoading ? (h("db-loading-indicator", { id: this._infoTextId }, (_h = this.loadingText) !== null && _h !== void 0 ? _h : DEFAULT_MESSAGE)) : (h("db-infotext", { semantic: "warning", id: this._infoTextId }, (_j = this.noResultsText) !== null && _j !== void 0 ? _j : DEFAULT_MESSAGE))) : (h(Fragment, null, this.selectAllEnabled ? (h("div", null, h("div", { class: "db-checkbox db-custom-select-list-item" }, h("label", null, h("input", { type: "checkbox", value: "select-all", ref: (el) => {
+                : undefined, onInput: (event) => this.handleSearch(event) }))) : null, this._hasNoOptions || this.showLoading ? (h("db-infotext", { id: this._infoTextId, icon: this.showLoading ? "circular_arrows" : undefined, semantic: this.showLoading ? "informational" : "warning" }, (_h = (this.showLoading
+            ? this.loadingText
+            : this.noResultsText)) !== null && _h !== void 0 ? _h : DEFAULT_MESSAGE)) : (h(Fragment, null, this.selectAllEnabled ? (h("div", null, h("div", { class: "db-checkbox db-custom-select-list-item" }, h("label", null, h("input", { type: "checkbox", value: "select-all", ref: (el) => {
                 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: (_l = (_k = this.listLabel) !== null && _k !== void 0 ? _k : this.label) !== null && _l !== void 0 ? _l : DEFAULT_LABEL }, (_m = this._options) === null || _m === void 0 ? void 0 : _m.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) }, !option.isGroupTitle
+            }, 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) }, (_o = this.mobileCloseButtonText) !== null && _o !== void 0 ? _o : DEFAULT_CLOSE_BUTTON))))) : null), ((_p = this.showClearSelection) !== null && _p !== void 0 ? _p : true) && ((_q = this._values) === null || _q === void 0 ? void 0 : _q.length) ? (h("db-button", { icon: "cross", variant: "ghost", size: "small", noText: true, name: this._id, form: this._id, onClick: (event) => this.handleClearAll(event) }, this.clearSelectionText, h("db-tooltip", { placement: "top" }, this.clearSelectionText))) : null, h("span", { key: 'df9efbb6d3dbae644a5dbfc0fc92488f5b67da54', class: "db-custom-select-placeholder", "aria-hidden": getBooleanAsString(true), id: this._placeholderId }, (_r = this.placeholder) !== null && _r !== void 0 ? _r : 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: '562bb4adda23878fe108eba0d2395124685cf24a', size: "small", semantic: "critical", id: this._invalidMessageId }, this._invalidMessage), h("span", { key: '93195757db11641ed911fd3684e91d6b76168cb1', "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, onClick: (event) => this.handleClearAll(event) }, this.clearSelectionText, h("db-tooltip", { placement: "top" }, this.clearSelectionText))) : null, h("span", { key: 'b4a9cebfe1db06422f428bac4d04d581bcadbb95', class: "db-custom-select-placeholder", "aria-hidden": getBooleanAsString(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: 'a407a98afeecf7634770f34e2f427a09d657419a', size: "small", semantic: "critical", id: this._invalidMessageId }, this._invalidMessage), h("span", { key: '4465c3745c21e5333c8498927416fd0f244673dd', "data-visually-hidden": "true", role: "status" }, this._voiceOverFallback)));
     }
     static get is() { return "db-custom-select"; }
     static get properties() {
@@ -1850,11 +1852,11 @@ export class DBCustomSelect {
                 "reflect": false,
                 "attribute": "list-label"
             },
-            "noResultsText": {
+            "loadingText": {
                 "type": "string",
                 "mutable": false,
                 "complexType": {
-                    "original": "DBCustomSelectProps[\"noResultsText\"]",
+                    "original": "DBCustomSelectProps[\"loadingText\"]",
                     "resolved": "string",
                     "references": {
                         "DBCustomSelectProps": {
@@ -1874,13 +1876,13 @@ export class DBCustomSelect {
                 "getter": false,
                 "setter": false,
                 "reflect": false,
-                "attribute": "no-results-text"
+                "attribute": "loading-text"
             },
-            "loadingText": {
+            "noResultsText": {
                 "type": "string",
                 "mutable": false,
                 "complexType": {
-                    "original": "DBCustomSelectProps[\"loadingText\"]",
+                    "original": "DBCustomSelectProps[\"noResultsText\"]",
                     "resolved": "string",
                     "references": {
                         "DBCustomSelectProps": {
@@ -1900,7 +1902,7 @@ export class DBCustomSelect {
                 "getter": false,
                 "setter": false,
                 "reflect": false,
-                "attribute": "loading-text"
+                "attribute": "no-results-text"
             },
             "mobileCloseButtonText": {
                 "type": "string",

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

@@ -41,9 +41,9 @@ export class DBCustomSelectFormField {
         this.enableAttributePassing(this._ref, "db-custom-select-form-field");
     }
     render() {
-        return (h("summary", { key: 'd99ab4a28f0604d5aa10d54e5da18ce976a93bf8', class: cls("db-custom-select-form-field", this.className), ref: (el) => {
+        return (h("summary", { key: '22a05256e65e56208335b9a5c840e75988a57182', class: cls("db-custom-select-form-field", this.className), ref: (el) => {
                 this._ref = el;
-            }, id: this.id }, h("slot", { key: '40f581da69159f298d83a097e08c2f74e5dfcb23' })));
+            }, id: this.id }, h("slot", { key: '3c6c62df9bf0d2a73e37a9ad69d3a46daa672984' })));
     }
     static get is() { return "db-custom-select-form-field"; }
     static get properties() {

package/dist/collection/components/divider/divider.js

@@ -41,7 +41,7 @@ export class DBDivider {
         this.enableAttributePassing(this._ref, "db-divider");
     }
     render() {
-        return (h("div", { key: '46d2766f34dc660f82cda63261ea96da0a72115f', class: cls("db-divider", this.className), ref: (el) => {
+        return (h("div", { key: '0e9bf54bcd77ec1c324eb6300162bbf8c67b8c16', class: cls("db-divider", this.className), ref: (el) => {
                 this._ref = el;
             }, id: this.id, "data-margin": this.margin, "data-variant": this.variant, "data-emphasis": this.emphasis, "data-width": this.width }));
     }

package/dist/collection/components/drawer/drawer.js

@@ -130,11 +130,11 @@ export class DBDrawer {
     }
     render() {
         var _a;
-        return (h("dialog", { key: 'cc48481a5694b3ed2a21accbbbf0a2d803cbae34', class: "db-drawer", id: this.id, ref: (el) => {
+        return (h("dialog", { key: '171c5580c99bbe2d2ea0a6e8e5962e4132d9b07f', class: "db-drawer", id: this.id, ref: (el) => {
                 this._ref = el;
-            }, onClick: (event) => this.handleClose(event), onKeyDown: (event) => this.handleClose(event), "data-position": this.position, "data-backdrop": this.backdrop, "data-direction": this.direction, "data-variant": this.variant }, h("article", { key: 'd50942300d0d842e3f6ad754920c8deddb3b4f3f', class: cls("db-drawer-container", this.className), ref: (el) => {
+            }, onClick: (event) => this.handleClose(event), onKeyDown: (event) => this.handleClose(event), "data-position": this.position, "data-backdrop": this.backdrop, "data-direction": this.direction, "data-variant": this.variant }, h("article", { key: 'e9fad39beff3e642ad13be4950bb64fd15896f80', class: cls("db-drawer-container", this.className), ref: (el) => {
                 this.dialogContainerRef = el;
-            }, "data-spacing": this.spacing, "data-width": this.width, "data-direction": this.direction, "data-rounded": getBooleanAsString(this.rounded) }, h("header", { key: 'd1c47a728ce03f4415e455352efcee61b9373d61', class: "db-drawer-header" }, h("div", { key: 'f19808d4597fbda4d9e0ceb224f8de4d3407f98c', class: "db-drawer-header-text" }, h("slot", { key: 'cfab663cef760d9d78244eead6b92bbabd919b4a', name: "drawerHeader" })), h("db-button", { key: '5391285b886bfba3be830f49365fd7c3acd98bb6', class: "button-close-drawer", icon: "cross", variant: "ghost", id: this.closeButtonId, noText: true, onClick: (event) => this.handleClose(event, true) }, (_a = this.closeButtonText) !== null && _a !== void 0 ? _a : DEFAULT_CLOSE_BUTTON)), h("div", { key: 'b83ad6bdaa47d7881ce831c696f38df7b77b041d', class: "db-drawer-content" }, h("slot", { key: '9fc37bc76ce5a6fc2945eaa225919f9c8fac8629' })))));
+            }, "data-spacing": this.spacing, "data-width": this.width, "data-direction": this.direction, "data-rounded": getBooleanAsString(this.rounded) }, h("header", { key: 'cb9f374f26ebca0f11d02081c28e856cc87107c3', class: "db-drawer-header" }, h("div", { key: '7fca8037c16e16d909bcede75e223f38ae019453', class: "db-drawer-header-text" }, h("slot", { key: '85159cc4d260fa992bfe8b933920ae286b9ab09c', name: "drawerHeader" })), h("db-button", { key: '4a9ad6ba576480b154614da72752421a8ff81df6', class: "button-close-drawer", icon: "cross", variant: "ghost", id: this.closeButtonId, noText: true, onClick: (event) => this.handleClose(event, true) }, (_a = this.closeButtonText) !== null && _a !== void 0 ? _a : DEFAULT_CLOSE_BUTTON)), h("div", { key: '9dbbd6a3835dad60dea79a9b2fbed6a62dd6b837', class: "db-drawer-content" }, h("slot", { key: '1bc4b88266e6d7250d0075e2405b725ad38b950e' })))));
     }
     static get is() { return "db-drawer"; }
     static get properties() {