@@ -354,30 +354,30 @@ function update(node, curr, next) {
356function updateProps(node, curr, next) {
356function updateProps(node, curr, next) {
357− var props = next.props;
357+ var nextProps = next.props;
358− var currP = curr.props;
358+ var currProps = curr.props;
359 var element = next.element;
359 var element = next.element;
360− var width = props.width - (element.adjustWidth || 0);
360+ var width = nextProps.width - (element.adjustWidth || 0);
361− var height = props.height - (element.adjustHeight || 0);
361+ var height = nextProps.height - (element.adjustHeight || 0);
362− if (width !== currP.width) {
362+ if (width !== currProps.width) {
363 node.style.width = (width|0) + 'px';
363 node.style.width = (width|0) + 'px';
365− if (height !== currP.height) {
365+ if (height !== currProps.height) {
366 node.style.height = (height|0) + 'px';
366 node.style.height = (height|0) + 'px';
368− if (props.opacity !== currP.opacity) {
368+ if (nextProps.opacity !== currProps.opacity) {
369− node.style.opacity = props.opacity;
369+ node.style.opacity = nextProps.opacity;
371− var nextColor = (props.color.ctor === 'Just' ?
371+ var nextColor = (nextProps.color.ctor === 'Just' ?
372− colorToCss(props.color._0) : '');
372+ colorToCss(nextProps.color._0) : '');
373 if (node.style.backgroundColor !== nextColor) {
373 if (node.style.backgroundColor !== nextColor) {
374 node.style.backgroundColor = (nextColor === '' ? 'transparent' : nextColor);
374 node.style.backgroundColor = (nextColor === '' ? 'transparent' : nextColor);
376− if (props.tag !== currP.tag) { node.id = props.tag; }
376+ if (nextProps.tag !== currProps.tag) { node.id = nextProps.tag; }
377− if (props.href !== currP.href) {
377+ if (nextProps.href !== currProps.href) {
378− if (currP.href === '') {
378+ if (currProps.href === '') {
379 var a = newElement('a');
379 var a = newElement('a');
380− a.href = props.href;
380+ a.href = nextProps.href;
381 a.style.width = '100%';
381 a.style.width = '100%';
382 a.style.height = '100%';
382 a.style.height = '100%';
383 a.style.top = 0;
383 a.style.top = 0;
@@ -388,26 +388,26 @@ function updateProps(node, curr, next) {
388 a.style.pointerEvents = 'auto';
388 a.style.pointerEvents = 'auto';
389 node.appendChild(a);
389 node.appendChild(a);
391− node.lastNode.href = props.href;
391+ node.lastNode.href = nextProps.href;
395 // update hover handlers
395 // update hover handlers
396− if (props.hover.ctor === '_Tuple0') {
396+ if (nextProps.hover.ctor === '_Tuple0') {
397 removeHover(node);
397 removeHover(node);
398 } else if (node.elm_hover_handler) {
398 } else if (node.elm_hover_handler) {
399− node.elm_hover_handler = props.hover;
399+ node.elm_hover_handler = nextProps.hover;
401− addHover(node, props.hover);
401+ addHover(node, nextProps.hover);
404 // update click handlers
404 // update click handlers
405− if (props.click.ctor === '_Tuple0') {
405+ if (nextProps.click.ctor === '_Tuple0') {
406 removeClick(node);
406 removeClick(node);
407 } else if (node.elm_click_handler) {
407 } else if (node.elm_click_handler) {
408− node.elm_click_handler = props.click;
408+ node.elm_click_handler = nextProps.click;
410− addClick(node, props.click);
410+ addClick(node, nextProps.click);