[{"data":1,"prerenderedAt":813},["ShallowReactive",2],{"navigation":3,"/configuration/skip":272,"/configuration/skip-surround":808},[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":52,"body":274,"description":802,"extension":803,"links":804,"meta":805,"navigation":714,"path":53,"seo":806,"stem":54,"__hash__":807},"docs/02.configuration/7.skip.md",{"type":275,"value":276,"toc":797},"minimark",[277,290,295,341,348,608,612,619,675,679,682,793],[278,279,281],"div",{"id":280},"skip-description",[282,283,284,285,289],"p",{},"The skip feature adds a \"Don't show again\" checkbox to the tooltip. When checked, the onboarding won't replay for returning users — the state is persisted in ",[286,287,288],"code",{},"localStorage",".",[291,292,294],"h2",{"id":293},"config","Config",[296,297,298,317],"table",{},[299,300,301],"thead",{},[302,303,304,308,311,314],"tr",{},[305,306,307],"th",{},"Property",[305,309,310],{},"Type",[305,312,313],{},"Default",[305,315,316],{},"Description",[318,319,320],"tbody",{},[302,321,322,328,333,338],{},[323,324,325],"td",{},[286,326,327],{},"storageKey",[323,329,330],{},[286,331,332],{},"string",[323,334,335],{},[286,336,337],{},"borda-skip",[323,339,340],{},"Key used in localStorage to persist the skip flag",[342,343,344],"borda-container",{},[345,346],"borda-component",{":config":347},"{\"steps\":[{\"target\":\"#skip-description\",\"title\":\"Don't show again\",\"description\":\"The skip feature adds a checkbox to the tooltip. When checked, the onboarding won't replay.\",\"placement\":\"bottom-start\"},{\"target\":\"#config\",\"title\":\"Config\",\"description\":\"The only config option is storageKey — the key used in localStorage to persist the skip flag.\",\"placement\":\"middle-end\"},{\"target\":\"#disabling-skip\",\"title\":\"Disabling skip\",\"description\":\"Pass false to remove the skip checkbox entirely.\",\"placement\":\"top-end\"}],\"skip\":{\"storageKey\":\"docs-demo-skip\"}}",[349,350,355],"pre",{"className":351,"code":352,"language":353,"meta":354,"style":354},"language-ts shiki shiki-themes material-theme-lighter material-theme material-theme-palenight","await borda.mount({\n  steps: [\n    {\n      target: '#welcome',\n      title: 'Welcome',\n      description: 'This onboarding will help you get started.',\n      placement: 'bottom-center',\n    },\n    {\n      target: '#dashboard',\n      title: 'Your dashboard',\n      description: 'Everything you need is right here.',\n      placement: 'middle-end',\n    },\n  ],\n  skip: {\n    storageKey: 'my-app-onboarding-skip',\n  },\n});\n","ts","",[286,356,357,383,396,402,423,440,457,474,480,485,501,517,533,549,554,562,573,590,596],{"__ignoreMap":354},[358,359,362,366,370,373,377,380],"span",{"class":360,"line":361},"line",1,[358,363,365],{"class":364},"s7zQu","await",[358,367,369],{"class":368},"sTEyZ"," borda",[358,371,289],{"class":372},"sMK4o",[358,374,376],{"class":375},"s2Zo4","mount",[358,378,379],{"class":368},"(",[358,381,382],{"class":372},"{\n",[358,384,386,390,393],{"class":360,"line":385},2,[358,387,389],{"class":388},"swJcz","  steps",[358,391,392],{"class":372},":",[358,394,395],{"class":368}," [\n",[358,397,399],{"class":360,"line":398},3,[358,400,401],{"class":372},"    {\n",[358,403,405,408,410,413,417,420],{"class":360,"line":404},4,[358,406,407],{"class":388},"      target",[358,409,392],{"class":372},[358,411,412],{"class":372}," '",[358,414,416],{"class":415},"sfazB","#welcome",[358,418,419],{"class":372},"'",[358,421,422],{"class":372},",\n",[358,424,426,429,431,433,436,438],{"class":360,"line":425},5,[358,427,428],{"class":388},"      title",[358,430,392],{"class":372},[358,432,412],{"class":372},[358,434,435],{"class":415},"Welcome",[358,437,419],{"class":372},[358,439,422],{"class":372},[358,441,443,446,448,450,453,455],{"class":360,"line":442},6,[358,444,445],{"class":388},"      description",[358,447,392],{"class":372},[358,449,412],{"class":372},[358,451,452],{"class":415},"This onboarding will help you get started.",[358,454,419],{"class":372},[358,456,422],{"class":372},[358,458,460,463,465,467,470,472],{"class":360,"line":459},7,[358,461,462],{"class":388},"      placement",[358,464,392],{"class":372},[358,466,412],{"class":372},[358,468,469],{"class":415},"bottom-center",[358,471,419],{"class":372},[358,473,422],{"class":372},[358,475,477],{"class":360,"line":476},8,[358,478,479],{"class":372},"    },\n",[358,481,483],{"class":360,"line":482},9,[358,484,401],{"class":372},[358,486,488,490,492,494,497,499],{"class":360,"line":487},10,[358,489,407],{"class":388},[358,491,392],{"class":372},[358,493,412],{"class":372},[358,495,496],{"class":415},"#dashboard",[358,498,419],{"class":372},[358,500,422],{"class":372},[358,502,504,506,508,510,513,515],{"class":360,"line":503},11,[358,505,428],{"class":388},[358,507,392],{"class":372},[358,509,412],{"class":372},[358,511,512],{"class":415},"Your dashboard",[358,514,419],{"class":372},[358,516,422],{"class":372},[358,518,520,522,524,526,529,531],{"class":360,"line":519},12,[358,521,445],{"class":388},[358,523,392],{"class":372},[358,525,412],{"class":372},[358,527,528],{"class":415},"Everything you need is right here.",[358,530,419],{"class":372},[358,532,422],{"class":372},[358,534,536,538,540,542,545,547],{"class":360,"line":535},13,[358,537,462],{"class":388},[358,539,392],{"class":372},[358,541,412],{"class":372},[358,543,544],{"class":415},"middle-end",[358,546,419],{"class":372},[358,548,422],{"class":372},[358,550,552],{"class":360,"line":551},14,[358,553,479],{"class":372},[358,555,557,560],{"class":360,"line":556},15,[358,558,559],{"class":368},"  ]",[358,561,422],{"class":372},[358,563,565,568,570],{"class":360,"line":564},16,[358,566,567],{"class":388},"  skip",[358,569,392],{"class":372},[358,571,572],{"class":372}," {\n",[358,574,576,579,581,583,586,588],{"class":360,"line":575},17,[358,577,578],{"class":388},"    storageKey",[358,580,392],{"class":372},[358,582,412],{"class":372},[358,584,585],{"class":415},"my-app-onboarding-skip",[358,587,419],{"class":372},[358,589,422],{"class":372},[358,591,593],{"class":360,"line":592},18,[358,594,595],{"class":372},"  },\n",[358,597,599,602,605],{"class":360,"line":598},19,[358,600,601],{"class":372},"}",[358,603,604],{"class":368},")",[358,606,607],{"class":372},";\n",[291,609,611],{"id":610},"disabling-skip","Disabling skip",[282,613,614,615,618],{},"Pass ",[286,616,617],{},"false"," to remove the skip checkbox entirely:",[349,620,622],{"className":351,"code":621,"language":353,"meta":354,"style":354},"await borda.mount({\n  steps: [...],\n  skip: false,\n});\n",[286,623,624,638,655,667],{"__ignoreMap":354},[358,625,626,628,630,632,634,636],{"class":360,"line":361},[358,627,365],{"class":364},[358,629,369],{"class":368},[358,631,289],{"class":372},[358,633,376],{"class":375},[358,635,379],{"class":368},[358,637,382],{"class":372},[358,639,640,642,644,647,650,653],{"class":360,"line":385},[358,641,389],{"class":388},[358,643,392],{"class":372},[358,645,646],{"class":368}," [",[358,648,649],{"class":372},"...",[358,651,652],{"class":368},"]",[358,654,422],{"class":372},[358,656,657,659,661,665],{"class":360,"line":398},[358,658,567],{"class":388},[358,660,392],{"class":372},[358,662,664],{"class":663},"sfNiH"," false",[358,666,422],{"class":372},[358,668,669,671,673],{"class":360,"line":404},[358,670,601],{"class":372},[358,672,604],{"class":368},[358,674,607],{"class":372},[291,676,678],{"id":677},"runtime-api","Runtime API",[282,680,681],{},"Control the skip state programmatically:",[349,683,685],{"className":351,"code":684,"language":353,"meta":354,"style":354},"// Check if the user chose to skip\ninstance.skip.isSkipped;\n\n// Set the skip flag manually\ninstance.skip.set(true);\n\n// Clear the persisted flag (onboarding will replay next time)\ninstance.skip.clear();\n\n// Read the active storage key\ninstance.skip.storageKey;\n",[286,686,687,693,710,716,721,743,747,752,770,774,779],{"__ignoreMap":354},[358,688,689],{"class":360,"line":361},[358,690,692],{"class":691},"sHwdD","// Check if the user chose to skip\n",[358,694,695,698,700,703,705,708],{"class":360,"line":385},[358,696,697],{"class":368},"instance",[358,699,289],{"class":372},[358,701,702],{"class":368},"skip",[358,704,289],{"class":372},[358,706,707],{"class":368},"isSkipped",[358,709,607],{"class":372},[358,711,712],{"class":360,"line":398},[358,713,715],{"emptyLinePlaceholder":714},true,"\n",[358,717,718],{"class":360,"line":404},[358,719,720],{"class":691},"// Set the skip flag manually\n",[358,722,723,725,727,729,731,734,736,739,741],{"class":360,"line":425},[358,724,697],{"class":368},[358,726,289],{"class":372},[358,728,702],{"class":368},[358,730,289],{"class":372},[358,732,733],{"class":375},"set",[358,735,379],{"class":368},[358,737,738],{"class":663},"true",[358,740,604],{"class":368},[358,742,607],{"class":372},[358,744,745],{"class":360,"line":442},[358,746,715],{"emptyLinePlaceholder":714},[358,748,749],{"class":360,"line":459},[358,750,751],{"class":691},"// Clear the persisted flag (onboarding will replay next time)\n",[358,753,754,756,758,760,762,765,768],{"class":360,"line":476},[358,755,697],{"class":368},[358,757,289],{"class":372},[358,759,702],{"class":368},[358,761,289],{"class":372},[358,763,764],{"class":375},"clear",[358,766,767],{"class":368},"()",[358,769,607],{"class":372},[358,771,772],{"class":360,"line":482},[358,773,715],{"emptyLinePlaceholder":714},[358,775,776],{"class":360,"line":487},[358,777,778],{"class":691},"// Read the active storage key\n",[358,780,781,783,785,787,789,791],{"class":360,"line":503},[358,782,697],{"class":368},[358,784,289],{"class":372},[358,786,702],{"class":368},[358,788,289],{"class":372},[358,790,327],{"class":368},[358,792,607],{"class":372},[794,795,796],"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 .sfNiH, html code.shiki .sfNiH{--shiki-light:#FF5370;--shiki-default:#FF9CAC;--shiki-dark:#FF9CAC}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}",{"title":354,"searchDepth":361,"depth":385,"links":798},[799,800,801],{"id":293,"depth":385,"text":294},{"id":610,"depth":385,"text":611},{"id":677,"depth":385,"text":678},"Configure the \"Don't show again\" feature with persistent localStorage storage.","md",null,{},{"title":52,"description":802},"9gPeyIFK267ss7729XofdkIWloi8iGL6w8aLB1kYTSo",[809,811],{"title":48,"path":49,"stem":50,"description":810,"children":-1},"Configure smooth scroll to bring the active step target into view.",{"title":56,"path":57,"stem":58,"description":812,"children":-1},"Customize the tour appearance with CSS custom properties (variables).",1784550676558]