[{"data":1,"prerenderedAt":852},["ShallowReactive",2],{"navigation":3,"/api-reference/controller-api":272,"/api-reference/controller-api-surround":847},[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":142,"body":274,"description":840,"extension":841,"links":842,"meta":843,"navigation":844,"path":143,"seo":845,"stem":144,"__hash__":846},"docs/05.api-reference/5.controller-api.md",{"type":275,"value":276,"toc":828},"minimark",[277,281,286,452,456,461,468,513,517,520,547,551,558,599,602,609,635,638,641,757,760,766,791,795,798,824],[278,279,280],"p",{},"The controller manages the active tour step state. It provides navigation methods, step info, and a move-prevention mechanism for async workflows.",[282,283,285],"h2",{"id":284},"properties","Properties",[287,288,289,305],"table",{},[290,291,292],"thead",{},[293,294,295,299,302],"tr",{},[296,297,298],"th",{},"Property",[296,300,301],{},"Type",[296,303,304],{},"Description",[306,307,308,328,343,357,371,387,403,418,433],"tbody",{},[293,309,310,317,322],{},[311,312,313],"td",{},[314,315,316],"code",{},"isActivated",[311,318,319],{},[314,320,321],{},"boolean",[311,323,324,327],{},[314,325,326],{},"true"," when the tour has at least one step",[293,329,330,335,340],{},[311,331,332],{},[314,333,334],{},"currentStep",[311,336,337],{},[314,338,339],{},"number",[311,341,342],{},"Current 1-based step number",[293,344,345,350,354],{},[311,346,347],{},[314,348,349],{},"currentStepIndex",[311,351,352],{},[314,353,339],{},[311,355,356],{},"Current 0-based index",[293,358,359,364,368],{},[311,360,361],{},[314,362,363],{},"totalSteps",[311,365,366],{},[314,367,339],{},[311,369,370],{},"Total number of steps",[293,372,373,378,382],{},[311,374,375],{},[314,376,377],{},"hasNextStep",[311,379,380],{},[314,381,321],{},[311,383,384,386],{},[314,385,326],{}," when there is a step after the current one",[293,388,389,394,398],{},[311,390,391],{},[314,392,393],{},"hasPrevStep",[311,395,396],{},[314,397,321],{},[311,399,400,402],{},[314,401,326],{}," when there is a step before the current one",[293,404,405,410,415],{},[311,406,407],{},[314,408,409],{},"currentTarget",[311,411,412],{},[314,413,414],{},"HTMLElement | null",[311,416,417],{},"Resolved DOM element for the current step's target",[293,419,420,425,430],{},[311,421,422],{},[314,423,424],{},"step",[311,426,427],{},[314,428,429],{},"BordaStepConfig | undefined",[311,431,432],{},"Full data object of the current step, including per-step overrides",[293,434,435,440,444],{},[311,436,437],{},[314,438,439],{},"isMovePrevented",[311,441,442],{},[314,443,321],{},[311,445,446,448,449],{},[314,447,326],{}," while navigation is paused via ",[314,450,451],{},"preventMove()",[282,453,455],{"id":454},"methods","Methods",[457,458,460],"h3",{"id":459},"next","next()",[278,462,463,464,467],{},"Navigate to the next step. On the last step, calls ",[314,465,466],{},"finish()"," instead:",[469,470,475],"pre",{"className":471,"code":472,"language":473,"meta":474,"style":474},"language-ts shiki shiki-themes material-theme-lighter material-theme material-theme-palenight","await instance.api.controller.next();\n","ts","",[314,476,477],{"__ignoreMap":474},[478,479,482,486,490,494,497,499,502,504,507,510],"span",{"class":480,"line":481},"line",1,[478,483,485],{"class":484},"s7zQu","await",[478,487,489],{"class":488},"sTEyZ"," instance",[478,491,493],{"class":492},"sMK4o",".",[478,495,496],{"class":488},"api",[478,498,493],{"class":492},[478,500,501],{"class":488},"controller",[478,503,493],{"class":492},[478,505,459],{"class":506},"s2Zo4",[478,508,509],{"class":488},"()",[478,511,512],{"class":492},";\n",[457,514,516],{"id":515},"prev","prev()",[278,518,519],{},"Navigate to the previous step:",[469,521,523],{"className":471,"code":522,"language":473,"meta":474,"style":474},"await instance.api.controller.prev();\n",[314,524,525],{"__ignoreMap":474},[478,526,527,529,531,533,535,537,539,541,543,545],{"class":480,"line":481},[478,528,485],{"class":484},[478,530,489],{"class":488},[478,532,493],{"class":492},[478,534,496],{"class":488},[478,536,493],{"class":492},[478,538,501],{"class":488},[478,540,493],{"class":492},[478,542,515],{"class":506},[478,544,509],{"class":488},[478,546,512],{"class":492},[457,548,550],{"id":549},"changestepindex","changeStep(index)",[278,552,553,554,557],{},"Jump to a specific step by 0-based index. Waits for ",[314,555,556],{},"prepareElement"," if defined:",[469,559,561],{"className":471,"code":560,"language":473,"meta":474,"style":474},"await instance.api.controller.changeStep(2); // jump to step 3\n",[314,562,563],{"__ignoreMap":474},[478,564,565,567,569,571,573,575,577,579,582,585,589,592,595],{"class":480,"line":481},[478,566,485],{"class":484},[478,568,489],{"class":488},[478,570,493],{"class":492},[478,572,496],{"class":488},[478,574,493],{"class":492},[478,576,501],{"class":488},[478,578,493],{"class":492},[478,580,581],{"class":506},"changeStep",[478,583,584],{"class":488},"(",[478,586,588],{"class":587},"sbssI","2",[478,590,591],{"class":488},")",[478,593,594],{"class":492},";",[478,596,598],{"class":597},"sHwdD"," // jump to step 3\n",[457,600,466],{"id":601},"finish",[278,603,604,605,608],{},"Emit ",[314,606,607],{},"ON_TOUR_FINISH"," and end the tour:",[469,610,612],{"className":471,"code":611,"language":473,"meta":474,"style":474},"instance.api.controller.finish();\n",[314,613,614],{"__ignoreMap":474},[478,615,616,619,621,623,625,627,629,631,633],{"class":480,"line":481},[478,617,618],{"class":488},"instance",[478,620,493],{"class":492},[478,622,496],{"class":488},[478,624,493],{"class":492},[478,626,501],{"class":488},[478,628,493],{"class":492},[478,630,601],{"class":506},[478,632,509],{"class":488},[478,634,512],{"class":492},[457,636,451],{"id":637},"preventmove",[278,639,640],{},"Pause the in-progress navigation. Useful for async workflows where you need to fetch data or animate something before the step changes:",[469,642,644],{"className":471,"code":643,"language":473,"meta":474,"style":474},"instance.api.events.on(BordaEvent.ON_TOUR_STEP_CHANGE, async () => {\n  instance.api.controller.preventMove();\n  await loadData();\n  instance.api.controller.continue();\n});\n",[314,645,646,688,712,725,747],{"__ignoreMap":474},[478,647,648,650,652,654,656,659,661,664,667,669,672,675,679,682,685],{"class":480,"line":481},[478,649,618],{"class":488},[478,651,493],{"class":492},[478,653,496],{"class":488},[478,655,493],{"class":492},[478,657,658],{"class":488},"events",[478,660,493],{"class":492},[478,662,663],{"class":506},"on",[478,665,666],{"class":488},"(BordaEvent",[478,668,493],{"class":492},[478,670,671],{"class":488},"ON_TOUR_STEP_CHANGE",[478,673,674],{"class":492},",",[478,676,678],{"class":677},"spNyl"," async",[478,680,681],{"class":492}," ()",[478,683,684],{"class":677}," =>",[478,686,687],{"class":492}," {\n",[478,689,691,694,696,698,700,702,704,707,710],{"class":480,"line":690},2,[478,692,693],{"class":488},"  instance",[478,695,493],{"class":492},[478,697,496],{"class":488},[478,699,493],{"class":492},[478,701,501],{"class":488},[478,703,493],{"class":492},[478,705,706],{"class":506},"preventMove",[478,708,509],{"class":709},"swJcz",[478,711,512],{"class":492},[478,713,715,718,721,723],{"class":480,"line":714},3,[478,716,717],{"class":484},"  await",[478,719,720],{"class":506}," loadData",[478,722,509],{"class":709},[478,724,512],{"class":492},[478,726,728,730,732,734,736,738,740,743,745],{"class":480,"line":727},4,[478,729,693],{"class":488},[478,731,493],{"class":492},[478,733,496],{"class":488},[478,735,493],{"class":492},[478,737,501],{"class":488},[478,739,493],{"class":492},[478,741,742],{"class":506},"continue",[478,744,509],{"class":709},[478,746,512],{"class":492},[478,748,750,753,755],{"class":480,"line":749},5,[478,751,752],{"class":492},"}",[478,754,591],{"class":488},[478,756,512],{"class":492},[457,758,759],{"id":742},"continue()",[278,761,762,763,765],{},"Resume a navigation paused by ",[314,764,451],{},":",[469,767,769],{"className":471,"code":768,"language":473,"meta":474,"style":474},"instance.api.controller.continue();\n",[314,770,771],{"__ignoreMap":474},[478,772,773,775,777,779,781,783,785,787,789],{"class":480,"line":481},[478,774,618],{"class":488},[478,776,493],{"class":492},[478,778,496],{"class":488},[478,780,493],{"class":492},[478,782,501],{"class":488},[478,784,493],{"class":492},[478,786,742],{"class":506},[478,788,509],{"class":488},[478,790,512],{"class":492},[457,792,794],{"id":793},"clearmoveprevented","clearMovePrevented()",[278,796,797],{},"Cancel a paused navigation without completing it:",[469,799,801],{"className":471,"code":800,"language":473,"meta":474,"style":474},"instance.api.controller.clearMovePrevented();\n",[314,802,803],{"__ignoreMap":474},[478,804,805,807,809,811,813,815,817,820,822],{"class":480,"line":481},[478,806,618],{"class":488},[478,808,493],{"class":492},[478,810,496],{"class":488},[478,812,493],{"class":492},[478,814,501],{"class":488},[478,816,493],{"class":492},[478,818,819],{"class":506},"clearMovePrevented",[478,821,509],{"class":488},[478,823,512],{"class":492},[825,826,827],"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 .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 .sbssI, html code.shiki .sbssI{--shiki-light:#F76D47;--shiki-default:#F78C6C;--shiki-dark:#F78C6C}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 .spNyl, html code.shiki .spNyl{--shiki-light:#9C3EDA;--shiki-default:#C792EA;--shiki-dark:#C792EA}html pre.shiki code .swJcz, html code.shiki .swJcz{--shiki-light:#E53935;--shiki-default:#F07178;--shiki-dark:#F07178}",{"title":474,"searchDepth":481,"depth":690,"links":829},[830,831],{"id":284,"depth":690,"text":285},{"id":454,"depth":690,"text":455,"children":832},[833,834,835,836,837,838,839],{"id":459,"depth":714,"text":460},{"id":515,"depth":714,"text":516},{"id":549,"depth":714,"text":550},{"id":601,"depth":714,"text":466},{"id":637,"depth":714,"text":451},{"id":742,"depth":714,"text":759},{"id":793,"depth":714,"text":794},"Tour navigation API — currentStep, next, prev, changeStep, finish, and move prevention.","md",null,{},true,{"title":142,"description":840},"SH23abWehaSabDW0s2A6pAScUnX0ztE97WCKMw8Y6Og",[848,850],{"title":138,"path":139,"stem":140,"description":849,"children":-1},"The object returned by mount() — API, config, responsive, scroll, animation, skip, visibility.",{"title":146,"path":147,"stem":148,"description":851,"children":-1},"Pub/sub event emitter for subscribing to tour and widget lifecycle events.",1784550678791]