[{"data":1,"prerenderedAt":892},["ShallowReactive",2],{"navigation":3,"/components/close-button":272,"/components/close-button-surround":887},[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":92,"body":274,"description":880,"extension":881,"links":882,"meta":883,"navigation":884,"path":93,"seo":885,"stem":94,"__hash__":886},"docs/03.components/8.close-button.md",{"type":275,"value":276,"toc":874},"minimark",[277,290,295,430,552,556,609,613,760,764,870],[278,279,280,281,285,286,289],"p",{},"Close button renders a dismiss control that ends the tour before the user completes all steps. It fires ",[282,283,284],"code",{},"ON_TOUR_CLOSE"," and triggers the close lifecycle. Pass ",[282,287,288],{},"false"," to disable.",[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,341,361,379,396,413],"tbody",{},[302,321,322,328,333,338],{},[323,324,325],"td",{},[282,326,327],{},"size",[323,329,330],{},[282,331,332],{},"ComponentSize",[323,334,335],{},[282,336,337],{},"MD",[323,339,340],{},"Button size",[302,342,343,348,353,358],{},[323,344,345],{},[282,346,347],{},"shape",[323,349,350],{},[282,351,352],{},"ComponentShape",[323,354,355],{},[282,356,357],{},"CIRCLE",[323,359,360],{},"Button shape",[302,362,363,368,373,376],{},[323,364,365],{},[282,366,367],{},"aria",[323,369,370],{},[282,371,372],{},"Partial\u003CComponentAriaProps>",[323,374,375],{},"—",[323,377,378],{},"ARIA attributes",[302,380,381,386,391,393],{},[323,382,383],{},[282,384,385],{},"customClasses",[323,387,388],{},[282,389,390],{},"Partial\u003CBordaCloseButtonComponentClasses>",[323,392,375],{},[323,394,395],{},"Custom CSS classes",[302,397,398,403,408,410],{},[323,399,400],{},[282,401,402],{},"customStyles",[323,404,405],{},[282,406,407],{},"Partial\u003CBordaCloseButtonComponentStyles>",[323,409,375],{},[323,411,412],{},"Custom inline styles",[302,414,415,420,425,427],{},[323,416,417],{},[282,418,419],{},"customHtml",[323,421,422],{},[282,423,424],{},"Partial\u003CBordaCloseButtonComponentHtml>",[323,426,375],{},[323,428,429],{},"Custom HTML for the button",[431,432,437],"pre",{"className":433,"code":434,"language":435,"meta":436,"style":436},"language-ts shiki shiki-themes material-theme-lighter material-theme material-theme-palenight","await borda.mount({\n  steps: [...],\n  closeButton: {\n    size: ComponentSize.SM,\n    shape: ComponentShape.CIRCLE,\n  },\n});\n","ts","",[282,438,439,466,488,499,517,534,540],{"__ignoreMap":436},[440,441,444,448,452,456,460,463],"span",{"class":442,"line":443},"line",1,[440,445,447],{"class":446},"s7zQu","await",[440,449,451],{"class":450},"sTEyZ"," borda",[440,453,455],{"class":454},"sMK4o",".",[440,457,459],{"class":458},"s2Zo4","mount",[440,461,462],{"class":450},"(",[440,464,465],{"class":454},"{\n",[440,467,469,473,476,479,482,485],{"class":442,"line":468},2,[440,470,472],{"class":471},"swJcz","  steps",[440,474,475],{"class":454},":",[440,477,478],{"class":450}," [",[440,480,481],{"class":454},"...",[440,483,484],{"class":450},"]",[440,486,487],{"class":454},",\n",[440,489,491,494,496],{"class":442,"line":490},3,[440,492,493],{"class":471},"  closeButton",[440,495,475],{"class":454},[440,497,498],{"class":454}," {\n",[440,500,502,505,507,510,512,515],{"class":442,"line":501},4,[440,503,504],{"class":471},"    size",[440,506,475],{"class":454},[440,508,509],{"class":450}," ComponentSize",[440,511,455],{"class":454},[440,513,514],{"class":450},"SM",[440,516,487],{"class":454},[440,518,520,523,525,528,530,532],{"class":442,"line":519},5,[440,521,522],{"class":471},"    shape",[440,524,475],{"class":454},[440,526,527],{"class":450}," ComponentShape",[440,529,455],{"class":454},[440,531,357],{"class":450},[440,533,487],{"class":454},[440,535,537],{"class":442,"line":536},6,[440,538,539],{"class":454},"  },\n",[440,541,543,546,549],{"class":442,"line":542},7,[440,544,545],{"class":454},"}",[440,547,548],{"class":450},")",[440,550,551],{"class":454},";\n",[291,553,555],{"id":554},"disabling","Disabling",[431,557,559],{"className":433,"code":558,"language":435,"meta":436,"style":436},"await borda.mount({\n  steps: [...],\n  closeButton: false,\n});\n",[282,560,561,575,589,601],{"__ignoreMap":436},[440,562,563,565,567,569,571,573],{"class":442,"line":443},[440,564,447],{"class":446},[440,566,451],{"class":450},[440,568,455],{"class":454},[440,570,459],{"class":458},[440,572,462],{"class":450},[440,574,465],{"class":454},[440,576,577,579,581,583,585,587],{"class":442,"line":468},[440,578,472],{"class":471},[440,580,475],{"class":454},[440,582,478],{"class":450},[440,584,481],{"class":454},[440,586,484],{"class":450},[440,588,487],{"class":454},[440,590,591,593,595,599],{"class":442,"line":490},[440,592,493],{"class":471},[440,594,475],{"class":454},[440,596,598],{"class":597},"sfNiH"," false",[440,600,487],{"class":454},[440,602,603,605,607],{"class":442,"line":501},[440,604,545],{"class":454},[440,606,548],{"class":450},[440,608,551],{"class":454},[291,610,612],{"id":611},"customization","Customization",[431,614,616],{"className":433,"code":615,"language":435,"meta":436,"style":436},"closeButton: {\n  customClasses: {\n    root: 'my-close-wrapper',\n    button: 'hover:bg-gray-100',\n    cross: 'text-gray-500',\n  },\n  customStyles: {\n    button: {\n      width: '28px',\n      height: '28px',\n    },\n  },\n}\n",[282,617,618,628,637,656,672,688,692,701,710,727,743,749,754],{"__ignoreMap":436},[440,619,620,624,626],{"class":442,"line":443},[440,621,623],{"class":622},"sBMFI","closeButton",[440,625,475],{"class":454},[440,627,498],{"class":454},[440,629,630,633,635],{"class":442,"line":468},[440,631,632],{"class":622},"  customClasses",[440,634,475],{"class":454},[440,636,498],{"class":454},[440,638,639,642,644,647,651,654],{"class":442,"line":490},[440,640,641],{"class":622},"    root",[440,643,475],{"class":454},[440,645,646],{"class":454}," '",[440,648,650],{"class":649},"sfazB","my-close-wrapper",[440,652,653],{"class":454},"'",[440,655,487],{"class":454},[440,657,658,661,663,665,668,670],{"class":442,"line":501},[440,659,660],{"class":622},"    button",[440,662,475],{"class":454},[440,664,646],{"class":454},[440,666,667],{"class":649},"hover:bg-gray-100",[440,669,653],{"class":454},[440,671,487],{"class":454},[440,673,674,677,679,681,684,686],{"class":442,"line":519},[440,675,676],{"class":622},"    cross",[440,678,475],{"class":454},[440,680,646],{"class":454},[440,682,683],{"class":649},"text-gray-500",[440,685,653],{"class":454},[440,687,487],{"class":454},[440,689,690],{"class":442,"line":536},[440,691,539],{"class":454},[440,693,694,697,699],{"class":442,"line":542},[440,695,696],{"class":622},"  customStyles",[440,698,475],{"class":454},[440,700,498],{"class":454},[440,702,704,706,708],{"class":442,"line":703},8,[440,705,660],{"class":622},[440,707,475],{"class":454},[440,709,498],{"class":454},[440,711,713,716,718,720,723,725],{"class":442,"line":712},9,[440,714,715],{"class":622},"      width",[440,717,475],{"class":454},[440,719,646],{"class":454},[440,721,722],{"class":649},"28px",[440,724,653],{"class":454},[440,726,487],{"class":454},[440,728,730,733,735,737,739,741],{"class":442,"line":729},10,[440,731,732],{"class":622},"      height",[440,734,475],{"class":454},[440,736,646],{"class":454},[440,738,722],{"class":649},[440,740,653],{"class":454},[440,742,487],{"class":454},[440,744,746],{"class":442,"line":745},11,[440,747,748],{"class":454},"    },\n",[440,750,752],{"class":442,"line":751},12,[440,753,539],{"class":454},[440,755,757],{"class":442,"line":756},13,[440,758,759],{"class":454},"}\n",[291,761,763],{"id":762},"interface","Interface",[431,765,767],{"className":433,"code":766,"language":435,"meta":436,"style":436},"interface BordaCloseButtonProps {\n  size: ComponentSize;\n  shape: ComponentShape;\n  aria: Partial\u003CComponentAriaProps>;\n  customClasses: Partial\u003CBordaCloseButtonComponentClasses>;\n  customStyles: Partial\u003CBordaCloseButtonComponentStyles>;\n  customHtml: Partial\u003CBordaCloseButtonComponentHtml>;\n}\n",[282,768,769,779,790,801,820,835,850,866],{"__ignoreMap":436},[440,770,771,774,777],{"class":442,"line":443},[440,772,762],{"class":773},"spNyl",[440,775,776],{"class":622}," BordaCloseButtonProps",[440,778,498],{"class":454},[440,780,781,784,786,788],{"class":442,"line":468},[440,782,783],{"class":471},"  size",[440,785,475],{"class":454},[440,787,509],{"class":622},[440,789,551],{"class":454},[440,791,792,795,797,799],{"class":442,"line":490},[440,793,794],{"class":471},"  shape",[440,796,475],{"class":454},[440,798,527],{"class":622},[440,800,551],{"class":454},[440,802,803,806,808,811,814,817],{"class":442,"line":501},[440,804,805],{"class":471},"  aria",[440,807,475],{"class":454},[440,809,810],{"class":622}," Partial",[440,812,813],{"class":454},"\u003C",[440,815,816],{"class":622},"ComponentAriaProps",[440,818,819],{"class":454},">;\n",[440,821,822,824,826,828,830,833],{"class":442,"line":519},[440,823,632],{"class":471},[440,825,475],{"class":454},[440,827,810],{"class":622},[440,829,813],{"class":454},[440,831,832],{"class":622},"BordaCloseButtonComponentClasses",[440,834,819],{"class":454},[440,836,837,839,841,843,845,848],{"class":442,"line":536},[440,838,696],{"class":471},[440,840,475],{"class":454},[440,842,810],{"class":622},[440,844,813],{"class":454},[440,846,847],{"class":622},"BordaCloseButtonComponentStyles",[440,849,819],{"class":454},[440,851,852,855,857,859,861,864],{"class":442,"line":542},[440,853,854],{"class":471},"  customHtml",[440,856,475],{"class":454},[440,858,810],{"class":622},[440,860,813],{"class":454},[440,862,863],{"class":622},"BordaCloseButtonComponentHtml",[440,865,819],{"class":454},[440,867,868],{"class":442,"line":703},[440,869,759],{"class":454},[871,872,873],"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 .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 .sBMFI, html code.shiki .sBMFI{--shiki-light:#E2931D;--shiki-default:#FFCB6B;--shiki-dark:#FFCB6B}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":436,"searchDepth":443,"depth":468,"links":875},[876,877,878,879],{"id":293,"depth":468,"text":294},{"id":554,"depth":468,"text":555},{"id":611,"depth":468,"text":612},{"id":762,"depth":468,"text":763},"Button that dismisses the tour before completion.","md",null,{},true,{"title":92,"description":880},"g16QHoI1E96vkvweu5Ilu-4Q5TpekhcJWlUex_d1YM4",[888,890],{"title":52,"path":89,"stem":90,"description":889,"children":-1},"Don't show again",{"title":101,"path":102,"stem":103,"description":891,"children":-1},"Show and hide the widget with optional CSS transitions.",1784550677812]