[{"data":1,"prerenderedAt":3487},["ShallowReactive",2],{"navigation":3,"/distribution/typescript":238,"/distribution/typescript-surround":3484},[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":235,"body":240,"description":3479,"extension":1974,"links":3480,"meta":3481,"navigation":336,"path":236,"seo":3482,"stem":237,"__hash__":3483},"docs/09.distribution/4.typescript.md",{"type":241,"value":242,"toc":3473},"minimark",[243,260,264,271,543,547,550,555,566,628,631,638,862,865,868,930,934,940,1027,1031,1037,1090,1094,1101,1212,1216,1231,1328,1332,1338,1408,1412,1419,1459,1462,1468,1490,1494,1500,1580,1584,1590,1709,1713,1718,1875,1879,1882,1903,1907,1910,1914,1917,2031,2035,2038,2119,2123,2130,2212,2216,2219,2381,2385,2388,2501,2505,2512,2578,2582,2585,2635,2639,2642,2646,2649,2817,2821,2828,2947,2951,2956,3141,3145,3148,3257,3261,3264,3469],[244,245,246,247,251,252,255,256,259],"p",{},"TypeScript declarations are bundled inside the package as ",[248,249,250],"code",{},"index.d.ts",". The compiler resolves them automatically — no separate ",[248,253,254],{},"@types/*"," package or manual ",[248,257,258],{},"tsconfig"," path mapping needed.",[261,262,165],"h2",{"id":263},"setup",[244,265,266,267,270],{},"Import from ",[248,268,269],{},"@retoo/scena"," and TypeScript resolves everything automatically. Enums, interfaces, and the composable are all available from the same entry point:",[272,273,278],"pre",{"className":274,"code":275,"language":276,"meta":277,"style":277},"language-ts shiki shiki-themes material-theme-lighter material-theme material-theme-palenight","import { useScena, ScenaEvent, ComponentSize, ComponentShape } from '@retoo/scena';\n\nconst scena = useScena();\n\nconst instance = await scena.mount({\n  video: { src: '/video.mp4' },\n  size: ComponentSize.MD,\n  shape: ComponentShape.CIRCLE,\n});\n\ninstance.api.events.on(ScenaEvent.ON_CTA_CLICK, () => {\n    console.log('CTA button click');\n});\n","ts","",[248,279,280,331,338,359,364,392,419,437,454,465,470,510,534],{"__ignoreMap":277},[281,282,285,289,293,297,300,303,305,308,310,313,316,319,322,325,328],"span",{"class":283,"line":284},"line",1,[281,286,288],{"class":287},"s7zQu","import",[281,290,292],{"class":291},"sMK4o"," {",[281,294,296],{"class":295},"sTEyZ"," useScena",[281,298,299],{"class":291},",",[281,301,302],{"class":295}," ScenaEvent",[281,304,299],{"class":291},[281,306,307],{"class":295}," ComponentSize",[281,309,299],{"class":291},[281,311,312],{"class":295}," ComponentShape",[281,314,315],{"class":291}," }",[281,317,318],{"class":287}," from",[281,320,321],{"class":291}," '",[281,323,269],{"class":324},"sfazB",[281,326,327],{"class":291},"'",[281,329,330],{"class":291},";\n",[281,332,334],{"class":283,"line":333},2,[281,335,337],{"emptyLinePlaceholder":336},true,"\n",[281,339,341,345,348,351,354,357],{"class":283,"line":340},3,[281,342,344],{"class":343},"spNyl","const",[281,346,347],{"class":295}," scena ",[281,349,350],{"class":291},"=",[281,352,296],{"class":353},"s2Zo4",[281,355,356],{"class":295},"()",[281,358,330],{"class":291},[281,360,362],{"class":283,"line":361},4,[281,363,337],{"emptyLinePlaceholder":336},[281,365,367,369,372,374,377,380,383,386,389],{"class":283,"line":366},5,[281,368,344],{"class":343},[281,370,371],{"class":295}," instance ",[281,373,350],{"class":291},[281,375,376],{"class":287}," await",[281,378,379],{"class":295}," scena",[281,381,382],{"class":291},".",[281,384,385],{"class":353},"mount",[281,387,388],{"class":295},"(",[281,390,391],{"class":291},"{\n",[281,393,395,399,402,404,407,409,411,414,416],{"class":283,"line":394},6,[281,396,398],{"class":397},"swJcz","  video",[281,400,401],{"class":291},":",[281,403,292],{"class":291},[281,405,406],{"class":397}," src",[281,408,401],{"class":291},[281,410,321],{"class":291},[281,412,413],{"class":324},"/video.mp4",[281,415,327],{"class":291},[281,417,418],{"class":291}," },\n",[281,420,422,425,427,429,431,434],{"class":283,"line":421},7,[281,423,424],{"class":397},"  size",[281,426,401],{"class":291},[281,428,307],{"class":295},[281,430,382],{"class":291},[281,432,433],{"class":295},"MD",[281,435,436],{"class":291},",\n",[281,438,440,443,445,447,449,452],{"class":283,"line":439},8,[281,441,442],{"class":397},"  shape",[281,444,401],{"class":291},[281,446,312],{"class":295},[281,448,382],{"class":291},[281,450,451],{"class":295},"CIRCLE",[281,453,436],{"class":291},[281,455,457,460,463],{"class":283,"line":456},9,[281,458,459],{"class":291},"}",[281,461,462],{"class":295},")",[281,464,330],{"class":291},[281,466,468],{"class":283,"line":467},10,[281,469,337],{"emptyLinePlaceholder":336},[281,471,473,476,478,481,483,486,488,491,494,496,499,501,504,507],{"class":283,"line":472},11,[281,474,475],{"class":295},"instance",[281,477,382],{"class":291},[281,479,480],{"class":295},"api",[281,482,382],{"class":291},[281,484,485],{"class":295},"events",[281,487,382],{"class":291},[281,489,490],{"class":353},"on",[281,492,493],{"class":295},"(ScenaEvent",[281,495,382],{"class":291},[281,497,498],{"class":295},"ON_CTA_CLICK",[281,500,299],{"class":291},[281,502,503],{"class":291}," ()",[281,505,506],{"class":343}," =>",[281,508,509],{"class":291}," {\n",[281,511,513,516,518,521,523,525,528,530,532],{"class":283,"line":512},12,[281,514,515],{"class":295},"    console",[281,517,382],{"class":291},[281,519,520],{"class":353},"log",[281,522,388],{"class":397},[281,524,327],{"class":291},[281,526,527],{"class":324},"CTA button click",[281,529,327],{"class":291},[281,531,462],{"class":397},[281,533,330],{"class":291},[281,535,537,539,541],{"class":283,"line":536},13,[281,538,459],{"class":291},[281,540,462],{"class":295},[281,542,330],{"class":291},[261,544,546],{"id":545},"types","Types",[244,548,549],{},"The types below cover the full public API surface — config input, instance handles, playback state, and runtime controls. Import only what you need; the rest is tree-shaken at build time.",[551,552,554],"h4",{"id":553},"scenaconfig","ScenaConfig",[244,556,557,558,561,562,565],{},"Root config passed to ",[248,559,560],{},"mount()",". Only ",[248,563,564],{},"video.src"," is required — everything else is optional.",[272,567,569],{"className":274,"code":568,"language":276,"meta":277,"style":277},"type ScenaConfig = Partial\u003CScenaOverrides> & Pick\u003CScenaOverrides, 'video'> & Partial\u003CScenaFeatures>;\n",[248,570,571],{"__ignoreMap":277},[281,572,573,576,580,583,586,589,592,595,598,601,603,605,607,609,612,614,616,618,620,622,625],{"class":283,"line":284},[281,574,575],{"class":343},"type",[281,577,579],{"class":578},"sBMFI"," ScenaConfig",[281,581,582],{"class":291}," =",[281,584,585],{"class":578}," Partial",[281,587,588],{"class":291},"\u003C",[281,590,591],{"class":578},"ScenaOverrides",[281,593,594],{"class":291},">",[281,596,597],{"class":291}," &",[281,599,600],{"class":578}," Pick",[281,602,588],{"class":291},[281,604,591],{"class":578},[281,606,299],{"class":291},[281,608,321],{"class":291},[281,610,611],{"class":324},"video",[281,613,327],{"class":291},[281,615,594],{"class":291},[281,617,597],{"class":291},[281,619,585],{"class":578},[281,621,588],{"class":291},[281,623,624],{"class":578},"ScenaFeatures",[281,626,627],{"class":291},">;\n",[551,629,591],{"id":630},"scenaoverrides",[244,632,633,634,637],{},"Per-component field overrides. Pass ",[248,635,636],{},"false"," to disable a component entirely.",[272,639,641],{"className":274,"code":640,"language":276,"meta":277,"style":277},"interface ScenaOverrides {\n  size: ComponentSize;\n  shape: ComponentShape;\n  container: Partial\u003CScenaContainerProps>;\n  video: Partial\u003CScenaVideoProps> & Pick\u003CScenaVideoProps, 'src'>;\n  videoLoader: Partial\u003CScenaVideoLoaderProps> | false;\n  videoProgress: Partial\u003CScenaVideoProgressProps> | false;\n  videoControls: Partial\u003CScenaVideoControlsProps> | false;\n  videoVolume: Partial\u003CScenaVideoVolumeProps> | false;\n  closeButton: Partial\u003CScenaCloseButtonProps> | false;\n  ctaButton: Partial\u003CScenaCtaButtonProps> | false;\n}\n",[248,642,643,653,663,673,689,723,747,769,791,813,835,857],{"__ignoreMap":277},[281,644,645,648,651],{"class":283,"line":284},[281,646,647],{"class":343},"interface",[281,649,650],{"class":578}," ScenaOverrides",[281,652,509],{"class":291},[281,654,655,657,659,661],{"class":283,"line":333},[281,656,424],{"class":397},[281,658,401],{"class":291},[281,660,307],{"class":578},[281,662,330],{"class":291},[281,664,665,667,669,671],{"class":283,"line":340},[281,666,442],{"class":397},[281,668,401],{"class":291},[281,670,312],{"class":578},[281,672,330],{"class":291},[281,674,675,678,680,682,684,687],{"class":283,"line":361},[281,676,677],{"class":397},"  container",[281,679,401],{"class":291},[281,681,585],{"class":578},[281,683,588],{"class":291},[281,685,686],{"class":578},"ScenaContainerProps",[281,688,627],{"class":291},[281,690,691,693,695,697,699,702,704,706,708,710,712,714,716,719,721],{"class":283,"line":366},[281,692,398],{"class":397},[281,694,401],{"class":291},[281,696,585],{"class":578},[281,698,588],{"class":291},[281,700,701],{"class":578},"ScenaVideoProps",[281,703,594],{"class":291},[281,705,597],{"class":291},[281,707,600],{"class":578},[281,709,588],{"class":291},[281,711,701],{"class":578},[281,713,299],{"class":291},[281,715,321],{"class":291},[281,717,718],{"class":324},"src",[281,720,327],{"class":291},[281,722,627],{"class":291},[281,724,725,728,730,732,734,737,739,742,745],{"class":283,"line":394},[281,726,727],{"class":397},"  videoLoader",[281,729,401],{"class":291},[281,731,585],{"class":578},[281,733,588],{"class":291},[281,735,736],{"class":578},"ScenaVideoLoaderProps",[281,738,594],{"class":291},[281,740,741],{"class":291}," |",[281,743,744],{"class":578}," false",[281,746,330],{"class":291},[281,748,749,752,754,756,758,761,763,765,767],{"class":283,"line":421},[281,750,751],{"class":397},"  videoProgress",[281,753,401],{"class":291},[281,755,585],{"class":578},[281,757,588],{"class":291},[281,759,760],{"class":578},"ScenaVideoProgressProps",[281,762,594],{"class":291},[281,764,741],{"class":291},[281,766,744],{"class":578},[281,768,330],{"class":291},[281,770,771,774,776,778,780,783,785,787,789],{"class":283,"line":439},[281,772,773],{"class":397},"  videoControls",[281,775,401],{"class":291},[281,777,585],{"class":578},[281,779,588],{"class":291},[281,781,782],{"class":578},"ScenaVideoControlsProps",[281,784,594],{"class":291},[281,786,741],{"class":291},[281,788,744],{"class":578},[281,790,330],{"class":291},[281,792,793,796,798,800,802,805,807,809,811],{"class":283,"line":456},[281,794,795],{"class":397},"  videoVolume",[281,797,401],{"class":291},[281,799,585],{"class":578},[281,801,588],{"class":291},[281,803,804],{"class":578},"ScenaVideoVolumeProps",[281,806,594],{"class":291},[281,808,741],{"class":291},[281,810,744],{"class":578},[281,812,330],{"class":291},[281,814,815,818,820,822,824,827,829,831,833],{"class":283,"line":467},[281,816,817],{"class":397},"  closeButton",[281,819,401],{"class":291},[281,821,585],{"class":578},[281,823,588],{"class":291},[281,825,826],{"class":578},"ScenaCloseButtonProps",[281,828,594],{"class":291},[281,830,741],{"class":291},[281,832,744],{"class":578},[281,834,330],{"class":291},[281,836,837,840,842,844,846,849,851,853,855],{"class":283,"line":472},[281,838,839],{"class":397},"  ctaButton",[281,841,401],{"class":291},[281,843,585],{"class":578},[281,845,588],{"class":291},[281,847,848],{"class":578},"ScenaCtaButtonProps",[281,850,594],{"class":291},[281,852,741],{"class":291},[281,854,744],{"class":578},[281,856,330],{"class":291},[281,858,859],{"class":283,"line":512},[281,860,861],{"class":291},"}\n",[551,863,624],{"id":864},"scenafeatures",[244,866,867],{},"Optional feature sections: preview mode, visibility transitions, and responsive breakpoints.",[272,869,871],{"className":274,"code":870,"language":276,"meta":277,"style":277},"interface ScenaFeatures {\n  preview: Partial\u003CScenaPreviewConfig>;\n  visibility: Partial\u003CScenaVisibilityConfig>;\n  responsive: ScenaResponsiveConfig;\n}\n",[248,872,873,882,898,914,926],{"__ignoreMap":277},[281,874,875,877,880],{"class":283,"line":284},[281,876,647],{"class":343},[281,878,879],{"class":578}," ScenaFeatures",[281,881,509],{"class":291},[281,883,884,887,889,891,893,896],{"class":283,"line":333},[281,885,886],{"class":397},"  preview",[281,888,401],{"class":291},[281,890,585],{"class":578},[281,892,588],{"class":291},[281,894,895],{"class":578},"ScenaPreviewConfig",[281,897,627],{"class":291},[281,899,900,903,905,907,909,912],{"class":283,"line":340},[281,901,902],{"class":397},"  visibility",[281,904,401],{"class":291},[281,906,585],{"class":578},[281,908,588],{"class":291},[281,910,911],{"class":578},"ScenaVisibilityConfig",[281,913,627],{"class":291},[281,915,916,919,921,924],{"class":283,"line":361},[281,917,918],{"class":397},"  responsive",[281,920,401],{"class":291},[281,922,923],{"class":578}," ScenaResponsiveConfig",[281,925,330],{"class":291},[281,927,928],{"class":283,"line":366},[281,929,861],{"class":291},[551,931,933],{"id":932},"scenainstance","ScenaInstance",[244,935,936,937,939],{},"Handle returned by ",[248,938,560],{},". Entry point for all runtime APIs.",[272,941,943],{"className":274,"code":942,"language":276,"meta":277,"style":277},"interface ScenaInstance {\n  api: ScenaApi;\n  component: ScenaRef;\n  config: UseScenaConfigReturns;\n  preview: ScenaPreviewApi;\n  responsive: ScenaResponsiveApi;\n  visibility: ScenaVisibilityApi;\n}\n",[248,944,945,954,966,978,990,1001,1012,1023],{"__ignoreMap":277},[281,946,947,949,952],{"class":283,"line":284},[281,948,647],{"class":343},[281,950,951],{"class":578}," ScenaInstance",[281,953,509],{"class":291},[281,955,956,959,961,964],{"class":283,"line":333},[281,957,958],{"class":397},"  api",[281,960,401],{"class":291},[281,962,963],{"class":578}," ScenaApi",[281,965,330],{"class":291},[281,967,968,971,973,976],{"class":283,"line":340},[281,969,970],{"class":397},"  component",[281,972,401],{"class":291},[281,974,975],{"class":578}," ScenaRef",[281,977,330],{"class":291},[281,979,980,983,985,988],{"class":283,"line":361},[281,981,982],{"class":397},"  config",[281,984,401],{"class":291},[281,986,987],{"class":578}," UseScenaConfigReturns",[281,989,330],{"class":291},[281,991,992,994,996,999],{"class":283,"line":366},[281,993,886],{"class":397},[281,995,401],{"class":291},[281,997,998],{"class":578}," ScenaPreviewApi",[281,1000,330],{"class":291},[281,1002,1003,1005,1007,1010],{"class":283,"line":394},[281,1004,918],{"class":397},[281,1006,401],{"class":291},[281,1008,1009],{"class":578}," ScenaResponsiveApi",[281,1011,330],{"class":291},[281,1013,1014,1016,1018,1021],{"class":283,"line":421},[281,1015,902],{"class":397},[281,1017,401],{"class":291},[281,1019,1020],{"class":578}," ScenaVisibilityApi",[281,1022,330],{"class":291},[281,1024,1025],{"class":283,"line":439},[281,1026,861],{"class":291},[551,1028,1030],{"id":1029},"scenaapi","ScenaApi",[244,1032,1033,1034,382],{},"Top-level API surface exposed via ",[248,1035,1036],{},"instance.api",[272,1038,1040],{"className":274,"code":1039,"language":276,"meta":277,"style":277},"interface ScenaApi {\n  controller: UseVideoControllerReturns;\n  components: ScenaComponents;\n  events: ScenaEventEmitter;\n}\n",[248,1041,1042,1050,1062,1074,1086],{"__ignoreMap":277},[281,1043,1044,1046,1048],{"class":283,"line":284},[281,1045,647],{"class":343},[281,1047,963],{"class":578},[281,1049,509],{"class":291},[281,1051,1052,1055,1057,1060],{"class":283,"line":333},[281,1053,1054],{"class":397},"  controller",[281,1056,401],{"class":291},[281,1058,1059],{"class":578}," UseVideoControllerReturns",[281,1061,330],{"class":291},[281,1063,1064,1067,1069,1072],{"class":283,"line":340},[281,1065,1066],{"class":397},"  components",[281,1068,401],{"class":291},[281,1070,1071],{"class":578}," ScenaComponents",[281,1073,330],{"class":291},[281,1075,1076,1079,1081,1084],{"class":283,"line":361},[281,1077,1078],{"class":397},"  events",[281,1080,401],{"class":291},[281,1082,1083],{"class":578}," ScenaEventEmitter",[281,1085,330],{"class":291},[281,1087,1088],{"class":283,"line":366},[281,1089,861],{"class":291},[551,1091,1093],{"id":1092},"usescenareturns","UseScenaReturns",[244,1095,1096,1097,1100],{},"Return type of ",[248,1098,1099],{},"useScena()"," — the widget factory.",[272,1102,1104],{"className":274,"code":1103,"language":276,"meta":277,"style":277},"interface UseScenaReturns {\n  NAME: string;\n  VERSION: string;\n  mount: (config: ScenaConfig, target?: ScenaTarget) => Promise\u003CScenaInstance>;\n  unmount: (instance: ScenaInstance) => Promise\u003Cvoid>;\n}\n",[248,1105,1106,1115,1127,1138,1180,1208],{"__ignoreMap":277},[281,1107,1108,1110,1113],{"class":283,"line":284},[281,1109,647],{"class":343},[281,1111,1112],{"class":578}," UseScenaReturns",[281,1114,509],{"class":291},[281,1116,1117,1120,1122,1125],{"class":283,"line":333},[281,1118,1119],{"class":397},"  NAME",[281,1121,401],{"class":291},[281,1123,1124],{"class":578}," string",[281,1126,330],{"class":291},[281,1128,1129,1132,1134,1136],{"class":283,"line":340},[281,1130,1131],{"class":397},"  VERSION",[281,1133,401],{"class":291},[281,1135,1124],{"class":578},[281,1137,330],{"class":291},[281,1139,1140,1143,1145,1148,1152,1154,1156,1158,1161,1164,1167,1169,1171,1174,1176,1178],{"class":283,"line":361},[281,1141,1142],{"class":397},"  mount",[281,1144,401],{"class":291},[281,1146,1147],{"class":291}," (",[281,1149,1151],{"class":1150},"sHdIc","config",[281,1153,401],{"class":291},[281,1155,579],{"class":578},[281,1157,299],{"class":291},[281,1159,1160],{"class":1150}," target",[281,1162,1163],{"class":291},"?:",[281,1165,1166],{"class":578}," ScenaTarget",[281,1168,462],{"class":291},[281,1170,506],{"class":343},[281,1172,1173],{"class":578}," Promise",[281,1175,588],{"class":291},[281,1177,933],{"class":578},[281,1179,627],{"class":291},[281,1181,1182,1185,1187,1189,1191,1193,1195,1197,1199,1201,1203,1206],{"class":283,"line":366},[281,1183,1184],{"class":397},"  unmount",[281,1186,401],{"class":291},[281,1188,1147],{"class":291},[281,1190,475],{"class":1150},[281,1192,401],{"class":291},[281,1194,951],{"class":578},[281,1196,462],{"class":291},[281,1198,506],{"class":343},[281,1200,1173],{"class":578},[281,1202,588],{"class":291},[281,1204,1205],{"class":578},"void",[281,1207,627],{"class":291},[281,1209,1210],{"class":283,"line":394},[281,1211,861],{"class":291},[551,1213,1215],{"id":1214},"usescenaconfigreturns","UseScenaConfigReturns",[244,1217,1218,1219,1222,1223,1226,1227,1230],{},"Reactive config store available via ",[248,1220,1221],{},"instance.config",". Use ",[248,1224,1225],{},"mergeConfig"," to patch at runtime, ",[248,1228,1229],{},"setConfig"," to replace entirely.",[272,1232,1234],{"className":274,"code":1233,"language":276,"meta":277,"style":277},"interface UseScenaConfigReturns {\n  current: ScenaConfig;\n  getConfig: () => ScenaConfig;\n  setConfig: (value: ScenaConfig) => void;\n  mergeConfig: (partial: Partial\u003CScenaConfig>) => void;\n}\n",[248,1235,1236,1244,1255,1270,1295,1324],{"__ignoreMap":277},[281,1237,1238,1240,1242],{"class":283,"line":284},[281,1239,647],{"class":343},[281,1241,987],{"class":578},[281,1243,509],{"class":291},[281,1245,1246,1249,1251,1253],{"class":283,"line":333},[281,1247,1248],{"class":397},"  current",[281,1250,401],{"class":291},[281,1252,579],{"class":578},[281,1254,330],{"class":291},[281,1256,1257,1260,1262,1264,1266,1268],{"class":283,"line":340},[281,1258,1259],{"class":397},"  getConfig",[281,1261,401],{"class":291},[281,1263,503],{"class":291},[281,1265,506],{"class":343},[281,1267,579],{"class":578},[281,1269,330],{"class":291},[281,1271,1272,1275,1277,1279,1282,1284,1286,1288,1290,1293],{"class":283,"line":361},[281,1273,1274],{"class":397},"  setConfig",[281,1276,401],{"class":291},[281,1278,1147],{"class":291},[281,1280,1281],{"class":1150},"value",[281,1283,401],{"class":291},[281,1285,579],{"class":578},[281,1287,462],{"class":291},[281,1289,506],{"class":343},[281,1291,1292],{"class":578}," void",[281,1294,330],{"class":291},[281,1296,1297,1300,1302,1304,1307,1309,1311,1313,1315,1318,1320,1322],{"class":283,"line":366},[281,1298,1299],{"class":397},"  mergeConfig",[281,1301,401],{"class":291},[281,1303,1147],{"class":291},[281,1305,1306],{"class":1150},"partial",[281,1308,401],{"class":291},[281,1310,585],{"class":578},[281,1312,588],{"class":291},[281,1314,554],{"class":578},[281,1316,1317],{"class":291},">)",[281,1319,506],{"class":343},[281,1321,1292],{"class":578},[281,1323,330],{"class":291},[281,1325,1326],{"class":283,"line":394},[281,1327,861],{"class":291},[551,1329,1331],{"id":1330},"scenavisibilityapi","ScenaVisibilityApi",[244,1333,1334,1335,382],{},"Controls widget visibility at runtime. Available via ",[248,1336,1337],{},"instance.visibility",[272,1339,1341],{"className":274,"code":1340,"language":276,"meta":277,"style":277},"interface ScenaVisibilityApi {\n  isHidden: boolean;\n  isShownOnReady: boolean;\n  show: () => void;\n  hide: () => void;\n}\n",[248,1342,1343,1351,1363,1374,1389,1404],{"__ignoreMap":277},[281,1344,1345,1347,1349],{"class":283,"line":284},[281,1346,647],{"class":343},[281,1348,1020],{"class":578},[281,1350,509],{"class":291},[281,1352,1353,1356,1358,1361],{"class":283,"line":333},[281,1354,1355],{"class":397},"  isHidden",[281,1357,401],{"class":291},[281,1359,1360],{"class":578}," boolean",[281,1362,330],{"class":291},[281,1364,1365,1368,1370,1372],{"class":283,"line":340},[281,1366,1367],{"class":397},"  isShownOnReady",[281,1369,401],{"class":291},[281,1371,1360],{"class":578},[281,1373,330],{"class":291},[281,1375,1376,1379,1381,1383,1385,1387],{"class":283,"line":361},[281,1377,1378],{"class":397},"  show",[281,1380,401],{"class":291},[281,1382,503],{"class":291},[281,1384,506],{"class":343},[281,1386,1292],{"class":578},[281,1388,330],{"class":291},[281,1390,1391,1394,1396,1398,1400,1402],{"class":283,"line":366},[281,1392,1393],{"class":397},"  hide",[281,1395,401],{"class":291},[281,1397,503],{"class":291},[281,1399,506],{"class":343},[281,1401,1292],{"class":578},[281,1403,330],{"class":291},[281,1405,1406],{"class":283,"line":394},[281,1407,861],{"class":291},[551,1409,1411],{"id":1410},"scenapreviewbehavior","ScenaPreviewBehavior",[244,1413,1414,1415,1418],{},"Behavioral options for preview mode — passed inside the ",[248,1416,1417],{},"preview"," config key.",[272,1420,1422],{"className":274,"code":1421,"language":276,"meta":277,"style":277},"interface ScenaPreviewBehavior {\n  keepTimeOnExpand: boolean;\n  keepMuteOnExpand: boolean;\n}\n",[248,1423,1424,1433,1444,1455],{"__ignoreMap":277},[281,1425,1426,1428,1431],{"class":283,"line":284},[281,1427,647],{"class":343},[281,1429,1430],{"class":578}," ScenaPreviewBehavior",[281,1432,509],{"class":291},[281,1434,1435,1438,1440,1442],{"class":283,"line":333},[281,1436,1437],{"class":397},"  keepTimeOnExpand",[281,1439,401],{"class":291},[281,1441,1360],{"class":578},[281,1443,330],{"class":291},[281,1445,1446,1449,1451,1453],{"class":283,"line":340},[281,1447,1448],{"class":397},"  keepMuteOnExpand",[281,1450,401],{"class":291},[281,1452,1360],{"class":578},[281,1454,330],{"class":291},[281,1456,1457],{"class":283,"line":361},[281,1458,861],{"class":291},[551,1460,895],{"id":1461},"scenapreviewconfig",[244,1463,1464,1465,1467],{},"Full shape of the ",[248,1466,1417],{}," config key. Accepts all component overrides plus the two behavioral options.",[272,1469,1471],{"className":274,"code":1470,"language":276,"meta":277,"style":277},"type ScenaPreviewConfig = ScenaOverrides & ScenaPreviewBehavior;\n",[248,1472,1473],{"__ignoreMap":277},[281,1474,1475,1477,1480,1482,1484,1486,1488],{"class":283,"line":284},[281,1476,575],{"class":343},[281,1478,1479],{"class":578}," ScenaPreviewConfig",[281,1481,582],{"class":291},[281,1483,650],{"class":578},[281,1485,597],{"class":291},[281,1487,1430],{"class":578},[281,1489,330],{"class":291},[551,1491,1493],{"id":1492},"scenapreviewapi","ScenaPreviewApi",[244,1495,1496,1497,382],{},"Controls preview mode at runtime. Available via ",[248,1498,1499],{},"instance.preview",[272,1501,1503],{"className":274,"code":1502,"language":276,"meta":277,"style":277},"interface ScenaPreviewApi {\n  isPreviewing: boolean;\n  isKeepTimeOnExpand: boolean;\n  isKeepMuteOnExpand: boolean;\n  start: () => void;\n  stop: () => void;\n}\n",[248,1504,1505,1513,1524,1535,1546,1561,1576],{"__ignoreMap":277},[281,1506,1507,1509,1511],{"class":283,"line":284},[281,1508,647],{"class":343},[281,1510,998],{"class":578},[281,1512,509],{"class":291},[281,1514,1515,1518,1520,1522],{"class":283,"line":333},[281,1516,1517],{"class":397},"  isPreviewing",[281,1519,401],{"class":291},[281,1521,1360],{"class":578},[281,1523,330],{"class":291},[281,1525,1526,1529,1531,1533],{"class":283,"line":340},[281,1527,1528],{"class":397},"  isKeepTimeOnExpand",[281,1530,401],{"class":291},[281,1532,1360],{"class":578},[281,1534,330],{"class":291},[281,1536,1537,1540,1542,1544],{"class":283,"line":361},[281,1538,1539],{"class":397},"  isKeepMuteOnExpand",[281,1541,401],{"class":291},[281,1543,1360],{"class":578},[281,1545,330],{"class":291},[281,1547,1548,1551,1553,1555,1557,1559],{"class":283,"line":366},[281,1549,1550],{"class":397},"  start",[281,1552,401],{"class":291},[281,1554,503],{"class":291},[281,1556,506],{"class":343},[281,1558,1292],{"class":578},[281,1560,330],{"class":291},[281,1562,1563,1566,1568,1570,1572,1574],{"class":283,"line":394},[281,1564,1565],{"class":397},"  stop",[281,1567,401],{"class":291},[281,1569,503],{"class":291},[281,1571,506],{"class":343},[281,1573,1292],{"class":578},[281,1575,330],{"class":291},[281,1577,1578],{"class":283,"line":421},[281,1579,861],{"class":291},[551,1581,1583],{"id":1582},"scenavideodata","ScenaVideoData",[244,1585,1586,1587,382],{},"Reactive playback state. Read via ",[248,1588,1589],{},"instance.api.controller",[272,1591,1593],{"className":274,"code":1592,"language":276,"meta":277,"style":277},"interface ScenaVideoData {\n  state: ScenaVideoState;\n  currentTime: number;\n  duration: number;\n  progress: number;\n  volume: number;\n  buffer: number;\n  isMuted: boolean;\n  isBuffering: boolean;\n  isSeeking: boolean;\n}\n",[248,1594,1595,1604,1616,1628,1639,1650,1661,1672,1683,1694,1705],{"__ignoreMap":277},[281,1596,1597,1599,1602],{"class":283,"line":284},[281,1598,647],{"class":343},[281,1600,1601],{"class":578}," ScenaVideoData",[281,1603,509],{"class":291},[281,1605,1606,1609,1611,1614],{"class":283,"line":333},[281,1607,1608],{"class":397},"  state",[281,1610,401],{"class":291},[281,1612,1613],{"class":578}," ScenaVideoState",[281,1615,330],{"class":291},[281,1617,1618,1621,1623,1626],{"class":283,"line":340},[281,1619,1620],{"class":397},"  currentTime",[281,1622,401],{"class":291},[281,1624,1625],{"class":578}," number",[281,1627,330],{"class":291},[281,1629,1630,1633,1635,1637],{"class":283,"line":361},[281,1631,1632],{"class":397},"  duration",[281,1634,401],{"class":291},[281,1636,1625],{"class":578},[281,1638,330],{"class":291},[281,1640,1641,1644,1646,1648],{"class":283,"line":366},[281,1642,1643],{"class":397},"  progress",[281,1645,401],{"class":291},[281,1647,1625],{"class":578},[281,1649,330],{"class":291},[281,1651,1652,1655,1657,1659],{"class":283,"line":394},[281,1653,1654],{"class":397},"  volume",[281,1656,401],{"class":291},[281,1658,1625],{"class":578},[281,1660,330],{"class":291},[281,1662,1663,1666,1668,1670],{"class":283,"line":421},[281,1664,1665],{"class":397},"  buffer",[281,1667,401],{"class":291},[281,1669,1625],{"class":578},[281,1671,330],{"class":291},[281,1673,1674,1677,1679,1681],{"class":283,"line":439},[281,1675,1676],{"class":397},"  isMuted",[281,1678,401],{"class":291},[281,1680,1360],{"class":578},[281,1682,330],{"class":291},[281,1684,1685,1688,1690,1692],{"class":283,"line":456},[281,1686,1687],{"class":397},"  isBuffering",[281,1689,401],{"class":291},[281,1691,1360],{"class":578},[281,1693,330],{"class":291},[281,1695,1696,1699,1701,1703],{"class":283,"line":467},[281,1697,1698],{"class":397},"  isSeeking",[281,1700,401],{"class":291},[281,1702,1360],{"class":578},[281,1704,330],{"class":291},[281,1706,1707],{"class":283,"line":472},[281,1708,861],{"class":291},[551,1710,1712],{"id":1711},"scenavideomethods","ScenaVideoMethods",[244,1714,1715,1716,382],{},"Imperative playback controls. Available via ",[248,1717,1589],{},[272,1719,1721],{"className":274,"code":1720,"language":276,"meta":277,"style":277},"interface ScenaVideoMethods {\n  play: () => Promise\u003Cvoid>;\n  pause: () => void;\n  stop: () => void;\n  seek: (value: number) => void;\n  setVolume: (value: number) => void;\n  mute: () => void;\n  unmute: () => void;\n  toggleMute: () => void;\n}\n",[248,1722,1723,1732,1751,1766,1780,1803,1826,1841,1856,1871],{"__ignoreMap":277},[281,1724,1725,1727,1730],{"class":283,"line":284},[281,1726,647],{"class":343},[281,1728,1729],{"class":578}," ScenaVideoMethods",[281,1731,509],{"class":291},[281,1733,1734,1737,1739,1741,1743,1745,1747,1749],{"class":283,"line":333},[281,1735,1736],{"class":397},"  play",[281,1738,401],{"class":291},[281,1740,503],{"class":291},[281,1742,506],{"class":343},[281,1744,1173],{"class":578},[281,1746,588],{"class":291},[281,1748,1205],{"class":578},[281,1750,627],{"class":291},[281,1752,1753,1756,1758,1760,1762,1764],{"class":283,"line":340},[281,1754,1755],{"class":397},"  pause",[281,1757,401],{"class":291},[281,1759,503],{"class":291},[281,1761,506],{"class":343},[281,1763,1292],{"class":578},[281,1765,330],{"class":291},[281,1767,1768,1770,1772,1774,1776,1778],{"class":283,"line":361},[281,1769,1565],{"class":397},[281,1771,401],{"class":291},[281,1773,503],{"class":291},[281,1775,506],{"class":343},[281,1777,1292],{"class":578},[281,1779,330],{"class":291},[281,1781,1782,1785,1787,1789,1791,1793,1795,1797,1799,1801],{"class":283,"line":366},[281,1783,1784],{"class":397},"  seek",[281,1786,401],{"class":291},[281,1788,1147],{"class":291},[281,1790,1281],{"class":1150},[281,1792,401],{"class":291},[281,1794,1625],{"class":578},[281,1796,462],{"class":291},[281,1798,506],{"class":343},[281,1800,1292],{"class":578},[281,1802,330],{"class":291},[281,1804,1805,1808,1810,1812,1814,1816,1818,1820,1822,1824],{"class":283,"line":394},[281,1806,1807],{"class":397},"  setVolume",[281,1809,401],{"class":291},[281,1811,1147],{"class":291},[281,1813,1281],{"class":1150},[281,1815,401],{"class":291},[281,1817,1625],{"class":578},[281,1819,462],{"class":291},[281,1821,506],{"class":343},[281,1823,1292],{"class":578},[281,1825,330],{"class":291},[281,1827,1828,1831,1833,1835,1837,1839],{"class":283,"line":421},[281,1829,1830],{"class":397},"  mute",[281,1832,401],{"class":291},[281,1834,503],{"class":291},[281,1836,506],{"class":343},[281,1838,1292],{"class":578},[281,1840,330],{"class":291},[281,1842,1843,1846,1848,1850,1852,1854],{"class":283,"line":439},[281,1844,1845],{"class":397},"  unmute",[281,1847,401],{"class":291},[281,1849,503],{"class":291},[281,1851,506],{"class":343},[281,1853,1292],{"class":578},[281,1855,330],{"class":291},[281,1857,1858,1861,1863,1865,1867,1869],{"class":283,"line":456},[281,1859,1860],{"class":397},"  toggleMute",[281,1862,401],{"class":291},[281,1864,503],{"class":291},[281,1866,506],{"class":343},[281,1868,1292],{"class":578},[281,1870,330],{"class":291},[281,1872,1873],{"class":283,"line":467},[281,1874,861],{"class":291},[551,1876,1878],{"id":1877},"usevideocontrollerreturns","UseVideoControllerReturns",[244,1880,1881],{},"Full controller type — combines reactive state and imperative methods.",[272,1883,1885],{"className":274,"code":1884,"language":276,"meta":277,"style":277},"type UseVideoControllerReturns = ScenaVideoData & ScenaVideoMethods;\n",[248,1886,1887],{"__ignoreMap":277},[281,1888,1889,1891,1893,1895,1897,1899,1901],{"class":283,"line":284},[281,1890,575],{"class":343},[281,1892,1059],{"class":578},[281,1894,582],{"class":291},[281,1896,1601],{"class":578},[281,1898,597],{"class":291},[281,1900,1729],{"class":578},[281,1902,330],{"class":291},[261,1904,1906],{"id":1905},"enums","Enums",[244,1908,1909],{},"All enums are re-exported from the package root. Each value has a string equivalent — pass either form and Scena will accept both.",[551,1911,1913],{"id":1912},"componentsize","ComponentSize",[244,1915,1916],{},"T-shirt size scale used across all sizeable components.",[272,1918,1920],{"className":274,"code":1919,"language":276,"meta":277,"style":277},"enum ComponentSize {\n  XS = 'xs',\n  SM = 'sm',\n  MD = 'md',\n  LG = 'lg',\n  XL = 'xl',\n  XXL = 'xxl',\n}\n",[248,1921,1922,1931,1947,1963,1979,1995,2011,2027],{"__ignoreMap":277},[281,1923,1924,1927,1929],{"class":283,"line":284},[281,1925,1926],{"class":343},"enum",[281,1928,307],{"class":578},[281,1930,509],{"class":291},[281,1932,1933,1936,1938,1940,1943,1945],{"class":283,"line":333},[281,1934,1935],{"class":295},"  XS ",[281,1937,350],{"class":291},[281,1939,321],{"class":291},[281,1941,1942],{"class":324},"xs",[281,1944,327],{"class":291},[281,1946,436],{"class":291},[281,1948,1949,1952,1954,1956,1959,1961],{"class":283,"line":340},[281,1950,1951],{"class":295},"  SM ",[281,1953,350],{"class":291},[281,1955,321],{"class":291},[281,1957,1958],{"class":324},"sm",[281,1960,327],{"class":291},[281,1962,436],{"class":291},[281,1964,1965,1968,1970,1972,1975,1977],{"class":283,"line":361},[281,1966,1967],{"class":295},"  MD ",[281,1969,350],{"class":291},[281,1971,321],{"class":291},[281,1973,1974],{"class":324},"md",[281,1976,327],{"class":291},[281,1978,436],{"class":291},[281,1980,1981,1984,1986,1988,1991,1993],{"class":283,"line":366},[281,1982,1983],{"class":295},"  LG ",[281,1985,350],{"class":291},[281,1987,321],{"class":291},[281,1989,1990],{"class":324},"lg",[281,1992,327],{"class":291},[281,1994,436],{"class":291},[281,1996,1997,2000,2002,2004,2007,2009],{"class":283,"line":394},[281,1998,1999],{"class":295},"  XL ",[281,2001,350],{"class":291},[281,2003,321],{"class":291},[281,2005,2006],{"class":324},"xl",[281,2008,327],{"class":291},[281,2010,436],{"class":291},[281,2012,2013,2016,2018,2020,2023,2025],{"class":283,"line":421},[281,2014,2015],{"class":295},"  XXL ",[281,2017,350],{"class":291},[281,2019,321],{"class":291},[281,2021,2022],{"class":324},"xxl",[281,2024,327],{"class":291},[281,2026,436],{"class":291},[281,2028,2029],{"class":283,"line":439},[281,2030,861],{"class":291},[551,2032,2034],{"id":2033},"componentshape","ComponentShape",[244,2036,2037],{},"Affects aspect ratio and border-radius of the video container.",[272,2039,2041],{"className":274,"code":2040,"language":276,"meta":277,"style":277},"enum ComponentShape {\n  CIRCLE = 'circle',\n  SQUARE = 'square',\n  PORTRAIT = 'portrait',\n  LANDSCAPE = 'landscape',\n}\n",[248,2042,2043,2051,2067,2083,2099,2115],{"__ignoreMap":277},[281,2044,2045,2047,2049],{"class":283,"line":284},[281,2046,1926],{"class":343},[281,2048,312],{"class":578},[281,2050,509],{"class":291},[281,2052,2053,2056,2058,2060,2063,2065],{"class":283,"line":333},[281,2054,2055],{"class":295},"  CIRCLE ",[281,2057,350],{"class":291},[281,2059,321],{"class":291},[281,2061,2062],{"class":324},"circle",[281,2064,327],{"class":291},[281,2066,436],{"class":291},[281,2068,2069,2072,2074,2076,2079,2081],{"class":283,"line":340},[281,2070,2071],{"class":295},"  SQUARE ",[281,2073,350],{"class":291},[281,2075,321],{"class":291},[281,2077,2078],{"class":324},"square",[281,2080,327],{"class":291},[281,2082,436],{"class":291},[281,2084,2085,2088,2090,2092,2095,2097],{"class":283,"line":361},[281,2086,2087],{"class":295},"  PORTRAIT ",[281,2089,350],{"class":291},[281,2091,321],{"class":291},[281,2093,2094],{"class":324},"portrait",[281,2096,327],{"class":291},[281,2098,436],{"class":291},[281,2100,2101,2104,2106,2108,2111,2113],{"class":283,"line":366},[281,2102,2103],{"class":295},"  LANDSCAPE ",[281,2105,350],{"class":291},[281,2107,321],{"class":291},[281,2109,2110],{"class":324},"landscape",[281,2112,327],{"class":291},[281,2114,436],{"class":291},[281,2116,2117],{"class":283,"line":394},[281,2118,861],{"class":291},[551,2120,2122],{"id":2121},"componentposition","ComponentPosition",[244,2124,2125,2126,2129],{},"CSS ",[248,2127,2128],{},"position"," value for the outer container.",[272,2131,2133],{"className":274,"code":2132,"language":276,"meta":277,"style":277},"enum ComponentPosition {\n  STATIC = 'static',\n  RELATIVE = 'relative',\n  ABSOLUTE = 'absolute',\n  FIXED = 'fixed',\n}\n",[248,2134,2135,2144,2160,2176,2192,2208],{"__ignoreMap":277},[281,2136,2137,2139,2142],{"class":283,"line":284},[281,2138,1926],{"class":343},[281,2140,2141],{"class":578}," ComponentPosition",[281,2143,509],{"class":291},[281,2145,2146,2149,2151,2153,2156,2158],{"class":283,"line":333},[281,2147,2148],{"class":295},"  STATIC ",[281,2150,350],{"class":291},[281,2152,321],{"class":291},[281,2154,2155],{"class":324},"static",[281,2157,327],{"class":291},[281,2159,436],{"class":291},[281,2161,2162,2165,2167,2169,2172,2174],{"class":283,"line":340},[281,2163,2164],{"class":295},"  RELATIVE ",[281,2166,350],{"class":291},[281,2168,321],{"class":291},[281,2170,2171],{"class":324},"relative",[281,2173,327],{"class":291},[281,2175,436],{"class":291},[281,2177,2178,2181,2183,2185,2188,2190],{"class":283,"line":361},[281,2179,2180],{"class":295},"  ABSOLUTE ",[281,2182,350],{"class":291},[281,2184,321],{"class":291},[281,2186,2187],{"class":324},"absolute",[281,2189,327],{"class":291},[281,2191,436],{"class":291},[281,2193,2194,2197,2199,2201,2204,2206],{"class":283,"line":366},[281,2195,2196],{"class":295},"  FIXED ",[281,2198,350],{"class":291},[281,2200,321],{"class":291},[281,2202,2203],{"class":324},"fixed",[281,2205,327],{"class":291},[281,2207,436],{"class":291},[281,2209,2210],{"class":283,"line":394},[281,2211,861],{"class":291},[551,2213,2215],{"id":2214},"componentplacement","ComponentPlacement",[244,2217,2218],{},"Anchor position within the container — a 3×3 grid of named slots.",[272,2220,2222],{"className":274,"code":2221,"language":276,"meta":277,"style":277},"enum ComponentPlacement {\n  TOP_START = 'top-start',\n  TOP_CENTER = 'top-center',\n  TOP_END = 'top-end',\n  MIDDLE_START = 'middle-start',\n  MIDDLE_CENTER = 'middle-center',\n  MIDDLE_END = 'middle-end',\n  BOTTOM_START = 'bottom-start',\n  BOTTOM_CENTER = 'bottom-center',\n  BOTTOM_END = 'bottom-end',\n}\n",[248,2223,2224,2233,2249,2265,2281,2297,2313,2329,2345,2361,2377],{"__ignoreMap":277},[281,2225,2226,2228,2231],{"class":283,"line":284},[281,2227,1926],{"class":343},[281,2229,2230],{"class":578}," ComponentPlacement",[281,2232,509],{"class":291},[281,2234,2235,2238,2240,2242,2245,2247],{"class":283,"line":333},[281,2236,2237],{"class":295},"  TOP_START ",[281,2239,350],{"class":291},[281,2241,321],{"class":291},[281,2243,2244],{"class":324},"top-start",[281,2246,327],{"class":291},[281,2248,436],{"class":291},[281,2250,2251,2254,2256,2258,2261,2263],{"class":283,"line":340},[281,2252,2253],{"class":295},"  TOP_CENTER ",[281,2255,350],{"class":291},[281,2257,321],{"class":291},[281,2259,2260],{"class":324},"top-center",[281,2262,327],{"class":291},[281,2264,436],{"class":291},[281,2266,2267,2270,2272,2274,2277,2279],{"class":283,"line":361},[281,2268,2269],{"class":295},"  TOP_END ",[281,2271,350],{"class":291},[281,2273,321],{"class":291},[281,2275,2276],{"class":324},"top-end",[281,2278,327],{"class":291},[281,2280,436],{"class":291},[281,2282,2283,2286,2288,2290,2293,2295],{"class":283,"line":366},[281,2284,2285],{"class":295},"  MIDDLE_START ",[281,2287,350],{"class":291},[281,2289,321],{"class":291},[281,2291,2292],{"class":324},"middle-start",[281,2294,327],{"class":291},[281,2296,436],{"class":291},[281,2298,2299,2302,2304,2306,2309,2311],{"class":283,"line":394},[281,2300,2301],{"class":295},"  MIDDLE_CENTER ",[281,2303,350],{"class":291},[281,2305,321],{"class":291},[281,2307,2308],{"class":324},"middle-center",[281,2310,327],{"class":291},[281,2312,436],{"class":291},[281,2314,2315,2318,2320,2322,2325,2327],{"class":283,"line":421},[281,2316,2317],{"class":295},"  MIDDLE_END ",[281,2319,350],{"class":291},[281,2321,321],{"class":291},[281,2323,2324],{"class":324},"middle-end",[281,2326,327],{"class":291},[281,2328,436],{"class":291},[281,2330,2331,2334,2336,2338,2341,2343],{"class":283,"line":439},[281,2332,2333],{"class":295},"  BOTTOM_START ",[281,2335,350],{"class":291},[281,2337,321],{"class":291},[281,2339,2340],{"class":324},"bottom-start",[281,2342,327],{"class":291},[281,2344,436],{"class":291},[281,2346,2347,2350,2352,2354,2357,2359],{"class":283,"line":456},[281,2348,2349],{"class":295},"  BOTTOM_CENTER ",[281,2351,350],{"class":291},[281,2353,321],{"class":291},[281,2355,2356],{"class":324},"bottom-center",[281,2358,327],{"class":291},[281,2360,436],{"class":291},[281,2362,2363,2366,2368,2370,2373,2375],{"class":283,"line":467},[281,2364,2365],{"class":295},"  BOTTOM_END ",[281,2367,350],{"class":291},[281,2369,321],{"class":291},[281,2371,2372],{"class":324},"bottom-end",[281,2374,327],{"class":291},[281,2376,436],{"class":291},[281,2378,2379],{"class":283,"line":472},[281,2380,861],{"class":291},[551,2382,2384],{"id":2383},"scenavideostate","ScenaVideoState",[244,2386,2387],{},"Current playback state of the video element.",[272,2389,2391],{"className":274,"code":2390,"language":276,"meta":277,"style":277},"enum ScenaVideoState {\n  IDLE = 'idle',\n  LOADING = 'loading',\n  PLAYING = 'playing',\n  PAUSED = 'paused',\n  ENDED = 'ended',\n  ERROR = 'error',\n}\n",[248,2392,2393,2401,2417,2433,2449,2465,2481,2497],{"__ignoreMap":277},[281,2394,2395,2397,2399],{"class":283,"line":284},[281,2396,1926],{"class":343},[281,2398,1613],{"class":578},[281,2400,509],{"class":291},[281,2402,2403,2406,2408,2410,2413,2415],{"class":283,"line":333},[281,2404,2405],{"class":295},"  IDLE ",[281,2407,350],{"class":291},[281,2409,321],{"class":291},[281,2411,2412],{"class":324},"idle",[281,2414,327],{"class":291},[281,2416,436],{"class":291},[281,2418,2419,2422,2424,2426,2429,2431],{"class":283,"line":340},[281,2420,2421],{"class":295},"  LOADING ",[281,2423,350],{"class":291},[281,2425,321],{"class":291},[281,2427,2428],{"class":324},"loading",[281,2430,327],{"class":291},[281,2432,436],{"class":291},[281,2434,2435,2438,2440,2442,2445,2447],{"class":283,"line":361},[281,2436,2437],{"class":295},"  PLAYING ",[281,2439,350],{"class":291},[281,2441,321],{"class":291},[281,2443,2444],{"class":324},"playing",[281,2446,327],{"class":291},[281,2448,436],{"class":291},[281,2450,2451,2454,2456,2458,2461,2463],{"class":283,"line":366},[281,2452,2453],{"class":295},"  PAUSED ",[281,2455,350],{"class":291},[281,2457,321],{"class":291},[281,2459,2460],{"class":324},"paused",[281,2462,327],{"class":291},[281,2464,436],{"class":291},[281,2466,2467,2470,2472,2474,2477,2479],{"class":283,"line":394},[281,2468,2469],{"class":295},"  ENDED ",[281,2471,350],{"class":291},[281,2473,321],{"class":291},[281,2475,2476],{"class":324},"ended",[281,2478,327],{"class":291},[281,2480,436],{"class":291},[281,2482,2483,2486,2488,2490,2493,2495],{"class":283,"line":421},[281,2484,2485],{"class":295},"  ERROR ",[281,2487,350],{"class":291},[281,2489,321],{"class":291},[281,2491,2492],{"class":324},"error",[281,2494,327],{"class":291},[281,2496,436],{"class":291},[281,2498,2499],{"class":283,"line":439},[281,2500,861],{"class":291},[551,2502,2504],{"id":2503},"scenavideopreload","ScenaVideoPreload",[244,2506,2507,2508,2511],{},"Preload strategy passed to the ",[248,2509,2510],{},"\u003Cvideo>"," element.",[272,2513,2515],{"className":274,"code":2514,"language":276,"meta":277,"style":277},"enum ScenaVideoPreload {\n  NONE = 'none',\n  AUTO = 'auto',\n  METADATA = 'metadata',\n}\n",[248,2516,2517,2526,2542,2558,2574],{"__ignoreMap":277},[281,2518,2519,2521,2524],{"class":283,"line":284},[281,2520,1926],{"class":343},[281,2522,2523],{"class":578}," ScenaVideoPreload",[281,2525,509],{"class":291},[281,2527,2528,2531,2533,2535,2538,2540],{"class":283,"line":333},[281,2529,2530],{"class":295},"  NONE ",[281,2532,350],{"class":291},[281,2534,321],{"class":291},[281,2536,2537],{"class":324},"none",[281,2539,327],{"class":291},[281,2541,436],{"class":291},[281,2543,2544,2547,2549,2551,2554,2556],{"class":283,"line":340},[281,2545,2546],{"class":295},"  AUTO ",[281,2548,350],{"class":291},[281,2550,321],{"class":291},[281,2552,2553],{"class":324},"auto",[281,2555,327],{"class":291},[281,2557,436],{"class":291},[281,2559,2560,2563,2565,2567,2570,2572],{"class":283,"line":361},[281,2561,2562],{"class":295},"  METADATA ",[281,2564,350],{"class":291},[281,2566,321],{"class":291},[281,2568,2569],{"class":324},"metadata",[281,2571,327],{"class":291},[281,2573,436],{"class":291},[281,2575,2576],{"class":283,"line":366},[281,2577,861],{"class":291},[551,2579,2581],{"id":2580},"scenactabuttonplacement","ScenaCtaButtonPlacement",[244,2583,2584],{},"Whether the CTA button renders inside or outside the video container.",[272,2586,2588],{"className":274,"code":2587,"language":276,"meta":277,"style":277},"enum ScenaCtaButtonPlacement {\n  INSIDE = 'inside',\n  OUTSIDE = 'outside',\n}\n",[248,2589,2590,2599,2615,2631],{"__ignoreMap":277},[281,2591,2592,2594,2597],{"class":283,"line":284},[281,2593,1926],{"class":343},[281,2595,2596],{"class":578}," ScenaCtaButtonPlacement",[281,2598,509],{"class":291},[281,2600,2601,2604,2606,2608,2611,2613],{"class":283,"line":333},[281,2602,2603],{"class":295},"  INSIDE ",[281,2605,350],{"class":291},[281,2607,321],{"class":291},[281,2609,2610],{"class":324},"inside",[281,2612,327],{"class":291},[281,2614,436],{"class":291},[281,2616,2617,2620,2622,2624,2627,2629],{"class":283,"line":340},[281,2618,2619],{"class":295},"  OUTSIDE ",[281,2621,350],{"class":291},[281,2623,321],{"class":291},[281,2625,2626],{"class":324},"outside",[281,2628,327],{"class":291},[281,2630,436],{"class":291},[281,2632,2633],{"class":283,"line":361},[281,2634,861],{"class":291},[261,2636,2638],{"id":2637},"usage-examples","Usage examples",[244,2640,2641],{},"Common patterns for integrating Scena's types into your own code — config authoring, event handling, controller access, and runtime API control.",[551,2643,2645],{"id":2644},"typing-the-config","Typing the config",[244,2647,2648],{},"Annotate the config object explicitly to get IDE completion and catch invalid values before mounting.",[272,2650,2652],{"className":274,"code":2651,"language":276,"meta":277,"style":277},"import {\n  useScena,\n  ComponentSize,\n  ComponentShape,\n  type ScenaConfig,\n} from '@retoo/scena';\n\nconst config: ScenaConfig = {\n  video: { src: '/video.mp4' },\n  size: ComponentSize.MD,\n  shape: ComponentShape.CIRCLE,\n};\n\nconst scena = useScena();\nconst instance = await scena.mount(config);\n",[248,2653,2654,2660,2667,2674,2681,2690,2704,2708,2723,2743,2757,2771,2776,2780,2795],{"__ignoreMap":277},[281,2655,2656,2658],{"class":283,"line":284},[281,2657,288],{"class":287},[281,2659,509],{"class":291},[281,2661,2662,2665],{"class":283,"line":333},[281,2663,2664],{"class":295},"  useScena",[281,2666,436],{"class":291},[281,2668,2669,2672],{"class":283,"line":340},[281,2670,2671],{"class":295},"  ComponentSize",[281,2673,436],{"class":291},[281,2675,2676,2679],{"class":283,"line":361},[281,2677,2678],{"class":295},"  ComponentShape",[281,2680,436],{"class":291},[281,2682,2683,2686,2688],{"class":283,"line":366},[281,2684,2685],{"class":287},"  type",[281,2687,579],{"class":295},[281,2689,436],{"class":291},[281,2691,2692,2694,2696,2698,2700,2702],{"class":283,"line":394},[281,2693,459],{"class":291},[281,2695,318],{"class":287},[281,2697,321],{"class":291},[281,2699,269],{"class":324},[281,2701,327],{"class":291},[281,2703,330],{"class":291},[281,2705,2706],{"class":283,"line":421},[281,2707,337],{"emptyLinePlaceholder":336},[281,2709,2710,2712,2715,2717,2719,2721],{"class":283,"line":439},[281,2711,344],{"class":343},[281,2713,2714],{"class":295}," config",[281,2716,401],{"class":291},[281,2718,579],{"class":578},[281,2720,582],{"class":291},[281,2722,509],{"class":291},[281,2724,2725,2727,2729,2731,2733,2735,2737,2739,2741],{"class":283,"line":456},[281,2726,398],{"class":397},[281,2728,401],{"class":291},[281,2730,292],{"class":291},[281,2732,406],{"class":397},[281,2734,401],{"class":291},[281,2736,321],{"class":291},[281,2738,413],{"class":324},[281,2740,327],{"class":291},[281,2742,418],{"class":291},[281,2744,2745,2747,2749,2751,2753,2755],{"class":283,"line":467},[281,2746,424],{"class":397},[281,2748,401],{"class":291},[281,2750,307],{"class":295},[281,2752,382],{"class":291},[281,2754,433],{"class":295},[281,2756,436],{"class":291},[281,2758,2759,2761,2763,2765,2767,2769],{"class":283,"line":472},[281,2760,442],{"class":397},[281,2762,401],{"class":291},[281,2764,312],{"class":295},[281,2766,382],{"class":291},[281,2768,451],{"class":295},[281,2770,436],{"class":291},[281,2772,2773],{"class":283,"line":512},[281,2774,2775],{"class":291},"};\n",[281,2777,2778],{"class":283,"line":536},[281,2779,337],{"emptyLinePlaceholder":336},[281,2781,2783,2785,2787,2789,2791,2793],{"class":283,"line":2782},14,[281,2784,344],{"class":343},[281,2786,347],{"class":295},[281,2788,350],{"class":291},[281,2790,296],{"class":353},[281,2792,356],{"class":295},[281,2794,330],{"class":291},[281,2796,2798,2800,2802,2804,2806,2808,2810,2812,2815],{"class":283,"line":2797},15,[281,2799,344],{"class":343},[281,2801,371],{"class":295},[281,2803,350],{"class":291},[281,2805,376],{"class":287},[281,2807,379],{"class":295},[281,2809,382],{"class":291},[281,2811,385],{"class":353},[281,2813,2814],{"class":295},"(config)",[281,2816,330],{"class":291},[551,2818,2820],{"id":2819},"typing-an-event-handler","Typing an event handler",[244,2822,2823,2824,2827],{},"Use ",[248,2825,2826],{},"ScenaEventHandler"," to annotate callbacks passed to the event emitter.",[272,2829,2831],{"className":274,"code":2830,"language":276,"meta":277,"style":277},"import { ScenaEvent, type ScenaEventHandler } from '@retoo/scena';\n\nconst onCtaClick: ScenaEventHandler = () => {\n  window.location.href = '/contact';\n};\n\ninstance.api.events.on(ScenaEvent.ON_CTA_CLICK, onCtaClick);\n",[248,2832,2833,2861,2865,2884,2910,2914,2918],{"__ignoreMap":277},[281,2834,2835,2837,2839,2841,2843,2846,2849,2851,2853,2855,2857,2859],{"class":283,"line":284},[281,2836,288],{"class":287},[281,2838,292],{"class":291},[281,2840,302],{"class":295},[281,2842,299],{"class":291},[281,2844,2845],{"class":287}," type",[281,2847,2848],{"class":295}," ScenaEventHandler",[281,2850,315],{"class":291},[281,2852,318],{"class":287},[281,2854,321],{"class":291},[281,2856,269],{"class":324},[281,2858,327],{"class":291},[281,2860,330],{"class":291},[281,2862,2863],{"class":283,"line":333},[281,2864,337],{"emptyLinePlaceholder":336},[281,2866,2867,2869,2872,2874,2876,2878,2880,2882],{"class":283,"line":340},[281,2868,344],{"class":343},[281,2870,2871],{"class":295}," onCtaClick",[281,2873,401],{"class":291},[281,2875,2848],{"class":578},[281,2877,582],{"class":291},[281,2879,503],{"class":291},[281,2881,506],{"class":343},[281,2883,509],{"class":291},[281,2885,2886,2889,2891,2894,2896,2899,2901,2903,2906,2908],{"class":283,"line":361},[281,2887,2888],{"class":295},"  window",[281,2890,382],{"class":291},[281,2892,2893],{"class":295},"location",[281,2895,382],{"class":291},[281,2897,2898],{"class":295},"href",[281,2900,582],{"class":291},[281,2902,321],{"class":291},[281,2904,2905],{"class":324},"/contact",[281,2907,327],{"class":291},[281,2909,330],{"class":291},[281,2911,2912],{"class":283,"line":366},[281,2913,2775],{"class":291},[281,2915,2916],{"class":283,"line":394},[281,2917,337],{"emptyLinePlaceholder":336},[281,2919,2920,2922,2924,2926,2928,2930,2932,2934,2936,2938,2940,2942,2945],{"class":283,"line":421},[281,2921,475],{"class":295},[281,2923,382],{"class":291},[281,2925,480],{"class":295},[281,2927,382],{"class":291},[281,2929,485],{"class":295},[281,2931,382],{"class":291},[281,2933,490],{"class":353},[281,2935,493],{"class":295},[281,2937,382],{"class":291},[281,2939,498],{"class":295},[281,2941,299],{"class":291},[281,2943,2944],{"class":295}," onCtaClick)",[281,2946,330],{"class":291},[551,2948,2950],{"id":2949},"working-with-the-video-controller","Working with the video controller",[244,2952,2953,2955],{},[248,2954,1878],{}," combines reactive state and imperative methods — useful when passing the controller to helper functions.",[272,2957,2959],{"className":274,"code":2958,"language":276,"meta":277,"style":277},"import type { UseVideoControllerReturns } from '@retoo/scena';\n\nfunction logPlaybackState(controller: UseVideoControllerReturns) {\n  console.log(controller.state);\n  console.log(controller.currentTime);\n  console.log(controller.duration);\n  console.log(controller.progress);\n  console.log(controller.isMuted);\n}\n\nlogPlaybackState(instance.api.controller);\n",[248,2960,2961,2983,2987,3008,3030,3051,3072,3093,3114,3118,3122],{"__ignoreMap":277},[281,2962,2963,2965,2967,2969,2971,2973,2975,2977,2979,2981],{"class":283,"line":284},[281,2964,288],{"class":287},[281,2966,2845],{"class":287},[281,2968,292],{"class":291},[281,2970,1059],{"class":295},[281,2972,315],{"class":291},[281,2974,318],{"class":287},[281,2976,321],{"class":291},[281,2978,269],{"class":324},[281,2980,327],{"class":291},[281,2982,330],{"class":291},[281,2984,2985],{"class":283,"line":333},[281,2986,337],{"emptyLinePlaceholder":336},[281,2988,2989,2992,2995,2997,3000,3002,3004,3006],{"class":283,"line":340},[281,2990,2991],{"class":343},"function",[281,2993,2994],{"class":353}," logPlaybackState",[281,2996,388],{"class":291},[281,2998,2999],{"class":1150},"controller",[281,3001,401],{"class":291},[281,3003,1059],{"class":578},[281,3005,462],{"class":291},[281,3007,509],{"class":291},[281,3009,3010,3013,3015,3017,3019,3021,3023,3026,3028],{"class":283,"line":361},[281,3011,3012],{"class":295},"  console",[281,3014,382],{"class":291},[281,3016,520],{"class":353},[281,3018,388],{"class":397},[281,3020,2999],{"class":295},[281,3022,382],{"class":291},[281,3024,3025],{"class":295},"state",[281,3027,462],{"class":397},[281,3029,330],{"class":291},[281,3031,3032,3034,3036,3038,3040,3042,3044,3047,3049],{"class":283,"line":366},[281,3033,3012],{"class":295},[281,3035,382],{"class":291},[281,3037,520],{"class":353},[281,3039,388],{"class":397},[281,3041,2999],{"class":295},[281,3043,382],{"class":291},[281,3045,3046],{"class":295},"currentTime",[281,3048,462],{"class":397},[281,3050,330],{"class":291},[281,3052,3053,3055,3057,3059,3061,3063,3065,3068,3070],{"class":283,"line":394},[281,3054,3012],{"class":295},[281,3056,382],{"class":291},[281,3058,520],{"class":353},[281,3060,388],{"class":397},[281,3062,2999],{"class":295},[281,3064,382],{"class":291},[281,3066,3067],{"class":295},"duration",[281,3069,462],{"class":397},[281,3071,330],{"class":291},[281,3073,3074,3076,3078,3080,3082,3084,3086,3089,3091],{"class":283,"line":421},[281,3075,3012],{"class":295},[281,3077,382],{"class":291},[281,3079,520],{"class":353},[281,3081,388],{"class":397},[281,3083,2999],{"class":295},[281,3085,382],{"class":291},[281,3087,3088],{"class":295},"progress",[281,3090,462],{"class":397},[281,3092,330],{"class":291},[281,3094,3095,3097,3099,3101,3103,3105,3107,3110,3112],{"class":283,"line":439},[281,3096,3012],{"class":295},[281,3098,382],{"class":291},[281,3100,520],{"class":353},[281,3102,388],{"class":397},[281,3104,2999],{"class":295},[281,3106,382],{"class":291},[281,3108,3109],{"class":295},"isMuted",[281,3111,462],{"class":397},[281,3113,330],{"class":291},[281,3115,3116],{"class":283,"line":456},[281,3117,861],{"class":291},[281,3119,3120],{"class":283,"line":467},[281,3121,337],{"emptyLinePlaceholder":336},[281,3123,3124,3127,3130,3132,3134,3136,3139],{"class":283,"line":472},[281,3125,3126],{"class":353},"logPlaybackState",[281,3128,3129],{"class":295},"(instance",[281,3131,382],{"class":291},[281,3133,480],{"class":295},[281,3135,382],{"class":291},[281,3137,3138],{"class":295},"controller)",[281,3140,330],{"class":291},[551,3142,3144],{"id":3143},"controlling-visibility-and-preview","Controlling visibility and preview",[244,3146,3147],{},"Annotate references to the visibility and preview APIs for safe access in service layers or framework wrappers.",[272,3149,3151],{"className":274,"code":3150,"language":276,"meta":277,"style":277},"import type { ScenaVisibilityApi, ScenaPreviewApi } from '@retoo/scena';\n\nconst visibility: ScenaVisibilityApi = instance.visibility;\nvisibility.hide();\n\nconst preview: ScenaPreviewApi = instance.preview;\npreview.start();\n",[248,3152,3153,3179,3183,3206,3219,3223,3244],{"__ignoreMap":277},[281,3154,3155,3157,3159,3161,3163,3165,3167,3169,3171,3173,3175,3177],{"class":283,"line":284},[281,3156,288],{"class":287},[281,3158,2845],{"class":287},[281,3160,292],{"class":291},[281,3162,1020],{"class":295},[281,3164,299],{"class":291},[281,3166,998],{"class":295},[281,3168,315],{"class":291},[281,3170,318],{"class":287},[281,3172,321],{"class":291},[281,3174,269],{"class":324},[281,3176,327],{"class":291},[281,3178,330],{"class":291},[281,3180,3181],{"class":283,"line":333},[281,3182,337],{"emptyLinePlaceholder":336},[281,3184,3185,3187,3190,3192,3194,3196,3199,3201,3204],{"class":283,"line":340},[281,3186,344],{"class":343},[281,3188,3189],{"class":295}," visibility",[281,3191,401],{"class":291},[281,3193,1020],{"class":578},[281,3195,582],{"class":291},[281,3197,3198],{"class":295}," instance",[281,3200,382],{"class":291},[281,3202,3203],{"class":295},"visibility",[281,3205,330],{"class":291},[281,3207,3208,3210,3212,3215,3217],{"class":283,"line":361},[281,3209,3203],{"class":295},[281,3211,382],{"class":291},[281,3213,3214],{"class":353},"hide",[281,3216,356],{"class":295},[281,3218,330],{"class":291},[281,3220,3221],{"class":283,"line":366},[281,3222,337],{"emptyLinePlaceholder":336},[281,3224,3225,3227,3230,3232,3234,3236,3238,3240,3242],{"class":283,"line":394},[281,3226,344],{"class":343},[281,3228,3229],{"class":295}," preview",[281,3231,401],{"class":291},[281,3233,998],{"class":578},[281,3235,582],{"class":291},[281,3237,3198],{"class":295},[281,3239,382],{"class":291},[281,3241,1417],{"class":295},[281,3243,330],{"class":291},[281,3245,3246,3248,3250,3253,3255],{"class":283,"line":421},[281,3247,1417],{"class":295},[281,3249,382],{"class":291},[281,3251,3252],{"class":353},"start",[281,3254,356],{"class":295},[281,3256,330],{"class":291},[551,3258,3260],{"id":3259},"using-enums-in-config","Using enums in config",[244,3262,3263],{},"Enum values are the recommended way to set shape, size, position, and other discrete options. The string equivalents also work, but enums give you autocomplete and catch typos at compile time.",[272,3265,3267],{"className":274,"code":3266,"language":276,"meta":277,"style":277},"import {\n  useScena,\n  ComponentSize,\n  ComponentShape,\n  ComponentPosition,\n  ComponentPlacement,\n} from '@retoo/scena';\n\nconst scena = useScena();\n\nconst instance = await scena.mount({\n  video: { src: '/video.mp4' },\n  size: ComponentSize.MD,\n  shape: ComponentShape.PORTRAIT,\n  container: {\n    position: ComponentPosition.FIXED,\n    placement: ComponentPlacement.BOTTOM_END,\n  },\n});\n",[248,3268,3269,3275,3281,3287,3293,3300,3307,3321,3325,3339,3343,3363,3383,3397,3412,3420,3437,3454,3460],{"__ignoreMap":277},[281,3270,3271,3273],{"class":283,"line":284},[281,3272,288],{"class":287},[281,3274,509],{"class":291},[281,3276,3277,3279],{"class":283,"line":333},[281,3278,2664],{"class":295},[281,3280,436],{"class":291},[281,3282,3283,3285],{"class":283,"line":340},[281,3284,2671],{"class":295},[281,3286,436],{"class":291},[281,3288,3289,3291],{"class":283,"line":361},[281,3290,2678],{"class":295},[281,3292,436],{"class":291},[281,3294,3295,3298],{"class":283,"line":366},[281,3296,3297],{"class":295},"  ComponentPosition",[281,3299,436],{"class":291},[281,3301,3302,3305],{"class":283,"line":394},[281,3303,3304],{"class":295},"  ComponentPlacement",[281,3306,436],{"class":291},[281,3308,3309,3311,3313,3315,3317,3319],{"class":283,"line":421},[281,3310,459],{"class":291},[281,3312,318],{"class":287},[281,3314,321],{"class":291},[281,3316,269],{"class":324},[281,3318,327],{"class":291},[281,3320,330],{"class":291},[281,3322,3323],{"class":283,"line":439},[281,3324,337],{"emptyLinePlaceholder":336},[281,3326,3327,3329,3331,3333,3335,3337],{"class":283,"line":456},[281,3328,344],{"class":343},[281,3330,347],{"class":295},[281,3332,350],{"class":291},[281,3334,296],{"class":353},[281,3336,356],{"class":295},[281,3338,330],{"class":291},[281,3340,3341],{"class":283,"line":467},[281,3342,337],{"emptyLinePlaceholder":336},[281,3344,3345,3347,3349,3351,3353,3355,3357,3359,3361],{"class":283,"line":472},[281,3346,344],{"class":343},[281,3348,371],{"class":295},[281,3350,350],{"class":291},[281,3352,376],{"class":287},[281,3354,379],{"class":295},[281,3356,382],{"class":291},[281,3358,385],{"class":353},[281,3360,388],{"class":295},[281,3362,391],{"class":291},[281,3364,3365,3367,3369,3371,3373,3375,3377,3379,3381],{"class":283,"line":512},[281,3366,398],{"class":397},[281,3368,401],{"class":291},[281,3370,292],{"class":291},[281,3372,406],{"class":397},[281,3374,401],{"class":291},[281,3376,321],{"class":291},[281,3378,413],{"class":324},[281,3380,327],{"class":291},[281,3382,418],{"class":291},[281,3384,3385,3387,3389,3391,3393,3395],{"class":283,"line":536},[281,3386,424],{"class":397},[281,3388,401],{"class":291},[281,3390,307],{"class":295},[281,3392,382],{"class":291},[281,3394,433],{"class":295},[281,3396,436],{"class":291},[281,3398,3399,3401,3403,3405,3407,3410],{"class":283,"line":2782},[281,3400,442],{"class":397},[281,3402,401],{"class":291},[281,3404,312],{"class":295},[281,3406,382],{"class":291},[281,3408,3409],{"class":295},"PORTRAIT",[281,3411,436],{"class":291},[281,3413,3414,3416,3418],{"class":283,"line":2797},[281,3415,677],{"class":397},[281,3417,401],{"class":291},[281,3419,509],{"class":291},[281,3421,3423,3426,3428,3430,3432,3435],{"class":283,"line":3422},16,[281,3424,3425],{"class":397},"    position",[281,3427,401],{"class":291},[281,3429,2141],{"class":295},[281,3431,382],{"class":291},[281,3433,3434],{"class":295},"FIXED",[281,3436,436],{"class":291},[281,3438,3440,3443,3445,3447,3449,3452],{"class":283,"line":3439},17,[281,3441,3442],{"class":397},"    placement",[281,3444,401],{"class":291},[281,3446,2230],{"class":295},[281,3448,382],{"class":291},[281,3450,3451],{"class":295},"BOTTOM_END",[281,3453,436],{"class":291},[281,3455,3457],{"class":283,"line":3456},18,[281,3458,3459],{"class":291},"  },\n",[281,3461,3463,3465,3467],{"class":283,"line":3462},19,[281,3464,459],{"class":291},[281,3466,462],{"class":295},[281,3468,330],{"class":291},[3470,3471,3472],"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 .spNyl, html code.shiki .spNyl{--shiki-light:#9C3EDA;--shiki-default:#C792EA;--shiki-dark:#C792EA}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 .sBMFI, html code.shiki .sBMFI{--shiki-light:#E2931D;--shiki-default:#FFCB6B;--shiki-dark:#FFCB6B}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}",{"title":277,"searchDepth":284,"depth":333,"links":3474},[3475,3476,3477,3478],{"id":263,"depth":333,"text":165},{"id":545,"depth":333,"text":546},{"id":1905,"depth":333,"text":1906},{"id":2637,"depth":333,"text":2638},"Type declarations, exported interfaces, and TypeScript integration.",null,{},{"title":235,"description":3479},"-AVDgmE37ItWam91v8M5E4_91R0NtUlxP4n4kkYnng4",[3485,3480],{"title":231,"path":232,"stem":233,"description":3486,"children":-1},"Size of each distribution format and tree-shaking capabilities.",1777984325201]