@dnb/eufemia 10.71.1 → 10.71.2

package/CHANGELOG.md

@@ -3,6 +3,13 @@
 All notable changes to @dnb/eufemia will be documented in this file. See
 [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+## [10.71.2](https://github.com/dnbexperience/eufemia/compare/v10.71.1...v10.71.2) (2025-04-15)
+
+
+### :bug: Bug Fixes
+
+* **Tooltip:** improve alignment of tooltip with long texts ([#4970](https://github.com/dnbexperience/eufemia/issues/4970)) ([b728c6a](https://github.com/dnbexperience/eufemia/commit/b728c6aefe64d8f476bd80da167b43911676c2be))
+
 ## [10.71.1](https://github.com/dnbexperience/eufemia/compare/v10.71.0...v10.71.1) (2025-04-15)
 
 

package/cjs/components/tooltip/TooltipContainer.js

@@ -33,6 +33,7 @@ function TooltipContainer(props) {
     targetElement: target
   } = props;
   const [style, setStyle] = _react.default.useState(null);
+  const [arrowStyle, setArrowStyle] = _react.default.useState(null);
   const [hover, setHover] = _react.default.useState(false);
   const isActive = (0, _componentHelper.isTrue)(active) || hover;
   const [wasActive, makeActive] = _react.default.useState(false);
@@ -83,6 +84,7 @@ function TooltipContainer(props) {
   const offsetLeft = _react.default.useRef(0);
   const offsetTop = _react.default.useRef(0);
   _react.default.useLayoutEffect(() => {
+    var _stylesFromPosition$p, _stylesFromArrow$arro;
     if (!isActive) {
       if (wasActive) {
         clearTimeout(debounceTimeout.current);
@@ -118,6 +120,10 @@ function TooltipContainer(props) {
     const widthBased = scrollX + rect.left;
     const left = (useMouseWhen && mousePos < targetBodySize.width ? mousePos : widthBased) - offsetLeft.current;
     const style = _objectSpread({}, props.style);
+    const arrowStyle = {
+      top: null,
+      left: null
+    };
     if (align === 'left') {
       alignOffset = -targetBodySize.width / 2;
     } else if (align === 'right') {
@@ -157,23 +163,32 @@ function TooltipContainer(props) {
         style.top = top + targetBodySize.height / 2 - elementHeight + offset.current;
       }
     };
-    if (stylesFromPosition[position]) {
-      stylesFromPosition[position]();
-    }
-    if (stylesFromArrow[arrow]) {
-      stylesFromArrow[arrow]();
-    }
+    (_stylesFromPosition$p = stylesFromPosition[position]) === null || _stylesFromPosition$p === void 0 ? void 0 : _stylesFromPosition$p.call(stylesFromPosition);
+    (_stylesFromArrow$arro = stylesFromArrow[arrow]) === null || _stylesFromArrow$arro === void 0 ? void 0 : _stylesFromArrow$arro.call(stylesFromArrow);
     const rightOffset = parseFloat(String(style.left)) + elementWidth - window.innerWidth;
     if (rightOffset > 0) {
       style.left = window.innerWidth - elementWidth;
     }
     if (parseFloat(String(style.left)) < 0) {
       style.left = 0;
+      if (position === 'top' || position === 'bottom') {
+        const arrowWidth = 16;
+        const arrowStyleBasisWidth = left - arrowWidth / 2;
+        if (align === 'left') {
+          arrowStyle.left = arrowStyleBasisWidth;
+        } else if (align === 'right') {
+          arrowStyle.left = arrowStyleBasisWidth + targetBodySize.width;
+        } else {
+          arrowStyle.left = arrowStyleBasisWidth + targetBodySize.width / 2;
+        }
+      }
     }
     if (parseFloat(String(style.top)) < 0) {
       style.top = 0;
+      arrowStyle.top = 0;
     }
     setStyle(style);
+    setArrowStyle(arrowStyle);
   }, [active, arrow, position, children, renewStyles]);
   const handleMouseEnter = () => {
     if ((0, _componentHelper.isTrue)(active) && useHover !== false) {
@@ -199,7 +214,8 @@ function TooltipContainer(props) {
     className: (0, _classnames.default)(attributes === null || attributes === void 0 ? void 0 : attributes.className, isActive ? 'dnb-tooltip--active' : wasActive && 'dnb-tooltip--hide', (0, _componentHelper.isTrue)(noAnimation) && 'dnb-tooltip--no-animation', (0, _componentHelper.isTrue)(fixedPosition) && 'dnb-tooltip--fixed'),
     style: _objectSpread(_objectSpread({}, style), attributes.style)
   }), arrow && _react.default.createElement("span", {
-    className: `dnb-tooltip__arrow dnb-tooltip__arrow__arrow--${arrow} dnb-tooltip__arrow__position--${position}`
+    className: `dnb-tooltip__arrow dnb-tooltip__arrow__arrow--${arrow} dnb-tooltip__arrow__position--${position}`,
+    style: _objectSpread({}, arrowStyle)
   }), _react.default.createElement("span", {
     id: internalId,
     className: "dnb-tooltip__content"

package/cjs/components/tooltip/TooltipContainer.js.map

@@ -1 +1 @@
-{"version":3,"file":"TooltipContainer.js","names":["_react","_interopRequireDefault","require","_componentHelper","_helpers","_classnames","e","__esModule","default","_extends","Object","assign","bind","n","arguments","length","t","r","hasOwnProperty","call","apply","ownKeys","keys","getOwnPropertySymbols","o","filter","getOwnPropertyDescriptor","enumerable","push","_objectSpread","forEach","_defineProperty","getOwnPropertyDescriptors","defineProperties","defineProperty","_toPropertyKey","value","configurable","writable","i","_toPrimitive","Symbol","toPrimitive","TypeError","String","Number","TooltipContainer","props","internalId","active","attributes","arrow","position","align","hideDelay","fixedPosition","noAnimation","skipPortal","useHover","children","targetElement","target","style","setStyle","React","useState","hover","setHover","isActive","isTrue","wasActive","makeActive","renewStyles","forceRerender","getBodySize","elementRef","useRef","offset","debounceTimeout","resizeObserver","document","width","height","body","getBoundingClientRect","clearTimers","clearTimeout","current","useLayoutEffect","addPositionObserver","ResizeObserver","setTimeout","observe","removePositionObserver","_resizeObserver$curre","disconnect","offsetLeft","offsetTop","element","window","alignOffset","elementWidth","offsetWidth","elementHeight","offsetHeight","rect","targetBodySize","getOffsetLeft","getOffsetTop","scrollY","undefined","pageYOffset","scrollX","pageXOffset","top","useMouseWhen","mousePos","left","widthBased","topHorizontal","leftVertical","stylesFromPosition","right","bottom","stylesFromArrow","rightOffset","parseFloat","innerWidth","handleMouseEnter","handleMouseLeave","handlePropagation","stopPropagation","createElement","role","ref","onMouseEnter","onMouseLeave","onMouseMove","onMouseDown","onTouchStart","className","classnames","id"],"sources":["../../../../src/components/tooltip/TooltipContainer.tsx"],"sourcesContent":["/**\n * Web Tooltip Component\n *\n */\n\nimport React from 'react'\nimport { isTrue } from '../../shared/component-helper'\nimport { getOffsetLeft, getOffsetTop } from '../../shared/helpers'\nimport classnames from 'classnames'\nimport { TooltipProps } from './types'\n\ntype TooltipContainerProps = {\n  targetElement: HTMLElement\n  style?: React.CSSProperties\n  useHover?: boolean\n  internalId?: string\n  attributes?: Record<string, unknown> & { style: React.CSSProperties }\n}\n\nexport default function TooltipContainer(\n  props: TooltipProps & TooltipContainerProps\n) {\n  const {\n    internalId,\n    active,\n    attributes,\n    arrow,\n    position,\n    align,\n    hideDelay,\n    fixedPosition,\n    noAnimation,\n    skipPortal,\n    useHover,\n    children,\n    targetElement: target,\n  } = props\n\n  const [style, setStyle] = React.useState(null)\n  const [hover, setHover] = React.useState(false)\n  const isActive = isTrue(active) || hover\n  const [wasActive, makeActive] = React.useState(false)\n  const [renewStyles, forceRerender] = React.useState(getBodySize)\n\n  const elementRef = React.useRef<HTMLSpanElement>(null)\n  const offset = React.useRef(16)\n  const debounceTimeout = React.useRef<NodeJS.Timeout>()\n  const resizeObserver = React.useRef<ResizeObserver>(null)\n\n  function getBodySize() {\n    if (!isActive || typeof document === 'undefined') {\n      return 0 // stop here\n    }\n\n    const { width, height } = document.body.getBoundingClientRect()\n\n    return width + height\n  }\n\n  const clearTimers = () => {\n    clearTimeout(debounceTimeout.current)\n  }\n\n  React.useLayoutEffect(() => {\n    const addPositionObserver = () => {\n      if (resizeObserver.current || typeof document === 'undefined') {\n        return // stop here\n      }\n\n      try {\n        resizeObserver.current = new ResizeObserver(() => {\n          clearTimers()\n          debounceTimeout.current = setTimeout(\n            () => forceRerender(getBodySize()),\n            100\n          )\n        })\n\n        resizeObserver.current.observe(document.body)\n      } catch (e) {\n        //\n      }\n    }\n    const removePositionObserver = () => {\n      clearTimers()\n      resizeObserver.current?.disconnect()\n    }\n\n    if (isActive) {\n      makeActive(true)\n      addPositionObserver()\n    } else {\n      removePositionObserver()\n    }\n\n    return removePositionObserver\n\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [isActive])\n\n  const offsetLeft = React.useRef(0)\n  const offsetTop = React.useRef(0)\n\n  React.useLayoutEffect(() => {\n    if (!isActive) {\n      /**\n       * This \"resets\" the position between elements,\n       * when not active. Else it will always first show on the older position.\n       */\n      if (wasActive) {\n        clearTimeout(debounceTimeout.current)\n        debounceTimeout.current = setTimeout(\n          () => setStyle(null),\n          hideDelay\n        )\n      }\n      return // stop here\n    }\n\n    const element = elementRef?.current\n\n    if (\n      typeof window === 'undefined' ||\n      !element ||\n      !target?.getBoundingClientRect\n    ) {\n      return // stop here\n    }\n\n    let alignOffset = 0\n\n    const elementWidth = element.offsetWidth\n    const elementHeight = element.offsetHeight\n    const rect = target.getBoundingClientRect()\n    const targetBodySize = {\n      width: target.offsetWidth,\n      height: target.offsetHeight,\n    }\n\n    // fix for svg\n    if (!target.offsetHeight) {\n      targetBodySize.width = rect.width\n      targetBodySize.height = rect.height\n    }\n\n    if (skipPortal && (!offsetLeft.current || !offsetTop.current)) {\n      offsetLeft.current = getOffsetLeft(element) - offset.current\n      offsetTop.current = getOffsetTop(element) - offset.current\n    }\n\n    const scrollY =\n      window.scrollY !== undefined ? window.scrollY : window.pageYOffset\n    const scrollX =\n      window.scrollX !== undefined ? window.scrollX : window.pageXOffset\n    const top =\n      (isTrue(fixedPosition) ? 0 : scrollY) + rect.top - offsetTop.current\n\n    // Use Mouse position when target is too wide\n    const useMouseWhen = targetBodySize.width > 400\n    const mousePos =\n      getOffsetLeft(target) +\n      rect.left / 2 +\n      (element ? element.offsetWidth : 0)\n    const widthBased = scrollX + rect.left\n    const left =\n      (useMouseWhen && mousePos < targetBodySize.width\n        ? mousePos\n        : widthBased) - offsetLeft.current\n\n    const style = { ...props.style }\n\n    if (align === 'left') {\n      alignOffset = -targetBodySize.width / 2\n    } else if (align === 'right') {\n      alignOffset = targetBodySize.width / 2\n    }\n\n    const topHorizontal =\n      top + targetBodySize.height / 2 - elementHeight / 2\n    const leftVertical =\n      left - elementWidth / 2 + targetBodySize.width / 2 + alignOffset\n\n    const stylesFromPosition = {\n      left: () => {\n        style.top = topHorizontal\n        style.left = left - elementWidth - offset.current\n      },\n      right: () => {\n        style.top = topHorizontal\n        style.left = left + targetBodySize.width + offset.current\n      },\n      top: () => {\n        style.left = leftVertical\n        style.top = top - elementHeight - offset.current\n      },\n      bottom: () => {\n        style.left = leftVertical\n        style.top = top + targetBodySize.height + offset.current\n      },\n    }\n\n    const stylesFromArrow = {\n      left: () => {\n        style.left =\n          left + targetBodySize.width / 2 - offset.current + alignOffset\n      },\n      right: () => {\n        style.left =\n          left -\n          elementWidth +\n          targetBodySize.width / 2 +\n          offset.current +\n          alignOffset\n      },\n      top: () => {\n        style.top = top + targetBodySize.height / 2 - offset.current\n      },\n      bottom: () => {\n        style.top =\n          top + targetBodySize.height / 2 - elementHeight + offset.current\n      },\n    }\n\n    if (stylesFromPosition[position]) {\n      stylesFromPosition[position]()\n    }\n    if (stylesFromArrow[arrow]) {\n      stylesFromArrow[arrow]()\n    }\n\n    const rightOffset =\n      parseFloat(String(style.left)) + elementWidth - window.innerWidth\n    if (rightOffset > 0) {\n      style.left = window.innerWidth - elementWidth\n    }\n\n    if (parseFloat(String(style.left)) < 0) {\n      style.left = 0\n    }\n    if (parseFloat(String(style.top)) < 0) {\n      style.top = 0\n    }\n\n    setStyle(style)\n\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [active, arrow, position, children, renewStyles])\n\n  const handleMouseEnter = () => {\n    if (isTrue(active) && useHover !== false) {\n      setHover(true)\n    }\n  }\n\n  const handleMouseLeave = () => {\n    if (useHover !== false) {\n      setHover(false)\n    }\n  }\n\n  /**\n   * By stopping propagation, we allow the user to select text when Tooltip is used in the Slider component\n   */\n  const handlePropagation = (e: React.SyntheticEvent) =>\n    e.stopPropagation()\n\n  return (\n    <span\n      role=\"tooltip\"\n      aria-hidden={target ? true : undefined} // make sure SR does not find it in the DOM, because we use \"aria-describedby\" for that\n      ref={elementRef}\n      onMouseEnter={handleMouseEnter}\n      onMouseLeave={handleMouseLeave}\n      onMouseMove={handlePropagation}\n      onMouseDown={handlePropagation}\n      onTouchStart={handlePropagation}\n      {...attributes}\n      className={classnames(\n        attributes?.className,\n        isTrue(noAnimation) && 'dnb-tooltip--no-animation',\n        isTrue(fixedPosition) && 'dnb-tooltip--fixed',\n        isActive && 'dnb-tooltip--active',\n        !isActive && wasActive && 'dnb-tooltip--hide'\n      )}\n      style={{ ...style, ...attributes.style }}\n    >\n      {arrow && (\n        <span\n          className={classnames(\n            'dnb-tooltip__arrow',\n            `dnb-tooltip__arrow__arrow--${arrow}`,\n            `dnb-tooltip__arrow__position--${position}`\n          )}\n        />\n      )}\n\n      <span id={internalId} className=\"dnb-tooltip__content\">\n        {children}\n      </span>\n    </span>\n  )\n}\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"TooltipContainer.js","names":["_react","_interopRequireDefault","require","_componentHelper","_helpers","_classnames","e","__esModule","default","_extends","Object","assign","bind","n","arguments","length","t","r","hasOwnProperty","call","apply","ownKeys","keys","getOwnPropertySymbols","o","filter","getOwnPropertyDescriptor","enumerable","push","_objectSpread","forEach","_defineProperty","getOwnPropertyDescriptors","defineProperties","defineProperty","_toPropertyKey","value","configurable","writable","i","_toPrimitive","Symbol","toPrimitive","TypeError","String","Number","TooltipContainer","props","internalId","active","attributes","arrow","position","align","hideDelay","fixedPosition","noAnimation","skipPortal","useHover","children","targetElement","target","style","setStyle","React","useState","arrowStyle","setArrowStyle","hover","setHover","isActive","isTrue","wasActive","makeActive","renewStyles","forceRerender","getBodySize","elementRef","useRef","offset","debounceTimeout","resizeObserver","document","width","height","body","getBoundingClientRect","clearTimers","clearTimeout","current","useLayoutEffect","addPositionObserver","ResizeObserver","setTimeout","observe","removePositionObserver","_resizeObserver$curre","disconnect","offsetLeft","offsetTop","_stylesFromPosition$p","_stylesFromArrow$arro","element","window","alignOffset","elementWidth","offsetWidth","elementHeight","offsetHeight","rect","targetBodySize","getOffsetLeft","getOffsetTop","scrollY","undefined","pageYOffset","scrollX","pageXOffset","top","useMouseWhen","mousePos","left","widthBased","topHorizontal","leftVertical","stylesFromPosition","right","bottom","stylesFromArrow","rightOffset","parseFloat","innerWidth","arrowWidth","arrowStyleBasisWidth","handleMouseEnter","handleMouseLeave","handlePropagation","stopPropagation","createElement","role","ref","onMouseEnter","onMouseLeave","onMouseMove","onMouseDown","onTouchStart","className","classnames","id"],"sources":["../../../../src/components/tooltip/TooltipContainer.tsx"],"sourcesContent":["/**\n * Web Tooltip Component\n *\n */\n\nimport React from 'react'\nimport { isTrue } from '../../shared/component-helper'\nimport { getOffsetLeft, getOffsetTop } from '../../shared/helpers'\nimport classnames from 'classnames'\nimport { TooltipProps } from './types'\n\ntype TooltipContainerProps = {\n  targetElement: HTMLElement\n  style?: React.CSSProperties\n  useHover?: boolean\n  internalId?: string\n  attributes?: Record<string, unknown> & { style: React.CSSProperties }\n}\n\nexport default function TooltipContainer(\n  props: TooltipProps & TooltipContainerProps\n) {\n  const {\n    internalId,\n    active,\n    attributes,\n    arrow,\n    position,\n    align,\n    hideDelay,\n    fixedPosition,\n    noAnimation,\n    skipPortal,\n    useHover,\n    children,\n    targetElement: target,\n  } = props\n\n  const [style, setStyle] = React.useState(null)\n  const [arrowStyle, setArrowStyle] = React.useState(null)\n  const [hover, setHover] = React.useState(false)\n  const isActive = isTrue(active) || hover\n  const [wasActive, makeActive] = React.useState(false)\n  const [renewStyles, forceRerender] = React.useState(getBodySize)\n\n  const elementRef = React.useRef<HTMLSpanElement>(null)\n  const offset = React.useRef(16)\n  const debounceTimeout = React.useRef<NodeJS.Timeout>()\n  const resizeObserver = React.useRef<ResizeObserver>(null)\n\n  function getBodySize() {\n    if (!isActive || typeof document === 'undefined') {\n      return 0 // stop here\n    }\n\n    const { width, height } = document.body.getBoundingClientRect()\n\n    return width + height\n  }\n\n  const clearTimers = () => {\n    clearTimeout(debounceTimeout.current)\n  }\n\n  React.useLayoutEffect(() => {\n    const addPositionObserver = () => {\n      if (resizeObserver.current || typeof document === 'undefined') {\n        return // stop here\n      }\n\n      try {\n        resizeObserver.current = new ResizeObserver(() => {\n          clearTimers()\n          debounceTimeout.current = setTimeout(\n            () => forceRerender(getBodySize()),\n            100\n          )\n        })\n\n        resizeObserver.current.observe(document.body)\n      } catch (e) {\n        //\n      }\n    }\n    const removePositionObserver = () => {\n      clearTimers()\n      resizeObserver.current?.disconnect()\n    }\n\n    if (isActive) {\n      makeActive(true)\n      addPositionObserver()\n    } else {\n      removePositionObserver()\n    }\n\n    return removePositionObserver\n\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [isActive])\n\n  const offsetLeft = React.useRef(0)\n  const offsetTop = React.useRef(0)\n\n  React.useLayoutEffect(() => {\n    if (!isActive) {\n      /**\n       * This \"resets\" the position between elements,\n       * when not active. Else it will always first show on the older position.\n       */\n      if (wasActive) {\n        clearTimeout(debounceTimeout.current)\n        debounceTimeout.current = setTimeout(\n          () => setStyle(null),\n          hideDelay\n        )\n      }\n      return // stop here\n    }\n\n    const element = elementRef?.current\n\n    if (\n      typeof window === 'undefined' ||\n      !element ||\n      !target?.getBoundingClientRect\n    ) {\n      return // stop here\n    }\n\n    let alignOffset = 0\n\n    const elementWidth = element.offsetWidth\n    const elementHeight = element.offsetHeight\n    const rect = target.getBoundingClientRect()\n    const targetBodySize = {\n      width: target.offsetWidth,\n      height: target.offsetHeight,\n    }\n\n    // fix for svg\n    if (!target.offsetHeight) {\n      targetBodySize.width = rect.width\n      targetBodySize.height = rect.height\n    }\n\n    if (skipPortal && (!offsetLeft.current || !offsetTop.current)) {\n      offsetLeft.current = getOffsetLeft(element) - offset.current\n      offsetTop.current = getOffsetTop(element) - offset.current\n    }\n\n    const scrollY =\n      window.scrollY !== undefined ? window.scrollY : window.pageYOffset\n    const scrollX =\n      window.scrollX !== undefined ? window.scrollX : window.pageXOffset\n    const top =\n      (isTrue(fixedPosition) ? 0 : scrollY) + rect.top - offsetTop.current\n\n    // Use Mouse position when target is too wide\n    const useMouseWhen = targetBodySize.width > 400\n    const mousePos =\n      getOffsetLeft(target) +\n      rect.left / 2 +\n      (element ? element.offsetWidth : 0)\n    const widthBased = scrollX + rect.left\n    const left =\n      (useMouseWhen && mousePos < targetBodySize.width\n        ? mousePos\n        : widthBased) - offsetLeft.current\n\n    const style = { ...props.style }\n    const arrowStyle = { top: null, left: null }\n\n    if (align === 'left') {\n      alignOffset = -targetBodySize.width / 2\n    } else if (align === 'right') {\n      alignOffset = targetBodySize.width / 2\n    }\n\n    const topHorizontal =\n      top + targetBodySize.height / 2 - elementHeight / 2\n    const leftVertical =\n      left - elementWidth / 2 + targetBodySize.width / 2 + alignOffset\n\n    const stylesFromPosition = {\n      left: () => {\n        style.top = topHorizontal\n        style.left = left - elementWidth - offset.current\n      },\n      right: () => {\n        style.top = topHorizontal\n        style.left = left + targetBodySize.width + offset.current\n      },\n      top: () => {\n        style.left = leftVertical\n        style.top = top - elementHeight - offset.current\n      },\n      bottom: () => {\n        style.left = leftVertical\n        style.top = top + targetBodySize.height + offset.current\n      },\n    }\n\n    const stylesFromArrow = {\n      left: () => {\n        style.left =\n          left + targetBodySize.width / 2 - offset.current + alignOffset\n      },\n      right: () => {\n        style.left =\n          left -\n          elementWidth +\n          targetBodySize.width / 2 +\n          offset.current +\n          alignOffset\n      },\n      top: () => {\n        style.top = top + targetBodySize.height / 2 - offset.current\n      },\n      bottom: () => {\n        style.top =\n          top + targetBodySize.height / 2 - elementHeight + offset.current\n      },\n    }\n\n    stylesFromPosition[position]?.()\n    stylesFromArrow[arrow]?.()\n\n    const rightOffset =\n      parseFloat(String(style.left)) + elementWidth - window.innerWidth\n    if (rightOffset > 0) {\n      style.left = window.innerWidth - elementWidth\n    }\n    if (parseFloat(String(style.left)) < 0) {\n      style.left = 0\n      if (position === 'top' || position === 'bottom') {\n        const arrowWidth = 16 // 1rem\n        const arrowStyleBasisWidth = left - arrowWidth / 2\n        if (align === 'left') {\n          arrowStyle.left = arrowStyleBasisWidth\n        } else if (align === 'right') {\n          arrowStyle.left = arrowStyleBasisWidth + targetBodySize.width\n        } else {\n          arrowStyle.left = arrowStyleBasisWidth + targetBodySize.width / 2\n        }\n      }\n    }\n    if (parseFloat(String(style.top)) < 0) {\n      style.top = 0\n      arrowStyle.top = 0\n    }\n\n    setStyle(style)\n    setArrowStyle(arrowStyle)\n\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [active, arrow, position, children, renewStyles])\n\n  const handleMouseEnter = () => {\n    if (isTrue(active) && useHover !== false) {\n      setHover(true)\n    }\n  }\n\n  const handleMouseLeave = () => {\n    if (useHover !== false) {\n      setHover(false)\n    }\n  }\n\n  /**\n   * By stopping propagation, we allow the user to select text when Tooltip is used in the Slider component\n   */\n  const handlePropagation = (e: React.SyntheticEvent) =>\n    e.stopPropagation()\n\n  return (\n    <span\n      role=\"tooltip\"\n      aria-hidden={target ? true : undefined} // make sure SR does not find it in the DOM, because we use \"aria-describedby\" for that\n      ref={elementRef}\n      onMouseEnter={handleMouseEnter}\n      onMouseLeave={handleMouseLeave}\n      onMouseMove={handlePropagation}\n      onMouseDown={handlePropagation}\n      onTouchStart={handlePropagation}\n      {...attributes}\n      className={classnames(\n        attributes?.className,\n        isTrue(noAnimation) && 'dnb-tooltip--no-animation',\n        isTrue(fixedPosition) && 'dnb-tooltip--fixed',\n        isActive && 'dnb-tooltip--active',\n        !isActive && wasActive && 'dnb-tooltip--hide'\n      )}\n      style={{ ...style, ...attributes.style }}\n    >\n      {arrow && (\n        <span\n          className={classnames(\n            'dnb-tooltip__arrow',\n            `dnb-tooltip__arrow__arrow--${arrow}`,\n            `dnb-tooltip__arrow__position--${position}`\n          )}\n          style={{ ...arrowStyle }}\n        />\n      )}\n\n      <span id={internalId} className=\"dnb-tooltip__content\">\n        {children}\n      </span>\n    </span>\n  )\n}\n"],"mappings":"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","ignoreList":[]}

package/cjs/shared/Eufemia.d.ts

@@ -1,2 +1,2 @@
-export declare const version = "10.71.1";
+export declare const version = "10.71.2";
 export declare function init(): void;

package/cjs/shared/Eufemia.js

@@ -5,12 +5,12 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.init = init;
 exports.version = void 0;
-const version = exports.version = '10.71.1';
+const version = exports.version = '10.71.2';
 function init() {
   if (typeof window !== 'undefined') {
     class Eufemia {
       get version() {
-        return '10.71.1';
+        return '10.71.2';
       }
     }
     window.Eufemia = new Eufemia();

package/cjs/shared/Eufemia.js.map

@@ -1 +1 @@
-{"version":3,"file":"Eufemia.js","names":["version","exports","init","window","Eufemia"],"sources":["../../../src/shared/Eufemia.ts"],"sourcesContent":["export const version = '10.71.1'\n\nexport function init() {\n  if (typeof window !== 'undefined') {\n    class Eufemia {\n      get version() {\n        return '10.71.1'\n      }\n    }\n\n    window.Eufemia = new Eufemia()\n  }\n}\n"],"mappings":";;;;;;;AAAO,MAAMA,OAAO,GAAAC,OAAA,CAAAD,OAAA,GAAG,SAAS;AAEzB,SAASE,IAAIA,CAAA,EAAG;EACrB,IAAI,OAAOC,MAAM,KAAK,WAAW,EAAE;IACjC,MAAMC,OAAO,CAAC;MACZ,IAAIJ,OAAOA,CAAA,EAAG;QACZ,OAAO,SAAS;MAClB;IACF;IAEAG,MAAM,CAACC,OAAO,GAAG,IAAIA,OAAO,CAAC,CAAC;EAChC;AACF","ignoreList":[]}
+{"version":3,"file":"Eufemia.js","names":["version","exports","init","window","Eufemia"],"sources":["../../../src/shared/Eufemia.ts"],"sourcesContent":["export const version = '10.71.2'\n\nexport function init() {\n  if (typeof window !== 'undefined') {\n    class Eufemia {\n      get version() {\n        return '10.71.2'\n      }\n    }\n\n    window.Eufemia = new Eufemia()\n  }\n}\n"],"mappings":";;;;;;;AAAO,MAAMA,OAAO,GAAAC,OAAA,CAAAD,OAAA,GAAG,SAAS;AAEzB,SAASE,IAAIA,CAAA,EAAG;EACrB,IAAI,OAAOC,MAAM,KAAK,WAAW,EAAE;IACjC,MAAMC,OAAO,CAAC;MACZ,IAAIJ,OAAOA,CAAA,EAAG;QACZ,OAAO,SAAS;MAClB;IACF;IAEAG,MAAM,CAACC,OAAO,GAAG,IAAIA,OAAO,CAAC,CAAC;EAChC;AACF","ignoreList":[]}

package/cjs/style/core/scopes.scss

@@ -45,7 +45,7 @@
   word-break: break-word;
 
   // Will add this to the body tag – later we can test for a version mismatch
-  --eufemia-version: '10.71.1';
+  --eufemia-version: '10.71.2';
 
   @content;
 }

package/cjs/style/dnb-ui-basis.css

@@ -244,7 +244,7 @@ body {
   /* stylelint-disable-next-line */
   -webkit-text-size-adjust: 100%;
   word-break: break-word;
-  --eufemia-version: "10.71.1";
+  --eufemia-version: "10.71.2";
 }
 .dnb-core-style *,
 .dnb-core-style ::before,

package/cjs/style/dnb-ui-basis.min.css

@@ -1 +1 @@
-@charset "UTF-8";html{font-size:100%}html:not([data-visual-test]){scroll-behavior:smooth}@supports (-webkit-touch-callout:none){@supports (font:-apple-system-body){html{font:-apple-system-body}}}html[xmlns="http://www.w3.org/1999/xhtml"] .dnb-anchor--active{color:var(--color-mint-green)!important}html[xmlns="http://www.w3.org/1999/xhtml"] .dnb-anchor--contrast:not(:hover){color:var(--color-white)!important}html[xmlns="http://www.w3.org/1999/xhtml"] a.dnb-button--primary{color:var(--color-white)}html[xmlns="http://www.w3.org/1999/xhtml"] .dnb-ul{list-style:initial}html[xmlns="http://www.w3.org/1999/xhtml"] .dnb-p{background-color:initial;overflow:initial;text-align:inherit}html[xmlns="http://www.w3.org/1999/xhtml"] i{font-style:italic}html[xmlns="http://www.w3.org/1999/xhtml"] #column_left,html[xmlns="http://www.w3.org/1999/xhtml"] #root{width:100%}html[xmlns="http://www.w3.org/1999/xhtml"] body#dnbLayoutDefault #wrapper,html[xmlns="http://www.w3.org/1999/xhtml"] body#dnbLayoutDefaultStartPage #wrapper{padding:0;width:100%}html[xmlns="http://www.w3.org/1999/xhtml"] #column_content{box-shadow:none}body{margin:0}.dnb-core-style{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:rgba(0,0,0,0);-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;--eufemia-version:"10.71.1";color:var(--theme-color-body,var(--color-black-80,#333));font-family:var(--font-family-default);font-size:var(--font-size-small);font-style:normal;font-weight:var(--font-weight-basis);line-height:var(--line-height-basis);tab-size:4;-moz-tab-size:4;word-break:break-word}.dnb-core-style *,.dnb-core-style :after,.dnb-core-style :before{background-repeat:no-repeat;box-sizing:border-box}.dnb-core-style :after,.dnb-core-style :before{text-decoration:inherit;vertical-align:inherit}.dnb-core-style hr{height:0;overflow:visible}.dnb-core-style main{display:block}.dnb-core-style nav ol,.dnb-core-style nav ul{list-style:none}.dnb-core-style abbr[title]{text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}.dnb-core-style b,.dnb-core-style strong{font-weight:bolder}.dnb-core-style code,.dnb-core-style kbd,.dnb-core-style pre,.dnb-core-style samp{font-family:var(--font-family-monospace)}.dnb-core-style ::selection{background-color:#b3d4fc;color:#000;text-shadow:none}.dnb-core-style audio,.dnb-core-style canvas,.dnb-core-style iframe,.dnb-core-style img,.dnb-core-style svg,.dnb-core-style video{vertical-align:middle}.dnb-core-style audio,.dnb-core-style video{display:inline-block}.dnb-core-style audio:not([controls]){display:none;height:0}.dnb-core-style img{border-style:none}.dnb-core-style svg:not([fill]){fill:currentcolor}.dnb-core-style svg:not(:root){overflow:hidden}.dnb-core-style table{border-collapse:collapse}.dnb-core-style button,.dnb-core-style input,.dnb-core-style select,.dnb-core-style textarea{font-family:inherit;font-size:inherit;line-height:inherit}.dnb-core-style button,.dnb-core-style figure,.dnb-core-style input,.dnb-core-style select{margin:0}.dnb-core-style button{overflow:visible;text-transform:none}.dnb-core-style input{overflow:visible;word-break:normal}.dnb-core-style legend{color:inherit;display:table;max-width:100%;white-space:normal}.dnb-core-style progress{display:inline-block;vertical-align:baseline}.dnb-core-style select{text-transform:none}.dnb-core-style textarea{overflow:auto;resize:vertical}.dnb-core-style [type=checkbox],.dnb-core-style [type=radio]{padding:0}.dnb-core-style input[type=search]{-webkit-appearance:textfield;appearance:textfield;outline-offset:-2px}.dnb-core-style ::-webkit-inner-spin-button,.dnb-core-style ::-webkit-outer-spin-button{height:auto}.dnb-core-style ::input-placeholder{color:inherit;opacity:.54}.dnb-core-style ::-webkit-search-decoration{-webkit-appearance:none;appearance:none}.dnb-core-style ::-webkit-file-upload-button{background-color:transparent;border:none;font:inherit}.dnb-core-style ::-moz-focus-inner{border-style:none;padding:0}.dnb-core-style details{display:block}.dnb-core-style summary{display:list-item}.dnb-core-style canvas{display:inline-block}.dnb-core-style template{display:none}.dnb-core-style [tabindex],.dnb-core-style a,.dnb-core-style area,.dnb-core-style button,.dnb-core-style input,.dnb-core-style label,.dnb-core-style select,.dnb-core-style summary,.dnb-core-style textarea{touch-action:manipulation}.dnb-core-style [hidden]{display:none}.dnb-core-style [aria-busy=true]{cursor:progress}.dnb-core-style [aria-controls]:not(input){cursor:pointer}.dnb-core-style [aria-disabled=true],.dnb-core-style [disabled]{cursor:not-allowed}.dnb-core-style [aria-hidden=false][hidden]:not(:focus){clip:rect(0,0,0,0);display:inherit;position:absolute}@media print{.dnb-core-style{background-color:#fff;color:#000}}.dnb-core-style .eufemia-theme{color:var(--theme-color-body,var(--color-black-80,#333));font-family:var(--font-family-default);font-size:var(--font-size-small);font-style:normal;font-weight:var(--font-weight-basis);line-height:var(--line-height-basis)}.dnb-no-focus,.dnb-tab-focus,.dnb-tab-focus:focus{outline:none}html[data-whatinput=keyboard] .dnb-tab-focus:focus{--border-color:var(--focus-ring-color);--border-width:var(--focus-ring-width);border-color:transparent;box-shadow:0 0 0 var(--border-width) var(--border-color)}.dnb-mouse-focus,.dnb-mouse-focus:focus{outline:none}html[data-whatinput=mouse] .dnb-mouse-focus:focus{box-shadow:0 0 0 var(--border-width) var(--border-color)}.dnb-focus-ring,html[data-whatinput=mouse] .dnb-mouse-focus:focus{--border-color:var(--focus-ring-color);--border-width:var(--focus-ring-width);border-color:transparent}.dnb-focus-ring{box-shadow:0 0 0 var(--border-width) var(--border-color)!important}.dnb-scrollbar-appearance{-webkit-overflow-scrolling:touch;-ms-overflow-style:auto;scrollbar-color:var(--scrollbar-thumb-color,#888) transparent}@supports not (scrollbar-color:auto){.dnb-scrollbar-appearance::-webkit-scrollbar{background-color:var(--scrollbar-track-color,#eee);border-radius:var(--scrollbar-thumb-width,.5rem)}.dnb-scrollbar-appearance::-webkit-scrollbar:vertical{width:var(--scrollbar-track-width,.5rem)}.dnb-scrollbar-appearance::-webkit-scrollbar:horizontal{height:var(--scrollbar-track-width,.5rem)}.dnb-scrollbar-appearance::-webkit-scrollbar-thumb{background-color:var(--scrollbar-thumb-color,#888);border-radius:var(--scrollbar-thumb-width,.5rem)}.dnb-scrollbar-appearance::-webkit-scrollbar-thumb:hover{background-color:var(--scrollbar-thumb-hover-color,#666)}}.dnb-skip-link{opacity:.3;position:absolute;top:-100vh;transition:opacity .3s ease-out;z-index:0}.dnb-skip-link--active,.dnb-skip-link:focus{background-color:transparent;border:none;border-radius:0;box-shadow:none;color:var(--skip-link-color);font-size:var(--font-size-basis);left:40%;margin:0;outline:none;padding:.5rem 1rem;position:fixed;text-align:center;-webkit-text-decoration:none;text-decoration:none;top:5%;user-select:none;-webkit-user-select:none;white-space:nowrap;z-index:9999}.dnb-skip-link--active:after,.dnb-skip-link:focus:after{background-color:hsla(0,0%,100%,.85);box-shadow:150vw 150vh 0 0 hsla(0,0%,100%,.85);content:"";height:150vh;left:-200vw;position:absolute;top:-200vh;width:150vw;z-index:-2}.dnb-skip-link--active:before,.dnb-skip-link:focus:before{background-color:var(--skip-link-background);border-radius:1.5rem;content:"";height:100%;left:0;outline:none;position:absolute;top:0;width:100%;z-index:-1}html[data-whatinput=mouse] .dnb-skip-link--active:before,html[data-whatinput=mouse] .dnb-skip-link:focus:before{--border-color:var(--focus-ring-color);--border-width:var(--focus-ring-width);border-color:transparent;box-shadow:0 0 0 var(--border-width) var(--border-color)}.dnb-skip-link--active:hover:before,.dnb-skip-link:focus:hover:before{background-color:var(--skip-link-background--hover)}.dnb-skip-link--active:active:before,.dnb-skip-link:focus:active:before{background-color:var(--skip-link-background--active)}.dnb-skip-link--active:focus:not(:active):before,.dnb-skip-link:focus:focus:not(:active):before{outline:none}html[data-whatinput=keyboard] .dnb-skip-link--active:focus:not(:active):before,html[data-whatinput=keyboard] .dnb-skip-link:focus:focus:not(:active):before{--border-color:var(--focus-ring-color);--border-width:var(--focus-ring-width);border-color:transparent;box-shadow:0 0 0 var(--border-width) var(--border-color)}.dnb-skip-link--active:focus,.dnb-skip-link:focus:focus{opacity:1}.dnb-skip-link--active:hover,.dnb-skip-link:focus:hover{background-color:transparent;box-shadow:none;color:var(--skip-link-color--hover)}.dnb-skip-link--active:focus:not(:hover):not(:active),.dnb-skip-link:focus:focus:not(:hover):not(:active){background-color:transparent;box-shadow:none;color:var(--skip-link-color)}.dnb-skip-link--active:active,.dnb-skip-link:focus:active{background-color:transparent;color:var(--skip-link-color--active)}html[data-whatintent=touch] .dnb-skip-link{display:none}.dnb-alignment-helper,.dnb-alignment-helper:before{speak:none;display:inline-block;font-size:var(--font-size-small);height:0;width:0}.dnb-alignment-helper:before{content:"‌"}.dnb-drop-shadow{box-shadow:var(--shadow-default)}.dnb-sr-only{-webkit-touch-callout:none!important;border:0!important;clip-path:inset(50%)!important;margin:0!important;max-height:1px!important;max-width:1px!important;overflow:hidden!important;padding:0!important;pointer-events:none!important;position:absolute!important;-webkit-user-select:none!important;user-select:none!important;white-space:nowrap!important}.dnb-suffix{font-size:var(--font-size-basis);line-height:var(--line-height-basis);padding-left:.5rem;word-break:normal}
+@charset "UTF-8";html{font-size:100%}html:not([data-visual-test]){scroll-behavior:smooth}@supports (-webkit-touch-callout:none){@supports (font:-apple-system-body){html{font:-apple-system-body}}}html[xmlns="http://www.w3.org/1999/xhtml"] .dnb-anchor--active{color:var(--color-mint-green)!important}html[xmlns="http://www.w3.org/1999/xhtml"] .dnb-anchor--contrast:not(:hover){color:var(--color-white)!important}html[xmlns="http://www.w3.org/1999/xhtml"] a.dnb-button--primary{color:var(--color-white)}html[xmlns="http://www.w3.org/1999/xhtml"] .dnb-ul{list-style:initial}html[xmlns="http://www.w3.org/1999/xhtml"] .dnb-p{background-color:initial;overflow:initial;text-align:inherit}html[xmlns="http://www.w3.org/1999/xhtml"] i{font-style:italic}html[xmlns="http://www.w3.org/1999/xhtml"] #column_left,html[xmlns="http://www.w3.org/1999/xhtml"] #root{width:100%}html[xmlns="http://www.w3.org/1999/xhtml"] body#dnbLayoutDefault #wrapper,html[xmlns="http://www.w3.org/1999/xhtml"] body#dnbLayoutDefaultStartPage #wrapper{padding:0;width:100%}html[xmlns="http://www.w3.org/1999/xhtml"] #column_content{box-shadow:none}body{margin:0}.dnb-core-style{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:rgba(0,0,0,0);-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;--eufemia-version:"10.71.2";color:var(--theme-color-body,var(--color-black-80,#333));font-family:var(--font-family-default);font-size:var(--font-size-small);font-style:normal;font-weight:var(--font-weight-basis);line-height:var(--line-height-basis);tab-size:4;-moz-tab-size:4;word-break:break-word}.dnb-core-style *,.dnb-core-style :after,.dnb-core-style :before{background-repeat:no-repeat;box-sizing:border-box}.dnb-core-style :after,.dnb-core-style :before{text-decoration:inherit;vertical-align:inherit}.dnb-core-style hr{height:0;overflow:visible}.dnb-core-style main{display:block}.dnb-core-style nav ol,.dnb-core-style nav ul{list-style:none}.dnb-core-style abbr[title]{text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}.dnb-core-style b,.dnb-core-style strong{font-weight:bolder}.dnb-core-style code,.dnb-core-style kbd,.dnb-core-style pre,.dnb-core-style samp{font-family:var(--font-family-monospace)}.dnb-core-style ::selection{background-color:#b3d4fc;color:#000;text-shadow:none}.dnb-core-style audio,.dnb-core-style canvas,.dnb-core-style iframe,.dnb-core-style img,.dnb-core-style svg,.dnb-core-style video{vertical-align:middle}.dnb-core-style audio,.dnb-core-style video{display:inline-block}.dnb-core-style audio:not([controls]){display:none;height:0}.dnb-core-style img{border-style:none}.dnb-core-style svg:not([fill]){fill:currentcolor}.dnb-core-style svg:not(:root){overflow:hidden}.dnb-core-style table{border-collapse:collapse}.dnb-core-style button,.dnb-core-style input,.dnb-core-style select,.dnb-core-style textarea{font-family:inherit;font-size:inherit;line-height:inherit}.dnb-core-style button,.dnb-core-style figure,.dnb-core-style input,.dnb-core-style select{margin:0}.dnb-core-style button{overflow:visible;text-transform:none}.dnb-core-style input{overflow:visible;word-break:normal}.dnb-core-style legend{color:inherit;display:table;max-width:100%;white-space:normal}.dnb-core-style progress{display:inline-block;vertical-align:baseline}.dnb-core-style select{text-transform:none}.dnb-core-style textarea{overflow:auto;resize:vertical}.dnb-core-style [type=checkbox],.dnb-core-style [type=radio]{padding:0}.dnb-core-style input[type=search]{-webkit-appearance:textfield;appearance:textfield;outline-offset:-2px}.dnb-core-style ::-webkit-inner-spin-button,.dnb-core-style ::-webkit-outer-spin-button{height:auto}.dnb-core-style ::input-placeholder{color:inherit;opacity:.54}.dnb-core-style ::-webkit-search-decoration{-webkit-appearance:none;appearance:none}.dnb-core-style ::-webkit-file-upload-button{background-color:transparent;border:none;font:inherit}.dnb-core-style ::-moz-focus-inner{border-style:none;padding:0}.dnb-core-style details{display:block}.dnb-core-style summary{display:list-item}.dnb-core-style canvas{display:inline-block}.dnb-core-style template{display:none}.dnb-core-style [tabindex],.dnb-core-style a,.dnb-core-style area,.dnb-core-style button,.dnb-core-style input,.dnb-core-style label,.dnb-core-style select,.dnb-core-style summary,.dnb-core-style textarea{touch-action:manipulation}.dnb-core-style [hidden]{display:none}.dnb-core-style [aria-busy=true]{cursor:progress}.dnb-core-style [aria-controls]:not(input){cursor:pointer}.dnb-core-style [aria-disabled=true],.dnb-core-style [disabled]{cursor:not-allowed}.dnb-core-style [aria-hidden=false][hidden]:not(:focus){clip:rect(0,0,0,0);display:inherit;position:absolute}@media print{.dnb-core-style{background-color:#fff;color:#000}}.dnb-core-style .eufemia-theme{color:var(--theme-color-body,var(--color-black-80,#333));font-family:var(--font-family-default);font-size:var(--font-size-small);font-style:normal;font-weight:var(--font-weight-basis);line-height:var(--line-height-basis)}.dnb-no-focus,.dnb-tab-focus,.dnb-tab-focus:focus{outline:none}html[data-whatinput=keyboard] .dnb-tab-focus:focus{--border-color:var(--focus-ring-color);--border-width:var(--focus-ring-width);border-color:transparent;box-shadow:0 0 0 var(--border-width) var(--border-color)}.dnb-mouse-focus,.dnb-mouse-focus:focus{outline:none}html[data-whatinput=mouse] .dnb-mouse-focus:focus{box-shadow:0 0 0 var(--border-width) var(--border-color)}.dnb-focus-ring,html[data-whatinput=mouse] .dnb-mouse-focus:focus{--border-color:var(--focus-ring-color);--border-width:var(--focus-ring-width);border-color:transparent}.dnb-focus-ring{box-shadow:0 0 0 var(--border-width) var(--border-color)!important}.dnb-scrollbar-appearance{-webkit-overflow-scrolling:touch;-ms-overflow-style:auto;scrollbar-color:var(--scrollbar-thumb-color,#888) transparent}@supports not (scrollbar-color:auto){.dnb-scrollbar-appearance::-webkit-scrollbar{background-color:var(--scrollbar-track-color,#eee);border-radius:var(--scrollbar-thumb-width,.5rem)}.dnb-scrollbar-appearance::-webkit-scrollbar:vertical{width:var(--scrollbar-track-width,.5rem)}.dnb-scrollbar-appearance::-webkit-scrollbar:horizontal{height:var(--scrollbar-track-width,.5rem)}.dnb-scrollbar-appearance::-webkit-scrollbar-thumb{background-color:var(--scrollbar-thumb-color,#888);border-radius:var(--scrollbar-thumb-width,.5rem)}.dnb-scrollbar-appearance::-webkit-scrollbar-thumb:hover{background-color:var(--scrollbar-thumb-hover-color,#666)}}.dnb-skip-link{opacity:.3;position:absolute;top:-100vh;transition:opacity .3s ease-out;z-index:0}.dnb-skip-link--active,.dnb-skip-link:focus{background-color:transparent;border:none;border-radius:0;box-shadow:none;color:var(--skip-link-color);font-size:var(--font-size-basis);left:40%;margin:0;outline:none;padding:.5rem 1rem;position:fixed;text-align:center;-webkit-text-decoration:none;text-decoration:none;top:5%;user-select:none;-webkit-user-select:none;white-space:nowrap;z-index:9999}.dnb-skip-link--active:after,.dnb-skip-link:focus:after{background-color:hsla(0,0%,100%,.85);box-shadow:150vw 150vh 0 0 hsla(0,0%,100%,.85);content:"";height:150vh;left:-200vw;position:absolute;top:-200vh;width:150vw;z-index:-2}.dnb-skip-link--active:before,.dnb-skip-link:focus:before{background-color:var(--skip-link-background);border-radius:1.5rem;content:"";height:100%;left:0;outline:none;position:absolute;top:0;width:100%;z-index:-1}html[data-whatinput=mouse] .dnb-skip-link--active:before,html[data-whatinput=mouse] .dnb-skip-link:focus:before{--border-color:var(--focus-ring-color);--border-width:var(--focus-ring-width);border-color:transparent;box-shadow:0 0 0 var(--border-width) var(--border-color)}.dnb-skip-link--active:hover:before,.dnb-skip-link:focus:hover:before{background-color:var(--skip-link-background--hover)}.dnb-skip-link--active:active:before,.dnb-skip-link:focus:active:before{background-color:var(--skip-link-background--active)}.dnb-skip-link--active:focus:not(:active):before,.dnb-skip-link:focus:focus:not(:active):before{outline:none}html[data-whatinput=keyboard] .dnb-skip-link--active:focus:not(:active):before,html[data-whatinput=keyboard] .dnb-skip-link:focus:focus:not(:active):before{--border-color:var(--focus-ring-color);--border-width:var(--focus-ring-width);border-color:transparent;box-shadow:0 0 0 var(--border-width) var(--border-color)}.dnb-skip-link--active:focus,.dnb-skip-link:focus:focus{opacity:1}.dnb-skip-link--active:hover,.dnb-skip-link:focus:hover{background-color:transparent;box-shadow:none;color:var(--skip-link-color--hover)}.dnb-skip-link--active:focus:not(:hover):not(:active),.dnb-skip-link:focus:focus:not(:hover):not(:active){background-color:transparent;box-shadow:none;color:var(--skip-link-color)}.dnb-skip-link--active:active,.dnb-skip-link:focus:active{background-color:transparent;color:var(--skip-link-color--active)}html[data-whatintent=touch] .dnb-skip-link{display:none}.dnb-alignment-helper,.dnb-alignment-helper:before{speak:none;display:inline-block;font-size:var(--font-size-small);height:0;width:0}.dnb-alignment-helper:before{content:"‌"}.dnb-drop-shadow{box-shadow:var(--shadow-default)}.dnb-sr-only{-webkit-touch-callout:none!important;border:0!important;clip-path:inset(50%)!important;margin:0!important;max-height:1px!important;max-width:1px!important;overflow:hidden!important;padding:0!important;pointer-events:none!important;position:absolute!important;-webkit-user-select:none!important;user-select:none!important;white-space:nowrap!important}.dnb-suffix{font-size:var(--font-size-basis);line-height:var(--line-height-basis);padding-left:.5rem;word-break:normal}

package/cjs/style/dnb-ui-body.css

@@ -269,7 +269,7 @@ body {
   /* stylelint-disable-next-line */
   -webkit-text-size-adjust: 100%;
   word-break: break-word;
-  --eufemia-version: "10.71.1";
+  --eufemia-version: "10.71.2";
 }
 body *,
 body ::before,

package/cjs/style/dnb-ui-body.min.css

@@ -1 +1 @@
-html{-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%;cursor:default;font-family:system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,Noto Sans,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;line-height:var(--line-height-basis);tab-size:4;word-break:break-word}body{margin:0}html{font-size:100%}html:not([data-visual-test]){scroll-behavior:smooth}@supports (-webkit-touch-callout:none){@supports (font:-apple-system-body){html{font:-apple-system-body}}}html[xmlns="http://www.w3.org/1999/xhtml"] .dnb-anchor--active{color:var(--color-mint-green)!important}html[xmlns="http://www.w3.org/1999/xhtml"] .dnb-anchor--contrast:not(:hover){color:var(--color-white)!important}html[xmlns="http://www.w3.org/1999/xhtml"] a.dnb-button--primary{color:var(--color-white)}html[xmlns="http://www.w3.org/1999/xhtml"] .dnb-ul{list-style:initial}html[xmlns="http://www.w3.org/1999/xhtml"] .dnb-p{background-color:initial;overflow:initial;text-align:inherit}html[xmlns="http://www.w3.org/1999/xhtml"] i{font-style:italic}html[xmlns="http://www.w3.org/1999/xhtml"] #column_left,html[xmlns="http://www.w3.org/1999/xhtml"] #root{width:100%}html[xmlns="http://www.w3.org/1999/xhtml"] body#dnbLayoutDefault #wrapper,html[xmlns="http://www.w3.org/1999/xhtml"] body#dnbLayoutDefaultStartPage #wrapper{padding:0;width:100%}html[xmlns="http://www.w3.org/1999/xhtml"] #column_content{box-shadow:none}body{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:rgba(0,0,0,0);-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;--eufemia-version:"10.71.1";color:var(--theme-color-body,var(--color-black-80,#333));font-family:var(--font-family-default);font-size:var(--font-size-small);font-style:normal;font-weight:var(--font-weight-basis);line-height:var(--line-height-basis);tab-size:4;-moz-tab-size:4;word-break:break-word}body *,body :after,body :before{background-repeat:no-repeat;box-sizing:border-box}body :after,body :before{text-decoration:inherit;vertical-align:inherit}body hr{height:0;overflow:visible}body main{display:block}body nav ol,body nav ul{list-style:none}body abbr[title]{text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}body b,body strong{font-weight:bolder}body code,body kbd,body pre,body samp{font-family:var(--font-family-monospace)}body ::selection{background-color:#b3d4fc;color:#000;text-shadow:none}body audio,body canvas,body iframe,body img,body svg,body video{vertical-align:middle}body audio,body video{display:inline-block}body audio:not([controls]){display:none;height:0}body img{border-style:none}body svg:not([fill]){fill:currentcolor}body svg:not(:root){overflow:hidden}body table{border-collapse:collapse}body button,body input,body select,body textarea{font-family:inherit;font-size:inherit;line-height:inherit}body button,body figure,body input,body select{margin:0}body button{overflow:visible;text-transform:none}body input{overflow:visible;word-break:normal}body legend{color:inherit;display:table;max-width:100%;white-space:normal}body progress{display:inline-block;vertical-align:baseline}body select{text-transform:none}body textarea{overflow:auto;resize:vertical}body [type=checkbox],body [type=radio]{padding:0}body input[type=search]{-webkit-appearance:textfield;appearance:textfield;outline-offset:-2px}body ::-webkit-inner-spin-button,body ::-webkit-outer-spin-button{height:auto}body ::input-placeholder{color:inherit;opacity:.54}body ::-webkit-search-decoration{-webkit-appearance:none;appearance:none}body ::-webkit-file-upload-button{background-color:transparent;border:none;font:inherit}body ::-moz-focus-inner{border-style:none;padding:0}body details{display:block}body summary{display:list-item}body canvas{display:inline-block}body template{display:none}body [tabindex],body a,body area,body button,body input,body label,body select,body summary,body textarea{touch-action:manipulation}body [hidden]{display:none}body [aria-busy=true]{cursor:progress}body [aria-controls]:not(input){cursor:pointer}body [aria-disabled=true],body [disabled]{cursor:not-allowed}body [aria-hidden=false][hidden]:not(:focus){clip:rect(0,0,0,0);display:inherit;position:absolute}@media print{body{background-color:#fff;color:#000}}body .eufemia-theme{color:var(--theme-color-body,var(--color-black-80,#333));font-family:var(--font-family-default);font-size:var(--font-size-small);font-style:normal;font-weight:var(--font-weight-basis);line-height:var(--line-height-basis)}
+html{-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%;cursor:default;font-family:system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,Noto Sans,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;line-height:var(--line-height-basis);tab-size:4;word-break:break-word}body{margin:0}html{font-size:100%}html:not([data-visual-test]){scroll-behavior:smooth}@supports (-webkit-touch-callout:none){@supports (font:-apple-system-body){html{font:-apple-system-body}}}html[xmlns="http://www.w3.org/1999/xhtml"] .dnb-anchor--active{color:var(--color-mint-green)!important}html[xmlns="http://www.w3.org/1999/xhtml"] .dnb-anchor--contrast:not(:hover){color:var(--color-white)!important}html[xmlns="http://www.w3.org/1999/xhtml"] a.dnb-button--primary{color:var(--color-white)}html[xmlns="http://www.w3.org/1999/xhtml"] .dnb-ul{list-style:initial}html[xmlns="http://www.w3.org/1999/xhtml"] .dnb-p{background-color:initial;overflow:initial;text-align:inherit}html[xmlns="http://www.w3.org/1999/xhtml"] i{font-style:italic}html[xmlns="http://www.w3.org/1999/xhtml"] #column_left,html[xmlns="http://www.w3.org/1999/xhtml"] #root{width:100%}html[xmlns="http://www.w3.org/1999/xhtml"] body#dnbLayoutDefault #wrapper,html[xmlns="http://www.w3.org/1999/xhtml"] body#dnbLayoutDefaultStartPage #wrapper{padding:0;width:100%}html[xmlns="http://www.w3.org/1999/xhtml"] #column_content{box-shadow:none}body{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:rgba(0,0,0,0);-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;--eufemia-version:"10.71.2";color:var(--theme-color-body,var(--color-black-80,#333));font-family:var(--font-family-default);font-size:var(--font-size-small);font-style:normal;font-weight:var(--font-weight-basis);line-height:var(--line-height-basis);tab-size:4;-moz-tab-size:4;word-break:break-word}body *,body :after,body :before{background-repeat:no-repeat;box-sizing:border-box}body :after,body :before{text-decoration:inherit;vertical-align:inherit}body hr{height:0;overflow:visible}body main{display:block}body nav ol,body nav ul{list-style:none}body abbr[title]{text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}body b,body strong{font-weight:bolder}body code,body kbd,body pre,body samp{font-family:var(--font-family-monospace)}body ::selection{background-color:#b3d4fc;color:#000;text-shadow:none}body audio,body canvas,body iframe,body img,body svg,body video{vertical-align:middle}body audio,body video{display:inline-block}body audio:not([controls]){display:none;height:0}body img{border-style:none}body svg:not([fill]){fill:currentcolor}body svg:not(:root){overflow:hidden}body table{border-collapse:collapse}body button,body input,body select,body textarea{font-family:inherit;font-size:inherit;line-height:inherit}body button,body figure,body input,body select{margin:0}body button{overflow:visible;text-transform:none}body input{overflow:visible;word-break:normal}body legend{color:inherit;display:table;max-width:100%;white-space:normal}body progress{display:inline-block;vertical-align:baseline}body select{text-transform:none}body textarea{overflow:auto;resize:vertical}body [type=checkbox],body [type=radio]{padding:0}body input[type=search]{-webkit-appearance:textfield;appearance:textfield;outline-offset:-2px}body ::-webkit-inner-spin-button,body ::-webkit-outer-spin-button{height:auto}body ::input-placeholder{color:inherit;opacity:.54}body ::-webkit-search-decoration{-webkit-appearance:none;appearance:none}body ::-webkit-file-upload-button{background-color:transparent;border:none;font:inherit}body ::-moz-focus-inner{border-style:none;padding:0}body details{display:block}body summary{display:list-item}body canvas{display:inline-block}body template{display:none}body [tabindex],body a,body area,body button,body input,body label,body select,body summary,body textarea{touch-action:manipulation}body [hidden]{display:none}body [aria-busy=true]{cursor:progress}body [aria-controls]:not(input){cursor:pointer}body [aria-disabled=true],body [disabled]{cursor:not-allowed}body [aria-hidden=false][hidden]:not(:focus){clip:rect(0,0,0,0);display:inherit;position:absolute}@media print{body{background-color:#fff;color:#000}}body .eufemia-theme{color:var(--theme-color-body,var(--color-black-80,#333));font-family:var(--font-family-default);font-size:var(--font-size-small);font-style:normal;font-weight:var(--font-weight-basis);line-height:var(--line-height-basis)}

package/cjs/style/dnb-ui-core.css

@@ -268,7 +268,7 @@ body,
   /* stylelint-disable-next-line */
   -webkit-text-size-adjust: 100%;
   word-break: break-word;
-  --eufemia-version: "10.71.1";
+  --eufemia-version: "10.71.2";
 }
 body *,
 body ::before,

package/cjs/style/dnb-ui-core.min.css

@@ -1 +1 @@
-@charset "UTF-8";html{-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%;cursor:default;font-family:system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,Noto Sans,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;line-height:var(--line-height-basis);tab-size:4;word-break:break-word}body{margin:0}html{font-size:100%}html:not([data-visual-test]){scroll-behavior:smooth}@supports (-webkit-touch-callout:none){@supports (font:-apple-system-body){html{font:-apple-system-body}}}html[xmlns="http://www.w3.org/1999/xhtml"] .dnb-anchor--active{color:var(--color-mint-green)!important}html[xmlns="http://www.w3.org/1999/xhtml"] .dnb-anchor--contrast:not(:hover){color:var(--color-white)!important}html[xmlns="http://www.w3.org/1999/xhtml"] a.dnb-button--primary{color:var(--color-white)}html[xmlns="http://www.w3.org/1999/xhtml"] .dnb-ul{list-style:initial}html[xmlns="http://www.w3.org/1999/xhtml"] .dnb-p{background-color:initial;overflow:initial;text-align:inherit}html[xmlns="http://www.w3.org/1999/xhtml"] i{font-style:italic}html[xmlns="http://www.w3.org/1999/xhtml"] #column_left,html[xmlns="http://www.w3.org/1999/xhtml"] #root{width:100%}html[xmlns="http://www.w3.org/1999/xhtml"] body#dnbLayoutDefault #wrapper,html[xmlns="http://www.w3.org/1999/xhtml"] body#dnbLayoutDefaultStartPage #wrapper{padding:0;width:100%}html[xmlns="http://www.w3.org/1999/xhtml"] #column_content{box-shadow:none}.dnb-core-style,body{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:rgba(0,0,0,0);-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;--eufemia-version:"10.71.1";color:var(--theme-color-body,var(--color-black-80,#333));font-family:var(--font-family-default);font-size:var(--font-size-small);font-style:normal;font-weight:var(--font-weight-basis);line-height:var(--line-height-basis);tab-size:4;-moz-tab-size:4;word-break:break-word}.dnb-core-style *,.dnb-core-style :after,.dnb-core-style :before,body *,body :after,body :before{background-repeat:no-repeat;box-sizing:border-box}.dnb-core-style :after,.dnb-core-style :before,body :after,body :before{text-decoration:inherit;vertical-align:inherit}.dnb-core-style hr,body hr{height:0;overflow:visible}.dnb-core-style main,body main{display:block}.dnb-core-style nav ol,.dnb-core-style nav ul,body nav ol,body nav ul{list-style:none}.dnb-core-style abbr[title],body abbr[title]{text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}.dnb-core-style b,.dnb-core-style strong,body b,body strong{font-weight:bolder}.dnb-core-style code,.dnb-core-style kbd,.dnb-core-style pre,.dnb-core-style samp,body code,body kbd,body pre,body samp{font-family:var(--font-family-monospace)}.dnb-core-style ::selection,body ::selection{background-color:#b3d4fc;color:#000;text-shadow:none}.dnb-core-style audio,.dnb-core-style canvas,.dnb-core-style iframe,.dnb-core-style img,.dnb-core-style svg,.dnb-core-style video,body audio,body canvas,body iframe,body img,body svg,body video{vertical-align:middle}.dnb-core-style audio,.dnb-core-style video,body audio,body video{display:inline-block}.dnb-core-style audio:not([controls]),body audio:not([controls]){display:none;height:0}.dnb-core-style img,body img{border-style:none}.dnb-core-style svg:not([fill]),body svg:not([fill]){fill:currentcolor}.dnb-core-style svg:not(:root),body svg:not(:root){overflow:hidden}.dnb-core-style table,body table{border-collapse:collapse}.dnb-core-style button,.dnb-core-style input,.dnb-core-style select,.dnb-core-style textarea,body button,body input,body select,body textarea{font-family:inherit;font-size:inherit;line-height:inherit}.dnb-core-style button,.dnb-core-style figure,.dnb-core-style input,.dnb-core-style select,body button,body figure,body input,body select{margin:0}.dnb-core-style button,body button{overflow:visible;text-transform:none}.dnb-core-style input,body input{overflow:visible;word-break:normal}.dnb-core-style legend,body legend{color:inherit;display:table;max-width:100%;white-space:normal}.dnb-core-style progress,body progress{display:inline-block;vertical-align:baseline}.dnb-core-style select,body select{text-transform:none}.dnb-core-style textarea,body textarea{overflow:auto;resize:vertical}.dnb-core-style [type=checkbox],.dnb-core-style [type=radio],body [type=checkbox],body [type=radio]{padding:0}.dnb-core-style input[type=search],body input[type=search]{-webkit-appearance:textfield;appearance:textfield;outline-offset:-2px}.dnb-core-style ::-webkit-inner-spin-button,.dnb-core-style ::-webkit-outer-spin-button,body ::-webkit-inner-spin-button,body ::-webkit-outer-spin-button{height:auto}.dnb-core-style ::input-placeholder,body ::input-placeholder{color:inherit;opacity:.54}.dnb-core-style ::-webkit-search-decoration,body ::-webkit-search-decoration{-webkit-appearance:none;appearance:none}.dnb-core-style ::-webkit-file-upload-button,body ::-webkit-file-upload-button{background-color:transparent;border:none;font:inherit}.dnb-core-style ::-moz-focus-inner,body ::-moz-focus-inner{border-style:none;padding:0}.dnb-core-style details,body details{display:block}.dnb-core-style summary,body summary{display:list-item}.dnb-core-style canvas,body canvas{display:inline-block}.dnb-core-style template,body template{display:none}.dnb-core-style [tabindex],.dnb-core-style a,.dnb-core-style area,.dnb-core-style button,.dnb-core-style input,.dnb-core-style label,.dnb-core-style select,.dnb-core-style summary,.dnb-core-style textarea,body [tabindex],body a,body area,body button,body input,body label,body select,body summary,body textarea{touch-action:manipulation}.dnb-core-style [hidden],body [hidden]{display:none}.dnb-core-style [aria-busy=true],body [aria-busy=true]{cursor:progress}.dnb-core-style [aria-controls]:not(input),body [aria-controls]:not(input){cursor:pointer}.dnb-core-style [aria-disabled=true],.dnb-core-style [disabled],body [aria-disabled=true],body [disabled]{cursor:not-allowed}.dnb-core-style [aria-hidden=false][hidden]:not(:focus),body [aria-hidden=false][hidden]:not(:focus){clip:rect(0,0,0,0);display:inherit;position:absolute}@media print{.dnb-core-style,body{background-color:#fff;color:#000}}.dnb-core-style .eufemia-theme,body .eufemia-theme{color:var(--theme-color-body,var(--color-black-80,#333));font-family:var(--font-family-default);font-size:var(--font-size-small);font-style:normal;font-weight:var(--font-weight-basis);line-height:var(--line-height-basis)}.dnb-no-focus,.dnb-tab-focus,.dnb-tab-focus:focus{outline:none}html[data-whatinput=keyboard] .dnb-tab-focus:focus{--border-color:var(--focus-ring-color);--border-width:var(--focus-ring-width);border-color:transparent;box-shadow:0 0 0 var(--border-width) var(--border-color)}.dnb-mouse-focus,.dnb-mouse-focus:focus{outline:none}html[data-whatinput=mouse] .dnb-mouse-focus:focus{box-shadow:0 0 0 var(--border-width) var(--border-color)}.dnb-focus-ring,html[data-whatinput=mouse] .dnb-mouse-focus:focus{--border-color:var(--focus-ring-color);--border-width:var(--focus-ring-width);border-color:transparent}.dnb-focus-ring{box-shadow:0 0 0 var(--border-width) var(--border-color)!important}.dnb-scrollbar-appearance{-webkit-overflow-scrolling:touch;-ms-overflow-style:auto;scrollbar-color:var(--scrollbar-thumb-color,#888) transparent}@supports not (scrollbar-color:auto){.dnb-scrollbar-appearance::-webkit-scrollbar{background-color:var(--scrollbar-track-color,#eee);border-radius:var(--scrollbar-thumb-width,.5rem)}.dnb-scrollbar-appearance::-webkit-scrollbar:vertical{width:var(--scrollbar-track-width,.5rem)}.dnb-scrollbar-appearance::-webkit-scrollbar:horizontal{height:var(--scrollbar-track-width,.5rem)}.dnb-scrollbar-appearance::-webkit-scrollbar-thumb{background-color:var(--scrollbar-thumb-color,#888);border-radius:var(--scrollbar-thumb-width,.5rem)}.dnb-scrollbar-appearance::-webkit-scrollbar-thumb:hover{background-color:var(--scrollbar-thumb-hover-color,#666)}}.dnb-skip-link{opacity:.3;position:absolute;top:-100vh;transition:opacity .3s ease-out;z-index:0}.dnb-skip-link--active,.dnb-skip-link:focus{background-color:transparent;border:none;border-radius:0;box-shadow:none;color:var(--skip-link-color);font-size:var(--font-size-basis);left:40%;margin:0;outline:none;padding:.5rem 1rem;position:fixed;text-align:center;-webkit-text-decoration:none;text-decoration:none;top:5%;user-select:none;-webkit-user-select:none;white-space:nowrap;z-index:9999}.dnb-skip-link--active:after,.dnb-skip-link:focus:after{background-color:hsla(0,0%,100%,.85);box-shadow:150vw 150vh 0 0 hsla(0,0%,100%,.85);content:"";height:150vh;left:-200vw;position:absolute;top:-200vh;width:150vw;z-index:-2}.dnb-skip-link--active:before,.dnb-skip-link:focus:before{background-color:var(--skip-link-background);border-radius:1.5rem;content:"";height:100%;left:0;outline:none;position:absolute;top:0;width:100%;z-index:-1}html[data-whatinput=mouse] .dnb-skip-link--active:before,html[data-whatinput=mouse] .dnb-skip-link:focus:before{--border-color:var(--focus-ring-color);--border-width:var(--focus-ring-width);border-color:transparent;box-shadow:0 0 0 var(--border-width) var(--border-color)}.dnb-skip-link--active:hover:before,.dnb-skip-link:focus:hover:before{background-color:var(--skip-link-background--hover)}.dnb-skip-link--active:active:before,.dnb-skip-link:focus:active:before{background-color:var(--skip-link-background--active)}.dnb-skip-link--active:focus:not(:active):before,.dnb-skip-link:focus:focus:not(:active):before{outline:none}html[data-whatinput=keyboard] .dnb-skip-link--active:focus:not(:active):before,html[data-whatinput=keyboard] .dnb-skip-link:focus:focus:not(:active):before{--border-color:var(--focus-ring-color);--border-width:var(--focus-ring-width);border-color:transparent;box-shadow:0 0 0 var(--border-width) var(--border-color)}.dnb-skip-link--active:focus,.dnb-skip-link:focus:focus{opacity:1}.dnb-skip-link--active:hover,.dnb-skip-link:focus:hover{background-color:transparent;box-shadow:none;color:var(--skip-link-color--hover)}.dnb-skip-link--active:focus:not(:hover):not(:active),.dnb-skip-link:focus:focus:not(:hover):not(:active){background-color:transparent;box-shadow:none;color:var(--skip-link-color)}.dnb-skip-link--active:active,.dnb-skip-link:focus:active{background-color:transparent;color:var(--skip-link-color--active)}html[data-whatintent=touch] .dnb-skip-link{display:none}.dnb-alignment-helper,.dnb-alignment-helper:before{speak:none;display:inline-block;font-size:var(--font-size-small);height:0;width:0}.dnb-alignment-helper:before{content:"‌"}.dnb-drop-shadow{box-shadow:var(--shadow-default)}.dnb-sr-only{-webkit-touch-callout:none!important;border:0!important;clip-path:inset(50%)!important;margin:0!important;max-height:1px!important;max-width:1px!important;overflow:hidden!important;padding:0!important;pointer-events:none!important;position:absolute!important;-webkit-user-select:none!important;user-select:none!important;white-space:nowrap!important}.dnb-suffix{font-size:var(--font-size-basis);line-height:var(--line-height-basis);padding-left:.5rem;word-break:normal}
+@charset "UTF-8";html{-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%;cursor:default;font-family:system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,Noto Sans,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;line-height:var(--line-height-basis);tab-size:4;word-break:break-word}body{margin:0}html{font-size:100%}html:not([data-visual-test]){scroll-behavior:smooth}@supports (-webkit-touch-callout:none){@supports (font:-apple-system-body){html{font:-apple-system-body}}}html[xmlns="http://www.w3.org/1999/xhtml"] .dnb-anchor--active{color:var(--color-mint-green)!important}html[xmlns="http://www.w3.org/1999/xhtml"] .dnb-anchor--contrast:not(:hover){color:var(--color-white)!important}html[xmlns="http://www.w3.org/1999/xhtml"] a.dnb-button--primary{color:var(--color-white)}html[xmlns="http://www.w3.org/1999/xhtml"] .dnb-ul{list-style:initial}html[xmlns="http://www.w3.org/1999/xhtml"] .dnb-p{background-color:initial;overflow:initial;text-align:inherit}html[xmlns="http://www.w3.org/1999/xhtml"] i{font-style:italic}html[xmlns="http://www.w3.org/1999/xhtml"] #column_left,html[xmlns="http://www.w3.org/1999/xhtml"] #root{width:100%}html[xmlns="http://www.w3.org/1999/xhtml"] body#dnbLayoutDefault #wrapper,html[xmlns="http://www.w3.org/1999/xhtml"] body#dnbLayoutDefaultStartPage #wrapper{padding:0;width:100%}html[xmlns="http://www.w3.org/1999/xhtml"] #column_content{box-shadow:none}.dnb-core-style,body{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:rgba(0,0,0,0);-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;--eufemia-version:"10.71.2";color:var(--theme-color-body,var(--color-black-80,#333));font-family:var(--font-family-default);font-size:var(--font-size-small);font-style:normal;font-weight:var(--font-weight-basis);line-height:var(--line-height-basis);tab-size:4;-moz-tab-size:4;word-break:break-word}.dnb-core-style *,.dnb-core-style :after,.dnb-core-style :before,body *,body :after,body :before{background-repeat:no-repeat;box-sizing:border-box}.dnb-core-style :after,.dnb-core-style :before,body :after,body :before{text-decoration:inherit;vertical-align:inherit}.dnb-core-style hr,body hr{height:0;overflow:visible}.dnb-core-style main,body main{display:block}.dnb-core-style nav ol,.dnb-core-style nav ul,body nav ol,body nav ul{list-style:none}.dnb-core-style abbr[title],body abbr[title]{text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}.dnb-core-style b,.dnb-core-style strong,body b,body strong{font-weight:bolder}.dnb-core-style code,.dnb-core-style kbd,.dnb-core-style pre,.dnb-core-style samp,body code,body kbd,body pre,body samp{font-family:var(--font-family-monospace)}.dnb-core-style ::selection,body ::selection{background-color:#b3d4fc;color:#000;text-shadow:none}.dnb-core-style audio,.dnb-core-style canvas,.dnb-core-style iframe,.dnb-core-style img,.dnb-core-style svg,.dnb-core-style video,body audio,body canvas,body iframe,body img,body svg,body video{vertical-align:middle}.dnb-core-style audio,.dnb-core-style video,body audio,body video{display:inline-block}.dnb-core-style audio:not([controls]),body audio:not([controls]){display:none;height:0}.dnb-core-style img,body img{border-style:none}.dnb-core-style svg:not([fill]),body svg:not([fill]){fill:currentcolor}.dnb-core-style svg:not(:root),body svg:not(:root){overflow:hidden}.dnb-core-style table,body table{border-collapse:collapse}.dnb-core-style button,.dnb-core-style input,.dnb-core-style select,.dnb-core-style textarea,body button,body input,body select,body textarea{font-family:inherit;font-size:inherit;line-height:inherit}.dnb-core-style button,.dnb-core-style figure,.dnb-core-style input,.dnb-core-style select,body button,body figure,body input,body select{margin:0}.dnb-core-style button,body button{overflow:visible;text-transform:none}.dnb-core-style input,body input{overflow:visible;word-break:normal}.dnb-core-style legend,body legend{color:inherit;display:table;max-width:100%;white-space:normal}.dnb-core-style progress,body progress{display:inline-block;vertical-align:baseline}.dnb-core-style select,body select{text-transform:none}.dnb-core-style textarea,body textarea{overflow:auto;resize:vertical}.dnb-core-style [type=checkbox],.dnb-core-style [type=radio],body [type=checkbox],body [type=radio]{padding:0}.dnb-core-style input[type=search],body input[type=search]{-webkit-appearance:textfield;appearance:textfield;outline-offset:-2px}.dnb-core-style ::-webkit-inner-spin-button,.dnb-core-style ::-webkit-outer-spin-button,body ::-webkit-inner-spin-button,body ::-webkit-outer-spin-button{height:auto}.dnb-core-style ::input-placeholder,body ::input-placeholder{color:inherit;opacity:.54}.dnb-core-style ::-webkit-search-decoration,body ::-webkit-search-decoration{-webkit-appearance:none;appearance:none}.dnb-core-style ::-webkit-file-upload-button,body ::-webkit-file-upload-button{background-color:transparent;border:none;font:inherit}.dnb-core-style ::-moz-focus-inner,body ::-moz-focus-inner{border-style:none;padding:0}.dnb-core-style details,body details{display:block}.dnb-core-style summary,body summary{display:list-item}.dnb-core-style canvas,body canvas{display:inline-block}.dnb-core-style template,body template{display:none}.dnb-core-style [tabindex],.dnb-core-style a,.dnb-core-style area,.dnb-core-style button,.dnb-core-style input,.dnb-core-style label,.dnb-core-style select,.dnb-core-style summary,.dnb-core-style textarea,body [tabindex],body a,body area,body button,body input,body label,body select,body summary,body textarea{touch-action:manipulation}.dnb-core-style [hidden],body [hidden]{display:none}.dnb-core-style [aria-busy=true],body [aria-busy=true]{cursor:progress}.dnb-core-style [aria-controls]:not(input),body [aria-controls]:not(input){cursor:pointer}.dnb-core-style [aria-disabled=true],.dnb-core-style [disabled],body [aria-disabled=true],body [disabled]{cursor:not-allowed}.dnb-core-style [aria-hidden=false][hidden]:not(:focus),body [aria-hidden=false][hidden]:not(:focus){clip:rect(0,0,0,0);display:inherit;position:absolute}@media print{.dnb-core-style,body{background-color:#fff;color:#000}}.dnb-core-style .eufemia-theme,body .eufemia-theme{color:var(--theme-color-body,var(--color-black-80,#333));font-family:var(--font-family-default);font-size:var(--font-size-small);font-style:normal;font-weight:var(--font-weight-basis);line-height:var(--line-height-basis)}.dnb-no-focus,.dnb-tab-focus,.dnb-tab-focus:focus{outline:none}html[data-whatinput=keyboard] .dnb-tab-focus:focus{--border-color:var(--focus-ring-color);--border-width:var(--focus-ring-width);border-color:transparent;box-shadow:0 0 0 var(--border-width) var(--border-color)}.dnb-mouse-focus,.dnb-mouse-focus:focus{outline:none}html[data-whatinput=mouse] .dnb-mouse-focus:focus{box-shadow:0 0 0 var(--border-width) var(--border-color)}.dnb-focus-ring,html[data-whatinput=mouse] .dnb-mouse-focus:focus{--border-color:var(--focus-ring-color);--border-width:var(--focus-ring-width);border-color:transparent}.dnb-focus-ring{box-shadow:0 0 0 var(--border-width) var(--border-color)!important}.dnb-scrollbar-appearance{-webkit-overflow-scrolling:touch;-ms-overflow-style:auto;scrollbar-color:var(--scrollbar-thumb-color,#888) transparent}@supports not (scrollbar-color:auto){.dnb-scrollbar-appearance::-webkit-scrollbar{background-color:var(--scrollbar-track-color,#eee);border-radius:var(--scrollbar-thumb-width,.5rem)}.dnb-scrollbar-appearance::-webkit-scrollbar:vertical{width:var(--scrollbar-track-width,.5rem)}.dnb-scrollbar-appearance::-webkit-scrollbar:horizontal{height:var(--scrollbar-track-width,.5rem)}.dnb-scrollbar-appearance::-webkit-scrollbar-thumb{background-color:var(--scrollbar-thumb-color,#888);border-radius:var(--scrollbar-thumb-width,.5rem)}.dnb-scrollbar-appearance::-webkit-scrollbar-thumb:hover{background-color:var(--scrollbar-thumb-hover-color,#666)}}.dnb-skip-link{opacity:.3;position:absolute;top:-100vh;transition:opacity .3s ease-out;z-index:0}.dnb-skip-link--active,.dnb-skip-link:focus{background-color:transparent;border:none;border-radius:0;box-shadow:none;color:var(--skip-link-color);font-size:var(--font-size-basis);left:40%;margin:0;outline:none;padding:.5rem 1rem;position:fixed;text-align:center;-webkit-text-decoration:none;text-decoration:none;top:5%;user-select:none;-webkit-user-select:none;white-space:nowrap;z-index:9999}.dnb-skip-link--active:after,.dnb-skip-link:focus:after{background-color:hsla(0,0%,100%,.85);box-shadow:150vw 150vh 0 0 hsla(0,0%,100%,.85);content:"";height:150vh;left:-200vw;position:absolute;top:-200vh;width:150vw;z-index:-2}.dnb-skip-link--active:before,.dnb-skip-link:focus:before{background-color:var(--skip-link-background);border-radius:1.5rem;content:"";height:100%;left:0;outline:none;position:absolute;top:0;width:100%;z-index:-1}html[data-whatinput=mouse] .dnb-skip-link--active:before,html[data-whatinput=mouse] .dnb-skip-link:focus:before{--border-color:var(--focus-ring-color);--border-width:var(--focus-ring-width);border-color:transparent;box-shadow:0 0 0 var(--border-width) var(--border-color)}.dnb-skip-link--active:hover:before,.dnb-skip-link:focus:hover:before{background-color:var(--skip-link-background--hover)}.dnb-skip-link--active:active:before,.dnb-skip-link:focus:active:before{background-color:var(--skip-link-background--active)}.dnb-skip-link--active:focus:not(:active):before,.dnb-skip-link:focus:focus:not(:active):before{outline:none}html[data-whatinput=keyboard] .dnb-skip-link--active:focus:not(:active):before,html[data-whatinput=keyboard] .dnb-skip-link:focus:focus:not(:active):before{--border-color:var(--focus-ring-color);--border-width:var(--focus-ring-width);border-color:transparent;box-shadow:0 0 0 var(--border-width) var(--border-color)}.dnb-skip-link--active:focus,.dnb-skip-link:focus:focus{opacity:1}.dnb-skip-link--active:hover,.dnb-skip-link:focus:hover{background-color:transparent;box-shadow:none;color:var(--skip-link-color--hover)}.dnb-skip-link--active:focus:not(:hover):not(:active),.dnb-skip-link:focus:focus:not(:hover):not(:active){background-color:transparent;box-shadow:none;color:var(--skip-link-color)}.dnb-skip-link--active:active,.dnb-skip-link:focus:active{background-color:transparent;color:var(--skip-link-color--active)}html[data-whatintent=touch] .dnb-skip-link{display:none}.dnb-alignment-helper,.dnb-alignment-helper:before{speak:none;display:inline-block;font-size:var(--font-size-small);height:0;width:0}.dnb-alignment-helper:before{content:"‌"}.dnb-drop-shadow{box-shadow:var(--shadow-default)}.dnb-sr-only{-webkit-touch-callout:none!important;border:0!important;clip-path:inset(50%)!important;margin:0!important;max-height:1px!important;max-width:1px!important;overflow:hidden!important;padding:0!important;pointer-events:none!important;position:absolute!important;-webkit-user-select:none!important;user-select:none!important;white-space:nowrap!important}.dnb-suffix{font-size:var(--font-size-basis);line-height:var(--line-height-basis);padding-left:.5rem;word-break:normal}

package/components/tooltip/TooltipContainer.js

@@ -24,6 +24,7 @@ export default function TooltipContainer(props) {
     targetElement: target
   } = props;
   const [style, setStyle] = React.useState(null);
+  const [arrowStyle, setArrowStyle] = React.useState(null);
   const [hover, setHover] = React.useState(false);
   const isActive = isTrue(active) || hover;
   const [wasActive, makeActive] = React.useState(false);
@@ -74,6 +75,7 @@ export default function TooltipContainer(props) {
   const offsetLeft = React.useRef(0);
   const offsetTop = React.useRef(0);
   React.useLayoutEffect(() => {
+    var _stylesFromPosition$p, _stylesFromArrow$arro;
     if (!isActive) {
       if (wasActive) {
         clearTimeout(debounceTimeout.current);
@@ -109,6 +111,10 @@ export default function TooltipContainer(props) {
     const widthBased = scrollX + rect.left;
     const left = (useMouseWhen && mousePos < targetBodySize.width ? mousePos : widthBased) - offsetLeft.current;
     const style = _objectSpread({}, props.style);
+    const arrowStyle = {
+      top: null,
+      left: null
+    };
     if (align === 'left') {
       alignOffset = -targetBodySize.width / 2;
     } else if (align === 'right') {
@@ -148,23 +154,32 @@ export default function TooltipContainer(props) {
         style.top = top + targetBodySize.height / 2 - elementHeight + offset.current;
       }
     };
-    if (stylesFromPosition[position]) {
-      stylesFromPosition[position]();
-    }
-    if (stylesFromArrow[arrow]) {
-      stylesFromArrow[arrow]();
-    }
+    (_stylesFromPosition$p = stylesFromPosition[position]) === null || _stylesFromPosition$p === void 0 ? void 0 : _stylesFromPosition$p.call(stylesFromPosition);
+    (_stylesFromArrow$arro = stylesFromArrow[arrow]) === null || _stylesFromArrow$arro === void 0 ? void 0 : _stylesFromArrow$arro.call(stylesFromArrow);
     const rightOffset = parseFloat(String(style.left)) + elementWidth - window.innerWidth;
     if (rightOffset > 0) {
       style.left = window.innerWidth - elementWidth;
     }
     if (parseFloat(String(style.left)) < 0) {
       style.left = 0;
+      if (position === 'top' || position === 'bottom') {
+        const arrowWidth = 16;
+        const arrowStyleBasisWidth = left - arrowWidth / 2;
+        if (align === 'left') {
+          arrowStyle.left = arrowStyleBasisWidth;
+        } else if (align === 'right') {
+          arrowStyle.left = arrowStyleBasisWidth + targetBodySize.width;
+        } else {
+          arrowStyle.left = arrowStyleBasisWidth + targetBodySize.width / 2;
+        }
+      }
     }
     if (parseFloat(String(style.top)) < 0) {
       style.top = 0;
+      arrowStyle.top = 0;
     }
     setStyle(style);
+    setArrowStyle(arrowStyle);
   }, [active, arrow, position, children, renewStyles]);
   const handleMouseEnter = () => {
     if (isTrue(active) && useHover !== false) {
@@ -190,7 +205,8 @@ export default function TooltipContainer(props) {
     className: classnames(attributes === null || attributes === void 0 ? void 0 : attributes.className, isActive ? 'dnb-tooltip--active' : wasActive && 'dnb-tooltip--hide', isTrue(noAnimation) && 'dnb-tooltip--no-animation', isTrue(fixedPosition) && 'dnb-tooltip--fixed'),
     style: _objectSpread(_objectSpread({}, style), attributes.style)
   }), arrow && React.createElement("span", {
-    className: `dnb-tooltip__arrow dnb-tooltip__arrow__arrow--${arrow} dnb-tooltip__arrow__position--${position}`
+    className: `dnb-tooltip__arrow dnb-tooltip__arrow__arrow--${arrow} dnb-tooltip__arrow__position--${position}`,
+    style: _objectSpread({}, arrowStyle)
   }), React.createElement("span", {
     id: internalId,
     className: "dnb-tooltip__content"

package/components/tooltip/TooltipContainer.js.map

@@ -1 +1 @@
-{"version":3,"file":"TooltipContainer.js","names":["React","isTrue","getOffsetLeft","getOffsetTop","classnames","TooltipContainer","props","internalId","active","attributes","arrow","position","align","hideDelay","fixedPosition","noAnimation","skipPortal","useHover","children","targetElement","target","style","setStyle","useState","hover","setHover","isActive","wasActive","makeActive","renewStyles","forceRerender","getBodySize","elementRef","useRef","offset","debounceTimeout","resizeObserver","document","width","height","body","getBoundingClientRect","clearTimers","clearTimeout","current","useLayoutEffect","addPositionObserver","ResizeObserver","setTimeout","observe","e","removePositionObserver","_resizeObserver$curre","disconnect","offsetLeft","offsetTop","element","window","alignOffset","elementWidth","offsetWidth","elementHeight","offsetHeight","rect","targetBodySize","scrollY","undefined","pageYOffset","scrollX","pageXOffset","top","useMouseWhen","mousePos","left","widthBased","_objectSpread","topHorizontal","leftVertical","stylesFromPosition","right","bottom","stylesFromArrow","rightOffset","parseFloat","String","innerWidth","handleMouseEnter","handleMouseLeave","handlePropagation","stopPropagation","createElement","_extends","role","ref","onMouseEnter","onMouseLeave","onMouseMove","onMouseDown","onTouchStart","className","id"],"sources":["../../../../src/components/tooltip/TooltipContainer.tsx"],"sourcesContent":["/**\n * Web Tooltip Component\n *\n */\n\nimport React from 'react'\nimport { isTrue } from '../../shared/component-helper'\nimport { getOffsetLeft, getOffsetTop } from '../../shared/helpers'\nimport classnames from 'classnames'\nimport { TooltipProps } from './types'\n\ntype TooltipContainerProps = {\n  targetElement: HTMLElement\n  style?: React.CSSProperties\n  useHover?: boolean\n  internalId?: string\n  attributes?: Record<string, unknown> & { style: React.CSSProperties }\n}\n\nexport default function TooltipContainer(\n  props: TooltipProps & TooltipContainerProps\n) {\n  const {\n    internalId,\n    active,\n    attributes,\n    arrow,\n    position,\n    align,\n    hideDelay,\n    fixedPosition,\n    noAnimation,\n    skipPortal,\n    useHover,\n    children,\n    targetElement: target,\n  } = props\n\n  const [style, setStyle] = React.useState(null)\n  const [hover, setHover] = React.useState(false)\n  const isActive = isTrue(active) || hover\n  const [wasActive, makeActive] = React.useState(false)\n  const [renewStyles, forceRerender] = React.useState(getBodySize)\n\n  const elementRef = React.useRef<HTMLSpanElement>(null)\n  const offset = React.useRef(16)\n  const debounceTimeout = React.useRef<NodeJS.Timeout>()\n  const resizeObserver = React.useRef<ResizeObserver>(null)\n\n  function getBodySize() {\n    if (!isActive || typeof document === 'undefined') {\n      return 0 // stop here\n    }\n\n    const { width, height } = document.body.getBoundingClientRect()\n\n    return width + height\n  }\n\n  const clearTimers = () => {\n    clearTimeout(debounceTimeout.current)\n  }\n\n  React.useLayoutEffect(() => {\n    const addPositionObserver = () => {\n      if (resizeObserver.current || typeof document === 'undefined') {\n        return // stop here\n      }\n\n      try {\n        resizeObserver.current = new ResizeObserver(() => {\n          clearTimers()\n          debounceTimeout.current = setTimeout(\n            () => forceRerender(getBodySize()),\n            100\n          )\n        })\n\n        resizeObserver.current.observe(document.body)\n      } catch (e) {\n        //\n      }\n    }\n    const removePositionObserver = () => {\n      clearTimers()\n      resizeObserver.current?.disconnect()\n    }\n\n    if (isActive) {\n      makeActive(true)\n      addPositionObserver()\n    } else {\n      removePositionObserver()\n    }\n\n    return removePositionObserver\n\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [isActive])\n\n  const offsetLeft = React.useRef(0)\n  const offsetTop = React.useRef(0)\n\n  React.useLayoutEffect(() => {\n    if (!isActive) {\n      /**\n       * This \"resets\" the position between elements,\n       * when not active. Else it will always first show on the older position.\n       */\n      if (wasActive) {\n        clearTimeout(debounceTimeout.current)\n        debounceTimeout.current = setTimeout(\n          () => setStyle(null),\n          hideDelay\n        )\n      }\n      return // stop here\n    }\n\n    const element = elementRef?.current\n\n    if (\n      typeof window === 'undefined' ||\n      !element ||\n      !target?.getBoundingClientRect\n    ) {\n      return // stop here\n    }\n\n    let alignOffset = 0\n\n    const elementWidth = element.offsetWidth\n    const elementHeight = element.offsetHeight\n    const rect = target.getBoundingClientRect()\n    const targetBodySize = {\n      width: target.offsetWidth,\n      height: target.offsetHeight,\n    }\n\n    // fix for svg\n    if (!target.offsetHeight) {\n      targetBodySize.width = rect.width\n      targetBodySize.height = rect.height\n    }\n\n    if (skipPortal && (!offsetLeft.current || !offsetTop.current)) {\n      offsetLeft.current = getOffsetLeft(element) - offset.current\n      offsetTop.current = getOffsetTop(element) - offset.current\n    }\n\n    const scrollY =\n      window.scrollY !== undefined ? window.scrollY : window.pageYOffset\n    const scrollX =\n      window.scrollX !== undefined ? window.scrollX : window.pageXOffset\n    const top =\n      (isTrue(fixedPosition) ? 0 : scrollY) + rect.top - offsetTop.current\n\n    // Use Mouse position when target is too wide\n    const useMouseWhen = targetBodySize.width > 400\n    const mousePos =\n      getOffsetLeft(target) +\n      rect.left / 2 +\n      (element ? element.offsetWidth : 0)\n    const widthBased = scrollX + rect.left\n    const left =\n      (useMouseWhen && mousePos < targetBodySize.width\n        ? mousePos\n        : widthBased) - offsetLeft.current\n\n    const style = { ...props.style }\n\n    if (align === 'left') {\n      alignOffset = -targetBodySize.width / 2\n    } else if (align === 'right') {\n      alignOffset = targetBodySize.width / 2\n    }\n\n    const topHorizontal =\n      top + targetBodySize.height / 2 - elementHeight / 2\n    const leftVertical =\n      left - elementWidth / 2 + targetBodySize.width / 2 + alignOffset\n\n    const stylesFromPosition = {\n      left: () => {\n        style.top = topHorizontal\n        style.left = left - elementWidth - offset.current\n      },\n      right: () => {\n        style.top = topHorizontal\n        style.left = left + targetBodySize.width + offset.current\n      },\n      top: () => {\n        style.left = leftVertical\n        style.top = top - elementHeight - offset.current\n      },\n      bottom: () => {\n        style.left = leftVertical\n        style.top = top + targetBodySize.height + offset.current\n      },\n    }\n\n    const stylesFromArrow = {\n      left: () => {\n        style.left =\n          left + targetBodySize.width / 2 - offset.current + alignOffset\n      },\n      right: () => {\n        style.left =\n          left -\n          elementWidth +\n          targetBodySize.width / 2 +\n          offset.current +\n          alignOffset\n      },\n      top: () => {\n        style.top = top + targetBodySize.height / 2 - offset.current\n      },\n      bottom: () => {\n        style.top =\n          top + targetBodySize.height / 2 - elementHeight + offset.current\n      },\n    }\n\n    if (stylesFromPosition[position]) {\n      stylesFromPosition[position]()\n    }\n    if (stylesFromArrow[arrow]) {\n      stylesFromArrow[arrow]()\n    }\n\n    const rightOffset =\n      parseFloat(String(style.left)) + elementWidth - window.innerWidth\n    if (rightOffset > 0) {\n      style.left = window.innerWidth - elementWidth\n    }\n\n    if (parseFloat(String(style.left)) < 0) {\n      style.left = 0\n    }\n    if (parseFloat(String(style.top)) < 0) {\n      style.top = 0\n    }\n\n    setStyle(style)\n\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [active, arrow, position, children, renewStyles])\n\n  const handleMouseEnter = () => {\n    if (isTrue(active) && useHover !== false) {\n      setHover(true)\n    }\n  }\n\n  const handleMouseLeave = () => {\n    if (useHover !== false) {\n      setHover(false)\n    }\n  }\n\n  /**\n   * By stopping propagation, we allow the user to select text when Tooltip is used in the Slider component\n   */\n  const handlePropagation = (e: React.SyntheticEvent) =>\n    e.stopPropagation()\n\n  return (\n    <span\n      role=\"tooltip\"\n      aria-hidden={target ? true : undefined} // make sure SR does not find it in the DOM, because we use \"aria-describedby\" for that\n      ref={elementRef}\n      onMouseEnter={handleMouseEnter}\n      onMouseLeave={handleMouseLeave}\n      onMouseMove={handlePropagation}\n      onMouseDown={handlePropagation}\n      onTouchStart={handlePropagation}\n      {...attributes}\n      className={classnames(\n        attributes?.className,\n        isTrue(noAnimation) && 'dnb-tooltip--no-animation',\n        isTrue(fixedPosition) && 'dnb-tooltip--fixed',\n        isActive && 'dnb-tooltip--active',\n        !isActive && wasActive && 'dnb-tooltip--hide'\n      )}\n      style={{ ...style, ...attributes.style }}\n    >\n      {arrow && (\n        <span\n          className={classnames(\n            'dnb-tooltip__arrow',\n            `dnb-tooltip__arrow__arrow--${arrow}`,\n            `dnb-tooltip__arrow__position--${position}`\n          )}\n        />\n      )}\n\n      <span id={internalId} className=\"dnb-tooltip__content\">\n        {children}\n      </span>\n    </span>\n  )\n}\n"],"mappings":";;;;;AAKA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,MAAM,QAAQ,+BAA+B;AACtD,SAASC,aAAa,EAAEC,YAAY,QAAQ,sBAAsB;AAClE,OAAOC,UAAU,MAAM,YAAY;AAWnC,eAAe,SAASC,gBAAgBA,CACtCC,KAA2C,EAC3C;EACA,MAAM;IACJC,UAAU;IACVC,MAAM;IACNC,UAAU;IACVC,KAAK;IACLC,QAAQ;IACRC,KAAK;IACLC,SAAS;IACTC,aAAa;IACbC,WAAW;IACXC,UAAU;IACVC,QAAQ;IACRC,QAAQ;IACRC,aAAa,EAAEC;EACjB,CAAC,GAAGd,KAAK;EAET,MAAM,CAACe,KAAK,EAAEC,QAAQ,CAAC,GAAGtB,KAAK,CAACuB,QAAQ,CAAC,IAAI,CAAC;EAC9C,MAAM,CAACC,KAAK,EAAEC,QAAQ,CAAC,GAAGzB,KAAK,CAACuB,QAAQ,CAAC,KAAK,CAAC;EAC/C,MAAMG,QAAQ,GAAGzB,MAAM,CAACO,MAAM,CAAC,IAAIgB,KAAK;EACxC,MAAM,CAACG,SAAS,EAAEC,UAAU,CAAC,GAAG5B,KAAK,CAACuB,QAAQ,CAAC,KAAK,CAAC;EACrD,MAAM,CAACM,WAAW,EAAEC,aAAa,CAAC,GAAG9B,KAAK,CAACuB,QAAQ,CAACQ,WAAW,CAAC;EAEhE,MAAMC,UAAU,GAAGhC,KAAK,CAACiC,MAAM,CAAkB,IAAI,CAAC;EACtD,MAAMC,MAAM,GAAGlC,KAAK,CAACiC,MAAM,CAAC,EAAE,CAAC;EAC/B,MAAME,eAAe,GAAGnC,KAAK,CAACiC,MAAM,CAAiB,CAAC;EACtD,MAAMG,cAAc,GAAGpC,KAAK,CAACiC,MAAM,CAAiB,IAAI,CAAC;EAEzD,SAASF,WAAWA,CAAA,EAAG;IACrB,IAAI,CAACL,QAAQ,IAAI,OAAOW,QAAQ,KAAK,WAAW,EAAE;MAChD,OAAO,CAAC;IACV;IAEA,MAAM;MAAEC,KAAK;MAAEC;IAAO,CAAC,GAAGF,QAAQ,CAACG,IAAI,CAACC,qBAAqB,CAAC,CAAC;IAE/D,OAAOH,KAAK,GAAGC,MAAM;EACvB;EAEA,MAAMG,WAAW,GAAGA,CAAA,KAAM;IACxBC,YAAY,CAACR,eAAe,CAACS,OAAO,CAAC;EACvC,CAAC;EAED5C,KAAK,CAAC6C,eAAe,CAAC,MAAM;IAC1B,MAAMC,mBAAmB,GAAGA,CAAA,KAAM;MAChC,IAAIV,cAAc,CAACQ,OAAO,IAAI,OAAOP,QAAQ,KAAK,WAAW,EAAE;QAC7D;MACF;MAEA,IAAI;QACFD,cAAc,CAACQ,OAAO,GAAG,IAAIG,cAAc,CAAC,MAAM;UAChDL,WAAW,CAAC,CAAC;UACbP,eAAe,CAACS,OAAO,GAAGI,UAAU,CAClC,MAAMlB,aAAa,CAACC,WAAW,CAAC,CAAC,CAAC,EAClC,GACF,CAAC;QACH,CAAC,CAAC;QAEFK,cAAc,CAACQ,OAAO,CAACK,OAAO,CAACZ,QAAQ,CAACG,IAAI,CAAC;MAC/C,CAAC,CAAC,OAAOU,CAAC,EAAE,CAEZ;IACF,CAAC;IACD,MAAMC,sBAAsB,GAAGA,CAAA,KAAM;MAAA,IAAAC,qBAAA;MACnCV,WAAW,CAAC,CAAC;MACb,CAAAU,qBAAA,GAAAhB,cAAc,CAACQ,OAAO,cAAAQ,qBAAA,uBAAtBA,qBAAA,CAAwBC,UAAU,CAAC,CAAC;IACtC,CAAC;IAED,IAAI3B,QAAQ,EAAE;MACZE,UAAU,CAAC,IAAI,CAAC;MAChBkB,mBAAmB,CAAC,CAAC;IACvB,CAAC,MAAM;MACLK,sBAAsB,CAAC,CAAC;IAC1B;IAEA,OAAOA,sBAAsB;EAG/B,CAAC,EAAE,CAACzB,QAAQ,CAAC,CAAC;EAEd,MAAM4B,UAAU,GAAGtD,KAAK,CAACiC,MAAM,CAAC,CAAC,CAAC;EAClC,MAAMsB,SAAS,GAAGvD,KAAK,CAACiC,MAAM,CAAC,CAAC,CAAC;EAEjCjC,KAAK,CAAC6C,eAAe,CAAC,MAAM;IAC1B,IAAI,CAACnB,QAAQ,EAAE;MAKb,IAAIC,SAAS,EAAE;QACbgB,YAAY,CAACR,eAAe,CAACS,OAAO,CAAC;QACrCT,eAAe,CAACS,OAAO,GAAGI,UAAU,CAClC,MAAM1B,QAAQ,CAAC,IAAI,CAAC,EACpBT,SACF,CAAC;MACH;MACA;IACF;IAEA,MAAM2C,OAAO,GAAGxB,UAAU,aAAVA,UAAU,uBAAVA,UAAU,CAAEY,OAAO;IAEnC,IACE,OAAOa,MAAM,KAAK,WAAW,IAC7B,CAACD,OAAO,IACR,EAACpC,MAAM,aAANA,MAAM,eAANA,MAAM,CAAEqB,qBAAqB,GAC9B;MACA;IACF;IAEA,IAAIiB,WAAW,GAAG,CAAC;IAEnB,MAAMC,YAAY,GAAGH,OAAO,CAACI,WAAW;IACxC,MAAMC,aAAa,GAAGL,OAAO,CAACM,YAAY;IAC1C,MAAMC,IAAI,GAAG3C,MAAM,CAACqB,qBAAqB,CAAC,CAAC;IAC3C,MAAMuB,cAAc,GAAG;MACrB1B,KAAK,EAAElB,MAAM,CAACwC,WAAW;MACzBrB,MAAM,EAAEnB,MAAM,CAAC0C;IACjB,CAAC;IAGD,IAAI,CAAC1C,MAAM,CAAC0C,YAAY,EAAE;MACxBE,cAAc,CAAC1B,KAAK,GAAGyB,IAAI,CAACzB,KAAK;MACjC0B,cAAc,CAACzB,MAAM,GAAGwB,IAAI,CAACxB,MAAM;IACrC;IAEA,IAAIvB,UAAU,KAAK,CAACsC,UAAU,CAACV,OAAO,IAAI,CAACW,SAAS,CAACX,OAAO,CAAC,EAAE;MAC7DU,UAAU,CAACV,OAAO,GAAG1C,aAAa,CAACsD,OAAO,CAAC,GAAGtB,MAAM,CAACU,OAAO;MAC5DW,SAAS,CAACX,OAAO,GAAGzC,YAAY,CAACqD,OAAO,CAAC,GAAGtB,MAAM,CAACU,OAAO;IAC5D;IAEA,MAAMqB,OAAO,GACXR,MAAM,CAACQ,OAAO,KAAKC,SAAS,GAAGT,MAAM,CAACQ,OAAO,GAAGR,MAAM,CAACU,WAAW;IACpE,MAAMC,OAAO,GACXX,MAAM,CAACW,OAAO,KAAKF,SAAS,GAAGT,MAAM,CAACW,OAAO,GAAGX,MAAM,CAACY,WAAW;IACpE,MAAMC,GAAG,GACP,CAACrE,MAAM,CAACa,aAAa,CAAC,GAAG,CAAC,GAAGmD,OAAO,IAAIF,IAAI,CAACO,GAAG,GAAGf,SAAS,CAACX,OAAO;IAGtE,MAAM2B,YAAY,GAAGP,cAAc,CAAC1B,KAAK,GAAG,GAAG;IAC/C,MAAMkC,QAAQ,GACZtE,aAAa,CAACkB,MAAM,CAAC,GACrB2C,IAAI,CAACU,IAAI,GAAG,CAAC,IACZjB,OAAO,GAAGA,OAAO,CAACI,WAAW,GAAG,CAAC,CAAC;IACrC,MAAMc,UAAU,GAAGN,OAAO,GAAGL,IAAI,CAACU,IAAI;IACtC,MAAMA,IAAI,GACR,CAACF,YAAY,IAAIC,QAAQ,GAAGR,cAAc,CAAC1B,KAAK,GAC5CkC,QAAQ,GACRE,UAAU,IAAIpB,UAAU,CAACV,OAAO;IAEtC,MAAMvB,KAAK,GAAAsD,aAAA,KAAQrE,KAAK,CAACe,KAAK,CAAE;IAEhC,IAAIT,KAAK,KAAK,MAAM,EAAE;MACpB8C,WAAW,GAAG,CAACM,cAAc,CAAC1B,KAAK,GAAG,CAAC;IACzC,CAAC,MAAM,IAAI1B,KAAK,KAAK,OAAO,EAAE;MAC5B8C,WAAW,GAAGM,cAAc,CAAC1B,KAAK,GAAG,CAAC;IACxC;IAEA,MAAMsC,aAAa,GACjBN,GAAG,GAAGN,cAAc,CAACzB,MAAM,GAAG,CAAC,GAAGsB,aAAa,GAAG,CAAC;IACrD,MAAMgB,YAAY,GAChBJ,IAAI,GAAGd,YAAY,GAAG,CAAC,GAAGK,cAAc,CAAC1B,KAAK,GAAG,CAAC,GAAGoB,WAAW;IAElE,MAAMoB,kBAAkB,GAAG;MACzBL,IAAI,EAAEA,CAAA,KAAM;QACVpD,KAAK,CAACiD,GAAG,GAAGM,aAAa;QACzBvD,KAAK,CAACoD,IAAI,GAAGA,IAAI,GAAGd,YAAY,GAAGzB,MAAM,CAACU,OAAO;MACnD,CAAC;MACDmC,KAAK,EAAEA,CAAA,KAAM;QACX1D,KAAK,CAACiD,GAAG,GAAGM,aAAa;QACzBvD,KAAK,CAACoD,IAAI,GAAGA,IAAI,GAAGT,cAAc,CAAC1B,KAAK,GAAGJ,MAAM,CAACU,OAAO;MAC3D,CAAC;MACD0B,GAAG,EAAEA,CAAA,KAAM;QACTjD,KAAK,CAACoD,IAAI,GAAGI,YAAY;QACzBxD,KAAK,CAACiD,GAAG,GAAGA,GAAG,GAAGT,aAAa,GAAG3B,MAAM,CAACU,OAAO;MAClD,CAAC;MACDoC,MAAM,EAAEA,CAAA,KAAM;QACZ3D,KAAK,CAACoD,IAAI,GAAGI,YAAY;QACzBxD,KAAK,CAACiD,GAAG,GAAGA,GAAG,GAAGN,cAAc,CAACzB,MAAM,GAAGL,MAAM,CAACU,OAAO;MAC1D;IACF,CAAC;IAED,MAAMqC,eAAe,GAAG;MACtBR,IAAI,EAAEA,CAAA,KAAM;QACVpD,KAAK,CAACoD,IAAI,GACRA,IAAI,GAAGT,cAAc,CAAC1B,KAAK,GAAG,CAAC,GAAGJ,MAAM,CAACU,OAAO,GAAGc,WAAW;MAClE,CAAC;MACDqB,KAAK,EAAEA,CAAA,KAAM;QACX1D,KAAK,CAACoD,IAAI,GACRA,IAAI,GACJd,YAAY,GACZK,cAAc,CAAC1B,KAAK,GAAG,CAAC,GACxBJ,MAAM,CAACU,OAAO,GACdc,WAAW;MACf,CAAC;MACDY,GAAG,EAAEA,CAAA,KAAM;QACTjD,KAAK,CAACiD,GAAG,GAAGA,GAAG,GAAGN,cAAc,CAACzB,MAAM,GAAG,CAAC,GAAGL,MAAM,CAACU,OAAO;MAC9D,CAAC;MACDoC,MAAM,EAAEA,CAAA,KAAM;QACZ3D,KAAK,CAACiD,GAAG,GACPA,GAAG,GAAGN,cAAc,CAACzB,MAAM,GAAG,CAAC,GAAGsB,aAAa,GAAG3B,MAAM,CAACU,OAAO;MACpE;IACF,CAAC;IAED,IAAIkC,kBAAkB,CAACnE,QAAQ,CAAC,EAAE;MAChCmE,kBAAkB,CAACnE,QAAQ,CAAC,CAAC,CAAC;IAChC;IACA,IAAIsE,eAAe,CAACvE,KAAK,CAAC,EAAE;MAC1BuE,eAAe,CAACvE,KAAK,CAAC,CAAC,CAAC;IAC1B;IAEA,MAAMwE,WAAW,GACfC,UAAU,CAACC,MAAM,CAAC/D,KAAK,CAACoD,IAAI,CAAC,CAAC,GAAGd,YAAY,GAAGF,MAAM,CAAC4B,UAAU;IACnE,IAAIH,WAAW,GAAG,CAAC,EAAE;MACnB7D,KAAK,CAACoD,IAAI,GAAGhB,MAAM,CAAC4B,UAAU,GAAG1B,YAAY;IAC/C;IAEA,IAAIwB,UAAU,CAACC,MAAM,CAAC/D,KAAK,CAACoD,IAAI,CAAC,CAAC,GAAG,CAAC,EAAE;MACtCpD,KAAK,CAACoD,IAAI,GAAG,CAAC;IAChB;IACA,IAAIU,UAAU,CAACC,MAAM,CAAC/D,KAAK,CAACiD,GAAG,CAAC,CAAC,GAAG,CAAC,EAAE;MACrCjD,KAAK,CAACiD,GAAG,GAAG,CAAC;IACf;IAEAhD,QAAQ,CAACD,KAAK,CAAC;EAGjB,CAAC,EAAE,CAACb,MAAM,EAAEE,KAAK,EAAEC,QAAQ,EAAEO,QAAQ,EAAEW,WAAW,CAAC,CAAC;EAEpD,MAAMyD,gBAAgB,GAAGA,CAAA,KAAM;IAC7B,IAAIrF,MAAM,CAACO,MAAM,CAAC,IAAIS,QAAQ,KAAK,KAAK,EAAE;MACxCQ,QAAQ,CAAC,IAAI,CAAC;IAChB;EACF,CAAC;EAED,MAAM8D,gBAAgB,GAAGA,CAAA,KAAM;IAC7B,IAAItE,QAAQ,KAAK,KAAK,EAAE;MACtBQ,QAAQ,CAAC,KAAK,CAAC;IACjB;EACF,CAAC;EAKD,MAAM+D,iBAAiB,GAAItC,CAAuB,IAChDA,CAAC,CAACuC,eAAe,CAAC,CAAC;EAErB,OACEzF,KAAA,CAAA0F,aAAA,SAAAC,QAAA;IACEC,IAAI,EAAC,SAAS;IACd,eAAaxE,MAAM,GAAG,IAAI,GAAG8C,SAAU;IACvC2B,GAAG,EAAE7D,UAAW;IAChB8D,YAAY,EAAER,gBAAiB;IAC/BS,YAAY,EAAER,gBAAiB;IAC/BS,WAAW,EAAER,iBAAkB;IAC/BS,WAAW,EAAET,iBAAkB;IAC/BU,YAAY,EAAEV;EAAkB,GAC5B/E,UAAU;IACd0F,SAAS,EAAE/F,UAAU,CACnBK,UAAU,aAAVA,UAAU,uBAAVA,UAAU,CAAE0F,SAAS,EAGrBzE,QAAQ,GAAI,qBAAqB,GACpBC,SAAS,IAAI,mBAAmB,EAH7C1B,MAAM,CAACc,WAAW,CAAC,IAAI,2BAA2B,EAClDd,MAAM,CAACa,aAAa,CAAC,IAAI,oBAG3B,CAAE;IACFO,KAAK,EAAAsD,aAAA,CAAAA,aAAA,KAAOtD,KAAK,GAAKZ,UAAU,CAACY,KAAK;EAAG,IAExCX,KAAK,IACJV,KAAA,CAAA0F,aAAA;IACES,SAAS,mDAEuBzF,KAAK,kCACFC,QAAQ;EACzC,CACH,CACF,EAEDX,KAAA,CAAA0F,aAAA;IAAMU,EAAE,EAAE7F,UAAW;IAAC4F,SAAS,EAAC;EAAsB,GACnDjF,QACG,CACF,CAAC;AAEX","ignoreList":[]}
+{"version":3,"file":"TooltipContainer.js","names":["React","isTrue","getOffsetLeft","getOffsetTop","classnames","TooltipContainer","props","internalId","active","attributes","arrow","position","align","hideDelay","fixedPosition","noAnimation","skipPortal","useHover","children","targetElement","target","style","setStyle","useState","arrowStyle","setArrowStyle","hover","setHover","isActive","wasActive","makeActive","renewStyles","forceRerender","getBodySize","elementRef","useRef","offset","debounceTimeout","resizeObserver","document","width","height","body","getBoundingClientRect","clearTimers","clearTimeout","current","useLayoutEffect","addPositionObserver","ResizeObserver","setTimeout","observe","e","removePositionObserver","_resizeObserver$curre","disconnect","offsetLeft","offsetTop","_stylesFromPosition$p","_stylesFromArrow$arro","element","window","alignOffset","elementWidth","offsetWidth","elementHeight","offsetHeight","rect","targetBodySize","scrollY","undefined","pageYOffset","scrollX","pageXOffset","top","useMouseWhen","mousePos","left","widthBased","_objectSpread","topHorizontal","leftVertical","stylesFromPosition","right","bottom","stylesFromArrow","call","rightOffset","parseFloat","String","innerWidth","arrowWidth","arrowStyleBasisWidth","handleMouseEnter","handleMouseLeave","handlePropagation","stopPropagation","createElement","_extends","role","ref","onMouseEnter","onMouseLeave","onMouseMove","onMouseDown","onTouchStart","className","id"],"sources":["../../../../src/components/tooltip/TooltipContainer.tsx"],"sourcesContent":["/**\n * Web Tooltip Component\n *\n */\n\nimport React from 'react'\nimport { isTrue } from '../../shared/component-helper'\nimport { getOffsetLeft, getOffsetTop } from '../../shared/helpers'\nimport classnames from 'classnames'\nimport { TooltipProps } from './types'\n\ntype TooltipContainerProps = {\n  targetElement: HTMLElement\n  style?: React.CSSProperties\n  useHover?: boolean\n  internalId?: string\n  attributes?: Record<string, unknown> & { style: React.CSSProperties }\n}\n\nexport default function TooltipContainer(\n  props: TooltipProps & TooltipContainerProps\n) {\n  const {\n    internalId,\n    active,\n    attributes,\n    arrow,\n    position,\n    align,\n    hideDelay,\n    fixedPosition,\n    noAnimation,\n    skipPortal,\n    useHover,\n    children,\n    targetElement: target,\n  } = props\n\n  const [style, setStyle] = React.useState(null)\n  const [arrowStyle, setArrowStyle] = React.useState(null)\n  const [hover, setHover] = React.useState(false)\n  const isActive = isTrue(active) || hover\n  const [wasActive, makeActive] = React.useState(false)\n  const [renewStyles, forceRerender] = React.useState(getBodySize)\n\n  const elementRef = React.useRef<HTMLSpanElement>(null)\n  const offset = React.useRef(16)\n  const debounceTimeout = React.useRef<NodeJS.Timeout>()\n  const resizeObserver = React.useRef<ResizeObserver>(null)\n\n  function getBodySize() {\n    if (!isActive || typeof document === 'undefined') {\n      return 0 // stop here\n    }\n\n    const { width, height } = document.body.getBoundingClientRect()\n\n    return width + height\n  }\n\n  const clearTimers = () => {\n    clearTimeout(debounceTimeout.current)\n  }\n\n  React.useLayoutEffect(() => {\n    const addPositionObserver = () => {\n      if (resizeObserver.current || typeof document === 'undefined') {\n        return // stop here\n      }\n\n      try {\n        resizeObserver.current = new ResizeObserver(() => {\n          clearTimers()\n          debounceTimeout.current = setTimeout(\n            () => forceRerender(getBodySize()),\n            100\n          )\n        })\n\n        resizeObserver.current.observe(document.body)\n      } catch (e) {\n        //\n      }\n    }\n    const removePositionObserver = () => {\n      clearTimers()\n      resizeObserver.current?.disconnect()\n    }\n\n    if (isActive) {\n      makeActive(true)\n      addPositionObserver()\n    } else {\n      removePositionObserver()\n    }\n\n    return removePositionObserver\n\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [isActive])\n\n  const offsetLeft = React.useRef(0)\n  const offsetTop = React.useRef(0)\n\n  React.useLayoutEffect(() => {\n    if (!isActive) {\n      /**\n       * This \"resets\" the position between elements,\n       * when not active. Else it will always first show on the older position.\n       */\n      if (wasActive) {\n        clearTimeout(debounceTimeout.current)\n        debounceTimeout.current = setTimeout(\n          () => setStyle(null),\n          hideDelay\n        )\n      }\n      return // stop here\n    }\n\n    const element = elementRef?.current\n\n    if (\n      typeof window === 'undefined' ||\n      !element ||\n      !target?.getBoundingClientRect\n    ) {\n      return // stop here\n    }\n\n    let alignOffset = 0\n\n    const elementWidth = element.offsetWidth\n    const elementHeight = element.offsetHeight\n    const rect = target.getBoundingClientRect()\n    const targetBodySize = {\n      width: target.offsetWidth,\n      height: target.offsetHeight,\n    }\n\n    // fix for svg\n    if (!target.offsetHeight) {\n      targetBodySize.width = rect.width\n      targetBodySize.height = rect.height\n    }\n\n    if (skipPortal && (!offsetLeft.current || !offsetTop.current)) {\n      offsetLeft.current = getOffsetLeft(element) - offset.current\n      offsetTop.current = getOffsetTop(element) - offset.current\n    }\n\n    const scrollY =\n      window.scrollY !== undefined ? window.scrollY : window.pageYOffset\n    const scrollX =\n      window.scrollX !== undefined ? window.scrollX : window.pageXOffset\n    const top =\n      (isTrue(fixedPosition) ? 0 : scrollY) + rect.top - offsetTop.current\n\n    // Use Mouse position when target is too wide\n    const useMouseWhen = targetBodySize.width > 400\n    const mousePos =\n      getOffsetLeft(target) +\n      rect.left / 2 +\n      (element ? element.offsetWidth : 0)\n    const widthBased = scrollX + rect.left\n    const left =\n      (useMouseWhen && mousePos < targetBodySize.width\n        ? mousePos\n        : widthBased) - offsetLeft.current\n\n    const style = { ...props.style }\n    const arrowStyle = { top: null, left: null }\n\n    if (align === 'left') {\n      alignOffset = -targetBodySize.width / 2\n    } else if (align === 'right') {\n      alignOffset = targetBodySize.width / 2\n    }\n\n    const topHorizontal =\n      top + targetBodySize.height / 2 - elementHeight / 2\n    const leftVertical =\n      left - elementWidth / 2 + targetBodySize.width / 2 + alignOffset\n\n    const stylesFromPosition = {\n      left: () => {\n        style.top = topHorizontal\n        style.left = left - elementWidth - offset.current\n      },\n      right: () => {\n        style.top = topHorizontal\n        style.left = left + targetBodySize.width + offset.current\n      },\n      top: () => {\n        style.left = leftVertical\n        style.top = top - elementHeight - offset.current\n      },\n      bottom: () => {\n        style.left = leftVertical\n        style.top = top + targetBodySize.height + offset.current\n      },\n    }\n\n    const stylesFromArrow = {\n      left: () => {\n        style.left =\n          left + targetBodySize.width / 2 - offset.current + alignOffset\n      },\n      right: () => {\n        style.left =\n          left -\n          elementWidth +\n          targetBodySize.width / 2 +\n          offset.current +\n          alignOffset\n      },\n      top: () => {\n        style.top = top + targetBodySize.height / 2 - offset.current\n      },\n      bottom: () => {\n        style.top =\n          top + targetBodySize.height / 2 - elementHeight + offset.current\n      },\n    }\n\n    stylesFromPosition[position]?.()\n    stylesFromArrow[arrow]?.()\n\n    const rightOffset =\n      parseFloat(String(style.left)) + elementWidth - window.innerWidth\n    if (rightOffset > 0) {\n      style.left = window.innerWidth - elementWidth\n    }\n    if (parseFloat(String(style.left)) < 0) {\n      style.left = 0\n      if (position === 'top' || position === 'bottom') {\n        const arrowWidth = 16 // 1rem\n        const arrowStyleBasisWidth = left - arrowWidth / 2\n        if (align === 'left') {\n          arrowStyle.left = arrowStyleBasisWidth\n        } else if (align === 'right') {\n          arrowStyle.left = arrowStyleBasisWidth + targetBodySize.width\n        } else {\n          arrowStyle.left = arrowStyleBasisWidth + targetBodySize.width / 2\n        }\n      }\n    }\n    if (parseFloat(String(style.top)) < 0) {\n      style.top = 0\n      arrowStyle.top = 0\n    }\n\n    setStyle(style)\n    setArrowStyle(arrowStyle)\n\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [active, arrow, position, children, renewStyles])\n\n  const handleMouseEnter = () => {\n    if (isTrue(active) && useHover !== false) {\n      setHover(true)\n    }\n  }\n\n  const handleMouseLeave = () => {\n    if (useHover !== false) {\n      setHover(false)\n    }\n  }\n\n  /**\n   * By stopping propagation, we allow the user to select text when Tooltip is used in the Slider component\n   */\n  const handlePropagation = (e: React.SyntheticEvent) =>\n    e.stopPropagation()\n\n  return (\n    <span\n      role=\"tooltip\"\n      aria-hidden={target ? true : undefined} // make sure SR does not find it in the DOM, because we use \"aria-describedby\" for that\n      ref={elementRef}\n      onMouseEnter={handleMouseEnter}\n      onMouseLeave={handleMouseLeave}\n      onMouseMove={handlePropagation}\n      onMouseDown={handlePropagation}\n      onTouchStart={handlePropagation}\n      {...attributes}\n      className={classnames(\n        attributes?.className,\n        isTrue(noAnimation) && 'dnb-tooltip--no-animation',\n        isTrue(fixedPosition) && 'dnb-tooltip--fixed',\n        isActive && 'dnb-tooltip--active',\n        !isActive && wasActive && 'dnb-tooltip--hide'\n      )}\n      style={{ ...style, ...attributes.style }}\n    >\n      {arrow && (\n        <span\n          className={classnames(\n            'dnb-tooltip__arrow',\n            `dnb-tooltip__arrow__arrow--${arrow}`,\n            `dnb-tooltip__arrow__position--${position}`\n          )}\n          style={{ ...arrowStyle }}\n        />\n      )}\n\n      <span id={internalId} className=\"dnb-tooltip__content\">\n        {children}\n      </span>\n    </span>\n  )\n}\n"],"mappings":"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","ignoreList":[]}