@atlaskit/react-ufo 3.4.14 → 3.5.1

package/dist/cjs/vc/vc-observer-new/metric-calculator/percentile-calc/canvas-heatmap/index.js

@@ -4,37 +4,34 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.calculatePercentiles = calculatePercentiles;
-exports.default = calculateTTVCPercentiles;
+exports.default = exports.calculatePercentiles = void 0;
 var _regenerator = _interopRequireDefault(require("@babel/runtime/regenerator"));
 var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
 var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/asyncToGenerator"));
 var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
+var _selfMeasurements = require("../../../../../self-measurements");
 var _canvasPixel = require("./canvas-pixel");
 function _createForOfIteratorHelper(r, e) { var t = "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (!t) { if (Array.isArray(r) || (t = _unsupportedIterableToArray(r)) || e && r && "number" == typeof r.length) { t && (r = t); var _n = 0, F = function F() {}; return { s: F, n: function n() { return _n >= r.length ? { done: !0 } : { done: !1, value: r[_n++] }; }, e: function e(r) { throw r; }, f: F }; } throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); } var o, a = !0, u = !1; return { s: function s() { t = t.call(r); }, n: function n() { var r = t.next(); return a = r.done, r; }, e: function e(r) { u = !0, o = r; }, f: function f() { try { a || null == t.return || t.return(); } finally { if (u) throw o; } } }; }
 function _unsupportedIterableToArray(r, a) { if (r) { if ("string" == typeof r) return _arrayLikeToArray(r, a); var t = {}.toString.call(r).slice(8, -1); return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray(r, a) : void 0; } }
 function _arrayLikeToArray(r, a) { (null == a || a > r.length) && (a = r.length); for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e]; return n; }
-function calculateTTVCPercentiles(_x) {
-  return _calculateTTVCPercentiles.apply(this, arguments);
-}
-function _calculateTTVCPercentiles() {
-  _calculateTTVCPercentiles = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee(_ref) {
-    var viewport, orderedEntries, percentiles, startTime, canvas, elementMap, _iterator2, _step2, entry, rect, elementName, timePixelCounts, canvasDimenstions, totalPixels;
+var calculateTTVCPercentiles = (0, _selfMeasurements.withProfiling)( /*#__PURE__*/function () {
+  var _calculateTTVCPercentiles = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee(_ref) {
+    var viewport, orderedEntries, percentiles, startTime, canvas, elementMap, _iterator, _step, entry, rect, elementName, timePixelCounts, canvasDimenstions, totalPixels;
     return _regenerator.default.wrap(function _callee$(_context) {
       while (1) switch (_context.prev = _context.next) {
         case 0:
           viewport = _ref.viewport, orderedEntries = _ref.orderedEntries, percentiles = _ref.percentiles, startTime = _ref.startTime;
           canvas = new _canvasPixel.ViewportCanvas(viewport, (0, _platformFeatureFlags.fg)('platform_ufo_canvas_heatmap_full_precision') ? 1 : 0.25);
           elementMap = new Map();
-          _iterator2 = _createForOfIteratorHelper(orderedEntries);
+          _iterator = _createForOfIteratorHelper(orderedEntries);
           _context.prev = 4;
-          _iterator2.s();
+          _iterator.s();
         case 6:
-          if ((_step2 = _iterator2.n()).done) {
+          if ((_step = _iterator.n()).done) {
             _context.next = 17;
             break;
           }
-          entry = _step2.value;
+          entry = _step.value;
           if ('rect' in entry.data) {
             _context.next = 10;
             break;
@@ -57,10 +54,10 @@ function _calculateTTVCPercentiles() {
         case 19:
           _context.prev = 19;
           _context.t0 = _context["catch"](4);
-          _iterator2.e(_context.t0);
+          _iterator.e(_context.t0);
         case 22:
           _context.prev = 22;
-          _iterator2.f();
+          _iterator.f();
           return _context.finish(22);
         case 25:
           _context.next = 27;
@@ -76,9 +73,13 @@ function _calculateTTVCPercentiles() {
       }
     }, _callee, null, [[4, 19, 22, 25]]);
   }));
-  return _calculateTTVCPercentiles.apply(this, arguments);
-}
-function calculatePercentiles(timePixelCounts, elementMap, unorderedPercentiles, totalPixels, startTime) {
+  function calculateTTVCPercentiles(_x) {
+    return _calculateTTVCPercentiles.apply(this, arguments);
+  }
+  return calculateTTVCPercentiles;
+}(), ['vc']);
+var _default = exports.default = calculateTTVCPercentiles;
+var calculatePercentiles = exports.calculatePercentiles = (0, _selfMeasurements.withProfiling)(function calculatePercentiles(timePixelCounts, elementMap, unorderedPercentiles, totalPixels, startTime) {
   var results = {};
   var cumulativePixels = 0;
   var percentiles = unorderedPercentiles.sort(function (a, b) {
@@ -95,13 +96,13 @@ function calculatePercentiles(timePixelCounts, elementMap, unorderedPercentiles,
   });
   var percentileIndex = 0;
   var domElementsBuffer = new Set();
-  var _iterator = _createForOfIteratorHelper(sortedEntries),
-    _step;
+  var _iterator2 = _createForOfIteratorHelper(sortedEntries),
+    _step2;
   try {
-    for (_iterator.s(); !(_step = _iterator.n()).done;) {
-      var _step$value = (0, _slicedToArray2.default)(_step.value, 2),
-        time = _step$value[0],
-        pixelCount = _step$value[1];
+    for (_iterator2.s(); !(_step2 = _iterator2.n()).done;) {
+      var _step2$value = (0, _slicedToArray2.default)(_step2.value, 2),
+        time = _step2$value[0],
+        pixelCount = _step2$value[1];
       cumulativePixels += pixelCount;
       var percentCovered = cumulativePixels / totalPixels * 100;
       var elementNames = elementMap.get(time) || new Set();
@@ -125,9 +126,9 @@ function calculatePercentiles(timePixelCounts, elementMap, unorderedPercentiles,
       }
     }
   } catch (err) {
-    _iterator.e(err);
+    _iterator2.e(err);
   } finally {
-    _iterator.f();
+    _iterator2.f();
   }
   var previousResult = {
     t: 0,
@@ -141,4 +142,4 @@ function calculatePercentiles(timePixelCounts, elementMap, unorderedPercentiles,
     previousResult = results["".concat(percentile)];
   }
   return results;
-}
+}, ['vc']);

package/dist/cjs/vc/vc-observer-new/metric-calculator/percentile-calc/heatmap/heatmap.js

@@ -11,18 +11,19 @@ var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/de
 var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/asyncToGenerator"));
 var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
 var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
+var _selfMeasurements = require("../../../../../self-measurements");
 var _isViewportEntryData = _interopRequireDefault(require("../../utils/is-viewport-entry-data"));
 var _taskYield = _interopRequireDefault(require("../../utils/task-yield"));
 function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { (0, _defineProperty2.default)(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var MAX_HEATMAP_SIZE = 1000;
-function createEmptyHeatmapEntry() {
+var createEmptyHeatmapEntry = (0, _selfMeasurements.withProfiling)(function createEmptyHeatmapEntry() {
   return {
     head: null,
     previousEntries: []
   };
-}
-function createEmptyMap(heatmapWidth, heatmapHeight) {
+}, ['vc']);
+var createEmptyMap = (0, _selfMeasurements.withProfiling)(function createEmptyMap(heatmapWidth, heatmapHeight) {
   return Array.from({
     length: heatmapHeight
   }).map(function () {
@@ -30,15 +31,15 @@ function createEmptyMap(heatmapWidth, heatmapHeight) {
       length: heatmapWidth
     }).map(createEmptyHeatmapEntry);
   });
-}
-function isRectInside(a, b) {
+}, ['vc']);
+var isRectInside = (0, _selfMeasurements.withProfiling)(function isRectInside(a, b) {
   if (!a || !b) {
     return false;
   }
 
   // Check if all corners of rectangle a are within the bounds of rectangle b
   return a.left >= b.left && a.right <= b.right && a.top >= b.top && a.bottom <= b.bottom;
-}
+}, ['vc']);
 var Heatmap = exports.default = /*#__PURE__*/function () {
   /**
    * Heatmap Width
@@ -56,6 +57,8 @@ var Heatmap = exports.default = /*#__PURE__*/function () {
     var viewport = _ref.viewport,
       heatmapSize = _ref.heatmapSize;
     (0, _classCallCheck2.default)(this, Heatmap);
+    var operationTimer = (0, _selfMeasurements.markProfilingStart)('Heatmap constructor');
+
     // TODO timeOrigin? do we need? for SSR??
     this.viewport = viewport;
     var safeSize = Math.min(heatmapSize, MAX_HEATMAP_SIZE);
@@ -82,6 +85,15 @@ var Heatmap = exports.default = /*#__PURE__*/function () {
     this.scaleY = this.height / viewport.height;
     this.heatmapAreaSize = this.width * this.height;
     this.map = createEmptyMap(this.width, this.height);
+    this.getHeatmap = (0, _selfMeasurements.withProfiling)(this.getHeatmap.bind(this), ['vc']);
+    this.getCell = (0, _selfMeasurements.withProfiling)(this.getCell.bind(this), ['vc']);
+    this.mapDOMRectToHeatmap = (0, _selfMeasurements.withProfiling)(this.mapDOMRectToHeatmap.bind(this), ['vc']);
+    this.getRatio = (0, _selfMeasurements.withProfiling)(this.getRatio.bind(this), ['vc']);
+    this.applyEntriesToHeatmap = (0, _selfMeasurements.withProfiling)(this.applyEntriesToHeatmap.bind(this), ['vc']);
+    this.getVCPercentMetrics = (0, _selfMeasurements.withProfiling)(this.getVCPercentMetrics.bind(this), ['vc']);
+    (0, _selfMeasurements.markProfilingEnd)(operationTimer, {
+      tags: ['vc']
+    });
   }
   return (0, _createClass2.default)(Heatmap, [{
     key: "getHeatmap",

package/dist/cjs/vc/vc-observer-new/metric-calculator/percentile-calc/heatmap/index.js

@@ -4,25 +4,26 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.default = calculateTTVCPercentiles;
+exports.default = void 0;
 var _regenerator = _interopRequireDefault(require("@babel/runtime/regenerator"));
 var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/asyncToGenerator"));
 var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
 var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
+var _selfMeasurements = require("../../../../../self-measurements");
 var _isViewportEntryData = _interopRequireDefault(require("../../utils/is-viewport-entry-data"));
 var _taskYield = _interopRequireDefault(require("../../utils/task-yield"));
 function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { (0, _defineProperty2.default)(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var MAX_HEATMAP_SIZE = 1000;
-function createEmptyHeatmapEntry() {
+var createEmptyHeatmapEntry = (0, _selfMeasurements.withProfiling)(function createEmptyHeatmapEntry() {
   return {
     head: null,
     previousEntries: []
   };
-}
-function createEmptyMap(heatmapWidth, heatmapHeight) {
+}, ['vc']);
+var createEmptyMap = (0, _selfMeasurements.withProfiling)(function createEmptyMap(heatmapWidth, heatmapHeight) {
   return Array.from({
     length: heatmapHeight
   }).map(function () {
@@ -30,15 +31,15 @@ function createEmptyMap(heatmapWidth, heatmapHeight) {
       length: heatmapWidth
     }).map(createEmptyHeatmapEntry);
   });
-}
-function isRectInside(a, b) {
+}, ['vc']);
+var isRectInside = (0, _selfMeasurements.withProfiling)(function isRectInside(a, b) {
   if (!a || !b) {
     return false;
   }
 
   // Check if all corners of rectangle a are within the bounds of rectangle b
   return a.left >= b.left && a.right <= b.right && a.top >= b.top && a.bottom <= b.bottom;
-}
+}, ['vc']);
 var Heatmap = /*#__PURE__*/function () {
   /**
    * Heatmap Width
@@ -56,6 +57,8 @@ var Heatmap = /*#__PURE__*/function () {
     var viewport = _ref.viewport,
       heatmapSize = _ref.heatmapSize;
     (0, _classCallCheck2.default)(this, Heatmap);
+    var operationTimer = (0, _selfMeasurements.markProfilingStart)('Heatmap constructor');
+
     // TODO timeOrigin? do we need? for SSR??
     this.viewport = viewport;
     var safeSize = Math.min(heatmapSize, MAX_HEATMAP_SIZE);
@@ -82,6 +85,15 @@ var Heatmap = /*#__PURE__*/function () {
     this.scaleY = this.height / viewport.height;
     this.heatmapAreaSize = this.width * this.height;
     this.map = createEmptyMap(this.width, this.height);
+    this.getHeatmap = (0, _selfMeasurements.withProfiling)(this.getHeatmap.bind(this), ['vc']);
+    this.getCell = (0, _selfMeasurements.withProfiling)(this.getCell.bind(this), ['vc']);
+    this.mapDOMRectToHeatmap = (0, _selfMeasurements.withProfiling)(this.mapDOMRectToHeatmap.bind(this), ['vc']);
+    this.getRatio = (0, _selfMeasurements.withProfiling)(this.getRatio.bind(this), ['vc']);
+    this.applyEntriesToHeatmap = (0, _selfMeasurements.withProfiling)(this.applyEntriesToHeatmap.bind(this), ['vc']);
+    this.getVCPercentMetrics = (0, _selfMeasurements.withProfiling)(this.getVCPercentMetrics.bind(this), ['vc']);
+    (0, _selfMeasurements.markProfilingEnd)(operationTimer, {
+      tags: ['vc']
+    });
   }
   return (0, _createClass2.default)(Heatmap, [{
     key: "getHeatmap",
@@ -365,11 +377,8 @@ var Heatmap = /*#__PURE__*/function () {
     }()
   }]);
 }();
-function calculateTTVCPercentiles(_x4) {
-  return _calculateTTVCPercentiles.apply(this, arguments);
-}
-function _calculateTTVCPercentiles() {
-  _calculateTTVCPercentiles = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee3(_ref2) {
+var calculateTTVCPercentiles = (0, _selfMeasurements.withProfiling)( /*#__PURE__*/function () {
+  var _calculateTTVCPercentiles = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee3(_ref2) {
     var orderedEntries, viewport, percentiles, startTime, heatmap, vcDetails;
     return _regenerator.default.wrap(function _callee3$(_context3) {
       while (1) switch (_context3.prev = _context3.next) {
@@ -393,5 +402,9 @@ function _calculateTTVCPercentiles() {
       }
     }, _callee3);
   }));
-  return _calculateTTVCPercentiles.apply(this, arguments);
-}
+  function calculateTTVCPercentiles(_x4) {
+    return _calculateTTVCPercentiles.apply(this, arguments);
+  }
+  return calculateTTVCPercentiles;
+}(), ['vc']);
+var _default = exports.default = calculateTTVCPercentiles;

package/dist/cjs/vc/vc-observer-new/metric-calculator/percentile-calc/index.js

@@ -4,17 +4,15 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.default = calculateTTVCPercentiles;
+exports.default = void 0;
 var _regenerator = _interopRequireDefault(require("@babel/runtime/regenerator"));
 var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/asyncToGenerator"));
+var _selfMeasurements = require("../../../../self-measurements");
 var _canvasHeatmap = _interopRequireDefault(require("./canvas-heatmap"));
 var _heatmap = _interopRequireDefault(require("./heatmap"));
 var _rectSweepingLine = _interopRequireDefault(require("./rect-sweeping-line"));
-function calculateTTVCPercentiles(_x) {
-  return _calculateTTVCPercentiles.apply(this, arguments);
-}
-function _calculateTTVCPercentiles() {
-  _calculateTTVCPercentiles = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee(arg) {
+var calculateTTVCPercentiles = (0, _selfMeasurements.withProfiling)( /*#__PURE__*/function () {
+  var _calculateTTVCPercentiles = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee(arg) {
     var algo, vcDetails, _vcDetails, _vcDetails2;
     return _regenerator.default.wrap(function _callee$(_context) {
       while (1) switch (_context.prev = _context.next) {
@@ -57,5 +55,9 @@ function _calculateTTVCPercentiles() {
       }
     }, _callee);
   }));
-  return _calculateTTVCPercentiles.apply(this, arguments);
-}
+  function calculateTTVCPercentiles(_x) {
+    return _calculateTTVCPercentiles.apply(this, arguments);
+  }
+  return calculateTTVCPercentiles;
+}(), ['vc']);
+var _default = exports.default = calculateTTVCPercentiles;

package/dist/cjs/vc/vc-observer-new/metric-calculator/percentile-calc/rect-sweeping-line/calc-union-area.js

@@ -4,9 +4,10 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.default = calculateUnionArea;
+exports.default = void 0;
 var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
 var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));
+var _selfMeasurements = require("../../../../../self-measurements");
 function _createForOfIteratorHelper(r, e) { var t = "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (!t) { if (Array.isArray(r) || (t = _unsupportedIterableToArray(r)) || e && r && "number" == typeof r.length) { t && (r = t); var _n = 0, F = function F() {}; return { s: F, n: function n() { return _n >= r.length ? { done: !0 } : { done: !1, value: r[_n++] }; }, e: function e(r) { throw r; }, f: F }; } throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); } var o, a = !0, u = !1; return { s: function s() { t = t.call(r); }, n: function n() { var r = t.next(); return a = r.done, r; }, e: function e(r) { u = !0, o = r; }, f: function f() { try { a || null == t.return || t.return(); } finally { if (u) throw o; } } }; }
 function _unsupportedIterableToArray(r, a) { if (r) { if ("string" == typeof r) return _arrayLikeToArray(r, a); var t = {}.toString.call(r).slice(8, -1); return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray(r, a) : void 0; } }
 function _arrayLikeToArray(r, a) { (null == a || a > r.length) && (a = r.length); for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e]; return n; }
@@ -20,7 +21,7 @@ function _arrayLikeToArray(r, a) { (null == a || a > r.length) && (a = r.length)
  * @param rectangles
  * @returns
  */
-function calculateUnionArea(rectangles) {
+var calculateUnionArea = (0, _selfMeasurements.withProfiling)(function calculateUnionArea(rectangles) {
   // Step 1: Create sweep line events
   var events = createSweepLineEvents(rectangles);
 
@@ -28,26 +29,35 @@ function calculateUnionArea(rectangles) {
   var activeIntervals = new Map();
   var totalArea = 0;
   var previousX = 0;
-  for (var _i = 0, _events = events; _i < _events.length; _i++) {
-    var event = _events[_i];
-    // Calculate height at current x-position
-    var currentHeight = calculateActiveHeight(activeIntervals);
-    // Add area since last x-position
-    totalArea += currentHeight * (event.x - previousX);
-    // Update x-position
-    previousX = event.x;
-    // Update active intervals
-    updateActiveIntervals(activeIntervals, event);
+  var _iterator = _createForOfIteratorHelper(events),
+    _step;
+  try {
+    for (_iterator.s(); !(_step = _iterator.n()).done;) {
+      var event = _step.value;
+      // Calculate height at current x-position
+      var currentHeight = calculateActiveHeight(activeIntervals);
+      // Add area since last x-position
+      totalArea += currentHeight * (event.x - previousX);
+      // Update x-position
+      previousX = event.x;
+      // Update active intervals
+      updateActiveIntervals(activeIntervals, event);
+    }
+  } catch (err) {
+    _iterator.e(err);
+  } finally {
+    _iterator.f();
   }
   return totalArea;
-}
-function createSweepLineEvents(rectangles) {
+}, ['vc']);
+var _default = exports.default = calculateUnionArea;
+var createSweepLineEvents = (0, _selfMeasurements.withProfiling)(function createSweepLineEvents(rectangles) {
   var events = [];
-  var _iterator = _createForOfIteratorHelper(rectangles),
-    _step;
+  var _iterator2 = _createForOfIteratorHelper(rectangles),
+    _step2;
   try {
-    for (_iterator.s(); !(_step = _iterator.n()).done;) {
-      var rect = _step.value;
+    for (_iterator2.s(); !(_step2 = _iterator2.n()).done;) {
+      var rect = _step2.value;
       // Create start and end events for each rectangle
       events.push({
         x: rect.left,
@@ -64,26 +74,26 @@ function createSweepLineEvents(rectangles) {
     }
     // Sort events by x-coordinate (and type as tiebreaker)
   } catch (err) {
-    _iterator.e(err);
+    _iterator2.e(err);
   } finally {
-    _iterator.f();
+    _iterator2.f();
   }
   return events.sort(function (a, b) {
     return a.x === b.x ? a.type === 'end' ? 1 : -1 : a.x - b.x;
   });
-}
-function calculateActiveHeight(intervals) {
+}, ['vc']);
+var calculateActiveHeight = (0, _selfMeasurements.withProfiling)(function calculateActiveHeight(intervals) {
   if (intervals.size === 0) {
     return 0;
   }
   // Get all unique y-coordinates
   var coordinates = [];
-  var _iterator2 = _createForOfIteratorHelper(intervals),
-    _step2;
+  var _iterator3 = _createForOfIteratorHelper(intervals),
+    _step3;
   try {
-    for (_iterator2.s(); !(_step2 = _iterator2.n()).done;) {
-      var _step2$value = (0, _slicedToArray2.default)(_step2.value, 1),
-        _key = _step2$value[0];
+    for (_iterator3.s(); !(_step3 = _iterator3.n()).done;) {
+      var _step3$value = (0, _slicedToArray2.default)(_step3.value, 1),
+        _key = _step3$value[0];
       var _key$split$map3 = _key.split(',').map(Number),
         _key$split$map4 = (0, _slicedToArray2.default)(_key$split$map3, 2),
         _start = _key$split$map4[0],
@@ -92,9 +102,9 @@ function calculateActiveHeight(intervals) {
     }
     // Sort coordinates
   } catch (err) {
-    _iterator2.e(err);
+    _iterator3.e(err);
   } finally {
-    _iterator2.f();
+    _iterator3.f();
   }
   var sortedCoords = (0, _toConsumableArray2.default)(new Set(coordinates)).sort(function (a, b) {
     return a - b;
@@ -106,13 +116,13 @@ function calculateActiveHeight(intervals) {
     var y2 = sortedCoords[i + 1];
     // Check if this segment is covered by any active interval
     var covered = false;
-    var _iterator3 = _createForOfIteratorHelper(intervals),
-      _step3;
+    var _iterator4 = _createForOfIteratorHelper(intervals),
+      _step4;
     try {
-      for (_iterator3.s(); !(_step3 = _iterator3.n()).done;) {
-        var _step3$value = (0, _slicedToArray2.default)(_step3.value, 2),
-          key = _step3$value[0],
-          count = _step3$value[1];
+      for (_iterator4.s(); !(_step4 = _iterator4.n()).done;) {
+        var _step4$value = (0, _slicedToArray2.default)(_step4.value, 2),
+          key = _step4$value[0],
+          count = _step4$value[1];
         if (count <= 0) {
           continue;
         }
@@ -126,17 +136,17 @@ function calculateActiveHeight(intervals) {
         }
       }
     } catch (err) {
-      _iterator3.e(err);
+      _iterator4.e(err);
     } finally {
-      _iterator3.f();
+      _iterator4.f();
     }
     if (covered) {
       totalHeight += y2 - y1;
     }
   }
   return totalHeight;
-}
-function updateActiveIntervals(intervals, event) {
+}, ['vc']);
+var updateActiveIntervals = (0, _selfMeasurements.withProfiling)(function updateActiveIntervals(intervals, event) {
   var key = "".concat(event.top, ",").concat(event.bottom);
   if (event.type === 'start') {
     intervals.set(key, (intervals.get(key) || 0) + 1);
@@ -148,4 +158,4 @@ function updateActiveIntervals(intervals, event) {
       intervals.delete(key);
     }
   }
-}
+}, ['vc']);

package/dist/cjs/vc/vc-observer-new/metric-calculator/percentile-calc/rect-sweeping-line/index.js

@@ -4,18 +4,16 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.default = calculateTTVCPercentiles;
+exports.default = void 0;
 var _regenerator = _interopRequireDefault(require("@babel/runtime/regenerator"));
 var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));
 var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/asyncToGenerator"));
+var _selfMeasurements = require("../../../../../self-measurements");
 var _isViewportEntryData = _interopRequireDefault(require("../../utils/is-viewport-entry-data"));
 var _taskYield = _interopRequireDefault(require("../../utils/task-yield"));
 var _calcUnionArea = _interopRequireDefault(require("./calc-union-area"));
-function calculateTTVCPercentiles(_x) {
-  return _calculateTTVCPercentiles.apply(this, arguments);
-}
-function _calculateTTVCPercentiles() {
-  _calculateTTVCPercentiles = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee(_ref) {
+var calculateTTVCPercentiles = (0, _selfMeasurements.withProfiling)( /*#__PURE__*/function () {
+  var _calculateTTVCPercentiles = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee(_ref) {
     var orderedEntries, viewport, percentiles, startTime, sortedPercentiles, viewportArea, checkpoints, activeRects, removeActiveRect, domElementsBuffer, i, iEntry, iEntryData, rect, elementName, exclusionArea, currentArea, currVCPercent, matchesAnyCheckpoints, _checkpoint, domElements;
     return _regenerator.default.wrap(function _callee$(_context) {
       while (1) switch (_context.prev = _context.next) {
@@ -103,5 +101,9 @@ function _calculateTTVCPercentiles() {
       }
     }, _callee);
   }));
-  return _calculateTTVCPercentiles.apply(this, arguments);
-}
+  function calculateTTVCPercentiles(_x) {
+    return _calculateTTVCPercentiles.apply(this, arguments);
+  }
+  return calculateTTVCPercentiles;
+}(), ['vc']);
+var _default = exports.default = calculateTTVCPercentiles;

package/dist/cjs/vc/vc-observer-new/metric-calculator/utils/get-viewport-height.js

@@ -3,8 +3,9 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.default = getViewportHeight;
-function getViewportHeight() {
+exports.default = void 0;
+var _selfMeasurements = require("../../../../self-measurements");
+var getViewportHeight = (0, _selfMeasurements.withProfiling)(function getViewportHeight() {
   var document = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : window.document;
   var documentHeight;
   try {
@@ -13,4 +14,5 @@ function getViewportHeight() {
     documentHeight = 0;
   }
   return Math.max(documentHeight, window.innerHeight || 0);
-}
+}, ['vc']);
+var _default = exports.default = getViewportHeight;

package/dist/cjs/vc/vc-observer-new/metric-calculator/utils/get-viewport-width.js

@@ -3,8 +3,9 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.default = getViewportWidth;
-function getViewportWidth() {
+exports.default = void 0;
+var _selfMeasurements = require("../../../../self-measurements");
+var getViewportWidth = (0, _selfMeasurements.withProfiling)(function getViewportWidth() {
   var document = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : window.document;
   var documentWidth;
   try {
@@ -13,4 +14,5 @@ function getViewportWidth() {
     documentWidth = 0;
   }
   return Math.max(documentWidth, window.innerWidth || 0);
-}
+}, ['vc']);
+var _default = exports.default = getViewportWidth;

package/dist/cjs/vc/vc-observer-new/metric-calculator/utils/is-viewport-entry-data.js

@@ -3,8 +3,9 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.default = isViewportEntryData;
-function isViewportEntryData(data) {
+exports.default = void 0;
+var _selfMeasurements = require("../../../../self-measurements");
+var isViewportEntryData = (0, _selfMeasurements.withProfiling)(function isViewportEntryData(data) {
   if (data) {
     var hasElementName = typeof data.elementName === 'string';
     var hasRect = typeof data.rect !== 'undefined';
@@ -13,4 +14,5 @@ function isViewportEntryData(data) {
     }
   }
   return false;
-}
+}, ['vc']);
+var _default = exports.default = isViewportEntryData;

package/dist/cjs/vc/vc-observer-new/metric-calculator/utils/task-yield.js

@@ -4,15 +4,13 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.default = taskYield;
+exports.default = void 0;
 var _regenerator = _interopRequireDefault(require("@babel/runtime/regenerator"));
 var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/asyncToGenerator"));
+var _selfMeasurements = require("../../../../self-measurements");
 // See https://developer.mozilla.org/en-US/docs/Web/API/Prioritized_Task_Scheduling_API
-function taskYield() {
-  return _taskYield.apply(this, arguments);
-}
-function _taskYield() {
-  _taskYield = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee() {
+var taskYield = (0, _selfMeasurements.withProfiling)( /*#__PURE__*/function () {
+  var _taskYield = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee() {
     var resolve, p;
     return _regenerator.default.wrap(function _callee$(_context) {
       while (1) switch (_context.prev = _context.next) {
@@ -41,5 +39,9 @@ function _taskYield() {
       }
     }, _callee);
   }));
-  return _taskYield.apply(this, arguments);
-}
+  function taskYield() {
+    return _taskYield.apply(this, arguments);
+  }
+  return taskYield;
+}(), ['vc']);
+var _default = exports.default = taskYield;