wuic-framework-lib 1.0.11 → 1.0.20

package/fesm2022/{wuic-framework-lib-code-editor.component-BjbIkm4g.mjs → wuic-framework-lib-code-editor.component-D1dy4Dl9.mjs}

@@ -6,7 +6,7 @@ import * as i1 from '@materia-ui/ngx-monaco-editor';
 import { MonacoEditorModule } from '@materia-ui/ngx-monaco-editor';
 import { filter, take } from 'rxjs/operators';
 import { Emitter } from 'monaco-editor/esm/vs/base/common/event';
-import { W as WtoolboxService, M as MetadataProviderService, e as MetadatiColonna, m as MetaInfo, U as UserInfoService, f as DataProviderService } from './wuic-framework-lib-wuic-framework-lib-DDokY6wY.mjs';
+import { W as WtoolboxService, M as MetadataProviderService, e as MetadatiColonna, m as MetaInfo, U as UserInfoService, f as DataProviderService } from './wuic-framework-lib-wuic-framework-lib-CGCZvtKK.mjs';
 import { NgClass, NgStyle } from '@angular/common';
 import * as i13 from 'primeng/contextmenu';
 import { ContextMenuModule } from 'primeng/contextmenu';
@@ -136,14 +136,14 @@ class SqlProvider {
      */
     async registerSqlProvider(treeNodes) {
         this.treeNodes = treeNodes;
-        var normalizedKeywords = [];
+        let normalizedKeywords = [];
         sqlKeywords.forEach(element => {
             normalizedKeywords = normalizedKeywords.concat(element.split(' '));
         });
         const scaffoldedOnly = this.editorOptions?.scaffoldedOnly ?? false;
         this.schemas = (await this.http.get(`${WtoolboxService.appSettings.api_url}CodeEditor/AutocompleteSqlObjects?scaffoldedOnly=${scaffoldedOnly}`).toPromise());
         this.userDefTypes = this.schemas.map(x => x.types).flat(1);
-        var nodes = this.createTreeMenu();
+        let nodes = this.createTreeMenu();
         nodes.forEach(node => {
             this.treeNodes.push(node);
         });
@@ -171,7 +171,7 @@ class SqlProvider {
                 ],
             }
         });
-        var rules = [
+        let rules = [
             { token: "keyword", foreground: "569CD6" },
             { token: "types", foreground: "0CCB23" },
             { token: "udt", foreground: "089319" },
@@ -189,9 +189,9 @@ class SqlProvider {
         monaco.languages.registerCompletionItemProvider('sql', {
             triggerCharacters: ['.', ' ', '\n'], // '('
             provideCompletionItems: (model, position, context, token) => {
-                var lastWord = model.getWordUntilPosition(position); //getWordUntilPosition //getWordAtPosition
-                var originalText = model.getValueInRange(model.getFullModelRange());
-                var scaffoldedOnly = this.editorOptions?.scaffoldedOnly ?? false;
+                let lastWord = model.getWordUntilPosition(position); //getWordUntilPosition //getWordAtPosition
+                let originalText = model.getValueInRange(model.getFullModelRange());
+                let scaffoldedOnly = this.editorOptions?.scaffoldedOnly ?? false;
                 return this.getAutocompleteSuggestions(originalText, position, lastWord, scaffoldedOnly);
             }
         });
@@ -257,17 +257,17 @@ class SqlProvider {
         // });
     }
     getAutocompleteSuggestions(originalText, position, lastWord, scaffoldedOnly = true) {
-        var fullText = this.sanitize(originalText);
-        var range = {
+        let fullText = this.sanitize(originalText);
+        let range = {
             startLineNumber: position.lineNumber,
             startColumn: lastWord ? lastWord.startColumn : position.column,
             endLineNumber: position.lineNumber,
             endColumn: lastWord ? lastWord.endColumn : position.column
         };
         this.previousStatements = fullText.split(';').filter(x => x.length > 0).map(x => x.trim()); //.toUpperCase()
-        var contextInfo = this.getContextInfo(originalText, position);
+        let contextInfo = this.getContextInfo(originalText, position);
         this.parseStatements();
-        var ctx = this.getAutocompleteContext(contextInfo);
+        let ctx = this.getAutocompleteContext(contextInfo);
         return this.getSuggestionsByContext(ctx, range, originalText, contextInfo, scaffoldedOnly);
     }
     /**
@@ -390,10 +390,10 @@ class SqlProvider {
         return str.replace(/(\r\n|\n|\r|\t)/gm, " ").replace(/ +(?= )/g, '');
     }
     normalizeStatement(previousWords) {
-        var skipNext = false;
-        var sanitizedPreviousWords = [];
+        let skipNext = false;
+        let sanitizedPreviousWords = [];
         previousWords.forEach((elementObj, indx) => {
-            var element = (elementObj.token || '').toUpperCase();
+            let element = (elementObj.token || '').toUpperCase();
             if ((element == 'INNER' || element == 'LEFT' || element == 'RIGHT' || element == 'ORDER' || element == 'INSERT' || element == 'GROUP' || element == 'CASE' || element == 'CREATE')
                 &&
                     previousWords.length > indx + 1) {
@@ -425,8 +425,8 @@ class SqlProvider {
      */
     removeNestedStatements(statement, nestedStatements, currentIndx) {
         if (nestedStatements.length) {
-            var currentIndxx = currentIndx ?? 0;
-            var cleanString = '';
+            let currentIndxx = currentIndx ?? 0;
+            let cleanString = '';
             nestedStatements.forEach(x => {
                 cleanString += `${statement.substring(currentIndxx, x.index)}`;
                 currentIndx = x.index + x[0].length;
@@ -487,7 +487,7 @@ class SqlProvider {
         let fakeDepth = 0;
         // identify position in text
         for (let index = 0; index < text.length; index++) {
-            var c = text[index];
+            let c = text[index];
             if (c === '\n' || c === '\r') {
                 lineNumber++;
                 column = 0;
@@ -517,8 +517,8 @@ class SqlProvider {
                 parsedText.push([]);
                 depthIndx.push({ depth: depth, index: 0 });
             }
-            var parentDepth = depthIndx.find(x => x.depth == depth - 1);
-            var parentIndex = parentDepth ? parentDepth.index : -1;
+            let parentDepth = depthIndx.find(x => x.depth == depth - 1);
+            let parentIndex = parentDepth ? parentDepth.index : -1;
             parsedText[depth].push({
                 char: c === '\n' || c === '\r' ? ' ' : c,
                 column: column,
@@ -546,7 +546,7 @@ class SqlProvider {
      * @returns ContextInfo per il motore suggerimenti.
      */
     getContextInfo(originalText, position) {
-        var parsedText = this.processText(originalText, position);
+        let parsedText = this.processText(originalText, position);
         const emptyContext = () => {
             return {
                 words: [],
@@ -561,11 +561,11 @@ class SqlProvider {
         if (!parsedText || parsedText.length === 0) {
             return emptyContext();
         }
-        var levelBlock = parsedText.find(y => y.find(z => z.lineNumber == position.lineNumber && z.column == position.column - 1));
-        var charToken;
+        let levelBlock = parsedText.find(y => y.find(z => z.lineNumber == position.lineNumber && z.column == position.column - 1));
+        let charToken;
         //quando triggera autocomplete dopo a capo
         if (!levelBlock && position.column == 1 && position.lineNumber > 1) {
-            var levelLineBlock = parsedText.filter(y => y.find(z => z.lineNumber == position.lineNumber - 1));
+            let levelLineBlock = parsedText.filter(y => y.find(z => z.lineNumber == position.lineNumber - 1));
             if (levelLineBlock.length > 0) {
                 levelBlock = levelLineBlock[levelLineBlock.length - 1];
                 charToken = levelBlock[levelBlock.length - 1];
@@ -584,21 +584,21 @@ class SqlProvider {
         if (!charToken || !levelBlock) {
             return emptyContext();
         }
-        var charTokenIndx = levelBlock.indexOf(charToken);
+        let charTokenIndx = levelBlock.indexOf(charToken);
         if (charTokenIndx < 0) {
             charTokenIndx = 0;
         }
-        var adjacentChars = (charTokenIndx > 0 ? levelBlock[charTokenIndx].char : '') + (levelBlock.length > charTokenIndx + 1 ? levelBlock[charTokenIndx + 1].char : '');
-        var nestingIndex = charToken.nestingIndex;
-        var nestingLevel = charToken.nestingLevel;
-        var statementIndx = charToken.statementIndex;
-        var previousWords = [];
-        var previousNonNestedWords = [];
-        var previousWordString = '';
-        var previousNonNestedWordString = '';
+        let adjacentChars = (charTokenIndx > 0 ? levelBlock[charTokenIndx].char : '') + (levelBlock.length > charTokenIndx + 1 ? levelBlock[charTokenIndx + 1].char : '');
+        let nestingIndex = charToken.nestingIndex;
+        let nestingLevel = charToken.nestingLevel;
+        let statementIndx = charToken.statementIndex;
+        let previousWords = [];
+        let previousNonNestedWords = [];
+        let previousWordString = '';
+        let previousNonNestedWordString = '';
         parsedText.forEach((level) => {
-            var offset = 0;
-            var token = level[offset];
+            let offset = 0;
+            let token = level[offset];
             while (token && (token.lineNumber < position.lineNumber || (token.lineNumber == position.lineNumber && token.column <= position.column))) {
                 if (token.nestingLevel == nestingLevel && token.nestingIndex == nestingIndex) {
                     previousNonNestedWordString += token.char;
@@ -629,14 +629,14 @@ class SqlProvider {
      * @returns ContextInfo calcolato con algoritmo precedente.
      */
     getContextInfoOld(originalText, position) {
-        var previousWords = [];
-        var previousNonNestedWords = [];
-        var statementIndex = 1;
-        var txtLines = originalText.split('\r\n');
-        var nestedStatements = this.getNestedStatements(originalText);
-        var parsedInput = this.processText(originalText, position);
-        var adjacentChars = '';
-        var x = txtLines[position.lineNumber - 1];
+        let previousWords = [];
+        let previousNonNestedWords = [];
+        let statementIndex = 1;
+        let txtLines = originalText.split('\r\n');
+        let nestedStatements = this.getNestedStatements(originalText);
+        let parsedInput = this.processText(originalText, position);
+        let adjacentChars = '';
+        let x = txtLines[position.lineNumber - 1];
         if (x.length >= position.column - 1) {
             if (position.column > 2) {
                 adjacentChars = adjacentChars + (x[position.column - 2] || '');
@@ -645,14 +645,14 @@ class SqlProvider {
                 adjacentChars = adjacentChars + (x[position.column - 1] || '');
             }
         }
-        var absolutePosition = 0;
-        var endPosition = 0;
+        let absolutePosition = 0;
+        let endPosition = 0;
         txtLines.forEach((line, indx) => {
             if (indx <= position.lineNumber - 1) {
                 if (indx < position.lineNumber - 1) {
                     endPosition = absolutePosition += line.length + 1;
-                    var overlappings = nestedStatements.filter(x => (x.index >= absolutePosition && x.index <= endPosition) || (x.index + x[1].length >= absolutePosition && x.index + x[1].length <= endPosition) || (x.index <= absolutePosition && x.index + x[1].length >= endPosition));
-                    var cleanString = line;
+                    let overlappings = nestedStatements.filter(x => (x.index >= absolutePosition && x.index <= endPosition) || (x.index + x[1].length >= absolutePosition && x.index + x[1].length <= endPosition) || (x.index <= absolutePosition && x.index + x[1].length >= endPosition));
+                    let cleanString = line;
                     overlappings.forEach(overlapping => {
                         for (let ovIndex = overlapping.index; ovIndex < overlapping.index + overlapping[0].length; ovIndex++) {
                             cleanString = cleanString.substring(0, ovIndex) + '§' + line.substring(ovIndex + 1);
@@ -669,8 +669,8 @@ class SqlProvider {
                 }
                 else {
                     endPosition = absolutePosition + Math.min(position.column, line.length);
-                    var overlappings = nestedStatements.filter(x => (x.index >= absolutePosition && x.index <= endPosition) || (x.index + x[1].length >= absolutePosition && x.index + x[1].length <= endPosition) || (x.index <= absolutePosition && x.index + x[1].length >= endPosition));
-                    var cleanString = line;
+                    let overlappings = nestedStatements.filter(x => (x.index >= absolutePosition && x.index <= endPosition) || (x.index + x[1].length >= absolutePosition && x.index + x[1].length <= endPosition) || (x.index <= absolutePosition && x.index + x[1].length >= endPosition));
+                    let cleanString = line;
                     overlappings.forEach(overlapping => {
                         for (let ovIndex = overlapping.index; ovIndex < overlapping.index + overlapping[0].length; ovIndex++) {
                             cleanString = cleanString.substring(0, ovIndex) + '§' + line.substring(ovIndex + 1);
@@ -690,14 +690,14 @@ class SqlProvider {
                 }
             }
         });
-        var nestedStatementIndex = -1;
+        let nestedStatementIndex = -1;
         if (nestedStatements.length > 0) {
             nestedStatementIndex = nestedStatements.indexOf(nestedStatements.find(x => {
                 return x.length > 1 && x.index <= absolutePosition && x.index + x[1].length >= absolutePosition;
             }));
             if (nestedStatementIndex >= 0) {
-                var currentStatementuniqueWords = previousWords.map((x, indx) => x.word + indx.toString());
-                var nestings = currentStatementuniqueWords.filter(x => x.startsWith('('))
+                let currentStatementuniqueWords = previousWords.map((x, indx) => x.word + indx.toString());
+                let nestings = currentStatementuniqueWords.filter(x => x.startsWith('('))
                     .map((x, indx) => currentStatementuniqueWords.indexOf(x));
                 if (nestings.length > nestedStatementIndex) {
                     previousWords = previousWords.filter((x, indx) => indx >= nestings[nestedStatementIndex]).map(x => { return { word: x.word.replace('(', '').trim(), statementIndx: x.statementIndx }; }).filter(x => x.word.length > 0);
@@ -722,28 +722,28 @@ class SqlProvider {
     getAutocompleteContext(contextInfo) {
         //use this.currents.statements !!!
         //triggerKind = 0 = word
-        var currentStatementWords;
-        var contextWords = [];
-        var statementIndex = contextInfo.currentStmntIndex;
+        let currentStatementWords;
+        let contextWords = [];
+        let statementIndex = contextInfo.currentStmntIndex;
         if (contextInfo.nestedStatementLevel > 0) {
             contextWords = contextInfo.words.filter(x => x.statementIndx == statementIndex);
         }
         else {
             contextWords = contextInfo.nonNestedWords.filter(x => x.statementIndx == statementIndex);
         }
-        var normalized = this.normalizeStatement(contextWords.map((x, indx) => { return { token: x.word, tokenIndx: indx }; }));
+        let normalized = this.normalizeStatement(contextWords.map((x, indx) => { return { token: x.word, tokenIndx: indx }; }));
         currentStatementWords = normalized.map(x => x.token.replace("(", ""));
-        var keywordIndx = -1;
-        var matchingKeyWords = currentStatementWords.filter(x => sqlKeywords.indexOf(x.toUpperCase()) >= 0);
-        var matchingKeyWord = matchingKeyWords.length > 0 ? matchingKeyWords[matchingKeyWords.length - 1] : '';
+        let keywordIndx = -1;
+        let matchingKeyWords = currentStatementWords.filter(x => sqlKeywords.indexOf(x.toUpperCase()) >= 0);
+        let matchingKeyWord = matchingKeyWords.length > 0 ? matchingKeyWords[matchingKeyWords.length - 1] : '';
         if (matchingKeyWord) {
             keywordIndx = sqlKeywords.indexOf(matchingKeyWord.toUpperCase());
         }
         if (keywordIndx >= 0) {
-            var currentStmnt = this.currents.statements.find(x => x.index == statementIndex);
+            let currentStmnt = this.currents.statements.find(x => x.index == statementIndex);
             if (currentStmnt) {
-                var subStmnt = currentStmnt.subStatements.find(x => x.key.toUpperCase() == matchingKeyWord.toUpperCase());
-                var match = { key: null, statement: null, parentStatement: null, desiredLevel: -1, desiredIndex: -1 };
+                let subStmnt = currentStmnt.subStatements.find(x => x.key.toUpperCase() == matchingKeyWord.toUpperCase());
+                let match = { key: null, statement: null, parentStatement: null, desiredLevel: -1, desiredIndex: -1 };
                 if (contextInfo.nestedStatementLevel > 0) {
                     match.desiredLevel = 1; // implement contextInfo.nestedStatementLevel
                     match.desiredIndex = contextInfo.nestedStatementIndex;
@@ -762,7 +762,7 @@ class SqlProvider {
                 if (subStmnt) {
                     contextInfo.currentStatement = currentStmnt;
                     contextInfo.currentSubStatement = subStmnt;
-                    var currentSubStmntWords = subStmnt.statement.words;
+                    let currentSubStmntWords = subStmnt.statement.words;
                     switch (subStmnt.key) {
                         case 'DECLARE':
                             if (currentSubStmntWords[currentSubStmntWords.length - 1].token.indexOf('@') < 0) {
@@ -787,17 +787,17 @@ class SqlProvider {
                                 return autocompleteContext.table;
                             });
                         case 'SELECT':
-                            var previousWord;
-                            var nextWord;
-                            var previousWords = currentSubStmntWords.filter(x => x.tokenIndx < contextInfo.position.column - 1);
+                            let previousWord;
+                            let nextWord;
+                            let previousWords = currentSubStmntWords.filter(x => x.tokenIndx < contextInfo.position.column - 1);
                             if (previousWords.length > 0) {
                                 previousWord = previousWords[previousWords.length - 1];
                             }
-                            var nextWords = currentSubStmntWords.filter(x => x.tokenIndx >= contextInfo.position.column - 1);
+                            let nextWords = currentSubStmntWords.filter(x => x.tokenIndx >= contextInfo.position.column - 1);
                             if (nextWords.length > 0) {
                                 nextWord = nextWords[0];
                             }
-                            var selectLastToken = (currentSubStmntWords[currentSubStmntWords.length - 1]?.token || '').trim();
+                            let selectLastToken = (currentSubStmntWords[currentSubStmntWords.length - 1]?.token || '').trim();
                             if (selectLastToken.indexOf('.') >= 0) {
                                 // Alias-qualified column completion (e.g. AppCit. or AppCit.Sta)
                                 return autocompleteContext.columnWhereRestricted;
@@ -828,9 +828,9 @@ class SqlProvider {
                         case 'LEFT JOIN':
                         case 'RIGHT JOIN':
                             if (currentSubStmntWords.length > 1) {
-                                var schemaTableAliasToken = currentSubStmntWords[1];
+                                let schemaTableAliasToken = currentSubStmntWords[1];
                                 if (schemaTableAliasToken) {
-                                    var schemaAndTableOrAlias = schemaTableAliasToken.token.split('.').filter(x => x.length > 0);
+                                    let schemaAndTableOrAlias = schemaTableAliasToken.token.split('.').filter(x => x.length > 0);
                                     if (schemaAndTableOrAlias.length > 0) {
                                     }
                                     else {
@@ -863,7 +863,7 @@ class SqlProvider {
                             return autocompleteContext.columnGroupBy;
                         case 'SET':
                             if (currentSubStmntWords[currentSubStmntWords.length - 1].token.trim().toUpperCase() == 'SET') {
-                                var updtStmnt = currentStmnt.subStatements.find(x => x.key == 'UPDATE');
+                                let updtStmnt = currentStmnt.subStatements.find(x => x.key == 'UPDATE');
                                 if (updtStmnt && updtStmnt.statement.words.length > 1) {
                                     // this.currents.table = updtStmnt.statement.sqlTables[updtStmnt.statement.sqlTables.length - 1];
                                     return autocompleteContext.columnWhere;
@@ -957,7 +957,7 @@ class SqlProvider {
      * @returns Context specifico WHERE.
      */
     evaluateAutocompleteWhereContext(currents, currentStatementWords, whereSubStatemnt) {
-        var lastToken = currentStatementWords[currentStatementWords.length - 1].trim().toUpperCase();
+        let lastToken = currentStatementWords[currentStatementWords.length - 1].trim().toUpperCase();
         if (lastToken == 'AND' || lastToken == 'WHERE') {
             return autocompleteContext.columnWhere;
         }
@@ -985,7 +985,7 @@ class SqlProvider {
         //https://github.com/sqljs/node-sqljs
         this.clearCurrents();
         this.previousStatements.forEach((statement, stmntIndx) => {
-            var sanitedStatement = this.sanitize(statement);
+            let sanitedStatement = this.sanitize(statement);
             this.parseStatementRecursive(sanitedStatement, stmntIndx);
         });
     }
@@ -997,15 +997,15 @@ class SqlProvider {
      * @param parentStatement Parent opzionale per annidamento.
      */
     parseStatementRecursive(statement, stmntIndx, parentStatement) {
-        var statementObj = new Statement(statement, stmntIndx + 1);
+        let statementObj = new Statement(statement, stmntIndx + 1);
         if (parentStatement) {
             parentStatement.subStatements.push({ key: statement.trim(), statement: statementObj });
         }
-        var subStatement;
-        var nestedStatements = this.getNestedStatements(statement);
-        var z = nestedStatements[0];
+        let subStatement;
+        let nestedStatements = this.getNestedStatements(statement);
+        let z = nestedStatements[0];
         statementObj.statement = this.removeNestedStatements(statement, nestedStatements);
-        var previousWords = statement.split(' ').filter(x => x.length > 0).map((x, splitIndx) => {
+        let previousWords = statement.split(' ').filter(x => x.length > 0).map((x, splitIndx) => {
             return {
                 token: x.trim(),
                 tokenIndx: 0
@@ -1014,20 +1014,20 @@ class SqlProvider {
         previousWords.forEach((x, indx) => {
             x.tokenIndx = indx == 0 ? 0 : (previousWords[indx - 1].tokenIndx + previousWords[indx - 1].token.length + 1);
         });
-        var sanitizedPreviousWords = this.normalizeStatement(previousWords);
+        let sanitizedPreviousWords = this.normalizeStatement(previousWords);
         statementObj.words = sanitizedPreviousWords;
-        var currentStatementTag;
-        var found = false;
-        var nested = null;
+        let currentStatementTag;
+        let found = false;
+        let nested = null;
         for (let indx = 0; indx < sanitizedPreviousWords.length; indx++) {
             const elementObj = sanitizedPreviousWords[indx];
-            var element = elementObj.token;
-            var indxOffset = 0;
+            let element = elementObj.token;
+            let indxOffset = 0;
             for (let nestedIndex = 0; nestedIndex < nestedStatements.length; nestedIndex++) {
                 nested = nestedStatements[nestedIndex];
                 if (nested.length > 1 && elementObj.tokenIndx >= nested.index && elementObj.tokenIndx <= nested.index + nested[1].length) {
                     this.parseStatementRecursive(nested[1], indx, subStatement);
-                    var firstWordOutsideNested = sanitizedPreviousWords.find(x => x.tokenIndx > nested.index + nested[1].length);
+                    let firstWordOutsideNested = sanitizedPreviousWords.find(x => x.tokenIndx > nested.index + nested[1].length);
                     indxOffset = sanitizedPreviousWords.indexOf(firstWordOutsideNested) - 1;
                 }
             }
@@ -1087,14 +1087,14 @@ class SqlProvider {
      * @returns `true` se e stata trovata una tabella globale.
      */
     populateGlobalTables(statement, found) {
-        var tableName = statement.split(' ').find(x => x.indexOf('#') == 0);
+        let tableName = statement.split(' ').find(x => x.indexOf('#') == 0);
         if (tableName) {
             tableName = tableName.split('(')[0];
-            var table = new SqlTable();
+            let table = new SqlTable();
             table.table = tableName;
             table.alias = tableName;
             table.columns = statement.split('(')[1].split(')')[0].split(',').map(x => {
-                var col = new SqlColumn();
+                let col = new SqlColumn();
                 col.column = x.split(' ')[0].trim();
                 col.table = tableName;
                 if (x.split(' ').length > 1) {
@@ -1117,10 +1117,10 @@ class SqlProvider {
      */
     populateDeclarations(statement, found) {
         if (statement.indexOf('@') >= 0) {
-            var decStr = statement.trim().toUpperCase().split(' ');
+            let decStr = statement.trim().toUpperCase().split(' ');
             if (decStr.length >= 3) {
-                var dec = { paramName: decStr[1], paramtype: decStr[2], usertype: null };
-                var type;
+                let dec = { paramName: decStr[1], paramtype: decStr[2], usertype: null };
+                let type;
                 if (decStr[2].indexOf('.') >= 0) {
                     type = this.userDefTypes.find(x => x.table.toUpperCase() == decStr[2].split('.')[1] && x.schema.toUpperCase() == decStr[2].split('.')[0]);
                 }
@@ -1146,16 +1146,16 @@ class SqlProvider {
      * @param subStatement Sub-statement corrente.
      */
     populateCurrentColumns(element, stmntIndx, statementObj, subStatement) {
-        var selStmnt = statementObj.subStatements.find(x => x.key == 'SELECT');
+        let selStmnt = statementObj.subStatements.find(x => x.key == 'SELECT');
         if (selStmnt) {
-            var columns = selStmnt.statement.statement.replace('SELECT', '').trim().toUpperCase().split(',').filter(x => x).map(x => {
-                var col = null;
+            let columns = selStmnt.statement.statement.replace('SELECT', '').trim().toUpperCase().split(',').filter(x => x).map(x => {
+                let col = null;
                 x = x.trim();
-                var ownerTbl;
-                var isAlias = false;
+                let ownerTbl;
+                let isAlias = false;
                 if (x.indexOf('.') >= 0) {
-                    var schema = x.split('.')[0].replace('[', '').replace(']', '').replace('(', '').replace(')', '').toUpperCase();
-                    var ownerSchema = this.schemas.find(s => s.schema.toUpperCase() === schema);
+                    let schema = x.split('.')[0].replace('[', '').replace(']', '').replace('(', '').replace(')', '').toUpperCase();
+                    let ownerSchema = this.schemas.find(s => s.schema.toUpperCase() === schema);
                     if (!ownerSchema) {
                         ownerSchema = this.schemas.find(x => x.tables.find(t => t.alias.toUpperCase() === schema));
                         if (ownerSchema) {
@@ -1167,8 +1167,8 @@ class SqlProvider {
                         ownerTbl = ownerSchema.tables.find(t => t.table.toUpperCase() === x.split('.')[1].replace('[', '').replace(']', '').replace('(', '').replace(')', '').toUpperCase());
                     }
                     if (ownerTbl) {
-                        var colDef = x.split('.')[isAlias ? 1 : 2].replace('[', '').replace(']', '').replace('(', '').replace(')', '').trim().toUpperCase().split(' ');
-                        var ownerCol = ownerTbl.columns.find(c => c.column.toUpperCase() === colDef[0].toUpperCase());
+                        let colDef = x.split('.')[isAlias ? 1 : 2].replace('[', '').replace(']', '').replace('(', '').replace(')', '').trim().toUpperCase().split(' ');
+                        let ownerCol = ownerTbl.columns.find(c => c.column.toUpperCase() === colDef[0].toUpperCase());
                         if (ownerCol) {
                             col = {
                                 column: ownerCol,
@@ -1178,11 +1178,11 @@ class SqlProvider {
                     }
                 }
                 else {
-                    var colDef = x.trim().replace('[', '').replace(']', '').replace('(', '').replace(')', '').toUpperCase().split(' ');
+                    let colDef = x.trim().replace('[', '').replace(']', '').replace('(', '').replace(')', '').toUpperCase().split(' ');
                     if (colDef.length == 2) {
-                        var tbl = statementObj.sqlTables.find(t => t.table.columns.find(c => c.column.toUpperCase() === colDef[0]));
+                        let tbl = statementObj.sqlTables.find(t => t.table.columns.find(c => c.column.toUpperCase() === colDef[0]));
                         if (tbl) {
-                            var tableCol = tbl.table.columns.find(c => c.column.toUpperCase() === colDef[1]);
+                            let tableCol = tbl.table.columns.find(c => c.column.toUpperCase() === colDef[1]);
                             if (tableCol) {
                                 col = {
                                     column: tableCol,
@@ -1192,9 +1192,9 @@ class SqlProvider {
                         }
                     }
                     else if (colDef.length == 1) {
-                        var tbl = statementObj.sqlTables.find(t => t.table.columns.find(c => c.column.toUpperCase() === colDef[0]));
+                        let tbl = statementObj.sqlTables.find(t => t.table.columns.find(c => c.column.toUpperCase() === colDef[0]));
                         if (tbl) {
-                            var tableCol = tbl.table.columns.find(c => c.column.toUpperCase() === colDef[0]);
+                            let tableCol = tbl.table.columns.find(c => c.column.toUpperCase() === colDef[0]);
                             if (tableCol) {
                                 col = {
                                     column: tableCol,
@@ -1207,7 +1207,7 @@ class SqlProvider {
                 return col;
             }).filter(x => x);
             columns.forEach(x => {
-                var normalizedColumn = x?.column?.column?.toUpperCase();
+                let normalizedColumn = x?.column?.column?.toUpperCase();
                 if (!normalizedColumn) {
                     return;
                 }
@@ -1236,11 +1236,11 @@ class SqlProvider {
     populateAlias(element, stmntIndx, found, statementObj, subStatement) {
         if (subStatement) {
             if (subStatement.words.length > 1) {
-                var alias = subStatement.words[1].token.replace('[', '').replace(']', '').replace('(', '').replace(')', '');
+                let alias = subStatement.words[1].token.replace('[', '').replace(']', '').replace('(', '').replace(')', '');
                 if (alias) {
-                    var fromStmnt; // = statementObj.subStatements.find(x => x.key == 'FROM');
-                    var matchTbl;
-                    var subStatementIndex = statementObj.subStatements.indexOf(statementObj.subStatements.find(x => x.statement.statement == subStatement.statement));
+                    let fromStmnt; // = statementObj.subStatements.find(x => x.key == 'FROM');
+                    let matchTbl;
+                    let subStatementIndex = statementObj.subStatements.indexOf(statementObj.subStatements.find(x => x.statement.statement == subStatement.statement));
                     if (subStatementIndex > 1) {
                         fromStmnt = statementObj.subStatements[subStatementIndex - 1];
                     }
@@ -1277,12 +1277,12 @@ class SqlProvider {
      * @returns `true` se tabella schema-resolved trovata.
      */
     populateCurrentSchemaTables(element, stmntIndx, found, statementObj, subStatement) {
-        var tblStr = element.trim().toUpperCase().split(' ');
+        let tblStr = element.trim().toUpperCase().split(' ');
         if (tblStr.length > 0 && tblStr[0].split('.').length > 1) {
-            var identifierParts = tblStr[0].replace('[', '').replace(']', '').split('.').filter(x => x);
-            var schemaName = '';
-            var tableName = '';
-            var dbName = '';
+            let identifierParts = tblStr[0].replace('[', '').replace(']', '').split('.').filter(x => x);
+            let schemaName = '';
+            let tableName = '';
+            let dbName = '';
             if (identifierParts.length >= 3) {
                 dbName = identifierParts[0];
                 schemaName = identifierParts[1];
@@ -1292,34 +1292,34 @@ class SqlProvider {
                 schemaName = identifierParts[0];
                 tableName = (identifierParts[1] || '').split('(')[0];
             }
-            var match = this.schemas.find(x => {
-                var modelSchema = this.getModelSchemaName(x).toUpperCase();
-                var modelDb = (this.getModelDatabaseName(x) || '').toUpperCase();
+            let match = this.schemas.find(x => {
+                let modelSchema = this.getModelSchemaName(x).toUpperCase();
+                let modelDb = (this.getModelDatabaseName(x) || '').toUpperCase();
                 return modelSchema === schemaName.toUpperCase() && (!dbName || modelDb === dbName.toUpperCase());
             });
             if (match) {
                 if (statementObj) {
-                    var matchSchema = statementObj.sqlModels.find(x => match.schema.toUpperCase() === x.schema.toUpperCase());
+                    let matchSchema = statementObj.sqlModels.find(x => match.schema.toUpperCase() === x.schema.toUpperCase());
                     if (!matchSchema) {
                         statementObj.sqlModels.push(match);
                     }
                 }
                 if (subStatement) {
-                    var matchSchema = subStatement.sqlModels.find(x => match.schema.toUpperCase() === x.schema.toUpperCase());
+                    let matchSchema = subStatement.sqlModels.find(x => match.schema.toUpperCase() === x.schema.toUpperCase());
                     if (!matchSchema) {
                         subStatement.sqlModels.push(match);
                     }
                 }
-                var matchTable = match.tables.find(x => x.table.toUpperCase() === tableName.toUpperCase());
+                let matchTable = match.tables.find(x => x.table.toUpperCase() === tableName.toUpperCase());
                 if (matchTable) {
                     if (statementObj) {
-                        var matchTbl = statementObj.sqlTables.find(x => x.table.table.toUpperCase() == matchTable.table.toUpperCase() && x.table.schema.toUpperCase() == matchTable.schema.toUpperCase());
+                        let matchTbl = statementObj.sqlTables.find(x => x.table.table.toUpperCase() == matchTable.table.toUpperCase() && x.table.schema.toUpperCase() == matchTable.schema.toUpperCase());
                         if (!matchTbl) {
                             statementObj.sqlTables.push({ table: matchTable, usedAlias: '' });
                         }
                     }
                     if (subStatement) {
-                        var matchTbl = subStatement.sqlTables.find(x => x.table.table.toUpperCase() == matchTable.table.toUpperCase() && x.table.schema.toUpperCase() == matchTable.schema.toUpperCase());
+                        let matchTbl = subStatement.sqlTables.find(x => x.table.table.toUpperCase() == matchTable.table.toUpperCase() && x.table.schema.toUpperCase() == matchTable.schema.toUpperCase());
                         if (!matchTbl) {
                             subStatement.sqlTables.push({ table: matchTable, usedAlias: '' });
                         }
@@ -1328,13 +1328,13 @@ class SqlProvider {
                 }
             }
             else {
-                var aliasCandidate = identifierParts[0] || '';
-                var matchTbl = statementObj.sqlTables.find(x => x.usedAlias.toUpperCase() === aliasCandidate.toUpperCase());
+                let aliasCandidate = identifierParts[0] || '';
+                let matchTbl = statementObj.sqlTables.find(x => x.usedAlias.toUpperCase() === aliasCandidate.toUpperCase());
                 if (matchTbl) {
                     if (!subStatement.sqlTables.find(x => x.table.table.toUpperCase() == matchTbl.table.table.toUpperCase() && x.table.schema.toUpperCase() == matchTbl.table.schema.toUpperCase())) {
                         subStatement.sqlTables.push({ table: matchTbl.table, usedAlias: matchTbl.usedAlias });
                     }
-                    var matchSchema = statementObj.sqlModels.find(x => matchTbl.table.schema.toUpperCase() === x.schema.toUpperCase());
+                    let matchSchema = statementObj.sqlModels.find(x => matchTbl.table.schema.toUpperCase() === x.schema.toUpperCase());
                     if (matchSchema && !subStatement.sqlModels.find(x => matchTbl.table.schema.toUpperCase() === x.schema.toUpperCase())) {
                         subStatement.sqlModels.push(matchSchema);
                     }
@@ -1346,14 +1346,14 @@ class SqlProvider {
     // #endregion
     // #region create suggestions
     getSuggestionsByContext(context, range, originalText, contextInfo, scaffoldedOnly = true) {
-        var ci = [];
-        var selectFields = [];
-        var newLinePrepend = '';
+        let ci = [];
+        let selectFields = [];
+        let newLinePrepend = '';
         if (range.endLineNumber == 1 || originalText.split('\r\n')[range.endLineNumber - 1].indexOf(' ') > 0) {
             newLinePrepend = '\r\n';
         }
-        var currentStatement = contextInfo.currentStatement;
-        var currentSubStatement;
+        let currentStatement = contextInfo.currentStatement;
+        let currentSubStatement;
         if (currentStatement) {
             currentSubStatement = contextInfo.currentSubStatement.statement;
         }
@@ -1508,8 +1508,8 @@ class SqlProvider {
                     return true;
                 }).filter(x => {
                     if (context == autocompleteContext.columnWhereRestricted) {
-                        var restrictedToken = (currentSubStatement?.words?.[currentSubStatement.words.length - 1]?.token || '').trim();
-                        var restrictedParts = restrictedToken
+                        let restrictedToken = (currentSubStatement?.words?.[currentSubStatement.words.length - 1]?.token || '').trim();
+                        let restrictedParts = restrictedToken
                             .replace('[', '')
                             .replace(']', '')
                             .replace('(', '')
@@ -1518,32 +1518,32 @@ class SqlProvider {
                             .filter(y => y)
                             .map(y => y.trim().toUpperCase());
                         if (!scaffoldedOnly && restrictedParts.length >= 3) {
-                            var dbFilter = restrictedParts[0];
-                            var schemaFilter = restrictedParts[1];
-                            var tableFilter = restrictedParts[2];
-                            var colDb = (this.getColumnDatabaseName(x) || '').toUpperCase();
+                            let dbFilter = restrictedParts[0];
+                            let schemaFilter = restrictedParts[1];
+                            let tableFilter = restrictedParts[2];
+                            let colDb = (this.getColumnDatabaseName(x) || '').toUpperCase();
                             return x.schema.toUpperCase() === schemaFilter
                                 && x.table.toUpperCase() === tableFilter
                                 && (!dbFilter || colDb === dbFilter);
                         }
                         if (restrictedParts.length >= 1 && restrictedToken.indexOf('.') >= 0) {
-                            var aliasFilter = restrictedParts[0];
+                            let aliasFilter = restrictedParts[0];
                             return (x.tableAlias || '').toUpperCase() === aliasFilter;
                         }
-                        var scopedTables = (currentSubStatement?.sqlTables && currentSubStatement.sqlTables.length > 0)
+                        let scopedTables = (currentSubStatement?.sqlTables && currentSubStatement.sqlTables.length > 0)
                             ? currentSubStatement.sqlTables
                             : (currentStatement?.sqlTables || []);
                         return scopedTables.find(y => (y.usedAlias || '').toUpperCase() == (x.tableAlias || '').toUpperCase());
                     }
                     return true;
                 }).map(x => {
-                    var restrictedToken = (currentSubStatement?.words?.[currentSubStatement.words.length - 1]?.token || '').trim();
-                    var isAliasQualifiedCompletion = context == autocompleteContext.columnWhereRestricted && restrictedToken.indexOf('.') >= 0;
-                    var aliasStmnts = currentStatement.subStatements.filter(s => s.key == 'FROM' || s.key.indexOf('JOIN') >= 0 || s.key == 'ON');
-                    var aliasStmnt = aliasStmnts.find(y => y.statement.sqlTables.length > 0 &&
+                    let restrictedToken = (currentSubStatement?.words?.[currentSubStatement.words.length - 1]?.token || '').trim();
+                    let isAliasQualifiedCompletion = context == autocompleteContext.columnWhereRestricted && restrictedToken.indexOf('.') >= 0;
+                    let aliasStmnts = currentStatement.subStatements.filter(s => s.key == 'FROM' || s.key.indexOf('JOIN') >= 0 || s.key == 'ON');
+                    let aliasStmnt = aliasStmnts.find(y => y.statement.sqlTables.length > 0 &&
                         y.statement.sqlTables[0].table.schema.toUpperCase() == x.schema.toUpperCase() &&
                         y.statement.sqlTables[0].table.table.toUpperCase() == x.table.toUpperCase());
-                    var str = `${x.schema}.${x.table}.${x.column}`;
+                    let str = `${x.schema}.${x.table}.${x.column}`;
                     if (context == autocompleteContext.columnWhereSkipAlias) {
                         str = x.column;
                     }
@@ -1554,7 +1554,7 @@ class SqlProvider {
                     else if (aliasStmnt) {
                         str = `${aliasStmnt.statement.sqlTables[0].usedAlias}.${x.column}`;
                     }
-                    var longDescr = `${x.column} (${x.type}, ${x.isNullable ? 'null' : 'not null'})${x.columnDescription ? ` - ${x.columnDescription}` : ''}`;
+                    let longDescr = `${x.column} (${x.type}, ${x.isNullable ? 'null' : 'not null'})${x.columnDescription ? ` - ${x.columnDescription}` : ''}`;
                     return {
                         documentation: longDescr,
                         insertText: str,
@@ -1564,7 +1564,7 @@ class SqlProvider {
                     };
                 }));
                 if (context == autocompleteContext.columnSelect || context == autocompleteContext.columnWhere || context == autocompleteContext.columnWhereSkipAlias) {
-                    var allCols = ci.map(x => {
+                    let allCols = ci.map(x => {
                         return x.insertText;
                     }).join(',');
                     ci.push({
@@ -1660,16 +1660,16 @@ class SqlProvider {
             case autocompleteContext.table:
             case autocompleteContext.tableNoAs:
             case autocompleteContext.tableJoin:
-                var rawScopedToken = (currentSubStatement?.words?.[currentSubStatement.words.length - 1]?.token || '').trim();
-                var currentSchema = currentStatement.sqlModels[currentStatement.sqlModels.length - 1]?.schema;
-                var scopedParts = rawScopedToken
+                let rawScopedToken = (currentSubStatement?.words?.[currentSubStatement.words.length - 1]?.token || '').trim();
+                let currentSchema = currentStatement.sqlModels[currentStatement.sqlModels.length - 1]?.schema;
+                let scopedParts = rawScopedToken
                     .replace('[', '')
                     .replace(']', '')
                     .replace('(', '')
                     .replace(')', '')
                     .split('.')
                     .filter(x => x);
-                var isDbScopedSchema = !scaffoldedOnly && rawScopedToken.indexOf('.') >= 0;
+                let isDbScopedSchema = !scaffoldedOnly && rawScopedToken.indexOf('.') >= 0;
                 if (context == autocompleteContext.tableJoin) {
                     currentStatement.sqlTables.forEach(tbl => {
                         this.parseTblRelations(currentStatement, tbl, ci, range, currentSchema);
@@ -1677,11 +1677,11 @@ class SqlProvider {
                 }
                 else {
                     if (isDbScopedSchema && rawScopedToken.endsWith('.') && scopedParts.length == 1) {
-                        var dbToken = scopedParts[0].toUpperCase();
-                        var dbModels = this.schemas.filter(x => (this.getModelDatabaseName(x) || '').toUpperCase() === dbToken);
+                        let dbToken = scopedParts[0].toUpperCase();
+                        let dbModels = this.schemas.filter(x => (this.getModelDatabaseName(x) || '').toUpperCase() === dbToken);
                         if (dbModels.length > 0) {
                             ci = dbModels.map(x => {
-                                var schemaLabel = this.getModelSchemaName(x);
+                                let schemaLabel = this.getModelSchemaName(x);
                                 return {
                                     documentation: schemaLabel,
                                     insertText: schemaLabel,
@@ -1693,15 +1693,15 @@ class SqlProvider {
                         }
                         else {
                             // Token is likely a schema without db prefix: resolve against default db.
-                            var defaultDb = this.getDefaultDatabaseName();
-                            var schemaToken = scopedParts[0];
-                            var defaultScopedModel = this.schemas.find(x => this.getModelSchemaName(x).toUpperCase() === schemaToken.toUpperCase()
+                            let defaultDb = this.getDefaultDatabaseName();
+                            let schemaToken = scopedParts[0];
+                            let defaultScopedModel = this.schemas.find(x => this.getModelSchemaName(x).toUpperCase() === schemaToken.toUpperCase()
                                 && (!defaultDb || (this.getModelDatabaseName(x) || '').toUpperCase() === defaultDb.toUpperCase()));
-                            var sourceTables = defaultScopedModel?.tables || [];
+                            let sourceTables = defaultScopedModel?.tables || [];
                             ci = sourceTables.map(x => {
-                                var txtLine = originalText.split('\n')[range.startLineNumber - 1];
-                                var startCol = txtLine.toUpperCase().indexOf(`${schemaToken.toUpperCase()}.`);
-                                var replaceStartColumn = startCol >= 0 ? startCol + 1 : range.startColumn;
+                                let txtLine = originalText.split('\n')[range.startLineNumber - 1];
+                                let startCol = txtLine.toUpperCase().indexOf(`${schemaToken.toUpperCase()}.`);
+                                let replaceStartColumn = startCol >= 0 ? startCol + 1 : range.startColumn;
                                 return {
                                     documentation: x.table,
                                     // The user already typed "<schema>." so only append table name.
@@ -1723,24 +1723,24 @@ class SqlProvider {
                         }
                         break;
                     }
-                    var scopedModel = null;
+                    let scopedModel = null;
                     if (isDbScopedSchema && scopedParts.length >= 2) {
-                        var dbName = scopedParts[0];
-                        var schemaName = scopedParts[1];
+                        let dbName = scopedParts[0];
+                        let schemaName = scopedParts[1];
                         scopedModel = this.schemas.find(x => (this.getModelDatabaseName(x) || '').toUpperCase() === dbName.toUpperCase()
                             && this.getModelSchemaName(x).toUpperCase() === schemaName.toUpperCase());
                     }
                     else if (currentSchema) {
                         scopedModel = this.schemas.find(x => this.getModelSchemaName(x).toUpperCase() === currentSchema.toUpperCase());
                     }
-                    var sourceTables = scopedModel?.tables || [];
+                    let sourceTables = scopedModel?.tables || [];
                     ci = sourceTables.map(x => {
                         try {
-                            var txtLine = originalText.split('\n')[range.startLineNumber - 1];
-                            var qualifiedSchema = scopedModel ? this.getModelSchemaName(scopedModel) : x.schema;
-                            var startCol = txtLine.toUpperCase().indexOf(`${qualifiedSchema.toUpperCase()}.`);
-                            var tokenHasQualifier = rawScopedToken.indexOf('.') >= 0;
-                            var insertTxt = (!x.alias || context == autocompleteContext.tableNoAs) ?
+                            let txtLine = originalText.split('\n')[range.startLineNumber - 1];
+                            let qualifiedSchema = scopedModel ? this.getModelSchemaName(scopedModel) : x.schema;
+                            let startCol = txtLine.toUpperCase().indexOf(`${qualifiedSchema.toUpperCase()}.`);
+                            let tokenHasQualifier = rawScopedToken.indexOf('.') >= 0;
+                            let insertTxt = (!x.alias || context == autocompleteContext.tableNoAs) ?
                                 (tokenHasQualifier
                                     ? x.table
                                     : `${context != autocompleteContext.tableNoAs ? `${qualifiedSchema}.` : ''}${x.table}`)
@@ -1771,8 +1771,8 @@ class SqlProvider {
                 }
                 break;
             case autocompleteContext.declaration:
-                var paramName = '@Param';
-                var paramIndx = 1;
+                let paramName = '@Param';
+                let paramIndx = 1;
                 while (this.currents.declarations.find(x => x.paramName.toUpperCase() === `${paramName}${paramIndx.toString()}`.toUpperCase())) {
                     paramIndx++;
                 }
@@ -1822,7 +1822,7 @@ class SqlProvider {
                 break;
             default:
         }
-        var t = {
+        let t = {
             suggestions: ci
         };
         return t;
@@ -1838,11 +1838,11 @@ class SqlProvider {
         if (!model) {
             return null;
         }
-        var modelAny = model;
+        let modelAny = model;
         if (modelAny.database) {
             return modelAny.database;
         }
-        var schema = model.schema || '';
+        let schema = model.schema || '';
         if (schema.indexOf('.') >= 0) {
             return schema.split('.')[0];
         }
@@ -1857,7 +1857,7 @@ class SqlProvider {
         if (!model) {
             return '';
         }
-        var schema = model.schema || '';
+        let schema = model.schema || '';
         if (schema.indexOf('.') >= 0) {
             return schema.split('.').slice(1).join('.');
         }
@@ -1872,7 +1872,7 @@ class SqlProvider {
         if (!column) {
             return null;
         }
-        var ownerModel = this.schemas.find(m => this.getModelSchemaName(m).toUpperCase() === (column.schema || '').toUpperCase()
+        let ownerModel = this.schemas.find(m => this.getModelSchemaName(m).toUpperCase() === (column.schema || '').toUpperCase()
             && m.tables?.find(t => t.table.toUpperCase() === (column.table || '').toUpperCase()));
         return this.getModelDatabaseName(ownerModel);
     }
@@ -1881,7 +1881,7 @@ class SqlProvider {
      * @returns Nome database default.
      */
     getDefaultDatabaseName() {
-        var defaultModel = this.schemas.find(m => m?.isDefault);
+        let defaultModel = this.schemas.find(m => m?.isDefault);
         if (defaultModel) {
             return this.getModelDatabaseName(defaultModel);
         }
@@ -1896,9 +1896,9 @@ class SqlProvider {
      * @param schemaFilter Filtro schema opzionale.
      */
     parseTblRelations(statement, tbl, ci, range, schemaFilter) {
-        var relations = [];
+        let relations = [];
         tbl.table.columns.forEach(col => {
-            var rel = col.childRelations.find(rel => {
+            let rel = col.childRelations.find(rel => {
                 if (schemaFilter) {
                     return rel.schemaFK.toUpperCase() === schemaFilter.toUpperCase();
                 }
@@ -1912,11 +1912,11 @@ class SqlProvider {
             }
         });
         relations.forEach(rel => {
-            var joinSuggestion = "";
-            var tblPK = this.schemas.find(x => x.schema.toUpperCase() === rel.schemaPK.toUpperCase()).tables.find(x => x.table.toUpperCase() === rel.tablePK.toUpperCase());
-            var tblFK = this.schemas.find(x => x.schema.toUpperCase() === rel.schemaFK.toUpperCase()).tables.find(x => x.table.toUpperCase() === rel.tableFK.toUpperCase());
-            var aliasTblPK;
-            var aliasTblFK;
+            let joinSuggestion = "";
+            let tblPK = this.schemas.find(x => x.schema.toUpperCase() === rel.schemaPK.toUpperCase()).tables.find(x => x.table.toUpperCase() === rel.tablePK.toUpperCase());
+            let tblFK = this.schemas.find(x => x.schema.toUpperCase() === rel.schemaFK.toUpperCase()).tables.find(x => x.table.toUpperCase() === rel.tableFK.toUpperCase());
+            let aliasTblPK;
+            let aliasTblFK;
             if (rel.schemaFK == tbl.table.schema && rel.tableFK == tbl.table.table) {
                 aliasTblPK = tblPK.alias ? tblPK.alias : `${tblPK.schema}.${tblPK.table}`;
                 aliasTblFK = tbl.usedAlias ? tbl.usedAlias : (tblFK.alias ? tblFK.alias : `${tblFK.schema}.${tblFK.table}`);
@@ -1943,7 +1943,7 @@ class SqlProvider {
      * @returns Tabella risolta oppure `undefined`.
      */
     getTableByAlias(alias, statement) {
-        var tbl;
+        let tbl;
         this.schemas.forEach(schema => {
             schema.tables.forEach(table => {
                 if (table.alias && table.alias.toUpperCase() === alias.toUpperCase()) {
@@ -1974,9 +1974,9 @@ let DragDropInteractionEmitter$1 = class DragDropInteractionEmitter extends Emit
      * @param event Evento drop con posizione Monaco.
      */
     fire(event) {
-        var self = this;
+        let self = this;
         self.position = event.position;
-        var de = {
+        let de = {
             event: {
                 dataTransfer: {
                     items: [
@@ -1985,19 +1985,19 @@ let DragDropInteractionEmitter$1 = class DragDropInteractionEmitter extends Emit
                             type: 'text/plain',
                             getAsFile: () => { return null; },
                             getAsString: (callback) => {
-                                var dataItem = JSON.parse(event.event.dataTransfer.getData('text/plain'));
+                                let dataItem = JSON.parse(event.event.dataTransfer.getData('text/plain'));
                                 if (dataItem) {
-                                    var providerSchemas = (self.sqlProvider.schemas || []);
-                                    var getDbPrefixFor = (schemaName, tableName, preferredDbName) => {
-                                        var owner = providerSchemas.find(m => {
+                                    let providerSchemas = (self.sqlProvider.schemas || []);
+                                    let getDbPrefixFor = (schemaName, tableName, preferredDbName) => {
+                                        let owner = providerSchemas.find(m => {
                                             if (preferredDbName) {
-                                                var mDb = (m.database || ((m.schema || '').indexOf('.') >= 0 ? (m.schema || '').split('.')[0] : '') || '').toUpperCase();
+                                                let mDb = (m.database || ((m.schema || '').indexOf('.') >= 0 ? (m.schema || '').split('.')[0] : '') || '').toUpperCase();
                                                 if (mDb !== preferredDbName.toUpperCase()) {
                                                     return false;
                                                 }
                                             }
-                                            var mSchema = (m.schema || '').indexOf('.') >= 0 ? (m.schema || '').split('.').slice(1).join('.') : (m.schema || '');
-                                            var schemaMatch = mSchema.toUpperCase() === (schemaName || '').toUpperCase();
+                                            let mSchema = (m.schema || '').indexOf('.') >= 0 ? (m.schema || '').split('.').slice(1).join('.') : (m.schema || '');
+                                            let schemaMatch = mSchema.toUpperCase() === (schemaName || '').toUpperCase();
                                             if (!schemaMatch) {
                                                 return false;
                                             }
@@ -2009,25 +2009,25 @@ let DragDropInteractionEmitter$1 = class DragDropInteractionEmitter extends Emit
                                         if (!owner) {
                                             return '';
                                         }
-                                        var db = owner.database || ((owner.schema || '').indexOf('.') >= 0 ? (owner.schema || '').split('.')[0] : '');
+                                        let db = owner.database || ((owner.schema || '').indexOf('.') >= 0 ? (owner.schema || '').split('.')[0] : '');
                                         return db ? `${db}.` : '';
                                     };
                                     if (dataItem.sqlModel) {
-                                        var modelAny = dataItem.sqlModel;
-                                        var modelDb = modelAny.database || ((dataItem.sqlModel.schema || '').indexOf('.') >= 0 ? (dataItem.sqlModel.schema || '').split('.')[0] : '');
-                                        var modelSchema = (dataItem.sqlModel.schema || '').indexOf('.') >= 0
+                                        let modelAny = dataItem.sqlModel;
+                                        let modelDb = modelAny.database || ((dataItem.sqlModel.schema || '').indexOf('.') >= 0 ? (dataItem.sqlModel.schema || '').split('.')[0] : '');
+                                        let modelSchema = (dataItem.sqlModel.schema || '').indexOf('.') >= 0
                                             ? (dataItem.sqlModel.schema || '').split('.').slice(1).join('.')
                                             : (dataItem.sqlModel.schema || '');
                                         callback(modelDb ? `${modelDb}.${modelSchema}.` : `${modelSchema}.`);
                                     }
                                     else if (dataItem.sqlTable) {
-                                        var tableDbName = dataItem.sqlDatabase;
-                                        var tblDbPrefix = tableDbName ? `${tableDbName}.` : getDbPrefixFor(dataItem.sqlTable.schema, dataItem.sqlTable.table);
+                                        let tableDbName = dataItem.sqlDatabase;
+                                        let tblDbPrefix = tableDbName ? `${tableDbName}.` : getDbPrefixFor(dataItem.sqlTable.schema, dataItem.sqlTable.table);
                                         callback(`${tblDbPrefix}${dataItem.sqlTable.schema}.${dataItem.sqlTable.table}`);
                                     }
                                     else if (dataItem.parentTable) {
-                                        var suggestions = self.sqlProvider.getAutocompleteSuggestions(self.editor.getValue(), self.position);
-                                        var colSugg = suggestions.suggestions.find(x => x.label == '<All columns>');
+                                        let suggestions = self.sqlProvider.getAutocompleteSuggestions(self.editor.getValue(), self.position);
+                                        let colSugg = suggestions.suggestions.find(x => x.label == '<All columns>');
                                         if (colSugg) {
                                             callback(colSugg.insertText);
                                         }
@@ -2036,21 +2036,21 @@ let DragDropInteractionEmitter$1 = class DragDropInteractionEmitter extends Emit
                                         }
                                     }
                                     else if (dataItem.sqlColumn) {
-                                        var suggestions = self.sqlProvider.getAutocompleteSuggestions(self.editor.getValue(), self.position);
-                                        var colSugg = suggestions.suggestions.find(x => x.insertText.indexOf(dataItem.sqlColumn.column) >= 0);
+                                        let suggestions = self.sqlProvider.getAutocompleteSuggestions(self.editor.getValue(), self.position);
+                                        let colSugg = suggestions.suggestions.find(x => x.insertText.indexOf(dataItem.sqlColumn.column) >= 0);
                                         if (colSugg) {
                                             callback(colSugg.insertText);
                                         }
                                         else {
-                                            var columnDbName = dataItem.sqlDatabase;
-                                            var colDbPrefix = columnDbName ? `${columnDbName}.` : getDbPrefixFor(dataItem.sqlColumn.schema, dataItem.sqlColumn.table);
+                                            let columnDbName = dataItem.sqlDatabase;
+                                            let colDbPrefix = columnDbName ? `${columnDbName}.` : getDbPrefixFor(dataItem.sqlColumn.schema, dataItem.sqlColumn.table);
                                             callback(`${colDbPrefix}${dataItem.sqlColumn.schema}.${dataItem.sqlColumn.table}.${dataItem.sqlColumn.column}`);
                                         }
                                     }
                                     else if (dataItem.sqlRelation) {
-                                        var suggestions = self.sqlProvider.getAutocompleteSuggestions(self.editor.getValue(), self.position);
+                                        let suggestions = self.sqlProvider.getAutocompleteSuggestions(self.editor.getValue(), self.position);
                                         if (suggestions && suggestions.suggestions) {
-                                            var relSugg = suggestions.suggestions.find(x => x.insertText.indexOf(`${dataItem.sqlRelation.schemaPK}.${dataItem.sqlRelation.tablePK}`) >= 0);
+                                            let relSugg = suggestions.suggestions.find(x => x.insertText.indexOf(`${dataItem.sqlRelation.schemaPK}.${dataItem.sqlRelation.tablePK}`) >= 0);
                                             if (relSugg) {
                                                 callback(relSugg.insertText);
                                             }
@@ -2266,12 +2266,12 @@ class TSProvider {
     editor;
     contextMenuEvent;
     snippets = {
-        'http.get': `var getResults = await (wtoolbox.http.get(wtoolbox.appSettings.api_url + '<method>').toPromise() as Promise<any>);`,
-        'http.post': `var postResults = await (wtoolbox.http.post(wtoolbox.appSettings.api_url + '<method>', { }).toPromise() as Promise<any>);`,
-        'prompt.text': `var promptResult = await wtoolbox.promptDialog('Title', 'Caption', [{ name: 'prompt', caption: 'prompt', type: 'text' }]);`,
-        'msgbox.show': `var msboxResponse = await wtoolbox.confirm({ message: 'Are you sure?', header: 'Yes', acceptLabel: 'OK', rejectLabel: 'Cancel' });`,
+        'http.get': `let getResults = await (wtoolbox.http.get(wtoolbox.appSettings.api_url + '<method>').toPromise() as Promise<any>);`,
+        'http.post': `let postResults = await (wtoolbox.http.post(wtoolbox.appSettings.api_url + '<method>', { }).toPromise() as Promise<any>);`,
+        'prompt.text': `let promptResult = await wtoolbox.promptDialog('Title', 'Caption', [{ name: 'prompt', caption: 'prompt', type: 'text' }]);`,
+        'msgbox.show': `let msboxResponse = await wtoolbox.confirm({ message: 'Are you sure?', header: 'Yes', acceptLabel: 'OK', rejectLabel: 'Cancel' });`,
         'toast.show': `wtoolbox.messageNotificationService.add({ severity: 'success', summary: 'Success', detail: 'message...' });`,
-        'select.by.route': `var selectResults:ResultInfo = await wtoolbox.dataService.selectByRoute('<routeName>', [], []);`,
+        'select.by.route': `let selectResults:ResultInfo = await wtoolbox.dataService.selectByRoute('<routeName>', [], []);`,
     };
     constructor(http, editorOptions) {
         this.http = http;
@@ -2284,8 +2284,8 @@ class TSProvider {
      * @param snippetValue Contenuto snippet da inserire.
      */
     snippeter(snippetKey, snippetValue) {
-        var id = { major: 1, minor: 1 };
-        var op = { identifier: id, range: this.contextMenuEvent.target.range, text: snippetValue, forceMoveMarkers: true };
+        let id = { major: 1, minor: 1 };
+        let op = { identifier: id, range: this.contextMenuEvent.target.range, text: snippetValue, forceMoveMarkers: true };
         this.editor.executeEdits("snippet." + snippetKey, [op]);
     }
     /**
@@ -2312,10 +2312,10 @@ class TSProvider {
      * @param userInfo Contesto utente runtime.
      */
     async registerTSProvider(formFieldOptions, field, codeContext, record, metaSrv, userInfo) {
-        var self = this;
+        let self = this;
         let extraLibs = [];
-        var libs = [];
-        var contextMenuItems = [
+        let libs = [];
+        let contextMenuItems = [
             {
                 label: 'Snippets', icon: 'pi pi-receipt',
                 items: []
@@ -2345,7 +2345,7 @@ class TSProvider {
         this.editorOptions.onNodeDragEnd = (event, dataItem) => {
             // debugger;
         };
-        var compilerOptions = {
+        let compilerOptions = {
             target: monaco.languages.typescript.ScriptTarget.ES2016,
             allowNonTsExtensions: true,
             moduleResolution: monaco.languages.typescript.ModuleResolutionKind.NodeJs,
@@ -2372,7 +2372,7 @@ class TSProvider {
         // //   },
         // //   ....
         // libs.push(this.http.get("assets/models/easygrid.server.d.ts", { responseType: 'text' }));
-        var headers = new HttpHeaders({
+        let headers = new HttpHeaders({
             'Cache-Control': 'no-cache, no-store, must-revalidate, post-check=0, pre- check=0',
             'Pragma': 'no-cache',
             'Expires': '0'
@@ -2387,34 +2387,34 @@ class TSProvider {
         }
         codeContext = formFieldOptions.codeContext || '';
         if (codeContext) {
-            var routeIdContextField = field.extras.customEditorConfig?.routeContextField;
-            var columnContextField = field.extras.customEditorConfig?.columnContextField;
+            let routeIdContextField = field.extras.customEditorConfig?.routeContextField;
+            let columnContextField = field.extras.customEditorConfig?.columnContextField;
             if (codeContext.indexOf('record: ') >= 0 && routeIdContextField) {
-                var routeId = record[routeIdContextField]?.value; // this.metaInfo.tableMetadata.md_route_name.replaceAll(' ', '_');
+                let routeId = record[routeIdContextField]?.value; // this.metaInfo.tableMetadata.md_route_name.replaceAll(' ', '_');
                 if (routeId) {
-                    var metas = await metaSrv.getMetadatiById(routeId);
-                    var currentColumnMeta = null;
+                    let metas = await metaSrv.getMetadatiById(routeId);
+                    let currentColumnMeta = null;
                     if (columnContextField) {
                         currentColumnMeta = metas.find(m => m.mc_id == record[columnContextField].value);
                     }
                     if (metas && metas.length) {
-                        var routeName = metas[0]._Metadati_Tabelle.md_route_name.replaceAll(' ', '_');
-                        var classProperties = '';
-                        var classPropsArray = [];
-                        var compositeTypeDef = '';
-                        for (var c of metas) {
+                        let routeName = metas[0]._Metadati_Tabelle.md_route_name.replaceAll(' ', '_');
+                        let classProperties = '';
+                        let classPropsArray = [];
+                        let compositeTypeDef = '';
+                        for (let c of metas) {
                             compositeTypeDef += `'${c.mc_nome_colonna}': BehaviorSubject<${MetadataProviderService.getTSTypeFromMetaColumn(c)}>;`;
-                            var lookupRoute = '';
+                            let lookupRoute = '';
                             if (c.mc_ui_column_type == 'lookupByID') {
-                                var lookupRoute = c.mc_ui_lookup_entity_name;
+                                let lookupRoute = c.mc_ui_lookup_entity_name;
                                 if (lookupRoute) {
                                     compositeTypeDef += `'${c.mc_nome_colonna + '__lookup_obj'}': BehaviorSubject<${lookupRoute}>;`;
-                                    var lookupMetas = await metaSrv.getMetadati(lookupRoute);
-                                    var nestedClassProperties = '';
-                                    var nestedClassPropsArray = [];
+                                    let lookupMetas = await metaSrv.getMetadati(lookupRoute);
+                                    let nestedClassProperties = '';
+                                    let nestedClassPropsArray = [];
                                     if (lookupMetas && lookupMetas.length) {
                                         lookupRoute = lookupRoute.replaceAll(' ', '_');
-                                        for (var cLookup of lookupMetas) {
+                                        for (let cLookup of lookupMetas) {
                                             nestedClassPropsArray.push(`${cLookup.mc_nome_colonna}: ${MetadataProviderService.getTSTypeFromMetaColumn(cLookup)};`);
                                         }
                                         nestedClassProperties = nestedClassPropsArray.join('\n');
@@ -2452,8 +2452,8 @@ class TSProvider {
                         else {
                             codeContext = codeContext.replace('record: {[key: string]: BehaviorSubject<any>}', `record: {${compositeTypeDef}}`);
                         }
-                        if (currentColumnMeta && currentColumnMeta.mc_ui_column_type == 'lookupByID' && codeContext.indexOf('var newValue: any;') >= 0) {
-                            codeContext = codeContext.replace('var newValue: any;', `var newValue: ${currentColumnMeta.mc_ui_lookup_entity_name};`);
+                        if (currentColumnMeta && currentColumnMeta.mc_ui_column_type == 'lookupByID' && codeContext.indexOf('let newValue: any;') >= 0) {
+                            codeContext = codeContext.replace('let newValue: any;', `let newValue: ${currentColumnMeta.mc_ui_lookup_entity_name};`);
                         }
                     }
                 }
@@ -2464,14 +2464,14 @@ class TSProvider {
             combineLatest(libs).subscribe(libsContent => {
                 console.log('TypeScript provider extra libs loaded:', libsContent);
                 libsContent.forEach((data) => {
-                    var lines = data.split('\n');
+                    let lines = data.split('\n');
                     // da migliorare con regex !!!
-                    var parsedLines = lines.filter(x => {
+                    let parsedLines = lines.filter(x => {
                         return x.indexOf('import ') < 0; // && x.indexOf('export interface ') < 0
                     }).map((line) => {
                         return line.replace('export declare', 'declare').replace('export interface', 'declare interface').replace('export class', 'declare class');
                     });
-                    var newtext = parsedLines.join('\n');
+                    let newtext = parsedLines.join('\n');
                     extraLibs.push({ content: newtext });
                 });
                 monaco.languages.typescript.typescriptDefaults.setExtraLibs(extraLibs);
@@ -2494,9 +2494,9 @@ class DragDropInteractionEmitter extends Emitter {
      * @param event Evento drop Monaco con posizione target.
      */
     fire(event) {
-        var self = this;
+        let self = this;
         self.position = event.position;
-        var de = {
+        let de = {
             event: {
                 dataTransfer: {
                     items: [
@@ -2505,14 +2505,14 @@ class DragDropInteractionEmitter extends Emitter {
                             type: 'text/plain',
                             getAsFile: () => { return null; },
                             getAsString: (callback) => {
-                                var dataItem = JSON.parse(event.event.dataTransfer.getData('text/plain'));
+                                let dataItem = JSON.parse(event.event.dataTransfer.getData('text/plain'));
                                 if (dataItem) {
                                     if (dataItem.sqlTable) {
                                         callback(`${dataItem.sqlTable.schema}.${dataItem.sqlTable.table}`);
                                     }
                                     if (dataItem.parentTable) {
-                                        // var suggestions = self.sqlProvider.getAutocompleteSuggestions(self.editor.getValue(), self.position);
-                                        // var colSugg = suggestions.suggestions.find(x => x.label == '<All columns>');
+                                        // let suggestions = self.sqlProvider.getAutocompleteSuggestions(self.editor.getValue(), self.position);
+                                        // let colSugg = suggestions.suggestions.find(x => x.label == '<All columns>');
                                         // if (colSugg) {
                                         //     callback(colSugg.insertText);
                                         // } else {
@@ -2520,8 +2520,8 @@ class DragDropInteractionEmitter extends Emitter {
                                         // }
                                     }
                                     if (dataItem.sqlColumn) {
-                                        // var suggestions = self.sqlProvider.getAutocompleteSuggestions(self.editor.getValue(), self.position);
-                                        // var colSugg = suggestions.suggestions.find(x => x.insertText.indexOf(dataItem.sqlColumn.column) >= 0);
+                                        // let suggestions = self.sqlProvider.getAutocompleteSuggestions(self.editor.getValue(), self.position);
+                                        // let colSugg = suggestions.suggestions.find(x => x.insertText.indexOf(dataItem.sqlColumn.column) >= 0);
                                         // if (colSugg) {
                                         //     callback(colSugg.insertText);
                                         // } else {
@@ -2529,9 +2529,9 @@ class DragDropInteractionEmitter extends Emitter {
                                         // }
                                     }
                                     if (dataItem.sqlRelation) {
-                                        // var suggestions = self.sqlProvider.getAutocompleteSuggestions(self.editor.getValue(), self.position);
+                                        // let suggestions = self.sqlProvider.getAutocompleteSuggestions(self.editor.getValue(), self.position);
                                         // if (suggestions && suggestions.suggestions) {
-                                        //     var relSugg = suggestions.suggestions.find(x => x.insertText.indexOf(`${dataItem.sqlRelation.schemaPK}.${dataItem.sqlRelation.tablePK}`) >= 0);
+                                        //     let relSugg = suggestions.suggestions.find(x => x.insertText.indexOf(`${dataItem.sqlRelation.schemaPK}.${dataItem.sqlRelation.tablePK}`) >= 0);
                                         //     if (relSugg) {
                                         //         callback(relSugg.insertText);
                                         //     } else {
@@ -3412,7 +3412,7 @@ class CodeEditorComponent {
         $event.stopPropagation();
         $event.preventDefault();
         if (this.editorRef) {
-            var errors = await this.sqlProvider.testSql();
+            let errors = await this.sqlProvider.testSql();
             if (this.errors.length) {
                 WtoolboxService.messageNotificationService.add({ severity: 'error', summary: 'sql_parser_error', detail: errors.map(x => x.Message).join(' -- ') });
             }
@@ -3453,7 +3453,7 @@ class CodeEditorComponent {
      * Inizializza il componente preparando stato, sottoscrizioni e primi caricamenti richiesti.
      */
     ngOnInit() {
-        var formFieldOptions = {};
+        let formFieldOptions = {};
         if (this.field && this.field.extras.customEditorConfig) {
             try {
                 formFieldOptions = this.field.extras.customEditorConfig;
@@ -3512,17 +3512,17 @@ class CodeEditorComponent {
                 //   array.
                 //   boolean.
                 //   null.
-                var modelUriStr = `a://${this.field.mc_nome_colonna + '_' + this.field.mc_id.toString()}/contextual.schema.json`;
+                let modelUriStr = `a://${this.field.mc_nome_colonna + '_' + this.field.mc_id.toString()}/contextual.schema.json`;
                 monaco.editor.getModels().forEach(model => {
                     if (model.uri.toString() == modelUriStr) {
                         model.dispose();
                     }
                 });
-                var modelUri = monaco.Uri.parse(modelUriStr); // a made up unique URI for our model
-                var model = monaco.editor.createModel("", "json", modelUri);
+                let modelUri = monaco.Uri.parse(modelUriStr); // a made up unique URI for our model
+                let model = monaco.editor.createModel("", "json", modelUri);
                 this.editorOptions.model = model;
                 if (formFieldOptions.schemas) {
-                    var schemaStr = JSON.stringify(formFieldOptions.schemas);
+                    let schemaStr = JSON.stringify(formFieldOptions.schemas);
                     schemaStr = schemaStr.replace('{0}', modelUriStr);
                     formFieldOptions.schemas = JSON.parse(schemaStr);
                 }
@@ -3545,8 +3545,8 @@ class CodeEditorComponent {
      * Completa inizializzazione dopo il rendering della view e collega riferimenti UI.
      */
     ngAfterViewInit() {
-        var self = this;
-        var intv = setInterval(() => {
+        let self = this;
+        let intv = setInterval(() => {
             if (!self.editorRef)
                 return;
             this.editor = this.editorRef.editor;
@@ -3891,10 +3891,10 @@ class CodeEditorComponent {
             children: this.mapToPrimeTreeNodes(node?.items || [])
         }));
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.8", ngImport: i0, type: CodeEditorComponent, deps: [{ token: i1.MonacoEditorLoaderService }, { token: i1$1.HttpClient }, { token: MetadataProviderService }, { token: UserInfoService }, { token: DataProviderService }, { token: WtoolboxService }, { token: i1$2.DomSanitizer }], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.8", type: CodeEditorComponent, isStandalone: true, selector: "wuic-code-editor", inputs: { field: "field", record: "record", metaInfo: "metaInfo" }, host: { properties: { "style": "this.style" } }, viewQueries: [{ propertyName: "contextMenuAnchor", first: true, predicate: ["contextMenuAnchor"], descendants: true }, { propertyName: "editorRef", first: true, predicate: ["editorRef"], descendants: true }, { propertyName: "ctxs", first: true, predicate: ["ctxs"], descendants: true }], ngImport: i0, template: "@if (render) {\n<div [ngClass]=\"{'fullscreen': fullscreen, 'no-full-screen': !fullscreen }\">\n  <div\n    [ngStyle]=\"{width: sqlObjView ? '22%' : null, display: sqlObjView ? null : 'none', position: fullscreen ? 'absolute' : null, 'left': fullscreen ? '0px' : null, 'top': fullscreen ? '0px' : null }\"\n    style=\"float: left; height: 100%; overflow: auto; background-color: #1e1e1e; z-index: 2000;\">\n    <p-tree [value]=\"primeTreeNodes\">\n      <ng-template let-node pTemplate=\"default\">\n        <span style=\"-webkit-user-select: none; -ms-user-select: none;  user-select: none;\" draggable=\"true\"\n          (dragstart)=\"onTreeNodeDragStart($event, node.data)\" (click)=\"editorOptions.onNodeClick($event, node.data)\"\n          (dragend)=\"onTreeNodeDragEnd($event, node.data)\">\n          <span>\n            {{ node.label }}\n          </span>\n        </span>\n      </ng-template>\n    </p-tree>\n  </div>\n  <div [ngStyle]=\"{width: sqlObjView ? '78%' : '100%', 'left': fullscreen ? (!sqlObjView ? '0px' : '22%') : null }\"\n    style=\"height: 100%; float: left;\">\n    <ul class=\"editor-btn\">\n      <li>\n        <div (click)=\"setFullScreen($event, this)\">\n          <i\n            [ngClass]=\"{'pi': true, 'pi-window-maximize': fullscreen == false, 'pi-window-minimize': fullscreen == true}\"></i>\n        </div>\n      </li>\n      @if (editorOptions.language == 'sql') {\n      <li>\n        <div (click)=\"toggleSqlObjView($event, this)\">\n          <i [ngClass]=\"{'pi': true, 'pi-server': true}\"></i>\n        </div>\n      </li>\n      }\n      @if (editorOptions.language == 'sql') {\n      <li>\n        <div (click)=\"testSql($event, this)\">\n          <i [ngClass]=\"{'pi': true, 'pi-verified': true}\"></i>\n        </div>\n      </li>\n      }\n      @if (field.mc_suggest_value_callback) {\n      <li>\n        <div (click)=\"suggest($event, this)\">\n          <i [ngClass]=\"{'pi': true, 'pi-question': true}\"></i>\n        </div>\n      </li>\n      }\n      @if (isHtmlEditor) {\n      <li>\n        <div (click)=\"formatHtmlNow($event)\" title=\"Format HTML\">\n          <i [ngClass]=\"{'pi': true, 'pi-align-left': true}\"></i>\n        </div>\n      </li>\n      <li>\n        <div (click)=\"toggleHtmlPreview($event)\" title=\"Toggle HTML preview\">\n          <i [ngClass]=\"{'pi': true, 'pi-eye': showHtmlPreview, 'pi-eye-slash': !showHtmlPreview}\"></i>\n        </div>\n      </li>\n      }\n      @if (isJsonEditor) {\n      <li>\n        <div (click)=\"formatJsonNow($event)\" title=\"Format JSON\">\n          <i [ngClass]=\"{'pi': true, 'pi-code': true}\"></i>\n        </div>\n      </li>\n      }\n    </ul>\n    <div class=\"editor-shell\">\n      <div class=\"editor-pane\" [ngClass]=\"{'editor-pane--with-preview': isHtmlEditor && showHtmlPreview}\">\n        <ngx-monaco-editor #editorRef [options]=\"editorOptions\" [ngModel]=\"editorModelValue\"\n          (ngModelChange)=\"onEditorModelChange($event)\"\n          [ngModelOptions]=\"{standalone: true}\"\n          [ngStyle]=\"{'left': fullscreen ? (!sqlObjView ? '0px' : '22%') : null, width: '100%' }\"\n          style=\"width: 100%; height: 100%;\"\n          (onDropIntoEditor)=\"editorOptions.onDropIntoEditor($event)\"></ngx-monaco-editor>\n      </div>\n      @if (isHtmlEditor && showHtmlPreview) {\n      <div class=\"html-preview-pane\">\n        <div class=\"html-preview-pane__header\">HTML Pseudo-Preview (sanitized)</div>\n        <div class=\"html-preview-pane__body\" [innerHTML]=\"sanitizedHtmlPreview\"></div>\n      </div>\n      }\n    </div>\n  </div>\n</div>\n}\n\n@if (editorRef?.editorContent?.nativeElement) {\n<p-contextMenu [target]=\"editorRef?.editorContent?.nativeElement\" [model]=\"editorOptions.contextMenuItems\"\n  appendTo=\"body\" />\n}\n", styles: [".editor-btn{color:#fff;list-style-type:none;z-index:2001;visibility:visible;position:absolute;right:10px;top:10px;display:flex;gap:8px;margin:0;padding:0}.editor-btn li{list-style:none}.editor-btn li div{width:24px;height:24px;display:flex;align-items:center;justify-content:center;border:1px solid #334155;border-radius:4px;background:#0f172ad9;cursor:pointer}.fullscreen{position:fixed;inset:16px;z-index:3000;background:#1e1e1e;width:auto;height:auto}.fullscreen .editor-shell{position:absolute;inset:44px 0 0;height:auto}.fullscreen .editor-pane ngx-monaco-editor{position:relative;height:auto!important}.no-full-screen{width:100%;height:200px;position:relative}.editor-container{overflow:visible!important}.editor-shell{display:flex;width:100%;height:100%;min-height:0}.editor-pane{flex:1 1 auto;min-width:0;height:100%}.editor-pane--with-preview{flex:0 0 62%}.html-preview-pane{flex:0 0 38%;min-width:260px;border-left:1px solid #404040;background:#111827;color:#e5e7eb;display:flex;flex-direction:column}.html-preview-pane__header{font-size:12px;letter-spacing:.04em;text-transform:uppercase;padding:10px 12px;border-bottom:1px solid #374151;color:#9ca3af}.html-preview-pane__body{flex:1 1 auto;overflow:auto;padding:12px;background:#fff;color:#111827}:host ::ng-deep .html-preview-pane__body .wuic-preview-component{border:1px solid #cbd5e1;border-left:4px solid #2563eb;border-radius:6px;padding:8px 10px;margin-bottom:10px;background:#f8fafc}:host ::ng-deep .html-preview-pane__body .wuic-preview-component__title{font-weight:600;color:#0f172a;margin-bottom:4px}:host ::ng-deep .html-preview-pane__body .wuic-preview-component__content{margin-top:8px}:host ::ng-deep .html-preview-pane__body .wuic-preview-field__label{display:block;font-size:13px;font-weight:600;color:#0f172a;margin-bottom:6px}:host ::ng-deep .html-preview-pane__body .wuic-preview-field__input{display:block;width:100%;border:1px solid #3b82f6;border-radius:4px;min-height:36px;box-sizing:border-box;background:#fff}:host ::ng-deep .monaco-editor .suggest-widget,:host ::ng-deep .monaco-editor .parameter-hints-widget,:host ::ng-deep .monaco-editor .monaco-hover{z-index:4000!important}:host ::ng-deep .monaco-editor .suggest-widget{height:220px!important;margin-top:-30px!important}:host ::ng-deep .monaco-editor .suggest-widget .tree,:host ::ng-deep .monaco-editor .suggest-widget .monaco-list,:host ::ng-deep .monaco-editor .suggest-widget .monaco-list-rows,:host ::ng-deep .monaco-editor .suggest-widget .monaco-scrollable-element{height:186px!important;max-height:186px!important}:host ::ng-deep .monaco-editor .suggest-widget .monaco-list-rows{box-sizing:border-box;padding-bottom:20px!important}::-webkit-scrollbar{width:12px}::-webkit-scrollbar-track{box-shadow:inset 0 0 5px gray;border-radius:10px}::-webkit-scrollbar-thumb{background:#ffffff80;border-radius:10px;visibility:hidden}::-webkit-scrollbar-thumb:hover{visibility:visible}::-webkit-scrollbar-thumb:hover{background:#fffc}\n"], dependencies: [{ kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1$3.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$3.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "ngmodule", type: MonacoEditorModule }, { kind: "component", type: i1.MonacoEditorComponent, selector: "ngx-monaco-editor", inputs: ["options", "uri"], outputs: ["init"] }, { kind: "ngmodule", type: ContextMenuModule }, { kind: "component", type: i13.ContextMenu, selector: "p-contextMenu, p-contextmenu, p-context-menu", inputs: ["model", "triggerEvent", "target", "global", "style", "styleClass", "autoZIndex", "baseZIndex", "id", "breakpoint", "ariaLabel", "ariaLabelledBy", "pressDelay", "appendTo", "motionOptions"], outputs: ["onShow", "onHide"] }, { kind: "directive", type: i3.PrimeTemplate, selector: "[pTemplate]", inputs: ["type", "pTemplate"] }, { kind: "ngmodule", type: TreeModule }, { kind: "component", type: i4.Tree, selector: "p-tree", inputs: ["value", "selectionMode", "loadingMode", "selection", "styleClass", "contextMenu", "contextMenuSelectionMode", "contextMenuSelection", "draggableScope", "droppableScope", "draggableNodes", "droppableNodes", "metaKeySelection", "propagateSelectionUp", "propagateSelectionDown", "loading", "loadingIcon", "emptyMessage", "ariaLabel", "togglerAriaLabel", "ariaLabelledBy", "validateDrop", "filter", "filterInputAutoFocus", "filterBy", "filterMode", "filterOptions", "filterPlaceholder", "filteredNodes", "filterLocale", "scrollHeight", "lazy", "virtualScroll", "virtualScrollItemSize", "virtualScrollOptions", "indentation", "_templateMap", "trackBy", "highlightOnSelect"], outputs: ["selectionChange", "contextMenuSelectionChange", "onNodeSelect", "onNodeUnselect", "onNodeExpand", "onNodeCollapse", "onNodeContextMenuSelect", "onNodeDoubleClick", "onNodeDrop", "onLazyLoad", "onScroll", "onScrollIndexChange", "onFilter"] }] });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: CodeEditorComponent, deps: [{ token: i1.MonacoEditorLoaderService }, { token: i1$1.HttpClient }, { token: MetadataProviderService }, { token: UserInfoService }, { token: DataProviderService }, { token: WtoolboxService }, { token: i1$2.DomSanitizer }], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.9", type: CodeEditorComponent, isStandalone: true, selector: "wuic-code-editor", inputs: { field: "field", record: "record", metaInfo: "metaInfo" }, host: { properties: { "style": "this.style" } }, viewQueries: [{ propertyName: "contextMenuAnchor", first: true, predicate: ["contextMenuAnchor"], descendants: true }, { propertyName: "editorRef", first: true, predicate: ["editorRef"], descendants: true }, { propertyName: "ctxs", first: true, predicate: ["ctxs"], descendants: true }], ngImport: i0, template: "@if (render) {\n<div [ngClass]=\"{'fullscreen': fullscreen, 'no-full-screen': !fullscreen }\">\n  <div\n    [ngStyle]=\"{width: sqlObjView ? '22%' : null, display: sqlObjView ? null : 'none', position: fullscreen ? 'absolute' : null, 'left': fullscreen ? '0px' : null, 'top': fullscreen ? '0px' : null }\"\n    style=\"float: left; height: 100%; overflow: auto; background-color: #1e1e1e; z-index: 2000;\">\n    <p-tree [value]=\"primeTreeNodes\">\n      <ng-template let-node pTemplate=\"default\">\n        <span style=\"-webkit-user-select: none; -ms-user-select: none;  user-select: none;\" draggable=\"true\"\n          (dragstart)=\"onTreeNodeDragStart($event, node.data)\" (click)=\"editorOptions.onNodeClick($event, node.data)\"\n          (dragend)=\"onTreeNodeDragEnd($event, node.data)\">\n          <span>\n            {{ node.label }}\n          </span>\n        </span>\n      </ng-template>\n    </p-tree>\n  </div>\n  <div [ngStyle]=\"{width: sqlObjView ? '78%' : '100%', 'left': fullscreen ? (!sqlObjView ? '0px' : '22%') : null }\"\n    style=\"height: 100%; float: left;\">\n    <ul class=\"editor-btn\">\n      <li>\n        <div (click)=\"setFullScreen($event, this)\">\n          <i\n            [ngClass]=\"{'pi': true, 'pi-window-maximize': fullscreen == false, 'pi-window-minimize': fullscreen == true}\"></i>\n        </div>\n      </li>\n      @if (editorOptions.language == 'sql') {\n      <li>\n        <div (click)=\"toggleSqlObjView($event, this)\">\n          <i [ngClass]=\"{'pi': true, 'pi-server': true}\"></i>\n        </div>\n      </li>\n      }\n      @if (editorOptions.language == 'sql') {\n      <li>\n        <div (click)=\"testSql($event, this)\">\n          <i [ngClass]=\"{'pi': true, 'pi-verified': true}\"></i>\n        </div>\n      </li>\n      }\n      @if (field.mc_suggest_value_callback) {\n      <li>\n        <div (click)=\"suggest($event, this)\">\n          <i [ngClass]=\"{'pi': true, 'pi-question': true}\"></i>\n        </div>\n      </li>\n      }\n      @if (isHtmlEditor) {\n      <li>\n        <div (click)=\"formatHtmlNow($event)\" title=\"Format HTML\">\n          <i [ngClass]=\"{'pi': true, 'pi-align-left': true}\"></i>\n        </div>\n      </li>\n      <li>\n        <div (click)=\"toggleHtmlPreview($event)\" title=\"Toggle HTML preview\">\n          <i [ngClass]=\"{'pi': true, 'pi-eye': showHtmlPreview, 'pi-eye-slash': !showHtmlPreview}\"></i>\n        </div>\n      </li>\n      }\n      @if (isJsonEditor) {\n      <li>\n        <div (click)=\"formatJsonNow($event)\" title=\"Format JSON\">\n          <i [ngClass]=\"{'pi': true, 'pi-code': true}\"></i>\n        </div>\n      </li>\n      }\n    </ul>\n    <div class=\"editor-shell\">\n      <div class=\"editor-pane\" [ngClass]=\"{'editor-pane--with-preview': isHtmlEditor && showHtmlPreview}\">\n        <ngx-monaco-editor #editorRef [options]=\"editorOptions\" [ngModel]=\"editorModelValue\"\n          (ngModelChange)=\"onEditorModelChange($event)\"\n          [ngModelOptions]=\"{standalone: true}\"\n          [ngStyle]=\"{'left': fullscreen ? (!sqlObjView ? '0px' : '22%') : null, width: '100%' }\"\n          style=\"width: 100%; height: 100%;\"\n          (onDropIntoEditor)=\"editorOptions.onDropIntoEditor($event)\"></ngx-monaco-editor>\n      </div>\n      @if (isHtmlEditor && showHtmlPreview) {\n      <div class=\"html-preview-pane\">\n        <div class=\"html-preview-pane__header\">HTML Pseudo-Preview (sanitized)</div>\n        <div class=\"html-preview-pane__body\" [innerHTML]=\"sanitizedHtmlPreview\"></div>\n      </div>\n      }\n    </div>\n  </div>\n</div>\n}\n\n@if (editorRef?.editorContent?.nativeElement) {\n<p-contextMenu [target]=\"editorRef?.editorContent?.nativeElement\" [model]=\"editorOptions.contextMenuItems\"\n  appendTo=\"body\" />\n}\n", styles: [".editor-btn{color:#fff;list-style-type:none;z-index:2001;visibility:visible;position:absolute;right:10px;top:10px;display:flex;gap:8px;margin:0;padding:0}.editor-btn li{list-style:none}.editor-btn li div{width:24px;height:24px;display:flex;align-items:center;justify-content:center;border:1px solid #334155;border-radius:4px;background:#0f172ad9;cursor:pointer}.fullscreen{position:fixed;inset:16px;z-index:3000;background:#1e1e1e;width:auto;height:auto}.fullscreen .editor-shell{position:absolute;inset:44px 0 0;height:auto}.fullscreen .editor-pane ngx-monaco-editor{position:relative;height:auto!important}.no-full-screen{width:100%;height:200px;position:relative}.editor-container{overflow:visible!important}.editor-shell{display:flex;width:100%;height:100%;min-height:0}.editor-pane{flex:1 1 auto;min-width:0;height:100%}.editor-pane--with-preview{flex:0 0 62%}.html-preview-pane{flex:0 0 38%;min-width:260px;border-left:1px solid #404040;background:#111827;color:#e5e7eb;display:flex;flex-direction:column}.html-preview-pane__header{font-size:12px;letter-spacing:.04em;text-transform:uppercase;padding:10px 12px;border-bottom:1px solid #374151;color:#9ca3af}.html-preview-pane__body{flex:1 1 auto;overflow:auto;padding:12px;background:#fff;color:#111827}:host ::ng-deep .html-preview-pane__body .wuic-preview-component{border:1px solid #cbd5e1;border-left:4px solid #2563eb;border-radius:6px;padding:8px 10px;margin-bottom:10px;background:#f8fafc}:host ::ng-deep .html-preview-pane__body .wuic-preview-component__title{font-weight:600;color:#0f172a;margin-bottom:4px}:host ::ng-deep .html-preview-pane__body .wuic-preview-component__content{margin-top:8px}:host ::ng-deep .html-preview-pane__body .wuic-preview-field__label{display:block;font-size:13px;font-weight:600;color:#0f172a;margin-bottom:6px}:host ::ng-deep .html-preview-pane__body .wuic-preview-field__input{display:block;width:100%;border:1px solid #3b82f6;border-radius:4px;min-height:36px;box-sizing:border-box;background:#fff}:host ::ng-deep .monaco-editor .suggest-widget,:host ::ng-deep .monaco-editor .parameter-hints-widget,:host ::ng-deep .monaco-editor .monaco-hover{z-index:4000!important}:host ::ng-deep .monaco-editor .suggest-widget{height:220px!important;margin-top:-30px!important}:host ::ng-deep .monaco-editor .suggest-widget .tree,:host ::ng-deep .monaco-editor .suggest-widget .monaco-list,:host ::ng-deep .monaco-editor .suggest-widget .monaco-list-rows,:host ::ng-deep .monaco-editor .suggest-widget .monaco-scrollable-element{height:186px!important;max-height:186px!important}:host ::ng-deep .monaco-editor .suggest-widget .monaco-list-rows{box-sizing:border-box;padding-bottom:20px!important}::-webkit-scrollbar{width:12px}::-webkit-scrollbar-track{box-shadow:inset 0 0 5px gray;border-radius:10px}::-webkit-scrollbar-thumb{background:#ffffff80;border-radius:10px;visibility:hidden}::-webkit-scrollbar-thumb:hover{visibility:visible}::-webkit-scrollbar-thumb:hover{background:#fffc}\n"], dependencies: [{ kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1$3.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$3.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "ngmodule", type: MonacoEditorModule }, { kind: "component", type: i1.MonacoEditorComponent, selector: "ngx-monaco-editor", inputs: ["options", "uri"], outputs: ["init"] }, { kind: "ngmodule", type: ContextMenuModule }, { kind: "component", type: i13.ContextMenu, selector: "p-contextMenu, p-contextmenu, p-context-menu", inputs: ["model", "triggerEvent", "target", "global", "style", "styleClass", "autoZIndex", "baseZIndex", "id", "breakpoint", "ariaLabel", "ariaLabelledBy", "pressDelay", "appendTo", "motionOptions"], outputs: ["onShow", "onHide"] }, { kind: "directive", type: i3.PrimeTemplate, selector: "[pTemplate]", inputs: ["type", "pTemplate"] }, { kind: "ngmodule", type: TreeModule }, { kind: "component", type: i4.Tree, selector: "p-tree", inputs: ["value", "selectionMode", "loadingMode", "selection", "styleClass", "contextMenu", "contextMenuSelectionMode", "contextMenuSelection", "draggableScope", "droppableScope", "draggableNodes", "droppableNodes", "metaKeySelection", "propagateSelectionUp", "propagateSelectionDown", "loading", "loadingIcon", "emptyMessage", "ariaLabel", "togglerAriaLabel", "ariaLabelledBy", "validateDrop", "filter", "filterInputAutoFocus", "filterBy", "filterMode", "filterOptions", "filterPlaceholder", "filteredNodes", "filterLocale", "scrollHeight", "lazy", "virtualScroll", "virtualScrollItemSize", "virtualScrollOptions", "indentation", "_templateMap", "trackBy", "highlightOnSelect"], outputs: ["selectionChange", "contextMenuSelectionChange", "onNodeSelect", "onNodeUnselect", "onNodeExpand", "onNodeCollapse", "onNodeContextMenuSelect", "onNodeDoubleClick", "onNodeDrop", "onLazyLoad", "onScroll", "onScrollIndexChange", "onFilter"] }] });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.8", ngImport: i0, type: CodeEditorComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: CodeEditorComponent, decorators: [{
             type: Component,
             args: [{ selector: 'wuic-code-editor', imports: [NgClass, NgStyle, FormsModule, MonacoEditorModule, ContextMenuModule, TreeModule], template: "@if (render) {\n<div [ngClass]=\"{'fullscreen': fullscreen, 'no-full-screen': !fullscreen }\">\n  <div\n    [ngStyle]=\"{width: sqlObjView ? '22%' : null, display: sqlObjView ? null : 'none', position: fullscreen ? 'absolute' : null, 'left': fullscreen ? '0px' : null, 'top': fullscreen ? '0px' : null }\"\n    style=\"float: left; height: 100%; overflow: auto; background-color: #1e1e1e; z-index: 2000;\">\n    <p-tree [value]=\"primeTreeNodes\">\n      <ng-template let-node pTemplate=\"default\">\n        <span style=\"-webkit-user-select: none; -ms-user-select: none;  user-select: none;\" draggable=\"true\"\n          (dragstart)=\"onTreeNodeDragStart($event, node.data)\" (click)=\"editorOptions.onNodeClick($event, node.data)\"\n          (dragend)=\"onTreeNodeDragEnd($event, node.data)\">\n          <span>\n            {{ node.label }}\n          </span>\n        </span>\n      </ng-template>\n    </p-tree>\n  </div>\n  <div [ngStyle]=\"{width: sqlObjView ? '78%' : '100%', 'left': fullscreen ? (!sqlObjView ? '0px' : '22%') : null }\"\n    style=\"height: 100%; float: left;\">\n    <ul class=\"editor-btn\">\n      <li>\n        <div (click)=\"setFullScreen($event, this)\">\n          <i\n            [ngClass]=\"{'pi': true, 'pi-window-maximize': fullscreen == false, 'pi-window-minimize': fullscreen == true}\"></i>\n        </div>\n      </li>\n      @if (editorOptions.language == 'sql') {\n      <li>\n        <div (click)=\"toggleSqlObjView($event, this)\">\n          <i [ngClass]=\"{'pi': true, 'pi-server': true}\"></i>\n        </div>\n      </li>\n      }\n      @if (editorOptions.language == 'sql') {\n      <li>\n        <div (click)=\"testSql($event, this)\">\n          <i [ngClass]=\"{'pi': true, 'pi-verified': true}\"></i>\n        </div>\n      </li>\n      }\n      @if (field.mc_suggest_value_callback) {\n      <li>\n        <div (click)=\"suggest($event, this)\">\n          <i [ngClass]=\"{'pi': true, 'pi-question': true}\"></i>\n        </div>\n      </li>\n      }\n      @if (isHtmlEditor) {\n      <li>\n        <div (click)=\"formatHtmlNow($event)\" title=\"Format HTML\">\n          <i [ngClass]=\"{'pi': true, 'pi-align-left': true}\"></i>\n        </div>\n      </li>\n      <li>\n        <div (click)=\"toggleHtmlPreview($event)\" title=\"Toggle HTML preview\">\n          <i [ngClass]=\"{'pi': true, 'pi-eye': showHtmlPreview, 'pi-eye-slash': !showHtmlPreview}\"></i>\n        </div>\n      </li>\n      }\n      @if (isJsonEditor) {\n      <li>\n        <div (click)=\"formatJsonNow($event)\" title=\"Format JSON\">\n          <i [ngClass]=\"{'pi': true, 'pi-code': true}\"></i>\n        </div>\n      </li>\n      }\n    </ul>\n    <div class=\"editor-shell\">\n      <div class=\"editor-pane\" [ngClass]=\"{'editor-pane--with-preview': isHtmlEditor && showHtmlPreview}\">\n        <ngx-monaco-editor #editorRef [options]=\"editorOptions\" [ngModel]=\"editorModelValue\"\n          (ngModelChange)=\"onEditorModelChange($event)\"\n          [ngModelOptions]=\"{standalone: true}\"\n          [ngStyle]=\"{'left': fullscreen ? (!sqlObjView ? '0px' : '22%') : null, width: '100%' }\"\n          style=\"width: 100%; height: 100%;\"\n          (onDropIntoEditor)=\"editorOptions.onDropIntoEditor($event)\"></ngx-monaco-editor>\n      </div>\n      @if (isHtmlEditor && showHtmlPreview) {\n      <div class=\"html-preview-pane\">\n        <div class=\"html-preview-pane__header\">HTML Pseudo-Preview (sanitized)</div>\n        <div class=\"html-preview-pane__body\" [innerHTML]=\"sanitizedHtmlPreview\"></div>\n      </div>\n      }\n    </div>\n  </div>\n</div>\n}\n\n@if (editorRef?.editorContent?.nativeElement) {\n<p-contextMenu [target]=\"editorRef?.editorContent?.nativeElement\" [model]=\"editorOptions.contextMenuItems\"\n  appendTo=\"body\" />\n}\n", styles: [".editor-btn{color:#fff;list-style-type:none;z-index:2001;visibility:visible;position:absolute;right:10px;top:10px;display:flex;gap:8px;margin:0;padding:0}.editor-btn li{list-style:none}.editor-btn li div{width:24px;height:24px;display:flex;align-items:center;justify-content:center;border:1px solid #334155;border-radius:4px;background:#0f172ad9;cursor:pointer}.fullscreen{position:fixed;inset:16px;z-index:3000;background:#1e1e1e;width:auto;height:auto}.fullscreen .editor-shell{position:absolute;inset:44px 0 0;height:auto}.fullscreen .editor-pane ngx-monaco-editor{position:relative;height:auto!important}.no-full-screen{width:100%;height:200px;position:relative}.editor-container{overflow:visible!important}.editor-shell{display:flex;width:100%;height:100%;min-height:0}.editor-pane{flex:1 1 auto;min-width:0;height:100%}.editor-pane--with-preview{flex:0 0 62%}.html-preview-pane{flex:0 0 38%;min-width:260px;border-left:1px solid #404040;background:#111827;color:#e5e7eb;display:flex;flex-direction:column}.html-preview-pane__header{font-size:12px;letter-spacing:.04em;text-transform:uppercase;padding:10px 12px;border-bottom:1px solid #374151;color:#9ca3af}.html-preview-pane__body{flex:1 1 auto;overflow:auto;padding:12px;background:#fff;color:#111827}:host ::ng-deep .html-preview-pane__body .wuic-preview-component{border:1px solid #cbd5e1;border-left:4px solid #2563eb;border-radius:6px;padding:8px 10px;margin-bottom:10px;background:#f8fafc}:host ::ng-deep .html-preview-pane__body .wuic-preview-component__title{font-weight:600;color:#0f172a;margin-bottom:4px}:host ::ng-deep .html-preview-pane__body .wuic-preview-component__content{margin-top:8px}:host ::ng-deep .html-preview-pane__body .wuic-preview-field__label{display:block;font-size:13px;font-weight:600;color:#0f172a;margin-bottom:6px}:host ::ng-deep .html-preview-pane__body .wuic-preview-field__input{display:block;width:100%;border:1px solid #3b82f6;border-radius:4px;min-height:36px;box-sizing:border-box;background:#fff}:host ::ng-deep .monaco-editor .suggest-widget,:host ::ng-deep .monaco-editor .parameter-hints-widget,:host ::ng-deep .monaco-editor .monaco-hover{z-index:4000!important}:host ::ng-deep .monaco-editor .suggest-widget{height:220px!important;margin-top:-30px!important}:host ::ng-deep .monaco-editor .suggest-widget .tree,:host ::ng-deep .monaco-editor .suggest-widget .monaco-list,:host ::ng-deep .monaco-editor .suggest-widget .monaco-list-rows,:host ::ng-deep .monaco-editor .suggest-widget .monaco-scrollable-element{height:186px!important;max-height:186px!important}:host ::ng-deep .monaco-editor .suggest-widget .monaco-list-rows{box-sizing:border-box;padding-bottom:20px!important}::-webkit-scrollbar{width:12px}::-webkit-scrollbar-track{box-shadow:inset 0 0 5px gray;border-radius:10px}::-webkit-scrollbar-thumb{background:#ffffff80;border-radius:10px;visibility:hidden}::-webkit-scrollbar-thumb:hover{visibility:visible}::-webkit-scrollbar-thumb:hover{background:#fffc}\n"] }]
         }], ctorParameters: () => [{ type: i1.MonacoEditorLoaderService }, { type: i1$1.HttpClient }, { type: MetadataProviderService }, { type: UserInfoService }, { type: DataProviderService }, { type: WtoolboxService }, { type: i1$2.DomSanitizer }], propDecorators: { style: [{
@@ -3918,4 +3918,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.8", ngImpor
             }] } });
 
 export { CodeEditorComponent };
-//# sourceMappingURL=wuic-framework-lib-code-editor.component-BjbIkm4g.mjs.map
+//# sourceMappingURL=wuic-framework-lib-code-editor.component-D1dy4Dl9.mjs.map