matchheight 0.1.2 → 1.0.0

package/dist/match-height.d.ts

@@ -0,0 +1,9 @@
+declare class MatchHeight {
+    private _selector;
+    private _remains;
+    disconnect: () => void;
+    constructor(selector?: string);
+    update(): void;
+    private _process;
+}
+export default MatchHeight;

package/dist/match-height.js

@@ -0,0 +1,94 @@
+/*!
+ * @author yomotsu
+ * MatchHeight
+ * https://github.com/yomotsu/MatchHeight
+ * Released under the MIT License.
+ */
+(function (global, factory) {
+	typeof exports === 'object' && typeof module !== 'undefined' ? module.exports = factory() :
+	typeof define === 'function' && define.amd ? define(factory) :
+	(global = typeof globalThis !== 'undefined' ? globalThis : global || self, global.MatchHeight = factory());
+})(this, (function () { 'use strict';
+
+	function throttle(fn, threshold) {
+	    let last, deferTimer;
+	    return function () {
+	        const now = Date.now();
+	        if (last && now < last + threshold) {
+	            clearTimeout(deferTimer);
+	            deferTimer = setTimeout(function () {
+	                last = now;
+	                fn();
+	            }, threshold);
+	        }
+	        else {
+	            last = now;
+	            fn();
+	        }
+	    };
+	}
+
+	const errorThreshold = 1;
+	class MatchHeight {
+	    constructor(selector = '[data-mh]') {
+	        this._remains = [];
+	        this._selector = selector;
+	        const update = this.update.bind(this);
+	        const throttledUpdate = throttle(update, 200);
+	        if (document.readyState === 'loading') {
+	            document.addEventListener('DOMContentLoaded', update, { once: true });
+	        }
+	        if (document.readyState === 'interactive') {
+	            document.addEventListener('load', update, { once: true });
+	        }
+	        else {
+	            update();
+	        }
+	        window.addEventListener('resize', throttledUpdate);
+	        this.disconnect = () => {
+	            window.removeEventListener('resize', throttledUpdate);
+	        };
+	    }
+	    update() {
+	        const elements = document.querySelectorAll(this._selector);
+	        if (elements.length === 0)
+	            return;
+	        this._remains = Array.prototype.map.call(elements, (el) => {
+	            return {
+	                el,
+	                top: 0,
+	                height: 0,
+	            };
+	        });
+	        this._remains.forEach((item) => {
+	            item.el.style.minHeight = '';
+	        });
+	        this._process();
+	    }
+	    _process() {
+	        this._remains.forEach((item) => {
+	            const bb = item.el.getBoundingClientRect();
+	            item.top = bb.top;
+	            item.height = bb.height;
+	        });
+	        this._remains.sort((a, b) => a.top - b.top);
+	        const processingTop = this._remains[0].top;
+	        const processingTargets = this._remains.filter(item => Math.abs(item.top - processingTop) <= errorThreshold);
+	        const maxHeightInRow = Math.max(...processingTargets.map((item) => item.height));
+	        processingTargets.forEach((item) => {
+	            const error = processingTop - item.top + errorThreshold;
+	            const paddingAndBorder = parseFloat(window.getComputedStyle(item.el).getPropertyValue('padding-top')) +
+	                parseFloat(window.getComputedStyle(item.el).getPropertyValue('padding-bottom')) +
+	                parseFloat(window.getComputedStyle(item.el).getPropertyValue('border-top-width')) +
+	                parseFloat(window.getComputedStyle(item.el).getPropertyValue('border-bottom-width'));
+	            item.el.style.minHeight = `${maxHeightInRow - paddingAndBorder + error}px`;
+	        });
+	        this._remains.splice(0, processingTargets.length);
+	        if (0 < this._remains.length)
+	            this._process();
+	    }
+	}
+
+	return MatchHeight;
+
+}));

package/dist/match-height.module.js

@@ -0,0 +1,86 @@
+/*!
+ * @author yomotsu
+ * MatchHeight
+ * https://github.com/yomotsu/MatchHeight
+ * Released under the MIT License.
+ */
+function throttle(fn, threshold) {
+    let last, deferTimer;
+    return function () {
+        const now = Date.now();
+        if (last && now < last + threshold) {
+            clearTimeout(deferTimer);
+            deferTimer = setTimeout(function () {
+                last = now;
+                fn();
+            }, threshold);
+        }
+        else {
+            last = now;
+            fn();
+        }
+    };
+}
+
+const errorThreshold = 1;
+class MatchHeight {
+    constructor(selector = '[data-mh]') {
+        this._remains = [];
+        this._selector = selector;
+        const update = this.update.bind(this);
+        const throttledUpdate = throttle(update, 200);
+        if (document.readyState === 'loading') {
+            document.addEventListener('DOMContentLoaded', update, { once: true });
+        }
+        if (document.readyState === 'interactive') {
+            document.addEventListener('load', update, { once: true });
+        }
+        else {
+            update();
+        }
+        window.addEventListener('resize', throttledUpdate);
+        this.disconnect = () => {
+            window.removeEventListener('resize', throttledUpdate);
+        };
+    }
+    update() {
+        const elements = document.querySelectorAll(this._selector);
+        if (elements.length === 0)
+            return;
+        this._remains = Array.prototype.map.call(elements, (el) => {
+            return {
+                el,
+                top: 0,
+                height: 0,
+            };
+        });
+        this._remains.forEach((item) => {
+            item.el.style.minHeight = '';
+        });
+        this._process();
+    }
+    _process() {
+        this._remains.forEach((item) => {
+            const bb = item.el.getBoundingClientRect();
+            item.top = bb.top;
+            item.height = bb.height;
+        });
+        this._remains.sort((a, b) => a.top - b.top);
+        const processingTop = this._remains[0].top;
+        const processingTargets = this._remains.filter(item => Math.abs(item.top - processingTop) <= errorThreshold);
+        const maxHeightInRow = Math.max(...processingTargets.map((item) => item.height));
+        processingTargets.forEach((item) => {
+            const error = processingTop - item.top + errorThreshold;
+            const paddingAndBorder = parseFloat(window.getComputedStyle(item.el).getPropertyValue('padding-top')) +
+                parseFloat(window.getComputedStyle(item.el).getPropertyValue('padding-bottom')) +
+                parseFloat(window.getComputedStyle(item.el).getPropertyValue('border-top-width')) +
+                parseFloat(window.getComputedStyle(item.el).getPropertyValue('border-bottom-width'));
+            item.el.style.minHeight = `${maxHeightInRow - paddingAndBorder + error}px`;
+        });
+        this._remains.splice(0, processingTargets.length);
+        if (0 < this._remains.length)
+            this._process();
+    }
+}
+
+export { MatchHeight as default };

package/dist/throttle.d.ts

@@ -0,0 +1,2 @@
+declare function throttle(fn: () => void, threshold: number): () => void;
+export default throttle;

package/package.json

@@ -1,23 +1,23 @@
 {
   "name": "matchheight",
-  "version": "0.1.2",
+  "version": "1.0.0",
   "author": "Yomotsu",
   "license": "MIT",
-  "main": "dist/MatchHeight.js",
-  "repository": "yomotsu/MatchHeight",
-  "jsnext:main": "dist/MatchHeight.module.js",
-  "module": "dist/MatchHeight.module.js",
+  "repository": "yomotsu/matchheight",
+  "main": "dist/match-height.js",
+  "jsnext:main": "dist/match-height.module.js",
+  "module": "dist/match-height.module.js",
+  "types": "dist/match-height.d.ts",
   "devDependencies": {
-    "babel-preset-env": "1.2.2",
-    "rollup": "^0.41.4",
-    "rollup-plugin-babel": "2.7.1",
-    "rollup-watch": "^3.2.2",
-    "uglify-js": "^2.6.0"
+    "@rollup/plugin-typescript": "^11.1.2",
+    "rollup": "^3.28.0",
+    "terser": "^5.19.2",
+    "tslib": "^2.6.1",
+    "typescript": "^5.1.6"
   },
   "scripts": {
     "dev": "rollup --config --watch",
-    "build": "rollup --config",
-    "release": "rollup --config && uglifyjs dist/MatchHeight.js -cm --preamble \"/*!\n * @author yomotsu\n * MatchHeight\n * https://github.com/yomotsu/MatchHeight\n * Released under the MIT License.\n */\" > dist/MatchHeight.min.js"
+    "build": "rollup --config && terser dist/MatchHeight.js -o dist/MatchHeight.min.js --comments '/^!/'"
   },
   "keywords": [
     "matchHeight",

package/readme.md

@@ -13,9 +13,10 @@ No dependencies, Light weight, Makes elements equal height.
 
 ### Standalone
 
-Copy MatchHeight.js from `/dist/MatchHeight.js` and place it in your project.
+Copy MatchHeight.js from `/dist/MatchHeight.js` and place it in your project, then call `new MatchHeight()`.
 ```html
-<script src="./js/MatchHeight.js"></script>
+<script src="./js/match-height.js"></script>
+<script>new MatchHeight();</script>
 ```
 
 ### NPM
@@ -26,6 +27,7 @@ $ npm install --save matchheight
 then
 ```javascript
 import MatchHeight from 'matchheight';
+MatchHeight();
 ```
 
 for more info, see [the demo](https://yomotsu.github.io/MatchHeight/examples/).

package/rollup.config.mjs

@@ -0,0 +1,32 @@
+import pkg from './package.json' assert { type: "json" };
+import typescript from 'typescript';
+import rollupTypescript from '@rollup/plugin-typescript';
+
+const license = `/*!
+ * @author yomotsu
+ * MatchHeight
+ * https://github.com/yomotsu/MatchHeight
+ * Released under the MIT License.
+ */`;
+
+export default {
+	input: './src/match-height.ts',
+	output: [
+		{
+			format: 'umd',
+			name: 'MatchHeight',
+			file: pkg.main,
+			banner: license,
+			indent: '\t',
+		},
+		{
+			format: 'es',
+			file: pkg.module,
+			banner: license,
+			indent: '\t',
+		}
+	],
+	plugins: [
+		rollupTypescript( { typescript } ),
+	],
+};

package/src/match-height.ts

@@ -0,0 +1,111 @@
+import throttle from './throttle';
+
+type Item = {
+	el: HTMLElement;
+	top: number;
+	height: number;
+}
+
+const errorThreshold = 1; // in px
+
+class MatchHeight {
+
+	private _selector: string;
+	private _remains: Item[] = [];
+	disconnect: () => void;
+
+	constructor( selector: string = '[data-mh]' ) {
+
+		this._selector = selector;
+
+		const update = this.update.bind( this );
+		const throttledUpdate = throttle( update, 200 );
+
+		if ( document.readyState === 'loading' ) {
+
+			document.addEventListener( 'DOMContentLoaded', update, { once: true } );
+
+		} if ( document.readyState === 'interactive' ) {
+
+			document.addEventListener( 'load', update, { once: true } );
+
+		} else {
+
+			update();
+
+		}
+
+		window.addEventListener( 'resize', throttledUpdate );
+
+		this.disconnect = () => {
+
+			window.removeEventListener( 'resize', throttledUpdate );
+
+		}
+
+	}
+
+	update() {
+
+		const elements = document.querySelectorAll( this._selector );
+
+		if ( elements.length === 0 ) return;
+
+		this._remains = Array.prototype.map.call( elements, ( el: HTMLElement ): Item => {
+
+			return {
+				el,
+				top: 0,
+				height: 0,
+			};
+
+		} ) as Item[];
+		// remove all height before
+		this._remains.forEach( ( item ) => {
+
+			item.el.style.minHeight = '';
+
+		} );
+
+		this._process();
+
+	}
+
+	private _process() {
+
+		this._remains.forEach( ( item ) => {
+
+			const bb = item.el.getBoundingClientRect();
+
+			item.top    = bb.top;
+			item.height = bb.height;
+
+		} );
+
+		this._remains.sort( ( a, b ) => a.top - b.top );
+
+		const processingTop = this._remains[ 0 ].top;
+		const processingTargets = this._remains.filter( item => Math.abs( item.top - processingTop ) <= errorThreshold );
+		const maxHeightInRow = Math.max( ...processingTargets.map( ( item ) => item.height ) );
+
+		processingTargets.forEach( ( item ) => {
+
+			const error = processingTop - item.top + errorThreshold;
+			const paddingAndBorder =
+				parseFloat( window.getComputedStyle( item.el ).getPropertyValue( 'padding-top' ) ) +
+				parseFloat( window.getComputedStyle( item.el ).getPropertyValue( 'padding-bottom' ) ) +
+				parseFloat( window.getComputedStyle( item.el ).getPropertyValue( 'border-top-width' ) ) +
+				parseFloat( window.getComputedStyle( item.el ).getPropertyValue( 'border-bottom-width' ) );
+			item.el.style.minHeight = `${ maxHeightInRow - paddingAndBorder + error }px`;
+
+		} );
+
+		this._remains.splice( 0, processingTargets.length );
+
+		if ( 0 < this._remains.length ) this._process();
+
+	}
+
+}
+
+export default MatchHeight;

package/src/{throttle.js → throttle.ts}

@@ -1,12 +1,12 @@
-function throttle( fn, threshhold ) {
+function throttle( fn: () => void, threshold: number ) {
 
-	let last, deferTimer;
+	let last: number, deferTimer: number;
 
 	return function () {
 
 		const now = Date.now();
 
-		if ( last && now < last + threshhold ) {
+		if ( last && now < last + threshold ) {
 
 			clearTimeout( deferTimer );
 			deferTimer = setTimeout( function () {
@@ -14,7 +14,7 @@ function throttle( fn, threshhold ) {
 				last = now;
 				fn();
 
-			}, threshhold );
+			}, threshold );
 
 		} else {
 

package/tsconfig.json

@@ -0,0 +1,21 @@
+{
+  "compilerOptions": {
+    "baseUrl": "src",
+    "outDir": "./dist",
+    "declaration": true,
+    "target": "es2017",
+    "strict": true,
+    "removeComments": true,
+    "experimentalDecorators": true,
+    "noImplicitAny": true,
+    "noImplicitThis": true,
+    "noImplicitReturns": true,
+    "noUnusedLocals": true,
+    "noUnusedParameters": true,
+    "strictNullChecks": true,
+    "strictFunctionTypes": true,
+    "noFallthroughCasesInSwitch": true
+  },
+  "include": ["src/**/*"],
+  "exclude": ["node_modules"]
+}

package/dist/MatchHeight.js

@@ -1,124 +0,0 @@
-/*!
- * @author yomotsu
- * MatchHeight
- * https://github.com/yomotsu/MatchHeight
- * Released under the MIT License.
- */
-(function (global, factory) {
-	typeof exports === 'object' && typeof module !== 'undefined' ? module.exports = factory() :
-	typeof define === 'function' && define.amd ? define(factory) :
-	(global.MatchHeight = factory());
-}(this, (function () { 'use strict';
-
-	function throttle(fn, threshhold) {
-
-		var last = void 0,
-		    deferTimer = void 0;
-
-		return function () {
-
-			var now = Date.now();
-
-			if (last && now < last + threshhold) {
-
-				clearTimeout(deferTimer);
-				deferTimer = setTimeout(function () {
-
-					last = now;
-					fn();
-				}, threshhold);
-			} else {
-
-				last = now;
-				fn();
-			}
-		};
-	}
-
-	var errorThreshold = 1; // in px
-	var initialized = false;
-	var elements = void 0;
-	var remains = void 0;
-
-	var MatchHeight$1 = {
-		init: function init() {
-
-			initialized = true;
-			elements = document.querySelectorAll('[data-mh]');
-			MatchHeight$1.update();
-		},
-		update: function update() {
-
-			if (!initialized) {
-
-				MatchHeight$1.init();
-				return;
-			}
-
-			if (elements.length === 0) return;
-
-			remains = Array.prototype.map.call(elements, function (el) {
-
-				return { el: el };
-			});
-			// remove all height before
-			remains.forEach(function (item) {
-
-				item.el.style.minHeight = '';
-			});
-			process();
-		}
-	};
-
-	function process() {
-
-		remains.forEach(function (item) {
-
-			var bb = item.el.getBoundingClientRect();
-
-			item.top = bb.top;
-			item.height = bb.height;
-		});
-
-		remains.sort(function (a, b) {
-			return a.top - b.top;
-		});
-
-		var processingTop = remains[0].top;
-		var processingTargets = remains.filter(function (item) {
-			return Math.abs(item.top - processingTop) <= errorThreshold;
-		});
-		var maxHeightInRow = Math.max.apply(Math, processingTargets.map(function (item) {
-			return item.height;
-		}));
-
-		processingTargets.forEach(function (item) {
-
-			var error = processingTop - item.top + errorThreshold;
-			var paddingAndBorder = parseFloat(window.getComputedStyle(item.el).getPropertyValue('padding-top'), 10) + parseFloat(window.getComputedStyle(item.el).getPropertyValue('padding-bottom'), 10) + parseFloat(window.getComputedStyle(item.el).getPropertyValue('border-top-width'), 10) + parseFloat(window.getComputedStyle(item.el).getPropertyValue('border-bottom-width'), 10);
-			item.el.style.minHeight = maxHeightInRow - paddingAndBorder + error + 'px';
-		});
-
-		remains.splice(0, processingTargets.length);
-
-		if (0 < remains.length) process();
-	}
-
-	var throttledUpdate = throttle(MatchHeight$1.update, 200);
-
-	window.addEventListener('DOMContentLoaded', function onDomReady() {
-
-		MatchHeight$1.init();
-		window.removeEventListener('DOMContentLoaded', onDomReady);
-	});
-	window.addEventListener('load', function onLoad() {
-
-		MatchHeight$1.update();
-		window.removeEventListener('load', onLoad);
-	});
-
-	window.addEventListener('resize', throttledUpdate);
-
-	return MatchHeight$1;
-
-})));

package/dist/MatchHeight.min.js

@@ -1,7 +0,0 @@
-/*!
- * @author yomotsu
- * MatchHeight
- * https://github.com/yomotsu/MatchHeight
- * Released under the MIT License.
- */
-!function(t,e){"object"==typeof exports&&"undefined"!=typeof module?module.exports=e():"function"==typeof define&&define.amd?define(e):t.MatchHeight=e()}(this,function(){"use strict";function t(){i.forEach(function(t){var e=t.el.getBoundingClientRect();t.top=e.top,t.height=e.height}),i.sort(function(t,e){return t.top-e.top});var o=i[0].top,n=i.filter(function(t){return Math.abs(t.top-o)<=e}),r=Math.max.apply(Math,n.map(function(t){return t.height}));n.forEach(function(t){var n=o-t.top+e,i=parseFloat(window.getComputedStyle(t.el).getPropertyValue("padding-top"),10)+parseFloat(window.getComputedStyle(t.el).getPropertyValue("padding-bottom"),10)+parseFloat(window.getComputedStyle(t.el).getPropertyValue("border-top-width"),10)+parseFloat(window.getComputedStyle(t.el).getPropertyValue("border-bottom-width"),10);t.el.style.minHeight=r-i+n+"px"}),i.splice(0,n.length),0<i.length&&t()}var e=1,o=!1,n=void 0,i=void 0,r={init:function(){o=!0,n=document.querySelectorAll("[data-mh]"),r.update()},update:function(){if(!o)return void r.init();0!==n.length&&(i=Array.prototype.map.call(n,function(t){return{el:t}}),i.forEach(function(t){t.el.style.minHeight=""}),t())}},d=function(t,e){var o=void 0,n=void 0;return function(){var i=Date.now();o&&i<o+e?(clearTimeout(n),n=setTimeout(function(){o=i,t()},e)):(o=i,t())}}(r.update,200);return window.addEventListener("DOMContentLoaded",function t(){r.init(),window.removeEventListener("DOMContentLoaded",t)}),window.addEventListener("load",function t(){r.update(),window.removeEventListener("load",t)}),window.addEventListener("resize",d),r});

package/dist/MatchHeight.module.js

@@ -1,116 +0,0 @@
-/*!
- * @author yomotsu
- * MatchHeight
- * https://github.com/yomotsu/MatchHeight
- * Released under the MIT License.
- */
-function throttle(fn, threshhold) {
-
-	var last = void 0,
-	    deferTimer = void 0;
-
-	return function () {
-
-		var now = Date.now();
-
-		if (last && now < last + threshhold) {
-
-			clearTimeout(deferTimer);
-			deferTimer = setTimeout(function () {
-
-				last = now;
-				fn();
-			}, threshhold);
-		} else {
-
-			last = now;
-			fn();
-		}
-	};
-}
-
-var errorThreshold = 1; // in px
-var initialized = false;
-var elements = void 0;
-var remains = void 0;
-
-var MatchHeight$1 = {
-	init: function init() {
-
-		initialized = true;
-		elements = document.querySelectorAll('[data-mh]');
-		MatchHeight$1.update();
-	},
-	update: function update() {
-
-		if (!initialized) {
-
-			MatchHeight$1.init();
-			return;
-		}
-
-		if (elements.length === 0) return;
-
-		remains = Array.prototype.map.call(elements, function (el) {
-
-			return { el: el };
-		});
-		// remove all height before
-		remains.forEach(function (item) {
-
-			item.el.style.minHeight = '';
-		});
-		process();
-	}
-};
-
-function process() {
-
-	remains.forEach(function (item) {
-
-		var bb = item.el.getBoundingClientRect();
-
-		item.top = bb.top;
-		item.height = bb.height;
-	});
-
-	remains.sort(function (a, b) {
-		return a.top - b.top;
-	});
-
-	var processingTop = remains[0].top;
-	var processingTargets = remains.filter(function (item) {
-		return Math.abs(item.top - processingTop) <= errorThreshold;
-	});
-	var maxHeightInRow = Math.max.apply(Math, processingTargets.map(function (item) {
-		return item.height;
-	}));
-
-	processingTargets.forEach(function (item) {
-
-		var error = processingTop - item.top + errorThreshold;
-		var paddingAndBorder = parseFloat(window.getComputedStyle(item.el).getPropertyValue('padding-top'), 10) + parseFloat(window.getComputedStyle(item.el).getPropertyValue('padding-bottom'), 10) + parseFloat(window.getComputedStyle(item.el).getPropertyValue('border-top-width'), 10) + parseFloat(window.getComputedStyle(item.el).getPropertyValue('border-bottom-width'), 10);
-		item.el.style.minHeight = maxHeightInRow - paddingAndBorder + error + 'px';
-	});
-
-	remains.splice(0, processingTargets.length);
-
-	if (0 < remains.length) process();
-}
-
-var throttledUpdate = throttle(MatchHeight$1.update, 200);
-
-window.addEventListener('DOMContentLoaded', function onDomReady() {
-
-	MatchHeight$1.init();
-	window.removeEventListener('DOMContentLoaded', onDomReady);
-});
-window.addEventListener('load', function onLoad() {
-
-	MatchHeight$1.update();
-	window.removeEventListener('load', onLoad);
-});
-
-window.addEventListener('resize', throttledUpdate);
-
-export default MatchHeight$1;

package/rollup.config.js

@@ -1,44 +0,0 @@
-import babel from 'rollup-plugin-babel'
-
-const license = `/*!
- * @author yomotsu
- * MatchHeight
- * https://github.com/yomotsu/MatchHeight
- * Released under the MIT License.
- */`
-
-export default {
-	entry: './src/main.js',
-	indent: '\t',
-	sourceMap: false,
-	plugins: [
-		babel( {
-			exclude: 'node_modules/**',
-			presets: [
-				[ 'env', {
-					targets: {
-						browsers: [
-							'last 2 versions',
-							'ie >= 9'
-						]
-					},
-					loose: true,
-					modules: false
-				} ]
-			]
-		} )
-	],
-	targets: [
-		{
-			format: 'umd',
-			moduleName: 'MatchHeight',
-			dest: 'dist/MatchHeight.js',
-			banner: license
-		},
-		{
-			format: 'es',
-			dest: 'dist/MatchHeight.module.js',
-			banner: license
-		}
-	]
-};

package/src/MatchHeight.js

@@ -1,79 +0,0 @@
-const errorThreshold = 1; // in px
-let initialized = false;
-let elements;
-let remains;
-
-const MatchHeight = {
-
-	init() {
-
-		initialized = true;
-		elements = document.querySelectorAll( '[data-mh]' );
-		MatchHeight.update();
-
-	},
-
-	update() {
-
-		if ( ! initialized ) {
-
-			MatchHeight.init();
-			return;
-
-		}
-
-		if ( elements.length === 0 ) return;
-
-		remains = Array.prototype.map.call( elements, ( el ) => {
-
-			return { el: el };
-
-		} );
-		// remove all height before
-		remains.forEach( ( item ) => {
-
-			item.el.style.minHeight = '';
-
-		} );
-		process();
-
-	}
-
-};
-
-function process() {
-
-	remains.forEach( ( item ) => {
-
-		const bb = item.el.getBoundingClientRect();
-
-		item.top    = bb.top;
-		item.height = bb.height;
-
-	} );
-
-	remains.sort( ( a, b ) => a.top - b.top );
-
-	const processingTop = remains[ 0 ].top;
-	const processingTargets = remains.filter( item => Math.abs( item.top - processingTop ) <= errorThreshold );
-	const maxHeightInRow = Math.max( ...processingTargets.map( ( item ) => item.height ) );
-
-	processingTargets.forEach( ( item ) => {
-
-		const error = processingTop - item.top + errorThreshold;
-		const paddingAndBorder =
-			parseFloat( window.getComputedStyle( item.el ).getPropertyValue( 'padding-top' ),         10 ) +
-			parseFloat( window.getComputedStyle( item.el ).getPropertyValue( 'padding-bottom' ),      10 ) +
-			parseFloat( window.getComputedStyle( item.el ).getPropertyValue( 'border-top-width' ),    10 ) +
-			parseFloat( window.getComputedStyle( item.el ).getPropertyValue( 'border-bottom-width' ), 10 );
-		item.el.style.minHeight = `${ maxHeightInRow - paddingAndBorder + error }px`;
-
-	} );
-
-	remains.splice( 0, processingTargets.length );
-
-	if ( 0 < remains.length ) process();
-
-}
-
-export default MatchHeight;

package/src/main.js

@@ -1,21 +0,0 @@
-import throttle from './throttle.js';
-import MatchHeight from './MatchHeight.js';
-
-const throttledUpdate = throttle( MatchHeight.update, 200 );
-
-window.addEventListener( 'DOMContentLoaded', function onDomReady() {
-
-	MatchHeight.init();
-	window.removeEventListener( 'DOMContentLoaded', onDomReady );
-
-} );
-window.addEventListener( 'load', function onLoad() {
-
-	MatchHeight.update();
-	window.removeEventListener( 'load', onLoad );
-
-} );
-
-window.addEventListener( 'resize', throttledUpdate );
-
-export default MatchHeight;