@splunk/react-ui 4.42.0 → 4.43.0

package/Code.js

@@ -1,13 +1,106 @@
 /******/ (() => {
     // webpackBootstrap
     /******/ var e = {
+        /***/ 6283: 
+        /***/ (e, t, n) => {
+            "use strict";
+            // EXPORTS
+                        n.d(t, {
+                default: () => /* reexport */ p
+            });
+            // EXTERNAL MODULE: external "react"
+                        var r = n(9497);
+            // CONCATENATED MODULE: ./src/useResizeObserver/useResizeObserver.ts
+            function a(e, t) {
+                return u(e) || l(e, t) || i(e, t) || s();
+            }
+            function s() {
+                throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
+            }
+            function i(e, t) {
+                if (e) {
+                    if ("string" == typeof e) return o(e, t);
+                    var n = {}.toString.call(e).slice(8, -1);
+                    return "Object" === n && e.constructor && (n = e.constructor.name), "Map" === n || "Set" === n ? Array.from(e) : "Arguments" === n || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n) ? o(e, t) : void 0;
+                }
+            }
+            function o(e, t) {
+                (null == t || t > e.length) && (t = e.length);
+                for (var n = 0, r = Array(t); n < t; n++) {
+                    r[n] = e[n];
+                }
+                return r;
+            }
+            function l(e, t) {
+                var n = null == e ? null : "undefined" != typeof Symbol && e[Symbol.iterator] || e["@@iterator"];
+                if (null != n) {
+                    var r, a, s, i, o = [], l = !0, u = !1;
+                    try {
+                        if (s = (n = n.call(e)).next, 0 === t) {
+                            if (Object(n) !== n) return;
+                            l = !1;
+                        } else for (;!(l = (r = s.call(n)).done) && (o.push(r.value), o.length !== t); l = !0) {
+                        }
+                    } catch (e) {
+                        u = !0, a = e;
+                    } finally {
+                        try {
+                            if (!l && null != n["return"] && (i = n["return"](), Object(i) !== i)) return;
+                        } finally {
+                            if (u) throw a;
+                        }
+                    }
+                    return o;
+                }
+            }
+            function u(e) {
+                if (Array.isArray(e)) return e;
+            }
+            /**
+ * Watches a React ref element for changes in size.
+ *
+ * @param ref - The React ref to observe size changes on
+ */            var c = function e(t) {
+                var n = (0, r.useState)({
+                    width: 0,
+                    height: 0
+                }), s = a(n, 2), i = s[0], o = s[1];
+                (0, r.useEffect)((function() {
+                    var e = t.current;
+                    if (typeof window !== "undefined" && window.ResizeObserver) {
+                        var n = new ResizeObserver((function(e) {
+                            if (e[0]) {
+                                var n, r;
+                                o({
+                                    width: (t === null || t === void 0 ? void 0 : (n = t.current) === null || n === void 0 ? void 0 : n.getBoundingClientRect().width) || 0,
+                                    height: (t === null || t === void 0 ? void 0 : (r = t.current) === null || r === void 0 ? void 0 : r.getBoundingClientRect().height) || 0
+                                });
+                            }
+                        }));
+                        if (e) {
+                            n.observe(e);
+                        }
+                        return function() {
+                            if (e) {
+                                n.unobserve(e);
+                            }
+                        };
+                    }
+                    // Return a no-op function to satisfy consistent-return rule
+                                        return function() {};
+                }), [ t ]);
+                return i;
+            };
+            /* harmony default export */            const p = c;
+        } // CONCATENATED MODULE: ./src/useResizeObserver/index.ts
+        /***/ ,
         /***/ 74: 
         /***/ e => {
             (function() {
                 var t = undefined;
-                var a = undefined;
+                var n = undefined;
                 /// <reference lib="WebWorker"/>
-                                var n = typeof t !== "undefined" ? t : typeof WorkerGlobalScope !== "undefined" && self instanceof WorkerGlobalScope ? self : {};
+                                var r = typeof t !== "undefined" ? t : typeof WorkerGlobalScope !== "undefined" && self instanceof WorkerGlobalScope ? self : {};
                 /**
  * Prism: Lightweight, robust, elegant syntax highlighting
  *
@@ -15,12 +108,12 @@
  * @author Lea Verou <https://lea.verou.me>
  * @namespace
  * @public
- */                var r = function(e) {
+ */                var a = function(e) {
                     // Private helper vars
-                    var a = /(?:^|\s)lang(?:uage)?-([\w-]+)(?=\s|$)/i;
-                    var n = 0;
+                    var n = /(?:^|\s)lang(?:uage)?-([\w-]+)(?=\s|$)/i;
+                    var r = 0;
                     // The grammar object for plaintext
-                                        var r = {};
+                                        var a = {};
                     var s = {
                         /**
 		 * By default, Prism will attempt to highlight all code elements (by calling {@link Prism.highlightAll}) on the
@@ -113,7 +206,7 @@
                             objId: function(e) {
                                 if (!e["__id"]) {
                                     Object.defineProperty(e, "__id", {
-                                        value: ++n
+                                        value: ++r
                                     });
                                 }
                                 return e["__id"];
@@ -128,38 +221,38 @@
 			 * @returns {T}
 			 * @template T
 			 */
-                            clone: function e(t, a) {
-                                a = a || {};
-                                var n;
+                            clone: function e(t, n) {
+                                n = n || {};
                                 var r;
+                                var a;
                                 switch (s.util.type(t)) {
                                   case "Object":
-                                    r = s.util.objId(t);
-                                    if (a[r]) {
-                                        return a[r];
+                                    a = s.util.objId(t);
+                                    if (n[a]) {
+                                        return n[a];
                                     }
-                                    n = /** @type {Record<string, any>} */ {};
-                                    a[r] = n;
+                                    r = /** @type {Record<string, any>} */ {};
+                                    n[a] = r;
                                     for (var i in t) {
                                         if (t.hasOwnProperty(i)) {
-                                            n[i] = e(t[i], a);
+                                            r[i] = e(t[i], n);
                                         }
                                     }
                                     /** @type {any} */
-                                    return n;
+                                    return r;
 
                                   case "Array":
-                                    r = s.util.objId(t);
-                                    if (a[r]) {
-                                        return a[r];
+                                    a = s.util.objId(t);
+                                    if (n[a]) {
+                                        return n[a];
                                     }
-                                    n = [];
-                                    a[r] = n;
-                                    /** @type {Array} */ /** @type {any} */ t.forEach((function(t, r) {
-                                        n[r] = e(t, a);
+                                    r = [];
+                                    n[a] = r;
+                                    /** @type {Array} */ /** @type {any} */ t.forEach((function(t, a) {
+                                        r[a] = e(t, n);
                                     }));
                                     /** @type {any} */
-                                    return n;
+                                    return r;
 
                                   default:
                                     return t;
@@ -175,7 +268,7 @@
 			 */
                             getLanguage: function(e) {
                                 while (e) {
-                                    var t = a.exec(e.className);
+                                    var t = n.exec(e.className);
                                     if (t) {
                                         return t[1].toLowerCase();
                                     }
@@ -193,7 +286,7 @@
                             setLanguage: function(e, t) {
                                 // remove all `language-xxxx` classes
                                 // (this might leave behind a leading space)
-                                e.className = e.className.replace(RegExp(a, "gi"), "");
+                                e.className = e.className.replace(RegExp(n, "gi"), "");
                                 // add the new `language-xxxx` class
                                 // (using `classList` will automatically clean up spaces for us)
                                                                 e.classList.add("language-" + t);
@@ -218,18 +311,18 @@
                                 // this will not work for inline scripts
                                                                 try {
                                     throw new Error;
-                                } catch (n) {
+                                } catch (r) {
                                     // Get file src url from stack. Specifically works with the format of stack traces in IE.
                                     // A stack will look like this:
                                     // Error
                                     //    at _.util.currentScript (http://localhost/components/prism-core.js:119:5)
                                     //    at Global code (http://localhost/components/prism-core.js:606:1)
-                                    var e = (/at [^(\r\n]*\((.*):[^:]+:[^:]+\)$/i.exec(n.stack) || [])[1];
+                                    var e = (/at [^(\r\n]*\((.*):[^:]+:[^:]+\)$/i.exec(r.stack) || [])[1];
                                     if (e) {
                                         var t = document.getElementsByTagName("script");
-                                        for (var a in t) {
-                                            if (t[a].src == e) {
-                                                return t[a];
+                                        for (var n in t) {
+                                            if (t[n].src == e) {
+                                                return t[n];
                                             }
                                         }
                                     }
@@ -255,19 +348,19 @@
 			 * @param {boolean} [defaultActivation=false]
 			 * @returns {boolean}
 			 */
-                            isActive: function(e, t, a) {
-                                var n = "no-" + t;
+                            isActive: function(e, t, n) {
+                                var r = "no-" + t;
                                 while (e) {
-                                    var r = e.classList;
-                                    if (r.contains(t)) {
+                                    var a = e.classList;
+                                    if (a.contains(t)) {
                                         return true;
                                     }
-                                    if (r.contains(n)) {
+                                    if (a.contains(r)) {
                                         return false;
                                     }
                                     e = e.parentElement;
                                 }
-                                return !!a;
+                                return !!n;
                             }
                         },
                         /**
@@ -281,10 +374,10 @@
                             /**
 			 * The grammar for plain, unformatted text.
 			 */
-                            plain: r,
-                            plaintext: r,
-                            text: r,
-                            txt: r,
+                            plain: a,
+                            plaintext: a,
+                            text: a,
+                            txt: a,
                             /**
 			 * Creates a deep copy of the language with the given id and appends the given tokens.
 			 *
@@ -314,11 +407,11 @@
 			 * });
 			 */
                             extend: function(e, t) {
-                                var a = s.util.clone(s.languages[e]);
-                                for (var n in t) {
-                                    a[n] = t[n];
+                                var n = s.util.clone(s.languages[e]);
+                                for (var r in t) {
+                                    n[r] = t[r];
                                 }
-                                return a;
+                                return n;
                             },
                             /**
 			 * Inserts tokens _before_ another token in a language definition or any other grammar.
@@ -395,50 +488,50 @@
 			 * @returns {Grammar} The new grammar object.
 			 * @public
 			 */
-                            insertBefore: function(e, t, a, n) {
-                                n = n || /** @type {any} */ s.languages;
-                                var r = n[e];
+                            insertBefore: function(e, t, n, r) {
+                                r = r || /** @type {any} */ s.languages;
+                                var a = r[e];
                                 /** @type {Grammar} */                                var i = {};
-                                for (var o in r) {
-                                    if (r.hasOwnProperty(o)) {
+                                for (var o in a) {
+                                    if (a.hasOwnProperty(o)) {
                                         if (o == t) {
-                                            for (var l in a) {
-                                                if (a.hasOwnProperty(l)) {
-                                                    i[l] = a[l];
+                                            for (var l in n) {
+                                                if (n.hasOwnProperty(l)) {
+                                                    i[l] = n[l];
                                                 }
                                             }
                                         }
                                         // Do not insert token which also occur in insert. See #1525
-                                                                                if (!a.hasOwnProperty(o)) {
-                                            i[o] = r[o];
+                                                                                if (!n.hasOwnProperty(o)) {
+                                            i[o] = a[o];
                                         }
                                     }
                                 }
-                                var u = n[e];
-                                n[e] = i;
+                                var u = r[e];
+                                r[e] = i;
                                 // Update references in other language definitions
-                                                                s.languages.DFS(s.languages, (function(t, a) {
-                                    if (a === u && t != e) {
+                                                                s.languages.DFS(s.languages, (function(t, n) {
+                                    if (n === u && t != e) {
                                         this[t] = i;
                                     }
                                 }));
                                 return i;
                             },
                             // Traverse a language definition with Depth First Search
-                            DFS: function e(t, a, n, r) {
-                                r = r || {};
+                            DFS: function e(t, n, r, a) {
+                                a = a || {};
                                 var i = s.util.objId;
                                 for (var o in t) {
                                     if (t.hasOwnProperty(o)) {
-                                        a.call(t, o, t[o], n || o);
+                                        n.call(t, o, t[o], r || o);
                                         var l = t[o];
                                         var u = s.util.type(l);
-                                        if (u === "Object" && !r[i(l)]) {
-                                            r[i(l)] = true;
-                                            e(l, a, null, r);
-                                        } else if (u === "Array" && !r[i(l)]) {
-                                            r[i(l)] = true;
-                                            e(l, a, o, r);
+                                        if (u === "Object" && !a[i(l)]) {
+                                            a[i(l)] = true;
+                                            e(l, n, null, a);
+                                        } else if (u === "Array" && !a[i(l)]) {
+                                            a[i(l)] = true;
+                                            e(l, n, o, a);
                                         }
                                     }
                                 }
@@ -475,17 +568,17 @@
 		 * @memberof Prism
 		 * @public
 		 */
-                        highlightAllUnder: function(e, t, a) {
-                            var n = {
-                                callback: a,
+                        highlightAllUnder: function(e, t, n) {
+                            var r = {
+                                callback: n,
                                 container: e,
                                 selector: 'code[class*="language-"], [class*="language-"] code, code[class*="lang-"], [class*="lang-"] code'
                             };
-                            s.hooks.run("before-highlightall", n);
-                            n.elements = Array.prototype.slice.apply(n.container.querySelectorAll(n.selector));
-                            s.hooks.run("before-all-elements-highlight", n);
-                            for (var r = 0, i; i = n.elements[r++]; ) {
-                                s.highlightElement(i, t === true, n.callback);
+                            s.hooks.run("before-highlightall", r);
+                            r.elements = Array.prototype.slice.apply(r.container.querySelectorAll(r.selector));
+                            s.hooks.run("before-all-elements-highlight", r);
+                            for (var a = 0, i; i = r.elements[a++]; ) {
+                                s.highlightElement(i, t === true, r.callback);
                             }
                         },
                         /**
@@ -516,21 +609,21 @@
 		 * @memberof Prism
 		 * @public
 		 */
-                        highlightElement: function(t, a, n) {
+                        highlightElement: function(t, n, r) {
                             // Find language
-                            var r = s.util.getLanguage(t);
-                            var i = s.languages[r];
+                            var a = s.util.getLanguage(t);
+                            var i = s.languages[a];
                             // Set language on the element, if not present
-                                                        s.util.setLanguage(t, r);
+                                                        s.util.setLanguage(t, a);
                             // Set language on the parent, for styling
                                                         var o = t.parentElement;
                             if (o && o.nodeName.toLowerCase() === "pre") {
-                                s.util.setLanguage(o, r);
+                                s.util.setLanguage(o, a);
                             }
                             var l = t.textContent;
                             var u = {
                                 element: t,
-                                language: r,
+                                language: a,
                                 grammar: i,
                                 code: l
                             };
@@ -540,7 +633,7 @@
                                 u.element.innerHTML = u.highlightedCode;
                                 s.hooks.run("after-highlight", u);
                                 s.hooks.run("complete", u);
-                                n && n.call(u.element);
+                                r && r.call(u.element);
                             }
                             s.hooks.run("before-sanity-check", u);
                             // plugins may change/add the parent/element
@@ -550,7 +643,7 @@
                             }
                             if (!u.code) {
                                 s.hooks.run("complete", u);
-                                n && n.call(u.element);
+                                r && r.call(u.element);
                                 return;
                             }
                             s.hooks.run("before-highlight", u);
@@ -558,7 +651,7 @@
                                 c(s.util.encode(u.code));
                                 return;
                             }
-                            if (a && e.Worker) {
+                            if (n && e.Worker) {
                                 var p = new Worker(s.filename);
                                 p.onmessage = function(e) {
                                     c(e.data);
@@ -592,19 +685,19 @@
 		 * @example
 		 * Prism.highlight('var foo = true;', Prism.languages.javascript, 'javascript');
 		 */
-                        highlight: function(e, t, a) {
-                            var n = {
+                        highlight: function(e, t, n) {
+                            var r = {
                                 code: e,
                                 grammar: t,
-                                language: a
+                                language: n
                             };
-                            s.hooks.run("before-tokenize", n);
-                            if (!n.grammar) {
-                                throw new Error('The language "' + n.language + '" has no grammar.');
+                            s.hooks.run("before-tokenize", r);
+                            if (!r.grammar) {
+                                throw new Error('The language "' + r.language + '" has no grammar.');
                             }
-                            n.tokens = s.tokenize(n.code, n.grammar);
-                            s.hooks.run("after-tokenize", n);
-                            return i.stringify(s.util.encode(n.tokens), n.language);
+                            r.tokens = s.tokenize(r.code, r.grammar);
+                            s.hooks.run("after-tokenize", r);
+                            return i.stringify(s.util.encode(r.tokens), r.language);
                         },
                         /**
 		 * This is the heart of Prism, and the most low-level function you can use. It accepts a string of text as input
@@ -631,17 +724,17 @@
 		 * });
 		 */
                         tokenize: function(e, t) {
-                            var a = t.rest;
-                            if (a) {
-                                for (var n in a) {
-                                    t[n] = a[n];
+                            var n = t.rest;
+                            if (n) {
+                                for (var r in n) {
+                                    t[r] = n[r];
                                 }
                                 delete t.rest;
                             }
-                            var r = new u;
-                            c(r, r.head, e);
-                            l(e, r, t, r.head, 0);
-                            return d(r);
+                            var a = new u;
+                            c(a, a.head, e);
+                            l(e, a, t, a.head, 0);
+                            return d(a);
                         },
                         /**
 		 * @namespace
@@ -663,9 +756,9 @@
 			 * @public
 			 */
                             add: function(e, t) {
-                                var a = s.hooks.all;
-                                a[e] = a[e] || [];
-                                a[e].push(t);
+                                var n = s.hooks.all;
+                                n[e] = n[e] || [];
+                                n[e].push(t);
                             },
                             /**
 			 * Runs a hook invoking all registered callbacks with the given environment variables.
@@ -677,12 +770,12 @@
 			 * @public
 			 */
                             run: function(e, t) {
-                                var a = s.hooks.all[e];
-                                if (!a || !a.length) {
+                                var n = s.hooks.all[e];
+                                if (!n || !n.length) {
                                     return;
                                 }
-                                for (var n = 0, r; r = a[n++]; ) {
-                                    r(t);
+                                for (var r = 0, a; a = n[r++]; ) {
+                                    a(t);
                                 }
                             }
                         },
@@ -703,7 +796,7 @@
 	 * @class
 	 * @global
 	 * @public
-	 */                    function i(e, t, a, n) {
+	 */                    function i(e, t, n, r) {
                         /**
 		 * The type of the token.
 		 *
@@ -728,9 +821,9 @@
 		 * @type {string|string[]}
 		 * @see GrammarToken
 		 * @public
-		 */                        this.alias = a;
+		 */                        this.alias = n;
                         // Copy of the full string this token was created from
-                                                this.length = (n || "").length | 0;
+                                                this.length = (r || "").length | 0;
                     }
                     /**
 	 * A token stream is an array of strings and {@link Token Token} objects.
@@ -758,39 +851,39 @@
 	 * @returns {string} The HTML representation of the token or token stream.
 	 * @memberof Token
 	 * @static
-	 */                    i.stringify = function e(t, a) {
+	 */                    i.stringify = function e(t, n) {
                         if (typeof t == "string") {
                             return t;
                         }
                         if (Array.isArray(t)) {
-                            var n = "";
+                            var r = "";
                             t.forEach((function(t) {
-                                n += e(t, a);
+                                r += e(t, n);
                             }));
-                            return n;
+                            return r;
                         }
-                        var r = {
+                        var a = {
                             type: t.type,
-                            content: e(t.content, a),
+                            content: e(t.content, n),
                             tag: "span",
                             classes: [ "token", t.type ],
                             attributes: {},
-                            language: a
+                            language: n
                         };
                         var i = t.alias;
                         if (i) {
                             if (Array.isArray(i)) {
-                                Array.prototype.push.apply(r.classes, i);
+                                Array.prototype.push.apply(a.classes, i);
                             } else {
-                                r.classes.push(i);
+                                a.classes.push(i);
                             }
                         }
-                        s.hooks.run("wrap", r);
+                        s.hooks.run("wrap", a);
                         var o = "";
-                        for (var l in r.attributes) {
-                            o += " " + l + '="' + (r.attributes[l] || "").replace(/"/g, "&quot;") + '"';
+                        for (var l in a.attributes) {
+                            o += " " + l + '="' + (a.attributes[l] || "").replace(/"/g, "&quot;") + '"';
                         }
-                        return "<" + r.tag + ' class="' + r.classes.join(" ") + '"' + o + ">" + r.content + "</" + r.tag + ">";
+                        return "<" + a.tag + ' class="' + a.classes.join(" ") + '"' + o + ">" + a.content + "</" + a.tag + ">";
                     };
                     /**
 	 * @param {RegExp} pattern
@@ -798,16 +891,16 @@
 	 * @param {string} text
 	 * @param {boolean} lookbehind
 	 * @returns {RegExpExecArray | null}
-	 */                    function o(e, t, a, n) {
+	 */                    function o(e, t, n, r) {
                         e.lastIndex = t;
-                        var r = e.exec(a);
-                        if (r && n && r[1]) {
+                        var a = e.exec(n);
+                        if (a && r && a[1]) {
                             // change the match to remove the text matched by the Prism lookbehind group
-                            var s = r[1].length;
-                            r.index += s;
-                            r[0] = r[0].slice(s);
+                            var s = a[1].length;
+                            a.index += s;
+                            a[0] = a[0].slice(s);
                         }
-                        return r;
+                        return a;
                     }
                     /**
 	 * @param {string} text
@@ -822,12 +915,12 @@
 	 * @typedef RematchOptions
 	 * @property {string} cause
 	 * @property {number} reach
-	 */                    function l(e, t, a, n, r, u) {
-                        for (var d in a) {
-                            if (!a.hasOwnProperty(d) || !a[d]) {
+	 */                    function l(e, t, n, r, a, u) {
+                        for (var d in n) {
+                            if (!n.hasOwnProperty(d) || !n[d]) {
                                 continue;
                             }
-                            var g = a[d];
+                            var g = n[d];
                             g = Array.isArray(g) ? g : [ g ];
                             for (var f = 0; f < g.length; ++f) {
                                 if (u && u.cause == d + "," + f) {
@@ -845,19 +938,19 @@
                                 }
                                 /** @type {RegExp} */                                var x = m.pattern || m;
                                 for (// iterate the token list and keep track of the current token/string position
-                                var S = n.next, A = r; S !== t.tail; A += S.value.length, S = S.next) {
+                                var S = r.next, A = a; S !== t.tail; A += S.value.length, S = S.next) {
                                     if (u && A >= u.reach) {
                                         break;
                                     }
-                                    var F = S.value;
+                                    var w = S.value;
                                     if (t.length > e.length) {
                                         // Something went terribly wrong, ABORT, ABORT!
                                         return;
                                     }
-                                    if (F instanceof i) {
+                                    if (w instanceof i) {
                                         continue;
                                     }
-                                    var w = 1;
+                                    var F = 1;
  // this is the to parameter of removeBetween
                                                                         var E;
                                     if (b) {
@@ -867,41 +960,41 @@
                                         }
                                         var _ = E.index;
                                         var O = E.index + E[0].length;
-                                        var T = A;
+                                        var I = A;
                                         // find the node that contains the match
-                                                                                T += S.value.length;
-                                        while (_ >= T) {
+                                                                                I += S.value.length;
+                                        while (_ >= I) {
                                             S = S.next;
-                                            T += S.value.length;
+                                            I += S.value.length;
                                         }
                                         // adjust pos (and p)
-                                                                                T -= S.value.length;
-                                        A = T;
+                                                                                I -= S.value.length;
+                                        A = I;
                                         // the current node is a Token, then the match starts inside another Token, which is invalid
                                                                                 if (S.value instanceof i) {
                                             continue;
                                         }
                                         // find the last node which is affected by this match
-                                                                                for (var $ = S; $ !== t.tail && (T < O || typeof $.value === "string"); $ = $.next) {
-                                            w++;
-                                            T += $.value.length;
+                                                                                for (var T = S; T !== t.tail && (I < O || typeof T.value === "string"); T = T.next) {
+                                            F++;
+                                            I += T.value.length;
                                         }
-                                        w--;
+                                        F--;
                                         // replace with the new match
-                                                                                F = e.slice(A, T);
+                                                                                w = e.slice(A, I);
                                         E.index -= A;
                                     } else {
-                                        E = o(x, 0, F, v);
+                                        E = o(x, 0, w, v);
                                         if (!E) {
                                             continue;
                                         }
                                     }
                                     // eslint-disable-next-line no-redeclare
                                                                         var _ = E.index;
-                                    var I = E[0];
-                                    var R = F.slice(0, _);
-                                    var P = F.slice(_ + I.length);
-                                    var N = A + F.length;
+                                    var $ = E[0];
+                                    var R = w.slice(0, _);
+                                    var P = w.slice(_ + $.length);
+                                    var N = A + w.length;
                                     if (u && N > u.reach) {
                                         u.reach = N;
                                     }
@@ -910,24 +1003,24 @@
                                         C = c(t, C, R);
                                         A += R.length;
                                     }
-                                    p(t, C, w);
-                                    var D = new i(d, h ? s.tokenize(I, h) : I, y, I);
-                                    S = c(t, C, D);
+                                    p(t, C, F);
+                                    var j = new i(d, h ? s.tokenize($, h) : $, y, $);
+                                    S = c(t, C, j);
                                     if (P) {
                                         c(t, S, P);
                                     }
-                                    if (w > 1) {
+                                    if (F > 1) {
                                         // at least one Token object was removed, so we have to do some rematching
                                         // this can only happen if the current pattern is greedy
                                         /** @type {RematchOptions} */
-                                        var L = {
+                                        var D = {
                                             cause: d + "," + f,
                                             reach: N
                                         };
-                                        l(e, t, a, S.prev, A, L);
+                                        l(e, t, n, S.prev, A, D);
                                         // the reach might have been extended because of the rematching
-                                                                                if (u && L.reach > u.reach) {
-                                            u.reach = L.reach;
+                                                                                if (u && D.reach > u.reach) {
+                                            u.reach = D.reach;
                                         }
                                     }
                                 }
@@ -970,18 +1063,18 @@
 	 * @param {T} value
 	 * @returns {LinkedListNode<T>} The added node.
 	 * @template T
-	 */                    function c(e, t, a) {
+	 */                    function c(e, t, n) {
                         // assumes that node != list.tail && values.length >= 0
-                        var n = t.next;
-                        var r = {
-                            value: a,
+                        var r = t.next;
+                        var a = {
+                            value: n,
                             prev: t,
-                            next: n
+                            next: r
                         };
-                        t.next = r;
-                        n.prev = r;
+                        t.next = a;
+                        r.prev = a;
                         e.length++;
-                        return r;
+                        return a;
                     }
                     /**
 	 * Removes `count` nodes after the given node. The given node will not be removed.
@@ -990,14 +1083,14 @@
 	 * @param {LinkedListNode<T>} node
 	 * @param {number} count
 	 * @template T
-	 */                    function p(e, t, a) {
-                        var n = t.next;
-                        for (var r = 0; r < a && n !== e.tail; r++) {
-                            n = n.next;
+	 */                    function p(e, t, n) {
+                        var r = t.next;
+                        for (var a = 0; a < n && r !== e.tail; a++) {
+                            r = r.next;
                         }
-                        t.next = n;
-                        n.prev = t;
-                        e.length -= r;
+                        t.next = r;
+                        r.prev = t;
+                        e.length -= a;
                     }
                     /**
 	 * @param {LinkedList<T>} list
@@ -1005,10 +1098,10 @@
 	 * @template T
 	 */                    function d(e) {
                         var t = [];
-                        var a = e.head.next;
-                        while (a !== e.tail) {
-                            t.push(a.value);
-                            a = a.next;
+                        var n = e.head.next;
+                        while (n !== e.tail) {
+                            t.push(n.value);
+                            n = n.next;
                         }
                         return t;
                     }
@@ -1020,11 +1113,11 @@
                         if (!s.disableWorkerMessageHandler) {
                             // In worker
                             e.addEventListener("message", (function(t) {
-                                var a = JSON.parse(t.data);
-                                var n = a.language;
-                                var r = a.code;
-                                var i = a.immediateClose;
-                                e.postMessage(s.highlight(r, s.languages[n], n));
+                                var n = JSON.parse(t.data);
+                                var r = n.language;
+                                var a = n.code;
+                                var i = n.immediateClose;
+                                e.postMessage(s.highlight(a, s.languages[r], r));
                                 if (i) {
                                     e.close();
                                 }
@@ -1064,13 +1157,13 @@
                         }
                     }
                     return s;
-                }(n);
+                }(r);
                 if (true && e.exports) {
-                    e.exports = r;
+                    e.exports = a;
                 }
                 // hack for components to work correctly in node.js
-                                if (typeof a !== "undefined") {
-                    a.Prism = r;
+                                if (typeof n !== "undefined") {
+                    n.Prism = a;
                 }
                 // some additional documentation/types
                 /**
@@ -1117,7 +1210,7 @@
  * @public
  */
                 // https://www.json.org/json-en.html
-                                r.languages.json = {
+                                a.languages.json = {
                     property: {
                         pattern: /(^|[^\\])"(?:\\.|[^\\"\r\n])*"(?=\s*:)/,
                         lookbehind: true,
@@ -1141,8 +1234,8 @@
                         alias: "keyword"
                     }
                 };
-                r.languages.webmanifest = r.languages.json;
-                r.languages.markup = {
+                a.languages.webmanifest = a.languages.json;
+                a.languages.markup = {
                     comment: {
                         pattern: /<!--(?:(?!<!--)[\s\S])*?-->/,
                         greedy: true
@@ -1213,15 +1306,15 @@
                         alias: "named-entity"
                     }, /&#x?[\da-f]{1,8};/i ]
                 };
-                r.languages.markup["tag"].inside["attr-value"].inside["entity"] = r.languages.markup["entity"];
-                r.languages.markup["doctype"].inside["internal-subset"].inside = r.languages.markup;
+                a.languages.markup["tag"].inside["attr-value"].inside["entity"] = a.languages.markup["entity"];
+                a.languages.markup["doctype"].inside["internal-subset"].inside = a.languages.markup;
                 // Plugin to make entity title show the real entity, idea by Roman Komarov
-                                r.hooks.add("wrap", (function(e) {
+                                a.hooks.add("wrap", (function(e) {
                     if (e.type === "entity") {
                         e.attributes["title"] = e.content.replace(/&amp;/, "&");
                     }
                 }));
-                Object.defineProperty(r.languages.markup.tag, "addInlined", {
+                Object.defineProperty(a.languages.markup.tag, "addInlined", {
                     /**
 	 * Adds an inlined language to markup.
 	 *
@@ -1233,23 +1326,23 @@
 	 * @example
 	 * addInlined('style', 'css');
 	 */
-                    value: function e(t, a) {
-                        var n = {};
-                        n["language-" + a] = {
+                    value: function e(t, n) {
+                        var r = {};
+                        r["language-" + n] = {
                             pattern: /(^<!\[CDATA\[)[\s\S]+?(?=\]\]>$)/i,
                             lookbehind: true,
-                            inside: r.languages[a]
+                            inside: a.languages[n]
                         };
-                        n["cdata"] = /^<!\[CDATA\[|\]\]>$/i;
+                        r["cdata"] = /^<!\[CDATA\[|\]\]>$/i;
                         var s = {
                             "included-cdata": {
                                 pattern: /<!\[CDATA\[[\s\S]*?\]\]>/i,
-                                inside: n
+                                inside: r
                             }
                         };
-                        s["language-" + a] = {
+                        s["language-" + n] = {
                             pattern: /[\s\S]+/,
-                            inside: r.languages[a]
+                            inside: a.languages[n]
                         };
                         var i = {};
                         i[t] = {
@@ -1260,10 +1353,10 @@
                             greedy: true,
                             inside: s
                         };
-                        r.languages.insertBefore("markup", "cdata", i);
+                        a.languages.insertBefore("markup", "cdata", i);
                     }
                 });
-                Object.defineProperty(r.languages.markup.tag, "addAttribute", {
+                Object.defineProperty(a.languages.markup.tag, "addAttribute", {
                     /**
 	 * Adds an pattern to highlight languages embedded in HTML attributes.
 	 *
@@ -1276,7 +1369,7 @@
 	 * addAttribute('style', 'css');
 	 */
                     value: function(e, t) {
-                        r.languages.markup.tag.inside["special-attr"].push({
+                        a.languages.markup.tag.inside["special-attr"].push({
                             pattern: RegExp(/(^|["'\s])/.source + "(?:" + e + ")" + /\s*=\s*(?:"[^"]*"|'[^']*'|[^\s'">=]+(?=[\s>]))/.source, "i"),
                             lookbehind: true,
                             inside: {
@@ -1288,7 +1381,7 @@
                                             pattern: /(^=\s*(["']|(?!["'])))\S[\s\S]*(?=\2$)/,
                                             lookbehind: true,
                                             alias: [ t, "language-" + t ],
-                                            inside: r.languages[t]
+                                            inside: a.languages[t]
                                         },
                                         punctuation: [ {
                                             pattern: /^=/,
@@ -1300,14 +1393,14 @@
                         });
                     }
                 });
-                r.languages.html = r.languages.markup;
-                r.languages.mathml = r.languages.markup;
-                r.languages.svg = r.languages.markup;
-                r.languages.xml = r.languages.extend("markup", {});
-                r.languages.ssml = r.languages.xml;
-                r.languages.atom = r.languages.xml;
-                r.languages.rss = r.languages.xml;
-                r.languages.clike = {
+                a.languages.html = a.languages.markup;
+                a.languages.mathml = a.languages.markup;
+                a.languages.svg = a.languages.markup;
+                a.languages.xml = a.languages.extend("markup", {});
+                a.languages.ssml = a.languages.xml;
+                a.languages.atom = a.languages.xml;
+                a.languages.rss = a.languages.xml;
+                a.languages.clike = {
                     comment: [ {
                         pattern: /(^|[^\\])\/\*[\s\S]*?(?:\*\/|$)/,
                         lookbehind: true,
@@ -1335,8 +1428,8 @@
                     operator: /[<>]=?|[!=]=?=?|--?|\+\+?|&&?|\|\|?|[?*/~^%]/,
                     punctuation: /[{}[\];(),.:]/
                 };
-                r.languages.javascript = r.languages.extend("clike", {
-                    "class-name": [ r.languages.clike["class-name"], {
+                a.languages.javascript = a.languages.extend("clike", {
+                    "class-name": [ a.languages.clike["class-name"], {
                         pattern: /(^|[^$\w\xA0-\uFFFF])(?!\s)[_$A-Z\xA0-\uFFFF](?:(?!\s)[$\w\xA0-\uFFFF])*(?=\.(?:constructor|prototype))/,
                         lookbehind: true
                     } ],
@@ -1367,8 +1460,8 @@
                     },
                     operator: /--|\+\+|\*\*=?|=>|&&=?|\|\|=?|[!=]==|<<=?|>>>?=?|[-+*/%&|^!=<>]=?|\.{3}|\?\?=?|\?\.?|[~:]/
                 });
-                r.languages.javascript["class-name"][0].pattern = /(\b(?:class|extends|implements|instanceof|interface|new)\s+)[\w.\\]+/;
-                r.languages.insertBefore("javascript", "keyword", {
+                a.languages.javascript["class-name"][0].pattern = /(\b(?:class|extends|implements|instanceof|interface|new)\s+)[\w.\\]+/;
+                a.languages.insertBefore("javascript", "keyword", {
                     regex: {
                         pattern: RegExp(
                         // lookbehind
@@ -1390,7 +1483,7 @@
                                 pattern: /^(\/)[\s\S]+(?=\/[a-z]*$)/,
                                 lookbehind: true,
                                 alias: "language-regex",
-                                inside: r.languages.regex
+                                inside: a.languages.regex
                             },
                             "regex-delimiter": /^\/|\/$/,
                             "regex-flags": /^[a-z]+$/
@@ -1404,23 +1497,23 @@
                     parameter: [ {
                         pattern: /(function(?:\s+(?!\s)[_$a-zA-Z\xA0-\uFFFF](?:(?!\s)[$\w\xA0-\uFFFF])*)?\s*\(\s*)(?!\s)(?:[^()\s]|\s+(?![\s)])|\([^()]*\))+(?=\s*\))/,
                         lookbehind: true,
-                        inside: r.languages.javascript
+                        inside: a.languages.javascript
                     }, {
                         pattern: /(^|[^$\w\xA0-\uFFFF])(?!\s)[_$a-z\xA0-\uFFFF](?:(?!\s)[$\w\xA0-\uFFFF])*(?=\s*=>)/i,
                         lookbehind: true,
-                        inside: r.languages.javascript
+                        inside: a.languages.javascript
                     }, {
                         pattern: /(\(\s*)(?!\s)(?:[^()\s]|\s+(?![\s)])|\([^()]*\))+(?=\s*\)\s*=>)/,
                         lookbehind: true,
-                        inside: r.languages.javascript
+                        inside: a.languages.javascript
                     }, {
                         pattern: /((?:\b|\s|^)(?!(?:as|async|await|break|case|catch|class|const|continue|debugger|default|delete|do|else|enum|export|extends|finally|for|from|function|get|if|implements|import|in|instanceof|interface|let|new|null|of|package|private|protected|public|return|set|static|super|switch|this|throw|try|typeof|undefined|var|void|while|with|yield)(?![$\w\xA0-\uFFFF]))(?:(?!\s)[_$a-zA-Z\xA0-\uFFFF](?:(?!\s)[$\w\xA0-\uFFFF])*\s*)\(\s*|\]\s*\(\s*)(?!\s)(?:[^()\s]|\s+(?![\s)])|\([^()]*\))+(?=\s*\)\s*\{)/,
                         lookbehind: true,
-                        inside: r.languages.javascript
+                        inside: a.languages.javascript
                     } ],
                     constant: /\b[A-Z](?:[A-Z_]|\dx?)*\b/
                 });
-                r.languages.insertBefore("javascript", "string", {
+                a.languages.insertBefore("javascript", "string", {
                     hashbang: {
                         pattern: /^#!.*/,
                         greedy: true,
@@ -1442,7 +1535,7 @@
                                         pattern: /^\$\{|\}$/,
                                         alias: "punctuation"
                                     },
-                                    rest: r.languages.javascript
+                                    rest: a.languages.javascript
                                 }
                             },
                             string: /[\s\S]+/
@@ -1455,39 +1548,39 @@
                         alias: "property"
                     }
                 });
-                r.languages.insertBefore("javascript", "operator", {
+                a.languages.insertBefore("javascript", "operator", {
                     "literal-property": {
                         pattern: /((?:^|[,{])[ \t]*)(?!\s)[_$a-zA-Z\xA0-\uFFFF](?:(?!\s)[$\w\xA0-\uFFFF])*(?=\s*:)/m,
                         lookbehind: true,
                         alias: "property"
                     }
                 });
-                if (r.languages.markup) {
-                    r.languages.markup.tag.addInlined("script", "javascript");
+                if (a.languages.markup) {
+                    a.languages.markup.tag.addInlined("script", "javascript");
                     // add attribute support for all DOM events.
                     // https://developer.mozilla.org/en-US/docs/Web/Events#Standard_events
-                                        r.languages.markup.tag.addAttribute(/on(?:abort|blur|change|click|composition(?:end|start|update)|dblclick|error|focus(?:in|out)?|key(?:down|up)|load|mouse(?:down|enter|leave|move|out|over|up)|reset|resize|scroll|select|slotchange|submit|unload|wheel)/.source, "javascript");
+                                        a.languages.markup.tag.addAttribute(/on(?:abort|blur|change|click|composition(?:end|start|update)|dblclick|error|focus(?:in|out)?|key(?:down|up)|load|mouse(?:down|enter|leave|move|out|over|up)|reset|resize|scroll|select|slotchange|submit|unload|wheel)/.source, "javascript");
                 }
-                r.languages.js = r.languages.javascript;
+                a.languages.js = a.languages.javascript;
                 (function(e) {
                     var t = e.util.clone(e.languages.javascript);
-                    var a = /(?:\s|\/\/.*(?!.)|\/\*(?:[^*]|\*(?!\/))\*\/)/.source;
-                    var n = /(?:\{(?:\{(?:\{[^{}]*\}|[^{}])*\}|[^{}])*\})/.source;
-                    var r = /(?:\{<S>*\.{3}(?:[^{}]|<BRACES>)*\})/.source;
+                    var n = /(?:\s|\/\/.*(?!.)|\/\*(?:[^*]|\*(?!\/))\*\/)/.source;
+                    var r = /(?:\{(?:\{(?:\{[^{}]*\}|[^{}])*\}|[^{}])*\})/.source;
+                    var a = /(?:\{<S>*\.{3}(?:[^{}]|<BRACES>)*\})/.source;
                     /**
 	 * @param {string} source
 	 * @param {string} [flags]
 	 */                    function s(e, t) {
                         e = e.replace(/<S>/g, (function() {
-                            return a;
-                        })).replace(/<BRACES>/g, (function() {
                             return n;
-                        })).replace(/<SPREAD>/g, (function() {
+                        })).replace(/<BRACES>/g, (function() {
                             return r;
+                        })).replace(/<SPREAD>/g, (function() {
+                            return a;
                         }));
                         return RegExp(e, t);
                     }
-                    r = s(r).source;
+                    a = s(a).source;
                     e.languages.jsx = e.languages.extend("markup", t);
                     e.languages.jsx.tag.pattern = s(/<\/?(?:[\w.:-]+(?:<S>+(?:[\w.:$-]+(?:=(?:"(?:\\[\s\S]|[^\\"])*"|'(?:\\[\s\S]|[^\\'])*'|[^\s{'"/>=]+|<BRACES>))?|<SPREAD>))*<S>*\/?)?>/.source);
                     e.languages.jsx.tag.inside["tag"].pattern = /^<\/?[^\s>\/]*/;
@@ -1528,60 +1621,60 @@
                         return e.content.map(i).join("");
                     };
                     var o = function(t) {
-                        var a = [];
-                        for (var n = 0; n < t.length; n++) {
-                            var r = t[n];
+                        var n = [];
+                        for (var r = 0; r < t.length; r++) {
+                            var a = t[r];
                             var s = false;
-                            if (typeof r !== "string") {
-                                if (r.type === "tag" && r.content[0] && r.content[0].type === "tag") {
+                            if (typeof a !== "string") {
+                                if (a.type === "tag" && a.content[0] && a.content[0].type === "tag") {
                                     // We found a tag, now find its kind
-                                    if (r.content[0].content[0].content === "</") {
+                                    if (a.content[0].content[0].content === "</") {
                                         // Closing tag
-                                        if (a.length > 0 && a[a.length - 1].tagName === i(r.content[0].content[1])) {
+                                        if (n.length > 0 && n[n.length - 1].tagName === i(a.content[0].content[1])) {
                                             // Pop matching opening tag
-                                            a.pop();
+                                            n.pop();
                                         }
                                     } else {
-                                        if (r.content[r.content.length - 1].content === "/>") {
+                                        if (a.content[a.content.length - 1].content === "/>") {
                                             // Autoclosed tag, ignore
                                         } else {
                                             // Opening tag
-                                            a.push({
-                                                tagName: i(r.content[0].content[1]),
+                                            n.push({
+                                                tagName: i(a.content[0].content[1]),
                                                 openedBraces: 0
                                             });
                                         }
                                     }
-                                } else if (a.length > 0 && r.type === "punctuation" && r.content === "{") {
+                                } else if (n.length > 0 && a.type === "punctuation" && a.content === "{") {
                                     // Here we might have entered a JSX context inside a tag
-                                    a[a.length - 1].openedBraces++;
-                                } else if (a.length > 0 && a[a.length - 1].openedBraces > 0 && r.type === "punctuation" && r.content === "}") {
+                                    n[n.length - 1].openedBraces++;
+                                } else if (n.length > 0 && n[n.length - 1].openedBraces > 0 && a.type === "punctuation" && a.content === "}") {
                                     // Here we might have left a JSX context inside a tag
-                                    a[a.length - 1].openedBraces--;
+                                    n[n.length - 1].openedBraces--;
                                 } else {
                                     s = true;
                                 }
                             }
-                            if (s || typeof r === "string") {
-                                if (a.length > 0 && a[a.length - 1].openedBraces === 0) {
+                            if (s || typeof a === "string") {
+                                if (n.length > 0 && n[n.length - 1].openedBraces === 0) {
                                     // Here we are inside a tag, and not inside a JSX context.
                                     // That's plain text: drop any tokens matched.
-                                    var l = i(r);
+                                    var l = i(a);
                                     // And merge text with adjacent text
-                                                                        if (n < t.length - 1 && (typeof t[n + 1] === "string" || t[n + 1].type === "plain-text")) {
-                                        l += i(t[n + 1]);
-                                        t.splice(n + 1, 1);
+                                                                        if (r < t.length - 1 && (typeof t[r + 1] === "string" || t[r + 1].type === "plain-text")) {
+                                        l += i(t[r + 1]);
+                                        t.splice(r + 1, 1);
                                     }
-                                    if (n > 0 && (typeof t[n - 1] === "string" || t[n - 1].type === "plain-text")) {
-                                        l = i(t[n - 1]) + l;
-                                        t.splice(n - 1, 1);
-                                        n--;
+                                    if (r > 0 && (typeof t[r - 1] === "string" || t[r - 1].type === "plain-text")) {
+                                        l = i(t[r - 1]) + l;
+                                        t.splice(r - 1, 1);
+                                        r--;
                                     }
-                                    t[n] = new e.Token("plain-text", l, null, l);
+                                    t[r] = new e.Token("plain-text", l, null, l);
                                 }
                             }
-                            if (r.content && typeof r.content !== "string") {
-                                o(r.content);
+                            if (a.content && typeof a.content !== "string") {
+                                o(a.content);
                             }
                         }
                     };
@@ -1591,7 +1684,7 @@
                         }
                         o(e.tokens);
                     }));
-                })(r);
+                })(a);
                 (function(e) {
                     e.languages.typescript = e.languages.extend("javascript", {
                         "class-name": {
@@ -1642,7 +1735,7 @@
                         }
                     });
                     e.languages.ts = e.languages.typescript;
-                })(r);
+                })(a);
                 (function(e) {
                     var t = e.util.clone(e.languages.typescript);
                     e.languages.tsx = e.languages.extend("jsx", t);
@@ -1652,10 +1745,10 @@
                     // This will prevent collisions between TSX tags and TS generic types.
                     // Idea by https://github.com/karlhorky
                     // Discussion: https://github.com/PrismJS/prism/issues/2594#issuecomment-710666928
-                                        var a = e.languages.tsx.tag;
-                    a.pattern = RegExp(/(^|[^\w$]|(?=<\/))/.source + "(?:" + a.pattern.source + ")", a.pattern.flags);
-                    a.lookbehind = true;
-                })(r);
+                                        var n = e.languages.tsx.tag;
+                    n.pattern = RegExp(/(^|[^\w$]|(?=<\/))/.source + "(?:" + n.pattern.source + ")", n.pattern.flags);
+                    n.lookbehind = true;
+                })(a);
                 (function(e) {
                     var t = /(?:"(?:\\(?:\r\n|[\s\S])|[^"\\\r\n])*"|'(?:\\(?:\r\n|[\s\S])|[^'\\\r\n])*')/;
                     e.languages.css = {
@@ -1708,27 +1801,27 @@
                         punctuation: /[(){};:,]/
                     };
                     e.languages.css["atrule"].inside.rest = e.languages.css;
-                    var a = e.languages.markup;
-                    if (a) {
-                        a.tag.addInlined("style", "css");
-                        a.tag.addAttribute("style", "css");
+                    var n = e.languages.markup;
+                    if (n) {
+                        n.tag.addInlined("style", "css");
+                        n.tag.addAttribute("style", "css");
                     }
-                })(r);
+                })(a);
                 (function(e) {
                     // $ set | grep '^[A-Z][^[:space:]]*=' | cut -d= -f1 | tr '\n' '|'
                     // + LC_ALL, RANDOM, REPLY, SECONDS.
                     // + make sure PS1..4 are here as they are not always set,
                     // - some useless things.
                     var t = "\\b(?:BASH|BASHOPTS|BASH_ALIASES|BASH_ARGC|BASH_ARGV|BASH_CMDS|BASH_COMPLETION_COMPAT_DIR|BASH_LINENO|BASH_REMATCH|BASH_SOURCE|BASH_VERSINFO|BASH_VERSION|COLORTERM|COLUMNS|COMP_WORDBREAKS|DBUS_SESSION_BUS_ADDRESS|DEFAULTS_PATH|DESKTOP_SESSION|DIRSTACK|DISPLAY|EUID|GDMSESSION|GDM_LANG|GNOME_KEYRING_CONTROL|GNOME_KEYRING_PID|GPG_AGENT_INFO|GROUPS|HISTCONTROL|HISTFILE|HISTFILESIZE|HISTSIZE|HOME|HOSTNAME|HOSTTYPE|IFS|INSTANCE|JOB|LANG|LANGUAGE|LC_ADDRESS|LC_ALL|LC_IDENTIFICATION|LC_MEASUREMENT|LC_MONETARY|LC_NAME|LC_NUMERIC|LC_PAPER|LC_TELEPHONE|LC_TIME|LESSCLOSE|LESSOPEN|LINES|LOGNAME|LS_COLORS|MACHTYPE|MAILCHECK|MANDATORY_PATH|NO_AT_BRIDGE|OLDPWD|OPTERR|OPTIND|ORBIT_SOCKETDIR|OSTYPE|PAPERSIZE|PATH|PIPESTATUS|PPID|PS1|PS2|PS3|PS4|PWD|RANDOM|REPLY|SECONDS|SELINUX_INIT|SESSION|SESSIONTYPE|SESSION_MANAGER|SHELL|SHELLOPTS|SHLVL|SSH_AUTH_SOCK|TERM|UID|UPSTART_EVENTS|UPSTART_INSTANCE|UPSTART_JOB|UPSTART_SESSION|USER|WINDOWID|XAUTHORITY|XDG_CONFIG_DIRS|XDG_CURRENT_DESKTOP|XDG_DATA_DIRS|XDG_GREETER_DATA_DIR|XDG_MENU_PREFIX|XDG_RUNTIME_DIR|XDG_SEAT|XDG_SEAT_PATH|XDG_SESSION_DESKTOP|XDG_SESSION_ID|XDG_SESSION_PATH|XDG_SESSION_TYPE|XDG_VTNR|XMODIFIERS)\\b";
-                    var a = {
+                    var n = {
                         pattern: /(^(["']?)\w+\2)[ \t]+\S.*/,
                         lookbehind: true,
                         alias: "punctuation",
                         // this looks reasonably well in all themes
                         inside: null
                     };
-                    var n = {
-                        bash: a,
+                    var r = {
+                        bash: n,
                         environment: {
                             pattern: RegExp("\\$" + t),
                             alias: "constant"
@@ -1832,7 +1925,7 @@
                             pattern: /((?:^|[^<])<<-?\s*)(\w+)\s[\s\S]*?(?:\r?\n|\r)\2/,
                             lookbehind: true,
                             greedy: true,
-                            inside: n
+                            inside: r
                         }, 
                         // Here-document with quotes around the tag
                         // → No expansion (so no “inside”).
@@ -1841,7 +1934,7 @@
                             lookbehind: true,
                             greedy: true,
                             inside: {
-                                bash: a
+                                bash: n
                             }
                         }, 
                         // “Normal” string
@@ -1850,7 +1943,7 @@
                             pattern: /(^|[^\\](?:\\\\)*)"(?:\\[\s\S]|\$\([^)]+\)|\$(?!\()|`[^`]+`|[^"\\`$])*"/,
                             lookbehind: true,
                             greedy: true,
-                            inside: n
+                            inside: r
                         }, {
                             // https://www.gnu.org/software/bash/manual/html_node/Single-Quotes.html
                             pattern: /(^|[^$\\])'[^']*'/,
@@ -1861,14 +1954,14 @@
                             pattern: /\$'(?:[^'\\]|\\[\s\S])*'/,
                             greedy: true,
                             inside: {
-                                entity: n.entity
+                                entity: r.entity
                             }
                         } ],
                         environment: {
                             pattern: RegExp("\\$?" + t),
                             alias: "constant"
                         },
-                        variable: n.variable,
+                        variable: r.variable,
                         function: {
                             pattern: /(^|[\s;|&]|[<>]\()(?:add|apropos|apt|apt-cache|apt-get|aptitude|aspell|automysqlbackup|awk|basename|bash|bc|bconsole|bg|bzip2|cal|cargo|cat|cfdisk|chgrp|chkconfig|chmod|chown|chroot|cksum|clear|cmp|column|comm|composer|cp|cron|crontab|csplit|curl|cut|date|dc|dd|ddrescue|debootstrap|df|diff|diff3|dig|dir|dircolors|dirname|dirs|dmesg|docker|docker-compose|du|egrep|eject|env|ethtool|expand|expect|expr|fdformat|fdisk|fg|fgrep|file|find|fmt|fold|format|free|fsck|ftp|fuser|gawk|git|gparted|grep|groupadd|groupdel|groupmod|groups|grub-mkconfig|gzip|halt|head|hg|history|host|hostname|htop|iconv|id|ifconfig|ifdown|ifup|import|install|ip|java|jobs|join|kill|killall|less|link|ln|locate|logname|logrotate|look|lpc|lpr|lprint|lprintd|lprintq|lprm|ls|lsof|lynx|make|man|mc|mdadm|mkconfig|mkdir|mke2fs|mkfifo|mkfs|mkisofs|mknod|mkswap|mmv|more|most|mount|mtools|mtr|mutt|mv|nano|nc|netstat|nice|nl|node|nohup|notify-send|npm|nslookup|op|open|parted|passwd|paste|pathchk|ping|pkill|pnpm|podman|podman-compose|popd|pr|printcap|printenv|ps|pushd|pv|quota|quotacheck|quotactl|ram|rar|rcp|reboot|remsync|rename|renice|rev|rm|rmdir|rpm|rsync|scp|screen|sdiff|sed|sendmail|seq|service|sftp|sh|shellcheck|shuf|shutdown|sleep|slocate|sort|split|ssh|stat|strace|su|sudo|sum|suspend|swapon|sync|sysctl|tac|tail|tar|tee|time|timeout|top|touch|tr|traceroute|tsort|tty|umount|uname|unexpand|uniq|units|unrar|unshar|unzip|update-grub|uptime|useradd|userdel|usermod|users|uudecode|uuencode|v|vcpkg|vdir|vi|vim|virsh|vmstat|wait|watch|wc|wget|whereis|which|who|whoami|write|xargs|xdg-open|yarn|yes|zenity|zip|zsh|zypper)(?=$|[)\s;|&])/,
                             lookbehind: true
@@ -1908,27 +2001,27 @@
                             lookbehind: true
                         }
                     };
-                    a.inside = e.languages.bash;
-                    /* Patterns in command substitution. */                    var r = [ "comment", "function-name", "for-or-select", "assign-left", "parameter", "string", "environment", "function", "keyword", "builtin", "boolean", "file-descriptor", "operator", "punctuation", "number" ];
-                    var s = n.variable[1].inside;
-                    for (var i = 0; i < r.length; i++) {
-                        s[r[i]] = e.languages.bash[r[i]];
+                    n.inside = e.languages.bash;
+                    /* Patterns in command substitution. */                    var a = [ "comment", "function-name", "for-or-select", "assign-left", "parameter", "string", "environment", "function", "keyword", "builtin", "boolean", "file-descriptor", "operator", "punctuation", "number" ];
+                    var s = r.variable[1].inside;
+                    for (var i = 0; i < a.length; i++) {
+                        s[a[i]] = e.languages.bash[a[i]];
                     }
                     e.languages.sh = e.languages.bash;
                     e.languages.shell = e.languages.bash;
-                })(r);
+                })(a);
                 (function(e) {
                     // https://yaml.org/spec/1.2/spec.html#c-ns-anchor-property
                     // https://yaml.org/spec/1.2/spec.html#c-ns-alias-node
                     var t = /[*&][^\s[\]{},]+/;
                     // https://yaml.org/spec/1.2/spec.html#c-ns-tag-property
-                                        var a = /!(?:<[\w\-%#;/?:@&=+$,.!~*'()[\]]+>|(?:[a-zA-Z\d-]*!)?[\w\-%#;/?:@&=+$.~*'()]+)?/;
+                                        var n = /!(?:<[\w\-%#;/?:@&=+$,.!~*'()[\]]+>|(?:[a-zA-Z\d-]*!)?[\w\-%#;/?:@&=+$.~*'()]+)?/;
                     // https://yaml.org/spec/1.2/spec.html#c-ns-properties(n,c)
-                                        var n = "(?:" + a.source + "(?:[ \t]+" + t.source + ")?|" + t.source + "(?:[ \t]+" + a.source + ")?)";
+                                        var r = "(?:" + n.source + "(?:[ \t]+" + t.source + ")?|" + t.source + "(?:[ \t]+" + n.source + ")?)";
                     // https://yaml.org/spec/1.2/spec.html#ns-plain(n,c)
                     // This is a simplified version that doesn't support "#" and multiline keys
                     // All these long scarry character classes are simplified versions of YAML's characters
-                                        var r = /(?:[^\s\x00-\x08\x0e-\x1f!"#%&'*,\-:>?@[\]`{|}\x7f-\x84\x86-\x9f\ud800-\udfff\ufffe\uffff]|[?:-]<PLAIN>)(?:[ \t]*(?:(?![#:])<PLAIN>|:<PLAIN>))*/.source.replace(/<PLAIN>/g, (function() {
+                                        var a = /(?:[^\s\x00-\x08\x0e-\x1f!"#%&'*,\-:>?@[\]`{|}\x7f-\x84\x86-\x9f\ud800-\udfff\ufffe\uffff]|[?:-]<PLAIN>)(?:[ \t]*(?:(?![#:])<PLAIN>|:<PLAIN>))*/.source.replace(/<PLAIN>/g, (function() {
                         return /[^\s\x00-\x08\x0e-\x1f,[\]{}\x7f-\x84\x86-\x9f\ud800-\udfff\ufffe\uffff]/.source;
                     }));
                     var s = /"(?:[^"\\\r\n]|\\.)*"|'(?:[^'\\\r\n]|\\.)*'/.source;
@@ -1940,17 +2033,17 @@
 	 */                    function i(e, t) {
                         t = (t || "").replace(/m/g, "") + "m";
  // add m flag
-                                                var a = /([:\-,[{]\s*(?:\s<<prop>>[ \t]+)?)(?:<<value>>)(?=[ \t]*(?:$|,|\]|\}|(?:[\r\n]\s*)?#))/.source.replace(/<<prop>>/g, (function() {
-                            return n;
+                                                var n = /([:\-,[{]\s*(?:\s<<prop>>[ \t]+)?)(?:<<value>>)(?=[ \t]*(?:$|,|\]|\}|(?:[\r\n]\s*)?#))/.source.replace(/<<prop>>/g, (function() {
+                            return r;
                         })).replace(/<<value>>/g, (function() {
                             return e;
                         }));
-                        return RegExp(a, t);
+                        return RegExp(n, t);
                     }
                     e.languages.yaml = {
                         scalar: {
                             pattern: RegExp(/([\-:]\s*(?:\s<<prop>>[ \t]+)?[|>])[ \t]*(?:((?:\r?\n|\r)[ \t]+)\S[^\r\n]*(?:\2[^\r\n]+)*)/.source.replace(/<<prop>>/g, (function() {
-                                return n;
+                                return r;
                             }))),
                             lookbehind: true,
                             alias: "string"
@@ -1958,9 +2051,9 @@
                         comment: /#.*/,
                         key: {
                             pattern: RegExp(/((?:^|[:\-,[{\r\n?])[ \t]*(?:<<prop>>[ \t]+)?)<<key>>(?=\s*:\s)/.source.replace(/<<prop>>/g, (function() {
-                                return n;
+                                return r;
                             })).replace(/<<key>>/g, (function() {
-                                return "(?:" + r + "|" + s + ")";
+                                return "(?:" + a + "|" + s + ")";
                             }))),
                             lookbehind: true,
                             greedy: true,
@@ -1995,13 +2088,13 @@
                             pattern: i(/[+-]?(?:0x[\da-f]+|0o[0-7]+|(?:\d+(?:\.\d*)?|\.\d+)(?:e[+-]?\d+)?|\.inf|\.nan)/.source, "i"),
                             lookbehind: true
                         },
-                        tag: a,
+                        tag: n,
                         important: t,
                         punctuation: /---|[:[\]{}\-,|>?]|\.\.\./
                     };
                     e.languages.yml = e.languages.yaml;
-                })(r);
-                r.languages["splunk-spl"] = {
+                })(a);
+                a.languages["splunk-spl"] = {
                     comment: /`comment\("(?:\\.|[^\\"])*"\)`/,
                     string: {
                         pattern: /"(?:\\.|[^\\"])*"/,
@@ -2026,6 +2119,11 @@
                     punctuation: /[()[\],]/
                 };
             })();
+            /***/        },
+        /***/ 9497: 
+        /***/ e => {
+            "use strict";
+            e.exports = require("react");
             /***/
             /******/        }
     };
@@ -2034,21 +2132,21 @@
     /******/    var t = {};
     /******/
     /******/ // The require function
-    /******/    function a(n) {
+    /******/    function n(r) {
         /******/ // Check if module is in cache
-        /******/ var r = t[n];
-        /******/        if (r !== undefined) {
-            /******/ return r.exports;
+        /******/ var a = t[r];
+        /******/        if (a !== undefined) {
+            /******/ return a.exports;
             /******/        }
         /******/ // Create a new module (and put it into the cache)
-        /******/        var s = t[n] = {
+        /******/        var s = t[r] = {
             /******/ // no module.id needed
             /******/ // no module.loaded needed
             /******/ exports: {}
             /******/        };
         /******/
         /******/ // Execute the module function
-        /******/        e[n](s, s.exports, a);
+        /******/        e[r](s, s.exports, n);
         /******/
         /******/ // Return the exports of the module
         /******/        return s.exports;
@@ -2058,12 +2156,12 @@
     /******/ /* webpack/runtime/compat get default export */
     /******/    (() => {
         /******/ // getDefaultExport function for compatibility with non-harmony modules
-        /******/ a.n = e => {
+        /******/ n.n = e => {
             /******/ var t = e && e.__esModule ? 
             /******/ () => e["default"]
             /******/ : () => e
             /******/;
-            a.d(t, {
+            n.d(t, {
                 a: t
             });
             /******/            return t;
@@ -2073,12 +2171,12 @@
     /******/ /* webpack/runtime/define property getters */
     /******/    (() => {
         /******/ // define getter functions for harmony exports
-        /******/ a.d = (e, t) => {
-            /******/ for (var n in t) {
-                /******/ if (a.o(t, n) && !a.o(e, n)) {
-                    /******/ Object.defineProperty(e, n, {
+        /******/ n.d = (e, t) => {
+            /******/ for (var r in t) {
+                /******/ if (n.o(t, r) && !n.o(e, r)) {
+                    /******/ Object.defineProperty(e, r, {
                         enumerable: true,
-                        get: t[n]
+                        get: t[r]
                     });
                     /******/                }
                 /******/            }
@@ -2087,14 +2185,14 @@
     /******/
     /******/ /* webpack/runtime/hasOwnProperty shorthand */
     /******/    (() => {
-        /******/ a.o = (e, t) => Object.prototype.hasOwnProperty.call(e, t)
+        /******/ n.o = (e, t) => Object.prototype.hasOwnProperty.call(e, t)
         /******/;
     })();
     /******/
     /******/ /* webpack/runtime/make namespace object */
     /******/    (() => {
         /******/ // define __esModule on exports
-        /******/ a.r = e => {
+        /******/ n.r = e => {
             /******/ if (typeof Symbol !== "undefined" && Symbol.toStringTag) {
                 /******/ Object.defineProperty(e, Symbol.toStringTag, {
                     value: "Module"
@@ -2106,43 +2204,43 @@
             /******/        };
         /******/    })();
     /******/
-    /************************************************************************/    var n = {};
+    /************************************************************************/    var r = {};
     // This entry need to be wrapped in an IIFE because it need to be in strict mode.
         (() => {
         "use strict";
         // ESM COMPAT FLAG
-                a.r(n);
+                n.r(r);
         // EXPORTS
-                a.d(n, {
-            default: () => /* reexport */ j
+                n.d(r, {
+            default: () => /* reexport */ Z
         });
-        // CONCATENATED MODULE: external "react"
-        const e = require("react");
-        var t =  a.n(e);
+        // EXTERNAL MODULE: external "react"
+                var e = n(9497);
+        var t =  n.n(e);
         // CONCATENATED MODULE: external "prop-types"
-        const r = require("prop-types");
-        var s =  a.n(r);
+        const a = require("prop-types");
+        var s =  n.n(a);
         // CONCATENATED MODULE: external "lodash/castArray"
         const i = require("lodash/castArray");
-        var o =  a.n(i);
+        var o =  n.n(i);
         // CONCATENATED MODULE: external "lodash/flatten"
         const l = require("lodash/flatten");
-        var u =  a.n(l);
+        var u =  n.n(l);
         // CONCATENATED MODULE: external "lodash/indexOf"
         const c = require("lodash/indexOf");
-        var p =  a.n(c);
+        var p =  n.n(c);
         // CONCATENATED MODULE: external "lodash/repeat"
         const d = require("lodash/repeat");
-        var g =  a.n(d);
+        var g =  n.n(d);
         // CONCATENATED MODULE: external "lodash/times"
         const f = require("lodash/times");
-        var m =  a.n(f);
+        var m =  n.n(f);
         // EXTERNAL MODULE: ./src/Code/prism/prism.empty
-                var h = a(74);
-        var v =  a.n(h);
+                var h = n(74);
+        var v =  n.n(h);
         // CONCATENATED MODULE: external "styled-components"
         const b = require("styled-components");
-        var y =  a.n(b);
+        var y =  n.n(b);
         // CONCATENATED MODULE: external "@splunk/themes"
         const k = require("@splunk/themes");
         // CONCATENATED MODULE: ./src/Code/CodeStyles.ts
@@ -2166,14 +2264,14 @@
             displayName: "CodeStyles__StyledIndent",
             componentId: "sc-1eq4k68-2"
         })([ "&:not(:last-child){background-image:linear-gradient( to left,rgba(0,0,0,0.15) 1px,transparent 1px,transparent );}" ]);
-        var F = (0, k.pick)({
+        var w = (0, k.pick)({
             prisma: k.variables.syntaxGray,
             enterprise: {
                 dark: k.variables.gray60,
                 light: k.variables.syntaxGray
             }
         });
-        var w = (0, k.pick)({
+        var F = (0, k.pick)({
             prisma: k.variables.syntaxPurple,
             enterprise: {
                 dark: k.variables.syntaxPurpleLight,
@@ -2189,20 +2287,20 @@
         });
         var _ = k.variables.syntaxBlue;
         var O = k.variables.syntaxRed;
-        var T = {
-            comment: F,
-            prolog: F,
-            doctype: F,
-            cdata: F,
-            punctuation: F,
-            property: w,
-            tag: w,
-            boolean: w,
-            number: w,
-            constant: w,
-            symbol: w,
-            deleted: w,
-            key: w,
+        var I = {
+            comment: w,
+            prolog: w,
+            doctype: w,
+            cdata: w,
+            punctuation: w,
+            property: F,
+            tag: F,
+            boolean: F,
+            number: F,
+            constant: F,
+            symbol: F,
+            deleted: F,
+            key: F,
             selector: E,
             "attr-name": E,
             string: E,
@@ -2220,12 +2318,12 @@
             important: k.variables.syntaxOrange,
             variable: k.variables.syntaxOrange
         };
-        var $ = y().span.withConfig({
+        var T = y().span.withConfig({
             displayName: "CodeStyles__StyledToken",
             componentId: "sc-1eq4k68-3"
         })([ "color:", ";cursor:", ";opacity:", ";font-style:", ";font-weight:", ";" ], (function(e) {
             var t = e.partType;
-            return T[t];
+            return I[t];
         }), (function(e) {
             var t = e.partType;
             return t === "entity" ? "help" : null;
@@ -2239,125 +2337,212 @@
             var t = e.partType;
             return t === "important" || t === "bold" ? "bold" : null;
         }));
+        // CONCATENATED MODULE: ./src/utils/updateReactRef.ts
+        /**
+ * Updates a React ref. Callback refs and object refs (from `createRef` and `useRef`) are supported.
+ *
+ * @param ref - The React callback or object ref. Can be `null` or `undefined`.
+ * @param current - The new value of the ref.
+ */
+        function $(e, t) {
+            if (e) {
+                if (typeof e === "function") {
+                    e(t);
+                } else {
+                    // the public signature of this util uses React.Ref<T> to mirror the way React types refs.
+                    // the intention here is to signal "we will take care of setting 'current', not you".
+                    e.current = t;
+ // eslint-disable-line no-param-reassign
+                                }
+            }
+        }
+        // EXTERNAL MODULE: ./src/useResizeObserver/index.ts + 1 modules
+                var R = n(6283);
         // CONCATENATED MODULE: ./src/Code/Code.tsx
-        function I() {
-            return I = Object.assign ? Object.assign.bind() : function(e) {
+        function P() {
+            return P = Object.assign ? Object.assign.bind() : function(e) {
                 for (var t = 1; t < arguments.length; t++) {
-                    var a = arguments[t];
-                    for (var n in a) {
-                        ({}).hasOwnProperty.call(a, n) && (e[n] = a[n]);
+                    var n = arguments[t];
+                    for (var r in n) {
+                        ({}).hasOwnProperty.call(n, r) && (e[r] = n[r]);
                     }
                 }
                 return e;
-            }, I.apply(null, arguments);
+            }, P.apply(null, arguments);
+        }
+        function N(e, t) {
+            return B(e) || L(e, t) || j(e, t) || C();
+        }
+        function C() {
+            throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
+        }
+        function j(e, t) {
+            if (e) {
+                if ("string" == typeof e) return D(e, t);
+                var n = {}.toString.call(e).slice(8, -1);
+                return "Object" === n && e.constructor && (n = e.constructor.name), "Map" === n || "Set" === n ? Array.from(e) : "Arguments" === n || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n) ? D(e, t) : void 0;
+            }
+        }
+        function D(e, t) {
+            (null == t || t > e.length) && (t = e.length);
+            for (var n = 0, r = Array(t); n < t; n++) {
+                r[n] = e[n];
+            }
+            return r;
+        }
+        function L(e, t) {
+            var n = null == e ? null : "undefined" != typeof Symbol && e[Symbol.iterator] || e["@@iterator"];
+            if (null != n) {
+                var r, a, s, i, o = [], l = !0, u = !1;
+                try {
+                    if (s = (n = n.call(e)).next, 0 === t) {
+                        if (Object(n) !== n) return;
+                        l = !1;
+                    } else for (;!(l = (r = s.call(n)).done) && (o.push(r.value), o.length !== t); l = !0) {
+                    }
+                } catch (e) {
+                    u = !0, a = e;
+                } finally {
+                    try {
+                        if (!l && null != n["return"] && (i = n["return"](), Object(i) !== i)) return;
+                    } finally {
+                        if (u) throw a;
+                    }
+                }
+                return o;
+            }
+        }
+        function B(e) {
+            if (Array.isArray(e)) return e;
         }
-        function R(e, t) {
+        function G(e, t) {
             if (null == e) return {};
-            var a, n, r = P(e, t);
+            var n, r, a = M(e, t);
             if (Object.getOwnPropertySymbols) {
                 var s = Object.getOwnPropertySymbols(e);
-                for (n = 0; n < s.length; n++) {
-                    a = s[n], t.includes(a) || {}.propertyIsEnumerable.call(e, a) && (r[a] = e[a]);
+                for (r = 0; r < s.length; r++) {
+                    n = s[r], t.includes(n) || {}.propertyIsEnumerable.call(e, n) && (a[n] = e[n]);
                 }
             }
-            return r;
+            return a;
         }
-        function P(e, t) {
+        function M(e, t) {
             if (null == e) return {};
-            var a = {};
-            for (var n in e) {
-                if ({}.hasOwnProperty.call(e, n)) {
-                    if (t.includes(n)) continue;
-                    a[n] = e[n];
+            var n = {};
+            for (var r in e) {
+                if ({}.hasOwnProperty.call(e, r)) {
+                    if (t.includes(r)) continue;
+                    n[r] = e[r];
                 }
             }
-            return a;
+            return n;
         }
         // Prism requires special handling to work around issues related to global scope and
         // auto formatting. The import below points to an empty file which is replaced at build
         // time, see ./prism/build-isolated-prism.js for details.
         // typed as 'prismjs'
-                var N = [ "bash", "clike", "css", "html", "json", "javascript", "js", "jsx", "typescript", "ts", "tsx", "markup", "mathml", "splunk-spl", "svg", "xml", "yaml", "yml" ];
-        function C(e, t) {
+                var z = [ "bash", "clike", "css", "html", "json", "javascript", "js", "jsx", "typescript", "ts", "tsx", "markup", "mathml", "plain", "plaintext", "splunk-spl", "svg", "text", "txt", "xml", "yaml", "yml" ];
+        function H(e, t) {
+            if ([ "plain", "plaintext", "text", "txt" ].indexOf(t) >= 0) {
+                return v().tokenize(e, {});
+            }
             return v().tokenize(e, v().languages[t]);
         }
-        var D = {
+        var q = {
             elementRef: s().oneOfType([ s().func, s().object ]),
             indentChars: s().number,
-            language: s().oneOf(N),
-            languageFallback: s().oneOf(N),
+            language: s().oneOf(z),
+            languageFallback: s().oneOf(z),
             showIndentGuide: s().bool,
             value: s().string
         };
-        function L(e) {
-            var a = e.elementRef, n = e.indentChars, r = n === void 0 ? 4 : n, s = e.language, i = e.languageFallback, l = i === void 0 ? "javascript" : i, c = e.showIndentGuide, d = c === void 0 ? true : c, f = e.value, h = f === void 0 ? "" : f, v = R(e, [ "elementRef", "indentChars", "language", "languageFallback", "showIndentGuide", "value" ]);
+        function U(n) {
+            var r = n.elementRef, a = n.indentChars, s = a === void 0 ? 4 : a, i = n.language, l = n.languageFallback, c = l === void 0 ? "javascript" : l, d = n.showIndentGuide, f = d === void 0 ? true : d, h = n.value, v = h === void 0 ? "" : h, b = G(n, [ "elementRef", "indentChars", "language", "languageFallback", "showIndentGuide", "value" ]);
             // @docs-props-type CodePropsBase
-                        var b = g()(" ", r);
-            var y = function e(a) {
-                var n = Math.floor(a / r);
-                var s = a % r;
-                var i = m()(n, (function(e) {
+                        var y = (0, e.useRef)(null);
+            var k = (0, e.useState)(undefined), w = N(k, 2), F = w[0], E = w[1];
+            var _ = (0, R["default"])(y), O = _.width, I = _.height;
+            var C = (0, e.useCallback)((function(e) {
+                $(y, e);
+                $(r, e);
+            }), [ r ]);
+            (0, e.useEffect)((function() {
+                var e = y.current;
+                if (e) {
+                    var t = e.scrollHeight > Math.round(I);
+                    var n = e.scrollWidth > Math.round(O);
+                    var r = t || n;
+                    E(r ? 0 : undefined);
+                }
+            }), [ y, O, I ]);
+            var j = g()(" ", s);
+            var D = function e(n) {
+                var r = Math.floor(n / s);
+                var a = n % s;
+                var i = m()(r, (function(e) {
                     
                     return t().createElement(A, {
                         key: e.toString()
-                    }, b);
+                    }, j);
                 }));
-                if (s) {
-                    i.push(g()(" ", s));
+                if (a) {
+                    i.push(g()(" ", a));
                 }
                 return i;
             };
-            // a fix for SUI-5425, where the Markdown component doesn't pass a valid language in some circumstances
-                        var k = p()(N, s) > -1;
-            if (false) {}
-            var F = k && s ? s : l;
-            var w = C(h, F);
-            var E = function e(a) {
-                return o()(a).map((function(a, n) {
-                    if (typeof a === "string") {
-                        if (!d) {
-                            return a;
+            var L = p()(z, i) > -1;
+            (0, e.useEffect)((function() {
+                // a fix for SUI-5425, where the Markdown component doesn't pass a valid language in some circumstances
+                if (false) {}
+            }), [ L, i, c ]);
+            var B = L && i ? i : c;
+            var M = H(v, B);
+            var q = function e(n) {
+                return o()(n).map((function(n, r) {
+                    if (typeof n === "string") {
+                        if (!f) {
+                            return n;
                         }
-                        var r = a.split("\n");
-                        if (r.length === 1) {
-                            return a;
+                        var a = n.split("\n");
+                        if (a.length === 1) {
+                            return n;
                         }
-                        return u()(r.map((function(e, a) {
-                            var r = a === 0 ? [] : [ "\n" ];
+                        return u()(a.map((function(e, n) {
+                            var a = n === 0 ? [] : [ "\n" ];
                             var s = e.match(/^(\s+)(.*)/);
                             if (!s) {
-                                r.push(e);
+                                a.push(e);
                             } else {
-                                r.push( t().createElement("span", {
-                                    key: "".concat(n.toString(), ":").concat(a.toString())
-                                }, y(s[1].length)), s[2]);
+                                a.push( t().createElement("span", {
+                                    key: "".concat(r.toString(), ":").concat(n.toString())
+                                }, D(s[1].length)), s[2]);
                             }
-                            return r;
+                            return a;
                         })));
                     }
-                    var s = typeof a.content === "string" ? a.content : e(a.content);
+                    var s = typeof n.content === "string" ? n.content : e(n.content);
                     
                     // eslint-disable-next-line react/no-array-index-key
-                    return t().createElement($, {
-                        "data-part-type": a.type,
-                        partType: a.type,
-                        key: n.toString()
+                    return t().createElement(T, {
+                        "data-part-type": n.type,
+                        partType: n.type,
+                        key: r.toString()
                     }, s);
                 }));
             };
-            var _ = E(w);
+            var U = q(M);
             
-            return t().createElement(x, I({
+            return t().createElement(x, P({
                 "data-test": "code",
-                ref: a,
-                tabIndex: 0
-            }, v),  t().createElement(S, {
-                className: "language-".concat(F)
-            }, _));
+                ref: C,
+                tabIndex: F
+            }, b),  t().createElement(S, {
+                className: "language-".concat(B)
+            }, U));
         }
-        L.propTypes = D;
-        /* harmony default export */        const j = L;
+        U.propTypes = q;
+        /* harmony default export */        const Z = U;
     }) // CONCATENATED MODULE: ./src/Code/index.ts
     ();
-    module.exports = n;
+    module.exports = r;
     /******/})();