<!doctype html>
<html>
<head>
	<title>input focused!</title>
	<style>
		.wrapper {
			background: grey;
			padding: 1em;
		}
		.wrapper input {
			font-size: 18px;
		}
		.wrapper input:focus {
			outline: 5px solid blueviolet;
		}
	</style>
</head>
<body>
<script type="text/stache" id="demo-html">
<div class="wrapper" on:click="putInFocus()">
	<input type="text" focused:bind="inFocus"/>
</div>

<div>In focus: <b>{{inFocus}}</b></div>
</script>
	<script src="../../node_modules/steal/steal.js" main="@empty">
		var stache = require("can-stache");
		var DefineMap = require("can-define/map/map");
		require("can-stache-converters");

		var template = stache.from("demo-html");
		var ViewModel = DefineMap.extend({
			inFocus: "boolean",
			putInFocus: function(){
				this.inFocus = true;
			}
		});
		var map = new ViewModel({ inFocus: false });
		window.map = map;

		document.body.appendChild(template(map));
	</script>

</body>
</html>

<!doctype html>
<html>
<head>
	<title>input focused!</title>
	<style>
		.wrapper {
			background: grey;
			padding: 1em;
		}
		.wrapper input {
			font-size: 18px;
		}
		.wrapper input:focus {
			outline: 5px solid blueviolet;
		}
	</style>
</head>
<body>
<script type="text/stache" id="demo-html">
<div class="wrapper" on:click="putInFocus()">
	<input type="text" focused:bind="inFocus"/>
</div>

<div>In focus: <b>{{inFocus}}</b></div>
</script>

<script src="../../node_modules/steal/steal.js" main="@empty">
var stache = require("can-stache");
var DefineMap = require("can-define/map/map");
require("can-stache-bindings");

var template = stache.from("demo-html");
var ViewModel = DefineMap.extend({
	inFocus: "boolean",
	putInFocus: function(){
		this.inFocus = true;
	}
});
var map = new ViewModel({ inFocus: false });
window.map = map;

document.body.appendChild(template(map));
</script>

</body>
</html>

Fix can-util focused demo to use can-stache-bindings instead of can-stache-converters
Fix can-util focused demo to use can-stache-bindings instead of can-stache-converters
