diff --git a/src/generators/dom/visitors/Element/meta/Window.js b/src/generators/dom/visitors/Element/meta/Window.js index 252ac1e2f7..b941721f0e 100644 --- a/src/generators/dom/visitors/Element/meta/Window.js +++ b/src/generators/dom/visitors/Element/meta/Window.js @@ -109,19 +109,19 @@ export default function visitWindow ( generator, block, node ) { block.builders.create.addBlock( deindent` function ${observerCallback} () { if ( ${lock} ) return; - var x = ${bindings.scrollX ? `component.get( '${bindings.scrollX}' )` : `window.scrollX`}; - var y = ${bindings.scrollY ? `component.get( '${bindings.scrollY}' )` : `window.scrollY`}; + var x = ${bindings.scrollX ? `${block.component}.get( '${bindings.scrollX}' )` : `window.scrollX`}; + var y = ${bindings.scrollY ? `${block.component}.get( '${bindings.scrollY}' )` : `window.scrollY`}; window.scrollTo( x, y ); }; ` ); - if ( bindings.scrollX ) block.builders.create.addLine( `component.observe( '${bindings.scrollX}', ${observerCallback} );` ); - if ( bindings.scrollY ) block.builders.create.addLine( `component.observe( '${bindings.scrollY}', ${observerCallback} );` ); + if ( bindings.scrollX ) block.builders.create.addLine( `${block.component}.observe( '${bindings.scrollX}', ${observerCallback} );` ); + if ( bindings.scrollY ) block.builders.create.addLine( `${block.component}.observe( '${bindings.scrollY}', ${observerCallback} );` ); } else if ( bindings.scrollX || bindings.scrollY ) { const isX = !!bindings.scrollX; block.builders.create.addBlock( deindent` - component.observe( '${bindings.scrollX || bindings.scrollY}', function ( ${isX ? 'x' : 'y'} ) { + ${block.component}.observe( '${bindings.scrollX || bindings.scrollY}', function ( ${isX ? 'x' : 'y'} ) { if ( ${lock} ) return; window.scrollTo( ${isX ? 'x, window.scrollY' : 'window.scrollX, y' } ); }); @@ -133,7 +133,7 @@ export default function visitWindow ( generator, block, node ) { const handlerName = block.getUniqueName( `onlinestatuschanged` ); block.builders.create.addBlock( deindent` function ${handlerName} ( event ) { - component.set({ ${bindings.online}: navigator.onLine }); + ${block.component}.set({ ${bindings.online}: navigator.onLine }); }; window.addEventListener( 'online', ${handlerName} ); window.addEventListener( 'offline', ${handlerName} );