[{"data":1,"prerenderedAt":968},["ShallowReactive",2],{"navigation":3,"/accessibility/overview":272,"/accessibility/overview-surround":965},[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":28,"body":274,"description":958,"extension":959,"links":960,"meta":961,"navigation":962,"path":270,"seo":963,"stem":271,"__hash__":964},"docs/10.accessibility/1.overview.md",{"type":275,"value":276,"toc":953},"minimark",[277,281,286,390,397,497,501,504,507,511,514,594,601,817,823,938,949],[278,279,280],"p",{},"Borda is accessible out of the box: every interactive element is keyboard-operable, exposes ARIA roles and attributes, and keeps a visible focus indicator. No extra configuration is required.",[282,283,285],"h2",{"id":284},"keyboard-navigation","Keyboard navigation",[287,288,289,305],"table",{},[290,291,292],"thead",{},[293,294,295,299,302],"tr",{},[296,297,298],"th",{},"Element",[296,300,301],{},"Keys",[296,303,304],{},"Action",[306,307,308,323,335,347,363,376],"tbody",{},[293,309,310,314,320],{},[311,312,313],"td",{},"Tour active",[311,315,316],{},[317,318,319],"code",{},"ArrowRight",[311,321,322],{},"Next step",[293,324,325,327,332],{},[311,326,313],{},[311,328,329],{},[317,330,331],{},"ArrowLeft",[311,333,334],{},"Previous step",[293,336,337,339,344],{},[311,338,313],{},[311,340,341],{},[317,342,343],{},"Escape",[311,345,346],{},"Close the tour",[293,348,349,351,360],{},[311,350,81],{},[311,352,353,356,357],{},[317,354,355],{},"Enter"," / ",[317,358,359],{},"Space",[311,361,362],{},"Activate (next, prev, finish, skip, close)",[293,364,365,367,373],{},[311,366,69],{},[311,368,369,356,371],{},[317,370,355],{},[317,372,359],{},[311,374,375],{},"Close on backdrop click",[293,377,378,381,387],{},[311,379,380],{},"Skip checkbox",[311,382,383,356,385],{},[317,384,355],{},[317,386,359],{},[311,388,389],{},"Toggle checkbox",[278,391,392,393,396],{},"Keyboard control is enabled by default. Disable it with ",[317,394,395],{},"tour.hasKeyboardControl: false",".",[398,399,404],"pre",{"className":400,"code":401,"language":402,"meta":403,"style":403},"language-ts shiki shiki-themes material-theme-lighter material-theme material-theme-palenight","await borda.mount({\n  steps: [...],\n  tour: {\n    hasKeyboardControl: false,\n  },\n});\n","ts","",[317,405,406,432,454,465,479,485],{"__ignoreMap":403},[407,408,411,415,419,422,426,429],"span",{"class":409,"line":410},"line",1,[407,412,414],{"class":413},"s7zQu","await",[407,416,418],{"class":417},"sTEyZ"," borda",[407,420,396],{"class":421},"sMK4o",[407,423,425],{"class":424},"s2Zo4","mount",[407,427,428],{"class":417},"(",[407,430,431],{"class":421},"{\n",[407,433,435,439,442,445,448,451],{"class":409,"line":434},2,[407,436,438],{"class":437},"swJcz","  steps",[407,440,441],{"class":421},":",[407,443,444],{"class":417}," [",[407,446,447],{"class":421},"...",[407,449,450],{"class":417},"]",[407,452,453],{"class":421},",\n",[407,455,457,460,462],{"class":409,"line":456},3,[407,458,459],{"class":437},"  tour",[407,461,441],{"class":421},[407,463,464],{"class":421}," {\n",[407,466,468,471,473,477],{"class":409,"line":467},4,[407,469,470],{"class":437},"    hasKeyboardControl",[407,472,441],{"class":421},[407,474,476],{"class":475},"sfNiH"," false",[407,478,453],{"class":421},[407,480,482],{"class":409,"line":481},5,[407,483,484],{"class":421},"  },\n",[407,486,488,491,494],{"class":409,"line":487},6,[407,489,490],{"class":421},"}",[407,492,493],{"class":417},")",[407,495,496],{"class":421},";\n",[282,498,500],{"id":499},"focus-management","Focus management",[278,502,503],{},"When the tour mounts, focus moves to the first interactive element within the tooltip. The focus trap keeps tab navigation within the active tooltip, overlay close button, and skip checkbox — users cannot tab to elements behind the overlay.",[278,505,506],{},"When the tour closes or finishes, focus returns to the previously focused element.",[282,508,510],{"id":509},"aria-attributes","ARIA attributes",[278,512,513],{},"Every interactive component exposes ARIA roles and attributes:",[287,515,516,526],{},[290,517,518],{},[293,519,520,523],{},[296,521,522],{},"Component",[296,524,525],{},"ARIA",[306,527,528,544,554,566,582],{},[293,529,530,532],{},[311,531,73],{},[311,533,534,537,538,537,541],{},[317,535,536],{},"role=\"dialog\"",", ",[317,539,540],{},"aria-labelledby",[317,542,543],{},"aria-describedby",[293,545,546,548],{},[311,547,69],{},[311,549,550,553],{},[317,551,552],{},"aria-hidden=\"true\""," on backdrop",[293,555,556,558],{},[311,557,81],{},[311,559,560,537,563],{},[317,561,562],{},"role=\"button\"",[317,564,565],{},"aria-label",[293,567,568,571],{},[311,569,570],{},"Progress dots",[311,572,573,537,576,537,579],{},[317,574,575],{},"role=\"tablist\"",[317,577,578],{},"role=\"tab\"",[317,580,581],{},"aria-selected",[293,583,584,586],{},[311,585,380],{},[311,587,588,537,591],{},[317,589,590],{},"role=\"checkbox\"",[317,592,593],{},"aria-checked",[278,595,596,597,600],{},"Every component accepts an ",[317,598,599],{},"aria"," prop to override or extend its attributes:",[398,602,604],{"className":400,"code":603,"language":402,"meta":403,"style":403},"await borda.mount({\n  steps: [\n    {\n      target: '#element',\n      title: 'Title',\n      description: 'Description',\n      placement: 'bottom-center',\n    },\n  ],\n  tourTooltip: {\n    aria: {\n      ariaLabel: 'Product tour tooltip',\n    },\n  },\n  closeButton: {\n    aria: {\n      ariaLabel: 'Dismiss tour',\n    },\n  },\n});\n",[317,605,606,620,629,634,653,669,685,702,708,716,726,736,753,758,763,773,782,798,803,808],{"__ignoreMap":403},[407,607,608,610,612,614,616,618],{"class":409,"line":410},[407,609,414],{"class":413},[407,611,418],{"class":417},[407,613,396],{"class":421},[407,615,425],{"class":424},[407,617,428],{"class":417},[407,619,431],{"class":421},[407,621,622,624,626],{"class":409,"line":434},[407,623,438],{"class":437},[407,625,441],{"class":421},[407,627,628],{"class":417}," [\n",[407,630,631],{"class":409,"line":456},[407,632,633],{"class":421},"    {\n",[407,635,636,639,641,644,648,651],{"class":409,"line":467},[407,637,638],{"class":437},"      target",[407,640,441],{"class":421},[407,642,643],{"class":421}," '",[407,645,647],{"class":646},"sfazB","#element",[407,649,650],{"class":421},"'",[407,652,453],{"class":421},[407,654,655,658,660,662,665,667],{"class":409,"line":481},[407,656,657],{"class":437},"      title",[407,659,441],{"class":421},[407,661,643],{"class":421},[407,663,664],{"class":646},"Title",[407,666,650],{"class":421},[407,668,453],{"class":421},[407,670,671,674,676,678,681,683],{"class":409,"line":487},[407,672,673],{"class":437},"      description",[407,675,441],{"class":421},[407,677,643],{"class":421},[407,679,680],{"class":646},"Description",[407,682,650],{"class":421},[407,684,453],{"class":421},[407,686,688,691,693,695,698,700],{"class":409,"line":687},7,[407,689,690],{"class":437},"      placement",[407,692,441],{"class":421},[407,694,643],{"class":421},[407,696,697],{"class":646},"bottom-center",[407,699,650],{"class":421},[407,701,453],{"class":421},[407,703,705],{"class":409,"line":704},8,[407,706,707],{"class":421},"    },\n",[407,709,711,714],{"class":409,"line":710},9,[407,712,713],{"class":417},"  ]",[407,715,453],{"class":421},[407,717,719,722,724],{"class":409,"line":718},10,[407,720,721],{"class":437},"  tourTooltip",[407,723,441],{"class":421},[407,725,464],{"class":421},[407,727,729,732,734],{"class":409,"line":728},11,[407,730,731],{"class":437},"    aria",[407,733,441],{"class":421},[407,735,464],{"class":421},[407,737,739,742,744,746,749,751],{"class":409,"line":738},12,[407,740,741],{"class":437},"      ariaLabel",[407,743,441],{"class":421},[407,745,643],{"class":421},[407,747,748],{"class":646},"Product tour tooltip",[407,750,650],{"class":421},[407,752,453],{"class":421},[407,754,756],{"class":409,"line":755},13,[407,757,707],{"class":421},[407,759,761],{"class":409,"line":760},14,[407,762,484],{"class":421},[407,764,766,769,771],{"class":409,"line":765},15,[407,767,768],{"class":437},"  closeButton",[407,770,441],{"class":421},[407,772,464],{"class":421},[407,774,776,778,780],{"class":409,"line":775},16,[407,777,731],{"class":437},[407,779,441],{"class":421},[407,781,464],{"class":421},[407,783,785,787,789,791,794,796],{"class":409,"line":784},17,[407,786,741],{"class":437},[407,788,441],{"class":421},[407,790,643],{"class":421},[407,792,793],{"class":646},"Dismiss tour",[407,795,650],{"class":421},[407,797,453],{"class":421},[407,799,801],{"class":409,"line":800},18,[407,802,707],{"class":421},[407,804,806],{"class":409,"line":805},19,[407,807,484],{"class":421},[407,809,811,813,815],{"class":409,"line":810},20,[407,812,490],{"class":421},[407,814,493],{"class":417},[407,816,496],{"class":421},[278,818,819,820,441],{},"The available attributes are defined by ",[317,821,822],{},"ComponentAriaProps",[398,824,826],{"className":400,"code":825,"language":402,"meta":403,"style":403},"interface ComponentAriaProps {\n  ariaLabel?: string;\n  ariaLabelledby?: string;\n  ariaDescribedby?: string;\n  ariaDisabled?: boolean;\n  ariaExpanded?: boolean;\n  ariaControls?: string;\n  ariaPressed?: ComponentAriaPressed;\n  ariaHaspopup?: ComponentAriaHaspopup;\n}\n",[317,827,828,840,853,864,875,887,898,909,921,933],{"__ignoreMap":403},[407,829,830,834,838],{"class":409,"line":410},[407,831,833],{"class":832},"spNyl","interface",[407,835,837],{"class":836},"sBMFI"," ComponentAriaProps",[407,839,464],{"class":421},[407,841,842,845,848,851],{"class":409,"line":434},[407,843,844],{"class":437},"  ariaLabel",[407,846,847],{"class":421},"?:",[407,849,850],{"class":836}," string",[407,852,496],{"class":421},[407,854,855,858,860,862],{"class":409,"line":456},[407,856,857],{"class":437},"  ariaLabelledby",[407,859,847],{"class":421},[407,861,850],{"class":836},[407,863,496],{"class":421},[407,865,866,869,871,873],{"class":409,"line":467},[407,867,868],{"class":437},"  ariaDescribedby",[407,870,847],{"class":421},[407,872,850],{"class":836},[407,874,496],{"class":421},[407,876,877,880,882,885],{"class":409,"line":481},[407,878,879],{"class":437},"  ariaDisabled",[407,881,847],{"class":421},[407,883,884],{"class":836}," boolean",[407,886,496],{"class":421},[407,888,889,892,894,896],{"class":409,"line":487},[407,890,891],{"class":437},"  ariaExpanded",[407,893,847],{"class":421},[407,895,884],{"class":836},[407,897,496],{"class":421},[407,899,900,903,905,907],{"class":409,"line":687},[407,901,902],{"class":437},"  ariaControls",[407,904,847],{"class":421},[407,906,850],{"class":836},[407,908,496],{"class":421},[407,910,911,914,916,919],{"class":409,"line":704},[407,912,913],{"class":437},"  ariaPressed",[407,915,847],{"class":421},[407,917,918],{"class":836}," ComponentAriaPressed",[407,920,496],{"class":421},[407,922,923,926,928,931],{"class":409,"line":710},[407,924,925],{"class":437},"  ariaHaspopup",[407,927,847],{"class":421},[407,929,930],{"class":836}," ComponentAriaHaspopup",[407,932,496],{"class":421},[407,934,935],{"class":409,"line":718},[407,936,937],{"class":421},"}\n",[278,939,940,941,945,946,948],{},"See the ",[942,943,944],"a",{"href":70},"component pages"," for the ",[317,947,599],{}," shape each component accepts.",[950,951,952],"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 .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 .sfazB, html code.shiki .sfazB{--shiki-light:#91B859;--shiki-default:#C3E88D;--shiki-dark:#C3E88D}html pre.shiki code .spNyl, html code.shiki .spNyl{--shiki-light:#9C3EDA;--shiki-default:#C792EA;--shiki-dark:#C792EA}html pre.shiki code .sBMFI, html code.shiki .sBMFI{--shiki-light:#E2931D;--shiki-default:#FFCB6B;--shiki-dark:#FFCB6B}",{"title":403,"searchDepth":410,"depth":434,"links":954},[955,956,957],{"id":284,"depth":434,"text":285},{"id":499,"depth":434,"text":500},{"id":509,"depth":434,"text":510},"Keyboard navigation, focus management, and ARIA support built into the widget.","md",null,{},true,{"title":28,"description":958},"r-9kd-Yh3T81N3LzFEWCwAk013N0NYh88sTqHdKjau8",[966,960],{"title":261,"path":262,"stem":263,"description":967,"children":-1},"Type declarations, exported interfaces, and TypeScript integration.",1784550683558]