@dialpad/dialtone/dist/vue3/resizable-aOVGO_Os.cjs

Dialpad's Dialtone design system monorepo

require(`./chunk-Bmb41Sf3.cjs`);const e=require(`./resizable_utils-DhuzXRdP.cjs`),t=require(`./useResizableCalculations-BDITle3Q.cjs`);let n=require(`vue`);function r(e,n,r,i=`user`){let a=t.n(e,r);return e.userMinSizePixels=a.userMinSizePixels,e.userMaxSizePixels=a.userMaxSizePixels,e.systemMinSizePixels=a.systemMinSizePixels,e.systemMaxSizePixels=a.systemMaxSizePixels,e.collapseSizePixels=a.collapseSizePixels,t.r(n,a,i)}function i(e,t){return e.resizable!==!1&&!e.collapsed&&t.resizable!==!1&&!t.collapsed}function a(t){let{panels:n,containerSize:a,containerRef:o,onPanelResize:s,onPanelCollapse:c,updateSavedPanel:l}=t,u=new Map;function d(t){return e.o(t,a.value)}function f(e){let{panelId:t,action:r,source:i}=e,a=n.value.find(e=>e.id===t),s=r===`collapse`;return p(t,a,s)||(s?m(a,i):h(a),c(t,s),o.value&&o.value.dispatchEvent(new CustomEvent(`panels-updated`)),{success:!0,panelId:t,newState:s?`collapsed`:`expanded`})}function p(e,t,n){if(!t)return{success:!1,reason:`Panel not found`,panelId:e,newState:`unchanged`};let r=t.collapsed;if(n&&r)return{success:!0,reason:`Already collapsed`,panelId:e,newState:`unchanged`};if(!n&&!r)return{success:!0,reason:`Already expanded`,panelId:e,newState:`unchanged`};if(n&&!t.collapsible)return{success:!1,reason:`Panel is not collapsible`,panelId:e,newState:`unchanged`}}function m(e,t){let r={sizes:new Map,manualTargets:new Map,containerSize:a.value};n.value.forEach(e=>{r.sizes.set(e.id,e.pixelSize),r.manualTargets.set(e.id,e.manualTargetSize)}),u.set(e.id,r),l(e.id,{collapsed:!0,autoCollapsed:t===`system`}),n.value.forEach(t=>{t.id!==e.id&&!t.collapsed&&l(t.id,{manualTargetRatio:void 0})})}function h(t){let i=t.autoCollapsed??!1,o=u.get(t.id);if(o){if(!(Math.abs(a.value-o.containerSize)/o.containerSize>.1)||!i){let e=o.sizes.get(t.id);e===void 0?l(t.id,{collapsed:!1,autoCollapsed:void 0}):l(t.id,{pixelSize:e,collapsed:!1,autoCollapsed:void 0}),n.value.forEach(e=>{if(e.id===t.id)return;let n=o.sizes.get(e.id),r=o.manualTargets.get(e.id)!==void 0,i=e.manualTargetSize!==void 0;!r&&!i&&n!==void 0&&l(e.id,{pixelSize:n})})}else l(t.id,{collapsed:!1,autoCollapsed:void 0});u.delete(t.id)}else{let n=r(t,e.o(t.initialSize??`50p`,a.value),a.value,`system`);l(t.id,{pixelSize:n,collapsed:!1,autoCollapsed:void 0})}}function g(e,t){let n=Math.round(t),r=a.value;l(e,{pixelSize:n,manualTargetRatio:r>0?n/r:void 0})}function _(e,t){let i=n.value.find(t=>t.id===e);if(!i||i.collapsed)return;let o=r(i,t,a.value);g(e,o),s(e,o)}function v(e,t,n){let r=n?.isAutoCollapse?`system`:`prop`;f({panelId:e,action:t?`collapse`:`expand`,source:r})}function y(e,t){let n=e.pixelSize+t.pixelSize,r=d(e.initialSize||`50p`),i=r+d(t.initialSize||`50p`),a=Math.round(i>0?r/i*n:n/2),o=n-a;l(e.id,{pixelSize:a,manualTargetRatio:void 0}),l(t.id,{pixelSize:o,manualTargetRatio:void 0}),s(e.id,a),s(t.id,o)}function b(){for(let e=0;e<n.value.length-1;e++){let t=n.value[e],r=n.value[e+1];i(t,r)&&y(t,r)}}function x(e,t){let r=e?n.value.find(t=>t.id===e):void 0,a=t?n.value.find(e=>e.id===t):void 0;r&&a&&i(r,a)&&y(r,a)}function S(e){if(!e)return;let t=n.value.find(t=>t.id===e);if(!t||t.collapsed||t.resizable===!1)return;let r=d(t.initialSize||`50p`),i=r-t.pixelSize,a=n.value.indexOf(t),o=n.value.find((e,t)=>t!==a&&!e.collapsed&&e.resizable!==!1);if(!o)return;let c=o.pixelSize-i;l(t.id,{pixelSize:r,manualTargetRatio:void 0}),l(o.id,{pixelSize:c}),s(t.id,r),s(o.id,c)}function C(e,t,n=`all`){try{n===`all`?b():n===`before`?S(e):n===`after`?S(t):x(e,t)}catch(e){console.error(`[resizable] Error in resetPanels:`,e)}}function w(){let e=[],t=a.value;for(let r of n.value)r.collapsed||!r.collapsible||!r.collapseSizePixels||t<r.collapseSizePixels&&f({panelId:r.id,action:`collapse`,source:`system`}).newState===`collapsed`&&e.push(r.id);return e}function T(){let e=[],t=a.value;for(let r of n.value)!r.collapsed||!r.autoCollapsed||!r.collapseSizePixels||t>=r.collapseSizePixels&&f({panelId:r.id,action:`expand`,source:`system`}).newState===`expanded`&&e.push(r.id);return e}function E(){let e=T();return{collapsed:w(),expanded:e}}return{commitPanelSize:g,resizePanel:_,collapsePanel:v,resetPanels:C,processCollapseRequest:f,checkAutoCollapse:w,checkAutoExpand:T,processAutoCollapseExpand:E}}function o(e){if(!e||e.length===0)return[];let t=e.map((e,t)=>({rule:e,index:t}));return t.sort((e,t)=>{let n=e.rule.priority-t.rule.priority;return n===0?e.index-t.index:n}),t.map(e=>e.rule)}function s(t,n,r){return n.minSizeBeforeCollapse===void 0?t.userMinSizePixels:e.o(n.minSizeBeforeCollapse,r)}function c(e,t,n){let r=e.find(e=>e.id===t.panelId);if(!r||r.collapsed)return;let i=s(r,t,n);if(i!==void 0)return r.pixelSize<=i?r.id:void 0}function l(e,t,n){return!e||e.length===0||!t||t.length===0?[]:o(t).map(t=>c(e,t,n)).filter(e=>e!==void 0)}function u(t,n,r){if(r!==void 0){let i=r.pixelSize;return!isFinite(i)||i<0||n>0&&i>n*2?e.o(t.initialSize??`50p`,n):i}return e.o(t.initialSize??`50p`,n)}function d(e,t){return t!==void 0&&t.collapsed!==void 0?t.collapsed:!!e.collapsed}function f(e,n,r=`system`){let i=t.r(e,n,r);return{clamped:i,delta:i-e}}function p(e){if(e)return new Map(e.map(e=>[e.id,e]))}function m(e,n,r){return e.map(e=>{let i=t.n(e,n),a=r?.get(e.id),o=d(e,a),s=e.resizable===!1,c=a?.manualTargetRatio,l;return l=o?0:c!==void 0&&n>0?c*n:u(e,n,a),{config:e,constraints:i,width:l,collapsed:o,isFixed:s,manualTargetRatio:c}})}function h(e,t){let n=0;for(let t of e)if(t.isFixed){let{clamped:e}=f(t.width,t.constraints);t.width=e,n+=e}let r=e.filter(e=>!e.isFixed&&e.manualTargetRatio!==void 0);for(let e of r){let{clamped:r}=f((e.manualTargetRatio??0)*t,e.constraints,`user`);e.width=r,n+=r}return n}function g(e){let t=e.length+1;for(let n=0;n<t;n++){let t=0,n=new Set;for(let r of e){let{clamped:e,delta:i}=f(r.width,r.constraints);i!==0&&(r.width=e,n.add(r.config.id),t+=i)}if(t===0)break;let r=e.filter(e=>!n.has(e.config.id));if(r.length===0)break;let i=-t/r.length;for(let e of r)e.width+=i}for(let t of e){let{clamped:e}=f(t.width,t.constraints);t.width=e}}function _(e,t,n){let r=n-e.reduce((e,t)=>e+t.width,0);if(r>1){let e=[...t].reverse().find(e=>!e.isFixed);e&&(e.width+=r)}}function v(e,t){if(t<=0){e.forEach(e=>{e.collapsed||(e.width=0)});return}let n=e.filter(e=>!e.collapsed);if(n.length===0)return;let r=h(n,t),i=n.filter(e=>!e.isFixed&&e.manualTargetRatio===void 0),a=Math.max(0,t-r);if(i.length===0)return;let o=i.reduce((e,t)=>e+Math.max(0,t.width),0);for(let e of i)o>0?e.width=e.width/o*a:e.width=a/i.length;g(i),_(n,i,t)}function y(e,t){e.sort((e,t)=>t.remainder-e.remainder);let n=t;for(let{panel:t}of e){if(n<=0)break;let e=t.constraints.systemMaxSizePixels??t.constraints.userMaxSizePixels??1/0;t.width<e&&!t.isFixed&&(t.width+=1,--n)}}function b(e,t){if(t<=0)return;let n=e.filter(e=>!e.collapsed);if(n.length===0)return;let r=[];for(let e of n){let t=Math.floor(e.width);r.push({panel:e,remainder:e.width-t}),e.width=t}y(r,t-n.reduce((e,t)=>e+t.width,0))}function x(e,t){let n=new Map,r=0;for(let i of e){let e=i.collapsed?0:i.width,a=r,o=Math.max(0,t-a-e);n.set(i.config.id,{id:i.config.id,left:a,right:o,width:e,collapsed:i.collapsed,constraints:i.constraints}),r+=e}return n}function S(t,n){let r=[];for(let i=0;i<t.length-1;i++){let a=t[i],o=t[i+1];if(a.resizable===!1||o.resizable===!1)continue;let s=n.get(a.id),c=n.get(o.id);if(!s||!c)continue;let l=s.collapsed||c.collapsed;r.push({id:e.f(a.id,o.id),beforePanelId:a.id,afterPanelId:o.id,left:s.left+s.width,disabled:l})}return r}function C(e){let{panels:t,containerSize:n,savedState:r}=e;if(t.length===0)return{panels:new Map,handles:[]};let i=m(t,n,p(r));v(i,n),b(i,n);let a=x(i,n);return{panels:a,handles:S(t,a)}}function w(e){return typeof e.id==`string`&&typeof e.pixelSize==`number`&&e.pixelSize>=0}function T(e){return(e.collapsed===void 0||typeof e.collapsed==`boolean`)&&(e.autoCollapsed===void 0||typeof e.autoCollapsed==`boolean`)}function E(e){if(typeof e!=`object`||!e)return!1;let t=e;return w(t)&&T(t)}function D(e){return Array.isArray(e)&&e.every(e=>E(e))}function O(e){return{save(t){try{localStorage.setItem(e,JSON.stringify(t))}catch(e){console.error(`[resizable] Failed to save to localStorage:`,e)}},load(){try{let t=localStorage.getItem(e);if(!t)return null;let n;try{n=JSON.parse(t)}catch{return localStorage.removeItem(e),null}return D(n)?n:(localStorage.removeItem(e),null)}catch(t){console.warn(`[resizable] Failed to load from localStorage:`,t);try{localStorage.removeItem(e)}catch{}return null}},clear(){try{localStorage.removeItem(e)}catch{}}}}function k(e,t){let n=t??(e?O(e):null);function r(e){if(!n)return;let t=e.map(e=>({id:e.id,pixelSize:e.pixelSize,collapsed:e.collapsed,autoCollapsed:e.autoCollapsed}));n.save(t)}function i(){if(!n)return null;let e=n.load();return e?D(e)?e:(n.clear(),null):null}function a(e,t){e.restoredFromStorage||(t.pixelSize!==void 0&&(e.pixelSize=t.pixelSize),t.collapsed!==void 0&&(e.collapsed=t.collapsed),t.autoCollapsed!==void 0&&(e.autoCollapsed=t.autoCollapsed),e.restoredFromStorage=!0)}function o(e){let t=i();if(!t)return!1;let r=new Set(e.map(e=>e.id)),o=new Set(t.map(e=>e.id));return Array.from(r).some(e=>!o.has(e))?(n&&n.clear(),!1):(t.forEach(t=>{let n=e.find(e=>e.id===t.id);n&&a(n,t)}),!0)}function s(){n&&n.clear()}return{saveToStorage:r,loadFromStorage:i,loadFromStorageWithValidation:o,restorePanelFromStorage:a,clearStorage:s}}var A=e.c;function j(e,n,r,i){let a=r.panels.get(e.id),o=a?.constraints??t.n(e,n),s=a?.width??0,c=a?.collapsed??!!e.collapsed;return{...e,pixelSize:s,collapsed:c,userMinSizePixels:o.userMinSizePixels,userMaxSizePixels:o.userMaxSizePixels,systemMinSizePixels:o.systemMinSizePixels,systemMaxSizePixels:o.systemMaxSizePixels,collapseSizePixels:o.collapseSizePixels,manualTargetRatio:i?.manualTargetRatio,autoCollapsed:i?.autoCollapsed}}function M(e){let{storageKey:t,direction:r,containerRef:i}=e,a=(0,n.ref)([]),o=(0,n.ref)(0),s=k(t,e.storageAdapter),c=(0,n.ref)(s.loadFromStorage()),l=(0,n.ref)(!0),u=(0,n.computed)(()=>{let e=a.value,t=o.value;return e.length===0||t<=0?{panels:new Map,handles:[]}:C({panels:e,containerSize:t,savedState:c.value??void 0})}),d=(0,n.computed)(()=>{let e=u.value,t=o.value,n=new Map(c.value?.map(e=>[e.id,e])??[]);return a.value.map(r=>j(r,t,e,n.get(r.id)))});(0,n.watch)(u,e=>{e.panels.size>0&&l.value&&(l.value=!1)},{immediate:!0});let f=(0,n.computed)(()=>{let e=new Map;for(let t of d.value)e.set(t.id,t);return e}),p=!1;function m(e){e.id.includes(`:`)&&console.warn(`[resizable] Panel id "${e.id}" contains ':' which is reserved as the handle separator. Use kebab-case.`);let t=a.value.findIndex(t=>t.id===e.id);t===-1?(a.value=[...a.value,e],p||(p=!0,(0,n.nextTick)(()=>{a.value=h(a.value),p=!1}))):a.value=a.value.map((n,r)=>r===t?e:n)}function h(e){let t=i.value;if(!t)return e;let n=Array.from(t.querySelectorAll(`.d-resizable-panel[data-panel-id]`));if(n.length===0)return e;let r=new Map;return n.forEach((e,t)=>{let n=e.getAttribute(`data-panel-id`);n&&r.set(n,t)}),[...e].sort((e,t)=>(r.get(e.id)??1/0)-(r.get(t.id)??1/0))}function g(e){a.value=a.value.filter(t=>t.id!==e)}function _(e){s.saveToStorage(e),c.value=e.map(e=>({id:e.id,pixelSize:e.pixelSize,collapsed:e.collapsed,autoCollapsed:e.autoCollapsed,manualTargetRatio:e.manualTargetRatio}))}function v(e,t){c.value||(c.value=[]);let n=c.value.findIndex(t=>t.id===e);if(n>=0)c.value[n]={...c.value[n],...t};else{let n=d.value.find(t=>t.id===e)?.pixelSize??0;c.value.push({id:e,pixelSize:n,...t})}c.value=[...c.value],s.saveToStorage(c.value)}function y(){c.value=s.loadFromStorage()}function b(){s.clearStorage(),c.value=null}let x=new ResizeObserver(e=>{for(let t of e){let e=r.value===`row`?t.contentRect.width:t.contentRect.height;o.value=A(Math.round(e))}});function S(){x.disconnect()}return(0,n.watch)(i,(e,t)=>{t&&x.unobserve(t),e&&(o.value=A(r.value===`row`?e.clientWidth:e.clientHeight),x.observe(e))},{immediate:!0}),{layout:u,syncedPanels:d,panelMap:f,containerSize:o,isInitializing:l,registerPanel:m,unregisterPanel:g,saveCurrentLayout:_,updateSavedPanel:v,reloadFromStorage:y,clearSavedState:b,disconnectObserver:S}}var N={isActive:!1,handleId:null,beforePanelId:null,afterPanelId:null,proposedBeforeSize:0,proposedAfterSize:0};function P(e,t){return e.querySelector(`[data-panel-id="${t}"]`)}function F(e,t){return e.querySelector(`[data-handle-id="${t}"]`)}function I(e,t,n){e.style.insetInlineStart=`${t}px`,e.style.insetInlineEnd=`${n}px`,e.style.inlineSize=``}function L(e){e.style.insetInlineStart=``,e.style.insetInlineEnd=``,e.style.inlineSize=``}function R(e,t){e.style.insetInlineStart=`${Math.max(0,t)}px`}function z(e){e.style.insetInlineStart=``}function B(e,t){let n=e.indexOf(`:`);if(n===-1)return{beforePanel:null,afterPanel:null};let r=e.slice(0,n),i=e.slice(n+1);return{beforePanel:t.find(e=>e.id===r)??null,afterPanel:t.find(e=>e.id===i)??null}}function V(e){let{direction:t,containerRef:r,panels:i,containerSize:a,resizeHandler:o,onDragEnd:s,onDragStart:c}=e,l=(0,n.reactive)({...N}),u=null,d=null,f=null,p=null,m=null,h=0,g=0,_=0,v=null,y=null,b=null;function x(){y=e=>O(e),b=()=>k(),document.addEventListener(`pointermove`,y),document.addEventListener(`pointerup`,b),document.addEventListener(`pointercancel`,b),document.addEventListener(`keydown`,j)}function S(){y&&(document.removeEventListener(`pointermove`,y),y=null),b&&(document.removeEventListener(`pointerup`,b),document.removeEventListener(`pointercancel`,b),b=null),document.removeEventListener(`keydown`,j)}function C(){S(),document.body.style.userSelect=``,document.body.style.cursor=``,Object.assign(l,N),u=null,d=null,f=null,p=null,m=null,h=0,g=0,_=0,v=null}function w(e,t,n){let{beforePanel:r,afterPanel:i}=B(t,n);if(!r||!i)return console.warn(`[resizable] No panel pair found for handle "${t}"`),null;let a=P(e,r.id),o=P(e,i.id),s=F(e,t);return!a||!o?(console.warn(`[resizable] Panel element(s) not found for handle "${t}"`),null):{beforePanel:r,afterPanel:i,beforeEl:a,afterEl:o,handleElement:s}}function T(e){let n=r.value;if(!n)return;let a=w(n,e,i.value);a&&(u=a.beforeEl,d=a.afterEl,f=a.handleElement,p=a.beforePanel,m=a.afterPanel,h=a.beforePanel.pixelSize,g=a.afterPanel.pixelSize,_=parseFloat(u.style.insetInlineStart||`0`),v=n.getBoundingClientRect(),Object.assign(l,{isActive:!0,handleId:e,beforePanelId:a.beforePanel.id,afterPanelId:a.afterPanel.id,proposedBeforeSize:h,proposedAfterSize:g}),document.body.style.userSelect=`none`,document.body.style.cursor=t.value===`row`?`ew-resize`:`ns-resize`,x(),c?.(e))}function E(e,t){let n=v;return t===`row`?e.clientX-n.left:e.clientY-n.top}function D(){return l.isActive&&!!r.value&&!!u&&!!d&&!!l.handleId&&!!p&&!!m}function O(e){if(!D())return;let n=E(e,t.value),r=o.processResizeMove(n,p,m,a.value,l.handleId,i.value,_);if(!r.isValidResize)return;l.proposedBeforeSize!==r.beforePanelSize&&(l.proposedBeforeSize=r.beforePanelSize),l.proposedAfterSize!==r.afterPanelSize&&(l.proposedAfterSize=r.afterPanelSize);let s=a.value,c=r.constrainedCursorPosition,h=s-c,g=c-2,v=s-c-r.afterPanelSize;I(u,_,h),I(d,c,Math.max(0,v)),f&&R(f,g)}function k(){if(!l.isActive)return;let e=l.beforePanelId,t=l.afterPanelId,n=l.proposedBeforeSize,r=l.proposedAfterSize,i=h,a=g;u&&L(u),d&&L(d),f&&z(f),C(),e&&t&&s(e,t,n,r,n!==i||r!==a)}function A(){l.isActive&&(u&&d&&(L(u),L(d)),f&&z(f),C())}function j(e){e.key===`Escape`&&l.isActive&&(e.preventDefault(),A())}return(0,n.onUnmounted)(()=>{A()}),{dragState:l,startDrag:T,onDragMove:O,commitDrag:k,cancelDrag:A,cleanup:C}}var H=null,U,W=0;function G(){return H||(H=document.getElementById(`d-resizable-announcements`),H||(H=document.createElement(`div`),H.id=`d-resizable-announcements`,H.setAttribute(`aria-live`,`polite`),H.setAttribute(`aria-atomic`,`true`),H.style.position=`absolute`,H.style.left=`-10000px`,H.style.width=`1px`,H.style.height=`1px`,H.style.overflow=`hidden`,document.body.appendChild(H))),H}function K(e){if(!e.trim())return;U&&clearTimeout(U);let t=G();t.textContent=``,U=setTimeout(()=>{t.textContent=e,setTimeout(()=>{t.textContent=``},1e3)},100)}function q(){return(0,n.onMounted)(()=>{W++,G()}),(0,n.onUnmounted)(()=>{U&&clearTimeout(U),W--,W<=0&&H&&(H.remove(),H=null,W=0)}),{announce:K}}function J(e={}){let{offsetElement:t=null,offsetAmount:r=null,offsetDirection:i=`start`,direction:a=(0,n.ref)(`row`)}=e,o=(0,n.ref)(0);function s(){if(r!=null&&r>0){o.value=r;return}if(!t){o.value=0;return}try{let e=document.querySelector(t);if(!e){o.value=0;return}let n=e.getBoundingClientRect();o.value=a.value===`row`?n.height:n.width}catch(e){console.warn(`[resizable] Failed to measure offset element:`,e),o.value=0}}let c=(0,n.computed)(()=>{let e={};if(o.value<=0)return e;let t=`${o.value}px`;return(i===`start`||i===`both`)&&(e.insetBlockStart=t),(i===`end`||i===`both`)&&(e.insetBlockEnd=t),e}),l=(0,n.computed)(()=>{let e={};if(o.value<=0)return e;let t=`${o.value}px`;return(i===`start`||i===`both`)&&(e.paddingBlockStart=t),(i===`end`||i===`both`)&&(e.paddingBlockEnd=t),e});return(0,n.onMounted)(()=>{s()}),{calculatedOffset:o,updateOffset:s,handleStyles:c,contentStyles:l}}var Y=[`data-storage-key`],X={__name:`resizable`,props:{direction:{type:String,default:`row`},storageKey:{type:String,default:null},class:{type:[String,Object,Array],default:``},panels:{type:Array,default:()=>[]},spaceAllocationStrategy:{type:String,default:`proportional`,validator:e=>[`proportional`,`preserve-manual`].includes(e)},collapseRules:{type:Array,default:()=>[]},storage:{type:Object,default:null},offsetElement:{type:String,default:null},offsetAmount:{type:Number,default:null},offsetDirection:{type:String,default:`start`},messages:{type:Object,default:()=>({})}},emits:[`panel-resize`,`panel-collapse`,`resize-start`,`resize-end`],setup(r,{expose:i,emit:o}){let s=r,c=o,u=(0,n.ref)(null),d=(0,n.computed)(()=>s.direction),f=M({storageKey:s.storageKey??null,direction:d,containerRef:u,storageAdapter:s.storage??void 0}),p=(0,n.ref)(!1),m=(0,n.ref)(void 0),h=t.t(()=>f.containerSize.value),g=f.isInitializing,_=e=>f.registerPanel(e),v=e=>f.unregisterPanel(e),y=e=>f.saveCurrentLayout(e),{commitPanelSize:b,resizePanel:x,collapsePanel:S,resetPanels:C,processAutoCollapseExpand:w}=a({panels:f.syncedPanels,containerSize:f.containerSize,containerRef:u,onPanelResize:(e,t)=>c(`panel-resize`,e,t),onPanelCollapse:(e,t)=>c(`panel-collapse`,e,t),updateSavedPanel:(e,t)=>f.updateSavedPanel(e,t)});function T(e,t,n=`all`){C(e,t,n),n===`all`?(f.syncedPanels.value.forEach(e=>f.updateSavedPanel(e.id,{manualTargetRatio:void 0})),f.clearSavedState()):(e&&f.updateSavedPanel(e,{manualTargetRatio:void 0}),t&&f.updateSavedPanel(t,{manualTargetRatio:void 0}))}function E(){if(w(),!s.collapseRules?.length)return;let e=f.syncedPanels.value,t=l(e,s.collapseRules,f.containerSize.value);if(t.length===0)return;let n=e.find(e=>e.id===t[0]);n&&!n.collapsed&&S(t[0],!0)}let{announce:D}=q(),O=J({offsetElement:s.offsetElement,offsetAmount:s.offsetAmount,offsetDirection:s.offsetDirection,direction:d}),k=new Set;function A(e){k.add(e)}function j(e){k.delete(e)}let N=V({direction:d,containerRef:u,panels:f.syncedPanels,containerSize:f.containerSize,resizeHandler:h,onDragStart(e){p.value=!0,m.value=e,c(`resize-start`,e)},onDragEnd(t,n,r,i,a){let o=N.dragState.handleId??e.f(t,n);p.value=!1,m.value=void 0,a&&(b(t,r),b(n,i),c(`resize-end`,o),E())}});function P(e){N.startDrag(e)}function F(){N.cancelDrag()}function I(){y(f.syncedPanels.value)}function L(e,t){c(`panel-resize`,e,t)}return(0,n.watch)(f.syncedPanels,e=>{e.length>0&&!g.value&&E()},{flush:`post`}),(0,n.onUnmounted)(()=>{f.disconnectObserver(),N.cancelDrag()}),(0,n.provide)(e.d,{layout:f.layout,panels:f.syncedPanels,panelMap:f.panelMap,direction:d,containerSize:f.containerSize,containerElement:(0,n.computed)(()=>u.value),isResizing:(0,n.computed)(()=>p.value),activeHandleId:(0,n.computed)(()=>m.value),isInitializing:(0,n.computed)(()=>g.value),messages:s.messages,startResize:e=>P(e),resetPanels:T,registerHandle:A,unregisterHandle:j,registerPanel:_,unregisterPanel:v,saveToStorage:I,announce:D,offsetHandleStyles:O.handleStyles,offsetContentStyles:O.contentStyles,collapsePanel:S,emitPanelResize:L,commitPanelSize:b,updateSavedPanel:(e,t)=>f.updateSavedPanel(e,t)}),i({resizePanel:x,collapsePanel:S,resetPanels:T,state:(0,n.computed)(()=>({direction:d.value,panels:f.syncedPanels.value,containerSize:f.containerSize.value,isResizing:p.value,activeHandleId:m.value})),panelConfigs:(0,n.computed)(()=>s.panels),allocationStrategy:(0,n.computed)(()=>s.spaceAllocationStrategy)}),(e,t)=>((0,n.openBlock)(),(0,n.createElementBlock)(`div`,{ref_key:`containerRef`,ref:u,class:(0,n.normalizeClass)([`d-resizable`,`d-resizable--${d.value}`,{"d-resizable--resizing":p.value},s.class]),"data-storage-key":s.storageKey||void 0},[(0,n.renderSlot)(e.$slots,`default`,{panels:(0,n.unref)(f).syncedPanels.value,direction:d.value,isResizing:p.value,spaceAllocationStrategy:s.spaceAllocationStrategy,resizePanel:(0,n.unref)(x),collapsePanel:(0,n.unref)(S),startResize:P,stopResize:F})],10,Y))}};Object.defineProperty(exports,`t`,{enumerable:!0,get:function(){return X}});
//# sourceMappingURL=resizable-aOVGO_Os.cjs.map