vscode-css-languageservice 5.4.2 → 6.1.0

package/lib/umd/services/cssCompletion.js

@@ -1,39 +1,3 @@
-var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
-    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
-    return new (P || (P = Promise))(function (resolve, reject) {
-        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
-        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
-        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
-        step((generator = generator.apply(thisArg, _arguments || [])).next());
-    });
-};
-var __generator = (this && this.__generator) || function (thisArg, body) {
-    var _ = { label: 0, sent: function() { if (t[0] & 1) throw t[1]; return t[1]; }, trys: [], ops: [] }, f, y, t, g;
-    return g = { next: verb(0), "throw": verb(1), "return": verb(2) }, typeof Symbol === "function" && (g[Symbol.iterator] = function() { return this; }), g;
-    function verb(n) { return function (v) { return step([n, v]); }; }
-    function step(op) {
-        if (f) throw new TypeError("Generator is already executing.");
-        while (_) try {
-            if (f = 1, y && (t = op[0] & 2 ? y["return"] : op[0] ? y["throw"] || ((t = y["return"]) && t.call(y), 0) : y.next) && !(t = t.call(y, op[1])).done) return t;
-            if (y = 0, t) op = [op[0] & 2, t.value];
-            switch (op[0]) {
-                case 0: case 1: t = op; break;
-                case 4: _.label++; return { value: op[1], done: false };
-                case 5: _.label++; y = op[1]; op = [0]; continue;
-                case 7: op = _.ops.pop(); _.trys.pop(); continue;
-                default:
-                    if (!(t = _.trys, t = t.length > 0 && t[t.length - 1]) && (op[0] === 6 || op[0] === 2)) { _ = 0; continue; }
-                    if (op[0] === 3 && (!t || (op[1] > t[0] && op[1] < t[3]))) { _.label = op[1]; break; }
-                    if (op[0] === 6 && _.label < t[1]) { _.label = t[1]; t = op; break; }
-                    if (t && _.label < t[2]) { _.label = t[2]; _.ops.push(op); break; }
-                    if (t[2]) _.ops.pop();
-                    _.trys.pop(); continue;
-            }
-            op = body.call(thisArg, _);
-        } catch (e) { op = [6, e]; y = 0; } finally { f = t = 0; }
-        if (op[0] & 5) throw op[1]; return { value: op[0] ? op[1] : void 0, done: true };
-    }
-};
 (function (factory) {
     if (typeof module === "object" && typeof module.exports === "object") {
         var v = factory(require, exports);
@@ -50,17 +14,17 @@ var __generator = (this && this.__generator) || function (thisArg, body) {
     'use strict';
     Object.defineProperty(exports, "__esModule", { value: true });
     exports.CSSCompletion = void 0;
-    var nodes = require("../parser/cssNodes");
-    var cssSymbolScope_1 = require("../parser/cssSymbolScope");
-    var languageFacts = require("../languageFacts/facts");
-    var strings = require("../utils/strings");
-    var cssLanguageTypes_1 = require("../cssLanguageTypes");
-    var nls = require("vscode-nls");
-    var objects_1 = require("../utils/objects");
-    var pathCompletion_1 = require("./pathCompletion");
-    var localize = nls.loadMessageBundle();
-    var SnippetFormat = cssLanguageTypes_1.InsertTextFormat.Snippet;
-    var retriggerCommand = {
+    const nodes = require("../parser/cssNodes");
+    const cssSymbolScope_1 = require("../parser/cssSymbolScope");
+    const languageFacts = require("../languageFacts/facts");
+    const strings = require("../utils/strings");
+    const cssLanguageTypes_1 = require("../cssLanguageTypes");
+    const nls = require("vscode-nls");
+    const objects_1 = require("../utils/objects");
+    const pathCompletion_1 = require("./pathCompletion");
+    const localize = nls.loadMessageBundle();
+    const SnippetFormat = cssLanguageTypes_1.InsertTextFormat.Snippet;
+    const retriggerCommand = {
         title: 'Suggest',
         command: 'editor.action.triggerSuggest'
     };
@@ -73,59 +37,45 @@ var __generator = (this && this.__generator) || function (thisArg, body) {
         SortTexts["Term"] = "y";
         SortTexts["Variable"] = "z";
     })(SortTexts || (SortTexts = {}));
-    var CSSCompletion = /** @class */ (function () {
-        function CSSCompletion(variablePrefix, lsOptions, cssDataManager) {
-            if (variablePrefix === void 0) { variablePrefix = null; }
+    class CSSCompletion {
+        constructor(variablePrefix = null, lsOptions, cssDataManager) {
             this.variablePrefix = variablePrefix;
             this.lsOptions = lsOptions;
             this.cssDataManager = cssDataManager;
             this.completionParticipants = [];
         }
-        CSSCompletion.prototype.configure = function (settings) {
+        configure(settings) {
             this.defaultSettings = settings;
-        };
-        CSSCompletion.prototype.getSymbolContext = function () {
+        }
+        getSymbolContext() {
             if (!this.symbolContext) {
                 this.symbolContext = new cssSymbolScope_1.Symbols(this.styleSheet);
             }
             return this.symbolContext;
-        };
-        CSSCompletion.prototype.setCompletionParticipants = function (registeredCompletionParticipants) {
+        }
+        setCompletionParticipants(registeredCompletionParticipants) {
             this.completionParticipants = registeredCompletionParticipants || [];
-        };
-        CSSCompletion.prototype.doComplete2 = function (document, position, styleSheet, documentContext, completionSettings) {
-            if (completionSettings === void 0) { completionSettings = this.defaultSettings; }
-            return __awaiter(this, void 0, void 0, function () {
-                var participant, contributedParticipants, result, pathCompletionResult;
-                return __generator(this, function (_a) {
-                    switch (_a.label) {
-                        case 0:
-                            if (!this.lsOptions.fileSystemProvider || !this.lsOptions.fileSystemProvider.readDirectory) {
-                                return [2 /*return*/, this.doComplete(document, position, styleSheet, completionSettings)];
-                            }
-                            participant = new pathCompletion_1.PathCompletionParticipant(this.lsOptions.fileSystemProvider.readDirectory);
-                            contributedParticipants = this.completionParticipants;
-                            this.completionParticipants = [participant].concat(contributedParticipants);
-                            result = this.doComplete(document, position, styleSheet, completionSettings);
-                            _a.label = 1;
-                        case 1:
-                            _a.trys.push([1, , 3, 4]);
-                            return [4 /*yield*/, participant.computeCompletions(document, documentContext)];
-                        case 2:
-                            pathCompletionResult = _a.sent();
-                            return [2 /*return*/, {
-                                    isIncomplete: result.isIncomplete || pathCompletionResult.isIncomplete,
-                                    items: pathCompletionResult.items.concat(result.items)
-                                }];
-                        case 3:
-                            this.completionParticipants = contributedParticipants;
-                            return [7 /*endfinally*/];
-                        case 4: return [2 /*return*/];
-                    }
-                });
-            });
-        };
-        CSSCompletion.prototype.doComplete = function (document, position, styleSheet, documentSettings) {
+        }
+        async doComplete2(document, position, styleSheet, documentContext, completionSettings = this.defaultSettings) {
+            if (!this.lsOptions.fileSystemProvider || !this.lsOptions.fileSystemProvider.readDirectory) {
+                return this.doComplete(document, position, styleSheet, completionSettings);
+            }
+            const participant = new pathCompletion_1.PathCompletionParticipant(this.lsOptions.fileSystemProvider.readDirectory);
+            const contributedParticipants = this.completionParticipants;
+            this.completionParticipants = [participant].concat(contributedParticipants);
+            const result = this.doComplete(document, position, styleSheet, completionSettings);
+            try {
+                const pathCompletionResult = await participant.computeCompletions(document, documentContext);
+                return {
+                    isIncomplete: result.isIncomplete || pathCompletionResult.isIncomplete,
+                    items: pathCompletionResult.items.concat(result.items)
+                };
+            }
+            finally {
+                this.completionParticipants = contributedParticipants;
+            }
+        }
+        doComplete(document, position, styleSheet, documentSettings) {
             this.offset = document.offsetAt(position);
             this.position = position;
             this.currentWord = getCurrentWord(document, this.offset);
@@ -134,10 +84,10 @@ var __generator = (this && this.__generator) || function (thisArg, body) {
             this.styleSheet = styleSheet;
             this.documentSettings = documentSettings;
             try {
-                var result = { isIncomplete: false, items: [] };
+                const result = { isIncomplete: false, items: [] };
                 this.nodePath = nodes.getNodePath(this.styleSheet, this.offset);
-                for (var i = this.nodePath.length - 1; i >= 0; i--) {
-                    var node = this.nodePath[i];
+                for (let i = this.nodePath.length - 1; i >= 0; i--) {
+                    const node = this.nodePath[i];
                     if (node instanceof nodes.Property) {
                         this.getCompletionsForDeclarationProperty(node.getParent(), result);
                     }
@@ -150,13 +100,13 @@ var __generator = (this && this.__generator) || function (thisArg, body) {
                         }
                     }
                     else if (node instanceof nodes.SimpleSelector) {
-                        var parentRef = node.findAParent(nodes.NodeType.ExtendsReference, nodes.NodeType.Ruleset);
+                        const parentRef = node.findAParent(nodes.NodeType.ExtendsReference, nodes.NodeType.Ruleset);
                         if (parentRef) {
                             if (parentRef.type === nodes.NodeType.ExtendsReference) {
                                 this.getCompletionsForExtendsReference(parentRef, node, result);
                             }
                             else {
-                                var parentRuleSet = parentRef;
+                                const parentRuleSet = parentRef;
                                 this.getCompletionsForSelector(parentRuleSet, parentRuleSet && parentRuleSet.isNested(), result);
                             }
                         }
@@ -230,40 +180,35 @@ var __generator = (this && this.__generator) || function (thisArg, body) {
                 this.defaultReplaceRange = null;
                 this.nodePath = null;
             }
-        };
-        CSSCompletion.prototype.isImportPathParent = function (type) {
+        }
+        isImportPathParent(type) {
             return type === nodes.NodeType.Import;
-        };
-        CSSCompletion.prototype.finalize = function (result) {
+        }
+        finalize(result) {
             return result;
-        };
-        CSSCompletion.prototype.findInNodePath = function () {
-            var types = [];
-            for (var _i = 0; _i < arguments.length; _i++) {
-                types[_i] = arguments[_i];
-            }
-            for (var i = this.nodePath.length - 1; i >= 0; i--) {
-                var node = this.nodePath[i];
+        }
+        findInNodePath(...types) {
+            for (let i = this.nodePath.length - 1; i >= 0; i--) {
+                const node = this.nodePath[i];
                 if (types.indexOf(node.type) !== -1) {
                     return node;
                 }
             }
             return null;
-        };
-        CSSCompletion.prototype.getCompletionsForDeclarationProperty = function (declaration, result) {
+        }
+        getCompletionsForDeclarationProperty(declaration, result) {
             return this.getPropertyProposals(declaration, result);
-        };
-        CSSCompletion.prototype.getPropertyProposals = function (declaration, result) {
-            var _this = this;
-            var triggerPropertyValueCompletion = this.isTriggerPropertyValueCompletionEnabled;
-            var completePropertyWithSemicolon = this.isCompletePropertyWithSemicolonEnabled;
-            var properties = this.cssDataManager.getProperties();
-            properties.forEach(function (entry) {
-                var range;
-                var insertText;
-                var retrigger = false;
+        }
+        getPropertyProposals(declaration, result) {
+            const triggerPropertyValueCompletion = this.isTriggerPropertyValueCompletionEnabled;
+            const completePropertyWithSemicolon = this.isCompletePropertyWithSemicolonEnabled;
+            const properties = this.cssDataManager.getProperties();
+            properties.forEach(entry => {
+                let range;
+                let insertText;
+                let retrigger = false;
                 if (declaration) {
-                    range = _this.getCompletionRange(declaration.getProperty());
+                    range = this.getCompletionRange(declaration.getProperty());
                     insertText = entry.name;
                     if (!(0, objects_1.isDefined)(declaration.colonPosition)) {
                         insertText += ': ';
@@ -271,7 +216,7 @@ var __generator = (this && this.__generator) || function (thisArg, body) {
                     }
                 }
                 else {
-                    range = _this.getCompletionRange(null);
+                    range = this.getCompletionRange(null);
                     insertText = entry.name + ': ';
                     retrigger = true;
                 }
@@ -281,13 +226,13 @@ var __generator = (this && this.__generator) || function (thisArg, body) {
                 }
                 // Cases such as .selector { p; } or .selector { p:; }
                 if (declaration && !declaration.semicolonPosition) {
-                    if (completePropertyWithSemicolon && _this.offset >= _this.textDocument.offsetAt(range.end)) {
+                    if (completePropertyWithSemicolon && this.offset >= this.textDocument.offsetAt(range.end)) {
                         insertText += '$0;';
                     }
                 }
-                var item = {
+                const item = {
                     label: entry.name,
-                    documentation: languageFacts.getEntryDescription(entry, _this.doesSupportMarkdown()),
+                    documentation: languageFacts.getEntryDescription(entry, this.doesSupportMarkdown()),
                     tags: isDeprecated(entry) ? [cssLanguageTypes_1.CompletionItemTag.Deprecated] : [],
                     textEdit: cssLanguageTypes_1.TextEdit.replace(range, insertText),
                     insertTextFormat: cssLanguageTypes_1.InsertTextFormat.Snippet,
@@ -299,59 +244,47 @@ var __generator = (this && this.__generator) || function (thisArg, body) {
                 if (triggerPropertyValueCompletion && retrigger) {
                     item.command = retriggerCommand;
                 }
-                var relevance = typeof entry.relevance === 'number' ? Math.min(Math.max(entry.relevance, 0), 99) : 50;
-                var sortTextSuffix = (255 - relevance).toString(16);
-                var sortTextPrefix = strings.startsWith(entry.name, '-') ? SortTexts.VendorPrefixed : SortTexts.Normal;
+                const relevance = typeof entry.relevance === 'number' ? Math.min(Math.max(entry.relevance, 0), 99) : 50;
+                const sortTextSuffix = (255 - relevance).toString(16);
+                const sortTextPrefix = strings.startsWith(entry.name, '-') ? SortTexts.VendorPrefixed : SortTexts.Normal;
                 item.sortText = sortTextPrefix + '_' + sortTextSuffix;
                 result.items.push(item);
             });
-            this.completionParticipants.forEach(function (participant) {
+            this.completionParticipants.forEach(participant => {
                 if (participant.onCssProperty) {
                     participant.onCssProperty({
-                        propertyName: _this.currentWord,
-                        range: _this.defaultReplaceRange
+                        propertyName: this.currentWord,
+                        range: this.defaultReplaceRange
                     });
                 }
             });
             return result;
-        };
-        Object.defineProperty(CSSCompletion.prototype, "isTriggerPropertyValueCompletionEnabled", {
-            get: function () {
-                var _a, _b;
-                return (_b = (_a = this.documentSettings) === null || _a === void 0 ? void 0 : _a.triggerPropertyValueCompletion) !== null && _b !== void 0 ? _b : true;
-            },
-            enumerable: false,
-            configurable: true
-        });
-        Object.defineProperty(CSSCompletion.prototype, "isCompletePropertyWithSemicolonEnabled", {
-            get: function () {
-                var _a, _b;
-                return (_b = (_a = this.documentSettings) === null || _a === void 0 ? void 0 : _a.completePropertyWithSemicolon) !== null && _b !== void 0 ? _b : true;
-            },
-            enumerable: false,
-            configurable: true
-        });
-        CSSCompletion.prototype.getCompletionsForDeclarationValue = function (node, result) {
-            var _this = this;
-            var propertyName = node.getFullPropertyName();
-            var entry = this.cssDataManager.getProperty(propertyName);
-            var existingNode = node.getValue() || null;
+        }
+        get isTriggerPropertyValueCompletionEnabled() {
+            return this.documentSettings?.triggerPropertyValueCompletion ?? true;
+        }
+        get isCompletePropertyWithSemicolonEnabled() {
+            return this.documentSettings?.completePropertyWithSemicolon ?? true;
+        }
+        getCompletionsForDeclarationValue(node, result) {
+            const propertyName = node.getFullPropertyName();
+            const entry = this.cssDataManager.getProperty(propertyName);
+            let existingNode = node.getValue() || null;
             while (existingNode && existingNode.hasChildren()) {
                 existingNode = existingNode.findChildAtOffset(this.offset, false);
             }
-            this.completionParticipants.forEach(function (participant) {
+            this.completionParticipants.forEach(participant => {
                 if (participant.onCssPropertyValue) {
                     participant.onCssPropertyValue({
-                        propertyName: propertyName,
-                        propertyValue: _this.currentWord,
-                        range: _this.getCompletionRange(existingNode)
+                        propertyName,
+                        propertyValue: this.currentWord,
+                        range: this.getCompletionRange(existingNode)
                     });
                 }
             });
             if (entry) {
                 if (entry.restrictions) {
-                    for (var _i = 0, _a = entry.restrictions; _i < _a.length; _i++) {
-                        var restriction = _a[_i];
+                    for (const restriction of entry.restrictions) {
                         switch (restriction) {
                             case 'color':
                                 this.getColorProposals(entry, existingNode, result);
@@ -391,9 +324,8 @@ var __generator = (this && this.__generator) || function (thisArg, body) {
                 this.getUnitProposals(entry, existingNode, result);
             }
             else {
-                var existingValues = collectValues(this.styleSheet, node);
-                for (var _b = 0, _c = existingValues.getEntries(); _b < _c.length; _b++) {
-                    var existingValue = _c[_b];
+                const existingValues = collectValues(this.styleSheet, node);
+                for (const existingValue of existingValues.getEntries()) {
                     result.items.push({
                         label: existingValue,
                         textEdit: cssLanguageTypes_1.TextEdit.replace(this.getCompletionRange(existingNode), existingValue),
@@ -404,40 +336,39 @@ var __generator = (this && this.__generator) || function (thisArg, body) {
             this.getVariableProposals(existingNode, result);
             this.getTermProposals(entry, existingNode, result);
             return result;
-        };
-        CSSCompletion.prototype.getValueEnumProposals = function (entry, existingNode, result) {
+        }
+        getValueEnumProposals(entry, existingNode, result) {
             if (entry.values) {
-                for (var _i = 0, _a = entry.values; _i < _a.length; _i++) {
-                    var value = _a[_i];
-                    var insertString = value.name;
-                    var insertTextFormat = void 0;
+                for (const value of entry.values) {
+                    let insertString = value.name;
+                    let insertTextFormat;
                     if (strings.endsWith(insertString, ')')) {
-                        var from = insertString.lastIndexOf('(');
+                        const from = insertString.lastIndexOf('(');
                         if (from !== -1) {
-                            insertString = insertString.substr(0, from) + '($1)';
+                            insertString = insertString.substring(0, from + 1) + '$1' + insertString.substring(from + 1);
                             insertTextFormat = SnippetFormat;
                         }
                     }
-                    var sortText = SortTexts.Enums;
+                    let sortText = SortTexts.Enums;
                     if (strings.startsWith(value.name, '-')) {
                         sortText += SortTexts.VendorPrefixed;
                     }
-                    var item = {
+                    const item = {
                         label: value.name,
                         documentation: languageFacts.getEntryDescription(value, this.doesSupportMarkdown()),
                         tags: isDeprecated(entry) ? [cssLanguageTypes_1.CompletionItemTag.Deprecated] : [],
                         textEdit: cssLanguageTypes_1.TextEdit.replace(this.getCompletionRange(existingNode), insertString),
-                        sortText: sortText,
+                        sortText,
                         kind: cssLanguageTypes_1.CompletionItemKind.Value,
-                        insertTextFormat: insertTextFormat
+                        insertTextFormat
                     };
                     result.items.push(item);
                 }
             }
             return result;
-        };
-        CSSCompletion.prototype.getCSSWideKeywordProposals = function (entry, existingNode, result) {
-            for (var keywords in languageFacts.cssWideKeywords) {
+        }
+        getCSSWideKeywordProposals(entry, existingNode, result) {
+            for (const keywords in languageFacts.cssWideKeywords) {
                 result.items.push({
                     label: keywords,
                     documentation: languageFacts.cssWideKeywords[keywords],
@@ -445,8 +376,8 @@ var __generator = (this && this.__generator) || function (thisArg, body) {
                     kind: cssLanguageTypes_1.CompletionItemKind.Value
                 });
             }
-            for (var func in languageFacts.cssWideFunctions) {
-                var insertText = moveCursorInsideParenthesis(func);
+            for (const func in languageFacts.cssWideFunctions) {
+                const insertText = moveCursorInsideParenthesis(func);
                 result.items.push({
                     label: func,
                     documentation: languageFacts.cssWideFunctions[func],
@@ -457,19 +388,18 @@ var __generator = (this && this.__generator) || function (thisArg, body) {
                 });
             }
             return result;
-        };
-        CSSCompletion.prototype.getCompletionsForInterpolation = function (node, result) {
+        }
+        getCompletionsForInterpolation(node, result) {
             if (this.offset >= node.offset + 2) {
                 this.getVariableProposals(null, result);
             }
             return result;
-        };
-        CSSCompletion.prototype.getVariableProposals = function (existingNode, result) {
-            var symbols = this.getSymbolContext().findSymbolsAtOffset(this.offset, nodes.ReferenceType.Variable);
-            for (var _i = 0, symbols_1 = symbols; _i < symbols_1.length; _i++) {
-                var symbol = symbols_1[_i];
-                var insertText = strings.startsWith(symbol.name, '--') ? "var(".concat(symbol.name, ")") : symbol.name;
-                var completionItem = {
+        }
+        getVariableProposals(existingNode, result) {
+            const symbols = this.getSymbolContext().findSymbolsAtOffset(this.offset, nodes.ReferenceType.Variable);
+            for (const symbol of symbols) {
+                const insertText = strings.startsWith(symbol.name, '--') ? `var(${symbol.name})` : symbol.name;
+                const completionItem = {
                     label: symbol.name,
                     documentation: symbol.value ? strings.getLimitedString(symbol.value) : symbol.value,
                     textEdit: cssLanguageTypes_1.TextEdit.replace(this.getCompletionRange(existingNode), insertText),
@@ -480,7 +410,7 @@ var __generator = (this && this.__generator) || function (thisArg, body) {
                     completionItem.kind = cssLanguageTypes_1.CompletionItemKind.Color;
                 }
                 if (symbol.node.type === nodes.NodeType.FunctionParameter) {
-                    var mixinNode = (symbol.node.getParent());
+                    const mixinNode = (symbol.node.getParent());
                     if (mixinNode.type === nodes.NodeType.MixinDeclaration) {
                         completionItem.detail = localize('completion.argument', 'argument from \'{0}\'', mixinNode.getName());
                     }
@@ -488,15 +418,14 @@ var __generator = (this && this.__generator) || function (thisArg, body) {
                 result.items.push(completionItem);
             }
             return result;
-        };
-        CSSCompletion.prototype.getVariableProposalsForCSSVarFunction = function (result) {
-            var allReferencedVariables = new Set();
+        }
+        getVariableProposalsForCSSVarFunction(result) {
+            const allReferencedVariables = new Set();
             this.styleSheet.acceptVisitor(new VariableCollector(allReferencedVariables, this.offset));
-            var symbols = this.getSymbolContext().findSymbolsAtOffset(this.offset, nodes.ReferenceType.Variable);
-            for (var _i = 0, symbols_2 = symbols; _i < symbols_2.length; _i++) {
-                var symbol = symbols_2[_i];
+            let symbols = this.getSymbolContext().findSymbolsAtOffset(this.offset, nodes.ReferenceType.Variable);
+            for (const symbol of symbols) {
                 if (strings.startsWith(symbol.name, '--')) {
-                    var completionItem = {
+                    const completionItem = {
                         label: symbol.name,
                         documentation: symbol.value ? strings.getLimitedString(symbol.value) : symbol.value,
                         textEdit: cssLanguageTypes_1.TextEdit.replace(this.getCompletionRange(null), symbol.name),
@@ -509,10 +438,9 @@ var __generator = (this && this.__generator) || function (thisArg, body) {
                 }
                 allReferencedVariables.remove(symbol.name);
             }
-            for (var _a = 0, _b = allReferencedVariables.getEntries(); _a < _b.length; _a++) {
-                var name = _b[_a];
+            for (const name of allReferencedVariables.getEntries()) {
                 if (strings.startsWith(name, '--')) {
-                    var completionItem = {
+                    const completionItem = {
                         label: name,
                         textEdit: cssLanguageTypes_1.TextEdit.replace(this.getCompletionRange(null), name),
                         kind: cssLanguageTypes_1.CompletionItemKind.Variable
@@ -521,11 +449,11 @@ var __generator = (this && this.__generator) || function (thisArg, body) {
                 }
             }
             return result;
-        };
-        CSSCompletion.prototype.getUnitProposals = function (entry, existingNode, result) {
-            var currentWord = '0';
+        }
+        getUnitProposals(entry, existingNode, result) {
+            let currentWord = '0';
             if (this.currentWord.length > 0) {
-                var numMatch = this.currentWord.match(/^-?\d[\.\d+]*/);
+                const numMatch = this.currentWord.match(/^-?\d[\.\d+]*/);
                 if (numMatch) {
                     currentWord = numMatch[0];
                     result.isIncomplete = currentWord.length === this.currentWord.length;
@@ -538,13 +466,11 @@ var __generator = (this && this.__generator) || function (thisArg, body) {
                 existingNode = existingNode.getParent(); // include the unary operator
             }
             if (entry.restrictions) {
-                for (var _i = 0, _a = entry.restrictions; _i < _a.length; _i++) {
-                    var restriction = _a[_i];
-                    var units = languageFacts.units[restriction];
+                for (const restriction of entry.restrictions) {
+                    const units = languageFacts.units[restriction];
                     if (units) {
-                        for (var _b = 0, units_1 = units; _b < units_1.length; _b++) {
-                            var unit = units_1[_b];
-                            var insertText = currentWord + unit;
+                        for (const unit of units) {
+                            const insertText = currentWord + unit;
                             result.items.push({
                                 label: insertText,
                                 textEdit: cssLanguageTypes_1.TextEdit.replace(this.getCompletionRange(existingNode), insertText),
@@ -555,19 +481,19 @@ var __generator = (this && this.__generator) || function (thisArg, body) {
                 }
             }
             return result;
-        };
-        CSSCompletion.prototype.getCompletionRange = function (existingNode) {
+        }
+        getCompletionRange(existingNode) {
             if (existingNode && existingNode.offset <= this.offset && this.offset <= existingNode.end) {
-                var end = existingNode.end !== -1 ? this.textDocument.positionAt(existingNode.end) : this.position;
-                var start = this.textDocument.positionAt(existingNode.offset);
+                const end = existingNode.end !== -1 ? this.textDocument.positionAt(existingNode.end) : this.position;
+                const start = this.textDocument.positionAt(existingNode.offset);
                 if (start.line === end.line) {
                     return cssLanguageTypes_1.Range.create(start, end); // multi line edits are not allowed
                 }
             }
             return this.defaultReplaceRange;
-        };
-        CSSCompletion.prototype.getColorProposals = function (entry, existingNode, result) {
-            for (var color in languageFacts.colors) {
+        }
+        getColorProposals(entry, existingNode, result) {
+            for (const color in languageFacts.colors) {
                 result.items.push({
                     label: color,
                     documentation: languageFacts.colors[color],
@@ -575,7 +501,7 @@ var __generator = (this && this.__generator) || function (thisArg, body) {
                     kind: cssLanguageTypes_1.CompletionItemKind.Color
                 });
             }
-            for (var color in languageFacts.colorKeywords) {
+            for (const color in languageFacts.colorKeywords) {
                 result.items.push({
                     label: color,
                     documentation: languageFacts.colorKeywords[color],
@@ -583,38 +509,32 @@ var __generator = (this && this.__generator) || function (thisArg, body) {
                     kind: cssLanguageTypes_1.CompletionItemKind.Value
                 });
             }
-            var colorValues = new Set();
+            const colorValues = new Set();
             this.styleSheet.acceptVisitor(new ColorValueCollector(colorValues, this.offset));
-            for (var _i = 0, _a = colorValues.getEntries(); _i < _a.length; _i++) {
-                var color = _a[_i];
+            for (const color of colorValues.getEntries()) {
                 result.items.push({
                     label: color,
                     textEdit: cssLanguageTypes_1.TextEdit.replace(this.getCompletionRange(existingNode), color),
                     kind: cssLanguageTypes_1.CompletionItemKind.Color
                 });
             }
-            var _loop_1 = function (p) {
-                var tabStop = 1;
-                var replaceFunction = function (_match, p1) { return '${' + tabStop++ + ':' + p1 + '}'; };
-                var insertText = p.func.replace(/\[?\$(\w+)\]?/g, replaceFunction);
+            for (const p of languageFacts.colorFunctions) {
+                let tabStop = 1;
+                const replaceFunction = (_match, p1) => '${' + tabStop++ + ':' + p1 + '}';
+                const insertText = p.func.replace(/\[?\$(\w+)\]?/g, replaceFunction);
                 result.items.push({
                     label: p.func.substr(0, p.func.indexOf('(')),
                     detail: p.func,
                     documentation: p.desc,
-                    textEdit: cssLanguageTypes_1.TextEdit.replace(this_1.getCompletionRange(existingNode), insertText),
+                    textEdit: cssLanguageTypes_1.TextEdit.replace(this.getCompletionRange(existingNode), insertText),
                     insertTextFormat: SnippetFormat,
                     kind: cssLanguageTypes_1.CompletionItemKind.Function
                 });
-            };
-            var this_1 = this;
-            for (var _b = 0, _c = languageFacts.colorFunctions; _b < _c.length; _b++) {
-                var p = _c[_b];
-                _loop_1(p);
             }
             return result;
-        };
-        CSSCompletion.prototype.getPositionProposals = function (entry, existingNode, result) {
-            for (var position in languageFacts.positionKeywords) {
+        }
+        getPositionProposals(entry, existingNode, result) {
+            for (const position in languageFacts.positionKeywords) {
                 result.items.push({
                     label: position,
                     documentation: languageFacts.positionKeywords[position],
@@ -623,9 +543,9 @@ var __generator = (this && this.__generator) || function (thisArg, body) {
                 });
             }
             return result;
-        };
-        CSSCompletion.prototype.getRepeatStyleProposals = function (entry, existingNode, result) {
-            for (var repeat in languageFacts.repeatStyleKeywords) {
+        }
+        getRepeatStyleProposals(entry, existingNode, result) {
+            for (const repeat in languageFacts.repeatStyleKeywords) {
                 result.items.push({
                     label: repeat,
                     documentation: languageFacts.repeatStyleKeywords[repeat],
@@ -634,9 +554,9 @@ var __generator = (this && this.__generator) || function (thisArg, body) {
                 });
             }
             return result;
-        };
-        CSSCompletion.prototype.getLineStyleProposals = function (entry, existingNode, result) {
-            for (var lineStyle in languageFacts.lineStyleKeywords) {
+        }
+        getLineStyleProposals(entry, existingNode, result) {
+            for (const lineStyle in languageFacts.lineStyleKeywords) {
                 result.items.push({
                     label: lineStyle,
                     documentation: languageFacts.lineStyleKeywords[lineStyle],
@@ -645,10 +565,9 @@ var __generator = (this && this.__generator) || function (thisArg, body) {
                 });
             }
             return result;
-        };
-        CSSCompletion.prototype.getLineWidthProposals = function (entry, existingNode, result) {
-            for (var _i = 0, _a = languageFacts.lineWidthKeywords; _i < _a.length; _i++) {
-                var lineWidth = _a[_i];
+        }
+        getLineWidthProposals(entry, existingNode, result) {
+            for (const lineWidth of languageFacts.lineWidthKeywords) {
                 result.items.push({
                     label: lineWidth,
                     textEdit: cssLanguageTypes_1.TextEdit.replace(this.getCompletionRange(existingNode), lineWidth),
@@ -656,9 +575,9 @@ var __generator = (this && this.__generator) || function (thisArg, body) {
                 });
             }
             return result;
-        };
-        CSSCompletion.prototype.getGeometryBoxProposals = function (entry, existingNode, result) {
-            for (var box in languageFacts.geometryBoxKeywords) {
+        }
+        getGeometryBoxProposals(entry, existingNode, result) {
+            for (const box in languageFacts.geometryBoxKeywords) {
                 result.items.push({
                     label: box,
                     documentation: languageFacts.geometryBoxKeywords[box],
@@ -667,9 +586,9 @@ var __generator = (this && this.__generator) || function (thisArg, body) {
                 });
             }
             return result;
-        };
-        CSSCompletion.prototype.getBoxProposals = function (entry, existingNode, result) {
-            for (var box in languageFacts.boxKeywords) {
+        }
+        getBoxProposals(entry, existingNode, result) {
+            for (const box in languageFacts.boxKeywords) {
                 result.items.push({
                     label: box,
                     documentation: languageFacts.boxKeywords[box],
@@ -678,10 +597,10 @@ var __generator = (this && this.__generator) || function (thisArg, body) {
                 });
             }
             return result;
-        };
-        CSSCompletion.prototype.getImageProposals = function (entry, existingNode, result) {
-            for (var image in languageFacts.imageFunctions) {
-                var insertText = moveCursorInsideParenthesis(image);
+        }
+        getImageProposals(entry, existingNode, result) {
+            for (const image in languageFacts.imageFunctions) {
+                const insertText = moveCursorInsideParenthesis(image);
                 result.items.push({
                     label: image,
                     documentation: languageFacts.imageFunctions[image],
@@ -691,10 +610,10 @@ var __generator = (this && this.__generator) || function (thisArg, body) {
                 });
             }
             return result;
-        };
-        CSSCompletion.prototype.getTimingFunctionProposals = function (entry, existingNode, result) {
-            for (var timing in languageFacts.transitionTimingFunctions) {
-                var insertText = moveCursorInsideParenthesis(timing);
+        }
+        getTimingFunctionProposals(entry, existingNode, result) {
+            for (const timing in languageFacts.transitionTimingFunctions) {
+                const insertText = moveCursorInsideParenthesis(timing);
                 result.items.push({
                     label: timing,
                     documentation: languageFacts.transitionTimingFunctions[timing],
@@ -704,10 +623,10 @@ var __generator = (this && this.__generator) || function (thisArg, body) {
                 });
             }
             return result;
-        };
-        CSSCompletion.prototype.getBasicShapeProposals = function (entry, existingNode, result) {
-            for (var shape in languageFacts.basicShapeFunctions) {
-                var insertText = moveCursorInsideParenthesis(shape);
+        }
+        getBasicShapeProposals(entry, existingNode, result) {
+            for (const shape in languageFacts.basicShapeFunctions) {
+                const insertText = moveCursorInsideParenthesis(shape);
                 result.items.push({
                     label: shape,
                     documentation: languageFacts.basicShapeFunctions[shape],
@@ -717,9 +636,9 @@ var __generator = (this && this.__generator) || function (thisArg, body) {
                 });
             }
             return result;
-        };
-        CSSCompletion.prototype.getCompletionsForStylesheet = function (result) {
-            var node = this.styleSheet.findFirstChildBeforeOffset(this.offset);
+        }
+        getCompletionsForStylesheet(result) {
+            const node = this.styleSheet.findFirstChildBeforeOffset(this.offset);
             if (!node) {
                 return this.getCompletionForTopLevel(result);
             }
@@ -730,36 +649,34 @@ var __generator = (this && this.__generator) || function (thisArg, body) {
                 return this.getCompletionsForSupports(node, result);
             }
             return result;
-        };
-        CSSCompletion.prototype.getCompletionForTopLevel = function (result) {
-            var _this = this;
-            this.cssDataManager.getAtDirectives().forEach(function (entry) {
+        }
+        getCompletionForTopLevel(result) {
+            this.cssDataManager.getAtDirectives().forEach(entry => {
                 result.items.push({
                     label: entry.name,
-                    textEdit: cssLanguageTypes_1.TextEdit.replace(_this.getCompletionRange(null), entry.name),
-                    documentation: languageFacts.getEntryDescription(entry, _this.doesSupportMarkdown()),
+                    textEdit: cssLanguageTypes_1.TextEdit.replace(this.getCompletionRange(null), entry.name),
+                    documentation: languageFacts.getEntryDescription(entry, this.doesSupportMarkdown()),
                     tags: isDeprecated(entry) ? [cssLanguageTypes_1.CompletionItemTag.Deprecated] : [],
                     kind: cssLanguageTypes_1.CompletionItemKind.Keyword
                 });
             });
             this.getCompletionsForSelector(null, false, result);
             return result;
-        };
-        CSSCompletion.prototype.getCompletionsForRuleSet = function (ruleSet, result) {
-            var declarations = ruleSet.getDeclarations();
-            var isAfter = declarations && declarations.endsWith('}') && this.offset >= declarations.end;
+        }
+        getCompletionsForRuleSet(ruleSet, result) {
+            const declarations = ruleSet.getDeclarations();
+            const isAfter = declarations && declarations.endsWith('}') && this.offset >= declarations.end;
             if (isAfter) {
                 return this.getCompletionForTopLevel(result);
             }
-            var isInSelectors = !declarations || this.offset <= declarations.offset;
+            const isInSelectors = !declarations || this.offset <= declarations.offset;
             if (isInSelectors) {
                 return this.getCompletionsForSelector(ruleSet, ruleSet.isNested(), result);
             }
             return this.getCompletionsForDeclarations(ruleSet.getDeclarations(), result);
-        };
-        CSSCompletion.prototype.getCompletionsForSelector = function (ruleSet, isNested, result) {
-            var _this = this;
-            var existingNode = this.findInNodePath(nodes.NodeType.PseudoSelector, nodes.NodeType.IdentifierSelector, nodes.NodeType.ClassSelector, nodes.NodeType.ElementNameSelector);
+        }
+        getCompletionsForSelector(ruleSet, isNested, result) {
+            const existingNode = this.findInNodePath(nodes.NodeType.PseudoSelector, nodes.NodeType.IdentifierSelector, nodes.NodeType.ClassSelector, nodes.NodeType.ElementNameSelector);
             if (!existingNode && this.hasCharacterAtPosition(this.offset - this.currentWord.length - 1, ':')) {
                 // after the ':' of a pseudo selector, no node generated for just ':'
                 this.currentWord = ':' + this.currentWord;
@@ -768,13 +685,13 @@ var __generator = (this && this.__generator) || function (thisArg, body) {
                 }
                 this.defaultReplaceRange = cssLanguageTypes_1.Range.create(cssLanguageTypes_1.Position.create(this.position.line, this.position.character - this.currentWord.length), this.position);
             }
-            var pseudoClasses = this.cssDataManager.getPseudoClasses();
-            pseudoClasses.forEach(function (entry) {
-                var insertText = moveCursorInsideParenthesis(entry.name);
-                var item = {
+            const pseudoClasses = this.cssDataManager.getPseudoClasses();
+            pseudoClasses.forEach(entry => {
+                const insertText = moveCursorInsideParenthesis(entry.name);
+                const item = {
                     label: entry.name,
-                    textEdit: cssLanguageTypes_1.TextEdit.replace(_this.getCompletionRange(existingNode), insertText),
-                    documentation: languageFacts.getEntryDescription(entry, _this.doesSupportMarkdown()),
+                    textEdit: cssLanguageTypes_1.TextEdit.replace(this.getCompletionRange(existingNode), insertText),
+                    documentation: languageFacts.getEntryDescription(entry, this.doesSupportMarkdown()),
                     tags: isDeprecated(entry) ? [cssLanguageTypes_1.CompletionItemTag.Deprecated] : [],
                     kind: cssLanguageTypes_1.CompletionItemKind.Function,
                     insertTextFormat: entry.name !== insertText ? SnippetFormat : void 0
@@ -784,13 +701,13 @@ var __generator = (this && this.__generator) || function (thisArg, body) {
                 }
                 result.items.push(item);
             });
-            var pseudoElements = this.cssDataManager.getPseudoElements();
-            pseudoElements.forEach(function (entry) {
-                var insertText = moveCursorInsideParenthesis(entry.name);
-                var item = {
+            const pseudoElements = this.cssDataManager.getPseudoElements();
+            pseudoElements.forEach(entry => {
+                const insertText = moveCursorInsideParenthesis(entry.name);
+                const item = {
                     label: entry.name,
-                    textEdit: cssLanguageTypes_1.TextEdit.replace(_this.getCompletionRange(existingNode), insertText),
-                    documentation: languageFacts.getEntryDescription(entry, _this.doesSupportMarkdown()),
+                    textEdit: cssLanguageTypes_1.TextEdit.replace(this.getCompletionRange(existingNode), insertText),
+                    documentation: languageFacts.getEntryDescription(entry, this.doesSupportMarkdown()),
                     tags: isDeprecated(entry) ? [cssLanguageTypes_1.CompletionItemTag.Deprecated] : [],
                     kind: cssLanguageTypes_1.CompletionItemKind.Function,
                     insertTextFormat: entry.name !== insertText ? SnippetFormat : void 0
@@ -801,16 +718,14 @@ var __generator = (this && this.__generator) || function (thisArg, body) {
                 result.items.push(item);
             });
             if (!isNested) { // show html tags only for top level
-                for (var _i = 0, _a = languageFacts.html5Tags; _i < _a.length; _i++) {
-                    var entry = _a[_i];
+                for (const entry of languageFacts.html5Tags) {
                     result.items.push({
                         label: entry,
                         textEdit: cssLanguageTypes_1.TextEdit.replace(this.getCompletionRange(existingNode), entry),
                         kind: cssLanguageTypes_1.CompletionItemKind.Keyword
                     });
                 }
-                for (var _b = 0, _c = languageFacts.svgElements; _b < _c.length; _b++) {
-                    var entry = _c[_b];
+                for (const entry of languageFacts.svgElements) {
                     result.items.push({
                         label: entry,
                         textEdit: cssLanguageTypes_1.TextEdit.replace(this.getCompletionRange(existingNode), entry),
@@ -818,17 +733,17 @@ var __generator = (this && this.__generator) || function (thisArg, body) {
                     });
                 }
             }
-            var visited = {};
+            const visited = {};
             visited[this.currentWord] = true;
-            var docText = this.textDocument.getText();
-            this.styleSheet.accept(function (n) {
+            const docText = this.textDocument.getText();
+            this.styleSheet.accept(n => {
                 if (n.type === nodes.NodeType.SimpleSelector && n.length > 0) {
-                    var selector = docText.substr(n.offset, n.length);
+                    const selector = docText.substr(n.offset, n.length);
                     if (selector.charAt(0) === '.' && !visited[selector]) {
                         visited[selector] = true;
                         result.items.push({
                             label: selector,
-                            textEdit: cssLanguageTypes_1.TextEdit.replace(_this.getCompletionRange(existingNode), selector),
+                            textEdit: cssLanguageTypes_1.TextEdit.replace(this.getCompletionRange(existingNode), selector),
                             kind: cssLanguageTypes_1.CompletionItemKind.Keyword
                         });
                     }
@@ -837,23 +752,23 @@ var __generator = (this && this.__generator) || function (thisArg, body) {
                 return true;
             });
             if (ruleSet && ruleSet.isNested()) {
-                var selector = ruleSet.getSelectors().findFirstChildBeforeOffset(this.offset);
+                const selector = ruleSet.getSelectors().findFirstChildBeforeOffset(this.offset);
                 if (selector && ruleSet.getSelectors().getChildren().indexOf(selector) === 0) {
                     this.getPropertyProposals(null, result);
                 }
             }
             return result;
-        };
-        CSSCompletion.prototype.getCompletionsForDeclarations = function (declarations, result) {
+        }
+        getCompletionsForDeclarations(declarations, result) {
             if (!declarations || this.offset === declarations.offset) { // incomplete nodes
                 return result;
             }
-            var node = declarations.findFirstChildBeforeOffset(this.offset);
+            const node = declarations.findFirstChildBeforeOffset(this.offset);
             if (!node) {
                 return this.getCompletionsForDeclarationProperty(null, result);
             }
             if (node instanceof nodes.AbstractDeclaration) {
-                var declaration = node;
+                const declaration = node;
                 if (!(0, objects_1.isDefined)(declaration.colonPosition) || this.offset <= declaration.colonPosition) {
                     // complete property
                     return this.getCompletionsForDeclarationProperty(declaration, result);
@@ -880,25 +795,25 @@ var __generator = (this && this.__generator) || function (thisArg, body) {
                 this.getCompletionsForDeclarationProperty(null, result);
             }
             return result;
-        };
-        CSSCompletion.prototype.getCompletionsForVariableDeclaration = function (declaration, result) {
+        }
+        getCompletionsForVariableDeclaration(declaration, result) {
             if (this.offset && (0, objects_1.isDefined)(declaration.colonPosition) && this.offset > declaration.colonPosition) {
-                this.getVariableProposals(declaration.getValue(), result);
+                this.getVariableProposals(declaration.getValue() || null, result);
             }
             return result;
-        };
-        CSSCompletion.prototype.getCompletionsForExpression = function (expression, result) {
-            var parent = expression.getParent();
+        }
+        getCompletionsForExpression(expression, result) {
+            const parent = expression.getParent();
             if (parent instanceof nodes.FunctionArgument) {
                 this.getCompletionsForFunctionArgument(parent, parent.getParent(), result);
                 return result;
             }
-            var declaration = expression.findParent(nodes.NodeType.Declaration);
+            const declaration = expression.findParent(nodes.NodeType.Declaration);
             if (!declaration) {
                 this.getTermProposals(undefined, null, result);
                 return result;
             }
-            var node = expression.findChildAtOffset(this.offset, true);
+            const node = expression.findChildAtOffset(this.offset, true);
             if (!node) {
                 return this.getCompletionsForDeclarationValue(declaration, result);
             }
@@ -906,59 +821,56 @@ var __generator = (this && this.__generator) || function (thisArg, body) {
                 return this.getCompletionsForDeclarationValue(declaration, result);
             }
             return result;
-        };
-        CSSCompletion.prototype.getCompletionsForFunctionArgument = function (arg, func, result) {
-            var identifier = func.getIdentifier();
+        }
+        getCompletionsForFunctionArgument(arg, func, result) {
+            const identifier = func.getIdentifier();
             if (identifier && identifier.matches('var')) {
                 if (!func.getArguments().hasChildren() || func.getArguments().getChild(0) === arg) {
                     this.getVariableProposalsForCSSVarFunction(result);
                 }
             }
             return result;
-        };
-        CSSCompletion.prototype.getCompletionsForFunctionDeclaration = function (decl, result) {
-            var declarations = decl.getDeclarations();
+        }
+        getCompletionsForFunctionDeclaration(decl, result) {
+            const declarations = decl.getDeclarations();
             if (declarations && this.offset > declarations.offset && this.offset < declarations.end) {
                 this.getTermProposals(undefined, null, result);
             }
             return result;
-        };
-        CSSCompletion.prototype.getCompletionsForMixinReference = function (ref, result) {
-            var _this = this;
-            var allMixins = this.getSymbolContext().findSymbolsAtOffset(this.offset, nodes.ReferenceType.Mixin);
-            for (var _i = 0, allMixins_1 = allMixins; _i < allMixins_1.length; _i++) {
-                var mixinSymbol = allMixins_1[_i];
+        }
+        getCompletionsForMixinReference(ref, result) {
+            const allMixins = this.getSymbolContext().findSymbolsAtOffset(this.offset, nodes.ReferenceType.Mixin);
+            for (const mixinSymbol of allMixins) {
                 if (mixinSymbol.node instanceof nodes.MixinDeclaration) {
                     result.items.push(this.makeTermProposal(mixinSymbol, mixinSymbol.node.getParameters(), null));
                 }
             }
-            var identifierNode = ref.getIdentifier() || null;
-            this.completionParticipants.forEach(function (participant) {
+            const identifierNode = ref.getIdentifier() || null;
+            this.completionParticipants.forEach(participant => {
                 if (participant.onCssMixinReference) {
                     participant.onCssMixinReference({
-                        mixinName: _this.currentWord,
-                        range: _this.getCompletionRange(identifierNode)
+                        mixinName: this.currentWord,
+                        range: this.getCompletionRange(identifierNode)
                     });
                 }
             });
             return result;
-        };
-        CSSCompletion.prototype.getTermProposals = function (entry, existingNode, result) {
-            var allFunctions = this.getSymbolContext().findSymbolsAtOffset(this.offset, nodes.ReferenceType.Function);
-            for (var _i = 0, allFunctions_1 = allFunctions; _i < allFunctions_1.length; _i++) {
-                var functionSymbol = allFunctions_1[_i];
+        }
+        getTermProposals(entry, existingNode, result) {
+            const allFunctions = this.getSymbolContext().findSymbolsAtOffset(this.offset, nodes.ReferenceType.Function);
+            for (const functionSymbol of allFunctions) {
                 if (functionSymbol.node instanceof nodes.FunctionDeclaration) {
                     result.items.push(this.makeTermProposal(functionSymbol, functionSymbol.node.getParameters(), existingNode));
                 }
             }
             return result;
-        };
-        CSSCompletion.prototype.makeTermProposal = function (symbol, parameters, existingNode) {
-            var decl = symbol.node;
-            var params = parameters.getChildren().map(function (c) {
+        }
+        makeTermProposal(symbol, parameters, existingNode) {
+            const decl = symbol.node;
+            const params = parameters.getChildren().map((c) => {
                 return (c instanceof nodes.FunctionParameter) ? c.getName() : c.getText();
             });
-            var insertText = symbol.name + '(' + params.map(function (p, index) { return '${' + (index + 1) + ':' + p + '}'; }).join(', ') + ')';
+            const insertText = symbol.name + '(' + params.map((p, index) => '${' + (index + 1) + ':' + p + '}').join(', ') + ')';
             return {
                 label: symbol.name,
                 detail: symbol.name + '(' + params.join(', ') + ')',
@@ -967,9 +879,9 @@ var __generator = (this && this.__generator) || function (thisArg, body) {
                 kind: cssLanguageTypes_1.CompletionItemKind.Function,
                 sortText: SortTexts.Term
             };
-        };
-        CSSCompletion.prototype.getCompletionsForSupportsCondition = function (supportsCondition, result) {
-            var child = supportsCondition.findFirstChildBeforeOffset(this.offset);
+        }
+        getCompletionsForSupportsCondition(supportsCondition, result) {
+            const child = supportsCondition.findFirstChildBeforeOffset(this.offset);
             if (child) {
                 if (child instanceof nodes.Declaration) {
                     if (!(0, objects_1.isDefined)(child.colonPosition) || this.offset <= child.colonPosition) {
@@ -987,81 +899,78 @@ var __generator = (this && this.__generator) || function (thisArg, body) {
                 return this.getCompletionsForDeclarationProperty(null, result);
             }
             return result;
-        };
-        CSSCompletion.prototype.getCompletionsForSupports = function (supports, result) {
-            var declarations = supports.getDeclarations();
-            var inInCondition = !declarations || this.offset <= declarations.offset;
+        }
+        getCompletionsForSupports(supports, result) {
+            const declarations = supports.getDeclarations();
+            const inInCondition = !declarations || this.offset <= declarations.offset;
             if (inInCondition) {
-                var child = supports.findFirstChildBeforeOffset(this.offset);
+                const child = supports.findFirstChildBeforeOffset(this.offset);
                 if (child instanceof nodes.SupportsCondition) {
                     return this.getCompletionsForSupportsCondition(child, result);
                 }
                 return result;
             }
             return this.getCompletionForTopLevel(result);
-        };
-        CSSCompletion.prototype.getCompletionsForExtendsReference = function (extendsRef, existingNode, result) {
+        }
+        getCompletionsForExtendsReference(extendsRef, existingNode, result) {
             return result;
-        };
-        CSSCompletion.prototype.getCompletionForUriLiteralValue = function (uriLiteralNode, result) {
-            var uriValue;
-            var position;
-            var range;
+        }
+        getCompletionForUriLiteralValue(uriLiteralNode, result) {
+            let uriValue;
+            let position;
+            let range;
             // No children, empty value
             if (!uriLiteralNode.hasChildren()) {
                 uriValue = '';
                 position = this.position;
-                var emptyURIValuePosition = this.textDocument.positionAt(uriLiteralNode.offset + 'url('.length);
+                const emptyURIValuePosition = this.textDocument.positionAt(uriLiteralNode.offset + 'url('.length);
                 range = cssLanguageTypes_1.Range.create(emptyURIValuePosition, emptyURIValuePosition);
             }
             else {
-                var uriValueNode = uriLiteralNode.getChild(0);
+                const uriValueNode = uriLiteralNode.getChild(0);
                 uriValue = uriValueNode.getText();
                 position = this.position;
                 range = this.getCompletionRange(uriValueNode);
             }
-            this.completionParticipants.forEach(function (participant) {
+            this.completionParticipants.forEach(participant => {
                 if (participant.onCssURILiteralValue) {
                     participant.onCssURILiteralValue({
-                        uriValue: uriValue,
-                        position: position,
-                        range: range
+                        uriValue,
+                        position,
+                        range
                     });
                 }
             });
             return result;
-        };
-        CSSCompletion.prototype.getCompletionForImportPath = function (importPathNode, result) {
-            var _this = this;
-            this.completionParticipants.forEach(function (participant) {
+        }
+        getCompletionForImportPath(importPathNode, result) {
+            this.completionParticipants.forEach(participant => {
                 if (participant.onCssImportPath) {
                     participant.onCssImportPath({
                         pathValue: importPathNode.getText(),
-                        position: _this.position,
-                        range: _this.getCompletionRange(importPathNode)
+                        position: this.position,
+                        range: this.getCompletionRange(importPathNode)
                     });
                 }
             });
             return result;
-        };
-        CSSCompletion.prototype.hasCharacterAtPosition = function (offset, char) {
-            var text = this.textDocument.getText();
+        }
+        hasCharacterAtPosition(offset, char) {
+            const text = this.textDocument.getText();
             return (offset >= 0 && offset < text.length) && text.charAt(offset) === char;
-        };
-        CSSCompletion.prototype.doesSupportMarkdown = function () {
-            var _a, _b, _c;
+        }
+        doesSupportMarkdown() {
             if (!(0, objects_1.isDefined)(this.supportsMarkdown)) {
                 if (!(0, objects_1.isDefined)(this.lsOptions.clientCapabilities)) {
                     this.supportsMarkdown = true;
                     return this.supportsMarkdown;
                 }
-                var documentationFormat = (_c = (_b = (_a = this.lsOptions.clientCapabilities.textDocument) === null || _a === void 0 ? void 0 : _a.completion) === null || _b === void 0 ? void 0 : _b.completionItem) === null || _c === void 0 ? void 0 : _c.documentationFormat;
+                const documentationFormat = this.lsOptions.clientCapabilities.textDocument?.completion?.completionItem?.documentationFormat;
                 this.supportsMarkdown = Array.isArray(documentationFormat) && documentationFormat.indexOf(cssLanguageTypes_1.MarkupKind.Markdown) !== -1;
             }
             return this.supportsMarkdown;
-        };
-        return CSSCompletion;
-    }());
+        }
+    }
     exports.CSSCompletion = CSSCompletion;
     function isDeprecated(entry) {
         if (entry.status && (entry.status === 'nonstandard' || entry.status === 'obsolete')) {
@@ -1069,27 +978,26 @@ var __generator = (this && this.__generator) || function (thisArg, body) {
         }
         return false;
     }
-    var Set = /** @class */ (function () {
-        function Set() {
+    class Set {
+        constructor() {
             this.entries = {};
         }
-        Set.prototype.add = function (entry) {
+        add(entry) {
             this.entries[entry] = true;
-        };
-        Set.prototype.remove = function (entry) {
+        }
+        remove(entry) {
             delete this.entries[entry];
-        };
-        Set.prototype.getEntries = function () {
+        }
+        getEntries() {
             return Object.keys(this.entries);
-        };
-        return Set;
-    }());
+        }
+    }
     function moveCursorInsideParenthesis(text) {
         return text.replace(/\(\)$/, "($1)");
     }
     function collectValues(styleSheet, declaration) {
-        var fullPropertyName = declaration.getFullPropertyName();
-        var entries = new Set();
+        const fullPropertyName = declaration.getFullPropertyName();
+        const entries = new Set();
         function visitValue(node) {
             if (node instanceof nodes.Identifier || node instanceof nodes.NumericValue || node instanceof nodes.HexColorValue) {
                 entries.add(node.getText());
@@ -1097,13 +1005,13 @@ var __generator = (this && this.__generator) || function (thisArg, body) {
             return true;
         }
         function matchesProperty(decl) {
-            var propertyName = decl.getFullPropertyName();
+            const propertyName = decl.getFullPropertyName();
             return fullPropertyName === propertyName;
         }
         function vistNode(node) {
             if (node instanceof nodes.Declaration && node !== declaration) {
                 if (matchesProperty(node)) {
-                    var value = node.getValue();
+                    const value = node.getValue();
                     if (value) {
                         value.accept(visitValue);
                     }
@@ -1114,41 +1022,39 @@ var __generator = (this && this.__generator) || function (thisArg, body) {
         styleSheet.accept(vistNode);
         return entries;
     }
-    var ColorValueCollector = /** @class */ (function () {
-        function ColorValueCollector(entries, currentOffset) {
+    class ColorValueCollector {
+        constructor(entries, currentOffset) {
             this.entries = entries;
             this.currentOffset = currentOffset;
             // nothing to do
         }
-        ColorValueCollector.prototype.visitNode = function (node) {
+        visitNode(node) {
             if (node instanceof nodes.HexColorValue || (node instanceof nodes.Function && languageFacts.isColorConstructor(node))) {
                 if (this.currentOffset < node.offset || node.end < this.currentOffset) {
                     this.entries.add(node.getText());
                 }
             }
             return true;
-        };
-        return ColorValueCollector;
-    }());
-    var VariableCollector = /** @class */ (function () {
-        function VariableCollector(entries, currentOffset) {
+        }
+    }
+    class VariableCollector {
+        constructor(entries, currentOffset) {
             this.entries = entries;
             this.currentOffset = currentOffset;
             // nothing to do
         }
-        VariableCollector.prototype.visitNode = function (node) {
+        visitNode(node) {
             if (node instanceof nodes.Identifier && node.isCustomProperty) {
                 if (this.currentOffset < node.offset || node.end < this.currentOffset) {
                     this.entries.add(node.getText());
                 }
             }
             return true;
-        };
-        return VariableCollector;
-    }());
+        }
+    }
     function getCurrentWord(document, offset) {
-        var i = offset - 1;
-        var text = document.getText();
+        let i = offset - 1;
+        const text = document.getText();
         while (i >= 0 && ' \t\n\r":{[()]},*>+'.indexOf(text.charAt(i)) === -1) {
             i--;
         }