phlex-reactive 0.13.2 → 0.13.3

data/app/javascript/phlex/reactive/reactive_controller.min.js

@@ -1,4 +1,4 @@
-import{Controller as De}from"@hotwired/stimulus";import{confirmResolver as _}from"phlex/reactive/confirm";import{computeReducer as Fe}from"phlex/reactive/compute";import{confirmPredicate as Me}from"phlex/reactive/confirm_predicate";function Pe(){let e=window.Turbo?.StreamActions;if(!e||e["reactive:visit"])return;e["reactive:visit"]=function(){let t=this.getAttribute("data-url");if(t)window.Turbo.visit(t,{action:"advance"})}}function je(){let e=window.Turbo?.StreamActions;if(!e||e["reactive:token"])return;e["reactive:token"]=function(){let t=this.getAttribute("data-reactive-token-value"),n=this.getAttribute("target");if(!t||!n)return;let r=document.getElementById(n);if(r)r.setAttribute("data-reactive-token-value",t)}}function Je(){let e=window.Turbo?.StreamActions;if(!e||e["reactive:js"])return;e["reactive:js"]=function(){let t=Re(this.getAttribute("data-reactive-ops"));if(!t.length)return;let n=this.getAttribute("target"),r=this.getAttribute("data-reactive-verbose")==="true",i=n?document.getElementById(n):null;if(n&&!i){if(r&&!qe(`missing-root|#${n}`))console.warn(`[phlex-reactive] reactive:js stream target root #${n} is not in the DOM — its ops were dropped`);return}S(t,(s)=>Ht(s,i),r?(s,o)=>Wt(s,o,i):void 0)}}var g=new Map;function fe(e,t){let n=!g.has(e);if(g.set(e,t),n)Ae()}function k(e){if(g.delete(e))we()}function Ut(){g.clear(),D=!1}function Yt(e){return g.get(e)?.via}var D=!1;function Ie(){let e=window.Turbo?.StreamActions;if(!e||e["reactive:defer"])return;if(e["reactive:defer"]=function(){let t=this.getAttribute("target");if(!t)return;if(this.getAttribute("data-reactive-defer-via")==="stream"){We(t,this);return}let n=this.getAttribute("data-reactive-defer-token");if(!n)return;T(t,n)},!D&&typeof document<"u"&&document.addEventListener)D=!0,document.addEventListener("turbo:before-stream-render",Be)}function Be(e){let n=e.target?.getAttribute?.("target");if(!n)return;let r=n.startsWith("reactive-defer-src-")?n.slice(19):n;if(g.get(r)?.via==="stream")k(r)}function T(e,t){let n=document.getElementById(e);if(!n){console.warn(`[phlex-reactive] reactive:defer target #${e} is not on the page — skipped`);return}he(e),me(n);let r={via:"fetch",abort:new AbortController,timedOut:!1};fe(e,r),He(e,r,t)}function We(e,t){let n=document.getElementById(e);if(!n){console.warn(`[phlex-reactive] reactive:defer target #${e} is not on the page — skipped`);return}let r=t.getAttribute("data-reactive-defer-src");if(!r)return;if(!globalThis.customElements?.get?.("pgbus-stream-source")){let s=t.getAttribute("data-reactive-defer-token");if(s){T(e,s);return}console.error("[phlex-reactive] reactive:defer via=stream but <pgbus-stream-source> is not registered "+"and no fallback token was provided — is the pgbus client loaded on this page?");return}he(e),me(n);let i=document.createElement("pgbus-stream-source");i.id=de(e),i.setAttribute("src",r),i.setAttribute("since-id",t.getAttribute("data-reactive-defer-since-id")??"0"),i.setAttribute("hidden",""),document.body.appendChild(i),fe(e,{via:"stream"})}function de(e){return`reactive-defer-src-${e}`}async function He(e,t,n){let r=setTimeout(()=>{t.timedOut=!0,t.abort.abort()},Ge()),i;try{i=await fetch(Ve(),{method:"POST",headers:{Accept:"text/vnd.turbo-stream.html","Content-Type":"application/json","X-CSRF-Token":ze()},body:JSON.stringify({token:n}),credentials:"same-origin",signal:t.abort.signal})}catch(o){if(clearTimeout(r),g.get(e)!==t)return;console.error("[phlex-reactive] deferred render failed",o),N(e,n);return}if(g.get(e)!==t){clearTimeout(r);return}if(i.status===204){clearTimeout(r),ee(e);return}if(!i.ok){clearTimeout(r),console.error(`[phlex-reactive] deferred render failed: HTTP ${i.status}`),N(e,n,i.status);return}let s;try{s=await i.text()}catch(o){if(clearTimeout(r),g.get(e)!==t)return;console.error("[phlex-reactive] deferred render failed reading the body",o),N(e,n);return}if(clearTimeout(r),g.get(e)!==t)return;ee(e),window.Turbo.renderStreamMessage(s)}function he(e){let t=g.get(e);if(!t)return;if(k(e),t.via==="fetch")t.abort.abort();else document.getElementById(de(e))?.remove?.()}function me(e){e.setAttribute("data-reactive-defer-pending","true"),e.setAttribute("aria-busy","true")}function pe(e){e.removeAttribute("data-reactive-defer-pending"),e.removeAttribute("aria-busy")}function ee(e){k(e);let t=document.getElementById(e);if(!t)return;pe(t),t.removeAttribute("data-reactive-error")}function N(e,t,n){k(e);let r=document.getElementById(e);if(!r)return;pe(r),r.setAttribute("data-reactive-error","defer");let i=()=>{let s=document.getElementById(e);if(!s){console.warn("[phlex-reactive] defer retry() ignored — the target left the DOM");return}s.removeAttribute("data-reactive-error"),T(e,t)};r.dispatchEvent(new CustomEvent("reactive:error",{bubbles:!0,composed:!0,detail:{kind:"defer",target:e,status:n,retry:i}}))}function Ve(){return document.querySelector('meta[name="phlex-reactive-defer-path"]')?.content||"/reactive/defer"}function ze(){return document.querySelector('meta[name="csrf-token"]')?.content??""}function Ge(){let e=document.querySelector('meta[name="phlex-reactive-timeout"]')?.content,t=Number(e);return Number.isFinite(t)&&t>0?t:30000}var F=!1;function Ke(){if(F)return;if(typeof document>"u"||!document.addEventListener)return;F=!0,document.addEventListener("turbo:before-stream-render",Ue)}function Ue(e){let t=e.detail,n=t?.render;if(typeof n!=="function"||n.__reactiveDismissWrapped){if(typeof requestAnimationFrame==="function")requestAnimationFrame(C);else setTimeout(C,0);return}let r=async(i)=>{await n(i),C()};r.__reactiveDismissWrapped=!0,t.render=r}function C(){let e=document.querySelectorAll("[data-reactive-dismiss-after]");for(let t of e){if(t.hasAttribute("data-reactive-dismiss-scheduled"))continue;let n=Number(t.getAttribute("data-reactive-dismiss-after"));if(!Number.isFinite(n)||n<=0)continue;t.setAttribute("data-reactive-dismiss-scheduled",""),setTimeout(()=>t.remove(),n)}}function Xt(){F=!1}var Ye=Object.freeze({append:"enter",prepend:"enter",replace:"update",update:"update",remove:"exit"}),O=Object.freeze(["fade","slide","scale","highlight","shake"]),M="data-reactive-fx-pending",ve=1000,P=!1;function Xe(){if(P)return;if(typeof document>"u"||typeof document.addEventListener!=="function")return;P=!0,document.addEventListener("turbo:before-stream-render",Ze)}function Zt(){P=!1}function Ze(e){let t=e.detail,n=t?.render;if(typeof n!=="function"||n.__reactiveEffectsWrapped)return;let r=t?.newStream??e.target,i=Ye[r?.getAttribute?.("action")];if(!i||tt())return;let s=Qe(r,i);if(!s)return;let o=i==="exit"?async(c)=>{await it(E(r),s),await n(c)}:async(c)=>{let a=i==="enter"?nt(r):null;if(await n(c),i==="enter")rt(a,s);else ge(E(r),s)};o.__reactiveEffectsWrapped=!0,t.render=o}function Qe(e,t){let n=e.getAttribute?.("data-reactive-effect");if(n==="off")return null;if(n)return te(n,t);let i=(t==="enter"?et(e):E(e))?.getAttribute?.(`data-reactive-effect-${t}`);return i?te(i,t):null}function E(e){let t=e.getAttribute?.("target");return t?document.getElementById?.(t)??null:null}function et(e){return e.querySelector?.("template")?.content?.firstElementChild??null}function te(e,t){if(e.startsWith("[")){let r=null;try{let i=JSON.parse(e);if(Array.isArray(i)&&i.length===3)r=i.map(String)}catch{}if(r)return{legs:r};return console.warn(`[phlex-reactive] malformed effect legs ${JSON.stringify(e)} — skipped`),null}let n=e==="random"?O[Math.floor(Math.random()*O.length)]:e;if(!O.includes(n))return console.warn(`[phlex-reactive] unknown effect ${JSON.stringify(e)} — skipped`),null;return{className:`reactive-fx--${n}-${t}`}}function tt(){try{return typeof matchMedia==="function"&&matchMedia("(prefers-reduced-motion: reduce)").matches}catch{return!1}}function nt(e){let t=e.querySelector?.("template")?.content;if(!t)return null;for(let n of Array.from(t.children??[]))n.setAttribute?.(M,"");return E(e)}function rt(e,t){if(typeof e?.querySelectorAll!=="function")return;for(let n of Array.from(e.querySelectorAll(`[${M}]`)))n.removeAttribute(M),ge(n,t)}async function it(e,t){if(!e?.classList)return;if(t.legs){await ye(e,t.legs);return}e.classList.add(t.className);let n=B(e);if(n<=0){e.classList.remove(t.className);return}await W(e,n),e.classList.remove(t.className)}function ge(e,t){if(!e?.classList)return;if(t.legs){ye(e,t.legs);return}if(e.classList.contains(t.className))e.classList.remove(t.className),e.offsetWidth;e.classList.add(t.className);let n=B(e);if(n<=0){e.classList.remove(t.className);return}let r=e.__reactiveFxToken=(e.__reactiveFxToken??0)+1;W(e,n).then(()=>{if(e.__reactiveFxToken===r)e.classList.remove(t.className)})}async function ye(e,t){let[n,r,i]=t.map(st),s=e.__reactiveFxToken=(e.__reactiveFxToken??0)+1;if(e.classList.remove(...n,...r,...i),e.classList.add(...n,...r),await ot(),e.__reactiveFxToken!==s)return;e.classList.remove(...r),e.classList.add(...i);let o=B(e);if(o>0)await W(e,o);if(e.__reactiveFxToken!==s)return;e.classList.remove(...n,...i)}function st(e){return String(e??"").split(/\s+/).filter(Boolean)}function B(e){if(typeof getComputedStyle!=="function")return 0;try{let t=getComputedStyle(e),n=(s)=>String(s??"").split(",").reduce((o,c)=>Math.max(o,parseFloat(c)||0),0),r=n(t.animationDuration)+n(t.animationDelay),i=n(t.transitionDuration)+n(t.transitionDelay);return Math.min(Math.max(r,i)*1000,ve)}catch{return 0}}function W(e,t){return new Promise((n)=>{let r=!1,i=()=>{if(r)return;r=!0,n()};e.addEventListener?.("animationend",i,{once:!0}),e.addEventListener?.("transitionend",i,{once:!0}),setTimeout(i,Math.min(t+50,ve))})}function ot(){return new Promise((e)=>{if(typeof requestAnimationFrame==="function")requestAnimationFrame(()=>e());else setTimeout(e,16)})}var j=!1;function at(){if(j)return;if(typeof window>"u"||typeof document>"u")return;if(typeof window.addEventListener!=="function")return;j=!0;let e=()=>{let t=document.documentElement;if(typeof t?.toggleAttribute!=="function")return;t.toggleAttribute("data-reactive-offline",globalThis.navigator?.onLine===!1)};e(),window.addEventListener("online",e),window.addEventListener("offline",e)}function Qt(){j=!1}var H="phlex-reactive:latency",x=!1;function ct(e){if(typeof sessionStorage>"u")return;sessionStorage.setItem(H,String(e))}function ut(){if(typeof sessionStorage>"u")return;sessionStorage.removeItem(H),x=!1}function lt(){if(typeof window>"u"||typeof document>"u")return;if(document.querySelector?.('meta[name="phlex-reactive-env"]')?.content!=="development")return;window.PhlexReactive={enableLatencySim:ct,disableLatencySim:ut}}function en(){x=!1}var be="data-reactive-active",y=0;function Ae(){if(y++,y===1)Se("reactive:busy")}function we(){if(y===0)return;if(y--,y===0)Se("reactive:idle")}function tn(){return y}function nn(){y=0,(typeof document<"u"?document.documentElement:null)?.removeAttribute?.(be)}function Se(e){if(typeof document>"u")return;let t=document.documentElement;if(typeof t?.toggleAttribute==="function")t.toggleAttribute(be,y>0);if(typeof document.dispatchEvent==="function"&&typeof CustomEvent==="function")document.dispatchEvent(new CustomEvent(e,{detail:{count:y}}))}function ne(){Pe(),je(),Je(),Ie(),Ke(),Xe(),at(),lt()}function ft(e){return e.replace(/[.*+?^${}()|[\]\\]/g,"\\$&")}if(typeof window<"u")if(window.Turbo)ne();else document.addEventListener("turbo:load",ne,{once:!0});var L=!1;function dt(){if(L)return;if(typeof document>"u")return;let e=document.querySelectorAll('[data-controller~="reactive"]');if(!e||e.length===0)return;console.warn("[phlex-reactive] found "+e.length+' element(s) with data-controller="reactive" '+"but the reactive controller never connected. It is loaded but not registered — "+'add `application.register("reactive", ReactiveController)` (importmap) or import it into app/javascript/controllers/ for lazyLoadControllersFrom apps. See the README.')}function rn(){L=!1}function sn(){L=!0}if(typeof window<"u"&&typeof document<"u"){let e=()=>setTimeout(dt,0);if(document.readyState==="loading")document.addEventListener("DOMContentLoaded",e,{once:!0});else e()}var ht=new Set(["href","src","srcdoc","action","formaction","xlink:href","style"]);function mt(e){let t=String(e).toLowerCase();return t.startsWith("on")||ht.has(t)}function pt(e,t,n){let[r,i,s]=t;e.classList.add(r,i),n(),requestAnimationFrame(()=>{e.classList.remove(i),e.classList.add(s)});let o=!1,c=()=>{if(o)return;o=!0,e.classList.remove(r,s)};e.addEventListener("animationend",c,{once:!0}),setTimeout(c,350)}var Ee=1,vt="phlex-reactive:persist:",gt=new Set(["hidden","file","password","submit","button","reset","image"]),V="data-reactive-persist-state",yt=":is(lexxy-editor, trix-editor, [contenteditable=''], [contenteditable=true], [contenteditable=plaintext-only])",bt=new Set(["lexxy-editor","trix-editor"]),At="lexxy-editor, trix-editor, trix-toolbar",re=["lexxy:change","trix-change"],wt=new Set(["","<p></p>","<p><br></p>","<div><br></div>"]),ie=new WeakSet,se=new WeakSet,oe=new WeakSet;function z(e){let t=e?.getAttribute?.("data-reactive-persist");if(!t||t==="off")return null;try{let n=JSON.parse(t);if(n&&typeof n==="object"&&typeof n.key==="string"&&n.key!=="")return n}catch{}if(!ie.has(e))ie.add(e),console.warn(`[phlex-reactive] malformed reactive_persist payload ${JSON.stringify(t)} — persistence disabled`);return null}function G(){try{return typeof localStorage>"u"?null:localStorage}catch{return null}}function K(e,t){if(e?.getAttribute?.("data-reactive-debug")!=="true"||se.has(e))return;se.add(e),console.info(`[phlex-reactive] reactive_persist: storage unavailable — draft skipped (${t?.name??t})`)}function U(e){return vt+e.key}function J(e,t){let n=G();if(!n)return null;let r;try{r=n.getItem(U(t))}catch(a){return K(e,a),null}if(!r)return null;let i;try{i=JSON.parse(r)}catch{return null}if(!i||typeof i!=="object"||i.v!==Ee)return null;let s=Number(t.ttl)*1000;if(!(Number(i.savedAt)+s>Date.now()))return Y(e,t),null;let o=i.fields&&typeof i.fields==="object"?i.fields:{},c=i.state&&typeof i.state==="object"?i.state:null;return{fields:o,state:c}}function xe(e,t,{fields:n,state:r}){let i=G();if(!i)return!1;let s={v:Ee,savedAt:Date.now(),fields:n};if(r)s.state=r;try{return i.setItem(U(t),JSON.stringify(s)),!0}catch(o){return K(e,o),!1}}function Y(e,t){e?.removeAttribute?.(V);let n=G();if(!n)return;try{n.removeItem(U(t))}catch(r){K(e,r)}}function X(e,t){let n=Array.isArray(t.fields)?new Set(t.fields):null,r=[],i=(s)=>s.closest('[data-controller~="reactive"]')===e&&s.getAttribute("data-reactive-persist")!=="off";for(let s of e.querySelectorAll("input[name], select[name], textarea[name]")){if(!i(s)||gt.has(s.type)||s.closest(At))continue;if(n&&!n.has(s.name))continue;r.push({el:s,name:s.name,kind:"native"})}for(let s of e.querySelectorAll(yt)){if(!i(s))continue;let o=St(s);if(!o||n&&!n.has(o))continue;r.push({el:s,name:o,kind:bt.has(s.localName)?"editor":"contenteditable"})}return r}function St(e){return e.getAttribute("name")||typeof e.name==="string"&&e.name||null}function Z(e){return typeof e.value==="string"}function Et(e){if(typeof e.isEmpty==="boolean")return e.isEmpty;let t=e.editor?.getDocument?.();if(typeof t?.isEmpty==="function")return t.isEmpty();return wt.has(e.value.trim())}function xt(e,t,n){if(e?.getAttribute?.("data-reactive-debug")!=="true"||oe.has(e))return;oe.add(e),console.info(`[phlex-reactive] reactive_persist: could not restore editor ${JSON.stringify(t)} — ${n?.message??n}`)}function ke(e){return e.tagName==="SELECT"&&e.multiple}function Te(e,t){let n={};for(let{el:r,name:i,kind:s}of X(e,t))if(s==="editor"){if(Z(r))n[i]=r.value}else if(s==="contenteditable")n[i]=r.textContent??"";else if(r.type==="radio"){if(r.checked)n[i]=r.value;else if(!Object.hasOwn(n,i))n[i]=null}else if(r.type==="checkbox")n[i]=r.checked;else if(ke(r))n[i]=[...r.options].filter((o)=>o.selected).map((o)=>o.value);else n[i]=r.value;return n}function kt(e,t,n){let r=t.restore==="always",i=X(e,t);for(let{el:s,name:o,kind:c}of i){if(!Object.hasOwn(n,o))continue;let a=n[o];if(a===null||a===void 0)continue;if(c==="editor")Le(e,s,o,a,r);else if(c==="contenteditable"){if(!r&&(s.textContent??"").trim()!=="")continue;s.textContent=String(a)}else if(s.type==="radio"){if(!r&&i.some((u)=>u.kind==="native"&&u.el.type==="radio"&&u.name===o&&u.el.checked))continue;s.checked=s.value===String(a)}else if(s.type==="checkbox"){if(!r&&s.checked)continue;s.checked=Boolean(a)}else if(ke(s)){if(!r&&[...s.options].some((l)=>l.selected))continue;let u=new Set((Array.isArray(a)?a:[a]).map(String));for(let l of s.options)l.selected=u.has(l.value)}else{if(!r&&s.value!=="")continue;s.value=String(a)}}Tt(e,t,n)}function Le(e,t,n,r,i){if(!Z(t))return;if(!i&&!Et(t))return;try{t.value=String(r)}catch(s){xt(e,n,s)}}function Tt(e,t,n){let r=globalThis.customElements;if(typeof r?.whenDefined!=="function")return;let i=new Set;for(let o of e.querySelectorAll("lexxy-editor, trix-editor"))if(!Z(o)&&!r.get?.(o.localName))i.add(o.localName);let s=t.restore==="always";for(let o of i)r.whenDefined(o).then(()=>{if(!e.isConnected)return;for(let{el:c,name:a,kind:u}of X(e,t)){if(u!=="editor"||c.localName!==o||!Object.hasOwn(n,a))continue;let l=n[a];if(l===null||l===void 0)continue;Le(e,c,a,l,s)}})}function Lt(e,t){let n=z(e);if(!n){console.warn("[phlex-reactive] persist_state on a root without reactive_persist — skipped");return}if(!t||typeof t!=="object")return;let i={...J(e,n)?.state??{},...t};if(xe(e,n,{fields:Te(e,n),state:i}))e.setAttribute?.(V,JSON.stringify(i))}function _t(e){let t=z(e);if(t)Y(e,t)}var ae=Object.freeze({show:(e,t)=>R(e,!1,t),hide:(e,t)=>R(e,!0,t),toggle:(e,t)=>R(e,!e.hidden,t),add_class:(e,t)=>e.classList.add(...t.classes??[]),remove_class:(e,t)=>e.classList.remove(...t.classes??[]),toggle_class:(e,t)=>(t.classes??[]).forEach((n)=>e.classList.toggle(n)),set_attr:(e,t)=>{if(q(t.name))e.setAttribute(t.name,t.value??"")},remove_attr:(e,t)=>{if(q(t.name))e.removeAttribute(t.name)},toggle_attr:(e,t)=>{if(!q(t.name))return;if(e.hasAttribute(t.name))e.removeAttribute(t.name);else e.setAttribute(t.name,"")},focus:(e)=>e.focus?.(),focus_first:(e)=>It(e)?.focus?.(),text:(e,t)=>{let n=String(t.value??"");if(e.textContent!==n)e.textContent=n},dispatch:(e,t)=>{e.dispatchEvent(new CustomEvent(t.name,{bubbles:!0,composed:!0,detail:t.detail??{}}))},submit:(e)=>Nt(e)?.requestSubmit?.(),paste_into:(e)=>Ct(e),persist_state:(e,t)=>Lt(e,t.state),persist_clear:(e)=>_t(e)});function Nt(e){if(e?.tagName==="FORM")return e;return e?.form??e?.closest?.("form")??null}function Ct(e){let t=globalThis.navigator?.clipboard;if(typeof t?.readText!=="function")return;t.readText().then((n)=>{if(!n)return;if(e.value=n,typeof e.dispatchEvent==="function")e.dispatchEvent(new Event("input",{bubbles:!0}));e.focus?.()}).catch(()=>{})}function R(e,t,n){if(n?.transition)pt(e,n.transition,()=>e.hidden=t);else e.hidden=t}function q(e){if(!mt(e))return!0;return console.warn(`[phlex-reactive] refused client attr op on ${JSON.stringify(e)} — skipped`),!1}var _e=/^#[A-Za-z_][\w-]*$/;function Ot(e){if(typeof e==="string"&&_e.test(e))return!0;return console.warn(`[phlex-reactive] refused cross-root mirror target ${JSON.stringify(e)} — skipped`),!1}function Rt(e,t){let n=e.getAttribute("data-reactive-show-equals");if(n!==null)return t===n;let r=e.getAttribute("data-reactive-show-not");if(r!==null)return t!==r;let i=e.getAttribute("data-reactive-show-in");if(i!==null){try{let s=JSON.parse(i);if(Array.isArray(s))return s.includes(t)}catch{}return console.warn(`[phlex-reactive] malformed reactive_show in: list ${JSON.stringify(i)} — skipped`),null}for(let s of Ne){let o=e.getAttribute(`data-reactive-show-${s}`);if(o!==null)return Ce(s,o,t)}return console.warn("[phlex-reactive] a reactive_show binding declares no predicate — skipped"),null}var Ne=["gte","gt","lte","lt"],qt=["len_eq","len_gte","len_gt","len_lte","len_lt"];function $t(e,t,n){if(!Number.isInteger(t))return console.warn(`[phlex-reactive] reactive_show ${e}: needs an integer literal, got ${JSON.stringify(t)} — skipped`),null;let r=[...String(n??"")].length;switch(e){case"len_eq":return r===t;case"len_gte":return r>=t;case"len_gt":return r>t;case"len_lte":return r<=t;case"len_lt":return r<t;default:return null}}function Ce(e,t,n){let r=Number(t);if(Number.isNaN(r))return console.warn(`[phlex-reactive] reactive_show ${e}: needs a numeric literal, got ${JSON.stringify(t)} — skipped`),null;let i=n==null?"":String(n).trim(),s=i===""?NaN:Number(i);if(Number.isNaN(s))return!1;switch(e){case"gte":return s>=r;case"gt":return s>r;case"lte":return s<=r;case"lt":return s<r;default:return null}}function Oe(e,t){if(!e||typeof e!=="object")return null;if(typeof e.equals==="string")return t===e.equals;if(typeof e.not==="string")return t!==e.not;if(Array.isArray(e.in))return e.in.includes(t);for(let n of Ne)if(n in e)return Ce(n,e[n],t);for(let n of qt)if(n in e)return $t(n,e[n],t);return null}var ce="[data-reactive-show-field], [data-reactive-show]";function Dt(e){try{let t=JSON.parse(e);if(t&&typeof t==="object"&&!Array.isArray(t))return t}catch{}return console.warn(`[phlex-reactive] malformed compound reactive_show payload ${JSON.stringify(e)} — skipped`),null}function Ft(e){try{let t=JSON.parse(e);if(Array.isArray(t)&&t.every((n)=>n&&typeof n==="object"&&Array.isArray(n.any)&&Array.isArray(n.ops)))return t}catch{}return console.warn(`[phlex-reactive] malformed reactive_on_complete payload ${JSON.stringify(e)} — skipped`),[]}function Q(e,t){if(!e||typeof e!=="object"||typeof e.field!=="string")return!1;let n=t(e.field)??"";return Oe(e,n)===!0}function w(e,t){if(!Array.isArray(e)||e.length===0)return null;return e.some((n)=>Array.isArray(n)&&n.length>0&&n.every((r)=>Q(r,t)))}function Mt(e){if(!Array.isArray(e)||e.length===0)return null;let t=new Set;for(let n of e){if(!Array.isArray(n))continue;for(let r of n)if(r&&typeof r==="object"&&typeof r.field==="string")t.add(r.field)}return t.size>0?[...t]:null}function Pt(e,t){if(!e||typeof e!=="object")return null;let n=e.any;if(Array.isArray(n)&&(n.length===0||Array.isArray(n[0])))return w(n,t);return jt(e,t)}function jt(e,t){let n=Array.isArray(e.all)?"all":Array.isArray(e.any)?"any":null;if(!n)return null;let r=e[n];if(r.length===0)return null;let i=r.map((s)=>Q(s,t));return n==="all"?i.every(Boolean):i.some(Boolean)}function ue(e){if(typeof e==="string"&&_e.test(e))return!0;return console.warn(`[phlex-reactive] refused cross-root show target ${JSON.stringify(e)} — skipped`),!1}var Jt='a[href], button:not([disabled]), input:not([disabled]), select:not([disabled]), textarea:not([disabled]), [tabindex]:not([tabindex="-1"])';function It(e){return e.querySelectorAll?.(Jt)?.[0]??null}function Re(e){if(Array.isArray(e))return e;if(typeof e!=="string")return[];try{let t=JSON.parse(e);return Array.isArray(t)?t:[]}catch{return[]}}function Bt(e){if(e==null)return null;let t=Array.isArray(e)?e:e.ops;if(Array.isArray(t))return t.length>0?t:null;return console.warn("[phlex-reactive] $ops must be an ops chain or a [[op, args], ...] list — skipped"),null}function S(e,t,n){for(let r of e){if(!Array.isArray(r))continue;let[i,s={}]=r;if(!Object.hasOwn(ae,i)){console.warn(`[phlex-reactive] unknown client op ${JSON.stringify(i)} — skipped`);continue}let o=t(s);if(o.length===0&&n)n(i,s);for(let c of o)ae[i](c,s)}}var le=new WeakMap;function qe(e){let t=globalThis.document;if(!t)return!0;let n=le.get(t);if(!n)n=new Set,le.set(t,n);if(n.has(e))return!0;return n.add(e),!1}function I(e,t){try{return e?.querySelectorAll?.(t)?.length??0}catch{return 0}}function $e(e,t,n,r){if(qe(`${e}|${t}|${n}`))return;console.warn(`[phlex-reactive] ${e} matched zero targets for selector "${t}" (${n})${r}`)}function Wt(e,t,n){let r=t.to;if(typeof r!=="string"||r===""||r==="@root")return;let i="";if(n&&!t.global){let s=I(globalThis.document,r);if(s>0)i=` — it matches ${s} element(s) outside the stream's target root; use global: true`}$e(`client op "${e}"`,r,n?`scoped to #${n.id||"?"}`:"document-scoped",i)}function Ht(e,t){let n=e.to;if(t){if(n==="@root")return[t];if(typeof n!=="string"||n==="")return[];if(e.global)return[...document.querySelectorAll(n)];return[...t.querySelectorAll(n)]}if(typeof n!=="string"||n===""||n==="@root")return[];return[...document.querySelectorAll(n)]}class on extends De{static values={token:String};#re;#T=new Map;#m=new Map;#Fe;#j;#ie;#J=0;#p=new Map;#I=new WeakMap;#L=new Map;#se=new WeakSet;#oe=null;#v;#g;#y;#r;#a;#B;#ae;#W;#H;#s;#b;#ce=!1;#V=0;#ue=!1;#o;#A;#w;#_;#S;#i=null;#E=!1;#t=null;#c;#N;#C;connect(){if(L=!0,this.element.id==="")console.warn("[phlex-reactive] a reactive root has no id; its next-action token can't self-match "+"and may fall back to the first token in the response → a silent HTTP 403 on the NEXT action. "+"Put id: on the SAME element as reactive_attrs — use div(**reactive_root) (emits id + token together), "+"or div(id:, **reactive_attrs). The id: must NOT be on a child. See the README.");if(this.element.getAttribute?.("data-reactive-defer-token"))this.#le(),this.#_=()=>this.#le(),this.element.addEventListener?.("turbo:morph-element",this.#_);if(this.#i=z(this.element),this.#i)this.#At();if(this.#Me()){if(this.#v=()=>this.#Y(),this.element.addEventListener?.("turbo:morph-element",this.#v),this.#Y(),this.element.getAttribute?.("data-reactive-warn-unsaved")==="true")this.#ut()}if(this.#ft())this.#r=()=>this.#ke(),this.element.addEventListener?.("input",this.#r),this.element.addEventListener?.("change",this.#r),this.element.addEventListener?.("turbo:morph-element",this.#r),this.#ke();if(this.#dt())this.#a=(e)=>this.#X(e),this.#B=()=>this.#X(null),this.element.addEventListener?.("input",this.#a),this.element.addEventListener?.("change",this.#a),this.element.addEventListener?.("turbo:morph-element",this.#B),this.#X(null);if(this.#D())this.#s=(e)=>{if(e?.type==="input"&&!this.#Tt(e))return;this.#k()},this.element.addEventListener?.("input",this.#s),this.element.addEventListener?.("turbo:morph-element",this.#s),this.#k();if(this.#F())this.#b=()=>this.#ee(),this.element.addEventListener?.("turbo:morph-element",this.#b),this.#ee();if(this.#_t())this.#o=(e)=>this.syncNestedJson(e),this.#A=()=>this.#R(),this.element.addEventListener?.("input",this.#o),this.element.addEventListener?.("change",this.#o),this.element.addEventListener?.("turbo:morph-element",this.#A),this.#R();if(this.#kt())this.#w=()=>this.recompute(),this.element.addEventListener?.("turbo:morph-element",this.#w),this.recompute();if(this.#ht())this.#S=()=>this.#xe(),this.element.addEventListener?.("turbo:morph-element",this.#S),this.#xe()}#Me(){if((this.element.getAttribute?.("data-action")??"").includes("reactive#trackDirty"))return!0;let e=this.element.querySelectorAll?.('[data-action*="reactive#trackDirty"]')??[];for(let t of e)if(this.#n(t))return!0;return!1}disconnect(){if(this.#Et(),this.#Ze(),this.#et(),this.#lt(),this.#xt(),this.#vt(),this.#Lt(),this.#Dt(),this.#Ft(),this.#Mt(),this.#mt(),this.#_)this.element.removeEventListener?.("turbo:morph-element",this.#_)}#le(){let e=this.element;if(!e?.id)return;let t=e.getAttribute?.("data-reactive-defer-token");if(!t)return;if(e.getAttribute?.("data-reactive-defer-pending")!=="true")return;T(e.id,t)}dispatch(e){let{action:t,params:n,debounce:r,throttle:i,confirm:s,confirmWhen:o,outside:c,window:a,optimistic:u}=e.params;if(!t)return;let l=e.params.busy??this.#Kt(e.params.loading);if(c&&this.element.contains(e.target))return;let v=e.currentTarget??e.target;if(!a&&!this.#It(u,v))e.preventDefault();let d=this.#U(s,o);if(!d)return this.#ye(v,t,n,r,i,u,l);Promise.resolve().then(()=>_(d,{el:v})).catch(()=>!1).then((p)=>{if(p)this.#ye(v,t,n,r,i,u,l)})}runOps(e){let{ops:t,confirm:n,confirmWhen:r,outside:i,window:s}=e.params,o=e.currentTarget??e.target;if(i&&this.element.contains(e.target))return;if(!s)e.preventDefault();let c=this.#U(n,r);if(!c)return this.#Re(this.#Oe(t));Promise.resolve().then(()=>_(c,{el:o})).catch(()=>!1).then((a)=>{if(a)this.#Re(this.#Oe(t))})}trackDirty(){this.#Y()}recompute(e){if(e&&this.#se.has(e))return;let t=this.#Ve(),n=t.map(([f])=>f),r=this.element.getAttribute?.("data-reactive-scope")||null,i=(f)=>r&&!f.includes("[")?`${r}[${f}]`:f,s=this.#e(),o=new Map,c=(f)=>{if(o.has(f))return o.get(f);let h=null;for(let m of this.element.querySelectorAll(`[name="${i(f)}"]`))if(s(m)){h=m;break}return o.set(f,h),h};for(let f of n)this.#ve(f,c(f)?.value??"");let a=this.element.getAttribute("data-reactive-compute-reducer-param"),u=a?Fe(a):null;if(!u){this.#ge({},c);return}let l=this.#He("data-reactive-compute-outputs-param"),v={};for(let[f,h]of t){let m=c(f);if(h==="string")v[f]=m?.value??"";else{let b=Number(m?.value);v[f]=Number.isFinite(b)?b:0}}let d=u(v,{changed:this.#ze(e,n,r)})||{},p=Bt(d.$ops),A=[];for(let f of l){if(f==="$ops"||!(f in d))continue;let h=c(f);if(!h)continue;if(String(d[f])===h.value)continue;h.value=d[f],A.push(h)}for(let f of Object.keys(d)){if(f==="$ops")continue;let h=d[f];if(h===void 0||h===null)continue;this.#ve(f,h)}this.#ge(d,c);for(let f of A){let h=new Event("input",{bubbles:!0});this.#se.add(h),f.dispatchEvent(h)}this.#Pe(p,Boolean(e))}#Pe(e,t){let n=e===null?null:JSON.stringify(e),r=n!==null&&n!==this.#oe&&t;if(this.#oe=n,!r)return;S(e,(i)=>this.#P(i.to==null?{...i,to:"@root"}:i),(i,s)=>this.#M(`client op "${i}"`,s))}listnavNext(e){this.#fe(e,1)}listnavPrev(e){this.#fe(e,-1)}listnavPick(e){let t=this.#O(e),n=t.findIndex((r)=>r.hasAttribute("data-reactive-highlighted"));if(n<0)return;e.preventDefault(),t[n].click()}listnavClose(e){for(let t of this.#O(e))t.removeAttribute("data-reactive-highlighted")}#fe(e,t){let n=this.#O(e);if(!n.length)return;e.preventDefault();let r=n.findIndex((o)=>o.hasAttribute("data-reactive-highlighted")),i=r<0?t>0?0:n.length-1:(r+t+n.length)%n.length;for(let o of n)o.removeAttribute("data-reactive-highlighted");let s=n[i];s.setAttribute("data-reactive-highlighted","true"),s.scrollIntoView?.({block:"nearest"})}#O(e){let n=(e?.currentTarget??e?.target??this.element).getAttribute?.("data-reactive-listnav-option-param")??this.element.getAttribute("data-reactive-listnav-option-param");if(!n)return[];let r=this.#e();return Array.from(this.element.querySelectorAll(n)).filter((i)=>!i.hidden&&r(i))}tagsAdd(e){if(!this.#F())return;if(e?.defaultPrevented)return;if(this.#O(e).some((r)=>r.hasAttribute?.("data-reactive-highlighted")))return;e?.preventDefault?.();let t=e?.currentTarget??e?.target;if(!t)return;if(!this.#_e(String(t.value??"").split(",")))return;if(t.value="",this.#D())this.#k()}tagsPick(e){if(!this.#F())return;e?.preventDefault?.();let n=(e?.currentTarget??e?.target)?.getAttribute?.("data-reactive-tag-param");if(!n)return;if(!this.#_e([n]))return;let r=this.#Nt();if(!r)return;r.value="",this.#k(),r.focus?.()}tagsRemove(e){if(!this.#F())return;e?.preventDefault?.();let n=(e?.currentTarget??e?.target)?.getAttribute?.("data-reactive-tag-param");if(!n)return;let r=this.#Z();if(!r)return;let i=this.#Q(r),s=i.filter((o)=>o.toLowerCase()!==n.toLowerCase());if(s.length===i.length)return;this.#Ne(r,s)}nestedAdd(e){e?.preventDefault?.();let t=e?.currentTarget??e?.target,n=t?.getAttribute?.("data-reactive-association-param");if(!n)return;if(typeof this.element?.querySelectorAll!=="function")return;let r=this.#e(),i=[...this.element.querySelectorAll(`[data-reactive-nested-list="${n}"]`)].find(r),o=[...this.element.querySelectorAll(`[data-reactive-nested-template="${n}"]`)].find(r)?.content?.firstElementChild;if(!i||!o){this.#$t(n);return}let c=o.cloneNode(!0);this.#qt(c,this.#Rt()),i.appendChild(c);let a=t?.getAttribute?.("data-reactive-nested-from-param"),u=t?.getAttribute?.("data-reactive-nested-clear-param")==="true",l=this.#je(c,a,u);if(a)l?.focus?.();else[...c.querySelectorAll?.("input, select, textarea")??[]][0]?.focus?.();if(i.getAttribute?.("data-reactive-nested-json")===n)this.#he(n)}#je(e,t,n){if(!t)return null;let r;try{r=JSON.parse(t)}catch{return null}if(!r||typeof r!=="object")return null;let i=this.#e(),s=[...e.querySelectorAll?.("input, select, textarea")??[]],o=[];for(let[c,a]of Object.entries(r)){let u=[...this.element.querySelectorAll?.(a)??[]].find(i);if(!u)continue;let l=s.find((v)=>this.#pe(v.getAttribute?.("name"))===c);if(!l)continue;this.#Je(l,u),o.push(u)}if(n)for(let c of o)this.#Ie(c);return o[0]??null}#Je(e,t){if(e.type==="checkbox")e.checked=t.type==="checkbox"?!!t.checked:this.#z(t)!=="";else e.value=this.#z(t);if(typeof e.dispatchEvent==="function")e.dispatchEvent(new Event("input",{bubbles:!0}))}#Ie(e){if(e.type==="checkbox")e.checked=!1;else e.value="";if(typeof e.dispatchEvent==="function")e.dispatchEvent(new Event("input",{bubbles:!0}))}nestedRemove(e){e?.preventDefault?.();let t=e?.currentTarget??e?.target,n=t?.closest?.("[data-reactive-nested-row]");if(!n)return;if(n.closest?.('[data-controller~="reactive"]')!==this.element)return;let r=t?.getAttribute?.("data-reactive-confirm-param"),i=t?.getAttribute?.("data-reactive-confirm-when-param"),s=this.#U(r,i);if(!s)return this.#de(n);let o=this.#me(n),c=this.#Be(s,o);return Promise.resolve().then(()=>_(c,{el:t,row:n,fields:o})).catch(()=>!1).then((a)=>{if(a)this.#de(n)})}#Be(e,t){if(!e.includes("%{"))return e;return e.replace(/%\{(\w+)\}/g,(n,r)=>Object.prototype.hasOwnProperty.call(t,r)?t[r]:n)}#de(e){let t=[...e.querySelectorAll?.('input[name$="[_destroy]"]')??[]][0];if(t){if(t.value="1",typeof t.dispatchEvent==="function")t.dispatchEvent(new Event("input",{bubbles:!0}));e.hidden=!0}else e.parentNode?.removeChild?.(e);this.#R()}syncNestedJson(e){let t=e?.target;if(!t||!this.#n(t))return;this.#R()}#R(){if(typeof this.element?.querySelectorAll!=="function")return;let e=this.#e();for(let t of[...this.element.querySelectorAll("[data-reactive-nested-json]")].filter(e))this.#he(t.getAttribute("data-reactive-nested-json"))}#he(e){let t=this.#e(),n=[...this.element.querySelectorAll(`[data-reactive-nested-list="${e}"]`)].find(t);if(!n)return;let r=this.#We(n);if(!r)return;let i=[];for(let o of[...n.querySelectorAll?.("[data-reactive-nested-row]")??[]]){if(!t(o)||o.hidden)continue;i.push(this.#me(o))}let s=JSON.stringify(i);if(r.value===s)return;if(r.value=s,typeof r.dispatchEvent==="function")r.dispatchEvent(new Event("input",{bubbles:!0}))}#We(e){let t=e.getAttribute?.("data-reactive-nested-json-field");if(!t)return null;let n=this.#e();return[...this.element.querySelectorAll(t)].find(n)??null}#me(e){let t={};for(let n of[...e.querySelectorAll?.("input, select, textarea")??[]]){let r=this.#pe(n.getAttribute?.("name"));if(r===null||r==="_destroy")continue;t[r]=this.#z(n)}return t}#pe(e){if(!e)return null;let t=e.match(/\[([^\][]+)\]$/);return t?t[1]:e}#z(e){if(e.type==="checkbox")return e.checked?e.value||"on":"";return e.value??""}#He(e){let t=this.element.getAttribute(e);if(!t)return[];try{let n=JSON.parse(t);return Array.isArray(n)?n:[]}catch{return[]}}#Ve(){let e=this.element.getAttribute("data-reactive-compute-inputs-param");if(!e)return[];try{let t=JSON.parse(e);if(Array.isArray(t))return t.map((n)=>[n,"number"]);if(t&&typeof t==="object")return Object.entries(t);return[]}catch{return[]}}#ze(e,t,n){let r=e?.target;if(!r?.name||typeof r.closest!=="function")return null;let i=this.#Ge(r.name,n);if(!t.includes(i))return null;return this.#n(r)?i:null}#Ge(e,t){if(!t)return e;let n=`${t}[`;return e.startsWith(n)&&e.endsWith("]")?e.slice(n.length,-1):e}#ve(e,t){let n=String(t);for(let r of this.#Ke(e)){if(r.textContent===n)continue;r.textContent=n}}#Ke(e){let t=this.element.querySelectorAll(`[data-reactive-text="${e}"]`);return Array.from(t).filter((n)=>this.#n(n))}#ge(e,t){let n=this.#Ue();for(let[r,i]of Object.entries(n)){let s=r in e?e[r]:t(r)?.value;if(s===void 0||s===null)continue;let o=String(s);for(let c of Array.isArray(i)?i:[i]){if(!Ot(c))continue;for(let a of document.querySelectorAll(c)){if(a.textContent===o)continue;a.textContent=o}}}}#Ue(){let e=this.element.getAttribute("data-reactive-compute-mirror-param");if(!e)return{};try{let t=JSON.parse(e);return t&&typeof t==="object"&&!Array.isArray(t)?t:{}}catch{return{}}}#ye(e,t,n,r,i,s,o){if(this.#x("reactive:before-dispatch",{action:t,params:this.#Ce(n),element:this.element},{cancelable:!0}).defaultPrevented)return;let a=Number(r)||0;if(a>0)return this.#Xe(e,a,t,n,s,o);let u=Number(i)||0;if(u>0)return this.#Qe(e,u,t,n,s,o);return this.#q(t,n,s,e,o)}#q(e,t,n,r,i){let s=this.#Bt(n,r),o=this.#Wt(e,r,i),c=this.#K()?this.#Ye(n,r):null;return this.queue=(this.queue??Promise.resolve()).then(()=>this.#ot(e,t,s,o,c)),this.queue}#Ye(e,t){if(!e?.hide)return null;let n=this.#$e(e,t);if(!n.length)return null;return()=>{let r=n.filter((i)=>i.isConnected&&!i.hidden);if(!r.length)return;console.warn("[phlex-reactive] optimistic: { hide: true } was undone by the reply's re-render — "+"the element is visible again. For an instant delete, return reply.remove so the server removes it; otherwise the hide only flashes.",r)}}#Xe(e,t,n,r,i,s){this.#G(e);let o=()=>{this.#G(e),this.#q(n,r,i,e,s)},c=setTimeout(o,t);e?.addEventListener?.("blur",o,{once:!0}),this.#T.set(e,{timer:c,flush:o})}#G(e){let t=this.#T.get(e);if(!t)return;clearTimeout(t.timer),e?.removeEventListener?.("blur",t.flush),this.#T.delete(e)}#Ze(){for(let e of[...this.#T.keys()])this.#G(e)}#Qe(e,t,n,r,i,s){let o=this.#m.get(e)??new Map;if(o.has(n))return;let c=setTimeout(()=>{if(o.delete(n),o.size===0)this.#m.delete(e)},t);return o.set(n,c),this.#m.set(e,o),this.#q(n,r,i,e,s)}#et(){for(let e of this.#m.values())for(let t of e.values())clearTimeout(t);this.#m.clear()}#x(e,t,{cancelable:n=!1}={}){let r=new CustomEvent(e,{bubbles:!0,composed:!0,cancelable:n,detail:t});return(this.element.isConnected?this.element:document).dispatchEvent(r),r}#u(e,t,n,r){let i=()=>{if(!this.element.isConnected){console.warn("[phlex-reactive] retry() ignored — the reactive root left the DOM");return}return this.#q(e,t)};this.#x("reactive:error",{action:e,params:n,...r,retry:i})}#l(e){if(this.element?.isConnected===!1)return;this.element?.setAttribute?.("data-reactive-error",e)}#tt(){this.element?.removeAttribute?.("data-reactive-error")}#nt(){let e=document.querySelector("[data-reactive-error-flash]");if(!e?.content)return;let t=e.getAttribute("data-reactive-error-flash")||"flash",n=document.getElementById(t);if(!n)return;n.appendChild(e.content.cloneNode(!0))}#rt(){if(typeof sessionStorage>"u")return Promise.resolve();let e=Number(sessionStorage.getItem(H));if(!Number.isFinite(e)||e<=0)return Promise.resolve();if(!x)x=!0,console.warn(`[phlex-reactive] latency simulator ACTIVE — every action is delayed by ${e}ms. Call PhlexReactive.disableLatencySim() (or clear sessionStorage) to turn it off.`);return new Promise((t)=>setTimeout(t,e))}#K(){return this.element?.getAttribute?.("data-reactive-debug")==="true"}#be(){return typeof performance<"u"&&typeof performance.now==="function"?performance.now():Date.now()}#it(e){if(!e)return[];let t=[],n=/<turbo-stream\b([^>]*)>/g,r;while((r=n.exec(e))!==null){let i=r[1],s=i.match(/\baction="([^"]*)"/)?.[1]??"?",o=i.match(/\btarget="([^"]*)"/)?.[1];t.push(o?`${s} → #${o}`:s)}return t}#st(e){let{action:t,status:n,ms:r}=e,s=`reactive ${this.element?.id?`#${this.element.id} `:""}${t} → ${n??"—"} (${Math.round(r)}ms)`;if(console.groupCollapsed(s),console.log(`params: [${e.paramNames.join(", ")}] + collected: [${e.fieldNames.join(", ")}]`),console.log(`encoding: ${e.encoding}`),e.streams.length)console.log(`streams: ${e.streams.join("   ")}`);console.log(`token: ${e.tokenRefreshed?"refreshed ✓":"unchanged"}`),console.groupEnd()}async#ot(e,t,n,r,i){let{fields:s,files:o}=this.#Se(),c=this.#Ce(t),a={...s,...c},u=this.#f,l=o.length>0,v=l?this.#Pt(u,e,a,o):JSON.stringify({token:u,act:e,params:a}),d=this.#K()?{action:e,paramNames:Object.keys(c),fieldNames:Object.keys(s),encoding:l?"multipart":"json",status:null,streams:[],tokenRefreshed:!1,started:this.#be()}:null;await this.#rt();try{if(navigator.onLine===!1){this.#d(n),this.#l("offline"),this.#u(e,t,a,{kind:"offline"});return}let p;try{let m={Accept:"text/vnd.turbo-stream.html","X-CSRF-Token":this.#Xt()};if(!l)m["Content-Type"]="application/json";let b=this.#Zt();if(b)m["X-Pgbus-Connection"]=b;p=await fetch(this.#Ut(),{method:"POST",headers:m,body:v,credentials:"same-origin",signal:AbortSignal.timeout(this.#Yt())})}catch(m){if(console.error("[phlex-reactive] action error",m),this.#d(n),m?.name==="TimeoutError"||m?.name==="AbortError"){this.#l("timeout"),this.#u(e,t,a,{kind:"timeout"});return}this.#nt(),this.#l("network"),this.#u(e,t,a,{kind:"network"});return}if(d)d.status=p.status;if(p.redirected){console.error("[phlex-reactive] action was redirected (auth/CSRF?) — no update applied"),this.#d(n),this.#l("redirected"),this.#u(e,t,a,{kind:"redirected",status:p.status});return}if(!p.ok){let m=await p.text();if(console.error(`[phlex-reactive] action failed: HTTP ${p.status}`,m),this.#d(n),(p.headers.get("Content-Type")||"").includes("turbo-stream")){let b=this.#we(m);if(this.#f=b??this.#f,d)this.#Ae(d,m,b);window.Turbo.renderStreamMessage(m)}this.#l("http"),this.#u(e,t,a,{kind:"http",status:p.status,body:m});return}let A=p.headers.get("Content-Type")||"";if(!A.includes("turbo-stream")){console.error(`[phlex-reactive] expected a turbo-stream, got "${A}" — no update applied`),this.#d(n),this.#l("content-type"),this.#u(e,t,a,{kind:"content-type",status:p.status});return}let f=await p.text(),h=this.#we(f);if(this.#f=h??this.#f,d)this.#Ae(d,f,h);if(window.Turbo.renderStreamMessage(f),i)queueMicrotask(i);this.#tt(),this.#x("reactive:applied",{action:e,params:a,html:f})}catch(p){console.error("[phlex-reactive] action error",p),this.#d(n),this.#x("reactive:error",{action:e,params:a,kind:"apply"})}finally{if(r?.(),d)this.#st({...d,ms:this.#be()-d.started})}}#Ae(e,t,n){e.streams=this.#it(t),e.tokenRefreshed=n!=null}get#f(){return this.#re??this.tokenValue}set#f(e){this.#re=e}#we(e){let t=this.element.id;if(!t)return e.match(/data-reactive-token-value="([^"]+)"/)?.[1];let{token:n,self:r}=this.#at(t),i=e.match(n);if(i)return i[1];let s=e.match(r);if(s)return s[1].match(/data-reactive-token-value="([^"]+)"/)?.[1];return}#at(e){let t=this.#ie;if(t&&t.id===e)return t;let n=ft(e);return this.#ie={id:e,token:new RegExp(`<turbo-stream\\b[^>]*\\baction="reactive:token"[^>]*\\btarget="${n}"[^>]*\\bdata-reactive-token-value="([^"]+)"`),self:new RegExp(`<turbo-stream\\b[^>]*\\baction="(?:replace|update)"[^>]*\\btarget="${n}"[^>]*>([\\s\\S]*?)</turbo-stream>`)}}#n(e){return e.closest('[data-controller~="reactive"]')===this.element}#e(){if(this.element.querySelectorAll('[data-controller~="reactive"]').length===0)return()=>!0;return(t)=>this.#n(t)}#U(e,t){if(e)return e;if(!t)return null;let n=t;if(typeof t==="string")try{n=JSON.parse(t)}catch{return console.warn(`[phlex-reactive] malformed conditional confirm payload ${JSON.stringify(t)} — skipped`),null}if(!n||typeof n!=="object")return null;let{fields:r}=this.#Se(),i=(o)=>r[o],s;if(typeof n.predicate==="string"){let o=Me(n.predicate);if(!o)return console.warn(`[phlex-reactive] confirm predicate "${n.predicate}" is not registered — proceeding without a dialog (register it with setConfirmPredicate)`),null;s=!!o(r)}else s=w(n.groups?.any,i)===!0;return s?n.message:null}#Se(){let e={},t=[],n=this.#e();return this.element.querySelectorAll("input[name], select[name], textarea[name]").forEach((r)=>{if(!n(r))return;if(r.type==="file")for(let i of r.files??[])t.push({name:r.name,file:i,multiple:r.multiple});else if(r.type==="checkbox")e[r.name]=r.checked;else if(r.type==="radio"){if(r.checked)e[r.name]=r.value}else e[r.name]=r.value}),this.element.querySelectorAll("[name]:is(lexxy-editor, trix-editor, [contenteditable=''], [contenteditable=true], [contenteditable=plaintext-only])").forEach((r)=>{if(!n(r))return;let i=r.getAttribute("name");if(!i)return;let s=e[i];if(s==null||s==="")e[i]=r.value??r.textContent??r.innerHTML??""}),{fields:e,files:t}}#Y(){if(typeof this.element?.querySelectorAll!=="function")return;let e=0;if(this.element.querySelectorAll("input[name], select[name], textarea[name]").forEach((t)=>{if(!this.#n(t))return;if(t.type==="file")return;if(this.#ct(t))t.setAttribute("data-reactive-dirty","true"),e++;else t.removeAttribute("data-reactive-dirty")}),e>0)this.element.setAttribute("data-reactive-dirty",String(e));else this.element.removeAttribute("data-reactive-dirty")}#ct(e){if(e.type==="checkbox"||e.type==="radio")return e.checked!==e.defaultChecked;if(e.tag==="select"||e.options)return Array.from(e.options??[]).some((t)=>t.selected!==t.defaultSelected);return e.value!==e.defaultValue}#Ee(){let e=this.element.getAttribute?.("data-reactive-dirty"),t=Number(e);return Number.isFinite(t)&&t>0?t:0}#ut(){if(typeof window>"u"||typeof window.addEventListener!=="function")return;this.#g=(e)=>{if(this.#Ee()===0)return;return e.preventDefault(),e.returnValue="You have unsaved changes.",e.returnValue},this.#y=(e)=>{if(this.#Ee()===0)return;if(!(typeof window.confirm==="function"?window.confirm("You have unsaved changes. Leave anyway?"):!0))e.preventDefault?.()},window.addEventListener("beforeunload",this.#g),window.addEventListener("turbo:before-visit",this.#y)}#lt(){if(this.#v)this.element.removeEventListener?.("turbo:morph-element",this.#v),this.#v=void 0;if(typeof window<"u"&&typeof window.removeEventListener==="function"){if(this.#g)window.removeEventListener("beforeunload",this.#g);if(this.#y)window.removeEventListener("turbo:before-visit",this.#y)}this.#g=void 0,this.#y=void 0}#ft(){if(this.element.getAttribute?.("data-reactive-show-targets"))return!0;let e=this.element.querySelectorAll?.(ce)??[];for(let t of e)if(this.#n(t))return!0;return!1}#dt(){return!!this.element.getAttribute?.("data-reactive-on-complete")}#ht(){if(this.element.getAttribute?.("data-reactive-clipboard"))return!0;let e=this.element.querySelectorAll?.("[data-reactive-clipboard]")??[];for(let t of e)if(this.#n(t))return!0;return!1}#xe(){let e=typeof globalThis.navigator?.clipboard?.readText==="function";if(this.element.getAttribute?.("data-reactive-clipboard"))this.element.hidden=!e;for(let t of this.element.querySelectorAll?.("[data-reactive-clipboard]")??[])if(this.#n(t))t.hidden=!e}#mt(){if(!this.#S)return;this.element.removeEventListener?.("turbo:morph-element",this.#S),this.#S=void 0}#pt(){let e=this.element.getAttribute?.("data-reactive-on-complete")??null;if(e!==this.#ae)this.#ae=e,this.#W=e==null?[]:Ft(e),this.#H=this.#W.map(()=>!1);return this.#W}#X(e){let t=this.#pt();if(!t.length)return;let n=this.#e(),r=this.element.getAttribute?.("data-reactive-scope")||null,i=new Map,s=(o)=>{if(!i.has(o))i.set(o,this.#Le(o,n,r));return i.get(o)};t.forEach((o,c)=>{let a=w(o.any,s);if(a===null)return;let u=a&&!this.#H[c]&&Boolean(e);if(this.#H[c]=a,u)S(o.ops,(l)=>this.#P(l.to==null?{...l,to:"@root"}:l),(l,v)=>this.#M(`client op "${l}"`,v))})}#vt(){if(!this.#a)return;this.element.removeEventListener?.("input",this.#a),this.element.removeEventListener?.("change",this.#a),this.element.removeEventListener?.("turbo:morph-element",this.#B)}#ke(){if(typeof this.element?.querySelectorAll!=="function")return;let e=this.#e(),t=this.element.getAttribute?.("data-reactive-scope")||null,n=new Map,r=(i)=>{if(!n.has(i))n.set(i,this.#Le(i,e,t));return n.get(i)};for(let i of this.element.querySelectorAll(ce)){if(!e(i))continue;let s=i.getAttribute("data-reactive-show");if(s!==null){let u=Pt(Dt(s),r);if(u!==null)this.#Te(i,u,e,t);continue}let o=i.getAttribute("data-reactive-show-field");if(!o)continue;let c=r(o);if(c===null)continue;let a=Rt(i,c);if(a===null)continue;this.#Te(i,a,e,t)}this.#gt(r)}#Te(e,t,n,r){if(e.hidden=!t,e.getAttribute("data-reactive-show-disable")!=="true")return;if(typeof e.querySelectorAll!=="function")return;for(let i of e.querySelectorAll("input[name], select[name], textarea[name]"))if(n(i))i.disabled=!t;if(e.name&&n(e))e.disabled=!t}#gt(e){let t=this.#bt();for(let[n,r]of Object.entries(t)){if(n.startsWith("#")){this.#yt(n,r,e);continue}if(!r||typeof r!=="object"||Array.isArray(r))continue;let i=e(n);if(i===null)continue;let s=()=>i;for(let[o,c]of Object.entries(r)){if(!ue(o))continue;let a;if(Array.isArray(c)){if(c.length===0){console.warn(`[phlex-reactive] malformed reactive_show_targets group for ${o} — skipped`);continue}a=c.every((u)=>Q(u,s))}else{let u=Oe(c,i);if(u===null){console.warn(`[phlex-reactive] malformed reactive_show_targets predicate for ${o} — skipped`);continue}a=u}for(let u of document.querySelectorAll(o))u.hidden=!a}}}#yt(e,t,n){if(!ue(e))return;let r=t&&typeof t==="object"&&!Array.isArray(t)?t.any:null,i=Mt(r);if(i===null){console.warn(`[phlex-reactive] malformed reactive_show_targets conditions for ${e} — skipped`);return}if(i.every((o)=>n(o)===null))return;let s=w(r,n);if(s===null)return;for(let o of document.querySelectorAll(e))o.hidden=!s}#bt(){let e=this.element.getAttribute?.("data-reactive-show-targets");if(!e)return{};try{let t=JSON.parse(e);if(t&&typeof t==="object"&&!Array.isArray(t))return t}catch{}return console.warn("[phlex-reactive] malformed data-reactive-show-targets — ignored. "+"Did two reactive_show_targets calls collide on one root? Declare every field in ONE call: reactive_show_targets(mode: { ... }, kind: { ... })"),{}}#Le(e,t,n){let r=n&&!e.includes("[")?`${n}[${e}]`:e,i=!1,s=null;for(let o of this.element.querySelectorAll(`[name="${r}"]`)){if(!t(o))continue;if(o.type==="checkbox")return o.checked?"true":"false";if(o.type==="radio"){if(o.checked)return o.value??"";i=!0;continue}s??=o}if(s)return s.value??"";return i?"":null}#At(){let e=this.#i;this.#E=!1;let t=J(this.element,e);if(t){if(kt(this.element,e,t.fields),t.state)this.element.setAttribute?.(V,JSON.stringify(t.state));this.#x("reactive:persist-restored",{key:e.key,fields:t.fields,state:t.state??{}})}this.#E=!0,this.#c=()=>this.#wt(),this.#N=()=>this.#$(),this.#C=(n)=>this.#St(n),this.element.addEventListener?.("input",this.#c),this.element.addEventListener?.("change",this.#N);for(let n of re)this.element.addEventListener?.(n,this.#c);document.addEventListener?.("turbo:submit-end",this.#C)}#wt(){if(!this.#E)return;let e=Number(this.#i?.debounce)||0;if(e<=0)return this.#$();if(this.#t!==null)clearTimeout(this.#t);this.#t=setTimeout(()=>{this.#t=null,this.#$()},e)}#$(){if(!this.#E||!this.#i)return;if(this.#t!==null)clearTimeout(this.#t),this.#t=null;let e=this.#i,t=J(this.element,e);xe(this.element,e,{fields:Te(this.element,e),state:t?.state??null})}#St(e){if(!e?.detail?.success)return;let t=e.target;if(t?.tagName!=="FORM"||typeof t.contains!=="function")return;if(!t.contains(this.element))return;if(this.#t!==null)clearTimeout(this.#t),this.#t=null;Y(this.element,this.#i)}#Et(){if(!this.#i)return;if(this.#t!==null)this.#$();this.element.removeEventListener?.("input",this.#c),this.element.removeEventListener?.("change",this.#N);for(let e of re)this.element.removeEventListener?.(e,this.#c);document.removeEventListener?.("turbo:submit-end",this.#C),this.#c=this.#N=this.#C=void 0,this.#i=null,this.#E=!1}#xt(){if(!this.#r)return;this.element.removeEventListener?.("input",this.#r),this.element.removeEventListener?.("change",this.#r),this.element.removeEventListener?.("turbo:morph-element",this.#r),this.#r=void 0}#D(){return!!(this.element.getAttribute?.("data-reactive-filter-input")&&this.element.getAttribute?.("data-reactive-filter-option"))}#kt(){return this.element.getAttribute?.("data-reactive-compute-seed")==="true"}#Tt(e){let t=this.element.getAttribute("data-reactive-filter-input");return!!t&&typeof e.target?.matches==="function"&&e.target.matches(t)}#k(){if(typeof this.element?.querySelectorAll!=="function")return;let e=this.element.getAttribute("data-reactive-filter-input"),t=this.element.getAttribute("data-reactive-filter-option");if(!e||!t)return;let n=this.#e(),r=[...this.element.querySelectorAll(e)].find(n);if(!r)return;let i=(r.value??"").trim().toLowerCase(),s=0;for(let a of this.element.querySelectorAll(t)){if(!n(a))continue;let u=(a.getAttribute("data-reactive-filter-text")??a.textContent??"").toLowerCase(),l=a.hasAttribute?.("data-reactive-tags-selected")||i!==""&&!u.includes(i);if(a.hidden=l,l)a.removeAttribute("data-reactive-highlighted");else s++}let o=this.element.getAttribute("data-reactive-filter-group");if(o)for(let a of this.element.querySelectorAll(o)){if(!n(a))continue;let u=[...a.querySelectorAll(t)].filter(n);if(u.length===0)continue;a.hidden=u.every((l)=>l.hidden)}let c=this.element.getAttribute("data-reactive-filter-empty");if(c){for(let a of this.element.querySelectorAll(c))if(n(a))a.hidden=s>0}}#Lt(){if(!this.#s)return;this.element.removeEventListener?.("input",this.#s),this.element.removeEventListener?.("turbo:morph-element",this.#s),this.#s=void 0}#F(){return!!this.element.getAttribute?.("data-reactive-tags-field")}#_t(){if(typeof this.element?.querySelector!=="function")return!1;return!!this.element.querySelector("[data-reactive-nested-json]")}#Z(){if(typeof this.element?.querySelectorAll!=="function")return null;let e=this.element.getAttribute("data-reactive-tags-field");if(!e)return null;let t=this.#e();return[...this.element.querySelectorAll(e)].find(t)??null}#Q(e){let t=new Set,n=[];for(let r of String(e.value??"").split(",")){let i=r.trim();if(i===""||t.has(i.toLowerCase()))continue;t.add(i.toLowerCase()),n.push(i)}return n}#_e(e){let t=this.#Z();if(!t)return!1;let n=this.#Q(t),r=new Set(n.map((s)=>s.toLowerCase())),i=!1;for(let s of e){let o=String(s??"").trim();if(o===""||r.has(o.toLowerCase()))continue;r.add(o.toLowerCase()),n.push(o),i=!0}if(i)this.#Ne(t,n);return i}#Ne(e,t){if(e.value=t.join(","),typeof e.dispatchEvent==="function")e.dispatchEvent(new Event("input",{bubbles:!0}));this.#ee()}#Nt(){if(typeof this.element?.querySelectorAll!=="function")return null;let e=this.element.getAttribute("data-reactive-filter-input");if(!e)return null;let t=this.#e();return[...this.element.querySelectorAll(e)].find(t)??null}#ee(){let e=this.#Z();if(!e)return;let t=this.#Q(e),n=this.#e();this.#Ct(t,n),this.#Ot(t,n)}#Ct(e,t){let n=[...this.element.querySelectorAll("[data-reactive-tags-list]")].find(t);if(!n)return;let i=[...this.element.querySelectorAll("[data-reactive-tags-template]")].find(t)?.content?.firstElementChild;if(!i){if(!this.#ce)console.warn("[phlex-reactive] reactive_tags: no chip <template data-reactive-tags-template> found in this root — "+"chips will not render (the hidden field still updates). Add a template with a [data-reactive-tag-text] node and a reactive_tags_remove button."),this.#ce=!0;return}while(n.firstChild)n.removeChild(n.firstChild);for(let s of e){let o=i.cloneNode(!0);o.setAttribute?.("data-reactive-tag",s);let c=o.matches?.("[data-reactive-tag-text]")?o:(o.querySelectorAll?.("[data-reactive-tag-text]")??[])[0];if(c)c.textContent=s;let a=[...o.querySelectorAll?.('[data-action*="reactive#tagsRemove"]')??[]];if(o.matches?.('[data-action*="reactive#tagsRemove"]'))a.push(o);for(let u of a)u.setAttribute?.("data-reactive-tag-param",s);n.appendChild(o)}}#Ot(e,t){let n=new Set(e.map((r)=>r.toLowerCase()));for(let r of this.element.querySelectorAll("[role=option]")){if(!t(r))continue;let i=r.getAttribute?.("data-reactive-tag-param");if(!i)continue;if(n.has(i.toLowerCase()))r.setAttribute("data-reactive-tags-selected","true"),r.hidden=!0,r.removeAttribute?.("data-reactive-highlighted");else if(r.hasAttribute?.("data-reactive-tags-selected")){if(r.removeAttribute("data-reactive-tags-selected"),!this.#D())r.hidden=!1}}if(this.#D())this.#k()}#Rt(){return this.#V=Math.max(this.#V+1,Date.now()),this.#V}#qt(e,t){let n=[e,...e.querySelectorAll?.("*")??[]];for(let r of n)for(let i of["name","id","for"]){let s=r.getAttribute?.(i);if(s&&s.includes("NEW_ROW"))r.setAttribute?.(i,s.replaceAll("NEW_ROW",String(t)))}}#$t(e){if(this.#ue)return;console.warn(`[phlex-reactive] nested rows: no owned [data-reactive-nested-list="${e}"] container + <template data-reactive-nested-template="${e}"> pair found in this root — the add `+"trigger did nothing. Render both inside the same reactive root (reactive_nested_list / reactive_nested_template)."),this.#ue=!0}#Dt(){if(!this.#b)return;this.element.removeEventListener?.("turbo:morph-element",this.#b),this.#b=void 0}#Ft(){if(this.#o)this.element.removeEventListener?.("input",this.#o),this.element.removeEventListener?.("change",this.#o),this.#o=void 0;if(this.#A)this.element.removeEventListener?.("turbo:morph-element",this.#A),this.#A=void 0}#Mt(){if(!this.#w)return;this.element.removeEventListener?.("turbo:morph-element",this.#w),this.#w=void 0}#Pt(e,t,n,r){let i=new FormData;i.append("token",e),i.append("act",t);for(let[o,c]of Object.entries(n))this.#ne(i,this.#te(o),c);let s=this.#jt(r);for(let{name:o,file:c,multiple:a}of r){let l=a||s.has(o)?`${this.#te(o)}[]`:this.#te(o);i.append(l,c,c.name)}return i}#te(e){let t=String(e),n=t.indexOf("[");if(n===-1)return`params[${t}]`;return`params${[t.slice(0,n),...t.slice(n).match(/[^\[\]]+/g)??[]].map((i)=>`[${i}]`).join("")}`}#ne(e,t,n){if(n==null)e.append(t,"");else if(Array.isArray(n))n.forEach((r,i)=>this.#ne(e,`${t}[${i}]`,r));else if(typeof n==="object")for(let[r,i]of Object.entries(n))this.#ne(e,`${t}[${r}]`,i);else e.append(t,String(n))}#jt(e){let t=new Map;for(let{name:n}of e)t.set(n,(t.get(n)??0)+1);return new Set([...t].filter(([,n])=>n>1).map(([n])=>n))}#Ce(e){if(!e)return{};try{return typeof e==="string"?JSON.parse(e):e}catch{return{}}}#Oe(e){return Re(e)}#Re(e){S(e,(t)=>this.#P(t),(t,n)=>this.#M(`client op "${t}"`,n))}#Jt(){return this.element?.getAttribute?.("data-reactive-verbose")==="true"||this.#K()}#M(e,t){if(!this.#Jt())return;let n=t.to;if(typeof n!=="string"||n===""||n==="@root")return;let r="";if(!t.global)if(this.element?.matches?.(n))r=" — the selector matches this component's own root, which root-scoped resolution never includes; use to: :root";else if(I(this.element,n)>0)r=" — it matches only inside a nested reactive root (excluded by ownership scoping); use global: true";else{let i=I(globalThis.document,n);if(i>0)r=` — it matches ${i} element(s) outside this scope; use global: true`}$e(e,n,`scoped to #${this.element?.id||"?"}`,r)}#P(e){let t=e.to;if(t==="@root")return[this.element];if(typeof t!=="string"||t==="")return[];if(e.global)return[...document.querySelectorAll(t)];return[...this.element.querySelectorAll(t)].filter((n)=>this.#n(n))}#It(e,t){if(e?.checked!=="keep")return!1;let n=t?.type;return n==="checkbox"||n==="radio"}#Bt(e,t){if(!e)return null;let n=this.#qe(e,t,!0);return n.length?n:null}#d(e){if(!e)return;if(!this.element.isConnected)return;for(let t of e)t()}#Wt(e,t,n){this.#Vt(e,t);let r=n?this.#qe(n,t,!1):[];Ae();let i=!1;return()=>{if(i)return;i=!0,this.#zt(e,t),we();for(let s of r)s()}}#qe(e,t,n){let r=[];for(let i of this.#$e(e,t)){if(e.add_class){let s=e.add_class.filter((o)=>!i.classList.contains(o));if(i.classList.add(...s),s.length)r.push(()=>i.classList.remove(...s))}if(e.remove_class){let s=e.remove_class.filter((o)=>i.classList.contains(o));if(i.classList.remove(...s),s.length)r.push(()=>i.classList.add(...s))}if(e.toggle_class)e.toggle_class.forEach((s)=>i.classList.toggle(s)),r.push(()=>e.toggle_class.forEach((s)=>i.classList.toggle(s)));if(e.hide)i.hidden=!0,r.push(()=>i.hidden=!1);if(e.show)i.hidden=!1,r.push(()=>i.hidden=!0)}if(t&&(e.disable||e.text!=null))r.push(this.#Ht(e,t));if(n&&e.checked==="keep"&&t&&"checked"in t){let i=t.checked;r.push(()=>t.checked=!i)}return r}#$e(e,t){if(e.to==null)return t?[t]:[];let n=this.#P({to:e.to});if(n.length===0)this.#M("busy/optimistic hint",{to:e.to});return n}#Ht(e,t){let n=this.#L.get(t);if(n)n.count++;else this.#L.set(t,{count:1,disabled:t.disabled,html:t.innerHTML,hadText:e.text!=null,swappedTo:e.text});if(e.disable)t.disabled=!0;if(e.text!=null)t.innerHTML=e.text;return()=>this.#Gt(t,e)}#Vt(e,t){if(this.#h(t,e,1),this.#h(this.element,e,1),this.#p.set(e,(this.#p.get(e)??0)+1),this.#J++===0)this.element.setAttribute("aria-busy","true");for(let n of this.#De(e))this.#h(n,e,1)}#zt(e,t){this.#h(t,e,-1),this.#h(this.element,e,-1);let n=(this.#p.get(e)??1)-1;if(n<=0)this.#p.delete(e);else this.#p.set(e,n);if(--this.#J<=0)this.#J=0,this.element.removeAttribute("aria-busy");for(let r of this.#De(e))this.#h(r,e,-1)}#h(e,t,n){if(!e||typeof e.getAttribute!=="function")return;let r=this.#I.get(e)??new Map,i=(r.get(t)??0)+n;if(i<=0)r.delete(t);else r.set(t,i);if(r.size===0){this.#I.delete(e),e.removeAttribute("data-reactive-busy");return}this.#I.set(e,r),e.setAttribute("data-reactive-busy",[...r.keys()].join(" "))}#De(e){return[...this.element.querySelectorAll?.("[data-reactive-busy-on]")??[]].filter((n)=>n.getAttribute("data-reactive-busy-on")===e&&this.#n(n))}#Gt(e,t){let n=this.#L.get(e);if(!n)return;if(--n.count>0)return;if(this.#L.delete(e),!e.isConnected)return;if(t.disable)e.disabled=n.disabled;if(n.hadText&&e.innerHTML===n.swappedTo)e.innerHTML=n.html}#Kt(e){if(!e||typeof e!=="object")return null;let{class:t,...n}=e;return t==null?e:{...n,add_class:t}}#Ut(){return this.#Fe??=document.querySelector('meta[name="phlex-reactive-action-path"]')?.content||"/reactive/actions"}#Yt(){if(this.#j!=null)return this.#j;let e=document.querySelector('meta[name="phlex-reactive-timeout"]')?.content,t=Number(e);return this.#j=Number.isFinite(t)&&t>0?t:30000}#Xt(){return document.querySelector('meta[name="csrf-token"]')?.content??""}#Zt(){return document.querySelector("pgbus-stream-source[connection-id]")?.getAttribute("connection-id")||document.querySelector('meta[name="pgbus-connection-id"]')?.content||null}}export{be as ACTIVE_ATTR,H as LATENCY_KEY,sn as __markReactiveConnectedForTest,Xt as __resetReactiveDismissForTest,Zt as __resetReactiveEffectsForTest,en as __resetReactiveLatencyForTest,Qt as __resetReactiveOfflineForTest,rn as __resetReactiveRegistrationForTest,dt as checkReactiveRegistration,on as default,ut as disableLatencySim,ct as enableLatencySim,Ae as enterReactiveActivity,ft as escapeRegExp,we as exitReactiveActivity,Yt as pendingDeferVia,tn as reactiveActivityCount,ne as registerReactiveActions,Ie as registerReactiveDefer,Ke as registerReactiveDismiss,Xe as registerReactiveEffects,Je as registerReactiveJs,at as registerReactiveOffline,je as registerReactiveToken,Pe as registerReactiveVisit,nn as resetReactiveActivity,Ut as resetReactiveDefers};
+import{Controller as Ve}from"@hotwired/stimulus";import{confirmResolver as D}from"phlex/reactive/confirm";import{computeReducer as ze}from"phlex/reactive/compute";import{confirmPredicate as Ge}from"phlex/reactive/confirm_predicate";function Ue(){let e=window.Turbo?.StreamActions;if(!e||e["reactive:visit"])return;e["reactive:visit"]=function(){let t=this.getAttribute("data-url");if(t)window.Turbo.visit(t,{action:"advance"})}}function Ke(){let e=window.Turbo?.StreamActions;if(!e||e["reactive:token"])return;e["reactive:token"]=function(){let t=this.getAttribute("data-reactive-token-value"),n=this.getAttribute("target");if(!t||!n)return;let r=document.getElementById(n);if(r)r.setAttribute("data-reactive-token-value",t)}}function Ye(){let e=window.Turbo?.StreamActions;if(!e||e["reactive:js"])return;e["reactive:js"]=function(){let t=We(this.getAttribute("data-reactive-ops"));if(!t.length)return;let n=this.getAttribute("target"),r=this.getAttribute("data-reactive-verbose")==="true",i=n?document.getElementById(n):null;if(n&&!i){if(r&&!Ie(`missing-root|#${n}`))console.warn(`[phlex-reactive] reactive:js stream target root #${n} is not in the DOM — its ops were dropped`);return}N(t,(s)=>rn(s,i),r?(s,o)=>nn(s,o,i):void 0)}}var y=new Map;function ye(e,t){let n=!y.has(e);if(y.set(e,t),n)Te()}function C(e){if(y.delete(e))Ne()}function un(){y.clear(),W=!1}function ln(e){return y.get(e)?.via}var W=!1;function Xe(){let e=window.Turbo?.StreamActions;if(!e||e["reactive:defer"])return;if(e["reactive:defer"]=function(){let t=this.getAttribute("target");if(!t)return;if(this.getAttribute("data-reactive-defer-via")==="stream"){Qe(t,this);return}let n=this.getAttribute("data-reactive-defer-token");if(!n)return;O(t,n)},!W&&typeof document<"u"&&document.addEventListener)W=!0,document.addEventListener("turbo:before-stream-render",Ze)}function Ze(e){let n=e.target?.getAttribute?.("target");if(!n)return;let r=n.startsWith("reactive-defer-src-")?n.slice(19):n;if(y.get(r)?.via==="stream")C(r)}function O(e,t){let n=document.getElementById(e);if(!n){console.warn(`[phlex-reactive] reactive:defer target #${e} is not on the page — skipped`);return}be(e),Ae(n);let r={via:"fetch",abort:new AbortController,timedOut:!1};ye(e,r),et(e,r,t)}function Qe(e,t){let n=document.getElementById(e);if(!n){console.warn(`[phlex-reactive] reactive:defer target #${e} is not on the page — skipped`);return}let r=t.getAttribute("data-reactive-defer-src");if(!r)return;if(!globalThis.customElements?.get?.("pgbus-stream-source")){let s=t.getAttribute("data-reactive-defer-token");if(s){O(e,s);return}console.error("[phlex-reactive] reactive:defer via=stream but <pgbus-stream-source> is not registered "+"and no fallback token was provided — is the pgbus client loaded on this page?");return}be(e),Ae(n);let i=document.createElement("pgbus-stream-source");i.id=ge(e),i.setAttribute("src",r),i.setAttribute("since-id",t.getAttribute("data-reactive-defer-since-id")??"0"),i.setAttribute("hidden",""),document.body.appendChild(i),ye(e,{via:"stream"})}function ge(e){return`reactive-defer-src-${e}`}async function et(e,t,n){let r=setTimeout(()=>{t.timedOut=!0,t.abort.abort()},rt()),i;try{i=await fetch(tt(),{method:"POST",headers:{Accept:"text/vnd.turbo-stream.html","Content-Type":"application/json","X-CSRF-Token":nt()},body:JSON.stringify({token:n}),credentials:"same-origin",signal:t.abort.signal})}catch(o){if(clearTimeout(r),y.get(e)!==t)return;console.error("[phlex-reactive] deferred render failed",o),F(e,n);return}if(y.get(e)!==t){clearTimeout(r);return}if(i.status===204){clearTimeout(r),oe(e);return}if(!i.ok){clearTimeout(r),console.error(`[phlex-reactive] deferred render failed: HTTP ${i.status}`),F(e,n,i.status);return}let s;try{s=await i.text()}catch(o){if(clearTimeout(r),y.get(e)!==t)return;console.error("[phlex-reactive] deferred render failed reading the body",o),F(e,n);return}if(clearTimeout(r),y.get(e)!==t)return;oe(e),window.Turbo.renderStreamMessage(s)}function be(e){let t=y.get(e);if(!t)return;if(C(e),t.via==="fetch")t.abort.abort();else document.getElementById(ge(e))?.remove?.()}function Ae(e){e.setAttribute("data-reactive-defer-pending","true"),e.setAttribute("aria-busy","true")}function we(e){e.removeAttribute("data-reactive-defer-pending"),e.removeAttribute("aria-busy")}function oe(e){C(e);let t=document.getElementById(e);if(!t)return;we(t),t.removeAttribute("data-reactive-error")}function F(e,t,n){C(e);let r=document.getElementById(e);if(!r)return;we(r),r.setAttribute("data-reactive-error","defer");let i=()=>{let s=document.getElementById(e);if(!s){console.warn("[phlex-reactive] defer retry() ignored — the target left the DOM");return}s.removeAttribute("data-reactive-error"),O(e,t)};r.dispatchEvent(new CustomEvent("reactive:error",{bubbles:!0,composed:!0,detail:{kind:"defer",target:e,status:n,retry:i}}))}function tt(){return document.querySelector('meta[name="phlex-reactive-defer-path"]')?.content||"/reactive/defer"}function nt(){return document.querySelector('meta[name="csrf-token"]')?.content??""}function rt(){let e=document.querySelector('meta[name="phlex-reactive-timeout"]')?.content,t=Number(e);return Number.isFinite(t)&&t>0?t:30000}var B=!1;function it(){if(B)return;if(typeof document>"u"||!document.addEventListener)return;B=!0,document.addEventListener("turbo:before-stream-render",st)}function st(e){let t=e.detail,n=t?.render;if(typeof n!=="function"||n.__reactiveDismissWrapped){if(typeof requestAnimationFrame==="function")requestAnimationFrame(M);else setTimeout(M,0);return}let r=async(i)=>{await n(i),M()};r.__reactiveDismissWrapped=!0,t.render=r}function M(){let e=document.querySelectorAll("[data-reactive-dismiss-after]");for(let t of e){if(t.hasAttribute("data-reactive-dismiss-scheduled"))continue;let n=Number(t.getAttribute("data-reactive-dismiss-after"));if(!Number.isFinite(n)||n<=0)continue;t.setAttribute("data-reactive-dismiss-scheduled",""),setTimeout(()=>t.remove(),n)}}function fn(){B=!1}var ot=Object.freeze({append:"enter",prepend:"enter",replace:"update",update:"update",remove:"exit"}),P=Object.freeze(["fade","slide","scale","highlight","shake"]),I="data-reactive-fx-pending",Se=1000,H=!1;function at(){if(H)return;if(typeof document>"u"||typeof document.addEventListener!=="function")return;H=!0,document.addEventListener("turbo:before-stream-render",ct)}function dn(){H=!1}function ct(e){let t=e.detail,n=t?.render;if(typeof n!=="function"||n.__reactiveEffectsWrapped)return;let r=t?.newStream??e.target,i=ot[r?.getAttribute?.("action")];if(!i||ft())return;let s=ut(r,i);if(!s)return;let o=i==="exit"?async(a)=>{await mt(L(r),s),await n(a)}:async(a)=>{let c=i==="enter"?dt(r):null;if(await n(a),i==="enter")ht(c,s);else Ee(L(r),s)};o.__reactiveEffectsWrapped=!0,t.render=o}function ut(e,t){let n=e.getAttribute?.("data-reactive-effect");if(n==="off")return null;if(n)return ae(n,t);let i=(t==="enter"?lt(e):L(e))?.getAttribute?.(`data-reactive-effect-${t}`);return i?ae(i,t):null}function L(e){let t=e.getAttribute?.("target");return t?document.getElementById?.(t)??null:null}function lt(e){return e.querySelector?.("template")?.content?.firstElementChild??null}function ae(e,t){if(e.startsWith("[")){let r=null;try{let i=JSON.parse(e);if(Array.isArray(i)&&i.length===3)r=i.map(String)}catch{}if(r)return{legs:r};return console.warn(`[phlex-reactive] malformed effect legs ${JSON.stringify(e)} — skipped`),null}let n=e==="random"?P[Math.floor(Math.random()*P.length)]:e;if(!P.includes(n))return console.warn(`[phlex-reactive] unknown effect ${JSON.stringify(e)} — skipped`),null;return{className:`reactive-fx--${n}-${t}`}}function ft(){try{return typeof matchMedia==="function"&&matchMedia("(prefers-reduced-motion: reduce)").matches}catch{return!1}}function dt(e){let t=e.querySelector?.("template")?.content;if(!t)return null;for(let n of Array.from(t.children??[]))n.setAttribute?.(I,"");return L(e)}function ht(e,t){if(typeof e?.querySelectorAll!=="function")return;for(let n of Array.from(e.querySelectorAll(`[${I}]`)))n.removeAttribute(I),Ee(n,t)}async function mt(e,t){if(!e?.classList)return;if(t.legs){await xe(e,t.legs);return}e.classList.add(t.className);let n=U(e);if(n<=0){e.classList.remove(t.className);return}await K(e,n),e.classList.remove(t.className)}function Ee(e,t){if(!e?.classList)return;if(t.legs){xe(e,t.legs);return}if(e.classList.contains(t.className))e.classList.remove(t.className),e.offsetWidth;e.classList.add(t.className);let n=U(e);if(n<=0){e.classList.remove(t.className);return}let r=e.__reactiveFxToken=(e.__reactiveFxToken??0)+1;K(e,n).then(()=>{if(e.__reactiveFxToken===r)e.classList.remove(t.className)})}async function xe(e,t){let[n,r,i]=t.map(pt),s=e.__reactiveFxToken=(e.__reactiveFxToken??0)+1;if(e.classList.remove(...n,...r,...i),e.classList.add(...n,...r),await vt(),e.__reactiveFxToken!==s)return;e.classList.remove(...r),e.classList.add(...i);let o=U(e);if(o>0)await K(e,o);if(e.__reactiveFxToken!==s)return;e.classList.remove(...n,...i)}function pt(e){return String(e??"").split(/\s+/).filter(Boolean)}function U(e){if(typeof getComputedStyle!=="function")return 0;try{let t=getComputedStyle(e),n=(s)=>String(s??"").split(",").reduce((o,a)=>Math.max(o,parseFloat(a)||0),0),r=n(t.animationDuration)+n(t.animationDelay),i=n(t.transitionDuration)+n(t.transitionDelay);return Math.min(Math.max(r,i)*1000,Se)}catch{return 0}}function K(e,t){return new Promise((n)=>{let r=!1,i=()=>{if(r)return;r=!0,n()};e.addEventListener?.("animationend",i,{once:!0}),e.addEventListener?.("transitionend",i,{once:!0}),setTimeout(i,Math.min(t+50,Se))})}function vt(){return new Promise((e)=>{if(typeof requestAnimationFrame==="function")requestAnimationFrame(()=>e());else setTimeout(e,16)})}var V=!1;function yt(){if(V)return;if(typeof window>"u"||typeof document>"u")return;if(typeof window.addEventListener!=="function")return;V=!0;let e=()=>{let t=document.documentElement;if(typeof t?.toggleAttribute!=="function")return;t.toggleAttribute("data-reactive-offline",globalThis.navigator?.onLine===!1)};e(),window.addEventListener("online",e),window.addEventListener("offline",e)}function hn(){V=!1}var Y="phlex-reactive:latency",_=!1;function gt(e){if(typeof sessionStorage>"u")return;sessionStorage.setItem(Y,String(e))}function bt(){if(typeof sessionStorage>"u")return;sessionStorage.removeItem(Y),_=!1}function At(){if(typeof window>"u"||typeof document>"u")return;if(document.querySelector?.('meta[name="phlex-reactive-env"]')?.content!=="development")return;window.PhlexReactive={enableLatencySim:gt,disableLatencySim:bt}}function mn(){_=!1}var ke="data-reactive-active",b=0;function Te(){if(b++,b===1)Le("reactive:busy")}function Ne(){if(b===0)return;if(b--,b===0)Le("reactive:idle")}function pn(){return b}function vn(){b=0,(typeof document<"u"?document.documentElement:null)?.removeAttribute?.(ke)}function Le(e){if(typeof document>"u")return;let t=document.documentElement;if(typeof t?.toggleAttribute==="function")t.toggleAttribute(ke,b>0);if(typeof document.dispatchEvent==="function"&&typeof CustomEvent==="function")document.dispatchEvent(new CustomEvent(e,{detail:{count:b}}))}function ce(){Ue(),Ke(),Ye(),Xe(),it(),at(),yt(),At()}function wt(e){return e.replace(/[.*+?^${}()|[\]\\]/g,"\\$&")}if(typeof window<"u")if(window.Turbo)ce();else document.addEventListener("turbo:load",ce,{once:!0});var R=!1;function St(){if(R)return;if(typeof document>"u")return;let e=document.querySelectorAll('[data-controller~="reactive"]');if(!e||e.length===0)return;console.warn("[phlex-reactive] found "+e.length+' element(s) with data-controller="reactive" '+"but the reactive controller never connected. It is loaded but not registered — "+'add `application.register("reactive", ReactiveController)` (importmap) or import it into app/javascript/controllers/ for lazyLoadControllersFrom apps. See the README.')}function yn(){R=!1}function gn(){R=!0}if(typeof window<"u"&&typeof document<"u"){let e=()=>setTimeout(St,0);if(document.readyState==="loading")document.addEventListener("DOMContentLoaded",e,{once:!0});else e()}var Et=new Set(["href","src","srcdoc","action","formaction","xlink:href","style"]);function xt(e){let t=String(e).toLowerCase();return t.startsWith("on")||Et.has(t)}function kt(e,t,n){let[r,i,s]=t;e.classList.add(r,i),n(),requestAnimationFrame(()=>{e.classList.remove(i),e.classList.add(s)});let o=!1,a=()=>{if(o)return;o=!0,e.classList.remove(r,s)};e.addEventListener("animationend",a,{once:!0}),setTimeout(a,350)}var _e=1,Tt="phlex-reactive:persist:",Nt=new Set(["hidden","file","password","submit","button","reset","image"]),X=Symbol("persist-no-value"),Z="data-reactive-persist-state",Ce=":is(lexxy-editor, trix-editor, [contenteditable=''], [contenteditable=true], [contenteditable=plaintext-only])",Oe=new Set(["lexxy-editor","trix-editor"]),Lt="lexxy-editor, trix-editor, trix-toolbar",ue=["lexxy:change","trix-change"],_t=new Set(["","<p></p>","<p><br></p>","<div><br></div>"]),le=new WeakSet,fe=new WeakSet,de=new WeakSet;function Q(e){let t=e?.getAttribute?.("data-reactive-persist");if(!t||t==="off")return null;try{let n=JSON.parse(t);if(n&&typeof n==="object"&&typeof n.key==="string"&&n.key!=="")return n}catch{}if(!le.has(e))le.add(e),console.warn(`[phlex-reactive] malformed reactive_persist payload ${JSON.stringify(t)} — persistence disabled`);return null}function ee(){try{return typeof localStorage>"u"?null:localStorage}catch{return null}}function te(e,t){if(e?.getAttribute?.("data-reactive-debug")!=="true"||fe.has(e))return;fe.add(e),console.info(`[phlex-reactive] reactive_persist: storage unavailable — draft skipped (${t?.name??t})`)}function ne(e){return Tt+e.key}function z(e,t){let n=ee();if(!n)return null;let r;try{r=n.getItem(ne(t))}catch(c){return te(e,c),null}if(!r)return null;let i;try{i=JSON.parse(r)}catch{return null}if(!i||typeof i!=="object"||i.v!==_e)return null;let s=Number(t.ttl)*1000;if(!(Number(i.savedAt)+s>Date.now()))return re(e,t),null;let o=i.fields&&typeof i.fields==="object"?i.fields:{},a=i.state&&typeof i.state==="object"?i.state:null;return{fields:o,state:a}}function Re(e,t,{fields:n,state:r}){let i=ee();if(!i)return!1;let s={v:_e,savedAt:Date.now(),fields:n};if(r)s.state=r;try{return i.setItem(ne(t),JSON.stringify(s)),!0}catch(o){return te(e,o),!1}}function re(e,t){e?.removeAttribute?.(Z);let n=ee();if(!n)return;try{n.removeItem(ne(t))}catch(r){te(e,r)}}function ie(e,t){let n=Array.isArray(t.fields)?new Set(t.fields):null,r=[],i=(s)=>s.closest('[data-controller~="reactive"]')===e&&s.getAttribute("data-reactive-persist")!=="off";for(let s of e.querySelectorAll("input[name], select[name], textarea[name]")){if(!i(s)||Nt.has(s.type)||s.closest(Lt))continue;if(n&&!n.has(s.name))continue;r.push({el:s,name:s.name,kind:"native"})}for(let s of e.querySelectorAll(Ce)){if(!i(s))continue;let o=Ct(s);if(!o||n&&!n.has(o))continue;r.push({el:s,name:o,kind:Oe.has(s.localName)?"editor":"contenteditable"})}return r}function Ct(e){return e.getAttribute("name")||typeof e.name==="string"&&e.name||null}function q(e){return typeof e.value==="string"}function Ot(e){return Oe.has(e.localName)?q(e):!0}function Rt(e){if(typeof e.isEmpty==="boolean")return e.isEmpty;let t=e.editor?.getDocument?.();if(typeof t?.isEmpty==="function")return t.isEmpty();return _t.has(e.value.trim())}function $t(e,t,n){if(e?.getAttribute?.("data-reactive-debug")!=="true"||de.has(e))return;de.add(e),console.info(`[phlex-reactive] reactive_persist: could not restore editor ${JSON.stringify(t)} — ${n?.message??n}`)}function E(e){return e.tagName==="SELECT"&&e.multiple}function $e(e){let t=new Map;for(let{el:n,name:r}of e){if(n.type==="radio"||!String(r).endsWith("[]"))continue;t.set(r,(t.get(r)??0)+1)}return t}function qe(e,t,n){if(!Array.isArray(e))return e;if(n.get(t)!==1||e.length!==1)return X;return e[0]}function De(e,t){let n={},r=(i)=>{let s=n[i];return Array.isArray(s)?s:n[i]=[]};for(let{el:i,name:s,kind:o}of ie(e,t)){let a=String(s).endsWith("[]");if(o==="editor"){if(q(i))if(a)r(s).push(i.value);else n[s]=i.value}else if(o==="contenteditable"){let c=i.textContent??"";if(a)r(s).push(c);else n[s]=c}else if(i.type==="radio"){if(i.checked)n[s]=i.value;else if(!Object.hasOwn(n,s))n[s]=null}else if(i.type==="checkbox")if(a){let c=r(s);if(i.checked)c.push(i.value)}else n[s]=i.checked;else if(E(i)){let c=[...i.options].filter((u)=>u.selected).map((u)=>u.value);if(a)r(s).push(...c);else n[s]=c}else if(a)r(s).push(i.value);else n[s]=i.value}return n}function qt(e,t,n){let r=t.restore==="always",i=ie(e,t),s=$e(i),o=new Set;for(let a of i)if(a.kind==="native"&&a.el.type==="checkbox"&&a.el.checked)o.add(a.name);for(let{el:a,name:c,kind:u}of i){if(!Object.hasOwn(n,c))continue;let l=n[c];if(l===null||l===void 0)continue;if(Array.isArray(l)&&E(a)&&(s.get(c)??0)>1)continue;if(Array.isArray(l)&&!(a.type==="checkbox"||E(a))){if(l=qe(l,c,s),l===X)continue}if((a.type==="checkbox"||E(a))&&String(c).endsWith("[]")&&!Array.isArray(l))continue;if(u==="editor")Fe(e,a,c,l,r);else if(u==="contenteditable"){if(!r&&(a.textContent??"").trim()!=="")continue;a.textContent=String(l)}else if(a.type==="radio"){if(!r&&i.some((h)=>h.kind==="native"&&h.el.type==="radio"&&h.name===c&&h.el.checked))continue;a.checked=a.value===String(l)}else if(a.type==="checkbox"&&Array.isArray(l)){if(!r&&o.has(c))continue;a.checked=l.map(String).includes(a.value)}else if(a.type==="checkbox"){if(!r&&a.checked)continue;a.checked=Boolean(l)}else if(E(a)){if(!r&&[...a.options].some((d)=>d.selected))continue;let h=new Set((Array.isArray(l)?l:[l]).map(String));for(let d of a.options)d.selected=h.has(d.value)}else{if(!r&&a.value!=="")continue;a.value=String(l)}}Dt(e,t,n)}function Fe(e,t,n,r,i){if(Array.isArray(r))return;if(!q(t))return;if(!i&&!Rt(t))return;try{t.value=String(r)}catch(s){$t(e,n,s)}}function Dt(e,t,n){let r=globalThis.customElements;if(typeof r?.whenDefined!=="function")return;let i=new Set;for(let o of e.querySelectorAll("lexxy-editor, trix-editor"))if(!q(o)&&!r.get?.(o.localName))i.add(o.localName);let s=t.restore==="always";for(let o of i)r.whenDefined(o).then(()=>{if(!e.isConnected)return;let a=ie(e,t),c=$e(a);for(let{el:u,name:l,kind:h}of a){if(h!=="editor"||u.localName!==o||!Object.hasOwn(n,l))continue;let d=qe(n[l],l,c);if(d===null||d===void 0||d===X)continue;Fe(e,u,l,d,s)}})}function Ft(e,t){let n=Q(e);if(!n){console.warn("[phlex-reactive] persist_state on a root without reactive_persist — skipped");return}if(!t||typeof t!=="object")return;let i={...z(e,n)?.state??{},...t};if(Re(e,n,{fields:De(e,n),state:i}))e.setAttribute?.(Z,JSON.stringify(i))}function Mt(e){let t=Q(e);if(t)re(e,t)}var he=Object.freeze({show:(e,t)=>j(e,!1,t),hide:(e,t)=>j(e,!0,t),toggle:(e,t)=>j(e,!e.hidden,t),add_class:(e,t)=>e.classList.add(...t.classes??[]),remove_class:(e,t)=>e.classList.remove(...t.classes??[]),toggle_class:(e,t)=>(t.classes??[]).forEach((n)=>e.classList.toggle(n)),set_attr:(e,t)=>{if(J(t.name))e.setAttribute(t.name,t.value??"")},remove_attr:(e,t)=>{if(J(t.name))e.removeAttribute(t.name)},toggle_attr:(e,t)=>{if(!J(t.name))return;if(e.hasAttribute(t.name))e.removeAttribute(t.name);else e.setAttribute(t.name,"")},focus:(e)=>e.focus?.(),focus_first:(e)=>Yt(e)?.focus?.(),text:(e,t)=>{let n=String(t.value??"");if(e.textContent!==n)e.textContent=n},dispatch:(e,t)=>{e.dispatchEvent(new CustomEvent(t.name,{bubbles:!0,composed:!0,detail:t.detail??{}}))},submit:(e)=>Pt(e)?.requestSubmit?.(),paste_into:(e)=>jt(e),persist_state:(e,t)=>Ft(e,t.state),persist_clear:(e)=>Mt(e)});function Pt(e){if(e?.tagName==="FORM")return e;return e?.form??e?.closest?.("form")??null}function jt(e){let t=globalThis.navigator?.clipboard;if(typeof t?.readText!=="function")return;t.readText().then((n)=>{if(!n)return;if(e.value=n,typeof e.dispatchEvent==="function")e.dispatchEvent(new Event("input",{bubbles:!0}));e.focus?.()}).catch(()=>{})}function j(e,t,n){if(n?.transition)kt(e,n.transition,()=>e.hidden=t);else e.hidden=t}function J(e){if(!xt(e))return!0;return console.warn(`[phlex-reactive] refused client attr op on ${JSON.stringify(e)} — skipped`),!1}var Me=/^#[A-Za-z_][\w-]*$/;function Jt(e){if(typeof e==="string"&&Me.test(e))return!0;return console.warn(`[phlex-reactive] refused cross-root mirror target ${JSON.stringify(e)} — skipped`),!1}function Wt(e,t){let n=e.getAttribute("data-reactive-show-equals");if(n!==null)return t===n;let r=e.getAttribute("data-reactive-show-not");if(r!==null)return t!==r;let i=e.getAttribute("data-reactive-show-in");if(i!==null){try{let s=JSON.parse(i);if(Array.isArray(s))return s.includes(t)}catch{}return console.warn(`[phlex-reactive] malformed reactive_show in: list ${JSON.stringify(i)} — skipped`),null}for(let s of Pe){let o=e.getAttribute(`data-reactive-show-${s}`);if(o!==null)return je(s,o,t)}return console.warn("[phlex-reactive] a reactive_show binding declares no predicate — skipped"),null}var Pe=["gte","gt","lte","lt"],Bt=["len_eq","len_gte","len_gt","len_lte","len_lt"];function It(e,t,n){if(!Number.isInteger(t))return console.warn(`[phlex-reactive] reactive_show ${e}: needs an integer literal, got ${JSON.stringify(t)} — skipped`),null;let r=[...String(n??"")].length;switch(e){case"len_eq":return r===t;case"len_gte":return r>=t;case"len_gt":return r>t;case"len_lte":return r<=t;case"len_lt":return r<t;default:return null}}function je(e,t,n){let r=Number(t);if(Number.isNaN(r))return console.warn(`[phlex-reactive] reactive_show ${e}: needs a numeric literal, got ${JSON.stringify(t)} — skipped`),null;let i=n==null?"":String(n).trim(),s=i===""?NaN:Number(i);if(Number.isNaN(s))return!1;switch(e){case"gte":return s>=r;case"gt":return s>r;case"lte":return s<=r;case"lt":return s<r;default:return null}}function Je(e,t){if(!e||typeof e!=="object")return null;if(typeof e.equals==="string")return t===e.equals;if(typeof e.not==="string")return t!==e.not;if(Array.isArray(e.in))return e.in.includes(t);for(let n of Pe)if(n in e)return je(n,e[n],t);for(let n of Bt)if(n in e)return It(n,e[n],t);return null}var me="[data-reactive-show-field], [data-reactive-show]";function Ht(e){try{let t=JSON.parse(e);if(t&&typeof t==="object"&&!Array.isArray(t))return t}catch{}return console.warn(`[phlex-reactive] malformed compound reactive_show payload ${JSON.stringify(e)} — skipped`),null}function Vt(e){try{let t=JSON.parse(e);if(Array.isArray(t)&&t.every((n)=>n&&typeof n==="object"&&Array.isArray(n.any)&&Array.isArray(n.ops)))return t}catch{}return console.warn(`[phlex-reactive] malformed reactive_on_complete payload ${JSON.stringify(e)} — skipped`),[]}function se(e,t){if(!e||typeof e!=="object"||typeof e.field!=="string")return!1;let n=t(e.field)??"";return Je(e,n)===!0}function T(e,t){if(!Array.isArray(e)||e.length===0)return null;return e.some((n)=>Array.isArray(n)&&n.length>0&&n.every((r)=>se(r,t)))}function zt(e){if(!Array.isArray(e)||e.length===0)return null;let t=new Set;for(let n of e){if(!Array.isArray(n))continue;for(let r of n)if(r&&typeof r==="object"&&typeof r.field==="string")t.add(r.field)}return t.size>0?[...t]:null}function Gt(e,t){if(!e||typeof e!=="object")return null;let n=e.any;if(Array.isArray(n)&&(n.length===0||Array.isArray(n[0])))return T(n,t);return Ut(e,t)}function Ut(e,t){let n=Array.isArray(e.all)?"all":Array.isArray(e.any)?"any":null;if(!n)return null;let r=e[n];if(r.length===0)return null;let i=r.map((s)=>se(s,t));return n==="all"?i.every(Boolean):i.some(Boolean)}function pe(e){if(typeof e==="string"&&Me.test(e))return!0;return console.warn(`[phlex-reactive] refused cross-root show target ${JSON.stringify(e)} — skipped`),!1}var Kt='a[href], button:not([disabled]), input:not([disabled]), select:not([disabled]), textarea:not([disabled]), [tabindex]:not([tabindex="-1"])';function Yt(e){return e.querySelectorAll?.(Kt)?.[0]??null}function We(e){if(Array.isArray(e))return e;if(typeof e!=="string")return[];try{let t=JSON.parse(e);return Array.isArray(t)?t:[]}catch{return[]}}function x({el:e,kind:t}){if(!e)return"";if(t==="checkbox")return e.checked?"true":"false";if(t==="radio")return e.checked?e.value??"":"";return e.value??""}var Xt=Object.freeze({el:null,kind:""});function Be(e){if(typeof e==="boolean")return e;if(e==null)return!1;let t=String(e);return t!==""&&t!=="0"&&t!=="false"}function Zt(e,t){if(t==="string")return x(e);let n=e.kind==="checkbox";if(t==="boolean")return n?Boolean(e.el.checked):Be(x(e));if(n)return e.el.checked?1:0;let r=Number(x(e));return Number.isFinite(r)?r:0}function Qt(e,t,{el:n,kind:r},i,s){if(r==="checkbox"){let o=Be(s);if(Boolean(n.checked)===o)return null;return n.checked=o,n}if(r==="radio")return en(e,t,i,String(s));if(String(s)===n.value)return null;return n.value=s,n}function en(e,t,n,r){let i=null;for(let s of e.querySelectorAll(`[name="${n}"]`)){if(s.type!=="radio"||!t(s))continue;let o=s.value===r;if(Boolean(s.checked)===o)continue;if(s.checked=o,o)i=s;else i??=s}return i}function tn(e){if(e==null)return null;let t=Array.isArray(e)?e:e.ops;if(Array.isArray(t))return t.length>0?t:null;return console.warn("[phlex-reactive] $ops must be an ops chain or a [[op, args], ...] list — skipped"),null}function N(e,t,n){for(let r of e){if(!Array.isArray(r))continue;let[i,s={}]=r;if(!Object.hasOwn(he,i)){console.warn(`[phlex-reactive] unknown client op ${JSON.stringify(i)} — skipped`);continue}let o=t(s);if(o.length===0&&n)n(i,s);for(let a of o)he[i](a,s)}}var ve=new WeakMap;function Ie(e){let t=globalThis.document;if(!t)return!0;let n=ve.get(t);if(!n)n=new Set,ve.set(t,n);if(n.has(e))return!0;return n.add(e),!1}function G(e,t){try{return e?.querySelectorAll?.(t)?.length??0}catch{return 0}}function He(e,t,n,r){if(Ie(`${e}|${t}|${n}`))return;console.warn(`[phlex-reactive] ${e} matched zero targets for selector "${t}" (${n})${r}`)}function nn(e,t,n){let r=t.to;if(typeof r!=="string"||r===""||r==="@root")return;let i="";if(n&&!t.global){let s=G(globalThis.document,r);if(s>0)i=` — it matches ${s} element(s) outside the stream's target root; use global: true`}He(`client op "${e}"`,r,n?`scoped to #${n.id||"?"}`:"document-scoped",i)}function rn(e,t){let n=e.to;if(t){if(n==="@root")return[t];if(typeof n!=="string"||n==="")return[];if(e.global)return[...document.querySelectorAll(n)];return[...t.querySelectorAll(n)]}if(typeof n!=="string"||n===""||n==="@root")return[];return[...document.querySelectorAll(n)]}class bn extends Ve{static values={token:String};#re;#T=new Map;#m=new Map;#Fe;#J;#ie;#W=0;#p=new Map;#B=new WeakMap;#N=new Map;#se=new WeakSet;#oe=null;#v;#y;#g;#r;#a;#I;#ae;#H;#V;#s;#b;#ce=!1;#z=0;#ue=!1;#o;#A;#w;#L;#S;#i=null;#E=!1;#t=null;#c;#_;#C;connect(){if(R=!0,this.element.id==="")console.warn("[phlex-reactive] a reactive root has no id; its next-action token can't self-match "+"and may fall back to the first token in the response → a silent HTTP 403 on the NEXT action. "+"Put id: on the SAME element as reactive_attrs — use div(**reactive_root) (emits id + token together), "+"or div(id:, **reactive_attrs). The id: must NOT be on a child. See the README.");if(this.element.getAttribute?.("data-reactive-defer-token"))this.#le(),this.#L=()=>this.#le(),this.element.addEventListener?.("turbo:morph-element",this.#L);if(this.#i=Q(this.element),this.#i)this.#St();if(this.#Me()){if(this.#v=()=>this.#X(),this.element.addEventListener?.("turbo:morph-element",this.#v),this.#X(),this.element.getAttribute?.("data-reactive-warn-unsaved")==="true")this.#ft()}if(this.#ht())this.#r=()=>this.#ke(),this.element.addEventListener?.("input",this.#r),this.element.addEventListener?.("change",this.#r),this.element.addEventListener?.("turbo:morph-element",this.#r),this.#ke();if(this.#mt())this.#a=(e)=>this.#Z(e),this.#I=()=>this.#Z(null),this.element.addEventListener?.("input",this.#a),this.element.addEventListener?.("change",this.#a),this.element.addEventListener?.("turbo:morph-element",this.#I),this.#Z(null);if(this.#D())this.#s=(e)=>{if(e?.type==="input"&&!this.#Lt(e))return;this.#k()},this.element.addEventListener?.("input",this.#s),this.element.addEventListener?.("turbo:morph-element",this.#s),this.#k();if(this.#F())this.#b=()=>this.#te(),this.element.addEventListener?.("turbo:morph-element",this.#b),this.#te();if(this.#Ct())this.#o=(e)=>this.syncNestedJson(e),this.#A=()=>this.#R(),this.element.addEventListener?.("input",this.#o),this.element.addEventListener?.("change",this.#o),this.element.addEventListener?.("turbo:morph-element",this.#A),this.#R();if(this.#Nt())this.#w=()=>this.recompute(),this.element.addEventListener?.("turbo:morph-element",this.#w),this.recompute();if(this.#pt())this.#S=()=>this.#xe(),this.element.addEventListener?.("turbo:morph-element",this.#S),this.#xe()}#Me(){if((this.element.getAttribute?.("data-action")??"").includes("reactive#trackDirty"))return!0;let e=this.element.querySelectorAll?.('[data-action*="reactive#trackDirty"]')??[];for(let t of e)if(this.#n(t))return!0;return!1}disconnect(){if(this.#kt(),this.#Ze(),this.#et(),this.#dt(),this.#Tt(),this.#gt(),this.#_t(),this.#Mt(),this.#Pt(),this.#jt(),this.#vt(),this.#L)this.element.removeEventListener?.("turbo:morph-element",this.#L)}#le(){let e=this.element;if(!e?.id)return;let t=e.getAttribute?.("data-reactive-defer-token");if(!t)return;if(e.getAttribute?.("data-reactive-defer-pending")!=="true")return;O(e.id,t)}dispatch(e){let{action:t,params:n,debounce:r,throttle:i,confirm:s,confirmWhen:o,outside:a,window:c,optimistic:u}=e.params;if(!t)return;let l=e.params.busy??this.#Yt(e.params.loading);if(a&&this.element.contains(e.target))return;let h=e.currentTarget??e.target;if(!c&&!this.#It(u,h))e.preventDefault();let d=this.#Y(s,o);if(!d)return this.#ge(h,t,n,r,i,u,l);Promise.resolve().then(()=>D(d,{el:h})).catch(()=>!1).then((p)=>{if(p)this.#ge(h,t,n,r,i,u,l)})}runOps(e){let{ops:t,confirm:n,confirmWhen:r,outside:i,window:s}=e.params,o=e.currentTarget??e.target;if(i&&this.element.contains(e.target))return;if(!s)e.preventDefault();let a=this.#Y(n,r);if(!a)return this.#Re(this.#Oe(t));Promise.resolve().then(()=>D(a,{el:o})).catch(()=>!1).then((c)=>{if(c)this.#Re(this.#Oe(t))})}trackDirty(){this.#X()}recompute(e){if(e&&this.#se.has(e))return;let t=this.#Ve(),n=t.map(([f])=>f),r=this.element.getAttribute?.("data-reactive-scope")||null,i=(f)=>r&&!f.includes("[")?`${r}[${f}]`:f,s=this.#e(),o=new Map,a=(f)=>{let v=o.get(f);if(v)return v;let m=null,g=null,A=null;for(let w of this.element.querySelectorAll(`[name="${i(f)}"]`)){if(!s(w))continue;let k=w.type;if(k==="checkbox"||k==="radio"&&w.checked){A={el:w,kind:k};break}if(k==="radio")m??=w;else g??=w}if(!A)if(m)A={el:m,kind:"radio"};else A=g?{el:g,kind:""}:Xt;return o.set(f,A),A};for(let f of n)this.#ve(f,x(a(f)));let c=this.element.getAttribute("data-reactive-compute-reducer-param"),u=c?ze(c):null;if(!u){this.#ye({},a);return}let l=this.#He("data-reactive-compute-outputs-param"),h={};for(let[f,v]of t)h[f]=Zt(a(f),v);let d=u(h,{changed:this.#ze(e,n,r)})||{},p=tn(d.$ops),S=[];for(let f of l){if(f==="$ops"||!(f in d))continue;let v=a(f);if(!v.el)continue;let m=Qt(this.element,s,v,i(f),d[f]);if(m)S.push(m)}for(let f of Object.keys(d)){if(f==="$ops")continue;let v=d[f];if(v===void 0||v===null)continue;this.#ve(f,v)}this.#ye(d,a);for(let f of S){let v=new Event("input",{bubbles:!0});this.#se.add(v),f.dispatchEvent(v)}this.#Pe(p,Boolean(e))}#Pe(e,t){let n=e===null?null:JSON.stringify(e),r=n!==null&&n!==this.#oe&&t;if(this.#oe=n,!r)return;N(e,(i)=>this.#j(i.to==null?{...i,to:"@root"}:i),(i,s)=>this.#P(`client op "${i}"`,s))}listnavNext(e){this.#fe(e,1)}listnavPrev(e){this.#fe(e,-1)}listnavPick(e){let t=this.#O(e),n=t.findIndex((r)=>r.hasAttribute("data-reactive-highlighted"));if(n<0)return;e.preventDefault(),t[n].click()}listnavClose(e){for(let t of this.#O(e))t.removeAttribute("data-reactive-highlighted")}#fe(e,t){let n=this.#O(e);if(!n.length)return;e.preventDefault();let r=n.findIndex((o)=>o.hasAttribute("data-reactive-highlighted")),i=r<0?t>0?0:n.length-1:(r+t+n.length)%n.length;for(let o of n)o.removeAttribute("data-reactive-highlighted");let s=n[i];s.setAttribute("data-reactive-highlighted","true"),s.scrollIntoView?.({block:"nearest"})}#O(e){let n=(e?.currentTarget??e?.target??this.element).getAttribute?.("data-reactive-listnav-option-param")??this.element.getAttribute("data-reactive-listnav-option-param");if(!n)return[];let r=this.#e();return Array.from(this.element.querySelectorAll(n)).filter((i)=>!i.hidden&&r(i))}tagsAdd(e){if(!this.#F())return;if(e?.defaultPrevented)return;if(this.#O(e).some((r)=>r.hasAttribute?.("data-reactive-highlighted")))return;e?.preventDefault?.();let t=e?.currentTarget??e?.target;if(!t)return;if(!this.#Le(String(t.value??"").split(",")))return;if(t.value="",this.#D())this.#k()}tagsPick(e){if(!this.#F())return;e?.preventDefault?.();let n=(e?.currentTarget??e?.target)?.getAttribute?.("data-reactive-tag-param");if(!n)return;if(!this.#Le([n]))return;let r=this.#Ot();if(!r)return;r.value="",this.#k(),r.focus?.()}tagsRemove(e){if(!this.#F())return;e?.preventDefault?.();let n=(e?.currentTarget??e?.target)?.getAttribute?.("data-reactive-tag-param");if(!n)return;let r=this.#Q();if(!r)return;let i=this.#ee(r),s=i.filter((o)=>o.toLowerCase()!==n.toLowerCase());if(s.length===i.length)return;this.#_e(r,s)}nestedAdd(e){e?.preventDefault?.();let t=e?.currentTarget??e?.target,n=t?.getAttribute?.("data-reactive-association-param");if(!n)return;if(typeof this.element?.querySelectorAll!=="function")return;let r=this.#e(),i=[...this.element.querySelectorAll(`[data-reactive-nested-list="${n}"]`)].find(r),o=[...this.element.querySelectorAll(`[data-reactive-nested-template="${n}"]`)].find(r)?.content?.firstElementChild;if(!i||!o){this.#Ft(n);return}let a=o.cloneNode(!0);this.#Dt(a,this.#qt()),i.appendChild(a);let c=t?.getAttribute?.("data-reactive-nested-from-param"),u=t?.getAttribute?.("data-reactive-nested-clear-param")==="true",l=this.#je(a,c,u);if(c)l?.focus?.();else[...a.querySelectorAll?.("input, select, textarea")??[]][0]?.focus?.();if(i.getAttribute?.("data-reactive-nested-json")===n)this.#he(n)}#je(e,t,n){if(!t)return null;let r;try{r=JSON.parse(t)}catch{return null}if(!r||typeof r!=="object")return null;let i=this.#e(),s=[...e.querySelectorAll?.("input, select, textarea")??[]],o=[];for(let[a,c]of Object.entries(r)){let u=[...this.element.querySelectorAll?.(c)??[]].find(i);if(!u)continue;let l=s.find((h)=>this.#pe(h.getAttribute?.("name"))===a);if(!l)continue;this.#Je(l,u),o.push(u)}if(n)for(let a of o)this.#We(a);return o[0]??null}#Je(e,t){if(e.type==="checkbox")e.checked=t.type==="checkbox"?!!t.checked:this.#G(t)!=="";else e.value=this.#G(t);if(typeof e.dispatchEvent==="function")e.dispatchEvent(new Event("input",{bubbles:!0}))}#We(e){if(e.type==="checkbox")e.checked=!1;else e.value="";if(typeof e.dispatchEvent==="function")e.dispatchEvent(new Event("input",{bubbles:!0}))}nestedRemove(e){e?.preventDefault?.();let t=e?.currentTarget??e?.target,n=t?.closest?.("[data-reactive-nested-row]");if(!n)return;if(n.closest?.('[data-controller~="reactive"]')!==this.element)return;let r=t?.getAttribute?.("data-reactive-confirm-param"),i=t?.getAttribute?.("data-reactive-confirm-when-param"),s=this.#Y(r,i);if(!s)return this.#de(n);let o=this.#me(n),a=this.#Be(s,o);return Promise.resolve().then(()=>D(a,{el:t,row:n,fields:o})).catch(()=>!1).then((c)=>{if(c)this.#de(n)})}#Be(e,t){if(!e.includes("%{"))return e;return e.replace(/%\{(\w+)\}/g,(n,r)=>Object.prototype.hasOwnProperty.call(t,r)?t[r]:n)}#de(e){let t=[...e.querySelectorAll?.('input[name$="[_destroy]"]')??[]][0];if(t){if(t.value="1",typeof t.dispatchEvent==="function")t.dispatchEvent(new Event("input",{bubbles:!0}));e.hidden=!0}else e.parentNode?.removeChild?.(e);this.#R()}syncNestedJson(e){let t=e?.target;if(!t||!this.#n(t))return;this.#R()}#R(){if(typeof this.element?.querySelectorAll!=="function")return;let e=this.#e();for(let t of[...this.element.querySelectorAll("[data-reactive-nested-json]")].filter(e))this.#he(t.getAttribute("data-reactive-nested-json"))}#he(e){let t=this.#e(),n=[...this.element.querySelectorAll(`[data-reactive-nested-list="${e}"]`)].find(t);if(!n)return;let r=this.#Ie(n);if(!r)return;let i=[];for(let o of[...n.querySelectorAll?.("[data-reactive-nested-row]")??[]]){if(!t(o)||o.hidden)continue;i.push(this.#me(o))}let s=JSON.stringify(i);if(r.value===s)return;if(r.value=s,typeof r.dispatchEvent==="function")r.dispatchEvent(new Event("input",{bubbles:!0}))}#Ie(e){let t=e.getAttribute?.("data-reactive-nested-json-field");if(!t)return null;let n=this.#e();return[...this.element.querySelectorAll(t)].find(n)??null}#me(e){let t={};for(let n of[...e.querySelectorAll?.("input, select, textarea")??[]]){let r=this.#pe(n.getAttribute?.("name"));if(r===null||r==="_destroy")continue;t[r]=this.#G(n)}return t}#pe(e){if(!e)return null;let t=e.match(/\[([^\][]+)\]$/);return t?t[1]:e}#G(e){if(e.type==="checkbox")return e.checked?e.value||"on":"";return e.value??""}#He(e){let t=this.element.getAttribute(e);if(!t)return[];try{let n=JSON.parse(t);return Array.isArray(n)?n:[]}catch{return[]}}#Ve(){let e=this.element.getAttribute("data-reactive-compute-inputs-param");if(!e)return[];try{let t=JSON.parse(e);if(Array.isArray(t))return t.map((n)=>[n,"number"]);if(t&&typeof t==="object")return Object.entries(t);return[]}catch{return[]}}#ze(e,t,n){let r=e?.target;if(!r?.name||typeof r.closest!=="function")return null;let i=this.#Ge(r.name,n);if(!t.includes(i))return null;return this.#n(r)?i:null}#Ge(e,t){if(!t)return e;let n=`${t}[`;return e.startsWith(n)&&e.endsWith("]")?e.slice(n.length,-1):e}#ve(e,t){let n=String(t);for(let r of this.#Ue(e)){if(r.textContent===n)continue;r.textContent=n}}#Ue(e){let t=this.element.querySelectorAll(`[data-reactive-text="${e}"]`);return Array.from(t).filter((n)=>this.#n(n))}#ye(e,t){let n=this.#Ke();for(let[r,i]of Object.entries(n)){let s=r in e?null:t(r),o=r in e?e[r]:s.el?x(s):void 0;if(o===void 0||o===null)continue;let a=String(o);for(let c of Array.isArray(i)?i:[i]){if(!Jt(c))continue;for(let u of document.querySelectorAll(c)){if(u.textContent===a)continue;u.textContent=a}}}}#Ke(){let e=this.element.getAttribute("data-reactive-compute-mirror-param");if(!e)return{};try{let t=JSON.parse(e);return t&&typeof t==="object"&&!Array.isArray(t)?t:{}}catch{return{}}}#ge(e,t,n,r,i,s,o){if(this.#x("reactive:before-dispatch",{action:t,params:this.#Ce(n),element:this.element},{cancelable:!0}).defaultPrevented)return;let c=Number(r)||0;if(c>0)return this.#Xe(e,c,t,n,s,o);let u=Number(i)||0;if(u>0)return this.#Qe(e,u,t,n,s,o);return this.#$(t,n,s,e,o)}#$(e,t,n,r,i){let s=this.#Ht(n,r),o=this.#Vt(e,r,i),a=this.#K()?this.#Ye(n,r):null;return this.queue=(this.queue??Promise.resolve()).then(()=>this.#ot(e,t,s,o,a)),this.queue}#Ye(e,t){if(!e?.hide)return null;let n=this.#qe(e,t);if(!n.length)return null;return()=>{let r=n.filter((i)=>i.isConnected&&!i.hidden);if(!r.length)return;console.warn("[phlex-reactive] optimistic: { hide: true } was undone by the reply's re-render — "+"the element is visible again. For an instant delete, return reply.remove so the server removes it; otherwise the hide only flashes.",r)}}#Xe(e,t,n,r,i,s){this.#U(e);let o=()=>{this.#U(e),this.#$(n,r,i,e,s)},a=setTimeout(o,t);e?.addEventListener?.("blur",o,{once:!0}),this.#T.set(e,{timer:a,flush:o})}#U(e){let t=this.#T.get(e);if(!t)return;clearTimeout(t.timer),e?.removeEventListener?.("blur",t.flush),this.#T.delete(e)}#Ze(){for(let e of[...this.#T.keys()])this.#U(e)}#Qe(e,t,n,r,i,s){let o=this.#m.get(e)??new Map;if(o.has(n))return;let a=setTimeout(()=>{if(o.delete(n),o.size===0)this.#m.delete(e)},t);return o.set(n,a),this.#m.set(e,o),this.#$(n,r,i,e,s)}#et(){for(let e of this.#m.values())for(let t of e.values())clearTimeout(t);this.#m.clear()}#x(e,t,{cancelable:n=!1}={}){let r=new CustomEvent(e,{bubbles:!0,composed:!0,cancelable:n,detail:t});return(this.element.isConnected?this.element:document).dispatchEvent(r),r}#u(e,t,n,r){let i=()=>{if(!this.element.isConnected){console.warn("[phlex-reactive] retry() ignored — the reactive root left the DOM");return}return this.#$(e,t)};this.#x("reactive:error",{action:e,params:n,...r,retry:i})}#l(e){if(this.element?.isConnected===!1)return;this.element?.setAttribute?.("data-reactive-error",e)}#tt(){this.element?.removeAttribute?.("data-reactive-error")}#nt(){let e=document.querySelector("[data-reactive-error-flash]");if(!e?.content)return;let t=e.getAttribute("data-reactive-error-flash")||"flash",n=document.getElementById(t);if(!n)return;n.appendChild(e.content.cloneNode(!0))}#rt(){if(typeof sessionStorage>"u")return Promise.resolve();let e=Number(sessionStorage.getItem(Y));if(!Number.isFinite(e)||e<=0)return Promise.resolve();if(!_)_=!0,console.warn(`[phlex-reactive] latency simulator ACTIVE — every action is delayed by ${e}ms. Call PhlexReactive.disableLatencySim() (or clear sessionStorage) to turn it off.`);return new Promise((t)=>setTimeout(t,e))}#K(){return this.element?.getAttribute?.("data-reactive-debug")==="true"}#be(){return typeof performance<"u"&&typeof performance.now==="function"?performance.now():Date.now()}#it(e){if(!e)return[];let t=[],n=/<turbo-stream\b([^>]*)>/g,r;while((r=n.exec(e))!==null){let i=r[1],s=i.match(/\baction="([^"]*)"/)?.[1]??"?",o=i.match(/\btarget="([^"]*)"/)?.[1];t.push(o?`${s} → #${o}`:s)}return t}#st(e){let{action:t,status:n,ms:r}=e,s=`reactive ${this.element?.id?`#${this.element.id} `:""}${t} → ${n??"—"} (${Math.round(r)}ms)`;if(console.groupCollapsed(s),console.log(`params: [${e.paramNames.join(", ")}] + collected: [${e.fieldNames.join(", ")}]`),console.log(`encoding: ${e.encoding}`),e.streams.length)console.log(`streams: ${e.streams.join("   ")}`);console.log(`token: ${e.tokenRefreshed?"refreshed ✓":"unchanged"}`),console.groupEnd()}async#ot(e,t,n,r,i){let{fields:s,files:o}=this.#Se(),a=this.#Ce(t),c={...s,...a},u=this.#f,l=o.length>0,h=l?this.#Jt(u,e,c,o):JSON.stringify({token:u,act:e,params:c}),d=this.#K()?{action:e,paramNames:Object.keys(a),fieldNames:Object.keys(s),encoding:l?"multipart":"json",status:null,streams:[],tokenRefreshed:!1,started:this.#be()}:null;await this.#rt();try{if(navigator.onLine===!1){this.#d(n),this.#l("offline"),this.#u(e,t,c,{kind:"offline"});return}let p;try{let m={Accept:"text/vnd.turbo-stream.html","X-CSRF-Token":this.#Qt()};if(!l)m["Content-Type"]="application/json";let g=this.#en();if(g)m["X-Pgbus-Connection"]=g;p=await fetch(this.#Xt(),{method:"POST",headers:m,body:h,credentials:"same-origin",signal:AbortSignal.timeout(this.#Zt())})}catch(m){if(console.error("[phlex-reactive] action error",m),this.#d(n),m?.name==="TimeoutError"||m?.name==="AbortError"){this.#l("timeout"),this.#u(e,t,c,{kind:"timeout"});return}this.#nt(),this.#l("network"),this.#u(e,t,c,{kind:"network"});return}if(d)d.status=p.status;if(p.redirected){console.error("[phlex-reactive] action was redirected (auth/CSRF?) — no update applied"),this.#d(n),this.#l("redirected"),this.#u(e,t,c,{kind:"redirected",status:p.status});return}if(!p.ok){let m=await p.text();if(console.error(`[phlex-reactive] action failed: HTTP ${p.status}`,m),this.#d(n),(p.headers.get("Content-Type")||"").includes("turbo-stream")){let g=this.#we(m);if(this.#f=g??this.#f,d)this.#Ae(d,m,g);window.Turbo.renderStreamMessage(m)}this.#l("http"),this.#u(e,t,c,{kind:"http",status:p.status,body:m});return}let S=p.headers.get("Content-Type")||"";if(!S.includes("turbo-stream")){console.error(`[phlex-reactive] expected a turbo-stream, got "${S}" — no update applied`),this.#d(n),this.#l("content-type"),this.#u(e,t,c,{kind:"content-type",status:p.status});return}let f=await p.text(),v=this.#we(f);if(this.#f=v??this.#f,d)this.#Ae(d,f,v);if(window.Turbo.renderStreamMessage(f),i)queueMicrotask(i);this.#tt(),this.#x("reactive:applied",{action:e,params:c,html:f})}catch(p){console.error("[phlex-reactive] action error",p),this.#d(n),this.#x("reactive:error",{action:e,params:c,kind:"apply"})}finally{if(r?.(),d)this.#st({...d,ms:this.#be()-d.started})}}#Ae(e,t,n){e.streams=this.#it(t),e.tokenRefreshed=n!=null}get#f(){return this.#re??this.tokenValue}set#f(e){this.#re=e}#we(e){let t=this.element.id;if(!t)return e.match(/data-reactive-token-value="([^"]+)"/)?.[1];let{token:n,self:r}=this.#at(t),i=e.match(n);if(i)return i[1];let s=e.match(r);if(s)return s[1].match(/data-reactive-token-value="([^"]+)"/)?.[1];return}#at(e){let t=this.#ie;if(t&&t.id===e)return t;let n=wt(e);return this.#ie={id:e,token:new RegExp(`<turbo-stream\\b[^>]*\\baction="reactive:token"[^>]*\\btarget="${n}"[^>]*\\bdata-reactive-token-value="([^"]+)"`),self:new RegExp(`<turbo-stream\\b[^>]*\\baction="(?:replace|update)"[^>]*\\btarget="${n}"[^>]*>([\\s\\S]*?)</turbo-stream>`)}}#n(e){return e.closest('[data-controller~="reactive"]')===this.element}#e(){if(this.element.querySelectorAll('[data-controller~="reactive"]').length===0)return()=>!0;return(t)=>this.#n(t)}#Y(e,t){if(e)return e;if(!t)return null;let n=t;if(typeof t==="string")try{n=JSON.parse(t)}catch{return console.warn(`[phlex-reactive] malformed conditional confirm payload ${JSON.stringify(t)} — skipped`),null}if(!n||typeof n!=="object")return null;let{fields:r}=this.#Se(),i=(o)=>r[o],s;if(typeof n.predicate==="string"){let o=Ge(n.predicate);if(!o)return console.warn(`[phlex-reactive] confirm predicate "${n.predicate}" is not registered — proceeding without a dialog (register it with setConfirmPredicate)`),null;s=!!o(r)}else s=T(n.groups?.any,i)===!0;return s?n.message:null}#Se(){let e={},t=[],n=this.#e(),r=[];this.element.querySelectorAll("input[name], select[name], textarea[name]").forEach((a)=>{if(!n(a))return;if(a.type==="file")for(let c of a.files??[])t.push({name:a.name,file:c,multiple:a.multiple});else r.push(a)});let i=[];this.element.querySelectorAll(`[name]${Ce}`).forEach((a)=>{if(n(a))i.push(a)});let s=this.#ct(r),o=this.#ut(r);for(let a of r)if(s.has(a.name)){let c=e[a.name]??(e[a.name]=[]);if(a.type==="checkbox"||a.type==="radio"){if(a.checked)c.push(a.value)}else if(a.type==="hidden"){if(!o.has(a.name))c.push(a.value)}else if(a.multiple&&a.options){for(let u of a.options)if(u.selected)c.push(u.value)}else c.push(a.value)}else if(a.type==="checkbox")e[a.name]=a.checked;else if(a.type==="radio"){if(a.checked)e[a.name]=a.value}else e[a.name]=a.value;return i.forEach((a)=>{let c=a.getAttribute("name");if(!c)return;let u=a.value??a.textContent??a.innerHTML??"",l=e[c];if(String(c).endsWith("[]")&&!Ot(a))return;if(String(c).endsWith("[]")&&(l===void 0||Array.isArray(l))){(Array.isArray(l)?l:e[c]=[]).push(u);return}if(l==null||l==="")e[c]=u}),{fields:e,files:t}}#ct(e){let t=new Set;for(let n of e){if(n.type==="radio")continue;if(String(n.name).endsWith("[]"))t.add(n.name)}return t}#ut(e){let t=new Set;for(let n of e)if(n.type==="checkbox")t.add(n.name);return t}#X(){if(typeof this.element?.querySelectorAll!=="function")return;let e=0;if(this.element.querySelectorAll("input[name], select[name], textarea[name]").forEach((t)=>{if(!this.#n(t))return;if(t.type==="file")return;if(this.#lt(t))t.setAttribute("data-reactive-dirty","true"),e++;else t.removeAttribute("data-reactive-dirty")}),e>0)this.element.setAttribute("data-reactive-dirty",String(e));else this.element.removeAttribute("data-reactive-dirty")}#lt(e){if(e.type==="checkbox"||e.type==="radio")return e.checked!==e.defaultChecked;if(e.tag==="select"||e.options)return Array.from(e.options??[]).some((t)=>t.selected!==t.defaultSelected);return e.value!==e.defaultValue}#Ee(){let e=this.element.getAttribute?.("data-reactive-dirty"),t=Number(e);return Number.isFinite(t)&&t>0?t:0}#ft(){if(typeof window>"u"||typeof window.addEventListener!=="function")return;this.#y=(e)=>{if(this.#Ee()===0)return;return e.preventDefault(),e.returnValue="You have unsaved changes.",e.returnValue},this.#g=(e)=>{if(this.#Ee()===0)return;if(!(typeof window.confirm==="function"?window.confirm("You have unsaved changes. Leave anyway?"):!0))e.preventDefault?.()},window.addEventListener("beforeunload",this.#y),window.addEventListener("turbo:before-visit",this.#g)}#dt(){if(this.#v)this.element.removeEventListener?.("turbo:morph-element",this.#v),this.#v=void 0;if(typeof window<"u"&&typeof window.removeEventListener==="function"){if(this.#y)window.removeEventListener("beforeunload",this.#y);if(this.#g)window.removeEventListener("turbo:before-visit",this.#g)}this.#y=void 0,this.#g=void 0}#ht(){if(this.element.getAttribute?.("data-reactive-show-targets"))return!0;let e=this.element.querySelectorAll?.(me)??[];for(let t of e)if(this.#n(t))return!0;return!1}#mt(){return!!this.element.getAttribute?.("data-reactive-on-complete")}#pt(){if(this.element.getAttribute?.("data-reactive-clipboard"))return!0;let e=this.element.querySelectorAll?.("[data-reactive-clipboard]")??[];for(let t of e)if(this.#n(t))return!0;return!1}#xe(){let e=typeof globalThis.navigator?.clipboard?.readText==="function";if(this.element.getAttribute?.("data-reactive-clipboard"))this.element.hidden=!e;for(let t of this.element.querySelectorAll?.("[data-reactive-clipboard]")??[])if(this.#n(t))t.hidden=!e}#vt(){if(!this.#S)return;this.element.removeEventListener?.("turbo:morph-element",this.#S),this.#S=void 0}#yt(){let e=this.element.getAttribute?.("data-reactive-on-complete")??null;if(e!==this.#ae)this.#ae=e,this.#H=e==null?[]:Vt(e),this.#V=this.#H.map(()=>!1);return this.#H}#Z(e){let t=this.#yt();if(!t.length)return;let n=this.#e(),r=this.element.getAttribute?.("data-reactive-scope")||null,i=new Map,s=(o)=>{if(!i.has(o))i.set(o,this.#Ne(o,n,r));return i.get(o)};t.forEach((o,a)=>{let c=T(o.any,s);if(c===null)return;let u=c&&!this.#V[a]&&Boolean(e);if(this.#V[a]=c,u)N(o.ops,(l)=>this.#j(l.to==null?{...l,to:"@root"}:l),(l,h)=>this.#P(`client op "${l}"`,h))})}#gt(){if(!this.#a)return;this.element.removeEventListener?.("input",this.#a),this.element.removeEventListener?.("change",this.#a),this.element.removeEventListener?.("turbo:morph-element",this.#I)}#ke(){if(typeof this.element?.querySelectorAll!=="function")return;let e=this.#e(),t=this.element.getAttribute?.("data-reactive-scope")||null,n=new Map,r=(i)=>{if(!n.has(i))n.set(i,this.#Ne(i,e,t));return n.get(i)};for(let i of this.element.querySelectorAll(me)){if(!e(i))continue;let s=i.getAttribute("data-reactive-show");if(s!==null){let u=Gt(Ht(s),r);if(u!==null)this.#Te(i,u,e,t);continue}let o=i.getAttribute("data-reactive-show-field");if(!o)continue;let a=r(o);if(a===null)continue;let c=Wt(i,a);if(c===null)continue;this.#Te(i,c,e,t)}this.#bt(r)}#Te(e,t,n,r){if(e.hidden=!t,e.getAttribute("data-reactive-show-disable")!=="true")return;if(typeof e.querySelectorAll!=="function")return;for(let i of e.querySelectorAll("input[name], select[name], textarea[name]"))if(n(i))i.disabled=!t;if(e.name&&n(e))e.disabled=!t}#bt(e){let t=this.#wt();for(let[n,r]of Object.entries(t)){if(n.startsWith("#")){this.#At(n,r,e);continue}if(!r||typeof r!=="object"||Array.isArray(r))continue;let i=e(n);if(i===null)continue;let s=()=>i;for(let[o,a]of Object.entries(r)){if(!pe(o))continue;let c;if(Array.isArray(a)){if(a.length===0){console.warn(`[phlex-reactive] malformed reactive_show_targets group for ${o} — skipped`);continue}c=a.every((u)=>se(u,s))}else{let u=Je(a,i);if(u===null){console.warn(`[phlex-reactive] malformed reactive_show_targets predicate for ${o} — skipped`);continue}c=u}for(let u of document.querySelectorAll(o))u.hidden=!c}}}#At(e,t,n){if(!pe(e))return;let r=t&&typeof t==="object"&&!Array.isArray(t)?t.any:null,i=zt(r);if(i===null){console.warn(`[phlex-reactive] malformed reactive_show_targets conditions for ${e} — skipped`);return}if(i.every((o)=>n(o)===null))return;let s=T(r,n);if(s===null)return;for(let o of document.querySelectorAll(e))o.hidden=!s}#wt(){let e=this.element.getAttribute?.("data-reactive-show-targets");if(!e)return{};try{let t=JSON.parse(e);if(t&&typeof t==="object"&&!Array.isArray(t))return t}catch{}return console.warn("[phlex-reactive] malformed data-reactive-show-targets — ignored. "+"Did two reactive_show_targets calls collide on one root? Declare every field in ONE call: reactive_show_targets(mode: { ... }, kind: { ... })"),{}}#Ne(e,t,n){let r=n&&!e.includes("[")?`${n}[${e}]`:e,i=!1,s=null;for(let o of this.element.querySelectorAll(`[name="${r}"]`)){if(!t(o))continue;if(o.type==="checkbox")return o.checked?"true":"false";if(o.type==="radio"){if(o.checked)return o.value??"";i=!0;continue}s??=o}if(s)return s.value??"";return i?"":null}#St(){let e=this.#i;this.#E=!1;let t=z(this.element,e);if(t){if(qt(this.element,e,t.fields),t.state)this.element.setAttribute?.(Z,JSON.stringify(t.state));this.#x("reactive:persist-restored",{key:e.key,fields:t.fields,state:t.state??{}})}this.#E=!0,this.#c=()=>this.#Et(),this.#_=()=>this.#q(),this.#C=(n)=>this.#xt(n),this.element.addEventListener?.("input",this.#c),this.element.addEventListener?.("change",this.#_);for(let n of ue)this.element.addEventListener?.(n,this.#c);document.addEventListener?.("turbo:submit-end",this.#C)}#Et(){if(!this.#E)return;let e=Number(this.#i?.debounce)||0;if(e<=0)return this.#q();if(this.#t!==null)clearTimeout(this.#t);this.#t=setTimeout(()=>{this.#t=null,this.#q()},e)}#q(){if(!this.#E||!this.#i)return;if(this.#t!==null)clearTimeout(this.#t),this.#t=null;let e=this.#i,t=z(this.element,e);Re(this.element,e,{fields:De(this.element,e),state:t?.state??null})}#xt(e){if(!e?.detail?.success)return;let t=e.target;if(t?.tagName!=="FORM"||typeof t.contains!=="function")return;if(!t.contains(this.element))return;if(this.#t!==null)clearTimeout(this.#t),this.#t=null;re(this.element,this.#i)}#kt(){if(!this.#i)return;if(this.#t!==null)this.#q();this.element.removeEventListener?.("input",this.#c),this.element.removeEventListener?.("change",this.#_);for(let e of ue)this.element.removeEventListener?.(e,this.#c);document.removeEventListener?.("turbo:submit-end",this.#C),this.#c=this.#_=this.#C=void 0,this.#i=null,this.#E=!1}#Tt(){if(!this.#r)return;this.element.removeEventListener?.("input",this.#r),this.element.removeEventListener?.("change",this.#r),this.element.removeEventListener?.("turbo:morph-element",this.#r),this.#r=void 0}#D(){return!!(this.element.getAttribute?.("data-reactive-filter-input")&&this.element.getAttribute?.("data-reactive-filter-option"))}#Nt(){return this.element.getAttribute?.("data-reactive-compute-seed")==="true"}#Lt(e){let t=this.element.getAttribute("data-reactive-filter-input");return!!t&&typeof e.target?.matches==="function"&&e.target.matches(t)}#k(){if(typeof this.element?.querySelectorAll!=="function")return;let e=this.element.getAttribute("data-reactive-filter-input"),t=this.element.getAttribute("data-reactive-filter-option");if(!e||!t)return;let n=this.#e(),r=[...this.element.querySelectorAll(e)].find(n);if(!r)return;let i=(r.value??"").trim().toLowerCase(),s=0;for(let c of this.element.querySelectorAll(t)){if(!n(c))continue;let u=(c.getAttribute("data-reactive-filter-text")??c.textContent??"").toLowerCase(),l=c.hasAttribute?.("data-reactive-tags-selected")||i!==""&&!u.includes(i);if(c.hidden=l,l)c.removeAttribute("data-reactive-highlighted");else s++}let o=this.element.getAttribute("data-reactive-filter-group");if(o)for(let c of this.element.querySelectorAll(o)){if(!n(c))continue;let u=[...c.querySelectorAll(t)].filter(n);if(u.length===0)continue;c.hidden=u.every((l)=>l.hidden)}let a=this.element.getAttribute("data-reactive-filter-empty");if(a){for(let c of this.element.querySelectorAll(a))if(n(c))c.hidden=s>0}}#_t(){if(!this.#s)return;this.element.removeEventListener?.("input",this.#s),this.element.removeEventListener?.("turbo:morph-element",this.#s),this.#s=void 0}#F(){return!!this.element.getAttribute?.("data-reactive-tags-field")}#Ct(){if(typeof this.element?.querySelector!=="function")return!1;return!!this.element.querySelector("[data-reactive-nested-json]")}#Q(){if(typeof this.element?.querySelectorAll!=="function")return null;let e=this.element.getAttribute("data-reactive-tags-field");if(!e)return null;let t=this.#e();return[...this.element.querySelectorAll(e)].find(t)??null}#ee(e){let t=new Set,n=[];for(let r of String(e.value??"").split(",")){let i=r.trim();if(i===""||t.has(i.toLowerCase()))continue;t.add(i.toLowerCase()),n.push(i)}return n}#Le(e){let t=this.#Q();if(!t)return!1;let n=this.#ee(t),r=new Set(n.map((s)=>s.toLowerCase())),i=!1;for(let s of e){let o=String(s??"").trim();if(o===""||r.has(o.toLowerCase()))continue;r.add(o.toLowerCase()),n.push(o),i=!0}if(i)this.#_e(t,n);return i}#_e(e,t){if(e.value=t.join(","),typeof e.dispatchEvent==="function")e.dispatchEvent(new Event("input",{bubbles:!0}));this.#te()}#Ot(){if(typeof this.element?.querySelectorAll!=="function")return null;let e=this.element.getAttribute("data-reactive-filter-input");if(!e)return null;let t=this.#e();return[...this.element.querySelectorAll(e)].find(t)??null}#te(){let e=this.#Q();if(!e)return;let t=this.#ee(e),n=this.#e();this.#Rt(t,n),this.#$t(t,n)}#Rt(e,t){let n=[...this.element.querySelectorAll("[data-reactive-tags-list]")].find(t);if(!n)return;let i=[...this.element.querySelectorAll("[data-reactive-tags-template]")].find(t)?.content?.firstElementChild;if(!i){if(!this.#ce)console.warn("[phlex-reactive] reactive_tags: no chip <template data-reactive-tags-template> found in this root — "+"chips will not render (the hidden field still updates). Add a template with a [data-reactive-tag-text] node and a reactive_tags_remove button."),this.#ce=!0;return}while(n.firstChild)n.removeChild(n.firstChild);for(let s of e){let o=i.cloneNode(!0);o.setAttribute?.("data-reactive-tag",s);let a=o.matches?.("[data-reactive-tag-text]")?o:(o.querySelectorAll?.("[data-reactive-tag-text]")??[])[0];if(a)a.textContent=s;let c=[...o.querySelectorAll?.('[data-action*="reactive#tagsRemove"]')??[]];if(o.matches?.('[data-action*="reactive#tagsRemove"]'))c.push(o);for(let u of c)u.setAttribute?.("data-reactive-tag-param",s);n.appendChild(o)}}#$t(e,t){let n=new Set(e.map((r)=>r.toLowerCase()));for(let r of this.element.querySelectorAll("[role=option]")){if(!t(r))continue;let i=r.getAttribute?.("data-reactive-tag-param");if(!i)continue;if(n.has(i.toLowerCase()))r.setAttribute("data-reactive-tags-selected","true"),r.hidden=!0,r.removeAttribute?.("data-reactive-highlighted");else if(r.hasAttribute?.("data-reactive-tags-selected")){if(r.removeAttribute("data-reactive-tags-selected"),!this.#D())r.hidden=!1}}if(this.#D())this.#k()}#qt(){return this.#z=Math.max(this.#z+1,Date.now()),this.#z}#Dt(e,t){let n=[e,...e.querySelectorAll?.("*")??[]];for(let r of n)for(let i of["name","id","for"]){let s=r.getAttribute?.(i);if(s&&s.includes("NEW_ROW"))r.setAttribute?.(i,s.replaceAll("NEW_ROW",String(t)))}}#Ft(e){if(this.#ue)return;console.warn(`[phlex-reactive] nested rows: no owned [data-reactive-nested-list="${e}"] container + <template data-reactive-nested-template="${e}"> pair found in this root — the add `+"trigger did nothing. Render both inside the same reactive root (reactive_nested_list / reactive_nested_template)."),this.#ue=!0}#Mt(){if(!this.#b)return;this.element.removeEventListener?.("turbo:morph-element",this.#b),this.#b=void 0}#Pt(){if(this.#o)this.element.removeEventListener?.("input",this.#o),this.element.removeEventListener?.("change",this.#o),this.#o=void 0;if(this.#A)this.element.removeEventListener?.("turbo:morph-element",this.#A),this.#A=void 0}#jt(){if(!this.#w)return;this.element.removeEventListener?.("turbo:morph-element",this.#w),this.#w=void 0}#Jt(e,t,n,r){let i=new FormData;i.append("token",e),i.append("act",t);let s=[];for(let[a,c]of Object.entries(n))if(Array.isArray(c)&&String(a).endsWith("[]"))if(c.length===0)s.push(String(a).slice(0,-2));else{let u=`${this.#M(a)}[]`;for(let l of c)i.append(u,String(l))}else this.#ne(i,this.#M(a),c);for(let a of s)i.append("empty_groups[]",a);let o=this.#Wt(r);for(let{name:a,file:c,multiple:u}of r){let h=u||o.has(a)?`${this.#M(a)}[]`:this.#M(a);i.append(h,c,c.name)}return i}#M(e){let t=String(e),n=t.indexOf("[");if(n===-1)return`params[${t}]`;return`params${[t.slice(0,n),...t.slice(n).match(/[^\[\]]+/g)??[]].map((i)=>`[${i}]`).join("")}`}#ne(e,t,n){if(n==null)e.append(t,"");else if(Array.isArray(n))n.forEach((r,i)=>this.#ne(e,`${t}[${i}]`,r));else if(typeof n==="object")for(let[r,i]of Object.entries(n))this.#ne(e,`${t}[${r}]`,i);else e.append(t,String(n))}#Wt(e){let t=new Map;for(let{name:n}of e)t.set(n,(t.get(n)??0)+1);return new Set([...t].filter(([,n])=>n>1).map(([n])=>n))}#Ce(e){if(!e)return{};try{return typeof e==="string"?JSON.parse(e):e}catch{return{}}}#Oe(e){return We(e)}#Re(e){N(e,(t)=>this.#j(t),(t,n)=>this.#P(`client op "${t}"`,n))}#Bt(){return this.element?.getAttribute?.("data-reactive-verbose")==="true"||this.#K()}#P(e,t){if(!this.#Bt())return;let n=t.to;if(typeof n!=="string"||n===""||n==="@root")return;let r="";if(!t.global)if(this.element?.matches?.(n))r=" — the selector matches this component's own root, which root-scoped resolution never includes; use to: :root";else if(G(this.element,n)>0)r=" — it matches only inside a nested reactive root (excluded by ownership scoping); use global: true";else{let i=G(globalThis.document,n);if(i>0)r=` — it matches ${i} element(s) outside this scope; use global: true`}He(e,n,`scoped to #${this.element?.id||"?"}`,r)}#j(e){let t=e.to;if(t==="@root")return[this.element];if(typeof t!=="string"||t==="")return[];if(e.global)return[...document.querySelectorAll(t)];return[...this.element.querySelectorAll(t)].filter((n)=>this.#n(n))}#It(e,t){if(e?.checked!=="keep")return!1;let n=t?.type;return n==="checkbox"||n==="radio"}#Ht(e,t){if(!e)return null;let n=this.#$e(e,t,!0);return n.length?n:null}#d(e){if(!e)return;if(!this.element.isConnected)return;for(let t of e)t()}#Vt(e,t,n){this.#Gt(e,t);let r=n?this.#$e(n,t,!1):[];Te();let i=!1;return()=>{if(i)return;i=!0,this.#Ut(e,t),Ne();for(let s of r)s()}}#$e(e,t,n){let r=[];for(let i of this.#qe(e,t)){if(e.add_class){let s=e.add_class.filter((o)=>!i.classList.contains(o));if(i.classList.add(...s),s.length)r.push(()=>i.classList.remove(...s))}if(e.remove_class){let s=e.remove_class.filter((o)=>i.classList.contains(o));if(i.classList.remove(...s),s.length)r.push(()=>i.classList.add(...s))}if(e.toggle_class)e.toggle_class.forEach((s)=>i.classList.toggle(s)),r.push(()=>e.toggle_class.forEach((s)=>i.classList.toggle(s)));if(e.hide)i.hidden=!0,r.push(()=>i.hidden=!1);if(e.show)i.hidden=!1,r.push(()=>i.hidden=!0)}if(t&&(e.disable||e.text!=null))r.push(this.#zt(e,t));if(n&&e.checked==="keep"&&t&&"checked"in t){let i=t.checked;r.push(()=>t.checked=!i)}return r}#qe(e,t){if(e.to==null)return t?[t]:[];let n=this.#j({to:e.to});if(n.length===0)this.#P("busy/optimistic hint",{to:e.to});return n}#zt(e,t){let n=this.#N.get(t);if(n)n.count++;else this.#N.set(t,{count:1,disabled:t.disabled,html:t.innerHTML,hadText:e.text!=null,swappedTo:e.text});if(e.disable)t.disabled=!0;if(e.text!=null)t.innerHTML=e.text;return()=>this.#Kt(t,e)}#Gt(e,t){if(this.#h(t,e,1),this.#h(this.element,e,1),this.#p.set(e,(this.#p.get(e)??0)+1),this.#W++===0)this.element.setAttribute("aria-busy","true");for(let n of this.#De(e))this.#h(n,e,1)}#Ut(e,t){this.#h(t,e,-1),this.#h(this.element,e,-1);let n=(this.#p.get(e)??1)-1;if(n<=0)this.#p.delete(e);else this.#p.set(e,n);if(--this.#W<=0)this.#W=0,this.element.removeAttribute("aria-busy");for(let r of this.#De(e))this.#h(r,e,-1)}#h(e,t,n){if(!e||typeof e.getAttribute!=="function")return;let r=this.#B.get(e)??new Map,i=(r.get(t)??0)+n;if(i<=0)r.delete(t);else r.set(t,i);if(r.size===0){this.#B.delete(e),e.removeAttribute("data-reactive-busy");return}this.#B.set(e,r),e.setAttribute("data-reactive-busy",[...r.keys()].join(" "))}#De(e){return[...this.element.querySelectorAll?.("[data-reactive-busy-on]")??[]].filter((n)=>n.getAttribute("data-reactive-busy-on")===e&&this.#n(n))}#Kt(e,t){let n=this.#N.get(e);if(!n)return;if(--n.count>0)return;if(this.#N.delete(e),!e.isConnected)return;if(t.disable)e.disabled=n.disabled;if(n.hadText&&e.innerHTML===n.swappedTo)e.innerHTML=n.html}#Yt(e){if(!e||typeof e!=="object")return null;let{class:t,...n}=e;return t==null?e:{...n,add_class:t}}#Xt(){return this.#Fe??=document.querySelector('meta[name="phlex-reactive-action-path"]')?.content||"/reactive/actions"}#Zt(){if(this.#J!=null)return this.#J;let e=document.querySelector('meta[name="phlex-reactive-timeout"]')?.content,t=Number(e);return this.#J=Number.isFinite(t)&&t>0?t:30000}#Qt(){return document.querySelector('meta[name="csrf-token"]')?.content??""}#en(){return document.querySelector("pgbus-stream-source[connection-id]")?.getAttribute("connection-id")||document.querySelector('meta[name="pgbus-connection-id"]')?.content||null}}export{ke as ACTIVE_ATTR,Y as LATENCY_KEY,gn as __markReactiveConnectedForTest,fn as __resetReactiveDismissForTest,dn as __resetReactiveEffectsForTest,mn as __resetReactiveLatencyForTest,hn as __resetReactiveOfflineForTest,yn as __resetReactiveRegistrationForTest,St as checkReactiveRegistration,bn as default,bt as disableLatencySim,gt as enableLatencySim,Te as enterReactiveActivity,wt as escapeRegExp,Ne as exitReactiveActivity,ln as pendingDeferVia,pn as reactiveActivityCount,ce as registerReactiveActions,Xe as registerReactiveDefer,it as registerReactiveDismiss,at as registerReactiveEffects,Ye as registerReactiveJs,yt as registerReactiveOffline,Ke as registerReactiveToken,Ue as registerReactiveVisit,vn as resetReactiveActivity,un as resetReactiveDefers};
 
-//# debugId=F00902BE4CBCB94A64756E2164756E21
+//# debugId=434E66D6BA5767A464756E2164756E21
 //# sourceMappingURL=reactive_controller.min.js.map