{var e,o;const n=null!==(e=null==s?void 0:s.renderBefore)&&void 0!==e?e:i;let r=n._$litPart$;if(void 0===r){const t=null!==(o=null==s?void 0:s.renderBefore)&&void 0!==o?o:null;n._$litPart$=r=new F(i.insertBefore(P(),t),t,void 0,null!=s?s:{})}return r._$AI(t),r};
+/**
+ * @license
+ * Copyright 2017 Google LLC
+ * SPDX-License-Identifier: BSD-3-Clause
+ */var ot,nt;const rt=y;class ht extends y{constructor(){super(...arguments),this.renderOptions={host:this},this.et=void 0}createRenderRoot(){var t,i;const s=super.createRenderRoot();return null!==(t=(i=this.renderOptions).renderBefore)&&void 0!==t||(i.renderBefore=s.firstChild),s}update(t){const i=this.render();this.hasUpdated||(this.renderOptions.isConnected=this.isConnected),super.update(t),this.et=et(i,this.renderRoot,this.renderOptions)}connectedCallback(){var t;super.connectedCallback(),null===(t=this.et)||void 0===t||t.setConnected(!0)}disconnectedCallback(){var t;super.disconnectedCallback(),null===(t=this.et)||void 0===t||t.setConnected(!1)}render(){return I}}ht.finalized=!0,ht._$litElement$=!0,null===(ot=globalThis.litElementHydrateSupport)||void 0===ot||ot.call(globalThis,{LitElement:ht});const lt=globalThis.litElementPolyfillSupport;null==lt||lt({LitElement:ht});const at={_$AK:(t,i,s)=>{t._$AK(i,s)},_$AL:t=>t._$AL};(null!==(nt=globalThis.litElementVersions)&&void 0!==nt?nt:globalThis.litElementVersions=[]).push("3.2.2");
+/**
+ * @license
+ * Copyright 2022 Google LLC
+ * SPDX-License-Identifier: BSD-3-Clause
+ */
+const ut=!1;export{o as CSSResult,ht as LitElement,y as ReactiveElement,rt as UpdatingElement,at as _$LE,it as _$LH,h as adoptStyles,r as css,p as defaultConverter,l as getCompatibleStyle,z as html,ut as isServer,I as noChange,f as notEqual,H as nothing,et as render,i as supportsAdoptingStyleSheets,L as svg,n as unsafeCSS};
+//# sourceMappingURL=lit-core.min.js.map
diff --git a/apps/cory/todo/script.js b/apps/cory/todo/script.js
new file mode 100644
index 00000000..8074b20e
--- /dev/null
+++ b/apps/cory/todo/script.js
@@ -0,0 +1,182 @@
+import {LitElement, html} from './lit-core.min.js';
+import * as tfrpc from '/static/tfrpc.js';
+
+class TodosElement extends LitElement {
+ static get properties() {
+ return {
+ lists: {type: Array}
+ };
+ }
+
+ constructor() {
+ super();
+ this.lists = [];
+ let self = this;
+ tfrpc.rpc.todo_get_all().then(function(lists) {
+ self.lists = lists;
+ }).catch(function(error) {
+ console.log(error);
+ });
+ }
+
+ async new_list() {
+ await tfrpc.rpc.todo_add('new list');
+ await this.refresh();
+ }
+
+ async refresh() {
+ this.lists = await tfrpc.rpc.todo_get_all();
+ }
+
+ render() {
+ return html`
+
+
+ ${this.lists.map(x => html`
+
+ `)}
+
+
+
self.handle_check(x, item)}>
+ self.input_change(event, item)}
+ @keydown=${event => self.input_keydown(event, item)}
+ @blur=${x => self.input_blur(item)}>
+ self.remove_item(item)}>x
+ `;
+ } else {
+ return html`
+ self.handle_check(x, item)}>
+ self.editing = index}>${item.text}
+ self.remove_item(item)} style="cursor: pointer">❎
+ `;
+ }
+ }
+
+ add_item() {
+ this.items = [].concat(this.items || [], [{text: 'new item'}]);
+ this.editing = this.items.length - 1;
+ this.save();
+ }
+
+ async remove_list() {
+ if (confirm(`Are you sure you want to remove "${this.name}"?`)) {
+ await tfrpc.rpc.todo_remove(this.name);
+ this.dispatchEvent(new Event('change'));
+ }
+ }
+
+ rename(new_name) {
+ let self = this;
+ return tfrpc.rpc.todo_rename(this.name, new_name).then(function() {
+ self.dispatchEvent(new Event('change'));
+ self.editing_name = false;
+ }).catch(function(error) {
+ console.log(error);
+ alert(error.message);
+ self.editing_name = false;
+ });
+ }
+
+ name_blur(new_name) {
+ this.rename(new_name);
+ }
+
+ name_keydown(event, item) {
+ let self = this;
+ if (event.key == 'Enter' || event.key === 'Escape') {
+ let new_name = event.srcElement.value;
+ this.rename(new_name);
+ }
+ }
+
+ render() {
+ let self = this;
+ let name = this.editing_name ?
+ html` self.name_keydown(event)}
+ @blur=${event => self.name_blur(event.srcElement.value)}
+ value=${this.name}>` :
+ html` this.editing_name = true}>${this.name}
`;
+ return html`
+
+ ${name}
+ ${(this.items || []).map(x => self.render_item(x))}
+
+
+
+ `;
+ }
+}
+
+customElements.define('tf-todo-list', TodoListElement);
+customElements.define('tf-todos', TodosElement);
\ No newline at end of file