@atlaskit/react-ufo 3.6.6 → 3.7.0

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

@@ -7,7 +7,6 @@ Object.defineProperty(exports, "__esModule", {
 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; }
@@ -21,7 +20,7 @@ function _arrayLikeToArray(r, a) { (null == a || a > r.length) && (a = r.length)
  * @param rectangles
  * @returns
  */
-var calculateUnionArea = (0, _selfMeasurements.withProfiling)(function calculateUnionArea(rectangles) {
+function calculateUnionArea(rectangles) {
   // Step 1: Create sweep line events
   var events = createSweepLineEvents(rectangles);
 
@@ -29,35 +28,27 @@ var calculateUnionArea = (0, _selfMeasurements.withProfiling)(function calculate
   var activeIntervals = new Map();
   var totalArea = 0;
   var previousX = 0;
-  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();
+  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);
   }
   return totalArea;
-}, ['vc']);
+}
 var _default = exports.default = calculateUnionArea;
-var createSweepLineEvents = (0, _selfMeasurements.withProfiling)(function createSweepLineEvents(rectangles) {
+function createSweepLineEvents(rectangles) {
   var events = [];
-  var _iterator2 = _createForOfIteratorHelper(rectangles),
-    _step2;
+  var _iterator = _createForOfIteratorHelper(rectangles),
+    _step;
   try {
-    for (_iterator2.s(); !(_step2 = _iterator2.n()).done;) {
-      var rect = _step2.value;
+    for (_iterator.s(); !(_step = _iterator.n()).done;) {
+      var rect = _step.value;
       // Create start and end events for each rectangle
       events.push({
         x: rect.left,
@@ -74,26 +65,26 @@ var createSweepLineEvents = (0, _selfMeasurements.withProfiling)(function create
     }
     // Sort events by x-coordinate (and type as tiebreaker)
   } catch (err) {
-    _iterator2.e(err);
+    _iterator.e(err);
   } finally {
-    _iterator2.f();
+    _iterator.f();
   }
   return events.sort(function (a, b) {
     return a.x === b.x ? a.type === 'end' ? 1 : -1 : a.x - b.x;
   });
-}, ['vc']);
-var calculateActiveHeight = (0, _selfMeasurements.withProfiling)(function calculateActiveHeight(intervals) {
+}
+function calculateActiveHeight(intervals) {
   if (intervals.size === 0) {
     return 0;
   }
   // Get all unique y-coordinates
   var coordinates = [];
-  var _iterator3 = _createForOfIteratorHelper(intervals),
-    _step3;
+  var _iterator2 = _createForOfIteratorHelper(intervals),
+    _step2;
   try {
-    for (_iterator3.s(); !(_step3 = _iterator3.n()).done;) {
-      var _step3$value = (0, _slicedToArray2.default)(_step3.value, 1),
-        _key = _step3$value[0];
+    for (_iterator2.s(); !(_step2 = _iterator2.n()).done;) {
+      var _step2$value = (0, _slicedToArray2.default)(_step2.value, 1),
+        _key = _step2$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],
@@ -102,9 +93,9 @@ var calculateActiveHeight = (0, _selfMeasurements.withProfiling)(function calcul
     }
     // Sort coordinates
   } catch (err) {
-    _iterator3.e(err);
+    _iterator2.e(err);
   } finally {
-    _iterator3.f();
+    _iterator2.f();
   }
   var sortedCoords = (0, _toConsumableArray2.default)(new Set(coordinates)).sort(function (a, b) {
     return a - b;
@@ -116,13 +107,13 @@ var calculateActiveHeight = (0, _selfMeasurements.withProfiling)(function calcul
     var y2 = sortedCoords[i + 1];
     // Check if this segment is covered by any active interval
     var covered = false;
-    var _iterator4 = _createForOfIteratorHelper(intervals),
-      _step4;
+    var _iterator3 = _createForOfIteratorHelper(intervals),
+      _step3;
     try {
-      for (_iterator4.s(); !(_step4 = _iterator4.n()).done;) {
-        var _step4$value = (0, _slicedToArray2.default)(_step4.value, 2),
-          key = _step4$value[0],
-          count = _step4$value[1];
+      for (_iterator3.s(); !(_step3 = _iterator3.n()).done;) {
+        var _step3$value = (0, _slicedToArray2.default)(_step3.value, 2),
+          key = _step3$value[0],
+          count = _step3$value[1];
         if (count <= 0) {
           continue;
         }
@@ -136,17 +127,17 @@ var calculateActiveHeight = (0, _selfMeasurements.withProfiling)(function calcul
         }
       }
     } catch (err) {
-      _iterator4.e(err);
+      _iterator3.e(err);
     } finally {
-      _iterator4.f();
+      _iterator3.f();
     }
     if (covered) {
       totalHeight += y2 - y1;
     }
   }
   return totalHeight;
-}, ['vc']);
-var updateActiveIntervals = (0, _selfMeasurements.withProfiling)(function updateActiveIntervals(intervals, event) {
+}
+function updateActiveIntervals(intervals, event) {
   var key = "".concat(event.top, ",").concat(event.bottom);
   if (event.type === 'start') {
     intervals.set(key, (intervals.get(key) || 0) + 1);
@@ -158,4 +149,4 @@ var updateActiveIntervals = (0, _selfMeasurements.withProfiling)(function update
       intervals.delete(key);
     }
   }
-}, ['vc']);
+}

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

@@ -8,12 +8,14 @@ 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"));
-var calculateTTVCPercentiles = (0, _selfMeasurements.withProfiling)( /*#__PURE__*/function () {
-  var _calculateTTVCPercentiles = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee(_ref) {
+function calculateTTVCPercentiles(_x) {
+  return _calculateTTVCPercentiles.apply(this, arguments);
+}
+function _calculateTTVCPercentiles() {
+  _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) {
@@ -101,9 +103,6 @@ var calculateTTVCPercentiles = (0, _selfMeasurements.withProfiling)( /*#__PURE__
       }
     }, _callee);
   }));
-  function calculateTTVCPercentiles(_x) {
-    return _calculateTTVCPercentiles.apply(this, arguments);
-  }
-  return calculateTTVCPercentiles;
-}(), ['vc']);
+  return _calculateTTVCPercentiles.apply(this, arguments);
+}
 var _default = exports.default = calculateTTVCPercentiles;

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

@@ -4,8 +4,7 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-var _selfMeasurements = require("../../../../self-measurements");
-var getViewportHeight = (0, _selfMeasurements.withProfiling)(function getViewportHeight() {
+function getViewportHeight() {
   var document = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : window.document;
   var documentHeight;
   try {
@@ -14,5 +13,5 @@ var getViewportHeight = (0, _selfMeasurements.withProfiling)(function getViewpor
     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

@@ -4,8 +4,7 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-var _selfMeasurements = require("../../../../self-measurements");
-var getViewportWidth = (0, _selfMeasurements.withProfiling)(function getViewportWidth() {
+function getViewportWidth() {
   var document = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : window.document;
   var documentWidth;
   try {
@@ -14,5 +13,5 @@ var getViewportWidth = (0, _selfMeasurements.withProfiling)(function getViewport
     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

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

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

@@ -7,10 +7,12 @@ Object.defineProperty(exports, "__esModule", {
 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
-var taskYield = (0, _selfMeasurements.withProfiling)( /*#__PURE__*/function () {
-  var _taskYield = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee() {
+function taskYield() {
+  return _taskYield.apply(this, arguments);
+}
+function _taskYield() {
+  _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) {
@@ -39,9 +41,6 @@ var taskYield = (0, _selfMeasurements.withProfiling)( /*#__PURE__*/function () {
       }
     }, _callee);
   }));
-  function taskYield() {
-    return _taskYield.apply(this, arguments);
-  }
-  return taskYield;
-}(), ['vc']);
+  return _taskYield.apply(this, arguments);
+}
 var _default = exports.default = taskYield;

package/dist/cjs/vc/vc-observer-new/viewport-observer/index.js

@@ -7,7 +7,6 @@ Object.defineProperty(exports, "__esModule", {
 exports.default = void 0;
 var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
 var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
-var _selfMeasurements = require("../../../self-measurements");
 var _vcUtils = require("../../vc-observer/media-wrapper/vc-utils");
 var _isNonVisualStyleMutation = _interopRequireDefault(require("../../vc-observer/observers/non-visual-styles/is-non-visual-style-mutation"));
 var _intersectionObserver = require("./intersection-observer");
@@ -16,7 +15,7 @@ var _performanceObserver = _interopRequireDefault(require("./performance-observe
 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; }
-var isElementVisible = (0, _selfMeasurements.withProfiling)(function isElementVisible(element) {
+function isElementVisible(element) {
   if (!(element instanceof HTMLElement)) {
     return true;
   }
@@ -32,26 +31,24 @@ var isElementVisible = (0, _selfMeasurements.withProfiling)(function isElementVi
     // there is no support for checkVisibility
     return true;
   }
-}, ['vc']);
-var sameRectSize = (0, _selfMeasurements.withProfiling)(function sameRectSize(a, b) {
+}
+function sameRectSize(a, b) {
   if (!a || !b) {
     return false;
   }
   return a.width === b.width && a.height === b.height;
-}, ['vc']);
-var sameRectDimensions = (0, _selfMeasurements.withProfiling)(function sameRectDimensions(a, b) {
+}
+function sameRectDimensions(a, b) {
   if (!a || !b) {
     return false;
   }
   return a.width === b.width && a.height === b.height && a.x === b.x && a.y === b.y;
-}, ['vc']);
+}
 var ViewportObserver = exports.default = /*#__PURE__*/function () {
   function ViewportObserver(_ref) {
     var _this = this;
-    var _onChange = _ref.onChange;
+    var onChange = _ref.onChange;
     (0, _classCallCheck2.default)(this, ViewportObserver);
-    var onChange = (0, _selfMeasurements.withProfiling)(_onChange, ['vc']);
-    var operationTimer = (0, _selfMeasurements.markProfilingStart)('ViewportObserver constructor');
     this.mapVisibleNodeRects = new WeakMap();
     this.intersectionObserver = (0, _intersectionObserver.createIntersectionObserver)({
       onEntry: function onEntry(_ref2) {
@@ -189,11 +186,6 @@ var ViewportObserver = exports.default = /*#__PURE__*/function () {
         }
       }
     });
-    this.start = (0, _selfMeasurements.withProfiling)(this.start.bind(this), ['vc']);
-    this.stop = (0, _selfMeasurements.withProfiling)(this.stop.bind(this), ['vc']);
-    (0, _selfMeasurements.markProfilingEnd)(operationTimer, {
-      tags: ['vc']
-    });
   }
   return (0, _createClass2.default)(ViewportObserver, [{
     key: "start",

package/dist/cjs/vc/vc-observer-new/viewport-observer/intersection-observer/index.js

@@ -4,18 +4,17 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.createIntersectionObserver = createIntersectionObserver;
-var _selfMeasurements = require("../../../../self-measurements");
-var isValidEntry = (0, _selfMeasurements.withProfiling)(function isValidEntry(entry) {
+function isValidEntry(entry) {
   return entry.isIntersecting && entry.intersectionRect.width > 0 && entry.intersectionRect.height > 0;
-}, ['vc']);
-function createIntersectionObserver(args) {
+}
+function createIntersectionObserver(_ref) {
+  var onEntry = _ref.onEntry,
+    onObserved = _ref.onObserved;
   if (!window || typeof window.IntersectionObserver !== 'function') {
     return null;
   }
-  var onEntry = (0, _selfMeasurements.withProfiling)(args.onEntry, ['vc']);
-  var onObserved = typeof args.onObserved === 'function' ? (0, _selfMeasurements.withProfiling)(args.onObserved, ['vc']) : undefined;
   var callbacksPerElement = new WeakMap();
-  var intersectionObserverCallback = (0, _selfMeasurements.withProfiling)(function intersectionObserverCallback(entries) {
+  var intersectionObserverCallback = function intersectionObserverCallback(entries) {
     var validEntries = [];
     var startTime = performance.now();
     entries.forEach(function (entry) {
@@ -56,7 +55,7 @@ function createIntersectionObserver(args) {
       time: startTime,
       elements: validEntries
     });
-  });
+  };
   var observer = new IntersectionObserver(intersectionObserverCallback);
   return {
     disconnect: function disconnect() {

package/dist/cjs/vc/vc-observer-new/viewport-observer/mutation-observer/index.js

@@ -4,18 +4,17 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-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; }
-var createMutationObserver = (0, _selfMeasurements.withProfiling)(function createMutationObserver(props) {
+function createMutationObserver(_ref) {
+  var onAttributeMutation = _ref.onAttributeMutation,
+    onChildListMutation = _ref.onChildListMutation,
+    onMutationFinished = _ref.onMutationFinished;
   if (!window || typeof window.IntersectionObserver !== 'function') {
     return null;
   }
-  var onAttributeMutation = (0, _selfMeasurements.withProfiling)(props.onAttributeMutation, ['vc']);
-  var onChildListMutation = (0, _selfMeasurements.withProfiling)(props.onChildListMutation, ['vc']);
-  var onMutationFinished = typeof props.onMutationFinished === 'function' ? (0, _selfMeasurements.withProfiling)(props.onMutationFinished, ['vc']) : undefined;
-  var mutationObserverCallback = (0, _selfMeasurements.withProfiling)(function mutationObserverCallback(mutations) {
+  var mutationObserverCallback = function mutationObserverCallback(mutations) {
     var addedNodes = [];
     var removedNodes = [];
     var targets = [];
@@ -30,13 +29,13 @@ var createMutationObserver = (0, _selfMeasurements.withProfiling)(function creat
         if (mut.type === 'attributes') {
           var _mut$oldValue;
           /*
-          	"MutationObserver was explicitly designed to work that way, but I can't now recall the reasoning.
-          	I think it might have been something along the lines that for consistency every setAttribute call should create a record.
-          	Conceptually there is after all a mutation: there is an old value replaced with a new one,
-          	and whether or not they are the same doesn't really matter.
-          	And Custom elements should work the same way as MutationObserver."
-          	https://github.com/whatwg/dom/issues/520#issuecomment-336574796
-          */
+          			"MutationObserver was explicitly designed to work that way, but I can't now recall the reasoning.
+          			I think it might have been something along the lines that for consistency every setAttribute call should create a record.
+          			Conceptually there is after all a mutation: there is an old value replaced with a new one,
+          			and whether or not they are the same doesn't really matter.
+          			And Custom elements should work the same way as MutationObserver."
+          			https://github.com/whatwg/dom/issues/520#issuecomment-336574796
+          		*/
           var oldValue = (_mut$oldValue = mut.oldValue) !== null && _mut$oldValue !== void 0 ? _mut$oldValue : undefined;
           var newValue = mut.attributeName ? mut.target.getAttribute(mut.attributeName) : undefined;
           if (oldValue !== newValue) {
@@ -74,8 +73,8 @@ var createMutationObserver = (0, _selfMeasurements.withProfiling)(function creat
     onMutationFinished === null || onMutationFinished === void 0 || onMutationFinished({
       targets: targets
     });
-  });
+  };
   var observer = new MutationObserver(mutationObserverCallback);
   return observer;
-}, ['vc']);
+}
 var _default = exports.default = createMutationObserver;

package/dist/cjs/vc/vc-observer-new/viewport-observer/performance-observer/index.js

@@ -3,13 +3,13 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.default = exports.convertPhysicalToLogicalResolution = void 0;
-var _selfMeasurements = require("../../../../self-measurements");
+exports.convertPhysicalToLogicalResolution = convertPhysicalToLogicalResolution;
+exports.default = void 0;
 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; }
 // The LayoutShiftAttribution API is returning the numbers on physical dimension
-var convertPhysicalToLogicalResolution = exports.convertPhysicalToLogicalResolution = (0, _selfMeasurements.withProfiling)(function convertPhysicalToLogicalResolution(rect) {
+function convertPhysicalToLogicalResolution(rect) {
   if (typeof window.devicePixelRatio !== 'number') {
     return rect;
   }
@@ -19,13 +19,13 @@ var convertPhysicalToLogicalResolution = exports.convertPhysicalToLogicalResolut
 
   // eslint-disable-next-line compat/compat
   return new DOMRect(rect.x / window.devicePixelRatio, rect.y / window.devicePixelRatio, rect.width / window.devicePixelRatio, rect.height / window.devicePixelRatio);
-}, ['vc']);
-var createPerformanceObserver = (0, _selfMeasurements.withProfiling)(function createPerformanceObserver(args) {
+}
+function createPerformanceObserver(_ref) {
+  var onLayoutShift = _ref.onLayoutShift;
   if (!window || typeof window.PerformanceObserver !== 'function') {
     return null;
   }
-  var onLayoutShift = (0, _selfMeasurements.withProfiling)(args.onLayoutShift, ['vc']);
-  var performanceObserverCallback = (0, _selfMeasurements.withProfiling)(function performanceObserverCallback(entries) {
+  var performanceObserverCallback = function performanceObserverCallback(entries) {
     var _iterator = _createForOfIteratorHelper(entries.getEntries()),
       _step;
     try {
@@ -53,8 +53,8 @@ var createPerformanceObserver = (0, _selfMeasurements.withProfiling)(function cr
     } finally {
       _iterator.f();
     }
-  }, ['vc']);
+  };
   var observer = new PerformanceObserver(performanceObserverCallback);
   return observer;
-}, ['vc']);
+}
 var _default = exports.default = createPerformanceObserver;

package/dist/cjs/vc/vc-observer-new/window-event-observer/index.js

@@ -9,17 +9,11 @@ var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/cl
 var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 var _bindEventListener = require("bind-event-listener");
-var _selfMeasurements = require("../../../self-measurements");
 var WindowEventObserver = exports.default = /*#__PURE__*/function () {
   function WindowEventObserver(opts) {
     (0, _classCallCheck2.default)(this, WindowEventObserver);
     (0, _defineProperty2.default)(this, "unbindFns", []);
-    var operationTimer = (0, _selfMeasurements.markProfilingStart)('WindowEventObserver constructor');
-    this.onEvent = (0, _selfMeasurements.withProfiling)(opts.onEvent, ['vc']);
-    this.bindEvent = (0, _selfMeasurements.withProfiling)(this.bindEvent.bind(this), ['vc']);
-    this.start = (0, _selfMeasurements.withProfiling)(this.start.bind(this), ['vc']);
-    this.stop = (0, _selfMeasurements.withProfiling)(this.stop.bind(this), ['vc']);
-    (0, _selfMeasurements.markProfilingEnd)(operationTimer);
+    this.onEvent = opts.onEvent;
   }
   return (0, _createClass2.default)(WindowEventObserver, [{
     key: "bindEvent",

package/dist/es2019/additional-payload/utils/cache-hit-ratio/index.js

@@ -1,10 +1,9 @@
-import { withProfiling } from '../../../self-measurements';
 /* Borrowed from https://bitbucket.org/atlassian/atlassian-frontend/src/master/packages/performance/browser-metrics/src/plugins/timings/resource.ts */
 const cacheableTypes = ['script', 'link'];
 const CACHE_NETWORK = 'network';
 const CACHE_MEMORY = 'memory';
 const CACHE_DISK = 'disk';
-const calculateTransferType = withProfiling(function calculateTransferType(type, duration, size) {
+function calculateTransferType(type, duration, size) {
   if (!cacheableTypes.includes(type)) {
     return CACHE_NETWORK;
   }
@@ -18,8 +17,8 @@ const calculateTransferType = withProfiling(function calculateTransferType(type,
     return null;
   }
   return CACHE_NETWORK;
-});
-export const getCacheHitRatio = withProfiling(function getCacheHitRatio({
+}
+export function getCacheHitRatio({
   start
 }) {
   let fromCache = 0;
@@ -61,4 +60,4 @@ export const getCacheHitRatio = withProfiling(function getCacheHitRatio({
   } catch (e) {
     return {};
   }
-});
+}

package/dist/es2019/additional-payload/utils/lighthouse-metrics/cls/index.js

@@ -1,5 +1,4 @@
-import { withProfiling } from '../../../../self-measurements';
-export const getCLS = withProfiling(function getCLS(start, stop, buffer) {
+export function getCLS(start, stop, buffer) {
   const layoutShifts = buffer.getAll().filter(entry => entry.startTime >= start && entry.startTime <= stop);
   const sessionWindows = [];
   let currentWindow = null;
@@ -31,4 +30,4 @@ export const getCLS = withProfiling(function getCLS(start, stop, buffer) {
 
   // Return score of largest burst as CLS metric
   return Math.round(maxScore * 10000) / 10000;
-});
+}

package/dist/es2019/additional-payload/utils/lighthouse-metrics/index.js

@@ -1,14 +1,13 @@
-import { withProfiling } from '../../../self-measurements';
 import { getCLS } from './cls';
 import { PerformanceObserverEntryTypes } from './const';
 import { getTBT } from './tbt';
 import { EntriesBuffer } from './utils/buffer';
 import { startLSObserver, startLTObserver } from './utils/observer';
-export const startLighthouseObserver = withProfiling(function startLighthouseObserver() {
+export function startLighthouseObserver() {
   startLSObserver();
   startLTObserver();
-});
-export const getLighthouseMetrics = withProfiling(function getLighthouseMetrics({
+}
+export function getLighthouseMetrics({
   start,
   stop
 }) {
@@ -21,4 +20,4 @@ export const getLighthouseMetrics = withProfiling(function getLighthouseMetrics(
     'metric:tbt:observed': Math.round(tbt.observed),
     'metric:cls': cls
   };
-});
+}

package/dist/es2019/additional-payload/utils/lighthouse-metrics/tbt/index.js

@@ -1,6 +1,5 @@
-import { withProfiling } from '../../../../self-measurements';
 const MAX_ACCEPTABLE_TASK_DURATION = 50;
-export const getTBT = withProfiling(function getTBT(start, stop, buffer) {
+export function getTBT(start, stop, buffer) {
   return buffer.getAll().filter(entry => entry.startTime <= stop && entry.duration > MAX_ACCEPTABLE_TASK_DURATION && (entry.startTime >= start || entry.startTime + entry.duration >= start || entry.startTime <= start && entry.startTime + entry.duration >= stop)).reduce((tbt, entry) => {
     const longTaskStop = entry.startTime + entry.duration;
     const intersectStart = Math.max(entry.startTime + MAX_ACCEPTABLE_TASK_DURATION, start);
@@ -15,4 +14,4 @@ export const getTBT = withProfiling(function getTBT(start, stop, buffer) {
     total: 0,
     observed: 0
   });
-});
+}

package/dist/es2019/additional-payload/utils/lighthouse-metrics/utils/buffer/index.js

@@ -1,13 +1,10 @@
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
-import { withProfiling } from '../../../../../self-measurements';
 import { PerformanceObserverEntryTypes } from '../../const';
 export class BufferWithMaxLength {
   constructor(maxLength = 1000) {
     _defineProperty(this, "buffer", []);
     _defineProperty(this, "full", false);
     this.maxLength = maxLength;
-    this.push = withProfiling(this.push.bind(this));
-    this.getAll = withProfiling(this.getAll.bind(this));
   }
   push(item) {
     if (this.full || this.maxLength === this.buffer.length) {