@kizmann/pico-js 1.0.7 → 1.0.9

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@kizmann/pico-js",
-    "version": "1.0.7",
+    "version": "1.0.9",
     "license": "MIT",
     "type": "module",
     "private": false,

package/src/utility/dom.js

@@ -133,6 +133,27 @@ export class Dom
         return this.get(0) && this.get(0).is(':visible');
     }
 
+    inviewHeight()
+    {
+        let viewport = {
+            width: Dom.find(window).width(),
+            height: Dom.find(window).height(),
+        };
+
+        let element = {
+            width: this.width(),
+            height: this.height(),
+        };
+
+        let scroll = this.scroll(),
+            offset = this.offset();
+
+        let bottom = offset.top + element.height;
+
+        return Math.max(0, Math.min(bottom, viewport.height + scroll.top) -
+            Math.max(offset.top, scroll.top))
+    }
+
     inviewX(ratio = 0)
     {
         let viewport = {
@@ -181,6 +202,35 @@ export class Dom
         return top <= scroll.top && scroll.top <= bottom;
     }
 
+    static inviewMaxY(selector, callback = null, context = null)
+    {
+        let [items, attr] = [
+            [], selector.replace(/^\[([^="]+)]$/, '$1')
+        ];
+
+        let parent = Dom.find(selector);
+
+        if ( ! Any.isNull(context) ) {
+            parent = Dom.find(context);
+        }
+
+        parent.each((el) => {
+            items.push({ el, height: Dom.find(el).inviewHeight() });
+        });
+
+        let heights = Arr.extract(items, 'height');
+
+        let el = Arr.find(items, (item) => {
+            return item.height === Math.max(...heights);
+        });
+
+        if ( ! Any.isEmpty(el) && Any.isFunction(callback) ) {
+            callback.call({}, el.el, el.el.getAttribute(attr));
+        }
+
+        return el.el;
+    }
+
     is(selector)
     {
         return this.matches(selector);