[{"data":1,"prerenderedAt":785},["ShallowReactive",2],{"navigation":3,"/api-reference/skip-api":272,"/api-reference/skip-api-surround":780},[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":154,"body":274,"description":774,"extension":775,"links":776,"meta":777,"navigation":474,"path":155,"seo":778,"stem":156,"__hash__":779},"docs/05.api-reference/8.skip-api.md",{"type":275,"value":276,"toc":768},"minimark",[277,286,291,344,348,387,390,576,579,582,764],[278,279,280,281,285],"p",{},"The skip API manages the \"Don't show again\" flag. Access it through ",[282,283,284],"code",{},"instance.skip",".",[287,288,290],"h2",{"id":289},"properties","Properties",[292,293,294,310],"table",{},[295,296,297],"thead",{},[298,299,300,304,307],"tr",{},[301,302,303],"th",{},"Property",[301,305,306],{},"Type",[301,308,309],{},"Description",[311,312,313,329],"tbody",{},[298,314,315,321,326],{},[316,317,318],"td",{},[282,319,320],{},"isSkipped",[316,322,323],{},[282,324,325],{},"boolean",[316,327,328],{},"Whether the skip flag is currently set",[298,330,331,336,341],{},[316,332,333],{},[282,334,335],{},"storageKey",[316,337,338],{},[282,339,340],{},"string",[316,342,343],{},"Active storage key (from config or default)",[287,345,347],{"id":346},"methods","Methods",[292,349,350,359],{},[295,351,352],{},[298,353,354,357],{},[301,355,356],{},"Method",[301,358,309],{},[311,360,361,375],{},[298,362,363,368],{},[316,364,365],{},[282,366,367],{},"set(value)",[316,369,370,371,374],{},"Sets the skip flag and persists it. No-op when ",[282,372,373],{},"skip"," is disabled.",[298,376,377,382],{},[316,378,379],{},[282,380,381],{},"clear()",[316,383,384,385,374],{},"Clears the persisted flag. Works even when ",[282,386,373],{},[287,388,193],{"id":389},"usage",[391,392,397],"pre",{"className":393,"code":394,"language":395,"meta":396,"style":396},"language-ts shiki shiki-themes material-theme-lighter material-theme material-theme-palenight","// Check if user chose to skip\nif (instance.skip.isSkipped) {\n  console.log('User opted out of tours');\n}\n\n// Set manually\ninstance.skip.set(true);\n\n// Clear (tour will replay next time)\ninstance.skip.clear();\n\n// Read the storage key\nconsole.log(instance.skip.storageKey); // e.g. \"borda-skip\"\n","ts","",[282,398,399,408,432,463,469,476,482,507,512,518,537,542,548],{"__ignoreMap":396},[400,401,404],"span",{"class":402,"line":403},"line",1,[400,405,407],{"class":406},"sHwdD","// Check if user chose to skip\n",[400,409,411,415,419,422,424,426,429],{"class":402,"line":410},2,[400,412,414],{"class":413},"s7zQu","if",[400,416,418],{"class":417},"sTEyZ"," (instance",[400,420,285],{"class":421},"sMK4o",[400,423,373],{"class":417},[400,425,285],{"class":421},[400,427,428],{"class":417},"isSkipped) ",[400,430,431],{"class":421},"{\n",[400,433,435,438,440,444,448,451,455,457,460],{"class":402,"line":434},3,[400,436,437],{"class":417},"  console",[400,439,285],{"class":421},[400,441,443],{"class":442},"s2Zo4","log",[400,445,447],{"class":446},"swJcz","(",[400,449,450],{"class":421},"'",[400,452,454],{"class":453},"sfazB","User opted out of tours",[400,456,450],{"class":421},[400,458,459],{"class":446},")",[400,461,462],{"class":421},";\n",[400,464,466],{"class":402,"line":465},4,[400,467,468],{"class":421},"}\n",[400,470,472],{"class":402,"line":471},5,[400,473,475],{"emptyLinePlaceholder":474},true,"\n",[400,477,479],{"class":402,"line":478},6,[400,480,481],{"class":406},"// Set manually\n",[400,483,485,488,490,492,494,497,499,503,505],{"class":402,"line":484},7,[400,486,487],{"class":417},"instance",[400,489,285],{"class":421},[400,491,373],{"class":417},[400,493,285],{"class":421},[400,495,496],{"class":442},"set",[400,498,447],{"class":417},[400,500,502],{"class":501},"sfNiH","true",[400,504,459],{"class":417},[400,506,462],{"class":421},[400,508,510],{"class":402,"line":509},8,[400,511,475],{"emptyLinePlaceholder":474},[400,513,515],{"class":402,"line":514},9,[400,516,517],{"class":406},"// Clear (tour will replay next time)\n",[400,519,521,523,525,527,529,532,535],{"class":402,"line":520},10,[400,522,487],{"class":417},[400,524,285],{"class":421},[400,526,373],{"class":417},[400,528,285],{"class":421},[400,530,531],{"class":442},"clear",[400,533,534],{"class":417},"()",[400,536,462],{"class":421},[400,538,540],{"class":402,"line":539},11,[400,541,475],{"emptyLinePlaceholder":474},[400,543,545],{"class":402,"line":544},12,[400,546,547],{"class":406},"// Read the storage key\n",[400,549,551,554,556,558,561,563,565,567,570,573],{"class":402,"line":550},13,[400,552,553],{"class":417},"console",[400,555,285],{"class":421},[400,557,443],{"class":442},[400,559,560],{"class":417},"(instance",[400,562,285],{"class":421},[400,564,373],{"class":417},[400,566,285],{"class":421},[400,568,569],{"class":417},"storageKey)",[400,571,572],{"class":421},";",[400,574,575],{"class":406}," // e.g. \"borda-skip\"\n",[287,577,162],{"id":578},"events",[278,580,581],{},"Skip state changes emit events:",[391,583,585],{"className":393,"code":584,"language":395,"meta":396,"style":396},"import { BordaEvent } from '@retoo/borda';\n\ninstance.api.events.on(BordaEvent.ON_SKIP_CHANGE, () => {\n  console.log('Skip toggled:', instance.skip.isSkipped);\n});\n\ninstance.api.events.on(BordaEvent.ON_SKIP_CLEAR, () => {\n  console.log('Skip cleared');\n});\n",[282,586,587,614,618,657,691,700,704,735,756],{"__ignoreMap":396},[400,588,589,592,595,598,601,604,607,610,612],{"class":402,"line":403},[400,590,591],{"class":413},"import",[400,593,594],{"class":421}," {",[400,596,597],{"class":417}," BordaEvent",[400,599,600],{"class":421}," }",[400,602,603],{"class":413}," from",[400,605,606],{"class":421}," '",[400,608,609],{"class":453},"@retoo/borda",[400,611,450],{"class":421},[400,613,462],{"class":421},[400,615,616],{"class":402,"line":410},[400,617,475],{"emptyLinePlaceholder":474},[400,619,620,622,624,627,629,631,633,636,639,641,644,647,650,654],{"class":402,"line":434},[400,621,487],{"class":417},[400,623,285],{"class":421},[400,625,626],{"class":417},"api",[400,628,285],{"class":421},[400,630,578],{"class":417},[400,632,285],{"class":421},[400,634,635],{"class":442},"on",[400,637,638],{"class":417},"(BordaEvent",[400,640,285],{"class":421},[400,642,643],{"class":417},"ON_SKIP_CHANGE",[400,645,646],{"class":421},",",[400,648,649],{"class":421}," ()",[400,651,653],{"class":652},"spNyl"," =>",[400,655,656],{"class":421}," {\n",[400,658,659,661,663,665,667,669,672,674,676,679,681,683,685,687,689],{"class":402,"line":465},[400,660,437],{"class":417},[400,662,285],{"class":421},[400,664,443],{"class":442},[400,666,447],{"class":446},[400,668,450],{"class":421},[400,670,671],{"class":453},"Skip toggled:",[400,673,450],{"class":421},[400,675,646],{"class":421},[400,677,678],{"class":417}," instance",[400,680,285],{"class":421},[400,682,373],{"class":417},[400,684,285],{"class":421},[400,686,320],{"class":417},[400,688,459],{"class":446},[400,690,462],{"class":421},[400,692,693,696,698],{"class":402,"line":471},[400,694,695],{"class":421},"}",[400,697,459],{"class":417},[400,699,462],{"class":421},[400,701,702],{"class":402,"line":478},[400,703,475],{"emptyLinePlaceholder":474},[400,705,706,708,710,712,714,716,718,720,722,724,727,729,731,733],{"class":402,"line":484},[400,707,487],{"class":417},[400,709,285],{"class":421},[400,711,626],{"class":417},[400,713,285],{"class":421},[400,715,578],{"class":417},[400,717,285],{"class":421},[400,719,635],{"class":442},[400,721,638],{"class":417},[400,723,285],{"class":421},[400,725,726],{"class":417},"ON_SKIP_CLEAR",[400,728,646],{"class":421},[400,730,649],{"class":421},[400,732,653],{"class":652},[400,734,656],{"class":421},[400,736,737,739,741,743,745,747,750,752,754],{"class":402,"line":509},[400,738,437],{"class":417},[400,740,285],{"class":421},[400,742,443],{"class":442},[400,744,447],{"class":446},[400,746,450],{"class":421},[400,748,749],{"class":453},"Skip cleared",[400,751,450],{"class":421},[400,753,459],{"class":446},[400,755,462],{"class":421},[400,757,758,760,762],{"class":402,"line":514},[400,759,695],{"class":421},[400,761,459],{"class":417},[400,763,462],{"class":421},[765,766,767],"style",{},"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 .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 .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 .spNyl, html code.shiki .spNyl{--shiki-light:#9C3EDA;--shiki-default:#C792EA;--shiki-dark:#C792EA}",{"title":396,"searchDepth":403,"depth":410,"links":769},[770,771,772,773],{"id":289,"depth":410,"text":290},{"id":346,"depth":410,"text":347},{"id":389,"depth":410,"text":193},{"id":578,"depth":410,"text":162},"Manage the \"Don't show again\" state persisted in localStorage.","md",null,{},{"title":154,"description":774},"662pP_4eu6Bp2sOVgyK_xjoIYeivLnYboaco2jAG_VU",[781,783],{"title":150,"path":151,"stem":152,"description":782,"children":-1},"Show, hide, and check the widget's visibility state at runtime.",{"title":158,"path":159,"stem":160,"description":784,"children":-1},"Programmatically scroll the page to bring elements into view.",1784550679363]