[{"data":1,"prerenderedAt":839},["ShallowReactive",2],{"navigation":3,"/components/progress":272,"/components/progress-surround":834},[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":85,"body":274,"description":828,"extension":829,"links":830,"meta":831,"navigation":457,"path":86,"seo":832,"stem":87,"__hash__":833},"docs/03.components/6.progress.md",{"type":275,"value":276,"toc":821},"minimark",[277,298,303,408,548,552,593,597,650,654,734,738,817],[278,279,280,281,285,286,289,290,293,294,297],"p",{},"Tour progress shows the user's position in the tour. Three visual variants are available — ",[282,283,284],"code",{},"dots",", ",[282,287,288],{},"text",", and ",[282,291,292],{},"line",". Pass ",[282,295,296],{},"false"," to disable.",[299,300,302],"h2",{"id":301},"config","Config",[304,305,306,325],"table",{},[307,308,309],"thead",{},[310,311,312,316,319,322],"tr",{},[313,314,315],"th",{},"Property",[313,317,318],{},"Type",[313,320,321],{},"Default",[313,323,324],{},"Description",[326,327,328,356,374,391],"tbody",{},[310,329,330,336,341,346],{},[331,332,333],"td",{},[282,334,335],{},"variant",[331,337,338],{},[282,339,340],{},"BordaTourProgressVariant",[331,342,343],{},[282,344,345],{},"DOTS",[331,347,348,349,285,351,353,354],{},"Visual style — ",[282,350,284],{},[282,352,288],{},", or ",[282,355,292],{},[310,357,358,363,368,371],{},[331,359,360],{},[282,361,362],{},"aria",[331,364,365],{},[282,366,367],{},"Partial\u003CComponentAriaProps>",[331,369,370],{},"—",[331,372,373],{},"ARIA attributes",[310,375,376,381,386,388],{},[331,377,378],{},[282,379,380],{},"customClasses",[331,382,383],{},[282,384,385],{},"Partial\u003CBordaTourProgressComponentClasses>",[331,387,370],{},[331,389,390],{},"Custom CSS classes",[310,392,393,398,403,405],{},[331,394,395],{},[282,396,397],{},"customStyles",[331,399,400],{},[282,401,402],{},"Partial\u003CBordaTourProgressComponentStyles>",[331,404,370],{},[331,406,407],{},"Custom inline styles",[409,410,415],"pre",{"className":411,"code":412,"language":413,"meta":414,"style":414},"language-ts shiki shiki-themes material-theme-lighter material-theme material-theme-palenight","import { BordaTourProgressVariant } from '@retoo/borda';\n\nawait borda.mount({\n  steps: [...],\n  tourProgress: {\n    variant: BordaTourProgressVariant.TEXT,\n  },\n});\n","ts","",[282,416,417,452,459,481,503,514,531,537],{"__ignoreMap":414},[418,419,421,425,429,433,436,439,442,446,449],"span",{"class":292,"line":420},1,[418,422,424],{"class":423},"s7zQu","import",[418,426,428],{"class":427},"sMK4o"," {",[418,430,432],{"class":431},"sTEyZ"," BordaTourProgressVariant",[418,434,435],{"class":427}," }",[418,437,438],{"class":423}," from",[418,440,441],{"class":427}," '",[418,443,445],{"class":444},"sfazB","@retoo/borda",[418,447,448],{"class":427},"'",[418,450,451],{"class":427},";\n",[418,453,455],{"class":292,"line":454},2,[418,456,458],{"emptyLinePlaceholder":457},true,"\n",[418,460,462,465,468,471,475,478],{"class":292,"line":461},3,[418,463,464],{"class":423},"await",[418,466,467],{"class":431}," borda",[418,469,470],{"class":427},".",[418,472,474],{"class":473},"s2Zo4","mount",[418,476,477],{"class":431},"(",[418,479,480],{"class":427},"{\n",[418,482,484,488,491,494,497,500],{"class":292,"line":483},4,[418,485,487],{"class":486},"swJcz","  steps",[418,489,490],{"class":427},":",[418,492,493],{"class":431}," [",[418,495,496],{"class":427},"...",[418,498,499],{"class":431},"]",[418,501,502],{"class":427},",\n",[418,504,506,509,511],{"class":292,"line":505},5,[418,507,508],{"class":486},"  tourProgress",[418,510,490],{"class":427},[418,512,513],{"class":427}," {\n",[418,515,517,520,522,524,526,529],{"class":292,"line":516},6,[418,518,519],{"class":486},"    variant",[418,521,490],{"class":427},[418,523,432],{"class":431},[418,525,470],{"class":427},[418,527,528],{"class":431},"TEXT",[418,530,502],{"class":427},[418,532,534],{"class":292,"line":533},7,[418,535,536],{"class":427},"  },\n",[418,538,540,543,546],{"class":292,"line":539},8,[418,541,542],{"class":427},"}",[418,544,545],{"class":431},")",[418,547,451],{"class":427},[299,549,551],{"id":550},"variants","Variants",[304,553,554,563],{},[307,555,556],{},[310,557,558,561],{},[313,559,560],{},"Variant",[313,562,324],{},[326,564,565,574,583],{},[310,566,567,571],{},[331,568,569],{},[282,570,345],{},[331,572,573],{},"One dot per step, filled for completed steps",[310,575,576,580],{},[331,577,578],{},[282,579,528],{},[331,581,582],{},"\"Step 2 of 5\" label",[310,584,585,590],{},[331,586,587],{},[282,588,589],{},"LINE",[331,591,592],{},"Linear progress bar",[299,594,596],{"id":595},"disabling","Disabling",[409,598,600],{"className":411,"code":599,"language":413,"meta":414,"style":414},"await borda.mount({\n  steps: [...],\n  tourProgress: false,\n});\n",[282,601,602,616,630,642],{"__ignoreMap":414},[418,603,604,606,608,610,612,614],{"class":292,"line":420},[418,605,464],{"class":423},[418,607,467],{"class":431},[418,609,470],{"class":427},[418,611,474],{"class":473},[418,613,477],{"class":431},[418,615,480],{"class":427},[418,617,618,620,622,624,626,628],{"class":292,"line":454},[418,619,487],{"class":486},[418,621,490],{"class":427},[418,623,493],{"class":431},[418,625,496],{"class":427},[418,627,499],{"class":431},[418,629,502],{"class":427},[418,631,632,634,636,640],{"class":292,"line":461},[418,633,508],{"class":486},[418,635,490],{"class":427},[418,637,639],{"class":638},"sfNiH"," false",[418,641,502],{"class":427},[418,643,644,646,648],{"class":292,"line":483},[418,645,542],{"class":427},[418,647,545],{"class":431},[418,649,451],{"class":427},[299,651,653],{"id":652},"customization","Customization",[409,655,657],{"className":411,"code":656,"language":413,"meta":414,"style":414},"tourProgress: {\n  variant: BordaTourProgressVariant.DOTS,\n  customClasses: {\n    root: 'my-progress',\n    item: 'w-2 h-2 rounded-full',\n  },\n}\n",[282,658,659,669,684,693,709,725,729],{"__ignoreMap":414},[418,660,661,665,667],{"class":292,"line":420},[418,662,664],{"class":663},"sBMFI","tourProgress",[418,666,490],{"class":427},[418,668,513],{"class":427},[418,670,671,674,676,678,680,682],{"class":292,"line":454},[418,672,673],{"class":663},"  variant",[418,675,490],{"class":427},[418,677,432],{"class":431},[418,679,470],{"class":427},[418,681,345],{"class":431},[418,683,502],{"class":427},[418,685,686,689,691],{"class":292,"line":461},[418,687,688],{"class":663},"  customClasses",[418,690,490],{"class":427},[418,692,513],{"class":427},[418,694,695,698,700,702,705,707],{"class":292,"line":483},[418,696,697],{"class":663},"    root",[418,699,490],{"class":427},[418,701,441],{"class":427},[418,703,704],{"class":444},"my-progress",[418,706,448],{"class":427},[418,708,502],{"class":427},[418,710,711,714,716,718,721,723],{"class":292,"line":505},[418,712,713],{"class":663},"    item",[418,715,490],{"class":427},[418,717,441],{"class":427},[418,719,720],{"class":444},"w-2 h-2 rounded-full",[418,722,448],{"class":427},[418,724,502],{"class":427},[418,726,727],{"class":292,"line":516},[418,728,536],{"class":427},[418,730,731],{"class":292,"line":533},[418,732,733],{"class":427},"}\n",[299,735,737],{"id":736},"interface","Interface",[409,739,741],{"className":411,"code":740,"language":413,"meta":414,"style":414},"interface BordaTourProgressProps {\n  variant: BordaTourProgressVariant;\n  aria: Partial\u003CComponentAriaProps>;\n  customClasses: Partial\u003CBordaTourProgressComponentClasses>;\n  customStyles: Partial\u003CBordaTourProgressComponentStyles>;\n}\n",[282,742,743,753,763,782,797,813],{"__ignoreMap":414},[418,744,745,748,751],{"class":292,"line":420},[418,746,736],{"class":747},"spNyl",[418,749,750],{"class":663}," BordaTourProgressProps",[418,752,513],{"class":427},[418,754,755,757,759,761],{"class":292,"line":454},[418,756,673],{"class":486},[418,758,490],{"class":427},[418,760,432],{"class":663},[418,762,451],{"class":427},[418,764,765,768,770,773,776,779],{"class":292,"line":461},[418,766,767],{"class":486},"  aria",[418,769,490],{"class":427},[418,771,772],{"class":663}," Partial",[418,774,775],{"class":427},"\u003C",[418,777,778],{"class":663},"ComponentAriaProps",[418,780,781],{"class":427},">;\n",[418,783,784,786,788,790,792,795],{"class":292,"line":483},[418,785,688],{"class":486},[418,787,490],{"class":427},[418,789,772],{"class":663},[418,791,775],{"class":427},[418,793,794],{"class":663},"BordaTourProgressComponentClasses",[418,796,781],{"class":427},[418,798,799,802,804,806,808,811],{"class":292,"line":505},[418,800,801],{"class":486},"  customStyles",[418,803,490],{"class":427},[418,805,772],{"class":663},[418,807,775],{"class":427},[418,809,810],{"class":663},"BordaTourProgressComponentStyles",[418,812,781],{"class":427},[418,814,815],{"class":292,"line":516},[418,816,733],{"class":427},[818,819,820],"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 .sMK4o, html code.shiki .sMK4o{--shiki-light:#39ADB5;--shiki-default:#89DDFF;--shiki-dark:#89DDFF}html pre.shiki code .sTEyZ, html code.shiki .sTEyZ{--shiki-light:#90A4AE;--shiki-default:#EEFFFF;--shiki-dark:#BABED8}html pre.shiki code .sfazB, html code.shiki .sfazB{--shiki-light:#91B859;--shiki-default:#C3E88D;--shiki-dark:#C3E88D}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 .spNyl, html code.shiki .spNyl{--shiki-light:#9C3EDA;--shiki-default:#C792EA;--shiki-dark:#C792EA}",{"title":414,"searchDepth":420,"depth":454,"links":822},[823,824,825,826,827],{"id":301,"depth":454,"text":302},{"id":550,"depth":454,"text":551},{"id":595,"depth":454,"text":596},{"id":652,"depth":454,"text":653},{"id":736,"depth":454,"text":737},"Visual progress indicator with dots, text, or line variants.","md",null,{},{"title":85,"description":828},"sURKCOJbPXXZvGnCJLeRvH1G5Tf8IpOE9lyV4Weosm0",[835,837],{"title":81,"path":82,"stem":83,"description":836,"children":-1},"Navigation buttons for prev, next, finish, and skip actions.",{"title":52,"path":89,"stem":90,"description":838,"children":-1},"Don't show again",1784550677636]