@navette-js/panels 0.0.0-stage → 1.0.0-beta.1

package/dist/filament/js/filament/forms/components/repeater.js

@@ -0,0 +1 @@
+function C({statePath:a,isCollapsed:u,collapseKey:h}){return{isCollapsed:h?Alpine.$persist(u).as(h):u,collapseFromEvent(m){m.detail===a&&(this.isCollapsed=!0)},expandFromEvent(m){m.detail===a&&(this.isCollapsed=!1)},expand(){this.isCollapsed=!1},toggleCollapsed(){this.isCollapsed=!this.isCollapsed},get itemClasses(){return{"fi-collapsed":this.isCollapsed}}}}function S({schemaComponent:a,moveUpAction:u,moveDownAction:h,reorderAction:m,message:D,hasCustomReorderAction:E}){let y=e=>JSON.stringify({name:e?.name,arguments:e?.arguments,context:e?.context});return{pending:null,frame:null,destroyed:!1,listeners:[],removeCommitHook:null,init(){let e=(t,n,o,f=!0)=>{t.addEventListener(n,o,f),this.listeners.push(()=>t.removeEventListener(n,o,f))};e(document,"pointerdown",t=>{this.pending?.control?.contains(t.target)||this.relinquishFocus()}),e(document,"keydown",t=>{t.key==="Tab"&&this.relinquishFocus()}),e(document,"focusin",t=>{this.pending&&t.target!==this.pending.control&&this.relinquishFocus()}),e(this.$root,"click",t=>{let n=t.target.closest("[data-reorder-direction]");if(!(!n||!this.owns(n))){if(this.pending){t.preventDefault(),t.stopImmediatePropagation();return}!n.dataset.reorderAction?.startsWith("mountAction(")||n.getAttribute("wire:click")!==n.dataset.reorderAction||n.getAttributeNames().some(o=>o==="wire:confirm"||o.startsWith("wire:confirm."))||n.disabled||this.begin(n.closest("[x-sortable-item]").getAttribute("x-sortable-item"),n.dataset.reorderDirection,n)}}),e(this.$root,"start",t=>{t.target===this.$refs.reorderItems&&this.begin(t.item.getAttribute("x-sortable-item"),"drag")}),e(this.$root,"end",t=>{if(t.target===this.$refs.reorderItems){if(t.oldDraggableIndex===t.newDraggableIndex){this.finish(),t.stopImmediatePropagation();return}this.setSortingDisabled(!0)}}),this.removeCommitHook=Livewire.interceptMessage(({message:t,onSuccess:n,onError:o,onFailure:f,onCancel:p})=>{let r=t.component,i=this.pending;if(r.id!==this.$wire.$id)return;let b=[];for(let s=this.$root;s&&!(s.hasAttribute("wire:id")&&s.getAttribute("wire:id")!==r.id);s=s.parentElement){let g=s.getAttribute("wire:partial");if(g&&b.push(g),s===r.el)break}let d=s=>s.html||b.some(g=>s.partials?.[g]),c=r.canonical.mountedActions??[],A=s=>i&&s?.context?.schemaComponent===a&&s.name===i.action&&(i.direction==="drag"||String(s.arguments?.item)===i.item),M=c.some(A)&&!A(c.at(-1)),I=i&&!i.synchronizing&&t.calls.some(s=>s.method==="mountAction"?A({name:s.params[0],arguments:s.params[1],context:s.params[2]}):["callMountedAction","unmountAction"].includes(s.method)&&c.some(A)),F=t.calls.some(s=>s.method==="unmountAction");if(n(({payload:s,onMorphed:g})=>{g(()=>{let v=s.effects;if(this.pending!==i||((!i||i.synchronizing&&d(v))&&this.schedule(()=>{this.destroyed||!this.$root.isConnected||(this.updateHandles(),i?.synchronizing&&this.isCurrent(i)&&this.finish())}),!I)||!this.isCurrent(i))return;let $=r.canonical.mountedActions??[],q=$.some(A);for(let[l,x]of i.reopenedModals??[])y($[l])!==x&&i.reopenedModals.delete(l);if(q){i.focus=!1,i.modal=!0,this.setSortingDisabled(!0);let l=$.length-1;$.length<c.length&&i.reopenedModals?.has(l)&&this.schedule(()=>{if(!this.isCurrent(i))return;let x=r.canonical.mountedActions??[];x.length===l+1&&y(x[l])===i.reopenedModals.get(l)&&this.$dispatch("open-modal",{id:`fi-${r.id}-action-${l}`})});return}if(!d(v)||M){this.resynchronize(i);return}this.schedule(()=>this.reconcile(i))})}),!I)return;let w=()=>{this.isCurrent(i)&&(i.focus=!1,i.modal&&F&&(i.reopenedModals??(i.reopenedModals=new Map),i.reopenedModals.set(c.length-1,y(c.at(-1))),this.$dispatch("open-modal",{id:`fi-${r.id}-action-${c.length-1}`})),!i.modal&&(i.direction==="drag"?this.resynchronize(i):this.finish()))};o(w),f(w),p(w)}),this.updateHandles()},owns(e){return e.closest("[data-reorder-owner]")===this.$root},order(){return JSON.parse(this.$root.dataset.reorderItems)},reorder(e){e.target===this.$refs.reorderItems&&this.$wire.mountAction(m,{items:e.target.sortable.toArray()},{schemaComponent:a})},begin(e,t,n=null){this.pending={item:e,direction:t,control:n,focus:!n?.hasAttribute("data-reorder-hidden")&&document.activeElement===n,before:this.order(),action:t==="drag"?m:t==="up"?u:h},t!=="drag"&&this.setSortingDisabled(!0)},relinquishFocus(){this.pending&&(this.pending.focus=!1)},isCurrent(e){return!this.destroyed&&this.$root.isConnected&&this.pending===e},schedule(e){cancelAnimationFrame(this.frame),this.frame=requestAnimationFrame(e)},resynchronize(e){this.setSortingDisabled(!0),e.synchronizing=!0,this.$wire.forceRender().catch(()=>{})},reconcile(e){if(!this.isCurrent(e))return;this.updateHandles();let t=this.order(),n=e.before.filter(r=>t.includes(r)),o=t.filter(r=>e.before.includes(r)),f=t.includes(e.item)&&n.indexOf(e.item)!==o.indexOf(e.item),p=[...this.$root.querySelectorAll("[data-reorder-description]")].find(r=>this.owns(r)&&r.dataset.reorderDescription===e.item);if(f&&p&&(this.$refs.reorderStatus.textContent=D.replace(/:label|:position|:count/g,r=>({":label":p.dataset.reorderLabel,":position":String(t.indexOf(e.item)+1),":count":String(t.length)})[r]),e.focus&&!e.modal&&[document.body,e.control].includes(document.activeElement))){let r=[...this.$root.querySelectorAll("[x-sortable-item]")].find(d=>this.owns(d)&&d.parentElement===this.$refs.reorderItems&&d.getAttribute("x-sortable-item")===e.item),i=[...r?.querySelectorAll("[data-reorder-direction]")??[]].filter(d=>this.owns(d)&&!d.hasAttribute("data-reorder-hidden")&&!d.disabled&&d.getAttribute("aria-disabled")!=="true"&&this.isElementVisible(d)),b=i.find(d=>d.dataset.reorderDirection===e.direction)??i[0];b?b.focus({preventScroll:!0}):r&&(r.tabIndex=-1,!r.hasAttribute("aria-label")&&!r.hasAttribute("aria-labelledby")&&r.setAttribute("aria-labelledby",p.id),r.focus({preventScroll:!0}))}!t.includes(e.item)&&e.focus&&!e.modal&&document.activeElement===document.body&&(this.$root.tabIndex=-1,this.$root.focus({preventScroll:!0})),this.finish()},setSortingDisabled(e){this.$refs.reorderItems?.sortable?.option("disabled",e)},isElementVisible(e){let t=window.getComputedStyle(e);return t.display!=="none"&&t.visibility!=="hidden"&&e.getClientRects().length>0},updateHandles(){if(!E)for(let e of this.$refs.reorderItems?.querySelectorAll("[x-sortable-handle]")??[]){if(!this.owns(e)||e.closest("[x-sortable]")!==this.$refs.reorderItems)continue;[...e.closest("[x-sortable-item]").querySelectorAll("[data-reorder-direction]")].some(o=>this.owns(o)&&!o.disabled&&o.getAttribute("aria-disabled")!=="true"&&this.isElementVisible(o))?(e.tabIndex=-1,e.setAttribute("aria-hidden","true")):(e.removeAttribute("tabindex"),e.removeAttribute("aria-hidden"))}},finish(){this.pending=null,this.setSortingDisabled(!1)},destroy(){this.destroyed=!0,this.pending=null,cancelAnimationFrame(this.frame),this.removeCommitHook?.(),this.listeners.forEach(e=>e())}}}function k({statePath:a,...u}){return{...S(u),collapseAll(){this.$dispatch("repeater-collapse",a)},expandAll(){this.$dispatch("repeater-expand",a)},item(h){return C({statePath:a,...h})}}}export{k as default};