@builder.io/mitosis 0.0.45-5 → 0.0.48

package/dist/test/qwik/todo/Todo.cjs/high.cjs

@@ -0,0 +1,31 @@
+const qHook = require("@builder.io/qwik").qHook;
+const useEvent = require("@builder.io/qwik").useEvent;
+
+
+exports.Todo_onClick_0 = qHook((props, state) => {
+  
+  state.toggle();
+});
+
+exports.Todo_onDblClick_1 = qHook((props, state) => {
+  
+  state.editing = true;
+});
+
+exports.Todo_onClick_2 = qHook((props, state) => {
+  
+  todosState.todos.splice(todosState.todos.indexOf(props.todo));
+});
+
+exports.Todo_onBlur_3 = qHook((props, state) => {
+  
+  state.editing = false;
+});
+
+exports.Todo_onKeyUp_4 = qHook((props, state) => {
+  {
+    const event = useEvent();
+    props.todo.text = event.target.value
+  }
+});
+

package/dist/test/qwik/todo/Todo.cjs/low.cjs

@@ -0,0 +1 @@
+

package/dist/test/qwik/todo/Todo.cjs/med.cjs

@@ -0,0 +1,59 @@
+const h = require("@builder.io/qwik").h;
+const qComponent = require("@builder.io/qwik").qComponent;
+const qHook = require("@builder.io/qwik").qHook;
+
+
+exports.onMountCreateEmptyState = qHook(() => ({}));
+exports.Todo = qComponent({
+  onMount: qHook("./med#onMountCreateEmptyState"),
+  onRender: qHook("./med#Todo_onRender")
+});
+
+exports.Todo_onRender = qHook((props, state) => (
+  h(
+    "li",
+    {
+      class: `${props.todo.completed ? 'completed' : ''} ${state.editing ? 'editing' : ''}`
+    },
+    h(
+      "div",
+      {
+        class: "view"
+      },
+      h(
+        "input",
+        {
+          type: "checkbox",
+          class: "toggle",
+          checked: props.todo.completed,
+          "on:click": qHook("./high#Todo_onClick_0")
+        }
+      ),
+      h(
+        "label",
+        {
+          "on:dblclick": qHook("./high#Todo_onDblClick_1")
+        },
+        props.todo.text
+      ),
+      h(
+        "button",
+        {
+          class: "destroy",
+          "on:click": qHook("./high#Todo_onClick_2")
+        }
+      )
+    ),
+    state.editing ?
+      h(
+        "input",
+        {
+          class: "edit",
+          value: props.todo.text,
+          "on:blur": qHook("./high#Todo_onBlur_3"),
+          "on:keyup": qHook("./high#Todo_onKeyUp_4")
+        }
+      )
+      : null
+  )
+));

package/dist/test/qwik/todo/Todo.js/high.js

@@ -0,0 +1,5 @@
+import{qHook,useEvent}from"@builder.io/qwik";export const Todo_onClick_0=qHook((props,state)=>{
+  state.toggle();});export const Todo_onDblClick_1=qHook((props,state)=>{
+  state.editing = true;});export const Todo_onClick_2=qHook((props,state)=>{
+  todosState.todos.splice(todosState.todos.indexOf(props.todo));});export const Todo_onBlur_3=qHook((props,state)=>{
+  state.editing = false;});export const Todo_onKeyUp_4=qHook((props,state)=>{{const event=useEvent();props.todo.text = event.target.value}});

package/dist/test/qwik/todo/Todo.js/med.js

@@ -0,0 +1 @@
+import{h,qComponent,qHook}from"@builder.io/qwik";export const onMountCreateEmptyState=qHook(()=>({}));export const Todo=qComponent({onMount:qHook("./med#onMountCreateEmptyState"),onRender:qHook("./med#Todo_onRender")});export const Todo_onRender=qHook((props,state)=>(h("li",{class:`${props.todo.completed ? 'completed' : ''} ${state.editing ? 'editing' : ''}`},h("div",{class:"view"},h("input",{type:"checkbox",class:"toggle",checked:props.todo.completed,"on:click":qHook("./high#Todo_onClick_0")}),h("label",{"on:dblclick":qHook("./high#Todo_onDblClick_1")},props.todo.text),h("button",{class:"destroy","on:click":qHook("./high#Todo_onClick_2")})),state.editing?h("input",{class:"edit",value:props.todo.text,"on:blur":qHook("./high#Todo_onBlur_3"),"on:keyup":qHook("./high#Todo_onKeyUp_4")}):null)));

package/dist/test/qwik/todo/Todo.tsx/high.tsx

@@ -0,0 +1,30 @@
+import { qHook, useEvent } from "@builder.io/qwik";
+
+
+export const Todo_onClick_0 = qHook<any, any>((props, state) => {
+  
+  state.toggle();
+});
+
+export const Todo_onDblClick_1 = qHook<any, any>((props, state) => {
+  
+  state.editing = true;
+});
+
+export const Todo_onClick_2 = qHook<any, any>((props, state) => {
+  
+  todosState.todos.splice(todosState.todos.indexOf(props.todo));
+});
+
+export const Todo_onBlur_3 = qHook<any, any>((props, state) => {
+  
+  state.editing = false;
+});
+
+export const Todo_onKeyUp_4 = qHook<any, any>((props, state) => {
+  {
+    const event = useEvent();
+    props.todo.text = event.target.value
+  }
+});
+

package/dist/test/qwik/todo/Todo.tsx/low.tsx

@@ -0,0 +1 @@
+

package/dist/test/qwik/todo/Todo.tsx/med.tsx

@@ -0,0 +1,34 @@
+import { h, qComponent, qHook } from "@builder.io/qwik";
+
+
+export const onMountCreateEmptyState = qHook<any, any>(() => ({}));
+export const Todo = qComponent<any, any>({
+  onMount: qHook("./med#onMountCreateEmptyState"),
+  onRender: qHook("./med#Todo_onRender")
+});
+
+export const Todo_onRender = qHook((props, state) => (
+  <li class={`${props.todo.completed ? 'completed' : ''} ${state.editing ? 'editing' : ''}`}>
+    <div class="view">
+      <input type="checkbox"
+          class="toggle"
+          checked={props.todo.completed}
+          on:click={qHook("./high#Todo_onClick_0")}>
+      </input>
+      <label on:dblclick={qHook("./high#Todo_onDblClick_1")}>
+        {props.todo.text}
+      </label>
+      <button class="destroy"
+          on:click={qHook("./high#Todo_onClick_2")}>
+      </button>
+    </div>
+    { state.editing ?
+      <input class="edit"
+          value={props.todo.text}
+          on:blur={qHook("./high#Todo_onBlur_3")}
+          on:keyup={qHook("./high#Todo_onKeyUp_4")}>
+      </input>
+      : null
+    }
+  </li>
+));

package/dist/test/qwik/todos/Todo.tsx/high.tsx

@@ -0,0 +1,12 @@
+import { qHook } from "@builder.io/qwik";
+
+
+export const Todos_onClick_0 = qHook<any, any>((props, state) => {
+  
+  const newValue = !todosState.allCompleted;
+
+  for (const todoItem of todosState.todos) {
+    todoItem.completed = newValue;
+  }
+});
+

package/dist/test/qwik/todos/Todo.tsx/low.tsx

@@ -0,0 +1,25 @@
+import { Todo } from "./med.js";
+
+import { h, qHook } from "@builder.io/qwik";
+
+
+
+export const Todos_onRender = qHook((props, state) => (
+  <section class="main">
+    { todosState.todos.length ?
+      <input type="checkbox"
+          class="toggle-all"
+          checked={todosState.allCompleted}
+          on:click={qHook("./high#Todos_onClick_0")}>
+      </input>
+      : null
+    }
+    <ul class="todo-list">
+      { (todosState.todos || []).map(() => (
+        <Todo todo={todo}>
+        </Todo>
+      ))
+      }
+    </ul>
+  </section>
+));

package/dist/test/qwik/todos/Todo.tsx/med.tsx

@@ -0,0 +1,8 @@
+import { qComponent, qHook } from "@builder.io/qwik";
+
+
+export const onMountCreateEmptyState = qHook<any, any>(() => ({}));
+export const Todos = qComponent<any, any>({
+  onMount: qHook("./med#onMountCreateEmptyState"),
+  onRender: qHook("./low#Todos_onRender")
+});