dist/styleguide/js/patternlab-viewer.js
function startHay() {
		hayMode = true;
		$('.pl-js-vp-iframe-container').removeClass("vp-animate").width(minViewportWidth + viewportResizeHandleWidth);
		$sgIframe.removeClass("vp-animate").width(minViewportWidth);

		var timeoutID = window.setTimeout(function () {
			$('.pl-js-vp-iframe-container').addClass('hay-mode').width(maxViewportWidth + viewportResizeHandleWidth);
			$sgIframe.addClass('hay-mode').width(maxViewportWidth);

			setInterval(function () {
				var vpSize = $sgIframe.width();
				updateSizeReading(vpSize);
			}, 100);
		}, 200);
	}
function startHay() {
		hayMode = true;
		$('.pl-js-vp-iframe-container').removeClass("vp-animate").width(minViewportWidth + viewportResizeHandleWidth);
		$sgIframe.removeClass("vp-animate").width(minViewportWidth);

		var timeoutID = window.setTimeout(function () {
			$('.pl-js-vp-iframe-container').addClass('hay-mode').width(maxViewportWidth + viewportResizeHandleWidth);
			$sgIframe.addClass('hay-mode').width(maxViewportWidth);

			setInterval(function () {
				var vpSize = $sgIframe.width();
				updateSizeReading(vpSize);
			}, 100);
		}, 200);
	}
function startHay ( ) { hayMode = true ; $ ( '.pl-js-vp-iframe-container' ) . removeClass ( "vp-animate" ) . width ( minViewportWidth + viewportResizeHandleWidth ) ; $sgIframe . removeClass ( "vp-animate" ) . width ( minViewportWidth ) ; var timeoutID = window . setTimeout ( function ( ) { $ ( '.pl-js-vp-iframe-container' ) . addClass ( 'hay-mode' ) . width ( maxViewportWidth + viewportResizeHandleWidth ) ; $sgIframe . addClass ( 'hay-mode' ) . width ( maxViewportWidth ) ; setInterval ( function ( ) { var vpSize = $sgIframe . width ( ) ; updateSizeReading ( vpSize ) ; } , 100 ) ; } , 200 ) ; }
start Hay! mode
start Hay! mode