[{"data":1,"prerenderedAt":1657},["ShallowReactive",2],{"i-ph:magnifying-glass":3,"i-ph:circle":8,"i-ph:moon":10,"i-ph:github-logo":12,"i-ph:brackets-curly":14,"i-ph:file-css":16,"i-ph:rectangle-dashed":18,"i-ph:arrow-left":20,"components-tooltip":22,"i-ph:info":1655},{"left":4,"top":4,"width":5,"height":5,"rotate":4,"vFlip":6,"hFlip":6,"body":7},0,256,false,"\u003Cpath fill=\"currentColor\" d=\"m229.66 218.34l-50.07-50.06a88.11 88.11 0 1 0-11.31 11.31l50.06 50.07a8 8 0 0 0 11.32-11.32M40 112a72 72 0 1 1 72 72a72.08 72.08 0 0 1-72-72\"/>",{"left":4,"top":4,"width":5,"height":5,"rotate":4,"vFlip":6,"hFlip":6,"body":9},"\u003Cpath fill=\"currentColor\" d=\"M128 24a104 104 0 1 0 104 104A104.11 104.11 0 0 0 128 24m0 192a88 88 0 1 1 88-88a88.1 88.1 0 0 1-88 88\"/>",{"left":4,"top":4,"width":5,"height":5,"rotate":4,"vFlip":6,"hFlip":6,"body":11},"\u003Cpath fill=\"currentColor\" d=\"M233.54 142.23a8 8 0 0 0-8-2a88.08 88.08 0 0 1-109.8-109.8a8 8 0 0 0-10-10a104.84 104.84 0 0 0-52.91 37A104 104 0 0 0 136 224a103.1 103.1 0 0 0 62.52-20.88a104.84 104.84 0 0 0 37-52.91a8 8 0 0 0-1.98-7.98m-44.64 48.11A88 88 0 0 1 65.66 67.11a89 89 0 0 1 31.4-26A106 106 0 0 0 96 56a104.11 104.11 0 0 0 104 104a106 106 0 0 0 14.92-1.06a89 89 0 0 1-26.02 31.4\"/>",{"left":4,"top":4,"width":5,"height":5,"rotate":4,"vFlip":6,"hFlip":6,"body":13},"\u003Cpath fill=\"currentColor\" d=\"M208.31 75.68A59.78 59.78 0 0 0 202.93 28a8 8 0 0 0-6.93-4a59.75 59.75 0 0 0-48 24h-24a59.75 59.75 0 0 0-48-24a8 8 0 0 0-6.93 4a59.78 59.78 0 0 0-5.38 47.68A58.14 58.14 0 0 0 56 104v8a56.06 56.06 0 0 0 48.44 55.47A39.8 39.8 0 0 0 96 192v8H72a24 24 0 0 1-24-24a40 40 0 0 0-40-40a8 8 0 0 0 0 16a24 24 0 0 1 24 24a40 40 0 0 0 40 40h24v16a8 8 0 0 0 16 0v-40a24 24 0 0 1 48 0v40a8 8 0 0 0 16 0v-40a39.8 39.8 0 0 0-8.44-24.53A56.06 56.06 0 0 0 216 112v-8a58.14 58.14 0 0 0-7.69-28.32M200 112a40 40 0 0 1-40 40h-48a40 40 0 0 1-40-40v-8a41.74 41.74 0 0 1 6.9-22.48a8 8 0 0 0 1.1-7.69a43.8 43.8 0 0 1 .79-33.58a43.88 43.88 0 0 1 32.32 20.06a8 8 0 0 0 6.71 3.69h32.35a8 8 0 0 0 6.74-3.69a43.87 43.87 0 0 1 32.32-20.06a43.8 43.8 0 0 1 .77 33.58a8.09 8.09 0 0 0 1 7.65a41.7 41.7 0 0 1 7 22.52Z\"/>",{"left":4,"top":4,"width":5,"height":5,"rotate":4,"vFlip":6,"hFlip":6,"body":15},"\u003Cpath fill=\"currentColor\" d=\"M43.18 128a29.8 29.8 0 0 1 8 10.26c4.8 9.9 4.8 22 4.8 33.74c0 24.31 1 36 24 36a8 8 0 0 1 0 16c-17.48 0-29.32-6.14-35.2-18.26c-4.8-9.9-4.8-22-4.8-33.74c0-24.31-1-36-24-36a8 8 0 0 1 0-16c23 0 24-11.69 24-36c0-11.72 0-23.84 4.8-33.74C50.68 38.14 62.52 32 80 32a8 8 0 0 1 0 16c-23 0-24 11.69-24 36c0 11.72 0 23.84-4.8 33.74A29.8 29.8 0 0 1 43.18 128M240 120c-23 0-24-11.69-24-36c0-11.72 0-23.84-4.8-33.74C205.32 38.14 193.48 32 176 32a8 8 0 0 0 0 16c23 0 24 11.69 24 36c0 11.72 0 23.84 4.8 33.74a29.8 29.8 0 0 0 8 10.26a29.8 29.8 0 0 0-8 10.26c-4.8 9.9-4.8 22-4.8 33.74c0 24.31-1 36-24 36a8 8 0 0 0 0 16c17.48 0 29.32-6.14 35.2-18.26c4.8-9.9 4.8-22 4.8-33.74c0-24.31 1-36 24-36a8 8 0 0 0 0-16\"/>",{"left":4,"top":4,"width":5,"height":5,"rotate":4,"vFlip":6,"hFlip":6,"body":17},"\u003Cpath fill=\"currentColor\" d=\"M48 180c0 11 7.18 20 16 20a14.24 14.24 0 0 0 10.22-4.66a8 8 0 1 1 11.55 11.06A30 30 0 0 1 64 216c-17.65 0-32-16.15-32-36s14.35-36 32-36a30 30 0 0 1 21.77 9.6a8 8 0 1 1-11.55 11.06A14.24 14.24 0 0 0 64 160c-8.82 0-16 9-16 20m79.6-8.69c-4-1.16-8.14-2.35-10.45-3.84c-1.26-.81-1.23-1-1.12-1.9a4.54 4.54 0 0 1 2-3.67c4.6-3.12 15.34-1.73 19.83-.56a8 8 0 0 0 4.07-15.48c-2.12-.55-21-5.22-32.83 2.76a20.55 20.55 0 0 0-9 14.95c-2 15.88 13.64 20.41 23 23.11c12.07 3.49 13.13 4.92 12.78 7.59c-.31 2.41-1.26 3.34-2.14 3.93c-4.6 3.06-15.17 1.56-19.55.36a8 8 0 0 0-4.3 15.41a61.2 61.2 0 0 0 15.18 2c5.83 0 12.3-1 17.49-4.46a20.82 20.82 0 0 0 9.19-15.23c2.25-17.28-14.27-22.11-24.15-24.97m64 0c-4-1.16-8.14-2.35-10.45-3.84c-1.25-.81-1.23-1-1.12-1.9a4.54 4.54 0 0 1 2-3.67c4.6-3.12 15.34-1.73 19.82-.56a8 8 0 0 0 4.07-15.48c-2.11-.55-21-5.22-32.83 2.76a20.58 20.58 0 0 0-8.95 14.95c-2 15.88 13.65 20.41 23 23.11c12.06 3.49 13.12 4.92 12.78 7.59c-.31 2.41-1.26 3.34-2.15 3.93c-4.6 3.06-15.16 1.56-19.54.36a8 8 0 0 0-4.3 15.44a61.3 61.3 0 0 0 15.19 2c5.82 0 12.3-1 17.49-4.46a20.81 20.81 0 0 0 9.18-15.23c2.21-17.31-14.31-22.14-24.2-25ZM40 112V40a16 16 0 0 1 16-16h96a8 8 0 0 1 5.66 2.34l56 56A8 8 0 0 1 216 88v24a8 8 0 1 1-16 0V96h-48a8 8 0 0 1-8-8V40H56v72a8 8 0 0 1-16 0m120-32h28.68L160 51.31Z\"/>",{"left":4,"top":4,"width":5,"height":5,"rotate":4,"vFlip":6,"hFlip":6,"body":19},"\u003Cpath fill=\"currentColor\" d=\"M80 48a8 8 0 0 1-8 8H40v16a8 8 0 0 1-16 0V56a16 16 0 0 1 16-16h32a8 8 0 0 1 8 8M32 152a8 8 0 0 0 8-8v-32a8 8 0 0 0-16 0v32a8 8 0 0 0 8 8m40 48H40v-16a8 8 0 0 0-16 0v16a16 16 0 0 0 16 16h32a8 8 0 0 0 0-16m72 0h-32a8 8 0 0 0 0 16h32a8 8 0 0 0 0-16m80-24a8 8 0 0 0-8 8v16h-32a8 8 0 0 0 0 16h32a16 16 0 0 0 16-16v-16a8 8 0 0 0-8-8m0-72a8 8 0 0 0-8 8v32a8 8 0 0 0 16 0v-32a8 8 0 0 0-8-8m-8-64h-32a8 8 0 0 0 0 16h32v16a8 8 0 0 0 16 0V56a16 16 0 0 0-16-16m-72 0h-32a8 8 0 0 0 0 16h32a8 8 0 0 0 0-16\"/>",{"left":4,"top":4,"width":5,"height":5,"rotate":4,"vFlip":6,"hFlip":6,"body":21},"\u003Cpath fill=\"currentColor\" d=\"M224 128a8 8 0 0 1-8 8H59.31l58.35 58.34a8 8 0 0 1-11.32 11.32l-72-72a8 8 0 0 1 0-11.32l72-72a8 8 0 0 1 11.32 11.32L59.31 120H216a8 8 0 0 1 8 8\"/>",{"id":23,"title":24,"body":25,"description":35,"extension":1650,"meta":1651,"navigation":162,"path":45,"seo":1652,"stem":1653,"__hash__":1654},"docs/docs/components/tooltip.md","Tooltip",{"type":26,"value":27,"toc":1646},"minimark",[28,32,36,70,1458,1463,1594,1598,1642],[29,30,24],"h1",{"id":31},"tooltip",[33,34,35],"p",{},"The Tooltip component displays additional information when hovering over an element. It's commonly used to provide context or explanations for UI elements.",[37,38,39],"blockquote",{},[33,40,41,42,46,47,51,52,56,57,61,62,65,66,69],{},"Plese note: components using popout (",[43,44,24],"a",{"href":45},"/docs/components/tooltip",", ",[43,48,50],{"href":49},"/docs/components/dropdown","Dropdown"," & ",[43,53,55],{"href":54},"/docs/components/popout","Popout",") cannot be styled using ",[58,59,60],"code",{},"scoped"," CSS in Vue SFC. However, you can just define a new ",[58,63,64],{},"\u003Cstyle>"," tag, style the popout inside and keep rest of your CSS scoped in a separate ",[58,67,68],{},"\u003Cstyle scoped>",".",[71,72,73],"tooltip-example",{},[74,75,80],"pre",{"className":76,"code":77,"language":78,"meta":79,"style":79},"language-vue shiki shiki-themes vitesse-dark vitesse-light vitesse-dark","\u003Cscript setup>\nimport { Button, Flex, Grid, Tooltip } from '@dolanske/vui'\n\u003C/script>\n\n\u003Ctemplate>\n  \u003CGrid gap=\"l\" :columns=\"2\">\n    \u003Cdiv>\n      \u003Cstrong class=\"text-m mb-s block text-semibold\">\n        Basic Usage\n      \u003C/strong>\n      \u003CTooltip>\n        \u003CButton>Hover me\u003C/Button>\n        \u003Ctemplate #tooltip>\n          \u003Cp>This is a tooltip\u003C/p>\n        \u003C/template>\n      \u003C/Tooltip>\n    \u003C/div>\n\n    \u003Cdiv>\n      \u003Cstrong class=\"text-m mb-s block text-semibold\">\n        Different Placements\n      \u003C/strong>\n      \u003CFlex gap=\"m\">\n        \u003CTooltip placement=\"top\">\n          \u003CButton>Top\u003C/Button>\n          \u003Ctemplate #tooltip>\n            \u003Cp>Top tooltip\u003C/p>\n          \u003C/template>\n        \u003C/Tooltip>\n\n        \u003CTooltip placement=\"right\">\n          \u003CButton>Right\u003C/Button>\n          \u003Ctemplate #tooltip>\n            \u003Cp>Right tooltip\u003C/p>\n          \u003C/template>\n        \u003C/Tooltip>\n\n        \u003CTooltip placement=\"bottom\">\n          \u003CButton>Bottom\u003C/Button>\n          \u003Ctemplate #tooltip>\n            \u003Cp>Bottom tooltip\u003C/p>\n          \u003C/template>\n        \u003C/Tooltip>\n\n        \u003CTooltip placement=\"left\">\n          \u003CButton>Left\u003C/Button>\n          \u003Ctemplate #tooltip>\n            \u003Cp>Left tooltip\u003C/p>\n          \u003C/template>\n        \u003C/Tooltip>\n      \u003C/Flex>\n    \u003C/div>\n\n    \u003Cdiv>\n      \u003Cstrong class=\"text-m mb-s block text-semibold\">\n        With Enter Delay\n      \u003C/strong>\n      \u003CTooltip enter-delay=\"500\">\n        \u003CButton>Hover me (500ms delay)\u003C/Button>\n        \u003Ctemplate #tooltip>\n          \u003Cp>This tooltip appears after 500ms\u003C/p>\n        \u003C/template>\n      \u003C/Tooltip>\n    \u003C/div>\n\n    \u003Cdiv>\n      \u003Cstrong class=\"text-m mb-s block text-semibold\">\n        With Leave Delay\n      \u003C/strong>\n      \u003CTooltip leave-delay=\"500\">\n        \u003CButton>Hover me (closes after 500ms)\u003C/Button>\n        \u003Ctemplate #tooltip>\n          \u003Cp>This tooltip stays for 500ms after you stop hovering\u003C/p>\n        \u003C/template>\n      \u003C/Tooltip>\n    \u003C/div>\n\n    \u003Cdiv>\n      \u003Cstrong class=\"text-m mb-s block text-semibold\">\n        With Icon\n      \u003C/strong>\n      \u003CTooltip>\n        \u003CIconInfo :size=\"24\" />\n        \u003Ctemplate #tooltip>\n          \u003Cp>Additional information\u003C/p>\n        \u003C/template>\n      \u003C/Tooltip>\n    \u003C/div>\n\n    \u003Cdiv>\n      \u003Cstrong class=\"text-m mb-s block text-semibold\">\n        With Formatted Content\n      \u003C/strong>\n      \u003CTooltip>\n        \u003CButton>Hover for details\u003C/Button>\n        \u003Ctemplate #tooltip>\n          \u003Cdiv class=\"p-s\">\n            \u003Cstrong class=\"mb-s block text-semibold\">\n              Title\n            \u003C/strong>\n            \u003Cp>Detailed description goes here\u003C/p>\n          \u003C/div>\n        \u003C/template>\n      \u003C/Tooltip>\n    \u003C/div>\n  \u003C/Grid>\n\u003C/template>\n","vue","",[58,81,82,102,147,157,164,174,216,227,250,257,267,276,297,311,330,340,349,359,364,373,392,398,407,428,449,467,480,499,509,518,523,543,561,574,592,601,610,615,635,653,666,684,693,702,707,727,745,758,776,785,794,803,812,817,826,845,851,860,881,899,912,930,939,948,957,962,971,990,996,1005,1025,1043,1056,1074,1083,1092,1101,1106,1115,1134,1140,1149,1158,1183,1196,1214,1223,1232,1241,1246,1255,1274,1280,1289,1298,1316,1329,1349,1369,1375,1385,1403,1412,1421,1430,1439,1449],{"__ignoreMap":79},[83,84,87,91,95,99],"span",{"class":85,"line":86},"line",1,[83,88,90],{"class":89},"sP76a","\u003C",[83,92,94],{"class":93},"sKpE2","script",[83,96,98],{"class":97},"sflEz"," setup",[83,100,101],{"class":89},">\n",[83,103,105,108,111,114,117,120,122,125,127,130,133,136,140,144],{"class":85,"line":104},2,[83,106,107],{"class":93},"import",[83,109,110],{"class":89}," {",[83,112,113],{"class":97}," Button",[83,115,116],{"class":89},",",[83,118,119],{"class":97}," Flex",[83,121,116],{"class":89},[83,123,124],{"class":97}," Grid",[83,126,116],{"class":89},[83,128,129],{"class":97}," Tooltip",[83,131,132],{"class":89}," }",[83,134,135],{"class":93}," from",[83,137,139],{"class":138},"sBR95"," '",[83,141,143],{"class":142},"sfmH-","@dolanske/vui",[83,145,146],{"class":138},"'\n",[83,148,150,153,155],{"class":85,"line":149},3,[83,151,152],{"class":89},"\u003C/",[83,154,94],{"class":93},[83,156,101],{"class":89},[83,158,160],{"class":85,"line":159},4,[83,161,163],{"emptyLinePlaceholder":162},true,"\n",[83,165,167,169,172],{"class":85,"line":166},5,[83,168,90],{"class":89},[83,170,171],{"class":93},"template",[83,173,101],{"class":89},[83,175,177,180,183,186,189,192,195,197,200,204,206,208,212,214],{"class":85,"line":176},6,[83,178,179],{"class":89},"  \u003C",[83,181,182],{"class":93},"Grid",[83,184,185],{"class":97}," gap",[83,187,188],{"class":89},"=",[83,190,191],{"class":138},"\"",[83,193,194],{"class":142},"l",[83,196,191],{"class":138},[83,198,199],{"class":89}," :",[83,201,203],{"class":202},"sRTv0","columns",[83,205,188],{"class":89},[83,207,191],{"class":89},[83,209,211],{"class":210},"socUO","2",[83,213,191],{"class":89},[83,215,101],{"class":89},[83,217,219,222,225],{"class":85,"line":218},7,[83,220,221],{"class":89},"    \u003C",[83,223,224],{"class":93},"div",[83,226,101],{"class":89},[83,228,230,233,236,239,241,243,246,248],{"class":85,"line":229},8,[83,231,232],{"class":89},"      \u003C",[83,234,235],{"class":93},"strong",[83,237,238],{"class":97}," class",[83,240,188],{"class":89},[83,242,191],{"class":138},[83,244,245],{"class":142},"text-m mb-s block text-semibold",[83,247,191],{"class":138},[83,249,101],{"class":89},[83,251,253],{"class":85,"line":252},9,[83,254,256],{"class":255},"sX1ls","        Basic Usage\n",[83,258,260,263,265],{"class":85,"line":259},10,[83,261,262],{"class":89},"      \u003C/",[83,264,235],{"class":93},[83,266,101],{"class":89},[83,268,270,272,274],{"class":85,"line":269},11,[83,271,232],{"class":89},[83,273,24],{"class":93},[83,275,101],{"class":89},[83,277,279,282,285,288,291,293,295],{"class":85,"line":278},12,[83,280,281],{"class":89},"        \u003C",[83,283,284],{"class":93},"Button",[83,286,287],{"class":89},">",[83,289,290],{"class":255},"Hover me",[83,292,152],{"class":89},[83,294,284],{"class":93},[83,296,101],{"class":89},[83,298,300,302,304,307,309],{"class":85,"line":299},13,[83,301,281],{"class":89},[83,303,171],{"class":93},[83,305,306],{"class":89}," #",[83,308,31],{"class":202},[83,310,101],{"class":89},[83,312,314,317,319,321,324,326,328],{"class":85,"line":313},14,[83,315,316],{"class":89},"          \u003C",[83,318,33],{"class":93},[83,320,287],{"class":89},[83,322,323],{"class":255},"This is a tooltip",[83,325,152],{"class":89},[83,327,33],{"class":93},[83,329,101],{"class":89},[83,331,333,336,338],{"class":85,"line":332},15,[83,334,335],{"class":89},"        \u003C/",[83,337,171],{"class":93},[83,339,101],{"class":89},[83,341,343,345,347],{"class":85,"line":342},16,[83,344,262],{"class":89},[83,346,24],{"class":93},[83,348,101],{"class":89},[83,350,352,355,357],{"class":85,"line":351},17,[83,353,354],{"class":89},"    \u003C/",[83,356,224],{"class":93},[83,358,101],{"class":89},[83,360,362],{"class":85,"line":361},18,[83,363,163],{"emptyLinePlaceholder":162},[83,365,367,369,371],{"class":85,"line":366},19,[83,368,221],{"class":89},[83,370,224],{"class":93},[83,372,101],{"class":89},[83,374,376,378,380,382,384,386,388,390],{"class":85,"line":375},20,[83,377,232],{"class":89},[83,379,235],{"class":93},[83,381,238],{"class":97},[83,383,188],{"class":89},[83,385,191],{"class":138},[83,387,245],{"class":142},[83,389,191],{"class":138},[83,391,101],{"class":89},[83,393,395],{"class":85,"line":394},21,[83,396,397],{"class":255},"        Different Placements\n",[83,399,401,403,405],{"class":85,"line":400},22,[83,402,262],{"class":89},[83,404,235],{"class":93},[83,406,101],{"class":89},[83,408,410,412,415,417,419,421,424,426],{"class":85,"line":409},23,[83,411,232],{"class":89},[83,413,414],{"class":93},"Flex",[83,416,185],{"class":97},[83,418,188],{"class":89},[83,420,191],{"class":138},[83,422,423],{"class":142},"m",[83,425,191],{"class":138},[83,427,101],{"class":89},[83,429,431,433,435,438,440,442,445,447],{"class":85,"line":430},24,[83,432,281],{"class":89},[83,434,24],{"class":93},[83,436,437],{"class":97}," placement",[83,439,188],{"class":89},[83,441,191],{"class":138},[83,443,444],{"class":142},"top",[83,446,191],{"class":138},[83,448,101],{"class":89},[83,450,452,454,456,458,461,463,465],{"class":85,"line":451},25,[83,453,316],{"class":89},[83,455,284],{"class":93},[83,457,287],{"class":89},[83,459,460],{"class":255},"Top",[83,462,152],{"class":89},[83,464,284],{"class":93},[83,466,101],{"class":89},[83,468,470,472,474,476,478],{"class":85,"line":469},26,[83,471,316],{"class":89},[83,473,171],{"class":93},[83,475,306],{"class":89},[83,477,31],{"class":202},[83,479,101],{"class":89},[83,481,483,486,488,490,493,495,497],{"class":85,"line":482},27,[83,484,485],{"class":89},"            \u003C",[83,487,33],{"class":93},[83,489,287],{"class":89},[83,491,492],{"class":255},"Top tooltip",[83,494,152],{"class":89},[83,496,33],{"class":93},[83,498,101],{"class":89},[83,500,502,505,507],{"class":85,"line":501},28,[83,503,504],{"class":89},"          \u003C/",[83,506,171],{"class":93},[83,508,101],{"class":89},[83,510,512,514,516],{"class":85,"line":511},29,[83,513,335],{"class":89},[83,515,24],{"class":93},[83,517,101],{"class":89},[83,519,521],{"class":85,"line":520},30,[83,522,163],{"emptyLinePlaceholder":162},[83,524,526,528,530,532,534,536,539,541],{"class":85,"line":525},31,[83,527,281],{"class":89},[83,529,24],{"class":93},[83,531,437],{"class":97},[83,533,188],{"class":89},[83,535,191],{"class":138},[83,537,538],{"class":142},"right",[83,540,191],{"class":138},[83,542,101],{"class":89},[83,544,546,548,550,552,555,557,559],{"class":85,"line":545},32,[83,547,316],{"class":89},[83,549,284],{"class":93},[83,551,287],{"class":89},[83,553,554],{"class":255},"Right",[83,556,152],{"class":89},[83,558,284],{"class":93},[83,560,101],{"class":89},[83,562,564,566,568,570,572],{"class":85,"line":563},33,[83,565,316],{"class":89},[83,567,171],{"class":93},[83,569,306],{"class":89},[83,571,31],{"class":202},[83,573,101],{"class":89},[83,575,577,579,581,583,586,588,590],{"class":85,"line":576},34,[83,578,485],{"class":89},[83,580,33],{"class":93},[83,582,287],{"class":89},[83,584,585],{"class":255},"Right tooltip",[83,587,152],{"class":89},[83,589,33],{"class":93},[83,591,101],{"class":89},[83,593,595,597,599],{"class":85,"line":594},35,[83,596,504],{"class":89},[83,598,171],{"class":93},[83,600,101],{"class":89},[83,602,604,606,608],{"class":85,"line":603},36,[83,605,335],{"class":89},[83,607,24],{"class":93},[83,609,101],{"class":89},[83,611,613],{"class":85,"line":612},37,[83,614,163],{"emptyLinePlaceholder":162},[83,616,618,620,622,624,626,628,631,633],{"class":85,"line":617},38,[83,619,281],{"class":89},[83,621,24],{"class":93},[83,623,437],{"class":97},[83,625,188],{"class":89},[83,627,191],{"class":138},[83,629,630],{"class":142},"bottom",[83,632,191],{"class":138},[83,634,101],{"class":89},[83,636,638,640,642,644,647,649,651],{"class":85,"line":637},39,[83,639,316],{"class":89},[83,641,284],{"class":93},[83,643,287],{"class":89},[83,645,646],{"class":255},"Bottom",[83,648,152],{"class":89},[83,650,284],{"class":93},[83,652,101],{"class":89},[83,654,656,658,660,662,664],{"class":85,"line":655},40,[83,657,316],{"class":89},[83,659,171],{"class":93},[83,661,306],{"class":89},[83,663,31],{"class":202},[83,665,101],{"class":89},[83,667,669,671,673,675,678,680,682],{"class":85,"line":668},41,[83,670,485],{"class":89},[83,672,33],{"class":93},[83,674,287],{"class":89},[83,676,677],{"class":255},"Bottom tooltip",[83,679,152],{"class":89},[83,681,33],{"class":93},[83,683,101],{"class":89},[83,685,687,689,691],{"class":85,"line":686},42,[83,688,504],{"class":89},[83,690,171],{"class":93},[83,692,101],{"class":89},[83,694,696,698,700],{"class":85,"line":695},43,[83,697,335],{"class":89},[83,699,24],{"class":93},[83,701,101],{"class":89},[83,703,705],{"class":85,"line":704},44,[83,706,163],{"emptyLinePlaceholder":162},[83,708,710,712,714,716,718,720,723,725],{"class":85,"line":709},45,[83,711,281],{"class":89},[83,713,24],{"class":93},[83,715,437],{"class":97},[83,717,188],{"class":89},[83,719,191],{"class":138},[83,721,722],{"class":142},"left",[83,724,191],{"class":138},[83,726,101],{"class":89},[83,728,730,732,734,736,739,741,743],{"class":85,"line":729},46,[83,731,316],{"class":89},[83,733,284],{"class":93},[83,735,287],{"class":89},[83,737,738],{"class":255},"Left",[83,740,152],{"class":89},[83,742,284],{"class":93},[83,744,101],{"class":89},[83,746,748,750,752,754,756],{"class":85,"line":747},47,[83,749,316],{"class":89},[83,751,171],{"class":93},[83,753,306],{"class":89},[83,755,31],{"class":202},[83,757,101],{"class":89},[83,759,761,763,765,767,770,772,774],{"class":85,"line":760},48,[83,762,485],{"class":89},[83,764,33],{"class":93},[83,766,287],{"class":89},[83,768,769],{"class":255},"Left tooltip",[83,771,152],{"class":89},[83,773,33],{"class":93},[83,775,101],{"class":89},[83,777,779,781,783],{"class":85,"line":778},49,[83,780,504],{"class":89},[83,782,171],{"class":93},[83,784,101],{"class":89},[83,786,788,790,792],{"class":85,"line":787},50,[83,789,335],{"class":89},[83,791,24],{"class":93},[83,793,101],{"class":89},[83,795,797,799,801],{"class":85,"line":796},51,[83,798,262],{"class":89},[83,800,414],{"class":93},[83,802,101],{"class":89},[83,804,806,808,810],{"class":85,"line":805},52,[83,807,354],{"class":89},[83,809,224],{"class":93},[83,811,101],{"class":89},[83,813,815],{"class":85,"line":814},53,[83,816,163],{"emptyLinePlaceholder":162},[83,818,820,822,824],{"class":85,"line":819},54,[83,821,221],{"class":89},[83,823,224],{"class":93},[83,825,101],{"class":89},[83,827,829,831,833,835,837,839,841,843],{"class":85,"line":828},55,[83,830,232],{"class":89},[83,832,235],{"class":93},[83,834,238],{"class":97},[83,836,188],{"class":89},[83,838,191],{"class":138},[83,840,245],{"class":142},[83,842,191],{"class":138},[83,844,101],{"class":89},[83,846,848],{"class":85,"line":847},56,[83,849,850],{"class":255},"        With Enter Delay\n",[83,852,854,856,858],{"class":85,"line":853},57,[83,855,262],{"class":89},[83,857,235],{"class":93},[83,859,101],{"class":89},[83,861,863,865,867,870,872,874,877,879],{"class":85,"line":862},58,[83,864,232],{"class":89},[83,866,24],{"class":93},[83,868,869],{"class":97}," enter-delay",[83,871,188],{"class":89},[83,873,191],{"class":138},[83,875,876],{"class":142},"500",[83,878,191],{"class":138},[83,880,101],{"class":89},[83,882,884,886,888,890,893,895,897],{"class":85,"line":883},59,[83,885,281],{"class":89},[83,887,284],{"class":93},[83,889,287],{"class":89},[83,891,892],{"class":255},"Hover me (500ms delay)",[83,894,152],{"class":89},[83,896,284],{"class":93},[83,898,101],{"class":89},[83,900,902,904,906,908,910],{"class":85,"line":901},60,[83,903,281],{"class":89},[83,905,171],{"class":93},[83,907,306],{"class":89},[83,909,31],{"class":202},[83,911,101],{"class":89},[83,913,915,917,919,921,924,926,928],{"class":85,"line":914},61,[83,916,316],{"class":89},[83,918,33],{"class":93},[83,920,287],{"class":89},[83,922,923],{"class":255},"This tooltip appears after 500ms",[83,925,152],{"class":89},[83,927,33],{"class":93},[83,929,101],{"class":89},[83,931,933,935,937],{"class":85,"line":932},62,[83,934,335],{"class":89},[83,936,171],{"class":93},[83,938,101],{"class":89},[83,940,942,944,946],{"class":85,"line":941},63,[83,943,262],{"class":89},[83,945,24],{"class":93},[83,947,101],{"class":89},[83,949,951,953,955],{"class":85,"line":950},64,[83,952,354],{"class":89},[83,954,224],{"class":93},[83,956,101],{"class":89},[83,958,960],{"class":85,"line":959},65,[83,961,163],{"emptyLinePlaceholder":162},[83,963,965,967,969],{"class":85,"line":964},66,[83,966,221],{"class":89},[83,968,224],{"class":93},[83,970,101],{"class":89},[83,972,974,976,978,980,982,984,986,988],{"class":85,"line":973},67,[83,975,232],{"class":89},[83,977,235],{"class":93},[83,979,238],{"class":97},[83,981,188],{"class":89},[83,983,191],{"class":138},[83,985,245],{"class":142},[83,987,191],{"class":138},[83,989,101],{"class":89},[83,991,993],{"class":85,"line":992},68,[83,994,995],{"class":255},"        With Leave Delay\n",[83,997,999,1001,1003],{"class":85,"line":998},69,[83,1000,262],{"class":89},[83,1002,235],{"class":93},[83,1004,101],{"class":89},[83,1006,1008,1010,1012,1015,1017,1019,1021,1023],{"class":85,"line":1007},70,[83,1009,232],{"class":89},[83,1011,24],{"class":93},[83,1013,1014],{"class":97}," leave-delay",[83,1016,188],{"class":89},[83,1018,191],{"class":138},[83,1020,876],{"class":142},[83,1022,191],{"class":138},[83,1024,101],{"class":89},[83,1026,1028,1030,1032,1034,1037,1039,1041],{"class":85,"line":1027},71,[83,1029,281],{"class":89},[83,1031,284],{"class":93},[83,1033,287],{"class":89},[83,1035,1036],{"class":255},"Hover me (closes after 500ms)",[83,1038,152],{"class":89},[83,1040,284],{"class":93},[83,1042,101],{"class":89},[83,1044,1046,1048,1050,1052,1054],{"class":85,"line":1045},72,[83,1047,281],{"class":89},[83,1049,171],{"class":93},[83,1051,306],{"class":89},[83,1053,31],{"class":202},[83,1055,101],{"class":89},[83,1057,1059,1061,1063,1065,1068,1070,1072],{"class":85,"line":1058},73,[83,1060,316],{"class":89},[83,1062,33],{"class":93},[83,1064,287],{"class":89},[83,1066,1067],{"class":255},"This tooltip stays for 500ms after you stop hovering",[83,1069,152],{"class":89},[83,1071,33],{"class":93},[83,1073,101],{"class":89},[83,1075,1077,1079,1081],{"class":85,"line":1076},74,[83,1078,335],{"class":89},[83,1080,171],{"class":93},[83,1082,101],{"class":89},[83,1084,1086,1088,1090],{"class":85,"line":1085},75,[83,1087,262],{"class":89},[83,1089,24],{"class":93},[83,1091,101],{"class":89},[83,1093,1095,1097,1099],{"class":85,"line":1094},76,[83,1096,354],{"class":89},[83,1098,224],{"class":93},[83,1100,101],{"class":89},[83,1102,1104],{"class":85,"line":1103},77,[83,1105,163],{"emptyLinePlaceholder":162},[83,1107,1109,1111,1113],{"class":85,"line":1108},78,[83,1110,221],{"class":89},[83,1112,224],{"class":93},[83,1114,101],{"class":89},[83,1116,1118,1120,1122,1124,1126,1128,1130,1132],{"class":85,"line":1117},79,[83,1119,232],{"class":89},[83,1121,235],{"class":93},[83,1123,238],{"class":97},[83,1125,188],{"class":89},[83,1127,191],{"class":138},[83,1129,245],{"class":142},[83,1131,191],{"class":138},[83,1133,101],{"class":89},[83,1135,1137],{"class":85,"line":1136},80,[83,1138,1139],{"class":255},"        With Icon\n",[83,1141,1143,1145,1147],{"class":85,"line":1142},81,[83,1144,262],{"class":89},[83,1146,235],{"class":93},[83,1148,101],{"class":89},[83,1150,1152,1154,1156],{"class":85,"line":1151},82,[83,1153,232],{"class":89},[83,1155,24],{"class":93},[83,1157,101],{"class":89},[83,1159,1161,1163,1166,1168,1171,1173,1175,1178,1180],{"class":85,"line":1160},83,[83,1162,281],{"class":89},[83,1164,1165],{"class":93},"IconInfo",[83,1167,199],{"class":89},[83,1169,1170],{"class":202},"size",[83,1172,188],{"class":89},[83,1174,191],{"class":89},[83,1176,1177],{"class":210},"24",[83,1179,191],{"class":89},[83,1181,1182],{"class":89}," />\n",[83,1184,1186,1188,1190,1192,1194],{"class":85,"line":1185},84,[83,1187,281],{"class":89},[83,1189,171],{"class":93},[83,1191,306],{"class":89},[83,1193,31],{"class":202},[83,1195,101],{"class":89},[83,1197,1199,1201,1203,1205,1208,1210,1212],{"class":85,"line":1198},85,[83,1200,316],{"class":89},[83,1202,33],{"class":93},[83,1204,287],{"class":89},[83,1206,1207],{"class":255},"Additional information",[83,1209,152],{"class":89},[83,1211,33],{"class":93},[83,1213,101],{"class":89},[83,1215,1217,1219,1221],{"class":85,"line":1216},86,[83,1218,335],{"class":89},[83,1220,171],{"class":93},[83,1222,101],{"class":89},[83,1224,1226,1228,1230],{"class":85,"line":1225},87,[83,1227,262],{"class":89},[83,1229,24],{"class":93},[83,1231,101],{"class":89},[83,1233,1235,1237,1239],{"class":85,"line":1234},88,[83,1236,354],{"class":89},[83,1238,224],{"class":93},[83,1240,101],{"class":89},[83,1242,1244],{"class":85,"line":1243},89,[83,1245,163],{"emptyLinePlaceholder":162},[83,1247,1249,1251,1253],{"class":85,"line":1248},90,[83,1250,221],{"class":89},[83,1252,224],{"class":93},[83,1254,101],{"class":89},[83,1256,1258,1260,1262,1264,1266,1268,1270,1272],{"class":85,"line":1257},91,[83,1259,232],{"class":89},[83,1261,235],{"class":93},[83,1263,238],{"class":97},[83,1265,188],{"class":89},[83,1267,191],{"class":138},[83,1269,245],{"class":142},[83,1271,191],{"class":138},[83,1273,101],{"class":89},[83,1275,1277],{"class":85,"line":1276},92,[83,1278,1279],{"class":255},"        With Formatted Content\n",[83,1281,1283,1285,1287],{"class":85,"line":1282},93,[83,1284,262],{"class":89},[83,1286,235],{"class":93},[83,1288,101],{"class":89},[83,1290,1292,1294,1296],{"class":85,"line":1291},94,[83,1293,232],{"class":89},[83,1295,24],{"class":93},[83,1297,101],{"class":89},[83,1299,1301,1303,1305,1307,1310,1312,1314],{"class":85,"line":1300},95,[83,1302,281],{"class":89},[83,1304,284],{"class":93},[83,1306,287],{"class":89},[83,1308,1309],{"class":255},"Hover for details",[83,1311,152],{"class":89},[83,1313,284],{"class":93},[83,1315,101],{"class":89},[83,1317,1319,1321,1323,1325,1327],{"class":85,"line":1318},96,[83,1320,281],{"class":89},[83,1322,171],{"class":93},[83,1324,306],{"class":89},[83,1326,31],{"class":202},[83,1328,101],{"class":89},[83,1330,1332,1334,1336,1338,1340,1342,1345,1347],{"class":85,"line":1331},97,[83,1333,316],{"class":89},[83,1335,224],{"class":93},[83,1337,238],{"class":97},[83,1339,188],{"class":89},[83,1341,191],{"class":138},[83,1343,1344],{"class":142},"p-s",[83,1346,191],{"class":138},[83,1348,101],{"class":89},[83,1350,1352,1354,1356,1358,1360,1362,1365,1367],{"class":85,"line":1351},98,[83,1353,485],{"class":89},[83,1355,235],{"class":93},[83,1357,238],{"class":97},[83,1359,188],{"class":89},[83,1361,191],{"class":138},[83,1363,1364],{"class":142},"mb-s block text-semibold",[83,1366,191],{"class":138},[83,1368,101],{"class":89},[83,1370,1372],{"class":85,"line":1371},99,[83,1373,1374],{"class":255},"              Title\n",[83,1376,1378,1381,1383],{"class":85,"line":1377},100,[83,1379,1380],{"class":89},"            \u003C/",[83,1382,235],{"class":93},[83,1384,101],{"class":89},[83,1386,1388,1390,1392,1394,1397,1399,1401],{"class":85,"line":1387},101,[83,1389,485],{"class":89},[83,1391,33],{"class":93},[83,1393,287],{"class":89},[83,1395,1396],{"class":255},"Detailed description goes here",[83,1398,152],{"class":89},[83,1400,33],{"class":93},[83,1402,101],{"class":89},[83,1404,1406,1408,1410],{"class":85,"line":1405},102,[83,1407,504],{"class":89},[83,1409,224],{"class":93},[83,1411,101],{"class":89},[83,1413,1415,1417,1419],{"class":85,"line":1414},103,[83,1416,335],{"class":89},[83,1418,171],{"class":93},[83,1420,101],{"class":89},[83,1422,1424,1426,1428],{"class":85,"line":1423},104,[83,1425,262],{"class":89},[83,1427,24],{"class":93},[83,1429,101],{"class":89},[83,1431,1433,1435,1437],{"class":85,"line":1432},105,[83,1434,354],{"class":89},[83,1436,224],{"class":93},[83,1438,101],{"class":89},[83,1440,1442,1445,1447],{"class":85,"line":1441},106,[83,1443,1444],{"class":89},"  \u003C/",[83,1446,182],{"class":93},[83,1448,101],{"class":89},[83,1450,1452,1454,1456],{"class":85,"line":1451},107,[83,1453,152],{"class":89},[83,1455,171],{"class":93},[83,1457,101],{"class":89},[1459,1460,1462],"h3",{"id":1461},"props","Props",[1464,1465,1466,1482],"table",{},[1467,1468,1469],"thead",{},[1470,1471,1472,1476,1479],"tr",{},[1473,1474,1475],"th",{},"Name",[1473,1477,1478],{},"Default",[1473,1480,1481],{},"Type",[1483,1484,1485,1536,1556,1574],"tbody",{},[1470,1486,1487,1493,1497],{},[1488,1489,1490],"td",{},[58,1491,1492],{},"placement",[1488,1494,1495],{},[58,1496,444],{},[1488,1498,1499,1501,1502,1501,1504,1501,1506,1501,1508,1501,1511,1501,1514,1501,1517,1501,1520,1501,1523,1501,1526,1501,1529,1501,1532,1535],{},[58,1500,444],{}," ",[58,1503,538],{},[58,1505,630],{},[58,1507,722],{},[58,1509,1510],{},"top-start",[58,1512,1513],{},"top-end",[58,1515,1516],{},"right-start",[58,1518,1519],{},"right-end",[58,1521,1522],{},"bottom-start",[58,1524,1525],{},"bottom-end",[58,1527,1528],{},"left-start",[58,1530,1531],{},"left-end",[1533,1534],"br",{}," Position of the dropdown relative to the trigger",[1470,1537,1538,1543,1548],{},[1488,1539,1540],{},[58,1541,1542],{},"enter-delay",[1488,1544,1545],{},[58,1546,1547],{},"0",[1488,1549,1550,1501,1553,1555],{},[58,1551,1552],{},"number",[1533,1554],{}," The delay in milliseconds before showing the tooltip",[1470,1557,1558,1563,1567],{},[1488,1559,1560],{},[58,1561,1562],{},"leave-delay",[1488,1564,1565],{},[58,1566,1547],{},[1488,1568,1569,1501,1571,1573],{},[58,1570,1552],{},[1533,1572],{}," The delay in milliseconds before hiding the tooltip after the cursor leaves",[1470,1575,1576,1581,1586],{},[1488,1577,1578],{},[58,1579,1580],{},"disabled",[1488,1582,1583],{},[58,1584,1585],{},"false",[1488,1587,1588,1501,1591,1593],{},[58,1589,1590],{},"boolean",[1533,1592],{}," Controls whether the tooltip can render",[1459,1595,1597],{"id":1596},"slots","Slots",[1464,1599,1600,1612],{},[1467,1601,1602],{},[1470,1603,1604,1606,1609],{},[1473,1605,1475],{},[1473,1607,1608],{},"Accepts",[1473,1610,1611],{},"Description",[1483,1613,1614,1629],{},[1470,1615,1616,1621,1626],{},[1488,1617,1618],{},[58,1619,1620],{},"default",[1488,1622,1623],{},[58,1624,1625],{},"any",[1488,1627,1628],{},"The element that triggers the tooltip",[1470,1630,1631,1635,1639],{},[1488,1632,1633],{},[58,1634,31],{},[1488,1636,1637],{},[58,1638,1625],{},[1488,1640,1641],{},"The content of the tooltip",[1643,1644,1645],"style",{},"html pre.shiki code .sP76a, html code.shiki .sP76a{--shiki-dark:#666666;--shiki-light:#999999;--shiki-default:#666666}html pre.shiki code .sKpE2, html code.shiki .sKpE2{--shiki-dark:#4D9375;--shiki-light:#1E754F;--shiki-default:#4D9375}html pre.shiki code .sflEz, html code.shiki .sflEz{--shiki-dark:#BD976A;--shiki-light:#B07D48;--shiki-default:#BD976A}html pre.shiki code .sBR95, html code.shiki .sBR95{--shiki-dark:#C98A7D77;--shiki-light:#B5695977;--shiki-default:#C98A7D77}html pre.shiki code .sfmH-, html code.shiki .sfmH-{--shiki-dark:#C98A7D;--shiki-light:#B56959;--shiki-default:#C98A7D}html pre.shiki code .sRTv0, html code.shiki .sRTv0{--shiki-dark:#80A665;--shiki-light:#59873A;--shiki-default:#80A665}html pre.shiki code .socUO, html code.shiki .socUO{--shiki-dark:#4C9A91;--shiki-light:#2F798A;--shiki-default:#4C9A91}html pre.shiki code .sX1ls, html code.shiki .sX1ls{--shiki-dark:#DBD7CAEE;--shiki-light:#393A34;--shiki-default:#DBD7CAEE}html .dark .shiki span {color: var(--shiki-dark);background: var(--shiki-dark-bg);font-style: var(--shiki-dark-font-style);font-weight: var(--shiki-dark-font-weight);text-decoration: var(--shiki-dark-text-decoration);}html.dark .shiki span {color: var(--shiki-dark);background: var(--shiki-dark-bg);font-style: var(--shiki-dark-font-style);font-weight: var(--shiki-dark-font-weight);text-decoration: var(--shiki-dark-text-decoration);}html .light .shiki span {color: var(--shiki-light);background: var(--shiki-light-bg);font-style: var(--shiki-light-font-style);font-weight: var(--shiki-light-font-weight);text-decoration: var(--shiki-light-text-decoration);}html.light .shiki span {color: var(--shiki-light);background: var(--shiki-light-bg);font-style: var(--shiki-light-font-style);font-weight: var(--shiki-light-font-weight);text-decoration: var(--shiki-light-text-decoration);}html .default .shiki span {color: var(--shiki-default);background: var(--shiki-default-bg);font-style: var(--shiki-default-font-style);font-weight: var(--shiki-default-font-weight);text-decoration: var(--shiki-default-text-decoration);}html .shiki span {color: var(--shiki-default);background: var(--shiki-default-bg);font-style: var(--shiki-default-font-style);font-weight: var(--shiki-default-font-weight);text-decoration: var(--shiki-default-text-decoration);}",{"title":79,"searchDepth":104,"depth":104,"links":1647},[1648,1649],{"id":1461,"depth":149,"text":1462},{"id":1596,"depth":149,"text":1597},"md",{},{"title":24,"description":35},"docs/components/tooltip","bjfxp3wjsCnNlnL_A4ef-xivo79eqBOkPINiVB5wM64",{"left":4,"top":4,"width":5,"height":5,"rotate":4,"vFlip":6,"hFlip":6,"body":1656},"\u003Cpath fill=\"currentColor\" d=\"M128 24a104 104 0 1 0 104 104A104.11 104.11 0 0 0 128 24m0 192a88 88 0 1 1 88-88a88.1 88.1 0 0 1-88 88m16-40a8 8 0 0 1-8 8a16 16 0 0 1-16-16v-40a8 8 0 0 1 0-16a16 16 0 0 1 16 16v40a8 8 0 0 1 8 8m-32-92a12 12 0 1 1 12 12a12 12 0 0 1-12-12\"/>",1777992281795]