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

package/dist/esm/db-custom-select.entry.js

@@ -1,9 +1,9 @@
-import { r as registerInstance, c as createEvent, h, F as Fragment } from './index-aO-2B9yO.js';
+import { r as registerInstance, c as createEvent, h, F as Fragment } from './index-05XnVETo.js';
 import { l as DEFAULT_INVALID_MESSAGE, a as DEFAULT_LABEL, m as DEFAULT_REMOVE, d as DEFAULT_LABEL_ID_SUFFIX, e as DEFAULT_SELECT_ID_SUFFIX, g as DEFAULT_VALID_MESSAGE_ID_SUFFIX, h as DEFAULT_INVALID_MESSAGE_ID_SUFFIX, i as DEFAULT_PLACEHOLDER_ID_SUFFIX, o as DEFAULT_SELECTED, f as DEFAULT_MESSAGE_ID_SUFFIX, k as DEFAULT_VALID_MESSAGE, c as DEFAULT_MESSAGE, s as DEFAULT_CLOSE_BUTTON } from './constants-BdL-nI5y.js';
 import { h as hasVoiceOver, d as delay, s as stringPropVisible, m as getSearchInput, u as uuid, g as getBooleanAsString, e as getBoolean, l as getHideProp, c as cls } from './index-C4x0SOcx.js';
 import { D as DocumentClickListener } from './document-click-listener-CmYoXpGE.js';
 import { D as DocumentScrollListener } from './document-scroll-listener-65bHuFAN.js';
-import { a as handleFixedDropdown } from './floating-components-G-TursYV.js';
+import { a as handleFixedDropdown } from './floating-components-DfYL98sI.js';
 import { b as addResetEventListener } from './form-components-BLsiOrPI.js';
 
 const DBCustomSelect = class {

package/dist/esm/db-divider.entry.js

@@ -1,4 +1,4 @@
-import { r as registerInstance, h } from './index-aO-2B9yO.js';
+import { r as registerInstance, h } from './index-05XnVETo.js';
 import { c as cls } from './index-C4x0SOcx.js';
 
 const DBDivider = class {

package/dist/esm/db-drawer.entry.js

@@ -1,4 +1,4 @@
-import { r as registerInstance, c as createEvent, h } from './index-aO-2B9yO.js';
+import { r as registerInstance, c as createEvent, h } from './index-05XnVETo.js';
 import { s as DEFAULT_CLOSE_BUTTON } from './constants-BdL-nI5y.js';
 import { o as isKeyboardEvent, d as delay, g as getBooleanAsString, c as cls } from './index-C4x0SOcx.js';
 

package/dist/esm/db-header.entry.js

@@ -1,8 +1,8 @@
-import { r as registerInstance, c as createEvent, h } from './index-aO-2B9yO.js';
+import { r as registerInstance, c as createEvent, h } from './index-05XnVETo.js';
 import { p as DEFAULT_BURGER_MENU } from './constants-BdL-nI5y.js';
 import { a as addAttributeToChildren, e as getBoolean, c as cls } from './index-C4x0SOcx.js';
-import { i as isEventTargetNavigationItem } from './navigation--UdC9CzO.js';
-import './floating-components-G-TursYV.js';
+import { i as isEventTargetNavigationItem } from './navigation-DgsMCdfn.js';
+import './floating-components-DfYL98sI.js';
 
 const DBHeader = class {
     constructor(hostRef) {

package/dist/esm/db-icon.entry.js

@@ -1,4 +1,4 @@
-import { r as registerInstance, h } from './index-aO-2B9yO.js';
+import { r as registerInstance, h } from './index-05XnVETo.js';
 import { c as cls } from './index-C4x0SOcx.js';
 
 const DBIcon = class {

package/dist/esm/db-infotext.entry.js

@@ -1,4 +1,4 @@
-import { r as registerInstance, h } from './index-aO-2B9yO.js';
+import { r as registerInstance, h } from './index-05XnVETo.js';
 import { g as getBooleanAsString, c as cls } from './index-C4x0SOcx.js';
 
 const DBInfotext = class {

package/dist/esm/db-link.entry.js

@@ -1,4 +1,4 @@
-import { r as registerInstance, h } from './index-aO-2B9yO.js';
+import { r as registerInstance, h } from './index-05XnVETo.js';
 import { g as getBooleanAsString, c as cls } from './index-C4x0SOcx.js';
 
 const DBLink = class {

package/dist/esm/db-navigation-item.entry.js

@@ -1,8 +1,8 @@
-import { r as registerInstance, c as createEvent, h, F as Fragment } from './index-aO-2B9yO.js';
+import { r as registerInstance, c as createEvent, h, F as Fragment } from './index-05XnVETo.js';
 import { n as DEFAULT_BACK } from './constants-BdL-nI5y.js';
 import { u as uuid, d as delay, e as getBoolean, g as getBooleanAsString, c as cls } from './index-C4x0SOcx.js';
-import { N as NavigationItemSafeTriangle } from './navigation--UdC9CzO.js';
-import './floating-components-G-TursYV.js';
+import { N as NavigationItemSafeTriangle } from './navigation-DgsMCdfn.js';
+import './floating-components-DfYL98sI.js';
 
 const DBNavigationItem = class {
     constructor(hostRef) {

package/dist/esm/db-navigation.entry.js

@@ -1,4 +1,4 @@
-import { r as registerInstance, h } from './index-aO-2B9yO.js';
+import { r as registerInstance, h } from './index-05XnVETo.js';
 import { D as DEFAULT_ID } from './constants-BdL-nI5y.js';
 import { u as uuid, c as cls } from './index-C4x0SOcx.js';
 

package/dist/esm/db-notification.entry.js

@@ -1,4 +1,4 @@
-import { r as registerInstance, c as createEvent, h } from './index-aO-2B9yO.js';
+import { r as registerInstance, c as createEvent, h } from './index-05XnVETo.js';
 import { s as DEFAULT_CLOSE_BUTTON } from './constants-BdL-nI5y.js';
 import { e as getBoolean, s as stringPropVisible, g as getBooleanAsString, p as getNotificationRole, c as cls } from './index-C4x0SOcx.js';
 

package/dist/esm/db-page.entry.js

@@ -1,4 +1,4 @@
-import { r as registerInstance, h } from './index-aO-2B9yO.js';
+import { r as registerInstance, h } from './index-05XnVETo.js';
 import { c as cls, g as getBooleanAsString } from './index-C4x0SOcx.js';
 
 const DBPage = class {

package/dist/esm/db-popover.entry.js

@@ -1,7 +1,7 @@
-import { r as registerInstance, h } from './index-aO-2B9yO.js';
+import { r as registerInstance, h } from './index-05XnVETo.js';
 import { d as delay, g as getBooleanAsString, c as cls } from './index-C4x0SOcx.js';
 import { D as DocumentScrollListener } from './document-scroll-listener-65bHuFAN.js';
-import { b as handleFixedPopover } from './floating-components-G-TursYV.js';
+import { b as handleFixedPopover } from './floating-components-DfYL98sI.js';
 
 const DBPopover = class {
     constructor(hostRef) {
@@ -25,7 +25,7 @@ const DBPopover = class {
         const article = this._ref.querySelector("article");
         if (article) {
             // This is a workaround for angular
-            delay(() => {
+            void delay(() => {
                 var _a;
                 handleFixedPopover(article, this._ref, (_a = this.placement) !== null && _a !== void 0 ? _a : "bottom");
             }, 1);
@@ -164,9 +164,9 @@ const DBPopover = class {
     }
     render() {
         var _a;
-        return (h("div", { key: '4d902919abc8bf5b55a617a31424f35582e029c1', class: cls("db-popover", this.className), ref: (el) => {
+        return (h("div", { key: 'b8da95165af96a1486a2a90df63886c98d73ff42', class: cls("db-popover", this.className), ref: (el) => {
                 this._ref = el;
-            }, id: this.id }, h("slot", { key: '166a0b766f6f0c003e6d7a250fd466267117f59a', name: "trigger" }), h("article", { key: '4fa535dc081c76eb21671e0abfb7d090b38e6e5c', class: "db-popover-content", "data-spacing": this.spacing, "data-gap": getBooleanAsString(this.gap), "data-animation": getBooleanAsString((_a = this.animation) !== null && _a !== void 0 ? _a : true), "data-open": getBooleanAsString(this.open), "data-delay": this.delay, "data-width": this.width, "data-placement": this.placement }, h("slot", { key: 'ef47687b496cfe4d6cce11ef5d282a2ec3a88004' }))));
+            }, id: this.id }, h("slot", { key: 'a8aabd06a96b791d23fa7bc037ad22feff8a370b', name: "trigger" }), h("article", { key: 'c349d59d154d8285ac4df1f1093503a65f1cad2d', class: "db-popover-content", "data-spacing": this.spacing, "data-gap": getBooleanAsString(this.gap), "data-animation": getBooleanAsString((_a = this.animation) !== null && _a !== void 0 ? _a : true), "data-open": getBooleanAsString(this.open), "data-delay": this.delay, "data-width": this.width, "data-placement": this.placement }, h("slot", { key: '76e4010918fec2ef4f79a6e7a10a79bc9744802a' }))));
     }
     static get watchers() { return {
         "_ref": [{

package/dist/esm/db-radio.entry.js

@@ -1,4 +1,4 @@
-import { r as registerInstance, c as createEvent, h } from './index-aO-2B9yO.js';
+import { r as registerInstance, c as createEvent, h } from './index-05XnVETo.js';
 import { u as uuid, e as getBoolean, l as getHideProp, c as cls, d as delay } from './index-C4x0SOcx.js';
 import { b as addResetEventListener } from './form-components-BLsiOrPI.js';
 

package/dist/esm/db-section.entry.js

@@ -1,4 +1,4 @@
-import { r as registerInstance, h } from './index-aO-2B9yO.js';
+import { r as registerInstance, h } from './index-05XnVETo.js';
 import { c as cls } from './index-C4x0SOcx.js';
 
 const DBSection = class {

package/dist/esm/db-select.entry.js

@@ -1,4 +1,4 @@
-import { r as registerInstance, c as createEvent, h, F as Fragment } from './index-aO-2B9yO.js';
+import { r as registerInstance, c as createEvent, h, F as Fragment } from './index-05XnVETo.js';
 import { l as DEFAULT_INVALID_MESSAGE, g as DEFAULT_VALID_MESSAGE_ID_SUFFIX, h as DEFAULT_INVALID_MESSAGE_ID_SUFFIX, f as DEFAULT_MESSAGE_ID_SUFFIX, i as DEFAULT_PLACEHOLDER_ID_SUFFIX, k as DEFAULT_VALID_MESSAGE, a as DEFAULT_LABEL } from './constants-BdL-nI5y.js';
 import { h as hasVoiceOver, d as delay, s as stringPropVisible, u as uuid, e as getBoolean, g as getBooleanAsString, l as getHideProp, c as cls } from './index-C4x0SOcx.js';
 import { c as addValueResetEventListener } from './form-components-BLsiOrPI.js';

package/dist/esm/db-stack.entry.js

@@ -1,4 +1,4 @@
-import { r as registerInstance, h } from './index-aO-2B9yO.js';
+import { r as registerInstance, h } from './index-05XnVETo.js';
 import { g as getBooleanAsString, c as cls } from './index-C4x0SOcx.js';
 
 const DBStack = class {

package/dist/esm/db-switch.entry.js

@@ -1,4 +1,4 @@
-import { r as registerInstance, c as createEvent, h } from './index-aO-2B9yO.js';
+import { r as registerInstance, c as createEvent, h } from './index-05XnVETo.js';
 import { l as DEFAULT_INVALID_MESSAGE, f as DEFAULT_MESSAGE_ID_SUFFIX, g as DEFAULT_VALID_MESSAGE_ID_SUFFIX, h as DEFAULT_INVALID_MESSAGE_ID_SUFFIX, k as DEFAULT_VALID_MESSAGE } from './constants-BdL-nI5y.js';
 import { h as hasVoiceOver, d as delay, s as stringPropVisible, u as uuid, e as getBoolean, l as getHideProp, g as getBooleanAsString, c as cls } from './index-C4x0SOcx.js';
 import { a as addCheckedResetEventListener } from './form-components-BLsiOrPI.js';

package/dist/esm/db-tab-item_3.entry.js

@@ -1,4 +1,4 @@
-import { r as registerInstance, c as createEvent, h } from './index-aO-2B9yO.js';
+import { r as registerInstance, c as createEvent, h } from './index-05XnVETo.js';
 import { g as getBooleanAsString, e as getBoolean, c as cls, u as uuid } from './index-C4x0SOcx.js';
 import { D as DEFAULT_ID } from './constants-BdL-nI5y.js';
 

package/dist/esm/db-tabs.entry.js

@@ -1,4 +1,4 @@
-import { r as registerInstance, c as createEvent, h, F as Fragment } from './index-aO-2B9yO.js';
+import { r as registerInstance, c as createEvent, h, F as Fragment } from './index-05XnVETo.js';
 import { u as uuid, c as cls } from './index-C4x0SOcx.js';
 
 const DBTabs = class {

package/dist/esm/db-textarea.entry.js

@@ -1,4 +1,4 @@
-import { r as registerInstance, c as createEvent, h } from './index-aO-2B9yO.js';
+import { r as registerInstance, c as createEvent, h } from './index-05XnVETo.js';
 import { l as DEFAULT_INVALID_MESSAGE, g as DEFAULT_VALID_MESSAGE_ID_SUFFIX, h as DEFAULT_INVALID_MESSAGE_ID_SUFFIX, f as DEFAULT_MESSAGE_ID_SUFFIX, k as DEFAULT_VALID_MESSAGE, b as DEFAULT_PLACEHOLDER, r as DEFAULT_ROWS, a as DEFAULT_LABEL } from './constants-BdL-nI5y.js';
 import { h as hasVoiceOver, d as delay, s as stringPropVisible, u as uuid, f as getNumber, e as getBoolean, l as getHideProp, c as cls } from './index-C4x0SOcx.js';
 import { c as addValueResetEventListener } from './form-components-BLsiOrPI.js';

package/dist/esm/db-tooltip.entry.js

@@ -1,8 +1,8 @@
-import { r as registerInstance, h } from './index-aO-2B9yO.js';
+import { r as registerInstance, h } from './index-05XnVETo.js';
 import { D as DEFAULT_ID } from './constants-BdL-nI5y.js';
 import { d as delay, u as uuid, g as getBooleanAsString, c as cls } from './index-C4x0SOcx.js';
 import { D as DocumentScrollListener } from './document-scroll-listener-65bHuFAN.js';
-import { b as handleFixedPopover } from './floating-components-G-TursYV.js';
+import { b as handleFixedPopover } from './floating-components-DfYL98sI.js';
 
 const DBTooltip = class {
     constructor(hostRef) {
@@ -35,7 +35,7 @@ const DBTooltip = class {
             return;
         if (this._ref) {
             // This is a workaround for angular
-            delay(() => {
+            void delay(() => {
                 var _a;
                 // Due to race conditions we need to check for _ref again
                 if (this._ref) {
@@ -100,6 +100,7 @@ const DBTooltip = class {
         if (this._ref && this.initialized && this._id) {
             const parent = this.getParent();
             if (parent) {
+                this.handleAutoPlacement(parent);
                 ["mouseenter", "focusin"].forEach((event) => {
                     parent.addEventListener(event, () => this.handleEnter(parent));
                 });
@@ -137,9 +138,9 @@ const DBTooltip = class {
     }
     render() {
         var _a, _b;
-        return (h("i", { key: '4bbec1f80b0912b870b2382cf63c3e1cba11b5e3', class: cls("db-tooltip", this.className), role: "tooltip", "aria-hidden": "true", "data-gap": "true", ref: (el) => {
+        return (h("i", { key: 'e00df6c3323a5e03dcdab1b3b995921cad86a7d9', class: cls("db-tooltip", this.className), role: "tooltip", "aria-hidden": "true", "data-gap": "true", ref: (el) => {
                 this._ref = el;
-            }, id: this._id, "data-emphasis": this.emphasis, "data-animation": getBooleanAsString((_a = this.animation) !== null && _a !== void 0 ? _a : true), "data-delay": this.delay, "data-width": this.width, "data-show-arrow": getBooleanAsString((_b = this.showArrow) !== null && _b !== void 0 ? _b : true), "data-placement": this.placement, onClick: (event) => this.handleClick(event) }, h("slot", { key: '7bcf79fa968c0a8bef84dd49c71f307c3094072c' })));
+            }, id: this._id, "data-emphasis": this.emphasis, "data-animation": getBooleanAsString((_a = this.animation) !== null && _a !== void 0 ? _a : true), "data-delay": this.delay, "data-width": this.width, "data-show-arrow": getBooleanAsString((_b = this.showArrow) !== null && _b !== void 0 ? _b : true), "data-placement": this.placement, onClick: (event) => this.handleClick(event) }, h("slot", { key: 'a08164faf64e493d0aebf674478f0125affd7a09' })));
     }
     static get watchers() { return {
         "_ref": [{

package/dist/esm/db-ux.js

@@ -1,9 +1,9 @@
-import { p as promiseResolve, b as bootstrapLazy } from './index-aO-2B9yO.js';
-export { s as setNonce } from './index-aO-2B9yO.js';
+import { p as promiseResolve, b as bootstrapLazy } from './index-05XnVETo.js';
+export { s as setNonce } from './index-05XnVETo.js';
 import { g as globalScripts } from './app-globals-DQuL1Twl.js';
 
 /*
- Stencil Client Patch Browser v4.41.3 | MIT Licensed | https://stenciljs.com
+ Stencil Client Patch Browser v4.42.0 | MIT Licensed | https://stenciljs.com
  */
 
 var patchBrowser = () => {

package/dist/esm/{floating-components-G-TursYV.js → floating-components-DfYL98sI.js}

@@ -228,10 +228,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;
@@ -241,6 +285,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;
@@ -250,6 +297,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') {
@@ -259,11 +309,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') {
@@ -273,32 +323,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/esm/{index-aO-2B9yO.js → index-05XnVETo.js}

@@ -2,7 +2,7 @@ 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
  */
 
 var reWireGetterSetter = (instance, hostRef) => {
@@ -498,6 +498,23 @@ 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) && true) {
@@ -506,7 +523,7 @@ var setAccessor = (elm, memberName, oldValue, newValue, isSvg, flags, initialRen
           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 {

package/dist/esm/index.js

@@ -2,8 +2,8 @@ export { x as COLOR, y as COLORS, z as COLORS_SIMPLE, C as COLOR_CONST, w as COL
 export { a as addAttributeToChildren, c as cls, d as delay, e as getBoolean, g as getBooleanAsString, l as getHideProp, k as getInputValue, p as getNotificationRole, f as getNumber, n as getOptionKey, m as getSearchInput, j as getStep, h as hasVoiceOver, i as isArrayOfStrings, b as isIOSSafari, o as isKeyboardEvent, s as stringPropVisible, u as uuid } from './index-C4x0SOcx.js';
 export { D as DocumentClickListener } from './document-click-listener-CmYoXpGE.js';
 export { D as DocumentScrollListener } from './document-scroll-listener-65bHuFAN.js';
-export { g as getFloatingProps, h as handleDataOutside, a as handleFixedDropdown, b as handleFixedPopover } from './floating-components-G-TursYV.js';
-export { N as NavigationItemSafeTriangle, i as isEventTargetNavigationItem } from './navigation--UdC9CzO.js';
+export { g as getFloatingProps, h as handleDataOutside, a as handleFixedDropdown, b as handleFixedPopover } from './floating-components-DfYL98sI.js';
+export { N as NavigationItemSafeTriangle, i as isEventTargetNavigationItem } from './navigation-DgsMCdfn.js';
 
 const AccordionVariantList = ['divider', 'card'];
 const AccordionBehaviorList = ['multiple', 'single'];

package/dist/esm/loader.js

@@ -1,5 +1,5 @@
-import { b as bootstrapLazy } from './index-aO-2B9yO.js';
-export { s as setNonce } from './index-aO-2B9yO.js';
+import { b as bootstrapLazy } from './index-05XnVETo.js';
+export { s as setNonce } from './index-05XnVETo.js';
 import { g as globalScripts } from './app-globals-DQuL1Twl.js';
 
 const defineCustomElements = async (win, options) => {

package/dist/esm/{navigation--UdC9CzO.js → navigation-DgsMCdfn.js}

@@ -1,4 +1,4 @@
-import { h as handleDataOutside } from './floating-components-G-TursYV.js';
+import { h as handleDataOutside } from './floating-components-DfYL98sI.js';
 
 const isEventTargetNavigationItem = (event) => {
     var _a, _b;