@toyu-ui/solid/input.js

<p align="center"> <h1><span style="color: #4a90e2;">T</span><span style="color: #007aff;">Y</span>UI</h1> </p>

import { addEventListener as h, getOwner as y, insert as g, effect as m, template as b } from "solid-js/web";
var q = /* @__PURE__ */ b("<tyui-input>", !0, !1, !1);
function z(i) {
  return (() => {
    var a = q();
    return h(a, "input", i.onInput), h(a, "change", i.onChange), a._$owner = y(), g(a, () => i.children), m((e) => {
      var d = i.appearance, n = i.defaultValue, v = i.disabled, t = i.invalid, l = i.name, r = i.placeholder, u = i.readonly, o = i.required, c = i.size, f = i.type;
      return d !== e.e && (a.appearance = e.e = d), n !== e.t && (a.defaultvalue = e.t = n), v !== e.a && (a.disabled = e.a = v), t !== e.o && (a.invalid = e.o = t), l !== e.i && (a.name = e.i = l), r !== e.n && (a.placeholder = e.n = r), u !== e.s && (a.readonly = e.s = u), o !== e.h && (a.required = e.h = o), c !== e.r && (a.size = e.r = c), f !== e.d && (a.type = e.d = f), e;
    }, {
      e: void 0,
      t: void 0,
      a: void 0,
      o: void 0,
      i: void 0,
      n: void 0,
      s: void 0,
      h: void 0,
      r: void 0,
      d: void 0
    }), m(() => a.value = i.value), a;
  })();
}
export {
  z as Input
};