vscode-css-languageservice 5.1.11 → 5.2.0

package/lib/umd/cssLanguageService.d.ts

@@ -1,4 +1,4 @@
-import { LanguageSettings, ICompletionParticipant, DocumentContext, LanguageServiceOptions, Diagnostic, Position, CompletionList, Hover, Location, DocumentHighlight, DocumentLink, SymbolInformation, Range, CodeActionContext, Command, CodeAction, ColorInformation, Color, ColorPresentation, WorkspaceEdit, FoldingRange, SelectionRange, TextDocument, ICSSDataProvider, CSSDataV1, HoverSettings, CompletionSettings } from './cssLanguageTypes';
+import { LanguageSettings, ICompletionParticipant, DocumentContext, LanguageServiceOptions, Diagnostic, Position, CompletionList, Hover, Location, DocumentHighlight, DocumentLink, SymbolInformation, Range, CodeActionContext, Command, CodeAction, ColorInformation, Color, ColorPresentation, WorkspaceEdit, FoldingRange, SelectionRange, TextDocument, ICSSDataProvider, CSSDataV1, HoverSettings, CompletionSettings, TextEdit, CSSFormatConfiguration } from './cssLanguageTypes';
 export declare type Stylesheet = {};
 export * from './cssLanguageTypes';
 export interface LanguageService {
@@ -28,6 +28,7 @@ export interface LanguageService {
         rangeLimit?: number;
     }): FoldingRange[];
     getSelectionRanges(document: TextDocument, positions: Position[], stylesheet: Stylesheet): SelectionRange[];
+    format(document: TextDocument, range: Range | undefined, options: CSSFormatConfiguration): TextEdit[];
 }
 export declare function getDefaultCSSDataProvider(): ICSSDataProvider;
 export declare function newCSSDataProvider(data: CSSDataV1): ICSSDataProvider;

package/lib/umd/cssLanguageService.js

@@ -14,7 +14,7 @@ var __exportStar = (this && this.__exportStar) || function(m, exports) {
         if (v !== undefined) module.exports = v;
     }
     else if (typeof define === "function" && define.amd) {
-        define(["require", "exports", "./parser/cssParser", "./services/cssCompletion", "./services/cssHover", "./services/cssNavigation", "./services/cssCodeActions", "./services/cssValidation", "./parser/scssParser", "./services/scssCompletion", "./parser/lessParser", "./services/lessCompletion", "./services/cssFolding", "./languageFacts/dataManager", "./languageFacts/dataProvider", "./services/cssSelectionRange", "./services/scssNavigation", "./data/webCustomData", "./cssLanguageTypes"], factory);
+        define(["require", "exports", "./parser/cssParser", "./services/cssCompletion", "./services/cssHover", "./services/cssNavigation", "./services/cssCodeActions", "./services/cssValidation", "./parser/scssParser", "./services/scssCompletion", "./parser/lessParser", "./services/lessCompletion", "./services/cssFolding", "./services/cssFormatter", "./languageFacts/dataManager", "./languageFacts/dataProvider", "./services/cssSelectionRange", "./services/scssNavigation", "./data/webCustomData", "./cssLanguageTypes"], factory);
     }
 })(function (require, exports) {
     /*---------------------------------------------------------------------------------------------
@@ -35,6 +35,7 @@ var __exportStar = (this && this.__exportStar) || function(m, exports) {
     var lessParser_1 = require("./parser/lessParser");
     var lessCompletion_1 = require("./services/lessCompletion");
     var cssFolding_1 = require("./services/cssFolding");
+    var cssFormatter_1 = require("./services/cssFormatter");
     var dataManager_1 = require("./languageFacts/dataManager");
     var dataProvider_1 = require("./languageFacts/dataProvider");
     var cssSelectionRange_1 = require("./services/cssSelectionRange");
@@ -63,6 +64,7 @@ var __exportStar = (this && this.__exportStar) || function(m, exports) {
             doComplete2: completion.doComplete2.bind(completion),
             setCompletionParticipants: completion.setCompletionParticipants.bind(completion),
             doHover: hover.doHover.bind(hover),
+            format: cssFormatter_1.format,
             findDefinition: navigation.findDefinition.bind(navigation),
             findReferences: navigation.findReferences.bind(navigation),
             findDocumentHighlights: navigation.findDocumentHighlights.bind(navigation),

package/lib/umd/cssLanguageTypes.d.ts

@@ -210,3 +210,17 @@ export interface FileSystemProvider {
     stat(uri: DocumentUri): Promise<FileStat>;
     readDirectory?(uri: DocumentUri): Promise<[string, FileType][]>;
 }
+export interface CSSFormatConfiguration {
+    /** indentation size. Default: 4 */
+    tabSize?: number;
+    /** Whether to use spaces or tabs */
+    insertSpaces?: boolean;
+    /** end with a newline: Default: false */
+    insertFinalNewline?: boolean;
+    /** separate selectors with newline or not (e.g. "a,\nbr" or "a, br"): Default: true */
+    selectorSeparatorNewline?: boolean;
+    /** add a new line after every css rule: Default: true */
+    newlineBetweenRules?: boolean;
+    /** ensure space around selector separators:  '>', '+', '~' (e.g. "a>b" -> "a > b"): Default: false */
+    spaceAroundSelectorSeparator?: boolean;
+}

package/lib/umd/data/webCustomData.js

@@ -2,7 +2,7 @@
  *  Copyright (c) Microsoft Corporation. All rights reserved.
  *  Licensed under the MIT License. See License.txt in the project root for license information.
  *--------------------------------------------------------------------------------------------*/
-// file generated from vscode-web-custom-data NPM package
+// file generated from @vscode/web-custom-data NPM package
 (function (factory) {
     if (typeof module === "object" && typeof module.exports === "object") {
         var v = factory(require, exports);

package/lib/umd/languageFacts/colors.js

@@ -13,7 +13,7 @@
 })(function (require, exports) {
     "use strict";
     Object.defineProperty(exports, "__esModule", { value: true });
-    exports.getColorValue = exports.hslFromColor = exports.colorFromHSL = exports.colorFrom256RGB = exports.colorFromHex = exports.hexDigit = exports.isColorValue = exports.isColorConstructor = exports.colorKeywords = exports.colors = exports.colorFunctions = void 0;
+    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;
     var nodes = require("../parser/cssNodes");
     var nls = require("vscode-nls");
     var localize = nls.loadMessageBundle();
@@ -21,7 +21,8 @@
         { 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: '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.') }
     ];
     exports.colors = {
         aliceblue: '#f0f8ff',
@@ -217,7 +218,7 @@
         if (!name) {
             return false;
         }
-        return /^(rgb|rgba|hsl|hsla)$/gi.test(name);
+        return /^(rgb|rgba|hsl|hsla|hwb)$/gi.test(name);
     }
     exports.isColorConstructor = isColorConstructor;
     /**
@@ -377,6 +378,42 @@
         return { h: h, s: s, l: l, a: a };
     }
     exports.hslFromColor = hslFromColor;
+    function colorFromHWB(hue, white, black, alpha) {
+        if (alpha === void 0) { alpha = 1.0; }
+        if (white + black >= 1) {
+            var gray = white / (white + black);
+            return { red: gray, green: gray, blue: gray, alpha: alpha };
+        }
+        var rgb = colorFromHSL(hue, 1, 0.5, alpha);
+        var red = rgb.red;
+        red *= (1 - white - black);
+        red += white;
+        var green = rgb.green;
+        green *= (1 - white - black);
+        green += white;
+        var blue = rgb.blue;
+        blue *= (1 - white - black);
+        blue += white;
+        return {
+            red: red,
+            green: green,
+            blue: blue,
+            alpha: alpha
+        };
+    }
+    exports.colorFromHWB = colorFromHWB;
+    function hwbFromColor(rgba) {
+        var hsl = hslFromColor(rgba);
+        var white = Math.min(rgba.red, rgba.green, rgba.blue);
+        var black = 1 - Math.max(rgba.red, rgba.green, rgba.blue);
+        return {
+            h: hsl.h,
+            w: white,
+            b: black,
+            a: hsl.a
+        };
+    }
+    exports.hwbFromColor = hwbFromColor;
     function getColorValue(node) {
         if (node.type === nodes.NodeType.HexColorValue) {
             var text = node.getText();
@@ -420,6 +457,12 @@
                     var l = getNumericValue(colorValues[2], 100.0);
                     return colorFromHSL(h, s, l, alpha);
                 }
+                else if (name === 'hwb') {
+                    var h = getAngle(colorValues[0]);
+                    var w = getNumericValue(colorValues[1], 100.0);
+                    var b = getNumericValue(colorValues[2], 100.0);
+                    return colorFromHWB(h, w, b, alpha);
+                }
             }
             catch (e) {
                 // parse error on numeric value

package/lib/umd/parser/cssNodes.js

@@ -28,7 +28,7 @@ var __extends = (this && this.__extends) || (function () {
      *--------------------------------------------------------------------------------------------*/
     'use strict';
     Object.defineProperty(exports, "__esModule", { value: true });
-    exports.ParseErrorCollector = exports.Marker = exports.Level = exports.Module = exports.GuardCondition = exports.LessGuard = exports.ListEntry = exports.UnknownAtRule = exports.MixinDeclaration = exports.MixinReference = exports.MixinContentDeclaration = exports.MixinContentReference = exports.ExtendsReference = exports.Variable = exports.Interpolation = exports.VariableDeclaration = exports.NumericValue = exports.RatioValue = exports.HexColorValue = exports.Operator = exports.AttributeSelector = exports.Term = exports.BinaryExpression = exports.Expression = exports.PageBoxMarginBox = exports.Page = exports.SupportsCondition = exports.MediaFeature = exports.MediaCondition = exports.MediaQuery = exports.Medialist = exports.Document = exports.Supports = exports.Media = exports.Namespace = exports.ForwardVisibility = exports.Forward = exports.ModuleConfiguration = exports.Use = exports.Import = exports.KeyframeSelector = exports.Keyframe = exports.NestedProperties = exports.FontFace = exports.ViewPort = exports.FunctionDeclaration = exports.ElseStatement = exports.WhileStatement = exports.EachStatement = exports.ForStatement = exports.IfStatement = exports.FunctionArgument = exports.FunctionParameter = exports.Function = exports.Invocation = exports.Property = exports.CustomPropertyDeclaration = exports.Declaration = exports.CustomPropertySet = exports.AbstractDeclaration = exports.AtApplyRule = exports.SimpleSelector = exports.Selector = exports.RuleSet = exports.BodyDeclaration = exports.Declarations = exports.Stylesheet = exports.Identifier = exports.Nodelist = exports.Node = exports.getParentDeclaration = exports.getNodePath = exports.getNodeAtOffset = exports.ReferenceType = exports.NodeType = void 0;
+    exports.ParseErrorCollector = exports.Marker = exports.Level = exports.Module = exports.GuardCondition = exports.LessGuard = exports.ListEntry = exports.UnknownAtRule = exports.MixinDeclaration = exports.MixinReference = exports.MixinContentDeclaration = exports.MixinContentReference = exports.ExtendsReference = exports.Variable = exports.Interpolation = exports.VariableDeclaration = exports.NumericValue = exports.RatioValue = exports.HexColorValue = exports.Operator = exports.AttributeSelector = exports.Term = exports.BinaryExpression = exports.Expression = exports.PageBoxMarginBox = exports.Page = exports.SupportsCondition = exports.MediaFeature = exports.MediaCondition = exports.MediaQuery = exports.Medialist = exports.Document = exports.Supports = exports.Media = exports.Namespace = exports.ForwardVisibility = exports.Forward = exports.ModuleConfiguration = exports.Use = exports.Import = exports.KeyframeSelector = exports.Keyframe = exports.NestedProperties = exports.FontFace = exports.ViewPort = exports.FunctionDeclaration = exports.ElseStatement = exports.WhileStatement = exports.EachStatement = exports.ForStatement = exports.IfStatement = exports.FunctionArgument = exports.FunctionParameter = exports.Function = exports.Invocation = exports.Property = exports.CustomPropertyDeclaration = exports.Declaration = exports.CustomPropertySet = exports.AbstractDeclaration = exports.AtApplyRule = exports.SimpleSelector = exports.Selector = exports.RuleSet = exports.BodyDeclaration = exports.Declarations = exports.Stylesheet = exports.Identifier = exports.UnicodeRange = exports.Nodelist = exports.Node = exports.getParentDeclaration = exports.getNodePath = exports.getNodeAtOffset = exports.ReferenceType = exports.NodeType = void 0;
     var strings_1 = require("../utils/strings");
     /// <summary>
     /// Nodes for the css 2.1 specification. See for reference:
@@ -118,6 +118,7 @@ var __extends = (this && this.__extends) || (function () {
         NodeType[NodeType["Forward"] = 79] = "Forward";
         NodeType[NodeType["ForwardVisibility"] = 80] = "ForwardVisibility";
         NodeType[NodeType["Module"] = 81] = "Module";
+        NodeType[NodeType["UnicodeRange"] = 82] = "UnicodeRange";
     })(NodeType = exports.NodeType || (exports.NodeType = {}));
     var ReferenceType;
     (function (ReferenceType) {
@@ -408,6 +409,33 @@ var __extends = (this && this.__extends) || (function () {
         return Nodelist;
     }(Node));
     exports.Nodelist = Nodelist;
+    var UnicodeRange = /** @class */ (function (_super) {
+        __extends(UnicodeRange, _super);
+        function UnicodeRange(offset, length) {
+            return _super.call(this, offset, length) || this;
+        }
+        Object.defineProperty(UnicodeRange.prototype, "type", {
+            get: function () {
+                return NodeType.UnicodeRange;
+            },
+            enumerable: false,
+            configurable: true
+        });
+        UnicodeRange.prototype.setRangeStart = function (rangeStart) {
+            return this.setNode('rangeStart', rangeStart);
+        };
+        UnicodeRange.prototype.getRangeStart = function () {
+            return this.rangeStart;
+        };
+        UnicodeRange.prototype.setRangeEnd = function (rangeEnd) {
+            return this.setNode('rangeEnd', rangeEnd);
+        };
+        UnicodeRange.prototype.getRangeEnd = function () {
+            return this.rangeEnd;
+        };
+        return UnicodeRange;
+    }(Node));
+    exports.UnicodeRange = UnicodeRange;
     var Identifier = /** @class */ (function (_super) {
         __extends(Identifier, _super);
         function Identifier(offset, length) {

package/lib/umd/parser/cssParser.js

@@ -73,6 +73,15 @@ var __spreadArray = (this && this.__spreadArray) || function (to, from, pack) {
             this.prevToken = this.token;
             this.token = this.scanner.scan();
         };
+        Parser.prototype.acceptUnicodeRange = function () {
+            var token = this.scanner.tryScanUnicode();
+            if (token) {
+                this.prevToken = token;
+                this.token = this.scanner.scan();
+                return true;
+            }
+            return false;
+        };
         Parser.prototype.mark = function () {
             return {
                 prev: this.prevToken,
@@ -327,7 +336,7 @@ var __spreadArray = (this && this.__spreadArray) || function (to, from, pack) {
             return this._parseUnknownAtRule();
         };
         Parser.prototype._parseRuleSetDeclaration = function () {
-            // https://www.w3.org/TR/css-syntax-3/#consume-a-list-of-declarations0
+            // https://www.w3.org/TR/css-syntax-3/#consume-a-list-of-declarations
             if (this.peek(cssScanner_1.TokenType.AtKeyword)) {
                 return this._parseRuleSetDeclarationAtStatement();
             }
@@ -1355,12 +1364,25 @@ var __spreadArray = (this && this.__spreadArray) || function (to, from, pack) {
                     }
                     this.consumeToken();
                 }
+                else if (!this.hasWhitespace()) {
+                    break;
+                }
                 if (!node.addChild(this._parseBinaryExpr())) {
                     break;
                 }
             }
             return this.finish(node);
         };
+        Parser.prototype._parseUnicodeRange = function () {
+            if (!this.peekIdent('u')) {
+                return null;
+            }
+            var node = this.create(nodes.UnicodeRange);
+            if (!this.acceptUnicodeRange()) {
+                return null;
+            }
+            return this.finish(node);
+        };
         Parser.prototype._parseNamedLine = function () {
             // https://www.w3.org/TR/css-grid-1/#named-lines
             if (!this.peek(cssScanner_1.TokenType.BracketL)) {
@@ -1405,6 +1427,7 @@ var __spreadArray = (this && this.__spreadArray) || function (to, from, pack) {
         };
         Parser.prototype._parseTermExpression = function () {
             return this._parseURILiteral() || // url before function
+                this._parseUnicodeRange() ||
                 this._parseFunction() || // function before ident
                 this._parseIdent() ||
                 this._parseStringLiteral() ||

package/lib/umd/parser/cssScanner.js

@@ -129,6 +129,7 @@
     var _a = 'a'.charCodeAt(0);
     var _f = 'f'.charCodeAt(0);
     var _z = 'z'.charCodeAt(0);
+    var _u = 'u'.charCodeAt(0);
     var _A = 'A'.charCodeAt(0);
     var _F = 'F'.charCodeAt(0);
     var _Z = 'Z'.charCodeAt(0);
@@ -167,6 +168,8 @@
     var _CMA = ','.charCodeAt(0);
     var _DOT = '.'.charCodeAt(0);
     var _BNG = '!'.charCodeAt(0);
+    var _QSM = '?'.charCodeAt(0);
+    var _PLS = '+'.charCodeAt(0);
     var staticTokenTable = {};
     staticTokenTable[_SEM] = TokenType.SemiColon;
     staticTokenTable[_COL] = TokenType.Colon;
@@ -245,6 +248,19 @@
             }
             return this.scanNext(offset);
         };
+        /**
+         * Read the range as described in https://www.w3.org/TR/CSS21/syndata.html#tokenization
+         * Assume the `u` has aleady been consumed
+         * @returns if reading the unicode was successful
+         */
+        Scanner.prototype.tryScanUnicode = function () {
+            var offset = this.stream.pos();
+            if (!this.stream.eos() && this._unicodeRange()) {
+                return this.finishToken(offset, TokenType.UnicodeRange);
+            }
+            this.stream.goBackTo(offset);
+            return undefined;
+        };
         Scanner.prototype.scanNext = function (offset) {
             // CDO <!--
             if (this.stream.advanceIfChars([_LAN, _BNG, _MIN, _MIN])) {
@@ -569,6 +585,26 @@
             }
             return false;
         };
+        Scanner.prototype._unicodeRange = function () {
+            // follow https://www.w3.org/TR/CSS21/syndata.html#tokenization and https://www.w3.org/TR/css-syntax-3/#urange-syntax
+            // assume u has already been parsed
+            if (this.stream.advanceIfChar(_PLS)) {
+                var isHexDigit = function (ch) { return (ch >= _0 && ch <= _9 || ch >= _a && ch <= _f || ch >= _A && ch <= _F); };
+                var codePoints = this.stream.advanceWhileChar(isHexDigit) + this.stream.advanceWhileChar(function (ch) { return ch === _QSM; });
+                if (codePoints >= 1 && codePoints <= 6) {
+                    if (this.stream.advanceIfChar(_MIN)) {
+                        var digits = this.stream.advanceWhileChar(isHexDigit);
+                        if (digits >= 1 && digits <= 6) {
+                            return true;
+                        }
+                    }
+                    else {
+                        return true;
+                    }
+                }
+            }
+            return false;
+        };
         return Scanner;
     }());
     exports.Scanner = Scanner;

package/lib/umd/services/cssFormatter.js

@@ -0,0 +1,131 @@
+/*---------------------------------------------------------------------------------------------
+ *  Copyright (c) Microsoft Corporation. All rights reserved.
+ *  Licensed under the MIT License. See License.txt in the project root for license information.
+ *--------------------------------------------------------------------------------------------*/
+(function (factory) {
+    if (typeof module === "object" && typeof module.exports === "object") {
+        var v = factory(require, exports);
+        if (v !== undefined) module.exports = v;
+    }
+    else if (typeof define === "function" && define.amd) {
+        define(["require", "exports", "../cssLanguageTypes", "../beautify/beautify-css", "../utils/strings"], factory);
+    }
+})(function (require, exports) {
+    "use strict";
+    Object.defineProperty(exports, "__esModule", { value: true });
+    exports.format = void 0;
+    var cssLanguageTypes_1 = require("../cssLanguageTypes");
+    var beautify_css_1 = require("../beautify/beautify-css");
+    var strings_1 = require("../utils/strings");
+    function format(document, range, options) {
+        var value = document.getText();
+        var includesEnd = true;
+        var initialIndentLevel = 0;
+        var tabSize = options.tabSize || 4;
+        if (range) {
+            var startOffset = document.offsetAt(range.start);
+            // include all leading whitespace iff at the beginning of the line
+            var extendedStart = startOffset;
+            while (extendedStart > 0 && isWhitespace(value, extendedStart - 1)) {
+                extendedStart--;
+            }
+            if (extendedStart === 0 || isEOL(value, extendedStart - 1)) {
+                startOffset = extendedStart;
+            }
+            else {
+                // else keep at least one whitespace
+                if (extendedStart < startOffset) {
+                    startOffset = extendedStart + 1;
+                }
+            }
+            // include all following whitespace until the end of the line
+            var endOffset = document.offsetAt(range.end);
+            var extendedEnd = endOffset;
+            while (extendedEnd < value.length && isWhitespace(value, extendedEnd)) {
+                extendedEnd++;
+            }
+            if (extendedEnd === value.length || isEOL(value, extendedEnd)) {
+                endOffset = extendedEnd;
+            }
+            range = cssLanguageTypes_1.Range.create(document.positionAt(startOffset), document.positionAt(endOffset));
+            // Do not modify if substring starts in inside an element
+            // Ending inside an element is fine as it doesn't cause formatting errors
+            var firstHalf = value.substring(0, startOffset);
+            if (new RegExp(/.*[<][^>]*$/).test(firstHalf)) {
+                //return without modification
+                value = value.substring(startOffset, endOffset);
+                return [{
+                        range: range,
+                        newText: value
+                    }];
+            }
+            includesEnd = endOffset === value.length;
+            value = value.substring(startOffset, endOffset);
+            if (startOffset !== 0) {
+                var startOfLineOffset = document.offsetAt(cssLanguageTypes_1.Position.create(range.start.line, 0));
+                initialIndentLevel = computeIndentLevel(document.getText(), startOfLineOffset, options);
+            }
+        }
+        else {
+            range = cssLanguageTypes_1.Range.create(cssLanguageTypes_1.Position.create(0, 0), document.positionAt(value.length));
+        }
+        var cssOptions = {
+            indent_size: tabSize,
+            indent_char: options.insertSpaces ? ' ' : '\t',
+            end_with_newline: includesEnd && getFormatOption(options, 'insertFinalNewline', false),
+            selector_separator_newline: getFormatOption(options, 'selectorSeparatorNewline', true),
+            newline_between_rules: getFormatOption(options, 'newlineBetweenRules', true),
+            space_around_selector_separator: getFormatOption(options, 'spaceAroundSelectorSeparator', false)
+        };
+        var result = (0, beautify_css_1.css_beautify)(trimLeft(value), cssOptions);
+        if (initialIndentLevel > 0) {
+            var indent = options.insertSpaces ? (0, strings_1.repeat)(' ', tabSize * initialIndentLevel) : (0, strings_1.repeat)('\t', initialIndentLevel);
+            result = result.split('\n').join('\n' + indent);
+            if (range.start.character === 0) {
+                result = indent + result; // keep the indent
+            }
+        }
+        return [{
+                range: range,
+                newText: result
+            }];
+    }
+    exports.format = format;
+    function trimLeft(str) {
+        return str.replace(/^\s+/, '');
+    }
+    function getFormatOption(options, key, dflt) {
+        if (options && options.hasOwnProperty(key)) {
+            var value = options[key];
+            if (value !== null) {
+                return value;
+            }
+        }
+        return dflt;
+    }
+    function computeIndentLevel(content, offset, options) {
+        var i = offset;
+        var nChars = 0;
+        var tabSize = options.tabSize || 4;
+        while (i < content.length) {
+            var ch = content.charAt(i);
+            if (ch === ' ') {
+                nChars++;
+            }
+            else if (ch === '\t') {
+                nChars += tabSize;
+            }
+            else {
+                break;
+            }
+            i++;
+        }
+        return Math.floor(nChars / tabSize);
+    }
+    function isEOL(text, offset) {
+        return '\r\n'.indexOf(text.charAt(offset)) !== -1;
+    }
+    function isWhitespace(text, offset) {
+        return ' \t'.indexOf(text.charAt(offset)) !== -1;
+    }
+});

package/lib/umd/services/cssNavigation.js

@@ -314,6 +314,14 @@ var __generator = (this && this.__generator) || function (thisArg, body) {
                 label = "hsla(".concat(hsl.h, ", ").concat(Math.round(hsl.s * 100), "%, ").concat(Math.round(hsl.l * 100), "%, ").concat(hsl.a, ")");
             }
             result.push({ label: label, textEdit: cssLanguageTypes_1.TextEdit.replace(range, label) });
+            var hwb = (0, facts_1.hwbFromColor)(color);
+            if (hwb.a === 1) {
+                label = "hwb(".concat(hwb.h, " ").concat(Math.round(hwb.w * 100), "% ").concat(Math.round(hwb.b * 100), "%)");
+            }
+            else {
+                label = "hwb(".concat(hwb.h, " ").concat(Math.round(hwb.w * 100), "% ").concat(Math.round(hwb.b * 100), "% / ").concat(hwb.a, ")");
+            }
+            result.push({ label: label, textEdit: cssLanguageTypes_1.TextEdit.replace(range, label) });
             return result;
         };
         CSSNavigation.prototype.doRename = function (document, position, newName, stylesheet) {

package/lib/umd/services/selectorPrinting.js

@@ -374,7 +374,8 @@ var __extends = (this && this.__extends) || (function () {
             var _this = this;
             //https://www.w3.org/TR/selectors-3/#specificity
             var calculateScore = function (node) {
-                for (var _i = 0, _a = node.getChildren(); _i < _a.length; _i++) {
+                var specificity = new Specificity();
+                elementLoop: for (var _i = 0, _a = node.getChildren(); _i < _a.length; _i++) {
                     var element = _a[_i];
                     switch (element.type) {
                         case nodes.NodeType.IdentifierSelector:
@@ -395,23 +396,66 @@ var __extends = (this && this.__extends) || (function () {
                             var text = element.getText();
                             if (_this.isPseudoElementIdentifier(text)) {
                                 specificity.tag++; // pseudo element
+                                break;
                             }
-                            else {
-                                //ignore psuedo class NOT
-                                if (text.match(/^:not/i)) {
-                                    break;
+                            // where and child selectors have zero specificity
+                            if (text.match(/^:where/i)) {
+                                continue elementLoop;
+                            }
+                            // the most specific child selector
+                            if (text.match(/^:(not|has|is)/i) && element.getChildren().length > 0) {
+                                var mostSpecificListItem = new Specificity();
+                                for (var _b = 0, _c = element.getChildren(); _b < _c.length; _b++) {
+                                    var containerElement = _c[_b];
+                                    var list = void 0;
+                                    if (containerElement.type === nodes.NodeType.Undefined) { // containerElement is a list of selectors
+                                        list = containerElement.getChildren();
+                                    }
+                                    else { // containerElement is a selector
+                                        list = [containerElement];
+                                    }
+                                    for (var _d = 0, _e = containerElement.getChildren(); _d < _e.length; _d++) {
+                                        var childElement = _e[_d];
+                                        var itemSpecificity = calculateScore(childElement);
+                                        if (itemSpecificity.id > mostSpecificListItem.id) {
+                                            mostSpecificListItem = itemSpecificity;
+                                            continue;
+                                        }
+                                        else if (itemSpecificity.id < mostSpecificListItem.id) {
+                                            continue;
+                                        }
+                                        if (itemSpecificity.attr > mostSpecificListItem.attr) {
+                                            mostSpecificListItem = itemSpecificity;
+                                            continue;
+                                        }
+                                        else if (itemSpecificity.attr < mostSpecificListItem.attr) {
+                                            continue;
+                                        }
+                                        if (itemSpecificity.tag > mostSpecificListItem.tag) {
+                                            mostSpecificListItem = itemSpecificity;
+                                            continue;
+                                        }
+                                    }
                                 }
-                                specificity.attr++; //pseudo class
+                                specificity.id += mostSpecificListItem.id;
+                                specificity.attr += mostSpecificListItem.attr;
+                                specificity.tag += mostSpecificListItem.tag;
+                                continue elementLoop;
                             }
+                            specificity.attr++; //pseudo class
                             break;
                     }
                     if (element.getChildren().length > 0) {
-                        calculateScore(element);
+                        var itemSpecificity = calculateScore(element);
+                        specificity.id += itemSpecificity.id;
+                        specificity.attr += itemSpecificity.attr;
+                        specificity.tag += itemSpecificity.tag;
                     }
                 }
+                return specificity;
             };
-            var specificity = new Specificity();
-            calculateScore(node);
+            var specificity = calculateScore(node);
+            ;
             return localize('specificity', "[Selector Specificity](https://developer.mozilla.org/en-US/docs/Web/CSS/Specificity): ({0}, {1}, {2})", specificity.id, specificity.attr, specificity.tag);
         };
         return SelectorPrinting;

package/lib/umd/utils/strings.js

@@ -13,7 +13,7 @@
      *--------------------------------------------------------------------------------------------*/
     'use strict';
     Object.defineProperty(exports, "__esModule", { value: true });
-    exports.trim = exports.getLimitedString = exports.difference = exports.endsWith = exports.startsWith = void 0;
+    exports.repeat = exports.trim = exports.getLimitedString = exports.difference = exports.endsWith = exports.startsWith = void 0;
     function startsWith(haystack, needle) {
         if (haystack.length < needle.length) {
             return false;
@@ -107,4 +107,16 @@
         return str;
     }
     exports.trim = trim;
+    function repeat(value, count) {
+        var s = '';
+        while (count > 0) {
+            if ((count & 1) === 1) {
+                s += value;
+            }
+            value += value;
+            count = count >>> 1;
+        }
+        return s;
+    }
+    exports.repeat = repeat;
 });

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "vscode-css-languageservice",
-  "version": "5.1.11",
+  "version": "5.2.0",
   "description": "Language service for CSS, LESS and SCSS",
   "main": "./lib/umd/cssLanguageService.js",
   "typings": "./lib/umd/cssLanguageService",
@@ -17,34 +17,38 @@
   "devDependencies": {
     "@types/mocha": "^9.1.0",
     "@types/node": "^10.12.21",
-    "@typescript-eslint/eslint-plugin": "^5.10.1",
-    "@typescript-eslint/parser": "^5.10.1",
-    "@vscode/web-custom-data": "^0.3.6",
-    "eslint": "^8.7.0",
-    "mocha": "^9.2.0",
+    "@typescript-eslint/eslint-plugin": "^5.15.0",
+    "@typescript-eslint/parser": "^5.15.0",
+    "@vscode/web-custom-data": "^0.3.8",
+    "eslint": "^8.11.0",
+    "js-beautify": "^1.14.0",
+    "mocha": "^9.2.2",
     "rimraf": "^3.0.2",
     "typescript": "^4.5.5"
   },
   "dependencies": {
-    "vscode-languageserver-textdocument": "^1.0.1",
+    "vscode-languageserver-textdocument": "^1.0.4",
     "vscode-languageserver-types": "^3.16.0",
     "vscode-nls": "^5.0.0",
-    "vscode-uri": "^3.0.2"
+    "vscode-uri": "^3.0.3"
   },
   "scripts": {
     "prepublishOnly": "npm run clean && npm run compile-esm && npm run test && npm run remove-sourcemap-refs",
     "postpublish": "node ./build/post-publish.js",
-    "compile": "tsc -p ./src && npm run lint",
+    "compile": "tsc -p ./src && npm run copy-jsbeautify && npm run lint ",
     "compile-esm": "tsc -p ./src/tsconfig.esm.json",
     "clean": "rimraf lib",
     "remove-sourcemap-refs": "node ./build/remove-sourcemap-refs.js",
-    "watch": "tsc -w -p ./src",
+    "watch": "npm run copy-jsbeautify && tsc -w -p ./src",
     "test": "npm run compile && mocha",
     "mocha": "mocha",
     "coverage": "npm run compile && npx nyc --reporter=html --reporter=text  mocha",
     "lint": "eslint src/**/*.ts",
     "update-data": "yarn add @vscode/web-custom-data -D && node ./build/generateData.js",
     "install-types-next": "yarn add vscode-languageserver-types@next -f -S && yarn add vscode-languageserver-textdocument@next -f -S",
+    "copy-jsbeautify": "node ./build/copy-jsbeautify.js",
+    "update-jsbeautify": "yarn add js-beautify && node ./build/update-jsbeautify.js",
+    "update-jsbeautify-next": "yarn add js-beautify@next && node ./build/update-jsbeautify.js",
     "preversion": "npm test",
     "postversion": "git push && git push --tags"
   }