@revivejs/resize-observer 4.0.0

package/lib/ResizeObserverSize.d.ts

@@ -0,0 +1,6 @@
+declare class ResizeObserverSize {
+    readonly inlineSize: number;
+    readonly blockSize: number;
+    constructor(inlineSize: number, blockSize: number);
+}
+export { ResizeObserverSize };

package/lib/ResizeObserverSize.js

@@ -0,0 +1,10 @@
+import { freeze } from './utils/freeze';
+var ResizeObserverSize = (function () {
+    function ResizeObserverSize(inlineSize, blockSize) {
+        this.inlineSize = inlineSize;
+        this.blockSize = blockSize;
+        freeze(this);
+    }
+    return ResizeObserverSize;
+}());
+export { ResizeObserverSize };

package/lib/algorithms/broadcastActiveObservations.d.ts

@@ -0,0 +1,2 @@
+declare const broadcastActiveObservations: () => number;
+export { broadcastActiveObservations };

package/lib/algorithms/broadcastActiveObservations.js

@@ -0,0 +1,33 @@
+import { resizeObservers } from '../utils/resizeObservers';
+import { ResizeObserverEntry } from '../ResizeObserverEntry';
+import { calculateDepthForNode } from './calculateDepthForNode';
+import { calculateBoxSize } from './calculateBoxSize';
+var broadcastActiveObservations = function () {
+    var shallowestDepth = Infinity;
+    var callbacks = [];
+    resizeObservers.forEach(function processObserver(ro) {
+        if (ro.activeTargets.length === 0) {
+            return;
+        }
+        var entries = [];
+        ro.activeTargets.forEach(function processTarget(ot) {
+            var entry = new ResizeObserverEntry(ot.target);
+            var targetDepth = calculateDepthForNode(ot.target);
+            entries.push(entry);
+            ot.lastReportedSize = calculateBoxSize(ot.target, ot.observedBox);
+            if (targetDepth < shallowestDepth) {
+                shallowestDepth = targetDepth;
+            }
+        });
+        callbacks.push(function resizeObserverCallback() {
+            ro.callback.call(ro.observer, entries, ro.observer);
+        });
+        ro.activeTargets.splice(0, ro.activeTargets.length);
+    });
+    for (var _i = 0, callbacks_1 = callbacks; _i < callbacks_1.length; _i++) {
+        var callback = callbacks_1[_i];
+        callback();
+    }
+    return shallowestDepth;
+};
+export { broadcastActiveObservations };

package/lib/algorithms/calculateBoxSize.d.ts

@@ -0,0 +1,12 @@
+import { ResizeObserverBoxOptions } from '../ResizeObserverBoxOptions';
+import { ResizeObserverSize } from '../ResizeObserverSize';
+import { DOMRectReadOnly } from '../DOMRectReadOnly';
+interface ResizeObserverSizeCollection {
+    devicePixelContentBoxSize: ResizeObserverSize;
+    borderBoxSize: ResizeObserverSize;
+    contentBoxSize: ResizeObserverSize;
+    contentRect: DOMRectReadOnly;
+}
+declare const calculateBoxSizes: (target: Element, forceRecalculation?: boolean) => ResizeObserverSizeCollection;
+declare const calculateBoxSize: (target: Element, observedBox: ResizeObserverBoxOptions, forceRecalculation?: boolean) => ResizeObserverSize;
+export { calculateBoxSize, calculateBoxSizes };

package/lib/algorithms/calculateBoxSize.js

@@ -0,0 +1,79 @@
+import { ResizeObserverBoxOptions } from '../ResizeObserverBoxOptions';
+import { ResizeObserverSize } from '../ResizeObserverSize';
+import { DOMRectReadOnly } from '../DOMRectReadOnly';
+import { isSVG, isHidden } from '../utils/element';
+import { freeze } from '../utils/freeze';
+import { global } from '../utils/global';
+var cache = new WeakMap();
+var scrollRegexp = /auto|scroll/;
+var verticalRegexp = /^tb|vertical/;
+var IE = (/msie|trident/i).test(global.navigator && global.navigator.userAgent);
+var parseDimension = function (pixel) { return parseFloat(pixel || '0'); };
+var size = function (inlineSize, blockSize, switchSizes) {
+    if (inlineSize === void 0) { inlineSize = 0; }
+    if (blockSize === void 0) { blockSize = 0; }
+    if (switchSizes === void 0) { switchSizes = false; }
+    return new ResizeObserverSize((switchSizes ? blockSize : inlineSize) || 0, (switchSizes ? inlineSize : blockSize) || 0);
+};
+var zeroBoxes = freeze({
+    devicePixelContentBoxSize: size(),
+    borderBoxSize: size(),
+    contentBoxSize: size(),
+    contentRect: new DOMRectReadOnly(0, 0, 0, 0)
+});
+var calculateBoxSizes = function (target, forceRecalculation) {
+    if (forceRecalculation === void 0) { forceRecalculation = false; }
+    if (cache.has(target) && !forceRecalculation) {
+        return cache.get(target);
+    }
+    if (isHidden(target)) {
+        cache.set(target, zeroBoxes);
+        return zeroBoxes;
+    }
+    var cs = getComputedStyle(target);
+    var svg = isSVG(target) && target.ownerSVGElement && target.getBBox();
+    var removePadding = !IE && cs.boxSizing === 'border-box';
+    var switchSizes = verticalRegexp.test(cs.writingMode || '');
+    var canScrollVertically = !svg && scrollRegexp.test(cs.overflowY || '');
+    var canScrollHorizontally = !svg && scrollRegexp.test(cs.overflowX || '');
+    var paddingTop = svg ? 0 : parseDimension(cs.paddingTop);
+    var paddingRight = svg ? 0 : parseDimension(cs.paddingRight);
+    var paddingBottom = svg ? 0 : parseDimension(cs.paddingBottom);
+    var paddingLeft = svg ? 0 : parseDimension(cs.paddingLeft);
+    var borderTop = svg ? 0 : parseDimension(cs.borderTopWidth);
+    var borderRight = svg ? 0 : parseDimension(cs.borderRightWidth);
+    var borderBottom = svg ? 0 : parseDimension(cs.borderBottomWidth);
+    var borderLeft = svg ? 0 : parseDimension(cs.borderLeftWidth);
+    var horizontalPadding = paddingLeft + paddingRight;
+    var verticalPadding = paddingTop + paddingBottom;
+    var horizontalBorderArea = borderLeft + borderRight;
+    var verticalBorderArea = borderTop + borderBottom;
+    var horizontalScrollbarThickness = !canScrollHorizontally ? 0 : target.offsetHeight - verticalBorderArea - target.clientHeight;
+    var verticalScrollbarThickness = !canScrollVertically ? 0 : target.offsetWidth - horizontalBorderArea - target.clientWidth;
+    var widthReduction = removePadding ? horizontalPadding + horizontalBorderArea : 0;
+    var heightReduction = removePadding ? verticalPadding + verticalBorderArea : 0;
+    var contentWidth = svg ? svg.width : parseDimension(cs.width) - widthReduction - verticalScrollbarThickness;
+    var contentHeight = svg ? svg.height : parseDimension(cs.height) - heightReduction - horizontalScrollbarThickness;
+    var borderBoxWidth = contentWidth + horizontalPadding + verticalScrollbarThickness + horizontalBorderArea;
+    var borderBoxHeight = contentHeight + verticalPadding + horizontalScrollbarThickness + verticalBorderArea;
+    var boxes = freeze({
+        devicePixelContentBoxSize: size(Math.round(contentWidth * devicePixelRatio), Math.round(contentHeight * devicePixelRatio), switchSizes),
+        borderBoxSize: size(borderBoxWidth, borderBoxHeight, switchSizes),
+        contentBoxSize: size(contentWidth, contentHeight, switchSizes),
+        contentRect: new DOMRectReadOnly(paddingLeft, paddingTop, contentWidth, contentHeight)
+    });
+    cache.set(target, boxes);
+    return boxes;
+};
+var calculateBoxSize = function (target, observedBox, forceRecalculation) {
+    var _a = calculateBoxSizes(target, forceRecalculation), borderBoxSize = _a.borderBoxSize, contentBoxSize = _a.contentBoxSize, devicePixelContentBoxSize = _a.devicePixelContentBoxSize;
+    switch (observedBox) {
+        case ResizeObserverBoxOptions.DEVICE_PIXEL_CONTENT_BOX:
+            return devicePixelContentBoxSize;
+        case ResizeObserverBoxOptions.BORDER_BOX:
+            return borderBoxSize;
+        default:
+            return contentBoxSize;
+    }
+};
+export { calculateBoxSize, calculateBoxSizes };

package/lib/algorithms/calculateDepthForNode.d.ts

@@ -0,0 +1,2 @@
+declare const calculateDepthForNode: (node: Element) => number;
+export { calculateDepthForNode };

package/lib/algorithms/calculateDepthForNode.js

@@ -0,0 +1,14 @@
+import { isHidden } from '../utils/element';
+var calculateDepthForNode = function (node) {
+    if (isHidden(node)) {
+        return Infinity;
+    }
+    var depth = 0;
+    var parent = node.parentNode;
+    while (parent) {
+        depth += 1;
+        parent = parent.parentNode;
+    }
+    return depth;
+};
+export { calculateDepthForNode };

package/lib/algorithms/deliverResizeLoopError.d.ts

@@ -0,0 +1,2 @@
+declare const deliverResizeLoopError: () => void;
+export { deliverResizeLoopError };

package/lib/algorithms/deliverResizeLoopError.js

@@ -0,0 +1,16 @@
+var msg = 'ResizeObserver loop completed with undelivered notifications.';
+var deliverResizeLoopError = function () {
+    var event;
+    if (typeof ErrorEvent === 'function') {
+        event = new ErrorEvent('error', {
+            message: msg
+        });
+    }
+    else {
+        event = document.createEvent('Event');
+        event.initEvent('error', false, false);
+        event.message = msg;
+    }
+    window.dispatchEvent(event);
+};
+export { deliverResizeLoopError };

package/lib/algorithms/gatherActiveObservationsAtDepth.d.ts

@@ -0,0 +1,2 @@
+declare const gatherActiveObservationsAtDepth: (depth: number) => void;
+export { gatherActiveObservationsAtDepth };

package/lib/algorithms/gatherActiveObservationsAtDepth.js

@@ -0,0 +1,19 @@
+import { resizeObservers } from '../utils/resizeObservers';
+import { calculateDepthForNode } from './calculateDepthForNode';
+var gatherActiveObservationsAtDepth = function (depth) {
+    resizeObservers.forEach(function processObserver(ro) {
+        ro.activeTargets.splice(0, ro.activeTargets.length);
+        ro.skippedTargets.splice(0, ro.skippedTargets.length);
+        ro.observationTargets.forEach(function processTarget(ot) {
+            if (ot.isActive()) {
+                if (calculateDepthForNode(ot.target) > depth) {
+                    ro.activeTargets.push(ot);
+                }
+                else {
+                    ro.skippedTargets.push(ot);
+                }
+            }
+        });
+    });
+};
+export { gatherActiveObservationsAtDepth };

package/lib/algorithms/hasActiveObservations.d.ts

@@ -0,0 +1,2 @@
+declare const hasActiveObservations: () => boolean;
+export { hasActiveObservations };

package/lib/algorithms/hasActiveObservations.js

@@ -0,0 +1,5 @@
+import { resizeObservers } from '../utils/resizeObservers';
+var hasActiveObservations = function () {
+    return resizeObservers.some(function (ro) { return ro.activeTargets.length > 0; });
+};
+export { hasActiveObservations };

package/lib/algorithms/hasSkippedObservations.d.ts

@@ -0,0 +1,2 @@
+declare const hasSkippedObservations: () => boolean;
+export { hasSkippedObservations };

package/lib/algorithms/hasSkippedObservations.js

@@ -0,0 +1,5 @@
+import { resizeObservers } from '../utils/resizeObservers';
+var hasSkippedObservations = function () {
+    return resizeObservers.some(function (ro) { return ro.skippedTargets.length > 0; });
+};
+export { hasSkippedObservations };

package/lib/exports/resize-observer.d.ts

@@ -0,0 +1,3 @@
+export { ResizeObserver } from '../ResizeObserver';
+export { ResizeObserverEntry } from '../ResizeObserverEntry';
+export { ResizeObserverSize } from '../ResizeObserverSize';

package/lib/exports/resize-observer.js

@@ -0,0 +1,3 @@
+export { ResizeObserver } from '../ResizeObserver';
+export { ResizeObserverEntry } from '../ResizeObserverEntry';
+export { ResizeObserverSize } from '../ResizeObserverSize';