[{"data":1,"prerenderedAt":704},["ShallowReactive",2],{"navigation":3,"/api-reference/visibility-api":272,"/api-reference/visibility-api-surround":699},[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":150,"body":274,"description":693,"extension":694,"links":695,"meta":696,"navigation":458,"path":151,"seo":697,"stem":152,"__hash__":698},"docs/05.api-reference/7.visibility-api.md",{"type":275,"value":276,"toc":687},"minimark",[277,286,291,329,333,378,381,502,505,508,683],[278,279,280,281,285],"p",{},"The visibility API controls whether the widget is shown or hidden. Access it through ",[282,283,284],"code",{},"instance.visibility",".",[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],"tbody",{},[298,314,315,321,326],{},[316,317,318],"td",{},[282,319,320],{},"isHidden",[316,322,323],{},[282,324,325],{},"boolean",[316,327,328],{},"Whether the widget is currently hidden",[287,330,332],{"id":331},"methods","Methods",[292,334,335,344],{},[295,336,337],{},[298,338,339,342],{},[301,340,341],{},"Method",[301,343,309],{},[311,345,346,363],{},[298,347,348,353],{},[316,349,350],{},[282,351,352],{},"show()",[316,354,355,356,358,359,362],{},"Show the widget (set ",[282,357,320],{}," to ",[282,360,361],{},"false",")",[298,364,365,370],{},[316,366,367],{},[282,368,369],{},"hide()",[316,371,372,373,358,375,362],{},"Hide the widget (set ",[282,374,320],{},[282,376,377],{},"true",[287,379,193],{"id":380},"usage",[382,383,388],"pre",{"className":384,"code":385,"language":386,"meta":387,"style":387},"language-ts shiki shiki-themes material-theme-lighter material-theme material-theme-palenight","// Check state\nif (instance.visibility.isHidden) {\n  instance.visibility.show();\n}\n\n// Toggle\ninstance.visibility.show();\ninstance.visibility.hide();\n","ts","",[282,389,390,399,424,447,453,460,466,484],{"__ignoreMap":387},[391,392,395],"span",{"class":393,"line":394},"line",1,[391,396,398],{"class":397},"sHwdD","// Check state\n",[391,400,402,406,410,413,416,418,421],{"class":393,"line":401},2,[391,403,405],{"class":404},"s7zQu","if",[391,407,409],{"class":408},"sTEyZ"," (instance",[391,411,285],{"class":412},"sMK4o",[391,414,415],{"class":408},"visibility",[391,417,285],{"class":412},[391,419,420],{"class":408},"isHidden) ",[391,422,423],{"class":412},"{\n",[391,425,427,430,432,434,436,440,444],{"class":393,"line":426},3,[391,428,429],{"class":408},"  instance",[391,431,285],{"class":412},[391,433,415],{"class":408},[391,435,285],{"class":412},[391,437,439],{"class":438},"s2Zo4","show",[391,441,443],{"class":442},"swJcz","()",[391,445,446],{"class":412},";\n",[391,448,450],{"class":393,"line":449},4,[391,451,452],{"class":412},"}\n",[391,454,456],{"class":393,"line":455},5,[391,457,459],{"emptyLinePlaceholder":458},true,"\n",[391,461,463],{"class":393,"line":462},6,[391,464,465],{"class":397},"// Toggle\n",[391,467,469,472,474,476,478,480,482],{"class":393,"line":468},7,[391,470,471],{"class":408},"instance",[391,473,285],{"class":412},[391,475,415],{"class":408},[391,477,285],{"class":412},[391,479,439],{"class":438},[391,481,443],{"class":408},[391,483,446],{"class":412},[391,485,487,489,491,493,495,498,500],{"class":393,"line":486},8,[391,488,471],{"class":408},[391,490,285],{"class":412},[391,492,415],{"class":408},[391,494,285],{"class":412},[391,496,497],{"class":438},"hide",[391,499,443],{"class":408},[391,501,446],{"class":412},[287,503,162],{"id":504},"events",[278,506,507],{},"Visibility changes emit events:",[382,509,511],{"className":384,"code":510,"language":386,"meta":387,"style":387},"import { BordaEvent } from '@retoo/borda';\n\ninstance.api.events.on(BordaEvent.ON_VISIBILITY_SHOW, () => {\n  console.log('Visible');\n});\n\ninstance.api.events.on(BordaEvent.ON_VISIBILITY_HIDE, () => {\n  console.log('Hidden');\n});\n",[282,512,513,542,546,585,609,618,622,653,674],{"__ignoreMap":387},[391,514,515,518,521,524,527,530,533,537,540],{"class":393,"line":394},[391,516,517],{"class":404},"import",[391,519,520],{"class":412}," {",[391,522,523],{"class":408}," BordaEvent",[391,525,526],{"class":412}," }",[391,528,529],{"class":404}," from",[391,531,532],{"class":412}," '",[391,534,536],{"class":535},"sfazB","@retoo/borda",[391,538,539],{"class":412},"'",[391,541,446],{"class":412},[391,543,544],{"class":393,"line":401},[391,545,459],{"emptyLinePlaceholder":458},[391,547,548,550,552,555,557,559,561,564,567,569,572,575,578,582],{"class":393,"line":426},[391,549,471],{"class":408},[391,551,285],{"class":412},[391,553,554],{"class":408},"api",[391,556,285],{"class":412},[391,558,504],{"class":408},[391,560,285],{"class":412},[391,562,563],{"class":438},"on",[391,565,566],{"class":408},"(BordaEvent",[391,568,285],{"class":412},[391,570,571],{"class":408},"ON_VISIBILITY_SHOW",[391,573,574],{"class":412},",",[391,576,577],{"class":412}," ()",[391,579,581],{"class":580},"spNyl"," =>",[391,583,584],{"class":412}," {\n",[391,586,587,590,592,595,598,600,603,605,607],{"class":393,"line":449},[391,588,589],{"class":408},"  console",[391,591,285],{"class":412},[391,593,594],{"class":438},"log",[391,596,597],{"class":442},"(",[391,599,539],{"class":412},[391,601,602],{"class":535},"Visible",[391,604,539],{"class":412},[391,606,362],{"class":442},[391,608,446],{"class":412},[391,610,611,614,616],{"class":393,"line":455},[391,612,613],{"class":412},"}",[391,615,362],{"class":408},[391,617,446],{"class":412},[391,619,620],{"class":393,"line":462},[391,621,459],{"emptyLinePlaceholder":458},[391,623,624,626,628,630,632,634,636,638,640,642,645,647,649,651],{"class":393,"line":468},[391,625,471],{"class":408},[391,627,285],{"class":412},[391,629,554],{"class":408},[391,631,285],{"class":412},[391,633,504],{"class":408},[391,635,285],{"class":412},[391,637,563],{"class":438},[391,639,566],{"class":408},[391,641,285],{"class":412},[391,643,644],{"class":408},"ON_VISIBILITY_HIDE",[391,646,574],{"class":412},[391,648,577],{"class":412},[391,650,581],{"class":580},[391,652,584],{"class":412},[391,654,655,657,659,661,663,665,668,670,672],{"class":393,"line":486},[391,656,589],{"class":408},[391,658,285],{"class":412},[391,660,594],{"class":438},[391,662,597],{"class":442},[391,664,539],{"class":412},[391,666,667],{"class":535},"Hidden",[391,669,539],{"class":412},[391,671,362],{"class":442},[391,673,446],{"class":412},[391,675,677,679,681],{"class":393,"line":676},9,[391,678,613],{"class":412},[391,680,362],{"class":408},[391,682,446],{"class":412},[684,685,686],"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 .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}",{"title":387,"searchDepth":394,"depth":401,"links":688},[689,690,691,692],{"id":289,"depth":401,"text":290},{"id":331,"depth":401,"text":332},{"id":380,"depth":401,"text":193},{"id":504,"depth":401,"text":162},"Show, hide, and check the widget's visibility state at runtime.","md",null,{},{"title":150,"description":693},"ORrz6j2u28ptyD3UYiB-JCtGvxxx4r6rCNXMNJufI1Q",[700,702],{"title":146,"path":147,"stem":148,"description":701,"children":-1},"Pub/sub event emitter for subscribing to tour and widget lifecycle events.",{"title":154,"path":155,"stem":156,"description":703,"children":-1},"Manage the \"Don't show again\" state persisted in localStorage.",1784550679248]