@amboss/design-system 3.36.0 → 3.36.2

package/build/esm/components/Toggletip/BasePopover.js

@@ -1 +1 @@
-import React,{useState,useRef,useEffect,useCallback,useMemo}from"react";import styled from"@emotion/styled";import{TooltipContent}from"../Tooltip/TooltipContent";import{Sheet}from"../Sheet/Sheet";import{FocusTrapWrapper}from"../../shared/FocusTrapWrapper";import breakpoints from"../../web-tokens/_breakpoints.json";import{getAriaAttributes}from"../../shared/ariaAttributes";let StyledContainer=styled("div",{target:"ewyi9km0",label:"StyledContainer"})(()=>({borderRadius:"inherit"}),"/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3JjL2NvbXBvbmVudHMvVG9nZ2xldGlwL0Jhc2VQb3BvdmVyLnRzeCIsInNvdXJjZXMiOlsic3JjL2NvbXBvbmVudHMvVG9nZ2xldGlwL0Jhc2VQb3BvdmVyLnRzeCJdLCJzb3VyY2VzQ29udGVudCI6WyIvKiBlc2xpbnQtZGlzYWJsZSByZWFjdC9qc3gtcHJvcHMtbm8tc3ByZWFkaW5nICovXG5pbXBvcnQgdHlwZSB7IFJlYWN0RWxlbWVudCwgUHJvcHNXaXRoQ2hpbGRyZW4gfSBmcm9tIFwicmVhY3RcIjtcbmltcG9ydCBSZWFjdCwge1xuICB1c2VTdGF0ZSxcbiAgdXNlUmVmLFxuICB1c2VFZmZlY3QsXG4gIHVzZUNhbGxiYWNrLFxuICB1c2VNZW1vLFxufSBmcm9tIFwicmVhY3RcIjtcbmltcG9ydCBzdHlsZWQgZnJvbSBcIkBlbW90aW9uL3N0eWxlZFwiO1xuaW1wb3J0IHR5cGUgeyBUb29sdGlwQ29udGVudFByb3BzIH0gZnJvbSBcIi4uL1Rvb2x0aXAvVG9vbHRpcENvbnRlbnRcIjtcbmltcG9ydCB0eXBlIHsgVG9vbHRpcENvbmRpdGlvbmFsUHJvcHMgfSBmcm9tIFwiLi4vVG9vbHRpcC90eXBlc1wiO1xuaW1wb3J0IHsgVG9vbHRpcENvbnRlbnQgfSBmcm9tIFwiLi4vVG9vbHRpcC9Ub29sdGlwQ29udGVudFwiO1xuaW1wb3J0IHR5cGUgeyBQb3B1cFJvbGUgfSBmcm9tIFwiLi4vU2hlZXQvU2hlZXRcIjtcbmltcG9ydCB7IFNoZWV0IH0gZnJvbSBcIi4uL1NoZWV0L1NoZWV0XCI7XG5pbXBvcnQgeyBGb2N1c1RyYXBXcmFwcGVyIH0gZnJvbSBcIi4uLy4uL3NoYXJlZC9Gb2N1c1RyYXBXcmFwcGVyXCI7XG5pbXBvcnQgYnJlYWtwb2ludHMgZnJvbSBcIi4uLy4uL3dlYi10b2tlbnMvX2JyZWFrcG9pbnRzLmpzb25cIjtcbmltcG9ydCB7IGdldEFyaWFBdHRyaWJ1dGVzIH0gZnJvbSBcIi4uLy4uL3NoYXJlZC9hcmlhQXR0cmlidXRlc1wiO1xuXG50eXBlIEJhc2VQcm9wcyA9IFBpY2s8XG4gIFRvb2x0aXBDb250ZW50UHJvcHMsXG4gIHwgXCJwbGFjZW1lbnRcIlxuICB8IFwicG9ydGFsQ29udGFpbmVyXCJcbiAgfCBcIm1heFdpZHRoXCJcbiAgfCBcImNvbnRlbnRQYWRkaW5nXCJcbiAgfCBcImhpZGVBcnJvd1wiXG4gIHwgXCJzdWJUaGVtZVwiXG4gIHwgXCJkZWZhdWx0VmVydGljYWxQbGFjZW1lbnRcIlxuICB8IFwib25PdmVyZmxvd1ZpZXdwb3J0XCJcbj4gJiB7XG4gIG5hbWU/OiBzdHJpbmc7XG4gIC8qKiAgUG9wb3ZlciBjb250ZW50ICovXG4gIGNvbnRlbnQ6IFJlYWN0RWxlbWVudDtcbiAgXCJkYXRhLWUyZS10ZXN0LWlkXCI/OiBzdHJpbmc7XG4gIC8qKiAgUHJvZ3JhbW1hdGljYWxseSB0b2dnbGUgUG9wb3ZlciB2aXNpYmlsaXR5IHdpdGggdGhpcyBwcm9wICovXG4gIGlzVmlzaWJsZT86IGJvb2xlYW47XG4gIC8qKiAgQ2FsbGVkIHdoZW4gdG9vbHRpcCBhcHBlYXJzIGFuZCBkaXNhcHBlYXJzICovXG4gIG9uVmlzaWJpbGl0eUNoYW5nZT86IChpc1Zpc2libGU6IGJvb2xlYW4sIHJlYXNvbjogc3RyaW5nKSA9PiB2b2lkO1xuICAvKiogIENvbnRyb2xzIHdoZXRoZXIgQmFzZVBvcG92ZXIgIGNsb3NlcyBvbiBvdXRzaWRlIGNsaWNrICovXG4gIGRpc21pc3NPbk91dHNpZGVDbGljaz86IGJvb2xlYW47XG4gIC8qKiAgT3B0aW9uIGZvciBmb2N1cy10cmFwLCBjb250cm9scyB3aGV0aGVyIHRoZSBmaXJzdCBmb2N1YWJsZSBpdGVtIHJlY2lldmVzIGZvY3VzICovXG4gIGRpc2FibGVJbml0aWFsRm9jdXM/OiBib29sZWFuO1xuICAvKiogIE9wdGlvbiBmb3IgZm9jdXMtdHJhcCwgY29udHJvbHMgd2hldGhlciB0aGUgdHJpZ2dlciBzaG91bGQgcmVjZWl2ZSBiYWNrIHRoZSBmb2N1cyBvbiBwb3BvdmVyIGNsb3NlICovXG4gIGRpc2FibGVSZXR1cm5Gb2N1c1RvVHJpZ2dlcj86IGJvb2xlYW47XG4gIC8qKiAgUmVuZGVyIGFzIHNoZWV0IG9uIG1vYmlsZSB3ZWIgKi9cbiAgcmVuZGVyQXNTaGVldE9uTW9iaWxlPzogYm9vbGVhbjtcbiAgLyoqIFJvbGUgZm9yIGFjY2Vzc2liaWxpdHkgKi9cbiAgcm9sZT86IFBvcHVwUm9sZTtcbiAgLyoqICBQcm9wcyBmb3IgY29uZmlndXJpbmcgdGhlIHNoZWV0IG9uIG1vYmlsZSB3ZWIgKi9cbiAgc2hlZXRQcm9wcz86IHtcbiAgICAvKiogIFNob3cgdGhlIGRhcmsgc2NyaW0gYmFja2Ryb3Agb24gbW9iaWxlIHdlYiB3aGVuIHJlbmRlcmluZyBhcyBTaGVldCAqL1xuICAgIGhhc0JhY2tkcm9wPzogYm9vbGVhbjtcbiAgfTtcbn07XG5cbmV4cG9ydCB0eXBlIEJhc2VQb3BvdmVyUHJvcHMgPSBCYXNlUHJvcHMgJiBUb29sdGlwQ29uZGl0aW9uYWxQcm9wcztcblxuY29uc3QgU3R5bGVkQ29udGFpbmVyID0gc3R5bGVkLmRpdigoKSA9PiAoe1xuICBib3JkZXJSYWRpdXM6IFwiaW5oZXJpdFwiLFxufSkpO1xuXG5jb25zdCBGb2N1c1RyYXBDb250ZW50ID0gUmVhY3QuZm9yd2FyZFJlZjxcbiAgSFRNTERpdkVsZW1lbnQsXG4gIFByb3BzV2l0aENoaWxkcmVuPHVua25vd24+XG4+KCh7IGNoaWxkcmVuIH0sIHJlZikgPT4gKFxuICA8U3R5bGVkQ29udGFpbmVyIHJlZj17cmVmfT57Y2hpbGRyZW59PC9TdHlsZWRDb250YWluZXI+XG4pKTtcblxuY29uc3QgVmlzaWJpbGl0eUNoYW5nZVJlYXNvbiA9IHtcbiAgdHJpZ2dlckNsaWNrOiBcInRyaWdnZXJDbGlja1wiLFxuICBvdXRzaWRlQ2xpY2s6IFwib3V0c2lkZUNsaWNrXCIsXG59O1xuXG5mdW5jdGlvbiBnZXRBcmlhUG9wdXBUeXBlKHJvbGU6IFBvcHVwUm9sZSB8IHVuZGVmaW5lZCk6IHN0cmluZyB7XG4gIGxldCBwb3B1cFR5cGU6IHN0cmluZyA9IFN0cmluZyhyb2xlKTtcbiAgaWYgKCFyb2xlKSB7XG4gICAgcG9wdXBUeXBlID0gXCJ0cnVlXCI7XG4gIH1cbiAgaWYgKHJvbGUgPT09IFwiYWxlcnRkaWFsb2dcIikge1xuICAgIHJldHVybiBcImRpYWxvZ1wiO1xuICB9XG4gIHJldHVybiBwb3B1cFR5cGU7XG59XG5cbmZ1bmN0aW9uIGdldE1vYmlsZUJyZWFrcG9pbnQocmVuZGVyQXNTaGVldE9uTW9iaWxlOiBib29sZWFuKSB7XG4gIGlmICghd2luZG93KSB7XG4gICAgLy8gVE9ETyB3aW5kb3cgc2hvdWxkIGJlIGV4dHJhY3RlZCBmcm9tIGhvb2sgdXNlV2luZG93XG4gICAgcmV0dXJuIGZhbHNlO1xuICB9XG5cbiAgY29uc3QgbWF4TW9iaWxlSGVpZ2h0SW5MYW5kc2NhcGUgPSA0NTA7IC8vIGlzIDQzMCBmb3IgaXBob25lIHBybyBtYXgsIGJ1dCBsZXQncyBhZGQgMjBweCBmb3IgbmV4dCBnZW5lcmF0aW9uc1xuICBjb25zdCBpc01vYmlsZUluUG9ydHJhaXQgPSB3aW5kb3cuaW5uZXJXaWR0aCA8PSBicmVha3BvaW50cy5tLnZhbHVlO1xuICBjb25zdCBpc1NtYWxsSGVpZ2h0ID0gd2luZG93LmlubmVySGVpZ2h0IDw9IG1heE1vYmlsZUhlaWdodEluTGFuZHNjYXBlO1xuICBjb25zdCBpc0xhbmRzY2FwZSA9IHdpbmRvdy5tYXRjaE1lZGlhPy4oXCIob3JpZW50YXRpb246IGxhbmRzY2FwZSlcIikubWF0Y2hlcztcbiAgY29uc3QgaXNNb2JpbGVJbkxhbmRzY2FwZSA9IGlzTGFuZHNjYXBlICYmIGlzU21hbGxIZWlnaHQ7XG5cbiAgcmV0dXJuIHJlbmRlckFzU2hlZXRPbk1vYmlsZSAmJiAoaXNNb2JpbGVJblBvcnRyYWl0IHx8IGlzTW9iaWxlSW5MYW5kc2NhcGUpO1xufVxuXG5leHBvcnQgZnVuY3Rpb24gQmFzZVBvcG92ZXIoe1xuICBwbGFjZW1lbnQgPSBcImF1dG9cIixcbiAgY29udGVudCxcbiAgY2hpbGRyZW4sXG4gIGNvbnRlbnRQYWRkaW5nID0gXCJtXCIsXG4gIG1heFdpZHRoLFxuICBleHRlcm5hbFRyaWdnZXJSZWYsXG4gIHBvcnRhbENvbnRhaW5lcixcbiAgbmFtZSA9IFwiUG9wb3ZlclwiLFxuICBpc1Zpc2libGU6IGlzUG9wb3ZlclZpc2libGUsXG4gIGRpc21pc3NPbk91dHNpZGVDbGljayA9IHRydWUsXG4gIFwiZGF0YS1lMmUtdGVzdC1pZFwiOiBkYXRhRTJlVGVzdElkLFxuICBzdWJUaGVtZSxcbiAgZGVmYXVsdFZlcnRpY2FsUGxhY2VtZW50LFxuICBvblZpc2liaWxpdHlDaGFuZ2UsXG4gIGRpc2FibGVJbml0aWFsRm9jdXMgPSBmYWxzZSxcbiAgZGlzYWJsZVJldHVybkZvY3VzVG9UcmlnZ2VyID0gZmFsc2UsXG4gIHJlbmRlckFzU2hlZXRPbk1vYmlsZSA9IGZhbHNlLFxuICByb2xlLFxuICBzaGVldFByb3BzLFxuICAuLi5yZXN0Q29udGVudFByb3BzXG59OiBCYXNlUG9wb3ZlclByb3BzKTogUmVhY3QuUmVhY3RFbGVtZW50IHtcbiAgY29uc3QgdG9vbHRpcElkID0gdXNlTWVtbyhcbiAgICAoKSA9PiBgRFMke25hbWV9XyR7TWF0aC5mbG9vcihEYXRlLm5vdygpICogTWF0aC5yYW5kb20oKSl9YCxcbiAgICBbbmFtZV1cbiAgKTtcbiAgY29uc3QgW2lzVmlzaWJsZSwgc2V0VmlzaWJsZV0gPSB1c2VTdGF0ZShpc1BvcG92ZXJWaXNpYmxlKTtcbiAgY29uc3QgW2lzTW9iaWxlQnJlYWtQb2ludCwgc2V0SXNNb2JpbGVCcmVha3BvaW50XSA9IHVzZVN0YXRlKFxuICAgIGdldE1vYmlsZUJyZWFrcG9pbnQocmVuZGVyQXNTaGVldE9uTW9iaWxlKVxuICApO1xuICBjb25zdCBpbnRlcm5hbFRyaWdnZXJSZWYgPSB1c2VSZWY8SFRNTEVsZW1lbnQ+KG51bGwpO1xuICBjb25zdCB0cmlnZ2VyUmVmID0gZXh0ZXJuYWxUcmlnZ2VyUmVmIHx8IGludGVybmFsVHJpZ2dlclJlZjtcbiAgY29uc3QgaXNPdXRzaWRlQ2xpY2tPblRyaWdnZXIgPSB1c2VSZWYoZmFsc2UpO1xuICBjb25zdCBhcmlhQXR0cmlidXRlcyA9IGdldEFyaWFBdHRyaWJ1dGVzKHJlc3RDb250ZW50UHJvcHMpO1xuXG4gIGNvbnN0IHRvZ2dsZVZpc2liaWxpdHkgPSB1c2VDYWxsYmFjayhcbiAgICAoc3RhdHVzOiBib29sZWFuLCByZWFzb246IHN0cmluZykgPT4ge1xuICAgICAgc2V0VmlzaWJsZShzdGF0dXMpO1xuXG4gICAgICBpZiAob25WaXNpYmlsaXR5Q2hhbmdlKSB7XG4gICAgICAgIG9uVmlzaWJpbGl0eUNoYW5nZShzdGF0dXMsIHJlYXNvbik7XG4gICAgICB9XG4gICAgfSxcbiAgICBbb25WaXNpYmlsaXR5Q2hhbmdlXVxuICApO1xuXG4gIC8vIE91dHNpZGUgY2xpY2sgaXMgYWxzbyBmaXJlZCB3aGVuIHRoZSBQb3BvdmVyIGlzIG9wZW4gYW5kIHRyaWdnZXIgaXMgY2xpY2tlZC4gYGlzT3V0c2lkZUNsaWNrT25UcmlnZ2VyYCBzYXZlcyB0aGlzIGNvbmRpdGlvbiBhbmQgd2UgY2hlY2sgZm9yIGl0IHNvIGFzIHRvIG5vdCB0b2dnbGUgdGhlIFBvcG92ZXIgdHdpY2UuXG4gIGNvbnN0IGhhbmRsZVRyaWdnZXJDbGljayA9IHVzZUNhbGxiYWNrKCgpID0+IHtcbiAgICBpZiAoIWlzT3V0c2lkZUNsaWNrT25UcmlnZ2VyLmN1cnJlbnQpIHtcbiAgICAgIHRvZ2dsZVZpc2liaWxpdHkoIWlzVmlzaWJsZSwgVmlzaWJpbGl0eUNoYW5nZVJlYXNvbi50cmlnZ2VyQ2xpY2spO1xuICAgIH0gZWxzZSB7XG4gICAgICAvLyByZXNldCB0aGlzIHZhbHVlIHNvIHRoYXQgUG9wb3ZlciBjYW4gb3BlbiBpbiBuZXh0IGNsaWNrXG4gICAgICBpc091dHNpZGVDbGlja09uVHJpZ2dlci5jdXJyZW50ID0gZmFsc2U7XG4gICAgfVxuICB9LCBbdG9nZ2xlVmlzaWJpbGl0eSwgaXNWaXNpYmxlXSk7XG5cbiAgY29uc3QgaGFuZGxlQ2xpY2tPdXRzaWRlRGVhY3RpdmF0ZXMgPSB1c2VDYWxsYmFjayhcbiAgICAoZXZ0OiBNb3VzZUV2ZW50KSA9PiB7XG4gICAgICBpZiAoXG4gICAgICAgIHRyaWdnZXJSZWYuY3VycmVudCAmJlxuICAgICAgICB0cmlnZ2VyUmVmLmN1cnJlbnQuY29udGFpbnMoZXZ0LnRhcmdldCBhcyBOb2RlKVxuICAgICAgKSB7XG4gICAgICAgIGlzT3V0c2lkZUNsaWNrT25UcmlnZ2VyLmN1cnJlbnQgPSB0cnVlO1xuICAgICAgfVxuICAgICAgcmV0dXJuIHRydWU7XG4gICAgfSxcbiAgICBbdHJpZ2dlclJlZiwgaXNPdXRzaWRlQ2xpY2tPblRyaWdnZXJdXG4gICk7XG5cbiAgY29uc3QgaGFuZGxlUG9zdERlYWN0aXZhdGUgPSB1c2VDYWxsYmFjaygoKSA9PiB7XG4gICAgY29uc3QgcmVhc29uID0gaXNPdXRzaWRlQ2xpY2tPblRyaWdnZXIuY3VycmVudFxuICAgICAgPyBWaXNpYmlsaXR5Q2hhbmdlUmVhc29uLnRyaWdnZXJDbGlja1xuICAgICAgOiBWaXNpYmlsaXR5Q2hhbmdlUmVhc29uLm91dHNpZGVDbGljaztcblxuICAgIHRvZ2dsZVZpc2liaWxpdHkoZmFsc2UsIHJlYXNvbik7XG4gIH0sIFt0b2dnbGVWaXNpYmlsaXR5XSk7XG5cbiAgdXNlRWZmZWN0KCgpID0+IHtcbiAgICBzZXRWaXNpYmxlKGlzUG9wb3ZlclZpc2libGUpO1xuICB9LCBbaXNQb3BvdmVyVmlzaWJsZV0pO1xuXG4gIHVzZUVmZmVjdCgoKSA9PiB7XG4gICAgLy8gQ2hlY2sgaWYgdGhpcyBpcyBhIG1vYmlsZSBicmVha3BvaW50XG4gICAgc2V0SXNNb2JpbGVCcmVha3BvaW50KGdldE1vYmlsZUJyZWFrcG9pbnQocmVuZGVyQXNTaGVldE9uTW9iaWxlKSk7XG4gIH0sIFtpc1Zpc2libGUsIHJlbmRlckFzU2hlZXRPbk1vYmlsZV0pO1xuXG4gIHVzZUVmZmVjdCgoKSA9PiB7XG4gICAgY29uc3QgdHJpZ2dlciA9IHRyaWdnZXJSZWYuY3VycmVudDtcbiAgICBpZiAoIXRyaWdnZXIpIHJldHVybiB1bmRlZmluZWQ7XG5cbiAgICB0cmlnZ2VyLmFkZEV2ZW50TGlzdGVuZXIoXCJjbGlja1wiLCBoYW5kbGVUcmlnZ2VyQ2xpY2spO1xuXG4gICAgcmV0dXJuICgpID0+IHtcbiAgICAgIHRyaWdnZXIucmVtb3ZlRXZlbnRMaXN0ZW5lcihcImNsaWNrXCIsIGhhbmRsZVRyaWdnZXJDbGljayk7XG4gICAgfTtcbiAgfSwgW2hhbmRsZVRyaWdnZXJDbGljaywgdHJpZ2dlclJlZl0pO1xuXG4gIHVzZUVmZmVjdCgoKSA9PiB7XG4gICAgaWYgKGV4dGVybmFsVHJpZ2dlclJlZj8uY3VycmVudCAmJiAhY2hpbGRyZW4pIHtcbiAgICAgIGNvbnN0IHRyaWdnZXIgPSBleHRlcm5hbFRyaWdnZXJSZWYuY3VycmVudDtcbiAgICAgIGNvbnN0IHRyaWdnZXJUYWJJbmRleCA9IHRyaWdnZXIuZ2V0QXR0cmlidXRlKFwidGFiaW5kZXhcIik7XG5cbiAgICAgIHRyaWdnZXIuc2V0QXR0cmlidXRlKFwidGFiaW5kZXhcIiwgdHJpZ2dlclRhYkluZGV4ID8/IFwiMFwiKTtcbiAgICB9XG4gIH0sIFtleHRlcm5hbFRyaWdnZXJSZWYsIGNoaWxkcmVuXSk7XG5cbiAgdXNlRWZmZWN0KCgpID0+IHtcbiAgICBpZiAoZXh0ZXJuYWxUcmlnZ2VyUmVmPy5jdXJyZW50ICYmICFjaGlsZHJlbikge1xuICAgICAgY29uc3QgdHJpZ2dlciA9IGV4dGVybmFsVHJpZ2dlclJlZi5jdXJyZW50O1xuXG4gICAgICB0cmlnZ2VyLnNldEF0dHJpYnV0ZShcImFyaWEtaGFzcG9wdXBcIiwgZ2V0QXJpYVBvcHVwVHlwZShyb2xlKSk7XG4gICAgICBpZiAoaXNWaXNpYmxlKSB7XG4gICAgICAgIHRyaWdnZXIuc2V0QXR0cmlidXRlKFwiYXJpYS1leHBhbmRlZFwiLCBcInRydWVcIik7XG4gICAgICAgIHRyaWdnZXIuc2V0QXR0cmlidXRlKFwiYXJpYS1jb250cm9sc1wiLCB0b29sdGlwSWQpO1xuICAgICAgfSBlbHNlIHtcbiAgICAgICAgdHJpZ2dlci5yZW1vdmVBdHRyaWJ1dGUoXCJhcmlhLWV4cGFuZGVkXCIpO1xuICAgICAgICB0cmlnZ2VyLnJlbW92ZUF0dHJpYnV0ZShcImFyaWEtY29udHJvbHNcIik7XG4gICAgICB9XG4gICAgfVxuICB9LCBbZXh0ZXJuYWxUcmlnZ2VyUmVmLCBjaGlsZHJlbiwgcm9sZSwgdG9vbHRpcElkLCBpc1Zpc2libGVdKTtcblxuICBjb25zdCB0cmlnZ2VyRWxtID0gY2hpbGRyZW5cbiAgICA/IFJlYWN0LmNsb25lRWxlbWVudChjaGlsZHJlbiwge1xuICAgICAgICByZWY6IHRyaWdnZXJSZWYsXG4gICAgICAgIC4uLihpc1Zpc2libGUgJiYge1xuICAgICAgICAgIFwiYXJpYS1leHBhbmRlZFwiOiB0cnVlLFxuICAgICAgICAgIFwiYXJpYS1jb250cm9sc1wiOiB0b29sdGlwSWQsXG4gICAgICAgIH0pLFxuICAgICAgICB0YWJJbmRleDogY2hpbGRyZW4ucHJvcHMudGFiSW5kZXggPz8gMCxcbiAgICAgICAgXCJhcmlhLWhhc3BvcHVwXCI6IGdldEFyaWFQb3B1cFR5cGUocm9sZSksXG4gICAgICB9KVxuICAgIDogbnVsbDtcblxuICBpZiAoaXNNb2JpbGVCcmVha1BvaW50KSB7XG4gICAgLy8gcmVuZGVyIGFzIFNoZWV0XG4gICAgY29uc3Qgc2hlZXRFbG0gPSAoXG4gICAgICA8U2hlZXRcbiAgICAgICAgaWQ9e3Rvb2x0aXBJZH1cbiAgICAgICAgaXNWaXNpYmxlPXtpc1Zpc2libGV9XG4gICAgICAgIHBvcnRhbENvbnRhaW5lcj17cG9ydGFsQ29udGFpbmVyfVxuICAgICAgICBkaXNtaXNzT25PdXRzaWRlQ2xpY2s9e2Rpc21pc3NPbk91dHNpZGVDbGlja31cbiAgICAgICAgZGlzYWJsZUluaXRpYWxGb2N1cz17ZGlzYWJsZUluaXRpYWxGb2N1c31cbiAgICAgICAgZGlzYWJsZVJldHVybkZvY3VzVG9UcmlnZ2VyPXtkaXNhYmxlUmV0dXJuRm9jdXNUb1RyaWdnZXJ9XG4gICAgICAgIG9uQ2xvc2U9e2hhbmRsZVBvc3REZWFjdGl2YXRlfVxuICAgICAgICBvbkNsaWNrT3V0c2lkZURlYWN0aXZhdGVzPXtoYW5kbGVDbGlja091dHNpZGVEZWFjdGl2YXRlc31cbiAgICAgICAgcm9sZT17cm9sZX1cbiAgICAgICAgey4uLihzaGVldFByb3BzID8/IHt9KX1cbiAgICAgICAgey4uLmFyaWFBdHRyaWJ1dGVzfVxuICAgICAgPlxuICAgICAgICB7Y29udGVudH1cbiAgICAgIDwvU2hlZXQ+XG4gICAgKTtcblxuICAgIHJldHVybiAoXG4gICAgICA8PlxuICAgICAgICB7dHJpZ2dlckVsbX1cbiAgICAgICAge3NoZWV0RWxtfVxuICAgICAgPC8+XG4gICAgKTtcbiAgfVxuXG4gIC8vIHJlbmRlciBhcyBQb3BvdmVyXG4gIGNvbnN0IGNvbnRlbnRFbG0gPSAoXG4gICAgPEZvY3VzVHJhcFdyYXBwZXJcbiAgICAgIGFjdGl2ZT17aXNWaXNpYmxlfVxuICAgICAgZm9jdXNUcmFwT3B0aW9ucz17e1xuICAgICAgICBjbGlja091dHNpZGVEZWFjdGl2YXRlczpcbiAgICAgICAgICBkaXNtaXNzT25PdXRzaWRlQ2xpY2sgJiYgaGFuZGxlQ2xpY2tPdXRzaWRlRGVhY3RpdmF0ZXMsIC8vIGRlLWFjdGl2YXRlIGZvY3VzIHRyYXAgb24gb3V0c2lkZSBjbGlja1xuICAgICAgICBhbGxvd091dHNpZGVDbGljazogdHJ1ZSxcbiAgICAgICAgZXNjYXBlRGVhY3RpdmF0ZXM6IHRydWUsXG4gICAgICAgIGZhbGxiYWNrRm9jdXM6IGAjJHt0b29sdGlwSWR9YCwgLy8gc2V0IGZvY3VzIHRvIHRvb2x0aXAgY29udGVudCBjb250YWluZXIgaWYgaXQgaGFzIG5vIGZvY3VzYWJsZSBlbGVtZW50XG4gICAgICAgIG9uUG9zdERlYWN0aXZhdGU6IGhhbmRsZVBvc3REZWFjdGl2YXRlLFxuICAgICAgICBwcmV2ZW50U2Nyb2xsOiB0cnVlLFxuICAgICAgICBpbml0aWFsRm9jdXM6ICgpID0+ICFkaXNhYmxlSW5pdGlhbEZvY3VzLFxuICAgICAgICByZXR1cm5Gb2N1c09uRGVhY3RpdmF0ZTogIWRpc2FibGVSZXR1cm5Gb2N1c1RvVHJpZ2dlcixcbiAgICAgIH19XG4gICAgPlxuICAgICAgPEZvY3VzVHJhcENvbnRlbnQ+e2NvbnRlbnR9PC9Gb2N1c1RyYXBDb250ZW50PlxuICAgIDwvRm9jdXNUcmFwV3JhcHBlcj5cbiAgKTtcblxuICBjb25zdCB0b29sdGlwRWxtID0gKFxuICAgIDxUb29sdGlwQ29udGVudFxuICAgICAgey4uLnJlc3RDb250ZW50UHJvcHN9IC8vIGVzbGludC1kaXNhYmxlLWxpbmUgcmVhY3QvanN4LXByb3BzLW5vLXNwcmVhZGluZ1xuICAgICAgcm9sZT17cm9sZX1cbiAgICAgIGRlZmF1bHRWZXJ0aWNhbFBsYWNlbWVudD17ZGVmYXVsdFZlcnRpY2FsUGxhY2VtZW50fVxuICAgICAgZGF0YURTSWQ9e25hbWV9XG4gICAgICBjb250ZW50PXtjb250ZW50RWxtfVxuICAgICAgY29udGVudFBhZGRpbmc9e2NvbnRlbnRQYWRkaW5nfVxuICAgICAgbWF4V2lkdGg9e21heFdpZHRofVxuICAgICAgcGxhY2VtZW50PXtwbGFjZW1lbnR9XG4gICAgICBwb3J0YWxDb250YWluZXI9e3BvcnRhbENvbnRhaW5lcn1cbiAgICAgIGRhdGFFMmVUZXN0SWQ9e2RhdGFFMmVUZXN0SWR9XG4gICAgICBzdWJUaGVtZT17c3ViVGhlbWV9XG4gICAgICBpc1Zpc2libGU9e2lzVmlzaWJsZX1cbiAgICAgIHRvb2x0aXBJZD17dG9vbHRpcElkfVxuICAgICAgdHJpZ2dlclJlZj17dHJpZ2dlclJlZn1cbiAgICAgIGlzSGlkZGVuT25JbnZpc2libGVUcmlnZ2VyXG4gICAgLz5cbiAgKTtcblxuICByZXR1cm4gKFxuICAgIDw+XG4gICAgICB7dHJpZ2dlckVsbX1cbiAgICAgIHt0b29sdGlwRWxtfVxuICAgIDwvPlxuICApO1xufVxuIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQXlEd0IifQ== */"),FocusTrapContent=React.forwardRef(({children},ref)=>React.createElement(StyledContainer,{ref:ref},children)),VisibilityChangeReason={triggerClick:"triggerClick",outsideClick:"outsideClick"};function getAriaPopupType(role){let popupType=String(role);return(role||(popupType="true"),"alertdialog"===role)?"dialog":popupType}function getMobileBreakpoint(renderAsSheetOnMobile){if(!window)return!1;let isMobileInPortrait=window.innerWidth<=breakpoints.m.value,isSmallHeight=window.innerHeight<=450,isLandscape=window.matchMedia?.("(orientation: landscape)").matches;return renderAsSheetOnMobile&&(isMobileInPortrait||isLandscape&&isSmallHeight)}export function BasePopover({placement="auto",content,children,contentPadding="m",maxWidth,externalTriggerRef,portalContainer,name="Popover",isVisible:isPopoverVisible,dismissOnOutsideClick=!0,"data-e2e-test-id":dataE2eTestId,subTheme,defaultVerticalPlacement,onVisibilityChange,disableInitialFocus=!1,disableReturnFocusToTrigger=!1,renderAsSheetOnMobile=!1,role,sheetProps,...restContentProps}){let tooltipId=useMemo(()=>`DS${name}_${Math.floor(Date.now()*Math.random())}`,[name]),[isVisible,setVisible]=useState(isPopoverVisible),[isMobileBreakPoint,setIsMobileBreakpoint]=useState(getMobileBreakpoint(renderAsSheetOnMobile)),internalTriggerRef=useRef(null),triggerRef=externalTriggerRef||internalTriggerRef,isOutsideClickOnTrigger=useRef(!1),ariaAttributes=getAriaAttributes(restContentProps),toggleVisibility=useCallback((status,reason)=>{setVisible(status),onVisibilityChange&&onVisibilityChange(status,reason)},[onVisibilityChange]),handleTriggerClick=useCallback(()=>{isOutsideClickOnTrigger.current?isOutsideClickOnTrigger.current=!1:toggleVisibility(!isVisible,VisibilityChangeReason.triggerClick)},[toggleVisibility,isVisible]),handleClickOutsideDeactivates=useCallback(evt=>(triggerRef.current&&triggerRef.current.contains(evt.target)&&(isOutsideClickOnTrigger.current=!0),!0),[triggerRef,isOutsideClickOnTrigger]),handlePostDeactivate=useCallback(()=>{toggleVisibility(!1,isOutsideClickOnTrigger.current?VisibilityChangeReason.triggerClick:VisibilityChangeReason.outsideClick)},[toggleVisibility]);useEffect(()=>{setVisible(isPopoverVisible)},[isPopoverVisible]),useEffect(()=>{setIsMobileBreakpoint(getMobileBreakpoint(renderAsSheetOnMobile))},[isVisible,renderAsSheetOnMobile]),useEffect(()=>{let trigger=triggerRef.current;if(trigger)return trigger.addEventListener("click",handleTriggerClick),()=>{trigger.removeEventListener("click",handleTriggerClick)}},[handleTriggerClick,triggerRef]),useEffect(()=>{if(externalTriggerRef?.current&&!children){let trigger=externalTriggerRef.current,triggerTabIndex=trigger.getAttribute("tabindex");trigger.setAttribute("tabindex",triggerTabIndex??"0")}},[externalTriggerRef,children]),useEffect(()=>{if(externalTriggerRef?.current&&!children){let trigger=externalTriggerRef.current;trigger.setAttribute("aria-haspopup",getAriaPopupType(role)),isVisible?(trigger.setAttribute("aria-expanded","true"),trigger.setAttribute("aria-controls",tooltipId)):(trigger.removeAttribute("aria-expanded"),trigger.removeAttribute("aria-controls"))}},[externalTriggerRef,children,role,tooltipId,isVisible]);let triggerElm=children?React.cloneElement(children,{ref:triggerRef,...isVisible&&{"aria-expanded":!0,"aria-controls":tooltipId},tabIndex:children.props.tabIndex??0,"aria-haspopup":getAriaPopupType(role)}):null;if(isMobileBreakPoint){let sheetElm=React.createElement(Sheet,{id:tooltipId,isVisible:isVisible,portalContainer:portalContainer,dismissOnOutsideClick:dismissOnOutsideClick,disableInitialFocus:disableInitialFocus,disableReturnFocusToTrigger:disableReturnFocusToTrigger,onClose:handlePostDeactivate,onClickOutsideDeactivates:handleClickOutsideDeactivates,role:role,...sheetProps??{},...ariaAttributes},content);return React.createElement(React.Fragment,null,triggerElm,sheetElm)}let contentElm=React.createElement(FocusTrapWrapper,{active:isVisible,focusTrapOptions:{clickOutsideDeactivates:dismissOnOutsideClick&&handleClickOutsideDeactivates,allowOutsideClick:!0,escapeDeactivates:!0,fallbackFocus:`#${tooltipId}`,onPostDeactivate:handlePostDeactivate,preventScroll:!0,initialFocus:()=>!disableInitialFocus,returnFocusOnDeactivate:!disableReturnFocusToTrigger}},React.createElement(FocusTrapContent,null,content)),tooltipElm=React.createElement(TooltipContent,{...restContentProps,role:role,defaultVerticalPlacement:defaultVerticalPlacement,dataDSId:name,content:contentElm,contentPadding:contentPadding,maxWidth:maxWidth,placement:placement,portalContainer:portalContainer,dataE2eTestId:dataE2eTestId,subTheme:subTheme,isVisible:isVisible,tooltipId:tooltipId,triggerRef:triggerRef,isHiddenOnInvisibleTrigger:!0});return React.createElement(React.Fragment,null,triggerElm,tooltipElm)}
+import React,{useState,useRef,useEffect,useCallback,useMemo}from"react";import styled from"@emotion/styled";import{TooltipContent}from"../Tooltip/TooltipContent";import{Sheet}from"../Sheet/Sheet";import{FocusTrapWrapper}from"../../shared/FocusTrapWrapper";import breakpoints from"../../web-tokens/_breakpoints.json";import{getAriaAttributes}from"../../shared/ariaAttributes";let StyledContainer=styled("div",{target:"ewmtj1r0",label:"StyledContainer"})(()=>({borderRadius:"inherit"}),"/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3JjL2NvbXBvbmVudHMvVG9nZ2xldGlwL0Jhc2VQb3BvdmVyLnRzeCIsInNvdXJjZXMiOlsic3JjL2NvbXBvbmVudHMvVG9nZ2xldGlwL0Jhc2VQb3BvdmVyLnRzeCJdLCJzb3VyY2VzQ29udGVudCI6WyIvKiBlc2xpbnQtZGlzYWJsZSByZWFjdC9qc3gtcHJvcHMtbm8tc3ByZWFkaW5nICovXG5pbXBvcnQgdHlwZSB7IFJlYWN0RWxlbWVudCwgUHJvcHNXaXRoQ2hpbGRyZW4gfSBmcm9tIFwicmVhY3RcIjtcbmltcG9ydCBSZWFjdCwge1xuICB1c2VTdGF0ZSxcbiAgdXNlUmVmLFxuICB1c2VFZmZlY3QsXG4gIHVzZUNhbGxiYWNrLFxuICB1c2VNZW1vLFxufSBmcm9tIFwicmVhY3RcIjtcbmltcG9ydCBzdHlsZWQgZnJvbSBcIkBlbW90aW9uL3N0eWxlZFwiO1xuaW1wb3J0IHR5cGUgeyBUb29sdGlwQ29udGVudFByb3BzIH0gZnJvbSBcIi4uL1Rvb2x0aXAvVG9vbHRpcENvbnRlbnRcIjtcbmltcG9ydCB0eXBlIHsgVG9vbHRpcENvbmRpdGlvbmFsUHJvcHMgfSBmcm9tIFwiLi4vVG9vbHRpcC90eXBlc1wiO1xuaW1wb3J0IHsgVG9vbHRpcENvbnRlbnQgfSBmcm9tIFwiLi4vVG9vbHRpcC9Ub29sdGlwQ29udGVudFwiO1xuaW1wb3J0IHR5cGUgeyBQb3B1cFJvbGUgfSBmcm9tIFwiLi4vU2hlZXQvU2hlZXRcIjtcbmltcG9ydCB7IFNoZWV0IH0gZnJvbSBcIi4uL1NoZWV0L1NoZWV0XCI7XG5pbXBvcnQgeyBGb2N1c1RyYXBXcmFwcGVyIH0gZnJvbSBcIi4uLy4uL3NoYXJlZC9Gb2N1c1RyYXBXcmFwcGVyXCI7XG5pbXBvcnQgYnJlYWtwb2ludHMgZnJvbSBcIi4uLy4uL3dlYi10b2tlbnMvX2JyZWFrcG9pbnRzLmpzb25cIjtcbmltcG9ydCB7IGdldEFyaWFBdHRyaWJ1dGVzIH0gZnJvbSBcIi4uLy4uL3NoYXJlZC9hcmlhQXR0cmlidXRlc1wiO1xuXG50eXBlIEJhc2VQcm9wcyA9IFBpY2s8XG4gIFRvb2x0aXBDb250ZW50UHJvcHMsXG4gIHwgXCJwbGFjZW1lbnRcIlxuICB8IFwicG9ydGFsQ29udGFpbmVyXCJcbiAgfCBcIm1heFdpZHRoXCJcbiAgfCBcImNvbnRlbnRQYWRkaW5nXCJcbiAgfCBcImhpZGVBcnJvd1wiXG4gIHwgXCJzdWJUaGVtZVwiXG4gIHwgXCJkZWZhdWx0VmVydGljYWxQbGFjZW1lbnRcIlxuICB8IFwib25PdmVyZmxvd1ZpZXdwb3J0XCJcbj4gJiB7XG4gIG5hbWU/OiBzdHJpbmc7XG4gIC8qKiAgUG9wb3ZlciBjb250ZW50ICovXG4gIGNvbnRlbnQ6IFJlYWN0RWxlbWVudDtcbiAgXCJkYXRhLWUyZS10ZXN0LWlkXCI/OiBzdHJpbmc7XG4gIC8qKiAgUHJvZ3JhbW1hdGljYWxseSB0b2dnbGUgUG9wb3ZlciB2aXNpYmlsaXR5IHdpdGggdGhpcyBwcm9wICovXG4gIGlzVmlzaWJsZT86IGJvb2xlYW47XG4gIC8qKiAgQ2FsbGVkIHdoZW4gdG9vbHRpcCBhcHBlYXJzIGFuZCBkaXNhcHBlYXJzICovXG4gIG9uVmlzaWJpbGl0eUNoYW5nZT86IChpc1Zpc2libGU6IGJvb2xlYW4sIHJlYXNvbjogc3RyaW5nKSA9PiB2b2lkO1xuICAvKiogIENvbnRyb2xzIHdoZXRoZXIgQmFzZVBvcG92ZXIgIGNsb3NlcyBvbiBvdXRzaWRlIGNsaWNrICovXG4gIGRpc21pc3NPbk91dHNpZGVDbGljaz86IGJvb2xlYW47XG4gIC8qKiAgT3B0aW9uIGZvciBmb2N1cy10cmFwLCBjb250cm9scyB3aGV0aGVyIHRoZSBmaXJzdCBmb2N1YWJsZSBpdGVtIHJlY2lldmVzIGZvY3VzICovXG4gIGRpc2FibGVJbml0aWFsRm9jdXM/OiBib29sZWFuO1xuICAvKiogIE9wdGlvbiBmb3IgZm9jdXMtdHJhcCwgY29udHJvbHMgd2hldGhlciB0aGUgdHJpZ2dlciBzaG91bGQgcmVjZWl2ZSBiYWNrIHRoZSBmb2N1cyBvbiBwb3BvdmVyIGNsb3NlICovXG4gIGRpc2FibGVSZXR1cm5Gb2N1c1RvVHJpZ2dlcj86IGJvb2xlYW47XG4gIC8qKiAgUmVuZGVyIGFzIHNoZWV0IG9uIG1vYmlsZSB3ZWIgKi9cbiAgcmVuZGVyQXNTaGVldE9uTW9iaWxlPzogYm9vbGVhbjtcbiAgLyoqIFJvbGUgZm9yIGFjY2Vzc2liaWxpdHkgKi9cbiAgcm9sZT86IFBvcHVwUm9sZTtcbiAgLyoqICBQcm9wcyBmb3IgY29uZmlndXJpbmcgdGhlIHNoZWV0IG9uIG1vYmlsZSB3ZWIgKi9cbiAgc2hlZXRQcm9wcz86IHtcbiAgICAvKiogIFNob3cgdGhlIGRhcmsgc2NyaW0gYmFja2Ryb3Agb24gbW9iaWxlIHdlYiB3aGVuIHJlbmRlcmluZyBhcyBTaGVldCAqL1xuICAgIGhhc0JhY2tkcm9wPzogYm9vbGVhbjtcbiAgfTtcbn07XG5cbmV4cG9ydCB0eXBlIEJhc2VQb3BvdmVyUHJvcHMgPSBCYXNlUHJvcHMgJiBUb29sdGlwQ29uZGl0aW9uYWxQcm9wcztcblxuY29uc3QgU3R5bGVkQ29udGFpbmVyID0gc3R5bGVkLmRpdigoKSA9PiAoe1xuICBib3JkZXJSYWRpdXM6IFwiaW5oZXJpdFwiLFxufSkpO1xuXG5jb25zdCBGb2N1c1RyYXBDb250ZW50ID0gUmVhY3QuZm9yd2FyZFJlZjxcbiAgSFRNTERpdkVsZW1lbnQsXG4gIFByb3BzV2l0aENoaWxkcmVuPHVua25vd24+XG4+KCh7IGNoaWxkcmVuIH0sIHJlZikgPT4gKFxuICA8U3R5bGVkQ29udGFpbmVyIHJlZj17cmVmfT57Y2hpbGRyZW59PC9TdHlsZWRDb250YWluZXI+XG4pKTtcblxuY29uc3QgVmlzaWJpbGl0eUNoYW5nZVJlYXNvbiA9IHtcbiAgdHJpZ2dlckNsaWNrOiBcInRyaWdnZXJDbGlja1wiLFxuICBvdXRzaWRlQ2xpY2s6IFwib3V0c2lkZUNsaWNrXCIsXG59O1xuXG5mdW5jdGlvbiBnZXRBcmlhUG9wdXBUeXBlKHJvbGU6IFBvcHVwUm9sZSB8IHVuZGVmaW5lZCk6IHN0cmluZyB7XG4gIGxldCBwb3B1cFR5cGU6IHN0cmluZyA9IFN0cmluZyhyb2xlKTtcbiAgaWYgKCFyb2xlKSB7XG4gICAgcG9wdXBUeXBlID0gXCJ0cnVlXCI7XG4gIH1cbiAgaWYgKHJvbGUgPT09IFwiYWxlcnRkaWFsb2dcIikge1xuICAgIHJldHVybiBcImRpYWxvZ1wiO1xuICB9XG4gIHJldHVybiBwb3B1cFR5cGU7XG59XG5cbmZ1bmN0aW9uIGdldE1vYmlsZUJyZWFrcG9pbnQocmVuZGVyQXNTaGVldE9uTW9iaWxlOiBib29sZWFuKSB7XG4gIGlmICghd2luZG93KSB7XG4gICAgLy8gVE9ETyB3aW5kb3cgc2hvdWxkIGJlIGV4dHJhY3RlZCBmcm9tIGhvb2sgdXNlV2luZG93XG4gICAgcmV0dXJuIGZhbHNlO1xuICB9XG5cbiAgY29uc3QgbWF4TW9iaWxlSGVpZ2h0SW5MYW5kc2NhcGUgPSA0NTA7IC8vIGlzIDQzMCBmb3IgaXBob25lIHBybyBtYXgsIGJ1dCBsZXQncyBhZGQgMjBweCBmb3IgbmV4dCBnZW5lcmF0aW9uc1xuICBjb25zdCBpc01vYmlsZUluUG9ydHJhaXQgPSB3aW5kb3cuaW5uZXJXaWR0aCA8PSBicmVha3BvaW50cy5tLnZhbHVlO1xuICBjb25zdCBpc1NtYWxsSGVpZ2h0ID0gd2luZG93LmlubmVySGVpZ2h0IDw9IG1heE1vYmlsZUhlaWdodEluTGFuZHNjYXBlO1xuICBjb25zdCBpc0xhbmRzY2FwZSA9IHdpbmRvdy5tYXRjaE1lZGlhPy4oXCIob3JpZW50YXRpb246IGxhbmRzY2FwZSlcIikubWF0Y2hlcztcbiAgY29uc3QgaXNNb2JpbGVJbkxhbmRzY2FwZSA9IGlzTGFuZHNjYXBlICYmIGlzU21hbGxIZWlnaHQ7XG5cbiAgcmV0dXJuIHJlbmRlckFzU2hlZXRPbk1vYmlsZSAmJiAoaXNNb2JpbGVJblBvcnRyYWl0IHx8IGlzTW9iaWxlSW5MYW5kc2NhcGUpO1xufVxuXG5leHBvcnQgZnVuY3Rpb24gQmFzZVBvcG92ZXIoe1xuICBwbGFjZW1lbnQgPSBcImF1dG9cIixcbiAgY29udGVudCxcbiAgY2hpbGRyZW4sXG4gIGNvbnRlbnRQYWRkaW5nID0gXCJtXCIsXG4gIG1heFdpZHRoLFxuICBleHRlcm5hbFRyaWdnZXJSZWYsXG4gIHBvcnRhbENvbnRhaW5lcixcbiAgbmFtZSA9IFwiUG9wb3ZlclwiLFxuICBpc1Zpc2libGU6IGlzUG9wb3ZlclZpc2libGUsXG4gIGRpc21pc3NPbk91dHNpZGVDbGljayA9IHRydWUsXG4gIFwiZGF0YS1lMmUtdGVzdC1pZFwiOiBkYXRhRTJlVGVzdElkLFxuICBzdWJUaGVtZSxcbiAgZGVmYXVsdFZlcnRpY2FsUGxhY2VtZW50LFxuICBvblZpc2liaWxpdHlDaGFuZ2UsXG4gIGRpc2FibGVJbml0aWFsRm9jdXMgPSBmYWxzZSxcbiAgZGlzYWJsZVJldHVybkZvY3VzVG9UcmlnZ2VyID0gZmFsc2UsXG4gIHJlbmRlckFzU2hlZXRPbk1vYmlsZSA9IGZhbHNlLFxuICByb2xlLFxuICBzaGVldFByb3BzLFxuICAuLi5yZXN0Q29udGVudFByb3BzXG59OiBCYXNlUG9wb3ZlclByb3BzKTogUmVhY3QuUmVhY3RFbGVtZW50IHtcbiAgY29uc3QgdG9vbHRpcElkID0gdXNlTWVtbyhcbiAgICAoKSA9PiBgRFMke25hbWV9XyR7TWF0aC5mbG9vcihEYXRlLm5vdygpICogTWF0aC5yYW5kb20oKSl9YCxcbiAgICBbbmFtZV1cbiAgKTtcbiAgY29uc3QgW2lzVmlzaWJsZSwgc2V0VmlzaWJsZV0gPSB1c2VTdGF0ZShpc1BvcG92ZXJWaXNpYmxlKTtcbiAgY29uc3QgW2lzTW9iaWxlQnJlYWtQb2ludCwgc2V0SXNNb2JpbGVCcmVha3BvaW50XSA9IHVzZVN0YXRlKFxuICAgIGdldE1vYmlsZUJyZWFrcG9pbnQocmVuZGVyQXNTaGVldE9uTW9iaWxlKVxuICApO1xuICBjb25zdCBpbnRlcm5hbFRyaWdnZXJSZWYgPSB1c2VSZWY8SFRNTEVsZW1lbnQ+KG51bGwpO1xuICBjb25zdCB0cmlnZ2VyUmVmID0gZXh0ZXJuYWxUcmlnZ2VyUmVmIHx8IGludGVybmFsVHJpZ2dlclJlZjtcbiAgY29uc3QgaXNPdXRzaWRlQ2xpY2tPblRyaWdnZXIgPSB1c2VSZWYoZmFsc2UpO1xuICBjb25zdCBhcmlhQXR0cmlidXRlcyA9IGdldEFyaWFBdHRyaWJ1dGVzKHJlc3RDb250ZW50UHJvcHMpO1xuXG4gIGNvbnN0IHRvZ2dsZVZpc2liaWxpdHkgPSB1c2VDYWxsYmFjayhcbiAgICAoc3RhdHVzOiBib29sZWFuLCByZWFzb246IHN0cmluZykgPT4ge1xuICAgICAgc2V0VmlzaWJsZShzdGF0dXMpO1xuXG4gICAgICBpZiAob25WaXNpYmlsaXR5Q2hhbmdlKSB7XG4gICAgICAgIG9uVmlzaWJpbGl0eUNoYW5nZShzdGF0dXMsIHJlYXNvbik7XG4gICAgICB9XG4gICAgfSxcbiAgICBbb25WaXNpYmlsaXR5Q2hhbmdlXVxuICApO1xuXG4gIC8vIE91dHNpZGUgY2xpY2sgaXMgYWxzbyBmaXJlZCB3aGVuIHRoZSBQb3BvdmVyIGlzIG9wZW4gYW5kIHRyaWdnZXIgaXMgY2xpY2tlZC4gYGlzT3V0c2lkZUNsaWNrT25UcmlnZ2VyYCBzYXZlcyB0aGlzIGNvbmRpdGlvbiBhbmQgd2UgY2hlY2sgZm9yIGl0IHNvIGFzIHRvIG5vdCB0b2dnbGUgdGhlIFBvcG92ZXIgdHdpY2UuXG4gIGNvbnN0IGhhbmRsZVRyaWdnZXJDbGljayA9IHVzZUNhbGxiYWNrKCgpID0+IHtcbiAgICBpZiAoIWlzT3V0c2lkZUNsaWNrT25UcmlnZ2VyLmN1cnJlbnQpIHtcbiAgICAgIHRvZ2dsZVZpc2liaWxpdHkoIWlzVmlzaWJsZSwgVmlzaWJpbGl0eUNoYW5nZVJlYXNvbi50cmlnZ2VyQ2xpY2spO1xuICAgIH0gZWxzZSB7XG4gICAgICAvLyByZXNldCB0aGlzIHZhbHVlIHNvIHRoYXQgUG9wb3ZlciBjYW4gb3BlbiBpbiBuZXh0IGNsaWNrXG4gICAgICBpc091dHNpZGVDbGlja09uVHJpZ2dlci5jdXJyZW50ID0gZmFsc2U7XG4gICAgfVxuICB9LCBbdG9nZ2xlVmlzaWJpbGl0eSwgaXNWaXNpYmxlXSk7XG5cbiAgY29uc3QgaGFuZGxlQ2xpY2tPdXRzaWRlRGVhY3RpdmF0ZXMgPSB1c2VDYWxsYmFjayhcbiAgICAoZXZ0OiBNb3VzZUV2ZW50KSA9PiB7XG4gICAgICBpZiAoXG4gICAgICAgIHRyaWdnZXJSZWYuY3VycmVudCAmJlxuICAgICAgICB0cmlnZ2VyUmVmLmN1cnJlbnQuY29udGFpbnMoZXZ0LnRhcmdldCBhcyBOb2RlKVxuICAgICAgKSB7XG4gICAgICAgIGlzT3V0c2lkZUNsaWNrT25UcmlnZ2VyLmN1cnJlbnQgPSB0cnVlO1xuICAgICAgfVxuICAgICAgcmV0dXJuIHRydWU7XG4gICAgfSxcbiAgICBbdHJpZ2dlclJlZiwgaXNPdXRzaWRlQ2xpY2tPblRyaWdnZXJdXG4gICk7XG5cbiAgY29uc3QgaGFuZGxlUG9zdERlYWN0aXZhdGUgPSB1c2VDYWxsYmFjaygoKSA9PiB7XG4gICAgY29uc3QgcmVhc29uID0gaXNPdXRzaWRlQ2xpY2tPblRyaWdnZXIuY3VycmVudFxuICAgICAgPyBWaXNpYmlsaXR5Q2hhbmdlUmVhc29uLnRyaWdnZXJDbGlja1xuICAgICAgOiBWaXNpYmlsaXR5Q2hhbmdlUmVhc29uLm91dHNpZGVDbGljaztcblxuICAgIHRvZ2dsZVZpc2liaWxpdHkoZmFsc2UsIHJlYXNvbik7XG4gIH0sIFt0b2dnbGVWaXNpYmlsaXR5XSk7XG5cbiAgdXNlRWZmZWN0KCgpID0+IHtcbiAgICBzZXRWaXNpYmxlKGlzUG9wb3ZlclZpc2libGUpO1xuICB9LCBbaXNQb3BvdmVyVmlzaWJsZV0pO1xuXG4gIHVzZUVmZmVjdCgoKSA9PiB7XG4gICAgLy8gQ2hlY2sgaWYgdGhpcyBpcyBhIG1vYmlsZSBicmVha3BvaW50XG4gICAgc2V0SXNNb2JpbGVCcmVha3BvaW50KGdldE1vYmlsZUJyZWFrcG9pbnQocmVuZGVyQXNTaGVldE9uTW9iaWxlKSk7XG4gIH0sIFtpc1Zpc2libGUsIHJlbmRlckFzU2hlZXRPbk1vYmlsZV0pO1xuXG4gIHVzZUVmZmVjdCgoKSA9PiB7XG4gICAgY29uc3QgdHJpZ2dlciA9IHRyaWdnZXJSZWYuY3VycmVudDtcbiAgICBpZiAoIXRyaWdnZXIpIHJldHVybiB1bmRlZmluZWQ7XG5cbiAgICB0cmlnZ2VyLmFkZEV2ZW50TGlzdGVuZXIoXCJjbGlja1wiLCBoYW5kbGVUcmlnZ2VyQ2xpY2spO1xuXG4gICAgcmV0dXJuICgpID0+IHtcbiAgICAgIHRyaWdnZXIucmVtb3ZlRXZlbnRMaXN0ZW5lcihcImNsaWNrXCIsIGhhbmRsZVRyaWdnZXJDbGljayk7XG4gICAgfTtcbiAgfSwgW2hhbmRsZVRyaWdnZXJDbGljaywgdHJpZ2dlclJlZl0pO1xuXG4gIHVzZUVmZmVjdCgoKSA9PiB7XG4gICAgaWYgKGV4dGVybmFsVHJpZ2dlclJlZj8uY3VycmVudCAmJiAhY2hpbGRyZW4pIHtcbiAgICAgIGNvbnN0IHRyaWdnZXIgPSBleHRlcm5hbFRyaWdnZXJSZWYuY3VycmVudDtcbiAgICAgIGNvbnN0IHRyaWdnZXJUYWJJbmRleCA9IHRyaWdnZXIuZ2V0QXR0cmlidXRlKFwidGFiaW5kZXhcIik7XG5cbiAgICAgIHRyaWdnZXIuc2V0QXR0cmlidXRlKFwidGFiaW5kZXhcIiwgdHJpZ2dlclRhYkluZGV4ID8/IFwiMFwiKTtcbiAgICB9XG4gIH0sIFtleHRlcm5hbFRyaWdnZXJSZWYsIGNoaWxkcmVuXSk7XG5cbiAgdXNlRWZmZWN0KCgpID0+IHtcbiAgICBpZiAoZXh0ZXJuYWxUcmlnZ2VyUmVmPy5jdXJyZW50ICYmICFjaGlsZHJlbikge1xuICAgICAgY29uc3QgdHJpZ2dlciA9IGV4dGVybmFsVHJpZ2dlclJlZi5jdXJyZW50O1xuXG4gICAgICB0cmlnZ2VyLnNldEF0dHJpYnV0ZShcImFyaWEtaGFzcG9wdXBcIiwgZ2V0QXJpYVBvcHVwVHlwZShyb2xlKSk7XG4gICAgICB0cmlnZ2VyLnNldEF0dHJpYnV0ZShcImFyaWEtZXhwYW5kZWRcIiwgU3RyaW5nKCEhaXNWaXNpYmxlKSk7XG4gICAgICBpZiAoaXNWaXNpYmxlKSB7XG4gICAgICAgIHRyaWdnZXIuc2V0QXR0cmlidXRlKFwiYXJpYS1jb250cm9sc1wiLCB0b29sdGlwSWQpO1xuICAgICAgfSBlbHNlIHtcbiAgICAgICAgdHJpZ2dlci5yZW1vdmVBdHRyaWJ1dGUoXCJhcmlhLWNvbnRyb2xzXCIpO1xuICAgICAgfVxuICAgIH1cbiAgfSwgW2V4dGVybmFsVHJpZ2dlclJlZiwgY2hpbGRyZW4sIHJvbGUsIHRvb2x0aXBJZCwgaXNWaXNpYmxlXSk7XG5cbiAgY29uc3QgdHJpZ2dlckVsbSA9IGNoaWxkcmVuXG4gICAgPyBSZWFjdC5jbG9uZUVsZW1lbnQoY2hpbGRyZW4sIHtcbiAgICAgICAgcmVmOiB0cmlnZ2VyUmVmLFxuICAgICAgICBcImFyaWEtZXhwYW5kZWRcIjogISFpc1Zpc2libGUsXG4gICAgICAgIC4uLihpc1Zpc2libGUgJiYge1xuICAgICAgICAgIFwiYXJpYS1jb250cm9sc1wiOiB0b29sdGlwSWQsXG4gICAgICAgIH0pLFxuICAgICAgICB0YWJJbmRleDogY2hpbGRyZW4ucHJvcHMudGFiSW5kZXggPz8gMCxcbiAgICAgICAgXCJhcmlhLWhhc3BvcHVwXCI6IGdldEFyaWFQb3B1cFR5cGUocm9sZSksXG4gICAgICB9KVxuICAgIDogbnVsbDtcblxuICBpZiAoaXNNb2JpbGVCcmVha1BvaW50KSB7XG4gICAgLy8gcmVuZGVyIGFzIFNoZWV0XG4gICAgY29uc3Qgc2hlZXRFbG0gPSAoXG4gICAgICA8U2hlZXRcbiAgICAgICAgaWQ9e3Rvb2x0aXBJZH1cbiAgICAgICAgaXNWaXNpYmxlPXtpc1Zpc2libGV9XG4gICAgICAgIHBvcnRhbENvbnRhaW5lcj17cG9ydGFsQ29udGFpbmVyfVxuICAgICAgICBkaXNtaXNzT25PdXRzaWRlQ2xpY2s9e2Rpc21pc3NPbk91dHNpZGVDbGlja31cbiAgICAgICAgZGlzYWJsZUluaXRpYWxGb2N1cz17ZGlzYWJsZUluaXRpYWxGb2N1c31cbiAgICAgICAgZGlzYWJsZVJldHVybkZvY3VzVG9UcmlnZ2VyPXtkaXNhYmxlUmV0dXJuRm9jdXNUb1RyaWdnZXJ9XG4gICAgICAgIG9uQ2xvc2U9e2hhbmRsZVBvc3REZWFjdGl2YXRlfVxuICAgICAgICBvbkNsaWNrT3V0c2lkZURlYWN0aXZhdGVzPXtoYW5kbGVDbGlja091dHNpZGVEZWFjdGl2YXRlc31cbiAgICAgICAgcm9sZT17cm9sZX1cbiAgICAgICAgey4uLihzaGVldFByb3BzID8/IHt9KX1cbiAgICAgICAgey4uLmFyaWFBdHRyaWJ1dGVzfVxuICAgICAgPlxuICAgICAgICB7Y29udGVudH1cbiAgICAgIDwvU2hlZXQ+XG4gICAgKTtcblxuICAgIHJldHVybiAoXG4gICAgICA8PlxuICAgICAgICB7dHJpZ2dlckVsbX1cbiAgICAgICAge3NoZWV0RWxtfVxuICAgICAgPC8+XG4gICAgKTtcbiAgfVxuXG4gIC8vIHJlbmRlciBhcyBQb3BvdmVyXG4gIGNvbnN0IGNvbnRlbnRFbG0gPSAoXG4gICAgPEZvY3VzVHJhcFdyYXBwZXJcbiAgICAgIGFjdGl2ZT17aXNWaXNpYmxlfVxuICAgICAgZm9jdXNUcmFwT3B0aW9ucz17e1xuICAgICAgICBjbGlja091dHNpZGVEZWFjdGl2YXRlczpcbiAgICAgICAgICBkaXNtaXNzT25PdXRzaWRlQ2xpY2sgJiYgaGFuZGxlQ2xpY2tPdXRzaWRlRGVhY3RpdmF0ZXMsIC8vIGRlLWFjdGl2YXRlIGZvY3VzIHRyYXAgb24gb3V0c2lkZSBjbGlja1xuICAgICAgICBhbGxvd091dHNpZGVDbGljazogdHJ1ZSxcbiAgICAgICAgZXNjYXBlRGVhY3RpdmF0ZXM6IHRydWUsXG4gICAgICAgIGZhbGxiYWNrRm9jdXM6IGAjJHt0b29sdGlwSWR9YCwgLy8gc2V0IGZvY3VzIHRvIHRvb2x0aXAgY29udGVudCBjb250YWluZXIgaWYgaXQgaGFzIG5vIGZvY3VzYWJsZSBlbGVtZW50XG4gICAgICAgIG9uUG9zdERlYWN0aXZhdGU6IGhhbmRsZVBvc3REZWFjdGl2YXRlLFxuICAgICAgICBwcmV2ZW50U2Nyb2xsOiB0cnVlLFxuICAgICAgICBpbml0aWFsRm9jdXM6ICgpID0+ICFkaXNhYmxlSW5pdGlhbEZvY3VzLFxuICAgICAgICByZXR1cm5Gb2N1c09uRGVhY3RpdmF0ZTogIWRpc2FibGVSZXR1cm5Gb2N1c1RvVHJpZ2dlcixcbiAgICAgIH19XG4gICAgPlxuICAgICAgPEZvY3VzVHJhcENvbnRlbnQ+e2NvbnRlbnR9PC9Gb2N1c1RyYXBDb250ZW50PlxuICAgIDwvRm9jdXNUcmFwV3JhcHBlcj5cbiAgKTtcblxuICBjb25zdCB0b29sdGlwRWxtID0gKFxuICAgIDxUb29sdGlwQ29udGVudFxuICAgICAgey4uLnJlc3RDb250ZW50UHJvcHN9IC8vIGVzbGludC1kaXNhYmxlLWxpbmUgcmVhY3QvanN4LXByb3BzLW5vLXNwcmVhZGluZ1xuICAgICAgcm9sZT17cm9sZX1cbiAgICAgIGRlZmF1bHRWZXJ0aWNhbFBsYWNlbWVudD17ZGVmYXVsdFZlcnRpY2FsUGxhY2VtZW50fVxuICAgICAgZGF0YURTSWQ9e25hbWV9XG4gICAgICBjb250ZW50PXtjb250ZW50RWxtfVxuICAgICAgY29udGVudFBhZGRpbmc9e2NvbnRlbnRQYWRkaW5nfVxuICAgICAgbWF4V2lkdGg9e21heFdpZHRofVxuICAgICAgcGxhY2VtZW50PXtwbGFjZW1lbnR9XG4gICAgICBwb3J0YWxDb250YWluZXI9e3BvcnRhbENvbnRhaW5lcn1cbiAgICAgIGRhdGFFMmVUZXN0SWQ9e2RhdGFFMmVUZXN0SWR9XG4gICAgICBzdWJUaGVtZT17c3ViVGhlbWV9XG4gICAgICBpc1Zpc2libGU9e2lzVmlzaWJsZX1cbiAgICAgIHRvb2x0aXBJZD17dG9vbHRpcElkfVxuICAgICAgdHJpZ2dlclJlZj17dHJpZ2dlclJlZn1cbiAgICAgIGlzSGlkZGVuT25JbnZpc2libGVUcmlnZ2VyXG4gICAgLz5cbiAgKTtcblxuICByZXR1cm4gKFxuICAgIDw+XG4gICAgICB7dHJpZ2dlckVsbX1cbiAgICAgIHt0b29sdGlwRWxtfVxuICAgIDwvPlxuICApO1xufVxuIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQXlEd0IifQ== */"),FocusTrapContent=React.forwardRef(({children},ref)=>React.createElement(StyledContainer,{ref:ref},children)),VisibilityChangeReason={triggerClick:"triggerClick",outsideClick:"outsideClick"};function getAriaPopupType(role){let popupType=String(role);return(role||(popupType="true"),"alertdialog"===role)?"dialog":popupType}function getMobileBreakpoint(renderAsSheetOnMobile){if(!window)return!1;let isMobileInPortrait=window.innerWidth<=breakpoints.m.value,isSmallHeight=window.innerHeight<=450,isLandscape=window.matchMedia?.("(orientation: landscape)").matches;return renderAsSheetOnMobile&&(isMobileInPortrait||isLandscape&&isSmallHeight)}export function BasePopover({placement="auto",content,children,contentPadding="m",maxWidth,externalTriggerRef,portalContainer,name="Popover",isVisible:isPopoverVisible,dismissOnOutsideClick=!0,"data-e2e-test-id":dataE2eTestId,subTheme,defaultVerticalPlacement,onVisibilityChange,disableInitialFocus=!1,disableReturnFocusToTrigger=!1,renderAsSheetOnMobile=!1,role,sheetProps,...restContentProps}){let tooltipId=useMemo(()=>`DS${name}_${Math.floor(Date.now()*Math.random())}`,[name]),[isVisible,setVisible]=useState(isPopoverVisible),[isMobileBreakPoint,setIsMobileBreakpoint]=useState(getMobileBreakpoint(renderAsSheetOnMobile)),internalTriggerRef=useRef(null),triggerRef=externalTriggerRef||internalTriggerRef,isOutsideClickOnTrigger=useRef(!1),ariaAttributes=getAriaAttributes(restContentProps),toggleVisibility=useCallback((status,reason)=>{setVisible(status),onVisibilityChange&&onVisibilityChange(status,reason)},[onVisibilityChange]),handleTriggerClick=useCallback(()=>{isOutsideClickOnTrigger.current?isOutsideClickOnTrigger.current=!1:toggleVisibility(!isVisible,VisibilityChangeReason.triggerClick)},[toggleVisibility,isVisible]),handleClickOutsideDeactivates=useCallback(evt=>(triggerRef.current&&triggerRef.current.contains(evt.target)&&(isOutsideClickOnTrigger.current=!0),!0),[triggerRef,isOutsideClickOnTrigger]),handlePostDeactivate=useCallback(()=>{toggleVisibility(!1,isOutsideClickOnTrigger.current?VisibilityChangeReason.triggerClick:VisibilityChangeReason.outsideClick)},[toggleVisibility]);useEffect(()=>{setVisible(isPopoverVisible)},[isPopoverVisible]),useEffect(()=>{setIsMobileBreakpoint(getMobileBreakpoint(renderAsSheetOnMobile))},[isVisible,renderAsSheetOnMobile]),useEffect(()=>{let trigger=triggerRef.current;if(trigger)return trigger.addEventListener("click",handleTriggerClick),()=>{trigger.removeEventListener("click",handleTriggerClick)}},[handleTriggerClick,triggerRef]),useEffect(()=>{if(externalTriggerRef?.current&&!children){let trigger=externalTriggerRef.current,triggerTabIndex=trigger.getAttribute("tabindex");trigger.setAttribute("tabindex",triggerTabIndex??"0")}},[externalTriggerRef,children]),useEffect(()=>{if(externalTriggerRef?.current&&!children){let trigger=externalTriggerRef.current;trigger.setAttribute("aria-haspopup",getAriaPopupType(role)),trigger.setAttribute("aria-expanded",String(!!isVisible)),isVisible?trigger.setAttribute("aria-controls",tooltipId):trigger.removeAttribute("aria-controls")}},[externalTriggerRef,children,role,tooltipId,isVisible]);let triggerElm=children?React.cloneElement(children,{ref:triggerRef,"aria-expanded":!!isVisible,...isVisible&&{"aria-controls":tooltipId},tabIndex:children.props.tabIndex??0,"aria-haspopup":getAriaPopupType(role)}):null;if(isMobileBreakPoint){let sheetElm=React.createElement(Sheet,{id:tooltipId,isVisible:isVisible,portalContainer:portalContainer,dismissOnOutsideClick:dismissOnOutsideClick,disableInitialFocus:disableInitialFocus,disableReturnFocusToTrigger:disableReturnFocusToTrigger,onClose:handlePostDeactivate,onClickOutsideDeactivates:handleClickOutsideDeactivates,role:role,...sheetProps??{},...ariaAttributes},content);return React.createElement(React.Fragment,null,triggerElm,sheetElm)}let contentElm=React.createElement(FocusTrapWrapper,{active:isVisible,focusTrapOptions:{clickOutsideDeactivates:dismissOnOutsideClick&&handleClickOutsideDeactivates,allowOutsideClick:!0,escapeDeactivates:!0,fallbackFocus:`#${tooltipId}`,onPostDeactivate:handlePostDeactivate,preventScroll:!0,initialFocus:()=>!disableInitialFocus,returnFocusOnDeactivate:!disableReturnFocusToTrigger}},React.createElement(FocusTrapContent,null,content)),tooltipElm=React.createElement(TooltipContent,{...restContentProps,role:role,defaultVerticalPlacement:defaultVerticalPlacement,dataDSId:name,content:contentElm,contentPadding:contentPadding,maxWidth:maxWidth,placement:placement,portalContainer:portalContainer,dataE2eTestId:dataE2eTestId,subTheme:subTheme,isVisible:isVisible,tooltipId:tooltipId,triggerRef:triggerRef,isHiddenOnInvisibleTrigger:!0});return React.createElement(React.Fragment,null,triggerElm,tooltipElm)}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@amboss/design-system",
-  "version": "3.36.0",
+  "version": "3.36.2",
   "description": "the design system for AMBOSS products",
   "author": "AMBOSS",
   "license": "ISC",