{"version":3,"sources":["webpack:////home/jenkins/agent/workspace/rAlWnROk32481EutLuZS/node_modules/@paypalcorp/pp-react-tooltip/dist/@paypalcorp/pp-react-tooltip.esm.js"],"names":["_templateObject","_templateObject2","_templateObject3","_templateObject4","_templateObject5","_templateObject6","_templateObject7","_templateObject8","_templateObject9","tooltip","tooltipOrigin","styles","tokens","Object","keys","length","console","warn","sysBorderRadiusInteractive","sysBorderRadiusSm","sysColorBackgroundHighContrast","sysColorBackgroundSurface","sysColorPrimaryMainActive","sysColorPrimaryMain","sysSizeIconSm","sysSizePointerWidthLg","sysSizeTapTargetSm","sysSpaceLg","sysSpaceSm","sysSpaceXs","body","_utilStyles","elevationStyles","caretStyles","focusStyles","screenReader","stateFocusBorderColorInner","stateFocusBorderWidthInner","stateFocusBorderWidthOuter","_iconStyles","iconBase","base","iconSizeXs","sizeXs","pointerHeight","concat","imageAlignBottom","justifyImage","imageAlignTop","color","level3","positionBottom","positionCenter","positionRight","positionLeft","positionTop","positionShiftLeft","positionShiftRight","icon","focusAfter","radius","width","height","border","top","left","right","image","imageTopLeft","imageTopCenter","imageBottomLeft","imageBottomCenter","Tooltip","_ref","tooltipWindow","containerPos","scrollX","scrollY","originWidth","originHeight","originPos","maxWidth","iconSpacing","caretWidth","caretSpaceHorizontal","spacingOffset","tooltipIconSize","_ref$name","name","_ref$description","description","_ref$screenReaderText","screenReaderText","position","verifiedIcon","windowId","windowRef","className","triggerClassName","tooltipClassName","containerRef","onOpen","onClose","imageElement","_ref$imagePosition","imagePosition","wrapperRef","tooltipOriginRef","tooltipRef","_styles","noop","_useState","isOpen","currentEvent","_useState2","state","setState","getWrapperCurrent","w","current","setTooltipPosition","_containerPos","_containerPos2","containerElm","_ref2","scrollTop","scrollLeft","_ref3","offsetTop","offsetLeft","style","selfPosition","topCenterX","topCenterY","boundary","getBoundingClientRect","classList","add","sideShift","offsetY","offsetX","setOpen","evt","stopPropagation","type","clearOpen","windowEl","removeEventListener","positionTooltip","providedWindow","document","getElementById","pos","bottom","window","innerWidth","documentElement","clientWidth","innerHeight","clientHeight","getTooltipBoundary","offsetWidth","offsetHeight","pageXOffset","pageYOffset","rootFontSizePx","getComputedStyle","getPropertyValue","rootFontSize","parseInt","split","tooltipMaxWidthPx","tooltipMaxWidth","winLeft","winRight","iconLeft","availableLeftSpace","availableRightSpace","halfMaxWidth","availableSpace","currentWidth","setWidth","buttonWidth","leftPosX","leftPosY","addEventListener","rightPosX","rightPosY","handleClickOutside","contains","target","handleKey","KeyCode","key","keyCode","IS_TAB","IS_ESC","imagePositionStyleName","replace","RegExp","_first","second","third","toUpperCase","toLowerCase","s","imagePositionCSSVal","displayImage","css","tooltipNode","createPortal","ref","id","role","onMouseLeave","TooltipIcon","handleTouchStart","Fragment","onMouseEnter","relatedTarget","onTouchEnd","preventDefault","onMouseDown","onFocus","size"],"mappings":"2FAAA,wEAWIA,EAAiBC,EAAkBC,EAAkBC,EAAkBC,EAAkBC,EAAkBC,EAAkBC,EAAkBC,EAgF/IC,EACAC,EA5FJ,qGAYA,SAASC,EAAOC,GAEd,IAAKC,OAAOC,KAAKF,GAAQG,OAEvB,OADAC,QAAQC,KAAK,qGACN,GAGT,IAAIC,EAA6BN,EAAOM,2BACpCC,EAAoBP,EAAOO,kBAC3BC,EAAiCR,EAAOQ,+BACxCC,EAA4BT,EAAOS,0BACnCC,EAA4BV,EAAOU,0BACnCC,EAAsBX,EAAOW,oBAC7BC,EAAgBZ,EAAOY,cACvBC,EAAwBb,EAAOa,sBAC/BC,EAAqBd,EAAOc,mBAC5BC,EAAaf,EAAOe,WACpBC,EAAahB,EAAOgB,WACpBC,EAAajB,EAAOiB,WAGpBC,EADc,YAAWlB,GACNkB,KAEnBC,EAAc,YAAWnB,GACzBoB,EAAkBD,EAAYC,gBAC9BC,EAAcF,EAAYE,YAC1BC,EAAcH,EAAYG,YAC1BC,EAAeJ,EAAYI,aAE3BC,EAA6BF,EAAYE,2BACzCC,EAA6BH,EAAYG,2BACzCC,EAA6BJ,EAAYI,2BAEzCC,EAAc,aAAW3B,GACzB4B,EAAWD,EAAYE,KACvBC,EAAaH,EAAYI,OAGzBC,EAAgB,YAAK,GAAGC,OAAOpB,EAAuB,OAiBtDqB,EAAmB,SAAUC,GAC/B,OAAO,YAAI5C,IAAqBA,EAAmB,YAAuB,CAAC,0BAA2B,uBAAwB,WAAY4C,EAAcnB,IAGtJoB,EAAgB,SAAUD,GAC5B,OAAO,YAAI3C,IAAqBA,EAAmB,YAAuB,CAAC,0BAA2B,0BAA2B,WAAY2C,EAAcnB,IAO7J,MAAO,CACLa,KA7BS,YAAIzC,IAAoBA,EAAkB,YAAuB,CAAC,mCAAoC,+DAAgE,+CAAgD,kDAAmD,4BAA6B,mBAAoB,YAAa,SAAU,SAAU,SAAU,2KAA4K,4FAA6F,8FAA+F,yFAA0F,2FAA4F,iBAAkB8B,EAAK,CACn6BmB,MAAO7B,IAHM,QAIDO,EAAYR,EAAmBE,EAA2B,IAAgBW,EAAgBkB,OAAQjB,EAAYQ,KAAKhB,GAAwBQ,EAAYkB,eAAeP,GAAgBX,EAAYmB,eAAe3B,GAAwBQ,EAAYoB,cAAcT,GAAgBX,EAAYqB,aAAaV,GAAgBX,EAAYsB,YAAYX,GAAgBX,EAAYuB,kBAAkB/B,GAAwBQ,EAAYwB,mBAAmBhC,IA4BrciC,KA1BS,YAAIzD,IAAqBA,EAAmB,YAAuB,CAAC,mCAAoC,UAAW,iBAAkB,kBAAmB,qHAAsH,sJAAuJ,gEAAiE,kDAAmD,yCAA0C,mBAAoBuC,EAAUE,EAAYhB,EAAoBA,EAAoBH,EAAqBD,EAA2BY,EAAYyB,WAAW,CACruBC,OAAQ1C,EACR2C,MAAOrC,EACPsC,OAAQtC,EACRuC,OAAQ,GAAGlB,OAAOR,EAA4B,WAAWQ,OAAOT,GAChE4B,IAAK,IAAInB,OAAOP,GAChB2B,KAAM,IAAIpB,OAAOP,GACjB4B,MAAO,UACLrC,EAAYA,GAmBdM,aAAcA,EACdgC,MAlBU,YAAIjE,IAAqBA,EAAmB,YAAuB,CAAC,wEAAyE,kBAAmB,YAAK,GAAG2C,OAhBrK,QAgBsL,WAAWA,OAAOlB,KAmBrNyC,aATiB,YAAI/D,IAAqBA,EAAmB,YAAuB,CAAC,qCAAsC,UAAW2C,EAAc,eAUpJqB,eATmB,YAAI/D,IAAqBA,EAAmB,YAAuB,CAAC,uCAAwC,UAAW0C,EAAc,WAUxJsB,gBAToB,YAAI/D,IAAqBA,EAAmB,YAAuB,CAAC,wCAAyC,UAAWuC,EAAiB,eAU7JyB,kBATsB,YAAI/D,IAAqBA,EAAmB,YAAuB,CAAC,0CAA2C,UAAWsC,EAAiB,YAiBrK,IAAI0B,EAAU,SAAUC,GACtB,IA+BIC,EACAC,EACAC,EACAC,EACAhB,EACAC,EACAgB,EACAC,EACAC,EACAC,EACAC,EACAC,EAEAC,EACAC,EACAC,EA9CAC,EAAYd,EAAKe,KACjBA,OAAqB,IAAdD,EAAuB,UAAYA,EAC1CE,EAAmBhB,EAAKiB,YACxBA,OAAmC,IAArBD,EAA8B,UAAYA,EACxDE,EAAwBlB,EAAKmB,iBAC7BA,OAA6C,IAA1BD,EAAmCH,EAAOG,EAC7DE,EAAWpB,EAAKoB,SAChBC,EAAerB,EAAKqB,aACpBC,EAAWtB,EAAKsB,SAChBC,EAAYvB,EAAKuB,UACjBC,EAAYxB,EAAKwB,UACjBC,EAAmBzB,EAAKyB,iBACxBC,EAAmB1B,EAAK0B,iBACxBC,EAAe3B,EAAK2B,aACpBC,EAAS5B,EAAK4B,OACdC,EAAU7B,EAAK6B,QACfC,EAAe9B,EAAK8B,aACpBC,EAAqB/B,EAAKgC,cAC1BA,OAAuC,IAAvBD,EAAgC,WAAaA,EAC7DE,EAAa,mBACbC,EAAmB,mBACnBC,EAAa,mBAEbhG,EAAS,cAETiG,EAAU,mBAAQ,WACpB,OAAOlG,EAAOC,KACb,CAACA,IAEAkG,EAAO,aAmBPC,EAAY,mBAAS,CACvBC,QAAQ,EACRC,aAAc,OAEZC,GAAa,YAAeH,EAAW,GACvCI,GAAQD,GAAW,GACnBE,GAAWF,GAAW,GAEtBF,GAASG,GAAMH,OACfC,GAAeE,GAAMF,aAErBI,GAAoB,SAAUC,GAChC,OAEEA,GAAKA,EAAEC,QAAUD,EAAEC,QAAU,MAM7BC,GAAqB,SAAUxD,EAAKC,GACtC,IAAIwD,EAAeC,EAEfC,EAAeN,GAAkBjB,GAEjCwB,EAAQD,EAAe,CAAC3D,GAA0C,QAAlCyD,EAAgB9C,SAA4C,IAAlB8C,OAA2B,EAASA,EAAczD,KAAOa,EAAU8C,EAAaE,UAAW5D,GAA4C,QAAnCyD,EAAiB/C,SAA6C,IAAnB+C,OAA4B,EAASA,EAAezD,MAAQW,EAAU+C,EAAaG,YAAc,CAAC9D,EAAKC,GAChU8D,EAAQ,YAAeH,EAAO,GAC9BI,EAAYD,EAAM,GAClBE,EAAaF,EAAM,GAEvBtH,EAAQyH,MAAMlE,IAAM,GAAGnB,OAAOmF,EAAW,MACzCvH,EAAQyH,MAAMjE,KAAO,GAAGpB,OAAOoF,EAAY,MAC3CxH,EAAQyH,MAAMjD,SAAW,GAAGpC,OAAOoC,EAAU,OA+D3CkD,GAEJ,WArCwB,IAGlBC,EACAC,EADAD,EAAapD,EAAUf,KAAOJ,EAAQ,EAAIiB,EAAc,EAAIF,EAC5DyD,EAAarD,EAAUhB,IAAMF,EAASuB,EAAgBR,EAAUK,EACpEsC,GAAmBa,EAAYD,GAkC/B,IA7B6BpE,EAAKC,EA6B9BqE,EAAW7H,EAAQ8H,wBAWvB,IATID,EAAStE,IAAMU,EAAcV,KAAOsE,EAAStE,IAAM,KA/B1BA,EAiCZsE,EAAStE,IAjCQC,EAiCHqE,EAASrE,KA/BxCuD,GADcxD,EAAMa,EAAUf,EAASiB,EAA+B,EAAhBM,EAAkC,EAAdH,EAC9CjB,GAgC1BxD,EAAQ+H,UAAUC,IAAI,qCAEtBH,EAAW7H,EAAQ8H,2BAIfD,EAASrE,KAAOS,EAAcT,MAAQqE,EAASrE,KAAOgB,EAAWP,EAAcR,OAAQ,CAC3F,IAAIwE,EAAYtD,EAAuBD,EAAa,EAChDwD,EAAUL,EAAStE,IAAMa,EACzB+D,EAAUN,EAASrE,KAAOW,EAE1B0D,EAASrE,KAAOS,EAAcT,OAEhC2E,EAAUA,EAAU/E,EAAQ,EAAI6E,EAChCjI,EAAQ+H,UAAUC,IAAI,+BAGpBH,EAASrE,KAAOgB,EAAWP,EAAcR,QAE3C0E,EAAUA,EAAU/E,EAAQ,EAAI6E,EAChCjI,EAAQ+H,UAAUC,IAAI,gCAGxBjB,GAAmBmB,EAASC,KAK5BC,GAAU,SAAUC,GACtBA,EAAIC,kBACJ3B,GAAS,CACPJ,QAAQ,EACRC,aAAc6B,EAAIE,OAGpB3C,GAAUA,EAAOyC,EAAKtD,IAGpByD,GAAY,SAAUH,GAExB,IAAiB,WAAbA,EAAIE,OAAqB,gBAAmB,YAAkB,CAAC,QAAS,gBAI5E5B,GAAS,CACPJ,QAAQ,EACRC,aAAc,OAGhBX,GAAWA,EAAQd,GAGfd,GAAiBA,EAAcwE,UAAU,CAC3C,IACIA,EADiBxE,EACSwE,SAC9BA,EAASC,oBAAoB,SAAUF,IACvCC,EAASC,oBAAoB,aAAcF,MA+C3CG,GAAkB,WACpB3I,EAAU4G,GAAkBT,GAC5BlG,EAAgB2G,GAAkBV,GAClC3B,EAAYtE,EAAc6H,wBAC1B,IAAIZ,EAAeN,GAAkBjB,GAGrCzB,EAAegD,GAAgBA,EAAaY,wBAC5C7D,EAlLuB,WACvB,IAAI2E,EAAiBrD,EAAYqB,GAAkBrB,GAAasD,SAASC,eAAexD,GAExF,GAAIsD,EAAgB,CAClB,IAAIG,EAAMH,EAAed,wBACzB,MAAO,CACLW,SAAUG,EACVrF,IAAKwF,EAAIxF,IACTE,MAAOsF,EAAItF,MACXuF,OAAQD,EAAIC,OACZxF,KAAMuF,EAAIvF,MAId,MAAO,CACLiF,SAAU,cAAcQ,OAAS,KACjC1F,IAAK,EACLE,MAAOwF,OAAOC,YAAcL,SAASM,gBAAgBC,YACrDJ,OAAQC,OAAOI,aAAeR,SAASM,gBAAgBG,aACvD9F,KAAM,GA+JQ+F,GAChBnG,EAAQpD,EAAQwJ,YAChBnG,EAASrD,EAAQyJ,aACjBpF,EAAcpE,EAAcuJ,YAC5BlF,EAAerE,EAAcwJ,aAC7BtF,EAAU8E,OAAO9E,SAAW8E,OAAOS,YACnCtF,EAAU6E,OAAO7E,SAAW6E,OAAOU,YAEnC,IAAIC,EAAiB,eAAeX,OAAOY,iBAAiBhB,SAASxH,MAAMyI,iBAAiB,cAAgB,OACxGC,EAAeC,SAASJ,EAAeK,MAAM,MAAM,GAAI,IAC3DvF,EAAa,MAAQqF,EAErBpF,EAAuB,EAAIoF,EAG3BnF,EAJc,IAAOmF,EAIS,IAAOA,EAIrCtF,EAHiBJ,EAGU,GAF3BQ,EAAkB,IAAMkF,GAEyB,EAtEpC,WACb,IAAIG,EAAoBL,iBAAiB7J,EAAS,SAASwE,SACvD2F,EAAkBH,SAASE,EAAkBD,MAAM,MAAM,GAAI,IAC7DG,EAAUnG,EAAcT,KACxB6G,EAAWpG,EAAcR,MACzB6G,EAAWrK,EAAc6H,wBAAwBtE,KACjD+G,EAAqBD,EAAWF,EAAU3F,EAC1C+F,EAAsBH,EAAWC,EAAW7F,EAAcI,EAC1D4F,EAAeN,EAAkB,EAIrC,GAAII,EAAqBE,GAAgBD,EAAsBC,EAC7DjG,EAAW2F,OACN,GAGPI,EAAqBE,GAAgBD,EAAsBC,EAAc,CAEvEjG,EAAyB,GADP+F,EAAqBC,EAAsBD,EAAqBC,OAE7E,CAEL,IAAIE,EAAiBH,EAAqBC,EAAsBD,EAAqBC,EAEjFpF,EAEFsF,EAAiBA,EAAiB9F,EAAgBC,EAGlD6F,GAAkB/F,EAAuBD,EAAa,EAAIG,EAG5DL,EAAWkG,EAAiBP,EAAkBA,EAAkBO,EAGlE1K,EAAQyH,MAAMjD,SAAW,GAAGpC,OAAOoC,EAAU,MAC7C,IAAImG,EAAe3K,EAAQ8H,wBAAwB1E,MAGnDA,EAAQoB,EAAWmG,EAAenG,EAAWmG,EAC7CtH,EAASrD,EAAQyJ,aAgCjBmB,GACA,IAjKIC,EAGAC,EACAC,EA8JAtC,EADkBxE,EACSwE,SAI/B,OAHAA,EAASuC,iBAAiB,SAAUxC,IACpCC,EAASuC,iBAAiB,aAAcxC,IAEhCpD,GACN,IAAK,OAvKHyF,EAAcxG,EAAc,EAAIQ,EAAkB,EAGlDiG,EAAWvG,EAAUf,KAAOJ,EAAQyH,EAAcjG,EAAgBT,EAClE4G,EAAWxG,EAAUhB,IAAMF,EAAS,EAAIiB,EAAe,EAAIF,EAC/DpE,EAAQ+H,UAAUC,IAAI,mCACtBjB,GAAmBgE,EAAUD,GAmKzB,MAEF,IAAK,SAlKW,WAClB,IAAID,EAAcxG,EAAc,EAAIQ,EAAkB,EAGlDoG,EAAY1G,EAAUf,KAAOqH,EAAcjG,EAAgBT,EAC3D+G,EAAY3G,EAAUhB,IAAMF,EAAS,EAAIiB,EAAe,EAAIF,EAChEpE,EAAQ+H,UAAUC,IAAI,oCACtBjB,GAAmBmE,EAAWD,GA4J1BrI,GACA,MAEF,QACE8E,OAIFyD,GAAqB,SAAU9C,GACjC,IAAIvB,EAAUF,GAAkBX,GAG5BM,IAAUO,IAAYA,EAAQsE,SAAS/C,EAAIgD,UAC7ChD,EAAIC,kBACJE,GAAUH,KAIViD,GAAY,SAAUjD,GAExB,IAAIkD,EAAU,IAAI,IAAalD,EAAImD,KAAOnD,EAAIoD,UAE1CF,EAAQG,QAAUH,EAAQI,SAC5BnD,GAAUH,IAId,2BAAgB,WAYd,OAXI9B,IACFoC,KACAE,SAASmC,iBAAiB,YAAaG,IACvCtC,SAASmC,iBAAiB,UAAWM,IACrCrC,OAAO+B,iBAAiB,SAAUxC,MAElCK,SAASH,oBAAoB,YAAayC,IAC1CtC,SAASH,oBAAoB,UAAW4C,IACxCrC,OAAOP,oBAAoB,SAAUF,KAGhC,WACLK,SAASH,oBAAoB,YAAayC,IAC1CtC,SAASH,oBAAoB,UAAW4C,IACxCrC,OAAOP,oBAAoB,SAAUF,QAKzC,IAOIoD,GAAyB,QAM3B5F,EALW6F,QAAQ,IAAIC,OAAO,QAAS,KAAM,KAAKD,QAAQ,IAAIC,OAAO,UAAW,KAAM,IAAID,QAAQ,IAAIC,OAAO,cAAe,MAAM,SAAUC,EAAQC,EAAQC,GAC1J,MAAO,GAAG7J,OAAO4J,EAAOE,cAAgBD,EAAME,kBAC7CN,QAAQ,IAAIC,OAAO,OAAO,SAAUM,GACrC,OAAOA,EAAEF,iBAITG,GAAsB,CAACjG,EAAQ1C,MACnC0C,EAAQwF,KACJU,GAAe,YAAI,OAAQ,CAC7BC,IAAKF,GACL,YAAa,QACZvG,GAIC0G,GAAcjG,IAAU,IAASkG,aAAa,YAAI,MAAO,CAC3DC,IAAKvG,EACLoG,IAAKnG,EAAQpE,KACbwD,UAAWE,EACXiH,GAAI5H,EACJ6H,KAAM,UACN,eAAgBrG,GAChBsG,aAA+B,UAAjBrG,GAA2BH,EAAOmC,GAChD,YAAa,QACZ1C,IAAmC,eAAlBE,GAAoD,aAAlBA,IAAiCsG,GAAcrH,EAAaa,IAAmC,kBAAlBE,GAAuD,gBAAlBA,IAAoCsG,IAAe1F,GAAkBjB,KAAkB,cAAckD,SAASxH,KAAO,OAGzRyL,GAAczH,EAAe,KAAe,KAG5C0H,GAAmB,SAAU1E,GACjBzB,GAAkBX,GACnBmF,SAAS/C,EAAIgD,SAAS7C,GAAUH,IAG/C,OAAO,YAAI,OAAQ,CACjBqE,IAAKzG,EACLT,UAAWA,EACX,iBAAkB,iBACjB,YAAI,IAAMwH,SAAU,KAAM,YAAI,SAAU,YAAS,CAClDzE,KAAM,SACNmE,IAAKxG,EACLqG,IAAKnG,EAAQnD,MACZsD,GAAS,CACV,mBAAoBxB,GAClB,GAAI,CACNkI,aAA+B,UAAjBzG,GAA2BH,EAAO+B,GAChDyE,aAA+B,UAAjBrG,GAA2BH,EAxDpB,SAAUgC,GAC3BrI,GAAWqI,EAAI6E,gBAAkBlN,IACnCqI,EAAIC,kBACJE,GAAUH,KAsDZ8E,WAAY,SAAwB9E,GAClCA,EAAI+E,iBAEA7G,IACFiC,GAAUH,GACVQ,SAASH,oBAAoB,aAAcqE,MAE3C3E,GAAQC,GACRQ,SAASmC,iBAAiB,aAAc+B,MAG5CM,YAAa,SAAyBhF,GACpC,OAAOA,EAAI+E,kBAEbE,QAAS,cAAkBjH,EAAO+B,GAClC5C,UAAWC,EACX,YAAa,SACX,YAAIqH,GAAa,CACnBS,KAAM,KACN,cAAe,OACf,YAAa,SACX,YAAI,OAAQ,CACdhB,IAAKnG,EAAQ1E,aACb,YAAa,QACZyD,IAAoBqH","file":"default~guest~request-page~request-preview~send-page~universal-preview.esm.js","sourcesContent":["import _extends from '@babel/runtime/helpers/esm/extends';\nimport _slicedToArray from '@babel/runtime/helpers/esm/slicedToArray';\nimport React, { useRef, useMemo, useState, useLayoutEffect } from 'react';\nimport { iconStyles, VerifiedIcon, QuestionIcon } from '@paypalcorp/pp-react-icons';\nimport ReactDOM from 'react-dom';\nimport { utilStyles, ZINDEX_TOOLTIP, hasWindow, isTouchDevice, isActiveElementIn, KeyboardCode } from '@paypalcorp/pp-react-utils';\nimport { css, useTheme, jsx } from '@emotion/react';\nimport _taggedTemplateLiteral from '@babel/runtime/helpers/esm/taggedTemplateLiteral';\nimport { math } from 'polished';\nimport { textStyles } from '@paypalcorp/pp-react-text';\n\nvar _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8, _templateObject9;\nfunction styles(tokens) {\n  /* istanbul ignore next */\n  if (!Object.keys(tokens).length) {\n    console.warn('Missing Emotion theme. Use ThemeProvider from @emotion/react to pass a valid theme from pp-react.');\n    return {};\n  }\n\n  var sysBorderRadiusInteractive = tokens.sysBorderRadiusInteractive,\n      sysBorderRadiusSm = tokens.sysBorderRadiusSm,\n      sysColorBackgroundHighContrast = tokens.sysColorBackgroundHighContrast,\n      sysColorBackgroundSurface = tokens.sysColorBackgroundSurface,\n      sysColorPrimaryMainActive = tokens.sysColorPrimaryMainActive,\n      sysColorPrimaryMain = tokens.sysColorPrimaryMain,\n      sysSizeIconSm = tokens.sysSizeIconSm,\n      sysSizePointerWidthLg = tokens.sysSizePointerWidthLg,\n      sysSizeTapTargetSm = tokens.sysSizeTapTargetSm,\n      sysSpaceLg = tokens.sysSpaceLg,\n      sysSpaceSm = tokens.sysSpaceSm,\n      sysSpaceXs = tokens.sysSpaceXs;\n\n  var _textStyles = textStyles(tokens),\n      body = _textStyles.body;\n\n  var _utilStyles = utilStyles(tokens),\n      elevationStyles = _utilStyles.elevationStyles,\n      caretStyles = _utilStyles.caretStyles,\n      focusStyles = _utilStyles.focusStyles,\n      screenReader = _utilStyles.screenReader;\n\n  var stateFocusBorderColorInner = focusStyles.stateFocusBorderColorInner,\n      stateFocusBorderWidthInner = focusStyles.stateFocusBorderWidthInner,\n      stateFocusBorderWidthOuter = focusStyles.stateFocusBorderWidthOuter;\n\n  var _iconStyles = iconStyles(tokens),\n      iconBase = _iconStyles.base,\n      iconSizeXs = _iconStyles.sizeXs;\n\n  var maxWidth = '18rem';\n  var pointerHeight = math(\"\".concat(sysSizePointerWidthLg, \"/2\"));\n  var base = css(_templateObject || (_templateObject = _taggedTemplateLiteral([\"\\n    label: tooltip_base;\\n    \", \";\\n    visibility: hidden;\\n    opacity: 0;\\n    max-width: \", \";\\n    word-wrap: break-word;\\n    padding: \", \";\\n    position: absolute;\\n    border-radius: \", \";\\n    background-color: \", \";\\n    z-index: \", \";\\n\\n    \", \"\\n    \", \"\\n    \", \"\\n    \", \"\\n\\n\\n    &[aria-hidden='false'] {\\n      visibility: visible;\\n      opacity: 1;\\n    }\\n\\n    &.pp_react_tooltip--position_left {\\n      label: position_left;\\n      \", \"\\n    }\\n\\n    &.pp_react_tooltip--position_right {\\n      label: position_right;\\n      \", \"\\n    }\\n\\n    &.pp_react_tooltip--position_bottom {\\n      label: position_bottom;\\n      \", \"\\n    }\\n\\n    &.pp_react_tooltip--tip_left {\\n      label: tip_position_left;\\n      \", \"\\n    }\\n\\n    &.pp_react_tooltip--tip_right {\\n      label: tip_position_right;\\n      \", \"\\n    }\\n  \"])), body({\n    color: sysColorBackgroundHighContrast\n  }), maxWidth, sysSpaceLg, sysBorderRadiusSm, sysColorBackgroundSurface, ZINDEX_TOOLTIP, elevationStyles.level3, caretStyles.base(sysSizePointerWidthLg), caretStyles.positionBottom(pointerHeight), caretStyles.positionCenter(sysSizePointerWidthLg), caretStyles.positionRight(pointerHeight), caretStyles.positionLeft(pointerHeight), caretStyles.positionTop(pointerHeight), caretStyles.positionShiftLeft(sysSizePointerWidthLg), caretStyles.positionShiftRight(sysSizePointerWidthLg)); // Styles for Icon\n\n  var icon = css(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral([\"\\n    label: tooltip-icon;\\n    \", \";\\n    \", \";\\n    width: \", \";\\n    height: \", \";\\n    padding: 0;\\n    display: inline-flex;\\n    justify-content: center;\\n    align-items: center;\\n    color: \", \";\\n    cursor: pointer;\\n    border: 0;\\n    background-color: transparent;\\n    position: relative;\\n\\n    &:hover,\\n    &:active {\\n      color: \", \";\\n      outline: none;\\n    }\\n\\n    &:focus:after {\\n      \", \";\\n      transform: translateX(50%) translateX(\", \") translateY(50%)\\n        translateY(\", \");\\n    }\\n  \"])), iconBase, iconSizeXs, sysSizeTapTargetSm, sysSizeTapTargetSm, sysColorPrimaryMain, sysColorPrimaryMainActive, focusStyles.focusAfter({\n    radius: sysBorderRadiusInteractive,\n    width: sysSizeIconSm,\n    height: sysSizeIconSm,\n    border: \"\".concat(stateFocusBorderWidthInner, \" solid \").concat(stateFocusBorderColorInner),\n    top: \"-\".concat(stateFocusBorderWidthOuter),\n    left: \"-\".concat(stateFocusBorderWidthOuter),\n    right: 'unset'\n  }), sysSpaceXs, sysSpaceXs); // Image Positions\n\n  var image = css(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral([\"\\n    label: image;\\n    display: flex;\\n    img {\\n      max-width: \", \";\\n    }\\n  \"])), math(\"\".concat(maxWidth, \" - 2 * \").concat(sysSpaceLg)));\n\n  var imageAlignBottom = function (justifyImage) {\n    return css(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral([\"\\n    justify-content: \", \";\\n    padding-top: \", \";\\n  \"])), justifyImage, sysSpaceSm);\n  };\n\n  var imageAlignTop = function (justifyImage) {\n    return css(_templateObject5 || (_templateObject5 = _taggedTemplateLiteral([\"\\n    justify-content: \", \";\\n    padding-bottom: \", \";\\n  \"])), justifyImage, sysSpaceSm);\n  };\n\n  var imageTopLeft = css(_templateObject6 || (_templateObject6 = _taggedTemplateLiteral([\"\\n    label: image_top_left;\\n    \", \"\\n  \"])), imageAlignTop('flex-start'));\n  var imageTopCenter = css(_templateObject7 || (_templateObject7 = _taggedTemplateLiteral([\"\\n    label: image_top_center;\\n    \", \"\\n  \"])), imageAlignTop('center'));\n  var imageBottomLeft = css(_templateObject8 || (_templateObject8 = _taggedTemplateLiteral([\"\\n    label: image_bottom_left;\\n    \", \"\\n  \"])), imageAlignBottom('flex-start'));\n  var imageBottomCenter = css(_templateObject9 || (_templateObject9 = _taggedTemplateLiteral([\"\\n    label: image_bottom_center;\\n    \", \"\\n  \"])), imageAlignBottom('center'));\n  return {\n    base: base,\n    icon: icon,\n    screenReader: screenReader,\n    image: image,\n    imageTopLeft: imageTopLeft,\n    imageTopCenter: imageTopCenter,\n    imageBottomLeft: imageBottomLeft,\n    imageBottomCenter: imageBottomCenter\n  };\n}\n\nvar tooltip;\nvar tooltipOrigin;\n/* eslint-disable complexity */\n\nvar Tooltip = function (_ref) {\n  var _ref$name = _ref.name,\n      name = _ref$name === void 0 ? 'Tooltip' : _ref$name,\n      _ref$description = _ref.description,\n      description = _ref$description === void 0 ? 'tooltip' : _ref$description,\n      _ref$screenReaderText = _ref.screenReaderText,\n      screenReaderText = _ref$screenReaderText === void 0 ? name : _ref$screenReaderText,\n      position = _ref.position,\n      verifiedIcon = _ref.verifiedIcon,\n      windowId = _ref.windowId,\n      windowRef = _ref.windowRef,\n      className = _ref.className,\n      triggerClassName = _ref.triggerClassName,\n      tooltipClassName = _ref.tooltipClassName,\n      containerRef = _ref.containerRef,\n      onOpen = _ref.onOpen,\n      onClose = _ref.onClose,\n      imageElement = _ref.imageElement,\n      _ref$imagePosition = _ref.imagePosition,\n      imagePosition = _ref$imagePosition === void 0 ? 'top-left' : _ref$imagePosition;\n  var wrapperRef = useRef();\n  var tooltipOriginRef = useRef();\n  var tooltipRef = useRef(); // If theme is not directly provided, get from themeContext\n\n  var tokens = useTheme();\n\n  var _styles = useMemo(function () {\n    return styles(tokens);\n  }, [tokens]);\n\n  var noop = function () {};\n\n  var tooltipWindow;\n  var containerPos;\n  var scrollX;\n  var scrollY;\n  var width;\n  var height;\n  var originWidth;\n  var originHeight;\n  var originPos;\n  var maxWidth;\n  var iconSpacing;\n  var caretWidth;\n  var caretHeight;\n  var caretSpaceHorizontal;\n  var spacingOffset;\n  var tooltipIconSize;\n\n  var _useState = useState({\n    isOpen: false,\n    currentEvent: null\n  }),\n      _useState2 = _slicedToArray(_useState, 2),\n      state = _useState2[0],\n      setState = _useState2[1];\n\n  var isOpen = state.isOpen,\n      currentEvent = state.currentEvent;\n\n  var getWrapperCurrent = function (w) {\n    return (\n      /* istanbul ignore next */\n      w && w.current ? w.current : null\n    );\n  };\n  /* istanbul ignore next */\n\n\n  var setTooltipPosition = function (top, left) {\n    var _containerPos, _containerPos2;\n\n    var containerElm = getWrapperCurrent(containerRef);\n\n    var _ref2 = containerElm ? [top - ((_containerPos = containerPos) === null || _containerPos === void 0 ? void 0 : _containerPos.top) - scrollY + containerElm.scrollTop, left - ((_containerPos2 = containerPos) === null || _containerPos2 === void 0 ? void 0 : _containerPos2.left) - scrollX + containerElm.scrollLeft] : [top, left],\n        _ref3 = _slicedToArray(_ref2, 2),\n        offsetTop = _ref3[0],\n        offsetLeft = _ref3[1];\n\n    tooltip.style.top = \"\".concat(offsetTop, \"px\");\n    tooltip.style.left = \"\".concat(offsetLeft, \"px\");\n    tooltip.style.maxWidth = \"\".concat(maxWidth, \"px\");\n  };\n  /* istanbul ignore next */\n\n\n  var getTooltipBoundary = function () {\n    var providedWindow = windowRef ? getWrapperCurrent(windowRef) : document.getElementById(windowId);\n\n    if (providedWindow) {\n      var pos = providedWindow.getBoundingClientRect();\n      return {\n        windowEl: providedWindow,\n        top: pos.top,\n        right: pos.right,\n        bottom: pos.bottom,\n        left: pos.left\n      };\n    }\n\n    return {\n      windowEl: hasWindow() ? window : null,\n      top: 0,\n      right: window.innerWidth || document.documentElement.clientWidth,\n      bottom: window.innerHeight || document.documentElement.clientHeight,\n      left: 0\n    };\n  };\n\n  var positionTopCenter = function () {\n    // tooltip bubble starts at bottom left edge of its origin (icon/button)\n    // and calculates moves from there:\n    var topCenterX = originPos.left - width / 2 + originWidth / 2 + scrollX;\n    var topCenterY = originPos.top - height - spacingOffset + scrollY + iconSpacing;\n    setTooltipPosition(topCenterY, topCenterX);\n  };\n  /* istanbul ignore next */\n\n\n  var positionBottom = function (top, left) {\n    var offsetY = top + scrollY + height + originHeight + spacingOffset * 2 - iconSpacing * 2;\n    setTooltipPosition(offsetY, left);\n  };\n\n  var positionLeft = function () {\n    var buttonWidth = originWidth / 2 - tooltipIconSize / 2; // tooltip bubble starts at bottom left edge of its origin (icon/button)\n    // and calculates X and Y moves from there:\n\n    var leftPosX = originPos.left - width + buttonWidth - spacingOffset + scrollX;\n    var leftPosY = originPos.top - height / 2 + originHeight / 2 + scrollY;\n    tooltip.classList.add('pp_react_tooltip--position_left');\n    setTooltipPosition(leftPosY, leftPosX);\n  };\n\n  var positionRight = function () {\n    var buttonWidth = originWidth / 2 + tooltipIconSize / 2; // tooltip bubble starts at bottom left edge of its origin (icon/button)\n    // and calculates X and Y moves from there:\n\n    var rightPosX = originPos.left + buttonWidth + spacingOffset + scrollX;\n    var rightPosY = originPos.top - height / 2 + originHeight / 2 + scrollY;\n    tooltip.classList.add('pp_react_tooltip--position_right');\n    setTooltipPosition(rightPosY, rightPosX);\n  };\n\n  var selfPosition =\n  /* istanbul ignore next */\n  function () {\n    positionTopCenter();\n    var boundary = tooltip.getBoundingClientRect();\n\n    if (boundary.top < tooltipWindow.top || boundary.top < 0) {\n      // position: bottom\n      positionBottom(boundary.top, boundary.left);\n      tooltip.classList.add('pp_react_tooltip--position_bottom'); // store new boundary\n\n      boundary = tooltip.getBoundingClientRect();\n    } // note: if both left and right are out of bounds keep it centered\n\n\n    if (!(boundary.left < tooltipWindow.left && boundary.left + maxWidth > tooltipWindow.right)) {\n      var sideShift = caretSpaceHorizontal + caretWidth / 2;\n      var offsetY = boundary.top + scrollY;\n      var offsetX = boundary.left + scrollX;\n\n      if (boundary.left < tooltipWindow.left) {\n        // position: top-right, bottom-right (with left tooltip)\n        offsetX = offsetX + width / 2 - sideShift;\n        tooltip.classList.add('pp_react_tooltip--tip_left');\n      }\n\n      if (boundary.left + maxWidth > tooltipWindow.right) {\n        // position: top-left, bottom-left (with right tooltip)\n        offsetX = offsetX - width / 2 + sideShift;\n        tooltip.classList.add('pp_react_tooltip--tip_right');\n      }\n\n      setTooltipPosition(offsetY, offsetX);\n    }\n  }; // for keyboard focus and mouseover\n\n\n  var setOpen = function (evt) {\n    evt.stopPropagation();\n    setState({\n      isOpen: true,\n      currentEvent: evt.type\n    });\n    // eslint-disable-next-line\n    onOpen && onOpen(evt, name);\n  };\n\n  var clearOpen = function (evt) {\n    // istanbul ignore next\n    if (evt.type === 'resize' && isTouchDevice() && isActiveElementIn(['INPUT', 'TEXTAREA'])) {\n      return;\n    }\n\n    setState({\n      isOpen: false,\n      currentEvent: null\n    }); // eslint-disable-next-line\n\n    onClose && onClose(name);\n    /* istanbul ignore else */\n\n    if (tooltipWindow && tooltipWindow.windowEl) {\n      var _tooltipWindow = tooltipWindow,\n          windowEl = _tooltipWindow.windowEl;\n      windowEl.removeEventListener('scroll', clearOpen);\n      windowEl.removeEventListener('mousewheel', clearOpen);\n    }\n  };\n\n  var setWidth = function () {\n    var tooltipMaxWidthPx = getComputedStyle(tooltip, 'style').maxWidth;\n    var tooltipMaxWidth = parseInt(tooltipMaxWidthPx.split('px')[0], 10);\n    var winLeft = tooltipWindow.left;\n    var winRight = tooltipWindow.right;\n    var iconLeft = tooltipOrigin.getBoundingClientRect().left;\n    var availableLeftSpace = iconLeft - winLeft + iconSpacing;\n    var availableRightSpace = winRight - iconLeft - iconSpacing - tooltipIconSize;\n    var halfMaxWidth = tooltipMaxWidth / 2; // if left and right of tooltip are each > than half the maxWidth, use default max width\n\n    /* istanbul ignore next */\n\n    if (availableLeftSpace > halfMaxWidth && availableRightSpace > halfMaxWidth) {\n      maxWidth = tooltipMaxWidth;\n    } else if ( // If both sides are less than half the maxwidth,\n    // then tooltip bubble will be position center,\n    // so use smaller side x 2 as max width since it's centered\n    availableLeftSpace < halfMaxWidth && availableRightSpace < halfMaxWidth) {\n      var smallerSide = availableLeftSpace < availableRightSpace ? availableLeftSpace : availableRightSpace;\n      maxWidth = smallerSide * 2;\n    } else {\n      // take the bigger available space between the two\n      var availableSpace = availableLeftSpace > availableRightSpace ? availableLeftSpace : availableRightSpace; // if it explicitly placed left/right adjust accordingly.\n\n      if (position) {\n        // Add the caret + 4px spacing\n        availableSpace = availableSpace - spacingOffset - tooltipIconSize;\n      } else {\n        // Add the side shift dimension (since tooltip is position top/bottom with side shift)\n        availableSpace += caretSpaceHorizontal + caretWidth / 2 - tooltipIconSize;\n      }\n\n      maxWidth = availableSpace > tooltipMaxWidth ? tooltipMaxWidth : availableSpace;\n    }\n\n    tooltip.style.maxWidth = \"\".concat(maxWidth, \"px\");\n    var currentWidth = tooltip.getBoundingClientRect().width;\n    /* istanbul ignore next */\n\n    width = maxWidth < currentWidth ? maxWidth : currentWidth;\n    height = tooltip.offsetHeight;\n  };\n\n  var positionTooltip = function () {\n    tooltip = getWrapperCurrent(tooltipRef);\n    tooltipOrigin = getWrapperCurrent(tooltipOriginRef);\n    originPos = tooltipOrigin.getBoundingClientRect();\n    var containerElm = getWrapperCurrent(containerRef);\n    /* istanbul ignore next */\n\n    containerPos = containerElm && containerElm.getBoundingClientRect();\n    tooltipWindow = getTooltipBoundary();\n    width = tooltip.offsetWidth;\n    height = tooltip.offsetHeight;\n    originWidth = tooltipOrigin.offsetWidth;\n    originHeight = tooltipOrigin.offsetHeight;\n    scrollX = window.scrollX || window.pageXOffset;\n    scrollY = window.scrollY || window.pageYOffset; // get tooltip's pointer dimensions:\n\n    var rootFontSizePx = hasWindow() && window.getComputedStyle(document.body).getPropertyValue('font-size') || '16px';\n    var rootFontSize = parseInt(rootFontSizePx.split('px')[0], 10);\n    caretWidth = 1.125 * rootFontSize;\n    caretHeight = 0.75 * rootFontSize;\n    caretSpaceHorizontal = 1 * rootFontSize; //16px spacing between caret and tooltip corner\n\n    // 4px separation between caret and tooltip icon\n    spacingOffset = caretHeight + 0.25 * rootFontSize;\n    var targetSize = originWidth;\n    tooltipIconSize = 1.5 * rootFontSize; // icon and target have different dimensions\n\n    iconSpacing = targetSize / 2 - tooltipIconSize / 2; // set the initial width for tooltip.\n\n    setWidth();\n    var _tooltipWindow2 = tooltipWindow,\n        windowEl = _tooltipWindow2.windowEl;\n    windowEl.addEventListener('scroll', clearOpen);\n    windowEl.addEventListener('mousewheel', clearOpen);\n\n    switch (position) {\n      case 'left':\n        positionLeft();\n        break;\n\n      case 'right':\n        positionRight();\n        break;\n\n      default:\n        selfPosition();\n    }\n  };\n\n  var handleClickOutside = function (evt) {\n    var current = getWrapperCurrent(wrapperRef);\n    /* istanbul ignore next */\n\n    if (isOpen && current && !current.contains(evt.target)) {\n      evt.stopPropagation();\n      clearOpen(evt);\n    }\n  };\n\n  var handleKey = function (evt) {\n    /* istanbul ignore next */\n    var KeyCode = new KeyboardCode(evt.key || evt.keyCode);\n\n    if (KeyCode.IS_TAB || KeyCode.IS_ESC) {\n      clearOpen(evt);\n    }\n  };\n\n  useLayoutEffect(function () {\n    if (isOpen) {\n      positionTooltip();\n      document.addEventListener('mousedown', handleClickOutside);\n      document.addEventListener('keydown', handleKey);\n      window.addEventListener('resize', clearOpen);\n    } else {\n      document.removeEventListener('mousedown', handleClickOutside);\n      document.removeEventListener('keydown', handleKey);\n      window.removeEventListener('resize', clearOpen);\n    }\n\n    return function () {\n      document.removeEventListener('mousedown', handleClickOutside);\n      document.removeEventListener('keydown', handleKey);\n      window.removeEventListener('resize', clearOpen);\n    };\n  });\n  /* istanbul ignore next */\n\n  var handleMouseLeave = function (evt) {\n    if (tooltip && evt.relatedTarget !== tooltip) {\n      evt.stopPropagation();\n      clearOpen(evt);\n    }\n  };\n\n  var imagePositionStyleName = 'image' + function camelCase(str) {\n    return str.replace(new RegExp(/[-_]+/, 'g'), ' ').replace(new RegExp(/[^\\w\\s]/, 'g'), '').replace(new RegExp(/\\s+(.)(\\w*)/, 'g'), function (_first, second, third) {\n      return \"\".concat(second.toUpperCase() + third.toLowerCase());\n    }).replace(new RegExp(/\\w/), function (s) {\n      return s.toUpperCase();\n    });\n  }(imagePosition);\n\n  var imagePositionCSSVal = [_styles.image, //@ts-ignore\n  _styles[imagePositionStyleName]];\n  var displayImage = jsx(\"span\", {\n    css: imagePositionCSSVal,\n    \"data-ppui\": \"true\"\n  }, imageElement);\n  //@ts-ignore\n\n  /* istanbul ignore next */\n  var tooltipNode = isOpen && ReactDOM.createPortal(jsx(\"div\", {\n    ref: tooltipRef,\n    css: _styles.base,\n    className: tooltipClassName,\n    id: name,\n    role: \"tooltip\",\n    \"aria-hidden\": !isOpen,\n    onMouseLeave: currentEvent === 'focus' ? noop : clearOpen,\n    \"data-ppui\": \"true\"\n  }, imageElement && (imagePosition === 'top-center' || imagePosition === 'top-left') && displayImage, description, imageElement && (imagePosition === 'bottom-center' || imagePosition === 'bottom-left') && displayImage), getWrapperCurrent(containerRef) || (hasWindow() ? document.body : null));\n  /* istanbul ignore next */\n\n  var TooltipIcon = verifiedIcon ? VerifiedIcon : QuestionIcon;\n  /* istanbul ignore next */\n\n  var handleTouchStart = function (evt) {\n    var current = getWrapperCurrent(wrapperRef);\n    if (!current.contains(evt.target)) clearOpen(evt);\n  };\n\n  return jsx(\"span\", {\n    ref: wrapperRef,\n    className: className,\n    \"data-ppui-info\": \"tooltip_4.6.1\"\n  }, jsx(React.Fragment, null, jsx(\"button\", _extends({\n    type: \"button\",\n    ref: tooltipOriginRef,\n    css: _styles.icon\n  }, isOpen ? {\n    'aria-describedby': name\n  } : {}, {\n    onMouseEnter: currentEvent === 'focus' ? noop : setOpen,\n    onMouseLeave: currentEvent === 'focus' ? noop : handleMouseLeave,\n    onTouchEnd: function handleTouchEnd(evt) {\n      evt.preventDefault(); // Toggle the state\n\n      if (isOpen) {\n        clearOpen(evt);\n        document.removeEventListener('touchstart', handleTouchStart);\n      } else {\n        setOpen(evt);\n        document.addEventListener('touchstart', handleTouchStart);\n      }\n    },\n    onMouseDown: function handleMouseDown(evt) {\n      return evt.preventDefault();\n    },\n    onFocus: isTouchDevice() ? noop : setOpen,\n    className: triggerClassName,\n    \"data-ppui\": \"true\"\n  }), jsx(TooltipIcon, {\n    size: \"sm\",\n    \"aria-hidden\": \"true\",\n    \"data-ppui\": \"true\"\n  }), jsx(\"span\", {\n    css: _styles.screenReader,\n    \"data-ppui\": \"true\"\n  }, screenReaderText)), tooltipNode));\n};\n\nexport { Tooltip, styles as tooltipStyles };\n"],"sourceRoot":""}