@kubesense/kubesense-browser-rum-core 1.0.0

package/esm/domain/view/viewMetrics/trackFirstContentfulPaint.js

@@ -0,0 +1,34 @@
+import { ONE_MINUTE, elapsed, relativeNow } from '@kubesense/kubesense-browser-core';
+import { createPerformanceObservable, RumPerformanceEntryType } from '../../../browser/performanceObservable';
+// Discard FCP timings above a certain delay to avoid incorrect data
+// It happens in some cases like sleep mode or some browser implementations
+export const FCP_MAXIMUM_DELAY = 10 * ONE_MINUTE;
+export function trackFirstContentfulPaint(configuration, firstHidden, callback) {
+    const performanceSubscription = createPerformanceObservable(configuration, {
+        type: RumPerformanceEntryType.PAINT,
+        buffered: true,
+    }).subscribe((entries) => {
+        const fcpEntry = entries.find((entry) => entry.name === 'first-contentful-paint' &&
+            entry.startTime < firstHidden.timeStamp &&
+            entry.startTime < FCP_MAXIMUM_DELAY);
+        if (fcpEntry) {
+            callback(fcpEntry.startTime);
+        }
+    });
+    return {
+        stop: performanceSubscription.unsubscribe,
+    };
+}
+/**
+ * Measure the First Contentful Paint after a BFCache restoration.
+ * The DOM is restored synchronously, so we approximate the FCP with the first frame
+ * rendered just after the pageshow event, using two nested requestAnimationFrame calls.
+ */
+export function trackRestoredFirstContentfulPaint(viewStartRelative, callback) {
+    requestAnimationFrame(() => {
+        requestAnimationFrame(() => {
+            callback(elapsed(viewStartRelative, relativeNow()));
+        });
+    });
+}
+//# sourceMappingURL=trackFirstContentfulPaint.js.map

package/esm/domain/view/viewMetrics/trackFirstContentfulPaint.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"trackFirstContentfulPaint.js","sourceRoot":"","sources":["../../../../src/domain/view/viewMetrics/trackFirstContentfulPaint.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,UAAU,EAAE,OAAO,EAAE,WAAW,EAAE,MAAM,mCAAmC,CAAA;AAEpF,OAAO,EAAE,2BAA2B,EAAE,uBAAuB,EAAE,MAAM,wCAAwC,CAAA;AAI7G,oEAAoE;AACpE,2EAA2E;AAC3E,MAAM,CAAC,MAAM,iBAAiB,GAAG,EAAE,GAAG,UAAU,CAAA;AAEhD,MAAM,UAAU,yBAAyB,CACvC,aAA+B,EAC/B,WAAwB,EACxB,QAA2C;IAE3C,MAAM,uBAAuB,GAAG,2BAA2B,CAAC,aAAa,EAAE;QACzE,IAAI,EAAE,uBAAuB,CAAC,KAAK;QACnC,QAAQ,EAAE,IAAI;KACf,CAAC,CAAC,SAAS,CAAC,CAAC,OAAO,EAAE,EAAE;QACvB,MAAM,QAAQ,GAAG,OAAO,CAAC,IAAI,CAC3B,CAAC,KAAK,EAAsC,EAAE,CAC5C,KAAK,CAAC,IAAI,KAAK,wBAAwB;YACvC,KAAK,CAAC,SAAS,GAAG,WAAW,CAAC,SAAS;YACvC,KAAK,CAAC,SAAS,GAAG,iBAAiB,CACtC,CAAA;QACD,IAAI,QAAQ,EAAE,CAAC;YACb,QAAQ,CAAC,QAAQ,CAAC,SAAS,CAAC,CAAA;QAC9B,CAAC;IACH,CAAC,CAAC,CAAA;IACF,OAAO;QACL,IAAI,EAAE,uBAAuB,CAAC,WAAW;KAC1C,CAAA;AACH,CAAC;AAED;;;;GAIG;AACH,MAAM,UAAU,iCAAiC,CAAC,iBAA+B,EAAE,QAAiC;IAClH,qBAAqB,CAAC,GAAG,EAAE;QACzB,qBAAqB,CAAC,GAAG,EAAE;YACzB,QAAQ,CAAC,OAAO,CAAC,iBAAiB,EAAE,WAAW,EAAE,CAAC,CAAC,CAAA;QACrD,CAAC,CAAC,CAAA;IACJ,CAAC,CAAC,CAAA;AACJ,CAAC"}

package/esm/domain/view/viewMetrics/trackFirstHidden.d.ts

@@ -0,0 +1,10 @@
+import type { ClocksState, RelativeTime } from '@kubesense/kubesense-browser-core';
+import type { RumConfiguration } from '../../configuration';
+export type FirstHidden = ReturnType<typeof trackFirstHidden>;
+export interface Options {
+    viewStart: ClocksState;
+}
+export declare function trackFirstHidden(configuration: RumConfiguration, viewStart: ClocksState, eventTarget?: Window): {
+    readonly timeStamp: RelativeTime;
+    stop: () => void;
+};

package/esm/domain/view/viewMetrics/trackFirstHidden.js

@@ -0,0 +1,30 @@
+import { addEventListeners, noop } from '@kubesense/kubesense-browser-core';
+import { supportPerformanceTimingEvent, RumPerformanceEntryType } from '../../../browser/performanceObservable';
+export function trackFirstHidden(configuration, viewStart, eventTarget = window) {
+    if (document.visibilityState === 'hidden') {
+        return { timeStamp: 0, stop: noop };
+    }
+    if (supportPerformanceTimingEvent(RumPerformanceEntryType.VISIBILITY_STATE)) {
+        const firstHiddenEntry = performance
+            .getEntriesByType(RumPerformanceEntryType.VISIBILITY_STATE)
+            .filter((entry) => entry.name === 'hidden')
+            .find((entry) => entry.startTime >= viewStart.relative);
+        if (firstHiddenEntry) {
+            return { timeStamp: firstHiddenEntry.startTime, stop: noop };
+        }
+    }
+    let timeStamp = Infinity;
+    const { stop } = addEventListeners(configuration, eventTarget, ["pagehide" /* DOM_EVENT.PAGE_HIDE */, "visibilitychange" /* DOM_EVENT.VISIBILITY_CHANGE */], (event) => {
+        if (event.type === "pagehide" /* DOM_EVENT.PAGE_HIDE */ || document.visibilityState === 'hidden') {
+            timeStamp = event.timeStamp;
+            stop();
+        }
+    }, { capture: true });
+    return {
+        get timeStamp() {
+            return timeStamp;
+        },
+        stop,
+    };
+}
+//# sourceMappingURL=trackFirstHidden.js.map

package/esm/domain/view/viewMetrics/trackFirstHidden.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"trackFirstHidden.js","sourceRoot":"","sources":["../../../../src/domain/view/viewMetrics/trackFirstHidden.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,iBAAiB,EAAa,IAAI,EAAE,MAAM,mCAAmC,CAAA;AAEtF,OAAO,EAAE,6BAA6B,EAAE,uBAAuB,EAAE,MAAM,wCAAwC,CAAA;AAQ/G,MAAM,UAAU,gBAAgB,CAC9B,aAA+B,EAC/B,SAAsB,EACtB,cAAsB,MAAM;IAE5B,IAAI,QAAQ,CAAC,eAAe,KAAK,QAAQ,EAAE,CAAC;QAC1C,OAAO,EAAE,SAAS,EAAE,CAAiB,EAAE,IAAI,EAAE,IAAI,EAAE,CAAA;IACrD,CAAC;IAED,IAAI,6BAA6B,CAAC,uBAAuB,CAAC,gBAAgB,CAAC,EAAE,CAAC;QAC5E,MAAM,gBAAgB,GAAG,WAAW;aACjC,gBAAgB,CAAC,uBAAuB,CAAC,gBAAgB,CAAC;aAC1D,MAAM,CAAC,CAAC,KAAK,EAAE,EAAE,CAAC,KAAK,CAAC,IAAI,KAAK,QAAQ,CAAC;aAC1C,IAAI,CAAC,CAAC,KAAK,EAAE,EAAE,CAAC,KAAK,CAAC,SAAS,IAAI,SAAS,CAAC,QAAQ,CAAC,CAAA;QAEzD,IAAI,gBAAgB,EAAE,CAAC;YACrB,OAAO,EAAE,SAAS,EAAE,gBAAgB,CAAC,SAAyB,EAAE,IAAI,EAAE,IAAI,EAAE,CAAA;QAC9E,CAAC;IACH,CAAC;IAED,IAAI,SAAS,GAAiB,QAAwB,CAAA;IAEtD,MAAM,EAAE,IAAI,EAAE,GAAG,iBAAiB,CAChC,aAAa,EACb,WAAW,EACX,4FAAkD,EAClD,CAAC,KAAK,EAAE,EAAE;QACR,IAAI,KAAK,CAAC,IAAI,yCAAwB,IAAI,QAAQ,CAAC,eAAe,KAAK,QAAQ,EAAE,CAAC;YAChF,SAAS,GAAG,KAAK,CAAC,SAAyB,CAAA;YAC3C,IAAI,EAAE,CAAA;QACR,CAAC;IACH,CAAC,EACD,EAAE,OAAO,EAAE,IAAI,EAAE,CAClB,CAAA;IAED,OAAO;QACL,IAAI,SAAS;YACX,OAAO,SAAS,CAAA;QAClB,CAAC;QACD,IAAI;KACL,CAAA;AACH,CAAC"}

package/esm/domain/view/viewMetrics/trackFirstInput.d.ts

@@ -0,0 +1,19 @@
+import type { Duration, RelativeTime } from '@kubesense/kubesense-browser-core';
+import type { RumConfiguration } from '../../configuration';
+import type { FirstHidden } from './trackFirstHidden';
+export interface FirstInput {
+    delay: Duration;
+    time: RelativeTime;
+    targetSelector?: string;
+}
+/**
+ * Track the first input occurring during the initial View to return:
+ * - First Input Delay
+ * - First Input Time
+ * Callback is called at most one time.
+ * Documentation: https://web.dev/fid/
+ * Reference implementation: https://github.com/GoogleChrome/web-vitals/blob/master/src/getFID.ts
+ */
+export declare function trackFirstInput(configuration: RumConfiguration, firstHidden: FirstHidden, callback: (firstInput: FirstInput) => void): {
+    stop: () => void;
+};

package/esm/domain/view/viewMetrics/trackFirstInput.js

@@ -0,0 +1,40 @@
+import { elapsed } from '@kubesense/kubesense-browser-core';
+import { isElementNode } from '../../../browser/htmlDomUtils';
+import { createPerformanceObservable, RumPerformanceEntryType } from '../../../browser/performanceObservable';
+import { getSelectorFromElement } from '../../getSelectorFromElement';
+/**
+ * Track the first input occurring during the initial View to return:
+ * - First Input Delay
+ * - First Input Time
+ * Callback is called at most one time.
+ * Documentation: https://web.dev/fid/
+ * Reference implementation: https://github.com/GoogleChrome/web-vitals/blob/master/src/getFID.ts
+ */
+export function trackFirstInput(configuration, firstHidden, callback) {
+    const performanceFirstInputSubscription = createPerformanceObservable(configuration, {
+        type: RumPerformanceEntryType.FIRST_INPUT,
+        buffered: true,
+    }).subscribe((entries) => {
+        const firstInputEntry = entries.find((entry) => entry.startTime < firstHidden.timeStamp);
+        if (firstInputEntry) {
+            const firstInputDelay = elapsed(firstInputEntry.startTime, firstInputEntry.processingStart);
+            let firstInputTargetSelector;
+            if (firstInputEntry.target && isElementNode(firstInputEntry.target)) {
+                firstInputTargetSelector = getSelectorFromElement(firstInputEntry.target, configuration.actionNameAttribute);
+            }
+            callback({
+                // Ensure firstInputDelay to be positive, see
+                // https://bugs.chromium.org/p/chromium/issues/detail?id=1185815
+                delay: firstInputDelay >= 0 ? firstInputDelay : 0,
+                time: firstInputEntry.startTime,
+                targetSelector: firstInputTargetSelector,
+            });
+        }
+    });
+    return {
+        stop: () => {
+            performanceFirstInputSubscription.unsubscribe();
+        },
+    };
+}
+//# sourceMappingURL=trackFirstInput.js.map

package/esm/domain/view/viewMetrics/trackFirstInput.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"trackFirstInput.js","sourceRoot":"","sources":["../../../../src/domain/view/viewMetrics/trackFirstInput.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,OAAO,EAAE,MAAM,mCAAmC,CAAA;AAC3D,OAAO,EAAE,aAAa,EAAE,MAAM,+BAA+B,CAAA;AAE7D,OAAO,EAAE,2BAA2B,EAAE,uBAAuB,EAAE,MAAM,wCAAwC,CAAA;AAE7G,OAAO,EAAE,sBAAsB,EAAE,MAAM,8BAA8B,CAAA;AASrE;;;;;;;GAOG;AACH,MAAM,UAAU,eAAe,CAC7B,aAA+B,EAC/B,WAAwB,EACxB,QAA0C;IAE1C,MAAM,iCAAiC,GAAG,2BAA2B,CAAC,aAAa,EAAE;QACnF,IAAI,EAAE,uBAAuB,CAAC,WAAW;QACzC,QAAQ,EAAE,IAAI;KACf,CAAC,CAAC,SAAS,CAAC,CAAC,OAAO,EAAE,EAAE;QACvB,MAAM,eAAe,GAAG,OAAO,CAAC,IAAI,CAClC,CAAC,KAAK,EAAgC,EAAE,CAAC,KAAK,CAAC,SAAS,GAAG,WAAW,CAAC,SAAS,CACjF,CAAA;QACD,IAAI,eAAe,EAAE,CAAC;YACpB,MAAM,eAAe,GAAG,OAAO,CAAC,eAAe,CAAC,SAAS,EAAE,eAAe,CAAC,eAAe,CAAC,CAAA;YAC3F,IAAI,wBAAwB,CAAA;YAE5B,IAAI,eAAe,CAAC,MAAM,IAAI,aAAa,CAAC,eAAe,CAAC,MAAM,CAAC,EAAE,CAAC;gBACpE,wBAAwB,GAAG,sBAAsB,CAAC,eAAe,CAAC,MAAM,EAAE,aAAa,CAAC,mBAAmB,CAAC,CAAA;YAC9G,CAAC;YAED,QAAQ,CAAC;gBACP,6CAA6C;gBAC7C,gEAAgE;gBAChE,KAAK,EAAE,eAAe,IAAI,CAAC,CAAC,CAAC,CAAC,eAAe,CAAC,CAAC,CAAE,CAAc;gBAC/D,IAAI,EAAE,eAAe,CAAC,SAAS;gBAC/B,cAAc,EAAE,wBAAwB;aACzC,CAAC,CAAA;QACJ,CAAC;IACH,CAAC,CAAC,CAAA;IAEF,OAAO;QACL,IAAI,EAAE,GAAG,EAAE;YACT,iCAAiC,CAAC,WAAW,EAAE,CAAA;QACjD,CAAC;KACF,CAAA;AACH,CAAC"}

package/esm/domain/view/viewMetrics/trackInitialViewMetrics.d.ts

@@ -0,0 +1,15 @@
+import type { ClocksState, Duration } from '@kubesense/kubesense-browser-core';
+import type { RumConfiguration } from '../../configuration';
+import type { FirstInput } from './trackFirstInput';
+import type { NavigationTimings } from './trackNavigationTimings';
+import type { LargestContentfulPaint } from './trackLargestContentfulPaint';
+export interface InitialViewMetrics {
+    firstContentfulPaint?: Duration;
+    navigationTimings?: NavigationTimings;
+    largestContentfulPaint?: LargestContentfulPaint;
+    firstInput?: FirstInput;
+}
+export declare function trackInitialViewMetrics(configuration: RumConfiguration, viewStart: ClocksState, setLoadEvent: (loadEnd: Duration) => void, scheduleViewUpdate: () => void): {
+    stop: () => void;
+    initialViewMetrics: InitialViewMetrics;
+};

package/esm/domain/view/viewMetrics/trackInitialViewMetrics.js

@@ -0,0 +1,38 @@
+import { trackFirstContentfulPaint } from './trackFirstContentfulPaint';
+import { trackFirstInput } from './trackFirstInput';
+import { trackNavigationTimings } from './trackNavigationTimings';
+import { trackLargestContentfulPaint } from './trackLargestContentfulPaint';
+import { trackFirstHidden } from './trackFirstHidden';
+export function trackInitialViewMetrics(configuration, viewStart, setLoadEvent, scheduleViewUpdate) {
+    const initialViewMetrics = {};
+    const { stop: stopNavigationTracking } = trackNavigationTimings(configuration, (navigationTimings) => {
+        setLoadEvent(navigationTimings.loadEvent);
+        initialViewMetrics.navigationTimings = navigationTimings;
+        scheduleViewUpdate();
+    });
+    const firstHidden = trackFirstHidden(configuration, viewStart);
+    const { stop: stopFCPTracking } = trackFirstContentfulPaint(configuration, firstHidden, (firstContentfulPaint) => {
+        initialViewMetrics.firstContentfulPaint = firstContentfulPaint;
+        scheduleViewUpdate();
+    });
+    const { stop: stopLCPTracking } = trackLargestContentfulPaint(configuration, firstHidden, window, (largestContentfulPaint) => {
+        initialViewMetrics.largestContentfulPaint = largestContentfulPaint;
+        scheduleViewUpdate();
+    });
+    const { stop: stopFIDTracking } = trackFirstInput(configuration, firstHidden, (firstInput) => {
+        initialViewMetrics.firstInput = firstInput;
+        scheduleViewUpdate();
+    });
+    function stop() {
+        stopNavigationTracking();
+        stopFCPTracking();
+        stopLCPTracking();
+        stopFIDTracking();
+        firstHidden.stop();
+    }
+    return {
+        stop,
+        initialViewMetrics,
+    };
+}
+//# sourceMappingURL=trackInitialViewMetrics.js.map

package/esm/domain/view/viewMetrics/trackInitialViewMetrics.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"trackInitialViewMetrics.js","sourceRoot":"","sources":["../../../../src/domain/view/viewMetrics/trackInitialViewMetrics.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,yBAAyB,EAAE,MAAM,6BAA6B,CAAA;AAEvE,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAA;AAEnD,OAAO,EAAE,sBAAsB,EAAE,MAAM,0BAA0B,CAAA;AAEjE,OAAO,EAAE,2BAA2B,EAAE,MAAM,+BAA+B,CAAA;AAC3E,OAAO,EAAE,gBAAgB,EAAE,MAAM,oBAAoB,CAAA;AASrD,MAAM,UAAU,uBAAuB,CACrC,aAA+B,EAC/B,SAAsB,EACtB,YAAyC,EACzC,kBAA8B;IAE9B,MAAM,kBAAkB,GAAuB,EAAE,CAAA;IAEjD,MAAM,EAAE,IAAI,EAAE,sBAAsB,EAAE,GAAG,sBAAsB,CAAC,aAAa,EAAE,CAAC,iBAAiB,EAAE,EAAE;QACnG,YAAY,CAAC,iBAAiB,CAAC,SAAS,CAAC,CAAA;QACzC,kBAAkB,CAAC,iBAAiB,GAAG,iBAAiB,CAAA;QACxD,kBAAkB,EAAE,CAAA;IACtB,CAAC,CAAC,CAAA;IAEF,MAAM,WAAW,GAAG,gBAAgB,CAAC,aAAa,EAAE,SAAS,CAAC,CAAA;IAC9D,MAAM,EAAE,IAAI,EAAE,eAAe,EAAE,GAAG,yBAAyB,CAAC,aAAa,EAAE,WAAW,EAAE,CAAC,oBAAoB,EAAE,EAAE;QAC/G,kBAAkB,CAAC,oBAAoB,GAAG,oBAAoB,CAAA;QAC9D,kBAAkB,EAAE,CAAA;IACtB,CAAC,CAAC,CAAA;IAEF,MAAM,EAAE,IAAI,EAAE,eAAe,EAAE,GAAG,2BAA2B,CAC3D,aAAa,EACb,WAAW,EACX,MAAM,EACN,CAAC,sBAAsB,EAAE,EAAE;QACzB,kBAAkB,CAAC,sBAAsB,GAAG,sBAAsB,CAAA;QAClE,kBAAkB,EAAE,CAAA;IACtB,CAAC,CACF,CAAA;IAED,MAAM,EAAE,IAAI,EAAE,eAAe,EAAE,GAAG,eAAe,CAAC,aAAa,EAAE,WAAW,EAAE,CAAC,UAAU,EAAE,EAAE;QAC3F,kBAAkB,CAAC,UAAU,GAAG,UAAU,CAAA;QAC1C,kBAAkB,EAAE,CAAA;IACtB,CAAC,CAAC,CAAA;IAEF,SAAS,IAAI;QACX,sBAAsB,EAAE,CAAA;QACxB,eAAe,EAAE,CAAA;QACjB,eAAe,EAAE,CAAA;QACjB,eAAe,EAAE,CAAA;QACjB,WAAW,CAAC,IAAI,EAAE,CAAA;IACpB,CAAC;IAED,OAAO;QACL,IAAI;QACJ,kBAAkB;KACnB,CAAA;AACH,CAAC"}

package/esm/domain/view/viewMetrics/trackInteractionToNextPaint.d.ts

@@ -0,0 +1,25 @@
+import type { Duration, RelativeTime } from '@kubesense/kubesense-browser-core';
+import { ViewLoadingType } from '../../../rawRumEvent.types';
+import type { RumConfiguration } from '../../configuration';
+export declare const MAX_INP_VALUE: Duration;
+export interface InteractionToNextPaint {
+    value: Duration;
+    targetSelector?: string;
+    time?: Duration;
+}
+/**
+ * Track the interaction to next paint (INP).
+ * To avoid outliers, return the p98 worst interaction of the view.
+ * Documentation: https://web.dev/inp/
+ * Reference implementation: https://github.com/GoogleChrome/web-vitals/blob/main/src/onINP.ts
+ */
+export declare function trackInteractionToNextPaint(configuration: RumConfiguration, viewStart: RelativeTime, viewLoadingType: ViewLoadingType): {
+    getInteractionToNextPaint: () => InteractionToNextPaint | undefined;
+    setViewEnd: (viewEndTime: RelativeTime) => void;
+    stop: () => void;
+};
+export declare function trackViewInteractionCount(viewLoadingType: ViewLoadingType): {
+    getViewInteractionCount: () => number;
+    stopViewInteractionCount: () => void;
+};
+export declare function isInteractionToNextPaintSupported(): boolean;

package/esm/domain/view/viewMetrics/trackInteractionToNextPaint.js

@@ -0,0 +1,149 @@
+import { elapsed, noop, ONE_MINUTE } from '@kubesense/kubesense-browser-core';
+import { createPerformanceObservable, RumPerformanceEntryType, supportPerformanceTimingEvent, } from '../../../browser/performanceObservable';
+import { ViewLoadingType } from '../../../rawRumEvent.types';
+import { getSelectorFromElement } from '../../getSelectorFromElement';
+import { isElementNode } from '../../../browser/htmlDomUtils';
+import { getInteractionSelector } from '../../action/interactionSelectorCache';
+import { getInteractionCount, initInteractionCountPolyfill } from './interactionCountPolyfill';
+// Arbitrary value to prevent unnecessary memory usage on views with lots of interactions.
+const MAX_INTERACTION_ENTRIES = 10;
+// Arbitrary value to cap INP outliers
+export const MAX_INP_VALUE = (1 * ONE_MINUTE);
+/**
+ * Track the interaction to next paint (INP).
+ * To avoid outliers, return the p98 worst interaction of the view.
+ * Documentation: https://web.dev/inp/
+ * Reference implementation: https://github.com/GoogleChrome/web-vitals/blob/main/src/onINP.ts
+ */
+export function trackInteractionToNextPaint(configuration, viewStart, viewLoadingType) {
+    if (!isInteractionToNextPaintSupported()) {
+        return {
+            getInteractionToNextPaint: () => undefined,
+            setViewEnd: noop,
+            stop: noop,
+        };
+    }
+    const { getViewInteractionCount, stopViewInteractionCount } = trackViewInteractionCount(viewLoadingType);
+    let viewEnd = Infinity;
+    const longestInteractions = trackLongestInteractions(getViewInteractionCount);
+    let interactionToNextPaint = -1;
+    let interactionToNextPaintTargetSelector;
+    let interactionToNextPaintStartTime;
+    function handleEntries(entries) {
+        for (const entry of entries) {
+            if (entry.interactionId &&
+                // Check the entry start time is inside the view bounds because some view interactions can be reported after the view end (if long duration).
+                entry.startTime >= viewStart &&
+                entry.startTime <= viewEnd) {
+                longestInteractions.process(entry);
+            }
+        }
+        const newInteraction = longestInteractions.estimateP98Interaction();
+        if (newInteraction && newInteraction.duration !== interactionToNextPaint) {
+            interactionToNextPaint = newInteraction.duration;
+            interactionToNextPaintStartTime = elapsed(viewStart, newInteraction.startTime);
+            interactionToNextPaintTargetSelector = getInteractionSelector(newInteraction.startTime);
+            if (!interactionToNextPaintTargetSelector && newInteraction.target && isElementNode(newInteraction.target)) {
+                interactionToNextPaintTargetSelector = getSelectorFromElement(newInteraction.target, configuration.actionNameAttribute);
+            }
+        }
+    }
+    const firstInputSubscription = createPerformanceObservable(configuration, {
+        type: RumPerformanceEntryType.FIRST_INPUT,
+        buffered: true,
+    }).subscribe(handleEntries);
+    const eventSubscription = createPerformanceObservable(configuration, {
+        type: RumPerformanceEntryType.EVENT,
+        // durationThreshold only impact PerformanceEventTiming entries used for INP computation which requires a threshold at 40 (default is 104ms)
+        // cf: https://github.com/GoogleChrome/web-vitals/blob/3806160ffbc93c3c4abf210a167b81228172b31c/src/onINP.ts#L202-L210
+        durationThreshold: 40,
+        buffered: true,
+    }).subscribe(handleEntries);
+    return {
+        getInteractionToNextPaint: () => {
+            // If no INP duration where captured because of the performanceObserver 40ms threshold
+            // but the view interaction count > 0 then report 0
+            if (interactionToNextPaint >= 0) {
+                return {
+                    value: Math.min(interactionToNextPaint, MAX_INP_VALUE),
+                    targetSelector: interactionToNextPaintTargetSelector,
+                    time: interactionToNextPaintStartTime,
+                };
+            }
+            else if (getViewInteractionCount()) {
+                return {
+                    value: 0,
+                };
+            }
+        },
+        setViewEnd: (viewEndTime) => {
+            viewEnd = viewEndTime;
+            stopViewInteractionCount();
+        },
+        stop: () => {
+            eventSubscription.unsubscribe();
+            firstInputSubscription.unsubscribe();
+        },
+    };
+}
+function trackLongestInteractions(getViewInteractionCount) {
+    const longestInteractions = [];
+    function sortAndTrimLongestInteractions() {
+        longestInteractions.sort((a, b) => b.duration - a.duration).splice(MAX_INTERACTION_ENTRIES);
+    }
+    return {
+        /**
+         * Process the performance entry:
+         * - if its duration is long enough, add the performance entry to the list of worst interactions
+         * - if an entry with the same interaction id exists and its duration is lower than the new one, then replace it in the list of worst interactions
+         */
+        process(entry) {
+            const interactionIndex = longestInteractions.findIndex((interaction) => entry.interactionId === interaction.interactionId);
+            const minLongestInteraction = longestInteractions[longestInteractions.length - 1];
+            if (interactionIndex !== -1) {
+                if (entry.duration > longestInteractions[interactionIndex].duration) {
+                    longestInteractions[interactionIndex] = entry;
+                    sortAndTrimLongestInteractions();
+                }
+            }
+            else if (longestInteractions.length < MAX_INTERACTION_ENTRIES ||
+                entry.duration > minLongestInteraction.duration) {
+                longestInteractions.push(entry);
+                sortAndTrimLongestInteractions();
+            }
+        },
+        /**
+         * Compute the p98 longest interaction.
+         * For better performance the computation is based on 10 longest interactions and the interaction count of the current view.
+         */
+        estimateP98Interaction() {
+            const interactionIndex = Math.min(longestInteractions.length - 1, Math.floor(getViewInteractionCount() / 50));
+            return longestInteractions[interactionIndex];
+        },
+    };
+}
+export function trackViewInteractionCount(viewLoadingType) {
+    initInteractionCountPolyfill();
+    const previousInteractionCount = viewLoadingType === ViewLoadingType.INITIAL_LOAD ? 0 : getInteractionCount();
+    let state = { stopped: false };
+    function computeViewInteractionCount() {
+        return getInteractionCount() - previousInteractionCount;
+    }
+    return {
+        getViewInteractionCount: () => {
+            if (state.stopped) {
+                return state.interactionCount;
+            }
+            return computeViewInteractionCount();
+        },
+        stopViewInteractionCount: () => {
+            state = { stopped: true, interactionCount: computeViewInteractionCount() };
+        },
+    };
+}
+export function isInteractionToNextPaintSupported() {
+    return (supportPerformanceTimingEvent(RumPerformanceEntryType.EVENT) &&
+        window.PerformanceEventTiming &&
+        'interactionId' in PerformanceEventTiming.prototype);
+}
+//# sourceMappingURL=trackInteractionToNextPaint.js.map

package/esm/domain/view/viewMetrics/trackInteractionToNextPaint.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"trackInteractionToNextPaint.js","sourceRoot":"","sources":["../../../../src/domain/view/viewMetrics/trackInteractionToNextPaint.ts"],"names":[],"mappings":"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"}

package/esm/domain/view/viewMetrics/trackLargestContentfulPaint.d.ts

@@ -0,0 +1,18 @@
+import type { RelativeTime } from '@kubesense/kubesense-browser-core';
+import type { RumConfiguration } from '../../configuration';
+import type { FirstHidden } from './trackFirstHidden';
+export declare const LCP_MAXIMUM_DELAY: number;
+export interface LargestContentfulPaint {
+    value: RelativeTime;
+    targetSelector?: string;
+    resourceUrl?: string;
+}
+/**
+ * Track the largest contentful paint (LCP) occurring during the initial View.  This can yield
+ * multiple values, only the most recent one should be used.
+ * Documentation: https://web.dev/lcp/
+ * Reference implementation: https://github.com/GoogleChrome/web-vitals/blob/master/src/onLCP.ts
+ */
+export declare function trackLargestContentfulPaint(configuration: RumConfiguration, firstHidden: FirstHidden, eventTarget: Window, callback: (largestContentfulPaint: LargestContentfulPaint) => void): {
+    stop: () => void;
+};

package/esm/domain/view/viewMetrics/trackLargestContentfulPaint.js

@@ -0,0 +1,57 @@
+import { ONE_MINUTE, addEventListeners, findLast } from '@kubesense/kubesense-browser-core';
+import { createPerformanceObservable, RumPerformanceEntryType } from '../../../browser/performanceObservable';
+import { getSelectorFromElement } from '../../getSelectorFromElement';
+// Discard LCP timings above a certain delay to avoid incorrect data
+// It happens in some cases like sleep mode or some browser implementations
+export const LCP_MAXIMUM_DELAY = 10 * ONE_MINUTE;
+/**
+ * Track the largest contentful paint (LCP) occurring during the initial View.  This can yield
+ * multiple values, only the most recent one should be used.
+ * Documentation: https://web.dev/lcp/
+ * Reference implementation: https://github.com/GoogleChrome/web-vitals/blob/master/src/onLCP.ts
+ */
+export function trackLargestContentfulPaint(configuration, firstHidden, eventTarget, callback) {
+    // Ignore entries that come after the first user interaction. According to the documentation, the
+    // browser should not send largest-contentful-paint entries after a user interact with the page,
+    // but the web-vitals reference implementation uses this as a safeguard.
+    let firstInteractionTimestamp = Infinity;
+    const { stop: stopEventListener } = addEventListeners(configuration, eventTarget, ["pointerdown" /* DOM_EVENT.POINTER_DOWN */, "keydown" /* DOM_EVENT.KEY_DOWN */], (event) => {
+        firstInteractionTimestamp = event.timeStamp;
+    }, { capture: true, once: true });
+    let biggestLcpSize = 0;
+    const performanceLcpSubscription = createPerformanceObservable(configuration, {
+        type: RumPerformanceEntryType.LARGEST_CONTENTFUL_PAINT,
+        buffered: true,
+    }).subscribe((entries) => {
+        const lcpEntry = findLast(entries, (entry) => entry.entryType === RumPerformanceEntryType.LARGEST_CONTENTFUL_PAINT &&
+            entry.startTime < firstInteractionTimestamp &&
+            entry.startTime < firstHidden.timeStamp &&
+            entry.startTime < LCP_MAXIMUM_DELAY &&
+            // Ensure to get the LCP entry with the biggest size, see
+            // https://bugs.chromium.org/p/chromium/issues/detail?id=1516655
+            entry.size > biggestLcpSize);
+        if (lcpEntry) {
+            let lcpTargetSelector;
+            if (lcpEntry.element) {
+                lcpTargetSelector = getSelectorFromElement(lcpEntry.element, configuration.actionNameAttribute);
+            }
+            callback({
+                value: lcpEntry.startTime,
+                targetSelector: lcpTargetSelector,
+                resourceUrl: computeLcpEntryUrl(lcpEntry),
+            });
+            biggestLcpSize = lcpEntry.size;
+        }
+    });
+    return {
+        stop: () => {
+            stopEventListener();
+            performanceLcpSubscription.unsubscribe();
+        },
+    };
+}
+// The property url report an empty string if the value is not available, we shouldn't report it in this case.
+function computeLcpEntryUrl(entry) {
+    return entry.url === '' ? undefined : entry.url;
+}
+//# sourceMappingURL=trackLargestContentfulPaint.js.map

package/esm/domain/view/viewMetrics/trackLargestContentfulPaint.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"trackLargestContentfulPaint.js","sourceRoot":"","sources":["../../../../src/domain/view/viewMetrics/trackLargestContentfulPaint.ts"],"names":[],"mappings":"AACA,OAAO,EAAa,UAAU,EAAE,iBAAiB,EAAE,QAAQ,EAAE,MAAM,mCAAmC,CAAA;AAEtG,OAAO,EAAE,2BAA2B,EAAE,uBAAuB,EAAE,MAAM,wCAAwC,CAAA;AAE7G,OAAO,EAAE,sBAAsB,EAAE,MAAM,8BAA8B,CAAA;AAGrE,oEAAoE;AACpE,2EAA2E;AAC3E,MAAM,CAAC,MAAM,iBAAiB,GAAG,EAAE,GAAG,UAAU,CAAA;AAQhD;;;;;GAKG;AACH,MAAM,UAAU,2BAA2B,CACzC,aAA+B,EAC/B,WAAwB,EACxB,WAAmB,EACnB,QAAkE;IAElE,iGAAiG;IACjG,gGAAgG;IAChG,wEAAwE;IACxE,IAAI,yBAAyB,GAAG,QAAQ,CAAA;IACxC,MAAM,EAAE,IAAI,EAAE,iBAAiB,EAAE,GAAG,iBAAiB,CACnD,aAAa,EACb,WAAW,EACX,gFAA4C,EAC5C,CAAC,KAAK,EAAE,EAAE;QACR,yBAAyB,GAAG,KAAK,CAAC,SAAS,CAAA;IAC7C,CAAC,EACD,EAAE,OAAO,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,CAC9B,CAAA;IAED,IAAI,cAAc,GAAG,CAAC,CAAA;IACtB,MAAM,0BAA0B,GAAG,2BAA2B,CAAC,aAAa,EAAE;QAC5E,IAAI,EAAE,uBAAuB,CAAC,wBAAwB;QACtD,QAAQ,EAAE,IAAI;KACf,CAAC,CAAC,SAAS,CAAC,CAAC,OAAO,EAAE,EAAE;QACvB,MAAM,QAAQ,GAAG,QAAQ,CACvB,OAAO,EACP,CAAC,KAAK,EAA4C,EAAE,CAClD,KAAK,CAAC,SAAS,KAAK,uBAAuB,CAAC,wBAAwB;YACpE,KAAK,CAAC,SAAS,GAAG,yBAAyB;YAC3C,KAAK,CAAC,SAAS,GAAG,WAAW,CAAC,SAAS;YACvC,KAAK,CAAC,SAAS,GAAG,iBAAiB;YACnC,yDAAyD;YACzD,gEAAgE;YAChE,KAAK,CAAC,IAAI,GAAG,cAAc,CAC9B,CAAA;QACD,IAAI,QAAQ,EAAE,CAAC;YACb,IAAI,iBAAiB,CAAA;YACrB,IAAI,QAAQ,CAAC,OAAO,EAAE,CAAC;gBACrB,iBAAiB,GAAG,sBAAsB,CAAC,QAAQ,CAAC,OAAO,EAAE,aAAa,CAAC,mBAAmB,CAAC,CAAA;YACjG,CAAC;YAED,QAAQ,CAAC;gBACP,KAAK,EAAE,QAAQ,CAAC,SAAS;gBACzB,cAAc,EAAE,iBAAiB;gBACjC,WAAW,EAAE,kBAAkB,CAAC,QAAQ,CAAC;aAC1C,CAAC,CAAA;YACF,cAAc,GAAG,QAAQ,CAAC,IAAI,CAAA;QAChC,CAAC;IACH,CAAC,CAAC,CAAA;IAEF,OAAO;QACL,IAAI,EAAE,GAAG,EAAE;YACT,iBAAiB,EAAE,CAAA;YACnB,0BAA0B,CAAC,WAAW,EAAE,CAAA;QAC1C,CAAC;KACF,CAAA;AACH,CAAC;AAED,8GAA8G;AAC9G,SAAS,kBAAkB,CAAC,KAAsC;IAChE,OAAO,KAAK,CAAC,GAAG,KAAK,EAAE,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,KAAK,CAAC,GAAG,CAAA;AACjD,CAAC"}

package/esm/domain/view/viewMetrics/trackLoadingTime.d.ts

@@ -0,0 +1,14 @@
+import type { ClocksState, Duration, Observable } from '@kubesense/kubesense-browser-core';
+import type { RumConfiguration } from '../../configuration';
+import type { LifeCycle } from '../../lifeCycle';
+import { ViewLoadingType } from '../../../rawRumEvent.types';
+import type { RumMutationRecord } from '../../../browser/domMutationObservable';
+/**
+ * For non-initial views (such as route changes or BFCache restores), the regular load event does not fire
+ * In these cases, trackLoadingTime can only emit a loadingTime  if waitPageActivityEnd detects some post-restore activity.
+ * If nothing happens after the view starts,no candidate is recorded and loadingTime stays undefined.
+ */
+export declare function trackLoadingTime(lifeCycle: LifeCycle, domMutationObservable: Observable<RumMutationRecord[]>, windowOpenObservable: Observable<void>, configuration: RumConfiguration, loadType: ViewLoadingType, viewStart: ClocksState, callback: (loadingTime: Duration) => void): {
+    stop: () => void;
+    setLoadEvent: (loadEvent: Duration) => void;
+};

package/esm/domain/view/viewMetrics/trackLoadingTime.js

@@ -0,0 +1,47 @@
+import { elapsed } from '@kubesense/kubesense-browser-core';
+import { waitPageActivityEnd } from '../../waitPageActivityEnd';
+import { ViewLoadingType } from '../../../rawRumEvent.types';
+import { trackFirstHidden } from './trackFirstHidden';
+/**
+ * For non-initial views (such as route changes or BFCache restores), the regular load event does not fire
+ * In these cases, trackLoadingTime can only emit a loadingTime  if waitPageActivityEnd detects some post-restore activity.
+ * If nothing happens after the view starts,no candidate is recorded and loadingTime stays undefined.
+ */
+export function trackLoadingTime(lifeCycle, domMutationObservable, windowOpenObservable, configuration, loadType, viewStart, callback) {
+    let isWaitingForLoadEvent = loadType === ViewLoadingType.INITIAL_LOAD;
+    let isWaitingForActivityLoadingTime = true;
+    const loadingTimeCandidates = [];
+    const firstHidden = trackFirstHidden(configuration, viewStart);
+    function invokeCallbackIfAllCandidatesAreReceived() {
+        if (!isWaitingForActivityLoadingTime && !isWaitingForLoadEvent && loadingTimeCandidates.length > 0) {
+            const loadingTime = Math.max(...loadingTimeCandidates);
+            // firstHidden is a relative time from time origin, so we use the relative start time of the view to compare with the loading time
+            if (loadingTime < firstHidden.timeStamp - viewStart.relative) {
+                callback(loadingTime);
+            }
+        }
+    }
+    const { stop } = waitPageActivityEnd(lifeCycle, domMutationObservable, windowOpenObservable, configuration, (event) => {
+        if (isWaitingForActivityLoadingTime) {
+            isWaitingForActivityLoadingTime = false;
+            if (event.hadActivity) {
+                loadingTimeCandidates.push(elapsed(viewStart.timeStamp, event.end));
+            }
+            invokeCallbackIfAllCandidatesAreReceived();
+        }
+    });
+    return {
+        stop: () => {
+            stop();
+            firstHidden.stop();
+        },
+        setLoadEvent: (loadEvent) => {
+            if (isWaitingForLoadEvent) {
+                isWaitingForLoadEvent = false;
+                loadingTimeCandidates.push(loadEvent);
+                invokeCallbackIfAllCandidatesAreReceived();
+            }
+        },
+    };
+}
+//# sourceMappingURL=trackLoadingTime.js.map

package/esm/domain/view/viewMetrics/trackLoadingTime.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"trackLoadingTime.js","sourceRoot":"","sources":["../../../../src/domain/view/viewMetrics/trackLoadingTime.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,OAAO,EAAE,MAAM,mCAAmC,CAAA;AAC3D,OAAO,EAAE,mBAAmB,EAAE,MAAM,2BAA2B,CAAA;AAG/D,OAAO,EAAE,eAAe,EAAE,MAAM,4BAA4B,CAAA;AAE5D,OAAO,EAAE,gBAAgB,EAAE,MAAM,oBAAoB,CAAA;AAErD;;;;GAIG;AAEH,MAAM,UAAU,gBAAgB,CAC9B,SAAoB,EACpB,qBAAsD,EACtD,oBAAsC,EACtC,aAA+B,EAC/B,QAAyB,EACzB,SAAsB,EACtB,QAAyC;IAEzC,IAAI,qBAAqB,GAAG,QAAQ,KAAK,eAAe,CAAC,YAAY,CAAA;IACrE,IAAI,+BAA+B,GAAG,IAAI,CAAA;IAC1C,MAAM,qBAAqB,GAAe,EAAE,CAAA;IAC5C,MAAM,WAAW,GAAG,gBAAgB,CAAC,aAAa,EAAE,SAAS,CAAC,CAAA;IAE9D,SAAS,wCAAwC;QAC/C,IAAI,CAAC,+BAA+B,IAAI,CAAC,qBAAqB,IAAI,qBAAqB,CAAC,MAAM,GAAG,CAAC,EAAE,CAAC;YACnG,MAAM,WAAW,GAAG,IAAI,CAAC,GAAG,CAAC,GAAG,qBAAqB,CAAC,CAAA;YACtD,kIAAkI;YAClI,IAAI,WAAW,GAAG,WAAW,CAAC,SAAS,GAAG,SAAS,CAAC,QAAQ,EAAE,CAAC;gBAC7D,QAAQ,CAAC,WAAuB,CAAC,CAAA;YACnC,CAAC;QACH,CAAC;IACH,CAAC;IAED,MAAM,EAAE,IAAI,EAAE,GAAG,mBAAmB,CAClC,SAAS,EACT,qBAAqB,EACrB,oBAAoB,EACpB,aAAa,EACb,CAAC,KAAK,EAAE,EAAE;QACR,IAAI,+BAA+B,EAAE,CAAC;YACpC,+BAA+B,GAAG,KAAK,CAAA;YACvC,IAAI,KAAK,CAAC,WAAW,EAAE,CAAC;gBACtB,qBAAqB,CAAC,IAAI,CAAC,OAAO,CAAC,SAAS,CAAC,SAAS,EAAE,KAAK,CAAC,GAAG,CAAC,CAAC,CAAA;YACrE,CAAC;YACD,wCAAwC,EAAE,CAAA;QAC5C,CAAC;IACH,CAAC,CACF,CAAA;IAED,OAAO;QACL,IAAI,EAAE,GAAG,EAAE;YACT,IAAI,EAAE,CAAA;YACN,WAAW,CAAC,IAAI,EAAE,CAAA;QACpB,CAAC;QACD,YAAY,EAAE,CAAC,SAAmB,EAAE,EAAE;YACpC,IAAI,qBAAqB,EAAE,CAAC;gBAC1B,qBAAqB,GAAG,KAAK,CAAA;gBAC7B,qBAAqB,CAAC,IAAI,CAAC,SAAS,CAAC,CAAA;gBACrC,wCAAwC,EAAE,CAAA;YAC5C,CAAC;QACH,CAAC;KACF,CAAA;AACH,CAAC"}

package/esm/domain/view/viewMetrics/trackNavigationTimings.d.ts

@@ -0,0 +1,14 @@
+import type { Duration } from '@kubesense/kubesense-browser-core';
+import type { RumPerformanceNavigationTiming } from '../../../browser/performanceObservable';
+import type { RumConfiguration } from '../../configuration';
+export interface NavigationTimings {
+    domComplete: Duration;
+    domContentLoaded: Duration;
+    domInteractive: Duration;
+    loadEvent: Duration;
+    firstByte: Duration | undefined;
+}
+export type RelevantNavigationTiming = Pick<RumPerformanceNavigationTiming, 'domComplete' | 'domContentLoadedEventEnd' | 'domInteractive' | 'loadEventEnd' | 'responseStart'>;
+export declare function trackNavigationTimings(configuration: RumConfiguration, callback: (timings: NavigationTimings) => void, getNavigationEntryImpl?: () => RelevantNavigationTiming): {
+    stop: () => void;
+};

package/esm/domain/view/viewMetrics/trackNavigationTimings.js

@@ -0,0 +1,40 @@
+import { setTimeout, relativeNow, runOnReadyState, clearTimeout } from '@kubesense/kubesense-browser-core';
+import { getNavigationEntry } from '../../../browser/performanceUtils';
+export function trackNavigationTimings(configuration, callback, getNavigationEntryImpl = getNavigationEntry) {
+    return waitAfterLoadEvent(configuration, () => {
+        const entry = getNavigationEntryImpl();
+        if (!isIncompleteNavigation(entry)) {
+            callback(processNavigationEntry(entry));
+        }
+    });
+}
+function processNavigationEntry(entry) {
+    return {
+        domComplete: entry.domComplete,
+        domContentLoaded: entry.domContentLoadedEventEnd,
+        domInteractive: entry.domInteractive,
+        loadEvent: entry.loadEventEnd,
+        // In some cases the value reported is negative, zero (meaning unavailable, e.g. cross-origin
+        // without Timing-Allow-Origin), or larger than the current page time. Ignore these cases:
+        // https://github.com/GoogleChrome/web-vitals/issues/137
+        // https://github.com/GoogleChrome/web-vitals/issues/162
+        firstByte: entry.responseStart > 0 && entry.responseStart <= relativeNow() ? entry.responseStart : undefined,
+    };
+}
+function isIncompleteNavigation(entry) {
+    return entry.loadEventEnd <= 0;
+}
+function waitAfterLoadEvent(configuration, callback) {
+    let timeoutId;
+    const { stop: stopOnReadyState } = runOnReadyState(configuration, 'complete', () => {
+        // Invoke the callback a bit after the actual load event, so the "loadEventEnd" timing is accurate
+        timeoutId = setTimeout(() => callback());
+    });
+    return {
+        stop: () => {
+            stopOnReadyState();
+            clearTimeout(timeoutId);
+        },
+    };
+}
+//# sourceMappingURL=trackNavigationTimings.js.map

package/esm/domain/view/viewMetrics/trackNavigationTimings.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"trackNavigationTimings.js","sourceRoot":"","sources":["../../../../src/domain/view/viewMetrics/trackNavigationTimings.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,UAAU,EAAE,WAAW,EAAE,eAAe,EAAE,YAAY,EAAE,MAAM,mCAAmC,CAAA;AAG1G,OAAO,EAAE,kBAAkB,EAAE,MAAM,mCAAmC,CAAA;AAiBtE,MAAM,UAAU,sBAAsB,CACpC,aAA+B,EAC/B,QAA8C,EAC9C,yBAAyD,kBAAkB;IAE3E,OAAO,kBAAkB,CAAC,aAAa,EAAE,GAAG,EAAE;QAC5C,MAAM,KAAK,GAAG,sBAAsB,EAAE,CAAA;QAEtC,IAAI,CAAC,sBAAsB,CAAC,KAAK,CAAC,EAAE,CAAC;YACnC,QAAQ,CAAC,sBAAsB,CAAC,KAAK,CAAC,CAAC,CAAA;QACzC,CAAC;IACH,CAAC,CAAC,CAAA;AACJ,CAAC;AAED,SAAS,sBAAsB,CAAC,KAA+B;IAC7D,OAAO;QACL,WAAW,EAAE,KAAK,CAAC,WAAW;QAC9B,gBAAgB,EAAE,KAAK,CAAC,wBAAwB;QAChD,cAAc,EAAE,KAAK,CAAC,cAAc;QACpC,SAAS,EAAE,KAAK,CAAC,YAAY;QAC7B,6FAA6F;QAC7F,0FAA0F;QAC1F,wDAAwD;QACxD,wDAAwD;QACxD,SAAS,EAAE,KAAK,CAAC,aAAa,GAAG,CAAC,IAAI,KAAK,CAAC,aAAa,IAAI,WAAW,EAAE,CAAC,CAAC,CAAC,KAAK,CAAC,aAAa,CAAC,CAAC,CAAC,SAAS;KAC7G,CAAA;AACH,CAAC;AAED,SAAS,sBAAsB,CAAC,KAA+B;IAC7D,OAAO,KAAK,CAAC,YAAY,IAAI,CAAC,CAAA;AAChC,CAAC;AAED,SAAS,kBAAkB,CAAC,aAA+B,EAAE,QAAoB;IAC/E,IAAI,SAAgC,CAAA;IACpC,MAAM,EAAE,IAAI,EAAE,gBAAgB,EAAE,GAAG,eAAe,CAAC,aAAa,EAAE,UAAU,EAAE,GAAG,EAAE;QACjF,kGAAkG;QAClG,SAAS,GAAG,UAAU,CAAC,GAAG,EAAE,CAAC,QAAQ,EAAE,CAAC,CAAA;IAC1C,CAAC,CAAC,CAAA;IACF,OAAO;QACL,IAAI,EAAE,GAAG,EAAE;YACT,gBAAgB,EAAE,CAAA;YAClB,YAAY,CAAC,SAAS,CAAC,CAAA;QACzB,CAAC;KACF,CAAA;AACH,CAAC"}