[{"data":1,"prerenderedAt":1507},["ShallowReactive",2],{"navigation":3,"/components/cta-button":238,"/components/cta-button-surround":1502},[4,22,55,88,105,138,159,180,217],{"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],{"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},"Shape","/configuration/shape","02.configuration/3.shape",{"title":40,"path":41,"stem":42},"Positioning","/configuration/positioning","02.configuration/4.positioning",{"title":44,"path":45,"stem":46},"Placement","/configuration/placement","02.configuration/5.placement",{"title":48,"path":49,"stem":50},"Video","/configuration/video","02.configuration/6.video",{"title":52,"path":53,"stem":54},"Styles","/configuration/styles","02.configuration/7.styles",{"title":56,"path":57,"stem":58,"children":59,"page":6},"Components","/components","03.components",[60,64,68,72,76,80,84],{"title":61,"path":62,"stem":63},"Container","/components/container","03.components/1.container",{"title":65,"path":66,"stem":67},"Close Button","/components/close-button","03.components/2.close-button",{"title":69,"path":70,"stem":71},"CTA Button","/components/cta-button","03.components/3.cta-button",{"title":73,"path":74,"stem":75},"Video Controls","/components/video-controls","03.components/4.video-controls",{"title":77,"path":78,"stem":79},"Video Loader","/components/video-loader","03.components/5.video-loader",{"title":81,"path":82,"stem":83},"Video Progress","/components/video-progress","03.components/6.video-progress",{"title":85,"path":86,"stem":87},"Video Volume","/components/video-volume","03.components/7.video-volume",{"title":89,"path":90,"stem":91,"children":92,"page":6},"Features","/features","04.features",[93,97,101],{"title":94,"path":95,"stem":96},"Preview","/features/preview","04.features/1.preview",{"title":98,"path":99,"stem":100},"Visibility","/features/visibility","04.features/2.visibility",{"title":102,"path":103,"stem":104},"Responsive","/features/responsive","04.features/3.responsive",{"title":106,"path":107,"stem":108,"children":109,"page":6},"API Reference","/api-reference","05.api-reference",[110,114,118,122,126,130,134],{"title":111,"path":112,"stem":113},"useScena","/api-reference/use-scena","05.api-reference/1.use-scena",{"title":115,"path":116,"stem":117},"useConfig","/api-reference/use-config","05.api-reference/2.use-config",{"title":119,"path":120,"stem":121},"Scena Instance","/api-reference/scena-instance","05.api-reference/3.scena-instance",{"title":123,"path":124,"stem":125},"Video Controller","/api-reference/video-controller","05.api-reference/4.video-controller",{"title":127,"path":128,"stem":129},"Video State","/api-reference/video-state","05.api-reference/5.video-state",{"title":131,"path":132,"stem":133},"Visibility API","/api-reference/visibility-api","05.api-reference/6.visibility-api",{"title":135,"path":136,"stem":137},"Preview API","/api-reference/preview-api","05.api-reference/7.preview-api",{"title":139,"path":140,"stem":141,"children":142,"page":6},"Events","/events","06.events",[143,147,151,155],{"title":144,"path":145,"stem":146},"Widget Events","/events/widget-events","06.events/1.widget-events",{"title":148,"path":149,"stem":150},"Video Events","/events/video-events","06.events/2.video-events",{"title":152,"path":153,"stem":154},"Feature Events","/events/feature-events","06.events/3.feature-events",{"title":156,"path":157,"stem":158},"Click Events","/events/click-events","06.events/4.click-events",{"title":160,"path":161,"stem":162,"children":163,"page":6},"Custom Element","/custom-element","07.custom-element",[164,168,172,176],{"title":165,"path":166,"stem":167},"Setup","/custom-element/setup","07.custom-element/1.setup",{"title":169,"path":170,"stem":171},"Usage","/custom-element/usage","07.custom-element/2.usage",{"title":173,"path":174,"stem":175},"DOM Events","/custom-element/events","07.custom-element/3.events",{"title":177,"path":178,"stem":179},"Integration","/custom-element/integration","07.custom-element/4.integration",{"title":181,"path":182,"stem":183,"children":184,"page":6},"Examples","/examples","08.examples",[185,189,193,197,201,205,209,213],{"title":186,"path":187,"stem":188},"Basic Setup","/examples/basic-setup","08.examples/1.basic-setup",{"title":190,"path":191,"stem":192},"Custom Styling","/examples/custom-styling","08.examples/2.custom-styling",{"title":194,"path":195,"stem":196},"Responsive Widget","/examples/responsive-widget","08.examples/3.responsive-widget",{"title":198,"path":199,"stem":200},"Custom Controls","/examples/custom-controls","08.examples/4.custom-controls",{"title":202,"path":203,"stem":204},"Viewport Mount","/examples/viewport-mount","08.examples/5.viewport-mount",{"title":206,"path":207,"stem":208},"Timed Overlay","/examples/timed-overlay","08.examples/6.timed-overlay",{"title":210,"path":211,"stem":212},"Loop Segment","/examples/loop-segment","08.examples/7.loop-segment",{"title":214,"path":215,"stem":216},"Heatmap Data","/examples/heatmap-data","08.examples/8.heatmap-data",{"title":218,"path":219,"stem":220,"children":221,"page":6},"Distribution","/distribution","09.distribution",[222,226,230,234],{"title":223,"path":224,"stem":225},"Formats","/distribution/formats","09.distribution/1.formats",{"title":227,"path":228,"stem":229},"Browser Support","/distribution/browser-support","09.distribution/2.browser-support",{"title":231,"path":232,"stem":233},"Bundle Size","/distribution/bundle-size","09.distribution/3.bundle-size",{"title":235,"path":236,"stem":237},"TypeScript","/distribution/typescript","09.distribution/4.typescript",{"id":239,"title":69,"body":240,"description":1497,"extension":960,"links":1498,"meta":1499,"navigation":697,"path":70,"seo":1500,"stem":71,"__hash__":1501},"docs/03.components/3.cta-button.md",{"type":241,"value":242,"toc":1488},"minimark",[243,264,269,401,405,413,425,591,593,596,795,799,805,948,962,966,1025,1029,1044,1049,1168,1177,1333,1337,1484],[244,245,246,247,251,252,255,256,259,260,263],"p",{},"CTA button displays a text label either inside the widget overlay or outside below the container. It has no default action — behavior is defined entirely through ",[248,249,250],"code",{},"onClick",". Placement can switch between ",[248,253,254],{},"inside"," and ",[248,257,258],{},"outside"," automatically based on widget size using the adaptive option. Pass ",[248,261,262],{},"false"," to disable.",[265,266,268],"h2",{"id":267},"config","Config",[270,271,272,288],"table",{},[273,274,275],"thead",{},[276,277,278,282,285],"tr",{},[279,280,281],"th",{},"Property",[279,283,284],{},"Type",[279,286,287],{},"Description",[289,290,291,307,327,342,357,371,386],"tbody",{},[276,292,293,299,304],{},[294,295,296],"td",{},[248,297,298],{},"text",[294,300,301],{},[248,302,303],{},"string",[294,305,306],{},"Button label text",[276,308,309,314,319],{},[294,310,311],{},[248,312,313],{},"placement",[294,315,316],{},[248,317,318],{},"ScenaCtaButtonPlacement",[294,320,321,323,324,326],{},[248,322,254],{}," or ",[248,325,258],{}," the widget container",[276,328,329,334,339],{},[294,330,331],{},[248,332,333],{},"adaptive",[294,335,336],{},[248,337,338],{},"ScenaCtaButtonAdaptive | false",[294,340,341],{},"Responsive placement rules",[276,343,344,349,354],{},[294,345,346],{},[248,347,348],{},"aria",[294,350,351],{},[248,352,353],{},"Partial\u003CComponentAriaProps>",[294,355,356],{},"ARIA attributes",[276,358,359,363,368],{},[294,360,361],{},[248,362,250],{},[294,364,365],{},[248,366,367],{},"(event: Event) => void",[294,369,370],{},"Click handler",[276,372,373,378,383],{},[294,374,375],{},[248,376,377],{},"customClasses",[294,379,380],{},[248,381,382],{},"Partial\u003CScenaCtaButtonComponentClasses>",[294,384,385],{},"Custom CSS classes",[276,387,388,393,398],{},[294,389,390],{},[248,391,392],{},"customStyles",[294,394,395],{},[248,396,397],{},"Partial\u003CScenaCtaButtonComponentStyles>",[294,399,400],{},"Custom inline styles",[265,402,404],{"id":403},"example","Example",[406,407,408],"scena-container",{},[409,410],"scena-component",{":config":411,":cta-event":412},"{\"video\":{\"src\":\"/examples/example-cat.mp4\",\"autoplay\":false},\"size\":\"md\",\"shape\":\"circle\",\"container\":{\"position\":\"absolute\",\"placement\":\"middle-center\"},\"ctaButton\":{\"text\":\"Get in touch\"},\"closeButton\":false}","true",[414,415,418],"callout",{"color":416,"icon":417},"neutral","i-lucide-terminal",[244,419,420,421,424],{},"Click the CTA button and open the browser console to see the ",[248,422,423],{},"[scena] cta:click"," log.",[426,427,432],"pre",{"className":428,"code":429,"language":430,"meta":431,"style":431},"language-ts shiki shiki-themes material-theme-lighter material-theme material-theme-palenight","await scena.mount({\n  video: { src: '/video.mp4' },\n  ctaButton: {\n    text: 'Get in touch',\n    onClick: (event) => {\n      console.log('cta:click')\n    },\n  },\n});\n","ts","",[248,433,434,461,492,503,521,545,568,574,580],{"__ignoreMap":431},[435,436,439,443,447,451,455,458],"span",{"class":437,"line":438},"line",1,[435,440,442],{"class":441},"s7zQu","await",[435,444,446],{"class":445},"sTEyZ"," scena",[435,448,450],{"class":449},"sMK4o",".",[435,452,454],{"class":453},"s2Zo4","mount",[435,456,457],{"class":445},"(",[435,459,460],{"class":449},"{\n",[435,462,464,468,471,474,477,479,482,486,489],{"class":437,"line":463},2,[435,465,467],{"class":466},"swJcz","  video",[435,469,470],{"class":449},":",[435,472,473],{"class":449}," {",[435,475,476],{"class":466}," src",[435,478,470],{"class":449},[435,480,481],{"class":449}," '",[435,483,485],{"class":484},"sfazB","/video.mp4",[435,487,488],{"class":449},"'",[435,490,491],{"class":449}," },\n",[435,493,495,498,500],{"class":437,"line":494},3,[435,496,497],{"class":466},"  ctaButton",[435,499,470],{"class":449},[435,501,502],{"class":449}," {\n",[435,504,506,509,511,513,516,518],{"class":437,"line":505},4,[435,507,508],{"class":466},"    text",[435,510,470],{"class":449},[435,512,481],{"class":449},[435,514,515],{"class":484},"Get in touch",[435,517,488],{"class":449},[435,519,520],{"class":449},",\n",[435,522,524,527,529,532,536,539,543],{"class":437,"line":523},5,[435,525,526],{"class":453},"    onClick",[435,528,470],{"class":449},[435,530,531],{"class":449}," (",[435,533,535],{"class":534},"sHdIc","event",[435,537,538],{"class":449},")",[435,540,542],{"class":541},"spNyl"," =>",[435,544,502],{"class":449},[435,546,548,551,553,556,558,560,563,565],{"class":437,"line":547},6,[435,549,550],{"class":445},"      console",[435,552,450],{"class":449},[435,554,555],{"class":453},"log",[435,557,457],{"class":466},[435,559,488],{"class":449},[435,561,562],{"class":484},"cta:click",[435,564,488],{"class":449},[435,566,567],{"class":466},")\n",[435,569,571],{"class":437,"line":570},7,[435,572,573],{"class":449},"    },\n",[435,575,577],{"class":437,"line":576},8,[435,578,579],{"class":449},"  },\n",[435,581,583,586,588],{"class":437,"line":582},9,[435,584,585],{"class":449},"}",[435,587,538],{"class":445},[435,589,590],{"class":449},";\n",[265,592,44],{"id":313},[244,594,595],{},"The button can be placed inside the widget overlay or outside below the container:",[426,597,599],{"className":428,"code":598,"language":430,"meta":431,"style":431},"// Inside the widget\nawait scena.mount({\n  video: { src: '/video.mp4' },\n  ctaButton: {\n    text: 'Contact us',\n    placement: ScenaCtaButtonPlacement.INSIDE,\n  },\n});\n\n// Outside, below the widget\nawait scena.mount({\n  video: { src: '/video.mp4' },\n  ctaButton: {\n    text: 'Contact us',\n    placement: ScenaCtaButtonPlacement.OUTSIDE,\n  },\n});\n",[248,600,601,607,621,641,649,664,681,685,693,699,705,720,741,750,765,781,786],{"__ignoreMap":431},[435,602,603],{"class":437,"line":438},[435,604,606],{"class":605},"sHwdD","// Inside the widget\n",[435,608,609,611,613,615,617,619],{"class":437,"line":463},[435,610,442],{"class":441},[435,612,446],{"class":445},[435,614,450],{"class":449},[435,616,454],{"class":453},[435,618,457],{"class":445},[435,620,460],{"class":449},[435,622,623,625,627,629,631,633,635,637,639],{"class":437,"line":494},[435,624,467],{"class":466},[435,626,470],{"class":449},[435,628,473],{"class":449},[435,630,476],{"class":466},[435,632,470],{"class":449},[435,634,481],{"class":449},[435,636,485],{"class":484},[435,638,488],{"class":449},[435,640,491],{"class":449},[435,642,643,645,647],{"class":437,"line":505},[435,644,497],{"class":466},[435,646,470],{"class":449},[435,648,502],{"class":449},[435,650,651,653,655,657,660,662],{"class":437,"line":523},[435,652,508],{"class":466},[435,654,470],{"class":449},[435,656,481],{"class":449},[435,658,659],{"class":484},"Contact us",[435,661,488],{"class":449},[435,663,520],{"class":449},[435,665,666,669,671,674,676,679],{"class":437,"line":547},[435,667,668],{"class":466},"    placement",[435,670,470],{"class":449},[435,672,673],{"class":445}," ScenaCtaButtonPlacement",[435,675,450],{"class":449},[435,677,678],{"class":445},"INSIDE",[435,680,520],{"class":449},[435,682,683],{"class":437,"line":570},[435,684,579],{"class":449},[435,686,687,689,691],{"class":437,"line":576},[435,688,585],{"class":449},[435,690,538],{"class":445},[435,692,590],{"class":449},[435,694,695],{"class":437,"line":582},[435,696,698],{"emptyLinePlaceholder":697},true,"\n",[435,700,702],{"class":437,"line":701},10,[435,703,704],{"class":605},"// Outside, below the widget\n",[435,706,708,710,712,714,716,718],{"class":437,"line":707},11,[435,709,442],{"class":441},[435,711,446],{"class":445},[435,713,450],{"class":449},[435,715,454],{"class":453},[435,717,457],{"class":445},[435,719,460],{"class":449},[435,721,723,725,727,729,731,733,735,737,739],{"class":437,"line":722},12,[435,724,467],{"class":466},[435,726,470],{"class":449},[435,728,473],{"class":449},[435,730,476],{"class":466},[435,732,470],{"class":449},[435,734,481],{"class":449},[435,736,485],{"class":484},[435,738,488],{"class":449},[435,740,491],{"class":449},[435,742,744,746,748],{"class":437,"line":743},13,[435,745,497],{"class":466},[435,747,470],{"class":449},[435,749,502],{"class":449},[435,751,753,755,757,759,761,763],{"class":437,"line":752},14,[435,754,508],{"class":466},[435,756,470],{"class":449},[435,758,481],{"class":449},[435,760,659],{"class":484},[435,762,488],{"class":449},[435,764,520],{"class":449},[435,766,768,770,772,774,776,779],{"class":437,"line":767},15,[435,769,668],{"class":466},[435,771,470],{"class":449},[435,773,673],{"class":445},[435,775,450],{"class":449},[435,777,778],{"class":445},"OUTSIDE",[435,780,520],{"class":449},[435,782,784],{"class":437,"line":783},16,[435,785,579],{"class":449},[435,787,789,791,793],{"class":437,"line":788},17,[435,790,585],{"class":449},[435,792,538],{"class":445},[435,794,590],{"class":449},[265,796,798],{"id":797},"adaptive-placement","Adaptive placement",[244,800,801,802,804],{},"The ",[248,803,333],{}," option changes placement based on the widget size. This is useful when the button doesn't fit inside smaller sizes:",[426,806,808],{"className":428,"code":807,"language":430,"meta":431,"style":431},"await scena.mount({\n  video: { src: '/video.mp4' },\n  ctaButton: {\n    text: 'Contact us',\n    placement: ScenaCtaButtonPlacement.INSIDE,\n    adaptive: {\n      sizes: [ComponentSize.XS, ComponentSize.SM],\n      placement: ScenaCtaButtonPlacement.OUTSIDE,\n    },\n  },\n});\n",[248,809,810,824,844,852,866,880,889,917,932,936,940],{"__ignoreMap":431},[435,811,812,814,816,818,820,822],{"class":437,"line":438},[435,813,442],{"class":441},[435,815,446],{"class":445},[435,817,450],{"class":449},[435,819,454],{"class":453},[435,821,457],{"class":445},[435,823,460],{"class":449},[435,825,826,828,830,832,834,836,838,840,842],{"class":437,"line":463},[435,827,467],{"class":466},[435,829,470],{"class":449},[435,831,473],{"class":449},[435,833,476],{"class":466},[435,835,470],{"class":449},[435,837,481],{"class":449},[435,839,485],{"class":484},[435,841,488],{"class":449},[435,843,491],{"class":449},[435,845,846,848,850],{"class":437,"line":494},[435,847,497],{"class":466},[435,849,470],{"class":449},[435,851,502],{"class":449},[435,853,854,856,858,860,862,864],{"class":437,"line":505},[435,855,508],{"class":466},[435,857,470],{"class":449},[435,859,481],{"class":449},[435,861,659],{"class":484},[435,863,488],{"class":449},[435,865,520],{"class":449},[435,867,868,870,872,874,876,878],{"class":437,"line":523},[435,869,668],{"class":466},[435,871,470],{"class":449},[435,873,673],{"class":445},[435,875,450],{"class":449},[435,877,678],{"class":445},[435,879,520],{"class":449},[435,881,882,885,887],{"class":437,"line":547},[435,883,884],{"class":466},"    adaptive",[435,886,470],{"class":449},[435,888,502],{"class":449},[435,890,891,894,896,899,901,904,907,910,912,915],{"class":437,"line":570},[435,892,893],{"class":466},"      sizes",[435,895,470],{"class":449},[435,897,898],{"class":445}," [ComponentSize",[435,900,450],{"class":449},[435,902,903],{"class":445},"XS",[435,905,906],{"class":449},",",[435,908,909],{"class":445}," ComponentSize",[435,911,450],{"class":449},[435,913,914],{"class":445},"SM]",[435,916,520],{"class":449},[435,918,919,922,924,926,928,930],{"class":437,"line":576},[435,920,921],{"class":466},"      placement",[435,923,470],{"class":449},[435,925,673],{"class":445},[435,927,450],{"class":449},[435,929,778],{"class":445},[435,931,520],{"class":449},[435,933,934],{"class":437,"line":582},[435,935,573],{"class":449},[435,937,938],{"class":437,"line":701},[435,939,579],{"class":449},[435,941,942,944,946],{"class":437,"line":707},[435,943,585],{"class":449},[435,945,538],{"class":445},[435,947,590],{"class":449},[244,949,950,951,323,954,957,958,961],{},"When the widget is ",[248,952,953],{},"xs",[248,955,956],{},"sm",", the button moves outside. At ",[248,959,960],{},"md"," and above, it stays inside.",[265,963,965],{"id":964},"disabling","Disabling",[426,967,969],{"className":428,"code":968,"language":430,"meta":431,"style":431},"await scena.mount({\n  video: { src: '/video.mp4' },\n  ctaButton: false,\n});\n",[248,970,971,985,1005,1017],{"__ignoreMap":431},[435,972,973,975,977,979,981,983],{"class":437,"line":438},[435,974,442],{"class":441},[435,976,446],{"class":445},[435,978,450],{"class":449},[435,980,454],{"class":453},[435,982,457],{"class":445},[435,984,460],{"class":449},[435,986,987,989,991,993,995,997,999,1001,1003],{"class":437,"line":463},[435,988,467],{"class":466},[435,990,470],{"class":449},[435,992,473],{"class":449},[435,994,476],{"class":466},[435,996,470],{"class":449},[435,998,481],{"class":449},[435,1000,485],{"class":484},[435,1002,488],{"class":449},[435,1004,491],{"class":449},[435,1006,1007,1009,1011,1015],{"class":437,"line":494},[435,1008,497],{"class":466},[435,1010,470],{"class":449},[435,1012,1014],{"class":1013},"sfNiH"," false",[435,1016,520],{"class":449},[435,1018,1019,1021,1023],{"class":437,"line":505},[435,1020,585],{"class":449},[435,1022,538],{"class":445},[435,1024,590],{"class":449},[265,1026,1028],{"id":1027},"customization","Customization",[244,1030,1031,1032,255,1034,1036,1037,255,1040,1043],{},"Both ",[248,1033,377],{},[248,1035,392],{}," accept ",[248,1038,1039],{},"root",[248,1041,1042],{},"button"," as target keys.",[244,1045,1046,1048],{},[248,1047,377],{}," accepts a string, array, or object:",[426,1050,1052],{"className":428,"code":1051,"language":430,"meta":431,"style":431},"await scena.mount({\n  video: { src: '/video.mp4' },\n  ctaButton: {\n    text: 'Buy now',\n    customClasses: {\n      root: 'my-cta-wrapper',\n      button: 'bg-indigo-600 text-white',\n    },\n  },\n});\n",[248,1053,1054,1068,1088,1096,1111,1120,1136,1152,1156,1160],{"__ignoreMap":431},[435,1055,1056,1058,1060,1062,1064,1066],{"class":437,"line":438},[435,1057,442],{"class":441},[435,1059,446],{"class":445},[435,1061,450],{"class":449},[435,1063,454],{"class":453},[435,1065,457],{"class":445},[435,1067,460],{"class":449},[435,1069,1070,1072,1074,1076,1078,1080,1082,1084,1086],{"class":437,"line":463},[435,1071,467],{"class":466},[435,1073,470],{"class":449},[435,1075,473],{"class":449},[435,1077,476],{"class":466},[435,1079,470],{"class":449},[435,1081,481],{"class":449},[435,1083,485],{"class":484},[435,1085,488],{"class":449},[435,1087,491],{"class":449},[435,1089,1090,1092,1094],{"class":437,"line":494},[435,1091,497],{"class":466},[435,1093,470],{"class":449},[435,1095,502],{"class":449},[435,1097,1098,1100,1102,1104,1107,1109],{"class":437,"line":505},[435,1099,508],{"class":466},[435,1101,470],{"class":449},[435,1103,481],{"class":449},[435,1105,1106],{"class":484},"Buy now",[435,1108,488],{"class":449},[435,1110,520],{"class":449},[435,1112,1113,1116,1118],{"class":437,"line":523},[435,1114,1115],{"class":466},"    customClasses",[435,1117,470],{"class":449},[435,1119,502],{"class":449},[435,1121,1122,1125,1127,1129,1132,1134],{"class":437,"line":547},[435,1123,1124],{"class":466},"      root",[435,1126,470],{"class":449},[435,1128,481],{"class":449},[435,1130,1131],{"class":484},"my-cta-wrapper",[435,1133,488],{"class":449},[435,1135,520],{"class":449},[435,1137,1138,1141,1143,1145,1148,1150],{"class":437,"line":570},[435,1139,1140],{"class":466},"      button",[435,1142,470],{"class":449},[435,1144,481],{"class":449},[435,1146,1147],{"class":484},"bg-indigo-600 text-white",[435,1149,488],{"class":449},[435,1151,520],{"class":449},[435,1153,1154],{"class":437,"line":576},[435,1155,573],{"class":449},[435,1157,1158],{"class":437,"line":582},[435,1159,579],{"class":449},[435,1161,1162,1164,1166],{"class":437,"line":701},[435,1163,585],{"class":449},[435,1165,538],{"class":445},[435,1167,590],{"class":449},[244,1169,1170,1172,1173,1176],{},[248,1171,392],{}," accepts a CSS string or a ",[248,1174,1175],{},"CSSStyleDeclaration","-compatible object:",[426,1178,1180],{"className":428,"code":1179,"language":430,"meta":431,"style":431},"await scena.mount({\n  video: { src: '/video.mp4' },\n  ctaButton: {\n    text: 'Buy now',\n    customStyles: {\n      root: {\n        marginTop: '8px'\n      },\n      button: {\n        background: '#013EFB',\n        borderRadius: '100%'\n      },\n    },\n  },\n});\n",[248,1181,1182,1196,1216,1224,1238,1247,1255,1270,1275,1283,1299,1313,1317,1321,1325],{"__ignoreMap":431},[435,1183,1184,1186,1188,1190,1192,1194],{"class":437,"line":438},[435,1185,442],{"class":441},[435,1187,446],{"class":445},[435,1189,450],{"class":449},[435,1191,454],{"class":453},[435,1193,457],{"class":445},[435,1195,460],{"class":449},[435,1197,1198,1200,1202,1204,1206,1208,1210,1212,1214],{"class":437,"line":463},[435,1199,467],{"class":466},[435,1201,470],{"class":449},[435,1203,473],{"class":449},[435,1205,476],{"class":466},[435,1207,470],{"class":449},[435,1209,481],{"class":449},[435,1211,485],{"class":484},[435,1213,488],{"class":449},[435,1215,491],{"class":449},[435,1217,1218,1220,1222],{"class":437,"line":494},[435,1219,497],{"class":466},[435,1221,470],{"class":449},[435,1223,502],{"class":449},[435,1225,1226,1228,1230,1232,1234,1236],{"class":437,"line":505},[435,1227,508],{"class":466},[435,1229,470],{"class":449},[435,1231,481],{"class":449},[435,1233,1106],{"class":484},[435,1235,488],{"class":449},[435,1237,520],{"class":449},[435,1239,1240,1243,1245],{"class":437,"line":523},[435,1241,1242],{"class":466},"    customStyles",[435,1244,470],{"class":449},[435,1246,502],{"class":449},[435,1248,1249,1251,1253],{"class":437,"line":547},[435,1250,1124],{"class":466},[435,1252,470],{"class":449},[435,1254,502],{"class":449},[435,1256,1257,1260,1262,1264,1267],{"class":437,"line":570},[435,1258,1259],{"class":466},"        marginTop",[435,1261,470],{"class":449},[435,1263,481],{"class":449},[435,1265,1266],{"class":484},"8px",[435,1268,1269],{"class":449},"'\n",[435,1271,1272],{"class":437,"line":576},[435,1273,1274],{"class":449},"      },\n",[435,1276,1277,1279,1281],{"class":437,"line":582},[435,1278,1140],{"class":466},[435,1280,470],{"class":449},[435,1282,502],{"class":449},[435,1284,1285,1288,1290,1292,1295,1297],{"class":437,"line":701},[435,1286,1287],{"class":466},"        background",[435,1289,470],{"class":449},[435,1291,481],{"class":449},[435,1293,1294],{"class":484},"#013EFB",[435,1296,488],{"class":449},[435,1298,520],{"class":449},[435,1300,1301,1304,1306,1308,1311],{"class":437,"line":707},[435,1302,1303],{"class":466},"        borderRadius",[435,1305,470],{"class":449},[435,1307,481],{"class":449},[435,1309,1310],{"class":484},"100%",[435,1312,1269],{"class":449},[435,1314,1315],{"class":437,"line":722},[435,1316,1274],{"class":449},[435,1318,1319],{"class":437,"line":743},[435,1320,573],{"class":449},[435,1322,1323],{"class":437,"line":752},[435,1324,579],{"class":449},[435,1326,1327,1329,1331],{"class":437,"line":767},[435,1328,585],{"class":449},[435,1330,538],{"class":445},[435,1332,590],{"class":449},[265,1334,1336],{"id":1335},"interface","Interface",[426,1338,1340],{"className":428,"code":1339,"language":430,"meta":431,"style":431},"interface ScenaCtaButtonProps {\n  text: string;\n  size: ComponentSize;\n  placement: ScenaCtaButtonPlacement;\n  adaptive: ScenaCtaButtonAdaptive | false;\n  aria: Partial\u003CComponentAriaProps>;\n  onClick: (event: Event) => void;\n  customClasses: Partial\u003CScenaCtaButtonComponentClasses>;\n  customStyles: Partial\u003CScenaCtaButtonComponentStyles>;\n}\n",[248,1341,1342,1352,1364,1375,1386,1403,1422,1447,1463,1479],{"__ignoreMap":431},[435,1343,1344,1346,1350],{"class":437,"line":438},[435,1345,1335],{"class":541},[435,1347,1349],{"class":1348},"sBMFI"," ScenaCtaButtonProps",[435,1351,502],{"class":449},[435,1353,1354,1357,1359,1362],{"class":437,"line":463},[435,1355,1356],{"class":466},"  text",[435,1358,470],{"class":449},[435,1360,1361],{"class":1348}," string",[435,1363,590],{"class":449},[435,1365,1366,1369,1371,1373],{"class":437,"line":494},[435,1367,1368],{"class":466},"  size",[435,1370,470],{"class":449},[435,1372,909],{"class":1348},[435,1374,590],{"class":449},[435,1376,1377,1380,1382,1384],{"class":437,"line":505},[435,1378,1379],{"class":466},"  placement",[435,1381,470],{"class":449},[435,1383,673],{"class":1348},[435,1385,590],{"class":449},[435,1387,1388,1391,1393,1396,1399,1401],{"class":437,"line":523},[435,1389,1390],{"class":466},"  adaptive",[435,1392,470],{"class":449},[435,1394,1395],{"class":1348}," ScenaCtaButtonAdaptive",[435,1397,1398],{"class":449}," |",[435,1400,1014],{"class":1348},[435,1402,590],{"class":449},[435,1404,1405,1408,1410,1413,1416,1419],{"class":437,"line":547},[435,1406,1407],{"class":466},"  aria",[435,1409,470],{"class":449},[435,1411,1412],{"class":1348}," Partial",[435,1414,1415],{"class":449},"\u003C",[435,1417,1418],{"class":1348},"ComponentAriaProps",[435,1420,1421],{"class":449},">;\n",[435,1423,1424,1427,1429,1431,1433,1435,1438,1440,1442,1445],{"class":437,"line":570},[435,1425,1426],{"class":466},"  onClick",[435,1428,470],{"class":449},[435,1430,531],{"class":449},[435,1432,535],{"class":534},[435,1434,470],{"class":449},[435,1436,1437],{"class":1348}," Event",[435,1439,538],{"class":449},[435,1441,542],{"class":541},[435,1443,1444],{"class":1348}," void",[435,1446,590],{"class":449},[435,1448,1449,1452,1454,1456,1458,1461],{"class":437,"line":576},[435,1450,1451],{"class":466},"  customClasses",[435,1453,470],{"class":449},[435,1455,1412],{"class":1348},[435,1457,1415],{"class":449},[435,1459,1460],{"class":1348},"ScenaCtaButtonComponentClasses",[435,1462,1421],{"class":449},[435,1464,1465,1468,1470,1472,1474,1477],{"class":437,"line":582},[435,1466,1467],{"class":466},"  customStyles",[435,1469,470],{"class":449},[435,1471,1412],{"class":1348},[435,1473,1415],{"class":449},[435,1475,1476],{"class":1348},"ScenaCtaButtonComponentStyles",[435,1478,1421],{"class":449},[435,1480,1481],{"class":437,"line":701},[435,1482,1483],{"class":449},"}\n",[1485,1486,1487],"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 pre.shiki code .sHdIc, html code.shiki .sHdIc{--shiki-light:#90A4AE;--shiki-light-font-style:italic;--shiki-default:#EEFFFF;--shiki-default-font-style:italic;--shiki-dark:#BABED8;--shiki-dark-font-style:italic}html pre.shiki code .spNyl, html code.shiki .spNyl{--shiki-light:#9C3EDA;--shiki-default:#C792EA;--shiki-dark:#C792EA}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 .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 .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}",{"title":431,"searchDepth":438,"depth":463,"links":1489},[1490,1491,1492,1493,1494,1495,1496],{"id":267,"depth":463,"text":268},{"id":403,"depth":463,"text":404},{"id":313,"depth":463,"text":44},{"id":797,"depth":463,"text":798},{"id":964,"depth":463,"text":965},{"id":1027,"depth":463,"text":1028},{"id":1335,"depth":463,"text":1336},"Configure or disable the call-to-action button with custom text and behavior.",null,{},{"title":69,"description":1497},"8jh8KZ5cN6ElLLQGCxv5BPsu1iCd2mA5WwqKIJQ7PVE",[1503,1505],{"title":65,"path":66,"stem":67,"description":1504,"children":-1},"Configure or disable the close button that hides the widget.",{"title":73,"path":74,"stem":75,"description":1506,"children":-1},"Configure or disable the playback control panel (play, pause, etc.).",1777984320599]