[{"data":1,"prerenderedAt":468},["ShallowReactive",2],{"navigation":3,"/distribution/browser-support":238,"/distribution/browser-support-surround":463},[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":227,"body":240,"description":456,"extension":457,"links":458,"meta":459,"navigation":460,"path":228,"seo":461,"stem":229,"__hash__":462},"docs/09.distribution/2.browser-support.md",{"type":241,"value":242,"toc":446},"minimark",[243,260,265,332,336,339,406,409,413,416,420,435,439],[244,245,246,247,251,252,255,256,259],"p",{},"Scena targets modern browsers that support ES2020+. The compiled output uses ",[248,249,250],"code",{},"async","/",[248,253,254],{},"await",", optional chaining, nullish coalescing, and ",[248,257,258],{},"IntersectionObserver"," — all available in current versions of major browsers without polyfills.",[261,262,264],"h2",{"id":263},"supported-browsers","Supported browsers",[266,267,268,281],"table",{},[269,270,271],"thead",{},[272,273,274,278],"tr",{},[275,276,277],"th",{},"Browser",[275,279,280],{},"Minimum version",[282,283,284,293,300,308,316,324],"tbody",{},[272,285,286,290],{},[287,288,289],"td",{},"Chrome",[287,291,292],{},"80+",[272,294,295,298],{},[287,296,297],{},"Firefox",[287,299,292],{},[272,301,302,305],{},[287,303,304],{},"Safari",[287,306,307],{},"14+",[272,309,310,313],{},[287,311,312],{},"Edge",[287,314,315],{},"80+ (Chromium-based)",[272,317,318,321],{},[287,319,320],{},"Opera",[287,322,323],{},"67+",[272,325,326,329],{},[287,327,328],{},"Samsung Internet",[287,330,331],{},"13+",[261,333,335],{"id":334},"required-web-apis","Required Web APIs",[244,337,338],{},"Scena relies on the following browser APIs at runtime:",[266,340,341,351],{},[269,342,343],{},[272,344,345,348],{},[275,346,347],{},"API",[275,349,350],{},"Used for",[282,352,353,362,372,386,396],{},[272,354,355,359],{},[287,356,357],{},[248,358,258],{},[287,360,361],{},"Detecting widget visibility in the viewport for autoplay/pause",[272,363,364,369],{},[287,365,366],{},[248,367,368],{},"ResizeObserver",[287,370,371],{},"Adapting widget layout when the container resizes",[272,373,374,379],{},[287,375,376],{},[248,377,378],{},"customElements",[287,380,381,382,385],{},"Custom Element registration (",[248,383,384],{},"defineScenaElement()",")",[272,387,388,393],{},[287,389,390],{},[248,391,392],{},"HTMLVideoElement",[287,394,395],{},"Core video playback",[272,397,398,403],{},[287,399,400],{},[248,401,402],{},"CSS Custom Properties",[287,404,405],{},"Theming and dynamic style overrides",[244,407,408],{},"All listed APIs are supported in the browsers above. If you need to support older browsers, include the corresponding polyfills before loading Scena.",[261,410,412],{"id":411},"internet-explorer","Internet Explorer",[244,414,415],{},"Internet Explorer is not supported. Scena uses ES Module syntax, CSS custom properties, and modern DOM APIs that have no IE equivalents.",[261,417,419],{"id":418},"mobile-browsers","Mobile browsers",[244,421,422,423,426,427,430,431,434],{},"Scena works on mobile Chrome, Safari (iOS), Firefox, and Samsung Internet. Note that iOS Safari enforces additional restrictions on video autoplay — the video must be ",[248,424,425],{},"muted"," for autoplay to work without user interaction. Scena respects these constraints when ",[248,428,429],{},"autoplay: true"," and ",[248,432,433],{},"muted: true"," are set in the config.",[261,436,438],{"id":437},"nodejs","Node.js",[244,440,441,442,445],{},"For SSR or prerendering scenarios, Scena requires Node.js 16.0 or later. The CommonJS build is available for ",[248,443,444],{},"require()"," usage. Note that actual video playback requires a browser DOM — the Node.js build is intended for server-side mounting logic and config preparation.",{"title":447,"searchDepth":448,"depth":449,"links":450},"",1,2,[451,452,453,454,455],{"id":263,"depth":449,"text":264},{"id":334,"depth":449,"text":335},{"id":411,"depth":449,"text":412},{"id":418,"depth":449,"text":419},{"id":437,"depth":449,"text":438},"Supported browsers, required polyfills, and compatibility notes.","md",null,{},true,{"title":227,"description":456},"RuBtT3oqUzlgSnA9hk9JFSZ2JbopSL-KGBNCM6t0pUQ",[464,466],{"title":223,"path":224,"stem":225,"description":465,"children":-1},"Available build formats — ES Module, UMD, CommonJS, and their minified variants.",{"title":231,"path":232,"stem":233,"description":467,"children":-1},"Size of each distribution format and tree-shaking capabilities.",1777984324917]