@microsoft/applicationinsights-debugplugin-js 3.0.0-beta.2210-17 → 3.0.0-beta.2210-19

package/dist/applicationinsights-debugplugin-js.rollup.d.ts

@@ -1,5 +1,5 @@
 /*
- * Microsoft.ApplicationInsights, 3.0.0-beta.2210-17
+ * Microsoft.ApplicationInsights, 3.0.0-beta.2210-19
  * Copyright (c) Microsoft and contributors. All rights reserved.
  *
  * Microsoft Application Insights Team

package/dist-esm/DebugPlugin.js

@@ -1,5 +1,5 @@
 /*
- * Application Insights JavaScript SDK - Debug Plugin, 3.0.0-beta.2210-17
+ * Application Insights JavaScript SDK - Debug Plugin, 3.0.0-beta.2210-19
  * Copyright (c) Microsoft and contributors. All rights reserved.
  */
 

package/dist-esm/__DynamicConstants.js

@@ -1,5 +1,5 @@
 /*
- * Application Insights JavaScript SDK - Debug Plugin, 3.0.0-beta.2210-17
+ * Application Insights JavaScript SDK - Debug Plugin, 3.0.0-beta.2210-19
  * Copyright (c) Microsoft and contributors. All rights reserved.
  */
 

package/dist-esm/applicationinsights-debugplugin-js.js

@@ -1,5 +1,5 @@
 /*
- * Application Insights JavaScript SDK - Debug Plugin, 3.0.0-beta.2210-17
+ * Application Insights JavaScript SDK - Debug Plugin, 3.0.0-beta.2210-19
  * Copyright (c) Microsoft and contributors. All rights reserved.
  */
 

package/dist-esm/components/Dashboard.js

@@ -1,9 +1,10 @@
 /*
- * Application Insights JavaScript SDK - Debug Plugin, 3.0.0-beta.2210-17
+ * Application Insights JavaScript SDK - Debug Plugin, 3.0.0-beta.2210-19
  * Copyright (c) Microsoft and contributors. All rights reserved.
  */
 import dynamicProto from "@microsoft/dynamicproto-js";
 import { arrForEach, arrIndexOf } from "@microsoft/applicationinsights-core-js";
+import { scheduleTimeout } from "@nevware21/ts-utils";
 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";
@@ -163,12 +164,11 @@ var Dashboard = /** @class */ (function () {
                     _self[_DYN_SET_TEXT_FILTER /* @min:%2esetTextFilter */](textFilterInput.value);
                 };
                 textFilterInput[_DYN_ONKEYUP /* @min:%2eonkeyup */] = function (evt) {
-                    if (keyupTimer != null) {
-                        clearTimeout(keyupTimer);
-                    }
+                    keyupTimer && keyupTimer.cancel();
+                    keyupTimer = null;
                     var newValue = textFilterInput.value;
                     if (newValue !== _self.getTextFilter()) {
-                        keyupTimer = setTimeout(function () {
+                        keyupTimer = scheduleTimeout(function () {
                             keyupTimer = null;
                             _self[_DYN_SET_TEXT_FILTER /* @min:%2esetTextFilter */](textFilterInput.value);
                         }, 200);

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

@@ -1 +1 @@
-{"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"}
+{"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 { scheduleTimeout } from \"@nevware21/ts-utils\";\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                    keyupTimer && keyupTimer.cancel();\r\n                    keyupTimer = null;\r\n                    var newValue = textFilterInput.value;\r\n                    if (newValue !== _self.getTextFilter()) {\r\n                        keyupTimer = scheduleTimeout(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,5 +1,5 @@
 /*
- * Application Insights JavaScript SDK - Debug Plugin, 3.0.0-beta.2210-17
+ * Application Insights JavaScript SDK - Debug Plugin, 3.0.0-beta.2210-19
  * Copyright (c) Microsoft and contributors. All rights reserved.
  */
 import { isArray, isBoolean, isError, isNumber, isObject, isString, objToString } from "@microsoft/applicationinsights-core-js";

package/dist-esm/components/debugBins.js

@@ -1,9 +1,10 @@
 /*
- * Application Insights JavaScript SDK - Debug Plugin, 3.0.0-beta.2210-17
+ * Application Insights JavaScript SDK - Debug Plugin, 3.0.0-beta.2210-19
  * Copyright (c) Microsoft and contributors. All rights reserved.
  */
 
 
+import { scheduleTimeout } from "@nevware21/ts-utils";
 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) {
@@ -102,7 +103,7 @@ var DebugBin = /** @class */ (function () {
         _self.elValue[_DYN_INNER_TEXT /* @min:%2einnerText */] = "".concat(++_self.value);
         _self.parent.increment();
         _self.elValue[_DYN_CLASS_NAME /* @min:%2eclassName */] = "el-value incremented";
-        setTimeout(function () { return _self.elValue[_DYN_CLASS_NAME /* @min:%2eclassName */] = "el-value"; }, 1);
+        scheduleTimeout(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\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"}
+{"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 { scheduleTimeout } from \"@nevware21/ts-utils\";\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        scheduleTimeout(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;AACA"}

package/dist-esm/components/filterList.js

@@ -1,5 +1,5 @@
 /*
- * Application Insights JavaScript SDK - Debug Plugin, 3.0.0-beta.2210-17
+ * Application Insights JavaScript SDK - Debug Plugin, 3.0.0-beta.2210-19
  * Copyright (c) Microsoft and contributors. All rights reserved.
  */
 

package/dist-esm/components/helpers.js

@@ -1,5 +1,5 @@
 /*
- * Application Insights JavaScript SDK - Debug Plugin, 3.0.0-beta.2210-17
+ * Application Insights JavaScript SDK - Debug Plugin, 3.0.0-beta.2210-19
  * Copyright (c) Microsoft and contributors. All rights reserved.
  */
 

package/dist-esm/components/styleNodeSrc.js

@@ -1,5 +1,5 @@
 /*
- * Application Insights JavaScript SDK - Debug Plugin, 3.0.0-beta.2210-17
+ * Application Insights JavaScript SDK - Debug Plugin, 3.0.0-beta.2210-19
  * Copyright (c) Microsoft and contributors. All rights reserved.
  */
 

package/dist-esm/interfaces/IDebugPluginConfig.js

@@ -1,5 +1,5 @@
 /*
- * Application Insights JavaScript SDK - Debug Plugin, 3.0.0-beta.2210-17
+ * Application Insights JavaScript SDK - Debug Plugin, 3.0.0-beta.2210-19
  * Copyright (c) Microsoft and contributors. All rights reserved.
  */
 

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@microsoft/applicationinsights-debugplugin-js",
-    "version": "3.0.0-beta.2210-17",
+    "version": "3.0.0-beta.2210-19",
     "description": "Microsoft Application Insights JavaScript SDK - Debug Plugin extension",
     "homepage": "https://github.com/microsoft/ApplicationInsights-JS#readme",
     "author": "Microsoft Application Insights Team",
@@ -48,8 +48,8 @@
     },
     "dependencies": {
         "@microsoft/dynamicproto-js": "^1.1.7",
-        "@microsoft/applicationinsights-common": "3.0.0-beta.2210-17",
-        "@microsoft/applicationinsights-core-js": "3.0.0-beta.2210-17",
+        "@microsoft/applicationinsights-common": "3.0.0-beta.2210-19",
+        "@microsoft/applicationinsights-core-js": "3.0.0-beta.2210-19",
         "@microsoft/applicationinsights-shims": "2.0.1",
         "@nevware21/ts-utils": "^0.5.0"
     },

package/src/components/Dashboard.ts

@@ -1,5 +1,6 @@
 import dynamicProto from "@microsoft/dynamicproto-js";
 import { arrForEach, arrIndexOf } from "@microsoft/applicationinsights-core-js";
+import { ITimerHandler, scheduleTimeout } from "@nevware21/ts-utils";
 import { LogEntry } from "./LogEntry";
 import { FilterList } from "./filterList";
 import { copySelectedTree } from "./helpers";
@@ -195,13 +196,12 @@ export class Dashboard {
                 };
         
                 textFilterInput.onkeyup = (evt: Event) => {
-                    if (keyupTimer != null) {
-                        clearTimeout(keyupTimer);
-                    }
+                    keyupTimer && keyupTimer.cancel();
+                    keyupTimer = null;
         
                     let newValue = textFilterInput.value;
                     if (newValue !== _self.getTextFilter()) {
-                        keyupTimer = setTimeout(() => {
+                        keyupTimer = scheduleTimeout(() => {
                             keyupTimer = null;
                             _self.setTextFilter(textFilterInput.value);
                         }, 200);
@@ -216,7 +216,7 @@ export class Dashboard {
                 copyButton.onclick = copySelectedTree;
                 copyButton.ontouchend = copySelectedTree;
         
-                let keyupTimer: any = null;
+                let keyupTimer: ITimerHandler = null;
         
                 filterList = new FilterList(controlDiv, trackers.slice(0), () => _self.render());
 

package/src/components/debugBins.ts

@@ -1,6 +1,8 @@
 // Copyright (c) Microsoft Corporation. All rights reserved.
 // Licensed under the MIT License.
 
+import { scheduleTimeout } from "@nevware21/ts-utils";
+
 export class DebugBinParent {
     public showChildren: boolean = false;
 
@@ -120,6 +122,6 @@ export class DebugBin {
         _self.elValue.innerText = `${++_self.value}`;
         _self.parent.increment();
         _self.elValue.className = "el-value incremented";
-        setTimeout(() => _self.elValue.className = "el-value", 1);
+        scheduleTimeout(() => _self.elValue.className = "el-value", 1);
     }
 }