pict-docuserve 0.0.30 → 0.0.32

package/dist/pict-docuserve.js

@@ -4860,664 +4860,6 @@ function _toPrimitive(t, r) { if ("object" != typeof t || !t) return t; var e =
       "fable-serviceproviderbase": 2
     }],
     8: [function (require, module, exports) {
-      /**
-       * Simple syntax highlighter for use with CodeJar.
-       *
-       * Provides basic keyword/string/number/comment highlighting for common languages.
-       * Can be replaced with Prism.js or highlight.js for more sophisticated highlighting
-       * by passing a custom highlight function to the view options.
-       *
-       * @module Pict-Code-Highlighter
-       */
-
-      // Language definition map
-      const _LanguageDefinitions = {
-        'javascript': {
-          // Combined regex to tokenize: comments, strings, template literals, regex, then everything else
-          tokenizer: /(\/\/[^\n]*|\/\*[\s\S]*?\*\/)|(["'])(?:(?!\2|\\).|\\.)*?\2|(`(?:[^`\\]|\\.)*?`)|(\/(?![/*])(?:\\.|\[(?:\\.|[^\]])*\]|[^/\\\n])+\/[gimsuvy]*)/g,
-          keywords: /\b(async|await|break|case|catch|class|const|continue|debugger|default|delete|do|else|export|extends|finally|for|from|function|get|if|import|in|instanceof|let|new|of|return|set|static|super|switch|this|throw|try|typeof|var|void|while|with|yield)\b/g,
-          builtins: /\b(true|false|null|undefined|NaN|Infinity|console|window|document|Math|JSON|Array|Object|String|Number|Boolean|Date|RegExp|Map|Set|Promise|Error|Symbol|parseInt|parseFloat|require|module|exports)\b/g,
-          numbers: /\b(\d+\.?\d*(?:e[+-]?\d+)?|0x[0-9a-fA-F]+|0b[01]+|0o[0-7]+)\b/g
-        },
-        'json': {
-          tokenizer: /(\/\/[^\n]*|\/\*[\s\S]*?\*\/)|("(?:[^"\\]|\\.)*")/g,
-          keywords: /\b(true|false|null)\b/g,
-          numbers: /-?\b\d+\.?\d*(?:e[+-]?\d+)?\b/g
-        },
-        'html': {
-          // Tokenizer captures: (1) comments, (2) strings, (3) tags with attributes
-          tokenizer: /(<!--[\s\S]*?-->)|(["'])(?:(?!\2|\\).|\\.)*?\2|(<\/?[a-zA-Z][a-zA-Z0-9-]*(?:\s+[a-zA-Z-]+(?:\s*=\s*(?:"[^"]*"|'[^']*'|[^\s>]*))?)*\s*\/?>)/g,
-          // tagToken group index for identifying tag matches
-          tagGroupIndex: 3
-        },
-        'css': {
-          tokenizer: /(\/\*[\s\S]*?\*\/)|(["'])(?:(?!\2|\\).|\\.)*?\2/g,
-          selectors: /([.#]?[a-zA-Z_][\w-]*(?:\s*[>+~]\s*[.#]?[a-zA-Z_][\w-]*)*)\s*\{/g,
-          properties: /\b([a-zA-Z-]+)\s*:/g,
-          numbers: /\b(\d+\.?\d*)(px|em|rem|%|vh|vw|s|ms|deg|fr)?\b/g,
-          keywords: /\b(important|inherit|initial|unset|none|auto|block|inline|flex|grid)\b/g
-        },
-        'sql': {
-          tokenizer: /(--[^\n]*|\/\*[\s\S]*?\*\/)|(["'])(?:(?!\2|\\).|\\.)*?\2/g,
-          keywords: /\b(SELECT|FROM|WHERE|AND|OR|INSERT|INTO|VALUES|UPDATE|SET|DELETE|CREATE|TABLE|DROP|ALTER|ADD|COLUMN|INDEX|JOIN|LEFT|RIGHT|INNER|OUTER|ON|AS|ORDER|BY|GROUP|HAVING|LIMIT|OFFSET|UNION|ALL|DISTINCT|COUNT|SUM|AVG|MIN|MAX|NOT|NULL|IS|IN|BETWEEN|LIKE|EXISTS|CASE|WHEN|THEN|ELSE|END|PRIMARY|KEY|FOREIGN|REFERENCES|CONSTRAINT|DEFAULT|CHECK|UNIQUE|CASCADE|GRANT|REVOKE|COMMIT|ROLLBACK|BEGIN|TRANSACTION|INT|VARCHAR|DATETIME|AUTO_INCREMENT|CURRENT_TIMESTAMP)\b/gi,
-          numbers: /\b\d+\.?\d*\b/g
-        }
-      };
-
-      // Alias some common language names
-      _LanguageDefinitions['js'] = _LanguageDefinitions['javascript'];
-      _LanguageDefinitions['htm'] = _LanguageDefinitions['html'];
-
-      /**
-       * Escape HTML special characters to prevent XSS when inserting into innerHTML.
-       *
-       * @param {string} pString - The string to escape
-       * @returns {string} The escaped string
-       */
-      function escapeHTML(pString) {
-        return pString.replace(/&/g, '&amp;').replace(/</g, '&lt;').replace(/>/g, '&gt;');
-      }
-
-      /**
-       * Highlight a segment of code that is NOT inside a string or comment.
-       * This applies keyword, number, and structural highlighting.
-       *
-       * @param {string} pCode - The code segment to highlight (already HTML-escaped)
-       * @param {object} pLanguageDef - The language definition
-       * @returns {string} The highlighted HTML
-       */
-      function highlightCodeSegment(pCode, pLanguageDef) {
-        let tmpResult = pCode;
-
-        // CSS selectors
-        if (pLanguageDef.selectors) {
-          pLanguageDef.selectors.lastIndex = 0;
-          tmpResult = tmpResult.replace(pLanguageDef.selectors, '<span class="function-name">$1</span>{');
-        }
-
-        // CSS properties
-        if (pLanguageDef.properties) {
-          pLanguageDef.properties.lastIndex = 0;
-          tmpResult = tmpResult.replace(pLanguageDef.properties, '<span class="property">$1</span>:');
-        }
-
-        // Keywords
-        if (pLanguageDef.keywords) {
-          pLanguageDef.keywords.lastIndex = 0;
-          tmpResult = tmpResult.replace(pLanguageDef.keywords, '<span class="keyword">$1</span>');
-        }
-
-        // Builtins
-        if (pLanguageDef.builtins) {
-          pLanguageDef.builtins.lastIndex = 0;
-          tmpResult = tmpResult.replace(pLanguageDef.builtins, '<span class="keyword">$1</span>');
-        }
-
-        // Numbers (CSS numbers may have units as a capture group, others do not)
-        if (pLanguageDef.numbers) {
-          pLanguageDef.numbers.lastIndex = 0;
-          tmpResult = tmpResult.replace(pLanguageDef.numbers, pMatch => {
-            return "<span class=\"number\">".concat(pMatch, "</span>");
-          });
-        }
-        return tmpResult;
-      }
-
-      /**
-       * Highlight an HTML tag token, applying tag name, attribute name, and attribute value colors.
-       *
-       * The approach: parse the raw tag into structured pieces first, then build the
-       * highlighted output from those pieces. This avoids mixing raw text with HTML span
-       * tags, which would cause regex replacements to match span attributes on subsequent passes.
-       *
-       * @param {string} pTag - The raw (unescaped) tag string
-       * @returns {string} The highlighted HTML
-       */
-      function highlightHTMLTag(pTag) {
-        let tmpResult = '';
-        let tmpRest = pTag;
-
-        // 1. Extract the opening bracket and tag name: < or </  followed by tagname
-        let tmpTagNameMatch = tmpRest.match(/^(<\/?)([a-zA-Z][a-zA-Z0-9-]*)/);
-        if (!tmpTagNameMatch) {
-          // Not a recognizable tag, just escape the whole thing
-          return escapeHTML(pTag);
-        }
-        tmpResult += escapeHTML(tmpTagNameMatch[1]);
-        tmpResult += '<span class="tag">' + escapeHTML(tmpTagNameMatch[2]) + '</span>';
-        tmpRest = tmpRest.substring(tmpTagNameMatch[0].length);
-
-        // 2. Parse attributes from the remaining text (before the closing > or />)
-        // Repeatedly match: whitespace + attr-name + optional =value
-        let tmpAttrRegex = /^(\s+)([a-zA-Z-]+)(?:(\s*=\s*)(["'])([^"']*?)\4)?/;
-        let tmpAttrMatch;
-        while ((tmpAttrMatch = tmpRest.match(tmpAttrRegex)) !== null) {
-          // Whitespace before the attribute
-          tmpResult += tmpAttrMatch[1];
-          // Attribute name
-          tmpResult += '<span class="attr-name">' + escapeHTML(tmpAttrMatch[2]) + '</span>';
-
-          // If there's an = value part
-          if (tmpAttrMatch[3]) {
-            tmpResult += escapeHTML(tmpAttrMatch[3]);
-            tmpResult += '<span class="attr-value">' + escapeHTML(tmpAttrMatch[4]) + escapeHTML(tmpAttrMatch[5]) + escapeHTML(tmpAttrMatch[4]) + '</span>';
-          }
-          tmpRest = tmpRest.substring(tmpAttrMatch[0].length);
-        }
-
-        // 3. Whatever remains (whitespace, />, >) — escape it all
-        tmpResult += escapeHTML(tmpRest);
-        return tmpResult;
-      }
-
-      /**
-       * Create a highlight function for a given language.
-       *
-       * The approach: use a single tokenizer regex to split the code into protected tokens
-       * (comments, strings) and code segments. Process each segment independently.
-       * This avoids placeholder/sentinel issues entirely.
-       *
-       * @param {string} pLanguage - The language identifier (e.g. "javascript", "json", "html")
-       * @returns {function} A function that takes an element and highlights its textContent
-       */
-      function createHighlighter(pLanguage) {
-        return function highlightElement(pElement) {
-          let tmpCode = pElement.textContent;
-          let tmpLanguageName = typeof pLanguage === 'string' ? pLanguage.toLowerCase() : 'javascript';
-          let tmpLanguageDef = _LanguageDefinitions[tmpLanguageName];
-          if (!tmpLanguageDef) {
-            // No highlighting rules for this language; just escape and return
-            pElement.innerHTML = escapeHTML(tmpCode);
-            return;
-          }
-          if (!tmpLanguageDef.tokenizer) {
-            // No tokenizer; just escape and apply keyword highlighting
-            pElement.innerHTML = highlightCodeSegment(escapeHTML(tmpCode), tmpLanguageDef);
-            return;
-          }
-
-          // Split the code into tokens using the tokenizer regex.
-          // The tokenizer captures comments and strings as groups.
-          // We process everything between matches as code.
-          let tmpResult = '';
-          let tmpLastIndex = 0;
-          let tmpTagGroupIndex = tmpLanguageDef.tagGroupIndex || 0;
-          tmpLanguageDef.tokenizer.lastIndex = 0;
-          let tmpMatch;
-          while ((tmpMatch = tmpLanguageDef.tokenizer.exec(tmpCode)) !== null) {
-            // Add the code segment before this match
-            if (tmpMatch.index > tmpLastIndex) {
-              let tmpSegment = tmpCode.substring(tmpLastIndex, tmpMatch.index);
-              tmpResult += highlightCodeSegment(escapeHTML(tmpSegment), tmpLanguageDef);
-            }
-            let tmpFullMatch = tmpMatch[0];
-
-            // Determine token type from capture groups
-            // Group 1 is always comments, Group 2+ are strings/template literals/regex
-            if (tmpMatch[1]) {
-              // Comment
-              tmpResult += "<span class=\"comment\">".concat(escapeHTML(tmpFullMatch), "</span>");
-            } else if (tmpTagGroupIndex > 0 && tmpMatch[tmpTagGroupIndex]) {
-              // HTML tag — highlight tag name, attributes, and values
-              tmpResult += highlightHTMLTag(tmpFullMatch);
-            } else {
-              // String, template literal, or regex
-              tmpResult += "<span class=\"string\">".concat(escapeHTML(tmpFullMatch), "</span>");
-            }
-            tmpLastIndex = tmpLanguageDef.tokenizer.lastIndex;
-          }
-
-          // Add any remaining code after the last match
-          if (tmpLastIndex < tmpCode.length) {
-            let tmpSegment = tmpCode.substring(tmpLastIndex);
-            tmpResult += highlightCodeSegment(escapeHTML(tmpSegment), tmpLanguageDef);
-          }
-          pElement.innerHTML = tmpResult;
-        };
-      }
-      module.exports = createHighlighter;
-      module.exports.LanguageDefinitions = _LanguageDefinitions;
-    }, {}],
-    9: [function (require, module, exports) {
-      module.exports = {
-        "RenderOnLoad": true,
-        "DefaultRenderable": "CodeEditor-Wrap",
-        "DefaultDestinationAddress": "#CodeEditor-Container-Div",
-        "Templates": [{
-          "Hash": "CodeEditor-Container",
-          "Template": "<!-- CodeEditor-Container Rendering Soon -->"
-        }],
-        "Renderables": [{
-          "RenderableHash": "CodeEditor-Wrap",
-          "TemplateHash": "CodeEditor-Container",
-          "DestinationAddress": "#CodeEditor-Container-Div"
-        }],
-        "TargetElementAddress": "#CodeEditor-Container-Div",
-        // Address in AppData or other Pict address space to read/write code content
-        "CodeDataAddress": false,
-        // The language for syntax highlighting (e.g. "javascript", "html", "css", "json")
-        "Language": "javascript",
-        // Whether the editor is read-only
-        "ReadOnly": false,
-        // Tab character: use tab or spaces
-        "Tab": "\t",
-        // Whether to indent with the same whitespace as the previous line
-        "IndentOn": /[({[]$/,
-        // Whether to add a closing bracket/paren/brace
-        "MoveToNewLine": /^[)}\]]/,
-        // Whether to handle the closing character
-        "AddClosing": true,
-        // Whether to preserve indentation on new lines
-        "CatchTab": true,
-        // Whether to show line numbers
-        "LineNumbers": true,
-        // Default code content if no address is provided
-        "DefaultCode": "// Enter your code here\n",
-        // CSS for the code editor
-        "CSS": ".pict-code-editor-wrap\n{\n\tdisplay: flex;\n\tfont-family: 'SFMono-Regular', 'SF Mono', 'Menlo', 'Consolas', 'Liberation Mono', 'Courier New', monospace;\n\tfont-size: 14px;\n\tline-height: 1.5;\n\tborder: 1px solid #D0D0D0;\n\tborder-radius: 4px;\n\toverflow: auto;\n}\n.pict-code-editor-wrap .pict-code-line-numbers\n{\n\tposition: sticky;\n\tleft: 0;\n\twidth: 40px;\n\tmin-width: 40px;\n\tpadding: 10px 0;\n\ttext-align: right;\n\tbackground: #F5F5F5;\n\tborder-right: 1px solid #D0D0D0;\n\tcolor: #999;\n\tfont-size: 13px;\n\tline-height: 1.5;\n\tuser-select: none;\n\tpointer-events: none;\n\tbox-sizing: border-box;\n\tz-index: 1;\n}\n.pict-code-editor-wrap .pict-code-line-numbers span\n{\n\tdisplay: block;\n\tpadding: 0 8px 0 0;\n}\n.pict-code-editor-wrap .pict-code-editor\n{\n\tmargin: 0;\n\tpadding: 10px 10px 10px 8px;\n\tmin-height: 100px;\n\tflex: 1;\n\tmin-width: 0;\n\toutline: none;\n\ttab-size: 4;\n\twhite-space: pre;\n\toverflow-wrap: normal;\n\tcolor: #383A42;\n\tbackground: #FAFAFA;\n\tcaret-color: #526FFF;\n\tborder-radius: 0 4px 4px 0;\n}\n.pict-code-editor-wrap .pict-code-editor.pict-code-no-line-numbers\n{\n\tpadding-left: 10px;\n\tborder-radius: 4px;\n}\n.pict-code-editor-wrap .pict-code-editor .keyword { color: #A626A4; }\n.pict-code-editor-wrap .pict-code-editor .string { color: #50A14F; }\n.pict-code-editor-wrap .pict-code-editor .number { color: #986801; }\n.pict-code-editor-wrap .pict-code-editor .comment { color: #A0A1A7; font-style: italic; }\n.pict-code-editor-wrap .pict-code-editor .operator { color: #0184BC; }\n.pict-code-editor-wrap .pict-code-editor .punctuation { color: #383A42; }\n.pict-code-editor-wrap .pict-code-editor .function-name { color: #4078F2; }\n.pict-code-editor-wrap .pict-code-editor .property { color: #E45649; }\n.pict-code-editor-wrap .pict-code-editor .tag { color: #E45649; }\n.pict-code-editor-wrap .pict-code-editor .attr-name { color: #986801; }\n.pict-code-editor-wrap .pict-code-editor .attr-value { color: #50A14F; }\n"
-      };
-    }, {}],
-    10: [function (require, module, exports) {
-      const libPictViewClass = require('pict-view');
-      const libCreateHighlighter = require('./Pict-Code-Highlighter.js');
-      const _DefaultConfiguration = require('./Pict-Section-Code-DefaultConfiguration.js');
-      class PictSectionCode extends libPictViewClass {
-        constructor(pFable, pOptions, pServiceHash) {
-          let tmpOptions = Object.assign({}, _DefaultConfiguration, pOptions);
-          super(pFable, tmpOptions, pServiceHash);
-          this.initialRenderComplete = false;
-
-          // The CodeJar instance
-          this.codeJar = null;
-
-          // The highlight function (can be overridden)
-          this._highlightFunction = null;
-
-          // The current language
-          this._language = this.options.Language || 'javascript';
-        }
-        onBeforeInitialize() {
-          super.onBeforeInitialize();
-          this._codeJarPrototype = null;
-          this.targetElement = false;
-
-          // Build the default highlight function for the configured language
-          this._highlightFunction = libCreateHighlighter(this._language);
-          return super.onBeforeInitialize();
-        }
-
-        /**
-         * Connect the CodeJar prototype.  If not passed explicitly, try to find it
-         * as a global (window.CodeJar) or require it from the npm package.
-         *
-         * @param {function} [pCodeJarPrototype] - The CodeJar constructor function
-         * @returns {boolean|void}
-         */
-        connectCodeJarPrototype(pCodeJarPrototype) {
-          if (typeof pCodeJarPrototype === 'function') {
-            this._codeJarPrototype = pCodeJarPrototype;
-            return;
-          }
-
-          // Try to find CodeJar in global scope
-          if (typeof window !== 'undefined') {
-            if (typeof window.CodeJar === 'function') {
-              this.log.trace("PICT-Code Found CodeJar in window.CodeJar.");
-              this._codeJarPrototype = window.CodeJar;
-              return;
-            }
-          }
-          this.log.error("PICT-Code No CodeJar prototype found. Include codejar via script tag or call connectCodeJarPrototype(CodeJar) explicitly.");
-          return false;
-        }
-        onAfterRender(pRenderable) {
-          // Ensure the CSS from all registered views is injected into the DOM
-          this.pict.CSSMap.injectCSS();
-          if (!this.initialRenderComplete) {
-            this.onAfterInitialRender();
-            this.initialRenderComplete = true;
-          }
-          return super.onAfterRender(pRenderable);
-        }
-        onAfterInitialRender() {
-          // Resolve the CodeJar prototype if not already set
-          if (!this._codeJarPrototype) {
-            this.connectCodeJarPrototype();
-          }
-          if (!this._codeJarPrototype) {
-            this.log.error("PICT-Code Cannot initialize editor; no CodeJar prototype available.");
-            return false;
-          }
-          if (this.codeJar) {
-            this.log.error("PICT-Code editor is already initialized!");
-            return false;
-          }
-
-          // Find the target element
-          let tmpTargetElementSet = this.services.ContentAssignment.getElement(this.options.TargetElementAddress);
-          if (!tmpTargetElementSet || tmpTargetElementSet.length < 1) {
-            this.log.error("PICT-Code Could not find target element [".concat(this.options.TargetElementAddress, "]!"));
-            this.targetElement = false;
-            return false;
-          }
-          this.targetElement = tmpTargetElementSet[0];
-
-          // Build the editor DOM structure
-          this._buildEditorDOM();
-
-          // Get initial code content
-          let tmpCode = this._resolveCodeContent();
-
-          // Create the CodeJar options
-          let tmpCodeJarOptions = {};
-          if (this.options.Tab) {
-            tmpCodeJarOptions.tab = this.options.Tab;
-          }
-          if (this.options.IndentOn) {
-            tmpCodeJarOptions.indentOn = this.options.IndentOn;
-          }
-          if (this.options.MoveToNewLine) {
-            tmpCodeJarOptions.moveToNewLine = this.options.MoveToNewLine;
-          }
-          if (typeof this.options.AddClosing !== 'undefined') {
-            tmpCodeJarOptions.addClosing = this.options.AddClosing;
-          }
-          if (typeof this.options.CatchTab !== 'undefined') {
-            tmpCodeJarOptions.catchTab = this.options.CatchTab;
-          }
-          this.customConfigureEditorOptions(tmpCodeJarOptions);
-
-          // Instantiate CodeJar on the editor element
-          let tmpEditorElement = this._editorElement;
-          this.codeJar = this._codeJarPrototype(tmpEditorElement, this._highlightFunction, tmpCodeJarOptions);
-
-          // CodeJar forces white-space:pre-wrap and overflow-wrap:break-word
-          // via inline styles, which causes line wrapping that breaks the
-          // line-number alignment.  Override back to non-wrapping so the
-          // wrap container scrolls horizontally instead.
-          this._resetEditorWrapStyles();
-
-          // Set the initial code
-          if (tmpCode) {
-            this.codeJar.updateCode(tmpCode);
-          }
-
-          // Wire up the change handler
-          this.codeJar.onUpdate(pCode => {
-            this._updateLineNumbers();
-            this.onCodeChange(pCode);
-          });
-
-          // Initial line number render
-          this._updateLineNumbers();
-
-          // Handle read-only
-          if (this.options.ReadOnly) {
-            tmpEditorElement.setAttribute('contenteditable', 'false');
-          }
-        }
-
-        /**
-         * Build the editor DOM elements inside the target container.
-         */
-        _buildEditorDOM() {
-          // Clear the target
-          this.targetElement.innerHTML = '';
-
-          // Create wrapper
-          let tmpWrap = document.createElement('div');
-          tmpWrap.className = 'pict-code-editor-wrap';
-
-          // Create line numbers container
-          if (this.options.LineNumbers) {
-            let tmpLineNumbers = document.createElement('div');
-            tmpLineNumbers.className = 'pict-code-line-numbers';
-            tmpWrap.appendChild(tmpLineNumbers);
-            this._lineNumbersElement = tmpLineNumbers;
-          }
-
-          // Create the editor element (CodeJar needs a pre or div)
-          let tmpEditor = document.createElement('div');
-          tmpEditor.className = 'pict-code-editor language-' + this._language;
-          if (!this.options.LineNumbers) {
-            tmpEditor.className += ' pict-code-no-line-numbers';
-          }
-          tmpWrap.appendChild(tmpEditor);
-          this.targetElement.appendChild(tmpWrap);
-          this._editorElement = tmpEditor;
-          this._wrapElement = tmpWrap;
-        }
-
-        /**
-         * Update the line numbers display based on current code content.
-         */
-        _updateLineNumbers() {
-          if (!this.options.LineNumbers || !this._lineNumbersElement || !this._editorElement) {
-            return;
-          }
-          let tmpCode = this._editorElement.textContent || '';
-          let tmpLineCount = tmpCode.split('\n').length;
-          let tmpHTML = '';
-          for (let i = 1; i <= tmpLineCount; i++) {
-            tmpHTML += "<span>".concat(i, "</span>");
-          }
-          this._lineNumbersElement.innerHTML = tmpHTML;
-        }
-
-        /**
-         * Reset inline styles that CodeJar sets on the editor element.
-         *
-         * CodeJar forces white-space:pre-wrap and overflow-wrap:break-word so
-         * long lines wrap visually.  That breaks line-number alignment because
-         * each wrapped visual row is not a logical line.  Resetting to pre /
-         * normal makes the outer .pict-code-editor-wrap scroll horizontally.
-         */
-        _resetEditorWrapStyles() {
-          if (!this._editorElement) {
-            return;
-          }
-          this._editorElement.style.whiteSpace = 'pre';
-          this._editorElement.style.overflowWrap = 'normal';
-        }
-
-        /**
-         * Resolve the initial code content from address or default.
-         *
-         * @returns {string} The code content
-         */
-        _resolveCodeContent() {
-          if (this.options.CodeDataAddress) {
-            const tmpAddressSpace = {
-              Fable: this.fable,
-              Pict: this.fable,
-              AppData: this.AppData,
-              Bundle: this.Bundle,
-              Options: this.options
-            };
-            let tmpAddressedData = this.fable.manifest.getValueByHash(tmpAddressSpace, this.options.CodeDataAddress);
-            if (typeof tmpAddressedData === 'string') {
-              return tmpAddressedData;
-            } else {
-              this.log.warn("PICT-Code Address [".concat(this.options.CodeDataAddress, "] did not return a string; it was ").concat(typeof tmpAddressedData, "."));
-            }
-          }
-          return this.options.DefaultCode || '';
-        }
-
-        /**
-         * Hook for subclasses to customize CodeJar options before instantiation.
-         *
-         * @param {object} pOptions - The CodeJar options object to modify
-         */
-        customConfigureEditorOptions(pOptions) {
-          // Override in subclass to tweak options
-        }
-
-        /**
-         * Called when the code content changes.  Override in subclasses to handle changes.
-         *
-         * @param {string} pCode - The new code content
-         */
-        onCodeChange(pCode) {
-          // Write back to data address if configured
-          if (this.options.CodeDataAddress) {
-            const tmpAddressSpace = {
-              Fable: this.fable,
-              Pict: this.fable,
-              AppData: this.AppData,
-              Bundle: this.Bundle,
-              Options: this.options
-            };
-            this.fable.manifest.setValueByHash(tmpAddressSpace, this.options.CodeDataAddress, pCode);
-          }
-        }
-
-        // -- Public API Methods --
-
-        /**
-         * Get the current code content.
-         *
-         * @returns {string} The current code
-         */
-        getCode() {
-          if (!this.codeJar) {
-            this.log.warn('PICT-Code getCode called before editor initialized.');
-            return '';
-          }
-          return this.codeJar.toString();
-        }
-
-        /**
-         * Set the code content.
-         *
-         * @param {string} pCode - The code to set
-         */
-        setCode(pCode) {
-          if (!this.codeJar) {
-            this.log.warn('PICT-Code setCode called before editor initialized.');
-            return;
-          }
-          this.codeJar.updateCode(pCode);
-          this._updateLineNumbers();
-        }
-
-        /**
-         * Change the editor language and re-highlight.
-         *
-         * @param {string} pLanguage - The language identifier
-         */
-        setLanguage(pLanguage) {
-          this._language = pLanguage;
-          this._highlightFunction = libCreateHighlighter(pLanguage);
-          if (this._editorElement) {
-            // Update the class
-            this._editorElement.className = 'pict-code-editor language-' + pLanguage;
-            if (!this.options.LineNumbers) {
-              this._editorElement.className += ' pict-code-no-line-numbers';
-            }
-          }
-          if (this.codeJar) {
-            // Re-create the editor with the new highlight function
-            let tmpCode = this.codeJar.toString();
-            this.codeJar.destroy();
-            this.codeJar = this._codeJarPrototype(this._editorElement, this._highlightFunction, {
-              tab: this.options.Tab,
-              catchTab: this.options.CatchTab,
-              addClosing: this.options.AddClosing
-            });
-            this._resetEditorWrapStyles();
-            this.codeJar.updateCode(tmpCode);
-            this.codeJar.onUpdate(pCode => {
-              this._updateLineNumbers();
-              this.onCodeChange(pCode);
-            });
-          }
-        }
-
-        /**
-         * Set a custom highlight function to replace the built-in highlighter.
-         * Useful for integrating Prism.js, highlight.js, or any other library.
-         *
-         * @param {function} pHighlightFunction - A function that takes a DOM element and highlights its textContent
-         */
-        setHighlightFunction(pHighlightFunction) {
-          if (typeof pHighlightFunction !== 'function') {
-            this.log.error('PICT-Code setHighlightFunction requires a function.');
-            return;
-          }
-          this._highlightFunction = pHighlightFunction;
-          if (this.codeJar) {
-            let tmpCode = this.codeJar.toString();
-            this.codeJar.destroy();
-            this.codeJar = this._codeJarPrototype(this._editorElement, this._highlightFunction, {
-              tab: this.options.Tab,
-              catchTab: this.options.CatchTab,
-              addClosing: this.options.AddClosing
-            });
-            this._resetEditorWrapStyles();
-            this.codeJar.updateCode(tmpCode);
-            this.codeJar.onUpdate(pCode => {
-              this._updateLineNumbers();
-              this.onCodeChange(pCode);
-            });
-          }
-        }
-
-        /**
-         * Set the read-only state of the editor.
-         *
-         * @param {boolean} pReadOnly - Whether the editor should be read-only
-         */
-        setReadOnly(pReadOnly) {
-          this.options.ReadOnly = pReadOnly;
-          if (this._editorElement) {
-            this._editorElement.setAttribute('contenteditable', pReadOnly ? 'false' : 'true');
-          }
-        }
-
-        /**
-         * Destroy the editor and clean up.
-         */
-        destroy() {
-          if (this.codeJar) {
-            this.codeJar.destroy();
-            this.codeJar = null;
-          }
-        }
-
-        /**
-         * Marshal code content from the data address into the view.
-         */
-        marshalToView() {
-          super.marshalToView();
-          if (this.codeJar && this.options.CodeDataAddress) {
-            let tmpCode = this._resolveCodeContent();
-            if (typeof tmpCode === 'string') {
-              this.codeJar.updateCode(tmpCode);
-              this._updateLineNumbers();
-            }
-          }
-        }
-
-        /**
-         * Marshal the current code content back to the data address.
-         */
-        marshalFromView() {
-          super.marshalFromView();
-          if (this.codeJar && this.options.CodeDataAddress) {
-            this.onCodeChange(this.codeJar.toString());
-          }
-        }
-      }
-      module.exports = PictSectionCode;
-      module.exports.default_configuration = _DefaultConfiguration;
-      module.exports.createHighlighter = libCreateHighlighter;
-    }, {
-      "./Pict-Code-Highlighter.js": 8,
-      "./Pict-Section-Code-DefaultConfiguration.js": 9,
-      "pict-view": 15
-    }],
-    11: [function (require, module, exports) {
       // The container for all the Pict-Section-Content related code.
 
       // The main content view class
@@ -5526,12 +4868,11 @@ function _toPrimitive(t, r) { if ("object" != typeof t || !t) return t; var e =
       // The content provider (markdown parsing, HTML escaping)
       module.exports.PictContentProvider = require('./providers/Pict-Provider-Content.js');
     }, {
-      "./providers/Pict-Provider-Content.js": 12,
-      "./views/Pict-View-Content.js": 13
+      "./providers/Pict-Provider-Content.js": 9,
+      "./views/Pict-View-Content.js": 10
     }],
-    12: [function (require, module, exports) {
+    9: [function (require, module, exports) {
       const libPictProvider = require('pict-provider');
-      const libCreateHighlighter = require('pict-section-code').createHighlighter;
 
       /**
        * Content Provider for Pict Section Content
@@ -5539,7 +4880,6 @@ function _toPrimitive(t, r) { if ("object" != typeof t || !t) return t; var e =
        * A general-purpose markdown-to-HTML parser with support for:
        * - Headings, paragraphs, lists, blockquotes, horizontal rules
        * - Fenced code blocks with language tags (nested fence support)
-       * - Syntax highlighting and line numbers for code blocks (via pict-section-code)
        * - Tables (GFM pipe syntax)
        * - Mermaid diagram blocks
        * - KaTeX math (inline and display)
@@ -5552,55 +4892,14 @@ function _toPrimitive(t, r) { if ("object" != typeof t || !t) return t; var e =
           super(pFable, pOptions, pServiceHash);
         }
 
-        /**
-         * Highlight a code string using pict-section-code's syntax highlighter.
-         * Uses a mock element to interface with the highlighter's DOM-based API.
-         *
-         * @param {string} pCode - The raw code string
-         * @param {string} pLanguage - The language identifier (e.g. "javascript", "html")
-         * @returns {string} The syntax-highlighted HTML
-         */
-        highlightCode(pCode, pLanguage) {
-          if (!pCode) {
-            return '';
-          }
-          let tmpHighlighter = libCreateHighlighter(pLanguage);
-          // Create a mock element to interface with the highlighter
-          let tmpMockElement = {
-            textContent: pCode,
-            innerHTML: ''
-          };
-          tmpHighlighter(tmpMockElement);
-          return tmpMockElement.innerHTML;
-        }
-
-        /**
-         * Generate line number HTML for a code block.
-         *
-         * @param {string} pCode - The raw code string
-         * @returns {string} HTML string with line number spans
-         */
-        generateLineNumbers(pCode) {
-          if (!pCode) {
-            return '<span>1</span>';
-          }
-          let tmpLineCount = pCode.split('\n').length;
-          let tmpHTML = '';
-          for (let i = 1; i <= tmpLineCount; i++) {
-            tmpHTML += '<span>' + i + '</span>';
-          }
-          return tmpHTML;
-        }
-
         /**
          * Parse a markdown string into HTML.
          *
          * @param {string} pMarkdown - The raw markdown text
          * @param {Function} [pLinkResolver] - Optional callback for link resolution: (pHref, pLinkText) => { href, target, rel } or null
-         * @param {Function} [pImageResolver] - Optional callback for image URL resolution: (pSrc, pAlt) => resolvedSrc or null
          * @returns {string} The parsed HTML
          */
-        parseMarkdown(pMarkdown, pLinkResolver, pImageResolver) {
+        parseMarkdown(pMarkdown, pLinkResolver) {
           if (!pMarkdown) {
             return '';
           }
@@ -5622,7 +4921,7 @@ function _toPrimitive(t, r) { if ("object" != typeof t || !t) return t; var e =
           let fFlushParagraph = () => {
             if (tmpParagraphLines.length > 0) {
               tmpHTML.push('<p>' + tmpParagraphLines.map(pLine => {
-                return this.parseInline(pLine, pLinkResolver, pImageResolver);
+                return this.parseInline(pLine, pLinkResolver);
               }).join(' ') + '</p>');
               tmpParagraphLines = [];
             }
@@ -5646,7 +4945,7 @@ function _toPrimitive(t, r) { if ("object" != typeof t || !t) return t; var e =
                   tmpInList = false;
                 }
                 if (tmpInBlockquote) {
-                  tmpHTML.push('<blockquote>' + this.parseMarkdown(tmpBlockquoteLines.join('\n'), pLinkResolver, pImageResolver) + '</blockquote>');
+                  tmpHTML.push('<blockquote>' + this.parseMarkdown(tmpBlockquoteLines.join('\n'), pLinkResolver) + '</blockquote>');
                   tmpInBlockquote = false;
                   tmpBlockquoteLines = [];
                 }
@@ -5671,10 +4970,7 @@ function _toPrimitive(t, r) { if ("object" != typeof t || !t) return t; var e =
                     // Mermaid diagrams: output raw content for client-side rendering
                     tmpHTML.push('<pre class="mermaid">' + tmpCodeLines.join('\n') + '</pre>');
                   } else {
-                    let tmpCodeText = tmpCodeLines.join('\n');
-                    let tmpHighlightedCode = this.highlightCode(tmpCodeText, tmpCodeLang);
-                    let tmpLineNumbersHTML = this.generateLineNumbers(tmpCodeText);
-                    tmpHTML.push('<div class="pict-content-code-wrap"><div class="pict-content-code-line-numbers">' + tmpLineNumbersHTML + '</div><pre><code class="language-' + this.escapeHTML(tmpCodeLang) + '">' + tmpHighlightedCode + '</code></pre></div>');
+                    tmpHTML.push('<pre><code class="language-' + this.escapeHTML(tmpCodeLang) + '">' + this.escapeHTML(tmpCodeLines.join('\n')) + '</code></pre>');
                   }
                   tmpInCodeBlock = false;
                   tmpCodeFenceLength = 0;
@@ -5695,7 +4991,7 @@ function _toPrimitive(t, r) { if ("object" != typeof t || !t) return t; var e =
                   tmpInList = false;
                 }
                 if (tmpInBlockquote) {
-                  tmpHTML.push('<blockquote>' + this.parseMarkdown(tmpBlockquoteLines.join('\n'), pLinkResolver, pImageResolver) + '</blockquote>');
+                  tmpHTML.push('<blockquote>' + this.parseMarkdown(tmpBlockquoteLines.join('\n'), pLinkResolver) + '</blockquote>');
                   tmpInBlockquote = false;
                   tmpBlockquoteLines = [];
                 }
@@ -5727,7 +5023,7 @@ function _toPrimitive(t, r) { if ("object" != typeof t || !t) return t; var e =
               tmpBlockquoteLines.push(tmpLine.replace(/^>\s?/, ''));
               continue;
             } else if (tmpInBlockquote) {
-              tmpHTML.push('<blockquote>' + this.parseMarkdown(tmpBlockquoteLines.join('\n'), pLinkResolver, pImageResolver) + '</blockquote>');
+              tmpHTML.push('<blockquote>' + this.parseMarkdown(tmpBlockquoteLines.join('\n'), pLinkResolver) + '</blockquote>');
               tmpInBlockquote = false;
               tmpBlockquoteLines = [];
             }
@@ -5752,7 +5048,7 @@ function _toPrimitive(t, r) { if ("object" != typeof t || !t) return t; var e =
                 tmpInList = false;
               }
               let tmpLevel = tmpHeadingMatch[1].length;
-              let tmpText = this.parseInline(tmpHeadingMatch[2], pLinkResolver, pImageResolver);
+              let tmpText = this.parseInline(tmpHeadingMatch[2], pLinkResolver);
               let tmpID = tmpHeadingMatch[2].toLowerCase().replace(/[^\w\s-]/g, '').replace(/\s+/g, '-');
               tmpHTML.push('<h' + tmpLevel + ' id="' + tmpID + '">' + tmpText + '</h' + tmpLevel + '>');
               continue;
@@ -5770,7 +5066,7 @@ function _toPrimitive(t, r) { if ("object" != typeof t || !t) return t; var e =
                 tmpInList = true;
                 tmpListType = 'ul';
               }
-              tmpHTML.push('<li>' + this.parseInline(tmpULMatch[2], pLinkResolver, pImageResolver) + '</li>');
+              tmpHTML.push('<li>' + this.parseInline(tmpULMatch[2], pLinkResolver) + '</li>');
               continue;
             }
 
@@ -5786,7 +5082,7 @@ function _toPrimitive(t, r) { if ("object" != typeof t || !t) return t; var e =
                 tmpInList = true;
                 tmpListType = 'ol';
               }
-              tmpHTML.push('<li>' + this.parseInline(tmpOLMatch[2], pLinkResolver, pImageResolver) + '</li>');
+              tmpHTML.push('<li>' + this.parseInline(tmpOLMatch[2], pLinkResolver) + '</li>');
               continue;
             }
 
@@ -5818,7 +5114,7 @@ function _toPrimitive(t, r) { if ("object" != typeof t || !t) return t; var e =
               });
               tmpTableHTML += '<thead><tr>';
               for (let h = 0; h < tmpHeaders.length; h++) {
-                tmpTableHTML += '<th>' + this.parseInline(tmpHeaders[h].trim(), pLinkResolver, pImageResolver) + '</th>';
+                tmpTableHTML += '<th>' + this.parseInline(tmpHeaders[h].trim(), pLinkResolver) + '</th>';
               }
               tmpTableHTML += '</tr></thead>';
 
@@ -5834,7 +5130,7 @@ function _toPrimitive(t, r) { if ("object" != typeof t || !t) return t; var e =
                 });
                 tmpTableHTML += '<tr>';
                 for (let c = 0; c < tmpCells.length; c++) {
-                  tmpTableHTML += '<td>' + this.parseInline(tmpCells[c].trim(), pLinkResolver, pImageResolver) + '</td>';
+                  tmpTableHTML += '<td>' + this.parseInline(tmpCells[c].trim(), pLinkResolver) + '</td>';
                 }
                 tmpTableHTML += '</tr>';
               }
@@ -5856,13 +5152,10 @@ function _toPrimitive(t, r) { if ("object" != typeof t || !t) return t; var e =
             tmpHTML.push(tmpListType === 'ul' ? '</ul>' : '</ol>');
           }
           if (tmpInBlockquote) {
-            tmpHTML.push('<blockquote>' + this.parseMarkdown(tmpBlockquoteLines.join('\n'), pLinkResolver, pImageResolver) + '</blockquote>');
+            tmpHTML.push('<blockquote>' + this.parseMarkdown(tmpBlockquoteLines.join('\n'), pLinkResolver) + '</blockquote>');
           }
           if (tmpInCodeBlock) {
-            let tmpCodeText = tmpCodeLines.join('\n');
-            let tmpHighlightedCode = this.highlightCode(tmpCodeText, tmpCodeLang);
-            let tmpLineNumbersHTML = this.generateLineNumbers(tmpCodeText);
-            tmpHTML.push('<div class="pict-content-code-wrap"><div class="pict-content-code-line-numbers">' + tmpLineNumbersHTML + '</div><pre><code>' + tmpHighlightedCode + '</code></pre></div>');
+            tmpHTML.push('<pre><code>' + this.escapeHTML(tmpCodeLines.join('\n')) + '</code></pre>');
           }
           return tmpHTML.join('\n');
         }
@@ -5872,10 +5165,9 @@ function _toPrimitive(t, r) { if ("object" != typeof t || !t) return t; var e =
          *
          * @param {string} pText - The text to parse
          * @param {Function} [pLinkResolver] - Optional callback: (pHref, pLinkText) => { href, target, rel } or null
-         * @param {Function} [pImageResolver] - Optional callback: (pSrc, pAlt) => resolvedSrc or null
          * @returns {string} HTML with inline elements
          */
-        parseInline(pText, pLinkResolver, pImageResolver) {
+        parseInline(pText, pLinkResolver) {
           if (!pText) {
             return '';
           }
@@ -5896,16 +5188,7 @@ function _toPrimitive(t, r) { if ("object" != typeof t || !t) return t; var e =
           tmpResult = tmpResult.replace(/\$([^\$\s])\$/g, '<span class="pict-content-katex-inline">$1</span>');
 
           // Images
-          tmpResult = tmpResult.replace(/!\[([^\]]*)\]\(([^)]+)\)/g, (pMatch, pAlt, pSrc) => {
-            let tmpSrc = pSrc;
-            if (typeof pImageResolver === 'function') {
-              let tmpResolved = pImageResolver(pSrc, pAlt);
-              if (tmpResolved) {
-                tmpSrc = tmpResolved;
-              }
-            }
-            return '<img src="' + tmpSrc + '" alt="' + pAlt + '">';
-          });
+          tmpResult = tmpResult.replace(/!\[([^\]]*)\]\(([^)]+)\)/g, '<img src="$2" alt="$1">');
 
           // Links
           tmpResult = tmpResult.replace(/\[([^\]]+)\]\(([^)]+)\)/g, (pMatch, pLinkText, pHref) => {
@@ -5959,17 +5242,16 @@ function _toPrimitive(t, r) { if ("object" != typeof t || !t) return t; var e =
         AutoInitializeOrdinal: 0
       };
     }, {
-      "pict-provider": 7,
-      "pict-section-code": 10
+      "pict-provider": 7
     }],
-    13: [function (require, module, exports) {
+    10: [function (require, module, exports) {
       const libPictView = require('pict-view');
       const _ViewConfiguration = {
         ViewIdentifier: "Pict-Content",
         DefaultRenderable: "Pict-Content-Display",
         DefaultDestinationAddress: "#Pict-Content-Container",
         AutoRender: false,
-        CSS: /*css*/"\n\t\t.pict-content {\n\t\t\tpadding: 2em 3em;\n\t\t\tmax-width: 900px;\n\t\t\tmargin: 0 auto;\n\t\t}\n\t\t.pict-content-loading {\n\t\t\tdisplay: flex;\n\t\t\talign-items: center;\n\t\t\tjustify-content: center;\n\t\t\tmin-height: 200px;\n\t\t\tcolor: #8A7F72;\n\t\t\tfont-size: 1em;\n\t\t}\n\t\t.pict-content h1 {\n\t\t\tfont-size: 2em;\n\t\t\tcolor: #3D3229;\n\t\t\tborder-bottom: 1px solid #DDD6CA;\n\t\t\tpadding-bottom: 0.3em;\n\t\t\tmargin-top: 0;\n\t\t}\n\t\t.pict-content h2 {\n\t\t\tfont-size: 1.5em;\n\t\t\tcolor: #3D3229;\n\t\t\tborder-bottom: 1px solid #EAE3D8;\n\t\t\tpadding-bottom: 0.25em;\n\t\t\tmargin-top: 1.5em;\n\t\t}\n\t\t.pict-content h3 {\n\t\t\tfont-size: 1.25em;\n\t\t\tcolor: #3D3229;\n\t\t\tmargin-top: 1.25em;\n\t\t}\n\t\t.pict-content h4, .pict-content h5, .pict-content h6 {\n\t\t\tcolor: #5E5549;\n\t\t\tmargin-top: 1em;\n\t\t}\n\t\t.pict-content p {\n\t\t\tline-height: 1.7;\n\t\t\tcolor: #423D37;\n\t\t\tmargin: 0.75em 0;\n\t\t}\n\t\t.pict-content a {\n\t\t\tcolor: #2E7D74;\n\t\t\ttext-decoration: none;\n\t\t}\n\t\t.pict-content a:hover {\n\t\t\ttext-decoration: underline;\n\t\t}\n\t\t.pict-content-code-wrap {\n\t\t\tposition: relative;\n\t\t\tfont-family: 'SFMono-Regular', 'SF Mono', 'Menlo', 'Consolas', 'Liberation Mono', 'Courier New', monospace;\n\t\t\tfont-size: 14px;\n\t\t\tline-height: 1.5;\n\t\t\tborder-radius: 6px;\n\t\t\toverflow: auto;\n\t\t\tmargin: 1em 0;\n\t\t\tbackground: #3D3229;\n\t\t}\n\t\t.pict-content-code-wrap .pict-content-code-line-numbers {\n\t\t\tposition: absolute;\n\t\t\ttop: 0;\n\t\t\tleft: 0;\n\t\t\twidth: 40px;\n\t\t\tpadding: 1.25em 0;\n\t\t\ttext-align: right;\n\t\t\tbackground: #342A22;\n\t\t\tborder-right: 1px solid #4A3F35;\n\t\t\tcolor: #8A7F72;\n\t\t\tfont-size: 13px;\n\t\t\tline-height: 1.5;\n\t\t\tuser-select: none;\n\t\t\tpointer-events: none;\n\t\t\tbox-sizing: border-box;\n\t\t}\n\t\t.pict-content-code-wrap .pict-content-code-line-numbers span {\n\t\t\tdisplay: block;\n\t\t\tpadding: 0 8px 0 0;\n\t\t}\n\t\t.pict-content-code-wrap pre {\n\t\t\tmargin: 0;\n\t\t\tbackground: #3D3229;\n\t\t\tcolor: #E8E0D4;\n\t\t\tpadding: 1.25em 1.25em 1.25em 52px;\n\t\t\tborder-radius: 6px;\n\t\t\toverflow-x: auto;\n\t\t\tline-height: 1.5;\n\t\t\tfont-size: inherit;\n\t\t}\n\t\t.pict-content-code-wrap pre code {\n\t\t\tbackground: none;\n\t\t\tpadding: 0;\n\t\t\tcolor: inherit;\n\t\t\tfont-size: inherit;\n\t\t\tfont-family: inherit;\n\t\t}\n\t\t.pict-content-code-wrap .keyword { color: #C678DD; }\n\t\t.pict-content-code-wrap .string { color: #98C379; }\n\t\t.pict-content-code-wrap .number { color: #D19A66; }\n\t\t.pict-content-code-wrap .comment { color: #7F848E; font-style: italic; }\n\t\t.pict-content-code-wrap .operator { color: #56B6C2; }\n\t\t.pict-content-code-wrap .punctuation { color: #E8E0D4; }\n\t\t.pict-content-code-wrap .function-name { color: #61AFEF; }\n\t\t.pict-content-code-wrap .property { color: #E06C75; }\n\t\t.pict-content-code-wrap .tag { color: #E06C75; }\n\t\t.pict-content-code-wrap .attr-name { color: #D19A66; }\n\t\t.pict-content-code-wrap .attr-value { color: #98C379; }\n\t\t.pict-content pre {\n\t\t\tbackground: #3D3229;\n\t\t\tcolor: #E8E0D4;\n\t\t\tpadding: 1.25em;\n\t\t\tborder-radius: 6px;\n\t\t\toverflow-x: auto;\n\t\t\tline-height: 1.5;\n\t\t\tfont-size: 0.9em;\n\t\t}\n\t\t.pict-content code {\n\t\t\tbackground: #F0ECE4;\n\t\t\tpadding: 0.15em 0.4em;\n\t\t\tborder-radius: 3px;\n\t\t\tfont-size: 0.9em;\n\t\t\tcolor: #9E6B47;\n\t\t}\n\t\t.pict-content pre code {\n\t\t\tbackground: none;\n\t\t\tpadding: 0;\n\t\t\tcolor: inherit;\n\t\t\tfont-size: inherit;\n\t\t}\n\t\t.pict-content blockquote {\n\t\t\tborder-left: 4px solid #2E7D74;\n\t\t\tmargin: 1em 0;\n\t\t\tpadding: 0.5em 1em;\n\t\t\tbackground: #F7F5F0;\n\t\t\tcolor: #5E5549;\n\t\t}\n\t\t.pict-content blockquote p {\n\t\t\tmargin: 0.25em 0;\n\t\t}\n\t\t.pict-content ul, .pict-content ol {\n\t\t\tpadding-left: 2em;\n\t\t\tline-height: 1.8;\n\t\t}\n\t\t.pict-content li {\n\t\t\tmargin: 0.25em 0;\n\t\t\tcolor: #423D37;\n\t\t}\n\t\t.pict-content hr {\n\t\t\tborder: none;\n\t\t\tborder-top: 1px solid #DDD6CA;\n\t\t\tmargin: 2em 0;\n\t\t}\n\t\t.pict-content table {\n\t\t\twidth: 100%;\n\t\t\tborder-collapse: collapse;\n\t\t\tmargin: 1em 0;\n\t\t}\n\t\t.pict-content table th {\n\t\t\tbackground: #F5F0E8;\n\t\t\tborder: 1px solid #DDD6CA;\n\t\t\tpadding: 0.6em 0.8em;\n\t\t\ttext-align: left;\n\t\t\tfont-weight: 600;\n\t\t\tcolor: #3D3229;\n\t\t}\n\t\t.pict-content table td {\n\t\t\tborder: 1px solid #DDD6CA;\n\t\t\tpadding: 0.5em 0.8em;\n\t\t\tcolor: #423D37;\n\t\t}\n\t\t.pict-content table tr:nth-child(even) {\n\t\t\tbackground: #F7F5F0;\n\t\t}\n\t\t.pict-content img {\n\t\t\tmax-width: 100%;\n\t\t\theight: auto;\n\t\t}\n\t\t.pict-content pre.mermaid {\n\t\t\tbackground: #fff;\n\t\t\tcolor: #3D3229;\n\t\t\ttext-align: center;\n\t\t\tpadding: 1em;\n\t\t}\n\t\t.pict-content .pict-content-katex-display {\n\t\t\ttext-align: center;\n\t\t\tmargin: 1em 0;\n\t\t\tpadding: 0.5em;\n\t\t\toverflow-x: auto;\n\t\t}\n\t\t.pict-content .pict-content-katex-inline {\n\t\t\tdisplay: inline;\n\t\t}\n\t",
+        CSS: /*css*/"\n\t\t.pict-content {\n\t\t\tpadding: 2em 3em;\n\t\t\tmax-width: 900px;\n\t\t\tmargin: 0 auto;\n\t\t}\n\t\t.pict-content-loading {\n\t\t\tdisplay: flex;\n\t\t\talign-items: center;\n\t\t\tjustify-content: center;\n\t\t\tmin-height: 200px;\n\t\t\tcolor: #8A7F72;\n\t\t\tfont-size: 1em;\n\t\t}\n\t\t.pict-content h1 {\n\t\t\tfont-size: 2em;\n\t\t\tcolor: #3D3229;\n\t\t\tborder-bottom: 1px solid #DDD6CA;\n\t\t\tpadding-bottom: 0.3em;\n\t\t\tmargin-top: 0;\n\t\t}\n\t\t.pict-content h2 {\n\t\t\tfont-size: 1.5em;\n\t\t\tcolor: #3D3229;\n\t\t\tborder-bottom: 1px solid #EAE3D8;\n\t\t\tpadding-bottom: 0.25em;\n\t\t\tmargin-top: 1.5em;\n\t\t}\n\t\t.pict-content h3 {\n\t\t\tfont-size: 1.25em;\n\t\t\tcolor: #3D3229;\n\t\t\tmargin-top: 1.25em;\n\t\t}\n\t\t.pict-content h4, .pict-content h5, .pict-content h6 {\n\t\t\tcolor: #5E5549;\n\t\t\tmargin-top: 1em;\n\t\t}\n\t\t.pict-content p {\n\t\t\tline-height: 1.7;\n\t\t\tcolor: #423D37;\n\t\t\tmargin: 0.75em 0;\n\t\t}\n\t\t.pict-content a {\n\t\t\tcolor: #2E7D74;\n\t\t\ttext-decoration: none;\n\t\t}\n\t\t.pict-content a:hover {\n\t\t\ttext-decoration: underline;\n\t\t}\n\t\t.pict-content pre {\n\t\t\tbackground: #3D3229;\n\t\t\tcolor: #E8E0D4;\n\t\t\tpadding: 1.25em;\n\t\t\tborder-radius: 6px;\n\t\t\toverflow-x: auto;\n\t\t\tline-height: 1.5;\n\t\t\tfont-size: 0.9em;\n\t\t}\n\t\t.pict-content code {\n\t\t\tbackground: #F0ECE4;\n\t\t\tpadding: 0.15em 0.4em;\n\t\t\tborder-radius: 3px;\n\t\t\tfont-size: 0.9em;\n\t\t\tcolor: #9E6B47;\n\t\t}\n\t\t.pict-content pre code {\n\t\t\tbackground: none;\n\t\t\tpadding: 0;\n\t\t\tcolor: inherit;\n\t\t\tfont-size: inherit;\n\t\t}\n\t\t.pict-content blockquote {\n\t\t\tborder-left: 4px solid #2E7D74;\n\t\t\tmargin: 1em 0;\n\t\t\tpadding: 0.5em 1em;\n\t\t\tbackground: #F7F5F0;\n\t\t\tcolor: #5E5549;\n\t\t}\n\t\t.pict-content blockquote p {\n\t\t\tmargin: 0.25em 0;\n\t\t}\n\t\t.pict-content ul, .pict-content ol {\n\t\t\tpadding-left: 2em;\n\t\t\tline-height: 1.8;\n\t\t}\n\t\t.pict-content li {\n\t\t\tmargin: 0.25em 0;\n\t\t\tcolor: #423D37;\n\t\t}\n\t\t.pict-content hr {\n\t\t\tborder: none;\n\t\t\tborder-top: 1px solid #DDD6CA;\n\t\t\tmargin: 2em 0;\n\t\t}\n\t\t.pict-content table {\n\t\t\twidth: 100%;\n\t\t\tborder-collapse: collapse;\n\t\t\tmargin: 1em 0;\n\t\t}\n\t\t.pict-content table th {\n\t\t\tbackground: #F5F0E8;\n\t\t\tborder: 1px solid #DDD6CA;\n\t\t\tpadding: 0.6em 0.8em;\n\t\t\ttext-align: left;\n\t\t\tfont-weight: 600;\n\t\t\tcolor: #3D3229;\n\t\t}\n\t\t.pict-content table td {\n\t\t\tborder: 1px solid #DDD6CA;\n\t\t\tpadding: 0.5em 0.8em;\n\t\t\tcolor: #423D37;\n\t\t}\n\t\t.pict-content table tr:nth-child(even) {\n\t\t\tbackground: #F7F5F0;\n\t\t}\n\t\t.pict-content img {\n\t\t\tmax-width: 100%;\n\t\t\theight: auto;\n\t\t}\n\t\t.pict-content pre.mermaid {\n\t\t\tbackground: #fff;\n\t\t\tcolor: #3D3229;\n\t\t\ttext-align: center;\n\t\t\tpadding: 1em;\n\t\t}\n\t\t.pict-content .pict-content-katex-display {\n\t\t\ttext-align: center;\n\t\t\tmargin: 1em 0;\n\t\t\tpadding: 0.5em;\n\t\t\toverflow-x: auto;\n\t\t}\n\t\t.pict-content .pict-content-katex-inline {\n\t\t\tdisplay: inline;\n\t\t}\n\t",
         Templates: [{
           Hash: "Pict-Content-Template",
           Template: /*html*/"\n<div class=\"pict-content\" id=\"Pict-Content-Body\">\n\t<div class=\"pict-content-loading\">Loading content...</div>\n</div>\n"
@@ -6098,9 +5380,9 @@ function _toPrimitive(t, r) { if ("object" != typeof t || !t) return t; var e =
       module.exports = PictContentView;
       module.exports.default_configuration = _ViewConfiguration;
     }, {
-      "pict-view": 15
+      "pict-view": 12
     }],
-    14: [function (require, module, exports) {
+    11: [function (require, module, exports) {
       module.exports = {
         "name": "pict-view",
         "version": "1.0.67",
@@ -6154,7 +5436,7 @@ function _toPrimitive(t, r) { if ("object" != typeof t || !t) return t; var e =
         }
       };
     }, {}],
-    15: [function (require, module, exports) {
+    12: [function (require, module, exports) {
       const libFableServiceBase = require('fable-serviceproviderbase');
       const libPackage = require('../package.json');
       const defaultPictViewSettings = {
@@ -7318,10 +6600,10 @@ function _toPrimitive(t, r) { if ("object" != typeof t || !t) return t; var e =
       }
       module.exports = PictView;
     }, {
-      "../package.json": 14,
+      "../package.json": 11,
       "fable-serviceproviderbase": 2
     }],
-    16: [function (require, module, exports) {
+    13: [function (require, module, exports) {
       module.exports = {
         "Name": "Pict Docuserve",
         "Hash": "Docuserve",
@@ -7334,7 +6616,7 @@ function _toPrimitive(t, r) { if ("object" != typeof t || !t) return t; var e =
         }
       };
     }, {}],
-    17: [function (require, module, exports) {
+    14: [function (require, module, exports) {
       const libPictApplication = require('pict-application');
 
       // Provider
@@ -7599,17 +6881,17 @@ function _toPrimitive(t, r) { if ("object" != typeof t || !t) return t; var e =
       module.exports = DocuserveApplication;
       module.exports.default_configuration = require('./Pict-Application-Docuserve-Configuration.json');
     }, {
-      "./Pict-Application-Docuserve-Configuration.json": 16,
-      "./providers/Pict-Provider-Docuserve-Documentation.js": 18,
-      "./views/PictView-Docuserve-Content.js": 19,
-      "./views/PictView-Docuserve-Layout.js": 20,
-      "./views/PictView-Docuserve-Search.js": 21,
-      "./views/PictView-Docuserve-Sidebar.js": 22,
-      "./views/PictView-Docuserve-Splash.js": 23,
-      "./views/PictView-Docuserve-TopBar.js": 24,
+      "./Pict-Application-Docuserve-Configuration.json": 13,
+      "./providers/Pict-Provider-Docuserve-Documentation.js": 15,
+      "./views/PictView-Docuserve-Content.js": 16,
+      "./views/PictView-Docuserve-Layout.js": 17,
+      "./views/PictView-Docuserve-Search.js": 18,
+      "./views/PictView-Docuserve-Sidebar.js": 19,
+      "./views/PictView-Docuserve-Splash.js": 20,
+      "./views/PictView-Docuserve-TopBar.js": 21,
       "pict-application": 5
     }],
-    18: [function (require, module, exports) {
+    15: [function (require, module, exports) {
       const libPictProvider = require('pict-provider');
       const libLunr = require('lunr');
       const libPictSectionContent = require('pict-section-content');
@@ -8746,9 +8028,9 @@ function _toPrimitive(t, r) { if ("object" != typeof t || !t) return t; var e =
     }, {
       "lunr": 3,
       "pict-provider": 7,
-      "pict-section-content": 11
+      "pict-section-content": 8
     }],
-    19: [function (require, module, exports) {
+    16: [function (require, module, exports) {
       const libPictContentView = require('pict-section-content');
       const _ViewConfiguration = {
         ViewIdentifier: "Docuserve-Content",
@@ -8760,7 +8042,7 @@ function _toPrimitive(t, r) { if ("object" != typeof t || !t) return t; var e =
         // the child provides its own.  We cannot read the parent's
         // default_configuration.CSS at module scope because browserify's
         // module initialisation order does not guarantee it is populated yet.
-        CSS: /*css*/"\n\t\t.pict-content {\n\t\t\tpadding: 2em 3em;\n\t\t\tmax-width: 900px;\n\t\t\tmargin: 0 auto;\n\t\t}\n\t\t.pict-content-loading {\n\t\t\tdisplay: flex;\n\t\t\talign-items: center;\n\t\t\tjustify-content: center;\n\t\t\tmin-height: 200px;\n\t\t\tcolor: #8A7F72;\n\t\t\tfont-size: 1em;\n\t\t}\n\t\t.pict-content h1 {\n\t\t\tfont-size: 2em;\n\t\t\tcolor: #3D3229;\n\t\t\tborder-bottom: 1px solid #DDD6CA;\n\t\t\tpadding-bottom: 0.3em;\n\t\t\tmargin-top: 0;\n\t\t}\n\t\t.pict-content h2 {\n\t\t\tfont-size: 1.5em;\n\t\t\tcolor: #3D3229;\n\t\t\tborder-bottom: 1px solid #EAE3D8;\n\t\t\tpadding-bottom: 0.25em;\n\t\t\tmargin-top: 1.5em;\n\t\t}\n\t\t.pict-content h3 {\n\t\t\tfont-size: 1.25em;\n\t\t\tcolor: #3D3229;\n\t\t\tmargin-top: 1.25em;\n\t\t}\n\t\t.pict-content h4, .pict-content h5, .pict-content h6 {\n\t\t\tcolor: #5E5549;\n\t\t\tmargin-top: 1em;\n\t\t}\n\t\t.pict-content p {\n\t\t\tline-height: 1.7;\n\t\t\tcolor: #423D37;\n\t\t\tmargin: 0.75em 0;\n\t\t}\n\t\t.pict-content a {\n\t\t\tcolor: #2E7D74;\n\t\t\ttext-decoration: none;\n\t\t}\n\t\t.pict-content a:hover {\n\t\t\ttext-decoration: underline;\n\t\t}\n\t\t.pict-content pre {\n\t\t\tbackground: #3D3229;\n\t\t\tcolor: #E8E0D4;\n\t\t\tpadding: 1.25em;\n\t\t\tborder-radius: 6px;\n\t\t\toverflow-x: auto;\n\t\t\tline-height: 1.5;\n\t\t\tfont-size: 0.9em;\n\t\t}\n\t\t.pict-content code {\n\t\t\tbackground: #F0ECE4;\n\t\t\tpadding: 0.15em 0.4em;\n\t\t\tborder-radius: 3px;\n\t\t\tfont-size: 0.9em;\n\t\t\tcolor: #9E6B47;\n\t\t}\n\t\t.pict-content pre code {\n\t\t\tbackground: none;\n\t\t\tpadding: 0;\n\t\t\tcolor: inherit;\n\t\t\tfont-size: inherit;\n\t\t}\n\t\t.pict-content blockquote {\n\t\t\tborder-left: 4px solid #2E7D74;\n\t\t\tmargin: 1em 0;\n\t\t\tpadding: 0.5em 1em;\n\t\t\tbackground: #F7F5F0;\n\t\t\tcolor: #5E5549;\n\t\t}\n\t\t.pict-content blockquote p {\n\t\t\tmargin: 0.25em 0;\n\t\t}\n\t\t.pict-content ul, .pict-content ol {\n\t\t\tpadding-left: 2em;\n\t\t\tline-height: 1.8;\n\t\t}\n\t\t.pict-content li {\n\t\t\tmargin: 0.25em 0;\n\t\t\tcolor: #423D37;\n\t\t}\n\t\t.pict-content hr {\n\t\t\tborder: none;\n\t\t\tborder-top: 1px solid #DDD6CA;\n\t\t\tmargin: 2em 0;\n\t\t}\n\t\t.pict-content table {\n\t\t\twidth: 100%;\n\t\t\tborder-collapse: collapse;\n\t\t\tmargin: 1em 0;\n\t\t}\n\t\t.pict-content table th {\n\t\t\tbackground: #F5F0E8;\n\t\t\tborder: 1px solid #DDD6CA;\n\t\t\tpadding: 0.6em 0.8em;\n\t\t\ttext-align: left;\n\t\t\tfont-weight: 600;\n\t\t\tcolor: #3D3229;\n\t\t}\n\t\t.pict-content table td {\n\t\t\tborder: 1px solid #DDD6CA;\n\t\t\tpadding: 0.5em 0.8em;\n\t\t\tcolor: #423D37;\n\t\t}\n\t\t.pict-content table tr:nth-child(even) {\n\t\t\tbackground: #F7F5F0;\n\t\t}\n\t\t.pict-content img {\n\t\t\tmax-width: 100%;\n\t\t\theight: auto;\n\t\t}\n\t\t.pict-content pre.mermaid {\n\t\t\tbackground: #fff;\n\t\t\tcolor: #3D3229;\n\t\t\ttext-align: center;\n\t\t\tpadding: 1em;\n\t\t}\n\t\t.pict-content .pict-content-katex-display {\n\t\t\ttext-align: center;\n\t\t\tmargin: 1em 0;\n\t\t\tpadding: 0.5em;\n\t\t\toverflow-x: auto;\n\t\t}\n\t\t.pict-content .pict-content-katex-inline {\n\t\t\tdisplay: inline;\n\t\t}\n\t\t.docuserve-module-external-link {\n\t\t\tpadding: 0.5em 0;\n\t\t\tmargin-bottom: 0.5em;\n\t\t\tborder-bottom: 1px solid #EAE3D8;\n\t\t\tfont-size: 0.85em;\n\t\t\ttext-align: right;\n\t\t}\n\t\t.docuserve-module-external-link a {\n\t\t\tcolor: #2E7D74;\n\t\t\ttext-decoration: none;\n\t\t}\n\t\t.docuserve-module-external-link a:hover {\n\t\t\ttext-decoration: underline;\n\t\t}\n\t\t.docuserve-not-found {\n\t\t\ttext-align: center;\n\t\t\tpadding: 3em 1em;\n\t\t\tcolor: #5E5549;\n\t\t}\n\t\t.docuserve-not-found h2 {\n\t\t\tcolor: #8A7F72;\n\t\t\tfont-size: 1.5em;\n\t\t\tborder-bottom: none;\n\t\t}\n\t\t.docuserve-not-found code {\n\t\t\tbackground: #F0ECE4;\n\t\t\tpadding: 0.15em 0.4em;\n\t\t\tborder-radius: 3px;\n\t\t\tfont-size: 0.9em;\n\t\t\tcolor: #9E6B47;\n\t\t}\n\t",
+        CSS: /*css*/"\n\t\t.pict-content {\n\t\t\tpadding: 2em 3em;\n\t\t\tmax-width: 900px;\n\t\t\tmargin: 0 auto;\n\t\t}\n\t\t.pict-content-loading {\n\t\t\tdisplay: flex;\n\t\t\talign-items: center;\n\t\t\tjustify-content: center;\n\t\t\tmin-height: 200px;\n\t\t\tcolor: #8A7F72;\n\t\t\tfont-size: 1em;\n\t\t}\n\t\t.pict-content h1 {\n\t\t\tfont-size: 2em;\n\t\t\tcolor: #3D3229;\n\t\t\tborder-bottom: 1px solid #DDD6CA;\n\t\t\tpadding-bottom: 0.3em;\n\t\t\tmargin-top: 0;\n\t\t}\n\t\t.pict-content h2 {\n\t\t\tfont-size: 1.5em;\n\t\t\tcolor: #3D3229;\n\t\t\tborder-bottom: 1px solid #EAE3D8;\n\t\t\tpadding-bottom: 0.25em;\n\t\t\tmargin-top: 1.5em;\n\t\t}\n\t\t.pict-content h3 {\n\t\t\tfont-size: 1.25em;\n\t\t\tcolor: #3D3229;\n\t\t\tmargin-top: 1.25em;\n\t\t}\n\t\t.pict-content h4, .pict-content h5, .pict-content h6 {\n\t\t\tcolor: #5E5549;\n\t\t\tmargin-top: 1em;\n\t\t}\n\t\t.pict-content p {\n\t\t\tline-height: 1.7;\n\t\t\tcolor: #423D37;\n\t\t\tmargin: 0.75em 0;\n\t\t}\n\t\t.pict-content a {\n\t\t\tcolor: #2E7D74;\n\t\t\ttext-decoration: none;\n\t\t}\n\t\t.pict-content a:hover {\n\t\t\ttext-decoration: underline;\n\t\t}\n\t\t.pict-content pre {\n\t\t\tbackground: #3D3229;\n\t\t\tcolor: #E8E0D4;\n\t\t\tpadding: 1.25em;\n\t\t\tborder-radius: 6px;\n\t\t\toverflow-x: auto;\n\t\t\tline-height: 1.5;\n\t\t\tfont-size: 0.9em;\n\t\t}\n\t\t.pict-content code {\n\t\t\tbackground: #F0ECE4;\n\t\t\tpadding: 0.15em 0.4em;\n\t\t\tborder-radius: 3px;\n\t\t\tfont-size: 0.9em;\n\t\t\tcolor: #9E6B47;\n\t\t}\n\t\t.pict-content pre code {\n\t\t\tbackground: none;\n\t\t\tpadding: 0;\n\t\t\tcolor: inherit;\n\t\t\tfont-size: inherit;\n\t\t}\n\t\t.pict-content-code-wrap {\n\t\t\tposition: relative;\n\t\t\tfont-family: 'SFMono-Regular', 'SF Mono', 'Menlo', 'Consolas', 'Liberation Mono', 'Courier New', monospace;\n\t\t\tfont-size: 14px;\n\t\t\tline-height: 1.5;\n\t\t\tborder-radius: 6px;\n\t\t\toverflow: auto;\n\t\t\tmargin: 1em 0;\n\t\t\tbackground: #3D3229;\n\t\t}\n\t\t.pict-content-code-wrap .pict-content-code-line-numbers {\n\t\t\tposition: absolute;\n\t\t\ttop: 0;\n\t\t\tleft: 0;\n\t\t\twidth: 40px;\n\t\t\tpadding: 1.25em 0;\n\t\t\ttext-align: right;\n\t\t\tbackground: #342A22;\n\t\t\tborder-right: 1px solid #4A3F35;\n\t\t\tcolor: #8A7F72;\n\t\t\tfont-size: 13px;\n\t\t\tline-height: 1.5;\n\t\t\tuser-select: none;\n\t\t\tpointer-events: none;\n\t\t\tbox-sizing: border-box;\n\t\t}\n\t\t.pict-content-code-wrap .pict-content-code-line-numbers span {\n\t\t\tdisplay: block;\n\t\t\tpadding: 0 8px 0 0;\n\t\t}\n\t\t.pict-content-code-wrap pre {\n\t\t\tmargin: 0;\n\t\t\tbackground: #3D3229;\n\t\t\tcolor: #E8E0D4;\n\t\t\tpadding: 1.25em 1.25em 1.25em 52px;\n\t\t\tborder-radius: 6px;\n\t\t\toverflow-x: auto;\n\t\t\tline-height: 1.5;\n\t\t\tfont-size: inherit;\n\t\t}\n\t\t.pict-content-code-wrap pre code {\n\t\t\tbackground: none;\n\t\t\tpadding: 0;\n\t\t\tcolor: inherit;\n\t\t\tfont-size: inherit;\n\t\t\tfont-family: inherit;\n\t\t}\n\t\t.pict-content-code-wrap .keyword { color: #C678DD; }\n\t\t.pict-content-code-wrap .string { color: #98C379; }\n\t\t.pict-content-code-wrap .number { color: #D19A66; }\n\t\t.pict-content-code-wrap .comment { color: #7F848E; font-style: italic; }\n\t\t.pict-content-code-wrap .operator { color: #56B6C2; }\n\t\t.pict-content-code-wrap .punctuation { color: #E8E0D4; }\n\t\t.pict-content-code-wrap .function-name { color: #61AFEF; }\n\t\t.pict-content-code-wrap .property { color: #E06C75; }\n\t\t.pict-content-code-wrap .tag { color: #E06C75; }\n\t\t.pict-content-code-wrap .attr-name { color: #D19A66; }\n\t\t.pict-content-code-wrap .attr-value { color: #98C379; }\n\t\t.pict-content blockquote {\n\t\t\tborder-left: 4px solid #2E7D74;\n\t\t\tmargin: 1em 0;\n\t\t\tpadding: 0.5em 1em;\n\t\t\tbackground: #F7F5F0;\n\t\t\tcolor: #5E5549;\n\t\t}\n\t\t.pict-content blockquote p {\n\t\t\tmargin: 0.25em 0;\n\t\t}\n\t\t.pict-content ul, .pict-content ol {\n\t\t\tpadding-left: 2em;\n\t\t\tline-height: 1.8;\n\t\t}\n\t\t.pict-content li {\n\t\t\tmargin: 0.25em 0;\n\t\t\tcolor: #423D37;\n\t\t}\n\t\t.pict-content hr {\n\t\t\tborder: none;\n\t\t\tborder-top: 1px solid #DDD6CA;\n\t\t\tmargin: 2em 0;\n\t\t}\n\t\t.pict-content table {\n\t\t\twidth: 100%;\n\t\t\tborder-collapse: collapse;\n\t\t\tmargin: 1em 0;\n\t\t}\n\t\t.pict-content table th {\n\t\t\tbackground: #F5F0E8;\n\t\t\tborder: 1px solid #DDD6CA;\n\t\t\tpadding: 0.6em 0.8em;\n\t\t\ttext-align: left;\n\t\t\tfont-weight: 600;\n\t\t\tcolor: #3D3229;\n\t\t}\n\t\t.pict-content table td {\n\t\t\tborder: 1px solid #DDD6CA;\n\t\t\tpadding: 0.5em 0.8em;\n\t\t\tcolor: #423D37;\n\t\t}\n\t\t.pict-content table tr:nth-child(even) {\n\t\t\tbackground: #F7F5F0;\n\t\t}\n\t\t.pict-content img {\n\t\t\tmax-width: 100%;\n\t\t\theight: auto;\n\t\t}\n\t\t.pict-content pre.mermaid {\n\t\t\tbackground: #fff;\n\t\t\tcolor: #3D3229;\n\t\t\ttext-align: center;\n\t\t\tpadding: 1em;\n\t\t}\n\t\t.pict-content .pict-content-katex-display {\n\t\t\ttext-align: center;\n\t\t\tmargin: 1em 0;\n\t\t\tpadding: 0.5em;\n\t\t\toverflow-x: auto;\n\t\t}\n\t\t.pict-content .pict-content-katex-inline {\n\t\t\tdisplay: inline;\n\t\t}\n\t\t.docuserve-module-external-link {\n\t\t\tpadding: 0.5em 0;\n\t\t\tmargin-bottom: 0.5em;\n\t\t\tborder-bottom: 1px solid #EAE3D8;\n\t\t\tfont-size: 0.85em;\n\t\t\ttext-align: right;\n\t\t}\n\t\t.docuserve-module-external-link a {\n\t\t\tcolor: #2E7D74;\n\t\t\ttext-decoration: none;\n\t\t}\n\t\t.docuserve-module-external-link a:hover {\n\t\t\ttext-decoration: underline;\n\t\t}\n\t\t.docuserve-not-found {\n\t\t\ttext-align: center;\n\t\t\tpadding: 3em 1em;\n\t\t\tcolor: #5E5549;\n\t\t}\n\t\t.docuserve-not-found h2 {\n\t\t\tcolor: #8A7F72;\n\t\t\tfont-size: 1.5em;\n\t\t\tborder-bottom: none;\n\t\t}\n\t\t.docuserve-not-found code {\n\t\t\tbackground: #F0ECE4;\n\t\t\tpadding: 0.15em 0.4em;\n\t\t\tborder-radius: 3px;\n\t\t\tfont-size: 0.9em;\n\t\t\tcolor: #9E6B47;\n\t\t}\n\t",
         Templates: [{
           Hash: "Docuserve-Content-Template",
           Template: /*html*/"\n<div class=\"pict-content\" id=\"Docuserve-Content-Body\">\n\t<div class=\"pict-content-loading\">Loading documentation...</div>\n</div>\n"
@@ -8811,9 +8093,9 @@ function _toPrimitive(t, r) { if ("object" != typeof t || !t) return t; var e =
       module.exports = DocuserveContentView;
       module.exports.default_configuration = _ViewConfiguration;
     }, {
-      "pict-section-content": 11
+      "pict-section-content": 8
     }],
-    20: [function (require, module, exports) {
+    17: [function (require, module, exports) {
       const libPictView = require('pict-view');
       const _ViewConfiguration = {
         ViewIdentifier: "Docuserve-Layout",
@@ -8866,9 +8148,9 @@ function _toPrimitive(t, r) { if ("object" != typeof t || !t) return t; var e =
       module.exports = DocuserveLayoutView;
       module.exports.default_configuration = _ViewConfiguration;
     }, {
-      "pict-view": 15
+      "pict-view": 12
     }],
-    21: [function (require, module, exports) {
+    18: [function (require, module, exports) {
       const libPictView = require('pict-view');
       const _ViewConfiguration = {
         ViewIdentifier: "Docuserve-Search",
@@ -8996,9 +8278,9 @@ function _toPrimitive(t, r) { if ("object" != typeof t || !t) return t; var e =
       module.exports = DocuserveSearchView;
       module.exports.default_configuration = _ViewConfiguration;
     }, {
-      "pict-view": 15
+      "pict-view": 12
     }],
-    22: [function (require, module, exports) {
+    19: [function (require, module, exports) {
       const libPictView = require('pict-view');
       const _ViewConfiguration = {
         ViewIdentifier: "Docuserve-Sidebar",
@@ -9219,9 +8501,9 @@ function _toPrimitive(t, r) { if ("object" != typeof t || !t) return t; var e =
       module.exports = DocusserveSidebarView;
       module.exports.default_configuration = _ViewConfiguration;
     }, {
-      "pict-view": 15
+      "pict-view": 12
     }],
-    23: [function (require, module, exports) {
+    20: [function (require, module, exports) {
       const libPictView = require('pict-view');
       const _ViewConfiguration = {
         ViewIdentifier: "Docuserve-Splash",
@@ -9373,9 +8655,9 @@ function _toPrimitive(t, r) { if ("object" != typeof t || !t) return t; var e =
       module.exports = DocusserveSplashView;
       module.exports.default_configuration = _ViewConfiguration;
     }, {
-      "pict-view": 15
+      "pict-view": 12
     }],
-    24: [function (require, module, exports) {
+    21: [function (require, module, exports) {
       const libPictView = require('pict-view');
       const _ViewConfiguration = {
         ViewIdentifier: "Docuserve-TopBar",
@@ -9476,8 +8758,8 @@ function _toPrimitive(t, r) { if ("object" != typeof t || !t) return t; var e =
       module.exports = DocuserveTopBarView;
       module.exports.default_configuration = _ViewConfiguration;
     }, {
-      "pict-view": 15
+      "pict-view": 12
     }]
-  }, {}, [17])(17);
+  }, {}, [14])(14);
 });
 //# sourceMappingURL=pict-docuserve.js.map