"use strict";(self.webpackChunk_grafana_ui=self.webpackChunk_grafana_ui||[]).push([[2859],{"../../node_modules/@mdx-js/react/lib/index.js":function(A,w,a){a.d(w,{BN:function(){return d},RP:function(){return r},gz:function(){return y},xA:function(){return f}});var o=a("../../node_modules/react/index.js");const d=o.createContext({});function y(i){return u;function u(c){const b=r(c.components);return o.createElement(i,{...c,allComponents:b})}}function r(i){const u=o.useContext(d);return o.useMemo(()=>typeof i=="function"?i(u):{...u,...i},[u,i])}const p={};function f({components:i,children:u,disableParentContext:c}){let b;return c?b=typeof i=="function"?i({}):i||p:b=r(i),o.createElement(d.Provider,{value:b},u)}},"../../node_modules/@storybook/addon-actions/dist/index.mjs":function(A,w,a){a.d(w,{XI:function(){return o.XI}});var o=a("../../node_modules/@storybook/addon-actions/dist/chunk-AY7I2SME.mjs"),d=(...y)=>{let r=config,p=y;p.length===1&&Array.isArray(p[0])&&([p]=p),p.length!==1&&typeof p[p.length-1]!="string"&&(r={...config,...p.pop()});let f=p[0];(p.length!==1||typeof f=="string")&&(f={},p.forEach(u=>{f[u]=u}));let i={};return Object.keys(f).forEach(u=>{i[u]=action(f[u],r)}),i}},"./src/components/Tags/TagList.story.tsx":function(A,w,a){a.r(w),a.d(w,{List:function(){return v},default:function(){return g}});var o=a("../../node_modules/@storybook/addon-actions/dist/index.mjs"),d=a("../../node_modules/react/index.js"),y=a("./src/components/Tags/TagList.tsx"),r=a("../../node_modules/react/jsx-runtime.js"),p=a("../../node_modules/@mdx-js/react/lib/index.js"),f=a("../../node_modules/@storybook/blocks/dist/index.mjs");function i(t){const e=Object.assign({h1:"h1",p:"p",h3:"h3",pre:"pre",code:"code"},(0,p.RP)(),t.components);return(0,r.jsxs)(r.Fragment,{children:[(0,r.jsx)(e.h1,{id:"taglist",children:"TagList"}),`
`,(0,r.jsx)(e.p,{children:"List of tags with predefined margins and positioning."}),`
`,(0,r.jsx)(f.lN,{children:(0,r.jsx)(y.L,{tags:["datasource-test","gdev","mysql","mssql"]})}),`
`,(0,r.jsx)(e.h3,{id:"usage",children:"Usage"}),`
`,(0,r.jsx)(e.pre,{children:(0,r.jsx)(e.code,{className:"language-jsx",children:`import { TagList } from '@grafana/ui';
const tags = ['datasource-test', 'gdev', 'mysql', 'mssql'];

<TagList tags={tags} onClick={(tag) => console.log(tag)} />;
`})}),`
`,(0,r.jsx)(e.h3,{id:"props",children:"Props"}),`
`,(0,r.jsx)(f.ov,{of:y.L})]})}function u(t={}){const{wrapper:e}=Object.assign({},(0,p.RP)(),t.components);return e?(0,r.jsx)(e,Object.assign({},t,{children:(0,r.jsx)(i,t)})):i(t)}var c=u,b=Object.defineProperty,_=Object.defineProperties,E=Object.getOwnPropertyDescriptors,O=Object.getOwnPropertySymbols,k=Object.prototype.hasOwnProperty,x=Object.prototype.propertyIsEnumerable,s=(t,e,h)=>e in t?b(t,e,{enumerable:!0,configurable:!0,writable:!0,value:h}):t[e]=h,l=(t,e)=>{for(var h in e||(e={}))k.call(e,h)&&s(t,h,e[h]);if(O)for(var h of O(e))x.call(e,h)&&s(t,h,e[h]);return t},n=(t,e)=>_(t,E(e)),m,T,C;const I={title:"Forms/Tags/TagList",component:y.L,parameters:{docs:{page:c},controls:{exclude:["className","onClick","getAriaLabel"]}},args:{displayMax:3,tags:["datasource-test","gdev","mysql","mssql"],onClick:(0,o.XI)("Tag clicked")}},v=t=>d.createElement("div",{style:{width:300}},d.createElement(y.L,{tags:t.tags,onClick:t.onClick,displayMax:t.displayMax,icon:t.icon}));var g=I;v.parameters=n(l({},v.parameters),{docs:n(l({},(m=v.parameters)==null?void 0:m.docs),{source:l({originalSource:`args => {
  return <div style={{
    width: 300
  }}>
      <TagList tags={args.tags} onClick={args.onClick} displayMax={args.displayMax} icon={args.icon} />
    </div>;
}`},(C=(T=v.parameters)==null?void 0:T.docs)==null?void 0:C.source)})})},"../grafana-data/src/types/icon.ts":function(A,w,a){a.d(w,{Uo:function(){return y},az:function(){return o},n6:function(){return d}});const o={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(r){return!r||typeof r!="string"?!1:r in o}function y(r){if(d(r))return r}},"./src/components/Icon/Icon.tsx":function(A,w,a){a.d(w,{I:function(){return x}});var o=a("../../node_modules/@emotion/css/dist/emotion-css.esm.js"),d=a("../../node_modules/react/index.js"),y=a("../../node_modules/react-inlinesvg/esm/index.js"),r=a("../grafana-data/src/types/icon.ts"),p=a("./src/themes/ThemeContext.tsx"),f=a("./src/components/Icon/utils.ts"),i=Object.defineProperty,u=Object.getOwnPropertySymbols,c=Object.prototype.hasOwnProperty,b=Object.prototype.propertyIsEnumerable,_=(s,l,n)=>l in s?i(s,l,{enumerable:!0,configurable:!0,writable:!0,value:n}):s[l]=n,E=(s,l)=>{for(var n in l||(l={}))c.call(l,n)&&_(s,n,l[n]);if(u)for(var n of u(l))b.call(l,n)&&_(s,n,l[n]);return s},O=(s,l)=>{var n={};for(var m in s)c.call(s,m)&&l.indexOf(m)<0&&(n[m]=s[m]);if(s!=null&&u)for(var m of u(s))l.indexOf(m)<0&&b.call(s,m)&&(n[m]=s[m]);return n};const k=s=>({icon:(0,o.AH)({display:"inline-block",fill:"currentColor",flexShrink:0,label:"Icon",lineHeight:0,verticalAlign:"middle"}),orange:(0,o.AH)({fill:s.v1.palette.orange})}),x=d.forwardRef((s,l)=>{var n=s,{size:m="md",type:T="default",name:C,className:I,style:v,title:g=""}=n,t=O(n,["size","type","name","className","style","title"]);const e=(0,p.of)(k);(0,r.n6)(C)||console.warn("Icon component passed an invalid icon name",C);const h=C==="fa fa-spinner"?"spinner":C,j=(0,f.Wj)(),P=(0,f.cs)(m),S=P,D=C.startsWith("gf-bar-align")?16:C.startsWith("gf-interp")?30:P,M=(0,f.Xi)(h,T),L=`${j}${M}/${h}.svg`,R=(0,o.cx)(e.icon,I,T==="mono"?{[e.orange]:C==="favorite"}:"",h==="spinner"&&"fa-spin");return d.createElement(y.A,E({innerRef:l,src:L,width:D,height:S,title:g,className:R,style:v},t))});x.displayName="Icon";try{x.displayName="Icon",x.__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:x.__docgenInfo,name:"Icon",path:"src/components/Icon/Icon.tsx#Icon"})}catch{}},"./src/components/Icon/utils.ts":function(A,w,a){a.d(w,{Wj:function(){return p},Xi:function(){return d},cs:function(){return y}});const o=["grafana","favorite","heart-break","heart","panel-add","library-panel","circle-mono"];function d(f,i){return f?.startsWith("gf-")?"custom":o.includes(f)?"mono":i==="default"?"unicons":i==="solid"?"solid":"mono"}function y(f){switch(f){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 r;function p(){if(r)return r;const f=typeof window<"u"&&window.__grafana_public_path__;return f?r=f+"img/icons/":r="public/img/icons/",r}},"./src/components/Tags/Tag.tsx":function(A,w,a){a.d(w,{v:function(){return T}});var o=a("../../node_modules/@emotion/css/dist/emotion-css.esm.js"),d=a("../../node_modules/react/index.js"),y=a("../../node_modules/react-loading-skeleton/dist/index.js"),r=a("./src/themes/ThemeContext.tsx"),p=a("./src/utils/tags.ts"),f=a("./src/utils/skeleton.tsx"),i=a("./src/components/Icon/Icon.tsx"),u=Object.defineProperty,c=Object.defineProperties,b=Object.getOwnPropertyDescriptors,_=Object.getOwnPropertySymbols,E=Object.prototype.hasOwnProperty,O=Object.prototype.propertyIsEnumerable,k=(v,g,t)=>g in v?u(v,g,{enumerable:!0,configurable:!0,writable:!0,value:t}):v[g]=t,x=(v,g)=>{for(var t in g||(g={}))E.call(g,t)&&k(v,t,g[t]);if(_)for(var t of _(g))O.call(g,t)&&k(v,t,g[t]);return v},s=(v,g)=>c(v,b(g)),l=(v,g)=>{var t={};for(var e in v)E.call(v,e)&&g.indexOf(e)<0&&(t[e]=v[e]);if(v!=null&&_)for(var e of _(v))g.indexOf(e)<0&&O.call(v,e)&&(t[e]=v[e]);return t};const n=(0,d.forwardRef)((v,g)=>{var t=v,{name:e,onClick:h,icon:j,className:P,colorIndex:S}=t,D=l(t,["name","onClick","icon","className","colorIndex"]);const M=(0,r.$j)(),L=I(M,e,S),R=B=>{B.preventDefault(),B.stopPropagation(),h?.(e,B)},N=(0,o.cx)(L.wrapper,P,{[L.hover]:h!==void 0});return h?d.createElement("button",s(x({},D),{className:N,onClick:R,ref:g}),j&&d.createElement(i.I,{name:j}),e):d.createElement("span",s(x({},D),{className:N,ref:g}),j&&d.createElement(i.I,{name:j}),e)});n.displayName="Tag";const m=({rootProps:v})=>{const g=(0,r.of)(C);return d.createElement(y.A,x({width:60,height:22,containerClassName:g.container},v))},T=(0,f.j)(n,m),C=()=>({container:(0,o.AH)({lineHeight:1})}),I=(v,g,t)=>{let e;return t===void 0?e=(0,p.MC)(g):e=(0,p.yC)(t),{wrapper:(0,o.AH)({appearance:"none",borderStyle:"none",fontWeight:v.typography.fontWeightMedium,fontSize:v.typography.size.sm,lineHeight:v.typography.bodySmall.lineHeight,verticalAlign:"baseline",backgroundColor:e.color,color:v.v1.palette.gray98,whiteSpace:"nowrap",textShadow:"none",padding:"3px 6px",borderRadius:v.shape.radius.default}),hover:(0,o.AH)({"&:hover":{opacity:.85,cursor:"pointer"}})}};try{T.displayName="Tag",T.__docgenInfo={description:"",displayName:"Tag",props:{name:{defaultValue:null,description:"Name of the tag to display",name:"name",required:!0,type:{name:"string"}},icon:{defaultValue:null,description:"",name:"icon",required:!1,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"'}]}},colorIndex:{defaultValue:null,description:"Use constant color from TAG_COLORS. Using index instead of color directly so we can match other styling.",name:"colorIndex",required:!1,type:{name:"number"}},onClick:{defaultValue:null,description:"",name:"onClick",required:!1,type:{name:"OnTagClick"}}}},typeof STORYBOOK_REACT_CLASSES<"u"&&(STORYBOOK_REACT_CLASSES["src/components/Tags/Tag.tsx#Tag"]={docgenInfo:T.__docgenInfo,name:"Tag",path:"src/components/Tags/Tag.tsx#Tag"})}catch{}},"./src/components/Tags/TagList.tsx":function(A,w,a){a.d(w,{L:function(){return k}});var o=a("../../node_modules/@emotion/css/dist/emotion-css.esm.js"),d=a("../../node_modules/react/index.js"),y=a("./src/themes/ThemeContext.tsx"),r=a("./src/utils/skeleton.tsx"),p=a("./src/components/Tags/Tag.tsx"),f=Object.defineProperty,i=Object.getOwnPropertySymbols,u=Object.prototype.hasOwnProperty,c=Object.prototype.propertyIsEnumerable,b=(l,n,m)=>n in l?f(l,n,{enumerable:!0,configurable:!0,writable:!0,value:m}):l[n]=m,_=(l,n)=>{for(var m in n||(n={}))u.call(n,m)&&b(l,m,n[m]);if(i)for(var m of i(n))c.call(n,m)&&b(l,m,n[m]);return l};const E=(0,d.memo)((0,d.forwardRef)(({displayMax:l,tags:n,icon:m,onClick:T,className:C,getAriaLabel:I,getColorIndex:v},g)=>{const t=(0,y.$j)(),e=s(t,!!(l&&l>0)),h=n.length,j=l?n.slice(0,l):n;return d.createElement("ul",{className:(0,o.cx)(e.wrapper,C),"aria-label":"Tags",ref:g},j.map((P,S)=>d.createElement("li",{className:e.li,key:P},d.createElement(p.v,{name:P,icon:m,onClick:T,"aria-label":I?.(P,S),"data-tag-id":S,colorIndex:v?.(P,S)}))),l&&l>0&&h-l>0&&d.createElement("span",{className:e.moreTagsLabel},"+ ",h-l))}));E.displayName="TagList";const O=({rootProps:l})=>{const n=(0,y.of)(x);return d.createElement("div",_({className:n.container},l),d.createElement(p.v.Skeleton,null),d.createElement(p.v.Skeleton,null))},k=(0,r.j)(E,O),x=l=>({container:(0,o.AH)({display:"flex",gap:l.spacing(1)})}),s=(l,n)=>({wrapper:(0,o.AH)({position:"relative",alignItems:n?"center":"unset",display:"flex",flex:"1 1 auto",flexWrap:"wrap",flexShrink:n?0:1,justifyContent:"flex-end",gap:"6px"}),moreTagsLabel:(0,o.AH)({color:l.colors.text.secondary,fontSize:l.typography.size.sm}),li:(0,o.AH)({listStyle:"none"})});try{k.displayName="TagList",k.__docgenInfo={description:"",displayName:"TagList",props:{displayMax:{defaultValue:null,description:"Maximum number of the tags to display",name:"displayMax",required:!1,type:{name:"number"}},tags:{defaultValue:null,description:"Names of the tags to display",name:"tags",required:!0,type:{name:"string[]"}},onClick:{defaultValue:null,description:"Callback when the tag is clicked",name:"onClick",required:!1,type:{name:"OnTagClick"}},className:{defaultValue:null,description:"Custom styles for the wrapper component",name:"className",required:!1,type:{name:"string"}},getAriaLabel:{defaultValue:null,description:"aria-label for the `i`-th Tag component",name:"getAriaLabel",required:!1,type:{name:"((name: string, i: number) => string)"}},getColorIndex:{defaultValue:null,description:"",name:"getColorIndex",required:!1,type:{name:"((name: string, i: number) => number)"}},icon:{defaultValue:null,description:"Icon to show next to tag label",name:"icon",required:!1,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"'}]}}}},typeof STORYBOOK_REACT_CLASSES<"u"&&(STORYBOOK_REACT_CLASSES["src/components/Tags/TagList.tsx#TagList"]={docgenInfo:k.__docgenInfo,name:"TagList",path:"src/components/Tags/TagList.tsx#TagList"})}catch{}},"./src/utils/tags.ts":function(A,w,a){a.d(w,{MC:function(){return r},yC:function(){return p}});const o=["#D32D20","#1E72B8","#B240A2","#705DA0","#466803","#497A3C","#3D71AA","#B15415","#890F02","#6E6E6E","#0A437C","#6D1F62","#584477","#4C7A3F","#2F4F4F","#BF1B00","#7662B1","#8A2EB8","#517A00","#000000","#3F6833","#2F575E","#99440A","#AE561A","#0E4AB4","#58140C","#052B51","#511749","#3F2B5B"],d=["#FF7368","#459EE7","#E069CF","#9683C6","#6C8E29","#76AC68","#6AA4E2","#E7823D","#AF3528","#9B9B9B","#3069A2","#934588","#7E6A9D","#88C477","#557575","#E54126","#A694DD","#B054DE","#8FC426","#262626","#658E59","#557D84","#BF6A30","#FF9B53","#3470DA","#7E3A32","#2B5177","#773D6F","#655181"];function y(u=""){const c=f(u.toLowerCase());return Math.abs(c%o.length)}function r(u=""){const c=y(u);return p(c)}function p(u){return{color:o[u],borderColor:d[u]}}function f(u){let c=5381;for(let b=0;b<u.length;b++)c=(c<<5)+c+u.charCodeAt(b);return c}var i={getTagColorsFromName:r}},"../../node_modules/react-loading-skeleton/dist/index.js":function(A,w,a){a.d(w,{A:function(){return p}});var o=a("../../node_modules/react/index.js");const d=o.createContext({}),y=!0;function r({baseColor:i,highlightColor:u,width:c,height:b,borderRadius:_,circle:E,direction:O,duration:k,enableAnimation:x=y}){const s={};return O==="rtl"&&(s["--animation-direction"]="reverse"),typeof k=="number"&&(s["--animation-duration"]=`${k}s`),x||(s["--pseudo-element-display"]="none"),(typeof c=="string"||typeof c=="number")&&(s.width=c),(typeof b=="string"||typeof b=="number")&&(s.height=b),(typeof _=="string"||typeof _=="number")&&(s.borderRadius=_),E&&(s.borderRadius="50%"),typeof i<"u"&&(s["--base-color"]=i),typeof u<"u"&&(s["--highlight-color"]=u),s}function p({count:i=1,wrapper:u,className:c,containerClassName:b,containerTestId:_,circle:E=!1,style:O,...k}){var x,s,l;const n=o.useContext(d),m={...k};for(const[e,h]of Object.entries(k))typeof h>"u"&&delete m[e];const T={...n,...m,circle:E},C={...O,...r(T)};let I="react-loading-skeleton";c&&(I+=` ${c}`);const v=(x=T.inline)!==null&&x!==void 0?x:!1,g=[],t=Math.ceil(i);for(let e=0;e<t;e++){let h=C;if(t>i&&e===t-1){const P=(s=h.width)!==null&&s!==void 0?s:"100%",S=i%1,D=typeof P=="number"?P*S:`calc(${P} * ${S})`;h={...h,width:D}}const j=o.createElement("span",{className:I,style:h,key:e},"\u200C");v?g.push(j):g.push(o.createElement(o.Fragment,{key:e},j,o.createElement("br",null)))}return o.createElement("span",{className:b,"data-testid":_,"aria-live":"polite","aria-busy":(l=T.enableAnimation)!==null&&l!==void 0?l:y},u?g.map((e,h)=>o.createElement(u,{key:h},e)):g)}function f({children:i,...u}){return React.createElement(d.Provider,{value:u},i)}},"../../node_modules/react/cjs/react-jsx-runtime.production.min.js":function(A,w,a){/**
 * @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 o=a("../../node_modules/react/index.js"),d=Symbol.for("react.element"),y=Symbol.for("react.fragment"),r=Object.prototype.hasOwnProperty,p=o.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner,f={key:!0,ref:!0,__self:!0,__source:!0};function i(u,c,b){var _,E={},O=null,k=null;b!==void 0&&(O=""+b),c.key!==void 0&&(O=""+c.key),c.ref!==void 0&&(k=c.ref);for(_ in c)r.call(c,_)&&!f.hasOwnProperty(_)&&(E[_]=c[_]);if(u&&u.defaultProps)for(_ in c=u.defaultProps,c)E[_]===void 0&&(E[_]=c[_]);return{$$typeof:d,type:u,key:O,ref:k,props:E,_owner:p.current}}w.Fragment=y,w.jsx=i,w.jsxs=i},"../../node_modules/react/jsx-runtime.js":function(A,w,a){A.exports=a("../../node_modules/react/cjs/react-jsx-runtime.production.min.js")}}]);
