@microsoft/applicationinsights-clickanalytics-js 2.8.0-nightly.2202-06 → 2.8.0-nightly.2204-06

package/dist-esm/handlers/DomContentHandler.js

@@ -1,12 +1,13 @@
 /*
- * Application Insights JavaScript SDK - Click Analytics, 2.8.0-nightly.2202-06
+ * Application Insights JavaScript SDK - Click Analytics, 2.8.0-nightly.2204-06
  * Copyright (c) Microsoft and contributors. All rights reserved.
  */
 /**
  * @copyright Microsoft 2020
  */
-import { removeInvalidElements, walkUpDomChainWithElementValidation, extend, _ExtendedInternalMessageId, isValueAssigned } from "../common/Utils";
-import { LoggingSeverity, getDocument, isNullOrUndefined, hasDocument } from "@microsoft/applicationinsights-core-js";
+import dynamicProto from "@microsoft/dynamicproto-js";
+import { removeInvalidElements, walkUpDomChainWithElementValidation, extend, isValueAssigned } from "../common/Utils";
+import { getDocument, isNullOrUndefined, hasDocument, _throwInternal } from "@microsoft/applicationinsights-core-js";
 var MAX_CONTENTNAME_LENGTH = 200;
 var DomContentHandler = /** @class */ (function () {
     /**
@@ -16,302 +17,304 @@ var DomContentHandler = /** @class */ (function () {
     function DomContentHandler(_config, _traceLogger) {
         this._config = _config;
         this._traceLogger = _traceLogger;
-    }
-    /**
-     * Collect metatags from DOM.
-     * Collect data from meta tags.
-     * @returns {object} - Metatags collection/property bag
-     */
-    DomContentHandler.prototype.getMetadata = function () {
-        var metaTags = {};
-        if (hasDocument) {
-            metaTags = isValueAssigned(this._config.dataTags.metaDataPrefix) ? this._getMetaDataFromDOM(this._config.dataTags.captureAllMetaDataContent, this._config.dataTags.metaDataPrefix, false) :
-                this._getMetaDataFromDOM(this._config.dataTags.captureAllMetaDataContent, "", false);
-        }
-        return metaTags;
-    };
-    /**
-     * Collect data-* attributes for the given element.
-     * All attributes with data-* prefix or user provided customDataPrefix are collected.'data-*' prefix is removed from the key name.
-     * @param element - The element from which attributes need to be collected.
-     * @returns String representation of the Json array of element attributes
-     */
-    DomContentHandler.prototype.getElementContent = function (element) {
-        if (!element) {
-            return {};
-        }
-        var elementContent = {};
-        var biBlobValue;
-        var parentDataTagPrefix;
-        var dataTagPrefix = this._config.dataTags.customDataPrefix;
-        var aiBlobAttributeTag = dataTagPrefix + this._config.dataTags.aiBlobAttributeTag;
-        if (isValueAssigned(this._config.dataTags.parentDataTag)) {
-            parentDataTagPrefix = dataTagPrefix + this._config.dataTags.parentDataTag;
-        }
-        if (!this._isTracked(element, dataTagPrefix, aiBlobAttributeTag)) {
-            // capture blob from element or hierarchy
-            biBlobValue = element.getAttribute(aiBlobAttributeTag);
-            if (biBlobValue) {
-                try {
-                    elementContent = JSON.parse(biBlobValue);
+        dynamicProto(DomContentHandler, this, function (_self) {
+            _self.getMetadata = function () {
+                var dataTags = (_self._config || {}).dataTags;
+                var metaTags = {};
+                if (hasDocument) {
+                    metaTags = isValueAssigned(dataTags.metaDataPrefix) ? _getMetaDataFromDOM(dataTags.captureAllMetaDataContent, dataTags.metaDataPrefix, false) :
+                        _getMetaDataFromDOM(dataTags.captureAllMetaDataContent, "", false);
+                }
+                return metaTags;
+            };
+            _self.getElementContent = function (element) {
+                if (!element) {
+                    return {};
                 }
-                catch (e) {
-                    this._traceLogger.throwInternal(LoggingSeverity.CRITICAL, _ExtendedInternalMessageId.CannotParseAiBlobValue, "Can not parse " + biBlobValue);
+                var dataTags = (_self._config || {}).dataTags;
+                var elementContent = {};
+                var biBlobValue;
+                var parentDataTagPrefix;
+                var dataTagPrefix = dataTags.customDataPrefix;
+                var aiBlobAttributeTag = dataTagPrefix + dataTags.aiBlobAttributeTag;
+                if (isValueAssigned(dataTags.parentDataTag)) {
+                    parentDataTagPrefix = dataTagPrefix + dataTags.parentDataTag;
+                }
+                if (!_isTracked(element, dataTagPrefix, aiBlobAttributeTag)) {
+                    // capture blob from element or hierarchy
+                    biBlobValue = element.getAttribute(aiBlobAttributeTag);
+                    if (biBlobValue) {
+                        try {
+                            elementContent = JSON.parse(biBlobValue);
+                        }
+                        catch (e) {
+                            _throwInternal(_self._traceLogger, 1 /* CRITICAL */, 101 /* CannotParseAiBlobValue */, "Can not parse " + biBlobValue);
+                        }
+                    }
+                    else {
+                        // traverse up the DOM to find the closest parent with data-* tag defined
+                        //contentElement = walkUpDomChainWithElementValidation(element, _self._isTracked, dataTagPrefix);
+                        elementContent = extend(elementContent, _populateElementContent(element, dataTagPrefix, parentDataTagPrefix, aiBlobAttributeTag));
+                    }
+                }
+                else {
+                    elementContent = extend(elementContent, _populateElementContentwithDataTag(element, dataTagPrefix, parentDataTagPrefix, aiBlobAttributeTag));
+                }
+                removeInvalidElements(elementContent);
+                if (parentDataTagPrefix) {
+                    elementContent = extend(elementContent, _getParentDetails(element, elementContent, dataTagPrefix, aiBlobAttributeTag));
+                }
+                return elementContent;
+            };
+            /**
+             * Capture current level Element content
+             */
+            function _captureElementContentWithDataTag(contentElement, elementContent, dataTagPrefix) {
+                for (var i = 0, attrib; i < contentElement.attributes.length; i++) {
+                    attrib = contentElement.attributes[i];
+                    if (attrib.name.indexOf(dataTagPrefix) !== 0) {
+                        continue;
+                    }
+                    var attribName = attrib.name.replace(dataTagPrefix, "");
+                    elementContent[attribName] = attrib.value;
                 }
             }
-            else {
-                // traverse up the DOM to find the closest parent with data-* tag defined
-                //contentElement = walkUpDomChainWithElementValidation(element, this._isTracked, dataTagPrefix);
-                elementContent = extend(elementContent, this._populateElementContent(element, dataTagPrefix, parentDataTagPrefix, aiBlobAttributeTag));
+            /**
+             * Walk Up the DOM to capture Element content
+             */
+            function _walkUpDomChainCaptureData(el, elementContent, dataTagPrefix, parentDataTagPrefix, aiBlobAttributeTag) {
+                var element = el;
+                var parentDataTagFound = false;
+                var elementLevelFlag = false; // Use this flag to capture 'id' only at the incoming html element level.
+                while (!isNullOrUndefined(element) && !isNullOrUndefined(element.attributes)) {
+                    var attributes = element.attributes;
+                    for (var i = 0; i < attributes.length; i++) {
+                        var attrib = attributes[i];
+                        if (attrib.name.indexOf(dataTagPrefix) !== 0) {
+                            continue;
+                        }
+                        if (attrib.name.indexOf(parentDataTagPrefix) === 0) {
+                            parentDataTagFound = true;
+                        }
+                        // Todo handle blob data
+                        if (attrib.name.indexOf(aiBlobAttributeTag) === 0) {
+                            continue;
+                        }
+                        var attribName = attrib.name.replace(dataTagPrefix, "");
+                        if (elementLevelFlag && attribName === "id") {
+                            continue; // skip capturing id if not at the first level.
+                        }
+                        if (!isValueAssigned(elementContent[attribName])) {
+                            elementContent[attribName] = attrib.value;
+                        }
+                    }
+                    // break after current level;
+                    if (parentDataTagFound) {
+                        break;
+                    }
+                    elementLevelFlag = true; // after the initial level set this flag to true.
+                    element = element.parentNode;
+                }
             }
-        }
-        else {
-            elementContent = extend(elementContent, this._populateElementContentwithDataTag(element, dataTagPrefix, parentDataTagPrefix, aiBlobAttributeTag));
-        }
-        removeInvalidElements(elementContent);
-        if (parentDataTagPrefix) {
-            elementContent = extend(elementContent, this._getParentDetails(element, elementContent, dataTagPrefix, aiBlobAttributeTag));
-        }
-        return elementContent;
-    };
-    /**
-     * Capture current level Element content
-     */
-    DomContentHandler.prototype._captureElementContentWithDataTag = function (contentElement, elementContent, dataTagPrefix) {
-        for (var i = 0, attrib; i < contentElement.attributes.length; i++) {
-            attrib = contentElement.attributes[i];
-            if (attrib.name.indexOf(dataTagPrefix) !== 0) {
-                continue;
+            /**
+             * Capture Element content along with Data Tag attributes and values
+             */
+            function _populateElementContent(element, dataTagPrefix, parentDataTagPrefix, aiBlobAttributeTag) {
+                var elementContent = {};
+                if (!element) {
+                    return elementContent;
+                }
+                var htmlContent = _getHtmlIdAndContentName(element);
+                elementContent = {
+                    id: htmlContent.id || "",
+                    contentName: htmlContent.contentName || ""
+                };
+                if (isValueAssigned(parentDataTagPrefix)) {
+                    _walkUpDomChainCaptureData(element, elementContent, dataTagPrefix, parentDataTagPrefix, aiBlobAttributeTag);
+                }
+                // Validate to ensure the minimum required field 'id' or 'contentName' is present.
+                // The content schema defines id, aN and sN as required fields.  However,
+                // requiring these fields would result in majority of adopter's content from being collected.
+                // Just throw a warning and continue collection.
+                if (!elementContent.id && !elementContent.contentName) {
+                    _throwInternal(_traceLogger, 2 /* WARNING */, 102 /* InvalidContentBlob */, "Invalid content blob.  Missing required attributes (id, contentName. " +
+                        " Content information will still be collected!");
+                }
+                return elementContent;
             }
-            var attribName = attrib.name.replace(dataTagPrefix, "");
-            elementContent[attribName] = attrib.value;
-        }
-    };
-    /**
-     * Walk Up the DOM to capture Element content
-     */
-    DomContentHandler.prototype._walkUpDomChainCaptureData = function (el, elementContent, dataTagPrefix, parentDataTagPrefix, aiBlobAttributeTag) {
-        var element = el;
-        var parentDataTagFound = false;
-        var elementLevelFlag = false; // Use this flag to capture 'id' only at the incoming html element level.
-        while (!isNullOrUndefined(element) && !isNullOrUndefined(element.attributes)) {
-            var attributes = element.attributes;
-            for (var i = 0; i < attributes.length; i++) {
-                var attrib = attributes[i];
-                if (attrib.name.indexOf(dataTagPrefix) !== 0) {
-                    continue;
+            /**
+             * Capture Element content along with Data Tag attributes and values
+             */
+            function _populateElementContentwithDataTag(element, dataTagPrefix, parentDataTagPrefix, aiBlobAttributeTag) {
+                var dataTags = (_self._config || {}).dataTags;
+                var elementContent = {};
+                if (!element) {
+                    return elementContent;
                 }
-                if (attrib.name.indexOf(parentDataTagPrefix) === 0) {
-                    parentDataTagFound = true;
+                var htmlContent = _getHtmlIdAndContentName(element);
+                if (isValueAssigned(parentDataTagPrefix)) {
+                    _walkUpDomChainCaptureData(element, elementContent, dataTagPrefix, parentDataTagPrefix, aiBlobAttributeTag);
                 }
-                // Todo handle blob data
-                if (attrib.name.indexOf(aiBlobAttributeTag) === 0) {
-                    continue;
+                else {
+                    _captureElementContentWithDataTag(element, elementContent, dataTagPrefix);
                 }
-                var attribName = attrib.name.replace(dataTagPrefix, "");
-                if (elementLevelFlag && attribName === "id")
-                    continue; // skip capturing id if not at the first level.
-                if (!isValueAssigned(elementContent[attribName])) {
-                    elementContent[attribName] = attrib.value;
+                if (dataTags.useDefaultContentNameOrId) {
+                    if (!isValueAssigned(elementContent.id)) {
+                        elementContent.id = htmlContent.id || "";
+                    }
+                    elementContent.contentName = htmlContent.contentName || "";
+                }
+                // Validate to ensure the minimum required field 'id' or 'contentName' is present.
+                // The content schema defines id, aN and sN as required fields.  However,
+                // requiring these fields would result in majority of adopter's content from being collected.
+                // Just throw a warning and continue collection.
+                if (!elementContent.id && !elementContent.contentName) {
+                    _throwInternal(_traceLogger, 2 /* WARNING */, 102 /* InvalidContentBlob */, "Invalid content blob.  Missing required attributes (id, contentName. " +
+                        " Content information will still be collected!");
                 }
+                return elementContent;
             }
-            // break after current level;
-            if (parentDataTagFound) {
-                break;
+            /**
+             * Retrieve a specified metadata tag value from the DOM.
+             * @param captureAllMetaDataContent - Flag to capture all metadata content
+             * @param prefix - Prefix to search the metatags with.
+             * @param removePrefix - Specifies if the prefix must be excluded from key names in the returned collection.
+             * @returns Metadata collection/property bag
+             */
+            function _getMetaDataFromDOM(captureAllMetaDataContent, prefix, removePrefix) {
+                var metaElements;
+                var metaData = {};
+                if (hasDocument) {
+                    metaElements = document.querySelectorAll("meta");
+                    for (var i = 0; i < metaElements.length; i++) {
+                        var meta = metaElements[i];
+                        if (meta.name) {
+                            if (captureAllMetaDataContent || meta.name.indexOf(prefix) === 0) {
+                                var name_1 = removePrefix ? meta.name.replace(prefix, "") : meta.name;
+                                metaData[name_1] = meta.content;
+                            }
+                        }
+                    }
+                }
+                return metaData;
             }
-            elementLevelFlag = true; // after the initial level set this flag to true.
-            element = element.parentNode;
-        }
-    };
-    /**
-    * Capture Element content along with Data Tag attributes and values
-    */
-    DomContentHandler.prototype._populateElementContent = function (element, dataTagPrefix, parentDataTagPrefix, aiBlobAttributeTag) {
-        var elementContent = {};
-        if (!element)
-            return elementContent;
-        var htmlContent = this._getHtmlIdAndContentName(element);
-        elementContent = {
-            id: htmlContent.id || "",
-            contentName: htmlContent.contentName || ""
-        };
-        if (isValueAssigned(parentDataTagPrefix)) {
-            this._walkUpDomChainCaptureData(element, elementContent, dataTagPrefix, parentDataTagPrefix, aiBlobAttributeTag);
-        }
-        // Validate to ensure the minimum required field 'id' or 'contentName' is present.
-        // The content schema defines id, aN and sN as required fields.  However,
-        // requiring these fields would result in majority of adopter's content from being collected.
-        // Just throw a warning and continue collection.
-        if (!elementContent.id && !elementContent.contentName) {
-            this._traceLogger.throwInternal(LoggingSeverity.WARNING, _ExtendedInternalMessageId.InvalidContentBlob, "Invalid content blob.  Missing required attributes (id, contentName. " +
-                " Content information will still be collected!");
-        }
-        return elementContent;
-    };
-    /**
-     * Capture Element content along with Data Tag attributes and values
-     */
-    DomContentHandler.prototype._populateElementContentwithDataTag = function (element, dataTagPrefix, parentDataTagPrefix, aiBlobAttributeTag) {
-        var elementContent = {};
-        if (!element)
-            return elementContent;
-        var htmlContent = this._getHtmlIdAndContentName(element);
-        if (isValueAssigned(parentDataTagPrefix)) {
-            this._walkUpDomChainCaptureData(element, elementContent, dataTagPrefix, parentDataTagPrefix, aiBlobAttributeTag);
-        }
-        else {
-            this._captureElementContentWithDataTag(element, elementContent, dataTagPrefix);
-        }
-        if (this._config.dataTags.useDefaultContentNameOrId) {
-            if (!isValueAssigned(elementContent.id)) {
-                elementContent.id = htmlContent.id || "";
+            /**
+             * Gets the default content name.
+             * @param element - An html element
+             * @param useDefaultContentNameOrId -Flag indicating if an element is market PII.
+             * @returns Content name
+             */
+            function _getDefaultContentName(element, useDefaultContentName) {
+                if (useDefaultContentName === false || !element.tagName) {
+                    return "";
+                }
+                var doc = getDocument() || {};
+                var contentName;
+                switch (element.tagName) {
+                    case "A":
+                        contentName = doc.all ? element.innerText || element.innerHTML : element.text || element.innerHTML;
+                        break;
+                    case "IMG":
+                    case "AREA":
+                        contentName = element.alt;
+                        break;
+                    default:
+                        contentName = element.value || element.name || element.alt || element.innerText || element.id;
+                }
+                return contentName.substring(0, MAX_CONTENTNAME_LENGTH);
             }
-            elementContent.contentName = htmlContent.contentName || "";
-        }
-        // Validate to ensure the minimum required field 'id' or 'contentName' is present.
-        // The content schema defines id, aN and sN as required fields.  However,
-        // requiring these fields would result in majority of adopter's content from being collected.
-        // Just throw a warning and continue collection.
-        if (!elementContent.id && !elementContent.contentName) {
-            this._traceLogger.throwInternal(LoggingSeverity.WARNING, _ExtendedInternalMessageId.InvalidContentBlob, "Invalid content blob.  Missing required attributes (id, contentName. " +
-                " Content information will still be collected!");
-        }
-        return elementContent;
-    };
-    /**
-     * Retrieve a specified metadata tag value from the DOM.
-     * @param captureAllMetaDataContent - Flag to capture all metadata content
-     * @param prefix - Prefix to search the metatags with.
-     * @param removePrefix - Specifies if the prefix must be excluded from key names in the returned collection.
-     * @returns Metadata collection/property bag
-     */
-    DomContentHandler.prototype._getMetaDataFromDOM = function (captureAllMetaDataContent, prefix, removePrefix) {
-        var metaElements;
-        var metaData = {};
-        if (hasDocument) {
-            metaElements = document.querySelectorAll("meta");
-            for (var i = 0; i < metaElements.length; i++) {
-                var meta = metaElements[i];
-                if (meta.name) {
-                    if (captureAllMetaDataContent || meta.name.indexOf(prefix) === 0) {
-                        var name_1 = removePrefix ? meta.name.replace(prefix, "") : meta.name;
-                        metaData[name_1] = meta.content;
+            /**
+             * Check if the user wants to track the element, which means if the element has any tags with data-* or customDataPrefix
+             * @param element - An html element
+             * @returns true if any data-* exist, otherwise return false
+             */
+            function _isTracked(element, dataTag, aiBlobAttributeTag) {
+                var attrs = element.attributes;
+                var dataTagFound = false;
+                for (var i = 0; i < attrs.length; i++) {
+                    var attributeName = attrs[i].name;
+                    if (attributeName === aiBlobAttributeTag) {
+                        // ignore if the attribute name is equal to aiBlobAttributeTag
+                        return false;
+                    }
+                    else if (attributeName.indexOf(dataTag) === 0) {
+                        dataTagFound = true;
                     }
                 }
+                return dataTagFound;
             }
-        }
-        return metaData;
-    };
-    /**
-     * Gets the default content name.
-     * @param element - An html element
-     * @param useDefaultContentNameOrId -Flag indicating if an element is market PII.
-     * @returns Content name
-     */
-    DomContentHandler.prototype._getDefaultContentName = function (element, useDefaultContentName) {
-        if (useDefaultContentName === false || !element.tagName) {
-            return "";
-        }
-        var doc = getDocument() || {};
-        var contentName;
-        switch (element.tagName) {
-            case "A":
-                contentName = doc.all ? element.innerText || element.innerHTML : element.text || element.innerHTML;
-                break;
-            case "IMG":
-            case "AREA":
-                contentName = element.alt;
-                break;
-            default:
-                contentName = element.value || element.name || element.alt || element.innerText || element.id;
-        }
-        return contentName.substring(0, MAX_CONTENTNAME_LENGTH);
-    };
-    /**
-     * Check if the user wants to track the element, which means if the element has any tags with data-* or customDataPrefix
-     * @param element - An html element
-     * @returns true if any data-* exist, otherwise return false
-     */
-    DomContentHandler.prototype._isTracked = function (element, dataTag, aiBlobAttributeTag) {
-        var attrs = element.attributes;
-        var dataTagFound = false;
-        for (var i = 0; i < attrs.length; i++) {
-            var attributeName = attrs[i].name;
-            if (attributeName === aiBlobAttributeTag) {
-                // ignore if the attribute name is equal to aiBlobAttributeTag
-                return false;
+            function _getHtmlIdAndContentName(element) {
+                var dataTags = (_self._config || {}).dataTags;
+                var callback = (_self._config || {}).callback;
+                var htmlContent = {};
+                if (!element) {
+                    return htmlContent;
+                }
+                if (dataTags.useDefaultContentNameOrId) {
+                    var customizedContentName = callback.contentName ? callback.contentName(element, dataTags.useDefaultContentNameOrId) : "";
+                    var defaultContentName = _getDefaultContentName(element, dataTags.useDefaultContentNameOrId);
+                    htmlContent = {
+                        id: element.id,
+                        contentName: customizedContentName || defaultContentName || element.getAttribute("alt")
+                    };
+                }
+                return htmlContent;
             }
-            else if (attributeName.indexOf(dataTag) === 0) {
-                dataTagFound = true;
+            /**
+            * Computes the parentId of a given element.
+            * @param element - An html element
+            * @returns An object containing the closest parentId , can be empty if nothing was found
+            */
+            function _getParentDetails(element, elementContent, dataTagPrefix, aiBlobAttributeTag) {
+                var parentId = elementContent["parentid"];
+                var parentName = elementContent["parentname"];
+                var parentInfo = {};
+                if (parentId || parentName || !element) {
+                    return parentInfo;
+                }
+                return _populateParentInfo(element, dataTagPrefix, aiBlobAttributeTag);
             }
-        }
-        return dataTagFound;
-    };
-    DomContentHandler.prototype._getHtmlIdAndContentName = function (element) {
-        var htmlContent = {};
-        if (!element)
-            return htmlContent;
-        if (this._config.dataTags.useDefaultContentNameOrId) {
-            var customizedContentName = this._config.callback.contentName ? this._config.callback.contentName(element, this._config.dataTags.useDefaultContentNameOrId) : "";
-            var defaultContentName = this._getDefaultContentName(element, this._config.dataTags.useDefaultContentNameOrId);
-            htmlContent = {
-                id: element.id,
-                contentName: customizedContentName || defaultContentName || element.getAttribute("alt")
-            };
-        }
-        return htmlContent;
-    };
-    /**
-    * Computes the parentId of a given element.
-    * @param element - An html element
-    * @returns An object containing the closest parentId , can be empty if nothing was found
-    */
-    DomContentHandler.prototype._getParentDetails = function (element, elementContent, dataTagPrefix, aiBlobAttributeTag) {
-        var parentId = elementContent["parentid"];
-        var parentName = elementContent["parentname"];
-        var parentInfo = {};
-        if (parentId || parentName || !element) {
-            return parentInfo;
-        }
-        return this._populateParentInfo(element, dataTagPrefix, aiBlobAttributeTag);
-    };
-    /**
-    * Check if parent info already set up, if so take and put into content, if not walk up the DOM to find correct info
-    * @param element - An html element that the user wants to track
-    * @returns An object containing the parent info, can be empty if nothing was found
-    */
-    DomContentHandler.prototype._populateParentInfo = function (element, dataTagPrefix, aiBlobAttributeTag) {
-        var parentInfo = {};
-        var parentId;
-        // if the user does not set up parent info, walk to the DOM, find the closest parent element (with tags) and populate the info
-        var closestParentElement = walkUpDomChainWithElementValidation(element.parentElement, this._isTracked, dataTagPrefix);
-        if (closestParentElement) {
-            var dataAttr = closestParentElement.getAttribute(aiBlobAttributeTag) || element[aiBlobAttributeTag];
-            if (dataAttr) {
-                try {
-                    var telemetryObject = JSON.parse(dataAttr);
+            /**
+            * Check if parent info already set up, if so take and put into content, if not walk up the DOM to find correct info
+            * @param element - An html element that the user wants to track
+            * @returns An object containing the parent info, can be empty if nothing was found
+            */
+            function _populateParentInfo(element, dataTagPrefix, aiBlobAttributeTag) {
+                var parentInfo = {};
+                var parentId;
+                // if the user does not set up parent info, walk to the DOM, find the closest parent element (with tags) and populate the info
+                var closestParentElement = walkUpDomChainWithElementValidation(element.parentElement, _isTracked, dataTagPrefix);
+                if (closestParentElement) {
+                    var dataAttr = closestParentElement.getAttribute(aiBlobAttributeTag) || element[aiBlobAttributeTag];
+                    if (dataAttr) {
+                        try {
+                            var telemetryObject = JSON.parse(dataAttr);
+                        }
+                        catch (e) {
+                            _throwInternal(_traceLogger, 1 /* CRITICAL */, 101 /* CannotParseAiBlobValue */, "Can not parse " + dataAttr);
+                        }
+                        if (telemetryObject) {
+                            parentId = telemetryObject.id;
+                        }
+                    }
+                    else {
+                        parentId = closestParentElement.getAttribute(dataTagPrefix + "id");
+                    }
                 }
-                catch (e) {
-                    this._traceLogger.throwInternal(LoggingSeverity.CRITICAL, _ExtendedInternalMessageId.CannotParseAiBlobValue, "Can not parse " + dataAttr);
+                if (parentId) {
+                    parentInfo["parentid"] = parentId;
                 }
-                if (telemetryObject) {
-                    parentId = telemetryObject.id;
+                else {
+                    var htmlContent = _getHtmlIdAndContentName(element.parentElement);
+                    parentInfo["parentid"] = htmlContent.id;
+                    parentInfo["parentname"] = htmlContent.contentName;
                 }
+                return parentInfo;
             }
-            else {
-                parentId = closestParentElement.getAttribute(dataTagPrefix + "id");
-            }
-        }
-        if (parentId) {
-            parentInfo["parentid"] = parentId;
-        }
-        else {
-            var htmlContent = this._getHtmlIdAndContentName(element.parentElement);
-            parentInfo["parentid"] = htmlContent.id;
-            parentInfo["parentname"] = htmlContent.contentName;
-        }
-        return parentInfo;
-    };
+        });
+    }
+// Removed Stub for DomContentHandler.prototype.getMetadata.
+// Removed Stub for DomContentHandler.prototype.getElementContent.
     return DomContentHandler;
 }());
 export { DomContentHandler };