[{"data":1,"prerenderedAt":1254},["ShallowReactive",2],{"navigation":3,"/configuration/animation":272,"/configuration/animation-surround":1249},[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":44,"body":274,"description":1243,"extension":1244,"links":1245,"meta":1246,"navigation":610,"path":45,"seo":1247,"stem":46,"__hash__":1248},"docs/02.configuration/5.animation.md",{"type":275,"value":276,"toc":1236},"minimark",[277,290,295,515,519,522,553,560,716,720,772,777,1048,1052,1059,1175,1179,1182,1232],[278,279,281],"div",{"id":280},"animation-description",[282,283,284,285,289],"p",{},"Borda supports configurable animations for tooltip enter/exit and overlay spotlight transitions. All animation settings are grouped under the ",[286,287,288],"code",{},"animation"," config key.",[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,399,418,438,458,477,496],"tbody",{},[302,321,322,328,333,338],{},[323,324,325],"td",{},[286,326,327],{},"isEnabled",[323,329,330],{},[286,331,332],{},"boolean",[323,334,335],{},[286,336,337],{},"true",[323,339,340],{},"Master switch for all animations",[302,342,343,348,353,358],{},[323,344,345],{},[286,346,347],{},"tooltip.enter",[323,349,350],{},[286,351,352],{},"AnimationEffect",[323,354,355],{},[286,356,357],{},"FADE",[323,359,360],{},"Tooltip enter effect",[302,362,363,368,372,376],{},[323,364,365],{},[286,366,367],{},"tooltip.exit",[323,369,370],{},[286,371,352],{},[323,373,374],{},[286,375,357],{},[323,377,378],{},"Tooltip exit effect",[302,380,381,386,391,396],{},[323,382,383],{},[286,384,385],{},"tooltip.enterDuration",[323,387,388],{},[286,389,390],{},"number",[323,392,393],{},[286,394,395],{},"200",[323,397,398],{},"Enter animation duration in ms",[302,400,401,406,410,415],{},[323,402,403],{},[286,404,405],{},"tooltip.exitDuration",[323,407,408],{},[286,409,390],{},[323,411,412],{},[286,413,414],{},"150",[323,416,417],{},"Exit animation duration in ms",[302,419,420,425,430,435],{},[323,421,422],{},[286,423,424],{},"tooltip.easing",[323,426,427],{},[286,428,429],{},"string",[323,431,432],{},[286,433,434],{},"ease-out",[323,436,437],{},"CSS easing function",[302,439,440,445,450,455],{},[323,441,442],{},[286,443,444],{},"tooltip.appearance",[323,446,447],{},[286,448,449],{},"BordaScrollAppearance",[323,451,452],{},[286,453,454],{},"AFTER_SCROLL",[323,456,457],{},"When to reveal the tooltip relative to scroll animation",[302,459,460,465,470,474],{},[323,461,462],{},[286,463,464],{},"tooltip.transition",[323,466,467],{},[286,468,469],{},"BordaTooltipTransition",[323,471,472],{},[286,473,357],{},[323,475,476],{},"How the tooltip moves between steps",[302,478,479,484,488,493],{},[323,480,481],{},[286,482,483],{},"overlay.transitionDuration",[323,485,486],{},[286,487,390],{},[323,489,490],{},[286,491,492],{},"350",[323,494,495],{},"Spotlight transition duration between steps",[302,497,498,503,507,512],{},[323,499,500],{},[286,501,502],{},"overlay.easing",[323,504,505],{},[286,506,429],{},[323,508,509],{},[286,510,511],{},"ease-in-out",[323,513,514],{},"CSS easing for spotlight movement",[291,516,518],{"id":517},"tooltip-transition","Tooltip transition",[282,520,521],{},"Controls how the tooltip moves between steps:",[296,523,524,532],{},[299,525,526],{},[302,527,528,530],{},[305,529,237],{},[305,531,316],{},[318,533,534,543],{},[302,535,536,540],{},[323,537,538],{},[286,539,357],{},[323,541,542],{},"Hide the tooltip while transitioning, then fade it in at the new step",[302,544,545,550],{},[323,546,547],{},[286,548,549],{},"GLIDE",[323,551,552],{},"Keep the tooltip visible and glide its position to the new step",[554,555,556],"borda-container",{},[557,558],"borda-component",{":config":559},"{\"steps\":[{\"target\":\"#animation-description\",\"title\":\"Configurable animations\",\"description\":\"All animation settings are grouped under the animation config key.\",\"placement\":\"bottom-start\"},{\"target\":\"#tooltip-transition\",\"title\":\"Tooltip transition\",\"description\":\"Controls how the tooltip moves between steps — fade or glide.\",\"placement\":\"middle-end\"},{\"target\":\"#config\",\"title\":\"Config table\",\"description\":\"The table lists all animation properties — effects, durations, easing, and overlay transitions.\",\"placement\":\"top-end\"}],\"animation\":{\"tooltip\":{\"transition\":\"glide\"}}}",[561,562,567],"pre",{"className":563,"code":564,"language":565,"meta":566,"style":566},"language-ts shiki shiki-themes material-theme-lighter material-theme material-theme-palenight","import { BordaTooltipTransition } from '@retoo/borda';\n\nawait borda.mount({\n  steps: [...],\n  animation: {\n    tooltip: {\n      transition: BordaTooltipTransition.GLIDE,\n    },\n  },\n});\n","ts","",[286,568,569,605,612,634,656,667,677,693,699,705],{"__ignoreMap":566},[570,571,574,578,582,586,589,592,595,599,602],"span",{"class":572,"line":573},"line",1,[570,575,577],{"class":576},"s7zQu","import",[570,579,581],{"class":580},"sMK4o"," {",[570,583,585],{"class":584},"sTEyZ"," BordaTooltipTransition",[570,587,588],{"class":580}," }",[570,590,591],{"class":576}," from",[570,593,594],{"class":580}," '",[570,596,598],{"class":597},"sfazB","@retoo/borda",[570,600,601],{"class":580},"'",[570,603,604],{"class":580},";\n",[570,606,608],{"class":572,"line":607},2,[570,609,611],{"emptyLinePlaceholder":610},true,"\n",[570,613,615,618,621,624,628,631],{"class":572,"line":614},3,[570,616,617],{"class":576},"await",[570,619,620],{"class":584}," borda",[570,622,623],{"class":580},".",[570,625,627],{"class":626},"s2Zo4","mount",[570,629,630],{"class":584},"(",[570,632,633],{"class":580},"{\n",[570,635,637,641,644,647,650,653],{"class":572,"line":636},4,[570,638,640],{"class":639},"swJcz","  steps",[570,642,643],{"class":580},":",[570,645,646],{"class":584}," [",[570,648,649],{"class":580},"...",[570,651,652],{"class":584},"]",[570,654,655],{"class":580},",\n",[570,657,659,662,664],{"class":572,"line":658},5,[570,660,661],{"class":639},"  animation",[570,663,643],{"class":580},[570,665,666],{"class":580}," {\n",[570,668,670,673,675],{"class":572,"line":669},6,[570,671,672],{"class":639},"    tooltip",[570,674,643],{"class":580},[570,676,666],{"class":580},[570,678,680,683,685,687,689,691],{"class":572,"line":679},7,[570,681,682],{"class":639},"      transition",[570,684,643],{"class":580},[570,686,585],{"class":584},[570,688,623],{"class":580},[570,690,549],{"class":584},[570,692,655],{"class":580},[570,694,696],{"class":572,"line":695},8,[570,697,698],{"class":580},"    },\n",[570,700,702],{"class":572,"line":701},9,[570,703,704],{"class":580},"  },\n",[570,706,708,711,714],{"class":572,"line":707},10,[570,709,710],{"class":580},"}",[570,712,713],{"class":584},")",[570,715,604],{"class":580},[291,717,719],{"id":718},"animation-effects","Animation effects",[296,721,722,731],{},[299,723,724],{},[302,725,726,729],{},[305,727,728],{},"Effect",[305,730,316],{},[318,732,733,743,752,762],{},[302,734,735,740],{},[323,736,737],{},[286,738,739],{},"NONE",[323,741,742],{},"No animation",[302,744,745,749],{},[323,746,747],{},[286,748,357],{},[323,750,751],{},"Opacity transition",[302,753,754,759],{},[323,755,756],{},[286,757,758],{},"SCALE",[323,760,761],{},"Scale from center",[302,763,764,769],{},[323,765,766],{},[286,767,768],{},"SLIDE",[323,770,771],{},"Slide from edge",[554,773,774],{},[557,775],{":config":776},"{\"steps\":[{\"target\":\"#config\",\"title\":\"Full config\",\"description\":\"Every animation property lives under one config key — effects, durations, and easing.\",\"placement\":\"bottom-start\"},{\"target\":\"#animation-effects\",\"title\":\"Animation effects\",\"description\":\"Four effects available — none, fade, scale, and slide. Each can be applied independently.\",\"placement\":\"top-end\"},{\"target\":\"#disabling-animation\",\"title\":\"Disabling\",\"description\":\"Pass false to the animation key to disable all animations globally.\",\"placement\":\"middle-end\"}],\"animation\":{\"isEnabled\":true,\"tooltip\":{\"enter\":\"scale\",\"exit\":\"scale\",\"enterDuration\":250,\"exitDuration\":150}}}",[561,778,780],{"className":563,"code":779,"language":565,"meta":566,"style":566},"import { AnimationEffect } from '@retoo/borda';\n\nawait borda.mount({\n  steps: [\n    {\n      target: '#element',\n      title: 'Title',\n      description: 'Description',\n      placement: 'bottom-center',\n    },\n  ],\n  animation: {\n    isEnabled: true,\n    tooltip: {\n      enter: AnimationEffect.FADE,\n      exit: AnimationEffect.FADE,\n      enterDuration: 300,\n      exitDuration: 200,\n    },\n    overlay: {\n      transitionDuration: 400,\n    },\n  },\n});\n",[286,781,782,803,807,821,830,835,851,867,882,898,902,910,919,933,942,958,974,988,1001,1006,1016,1029,1034,1039],{"__ignoreMap":566},[570,783,784,786,788,791,793,795,797,799,801],{"class":572,"line":573},[570,785,577],{"class":576},[570,787,581],{"class":580},[570,789,790],{"class":584}," AnimationEffect",[570,792,588],{"class":580},[570,794,591],{"class":576},[570,796,594],{"class":580},[570,798,598],{"class":597},[570,800,601],{"class":580},[570,802,604],{"class":580},[570,804,805],{"class":572,"line":607},[570,806,611],{"emptyLinePlaceholder":610},[570,808,809,811,813,815,817,819],{"class":572,"line":614},[570,810,617],{"class":576},[570,812,620],{"class":584},[570,814,623],{"class":580},[570,816,627],{"class":626},[570,818,630],{"class":584},[570,820,633],{"class":580},[570,822,823,825,827],{"class":572,"line":636},[570,824,640],{"class":639},[570,826,643],{"class":580},[570,828,829],{"class":584}," [\n",[570,831,832],{"class":572,"line":658},[570,833,834],{"class":580},"    {\n",[570,836,837,840,842,844,847,849],{"class":572,"line":669},[570,838,839],{"class":639},"      target",[570,841,643],{"class":580},[570,843,594],{"class":580},[570,845,846],{"class":597},"#element",[570,848,601],{"class":580},[570,850,655],{"class":580},[570,852,853,856,858,860,863,865],{"class":572,"line":679},[570,854,855],{"class":639},"      title",[570,857,643],{"class":580},[570,859,594],{"class":580},[570,861,862],{"class":597},"Title",[570,864,601],{"class":580},[570,866,655],{"class":580},[570,868,869,872,874,876,878,880],{"class":572,"line":695},[570,870,871],{"class":639},"      description",[570,873,643],{"class":580},[570,875,594],{"class":580},[570,877,316],{"class":597},[570,879,601],{"class":580},[570,881,655],{"class":580},[570,883,884,887,889,891,894,896],{"class":572,"line":701},[570,885,886],{"class":639},"      placement",[570,888,643],{"class":580},[570,890,594],{"class":580},[570,892,893],{"class":597},"bottom-center",[570,895,601],{"class":580},[570,897,655],{"class":580},[570,899,900],{"class":572,"line":707},[570,901,698],{"class":580},[570,903,905,908],{"class":572,"line":904},11,[570,906,907],{"class":584},"  ]",[570,909,655],{"class":580},[570,911,913,915,917],{"class":572,"line":912},12,[570,914,661],{"class":639},[570,916,643],{"class":580},[570,918,666],{"class":580},[570,920,922,925,927,931],{"class":572,"line":921},13,[570,923,924],{"class":639},"    isEnabled",[570,926,643],{"class":580},[570,928,930],{"class":929},"sfNiH"," true",[570,932,655],{"class":580},[570,934,936,938,940],{"class":572,"line":935},14,[570,937,672],{"class":639},[570,939,643],{"class":580},[570,941,666],{"class":580},[570,943,945,948,950,952,954,956],{"class":572,"line":944},15,[570,946,947],{"class":639},"      enter",[570,949,643],{"class":580},[570,951,790],{"class":584},[570,953,623],{"class":580},[570,955,357],{"class":584},[570,957,655],{"class":580},[570,959,961,964,966,968,970,972],{"class":572,"line":960},16,[570,962,963],{"class":639},"      exit",[570,965,643],{"class":580},[570,967,790],{"class":584},[570,969,623],{"class":580},[570,971,357],{"class":584},[570,973,655],{"class":580},[570,975,977,980,982,986],{"class":572,"line":976},17,[570,978,979],{"class":639},"      enterDuration",[570,981,643],{"class":580},[570,983,985],{"class":984},"sbssI"," 300",[570,987,655],{"class":580},[570,989,991,994,996,999],{"class":572,"line":990},18,[570,992,993],{"class":639},"      exitDuration",[570,995,643],{"class":580},[570,997,998],{"class":984}," 200",[570,1000,655],{"class":580},[570,1002,1004],{"class":572,"line":1003},19,[570,1005,698],{"class":580},[570,1007,1009,1012,1014],{"class":572,"line":1008},20,[570,1010,1011],{"class":639},"    overlay",[570,1013,643],{"class":580},[570,1015,666],{"class":580},[570,1017,1019,1022,1024,1027],{"class":572,"line":1018},21,[570,1020,1021],{"class":639},"      transitionDuration",[570,1023,643],{"class":580},[570,1025,1026],{"class":984}," 400",[570,1028,655],{"class":580},[570,1030,1032],{"class":572,"line":1031},22,[570,1033,698],{"class":580},[570,1035,1037],{"class":572,"line":1036},23,[570,1038,704],{"class":580},[570,1040,1042,1044,1046],{"class":572,"line":1041},24,[570,1043,710],{"class":580},[570,1045,713],{"class":584},[570,1047,604],{"class":580},[291,1049,1051],{"id":1050},"disabling-animation","Disabling animation",[282,1053,1054,1055,1058],{},"Pass ",[286,1056,1057],{},"false"," to disable all animations globally:",[561,1060,1062],{"className":563,"code":1061,"language":565,"meta":566,"style":566},"await borda.mount({\n  steps: [\n    {\n      target: '#element',\n      title: 'Title',\n      description: 'Description',\n      placement: 'bottom-center',\n    },\n  ],\n  animation: false,\n});\n",[286,1063,1064,1078,1086,1090,1104,1118,1132,1146,1150,1156,1167],{"__ignoreMap":566},[570,1065,1066,1068,1070,1072,1074,1076],{"class":572,"line":573},[570,1067,617],{"class":576},[570,1069,620],{"class":584},[570,1071,623],{"class":580},[570,1073,627],{"class":626},[570,1075,630],{"class":584},[570,1077,633],{"class":580},[570,1079,1080,1082,1084],{"class":572,"line":607},[570,1081,640],{"class":639},[570,1083,643],{"class":580},[570,1085,829],{"class":584},[570,1087,1088],{"class":572,"line":614},[570,1089,834],{"class":580},[570,1091,1092,1094,1096,1098,1100,1102],{"class":572,"line":636},[570,1093,839],{"class":639},[570,1095,643],{"class":580},[570,1097,594],{"class":580},[570,1099,846],{"class":597},[570,1101,601],{"class":580},[570,1103,655],{"class":580},[570,1105,1106,1108,1110,1112,1114,1116],{"class":572,"line":658},[570,1107,855],{"class":639},[570,1109,643],{"class":580},[570,1111,594],{"class":580},[570,1113,862],{"class":597},[570,1115,601],{"class":580},[570,1117,655],{"class":580},[570,1119,1120,1122,1124,1126,1128,1130],{"class":572,"line":669},[570,1121,871],{"class":639},[570,1123,643],{"class":580},[570,1125,594],{"class":580},[570,1127,316],{"class":597},[570,1129,601],{"class":580},[570,1131,655],{"class":580},[570,1133,1134,1136,1138,1140,1142,1144],{"class":572,"line":679},[570,1135,886],{"class":639},[570,1137,643],{"class":580},[570,1139,594],{"class":580},[570,1141,893],{"class":597},[570,1143,601],{"class":580},[570,1145,655],{"class":580},[570,1147,1148],{"class":572,"line":695},[570,1149,698],{"class":580},[570,1151,1152,1154],{"class":572,"line":701},[570,1153,907],{"class":584},[570,1155,655],{"class":580},[570,1157,1158,1160,1162,1165],{"class":572,"line":707},[570,1159,661],{"class":639},[570,1161,643],{"class":580},[570,1163,1164],{"class":929}," false",[570,1166,655],{"class":580},[570,1168,1169,1171,1173],{"class":572,"line":904},[570,1170,710],{"class":580},[570,1172,713],{"class":584},[570,1174,604],{"class":580},[291,1176,1178],{"id":1177},"runtime-api","Runtime API",[282,1180,1181],{},"Read the resolved animation settings at runtime:",[561,1183,1185],{"className":563,"code":1184,"language":565,"meta":566,"style":566},"instance.animation.isEnabled;\ninstance.animation.tooltip;\ninstance.animation.overlay;\n",[286,1186,1187,1202,1217],{"__ignoreMap":566},[570,1188,1189,1192,1194,1196,1198,1200],{"class":572,"line":573},[570,1190,1191],{"class":584},"instance",[570,1193,623],{"class":580},[570,1195,288],{"class":584},[570,1197,623],{"class":580},[570,1199,327],{"class":584},[570,1201,604],{"class":580},[570,1203,1204,1206,1208,1210,1212,1215],{"class":572,"line":607},[570,1205,1191],{"class":584},[570,1207,623],{"class":580},[570,1209,288],{"class":584},[570,1211,623],{"class":580},[570,1213,1214],{"class":584},"tooltip",[570,1216,604],{"class":580},[570,1218,1219,1221,1223,1225,1227,1230],{"class":572,"line":614},[570,1220,1191],{"class":584},[570,1222,623],{"class":580},[570,1224,288],{"class":584},[570,1226,623],{"class":580},[570,1228,1229],{"class":584},"overlay",[570,1231,604],{"class":580},[1233,1234,1235],"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 .sbssI, html code.shiki .sbssI{--shiki-light:#F76D47;--shiki-default:#F78C6C;--shiki-dark:#F78C6C}",{"title":566,"searchDepth":573,"depth":607,"links":1237},[1238,1239,1240,1241,1242],{"id":293,"depth":607,"text":294},{"id":517,"depth":607,"text":518},{"id":718,"depth":607,"text":719},{"id":1050,"depth":607,"text":1051},{"id":1177,"depth":607,"text":1178},"Configure enter/exit animations for the tooltip and overlay spotlight transitions.","md",null,{},{"title":44,"description":1243},"YyfsZ4VbWuOiG3fST4da_06RDI-5Y7zbQwGoU48OnJ0",[1250,1252],{"title":40,"path":41,"stem":42,"description":1251,"children":-1},"Control tooltip position relative to the target element using ComponentPlacement.",{"title":48,"path":49,"stem":50,"description":1253,"children":-1},"Configure smooth scroll to bring the active step target into view.",1784550676324]