@microsoft/applicationinsights-debugplugin-js 2.8.5-nightly.2206-03 → 2.8.5-nightly.2207-01

package/dist-esm/components/Dashboard.js

@@ -1,13 +1,14 @@
 /*
- * Application Insights JavaScript SDK - Debug Plugin, 2.8.5-nightly.2206-03
+ * Application Insights JavaScript SDK - Debug Plugin, 2.8.5-nightly.2207-01
  * Copyright (c) Microsoft and contributors. All rights reserved.
  */
-import { arrForEach, arrIndexOf } from "@microsoft/applicationinsights-core-js";
 import dynamicProto from "@microsoft/dynamicproto-js";
-import { tempStyle } from "./styleNodeSrc";
-import { FilterList } from "./filterList";
+import { arrForEach, arrIndexOf } from "@microsoft/applicationinsights-core-js";
+import { _DYN_APPEND_CHILD, _DYN_CLASS_NAME, _DYN_CREATE_ELEMENT, _DYN_EXCLUDE_KEYS, _DYN_GET_EL, _DYN_INCLUDE_FUNCTIONS, _DYN_INNER_HTML, _DYN_INNER_TEXT, _DYN_IS_DISPLAYED, _DYN_LENGTH, _DYN_MAX_MESSAGES, _DYN_NEW_LOG_ENTRY, _DYN_ONCLICK, _DYN_ONKEYUP, _DYN_ONTOUCHEND, _DYN_PARENT_ELEMENT, _DYN_POINTER_EVENTS, _DYN_PUSH, _DYN_REMOVE_CHILD, _DYN_RENDER, _DYN_SET_ATTRIBUTE, _DYN_SET_TEXT_FILTER, _DYN_TRACKERS } from "../__DynamicConstants";
 import { LogEntry } from "./LogEntry";
+import { FilterList } from "./filterList";
 import { copySelectedTree } from "./helpers";
+import { tempStyle } from "./styleNodeSrc";
 var Dashboard = /** @class */ (function () {
     function Dashboard(config) {
         var _this = this;
@@ -25,55 +26,55 @@ var Dashboard = /** @class */ (function () {
         var loggerEl;
         dynamicProto(Dashboard, this, function (_self) {
             var prefix = config.prefix;
-            var trackers = config.trackers;
-            var rootEl = rootElement = document.createElement("div");
-            rootEl.className = "".concat(prefix, "-dbg-lgr-dashboard");
-            tempStyleEl = document.createElement("style");
-            tempStyleEl.innerHTML = tempStyle(prefix);
+            var trackers = config[_DYN_TRACKERS /* @min:%2etrackers */];
+            var rootEl = rootElement = document[_DYN_CREATE_ELEMENT /* @min:%2ecreateElement */]("div");
+            rootEl[_DYN_CLASS_NAME /* @min:%2eclassName */] = "".concat(prefix, "-dbg-lgr-dashboard");
+            tempStyleEl = document[_DYN_CREATE_ELEMENT /* @min:%2ecreateElement */]("style");
+            tempStyleEl[_DYN_INNER_HTML /* @min:%2einnerHTML */] = tempStyle(prefix);
             // TODO: research more accessibility (aria)
             rootEl.style.position = "fixed";
             rootEl.style.width = "100vw";
             rootEl.style.height = "100vh";
             rootEl.style.backgroundColor = "#ffffff";
             rootEl.style.opacity = "1";
-            rootEl.style.pointerEvents = "auto";
+            rootEl.style[_DYN_POINTER_EVENTS /* @min:%2epointerEvents */] = "auto";
             rootEl.style.top = "-100%";
             rootEl.style.transition = ".2s top cubic-bezier(0.87, 0, 0.13, 1)";
-            var logHeading = document.createElement("h1");
+            var logHeading = document[_DYN_CREATE_ELEMENT /* @min:%2ecreateElement */]("h1");
             logHeading.textContent = "dashboard";
             logHeading.style.fontFamily = "monospace";
             logHeading.style.textAlign = "center";
-            rootEl.appendChild(logHeading);
+            rootEl[_DYN_APPEND_CHILD /* @min:%2eappendChild */](logHeading);
             _createLogger(rootEl, prefix, trackers);
             _self.getElm = function () {
                 return rootEl;
             };
-            _self.isDisplayed = function () {
-                return !!(rootEl.parentElement || rootEl.parentNode);
+            _self[_DYN_IS_DISPLAYED /* @min:%2eisDisplayed */] = function () {
+                return !!(rootEl[_DYN_PARENT_ELEMENT /* @min:%2eparentElement */] || rootEl.parentNode);
             };
             _self.getTextFilter = function () {
                 return textFilter;
             };
-            _self.setTextFilter = function (value) {
+            _self[_DYN_SET_TEXT_FILTER /* @min:%2esetTextFilter */] = function (value) {
                 if (value !== textFilter) {
                     textFilter = value;
-                    _self.render();
+                    _self[_DYN_RENDER /* @min:%2erender */]();
                 }
             };
             _self.getTrackers = function () {
                 return trackers;
             };
-            _self.newLogEntry = function (target, tm, key, level, kind, keep) {
+            _self[_DYN_NEW_LOG_ENTRY /* @min:%2enewLogEntry */] = function (target, tm, key, level, kind, keep) {
                 var _self = _this;
-                msgTracker.push(new LogEntry(target, tm, key, level, kind, keep));
-                if (msgTracker.length > config.maxMessages) {
+                msgTracker[_DYN_PUSH /* @min:%2epush */](new LogEntry(target, tm, key, level, kind, keep));
+                if (msgTracker.length > config[_DYN_MAX_MESSAGES /* @min:%2emaxMessages */]) {
                     var lp = 0;
-                    while (lp < msgTracker.length) {
+                    while (lp < msgTracker[_DYN_LENGTH /* @min:%2elength */]) {
                         var entry = msgTracker[lp];
                         if (!entry.isKeep()) {
-                            var el = entry.getEl();
-                            if (el && el.parentElement) {
-                                el.parentElement.removeChild(el);
+                            var el = entry[_DYN_GET_EL /* @min:%2egetEl */]();
+                            if (el && el[_DYN_PARENT_ELEMENT /* @min:%2eparentElement */]) {
+                                el[_DYN_PARENT_ELEMENT /* @min:%2eparentElement */][_DYN_REMOVE_CHILD /* @min:%2eremoveChild */](el);
                             }
                             msgTracker.splice(lp, 1);
                             break;
@@ -81,34 +82,34 @@ var Dashboard = /** @class */ (function () {
                         lp++;
                     }
                 }
-                _self.render();
+                _self[_DYN_RENDER /* @min:%2erender */]();
             };
             _self.show = function () {
-                if (!_this.isDisplayed()) {
-                    document.body.appendChild(rootEl);
-                    document.head.appendChild(tempStyleEl);
+                if (!_this[_DYN_IS_DISPLAYED /* @min:%2eisDisplayed */]()) {
+                    document.body[_DYN_APPEND_CHILD /* @min:%2eappendChild */](rootEl);
+                    document.head[_DYN_APPEND_CHILD /* @min:%2eappendChild */](tempStyleEl);
                     rootEl.style.top = "0%";
-                    rootEl.style.pointerEvents = "auto";
-                    _self.render();
+                    rootEl.style[_DYN_POINTER_EVENTS /* @min:%2epointerEvents */] = "auto";
+                    _self[_DYN_RENDER /* @min:%2erender */]();
                 }
             };
             _self.hide = function () {
-                if (_self.isDisplayed()) {
+                if (_self[_DYN_IS_DISPLAYED /* @min:%2eisDisplayed */]()) {
                     rootEl.style.top = "-100%";
-                    rootEl.style.pointerEvents = "none";
-                    document.head.removeChild(tempStyleEl);
-                    document.body.removeChild(rootEl);
+                    rootEl.style[_DYN_POINTER_EVENTS /* @min:%2epointerEvents */] = "none";
+                    document.head[_DYN_REMOVE_CHILD /* @min:%2eremoveChild */](tempStyleEl);
+                    document.body[_DYN_REMOVE_CHILD /* @min:%2eremoveChild */](rootEl);
                 }
             };
-            _self.render = function () {
-                if (_self.isDisplayed()) {
+            _self[_DYN_RENDER /* @min:%2erender */] = function () {
+                if (_self[_DYN_IS_DISPLAYED /* @min:%2eisDisplayed */]()) {
                     var excludedTypes_1 = filterList.getCurrentFilter();
                     arrForEach(msgTracker, function (entry) {
-                        var el = entry.getEl();
-                        if (el && el.parentElement) {
-                            el.parentElement.removeChild(el);
+                        var el = entry[_DYN_GET_EL /* @min:%2egetEl */]();
+                        if (el && el[_DYN_PARENT_ELEMENT /* @min:%2eparentElement */]) {
+                            el[_DYN_PARENT_ELEMENT /* @min:%2eparentElement */][_DYN_REMOVE_CHILD /* @min:%2eremoveChild */](el);
                         }
-                        if (!entry.isMatch(textFilter, config.excludeKeys, config.includeFunctions)) {
+                        if (!entry.isMatch(textFilter, config[_DYN_EXCLUDE_KEYS /* @min:%2eexcludeKeys */], config[_DYN_INCLUDE_FUNCTIONS /* @min:%2eincludeFunctions */])) {
                             return;
                         }
                         var type = entry.getKind();
@@ -121,9 +122,9 @@ var Dashboard = /** @class */ (function () {
                             // This type is explicitly excluded
                             return;
                         }
-                        var newEl = entry.render(textFilter, config.excludeKeys, config.includeFunctions);
+                        var newEl = entry.render(textFilter, config[_DYN_EXCLUDE_KEYS /* @min:%2eexcludeKeys */], config[_DYN_INCLUDE_FUNCTIONS /* @min:%2eincludeFunctions */]);
                         if (newEl) {
-                            loggerEl.appendChild(newEl);
+                            loggerEl[_DYN_APPEND_CHILD /* @min:%2eappendChild */](newEl);
                         }
                     });
                 }
@@ -132,36 +133,36 @@ var Dashboard = /** @class */ (function () {
                 var newEvents = [];
                 arrForEach(msgTracker, function (entry) {
                     if (entry.isKeep()) {
-                        newEvents.push(entry);
+                        newEvents[_DYN_PUSH /* @min:%2epush */](entry);
                     }
                     else {
-                        var el = entry.getEl();
-                        if (el && el.parentElement) {
-                            el.parentElement.removeChild(el);
+                        var el = entry[_DYN_GET_EL /* @min:%2egetEl */]();
+                        if (el && el[_DYN_PARENT_ELEMENT /* @min:%2eparentElement */]) {
+                            el[_DYN_PARENT_ELEMENT /* @min:%2eparentElement */][_DYN_REMOVE_CHILD /* @min:%2eremoveChild */](el);
                         }
                     }
                 });
                 msgTracker = newEvents;
-                _self.render();
+                _self[_DYN_RENDER /* @min:%2erender */]();
             }
             function closeDashboard() {
                 _self.hide();
             }
             function _createLogger(hostDiv, prefix, trackers) {
-                loggerEl = document.createElement("div");
-                loggerEl.className = "".concat(prefix, "-dbg-lgr");
-                var controlDiv = document.createElement("div");
-                controlDiv.className = "controls";
-                var textFilterInput = document.createElement("input");
-                textFilterInput.className = "text-filter-input";
-                textFilterInput.setAttribute("placeholder", "filter text");
+                loggerEl = document[_DYN_CREATE_ELEMENT /* @min:%2ecreateElement */]("div");
+                loggerEl[_DYN_CLASS_NAME /* @min:%2eclassName */] = "".concat(prefix, "-dbg-lgr");
+                var controlDiv = document[_DYN_CREATE_ELEMENT /* @min:%2ecreateElement */]("div");
+                controlDiv[_DYN_CLASS_NAME /* @min:%2eclassName */] = "controls";
+                var textFilterInput = document[_DYN_CREATE_ELEMENT /* @min:%2ecreateElement */]("input");
+                textFilterInput[_DYN_CLASS_NAME /* @min:%2eclassName */] = "text-filter-input";
+                textFilterInput[_DYN_SET_ATTRIBUTE /* @min:%2esetAttribute */]("placeholder", "filter text");
                 textFilterInput.onchange = function (evt) {
-                    _self.setTextFilter(textFilterInput.value);
+                    _self[_DYN_SET_TEXT_FILTER /* @min:%2esetTextFilter */](textFilterInput.value);
                 };
                 textFilterInput.onblur = function (evt) {
-                    _self.setTextFilter(textFilterInput.value);
+                    _self[_DYN_SET_TEXT_FILTER /* @min:%2esetTextFilter */](textFilterInput.value);
                 };
-                textFilterInput.onkeyup = function (evt) {
+                textFilterInput[_DYN_ONKEYUP /* @min:%2eonkeyup */] = function (evt) {
                     if (keyupTimer != null) {
                         clearTimeout(keyupTimer);
                     }
@@ -169,34 +170,34 @@ var Dashboard = /** @class */ (function () {
                     if (newValue !== _self.getTextFilter()) {
                         keyupTimer = setTimeout(function () {
                             keyupTimer = null;
-                            _self.setTextFilter(textFilterInput.value);
+                            _self[_DYN_SET_TEXT_FILTER /* @min:%2esetTextFilter */](textFilterInput.value);
                         }, 200);
                     }
                 };
-                controlDiv.appendChild(textFilterInput);
-                var copyButton = document.createElement("button");
-                copyButton.innerText = "copy current node";
-                copyButton.className = "btn-secondary";
-                copyButton.onclick = copySelectedTree;
-                copyButton.ontouchend = copySelectedTree;
+                controlDiv[_DYN_APPEND_CHILD /* @min:%2eappendChild */](textFilterInput);
+                var copyButton = document[_DYN_CREATE_ELEMENT /* @min:%2ecreateElement */]("button");
+                copyButton[_DYN_INNER_TEXT /* @min:%2einnerText */] = "copy current node";
+                copyButton[_DYN_CLASS_NAME /* @min:%2eclassName */] = "btn-secondary";
+                copyButton[_DYN_ONCLICK /* @min:%2eonclick */] = copySelectedTree;
+                copyButton[_DYN_ONTOUCHEND /* @min:%2eontouchend */] = copySelectedTree;
                 var keyupTimer = null;
-                filterList = new FilterList(controlDiv, trackers.slice(0), function () { return _self.render(); });
-                controlDiv.appendChild(copyButton);
-                var clearEventsBtn = document.createElement("button");
-                clearEventsBtn.innerText = "clear events";
-                clearEventsBtn.className = "btn-secondary";
-                clearEventsBtn.onclick = clearEvents;
-                clearEventsBtn.ontouchend = clearEvents;
-                controlDiv.appendChild(clearEventsBtn);
-                var closeEventsBtn = document.createElement("button");
+                filterList = new FilterList(controlDiv, trackers.slice(0), function () { return _self[_DYN_RENDER /* @min:%2erender */](); });
+                controlDiv[_DYN_APPEND_CHILD /* @min:%2eappendChild */](copyButton);
+                var clearEventsBtn = document[_DYN_CREATE_ELEMENT /* @min:%2ecreateElement */]("button");
+                clearEventsBtn[_DYN_INNER_TEXT /* @min:%2einnerText */] = "clear events";
+                clearEventsBtn[_DYN_CLASS_NAME /* @min:%2eclassName */] = "btn-secondary";
+                clearEventsBtn[_DYN_ONCLICK /* @min:%2eonclick */] = clearEvents;
+                clearEventsBtn[_DYN_ONTOUCHEND /* @min:%2eontouchend */] = clearEvents;
+                controlDiv[_DYN_APPEND_CHILD /* @min:%2eappendChild */](clearEventsBtn);
+                var closeEventsBtn = document[_DYN_CREATE_ELEMENT /* @min:%2ecreateElement */]("button");
                 closeEventsBtn.id = "close-dashboard";
-                closeEventsBtn.innerText = "close dashboard";
-                closeEventsBtn.className = "btn-primary";
-                closeEventsBtn.onclick = closeDashboard;
-                closeEventsBtn.ontouchend = closeDashboard;
-                controlDiv.appendChild(closeEventsBtn);
-                hostDiv.appendChild(controlDiv);
-                hostDiv.appendChild(loggerEl);
+                closeEventsBtn[_DYN_INNER_TEXT /* @min:%2einnerText */] = "close dashboard";
+                closeEventsBtn[_DYN_CLASS_NAME /* @min:%2eclassName */] = "btn-primary";
+                closeEventsBtn[_DYN_ONCLICK /* @min:%2eonclick */] = closeDashboard;
+                closeEventsBtn[_DYN_ONTOUCHEND /* @min:%2eontouchend */] = closeDashboard;
+                controlDiv[_DYN_APPEND_CHILD /* @min:%2eappendChild */](closeEventsBtn);
+                hostDiv[_DYN_APPEND_CHILD /* @min:%2eappendChild */](controlDiv);
+                hostDiv[_DYN_APPEND_CHILD /* @min:%2eappendChild */](loggerEl);
             }
         });
     }

package/dist-esm/components/Dashboard.js.map

@@ -1 +1 @@
-{"version":3,"file":"Dashboard.js.map","sources":["Dashboard.js"],"sourcesContent":["import { arrForEach, arrIndexOf } from \"@microsoft/applicationinsights-core-js\";\r\nimport dynamicProto from \"@microsoft/dynamicproto-js\";\r\nimport { tempStyle } from \"./styleNodeSrc\";\r\nimport { FilterList } from \"./filterList\";\r\nimport { LogEntry } from \"./LogEntry\";\r\nimport { copySelectedTree } from \"./helpers\";\r\nvar Dashboard = /** @class */ (function () {\r\n    function Dashboard(config) {\r\n        var _this = this;\r\n        var msgTracker = [];\r\n        var textFilter = \"\";\r\n        /**\r\n         * the root element of the logger\r\n         */\r\n        var rootElement;\r\n        /**\r\n         * the style that is only on the webpage when the log is active\r\n         */\r\n        var tempStyleEl;\r\n        var filterList;\r\n        var loggerEl;\r\n        dynamicProto(Dashboard, this, function (_self) {\r\n            var prefix = config.prefix;\r\n            var trackers = config.trackers;\r\n            var rootEl = rootElement = document.createElement(\"div\");\r\n            rootEl.className = \"\".concat(prefix, \"-dbg-lgr-dashboard\");\r\n            tempStyleEl = document.createElement(\"style\");\r\n            tempStyleEl.innerHTML = tempStyle(prefix);\r\n            // TODO: research more accessibility (aria)\r\n            rootEl.style.position = \"fixed\";\r\n            rootEl.style.width = \"100vw\";\r\n            rootEl.style.height = \"100vh\";\r\n            rootEl.style.backgroundColor = \"#ffffff\";\r\n            rootEl.style.opacity = \"1\";\r\n            rootEl.style.pointerEvents = \"auto\";\r\n            rootEl.style.top = \"-100%\";\r\n            rootEl.style.transition = \".2s top cubic-bezier(0.87, 0, 0.13, 1)\";\r\n            var logHeading = document.createElement(\"h1\");\r\n            logHeading.textContent = \"dashboard\";\r\n            logHeading.style.fontFamily = \"monospace\";\r\n            logHeading.style.textAlign = \"center\";\r\n            rootEl.appendChild(logHeading);\r\n            _createLogger(rootEl, prefix, trackers);\r\n            _self.getElm = function () {\r\n                return rootEl;\r\n            };\r\n            _self.isDisplayed = function () {\r\n                return !!(rootEl.parentElement || rootEl.parentNode);\r\n            };\r\n            _self.getTextFilter = function () {\r\n                return textFilter;\r\n            };\r\n            _self.setTextFilter = function (value) {\r\n                if (value !== textFilter) {\r\n                    textFilter = value;\r\n                    _self.render();\r\n                }\r\n            };\r\n            _self.getTrackers = function () {\r\n                return trackers;\r\n            };\r\n            _self.newLogEntry = function (target, tm, key, level, kind, keep) {\r\n                var _self = _this;\r\n                msgTracker.push(new LogEntry(target, tm, key, level, kind, keep));\r\n                if (msgTracker.length > config.maxMessages) {\r\n                    var lp = 0;\r\n                    while (lp < msgTracker.length) {\r\n                        var entry = msgTracker[lp];\r\n                        if (!entry.isKeep()) {\r\n                            var el = entry.getEl();\r\n                            if (el && el.parentElement) {\r\n                                el.parentElement.removeChild(el);\r\n                            }\r\n                            msgTracker.splice(lp, 1);\r\n                            break;\r\n                        }\r\n                        lp++;\r\n                    }\r\n                }\r\n                _self.render();\r\n            };\r\n            _self.show = function () {\r\n                if (!_this.isDisplayed()) {\r\n                    document.body.appendChild(rootEl);\r\n                    document.head.appendChild(tempStyleEl);\r\n                    rootEl.style.top = \"0%\";\r\n                    rootEl.style.pointerEvents = \"auto\";\r\n                    _self.render();\r\n                }\r\n            };\r\n            _self.hide = function () {\r\n                if (_self.isDisplayed()) {\r\n                    rootEl.style.top = \"-100%\";\r\n                    rootEl.style.pointerEvents = \"none\";\r\n                    document.head.removeChild(tempStyleEl);\r\n                    document.body.removeChild(rootEl);\r\n                }\r\n            };\r\n            _self.render = function () {\r\n                if (_self.isDisplayed()) {\r\n                    var excludedTypes_1 = filterList.getCurrentFilter();\r\n                    arrForEach(msgTracker, function (entry) {\r\n                        var el = entry.getEl();\r\n                        if (el && el.parentElement) {\r\n                            el.parentElement.removeChild(el);\r\n                        }\r\n                        if (!entry.isMatch(textFilter, config.excludeKeys, config.includeFunctions)) {\r\n                            return;\r\n                        }\r\n                        var type = entry.getKind();\r\n                        var allowOther = arrIndexOf(excludedTypes_1, \"other\") === -1; // Other types are not excluded\r\n                        if (arrIndexOf(trackers, type) === -1 && !allowOther) {\r\n                            // Not a tracked type and we are not allowing other types\r\n                            return;\r\n                        }\r\n                        else if (arrIndexOf(excludedTypes_1, type) !== -1) {\r\n                            // This type is explicitly excluded\r\n                            return;\r\n                        }\r\n                        var newEl = entry.render(textFilter, config.excludeKeys, config.includeFunctions);\r\n                        if (newEl) {\r\n                            loggerEl.appendChild(newEl);\r\n                        }\r\n                    });\r\n                }\r\n            };\r\n            function clearEvents() {\r\n                var newEvents = [];\r\n                arrForEach(msgTracker, function (entry) {\r\n                    if (entry.isKeep()) {\r\n                        newEvents.push(entry);\r\n                    }\r\n                    else {\r\n                        var el = entry.getEl();\r\n                        if (el && el.parentElement) {\r\n                            el.parentElement.removeChild(el);\r\n                        }\r\n                    }\r\n                });\r\n                msgTracker = newEvents;\r\n                _self.render();\r\n            }\r\n            function closeDashboard() {\r\n                _self.hide();\r\n            }\r\n            function _createLogger(hostDiv, prefix, trackers) {\r\n                loggerEl = document.createElement(\"div\");\r\n                loggerEl.className = \"\".concat(prefix, \"-dbg-lgr\");\r\n                var controlDiv = document.createElement(\"div\");\r\n                controlDiv.className = \"controls\";\r\n                var textFilterInput = document.createElement(\"input\");\r\n                textFilterInput.className = \"text-filter-input\";\r\n                textFilterInput.setAttribute(\"placeholder\", \"filter text\");\r\n                textFilterInput.onchange = function (evt) {\r\n                    _self.setTextFilter(textFilterInput.value);\r\n                };\r\n                textFilterInput.onblur = function (evt) {\r\n                    _self.setTextFilter(textFilterInput.value);\r\n                };\r\n                textFilterInput.onkeyup = function (evt) {\r\n                    if (keyupTimer != null) {\r\n                        clearTimeout(keyupTimer);\r\n                    }\r\n                    var newValue = textFilterInput.value;\r\n                    if (newValue !== _self.getTextFilter()) {\r\n                        keyupTimer = setTimeout(function () {\r\n                            keyupTimer = null;\r\n                            _self.setTextFilter(textFilterInput.value);\r\n                        }, 200);\r\n                    }\r\n                };\r\n                controlDiv.appendChild(textFilterInput);\r\n                var copyButton = document.createElement(\"button\");\r\n                copyButton.innerText = \"copy current node\";\r\n                copyButton.className = \"btn-secondary\";\r\n                copyButton.onclick = copySelectedTree;\r\n                copyButton.ontouchend = copySelectedTree;\r\n                var keyupTimer = null;\r\n                filterList = new FilterList(controlDiv, trackers.slice(0), function () { return _self.render(); });\r\n                controlDiv.appendChild(copyButton);\r\n                var clearEventsBtn = document.createElement(\"button\");\r\n                clearEventsBtn.innerText = \"clear events\";\r\n                clearEventsBtn.className = \"btn-secondary\";\r\n                clearEventsBtn.onclick = clearEvents;\r\n                clearEventsBtn.ontouchend = clearEvents;\r\n                controlDiv.appendChild(clearEventsBtn);\r\n                var closeEventsBtn = document.createElement(\"button\");\r\n                closeEventsBtn.id = \"close-dashboard\";\r\n                closeEventsBtn.innerText = \"close dashboard\";\r\n                closeEventsBtn.className = \"btn-primary\";\r\n                closeEventsBtn.onclick = closeDashboard;\r\n                closeEventsBtn.ontouchend = closeDashboard;\r\n                controlDiv.appendChild(closeEventsBtn);\r\n                hostDiv.appendChild(controlDiv);\r\n                hostDiv.appendChild(loggerEl);\r\n            }\r\n        });\r\n    }\r\n    Dashboard.prototype.getElm = function () {\r\n        // @DynamicProtoStub -- DO NOT add any code as this will be removed during packaging\r\n        return null;\r\n    };\r\n    Dashboard.prototype.isDisplayed = function () {\r\n        // @DynamicProtoStub -- DO NOT add any code as this will be removed during packaging\r\n        return false;\r\n    };\r\n    Dashboard.prototype.getTextFilter = function () {\r\n        // @DynamicProtoStub -- DO NOT add any code as this will be removed during packaging\r\n        return null;\r\n    };\r\n    Dashboard.prototype.setTextFilter = function (value) {\r\n        // @DynamicProtoStub -- DO NOT add any code as this will be removed during packaging\r\n    };\r\n    Dashboard.prototype.getTrackers = function () {\r\n        // @DynamicProtoStub -- DO NOT add any code as this will be removed during packaging\r\n        return null;\r\n    };\r\n    Dashboard.prototype.newLogEntry = function (target, tm, key, level, kind, keep) {\r\n        // @DynamicProtoStub -- DO NOT add any code as this will be removed during packaging\r\n    };\r\n    Dashboard.prototype.render = function () {\r\n        // @DynamicProtoStub -- DO NOT add any code as this will be removed during packaging\r\n    };\r\n    Dashboard.prototype.show = function () {\r\n        // @DynamicProtoStub -- DO NOT add any code as this will be removed during packaging\r\n    };\r\n    Dashboard.prototype.hide = function () {\r\n        // @DynamicProtoStub -- DO NOT add any code as this will be removed during packaging\r\n    };\r\n    return Dashboard;\r\n}());\r\nexport { Dashboard };\r\n//# sourceMappingURL=Dashboard.js.map"],"names":[],"mappings":";;;;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;;;;;;;6CA8BM,CAAC;;;;;;qBACc;AACrB;AACA;AACA"}
+{"version":3,"file":"Dashboard.js.map","sources":["Dashboard.js"],"sourcesContent":["import dynamicProto from \"@microsoft/dynamicproto-js\";\r\nimport { arrForEach, arrIndexOf } from \"@microsoft/applicationinsights-core-js\";\r\nimport { _DYN_APPEND_CHILD, _DYN_CLASS_NAME, _DYN_CREATE_ELEMENT, _DYN_EXCLUDE_KEYS, _DYN_GET_EL, _DYN_INCLUDE_FUNCTIONS, _DYN_INNER_HTML, _DYN_INNER_TEXT, _DYN_IS_DISPLAYED, _DYN_LENGTH, _DYN_MAX_MESSAGES, _DYN_NEW_LOG_ENTRY, _DYN_ONCLICK, _DYN_ONKEYUP, _DYN_ONTOUCHEND, _DYN_PARENT_ELEMENT, _DYN_POINTER_EVENTS, _DYN_PUSH, _DYN_REMOVE_CHILD, _DYN_RENDER, _DYN_SET_ATTRIBUTE, _DYN_SET_TEXT_FILTER, _DYN_TRACKERS } from \"../__DynamicConstants\";\r\nimport { LogEntry } from \"./LogEntry\";\r\nimport { FilterList } from \"./filterList\";\r\nimport { copySelectedTree } from \"./helpers\";\r\nimport { tempStyle } from \"./styleNodeSrc\";\r\nvar Dashboard = /** @class */ (function () {\r\n    function Dashboard(config) {\r\n        var _this = this;\r\n        var msgTracker = [];\r\n        var textFilter = \"\";\r\n        /**\r\n         * the root element of the logger\r\n         */\r\n        var rootElement;\r\n        /**\r\n         * the style that is only on the webpage when the log is active\r\n         */\r\n        var tempStyleEl;\r\n        var filterList;\r\n        var loggerEl;\r\n        dynamicProto(Dashboard, this, function (_self) {\r\n            var prefix = config.prefix;\r\n            var trackers = config[_DYN_TRACKERS /* @min:%2etrackers */];\r\n            var rootEl = rootElement = document[_DYN_CREATE_ELEMENT /* @min:%2ecreateElement */](\"div\");\r\n            rootEl[_DYN_CLASS_NAME /* @min:%2eclassName */] = \"\".concat(prefix, \"-dbg-lgr-dashboard\");\r\n            tempStyleEl = document[_DYN_CREATE_ELEMENT /* @min:%2ecreateElement */](\"style\");\r\n            tempStyleEl[_DYN_INNER_HTML /* @min:%2einnerHTML */] = tempStyle(prefix);\r\n            // TODO: research more accessibility (aria)\r\n            rootEl.style.position = \"fixed\";\r\n            rootEl.style.width = \"100vw\";\r\n            rootEl.style.height = \"100vh\";\r\n            rootEl.style.backgroundColor = \"#ffffff\";\r\n            rootEl.style.opacity = \"1\";\r\n            rootEl.style[_DYN_POINTER_EVENTS /* @min:%2epointerEvents */] = \"auto\";\r\n            rootEl.style.top = \"-100%\";\r\n            rootEl.style.transition = \".2s top cubic-bezier(0.87, 0, 0.13, 1)\";\r\n            var logHeading = document[_DYN_CREATE_ELEMENT /* @min:%2ecreateElement */](\"h1\");\r\n            logHeading.textContent = \"dashboard\";\r\n            logHeading.style.fontFamily = \"monospace\";\r\n            logHeading.style.textAlign = \"center\";\r\n            rootEl[_DYN_APPEND_CHILD /* @min:%2eappendChild */](logHeading);\r\n            _createLogger(rootEl, prefix, trackers);\r\n            _self.getElm = function () {\r\n                return rootEl;\r\n            };\r\n            _self[_DYN_IS_DISPLAYED /* @min:%2eisDisplayed */] = function () {\r\n                return !!(rootEl[_DYN_PARENT_ELEMENT /* @min:%2eparentElement */] || rootEl.parentNode);\r\n            };\r\n            _self.getTextFilter = function () {\r\n                return textFilter;\r\n            };\r\n            _self[_DYN_SET_TEXT_FILTER /* @min:%2esetTextFilter */] = function (value) {\r\n                if (value !== textFilter) {\r\n                    textFilter = value;\r\n                    _self[_DYN_RENDER /* @min:%2erender */]();\r\n                }\r\n            };\r\n            _self.getTrackers = function () {\r\n                return trackers;\r\n            };\r\n            _self[_DYN_NEW_LOG_ENTRY /* @min:%2enewLogEntry */] = function (target, tm, key, level, kind, keep) {\r\n                var _self = _this;\r\n                msgTracker[_DYN_PUSH /* @min:%2epush */](new LogEntry(target, tm, key, level, kind, keep));\r\n                if (msgTracker.length > config[_DYN_MAX_MESSAGES /* @min:%2emaxMessages */]) {\r\n                    var lp = 0;\r\n                    while (lp < msgTracker[_DYN_LENGTH /* @min:%2elength */]) {\r\n                        var entry = msgTracker[lp];\r\n                        if (!entry.isKeep()) {\r\n                            var el = entry[_DYN_GET_EL /* @min:%2egetEl */]();\r\n                            if (el && el[_DYN_PARENT_ELEMENT /* @min:%2eparentElement */]) {\r\n                                el[_DYN_PARENT_ELEMENT /* @min:%2eparentElement */][_DYN_REMOVE_CHILD /* @min:%2eremoveChild */](el);\r\n                            }\r\n                            msgTracker.splice(lp, 1);\r\n                            break;\r\n                        }\r\n                        lp++;\r\n                    }\r\n                }\r\n                _self[_DYN_RENDER /* @min:%2erender */]();\r\n            };\r\n            _self.show = function () {\r\n                if (!_this[_DYN_IS_DISPLAYED /* @min:%2eisDisplayed */]()) {\r\n                    document.body[_DYN_APPEND_CHILD /* @min:%2eappendChild */](rootEl);\r\n                    document.head[_DYN_APPEND_CHILD /* @min:%2eappendChild */](tempStyleEl);\r\n                    rootEl.style.top = \"0%\";\r\n                    rootEl.style[_DYN_POINTER_EVENTS /* @min:%2epointerEvents */] = \"auto\";\r\n                    _self[_DYN_RENDER /* @min:%2erender */]();\r\n                }\r\n            };\r\n            _self.hide = function () {\r\n                if (_self[_DYN_IS_DISPLAYED /* @min:%2eisDisplayed */]()) {\r\n                    rootEl.style.top = \"-100%\";\r\n                    rootEl.style[_DYN_POINTER_EVENTS /* @min:%2epointerEvents */] = \"none\";\r\n                    document.head[_DYN_REMOVE_CHILD /* @min:%2eremoveChild */](tempStyleEl);\r\n                    document.body[_DYN_REMOVE_CHILD /* @min:%2eremoveChild */](rootEl);\r\n                }\r\n            };\r\n            _self[_DYN_RENDER /* @min:%2erender */] = function () {\r\n                if (_self[_DYN_IS_DISPLAYED /* @min:%2eisDisplayed */]()) {\r\n                    var excludedTypes_1 = filterList.getCurrentFilter();\r\n                    arrForEach(msgTracker, function (entry) {\r\n                        var el = entry[_DYN_GET_EL /* @min:%2egetEl */]();\r\n                        if (el && el[_DYN_PARENT_ELEMENT /* @min:%2eparentElement */]) {\r\n                            el[_DYN_PARENT_ELEMENT /* @min:%2eparentElement */][_DYN_REMOVE_CHILD /* @min:%2eremoveChild */](el);\r\n                        }\r\n                        if (!entry.isMatch(textFilter, config[_DYN_EXCLUDE_KEYS /* @min:%2eexcludeKeys */], config[_DYN_INCLUDE_FUNCTIONS /* @min:%2eincludeFunctions */])) {\r\n                            return;\r\n                        }\r\n                        var type = entry.getKind();\r\n                        var allowOther = arrIndexOf(excludedTypes_1, \"other\") === -1; // Other types are not excluded\r\n                        if (arrIndexOf(trackers, type) === -1 && !allowOther) {\r\n                            // Not a tracked type and we are not allowing other types\r\n                            return;\r\n                        }\r\n                        else if (arrIndexOf(excludedTypes_1, type) !== -1) {\r\n                            // This type is explicitly excluded\r\n                            return;\r\n                        }\r\n                        var newEl = entry.render(textFilter, config[_DYN_EXCLUDE_KEYS /* @min:%2eexcludeKeys */], config[_DYN_INCLUDE_FUNCTIONS /* @min:%2eincludeFunctions */]);\r\n                        if (newEl) {\r\n                            loggerEl[_DYN_APPEND_CHILD /* @min:%2eappendChild */](newEl);\r\n                        }\r\n                    });\r\n                }\r\n            };\r\n            function clearEvents() {\r\n                var newEvents = [];\r\n                arrForEach(msgTracker, function (entry) {\r\n                    if (entry.isKeep()) {\r\n                        newEvents[_DYN_PUSH /* @min:%2epush */](entry);\r\n                    }\r\n                    else {\r\n                        var el = entry[_DYN_GET_EL /* @min:%2egetEl */]();\r\n                        if (el && el[_DYN_PARENT_ELEMENT /* @min:%2eparentElement */]) {\r\n                            el[_DYN_PARENT_ELEMENT /* @min:%2eparentElement */][_DYN_REMOVE_CHILD /* @min:%2eremoveChild */](el);\r\n                        }\r\n                    }\r\n                });\r\n                msgTracker = newEvents;\r\n                _self[_DYN_RENDER /* @min:%2erender */]();\r\n            }\r\n            function closeDashboard() {\r\n                _self.hide();\r\n            }\r\n            function _createLogger(hostDiv, prefix, trackers) {\r\n                loggerEl = document[_DYN_CREATE_ELEMENT /* @min:%2ecreateElement */](\"div\");\r\n                loggerEl[_DYN_CLASS_NAME /* @min:%2eclassName */] = \"\".concat(prefix, \"-dbg-lgr\");\r\n                var controlDiv = document[_DYN_CREATE_ELEMENT /* @min:%2ecreateElement */](\"div\");\r\n                controlDiv[_DYN_CLASS_NAME /* @min:%2eclassName */] = \"controls\";\r\n                var textFilterInput = document[_DYN_CREATE_ELEMENT /* @min:%2ecreateElement */](\"input\");\r\n                textFilterInput[_DYN_CLASS_NAME /* @min:%2eclassName */] = \"text-filter-input\";\r\n                textFilterInput[_DYN_SET_ATTRIBUTE /* @min:%2esetAttribute */](\"placeholder\", \"filter text\");\r\n                textFilterInput.onchange = function (evt) {\r\n                    _self[_DYN_SET_TEXT_FILTER /* @min:%2esetTextFilter */](textFilterInput.value);\r\n                };\r\n                textFilterInput.onblur = function (evt) {\r\n                    _self[_DYN_SET_TEXT_FILTER /* @min:%2esetTextFilter */](textFilterInput.value);\r\n                };\r\n                textFilterInput[_DYN_ONKEYUP /* @min:%2eonkeyup */] = function (evt) {\r\n                    if (keyupTimer != null) {\r\n                        clearTimeout(keyupTimer);\r\n                    }\r\n                    var newValue = textFilterInput.value;\r\n                    if (newValue !== _self.getTextFilter()) {\r\n                        keyupTimer = setTimeout(function () {\r\n                            keyupTimer = null;\r\n                            _self[_DYN_SET_TEXT_FILTER /* @min:%2esetTextFilter */](textFilterInput.value);\r\n                        }, 200);\r\n                    }\r\n                };\r\n                controlDiv[_DYN_APPEND_CHILD /* @min:%2eappendChild */](textFilterInput);\r\n                var copyButton = document[_DYN_CREATE_ELEMENT /* @min:%2ecreateElement */](\"button\");\r\n                copyButton[_DYN_INNER_TEXT /* @min:%2einnerText */] = \"copy current node\";\r\n                copyButton[_DYN_CLASS_NAME /* @min:%2eclassName */] = \"btn-secondary\";\r\n                copyButton[_DYN_ONCLICK /* @min:%2eonclick */] = copySelectedTree;\r\n                copyButton[_DYN_ONTOUCHEND /* @min:%2eontouchend */] = copySelectedTree;\r\n                var keyupTimer = null;\r\n                filterList = new FilterList(controlDiv, trackers.slice(0), function () { return _self[_DYN_RENDER /* @min:%2erender */](); });\r\n                controlDiv[_DYN_APPEND_CHILD /* @min:%2eappendChild */](copyButton);\r\n                var clearEventsBtn = document[_DYN_CREATE_ELEMENT /* @min:%2ecreateElement */](\"button\");\r\n                clearEventsBtn[_DYN_INNER_TEXT /* @min:%2einnerText */] = \"clear events\";\r\n                clearEventsBtn[_DYN_CLASS_NAME /* @min:%2eclassName */] = \"btn-secondary\";\r\n                clearEventsBtn[_DYN_ONCLICK /* @min:%2eonclick */] = clearEvents;\r\n                clearEventsBtn[_DYN_ONTOUCHEND /* @min:%2eontouchend */] = clearEvents;\r\n                controlDiv[_DYN_APPEND_CHILD /* @min:%2eappendChild */](clearEventsBtn);\r\n                var closeEventsBtn = document[_DYN_CREATE_ELEMENT /* @min:%2ecreateElement */](\"button\");\r\n                closeEventsBtn.id = \"close-dashboard\";\r\n                closeEventsBtn[_DYN_INNER_TEXT /* @min:%2einnerText */] = \"close dashboard\";\r\n                closeEventsBtn[_DYN_CLASS_NAME /* @min:%2eclassName */] = \"btn-primary\";\r\n                closeEventsBtn[_DYN_ONCLICK /* @min:%2eonclick */] = closeDashboard;\r\n                closeEventsBtn[_DYN_ONTOUCHEND /* @min:%2eontouchend */] = closeDashboard;\r\n                controlDiv[_DYN_APPEND_CHILD /* @min:%2eappendChild */](closeEventsBtn);\r\n                hostDiv[_DYN_APPEND_CHILD /* @min:%2eappendChild */](controlDiv);\r\n                hostDiv[_DYN_APPEND_CHILD /* @min:%2eappendChild */](loggerEl);\r\n            }\r\n        });\r\n    }\r\n    Dashboard.prototype.getElm = function () {\r\n        // @DynamicProtoStub -- DO NOT add any code as this will be removed during packaging\r\n        return null;\r\n    };\r\n    Dashboard.prototype.isDisplayed = function () {\r\n        // @DynamicProtoStub -- DO NOT add any code as this will be removed during packaging\r\n        return false;\r\n    };\r\n    Dashboard.prototype.getTextFilter = function () {\r\n        // @DynamicProtoStub -- DO NOT add any code as this will be removed during packaging\r\n        return null;\r\n    };\r\n    Dashboard.prototype.setTextFilter = function (value) {\r\n        // @DynamicProtoStub -- DO NOT add any code as this will be removed during packaging\r\n    };\r\n    Dashboard.prototype.getTrackers = function () {\r\n        // @DynamicProtoStub -- DO NOT add any code as this will be removed during packaging\r\n        return null;\r\n    };\r\n    Dashboard.prototype.newLogEntry = function (target, tm, key, level, kind, keep) {\r\n        // @DynamicProtoStub -- DO NOT add any code as this will be removed during packaging\r\n    };\r\n    Dashboard.prototype.render = function () {\r\n        // @DynamicProtoStub -- DO NOT add any code as this will be removed during packaging\r\n    };\r\n    Dashboard.prototype.show = function () {\r\n        // @DynamicProtoStub -- DO NOT add any code as this will be removed during packaging\r\n    };\r\n    Dashboard.prototype.hide = function () {\r\n        // @DynamicProtoStub -- DO NOT add any code as this will be removed during packaging\r\n    };\r\n    return Dashboard;\r\n}());\r\nexport { Dashboard };\r\n//# sourceMappingURL=Dashboard.js.map"],"names":[],"mappings":";;;;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;;;;;;;6CA8BM,CAAC;;;;;;qBACc;AACrB;AACA;AACA"}

package/dist-esm/components/LogEntry.js

@@ -1,10 +1,11 @@
 /*
- * Application Insights JavaScript SDK - Debug Plugin, 2.8.5-nightly.2206-03
+ * Application Insights JavaScript SDK - Debug Plugin, 2.8.5-nightly.2207-01
  * Copyright (c) Microsoft and contributors. All rights reserved.
  */
-import { isBoolean, isNumber, isObject, isString, objToString } from "@microsoft/applicationinsights-core-js";
-import { makeRegex, traverseAndReplace, toggleClassName, MAX_DEPTH, formatLogElements, getTargetName, getTargetKeys } from "./helpers";
 import { Util } from "@microsoft/applicationinsights-common";
+import { isBoolean, isNumber, isObject, isString, objToString } from "@microsoft/applicationinsights-core-js";
+import { _DYN_GET_EL, _DYN_IS_ERROR, _DYN_LENGTH, _DYN_RENDER, _DYN_REPLACE } from "../__DynamicConstants";
+import { MAX_DEPTH, formatLogElements, getTargetKeys, getTargetName, makeRegex, toggleClassName, traverseAndReplace } from "./helpers";
 var LogEntry = /** @class */ (function () {
     function LogEntry(target, tm, key, level, kind, keep) {
         var _self = this;
@@ -23,15 +24,15 @@ var LogEntry = /** @class */ (function () {
         function _testObj(rg, value, excludedKeys, includeFunctions) {
             if (value !== null && value !== undefined && value !== "") {
                 if (Util.isArray(value)) {
-                    for (var lp = 0; lp < value.length; lp++) {
+                    for (var lp = 0; lp < value[_DYN_LENGTH /* @min:%2elength */]; lp++) {
                         if (_testObj(rg, value[lp], excludedKeys, includeFunctions)) {
                             return true;
                         }
                     }
                 }
-                else if (isObject(value) || Util.isError(value)) {
+                else if (isObject(value) || Util[_DYN_IS_ERROR /* @min:%2eisError */](value)) {
                     var keys = getTargetKeys(value, excludedKeys, includeFunctions);
-                    for (var lp = 0; lp < keys.length; lp++) {
+                    for (var lp = 0; lp < keys[_DYN_LENGTH /* @min:%2elength */]; lp++) {
                         var key_1 = keys[lp];
                         if (_testValue(rg, key_1) || _testObj(rg, value[key_1], excludedKeys, includeFunctions)) {
                             return true;
@@ -61,15 +62,15 @@ var LogEntry = /** @class */ (function () {
             }
             return true;
         };
-        _self.render = function (textFilter, excludeKeys, includeFunctions) {
+        _self[_DYN_RENDER /* @min:%2erender */] = function (textFilter, excludeKeys, includeFunctions) {
             if (!theEl || lastTextFilter !== textFilter) {
                 lastTextFilter = textFilter;
                 var ms = "" + tm;
-                while (ms.length < 4) {
+                while (ms[_DYN_LENGTH /* @min:%2elength */] < 4) {
                     ms = "0" + ms;
                 }
-                ms = ms.replace(/(.)(\d{3}){1}$/g, "$1.$2s");
-                while (ms.length <= 9) {
+                ms = ms[_DYN_REPLACE /* @min:%2ereplace */](/(.)(\d{3}){1}$/g, "$1.$2s");
+                while (ms[_DYN_LENGTH /* @min:%2elength */] <= 9) {
                     ms = " " + ms;
                 }
                 theEl = formatLogElements(target, "[".concat(ms, "]"), key, level, textFilter, excludeKeys, [], includeFunctions).root;
@@ -77,7 +78,7 @@ var LogEntry = /** @class */ (function () {
             }
             return theEl;
         };
-        _self.getEl = function () {
+        _self[_DYN_GET_EL /* @min:%2egetEl */] = function () {
             return theEl;
         };
         _self.getKind = function () {

package/dist-esm/components/LogEntry.js.map

@@ -1 +1 @@
-{"version":3,"file":"LogEntry.js.map","sources":["LogEntry.js"],"sourcesContent":["import { isBoolean, isNumber, isObject, isString, objToString } from \"@microsoft/applicationinsights-core-js\";\r\nimport { makeRegex, traverseAndReplace, toggleClassName, MAX_DEPTH, formatLogElements, getTargetName, getTargetKeys } from \"./helpers\";\r\nimport { Util } from \"@microsoft/applicationinsights-common\";\r\nvar LogEntry = /** @class */ (function () {\r\n    function LogEntry(target, tm, key, level, kind, keep) {\r\n        var _self = this;\r\n        var searchContent = null;\r\n        var lastTextFilter;\r\n        var theEl = null;\r\n        _self.isKeep = function () {\r\n            return !!keep;\r\n        };\r\n        function _testValue(rg, value) {\r\n            if (rg && value) {\r\n                return rg.exec(value) !== null;\r\n            }\r\n            return false;\r\n        }\r\n        function _testObj(rg, value, excludedKeys, includeFunctions) {\r\n            if (value !== null && value !== undefined && value !== \"\") {\r\n                if (Util.isArray(value)) {\r\n                    for (var lp = 0; lp < value.length; lp++) {\r\n                        if (_testObj(rg, value[lp], excludedKeys, includeFunctions)) {\r\n                            return true;\r\n                        }\r\n                    }\r\n                }\r\n                else if (isObject(value) || Util.isError(value)) {\r\n                    var keys = getTargetKeys(value, excludedKeys, includeFunctions);\r\n                    for (var lp = 0; lp < keys.length; lp++) {\r\n                        var key_1 = keys[lp];\r\n                        if (_testValue(rg, key_1) || _testObj(rg, value[key_1], excludedKeys, includeFunctions)) {\r\n                            return true;\r\n                        }\r\n                    }\r\n                }\r\n                else if (isString(value) || isNumber(value) || isBoolean(value)) {\r\n                    return _testValue(rg, objToString(value));\r\n                }\r\n            }\r\n            return false;\r\n        }\r\n        _self.isMatch = function (textFilter, excludedKeys, includeFunctions) {\r\n            var rg = makeRegex(textFilter);\r\n            if (rg) {\r\n                if (_testValue(rg, key)) {\r\n                    return true;\r\n                }\r\n                if (_testValue(rg, getTargetName(_self))) {\r\n                    return true;\r\n                }\r\n                if (!searchContent) {\r\n                    // Delaying creating the search optimization until needed -- for performance\r\n                    searchContent = traverseAndReplace(target, MAX_DEPTH, level, [], excludedKeys, includeFunctions);\r\n                }\r\n                return _testObj(rg, searchContent, excludedKeys, includeFunctions);\r\n            }\r\n            return true;\r\n        };\r\n        _self.render = function (textFilter, excludeKeys, includeFunctions) {\r\n            if (!theEl || lastTextFilter !== textFilter) {\r\n                lastTextFilter = textFilter;\r\n                var ms = \"\" + tm;\r\n                while (ms.length < 4) {\r\n                    ms = \"0\" + ms;\r\n                }\r\n                ms = ms.replace(/(.)(\\d{3}){1}$/g, \"$1.$2s\");\r\n                while (ms.length <= 9) {\r\n                    ms = \" \" + ms;\r\n                }\r\n                theEl = formatLogElements(target, \"[\".concat(ms, \"]\"), key, level, textFilter, excludeKeys, [], includeFunctions).root;\r\n                toggleClassName(theEl, \" tree-root\");\r\n            }\r\n            return theEl;\r\n        };\r\n        _self.getEl = function () {\r\n            return theEl;\r\n        };\r\n        _self.getKind = function () {\r\n            return kind;\r\n        };\r\n    }\r\n    return LogEntry;\r\n}());\r\nexport { LogEntry };\r\n//# sourceMappingURL=LogEntry.js.map"],"names":[],"mappings":";;;;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA"}
+{"version":3,"file":"LogEntry.js.map","sources":["LogEntry.js"],"sourcesContent":["import { Util } from \"@microsoft/applicationinsights-common\";\r\nimport { isBoolean, isNumber, isObject, isString, objToString } from \"@microsoft/applicationinsights-core-js\";\r\nimport { _DYN_GET_EL, _DYN_IS_ERROR, _DYN_LENGTH, _DYN_RENDER, _DYN_REPLACE } from \"../__DynamicConstants\";\r\nimport { MAX_DEPTH, formatLogElements, getTargetKeys, getTargetName, makeRegex, toggleClassName, traverseAndReplace } from \"./helpers\";\r\nvar LogEntry = /** @class */ (function () {\r\n    function LogEntry(target, tm, key, level, kind, keep) {\r\n        var _self = this;\r\n        var searchContent = null;\r\n        var lastTextFilter;\r\n        var theEl = null;\r\n        _self.isKeep = function () {\r\n            return !!keep;\r\n        };\r\n        function _testValue(rg, value) {\r\n            if (rg && value) {\r\n                return rg.exec(value) !== null;\r\n            }\r\n            return false;\r\n        }\r\n        function _testObj(rg, value, excludedKeys, includeFunctions) {\r\n            if (value !== null && value !== undefined && value !== \"\") {\r\n                if (Util.isArray(value)) {\r\n                    for (var lp = 0; lp < value[_DYN_LENGTH /* @min:%2elength */]; lp++) {\r\n                        if (_testObj(rg, value[lp], excludedKeys, includeFunctions)) {\r\n                            return true;\r\n                        }\r\n                    }\r\n                }\r\n                else if (isObject(value) || Util[_DYN_IS_ERROR /* @min:%2eisError */](value)) {\r\n                    var keys = getTargetKeys(value, excludedKeys, includeFunctions);\r\n                    for (var lp = 0; lp < keys[_DYN_LENGTH /* @min:%2elength */]; lp++) {\r\n                        var key_1 = keys[lp];\r\n                        if (_testValue(rg, key_1) || _testObj(rg, value[key_1], excludedKeys, includeFunctions)) {\r\n                            return true;\r\n                        }\r\n                    }\r\n                }\r\n                else if (isString(value) || isNumber(value) || isBoolean(value)) {\r\n                    return _testValue(rg, objToString(value));\r\n                }\r\n            }\r\n            return false;\r\n        }\r\n        _self.isMatch = function (textFilter, excludedKeys, includeFunctions) {\r\n            var rg = makeRegex(textFilter);\r\n            if (rg) {\r\n                if (_testValue(rg, key)) {\r\n                    return true;\r\n                }\r\n                if (_testValue(rg, getTargetName(_self))) {\r\n                    return true;\r\n                }\r\n                if (!searchContent) {\r\n                    // Delaying creating the search optimization until needed -- for performance\r\n                    searchContent = traverseAndReplace(target, MAX_DEPTH, level, [], excludedKeys, includeFunctions);\r\n                }\r\n                return _testObj(rg, searchContent, excludedKeys, includeFunctions);\r\n            }\r\n            return true;\r\n        };\r\n        _self[_DYN_RENDER /* @min:%2erender */] = function (textFilter, excludeKeys, includeFunctions) {\r\n            if (!theEl || lastTextFilter !== textFilter) {\r\n                lastTextFilter = textFilter;\r\n                var ms = \"\" + tm;\r\n                while (ms[_DYN_LENGTH /* @min:%2elength */] < 4) {\r\n                    ms = \"0\" + ms;\r\n                }\r\n                ms = ms[_DYN_REPLACE /* @min:%2ereplace */](/(.)(\\d{3}){1}$/g, \"$1.$2s\");\r\n                while (ms[_DYN_LENGTH /* @min:%2elength */] <= 9) {\r\n                    ms = \" \" + ms;\r\n                }\r\n                theEl = formatLogElements(target, \"[\".concat(ms, \"]\"), key, level, textFilter, excludeKeys, [], includeFunctions).root;\r\n                toggleClassName(theEl, \" tree-root\");\r\n            }\r\n            return theEl;\r\n        };\r\n        _self[_DYN_GET_EL /* @min:%2egetEl */] = function () {\r\n            return theEl;\r\n        };\r\n        _self.getKind = function () {\r\n            return kind;\r\n        };\r\n    }\r\n    return LogEntry;\r\n}());\r\nexport { LogEntry };\r\n//# sourceMappingURL=LogEntry.js.map"],"names":[],"mappings":";;;;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA"}

package/dist-esm/components/debugBins.js

@@ -1,9 +1,10 @@
 /*
- * Application Insights JavaScript SDK - Debug Plugin, 2.8.5-nightly.2206-03
+ * Application Insights JavaScript SDK - Debug Plugin, 2.8.5-nightly.2207-01
  * Copyright (c) Microsoft and contributors. All rights reserved.
  */
 
 
+import { _DYN_APPEND_CHILD, _DYN_CHILDREN, _DYN_CLASS_NAME, _DYN_CREATE_ELEMENT, _DYN_INNER_TEXT, _DYN_ONCLICK, _DYN_ONKEYDOWN, _DYN_PARENT_ELEMENT, _DYN_PREVENT_DEFAULT, _DYN_PUSH, _DYN_REMOVE_CHILD, _DYN_RENDER, _DYN_SET_ATTRIBUTE, _DYN_SHOW_CHILDREN, _DYN_TARGET } from "../__DynamicConstants";
 var DebugBinParent = /** @class */ (function () {
     function DebugBinParent(parent, children, bottomDistance, prefix) {
         this.parent = parent;
@@ -11,67 +12,67 @@ var DebugBinParent = /** @class */ (function () {
         this.showChildren = false;
         this.value = 0;
         var _self = this;
-        _self.el = document.createElement("div");
-        _self.el.setAttribute("tabindex", "0");
-        _self.el.className = "".concat(prefix, "-debug-bin-parent");
+        _self.el = document[_DYN_CREATE_ELEMENT /* @min:%2ecreateElement */]("div");
+        _self.el[_DYN_SET_ATTRIBUTE /* @min:%2esetAttribute */]("tabindex", "0");
+        _self.el[_DYN_CLASS_NAME /* @min:%2eclassName */] = "".concat(prefix, "-debug-bin-parent");
         _self.el.style.bottom = "".concat(20 + bottomDistance, "px");
-        _self.elSpan = document.createElement("span");
-        _self.elSpan.innerText = "".concat(_self.value);
-        _self.elSpan.setAttribute("data-name", "AppInsights");
-        _self.el.appendChild(_self.elSpan);
-        _self.el.onclick = function () {
-            _self.showChildren = !_self.showChildren;
-            _self.el.className = (_self.showChildren) ? "".concat(prefix, "-debug-bin-parent active") : "".concat(prefix, "-debug-bin-parent");
-            _self.render();
+        _self.elSpan = document[_DYN_CREATE_ELEMENT /* @min:%2ecreateElement */]("span");
+        _self.elSpan[_DYN_INNER_TEXT /* @min:%2einnerText */] = "".concat(_self.value);
+        _self.elSpan[_DYN_SET_ATTRIBUTE /* @min:%2esetAttribute */]("data-name", "AppInsights");
+        _self.el[_DYN_APPEND_CHILD /* @min:%2eappendChild */](_self.elSpan);
+        _self.el[_DYN_ONCLICK /* @min:%2eonclick */] = function () {
+            _self[_DYN_SHOW_CHILDREN /* @min:%2eshowChildren */] = !_self[_DYN_SHOW_CHILDREN /* @min:%2eshowChildren */];
+            _self.el[_DYN_CLASS_NAME /* @min:%2eclassName */] = (_self[_DYN_SHOW_CHILDREN /* @min:%2eshowChildren */]) ? "".concat(prefix, "-debug-bin-parent active") : "".concat(prefix, "-debug-bin-parent");
+            _self[_DYN_RENDER /* @min:%2erender */]();
         };
-        _self.el.onkeydown = function (evt) {
+        _self.el[_DYN_ONKEYDOWN /* @min:%2eonkeydown */] = function (evt) {
             if (evt.which === 13 || evt.which === 32) {
-                evt.preventDefault();
-                evt.target.click();
+                evt[_DYN_PREVENT_DEFAULT /* @min:%2epreventDefault */]();
+                evt[_DYN_TARGET /* @min:%2etarget */].click();
             }
         };
-        _self.render();
+        _self[_DYN_RENDER /* @min:%2erender */]();
     }
     DebugBinParent.prototype.addClassToEl = function (name) {
         var _self = this;
-        if (_self.el.className.indexOf(name) === -1) {
-            _self.el.className += " ".concat(name);
+        if (_self.el[_DYN_CLASS_NAME /* @min:%2eclassName */].indexOf(name) === -1) {
+            _self.el[_DYN_CLASS_NAME /* @min:%2eclassName */] += " ".concat(name);
         }
     };
     DebugBinParent.prototype.addChild = function (bin) {
-        this.children.push(bin);
+        this.children[_DYN_PUSH /* @min:%2epush */](bin);
     };
     DebugBinParent.prototype.addButton = function (handler, label) {
-        var btn = document.createElement("button");
-        btn.innerText = label;
-        btn.onclick = handler;
+        var btn = document[_DYN_CREATE_ELEMENT /* @min:%2ecreateElement */]("button");
+        btn[_DYN_INNER_TEXT /* @min:%2einnerText */] = label;
+        btn[_DYN_ONCLICK /* @min:%2eonclick */] = handler;
         this.addChild(btn);
     };
     DebugBinParent.prototype.increment = function () {
         var _self = this;
-        _self.elSpan.innerText = "".concat(++_self.value);
+        _self.elSpan[_DYN_INNER_TEXT /* @min:%2einnerText */] = "".concat(++_self.value);
     };
     DebugBinParent.prototype.render = function () {
         var _self = this;
-        if (!_self.el.parentElement) {
-            _self.parent.appendChild(_self.el);
+        if (!_self.el[_DYN_PARENT_ELEMENT /* @min:%2eparentElement */]) {
+            _self.parent[_DYN_APPEND_CHILD /* @min:%2eappendChild */](_self.el);
         }
-        for (var _i = 0, _a = _self.children; _i < _a.length; _i++) {
+        for (var _i = 0, _a = _self[_DYN_CHILDREN /* @min:%2echildren */]; _i < _a.length; _i++) {
             var ch = _a[_i];
             if (ch instanceof DebugBin) {
-                if (ch.el.parentElement !== _self.el && _self.showChildren) {
-                    _self.el.appendChild(ch.el);
+                if (ch.el.parentElement !== _self.el && _self[_DYN_SHOW_CHILDREN /* @min:%2eshowChildren */]) {
+                    _self.el[_DYN_APPEND_CHILD /* @min:%2eappendChild */](ch.el);
                 }
-                else if (ch.el.parentElement === _self.el && !_self.showChildren) {
-                    _self.el.removeChild(ch.el);
+                else if (ch.el.parentElement === _self.el && !_self[_DYN_SHOW_CHILDREN /* @min:%2eshowChildren */]) {
+                    _self.el[_DYN_REMOVE_CHILD /* @min:%2eremoveChild */](ch.el);
                 }
             }
             else {
-                if (_self.showChildren) {
-                    _self.el.appendChild(ch);
+                if (_self[_DYN_SHOW_CHILDREN /* @min:%2eshowChildren */]) {
+                    _self.el[_DYN_APPEND_CHILD /* @min:%2eappendChild */](ch);
                 }
                 else {
-                    _self.el.removeChild(ch);
+                    _self.el[_DYN_REMOVE_CHILD /* @min:%2eremoveChild */](ch);
                 }
             }
         }
@@ -86,22 +87,22 @@ var DebugBin = /** @class */ (function () {
         this.parent = parent;
         var _self = this;
         parent.addChild(_self);
-        _self.el = document.createElement("div");
-        _self.elName = document.createElement("span");
-        _self.elName.innerText = "".concat(name, ": ");
-        _self.elName.className = "el-name";
-        _self.el.appendChild(_self.elName);
-        _self.elValue = document.createElement("span");
-        _self.elValue.innerText = "".concat(value);
-        _self.elValue.className = "el-value";
-        _self.el.appendChild(_self.elValue);
+        _self.el = document[_DYN_CREATE_ELEMENT /* @min:%2ecreateElement */]("div");
+        _self.elName = document[_DYN_CREATE_ELEMENT /* @min:%2ecreateElement */]("span");
+        _self.elName[_DYN_INNER_TEXT /* @min:%2einnerText */] = "".concat(name, ": ");
+        _self.elName[_DYN_CLASS_NAME /* @min:%2eclassName */] = "el-name";
+        _self.el[_DYN_APPEND_CHILD /* @min:%2eappendChild */](_self.elName);
+        _self.elValue = document[_DYN_CREATE_ELEMENT /* @min:%2ecreateElement */]("span");
+        _self.elValue[_DYN_INNER_TEXT /* @min:%2einnerText */] = "".concat(value);
+        _self.elValue[_DYN_CLASS_NAME /* @min:%2eclassName */] = "el-value";
+        _self.el[_DYN_APPEND_CHILD /* @min:%2eappendChild */](_self.elValue);
     }
     DebugBin.prototype.increment = function () {
         var _self = this;
-        _self.elValue.innerText = "".concat(++_self.value);
+        _self.elValue[_DYN_INNER_TEXT /* @min:%2einnerText */] = "".concat(++_self.value);
         _self.parent.increment();
-        _self.elValue.className = "el-value incremented";
-        setTimeout(function () { return _self.elValue.className = "el-value"; }, 1);
+        _self.elValue[_DYN_CLASS_NAME /* @min:%2eclassName */] = "el-value incremented";
+        setTimeout(function () { return _self.elValue[_DYN_CLASS_NAME /* @min:%2eclassName */] = "el-value"; }, 1);
     };
     return DebugBin;
 }());

package/dist-esm/components/debugBins.js.map

@@ -1 +1 @@
-{"version":3,"file":"debugBins.js.map","sources":["debugBins.js"],"sourcesContent":["// Copyright (c) Microsoft Corporation. All rights reserved.\r\n// Licensed under the MIT License.\r\nvar DebugBinParent = /** @class */ (function () {\r\n    function DebugBinParent(parent, children, bottomDistance, prefix) {\r\n        this.parent = parent;\r\n        this.children = children;\r\n        this.showChildren = false;\r\n        this.value = 0;\r\n        var _self = this;\r\n        _self.el = document.createElement(\"div\");\r\n        _self.el.setAttribute(\"tabindex\", \"0\");\r\n        _self.el.className = \"\".concat(prefix, \"-debug-bin-parent\");\r\n        _self.el.style.bottom = \"\".concat(20 + bottomDistance, \"px\");\r\n        _self.elSpan = document.createElement(\"span\");\r\n        _self.elSpan.innerText = \"\".concat(_self.value);\r\n        _self.elSpan.setAttribute(\"data-name\", \"AppInsights\");\r\n        _self.el.appendChild(_self.elSpan);\r\n        _self.el.onclick = function () {\r\n            _self.showChildren = !_self.showChildren;\r\n            _self.el.className = (_self.showChildren) ? \"\".concat(prefix, \"-debug-bin-parent active\") : \"\".concat(prefix, \"-debug-bin-parent\");\r\n            _self.render();\r\n        };\r\n        _self.el.onkeydown = function (evt) {\r\n            if (evt.which === 13 || evt.which === 32) {\r\n                evt.preventDefault();\r\n                evt.target.click();\r\n            }\r\n        };\r\n        _self.render();\r\n    }\r\n    DebugBinParent.prototype.addClassToEl = function (name) {\r\n        var _self = this;\r\n        if (_self.el.className.indexOf(name) === -1) {\r\n            _self.el.className += \" \".concat(name);\r\n        }\r\n    };\r\n    DebugBinParent.prototype.addChild = function (bin) {\r\n        this.children.push(bin);\r\n    };\r\n    DebugBinParent.prototype.addButton = function (handler, label) {\r\n        var btn = document.createElement(\"button\");\r\n        btn.innerText = label;\r\n        btn.onclick = handler;\r\n        this.addChild(btn);\r\n    };\r\n    DebugBinParent.prototype.increment = function () {\r\n        var _self = this;\r\n        _self.elSpan.innerText = \"\".concat(++_self.value);\r\n    };\r\n    DebugBinParent.prototype.render = function () {\r\n        var _self = this;\r\n        if (!_self.el.parentElement) {\r\n            _self.parent.appendChild(_self.el);\r\n        }\r\n        for (var _i = 0, _a = _self.children; _i < _a.length; _i++) {\r\n            var ch = _a[_i];\r\n            if (ch instanceof DebugBin) {\r\n                if (ch.el.parentElement !== _self.el && _self.showChildren) {\r\n                    _self.el.appendChild(ch.el);\r\n                }\r\n                else if (ch.el.parentElement === _self.el && !_self.showChildren) {\r\n                    _self.el.removeChild(ch.el);\r\n                }\r\n            }\r\n            else {\r\n                if (_self.showChildren) {\r\n                    _self.el.appendChild(ch);\r\n                }\r\n                else {\r\n                    _self.el.removeChild(ch);\r\n                }\r\n            }\r\n        }\r\n    };\r\n    return DebugBinParent;\r\n}());\r\nexport { DebugBinParent };\r\nvar DebugBin = /** @class */ (function () {\r\n    function DebugBin(name, value, parent, bottomDistance, backgroundColor) {\r\n        this.name = name;\r\n        this.value = value;\r\n        this.parent = parent;\r\n        var _self = this;\r\n        parent.addChild(_self);\r\n        _self.el = document.createElement(\"div\");\r\n        _self.elName = document.createElement(\"span\");\r\n        _self.elName.innerText = \"\".concat(name, \": \");\r\n        _self.elName.className = \"el-name\";\r\n        _self.el.appendChild(_self.elName);\r\n        _self.elValue = document.createElement(\"span\");\r\n        _self.elValue.innerText = \"\".concat(value);\r\n        _self.elValue.className = \"el-value\";\r\n        _self.el.appendChild(_self.elValue);\r\n    }\r\n    DebugBin.prototype.increment = function () {\r\n        var _self = this;\r\n        _self.elValue.innerText = \"\".concat(++_self.value);\r\n        _self.parent.increment();\r\n        _self.elValue.className = \"el-value incremented\";\r\n        setTimeout(function () { return _self.elValue.className = \"el-value\"; }, 1);\r\n    };\r\n    return DebugBin;\r\n}());\r\nexport { DebugBin };\r\n//# sourceMappingURL=debugBins.js.map"],"names":[],"mappings":";;;;AAA4D;AAC1B;AAClC;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA"}
+{"version":3,"file":"debugBins.js.map","sources":["debugBins.js"],"sourcesContent":["// Copyright (c) Microsoft Corporation. All rights reserved.\r\n// Licensed under the MIT License.\r\nimport { _DYN_APPEND_CHILD, _DYN_CHILDREN, _DYN_CLASS_NAME, _DYN_CREATE_ELEMENT, _DYN_INNER_TEXT, _DYN_ONCLICK, _DYN_ONKEYDOWN, _DYN_PARENT_ELEMENT, _DYN_PREVENT_DEFAULT, _DYN_PUSH, _DYN_REMOVE_CHILD, _DYN_RENDER, _DYN_SET_ATTRIBUTE, _DYN_SHOW_CHILDREN, _DYN_TARGET } from \"../__DynamicConstants\";\r\nvar DebugBinParent = /** @class */ (function () {\r\n    function DebugBinParent(parent, children, bottomDistance, prefix) {\r\n        this.parent = parent;\r\n        this.children = children;\r\n        this.showChildren = false;\r\n        this.value = 0;\r\n        var _self = this;\r\n        _self.el = document[_DYN_CREATE_ELEMENT /* @min:%2ecreateElement */](\"div\");\r\n        _self.el[_DYN_SET_ATTRIBUTE /* @min:%2esetAttribute */](\"tabindex\", \"0\");\r\n        _self.el[_DYN_CLASS_NAME /* @min:%2eclassName */] = \"\".concat(prefix, \"-debug-bin-parent\");\r\n        _self.el.style.bottom = \"\".concat(20 + bottomDistance, \"px\");\r\n        _self.elSpan = document[_DYN_CREATE_ELEMENT /* @min:%2ecreateElement */](\"span\");\r\n        _self.elSpan[_DYN_INNER_TEXT /* @min:%2einnerText */] = \"\".concat(_self.value);\r\n        _self.elSpan[_DYN_SET_ATTRIBUTE /* @min:%2esetAttribute */](\"data-name\", \"AppInsights\");\r\n        _self.el[_DYN_APPEND_CHILD /* @min:%2eappendChild */](_self.elSpan);\r\n        _self.el[_DYN_ONCLICK /* @min:%2eonclick */] = function () {\r\n            _self[_DYN_SHOW_CHILDREN /* @min:%2eshowChildren */] = !_self[_DYN_SHOW_CHILDREN /* @min:%2eshowChildren */];\r\n            _self.el[_DYN_CLASS_NAME /* @min:%2eclassName */] = (_self[_DYN_SHOW_CHILDREN /* @min:%2eshowChildren */]) ? \"\".concat(prefix, \"-debug-bin-parent active\") : \"\".concat(prefix, \"-debug-bin-parent\");\r\n            _self[_DYN_RENDER /* @min:%2erender */]();\r\n        };\r\n        _self.el[_DYN_ONKEYDOWN /* @min:%2eonkeydown */] = function (evt) {\r\n            if (evt.which === 13 || evt.which === 32) {\r\n                evt[_DYN_PREVENT_DEFAULT /* @min:%2epreventDefault */]();\r\n                evt[_DYN_TARGET /* @min:%2etarget */].click();\r\n            }\r\n        };\r\n        _self[_DYN_RENDER /* @min:%2erender */]();\r\n    }\r\n    DebugBinParent.prototype.addClassToEl = function (name) {\r\n        var _self = this;\r\n        if (_self.el[_DYN_CLASS_NAME /* @min:%2eclassName */].indexOf(name) === -1) {\r\n            _self.el[_DYN_CLASS_NAME /* @min:%2eclassName */] += \" \".concat(name);\r\n        }\r\n    };\r\n    DebugBinParent.prototype.addChild = function (bin) {\r\n        this.children[_DYN_PUSH /* @min:%2epush */](bin);\r\n    };\r\n    DebugBinParent.prototype.addButton = function (handler, label) {\r\n        var btn = document[_DYN_CREATE_ELEMENT /* @min:%2ecreateElement */](\"button\");\r\n        btn[_DYN_INNER_TEXT /* @min:%2einnerText */] = label;\r\n        btn[_DYN_ONCLICK /* @min:%2eonclick */] = handler;\r\n        this.addChild(btn);\r\n    };\r\n    DebugBinParent.prototype.increment = function () {\r\n        var _self = this;\r\n        _self.elSpan[_DYN_INNER_TEXT /* @min:%2einnerText */] = \"\".concat(++_self.value);\r\n    };\r\n    DebugBinParent.prototype.render = function () {\r\n        var _self = this;\r\n        if (!_self.el[_DYN_PARENT_ELEMENT /* @min:%2eparentElement */]) {\r\n            _self.parent[_DYN_APPEND_CHILD /* @min:%2eappendChild */](_self.el);\r\n        }\r\n        for (var _i = 0, _a = _self[_DYN_CHILDREN /* @min:%2echildren */]; _i < _a.length; _i++) {\r\n            var ch = _a[_i];\r\n            if (ch instanceof DebugBin) {\r\n                if (ch.el.parentElement !== _self.el && _self[_DYN_SHOW_CHILDREN /* @min:%2eshowChildren */]) {\r\n                    _self.el[_DYN_APPEND_CHILD /* @min:%2eappendChild */](ch.el);\r\n                }\r\n                else if (ch.el.parentElement === _self.el && !_self[_DYN_SHOW_CHILDREN /* @min:%2eshowChildren */]) {\r\n                    _self.el[_DYN_REMOVE_CHILD /* @min:%2eremoveChild */](ch.el);\r\n                }\r\n            }\r\n            else {\r\n                if (_self[_DYN_SHOW_CHILDREN /* @min:%2eshowChildren */]) {\r\n                    _self.el[_DYN_APPEND_CHILD /* @min:%2eappendChild */](ch);\r\n                }\r\n                else {\r\n                    _self.el[_DYN_REMOVE_CHILD /* @min:%2eremoveChild */](ch);\r\n                }\r\n            }\r\n        }\r\n    };\r\n    return DebugBinParent;\r\n}());\r\nexport { DebugBinParent };\r\nvar DebugBin = /** @class */ (function () {\r\n    function DebugBin(name, value, parent, bottomDistance, backgroundColor) {\r\n        this.name = name;\r\n        this.value = value;\r\n        this.parent = parent;\r\n        var _self = this;\r\n        parent.addChild(_self);\r\n        _self.el = document[_DYN_CREATE_ELEMENT /* @min:%2ecreateElement */](\"div\");\r\n        _self.elName = document[_DYN_CREATE_ELEMENT /* @min:%2ecreateElement */](\"span\");\r\n        _self.elName[_DYN_INNER_TEXT /* @min:%2einnerText */] = \"\".concat(name, \": \");\r\n        _self.elName[_DYN_CLASS_NAME /* @min:%2eclassName */] = \"el-name\";\r\n        _self.el[_DYN_APPEND_CHILD /* @min:%2eappendChild */](_self.elName);\r\n        _self.elValue = document[_DYN_CREATE_ELEMENT /* @min:%2ecreateElement */](\"span\");\r\n        _self.elValue[_DYN_INNER_TEXT /* @min:%2einnerText */] = \"\".concat(value);\r\n        _self.elValue[_DYN_CLASS_NAME /* @min:%2eclassName */] = \"el-value\";\r\n        _self.el[_DYN_APPEND_CHILD /* @min:%2eappendChild */](_self.elValue);\r\n    }\r\n    DebugBin.prototype.increment = function () {\r\n        var _self = this;\r\n        _self.elValue[_DYN_INNER_TEXT /* @min:%2einnerText */] = \"\".concat(++_self.value);\r\n        _self.parent.increment();\r\n        _self.elValue[_DYN_CLASS_NAME /* @min:%2eclassName */] = \"el-value incremented\";\r\n        setTimeout(function () { return _self.elValue[_DYN_CLASS_NAME /* @min:%2eclassName */] = \"el-value\"; }, 1);\r\n    };\r\n    return DebugBin;\r\n}());\r\nexport { DebugBin };\r\n//# sourceMappingURL=debugBins.js.map"],"names":[],"mappings":";;;;AAA4D;AAC1B;AAClC;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA"}