@pendo/agent 2.290.1 → 2.290.2

package/dist/dom.esm.js

@@ -5283,16 +5283,6 @@ function isElementShadowRoot(elem, _win) {
 function getParent(elem, _win) {
     return isElementShadowRoot(elem, _win) ? elem.host : elem.parentNode;
 }
-function contains(context, elem, _win) {
-    var parent = elem;
-    while (parent) {
-        if (parent === context) {
-            return true;
-        }
-        parent = getParent(parent, _win);
-    }
-    return false;
-}
 
 var shadowAPI = (function () {
     function isShadowSelector(selector) {
@@ -5325,19 +5315,10 @@ var shadowAPI = (function () {
         isElementShadowRoot: isElementShadowRoot,
         getParent: getParent,
         isShadowSelector: isShadowSelector,
-        wrapSizzle: function (Sizzle, shadowDomManager) {
+        wrapSizzle: function (Sizzle) {
             Sizzle.intercept(function (Sizzle, selection, context, results, seed) {
                 if (!isShadowSelector(selection)) {
-                    var queryResults_1 = Sizzle(selection, context, results, seed);
-                    if (shadowDomManager.cache.size > 0) {
-                        // eslint-disable-next-line agent-eslint-rules/no-array-foreach
-                        shadowDomManager.cache.forEach(function (shadowRoot) {
-                            if (!context || context === document || contains(context, shadowRoot)) {
-                                queryResults_1.push.apply(queryResults_1, Sizzle(selection, shadowRoot, results, seed));
-                            }
-                        });
-                    }
-                    return queryResults_1;
+                    return Sizzle(selection, context, results, seed);
                 }
                 if (!_.isFunction(document.documentElement.attachShadow)) {
                     return Sizzle(selection.replace(shadowAPI.PSEUDO_REGEX, ''), context, results, seed);
@@ -7311,7 +7292,7 @@ function getScreenPosition(element) {
     };
 }
 
-var VERSION = '2.290.1_';
+var VERSION = '2.290.2_';
 
 var decodeURIComponent = _.isFunction(window.decodeURIComponent) ? window.decodeURIComponent : _.identity;
 

package/dist/pendo.module.js

@@ -3903,8 +3903,8 @@ var SERVER = '';
 var ASSET_HOST = '';
 var ASSET_PATH = '';
 var DESIGNER_SERVER = '';
-var VERSION = '2.290.1_';
-var PACKAGE_VERSION = '2.290.1';
+var VERSION = '2.290.2_';
+var PACKAGE_VERSION = '2.290.2';
 var LOADER = 'xhr';
 /* eslint-enable agent-eslint-rules/no-gulp-env-references */
 /**
@@ -6131,16 +6131,6 @@ function isElementShadowRoot(elem, _win) {
 function getParent(elem, _win) {
     return isElementShadowRoot(elem, _win) ? elem.host : elem.parentNode;
 }
-function contains(context, elem, _win) {
-    let parent = elem;
-    while (parent) {
-        if (parent === context) {
-            return true;
-        }
-        parent = getParent(parent, _win);
-    }
-    return false;
-}
 
 var shadowAPI = (function () {
     function isShadowSelector(selector) {
@@ -6173,19 +6163,10 @@ var shadowAPI = (function () {
         isElementShadowRoot: isElementShadowRoot,
         getParent: getParent,
         isShadowSelector,
-        wrapSizzle(Sizzle, shadowDomManager) {
+        wrapSizzle(Sizzle) {
             Sizzle.intercept(function (Sizzle, selection, context, results, seed) {
                 if (!isShadowSelector(selection)) {
-                    const queryResults = Sizzle(selection, context, results, seed);
-                    if (shadowDomManager.cache.size > 0) {
-                        // eslint-disable-next-line agent-eslint-rules/no-array-foreach
-                        shadowDomManager.cache.forEach(shadowRoot => {
-                            if (!context || context === document || contains(context, shadowRoot)) {
-                                queryResults.push(...Sizzle(selection, shadowRoot, results, seed));
-                            }
-                        });
-                    }
-                    return queryResults;
+                    return Sizzle(selection, context, results, seed);
                 }
                 if (!_.isFunction(document.documentElement.attachShadow)) {
                     return Sizzle(selection.replace(shadowAPI.PSEUDO_REGEX, ''), context, results, seed);
@@ -25597,7 +25578,7 @@ function securityPolicyViolationFn(evt) {
  * @example
  * pendo.initGuides()
  */
-var initGuides = function (observer) {
+var initGuides = function () {
     const teardownFns = [];
     teardownFns.push(initGuideAnalytics({
         localStorageUnload: ConfigReader.get('analytics.localStorageUnload')
@@ -25661,8 +25642,8 @@ var initGuides = function (observer) {
     teardownFns.push(attachEventInternal(window, 'gestureend', adjustGuidesOnGestureEnd, true));
     teardownFns.push(attachEventInternal(window, 'securitypolicyviolation', securityPolicyViolationFn));
     teardownFns.push(createVideoFullScreenListeners());
-    if (observer.observing) {
-        var updateGuide = function () {
+    if (ConfigReader.get('preferMutationObserver') && sniffer.MutationObserver) {
+        var updateGuide = function (event) {
             store.dispatch('guideUpdate/documentChanged');
         };
         const debouncedUpdate = _.debounce(updateGuide, 50);
@@ -25670,8 +25651,10 @@ var initGuides = function (observer) {
         teardownFns.push(attachEvent(window, 'animationend', debouncedUpdate));
         teardownFns.push(attachEvent(window, 'transitionend', debouncedUpdate));
         teardownFns.push(attachEvent(window, 'mouseover', debouncedUpdate));
-        store.commit('guideUpdate/setObserver', observer);
         store.commit('guideUpdate/setUseObserver');
+        if (ConfigReader.get('observeShadowRoots')) {
+            store.commit('guideUpdate/setObserveShadowRoots');
+        }
         teardownFns.push(() => store.dispatch('guideUpdate/stopObserver'));
     }
     /**
@@ -27052,159 +27035,6 @@ const isReady = (pendoObj) => {
     return pendoObj.doesExist(pendoObj.apiKey);
 };
 
-class ShadowDomManager extends EventTarget {
-    constructor() {
-        super();
-        this.cache = new Set();
-        this.foundShadowRoots = false;
-        this.stoppedSearchEarly = false;
-    }
-    updateCache() {
-        // eslint-disable-next-line agent-eslint-rules/no-array-foreach
-        this.cache.forEach(shadowRoot => {
-            if (!isInDocument(shadowRoot)) {
-                this.cache.delete(shadowRoot);
-                this.dispatchEvent({
-                    type: 'detachShadow',
-                    shadowRoot
-                });
-            }
-        });
-    }
-    patchAttachShadow(Element) {
-        const original = Element.prototype.attachShadow;
-        const self = this;
-        Element.prototype.attachShadow = function (options) {
-            const shadowRoot = original.call(this, options);
-            if (this.shadowRoot) {
-                self.triggerAttachShadow(this.shadowRoot);
-            }
-            return shadowRoot;
-        };
-        Element.prototype.attachShadow.toString = function () {
-            return original.toString();
-        };
-        return () => {
-            Element.prototype.attachShadow = original;
-        };
-    }
-    initialize() {
-        this.unpatchAttachShadow = this.patchAttachShadow(Element);
-        this.findShadowRoots(document);
-    }
-    triggerAttachShadow(shadowRoot) {
-        this.cache.add(shadowRoot);
-        this.dispatchEvent({
-            type: 'attachShadow',
-            shadowRoot
-        });
-    }
-    findShadowRoots(document, maxPerSearch = 5000) {
-        if (!_.isFunction(document.createNodeIterator))
-            return;
-        let nodesChecked = 0;
-        let queue = [getBody(document)];
-        let currentNode;
-        function eachShadowRoot(iterator) {
-            do {
-                if (!iterator) {
-                    iterator = document.createNodeIterator(queue.pop(), NodeFilter.SHOW_ELEMENT);
-                }
-                if (!iterator || !iterator.nextNode)
-                    break;
-                while ((currentNode = iterator.nextNode())) {
-                    nodesChecked++;
-                    if (currentNode && currentNode.shadowRoot) {
-                        this.triggerAttachShadow(currentNode.shadowRoot);
-                        queue.push(currentNode.shadowRoot);
-                        this.foundShadowRoots = true;
-                    }
-                    if (nodesChecked % maxPerSearch === 0)
-                        break;
-                }
-                if (currentNode)
-                    break;
-                iterator = null;
-            } while (queue.length);
-            if (currentNode && this.foundShadowRoots) {
-                this.findTimeout = setTimeout$1(() => {
-                    this.findTimeout = null;
-                    eachShadowRoot.call(this, iterator);
-                }, 50);
-            }
-            if (nodesChecked === maxPerSearch && !this.foundShadowRoots) {
-                this.stoppedSearchEarly = true;
-            }
-        }
-        eachShadowRoot.call(this);
-    }
-    teardown() {
-        this.cache.clear();
-        if (_.isFunction(this.unpatchAttachShadow)) {
-            this.unpatchAttachShadow();
-            this.unpatchAttachShadow = null;
-        }
-        if (this.findTimeout) {
-            clearTimeout(this.findTimeout);
-            this.findTimeout = null;
-        }
-    }
-}
-
-class UberMutationObserver extends EventTarget {
-    constructor(observerClass = getZoneSafeMethod('MutationObserver')) {
-        super();
-        this.ObserverClass = observerClass;
-        this.observing = false;
-        this.observers = new Map();
-        this.shadowDom = new ShadowDomManager();
-        this.shadowDom.addEventListener('attachShadow', _.bind(this.handleAttachShadow, this));
-        this.shadowDom.addEventListener('detachShadow', _.bind(this.handleDetachShadow, this));
-        this.addEventListener('mutation', () => {
-            this.shadowDom.updateCache();
-        });
-    }
-    initialize(pendo, PluginAPI) {
-        const configReader = PluginAPI.ConfigReader;
-        if (!configReader.get('preferMutationObserver') || !pendo.sniffer.MutationObserver) {
-            return;
-        }
-        this.observeShadowRoots = configReader.get('observeShadowRoots');
-        this.startObserver(document.documentElement);
-        this.observing = true;
-        if (this.observeShadowRoots) {
-            this.shadowDom.initialize();
-        }
-    }
-    startObserver(target) {
-        const observer = new this.ObserverClass(_.bind(this.triggerMutation, this));
-        this.observers.set(target, observer);
-        observer.observe(target, {
-            subtree: true,
-            attributes: true,
-            childList: true,
-            characterData: true
-        });
-    }
-    teardown() {
-        this.observers.clear();
-        this.shadowDom.teardown();
-    }
-    triggerMutation(mutation) {
-        this.dispatchEvent({
-            type: 'mutation',
-            mutation
-        });
-    }
-    handleAttachShadow({ shadowRoot }) {
-        this.startObserver(shadowRoot);
-    }
-    handleDetachShadow({ shadowRoot }) {
-        this.observers.delete(shadowRoot);
-    }
-}
-var observer = new UberMutationObserver();
-
 // ---------------------------------------------------------------------------
 function registerEventHandlers({ events = [] }) {
     _.each(events, (callback, eventName) => {
@@ -27315,9 +27145,6 @@ const initialize = makeSafe(function (options) {
     teardownFns.push(initializeEventBuffer({
         localStorageUnload: localStorageUnloadEnabled
     }));
-    // needs to happen before initGuides
-    observer.initialize(pendo$1, PluginAPI);
-    teardownFns.push(() => observer.teardown());
     if (pendoCore) {
         /**
         * Current visitor id for pendo installation, either anonymous or identified. Used to determine
@@ -27371,7 +27198,7 @@ const initialize = makeSafe(function (options) {
         // Register handlers passed through pendo_options
         teardownFns.push(forwardInternalEvents(Events));
         registerEventHandlers(options);
-        teardownFns.push(initGuides(observer)); // this is safe.  loadGuides actually does the loading.
+        teardownFns.push(initGuides()); // this is safe.  loadGuides actually does the loading.
         initIdentityEvents(); // setup identify and meta event listeners
         teardownFns.push(wirePage());
         teardownFns.push(initializePlugins());
@@ -32317,6 +32144,75 @@ function updateMasterGuideList(state) {
     }
 }
 
+function addShadowObserver(shadowRoot, observerCallback) {
+    const MutationObserver = getZoneSafeMethod('MutationObserver');
+    const shadowObserver = new MutationObserver(observerCallback);
+    shadowObserver.observe(shadowRoot, {
+        subtree: true,
+        attributes: true,
+        childList: true,
+        characterData: true
+    });
+}
+function patchAttachShadow(observerCallback) {
+    const original = Element.prototype.attachShadow;
+    Element.prototype.attachShadow = function (options) {
+        const shadowRoot = original.call(this, options);
+        if (this.shadowRoot) {
+            addShadowObserver(this.shadowRoot, observerCallback);
+        }
+        return shadowRoot;
+    };
+    Element.prototype.attachShadow.toString = function () {
+        return original.toString();
+    };
+}
+function startObserver(observerCallback) {
+    patchAttachShadow(observerCallback);
+    if (!_.isFunction(document.createNodeIterator))
+        return;
+    const maxPerSearch = 5000;
+    let nodesChecked = 0;
+    let queue = [getBody()];
+    let currentNode;
+    function eachShadowRoot(iterator) {
+        do {
+            if (!iterator) {
+                iterator = document.createNodeIterator(queue.pop(), NodeFilter.SHOW_ELEMENT);
+            }
+            if (!iterator || !iterator.nextNode)
+                break;
+            while ((currentNode = iterator.nextNode())) {
+                nodesChecked++;
+                if (currentNode && currentNode.shadowRoot) {
+                    addShadowObserver(currentNode.shadowRoot, observerCallback);
+                    queue.push(currentNode.shadowRoot);
+                    shadowDomManager.foundShadowRoots = true;
+                }
+                if (nodesChecked % maxPerSearch === 0)
+                    break;
+            }
+            if (currentNode)
+                break;
+            iterator = null;
+        } while (queue.length);
+        if (currentNode && shadowDomManager.foundShadowRoots) {
+            setTimeout$1(() => {
+                eachShadowRoot(iterator);
+            }, 50);
+        }
+        if (nodesChecked === maxPerSearch && !shadowDomManager.foundShadowRoots) {
+            shadowDomManager.stoppedSearchEarly = true;
+        }
+    }
+    eachShadowRoot();
+}
+const shadowDomManager = {
+    startObserver,
+    foundShadowRoots: false,
+    stoppedSearchEarly: false
+};
+
 var GuideUpdateModule = (function () {
     var observer;
     function observerCallback() {
@@ -32327,6 +32223,7 @@ var GuideUpdateModule = (function () {
     }
     var state = {
         useObserver: false,
+        observeShadowRoots: false,
         observing: false,
         needsUpdate: false,
         scheduledUpdate: null,
@@ -32357,31 +32254,43 @@ var GuideUpdateModule = (function () {
                 context.commit('setScheduledUpdate', null);
             }
         },
-        startObserverIfNeeded(context) {
+        startObserverIfNeeded(context, observerClass) {
             if (context.state.useObserver) {
+                var observerInstance = context.getters.observer();
+                if (!observerInstance) {
+                    observerInstance = new (observerClass || getZoneSafeMethod('MutationObserver'))(observerCallback);
+                    observer = observerInstance;
+                }
                 if (!context.state.observing) {
-                    const observer = context.getters.observer();
-                    observer.addEventListener('mutation', observerCallback);
+                    observerInstance.observe(document.documentElement, {
+                        subtree: true,
+                        attributes: true,
+                        childList: true,
+                        characterData: true
+                    });
+                    if (context.state.observeShadowRoots) {
+                        shadowDomManager.startObserver(observerCallback);
+                    }
                     context.commit('setObserving', true);
                 }
             }
         },
         stopObserver(context) {
-            const observer = context.getters.observer();
-            if (observer) {
-                observer.removeEventListener('mutation', observerCallback);
+            var observerInstance = context.getters.observer();
+            if (observerInstance && _.isFunction(observerInstance.disconnect)) {
+                observerInstance.disconnect();
             }
             context.commit('setObserving', false);
             context.dispatch('stopScheduledUpdate');
         }
     };
     var mutations = {
-        setObserver(state, _observer) {
-            observer = _observer;
-        },
         setUseObserver(state) {
             state.useObserver = true;
         },
+        setObserveShadowRoots(state) {
+            state.observeShadowRoots = true;
+        },
         setObserving(state, observing) {
             state.observing = observing;
         },
@@ -36296,8 +36205,7 @@ function debuggerExports() {
         isStagingServer,
         AutoDisplay,
         isLeader,
-        Events,
-        observer
+        Events
     };
 }
 function startDebuggingModuleIfEnabled() {
@@ -38676,7 +38584,7 @@ function initAgent(pendo, PendoConfig) {
     AsyncContent.reset();
     store.dispatch('frames/init');
     logPublic.init();
-    shadowAPI.wrapSizzle(SizzleProxy, observer.shadowDom);
+    shadowAPI.wrapSizzle(SizzleProxy);
     SizzleProxy.intercept(sizzleAttachPointInterceptor);
     populatePendoObject(pendo);
     log.addEventListener('log', _.partial(store.dispatch, 'errorLog/write'));