[{"data":1,"prerenderedAt":1648},["ShallowReactive",2],{"navigation":3,"/components/tooltip":272,"/components/tooltip-surround":1643},[4,22,59,95,120,161,183,200,243,264],{"title":5,"icon":6,"path":7,"stem":8,"children":9,"page":6},"Getting Started",false,"/getting-started","01.getting-started",[10,14,18],{"title":11,"path":12,"stem":13},"Introduction","/getting-started/introduction","01.getting-started/1.introduction",{"title":15,"path":16,"stem":17},"Installation","/getting-started/installation","01.getting-started/2.installation",{"title":19,"path":20,"stem":21},"Quick Start","/getting-started/quick-start","01.getting-started/3.quick-start",{"title":23,"path":24,"stem":25,"children":26,"page":6},"Configuration","/configuration","02.configuration",[27,31,35,39,43,47,51,55],{"title":28,"path":29,"stem":30},"Overview","/configuration/overview","02.configuration/1.overview",{"title":32,"path":33,"stem":34},"Size","/configuration/size","02.configuration/2.size",{"title":36,"path":37,"stem":38},"Steps","/configuration/steps","02.configuration/3.steps",{"title":40,"path":41,"stem":42},"Placement","/configuration/placement","02.configuration/4.placement",{"title":44,"path":45,"stem":46},"Animation","/configuration/animation","02.configuration/5.animation",{"title":48,"path":49,"stem":50},"Scroll","/configuration/scroll","02.configuration/6.scroll",{"title":52,"path":53,"stem":54},"Skip","/configuration/skip","02.configuration/7.skip",{"title":56,"path":57,"stem":58},"Styles","/configuration/styles","02.configuration/8.styles",{"title":60,"path":61,"stem":62,"children":63,"page":6},"Components","/components","03.components",[64,68,72,76,80,84,88,91],{"title":65,"path":66,"stem":67},"Container","/components/container","03.components/1.container",{"title":69,"path":70,"stem":71},"Overlay","/components/overlay","03.components/2.overlay",{"title":73,"path":74,"stem":75},"Tooltip","/components/tooltip","03.components/3.tooltip",{"title":77,"path":78,"stem":79},"Image","/components/image","03.components/4.image",{"title":81,"path":82,"stem":83},"Buttons","/components/buttons","03.components/5.buttons",{"title":85,"path":86,"stem":87},"Progress","/components/progress","03.components/6.progress",{"title":52,"path":89,"stem":90},"/components/skip","03.components/7.skip",{"title":92,"path":93,"stem":94},"Close Button","/components/close-button","03.components/8.close-button",{"title":96,"path":97,"stem":98,"children":99,"page":6},"Features","/features","04.features",[100,104,108,112,116],{"title":101,"path":102,"stem":103},"Visibility","/features/visibility","04.features/1.visibility",{"title":105,"path":106,"stem":107},"Responsive","/features/responsive","04.features/2.responsive",{"title":109,"path":110,"stem":111},"Keyboard","/features/keyboard","04.features/3.keyboard",{"title":113,"path":114,"stem":115},"Highlight","/features/highlight","04.features/4.highlight",{"title":117,"path":118,"stem":119},"Overrides","/features/overrides","04.features/5.overrides",{"title":121,"path":122,"stem":123,"children":124,"page":6},"API Reference","/api-reference","05.api-reference",[125,129,133,137,141,145,149,153,157],{"title":126,"path":127,"stem":128},"useBorda","/api-reference/use-borda","05.api-reference/1.use-borda",{"title":130,"path":131,"stem":132},"useConfig","/api-reference/use-config","05.api-reference/2.use-config",{"title":134,"path":135,"stem":136},"useHighlight","/api-reference/use-highlight","05.api-reference/3.use-highlight",{"title":138,"path":139,"stem":140},"Borda Instance","/api-reference/borda-instance","05.api-reference/4.borda-instance",{"title":142,"path":143,"stem":144},"Controller API","/api-reference/controller-api","05.api-reference/5.controller-api",{"title":146,"path":147,"stem":148},"Events API","/api-reference/events-api","05.api-reference/6.events-api",{"title":150,"path":151,"stem":152},"Visibility API","/api-reference/visibility-api","05.api-reference/7.visibility-api",{"title":154,"path":155,"stem":156},"Skip API","/api-reference/skip-api","05.api-reference/8.skip-api",{"title":158,"path":159,"stem":160},"Scroll API","/api-reference/scroll-api","05.api-reference/9.scroll-api",{"title":162,"path":163,"stem":164,"children":165,"page":6},"Events","/events","06.events",[166,170,174,177,180],{"title":167,"path":168,"stem":169},"Tour","/events/tour","06.events/1.tour",{"title":171,"path":172,"stem":173},"Widget","/events/widget","06.events/2.widget",{"title":52,"path":175,"stem":176},"/events/skip","06.events/3.skip",{"title":101,"path":178,"stem":179},"/events/visibility","06.events/4.visibility",{"title":109,"path":181,"stem":182},"/events/keyboard","06.events/5.keyboard",{"title":184,"path":185,"stem":186,"children":187,"page":6},"Custom Element","/custom-element","07.custom-element",[188,192,196],{"title":189,"path":190,"stem":191},"Setup","/custom-element/setup","07.custom-element/1.setup",{"title":193,"path":194,"stem":195},"Usage","/custom-element/usage","07.custom-element/2.usage",{"title":197,"path":198,"stem":199},"DOM Events","/custom-element/events","07.custom-element/3.events",{"title":201,"path":202,"stem":203,"children":204,"page":6},"Examples","/examples","08.examples",[205,209,213,217,220,223,226,229,233,236,240],{"title":206,"path":207,"stem":208},"Basic Setup","/examples/basic-setup","08.examples/01.basic-setup",{"title":210,"path":211,"stem":212},"Multi-step","/examples/multi-step","08.examples/02.multi-step",{"title":214,"path":215,"stem":216},"Custom Styling","/examples/custom-styling","08.examples/03.custom-styling",{"title":113,"path":218,"stem":219},"/examples/highlight","08.examples/04.highlight",{"title":105,"path":221,"stem":222},"/examples/responsive","08.examples/05.responsive",{"title":117,"path":224,"stem":225},"/examples/overrides","08.examples/06.overrides",{"title":109,"path":227,"stem":228},"/examples/keyboard","08.examples/07.keyboard",{"title":230,"path":231,"stem":232},"Don't Show Again","/examples/skip","08.examples/08.skip",{"title":44,"path":234,"stem":235},"/examples/animation","08.examples/09.animation",{"title":237,"path":238,"stem":239},"Transition","/examples/transition","08.examples/10.transition",{"title":85,"path":241,"stem":242},"/examples/progress","08.examples/11.progress",{"title":244,"path":245,"stem":246,"children":247,"page":6},"Distribution","/distribution","09.distribution",[248,252,256,260],{"title":249,"path":250,"stem":251},"Formats","/distribution/formats","09.distribution/1.formats",{"title":253,"path":254,"stem":255},"Browser Support","/distribution/browser-support","09.distribution/2.browser-support",{"title":257,"path":258,"stem":259},"Bundle Size","/distribution/bundle-size","09.distribution/3.bundle-size",{"title":261,"path":262,"stem":263},"TypeScript","/distribution/typescript","09.distribution/4.typescript",{"title":265,"path":266,"stem":267,"children":268,"page":6},"Accessibility","/accessibility","10.accessibility",[269],{"title":28,"path":270,"stem":271},"/accessibility/overview","10.accessibility/1.overview",{"id":273,"title":73,"body":274,"description":1636,"extension":1637,"links":1638,"meta":1639,"navigation":1640,"path":74,"seo":1641,"stem":75,"__hash__":1642},"docs/03.components/3.tooltip.md",{"type":275,"value":276,"toc":1630},"minimark",[277,286,291,593,830,834,956,961,1021,1025,1028,1051,1054,1083,1086,1287,1290,1399,1403,1626],[278,279,280,281,285],"p",{},"The tour tooltip displays the step's title and description in a positioned card with an optional arrow pointing at the target. It auto-flips to stay within the viewport and never overlaps the target. Pass ",[282,283,284],"code",{},"false"," to disable.",[287,288,290],"h2",{"id":289},"config","Config",[292,293,294,313],"table",{},[295,296,297],"thead",{},[298,299,300,304,307,310],"tr",{},[301,302,303],"th",{},"Property",[301,305,306],{},"Type",[301,308,309],{},"Default",[301,311,312],{},"Description",[314,315,316,337,355,375,395,414,433,453,470,489,507,525,542,559,576],"tbody",{},[298,317,318,324,329,334],{},[319,320,321],"td",{},[282,322,323],{},"size",[319,325,326],{},[282,327,328],{},"ComponentSize",[319,330,331],{},[282,332,333],{},"MD",[319,335,336],{},"Size variant scaling padding, gap, min-width and font sizes",[298,338,339,344,349,352],{},[319,340,341],{},[282,342,343],{},"placement",[319,345,346],{},[282,347,348],{},"ComponentPlacement",[319,350,351],{},"—",[319,353,354],{},"Tooltip placement relative to the target",[298,356,357,362,367,372],{},[319,358,359],{},[282,360,361],{},"autoPlacement",[319,363,364],{},[282,365,366],{},"BordaTourTooltipAutoPlacement | boolean",[319,368,369],{},[282,370,371],{},"true",[319,373,374],{},"Auto-flip when placement doesn't fit",[298,376,377,382,387,392],{},[319,378,379],{},[282,380,381],{},"margin",[319,383,384],{},[282,385,386],{},"number",[319,388,389],{},[282,390,391],{},"16",[319,393,394],{},"Minimum gap from viewport edges",[298,396,397,402,406,411],{},[319,398,399],{},[282,400,401],{},"offset",[319,403,404],{},[282,405,386],{},[319,407,408],{},[282,409,410],{},"8",[319,412,413],{},"Gap between tooltip and target in pixels",[298,415,416,421,425,430],{},[319,417,418],{},[282,419,420],{},"padding",[319,422,423],{},[282,424,386],{},[319,426,427],{},[282,428,429],{},"12",[319,431,432],{},"Inner padding in pixels",[298,434,435,440,445,447],{},[319,436,437],{},[282,438,439],{},"arrow",[319,441,442],{},[282,443,444],{},"BordaTourTooltipArrowProps | false",[319,446,351],{},[319,448,449,450,452],{},"Arrow config. Pass ",[282,451,284],{}," to hide.",[298,454,455,460,465,467],{},[319,456,457],{},[282,458,459],{},"animation",[319,461,462],{},[282,463,464],{},"BordaTourTooltipAnimation | false",[319,466,351],{},[319,468,469],{},"Enter/exit animation settings",[298,471,472,477,482,486],{},[319,473,474],{},[282,475,476],{},"hasGlide",[319,478,479],{},[282,480,481],{},"boolean",[319,483,484],{},[282,485,284],{},[319,487,488],{},"Whether the tooltip glides its position between steps",[298,490,491,496,500,504],{},[319,492,493],{},[282,494,495],{},"hasSwipeControl",[319,497,498],{},[282,499,481],{},[319,501,502],{},[282,503,371],{},[319,505,506],{},"Enable swipe-to-navigate on touch devices",[298,508,509,514,518,522],{},[319,510,511],{},[282,512,513],{},"isHidden",[319,515,516],{},[282,517,481],{},[319,519,520],{},[282,521,284],{},[319,523,524],{},"Whether the tooltip is currently hidden",[298,526,527,532,537,539],{},[319,528,529],{},[282,530,531],{},"aria",[319,533,534],{},[282,535,536],{},"Partial\u003CComponentAriaProps>",[319,538,351],{},[319,540,541],{},"ARIA attributes",[298,543,544,549,554,556],{},[319,545,546],{},[282,547,548],{},"customClasses",[319,550,551],{},[282,552,553],{},"Partial\u003CBordaTourTooltipComponentClasses>",[319,555,351],{},[319,557,558],{},"Custom CSS classes",[298,560,561,566,571,573],{},[319,562,563],{},[282,564,565],{},"customHtml",[319,567,568],{},[282,569,570],{},"Partial\u003CBordaTourTooltipComponentHtml>",[319,572,351],{},[319,574,575],{},"Custom inner HTML for title/description",[298,577,578,583,588,590],{},[319,579,580],{},[282,581,582],{},"customStyles",[319,584,585],{},[282,586,587],{},"Partial\u003CBordaTourTooltipComponentStyles>",[319,589,351],{},[319,591,592],{},"Custom inline styles",[594,595,600],"pre",{"className":596,"code":597,"language":598,"meta":599,"style":599},"language-ts shiki shiki-themes material-theme-lighter material-theme material-theme-palenight","await borda.mount({\n  steps: [\n    {\n      target: '#element',\n      title: 'Title',\n      description: 'Description text.',\n      placement: 'bottom-center',\n    },\n  ],\n  tourTooltip: {\n    offset: 12,\n    margin: 20,\n    arrow: { placement: 'top-center' },\n    autoPlacement: true,\n  },\n});\n","ts","",[282,601,602,629,642,648,669,686,703,720,726,734,745,759,772,798,812,818],{"__ignoreMap":599},[603,604,607,611,615,619,623,626],"span",{"class":605,"line":606},"line",1,[603,608,610],{"class":609},"s7zQu","await",[603,612,614],{"class":613},"sTEyZ"," borda",[603,616,618],{"class":617},"sMK4o",".",[603,620,622],{"class":621},"s2Zo4","mount",[603,624,625],{"class":613},"(",[603,627,628],{"class":617},"{\n",[603,630,632,636,639],{"class":605,"line":631},2,[603,633,635],{"class":634},"swJcz","  steps",[603,637,638],{"class":617},":",[603,640,641],{"class":613}," [\n",[603,643,645],{"class":605,"line":644},3,[603,646,647],{"class":617},"    {\n",[603,649,651,654,656,659,663,666],{"class":605,"line":650},4,[603,652,653],{"class":634},"      target",[603,655,638],{"class":617},[603,657,658],{"class":617}," '",[603,660,662],{"class":661},"sfazB","#element",[603,664,665],{"class":617},"'",[603,667,668],{"class":617},",\n",[603,670,672,675,677,679,682,684],{"class":605,"line":671},5,[603,673,674],{"class":634},"      title",[603,676,638],{"class":617},[603,678,658],{"class":617},[603,680,681],{"class":661},"Title",[603,683,665],{"class":617},[603,685,668],{"class":617},[603,687,689,692,694,696,699,701],{"class":605,"line":688},6,[603,690,691],{"class":634},"      description",[603,693,638],{"class":617},[603,695,658],{"class":617},[603,697,698],{"class":661},"Description text.",[603,700,665],{"class":617},[603,702,668],{"class":617},[603,704,706,709,711,713,716,718],{"class":605,"line":705},7,[603,707,708],{"class":634},"      placement",[603,710,638],{"class":617},[603,712,658],{"class":617},[603,714,715],{"class":661},"bottom-center",[603,717,665],{"class":617},[603,719,668],{"class":617},[603,721,723],{"class":605,"line":722},8,[603,724,725],{"class":617},"    },\n",[603,727,729,732],{"class":605,"line":728},9,[603,730,731],{"class":613},"  ]",[603,733,668],{"class":617},[603,735,737,740,742],{"class":605,"line":736},10,[603,738,739],{"class":634},"  tourTooltip",[603,741,638],{"class":617},[603,743,744],{"class":617}," {\n",[603,746,748,751,753,757],{"class":605,"line":747},11,[603,749,750],{"class":634},"    offset",[603,752,638],{"class":617},[603,754,756],{"class":755},"sbssI"," 12",[603,758,668],{"class":617},[603,760,762,765,767,770],{"class":605,"line":761},12,[603,763,764],{"class":634},"    margin",[603,766,638],{"class":617},[603,768,769],{"class":755}," 20",[603,771,668],{"class":617},[603,773,775,778,780,783,786,788,790,793,795],{"class":605,"line":774},13,[603,776,777],{"class":634},"    arrow",[603,779,638],{"class":617},[603,781,782],{"class":617}," {",[603,784,785],{"class":634}," placement",[603,787,638],{"class":617},[603,789,658],{"class":617},[603,791,792],{"class":661},"top-center",[603,794,665],{"class":617},[603,796,797],{"class":617}," },\n",[603,799,801,804,806,810],{"class":605,"line":800},14,[603,802,803],{"class":634},"    autoPlacement",[603,805,638],{"class":617},[603,807,809],{"class":808},"sfNiH"," true",[603,811,668],{"class":617},[603,813,815],{"class":605,"line":814},15,[603,816,817],{"class":617},"  },\n",[603,819,821,824,827],{"class":605,"line":820},16,[603,822,823],{"class":617},"}",[603,825,826],{"class":613},")",[603,828,829],{"class":617},";\n",[287,831,833],{"id":832},"customization","Customization",[594,835,837],{"className":596,"code":836,"language":598,"meta":599,"style":599},"tourTooltip: {\n  customClasses: {\n    root: 'shadow-xl rounded-2xl',\n    title: 'text-lg font-semibold',\n    description: 'text-sm text-gray-500',\n  },\n  customStyles: {\n    root: {\n      maxWidth: '360px',\n    },\n  },\n}\n",[282,838,839,849,858,874,890,906,910,919,927,943,947,951],{"__ignoreMap":599},[603,840,841,845,847],{"class":605,"line":606},[603,842,844],{"class":843},"sBMFI","tourTooltip",[603,846,638],{"class":617},[603,848,744],{"class":617},[603,850,851,854,856],{"class":605,"line":631},[603,852,853],{"class":843},"  customClasses",[603,855,638],{"class":617},[603,857,744],{"class":617},[603,859,860,863,865,867,870,872],{"class":605,"line":644},[603,861,862],{"class":843},"    root",[603,864,638],{"class":617},[603,866,658],{"class":617},[603,868,869],{"class":661},"shadow-xl rounded-2xl",[603,871,665],{"class":617},[603,873,668],{"class":617},[603,875,876,879,881,883,886,888],{"class":605,"line":650},[603,877,878],{"class":843},"    title",[603,880,638],{"class":617},[603,882,658],{"class":617},[603,884,885],{"class":661},"text-lg font-semibold",[603,887,665],{"class":617},[603,889,668],{"class":617},[603,891,892,895,897,899,902,904],{"class":605,"line":671},[603,893,894],{"class":843},"    description",[603,896,638],{"class":617},[603,898,658],{"class":617},[603,900,901],{"class":661},"text-sm text-gray-500",[603,903,665],{"class":617},[603,905,668],{"class":617},[603,907,908],{"class":605,"line":688},[603,909,817],{"class":617},[603,911,912,915,917],{"class":605,"line":705},[603,913,914],{"class":843},"  customStyles",[603,916,638],{"class":617},[603,918,744],{"class":617},[603,920,921,923,925],{"class":605,"line":722},[603,922,862],{"class":843},[603,924,638],{"class":617},[603,926,744],{"class":617},[603,928,929,932,934,936,939,941],{"class":605,"line":728},[603,930,931],{"class":843},"      maxWidth",[603,933,638],{"class":617},[603,935,658],{"class":617},[603,937,938],{"class":661},"360px",[603,940,665],{"class":617},[603,942,668],{"class":617},[603,944,945],{"class":605,"line":736},[603,946,725],{"class":617},[603,948,949],{"class":605,"line":747},[603,950,817],{"class":617},[603,952,953],{"class":605,"line":761},[603,954,955],{"class":617},"}\n",[278,957,958,959,638],{},"Replace the tooltip content entirely with ",[282,960,565],{},[594,962,964],{"className":596,"code":963,"language":598,"meta":599,"style":599},"tourTooltip: {\n  customHtml: {\n    title: '\u003Cstrong>Custom title\u003C/strong>',\n    description: '\u003Cem>Custom description\u003C/em>',\n  },\n}\n",[282,965,966,974,983,998,1013,1017],{"__ignoreMap":599},[603,967,968,970,972],{"class":605,"line":606},[603,969,844],{"class":843},[603,971,638],{"class":617},[603,973,744],{"class":617},[603,975,976,979,981],{"class":605,"line":631},[603,977,978],{"class":843},"  customHtml",[603,980,638],{"class":617},[603,982,744],{"class":617},[603,984,985,987,989,991,994,996],{"class":605,"line":644},[603,986,878],{"class":843},[603,988,638],{"class":617},[603,990,658],{"class":617},[603,992,993],{"class":661},"\u003Cstrong>Custom title\u003C/strong>",[603,995,665],{"class":617},[603,997,668],{"class":617},[603,999,1000,1002,1004,1006,1009,1011],{"class":605,"line":650},[603,1001,894],{"class":843},[603,1003,638],{"class":617},[603,1005,658],{"class":617},[603,1007,1008],{"class":661},"\u003Cem>Custom description\u003C/em>",[603,1010,665],{"class":617},[603,1012,668],{"class":617},[603,1014,1015],{"class":605,"line":671},[603,1016,817],{"class":617},[603,1018,1019],{"class":605,"line":688},[603,1020,955],{"class":617},[287,1022,1024],{"id":1023},"swipe-navigation-touch","Swipe navigation (touch)",[278,1026,1027],{},"On touch devices, swiping the tooltip navigates the tour — swipe left for the next step, swipe right for the previous one. A swipe must move at least 50px horizontally and no more than 75px vertically to register, so vertical scrolling near the tooltip doesn't accidentally trigger navigation.",[278,1029,1030,1031,1034,1035,1038,1039,1034,1042,1045,1046,1050],{},"Swiping calls the same ",[282,1032,1033],{},"next()"," / ",[282,1036,1037],{},"prev()"," handlers as the buttons, so it fires the regular ",[282,1040,1041],{},"ON_TOUR_NEXT",[282,1043,1044],{},"ON_TOUR_PREV"," ",[1047,1048,1049],"a",{"href":168},"tour events"," — there's no separate swipe event to subscribe to.",[278,1052,1053],{},"Enabled by default. Disable it globally:",[594,1055,1057],{"className":596,"code":1056,"language":598,"meta":599,"style":599},"tourTooltip: {\n  hasSwipeControl: false,\n}\n",[282,1058,1059,1067,1079],{"__ignoreMap":599},[603,1060,1061,1063,1065],{"class":605,"line":606},[603,1062,844],{"class":843},[603,1064,638],{"class":617},[603,1066,744],{"class":617},[603,1068,1069,1072,1074,1077],{"class":605,"line":631},[603,1070,1071],{"class":843},"  hasSwipeControl",[603,1073,638],{"class":617},[603,1075,1076],{"class":808}," false",[603,1078,668],{"class":617},[603,1080,1081],{"class":605,"line":644},[603,1082,955],{"class":617},[278,1084,1085],{},"Override it for a single step:",[594,1087,1089],{"className":596,"code":1088,"language":598,"meta":599,"style":599},"await borda.mount({\n  steps: [\n    {\n      target: '#intro',\n      title: 'Welcome',\n      description: 'Swipe left or right to navigate.',\n      placement: 'bottom-center',\n    },\n    {\n      target: '#chart',\n      title: 'Chart',\n      description: 'Swipe is off here so it doesn\\'t conflict with panning the chart.',\n      placement: 'middle-end',\n      tourTooltip: { hasSwipeControl: false },\n    },\n  ],\n});\n",[282,1090,1091,1105,1113,1117,1132,1147,1162,1176,1180,1184,1199,1214,1235,1250,1268,1272,1278],{"__ignoreMap":599},[603,1092,1093,1095,1097,1099,1101,1103],{"class":605,"line":606},[603,1094,610],{"class":609},[603,1096,614],{"class":613},[603,1098,618],{"class":617},[603,1100,622],{"class":621},[603,1102,625],{"class":613},[603,1104,628],{"class":617},[603,1106,1107,1109,1111],{"class":605,"line":631},[603,1108,635],{"class":634},[603,1110,638],{"class":617},[603,1112,641],{"class":613},[603,1114,1115],{"class":605,"line":644},[603,1116,647],{"class":617},[603,1118,1119,1121,1123,1125,1128,1130],{"class":605,"line":650},[603,1120,653],{"class":634},[603,1122,638],{"class":617},[603,1124,658],{"class":617},[603,1126,1127],{"class":661},"#intro",[603,1129,665],{"class":617},[603,1131,668],{"class":617},[603,1133,1134,1136,1138,1140,1143,1145],{"class":605,"line":671},[603,1135,674],{"class":634},[603,1137,638],{"class":617},[603,1139,658],{"class":617},[603,1141,1142],{"class":661},"Welcome",[603,1144,665],{"class":617},[603,1146,668],{"class":617},[603,1148,1149,1151,1153,1155,1158,1160],{"class":605,"line":688},[603,1150,691],{"class":634},[603,1152,638],{"class":617},[603,1154,658],{"class":617},[603,1156,1157],{"class":661},"Swipe left or right to navigate.",[603,1159,665],{"class":617},[603,1161,668],{"class":617},[603,1163,1164,1166,1168,1170,1172,1174],{"class":605,"line":705},[603,1165,708],{"class":634},[603,1167,638],{"class":617},[603,1169,658],{"class":617},[603,1171,715],{"class":661},[603,1173,665],{"class":617},[603,1175,668],{"class":617},[603,1177,1178],{"class":605,"line":722},[603,1179,725],{"class":617},[603,1181,1182],{"class":605,"line":728},[603,1183,647],{"class":617},[603,1185,1186,1188,1190,1192,1195,1197],{"class":605,"line":736},[603,1187,653],{"class":634},[603,1189,638],{"class":617},[603,1191,658],{"class":617},[603,1193,1194],{"class":661},"#chart",[603,1196,665],{"class":617},[603,1198,668],{"class":617},[603,1200,1201,1203,1205,1207,1210,1212],{"class":605,"line":747},[603,1202,674],{"class":634},[603,1204,638],{"class":617},[603,1206,658],{"class":617},[603,1208,1209],{"class":661},"Chart",[603,1211,665],{"class":617},[603,1213,668],{"class":617},[603,1215,1216,1218,1220,1222,1225,1228,1231,1233],{"class":605,"line":761},[603,1217,691],{"class":634},[603,1219,638],{"class":617},[603,1221,658],{"class":617},[603,1223,1224],{"class":661},"Swipe is off here so it doesn",[603,1226,1227],{"class":613},"\\'",[603,1229,1230],{"class":661},"t conflict with panning the chart.",[603,1232,665],{"class":617},[603,1234,668],{"class":617},[603,1236,1237,1239,1241,1243,1246,1248],{"class":605,"line":774},[603,1238,708],{"class":634},[603,1240,638],{"class":617},[603,1242,658],{"class":617},[603,1244,1245],{"class":661},"middle-end",[603,1247,665],{"class":617},[603,1249,668],{"class":617},[603,1251,1252,1255,1257,1259,1262,1264,1266],{"class":605,"line":800},[603,1253,1254],{"class":634},"      tourTooltip",[603,1256,638],{"class":617},[603,1258,782],{"class":617},[603,1260,1261],{"class":634}," hasSwipeControl",[603,1263,638],{"class":617},[603,1265,1076],{"class":808},[603,1267,797],{"class":617},[603,1269,1270],{"class":605,"line":814},[603,1271,725],{"class":617},[603,1273,1274,1276],{"class":605,"line":820},[603,1275,731],{"class":613},[603,1277,668],{"class":617},[603,1279,1281,1283,1285],{"class":605,"line":1280},17,[603,1282,823],{"class":617},[603,1284,826],{"class":613},[603,1286,829],{"class":617},[278,1288,1289],{},"Or scope it to a breakpoint — e.g. only enable swipe below tablet width:",[594,1291,1293],{"className":596,"code":1292,"language":598,"meta":599,"style":599},"await borda.mount({\n  steps: [...],\n  tourTooltip: {\n    hasSwipeControl: false,\n  },\n  responsive: {\n    768: {\n      tourTooltip: { hasSwipeControl: true },\n    },\n  },\n});\n",[282,1294,1295,1309,1326,1334,1345,1349,1358,1367,1383,1387,1391],{"__ignoreMap":599},[603,1296,1297,1299,1301,1303,1305,1307],{"class":605,"line":606},[603,1298,610],{"class":609},[603,1300,614],{"class":613},[603,1302,618],{"class":617},[603,1304,622],{"class":621},[603,1306,625],{"class":613},[603,1308,628],{"class":617},[603,1310,1311,1313,1315,1318,1321,1324],{"class":605,"line":631},[603,1312,635],{"class":634},[603,1314,638],{"class":617},[603,1316,1317],{"class":613}," [",[603,1319,1320],{"class":617},"...",[603,1322,1323],{"class":613},"]",[603,1325,668],{"class":617},[603,1327,1328,1330,1332],{"class":605,"line":644},[603,1329,739],{"class":634},[603,1331,638],{"class":617},[603,1333,744],{"class":617},[603,1335,1336,1339,1341,1343],{"class":605,"line":650},[603,1337,1338],{"class":634},"    hasSwipeControl",[603,1340,638],{"class":617},[603,1342,1076],{"class":808},[603,1344,668],{"class":617},[603,1346,1347],{"class":605,"line":671},[603,1348,817],{"class":617},[603,1350,1351,1354,1356],{"class":605,"line":688},[603,1352,1353],{"class":634},"  responsive",[603,1355,638],{"class":617},[603,1357,744],{"class":617},[603,1359,1360,1363,1365],{"class":605,"line":705},[603,1361,1362],{"class":755},"    768",[603,1364,638],{"class":617},[603,1366,744],{"class":617},[603,1368,1369,1371,1373,1375,1377,1379,1381],{"class":605,"line":722},[603,1370,1254],{"class":634},[603,1372,638],{"class":617},[603,1374,782],{"class":617},[603,1376,1261],{"class":634},[603,1378,638],{"class":617},[603,1380,809],{"class":808},[603,1382,797],{"class":617},[603,1384,1385],{"class":605,"line":728},[603,1386,725],{"class":617},[603,1388,1389],{"class":605,"line":736},[603,1390,817],{"class":617},[603,1392,1393,1395,1397],{"class":605,"line":747},[603,1394,823],{"class":617},[603,1396,826],{"class":613},[603,1398,829],{"class":617},[287,1400,1402],{"id":1401},"interface","Interface",[594,1404,1406],{"className":596,"code":1405,"language":598,"meta":599,"style":599},"interface BordaTourTooltipProps {\n  size: ComponentSize;\n  placement: ComponentPlacement;\n  offset: number;\n  margin: number;\n  padding: number;\n  arrow: BordaTourTooltipArrowProps | false;\n  autoPlacement: BordaTourTooltipAutoPlacement | boolean;\n  isHidden: boolean;\n  hasGlide: boolean;\n  hasSwipeControl: boolean;\n  animation: BordaTourTooltipAnimation | false;\n  aria: Partial\u003CComponentAriaProps>;\n  customClasses: Partial\u003CBordaTourTooltipComponentClasses>;\n  customStyles: Partial\u003CBordaTourTooltipComponentStyles>;\n  customHtml: Partial\u003CBordaTourTooltipComponentHtml>;\n}\n",[282,1407,1408,1418,1430,1442,1454,1465,1476,1493,1510,1521,1532,1542,1558,1577,1592,1607,1622],{"__ignoreMap":599},[603,1409,1410,1413,1416],{"class":605,"line":606},[603,1411,1401],{"class":1412},"spNyl",[603,1414,1415],{"class":843}," BordaTourTooltipProps",[603,1417,744],{"class":617},[603,1419,1420,1423,1425,1428],{"class":605,"line":631},[603,1421,1422],{"class":634},"  size",[603,1424,638],{"class":617},[603,1426,1427],{"class":843}," ComponentSize",[603,1429,829],{"class":617},[603,1431,1432,1435,1437,1440],{"class":605,"line":644},[603,1433,1434],{"class":634},"  placement",[603,1436,638],{"class":617},[603,1438,1439],{"class":843}," ComponentPlacement",[603,1441,829],{"class":617},[603,1443,1444,1447,1449,1452],{"class":605,"line":650},[603,1445,1446],{"class":634},"  offset",[603,1448,638],{"class":617},[603,1450,1451],{"class":843}," number",[603,1453,829],{"class":617},[603,1455,1456,1459,1461,1463],{"class":605,"line":671},[603,1457,1458],{"class":634},"  margin",[603,1460,638],{"class":617},[603,1462,1451],{"class":843},[603,1464,829],{"class":617},[603,1466,1467,1470,1472,1474],{"class":605,"line":688},[603,1468,1469],{"class":634},"  padding",[603,1471,638],{"class":617},[603,1473,1451],{"class":843},[603,1475,829],{"class":617},[603,1477,1478,1481,1483,1486,1489,1491],{"class":605,"line":705},[603,1479,1480],{"class":634},"  arrow",[603,1482,638],{"class":617},[603,1484,1485],{"class":843}," BordaTourTooltipArrowProps",[603,1487,1488],{"class":617}," |",[603,1490,1076],{"class":843},[603,1492,829],{"class":617},[603,1494,1495,1498,1500,1503,1505,1508],{"class":605,"line":722},[603,1496,1497],{"class":634},"  autoPlacement",[603,1499,638],{"class":617},[603,1501,1502],{"class":843}," BordaTourTooltipAutoPlacement",[603,1504,1488],{"class":617},[603,1506,1507],{"class":843}," boolean",[603,1509,829],{"class":617},[603,1511,1512,1515,1517,1519],{"class":605,"line":728},[603,1513,1514],{"class":634},"  isHidden",[603,1516,638],{"class":617},[603,1518,1507],{"class":843},[603,1520,829],{"class":617},[603,1522,1523,1526,1528,1530],{"class":605,"line":736},[603,1524,1525],{"class":634},"  hasGlide",[603,1527,638],{"class":617},[603,1529,1507],{"class":843},[603,1531,829],{"class":617},[603,1533,1534,1536,1538,1540],{"class":605,"line":747},[603,1535,1071],{"class":634},[603,1537,638],{"class":617},[603,1539,1507],{"class":843},[603,1541,829],{"class":617},[603,1543,1544,1547,1549,1552,1554,1556],{"class":605,"line":761},[603,1545,1546],{"class":634},"  animation",[603,1548,638],{"class":617},[603,1550,1551],{"class":843}," BordaTourTooltipAnimation",[603,1553,1488],{"class":617},[603,1555,1076],{"class":843},[603,1557,829],{"class":617},[603,1559,1560,1563,1565,1568,1571,1574],{"class":605,"line":774},[603,1561,1562],{"class":634},"  aria",[603,1564,638],{"class":617},[603,1566,1567],{"class":843}," Partial",[603,1569,1570],{"class":617},"\u003C",[603,1572,1573],{"class":843},"ComponentAriaProps",[603,1575,1576],{"class":617},">;\n",[603,1578,1579,1581,1583,1585,1587,1590],{"class":605,"line":800},[603,1580,853],{"class":634},[603,1582,638],{"class":617},[603,1584,1567],{"class":843},[603,1586,1570],{"class":617},[603,1588,1589],{"class":843},"BordaTourTooltipComponentClasses",[603,1591,1576],{"class":617},[603,1593,1594,1596,1598,1600,1602,1605],{"class":605,"line":814},[603,1595,914],{"class":634},[603,1597,638],{"class":617},[603,1599,1567],{"class":843},[603,1601,1570],{"class":617},[603,1603,1604],{"class":843},"BordaTourTooltipComponentStyles",[603,1606,1576],{"class":617},[603,1608,1609,1611,1613,1615,1617,1620],{"class":605,"line":820},[603,1610,978],{"class":634},[603,1612,638],{"class":617},[603,1614,1567],{"class":843},[603,1616,1570],{"class":617},[603,1618,1619],{"class":843},"BordaTourTooltipComponentHtml",[603,1621,1576],{"class":617},[603,1623,1624],{"class":605,"line":1280},[603,1625,955],{"class":617},[1627,1628,1629],"style",{},"html pre.shiki code .s7zQu, html code.shiki .s7zQu{--shiki-light:#39ADB5;--shiki-light-font-style:italic;--shiki-default:#89DDFF;--shiki-default-font-style:italic;--shiki-dark:#89DDFF;--shiki-dark-font-style:italic}html pre.shiki code .sTEyZ, html code.shiki .sTEyZ{--shiki-light:#90A4AE;--shiki-default:#EEFFFF;--shiki-dark:#BABED8}html pre.shiki code .sMK4o, html code.shiki .sMK4o{--shiki-light:#39ADB5;--shiki-default:#89DDFF;--shiki-dark:#89DDFF}html pre.shiki code .s2Zo4, html code.shiki .s2Zo4{--shiki-light:#6182B8;--shiki-default:#82AAFF;--shiki-dark:#82AAFF}html pre.shiki code .swJcz, html code.shiki .swJcz{--shiki-light:#E53935;--shiki-default:#F07178;--shiki-dark:#F07178}html pre.shiki code .sfazB, html code.shiki .sfazB{--shiki-light:#91B859;--shiki-default:#C3E88D;--shiki-dark:#C3E88D}html pre.shiki code .sbssI, html code.shiki .sbssI{--shiki-light:#F76D47;--shiki-default:#F78C6C;--shiki-dark:#F78C6C}html pre.shiki code .sfNiH, html code.shiki .sfNiH{--shiki-light:#FF5370;--shiki-default:#FF9CAC;--shiki-dark:#FF9CAC}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);}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 pre.shiki code .sBMFI, html code.shiki .sBMFI{--shiki-light:#E2931D;--shiki-default:#FFCB6B;--shiki-dark:#FFCB6B}html pre.shiki code .spNyl, html code.shiki .spNyl{--shiki-light:#9C3EDA;--shiki-default:#C792EA;--shiki-dark:#C792EA}",{"title":599,"searchDepth":606,"depth":631,"links":1631},[1632,1633,1634,1635],{"id":289,"depth":631,"text":290},{"id":832,"depth":631,"text":833},{"id":1023,"depth":631,"text":1024},{"id":1401,"depth":631,"text":1402},"Positioned tooltip with title, description, arrow, and auto-flip placement.","md",null,{},true,{"title":73,"description":1636},"xMw2MsgYe9E0nZitf22r-4MvEcT2XPERo4iDL92HnaE",[1644,1646],{"title":69,"path":70,"stem":71,"description":1645,"children":-1},"Spotlight overlay that highlights the target element with a cutout.",{"title":77,"path":78,"stem":79,"description":1647,"children":-1},"Display an image above the tooltip heading with default or bleed variants.",1784550676828]