vscode-css-languageservice 6.1.1 → 6.2.1

package/lib/umd/languageFacts/colors.js

@@ -8,21 +8,20 @@
         if (v !== undefined) module.exports = v;
     }
     else if (typeof define === "function" && define.amd) {
-        define(["require", "exports", "../parser/cssNodes", "vscode-nls"], factory);
+        define(["require", "exports", "../parser/cssNodes", "@vscode/l10n"], factory);
     }
 })(function (require, exports) {
     "use strict";
     Object.defineProperty(exports, "__esModule", { value: true });
     exports.getColorValue = exports.hwbFromColor = exports.colorFromHWB = exports.hslFromColor = exports.colorFromHSL = exports.colorFrom256RGB = exports.colorFromHex = exports.hexDigit = exports.isColorValue = exports.isColorConstructor = exports.colorKeywords = exports.colors = exports.colorFunctions = void 0;
     const nodes = require("../parser/cssNodes");
-    const nls = require("vscode-nls");
-    const localize = nls.loadMessageBundle();
+    const l10n = require("@vscode/l10n");
     exports.colorFunctions = [
-        { func: 'rgb($red, $green, $blue)', desc: localize('css.builtin.rgb', 'Creates a Color from red, green, and blue values.') },
-        { func: 'rgba($red, $green, $blue, $alpha)', desc: localize('css.builtin.rgba', 'Creates a Color from red, green, blue, and alpha values.') },
-        { func: 'hsl($hue, $saturation, $lightness)', desc: localize('css.builtin.hsl', 'Creates a Color from hue, saturation, and lightness values.') },
-        { func: 'hsla($hue, $saturation, $lightness, $alpha)', desc: localize('css.builtin.hsla', 'Creates a Color from hue, saturation, lightness, and alpha values.') },
-        { func: 'hwb($hue $white $black)', desc: localize('css.builtin.hwb', 'Creates a Color from hue, white and black.') }
+        { func: 'rgb($red, $green, $blue)', desc: l10n.t('Creates a Color from red, green, and blue values.') },
+        { func: 'rgba($red, $green, $blue, $alpha)', desc: l10n.t('Creates a Color from red, green, blue, and alpha values.') },
+        { func: 'hsl($hue, $saturation, $lightness)', desc: l10n.t('Creates a Color from hue, saturation, and lightness values.') },
+        { func: 'hsla($hue, $saturation, $lightness, $alpha)', desc: l10n.t('Creates a Color from hue, saturation, lightness, and alpha values.') },
+        { func: 'hwb($hue $white $black)', desc: l10n.t('Creates a Color from hue, white and black.') }
     ];
     exports.colors = {
         aliceblue: '#f0f8ff',

package/lib/umd/parser/cssErrors.js

@@ -4,7 +4,7 @@
         if (v !== undefined) module.exports = v;
     }
     else if (typeof define === "function" && define.amd) {
-        define(["require", "exports", "vscode-nls"], factory);
+        define(["require", "exports", "@vscode/l10n"], factory);
     }
 })(function (require, exports) {
     /*---------------------------------------------------------------------------------------------
@@ -14,8 +14,7 @@
     'use strict';
     Object.defineProperty(exports, "__esModule", { value: true });
     exports.ParseError = exports.CSSIssueType = void 0;
-    const nls = require("vscode-nls");
-    const localize = nls.loadMessageBundle();
+    const l10n = require("@vscode/l10n");
     class CSSIssueType {
         constructor(id, message) {
             this.id = id;
@@ -24,38 +23,38 @@
     }
     exports.CSSIssueType = CSSIssueType;
     exports.ParseError = {
-        NumberExpected: new CSSIssueType('css-numberexpected', localize('expected.number', "number expected")),
-        ConditionExpected: new CSSIssueType('css-conditionexpected', localize('expected.condt', "condition expected")),
-        RuleOrSelectorExpected: new CSSIssueType('css-ruleorselectorexpected', localize('expected.ruleorselector', "at-rule or selector expected")),
-        DotExpected: new CSSIssueType('css-dotexpected', localize('expected.dot', "dot expected")),
-        ColonExpected: new CSSIssueType('css-colonexpected', localize('expected.colon', "colon expected")),
-        SemiColonExpected: new CSSIssueType('css-semicolonexpected', localize('expected.semicolon', "semi-colon expected")),
-        TermExpected: new CSSIssueType('css-termexpected', localize('expected.term', "term expected")),
-        ExpressionExpected: new CSSIssueType('css-expressionexpected', localize('expected.expression', "expression expected")),
-        OperatorExpected: new CSSIssueType('css-operatorexpected', localize('expected.operator', "operator expected")),
-        IdentifierExpected: new CSSIssueType('css-identifierexpected', localize('expected.ident', "identifier expected")),
-        PercentageExpected: new CSSIssueType('css-percentageexpected', localize('expected.percentage', "percentage expected")),
-        URIOrStringExpected: new CSSIssueType('css-uriorstringexpected', localize('expected.uriorstring', "uri or string expected")),
-        URIExpected: new CSSIssueType('css-uriexpected', localize('expected.uri', "URI expected")),
-        VariableNameExpected: new CSSIssueType('css-varnameexpected', localize('expected.varname', "variable name expected")),
-        VariableValueExpected: new CSSIssueType('css-varvalueexpected', localize('expected.varvalue', "variable value expected")),
-        PropertyValueExpected: new CSSIssueType('css-propertyvalueexpected', localize('expected.propvalue', "property value expected")),
-        LeftCurlyExpected: new CSSIssueType('css-lcurlyexpected', localize('expected.lcurly', "{ expected")),
-        RightCurlyExpected: new CSSIssueType('css-rcurlyexpected', localize('expected.rcurly', "} expected")),
-        LeftSquareBracketExpected: new CSSIssueType('css-rbracketexpected', localize('expected.lsquare', "[ expected")),
-        RightSquareBracketExpected: new CSSIssueType('css-lbracketexpected', localize('expected.rsquare', "] expected")),
-        LeftParenthesisExpected: new CSSIssueType('css-lparentexpected', localize('expected.lparen', "( expected")),
-        RightParenthesisExpected: new CSSIssueType('css-rparentexpected', localize('expected.rparent', ") expected")),
-        CommaExpected: new CSSIssueType('css-commaexpected', localize('expected.comma', "comma expected")),
-        PageDirectiveOrDeclarationExpected: new CSSIssueType('css-pagedirordeclexpected', localize('expected.pagedirordecl', "page directive or declaraton expected")),
-        UnknownAtRule: new CSSIssueType('css-unknownatrule', localize('unknown.atrule', "at-rule unknown")),
-        UnknownKeyword: new CSSIssueType('css-unknownkeyword', localize('unknown.keyword', "unknown keyword")),
-        SelectorExpected: new CSSIssueType('css-selectorexpected', localize('expected.selector', "selector expected")),
-        StringLiteralExpected: new CSSIssueType('css-stringliteralexpected', localize('expected.stringliteral', "string literal expected")),
-        WhitespaceExpected: new CSSIssueType('css-whitespaceexpected', localize('expected.whitespace', "whitespace expected")),
-        MediaQueryExpected: new CSSIssueType('css-mediaqueryexpected', localize('expected.mediaquery', "media query expected")),
-        IdentifierOrWildcardExpected: new CSSIssueType('css-idorwildcardexpected', localize('expected.idorwildcard', "identifier or wildcard expected")),
-        WildcardExpected: new CSSIssueType('css-wildcardexpected', localize('expected.wildcard', "wildcard expected")),
-        IdentifierOrVariableExpected: new CSSIssueType('css-idorvarexpected', localize('expected.idorvar', "identifier or variable expected")),
+        NumberExpected: new CSSIssueType('css-numberexpected', l10n.t("number expected")),
+        ConditionExpected: new CSSIssueType('css-conditionexpected', l10n.t("condition expected")),
+        RuleOrSelectorExpected: new CSSIssueType('css-ruleorselectorexpected', l10n.t("at-rule or selector expected")),
+        DotExpected: new CSSIssueType('css-dotexpected', l10n.t("dot expected")),
+        ColonExpected: new CSSIssueType('css-colonexpected', l10n.t("colon expected")),
+        SemiColonExpected: new CSSIssueType('css-semicolonexpected', l10n.t("semi-colon expected")),
+        TermExpected: new CSSIssueType('css-termexpected', l10n.t("term expected")),
+        ExpressionExpected: new CSSIssueType('css-expressionexpected', l10n.t("expression expected")),
+        OperatorExpected: new CSSIssueType('css-operatorexpected', l10n.t("operator expected")),
+        IdentifierExpected: new CSSIssueType('css-identifierexpected', l10n.t("identifier expected")),
+        PercentageExpected: new CSSIssueType('css-percentageexpected', l10n.t("percentage expected")),
+        URIOrStringExpected: new CSSIssueType('css-uriorstringexpected', l10n.t("uri or string expected")),
+        URIExpected: new CSSIssueType('css-uriexpected', l10n.t("URI expected")),
+        VariableNameExpected: new CSSIssueType('css-varnameexpected', l10n.t("variable name expected")),
+        VariableValueExpected: new CSSIssueType('css-varvalueexpected', l10n.t("variable value expected")),
+        PropertyValueExpected: new CSSIssueType('css-propertyvalueexpected', l10n.t("property value expected")),
+        LeftCurlyExpected: new CSSIssueType('css-lcurlyexpected', l10n.t("{ expected")),
+        RightCurlyExpected: new CSSIssueType('css-rcurlyexpected', l10n.t("} expected")),
+        LeftSquareBracketExpected: new CSSIssueType('css-rbracketexpected', l10n.t("[ expected")),
+        RightSquareBracketExpected: new CSSIssueType('css-lbracketexpected', l10n.t("] expected")),
+        LeftParenthesisExpected: new CSSIssueType('css-lparentexpected', l10n.t("( expected")),
+        RightParenthesisExpected: new CSSIssueType('css-rparentexpected', l10n.t(") expected")),
+        CommaExpected: new CSSIssueType('css-commaexpected', l10n.t("comma expected")),
+        PageDirectiveOrDeclarationExpected: new CSSIssueType('css-pagedirordeclexpected', l10n.t("page directive or declaraton expected")),
+        UnknownAtRule: new CSSIssueType('css-unknownatrule', l10n.t("at-rule unknown")),
+        UnknownKeyword: new CSSIssueType('css-unknownkeyword', l10n.t("unknown keyword")),
+        SelectorExpected: new CSSIssueType('css-selectorexpected', l10n.t("selector expected")),
+        StringLiteralExpected: new CSSIssueType('css-stringliteralexpected', l10n.t("string literal expected")),
+        WhitespaceExpected: new CSSIssueType('css-whitespaceexpected', l10n.t("whitespace expected")),
+        MediaQueryExpected: new CSSIssueType('css-mediaqueryexpected', l10n.t("media query expected")),
+        IdentifierOrWildcardExpected: new CSSIssueType('css-idorwildcardexpected', l10n.t("identifier or wildcard expected")),
+        WildcardExpected: new CSSIssueType('css-wildcardexpected', l10n.t("wildcard expected")),
+        IdentifierOrVariableExpected: new CSSIssueType('css-idorvarexpected', l10n.t("identifier or variable expected")),
     };
 });

package/lib/umd/parser/cssNodes.js

@@ -166,6 +166,7 @@
     }
     exports.getParentDeclaration = getParentDeclaration;
     class Node {
+        get end() { return this.offset + this.length; }
         constructor(offset = -1, len = -1, nodeType) {
             this.parent = null;
             this.offset = offset;
@@ -174,7 +175,6 @@
                 this.nodeType = nodeType;
             }
         }
-        get end() { return this.offset + this.length; }
         set type(type) {
             this.nodeType = type;
         }
@@ -1600,14 +1600,14 @@
     }
     */
     class ParseErrorCollector {
-        constructor() {
-            this.entries = [];
-        }
         static entries(node) {
             const visitor = new ParseErrorCollector();
             node.acceptVisitor(visitor);
             return visitor.entries;
         }
+        constructor() {
+            this.entries = [];
+        }
         visitNode(node) {
             if (node.isErroneous()) {
                 node.collectIssues(this.entries);

package/lib/umd/parser/cssParser.js

@@ -980,29 +980,17 @@
             // <mf-plain> = <mf-name> : <mf-value>
             // <mf-boolean> = <mf-name>
             // <mf-range> = <mf-name> [ '<' | '>' ]? '='? <mf-value> | <mf-value> [ '<' | '>' ]? '='? <mf-name> | <mf-value> '<' '='? <mf-name> '<' '='? <mf-value> | <mf-value> '>' '='? <mf-name> '>' '='? <mf-value>
-            const parseRangeOperator = () => {
-                if (this.acceptDelim('<') || this.acceptDelim('>')) {
-                    if (!this.hasWhitespace()) {
-                        this.acceptDelim('=');
-                    }
-                    return true;
-                }
-                else if (this.acceptDelim('=')) {
-                    return true;
-                }
-                return false;
-            };
             if (node.addChild(this._parseMediaFeatureName())) {
                 if (this.accept(cssScanner_1.TokenType.Colon)) {
                     if (!node.addChild(this._parseMediaFeatureValue())) {
                         return this.finish(node, cssErrors_1.ParseError.TermExpected, [], resyncStopToken);
                     }
                 }
-                else if (parseRangeOperator()) {
+                else if (this._parseMediaFeatureRangeOperator()) {
                     if (!node.addChild(this._parseMediaFeatureValue())) {
                         return this.finish(node, cssErrors_1.ParseError.TermExpected, [], resyncStopToken);
                     }
-                    if (parseRangeOperator()) {
+                    if (this._parseMediaFeatureRangeOperator()) {
                         if (!node.addChild(this._parseMediaFeatureValue())) {
                             return this.finish(node, cssErrors_1.ParseError.TermExpected, [], resyncStopToken);
                         }
@@ -1013,13 +1001,13 @@
                 }
             }
             else if (node.addChild(this._parseMediaFeatureValue())) {
-                if (!parseRangeOperator()) {
+                if (!this._parseMediaFeatureRangeOperator()) {
                     return this.finish(node, cssErrors_1.ParseError.OperatorExpected, [], resyncStopToken);
                 }
                 if (!node.addChild(this._parseMediaFeatureName())) {
                     return this.finish(node, cssErrors_1.ParseError.IdentifierExpected, [], resyncStopToken);
                 }
-                if (parseRangeOperator()) {
+                if (this._parseMediaFeatureRangeOperator()) {
                     if (!node.addChild(this._parseMediaFeatureValue())) {
                         return this.finish(node, cssErrors_1.ParseError.TermExpected, [], resyncStopToken);
                     }
@@ -1030,6 +1018,18 @@
             }
             return this.finish(node);
         }
+        _parseMediaFeatureRangeOperator() {
+            if (this.acceptDelim('<') || this.acceptDelim('>')) {
+                if (!this.hasWhitespace()) {
+                    this.acceptDelim('=');
+                }
+                return true;
+            }
+            else if (this.acceptDelim('=')) {
+                return true;
+            }
+            return false;
+        }
         _parseMediaFeatureName() {
             return this._parseIdent();
         }

package/lib/umd/parser/scssErrors.js

@@ -4,7 +4,7 @@
         if (v !== undefined) module.exports = v;
     }
     else if (typeof define === "function" && define.amd) {
-        define(["require", "exports", "vscode-nls"], factory);
+        define(["require", "exports", "@vscode/l10n"], factory);
     }
 })(function (require, exports) {
     /*---------------------------------------------------------------------------------------------
@@ -14,8 +14,7 @@
     'use strict';
     Object.defineProperty(exports, "__esModule", { value: true });
     exports.SCSSParseError = exports.SCSSIssueType = void 0;
-    const nls = require("vscode-nls");
-    const localize = nls.loadMessageBundle();
+    const l10n = require("@vscode/l10n");
     class SCSSIssueType {
         constructor(id, message) {
             this.id = id;
@@ -24,8 +23,8 @@
     }
     exports.SCSSIssueType = SCSSIssueType;
     exports.SCSSParseError = {
-        FromExpected: new SCSSIssueType('scss-fromexpected', localize('expected.from', "'from' expected")),
-        ThroughOrToExpected: new SCSSIssueType('scss-throughexpected', localize('expected.through', "'through' or 'to' expected")),
-        InExpected: new SCSSIssueType('scss-fromexpected', localize('expected.in', "'in' expected")),
+        FromExpected: new SCSSIssueType('scss-fromexpected', l10n.t("'from' expected")),
+        ThroughOrToExpected: new SCSSIssueType('scss-throughexpected', l10n.t("'through' or 'to' expected")),
+        InExpected: new SCSSIssueType('scss-fromexpected', l10n.t("'in' expected")),
     };
 });

package/lib/umd/parser/scssParser.js

@@ -100,6 +100,9 @@
         _parseMediaCondition() {
             return this._parseInterpolation() || super._parseMediaCondition();
         }
+        _parseMediaFeatureRangeOperator() {
+            return this.accept(scssScanner.SmallerEqualsOperator) || this.accept(scssScanner.GreaterEqualsOperator) || super._parseMediaFeatureRangeOperator();
+        }
         _parseMediaFeatureName() {
             return this._parseModuleMember()
                 || this._parseFunction() // function before ident

package/lib/umd/services/cssCodeActions.js

@@ -4,7 +4,7 @@
         if (v !== undefined) module.exports = v;
     }
     else if (typeof define === "function" && define.amd) {
-        define(["require", "exports", "../parser/cssNodes", "../utils/strings", "../services/lintRules", "../cssLanguageTypes", "vscode-nls"], factory);
+        define(["require", "exports", "../parser/cssNodes", "../utils/strings", "../services/lintRules", "../cssLanguageTypes", "@vscode/l10n"], factory);
     }
 })(function (require, exports) {
     /*---------------------------------------------------------------------------------------------
@@ -18,8 +18,7 @@
     const strings_1 = require("../utils/strings");
     const lintRules_1 = require("../services/lintRules");
     const cssLanguageTypes_1 = require("../cssLanguageTypes");
-    const nls = require("vscode-nls");
-    const localize = nls.loadMessageBundle();
+    const l10n = require("@vscode/l10n");
     class CSSCodeActions {
         constructor(cssDataManager) {
             this.cssDataManager = cssDataManager;
@@ -55,7 +54,7 @@
             let maxActions = 3;
             for (const candidate of candidates) {
                 const propertyName = candidate.property;
-                const title = localize('css.codeaction.rename', "Rename to '{0}'", propertyName);
+                const title = l10n.t("Rename to '{0}'", propertyName);
                 const edit = cssLanguageTypes_1.TextEdit.replace(marker.range, propertyName);
                 const documentIdentifier = cssLanguageTypes_1.VersionedTextDocumentIdentifier.create(document.uri, document.version);
                 const workspaceEdit = { documentChanges: [cssLanguageTypes_1.TextDocumentEdit.create(documentIdentifier, [edit])] };

package/lib/umd/services/cssCompletion.js

@@ -4,7 +4,7 @@
         if (v !== undefined) module.exports = v;
     }
     else if (typeof define === "function" && define.amd) {
-        define(["require", "exports", "../parser/cssNodes", "../parser/cssSymbolScope", "../languageFacts/facts", "../utils/strings", "../cssLanguageTypes", "vscode-nls", "../utils/objects", "./pathCompletion"], factory);
+        define(["require", "exports", "../parser/cssNodes", "../parser/cssSymbolScope", "../languageFacts/facts", "../utils/strings", "../cssLanguageTypes", "@vscode/l10n", "../utils/objects", "./pathCompletion"], factory);
     }
 })(function (require, exports) {
     /*---------------------------------------------------------------------------------------------
@@ -19,10 +19,9 @@
     const languageFacts = require("../languageFacts/facts");
     const strings = require("../utils/strings");
     const cssLanguageTypes_1 = require("../cssLanguageTypes");
-    const nls = require("vscode-nls");
+    const l10n = require("@vscode/l10n");
     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',
@@ -68,6 +67,7 @@
                 const pathCompletionResult = await participant.computeCompletions(document, documentContext);
                 return {
                     isIncomplete: result.isIncomplete || pathCompletionResult.isIncomplete,
+                    itemDefaults: result.itemDefaults,
                     items: pathCompletionResult.items.concat(result.items)
                 };
             }
@@ -84,7 +84,16 @@
             this.styleSheet = styleSheet;
             this.documentSettings = documentSettings;
             try {
-                const result = { isIncomplete: false, items: [] };
+                const result = {
+                    isIncomplete: false,
+                    itemDefaults: {
+                        editRange: {
+                            start: { line: position.line, character: position.character - this.currentWord.length },
+                            end: position
+                        }
+                    },
+                    items: []
+                };
                 this.nodePath = nodes.getNodePath(this.styleSheet, this.offset);
                 for (let i = this.nodePath.length - 1; i >= 0; i--) {
                     const node = this.nodePath[i];
@@ -412,7 +421,7 @@
                 if (symbol.node.type === nodes.NodeType.FunctionParameter) {
                     const mixinNode = (symbol.node.getParent());
                     if (mixinNode.type === nodes.NodeType.MixinDeclaration) {
-                        completionItem.detail = localize('completion.argument', 'argument from \'{0}\'', mixinNode.getName());
+                        completionItem.detail = l10n.t('argument from \'{0}\'', mixinNode.getName());
                     }
                 }
                 result.items.push(completionItem);

package/lib/umd/services/cssNavigation.js

@@ -4,7 +4,7 @@
         if (v !== undefined) module.exports = v;
     }
     else if (typeof define === "function" && define.amd) {
-        define(["require", "exports", "../cssLanguageTypes", "vscode-nls", "../parser/cssNodes", "../parser/cssSymbolScope", "../languageFacts/facts", "../utils/strings", "../utils/resources"], factory);
+        define(["require", "exports", "../cssLanguageTypes", "@vscode/l10n", "../parser/cssNodes", "../parser/cssSymbolScope", "../languageFacts/facts", "../utils/strings", "../utils/resources"], factory);
     }
 })(function (require, exports) {
     /*---------------------------------------------------------------------------------------------
@@ -15,13 +15,12 @@
     Object.defineProperty(exports, "__esModule", { value: true });
     exports.CSSNavigation = void 0;
     const cssLanguageTypes_1 = require("../cssLanguageTypes");
-    const nls = require("vscode-nls");
+    const l10n = require("@vscode/l10n");
     const nodes = require("../parser/cssNodes");
     const cssSymbolScope_1 = require("../parser/cssSymbolScope");
     const facts_1 = require("../languageFacts/facts");
     const strings_1 = require("../utils/strings");
     const resources_1 = require("../utils/resources");
-    const localize = nls.loadMessageBundle();
     const startsWithSchemeRegex = /^\w+:\/\//;
     const startsWithData = /^data:/;
     class CSSNavigation {
@@ -54,16 +53,23 @@
                 };
             });
         }
-        findDocumentHighlights(document, position, stylesheet) {
-            const result = [];
+        getHighlightNode(document, position, stylesheet) {
             const offset = document.offsetAt(position);
             let node = nodes.getNodeAtOffset(stylesheet, offset);
             if (!node || node.type === nodes.NodeType.Stylesheet || node.type === nodes.NodeType.Declarations) {
-                return result;
+                return;
             }
             if (node.type === nodes.NodeType.Identifier && node.parent && node.parent.type === nodes.NodeType.ClassSelector) {
                 node = node.parent;
             }
+            return node;
+        }
+        findDocumentHighlights(document, position, stylesheet) {
+            const result = [];
+            const node = this.getHighlightNode(document, position, stylesheet);
+            if (!node) {
+                return result;
+            }
             const symbols = new cssSymbolScope_1.Symbols(stylesheet);
             const symbol = symbols.findSymbolFromNode(node);
             const name = node.getText();
@@ -241,11 +247,11 @@
                     collect(node.getName(), cssLanguageTypes_1.SymbolKind.Function, node, node.getIdentifier(), node.getDeclarations());
                 }
                 else if (node instanceof nodes.Keyframe) {
-                    const name = localize('literal.keyframes', "@keyframes {0}", node.getName());
+                    const name = l10n.t("@keyframes {0}", node.getName());
                     collect(name, cssLanguageTypes_1.SymbolKind.Class, node, node.getIdentifier(), node.getDeclarations());
                 }
                 else if (node instanceof nodes.FontFace) {
-                    const name = localize('literal.fontface', "@font-face");
+                    const name = l10n.t("@font-face");
                     collect(name, cssLanguageTypes_1.SymbolKind.Class, node, undefined, node.getDeclarations());
                 }
                 else if (node instanceof nodes.Media) {
@@ -305,6 +311,12 @@
             result.push({ label: label, textEdit: cssLanguageTypes_1.TextEdit.replace(range, label) });
             return result;
         }
+        prepareRename(document, position, stylesheet) {
+            const node = this.getHighlightNode(document, position, stylesheet);
+            if (node) {
+                return cssLanguageTypes_1.Range.create(document.positionAt(node.offset), document.positionAt(node.end));
+            }
+        }
         doRename(document, position, newName, stylesheet) {
             const highlights = this.findDocumentHighlights(document, position, stylesheet);
             const edits = highlights.map(h => cssLanguageTypes_1.TextEdit.replace(h.range, newName));