[{"data":1,"prerenderedAt":1618},["ShallowReactive",2],{"navigation":3,"\u002Fcomponents\u002Ftooltip\u002Fdeveloper":439},[4,30,256,281,366,375,402,424],{"title":5,"icon":6,"path":7,"stem":8,"children":9,"page":6},"Getting Started",false,"\u002Fgetting-started","1.getting-started",[10,15,20,25],{"title":11,"path":12,"stem":13,"icon":14},"Installation","\u002Fgetting-started\u002Finstallation","1.getting-started\u002F2.installation","i-lucide-download",{"title":16,"path":17,"stem":18,"icon":19},"Nuxt","\u002Fgetting-started\u002Fnuxt","1.getting-started\u002F3.nuxt","i-lucide-mountain",{"title":21,"path":22,"stem":23,"icon":24},"Theming","\u002Fgetting-started\u002Ftheming","1.getting-started\u002F4.theming","i-lucide-palette",{"title":26,"path":27,"stem":28,"icon":29},"MCP","\u002Fgetting-started\u002Fmcp","1.getting-started\u002F5.mcp","i-lucide-plug",{"title":31,"icon":6,"path":32,"stem":33,"children":34,"page":6},"Components","\u002Fcomponents","2.components",[35,43,51,59,67,75,83,92,100,104,108,116,124,133,141,149,157,166,174,182,191,199,203,211,220,228,236,240,248],{"title":36,"path":37,"stem":38,"children":39,"page":6},"Accordion","\u002Fcomponents\u002Faccordion","2.components\u002F01.accordion",[40],{"title":36,"path":41,"stem":42},"\u002Fcomponents\u002Faccordion\u002Foverview","2.components\u002F01.accordion\u002F1.overview",{"title":44,"path":45,"stem":46,"children":47,"page":6},"Alert","\u002Fcomponents\u002Falert","2.components\u002F02.alert",[48],{"title":44,"path":49,"stem":50},"\u002Fcomponents\u002Falert\u002Foverview","2.components\u002F02.alert\u002F1.overview",{"title":52,"path":53,"stem":54,"children":55,"page":6},"Button","\u002Fcomponents\u002Fbutton","2.components\u002F03.button",[56],{"title":52,"path":57,"stem":58},"\u002Fcomponents\u002Fbutton\u002Foverview","2.components\u002F03.button\u002F1.overview",{"title":60,"path":61,"stem":62,"children":63,"page":6},"Card","\u002Fcomponents\u002Fcard","2.components\u002F04.card",[64],{"title":60,"path":65,"stem":66},"\u002Fcomponents\u002Fcard\u002Foverview","2.components\u002F04.card\u002F1.overview",{"title":68,"path":69,"stem":70,"children":71,"page":6},"Carousel","\u002Fcomponents\u002Fcarousel","2.components\u002F05.carousel",[72],{"title":68,"path":73,"stem":74},"\u002Fcomponents\u002Fcarousel\u002Foverview","2.components\u002F05.carousel\u002F1.overview",{"title":76,"path":77,"stem":78,"children":79,"page":6},"Checkbox","\u002Fcomponents\u002Fcheckbox","2.components\u002F06.checkbox",[80],{"title":76,"path":81,"stem":82},"\u002Fcomponents\u002Fcheckbox\u002Foverview","2.components\u002F06.checkbox\u002F1.overview",{"title":84,"path":85,"stem":86,"children":87,"page":6},"Date Picker","\u002Fcomponents\u002Fdate-picker","2.components\u002F07.date-picker",[88],{"title":89,"path":90,"stem":91},"Date picker","\u002Fcomponents\u002Fdate-picker\u002Foverview","2.components\u002F07.date-picker\u002F1.overview",{"title":93,"path":94,"stem":95,"children":96,"page":6},"Dropdown","\u002Fcomponents\u002Fdropdown","2.components\u002F08.dropdown",[97],{"title":93,"path":98,"stem":99},"\u002Fcomponents\u002Fdropdown\u002Foverview","2.components\u002F08.dropdown\u002F1.overview",{"title":101,"path":102,"stem":103},"Heading","\u002Fcomponents\u002Fheading","2.components\u002F09.heading",{"title":105,"path":106,"stem":107},"Icon","\u002Fcomponents\u002Ficon","2.components\u002F10.icon",{"title":109,"path":110,"stem":111,"children":112,"page":6},"Input","\u002Fcomponents\u002Finput","2.components\u002F11.input",[113],{"title":109,"path":114,"stem":115},"\u002Fcomponents\u002Finput\u002Foverview","2.components\u002F11.input\u002F1.overview",{"title":117,"path":118,"stem":119,"children":120,"page":6},"Label","\u002Fcomponents\u002Flabel","2.components\u002F12.label",[121],{"title":117,"path":122,"stem":123},"\u002Fcomponents\u002Flabel\u002Foverview","2.components\u002F12.label\u002F1.overview",{"title":125,"path":126,"stem":127,"children":128,"page":6},"Phone Number","\u002Fcomponents\u002Fphone-number","2.components\u002F13.phone-number",[129],{"title":130,"path":131,"stem":132},"Phone number","\u002Fcomponents\u002Fphone-number\u002Foverview","2.components\u002F13.phone-number\u002F1.overview",{"title":134,"path":135,"stem":136,"children":137,"page":6},"Popover","\u002Fcomponents\u002Fpopover","2.components\u002F14.popover",[138],{"title":134,"path":139,"stem":140},"\u002Fcomponents\u002Fpopover\u002Foverview","2.components\u002F14.popover\u002F1.overview",{"title":142,"path":143,"stem":144,"children":145,"page":6},"Quantity","\u002Fcomponents\u002Fquantity","2.components\u002F15.quantity",[146],{"title":142,"path":147,"stem":148},"\u002Fcomponents\u002Fquantity\u002Foverview","2.components\u002F15.quantity\u002F1.overview",{"title":150,"path":151,"stem":152,"children":153,"page":6},"Radio","\u002Fcomponents\u002Fradio","2.components\u002F16.radio",[154],{"title":150,"path":155,"stem":156},"\u002Fcomponents\u002Fradio\u002Foverview","2.components\u002F16.radio\u002F1.overview",{"title":158,"path":159,"stem":160,"children":161,"page":6},"Radio Group","\u002Fcomponents\u002Fradio-group","2.components\u002F17.radio-group",[162],{"title":163,"path":164,"stem":165},"Radio group","\u002Fcomponents\u002Fradio-group\u002Foverview","2.components\u002F17.radio-group\u002F1.overview",{"title":167,"path":168,"stem":169,"children":170,"page":6},"Rating","\u002Fcomponents\u002Frating","2.components\u002F18.rating",[171],{"title":167,"path":172,"stem":173},"\u002Fcomponents\u002Frating\u002Foverview","2.components\u002F18.rating\u002F1.overview",{"title":175,"path":176,"stem":177,"children":178,"page":6},"Required","\u002Fcomponents\u002Frequired","2.components\u002F19.required",[179],{"title":175,"path":180,"stem":181},"\u002Fcomponents\u002Frequired\u002Foverview","2.components\u002F19.required\u002F1.overview",{"title":183,"path":184,"stem":185,"children":186,"page":6},"Scroll Area","\u002Fcomponents\u002Fscroll-area","2.components\u002F20.scroll-area",[187],{"title":188,"path":189,"stem":190},"Scroll area","\u002Fcomponents\u002Fscroll-area\u002Foverview","2.components\u002F20.scroll-area\u002F1.overview",{"title":192,"path":193,"stem":194,"children":195,"page":6},"Select","\u002Fcomponents\u002Fselect","2.components\u002F21.select",[196],{"title":192,"path":197,"stem":198},"\u002Fcomponents\u002Fselect\u002Foverview","2.components\u002F21.select\u002F1.overview",{"title":200,"path":201,"stem":202},"Spinner","\u002Fcomponents\u002Fspinner","2.components\u002F22.spinner",{"title":204,"path":205,"stem":206,"children":207,"page":6},"Switch","\u002Fcomponents\u002Fswitch","2.components\u002F23.switch",[208],{"title":204,"path":209,"stem":210},"\u002Fcomponents\u002Fswitch\u002Foverview","2.components\u002F23.switch\u002F1.overview",{"title":212,"path":213,"stem":214,"children":215,"page":6},"Tab Badge","\u002Fcomponents\u002Ftab-badge","2.components\u002F24.tab-badge",[216],{"title":217,"path":218,"stem":219},"Tab badge","\u002Fcomponents\u002Ftab-badge\u002Foverview","2.components\u002F24.tab-badge\u002F1.overview",{"title":221,"path":222,"stem":223,"children":224,"page":6},"Tabs","\u002Fcomponents\u002Ftabs","2.components\u002F25.tabs",[225],{"title":221,"path":226,"stem":227},"\u002Fcomponents\u002Ftabs\u002Foverview","2.components\u002F25.tabs\u002F1.overview",{"title":229,"path":230,"stem":231,"children":232,"page":6},"Tag","\u002Fcomponents\u002Ftag","2.components\u002F26.tag",[233],{"title":229,"path":234,"stem":235},"\u002Fcomponents\u002Ftag\u002Foverview","2.components\u002F26.tag\u002F1.overview",{"title":237,"path":238,"stem":239},"Text","\u002Fcomponents\u002Ftext","2.components\u002F27.text",{"title":241,"path":242,"stem":243,"children":244,"page":6},"Textarea","\u002Fcomponents\u002Ftextarea","2.components\u002F28.textarea",[245],{"title":241,"path":246,"stem":247},"\u002Fcomponents\u002Ftextarea\u002Foverview","2.components\u002F28.textarea\u002F1.overview",{"title":249,"path":250,"stem":251,"children":252,"page":6},"Tooltip","\u002Fcomponents\u002Ftooltip","2.components\u002F29.tooltip",[253],{"title":249,"path":254,"stem":255},"\u002Fcomponents\u002Ftooltip\u002Foverview","2.components\u002F29.tooltip\u002F1.overview",{"title":257,"icon":6,"path":258,"stem":259,"children":260,"page":6},"Foundations","\u002Ffoundations","2.foundations",[261,269,273,277],{"title":262,"icon":6,"path":263,"stem":264,"children":265,"page":6},"Color","\u002Ffoundations\u002Fcolor","2.foundations\u002F1.color",[266],{"title":262,"path":267,"stem":268},"\u002Ffoundations\u002Fcolor\u002Foverview","2.foundations\u002F1.color\u002F1.overview",{"title":270,"path":271,"stem":272},"Icons","\u002Ffoundations\u002Ficons","2.foundations\u002F2.icons",{"title":274,"path":275,"stem":276},"Logos and Pins","\u002Ffoundations\u002Flogos-and-pins","2.foundations\u002F3.logos-and-pins",{"title":278,"path":279,"stem":280},"Web layers","\u002Ffoundations\u002Fweb-layers","2.foundations\u002F4.web-layers",{"title":282,"icon":6,"path":283,"stem":284,"children":285,"page":6},"WIP","\u002Fwip","3.wip",[286,290,294,298,302,306,310,314,318,322,326,330,334,338,342,346,350,354,358,362],{"title":287,"path":288,"stem":289},"Additional","\u002Fwip\u002Fadditional","3.wip\u002Fadditional",{"title":291,"path":292,"stem":293},"Alt text","\u002Fwip\u002Falt-text","3.wip\u002Falt-text",{"title":295,"path":296,"stem":297},"AnnouncementBar","\u002Fwip\u002Fannouncement-bar","3.wip\u002Fannouncement-bar",{"title":299,"path":300,"stem":301},"Avatar","\u002Fwip\u002Favatar","3.wip\u002Favatar",{"title":303,"path":304,"stem":305},"Banner","\u002Fwip\u002Fbanner","3.wip\u002Fbanner",{"title":307,"path":308,"stem":309},"Breadcrumbs","\u002Fwip\u002Fbreadcrumbs","3.wip\u002Fbreadcrumbs",{"title":311,"path":312,"stem":313},"Divider & scroll","\u002Fwip\u002Fdivider-scroll","3.wip\u002Fdivider-scroll",{"title":315,"path":316,"stem":317},"FieldMessage","\u002Fwip\u002Ffield-message","3.wip\u002Ffield-message",{"title":319,"path":320,"stem":321},"Focus Ring","\u002Fwip\u002Ffocus-ring","3.wip\u002Ffocus-ring",{"title":323,"path":324,"stem":325},"InlineSeparator","\u002Fwip\u002Finline-separator","3.wip\u002Finline-separator",{"title":327,"path":328,"stem":329},"Modal & drawer","\u002Fwip\u002Fmodal-drawer","3.wip\u002Fmodal-drawer",{"title":331,"path":332,"stem":333},"Optional","\u002Fwip\u002Foptional","3.wip\u002Foptional",{"title":335,"path":336,"stem":337},"Pagination","\u002Fwip\u002Fpagination","3.wip\u002Fpagination",{"title":339,"path":340,"stem":341},"PasswordInput","\u002Fwip\u002Fpassword-input","3.wip\u002Fpassword-input",{"title":343,"path":344,"stem":345},"Pinned bar page","\u002Fwip\u002Fpinned-bar-page","3.wip\u002Fpinned-bar-page",{"title":347,"path":348,"stem":349},"PromotionalBar","\u002Fwip\u002Fpromotional-bar","3.wip\u002Fpromotional-bar",{"title":351,"path":352,"stem":353},"SearchInput","\u002Fwip\u002Fsearch-input","3.wip\u002Fsearch-input",{"title":355,"path":356,"stem":357},"StatusLine","\u002Fwip\u002Fstatus-line","3.wip\u002Fstatus-line",{"title":359,"path":360,"stem":361},"Stepper & loaderBar","\u002Fwip\u002Fstepper-loader-bar","3.wip\u002Fstepper-loader-bar",{"title":363,"path":364,"stem":365},"TextInput","\u002Fwip\u002Ftext-input","3.wip\u002Ftext-input",{"title":367,"icon":6,"path":368,"stem":369,"children":370,"page":6},"Overview","\u002Foverview","4.overview",[371],{"title":372,"path":373,"stem":374},"For developers","\u002Foverview\u002Ffor-developers","4.overview\u002F1.for-developers",{"title":376,"icon":6,"path":377,"stem":378,"children":379,"page":6},"Brand","\u002Fbrand","5.brand",[380,389],{"title":381,"icon":6,"path":382,"stem":383,"children":384,"page":6},"Brand guidelines","\u002Fbrand\u002Fbrand-guidelines","5.brand\u002F1.brand-guidelines",[385],{"title":386,"path":387,"stem":388},"Dr. Max Trademarks Guidelines","\u002Fbrand\u002Fbrand-guidelines\u002Fdr-max-trademarks-guidelines","5.brand\u002F1.brand-guidelines\u002F2.dr-max-trademarks-guidelines",{"title":390,"icon":6,"path":391,"stem":392,"children":393,"page":6},"Assets","\u002Fbrand\u002Fassets","5.brand\u002F2.assets",[394,398],{"title":395,"path":396,"stem":397},"Logos","\u002Fbrand\u002Fassets\u002Flogos","5.brand\u002F2.assets\u002F2.logos",{"title":399,"path":400,"stem":401},"Dr. Max Tagline","\u002Fbrand\u002Fassets\u002Fdr-max-tagline","5.brand\u002F2.assets\u002F3.dr-max-tagline",{"title":403,"icon":6,"path":404,"stem":405,"children":406,"page":6},"Content","\u002Fcontent","6.content",[407,411],{"title":408,"path":409,"stem":410},"Content accessibility","\u002Fcontent\u002Fcontent-accessibility","6.content\u002F1.content-accessibility",{"title":412,"icon":6,"path":413,"stem":414,"children":415,"page":6},"Content guidance","\u002Fcontent\u002Fcontent-guidelines","6.content\u002F2.content-guidelines",[416,420],{"title":417,"path":418,"stem":419},"Category color-coding","\u002Fcontent\u002Fcontent-guidelines\u002Fcategory-color-coding","6.content\u002F2.content-guidelines\u002F2.category-color-coding",{"title":421,"path":422,"stem":423},"Pop-up banners","\u002Fcontent\u002Fcontent-guidelines\u002Fpop-up-banners","6.content\u002F2.content-guidelines\u002F3.pop-up-banners",{"title":425,"icon":6,"path":426,"stem":427,"children":428,"page":6},"Accessibility","\u002Faccessibility","7.accessibility",[429],{"title":430,"path":431,"stem":432,"children":433,"icon":6},"Accessibility guidance","\u002Faccessibility\u002Faccessibility-guidance","7.accessibility\u002F1.accessibility-guidance\u002F1.index",[434,435],{"title":425,"path":431,"stem":432},{"title":436,"path":437,"stem":438},"Understanding WCAG 2.2","\u002Faccessibility\u002Faccessibility-guidance\u002Funderstanding-wcag-2-2","7.accessibility\u002F1.accessibility-guidance\u002F2.understanding-wcag-2-2",{"id":440,"title":249,"body":441,"description":1610,"extension":1611,"links":1612,"meta":1613,"navigation":6,"path":1614,"seo":1615,"stem":1616,"__hash__":1617},"docs\u002F2.components\u002F29.tooltip\u002F3.developer.md",{"type":442,"value":443,"toc":1600},"minimark",[444,449,491,495,499,510,698,703,714,865,869,906,1194,1198,1213,1457,1461,1471,1581,1588,1592,1596],[445,446,448],"h2",{"id":447},"import","Import",[450,451,456],"pre",{"className":452,"code":453,"language":454,"meta":455,"style":455},"language-ts shiki shiki-themes material-theme-palenight","import { Tooltip } from \"@dr-max\u002Fui\u002Ftooltip\"\n","ts","",[457,458,459],"code",{"__ignoreMap":455},[460,461,464,467,471,475,478,481,484,488],"span",{"class":462,"line":463},"line",1,[460,465,447],{"class":466},"s6cf3",[460,468,470],{"class":469},"sAklC"," {",[460,472,474],{"class":473},"s0W1g"," Tooltip",[460,476,477],{"class":469}," }",[460,479,480],{"class":466}," from",[460,482,483],{"class":469}," \"",[460,485,487],{"class":486},"sfyAc","@dr-max\u002Fui\u002Ftooltip",[460,489,490],{"class":469},"\"\n",[492,493,494],"p",{},"The entry carries its own precompiled CSS — no extra style imports needed.",[445,496,498],{"id":497},"usage","Usage",[492,500,501,502,505,506,509],{},"The anchor goes into the default slot and the bubble text into the ",[457,503,504],{},"content"," prop. Uncontrolled by default: hovering or focusing the anchor shows the bubble (the demos below use ",[457,507,508],{},"default-open"," so the bubble is visible without hovering):",[511,512,513,523],"code-preview",{},[514,515,518],"ui-tooltip",{":default-open":516,"content":517},"true","Free delivery for orders over 999 Kč",[519,520,522],"ui-button",{"variant":521},"secondary","Hover me",[524,525,526],"template",{"v-slot:code":455},[450,527,531],{"className":528,"code":529,"language":530,"meta":455,"style":455},"language-vue shiki shiki-themes material-theme-palenight","\u003Cscript setup lang=\"ts\">\nimport { Button } from \"@dr-max\u002Fui\u002Fbutton\"\nimport { Tooltip } from \"@dr-max\u002Fui\u002Ftooltip\"\n\u003C\u002Fscript>\n\n\u003Ctemplate>\n  \u003CTooltip content=\"Free delivery for orders over 999 Kč\">\n    \u003CButton variant=\"secondary\">Hover me\u003C\u002FButton>\n  \u003C\u002FTooltip>\n\u003C\u002Ftemplate>\n","vue",[457,532,533,562,583,602,612,619,628,649,679,689],{"__ignoreMap":455},[460,534,535,538,542,546,549,552,555,557,559],{"class":462,"line":463},[460,536,537],{"class":469},"\u003C",[460,539,541],{"class":540},"s-wAU","script",[460,543,545],{"class":544},"sJ14y"," setup",[460,547,548],{"class":544}," lang",[460,550,551],{"class":469},"=",[460,553,554],{"class":469},"\"",[460,556,454],{"class":486},[460,558,554],{"class":469},[460,560,561],{"class":469},">\n",[460,563,565,567,569,572,574,576,578,581],{"class":462,"line":564},2,[460,566,447],{"class":466},[460,568,470],{"class":469},[460,570,571],{"class":473}," Button",[460,573,477],{"class":469},[460,575,480],{"class":466},[460,577,483],{"class":469},[460,579,580],{"class":486},"@dr-max\u002Fui\u002Fbutton",[460,582,490],{"class":469},[460,584,586,588,590,592,594,596,598,600],{"class":462,"line":585},3,[460,587,447],{"class":466},[460,589,470],{"class":469},[460,591,474],{"class":473},[460,593,477],{"class":469},[460,595,480],{"class":466},[460,597,483],{"class":469},[460,599,487],{"class":486},[460,601,490],{"class":469},[460,603,605,608,610],{"class":462,"line":604},4,[460,606,607],{"class":469},"\u003C\u002F",[460,609,541],{"class":540},[460,611,561],{"class":469},[460,613,615],{"class":462,"line":614},5,[460,616,618],{"emptyLinePlaceholder":617},true,"\n",[460,620,622,624,626],{"class":462,"line":621},6,[460,623,537],{"class":469},[460,625,524],{"class":540},[460,627,561],{"class":469},[460,629,631,634,636,639,641,643,645,647],{"class":462,"line":630},7,[460,632,633],{"class":469},"  \u003C",[460,635,249],{"class":540},[460,637,638],{"class":544}," content",[460,640,551],{"class":469},[460,642,554],{"class":469},[460,644,517],{"class":486},[460,646,554],{"class":469},[460,648,561],{"class":469},[460,650,652,655,657,660,662,664,666,668,671,673,675,677],{"class":462,"line":651},8,[460,653,654],{"class":469},"    \u003C",[460,656,52],{"class":540},[460,658,659],{"class":544}," variant",[460,661,551],{"class":469},[460,663,554],{"class":469},[460,665,521],{"class":486},[460,667,554],{"class":469},[460,669,670],{"class":469},">",[460,672,522],{"class":473},[460,674,607],{"class":469},[460,676,52],{"class":540},[460,678,561],{"class":469},[460,680,682,685,687],{"class":462,"line":681},9,[460,683,684],{"class":469},"  \u003C\u002F",[460,686,249],{"class":540},[460,688,561],{"class":469},[460,690,692,694,696],{"class":462,"line":691},10,[460,693,607],{"class":469},[460,695,524],{"class":540},[460,697,561],{"class":469},[699,700,702],"h3",{"id":701},"variants","Variants",[492,704,705,706,709,710,713],{},"The bubble is ",[457,707,708],{},"dark"," by default — switch to ",[457,711,712],{},"light"," on dark or busy backgrounds:",[511,715,716,722,728],{},[514,717,719],{":default-open":516,"content":718},"Dark bubble",[519,720,721],{"variant":521},"Dark",[514,723,725],{":default-open":516,"content":724,"variant":712},"Light bubble",[519,726,727],{"variant":521},"Light",[524,729,730],{"v-slot:code":455},[450,731,733],{"className":528,"code":732,"language":530,"meta":455,"style":455},"\u003Ctemplate>\n  \u003CTooltip content=\"Dark bubble\">\n    \u003CButton variant=\"secondary\">Dark\u003C\u002FButton>\n  \u003C\u002FTooltip>\n  \u003CTooltip content=\"Light bubble\" variant=\"light\">\n    \u003CButton variant=\"secondary\">Light\u003C\u002FButton>\n  \u003C\u002FTooltip>\n\u003C\u002Ftemplate>\n",[457,734,735,743,761,787,795,823,849,857],{"__ignoreMap":455},[460,736,737,739,741],{"class":462,"line":463},[460,738,537],{"class":469},[460,740,524],{"class":540},[460,742,561],{"class":469},[460,744,745,747,749,751,753,755,757,759],{"class":462,"line":564},[460,746,633],{"class":469},[460,748,249],{"class":540},[460,750,638],{"class":544},[460,752,551],{"class":469},[460,754,554],{"class":469},[460,756,718],{"class":486},[460,758,554],{"class":469},[460,760,561],{"class":469},[460,762,763,765,767,769,771,773,775,777,779,781,783,785],{"class":462,"line":585},[460,764,654],{"class":469},[460,766,52],{"class":540},[460,768,659],{"class":544},[460,770,551],{"class":469},[460,772,554],{"class":469},[460,774,521],{"class":486},[460,776,554],{"class":469},[460,778,670],{"class":469},[460,780,721],{"class":473},[460,782,607],{"class":469},[460,784,52],{"class":540},[460,786,561],{"class":469},[460,788,789,791,793],{"class":462,"line":604},[460,790,684],{"class":469},[460,792,249],{"class":540},[460,794,561],{"class":469},[460,796,797,799,801,803,805,807,809,811,813,815,817,819,821],{"class":462,"line":614},[460,798,633],{"class":469},[460,800,249],{"class":540},[460,802,638],{"class":544},[460,804,551],{"class":469},[460,806,554],{"class":469},[460,808,724],{"class":486},[460,810,554],{"class":469},[460,812,659],{"class":544},[460,814,551],{"class":469},[460,816,554],{"class":469},[460,818,712],{"class":486},[460,820,554],{"class":469},[460,822,561],{"class":469},[460,824,825,827,829,831,833,835,837,839,841,843,845,847],{"class":462,"line":621},[460,826,654],{"class":469},[460,828,52],{"class":540},[460,830,659],{"class":544},[460,832,551],{"class":469},[460,834,554],{"class":469},[460,836,521],{"class":486},[460,838,554],{"class":469},[460,840,670],{"class":469},[460,842,727],{"class":473},[460,844,607],{"class":469},[460,846,52],{"class":540},[460,848,561],{"class":469},[460,850,851,853,855],{"class":462,"line":630},[460,852,684],{"class":469},[460,854,249],{"class":540},[460,856,561],{"class":469},[460,858,859,861,863],{"class":462,"line":651},[460,860,607],{"class":469},[460,862,524],{"class":540},[460,864,561],{"class":469},[699,866,868],{"id":867},"placement","Placement",[492,870,871,874,875,878,879,878,882,878,885,888,889,874,892,878,895,878,898,901,902,905],{},[457,872,873],{},"side"," (",[457,876,877],{},"top",", ",[457,880,881],{},"right",[457,883,884],{},"bottom",[457,886,887],{},"left",") picks the preferred side of the anchor and flips automatically on viewport collisions, ",[457,890,891],{},"align",[457,893,894],{},"start",[457,896,897],{},"center",[457,899,900],{},"end",") aligns the bubble against the anchor, and ",[457,903,904],{},"side-offset"," sets the distance in pixels:",[511,907,908,913,918,923,928],{},[514,909,911],{":default-open":516,"content":910},"Top",[519,912,910],{"variant":521},[514,914,916],{":default-open":516,"content":915,"side":881},"Right",[519,917,915],{"variant":521},[514,919,921],{":default-open":516,"content":920,"side":884},"Bottom",[519,922,920],{"variant":521},[514,924,926],{":default-open":516,"content":925,"side":887},"Left",[519,927,925],{"variant":521},[524,929,930],{"v-slot:code":455},[450,931,933],{"className":528,"code":932,"language":530,"meta":455,"style":455},"\u003Ctemplate>\n  \u003CTooltip content=\"Top\">\n    \u003CButton variant=\"secondary\">Top\u003C\u002FButton>\n  \u003C\u002FTooltip>\n  \u003CTooltip content=\"Right\" side=\"right\">\n    \u003CButton variant=\"secondary\">Right\u003C\u002FButton>\n  \u003C\u002FTooltip>\n  \u003CTooltip content=\"Bottom\" side=\"bottom\">\n    \u003CButton variant=\"secondary\">Bottom\u003C\u002FButton>\n  \u003C\u002FTooltip>\n  \u003CTooltip content=\"Left\" side=\"left\">\n    \u003CButton variant=\"secondary\">Left\u003C\u002FButton>\n  \u003C\u002FTooltip>\n\u003C\u002Ftemplate>\n",[457,934,935,943,961,987,995,1024,1050,1058,1086,1112,1120,1149,1176,1185],{"__ignoreMap":455},[460,936,937,939,941],{"class":462,"line":463},[460,938,537],{"class":469},[460,940,524],{"class":540},[460,942,561],{"class":469},[460,944,945,947,949,951,953,955,957,959],{"class":462,"line":564},[460,946,633],{"class":469},[460,948,249],{"class":540},[460,950,638],{"class":544},[460,952,551],{"class":469},[460,954,554],{"class":469},[460,956,910],{"class":486},[460,958,554],{"class":469},[460,960,561],{"class":469},[460,962,963,965,967,969,971,973,975,977,979,981,983,985],{"class":462,"line":585},[460,964,654],{"class":469},[460,966,52],{"class":540},[460,968,659],{"class":544},[460,970,551],{"class":469},[460,972,554],{"class":469},[460,974,521],{"class":486},[460,976,554],{"class":469},[460,978,670],{"class":469},[460,980,910],{"class":473},[460,982,607],{"class":469},[460,984,52],{"class":540},[460,986,561],{"class":469},[460,988,989,991,993],{"class":462,"line":604},[460,990,684],{"class":469},[460,992,249],{"class":540},[460,994,561],{"class":469},[460,996,997,999,1001,1003,1005,1007,1009,1011,1014,1016,1018,1020,1022],{"class":462,"line":614},[460,998,633],{"class":469},[460,1000,249],{"class":540},[460,1002,638],{"class":544},[460,1004,551],{"class":469},[460,1006,554],{"class":469},[460,1008,915],{"class":486},[460,1010,554],{"class":469},[460,1012,1013],{"class":544}," side",[460,1015,551],{"class":469},[460,1017,554],{"class":469},[460,1019,881],{"class":486},[460,1021,554],{"class":469},[460,1023,561],{"class":469},[460,1025,1026,1028,1030,1032,1034,1036,1038,1040,1042,1044,1046,1048],{"class":462,"line":621},[460,1027,654],{"class":469},[460,1029,52],{"class":540},[460,1031,659],{"class":544},[460,1033,551],{"class":469},[460,1035,554],{"class":469},[460,1037,521],{"class":486},[460,1039,554],{"class":469},[460,1041,670],{"class":469},[460,1043,915],{"class":473},[460,1045,607],{"class":469},[460,1047,52],{"class":540},[460,1049,561],{"class":469},[460,1051,1052,1054,1056],{"class":462,"line":630},[460,1053,684],{"class":469},[460,1055,249],{"class":540},[460,1057,561],{"class":469},[460,1059,1060,1062,1064,1066,1068,1070,1072,1074,1076,1078,1080,1082,1084],{"class":462,"line":651},[460,1061,633],{"class":469},[460,1063,249],{"class":540},[460,1065,638],{"class":544},[460,1067,551],{"class":469},[460,1069,554],{"class":469},[460,1071,920],{"class":486},[460,1073,554],{"class":469},[460,1075,1013],{"class":544},[460,1077,551],{"class":469},[460,1079,554],{"class":469},[460,1081,884],{"class":486},[460,1083,554],{"class":469},[460,1085,561],{"class":469},[460,1087,1088,1090,1092,1094,1096,1098,1100,1102,1104,1106,1108,1110],{"class":462,"line":681},[460,1089,654],{"class":469},[460,1091,52],{"class":540},[460,1093,659],{"class":544},[460,1095,551],{"class":469},[460,1097,554],{"class":469},[460,1099,521],{"class":486},[460,1101,554],{"class":469},[460,1103,670],{"class":469},[460,1105,920],{"class":473},[460,1107,607],{"class":469},[460,1109,52],{"class":540},[460,1111,561],{"class":469},[460,1113,1114,1116,1118],{"class":462,"line":691},[460,1115,684],{"class":469},[460,1117,249],{"class":540},[460,1119,561],{"class":469},[460,1121,1123,1125,1127,1129,1131,1133,1135,1137,1139,1141,1143,1145,1147],{"class":462,"line":1122},11,[460,1124,633],{"class":469},[460,1126,249],{"class":540},[460,1128,638],{"class":544},[460,1130,551],{"class":469},[460,1132,554],{"class":469},[460,1134,925],{"class":486},[460,1136,554],{"class":469},[460,1138,1013],{"class":544},[460,1140,551],{"class":469},[460,1142,554],{"class":469},[460,1144,887],{"class":486},[460,1146,554],{"class":469},[460,1148,561],{"class":469},[460,1150,1152,1154,1156,1158,1160,1162,1164,1166,1168,1170,1172,1174],{"class":462,"line":1151},12,[460,1153,654],{"class":469},[460,1155,52],{"class":540},[460,1157,659],{"class":544},[460,1159,551],{"class":469},[460,1161,554],{"class":469},[460,1163,521],{"class":486},[460,1165,554],{"class":469},[460,1167,670],{"class":469},[460,1169,925],{"class":473},[460,1171,607],{"class":469},[460,1173,52],{"class":540},[460,1175,561],{"class":469},[460,1177,1179,1181,1183],{"class":462,"line":1178},13,[460,1180,684],{"class":469},[460,1182,249],{"class":540},[460,1184,561],{"class":469},[460,1186,1188,1190,1192],{"class":462,"line":1187},14,[460,1189,607],{"class":469},[460,1191,524],{"class":540},[460,1193,561],{"class":469},[699,1195,1197],{"id":1196},"controlled-state","Controlled state",[492,1199,1200,1201,1204,1205,1208,1209,1212],{},"Bind ",[457,1202,1203],{},"open"," when the parent should own the visibility — hover is then ignored. The tooltip emits ",[457,1206,1207],{},"update:open"," and ",[457,1210,1211],{},"close",":",[450,1214,1216],{"className":528,"code":1215,"language":530,"meta":455,"style":455},"\u003Cscript setup lang=\"ts\">\nimport { Button } from \"@dr-max\u002Fui\u002Fbutton\"\nimport { Tooltip } from \"@dr-max\u002Fui\u002Ftooltip\"\nimport { ref } from \"vue\"\n\nconst open = ref(false)\n\u003C\u002Fscript>\n\n\u003Ctemplate>\n  \u003CTooltip :open=\"open\" content=\"Saved to favourites\" @update:open=\"open = $event\">\n    \u003CButton variant=\"secondary\" @click=\"open = !open\">Save\u003C\u002FButton>\n  \u003C\u002FTooltip>\n\u003C\u002Ftemplate>\n",[457,1217,1218,1238,1256,1274,1293,1297,1320,1328,1332,1340,1396,1441,1449],{"__ignoreMap":455},[460,1219,1220,1222,1224,1226,1228,1230,1232,1234,1236],{"class":462,"line":463},[460,1221,537],{"class":469},[460,1223,541],{"class":540},[460,1225,545],{"class":544},[460,1227,548],{"class":544},[460,1229,551],{"class":469},[460,1231,554],{"class":469},[460,1233,454],{"class":486},[460,1235,554],{"class":469},[460,1237,561],{"class":469},[460,1239,1240,1242,1244,1246,1248,1250,1252,1254],{"class":462,"line":564},[460,1241,447],{"class":466},[460,1243,470],{"class":469},[460,1245,571],{"class":473},[460,1247,477],{"class":469},[460,1249,480],{"class":466},[460,1251,483],{"class":469},[460,1253,580],{"class":486},[460,1255,490],{"class":469},[460,1257,1258,1260,1262,1264,1266,1268,1270,1272],{"class":462,"line":585},[460,1259,447],{"class":466},[460,1261,470],{"class":469},[460,1263,474],{"class":473},[460,1265,477],{"class":469},[460,1267,480],{"class":466},[460,1269,483],{"class":469},[460,1271,487],{"class":486},[460,1273,490],{"class":469},[460,1275,1276,1278,1280,1283,1285,1287,1289,1291],{"class":462,"line":604},[460,1277,447],{"class":466},[460,1279,470],{"class":469},[460,1281,1282],{"class":473}," ref",[460,1284,477],{"class":469},[460,1286,480],{"class":466},[460,1288,483],{"class":469},[460,1290,530],{"class":486},[460,1292,490],{"class":469},[460,1294,1295],{"class":462,"line":614},[460,1296,618],{"emptyLinePlaceholder":617},[460,1298,1299,1302,1305,1307,1310,1313,1317],{"class":462,"line":621},[460,1300,1301],{"class":544},"const",[460,1303,1304],{"class":473}," open ",[460,1306,551],{"class":469},[460,1308,1282],{"class":1309},"sdLwU",[460,1311,1312],{"class":473},"(",[460,1314,1316],{"class":1315},"sbqyR","false",[460,1318,1319],{"class":473},")\n",[460,1321,1322,1324,1326],{"class":462,"line":630},[460,1323,607],{"class":469},[460,1325,541],{"class":540},[460,1327,561],{"class":469},[460,1329,1330],{"class":462,"line":651},[460,1331,618],{"emptyLinePlaceholder":617},[460,1333,1334,1336,1338],{"class":462,"line":681},[460,1335,537],{"class":469},[460,1337,524],{"class":540},[460,1339,561],{"class":469},[460,1341,1342,1344,1346,1349,1351,1353,1355,1357,1359,1361,1363,1365,1368,1370,1373,1376,1378,1380,1382,1384,1386,1389,1392,1394],{"class":462,"line":691},[460,1343,633],{"class":469},[460,1345,249],{"class":540},[460,1347,1348],{"class":469}," :",[460,1350,1203],{"class":544},[460,1352,551],{"class":469},[460,1354,554],{"class":469},[460,1356,1203],{"class":473},[460,1358,554],{"class":469},[460,1360,638],{"class":544},[460,1362,551],{"class":469},[460,1364,554],{"class":469},[460,1366,1367],{"class":486},"Saved to favourites",[460,1369,554],{"class":469},[460,1371,1372],{"class":469}," @",[460,1374,1375],{"class":544},"update",[460,1377,1212],{"class":469},[460,1379,1203],{"class":544},[460,1381,551],{"class":469},[460,1383,554],{"class":469},[460,1385,1203],{"class":473},[460,1387,1388],{"class":469}," = ",[460,1390,1391],{"class":473},"$event",[460,1393,554],{"class":469},[460,1395,561],{"class":469},[460,1397,1398,1400,1402,1404,1406,1408,1410,1412,1414,1417,1419,1421,1423,1426,1428,1430,1432,1435,1437,1439],{"class":462,"line":1122},[460,1399,654],{"class":469},[460,1401,52],{"class":540},[460,1403,659],{"class":544},[460,1405,551],{"class":469},[460,1407,554],{"class":469},[460,1409,521],{"class":486},[460,1411,554],{"class":469},[460,1413,1372],{"class":469},[460,1415,1416],{"class":544},"click",[460,1418,551],{"class":469},[460,1420,554],{"class":469},[460,1422,1203],{"class":473},[460,1424,1425],{"class":469}," = !",[460,1427,1203],{"class":473},[460,1429,554],{"class":469},[460,1431,670],{"class":469},[460,1433,1434],{"class":473},"Save",[460,1436,607],{"class":469},[460,1438,52],{"class":540},[460,1440,561],{"class":469},[460,1442,1443,1445,1447],{"class":462,"line":1151},[460,1444,684],{"class":469},[460,1446,249],{"class":540},[460,1448,561],{"class":469},[460,1450,1451,1453,1455],{"class":462,"line":1178},[460,1452,607],{"class":469},[460,1454,524],{"class":540},[460,1456,561],{"class":469},[699,1458,1460],{"id":1459},"rich-content","Rich content",[492,1462,1463,1464,1467,1468,1470],{},"The ",[457,1465,1466],{},"#content"," slot takes precedence over the ",[457,1469,504],{}," prop when the bubble needs markup:",[450,1472,1474],{"className":528,"code":1473,"language":530,"meta":455,"style":455},"\u003Ctemplate>\n  \u003CTooltip>\n    \u003Ctemplate #content>\n      Orders over \u003Cstrong>999 Kč\u003C\u002Fstrong> ship free\n    \u003C\u002Ftemplate>\n    \u003CButton variant=\"secondary\">Delivery info\u003C\u002FButton>\n  \u003C\u002FTooltip>\n\u003C\u002Ftemplate>\n",[457,1475,1476,1484,1492,1505,1529,1538,1565,1573],{"__ignoreMap":455},[460,1477,1478,1480,1482],{"class":462,"line":463},[460,1479,537],{"class":469},[460,1481,524],{"class":540},[460,1483,561],{"class":469},[460,1485,1486,1488,1490],{"class":462,"line":564},[460,1487,633],{"class":469},[460,1489,249],{"class":540},[460,1491,561],{"class":469},[460,1493,1494,1496,1498,1501,1503],{"class":462,"line":585},[460,1495,654],{"class":469},[460,1497,524],{"class":540},[460,1499,1500],{"class":469}," #",[460,1502,504],{"class":544},[460,1504,561],{"class":469},[460,1506,1507,1510,1512,1515,1517,1520,1522,1524,1526],{"class":462,"line":604},[460,1508,1509],{"class":473},"      Orders over ",[460,1511,537],{"class":469},[460,1513,1514],{"class":540},"strong",[460,1516,670],{"class":469},[460,1518,1519],{"class":473},"999 Kč",[460,1521,607],{"class":469},[460,1523,1514],{"class":540},[460,1525,670],{"class":469},[460,1527,1528],{"class":473}," ship free\n",[460,1530,1531,1534,1536],{"class":462,"line":614},[460,1532,1533],{"class":469},"    \u003C\u002F",[460,1535,524],{"class":540},[460,1537,561],{"class":469},[460,1539,1540,1542,1544,1546,1548,1550,1552,1554,1556,1559,1561,1563],{"class":462,"line":621},[460,1541,654],{"class":469},[460,1543,52],{"class":540},[460,1545,659],{"class":544},[460,1547,551],{"class":469},[460,1549,554],{"class":469},[460,1551,521],{"class":486},[460,1553,554],{"class":469},[460,1555,670],{"class":469},[460,1557,1558],{"class":473},"Delivery info",[460,1560,607],{"class":469},[460,1562,52],{"class":540},[460,1564,561],{"class":469},[460,1566,1567,1569,1571],{"class":462,"line":630},[460,1568,684],{"class":469},[460,1570,249],{"class":540},[460,1572,561],{"class":469},[460,1574,1575,1577,1579],{"class":462,"line":651},[460,1576,607],{"class":469},[460,1578,524],{"class":540},[460,1580,561],{"class":469},[492,1582,1583,1584,1587],{},"When the tooltip is rendered inside a modal, set ",[457,1585,1586],{},"inside-modal"," to suppress close events from outside interactions.",[445,1589,1591],{"id":1590},"playground","Playground",[1593,1594],"component-playground",{"component":1595},"tooltip",[1597,1598,1599],"style",{},"html pre.shiki code .s6cf3, html code.shiki .s6cf3{--shiki-default:#89DDFF;--shiki-default-font-style:italic}html pre.shiki code .sAklC, html code.shiki .sAklC{--shiki-default:#89DDFF}html pre.shiki code .s0W1g, html code.shiki .s0W1g{--shiki-default:#BABED8}html pre.shiki code .sfyAc, html code.shiki .sfyAc{--shiki-default:#C3E88D}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);}html pre.shiki code .s-wAU, html code.shiki .s-wAU{--shiki-default:#F07178}html pre.shiki code .sJ14y, html code.shiki .sJ14y{--shiki-default:#C792EA}html pre.shiki code .sdLwU, html code.shiki .sdLwU{--shiki-default:#82AAFF}html pre.shiki code .sbqyR, html code.shiki .sbqyR{--shiki-default:#FF9CAC}",{"title":455,"searchDepth":463,"depth":564,"links":1601},[1602,1603,1609],{"id":447,"depth":564,"text":448},{"id":497,"depth":564,"text":498,"children":1604},[1605,1606,1607,1608],{"id":701,"depth":585,"text":702},{"id":867,"depth":585,"text":868},{"id":1196,"depth":585,"text":1197},{"id":1459,"depth":585,"text":1460},{"id":1590,"depth":564,"text":1591},"Show short contextual help anchored to an element.","md",null,{},"\u002Fcomponents\u002Ftooltip\u002Fdeveloper",{"title":249,"description":1610},"2.components\u002F29.tooltip\u002F3.developer","uzSHzNkT_-2WOmzgdHplxUhzSJIVlqBg0CvIYut6qGw",1793289683682]