@tachui/primitives 0.8.0-alpha → 0.8.5-alpha

package/dist/{BasicInput-CWFHw9rL.js → BasicInput-BHfrSdoi.js}

@@ -1,6 +1,6 @@
-import { withModifiers as y, createSignal as b, createEffect as u, h as p, text as g, ComponentWithCSSClasses as E, isSignal as h } from "@tachui/core";
-var v = Object.defineProperty, S = (t, e, s) => e in t ? v(t, e, { enumerable: !0, configurable: !0, writable: !0, value: s }) : t[e] = s, o = (t, e, s) => S(t, typeof e != "symbol" ? e + "" : e, s);
-class F {
+import { withModifiers as v, createSignal as g, createEffect as c, h as p, text as y, clonePropsPreservingReactivity as x, resetLifecycleState as E, ComponentWithCSSClasses as F, isSignal as h } from "@tachui/core";
+var C = Object.defineProperty, w = (t, e, s) => e in t ? C(t, e, { enumerable: !0, configurable: !0, writable: !0, value: s }) : t[e] = s, o = (t, e, s) => w(t, typeof e != "symbol" ? e + "" : e, s);
+class u {
   constructor(e) {
     this.props = e, o(this, "type", "component"), o(this, "id"), o(this, "mounted", !1), o(this, "cleanup", []), o(this, "formElement", null), o(this, "validationErrors"), o(this, "setValidationErrors"), o(this, "setIsValid"), o(this, "handleSubmit", async (n) => {
       if (n.preventDefault(), this.props.validateOnSubmit !== !1) {
@@ -18,8 +18,8 @@ class F {
         this.setValidationErrors(n);
       }
     }), this.id = `form-${Date.now()}-${Math.random().toString(36).substr(2, 9)}`;
-    const [s, r] = b([]), [, i] = b(!0);
-    this.validationErrors = s, this.setValidationErrors = r, this.setIsValid = i, u(() => {
+    const [s, r] = g([]), [, i] = g(!0);
+    this.validationErrors = s, this.setValidationErrors = r, this.setIsValid = i, c(() => {
       const n = this.validationErrors(), a = n.length === 0;
       this.setIsValid(a), this.props.onValidationChange && this.props.onValidationChange(a, n);
     });
@@ -118,7 +118,7 @@ class F {
             marginBottom: "8px"
           }
         },
-        g("Please fix the following errors:")
+        y("Please fix the following errors:")
       ),
       p(
         "ul",
@@ -131,7 +131,7 @@ class F {
           }
         },
         ...e.map(
-          (s) => p("li", { key: s.field }, g(s.message))
+          (s) => p("li", { key: s.field }, y(s.message))
         )
       )
     );
@@ -162,12 +162,25 @@ class F {
       )
     ];
   }
+  clone(e = {}) {
+    return e.deep ? this.deepClone() : this.shallowClone();
+  }
+  shallowClone() {
+    const e = x(this.props), s = new u(e);
+    return E(s), s;
+  }
+  deepClone() {
+    const e = x(this.props, {
+      deep: !0
+    }), s = new u(e);
+    return E(s), s;
+  }
 }
 function d(t, e = {}) {
-  const s = { ...e, children: t }, r = new F(s);
-  return y(r);
+  const s = { ...e, children: t }, r = new u(s);
+  return v(r);
 }
-const B = {
+const I = {
   /**
    * Automatic form styling (default)
    */
@@ -192,7 +205,7 @@ const B = {
   Plain(t, e = {}) {
     return d(t, { ...e, style: "plain" });
   }
-}, I = {
+}, P = {
   /**
    * Common validation rules
    */
@@ -225,7 +238,7 @@ const B = {
   }
 };
 var V = Object.defineProperty, T = (t, e, s) => e in t ? V(t, e, { enumerable: !0, configurable: !0, writable: !0, value: s }) : t[e] = s, l = (t, e, s) => T(t, typeof e != "symbol" ? e + "" : e, s);
-const c = {
+const m = {
   colors: {
     background: "#FFFFFF",
     border: "#D1D1D6",
@@ -244,9 +257,9 @@ const c = {
   fontFamily: '-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif',
   transition: "border-color 0.2s ease, background-color 0.2s ease"
 };
-class C extends E {
+class B extends F {
   constructor(e) {
-    super(), l(this, "type", "component"), l(this, "id"), l(this, "props"), l(this, "theme", c), l(this, "inputElement", null), l(this, "handleInput", (s) => {
+    super(), l(this, "type", "component"), l(this, "id"), l(this, "props"), l(this, "theme", m), l(this, "inputElement", null), l(this, "handleInput", (s) => {
       const i = s.target.value;
       this.setText(i), this.props.onChange && this.props.onChange(i);
     }), l(this, "handleKeyDown", (s) => {
@@ -295,9 +308,9 @@ class C extends E {
     };
   }
   render() {
-    const e = this.getText(), s = this.getPlaceholder(), r = this.getInputType(), i = this.isDisabled(), n = this.isReadonly(), a = ["tachui-basic-input"], x = this.createClassString(this.props, a), m = p("input", {
+    const e = this.getText(), s = this.getPlaceholder(), r = this.getInputType(), i = this.isDisabled(), n = this.isReadonly(), a = ["tachui-basic-input"], S = this.createClassString(this.props, a), f = p("input", {
       id: this.id,
-      className: x,
+      className: S,
       type: r,
       value: e,
       placeholder: s,
@@ -311,20 +324,20 @@ class C extends E {
       onfocus: this.handleFocus,
       onblur: this.handleBlur
     });
-    return this.inputElement = m.element, u(() => {
+    return this.inputElement = f.element, c(() => {
       if (this.inputElement && h(this.props.text)) {
-        const f = this.getText();
-        this.inputElement.value !== f && (this.inputElement.value = f);
+        const b = this.getText();
+        this.inputElement.value !== b && (this.inputElement.value = b);
       }
-    }), u(() => {
+    }), c(() => {
       this.inputElement && (h(this.props.placeholder) || h(this.props.inputType) || h(this.props.disabled)) && (h(this.props.placeholder) && (this.inputElement.placeholder = this.getPlaceholder()), h(this.props.inputType) && (this.inputElement.type = this.getInputType()), h(this.props.disabled) && (this.inputElement.disabled = this.isDisabled()));
-    }), [m];
+    }), [f];
   }
 }
-function D(t) {
-  return y(new C(t));
+function $(t) {
+  return v(new B(t));
 }
-const $ = {
+const L = {
   /**
    * Create a search input
    */
@@ -370,21 +383,21 @@ const $ = {
       placeholder: "Enter phone number"
     };
   }
-}, _ = {
-  theme: c,
+}, R = {
+  theme: m,
   /**
    * Create a custom theme
    */
   createTheme(t) {
-    return { ...c, ...t };
+    return { ...m, ...t };
   }
 };
 export {
   d as B,
-  F as a,
-  B as b,
-  I as c,
-  D as d,
-  _ as e,
-  $ as f
+  u as a,
+  I as b,
+  P as c,
+  $ as d,
+  R as e,
+  L as f
 };