[{"data":1,"prerenderedAt":1790},["ShallowReactive",2],{"navigation":3,"/configuration/steps":272,"/configuration/steps-surround":1785},[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":36,"body":274,"description":1779,"extension":1780,"links":1781,"meta":1782,"navigation":921,"path":37,"seo":1783,"stem":38,"__hash__":1784},"docs/02.configuration/3.steps.md",{"type":275,"value":276,"toc":1770},"minimark",[277,285,290,489,493,500,875,879,885,1047,1051,1054,1059,1212,1216,1223,1441,1445,1451,1584,1588,1766],[278,279,281],"div",{"id":280},"steps-description",[282,283,284],"p",{},"Steps are the core of any tour. Each step defines which element to spotlight, what content to show in the tooltip, and optional lifecycle hooks that fire during navigation.",[286,287,289],"h2",{"id":288},"config","Config",[291,292,293,309],"table",{},[294,295,296],"thead",{},[297,298,299,303,306],"tr",{},[300,301,302],"th",{},"Property",[300,304,305],{},"Type",[300,307,308],{},"Description",[310,311,312,333,350,366,381,396,411,429,443,457,473],"tbody",{},[297,313,314,321,326],{},[315,316,317],"td",{},[318,319,320],"code",{},"target",[315,322,323],{},[318,324,325],{},"string | HTMLElement | BordaStepTargetQuery",[315,327,328,329],{},"Element to spotlight. CSS selector, HTMLElement, or structured query. ",[330,331,332],"strong",{},"Required.",[297,334,335,340,345],{},[315,336,337],{},[318,338,339],{},"title",[315,341,342],{},[318,343,344],{},"string",[315,346,347,348],{},"Tooltip heading text. ",[330,349,332],{},[297,351,352,357,361],{},[315,353,354],{},[318,355,356],{},"description",[315,358,359],{},[318,360,344],{},[315,362,363,364],{},"Tooltip body text. ",[330,365,332],{},[297,367,368,373,378],{},[315,369,370],{},[318,371,372],{},"image",[315,374,375],{},[318,376,377],{},"string | BordaStepImage",[315,379,380],{},"Image shown above the tooltip heading. A string sets the source; an object carries its own alt.",[297,382,383,388,393],{},[315,384,385],{},[318,386,387],{},"placement",[315,389,390],{},[318,391,392],{},"ComponentPlacement",[315,394,395],{},"Tooltip placement relative to the target.",[297,397,398,403,408],{},[315,399,400],{},[318,401,402],{},"prepareElement",[315,404,405],{},[318,406,407],{},"() => Promise\u003Cvoid> | void",[315,409,410],{},"Async hook called before entering this step. Navigation waits for it to resolve.",[297,412,413,418,423],{},[315,414,415],{},[318,416,417],{},"onBeforeHighlighted",[315,419,420],{},[318,421,422],{},"() => void",[315,424,425,426,428],{},"Fires before the target is highlighted, after ",[318,427,402],{},".",[297,430,431,436,440],{},[315,432,433],{},[318,434,435],{},"onHighlighted",[315,437,438],{},[318,439,422],{},[315,441,442],{},"Fires after the target is highlighted and the step index is updated.",[297,444,445,450,454],{},[315,446,447],{},[318,448,449],{},"onDeselected",[315,451,452],{},[318,453,422],{},[315,455,456],{},"Fires when navigating away from this step.",[297,458,459,464,468],{},[315,460,461],{},[318,462,463],{},"onNext",[315,465,466],{},[318,467,422],{},[315,469,470,471,428],{},"Step-level next handler; fires alongside the tour-level ",[318,472,463],{},[297,474,475,480,484],{},[315,476,477],{},[318,478,479],{},"onPrev",[315,481,482],{},[318,483,422],{},[315,485,486,487,428],{},"Step-level prev handler; fires alongside the tour-level ",[318,488,479],{},[286,490,492],{"id":491},"basic-example","Basic example",[494,495,496],"borda-container",{},[497,498],"borda-component",{":config":499},"{\"steps\":[{\"target\":\"#steps-description\",\"title\":\"Description\",\"description\":\"Steps are the core of any tour — each one defines a target, tooltip content, and optional hooks.\",\"placement\":\"bottom-start\"},{\"target\":\"#config\",\"title\":\"Config table\",\"description\":\"The table lists every step property — target, title, description, placement are required.\",\"placement\":\"middle-end\"},{\"target\":\"#target-resolution\",\"title\":\"Target resolution\",\"description\":\"The target field accepts a CSS selector, a direct HTMLElement, or a structured query with data attributes.\",\"placement\":\"bottom-start\"},{\"target\":\"#images\",\"title\":\"Images\",\"description\":\"Add an image above the tooltip heading with a URL string or an object with src and alt.\",\"placement\":\"middle-end\"},{\"target\":\"#per-step-component-overrides\",\"title\":\"Per-step overrides\",\"description\":\"Each step can override global component settings — pass false to disable a component for that step only.\",\"placement\":\"bottom-start\"},{\"target\":\"#lifecycle-hooks\",\"title\":\"Lifecycle hooks\",\"description\":\"Use prepareElement for async setup before a step is shown — expand a panel, scroll to an element, or fetch data.\",\"placement\":\"middle-end\"},{\"target\":\"#interface\",\"title\":\"Interface\",\"description\":\"The TypeScript interface defines the full shape of a BordaStep — target, title, description, placement, and optional hooks.\",\"placement\":\"top-end\"}]}",[501,502,507],"pre",{"className":503,"code":504,"language":505,"meta":506,"style":506},"language-ts shiki shiki-themes material-theme-lighter material-theme material-theme-palenight","await borda.mount({\n  steps: [\n    {\n      target: '#sidebar',\n      title: 'Navigation',\n      description: 'Use the sidebar to browse different sections.',\n      placement: ComponentPlacement.MIDDLE_END,\n    },\n    {\n      target: '#search',\n      title: 'Search',\n      description: 'Find anything quickly with the search bar.',\n      placement: ComponentPlacement.BOTTOM_CENTER,\n    },\n    {\n      target: '#settings',\n      title: 'Settings',\n      description: 'Customize your experience here.',\n      placement: ComponentPlacement.MIDDLE_START,\n    },\n    {\n      target: '#help',\n      title: 'Need help?',\n      description: 'Open the docs link from anywhere in the app.',\n      placement: ComponentPlacement.TOP_END,\n    },\n  ],\n});\n","ts","",[318,508,509,535,548,554,575,592,609,627,633,638,654,670,686,702,707,712,728,744,760,776,781,786,802,818,834,850,855,863],{"__ignoreMap":506},[510,511,514,518,522,525,529,532],"span",{"class":512,"line":513},"line",1,[510,515,517],{"class":516},"s7zQu","await",[510,519,521],{"class":520},"sTEyZ"," borda",[510,523,428],{"class":524},"sMK4o",[510,526,528],{"class":527},"s2Zo4","mount",[510,530,531],{"class":520},"(",[510,533,534],{"class":524},"{\n",[510,536,538,542,545],{"class":512,"line":537},2,[510,539,541],{"class":540},"swJcz","  steps",[510,543,544],{"class":524},":",[510,546,547],{"class":520}," [\n",[510,549,551],{"class":512,"line":550},3,[510,552,553],{"class":524},"    {\n",[510,555,557,560,562,565,569,572],{"class":512,"line":556},4,[510,558,559],{"class":540},"      target",[510,561,544],{"class":524},[510,563,564],{"class":524}," '",[510,566,568],{"class":567},"sfazB","#sidebar",[510,570,571],{"class":524},"'",[510,573,574],{"class":524},",\n",[510,576,578,581,583,585,588,590],{"class":512,"line":577},5,[510,579,580],{"class":540},"      title",[510,582,544],{"class":524},[510,584,564],{"class":524},[510,586,587],{"class":567},"Navigation",[510,589,571],{"class":524},[510,591,574],{"class":524},[510,593,595,598,600,602,605,607],{"class":512,"line":594},6,[510,596,597],{"class":540},"      description",[510,599,544],{"class":524},[510,601,564],{"class":524},[510,603,604],{"class":567},"Use the sidebar to browse different sections.",[510,606,571],{"class":524},[510,608,574],{"class":524},[510,610,612,615,617,620,622,625],{"class":512,"line":611},7,[510,613,614],{"class":540},"      placement",[510,616,544],{"class":524},[510,618,619],{"class":520}," ComponentPlacement",[510,621,428],{"class":524},[510,623,624],{"class":520},"MIDDLE_END",[510,626,574],{"class":524},[510,628,630],{"class":512,"line":629},8,[510,631,632],{"class":524},"    },\n",[510,634,636],{"class":512,"line":635},9,[510,637,553],{"class":524},[510,639,641,643,645,647,650,652],{"class":512,"line":640},10,[510,642,559],{"class":540},[510,644,544],{"class":524},[510,646,564],{"class":524},[510,648,649],{"class":567},"#search",[510,651,571],{"class":524},[510,653,574],{"class":524},[510,655,657,659,661,663,666,668],{"class":512,"line":656},11,[510,658,580],{"class":540},[510,660,544],{"class":524},[510,662,564],{"class":524},[510,664,665],{"class":567},"Search",[510,667,571],{"class":524},[510,669,574],{"class":524},[510,671,673,675,677,679,682,684],{"class":512,"line":672},12,[510,674,597],{"class":540},[510,676,544],{"class":524},[510,678,564],{"class":524},[510,680,681],{"class":567},"Find anything quickly with the search bar.",[510,683,571],{"class":524},[510,685,574],{"class":524},[510,687,689,691,693,695,697,700],{"class":512,"line":688},13,[510,690,614],{"class":540},[510,692,544],{"class":524},[510,694,619],{"class":520},[510,696,428],{"class":524},[510,698,699],{"class":520},"BOTTOM_CENTER",[510,701,574],{"class":524},[510,703,705],{"class":512,"line":704},14,[510,706,632],{"class":524},[510,708,710],{"class":512,"line":709},15,[510,711,553],{"class":524},[510,713,715,717,719,721,724,726],{"class":512,"line":714},16,[510,716,559],{"class":540},[510,718,544],{"class":524},[510,720,564],{"class":524},[510,722,723],{"class":567},"#settings",[510,725,571],{"class":524},[510,727,574],{"class":524},[510,729,731,733,735,737,740,742],{"class":512,"line":730},17,[510,732,580],{"class":540},[510,734,544],{"class":524},[510,736,564],{"class":524},[510,738,739],{"class":567},"Settings",[510,741,571],{"class":524},[510,743,574],{"class":524},[510,745,747,749,751,753,756,758],{"class":512,"line":746},18,[510,748,597],{"class":540},[510,750,544],{"class":524},[510,752,564],{"class":524},[510,754,755],{"class":567},"Customize your experience here.",[510,757,571],{"class":524},[510,759,574],{"class":524},[510,761,763,765,767,769,771,774],{"class":512,"line":762},19,[510,764,614],{"class":540},[510,766,544],{"class":524},[510,768,619],{"class":520},[510,770,428],{"class":524},[510,772,773],{"class":520},"MIDDLE_START",[510,775,574],{"class":524},[510,777,779],{"class":512,"line":778},20,[510,780,632],{"class":524},[510,782,784],{"class":512,"line":783},21,[510,785,553],{"class":524},[510,787,789,791,793,795,798,800],{"class":512,"line":788},22,[510,790,559],{"class":540},[510,792,544],{"class":524},[510,794,564],{"class":524},[510,796,797],{"class":567},"#help",[510,799,571],{"class":524},[510,801,574],{"class":524},[510,803,805,807,809,811,814,816],{"class":512,"line":804},23,[510,806,580],{"class":540},[510,808,544],{"class":524},[510,810,564],{"class":524},[510,812,813],{"class":567},"Need help?",[510,815,571],{"class":524},[510,817,574],{"class":524},[510,819,821,823,825,827,830,832],{"class":512,"line":820},24,[510,822,597],{"class":540},[510,824,544],{"class":524},[510,826,564],{"class":524},[510,828,829],{"class":567},"Open the docs link from anywhere in the app.",[510,831,571],{"class":524},[510,833,574],{"class":524},[510,835,837,839,841,843,845,848],{"class":512,"line":836},25,[510,838,614],{"class":540},[510,840,544],{"class":524},[510,842,619],{"class":520},[510,844,428],{"class":524},[510,846,847],{"class":520},"TOP_END",[510,849,574],{"class":524},[510,851,853],{"class":512,"line":852},26,[510,854,632],{"class":524},[510,856,858,861],{"class":512,"line":857},27,[510,859,860],{"class":520},"  ]",[510,862,574],{"class":524},[510,864,866,869,872],{"class":512,"line":865},28,[510,867,868],{"class":524},"}",[510,870,871],{"class":520},")",[510,873,874],{"class":524},";\n",[286,876,878],{"id":877},"target-resolution","Target resolution",[282,880,881,882,884],{},"The ",[318,883,320],{}," field accepts three formats:",[501,886,888],{"className":503,"code":887,"language":505,"meta":506,"style":506},"// CSS selector string\n{ target: '#my-element' }\n\n// Direct HTMLElement reference\n{ target: document.getElementById('my-element') }\n\n// Structured query (data attributes)\n{ target: { id: 'my-element', class: 'active', data: { name: 'tour-target', value: 'step-1' } } }\n",[318,889,890,896,917,923,928,959,963,968],{"__ignoreMap":506},[510,891,892],{"class":512,"line":513},[510,893,895],{"class":894},"sHwdD","// CSS selector string\n",[510,897,898,901,905,907,909,912,914],{"class":512,"line":537},[510,899,900],{"class":524},"{",[510,902,904],{"class":903},"sBMFI"," target",[510,906,544],{"class":524},[510,908,564],{"class":524},[510,910,911],{"class":567},"#my-element",[510,913,571],{"class":524},[510,915,916],{"class":524}," }\n",[510,918,919],{"class":512,"line":550},[510,920,922],{"emptyLinePlaceholder":921},true,"\n",[510,924,925],{"class":512,"line":556},[510,926,927],{"class":894},"// Direct HTMLElement reference\n",[510,929,930,932,934,936,939,941,944,946,948,951,953,956],{"class":512,"line":577},[510,931,900],{"class":524},[510,933,904],{"class":903},[510,935,544],{"class":524},[510,937,938],{"class":520}," document",[510,940,428],{"class":524},[510,942,943],{"class":527},"getElementById",[510,945,531],{"class":540},[510,947,571],{"class":524},[510,949,950],{"class":567},"my-element",[510,952,571],{"class":524},[510,954,955],{"class":540},") ",[510,957,958],{"class":524},"}\n",[510,960,961],{"class":512,"line":594},[510,962,922],{"emptyLinePlaceholder":921},[510,964,965],{"class":512,"line":611},[510,966,967],{"class":894},"// Structured query (data attributes)\n",[510,969,970,972,974,976,979,982,984,986,988,990,993,996,998,1000,1003,1005,1007,1010,1012,1014,1017,1019,1021,1024,1026,1028,1031,1033,1035,1038,1040,1043,1045],{"class":512,"line":629},[510,971,900],{"class":524},[510,973,904],{"class":903},[510,975,544],{"class":524},[510,977,978],{"class":524}," {",[510,980,981],{"class":903}," id",[510,983,544],{"class":524},[510,985,564],{"class":524},[510,987,950],{"class":567},[510,989,571],{"class":524},[510,991,992],{"class":524},",",[510,994,995],{"class":903}," class",[510,997,544],{"class":524},[510,999,564],{"class":524},[510,1001,1002],{"class":567},"active",[510,1004,571],{"class":524},[510,1006,992],{"class":524},[510,1008,1009],{"class":903}," data",[510,1011,544],{"class":524},[510,1013,978],{"class":524},[510,1015,1016],{"class":903}," name",[510,1018,544],{"class":524},[510,1020,564],{"class":524},[510,1022,1023],{"class":567},"tour-target",[510,1025,571],{"class":524},[510,1027,992],{"class":524},[510,1029,1030],{"class":903}," value",[510,1032,544],{"class":524},[510,1034,564],{"class":524},[510,1036,1037],{"class":567},"step-1",[510,1039,571],{"class":524},[510,1041,1042],{"class":524}," }",[510,1044,1042],{"class":524},[510,1046,916],{"class":524},[286,1048,1050],{"id":1049},"images","Images",[282,1052,1053],{},"Add an image above the tooltip heading:",[494,1055,1056],{},[497,1057],{":config":1058},"{\"steps\":[{\"target\":\"#images\",\"title\":\"With an image\",\"description\":\"Images render above the title, inset within the tooltip padding by default.\",\"image\":{\"src\":\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='480' height='240'%3E%3Crect width='480' height='240' fill='%23d4d4d8'/%3E%3C/svg%3E\",\"alt\":\"Placeholder image\"},\"placement\":\"middle-end\"}]}",[501,1060,1062],{"className":503,"code":1061,"language":505,"meta":506,"style":506},"// Simple string (empty alt)\n{ target: '#el', title: 'Title', description: 'Text', image: '/tour/step-1.png' }\n\n// Object with alt text\n{ target: '#el', title: 'Title', description: 'Text', image: { src: '/tour/step-1.png', alt: 'Dashboard overview' } }\n",[318,1063,1064,1069,1128,1132,1137],{"__ignoreMap":506},[510,1065,1066],{"class":512,"line":513},[510,1067,1068],{"class":894},"// Simple string (empty alt)\n",[510,1070,1071,1073,1075,1077,1079,1082,1084,1086,1089,1091,1093,1096,1098,1100,1103,1105,1107,1110,1112,1114,1117,1119,1121,1124,1126],{"class":512,"line":537},[510,1072,900],{"class":524},[510,1074,904],{"class":903},[510,1076,544],{"class":524},[510,1078,564],{"class":524},[510,1080,1081],{"class":567},"#el",[510,1083,571],{"class":524},[510,1085,992],{"class":524},[510,1087,1088],{"class":903}," title",[510,1090,544],{"class":524},[510,1092,564],{"class":524},[510,1094,1095],{"class":567},"Title",[510,1097,571],{"class":524},[510,1099,992],{"class":524},[510,1101,1102],{"class":903}," description",[510,1104,544],{"class":524},[510,1106,564],{"class":524},[510,1108,1109],{"class":567},"Text",[510,1111,571],{"class":524},[510,1113,992],{"class":524},[510,1115,1116],{"class":903}," image",[510,1118,544],{"class":524},[510,1120,564],{"class":524},[510,1122,1123],{"class":567},"/tour/step-1.png",[510,1125,571],{"class":524},[510,1127,916],{"class":524},[510,1129,1130],{"class":512,"line":550},[510,1131,922],{"emptyLinePlaceholder":921},[510,1133,1134],{"class":512,"line":556},[510,1135,1136],{"class":894},"// Object with alt text\n",[510,1138,1139,1141,1143,1145,1147,1149,1151,1153,1155,1157,1159,1161,1163,1165,1167,1169,1171,1173,1175,1177,1179,1181,1183,1186,1188,1190,1192,1194,1196,1199,1201,1203,1206,1208,1210],{"class":512,"line":577},[510,1140,900],{"class":524},[510,1142,904],{"class":903},[510,1144,544],{"class":524},[510,1146,564],{"class":524},[510,1148,1081],{"class":567},[510,1150,571],{"class":524},[510,1152,992],{"class":524},[510,1154,1088],{"class":903},[510,1156,544],{"class":524},[510,1158,564],{"class":524},[510,1160,1095],{"class":567},[510,1162,571],{"class":524},[510,1164,992],{"class":524},[510,1166,1102],{"class":903},[510,1168,544],{"class":524},[510,1170,564],{"class":524},[510,1172,1109],{"class":567},[510,1174,571],{"class":524},[510,1176,992],{"class":524},[510,1178,1116],{"class":903},[510,1180,544],{"class":524},[510,1182,978],{"class":524},[510,1184,1185],{"class":903}," src",[510,1187,544],{"class":524},[510,1189,564],{"class":524},[510,1191,1123],{"class":567},[510,1193,571],{"class":524},[510,1195,992],{"class":524},[510,1197,1198],{"class":903}," alt",[510,1200,544],{"class":524},[510,1202,564],{"class":524},[510,1204,1205],{"class":567},"Dashboard overview",[510,1207,571],{"class":524},[510,1209,1042],{"class":524},[510,1211,916],{"class":524},[286,1213,1215],{"id":1214},"per-step-component-overrides","Per-step component overrides",[282,1217,1218,1219,1222],{},"Each step can override global component settings. Pass ",[318,1220,1221],{},"false"," to disable a component for that step only:",[501,1224,1226],{"className":503,"code":1225,"language":505,"meta":506,"style":506},"await borda.mount({\n  steps: [\n    {\n      target: '#intro',\n      title: 'Welcome',\n      description: 'Getting started.',\n      placement: ComponentPlacement.BOTTOM_CENTER,\n      tourButtons: { skip: false },\n      tourProgress: false,\n    },\n    {\n      target: '#details',\n      title: 'Details',\n      description: 'More info here.',\n      placement: ComponentPlacement.MIDDLE_END,\n      closeButton: false,\n    },\n  ],\n});\n",[318,1227,1228,1242,1250,1254,1269,1284,1299,1313,1334,1345,1349,1353,1368,1383,1398,1412,1423,1427,1433],{"__ignoreMap":506},[510,1229,1230,1232,1234,1236,1238,1240],{"class":512,"line":513},[510,1231,517],{"class":516},[510,1233,521],{"class":520},[510,1235,428],{"class":524},[510,1237,528],{"class":527},[510,1239,531],{"class":520},[510,1241,534],{"class":524},[510,1243,1244,1246,1248],{"class":512,"line":537},[510,1245,541],{"class":540},[510,1247,544],{"class":524},[510,1249,547],{"class":520},[510,1251,1252],{"class":512,"line":550},[510,1253,553],{"class":524},[510,1255,1256,1258,1260,1262,1265,1267],{"class":512,"line":556},[510,1257,559],{"class":540},[510,1259,544],{"class":524},[510,1261,564],{"class":524},[510,1263,1264],{"class":567},"#intro",[510,1266,571],{"class":524},[510,1268,574],{"class":524},[510,1270,1271,1273,1275,1277,1280,1282],{"class":512,"line":577},[510,1272,580],{"class":540},[510,1274,544],{"class":524},[510,1276,564],{"class":524},[510,1278,1279],{"class":567},"Welcome",[510,1281,571],{"class":524},[510,1283,574],{"class":524},[510,1285,1286,1288,1290,1292,1295,1297],{"class":512,"line":594},[510,1287,597],{"class":540},[510,1289,544],{"class":524},[510,1291,564],{"class":524},[510,1293,1294],{"class":567},"Getting started.",[510,1296,571],{"class":524},[510,1298,574],{"class":524},[510,1300,1301,1303,1305,1307,1309,1311],{"class":512,"line":611},[510,1302,614],{"class":540},[510,1304,544],{"class":524},[510,1306,619],{"class":520},[510,1308,428],{"class":524},[510,1310,699],{"class":520},[510,1312,574],{"class":524},[510,1314,1315,1318,1320,1322,1325,1327,1331],{"class":512,"line":629},[510,1316,1317],{"class":540},"      tourButtons",[510,1319,544],{"class":524},[510,1321,978],{"class":524},[510,1323,1324],{"class":540}," skip",[510,1326,544],{"class":524},[510,1328,1330],{"class":1329},"sfNiH"," false",[510,1332,1333],{"class":524}," },\n",[510,1335,1336,1339,1341,1343],{"class":512,"line":635},[510,1337,1338],{"class":540},"      tourProgress",[510,1340,544],{"class":524},[510,1342,1330],{"class":1329},[510,1344,574],{"class":524},[510,1346,1347],{"class":512,"line":640},[510,1348,632],{"class":524},[510,1350,1351],{"class":512,"line":656},[510,1352,553],{"class":524},[510,1354,1355,1357,1359,1361,1364,1366],{"class":512,"line":672},[510,1356,559],{"class":540},[510,1358,544],{"class":524},[510,1360,564],{"class":524},[510,1362,1363],{"class":567},"#details",[510,1365,571],{"class":524},[510,1367,574],{"class":524},[510,1369,1370,1372,1374,1376,1379,1381],{"class":512,"line":688},[510,1371,580],{"class":540},[510,1373,544],{"class":524},[510,1375,564],{"class":524},[510,1377,1378],{"class":567},"Details",[510,1380,571],{"class":524},[510,1382,574],{"class":524},[510,1384,1385,1387,1389,1391,1394,1396],{"class":512,"line":704},[510,1386,597],{"class":540},[510,1388,544],{"class":524},[510,1390,564],{"class":524},[510,1392,1393],{"class":567},"More info here.",[510,1395,571],{"class":524},[510,1397,574],{"class":524},[510,1399,1400,1402,1404,1406,1408,1410],{"class":512,"line":709},[510,1401,614],{"class":540},[510,1403,544],{"class":524},[510,1405,619],{"class":520},[510,1407,428],{"class":524},[510,1409,624],{"class":520},[510,1411,574],{"class":524},[510,1413,1414,1417,1419,1421],{"class":512,"line":714},[510,1415,1416],{"class":540},"      closeButton",[510,1418,544],{"class":524},[510,1420,1330],{"class":1329},[510,1422,574],{"class":524},[510,1424,1425],{"class":512,"line":730},[510,1426,632],{"class":524},[510,1428,1429,1431],{"class":512,"line":746},[510,1430,860],{"class":520},[510,1432,574],{"class":524},[510,1434,1435,1437,1439],{"class":512,"line":762},[510,1436,868],{"class":524},[510,1438,871],{"class":520},[510,1440,874],{"class":524},[286,1442,1444],{"id":1443},"lifecycle-hooks","Lifecycle hooks",[282,1446,1447,1448,1450],{},"Use ",[318,1449,402],{}," for async setup before a step is shown — expand a panel, scroll to an element, or fetch data:",[501,1452,1454],{"className":503,"code":1453,"language":505,"meta":506,"style":506},"{\n  target: '#hidden-panel',\n  title: 'Advanced settings',\n  description: 'These options are for power users.',\n  placement: ComponentPlacement.MIDDLE_END,\n  prepareElement: async () => {\n    await expandSettingsPanel();\n    await waitForElement('#hidden-panel');\n  },\n}\n",[318,1455,1456,1460,1476,1492,1508,1523,1543,1556,1575,1580],{"__ignoreMap":506},[510,1457,1458],{"class":512,"line":513},[510,1459,534],{"class":524},[510,1461,1462,1465,1467,1469,1472,1474],{"class":512,"line":537},[510,1463,1464],{"class":903},"  target",[510,1466,544],{"class":524},[510,1468,564],{"class":524},[510,1470,1471],{"class":567},"#hidden-panel",[510,1473,571],{"class":524},[510,1475,574],{"class":524},[510,1477,1478,1481,1483,1485,1488,1490],{"class":512,"line":550},[510,1479,1480],{"class":903},"  title",[510,1482,544],{"class":524},[510,1484,564],{"class":524},[510,1486,1487],{"class":567},"Advanced settings",[510,1489,571],{"class":524},[510,1491,574],{"class":524},[510,1493,1494,1497,1499,1501,1504,1506],{"class":512,"line":556},[510,1495,1496],{"class":903},"  description",[510,1498,544],{"class":524},[510,1500,564],{"class":524},[510,1502,1503],{"class":567},"These options are for power users.",[510,1505,571],{"class":524},[510,1507,574],{"class":524},[510,1509,1510,1513,1515,1517,1519,1521],{"class":512,"line":577},[510,1511,1512],{"class":903},"  placement",[510,1514,544],{"class":524},[510,1516,619],{"class":520},[510,1518,428],{"class":524},[510,1520,624],{"class":520},[510,1522,574],{"class":524},[510,1524,1525,1528,1530,1534,1537,1540],{"class":512,"line":594},[510,1526,1527],{"class":903},"  prepareElement",[510,1529,544],{"class":524},[510,1531,1533],{"class":1532},"spNyl"," async",[510,1535,1536],{"class":524}," ()",[510,1538,1539],{"class":1532}," =>",[510,1541,1542],{"class":524}," {\n",[510,1544,1545,1548,1551,1554],{"class":512,"line":611},[510,1546,1547],{"class":516},"    await",[510,1549,1550],{"class":527}," expandSettingsPanel",[510,1552,1553],{"class":540},"()",[510,1555,874],{"class":524},[510,1557,1558,1560,1563,1565,1567,1569,1571,1573],{"class":512,"line":629},[510,1559,1547],{"class":516},[510,1561,1562],{"class":527}," waitForElement",[510,1564,531],{"class":540},[510,1566,571],{"class":524},[510,1568,1471],{"class":567},[510,1570,571],{"class":524},[510,1572,871],{"class":540},[510,1574,874],{"class":524},[510,1576,1577],{"class":512,"line":635},[510,1578,1579],{"class":524},"  },\n",[510,1581,1582],{"class":512,"line":640},[510,1583,958],{"class":524},[286,1585,1587],{"id":1586},"interface","Interface",[501,1589,1591],{"className":503,"code":1590,"language":505,"meta":506,"style":506},"interface BordaStep {\n  target: BordaStepTarget;\n  title: string;\n  description: string;\n  image?: BordaStepImageSource;\n  placement: ComponentPlacement;\n  onBeforeHighlighted?: () => void;\n  onHighlighted?: () => void;\n  onDeselected?: () => void;\n  onNext?: () => void;\n  onPrev?: () => void;\n  prepareElement?: () => Promise\u003Cvoid> | void;\n}\n",[318,1592,1593,1602,1613,1624,1634,1647,1657,1673,1688,1703,1718,1733,1762],{"__ignoreMap":506},[510,1594,1595,1597,1600],{"class":512,"line":513},[510,1596,1586],{"class":1532},[510,1598,1599],{"class":903}," BordaStep",[510,1601,1542],{"class":524},[510,1603,1604,1606,1608,1611],{"class":512,"line":537},[510,1605,1464],{"class":540},[510,1607,544],{"class":524},[510,1609,1610],{"class":903}," BordaStepTarget",[510,1612,874],{"class":524},[510,1614,1615,1617,1619,1622],{"class":512,"line":550},[510,1616,1480],{"class":540},[510,1618,544],{"class":524},[510,1620,1621],{"class":903}," string",[510,1623,874],{"class":524},[510,1625,1626,1628,1630,1632],{"class":512,"line":556},[510,1627,1496],{"class":540},[510,1629,544],{"class":524},[510,1631,1621],{"class":903},[510,1633,874],{"class":524},[510,1635,1636,1639,1642,1645],{"class":512,"line":577},[510,1637,1638],{"class":540},"  image",[510,1640,1641],{"class":524},"?:",[510,1643,1644],{"class":903}," BordaStepImageSource",[510,1646,874],{"class":524},[510,1648,1649,1651,1653,1655],{"class":512,"line":594},[510,1650,1512],{"class":540},[510,1652,544],{"class":524},[510,1654,619],{"class":903},[510,1656,874],{"class":524},[510,1658,1659,1662,1664,1666,1668,1671],{"class":512,"line":611},[510,1660,1661],{"class":540},"  onBeforeHighlighted",[510,1663,1641],{"class":524},[510,1665,1536],{"class":524},[510,1667,1539],{"class":1532},[510,1669,1670],{"class":903}," void",[510,1672,874],{"class":524},[510,1674,1675,1678,1680,1682,1684,1686],{"class":512,"line":629},[510,1676,1677],{"class":540},"  onHighlighted",[510,1679,1641],{"class":524},[510,1681,1536],{"class":524},[510,1683,1539],{"class":1532},[510,1685,1670],{"class":903},[510,1687,874],{"class":524},[510,1689,1690,1693,1695,1697,1699,1701],{"class":512,"line":635},[510,1691,1692],{"class":540},"  onDeselected",[510,1694,1641],{"class":524},[510,1696,1536],{"class":524},[510,1698,1539],{"class":1532},[510,1700,1670],{"class":903},[510,1702,874],{"class":524},[510,1704,1705,1708,1710,1712,1714,1716],{"class":512,"line":640},[510,1706,1707],{"class":540},"  onNext",[510,1709,1641],{"class":524},[510,1711,1536],{"class":524},[510,1713,1539],{"class":1532},[510,1715,1670],{"class":903},[510,1717,874],{"class":524},[510,1719,1720,1723,1725,1727,1729,1731],{"class":512,"line":656},[510,1721,1722],{"class":540},"  onPrev",[510,1724,1641],{"class":524},[510,1726,1536],{"class":524},[510,1728,1539],{"class":1532},[510,1730,1670],{"class":903},[510,1732,874],{"class":524},[510,1734,1735,1737,1739,1741,1743,1746,1749,1752,1755,1758,1760],{"class":512,"line":672},[510,1736,1527],{"class":540},[510,1738,1641],{"class":524},[510,1740,1536],{"class":524},[510,1742,1539],{"class":1532},[510,1744,1745],{"class":903}," Promise",[510,1747,1748],{"class":524},"\u003C",[510,1750,1751],{"class":903},"void",[510,1753,1754],{"class":524},">",[510,1756,1757],{"class":524}," |",[510,1759,1670],{"class":903},[510,1761,874],{"class":524},[510,1763,1764],{"class":512,"line":688},[510,1765,958],{"class":524},[1767,1768,1769],"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 .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 .sHwdD, html code.shiki .sHwdD{--shiki-light:#90A4AE;--shiki-light-font-style:italic;--shiki-default:#546E7A;--shiki-default-font-style:italic;--shiki-dark:#676E95;--shiki-dark-font-style:italic}html pre.shiki code .sBMFI, html code.shiki .sBMFI{--shiki-light:#E2931D;--shiki-default:#FFCB6B;--shiki-dark:#FFCB6B}html pre.shiki code .sfNiH, html code.shiki .sfNiH{--shiki-light:#FF5370;--shiki-default:#FF9CAC;--shiki-dark:#FF9CAC}html pre.shiki code .spNyl, html code.shiki .spNyl{--shiki-light:#9C3EDA;--shiki-default:#C792EA;--shiki-dark:#C792EA}",{"title":506,"searchDepth":513,"depth":537,"links":1771},[1772,1773,1774,1775,1776,1777,1778],{"id":288,"depth":537,"text":289},{"id":491,"depth":537,"text":492},{"id":877,"depth":537,"text":878},{"id":1049,"depth":537,"text":1050},{"id":1214,"depth":537,"text":1215},{"id":1443,"depth":537,"text":1444},{"id":1586,"depth":537,"text":1587},"Define tour steps with target elements, titles, descriptions, images, and lifecycle hooks.","md",null,{},{"title":36,"description":1779},"x1a_YIYnDJU4HQ6fm3hf7rdITn6EYdJKxBEttSpBT9s",[1786,1788],{"title":32,"path":33,"stem":34,"description":1787,"children":-1},"Configure widget dimensions with ComponentSize — xs, sm, md, lg, xl, xxl.",{"title":40,"path":41,"stem":42,"description":1789,"children":-1},"Control tooltip position relative to the target element using ComponentPlacement.",1784550674277]