@tempots/beatui 0.95.0 → 1.0.1

package/dist/use-animated-toggle-C3asw_Sg.js

@@ -0,0 +1,207 @@
+import { WithElement as E, Fragment as T, OnDispose as k, computedOf as A, attr as w, Value as g, prop as B } from "@tempots/dom";
+import { delayedAnimationFrame as m, delayed as y } from "@tempots/std";
+function b({
+  initialStatus: n = "closed",
+  openedAfter: t,
+  closedAfter: r,
+  reducedMotion: s
+}) {
+  const e = B(n), i = () => {
+    e.set("start-opening");
+  }, c = () => {
+    e.set("start-closing");
+  }, u = e.map(
+    (o) => o !== "closed" && o !== "start-closing" && o !== "closing"
+  ), a = (o) => {
+    o ? i() : c();
+  }, l = () => {
+    a(!u.value);
+  }, p = [], O = (o) => {
+    p.push(
+      e.on(
+        (f) => {
+          f === "closed" && o();
+        },
+        { skipInitial: !0 }
+      )
+    );
+  };
+  let d = () => {
+  };
+  e.on((o) => {
+    d();
+    const f = s != null && g.get(s);
+    switch (o) {
+      case "start-opening":
+        f ? e.set("opened") : d = m(() => e.set("opening"));
+        break;
+      case "opening":
+        d = t(() => e.set("opened"));
+        break;
+      case "start-closing":
+        f ? e.set("closed") : d = m(() => e.set("closing"));
+        break;
+      case "closing":
+        d = r(() => e.set("closed"));
+        break;
+      case "closed":
+        d = () => {
+        };
+        break;
+    }
+  }), e.onDispose(() => {
+    p.forEach((o) => o()), d();
+  });
+  const L = e.map((o) => o === "closed"), S = e.map((o) => o === "start-opening"), $ = e.map((o) => o === "opening"), C = e.map((o) => o === "opened"), P = e.map((o) => o === "closing"), x = e.map((o) => o === "start-closing");
+  return {
+    status: e,
+    open: i,
+    close: c,
+    toggle: l,
+    setOpen: a,
+    display: u,
+    isClosed: L,
+    isStartOpening: S,
+    isOpening: $,
+    isOpened: C,
+    isClosing: P,
+    isStartClosing: x,
+    dispose: () => e.dispose(),
+    listenOnClosed: O
+  };
+}
+function V({
+  initialStatus: n = "closed",
+  duration: t,
+  openDuration: r = t ?? 500,
+  closeDuration: s = t ?? 500,
+  reducedMotion: e
+} = {}) {
+  return b({
+    initialStatus: n,
+    reducedMotion: e,
+    openedAfter: (i) => y(i, r),
+    closedAfter: (i) => y(i, s)
+  });
+}
+function h(n, t) {
+  let r = !1, s = null;
+  function e() {
+    r || (r = !0, n.removeEventListener("transitionend", i), n.removeEventListener("animationend", c), s && (clearTimeout(s), s = null), t());
+  }
+  function i(l) {
+    l.target === n && e();
+  }
+  function c(l) {
+    l.target === n && e();
+  }
+  const a = m(() => {
+    if (typeof n.getAnimations > "u") {
+      s = setTimeout(e, 16);
+      return;
+    }
+    n.addEventListener("transitionend", i), n.addEventListener("animationend", c), n.getAnimations().length === 0 && (s = setTimeout(e, 1e3));
+  });
+  return () => {
+    r = !0, a(), s && (clearTimeout(s), s = null), n.removeEventListener("transitionend", i), n.removeEventListener("animationend", c);
+  };
+}
+function D({
+  initialStatus: n = "closed",
+  element: t,
+  reducedMotion: r
+} = {}) {
+  let s = t;
+  return {
+    setElement: (e) => {
+      s = e;
+    },
+    ...b({
+      initialStatus: n,
+      reducedMotion: r,
+      openedAfter: (e) => s == null ? (e(), () => {
+      }) : h(s, e),
+      closedAfter: (e) => s == null ? (e(), () => {
+      }) : h(s, e)
+    })
+  };
+}
+function F(n) {
+  if (n == null) return [];
+  const t = [];
+  return n.fade && t.push("fade"), n.slide && t.push(`slide-${n.slide}`), n.scale != null && t.push("scale"), t.length > 0 ? t : ["none"];
+}
+function N(n) {
+  if (n == null) return [];
+  const t = [];
+  return n.scale != null && typeof n.scale == "number" && t.push(["--scale-factor", String(n.scale)]), n.transformOrigin != null && t.push(["--transform-origin", n.transformOrigin]), n.duration != null && t.push(["--animation-duration", `${n.duration}ms`]), n.easing != null && t.push(["--animation-easing", n.easing]), t;
+}
+function v(n, t) {
+  if (n == null) return;
+  const r = t === "start-opening" || t === "opening" || t === "opened";
+  return "enter" in n || "exit" in n ? r ? n.enter : n.exit : n;
+}
+function j({
+  animation: n,
+  status: t
+}) {
+  const r = A(
+    n,
+    t
+  )((s, e) => {
+    const i = v(s, e), u = F(i).map((a) => `bc-animated-toggle--${a}`).join(" ");
+    return u ? `bc-animated-toggle ${u} bc-animated-toggle--${e}` : `bc-animated-toggle bc-animated-toggle--${e}`;
+  });
+  return T(
+    w.class(r),
+    E((s) => {
+      let e = [];
+      function i(a) {
+        for (const l of e)
+          s.style.removeProperty(l);
+        e = a.map(([l]) => l);
+        for (const [l, p] of a)
+          s.style.setProperty(l, p);
+      }
+      const c = A(
+        n,
+        t
+      )((a, l) => {
+        const p = v(a, l);
+        return N(p);
+      });
+      i(g.get(c));
+      const u = g.on(c, i);
+      return k(() => {
+        u();
+        for (const a of e)
+          s.style.removeProperty(a);
+      });
+    })
+  );
+}
+function W({
+  initialStatus: n = "closed",
+  animation: t,
+  reducedMotion: r
+}, s) {
+  return E((e) => {
+    const { setElement: i, dispose: c, ...u } = D({
+      initialStatus: n,
+      element: e,
+      reducedMotion: r
+    });
+    return i(e), T(
+      j({ status: u.status, animation: t }),
+      k(c),
+      s(u)
+    );
+  });
+}
+export {
+  j as A,
+  W as a,
+  b,
+  V as c,
+  D as u
+};

package/dist/use-animated-toggle-cKcuItmz.cjs

@@ -0,0 +1 @@
+"use strict";const c=require("@tempots/dom"),f=require("@tempots/std");function A({initialStatus:n="closed",openedAfter:t,closedAfter:r,reducedMotion:s}){const e=c.prop(n),i=()=>{e.set("start-opening")},u=()=>{e.set("start-closing")},d=e.map(o=>o!=="closed"&&o!=="start-closing"&&o!=="closing"),a=o=>{o?i():u()},l=()=>{a(!d.value)},p=[],v=o=>{p.push(e.on(m=>{m==="closed"&&o()},{skipInitial:!0}))};let g=()=>{};e.on(o=>{g();const m=s!=null&&c.Value.get(s);switch(o){case"start-opening":m?e.set("opened"):g=f.delayedAnimationFrame(()=>e.set("opening"));break;case"opening":g=t(()=>e.set("opened"));break;case"start-closing":m?e.set("closed"):g=f.delayedAnimationFrame(()=>e.set("closing"));break;case"closing":g=r(()=>e.set("closed"));break;case"closed":g=()=>{};break}}),e.onDispose(()=>{p.forEach(o=>o()),g()});const O=e.map(o=>o==="closed"),k=e.map(o=>o==="start-opening"),b=e.map(o=>o==="opening"),L=e.map(o=>o==="opened"),C=e.map(o=>o==="closing"),S=e.map(o=>o==="start-closing");return{status:e,open:i,close:u,toggle:l,setOpen:a,display:d,isClosed:O,isStartOpening:k,isOpening:b,isOpened:L,isClosing:C,isStartClosing:S,dispose:()=>e.dispose(),listenOnClosed:v}}function $({initialStatus:n="closed",duration:t,openDuration:r=t??500,closeDuration:s=t??500,reducedMotion:e}={}){return A({initialStatus:n,reducedMotion:e,openedAfter:i=>f.delayed(i,r),closedAfter:i=>f.delayed(i,s)})}function y(n,t){let r=!1,s=null;function e(){r||(r=!0,n.removeEventListener("transitionend",i),n.removeEventListener("animationend",u),s&&(clearTimeout(s),s=null),t())}function i(l){l.target===n&&e()}function u(l){l.target===n&&e()}const d=()=>{if(typeof n.getAnimations>"u"){s=setTimeout(e,16);return}n.addEventListener("transitionend",i),n.addEventListener("animationend",u),n.getAnimations().length===0&&(s=setTimeout(e,1e3))},a=f.delayedAnimationFrame(d);return()=>{r=!0,a(),s&&(clearTimeout(s),s=null),n.removeEventListener("transitionend",i),n.removeEventListener("animationend",u)}}function E({initialStatus:n="closed",element:t,reducedMotion:r}={}){let s=t;return{setElement:e=>{s=e},...A({initialStatus:n,reducedMotion:r,openedAfter:e=>s==null?(e(),()=>{}):y(s,e),closedAfter:e=>s==null?(e(),()=>{}):y(s,e)})}}function F(n){if(n==null)return[];const t=[];return n.fade&&t.push("fade"),n.slide&&t.push(`slide-${n.slide}`),n.scale!=null&&t.push("scale"),t.length>0?t:["none"]}function P(n){if(n==null)return[];const t=[];return n.scale!=null&&typeof n.scale=="number"&&t.push(["--scale-factor",String(n.scale)]),n.transformOrigin!=null&&t.push(["--transform-origin",n.transformOrigin]),n.duration!=null&&t.push(["--animation-duration",`${n.duration}ms`]),n.easing!=null&&t.push(["--animation-easing",n.easing]),t}function T(n,t){if(n==null)return;const r=t==="start-opening"||t==="opening"||t==="opened";return"enter"in n||"exit"in n?r?n.enter:n.exit:n}function h({animation:n,status:t}){const r=c.computedOf(n,t)((s,e)=>{const i=T(s,e),d=F(i).map(a=>`bc-animated-toggle--${a}`).join(" ");return d?`bc-animated-toggle ${d} bc-animated-toggle--${e}`:`bc-animated-toggle bc-animated-toggle--${e}`});return c.Fragment(c.attr.class(r),c.WithElement(s=>{let e=[];function i(a){for(const l of e)s.style.removeProperty(l);e=a.map(([l])=>l);for(const[l,p]of a)s.style.setProperty(l,p)}const u=c.computedOf(n,t)((a,l)=>{const p=T(a,l);return P(p)});i(c.Value.get(u));const d=c.Value.on(u,i);return c.OnDispose(()=>{d();for(const a of e)s.style.removeProperty(a)})}))}function w({initialStatus:n="closed",animation:t,reducedMotion:r},s){return c.WithElement(e=>{const{setElement:i,dispose:u,...d}=E({initialStatus:n,element:e,reducedMotion:r});return i(e),c.Fragment(h({status:d.status,animation:t}),c.OnDispose(u),s(d))})}exports.AnimatedToggle=w;exports.AnimatedToggleClass=h;exports.useAnimatedElementToggle=E;exports.useAnimatedToggle=A;exports.useTimedToggle=$;

package/dist/use-form-CaW192gw.cjs

@@ -0,0 +1,2 @@
+"use strict";const e=require("@tempots/dom"),_=require("./translations-Dbx7L7Q1.cjs"),B=require("./input-container-Di1YvVB_.cjs"),j=require("./stack-dwLevGa2.cjs"),T=require("./session-id-B5lJMzbB.cjs"),p=require("@tempots/std"),P=e.html.span(e.attr.class("bc-input-wrapper__required")," *");function G(n){const t=["bc-input-wrapper"];return n!=="vertical"&&t.push(`bc-input-wrapper--${n}`),t.join(" ")}function J(n,t){const s=["bc-input-wrapper__label-text"];return n?s.push("bc-input-wrapper__label-text--error"):t?s.push("bc-input-wrapper__label-text--disabled"):s.push("bc-input-wrapper__label-text--default"),s.join(" ")}function Q(n,t){if(n==="horizontal-fixed"&&t!=null)return`--input-wrapper-label-width: ${t}`}const O=({fullWidth:n=!1,required:t,label:s,labelChildren:i,context:r,description:l,content:o,error:a,labelFor:c,hasError:d,disabled:u,layout:m,labelWidth:g},...v)=>{const f=d??a!=null,h=u??!1,y=m??"vertical",w=T.sessionId("input-wrapper"),D=l?`${w}-description`:void 0,I=a!=null?`${w}-error`:void 0,A=e.computedOf(y)(b=>b!=="vertical"),K=e.computedOf(y,g??void 0)((b,C)=>Q(b,C));return e.html.div(e.attr.class(e.Value.map(y,b=>G(b))),e.attr.class(e.Value.map(n,b=>b?"bc-input-wrapper--full-width":"")),e.attr.style(K),s!=null||r!=null?e.html.div(e.attr.class("bc-input-wrapper__header"),e.html.div(e.attr.class("bc-input-wrapper__label-section"),e.html.label(e.attr.class("bc-input-wrapper__label"),c!=null?e.attr.for(c):e.Empty,e.html.span(e.attr.class(e.computedOf(f,h)((b,C)=>J(b??!1,C??!1))),s),s!=null&&t?P:e.Empty),e.When(e.computedOf(A,l)((b,C)=>b&&C!=null),()=>e.html.div(e.attr.class("bc-input-wrapper__description bc-input-wrapper__description--under-label"),e.attr.id(D),l))),r!=null?j.Label(r):e.Empty,i):e.Empty,e.html.div(e.attr.class("bc-input-wrapper__content"),[D,I].filter(Boolean).length>0?e.dataAttr("describedby",[D,I].filter(Boolean).join(" ")):e.Empty,t?e.dataAttr("required","true"):e.Empty,e.When(f,()=>e.dataAttr("invalid","true")),o),e.When(e.computedOf(A,l)((b,C)=>!b&&C!=null),()=>e.html.div(e.attr.class("bc-input-wrapper__description"),e.attr.id(D),l)),e.When(f,()=>e.html.div(e.attr.class("bc-input-wrapper__error"),e.attr.id(I),e.aria.live("polite"),e.attr.role("alert"),a)),...v)};function X({size:n="sm",icon:t="line-md:close",disabled:s,roundedness:i="full",color:r="base",onClick:l,label:o},...a){return e.Use(_.BeatUII18n,c=>{const d=e.coalesce(o,c.$.closeModal);return B.Button({variant:"text",size:n,roundedness:i,disabled:s,color:r,onClick:l},e.attr.title(d),e.aria.label(d),...a,_.Icon({icon:t,size:n??"sm"}))})}const Y=n=>{const{value:t,onBlur:s,onChange:i,onInput:r,placeholder:l,disabled:o,id:a,activeIcon:c,inactiveIcon:d,size:u="md"}=n,m=a??T.sessionId("checkbox"),g=`${m}-label`,v=()=>{if(e.Value.get(o??!1))return;const h=e.Value.get(t);i?.(!h),r?.(!h)},f=h=>{e.Value.get(o??!1)||(h.key===" "||h.key==="Enter")&&(h.preventDefault(),v())};return B.InputContainer({baseContainer:!0,growInput:!1,...n,input:e.html.span(e.attr.class("bc-checkbox-input"),e.html.span(e.attr.class("bc-checkbox-input__checkbox"),e.attr.class(e.Value.map(t,h=>h?"bc-checkbox-input__checkbox--checked":"bc-checkbox-input__checkbox--unchecked")),e.attr.class(e.Value.map(o??!1,h=>h?"bc-checkbox-input__checkbox--disabled":"")),e.attr.id(m),e.attr.role("checkbox"),e.attr.tabindex(e.Value.map(o??!1,h=>h?-1:0)),e.aria.checked(t),e.aria.disabled(o),l!=null?e.aria.labelledby(g):e.Empty,e.on.keydown(f),s!=null?e.on.blur(s):e.Empty,_.Icon({icon:e.computedOf(t,c,d)((h,y,w)=>h?y??"ri:checkbox-fill":w??"mdi:checkbox-blank-outline"),accessibility:"decorative",size:u})),l!=null?e.html.label(e.attr.class("bc-checkbox-input__label"),e.attr.id(g),e.attr.for(m),j.MutedLabel(l)):e.Empty)},e.on.click(v))},q=((n,t)=>()=>{n.markTouched(),t?.()}),E=(n,t)=>s=>{n.change(s),t?.(s)};function M(n,t){const{controller:s,onBlur:i,onChange:r,id:l,triggerOn:o,...a}=t;return n({id:l??s.name,disabled:s.disabled,value:s.signal,hasError:s.errorVisible,name:s.name,...a,onInput:o==="input"?E(s,r):void 0,onChange:o!=="input"?E(s,r):void 0,onBlur:q(s,i)})}function Z(n,{id:t,labelFor:s,...i},...r){const l=t??i.controller.name??T.sessionId("control"),o=s??l;return O({...i,hasError:i.controller.errorVisible,error:e.TextNode(i.controller.error.map(a=>a??"")),labelFor:o,content:M(a=>n({...a,id:l}),i)},...r)}function H(n,t){const{toInput:s,fromInput:i,controller:r,...l}=t,o=r.transform(s,i);return M(n,{...l,controller:o})}function tt(n,{id:t,labelFor:s,...i},...r){const l=t??i.controller.name??T.sessionId("control");return O({...i,labelFor:s??l,content:H(n,{...i,id:l})},...r)}function et(n){return n.split(".").map(s=>{const i=s.match(/^\[(\d+)\]$/);return i?Number(i[1]):s})}function F(n){return typeof n=="number"?`[${n}]`:`.${n}`}function $(n){if(n.length===0)return"";const[t,...s]=n;return[typeof t=="number"?`[${t}]`:t,...s.map(F)].join("")}const st={valid:p.Validation.valid,invalid(n){return p.Validation.invalid({message:n})},invalidFields(n){const t={};for(const[s,i]of Object.entries(n))t[s]=typeof i=="string"?{message:i}:i;return p.Validation.invalid({dependencies:t})},fromError(n){return p.Validation.invalid(n)}};function V(n){return function(s){if(s.type==="valid")return s;let i=s.error;for(const r of n)if(i=i?.dependencies?.[r],i==null)return p.Validation.valid;return p.Validation.invalid(i)}}class k{path;change;signal;status;error;hasError;touched;errorVisible;dirty;dependencyErrors;#t={disabled:e.prop(!1),touched:e.prop(!1)};#s;#e=e.prop(void 0);parent;disabled;#n=[];disabledOrHasErrors;constructor(t,s,i,r,l,o=p.strictEqual){this.path=t,this.change=s,this.signal=i,this.status=r,this.#s=o,this.#e.set(i.value),this.error=r.map(a=>a?.type==="invalid"?a.error?.message:void 0),this.hasError=this.error.map(a=>a!=null),this.touched=this.#t.touched,l.validationMode?this.errorVisible=e.computedOf(this.hasError,this.touched,l.validationMode)((a,c,d)=>d==="eager"?!!a:!!a&&!!c):this.errorVisible=e.computedOf(this.hasError,this.touched)((a,c)=>!!a&&!!c),this.dirty=e.computedOf(this.signal,this.#e)((a,c)=>!this.#s(a,c)),this.dependencyErrors=r.map(a=>a?.type==="invalid"?a.error?.dependencies:void 0),this.parent=l,this.disabled=e.computedOf(this.#t.disabled,l.disabled)((a,c)=>a||c),this.disabledOrHasErrors=e.computedOf(this.disabled,this.hasError)((a,c)=>a||c),this.onDispose(()=>{this.#t.disabled.dispose(),this.#t.touched.dispose(),this.disabled.dispose(),this.error.dispose(),this.errorVisible.dispose(),this.dirty.dispose(),this.#e.dispose(),this.dependencyErrors.dispose(),this.disabledOrHasErrors.dispose()})}get name(){return $(this.path)}onDispose=t=>{this.#n.push(t)};dispose=()=>{for(const t of this.#n)try{t()}catch(s){console.error("Error in dispose callback:",s)}this.#n.length=0};setDisabled=t=>{this.#t.disabled.set(t)};disable=()=>this.setDisabled(!0);enable=()=>this.setDisabled(!1);markTouched=()=>{this.#t.touched.set(!0)};resetTouched=()=>{this.#t.touched.set(!1)};markPristine=()=>{this.#e.set(this.signal.value)};reset=()=>{this.change(this.#e.value)};array=(t=p.strictEqual)=>new N(this.path,this.change,this.signal,this.status,this.parent,t);object=(t=p.strictEqual)=>new W(this.path,this.change,this.signal,this.status,this.parent,t);transform=(t,s,i=[],r=p.strictEqual)=>new k([...this.path,...i],l=>this.change(s(l)),this.signal.map(t,r),this.status.map(V(i)),this.parent,r);asyncTransform=(t,s,i,r=[],l=p.strictEqual)=>new k([...this.path,...r],o=>{s(o).then(a=>this.change(a))},this.signal.mapAsync(t,i,void 0,l),this.status.map(V(r)),this.parent,l)}class W extends k{#t=new Map;#s=new Map;#e=new Map;#n=e.prop(!1);touchedDeep=this.#n;#r=new Map;#i=new Map;#o=e.prop(!1);dirtyDeep=this.#o;#c;#h;#l=()=>{let t=!1;for(const s of this.#s.values())if(s){t=!0;break}this.#n.set(this.touched.value||t)};constructor(t,s,i,r,l,o){super(t,s,i.map(c=>c??{},o),r,l,o),this.#c=this.touched.on(()=>{this.#l()}),this.#h=this.dirty.on(()=>{this.#a()});const a=this.signal.on(()=>this.#a());this.onDispose(()=>{for(const c of this.#t.values())c.dispose();this.#t.clear();for(const c of this.#e.values())c();this.#e.clear(),this.#s.clear(),this.#n.dispose();for(const c of this.#i.values())c();this.#i.clear(),this.#r.clear(),this.#o.dispose(),this.#c(),this.#h(),a()})}field=t=>{if(this.#t.has(t))return this.#t.get(t);const s=async o=>{this.change({...this.signal.value,[t]:o})},i=new k([...this.path,t],s,this.signal.map(o=>o[t]),this.status.map(V([t])),{disabled:this.disabled,validationMode:this.parent.validationMode});this.#t.set(t,i);const r=i.touched.on(o=>{this.#s.set(t,o),this.#l()});this.#e.set(t,r);const l=i.dirty.on(o=>{this.#r.set(t,o),this.#a()});return this.#i.set(t,l),i};markAllTouched=()=>{this.markTouched();const t=this.signal.value;for(const s of Object.keys(t))this.field(s).markTouched();for(const s of this.#t.values())s.markTouched()};markAllPristine=()=>{this.markPristine();const t=this.signal.value;for(const s of Object.keys(t))this.field(s).markPristine?.();for(const s of this.#t.values())s.markPristine?.()};#a=()=>{let t=!1;for(const s of this.#r.values())if(s){t=!0;break}this.#o.set(this.dirty.value||t)}}class N extends k{#t=new Array;length;#s=new Map;#e=new Map;#n=e.prop(!1);touchedDeep=this.#n;#r=new Map;#i=new Map;#o=e.prop(!1);dirtyDeep=this.#o;#c;#h;#l=()=>{let t=!1;for(const s of this.#s.values())if(s){t=!0;break}this.#n.set(this.touched.value||t)};constructor(t,s,i,r,l,o){const a=i.map(u=>u??[],o);super(t,s,a,r,l,o);const c=a.on(u=>{const m=this.#t.length-u.length;m>0&&(this.#t.splice(u.length,m).forEach((g,v)=>{const f=u.length+v;g.dispose(),this.#e.get(f)?.(),this.#e.delete(f),this.#s.delete(f),this.#i.get(f)?.(),this.#i.delete(f),this.#r.delete(f)}),this.#l(),this.#a())});this.length=a.map(u=>u.length),this.#c=this.touched.on(()=>{this.#l()}),this.#h=this.dirty.on(()=>{this.#a()});const d=this.signal.on(()=>this.#a());this.onDispose(()=>{for(const u of this.#t)u.dispose();this.length.dispose(),this.#t.length=0,c(),a.dispose();for(const u of this.#e.values())u();this.#e.clear(),this.#s.clear(),this.#n.dispose();for(const u of this.#i.values())u();this.#i.clear(),this.#r.clear(),this.#o.dispose(),this.#c(),this.#h(),d()})}item=t=>{if(this.#t[t])return this.#t[t];const s=async o=>{const a=this.signal.value.slice();a[t]=o,this.change(a)},i=new k([...this.path,t],s,this.signal.map(o=>o[t]),this.status.map(V([t])),{disabled:this.disabled,validationMode:this.parent.validationMode});this.#t[t]=i;const r=i.touched.on(o=>{this.#s.set(t,o),this.#l()});this.#e.set(t,r);const l=i.dirty.on(o=>{this.#r.set(t,o),this.#a()});return this.#i.set(t,l),i};push=(...t)=>{this.change([...this.signal.value,...t])};pop=()=>{this.splice(this.signal.value.length-1,1)};shift=()=>{this.splice(0,1)};unshift=(...t)=>{this.change([...t,...this.signal.value])};removeAt=t=>{this.splice(t,1)};splice=(t,s)=>{const i=this.signal.value.slice();i.splice(t,s),this.change(i)};move=(t,s,i=1)=>{if(i<1||t===s)return;const r=this.signal.value.slice(),l=r.splice(t,i);r.splice(s,0,...l),this.change(r)};markAllTouched=()=>{this.markTouched();const t=this.signal.value.length;for(let s=0;s<t;s++)this.item(s).markTouched()};markAllPristine=()=>{this.markPristine();const t=this.signal.value.length;for(let s=0;s<t;s++)this.item(s).markPristine?.()};#a=()=>{let t=!1;for(const s of this.#r.values())if(s){t=!0;break}this.#o.set(this.dirty.value||t)}}function z(n){function t(s){return typeof s=="number"?s:s.toString()}return n.map(s=>typeof s=="object"&&s.key!=null?t(s.key):t(s))}function L(n){const t=n.filter(r=>r.path==null||r.path.length===0).map(r=>r.message),s=n.filter(r=>r.path!=null&&r.path.length>0).reduce((r,l)=>{const o=z(l.path),a=o.pop();let c=r;for(const d of o)c.dependencies==null&&(c.dependencies={}),c.dependencies[d]==null&&(c.dependencies[d]={}),c=c.dependencies[d];return c.dependencies==null&&(c.dependencies={}),c.dependencies[a]={message:l.message},r},{}),i=t.join(`
+`);return{...s,message:i!=""?i:void 0}}function R({initialValue:n,onChange:t,validate:s,equals:i,validationMode:r,validateDebounceMs:l}){const o=e.Value.deriveProp(n),a=e.prop(p.Validation.valid),c=e.prop(!1),d=e.prop(r??"onTouched"),u=h=>{a.set(h)};let m;const g=async h=>{if(s!=null){const y=await s(h);u(y)}},v=async h=>{o.set(h),t?.(h);const y=d.value;if(s!=null){if(y==="onSubmit")return;const w=l??0;w>0?(m&&clearTimeout(m),m=setTimeout(()=>{g(h)},w)):await g(h)}},f=new k([],v,o,a,{disabled:c,validationMode:d},i??p.strictEqual);return f.onDispose(()=>{c.dispose(),o.dispose(),a.dispose(),d.dispose(),m&&clearTimeout(m)}),{controller:f,setStatus:u}}function x(n){return e.Fragment(e.attr.disabled(n.disabled),e.attr.name(n.name))}function nt(n,{triggerOn:t="change"}={}){return e.Fragment(x(n),e.attr.value(n.signal),(t==="input"?e.on.input:e.on.change)(e.emitValue(n.change)))}function it(n,{triggerOn:t="change"}={}){return e.Fragment(x(n),e.attr.valueAsNumber(n.signal),(t==="input"?e.on.input:e.on.change)(e.emitValueAsNumber(n.change)))}function S(n){return n.issues!=null?p.Validation.invalid(L(n.issues)):p.Validation.valid}async function rt({task:n,errorMessage:t,errorPath:s=["root"],validation:i}){try{const r=await n();return i!=null?i(r):p.Validation.valid}catch(r){const l=t??(r instanceof Error?r.message:"Operation failed");return s.length===1&&s[0]==="root"?p.Validation.invalid({message:l}):p.Validation.invalid({dependencies:U(s,l)})}}function U(n,t){if(n.length===1)return{[n[0]]:{message:t}};const[s,...i]=n;return{[s]:{dependencies:U(i,t)}}}function at({initialValue:n={},schema:t,onSubmit:s=async()=>p.Validation.valid,validationMode:i,validateDebounceMs:r}){const{controller:l,setStatus:o}=R({initialValue:n,validationMode:i??"onTouched",validateDebounceMs:r,validate:(i??"onTouched")==="onSubmit"||t==null?void 0:async u=>S(await t["~standard"].validate(u))}),a=e.prop(!1),c=l.object();return c.onDispose(()=>a.dispose()),{controller:c,setStatus:o,submit:async u=>{if(a.set(!0),u?.preventDefault(),c.markAllTouched(),t!=null){const g=c.signal.value,v=S(await t["~standard"].validate(g));if(o(v),v.type==="invalid"){a.set(!1);return}}const m=await s(c.signal.value);a.set(!1),m.type==="invalid"&&o(m)},submitting:a}}exports.ArrayController=N;exports.BaseControl=M;exports.BaseMappedControl=H;exports.CheckboxInput=Y;exports.CloseButton=X;exports.Control=Z;exports.Controller=k;exports.ControllerValidation=st;exports.InputWrapper=O;exports.MappedControl=tt;exports.ObjectController=W;exports.RequiredSymbol=P;exports.connectCommonAttributes=x;exports.connectNumberInput=it;exports.connectStringInput=nt;exports.convertStandardSchemaIssues=L;exports.convertStandardSchemaPathToPath=z;exports.makeMapValidation=V;exports.makeOnBlurHandler=q;exports.makeOnChangeHandler=E;exports.parsePath=et;exports.pathToString=$;exports.standardSchemaResultToValidation=S;exports.taskToValidation=rt;exports.useController=R;exports.useForm=at;exports.wrapSegment=F;