column-resizer
Advanced tools
Comparing version 1.0.2 to 1.0.3
<a name="v1.0.2"></a> | ||
# v1.0.2 (2017-09-12) | ||
# [v1.0.2](https://github.com/MonsantoCo/column-resizer/compare/v1.0.1...v1.0.2) (2017-09-12) | ||
## Bug fixes | ||
@@ -4,0 +4,0 @@ |
@@ -1,2 +0,2 @@ | ||
!function(e,t){"object"==typeof exports&&"object"==typeof module?module.exports=t():"function"==typeof define&&define.amd?define([],t):"object"==typeof exports?exports.ColumnResizer=t():e.ColumnResizer=t()}(this,function(){return function(e){function t(i){if(r[i])return r[i].exports;var o=r[i]={i:i,l:!1,exports:{}};return e[i].call(o.exports,o,o.exports,t),o.l=!0,o.exports}var r={};return t.m=e,t.c=r,t.d=function(e,r,i){t.o(e,r)||Object.defineProperty(e,r,{configurable:!1,enumerable:!0,get:i})},t.n=function(e){var r=e&&e.__esModule?function(){return e.default}:function(){return e};return t.d(r,"a",r),r},t.o=function(e,t){return Object.prototype.hasOwnProperty.call(e,t)},t.p="/",t(t.s=0)}([function(e,t,r){"use strict";function i(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}Object.defineProperty(t,"__esModule",{value:!0});var o=r(1),n=function(e){return e&&e.__esModule?e:{default:e}}(o),l=function(){var e=0;return function(){return e++}}(),a=function e(t){var r=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{};i(this,e),s.call(this);try{this.store=sessionStorage}catch(t){this.store={}}this.grip=null,this.tb=t,window.addEventListener("resize",this.onResize),this.init(r)},s=function(){var e=this;this.ID="id",this.PX="px",this.RESIZABLE="grip-resizable",this.FLEX="grip-flex",this.IE=navigator.userAgent.indexOf("Trident/4.0")>0,this.reset=function(t){return e.init(t)},this.onResize=function(){var t=e.tb;if(t.classList.remove(e.RESIZABLE),t.opt.fixed){t.tableWidth=Number(window.getComputedStyle(t).width.replace(/px/,"")).valueOf();for(var r=0,i=0;i<t.columnCnt;i++)r+=t.columns[i].w;for(var o=0;o<t.columnCnt;o++)t.columns[o].style.width=Math.round(1e3*t.columns[o].w/r)/10+"%",t.columns[o].locked=!0}else e.applyBounds(),"flex"===t.opt.resizeMode&&e.serializeStore();t.classList.add(e.RESIZABLE),e.syncGrips()},this.onGripMouseDown=function(t){var r=t.target.parentNode.data,i=e.tb,o=i.grips[r.i],n=t.touches;if(o.ox=n?n[0].pageX:t.pageX,o.l=o.offsetLeft,o.x=o.l,e.createStyle(document.querySelector("head"),"*{cursor:"+i.opt.dragCursor+"!important}"),document.addEventListener("touchmove",e.onGripDrag),document.addEventListener("mousemove",e.onGripDrag),document.addEventListener("touchend",e.onGripDragOver),document.addEventListener("mouseup",e.onGripDragOver),o.classList.add(i.opt.draggingClass),e.grip=o,i.columns[r.i].locked)for(var l,a=0;a<i.columnCnt;a++)l=i.columns[a],l.locked=!1,l.w=Number(window.getComputedStyle(l).width.replace(/px/,"")).valueOf();return!1},this.onGripDrag=function(t){var r=e.grip;if(r){var i=r.t,o=t.touches,n=o?o[0].pageX:t.pageX,l=n-r.ox+r.l,a=i.opt.minWidth,s=r.i,d=1.5*i.cellSpace+a+i.borderSpace,u=s===i.columnCnt-1,c=s?i.grips[s-1].offsetLeft+i.cellSpace+a:d,p=i.opt.fixed?s===i.columnCnt-1?i.tableWidth-d:i.grips[s+1].offsetLeft-i.cellSpace-a:1/0;if(l=Math.max(c,Math.min(p,l)),r.x=l,r.style.left=l+e.PX,u&&(r.w=i.columns[s].w+l-r.l),i.opt.liveDrag){u?(i.columns[s].style.width=r.w+e.PX,!i.opt.fixed&&i.opt.overflow?i.style.minWidth=i.tableWidth+l-r.l+e.PX:i.tableWidth=Number(window.getComputedStyle(i).width.replace(/px/,"")).valueOf()):e.syncCols(i,s,!1,i.opt),e.syncGrips();var f=i.opt.onDrag;f&&f(t)}return!1}},this.onGripDragOver=function(t){var r=e.grip;document.removeEventListener("touchend",e.onGripDragOver),document.removeEventListener("mouseup",e.onGripDragOver),document.removeEventListener("touchmove",e.onGripDrag),document.removeEventListener("mousemove",e.onGripDrag);var i=document.querySelector("head").lastChild;if(i.parentNode.removeChild(i),r){if(r.classList.remove(r.t.opt.draggingClass),r.x-r.l!=0){var o=r.t,n=o.opt.onResize,l=r.i;if(l===o.columnCnt-1){var a=o.columns[l];a.style.width=r.w+e.PX,a.w=r.w}else e.syncCols(o,l,!0,o.opt);o.opt.fixed||e.applyBounds(),e.syncGrips(),n&&n(t),e.serializeStore()}e.grip=null}},this.init=function(t){if(t.disable)return e.destroy();var r=e.tb,i=r.getAttribute(e.ID)||e.RESIZABLE+l();if(!r.matches("table")||r.extended&&!t.partialRefresh)return null;var o=document.querySelector("head");if(e.createStyle(o," .grip-resizable{table-layout:fixed;} .grip-resizable > tbody > tr > td, .grip-resizable > tbody > tr > th{overflow:hidden} .grip-padding > tbody > tr > td, .grip-padding > tbody > tr > th{padding-left:0!important; padding-right:0!important;} .grip-container{ height:0px; position:relative;} .grip-handle{margin-left:-5px; position:absolute; z-index:5; } .grip-handle .grip-resizable{position:absolute;background-color:red;filter:alpha(opacity=1);opacity:0;width:10px;height:100%;cursor: col-resize;top:0px} .grip-lastgrip{position:absolute; width:1px; } .grip-drag{ border-left:1px dotted black;\t} .grip-flex{width:auto!important;} .grip-handle.grip-disabledgrip .grip-resizable{cursor:default; display:none;}"),t.hoverCursor&&"col-resize"!==t.hoverCursor){var n=".grip-handle .grip-resizable:hover{cursor:"+t.hoverCursor+"!important}";e.createStyle(o,n)}r.setAttribute(e.ID,i);var a=r.opt;r.opt=e.extendOptions(t);var s=e.getTableHeaders(r);if(e.extendTable(s),t.remoteTable&&t.remoteTable.matches("table")){var d=e.getTableHeaders(r.opt.remoteTable);s.length===d.length?e.extendRemoteTable(r.opt.remoteTable,d,r):console.warn("column count for remote table did not match")}return a},this.applyBounds=function(){var t=e.tb,r=t.columns.map(function(e){return window.getComputedStyle(e).width});t.style.width=window.getComputedStyle(t).width,t.tableWidth=Number(t.style.width.replace(/px/,"")).valueOf(),t.classList.remove(e.FLEX),t.columns.forEach(function(e,t){e.style.width=r[t],e.w=Number(e.style.width.replace(/px/,"")).valueOf()}),t.opt.fixed||t.classList.add(e.FLEX)},this.serializeStore=function(){var t=e.store,r=e.tb;t[r.getAttribute(e.ID)]="";for(var i=0,o=0;o<r.columns.length;o++){var n=window.getComputedStyle(r.columns[o]).width.replace(/px/,"");t[r.getAttribute(e.ID)]+=n+";",i+=Number(n).valueOf()}t[r.getAttribute(e.ID)]+=i.toString(),r.opt.fixed||(t[r.getAttribute(e.ID)]+=";"+window.getComputedStyle(r).width.replace(/px/,""))},this.syncGrips=function(){var t=e.tb;t.gripContainer.style.width=t.tableWidth+e.PX;for(var r=0;r<t.columnCnt;r++){var i=t.columns[r];t.opt.widths[r]=i.w;var o=i.getBoundingClientRect(),n=t.getBoundingClientRect();t.grips[r].style.left=o.left-n.left+i.offsetWidth+t.cellSpace/2+e.PX,t.grips[r].style.height=(t.opt.headerOnly?t.columns[0].offsetHeight:t.offsetHeight)+e.PX}},this.destroy=function(){var t=e.tb,r=t.getAttribute(e.ID);if(r)return e.store[r]="",t.classList.remove(e.RESIZABLE),t.classList.remove(e.FLEX),t.remote&&(t.remote.classList.remove(e.RESIZABLE),t.remote.classList.remove(e.FLEX)),t.gripContainer&&t.gripContainer.parentNode&&t.gripContainer.parentNode.removeChild(t.gripContainer),delete t.extended,t.opt},this.createStyle=function(e,t){var r=(0,n.default)(t).toString(),i=e.querySelectorAll("style");if(!Array.from(i).filter(function(e){return e.gripid===r}).length){var o=document.createElement("style");o.type="text/css",o.gripid=r,o.styleSheet?o.styleSheet.cssText=t:o.appendChild(document.createTextNode(t)),e.appendChild(o)}},this.extendOptions=function(e){var t=Object.assign({},a.DEFAULTS,e);switch(t.fixed=!0,t.overflow=!1,t.resizeMode){case"flex":t.fixed=!1;break;case"overflow":t.fixed=!1,t.overflow=!0}return t},this.getTableHeaders=function(t){var r="#"+t.id,i=Array.from(t.querySelectorAll(r+">thead>tr:nth-of-type(1)>th"));return i=i.concat(Array.from(t.querySelectorAll(r+">thead>tr:nth-of-type(1)>td"))),i.length||(i=Array.from(t.querySelectorAll(r+">tbody>tr:nth-of-type(1)>th")),i=i.concat(Array.from(t.querySelectorAll(r+">tr:nth-of-type(1)>th"))),i=i.concat(Array.from(t.querySelectorAll(r+">tbody>tr:nth-of-type(1)>td"))),i=i.concat(Array.from(t.querySelectorAll(r+">tr:nth-of-type(1)>td")))),e.filterInvisible(i,!1)},this.filterInvisible=function(e,t){return e.filter(function(e){var r=t?-1:e.offsetWidth,i=t?-1:e.offsetHeight;return!(0===r&&0===i||e.style&&e.style.display&&"none"===window.getComputedStyle(e).display)})},this.extendTable=function(t){var r=e.tb;r.opt.removePadding&&r.classList.add("grip-padding"),r.classList.add(e.RESIZABLE),r.insertAdjacentHTML("beforebegin",'<div class="grip-container"/>'),r.grips=[],r.columns=[],r.tableWidth=Number(window.getComputedStyle(r).width.replace(/px/,"")).valueOf(),r.gripContainer=r.previousElementSibling,r.opt.marginLeft&&(r.gripContainer.style.marginLeft=r.opt.marginLeft),r.opt.marginRight&&(r.gripContainer.style.marginRight=r.opt.marginRight),r.cellSpace=parseInt(e.IE?r.cellSpacing||r.currentStyle.borderSpacing:window.getComputedStyle(r).borderSpacing.split(" ")[0].replace(/px/,""))||2,r.borderSpace=parseInt(e.IE?r.border||r.currentStyle.borderLeftWidth:window.getComputedStyle(r).borderLeftWidth.replace(/px/,""))||1,r.extended=!0,e.createGrips(t)},this.extendRemoteTable=function(t,r,i){i.opt.removePadding&&t.classList.add("grip-padding"),t.classList.add(e.RESIZABLE),t.getAttribute(e.ID)||t.setAttribute(e.ID,i.getAttribute(e.ID)+"remote"),t.columns=[],r.forEach(function(o,n){var l=r[n];l.w=i.columns[n].w,l.style.width=l.w+e.PX,l.removeAttribute("width"),t.columns.push(l)}),t.tableWidth=i.tableWidth,t.cellSpace=i.cellSpace,t.borderSpace=i.borderSpace;var o=Array.from(t.querySelectorAll("col"));t.columnGrp=e.filterInvisible(o,!0),t.columnGrp.forEach(function(e,t){e.removeAttribute("width"),e.style.width=i.columnGrp[t].style.width}),i.remote=t},this.createGrips=function(t){var r=e.tb;r.columnGrp=e.filterInvisible(Array.from(r.querySelectorAll("col")),!0),r.columnGrp.forEach(function(e){e.removeAttribute("width")}),r.columnCnt=t.length,e.store[r.getAttribute(e.ID)]&&e.deserializeStore(t),r.opt.widths||(r.opt.widths=[]),t.forEach(function(i,o){var n=t[o],l=-1!==r.opt.disabledColumns.indexOf(o);e.createDiv(r.gripContainer,"grip-handle");var a=r.gripContainer.lastChild;!l&&r.opt.gripInnerHtml&&(a.innerHTML=r.opt.gripInnerHtml),e.createDiv(a,e.RESIZABLE),o===r.columnCnt-1&&(a.classList.add("grip-lastgrip"),r.opt.fixed&&(a.innerHTML="")),a.addEventListener("touchstart",e.onGripMouseDown,{capture:!0,passive:!0}),a.addEventListener("mousedown",e.onGripMouseDown,!0),l?a.classList.add("grip-disabledgrip"):(a.classList.remove("grip-disabledgrip"),a.addEventListener("touchstart",e.onGripMouseDown,{capture:!0,passive:!0}),a.addEventListener("mousedown",e.onGripMouseDown,!0)),a.t=r,a.i=o,r.opt.widths[o]?n.w=r.opt.widths[o]:(n.w=Number(window.getComputedStyle(n).width.replace(/px/,"")).valueOf(),r.opt.widths[o]=n.w),n.style.width=n.w+e.PX,n.removeAttribute("width"),a.data={i:o,t:r.getAttribute(e.ID),last:o===r.columnCnt-1},r.grips.push(a),r.columns.push(n)});var i=Array.from(r.querySelectorAll("td"));i.concat(Array.from(r.querySelectorAll("th"))),i=i.filter(function(e){for(var r=0;r<t.length;r++)if(t[r]===e)return!1;return!0}),i=i.filter(function(e){return!(e.querySelectorAll("table th").length||e.querySelectorAll("table td").length)}),i.forEach(function(e){e.removeAttribute("width")}),r.opt.fixed||(r.removeAttribute("width"),r.classList.add(e.FLEX)),e.syncGrips()},this.deserializeStore=function(t){var r=e.tb;if(r.columnGrp.forEach(function(e){e.removeAttribute("width")}),r.opt.flush)return void(e.store[r.getAttribute(e.ID)]="");var i=e.store[r.getAttribute(e.ID)].split(";"),o=i[r.columnCnt+1];!r.opt.fixed&&o&&(r.style.width=o+e.PX,r.opt.overflow&&(r.style.minWidth=o+e.PX,r.tableWidth=Number(o).valueOf()));for(var n=0;n<r.columnCnt;n++){var l=100*Number(i[n]).valueOf()/Number(i[r.columnCnt]).valueOf()+"%";t[n].style.width=l,r.columnGrp[n]&&(r.columnGrp[n].style.width=l)}},this.createDiv=function(e,t,r){var i=document.createElement("div");i.classList.add(t),r&&(i.innerHTML=r),e.appendChild(i)},this.syncCols=function(t,r,i,o){var n=t.remote,l=e.grip.x-e.grip.l,a=t.columns[r],s=t.columns[r+1];if(a&&s){var d=a.w+l,u=s.w-l,c=d+e.PX;if(a.style.width=c,t.columnGrp[r]&&t.columnGrp[r].style.width&&(t.columnGrp[r].style.width=c),n&&(n.columns[r].style.width=c,n.columnGrp[r]&&n.columnGrp[r].style.width&&(n.columnGrp[r].style.width=c)),o.fixed){var p=u+e.PX;s.style.width=p,t.columnGrp[r+1]&&t.columnGrp[r+1].style.width&&(t.columnGrp[r+1].style.width=p),n&&(n.columns[r+1].style.width=p,n.columnGrp[r+1]&&n.columnGrp[r+1].style.width&&(n.columnGrp[r+1].style.width=p))}else o.overflow&&(t.style.minWidth=t.tableWidth+l+e.PX);i&&(a.w=d,s.w=o.fixed?u:s.w,n&&(n.columns[r].w=d,n.columns[r+1].w=o.fixed?u:s.w))}}};t.default=a,a.DEFAULTS={resizeMode:"fit",draggingClass:"grip-drag",gripInnerHtml:"",liveDrag:!1,minWidth:15,headerOnly:!1,hoverCursor:"col-resize",dragCursor:"col-resize",flush:!1,marginLeft:null,marginRight:null,remoteTable:null,disable:!1,partialRefresh:!1,disabledColumns:[],removePadding:!0,widths:[],onDrag:null,onResize:null}},function(e,t,r){"use strict";function i(e){for(var t=5381,r=e.length;r;)t=33*t^e.charCodeAt(--r);return t>>>0}e.exports=i}])}); | ||
!function(e,t){"object"==typeof exports&&"object"==typeof module?module.exports=t():"function"==typeof define&&define.amd?define([],t):"object"==typeof exports?exports.ColumnResizer=t():e.ColumnResizer=t()}(this,function(){return function(e){function t(i){if(r[i])return r[i].exports;var o=r[i]={i:i,l:!1,exports:{}};return e[i].call(o.exports,o,o.exports,t),o.l=!0,o.exports}var r={};return t.m=e,t.c=r,t.d=function(e,r,i){t.o(e,r)||Object.defineProperty(e,r,{configurable:!1,enumerable:!0,get:i})},t.n=function(e){var r=e&&e.__esModule?function(){return e.default}:function(){return e};return t.d(r,"a",r),r},t.o=function(e,t){return Object.prototype.hasOwnProperty.call(e,t)},t.p="/",t(t.s=0)}([function(e,t,r){"use strict";function i(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}Object.defineProperty(t,"__esModule",{value:!0});var o=r(1),n=function(e){return e&&e.__esModule?e:{default:e}}(o),l=function(){var e=0;return function(){return e++}}(),a=function e(t){var r=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{};i(this,e),s.call(this);try{this.store=sessionStorage}catch(t){this.store={}}this.grip=null,this.tb=t,window.addEventListener("resize",this.onResize),this.init(r)},s=function(){var e=this;this.ID="id",this.PX="px",this.RESIZABLE="grip-resizable",this.FLEX="grip-flex",this.IE=navigator.userAgent.indexOf("Trident/4.0")>0,this.reset=function(t){return e.init(t)},this.onResize=function(){var t=e.tb;if(t.classList.remove(e.RESIZABLE),t.opt.fixed){t.tableWidth=Number(window.getComputedStyle(t).width.replace(/px/,"")).valueOf();for(var r=0,i=0;i<t.columnCnt;i++)r+=t.columns[i].w;for(var o=0;o<t.columnCnt;o++)t.columns[o].style.width=Math.round(1e3*t.columns[o].w/r)/10+"%",t.columns[o].locked=!0}else e.applyBounds(),"flex"===t.opt.resizeMode&&e.serializeStore();t.classList.add(e.RESIZABLE),e.syncGrips()},this.onGripMouseDown=function(t){var r=t.target.parentNode.data,i=e.tb,o=i.grips[r.i],n=t.touches;if(o.ox=n?n[0].pageX:t.pageX,o.l=o.offsetLeft,o.x=o.l,e.createStyle(document.querySelector("head"),"*{cursor:"+i.opt.dragCursor+"!important}"),document.addEventListener("touchmove",e.onGripDrag),document.addEventListener("mousemove",e.onGripDrag),document.addEventListener("touchend",e.onGripDragOver),document.addEventListener("mouseup",e.onGripDragOver),o.classList.add(i.opt.draggingClass),e.grip=o,i.columns[r.i].locked)for(var l,a=0;a<i.columnCnt;a++)l=i.columns[a],l.locked=!1,l.w=Number(window.getComputedStyle(l).width.replace(/px/,"")).valueOf();t.preventDefault()},this.onGripDrag=function(t){var r=e.grip;if(r){var i=r.t,o=t.touches,n=o?o[0].pageX:t.pageX,l=n-r.ox+r.l,a=i.opt.minWidth,s=r.i,d=1.5*i.cellSpace+a+i.borderSpace,u=s===i.columnCnt-1,c=s?i.grips[s-1].offsetLeft+i.cellSpace+a:d,p=i.opt.fixed?s===i.columnCnt-1?i.tableWidth-d:i.grips[s+1].offsetLeft-i.cellSpace-a:1/0;if(l=Math.max(c,Math.min(p,l)),r.x=l,r.style.left=l+e.PX,u&&(r.w=i.columns[s].w+l-r.l),i.opt.liveDrag){u?(i.columns[s].style.width=r.w+e.PX,!i.opt.fixed&&i.opt.overflow?i.style.minWidth=i.tableWidth+l-r.l+e.PX:i.tableWidth=Number(window.getComputedStyle(i).width.replace(/px/,"")).valueOf()):e.syncCols(i,s,!1,i.opt),e.syncGrips();var f=i.opt.onDrag;f&&f(t)}return!1}},this.onGripDragOver=function(t){var r=e.grip;document.removeEventListener("touchend",e.onGripDragOver),document.removeEventListener("mouseup",e.onGripDragOver),document.removeEventListener("touchmove",e.onGripDrag),document.removeEventListener("mousemove",e.onGripDrag);var i=document.querySelector("head").lastChild;if(i.parentNode.removeChild(i),r){if(r.classList.remove(r.t.opt.draggingClass),r.x-r.l!=0){var o=r.t,n=o.opt.onResize,l=r.i;if(l===o.columnCnt-1){var a=o.columns[l];a.style.width=r.w+e.PX,a.w=r.w}else e.syncCols(o,l,!0,o.opt);o.opt.fixed||e.applyBounds(),e.syncGrips(),n&&n(t),e.serializeStore()}e.grip=null}},this.init=function(t){if(t.disable)return e.destroy();var r=e.tb,i=r.getAttribute(e.ID)||e.RESIZABLE+l();if(!r.matches("table")||r.extended&&!t.partialRefresh)return null;var o=document.querySelector("head");if(e.createStyle(o," .grip-resizable{table-layout:fixed;} .grip-resizable > tbody > tr > td, .grip-resizable > tbody > tr > th{overflow:hidden} .grip-padding > tbody > tr > td, .grip-padding > tbody > tr > th{padding-left:0!important; padding-right:0!important;} .grip-container{ height:0px; position:relative;} .grip-handle{margin-left:-5px; position:absolute; z-index:5; } .grip-handle .grip-resizable{position:absolute;background-color:red;filter:alpha(opacity=1);opacity:0;width:10px;height:100%;cursor: col-resize;top:0px} .grip-lastgrip{position:absolute; width:1px; } .grip-drag{ border-left:1px dotted black;\t} .grip-flex{width:auto!important;} .grip-handle.grip-disabledgrip .grip-resizable{cursor:default; display:none;}"),t.hoverCursor&&"col-resize"!==t.hoverCursor){var n=".grip-handle .grip-resizable:hover{cursor:"+t.hoverCursor+"!important}";e.createStyle(o,n)}r.setAttribute(e.ID,i);var a=r.opt;r.opt=e.extendOptions(t);var s=e.getTableHeaders(r);if(e.extendTable(s),t.remoteTable&&t.remoteTable.matches("table")){var d=e.getTableHeaders(r.opt.remoteTable);s.length===d.length?e.extendRemoteTable(r.opt.remoteTable,d,r):console.warn("column count for remote table did not match")}return a},this.applyBounds=function(){var t=e.tb,r=t.columns.map(function(e){return window.getComputedStyle(e).width});t.style.width=window.getComputedStyle(t).width,t.tableWidth=Number(t.style.width.replace(/px/,"")).valueOf(),t.classList.remove(e.FLEX),t.columns.forEach(function(e,t){e.style.width=r[t],e.w=Number(e.style.width.replace(/px/,"")).valueOf()}),t.opt.fixed||t.classList.add(e.FLEX)},this.serializeStore=function(){var t=e.store,r=e.tb;t[r.getAttribute(e.ID)]="";for(var i=0,o=0;o<r.columns.length;o++){var n=window.getComputedStyle(r.columns[o]).width.replace(/px/,"");t[r.getAttribute(e.ID)]+=n+";",i+=Number(n).valueOf()}t[r.getAttribute(e.ID)]+=i.toString(),r.opt.fixed||(t[r.getAttribute(e.ID)]+=";"+window.getComputedStyle(r).width.replace(/px/,""))},this.syncGrips=function(){var t=e.tb;t.gripContainer.style.width=t.tableWidth+e.PX;for(var r=0;r<t.columnCnt;r++){var i=t.columns[r];t.opt.widths[r]=i.w;var o=i.getBoundingClientRect(),n=t.getBoundingClientRect();t.grips[r].style.left=o.left-n.left+i.offsetWidth+t.cellSpace/2+e.PX,t.grips[r].style.height=(t.opt.headerOnly?t.columns[0].offsetHeight:t.offsetHeight)+e.PX}},this.destroy=function(){var t=e.tb,r=t.getAttribute(e.ID);if(r)return e.store[r]="",t.classList.remove(e.RESIZABLE),t.classList.remove(e.FLEX),t.remote&&(t.remote.classList.remove(e.RESIZABLE),t.remote.classList.remove(e.FLEX)),t.gripContainer&&t.gripContainer.parentNode&&t.gripContainer.parentNode.removeChild(t.gripContainer),delete t.extended,t.opt},this.createStyle=function(e,t){var r=(0,n.default)(t).toString(),i=e.querySelectorAll("style");if(!Array.from(i).filter(function(e){return e.gripid===r}).length){var o=document.createElement("style");o.type="text/css",o.gripid=r,o.styleSheet?o.styleSheet.cssText=t:o.appendChild(document.createTextNode(t)),e.appendChild(o)}},this.extendOptions=function(e){var t=Object.assign({},a.DEFAULTS,e);switch(t.fixed=!0,t.overflow=!1,t.resizeMode){case"flex":t.fixed=!1;break;case"overflow":t.fixed=!1,t.overflow=!0}return t},this.getTableHeaders=function(t){var r="#"+t.id,i=Array.from(t.querySelectorAll(r+">thead>tr:nth-of-type(1)>th"));return i=i.concat(Array.from(t.querySelectorAll(r+">thead>tr:nth-of-type(1)>td"))),i.length||(i=Array.from(t.querySelectorAll(r+">tbody>tr:nth-of-type(1)>th")),i=i.concat(Array.from(t.querySelectorAll(r+">tr:nth-of-type(1)>th"))),i=i.concat(Array.from(t.querySelectorAll(r+">tbody>tr:nth-of-type(1)>td"))),i=i.concat(Array.from(t.querySelectorAll(r+">tr:nth-of-type(1)>td")))),e.filterInvisible(i,!1)},this.filterInvisible=function(e,t){return e.filter(function(e){var r=t?-1:e.offsetWidth,i=t?-1:e.offsetHeight;return!(0===r&&0===i||e.style&&e.style.display&&"none"===window.getComputedStyle(e).display)})},this.extendTable=function(t){var r=e.tb;r.opt.removePadding&&r.classList.add("grip-padding"),r.classList.add(e.RESIZABLE),r.insertAdjacentHTML("beforebegin",'<div class="grip-container"/>'),r.grips=[],r.columns=[],r.tableWidth=Number(window.getComputedStyle(r).width.replace(/px/,"")).valueOf(),r.gripContainer=r.previousElementSibling,r.opt.marginLeft&&(r.gripContainer.style.marginLeft=r.opt.marginLeft),r.opt.marginRight&&(r.gripContainer.style.marginRight=r.opt.marginRight),r.cellSpace=parseInt(e.IE?r.cellSpacing||r.currentStyle.borderSpacing:window.getComputedStyle(r).borderSpacing.split(" ")[0].replace(/px/,""))||2,r.borderSpace=parseInt(e.IE?r.border||r.currentStyle.borderLeftWidth:window.getComputedStyle(r).borderLeftWidth.replace(/px/,""))||1,r.extended=!0,e.createGrips(t)},this.extendRemoteTable=function(t,r,i){i.opt.removePadding&&t.classList.add("grip-padding"),t.classList.add(e.RESIZABLE),t.getAttribute(e.ID)||t.setAttribute(e.ID,i.getAttribute(e.ID)+"remote"),t.columns=[],r.forEach(function(o,n){var l=r[n];l.w=i.columns[n].w,l.style.width=l.w+e.PX,l.removeAttribute("width"),t.columns.push(l)}),t.tableWidth=i.tableWidth,t.cellSpace=i.cellSpace,t.borderSpace=i.borderSpace;var o=Array.from(t.querySelectorAll("col"));t.columnGrp=e.filterInvisible(o,!0),t.columnGrp.forEach(function(e,t){e.removeAttribute("width"),e.style.width=i.columnGrp[t].style.width}),i.remote=t},this.createGrips=function(t){var r=e.tb;r.columnGrp=e.filterInvisible(Array.from(r.querySelectorAll("col")),!0),r.columnGrp.forEach(function(e){e.removeAttribute("width")}),r.columnCnt=t.length,e.store[r.getAttribute(e.ID)]&&e.deserializeStore(t),r.opt.widths||(r.opt.widths=[]),t.forEach(function(i,o){var n=t[o],l=-1!==r.opt.disabledColumns.indexOf(o);e.createDiv(r.gripContainer,"grip-handle");var a=r.gripContainer.lastChild;!l&&r.opt.gripInnerHtml&&(a.innerHTML=r.opt.gripInnerHtml),e.createDiv(a,e.RESIZABLE),o===r.columnCnt-1&&(a.classList.add("grip-lastgrip"),r.opt.fixed&&(a.innerHTML="")),a.addEventListener("touchstart",e.onGripMouseDown,{capture:!0,passive:!0}),a.addEventListener("mousedown",e.onGripMouseDown,!0),l?a.classList.add("grip-disabledgrip"):(a.classList.remove("grip-disabledgrip"),a.addEventListener("touchstart",e.onGripMouseDown,{capture:!0,passive:!0}),a.addEventListener("mousedown",e.onGripMouseDown,!0)),a.t=r,a.i=o,r.opt.widths[o]?n.w=r.opt.widths[o]:(n.w=Number(window.getComputedStyle(n).width.replace(/px/,"")).valueOf(),r.opt.widths[o]=n.w),n.style.width=n.w+e.PX,n.removeAttribute("width"),a.data={i:o,t:r.getAttribute(e.ID),last:o===r.columnCnt-1},r.grips.push(a),r.columns.push(n)});var i=Array.from(r.querySelectorAll("td"));i.concat(Array.from(r.querySelectorAll("th"))),i=i.filter(function(e){for(var r=0;r<t.length;r++)if(t[r]===e)return!1;return!0}),i=i.filter(function(e){return!(e.querySelectorAll("table th").length||e.querySelectorAll("table td").length)}),i.forEach(function(e){e.removeAttribute("width")}),r.opt.fixed||(r.removeAttribute("width"),r.classList.add(e.FLEX)),e.syncGrips()},this.deserializeStore=function(t){var r=e.tb;if(r.columnGrp.forEach(function(e){e.removeAttribute("width")}),r.opt.flush)return void(e.store[r.getAttribute(e.ID)]="");var i=e.store[r.getAttribute(e.ID)].split(";"),o=i[r.columnCnt+1];!r.opt.fixed&&o&&(r.style.width=o+e.PX,r.opt.overflow&&(r.style.minWidth=o+e.PX,r.tableWidth=Number(o).valueOf()));for(var n=0;n<r.columnCnt;n++){var l=100*Number(i[n]).valueOf()/Number(i[r.columnCnt]).valueOf()+"%";t[n].style.width=l,r.columnGrp[n]&&(r.columnGrp[n].style.width=l)}},this.createDiv=function(e,t,r){var i=document.createElement("div");i.classList.add(t),r&&(i.innerHTML=r),e.appendChild(i)},this.syncCols=function(t,r,i,o){var n=t.remote,l=e.grip.x-e.grip.l,a=t.columns[r],s=t.columns[r+1];if(a&&s){var d=a.w+l,u=s.w-l,c=d+e.PX;if(a.style.width=c,t.columnGrp[r]&&t.columnGrp[r].style.width&&(t.columnGrp[r].style.width=c),n&&(n.columns[r].style.width=c,n.columnGrp[r]&&n.columnGrp[r].style.width&&(n.columnGrp[r].style.width=c)),o.fixed){var p=u+e.PX;s.style.width=p,t.columnGrp[r+1]&&t.columnGrp[r+1].style.width&&(t.columnGrp[r+1].style.width=p),n&&(n.columns[r+1].style.width=p,n.columnGrp[r+1]&&n.columnGrp[r+1].style.width&&(n.columnGrp[r+1].style.width=p))}else o.overflow&&(t.style.minWidth=t.tableWidth+l+e.PX);i&&(a.w=d,s.w=o.fixed?u:s.w,n&&(n.columns[r].w=d,n.columns[r+1].w=o.fixed?u:s.w))}}};t.default=a,a.DEFAULTS={resizeMode:"fit",draggingClass:"grip-drag",gripInnerHtml:"",liveDrag:!1,minWidth:15,headerOnly:!1,hoverCursor:"col-resize",dragCursor:"col-resize",flush:!1,marginLeft:null,marginRight:null,remoteTable:null,disable:!1,partialRefresh:!1,disabledColumns:[],removePadding:!0,widths:[],onDrag:null,onResize:null}},function(e,t,r){"use strict";function i(e){for(var t=5381,r=e.length;r;)t=33*t^e.charCodeAt(--r);return t>>>0}e.exports=i}])}); | ||
//# sourceMappingURL=column-resizer.js.map |
{ | ||
"name": "column-resizer", | ||
"version": "1.0.2", | ||
"version": "1.0.3", | ||
"description": "Javascript to resize table columns", | ||
@@ -5,0 +5,0 @@ "title": "ColumnResizer", |
@@ -77,3 +77,4 @@ # ColumnResizer | ||
enableResize() { | ||
const normalRemote = ReactDOM.findDOMNode(this).querySelector(`#${this.bodyId}`); | ||
const normalRemote = ReactDOM.findDOMNode(this) | ||
.querySelector(`#${this.bodyId}`); | ||
const options = this.props.resizerOptions; | ||
@@ -83,3 +84,4 @@ options.remoteTable = normalRemote; | ||
this.resizer = new ColumnResizer( | ||
ReactDOM.findDOMNode(this).querySelector(`#${this.headerId}`), options); | ||
ReactDOM.findDOMNode(this) | ||
.querySelector(`#${this.headerId}`), options); | ||
} else { | ||
@@ -92,4 +94,6 @@ this.resizer.reset(options); | ||
if (this.resizer) { | ||
// this will return the current state of the options including column widths | ||
// these widths can be saved so the table can be initialized with them | ||
// This will return the current state of the | ||
// options including column widths. | ||
// These widths can be saved so the table | ||
// can be initialized with them. | ||
this.resizer.reset({ disable: true }); | ||
@@ -96,0 +100,0 @@ } |
@@ -92,3 +92,3 @@ /** | ||
} | ||
return false; //prevent text selection | ||
e.preventDefault(); //prevent text selection | ||
}; | ||
@@ -95,0 +95,0 @@ |
Sorry, the diff of this file is not supported yet
License Policy Violation
LicenseThis package is not allowed per your license policy. Review the package's license to ensure compliance.
Found 1 instance in 1 package
License Policy Violation
LicenseThis package is not allowed per your license policy. Review the package's license to ensure compliance.
Found 1 instance in 1 package
200
146762
18