"use strict";(self.webpackChunk_grafana_ui=self.webpackChunk_grafana_ui||[]).push([[2518],{"../../node_modules/@mdx-js/react/lib/index.js":function(T,m,t){t.d(m,{BN:function(){return d},RP:function(){return i},gz:function(){return h},xA:function(){return n}});var a=t("../../node_modules/react/index.js");const d=a.createContext({});function h(o){return l;function l(p){const E=i(p.components);return a.createElement(o,{...p,allComponents:E})}}function i(o){const l=a.useContext(d);return a.useMemo(()=>typeof o=="function"?o(l):{...l,...o},[l,o])}const e={};function n({components:o,children:l,disableParentContext:p}){let E;return p?E=typeof o=="function"?o({}):o||e:E=i(o),a.createElement(d.Provider,{value:E},l)}},"../../node_modules/@storybook/addon-actions/dist/index.mjs":function(T,m,t){t.d(m,{XI:function(){return a.XI}});var a=t("../../node_modules/@storybook/addon-actions/dist/chunk-AY7I2SME.mjs"),d=(...h)=>{let i=config,e=h;e.length===1&&Array.isArray(e[0])&&([e]=e),e.length!==1&&typeof e[e.length-1]!="string"&&(i={...config,...e.pop()});let n=e[0];(e.length!==1||typeof n=="string")&&(n={},e.forEach(l=>{n[l]=l}));let o={};return Object.keys(n).forEach(l=>{o[l]=action(n[l],i)}),o}},"./src/components/ContextMenu/ContextMenu.story.tsx":function(T,m,t){t.r(m),t.d(m,{Basic:function(){return A},WithState:function(){return B},default:function(){return U}});var a=t("../../node_modules/@storybook/addon-actions/dist/index.mjs"),d=t("../../node_modules/react/index.js"),h=t("./src/components/IconButton/IconButton.tsx"),i=t("./src/components/ContextMenu/ContextMenu.tsx"),e=t("../../node_modules/react/jsx-runtime.js"),n=t("../../node_modules/@mdx-js/react/lib/index.js"),o=t("../../node_modules/@storybook/blocks/dist/index.mjs"),l=t("./src/components/ContextMenu/WithContextMenu.tsx");function p(O){const _=Object.assign({h1:"h1",p:"p",h3:"h3",code:"code",h4:"h4",pre:"pre"},(0,n.RP)(),O.components);return(0,e.jsxs)(e.Fragment,{children:[(0,e.jsx)(_.h1,{id:"contextmenu",children:"ContextMenu"}),`
`,(0,e.jsx)(_.p,{children:"A menu displaying additional options when it's not possible to show them at all times due to a space constraint."}),`
`,(0,e.jsx)(_.h3,{id:"usage",children:"Usage"}),`
`,(0,e.jsxs)(_.p,{children:["There are controlled and uncontrolled versions of the component available. With the controlled component (",(0,e.jsx)(_.code,{children:"ContextMenu"}),") the open/close logic needs to be handled separately. Uncontrolled component (",(0,e.jsx)(_.code,{children:"WithContextMenu"}),") handles this logic internally."]}),`
`,(0,e.jsx)(_.h4,{id:"controlled-component",children:"Controlled component"}),`
`,(0,e.jsx)(_.pre,{children:(0,e.jsx)(_.code,{className:"language-jsx",children:`<ContextMenu
  x={10}
  y={11}
  onClose={() => {}}
  items={[{ label: 'Test', items: [{ label: 'First' }, { label: 'Second' }] }]}
/>
`})}),`
`,(0,e.jsx)(_.h4,{id:"uncontrolled-component",children:"Uncontrolled component"}),`
`,(0,e.jsx)(_.pre,{children:(0,e.jsx)(_.code,{className:"language-jsx",children:`<WithContextMenu getContextMenuItems={() => [{ label: 'Test', items: [{ label: 'First' }, { label: 'Second' }] }]}>
  {({ openMenu }) => <IconButton name="info-circle" onClick={openMenu} />}
</WithContextMenu>
`})}),`
`,(0,e.jsx)(_.h3,{id:"props-of-contextmenu",children:"Props of ContextMenu"}),`
`,(0,e.jsx)(o.ov,{of:i.t}),`
`,(0,e.jsx)(_.h3,{id:"props-of-withcontextmenu",children:"Props of WithContextMenu"}),`
`,(0,e.jsx)(o.ov,{of:l.n})]})}function E(O={}){const{wrapper:_}=Object.assign({},(0,n.RP)(),O.components);return _?(0,e.jsx)(_,Object.assign({},O,{children:(0,e.jsx)(p,O)})):p(O)}var b=E,w=t("./src/components/Menu/MenuGroup.tsx"),x=t("./src/components/Menu/MenuItem.tsx");const M=[{label:"Test",items:[{label:"First",ariaLabel:"First"},{label:"Second",ariaLabel:"Second"},{label:"Third",ariaLabel:"Third"},{label:"Fourth",ariaLabel:"Fourth"},{label:"Fifth",ariaLabel:"Fifth"}]}],R=()=>M.map((O,_)=>d.createElement(w.r,{key:`${O.label}${_}`,label:O.label},O.items.map(S=>d.createElement(x.D,{key:S.label,label:S.label}))));var y=Object.defineProperty,v=Object.defineProperties,r=Object.getOwnPropertyDescriptors,c=Object.getOwnPropertySymbols,g=Object.prototype.hasOwnProperty,P=Object.prototype.propertyIsEnumerable,u=(O,_,S)=>_ in O?y(O,_,{enumerable:!0,configurable:!0,writable:!0,value:S}):O[_]=S,s=(O,_)=>{for(var S in _||(_={}))g.call(_,S)&&u(O,S,_[S]);if(c)for(var S of c(_))P.call(_,S)&&u(O,S,_[S]);return O},f=(O,_)=>v(O,r(_)),C,D,j,k,W,I;const L={title:"General/ContextMenu",component:i.t,parameters:{docs:{page:b},controls:{exclude:["renderMenuItems","renderHeader","onClose","children"]}},args:{x:200,y:300,focusOnOpen:!0,renderMenuItems:R}},K=()=>d.createElement("h6",null,"Menu"),A=O=>d.createElement(i.t,f(s({},O),{onClose:()=>(0,a.XI)("onClose")("closed menu"),renderHeader:K})),B=O=>d.createElement(l.n,s({},O),({openMenu:_})=>d.createElement(h.K,{name:"info-circle",onClick:_,tooltip:"More information"}));var U=L;A.parameters=f(s({},A.parameters),{docs:f(s({},(C=A.parameters)==null?void 0:C.docs),{source:s({originalSource:`(args: ContextMenuProps) => {
  return <ContextMenu {...args} onClose={() => action('onClose')('closed menu')} renderHeader={renderHeader} />;
}`},(j=(D=A.parameters)==null?void 0:D.docs)==null?void 0:j.source)})}),B.parameters=f(s({},B.parameters),{docs:f(s({},(k=B.parameters)==null?void 0:k.docs),{source:s({originalSource:`(args: WithContextMenuProps) => {
  return <WithContextMenu {...args}>
      {({
      openMenu
    }) => <IconButton name="info-circle" onClick={openMenu} tooltip="More information" />}
    </WithContextMenu>;
}`},(I=(W=B.parameters)==null?void 0:W.docs)==null?void 0:I.source)})})},"../grafana-data/src/types/icon.ts":function(T,m,t){t.d(m,{Uo:function(){return h},az:function(){return a},n6:function(){return d}});const a={google:!0,microsoft:!0,github:!0,gitlab:!0,okta:!0,discord:!0,hipchat:!0,amazon:!0,"google-hangouts-alt":!0,pagerduty:!0,line:!0,anchor:!0,"adjust-circle":!0,"angle-double-down":!0,"angle-double-right":!0,"angle-double-up":!0,"angle-down":!0,"angle-left":!0,"angle-right":!0,"angle-up":!0,"align-left":!0,"align-right":!0,"application-observability":!0,apps:!0,"archive-alt":!0,arrow:!0,"arrow-down":!0,"arrow-from-right":!0,"arrow-left":!0,"arrow-random":!0,"arrow-right":!0,"arrow-to-right":!0,"arrow-up":!0,"arrows-h":!0,"arrows-v":!0,asserts:!0,"expand-arrows":!0,at:!0,ai:!0,backward:!0,bars:!0,bell:!0,"bell-slash":!0,bolt:!0,book:!0,bookmark:!0,"book-open":!0,"brackets-curly":!0,bug:!0,building:!0,"calculator-alt":!0,"calendar-alt":!0,"calendar-slash":!0,camera:!0,capture:!0,"channel-add":!0,"chart-line":!0,check:!0,"check-circle":!0,"check-square":!0,circle:!0,"circle-mono":!0,"clipboard-alt":!0,"clock-nine":!0,cloud:!0,"cloud-download":!0,"cloud-upload":!0,"code-branch":!0,cog:!0,columns:!0,"comment-alt":!0,"comment-alt-message":!0,"comment-alt-share":!0,"comments-alt":!0,compass:!0,copy:!0,"corner-down-right-alt":!0,"create-dashboard":!0,"credit-card":!0,crosshair:!0,cube:!0,dashboard:!0,database:!0,"dice-three":!0,docker:!0,"document-info":!0,"download-alt":!0,draggabledots:!0,edit:!0,"ellipsis-v":!0,envelope:!0,"exchange-alt":!0,"exclamation-triangle":!0,"exclamation-circle":!0,"external-link-alt":!0,eye:!0,"eye-slash":!0,"ellipsis-h":!0,"fa fa-spinner":!0,favorite:!0,"file-alt":!0,"file-blank":!0,"file-copy-alt":!0,"file-download":!0,"file-edit-alt":!0,"file-landscape-alt":!0,filter:!0,flip:!0,folder:!0,font:!0,fire:!0,"folder-open":!0,"folder-plus":!0,"folder-upload":!0,forward:!0,"frontend-observability":!0,"gf-bar-alignment-after":!0,"gf-bar-alignment-before":!0,"gf-bar-alignment-center":!0,"gf-glue":!0,"gf-grid":!0,"gf-interpolation-linear":!0,"gf-interpolation-smooth":!0,"gf-interpolation-step-after":!0,"gf-interpolation-step-before":!0,"gf-landscape":!0,"gf-layout-simple":!0,"gf-logs":!0,"gf-ml":!0,"gf-movepane-left":!0,"gf-movepane-right":!0,"gf-portrait":!0,"gf-service-account":!0,"gf-show-context":!0,"gf-pin":!0,"gf-prometheus":!0,"gf-traces":!0,globe:!0,grafana:!0,"graph-bar":!0,heart:!0,"heart-rate":!0,"heart-break":!0,history:!0,"history-alt":!0,home:!0,"home-alt":!0,"horizontal-align-center":!0,"horizontal-align-left":!0,"horizontal-align-right":!0,hourglass:!0,import:!0,info:!0,"info-circle":!0,k6:!0,"key-skeleton-alt":!0,keyboard:!0,"layer-group":!0,"layers-alt":!0,"library-panel":!0,"line-alt":!0,link:!0,"list-ui-alt":!0,"list-ul":!0,"list-ol":!0,lock:!0,"map-marker":!0,"map-marker-plus":!0,"map-marker-minus":!0,message:!0,minus:!0,"minus-circle":!0,"mobile-android":!0,monitor:!0,palette:!0,"panel-add":!0,"pathfinder-unite":!0,pause:!0,pen:!0,percentage:!0,play:!0,plug:!0,plus:!0,"plus-circle":!0,"plus-square":!0,power:!0,"presentation-play":!0,process:!0,"question-circle":!0,"record-audio":!0,repeat:!0,rocket:!0,"ruler-combined":!0,save:!0,search:!0,"search-minus":!0,"search-plus":!0,"share-alt":!0,shield:!0,"shield-exclamation":!0,signal:!0,signin:!0,signout:!0,sitemap:!0,slack:!0,"sliders-v-alt":!0,spinner:!0,"sort-amount-down":!0,"sort-amount-up":!0,"square-shape":!0,star:!0,"step-backward":!0,stopwatch:!0,"stopwatch-slash":!0,sync:!0,"sync-slash":!0,table:!0,"tag-alt":!0,"telegram-alt":!0,"text-fields":!0,"thumbs-up":!0,times:!0,"times-circle":!0,"toggle-on":!0,"toggle-off":!0,"trash-alt":!0,unarchive:!0,unlock:!0,upload:!0,user:!0,"users-alt":!0,"user-arrows":!0,"vertical-align-bottom":!0,"vertical-align-center":!0,"vertical-align-top":!0,"web-section-alt":!0,"wrap-text":!0,rss:!0,x:!0};function d(i){return!i||typeof i!="string"?!1:i in a}function h(i){if(d(i))return i}},"../grafana-data/src/utils/deprecationWarning.ts":function(T,m,t){t.d(m,{l:function(){return d}});const a={},d=(h,i,e)=>{let n=`[Deprecation warning] ${h}: ${i} is deprecated`;e&&(n+=`. Use ${e} instead`);const o=Date.now(),l=a[n];(!l||o-l>1e4)&&(console.warn(n),a[n]=o)}},"./src/components/ContextMenu/ContextMenu.tsx":function(T,m,t){t.d(m,{t:function(){return n}});var a=t("../../node_modules/react/index.js"),d=t("../../node_modules/react-use/esm/useClickAway.js"),h=t("../grafana-e2e-selectors/src/selectors/index.ts"),i=t("./src/components/Menu/Menu.tsx"),e=t("./src/components/Portal/Portal.tsx");const n=a.memo(({x:o,y:l,onClose:p,focusOnOpen:E=!0,renderMenuItems:b,renderHeader:w})=>{const x=(0,a.useRef)(null),[M,R]=(0,a.useState)({});(0,a.useLayoutEffect)(()=>{const g=x.current;if(g){const P=g.getBoundingClientRect(),u=5,s={right:window.innerWidth<o+P.width,bottom:window.innerHeight<l+P.height+u};R({position:"fixed",left:s.right?o-P.width-u:o-u,top:Math.max(0,s.bottom?l-P.height-u:l+u)})}},[o,l]),(0,d.A)(x,()=>{p?.()});const y=w?.(),v=b?.(),r=g=>{E&&g(0)},c=g=>{g.key==="Escape"&&(g.preventDefault(),g.stopPropagation(),p?.())};return a.createElement(e.ZL,null,a.createElement(i.W,{header:y,ref:x,style:M,ariaLabel:h.Tp.components.Menu.MenuComponent("Context"),onOpen:r,onClick:p,onKeyDown:c},v))});n.displayName="ContextMenu";try{n.displayName="ContextMenu",n.__docgenInfo={description:"",displayName:"ContextMenu",props:{x:{defaultValue:null,description:"Starting horizontal position for the menu",name:"x",required:!0,type:{name:"number"}},y:{defaultValue:null,description:"Starting vertical position for the menu",name:"y",required:!0,type:{name:"number"}},onClose:{defaultValue:null,description:"Callback for closing the menu",name:"onClose",required:!1,type:{name:"(() => void)"}},focusOnOpen:{defaultValue:null,description:"On menu open focus the first element",name:"focusOnOpen",required:!1,type:{name:"boolean"}},renderMenuItems:{defaultValue:null,description:"RenderProp function that returns menu items to display",name:"renderMenuItems",required:!1,type:{name:"(() => ReactNode)"}},renderHeader:{defaultValue:null,description:"A function that returns header element",name:"renderHeader",required:!1,type:{name:"(() => ReactNode)"}}}},typeof STORYBOOK_REACT_CLASSES<"u"&&(STORYBOOK_REACT_CLASSES["src/components/ContextMenu/ContextMenu.tsx#ContextMenu"]={docgenInfo:n.__docgenInfo,name:"ContextMenu",path:"src/components/ContextMenu/ContextMenu.tsx#ContextMenu"})}catch{}},"./src/components/ContextMenu/WithContextMenu.tsx":function(T,m,t){t.d(m,{n:function(){return h}});var a=t("../../node_modules/react/index.js"),d=t("./src/components/ContextMenu/ContextMenu.tsx");const h=({children:i,renderMenuItems:e,focusOnOpen:n=!0})=>{const[o,l]=(0,a.useState)(!1),[p,E]=(0,a.useState)({x:0,y:0});return a.createElement(a.Fragment,null,i({openMenu:b=>{l(!0),E({x:b.pageX,y:b.pageY})}}),o&&a.createElement(d.t,{onClose:()=>l(!1),x:p.x,y:p.y,renderMenuItems:e,focusOnOpen:n}))};try{h.displayName="WithContextMenu",h.__docgenInfo={description:"",displayName:"WithContextMenu",props:{children:{defaultValue:null,description:"Menu item trigger that accepts openMenu prop",name:"children",required:!0,type:{name:"(props: { openMenu: MouseEventHandler<HTMLElement>; }) => Element"}},renderMenuItems:{defaultValue:null,description:"A function that returns an array of menu items",name:"renderMenuItems",required:!0,type:{name:"() => ReactNode"}},focusOnOpen:{defaultValue:{value:"true"},description:"On menu open focus the first element",name:"focusOnOpen",required:!1,type:{name:"boolean"}}}},typeof STORYBOOK_REACT_CLASSES<"u"&&(STORYBOOK_REACT_CLASSES["src/components/ContextMenu/WithContextMenu.tsx#WithContextMenu"]={docgenInfo:h.__docgenInfo,name:"WithContextMenu",path:"src/components/ContextMenu/WithContextMenu.tsx#WithContextMenu"})}catch{}},"./src/components/Icon/Icon.tsx":function(T,m,t){t.d(m,{I:function(){return R}});var a=t("../../node_modules/@emotion/css/dist/emotion-css.esm.js"),d=t("../../node_modules/react/index.js"),h=t("../../node_modules/react-inlinesvg/esm/index.js"),i=t("../grafana-data/src/types/icon.ts"),e=t("./src/themes/ThemeContext.tsx"),n=t("./src/components/Icon/utils.ts"),o=Object.defineProperty,l=Object.getOwnPropertySymbols,p=Object.prototype.hasOwnProperty,E=Object.prototype.propertyIsEnumerable,b=(y,v,r)=>v in y?o(y,v,{enumerable:!0,configurable:!0,writable:!0,value:r}):y[v]=r,w=(y,v)=>{for(var r in v||(v={}))p.call(v,r)&&b(y,r,v[r]);if(l)for(var r of l(v))E.call(v,r)&&b(y,r,v[r]);return y},x=(y,v)=>{var r={};for(var c in y)p.call(y,c)&&v.indexOf(c)<0&&(r[c]=y[c]);if(y!=null&&l)for(var c of l(y))v.indexOf(c)<0&&E.call(y,c)&&(r[c]=y[c]);return r};const M=y=>({icon:(0,a.AH)({display:"inline-block",fill:"currentColor",flexShrink:0,label:"Icon",lineHeight:0,verticalAlign:"middle"}),orange:(0,a.AH)({fill:y.v1.palette.orange})}),R=d.forwardRef((y,v)=>{var r=y,{size:c="md",type:g="default",name:P,className:u,style:s,title:f=""}=r,C=x(r,["size","type","name","className","style","title"]);const D=(0,e.of)(M);(0,i.n6)(P)||console.warn("Icon component passed an invalid icon name",P);const j=P==="fa fa-spinner"?"spinner":P,k=(0,n.Wj)(),W=(0,n.cs)(c),I=W,L=P.startsWith("gf-bar-align")?16:P.startsWith("gf-interp")?30:W,K=(0,n.Xi)(j,g),A=`${k}${K}/${j}.svg`,B=(0,a.cx)(D.icon,u,g==="mono"?{[D.orange]:P==="favorite"}:"",j==="spinner"&&"fa-spin");return d.createElement(h.A,w({innerRef:v,src:A,width:L,height:I,title:f,className:B,style:s},C))});R.displayName="Icon";try{R.displayName="Icon",R.__docgenInfo={description:"",displayName:"Icon",props:{name:{defaultValue:null,description:"",name:"name",required:!0,type:{name:"enum",value:[{value:'"play"'},{value:'"google"'},{value:'"microsoft"'},{value:'"github"'},{value:'"gitlab"'},{value:'"okta"'},{value:'"discord"'},{value:'"hipchat"'},{value:'"amazon"'},{value:'"google-hangouts-alt"'},{value:'"pagerduty"'},{value:'"line"'},{value:'"anchor"'},{value:'"adjust-circle"'},{value:'"angle-double-down"'},{value:'"angle-double-right"'},{value:'"angle-double-up"'},{value:'"angle-down"'},{value:'"angle-left"'},{value:'"angle-right"'},{value:'"angle-up"'},{value:'"align-left"'},{value:'"align-right"'},{value:'"application-observability"'},{value:'"apps"'},{value:'"archive-alt"'},{value:'"arrow"'},{value:'"arrow-down"'},{value:'"arrow-from-right"'},{value:'"arrow-left"'},{value:'"arrow-random"'},{value:'"arrow-right"'},{value:'"arrow-to-right"'},{value:'"arrow-up"'},{value:'"arrows-h"'},{value:'"arrows-v"'},{value:'"asserts"'},{value:'"expand-arrows"'},{value:'"at"'},{value:'"ai"'},{value:'"backward"'},{value:'"bars"'},{value:'"bell"'},{value:'"bell-slash"'},{value:'"bolt"'},{value:'"book"'},{value:'"bookmark"'},{value:'"book-open"'},{value:'"brackets-curly"'},{value:'"bug"'},{value:'"building"'},{value:'"calculator-alt"'},{value:'"calendar-alt"'},{value:'"calendar-slash"'},{value:'"camera"'},{value:'"capture"'},{value:'"channel-add"'},{value:'"chart-line"'},{value:'"check"'},{value:'"check-circle"'},{value:'"check-square"'},{value:'"circle"'},{value:'"circle-mono"'},{value:'"clipboard-alt"'},{value:'"clock-nine"'},{value:'"cloud"'},{value:'"cloud-download"'},{value:'"cloud-upload"'},{value:'"code-branch"'},{value:'"cog"'},{value:'"columns"'},{value:'"comment-alt"'},{value:'"comment-alt-message"'},{value:'"comment-alt-share"'},{value:'"comments-alt"'},{value:'"compass"'},{value:'"copy"'},{value:'"corner-down-right-alt"'},{value:'"create-dashboard"'},{value:'"credit-card"'},{value:'"crosshair"'},{value:'"cube"'},{value:'"dashboard"'},{value:'"database"'},{value:'"dice-three"'},{value:'"docker"'},{value:'"document-info"'},{value:'"download-alt"'},{value:'"draggabledots"'},{value:'"edit"'},{value:'"ellipsis-v"'},{value:'"envelope"'},{value:'"exchange-alt"'},{value:'"exclamation-triangle"'},{value:'"exclamation-circle"'},{value:'"external-link-alt"'},{value:'"eye"'},{value:'"eye-slash"'},{value:'"ellipsis-h"'},{value:'"fa fa-spinner"'},{value:'"favorite"'},{value:'"file-alt"'},{value:'"file-blank"'},{value:'"file-copy-alt"'},{value:'"file-download"'},{value:'"file-edit-alt"'},{value:'"file-landscape-alt"'},{value:'"filter"'},{value:'"flip"'},{value:'"folder"'},{value:'"font"'},{value:'"fire"'},{value:'"folder-open"'},{value:'"folder-plus"'},{value:'"folder-upload"'},{value:'"forward"'},{value:'"frontend-observability"'},{value:'"gf-bar-alignment-after"'},{value:'"gf-bar-alignment-before"'},{value:'"gf-bar-alignment-center"'},{value:'"gf-glue"'},{value:'"gf-grid"'},{value:'"gf-interpolation-linear"'},{value:'"gf-interpolation-smooth"'},{value:'"gf-interpolation-step-after"'},{value:'"gf-interpolation-step-before"'},{value:'"gf-landscape"'},{value:'"gf-layout-simple"'},{value:'"gf-logs"'},{value:'"gf-ml"'},{value:'"gf-movepane-left"'},{value:'"gf-movepane-right"'},{value:'"gf-portrait"'},{value:'"gf-service-account"'},{value:'"gf-show-context"'},{value:'"gf-pin"'},{value:'"gf-prometheus"'},{value:'"gf-traces"'},{value:'"globe"'},{value:'"grafana"'},{value:'"graph-bar"'},{value:'"heart"'},{value:'"heart-rate"'},{value:'"heart-break"'},{value:'"history"'},{value:'"history-alt"'},{value:'"home"'},{value:'"home-alt"'},{value:'"horizontal-align-center"'},{value:'"horizontal-align-left"'},{value:'"horizontal-align-right"'},{value:'"hourglass"'},{value:'"import"'},{value:'"info"'},{value:'"info-circle"'},{value:'"k6"'},{value:'"key-skeleton-alt"'},{value:'"keyboard"'},{value:'"layer-group"'},{value:'"layers-alt"'},{value:'"library-panel"'},{value:'"line-alt"'},{value:'"link"'},{value:'"list-ui-alt"'},{value:'"list-ul"'},{value:'"list-ol"'},{value:'"lock"'},{value:'"map-marker"'},{value:'"map-marker-plus"'},{value:'"map-marker-minus"'},{value:'"message"'},{value:'"minus"'},{value:'"minus-circle"'},{value:'"mobile-android"'},{value:'"monitor"'},{value:'"palette"'},{value:'"panel-add"'},{value:'"pathfinder-unite"'},{value:'"pause"'},{value:'"pen"'},{value:'"percentage"'},{value:'"plug"'},{value:'"plus"'},{value:'"plus-circle"'},{value:'"plus-square"'},{value:'"power"'},{value:'"presentation-play"'},{value:'"process"'},{value:'"question-circle"'},{value:'"record-audio"'},{value:'"repeat"'},{value:'"rocket"'},{value:'"ruler-combined"'},{value:'"save"'},{value:'"search"'},{value:'"search-minus"'},{value:'"search-plus"'},{value:'"share-alt"'},{value:'"shield"'},{value:'"shield-exclamation"'},{value:'"signal"'},{value:'"signin"'},{value:'"signout"'},{value:'"sitemap"'},{value:'"slack"'},{value:'"sliders-v-alt"'},{value:'"spinner"'},{value:'"sort-amount-down"'},{value:'"sort-amount-up"'},{value:'"square-shape"'},{value:'"star"'},{value:'"step-backward"'},{value:'"stopwatch"'},{value:'"stopwatch-slash"'},{value:'"sync"'},{value:'"sync-slash"'},{value:'"table"'},{value:'"tag-alt"'},{value:'"telegram-alt"'},{value:'"text-fields"'},{value:'"thumbs-up"'},{value:'"times"'},{value:'"times-circle"'},{value:'"toggle-on"'},{value:'"toggle-off"'},{value:'"trash-alt"'},{value:'"unarchive"'},{value:'"unlock"'},{value:'"upload"'},{value:'"user"'},{value:'"users-alt"'},{value:'"user-arrows"'},{value:'"vertical-align-bottom"'},{value:'"vertical-align-center"'},{value:'"vertical-align-top"'},{value:'"web-section-alt"'},{value:'"wrap-text"'},{value:'"rss"'},{value:'"x"'}]}},size:{defaultValue:{value:"md"},description:"",name:"size",required:!1,type:{name:"enum",value:[{value:'"xs"'},{value:'"sm"'},{value:'"md"'},{value:'"lg"'},{value:'"xl"'},{value:'"xxl"'},{value:'"xxxl"'}]}},type:{defaultValue:{value:"default"},description:"",name:"type",required:!1,type:{name:"enum",value:[{value:'"solid"'},{value:'"default"'},{value:'"mono"'}]}},title:{defaultValue:{value:""},description:"",name:"title",required:!1,type:{name:"string"}}}},typeof STORYBOOK_REACT_CLASSES<"u"&&(STORYBOOK_REACT_CLASSES["src/components/Icon/Icon.tsx#Icon"]={docgenInfo:R.__docgenInfo,name:"Icon",path:"src/components/Icon/Icon.tsx#Icon"})}catch{}},"./src/components/Icon/utils.ts":function(T,m,t){t.d(m,{Wj:function(){return e},Xi:function(){return d},cs:function(){return h}});const a=["grafana","favorite","heart-break","heart","panel-add","library-panel","circle-mono"];function d(n,o){return n?.startsWith("gf-")?"custom":a.includes(n)?"mono":o==="default"?"unicons":o==="solid"?"solid":"mono"}function h(n){switch(n){case"xs":return 12;case"sm":return 14;case"md":return 16;case"lg":return 18;case"xl":return 24;case"xxl":return 36;case"xxxl":return 48}}let i;function e(){if(i)return i;const n=typeof window<"u"&&window.__grafana_public_path__;return n?i=n+"img/icons/":i="public/img/icons/",i}},"./src/components/IconButton/IconButton.tsx":function(T,m,t){t.d(m,{K:function(){return g}});var a=t("../../node_modules/@emotion/css/dist/emotion-css.esm.js"),d=t("../../node_modules/react/index.js"),h=t("../grafana-data/src/utils/deprecationWarning.ts"),i=t("../grafana-data/src/themes/colorManipulator.ts"),e=t("./src/themes/ThemeContext.tsx"),n=t("./src/themes/mixins.ts"),o=t("./src/components/Icon/Icon.tsx"),l=t("./src/components/Icon/utils.ts"),p=t("./src/components/Tooltip/Tooltip.tsx"),E=Object.defineProperty,b=Object.defineProperties,w=Object.getOwnPropertyDescriptors,x=Object.getOwnPropertySymbols,M=Object.prototype.hasOwnProperty,R=Object.prototype.propertyIsEnumerable,y=(u,s,f)=>s in u?E(u,s,{enumerable:!0,configurable:!0,writable:!0,value:f}):u[s]=f,v=(u,s)=>{for(var f in s||(s={}))M.call(s,f)&&y(u,f,s[f]);if(x)for(var f of x(s))R.call(s,f)&&y(u,f,s[f]);return u},r=(u,s)=>b(u,w(s)),c=(u,s)=>{var f={};for(var C in u)M.call(u,C)&&s.indexOf(C)<0&&(f[C]=u[C]);if(u!=null&&x)for(var C of x(u))s.indexOf(C)<0&&R.call(u,C)&&(f[C]=u[C]);return f};const g=d.forwardRef((u,s)=>{const{size:f="md",variant:C="secondary"}=u;let D;f==="xxl"||f==="xxxl"?((0,h.l)("IconButton",'size="xxl" and size="xxxl"','size="xl"'),D="xl"):D=f;const j=(0,e.of)(P,D,C);let k,W;if("tooltip"in u){const{tooltip:I}=u;k=typeof I=="string"?I:void 0}else if("ariaLabel"in u||"aria-label"in u){const{ariaLabel:I,["aria-label"]:L}=u;k=L||I,W=s}if("tooltip"in u){const I=u,{name:L,iconType:K,className:A,tooltip:B,tooltipPlacement:U}=I,O=c(I,["name","iconType","className","tooltip","tooltipPlacement"]);return d.createElement(p.m,{ref:s,content:B,placement:U},d.createElement("button",r(v({},O),{ref:W,"aria-label":k,className:(0,a.cx)(j.button,A),type:"button"}),d.createElement(o.I,{name:L,size:D,className:j.icon,type:K})))}else{const I=u,{name:L,iconType:K,className:A}=I,B=c(I,["name","iconType","className"]);return d.createElement("button",r(v({},B),{ref:W,"aria-label":k,className:(0,a.cx)(j.button,A),type:"button"}),d.createElement(o.I,{name:L,size:D,className:j.icon,type:K}))}});g.displayName="IconButton";const P=(u,s,f)=>{const C=(0,l.cs)(s)+u.spacing.gridSize;let D=u.colors.text.primary;return f==="primary"?D=u.colors.primary.text:f==="destructive"&&(D=u.colors.error.text),{button:(0,a.AH)({zIndex:0,position:"relative",margin:`0 ${u.spacing.x0_5} 0 0`,boxShadow:"none",border:"none",display:"inline-flex",background:"transparent",justifyContent:"center",alignItems:"center",padding:0,color:D,"&[disabled], &:disabled":{cursor:"not-allowed",color:u.colors.action.disabledText,opacity:.65},"&:before":{zIndex:-1,position:"absolute",opacity:0,width:`${C}px`,height:`${C}px`,borderRadius:u.shape.radius.default,content:'""',transitionDuration:"0.2s",transitionTimingFunction:"cubic-bezier(0.4, 0, 0.2, 1)",transitionProperty:"opacity"},"&:focus, &:focus-visible":(0,n.Hi)(u),"&:focus:not(:focus-visible)":(0,n.cr)(u),"&:hover":{"&:before":{backgroundColor:f==="secondary"?u.colors.action.hover:i.X4(D,.12),opacity:1}}}),icon:(0,a.AH)({verticalAlign:"baseline"})}};try{g.displayName="IconButton",g.__docgenInfo={description:"",displayName:"IconButton",props:{tooltip:{defaultValue:null,description:"Tooltip content to display on hover and as the aria-label",name:"tooltip",required:!0,type:{name:"PopoverContent"}},tooltipPlacement:{defaultValue:null,description:"Position of the tooltip",name:"tooltipPlacement",required:!1,type:{name:"enum",value:[{value:'"auto"'},{value:'"bottom"'},{value:'"top"'},{value:'"right"'},{value:'"left"'},{value:'"bottom-start"'},{value:'"bottom-end"'},{value:'"top-start"'},{value:'"top-end"'},{value:'"right-start"'},{value:'"right-end"'},{value:'"left-start"'},{value:'"left-end"'},{value:'"auto-start"'},{value:'"auto-end"'}]}},name:{defaultValue:null,description:"Name of the icon *",name:"name",required:!0,type:{name:"enum",value:[{value:'"play"'},{value:'"google"'},{value:'"microsoft"'},{value:'"github"'},{value:'"gitlab"'},{value:'"okta"'},{value:'"discord"'},{value:'"hipchat"'},{value:'"amazon"'},{value:'"google-hangouts-alt"'},{value:'"pagerduty"'},{value:'"line"'},{value:'"anchor"'},{value:'"adjust-circle"'},{value:'"angle-double-down"'},{value:'"angle-double-right"'},{value:'"angle-double-up"'},{value:'"angle-down"'},{value:'"angle-left"'},{value:'"angle-right"'},{value:'"angle-up"'},{value:'"align-left"'},{value:'"align-right"'},{value:'"application-observability"'},{value:'"apps"'},{value:'"archive-alt"'},{value:'"arrow"'},{value:'"arrow-down"'},{value:'"arrow-from-right"'},{value:'"arrow-left"'},{value:'"arrow-random"'},{value:'"arrow-right"'},{value:'"arrow-to-right"'},{value:'"arrow-up"'},{value:'"arrows-h"'},{value:'"arrows-v"'},{value:'"asserts"'},{value:'"expand-arrows"'},{value:'"at"'},{value:'"ai"'},{value:'"backward"'},{value:'"bars"'},{value:'"bell"'},{value:'"bell-slash"'},{value:'"bolt"'},{value:'"book"'},{value:'"bookmark"'},{value:'"book-open"'},{value:'"brackets-curly"'},{value:'"bug"'},{value:'"building"'},{value:'"calculator-alt"'},{value:'"calendar-alt"'},{value:'"calendar-slash"'},{value:'"camera"'},{value:'"capture"'},{value:'"channel-add"'},{value:'"chart-line"'},{value:'"check"'},{value:'"check-circle"'},{value:'"check-square"'},{value:'"circle"'},{value:'"circle-mono"'},{value:'"clipboard-alt"'},{value:'"clock-nine"'},{value:'"cloud"'},{value:'"cloud-download"'},{value:'"cloud-upload"'},{value:'"code-branch"'},{value:'"cog"'},{value:'"columns"'},{value:'"comment-alt"'},{value:'"comment-alt-message"'},{value:'"comment-alt-share"'},{value:'"comments-alt"'},{value:'"compass"'},{value:'"copy"'},{value:'"corner-down-right-alt"'},{value:'"create-dashboard"'},{value:'"credit-card"'},{value:'"crosshair"'},{value:'"cube"'},{value:'"dashboard"'},{value:'"database"'},{value:'"dice-three"'},{value:'"docker"'},{value:'"document-info"'},{value:'"download-alt"'},{value:'"draggabledots"'},{value:'"edit"'},{value:'"ellipsis-v"'},{value:'"envelope"'},{value:'"exchange-alt"'},{value:'"exclamation-triangle"'},{value:'"exclamation-circle"'},{value:'"external-link-alt"'},{value:'"eye"'},{value:'"eye-slash"'},{value:'"ellipsis-h"'},{value:'"fa fa-spinner"'},{value:'"favorite"'},{value:'"file-alt"'},{value:'"file-blank"'},{value:'"file-copy-alt"'},{value:'"file-download"'},{value:'"file-edit-alt"'},{value:'"file-landscape-alt"'},{value:'"filter"'},{value:'"flip"'},{value:'"folder"'},{value:'"font"'},{value:'"fire"'},{value:'"folder-open"'},{value:'"folder-plus"'},{value:'"folder-upload"'},{value:'"forward"'},{value:'"frontend-observability"'},{value:'"gf-bar-alignment-after"'},{value:'"gf-bar-alignment-before"'},{value:'"gf-bar-alignment-center"'},{value:'"gf-glue"'},{value:'"gf-grid"'},{value:'"gf-interpolation-linear"'},{value:'"gf-interpolation-smooth"'},{value:'"gf-interpolation-step-after"'},{value:'"gf-interpolation-step-before"'},{value:'"gf-landscape"'},{value:'"gf-layout-simple"'},{value:'"gf-logs"'},{value:'"gf-ml"'},{value:'"gf-movepane-left"'},{value:'"gf-movepane-right"'},{value:'"gf-portrait"'},{value:'"gf-service-account"'},{value:'"gf-show-context"'},{value:'"gf-pin"'},{value:'"gf-prometheus"'},{value:'"gf-traces"'},{value:'"globe"'},{value:'"grafana"'},{value:'"graph-bar"'},{value:'"heart"'},{value:'"heart-rate"'},{value:'"heart-break"'},{value:'"history"'},{value:'"history-alt"'},{value:'"home"'},{value:'"home-alt"'},{value:'"horizontal-align-center"'},{value:'"horizontal-align-left"'},{value:'"horizontal-align-right"'},{value:'"hourglass"'},{value:'"import"'},{value:'"info"'},{value:'"info-circle"'},{value:'"k6"'},{value:'"key-skeleton-alt"'},{value:'"keyboard"'},{value:'"layer-group"'},{value:'"layers-alt"'},{value:'"library-panel"'},{value:'"line-alt"'},{value:'"link"'},{value:'"list-ui-alt"'},{value:'"list-ul"'},{value:'"list-ol"'},{value:'"lock"'},{value:'"map-marker"'},{value:'"map-marker-plus"'},{value:'"map-marker-minus"'},{value:'"message"'},{value:'"minus"'},{value:'"minus-circle"'},{value:'"mobile-android"'},{value:'"monitor"'},{value:'"palette"'},{value:'"panel-add"'},{value:'"pathfinder-unite"'},{value:'"pause"'},{value:'"pen"'},{value:'"percentage"'},{value:'"plug"'},{value:'"plus"'},{value:'"plus-circle"'},{value:'"plus-square"'},{value:'"power"'},{value:'"presentation-play"'},{value:'"process"'},{value:'"question-circle"'},{value:'"record-audio"'},{value:'"repeat"'},{value:'"rocket"'},{value:'"ruler-combined"'},{value:'"save"'},{value:'"search"'},{value:'"search-minus"'},{value:'"search-plus"'},{value:'"share-alt"'},{value:'"shield"'},{value:'"shield-exclamation"'},{value:'"signal"'},{value:'"signin"'},{value:'"signout"'},{value:'"sitemap"'},{value:'"slack"'},{value:'"sliders-v-alt"'},{value:'"spinner"'},{value:'"sort-amount-down"'},{value:'"sort-amount-up"'},{value:'"square-shape"'},{value:'"star"'},{value:'"step-backward"'},{value:'"stopwatch"'},{value:'"stopwatch-slash"'},{value:'"sync"'},{value:'"sync-slash"'},{value:'"table"'},{value:'"tag-alt"'},{value:'"telegram-alt"'},{value:'"text-fields"'},{value:'"thumbs-up"'},{value:'"times"'},{value:'"times-circle"'},{value:'"toggle-on"'},{value:'"toggle-off"'},{value:'"trash-alt"'},{value:'"unarchive"'},{value:'"unlock"'},{value:'"upload"'},{value:'"user"'},{value:'"users-alt"'},{value:'"user-arrows"'},{value:'"vertical-align-bottom"'},{value:'"vertical-align-center"'},{value:'"vertical-align-top"'},{value:'"web-section-alt"'},{value:'"wrap-text"'},{value:'"rss"'},{value:'"x"'}]}},size:{defaultValue:null,description:"Icon size - sizes xxl and xxxl are deprecated and when used being decreased to xl",name:"size",required:!1,type:{name:"enum",value:[{value:'"xs"'},{value:'"sm"'},{value:'"md"'},{value:'"lg"'},{value:'"xl"'},{value:'"xxl"'},{value:'"xxxl"'}]}},iconType:{defaultValue:null,description:"Type of the icon - mono or default",name:"iconType",required:!1,type:{name:"enum",value:[{value:'"solid"'},{value:'"default"'},{value:'"mono"'}]}},variant:{defaultValue:null,description:"Variant to change the color of the Icon",name:"variant",required:!1,type:{name:"enum",value:[{value:'"primary"'},{value:'"secondary"'},{value:'"destructive"'}]}},ariaLabel:{defaultValue:null,description:"@deprecated use aria-label instead",name:"ariaLabel",required:!1,type:{name:"string"}},"aria-label":{defaultValue:null,description:"Text available only for screen readers. No tooltip will be set in this case.",name:"aria-label",required:!0,type:{name:"string"}}}},typeof STORYBOOK_REACT_CLASSES<"u"&&(STORYBOOK_REACT_CLASSES["src/components/IconButton/IconButton.tsx#IconButton"]={docgenInfo:g.__docgenInfo,name:"IconButton",path:"src/components/IconButton/IconButton.tsx#IconButton"})}catch{}},"./src/components/Portal/Portal.tsx":function(T,m,t){t.d(m,{ZL:function(){return x},gF:function(){return M}});var a=t("../../node_modules/react/index.js"),d=t("../../node_modules/react-dom/index.js"),h=t("./src/themes/ThemeContext.tsx"),i=Object.defineProperty,e=Object.defineProperties,n=Object.getOwnPropertyDescriptors,o=Object.getOwnPropertySymbols,l=Object.prototype.hasOwnProperty,p=Object.prototype.propertyIsEnumerable,E=(v,r,c)=>r in v?i(v,r,{enumerable:!0,configurable:!0,writable:!0,value:c}):v[r]=c,b=(v,r)=>{for(var c in r||(r={}))l.call(r,c)&&E(v,c,r[c]);if(o)for(var c of o(r))p.call(r,c)&&E(v,c,r[c]);return v},w=(v,r)=>e(v,n(r));function x(v){const{children:r,className:c,root:g,forwardedRef:P}=v,u=(0,h.$j)(),s=(0,a.useRef)(null),f=g??M();return s.current||(s.current=document.createElement("div"),c&&(s.current.className=c),s.current.style.position="relative",s.current.style.zIndex=`${u.zIndex.portal}`),(0,a.useLayoutEffect)(()=>(s.current&&f.appendChild(s.current),()=>{s.current&&f.removeChild(s.current)}),[f]),d.createPortal(a.createElement("div",{ref:P},r),s.current)}function M(){var v;return(v=window.document.getElementById("grafana-portal-container"))!=null?v:document.body}function R(){return React.createElement("div",{id:"grafana-portal-container"})}const y=a.forwardRef((v,r)=>a.createElement(x,w(b({},v),{forwardedRef:r})));y.displayName="RefForwardingPortal";try{x.displayName="RefForwardingPortal",x.__docgenInfo={description:"",displayName:"RefForwardingPortal",props:{className:{defaultValue:null,description:"",name:"className",required:!1,type:{name:"string"}},root:{defaultValue:null,description:"",name:"root",required:!1,type:{name:"HTMLElement"}},forwardedRef:{defaultValue:null,description:"",name:"forwardedRef",required:!1,type:{name:"ForwardedRef<HTMLDivElement>"}}}},typeof STORYBOOK_REACT_CLASSES<"u"&&(STORYBOOK_REACT_CLASSES["src/components/Portal/Portal.tsx#RefForwardingPortal"]={docgenInfo:y.__docgenInfo,name:"RefForwardingPortal",path:"src/components/Portal/Portal.tsx#RefForwardingPortal"})}catch{}},"./src/components/Tooltip/Tooltip.tsx":function(T,m,t){t.d(m,{m:function(){return y}});var a=t("../../node_modules/@floating-ui/core/dist/floating-ui.core.mjs"),d=t("../../node_modules/@floating-ui/dom/dist/floating-ui.dom.mjs"),h=t("../../node_modules/@floating-ui/react-dom/dist/floating-ui.react-dom.mjs"),i=t("../../node_modules/@floating-ui/react/dist/floating-ui.react.mjs"),e=t("../../node_modules/react/index.js"),n=t("../grafana-e2e-selectors/src/selectors/index.ts"),o=t("./src/themes/ThemeContext.tsx"),l=t("./src/utils/tooltipUtils.ts"),p=t("./src/components/Portal/Portal.tsx"),E=Object.defineProperty,b=Object.getOwnPropertySymbols,w=Object.prototype.hasOwnProperty,x=Object.prototype.propertyIsEnumerable,M=(r,c,g)=>c in r?E(r,c,{enumerable:!0,configurable:!0,writable:!0,value:g}):r[c]=g,R=(r,c)=>{for(var g in c||(c={}))w.call(c,g)&&M(r,g,c[g]);if(b)for(var g of b(c))x.call(c,g)&&M(r,g,c[g]);return r};const y=e.forwardRef(({children:r,theme:c,interactive:g,show:P,placement:u,content:s},f)=>{const C=(0,e.useRef)(null),[D,j]=(0,e.useState)(P),k=P??D,W=[(0,a.cY)(8),(0,d.UU)({fallbackAxisSideDirection:"end",crossAxis:!1,boundary:document.body}),(0,d.BN)(),(0,h.UE)({element:C})],{context:I,refs:L,floatingStyles:K}=(0,i.we)({open:k,placement:(0,l.O)(u),onOpenChange:j,middleware:W,whileElementsMounted:d.ll}),A=(0,e.useId)(),B=(0,i.Mk)(I,{delay:{close:g?100:0},move:!1}),U=(0,i.iQ)(I),O=(0,i.s9)(I),{getReferenceProps:_,getFloatingProps:S}=(0,i.bv)([O,B,U]),V=typeof s=="function",z=(0,o.of)(v)[c??"info"],F=(0,e.useCallback)(N=>{L.setReference(N),typeof f=="function"?f(N):f&&(f.current=N)},[f,L]),H="aria-label"in r.props&&r.props["aria-label"]===s;return e.createElement(e.Fragment,null,e.cloneElement(r,R({ref:F,tabIndex:0,"aria-describedby":!H&&k?A:void 0},_())),k&&e.createElement(p.ZL,null,e.createElement("div",R({ref:L.setFloating,style:K},S()),e.createElement(i.ie,{className:z.arrow,ref:C,context:I}),e.createElement("div",{"data-testid":n.Tp.components.Tooltip.container,id:A,role:"tooltip",className:z.container},typeof s=="string"&&s,e.isValidElement(s)&&e.cloneElement(s),V&&s({})))))});y.displayName="Tooltip";const v=r=>{const c=(0,l.f)(r,r.components.tooltip.background,r.components.tooltip.background,r.components.tooltip.text,{topBottom:.5,rightLeft:1}),g=(0,l.f)(r,r.colors.error.main,r.colors.error.main,r.colors.error.contrastText,{topBottom:.5,rightLeft:1});return{info:c,["info-alt"]:c,error:g}};try{y.displayName="Tooltip",y.__docgenInfo={description:"",displayName:"Tooltip",props:{theme:{defaultValue:null,description:"",name:"theme",required:!1,type:{name:"enum",value:[{value:'"info"'},{value:'"error"'},{value:'"info-alt"'}]}},show:{defaultValue:null,description:"",name:"show",required:!1,type:{name:"boolean"}},placement:{defaultValue:null,description:"",name:"placement",required:!1,type:{name:"enum",value:[{value:'"auto"'},{value:'"bottom"'},{value:'"top"'},{value:'"right"'},{value:'"left"'},{value:'"bottom-start"'},{value:'"bottom-end"'},{value:'"top-start"'},{value:'"top-end"'},{value:'"right-start"'},{value:'"right-end"'},{value:'"left-start"'},{value:'"left-end"'},{value:'"auto-start"'},{value:'"auto-end"'}]}},content:{defaultValue:null,description:"",name:"content",required:!0,type:{name:"PopoverContent"}},interactive:{defaultValue:null,description:"Set to true if you want the tooltip to stay long enough so the user can move mouse over content to select text or click a link",name:"interactive",required:!1,type:{name:"boolean"}}}},typeof STORYBOOK_REACT_CLASSES<"u"&&(STORYBOOK_REACT_CLASSES["src/components/Tooltip/Tooltip.tsx#Tooltip"]={docgenInfo:y.__docgenInfo,name:"Tooltip",path:"src/components/Tooltip/Tooltip.tsx#Tooltip"})}catch{}},"./src/utils/tooltipUtils.ts":function(T,m,t){t.d(m,{O:function(){return h},f:function(){return i}});var a=t("../../node_modules/@emotion/css/dist/emotion-css.esm.js"),d=t("../grafana-data/src/themes/colorManipulator.ts");function h(e){switch(e){case"auto":return"bottom";case"auto-start":return"bottom-start";case"auto-end":return"bottom-end";default:return e??"bottom"}}function i(e,n,o,l,p){return{arrow:(0,a.AH)({fill:n}),container:(0,a.AH)({backgroundColor:n,borderRadius:e.shape.radius.default,border:`1px solid ${o}`,boxShadow:e.shadows.z2,color:l,fontSize:e.typography.bodySmall.fontSize,padding:e.spacing(p.topBottom,p.rightLeft),transition:"opacity 0.3s",zIndex:e.zIndex.tooltip,maxWidth:"400px",overflowWrap:"break-word","&[data-popper-interactive='false']":{pointerEvents:"none"},code:{border:"none",display:"inline",background:d.e$(n,.1),color:l,whiteSpace:"normal"},pre:{background:d.e$(n,.1),color:l},a:{color:l,textDecoration:"underline"},"a:hover":{textDecoration:"none"}}),headerClose:(0,a.AH)({color:e.colors.text.secondary,position:"absolute",right:e.spacing(1),top:e.spacing(1.5),backgroundColor:"transparent",border:0}),header:(0,a.AH)({paddingTop:e.spacing(1),paddingBottom:e.spacing(2)}),body:(0,a.AH)({paddingTop:e.spacing(1),paddingBottom:e.spacing(1)}),footer:(0,a.AH)({paddingTop:e.spacing(2),paddingBottom:e.spacing(1)})}}},"../../node_modules/react-use/esm/misc/util.js":function(T,m,t){t.d(m,{AU:function(){return h},Bd:function(){return i},lQ:function(){return a},on:function(){return d}});var a=function(){};function d(n){for(var o=[],l=1;l<arguments.length;l++)o[l-1]=arguments[l];n&&n.addEventListener&&n.addEventListener.apply(n,o)}function h(n){for(var o=[],l=1;l<arguments.length;l++)o[l-1]=arguments[l];n&&n.removeEventListener&&n.removeEventListener.apply(n,o)}var i=typeof window<"u",e=typeof navigator<"u"},"../../node_modules/react-use/esm/useClickAway.js":function(T,m,t){var a=t("../../node_modules/react/index.js"),d=t("../../node_modules/react-use/esm/misc/util.js"),h=["mousedown","touchstart"],i=function(e,n,o){o===void 0&&(o=h);var l=(0,a.useRef)(n);(0,a.useEffect)(function(){l.current=n},[n]),(0,a.useEffect)(function(){for(var p=function(x){var M=e.current;M&&!M.contains(x.target)&&l.current(x)},E=0,b=o;E<b.length;E++){var w=b[E];(0,d.on)(document,w,p)}return function(){for(var x=0,M=o;x<M.length;x++){var R=M[x];(0,d.AU)(document,R,p)}}},[o,e])};m.A=i},"../../node_modules/react-use/esm/useEffectOnce.js":function(T,m,t){var a=t("../../node_modules/react/index.js"),d=function(h){(0,a.useEffect)(h,[])};m.A=d},"../../node_modules/react/cjs/react-jsx-runtime.production.min.js":function(T,m,t){/**
 * @license React
 * react-jsx-runtime.production.min.js
 *
 * Copyright (c) Facebook, Inc. and its affiliates.
 *
 * This source code is licensed under the MIT license found in the
 * LICENSE file in the root directory of this source tree.
 */var a=t("../../node_modules/react/index.js"),d=Symbol.for("react.element"),h=Symbol.for("react.fragment"),i=Object.prototype.hasOwnProperty,e=a.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner,n={key:!0,ref:!0,__self:!0,__source:!0};function o(l,p,E){var b,w={},x=null,M=null;E!==void 0&&(x=""+E),p.key!==void 0&&(x=""+p.key),p.ref!==void 0&&(M=p.ref);for(b in p)i.call(p,b)&&!n.hasOwnProperty(b)&&(w[b]=p[b]);if(l&&l.defaultProps)for(b in p=l.defaultProps,p)w[b]===void 0&&(w[b]=p[b]);return{$$typeof:d,type:l,key:x,ref:M,props:w,_owner:e.current}}m.Fragment=h,m.jsx=o,m.jsxs=o},"../../node_modules/react/jsx-runtime.js":function(T,m,t){T.exports=t("../../node_modules/react/cjs/react-jsx-runtime.production.min.js")}}]);
