Socket
Socket
Sign inDemoInstall

@column-resizer/core

Package Overview
Dependencies
Maintainers
1
Versions
13
Alerts
File Explorer

Advanced tools

License
Socket logo

Install Socket

Detect and block malicious and high-risk dependencies

Install

@column-resizer/core - npm Package Compare versions

Comparing version 1.1.0 to 1.2.0

8

dist/index.d.ts

@@ -15,8 +15,2 @@ type Coordinate = {

}
declare abstract class ColumnInstance {
readonly type: ItemType;
readonly elm: HTMLElement;
protected constructor(type: ItemType, elm: HTMLElement);
destroy(): void;
}
type BarAction = {

@@ -141,2 +135,2 @@ type: BarActionType;

export { BarAction, BarActionType, ColumnBarConfig, ColumnInstance, ColumnResizer, ColumnResizerConfig, ColumnResizerEventMap, ColumnSectionConfig, Coordinate, ItemType, Resizer, SizeInfo, SizeRelatedInfo, Trend };
export { BarAction, BarActionType, ColumnBarConfig, ColumnResizer, ColumnResizerConfig, ColumnResizerEventMap, ColumnSectionConfig, Coordinate, ItemType, Resizer, SizeInfo, SizeRelatedInfo, Trend };

7

dist/index.global.js
var ColumnResizerCore = (function (exports) {
'use strict';
var S=(t=>(t.BAR="BAR",t.SECTION="SECTION",t))(S||{}),B=(i=>(i.ACTIVATE="activate",i.MOVE="move",i.DEACTIVATE="deactivate",i))(B||{}),h=class{constructor(e,t){this.type=e;this.elm=t;}destroy(){}};function I(){let n=[],e=0,t=0;return {collect(i){n.push(i),i.disableResponsive||(e+=1,t+=i.currentSize);},getResult(){return {sizeInfoArray:n,flexGrowRatio:e/t}}}}function a(n){return Number.isFinite(n)&&n>0}function R(n,e,t){let{collect:i,getResult:r}=I(),s=g(n,e,-1,t),c=g(n,-e,1,t),l=e-s.remainingOffset,o=-e-c.remainingOffset;function m(d,H){d.forEach(i),i(t[n]),H.forEach(i);}if(l===-o)m(s.sizeInfoArray,c.sizeInfoArray);else if(Math.abs(l)<Math.abs(o)){let d=g(n,-l,1,t);m(s.sizeInfoArray,d.sizeInfoArray);}else {let d=g(n,-o,-1,t);m(d.sizeInfoArray,c.sizeInfoArray);}return r()}function g(n,e,t,i){let r=[],s=e;for(let o=n+t;l(o);o+=t)if(s){let{sizeInfo:m,remainingOffset:d}=N(s,i[o]);s=d,c(m);}else c(i[o]);function c(o){t===-1?r.unshift(o):r.push(o);}function l(o){return t===-1?o>=0:o<=i.length-1}return {sizeInfoArray:r,remainingOffset:s}}function N(n,e){if(e.isSolid)return {remainingOffset:n,sizeInfo:e};let{nextSize:t,remainingOffset:i}=K(e.currentSize+n,e);return {sizeInfo:{...e,currentSize:t},remainingOffset:i}}function K(n,{maxSize:e,minSize:t=0}){return n<t?{nextSize:t,remainingOffset:n-t}:a(e)&&n>e?{nextSize:e,remainingOffset:n-e}:{nextSize:n,remainingOffset:0}}var y={x:0,y:0};function L(n,e){return e?{x:n.x-e.x,y:n.y-e.y}:y}var v={barIndex:-1,offset:0,type:"deactivate",originalCoordinate:y,defaultSizeInfoArray:[],sizeInfoArray:[],discard:!0,flexGrowRatio:0};function O(n){let e=v,t=new Set;return {dispatch(i){e=(()=>{let r={barIndex:i.barIndex,type:i.type};switch(i.type){case"activate":let{sizeInfoArray:s,flexGrowRatio:c}=n.getSizeRelatedInfo();return {...v,...r,originalCoordinate:i.coordinate,defaultSizeInfoArray:s,sizeInfoArray:s,flexGrowRatio:c};case"move":let l=n.calculateOffset(i.coordinate,e.originalCoordinate);return {...r,...R(i.barIndex,l,e.defaultSizeInfoArray),offset:l,originalCoordinate:e.originalCoordinate,defaultSizeInfoArray:e.defaultSizeInfoArray,discard:!1};case"deactivate":return v}})(),t.forEach(r=>r(e));},subscribe(i){return t.add(i),()=>t.delete(i)},unsubscribeAll(){t.clear();}}}function u(n,e,t){n?.dispatchEvent(new CustomEvent(e,{detail:t}));}var C=class{disposeFnSet=new Set;watchResizerEvent=(e,t,i)=>{e?.addEventListener(t,i);let r=()=>e?.removeEventListener(t,i);return this.disposeFnSet.add(r),r};reset=()=>{this.disposeFnSet.forEach(e=>e()),this.disposeFnSet.clear();}};var b=class{infoMap=new Map;items=[];update(e){this.infoMap.clear(),this.items.forEach(t=>t.destroy()),this.items=e,e.forEach((t,i)=>{this.infoMap.set(t.elm,{item:t,index:i});});}reset(){this.update([]);}getItems(){return this.items}getItem(e){return this.infoMap.get(e)?.item??null}getItemIndex(e){return this.infoMap.get(e)?.index??null}};var E=!0;try{window.addEventListener("test",null,{get passive(){return E={passive:!1},!0}});}catch{}function A({size:n}){return a(n)}function w(n){let{disableResponsive:e}=n;return A(n)&&e===void 0?!0:!!e}function M(n){return !!n&&n in S}function x(n){return e=>({"data-item-type":n,"data-item-config":JSON.stringify(e)})}function V(n){return Array.from(n.childNodes).map(t=>{if(!(t instanceof HTMLElement))return null;let i=t.getAttribute("data-item-type");return M(i)?{type:i,elm:t,config:e(t)}:null}).filter(t=>!!t);function e(t){try{let i=JSON.parse(t.getAttribute("data-item-config")??"");return i&&typeof i=="object"?i:{}}catch{return {}}}}function D(n){return n*2+1}function T(n){return n*2}var z=class{constructor(e){this.resizeResult=e;}isDiscarded=!1;resizeSection(e,t){if(this.isDiscarded)return;let i=T(e),r=this.getSize(i);if(r>=0&&t.toSize>=0){let s=t.toSize-r;i===this.resizeResult.sizeInfoArray.length-1||t.preferMoveLeftBar?this.moveBar(e-1,{withOffset:-s}):this.moveBar(e,{withOffset:s});}}moveBar(e,t){this.isDiscarded||(this.resizeResult=R(D(e),t.withOffset,this.resizeResult.sizeInfoArray));}discard(){this.isDiscarded=!0;}isSectionResized(e){let t=T(e);return "defaultSizeInfoArray"in this.resizeResult?this.getSize(t)!==this.resizeResult.defaultSizeInfoArray[t].currentSize:!1}isBarActivated(e){return "barIndex"in this.resizeResult?this.resizeResult.barIndex===D(e):!1}getSectionSize(e){return this.getSize(T(e))}getResult(){return {...this.resizeResult,discard:this.isDiscarded}}getTotalSize(){return this.resizeResult.sizeInfoArray.filter((e,t)=>e&&t%2===0).reduce((e,{currentSize:t})=>e+t,0)}getSize(e){let t=this.resizeResult.sizeInfoArray[e];return t?t.currentSize:-1}};var p=class extends h{constructor(t,i){super("BAR",t.elm);this.dispatchBarAction=i;this.config=F(t);let r=[this.attachListener(this.elm,"mousedown","activate"),this.attachListener(document,"mousemove","move"),this.attachListener(document,"mouseup","deactivate"),this.attachListener(this.elm,"touchstart","activate",E),this.attachListener(document,"touchmove","move",E),this.attachListener(document,"touchend","deactivate"),this.attachListener(document,"touchcancel","deactivate")];this.destroy=()=>{super.destroy(),r.forEach(s=>s());};}static getStyle({size:t}){return {flex:`0 0 ${t}px`}}isActive=!1;isValidClick=!0;config;attachListener(t,i,r,s){let c=l=>{this.disableUserSelectIfResizing(l,r);let{clientX:o,clientY:m}=("touches"in l?l.touches[0]:l)||{clientX:0,clientY:0};this.triggerAction(this.elm,r,{x:o,y:m});};return t.addEventListener(i,c,s),()=>t.removeEventListener(i,c,s)}disableUserSelectIfResizing(t,i){(this.isActive||i==="activate")&&t.preventDefault();}triggerAction(t,i,r){(this.isActive||i==="activate")&&this.dispatchBarAction(t,{type:i,coordinate:r}),this.isActive&&this.isValidClick&&i==="deactivate"&&(this.isValidClick=!1,u(t,"bar:click",null)),this.updateStatusIfNeed(t,i),this.updateClickStatus(i);}updateStatusIfNeed(t,i){let r=s=>{this.isActive!==s&&(this.isActive=s,u(t,"bar:status-change",{isActive:s}));};i==="activate"?r(!0):i==="deactivate"&&r(!1);}updateClickStatus(t){this.isActive&&(t==="activate"?this.isValidClick=!0:t==="move"&&(this.isValidClick=!1));}};function F({config:n}){let{size:e}=n;return {size:a(e)?e:10}}var f=class extends h{static getStyle({maxSize:e,minSize:t},i){let r=s=>a(s)?`${s}px`:void 0;return {overflow:"hidden",[i?"maxHeight":"maxWidth"]:r(e),[i?"minHeight":"minWidth"]:r(t)}}sizeInfo=null;flexGrowRatio=0;config;constructor(e){super("SECTION",e.elm),this.config=G(e),this.updateStyle();}update({sizeInfo:e,flexGrowRatio:t}){this.sizeInfo=e,this.flexGrowRatio=t,this.updateStyle(),u(this.elm,"section:size-change",{size:e.currentSize});}updateStyle(){let{flexGrow:e,flexShrink:t,flexBasis:i}=this.getStyle();this.elm.style.flexGrow=`${e}`,this.elm.style.flexShrink=`${t}`,this.elm.style.flexBasis=`${i}px`;}getStyle(){let e=a(this.config.size)?0:this.config.disableResponsive?1:0;if(this.sizeInfo){let{disableResponsive:t,currentSize:i}=this.sizeInfo;return {flexShrink:e,flexGrow:t?0:this.flexGrowRatio*i,flexBasis:t?i:0}}else {let t=this.config.size||this.config.defaultSize;return a(t)?{flexShrink:e,flexGrow:0,flexBasis:t}:{flexShrink:e,flexGrow:1,flexBasis:0}}}};function G({config:n}){let{size:e,defaultSize:t,maxSize:i,minSize:r,disableResponsive:s}=n;return {size:a(e)?e:void 0,defaultSize:a(t)?t:void 0,maxSize:a(i)?i:void 0,minSize:a(r)?r:void 0,disableResponsive:!!s}}var k=class{constructor(e){this.config=e;this.barStore=O({calculateOffset:(t,i)=>L(t,i)[this.axis],getSizeRelatedInfo:()=>this.makeSizeInfos()});}styles={container:e=>({...e,display:"flex",flexDirection:this.direction}),section:(e,t)=>({...t,...f.getStyle(e,this.config.vertical)}),bar:(e,t)=>({...t,...p.getStyle(e)})};attributes={bar:x("BAR"),section:x("SECTION")};itemsCache=new b;eventHub=new C;container=null;barStore;get axis(){return this.config.vertical?"y":"x"}get dimension(){return this.config.vertical?"height":"width"}get direction(){return this.config.vertical?"column":"row"}get on(){return this.eventHub.watchResizerEvent}init(e){this.dispose(),this.container=e,e&&(this.itemsCache.update(V(e).map(t=>{switch(t.type){case"BAR":return new p(t,this.dispatchBarAction);case"SECTION":return new f(t)}})),this.initStyles(e,this.itemsCache.getItems()),this.sizeRelatedInfoChange(this.makeSizeInfos()),this.barStore.subscribe(t=>{this.monitorBarStatusChanges(t),this.sizeRelatedInfoChange(t);}));}dispose(){this.container=null,this.itemsCache.reset(),this.barStore.unsubscribeAll(),this.eventHub.reset();}getResizer(){return new z(this.makeSizeInfos())}applyResizer(e){this.sizeRelatedInfoChange(e.getResult());}dispatchBarAction=(e,t)=>{let i=this.itemsCache.getItemIndex(e);i&&this.barStore.dispatch({...t,barIndex:i});};sizeRelatedInfoChange(e){e.discard||(e=(()=>{if(typeof this.config.beforeApplyResizer=="function"){let t=new z(e);return this.config.beforeApplyResizer(t),t.getResult()}else return e})(),!e.discard&&e.sizeInfoArray.forEach(t=>{let i=this.itemsCache.getItem(t.elm);i instanceof f&&i.update({sizeInfo:t,flexGrowRatio:e.flexGrowRatio});}));}monitorBarStatusChanges({type:e}){switch(e){case"activate":return u(this.container,"column:activate",null);case"deactivate":return u(this.container,"column:after-resizing",null);default:return}}makeSizeInfos(){let{collect:e,getResult:t}=I();return this.itemsCache.getItems().forEach(i=>{i instanceof p&&e({elm:i.elm,disableResponsive:!0,isSolid:!0,currentSize:i.elm.getBoundingClientRect()[this.dimension]}),i instanceof f&&e({elm:i.elm,maxSize:i.config.maxSize,minSize:i.config.minSize,disableResponsive:w(i.config),isSolid:A(i.config),currentSize:i.elm.getBoundingClientRect()[this.dimension]});}),t()}initStyles(e,t){Object.assign(e.style,this.styles.container()),t.forEach(i=>{i instanceof p&&Object.assign(i.elm.style,this.styles.bar(i.config)),i instanceof f&&Object.assign(i.elm.style,this.styles.section(i.config));});}};
var A=(t=>(t.BAR="BAR",t.SECTION="SECTION",t))(A||{}),N=(i=>(i.ACTIVATE="activate",i.MOVE="move",i.DEACTIVATE="deactivate",i))(N||{});function S(){let n=[],e=0,t=0;return {collect(i){n.push(i),i.disableResponsive||(e+=1,t+=i.currentSize);},getResult(){return {sizeInfoArray:n,flexGrowRatio:e/t}}}}function a(n){return Number.isFinite(n)&&n>0}function g(n,e,t){let{collect:i,getResult:r}=S(),s=I(n,e,-1,t),c=I(n,-e,1,t),l=e-s.remainingOffset,o=-e-c.remainingOffset;function m(d,H){d.forEach(i),i(t[n]),H.forEach(i);}if(l===-o)m(s.sizeInfoArray,c.sizeInfoArray);else if(Math.abs(l)<Math.abs(o)){let d=I(n,-l,1,t);m(s.sizeInfoArray,d.sizeInfoArray);}else {let d=I(n,-o,-1,t);m(d.sizeInfoArray,c.sizeInfoArray);}return r()}function I(n,e,t,i){let r=[],s=e;for(let o=n+t;l(o);o+=t)if(s){let{sizeInfo:m,remainingOffset:d}=K(s,i[o]);s=d,c(m);}else c(i[o]);function c(o){t===-1?r.unshift(o):r.push(o);}function l(o){return t===-1?o>=0:o<=i.length-1}return {sizeInfoArray:r,remainingOffset:s}}function K(n,e){if(e.isSolid)return {remainingOffset:n,sizeInfo:e};let{nextSize:t,remainingOffset:i}=_(e.currentSize+n,e);return {sizeInfo:{...e,currentSize:t},remainingOffset:i}}function _(n,{maxSize:e,minSize:t=0}){return n<t?{nextSize:t,remainingOffset:n-t}:a(e)&&n>e?{nextSize:e,remainingOffset:n-e}:{nextSize:n,remainingOffset:0}}var y={x:0,y:0};function O(n,e){return e?{x:n.x-e.x,y:n.y-e.y}:y}var x={barIndex:-1,offset:0,type:"deactivate",originalCoordinate:y,defaultSizeInfoArray:[],sizeInfoArray:[],discard:!0,flexGrowRatio:0};function L(n){let e=x,t=new Set;return {dispatch(i){e=(()=>{let r={barIndex:i.barIndex,type:i.type};switch(i.type){case"activate":let{sizeInfoArray:s,flexGrowRatio:c}=n.getSizeRelatedInfo();return {...x,...r,originalCoordinate:i.coordinate,defaultSizeInfoArray:s,sizeInfoArray:s,flexGrowRatio:c};case"move":let l=n.calculateOffset(i.coordinate,e.originalCoordinate);return {...r,...g(i.barIndex,l,e.defaultSizeInfoArray),offset:l,originalCoordinate:e.originalCoordinate,defaultSizeInfoArray:e.defaultSizeInfoArray,discard:!1};case"deactivate":return x}})(),t.forEach(r=>r(e));},subscribe(i){return t.add(i),()=>t.delete(i)},unsubscribeAll(){t.clear();}}}function u(n,e,t){n?.dispatchEvent(new CustomEvent(e,{detail:t}));}var C=class{disposeFnSet=new Set;watchResizerEvent=(e,t,i)=>{e?.addEventListener(t,i);let r=()=>e?.removeEventListener(t,i);return this.disposeFnSet.add(r),r};reset=()=>{this.disposeFnSet.forEach(e=>e()),this.disposeFnSet.clear();}};var b=class{infoMap=new Map;items=[];update(e){this.infoMap.clear(),this.items.forEach(t=>t.destroy()),this.items=e,e.forEach((t,i)=>{this.infoMap.set(t.elm,{item:t,index:i});});}reset(){this.update([]);}getItems(){return this.items}getItem(e){return this.infoMap.get(e)?.item??null}getItemIndex(e){return this.infoMap.get(e)?.index??null}};var R=!0;try{window.addEventListener("test",null,{get passive(){return R={passive:!1},!0}});}catch{}function v({size:n}){return a(n)}function w(n){let{disableResponsive:e}=n;return v(n)&&e===void 0?!0:!!e}function M(n){return !!n&&n in A}function T(n){return e=>({"data-item-type":n,"data-item-config":JSON.stringify(e)})}function V(n){return Array.from(n.childNodes).map(e=>{if(!(e instanceof HTMLElement))return null;let t=e.getAttribute("data-item-type");return M(t)?{type:t,elm:e}:null}).filter(e=>!!e)}function E({elm:n}){try{let e=JSON.parse(n.getAttribute("data-item-config")??"");return e&&typeof e=="object"?e:{}}catch{return {}}}function D(n){return n*2+1}function B(n){return n*2}var z=class{constructor(e){this.resizeResult=e;}isDiscarded=!1;resizeSection(e,t){if(this.isDiscarded)return;let i=B(e),r=this.getSize(i);if(r>=0&&t.toSize>=0){let s=t.toSize-r;i===this.resizeResult.sizeInfoArray.length-1||t.preferMoveLeftBar?this.moveBar(e-1,{withOffset:-s}):this.moveBar(e,{withOffset:s});}}moveBar(e,t){this.isDiscarded||(this.resizeResult=g(D(e),t.withOffset,this.resizeResult.sizeInfoArray));}discard(){this.isDiscarded=!0;}isSectionResized(e){let t=B(e);return "defaultSizeInfoArray"in this.resizeResult?this.getSize(t)!==this.resizeResult.defaultSizeInfoArray[t].currentSize:!1}isBarActivated(e){return "barIndex"in this.resizeResult?this.resizeResult.barIndex===D(e):!1}getSectionSize(e){return this.getSize(B(e))}getResult(){return {...this.resizeResult,discard:this.isDiscarded}}getTotalSize(){return this.resizeResult.sizeInfoArray.filter((e,t)=>e&&t%2===0).reduce((e,{currentSize:t})=>e+t,0)}getSize(e){let t=this.resizeResult.sizeInfoArray[e];return t?t.currentSize:-1}};var h=class{constructor(e,t,i){this.type=e;this.elm=t;this.getConfig=i;this._config=this.getConfig(),this._observer=new MutationObserver(()=>this._config=this.getConfig()),this._observer.observe(t,{attributes:!0,attributeFilter:["data-item-config"]});}_config;_observer;get config(){return this._config}destroy(){this._observer.disconnect();}};var p=class extends h{constructor(t,i){super("BAR",t.elm,()=>F(t));this.dispatchBarAction=i;let r=[this.attachListener(this.elm,"mousedown","activate"),this.attachListener(document,"mousemove","move"),this.attachListener(document,"mouseup","deactivate"),this.attachListener(this.elm,"touchstart","activate",R),this.attachListener(document,"touchmove","move",R),this.attachListener(document,"touchend","deactivate"),this.attachListener(document,"touchcancel","deactivate")];this.destroy=()=>{super.destroy(),r.forEach(s=>s());};}static getStyle({size:t}){return {flex:`0 0 ${t}px`}}isActive=!1;isValidClick=!0;attachListener(t,i,r,s){let c=l=>{this.disableUserSelectIfResizing(l,r);let{clientX:o,clientY:m}=("touches"in l?l.touches[0]:l)||{clientX:0,clientY:0};this.triggerAction(this.elm,r,{x:o,y:m});};return t.addEventListener(i,c,s),()=>t.removeEventListener(i,c,s)}disableUserSelectIfResizing(t,i){(this.isActive||i==="activate")&&t.preventDefault();}triggerAction(t,i,r){(this.isActive||i==="activate")&&this.dispatchBarAction(t,{type:i,coordinate:r}),this.isActive&&this.isValidClick&&i==="deactivate"&&(this.isValidClick=!1,u(t,"bar:click",null)),this.updateStatusIfNeed(t,i),this.updateClickStatus(i);}updateStatusIfNeed(t,i){let r=s=>{this.isActive!==s&&(this.isActive=s,u(t,"bar:status-change",{isActive:s}));};i==="activate"?r(!0):i==="deactivate"&&r(!1);}updateClickStatus(t){this.isActive&&(t==="activate"?this.isValidClick=!0:t==="move"&&(this.isValidClick=!1));}};function F(n){let{size:e}=E(n);return {size:a(e)?e:10}}var f=class extends h{static getStyle({maxSize:e,minSize:t},i){let r=s=>a(s)?`${s}px`:void 0;return {overflow:"hidden",[i?"maxHeight":"maxWidth"]:r(e),[i?"minHeight":"minWidth"]:r(t)}}sizeInfo=null;flexGrowRatio=0;constructor(e){super("SECTION",e.elm,()=>G(e)),this.updateStyle();}update({sizeInfo:e,flexGrowRatio:t}){this.sizeInfo=e,this.flexGrowRatio=t,this.updateStyle(),u(this.elm,"section:size-change",{size:e.currentSize});}updateStyle(){let{flexGrow:e,flexShrink:t,flexBasis:i}=this.getStyle();this.elm.style.flexGrow=`${e}`,this.elm.style.flexShrink=`${t}`,this.elm.style.flexBasis=`${i}px`;}getStyle(){let e=a(this.config.size)?0:this.config.disableResponsive?1:0;if(this.sizeInfo){let{disableResponsive:t,currentSize:i}=this.sizeInfo;return {flexShrink:e,flexGrow:t?0:this.flexGrowRatio*i,flexBasis:t?i:0}}else {let t=this.config.size||this.config.defaultSize;return a(t)?{flexShrink:e,flexGrow:0,flexBasis:t}:{flexShrink:e,flexGrow:1,flexBasis:0}}}};function G(n){let{size:e,defaultSize:t,maxSize:i,minSize:r,disableResponsive:s}=E(n);return {size:a(e)?e:void 0,defaultSize:a(t)?t:void 0,maxSize:a(i)?i:void 0,minSize:a(r)?r:void 0,disableResponsive:!!s}}var k=class{constructor(e){this.config=e;this.barStore=L({calculateOffset:(t,i)=>O(t,i)[this.axis],getSizeRelatedInfo:()=>this.makeSizeInfos()});}styles={container:e=>({...e,display:"flex",flexDirection:this.direction}),section:(e,t)=>({...t,...f.getStyle(e,this.config.vertical)}),bar:(e,t)=>({...t,...p.getStyle(e)})};attributes={bar:T("BAR"),section:T("SECTION")};itemsCache=new b;eventHub=new C;container=null;barStore;get axis(){return this.config.vertical?"y":"x"}get dimension(){return this.config.vertical?"height":"width"}get direction(){return this.config.vertical?"column":"row"}get on(){return this.eventHub.watchResizerEvent}init(e){this.dispose(),this.container=e,e&&(this.itemsCache.update(V(e).map(t=>{switch(t.type){case"BAR":return new p(t,this.dispatchBarAction);case"SECTION":return new f(t)}})),this.initStyles(e,this.itemsCache.getItems()),this.sizeRelatedInfoChange(this.makeSizeInfos()),this.barStore.subscribe(t=>{this.monitorBarStatusChanges(t),this.sizeRelatedInfoChange(t);}));}dispose(){this.container=null,this.itemsCache.reset(),this.barStore.unsubscribeAll(),this.eventHub.reset();}getResizer(){return new z(this.makeSizeInfos())}applyResizer(e){this.sizeRelatedInfoChange(e.getResult());}dispatchBarAction=(e,t)=>{let i=this.itemsCache.getItemIndex(e);i&&this.barStore.dispatch({...t,barIndex:i});};sizeRelatedInfoChange(e){e.discard||(e=(()=>{if(typeof this.config.beforeApplyResizer=="function"){let t=new z(e);return this.config.beforeApplyResizer(t),t.getResult()}else return e})(),!e.discard&&e.sizeInfoArray.forEach(t=>{let i=this.itemsCache.getItem(t.elm);i instanceof f&&i.update({sizeInfo:t,flexGrowRatio:e.flexGrowRatio});}));}monitorBarStatusChanges({type:e}){switch(e){case"activate":return u(this.container,"column:activate",null);case"deactivate":return u(this.container,"column:after-resizing",null);default:return}}makeSizeInfos(){let{collect:e,getResult:t}=S();return this.itemsCache.getItems().forEach(i=>{i instanceof p&&e({elm:i.elm,disableResponsive:!0,isSolid:!0,currentSize:i.elm.getBoundingClientRect()[this.dimension]}),i instanceof f&&e({elm:i.elm,maxSize:i.config.maxSize,minSize:i.config.minSize,disableResponsive:w(i.config),isSolid:v(i.config),currentSize:i.elm.getBoundingClientRect()[this.dimension]});}),t()}initStyles(e,t){Object.assign(e.style,this.styles.container()),t.forEach(i=>{i instanceof p&&Object.assign(i.elm.style,this.styles.bar(i.config)),i instanceof f&&Object.assign(i.elm.style,this.styles.section(i.config));});}};
exports.BarActionType = B;
exports.ColumnInstance = h;
exports.BarActionType = N;
exports.ColumnResizer = k;
exports.ItemType = S;
exports.ItemType = A;
exports.Resizer = z;

@@ -11,0 +10,0 @@

11

dist/index.js
'use strict';
var S=(t=>(t.BAR="BAR",t.SECTION="SECTION",t))(S||{}),B=(i=>(i.ACTIVATE="activate",i.MOVE="move",i.DEACTIVATE="deactivate",i))(B||{}),h=class{constructor(e,t){this.type=e;this.elm=t;}destroy(){}};function I(){let n=[],e=0,t=0;return {collect(i){n.push(i),i.disableResponsive||(e+=1,t+=i.currentSize);},getResult(){return {sizeInfoArray:n,flexGrowRatio:e/t}}}}function a(n){return Number.isFinite(n)&&n>0}function R(n,e,t){let{collect:i,getResult:r}=I(),s=g(n,e,-1,t),c=g(n,-e,1,t),l=e-s.remainingOffset,o=-e-c.remainingOffset;function m(d,H){d.forEach(i),i(t[n]),H.forEach(i);}if(l===-o)m(s.sizeInfoArray,c.sizeInfoArray);else if(Math.abs(l)<Math.abs(o)){let d=g(n,-l,1,t);m(s.sizeInfoArray,d.sizeInfoArray);}else {let d=g(n,-o,-1,t);m(d.sizeInfoArray,c.sizeInfoArray);}return r()}function g(n,e,t,i){let r=[],s=e;for(let o=n+t;l(o);o+=t)if(s){let{sizeInfo:m,remainingOffset:d}=N(s,i[o]);s=d,c(m);}else c(i[o]);function c(o){t===-1?r.unshift(o):r.push(o);}function l(o){return t===-1?o>=0:o<=i.length-1}return {sizeInfoArray:r,remainingOffset:s}}function N(n,e){if(e.isSolid)return {remainingOffset:n,sizeInfo:e};let{nextSize:t,remainingOffset:i}=K(e.currentSize+n,e);return {sizeInfo:{...e,currentSize:t},remainingOffset:i}}function K(n,{maxSize:e,minSize:t=0}){return n<t?{nextSize:t,remainingOffset:n-t}:a(e)&&n>e?{nextSize:e,remainingOffset:n-e}:{nextSize:n,remainingOffset:0}}var y={x:0,y:0};function L(n,e){return e?{x:n.x-e.x,y:n.y-e.y}:y}var v={barIndex:-1,offset:0,type:"deactivate",originalCoordinate:y,defaultSizeInfoArray:[],sizeInfoArray:[],discard:!0,flexGrowRatio:0};function O(n){let e=v,t=new Set;return {dispatch(i){e=(()=>{let r={barIndex:i.barIndex,type:i.type};switch(i.type){case"activate":let{sizeInfoArray:s,flexGrowRatio:c}=n.getSizeRelatedInfo();return {...v,...r,originalCoordinate:i.coordinate,defaultSizeInfoArray:s,sizeInfoArray:s,flexGrowRatio:c};case"move":let l=n.calculateOffset(i.coordinate,e.originalCoordinate);return {...r,...R(i.barIndex,l,e.defaultSizeInfoArray),offset:l,originalCoordinate:e.originalCoordinate,defaultSizeInfoArray:e.defaultSizeInfoArray,discard:!1};case"deactivate":return v}})(),t.forEach(r=>r(e));},subscribe(i){return t.add(i),()=>t.delete(i)},unsubscribeAll(){t.clear();}}}function u(n,e,t){n?.dispatchEvent(new CustomEvent(e,{detail:t}));}var C=class{disposeFnSet=new Set;watchResizerEvent=(e,t,i)=>{e?.addEventListener(t,i);let r=()=>e?.removeEventListener(t,i);return this.disposeFnSet.add(r),r};reset=()=>{this.disposeFnSet.forEach(e=>e()),this.disposeFnSet.clear();}};var b=class{infoMap=new Map;items=[];update(e){this.infoMap.clear(),this.items.forEach(t=>t.destroy()),this.items=e,e.forEach((t,i)=>{this.infoMap.set(t.elm,{item:t,index:i});});}reset(){this.update([]);}getItems(){return this.items}getItem(e){return this.infoMap.get(e)?.item??null}getItemIndex(e){return this.infoMap.get(e)?.index??null}};var E=!0;try{window.addEventListener("test",null,{get passive(){return E={passive:!1},!0}});}catch{}function A({size:n}){return a(n)}function w(n){let{disableResponsive:e}=n;return A(n)&&e===void 0?!0:!!e}function M(n){return !!n&&n in S}function x(n){return e=>({"data-item-type":n,"data-item-config":JSON.stringify(e)})}function V(n){return Array.from(n.childNodes).map(t=>{if(!(t instanceof HTMLElement))return null;let i=t.getAttribute("data-item-type");return M(i)?{type:i,elm:t,config:e(t)}:null}).filter(t=>!!t);function e(t){try{let i=JSON.parse(t.getAttribute("data-item-config")??"");return i&&typeof i=="object"?i:{}}catch{return {}}}}function D(n){return n*2+1}function T(n){return n*2}var z=class{constructor(e){this.resizeResult=e;}isDiscarded=!1;resizeSection(e,t){if(this.isDiscarded)return;let i=T(e),r=this.getSize(i);if(r>=0&&t.toSize>=0){let s=t.toSize-r;i===this.resizeResult.sizeInfoArray.length-1||t.preferMoveLeftBar?this.moveBar(e-1,{withOffset:-s}):this.moveBar(e,{withOffset:s});}}moveBar(e,t){this.isDiscarded||(this.resizeResult=R(D(e),t.withOffset,this.resizeResult.sizeInfoArray));}discard(){this.isDiscarded=!0;}isSectionResized(e){let t=T(e);return "defaultSizeInfoArray"in this.resizeResult?this.getSize(t)!==this.resizeResult.defaultSizeInfoArray[t].currentSize:!1}isBarActivated(e){return "barIndex"in this.resizeResult?this.resizeResult.barIndex===D(e):!1}getSectionSize(e){return this.getSize(T(e))}getResult(){return {...this.resizeResult,discard:this.isDiscarded}}getTotalSize(){return this.resizeResult.sizeInfoArray.filter((e,t)=>e&&t%2===0).reduce((e,{currentSize:t})=>e+t,0)}getSize(e){let t=this.resizeResult.sizeInfoArray[e];return t?t.currentSize:-1}};var p=class extends h{constructor(t,i){super("BAR",t.elm);this.dispatchBarAction=i;this.config=F(t);let r=[this.attachListener(this.elm,"mousedown","activate"),this.attachListener(document,"mousemove","move"),this.attachListener(document,"mouseup","deactivate"),this.attachListener(this.elm,"touchstart","activate",E),this.attachListener(document,"touchmove","move",E),this.attachListener(document,"touchend","deactivate"),this.attachListener(document,"touchcancel","deactivate")];this.destroy=()=>{super.destroy(),r.forEach(s=>s());};}static getStyle({size:t}){return {flex:`0 0 ${t}px`}}isActive=!1;isValidClick=!0;config;attachListener(t,i,r,s){let c=l=>{this.disableUserSelectIfResizing(l,r);let{clientX:o,clientY:m}=("touches"in l?l.touches[0]:l)||{clientX:0,clientY:0};this.triggerAction(this.elm,r,{x:o,y:m});};return t.addEventListener(i,c,s),()=>t.removeEventListener(i,c,s)}disableUserSelectIfResizing(t,i){(this.isActive||i==="activate")&&t.preventDefault();}triggerAction(t,i,r){(this.isActive||i==="activate")&&this.dispatchBarAction(t,{type:i,coordinate:r}),this.isActive&&this.isValidClick&&i==="deactivate"&&(this.isValidClick=!1,u(t,"bar:click",null)),this.updateStatusIfNeed(t,i),this.updateClickStatus(i);}updateStatusIfNeed(t,i){let r=s=>{this.isActive!==s&&(this.isActive=s,u(t,"bar:status-change",{isActive:s}));};i==="activate"?r(!0):i==="deactivate"&&r(!1);}updateClickStatus(t){this.isActive&&(t==="activate"?this.isValidClick=!0:t==="move"&&(this.isValidClick=!1));}};function F({config:n}){let{size:e}=n;return {size:a(e)?e:10}}var f=class extends h{static getStyle({maxSize:e,minSize:t},i){let r=s=>a(s)?`${s}px`:void 0;return {overflow:"hidden",[i?"maxHeight":"maxWidth"]:r(e),[i?"minHeight":"minWidth"]:r(t)}}sizeInfo=null;flexGrowRatio=0;config;constructor(e){super("SECTION",e.elm),this.config=G(e),this.updateStyle();}update({sizeInfo:e,flexGrowRatio:t}){this.sizeInfo=e,this.flexGrowRatio=t,this.updateStyle(),u(this.elm,"section:size-change",{size:e.currentSize});}updateStyle(){let{flexGrow:e,flexShrink:t,flexBasis:i}=this.getStyle();this.elm.style.flexGrow=`${e}`,this.elm.style.flexShrink=`${t}`,this.elm.style.flexBasis=`${i}px`;}getStyle(){let e=a(this.config.size)?0:this.config.disableResponsive?1:0;if(this.sizeInfo){let{disableResponsive:t,currentSize:i}=this.sizeInfo;return {flexShrink:e,flexGrow:t?0:this.flexGrowRatio*i,flexBasis:t?i:0}}else {let t=this.config.size||this.config.defaultSize;return a(t)?{flexShrink:e,flexGrow:0,flexBasis:t}:{flexShrink:e,flexGrow:1,flexBasis:0}}}};function G({config:n}){let{size:e,defaultSize:t,maxSize:i,minSize:r,disableResponsive:s}=n;return {size:a(e)?e:void 0,defaultSize:a(t)?t:void 0,maxSize:a(i)?i:void 0,minSize:a(r)?r:void 0,disableResponsive:!!s}}var k=class{constructor(e){this.config=e;this.barStore=O({calculateOffset:(t,i)=>L(t,i)[this.axis],getSizeRelatedInfo:()=>this.makeSizeInfos()});}styles={container:e=>({...e,display:"flex",flexDirection:this.direction}),section:(e,t)=>({...t,...f.getStyle(e,this.config.vertical)}),bar:(e,t)=>({...t,...p.getStyle(e)})};attributes={bar:x("BAR"),section:x("SECTION")};itemsCache=new b;eventHub=new C;container=null;barStore;get axis(){return this.config.vertical?"y":"x"}get dimension(){return this.config.vertical?"height":"width"}get direction(){return this.config.vertical?"column":"row"}get on(){return this.eventHub.watchResizerEvent}init(e){this.dispose(),this.container=e,e&&(this.itemsCache.update(V(e).map(t=>{switch(t.type){case"BAR":return new p(t,this.dispatchBarAction);case"SECTION":return new f(t)}})),this.initStyles(e,this.itemsCache.getItems()),this.sizeRelatedInfoChange(this.makeSizeInfos()),this.barStore.subscribe(t=>{this.monitorBarStatusChanges(t),this.sizeRelatedInfoChange(t);}));}dispose(){this.container=null,this.itemsCache.reset(),this.barStore.unsubscribeAll(),this.eventHub.reset();}getResizer(){return new z(this.makeSizeInfos())}applyResizer(e){this.sizeRelatedInfoChange(e.getResult());}dispatchBarAction=(e,t)=>{let i=this.itemsCache.getItemIndex(e);i&&this.barStore.dispatch({...t,barIndex:i});};sizeRelatedInfoChange(e){e.discard||(e=(()=>{if(typeof this.config.beforeApplyResizer=="function"){let t=new z(e);return this.config.beforeApplyResizer(t),t.getResult()}else return e})(),!e.discard&&e.sizeInfoArray.forEach(t=>{let i=this.itemsCache.getItem(t.elm);i instanceof f&&i.update({sizeInfo:t,flexGrowRatio:e.flexGrowRatio});}));}monitorBarStatusChanges({type:e}){switch(e){case"activate":return u(this.container,"column:activate",null);case"deactivate":return u(this.container,"column:after-resizing",null);default:return}}makeSizeInfos(){let{collect:e,getResult:t}=I();return this.itemsCache.getItems().forEach(i=>{i instanceof p&&e({elm:i.elm,disableResponsive:!0,isSolid:!0,currentSize:i.elm.getBoundingClientRect()[this.dimension]}),i instanceof f&&e({elm:i.elm,maxSize:i.config.maxSize,minSize:i.config.minSize,disableResponsive:w(i.config),isSolid:A(i.config),currentSize:i.elm.getBoundingClientRect()[this.dimension]});}),t()}initStyles(e,t){Object.assign(e.style,this.styles.container()),t.forEach(i=>{i instanceof p&&Object.assign(i.elm.style,this.styles.bar(i.config)),i instanceof f&&Object.assign(i.elm.style,this.styles.section(i.config));});}};
var K=Object.defineProperty;var _=(n,t,e)=>t in n?K(n,t,{enumerable:!0,configurable:!0,writable:!0,value:e}):n[t]=e;var o=(n,t,e)=>(_(n,typeof t!="symbol"?t+"":t,e),e);var y=(e=>(e.BAR="BAR",e.SECTION="SECTION",e))(y||{}),F=(i=>(i.ACTIVATE="activate",i.MOVE="move",i.DEACTIVATE="deactivate",i))(F||{});function I(){let n=[],t=0,e=0;return {collect(i){n.push(i),i.disableResponsive||(t+=1,e+=i.currentSize);},getResult(){return {sizeInfoArray:n,flexGrowRatio:t/e}}}}function c(n){return Number.isFinite(n)&&n>0}function C(n,t,e){let{collect:i,getResult:r}=I(),s=g(n,t,-1,e),l=g(n,-t,1,e),u=t-s.remainingOffset,a=-t-l.remainingOffset;function d(p,N){p.forEach(i),i(e[n]),N.forEach(i);}if(u===-a)d(s.sizeInfoArray,l.sizeInfoArray);else if(Math.abs(u)<Math.abs(a)){let p=g(n,-u,1,e);d(s.sizeInfoArray,p.sizeInfoArray);}else {let p=g(n,-a,-1,e);d(p.sizeInfoArray,l.sizeInfoArray);}return r()}function g(n,t,e,i){let r=[],s=t;for(let a=n+e;u(a);a+=e)if(s){let{sizeInfo:d,remainingOffset:p}=G(s,i[a]);s=p,l(d);}else l(i[a]);function l(a){e===-1?r.unshift(a):r.push(a);}function u(a){return e===-1?a>=0:a<=i.length-1}return {sizeInfoArray:r,remainingOffset:s}}function G(n,t){if(t.isSolid)return {remainingOffset:n,sizeInfo:t};let{nextSize:e,remainingOffset:i}=P(t.currentSize+n,t);return {sizeInfo:{...t,currentSize:e},remainingOffset:i}}function P(n,{maxSize:t,minSize:e=0}){return n<e?{nextSize:e,remainingOffset:n-e}:c(t)&&n>t?{nextSize:t,remainingOffset:n-t}:{nextSize:n,remainingOffset:0}}var x={x:0,y:0};function L(n,t){return t?{x:n.x-t.x,y:n.y-t.y}:x}var T={barIndex:-1,offset:0,type:"deactivate",originalCoordinate:x,defaultSizeInfoArray:[],sizeInfoArray:[],discard:!0,flexGrowRatio:0};function w(n){let t=T,e=new Set;return {dispatch(i){t=(()=>{let r={barIndex:i.barIndex,type:i.type};switch(i.type){case"activate":let{sizeInfoArray:s,flexGrowRatio:l}=n.getSizeRelatedInfo();return {...T,...r,originalCoordinate:i.coordinate,defaultSizeInfoArray:s,sizeInfoArray:s,flexGrowRatio:l};case"move":let u=n.calculateOffset(i.coordinate,t.originalCoordinate);return {...r,...C(i.barIndex,u,t.defaultSizeInfoArray),offset:u,originalCoordinate:t.originalCoordinate,defaultSizeInfoArray:t.defaultSizeInfoArray,discard:!1};case"deactivate":return T}})(),e.forEach(r=>r(t));},subscribe(i){return e.add(i),()=>e.delete(i)},unsubscribeAll(){e.clear();}}}function f(n,t,e){n==null||n.dispatchEvent(new CustomEvent(t,{detail:e}));}var b=class{constructor(){o(this,"disposeFnSet",new Set);o(this,"watchResizerEvent",(t,e,i)=>{t==null||t.addEventListener(e,i);let r=()=>t==null?void 0:t.removeEventListener(e,i);return this.disposeFnSet.add(r),r});o(this,"reset",()=>{this.disposeFnSet.forEach(t=>t()),this.disposeFnSet.clear();});}};var R=class{constructor(){o(this,"infoMap",new Map);o(this,"items",[]);}update(t){this.infoMap.clear(),this.items.forEach(e=>e.destroy()),this.items=t,t.forEach((e,i)=>{this.infoMap.set(e.elm,{item:e,index:i});});}reset(){this.update([]);}getItems(){return this.items}getItem(t){var e,i;return (i=(e=this.infoMap.get(t))==null?void 0:e.item)!=null?i:null}getItemIndex(t){var e,i;return (i=(e=this.infoMap.get(t))==null?void 0:e.index)!=null?i:null}};var v=!0;try{window.addEventListener("test",null,{get passive(){return v={passive:!1},!0}});}catch(n){}function E({size:n}){return c(n)}function M(n){let{disableResponsive:t}=n;return E(n)&&t===void 0?!0:!!t}function V(n){return !!n&&n in y}function B(n){return t=>({"data-item-type":n,"data-item-config":JSON.stringify(t)})}function D(n){return Array.from(n.childNodes).map(t=>{if(!(t instanceof HTMLElement))return null;let e=t.getAttribute("data-item-type");return V(e)?{type:e,elm:t}:null}).filter(t=>!!t)}function A({elm:n}){var t;try{let e=JSON.parse((t=n.getAttribute("data-item-config"))!=null?t:"");return e&&typeof e=="object"?e:{}}catch(e){return {}}}function k(n){return n*2+1}function O(n){return n*2}var S=class{constructor(t){this.resizeResult=t;o(this,"isDiscarded",!1);}resizeSection(t,e){if(this.isDiscarded)return;let i=O(t),r=this.getSize(i);if(r>=0&&e.toSize>=0){let s=e.toSize-r;i===this.resizeResult.sizeInfoArray.length-1||e.preferMoveLeftBar?this.moveBar(t-1,{withOffset:-s}):this.moveBar(t,{withOffset:s});}}moveBar(t,e){this.isDiscarded||(this.resizeResult=C(k(t),e.withOffset,this.resizeResult.sizeInfoArray));}discard(){this.isDiscarded=!0;}isSectionResized(t){let e=O(t);return "defaultSizeInfoArray"in this.resizeResult?this.getSize(e)!==this.resizeResult.defaultSizeInfoArray[e].currentSize:!1}isBarActivated(t){return "barIndex"in this.resizeResult?this.resizeResult.barIndex===k(t):!1}getSectionSize(t){return this.getSize(O(t))}getResult(){return {...this.resizeResult,discard:this.isDiscarded}}getTotalSize(){return this.resizeResult.sizeInfoArray.filter((t,e)=>t&&e%2===0).reduce((t,{currentSize:e})=>t+e,0)}getSize(t){let e=this.resizeResult.sizeInfoArray[t];return e?e.currentSize:-1}};var z=class{constructor(t,e,i){this.type=t;this.elm=e;this.getConfig=i;o(this,"_config");o(this,"_observer");this._config=this.getConfig(),this._observer=new MutationObserver(()=>this._config=this.getConfig()),this._observer.observe(e,{attributes:!0,attributeFilter:["data-item-config"]});}get config(){return this._config}destroy(){this._observer.disconnect();}};var h=class extends z{constructor(e,i){super("BAR",e.elm,()=>U(e));this.dispatchBarAction=i;o(this,"isActive",!1);o(this,"isValidClick",!0);let r=[this.attachListener(this.elm,"mousedown","activate"),this.attachListener(document,"mousemove","move"),this.attachListener(document,"mouseup","deactivate"),this.attachListener(this.elm,"touchstart","activate",v),this.attachListener(document,"touchmove","move",v),this.attachListener(document,"touchend","deactivate"),this.attachListener(document,"touchcancel","deactivate")];this.destroy=()=>{super.destroy(),r.forEach(s=>s());};}static getStyle({size:e}){return {flex:`0 0 ${e}px`}}attachListener(e,i,r,s){let l=u=>{this.disableUserSelectIfResizing(u,r);let{clientX:a,clientY:d}=("touches"in u?u.touches[0]:u)||{clientX:0,clientY:0};this.triggerAction(this.elm,r,{x:a,y:d});};return e.addEventListener(i,l,s),()=>e.removeEventListener(i,l,s)}disableUserSelectIfResizing(e,i){(this.isActive||i==="activate")&&e.preventDefault();}triggerAction(e,i,r){(this.isActive||i==="activate")&&this.dispatchBarAction(e,{type:i,coordinate:r}),this.isActive&&this.isValidClick&&i==="deactivate"&&(this.isValidClick=!1,f(e,"bar:click",null)),this.updateStatusIfNeed(e,i),this.updateClickStatus(i);}updateStatusIfNeed(e,i){let r=s=>{this.isActive!==s&&(this.isActive=s,f(e,"bar:status-change",{isActive:s}));};i==="activate"?r(!0):i==="deactivate"&&r(!1);}updateClickStatus(e){this.isActive&&(e==="activate"?this.isValidClick=!0:e==="move"&&(this.isValidClick=!1));}};function U(n){let{size:t}=A(n);return {size:c(t)?t:10}}var m=class extends z{constructor(e){super("SECTION",e.elm,()=>$(e));o(this,"sizeInfo",null);o(this,"flexGrowRatio",0);this.updateStyle();}static getStyle({maxSize:e,minSize:i},r){let s=l=>c(l)?`${l}px`:void 0;return {overflow:"hidden",[r?"maxHeight":"maxWidth"]:s(e),[r?"minHeight":"minWidth"]:s(i)}}update({sizeInfo:e,flexGrowRatio:i}){this.sizeInfo=e,this.flexGrowRatio=i,this.updateStyle(),f(this.elm,"section:size-change",{size:e.currentSize});}updateStyle(){let{flexGrow:e,flexShrink:i,flexBasis:r}=this.getStyle();this.elm.style.flexGrow=`${e}`,this.elm.style.flexShrink=`${i}`,this.elm.style.flexBasis=`${r}px`;}getStyle(){let e=c(this.config.size)?0:this.config.disableResponsive?1:0;if(this.sizeInfo){let{disableResponsive:i,currentSize:r}=this.sizeInfo;return {flexShrink:e,flexGrow:i?0:this.flexGrowRatio*r,flexBasis:i?r:0}}else {let i=this.config.size||this.config.defaultSize;return c(i)?{flexShrink:e,flexGrow:0,flexBasis:i}:{flexShrink:e,flexGrow:1,flexBasis:0}}}};function $(n){let{size:t,defaultSize:e,maxSize:i,minSize:r,disableResponsive:s}=A(n);return {size:c(t)?t:void 0,defaultSize:c(e)?e:void 0,maxSize:c(i)?i:void 0,minSize:c(r)?r:void 0,disableResponsive:!!s}}var H=class{constructor(t){this.config=t;o(this,"styles",{container:t=>({...t,display:"flex",flexDirection:this.direction}),section:(t,e)=>({...e,...m.getStyle(t,this.config.vertical)}),bar:(t,e)=>({...e,...h.getStyle(t)})});o(this,"attributes",{bar:B("BAR"),section:B("SECTION")});o(this,"itemsCache",new R);o(this,"eventHub",new b);o(this,"container",null);o(this,"barStore");o(this,"dispatchBarAction",(t,e)=>{let i=this.itemsCache.getItemIndex(t);i&&this.barStore.dispatch({...e,barIndex:i});});this.barStore=w({calculateOffset:(e,i)=>L(e,i)[this.axis],getSizeRelatedInfo:()=>this.makeSizeInfos()});}get axis(){return this.config.vertical?"y":"x"}get dimension(){return this.config.vertical?"height":"width"}get direction(){return this.config.vertical?"column":"row"}get on(){return this.eventHub.watchResizerEvent}init(t){this.dispose(),this.container=t,t&&(this.itemsCache.update(D(t).map(e=>{switch(e.type){case"BAR":return new h(e,this.dispatchBarAction);case"SECTION":return new m(e)}})),this.initStyles(t,this.itemsCache.getItems()),this.sizeRelatedInfoChange(this.makeSizeInfos()),this.barStore.subscribe(e=>{this.monitorBarStatusChanges(e),this.sizeRelatedInfoChange(e);}));}dispose(){this.container=null,this.itemsCache.reset(),this.barStore.unsubscribeAll(),this.eventHub.reset();}getResizer(){return new S(this.makeSizeInfos())}applyResizer(t){this.sizeRelatedInfoChange(t.getResult());}sizeRelatedInfoChange(t){t.discard||(t=(()=>{if(typeof this.config.beforeApplyResizer=="function"){let e=new S(t);return this.config.beforeApplyResizer(e),e.getResult()}else return t})(),!t.discard&&t.sizeInfoArray.forEach(e=>{let i=this.itemsCache.getItem(e.elm);i instanceof m&&i.update({sizeInfo:e,flexGrowRatio:t.flexGrowRatio});}));}monitorBarStatusChanges({type:t}){switch(t){case"activate":return f(this.container,"column:activate",null);case"deactivate":return f(this.container,"column:after-resizing",null);default:return}}makeSizeInfos(){let{collect:t,getResult:e}=I();return this.itemsCache.getItems().forEach(i=>{i instanceof h&&t({elm:i.elm,disableResponsive:!0,isSolid:!0,currentSize:i.elm.getBoundingClientRect()[this.dimension]}),i instanceof m&&t({elm:i.elm,maxSize:i.config.maxSize,minSize:i.config.minSize,disableResponsive:M(i.config),isSolid:E(i.config),currentSize:i.elm.getBoundingClientRect()[this.dimension]});}),e()}initStyles(t,e){Object.assign(t.style,this.styles.container()),e.forEach(i=>{i instanceof h&&Object.assign(i.elm.style,this.styles.bar(i.config)),i instanceof m&&Object.assign(i.elm.style,this.styles.section(i.config));});}};
exports.BarActionType = B;
exports.ColumnInstance = h;
exports.ColumnResizer = k;
exports.ItemType = S;
exports.Resizer = z;
exports.BarActionType = F;
exports.ColumnResizer = H;
exports.ItemType = y;
exports.Resizer = S;

2

package.json
{
"name": "@column-resizer/core",
"version": "1.1.0",
"version": "1.2.0",
"license": "MIT",

@@ -5,0 +5,0 @@ "repository": "github:Runjuu/column-resizer",

dist/index.d.mts

Sorry, the diff of this file is not supported yet

dist/index.mjs

Sorry, the diff of this file is not supported yet

SocketSocket SOC 2 Logo

Product

  • Package Alerts
  • Integrations
  • Docs
  • Pricing
  • FAQ
  • Roadmap
  • Changelog

About

Packages

npm

Go

Maven

PyPI

Rubygems

Stay in touch

Get open source security insights delivered straight into your inbox.

  • Terms
  • Privacy
  • Security

Made with ⚡️ by Socket Inc