Tengo una configuración de guía en pendo, pero necesito incluir una función que continúe con la guía cuando el usuario haga clic en un elemento diferente al elemento pendo de destino.

Encontré esta función:

 module.exports = (function wireGuideAdvance(dom, step) { if (!step) return; var nextStep = guide.steps[guide.getPositionOfStep(step)]; var advanceOnce = pendo._.once(pendo.onGuideAdvanced); function checkForElementAndAdvance(e) { var checkForNextElement = setInterval(function () { if (dom(nextStep.elementPathRule).length) { advanceOnce(); clearInterval(checkForNextElement); } }, 1000); } pendo.attachEvent(document, 'click', checkForElementAndAdvance); // step wrappable method to clear all event listeners step.after('teardown', function () { pendo.detachEvent(document, 'click', checkForElementAndAdvance); });

})(pendo.dom, paso);

pero no sé cómo usar esto dentro de la aplicación Angular.