[{"data":1,"prerenderedAt":788},["ShallowReactive",2],{"navigation":3,"/features/overrides":272,"/features/overrides-surround":783},[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":117,"body":274,"description":777,"extension":778,"links":779,"meta":780,"navigation":723,"path":118,"seo":781,"stem":119,"__hash__":782},"docs/04.features/5.overrides.md",{"type":275,"value":276,"toc":772},"minimark",[277,281,286,355,362,366,369,674,677,681,768],[278,279,280],"p",{},"Borda uses a layered override system that merges config from multiple sources in a fixed priority order. This powers both responsive breakpoints and per-step component overrides.",[282,283,285],"h2",{"id":284},"override-layers","Override layers",[287,288,289,305],"table",{},[290,291,292],"thead",{},[293,294,295,299,302],"tr",{},[296,297,298],"th",{},"Layer",[296,300,301],{},"Priority",[296,303,304],{},"Source",[306,307,308,326,342],"tbody",{},[293,309,310,317,320],{},[311,312,313],"td",{},[314,315,316],"code",{},"base",[311,318,319],{},"Lowest",[311,321,322,323],{},"The config passed to ",[314,324,325],{},"mount()",[293,327,328,333,336],{},[311,329,330],{},[314,331,332],{},"responsive",[311,334,335],{},"Medium",[311,337,338,339,341],{},"Breakpoint overrides from the ",[314,340,332],{}," config key",[293,343,344,349,352],{},[311,345,346],{},[314,347,348],{},"step",[311,350,351],{},"Highest",[311,353,354],{},"Per-step overrides from individual step definitions",[278,356,357,358,361],{},"Each layer can override any config property. Higher-priority layers always win — a per-step ",[314,359,360],{},"tourButtons: false"," overrides both the base config and any responsive override.",[282,363,365],{"id":364},"per-step-overrides","Per-step overrides",[278,367,368],{},"Each step can override global component settings. These overrides are active only while that step is displayed:",[370,371,376],"pre",{"className":372,"code":373,"language":374,"meta":375,"style":375},"language-ts shiki shiki-themes material-theme-lighter material-theme material-theme-palenight","await borda.mount({\n  steps: [\n    {\n      target: '#intro',\n      title: 'Welcome',\n      description: 'Getting started.',\n      placement: 'bottom-center',\n      tourButtons: { skip: false },\n      tourProgress: false,\n    },\n    {\n      target: '#details',\n      title: 'Details',\n      description: 'More info here.',\n      placement: 'middle-end',\n      closeButton: false,\n      tourOverlay: {\n        padding: 16,\n      },\n    },\n  ],\n});\n","ts","",[314,377,378,405,418,424,445,462,479,496,519,531,537,542,558,574,590,606,618,629,643,649,654,662],{"__ignoreMap":375},[379,380,383,387,391,395,399,402],"span",{"class":381,"line":382},"line",1,[379,384,386],{"class":385},"s7zQu","await",[379,388,390],{"class":389},"sTEyZ"," borda",[379,392,394],{"class":393},"sMK4o",".",[379,396,398],{"class":397},"s2Zo4","mount",[379,400,401],{"class":389},"(",[379,403,404],{"class":393},"{\n",[379,406,408,412,415],{"class":381,"line":407},2,[379,409,411],{"class":410},"swJcz","  steps",[379,413,414],{"class":393},":",[379,416,417],{"class":389}," [\n",[379,419,421],{"class":381,"line":420},3,[379,422,423],{"class":393},"    {\n",[379,425,427,430,432,435,439,442],{"class":381,"line":426},4,[379,428,429],{"class":410},"      target",[379,431,414],{"class":393},[379,433,434],{"class":393}," '",[379,436,438],{"class":437},"sfazB","#intro",[379,440,441],{"class":393},"'",[379,443,444],{"class":393},",\n",[379,446,448,451,453,455,458,460],{"class":381,"line":447},5,[379,449,450],{"class":410},"      title",[379,452,414],{"class":393},[379,454,434],{"class":393},[379,456,457],{"class":437},"Welcome",[379,459,441],{"class":393},[379,461,444],{"class":393},[379,463,465,468,470,472,475,477],{"class":381,"line":464},6,[379,466,467],{"class":410},"      description",[379,469,414],{"class":393},[379,471,434],{"class":393},[379,473,474],{"class":437},"Getting started.",[379,476,441],{"class":393},[379,478,444],{"class":393},[379,480,482,485,487,489,492,494],{"class":381,"line":481},7,[379,483,484],{"class":410},"      placement",[379,486,414],{"class":393},[379,488,434],{"class":393},[379,490,491],{"class":437},"bottom-center",[379,493,441],{"class":393},[379,495,444],{"class":393},[379,497,499,502,504,507,510,512,516],{"class":381,"line":498},8,[379,500,501],{"class":410},"      tourButtons",[379,503,414],{"class":393},[379,505,506],{"class":393}," {",[379,508,509],{"class":410}," skip",[379,511,414],{"class":393},[379,513,515],{"class":514},"sfNiH"," false",[379,517,518],{"class":393}," },\n",[379,520,522,525,527,529],{"class":381,"line":521},9,[379,523,524],{"class":410},"      tourProgress",[379,526,414],{"class":393},[379,528,515],{"class":514},[379,530,444],{"class":393},[379,532,534],{"class":381,"line":533},10,[379,535,536],{"class":393},"    },\n",[379,538,540],{"class":381,"line":539},11,[379,541,423],{"class":393},[379,543,545,547,549,551,554,556],{"class":381,"line":544},12,[379,546,429],{"class":410},[379,548,414],{"class":393},[379,550,434],{"class":393},[379,552,553],{"class":437},"#details",[379,555,441],{"class":393},[379,557,444],{"class":393},[379,559,561,563,565,567,570,572],{"class":381,"line":560},13,[379,562,450],{"class":410},[379,564,414],{"class":393},[379,566,434],{"class":393},[379,568,569],{"class":437},"Details",[379,571,441],{"class":393},[379,573,444],{"class":393},[379,575,577,579,581,583,586,588],{"class":381,"line":576},14,[379,578,467],{"class":410},[379,580,414],{"class":393},[379,582,434],{"class":393},[379,584,585],{"class":437},"More info here.",[379,587,441],{"class":393},[379,589,444],{"class":393},[379,591,593,595,597,599,602,604],{"class":381,"line":592},15,[379,594,484],{"class":410},[379,596,414],{"class":393},[379,598,434],{"class":393},[379,600,601],{"class":437},"middle-end",[379,603,441],{"class":393},[379,605,444],{"class":393},[379,607,609,612,614,616],{"class":381,"line":608},16,[379,610,611],{"class":410},"      closeButton",[379,613,414],{"class":393},[379,615,515],{"class":514},[379,617,444],{"class":393},[379,619,621,624,626],{"class":381,"line":620},17,[379,622,623],{"class":410},"      tourOverlay",[379,625,414],{"class":393},[379,627,628],{"class":393}," {\n",[379,630,632,635,637,641],{"class":381,"line":631},18,[379,633,634],{"class":410},"        padding",[379,636,414],{"class":393},[379,638,640],{"class":639},"sbssI"," 16",[379,642,444],{"class":393},[379,644,646],{"class":381,"line":645},19,[379,647,648],{"class":393},"      },\n",[379,650,652],{"class":381,"line":651},20,[379,653,536],{"class":393},[379,655,657,660],{"class":381,"line":656},21,[379,658,659],{"class":389},"  ]",[379,661,444],{"class":393},[379,663,665,668,671],{"class":381,"line":664},22,[379,666,667],{"class":393},"}",[379,669,670],{"class":389},")",[379,672,673],{"class":393},";\n",[278,675,676],{},"When the user navigates from step 1 to step 2, the step 1 overrides are cleared and step 2's overrides are applied.",[282,678,680],{"id":679},"runtime-api","Runtime API",[370,682,684],{"className":372,"code":683,"language":374,"meta":375,"style":375},"// Read the fully resolved config (all layers merged)\nconst resolved = instance.config.current;\n\n// Update the base layer\ninstance.config.mergeConfig({ size: ComponentSize.LG });\n",[314,685,686,692,719,725,730],{"__ignoreMap":375},[379,687,688],{"class":381,"line":382},[379,689,691],{"class":690},"sHwdD","// Read the fully resolved config (all layers merged)\n",[379,693,694,698,701,704,707,709,712,714,717],{"class":381,"line":407},[379,695,697],{"class":696},"spNyl","const",[379,699,700],{"class":389}," resolved ",[379,702,703],{"class":393},"=",[379,705,706],{"class":389}," instance",[379,708,394],{"class":393},[379,710,711],{"class":389},"config",[379,713,394],{"class":393},[379,715,716],{"class":389},"current",[379,718,673],{"class":393},[379,720,721],{"class":381,"line":420},[379,722,724],{"emptyLinePlaceholder":723},true,"\n",[379,726,727],{"class":381,"line":426},[379,728,729],{"class":690},"// Update the base layer\n",[379,731,732,735,737,739,741,744,746,749,752,754,757,759,762,764,766],{"class":381,"line":447},[379,733,734],{"class":389},"instance",[379,736,394],{"class":393},[379,738,711],{"class":389},[379,740,394],{"class":393},[379,742,743],{"class":397},"mergeConfig",[379,745,401],{"class":389},[379,747,748],{"class":393},"{",[379,750,751],{"class":410}," size",[379,753,414],{"class":393},[379,755,756],{"class":389}," ComponentSize",[379,758,394],{"class":393},[379,760,761],{"class":389},"LG ",[379,763,667],{"class":393},[379,765,670],{"class":389},[379,767,673],{"class":393},[769,770,771],"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 .sfNiH, html code.shiki .sfNiH{--shiki-light:#FF5370;--shiki-default:#FF9CAC;--shiki-dark:#FF9CAC}html pre.shiki code .sbssI, html code.shiki .sbssI{--shiki-light:#F76D47;--shiki-default:#F78C6C;--shiki-dark:#F78C6C}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 .spNyl, html code.shiki .spNyl{--shiki-light:#9C3EDA;--shiki-default:#C792EA;--shiki-dark:#C792EA}",{"title":375,"searchDepth":382,"depth":407,"links":773},[774,775,776],{"id":284,"depth":407,"text":285},{"id":364,"depth":407,"text":365},{"id":679,"depth":407,"text":680},"Layered config overrides for responsive breakpoints and per-step customization.","md",null,{},{"title":117,"description":777},"RSH3wwGj4xD2f_Xt2i-Sve6q7OOYianFzwelWZCTGGM",[784,786],{"title":113,"path":114,"stem":115,"description":785,"children":-1},"Spotlight a single element without running a full tour.",{"title":126,"path":127,"stem":128,"description":787,"children":-1},"Tour factory function that returns mount, unmount, highlight, NAME, and VERSION.",1784550678516]