[{"data":1,"prerenderedAt":802},["ShallowReactive",2],{"navigation":3,"/api-reference/use-config":238,"/api-reference/use-config-surround":797},[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":115,"body":240,"description":791,"extension":792,"links":793,"meta":794,"navigation":369,"path":116,"seo":795,"stem":117,"__hash__":796},"docs/05.api-reference/2.use-config.md",{"type":241,"value":242,"toc":784},"minimark",[243,256,391,396,434,438,499,503,577,583,614,618,621,704,708,711,777,780],[244,245,246,247,251,252,255],"p",{},"The config store is available on every ",[248,249,250],"code",{},"ScenaInstance"," at ",[248,253,254],{},"instance.config",". It provides reactive access to the current configuration and methods to update it without remounting.",[257,258,263],"pre",{"className":259,"code":260,"language":261,"meta":262,"style":262},"language-ts shiki shiki-themes material-theme-lighter material-theme material-theme-palenight","const instance = await scena.mount({\n  video: { src: '/video.mp4' },\n  size: ComponentSize.MD,\n});\n\nconst config = instance.config;\n","ts","",[248,264,265,302,333,352,364,371],{"__ignoreMap":262},[266,267,270,274,278,282,286,289,292,296,299],"span",{"class":268,"line":269},"line",1,[266,271,273],{"class":272},"spNyl","const",[266,275,277],{"class":276},"sTEyZ"," instance ",[266,279,281],{"class":280},"sMK4o","=",[266,283,285],{"class":284},"s7zQu"," await",[266,287,288],{"class":276}," scena",[266,290,291],{"class":280},".",[266,293,295],{"class":294},"s2Zo4","mount",[266,297,298],{"class":276},"(",[266,300,301],{"class":280},"{\n",[266,303,305,309,312,315,318,320,323,327,330],{"class":268,"line":304},2,[266,306,308],{"class":307},"swJcz","  video",[266,310,311],{"class":280},":",[266,313,314],{"class":280}," {",[266,316,317],{"class":307}," src",[266,319,311],{"class":280},[266,321,322],{"class":280}," '",[266,324,326],{"class":325},"sfazB","/video.mp4",[266,328,329],{"class":280},"'",[266,331,332],{"class":280}," },\n",[266,334,336,339,341,344,346,349],{"class":268,"line":335},3,[266,337,338],{"class":307},"  size",[266,340,311],{"class":280},[266,342,343],{"class":276}," ComponentSize",[266,345,291],{"class":280},[266,347,348],{"class":276},"MD",[266,350,351],{"class":280},",\n",[266,353,355,358,361],{"class":268,"line":354},4,[266,356,357],{"class":280},"}",[266,359,360],{"class":276},")",[266,362,363],{"class":280},";\n",[266,365,367],{"class":268,"line":366},5,[266,368,370],{"emptyLinePlaceholder":369},true,"\n",[266,372,374,376,379,381,384,386,389],{"class":268,"line":373},6,[266,375,273],{"class":272},[266,377,378],{"class":276}," config ",[266,380,281],{"class":280},[266,382,383],{"class":276}," instance",[266,385,291],{"class":280},[266,387,388],{"class":276},"config",[266,390,363],{"class":280},[392,393,395],"h2",{"id":394},"properties","Properties",[397,398,399,415],"table",{},[400,401,402],"thead",{},[403,404,405,409,412],"tr",{},[406,407,408],"th",{},"Property",[406,410,411],{},"Type",[406,413,414],{},"Description",[416,417,418],"tbody",{},[403,419,420,426,431],{},[421,422,423],"td",{},[248,424,425],{},"current",[421,427,428],{},[248,429,430],{},"ScenaConfig",[421,432,433],{},"Current resolved config snapshot",[392,435,437],{"id":436},"methods","Methods",[397,439,440,452],{},[400,441,442],{},[403,443,444,447,450],{},[406,445,446],{},"Method",[406,448,449],{},"Signature",[406,451,414],{},[416,453,454,469,484],{},[403,455,456,461,466],{},[421,457,458],{},[248,459,460],{},"getConfig",[421,462,463],{},[248,464,465],{},"() => ScenaConfig",[421,467,468],{},"Returns the current config object",[403,470,471,476,481],{},[421,472,473],{},[248,474,475],{},"setConfig",[421,477,478],{},[248,479,480],{},"(value: ScenaConfig) => void",[421,482,483],{},"Replaces the entire config",[403,485,486,491,496],{},[421,487,488],{},[248,489,490],{},"mergeConfig",[421,492,493],{},[248,494,495],{},"(partial: Partial\u003CScenaConfig>) => void",[421,497,498],{},"Deep merges partial config into current",[392,500,502],{"id":501},"reading-config","Reading config",[257,504,506],{"className":259,"code":505,"language":261,"meta":262,"style":262},"const config = instance.config.getConfig();\n\nconsole.log(config.size);\nconsole.log(config.video.src);\n",[248,507,508,531,535,555],{"__ignoreMap":262},[266,509,510,512,514,516,518,520,522,524,526,529],{"class":268,"line":269},[266,511,273],{"class":272},[266,513,378],{"class":276},[266,515,281],{"class":280},[266,517,383],{"class":276},[266,519,291],{"class":280},[266,521,388],{"class":276},[266,523,291],{"class":280},[266,525,460],{"class":294},[266,527,528],{"class":276},"()",[266,530,363],{"class":280},[266,532,533],{"class":268,"line":304},[266,534,370],{"emptyLinePlaceholder":369},[266,536,537,540,542,545,548,550,553],{"class":268,"line":335},[266,538,539],{"class":276},"console",[266,541,291],{"class":280},[266,543,544],{"class":294},"log",[266,546,547],{"class":276},"(config",[266,549,291],{"class":280},[266,551,552],{"class":276},"size)",[266,554,363],{"class":280},[266,556,557,559,561,563,565,567,570,572,575],{"class":268,"line":354},[266,558,539],{"class":276},[266,560,291],{"class":280},[266,562,544],{"class":294},[266,564,547],{"class":276},[266,566,291],{"class":280},[266,568,569],{"class":276},"video",[266,571,291],{"class":280},[266,573,574],{"class":276},"src)",[266,576,363],{"class":280},[244,578,579,580,582],{},"The ",[248,581,425],{}," property returns the same snapshot reactively:",[257,584,586],{"className":259,"code":585,"language":261,"meta":262,"style":262},"console.log(instance.config.current.shape);\n",[248,587,588],{"__ignoreMap":262},[266,589,590,592,594,596,599,601,603,605,607,609,612],{"class":268,"line":269},[266,591,539],{"class":276},[266,593,291],{"class":280},[266,595,544],{"class":294},[266,597,598],{"class":276},"(instance",[266,600,291],{"class":280},[266,602,388],{"class":276},[266,604,291],{"class":280},[266,606,425],{"class":276},[266,608,291],{"class":280},[266,610,611],{"class":276},"shape)",[266,613,363],{"class":280},[392,615,617],{"id":616},"replacing-config","Replacing config",[244,619,620],{},"Replaces the entire config. All properties must be provided:",[257,622,624],{"className":259,"code":623,"language":261,"meta":262,"style":262},"instance.config.setConfig({\n  video: { src: '/other.mp4' },\n  size: ComponentSize.LG,\n  shape: ComponentShape.PORTRAIT,\n});\n",[248,625,626,643,664,679,696],{"__ignoreMap":262},[266,627,628,631,633,635,637,639,641],{"class":268,"line":269},[266,629,630],{"class":276},"instance",[266,632,291],{"class":280},[266,634,388],{"class":276},[266,636,291],{"class":280},[266,638,475],{"class":294},[266,640,298],{"class":276},[266,642,301],{"class":280},[266,644,645,647,649,651,653,655,657,660,662],{"class":268,"line":304},[266,646,308],{"class":307},[266,648,311],{"class":280},[266,650,314],{"class":280},[266,652,317],{"class":307},[266,654,311],{"class":280},[266,656,322],{"class":280},[266,658,659],{"class":325},"/other.mp4",[266,661,329],{"class":280},[266,663,332],{"class":280},[266,665,666,668,670,672,674,677],{"class":268,"line":335},[266,667,338],{"class":307},[266,669,311],{"class":280},[266,671,343],{"class":276},[266,673,291],{"class":280},[266,675,676],{"class":276},"LG",[266,678,351],{"class":280},[266,680,681,684,686,689,691,694],{"class":268,"line":354},[266,682,683],{"class":307},"  shape",[266,685,311],{"class":280},[266,687,688],{"class":276}," ComponentShape",[266,690,291],{"class":280},[266,692,693],{"class":276},"PORTRAIT",[266,695,351],{"class":280},[266,697,698,700,702],{"class":268,"line":366},[266,699,357],{"class":280},[266,701,360],{"class":276},[266,703,363],{"class":280},[392,705,707],{"id":706},"merging-config","Merging config",[244,709,710],{},"Deep merges a partial update into the existing config. Unmentioned properties stay unchanged:",[257,712,714],{"className":259,"code":713,"language":261,"meta":262,"style":262},"instance.config.mergeConfig({\n  size: ComponentSize.LG,\n  ctaButton: { text: 'New label' },\n});\n",[248,715,716,732,746,769],{"__ignoreMap":262},[266,717,718,720,722,724,726,728,730],{"class":268,"line":269},[266,719,630],{"class":276},[266,721,291],{"class":280},[266,723,388],{"class":276},[266,725,291],{"class":280},[266,727,490],{"class":294},[266,729,298],{"class":276},[266,731,301],{"class":280},[266,733,734,736,738,740,742,744],{"class":268,"line":304},[266,735,338],{"class":307},[266,737,311],{"class":280},[266,739,343],{"class":276},[266,741,291],{"class":280},[266,743,676],{"class":276},[266,745,351],{"class":280},[266,747,748,751,753,755,758,760,762,765,767],{"class":268,"line":335},[266,749,750],{"class":307},"  ctaButton",[266,752,311],{"class":280},[266,754,314],{"class":280},[266,756,757],{"class":307}," text",[266,759,311],{"class":280},[266,761,322],{"class":280},[266,763,764],{"class":325},"New label",[266,766,329],{"class":280},[266,768,332],{"class":280},[266,770,771,773,775],{"class":268,"line":354},[266,772,357],{"class":280},[266,774,360],{"class":276},[266,776,363],{"class":280},[244,778,779],{},"This is the preferred way to update individual properties at runtime.",[781,782,783],"style",{},"html pre.shiki code .spNyl, html code.shiki .spNyl{--shiki-light:#9C3EDA;--shiki-default:#C792EA;--shiki-dark:#C792EA}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 .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 .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 .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);}",{"title":262,"searchDepth":269,"depth":304,"links":785},[786,787,788,789,790],{"id":394,"depth":304,"text":395},{"id":436,"depth":304,"text":437},{"id":501,"depth":304,"text":502},{"id":616,"depth":304,"text":617},{"id":706,"depth":304,"text":707},"Get, set, and deep merge widget configuration at runtime with getConfig, setConfig, and mergeConfig.","md",null,{},{"title":115,"description":791},"k1Wo8_uEklFjboiqkuRJe2hw76jPgDAPLUL-yKwhbVU",[798,800],{"title":111,"path":112,"stem":113,"description":799,"children":-1},"Widget factory function that returns mount, unmount, NAME, and VERSION.",{"title":119,"path":120,"stem":121,"description":801,"children":-1},"Object returned by mount() providing access to api, constants, visibility, and preview.",1777984321405]