@pendo/agent 2.341.0 → 2.342.0

package/dist/dom.esm.js

@@ -7291,6 +7291,17 @@ function shouldWrapHashChange() {
 function isMobileUserAgent() {
     return (/Android|webOS|iPhone|iPod|BlackBerry|IEMobile|Opera Mini/i).test(getUA());
 }
+// WICG inert polyfills through 3.1.0 install their MutationObserver-driven manager even where
+// the browser supports inert natively, and inject #inert-style when they do. With one active,
+// inerting a large subtree costs a full tree walk plus a subtree observer for as long as the
+// attribute stays, so treat the page as not supporting inert.
+function supportsInert() {
+    var descriptor = window.HTMLElement && _.isFunction(Object.getOwnPropertyDescriptor) &&
+        Object.getOwnPropertyDescriptor(window.HTMLElement.prototype, 'inert');
+    var isNative = !!(descriptor && descriptor.get && isNativeCode(descriptor.get));
+    var isPolyfilled = !!document.getElementById('inert-style');
+    return isNative && !isPolyfilled;
+}
 function isSafari(userAgent) {
     if (userAgent === void 0) { userAgent = getUA(); }
     return userAgent.indexOf('Safari') >= 0 && !isChromium(userAgent);
@@ -7305,6 +7316,7 @@ function isChromium(userAgent) {
 var sniffer = {
     supportsHistoryApi: shouldWrapNativeHistory,
     supportsHashChange: shouldWrapHashChange,
+    supportsInert: supportsInert,
     hasEvent: function (event) {
         // IE9 implements 'input' event it's so fubared that we rather pretend that it doesn't have
         // it. In particular the event is not fired when backspace or delete key are pressed or
@@ -7529,7 +7541,7 @@ function applyMatrix2dRect(matrix2d, rect) {
     return transformedRect;
 }
 
-var VERSION = '2.341.0_';
+var VERSION = '2.342.0_';
 
 var decodeURIComponent = _.isFunction(globalScope.decodeURIComponent) ? globalScope.decodeURIComponent : _.identity;
 

package/dist/pendo.module.js

@@ -3926,6 +3926,17 @@ function shouldWrapHashChange() {
 function isMobileUserAgent() {
     return (/Android|webOS|iPhone|iPod|BlackBerry|IEMobile|Opera Mini/i).test(getUA());
 }
+// WICG inert polyfills through 3.1.0 install their MutationObserver-driven manager even where
+// the browser supports inert natively, and inject #inert-style when they do. With one active,
+// inerting a large subtree costs a full tree walk plus a subtree observer for as long as the
+// attribute stays, so treat the page as not supporting inert.
+function supportsInert() {
+    const descriptor = window.HTMLElement && _.isFunction(Object.getOwnPropertyDescriptor) &&
+        Object.getOwnPropertyDescriptor(window.HTMLElement.prototype, 'inert');
+    const isNative = !!(descriptor && descriptor.get && isNativeCode(descriptor.get));
+    const isPolyfilled = !!document.getElementById('inert-style');
+    return isNative && !isPolyfilled;
+}
 function isSafari(userAgent = getUA()) {
     return userAgent.indexOf('Safari') >= 0 && !isChromium(userAgent);
 }
@@ -3938,6 +3949,7 @@ function isChromium(userAgent = getUA()) {
 const sniffer = {
     supportsHistoryApi: shouldWrapNativeHistory,
     supportsHashChange: shouldWrapHashChange,
+    supportsInert,
     hasEvent(event) {
         // IE9 implements 'input' event it's so fubared that we rather pretend that it doesn't have
         // it. In particular the event is not fired when backspace or delete key are pressed or
@@ -4046,8 +4058,8 @@ let SERVER = '';
 let ASSET_HOST = '';
 let ASSET_PATH = '';
 let DESIGNER_SERVER = '';
-let VERSION = '2.341.0_';
-let PACKAGE_VERSION = '2.341.0';
+let VERSION = '2.342.0_';
+let PACKAGE_VERSION = '2.342.0';
 let LOADER = 'xhr';
 /* eslint-enable web-sdk-eslint-rules/no-gulp-env-references */
 /**
@@ -14353,9 +14365,13 @@ function getPendoCdnHost() {
         return stripScheme(ASSET_HOST);
     return serverHost.replace(appLabel, '$1cdn.');
 }
-// NOTE: this previously was *only* checking the snippet provided config for contentHost
+// A contentHost set up as a CNAME in app settings is delivered in the hosted config, while a
+// snippet value is the customer's own override of it. Same precedence getDataHost uses.
+function getConfiguredContentHost() {
+    return ConfigReader.getLocalConfig('contentHost') || ConfigReader.getHostedConfig('contentHost');
+}
 function replaceWithContentHost(str) {
-    var contentHost = ConfigReader.getLocalConfig('contentHost');
+    var contentHost = getConfiguredContentHost();
     if (!contentHost || !str)
         return str;
     contentHost = normalizeContentHost(contentHost);
@@ -14380,7 +14396,7 @@ function replaceWithContentHost(str) {
     }, str);
 }
 function replaceObjectWithContentHost(obj) {
-    var contentHost = ConfigReader.getLocalConfig('contentHost');
+    var contentHost = getConfiguredContentHost();
     if (!contentHost)
         return obj;
     return JSON.parse(replaceWithContentHost(JSON.stringify(obj)));
@@ -22031,7 +22047,9 @@ Badge.behaviors = [
 function InlinePosition() {
     function getShadowDomAdjustedTarget(target) {
         try {
-            if (target.shadowRoot && !target.shadowRoot.querySelector('slot')) {
+            // Only a default (unnamed) slot can render a badge appended as a light-DOM
+            // child, so fall back to the shadow root when there isn't one
+            if (target.shadowRoot && !target.shadowRoot.querySelector('slot:not([name])')) {
                 return target.shadowRoot;
             }
         }
@@ -22052,7 +22070,7 @@ function InlinePosition() {
             if (targetElem && targetElem.tagName) {
                 var tagName = targetElem.tagName.toLowerCase();
                 var shadowDomAdjustedTarget = getShadowDomAdjustedTarget(targetElem);
-                if (/br|input|img|select|textarea/.test(tagName)) {
+                if (/^(?:br|input|img|select|textarea)$/.test(tagName)) {
                     if (badgeElem.parentNode === targetElem.parentNode)
                         return;
                     // Insert after if targetElem cannot have children
@@ -23590,16 +23608,23 @@ function backdropInertRuntimeScript(step, guide, pendo) {
         return;
     if (step.hasBackdrop) {
         const BuildingBlockGuides = pendo.BuildingBlocks.BuildingBlockGuides;
-        const excludeElements = getTargetAreaElementsForBlockOut(step);
-        // The preview bar iframe is a sibling of the guide under <body>; inerting it
-        // would make preview mode's controls unclickable while the backdrop shows.
-        const previewBar = document.getElementById('pendo-preview');
-        if (previewBar) {
-            excludeElements.push(previewBar);
-        }
-        const inertElements = BuildingBlockGuides.addInertOutsideGuide(step.guideElement[0], [], excludeElements);
-        step.hiddenElements = (step.hiddenElements || []).concat(inertElements);
+        const guideElement = step.guideElement[0];
+        const excludeElements = getExcludedElements(step);
+        const disabledElements = sniffer.supportsInert()
+            ? BuildingBlockGuides.addInertOutsideGuide(guideElement, [], excludeElements)
+            : BuildingBlockGuides.addAriaHiddenOutsideGuide(guideElement, [], excludeElements);
+        step.hiddenElements = (step.hiddenElements || []).concat(disabledElements);
+    }
+}
+function getExcludedElements(step) {
+    const excludeElements = getTargetAreaElementsForBlockOut(step);
+    // The preview bar iframe is a sibling of the guide under <body>; inerting it
+    // would make preview mode's controls unclickable while the backdrop shows.
+    const previewBar = document.getElementById('pendo-preview');
+    if (previewBar) {
+        excludeElements.push(previewBar);
     }
+    return excludeElements;
 }
 var backdropInertStep = {
     script: backdropInertRuntimeScript
@@ -30932,21 +30957,26 @@ var BuildingBlockGuides = (function () {
         domElem.append(endFocusBumper);
         return [startFocusBumper, endFocusBumper];
     }
-    function addAriaHiddenOutsideGuide(elem, hidden = []) {
+    // native contains() can't see into shadow trees, so excluded elements inside a
+    // shadow root (e.g. blockOut target areas) need the shadow-aware walk
+    function containsExcludedElement(elem, excludeElements) {
+        return _.some(excludeElements, (excluded) => excluded && (elem === excluded || contains(elem, excluded)));
+    }
+    function addAriaHiddenOutsideGuide(elem, hidden = [], excludeElements = []) {
         if (!elem || elem === getBody())
             return hidden;
         const siblings = getSiblings(elem);
         _.each(siblings, (s) => {
-            if (hidden.indexOf(s) === -1 && s.getAttribute('aria-hidden') !== 'true') {
-                const tagName = s.tagName.toLowerCase();
-                if (tagName !== 'script' && tagName !== 'style') {
-                    s.setAttribute('aria-hidden', 'true');
-                    hidden.push(s);
-                }
+            const tagName = s.tagName.toLowerCase();
+            const alreadyHidden = s.getAttribute('aria-hidden') === 'true';
+            const isExcluded = containsExcludedElement(s, excludeElements);
+            if (hidden.indexOf(s) === -1 && !alreadyHidden && !isExcluded && tagName !== 'script' && tagName !== 'style') {
+                s.setAttribute('aria-hidden', 'true');
+                hidden.push(s);
             }
         });
         if (elem.parentNode) {
-            addAriaHiddenOutsideGuide(elem.parentNode, hidden);
+            addAriaHiddenOutsideGuide(elem.parentNode, hidden, excludeElements);
         }
         return hidden;
     }
@@ -30960,9 +30990,7 @@ var BuildingBlockGuides = (function () {
         _.each(siblings, (s) => {
             const tagName = s.tagName.toLowerCase();
             const alreadyDisabled = s.getAttribute('inert') === 'true';
-            // native contains() can't see into shadow trees, so excluded elements inside a
-            // shadow root (e.g. blockOut target areas) need the shadow-aware walk
-            const isExcluded = _.some(excludeElements, (excluded) => excluded && (s === excluded || contains(s, excluded)));
+            const isExcluded = containsExcludedElement(s, excludeElements);
             if (hidden.indexOf(s) === -1 && !alreadyDisabled && !isExcluded && tagName !== 'script' && tagName !== 'style') {
                 s.setAttribute('inert', 'true');
                 hidden.push(s);