@db-ux/wc-core-components 3.0.2-copilot2-e7bf98b → 3.0.2-shell-ed0ed7c

package/dist/collection/utils/floating-components.js

@@ -60,9 +60,11 @@ export const handleDataOutside = (el) => {
     return dataOutsidePair;
 };
 export const handleFixedDropdown = (element, parent, placement) => {
-    // We skip this if we are in mobile it's already fixed
-    if (getComputedStyle(element).zIndex === '9999')
+    // We skip this if we are in mobile it's already fixed or if we don't have a floating dropdown
+    const computedStyle = getComputedStyle(element);
+    if (computedStyle.zIndex === '9999' || computedStyle.position !== 'fixed' && computedStyle.position !== 'absolute') {
         return;
+    }
     const { top, bottom, childHeight, childWidth, width, right, left, correctedPlacement } = getFloatingProps(element, parent, placement);
     const fullWidth = element.dataset['width'] === 'full';
     if (fullWidth) {
@@ -104,27 +106,29 @@ export const getFloatingProps = (element, parent, placement) => {
     let childHeight = childRect.height;
     let childWidth = childRect.width;
     if (placement === 'bottom' || placement === 'top') {
-        childWidth = childWidth / 2;
+        childWidth = width > childWidth ? 0 : childWidth / 2;
     }
     if (placement === 'left' || placement === 'right') {
-        childHeight = childHeight / 2;
+        childHeight = height > childHeight ? 0 : childHeight / 2;
     }
-    const outsideBottom = bottom + childHeight > innerHeight;
-    const outsideTop = top - childHeight < 0;
-    const outsideLeft = left - childWidth < 0;
-    const outsideRight = right + childWidth > innerWidth;
+    const outsideBottom = Math.floor(bottom + childHeight) > innerHeight;
+    const outsideTop = Math.ceil(top - childHeight) < 0;
+    const outsideLeft = Math.ceil(left - childWidth) < 0;
+    const outsideRight = Math.floor(right + childWidth) > innerWidth;
     let correctedPlacement = placement;
     if (placement.startsWith('bottom')) {
         if (outsideBottom) {
-            correctedPlacement = placement === null || placement === void 0 ? void 0 : placement.replace('bottom', 'top');
-            if (outsideLeft && outsideRight) {
-                correctedPlacement = 'top';
-            }
-            else if (outsideLeft) {
-                correctedPlacement = 'top-start';
-            }
-            else if (outsideRight) {
-                correctedPlacement = 'top-end';
+            if (!outsideTop) {
+                correctedPlacement = placement === null || placement === void 0 ? void 0 : placement.replace('bottom', 'top');
+                if (outsideLeft && outsideRight) {
+                    correctedPlacement = 'top';
+                }
+                else if (outsideLeft) {
+                    correctedPlacement = 'top-start';
+                }
+                else if (outsideRight) {
+                    correctedPlacement = 'top-end';
+                }
             }
         }
         else {
@@ -141,15 +145,17 @@ export const getFloatingProps = (element, parent, placement) => {
     }
     else if (placement.startsWith('top')) {
         if (outsideTop) {
-            correctedPlacement = placement === null || placement === void 0 ? void 0 : placement.replace('top', 'bottom');
-            if (outsideLeft && outsideRight) {
-                correctedPlacement = 'bottom';
-            }
-            else if (outsideLeft) {
-                correctedPlacement = 'bottom-start';
-            }
-            else if (outsideRight) {
-                correctedPlacement = 'bottom-end';
+            if (!outsideBottom) {
+                correctedPlacement = placement === null || placement === void 0 ? void 0 : placement.replace('top', 'bottom');
+                if (outsideLeft && outsideRight) {
+                    correctedPlacement = 'bottom';
+                }
+                else if (outsideLeft) {
+                    correctedPlacement = 'bottom-start';
+                }
+                else if (outsideRight) {
+                    correctedPlacement = 'bottom-end';
+                }
             }
         }
         else {
@@ -166,15 +172,17 @@ export const getFloatingProps = (element, parent, placement) => {
     }
     else if (placement.startsWith('left')) {
         if (outsideLeft) {
-            correctedPlacement = placement === null || placement === void 0 ? void 0 : placement.replace('left', 'right');
-            if (outsideBottom && outsideTop) {
-                correctedPlacement = 'right';
-            }
-            else if (outsideBottom) {
-                correctedPlacement = 'right-end';
-            }
-            else if (outsideTop) {
-                correctedPlacement = 'right-start';
+            if (outsideRight) {
+                correctedPlacement = placement === null || placement === void 0 ? void 0 : placement.replace('left', 'right');
+                if (outsideBottom && outsideTop) {
+                    correctedPlacement = 'right';
+                }
+                else if (outsideBottom) {
+                    correctedPlacement = 'right-end';
+                }
+                else if (outsideTop) {
+                    correctedPlacement = 'right-start';
+                }
             }
         }
         else {
@@ -191,15 +199,17 @@ export const getFloatingProps = (element, parent, placement) => {
     }
     else if (correctedPlacement.startsWith('right')) {
         if (outsideRight) {
-            correctedPlacement = placement === null || placement === void 0 ? void 0 : placement.replace('right', 'left');
-            if (outsideBottom && outsideTop) {
-                correctedPlacement = 'left';
-            }
-            else if (outsideBottom) {
-                correctedPlacement = 'left-end';
-            }
-            else if (outsideTop) {
-                correctedPlacement = 'left-start';
+            if (!outsideLeft) {
+                correctedPlacement = placement === null || placement === void 0 ? void 0 : placement.replace('right', 'left');
+                if (outsideBottom && outsideTop) {
+                    correctedPlacement = 'left';
+                }
+                else if (outsideBottom) {
+                    correctedPlacement = 'left-end';
+                }
+                else if (outsideTop) {
+                    correctedPlacement = 'left-start';
+                }
             }
         }
         else {
@@ -225,13 +235,24 @@ export const getFloatingProps = (element, parent, placement) => {
         childWidth: childRect.width,
         correctedPlacement,
         innerWidth,
-        innerHeight
+        innerHeight,
+        outsideYBoth: outsideTop && outsideBottom,
+        outsideXBoth: outsideRight && outsideLeft
     };
 };
 export 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, _c;
+    const computedStyle = getComputedStyle(element);
+    // We skip if we don't have a floating popover
+    if (computedStyle.position !== 'fixed' && computedStyle.position !== 'absolute') {
+        return;
+    }
+    let distance = computedStyle.getPropertyValue('--db-popover-distance');
+    if (!distance.length) {
+        distance = '0px';
+    }
+    const elementPlacement = (_c = (_b = (_a = element === null || element === void 0 ? void 0 : element.dataset) === null || _a === void 0 ? void 0 : _a['placement']) !== null && _b !== void 0 ? _b : placement) !== null && _c !== void 0 ? _c : 'bottom';
+    const { top, height, width, childHeight, childWidth, right, left, bottom, correctedPlacement, innerWidth, innerHeight, outsideYBoth } = getFloatingProps(element, parent, elementPlacement);
     // Tooltip arrow position
     if (childWidth > width && (correctedPlacement.startsWith('bottom') || correctedPlacement.startsWith('top'))) {
         const diff = width / 2 / childWidth * 100;
@@ -300,6 +321,13 @@ export const handleFixedPopover = (element, parent, placement) => {
         element.style.insetBlockStart = `calc(${bottom}px + ${distance})`;
         element.style.insetBlockEnd = `calc(${end > innerHeight ? innerHeight : end}px + ${distance})`;
     }
+    // In this case we are outside of top and bottom so we need to scroll
+    // We use the full height in this case
+    if (outsideYBoth) {
+        element.style.overflow = 'hidden auto';
+        element.style.insetBlock = distance;
+        element.style.maxBlockSize = `calc(${innerHeight}px - 2 * ${distance})`;
+    }
     element.style.position = 'fixed';
     element.dataset['correctedPlacement'] = correctedPlacement;
 };

package/dist/collection/utils/floating-components.js.map

@@ -1 +1 @@
-{"version":3,"file":"floating-components.js","sourceRoot":"","sources":["../../src/utils/floating-components.ts"],"names":[],"mappings":"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","sourcesContent":["// TODO: We should reevaluate this as soon as CSS Anchor Positioning is supported in all relevant browsers\nconst isInView = (el: HTMLElement) => {\n  const {\n    top,\n    bottom,\n    left,\n    right\n  } = el.getBoundingClientRect();\n  const {\n    innerHeight,\n    innerWidth\n  } = window;\n  let outTop = top < 0;\n  let outBottom = bottom > innerHeight;\n  let outLeft = left < 0;\n  let outRight = right > innerWidth;\n\n  // We need to check if it was already outside\n  const outsideY = el.dataset['outsideVy'];\n  const outsideX = el.dataset['outsideVx'];\n  const parentRect = el?.parentElement?.getBoundingClientRect();\n  if (parentRect) {\n    if (outsideY) {\n      const position = el.dataset['outsideVy'];\n      if (position === 'top') {\n        outTop = parentRect.top - (bottom - parentRect.bottom) < 0;\n      } else {\n        outBottom = parentRect.bottom + (parentRect.top - top) > innerHeight;\n      }\n    }\n    if (outsideX) {\n      const position = el.dataset['outsideVx'];\n      if (position === 'left') {\n        outLeft = parentRect.left - (right - parentRect.right) < 0;\n      } else {\n        outRight = parentRect.right + (parentRect.left - left) > innerWidth;\n      }\n    }\n  }\n  return {\n    outTop,\n    outBottom,\n    outLeft,\n    outRight\n  };\n};\nexport interface DBDataOutsidePair {\n  vx?: 'left' | 'right';\n  vy?: 'top' | 'bottom';\n}\nexport const handleDataOutside = (el: HTMLElement): DBDataOutsidePair => {\n  const {\n    outTop,\n    outBottom,\n    outLeft,\n    outRight\n  } = isInView(el);\n  let dataOutsidePair: DBDataOutsidePair = {};\n  if (outTop || outBottom) {\n    dataOutsidePair = {\n      vy: outTop ? 'top' : 'bottom'\n    };\n    el.dataset['outsideVy'] = dataOutsidePair.vy!;\n  } else {\n    delete el.dataset['outsideVy'];\n  }\n  if (outLeft || outRight) {\n    dataOutsidePair = {\n      ...dataOutsidePair,\n      vx: outRight ? 'right' : 'left'\n    };\n    el.dataset['outsideVx'] = dataOutsidePair.vx!;\n  } else {\n    delete el.dataset['outsideVx'];\n  }\n  return dataOutsidePair;\n};\nexport const handleFixedDropdown = (element: HTMLElement, parent: HTMLElement, placement: string) => {\n  // We skip this if we are in mobile it's already fixed\n  if (getComputedStyle(element).zIndex === '9999') return;\n  const {\n    top,\n    bottom,\n    childHeight,\n    childWidth,\n    width,\n    right,\n    left,\n    correctedPlacement\n  } = getFloatingProps(element, parent, placement);\n  const fullWidth = element.dataset['width'] === 'full';\n  if (fullWidth) {\n    element.style.inlineSize = `${width}px`;\n  }\n  if (correctedPlacement === 'top' || correctedPlacement === 'bottom' || correctedPlacement === 'top-start' || correctedPlacement === 'bottom-start') {\n    element.style.insetInlineStart = `${left}px`;\n  } else if (correctedPlacement === 'top-end' || correctedPlacement === 'bottom-end') {\n    element.style.insetInlineStart = `${right - childWidth}px`;\n  }\n  if (correctedPlacement?.startsWith('top')) {\n    element.style.insetBlockStart = `${top - childHeight}px`;\n  } else if (correctedPlacement?.startsWith('bottom')) {\n    element.style.insetBlockStart = `${bottom}px`;\n  }\n  element.style.position = 'fixed';\n};\nexport const getFloatingProps = (element: HTMLElement, parent: HTMLElement, placement: string) => {\n  if (!element || !parent) {\n    return {\n      top: 0,\n      bottom: 0,\n      right: 0,\n      height: 0,\n      width: 0,\n      left: 0,\n      childHeight: 0,\n      childWidth: 0,\n      correctedPlacement: placement,\n      innerWidth: window.innerWidth,\n      innerHeight: window.innerHeight\n    };\n  }\n  const childRect = element.getBoundingClientRect();\n  const {\n    top,\n    height,\n    bottom,\n    right,\n    left,\n    width\n  } = parent.getBoundingClientRect();\n  const {\n    innerHeight,\n    innerWidth\n  } = window;\n  let childHeight = childRect.height;\n  let childWidth = childRect.width;\n  if (placement === 'bottom' || placement === 'top') {\n    childWidth = childWidth / 2;\n  }\n  if (placement === 'left' || placement === 'right') {\n    childHeight = childHeight / 2;\n  }\n  const outsideBottom = bottom + childHeight > innerHeight;\n  const outsideTop = top - childHeight < 0;\n  const outsideLeft = left - childWidth < 0;\n  const outsideRight = right + childWidth > innerWidth;\n  let correctedPlacement = placement;\n  if (placement.startsWith('bottom')) {\n    if (outsideBottom) {\n      correctedPlacement = placement?.replace('bottom', 'top');\n      if (outsideLeft && outsideRight) {\n        correctedPlacement = 'top';\n      } else if (outsideLeft) {\n        correctedPlacement = 'top-start';\n      } else if (outsideRight) {\n        correctedPlacement = 'top-end';\n      }\n    } else {\n      if (outsideLeft && outsideRight) {\n        correctedPlacement = 'bottom';\n      } else if (outsideLeft) {\n        correctedPlacement = 'bottom-start';\n      } else if (outsideRight) {\n        correctedPlacement = 'bottom-end';\n      }\n    }\n  } else if (placement.startsWith('top')) {\n    if (outsideTop) {\n      correctedPlacement = placement?.replace('top', 'bottom');\n      if (outsideLeft && outsideRight) {\n        correctedPlacement = 'bottom';\n      } else if (outsideLeft) {\n        correctedPlacement = 'bottom-start';\n      } else if (outsideRight) {\n        correctedPlacement = 'bottom-end';\n      }\n    } else {\n      if (outsideLeft && outsideRight) {\n        correctedPlacement = 'top';\n      } else if (outsideLeft) {\n        correctedPlacement = 'top-start';\n      } else if (outsideRight) {\n        correctedPlacement = 'top-end';\n      }\n    }\n  } else if (placement.startsWith('left')) {\n    if (outsideLeft) {\n      correctedPlacement = placement?.replace('left', 'right');\n      if (outsideBottom && outsideTop) {\n        correctedPlacement = 'right';\n      } else if (outsideBottom) {\n        correctedPlacement = 'right-end';\n      } else if (outsideTop) {\n        correctedPlacement = 'right-start';\n      }\n    } else {\n      if (outsideBottom && outsideTop) {\n        correctedPlacement = 'left';\n      } else if (outsideBottom) {\n        correctedPlacement = 'left-end';\n      } else if (outsideTop) {\n        correctedPlacement = 'left-start';\n      }\n    }\n  } else if (correctedPlacement.startsWith('right')) {\n    if (outsideRight) {\n      correctedPlacement = placement?.replace('right', 'left');\n      if (outsideBottom && outsideTop) {\n        correctedPlacement = 'left';\n      } else if (outsideBottom) {\n        correctedPlacement = 'left-end';\n      } else if (outsideTop) {\n        correctedPlacement = 'left-start';\n      }\n    } else {\n      if (outsideBottom && outsideTop) {\n        correctedPlacement = 'right';\n      } else if (outsideBottom) {\n        correctedPlacement = 'right-end';\n      } else if (outsideTop) {\n        correctedPlacement = 'right-start';\n      }\n    }\n  }\n  return {\n    top,\n    bottom,\n    right,\n    height,\n    width,\n    left,\n    childHeight: childRect.height,\n    childWidth: childRect.width,\n    correctedPlacement,\n    innerWidth,\n    innerHeight\n  };\n};\nexport const handleFixedPopover = (element: HTMLElement, parent: HTMLElement, placement: string) => {\n  const distance = getComputedStyle(element).getPropertyValue('--db-popover-distance') ?? '0px';\n  const {\n    top,\n    height,\n    width,\n    childHeight,\n    childWidth,\n    right,\n    left,\n    bottom,\n    correctedPlacement,\n    innerWidth,\n    innerHeight\n  } = getFloatingProps(element, parent, placement);\n\n  // Tooltip arrow position\n\n  if (childWidth > width && (correctedPlacement.startsWith('bottom') || correctedPlacement.startsWith('top'))) {\n    const diff = width / 2 / childWidth * 100;\n    if (correctedPlacement.endsWith('start')) {\n      element.style.setProperty('--db-tooltip-arrow-inline-start', `${diff}%`);\n    } else if (correctedPlacement.endsWith('end')) {\n      element.style.setProperty('--db-tooltip-arrow-inline-start', `${100 - diff}%`);\n    }\n  }\n  if (childHeight > height && (correctedPlacement.startsWith('left') || correctedPlacement.startsWith('bottom'))) {\n    const diff = height / 2 / childHeight * 100;\n    if (correctedPlacement.endsWith('start')) {\n      element.style.setProperty('--db-tooltip-arrow-block-start', `${diff}%`);\n    } else if (correctedPlacement.endsWith('end')) {\n      element.style.setProperty('--db-tooltip-arrow-block-start', `${100 - diff}%`);\n    }\n  }\n\n  // Popover position\n\n  if (correctedPlacement === 'right' || correctedPlacement === 'left') {\n    // center horizontally\n    element.style.insetBlockStart = `${top + height / 2}px`;\n  } else if (correctedPlacement === 'right-start' || correctedPlacement === 'left-start') {\n    const end = top + childHeight;\n    element.style.insetBlockStart = `${top}px`;\n    element.style.insetBlockEnd = `${end > innerHeight ? innerHeight : end}px`;\n  } else if (correctedPlacement === 'right-end' || correctedPlacement === 'left-end') {\n    const start = bottom - childHeight;\n    element.style.insetBlockStart = `${start < 0 ? 0 : start}px`;\n    element.style.insetBlockEnd = `${bottom}px`;\n  } else if (correctedPlacement === 'top' || correctedPlacement === 'bottom') {\n    // center vertically\n    element.style.insetInlineStart = `${left + width / 2}px`;\n  } else if (correctedPlacement === 'top-start' || correctedPlacement === 'bottom-start') {\n    const end = left + childWidth;\n    element.style.insetInlineStart = `${left}px`;\n    element.style.insetInlineEnd = `${end > innerWidth ? innerWidth : end}px`;\n  } else if (correctedPlacement === 'top-end' || correctedPlacement === 'bottom-end') {\n    const start = left - childWidth;\n    element.style.insetInlineStart = `${right - childWidth}px`;\n    element.style.insetInlineEnd = `${start < 0 ? 0 : start}px`;\n  }\n  if (correctedPlacement?.startsWith('right')) {\n    const end = right + childWidth;\n    element.style.insetInlineStart = `calc(${right}px + ${distance})`;\n    element.style.insetInlineEnd = `calc(${end > innerWidth ? innerWidth : end}px + ${distance})`;\n  } else if (correctedPlacement?.startsWith('left')) {\n    const start = left - childWidth;\n    element.style.insetInlineStart = `calc(${start < 0 ? 0 : start}px - ${distance})`;\n    element.style.insetInlineEnd = `calc(${right}px - ${distance})`;\n  } else if (correctedPlacement?.startsWith('top')) {\n    const start = top - childHeight;\n    element.style.insetBlockStart = `calc(${start < 0 ? 0 : start}px - ${distance})`;\n    element.style.insetBlockEnd = `calc(${bottom}px - ${distance})`;\n  } else if (correctedPlacement?.startsWith('bottom')) {\n    const end = bottom + childHeight;\n    element.style.insetBlockStart = `calc(${bottom}px + ${distance})`;\n    element.style.insetBlockEnd = `calc(${end > innerHeight ? innerHeight : end}px + ${distance})`;\n  }\n  element.style.position = 'fixed';\n  element.dataset['correctedPlacement'] = correctedPlacement;\n}"]}
+{"version":3,"file":"floating-components.js","sourceRoot":"","sources":["../../src/utils/floating-components.ts"],"names":[],"mappings":"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","sourcesContent":["// TODO: We should reevaluate this as soon as CSS Anchor Positioning is supported in all relevant browsers\nconst isInView = (el: HTMLElement) => {\n  const {\n    top,\n    bottom,\n    left,\n    right\n  } = el.getBoundingClientRect();\n  const {\n    innerHeight,\n    innerWidth\n  } = window;\n  let outTop = top < 0;\n  let outBottom = bottom > innerHeight;\n  let outLeft = left < 0;\n  let outRight = right > innerWidth;\n\n  // We need to check if it was already outside\n  const outsideY = el.dataset['outsideVy'];\n  const outsideX = el.dataset['outsideVx'];\n  const parentRect = el?.parentElement?.getBoundingClientRect();\n  if (parentRect) {\n    if (outsideY) {\n      const position = el.dataset['outsideVy'];\n      if (position === 'top') {\n        outTop = parentRect.top - (bottom - parentRect.bottom) < 0;\n      } else {\n        outBottom = parentRect.bottom + (parentRect.top - top) > innerHeight;\n      }\n    }\n    if (outsideX) {\n      const position = el.dataset['outsideVx'];\n      if (position === 'left') {\n        outLeft = parentRect.left - (right - parentRect.right) < 0;\n      } else {\n        outRight = parentRect.right + (parentRect.left - left) > innerWidth;\n      }\n    }\n  }\n  return {\n    outTop,\n    outBottom,\n    outLeft,\n    outRight\n  };\n};\nexport interface DBDataOutsidePair {\n  vx?: 'left' | 'right';\n  vy?: 'top' | 'bottom';\n}\nexport const handleDataOutside = (el: HTMLElement): DBDataOutsidePair => {\n  const {\n    outTop,\n    outBottom,\n    outLeft,\n    outRight\n  } = isInView(el);\n  let dataOutsidePair: DBDataOutsidePair = {};\n  if (outTop || outBottom) {\n    dataOutsidePair = {\n      vy: outTop ? 'top' : 'bottom'\n    };\n    el.dataset['outsideVy'] = dataOutsidePair.vy!;\n  } else {\n    delete el.dataset['outsideVy'];\n  }\n  if (outLeft || outRight) {\n    dataOutsidePair = {\n      ...dataOutsidePair,\n      vx: outRight ? 'right' : 'left'\n    };\n    el.dataset['outsideVx'] = dataOutsidePair.vx!;\n  } else {\n    delete el.dataset['outsideVx'];\n  }\n  return dataOutsidePair;\n};\nexport const handleFixedDropdown = (element: HTMLElement, parent: HTMLElement, placement: string) => {\n  // We skip this if we are in mobile it's already fixed or if we don't have a floating dropdown\n  const computedStyle = getComputedStyle(element);\n  if (computedStyle.zIndex === '9999' || computedStyle.position !== 'fixed' && computedStyle.position !== 'absolute') {\n    return;\n  }\n  const {\n    top,\n    bottom,\n    childHeight,\n    childWidth,\n    width,\n    right,\n    left,\n    correctedPlacement\n  } = getFloatingProps(element, parent, placement);\n  const fullWidth = element.dataset['width'] === 'full';\n  if (fullWidth) {\n    element.style.inlineSize = `${width}px`;\n  }\n  if (correctedPlacement === 'top' || correctedPlacement === 'bottom' || correctedPlacement === 'top-start' || correctedPlacement === 'bottom-start') {\n    element.style.insetInlineStart = `${left}px`;\n  } else if (correctedPlacement === 'top-end' || correctedPlacement === 'bottom-end') {\n    element.style.insetInlineStart = `${right - childWidth}px`;\n  }\n  if (correctedPlacement?.startsWith('top')) {\n    element.style.insetBlockStart = `${top - childHeight}px`;\n  } else if (correctedPlacement?.startsWith('bottom')) {\n    element.style.insetBlockStart = `${bottom}px`;\n  }\n  element.style.position = 'fixed';\n};\nexport const getFloatingProps = (element: HTMLElement, parent: HTMLElement, placement: string) => {\n  if (!element || !parent) {\n    return {\n      top: 0,\n      bottom: 0,\n      right: 0,\n      height: 0,\n      width: 0,\n      left: 0,\n      childHeight: 0,\n      childWidth: 0,\n      correctedPlacement: placement,\n      innerWidth: window.innerWidth,\n      innerHeight: window.innerHeight\n    };\n  }\n  const childRect = element.getBoundingClientRect();\n  const {\n    top,\n    height,\n    bottom,\n    right,\n    left,\n    width\n  } = parent.getBoundingClientRect();\n  const {\n    innerHeight,\n    innerWidth\n  } = window;\n  let childHeight = childRect.height;\n  let childWidth = childRect.width;\n  if (placement === 'bottom' || placement === 'top') {\n    childWidth = width > childWidth ? 0 : childWidth / 2;\n  }\n  if (placement === 'left' || placement === 'right') {\n    childHeight = height > childHeight ? 0 : childHeight / 2;\n  }\n  const outsideBottom = Math.floor(bottom + childHeight) > innerHeight;\n  const outsideTop = Math.ceil(top - childHeight) < 0;\n  const outsideLeft = Math.ceil(left - childWidth) < 0;\n  const outsideRight = Math.floor(right + childWidth) > innerWidth;\n  let correctedPlacement = placement;\n  if (placement.startsWith('bottom')) {\n    if (outsideBottom) {\n      if (!outsideTop) {\n        correctedPlacement = placement?.replace('bottom', 'top');\n        if (outsideLeft && outsideRight) {\n          correctedPlacement = 'top';\n        } else if (outsideLeft) {\n          correctedPlacement = 'top-start';\n        } else if (outsideRight) {\n          correctedPlacement = 'top-end';\n        }\n      }\n    } else {\n      if (outsideLeft && outsideRight) {\n        correctedPlacement = 'bottom';\n      } else if (outsideLeft) {\n        correctedPlacement = 'bottom-start';\n      } else if (outsideRight) {\n        correctedPlacement = 'bottom-end';\n      }\n    }\n  } else if (placement.startsWith('top')) {\n    if (outsideTop) {\n      if (!outsideBottom) {\n        correctedPlacement = placement?.replace('top', 'bottom');\n        if (outsideLeft && outsideRight) {\n          correctedPlacement = 'bottom';\n        } else if (outsideLeft) {\n          correctedPlacement = 'bottom-start';\n        } else if (outsideRight) {\n          correctedPlacement = 'bottom-end';\n        }\n      }\n    } else {\n      if (outsideLeft && outsideRight) {\n        correctedPlacement = 'top';\n      } else if (outsideLeft) {\n        correctedPlacement = 'top-start';\n      } else if (outsideRight) {\n        correctedPlacement = 'top-end';\n      }\n    }\n  } else if (placement.startsWith('left')) {\n    if (outsideLeft) {\n      if (outsideRight) {\n        correctedPlacement = placement?.replace('left', 'right');\n        if (outsideBottom && outsideTop) {\n          correctedPlacement = 'right';\n        } else if (outsideBottom) {\n          correctedPlacement = 'right-end';\n        } else if (outsideTop) {\n          correctedPlacement = 'right-start';\n        }\n      }\n    } else {\n      if (outsideBottom && outsideTop) {\n        correctedPlacement = 'left';\n      } else if (outsideBottom) {\n        correctedPlacement = 'left-end';\n      } else if (outsideTop) {\n        correctedPlacement = 'left-start';\n      }\n    }\n  } else if (correctedPlacement.startsWith('right')) {\n    if (outsideRight) {\n      if (!outsideLeft) {\n        correctedPlacement = placement?.replace('right', 'left');\n        if (outsideBottom && outsideTop) {\n          correctedPlacement = 'left';\n        } else if (outsideBottom) {\n          correctedPlacement = 'left-end';\n        } else if (outsideTop) {\n          correctedPlacement = 'left-start';\n        }\n      }\n    } else {\n      if (outsideBottom && outsideTop) {\n        correctedPlacement = 'right';\n      } else if (outsideBottom) {\n        correctedPlacement = 'right-end';\n      } else if (outsideTop) {\n        correctedPlacement = 'right-start';\n      }\n    }\n  }\n  return {\n    top,\n    bottom,\n    right,\n    height,\n    width,\n    left,\n    childHeight: childRect.height,\n    childWidth: childRect.width,\n    correctedPlacement,\n    innerWidth,\n    innerHeight,\n    outsideYBoth: outsideTop && outsideBottom,\n    outsideXBoth: outsideRight && outsideLeft\n  };\n};\nexport const handleFixedPopover = (element: HTMLElement, parent: HTMLElement, placement?: string) => {\n  const computedStyle = getComputedStyle(element);\n\n  // We skip if we don't have a floating popover\n  if (computedStyle.position !== 'fixed' && computedStyle.position !== 'absolute') {\n    return;\n  }\n  let distance = computedStyle.getPropertyValue('--db-popover-distance');\n  if (!distance.length) {\n    distance = '0px';\n  }\n  const elementPlacement = element?.dataset?.['placement'] ?? placement ?? 'bottom';\n  const {\n    top,\n    height,\n    width,\n    childHeight,\n    childWidth,\n    right,\n    left,\n    bottom,\n    correctedPlacement,\n    innerWidth,\n    innerHeight,\n    outsideYBoth\n  } = getFloatingProps(element, parent, elementPlacement);\n\n  // Tooltip arrow position\n\n  if (childWidth > width && (correctedPlacement.startsWith('bottom') || correctedPlacement.startsWith('top'))) {\n    const diff = width / 2 / childWidth * 100;\n    if (correctedPlacement.endsWith('start')) {\n      element.style.setProperty('--db-tooltip-arrow-inline-start', `${diff}%`);\n    } else if (correctedPlacement.endsWith('end')) {\n      element.style.setProperty('--db-tooltip-arrow-inline-start', `${100 - diff}%`);\n    }\n  }\n  if (childHeight > height && (correctedPlacement.startsWith('left') || correctedPlacement.startsWith('bottom'))) {\n    const diff = height / 2 / childHeight * 100;\n    if (correctedPlacement.endsWith('start')) {\n      element.style.setProperty('--db-tooltip-arrow-block-start', `${diff}%`);\n    } else if (correctedPlacement.endsWith('end')) {\n      element.style.setProperty('--db-tooltip-arrow-block-start', `${100 - diff}%`);\n    }\n  }\n\n  // Popover position\n\n  if (correctedPlacement === 'right' || correctedPlacement === 'left') {\n    // center horizontally\n    element.style.insetBlockStart = `${top + height / 2}px`;\n  } else if (correctedPlacement === 'right-start' || correctedPlacement === 'left-start') {\n    const end = top + childHeight;\n    element.style.insetBlockStart = `${top}px`;\n    element.style.insetBlockEnd = `${end > innerHeight ? innerHeight : end}px`;\n  } else if (correctedPlacement === 'right-end' || correctedPlacement === 'left-end') {\n    const start = bottom - childHeight;\n    element.style.insetBlockStart = `${start < 0 ? 0 : start}px`;\n    element.style.insetBlockEnd = `${bottom}px`;\n  } else if (correctedPlacement === 'top' || correctedPlacement === 'bottom') {\n    // center vertically\n    element.style.insetInlineStart = `${left + width / 2}px`;\n  } else if (correctedPlacement === 'top-start' || correctedPlacement === 'bottom-start') {\n    const end = left + childWidth;\n    element.style.insetInlineStart = `${left}px`;\n    element.style.insetInlineEnd = `${end > innerWidth ? innerWidth : end}px`;\n  } else if (correctedPlacement === 'top-end' || correctedPlacement === 'bottom-end') {\n    const start = left - childWidth;\n    element.style.insetInlineStart = `${right - childWidth}px`;\n    element.style.insetInlineEnd = `${start < 0 ? 0 : start}px`;\n  }\n  if (correctedPlacement?.startsWith('right')) {\n    const end = right + childWidth;\n    element.style.insetInlineStart = `calc(${right}px + ${distance})`;\n    element.style.insetInlineEnd = `calc(${end > innerWidth ? innerWidth : end}px + ${distance})`;\n  } else if (correctedPlacement?.startsWith('left')) {\n    const start = left - childWidth;\n    element.style.insetInlineStart = `calc(${start < 0 ? 0 : start}px - ${distance})`;\n    element.style.insetInlineEnd = `calc(${right}px - ${distance})`;\n  } else if (correctedPlacement?.startsWith('top')) {\n    const start = top - childHeight;\n    element.style.insetBlockStart = `calc(${start < 0 ? 0 : start}px - ${distance})`;\n    element.style.insetBlockEnd = `calc(${bottom}px - ${distance})`;\n  } else if (correctedPlacement?.startsWith('bottom')) {\n    const end = bottom + childHeight;\n    element.style.insetBlockStart = `calc(${bottom}px + ${distance})`;\n    element.style.insetBlockEnd = `calc(${end > innerHeight ? innerHeight : end}px + ${distance})`;\n  }\n\n  // In this case we are outside of top and bottom so we need to scroll\n  // We use the full height in this case\n  if (outsideYBoth) {\n    element.style.overflow = 'hidden auto';\n    element.style.insetBlock = distance;\n    element.style.maxBlockSize = `calc(${innerHeight}px - 2 * ${distance})`;\n  }\n  element.style.position = 'fixed';\n  element.dataset['correctedPlacement'] = correctedPlacement;\n}"]}

package/dist/collection/utils/navigation.js

@@ -1,12 +1,12 @@
-import { handleDataOutside } from "./floating-components";
+import { handleDataOutside, handleFixedPopover } from "./floating-components";
 export const isEventTargetNavigationItem = (event) => {
-    var _a, _b;
+    var _a;
     const { target } = event;
-    return Boolean(!((_a = target === null || target === void 0 ? void 0 : target.classList) === null || _a === void 0 ? void 0 : _a.contains('db-navigation-item-expand-button')) && ((_b = target === null || target === void 0 ? void 0 : target.parentElement) === null || _b === void 0 ? void 0 : _b.classList.contains('db-navigation-item')));
+    return Boolean((_a = target === null || target === void 0 ? void 0 : target.parentElement) === null || _a === void 0 ? void 0 : _a.classList.contains('db-navigation-item'));
 };
 export class NavigationItemSafeTriangle {
     constructor(element, subNavigation) {
-        var _a;
+        var _a, _b;
         this.parentSubNavigation = null;
         this.initialized = false;
         this.mouseX = 0;
@@ -16,13 +16,12 @@ export class NavigationItemSafeTriangle {
         if (!this.element || !this.subNavigation) {
             return;
         }
-        this.parentSubNavigation = (_a = this.element) === null || _a === void 0 ? void 0 : _a.closest('.db-sub-navigation');
+        this.parentSubNavigation = (_b = (_a = this.element) === null || _a === void 0 ? void 0 : _a.closest('.db-navigation-item-group-menu')) !== null && _b !== void 0 ? _b : this.element;
         /*
          * only initiate if:
-         * 1. item is not at root navigation level
          * 2. item is not in the mobile navigation / within db-drawer
          */
-        if (this.parentSubNavigation && !this.element.closest('.db-drawer')) {
+        if (!this.element.closest('.db-drawer')) {
             this.init();
         }
     }
@@ -88,20 +87,10 @@ export class NavigationItemSafeTriangle {
         }
         return false;
     }
-    getTriangleCoordinates(variant) {
+    getTriangleCoordinates() {
         if (!this.triangleData) {
             return;
         }
-        if (variant === 'fill-gap') {
-            const itemHeight = `${this.triangleData.itemRect.height + 2 * this.triangleData.padding}px`;
-            const xStart = `${this.triangleData.parentElementWidth - this.triangleData.padding}px`;
-            return {
-                lb: `${xStart} ${itemHeight}`,
-                lt: `${xStart} 0`,
-                rt: '100% 0',
-                rb: `100% ${itemHeight}`
-            };
-        }
         const tipX = this.getTriangleTipX();
         const tipY = this.getTriangleTipY();
         const lb = `${tipX}px ${tipY}px`;
@@ -120,7 +109,7 @@ export class NavigationItemSafeTriangle {
         this.mouseX = event.clientX - this.triangleData.itemRect.left;
         this.mouseY = event.clientY - this.triangleData.itemRect.top;
         const isOverSubNavigation = this.hasMouseEnteredSubNavigation();
-        const coordinates = this.getTriangleCoordinates(isOverSubNavigation ? 'fill-gap' : 'safe-triangle');
+        const coordinates = this.getTriangleCoordinates();
         if (!coordinates) {
             return;
         }
@@ -130,8 +119,31 @@ export class NavigationItemSafeTriangle {
         }
     }
 }
-export default {
-    isEventTargetNavigationItem,
-    NavigationItemSafeTriangle
+export const handleSubNavigationPosition = (element, level = 0) => {
+    for (const navItem of Array.from(element.querySelectorAll('.db-navigation-item-group'))) {
+        const subNavigation = navItem.querySelector('.db-navigation-item-group-menu');
+        const button = navItem.querySelector('.db-navigation-item-group-expand-button');
+        if (subNavigation && button) {
+            /*
+             * This is set via css inside:
+             * `packages/components/src/components/navigation-item-group/navigation-item-group-menu-popover.scss`.
+             * We don't need to calculate the position of the menu as a popover.
+             */
+            const isMobile = getComputedStyle(subNavigation).getPropertyValue('--db-navigation-item-group-menu-mobile');
+            if (isMobile)
+                return;
+            if (level > 0 || subNavigation.dataset['open'] === 'horizontal') {
+                // Sub-Navigation should be opened horizontal
+                handleFixedPopover(subNavigation, button, 'right-start');
+                subNavigation.dataset['open'] = 'horizontal';
+            }
+            else {
+                // Sub-Navigation should be opened vertical
+                handleFixedPopover(subNavigation, button, 'bottom-start');
+                subNavigation.dataset['open'] = 'vertical';
+            }
+            handleSubNavigationPosition(subNavigation, level + 1);
+        }
+    }
 };
 //# sourceMappingURL=navigation.js.map

package/dist/collection/utils/navigation.js.map

@@ -1 +1 @@
-{"version":3,"file":"navigation.js","sourceRoot":"","sources":["../../src/utils/navigation.ts"],"names":[],"mappings":"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","sourcesContent":["import { handleDataOutside } from './floating-components';\nexport type TriangleData = {\n  itemRect: DOMRect;\n  parentElementWidth: number;\n  subNavigationHeight: number;\n  padding: number;\n  outsideVX: 'left' | 'right' | undefined;\n  outsideVY: 'top' | 'bottom' | undefined;\n};\nexport const isEventTargetNavigationItem = (event: unknown): boolean => {\n  const {\n    target\n  } = event as {\n    target: HTMLElement;\n  };\n  return Boolean(!target?.classList?.contains('db-navigation-item-expand-button') && target?.parentElement?.classList.contains('db-navigation-item'));\n};\nexport class NavigationItemSafeTriangle {\n  private readonly element: HTMLElement | null;\n  private readonly subNavigation: HTMLElement | null;\n  private readonly parentSubNavigation: HTMLElement | null = null;\n  private triangleData?: TriangleData;\n  private initialized: boolean = false;\n  private mouseX: number = 0;\n  private mouseY: number = 0;\n  constructor(element: HTMLElement | null, subNavigation: HTMLElement | null) {\n    this.element = element;\n    this.subNavigation = subNavigation;\n    if (!this.element || !this.subNavigation) {\n      return;\n    }\n    this.parentSubNavigation = this.element?.closest('.db-sub-navigation');\n\n    /*\n     * only initiate if:\n     * 1. item is not at root navigation level\n     * 2. item is not in the mobile navigation / within db-drawer\n     */\n    if (this.parentSubNavigation && !this.element.closest('.db-drawer')) {\n      this.init();\n    }\n  }\n  private init() {\n    const parentElementWidth = this.parentSubNavigation?.getBoundingClientRect().width ?? 0;\n\n    // the triangle has the width of the sub-navigation, current nav-item can be wider.\n    // so the width of the triangle must be adapted to a possibly wider nav-item.\n    this.element?.style.setProperty('--db-navigation-item-inline-size', `${parentElementWidth}px`);\n    this.initialized = true;\n  }\n  public enableFollow() {\n    if (!this.initialized || this.triangleData || !this.element || !this.subNavigation) {\n      return;\n    }\n    const dataOutsidePair = handleDataOutside(this.subNavigation);\n    const itemRect = this.element.getBoundingClientRect();\n    const parentElementWidth = this.parentSubNavigation?.getBoundingClientRect().width ?? 0;\n    this.triangleData = {\n      itemRect,\n      parentElementWidth,\n      subNavigationHeight: this.subNavigation.getBoundingClientRect().height,\n      padding: (parentElementWidth - itemRect.width) / 2,\n      outsideVX: dataOutsidePair.vx,\n      outsideVY: dataOutsidePair.vy\n    };\n  }\n  public disableFollow() {\n    this.triangleData = undefined;\n  }\n  private getTriangleTipX(): number {\n    if (!this.triangleData) return 0;\n    if (this.triangleData.outsideVX === 'right') {\n      // vertical flipped triangle needs an inverted x pos\n      return this.triangleData.itemRect.width - this.mouseX;\n    }\n\n    // triangle stops shrinking from 75% x pos\n    return Math.min(this.mouseX, this.triangleData.itemRect.width * 0.75);\n  }\n  private getTriangleTipY(): number {\n    if (!this.triangleData) return 0;\n\n    // padding must be added to the y pos of the tip so that the y pos matches the cursor\n    const mouseYLimited = Math.max(Math.min(this.mouseY, this.triangleData.itemRect.height), 0) + this.triangleData.padding;\n    if (this.triangleData.outsideVY === 'bottom') {\n      // add offset to tip y pos to match corrected sub-navigation y pos\n      return mouseYLimited + (this.triangleData.subNavigationHeight - this.triangleData.padding * 2 - this.triangleData.itemRect.height);\n    }\n    return mouseYLimited;\n  }\n  private hasMouseEnteredSubNavigation(): boolean {\n    if (!this.triangleData) {\n      return false;\n    }\n    const isSubNavigationOnLeftSide = this.triangleData.outsideVX === 'right';\n    if (isSubNavigationOnLeftSide && this.mouseX < -1 * this.triangleData.padding) {\n      return true;\n    }\n    if (!isSubNavigationOnLeftSide && this.mouseX > this.triangleData.parentElementWidth - this.triangleData.padding) {\n      return true;\n    }\n    return false;\n  }\n  private getTriangleCoordinates(variant: 'safe-triangle' | 'fill-gap'): undefined | {\n    lb: string;\n    lt: string;\n    rt: string;\n    rb: string;\n  } {\n    if (!this.triangleData) {\n      return;\n    }\n    if (variant === 'fill-gap') {\n      const itemHeight = `${this.triangleData.itemRect.height + 2 * this.triangleData.padding}px`;\n      const xStart = `${this.triangleData.parentElementWidth - this.triangleData.padding}px`;\n      return {\n        lb: `${xStart} ${itemHeight}`,\n        lt: `${xStart} 0`,\n        rt: '100% 0',\n        rb: `100% ${itemHeight}`\n      };\n    }\n    const tipX = this.getTriangleTipX();\n    const tipY = this.getTriangleTipY();\n    const lb = `${tipX}px ${tipY}px`;\n    const lt = `${tipX}px ${tipY}px`;\n    return {\n      lb,\n      lt,\n      rt: '100% 0',\n      rb: '100% 100%'\n    };\n  }\n  public followByMouseEvent(event: MouseEvent) {\n    if (!this.initialized || !this.triangleData || !this.element || !this.subNavigation) {\n      return;\n    }\n    this.mouseX = event.clientX - this.triangleData.itemRect.left;\n    this.mouseY = event.clientY - this.triangleData.itemRect.top;\n    const isOverSubNavigation = this.hasMouseEnteredSubNavigation();\n    const coordinates = this.getTriangleCoordinates(isOverSubNavigation ? 'fill-gap' : 'safe-triangle');\n    if (!coordinates) {\n      return;\n    }\n    this.element.style.setProperty('--db-navigation-item-clip-path', `polygon(${coordinates.lb}, ${coordinates.lt}, ${coordinates.rt}, ${coordinates.rb})`);\n    if (isOverSubNavigation) {\n      this.triangleData = undefined;\n    }\n  }\n}\nexport default {\n  isEventTargetNavigationItem,\n  NavigationItemSafeTriangle\n}"]}
+{"version":3,"file":"navigation.js","sourceRoot":"","sources":["../../src/utils/navigation.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,iBAAiB,EAAE,kBAAkB,EAAE,MAAM,uBAAuB,CAAC;AAS9E,MAAM,CAAC,MAAM,2BAA2B,GAAG,CAAC,KAAc,EAAW,EAAE;;IACrE,MAAM,EACJ,MAAM,EACP,GAAG,KAEH,CAAC;IACF,OAAO,OAAO,CAAC,MAAA,MAAM,aAAN,MAAM,uBAAN,MAAM,CAAE,aAAa,0CAAE,SAAS,CAAC,QAAQ,CAAC,oBAAoB,CAAC,CAAC,CAAC;AAClF,CAAC,CAAC;AACF,MAAM,OAAO,0BAA0B;IAQrC,YAAY,OAA2B,EAAE,aAAiC;;QALzD,wBAAmB,GAAuB,IAAI,CAAC;QAExD,gBAAW,GAAY,KAAK,CAAC;QAC7B,WAAM,GAAW,CAAC,CAAC;QACnB,WAAM,GAAW,CAAC,CAAC;QAEzB,IAAI,CAAC,OAAO,GAAG,OAAO,CAAC;QACvB,IAAI,CAAC,aAAa,GAAG,aAAa,CAAC;QACnC,IAAI,CAAC,IAAI,CAAC,OAAO,IAAI,CAAC,IAAI,CAAC,aAAa,EAAE,CAAC;YACzC,OAAO;QACT,CAAC;QACD,IAAI,CAAC,mBAAmB,GAAG,MAAA,MAAA,IAAI,CAAC,OAAO,0CAAE,OAAO,CAAC,gCAAgC,CAAC,mCAAI,IAAI,CAAC,OAAO,CAAC;QAEnG;;;WAGG;QACH,IAAI,CAAC,IAAI,CAAC,OAAO,CAAC,OAAO,CAAC,YAAY,CAAC,EAAE,CAAC;YACxC,IAAI,CAAC,IAAI,EAAE,CAAC;QACd,CAAC;IACH,CAAC;IACO,IAAI;;QACV,MAAM,kBAAkB,GAAG,MAAA,MAAA,IAAI,CAAC,mBAAmB,0CAAE,qBAAqB,GAAG,KAAK,mCAAI,CAAC,CAAC;QAExF,mFAAmF;QACnF,6EAA6E;QAC7E,MAAA,IAAI,CAAC,OAAO,0CAAE,KAAK,CAAC,WAAW,CAAC,kCAAkC,EAAE,GAAG,kBAAkB,IAAI,CAAC,CAAC;QAC/F,IAAI,CAAC,WAAW,GAAG,IAAI,CAAC;IAC1B,CAAC;IACM,YAAY;;QACjB,IAAI,CAAC,IAAI,CAAC,WAAW,IAAI,IAAI,CAAC,YAAY,IAAI,CAAC,IAAI,CAAC,OAAO,IAAI,CAAC,IAAI,CAAC,aAAa,EAAE,CAAC;YACnF,OAAO;QACT,CAAC;QACD,MAAM,eAAe,GAAG,iBAAiB,CAAC,IAAI,CAAC,aAAa,CAAC,CAAC;QAC9D,MAAM,QAAQ,GAAG,IAAI,CAAC,OAAO,CAAC,qBAAqB,EAAE,CAAC;QACtD,MAAM,kBAAkB,GAAG,MAAA,MAAA,IAAI,CAAC,mBAAmB,0CAAE,qBAAqB,GAAG,KAAK,mCAAI,CAAC,CAAC;QACxF,IAAI,CAAC,YAAY,GAAG;YAClB,QAAQ;YACR,kBAAkB;YAClB,mBAAmB,EAAE,IAAI,CAAC,aAAa,CAAC,qBAAqB,EAAE,CAAC,MAAM;YACtE,OAAO,EAAE,CAAC,kBAAkB,GAAG,QAAQ,CAAC,KAAK,CAAC,GAAG,CAAC;YAClD,SAAS,EAAE,eAAe,CAAC,EAAE;YAC7B,SAAS,EAAE,eAAe,CAAC,EAAE;SAC9B,CAAC;IACJ,CAAC;IACM,aAAa;QAClB,IAAI,CAAC,YAAY,GAAG,SAAS,CAAC;IAChC,CAAC;IACO,eAAe;QACrB,IAAI,CAAC,IAAI,CAAC,YAAY;YAAE,OAAO,CAAC,CAAC;QACjC,IAAI,IAAI,CAAC,YAAY,CAAC,SAAS,KAAK,OAAO,EAAE,CAAC;YAC5C,oDAAoD;YACpD,OAAO,IAAI,CAAC,YAAY,CAAC,QAAQ,CAAC,KAAK,GAAG,IAAI,CAAC,MAAM,CAAC;QACxD,CAAC;QAED,0CAA0C;QAC1C,OAAO,IAAI,CAAC,GAAG,CAAC,IAAI,CAAC,MAAM,EAAE,IAAI,CAAC,YAAY,CAAC,QAAQ,CAAC,KAAK,GAAG,IAAI,CAAC,CAAC;IACxE,CAAC;IACO,eAAe;QACrB,IAAI,CAAC,IAAI,CAAC,YAAY;YAAE,OAAO,CAAC,CAAC;QAEjC,qFAAqF;QACrF,MAAM,aAAa,GAAG,IAAI,CAAC,GAAG,CAAC,IAAI,CAAC,GAAG,CAAC,IAAI,CAAC,MAAM,EAAE,IAAI,CAAC,YAAY,CAAC,QAAQ,CAAC,MAAM,CAAC,EAAE,CAAC,CAAC,GAAG,IAAI,CAAC,YAAY,CAAC,OAAO,CAAC;QACxH,IAAI,IAAI,CAAC,YAAY,CAAC,SAAS,KAAK,QAAQ,EAAE,CAAC;YAC7C,kEAAkE;YAClE,OAAO,aAAa,GAAG,CAAC,IAAI,CAAC,YAAY,CAAC,mBAAmB,GAAG,IAAI,CAAC,YAAY,CAAC,OAAO,GAAG,CAAC,GAAG,IAAI,CAAC,YAAY,CAAC,QAAQ,CAAC,MAAM,CAAC,CAAC;QACrI,CAAC;QACD,OAAO,aAAa,CAAC;IACvB,CAAC;IACO,4BAA4B;QAClC,IAAI,CAAC,IAAI,CAAC,YAAY,EAAE,CAAC;YACvB,OAAO,KAAK,CAAC;QACf,CAAC;QACD,MAAM,yBAAyB,GAAG,IAAI,CAAC,YAAY,CAAC,SAAS,KAAK,OAAO,CAAC;QAC1E,IAAI,yBAAyB,IAAI,IAAI,CAAC,MAAM,GAAG,CAAC,CAAC,GAAG,IAAI,CAAC,YAAY,CAAC,OAAO,EAAE,CAAC;YAC9E,OAAO,IAAI,CAAC;QACd,CAAC;QACD,IAAI,CAAC,yBAAyB,IAAI,IAAI,CAAC,MAAM,GAAG,IAAI,CAAC,YAAY,CAAC,kBAAkB,GAAG,IAAI,CAAC,YAAY,CAAC,OAAO,EAAE,CAAC;YACjH,OAAO,IAAI,CAAC;QACd,CAAC;QACD,OAAO,KAAK,CAAC;IACf,CAAC;IACO,sBAAsB;QAM5B,IAAI,CAAC,IAAI,CAAC,YAAY,EAAE,CAAC;YACvB,OAAO;QACT,CAAC;QACD,MAAM,IAAI,GAAG,IAAI,CAAC,eAAe,EAAE,CAAC;QACpC,MAAM,IAAI,GAAG,IAAI,CAAC,eAAe,EAAE,CAAC;QACpC,MAAM,EAAE,GAAG,GAAG,IAAI,MAAM,IAAI,IAAI,CAAC;QACjC,MAAM,EAAE,GAAG,GAAG,IAAI,MAAM,IAAI,IAAI,CAAC;QACjC,OAAO;YACL,EAAE;YACF,EAAE;YACF,EAAE,EAAE,QAAQ;YACZ,EAAE,EAAE,WAAW;SAChB,CAAC;IACJ,CAAC;IACM,kBAAkB,CAAC,KAAU;QAClC,IAAI,CAAC,IAAI,CAAC,WAAW,IAAI,CAAC,IAAI,CAAC,YAAY,IAAI,CAAC,IAAI,CAAC,OAAO,IAAI,CAAC,IAAI,CAAC,aAAa,EAAE,CAAC;YACpF,OAAO;QACT,CAAC;QACD,IAAI,CAAC,MAAM,GAAG,KAAK,CAAC,OAAO,GAAG,IAAI,CAAC,YAAY,CAAC,QAAQ,CAAC,IAAI,CAAC;QAC9D,IAAI,CAAC,MAAM,GAAG,KAAK,CAAC,OAAO,GAAG,IAAI,CAAC,YAAY,CAAC,QAAQ,CAAC,GAAG,CAAC;QAC7D,MAAM,mBAAmB,GAAG,IAAI,CAAC,4BAA4B,EAAE,CAAC;QAChE,MAAM,WAAW,GAAG,IAAI,CAAC,sBAAsB,EAAE,CAAC;QAClD,IAAI,CAAC,WAAW,EAAE,CAAC;YACjB,OAAO;QACT,CAAC;QACD,IAAI,CAAC,OAAO,CAAC,KAAK,CAAC,WAAW,CAAC,gCAAgC,EAAE,WAAW,WAAW,CAAC,EAAE,KAAK,WAAW,CAAC,EAAE,KAAK,WAAW,CAAC,EAAE,KAAK,WAAW,CAAC,EAAE,GAAG,CAAC,CAAC;QACxJ,IAAI,mBAAmB,EAAE,CAAC;YACxB,IAAI,CAAC,YAAY,GAAG,SAAS,CAAC;QAChC,CAAC;IACH,CAAC;CACF;AACD,MAAM,CAAC,MAAM,2BAA2B,GAAG,CAAC,OAAoB,EAAE,QAAgB,CAAC,EAAE,EAAE;IACrF,KAAK,MAAM,OAAO,IAAI,KAAK,CAAC,IAAI,CAAC,OAAO,CAAC,gBAAgB,CAAC,2BAA2B,CAAC,CAAC,EAAE,CAAC;QACxF,MAAM,aAAa,GAAuB,OAAO,CAAC,aAAa,CAAC,gCAAgC,CAAC,CAAC;QAClG,MAAM,MAAM,GAAuB,OAAO,CAAC,aAAa,CAAC,yCAAyC,CAAC,CAAC;QACpG,IAAI,aAAa,IAAI,MAAM,EAAE,CAAC;YAC5B;;;;eAIG;YACH,MAAM,QAAQ,GAAG,gBAAgB,CAAC,aAAa,CAAC,CAAC,gBAAgB,CAAC,wCAAwC,CAAC,CAAC;YAC5G,IAAI,QAAQ;gBAAE,OAAO;YACrB,IAAI,KAAK,GAAG,CAAC,IAAI,aAAa,CAAC,OAAO,CAAC,MAAM,CAAC,KAAK,YAAY,EAAE,CAAC;gBAChE,6CAA6C;gBAC7C,kBAAkB,CAAC,aAAa,EAAE,MAAM,EAAE,aAAa,CAAC,CAAC;gBACzD,aAAa,CAAC,OAAO,CAAC,MAAM,CAAC,GAAG,YAAY,CAAC;YAC/C,CAAC;iBAAM,CAAC;gBACN,2CAA2C;gBAC3C,kBAAkB,CAAC,aAAa,EAAE,MAAM,EAAE,cAAc,CAAC,CAAC;gBAC1D,aAAa,CAAC,OAAO,CAAC,MAAM,CAAC,GAAG,UAAU,CAAC;YAC7C,CAAC;YACD,2BAA2B,CAAC,aAAa,EAAE,KAAK,GAAG,CAAC,CAAC,CAAC;QACxD,CAAC;IACH,CAAC;AACH,CAAC,CAAA","sourcesContent":["import { handleDataOutside, handleFixedPopover } from './floating-components';\nexport type TriangleData = {\n  itemRect: DOMRect;\n  parentElementWidth: number;\n  subNavigationHeight: number;\n  padding: number;\n  outsideVX: 'left' | 'right' | undefined;\n  outsideVY: 'top' | 'bottom' | undefined;\n};\nexport const isEventTargetNavigationItem = (event: unknown): boolean => {\n  const {\n    target\n  } = event as {\n    target: HTMLElement;\n  };\n  return Boolean(target?.parentElement?.classList.contains('db-navigation-item'));\n};\nexport class NavigationItemSafeTriangle {\n  private readonly element: HTMLElement | null;\n  private readonly subNavigation: HTMLElement | null;\n  private readonly parentSubNavigation: HTMLElement | null = null;\n  private triangleData?: TriangleData;\n  private initialized: boolean = false;\n  private mouseX: number = 0;\n  private mouseY: number = 0;\n  constructor(element: HTMLElement | null, subNavigation: HTMLElement | null) {\n    this.element = element;\n    this.subNavigation = subNavigation;\n    if (!this.element || !this.subNavigation) {\n      return;\n    }\n    this.parentSubNavigation = this.element?.closest('.db-navigation-item-group-menu') ?? this.element;\n\n    /*\n     * only initiate if:\n     * 2. item is not in the mobile navigation / within db-drawer\n     */\n    if (!this.element.closest('.db-drawer')) {\n      this.init();\n    }\n  }\n  private init() {\n    const parentElementWidth = this.parentSubNavigation?.getBoundingClientRect().width ?? 0;\n\n    // the triangle has the width of the sub-navigation, current nav-item can be wider.\n    // so the width of the triangle must be adapted to a possibly wider nav-item.\n    this.element?.style.setProperty('--db-navigation-item-inline-size', `${parentElementWidth}px`);\n    this.initialized = true;\n  }\n  public enableFollow() {\n    if (!this.initialized || this.triangleData || !this.element || !this.subNavigation) {\n      return;\n    }\n    const dataOutsidePair = handleDataOutside(this.subNavigation);\n    const itemRect = this.element.getBoundingClientRect();\n    const parentElementWidth = this.parentSubNavigation?.getBoundingClientRect().width ?? 0;\n    this.triangleData = {\n      itemRect,\n      parentElementWidth,\n      subNavigationHeight: this.subNavigation.getBoundingClientRect().height,\n      padding: (parentElementWidth - itemRect.width) / 2,\n      outsideVX: dataOutsidePair.vx,\n      outsideVY: dataOutsidePair.vy\n    };\n  }\n  public disableFollow() {\n    this.triangleData = undefined;\n  }\n  private getTriangleTipX(): number {\n    if (!this.triangleData) return 0;\n    if (this.triangleData.outsideVX === 'right') {\n      // vertical flipped triangle needs an inverted x pos\n      return this.triangleData.itemRect.width - this.mouseX;\n    }\n\n    // triangle stops shrinking from 75% x pos\n    return Math.min(this.mouseX, this.triangleData.itemRect.width * 0.75);\n  }\n  private getTriangleTipY(): number {\n    if (!this.triangleData) return 0;\n\n    // padding must be added to the y pos of the tip so that the y pos matches the cursor\n    const mouseYLimited = Math.max(Math.min(this.mouseY, this.triangleData.itemRect.height), 0) + this.triangleData.padding;\n    if (this.triangleData.outsideVY === 'bottom') {\n      // add offset to tip y pos to match corrected sub-navigation y pos\n      return mouseYLimited + (this.triangleData.subNavigationHeight - this.triangleData.padding * 2 - this.triangleData.itemRect.height);\n    }\n    return mouseYLimited;\n  }\n  private hasMouseEnteredSubNavigation(): boolean {\n    if (!this.triangleData) {\n      return false;\n    }\n    const isSubNavigationOnLeftSide = this.triangleData.outsideVX === 'right';\n    if (isSubNavigationOnLeftSide && this.mouseX < -1 * this.triangleData.padding) {\n      return true;\n    }\n    if (!isSubNavigationOnLeftSide && this.mouseX > this.triangleData.parentElementWidth - this.triangleData.padding) {\n      return true;\n    }\n    return false;\n  }\n  private getTriangleCoordinates(): undefined | {\n    lb: string;\n    lt: string;\n    rt: string;\n    rb: string;\n  } {\n    if (!this.triangleData) {\n      return;\n    }\n    const tipX = this.getTriangleTipX();\n    const tipY = this.getTriangleTipY();\n    const lb = `${tipX}px ${tipY}px`;\n    const lt = `${tipX}px ${tipY}px`;\n    return {\n      lb,\n      lt,\n      rt: '100% 0',\n      rb: '100% 100%'\n    };\n  }\n  public followByMouseEvent(event: any) {\n    if (!this.initialized || !this.triangleData || !this.element || !this.subNavigation) {\n      return;\n    }\n    this.mouseX = event.clientX - this.triangleData.itemRect.left;\n    this.mouseY = event.clientY - this.triangleData.itemRect.top;\n    const isOverSubNavigation = this.hasMouseEnteredSubNavigation();\n    const coordinates = this.getTriangleCoordinates();\n    if (!coordinates) {\n      return;\n    }\n    this.element.style.setProperty('--db-navigation-item-clip-path', `polygon(${coordinates.lb}, ${coordinates.lt}, ${coordinates.rt}, ${coordinates.rb})`);\n    if (isOverSubNavigation) {\n      this.triangleData = undefined;\n    }\n  }\n}\nexport const handleSubNavigationPosition = (element: HTMLElement, level: number = 0) => {\n  for (const navItem of Array.from(element.querySelectorAll('.db-navigation-item-group'))) {\n    const subNavigation: HTMLElement | null = navItem.querySelector('.db-navigation-item-group-menu');\n    const button: HTMLElement | null = navItem.querySelector('.db-navigation-item-group-expand-button');\n    if (subNavigation && button) {\n      /*\n       * This is set via css inside:\n       * `packages/components/src/components/navigation-item-group/navigation-item-group-menu-popover.scss`.\n       * We don't need to calculate the position of the menu as a popover.\n       */\n      const isMobile = getComputedStyle(subNavigation).getPropertyValue('--db-navigation-item-group-menu-mobile');\n      if (isMobile) return;\n      if (level > 0 || subNavigation.dataset['open'] === 'horizontal') {\n        // Sub-Navigation should be opened horizontal\n        handleFixedPopover(subNavigation, button, 'right-start');\n        subNavigation.dataset['open'] = 'horizontal';\n      } else {\n        // Sub-Navigation should be opened vertical\n        handleFixedPopover(subNavigation, button, 'bottom-start');\n        subNavigation.dataset['open'] = 'vertical';\n      }\n      handleSubNavigationPosition(subNavigation, level + 1);\n    }\n  }\n}"]}