<commit_before><link rel="import" href="../bower_components/polymer/polymer.html">
<link rel="import" href="td-input.html">

<dom-module id="td-item">
	<template>
		<template is="dom-if" if="{{!editing}}">
			<div on-dblclick="_editAction">
				<input type="checkbox" class="toggle"
							 checked="{{item.completed::change}}">
				<label>{{item.title}}</label>
				<button class="destroy" on-tap="_destroyAction"></button>
			</div>
		</template>
		<template is="dom-if" if="{{editing}}">
			<input is="td-input" id="edit" class="edit"
						 value="{{_editingValue::input}}"
						 on-td-input-commit="_commitAction"
						 on-td-input-cancel="_cancelAction"
						 on-blur="_onBlur">
		</template>
	</template>
	<script>
		(function () {
			'use strict';

			Polymer({
				is: 'td-item',

				extends: 'li',

				properties: {
					editing: {
						type: Boolean,
						value: false
					},
					item: {
						type: Object,
						value: function () { return {}; }
					},
				},

				observers: ['setHostClass(item.completed, editing)'],

				setHostClass: function(completed, editing) {
					// Note: TodoMVC has styling for classes. Too bad we can't use the
					// editing property and reflectToAttribute.<commit_msg>Hanging comma<commit_after><link rel="import" href="../bower_components/polymer/polymer.html">
<link rel="import" href="td-input.html">

<dom-module id="td-item">
	<template>
		<template is="dom-if" if="{{!editing}}">
			<div on-dblclick="_editAction">
				<input type="checkbox" class="toggle"
							 checked="{{item.completed::change}}">
				<label>{{item.title}}</label>
				<button class="destroy" on-tap="_destroyAction"></button>
			</div>
		</template>
		<template is="dom-if" if="{{editing}}">
			<input is="td-input" id="edit" class="edit"
						 value="{{_editingValue::input}}"
						 on-td-input-commit="_commitAction"
						 on-td-input-cancel="_cancelAction"
						 on-blur="_onBlur">
		</template>
	</template>
	<script>
		(function () {
			'use strict';

			Polymer({
				is: 'td-item',

				extends: 'li',

				properties: {
					editing: {
						type: Boolean,
						value: false
					},
					item: {
						type: Object,
						value: function () { return {}; }
					}
				},

				observers: ['setHostClass(item.completed, editing)'],

				setHostClass: function(completed, editing) {
					// Note: TodoMVC has styling for classes. Too bad we can't use the
					// editing property and reflectToAttribute.
{'fraction_non_alphanumeric': 0.18430731507968942, 'fraction_numerical': 0.0, 'mean_word_length': 3.1774744027303754, 'pattern_counts': {'":': 0, '<': 39, '<?xml version=': 0, '>': 39, 'https://': 0, 'lorem ipsum': 0, 'www.': 0, 'xml': 0}, 'pii_count': 0, 'substrings_counts': 0, 'word_list_counts': {'cursed_substrings.json': 0, 'profanity_word_list.json': 0, 'sexual_word_list.json': 0, 'zh_pornsignals.json': 0}}
{'dir': 'git-commits-cleaned', 'id': '7574032', 'n_tokens_mistral': 1045, 'n_tokens_neox': 779, 'n_words': 160}