(function webpackUniversalModuleDefinition(root, factory) {
if(typeof exports === 'object' && typeof module === 'object')
module.exports = factory();
else if(typeof define === 'function' && define.amd)
define([], factory);
else {
var a = factory();
for(var i in a) (typeof exports === 'object' ? exports : root)[i] = a[i];
}
})(this, () => {
return /******/ (() => { // webpackBootstrap
/******/ var __webpack_modules__ = ({
/***/ 6093:
/***/ ((module, __unused_webpack_exports, __webpack_require__) => {
"use strict";
/* provided dependency */ var process = __webpack_require__(9907);
/* provided dependency */ var console = __webpack_require__(4364);
// Currently in sync with Node.js lib/assert.js
// https://github.com/nodejs/node/commit/2a51ae424a513ec9a6aa3466baa0cc1d55dd4f3b
// Originally from narwhal.js (http://narwhaljs.org)
// Copyright (c) 2009 Thomas Robinson <280north.com>
//
// Permission is hereby granted, free of charge, to any person obtaining a copy
// of this software and associated documentation files (the 'Software'), to
// deal in the Software without restriction, including without limitation the
// rights to use, copy, modify, merge, publish, distribute, sublicense, and/or
// sell copies of the Software, and to permit persons to whom the Software is
// furnished to do so, subject to the following conditions:
//
// The above copyright notice and this permission notice shall be included in
// all copies or substantial portions of the Software.
//
// THE SOFTWARE IS PROVIDED 'AS IS', WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
// IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
// FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
// AUTHORS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN
// ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION
// WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.
function _typeof(obj) { if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") { _typeof = function _typeof(obj) { return typeof obj; }; } else { _typeof = function _typeof(obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }; } return _typeof(obj); }
function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
var _require = __webpack_require__(1342),
_require$codes = _require.codes,
ERR_AMBIGUOUS_ARGUMENT = _require$codes.ERR_AMBIGUOUS_ARGUMENT,
ERR_INVALID_ARG_TYPE = _require$codes.ERR_INVALID_ARG_TYPE,
ERR_INVALID_ARG_VALUE = _require$codes.ERR_INVALID_ARG_VALUE,
ERR_INVALID_RETURN_VALUE = _require$codes.ERR_INVALID_RETURN_VALUE,
ERR_MISSING_ARGS = _require$codes.ERR_MISSING_ARGS;
var AssertionError = __webpack_require__(9801);
var _require2 = __webpack_require__(6827),
inspect = _require2.inspect;
var _require$types = (__webpack_require__(6827).types),
isPromise = _require$types.isPromise,
isRegExp = _require$types.isRegExp;
var objectAssign = Object.assign ? Object.assign : (__webpack_require__(3046).assign);
var objectIs = Object.is ? Object.is : __webpack_require__(5968);
var errorCache = new Map();
var isDeepEqual;
var isDeepStrictEqual;
var parseExpressionAt;
var findNodeAround;
var decoder;
function lazyLoadComparison() {
var comparison = __webpack_require__(5656);
isDeepEqual = comparison.isDeepEqual;
isDeepStrictEqual = comparison.isDeepStrictEqual;
} // Escape control characters but not \n and \t to keep the line breaks and
// indentation intact.
// eslint-disable-next-line no-control-regex
var escapeSequencesRegExp = /[\x00-\x08\x0b\x0c\x0e-\x1f]/g;
var meta = (/* unused pure expression or super */ null && (["\\u0000", "\\u0001", "\\u0002", "\\u0003", "\\u0004", "\\u0005", "\\u0006", "\\u0007", '\\b', '', '', "\\u000b", '\\f', '', "\\u000e", "\\u000f", "\\u0010", "\\u0011", "\\u0012", "\\u0013", "\\u0014", "\\u0015", "\\u0016", "\\u0017", "\\u0018", "\\u0019", "\\u001a", "\\u001b", "\\u001c", "\\u001d", "\\u001e", "\\u001f"]));
var escapeFn = function escapeFn(str) {
return meta[str.charCodeAt(0)];
};
var warned = false; // The assert module provides functions that throw
// AssertionError's when particular conditions are not met. The
// assert module must conform to the following interface.
var assert = module.exports = ok;
var NO_EXCEPTION_SENTINEL = {}; // All of the following functions must throw an AssertionError
// when a corresponding condition is not met, with a message that
// may be undefined if not provided. All assertion methods provide
// both the actual and expected values to the assertion error for
// display purposes.
function innerFail(obj) {
if (obj.message instanceof Error) throw obj.message;
throw new AssertionError(obj);
}
function fail(actual, expected, message, operator, stackStartFn) {
var argsLen = arguments.length;
var internalMessage;
if (argsLen === 0) {
internalMessage = 'Failed';
} else if (argsLen === 1) {
message = actual;
actual = undefined;
} else {
if (warned === false) {
warned = true;
var warn = process.emitWarning ? process.emitWarning : console.warn.bind(console);
warn('assert.fail() with more than one argument is deprecated. ' + 'Please use assert.strictEqual() instead or only pass a message.', 'DeprecationWarning', 'DEP0094');
}
if (argsLen === 2) operator = '!=';
}
if (message instanceof Error) throw message;
var errArgs = {
actual: actual,
expected: expected,
operator: operator === undefined ? 'fail' : operator,
stackStartFn: stackStartFn || fail
};
if (message !== undefined) {
errArgs.message = message;
}
var err = new AssertionError(errArgs);
if (internalMessage) {
err.message = internalMessage;
err.generatedMessage = true;
}
throw err;
}
assert.fail = fail; // The AssertionError is defined in internal/error.
assert.AssertionError = AssertionError;
function innerOk(fn, argLen, value, message) {
if (!value) {
var generatedMessage = false;
if (argLen === 0) {
generatedMessage = true;
message = 'No value argument passed to `assert.ok()`';
} else if (message instanceof Error) {
throw message;
}
var err = new AssertionError({
actual: value,
expected: true,
message: message,
operator: '==',
stackStartFn: fn
});
err.generatedMessage = generatedMessage;
throw err;
}
} // Pure assertion tests whether a value is truthy, as determined
// by !!value.
function ok() {
for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
args[_key] = arguments[_key];
}
innerOk.apply(void 0, [ok, args.length].concat(args));
}
assert.ok = ok; // The equality assertion tests shallow, coercive equality with ==.
/* eslint-disable no-restricted-properties */
assert.equal = function equal(actual, expected, message) {
if (arguments.length < 2) {
throw new ERR_MISSING_ARGS('actual', 'expected');
} // eslint-disable-next-line eqeqeq
if (actual != expected) {
innerFail({
actual: actual,
expected: expected,
message: message,
operator: '==',
stackStartFn: equal
});
}
}; // The non-equality assertion tests for whether two objects are not
// equal with !=.
assert.notEqual = function notEqual(actual, expected, message) {
if (arguments.length < 2) {
throw new ERR_MISSING_ARGS('actual', 'expected');
} // eslint-disable-next-line eqeqeq
if (actual == expected) {
innerFail({
actual: actual,
expected: expected,
message: message,
operator: '!=',
stackStartFn: notEqual
});
}
}; // The equivalence assertion tests a deep equality relation.
assert.deepEqual = function deepEqual(actual, expected, message) {
if (arguments.length < 2) {
throw new ERR_MISSING_ARGS('actual', 'expected');
}
if (isDeepEqual === undefined) lazyLoadComparison();
if (!isDeepEqual(actual, expected)) {
innerFail({
actual: actual,
expected: expected,
message: message,
operator: 'deepEqual',
stackStartFn: deepEqual
});
}
}; // The non-equivalence assertion tests for any deep inequality.
assert.notDeepEqual = function notDeepEqual(actual, expected, message) {
if (arguments.length < 2) {
throw new ERR_MISSING_ARGS('actual', 'expected');
}
if (isDeepEqual === undefined) lazyLoadComparison();
if (isDeepEqual(actual, expected)) {
innerFail({
actual: actual,
expected: expected,
message: message,
operator: 'notDeepEqual',
stackStartFn: notDeepEqual
});
}
};
/* eslint-enable */
assert.deepStrictEqual = function deepStrictEqual(actual, expected, message) {
if (arguments.length < 2) {
throw new ERR_MISSING_ARGS('actual', 'expected');
}
if (isDeepEqual === undefined) lazyLoadComparison();
if (!isDeepStrictEqual(actual, expected)) {
innerFail({
actual: actual,
expected: expected,
message: message,
operator: 'deepStrictEqual',
stackStartFn: deepStrictEqual
});
}
};
assert.notDeepStrictEqual = notDeepStrictEqual;
function notDeepStrictEqual(actual, expected, message) {
if (arguments.length < 2) {
throw new ERR_MISSING_ARGS('actual', 'expected');
}
if (isDeepEqual === undefined) lazyLoadComparison();
if (isDeepStrictEqual(actual, expected)) {
innerFail({
actual: actual,
expected: expected,
message: message,
operator: 'notDeepStrictEqual',
stackStartFn: notDeepStrictEqual
});
}
}
assert.strictEqual = function strictEqual(actual, expected, message) {
if (arguments.length < 2) {
throw new ERR_MISSING_ARGS('actual', 'expected');
}
if (!objectIs(actual, expected)) {
innerFail({
actual: actual,
expected: expected,
message: message,
operator: 'strictEqual',
stackStartFn: strictEqual
});
}
};
assert.notStrictEqual = function notStrictEqual(actual, expected, message) {
if (arguments.length < 2) {
throw new ERR_MISSING_ARGS('actual', 'expected');
}
if (objectIs(actual, expected)) {
innerFail({
actual: actual,
expected: expected,
message: message,
operator: 'notStrictEqual',
stackStartFn: notStrictEqual
});
}
};
var Comparison = function Comparison(obj, keys, actual) {
var _this = this;
_classCallCheck(this, Comparison);
keys.forEach(function (key) {
if (key in obj) {
if (actual !== undefined && typeof actual[key] === 'string' && isRegExp(obj[key]) && obj[key].test(actual[key])) {
_this[key] = actual[key];
} else {
_this[key] = obj[key];
}
}
});
};
function compareExceptionKey(actual, expected, key, message, keys, fn) {
if (!(key in actual) || !isDeepStrictEqual(actual[key], expected[key])) {
if (!message) {
// Create placeholder objects to create a nice output.
var a = new Comparison(actual, keys);
var b = new Comparison(expected, keys, actual);
var err = new AssertionError({
actual: a,
expected: b,
operator: 'deepStrictEqual',
stackStartFn: fn
});
err.actual = actual;
err.expected = expected;
err.operator = fn.name;
throw err;
}
innerFail({
actual: actual,
expected: expected,
message: message,
operator: fn.name,
stackStartFn: fn
});
}
}
function expectedException(actual, expected, msg, fn) {
if (typeof expected !== 'function') {
if (isRegExp(expected)) return expected.test(actual); // assert.doesNotThrow does not accept objects.
if (arguments.length === 2) {
throw new ERR_INVALID_ARG_TYPE('expected', ['Function', 'RegExp'], expected);
} // Handle primitives properly.
if (_typeof(actual) !== 'object' || actual === null) {
var err = new AssertionError({
actual: actual,
expected: expected,
message: msg,
operator: 'deepStrictEqual',
stackStartFn: fn
});
err.operator = fn.name;
throw err;
}
var keys = Object.keys(expected); // Special handle errors to make sure the name and the message are compared
// as well.
if (expected instanceof Error) {
keys.push('name', 'message');
} else if (keys.length === 0) {
throw new ERR_INVALID_ARG_VALUE('error', expected, 'may not be an empty object');
}
if (isDeepEqual === undefined) lazyLoadComparison();
keys.forEach(function (key) {
if (typeof actual[key] === 'string' && isRegExp(expected[key]) && expected[key].test(actual[key])) {
return;
}
compareExceptionKey(actual, expected, key, msg, keys, fn);
});
return true;
} // Guard instanceof against arrow functions as they don't have a prototype.
if (expected.prototype !== undefined && actual instanceof expected) {
return true;
}
if (Error.isPrototypeOf(expected)) {
return false;
}
return expected.call({}, actual) === true;
}
function getActual(fn) {
if (typeof fn !== 'function') {
throw new ERR_INVALID_ARG_TYPE('fn', 'Function', fn);
}
try {
fn();
} catch (e) {
return e;
}
return NO_EXCEPTION_SENTINEL;
}
function checkIsPromise(obj) {
// Accept native ES6 promises and promises that are implemented in a similar
// way. Do not accept thenables that use a function as `obj` and that have no
// `catch` handler.
// TODO: thenables are checked up until they have the correct methods,
// but according to documentation, the `then` method should receive
// the `fulfill` and `reject` arguments as well or it may be never resolved.
return isPromise(obj) || obj !== null && _typeof(obj) === 'object' && typeof obj.then === 'function' && typeof obj.catch === 'function';
}
function waitForActual(promiseFn) {
return Promise.resolve().then(function () {
var resultPromise;
if (typeof promiseFn === 'function') {
// Return a rejected promise if `promiseFn` throws synchronously.
resultPromise = promiseFn(); // Fail in case no promise is returned.
if (!checkIsPromise(resultPromise)) {
throw new ERR_INVALID_RETURN_VALUE('instance of Promise', 'promiseFn', resultPromise);
}
} else if (checkIsPromise(promiseFn)) {
resultPromise = promiseFn;
} else {
throw new ERR_INVALID_ARG_TYPE('promiseFn', ['Function', 'Promise'], promiseFn);
}
return Promise.resolve().then(function () {
return resultPromise;
}).then(function () {
return NO_EXCEPTION_SENTINEL;
}).catch(function (e) {
return e;
});
});
}
function expectsError(stackStartFn, actual, error, message) {
if (typeof error === 'string') {
if (arguments.length === 4) {
throw new ERR_INVALID_ARG_TYPE('error', ['Object', 'Error', 'Function', 'RegExp'], error);
}
if (_typeof(actual) === 'object' && actual !== null) {
if (actual.message === error) {
throw new ERR_AMBIGUOUS_ARGUMENT('error/message', "The error message \"".concat(actual.message, "\" is identical to the message."));
}
} else if (actual === error) {
throw new ERR_AMBIGUOUS_ARGUMENT('error/message', "The error \"".concat(actual, "\" is identical to the message."));
}
message = error;
error = undefined;
} else if (error != null && _typeof(error) !== 'object' && typeof error !== 'function') {
throw new ERR_INVALID_ARG_TYPE('error', ['Object', 'Error', 'Function', 'RegExp'], error);
}
if (actual === NO_EXCEPTION_SENTINEL) {
var details = '';
if (error && error.name) {
details += " (".concat(error.name, ")");
}
details += message ? ": ".concat(message) : '.';
var fnType = stackStartFn.name === 'rejects' ? 'rejection' : 'exception';
innerFail({
actual: undefined,
expected: error,
operator: stackStartFn.name,
message: "Missing expected ".concat(fnType).concat(details),
stackStartFn: stackStartFn
});
}
if (error && !expectedException(actual, error, message, stackStartFn)) {
throw actual;
}
}
function expectsNoError(stackStartFn, actual, error, message) {
if (actual === NO_EXCEPTION_SENTINEL) return;
if (typeof error === 'string') {
message = error;
error = undefined;
}
if (!error || expectedException(actual, error)) {
var details = message ? ": ".concat(message) : '.';
var fnType = stackStartFn.name === 'doesNotReject' ? 'rejection' : 'exception';
innerFail({
actual: actual,
expected: error,
operator: stackStartFn.name,
message: "Got unwanted ".concat(fnType).concat(details, "\n") + "Actual message: \"".concat(actual && actual.message, "\""),
stackStartFn: stackStartFn
});
}
throw actual;
}
assert.throws = function throws(promiseFn) {
for (var _len2 = arguments.length, args = new Array(_len2 > 1 ? _len2 - 1 : 0), _key2 = 1; _key2 < _len2; _key2++) {
args[_key2 - 1] = arguments[_key2];
}
expectsError.apply(void 0, [throws, getActual(promiseFn)].concat(args));
};
assert.rejects = function rejects(promiseFn) {
for (var _len3 = arguments.length, args = new Array(_len3 > 1 ? _len3 - 1 : 0), _key3 = 1; _key3 < _len3; _key3++) {
args[_key3 - 1] = arguments[_key3];
}
return waitForActual(promiseFn).then(function (result) {
return expectsError.apply(void 0, [rejects, result].concat(args));
});
};
assert.doesNotThrow = function doesNotThrow(fn) {
for (var _len4 = arguments.length, args = new Array(_len4 > 1 ? _len4 - 1 : 0), _key4 = 1; _key4 < _len4; _key4++) {
args[_key4 - 1] = arguments[_key4];
}
expectsNoError.apply(void 0, [doesNotThrow, getActual(fn)].concat(args));
};
assert.doesNotReject = function doesNotReject(fn) {
for (var _len5 = arguments.length, args = new Array(_len5 > 1 ? _len5 - 1 : 0), _key5 = 1; _key5 < _len5; _key5++) {
args[_key5 - 1] = arguments[_key5];
}
return waitForActual(fn).then(function (result) {
return expectsNoError.apply(void 0, [doesNotReject, result].concat(args));
});
};
assert.ifError = function ifError(err) {
if (err !== null && err !== undefined) {
var message = 'ifError got unwanted exception: ';
if (_typeof(err) === 'object' && typeof err.message === 'string') {
if (err.message.length === 0 && err.constructor) {
message += err.constructor.name;
} else {
message += err.message;
}
} else {
message += inspect(err);
}
var newErr = new AssertionError({
actual: err,
expected: null,
operator: 'ifError',
message: message,
stackStartFn: ifError
}); // Make sure we actually have a stack trace!
var origStack = err.stack;
if (typeof origStack === 'string') {
// This will remove any duplicated frames from the error frames taken
// from within `ifError` and add the original error frames to the newly
// created ones.
var tmp2 = origStack.split('\n');
tmp2.shift(); // Filter all frames existing in err.stack.
var tmp1 = newErr.stack.split('\n');
for (var i = 0; i < tmp2.length; i++) {
// Find the first occurrence of the frame.
var pos = tmp1.indexOf(tmp2[i]);
if (pos !== -1) {
// Only keep new frames.
tmp1 = tmp1.slice(0, pos);
break;
}
}
newErr.stack = "".concat(tmp1.join('\n'), "\n").concat(tmp2.join('\n'));
}
throw newErr;
}
}; // Expose a strict only variant of assert
function strict() {
for (var _len6 = arguments.length, args = new Array(_len6), _key6 = 0; _key6 < _len6; _key6++) {
args[_key6] = arguments[_key6];
}
innerOk.apply(void 0, [strict, args.length].concat(args));
}
assert.strict = objectAssign(strict, assert, {
equal: assert.strictEqual,
deepEqual: assert.deepStrictEqual,
notEqual: assert.notStrictEqual,
notDeepEqual: assert.notDeepStrictEqual
});
assert.strict.strict = assert.strict;
/***/ }),
/***/ 9801:
/***/ ((module, __unused_webpack_exports, __webpack_require__) => {
"use strict";
/* provided dependency */ var process = __webpack_require__(9907);
// Currently in sync with Node.js lib/internal/assert/assertion_error.js
// https://github.com/nodejs/node/commit/0817840f775032169ddd70c85ac059f18ffcc81c
function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; var ownKeys = Object.keys(source); if (typeof Object.getOwnPropertySymbols === 'function') { ownKeys = ownKeys.concat(Object.getOwnPropertySymbols(source).filter(function (sym) { return Object.getOwnPropertyDescriptor(source, sym).enumerable; })); } ownKeys.forEach(function (key) { _defineProperty(target, key, source[key]); }); } return target; }
function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
function _defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } }
function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); return Constructor; }
function _possibleConstructorReturn(self, call) { if (call && (_typeof(call) === "object" || typeof call === "function")) { return call; } return _assertThisInitialized(self); }
function _assertThisInitialized(self) { if (self === void 0) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return self; }
function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function"); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, writable: true, configurable: true } }); if (superClass) _setPrototypeOf(subClass, superClass); }
function _wrapNativeSuper(Class) { var _cache = typeof Map === "function" ? new Map() : undefined; _wrapNativeSuper = function _wrapNativeSuper(Class) { if (Class === null || !_isNativeFunction(Class)) return Class; if (typeof Class !== "function") { throw new TypeError("Super expression must either be null or a function"); } if (typeof _cache !== "undefined") { if (_cache.has(Class)) return _cache.get(Class); _cache.set(Class, Wrapper); } function Wrapper() { return _construct(Class, arguments, _getPrototypeOf(this).constructor); } Wrapper.prototype = Object.create(Class.prototype, { constructor: { value: Wrapper, enumerable: false, writable: true, configurable: true } }); return _setPrototypeOf(Wrapper, Class); }; return _wrapNativeSuper(Class); }
function isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Date.prototype.toString.call(Reflect.construct(Date, [], function () {})); return true; } catch (e) { return false; } }
function _construct(Parent, args, Class) { if (isNativeReflectConstruct()) { _construct = Reflect.construct; } else { _construct = function _construct(Parent, args, Class) { var a = [null]; a.push.apply(a, args); var Constructor = Function.bind.apply(Parent, a); var instance = new Constructor(); if (Class) _setPrototypeOf(instance, Class.prototype); return instance; }; } return _construct.apply(null, arguments); }
function _isNativeFunction(fn) { return Function.toString.call(fn).indexOf("[native code]") !== -1; }
function _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf || function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); }
function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf : function _getPrototypeOf(o) { return o.__proto__ || Object.getPrototypeOf(o); }; return _getPrototypeOf(o); }
function _typeof(obj) { if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") { _typeof = function _typeof(obj) { return typeof obj; }; } else { _typeof = function _typeof(obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }; } return _typeof(obj); }
var _require = __webpack_require__(6827),
inspect = _require.inspect;
var _require2 = __webpack_require__(1342),
ERR_INVALID_ARG_TYPE = _require2.codes.ERR_INVALID_ARG_TYPE; // https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/String/endsWith
function endsWith(str, search, this_len) {
if (this_len === undefined || this_len > str.length) {
this_len = str.length;
}
return str.substring(this_len - search.length, this_len) === search;
} // https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/String/repeat
function repeat(str, count) {
count = Math.floor(count);
if (str.length == 0 || count == 0) return '';
var maxCount = str.length * count;
count = Math.floor(Math.log(count) / Math.log(2));
while (count) {
str += str;
count--;
}
str += str.substring(0, maxCount - str.length);
return str;
}
var blue = '';
var green = '';
var red = '';
var white = '';
var kReadableOperator = {
deepStrictEqual: 'Expected values to be strictly deep-equal:',
strictEqual: 'Expected values to be strictly equal:',
strictEqualObject: 'Expected "actual" to be reference-equal to "expected":',
deepEqual: 'Expected values to be loosely deep-equal:',
equal: 'Expected values to be loosely equal:',
notDeepStrictEqual: 'Expected "actual" not to be strictly deep-equal to:',
notStrictEqual: 'Expected "actual" to be strictly unequal to:',
notStrictEqualObject: 'Expected "actual" not to be reference-equal to "expected":',
notDeepEqual: 'Expected "actual" not to be loosely deep-equal to:',
notEqual: 'Expected "actual" to be loosely unequal to:',
notIdentical: 'Values identical but not reference-equal:'
}; // Comparing short primitives should just show === / !== instead of using the
// diff.
var kMaxShortLength = 10;
function copyError(source) {
var keys = Object.keys(source);
var target = Object.create(Object.getPrototypeOf(source));
keys.forEach(function (key) {
target[key] = source[key];
});
Object.defineProperty(target, 'message', {
value: source.message
});
return target;
}
function inspectValue(val) {
// The util.inspect default values could be changed. This makes sure the
// error messages contain the necessary information nevertheless.
return inspect(val, {
compact: false,
customInspect: false,
depth: 1000,
maxArrayLength: Infinity,
// Assert compares only enumerable properties (with a few exceptions).
showHidden: false,
// Having a long line as error is better than wrapping the line for
// comparison for now.
// TODO(BridgeAR): `breakLength` should be limited as soon as soon as we
// have meta information about the inspected properties (i.e., know where
// in what line the property starts and ends).
breakLength: Infinity,
// Assert does not detect proxies currently.
showProxy: false,
sorted: true,
// Inspect getters as we also check them when comparing entries.
getters: true
});
}
function createErrDiff(actual, expected, operator) {
var other = '';
var res = '';
var lastPos = 0;
var end = '';
var skipped = false;
var actualInspected = inspectValue(actual);
var actualLines = actualInspected.split('\n');
var expectedLines = inspectValue(expected).split('\n');
var i = 0;
var indicator = ''; // In case both values are objects explicitly mark them as not reference equal
// for the `strictEqual` operator.
if (operator === 'strictEqual' && _typeof(actual) === 'object' && _typeof(expected) === 'object' && actual !== null && expected !== null) {
operator = 'strictEqualObject';
} // If "actual" and "expected" fit on a single line and they are not strictly
// equal, check further special handling.
if (actualLines.length === 1 && expectedLines.length === 1 && actualLines[0] !== expectedLines[0]) {
var inputLength = actualLines[0].length + expectedLines[0].length; // If the character length of "actual" and "expected" together is less than
// kMaxShortLength and if neither is an object and at least one of them is
// not `zero`, use the strict equal comparison to visualize the output.
if (inputLength <= kMaxShortLength) {
if ((_typeof(actual) !== 'object' || actual === null) && (_typeof(expected) !== 'object' || expected === null) && (actual !== 0 || expected !== 0)) {
// -0 === +0
return "".concat(kReadableOperator[operator], "\n\n") + "".concat(actualLines[0], " !== ").concat(expectedLines[0], "\n");
}
} else if (operator !== 'strictEqualObject') {
// If the stderr is a tty and the input length is lower than the current
// columns per line, add a mismatch indicator below the output. If it is
// not a tty, use a default value of 80 characters.
var maxLength = process.stderr && process.stderr.isTTY ? process.stderr.columns : 80;
if (inputLength < maxLength) {
while (actualLines[0][i] === expectedLines[0][i]) {
i++;
} // Ignore the first characters.
if (i > 2) {
// Add position indicator for the first mismatch in case it is a
// single line and the input length is less than the column length.
indicator = "\n ".concat(repeat(' ', i), "^");
i = 0;
}
}
}
} // Remove all ending lines that match (this optimizes the output for
// readability by reducing the number of total changed lines).
var a = actualLines[actualLines.length - 1];
var b = expectedLines[expectedLines.length - 1];
while (a === b) {
if (i++ < 2) {
end = "\n ".concat(a).concat(end);
} else {
other = a;
}
actualLines.pop();
expectedLines.pop();
if (actualLines.length === 0 || expectedLines.length === 0) break;
a = actualLines[actualLines.length - 1];
b = expectedLines[expectedLines.length - 1];
}
var maxLines = Math.max(actualLines.length, expectedLines.length); // Strict equal with identical objects that are not identical by reference.
// E.g., assert.deepStrictEqual({ a: Symbol() }, { a: Symbol() })
if (maxLines === 0) {
// We have to get the result again. The lines were all removed before.
var _actualLines = actualInspected.split('\n'); // Only remove lines in case it makes sense to collapse those.
// TODO: Accept env to always show the full error.
if (_actualLines.length > 30) {
_actualLines[26] = "".concat(blue, "...").concat(white);
while (_actualLines.length > 27) {
_actualLines.pop();
}
}
return "".concat(kReadableOperator.notIdentical, "\n\n").concat(_actualLines.join('\n'), "\n");
}
if (i > 3) {
end = "\n".concat(blue, "...").concat(white).concat(end);
skipped = true;
}
if (other !== '') {
end = "\n ".concat(other).concat(end);
other = '';
}
var printedLines = 0;
var msg = kReadableOperator[operator] + "\n".concat(green, "+ actual").concat(white, " ").concat(red, "- expected").concat(white);
var skippedMsg = " ".concat(blue, "...").concat(white, " Lines skipped");
for (i = 0; i < maxLines; i++) {
// Only extra expected lines exist
var cur = i - lastPos;
if (actualLines.length < i + 1) {
// If the last diverging line is more than one line above and the
// current line is at least line three, add some of the former lines and
// also add dots to indicate skipped entries.
if (cur > 1 && i > 2) {
if (cur > 4) {
res += "\n".concat(blue, "...").concat(white);
skipped = true;
} else if (cur > 3) {
res += "\n ".concat(expectedLines[i - 2]);
printedLines++;
}
res += "\n ".concat(expectedLines[i - 1]);
printedLines++;
} // Mark the current line as the last diverging one.
lastPos = i; // Add the expected line to the cache.
other += "\n".concat(red, "-").concat(white, " ").concat(expectedLines[i]);
printedLines++; // Only extra actual lines exist
} else if (expectedLines.length < i + 1) {
// If the last diverging line is more than one line above and the
// current line is at least line three, add some of the former lines and
// also add dots to indicate skipped entries.
if (cur > 1 && i > 2) {
if (cur > 4) {
res += "\n".concat(blue, "...").concat(white);
skipped = true;
} else if (cur > 3) {
res += "\n ".concat(actualLines[i - 2]);
printedLines++;
}
res += "\n ".concat(actualLines[i - 1]);
printedLines++;
} // Mark the current line as the last diverging one.
lastPos = i; // Add the actual line to the result.
res += "\n".concat(green, "+").concat(white, " ").concat(actualLines[i]);
printedLines++; // Lines diverge
} else {
var expectedLine = expectedLines[i];
var actualLine = actualLines[i]; // If the lines diverge, specifically check for lines that only diverge by
// a trailing comma. In that case it is actually identical and we should
// mark it as such.
var divergingLines = actualLine !== expectedLine && (!endsWith(actualLine, ',') || actualLine.slice(0, -1) !== expectedLine); // If the expected line has a trailing comma but is otherwise identical,
// add a comma at the end of the actual line. Otherwise the output could
// look weird as in:
//
// [
// 1 // No comma at the end!
// + 2
// ]
//
if (divergingLines && endsWith(expectedLine, ',') && expectedLine.slice(0, -1) === actualLine) {
divergingLines = false;
actualLine += ',';
}
if (divergingLines) {
// If the last diverging line is more than one line above and the
// current line is at least line three, add some of the former lines and
// also add dots to indicate skipped entries.
if (cur > 1 && i > 2) {
if (cur > 4) {
res += "\n".concat(blue, "...").concat(white);
skipped = true;
} else if (cur > 3) {
res += "\n ".concat(actualLines[i - 2]);
printedLines++;
}
res += "\n ".concat(actualLines[i - 1]);
printedLines++;
} // Mark the current line as the last diverging one.
lastPos = i; // Add the actual line to the result and cache the expected diverging
// line so consecutive diverging lines show up as +++--- and not +-+-+-.
res += "\n".concat(green, "+").concat(white, " ").concat(actualLine);
other += "\n".concat(red, "-").concat(white, " ").concat(expectedLine);
printedLines += 2; // Lines are identical
} else {
// Add all cached information to the result before adding other things
// and reset the cache.
res += other;
other = ''; // If the last diverging line is exactly one line above or if it is the
// very first line, add the line to the result.
if (cur === 1 || i === 0) {
res += "\n ".concat(actualLine);
printedLines++;
}
}
} // Inspected object to big (Show ~20 rows max)
if (printedLines > 20 && i < maxLines - 2) {
return "".concat(msg).concat(skippedMsg, "\n").concat(res, "\n").concat(blue, "...").concat(white).concat(other, "\n") + "".concat(blue, "...").concat(white);
}
}
return "".concat(msg).concat(skipped ? skippedMsg : '', "\n").concat(res).concat(other).concat(end).concat(indicator);
}
var AssertionError =
/*#__PURE__*/
function (_Error) {
_inherits(AssertionError, _Error);
function AssertionError(options) {
var _this;
_classCallCheck(this, AssertionError);
if (_typeof(options) !== 'object' || options === null) {
throw new ERR_INVALID_ARG_TYPE('options', 'Object', options);
}
var message = options.message,
operator = options.operator,
stackStartFn = options.stackStartFn;
var actual = options.actual,
expected = options.expected;
var limit = Error.stackTraceLimit;
Error.stackTraceLimit = 0;
if (message != null) {
_this = _possibleConstructorReturn(this, _getPrototypeOf(AssertionError).call(this, String(message)));
} else {
if (process.stderr && process.stderr.isTTY) {
// Reset on each call to make sure we handle dynamically set environment
// variables correct.
if (process.stderr && process.stderr.getColorDepth && process.stderr.getColorDepth() !== 1) {
blue = "\x1B[34m";
green = "\x1B[32m";
white = "\x1B[39m";
red = "\x1B[31m";
} else {
blue = '';
green = '';
white = '';
red = '';
}
} // Prevent the error stack from being visible by duplicating the error
// in a very close way to the original in case both sides are actually
// instances of Error.
if (_typeof(actual) === 'object' && actual !== null && _typeof(expected) === 'object' && expected !== null && 'stack' in actual && actual instanceof Error && 'stack' in expected && expected instanceof Error) {
actual = copyError(actual);
expected = copyError(expected);
}
if (operator === 'deepStrictEqual' || operator === 'strictEqual') {
_this = _possibleConstructorReturn(this, _getPrototypeOf(AssertionError).call(this, createErrDiff(actual, expected, operator)));
} else if (operator === 'notDeepStrictEqual' || operator === 'notStrictEqual') {
// In case the objects are equal but the operator requires unequal, show
// the first object and say A equals B
var base = kReadableOperator[operator];
var res = inspectValue(actual).split('\n'); // In case "actual" is an object, it should not be reference equal.
if (operator === 'notStrictEqual' && _typeof(actual) === 'object' && actual !== null) {
base = kReadableOperator.notStrictEqualObject;
} // Only remove lines in case it makes sense to collapse those.
// TODO: Accept env to always show the full error.
if (res.length > 30) {
res[26] = "".concat(blue, "...").concat(white);
while (res.length > 27) {
res.pop();
}
} // Only print a single input.
if (res.length === 1) {
_this = _possibleConstructorReturn(this, _getPrototypeOf(AssertionError).call(this, "".concat(base, " ").concat(res[0])));
} else {
_this = _possibleConstructorReturn(this, _getPrototypeOf(AssertionError).call(this, "".concat(base, "\n\n").concat(res.join('\n'), "\n")));
}
} else {
var _res = inspectValue(actual);
var other = '';
var knownOperators = kReadableOperator[operator];
if (operator === 'notDeepEqual' || operator === 'notEqual') {
_res = "".concat(kReadableOperator[operator], "\n\n").concat(_res);
if (_res.length > 1024) {
_res = "".concat(_res.slice(0, 1021), "...");
}
} else {
other = "".concat(inspectValue(expected));
if (_res.length > 512) {
_res = "".concat(_res.slice(0, 509), "...");
}
if (other.length > 512) {
other = "".concat(other.slice(0, 509), "...");
}
if (operator === 'deepEqual' || operator === 'equal') {
_res = "".concat(knownOperators, "\n\n").concat(_res, "\n\nshould equal\n\n");
} else {
other = " ".concat(operator, " ").concat(other);
}
}
_this = _possibleConstructorReturn(this, _getPrototypeOf(AssertionError).call(this, "".concat(_res).concat(other)));
}
}
Error.stackTraceLimit = limit;
_this.generatedMessage = !message;
Object.defineProperty(_assertThisInitialized(_this), 'name', {
value: 'AssertionError [ERR_ASSERTION]',
enumerable: false,
writable: true,
configurable: true
});
_this.code = 'ERR_ASSERTION';
_this.actual = actual;
_this.expected = expected;
_this.operator = operator;
if (Error.captureStackTrace) {
// eslint-disable-next-line no-restricted-syntax
Error.captureStackTrace(_assertThisInitialized(_this), stackStartFn);
} // Create error message including the error code in the name.
_this.stack; // Reset the name.
_this.name = 'AssertionError';
return _possibleConstructorReturn(_this);
}
_createClass(AssertionError, [{
key: "toString",
value: function toString() {
return "".concat(this.name, " [").concat(this.code, "]: ").concat(this.message);
}
}, {
key: inspect.custom,
value: function value(recurseTimes, ctx) {
// This limits the `actual` and `expected` property default inspection to
// the minimum depth. Otherwise those values would be too verbose compared
// to the actual error message which contains a combined view of these two
// input values.
return inspect(this, _objectSpread({}, ctx, {
customInspect: false,
depth: 0
}));
}
}]);
return AssertionError;
}(_wrapNativeSuper(Error));
module.exports = AssertionError;
/***/ }),
/***/ 1342:
/***/ ((module, __unused_webpack_exports, __webpack_require__) => {
"use strict";
// Currently in sync with Node.js lib/internal/errors.js
// https://github.com/nodejs/node/commit/3b044962c48fe313905877a96b5d0894a5404f6f
/* eslint node-core/documented-errors: "error" */
/* eslint node-core/alphabetize-errors: "error" */
/* eslint node-core/prefer-util-format-errors: "error" */
// The whole point behind this internal module is to allow Node.js to no
// longer be forced to treat every error message change as a semver-major
// change. The NodeError classes here all expose a `code` property whose
// value statically and permanently identifies the error. While the error
// message may change, the code should not.
function _typeof(obj) { if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") { _typeof = function _typeof(obj) { return typeof obj; }; } else { _typeof = function _typeof(obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }; } return _typeof(obj); }
function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
function _possibleConstructorReturn(self, call) { if (call && (_typeof(call) === "object" || typeof call === "function")) { return call; } return _assertThisInitialized(self); }
function _assertThisInitialized(self) { if (self === void 0) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return self; }
function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf : function _getPrototypeOf(o) { return o.__proto__ || Object.getPrototypeOf(o); }; return _getPrototypeOf(o); }
function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function"); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, writable: true, configurable: true } }); if (superClass) _setPrototypeOf(subClass, superClass); }
function _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf || function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); }
var codes = {}; // Lazy loaded
var assert;
var util;
function createErrorType(code, message, Base) {
if (!Base) {
Base = Error;
}
function getMessage(arg1, arg2, arg3) {
if (typeof message === 'string') {
return message;
} else {
return message(arg1, arg2, arg3);
}
}
var NodeError =
/*#__PURE__*/
function (_Base) {
_inherits(NodeError, _Base);
function NodeError(arg1, arg2, arg3) {
var _this;
_classCallCheck(this, NodeError);
_this = _possibleConstructorReturn(this, _getPrototypeOf(NodeError).call(this, getMessage(arg1, arg2, arg3)));
_this.code = code;
return _this;
}
return NodeError;
}(Base);
codes[code] = NodeError;
} // https://github.com/nodejs/node/blob/v10.8.0/lib/internal/errors.js
function oneOf(expected, thing) {
if (Array.isArray(expected)) {
var len = expected.length;
expected = expected.map(function (i) {
return String(i);
});
if (len > 2) {
return "one of ".concat(thing, " ").concat(expected.slice(0, len - 1).join(', '), ", or ") + expected[len - 1];
} else if (len === 2) {
return "one of ".concat(thing, " ").concat(expected[0], " or ").concat(expected[1]);
} else {
return "of ".concat(thing, " ").concat(expected[0]);
}
} else {
return "of ".concat(thing, " ").concat(String(expected));
}
} // https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/String/startsWith
function startsWith(str, search, pos) {
return str.substr(!pos || pos < 0 ? 0 : +pos, search.length) === search;
} // https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/String/endsWith
function endsWith(str, search, this_len) {
if (this_len === undefined || this_len > str.length) {
this_len = str.length;
}
return str.substring(this_len - search.length, this_len) === search;
} // https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/String/includes
function includes(str, search, start) {
if (typeof start !== 'number') {
start = 0;
}
if (start + search.length > str.length) {
return false;
} else {
return str.indexOf(search, start) !== -1;
}
}
createErrorType('ERR_AMBIGUOUS_ARGUMENT', 'The "%s" argument is ambiguous. %s', TypeError);
createErrorType('ERR_INVALID_ARG_TYPE', function (name, expected, actual) {
if (assert === undefined) assert = __webpack_require__(6093);
assert(typeof name === 'string', "'name' must be a string"); // determiner: 'must be' or 'must not be'
var determiner;
if (typeof expected === 'string' && startsWith(expected, 'not ')) {
determiner = 'must not be';
expected = expected.replace(/^not /, '');
} else {
determiner = 'must be';
}
var msg;
if (endsWith(name, ' argument')) {
// For cases like 'first argument'
msg = "The ".concat(name, " ").concat(determiner, " ").concat(oneOf(expected, 'type'));
} else {
var type = includes(name, '.') ? 'property' : 'argument';
msg = "The \"".concat(name, "\" ").concat(type, " ").concat(determiner, " ").concat(oneOf(expected, 'type'));
} // TODO(BridgeAR): Improve the output by showing `null` and similar.
msg += ". Received type ".concat(_typeof(actual));
return msg;
}, TypeError);
createErrorType('ERR_INVALID_ARG_VALUE', function (name, value) {
var reason = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : 'is invalid';
if (util === undefined) util = __webpack_require__(6827);
var inspected = util.inspect(value);
if (inspected.length > 128) {
inspected = "".concat(inspected.slice(0, 128), "...");
}
return "The argument '".concat(name, "' ").concat(reason, ". Received ").concat(inspected);
}, TypeError, RangeError);
createErrorType('ERR_INVALID_RETURN_VALUE', function (input, name, value) {
var type;
if (value && value.constructor && value.constructor.name) {
type = "instance of ".concat(value.constructor.name);
} else {
type = "type ".concat(_typeof(value));
}
return "Expected ".concat(input, " to be returned from the \"").concat(name, "\"") + " function but got ".concat(type, ".");
}, TypeError);
createErrorType('ERR_MISSING_ARGS', function () {
for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
args[_key] = arguments[_key];
}
if (assert === undefined) assert = __webpack_require__(6093);
assert(args.length > 0, 'At least one arg needs to be specified');
var msg = 'The ';
var len = args.length;
args = args.map(function (a) {
return "\"".concat(a, "\"");
});
switch (len) {
case 1:
msg += "".concat(args[0], " argument");
break;
case 2:
msg += "".concat(args[0], " and ").concat(args[1], " arguments");
break;
default:
msg += args.slice(0, len - 1).join(', ');
msg += ", and ".concat(args[len - 1], " arguments");
break;
}
return "".concat(msg, " must be specified");
}, TypeError);
module.exports.codes = codes;
/***/ }),
/***/ 5656:
/***/ ((module, __unused_webpack_exports, __webpack_require__) => {
"use strict";
// Currently in sync with Node.js lib/internal/util/comparisons.js
// https://github.com/nodejs/node/commit/112cc7c27551254aa2b17098fb774867f05ed0d9
function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _nonIterableRest(); }
function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance"); }
function _iterableToArrayLimit(arr, i) { var _arr = []; var _n = true; var _d = false; var _e = undefined; try { for (var _i = arr[Symbol.iterator](), _s; !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i["return"] != null) _i["return"](); } finally { if (_d) throw _e; } } return _arr; }
function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
function _typeof(obj) { if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") { _typeof = function _typeof(obj) { return typeof obj; }; } else { _typeof = function _typeof(obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }; } return _typeof(obj); }
var regexFlagsSupported = /a/g.flags !== undefined;
var arrayFromSet = function arrayFromSet(set) {
var array = [];
set.forEach(function (value) {
return array.push(value);
});
return array;
};
var arrayFromMap = function arrayFromMap(map) {
var array = [];
map.forEach(function (value, key) {
return array.push([key, value]);
});
return array;
};
var objectIs = Object.is ? Object.is : __webpack_require__(5968);
var objectGetOwnPropertySymbols = Object.getOwnPropertySymbols ? Object.getOwnPropertySymbols : function () {
return [];
};
var numberIsNaN = Number.isNaN ? Number.isNaN : __webpack_require__(7838);
function uncurryThis(f) {
return f.call.bind(f);
}
var hasOwnProperty = uncurryThis(Object.prototype.hasOwnProperty);
var propertyIsEnumerable = uncurryThis(Object.prototype.propertyIsEnumerable);
var objectToString = uncurryThis(Object.prototype.toString);
var _require$types = (__webpack_require__(6827).types),
isAnyArrayBuffer = _require$types.isAnyArrayBuffer,
isArrayBufferView = _require$types.isArrayBufferView,
isDate = _require$types.isDate,
isMap = _require$types.isMap,
isRegExp = _require$types.isRegExp,
isSet = _require$types.isSet,
isNativeError = _require$types.isNativeError,
isBoxedPrimitive = _require$types.isBoxedPrimitive,
isNumberObject = _require$types.isNumberObject,
isStringObject = _require$types.isStringObject,
isBooleanObject = _require$types.isBooleanObject,
isBigIntObject = _require$types.isBigIntObject,
isSymbolObject = _require$types.isSymbolObject,
isFloat32Array = _require$types.isFloat32Array,
isFloat64Array = _require$types.isFloat64Array;
function isNonIndex(key) {
if (key.length === 0 || key.length > 10) return true;
for (var i = 0; i < key.length; i++) {
var code = key.charCodeAt(i);
if (code < 48 || code > 57) return true;
} // The maximum size for an array is 2 ** 32 -1.
return key.length === 10 && key >= Math.pow(2, 32);
}
function getOwnNonIndexProperties(value) {
return Object.keys(value).filter(isNonIndex).concat(objectGetOwnPropertySymbols(value).filter(Object.prototype.propertyIsEnumerable.bind(value)));
} // Taken from https://github.com/feross/buffer/blob/680e9e5e488f22aac27599a57dc844a6315928dd/index.js
// original notice:
/*!
* The buffer module from node.js, for the browser.
*
* @author Feross Aboukhadijeh <feross@feross.org> <http://feross.org>
* @license MIT
*/
function compare(a, b) {
if (a === b) {
return 0;
}
var x = a.length;
var y = b.length;
for (var i = 0, len = Math.min(x, y); i < len; ++i) {
if (a[i] !== b[i]) {
x = a[i];
y = b[i];
break;
}
}
if (x < y) {
return -1;
}
if (y < x) {
return 1;
}
return 0;
}
var ONLY_ENUMERABLE = undefined;
var kStrict = true;
var kLoose = false;
var kNoIterator = 0;
var kIsArray = 1;
var kIsSet = 2;
var kIsMap = 3; // Check if they have the same source and flags
function areSimilarRegExps(a, b) {
return regexFlagsSupported ? a.source === b.source && a.flags === b.flags : RegExp.prototype.toString.call(a) === RegExp.prototype.toString.call(b);
}
function areSimilarFloatArrays(a, b) {
if (a.byteLength !== b.byteLength) {
return false;
}
for (var offset = 0; offset < a.byteLength; offset++) {
if (a[offset] !== b[offset]) {
return false;
}
}
return true;
}
function areSimilarTypedArrays(a, b) {
if (a.byteLength !== b.byteLength) {
return false;
}
return compare(new Uint8Array(a.buffer, a.byteOffset, a.byteLength), new Uint8Array(b.buffer, b.byteOffset, b.byteLength)) === 0;
}
function areEqualArrayBuffers(buf1, buf2) {
return buf1.byteLength === buf2.byteLength && compare(new Uint8Array(buf1), new Uint8Array(buf2)) === 0;
}
function isEqualBoxedPrimitive(val1, val2) {
if (isNumberObject(val1)) {
return isNumberObject(val2) && objectIs(Number.prototype.valueOf.call(val1), Number.prototype.valueOf.call(val2));
}
if (isStringObject(val1)) {
return isStringObject(val2) && String.prototype.valueOf.call(val1) === String.prototype.valueOf.call(val2);
}
if (isBooleanObject(val1)) {
return isBooleanObject(val2) && Boolean.prototype.valueOf.call(val1) === Boolean.prototype.valueOf.call(val2);
}
if (isBigIntObject(val1)) {
return isBigIntObject(val2) && BigInt.prototype.valueOf.call(val1) === BigInt.prototype.valueOf.call(val2);
}
return isSymbolObject(val2) && Symbol.prototype.valueOf.call(val1) === Symbol.prototype.valueOf.call(val2);
} // Notes: Type tags are historical [[Class]] properties that can be set by
// FunctionTemplate::SetClassName() in C++ or Symbol.toStringTag in JS
// and retrieved using Object.prototype.toString.call(obj) in JS
// See https://tc39.github.io/ecma262/#sec-object.prototype.tostring
// for a list of tags pre-defined in the spec.
// There are some unspecified tags in the wild too (e.g. typed array tags).
// Since tags can be altered, they only serve fast failures
//
// Typed arrays and buffers are checked by comparing the content in their
// underlying ArrayBuffer. This optimization requires that it's
// reasonable to interpret their underlying memory in the same way,
// which is checked by comparing their type tags.
// (e.g. a Uint8Array and a Uint16Array with the same memory content
// could still be different because they will be interpreted differently).
//
// For strict comparison, objects should have
// a) The same built-in type tags
// b) The same prototypes.
function innerDeepEqual(val1, val2, strict, memos) {
// All identical values are equivalent, as determined by ===.
if (val1 === val2) {
if (val1 !== 0) return true;
return strict ? objectIs(val1, val2) : true;
} // Check more closely if val1 and val2 are equal.
if (strict) {
if (_typeof(val1) !== 'object') {
return typeof val1 === 'number' && numberIsNaN(val1) && numberIsNaN(val2);
}
if (_typeof(val2) !== 'object' || val1 === null || val2 === null) {
return false;
}
if (Object.getPrototypeOf(val1) !== Object.getPrototypeOf(val2)) {
return false;
}
} else {
if (val1 === null || _typeof(val1) !== 'object') {
if (val2 === null || _typeof(val2) !== 'object') {
// eslint-disable-next-line eqeqeq
return val1 == val2;
}
return false;
}
if (val2 === null || _typeof(val2) !== 'object') {
return false;
}
}
var val1Tag = objectToString(val1);
var val2Tag = objectToString(val2);
if (val1Tag !== val2Tag) {
return false;
}
if (Array.isArray(val1)) {
// Check for sparse arrays and general fast path
if (val1.length !== val2.length) {
return false;
}
var keys1 = getOwnNonIndexProperties(val1, ONLY_ENUMERABLE);
var keys2 = getOwnNonIndexProperties(val2, ONLY_ENUMERABLE);
if (keys1.length !== keys2.length) {
return false;
}
return keyCheck(val1, val2, strict, memos, kIsArray, keys1);
} // [browserify] This triggers on certain types in IE (Map/Set) so we don't
// wan't to early return out of the rest of the checks. However we can check
// if the second value is one of these values and the first isn't.
if (val1Tag === '[object Object]') {
// return keyCheck(val1, val2, strict, memos, kNoIterator);
if (!isMap(val1) && isMap(val2) || !isSet(val1) && isSet(val2)) {
return false;
}
}
if (isDate(val1)) {
if (!isDate(val2) || Date.prototype.getTime.call(val1) !== Date.prototype.getTime.call(val2)) {
return false;
}
} else if (isRegExp(val1)) {
if (!isRegExp(val2) || !areSimilarRegExps(val1, val2)) {
return false;
}
} else if (isNativeError(val1) || val1 instanceof Error) {
// Do not compare the stack as it might differ even though the error itself
// is otherwise identical.
if (val1.message !== val2.message || val1.name !== val2.name) {
return false;
}
} else if (isArrayBufferView(val1)) {
if (!strict && (isFloat32Array(val1) || isFloat64Array(val1))) {
if (!areSimilarFloatArrays(val1, val2)) {
return false;
}
} else if (!areSimilarTypedArrays(val1, val2)) {
return false;
} // Buffer.compare returns true, so val1.length === val2.length. If they both
// only contain numeric keys, we don't need to exam further than checking
// the symbols.
var _keys = getOwnNonIndexProperties(val1, ONLY_ENUMERABLE);
var _keys2 = getOwnNonIndexProperties(val2, ONLY_ENUMERABLE);
if (_keys.length !== _keys2.length) {
return false;
}
return keyCheck(val1, val2, strict, memos, kNoIterator, _keys);
} else if (isSet(val1)) {
if (!isSet(val2) || val1.size !== val2.size) {
return false;
}
return keyCheck(val1, val2, strict, memos, kIsSet);
} else if (isMap(val1)) {
if (!isMap(val2) || val1.size !== val2.size) {
return false;
}
return keyCheck(val1, val2, strict, memos, kIsMap);
} else if (isAnyArrayBuffer(val1)) {
if (!areEqualArrayBuffers(val1, val2)) {
return false;
}
} else if (isBoxedPrimitive(val1) && !isEqualBoxedPrimitive(val1, val2)) {
return false;
}
return keyCheck(val1, val2, strict, memos, kNoIterator);
}
function getEnumerables(val, keys) {
return keys.filter(function (k) {
return propertyIsEnumerable(val, k);
});
}
function keyCheck(val1, val2, strict, memos, iterationType, aKeys) {
// For all remaining Object pairs, including Array, objects and Maps,
// equivalence is determined by having:
// a) The same number of owned enumerable properties
// b) The same set of keys/indexes (although not necessarily the same order)
// c) Equivalent values for every corresponding key/index
// d) For Sets and Maps, equal contents
// Note: this accounts for both named and indexed properties on Arrays.
if (arguments.length === 5) {
aKeys = Object.keys(val1);
var bKeys = Object.keys(val2); // The pair must have the same number of owned properties.
if (aKeys.length !== bKeys.length) {
return false;
}
} // Cheap key test
var i = 0;
for (; i < aKeys.length; i++) {
if (!hasOwnProperty(val2, aKeys[i])) {
return false;
}
}
if (strict && arguments.length === 5) {
var symbolKeysA = objectGetOwnPropertySymbols(val1);
if (symbolKeysA.length !== 0) {
var count = 0;
for (i = 0; i < symbolKeysA.length; i++) {
var key = symbolKeysA[i];
if (propertyIsEnumerable(val1, key)) {
if (!propertyIsEnumerable(val2, key)) {
return false;
}
aKeys.push(key);
count++;
} else if (propertyIsEnumerable(val2, key)) {
return false;
}
}
var symbolKeysB = objectGetOwnPropertySymbols(val2);
if (symbolKeysA.length !== symbolKeysB.length && getEnumerables(val2, symbolKeysB).length !== count) {
return false;
}
} else {
var _symbolKeysB = objectGetOwnPropertySymbols(val2);
if (_symbolKeysB.length !== 0 && getEnumerables(val2, _symbolKeysB).length !== 0) {
return false;
}
}
}
if (aKeys.length === 0 && (iterationType === kNoIterator || iterationType === kIsArray && val1.length === 0 || val1.size === 0)) {
return true;
} // Use memos to handle cycles.
if (memos === undefined) {
memos = {
val1: new Map(),
val2: new Map(),
position: 0
};
} else {
// We prevent up to two map.has(x) calls by directly retrieving the value
// and checking for undefined. The map can only contain numbers, so it is
// safe to check for undefined only.
var val2MemoA = memos.val1.get(val1);
if (val2MemoA !== undefined) {
var val2MemoB = memos.val2.get(val2);
if (val2MemoB !== undefined) {
return val2MemoA === val2MemoB;
}
}
memos.position++;
}
memos.val1.set(val1, memos.position);
memos.val2.set(val2, memos.position);
var areEq = objEquiv(val1, val2, strict, aKeys, memos, iterationType);
memos.val1.delete(val1);
memos.val2.delete(val2);
return areEq;
}
function setHasEqualElement(set, val1, strict, memo) {
// Go looking.
var setValues = arrayFromSet(set);
for (var i = 0; i < setValues.length; i++) {
var val2 = setValues[i];
if (innerDeepEqual(val1, val2, strict, memo)) {
// Remove the matching element to make sure we do not check that again.
set.delete(val2);
return true;
}
}
return false;
} // See https://developer.mozilla.org/en-US/docs/Web/JavaScript/Equality_comparisons_and_sameness#Loose_equality_using
// Sadly it is not possible to detect corresponding values properly in case the
// type is a string, number, bigint or boolean. The reason is that those values
// can match lots of different string values (e.g., 1n == '+00001').
function findLooseMatchingPrimitives(prim) {
switch (_typeof(prim)) {
case 'undefined':
return null;
case 'object':
// Only pass in null as object!
return undefined;
case 'symbol':
return false;
case 'string':
prim = +prim;
// Loose equal entries exist only if the string is possible to convert to
// a regular number and not NaN.
// Fall through
case 'number':
if (numberIsNaN(prim)) {
return false;
}
}
return true;
}
function setMightHaveLoosePrim(a, b, prim) {
var altValue = findLooseMatchingPrimitives(prim);
if (altValue != null) return altValue;
return b.has(altValue) && !a.has(altValue);
}
function mapMightHaveLoosePrim(a, b, prim, item, memo) {
var altValue = findLooseMatchingPrimitives(prim);
if (altValue != null) {
return altValue;
}
var curB = b.get(altValue);
if (curB === undefined && !b.has(altValue) || !innerDeepEqual(item, curB, false, memo)) {
return false;
}
return !a.has(altValue) && innerDeepEqual(item, curB, false, memo);
}
function setEquiv(a, b, strict, memo) {
// This is a lazily initiated Set of entries which have to be compared
// pairwise.
var set = null;
var aValues = arrayFromSet(a);
for (var i = 0; i < aValues.length; i++) {
var val = aValues[i]; // Note: Checking for the objects first improves the performance for object
// heavy sets but it is a minor slow down for primitives. As they are fast
// to check this improves the worst case scenario instead.
if (_typeof(val) === 'object' && val !== null) {
if (set === null) {
set = new Set();
} // If the specified value doesn't exist in the second set its an not null
// object (or non strict only: a not matching primitive) we'll need to go
// hunting for something thats deep-(strict-)equal to it. To make this
// O(n log n) complexity we have to copy these values in a new set first.
set.add(val);
} else if (!b.has(val)) {
if (strict) return false; // Fast path to detect missing string, symbol, undefined and null values.
if (!setMightHaveLoosePrim(a, b, val)) {
return false;
}
if (set === null) {
set = new Set();
}
set.add(val);
}
}
if (set !== null) {
var bValues = arrayFromSet(b);
for (var _i = 0; _i < bValues.length; _i++) {
var _val = bValues[_i]; // We have to check if a primitive value is already
// matching and only if it's not, go hunting for it.
if (_typeof(_val) === 'object' && _val !== null) {
if (!setHasEqualElement(set, _val, strict, memo)) return false;
} else if (!strict && !a.has(_val) && !setHasEqualElement(set, _val, strict, memo)) {
return false;
}
}
return set.size === 0;
}
return true;
}
function mapHasEqualEntry(set, map, key1, item1, strict, memo) {
// To be able to handle cases like:
// Map([[{}, 'a'], [{}, 'b']]) vs Map([[{}, 'b'], [{}, 'a']])
// ... we need to consider *all* matching keys, not just the first we find.
var setValues = arrayFromSet(set);
for (var i = 0; i < setValues.length; i++) {
var key2 = setValues[i];
if (innerDeepEqual(key1, key2, strict, memo) && innerDeepEqual(item1, map.get(key2), strict, memo)) {
set.delete(key2);
return true;
}
}
return false;
}
function mapEquiv(a, b, strict, memo) {
var set = null;
var aEntries = arrayFromMap(a);
for (var i = 0; i < aEntries.length; i++) {
var _aEntries$i = _slicedToArray(aEntries[i], 2),
key = _aEntries$i[0],
item1 = _aEntries$i[1];
if (_typeof(key) === 'object' && key !== null) {
if (set === null) {
set = new Set();
}
set.add(key);
} else {
// By directly retrieving the value we prevent another b.has(key) check in
// almost all possible cases.
var item2 = b.get(key);
if (item2 === undefined && !b.has(key) || !innerDeepEqual(item1, item2, strict, memo)) {
if (strict) return false; // Fast path to detect missing string, symbol, undefined and null
// keys.
if (!mapMightHaveLoosePrim(a, b, key, item1, memo)) return false;
if (set === null) {
set = new Set();
}
set.add(key);
}
}
}
if (set !== null) {
var bEntries = arrayFromMap(b);
for (var _i2 = 0; _i2 < bEntries.length; _i2++) {
var _bEntries$_i = _slicedToArray(bEntries[_i2], 2),
key = _bEntries$_i[0],
item = _bEntries$_i[1];
if (_typeof(key) === 'object' && key !== null) {
if (!mapHasEqualEntry(set, a, key, item, strict, memo)) return false;
} else if (!strict && (!a.has(key) || !innerDeepEqual(a.get(key), item, false, memo)) && !mapHasEqualEntry(set, a, key, item, false, memo)) {
return false;
}
}
return set.size === 0;
}
return true;
}
function objEquiv(a, b, strict, keys, memos, iterationType) {
// Sets and maps don't have their entries accessible via normal object
// properties.
var i = 0;
if (iterationType === kIsSet) {
if (!setEquiv(a, b, strict, memos)) {
return false;
}
} else if (iterationType === kIsMap) {
if (!mapEquiv(a, b, strict, memos)) {
return false;
}
} else if (iterationType === kIsArray) {
for (; i < a.length; i++) {
if (hasOwnProperty(a, i)) {
if (!hasOwnProperty(b, i) || !innerDeepEqual(a[i], b[i], strict, memos)) {
return false;
}
} else if (hasOwnProperty(b, i)) {
return false;
} else {
// Array is sparse.
var keysA = Object.keys(a);
for (; i < keysA.length; i++) {
var key = keysA[i];
if (!hasOwnProperty(b, key) || !innerDeepEqual(a[key], b[key], strict, memos)) {
return false;
}
}
if (keysA.length !== Object.keys(b).length) {
return false;
}
return true;
}
}
} // The pair must have equivalent values for every corresponding key.
// Possibly expensive deep test:
for (i = 0; i < keys.length; i++) {
var _key = keys[i];
if (!innerDeepEqual(a[_key], b[_key], strict, memos)) {
return false;
}
}
return true;
}
function isDeepEqual(val1, val2) {
return innerDeepEqual(val1, val2, kLoose);
}
function isDeepStrictEqual(val1, val2) {
return innerDeepEqual(val1, val2, kStrict);
}
module.exports = {
isDeepEqual: isDeepEqual,
isDeepStrictEqual: isDeepStrictEqual
};
/***/ }),
/***/ 9818:
/***/ ((module, __unused_webpack_exports, __webpack_require__) => {
"use strict";
var GetIntrinsic = __webpack_require__(528);
var callBind = __webpack_require__(8498);
var $indexOf = callBind(GetIntrinsic('String.prototype.indexOf'));
module.exports = function callBoundIntrinsic(name, allowMissing) {
var intrinsic = GetIntrinsic(name, !!allowMissing);
if (typeof intrinsic === 'function' && $indexOf(name, '.prototype.') > -1) {
return callBind(intrinsic);
}
return intrinsic;
};
/***/ }),
/***/ 8498:
/***/ ((module, __unused_webpack_exports, __webpack_require__) => {
"use strict";
var bind = __webpack_require__(9138);
var GetIntrinsic = __webpack_require__(528);
var setFunctionLength = __webpack_require__(6108);
var $TypeError = __webpack_require__(3468);
var $apply = GetIntrinsic('%Function.prototype.apply%');
var $call = GetIntrinsic('%Function.prototype.call%');
var $reflectApply = GetIntrinsic('%Reflect.apply%', true) || bind.call($call, $apply);
var $defineProperty = __webpack_require__(4940);
var $max = GetIntrinsic('%Math.max%');
module.exports = function callBind(originalFunction) {
if (typeof originalFunction !== 'function') {
throw new $TypeError('a function is required');
}
var func = $reflectApply(bind, $call, arguments);
return setFunctionLength(
func,
1 + $max(0, originalFunction.length - (arguments.length - 1)),
true
);
};
var applyBind = function applyBind() {
return $reflectApply(bind, $apply, arguments);
};
if ($defineProperty) {
$defineProperty(module.exports, 'apply', { value: applyBind });
} else {
module.exports.apply = applyBind;
}
/***/ }),
/***/ 4364:
/***/ ((module, __unused_webpack_exports, __webpack_require__) => {
/*global window, global*/
var util = __webpack_require__(6827)
var assert = __webpack_require__(6093)
function now() { return new Date().getTime() }
var slice = Array.prototype.slice
var console
var times = {}
if (typeof __webpack_require__.g !== "undefined" && __webpack_require__.g.console) {
console = __webpack_require__.g.console
} else if (typeof window !== "undefined" && window.console) {
console = window.console
} else {
console = {}
}
var functions = [
[log, "log"],
[info, "info"],
[warn, "warn"],
[error, "error"],
[time, "time"],
[timeEnd, "timeEnd"],
[trace, "trace"],
[dir, "dir"],
[consoleAssert, "assert"]
]
for (var i = 0; i < functions.length; i++) {
var tuple = functions[i]
var f = tuple[0]
var name = tuple[1]
if (!console[name]) {
console[name] = f
}
}
module.exports = console
function log() {}
function info() {
console.log.apply(console, arguments)
}
function warn() {
console.log.apply(console, arguments)
}
function error() {
console.warn.apply(console, arguments)
}
function time(label) {
times[label] = now()
}
function timeEnd(label) {
var time = times[label]
if (!time) {
throw new Error("No such label: " + label)
}
delete times[label]
var duration = now() - time
console.log(label + ": " + duration + "ms")
}
function trace() {
var err = new Error()
err.name = "Trace"
err.message = util.format.apply(null, arguments)
console.error(err.stack)
}
function dir(object) {
console.log(util.inspect(object) + "\n")
}
function consoleAssert(expression) {
if (!expression) {
var arr = slice.call(arguments, 1)
assert.ok(false, util.format.apply(null, arr))
}
}
/***/ }),
/***/ 686:
/***/ ((module, __unused_webpack_exports, __webpack_require__) => {
"use strict";
var $defineProperty = __webpack_require__(4940);
var $SyntaxError = __webpack_require__(5731);
var $TypeError = __webpack_require__(3468);
var gopd = __webpack_require__(9336);
/** @type {import('.')} */
module.exports = function defineDataProperty(
obj,
property,
value
) {
if (!obj || (typeof obj !== 'object' && typeof obj !== 'function')) {
throw new $TypeError('`obj` must be an object or a function`');
}
if (typeof property !== 'string' && typeof property !== 'symbol') {
throw new $TypeError('`property` must be a string or a symbol`');
}
if (arguments.length > 3 && typeof arguments[3] !== 'boolean' && arguments[3] !== null) {
throw new $TypeError('`nonEnumerable`, if provided, must be a boolean or null');
}
if (arguments.length > 4 && typeof arguments[4] !== 'boolean' && arguments[4] !== null) {
throw new $TypeError('`nonWritable`, if provided, must be a boolean or null');
}
if (arguments.length > 5 && typeof arguments[5] !== 'boolean' && arguments[5] !== null) {
throw new $TypeError('`nonConfigurable`, if provided, must be a boolean or null');
}
if (arguments.length > 6 && typeof arguments[6] !== 'boolean') {
throw new $TypeError('`loose`, if provided, must be a boolean');
}
var nonEnumerable = arguments.length > 3 ? arguments[3] : null;
var nonWritable = arguments.length > 4 ? arguments[4] : null;
var nonConfigurable = arguments.length > 5 ? arguments[5] : null;
var loose = arguments.length > 6 ? arguments[6] : false;
/* @type {false | TypedPropertyDescriptor<unknown>} */
var desc = !!gopd && gopd(obj, property);
if ($defineProperty) {
$defineProperty(obj, property, {
configurable: nonConfigurable === null && desc ? desc.configurable : !nonConfigurable,
enumerable: nonEnumerable === null && desc ? desc.enumerable : !nonEnumerable,
value: value,
writable: nonWritable === null && desc ? desc.writable : !nonWritable
});
} else if (loose || (!nonEnumerable && !nonWritable && !nonConfigurable)) {
// must fall back to [[Set]], and was not explicitly asked to make non-enumerable, non-writable, or non-configurable
obj[property] = value; // eslint-disable-line no-param-reassign
} else {
throw new $SyntaxError('This environment does not support defining a property as non-configurable, non-writable, or non-enumerable.');
}
};
/***/ }),
/***/ 1857:
/***/ ((module, __unused_webpack_exports, __webpack_require__) => {
"use strict";
var keys = __webpack_require__(9228);
var hasSymbols = typeof Symbol === 'function' && typeof Symbol('foo') === 'symbol';
var toStr = Object.prototype.toString;
var concat = Array.prototype.concat;
var origDefineProperty = Object.defineProperty;
var isFunction = function (fn) {
return typeof fn === 'function' && toStr.call(fn) === '[object Function]';
};
var hasPropertyDescriptors = __webpack_require__(7239)();
var supportsDescriptors = origDefineProperty && hasPropertyDescriptors;
var defineProperty = function (object, name, value, predicate) {
if (name in object) {
if (predicate === true) {
if (object[name] === value) {
return;
}
} else if (!isFunction(predicate) || !predicate()) {
return;
}
}
if (supportsDescriptors) {
origDefineProperty(object, name, {
configurable: true,
enumerable: false,
value: value,
writable: true
});
} else {
object[name] = value; // eslint-disable-line no-param-reassign
}
};
var defineProperties = function (object, map) {
var predicates = arguments.length > 2 ? arguments[2] : {};
var props = keys(map);
if (hasSymbols) {
props = concat.call(props, Object.getOwnPropertySymbols(map));
}
for (var i = 0; i < props.length; i += 1) {
defineProperty(object, props[i], map[props[i]], predicates[props[i]]);
}
};
defineProperties.supportsDescriptors = !!supportsDescriptors;
module.exports = defineProperties;
/***/ }),
/***/ 4940:
/***/ ((module, __unused_webpack_exports, __webpack_require__) => {
"use strict";
var GetIntrinsic = __webpack_require__(528);
/** @type {import('.')} */
var $defineProperty = GetIntrinsic('%Object.defineProperty%', true) || false;
if ($defineProperty) {
try {
$defineProperty({}, 'a', { value: 1 });
} catch (e) {
// IE 8 has a broken defineProperty
$defineProperty = false;
}
}
module.exports = $defineProperty;
/***/ }),
/***/ 6729:
/***/ ((module) => {
"use strict";
/** @type {import('./eval')} */
module.exports = EvalError;
/***/ }),
/***/ 9838:
/***/ ((module) => {
"use strict";
/** @type {import('.')} */
module.exports = Error;
/***/ }),
/***/ 1155:
/***/ ((module) => {
"use strict";
/** @type {import('./range')} */
module.exports = RangeError;
/***/ }),
/***/ 4943:
/***/ ((module) => {
"use strict";
/** @type {import('./ref')} */
module.exports = ReferenceError;
/***/ }),
/***/ 5731:
/***/ ((module) => {
"use strict";
/** @type {import('./syntax')} */
module.exports = SyntaxError;
/***/ }),
/***/ 3468:
/***/ ((module) => {
"use strict";
/** @type {import('./type')} */
module.exports = TypeError;
/***/ }),
/***/ 2140:
/***/ ((module) => {
"use strict";
/** @type {import('./uri')} */
module.exports = URIError;
/***/ }),
/***/ 3046:
/***/ ((module) => {
"use strict";
/**
* Code refactored from Mozilla Developer Network:
* https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Object/assign
*/
function assign(target, firstSource) {
if (target === undefined || target === null) {
throw new TypeError('Cannot convert first argument to object');
}
var to = Object(target);
for (var i = 1; i < arguments.length; i++) {
var nextSource = arguments[i];
if (nextSource === undefined || nextSource === null) {
continue;
}
var keysArray = Object.keys(Object(nextSource));
for (var nextIndex = 0, len = keysArray.length; nextIndex < len; nextIndex++) {
var nextKey = keysArray[nextIndex];
var desc = Object.getOwnPropertyDescriptor(nextSource, nextKey);
if (desc !== undefined && desc.enumerable) {
to[nextKey] = nextSource[nextKey];
}
}
}
return to;
}
function polyfill() {
if (!Object.assign) {
Object.defineProperty(Object, 'assign', {
enumerable: false,
configurable: true,
writable: true,
value: assign
});
}
}
module.exports = {
assign: assign,
polyfill: polyfill
};
/***/ }),
/***/ 705:
/***/ ((module, __unused_webpack_exports, __webpack_require__) => {
"use strict";
var isCallable = __webpack_require__(9617);
var toStr = Object.prototype.toString;
var hasOwnProperty = Object.prototype.hasOwnProperty;
var forEachArray = function forEachArray(array, iterator, receiver) {
for (var i = 0, len = array.length; i < len; i++) {
if (hasOwnProperty.call(array, i)) {
if (receiver == null) {
iterator(array[i], i, array);
} else {
iterator.call(receiver, array[i], i, array);
}
}
}
};
var forEachString = function forEachString(string, iterator, receiver) {
for (var i = 0, len = string.length; i < len; i++) {
// no such thing as a sparse string.
if (receiver == null) {
iterator(string.charAt(i), i, string);
} else {
iterator.call(receiver, string.charAt(i), i, string);
}
}
};
var forEachObject = function forEachObject(object, iterator, receiver) {
for (var k in object) {
if (hasOwnProperty.call(object, k)) {
if (receiver == null) {
iterator(object[k], k, object);
} else {
iterator.call(receiver, object[k], k, object);
}
}
}
};
var forEach = function forEach(list, iterator, thisArg) {
if (!isCallable(iterator)) {
throw new TypeError('iterator must be a function');
}
var receiver;
if (arguments.length >= 3) {
receiver = thisArg;
}
if (toStr.call(list) === '[object Array]') {
forEachArray(list, iterator, receiver);
} else if (typeof list === 'string') {
forEachString(list, iterator, receiver);
} else {
forEachObject(list, iterator, receiver);
}
};
module.exports = forEach;
/***/ }),
/***/ 8794:
/***/ ((module) => {
"use strict";
/* eslint no-invalid-this: 1 */
var ERROR_MESSAGE = 'Function.prototype.bind called on incompatible ';
var toStr = Object.prototype.toString;
var max = Math.max;
var funcType = '[object Function]';
var concatty = function concatty(a, b) {
var arr = [];
for (var i = 0; i < a.length; i += 1) {
arr[i] = a[i];
}
for (var j = 0; j < b.length; j += 1) {
arr[j + a.length] = b[j];
}
return arr;
};
var slicy = function slicy(arrLike, offset) {
var arr = [];
for (var i = offset || 0, j = 0; i < arrLike.length; i += 1, j += 1) {
arr[j] = arrLike[i];
}
return arr;
};
var joiny = function (arr, joiner) {
var str = '';
for (var i = 0; i < arr.length; i += 1) {
str += arr[i];
if (i + 1 < arr.length) {
str += joiner;
}
}
return str;
};
module.exports = function bind(that) {
var target = this;
if (typeof target !== 'function' || toStr.apply(target) !== funcType) {
throw new TypeError(ERROR_MESSAGE + target);
}
var args = slicy(arguments, 1);
var bound;
var binder = function () {
if (this instanceof bound) {
var result = target.apply(
this,
concatty(args, arguments)
);
if (Object(result) === result) {
return result;
}
return this;
}
return target.apply(
that,
concatty(args, arguments)
);
};
var boundLength = max(0, target.length - args.length);
var boundArgs = [];
for (var i = 0; i < boundLength; i++) {
boundArgs[i] = '$' + i;
}
bound = Function('binder', 'return function (' + joiny(boundArgs, ',') + '){ return binder.apply(this,arguments); }')(binder);
if (target.prototype) {
var Empty = function Empty() {};
Empty.prototype = target.prototype;
bound.prototype = new Empty();
Empty.prototype = null;
}
return bound;
};
/***/ }),
/***/ 9138:
/***/ ((module, __unused_webpack_exports, __webpack_require__) => {
"use strict";
var implementation = __webpack_require__(8794);
module.exports = Function.prototype.bind || implementation;
/***/ }),
/***/ 528:
/***/ ((module, __unused_webpack_exports, __webpack_require__) => {
"use strict";
var undefined;
var $Error = __webpack_require__(9838);
var $EvalError = __webpack_require__(6729);
var $RangeError = __webpack_require__(1155);
var $ReferenceError = __webpack_require__(4943);
var $SyntaxError = __webpack_require__(5731);
var $TypeError = __webpack_require__(3468);
var $URIError = __webpack_require__(2140);
var $Function = Function;
// eslint-disable-next-line consistent-return
var getEvalledConstructor = function (expressionSyntax) {
try {
return $Function('"use strict"; return (' + expressionSyntax + ').constructor;')();
} catch (e) {}
};
var $gOPD = Object.getOwnPropertyDescriptor;
if ($gOPD) {
try {
$gOPD({}, '');
} catch (e) {
$gOPD = null; // this is IE 8, which has a broken gOPD
}
}
var throwTypeError = function () {
throw new $TypeError();
};
var ThrowTypeError = $gOPD
? (function () {
try {
// eslint-disable-next-line no-unused-expressions, no-caller, no-restricted-properties
arguments.callee; // IE 8 does not throw here
return throwTypeError;
} catch (calleeThrows) {
try {
// IE 8 throws on Object.getOwnPropertyDescriptor(arguments, '')
return $gOPD(arguments, 'callee').get;
} catch (gOPDthrows) {
return throwTypeError;
}
}
}())
: throwTypeError;
var hasSymbols = __webpack_require__(3558)();
var hasProto = __webpack_require__(6869)();
var getProto = Object.getPrototypeOf || (
hasProto
? function (x) { return x.__proto__; } // eslint-disable-line no-proto
: null
);
var needsEval = {};
var TypedArray = typeof Uint8Array === 'undefined' || !getProto ? undefined : getProto(Uint8Array);
var INTRINSICS = {
__proto__: null,
'%AggregateError%': typeof AggregateError === 'undefined' ? undefined : AggregateError,
'%Array%': Array,
'%ArrayBuffer%': typeof ArrayBuffer === 'undefined' ? undefined : ArrayBuffer,
'%ArrayIteratorPrototype%': hasSymbols && getProto ? getProto([][Symbol.iterator]()) : undefined,
'%AsyncFromSyncIteratorPrototype%': undefined,
'%AsyncFunction%': needsEval,
'%AsyncGenerator%': needsEval,
'%AsyncGeneratorFunction%': needsEval,
'%AsyncIteratorPrototype%': needsEval,
'%Atomics%': typeof Atomics === 'undefined' ? undefined : Atomics,
'%BigInt%': typeof BigInt === 'undefined' ? undefined : BigInt,
'%BigInt64Array%': typeof BigInt64Array === 'undefined' ? undefined : BigInt64Array,
'%BigUint64Array%': typeof BigUint64Array === 'undefined' ? undefined : BigUint64Array,
'%Boolean%': Boolean,
'%DataView%': typeof DataView === 'undefined' ? undefined : DataView,
'%Date%': Date,
'%decodeURI%': decodeURI,
'%decodeURIComponent%': decodeURIComponent,
'%encodeURI%': encodeURI,
'%encodeURIComponent%': encodeURIComponent,
'%Error%': $Error,
'%eval%': eval, // eslint-disable-line no-eval
'%EvalError%': $EvalError,
'%Float32Array%': typeof Float32Array === 'undefined' ? undefined : Float32Array,
'%Float64Array%': typeof Float64Array === 'undefined' ? undefined : Float64Array,
'%FinalizationRegistry%': typeof FinalizationRegistry === 'undefined' ? undefined : FinalizationRegistry,
'%Function%': $Function,
'%GeneratorFunction%': needsEval,
'%Int8Array%': typeof Int8Array === 'undefined' ? undefined : Int8Array,
'%Int16Array%': typeof Int16Array === 'undefined' ? undefined : Int16Array,
'%Int32Array%': typeof Int32Array === 'undefined' ? undefined : Int32Array,
'%isFinite%': isFinite,
'%isNaN%': isNaN,
'%IteratorPrototype%': hasSymbols && getProto ? getProto(getProto([][Symbol.iterator]())) : undefined,
'%JSON%': typeof JSON === 'object' ? JSON : undefined,
'%Map%': typeof Map === 'undefined' ? undefined : Map,
'%MapIteratorPrototype%': typeof Map === 'undefined' || !hasSymbols || !getProto ? undefined : getProto(new Map()[Symbol.iterator]()),
'%Math%': Math,
'%Number%': Number,
'%Object%': Object,
'%parseFloat%': parseFloat,
'%parseInt%': parseInt,
'%Promise%': typeof Promise === 'undefined' ? undefined : Promise,
'%Proxy%': typeof Proxy === 'undefined' ? undefined : Proxy,
'%RangeError%': $RangeError,
'%ReferenceError%': $ReferenceError,
'%Reflect%': typeof Reflect === 'undefined' ? undefined : Reflect,
'%RegExp%': RegExp,
'%Set%': typeof Set === 'undefined' ? undefined : Set,
'%SetIteratorPrototype%': typeof Set === 'undefined' || !hasSymbols || !getProto ? undefined : getProto(new Set()[Symbol.iterator]()),
'%SharedArrayBuffer%': typeof SharedArrayBuffer === 'undefined' ? undefined : SharedArrayBuffer,
'%String%': String,
'%StringIteratorPrototype%': hasSymbols && getProto ? getProto(''[Symbol.iterator]()) : undefined,
'%Symbol%': hasSymbols ? Symbol : undefined,
'%SyntaxError%': $SyntaxError,
'%ThrowTypeError%': ThrowTypeError,
'%TypedArray%': TypedArray,
'%TypeError%': $TypeError,
'%Uint8Array%': typeof Uint8Array === 'undefined' ? undefined : Uint8Array,
'%Uint8ClampedArray%': typeof Uint8ClampedArray === 'undefined' ? undefined : Uint8ClampedArray,
'%Uint16Array%': typeof Uint16Array === 'undefined' ? undefined : Uint16Array,
'%Uint32Array%': typeof Uint32Array === 'undefined' ? undefined : Uint32Array,
'%URIError%': $URIError,
'%WeakMap%': typeof WeakMap === 'undefined' ? undefined : WeakMap,
'%WeakRef%': typeof WeakRef === 'undefined' ? undefined : WeakRef,
'%WeakSet%': typeof WeakSet === 'undefined' ? undefined : WeakSet
};
if (getProto) {
try {
null.error; // eslint-disable-line no-unused-expressions
} catch (e) {
// https://github.com/tc39/proposal-shadowrealm/pull/384#issuecomment-1364264229
var errorProto = getProto(getProto(e));
INTRINSICS['%Error.prototype%'] = errorProto;
}
}
var doEval = function doEval(name) {
var value;
if (name === '%AsyncFunction%') {
value = getEvalledConstructor('async function () {}');
} else if (name === '%GeneratorFunction%') {
value = getEvalledConstructor('function* () {}');
} else if (name === '%AsyncGeneratorFunction%') {
value = getEvalledConstructor('async function* () {}');
} else if (name === '%AsyncGenerator%') {
var fn = doEval('%AsyncGeneratorFunction%');
if (fn) {
value = fn.prototype;
}
} else if (name === '%AsyncIteratorPrototype%') {
var gen = doEval('%AsyncGenerator%');
if (gen && getProto) {
value = getProto(gen.prototype);
}
}
INTRINSICS[name] = value;
return value;
};
var LEGACY_ALIASES = {
__proto__: null,
'%ArrayBufferPrototype%': ['ArrayBuffer', 'prototype'],
'%ArrayPrototype%': ['Array', 'prototype'],
'%ArrayProto_entries%': ['Array', 'prototype', 'entries'],
'%ArrayProto_forEach%': ['Array', 'prototype', 'forEach'],
'%ArrayProto_keys%': ['Array', 'prototype', 'keys'],
'%ArrayProto_values%': ['Array', 'prototype', 'values'],
'%AsyncFunctionPrototype%': ['AsyncFunction', 'prototype'],
'%AsyncGenerator%': ['AsyncGeneratorFunction', 'prototype'],
'%AsyncGeneratorPrototype%': ['AsyncGeneratorFunction', 'prototype', 'prototype'],
'%BooleanPrototype%': ['Boolean', 'prototype'],
'%DataViewPrototype%': ['DataView', 'prototype'],
'%DatePrototype%': ['Date', 'prototype'],
'%ErrorPrototype%': ['Error', 'prototype'],
'%EvalErrorPrototype%': ['EvalError', 'prototype'],
'%Float32ArrayPrototype%': ['Float32Array', 'prototype'],
'%Float64ArrayPrototype%': ['Float64Array', 'prototype'],
'%FunctionPrototype%': ['Function', 'prototype'],
'%Generator%': ['GeneratorFunction', 'prototype'],
'%GeneratorPrototype%': ['GeneratorFunction', 'prototype', 'prototype'],
'%Int8ArrayPrototype%': ['Int8Array', 'prototype'],
'%Int16ArrayPrototype%': ['Int16Array', 'prototype'],
'%Int32ArrayPrototype%': ['Int32Array', 'prototype'],
'%JSONParse%': ['JSON', 'parse'],
'%JSONStringify%': ['JSON', 'stringify'],
'%MapPrototype%': ['Map', 'prototype'],
'%NumberPrototype%': ['Number', 'prototype'],
'%ObjectPrototype%': ['Object', 'prototype'],
'%ObjProto_toString%': ['Object', 'prototype', 'toString'],
'%ObjProto_valueOf%': ['Object', 'prototype', 'valueOf'],
'%PromisePrototype%': ['Promise', 'prototype'],
'%PromiseProto_then%': ['Promise', 'prototype', 'then'],
'%Promise_all%': ['Promise', 'all'],
'%Promise_reject%': ['Promise', 'reject'],
'%Promise_resolve%': ['Promise', 'resolve'],
'%RangeErrorPrototype%': ['RangeError', 'prototype'],
'%ReferenceErrorPrototype%': ['ReferenceError', 'prototype'],
'%RegExpPrototype%': ['RegExp', 'prototype'],
'%SetPrototype%': ['Set', 'prototype'],
'%SharedArrayBufferPrototype%': ['SharedArrayBuffer', 'prototype'],
'%StringPrototype%': ['String', 'prototype'],
'%SymbolPrototype%': ['Symbol', 'prototype'],
'%SyntaxErrorPrototype%': ['SyntaxError', 'prototype'],
'%TypedArrayPrototype%': ['TypedArray', 'prototype'],
'%TypeErrorPrototype%': ['TypeError', 'prototype'],
'%Uint8ArrayPrototype%': ['Uint8Array', 'prototype'],
'%Uint8ClampedArrayPrototype%': ['Uint8ClampedArray', 'prototype'],
'%Uint16ArrayPrototype%': ['Uint16Array', 'prototype'],
'%Uint32ArrayPrototype%': ['Uint32Array', 'prototype'],
'%URIErrorPrototype%': ['URIError', 'prototype'],
'%WeakMapPrototype%': ['WeakMap', 'prototype'],
'%WeakSetPrototype%': ['WeakSet', 'prototype']
};
var bind = __webpack_require__(9138);
var hasOwn = __webpack_require__(8554);
var $concat = bind.call(Function.call, Array.prototype.concat);
var $spliceApply = bind.call(Function.apply, Array.prototype.splice);
var $replace = bind.call(Function.call, String.prototype.replace);
var $strSlice = bind.call(Function.call, String.prototype.slice);
var $exec = bind.call(Function.call, RegExp.prototype.exec);
/* adapted from https://github.com/lodash/lodash/blob/4.17.15/dist/lodash.js#L6735-L6744 */
var rePropName = /[^%.[\]]+|\[(?:(-?\d+(?:\.\d+)?)|(["'])((?:(?!\2)[^\\]|\\.)*?)\2)\]|(?=(?:\.|\[\])(?:\.|\[\]|%$))/g;
var reEscapeChar = /\\(\\)?/g; /** Used to match backslashes in property paths. */
var stringToPath = function stringToPath(string) {
var first = $strSlice(string, 0, 1);
var last = $strSlice(string, -1);
if (first === '%' && last !== '%') {
throw new $SyntaxError('invalid intrinsic syntax, expected closing `%`');
} else if (last === '%' && first !== '%') {
throw new $SyntaxError('invalid intrinsic syntax, expected opening `%`');
}
var result = [];
$replace(string, rePropName, function (match, number, quote, subString) {
result[result.length] = quote ? $replace(subString, reEscapeChar, '$1') : number || match;
});
return result;
};
/* end adaptation */
var getBaseIntrinsic = function getBaseIntrinsic(name, allowMissing) {
var intrinsicName = name;
var alias;
if (hasOwn(LEGACY_ALIASES, intrinsicName)) {
alias = LEGACY_ALIASES[intrinsicName];
intrinsicName = '%' + alias[0] + '%';
}
if (hasOwn(INTRINSICS, intrinsicName)) {
var value = INTRINSICS[intrinsicName];
if (value === needsEval) {
value = doEval(intrinsicName);
}
if (typeof value === 'undefined' && !allowMissing) {
throw new $TypeError('intrinsic ' + name + ' exists, but is not available. Please file an issue!');
}
return {
alias: alias,
name: intrinsicName,
value: value
};
}
throw new $SyntaxError('intrinsic ' + name + ' does not exist!');
};
module.exports = function GetIntrinsic(name, allowMissing) {
if (typeof name !== 'string' || name.length === 0) {
throw new $TypeError('intrinsic name must be a non-empty string');
}
if (arguments.length > 1 && typeof allowMissing !== 'boolean') {
throw new $TypeError('"allowMissing" argument must be a boolean');
}
if ($exec(/^%?[^%]*%?$/, name) === null) {
throw new $SyntaxError('`%` may not be present anywhere but at the beginning and end of the intrinsic name');
}
var parts = stringToPath(name);
var intrinsicBaseName = parts.length > 0 ? parts[0] : '';
var intrinsic = getBaseIntrinsic('%' + intrinsicBaseName + '%', allowMissing);
var intrinsicRealName = intrinsic.name;
var value = intrinsic.value;
var skipFurtherCaching = false;
var alias = intrinsic.alias;
if (alias) {
intrinsicBaseName = alias[0];
$spliceApply(parts, $concat([0, 1], alias));
}
for (var i = 1, isOwn = true; i < parts.length; i += 1) {
var part = parts[i];
var first = $strSlice(part, 0, 1);
var last = $strSlice(part, -1);
if (
(
(first === '"' || first === "'" || first === '`')
|| (last === '"' || last === "'" || last === '`')
)
&& first !== last
) {
throw new $SyntaxError('property names with quotes must have matching quotes');
}
if (part === 'constructor' || !isOwn) {
skipFurtherCaching = true;
}
intrinsicBaseName += '.' + part;
intrinsicRealName = '%' + intrinsicBaseName + '%';
if (hasOwn(INTRINSICS, intrinsicRealName)) {
value = INTRINSICS[intrinsicRealName];
} else if (value != null) {
if (!(part in value)) {
if (!allowMissing) {
throw new $TypeError('base intrinsic for ' + name + ' exists, but the property is not available.');
}
return void undefined;
}
if ($gOPD && (i + 1) >= parts.length) {
var desc = $gOPD(value, part);
isOwn = !!desc;
// By convention, when a data property is converted to an accessor
// property to emulate a data property that does not suffer from
// the override mistake, that accessor's getter is marked with
// an `originalValue` property. Here, when we detect this, we
// uphold the illusion by pretending to see that original data
// property, i.e., returning the value rather than the getter
// itself.
if (isOwn && 'get' in desc && !('originalValue' in desc.get)) {
value = desc.get;
} else {
value = value[part];
}
} else {
isOwn = hasOwn(value, part);
value = value[part];
}
if (isOwn && !skipFurtherCaching) {
INTRINSICS[intrinsicRealName] = value;
}
}
}
return value;
};
/***/ }),
/***/ 9336:
/***/ ((module, __unused_webpack_exports, __webpack_require__) => {
"use strict";
var GetIntrinsic = __webpack_require__(528);
var $gOPD = GetIntrinsic('%Object.getOwnPropertyDescriptor%', true);
if ($gOPD) {
try {
$gOPD([], 'length');
} catch (e) {
// IE 8 has a broken gOPD
$gOPD = null;
}
}
module.exports = $gOPD;
/***/ }),
/***/ 7239:
/***/ ((module, __unused_webpack_exports, __webpack_require__) => {
"use strict";
var $defineProperty = __webpack_require__(4940);
var hasPropertyDescriptors = function hasPropertyDescriptors() {
return !!$defineProperty;
};
hasPropertyDescriptors.hasArrayLengthDefineBug = function hasArrayLengthDefineBug() {
// node v0.6 has a bug where array lengths can be Set but not Defined
if (!$defineProperty) {
return null;
}
try {
return $defineProperty([], 'length', { value: 1 }).length !== 1;
} catch (e) {
// In Firefox 4-22, defining length on an array throws an exception.
return true;
}
};
module.exports = hasPropertyDescriptors;
/***/ }),
/***/ 6869:
/***/ ((module) => {
"use strict";
var test = {
foo: {}
};
var $Object = Object;
module.exports = function hasProto() {
return { __proto__: test }.foo === test.foo && !({ __proto__: null } instanceof $Object);
};
/***/ }),
/***/ 3558:
/***/ ((module, __unused_webpack_exports, __webpack_require__) => {
"use strict";
var origSymbol = typeof Symbol !== 'undefined' && Symbol;
var hasSymbolSham = __webpack_require__(2908);
module.exports = function hasNativeSymbols() {
if (typeof origSymbol !== 'function') { return false; }
if (typeof Symbol !== 'function') { return false; }
if (typeof origSymbol('foo') !== 'symbol') { return false; }
if (typeof Symbol('bar') !== 'symbol') { return false; }
return hasSymbolSham();
};
/***/ }),
/***/ 2908:
/***/ ((module) => {
"use strict";
/* eslint complexity: [2, 18], max-statements: [2, 33] */
module.exports = function hasSymbols() {
if (typeof Symbol !== 'function' || typeof Object.getOwnPropertySymbols !== 'function') { return false; }
if (typeof Symbol.iterator === 'symbol') { return true; }
var obj = {};
var sym = Symbol('test');
var symObj = Object(sym);
if (typeof sym === 'string') { return false; }
if (Object.prototype.toString.call(sym) !== '[object Symbol]') { return false; }
if (Object.prototype.toString.call(symObj) !== '[object Symbol]') { return false; }
// temp disabled per https://github.com/ljharb/object.assign/issues/17
// if (sym instanceof Symbol) { return false; }
// temp disabled per https://github.com/WebReflection/get-own-property-symbols/issues/4
// if (!(symObj instanceof Symbol)) { return false; }
// if (typeof Symbol.prototype.toString !== 'function') { return false; }
// if (String(sym) !== Symbol.prototype.toString.call(sym)) { return false; }
var symVal = 42;
obj[sym] = symVal;
for (sym in obj) { return false; } // eslint-disable-line no-restricted-syntax, no-unreachable-loop
if (typeof Object.keys === 'function' && Object.keys(obj).length !== 0) { return false; }
if (typeof Object.getOwnPropertyNames === 'function' && Object.getOwnPropertyNames(obj).length !== 0) { return false; }
var syms = Object.getOwnPropertySymbols(obj);
if (syms.length !== 1 || syms[0] !== sym) { return false; }
if (!Object.prototype.propertyIsEnumerable.call(obj, sym)) { return false; }
if (typeof Object.getOwnPropertyDescriptor === 'function') {
var descriptor = Object.getOwnPropertyDescriptor(obj, sym);
if (descriptor.value !== symVal || descriptor.enumerable !== true) { return false; }
}
return true;
};
/***/ }),
/***/ 1913:
/***/ ((module, __unused_webpack_exports, __webpack_require__) => {
"use strict";
var hasSymbols = __webpack_require__(2908);
module.exports = function hasToStringTagShams() {
return hasSymbols() && !!Symbol.toStringTag;
};
/***/ }),
/***/ 8554:
/***/ ((module, __unused_webpack_exports, __webpack_require__) => {
"use strict";
var call = Function.prototype.call;
var $hasOwn = Object.prototype.hasOwnProperty;
var bind = __webpack_require__(9138);
/** @type {import('.')} */
module.exports = bind.call(call, $hasOwn);
/***/ }),
/***/ 5615:
/***/ ((module) => {
if (typeof Object.create === 'function') {
// implementation from standard node.js 'util' module
module.exports = function inherits(ctor, superCtor) {
if (superCtor) {
ctor.super_ = superCtor
ctor.prototype = Object.create(superCtor.prototype, {
constructor: {
value: ctor,
enumerable: false,
writable: true,
configurable: true
}
})
}
};
} else {
// old school shim for old browsers
module.exports = function inherits(ctor, superCtor) {
if (superCtor) {
ctor.super_ = superCtor
var TempCtor = function () {}
TempCtor.prototype = superCtor.prototype
ctor.prototype = new TempCtor()
ctor.prototype.constructor = ctor
}
}
}
/***/ }),
/***/ 5387:
/***/ ((module, __unused_webpack_exports, __webpack_require__) => {
"use strict";
var hasToStringTag = __webpack_require__(1913)();
var callBound = __webpack_require__(9818);
var $toString = callBound('Object.prototype.toString');
var isStandardArguments = function isArguments(value) {
if (hasToStringTag && value && typeof value === 'object' && Symbol.toStringTag in value) {
return false;
}
return $toString(value) === '[object Arguments]';
};
var isLegacyArguments = function isArguments(value) {
if (isStandardArguments(value)) {
return true;
}
return value !== null &&
typeof value === 'object' &&
typeof value.length === 'number' &&
value.length >= 0 &&
$toString(value) !== '[object Array]' &&
$toString(value.callee) === '[object Function]';
};
var supportsStandardArguments = (function () {
return isStandardArguments(arguments);
}());
isStandardArguments.isLegacyArguments = isLegacyArguments; // for tests
module.exports = supportsStandardArguments ? isStandardArguments : isLegacyArguments;
/***/ }),
/***/ 9617:
/***/ ((module) => {
"use strict";
var fnToStr = Function.prototype.toString;
var reflectApply = typeof Reflect === 'object' && Reflect !== null && Reflect.apply;
var badArrayLike;
var isCallableMarker;
if (typeof reflectApply === 'function' && typeof Object.defineProperty === 'function') {
try {
badArrayLike = Object.defineProperty({}, 'length', {
get: function () {
throw isCallableMarker;
}
});
isCallableMarker = {};
// eslint-disable-next-line no-throw-literal
reflectApply(function () { throw 42; }, null, badArrayLike);
} catch (_) {
if (_ !== isCallableMarker) {
reflectApply = null;
}
}
} else {
reflectApply = null;
}
var constructorRegex = /^\s*class\b/;
var isES6ClassFn = function isES6ClassFunction(value) {
try {
var fnStr = fnToStr.call(value);
return constructorRegex.test(fnStr);
} catch (e) {
return false; // not a function
}
};
var tryFunctionObject = function tryFunctionToStr(value) {
try {
if (isES6ClassFn(value)) { return false; }
fnToStr.call(value);
return true;
} catch (e) {
return false;
}
};
var toStr = Object.prototype.toString;
var objectClass = '[object Object]';
var fnClass = '[object Function]';
var genClass = '[object GeneratorFunction]';
var ddaClass = '[object HTMLAllCollection]'; // IE 11
var ddaClass2 = '[object HTML document.all class]';
var ddaClass3 = '[object HTMLCollection]'; // IE 9-10
var hasToStringTag = typeof Symbol === 'function' && !!Symbol.toStringTag; // better: use `has-tostringtag`
var isIE68 = !(0 in [,]); // eslint-disable-line no-sparse-arrays, comma-spacing
var isDDA = function isDocumentDotAll() { return false; };
if (typeof document === 'object') {
// Firefox 3 canonicalizes DDA to undefined when it's not accessed directly
var all = document.all;
if (toStr.call(all) === toStr.call(document.all)) {
isDDA = function isDocumentDotAll(value) {
/* globals document: false */
// in IE 6-8, typeof document.all is "object" and it's truthy
if ((isIE68 || !value) && (typeof value === 'undefined' || typeof value === 'object')) {
try {
var str = toStr.call(value);
return (
str === ddaClass
|| str === ddaClass2
|| str === ddaClass3 // opera 12.16
|| str === objectClass // IE 6-8
) && value('') == null; // eslint-disable-line eqeqeq
} catch (e) { /**/ }
}
return false;
};
}
}
module.exports = reflectApply
? function isCallable(value) {
if (isDDA(value)) { return true; }
if (!value) { return false; }
if (typeof value !== 'function' && typeof value !== 'object') { return false; }
try {
reflectApply(value, null, badArrayLike);
} catch (e) {
if (e !== isCallableMarker) { return false; }
}
return !isES6ClassFn(value) && tryFunctionObject(value);
}
: function isCallable(value) {
if (isDDA(value)) { return true; }
if (!value) { return false; }
if (typeof value !== 'function' && typeof value !== 'object') { return false; }
if (hasToStringTag) { return tryFunctionObject(value); }
if (isES6ClassFn(value)) { return false; }
var strClass = toStr.call(value);
if (strClass !== fnClass && strClass !== genClass && !(/^\[object HTML/).test(strClass)) { return false; }
return tryFunctionObject(value);
};
/***/ }),
/***/ 2625:
/***/ ((module, __unused_webpack_exports, __webpack_require__) => {
"use strict";
var toStr = Object.prototype.toString;
var fnToStr = Function.prototype.toString;
var isFnRegex = /^\s*(?:function)?\*/;
var hasToStringTag = __webpack_require__(1913)();
var getProto = Object.getPrototypeOf;
var getGeneratorFunc = function () { // eslint-disable-line consistent-return
if (!hasToStringTag) {
return false;
}
try {
return Function('return function*() {}')();
} catch (e) {
}
};
var GeneratorFunction;
module.exports = function isGeneratorFunction(fn) {
if (typeof fn !== 'function') {
return false;
}
if (isFnRegex.test(fnToStr.call(fn))) {
return true;
}
if (!hasToStringTag) {
var str = toStr.call(fn);
return str === '[object GeneratorFunction]';
}
if (!getProto) {
return false;
}
if (typeof GeneratorFunction === 'undefined') {
var generatorFunc = getGeneratorFunc();
GeneratorFunction = generatorFunc ? getProto(generatorFunc) : false;
}
return getProto(fn) === GeneratorFunction;
};
/***/ }),
/***/ 8006:
/***/ ((module) => {
"use strict";
/* http://www.ecma-international.org/ecma-262/6.0/#sec-number.isnan */
module.exports = function isNaN(value) {
return value !== value;
};
/***/ }),
/***/ 7838:
/***/ ((module, __unused_webpack_exports, __webpack_require__) => {
"use strict";
var callBind = __webpack_require__(8498);
var define = __webpack_require__(1857);
var implementation = __webpack_require__(8006);
var getPolyfill = __webpack_require__(1591);
var shim = __webpack_require__(1641);
var polyfill = callBind(getPolyfill(), Number);
/* http://www.ecma-international.org/ecma-262/6.0/#sec-number.isnan */
define(polyfill, {
getPolyfill: getPolyfill,
implementation: implementation,
shim: shim
});
module.exports = polyfill;
/***/ }),
/***/ 1591:
/***/ ((module, __unused_webpack_exports, __webpack_require__) => {
"use strict";
var implementation = __webpack_require__(8006);
module.exports = function getPolyfill() {
if (Number.isNaN && Number.isNaN(NaN) && !Number.isNaN('a')) {
return Number.isNaN;
}
return implementation;
};
/***/ }),
/***/ 1641:
/***/ ((module, __unused_webpack_exports, __webpack_require__) => {
"use strict";
var define = __webpack_require__(1857);
var getPolyfill = __webpack_require__(1591);
/* http://www.ecma-international.org/ecma-262/6.0/#sec-number.isnan */
module.exports = function shimNumberIsNaN() {
var polyfill = getPolyfill();
define(Number, { isNaN: polyfill }, {
isNaN: function testIsNaN() {
return Number.isNaN !== polyfill;
}
});
return polyfill;
};
/***/ }),
/***/ 5943:
/***/ ((module, __unused_webpack_exports, __webpack_require__) => {
"use strict";
var whichTypedArray = __webpack_require__(2730);
module.exports = function isTypedArray(value) {
return !!whichTypedArray(value);
};
/***/ }),
/***/ 2372:
/***/ ((module) => {
"use strict";
var numberIsNaN = function (value) {
return value !== value;
};
module.exports = function is(a, b) {
if (a === 0 && b === 0) {
return 1 / a === 1 / b;
}
if (a === b) {
return true;
}
if (numberIsNaN(a) && numberIsNaN(b)) {
return true;
}
return false;
};
/***/ }),
/***/ 5968:
/***/ ((module, __unused_webpack_exports, __webpack_require__) => {
"use strict";
var define = __webpack_require__(1857);
var callBind = __webpack_require__(8498);
var implementation = __webpack_require__(2372);
var getPolyfill = __webpack_require__(1937);
var shim = __webpack_require__(5087);
var polyfill = callBind(getPolyfill(), Object);
define(polyfill, {
getPolyfill: getPolyfill,
implementation: implementation,
shim: shim
});
module.exports = polyfill;
/***/ }),
/***/ 1937:
/***/ ((module, __unused_webpack_exports, __webpack_require__) => {
"use strict";
var implementation = __webpack_require__(2372);
module.exports = function getPolyfill() {
return typeof Object.is === 'function' ? Object.is : implementation;
};
/***/ }),
/***/ 5087:
/***/ ((module, __unused_webpack_exports, __webpack_require__) => {
"use strict";
var getPolyfill = __webpack_require__(1937);
var define = __webpack_require__(1857);
module.exports = function shimObjectIs() {
var polyfill = getPolyfill();
define(Object, { is: polyfill }, {
is: function testObjectIs() {
return Object.is !== polyfill;
}
});
return polyfill;
};
/***/ }),
/***/ 8160:
/***/ ((module, __unused_webpack_exports, __webpack_require__) => {
"use strict";
var keysShim;
if (!Object.keys) {
// modified from https://github.com/es-shims/es5-shim
var has = Object.prototype.hasOwnProperty;
var toStr = Object.prototype.toString;
var isArgs = __webpack_require__(968); // eslint-disable-line global-require
var isEnumerable = Object.prototype.propertyIsEnumerable;
var hasDontEnumBug = !isEnumerable.call({ toString: null }, 'toString');
var hasProtoEnumBug = isEnumerable.call(function () {}, 'prototype');
var dontEnums = [
'toString',
'toLocaleString',
'valueOf',
'hasOwnProperty',
'isPrototypeOf',
'propertyIsEnumerable',
'constructor'
];
var equalsConstructorPrototype = function (o) {
var ctor = o.constructor;
return ctor && ctor.prototype === o;
};
var excludedKeys = {
$applicationCache: true,
$console: true,
$external: true,
$frame: true,
$frameElement: true,
$frames: true,
$innerHeight: true,
$innerWidth: true,
$onmozfullscreenchange: true,
$onmozfullscreenerror: true,
$outerHeight: true,
$outerWidth: true,
$pageXOffset: true,
$pageYOffset: true,
$parent: true,
$scrollLeft: true,
$scrollTop: true,
$scrollX: true,
$scrollY: true,
$self: true,
$webkitIndexedDB: true,
$webkitStorageInfo: true,
$window: true
};
var hasAutomationEqualityBug = (function () {
/* global window */
if (typeof window === 'undefined') { return false; }
for (var k in window) {
try {
if (!excludedKeys['$' + k] && has.call(window, k) && window[k] !== null && typeof window[k] === 'object') {
try {
equalsConstructorPrototype(window[k]);
} catch (e) {
return true;
}
}
} catch (e) {
return true;
}
}
return false;
}());
var equalsConstructorPrototypeIfNotBuggy = function (o) {
/* global window */
if (typeof window === 'undefined' || !hasAutomationEqualityBug) {
return equalsConstructorPrototype(o);
}
try {
return equalsConstructorPrototype(o);
} catch (e) {
return false;
}
};
keysShim = function keys(object) {
var isObject = object !== null && typeof object === 'object';
var isFunction = toStr.call(object) === '[object Function]';
var isArguments = isArgs(object);
var isString = isObject && toStr.call(object) === '[object String]';
var theKeys = [];
if (!isObject && !isFunction && !isArguments) {
throw new TypeError('Object.keys called on a non-object');
}
var skipProto = hasProtoEnumBug && isFunction;
if (isString && object.length > 0 && !has.call(object, 0)) {
for (var i = 0; i < object.length; ++i) {
theKeys.push(String(i));
}
}
if (isArguments && object.length > 0) {
for (var j = 0; j < object.length; ++j) {
theKeys.push(String(j));
}
} else {
for (var name in object) {
if (!(skipProto && name === 'prototype') && has.call(object, name)) {
theKeys.push(String(name));
}
}
}
if (hasDontEnumBug) {
var skipConstructor = equalsConstructorPrototypeIfNotBuggy(object);
for (var k = 0; k < dontEnums.length; ++k) {
if (!(skipConstructor && dontEnums[k] === 'constructor') && has.call(object, dontEnums[k])) {
theKeys.push(dontEnums[k]);
}
}
}
return theKeys;
};
}
module.exports = keysShim;
/***/ }),
/***/ 9228:
/***/ ((module, __unused_webpack_exports, __webpack_require__) => {
"use strict";
var slice = Array.prototype.slice;
var isArgs = __webpack_require__(968);
var origKeys = Object.keys;
var keysShim = origKeys ? function keys(o) { return origKeys(o); } : __webpack_require__(8160);
var originalKeys = Object.keys;
keysShim.shim = function shimObjectKeys() {
if (Object.keys) {
var keysWorksWithArguments = (function () {
// Safari 5.0 bug
var args = Object.keys(arguments);
return args && args.length === arguments.length;
}(1, 2));
if (!keysWorksWithArguments) {
Object.keys = function keys(object) { // eslint-disable-line func-name-matching
if (isArgs(object)) {
return originalKeys(slice.call(object));
}
return originalKeys(object);
};
}
} else {
Object.keys = keysShim;
}
return Object.keys || keysShim;
};
module.exports = keysShim;
/***/ }),
/***/ 968:
/***/ ((module) => {
"use strict";
var toStr = Object.prototype.toString;
module.exports = function isArguments(value) {
var str = toStr.call(value);
var isArgs = str === '[object Arguments]';
if (!isArgs) {
isArgs = str !== '[object Array]' &&
value !== null &&
typeof value === 'object' &&
typeof value.length === 'number' &&
value.length >= 0 &&
toStr.call(value.callee) === '[object Function]';
}
return isArgs;
};
/***/ }),
/***/ 9907:
/***/ ((module) => {
// shim for using process in browser
var process = module.exports = {};
// cached from whatever global is present so that test runners that stub it
// don't break things. But we need to wrap it in a try catch in case it is
// wrapped in strict mode code which doesn't define any globals. It's inside a
// function because try/catches deoptimize in certain engines.
var cachedSetTimeout;
var cachedClearTimeout;
function defaultSetTimout() {
throw new Error('setTimeout has not been defined');
}
function defaultClearTimeout () {
throw new Error('clearTimeout has not been defined');
}
(function () {
try {
if (typeof setTimeout === 'function') {
cachedSetTimeout = setTimeout;
} else {
cachedSetTimeout = defaultSetTimout;
}
} catch (e) {
cachedSetTimeout = defaultSetTimout;
}
try {
if (typeof clearTimeout === 'function') {
cachedClearTimeout = clearTimeout;
} else {
cachedClearTimeout = defaultClearTimeout;
}
} catch (e) {
cachedClearTimeout = defaultClearTimeout;
}
} ())
function runTimeout(fun) {
if (cachedSetTimeout === setTimeout) {
//normal enviroments in sane situations
return setTimeout(fun, 0);
}
// if setTimeout wasn't available but was latter defined
if ((cachedSetTimeout === defaultSetTimout || !cachedSetTimeout) && setTimeout) {
cachedSetTimeout = setTimeout;
return setTimeout(fun, 0);
}
try {
// when when somebody has screwed with setTimeout but no I.E. maddness
return cachedSetTimeout(fun, 0);
} catch(e){
try {
// When we are in I.E. but the script has been evaled so I.E. doesn't trust the global object when called normally
return cachedSetTimeout.call(null, fun, 0);
} catch(e){
// same as above but when it's a version of I.E. that must have the global object for 'this', hopfully our context correct otherwise it will throw a global error
return cachedSetTimeout.call(this, fun, 0);
}
}
}
function runClearTimeout(marker) {
if (cachedClearTimeout === clearTimeout) {
//normal enviroments in sane situations
return clearTimeout(marker);
}
// if clearTimeout wasn't available but was latter defined
if ((cachedClearTimeout === defaultClearTimeout || !cachedClearTimeout) && clearTimeout) {
cachedClearTimeout = clearTimeout;
return clearTimeout(marker);
}
try {
// when when somebody has screwed with setTimeout but no I.E. maddness
return cachedClearTimeout(marker);
} catch (e){
try {
// When we are in I.E. but the script has been evaled so I.E. doesn't trust the global object when called normally
return cachedClearTimeout.call(null, marker);
} catch (e){
// same as above but when it's a version of I.E. that must have the global object for 'this', hopfully our context correct otherwise it will throw a global error.
// Some versions of I.E. have different rules for clearTimeout vs setTimeout
return cachedClearTimeout.call(this, marker);
}
}
}
var queue = [];
var draining = false;
var currentQueue;
var queueIndex = -1;
function cleanUpNextTick() {
if (!draining || !currentQueue) {
return;
}
draining = false;
if (currentQueue.length) {
queue = currentQueue.concat(queue);
} else {
queueIndex = -1;
}
if (queue.length) {
drainQueue();
}
}
function drainQueue() {
if (draining) {
return;
}
var timeout = runTimeout(cleanUpNextTick);
draining = true;
var len = queue.length;
while(len) {
currentQueue = queue;
queue = [];
while (++queueIndex < len) {
if (currentQueue) {
currentQueue[queueIndex].run();
}
}
queueIndex = -1;
len = queue.length;
}
currentQueue = null;
draining = false;
runClearTimeout(timeout);
}
process.nextTick = function (fun) {
var args = new Array(arguments.length - 1);
if (arguments.length > 1) {
for (var i = 1; i < arguments.length; i++) {
args[i - 1] = arguments[i];
}
}
queue.push(new Item(fun, args));
if (queue.length === 1 && !draining) {
runTimeout(drainQueue);
}
};
// v8 likes predictible objects
function Item(fun, array) {
this.fun = fun;
this.array = array;
}
Item.prototype.run = function () {
this.fun.apply(null, this.array);
};
process.title = 'browser';
process.browser = true;
process.env = {};
process.argv = [];
process.version = ''; // empty string to avoid regexp issues
process.versions = {};
function noop() {}
process.on = noop;
process.addListener = noop;
process.once = noop;
process.off = noop;
process.removeListener = noop;
process.removeAllListeners = noop;
process.emit = noop;
process.prependListener = noop;
process.prependOnceListener = noop;
process.listeners = function (name) { return [] }
process.binding = function (name) {
throw new Error('process.binding is not supported');
};
process.cwd = function () { return '/' };
process.chdir = function (dir) {
throw new Error('process.chdir is not supported');
};
process.umask = function() { return 0; };
/***/ }),
/***/ 6108:
/***/ ((module, __unused_webpack_exports, __webpack_require__) => {
"use strict";
var GetIntrinsic = __webpack_require__(528);
var define = __webpack_require__(686);
var hasDescriptors = __webpack_require__(7239)();
var gOPD = __webpack_require__(9336);
var $TypeError = __webpack_require__(3468);
var $floor = GetIntrinsic('%Math.floor%');
/** @type {import('.')} */
module.exports = function setFunctionLength(fn, length) {
if (typeof fn !== 'function') {
throw new $TypeError('`fn` is not a function');
}
if (typeof length !== 'number' || length < 0 || length > 0xFFFFFFFF || $floor(length) !== length) {
throw new $TypeError('`length` must be a positive 32-bit integer');
}
var loose = arguments.length > 2 && !!arguments[2];
var functionLengthIsConfigurable = true;
var functionLengthIsWritable = true;
if ('length' in fn && gOPD) {
var desc = gOPD(fn, 'length');
if (desc && !desc.configurable) {
functionLengthIsConfigurable = false;
}
if (desc && !desc.writable) {
functionLengthIsWritable = false;
}
}
if (functionLengthIsConfigurable || functionLengthIsWritable || !loose) {
if (hasDescriptors) {
define(/** @type {Parameters<define>[0]} */ (fn), 'length', length, true, true);
} else {
define(/** @type {Parameters<define>[0]} */ (fn), 'length', length);
}
}
return fn;
};
/***/ }),
/***/ 2125:
/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
"use strict";
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
/* harmony export */ BaseService: () => (/* binding */ BaseService)
/* harmony export */ });
/* harmony import */ var vscode_languageserver_protocol__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(5501);
/* harmony import */ var vscode_languageserver_protocol__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(vscode_languageserver_protocol__WEBPACK_IMPORTED_MODULE_0__);
/* harmony import */ var _utils__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(7770);
/* harmony import */ var vscode_languageserver_textdocument__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(8041);
function _define_property(obj, key, value) {
if (key in obj) {
Object.defineProperty(obj, key, {
value: value,
enumerable: true,
configurable: true,
writable: true
});
} else {
obj[key] = value;
}
return obj;
}
class BaseService {
addDocument(document) {
this.documents[document.uri] = vscode_languageserver_textdocument__WEBPACK_IMPORTED_MODULE_1__/* .TextDocument */ .V.create(document.uri, document.languageId, document.version, document.text);
}
getDocument(uri) {
return this.documents[uri];
}
removeDocument(document) {
delete this.documents[document.uri];
if (this.options[document.uri]) {
delete this.options[document.uri];
}
}
getDocumentValue(uri) {
var _this_getDocument;
return (_this_getDocument = this.getDocument(uri)) === null || _this_getDocument === void 0 ? void 0 : _this_getDocument.getText();
}
setValue(identifier, value) {
let document = this.getDocument(identifier.uri);
if (document) {
document = vscode_languageserver_textdocument__WEBPACK_IMPORTED_MODULE_1__/* .TextDocument */ .V.create(document.uri, document.languageId, document.version, value);
this.documents[document.uri] = document;
}
}
setGlobalOptions(options) {
this.globalOptions = options !== null && options !== void 0 ? options : {};
}
setWorkspace(workspaceUri) {
this.workspaceUri = workspaceUri;
}
setOptions(documentUri, options, merge = false) {
this.options[documentUri] = merge ? (0,_utils__WEBPACK_IMPORTED_MODULE_2__/* .mergeObjects */ .rL)(options, this.options[documentUri]) : options;
}
getOption(documentUri, optionName) {
if (this.options[documentUri] && this.options[documentUri][optionName]) {
return this.options[documentUri][optionName];
} else {
return this.globalOptions[optionName];
}
}
applyDeltas(identifier, deltas) {
let document = this.getDocument(identifier.uri);
if (document) vscode_languageserver_textdocument__WEBPACK_IMPORTED_MODULE_1__/* .TextDocument */ .V.update(document, deltas, identifier.version);
}
async doComplete(document, position) {
return null;
}
async doHover(document, position) {
return null;
}
async doResolve(item) {
return null;
}
async doValidation(document) {
return [];
}
format(document, range, options) {
return Promise.resolve([]);
}
async provideSignatureHelp(document, position) {
return null;
}
async findDocumentHighlights(document, position) {
return [];
}
get optionsToFilterDiagnostics() {
var _this_globalOptions_errorCodesToIgnore, _this_globalOptions_errorCodesToTreatAsWarning, _this_globalOptions_errorCodesToTreatAsInfo, _this_globalOptions_errorMessagesToIgnore, _this_globalOptions_errorMessagesToTreatAsWarning, _this_globalOptions_errorMessagesToTreatAsInfo;
return {
errorCodesToIgnore: (_this_globalOptions_errorCodesToIgnore = this.globalOptions.errorCodesToIgnore) !== null && _this_globalOptions_errorCodesToIgnore !== void 0 ? _this_globalOptions_errorCodesToIgnore : [],
errorCodesToTreatAsWarning: (_this_globalOptions_errorCodesToTreatAsWarning = this.globalOptions.errorCodesToTreatAsWarning) !== null && _this_globalOptions_errorCodesToTreatAsWarning !== void 0 ? _this_globalOptions_errorCodesToTreatAsWarning : [],
errorCodesToTreatAsInfo: (_this_globalOptions_errorCodesToTreatAsInfo = this.globalOptions.errorCodesToTreatAsInfo) !== null && _this_globalOptions_errorCodesToTreatAsInfo !== void 0 ? _this_globalOptions_errorCodesToTreatAsInfo : [],
errorMessagesToIgnore: (_this_globalOptions_errorMessagesToIgnore = this.globalOptions.errorMessagesToIgnore) !== null && _this_globalOptions_errorMessagesToIgnore !== void 0 ? _this_globalOptions_errorMessagesToIgnore : [],
errorMessagesToTreatAsWarning: (_this_globalOptions_errorMessagesToTreatAsWarning = this.globalOptions.errorMessagesToTreatAsWarning) !== null && _this_globalOptions_errorMessagesToTreatAsWarning !== void 0 ? _this_globalOptions_errorMessagesToTreatAsWarning : [],
errorMessagesToTreatAsInfo: (_this_globalOptions_errorMessagesToTreatAsInfo = this.globalOptions.errorMessagesToTreatAsInfo) !== null && _this_globalOptions_errorMessagesToTreatAsInfo !== void 0 ? _this_globalOptions_errorMessagesToTreatAsInfo : []
};
}
getSemanticTokens(document, range) {
return Promise.resolve(null);
}
dispose() {
return Promise.resolve();
}
closeConnection() {
return Promise.resolve();
}
getCodeActions(document, range, context) {
return Promise.resolve(null);
}
executeCommand(command, args) {
return Promise.resolve(null);
}
sendAppliedResult(result, callbackId) {}
constructor(mode, workspaceUri){
_define_property(this, "serviceName", void 0);
_define_property(this, "mode", void 0);
_define_property(this, "documents", {});
_define_property(this, "options", {});
_define_property(this, "globalOptions", {});
_define_property(this, "serviceData", void 0);
_define_property(this, "serviceCapabilities", {});
_define_property(this, "workspaceUri", void 0);
_define_property(this, "clientCapabilities", {
textDocument: {
diagnostic: {
dynamicRegistration: true,
relatedDocumentSupport: true
},
publishDiagnostics: {
relatedInformation: true,
versionSupport: false,
tagSupport: {
valueSet: [
vscode_languageserver_protocol__WEBPACK_IMPORTED_MODULE_0__.DiagnosticTag.Unnecessary,
vscode_languageserver_protocol__WEBPACK_IMPORTED_MODULE_0__.DiagnosticTag.Deprecated
]
}
},
hover: {
dynamicRegistration: true,
contentFormat: [
'markdown',
'plaintext'
]
},
synchronization: {
dynamicRegistration: true,
willSave: false,
didSave: false,
willSaveWaitUntil: false
},
formatting: {
dynamicRegistration: true
},
completion: {
dynamicRegistration: true,
completionItem: {
snippetSupport: true,
commitCharactersSupport: false,
documentationFormat: [
'markdown',
'plaintext'
],
deprecatedSupport: false,
preselectSupport: false
},
contextSupport: false
},
signatureHelp: {
signatureInformation: {
documentationFormat: [
'markdown',
'plaintext'
],
activeParameterSupport: true
}
},
documentHighlight: {
dynamicRegistration: true
},
semanticTokens: {
multilineTokenSupport: false,
overlappingTokenSupport: false,
tokenTypes: [],
tokenModifiers: [],
formats: [
"relative"
],
requests: {
full: {
delta: false
},
range: true
},
augmentsSyntaxTokens: true
},
codeAction: {
dynamicRegistration: true
}
},
workspace: {
didChangeConfiguration: {
dynamicRegistration: true
},
executeCommand: {
dynamicRegistration: true
},
applyEdit: true,
workspaceEdit: {
failureHandling: "abort",
normalizesLineEndings: false,
documentChanges: false
}
}
});
this.mode = mode;
this.workspaceUri = workspaceUri;
}
}
/***/ }),
/***/ 7770:
/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
"use strict";
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
/* harmony export */ Tk: () => (/* binding */ checkValueAgainstRegexpArray),
/* harmony export */ rL: () => (/* binding */ mergeObjects)
/* harmony export */ });
/* unused harmony exports notEmpty, mergeRanges, convertToUri */
function mergeObjects(obj1, obj2, excludeUndefined = false) {
if (!obj1) return obj2;
if (!obj2) return obj1;
if (excludeUndefined) {
obj1 = excludeUndefinedValues(obj1);
obj2 = excludeUndefinedValues(obj2);
}
const mergedObjects = {
...obj2,
...obj1
}; // Give priority to obj1 values by spreading obj2 first, then obj1
for (const key of Object.keys(mergedObjects)){
if (obj1[key] && obj2[key]) {
if (Array.isArray(obj1[key])) {
mergedObjects[key] = obj1[key].concat(obj2[key]);
} else if (Array.isArray(obj2[key])) {
mergedObjects[key] = obj2[key].concat(obj1[key]);
} else if (typeof obj1[key] === 'object' && typeof obj2[key] === 'object') {
mergedObjects[key] = mergeObjects(obj1[key], obj2[key]);
}
}
}
return mergedObjects;
}
function excludeUndefinedValues(obj) {
const filteredEntries = Object.entries(obj).filter(([_, value])=>value !== undefined);
return Object.fromEntries(filteredEntries);
}
function notEmpty(value) {
return value !== null && value !== undefined;
}
//taken with small changes from ace-code
function mergeRanges(ranges) {
var list = ranges;
list = list.sort(function(a, b) {
return comparePoints(a.start, b.start);
});
var next = list[0], range;
for(var i = 1; i < list.length; i++){
range = next;
next = list[i];
var cmp = comparePoints(range.end, next.start);
if (cmp < 0) continue;
if (cmp == 0 && !range.isEmpty() && !next.isEmpty()) continue;
if (comparePoints(range.end, next.end) < 0) {
range.end.row = next.end.row;
range.end.column = next.end.column;
}
list.splice(i, 1);
next = range;
i--;
}
return list;
}
function comparePoints(p1, p2) {
return p1.row - p2.row || p1.column - p2.column;
}
function checkValueAgainstRegexpArray(value, regexpArray) {
if (!regexpArray) {
return false;
}
for(let i = 0; i < regexpArray.length; i++){
if (regexpArray[i].test(value)) {
return true;
}
}
return false;
}
function convertToUri(filePath) {
//already URI
if (filePath.startsWith("file:///")) {
return filePath;
}
return URI.file(filePath).toString();
}
/***/ }),
/***/ 5272:
/***/ ((module) => {
module.exports = function isBuffer(arg) {
return arg && typeof arg === 'object'
&& typeof arg.copy === 'function'
&& typeof arg.fill === 'function'
&& typeof arg.readUInt8 === 'function';
}
/***/ }),
/***/ 1531:
/***/ ((__unused_webpack_module, exports, __webpack_require__) => {
"use strict";
// Currently in sync with Node.js lib/internal/util/types.js
// https://github.com/nodejs/node/commit/112cc7c27551254aa2b17098fb774867f05ed0d9
var isArgumentsObject = __webpack_require__(5387);
var isGeneratorFunction = __webpack_require__(2625);
var whichTypedArray = __webpack_require__(2730);
var isTypedArray = __webpack_require__(5943);
function uncurryThis(f) {
return f.call.bind(f);
}
var BigIntSupported = typeof BigInt !== 'undefined';
var SymbolSupported = typeof Symbol !== 'undefined';
var ObjectToString = uncurryThis(Object.prototype.toString);
var numberValue = uncurryThis(Number.prototype.valueOf);
var stringValue = uncurryThis(String.prototype.valueOf);
var booleanValue = uncurryThis(Boolean.prototype.valueOf);
if (BigIntSupported) {
var bigIntValue = uncurryThis(BigInt.prototype.valueOf);
}
if (SymbolSupported) {
var symbolValue = uncurryThis(Symbol.prototype.valueOf);
}
function checkBoxedPrimitive(value, prototypeValueOf) {
if (typeof value !== 'object') {
return false;
}
try {
prototypeValueOf(value);
return true;
} catch(e) {
return false;
}
}
exports.isArgumentsObject = isArgumentsObject;
exports.isGeneratorFunction = isGeneratorFunction;
exports.isTypedArray = isTypedArray;
// Taken from here and modified for better browser support
// https://github.com/sindresorhus/p-is-promise/blob/cda35a513bda03f977ad5cde3a079d237e82d7ef/index.js
function isPromise(input) {
return (
(
typeof Promise !== 'undefined' &&
input instanceof Promise
) ||
(
input !== null &&
typeof input === 'object' &&
typeof input.then === 'function' &&
typeof input.catch === 'function'
)
);
}
exports.isPromise = isPromise;
function isArrayBufferView(value) {
if (typeof ArrayBuffer !== 'undefined' && ArrayBuffer.isView) {
return ArrayBuffer.isView(value);
}
return (
isTypedArray(value) ||
isDataView(value)
);
}
exports.isArrayBufferView = isArrayBufferView;
function isUint8Array(value) {
return whichTypedArray(value) === 'Uint8Array';
}
exports.isUint8Array = isUint8Array;
function isUint8ClampedArray(value) {
return whichTypedArray(value) === 'Uint8ClampedArray';
}
exports.isUint8ClampedArray = isUint8ClampedArray;
function isUint16Array(value) {
return whichTypedArray(value) === 'Uint16Array';
}
exports.isUint16Array = isUint16Array;
function isUint32Array(value) {
return whichTypedArray(value) === 'Uint32Array';
}
exports.isUint32Array = isUint32Array;
function isInt8Array(value) {
return whichTypedArray(value) === 'Int8Array';
}
exports.isInt8Array = isInt8Array;
function isInt16Array(value) {
return whichTypedArray(value) === 'Int16Array';
}
exports.isInt16Array = isInt16Array;
function isInt32Array(value) {
return whichTypedArray(value) === 'Int32Array';
}
exports.isInt32Array = isInt32Array;
function isFloat32Array(value) {
return whichTypedArray(value) === 'Float32Array';
}
exports.isFloat32Array = isFloat32Array;
function isFloat64Array(value) {
return whichTypedArray(value) === 'Float64Array';
}
exports.isFloat64Array = isFloat64Array;
function isBigInt64Array(value) {
return whichTypedArray(value) === 'BigInt64Array';
}
exports.isBigInt64Array = isBigInt64Array;
function isBigUint64Array(value) {
return whichTypedArray(value) === 'BigUint64Array';
}
exports.isBigUint64Array = isBigUint64Array;
function isMapToString(value) {
return ObjectToString(value) === '[object Map]';
}
isMapToString.working = (
typeof Map !== 'undefined' &&
isMapToString(new Map())
);
function isMap(value) {
if (typeof Map === 'undefined') {
return false;
}
return isMapToString.working
? isMapToString(value)
: value instanceof Map;
}
exports.isMap = isMap;
function isSetToString(value) {
return ObjectToString(value) === '[object Set]';
}
isSetToString.working = (
typeof Set !== 'undefined' &&
isSetToString(new Set())
);
function isSet(value) {
if (typeof Set === 'undefined') {
return false;
}
return isSetToString.working
? isSetToString(value)
: value instanceof Set;
}
exports.isSet = isSet;
function isWeakMapToString(value) {
return ObjectToString(value) === '[object WeakMap]';
}
isWeakMapToString.working = (
typeof WeakMap !== 'undefined' &&
isWeakMapToString(new WeakMap())
);
function isWeakMap(value) {
if (typeof WeakMap === 'undefined') {
return false;
}
return isWeakMapToString.working
? isWeakMapToString(value)
: value instanceof WeakMap;
}
exports.isWeakMap = isWeakMap;
function isWeakSetToString(value) {
return ObjectToString(value) === '[object WeakSet]';
}
isWeakSetToString.working = (
typeof WeakSet !== 'undefined' &&
isWeakSetToString(new WeakSet())
);
function isWeakSet(value) {
return isWeakSetToString(value);
}
exports.isWeakSet = isWeakSet;
function isArrayBufferToString(value) {
return ObjectToString(value) === '[object ArrayBuffer]';
}
isArrayBufferToString.working = (
typeof ArrayBuffer !== 'undefined' &&
isArrayBufferToString(new ArrayBuffer())
);
function isArrayBuffer(value) {
if (typeof ArrayBuffer === 'undefined') {
return false;
}
return isArrayBufferToString.working
? isArrayBufferToString(value)
: value instanceof ArrayBuffer;
}
exports.isArrayBuffer = isArrayBuffer;
function isDataViewToString(value) {
return ObjectToString(value) === '[object DataView]';
}
isDataViewToString.working = (
typeof ArrayBuffer !== 'undefined' &&
typeof DataView !== 'undefined' &&
isDataViewToString(new DataView(new ArrayBuffer(1), 0, 1))
);
function isDataView(value) {
if (typeof DataView === 'undefined') {
return false;
}
return isDataViewToString.working
? isDataViewToString(value)
: value instanceof DataView;
}
exports.isDataView = isDataView;
// Store a copy of SharedArrayBuffer in case it's deleted elsewhere
var SharedArrayBufferCopy = typeof SharedArrayBuffer !== 'undefined' ? SharedArrayBuffer : undefined;
function isSharedArrayBufferToString(value) {
return ObjectToString(value) === '[object SharedArrayBuffer]';
}
function isSharedArrayBuffer(value) {
if (typeof SharedArrayBufferCopy === 'undefined') {
return false;
}
if (typeof isSharedArrayBufferToString.working === 'undefined') {
isSharedArrayBufferToString.working = isSharedArrayBufferToString(new SharedArrayBufferCopy());
}
return isSharedArrayBufferToString.working
? isSharedArrayBufferToString(value)
: value instanceof SharedArrayBufferCopy;
}
exports.isSharedArrayBuffer = isSharedArrayBuffer;
function isAsyncFunction(value) {
return ObjectToString(value) === '[object AsyncFunction]';
}
exports.isAsyncFunction = isAsyncFunction;
function isMapIterator(value) {
return ObjectToString(value) === '[object Map Iterator]';
}
exports.isMapIterator = isMapIterator;
function isSetIterator(value) {
return ObjectToString(value) === '[object Set Iterator]';
}
exports.isSetIterator = isSetIterator;
function isGeneratorObject(value) {
return ObjectToString(value) === '[object Generator]';
}
exports.isGeneratorObject = isGeneratorObject;
function isWebAssemblyCompiledModule(value) {
return ObjectToString(value) === '[object WebAssembly.Module]';
}
exports.isWebAssemblyCompiledModule = isWebAssemblyCompiledModule;
function isNumberObject(value) {
return checkBoxedPrimitive(value, numberValue);
}
exports.isNumberObject = isNumberObject;
function isStringObject(value) {
return checkBoxedPrimitive(value, stringValue);
}
exports.isStringObject = isStringObject;
function isBooleanObject(value) {
return checkBoxedPrimitive(value, booleanValue);
}
exports.isBooleanObject = isBooleanObject;
function isBigIntObject(value) {
return BigIntSupported && checkBoxedPrimitive(value, bigIntValue);
}
exports.isBigIntObject = isBigIntObject;
function isSymbolObject(value) {
return SymbolSupported && checkBoxedPrimitive(value, symbolValue);
}
exports.isSymbolObject = isSymbolObject;
function isBoxedPrimitive(value) {
return (
isNumberObject(value) ||
isStringObject(value) ||
isBooleanObject(value) ||
isBigIntObject(value) ||
isSymbolObject(value)
);
}
exports.isBoxedPrimitive = isBoxedPrimitive;
function isAnyArrayBuffer(value) {
return typeof Uint8Array !== 'undefined' && (
isArrayBuffer(value) ||
isSharedArrayBuffer(value)
);
}
exports.isAnyArrayBuffer = isAnyArrayBuffer;
['isProxy', 'isExternal', 'isModuleNamespaceObject'].forEach(function(method) {
Object.defineProperty(exports, method, {
enumerable: false,
value: function() {
throw new Error(method + ' is not supported in userland');
}
});
});
/***/ }),
/***/ 6827:
/***/ ((__unused_webpack_module, exports, __webpack_require__) => {
/* provided dependency */ var process = __webpack_require__(9907);
/* provided dependency */ var console = __webpack_require__(4364);
// Copyright Joyent, Inc. and other Node contributors.
//
// Permission is hereby granted, free of charge, to any person obtaining a
// copy of this software and associated documentation files (the
// "Software"), to deal in the Software without restriction, including
// without limitation the rights to use, copy, modify, merge, publish,
// distribute, sublicense, and/or sell copies of the Software, and to permit
// persons to whom the Software is furnished to do so, subject to the
// following conditions:
//
// The above copyright notice and this permission notice shall be included
// in all copies or substantial portions of the Software.
//
// THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS
// OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF
// MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN
// NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM,
// DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR
// OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE
// USE OR OTHER DEALINGS IN THE SOFTWARE.
var getOwnPropertyDescriptors = Object.getOwnPropertyDescriptors ||
function getOwnPropertyDescriptors(obj) {
var keys = Object.keys(obj);
var descriptors = {};
for (var i = 0; i < keys.length; i++) {
descriptors[keys[i]] = Object.getOwnPropertyDescriptor(obj, keys[i]);
}
return descriptors;
};
var formatRegExp = /%[sdj%]/g;
exports.format = function(f) {
if (!isString(f)) {
var objects = [];
for (var i = 0; i < arguments.length; i++) {
objects.push(inspect(arguments[i]));
}
return objects.join(' ');
}
var i = 1;
var args = arguments;
var len = args.length;
var str = String(f).replace(formatRegExp, function(x) {
if (x === '%%') return '%';
if (i >= len) return x;
switch (x) {
case '%s': return String(args[i++]);
case '%d': return Number(args[i++]);
case '%j':
try {
return JSON.stringify(args[i++]);
} catch (_) {
return '[Circular]';
}
default:
return x;
}
});
for (var x = args[i]; i < len; x = args[++i]) {
if (isNull(x) || !isObject(x)) {
str += ' ' + x;
} else {
str += ' ' + inspect(x);
}
}
return str;
};
// Mark that a method should not be used.
// Returns a modified function which warns once by default.
// If --no-deprecation is set, then it is a no-op.
exports.deprecate = function(fn, msg) {
if (typeof process !== 'undefined' && process.noDeprecation === true) {
return fn;
}
// Allow for deprecating things in the process of starting up.
if (typeof process === 'undefined') {
return function() {
return exports.deprecate(fn, msg).apply(this, arguments);
};
}
var warned = false;
function deprecated() {
if (!warned) {
if (process.throwDeprecation) {
throw new Error(msg);
} else if (process.traceDeprecation) {
console.trace(msg);
} else {
console.error(msg);
}
warned = true;
}
return fn.apply(this, arguments);
}
return deprecated;
};
var debugs = {};
var debugEnvRegex = /^$/;
if (process.env.NODE_DEBUG) {
var debugEnv = process.env.NODE_DEBUG;
debugEnv = debugEnv.replace(/[|\\{}()[\]^$+?.]/g, '\\$&')
.replace(/\*/g, '.*')
.replace(/,/g, '$|^')
.toUpperCase();
debugEnvRegex = new RegExp('^' + debugEnv + '$', 'i');
}
exports.debuglog = function(set) {
set = set.toUpperCase();
if (!debugs[set]) {
if (debugEnvRegex.test(set)) {
var pid = process.pid;
debugs[set] = function() {
var msg = exports.format.apply(exports, arguments);
console.error('%s %d: %s', set, pid, msg);
};
} else {
debugs[set] = function() {};
}
}
return debugs[set];
};
/**
* Echos the value of a value. Trys to print the value out
* in the best way possible given the different types.
*
* @param {Object} obj The object to print out.
* @param {Object} opts Optional options object that alters the output.
*/
/* legacy: obj, showHidden, depth, colors*/
function inspect(obj, opts) {
// default options
var ctx = {
seen: [],
stylize: stylizeNoColor
};
// legacy...
if (arguments.length >= 3) ctx.depth = arguments[2];
if (arguments.length >= 4) ctx.colors = arguments[3];
if (isBoolean(opts)) {
// legacy...
ctx.showHidden = opts;
} else if (opts) {
// got an "options" object
exports._extend(ctx, opts);
}
// set default options
if (isUndefined(ctx.showHidden)) ctx.showHidden = false;
if (isUndefined(ctx.depth)) ctx.depth = 2;
if (isUndefined(ctx.colors)) ctx.colors = false;
if (isUndefined(ctx.customInspect)) ctx.customInspect = true;
if (ctx.colors) ctx.stylize = stylizeWithColor;
return formatValue(ctx, obj, ctx.depth);
}
exports.inspect = inspect;
// http://en.wikipedia.org/wiki/ANSI_escape_code#graphics
inspect.colors = {
'bold' : [1, 22],
'italic' : [3, 23],
'underline' : [4, 24],
'inverse' : [7, 27],
'white' : [37, 39],
'grey' : [90, 39],
'black' : [30, 39],
'blue' : [34, 39],
'cyan' : [36, 39],
'green' : [32, 39],
'magenta' : [35, 39],
'red' : [31, 39],
'yellow' : [33, 39]
};
// Don't use 'blue' not visible on cmd.exe
inspect.styles = {
'special': 'cyan',
'number': 'yellow',
'boolean': 'yellow',
'undefined': 'grey',
'null': 'bold',
'string': 'green',
'date': 'magenta',
// "name": intentionally not styling
'regexp': 'red'
};
function stylizeWithColor(str, styleType) {
var style = inspect.styles[styleType];
if (style) {
return '\u001b[' + inspect.colors[style][0] + 'm' + str +
'\u001b[' + inspect.colors[style][1] + 'm';
} else {
return str;
}
}
function stylizeNoColor(str, styleType) {
return str;
}
function arrayToHash(array) {
var hash = {};
array.forEach(function(val, idx) {
hash[val] = true;
});
return hash;
}
function formatValue(ctx, value, recurseTimes) {
// Provide a hook for user-specified inspect functions.
// Check that value is an object with an inspect function on it
if (ctx.customInspect &&
value &&
isFunction(value.inspect) &&
// Filter out the util module, it's inspect function is special
value.inspect !== exports.inspect &&
// Also filter out any prototype objects using the circular check.
!(value.constructor && value.constructor.prototype === value)) {
var ret = value.inspect(recurseTimes, ctx);
if (!isString(ret)) {
ret = formatValue(ctx, ret, recurseTimes);
}
return ret;
}
// Primitive types cannot have properties
var primitive = formatPrimitive(ctx, value);
if (primitive) {
return primitive;
}
// Look up the keys of the object.
var keys = Object.keys(value);
var visibleKeys = arrayToHash(keys);
if (ctx.showHidden) {
keys = Object.getOwnPropertyNames(value);
}
// IE doesn't make error fields non-enumerable
// http://msdn.microsoft.com/en-us/library/ie/dww52sbt(v=vs.94).aspx
if (isError(value)
&& (keys.indexOf('message') >= 0 || keys.indexOf('description') >= 0)) {
return formatError(value);
}
// Some type of object without properties can be shortcutted.
if (keys.length === 0) {
if (isFunction(value)) {
var name = value.name ? ': ' + value.name : '';
return ctx.stylize('[Function' + name + ']', 'special');
}
if (isRegExp(value)) {
return ctx.stylize(RegExp.prototype.toString.call(value), 'regexp');
}
if (isDate(value)) {
return ctx.stylize(Date.prototype.toString.call(value), 'date');
}
if (isError(value)) {
return formatError(value);
}
}
var base = '', array = false, braces = ['{', '}'];
// Make Array say that they are Array
if (isArray(value)) {
array = true;
braces = ['[', ']'];
}
// Make functions say that they are functions
if (isFunction(value)) {
var n = value.name ? ': ' + value.name : '';
base = ' [Function' + n + ']';
}
// Make RegExps say that they are RegExps
if (isRegExp(value)) {
base = ' ' + RegExp.prototype.toString.call(value);
}
// Make dates with properties first say the date
if (isDate(value)) {
base = ' ' + Date.prototype.toUTCString.call(value);
}
// Make error with message first say the error
if (isError(value)) {
base = ' ' + formatError(value);
}
if (keys.length === 0 && (!array || value.length == 0)) {
return braces[0] + base + braces[1];
}
if (recurseTimes < 0) {
if (isRegExp(value)) {
return ctx.stylize(RegExp.prototype.toString.call(value), 'regexp');
} else {
return ctx.stylize('[Object]', 'special');
}
}
ctx.seen.push(value);
var output;
if (array) {
output = formatArray(ctx, value, recurseTimes, visibleKeys, keys);
} else {
output = keys.map(function(key) {
return formatProperty(ctx, value, recurseTimes, visibleKeys, key, array);
});
}
ctx.seen.pop();
return reduceToSingleString(output, base, braces);
}
function formatPrimitive(ctx, value) {
if (isUndefined(value))
return ctx.stylize('undefined', 'undefined');
if (isString(value)) {
var simple = '\'' + JSON.stringify(value).replace(/^"|"$/g, '')
.replace(/'/g, "\\'")
.replace(/\\"/g, '"') + '\'';
return ctx.stylize(simple, 'string');
}
if (isNumber(value))
return ctx.stylize('' + value, 'number');
if (isBoolean(value))
return ctx.stylize('' + value, 'boolean');
// For some reason typeof null is "object", so special case here.
if (isNull(value))
return ctx.stylize('null', 'null');
}
function formatError(value) {
return '[' + Error.prototype.toString.call(value) + ']';
}
function formatArray(ctx, value, recurseTimes, visibleKeys, keys) {
var output = [];
for (var i = 0, l = value.length; i < l; ++i) {
if (hasOwnProperty(value, String(i))) {
output.push(formatProperty(ctx, value, recurseTimes, visibleKeys,
String(i), true));
} else {
output.push('');
}
}
keys.forEach(function(key) {
if (!key.match(/^\d+$/)) {
output.push(formatProperty(ctx, value, recurseTimes, visibleKeys,
key, true));
}
});
return output;
}
function formatProperty(ctx, value, recurseTimes, visibleKeys, key, array) {
var name, str, desc;
desc = Object.getOwnPropertyDescriptor(value, key) || { value: value[key] };
if (desc.get) {
if (desc.set) {
str = ctx.stylize('[Getter/Setter]', 'special');
} else {
str = ctx.stylize('[Getter]', 'special');
}
} else {
if (desc.set) {
str = ctx.stylize('[Setter]', 'special');
}
}
if (!hasOwnProperty(visibleKeys, key)) {
name = '[' + key + ']';
}
if (!str) {
if (ctx.seen.indexOf(desc.value) < 0) {
if (isNull(recurseTimes)) {
str = formatValue(ctx, desc.value, null);
} else {
str = formatValue(ctx, desc.value, recurseTimes - 1);
}
if (str.indexOf('\n') > -1) {
if (array) {
str = str.split('\n').map(function(line) {
return ' ' + line;
}).join('\n').slice(2);
} else {
str = '\n' + str.split('\n').map(function(line) {
return ' ' + line;
}).join('\n');
}
}
} else {
str = ctx.stylize('[Circular]', 'special');
}
}
if (isUndefined(name)) {
if (array && key.match(/^\d+$/)) {
return str;
}
name = JSON.stringify('' + key);
if (name.match(/^"([a-zA-Z_][a-zA-Z_0-9]*)"$/)) {
name = name.slice(1, -1);
name = ctx.stylize(name, 'name');
} else {
name = name.replace(/'/g, "\\'")
.replace(/\\"/g, '"')
.replace(/(^"|"$)/g, "'");
name = ctx.stylize(name, 'string');
}
}
return name + ': ' + str;
}
function reduceToSingleString(output, base, braces) {
var numLinesEst = 0;
var length = output.reduce(function(prev, cur) {
numLinesEst++;
if (cur.indexOf('\n') >= 0) numLinesEst++;
return prev + cur.replace(/\u001b\[\d\d?m/g, '').length + 1;
}, 0);
if (length > 60) {
return braces[0] +
(base === '' ? '' : base + '\n ') +
' ' +
output.join(',\n ') +
' ' +
braces[1];
}
return braces[0] + base + ' ' + output.join(', ') + ' ' + braces[1];
}
// NOTE: These type checking functions intentionally don't use `instanceof`
// because it is fragile and can be easily faked with `Object.create()`.
exports.types = __webpack_require__(1531);
function isArray(ar) {
return Array.isArray(ar);
}
exports.isArray = isArray;
function isBoolean(arg) {
return typeof arg === 'boolean';
}
exports.isBoolean = isBoolean;
function isNull(arg) {
return arg === null;
}
exports.isNull = isNull;
function isNullOrUndefined(arg) {
return arg == null;
}
exports.isNullOrUndefined = isNullOrUndefined;
function isNumber(arg) {
return typeof arg === 'number';
}
exports.isNumber = isNumber;
function isString(arg) {
return typeof arg === 'string';
}
exports.isString = isString;
function isSymbol(arg) {
return typeof arg === 'symbol';
}
exports.isSymbol = isSymbol;
function isUndefined(arg) {
return arg === void 0;
}
exports.isUndefined = isUndefined;
function isRegExp(re) {
return isObject(re) && objectToString(re) === '[object RegExp]';
}
exports.isRegExp = isRegExp;
exports.types.isRegExp = isRegExp;
function isObject(arg) {
return typeof arg === 'object' && arg !== null;
}
exports.isObject = isObject;
function isDate(d) {
return isObject(d) && objectToString(d) === '[object Date]';
}
exports.isDate = isDate;
exports.types.isDate = isDate;
function isError(e) {
return isObject(e) &&
(objectToString(e) === '[object Error]' || e instanceof Error);
}
exports.isError = isError;
exports.types.isNativeError = isError;
function isFunction(arg) {
return typeof arg === 'function';
}
exports.isFunction = isFunction;
function isPrimitive(arg) {
return arg === null ||
typeof arg === 'boolean' ||
typeof arg === 'number' ||
typeof arg === 'string' ||
typeof arg === 'symbol' || // ES6 symbol
typeof arg === 'undefined';
}
exports.isPrimitive = isPrimitive;
exports.isBuffer = __webpack_require__(5272);
function objectToString(o) {
return Object.prototype.toString.call(o);
}
function pad(n) {
return n < 10 ? '0' + n.toString(10) : n.toString(10);
}
var months = ['Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun', 'Jul', 'Aug', 'Sep',
'Oct', 'Nov', 'Dec'];
// 26 Feb 16:19:34
function timestamp() {
var d = new Date();
var time = [pad(d.getHours()),
pad(d.getMinutes()),
pad(d.getSeconds())].join(':');
return [d.getDate(), months[d.getMonth()], time].join(' ');
}
// log is just a thin wrapper to console.log that prepends a timestamp
exports.log = function() {
console.log('%s - %s', timestamp(), exports.format.apply(exports, arguments));
};
/**
* Inherit the prototype methods from one constructor into another.
*
* The Function.prototype.inherits from lang.js rewritten as a standalone
* function (not on Function.prototype). NOTE: If this file is to be loaded
* during bootstrapping this function needs to be rewritten using some native
* functions as prototype setup using normal JavaScript does not work as
* expected during bootstrapping (see mirror.js in r114903).
*
* @param {function} ctor Constructor function which needs to inherit the
* prototype.
* @param {function} superCtor Constructor function to inherit prototype from.
*/
exports.inherits = __webpack_require__(5615);
exports._extend = function(origin, add) {
// Don't do anything if add isn't an object
if (!add || !isObject(add)) return origin;
var keys = Object.keys(add);
var i = keys.length;
while (i--) {
origin[keys[i]] = add[keys[i]];
}
return origin;
};
function hasOwnProperty(obj, prop) {
return Object.prototype.hasOwnProperty.call(obj, prop);
}
var kCustomPromisifiedSymbol = typeof Symbol !== 'undefined' ? Symbol('util.promisify.custom') : undefined;
exports.promisify = function promisify(original) {
if (typeof original !== 'function')
throw new TypeError('The "original" argument must be of type Function');
if (kCustomPromisifiedSymbol && original[kCustomPromisifiedSymbol]) {
var fn = original[kCustomPromisifiedSymbol];
if (typeof fn !== 'function') {
throw new TypeError('The "util.promisify.custom" argument must be of type Function');
}
Object.defineProperty(fn, kCustomPromisifiedSymbol, {
value: fn, enumerable: false, writable: false, configurable: true
});
return fn;
}
function fn() {
var promiseResolve, promiseReject;
var promise = new Promise(function (resolve, reject) {
promiseResolve = resolve;
promiseReject = reject;
});
var args = [];
for (var i = 0; i < arguments.length; i++) {
args.push(arguments[i]);
}
args.push(function (err, value) {
if (err) {
promiseReject(err);
} else {
promiseResolve(value);
}
});
try {
original.apply(this, args);
} catch (err) {
promiseReject(err);
}
return promise;
}
Object.setPrototypeOf(fn, Object.getPrototypeOf(original));
if (kCustomPromisifiedSymbol) Object.defineProperty(fn, kCustomPromisifiedSymbol, {
value: fn, enumerable: false, writable: false, configurable: true
});
return Object.defineProperties(
fn,
getOwnPropertyDescriptors(original)
);
}
exports.promisify.custom = kCustomPromisifiedSymbol
function callbackifyOnRejected(reason, cb) {
// `!reason` guard inspired by bluebird (Ref: https://goo.gl/t5IS6M).
// Because `null` is a special error value in callbacks which means "no error
// occurred", we error-wrap so the callback consumer can distinguish between
// "the promise rejected with null" or "the promise fulfilled with undefined".
if (!reason) {
var newReason = new Error('Promise was rejected with a falsy value');
newReason.reason = reason;
reason = newReason;
}
return cb(reason);
}
function callbackify(original) {
if (typeof original !== 'function') {
throw new TypeError('The "original" argument must be of type Function');
}
// We DO NOT return the promise as it gives the user a false sense that
// the promise is actually somehow related to the callback's execution
// and that the callback throwing will reject the promise.
function callbackified() {
var args = [];
for (var i = 0; i < arguments.length; i++) {
args.push(arguments[i]);
}
var maybeCb = args.pop();
if (typeof maybeCb !== 'function') {
throw new TypeError('The last argument must be of type Function');
}
var self = this;
var cb = function() {
return maybeCb.apply(self, arguments);
};
// In true node style we process the callback on `nextTick` with all the
// implications (stack, `uncaughtException`, `async_hooks`)
original.apply(this, args)
.then(function(ret) { process.nextTick(cb.bind(null, null, ret)) },
function(rej) { process.nextTick(callbackifyOnRejected.bind(null, rej, cb)) });
}
Object.setPrototypeOf(callbackified, Object.getPrototypeOf(original));
Object.defineProperties(callbackified,
getOwnPropertyDescriptors(original));
return callbackified;
}
exports.callbackify = callbackify;
/***/ }),
/***/ 9208:
/***/ ((module, __unused_webpack_exports, __webpack_require__) => {
"use strict";
/* --------------------------------------------------------------------------------------------
* Copyright (c) Microsoft Corporation. All rights reserved.
* Licensed under the MIT License. See License.txt in the project root for license information.
* ----------------------------------------------------------------------------------------- */
module.exports = __webpack_require__(9110);
/***/ }),
/***/ 9110:
/***/ (function(__unused_webpack_module, exports, __webpack_require__) {
"use strict";
/* --------------------------------------------------------------------------------------------
* Copyright (c) Microsoft Corporation. All rights reserved.
* Licensed under the MIT License. See License.txt in the project root for license information.
* ------------------------------------------------------------------------------------------ */
var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
if (k2 === undefined) k2 = k;
var desc = Object.getOwnPropertyDescriptor(m, k);
if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
desc = { enumerable: true, get: function() { return m[k]; } };
}
Object.defineProperty(o, k2, desc);
}) : (function(o, m, k, k2) {
if (k2 === undefined) k2 = k;
o[k2] = m[k];
}));
var __exportStar = (this && this.__exportStar) || function(m, exports) {
for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
};
Object.defineProperty(exports, "__esModule", ({ value: true }));
exports.createMessageConnection = exports.BrowserMessageWriter = exports.BrowserMessageReader = void 0;
const ril_1 = __webpack_require__(3312);
// Install the browser runtime abstract.
ril_1.default.install();
const api_1 = __webpack_require__(7672);
__exportStar(__webpack_require__(7672), exports);
class BrowserMessageReader extends api_1.AbstractMessageReader {
constructor(port) {
super();
this._onData = new api_1.Emitter();
this._messageListener = (event) => {
this._onData.fire(event.data);
};
port.addEventListener('error', (event) => this.fireError(event));
port.onmessage = this._messageListener;
}
listen(callback) {
return this._onData.event(callback);
}
}
exports.BrowserMessageReader = BrowserMessageReader;
class BrowserMessageWriter extends api_1.AbstractMessageWriter {
constructor(port) {
super();
this.port = port;
this.errorCount = 0;
port.addEventListener('error', (event) => this.fireError(event));
}
write(msg) {
try {
this.port.postMessage(msg);
return Promise.resolve();
}
catch (error) {
this.handleError(error, msg);
return Promise.reject(error);
}
}
handleError(error, msg) {
this.errorCount++;
this.fireError(error, msg, this.errorCount);
}
end() {
}
}
exports.BrowserMessageWriter = BrowserMessageWriter;
function createMessageConnection(reader, writer, logger, options) {
if (logger === undefined) {
logger = api_1.NullLogger;
}
if (api_1.ConnectionStrategy.is(options)) {
options = { connectionStrategy: options };
}
return (0, api_1.createMessageConnection)(reader, writer, logger, options);
}
exports.createMessageConnection = createMessageConnection;
/***/ }),
/***/ 3312:
/***/ ((__unused_webpack_module, exports, __webpack_require__) => {
"use strict";
/* provided dependency */ var console = __webpack_require__(4364);
/* --------------------------------------------------------------------------------------------
* Copyright (c) Microsoft Corporation. All rights reserved.
* Licensed under the MIT License. See License.txt in the project root for license information.
* ------------------------------------------------------------------------------------------ */
Object.defineProperty(exports, "__esModule", ({ value: true }));
const api_1 = __webpack_require__(7672);
class MessageBuffer extends api_1.AbstractMessageBuffer {
constructor(encoding = 'utf-8') {
super(encoding);
this.asciiDecoder = new TextDecoder('ascii');
}
emptyBuffer() {
return MessageBuffer.emptyBuffer;
}
fromString(value, _encoding) {
return (new TextEncoder()).encode(value);
}
toString(value, encoding) {
if (encoding === 'ascii') {
return this.asciiDecoder.decode(value);
}
else {
return (new TextDecoder(encoding)).decode(value);
}
}
asNative(buffer, length) {
if (length === undefined) {
return buffer;
}
else {
return buffer.slice(0, length);
}
}
allocNative(length) {
return new Uint8Array(length);
}
}
MessageBuffer.emptyBuffer = new Uint8Array(0);
class ReadableStreamWrapper {
constructor(socket) {
this.socket = socket;
this._onData = new api_1.Emitter();
this._messageListener = (event) => {
const blob = event.data;
blob.arrayBuffer().then((buffer) => {
this._onData.fire(new Uint8Array(buffer));
}, () => {
(0, api_1.RAL)().console.error(`Converting blob to array buffer failed.`);
});
};
this.socket.addEventListener('message', this._messageListener);
}
onClose(listener) {
this.socket.addEventListener('close', listener);
return api_1.Disposable.create(() => this.socket.removeEventListener('close', listener));
}
onError(listener) {
this.socket.addEventListener('error', listener);
return api_1.Disposable.create(() => this.socket.removeEventListener('error', listener));
}
onEnd(listener) {
this.socket.addEventListener('end', listener);
return api_1.Disposable.create(() => this.socket.removeEventListener('end', listener));
}
onData(listener) {
return this._onData.event(listener);
}
}
class WritableStreamWrapper {
constructor(socket) {
this.socket = socket;
}
onClose(listener) {
this.socket.addEventListener('close', listener);
return api_1.Disposable.create(() => this.socket.removeEventListener('close', listener));
}
onError(listener) {
this.socket.addEventListener('error', listener);
return api_1.Disposable.create(() => this.socket.removeEventListener('error', listener));
}
onEnd(listener) {
this.socket.addEventListener('end', listener);
return api_1.Disposable.create(() => this.socket.removeEventListener('end', listener));
}
write(data, encoding) {
if (typeof data === 'string') {
if (encoding !== undefined && encoding !== 'utf-8') {
throw new Error(`In a Browser environments only utf-8 text encoding is supported. But got encoding: ${encoding}`);
}
this.socket.send(data);
}
else {
this.socket.send(data);
}
return Promise.resolve();
}
end() {
this.socket.close();
}
}
const _textEncoder = new TextEncoder();
const _ril = Object.freeze({
messageBuffer: Object.freeze({
create: (encoding) => new MessageBuffer(encoding)
}),
applicationJson: Object.freeze({
encoder: Object.freeze({
name: 'application/json',
encode: (msg, options) => {
if (options.charset !== 'utf-8') {
throw new Error(`In a Browser environments only utf-8 text encoding is supported. But got encoding: ${options.charset}`);
}
return Promise.resolve(_textEncoder.encode(JSON.stringify(msg, undefined, 0)));
}
}),
decoder: Object.freeze({
name: 'application/json',
decode: (buffer, options) => {
if (!(buffer instanceof Uint8Array)) {
throw new Error(`In a Browser environments only Uint8Arrays are supported.`);
}
return Promise.resolve(JSON.parse(new TextDecoder(options.charset).decode(buffer)));
}
})
}),
stream: Object.freeze({
asReadableStream: (socket) => new ReadableStreamWrapper(socket),
asWritableStream: (socket) => new WritableStreamWrapper(socket)
}),
console: console,
timer: Object.freeze({
setTimeout(callback, ms, ...args) {
const handle = setTimeout(callback, ms, ...args);
return { dispose: () => clearTimeout(handle) };
},
setImmediate(callback, ...args) {
const handle = setTimeout(callback, 0, ...args);
return { dispose: () => clearTimeout(handle) };
},
setInterval(callback, ms, ...args) {
const handle = setInterval(callback, ms, ...args);
return { dispose: () => clearInterval(handle) };
},
})
});
function RIL() {
return _ril;
}
(function (RIL) {
function install() {
api_1.RAL.install(_ril);
}
RIL.install = install;
})(RIL || (RIL = {}));
exports["default"] = RIL;
/***/ }),
/***/ 7672:
/***/ ((__unused_webpack_module, exports, __webpack_require__) => {
"use strict";
/* --------------------------------------------------------------------------------------------
* Copyright (c) Microsoft Corporation. All rights reserved.
* Licensed under the MIT License. See License.txt in the project root for license information.
* ------------------------------------------------------------------------------------------ */
/// <reference path="../../typings/thenable.d.ts" />
Object.defineProperty(exports, "__esModule", ({ value: true }));
exports.ProgressType = exports.ProgressToken = exports.createMessageConnection = exports.NullLogger = exports.ConnectionOptions = exports.ConnectionStrategy = exports.AbstractMessageBuffer = exports.WriteableStreamMessageWriter = exports.AbstractMessageWriter = exports.MessageWriter = exports.ReadableStreamMessageReader = exports.AbstractMessageReader = exports.MessageReader = exports.SharedArrayReceiverStrategy = exports.SharedArraySenderStrategy = exports.CancellationToken = exports.CancellationTokenSource = exports.Emitter = exports.Event = exports.Disposable = exports.LRUCache = exports.Touch = exports.LinkedMap = exports.ParameterStructures = exports.NotificationType9 = exports.NotificationType8 = exports.NotificationType7 = exports.NotificationType6 = exports.NotificationType5 = exports.NotificationType4 = exports.NotificationType3 = exports.NotificationType2 = exports.NotificationType1 = exports.NotificationType0 = exports.NotificationType = exports.ErrorCodes = exports.ResponseError = exports.RequestType9 = exports.RequestType8 = exports.RequestType7 = exports.RequestType6 = exports.RequestType5 = exports.RequestType4 = exports.RequestType3 = exports.RequestType2 = exports.RequestType1 = exports.RequestType0 = exports.RequestType = exports.Message = exports.RAL = void 0;
exports.MessageStrategy = exports.CancellationStrategy = exports.CancellationSenderStrategy = exports.CancellationReceiverStrategy = exports.ConnectionError = exports.ConnectionErrors = exports.LogTraceNotification = exports.SetTraceNotification = exports.TraceFormat = exports.TraceValues = exports.Trace = void 0;
const messages_1 = __webpack_require__(7162);
Object.defineProperty(exports, "Message", ({ enumerable: true, get: function () { return messages_1.Message; } }));
Object.defineProperty(exports, "RequestType", ({ enumerable: true, get: function () { return messages_1.RequestType; } }));
Object.defineProperty(exports, "RequestType0", ({ enumerable: true, get: function () { return messages_1.RequestType0; } }));
Object.defineProperty(exports, "RequestType1", ({ enumerable: true, get: function () { return messages_1.RequestType1; } }));
Object.defineProperty(exports, "RequestType2", ({ enumerable: true, get: function () { return messages_1.RequestType2; } }));
Object.defineProperty(exports, "RequestType3", ({ enumerable: true, get: function () { return messages_1.RequestType3; } }));
Object.defineProperty(exports, "RequestType4", ({ enumerable: true, get: function () { return messages_1.RequestType4; } }));
Object.defineProperty(exports, "RequestType5", ({ enumerable: true, get: function () { return messages_1.RequestType5; } }));
Object.defineProperty(exports, "RequestType6", ({ enumerable: true, get: function () { return messages_1.RequestType6; } }));
Object.defineProperty(exports, "RequestType7", ({ enumerable: true, get: function () { return messages_1.RequestType7; } }));
Object.defineProperty(exports, "RequestType8", ({ enumerable: true, get: function () { return messages_1.RequestType8; } }));
Object.defineProperty(exports, "RequestType9", ({ enumerable: true, get: function () { return messages_1.RequestType9; } }));
Object.defineProperty(exports, "ResponseError", ({ enumerable: true, get: function () { return messages_1.ResponseError; } }));
Object.defineProperty(exports, "ErrorCodes", ({ enumerable: true, get: function () { return messages_1.ErrorCodes; } }));
Object.defineProperty(exports, "NotificationType", ({ enumerable: true, get: function () { return messages_1.NotificationType; } }));
Object.defineProperty(exports, "NotificationType0", ({ enumerable: true, get: function () { return messages_1.NotificationType0; } }));
Object.defineProperty(exports, "NotificationType1", ({ enumerable: true, get: function () { return messages_1.NotificationType1; } }));
Object.defineProperty(exports, "NotificationType2", ({ enumerable: true, get: function () { return messages_1.NotificationType2; } }));
Object.defineProperty(exports, "NotificationType3", ({ enumerable: true, get: function () { return messages_1.NotificationType3; } }));
Object.defineProperty(exports, "NotificationType4", ({ enumerable: true, get: function () { return messages_1.NotificationType4; } }));
Object.defineProperty(exports, "NotificationType5", ({ enumerable: true, get: function () { return messages_1.NotificationType5; } }));
Object.defineProperty(exports, "NotificationType6", ({ enumerable: true, get: function () { return messages_1.NotificationType6; } }));
Object.defineProperty(exports, "NotificationType7", ({ enumerable: true, get: function () { return messages_1.NotificationType7; } }));
Object.defineProperty(exports, "NotificationType8", ({ enumerable: true, get: function () { return messages_1.NotificationType8; } }));
Object.defineProperty(exports, "NotificationType9", ({ enumerable: true, get: function () { return messages_1.NotificationType9; } }));
Object.defineProperty(exports, "ParameterStructures", ({ enumerable: true, get: function () { return messages_1.ParameterStructures; } }));
const linkedMap_1 = __webpack_require__(1109);
Object.defineProperty(exports, "LinkedMap", ({ enumerable: true, get: function () { return linkedMap_1.LinkedMap; } }));
Object.defineProperty(exports, "LRUCache", ({ enumerable: true, get: function () { return linkedMap_1.LRUCache; } }));
Object.defineProperty(exports, "Touch", ({ enumerable: true, get: function () { return linkedMap_1.Touch; } }));
const disposable_1 = __webpack_require__(8844);
Object.defineProperty(exports, "Disposable", ({ enumerable: true, get: function () { return disposable_1.Disposable; } }));
const events_1 = __webpack_require__(2479);
Object.defineProperty(exports, "Event", ({ enumerable: true, get: function () { return events_1.Event; } }));
Object.defineProperty(exports, "Emitter", ({ enumerable: true, get: function () { return events_1.Emitter; } }));
const cancellation_1 = __webpack_require__(6957);
Object.defineProperty(exports, "CancellationTokenSource", ({ enumerable: true, get: function () { return cancellation_1.CancellationTokenSource; } }));
Object.defineProperty(exports, "CancellationToken", ({ enumerable: true, get: function () { return cancellation_1.CancellationToken; } }));
const sharedArrayCancellation_1 = __webpack_require__(3489);
Object.defineProperty(exports, "SharedArraySenderStrategy", ({ enumerable: true, get: function () { return sharedArrayCancellation_1.SharedArraySenderStrategy; } }));
Object.defineProperty(exports, "SharedArrayReceiverStrategy", ({ enumerable: true, get: function () { return sharedArrayCancellation_1.SharedArrayReceiverStrategy; } }));
const messageReader_1 = __webpack_require__(656);
Object.defineProperty(exports, "MessageReader", ({ enumerable: true, get: function () { return messageReader_1.MessageReader; } }));
Object.defineProperty(exports, "AbstractMessageReader", ({ enumerable: true, get: function () { return messageReader_1.AbstractMessageReader; } }));
Object.defineProperty(exports, "ReadableStreamMessageReader", ({ enumerable: true, get: function () { return messageReader_1.ReadableStreamMessageReader; } }));
const messageWriter_1 = __webpack_require__(9036);
Object.defineProperty(exports, "MessageWriter", ({ enumerable: true, get: function () { return messageWriter_1.MessageWriter; } }));
Object.defineProperty(exports, "AbstractMessageWriter", ({ enumerable: true, get: function () { return messageWriter_1.AbstractMessageWriter; } }));
Object.defineProperty(exports, "WriteableStreamMessageWriter", ({ enumerable: true, get: function () { return messageWriter_1.WriteableStreamMessageWriter; } }));
const messageBuffer_1 = __webpack_require__(9805);
Object.defineProperty(exports, "AbstractMessageBuffer", ({ enumerable: true, get: function () { return messageBuffer_1.AbstractMessageBuffer; } }));
const connection_1 = __webpack_require__(4054);
Object.defineProperty(exports, "ConnectionStrategy", ({ enumerable: true, get: function () { return connection_1.ConnectionStrategy; } }));
Object.defineProperty(exports, "ConnectionOptions", ({ enumerable: true, get: function () { return connection_1.ConnectionOptions; } }));
Object.defineProperty(exports, "NullLogger", ({ enumerable: true, get: function () { return connection_1.NullLogger; } }));
Object.defineProperty(exports, "createMessageConnection", ({ enumerable: true, get: function () { return connection_1.createMessageConnection; } }));
Object.defineProperty(exports, "ProgressToken", ({ enumerable: true, get: function () { return connection_1.ProgressToken; } }));
Object.defineProperty(exports, "ProgressType", ({ enumerable: true, get: function () { return connection_1.ProgressType; } }));
Object.defineProperty(exports, "Trace", ({ enumerable: true, get: function () { return connection_1.Trace; } }));
Object.defineProperty(exports, "TraceValues", ({ enumerable: true, get: function () { return connection_1.TraceValues; } }));
Object.defineProperty(exports, "TraceFormat", ({ enumerable: true, get: function () { return connection_1.TraceFormat; } }));
Object.defineProperty(exports, "SetTraceNotification", ({ enumerable: true, get: function () { return connection_1.SetTraceNotification; } }));
Object.defineProperty(exports, "LogTraceNotification", ({ enumerable: true, get: function () { return connection_1.LogTraceNotification; } }));
Object.defineProperty(exports, "ConnectionErrors", ({ enumerable: true, get: function () { return connection_1.ConnectionErrors; } }));
Object.defineProperty(exports, "ConnectionError", ({ enumerable: true, get: function () { return connection_1.ConnectionError; } }));
Object.defineProperty(exports, "CancellationReceiverStrategy", ({ enumerable: true, get: function () { return connection_1.CancellationReceiverStrategy; } }));
Object.defineProperty(exports, "CancellationSenderStrategy", ({ enumerable: true, get: function () { return connection_1.CancellationSenderStrategy; } }));
Object.defineProperty(exports, "CancellationStrategy", ({ enumerable: true, get: function () { return connection_1.CancellationStrategy; } }));
Object.defineProperty(exports, "MessageStrategy", ({ enumerable: true, get: function () { return connection_1.MessageStrategy; } }));
const ral_1 = __webpack_require__(5091);
exports.RAL = ral_1.default;
/***/ }),
/***/ 6957:
/***/ ((__unused_webpack_module, exports, __webpack_require__) => {
"use strict";
/*---------------------------------------------------------------------------------------------
* Copyright (c) Microsoft Corporation. All rights reserved.
* Licensed under the MIT License. See License.txt in the project root for license information.
*--------------------------------------------------------------------------------------------*/
Object.defineProperty(exports, "__esModule", ({ value: true }));
exports.CancellationTokenSource = exports.CancellationToken = void 0;
const ral_1 = __webpack_require__(5091);
const Is = __webpack_require__(6618);
const events_1 = __webpack_require__(2479);
var CancellationToken;
(function (CancellationToken) {
CancellationToken.None = Object.freeze({
isCancellationRequested: false,
onCancellationRequested: events_1.Event.None
});
CancellationToken.Cancelled = Object.freeze({
isCancellationRequested: true,
onCancellationRequested: events_1.Event.None
});
function is(value) {
const candidate = value;
return candidate && (candidate === CancellationToken.None
|| candidate === CancellationToken.Cancelled
|| (Is.boolean(candidate.isCancellationRequested) && !!candidate.onCancellationRequested));
}
CancellationToken.is = is;
})(CancellationToken = exports.CancellationToken || (exports.CancellationToken = {}));
const shortcutEvent = Object.freeze(function (callback, context) {
const handle = (0, ral_1.default)().timer.setTimeout(callback.bind(context), 0);
return { dispose() { handle.dispose(); } };
});
class MutableToken {
constructor() {
this._isCancelled = false;
}
cancel() {
if (!this._isCancelled) {
this._isCancelled = true;
if (this._emitter) {
this._emitter.fire(undefined);
this.dispose();
}
}
}
get isCancellationRequested() {
return this._isCancelled;
}
get onCancellationRequested() {
if (this._isCancelled) {
return shortcutEvent;
}
if (!this._emitter) {
this._emitter = new events_1.Emitter();
}
return this._emitter.event;
}
dispose() {
if (this._emitter) {
this._emitter.dispose();
this._emitter = undefined;
}
}
}
class CancellationTokenSource {
get token() {
if (!this._token) {
// be lazy and create the token only when
// actually needed
this._token = new MutableToken();
}
return this._token;
}
cancel() {
if (!this._token) {
// save an object by returning the default
// cancelled token when cancellation happens
// before someone asks for the token
this._token = CancellationToken.Cancelled;
}
else {
this._token.cancel();
}
}
dispose() {
if (!this._token) {
// ensure to initialize with an empty token if we had none
this._token = CancellationToken.None;
}
else if (this._token instanceof MutableToken) {
// actually dispose
this._token.dispose();
}
}
}
exports.CancellationTokenSource = CancellationTokenSource;
/***/ }),
/***/ 4054:
/***/ ((__unused_webpack_module, exports, __webpack_require__) => {
"use strict";
/* --------------------------------------------------------------------------------------------
* Copyright (c) Microsoft Corporation. All rights reserved.
* Licensed under the MIT License. See License.txt in the project root for license information.
* ------------------------------------------------------------------------------------------ */
Object.defineProperty(exports, "__esModule", ({ value: true }));
exports.createMessageConnection = exports.ConnectionOptions = exports.MessageStrategy = exports.CancellationStrategy = exports.CancellationSenderStrategy = exports.CancellationReceiverStrategy = exports.RequestCancellationReceiverStrategy = exports.IdCancellationReceiverStrategy = exports.ConnectionStrategy = exports.ConnectionError = exports.ConnectionErrors = exports.LogTraceNotification = exports.SetTraceNotification = exports.TraceFormat = exports.TraceValues = exports.Trace = exports.NullLogger = exports.ProgressType = exports.ProgressToken = void 0;
const ral_1 = __webpack_require__(5091);
const Is = __webpack_require__(6618);
const messages_1 = __webpack_require__(7162);
const linkedMap_1 = __webpack_require__(1109);
const events_1 = __webpack_require__(2479);
const cancellation_1 = __webpack_require__(6957);
var CancelNotification;
(function (CancelNotification) {
CancelNotification.type = new messages_1.NotificationType('$/cancelRequest');
})(CancelNotification || (CancelNotification = {}));
var ProgressToken;
(function (ProgressToken) {
function is(value) {
return typeof value === 'string' || typeof value === 'number';
}
ProgressToken.is = is;
})(ProgressToken = exports.ProgressToken || (exports.ProgressToken = {}));
var ProgressNotification;
(function (ProgressNotification) {
ProgressNotification.type = new messages_1.NotificationType('$/progress');
})(ProgressNotification || (ProgressNotification = {}));
class ProgressType {
constructor() {
}
}
exports.ProgressType = ProgressType;
var StarRequestHandler;
(function (StarRequestHandler) {
function is(value) {
return Is.func(value);
}
StarRequestHandler.is = is;
})(StarRequestHandler || (StarRequestHandler = {}));
exports.NullLogger = Object.freeze({
error: () => { },
warn: () => { },
info: () => { },
log: () => { }
});
var Trace;
(function (Trace) {
Trace[Trace["Off"] = 0] = "Off";
Trace[Trace["Messages"] = 1] = "Messages";
Trace[Trace["Compact"] = 2] = "Compact";
Trace[Trace["Verbose"] = 3] = "Verbose";
})(Trace = exports.Trace || (exports.Trace = {}));
var TraceValues;
(function (TraceValues) {
/**
* Turn tracing off.
*/
TraceValues.Off = 'off';
/**
* Trace messages only.
*/
TraceValues.Messages = 'messages';
/**
* Compact message tracing.
*/
TraceValues.Compact = 'compact';
/**
* Verbose message tracing.
*/
TraceValues.Verbose = 'verbose';
})(TraceValues = exports.TraceValues || (exports.TraceValues = {}));
(function (Trace) {
function fromString(value) {
if (!Is.string(value)) {
return Trace.Off;
}
value = value.toLowerCase();
switch (value) {
case 'off':
return Trace.Off;
case 'messages':
return Trace.Messages;
case 'compact':
return Trace.Compact;
case 'verbose':
return Trace.Verbose;
default:
return Trace.Off;
}
}
Trace.fromString = fromString;
function toString(value) {
switch (value) {
case Trace.Off:
return 'off';
case Trace.Messages:
return 'messages';
case Trace.Compact:
return 'compact';
case Trace.Verbose:
return 'verbose';
default:
return 'off';
}
}
Trace.toString = toString;
})(Trace = exports.Trace || (exports.Trace = {}));
var TraceFormat;
(function (TraceFormat) {
TraceFormat["Text"] = "text";
TraceFormat["JSON"] = "json";
})(TraceFormat = exports.TraceFormat || (exports.TraceFormat = {}));
(function (TraceFormat) {
function fromString(value) {
if (!Is.string(value)) {
return TraceFormat.Text;
}
value = value.toLowerCase();
if (value === 'json') {
return TraceFormat.JSON;
}
else {
return TraceFormat.Text;
}
}
TraceFormat.fromString = fromString;
})(TraceFormat = exports.TraceFormat || (exports.TraceFormat = {}));
var SetTraceNotification;
(function (SetTraceNotification) {
SetTraceNotification.type = new messages_1.NotificationType('$/setTrace');
})(SetTraceNotification = exports.SetTraceNotification || (exports.SetTraceNotification = {}));
var LogTraceNotification;
(function (LogTraceNotification) {
LogTraceNotification.type = new messages_1.NotificationType('$/logTrace');
})(LogTraceNotification = exports.LogTraceNotification || (exports.LogTraceNotification = {}));
var ConnectionErrors;
(function (ConnectionErrors) {
/**
* The connection is closed.
*/
ConnectionErrors[ConnectionErrors["Closed"] = 1] = "Closed";
/**
* The connection got disposed.
*/
ConnectionErrors[ConnectionErrors["Disposed"] = 2] = "Disposed";
/**
* The connection is already in listening mode.
*/
ConnectionErrors[ConnectionErrors["AlreadyListening"] = 3] = "AlreadyListening";
})(ConnectionErrors = exports.ConnectionErrors || (exports.ConnectionErrors = {}));
class ConnectionError extends Error {
constructor(code, message) {
super(message);
this.code = code;
Object.setPrototypeOf(this, ConnectionError.prototype);
}
}
exports.ConnectionError = ConnectionError;
var ConnectionStrategy;
(function (ConnectionStrategy) {
function is(value) {
const candidate = value;
return candidate && Is.func(candidate.cancelUndispatched);
}
ConnectionStrategy.is = is;
})(ConnectionStrategy = exports.ConnectionStrategy || (exports.ConnectionStrategy = {}));
var IdCancellationReceiverStrategy;
(function (IdCancellationReceiverStrategy) {
function is(value) {
const candidate = value;
return candidate && (candidate.kind === undefined || candidate.kind === 'id') && Is.func(candidate.createCancellationTokenSource) && (candidate.dispose === undefined || Is.func(candidate.dispose));
}
IdCancellationReceiverStrategy.is = is;
})(IdCancellationReceiverStrategy = exports.IdCancellationReceiverStrategy || (exports.IdCancellationReceiverStrategy = {}));
var RequestCancellationReceiverStrategy;
(function (RequestCancellationReceiverStrategy) {
function is(value) {
const candidate = value;
return candidate && candidate.kind === 'request' && Is.func(candidate.createCancellationTokenSource) && (candidate.dispose === undefined || Is.func(candidate.dispose));
}
RequestCancellationReceiverStrategy.is = is;
})(RequestCancellationReceiverStrategy = exports.RequestCancellationReceiverStrategy || (exports.RequestCancellationReceiverStrategy = {}));
var CancellationReceiverStrategy;
(function (CancellationReceiverStrategy) {
CancellationReceiverStrategy.Message = Object.freeze({
createCancellationTokenSource(_) {
return new cancellation_1.CancellationTokenSource();
}
});
function is(value) {
return IdCancellationReceiverStrategy.is(value) || RequestCancellationReceiverStrategy.is(value);
}
CancellationReceiverStrategy.is = is;
})(CancellationReceiverStrategy = exports.CancellationReceiverStrategy || (exports.CancellationReceiverStrategy = {}));
var CancellationSenderStrategy;
(function (CancellationSenderStrategy) {
CancellationSenderStrategy.Message = Object.freeze({
sendCancellation(conn, id) {
return conn.sendNotification(CancelNotification.type, { id });
},
cleanup(_) { }
});
function is(value) {
const candidate = value;
return candidate && Is.func(candidate.sendCancellation) && Is.func(candidate.cleanup);
}
CancellationSenderStrategy.is = is;
})(CancellationSenderStrategy = exports.CancellationSenderStrategy || (exports.CancellationSenderStrategy = {}));
var CancellationStrategy;
(function (CancellationStrategy) {
CancellationStrategy.Message = Object.freeze({
receiver: CancellationReceiverStrategy.Message,
sender: CancellationSenderStrategy.Message
});
function is(value) {
const candidate = value;
return candidate && CancellationReceiverStrategy.is(candidate.receiver) && CancellationSenderStrategy.is(candidate.sender);
}
CancellationStrategy.is = is;
})(CancellationStrategy = exports.CancellationStrategy || (exports.CancellationStrategy = {}));
var MessageStrategy;
(function (MessageStrategy) {
function is(value) {
const candidate = value;
return candidate && Is.func(candidate.handleMessage);
}
MessageStrategy.is = is;
})(MessageStrategy = exports.MessageStrategy || (exports.MessageStrategy = {}));
var ConnectionOptions;
(function (ConnectionOptions) {
function is(value) {
const candidate = value;
return candidate && (CancellationStrategy.is(candidate.cancellationStrategy) || ConnectionStrategy.is(candidate.connectionStrategy) || MessageStrategy.is(candidate.messageStrategy));
}
ConnectionOptions.is = is;
})(ConnectionOptions = exports.ConnectionOptions || (exports.ConnectionOptions = {}));
var ConnectionState;
(function (ConnectionState) {
ConnectionState[ConnectionState["New"] = 1] = "New";
ConnectionState[ConnectionState["Listening"] = 2] = "Listening";
ConnectionState[ConnectionState["Closed"] = 3] = "Closed";
ConnectionState[ConnectionState["Disposed"] = 4] = "Disposed";
})(ConnectionState || (ConnectionState = {}));
function createMessageConnection(messageReader, messageWriter, _logger, options) {
const logger = _logger !== undefined ? _logger : exports.NullLogger;
let sequenceNumber = 0;
let notificationSequenceNumber = 0;
let unknownResponseSequenceNumber = 0;
const version = '2.0';
let starRequestHandler = undefined;
const requestHandlers = new Map();
let starNotificationHandler = undefined;
const notificationHandlers = new Map();
const progressHandlers = new Map();
let timer;
let messageQueue = new linkedMap_1.LinkedMap();
let responsePromises = new Map();
let knownCanceledRequests = new Set();
let requestTokens = new Map();
let trace = Trace.Off;
let traceFormat = TraceFormat.Text;
let tracer;
let state = ConnectionState.New;
const errorEmitter = new events_1.Emitter();
const closeEmitter = new events_1.Emitter();
const unhandledNotificationEmitter = new events_1.Emitter();
const unhandledProgressEmitter = new events_1.Emitter();
const disposeEmitter = new events_1.Emitter();
const cancellationStrategy = (options && options.cancellationStrategy) ? options.cancellationStrategy : CancellationStrategy.Message;
function createRequestQueueKey(id) {
if (id === null) {
throw new Error(`Can't send requests with id null since the response can't be correlated.`);
}
return 'req-' + id.toString();
}
function createResponseQueueKey(id) {
if (id === null) {
return 'res-unknown-' + (++unknownResponseSequenceNumber).toString();
}
else {
return 'res-' + id.toString();
}
}
function createNotificationQueueKey() {
return 'not-' + (++notificationSequenceNumber).toString();
}
function addMessageToQueue(queue, message) {
if (messages_1.Message.isRequest(message)) {
queue.set(createRequestQueueKey(message.id), message);
}
else if (messages_1.Message.isResponse(message)) {
queue.set(createResponseQueueKey(message.id), message);
}
else {
queue.set(createNotificationQueueKey(), message);
}
}
function cancelUndispatched(_message) {
return undefined;
}
function isListening() {
return state === ConnectionState.Listening;
}
function isClosed() {
return state === ConnectionState.Closed;
}
function isDisposed() {
return state === ConnectionState.Disposed;
}
function closeHandler() {
if (state === ConnectionState.New || state === ConnectionState.Listening) {
state = ConnectionState.Closed;
closeEmitter.fire(undefined);
}
// If the connection is disposed don't sent close events.
}
function readErrorHandler(error) {
errorEmitter.fire([error, undefined, undefined]);
}
function writeErrorHandler(data) {
errorEmitter.fire(data);
}
messageReader.onClose(closeHandler);
messageReader.onError(readErrorHandler);
messageWriter.onClose(closeHandler);
messageWriter.onError(writeErrorHandler);
function triggerMessageQueue() {
if (timer || messageQueue.size === 0) {
return;
}
timer = (0, ral_1.default)().timer.setImmediate(() => {
timer = undefined;
processMessageQueue();
});
}
function handleMessage(message) {
if (messages_1.Message.isRequest(message)) {
handleRequest(message);
}
else if (messages_1.Message.isNotification(message)) {
handleNotification(message);
}
else if (messages_1.Message.isResponse(message)) {
handleResponse(message);
}
else {
handleInvalidMessage(message);
}
}
function processMessageQueue() {
if (messageQueue.size === 0) {
return;
}
const message = messageQueue.shift();
try {
const messageStrategy = options?.messageStrategy;
if (MessageStrategy.is(messageStrategy)) {
messageStrategy.handleMessage(message, handleMessage);
}
else {
handleMessage(message);
}
}
finally {
triggerMessageQueue();
}
}
const callback = (message) => {
try {
// We have received a cancellation message. Check if the message is still in the queue
// and cancel it if allowed to do so.
if (messages_1.Message.isNotification(message) && message.method === CancelNotification.type.method) {
const cancelId = message.params.id;
const key = createRequestQueueKey(cancelId);
const toCancel = messageQueue.get(key);
if (messages_1.Message.isRequest(toCancel)) {
const strategy = options?.connectionStrategy;
const response = (strategy && strategy.cancelUndispatched) ? strategy.cancelUndispatched(toCancel, cancelUndispatched) : cancelUndispatched(toCancel);
if (response && (response.error !== undefined || response.result !== undefined)) {
messageQueue.delete(key);
requestTokens.delete(cancelId);
response.id = toCancel.id;
traceSendingResponse(response, message.method, Date.now());
messageWriter.write(response).catch(() => logger.error(`Sending response for canceled message failed.`));
return;
}
}
const cancellationToken = requestTokens.get(cancelId);
// The request is already running. Cancel the token
if (cancellationToken !== undefined) {
cancellationToken.cancel();
traceReceivedNotification(message);
return;
}
else {
// Remember the cancel but still queue the message to
// clean up state in process message.
knownCanceledRequests.add(cancelId);
}
}
addMessageToQueue(messageQueue, message);
}
finally {
triggerMessageQueue();
}
};
function handleRequest(requestMessage) {
if (isDisposed()) {
// we return here silently since we fired an event when the
// connection got disposed.
return;
}
function reply(resultOrError, method, startTime) {
const message = {
jsonrpc: version,
id: requestMessage.id
};
if (resultOrError instanceof messages_1.ResponseError) {
message.error = resultOrError.toJson();
}
else {
message.result = resultOrError === undefined ? null : resultOrError;
}
traceSendingResponse(message, method, startTime);
messageWriter.write(message).catch(() => logger.error(`Sending response failed.`));
}
function replyError(error, method, startTime) {
const message = {
jsonrpc: version,
id: requestMessage.id,
error: error.toJson()
};
traceSendingResponse(message, method, startTime);
messageWriter.write(message).catch(() => logger.error(`Sending response failed.`));
}
function replySuccess(result, method, startTime) {
// The JSON RPC defines that a response must either have a result or an error
// So we can't treat undefined as a valid response result.
if (result === undefined) {
result = null;
}
const message = {
jsonrpc: version,
id: requestMessage.id,
result: result
};
traceSendingResponse(message, method, startTime);
messageWriter.write(message).catch(() => logger.error(`Sending response failed.`));
}
traceReceivedRequest(requestMessage);
const element = requestHandlers.get(requestMessage.method);
let type;
let requestHandler;
if (element) {
type = element.type;
requestHandler = element.handler;
}
const startTime = Date.now();
if (requestHandler || starRequestHandler) {
const tokenKey = requestMessage.id ?? String(Date.now()); //
const cancellationSource = IdCancellationReceiverStrategy.is(cancellationStrategy.receiver)
? cancellationStrategy.receiver.createCancellationTokenSource(tokenKey)
: cancellationStrategy.receiver.createCancellationTokenSource(requestMessage);
if (requestMessage.id !== null && knownCanceledRequests.has(requestMessage.id)) {
cancellationSource.cancel();
}
if (requestMessage.id !== null) {
requestTokens.set(tokenKey, cancellationSource);
}
try {
let handlerResult;
if (requestHandler) {
if (requestMessage.params === undefined) {
if (type !== undefined && type.numberOfParams !== 0) {
replyError(new messages_1.ResponseError(messages_1.ErrorCodes.InvalidParams, `Request ${requestMessage.method} defines ${type.numberOfParams} params but received none.`), requestMessage.method, startTime);
return;
}
handlerResult = requestHandler(cancellationSource.token);
}
else if (Array.isArray(requestMessage.params)) {
if (type !== undefined && type.parameterStructures === messages_1.ParameterStructures.byName) {
replyError(new messages_1.ResponseError(messages_1.ErrorCodes.InvalidParams, `Request ${requestMessage.method} defines parameters by name but received parameters by position`), requestMessage.method, startTime);
return;
}
handlerResult = requestHandler(...requestMessage.params, cancellationSource.token);
}
else {
if (type !== undefined && type.parameterStructures === messages_1.ParameterStructures.byPosition) {
replyError(new messages_1.ResponseError(messages_1.ErrorCodes.InvalidParams, `Request ${requestMessage.method} defines parameters by position but received parameters by name`), requestMessage.method, startTime);
return;
}
handlerResult = requestHandler(requestMessage.params, cancellationSource.token);
}
}
else if (starRequestHandler) {
handlerResult = starRequestHandler(requestMessage.method, requestMessage.params, cancellationSource.token);
}
const promise = handlerResult;
if (!handlerResult) {
requestTokens.delete(tokenKey);
replySuccess(handlerResult, requestMessage.method, startTime);
}
else if (promise.then) {
promise.then((resultOrError) => {
requestTokens.delete(tokenKey);
reply(resultOrError, requestMessage.method, startTime);
}, error => {
requestTokens.delete(tokenKey);
if (error instanceof messages_1.ResponseError) {
replyError(error, requestMessage.method, startTime);
}
else if (error && Is.string(error.message)) {
replyError(new messages_1.ResponseError(messages_1.ErrorCodes.InternalError, `Request ${requestMessage.method} failed with message: ${error.message}`), requestMessage.method, startTime);
}
else {
replyError(new messages_1.ResponseError(messages_1.ErrorCodes.InternalError, `Request ${requestMessage.method} failed unexpectedly without providing any details.`), requestMessage.method, startTime);
}
});
}
else {
requestTokens.delete(tokenKey);
reply(handlerResult, requestMessage.method, startTime);
}
}
catch (error) {
requestTokens.delete(tokenKey);
if (error instanceof messages_1.ResponseError) {
reply(error, requestMessage.method, startTime);
}
else if (error && Is.string(error.message)) {
replyError(new messages_1.ResponseError(messages_1.ErrorCodes.InternalError, `Request ${requestMessage.method} failed with message: ${error.message}`), requestMessage.method, startTime);
}
else {
replyError(new messages_1.ResponseError(messages_1.ErrorCodes.InternalError, `Request ${requestMessage.method} failed unexpectedly without providing any details.`), requestMessage.method, startTime);
}
}
}
else {
replyError(new messages_1.ResponseError(messages_1.ErrorCodes.MethodNotFound, `Unhandled method ${requestMessage.method}`), requestMessage.method, startTime);
}
}
function handleResponse(responseMessage) {
if (isDisposed()) {
// See handle request.
return;
}
if (responseMessage.id === null) {
if (responseMessage.error) {
logger.error(`Received response message without id: Error is: \n${JSON.stringify(responseMessage.error, undefined, 4)}`);
}
else {
logger.error(`Received response message without id. No further error information provided.`);
}
}
else {
const key = responseMessage.id;
const responsePromise = responsePromises.get(key);
traceReceivedResponse(responseMessage, responsePromise);
if (responsePromise !== undefined) {
responsePromises.delete(key);
try {
if (responseMessage.error) {
const error = responseMessage.error;
responsePromise.reject(new messages_1.ResponseError(error.code, error.message, error.data));
}
else if (responseMessage.result !== undefined) {
responsePromise.resolve(responseMessage.result);
}
else {
throw new Error('Should never happen.');
}
}
catch (error) {
if (error.message) {
logger.error(`Response handler '${responsePromise.method}' failed with message: ${error.message}`);
}
else {
logger.error(`Response handler '${responsePromise.method}' failed unexpectedly.`);
}
}
}
}
}
function handleNotification(message) {
if (isDisposed()) {
// See handle request.
return;
}
let type = undefined;
let notificationHandler;
if (message.method === CancelNotification.type.method) {
const cancelId = message.params.id;
knownCanceledRequests.delete(cancelId);
traceReceivedNotification(message);
return;
}
else {
const element = notificationHandlers.get(message.method);
if (element) {
notificationHandler = element.handler;
type = element.type;
}
}
if (notificationHandler || starNotificationHandler) {
try {
traceReceivedNotification(message);
if (notificationHandler) {
if (message.params === undefined) {
if (type !== undefined) {
if (type.numberOfParams !== 0 && type.parameterStructures !== messages_1.ParameterStructures.byName) {
logger.error(`Notification ${message.method} defines ${type.numberOfParams} params but received none.`);
}
}
notificationHandler();
}
else if (Array.isArray(message.params)) {
// There are JSON-RPC libraries that send progress message as positional params although
// specified as named. So convert them if this is the case.
const params = message.params;
if (message.method === ProgressNotification.type.method && params.length === 2 && ProgressToken.is(params[0])) {
notificationHandler({ token: params[0], value: params[1] });
}
else {
if (type !== undefined) {
if (type.parameterStructures === messages_1.ParameterStructures.byName) {
logger.error(`Notification ${message.method} defines parameters by name but received parameters by position`);
}
if (type.numberOfParams !== message.params.length) {
logger.error(`Notification ${message.method} defines ${type.numberOfParams} params but received ${params.length} arguments`);
}
}
notificationHandler(...params);
}
}
else {
if (type !== undefined && type.parameterStructures === messages_1.ParameterStructures.byPosition) {
logger.error(`Notification ${message.method} defines parameters by position but received parameters by name`);
}
notificationHandler(message.params);
}
}
else if (starNotificationHandler) {
starNotificationHandler(message.method, message.params);
}
}
catch (error) {
if (error.message) {
logger.error(`Notification handler '${message.method}' failed with message: ${error.message}`);
}
else {
logger.error(`Notification handler '${message.method}' failed unexpectedly.`);
}
}
}
else {
unhandledNotificationEmitter.fire(message);
}
}
function handleInvalidMessage(message) {
if (!message) {
logger.error('Received empty message.');
return;
}
logger.error(`Received message which is neither a response nor a notification message:\n${JSON.stringify(message, null, 4)}`);
// Test whether we find an id to reject the promise
const responseMessage = message;
if (Is.string(responseMessage.id) || Is.number(responseMessage.id)) {
const key = responseMessage.id;
const responseHandler = responsePromises.get(key);
if (responseHandler) {
responseHandler.reject(new Error('The received response has neither a result nor an error property.'));
}
}
}
function stringifyTrace(params) {
if (params === undefined || params === null) {
return undefined;
}
switch (trace) {
case Trace.Verbose:
return JSON.stringify(params, null, 4);
case Trace.Compact:
return JSON.stringify(params);
default:
return undefined;
}
}
function traceSendingRequest(message) {
if (trace === Trace.Off || !tracer) {
return;
}
if (traceFormat === TraceFormat.Text) {
let data = undefined;
if ((trace === Trace.Verbose || trace === Trace.Compact) && message.params) {
data = `Params: ${stringifyTrace(message.params)}\n\n`;
}
tracer.log(`Sending request '${message.method} - (${message.id})'.`, data);
}
else {
logLSPMessage('send-request', message);
}
}
function traceSendingNotification(message) {
if (trace === Trace.Off || !tracer) {
return;
}
if (traceFormat === TraceFormat.Text) {
let data = undefined;
if (trace === Trace.Verbose || trace === Trace.Compact) {
if (message.params) {
data = `Params: ${stringifyTrace(message.params)}\n\n`;
}
else {
data = 'No parameters provided.\n\n';
}
}
tracer.log(`Sending notification '${message.method}'.`, data);
}
else {
logLSPMessage('send-notification', message);
}
}
function traceSendingResponse(message, method, startTime) {
if (trace === Trace.Off || !tracer) {
return;
}
if (traceFormat === TraceFormat.Text) {
let data = undefined;
if (trace === Trace.Verbose || trace === Trace.Compact) {
if (message.error && message.error.data) {
data = `Error data: ${stringifyTrace(message.error.data)}\n\n`;
}
else {
if (message.result) {
data = `Result: ${stringifyTrace(message.result)}\n\n`;
}
else if (message.error === undefined) {
data = 'No result returned.\n\n';
}
}
}
tracer.log(`Sending response '${method} - (${message.id})'. Processing request took ${Date.now() - startTime}ms`, data);
}
else {
logLSPMessage('send-response', message);
}
}
function traceReceivedRequest(message) {
if (trace === Trace.Off || !tracer) {
return;
}
if (traceFormat === TraceFormat.Text) {
let data = undefined;
if ((trace === Trace.Verbose || trace === Trace.Compact) && message.params) {
data = `Params: ${stringifyTrace(message.params)}\n\n`;
}
tracer.log(`Received request '${message.method} - (${message.id})'.`, data);
}
else {
logLSPMessage('receive-request', message);
}
}
function traceReceivedNotification(message) {
if (trace === Trace.Off || !tracer || message.method === LogTraceNotification.type.method) {
return;
}
if (traceFormat === TraceFormat.Text) {
let data = undefined;
if (trace === Trace.Verbose || trace === Trace.Compact) {
if (message.params) {
data = `Params: ${stringifyTrace(message.params)}\n\n`;
}
else {
data = 'No parameters provided.\n\n';
}
}
tracer.log(`Received notification '${message.method}'.`, data);
}
else {
logLSPMessage('receive-notification', message);
}
}
function traceReceivedResponse(message, responsePromise) {
if (trace === Trace.Off || !tracer) {
return;
}
if (traceFormat === TraceFormat.Text) {
let data = undefined;
if (trace === Trace.Verbose || trace === Trace.Compact) {
if (message.error && message.error.data) {
data = `Error data: ${stringifyTrace(message.error.data)}\n\n`;
}
else {
if (message.result) {
data = `Result: ${stringifyTrace(message.result)}\n\n`;
}
else if (message.error === undefined) {
data = 'No result returned.\n\n';
}
}
}
if (responsePromise) {
const error = message.error ? ` Request failed: ${message.error.message} (${message.error.code}).` : '';
tracer.log(`Received response '${responsePromise.method} - (${message.id})' in ${Date.now() - responsePromise.timerStart}ms.${error}`, data);
}
else {
tracer.log(`Received response ${message.id} without active response promise.`, data);
}
}
else {
logLSPMessage('receive-response', message);
}
}
function logLSPMessage(type, message) {
if (!tracer || trace === Trace.Off) {
return;
}
const lspMessage = {
isLSPMessage: true,
type,
message,
timestamp: Date.now()
};
tracer.log(lspMessage);
}
function throwIfClosedOrDisposed() {
if (isClosed()) {
throw new ConnectionError(ConnectionErrors.Closed, 'Connection is closed.');
}
if (isDisposed()) {
throw new ConnectionError(ConnectionErrors.Disposed, 'Connection is disposed.');
}
}
function throwIfListening() {
if (isListening()) {
throw new ConnectionError(ConnectionErrors.AlreadyListening, 'Connection is already listening');
}
}
function throwIfNotListening() {
if (!isListening()) {
throw new Error('Call listen() first.');
}
}
function undefinedToNull(param) {
if (param === undefined) {
return null;
}
else {
return param;
}
}
function nullToUndefined(param) {
if (param === null) {
return undefined;
}
else {
return param;
}
}
function isNamedParam(param) {
return param !== undefined && param !== null && !Array.isArray(param) && typeof param === 'object';
}
function computeSingleParam(parameterStructures, param) {
switch (parameterStructures) {
case messages_1.ParameterStructures.auto:
if (isNamedParam(param)) {
return nullToUndefined(param);
}
else {
return [undefinedToNull(param)];
}
case messages_1.ParameterStructures.byName:
if (!isNamedParam(param)) {
throw new Error(`Received parameters by name but param is not an object literal.`);
}
return nullToUndefined(param);
case messages_1.ParameterStructures.byPosition:
return [undefinedToNull(param)];
default:
throw new Error(`Unknown parameter structure ${parameterStructures.toString()}`);
}
}
function computeMessageParams(type, params) {
let result;
const numberOfParams = type.numberOfParams;
switch (numberOfParams) {
case 0:
result = undefined;
break;
case 1:
result = computeSingleParam(type.parameterStructures, params[0]);
break;
default:
result = [];
for (let i = 0; i < params.length && i < numberOfParams; i++) {
result.push(undefinedToNull(params[i]));
}
if (params.length < numberOfParams) {
for (let i = params.length; i < numberOfParams; i++) {
result.push(null);
}
}
break;
}
return result;
}
const connection = {
sendNotification: (type, ...args) => {
throwIfClosedOrDisposed();
let method;
let messageParams;
if (Is.string(type)) {
method = type;
const first = args[0];
let paramStart = 0;
let parameterStructures = messages_1.ParameterStructures.auto;
if (messages_1.ParameterStructures.is(first)) {
paramStart = 1;
parameterStructures = first;
}
let paramEnd = args.length;
const numberOfParams = paramEnd - paramStart;
switch (numberOfParams) {
case 0:
messageParams = undefined;
break;
case 1:
messageParams = computeSingleParam(parameterStructures, args[paramStart]);
break;
default:
if (parameterStructures === messages_1.ParameterStructures.byName) {
throw new Error(`Received ${numberOfParams} parameters for 'by Name' notification parameter structure.`);
}
messageParams = args.slice(paramStart, paramEnd).map(value => undefinedToNull(value));
break;
}
}
else {
const params = args;
method = type.method;
messageParams = computeMessageParams(type, params);
}
const notificationMessage = {
jsonrpc: version,
method: method,
params: messageParams
};
traceSendingNotification(notificationMessage);
return messageWriter.write(notificationMessage).catch((error) => {
logger.error(`Sending notification failed.`);
throw error;
});
},
onNotification: (type, handler) => {
throwIfClosedOrDisposed();
let method;
if (Is.func(type)) {
starNotificationHandler = type;
}
else if (handler) {
if (Is.string(type)) {
method = type;
notificationHandlers.set(type, { type: undefined, handler });
}
else {
method = type.method;
notificationHandlers.set(type.method, { type, handler });
}
}
return {
dispose: () => {
if (method !== undefined) {
notificationHandlers.delete(method);
}
else {
starNotificationHandler = undefined;
}
}
};
},
onProgress: (_type, token, handler) => {
if (progressHandlers.has(token)) {
throw new Error(`Progress handler for token ${token} already registered`);
}
progressHandlers.set(token, handler);
return {
dispose: () => {
progressHandlers.delete(token);
}
};
},
sendProgress: (_type, token, value) => {
// This should not await but simple return to ensure that we don't have another
// async scheduling. Otherwise one send could overtake another send.
return connection.sendNotification(ProgressNotification.type, { token, value });
},
onUnhandledProgress: unhandledProgressEmitter.event,
sendRequest: (type, ...args) => {
throwIfClosedOrDisposed();
throwIfNotListening();
let method;
let messageParams;
let token = undefined;
if (Is.string(type)) {
method = type;
const first = args[0];
const last = args[args.length - 1];
let paramStart = 0;
let parameterStructures = messages_1.ParameterStructures.auto;
if (messages_1.ParameterStructures.is(first)) {
paramStart = 1;
parameterStructures = first;
}
let paramEnd = args.length;
if (cancellation_1.CancellationToken.is(last)) {
paramEnd = paramEnd - 1;
token = last;
}
const numberOfParams = paramEnd - paramStart;
switch (numberOfParams) {
case 0:
messageParams = undefined;
break;
case 1:
messageParams = computeSingleParam(parameterStructures, args[paramStart]);
break;
default:
if (parameterStructures === messages_1.ParameterStructures.byName) {
throw new Error(`Received ${numberOfParams} parameters for 'by Name' request parameter structure.`);
}
messageParams = args.slice(paramStart, paramEnd).map(value => undefinedToNull(value));
break;
}
}
else {
const params = args;
method = type.method;
messageParams = computeMessageParams(type, params);
const numberOfParams = type.numberOfParams;
token = cancellation_1.CancellationToken.is(params[numberOfParams]) ? params[numberOfParams] : undefined;
}
const id = sequenceNumber++;
let disposable;
if (token) {
disposable = token.onCancellationRequested(() => {
const p = cancellationStrategy.sender.sendCancellation(connection, id);
if (p === undefined) {
logger.log(`Received no promise from cancellation strategy when cancelling id ${id}`);
return Promise.resolve();
}
else {
return p.catch(() => {
logger.log(`Sending cancellation messages for id ${id} failed`);
});
}
});
}
const requestMessage = {
jsonrpc: version,
id: id,
method: method,
params: messageParams
};
traceSendingRequest(requestMessage);
if (typeof cancellationStrategy.sender.enableCancellation === 'function') {
cancellationStrategy.sender.enableCancellation(requestMessage);
}
return new Promise(async (resolve, reject) => {
const resolveWithCleanup = (r) => {
resolve(r);
cancellationStrategy.sender.cleanup(id);
disposable?.dispose();
};
const rejectWithCleanup = (r) => {
reject(r);
cancellationStrategy.sender.cleanup(id);
disposable?.dispose();
};
const responsePromise = { method: method, timerStart: Date.now(), resolve: resolveWithCleanup, reject: rejectWithCleanup };
try {
await messageWriter.write(requestMessage);
responsePromises.set(id, responsePromise);
}
catch (error) {
logger.error(`Sending request failed.`);
// Writing the message failed. So we need to reject the promise.
responsePromise.reject(new messages_1.ResponseError(messages_1.ErrorCodes.MessageWriteError, error.message ? error.message : 'Unknown reason'));
throw error;
}
});
},
onRequest: (type, handler) => {
throwIfClosedOrDisposed();
let method = null;
if (StarRequestHandler.is(type)) {
method = undefined;
starRequestHandler = type;
}
else if (Is.string(type)) {
method = null;
if (handler !== undefined) {
method = type;
requestHandlers.set(type, { handler: handler, type: undefined });
}
}
else {
if (handler !== undefined) {
method = type.method;
requestHandlers.set(type.method, { type, handler });
}
}
return {
dispose: () => {
if (method === null) {
return;
}
if (method !== undefined) {
requestHandlers.delete(method);
}
else {
starRequestHandler = undefined;
}
}
};
},
hasPendingResponse: () => {
return responsePromises.size > 0;
},
trace: async (_value, _tracer, sendNotificationOrTraceOptions) => {
let _sendNotification = false;
let _traceFormat = TraceFormat.Text;
if (sendNotificationOrTraceOptions !== undefined) {
if (Is.boolean(sendNotificationOrTraceOptions)) {
_sendNotification = sendNotificationOrTraceOptions;
}
else {
_sendNotification = sendNotificationOrTraceOptions.sendNotification || false;
_traceFormat = sendNotificationOrTraceOptions.traceFormat || TraceFormat.Text;
}
}
trace = _value;
traceFormat = _traceFormat;
if (trace === Trace.Off) {
tracer = undefined;
}
else {
tracer = _tracer;
}
if (_sendNotification && !isClosed() && !isDisposed()) {
await connection.sendNotification(SetTraceNotification.type, { value: Trace.toString(_value) });
}
},
onError: errorEmitter.event,
onClose: closeEmitter.event,
onUnhandledNotification: unhandledNotificationEmitter.event,
onDispose: disposeEmitter.event,
end: () => {
messageWriter.end();
},
dispose: () => {
if (isDisposed()) {
return;
}
state = ConnectionState.Disposed;
disposeEmitter.fire(undefined);
const error = new messages_1.ResponseError(messages_1.ErrorCodes.PendingResponseRejected, 'Pending response rejected since connection got disposed');
for (const promise of responsePromises.values()) {
promise.reject(error);
}
responsePromises = new Map();
requestTokens = new Map();
knownCanceledRequests = new Set();
messageQueue = new linkedMap_1.LinkedMap();
// Test for backwards compatibility
if (Is.func(messageWriter.dispose)) {
messageWriter.dispose();
}
if (Is.func(messageReader.dispose)) {
messageReader.dispose();
}
},
listen: () => {
throwIfClosedOrDisposed();
throwIfListening();
state = ConnectionState.Listening;
messageReader.listen(callback);
},
inspect: () => {
// eslint-disable-next-line no-console
(0, ral_1.default)().console.log('inspect');
}
};
connection.onNotification(LogTraceNotification.type, (params) => {
if (trace === Trace.Off || !tracer) {
return;
}
const verbose = trace === Trace.Verbose || trace === Trace.Compact;
tracer.log(params.message, verbose ? params.verbose : undefined);
});
connection.onNotification(ProgressNotification.type, (params) => {
const handler = progressHandlers.get(params.token);
if (handler) {
handler(params.value);
}
else {
unhandledProgressEmitter.fire(params);
}
});
return connection;
}
exports.createMessageConnection = createMessageConnection;
/***/ }),
/***/ 8844:
/***/ ((__unused_webpack_module, exports) => {
"use strict";
/*---------------------------------------------------------------------------------------------
* Copyright (c) Microsoft Corporation. All rights reserved.
* Licensed under the MIT License. See License.txt in the project root for license information.
*--------------------------------------------------------------------------------------------*/
Object.defineProperty(exports, "__esModule", ({ value: true }));
exports.Disposable = void 0;
var Disposable;
(function (Disposable) {
function create(func) {
return {
dispose: func
};
}
Disposable.create = create;
})(Disposable = exports.Disposable || (exports.Disposable = {}));
/***/ }),
/***/ 2479:
/***/ ((__unused_webpack_module, exports, __webpack_require__) => {
"use strict";
/* --------------------------------------------------------------------------------------------
* Copyright (c) Microsoft Corporation. All rights reserved.
* Licensed under the MIT License. See License.txt in the project root for license information.
* ------------------------------------------------------------------------------------------ */
Object.defineProperty(exports, "__esModule", ({ value: true }));
exports.Emitter = exports.Event = void 0;
const ral_1 = __webpack_require__(5091);
var Event;
(function (Event) {
const _disposable = { dispose() { } };
Event.None = function () { return _disposable; };
})(Event = exports.Event || (exports.Event = {}));
class CallbackList {
add(callback, context = null, bucket) {
if (!this._callbacks) {
this._callbacks = [];
this._contexts = [];
}
this._callbacks.push(callback);
this._contexts.push(context);
if (Array.isArray(bucket)) {
bucket.push({ dispose: () => this.remove(callback, context) });
}
}
remove(callback, context = null) {
if (!this._callbacks) {
return;
}
let foundCallbackWithDifferentContext = false;
for (let i = 0, len = this._callbacks.length; i < len; i++) {
if (this._callbacks[i] === callback) {
if (this._contexts[i] === context) {
// callback & context match => remove it
this._callbacks.splice(i, 1);
this._contexts.splice(i, 1);
return;
}
else {
foundCallbackWithDifferentContext = true;
}
}
}
if (foundCallbackWithDifferentContext) {
throw new Error('When adding a listener with a context, you should remove it with the same context');
}
}
invoke(...args) {
if (!this._callbacks) {
return [];
}
const ret = [], callbacks = this._callbacks.slice(0), contexts = this._contexts.slice(0);
for (let i = 0, len = callbacks.length; i < len; i++) {
try {
ret.push(callbacks[i].apply(contexts[i], args));
}
catch (e) {
// eslint-disable-next-line no-console
(0, ral_1.default)().console.error(e);
}
}
return ret;
}
isEmpty() {
return !this._callbacks || this._callbacks.length === 0;
}
dispose() {
this._callbacks = undefined;
this._contexts = undefined;
}
}
class Emitter {
constructor(_options) {
this._options = _options;
}
/**
* For the public to allow to subscribe
* to events from this Emitter
*/
get event() {
if (!this._event) {
this._event = (listener, thisArgs, disposables) => {
if (!this._callbacks) {
this._callbacks = new CallbackList();
}
if (this._options && this._options.onFirstListenerAdd && this._callbacks.isEmpty()) {
this._options.onFirstListenerAdd(this);
}
this._callbacks.add(listener, thisArgs);
const result = {
dispose: () => {
if (!this._callbacks) {
// disposable is disposed after emitter is disposed.
return;
}
this._callbacks.remove(listener, thisArgs);
result.dispose = Emitter._noop;
if (this._options && this._options.onLastListenerRemove && this._callbacks.isEmpty()) {
this._options.onLastListenerRemove(this);
}
}
};
if (Array.isArray(disposables)) {
disposables.push(result);
}
return result;
};
}
return this._event;
}
/**
* To be kept private to fire an event to
* subscribers
*/
fire(event) {
if (this._callbacks) {
this._callbacks.invoke.call(this._callbacks, event);
}
}
dispose() {
if (this._callbacks) {
this._callbacks.dispose();
this._callbacks = undefined;
}
}
}
exports.Emitter = Emitter;
Emitter._noop = function () { };
/***/ }),
/***/ 6618:
/***/ ((__unused_webpack_module, exports) => {
"use strict";
/* --------------------------------------------------------------------------------------------
* Copyright (c) Microsoft Corporation. All rights reserved.
* Licensed under the MIT License. See License.txt in the project root for license information.
* ------------------------------------------------------------------------------------------ */
Object.defineProperty(exports, "__esModule", ({ value: true }));
exports.stringArray = exports.array = exports.func = exports.error = exports.number = exports.string = exports.boolean = void 0;
function boolean(value) {
return value === true || value === false;
}
exports.boolean = boolean;
function string(value) {
return typeof value === 'string' || value instanceof String;
}
exports.string = string;
function number(value) {
return typeof value === 'number' || value instanceof Number;
}
exports.number = number;
function error(value) {
return value instanceof Error;
}
exports.error = error;
function func(value) {
return typeof value === 'function';
}
exports.func = func;
function array(value) {
return Array.isArray(value);
}
exports.array = array;
function stringArray(value) {
return array(value) && value.every(elem => string(elem));
}
exports.stringArray = stringArray;
/***/ }),
/***/ 1109:
/***/ ((__unused_webpack_module, exports) => {
"use strict";
/*---------------------------------------------------------------------------------------------
* Copyright (c) Microsoft Corporation. All rights reserved.
* Licensed under the MIT License. See License.txt in the project root for license information.
*--------------------------------------------------------------------------------------------*/
var _a;
Object.defineProperty(exports, "__esModule", ({ value: true }));
exports.LRUCache = exports.LinkedMap = exports.Touch = void 0;
var Touch;
(function (Touch) {
Touch.None = 0;
Touch.First = 1;
Touch.AsOld = Touch.First;
Touch.Last = 2;
Touch.AsNew = Touch.Last;
})(Touch = exports.Touch || (exports.Touch = {}));
class LinkedMap {
constructor() {
this[_a] = 'LinkedMap';
this._map = new Map();
this._head = undefined;
this._tail = undefined;
this._size = 0;
this._state = 0;
}
clear() {
this._map.clear();
this._head = undefined;
this._tail = undefined;
this._size = 0;
this._state++;
}
isEmpty() {
return !this._head && !this._tail;
}
get size() {
return this._size;
}
get first() {
return this._head?.value;
}
get last() {
return this._tail?.value;
}
has(key) {
return this._map.has(key);
}
get(key, touch = Touch.None) {
const item = this._map.get(key);
if (!item) {
return undefined;
}
if (touch !== Touch.None) {
this.touch(item, touch);
}
return item.value;
}
set(key, value, touch = Touch.None) {
let item = this._map.get(key);
if (item) {
item.value = value;
if (touch !== Touch.None) {
this.touch(item, touch);
}
}
else {
item = { key, value, next: undefined, previous: undefined };
switch (touch) {
case Touch.None:
this.addItemLast(item);
break;
case Touch.First:
this.addItemFirst(item);
break;
case Touch.Last:
this.addItemLast(item);
break;
default:
this.addItemLast(item);
break;
}
this._map.set(key, item);
this._size++;
}
return this;
}
delete(key) {
return !!this.remove(key);
}
remove(key) {
const item = this._map.get(key);
if (!item) {
return undefined;
}
this._map.delete(key);
this.removeItem(item);
this._size--;
return item.value;
}
shift() {
if (!this._head && !this._tail) {
return undefined;
}
if (!this._head || !this._tail) {
throw new Error('Invalid list');
}
const item = this._head;
this._map.delete(item.key);
this.removeItem(item);
this._size--;
return item.value;
}
forEach(callbackfn, thisArg) {
const state = this._state;
let current = this._head;
while (current) {
if (thisArg) {
callbackfn.bind(thisArg)(current.value, current.key, this);
}
else {
callbackfn(current.value, current.key, this);
}
if (this._state !== state) {
throw new Error(`LinkedMap got modified during iteration.`);
}
current = current.next;
}
}
keys() {
const state = this._state;
let current = this._head;
const iterator = {
[Symbol.iterator]: () => {
return iterator;
},
next: () => {
if (this._state !== state) {
throw new Error(`LinkedMap got modified during iteration.`);
}
if (current) {
const result = { value: current.key, done: false };
current = current.next;
return result;
}
else {
return { value: undefined, done: true };
}
}
};
return iterator;
}
values() {
const state = this._state;
let current = this._head;
const iterator = {
[Symbol.iterator]: () => {
return iterator;
},
next: () => {
if (this._state !== state) {
throw new Error(`LinkedMap got modified during iteration.`);
}
if (current) {
const result = { value: current.value, done: false };
current = current.next;
return result;
}
else {
return { value: undefined, done: true };
}
}
};
return iterator;
}
entries() {
const state = this._state;
let current = this._head;
const iterator = {
[Symbol.iterator]: () => {
return iterator;
},
next: () => {
if (this._state !== state) {
throw new Error(`LinkedMap got modified during iteration.`);
}
if (current) {
const result = { value: [current.key, current.value], done: false };
current = current.next;
return result;
}
else {
return { value: undefined, done: true };
}
}
};
return iterator;
}
[(_a = Symbol.toStringTag, Symbol.iterator)]() {
return this.entries();
}
trimOld(newSize) {
if (newSize >= this.size) {
return;
}
if (newSize === 0) {
this.clear();
return;
}
let current = this._head;
let currentSize = this.size;
while (current && currentSize > newSize) {
this._map.delete(current.key);
current = current.next;
currentSize--;
}
this._head = current;
this._size = currentSize;
if (current) {
current.previous = undefined;
}
this._state++;
}
addItemFirst(item) {
// First time Insert
if (!this._head && !this._tail) {
this._tail = item;
}
else if (!this._head) {
throw new Error('Invalid list');
}
else {
item.next = this._head;
this._head.previous = item;
}
this._head = item;
this._state++;
}
addItemLast(item) {
// First time Insert
if (!this._head && !this._tail) {
this._head = item;
}
else if (!this._tail) {
throw new Error('Invalid list');
}
else {
item.previous = this._tail;
this._tail.next = item;
}
this._tail = item;
this._state++;
}
removeItem(item) {
if (item === this._head && item === this._tail) {
this._head = undefined;
this._tail = undefined;
}
else if (item === this._head) {
// This can only happened if size === 1 which is handle
// by the case above.
if (!item.next) {
throw new Error('Invalid list');
}
item.next.previous = undefined;
this._head = item.next;
}
else if (item === this._tail) {
// This can only happened if size === 1 which is handle
// by the case above.
if (!item.previous) {
throw new Error('Invalid list');
}
item.previous.next = undefined;
this._tail = item.previous;
}
else {
const next = item.next;
const previous = item.previous;
if (!next || !previous) {
throw new Error('Invalid list');
}
next.previous = previous;
previous.next = next;
}
item.next = undefined;
item.previous = undefined;
this._state++;
}
touch(item, touch) {
if (!this._head || !this._tail) {
throw new Error('Invalid list');
}
if ((touch !== Touch.First && touch !== Touch.Last)) {
return;
}
if (touch === Touch.First) {
if (item === this._head) {
return;
}
const next = item.next;
const previous = item.previous;
// Unlink the item
if (item === this._tail) {
// previous must be defined since item was not head but is tail
// So there are more than on item in the map
previous.next = undefined;
this._tail = previous;
}
else {
// Both next and previous are not undefined since item was neither head nor tail.
next.previous = previous;
previous.next = next;
}
// Insert the node at head
item.previous = undefined;
item.next = this._head;
this._head.previous = item;
this._head = item;
this._state++;
}
else if (touch === Touch.Last) {
if (item === this._tail) {
return;
}
const next = item.next;
const previous = item.previous;
// Unlink the item.
if (item === this._head) {
// next must be defined since item was not tail but is head
// So there are more than on item in the map
next.previous = undefined;
this._head = next;
}
else {
// Both next and previous are not undefined since item was neither head nor tail.
next.previous = previous;
previous.next = next;
}
item.next = undefined;
item.previous = this._tail;
this._tail.next = item;
this._tail = item;
this._state++;
}
}
toJSON() {
const data = [];
this.forEach((value, key) => {
data.push([key, value]);
});
return data;
}
fromJSON(data) {
this.clear();
for (const [key, value] of data) {
this.set(key, value);
}
}
}
exports.LinkedMap = LinkedMap;
class LRUCache extends LinkedMap {
constructor(limit, ratio = 1) {
super();
this._limit = limit;
this._ratio = Math.min(Math.max(0, ratio), 1);
}
get limit() {
return this._limit;
}
set limit(limit) {
this._limit = limit;
this.checkTrim();
}
get ratio() {
return this._ratio;
}
set ratio(ratio) {
this._ratio = Math.min(Math.max(0, ratio), 1);
this.checkTrim();
}
get(key, touch = Touch.AsNew) {
return super.get(key, touch);
}
peek(key) {
return super.get(key, Touch.None);
}
set(key, value) {
super.set(key, value, Touch.Last);
this.checkTrim();
return this;
}
checkTrim() {
if (this.size > this._limit) {
this.trimOld(Math.round(this._limit * this._ratio));
}
}
}
exports.LRUCache = LRUCache;
/***/ }),
/***/ 9805:
/***/ ((__unused_webpack_module, exports) => {
"use strict";
/*---------------------------------------------------------------------------------------------
* Copyright (c) Microsoft Corporation. All rights reserved.
* Licensed under the MIT License. See License.txt in the project root for license information.
*--------------------------------------------------------------------------------------------*/
Object.defineProperty(exports, "__esModule", ({ value: true }));
exports.AbstractMessageBuffer = void 0;
const CR = 13;
const LF = 10;
const CRLF = '\r\n';
class AbstractMessageBuffer {
constructor(encoding = 'utf-8') {
this._encoding = encoding;
this._chunks = [];
this._totalLength = 0;
}
get encoding() {
return this._encoding;
}
append(chunk) {
const toAppend = typeof chunk === 'string' ? this.fromString(chunk, this._encoding) : chunk;
this._chunks.push(toAppend);
this._totalLength += toAppend.byteLength;
}
tryReadHeaders(lowerCaseKeys = false) {
if (this._chunks.length === 0) {
return undefined;
}
let state = 0;
let chunkIndex = 0;
let offset = 0;
let chunkBytesRead = 0;
row: while (chunkIndex < this._chunks.length) {
const chunk = this._chunks[chunkIndex];
offset = 0;
column: while (offset < chunk.length) {
const value = chunk[offset];
switch (value) {
case CR:
switch (state) {
case 0:
state = 1;
break;
case 2:
state = 3;
break;
default:
state = 0;
}
break;
case LF:
switch (state) {
case 1:
state = 2;
break;
case 3:
state = 4;
offset++;
break row;
default:
state = 0;
}
break;
default:
state = 0;
}
offset++;
}
chunkBytesRead += chunk.byteLength;
chunkIndex++;
}
if (state !== 4) {
return undefined;
}
// The buffer contains the two CRLF at the end. So we will
// have two empty lines after the split at the end as well.
const buffer = this._read(chunkBytesRead + offset);
const result = new Map();
const headers = this.toString(buffer, 'ascii').split(CRLF);
if (headers.length < 2) {
return result;
}
for (let i = 0; i < headers.length - 2; i++) {
const header = headers[i];
const index = header.indexOf(':');
if (index === -1) {
throw new Error('Message header must separate key and value using :');
}
const key = header.substr(0, index);
const value = header.substr(index + 1).trim();
result.set(lowerCaseKeys ? key.toLowerCase() : key, value);
}
return result;
}
tryReadBody(length) {
if (this._totalLength < length) {
return undefined;
}
return this._read(length);
}
get numberOfBytes() {
return this._totalLength;
}
_read(byteCount) {
if (byteCount === 0) {
return this.emptyBuffer();
}
if (byteCount > this._totalLength) {
throw new Error(`Cannot read so many bytes!`);
}
if (this._chunks[0].byteLength === byteCount) {
// super fast path, precisely first chunk must be returned
const chunk = this._chunks[0];
this._chunks.shift();
this._totalLength -= byteCount;
return this.asNative(chunk);
}
if (this._chunks[0].byteLength > byteCount) {
// fast path, the reading is entirely within the first chunk
const chunk = this._chunks[0];
const result = this.asNative(chunk, byteCount);
this._chunks[0] = chunk.slice(byteCount);
this._totalLength -= byteCount;
return result;
}
const result = this.allocNative(byteCount);
let resultOffset = 0;
let chunkIndex = 0;
while (byteCount > 0) {
const chunk = this._chunks[chunkIndex];
if (chunk.byteLength > byteCount) {
// this chunk will survive
const chunkPart = chunk.slice(0, byteCount);
result.set(chunkPart, resultOffset);
resultOffset += byteCount;
this._chunks[chunkIndex] = chunk.slice(byteCount);
this._totalLength -= byteCount;
byteCount -= byteCount;
}
else {
// this chunk will be entirely read
result.set(chunk, resultOffset);
resultOffset += chunk.byteLength;
this._chunks.shift();
this._totalLength -= chunk.byteLength;
byteCount -= chunk.byteLength;
}
}
return result;
}
}
exports.AbstractMessageBuffer = AbstractMessageBuffer;
/***/ }),
/***/ 656:
/***/ ((__unused_webpack_module, exports, __webpack_require__) => {
"use strict";
/* --------------------------------------------------------------------------------------------
* Copyright (c) Microsoft Corporation. All rights reserved.
* Licensed under the MIT License. See License.txt in the project root for license information.
* ------------------------------------------------------------------------------------------ */
Object.defineProperty(exports, "__esModule", ({ value: true }));
exports.ReadableStreamMessageReader = exports.AbstractMessageReader = exports.MessageReader = void 0;
const ral_1 = __webpack_require__(5091);
const Is = __webpack_require__(6618);
const events_1 = __webpack_require__(2479);
const semaphore_1 = __webpack_require__(418);
var MessageReader;
(function (MessageReader) {
function is(value) {
let candidate = value;
return candidate && Is.func(candidate.listen) && Is.func(candidate.dispose) &&
Is.func(candidate.onError) && Is.func(candidate.onClose) && Is.func(candidate.onPartialMessage);
}
MessageReader.is = is;
})(MessageReader = exports.MessageReader || (exports.MessageReader = {}));
class AbstractMessageReader {
constructor() {
this.errorEmitter = new events_1.Emitter();
this.closeEmitter = new events_1.Emitter();
this.partialMessageEmitter = new events_1.Emitter();
}
dispose() {
this.errorEmitter.dispose();
this.closeEmitter.dispose();
}
get onError() {
return this.errorEmitter.event;
}
fireError(error) {
this.errorEmitter.fire(this.asError(error));
}
get onClose() {
return this.closeEmitter.event;
}
fireClose() {
this.closeEmitter.fire(undefined);
}
get onPartialMessage() {
return this.partialMessageEmitter.event;
}
firePartialMessage(info) {
this.partialMessageEmitter.fire(info);
}
asError(error) {
if (error instanceof Error) {
return error;
}
else {
return new Error(`Reader received error. Reason: ${Is.string(error.message) ? error.message : 'unknown'}`);
}
}
}
exports.AbstractMessageReader = AbstractMessageReader;
var ResolvedMessageReaderOptions;
(function (ResolvedMessageReaderOptions) {
function fromOptions(options) {
let charset;
let result;
let contentDecoder;
const contentDecoders = new Map();
let contentTypeDecoder;
const contentTypeDecoders = new Map();
if (options === undefined || typeof options === 'string') {
charset = options ?? 'utf-8';
}
else {
charset = options.charset ?? 'utf-8';
if (options.contentDecoder !== undefined) {
contentDecoder = options.contentDecoder;
contentDecoders.set(contentDecoder.name, contentDecoder);
}
if (options.contentDecoders !== undefined) {
for (const decoder of options.contentDecoders) {
contentDecoders.set(decoder.name, decoder);
}
}
if (options.contentTypeDecoder !== undefined) {
contentTypeDecoder = options.contentTypeDecoder;
contentTypeDecoders.set(contentTypeDecoder.name, contentTypeDecoder);
}
if (options.contentTypeDecoders !== undefined) {
for (const decoder of options.contentTypeDecoders) {
contentTypeDecoders.set(decoder.name, decoder);
}
}
}
if (contentTypeDecoder === undefined) {
contentTypeDecoder = (0, ral_1.default)().applicationJson.decoder;
contentTypeDecoders.set(contentTypeDecoder.name, contentTypeDecoder);
}
return { charset, contentDecoder, contentDecoders, contentTypeDecoder, contentTypeDecoders };
}
ResolvedMessageReaderOptions.fromOptions = fromOptions;
})(ResolvedMessageReaderOptions || (ResolvedMessageReaderOptions = {}));
class ReadableStreamMessageReader extends AbstractMessageReader {
constructor(readable, options) {
super();
this.readable = readable;
this.options = ResolvedMessageReaderOptions.fromOptions(options);
this.buffer = (0, ral_1.default)().messageBuffer.create(this.options.charset);
this._partialMessageTimeout = 10000;
this.nextMessageLength = -1;
this.messageToken = 0;
this.readSemaphore = new semaphore_1.Semaphore(1);
}
set partialMessageTimeout(timeout) {
this._partialMessageTimeout = timeout;
}
get partialMessageTimeout() {
return this._partialMessageTimeout;
}
listen(callback) {
this.nextMessageLength = -1;
this.messageToken = 0;
this.partialMessageTimer = undefined;
this.callback = callback;
const result = this.readable.onData((data) => {
this.onData(data);
});
this.readable.onError((error) => this.fireError(error));
this.readable.onClose(() => this.fireClose());
return result;
}
onData(data) {
this.buffer.append(data);
while (true) {
if (this.nextMessageLength === -1) {
const headers = this.buffer.tryReadHeaders(true);
if (!headers) {
return;
}
const contentLength = headers.get('content-length');
if (!contentLength) {
this.fireError(new Error('Header must provide a Content-Length property.'));
return;
}
const length = parseInt(contentLength);
if (isNaN(length)) {
this.fireError(new Error('Content-Length value must be a number.'));
return;
}
this.nextMessageLength = length;
}
const body = this.buffer.tryReadBody(this.nextMessageLength);
if (body === undefined) {
/** We haven't received the full message yet. */
this.setPartialMessageTimer();
return;
}
this.clearPartialMessageTimer();
this.nextMessageLength = -1;
// Make sure that we convert one received message after the
// other. Otherwise it could happen that a decoding of a second
// smaller message finished before the decoding of a first larger
// message and then we would deliver the second message first.
this.readSemaphore.lock(async () => {
const bytes = this.options.contentDecoder !== undefined
? await this.options.contentDecoder.decode(body)
: body;
const message = await this.options.contentTypeDecoder.decode(bytes, this.options);
this.callback(message);
}).catch((error) => {
this.fireError(error);
});
}
}
clearPartialMessageTimer() {
if (this.partialMessageTimer) {
this.partialMessageTimer.dispose();
this.partialMessageTimer = undefined;
}
}
setPartialMessageTimer() {
this.clearPartialMessageTimer();
if (this._partialMessageTimeout <= 0) {
return;
}
this.partialMessageTimer = (0, ral_1.default)().timer.setTimeout((token, timeout) => {
this.partialMessageTimer = undefined;
if (token === this.messageToken) {
this.firePartialMessage({ messageToken: token, waitingTime: timeout });
this.setPartialMessageTimer();
}
}, this._partialMessageTimeout, this.messageToken, this._partialMessageTimeout);
}
}
exports.ReadableStreamMessageReader = ReadableStreamMessageReader;
/***/ }),
/***/ 9036:
/***/ ((__unused_webpack_module, exports, __webpack_require__) => {
"use strict";
/* --------------------------------------------------------------------------------------------
* Copyright (c) Microsoft Corporation. All rights reserved.
* Licensed under the MIT License. See License.txt in the project root for license information.
* ------------------------------------------------------------------------------------------ */
Object.defineProperty(exports, "__esModule", ({ value: true }));
exports.WriteableStreamMessageWriter = exports.AbstractMessageWriter = exports.MessageWriter = void 0;
const ral_1 = __webpack_require__(5091);
const Is = __webpack_require__(6618);
const semaphore_1 = __webpack_require__(418);
const events_1 = __webpack_require__(2479);
const ContentLength = 'Content-Length: ';
const CRLF = '\r\n';
var MessageWriter;
(function (MessageWriter) {
function is(value) {
let candidate = value;
return candidate && Is.func(candidate.dispose) && Is.func(candidate.onClose) &&
Is.func(candidate.onError) && Is.func(candidate.write);
}
MessageWriter.is = is;
})(MessageWriter = exports.MessageWriter || (exports.MessageWriter = {}));
class AbstractMessageWriter {
constructor() {
this.errorEmitter = new events_1.Emitter();
this.closeEmitter = new events_1.Emitter();
}
dispose() {
this.errorEmitter.dispose();
this.closeEmitter.dispose();
}
get onError() {
return this.errorEmitter.event;
}
fireError(error, message, count) {
this.errorEmitter.fire([this.asError(error), message, count]);
}
get onClose() {
return this.closeEmitter.event;
}
fireClose() {
this.closeEmitter.fire(undefined);
}
asError(error) {
if (error instanceof Error) {
return error;
}
else {
return new Error(`Writer received error. Reason: ${Is.string(error.message) ? error.message : 'unknown'}`);
}
}
}
exports.AbstractMessageWriter = AbstractMessageWriter;
var ResolvedMessageWriterOptions;
(function (ResolvedMessageWriterOptions) {
function fromOptions(options) {
if (options === undefined || typeof options === 'string') {
return { charset: options ?? 'utf-8', contentTypeEncoder: (0, ral_1.default)().applicationJson.encoder };
}
else {
return { charset: options.charset ?? 'utf-8', contentEncoder: options.contentEncoder, contentTypeEncoder: options.contentTypeEncoder ?? (0, ral_1.default)().applicationJson.encoder };
}
}
ResolvedMessageWriterOptions.fromOptions = fromOptions;
})(ResolvedMessageWriterOptions || (ResolvedMessageWriterOptions = {}));
class WriteableStreamMessageWriter extends AbstractMessageWriter {
constructor(writable, options) {
super();
this.writable = writable;
this.options = ResolvedMessageWriterOptions.fromOptions(options);
this.errorCount = 0;
this.writeSemaphore = new semaphore_1.Semaphore(1);
this.writable.onError((error) => this.fireError(error));
this.writable.onClose(() => this.fireClose());
}
async write(msg) {
return this.writeSemaphore.lock(async () => {
const payload = this.options.contentTypeEncoder.encode(msg, this.options).then((buffer) => {
if (this.options.contentEncoder !== undefined) {
return this.options.contentEncoder.encode(buffer);
}
else {
return buffer;
}
});
return payload.then((buffer) => {
const headers = [];
headers.push(ContentLength, buffer.byteLength.toString(), CRLF);
headers.push(CRLF);
return this.doWrite(msg, headers, buffer);
}, (error) => {
this.fireError(error);
throw error;
});
});
}
async doWrite(msg, headers, data) {
try {
await this.writable.write(headers.join(''), 'ascii');
return this.writable.write(data);
}
catch (error) {
this.handleError(error, msg);
return Promise.reject(error);
}
}
handleError(error, msg) {
this.errorCount++;
this.fireError(error, msg, this.errorCount);
}
end() {
this.writable.end();
}
}
exports.WriteableStreamMessageWriter = WriteableStreamMessageWriter;
/***/ }),
/***/ 7162:
/***/ ((__unused_webpack_module, exports, __webpack_require__) => {
"use strict";
/* --------------------------------------------------------------------------------------------
* Copyright (c) Microsoft Corporation. All rights reserved.
* Licensed under the MIT License. See License.txt in the project root for license information.
* ------------------------------------------------------------------------------------------ */
Object.defineProperty(exports, "__esModule", ({ value: true }));
exports.Message = exports.NotificationType9 = exports.NotificationType8 = exports.NotificationType7 = exports.NotificationType6 = exports.NotificationType5 = exports.NotificationType4 = exports.NotificationType3 = exports.NotificationType2 = exports.NotificationType1 = exports.NotificationType0 = exports.NotificationType = exports.RequestType9 = exports.RequestType8 = exports.RequestType7 = exports.RequestType6 = exports.RequestType5 = exports.RequestType4 = exports.RequestType3 = exports.RequestType2 = exports.RequestType1 = exports.RequestType = exports.RequestType0 = exports.AbstractMessageSignature = exports.ParameterStructures = exports.ResponseError = exports.ErrorCodes = void 0;
const is = __webpack_require__(6618);
/**
* Predefined error codes.
*/
var ErrorCodes;
(function (ErrorCodes) {
// Defined by JSON RPC
ErrorCodes.ParseError = -32700;
ErrorCodes.InvalidRequest = -32600;
ErrorCodes.MethodNotFound = -32601;
ErrorCodes.InvalidParams = -32602;
ErrorCodes.InternalError = -32603;
/**
* This is the start range of JSON RPC reserved error codes.
* It doesn't denote a real error code. No application error codes should
* be defined between the start and end range. For backwards
* compatibility the `ServerNotInitialized` and the `UnknownErrorCode`
* are left in the range.
*
* @since 3.16.0
*/
ErrorCodes.jsonrpcReservedErrorRangeStart = -32099;
/** @deprecated use jsonrpcReservedErrorRangeStart */
ErrorCodes.serverErrorStart = -32099;
/**
* An error occurred when write a message to the transport layer.
*/
ErrorCodes.MessageWriteError = -32099;
/**
* An error occurred when reading a message from the transport layer.
*/
ErrorCodes.MessageReadError = -32098;
/**
* The connection got disposed or lost and all pending responses got
* rejected.
*/
ErrorCodes.PendingResponseRejected = -32097;
/**
* The connection is inactive and a use of it failed.
*/
ErrorCodes.ConnectionInactive = -32096;
/**
* Error code indicating that a server received a notification or
* request before the server has received the `initialize` request.
*/
ErrorCodes.ServerNotInitialized = -32002;
ErrorCodes.UnknownErrorCode = -32001;
/**
* This is the end range of JSON RPC reserved error codes.
* It doesn't denote a real error code.
*
* @since 3.16.0
*/
ErrorCodes.jsonrpcReservedErrorRangeEnd = -32000;
/** @deprecated use jsonrpcReservedErrorRangeEnd */
ErrorCodes.serverErrorEnd = -32000;
})(ErrorCodes = exports.ErrorCodes || (exports.ErrorCodes = {}));
/**
* An error object return in a response in case a request
* has failed.
*/
class ResponseError extends Error {
constructor(code, message, data) {
super(message);
this.code = is.number(code) ? code : ErrorCodes.UnknownErrorCode;
this.data = data;
Object.setPrototypeOf(this, ResponseError.prototype);
}
toJson() {
const result = {
code: this.code,
message: this.message
};
if (this.data !== undefined) {
result.data = this.data;
}
return result;
}
}
exports.ResponseError = ResponseError;
class ParameterStructures {
constructor(kind) {
this.kind = kind;
}
static is(value) {
return value === ParameterStructures.auto || value === ParameterStructures.byName || value === ParameterStructures.byPosition;
}
toString() {
return this.kind;
}
}
exports.ParameterStructures = ParameterStructures;
/**
* The parameter structure is automatically inferred on the number of parameters
* and the parameter type in case of a single param.
*/
ParameterStructures.auto = new ParameterStructures('auto');
/**
* Forces `byPosition` parameter structure. This is useful if you have a single
* parameter which has a literal type.
*/
ParameterStructures.byPosition = new ParameterStructures('byPosition');
/**
* Forces `byName` parameter structure. This is only useful when having a single
* parameter. The library will report errors if used with a different number of
* parameters.
*/
ParameterStructures.byName = new ParameterStructures('byName');
/**
* An abstract implementation of a MessageType.
*/
class AbstractMessageSignature {
constructor(method, numberOfParams) {
this.method = method;
this.numberOfParams = numberOfParams;
}
get parameterStructures() {
return ParameterStructures.auto;
}
}
exports.AbstractMessageSignature = AbstractMessageSignature;
/**
* Classes to type request response pairs
*/
class RequestType0 extends AbstractMessageSignature {
constructor(method) {
super(method, 0);
}
}
exports.RequestType0 = RequestType0;
class RequestType extends AbstractMessageSignature {
constructor(method, _parameterStructures = ParameterStructures.auto) {
super(method, 1);
this._parameterStructures = _parameterStructures;
}
get parameterStructures() {
return this._parameterStructures;
}
}
exports.RequestType = RequestType;
class RequestType1 extends AbstractMessageSignature {
constructor(method, _parameterStructures = ParameterStructures.auto) {
super(method, 1);
this._parameterStructures = _parameterStructures;
}
get parameterStructures() {
return this._parameterStructures;
}
}
exports.RequestType1 = RequestType1;
class RequestType2 extends AbstractMessageSignature {
constructor(method) {
super(method, 2);
}
}
exports.RequestType2 = RequestType2;
class RequestType3 extends AbstractMessageSignature {
constructor(method) {
super(method, 3);
}
}
exports.RequestType3 = RequestType3;
class RequestType4 extends AbstractMessageSignature {
constructor(method) {
super(method, 4);
}
}
exports.RequestType4 = RequestType4;
class RequestType5 extends AbstractMessageSignature {
constructor(method) {
super(method, 5);
}
}
exports.RequestType5 = RequestType5;
class RequestType6 extends AbstractMessageSignature {
constructor(method) {
super(method, 6);
}
}
exports.RequestType6 = RequestType6;
class RequestType7 extends AbstractMessageSignature {
constructor(method) {
super(method, 7);
}
}
exports.RequestType7 = RequestType7;
class RequestType8 extends AbstractMessageSignature {
constructor(method) {
super(method, 8);
}
}
exports.RequestType8 = RequestType8;
class RequestType9 extends AbstractMessageSignature {
constructor(method) {
super(method, 9);
}
}
exports.RequestType9 = RequestType9;
class NotificationType extends AbstractMessageSignature {
constructor(method, _parameterStructures = ParameterStructures.auto) {
super(method, 1);
this._parameterStructures = _parameterStructures;
}
get parameterStructures() {
return this._parameterStructures;
}
}
exports.NotificationType = NotificationType;
class NotificationType0 extends AbstractMessageSignature {
constructor(method) {
super(method, 0);
}
}
exports.NotificationType0 = NotificationType0;
class NotificationType1 extends AbstractMessageSignature {
constructor(method, _parameterStructures = ParameterStructures.auto) {
super(method, 1);
this._parameterStructures = _parameterStructures;
}
get parameterStructures() {
return this._parameterStructures;
}
}
exports.NotificationType1 = NotificationType1;
class NotificationType2 extends AbstractMessageSignature {
constructor(method) {
super(method, 2);
}
}
exports.NotificationType2 = NotificationType2;
class NotificationType3 extends AbstractMessageSignature {
constructor(method) {
super(method, 3);
}
}
exports.NotificationType3 = NotificationType3;
class NotificationType4 extends AbstractMessageSignature {
constructor(method) {
super(method, 4);
}
}
exports.NotificationType4 = NotificationType4;
class NotificationType5 extends AbstractMessageSignature {
constructor(method) {
super(method, 5);
}
}
exports.NotificationType5 = NotificationType5;
class NotificationType6 extends AbstractMessageSignature {
constructor(method) {
super(method, 6);
}
}
exports.NotificationType6 = NotificationType6;
class NotificationType7 extends AbstractMessageSignature {
constructor(method) {
super(method, 7);
}
}
exports.NotificationType7 = NotificationType7;
class NotificationType8 extends AbstractMessageSignature {
constructor(method) {
super(method, 8);
}
}
exports.NotificationType8 = NotificationType8;
class NotificationType9 extends AbstractMessageSignature {
constructor(method) {
super(method, 9);
}
}
exports.NotificationType9 = NotificationType9;
var Message;
(function (Message) {
/**
* Tests if the given message is a request message
*/
function isRequest(message) {
const candidate = message;
return candidate && is.string(candidate.method) && (is.string(candidate.id) || is.number(candidate.id));
}
Message.isRequest = isRequest;
/**
* Tests if the given message is a notification message
*/
function isNotification(message) {
const candidate = message;
return candidate && is.string(candidate.method) && message.id === void 0;
}
Message.isNotification = isNotification;
/**
* Tests if the given message is a response message
*/
function isResponse(message) {
const candidate = message;
return candidate && (candidate.result !== void 0 || !!candidate.error) && (is.string(candidate.id) || is.number(candidate.id) || candidate.id === null);
}
Message.isResponse = isResponse;
})(Message = exports.Message || (exports.Message = {}));
/***/ }),
/***/ 5091:
/***/ ((__unused_webpack_module, exports) => {
"use strict";
/* --------------------------------------------------------------------------------------------
* Copyright (c) Microsoft Corporation. All rights reserved.
* Licensed under the MIT License. See License.txt in the project root for license information.
* ------------------------------------------------------------------------------------------ */
Object.defineProperty(exports, "__esModule", ({ value: true }));
let _ral;
function RAL() {
if (_ral === undefined) {
throw new Error(`No runtime abstraction layer installed`);
}
return _ral;
}
(function (RAL) {
function install(ral) {
if (ral === undefined) {
throw new Error(`No runtime abstraction layer provided`);
}
_ral = ral;
}
RAL.install = install;
})(RAL || (RAL = {}));
exports["default"] = RAL;
/***/ }),
/***/ 418:
/***/ ((__unused_webpack_module, exports, __webpack_require__) => {
"use strict";
/* --------------------------------------------------------------------------------------------
* Copyright (c) Microsoft Corporation. All rights reserved.
* Licensed under the MIT License. See License.txt in the project root for license information.
* ------------------------------------------------------------------------------------------ */
Object.defineProperty(exports, "__esModule", ({ value: true }));
exports.Semaphore = void 0;
const ral_1 = __webpack_require__(5091);
class Semaphore {
constructor(capacity = 1) {
if (capacity <= 0) {
throw new Error('Capacity must be greater than 0');
}
this._capacity = capacity;
this._active = 0;
this._waiting = [];
}
lock(thunk) {
return new Promise((resolve, reject) => {
this._waiting.push({ thunk, resolve, reject });
this.runNext();
});
}
get active() {
return this._active;
}
runNext() {
if (this._waiting.length === 0 || this._active === this._capacity) {
return;
}
(0, ral_1.default)().timer.setImmediate(() => this.doRunNext());
}
doRunNext() {
if (this._waiting.length === 0 || this._active === this._capacity) {
return;
}
const next = this._waiting.shift();
this._active++;
if (this._active > this._capacity) {
throw new Error(`To many thunks active`);
}
try {
const result = next.thunk();
if (result instanceof Promise) {
result.then((value) => {
this._active--;
next.resolve(value);
this.runNext();
}, (err) => {
this._active--;
next.reject(err);
this.runNext();
});
}
else {
this._active--;
next.resolve(result);
this.runNext();
}
}
catch (err) {
this._active--;
next.reject(err);
this.runNext();
}
}
}
exports.Semaphore = Semaphore;
/***/ }),
/***/ 3489:
/***/ ((__unused_webpack_module, exports, __webpack_require__) => {
"use strict";
/* --------------------------------------------------------------------------------------------
* Copyright (c) Microsoft Corporation. All rights reserved.
* Licensed under the MIT License. See License.txt in the project root for license information.
* ------------------------------------------------------------------------------------------ */
Object.defineProperty(exports, "__esModule", ({ value: true }));
exports.SharedArrayReceiverStrategy = exports.SharedArraySenderStrategy = void 0;
const cancellation_1 = __webpack_require__(6957);
var CancellationState;
(function (CancellationState) {
CancellationState.Continue = 0;
CancellationState.Cancelled = 1;
})(CancellationState || (CancellationState = {}));
class SharedArraySenderStrategy {
constructor() {
this.buffers = new Map();
}
enableCancellation(request) {
if (request.id === null) {
return;
}
const buffer = new SharedArrayBuffer(4);
const data = new Int32Array(buffer, 0, 1);
data[0] = CancellationState.Continue;
this.buffers.set(request.id, buffer);
request.$cancellationData = buffer;
}
async sendCancellation(_conn, id) {
const buffer = this.buffers.get(id);
if (buffer === undefined) {
return;
}
const data = new Int32Array(buffer, 0, 1);
Atomics.store(data, 0, CancellationState.Cancelled);
}
cleanup(id) {
this.buffers.delete(id);
}
dispose() {
this.buffers.clear();
}
}
exports.SharedArraySenderStrategy = SharedArraySenderStrategy;
class SharedArrayBufferCancellationToken {
constructor(buffer) {
this.data = new Int32Array(buffer, 0, 1);
}
get isCancellationRequested() {
return Atomics.load(this.data, 0) === CancellationState.Cancelled;
}
get onCancellationRequested() {
throw new Error(`Cancellation over SharedArrayBuffer doesn't support cancellation events`);
}
}
class SharedArrayBufferCancellationTokenSource {
constructor(buffer) {
this.token = new SharedArrayBufferCancellationToken(buffer);
}
cancel() {
}
dispose() {
}
}
class SharedArrayReceiverStrategy {
constructor() {
this.kind = 'request';
}
createCancellationTokenSource(request) {
const buffer = request.$cancellationData;
if (buffer === undefined) {
return new cancellation_1.CancellationTokenSource();
}
return new SharedArrayBufferCancellationTokenSource(buffer);
}
}
exports.SharedArrayReceiverStrategy = SharedArrayReceiverStrategy;
/***/ }),
/***/ 5501:
/***/ (function(__unused_webpack_module, exports, __webpack_require__) {
"use strict";
/* --------------------------------------------------------------------------------------------
* Copyright (c) Microsoft Corporation. All rights reserved.
* Licensed under the MIT License. See License.txt in the project root for license information.
* ------------------------------------------------------------------------------------------ */
var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
if (k2 === undefined) k2 = k;
var desc = Object.getOwnPropertyDescriptor(m, k);
if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
desc = { enumerable: true, get: function() { return m[k]; } };
}
Object.defineProperty(o, k2, desc);
}) : (function(o, m, k, k2) {
if (k2 === undefined) k2 = k;
o[k2] = m[k];
}));
var __exportStar = (this && this.__exportStar) || function(m, exports) {
for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
};
Object.defineProperty(exports, "__esModule", ({ value: true }));
exports.createProtocolConnection = void 0;
const browser_1 = __webpack_require__(9208);
__exportStar(__webpack_require__(9208), exports);
__exportStar(__webpack_require__(3147), exports);
function createProtocolConnection(reader, writer, logger, options) {
return (0, browser_1.createMessageConnection)(reader, writer, logger, options);
}
exports.createProtocolConnection = createProtocolConnection;
/***/ }),
/***/ 3147:
/***/ (function(__unused_webpack_module, exports, __webpack_require__) {
"use strict";
/* --------------------------------------------------------------------------------------------
* Copyright (c) Microsoft Corporation. All rights reserved.
* Licensed under the MIT License. See License.txt in the project root for license information.
* ------------------------------------------------------------------------------------------ */
var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
if (k2 === undefined) k2 = k;
var desc = Object.getOwnPropertyDescriptor(m, k);
if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
desc = { enumerable: true, get: function() { return m[k]; } };
}
Object.defineProperty(o, k2, desc);
}) : (function(o, m, k, k2) {
if (k2 === undefined) k2 = k;
o[k2] = m[k];
}));
var __exportStar = (this && this.__exportStar) || function(m, exports) {
for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
};
Object.defineProperty(exports, "__esModule", ({ value: true }));
exports.LSPErrorCodes = exports.createProtocolConnection = void 0;
__exportStar(__webpack_require__(9110), exports);
__exportStar(__webpack_require__(7717), exports);
__exportStar(__webpack_require__(8431), exports);
__exportStar(__webpack_require__(1815), exports);
var connection_1 = __webpack_require__(291);
Object.defineProperty(exports, "createProtocolConnection", ({ enumerable: true, get: function () { return connection_1.createProtocolConnection; } }));
var LSPErrorCodes;
(function (LSPErrorCodes) {
/**
* This is the start range of LSP reserved error codes.
* It doesn't denote a real error code.
*
* @since 3.16.0
*/
LSPErrorCodes.lspReservedErrorRangeStart = -32899;
/**
* A request failed but it was syntactically correct, e.g the
* method name was known and the parameters were valid. The error
* message should contain human readable information about why
* the request failed.
*
* @since 3.17.0
*/
LSPErrorCodes.RequestFailed = -32803;
/**
* The server cancelled the request. This error code should
* only be used for requests that explicitly support being
* server cancellable.
*
* @since 3.17.0
*/
LSPErrorCodes.ServerCancelled = -32802;
/**
* The server detected that the content of a document got
* modified outside normal conditions. A server should
* NOT send this error code if it detects a content change
* in it unprocessed messages. The result even computed
* on an older state might still be useful for the client.
*
* If a client decides that a result is not of any use anymore
* the client should cancel the request.
*/
LSPErrorCodes.ContentModified = -32801;
/**
* The client has canceled a request and a server as detected
* the cancel.
*/
LSPErrorCodes.RequestCancelled = -32800;
/**
* This is the end range of LSP reserved error codes.
* It doesn't denote a real error code.
*
* @since 3.16.0
*/
LSPErrorCodes.lspReservedErrorRangeEnd = -32800;
})(LSPErrorCodes = exports.LSPErrorCodes || (exports.LSPErrorCodes = {}));
/***/ }),
/***/ 291:
/***/ ((__unused_webpack_module, exports, __webpack_require__) => {
"use strict";
/* --------------------------------------------------------------------------------------------
* Copyright (c) Microsoft Corporation. All rights reserved.
* Licensed under the MIT License. See License.txt in the project root for license information.
* ------------------------------------------------------------------------------------------ */
Object.defineProperty(exports, "__esModule", ({ value: true }));
exports.createProtocolConnection = void 0;
const vscode_jsonrpc_1 = __webpack_require__(9110);
function createProtocolConnection(input, output, logger, options) {
if (vscode_jsonrpc_1.ConnectionStrategy.is(options)) {
options = { connectionStrategy: options };
}
return (0, vscode_jsonrpc_1.createMessageConnection)(input, output, logger, options);
}
exports.createProtocolConnection = createProtocolConnection;
/***/ }),
/***/ 8431:
/***/ ((__unused_webpack_module, exports, __webpack_require__) => {
"use strict";
/* --------------------------------------------------------------------------------------------
* Copyright (c) Microsoft Corporation. All rights reserved.
* Licensed under the MIT License. See License.txt in the project root for license information.
* ------------------------------------------------------------------------------------------ */
Object.defineProperty(exports, "__esModule", ({ value: true }));
exports.ProtocolNotificationType = exports.ProtocolNotificationType0 = exports.ProtocolRequestType = exports.ProtocolRequestType0 = exports.RegistrationType = exports.MessageDirection = void 0;
const vscode_jsonrpc_1 = __webpack_require__(9110);
var MessageDirection;
(function (MessageDirection) {
MessageDirection["clientToServer"] = "clientToServer";
MessageDirection["serverToClient"] = "serverToClient";
MessageDirection["both"] = "both";
})(MessageDirection = exports.MessageDirection || (exports.MessageDirection = {}));
class RegistrationType {
constructor(method) {
this.method = method;
}
}
exports.RegistrationType = RegistrationType;
class ProtocolRequestType0 extends vscode_jsonrpc_1.RequestType0 {
constructor(method) {
super(method);
}
}
exports.ProtocolRequestType0 = ProtocolRequestType0;
class ProtocolRequestType extends vscode_jsonrpc_1.RequestType {
constructor(method) {
super(method, vscode_jsonrpc_1.ParameterStructures.byName);
}
}
exports.ProtocolRequestType = ProtocolRequestType;
class ProtocolNotificationType0 extends vscode_jsonrpc_1.NotificationType0 {
constructor(method) {
super(method);
}
}
exports.ProtocolNotificationType0 = ProtocolNotificationType0;
class ProtocolNotificationType extends vscode_jsonrpc_1.NotificationType {
constructor(method) {
super(method, vscode_jsonrpc_1.ParameterStructures.byName);
}
}
exports.ProtocolNotificationType = ProtocolNotificationType;
/***/ }),
/***/ 7602:
/***/ ((__unused_webpack_module, exports, __webpack_require__) => {
"use strict";
/* --------------------------------------------------------------------------------------------
* Copyright (c) TypeFox, Microsoft and others. All rights reserved.
* Licensed under the MIT License. See License.txt in the project root for license information.
* ------------------------------------------------------------------------------------------ */
Object.defineProperty(exports, "__esModule", ({ value: true }));
exports.CallHierarchyOutgoingCallsRequest = exports.CallHierarchyIncomingCallsRequest = exports.CallHierarchyPrepareRequest = void 0;
const messages_1 = __webpack_require__(8431);
/**
* A request to result a `CallHierarchyItem` in a document at a given position.
* Can be used as an input to an incoming or outgoing call hierarchy.
*
* @since 3.16.0
*/
var CallHierarchyPrepareRequest;
(function (CallHierarchyPrepareRequest) {
CallHierarchyPrepareRequest.method = 'textDocument/prepareCallHierarchy';
CallHierarchyPrepareRequest.messageDirection = messages_1.MessageDirection.clientToServer;
CallHierarchyPrepareRequest.type = new messages_1.ProtocolRequestType(CallHierarchyPrepareRequest.method);
})(CallHierarchyPrepareRequest = exports.CallHierarchyPrepareRequest || (exports.CallHierarchyPrepareRequest = {}));
/**
* A request to resolve the incoming calls for a given `CallHierarchyItem`.
*
* @since 3.16.0
*/
var CallHierarchyIncomingCallsRequest;
(function (CallHierarchyIncomingCallsRequest) {
CallHierarchyIncomingCallsRequest.method = 'callHierarchy/incomingCalls';
CallHierarchyIncomingCallsRequest.messageDirection = messages_1.MessageDirection.clientToServer;
CallHierarchyIncomingCallsRequest.type = new messages_1.ProtocolRequestType(CallHierarchyIncomingCallsRequest.method);
})(CallHierarchyIncomingCallsRequest = exports.CallHierarchyIncomingCallsRequest || (exports.CallHierarchyIncomingCallsRequest = {}));
/**
* A request to resolve the outgoing calls for a given `CallHierarchyItem`.
*
* @since 3.16.0
*/
var CallHierarchyOutgoingCallsRequest;
(function (CallHierarchyOutgoingCallsRequest) {
CallHierarchyOutgoingCallsRequest.method = 'callHierarchy/outgoingCalls';
CallHierarchyOutgoingCallsRequest.messageDirection = messages_1.MessageDirection.clientToServer;
CallHierarchyOutgoingCallsRequest.type = new messages_1.ProtocolRequestType(CallHierarchyOutgoingCallsRequest.method);
})(CallHierarchyOutgoingCallsRequest = exports.CallHierarchyOutgoingCallsRequest || (exports.CallHierarchyOutgoingCallsRequest = {}));
/***/ }),
/***/ 3747:
/***/ ((__unused_webpack_module, exports, __webpack_require__) => {
"use strict";
/* --------------------------------------------------------------------------------------------
* Copyright (c) Microsoft Corporation. All rights reserved.
* Licensed under the MIT License. See License.txt in the project root for license information.
* ------------------------------------------------------------------------------------------ */
Object.defineProperty(exports, "__esModule", ({ value: true }));
exports.ColorPresentationRequest = exports.DocumentColorRequest = void 0;
const messages_1 = __webpack_require__(8431);
/**
* A request to list all color symbols found in a given text document. The request's
* parameter is of type {@link DocumentColorParams} the
* response is of type {@link ColorInformation ColorInformation[]} or a Thenable
* that resolves to such.
*/
var DocumentColorRequest;
(function (DocumentColorRequest) {
DocumentColorRequest.method = 'textDocument/documentColor';
DocumentColorRequest.messageDirection = messages_1.MessageDirection.clientToServer;
DocumentColorRequest.type = new messages_1.ProtocolRequestType(DocumentColorRequest.method);
})(DocumentColorRequest = exports.DocumentColorRequest || (exports.DocumentColorRequest = {}));
/**
* A request to list all presentation for a color. The request's
* parameter is of type {@link ColorPresentationParams} the
* response is of type {@link ColorInformation ColorInformation[]} or a Thenable
* that resolves to such.
*/
var ColorPresentationRequest;
(function (ColorPresentationRequest) {
ColorPresentationRequest.method = 'textDocument/colorPresentation';
ColorPresentationRequest.messageDirection = messages_1.MessageDirection.clientToServer;
ColorPresentationRequest.type = new messages_1.ProtocolRequestType(ColorPresentationRequest.method);
})(ColorPresentationRequest = exports.ColorPresentationRequest || (exports.ColorPresentationRequest = {}));
/***/ }),
/***/ 7639:
/***/ ((__unused_webpack_module, exports, __webpack_require__) => {
"use strict";
/* --------------------------------------------------------------------------------------------
* Copyright (c) Microsoft Corporation. All rights reserved.
* Licensed under the MIT License. See License.txt in the project root for license information.
* ------------------------------------------------------------------------------------------ */
Object.defineProperty(exports, "__esModule", ({ value: true }));
exports.ConfigurationRequest = void 0;
const messages_1 = __webpack_require__(8431);
//---- Get Configuration request ----
/**
* The 'workspace/configuration' request is sent from the server to the client to fetch a certain
* configuration setting.
*
* This pull model replaces the old push model were the client signaled configuration change via an
* event. If the server still needs to react to configuration changes (since the server caches the
* result of `workspace/configuration` requests) the server should register for an empty configuration
* change event and empty the cache if such an event is received.
*/
var ConfigurationRequest;
(function (ConfigurationRequest) {
ConfigurationRequest.method = 'workspace/configuration';
ConfigurationRequest.messageDirection = messages_1.MessageDirection.serverToClient;
ConfigurationRequest.type = new messages_1.ProtocolRequestType(ConfigurationRequest.method);
})(ConfigurationRequest = exports.ConfigurationRequest || (exports.ConfigurationRequest = {}));
/***/ }),
/***/ 5581:
/***/ ((__unused_webpack_module, exports, __webpack_require__) => {
"use strict";
/* --------------------------------------------------------------------------------------------
* Copyright (c) Microsoft Corporation. All rights reserved.
* Licensed under the MIT License. See License.txt in the project root for license information.
* ------------------------------------------------------------------------------------------ */
Object.defineProperty(exports, "__esModule", ({ value: true }));
exports.DeclarationRequest = void 0;
const messages_1 = __webpack_require__(8431);
// @ts-ignore: to avoid inlining LocationLink as dynamic import
let __noDynamicImport;
/**
* A request to resolve the type definition locations of a symbol at a given text
* document position. The request's parameter is of type [TextDocumentPositionParams]
* (#TextDocumentPositionParams) the response is of type {@link Declaration}
* or a typed array of {@link DeclarationLink} or a Thenable that resolves
* to such.
*/
var DeclarationRequest;
(function (DeclarationRequest) {
DeclarationRequest.method = 'textDocument/declaration';
DeclarationRequest.messageDirection = messages_1.MessageDirection.clientToServer;
DeclarationRequest.type = new messages_1.ProtocolRequestType(DeclarationRequest.method);
})(DeclarationRequest = exports.DeclarationRequest || (exports.DeclarationRequest = {}));
/***/ }),
/***/ 1494:
/***/ ((__unused_webpack_module, exports, __webpack_require__) => {
"use strict";
/* --------------------------------------------------------------------------------------------
* Copyright (c) Microsoft Corporation. All rights reserved.
* Licensed under the MIT License. See License.txt in the project root for license information.
* ------------------------------------------------------------------------------------------ */
Object.defineProperty(exports, "__esModule", ({ value: true }));
exports.DiagnosticRefreshRequest = exports.WorkspaceDiagnosticRequest = exports.DocumentDiagnosticRequest = exports.DocumentDiagnosticReportKind = exports.DiagnosticServerCancellationData = void 0;
const vscode_jsonrpc_1 = __webpack_require__(9110);
const Is = __webpack_require__(8633);
const messages_1 = __webpack_require__(8431);
/**
* @since 3.17.0
*/
var DiagnosticServerCancellationData;
(function (DiagnosticServerCancellationData) {
function is(value) {
const candidate = value;
return candidate && Is.boolean(candidate.retriggerRequest);
}
DiagnosticServerCancellationData.is = is;
})(DiagnosticServerCancellationData = exports.DiagnosticServerCancellationData || (exports.DiagnosticServerCancellationData = {}));
/**
* The document diagnostic report kinds.
*
* @since 3.17.0
*/
var DocumentDiagnosticReportKind;
(function (DocumentDiagnosticReportKind) {
/**
* A diagnostic report with a full
* set of problems.
*/
DocumentDiagnosticReportKind.Full = 'full';
/**
* A report indicating that the last
* returned report is still accurate.
*/
DocumentDiagnosticReportKind.Unchanged = 'unchanged';
})(DocumentDiagnosticReportKind = exports.DocumentDiagnosticReportKind || (exports.DocumentDiagnosticReportKind = {}));
/**
* The document diagnostic request definition.
*
* @since 3.17.0
*/
var DocumentDiagnosticRequest;
(function (DocumentDiagnosticRequest) {
DocumentDiagnosticRequest.method = 'textDocument/diagnostic';
DocumentDiagnosticRequest.messageDirection = messages_1.MessageDirection.clientToServer;
DocumentDiagnosticRequest.type = new messages_1.ProtocolRequestType(DocumentDiagnosticRequest.method);
DocumentDiagnosticRequest.partialResult = new vscode_jsonrpc_1.ProgressType();
})(DocumentDiagnosticRequest = exports.DocumentDiagnosticRequest || (exports.DocumentDiagnosticRequest = {}));
/**
* The workspace diagnostic request definition.
*
* @since 3.17.0
*/
var WorkspaceDiagnosticRequest;
(function (WorkspaceDiagnosticRequest) {
WorkspaceDiagnosticRequest.method = 'workspace/diagnostic';
WorkspaceDiagnosticRequest.messageDirection = messages_1.MessageDirection.clientToServer;
WorkspaceDiagnosticRequest.type = new messages_1.ProtocolRequestType(WorkspaceDiagnosticRequest.method);
WorkspaceDiagnosticRequest.partialResult = new vscode_jsonrpc_1.ProgressType();
})(WorkspaceDiagnosticRequest = exports.WorkspaceDiagnosticRequest || (exports.WorkspaceDiagnosticRequest = {}));
/**
* The diagnostic refresh request definition.
*
* @since 3.17.0
*/
var DiagnosticRefreshRequest;
(function (DiagnosticRefreshRequest) {
DiagnosticRefreshRequest.method = `workspace/diagnostic/refresh`;
DiagnosticRefreshRequest.messageDirection = messages_1.MessageDirection.serverToClient;
DiagnosticRefreshRequest.type = new messages_1.ProtocolRequestType0(DiagnosticRefreshRequest.method);
})(DiagnosticRefreshRequest = exports.DiagnosticRefreshRequest || (exports.DiagnosticRefreshRequest = {}));
/***/ }),
/***/ 4781:
/***/ ((__unused_webpack_module, exports, __webpack_require__) => {
"use strict";
/* --------------------------------------------------------------------------------------------
* Copyright (c) Microsoft Corporation. All rights reserved.
* Licensed under the MIT License. See License.txt in the project root for license information.
* ------------------------------------------------------------------------------------------ */
Object.defineProperty(exports, "__esModule", ({ value: true }));
exports.WillDeleteFilesRequest = exports.DidDeleteFilesNotification = exports.DidRenameFilesNotification = exports.WillRenameFilesRequest = exports.DidCreateFilesNotification = exports.WillCreateFilesRequest = exports.FileOperationPatternKind = void 0;
const messages_1 = __webpack_require__(8431);
/**
* A pattern kind describing if a glob pattern matches a file a folder or
* both.
*
* @since 3.16.0
*/
var FileOperationPatternKind;
(function (FileOperationPatternKind) {
/**
* The pattern matches a file only.
*/
FileOperationPatternKind.file = 'file';
/**
* The pattern matches a folder only.
*/
FileOperationPatternKind.folder = 'folder';
})(FileOperationPatternKind = exports.FileOperationPatternKind || (exports.FileOperationPatternKind = {}));
/**
* The will create files request is sent from the client to the server before files are actually
* created as long as the creation is triggered from within the client.
*
* The request can return a `WorkspaceEdit` which will be applied to workspace before the
* files are created. Hence the `WorkspaceEdit` can not manipulate the content of the file
* to be created.
*
* @since 3.16.0
*/
var WillCreateFilesRequest;
(function (WillCreateFilesRequest) {
WillCreateFilesRequest.method = 'workspace/willCreateFiles';
WillCreateFilesRequest.messageDirection = messages_1.MessageDirection.clientToServer;
WillCreateFilesRequest.type = new messages_1.ProtocolRequestType(WillCreateFilesRequest.method);
})(WillCreateFilesRequest = exports.WillCreateFilesRequest || (exports.WillCreateFilesRequest = {}));
/**
* The did create files notification is sent from the client to the server when
* files were created from within the client.
*
* @since 3.16.0
*/
var DidCreateFilesNotification;
(function (DidCreateFilesNotification) {
DidCreateFilesNotification.method = 'workspace/didCreateFiles';
DidCreateFilesNotification.messageDirection = messages_1.MessageDirection.clientToServer;
DidCreateFilesNotification.type = new messages_1.ProtocolNotificationType(DidCreateFilesNotification.method);
})(DidCreateFilesNotification = exports.DidCreateFilesNotification || (exports.DidCreateFilesNotification = {}));
/**
* The will rename files request is sent from the client to the server before files are actually
* renamed as long as the rename is triggered from within the client.
*
* @since 3.16.0
*/
var WillRenameFilesRequest;
(function (WillRenameFilesRequest) {
WillRenameFilesRequest.method = 'workspace/willRenameFiles';
WillRenameFilesRequest.messageDirection = messages_1.MessageDirection.clientToServer;
WillRenameFilesRequest.type = new messages_1.ProtocolRequestType(WillRenameFilesRequest.method);
})(WillRenameFilesRequest = exports.WillRenameFilesRequest || (exports.WillRenameFilesRequest = {}));
/**
* The did rename files notification is sent from the client to the server when
* files were renamed from within the client.
*
* @since 3.16.0
*/
var DidRenameFilesNotification;
(function (DidRenameFilesNotification) {
DidRenameFilesNotification.method = 'workspace/didRenameFiles';
DidRenameFilesNotification.messageDirection = messages_1.MessageDirection.clientToServer;
DidRenameFilesNotification.type = new messages_1.ProtocolNotificationType(DidRenameFilesNotification.method);
})(DidRenameFilesNotification = exports.DidRenameFilesNotification || (exports.DidRenameFilesNotification = {}));
/**
* The will delete files request is sent from the client to the server before files are actually
* deleted as long as the deletion is triggered from within the client.
*
* @since 3.16.0
*/
var DidDeleteFilesNotification;
(function (DidDeleteFilesNotification) {
DidDeleteFilesNotification.method = 'workspace/didDeleteFiles';
DidDeleteFilesNotification.messageDirection = messages_1.MessageDirection.clientToServer;
DidDeleteFilesNotification.type = new messages_1.ProtocolNotificationType(DidDeleteFilesNotification.method);
})(DidDeleteFilesNotification = exports.DidDeleteFilesNotification || (exports.DidDeleteFilesNotification = {}));
/**
* The did delete files notification is sent from the client to the server when
* files were deleted from within the client.
*
* @since 3.16.0
*/
var WillDeleteFilesRequest;
(function (WillDeleteFilesRequest) {
WillDeleteFilesRequest.method = 'workspace/willDeleteFiles';
WillDeleteFilesRequest.messageDirection = messages_1.MessageDirection.clientToServer;
WillDeleteFilesRequest.type = new messages_1.ProtocolRequestType(WillDeleteFilesRequest.method);
})(WillDeleteFilesRequest = exports.WillDeleteFilesRequest || (exports.WillDeleteFilesRequest = {}));
/***/ }),
/***/ 1203:
/***/ ((__unused_webpack_module, exports, __webpack_require__) => {
"use strict";
/*---------------------------------------------------------------------------------------------
* Copyright (c) Microsoft Corporation. All rights reserved.
* Licensed under the MIT License. See License.txt in the project root for license information.
*--------------------------------------------------------------------------------------------*/
Object.defineProperty(exports, "__esModule", ({ value: true }));
exports.FoldingRangeRequest = void 0;
const messages_1 = __webpack_require__(8431);
/**
* A request to provide folding ranges in a document. The request's
* parameter is of type {@link FoldingRangeParams}, the
* response is of type {@link FoldingRangeList} or a Thenable
* that resolves to such.
*/
var FoldingRangeRequest;
(function (FoldingRangeRequest) {
FoldingRangeRequest.method = 'textDocument/foldingRange';
FoldingRangeRequest.messageDirection = messages_1.MessageDirection.clientToServer;
FoldingRangeRequest.type = new messages_1.ProtocolRequestType(FoldingRangeRequest.method);
})(FoldingRangeRequest = exports.FoldingRangeRequest || (exports.FoldingRangeRequest = {}));
/***/ }),
/***/ 7287:
/***/ ((__unused_webpack_module, exports, __webpack_require__) => {
"use strict";
/* --------------------------------------------------------------------------------------------
* Copyright (c) Microsoft Corporation. All rights reserved.
* Licensed under the MIT License. See License.txt in the project root for license information.
* ------------------------------------------------------------------------------------------ */
Object.defineProperty(exports, "__esModule", ({ value: true }));
exports.ImplementationRequest = void 0;
const messages_1 = __webpack_require__(8431);
// @ts-ignore: to avoid inlining LocationLink as dynamic import
let __noDynamicImport;
/**
* A request to resolve the implementation locations of a symbol at a given text
* document position. The request's parameter is of type [TextDocumentPositionParams]
* (#TextDocumentPositionParams) the response is of type {@link Definition} or a
* Thenable that resolves to such.
*/
var ImplementationRequest;
(function (ImplementationRequest) {
ImplementationRequest.method = 'textDocument/implementation';
ImplementationRequest.messageDirection = messages_1.MessageDirection.clientToServer;
ImplementationRequest.type = new messages_1.ProtocolRequestType(ImplementationRequest.method);
})(ImplementationRequest = exports.ImplementationRequest || (exports.ImplementationRequest = {}));
/***/ }),
/***/ 9383:
/***/ ((__unused_webpack_module, exports, __webpack_require__) => {
"use strict";
/*---------------------------------------------------------------------------------------------
* Copyright (c) Microsoft Corporation. All rights reserved.
* Licensed under the MIT License. See License.txt in the project root for license information.
*--------------------------------------------------------------------------------------------*/
Object.defineProperty(exports, "__esModule", ({ value: true }));
exports.InlayHintRefreshRequest = exports.InlayHintResolveRequest = exports.InlayHintRequest = void 0;
const messages_1 = __webpack_require__(8431);
/**
* A request to provide inlay hints in a document. The request's parameter is of
* type {@link InlayHintsParams}, the response is of type
* {@link InlayHint InlayHint[]} or a Thenable that resolves to such.
*
* @since 3.17.0
*/
var InlayHintRequest;
(function (InlayHintRequest) {
InlayHintRequest.method = 'textDocument/inlayHint';
InlayHintRequest.messageDirection = messages_1.MessageDirection.clientToServer;
InlayHintRequest.type = new messages_1.ProtocolRequestType(InlayHintRequest.method);
})(InlayHintRequest = exports.InlayHintRequest || (exports.InlayHintRequest = {}));
/**
* A request to resolve additional properties for an inlay hint.
* The request's parameter is of type {@link InlayHint}, the response is
* of type {@link InlayHint} or a Thenable that resolves to such.
*
* @since 3.17.0
*/
var InlayHintResolveRequest;
(function (InlayHintResolveRequest) {
InlayHintResolveRequest.method = 'inlayHint/resolve';
InlayHintResolveRequest.messageDirection = messages_1.MessageDirection.clientToServer;
InlayHintResolveRequest.type = new messages_1.ProtocolRequestType(InlayHintResolveRequest.method);
})(InlayHintResolveRequest = exports.InlayHintResolveRequest || (exports.InlayHintResolveRequest = {}));
/**
* @since 3.17.0
*/
var InlayHintRefreshRequest;
(function (InlayHintRefreshRequest) {
InlayHintRefreshRequest.method = `workspace/inlayHint/refresh`;
InlayHintRefreshRequest.messageDirection = messages_1.MessageDirection.serverToClient;
InlayHintRefreshRequest.type = new messages_1.ProtocolRequestType0(InlayHintRefreshRequest.method);
})(InlayHintRefreshRequest = exports.InlayHintRefreshRequest || (exports.InlayHintRefreshRequest = {}));
/***/ }),
/***/ 3491:
/***/ ((__unused_webpack_module, exports, __webpack_require__) => {
"use strict";
/*---------------------------------------------------------------------------------------------
* Copyright (c) Microsoft Corporation. All rights reserved.
* Licensed under the MIT License. See License.txt in the project root for license information.
*--------------------------------------------------------------------------------------------*/
Object.defineProperty(exports, "__esModule", ({ value: true }));
exports.InlineValueRefreshRequest = exports.InlineValueRequest = void 0;
const messages_1 = __webpack_require__(8431);
/**
* A request to provide inline values in a document. The request's parameter is of
* type {@link InlineValueParams}, the response is of type
* {@link InlineValue InlineValue[]} or a Thenable that resolves to such.
*
* @since 3.17.0
*/
var InlineValueRequest;
(function (InlineValueRequest) {
InlineValueRequest.method = 'textDocument/inlineValue';
InlineValueRequest.messageDirection = messages_1.MessageDirection.clientToServer;
InlineValueRequest.type = new messages_1.ProtocolRequestType(InlineValueRequest.method);
})(InlineValueRequest = exports.InlineValueRequest || (exports.InlineValueRequest = {}));
/**
* @since 3.17.0
*/
var InlineValueRefreshRequest;
(function (InlineValueRefreshRequest) {
InlineValueRefreshRequest.method = `workspace/inlineValue/refresh`;
InlineValueRefreshRequest.messageDirection = messages_1.MessageDirection.serverToClient;
InlineValueRefreshRequest.type = new messages_1.ProtocolRequestType0(InlineValueRefreshRequest.method);
})(InlineValueRefreshRequest = exports.InlineValueRefreshRequest || (exports.InlineValueRefreshRequest = {}));
/***/ }),
/***/ 1815:
/***/ ((__unused_webpack_module, exports, __webpack_require__) => {
"use strict";
/* --------------------------------------------------------------------------------------------
* Copyright (c) Microsoft Corporation. All rights reserved.
* Licensed under the MIT License. See License.txt in the project root for license information.
* ------------------------------------------------------------------------------------------ */
Object.defineProperty(exports, "__esModule", ({ value: true }));
exports.WorkspaceSymbolRequest = exports.CodeActionResolveRequest = exports.CodeActionRequest = exports.DocumentSymbolRequest = exports.DocumentHighlightRequest = exports.ReferencesRequest = exports.DefinitionRequest = exports.SignatureHelpRequest = exports.SignatureHelpTriggerKind = exports.HoverRequest = exports.CompletionResolveRequest = exports.CompletionRequest = exports.CompletionTriggerKind = exports.PublishDiagnosticsNotification = exports.WatchKind = exports.RelativePattern = exports.FileChangeType = exports.DidChangeWatchedFilesNotification = exports.WillSaveTextDocumentWaitUntilRequest = exports.WillSaveTextDocumentNotification = exports.TextDocumentSaveReason = exports.DidSaveTextDocumentNotification = exports.DidCloseTextDocumentNotification = exports.DidChangeTextDocumentNotification = exports.TextDocumentContentChangeEvent = exports.DidOpenTextDocumentNotification = exports.TextDocumentSyncKind = exports.TelemetryEventNotification = exports.LogMessageNotification = exports.ShowMessageRequest = exports.ShowMessageNotification = exports.MessageType = exports.DidChangeConfigurationNotification = exports.ExitNotification = exports.ShutdownRequest = exports.InitializedNotification = exports.InitializeErrorCodes = exports.InitializeRequest = exports.WorkDoneProgressOptions = exports.TextDocumentRegistrationOptions = exports.StaticRegistrationOptions = exports.PositionEncodingKind = exports.FailureHandlingKind = exports.ResourceOperationKind = exports.UnregistrationRequest = exports.RegistrationRequest = exports.DocumentSelector = exports.NotebookCellTextDocumentFilter = exports.NotebookDocumentFilter = exports.TextDocumentFilter = void 0;
exports.TypeHierarchySubtypesRequest = exports.TypeHierarchyPrepareRequest = exports.MonikerRequest = exports.MonikerKind = exports.UniquenessLevel = exports.WillDeleteFilesRequest = exports.DidDeleteFilesNotification = exports.WillRenameFilesRequest = exports.DidRenameFilesNotification = exports.WillCreateFilesRequest = exports.DidCreateFilesNotification = exports.FileOperationPatternKind = exports.LinkedEditingRangeRequest = exports.ShowDocumentRequest = exports.SemanticTokensRegistrationType = exports.SemanticTokensRefreshRequest = exports.SemanticTokensRangeRequest = exports.SemanticTokensDeltaRequest = exports.SemanticTokensRequest = exports.TokenFormat = exports.CallHierarchyPrepareRequest = exports.CallHierarchyOutgoingCallsRequest = exports.CallHierarchyIncomingCallsRequest = exports.WorkDoneProgressCancelNotification = exports.WorkDoneProgressCreateRequest = exports.WorkDoneProgress = exports.SelectionRangeRequest = exports.DeclarationRequest = exports.FoldingRangeRequest = exports.ColorPresentationRequest = exports.DocumentColorRequest = exports.ConfigurationRequest = exports.DidChangeWorkspaceFoldersNotification = exports.WorkspaceFoldersRequest = exports.TypeDefinitionRequest = exports.ImplementationRequest = exports.ApplyWorkspaceEditRequest = exports.ExecuteCommandRequest = exports.PrepareRenameRequest = exports.RenameRequest = exports.PrepareSupportDefaultBehavior = exports.DocumentOnTypeFormattingRequest = exports.DocumentRangeFormattingRequest = exports.DocumentFormattingRequest = exports.DocumentLinkResolveRequest = exports.DocumentLinkRequest = exports.CodeLensRefreshRequest = exports.CodeLensResolveRequest = exports.CodeLensRequest = exports.WorkspaceSymbolResolveRequest = void 0;
exports.DidCloseNotebookDocumentNotification = exports.DidSaveNotebookDocumentNotification = exports.DidChangeNotebookDocumentNotification = exports.NotebookCellArrayChange = exports.DidOpenNotebookDocumentNotification = exports.NotebookDocumentSyncRegistrationType = exports.NotebookDocument = exports.NotebookCell = exports.ExecutionSummary = exports.NotebookCellKind = exports.DiagnosticRefreshRequest = exports.WorkspaceDiagnosticRequest = exports.DocumentDiagnosticRequest = exports.DocumentDiagnosticReportKind = exports.DiagnosticServerCancellationData = exports.InlayHintRefreshRequest = exports.InlayHintResolveRequest = exports.InlayHintRequest = exports.InlineValueRefreshRequest = exports.InlineValueRequest = exports.TypeHierarchySupertypesRequest = void 0;
const messages_1 = __webpack_require__(8431);
const vscode_languageserver_types_1 = __webpack_require__(7717);
const Is = __webpack_require__(8633);
const protocol_implementation_1 = __webpack_require__(7287);
Object.defineProperty(exports, "ImplementationRequest", ({ enumerable: true, get: function () { return protocol_implementation_1.ImplementationRequest; } }));
const protocol_typeDefinition_1 = __webpack_require__(9264);
Object.defineProperty(exports, "TypeDefinitionRequest", ({ enumerable: true, get: function () { return protocol_typeDefinition_1.TypeDefinitionRequest; } }));
const protocol_workspaceFolder_1 = __webpack_require__(6860);
Object.defineProperty(exports, "WorkspaceFoldersRequest", ({ enumerable: true, get: function () { return protocol_workspaceFolder_1.WorkspaceFoldersRequest; } }));
Object.defineProperty(exports, "DidChangeWorkspaceFoldersNotification", ({ enumerable: true, get: function () { return protocol_workspaceFolder_1.DidChangeWorkspaceFoldersNotification; } }));
const protocol_configuration_1 = __webpack_require__(7639);
Object.defineProperty(exports, "ConfigurationRequest", ({ enumerable: true, get: function () { return protocol_configuration_1.ConfigurationRequest; } }));
const protocol_colorProvider_1 = __webpack_require__(3747);
Object.defineProperty(exports, "DocumentColorRequest", ({ enumerable: true, get: function () { return protocol_colorProvider_1.DocumentColorRequest; } }));
Object.defineProperty(exports, "ColorPresentationRequest", ({ enumerable: true, get: function () { return protocol_colorProvider_1.ColorPresentationRequest; } }));
const protocol_foldingRange_1 = __webpack_require__(1203);
Object.defineProperty(exports, "FoldingRangeRequest", ({ enumerable: true, get: function () { return protocol_foldingRange_1.FoldingRangeRequest; } }));
const protocol_declaration_1 = __webpack_require__(5581);
Object.defineProperty(exports, "DeclarationRequest", ({ enumerable: true, get: function () { return protocol_declaration_1.DeclarationRequest; } }));
const protocol_selectionRange_1 = __webpack_require__(1530);
Object.defineProperty(exports, "SelectionRangeRequest", ({ enumerable: true, get: function () { return protocol_selectionRange_1.SelectionRangeRequest; } }));
const protocol_progress_1 = __webpack_require__(4166);
Object.defineProperty(exports, "WorkDoneProgress", ({ enumerable: true, get: function () { return protocol_progress_1.WorkDoneProgress; } }));
Object.defineProperty(exports, "WorkDoneProgressCreateRequest", ({ enumerable: true, get: function () { return protocol_progress_1.WorkDoneProgressCreateRequest; } }));
Object.defineProperty(exports, "WorkDoneProgressCancelNotification", ({ enumerable: true, get: function () { return protocol_progress_1.WorkDoneProgressCancelNotification; } }));
const protocol_callHierarchy_1 = __webpack_require__(7602);
Object.defineProperty(exports, "CallHierarchyIncomingCallsRequest", ({ enumerable: true, get: function () { return protocol_callHierarchy_1.CallHierarchyIncomingCallsRequest; } }));
Object.defineProperty(exports, "CallHierarchyOutgoingCallsRequest", ({ enumerable: true, get: function () { return protocol_callHierarchy_1.CallHierarchyOutgoingCallsRequest; } }));
Object.defineProperty(exports, "CallHierarchyPrepareRequest", ({ enumerable: true, get: function () { return protocol_callHierarchy_1.CallHierarchyPrepareRequest; } }));
const protocol_semanticTokens_1 = __webpack_require__(2067);
Object.defineProperty(exports, "TokenFormat", ({ enumerable: true, get: function () { return protocol_semanticTokens_1.TokenFormat; } }));
Object.defineProperty(exports, "SemanticTokensRequest", ({ enumerable: true, get: function () { return protocol_semanticTokens_1.SemanticTokensRequest; } }));
Object.defineProperty(exports, "SemanticTokensDeltaRequest", ({ enumerable: true, get: function () { return protocol_semanticTokens_1.SemanticTokensDeltaRequest; } }));
Object.defineProperty(exports, "SemanticTokensRangeRequest", ({ enumerable: true, get: function () { return protocol_semanticTokens_1.SemanticTokensRangeRequest; } }));
Object.defineProperty(exports, "SemanticTokensRefreshRequest", ({ enumerable: true, get: function () { return protocol_semanticTokens_1.SemanticTokensRefreshRequest; } }));
Object.defineProperty(exports, "SemanticTokensRegistrationType", ({ enumerable: true, get: function () { return protocol_semanticTokens_1.SemanticTokensRegistrationType; } }));
const protocol_showDocument_1 = __webpack_require__(4333);
Object.defineProperty(exports, "ShowDocumentRequest", ({ enumerable: true, get: function () { return protocol_showDocument_1.ShowDocumentRequest; } }));
const protocol_linkedEditingRange_1 = __webpack_require__(2249);
Object.defineProperty(exports, "LinkedEditingRangeRequest", ({ enumerable: true, get: function () { return protocol_linkedEditingRange_1.LinkedEditingRangeRequest; } }));
const protocol_fileOperations_1 = __webpack_require__(4781);
Object.defineProperty(exports, "FileOperationPatternKind", ({ enumerable: true, get: function () { return protocol_fileOperations_1.FileOperationPatternKind; } }));
Object.defineProperty(exports, "DidCreateFilesNotification", ({ enumerable: true, get: function () { return protocol_fileOperations_1.DidCreateFilesNotification; } }));
Object.defineProperty(exports, "WillCreateFilesRequest", ({ enumerable: true, get: function () { return protocol_fileOperations_1.WillCreateFilesRequest; } }));
Object.defineProperty(exports, "DidRenameFilesNotification", ({ enumerable: true, get: function () { return protocol_fileOperations_1.DidRenameFilesNotification; } }));
Object.defineProperty(exports, "WillRenameFilesRequest", ({ enumerable: true, get: function () { return protocol_fileOperations_1.WillRenameFilesRequest; } }));
Object.defineProperty(exports, "DidDeleteFilesNotification", ({ enumerable: true, get: function () { return protocol_fileOperations_1.DidDeleteFilesNotification; } }));
Object.defineProperty(exports, "WillDeleteFilesRequest", ({ enumerable: true, get: function () { return protocol_fileOperations_1.WillDeleteFilesRequest; } }));
const protocol_moniker_1 = __webpack_require__(7684);
Object.defineProperty(exports, "UniquenessLevel", ({ enumerable: true, get: function () { return protocol_moniker_1.UniquenessLevel; } }));
Object.defineProperty(exports, "MonikerKind", ({ enumerable: true, get: function () { return protocol_moniker_1.MonikerKind; } }));
Object.defineProperty(exports, "MonikerRequest", ({ enumerable: true, get: function () { return protocol_moniker_1.MonikerRequest; } }));
const protocol_typeHierarchy_1 = __webpack_require__(7062);
Object.defineProperty(exports, "TypeHierarchyPrepareRequest", ({ enumerable: true, get: function () { return protocol_typeHierarchy_1.TypeHierarchyPrepareRequest; } }));
Object.defineProperty(exports, "TypeHierarchySubtypesRequest", ({ enumerable: true, get: function () { return protocol_typeHierarchy_1.TypeHierarchySubtypesRequest; } }));
Object.defineProperty(exports, "TypeHierarchySupertypesRequest", ({ enumerable: true, get: function () { return protocol_typeHierarchy_1.TypeHierarchySupertypesRequest; } }));
const protocol_inlineValue_1 = __webpack_require__(3491);
Object.defineProperty(exports, "InlineValueRequest", ({ enumerable: true, get: function () { return protocol_inlineValue_1.InlineValueRequest; } }));
Object.defineProperty(exports, "InlineValueRefreshRequest", ({ enumerable: true, get: function () { return protocol_inlineValue_1.InlineValueRefreshRequest; } }));
const protocol_inlayHint_1 = __webpack_require__(9383);
Object.defineProperty(exports, "InlayHintRequest", ({ enumerable: true, get: function () { return protocol_inlayHint_1.InlayHintRequest; } }));
Object.defineProperty(exports, "InlayHintResolveRequest", ({ enumerable: true, get: function () { return protocol_inlayHint_1.InlayHintResolveRequest; } }));
Object.defineProperty(exports, "InlayHintRefreshRequest", ({ enumerable: true, get: function () { return protocol_inlayHint_1.InlayHintRefreshRequest; } }));
const protocol_diagnostic_1 = __webpack_require__(1494);
Object.defineProperty(exports, "DiagnosticServerCancellationData", ({ enumerable: true, get: function () { return protocol_diagnostic_1.DiagnosticServerCancellationData; } }));
Object.defineProperty(exports, "DocumentDiagnosticReportKind", ({ enumerable: true, get: function () { return protocol_diagnostic_1.DocumentDiagnosticReportKind; } }));
Object.defineProperty(exports, "DocumentDiagnosticRequest", ({ enumerable: true, get: function () { return protocol_diagnostic_1.DocumentDiagnosticRequest; } }));
Object.defineProperty(exports, "WorkspaceDiagnosticRequest", ({ enumerable: true, get: function () { return protocol_diagnostic_1.WorkspaceDiagnosticRequest; } }));
Object.defineProperty(exports, "DiagnosticRefreshRequest", ({ enumerable: true, get: function () { return protocol_diagnostic_1.DiagnosticRefreshRequest; } }));
const protocol_notebook_1 = __webpack_require__(4792);
Object.defineProperty(exports, "NotebookCellKind", ({ enumerable: true, get: function () { return protocol_notebook_1.NotebookCellKind; } }));
Object.defineProperty(exports, "ExecutionSummary", ({ enumerable: true, get: function () { return protocol_notebook_1.ExecutionSummary; } }));
Object.defineProperty(exports, "NotebookCell", ({ enumerable: true, get: function () { return protocol_notebook_1.NotebookCell; } }));
Object.defineProperty(exports, "NotebookDocument", ({ enumerable: true, get: function () { return protocol_notebook_1.NotebookDocument; } }));
Object.defineProperty(exports, "NotebookDocumentSyncRegistrationType", ({ enumerable: true, get: function () { return protocol_notebook_1.NotebookDocumentSyncRegistrationType; } }));
Object.defineProperty(exports, "DidOpenNotebookDocumentNotification", ({ enumerable: true, get: function () { return protocol_notebook_1.DidOpenNotebookDocumentNotification; } }));
Object.defineProperty(exports, "NotebookCellArrayChange", ({ enumerable: true, get: function () { return protocol_notebook_1.NotebookCellArrayChange; } }));
Object.defineProperty(exports, "DidChangeNotebookDocumentNotification", ({ enumerable: true, get: function () { return protocol_notebook_1.DidChangeNotebookDocumentNotification; } }));
Object.defineProperty(exports, "DidSaveNotebookDocumentNotification", ({ enumerable: true, get: function () { return protocol_notebook_1.DidSaveNotebookDocumentNotification; } }));
Object.defineProperty(exports, "DidCloseNotebookDocumentNotification", ({ enumerable: true, get: function () { return protocol_notebook_1.DidCloseNotebookDocumentNotification; } }));
// @ts-ignore: to avoid inlining LocationLink as dynamic import
let __noDynamicImport;
/**
* The TextDocumentFilter namespace provides helper functions to work with
* {@link TextDocumentFilter} literals.
*
* @since 3.17.0
*/
var TextDocumentFilter;
(function (TextDocumentFilter) {
function is(value) {
const candidate = value;
return Is.string(candidate.language) || Is.string(candidate.scheme) || Is.string(candidate.pattern);
}
TextDocumentFilter.is = is;
})(TextDocumentFilter = exports.TextDocumentFilter || (exports.TextDocumentFilter = {}));
/**
* The NotebookDocumentFilter namespace provides helper functions to work with
* {@link NotebookDocumentFilter} literals.
*
* @since 3.17.0
*/
var NotebookDocumentFilter;
(function (NotebookDocumentFilter) {
function is(value) {
const candidate = value;
return Is.objectLiteral(candidate) && (Is.string(candidate.notebookType) || Is.string(candidate.scheme) || Is.string(candidate.pattern));
}
NotebookDocumentFilter.is = is;
})(NotebookDocumentFilter = exports.NotebookDocumentFilter || (exports.NotebookDocumentFilter = {}));
/**
* The NotebookCellTextDocumentFilter namespace provides helper functions to work with
* {@link NotebookCellTextDocumentFilter} literals.
*
* @since 3.17.0
*/
var NotebookCellTextDocumentFilter;
(function (NotebookCellTextDocumentFilter) {
function is(value) {
const candidate = value;
return Is.objectLiteral(candidate)
&& (Is.string(candidate.notebook) || NotebookDocumentFilter.is(candidate.notebook))
&& (candidate.language === undefined || Is.string(candidate.language));
}
NotebookCellTextDocumentFilter.is = is;
})(NotebookCellTextDocumentFilter = exports.NotebookCellTextDocumentFilter || (exports.NotebookCellTextDocumentFilter = {}));
/**
* The DocumentSelector namespace provides helper functions to work with
* {@link DocumentSelector}s.
*/
var DocumentSelector;
(function (DocumentSelector) {
function is(value) {
if (!Array.isArray(value)) {
return false;
}
for (let elem of value) {
if (!Is.string(elem) && !TextDocumentFilter.is(elem) && !NotebookCellTextDocumentFilter.is(elem)) {
return false;
}
}
return true;
}
DocumentSelector.is = is;
})(DocumentSelector = exports.DocumentSelector || (exports.DocumentSelector = {}));
/**
* The `client/registerCapability` request is sent from the server to the client to register a new capability
* handler on the client side.
*/
var RegistrationRequest;
(function (RegistrationRequest) {
RegistrationRequest.method = 'client/registerCapability';
RegistrationRequest.messageDirection = messages_1.MessageDirection.serverToClient;
RegistrationRequest.type = new messages_1.ProtocolRequestType(RegistrationRequest.method);
})(RegistrationRequest = exports.RegistrationRequest || (exports.RegistrationRequest = {}));
/**
* The `client/unregisterCapability` request is sent from the server to the client to unregister a previously registered capability
* handler on the client side.
*/
var UnregistrationRequest;
(function (UnregistrationRequest) {
UnregistrationRequest.method = 'client/unregisterCapability';
UnregistrationRequest.messageDirection = messages_1.MessageDirection.serverToClient;
UnregistrationRequest.type = new messages_1.ProtocolRequestType(UnregistrationRequest.method);
})(UnregistrationRequest = exports.UnregistrationRequest || (exports.UnregistrationRequest = {}));
var ResourceOperationKind;
(function (ResourceOperationKind) {
/**
* Supports creating new files and folders.
*/
ResourceOperationKind.Create = 'create';
/**
* Supports renaming existing files and folders.
*/
ResourceOperationKind.Rename = 'rename';
/**
* Supports deleting existing files and folders.
*/
ResourceOperationKind.Delete = 'delete';
})(ResourceOperationKind = exports.ResourceOperationKind || (exports.ResourceOperationKind = {}));
var FailureHandlingKind;
(function (FailureHandlingKind) {
/**
* Applying the workspace change is simply aborted if one of the changes provided
* fails. All operations executed before the failing operation stay executed.
*/
FailureHandlingKind.Abort = 'abort';
/**
* All operations are executed transactional. That means they either all
* succeed or no changes at all are applied to the workspace.
*/
FailureHandlingKind.Transactional = 'transactional';
/**
* If the workspace edit contains only textual file changes they are executed transactional.
* If resource changes (create, rename or delete file) are part of the change the failure
* handling strategy is abort.
*/
FailureHandlingKind.TextOnlyTransactional = 'textOnlyTransactional';
/**
* The client tries to undo the operations already executed. But there is no
* guarantee that this is succeeding.
*/
FailureHandlingKind.Undo = 'undo';
})(FailureHandlingKind = exports.FailureHandlingKind || (exports.FailureHandlingKind = {}));
/**
* A set of predefined position encoding kinds.
*
* @since 3.17.0
*/
var PositionEncodingKind;
(function (PositionEncodingKind) {
/**
* Character offsets count UTF-8 code units (e.g. bytes).
*/
PositionEncodingKind.UTF8 = 'utf-8';
/**
* Character offsets count UTF-16 code units.
*
* This is the default and must always be supported
* by servers
*/
PositionEncodingKind.UTF16 = 'utf-16';
/**
* Character offsets count UTF-32 code units.
*
* Implementation note: these are the same as Unicode codepoints,
* so this `PositionEncodingKind` may also be used for an
* encoding-agnostic representation of character offsets.
*/
PositionEncodingKind.UTF32 = 'utf-32';
})(PositionEncodingKind = exports.PositionEncodingKind || (exports.PositionEncodingKind = {}));
/**
* The StaticRegistrationOptions namespace provides helper functions to work with
* {@link StaticRegistrationOptions} literals.
*/
var StaticRegistrationOptions;
(function (StaticRegistrationOptions) {
function hasId(value) {
const candidate = value;
return candidate && Is.string(candidate.id) && candidate.id.length > 0;
}
StaticRegistrationOptions.hasId = hasId;
})(StaticRegistrationOptions = exports.StaticRegistrationOptions || (exports.StaticRegistrationOptions = {}));
/**
* The TextDocumentRegistrationOptions namespace provides helper functions to work with
* {@link TextDocumentRegistrationOptions} literals.
*/
var TextDocumentRegistrationOptions;
(function (TextDocumentRegistrationOptions) {
function is(value) {
const candidate = value;
return candidate && (candidate.documentSelector === null || DocumentSelector.is(candidate.documentSelector));
}
TextDocumentRegistrationOptions.is = is;
})(TextDocumentRegistrationOptions = exports.TextDocumentRegistrationOptions || (exports.TextDocumentRegistrationOptions = {}));
/**
* The WorkDoneProgressOptions namespace provides helper functions to work with
* {@link WorkDoneProgressOptions} literals.
*/
var WorkDoneProgressOptions;
(function (WorkDoneProgressOptions) {
function is(value) {
const candidate = value;
return Is.objectLiteral(candidate) && (candidate.workDoneProgress === undefined || Is.boolean(candidate.workDoneProgress));
}
WorkDoneProgressOptions.is = is;
function hasWorkDoneProgress(value) {
const candidate = value;
return candidate && Is.boolean(candidate.workDoneProgress);
}
WorkDoneProgressOptions.hasWorkDoneProgress = hasWorkDoneProgress;
})(WorkDoneProgressOptions = exports.WorkDoneProgressOptions || (exports.WorkDoneProgressOptions = {}));
/**
* The initialize request is sent from the client to the server.
* It is sent once as the request after starting up the server.
* The requests parameter is of type {@link InitializeParams}
* the response if of type {@link InitializeResult} of a Thenable that
* resolves to such.
*/
var InitializeRequest;
(function (InitializeRequest) {
InitializeRequest.method = 'initialize';
InitializeRequest.messageDirection = messages_1.MessageDirection.clientToServer;
InitializeRequest.type = new messages_1.ProtocolRequestType(InitializeRequest.method);
})(InitializeRequest = exports.InitializeRequest || (exports.InitializeRequest = {}));
/**
* Known error codes for an `InitializeErrorCodes`;
*/
var InitializeErrorCodes;
(function (InitializeErrorCodes) {
/**
* If the protocol version provided by the client can't be handled by the server.
*
* @deprecated This initialize error got replaced by client capabilities. There is
* no version handshake in version 3.0x
*/
InitializeErrorCodes.unknownProtocolVersion = 1;
})(InitializeErrorCodes = exports.InitializeErrorCodes || (exports.InitializeErrorCodes = {}));
/**
* The initialized notification is sent from the client to the
* server after the client is fully initialized and the server
* is allowed to send requests from the server to the client.
*/
var InitializedNotification;
(function (InitializedNotification) {
InitializedNotification.method = 'initialized';
InitializedNotification.messageDirection = messages_1.MessageDirection.clientToServer;
InitializedNotification.type = new messages_1.ProtocolNotificationType(InitializedNotification.method);
})(InitializedNotification = exports.InitializedNotification || (exports.InitializedNotification = {}));
//---- Shutdown Method ----
/**
* A shutdown request is sent from the client to the server.
* It is sent once when the client decides to shutdown the
* server. The only notification that is sent after a shutdown request
* is the exit event.
*/
var ShutdownRequest;
(function (ShutdownRequest) {
ShutdownRequest.method = 'shutdown';
ShutdownRequest.messageDirection = messages_1.MessageDirection.clientToServer;
ShutdownRequest.type = new messages_1.ProtocolRequestType0(ShutdownRequest.method);
})(ShutdownRequest = exports.ShutdownRequest || (exports.ShutdownRequest = {}));
//---- Exit Notification ----
/**
* The exit event is sent from the client to the server to
* ask the server to exit its process.
*/
var ExitNotification;
(function (ExitNotification) {
ExitNotification.method = 'exit';
ExitNotification.messageDirection = messages_1.MessageDirection.clientToServer;
ExitNotification.type = new messages_1.ProtocolNotificationType0(ExitNotification.method);
})(ExitNotification = exports.ExitNotification || (exports.ExitNotification = {}));
/**
* The configuration change notification is sent from the client to the server
* when the client's configuration has changed. The notification contains
* the changed configuration as defined by the language client.
*/
var DidChangeConfigurationNotification;
(function (DidChangeConfigurationNotification) {
DidChangeConfigurationNotification.method = 'workspace/didChangeConfiguration';
DidChangeConfigurationNotification.messageDirection = messages_1.MessageDirection.clientToServer;
DidChangeConfigurationNotification.type = new messages_1.ProtocolNotificationType(DidChangeConfigurationNotification.method);
})(DidChangeConfigurationNotification = exports.DidChangeConfigurationNotification || (exports.DidChangeConfigurationNotification = {}));
//---- Message show and log notifications ----
/**
* The message type
*/
var MessageType;
(function (MessageType) {
/**
* An error message.
*/
MessageType.Error = 1;
/**
* A warning message.
*/
MessageType.Warning = 2;
/**
* An information message.
*/
MessageType.Info = 3;
/**
* A log message.
*/
MessageType.Log = 4;
})(MessageType = exports.MessageType || (exports.MessageType = {}));
/**
* The show message notification is sent from a server to a client to ask
* the client to display a particular message in the user interface.
*/
var ShowMessageNotification;
(function (ShowMessageNotification) {
ShowMessageNotification.method = 'window/showMessage';
ShowMessageNotification.messageDirection = messages_1.MessageDirection.serverToClient;
ShowMessageNotification.type = new messages_1.ProtocolNotificationType(ShowMessageNotification.method);
})(ShowMessageNotification = exports.ShowMessageNotification || (exports.ShowMessageNotification = {}));
/**
* The show message request is sent from the server to the client to show a message
* and a set of options actions to the user.
*/
var ShowMessageRequest;
(function (ShowMessageRequest) {
ShowMessageRequest.method = 'window/showMessageRequest';
ShowMessageRequest.messageDirection = messages_1.MessageDirection.serverToClient;
ShowMessageRequest.type = new messages_1.ProtocolRequestType(ShowMessageRequest.method);
})(ShowMessageRequest = exports.ShowMessageRequest || (exports.ShowMessageRequest = {}));
/**
* The log message notification is sent from the server to the client to ask
* the client to log a particular message.
*/
var LogMessageNotification;
(function (LogMessageNotification) {
LogMessageNotification.method = 'window/logMessage';
LogMessageNotification.messageDirection = messages_1.MessageDirection.serverToClient;
LogMessageNotification.type = new messages_1.ProtocolNotificationType(LogMessageNotification.method);
})(LogMessageNotification = exports.LogMessageNotification || (exports.LogMessageNotification = {}));
//---- Telemetry notification
/**
* The telemetry event notification is sent from the server to the client to ask
* the client to log telemetry data.
*/
var TelemetryEventNotification;
(function (TelemetryEventNotification) {
TelemetryEventNotification.method = 'telemetry/event';
TelemetryEventNotification.messageDirection = messages_1.MessageDirection.serverToClient;
TelemetryEventNotification.type = new messages_1.ProtocolNotificationType(TelemetryEventNotification.method);
})(TelemetryEventNotification = exports.TelemetryEventNotification || (exports.TelemetryEventNotification = {}));
/**
* Defines how the host (editor) should sync
* document changes to the language server.
*/
var TextDocumentSyncKind;
(function (TextDocumentSyncKind) {
/**
* Documents should not be synced at all.
*/
TextDocumentSyncKind.None = 0;
/**
* Documents are synced by always sending the full content
* of the document.
*/
TextDocumentSyncKind.Full = 1;
/**
* Documents are synced by sending the full content on open.
* After that only incremental updates to the document are
* send.
*/
TextDocumentSyncKind.Incremental = 2;
})(TextDocumentSyncKind = exports.TextDocumentSyncKind || (exports.TextDocumentSyncKind = {}));
/**
* The document open notification is sent from the client to the server to signal
* newly opened text documents. The document's truth is now managed by the client
* and the server must not try to read the document's truth using the document's
* uri. Open in this sense means it is managed by the client. It doesn't necessarily
* mean that its content is presented in an editor. An open notification must not
* be sent more than once without a corresponding close notification send before.
* This means open and close notification must be balanced and the max open count
* is one.
*/
var DidOpenTextDocumentNotification;
(function (DidOpenTextDocumentNotification) {
DidOpenTextDocumentNotification.method = 'textDocument/didOpen';
DidOpenTextDocumentNotification.messageDirection = messages_1.MessageDirection.clientToServer;
DidOpenTextDocumentNotification.type = new messages_1.ProtocolNotificationType(DidOpenTextDocumentNotification.method);
})(DidOpenTextDocumentNotification = exports.DidOpenTextDocumentNotification || (exports.DidOpenTextDocumentNotification = {}));
var TextDocumentContentChangeEvent;
(function (TextDocumentContentChangeEvent) {
/**
* Checks whether the information describes a delta event.
*/
function isIncremental(event) {
let candidate = event;
return candidate !== undefined && candidate !== null &&
typeof candidate.text === 'string' && candidate.range !== undefined &&
(candidate.rangeLength === undefined || typeof candidate.rangeLength === 'number');
}
TextDocumentContentChangeEvent.isIncremental = isIncremental;
/**
* Checks whether the information describes a full replacement event.
*/
function isFull(event) {
let candidate = event;
return candidate !== undefined && candidate !== null &&
typeof candidate.text === 'string' && candidate.range === undefined && candidate.rangeLength === undefined;
}
TextDocumentContentChangeEvent.isFull = isFull;
})(TextDocumentContentChangeEvent = exports.TextDocumentContentChangeEvent || (exports.TextDocumentContentChangeEvent = {}));
/**
* The document change notification is sent from the client to the server to signal
* changes to a text document.
*/
var DidChangeTextDocumentNotification;
(function (DidChangeTextDocumentNotification) {
DidChangeTextDocumentNotification.method = 'textDocument/didChange';
DidChangeTextDocumentNotification.messageDirection = messages_1.MessageDirection.clientToServer;
DidChangeTextDocumentNotification.type = new messages_1.ProtocolNotificationType(DidChangeTextDocumentNotification.method);
})(DidChangeTextDocumentNotification = exports.DidChangeTextDocumentNotification || (exports.DidChangeTextDocumentNotification = {}));
/**
* The document close notification is sent from the client to the server when
* the document got closed in the client. The document's truth now exists where
* the document's uri points to (e.g. if the document's uri is a file uri the
* truth now exists on disk). As with the open notification the close notification
* is about managing the document's content. Receiving a close notification
* doesn't mean that the document was open in an editor before. A close
* notification requires a previous open notification to be sent.
*/
var DidCloseTextDocumentNotification;
(function (DidCloseTextDocumentNotification) {
DidCloseTextDocumentNotification.method = 'textDocument/didClose';
DidCloseTextDocumentNotification.messageDirection = messages_1.MessageDirection.clientToServer;
DidCloseTextDocumentNotification.type = new messages_1.ProtocolNotificationType(DidCloseTextDocumentNotification.method);
})(DidCloseTextDocumentNotification = exports.DidCloseTextDocumentNotification || (exports.DidCloseTextDocumentNotification = {}));
/**
* The document save notification is sent from the client to the server when
* the document got saved in the client.
*/
var DidSaveTextDocumentNotification;
(function (DidSaveTextDocumentNotification) {
DidSaveTextDocumentNotification.method = 'textDocument/didSave';
DidSaveTextDocumentNotification.messageDirection = messages_1.MessageDirection.clientToServer;
DidSaveTextDocumentNotification.type = new messages_1.ProtocolNotificationType(DidSaveTextDocumentNotification.method);
})(DidSaveTextDocumentNotification = exports.DidSaveTextDocumentNotification || (exports.DidSaveTextDocumentNotification = {}));
/**
* Represents reasons why a text document is saved.
*/
var TextDocumentSaveReason;
(function (TextDocumentSaveReason) {
/**
* Manually triggered, e.g. by the user pressing save, by starting debugging,
* or by an API call.
*/
TextDocumentSaveReason.Manual = 1;
/**
* Automatic after a delay.
*/
TextDocumentSaveReason.AfterDelay = 2;
/**
* When the editor lost focus.
*/
TextDocumentSaveReason.FocusOut = 3;
})(TextDocumentSaveReason = exports.TextDocumentSaveReason || (exports.TextDocumentSaveReason = {}));
/**
* A document will save notification is sent from the client to the server before
* the document is actually saved.
*/
var WillSaveTextDocumentNotification;
(function (WillSaveTextDocumentNotification) {
WillSaveTextDocumentNotification.method = 'textDocument/willSave';
WillSaveTextDocumentNotification.messageDirection = messages_1.MessageDirection.clientToServer;
WillSaveTextDocumentNotification.type = new messages_1.ProtocolNotificationType(WillSaveTextDocumentNotification.method);
})(WillSaveTextDocumentNotification = exports.WillSaveTextDocumentNotification || (exports.WillSaveTextDocumentNotification = {}));
/**
* A document will save request is sent from the client to the server before
* the document is actually saved. The request can return an array of TextEdits
* which will be applied to the text document before it is saved. Please note that
* clients might drop results if computing the text edits took too long or if a
* server constantly fails on this request. This is done to keep the save fast and
* reliable.
*/
var WillSaveTextDocumentWaitUntilRequest;
(function (WillSaveTextDocumentWaitUntilRequest) {
WillSaveTextDocumentWaitUntilRequest.method = 'textDocument/willSaveWaitUntil';
WillSaveTextDocumentWaitUntilRequest.messageDirection = messages_1.MessageDirection.clientToServer;
WillSaveTextDocumentWaitUntilRequest.type = new messages_1.ProtocolRequestType(WillSaveTextDocumentWaitUntilRequest.method);
})(WillSaveTextDocumentWaitUntilRequest = exports.WillSaveTextDocumentWaitUntilRequest || (exports.WillSaveTextDocumentWaitUntilRequest = {}));
/**
* The watched files notification is sent from the client to the server when
* the client detects changes to file watched by the language client.
*/
var DidChangeWatchedFilesNotification;
(function (DidChangeWatchedFilesNotification) {
DidChangeWatchedFilesNotification.method = 'workspace/didChangeWatchedFiles';
DidChangeWatchedFilesNotification.messageDirection = messages_1.MessageDirection.clientToServer;
DidChangeWatchedFilesNotification.type = new messages_1.ProtocolNotificationType(DidChangeWatchedFilesNotification.method);
})(DidChangeWatchedFilesNotification = exports.DidChangeWatchedFilesNotification || (exports.DidChangeWatchedFilesNotification = {}));
/**
* The file event type
*/
var FileChangeType;
(function (FileChangeType) {
/**
* The file got created.
*/
FileChangeType.Created = 1;
/**
* The file got changed.
*/
FileChangeType.Changed = 2;
/**
* The file got deleted.
*/
FileChangeType.Deleted = 3;
})(FileChangeType = exports.FileChangeType || (exports.FileChangeType = {}));
var RelativePattern;
(function (RelativePattern) {
function is(value) {
const candidate = value;
return Is.objectLiteral(candidate) && (vscode_languageserver_types_1.URI.is(candidate.baseUri) || vscode_languageserver_types_1.WorkspaceFolder.is(candidate.baseUri)) && Is.string(candidate.pattern);
}
RelativePattern.is = is;
})(RelativePattern = exports.RelativePattern || (exports.RelativePattern = {}));
var WatchKind;
(function (WatchKind) {
/**
* Interested in create events.
*/
WatchKind.Create = 1;
/**
* Interested in change events
*/
WatchKind.Change = 2;
/**
* Interested in delete events
*/
WatchKind.Delete = 4;
})(WatchKind = exports.WatchKind || (exports.WatchKind = {}));
/**
* Diagnostics notification are sent from the server to the client to signal
* results of validation runs.
*/
var PublishDiagnosticsNotification;
(function (PublishDiagnosticsNotification) {
PublishDiagnosticsNotification.method = 'textDocument/publishDiagnostics';
PublishDiagnosticsNotification.messageDirection = messages_1.MessageDirection.serverToClient;
PublishDiagnosticsNotification.type = new messages_1.ProtocolNotificationType(PublishDiagnosticsNotification.method);
})(PublishDiagnosticsNotification = exports.PublishDiagnosticsNotification || (exports.PublishDiagnosticsNotification = {}));
/**
* How a completion was triggered
*/
var CompletionTriggerKind;
(function (CompletionTriggerKind) {
/**
* Completion was triggered by typing an identifier (24x7 code
* complete), manual invocation (e.g Ctrl+Space) or via API.
*/
CompletionTriggerKind.Invoked = 1;
/**
* Completion was triggered by a trigger character specified by
* the `triggerCharacters` properties of the `CompletionRegistrationOptions`.
*/
CompletionTriggerKind.TriggerCharacter = 2;
/**
* Completion was re-triggered as current completion list is incomplete
*/
CompletionTriggerKind.TriggerForIncompleteCompletions = 3;
})(CompletionTriggerKind = exports.CompletionTriggerKind || (exports.CompletionTriggerKind = {}));
/**
* Request to request completion at a given text document position. The request's
* parameter is of type {@link TextDocumentPosition} the response
* is of type {@link CompletionItem CompletionItem[]} or {@link CompletionList}
* or a Thenable that resolves to such.
*
* The request can delay the computation of the {@link CompletionItem.detail `detail`}
* and {@link CompletionItem.documentation `documentation`} properties to the `completionItem/resolve`
* request. However, properties that are needed for the initial sorting and filtering, like `sortText`,
* `filterText`, `insertText`, and `textEdit`, must not be changed during resolve.
*/
var CompletionRequest;
(function (CompletionRequest) {
CompletionRequest.method = 'textDocument/completion';
CompletionRequest.messageDirection = messages_1.MessageDirection.clientToServer;
CompletionRequest.type = new messages_1.ProtocolRequestType(CompletionRequest.method);
})(CompletionRequest = exports.CompletionRequest || (exports.CompletionRequest = {}));
/**
* Request to resolve additional information for a given completion item.The request's
* parameter is of type {@link CompletionItem} the response
* is of type {@link CompletionItem} or a Thenable that resolves to such.
*/
var CompletionResolveRequest;
(function (CompletionResolveRequest) {
CompletionResolveRequest.method = 'completionItem/resolve';
CompletionResolveRequest.messageDirection = messages_1.MessageDirection.clientToServer;
CompletionResolveRequest.type = new messages_1.ProtocolRequestType(CompletionResolveRequest.method);
})(CompletionResolveRequest = exports.CompletionResolveRequest || (exports.CompletionResolveRequest = {}));
/**
* Request to request hover information at a given text document position. The request's
* parameter is of type {@link TextDocumentPosition} the response is of
* type {@link Hover} or a Thenable that resolves to such.
*/
var HoverRequest;
(function (HoverRequest) {
HoverRequest.method = 'textDocument/hover';
HoverRequest.messageDirection = messages_1.MessageDirection.clientToServer;
HoverRequest.type = new messages_1.ProtocolRequestType(HoverRequest.method);
})(HoverRequest = exports.HoverRequest || (exports.HoverRequest = {}));
/**
* How a signature help was triggered.
*
* @since 3.15.0
*/
var SignatureHelpTriggerKind;
(function (SignatureHelpTriggerKind) {
/**
* Signature help was invoked manually by the user or by a command.
*/
SignatureHelpTriggerKind.Invoked = 1;
/**
* Signature help was triggered by a trigger character.
*/
SignatureHelpTriggerKind.TriggerCharacter = 2;
/**
* Signature help was triggered by the cursor moving or by the document content changing.
*/
SignatureHelpTriggerKind.ContentChange = 3;
})(SignatureHelpTriggerKind = exports.SignatureHelpTriggerKind || (exports.SignatureHelpTriggerKind = {}));
var SignatureHelpRequest;
(function (SignatureHelpRequest) {
SignatureHelpRequest.method = 'textDocument/signatureHelp';
SignatureHelpRequest.messageDirection = messages_1.MessageDirection.clientToServer;
SignatureHelpRequest.type = new messages_1.ProtocolRequestType(SignatureHelpRequest.method);
})(SignatureHelpRequest = exports.SignatureHelpRequest || (exports.SignatureHelpRequest = {}));
/**
* A request to resolve the definition location of a symbol at a given text
* document position. The request's parameter is of type [TextDocumentPosition]
* (#TextDocumentPosition) the response is of either type {@link Definition}
* or a typed array of {@link DefinitionLink} or a Thenable that resolves
* to such.
*/
var DefinitionRequest;
(function (DefinitionRequest) {
DefinitionRequest.method = 'textDocument/definition';
DefinitionRequest.messageDirection = messages_1.MessageDirection.clientToServer;
DefinitionRequest.type = new messages_1.ProtocolRequestType(DefinitionRequest.method);
})(DefinitionRequest = exports.DefinitionRequest || (exports.DefinitionRequest = {}));
/**
* A request to resolve project-wide references for the symbol denoted
* by the given text document position. The request's parameter is of
* type {@link ReferenceParams} the response is of type
* {@link Location Location[]} or a Thenable that resolves to such.
*/
var ReferencesRequest;
(function (ReferencesRequest) {
ReferencesRequest.method = 'textDocument/references';
ReferencesRequest.messageDirection = messages_1.MessageDirection.clientToServer;
ReferencesRequest.type = new messages_1.ProtocolRequestType(ReferencesRequest.method);
})(ReferencesRequest = exports.ReferencesRequest || (exports.ReferencesRequest = {}));
/**
* Request to resolve a {@link DocumentHighlight} for a given
* text document position. The request's parameter is of type [TextDocumentPosition]
* (#TextDocumentPosition) the request response is of type [DocumentHighlight[]]
* (#DocumentHighlight) or a Thenable that resolves to such.
*/
var DocumentHighlightRequest;
(function (DocumentHighlightRequest) {
DocumentHighlightRequest.method = 'textDocument/documentHighlight';
DocumentHighlightRequest.messageDirection = messages_1.MessageDirection.clientToServer;
DocumentHighlightRequest.type = new messages_1.ProtocolRequestType(DocumentHighlightRequest.method);
})(DocumentHighlightRequest = exports.DocumentHighlightRequest || (exports.DocumentHighlightRequest = {}));
/**
* A request to list all symbols found in a given text document. The request's
* parameter is of type {@link TextDocumentIdentifier} the
* response is of type {@link SymbolInformation SymbolInformation[]} or a Thenable
* that resolves to such.
*/
var DocumentSymbolRequest;
(function (DocumentSymbolRequest) {
DocumentSymbolRequest.method = 'textDocument/documentSymbol';
DocumentSymbolRequest.messageDirection = messages_1.MessageDirection.clientToServer;
DocumentSymbolRequest.type = new messages_1.ProtocolRequestType(DocumentSymbolRequest.method);
})(DocumentSymbolRequest = exports.DocumentSymbolRequest || (exports.DocumentSymbolRequest = {}));
/**
* A request to provide commands for the given text document and range.
*/
var CodeActionRequest;
(function (CodeActionRequest) {
CodeActionRequest.method = 'textDocument/codeAction';
CodeActionRequest.messageDirection = messages_1.MessageDirection.clientToServer;
CodeActionRequest.type = new messages_1.ProtocolRequestType(CodeActionRequest.method);
})(CodeActionRequest = exports.CodeActionRequest || (exports.CodeActionRequest = {}));
/**
* Request to resolve additional information for a given code action.The request's
* parameter is of type {@link CodeAction} the response
* is of type {@link CodeAction} or a Thenable that resolves to such.
*/
var CodeActionResolveRequest;
(function (CodeActionResolveRequest) {
CodeActionResolveRequest.method = 'codeAction/resolve';
CodeActionResolveRequest.messageDirection = messages_1.MessageDirection.clientToServer;
CodeActionResolveRequest.type = new messages_1.ProtocolRequestType(CodeActionResolveRequest.method);
})(CodeActionResolveRequest = exports.CodeActionResolveRequest || (exports.CodeActionResolveRequest = {}));
/**
* A request to list project-wide symbols matching the query string given
* by the {@link WorkspaceSymbolParams}. The response is
* of type {@link SymbolInformation SymbolInformation[]} or a Thenable that
* resolves to such.
*
* @since 3.17.0 - support for WorkspaceSymbol in the returned data. Clients
* need to advertise support for WorkspaceSymbols via the client capability
* `workspace.symbol.resolveSupport`.
*
*/
var WorkspaceSymbolRequest;
(function (WorkspaceSymbolRequest) {
WorkspaceSymbolRequest.method = 'workspace/symbol';
WorkspaceSymbolRequest.messageDirection = messages_1.MessageDirection.clientToServer;
WorkspaceSymbolRequest.type = new messages_1.ProtocolRequestType(WorkspaceSymbolRequest.method);
})(WorkspaceSymbolRequest = exports.WorkspaceSymbolRequest || (exports.WorkspaceSymbolRequest = {}));
/**
* A request to resolve the range inside the workspace
* symbol's location.
*
* @since 3.17.0
*/
var WorkspaceSymbolResolveRequest;
(function (WorkspaceSymbolResolveRequest) {
WorkspaceSymbolResolveRequest.method = 'workspaceSymbol/resolve';
WorkspaceSymbolResolveRequest.messageDirection = messages_1.MessageDirection.clientToServer;
WorkspaceSymbolResolveRequest.type = new messages_1.ProtocolRequestType(WorkspaceSymbolResolveRequest.method);
})(WorkspaceSymbolResolveRequest = exports.WorkspaceSymbolResolveRequest || (exports.WorkspaceSymbolResolveRequest = {}));
/**
* A request to provide code lens for the given text document.
*/
var CodeLensRequest;
(function (CodeLensRequest) {
CodeLensRequest.method = 'textDocument/codeLens';
CodeLensRequest.messageDirection = messages_1.MessageDirection.clientToServer;
CodeLensRequest.type = new messages_1.ProtocolRequestType(CodeLensRequest.method);
})(CodeLensRequest = exports.CodeLensRequest || (exports.CodeLensRequest = {}));
/**
* A request to resolve a command for a given code lens.
*/
var CodeLensResolveRequest;
(function (CodeLensResolveRequest) {
CodeLensResolveRequest.method = 'codeLens/resolve';
CodeLensResolveRequest.messageDirection = messages_1.MessageDirection.clientToServer;
CodeLensResolveRequest.type = new messages_1.ProtocolRequestType(CodeLensResolveRequest.method);
})(CodeLensResolveRequest = exports.CodeLensResolveRequest || (exports.CodeLensResolveRequest = {}));
/**
* A request to refresh all code actions
*
* @since 3.16.0
*/
var CodeLensRefreshRequest;
(function (CodeLensRefreshRequest) {
CodeLensRefreshRequest.method = `workspace/codeLens/refresh`;
CodeLensRefreshRequest.messageDirection = messages_1.MessageDirection.serverToClient;
CodeLensRefreshRequest.type = new messages_1.ProtocolRequestType0(CodeLensRefreshRequest.method);
})(CodeLensRefreshRequest = exports.CodeLensRefreshRequest || (exports.CodeLensRefreshRequest = {}));
/**
* A request to provide document links
*/
var DocumentLinkRequest;
(function (DocumentLinkRequest) {
DocumentLinkRequest.method = 'textDocument/documentLink';
DocumentLinkRequest.messageDirection = messages_1.MessageDirection.clientToServer;
DocumentLinkRequest.type = new messages_1.ProtocolRequestType(DocumentLinkRequest.method);
})(DocumentLinkRequest = exports.DocumentLinkRequest || (exports.DocumentLinkRequest = {}));
/**
* Request to resolve additional information for a given document link. The request's
* parameter is of type {@link DocumentLink} the response
* is of type {@link DocumentLink} or a Thenable that resolves to such.
*/
var DocumentLinkResolveRequest;
(function (DocumentLinkResolveRequest) {
DocumentLinkResolveRequest.method = 'documentLink/resolve';
DocumentLinkResolveRequest.messageDirection = messages_1.MessageDirection.clientToServer;
DocumentLinkResolveRequest.type = new messages_1.ProtocolRequestType(DocumentLinkResolveRequest.method);
})(DocumentLinkResolveRequest = exports.DocumentLinkResolveRequest || (exports.DocumentLinkResolveRequest = {}));
/**
* A request to to format a whole document.
*/
var DocumentFormattingRequest;
(function (DocumentFormattingRequest) {
DocumentFormattingRequest.method = 'textDocument/formatting';
DocumentFormattingRequest.messageDirection = messages_1.MessageDirection.clientToServer;
DocumentFormattingRequest.type = new messages_1.ProtocolRequestType(DocumentFormattingRequest.method);
})(DocumentFormattingRequest = exports.DocumentFormattingRequest || (exports.DocumentFormattingRequest = {}));
/**
* A request to to format a range in a document.
*/
var DocumentRangeFormattingRequest;
(function (DocumentRangeFormattingRequest) {
DocumentRangeFormattingRequest.method = 'textDocument/rangeFormatting';
DocumentRangeFormattingRequest.messageDirection = messages_1.MessageDirection.clientToServer;
DocumentRangeFormattingRequest.type = new messages_1.ProtocolRequestType(DocumentRangeFormattingRequest.method);
})(DocumentRangeFormattingRequest = exports.DocumentRangeFormattingRequest || (exports.DocumentRangeFormattingRequest = {}));
/**
* A request to format a document on type.
*/
var DocumentOnTypeFormattingRequest;
(function (DocumentOnTypeFormattingRequest) {
DocumentOnTypeFormattingRequest.method = 'textDocument/onTypeFormatting';
DocumentOnTypeFormattingRequest.messageDirection = messages_1.MessageDirection.clientToServer;
DocumentOnTypeFormattingRequest.type = new messages_1.ProtocolRequestType(DocumentOnTypeFormattingRequest.method);
})(DocumentOnTypeFormattingRequest = exports.DocumentOnTypeFormattingRequest || (exports.DocumentOnTypeFormattingRequest = {}));
//---- Rename ----------------------------------------------
var PrepareSupportDefaultBehavior;
(function (PrepareSupportDefaultBehavior) {
/**
* The client's default behavior is to select the identifier
* according the to language's syntax rule.
*/
PrepareSupportDefaultBehavior.Identifier = 1;
})(PrepareSupportDefaultBehavior = exports.PrepareSupportDefaultBehavior || (exports.PrepareSupportDefaultBehavior = {}));
/**
* A request to rename a symbol.
*/
var RenameRequest;
(function (RenameRequest) {
RenameRequest.method = 'textDocument/rename';
RenameRequest.messageDirection = messages_1.MessageDirection.clientToServer;
RenameRequest.type = new messages_1.ProtocolRequestType(RenameRequest.method);
})(RenameRequest = exports.RenameRequest || (exports.RenameRequest = {}));
/**
* A request to test and perform the setup necessary for a rename.
*
* @since 3.16 - support for default behavior
*/
var PrepareRenameRequest;
(function (PrepareRenameRequest) {
PrepareRenameRequest.method = 'textDocument/prepareRename';
PrepareRenameRequest.messageDirection = messages_1.MessageDirection.clientToServer;
PrepareRenameRequest.type = new messages_1.ProtocolRequestType(PrepareRenameRequest.method);
})(PrepareRenameRequest = exports.PrepareRenameRequest || (exports.PrepareRenameRequest = {}));
/**
* A request send from the client to the server to execute a command. The request might return
* a workspace edit which the client will apply to the workspace.
*/
var ExecuteCommandRequest;
(function (ExecuteCommandRequest) {
ExecuteCommandRequest.method = 'workspace/executeCommand';
ExecuteCommandRequest.messageDirection = messages_1.MessageDirection.clientToServer;
ExecuteCommandRequest.type = new messages_1.ProtocolRequestType(ExecuteCommandRequest.method);
})(ExecuteCommandRequest = exports.ExecuteCommandRequest || (exports.ExecuteCommandRequest = {}));
/**
* A request sent from the server to the client to modified certain resources.
*/
var ApplyWorkspaceEditRequest;
(function (ApplyWorkspaceEditRequest) {
ApplyWorkspaceEditRequest.method = 'workspace/applyEdit';
ApplyWorkspaceEditRequest.messageDirection = messages_1.MessageDirection.serverToClient;
ApplyWorkspaceEditRequest.type = new messages_1.ProtocolRequestType('workspace/applyEdit');
})(ApplyWorkspaceEditRequest = exports.ApplyWorkspaceEditRequest || (exports.ApplyWorkspaceEditRequest = {}));
/***/ }),
/***/ 2249:
/***/ ((__unused_webpack_module, exports, __webpack_require__) => {
"use strict";
/*---------------------------------------------------------------------------------------------
* Copyright (c) Microsoft Corporation. All rights reserved.
* Licensed under the MIT License. See License.txt in the project root for license information.
*--------------------------------------------------------------------------------------------*/
Object.defineProperty(exports, "__esModule", ({ value: true }));
exports.LinkedEditingRangeRequest = void 0;
const messages_1 = __webpack_require__(8431);
/**
* A request to provide ranges that can be edited together.
*
* @since 3.16.0
*/
var LinkedEditingRangeRequest;
(function (LinkedEditingRangeRequest) {
LinkedEditingRangeRequest.method = 'textDocument/linkedEditingRange';
LinkedEditingRangeRequest.messageDirection = messages_1.MessageDirection.clientToServer;
LinkedEditingRangeRequest.type = new messages_1.ProtocolRequestType(LinkedEditingRangeRequest.method);
})(LinkedEditingRangeRequest = exports.LinkedEditingRangeRequest || (exports.LinkedEditingRangeRequest = {}));
/***/ }),
/***/ 7684:
/***/ ((__unused_webpack_module, exports, __webpack_require__) => {
"use strict";
/* --------------------------------------------------------------------------------------------
* Copyright (c) Microsoft Corporation. All rights reserved.
* Licensed under the MIT License. See License.txt in the project root for license information.
* ------------------------------------------------------------------------------------------ */
Object.defineProperty(exports, "__esModule", ({ value: true }));
exports.MonikerRequest = exports.MonikerKind = exports.UniquenessLevel = void 0;
const messages_1 = __webpack_require__(8431);
/**
* Moniker uniqueness level to define scope of the moniker.
*
* @since 3.16.0
*/
var UniquenessLevel;
(function (UniquenessLevel) {
/**
* The moniker is only unique inside a document
*/
UniquenessLevel.document = 'document';
/**
* The moniker is unique inside a project for which a dump got created
*/
UniquenessLevel.project = 'project';
/**
* The moniker is unique inside the group to which a project belongs
*/
UniquenessLevel.group = 'group';
/**
* The moniker is unique inside the moniker scheme.
*/
UniquenessLevel.scheme = 'scheme';
/**
* The moniker is globally unique
*/
UniquenessLevel.global = 'global';
})(UniquenessLevel = exports.UniquenessLevel || (exports.UniquenessLevel = {}));
/**
* The moniker kind.
*
* @since 3.16.0
*/
var MonikerKind;
(function (MonikerKind) {
/**
* The moniker represent a symbol that is imported into a project
*/
MonikerKind.$import = 'import';
/**
* The moniker represents a symbol that is exported from a project
*/
MonikerKind.$export = 'export';
/**
* The moniker represents a symbol that is local to a project (e.g. a local
* variable of a function, a class not visible outside the project, ...)
*/
MonikerKind.local = 'local';
})(MonikerKind = exports.MonikerKind || (exports.MonikerKind = {}));
/**
* A request to get the moniker of a symbol at a given text document position.
* The request parameter is of type {@link TextDocumentPositionParams}.
* The response is of type {@link Moniker Moniker[]} or `null`.
*/
var MonikerRequest;
(function (MonikerRequest) {
MonikerRequest.method = 'textDocument/moniker';
MonikerRequest.messageDirection = messages_1.MessageDirection.clientToServer;
MonikerRequest.type = new messages_1.ProtocolRequestType(MonikerRequest.method);
})(MonikerRequest = exports.MonikerRequest || (exports.MonikerRequest = {}));
/***/ }),
/***/ 4792:
/***/ ((__unused_webpack_module, exports, __webpack_require__) => {
"use strict";
/* --------------------------------------------------------------------------------------------
* Copyright (c) Microsoft Corporation. All rights reserved.
* Licensed under the MIT License. See License.txt in the project root for license information.
* ------------------------------------------------------------------------------------------ */
Object.defineProperty(exports, "__esModule", ({ value: true }));
exports.DidCloseNotebookDocumentNotification = exports.DidSaveNotebookDocumentNotification = exports.DidChangeNotebookDocumentNotification = exports.NotebookCellArrayChange = exports.DidOpenNotebookDocumentNotification = exports.NotebookDocumentSyncRegistrationType = exports.NotebookDocument = exports.NotebookCell = exports.ExecutionSummary = exports.NotebookCellKind = void 0;
const vscode_languageserver_types_1 = __webpack_require__(7717);
const Is = __webpack_require__(8633);
const messages_1 = __webpack_require__(8431);
/**
* A notebook cell kind.
*
* @since 3.17.0
*/
var NotebookCellKind;
(function (NotebookCellKind) {
/**
* A markup-cell is formatted source that is used for display.
*/
NotebookCellKind.Markup = 1;
/**
* A code-cell is source code.
*/
NotebookCellKind.Code = 2;
function is(value) {
return value === 1 || value === 2;
}
NotebookCellKind.is = is;
})(NotebookCellKind = exports.NotebookCellKind || (exports.NotebookCellKind = {}));
var ExecutionSummary;
(function (ExecutionSummary) {
function create(executionOrder, success) {
const result = { executionOrder };
if (success === true || success === false) {
result.success = success;
}
return result;
}
ExecutionSummary.create = create;
function is(value) {
const candidate = value;
return Is.objectLiteral(candidate) && vscode_languageserver_types_1.uinteger.is(candidate.executionOrder) && (candidate.success === undefined || Is.boolean(candidate.success));
}
ExecutionSummary.is = is;
function equals(one, other) {
if (one === other) {
return true;
}
if (one === null || one === undefined || other === null || other === undefined) {
return false;
}
return one.executionOrder === other.executionOrder && one.success === other.success;
}
ExecutionSummary.equals = equals;
})(ExecutionSummary = exports.ExecutionSummary || (exports.ExecutionSummary = {}));
var NotebookCell;
(function (NotebookCell) {
function create(kind, document) {
return { kind, document };
}
NotebookCell.create = create;
function is(value) {
const candidate = value;
return Is.objectLiteral(candidate) && NotebookCellKind.is(candidate.kind) && vscode_languageserver_types_1.DocumentUri.is(candidate.document) &&
(candidate.metadata === undefined || Is.objectLiteral(candidate.metadata));
}
NotebookCell.is = is;
function diff(one, two) {
const result = new Set();
if (one.document !== two.document) {
result.add('document');
}
if (one.kind !== two.kind) {
result.add('kind');
}
if (one.executionSummary !== two.executionSummary) {
result.add('executionSummary');
}
if ((one.metadata !== undefined || two.metadata !== undefined) && !equalsMetadata(one.metadata, two.metadata)) {
result.add('metadata');
}
if ((one.executionSummary !== undefined || two.executionSummary !== undefined) && !ExecutionSummary.equals(one.executionSummary, two.executionSummary)) {
result.add('executionSummary');
}
return result;
}
NotebookCell.diff = diff;
function equalsMetadata(one, other) {
if (one === other) {
return true;
}
if (one === null || one === undefined || other === null || other === undefined) {
return false;
}
if (typeof one !== typeof other) {
return false;
}
if (typeof one !== 'object') {
return false;
}
const oneArray = Array.isArray(one);
const otherArray = Array.isArray(other);
if (oneArray !== otherArray) {
return false;
}
if (oneArray && otherArray) {
if (one.length !== other.length) {
return false;
}
for (let i = 0; i < one.length; i++) {
if (!equalsMetadata(one[i], other[i])) {
return false;
}
}
}
if (Is.objectLiteral(one) && Is.objectLiteral(other)) {
const oneKeys = Object.keys(one);
const otherKeys = Object.keys(other);
if (oneKeys.length !== otherKeys.length) {
return false;
}
oneKeys.sort();
otherKeys.sort();
if (!equalsMetadata(oneKeys, otherKeys)) {
return false;
}
for (let i = 0; i < oneKeys.length; i++) {
const prop = oneKeys[i];
if (!equalsMetadata(one[prop], other[prop])) {
return false;
}
}
}
return true;
}
})(NotebookCell = exports.NotebookCell || (exports.NotebookCell = {}));
var NotebookDocument;
(function (NotebookDocument) {
function create(uri, notebookType, version, cells) {
return { uri, notebookType, version, cells };
}
NotebookDocument.create = create;
function is(value) {
const candidate = value;
return Is.objectLiteral(candidate) && Is.string(candidate.uri) && vscode_languageserver_types_1.integer.is(candidate.version) && Is.typedArray(candidate.cells, NotebookCell.is);
}
NotebookDocument.is = is;
})(NotebookDocument = exports.NotebookDocument || (exports.NotebookDocument = {}));
var NotebookDocumentSyncRegistrationType;
(function (NotebookDocumentSyncRegistrationType) {
NotebookDocumentSyncRegistrationType.method = 'notebookDocument/sync';
NotebookDocumentSyncRegistrationType.messageDirection = messages_1.MessageDirection.clientToServer;
NotebookDocumentSyncRegistrationType.type = new messages_1.RegistrationType(NotebookDocumentSyncRegistrationType.method);
})(NotebookDocumentSyncRegistrationType = exports.NotebookDocumentSyncRegistrationType || (exports.NotebookDocumentSyncRegistrationType = {}));
/**
* A notification sent when a notebook opens.
*
* @since 3.17.0
*/
var DidOpenNotebookDocumentNotification;
(function (DidOpenNotebookDocumentNotification) {
DidOpenNotebookDocumentNotification.method = 'notebookDocument/didOpen';
DidOpenNotebookDocumentNotification.messageDirection = messages_1.MessageDirection.clientToServer;
DidOpenNotebookDocumentNotification.type = new messages_1.ProtocolNotificationType(DidOpenNotebookDocumentNotification.method);
DidOpenNotebookDocumentNotification.registrationMethod = NotebookDocumentSyncRegistrationType.method;
})(DidOpenNotebookDocumentNotification = exports.DidOpenNotebookDocumentNotification || (exports.DidOpenNotebookDocumentNotification = {}));
var NotebookCellArrayChange;
(function (NotebookCellArrayChange) {
function is(value) {
const candidate = value;
return Is.objectLiteral(candidate) && vscode_languageserver_types_1.uinteger.is(candidate.start) && vscode_languageserver_types_1.uinteger.is(candidate.deleteCount) && (candidate.cells === undefined || Is.typedArray(candidate.cells, NotebookCell.is));
}
NotebookCellArrayChange.is = is;
function create(start, deleteCount, cells) {
const result = { start, deleteCount };
if (cells !== undefined) {
result.cells = cells;
}
return result;
}
NotebookCellArrayChange.create = create;
})(NotebookCellArrayChange = exports.NotebookCellArrayChange || (exports.NotebookCellArrayChange = {}));
var DidChangeNotebookDocumentNotification;
(function (DidChangeNotebookDocumentNotification) {
DidChangeNotebookDocumentNotification.method = 'notebookDocument/didChange';
DidChangeNotebookDocumentNotification.messageDirection = messages_1.MessageDirection.clientToServer;
DidChangeNotebookDocumentNotification.type = new messages_1.ProtocolNotificationType(DidChangeNotebookDocumentNotification.method);
DidChangeNotebookDocumentNotification.registrationMethod = NotebookDocumentSyncRegistrationType.method;
})(DidChangeNotebookDocumentNotification = exports.DidChangeNotebookDocumentNotification || (exports.DidChangeNotebookDocumentNotification = {}));
/**
* A notification sent when a notebook document is saved.
*
* @since 3.17.0
*/
var DidSaveNotebookDocumentNotification;
(function (DidSaveNotebookDocumentNotification) {
DidSaveNotebookDocumentNotification.method = 'notebookDocument/didSave';
DidSaveNotebookDocumentNotification.messageDirection = messages_1.MessageDirection.clientToServer;
DidSaveNotebookDocumentNotification.type = new messages_1.ProtocolNotificationType(DidSaveNotebookDocumentNotification.method);
DidSaveNotebookDocumentNotification.registrationMethod = NotebookDocumentSyncRegistrationType.method;
})(DidSaveNotebookDocumentNotification = exports.DidSaveNotebookDocumentNotification || (exports.DidSaveNotebookDocumentNotification = {}));
/**
* A notification sent when a notebook closes.
*
* @since 3.17.0
*/
var DidCloseNotebookDocumentNotification;
(function (DidCloseNotebookDocumentNotification) {
DidCloseNotebookDocumentNotification.method = 'notebookDocument/didClose';
DidCloseNotebookDocumentNotification.messageDirection = messages_1.MessageDirection.clientToServer;
DidCloseNotebookDocumentNotification.type = new messages_1.ProtocolNotificationType(DidCloseNotebookDocumentNotification.method);
DidCloseNotebookDocumentNotification.registrationMethod = NotebookDocumentSyncRegistrationType.method;
})(DidCloseNotebookDocumentNotification = exports.DidCloseNotebookDocumentNotification || (exports.DidCloseNotebookDocumentNotification = {}));
/***/ }),
/***/ 4166:
/***/ ((__unused_webpack_module, exports, __webpack_require__) => {
"use strict";
/* --------------------------------------------------------------------------------------------
* Copyright (c) Microsoft Corporation. All rights reserved.
* Licensed under the MIT License. See License.txt in the project root for license information.
* ------------------------------------------------------------------------------------------ */
Object.defineProperty(exports, "__esModule", ({ value: true }));
exports.WorkDoneProgressCancelNotification = exports.WorkDoneProgressCreateRequest = exports.WorkDoneProgress = void 0;
const vscode_jsonrpc_1 = __webpack_require__(9110);
const messages_1 = __webpack_require__(8431);
var WorkDoneProgress;
(function (WorkDoneProgress) {
WorkDoneProgress.type = new vscode_jsonrpc_1.ProgressType();
function is(value) {
return value === WorkDoneProgress.type;
}
WorkDoneProgress.is = is;
})(WorkDoneProgress = exports.WorkDoneProgress || (exports.WorkDoneProgress = {}));
/**
* The `window/workDoneProgress/create` request is sent from the server to the client to initiate progress
* reporting from the server.
*/
var WorkDoneProgressCreateRequest;
(function (WorkDoneProgressCreateRequest) {
WorkDoneProgressCreateRequest.method = 'window/workDoneProgress/create';
WorkDoneProgressCreateRequest.messageDirection = messages_1.MessageDirection.serverToClient;
WorkDoneProgressCreateRequest.type = new messages_1.ProtocolRequestType(WorkDoneProgressCreateRequest.method);
})(WorkDoneProgressCreateRequest = exports.WorkDoneProgressCreateRequest || (exports.WorkDoneProgressCreateRequest = {}));
/**
* The `window/workDoneProgress/cancel` notification is sent from the client to the server to cancel a progress
* initiated on the server side.
*/
var WorkDoneProgressCancelNotification;
(function (WorkDoneProgressCancelNotification) {
WorkDoneProgressCancelNotification.method = 'window/workDoneProgress/cancel';
WorkDoneProgressCancelNotification.messageDirection = messages_1.MessageDirection.clientToServer;
WorkDoneProgressCancelNotification.type = new messages_1.ProtocolNotificationType(WorkDoneProgressCancelNotification.method);
})(WorkDoneProgressCancelNotification = exports.WorkDoneProgressCancelNotification || (exports.WorkDoneProgressCancelNotification = {}));
/***/ }),
/***/ 1530:
/***/ ((__unused_webpack_module, exports, __webpack_require__) => {
"use strict";
/*---------------------------------------------------------------------------------------------
* Copyright (c) Microsoft Corporation. All rights reserved.
* Licensed under the MIT License. See License.txt in the project root for license information.
*--------------------------------------------------------------------------------------------*/
Object.defineProperty(exports, "__esModule", ({ value: true }));
exports.SelectionRangeRequest = void 0;
const messages_1 = __webpack_require__(8431);
/**
* A request to provide selection ranges in a document. The request's
* parameter is of type {@link SelectionRangeParams}, the
* response is of type {@link SelectionRange SelectionRange[]} or a Thenable
* that resolves to such.
*/
var SelectionRangeRequest;
(function (SelectionRangeRequest) {
SelectionRangeRequest.method = 'textDocument/selectionRange';
SelectionRangeRequest.messageDirection = messages_1.MessageDirection.clientToServer;
SelectionRangeRequest.type = new messages_1.ProtocolRequestType(SelectionRangeRequest.method);
})(SelectionRangeRequest = exports.SelectionRangeRequest || (exports.SelectionRangeRequest = {}));
/***/ }),
/***/ 2067:
/***/ ((__unused_webpack_module, exports, __webpack_require__) => {
"use strict";
/* --------------------------------------------------------------------------------------------
* Copyright (c) Microsoft Corporation. All rights reserved.
* Licensed under the MIT License. See License.txt in the project root for license information.
* ------------------------------------------------------------------------------------------ */
Object.defineProperty(exports, "__esModule", ({ value: true }));
exports.SemanticTokensRefreshRequest = exports.SemanticTokensRangeRequest = exports.SemanticTokensDeltaRequest = exports.SemanticTokensRequest = exports.SemanticTokensRegistrationType = exports.TokenFormat = void 0;
const messages_1 = __webpack_require__(8431);
//------- 'textDocument/semanticTokens' -----
var TokenFormat;
(function (TokenFormat) {
TokenFormat.Relative = 'relative';
})(TokenFormat = exports.TokenFormat || (exports.TokenFormat = {}));
var SemanticTokensRegistrationType;
(function (SemanticTokensRegistrationType) {
SemanticTokensRegistrationType.method = 'textDocument/semanticTokens';
SemanticTokensRegistrationType.type = new messages_1.RegistrationType(SemanticTokensRegistrationType.method);
})(SemanticTokensRegistrationType = exports.SemanticTokensRegistrationType || (exports.SemanticTokensRegistrationType = {}));
/**
* @since 3.16.0
*/
var SemanticTokensRequest;
(function (SemanticTokensRequest) {
SemanticTokensRequest.method = 'textDocument/semanticTokens/full';
SemanticTokensRequest.messageDirection = messages_1.MessageDirection.clientToServer;
SemanticTokensRequest.type = new messages_1.ProtocolRequestType(SemanticTokensRequest.method);
SemanticTokensRequest.registrationMethod = SemanticTokensRegistrationType.method;
})(SemanticTokensRequest = exports.SemanticTokensRequest || (exports.SemanticTokensRequest = {}));
/**
* @since 3.16.0
*/
var SemanticTokensDeltaRequest;
(function (SemanticTokensDeltaRequest) {
SemanticTokensDeltaRequest.method = 'textDocument/semanticTokens/full/delta';
SemanticTokensDeltaRequest.messageDirection = messages_1.MessageDirection.clientToServer;
SemanticTokensDeltaRequest.type = new messages_1.ProtocolRequestType(SemanticTokensDeltaRequest.method);
SemanticTokensDeltaRequest.registrationMethod = SemanticTokensRegistrationType.method;
})(SemanticTokensDeltaRequest = exports.SemanticTokensDeltaRequest || (exports.SemanticTokensDeltaRequest = {}));
/**
* @since 3.16.0
*/
var SemanticTokensRangeRequest;
(function (SemanticTokensRangeRequest) {
SemanticTokensRangeRequest.method = 'textDocument/semanticTokens/range';
SemanticTokensRangeRequest.messageDirection = messages_1.MessageDirection.clientToServer;
SemanticTokensRangeRequest.type = new messages_1.ProtocolRequestType(SemanticTokensRangeRequest.method);
SemanticTokensRangeRequest.registrationMethod = SemanticTokensRegistrationType.method;
})(SemanticTokensRangeRequest = exports.SemanticTokensRangeRequest || (exports.SemanticTokensRangeRequest = {}));
/**
* @since 3.16.0
*/
var SemanticTokensRefreshRequest;
(function (SemanticTokensRefreshRequest) {
SemanticTokensRefreshRequest.method = `workspace/semanticTokens/refresh`;
SemanticTokensRefreshRequest.messageDirection = messages_1.MessageDirection.serverToClient;
SemanticTokensRefreshRequest.type = new messages_1.ProtocolRequestType0(SemanticTokensRefreshRequest.method);
})(SemanticTokensRefreshRequest = exports.SemanticTokensRefreshRequest || (exports.SemanticTokensRefreshRequest = {}));
/***/ }),
/***/ 4333:
/***/ ((__unused_webpack_module, exports, __webpack_require__) => {
"use strict";
/* --------------------------------------------------------------------------------------------
* Copyright (c) Microsoft Corporation. All rights reserved.
* Licensed under the MIT License. See License.txt in the project root for license information.
* ------------------------------------------------------------------------------------------ */
Object.defineProperty(exports, "__esModule", ({ value: true }));
exports.ShowDocumentRequest = void 0;
const messages_1 = __webpack_require__(8431);
/**
* A request to show a document. This request might open an
* external program depending on the value of the URI to open.
* For example a request to open `https://code.visualstudio.com/`
* will very likely open the URI in a WEB browser.
*
* @since 3.16.0
*/
var ShowDocumentRequest;
(function (ShowDocumentRequest) {
ShowDocumentRequest.method = 'window/showDocument';
ShowDocumentRequest.messageDirection = messages_1.MessageDirection.serverToClient;
ShowDocumentRequest.type = new messages_1.ProtocolRequestType(ShowDocumentRequest.method);
})(ShowDocumentRequest = exports.ShowDocumentRequest || (exports.ShowDocumentRequest = {}));
/***/ }),
/***/ 9264:
/***/ ((__unused_webpack_module, exports, __webpack_require__) => {
"use strict";
/* --------------------------------------------------------------------------------------------
* Copyright (c) Microsoft Corporation. All rights reserved.
* Licensed under the MIT License. See License.txt in the project root for license information.
* ------------------------------------------------------------------------------------------ */
Object.defineProperty(exports, "__esModule", ({ value: true }));
exports.TypeDefinitionRequest = void 0;
const messages_1 = __webpack_require__(8431);
// @ts-ignore: to avoid inlining LocatioLink as dynamic import
let __noDynamicImport;
/**
* A request to resolve the type definition locations of a symbol at a given text
* document position. The request's parameter is of type [TextDocumentPositionParams]
* (#TextDocumentPositionParams) the response is of type {@link Definition} or a
* Thenable that resolves to such.
*/
var TypeDefinitionRequest;
(function (TypeDefinitionRequest) {
TypeDefinitionRequest.method = 'textDocument/typeDefinition';
TypeDefinitionRequest.messageDirection = messages_1.MessageDirection.clientToServer;
TypeDefinitionRequest.type = new messages_1.ProtocolRequestType(TypeDefinitionRequest.method);
})(TypeDefinitionRequest = exports.TypeDefinitionRequest || (exports.TypeDefinitionRequest = {}));
/***/ }),
/***/ 7062:
/***/ ((__unused_webpack_module, exports, __webpack_require__) => {
"use strict";
/* --------------------------------------------------------------------------------------------
* Copyright (c) TypeFox, Microsoft and others. All rights reserved.
* Licensed under the MIT License. See License.txt in the project root for license information.
* ------------------------------------------------------------------------------------------ */
Object.defineProperty(exports, "__esModule", ({ value: true }));
exports.TypeHierarchySubtypesRequest = exports.TypeHierarchySupertypesRequest = exports.TypeHierarchyPrepareRequest = void 0;
const messages_1 = __webpack_require__(8431);
/**
* A request to result a `TypeHierarchyItem` in a document at a given position.
* Can be used as an input to a subtypes or supertypes type hierarchy.
*
* @since 3.17.0
*/
var TypeHierarchyPrepareRequest;
(function (TypeHierarchyPrepareRequest) {
TypeHierarchyPrepareRequest.method = 'textDocument/prepareTypeHierarchy';
TypeHierarchyPrepareRequest.messageDirection = messages_1.MessageDirection.clientToServer;
TypeHierarchyPrepareRequest.type = new messages_1.ProtocolRequestType(TypeHierarchyPrepareRequest.method);
})(TypeHierarchyPrepareRequest = exports.TypeHierarchyPrepareRequest || (exports.TypeHierarchyPrepareRequest = {}));
/**
* A request to resolve the supertypes for a given `TypeHierarchyItem`.
*
* @since 3.17.0
*/
var TypeHierarchySupertypesRequest;
(function (TypeHierarchySupertypesRequest) {
TypeHierarchySupertypesRequest.method = 'typeHierarchy/supertypes';
TypeHierarchySupertypesRequest.messageDirection = messages_1.MessageDirection.clientToServer;
TypeHierarchySupertypesRequest.type = new messages_1.ProtocolRequestType(TypeHierarchySupertypesRequest.method);
})(TypeHierarchySupertypesRequest = exports.TypeHierarchySupertypesRequest || (exports.TypeHierarchySupertypesRequest = {}));
/**
* A request to resolve the subtypes for a given `TypeHierarchyItem`.
*
* @since 3.17.0
*/
var TypeHierarchySubtypesRequest;
(function (TypeHierarchySubtypesRequest) {
TypeHierarchySubtypesRequest.method = 'typeHierarchy/subtypes';
TypeHierarchySubtypesRequest.messageDirection = messages_1.MessageDirection.clientToServer;
TypeHierarchySubtypesRequest.type = new messages_1.ProtocolRequestType(TypeHierarchySubtypesRequest.method);
})(TypeHierarchySubtypesRequest = exports.TypeHierarchySubtypesRequest || (exports.TypeHierarchySubtypesRequest = {}));
/***/ }),
/***/ 6860:
/***/ ((__unused_webpack_module, exports, __webpack_require__) => {
"use strict";
/* --------------------------------------------------------------------------------------------
* Copyright (c) Microsoft Corporation. All rights reserved.
* Licensed under the MIT License. See License.txt in the project root for license information.
* ------------------------------------------------------------------------------------------ */
Object.defineProperty(exports, "__esModule", ({ value: true }));
exports.DidChangeWorkspaceFoldersNotification = exports.WorkspaceFoldersRequest = void 0;
const messages_1 = __webpack_require__(8431);
/**
* The `workspace/workspaceFolders` is sent from the server to the client to fetch the open workspace folders.
*/
var WorkspaceFoldersRequest;
(function (WorkspaceFoldersRequest) {
WorkspaceFoldersRequest.method = 'workspace/workspaceFolders';
WorkspaceFoldersRequest.messageDirection = messages_1.MessageDirection.serverToClient;
WorkspaceFoldersRequest.type = new messages_1.ProtocolRequestType0(WorkspaceFoldersRequest.method);
})(WorkspaceFoldersRequest = exports.WorkspaceFoldersRequest || (exports.WorkspaceFoldersRequest = {}));
/**
* The `workspace/didChangeWorkspaceFolders` notification is sent from the client to the server when the workspace
* folder configuration changes.
*/
var DidChangeWorkspaceFoldersNotification;
(function (DidChangeWorkspaceFoldersNotification) {
DidChangeWorkspaceFoldersNotification.method = 'workspace/didChangeWorkspaceFolders';
DidChangeWorkspaceFoldersNotification.messageDirection = messages_1.MessageDirection.clientToServer;
DidChangeWorkspaceFoldersNotification.type = new messages_1.ProtocolNotificationType(DidChangeWorkspaceFoldersNotification.method);
})(DidChangeWorkspaceFoldersNotification = exports.DidChangeWorkspaceFoldersNotification || (exports.DidChangeWorkspaceFoldersNotification = {}));
/***/ }),
/***/ 8633:
/***/ ((__unused_webpack_module, exports) => {
"use strict";
/* --------------------------------------------------------------------------------------------
* Copyright (c) Microsoft Corporation. All rights reserved.
* Licensed under the MIT License. See License.txt in the project root for license information.
* ------------------------------------------------------------------------------------------ */
Object.defineProperty(exports, "__esModule", ({ value: true }));
exports.objectLiteral = exports.typedArray = exports.stringArray = exports.array = exports.func = exports.error = exports.number = exports.string = exports.boolean = void 0;
function boolean(value) {
return value === true || value === false;
}
exports.boolean = boolean;
function string(value) {
return typeof value === 'string' || value instanceof String;
}
exports.string = string;
function number(value) {
return typeof value === 'number' || value instanceof Number;
}
exports.number = number;
function error(value) {
return value instanceof Error;
}
exports.error = error;
function func(value) {
return typeof value === 'function';
}
exports.func = func;
function array(value) {
return Array.isArray(value);
}
exports.array = array;
function stringArray(value) {
return array(value) && value.every(elem => string(elem));
}
exports.stringArray = stringArray;
function typedArray(value, check) {
return Array.isArray(value) && value.every(check);
}
exports.typedArray = typedArray;
function objectLiteral(value) {
// Strictly speaking class instances pass this check as well. Since the LSP
// doesn't use classes we ignore this for now. If we do we need to add something
// like this: `Object.getPrototypeOf(Object.getPrototypeOf(x)) === null`
return value !== null && typeof value === 'object';
}
exports.objectLiteral = objectLiteral;
/***/ }),
/***/ 7717:
/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
"use strict";
__webpack_require__.r(__webpack_exports__);
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
/* harmony export */ AnnotatedTextEdit: () => (/* binding */ AnnotatedTextEdit),
/* harmony export */ ChangeAnnotation: () => (/* binding */ ChangeAnnotation),
/* harmony export */ ChangeAnnotationIdentifier: () => (/* binding */ ChangeAnnotationIdentifier),
/* harmony export */ CodeAction: () => (/* binding */ CodeAction),
/* harmony export */ CodeActionContext: () => (/* binding */ CodeActionContext),
/* harmony export */ CodeActionKind: () => (/* binding */ CodeActionKind),
/* harmony export */ CodeActionTriggerKind: () => (/* binding */ CodeActionTriggerKind),
/* harmony export */ CodeDescription: () => (/* binding */ CodeDescription),
/* harmony export */ CodeLens: () => (/* binding */ CodeLens),
/* harmony export */ Color: () => (/* binding */ Color),
/* harmony export */ ColorInformation: () => (/* binding */ ColorInformation),
/* harmony export */ ColorPresentation: () => (/* binding */ ColorPresentation),
/* harmony export */ Command: () => (/* binding */ Command),
/* harmony export */ CompletionItem: () => (/* binding */ CompletionItem),
/* harmony export */ CompletionItemKind: () => (/* binding */ CompletionItemKind),
/* harmony export */ CompletionItemLabelDetails: () => (/* binding */ CompletionItemLabelDetails),
/* harmony export */ CompletionItemTag: () => (/* binding */ CompletionItemTag),
/* harmony export */ CompletionList: () => (/* binding */ CompletionList),
/* harmony export */ CreateFile: () => (/* binding */ CreateFile),
/* harmony export */ DeleteFile: () => (/* binding */ DeleteFile),
/* harmony export */ Diagnostic: () => (/* binding */ Diagnostic),
/* harmony export */ DiagnosticRelatedInformation: () => (/* binding */ DiagnosticRelatedInformation),
/* harmony export */ DiagnosticSeverity: () => (/* binding */ DiagnosticSeverity),
/* harmony export */ DiagnosticTag: () => (/* binding */ DiagnosticTag),
/* harmony export */ DocumentHighlight: () => (/* binding */ DocumentHighlight),
/* harmony export */ DocumentHighlightKind: () => (/* binding */ DocumentHighlightKind),
/* harmony export */ DocumentLink: () => (/* binding */ DocumentLink),
/* harmony export */ DocumentSymbol: () => (/* binding */ DocumentSymbol),
/* harmony export */ DocumentUri: () => (/* binding */ DocumentUri),
/* harmony export */ EOL: () => (/* binding */ EOL),
/* harmony export */ FoldingRange: () => (/* binding */ FoldingRange),
/* harmony export */ FoldingRangeKind: () => (/* binding */ FoldingRangeKind),
/* harmony export */ FormattingOptions: () => (/* binding */ FormattingOptions),
/* harmony export */ Hover: () => (/* binding */ Hover),
/* harmony export */ InlayHint: () => (/* binding */ InlayHint),
/* harmony export */ InlayHintKind: () => (/* binding */ InlayHintKind),
/* harmony export */ InlayHintLabelPart: () => (/* binding */ InlayHintLabelPart),
/* harmony export */ InlineValueContext: () => (/* binding */ InlineValueContext),
/* harmony export */ InlineValueEvaluatableExpression: () => (/* binding */ InlineValueEvaluatableExpression),
/* harmony export */ InlineValueText: () => (/* binding */ InlineValueText),
/* harmony export */ InlineValueVariableLookup: () => (/* binding */ InlineValueVariableLookup),
/* harmony export */ InsertReplaceEdit: () => (/* binding */ InsertReplaceEdit),
/* harmony export */ InsertTextFormat: () => (/* binding */ InsertTextFormat),
/* harmony export */ InsertTextMode: () => (/* binding */ InsertTextMode),
/* harmony export */ Location: () => (/* binding */ Location),
/* harmony export */ LocationLink: () => (/* binding */ LocationLink),
/* harmony export */ MarkedString: () => (/* binding */ MarkedString),
/* harmony export */ MarkupContent: () => (/* binding */ MarkupContent),
/* harmony export */ MarkupKind: () => (/* binding */ MarkupKind),
/* harmony export */ OptionalVersionedTextDocumentIdentifier: () => (/* binding */ OptionalVersionedTextDocumentIdentifier),
/* harmony export */ ParameterInformation: () => (/* binding */ ParameterInformation),
/* harmony export */ Position: () => (/* binding */ Position),
/* harmony export */ Range: () => (/* binding */ Range),
/* harmony export */ RenameFile: () => (/* binding */ RenameFile),
/* harmony export */ SelectionRange: () => (/* binding */ SelectionRange),
/* harmony export */ SemanticTokenModifiers: () => (/* binding */ SemanticTokenModifiers),
/* harmony export */ SemanticTokenTypes: () => (/* binding */ SemanticTokenTypes),
/* harmony export */ SemanticTokens: () => (/* binding */ SemanticTokens),
/* harmony export */ SignatureInformation: () => (/* binding */ SignatureInformation),
/* harmony export */ SymbolInformation: () => (/* binding */ SymbolInformation),
/* harmony export */ SymbolKind: () => (/* binding */ SymbolKind),
/* harmony export */ SymbolTag: () => (/* binding */ SymbolTag),
/* harmony export */ TextDocument: () => (/* binding */ TextDocument),
/* harmony export */ TextDocumentEdit: () => (/* binding */ TextDocumentEdit),
/* harmony export */ TextDocumentIdentifier: () => (/* binding */ TextDocumentIdentifier),
/* harmony export */ TextDocumentItem: () => (/* binding */ TextDocumentItem),
/* harmony export */ TextEdit: () => (/* binding */ TextEdit),
/* harmony export */ URI: () => (/* binding */ URI),
/* harmony export */ VersionedTextDocumentIdentifier: () => (/* binding */ VersionedTextDocumentIdentifier),
/* harmony export */ WorkspaceChange: () => (/* binding */ WorkspaceChange),
/* harmony export */ WorkspaceEdit: () => (/* binding */ WorkspaceEdit),
/* harmony export */ WorkspaceFolder: () => (/* binding */ WorkspaceFolder),
/* harmony export */ WorkspaceSymbol: () => (/* binding */ WorkspaceSymbol),
/* harmony export */ integer: () => (/* binding */ integer),
/* harmony export */ uinteger: () => (/* binding */ uinteger)
/* harmony export */ });
/* --------------------------------------------------------------------------------------------
* Copyright (c) Microsoft Corporation. All rights reserved.
* Licensed under the MIT License. See License.txt in the project root for license information.
* ------------------------------------------------------------------------------------------ */
var DocumentUri;
(function (DocumentUri) {
function is(value) {
return typeof value === 'string';
}
DocumentUri.is = is;
})(DocumentUri || (DocumentUri = {}));
var URI;
(function (URI) {
function is(value) {
return typeof value === 'string';
}
URI.is = is;
})(URI || (URI = {}));
var integer;
(function (integer) {
integer.MIN_VALUE = -2147483648;
integer.MAX_VALUE = 2147483647;
function is(value) {
return typeof value === 'number' && integer.MIN_VALUE <= value && value <= integer.MAX_VALUE;
}
integer.is = is;
})(integer || (integer = {}));
var uinteger;
(function (uinteger) {
uinteger.MIN_VALUE = 0;
uinteger.MAX_VALUE = 2147483647;
function is(value) {
return typeof value === 'number' && uinteger.MIN_VALUE <= value && value <= uinteger.MAX_VALUE;
}
uinteger.is = is;
})(uinteger || (uinteger = {}));
/**
* The Position namespace provides helper functions to work with
* {@link Position} literals.
*/
var Position;
(function (Position) {
/**
* Creates a new Position literal from the given line and character.
* @param line The position's line.
* @param character The position's character.
*/
function create(line, character) {
if (line === Number.MAX_VALUE) {
line = uinteger.MAX_VALUE;
}
if (character === Number.MAX_VALUE) {
character = uinteger.MAX_VALUE;
}
return { line: line, character: character };
}
Position.create = create;
/**
* Checks whether the given literal conforms to the {@link Position} interface.
*/
function is(value) {
var candidate = value;
return Is.objectLiteral(candidate) && Is.uinteger(candidate.line) && Is.uinteger(candidate.character);
}
Position.is = is;
})(Position || (Position = {}));
/**
* The Range namespace provides helper functions to work with
* {@link Range} literals.
*/
var Range;
(function (Range) {
function create(one, two, three, four) {
if (Is.uinteger(one) && Is.uinteger(two) && Is.uinteger(three) && Is.uinteger(four)) {
return { start: Position.create(one, two), end: Position.create(three, four) };
}
else if (Position.is(one) && Position.is(two)) {
return { start: one, end: two };
}
else {
throw new Error("Range#create called with invalid arguments[".concat(one, ", ").concat(two, ", ").concat(three, ", ").concat(four, "]"));
}
}
Range.create = create;
/**
* Checks whether the given literal conforms to the {@link Range} interface.
*/
function is(value) {
var candidate = value;
return Is.objectLiteral(candidate) && Position.is(candidate.start) && Position.is(candidate.end);
}
Range.is = is;
})(Range || (Range = {}));
/**
* The Location namespace provides helper functions to work with
* {@link Location} literals.
*/
var Location;
(function (Location) {
/**
* Creates a Location literal.
* @param uri The location's uri.
* @param range The location's range.
*/
function create(uri, range) {
return { uri: uri, range: range };
}
Location.create = create;
/**
* Checks whether the given literal conforms to the {@link Location} interface.
*/
function is(value) {
var candidate = value;
return Is.objectLiteral(candidate) && Range.is(candidate.range) && (Is.string(candidate.uri) || Is.undefined(candidate.uri));
}
Location.is = is;
})(Location || (Location = {}));
/**
* The LocationLink namespace provides helper functions to work with
* {@link LocationLink} literals.
*/
var LocationLink;
(function (LocationLink) {
/**
* Creates a LocationLink literal.
* @param targetUri The definition's uri.
* @param targetRange The full range of the definition.
* @param targetSelectionRange The span of the symbol definition at the target.
* @param originSelectionRange The span of the symbol being defined in the originating source file.
*/
function create(targetUri, targetRange, targetSelectionRange, originSelectionRange) {
return { targetUri: targetUri, targetRange: targetRange, targetSelectionRange: targetSelectionRange, originSelectionRange: originSelectionRange };
}
LocationLink.create = create;
/**
* Checks whether the given literal conforms to the {@link LocationLink} interface.
*/
function is(value) {
var candidate = value;
return Is.objectLiteral(candidate) && Range.is(candidate.targetRange) && Is.string(candidate.targetUri)
&& Range.is(candidate.targetSelectionRange)
&& (Range.is(candidate.originSelectionRange) || Is.undefined(candidate.originSelectionRange));
}
LocationLink.is = is;
})(LocationLink || (LocationLink = {}));
/**
* The Color namespace provides helper functions to work with
* {@link Color} literals.
*/
var Color;
(function (Color) {
/**
* Creates a new Color literal.
*/
function create(red, green, blue, alpha) {
return {
red: red,
green: green,
blue: blue,
alpha: alpha,
};
}
Color.create = create;
/**
* Checks whether the given literal conforms to the {@link Color} interface.
*/
function is(value) {
var candidate = value;
return Is.objectLiteral(candidate) && Is.numberRange(candidate.red, 0, 1)
&& Is.numberRange(candidate.green, 0, 1)
&& Is.numberRange(candidate.blue, 0, 1)
&& Is.numberRange(candidate.alpha, 0, 1);
}
Color.is = is;
})(Color || (Color = {}));
/**
* The ColorInformation namespace provides helper functions to work with
* {@link ColorInformation} literals.
*/
var ColorInformation;
(function (ColorInformation) {
/**
* Creates a new ColorInformation literal.
*/
function create(range, color) {
return {
range: range,
color: color,
};
}
ColorInformation.create = create;
/**
* Checks whether the given literal conforms to the {@link ColorInformation} interface.
*/
function is(value) {
var candidate = value;
return Is.objectLiteral(candidate) && Range.is(candidate.range) && Color.is(candidate.color);
}
ColorInformation.is = is;
})(ColorInformation || (ColorInformation = {}));
/**
* The Color namespace provides helper functions to work with
* {@link ColorPresentation} literals.
*/
var ColorPresentation;
(function (ColorPresentation) {
/**
* Creates a new ColorInformation literal.
*/
function create(label, textEdit, additionalTextEdits) {
return {
label: label,
textEdit: textEdit,
additionalTextEdits: additionalTextEdits,
};
}
ColorPresentation.create = create;
/**
* Checks whether the given literal conforms to the {@link ColorInformation} interface.
*/
function is(value) {
var candidate = value;
return Is.objectLiteral(candidate) && Is.string(candidate.label)
&& (Is.undefined(candidate.textEdit) || TextEdit.is(candidate))
&& (Is.undefined(candidate.additionalTextEdits) || Is.typedArray(candidate.additionalTextEdits, TextEdit.is));
}
ColorPresentation.is = is;
})(ColorPresentation || (ColorPresentation = {}));
/**
* A set of predefined range kinds.
*/
var FoldingRangeKind;
(function (FoldingRangeKind) {
/**
* Folding range for a comment
*/
FoldingRangeKind.Comment = 'comment';
/**
* Folding range for an import or include
*/
FoldingRangeKind.Imports = 'imports';
/**
* Folding range for a region (e.g. `#region`)
*/
FoldingRangeKind.Region = 'region';
})(FoldingRangeKind || (FoldingRangeKind = {}));
/**
* The folding range namespace provides helper functions to work with
* {@link FoldingRange} literals.
*/
var FoldingRange;
(function (FoldingRange) {
/**
* Creates a new FoldingRange literal.
*/
function create(startLine, endLine, startCharacter, endCharacter, kind, collapsedText) {
var result = {
startLine: startLine,
endLine: endLine
};
if (Is.defined(startCharacter)) {
result.startCharacter = startCharacter;
}
if (Is.defined(endCharacter)) {
result.endCharacter = endCharacter;
}
if (Is.defined(kind)) {
result.kind = kind;
}
if (Is.defined(collapsedText)) {
result.collapsedText = collapsedText;
}
return result;
}
FoldingRange.create = create;
/**
* Checks whether the given literal conforms to the {@link FoldingRange} interface.
*/
function is(value) {
var candidate = value;
return Is.objectLiteral(candidate) && Is.uinteger(candidate.startLine) && Is.uinteger(candidate.startLine)
&& (Is.undefined(candidate.startCharacter) || Is.uinteger(candidate.startCharacter))
&& (Is.undefined(candidate.endCharacter) || Is.uinteger(candidate.endCharacter))
&& (Is.undefined(candidate.kind) || Is.string(candidate.kind));
}
FoldingRange.is = is;
})(FoldingRange || (FoldingRange = {}));
/**
* The DiagnosticRelatedInformation namespace provides helper functions to work with
* {@link DiagnosticRelatedInformation} literals.
*/
var DiagnosticRelatedInformation;
(function (DiagnosticRelatedInformation) {
/**
* Creates a new DiagnosticRelatedInformation literal.
*/
function create(location, message) {
return {
location: location,
message: message
};
}
DiagnosticRelatedInformation.create = create;
/**
* Checks whether the given literal conforms to the {@link DiagnosticRelatedInformation} interface.
*/
function is(value) {
var candidate = value;
return Is.defined(candidate) && Location.is(candidate.location) && Is.string(candidate.message);
}
DiagnosticRelatedInformation.is = is;
})(DiagnosticRelatedInformation || (DiagnosticRelatedInformation = {}));
/**
* The diagnostic's severity.
*/
var DiagnosticSeverity;
(function (DiagnosticSeverity) {
/**
* Reports an error.
*/
DiagnosticSeverity.Error = 1;
/**
* Reports a warning.
*/
DiagnosticSeverity.Warning = 2;
/**
* Reports an information.
*/
DiagnosticSeverity.Information = 3;
/**
* Reports a hint.
*/
DiagnosticSeverity.Hint = 4;
})(DiagnosticSeverity || (DiagnosticSeverity = {}));
/**
* The diagnostic tags.
*
* @since 3.15.0
*/
var DiagnosticTag;
(function (DiagnosticTag) {
/**
* Unused or unnecessary code.
*
* Clients are allowed to render diagnostics with this tag faded out instead of having
* an error squiggle.
*/
DiagnosticTag.Unnecessary = 1;
/**
* Deprecated or obsolete code.
*
* Clients are allowed to rendered diagnostics with this tag strike through.
*/
DiagnosticTag.Deprecated = 2;
})(DiagnosticTag || (DiagnosticTag = {}));
/**
* The CodeDescription namespace provides functions to deal with descriptions for diagnostic codes.
*
* @since 3.16.0
*/
var CodeDescription;
(function (CodeDescription) {
function is(value) {
var candidate = value;
return Is.objectLiteral(candidate) && Is.string(candidate.href);
}
CodeDescription.is = is;
})(CodeDescription || (CodeDescription = {}));
/**
* The Diagnostic namespace provides helper functions to work with
* {@link Diagnostic} literals.
*/
var Diagnostic;
(function (Diagnostic) {
/**
* Creates a new Diagnostic literal.
*/
function create(range, message, severity, code, source, relatedInformation) {
var result = { range: range, message: message };
if (Is.defined(severity)) {
result.severity = severity;
}
if (Is.defined(code)) {
result.code = code;
}
if (Is.defined(source)) {
result.source = source;
}
if (Is.defined(relatedInformation)) {
result.relatedInformation = relatedInformation;
}
return result;
}
Diagnostic.create = create;
/**
* Checks whether the given literal conforms to the {@link Diagnostic} interface.
*/
function is(value) {
var _a;
var candidate = value;
return Is.defined(candidate)
&& Range.is(candidate.range)
&& Is.string(candidate.message)
&& (Is.number(candidate.severity) || Is.undefined(candidate.severity))
&& (Is.integer(candidate.code) || Is.string(candidate.code) || Is.undefined(candidate.code))
&& (Is.undefined(candidate.codeDescription) || (Is.string((_a = candidate.codeDescription) === null || _a === void 0 ? void 0 : _a.href)))
&& (Is.string(candidate.source) || Is.undefined(candidate.source))
&& (Is.undefined(candidate.relatedInformation) || Is.typedArray(candidate.relatedInformation, DiagnosticRelatedInformation.is));
}
Diagnostic.is = is;
})(Diagnostic || (Diagnostic = {}));
/**
* The Command namespace provides helper functions to work with
* {@link Command} literals.
*/
var Command;
(function (Command) {
/**
* Creates a new Command literal.
*/
function create(title, command) {
var args = [];
for (var _i = 2; _i < arguments.length; _i++) {
args[_i - 2] = arguments[_i];
}
var result = { title: title, command: command };
if (Is.defined(args) && args.length > 0) {
result.arguments = args;
}
return result;
}
Command.create = create;
/**
* Checks whether the given literal conforms to the {@link Command} interface.
*/
function is(value) {
var candidate = value;
return Is.defined(candidate) && Is.string(candidate.title) && Is.string(candidate.command);
}
Command.is = is;
})(Command || (Command = {}));
/**
* The TextEdit namespace provides helper function to create replace,
* insert and delete edits more easily.
*/
var TextEdit;
(function (TextEdit) {
/**
* Creates a replace text edit.
* @param range The range of text to be replaced.
* @param newText The new text.
*/
function replace(range, newText) {
return { range: range, newText: newText };
}
TextEdit.replace = replace;
/**
* Creates an insert text edit.
* @param position The position to insert the text at.
* @param newText The text to be inserted.
*/
function insert(position, newText) {
return { range: { start: position, end: position }, newText: newText };
}
TextEdit.insert = insert;
/**
* Creates a delete text edit.
* @param range The range of text to be deleted.
*/
function del(range) {
return { range: range, newText: '' };
}
TextEdit.del = del;
function is(value) {
var candidate = value;
return Is.objectLiteral(candidate)
&& Is.string(candidate.newText)
&& Range.is(candidate.range);
}
TextEdit.is = is;
})(TextEdit || (TextEdit = {}));
var ChangeAnnotation;
(function (ChangeAnnotation) {
function create(label, needsConfirmation, description) {
var result = { label: label };
if (needsConfirmation !== undefined) {
result.needsConfirmation = needsConfirmation;
}
if (description !== undefined) {
result.description = description;
}
return result;
}
ChangeAnnotation.create = create;
function is(value) {
var candidate = value;
return Is.objectLiteral(candidate) && Is.string(candidate.label) &&
(Is.boolean(candidate.needsConfirmation) || candidate.needsConfirmation === undefined) &&
(Is.string(candidate.description) || candidate.description === undefined);
}
ChangeAnnotation.is = is;
})(ChangeAnnotation || (ChangeAnnotation = {}));
var ChangeAnnotationIdentifier;
(function (ChangeAnnotationIdentifier) {
function is(value) {
var candidate = value;
return Is.string(candidate);
}
ChangeAnnotationIdentifier.is = is;
})(ChangeAnnotationIdentifier || (ChangeAnnotationIdentifier = {}));
var AnnotatedTextEdit;
(function (AnnotatedTextEdit) {
/**
* Creates an annotated replace text edit.
*
* @param range The range of text to be replaced.
* @param newText The new text.
* @param annotation The annotation.
*/
function replace(range, newText, annotation) {
return { range: range, newText: newText, annotationId: annotation };
}
AnnotatedTextEdit.replace = replace;
/**
* Creates an annotated insert text edit.
*
* @param position The position to insert the text at.
* @param newText The text to be inserted.
* @param annotation The annotation.
*/
function insert(position, newText, annotation) {
return { range: { start: position, end: position }, newText: newText, annotationId: annotation };
}
AnnotatedTextEdit.insert = insert;
/**
* Creates an annotated delete text edit.
*
* @param range The range of text to be deleted.
* @param annotation The annotation.
*/
function del(range, annotation) {
return { range: range, newText: '', annotationId: annotation };
}
AnnotatedTextEdit.del = del;
function is(value) {
var candidate = value;
return TextEdit.is(candidate) && (ChangeAnnotation.is(candidate.annotationId) || ChangeAnnotationIdentifier.is(candidate.annotationId));
}
AnnotatedTextEdit.is = is;
})(AnnotatedTextEdit || (AnnotatedTextEdit = {}));
/**
* The TextDocumentEdit namespace provides helper function to create
* an edit that manipulates a text document.
*/
var TextDocumentEdit;
(function (TextDocumentEdit) {
/**
* Creates a new `TextDocumentEdit`
*/
function create(textDocument, edits) {
return { textDocument: textDocument, edits: edits };
}
TextDocumentEdit.create = create;
function is(value) {
var candidate = value;
return Is.defined(candidate)
&& OptionalVersionedTextDocumentIdentifier.is(candidate.textDocument)
&& Array.isArray(candidate.edits);
}
TextDocumentEdit.is = is;
})(TextDocumentEdit || (TextDocumentEdit = {}));
var CreateFile;
(function (CreateFile) {
function create(uri, options, annotation) {
var result = {
kind: 'create',
uri: uri
};
if (options !== undefined && (options.overwrite !== undefined || options.ignoreIfExists !== undefined)) {
result.options = options;
}
if (annotation !== undefined) {
result.annotationId = annotation;
}
return result;
}
CreateFile.create = create;
function is(value) {
var candidate = value;
return candidate && candidate.kind === 'create' && Is.string(candidate.uri) && (candidate.options === undefined ||
((candidate.options.overwrite === undefined || Is.boolean(candidate.options.overwrite)) && (candidate.options.ignoreIfExists === undefined || Is.boolean(candidate.options.ignoreIfExists)))) && (candidate.annotationId === undefined || ChangeAnnotationIdentifier.is(candidate.annotationId));
}
CreateFile.is = is;
})(CreateFile || (CreateFile = {}));
var RenameFile;
(function (RenameFile) {
function create(oldUri, newUri, options, annotation) {
var result = {
kind: 'rename',
oldUri: oldUri,
newUri: newUri
};
if (options !== undefined && (options.overwrite !== undefined || options.ignoreIfExists !== undefined)) {
result.options = options;
}
if (annotation !== undefined) {
result.annotationId = annotation;
}
return result;
}
RenameFile.create = create;
function is(value) {
var candidate = value;
return candidate && candidate.kind === 'rename' && Is.string(candidate.oldUri) && Is.string(candidate.newUri) && (candidate.options === undefined ||
((candidate.options.overwrite === undefined || Is.boolean(candidate.options.overwrite)) && (candidate.options.ignoreIfExists === undefined || Is.boolean(candidate.options.ignoreIfExists)))) && (candidate.annotationId === undefined || ChangeAnnotationIdentifier.is(candidate.annotationId));
}
RenameFile.is = is;
})(RenameFile || (RenameFile = {}));
var DeleteFile;
(function (DeleteFile) {
function create(uri, options, annotation) {
var result = {
kind: 'delete',
uri: uri
};
if (options !== undefined && (options.recursive !== undefined || options.ignoreIfNotExists !== undefined)) {
result.options = options;
}
if (annotation !== undefined) {
result.annotationId = annotation;
}
return result;
}
DeleteFile.create = create;
function is(value) {
var candidate = value;
return candidate && candidate.kind === 'delete' && Is.string(candidate.uri) && (candidate.options === undefined ||
((candidate.options.recursive === undefined || Is.boolean(candidate.options.recursive)) && (candidate.options.ignoreIfNotExists === undefined || Is.boolean(candidate.options.ignoreIfNotExists)))) && (candidate.annotationId === undefined || ChangeAnnotationIdentifier.is(candidate.annotationId));
}
DeleteFile.is = is;
})(DeleteFile || (DeleteFile = {}));
var WorkspaceEdit;
(function (WorkspaceEdit) {
function is(value) {
var candidate = value;
return candidate &&
(candidate.changes !== undefined || candidate.documentChanges !== undefined) &&
(candidate.documentChanges === undefined || candidate.documentChanges.every(function (change) {
if (Is.string(change.kind)) {
return CreateFile.is(change) || RenameFile.is(change) || DeleteFile.is(change);
}
else {
return TextDocumentEdit.is(change);
}
}));
}
WorkspaceEdit.is = is;
})(WorkspaceEdit || (WorkspaceEdit = {}));
var TextEditChangeImpl = /** @class */ (function () {
function TextEditChangeImpl(edits, changeAnnotations) {
this.edits = edits;
this.changeAnnotations = changeAnnotations;
}
TextEditChangeImpl.prototype.insert = function (position, newText, annotation) {
var edit;
var id;
if (annotation === undefined) {
edit = TextEdit.insert(position, newText);
}
else if (ChangeAnnotationIdentifier.is(annotation)) {
id = annotation;
edit = AnnotatedTextEdit.insert(position, newText, annotation);
}
else {
this.assertChangeAnnotations(this.changeAnnotations);
id = this.changeAnnotations.manage(annotation);
edit = AnnotatedTextEdit.insert(position, newText, id);
}
this.edits.push(edit);
if (id !== undefined) {
return id;
}
};
TextEditChangeImpl.prototype.replace = function (range, newText, annotation) {
var edit;
var id;
if (annotation === undefined) {
edit = TextEdit.replace(range, newText);
}
else if (ChangeAnnotationIdentifier.is(annotation)) {
id = annotation;
edit = AnnotatedTextEdit.replace(range, newText, annotation);
}
else {
this.assertChangeAnnotations(this.changeAnnotations);
id = this.changeAnnotations.manage(annotation);
edit = AnnotatedTextEdit.replace(range, newText, id);
}
this.edits.push(edit);
if (id !== undefined) {
return id;
}
};
TextEditChangeImpl.prototype.delete = function (range, annotation) {
var edit;
var id;
if (annotation === undefined) {
edit = TextEdit.del(range);
}
else if (ChangeAnnotationIdentifier.is(annotation)) {
id = annotation;
edit = AnnotatedTextEdit.del(range, annotation);
}
else {
this.assertChangeAnnotations(this.changeAnnotations);
id = this.changeAnnotations.manage(annotation);
edit = AnnotatedTextEdit.del(range, id);
}
this.edits.push(edit);
if (id !== undefined) {
return id;
}
};
TextEditChangeImpl.prototype.add = function (edit) {
this.edits.push(edit);
};
TextEditChangeImpl.prototype.all = function () {
return this.edits;
};
TextEditChangeImpl.prototype.clear = function () {
this.edits.splice(0, this.edits.length);
};
TextEditChangeImpl.prototype.assertChangeAnnotations = function (value) {
if (value === undefined) {
throw new Error("Text edit change is not configured to manage change annotations.");
}
};
return TextEditChangeImpl;
}());
/**
* A helper class
*/
var ChangeAnnotations = /** @class */ (function () {
function ChangeAnnotations(annotations) {
this._annotations = annotations === undefined ? Object.create(null) : annotations;
this._counter = 0;
this._size = 0;
}
ChangeAnnotations.prototype.all = function () {
return this._annotations;
};
Object.defineProperty(ChangeAnnotations.prototype, "size", {
get: function () {
return this._size;
},
enumerable: false,
configurable: true
});
ChangeAnnotations.prototype.manage = function (idOrAnnotation, annotation) {
var id;
if (ChangeAnnotationIdentifier.is(idOrAnnotation)) {
id = idOrAnnotation;
}
else {
id = this.nextId();
annotation = idOrAnnotation;
}
if (this._annotations[id] !== undefined) {
throw new Error("Id ".concat(id, " is already in use."));
}
if (annotation === undefined) {
throw new Error("No annotation provided for id ".concat(id));
}
this._annotations[id] = annotation;
this._size++;
return id;
};
ChangeAnnotations.prototype.nextId = function () {
this._counter++;
return this._counter.toString();
};
return ChangeAnnotations;
}());
/**
* A workspace change helps constructing changes to a workspace.
*/
var WorkspaceChange = /** @class */ (function () {
function WorkspaceChange(workspaceEdit) {
var _this = this;
this._textEditChanges = Object.create(null);
if (workspaceEdit !== undefined) {
this._workspaceEdit = workspaceEdit;
if (workspaceEdit.documentChanges) {
this._changeAnnotations = new ChangeAnnotations(workspaceEdit.changeAnnotations);
workspaceEdit.changeAnnotations = this._changeAnnotations.all();
workspaceEdit.documentChanges.forEach(function (change) {
if (TextDocumentEdit.is(change)) {
var textEditChange = new TextEditChangeImpl(change.edits, _this._changeAnnotations);
_this._textEditChanges[change.textDocument.uri] = textEditChange;
}
});
}
else if (workspaceEdit.changes) {
Object.keys(workspaceEdit.changes).forEach(function (key) {
var textEditChange = new TextEditChangeImpl(workspaceEdit.changes[key]);
_this._textEditChanges[key] = textEditChange;
});
}
}
else {
this._workspaceEdit = {};
}
}
Object.defineProperty(WorkspaceChange.prototype, "edit", {
/**
* Returns the underlying {@link WorkspaceEdit} literal
* use to be returned from a workspace edit operation like rename.
*/
get: function () {
this.initDocumentChanges();
if (this._changeAnnotations !== undefined) {
if (this._changeAnnotations.size === 0) {
this._workspaceEdit.changeAnnotations = undefined;
}
else {
this._workspaceEdit.changeAnnotations = this._changeAnnotations.all();
}
}
return this._workspaceEdit;
},
enumerable: false,
configurable: true
});
WorkspaceChange.prototype.getTextEditChange = function (key) {
if (OptionalVersionedTextDocumentIdentifier.is(key)) {
this.initDocumentChanges();
if (this._workspaceEdit.documentChanges === undefined) {
throw new Error('Workspace edit is not configured for document changes.');
}
var textDocument = { uri: key.uri, version: key.version };
var result = this._textEditChanges[textDocument.uri];
if (!result) {
var edits = [];
var textDocumentEdit = {
textDocument: textDocument,
edits: edits
};
this._workspaceEdit.documentChanges.push(textDocumentEdit);
result = new TextEditChangeImpl(edits, this._changeAnnotations);
this._textEditChanges[textDocument.uri] = result;
}
return result;
}
else {
this.initChanges();
if (this._workspaceEdit.changes === undefined) {
throw new Error('Workspace edit is not configured for normal text edit changes.');
}
var result = this._textEditChanges[key];
if (!result) {
var edits = [];
this._workspaceEdit.changes[key] = edits;
result = new TextEditChangeImpl(edits);
this._textEditChanges[key] = result;
}
return result;
}
};
WorkspaceChange.prototype.initDocumentChanges = function () {
if (this._workspaceEdit.documentChanges === undefined && this._workspaceEdit.changes === undefined) {
this._changeAnnotations = new ChangeAnnotations();
this._workspaceEdit.documentChanges = [];
this._workspaceEdit.changeAnnotations = this._changeAnnotations.all();
}
};
WorkspaceChange.prototype.initChanges = function () {
if (this._workspaceEdit.documentChanges === undefined && this._workspaceEdit.changes === undefined) {
this._workspaceEdit.changes = Object.create(null);
}
};
WorkspaceChange.prototype.createFile = function (uri, optionsOrAnnotation, options) {
this.initDocumentChanges();
if (this._workspaceEdit.documentChanges === undefined) {
throw new Error('Workspace edit is not configured for document changes.');
}
var annotation;
if (ChangeAnnotation.is(optionsOrAnnotation) || ChangeAnnotationIdentifier.is(optionsOrAnnotation)) {
annotation = optionsOrAnnotation;
}
else {
options = optionsOrAnnotation;
}
var operation;
var id;
if (annotation === undefined) {
operation = CreateFile.create(uri, options);
}
else {
id = ChangeAnnotationIdentifier.is(annotation) ? annotation : this._changeAnnotations.manage(annotation);
operation = CreateFile.create(uri, options, id);
}
this._workspaceEdit.documentChanges.push(operation);
if (id !== undefined) {
return id;
}
};
WorkspaceChange.prototype.renameFile = function (oldUri, newUri, optionsOrAnnotation, options) {
this.initDocumentChanges();
if (this._workspaceEdit.documentChanges === undefined) {
throw new Error('Workspace edit is not configured for document changes.');
}
var annotation;
if (ChangeAnnotation.is(optionsOrAnnotation) || ChangeAnnotationIdentifier.is(optionsOrAnnotation)) {
annotation = optionsOrAnnotation;
}
else {
options = optionsOrAnnotation;
}
var operation;
var id;
if (annotation === undefined) {
operation = RenameFile.create(oldUri, newUri, options);
}
else {
id = ChangeAnnotationIdentifier.is(annotation) ? annotation : this._changeAnnotations.manage(annotation);
operation = RenameFile.create(oldUri, newUri, options, id);
}
this._workspaceEdit.documentChanges.push(operation);
if (id !== undefined) {
return id;
}
};
WorkspaceChange.prototype.deleteFile = function (uri, optionsOrAnnotation, options) {
this.initDocumentChanges();
if (this._workspaceEdit.documentChanges === undefined) {
throw new Error('Workspace edit is not configured for document changes.');
}
var annotation;
if (ChangeAnnotation.is(optionsOrAnnotation) || ChangeAnnotationIdentifier.is(optionsOrAnnotation)) {
annotation = optionsOrAnnotation;
}
else {
options = optionsOrAnnotation;
}
var operation;
var id;
if (annotation === undefined) {
operation = DeleteFile.create(uri, options);
}
else {
id = ChangeAnnotationIdentifier.is(annotation) ? annotation : this._changeAnnotations.manage(annotation);
operation = DeleteFile.create(uri, options, id);
}
this._workspaceEdit.documentChanges.push(operation);
if (id !== undefined) {
return id;
}
};
return WorkspaceChange;
}());
/**
* The TextDocumentIdentifier namespace provides helper functions to work with
* {@link TextDocumentIdentifier} literals.
*/
var TextDocumentIdentifier;
(function (TextDocumentIdentifier) {
/**
* Creates a new TextDocumentIdentifier literal.
* @param uri The document's uri.
*/
function create(uri) {
return { uri: uri };
}
TextDocumentIdentifier.create = create;
/**
* Checks whether the given literal conforms to the {@link TextDocumentIdentifier} interface.
*/
function is(value) {
var candidate = value;
return Is.defined(candidate) && Is.string(candidate.uri);
}
TextDocumentIdentifier.is = is;
})(TextDocumentIdentifier || (TextDocumentIdentifier = {}));
/**
* The VersionedTextDocumentIdentifier namespace provides helper functions to work with
* {@link VersionedTextDocumentIdentifier} literals.
*/
var VersionedTextDocumentIdentifier;
(function (VersionedTextDocumentIdentifier) {
/**
* Creates a new VersionedTextDocumentIdentifier literal.
* @param uri The document's uri.
* @param version The document's version.
*/
function create(uri, version) {
return { uri: uri, version: version };
}
VersionedTextDocumentIdentifier.create = create;
/**
* Checks whether the given literal conforms to the {@link VersionedTextDocumentIdentifier} interface.
*/
function is(value) {
var candidate = value;
return Is.defined(candidate) && Is.string(candidate.uri) && Is.integer(candidate.version);
}
VersionedTextDocumentIdentifier.is = is;
})(VersionedTextDocumentIdentifier || (VersionedTextDocumentIdentifier = {}));
/**
* The OptionalVersionedTextDocumentIdentifier namespace provides helper functions to work with
* {@link OptionalVersionedTextDocumentIdentifier} literals.
*/
var OptionalVersionedTextDocumentIdentifier;
(function (OptionalVersionedTextDocumentIdentifier) {
/**
* Creates a new OptionalVersionedTextDocumentIdentifier literal.
* @param uri The document's uri.
* @param version The document's version.
*/
function create(uri, version) {
return { uri: uri, version: version };
}
OptionalVersionedTextDocumentIdentifier.create = create;
/**
* Checks whether the given literal conforms to the {@link OptionalVersionedTextDocumentIdentifier} interface.
*/
function is(value) {
var candidate = value;
return Is.defined(candidate) && Is.string(candidate.uri) && (candidate.version === null || Is.integer(candidate.version));
}
OptionalVersionedTextDocumentIdentifier.is = is;
})(OptionalVersionedTextDocumentIdentifier || (OptionalVersionedTextDocumentIdentifier = {}));
/**
* The TextDocumentItem namespace provides helper functions to work with
* {@link TextDocumentItem} literals.
*/
var TextDocumentItem;
(function (TextDocumentItem) {
/**
* Creates a new TextDocumentItem literal.
* @param uri The document's uri.
* @param languageId The document's language identifier.
* @param version The document's version number.
* @param text The document's text.
*/
function create(uri, languageId, version, text) {
return { uri: uri, languageId: languageId, version: version, text: text };
}
TextDocumentItem.create = create;
/**
* Checks whether the given literal conforms to the {@link TextDocumentItem} interface.
*/
function is(value) {
var candidate = value;
return Is.defined(candidate) && Is.string(candidate.uri) && Is.string(candidate.languageId) && Is.integer(candidate.version) && Is.string(candidate.text);
}
TextDocumentItem.is = is;
})(TextDocumentItem || (TextDocumentItem = {}));
/**
* Describes the content type that a client supports in various
* result literals like `Hover`, `ParameterInfo` or `CompletionItem`.
*
* Please note that `MarkupKinds` must not start with a `$`. This kinds
* are reserved for internal usage.
*/
var MarkupKind;
(function (MarkupKind) {
/**
* Plain text is supported as a content format
*/
MarkupKind.PlainText = 'plaintext';
/**
* Markdown is supported as a content format
*/
MarkupKind.Markdown = 'markdown';
/**
* Checks whether the given value is a value of the {@link MarkupKind} type.
*/
function is(value) {
var candidate = value;
return candidate === MarkupKind.PlainText || candidate === MarkupKind.Markdown;
}
MarkupKind.is = is;
})(MarkupKind || (MarkupKind = {}));
var MarkupContent;
(function (MarkupContent) {
/**
* Checks whether the given value conforms to the {@link MarkupContent} interface.
*/
function is(value) {
var candidate = value;
return Is.objectLiteral(value) && MarkupKind.is(candidate.kind) && Is.string(candidate.value);
}
MarkupContent.is = is;
})(MarkupContent || (MarkupContent = {}));
/**
* The kind of a completion entry.
*/
var CompletionItemKind;
(function (CompletionItemKind) {
CompletionItemKind.Text = 1;
CompletionItemKind.Method = 2;
CompletionItemKind.Function = 3;
CompletionItemKind.Constructor = 4;
CompletionItemKind.Field = 5;
CompletionItemKind.Variable = 6;
CompletionItemKind.Class = 7;
CompletionItemKind.Interface = 8;
CompletionItemKind.Module = 9;
CompletionItemKind.Property = 10;
CompletionItemKind.Unit = 11;
CompletionItemKind.Value = 12;
CompletionItemKind.Enum = 13;
CompletionItemKind.Keyword = 14;
CompletionItemKind.Snippet = 15;
CompletionItemKind.Color = 16;
CompletionItemKind.File = 17;
CompletionItemKind.Reference = 18;
CompletionItemKind.Folder = 19;
CompletionItemKind.EnumMember = 20;
CompletionItemKind.Constant = 21;
CompletionItemKind.Struct = 22;
CompletionItemKind.Event = 23;
CompletionItemKind.Operator = 24;
CompletionItemKind.TypeParameter = 25;
})(CompletionItemKind || (CompletionItemKind = {}));
/**
* Defines whether the insert text in a completion item should be interpreted as
* plain text or a snippet.
*/
var InsertTextFormat;
(function (InsertTextFormat) {
/**
* The primary text to be inserted is treated as a plain string.
*/
InsertTextFormat.PlainText = 1;
/**
* The primary text to be inserted is treated as a snippet.
*
* A snippet can define tab stops and placeholders with `$1`, `$2`
* and `${3:foo}`. `$0` defines the final tab stop, it defaults to
* the end of the snippet. Placeholders with equal identifiers are linked,
* that is typing in one will update others too.
*
* See also: https://microsoft.github.io/language-server-protocol/specifications/specification-current/#snippet_syntax
*/
InsertTextFormat.Snippet = 2;
})(InsertTextFormat || (InsertTextFormat = {}));
/**
* Completion item tags are extra annotations that tweak the rendering of a completion
* item.
*
* @since 3.15.0
*/
var CompletionItemTag;
(function (CompletionItemTag) {
/**
* Render a completion as obsolete, usually using a strike-out.
*/
CompletionItemTag.Deprecated = 1;
})(CompletionItemTag || (CompletionItemTag = {}));
/**
* The InsertReplaceEdit namespace provides functions to deal with insert / replace edits.
*
* @since 3.16.0
*/
var InsertReplaceEdit;
(function (InsertReplaceEdit) {
/**
* Creates a new insert / replace edit
*/
function create(newText, insert, replace) {
return { newText: newText, insert: insert, replace: replace };
}
InsertReplaceEdit.create = create;
/**
* Checks whether the given literal conforms to the {@link InsertReplaceEdit} interface.
*/
function is(value) {
var candidate = value;
return candidate && Is.string(candidate.newText) && Range.is(candidate.insert) && Range.is(candidate.replace);
}
InsertReplaceEdit.is = is;
})(InsertReplaceEdit || (InsertReplaceEdit = {}));
/**
* How whitespace and indentation is handled during completion
* item insertion.
*
* @since 3.16.0
*/
var InsertTextMode;
(function (InsertTextMode) {
/**
* The insertion or replace strings is taken as it is. If the
* value is multi line the lines below the cursor will be
* inserted using the indentation defined in the string value.
* The client will not apply any kind of adjustments to the
* string.
*/
InsertTextMode.asIs = 1;
/**
* The editor adjusts leading whitespace of new lines so that
* they match the indentation up to the cursor of the line for
* which the item is accepted.
*
* Consider a line like this: <2tabs><cursor><3tabs>foo. Accepting a
* multi line completion item is indented using 2 tabs and all
* following lines inserted will be indented using 2 tabs as well.
*/
InsertTextMode.adjustIndentation = 2;
})(InsertTextMode || (InsertTextMode = {}));
var CompletionItemLabelDetails;
(function (CompletionItemLabelDetails) {
function is(value) {
var candidate = value;
return candidate && (Is.string(candidate.detail) || candidate.detail === undefined) &&
(Is.string(candidate.description) || candidate.description === undefined);
}
CompletionItemLabelDetails.is = is;
})(CompletionItemLabelDetails || (CompletionItemLabelDetails = {}));
/**
* The CompletionItem namespace provides functions to deal with
* completion items.
*/
var CompletionItem;
(function (CompletionItem) {
/**
* Create a completion item and seed it with a label.
* @param label The completion item's label
*/
function create(label) {
return { label: label };
}
CompletionItem.create = create;
})(CompletionItem || (CompletionItem = {}));
/**
* The CompletionList namespace provides functions to deal with
* completion lists.
*/
var CompletionList;
(function (CompletionList) {
/**
* Creates a new completion list.
*
* @param items The completion items.
* @param isIncomplete The list is not complete.
*/
function create(items, isIncomplete) {
return { items: items ? items : [], isIncomplete: !!isIncomplete };
}
CompletionList.create = create;
})(CompletionList || (CompletionList = {}));
var MarkedString;
(function (MarkedString) {
/**
* Creates a marked string from plain text.
*
* @param plainText The plain text.
*/
function fromPlainText(plainText) {
return plainText.replace(/[\\`*_{}[\]()#+\-.!]/g, '\\$&'); // escape markdown syntax tokens: http://daringfireball.net/projects/markdown/syntax#backslash
}
MarkedString.fromPlainText = fromPlainText;
/**
* Checks whether the given value conforms to the {@link MarkedString} type.
*/
function is(value) {
var candidate = value;
return Is.string(candidate) || (Is.objectLiteral(candidate) && Is.string(candidate.language) && Is.string(candidate.value));
}
MarkedString.is = is;
})(MarkedString || (MarkedString = {}));
var Hover;
(function (Hover) {
/**
* Checks whether the given value conforms to the {@link Hover} interface.
*/
function is(value) {
var candidate = value;
return !!candidate && Is.objectLiteral(candidate) && (MarkupContent.is(candidate.contents) ||
MarkedString.is(candidate.contents) ||
Is.typedArray(candidate.contents, MarkedString.is)) && (value.range === undefined || Range.is(value.range));
}
Hover.is = is;
})(Hover || (Hover = {}));
/**
* The ParameterInformation namespace provides helper functions to work with
* {@link ParameterInformation} literals.
*/
var ParameterInformation;
(function (ParameterInformation) {
/**
* Creates a new parameter information literal.
*
* @param label A label string.
* @param documentation A doc string.
*/
function create(label, documentation) {
return documentation ? { label: label, documentation: documentation } : { label: label };
}
ParameterInformation.create = create;
})(ParameterInformation || (ParameterInformation = {}));
/**
* The SignatureInformation namespace provides helper functions to work with
* {@link SignatureInformation} literals.
*/
var SignatureInformation;
(function (SignatureInformation) {
function create(label, documentation) {
var parameters = [];
for (var _i = 2; _i < arguments.length; _i++) {
parameters[_i - 2] = arguments[_i];
}
var result = { label: label };
if (Is.defined(documentation)) {
result.documentation = documentation;
}
if (Is.defined(parameters)) {
result.parameters = parameters;
}
else {
result.parameters = [];
}
return result;
}
SignatureInformation.create = create;
})(SignatureInformation || (SignatureInformation = {}));
/**
* A document highlight kind.
*/
var DocumentHighlightKind;
(function (DocumentHighlightKind) {
/**
* A textual occurrence.
*/
DocumentHighlightKind.Text = 1;
/**
* Read-access of a symbol, like reading a variable.
*/
DocumentHighlightKind.Read = 2;
/**
* Write-access of a symbol, like writing to a variable.
*/
DocumentHighlightKind.Write = 3;
})(DocumentHighlightKind || (DocumentHighlightKind = {}));
/**
* DocumentHighlight namespace to provide helper functions to work with
* {@link DocumentHighlight} literals.
*/
var DocumentHighlight;
(function (DocumentHighlight) {
/**
* Create a DocumentHighlight object.
* @param range The range the highlight applies to.
* @param kind The highlight kind
*/
function create(range, kind) {
var result = { range: range };
if (Is.number(kind)) {
result.kind = kind;
}
return result;
}
DocumentHighlight.create = create;
})(DocumentHighlight || (DocumentHighlight = {}));
/**
* A symbol kind.
*/
var SymbolKind;
(function (SymbolKind) {
SymbolKind.File = 1;
SymbolKind.Module = 2;
SymbolKind.Namespace = 3;
SymbolKind.Package = 4;
SymbolKind.Class = 5;
SymbolKind.Method = 6;
SymbolKind.Property = 7;
SymbolKind.Field = 8;
SymbolKind.Constructor = 9;
SymbolKind.Enum = 10;
SymbolKind.Interface = 11;
SymbolKind.Function = 12;
SymbolKind.Variable = 13;
SymbolKind.Constant = 14;
SymbolKind.String = 15;
SymbolKind.Number = 16;
SymbolKind.Boolean = 17;
SymbolKind.Array = 18;
SymbolKind.Object = 19;
SymbolKind.Key = 20;
SymbolKind.Null = 21;
SymbolKind.EnumMember = 22;
SymbolKind.Struct = 23;
SymbolKind.Event = 24;
SymbolKind.Operator = 25;
SymbolKind.TypeParameter = 26;
})(SymbolKind || (SymbolKind = {}));
/**
* Symbol tags are extra annotations that tweak the rendering of a symbol.
*
* @since 3.16
*/
var SymbolTag;
(function (SymbolTag) {
/**
* Render a symbol as obsolete, usually using a strike-out.
*/
SymbolTag.Deprecated = 1;
})(SymbolTag || (SymbolTag = {}));
var SymbolInformation;
(function (SymbolInformation) {
/**
* Creates a new symbol information literal.
*
* @param name The name of the symbol.
* @param kind The kind of the symbol.
* @param range The range of the location of the symbol.
* @param uri The resource of the location of symbol.
* @param containerName The name of the symbol containing the symbol.
*/
function create(name, kind, range, uri, containerName) {
var result = {
name: name,
kind: kind,
location: { uri: uri, range: range }
};
if (containerName) {
result.containerName = containerName;
}
return result;
}
SymbolInformation.create = create;
})(SymbolInformation || (SymbolInformation = {}));
var WorkspaceSymbol;
(function (WorkspaceSymbol) {
/**
* Create a new workspace symbol.
*
* @param name The name of the symbol.
* @param kind The kind of the symbol.
* @param uri The resource of the location of the symbol.
* @param range An options range of the location.
* @returns A WorkspaceSymbol.
*/
function create(name, kind, uri, range) {
return range !== undefined
? { name: name, kind: kind, location: { uri: uri, range: range } }
: { name: name, kind: kind, location: { uri: uri } };
}
WorkspaceSymbol.create = create;
})(WorkspaceSymbol || (WorkspaceSymbol = {}));
var DocumentSymbol;
(function (DocumentSymbol) {
/**
* Creates a new symbol information literal.
*
* @param name The name of the symbol.
* @param detail The detail of the symbol.
* @param kind The kind of the symbol.
* @param range The range of the symbol.
* @param selectionRange The selectionRange of the symbol.
* @param children Children of the symbol.
*/
function create(name, detail, kind, range, selectionRange, children) {
var result = {
name: name,
detail: detail,
kind: kind,
range: range,
selectionRange: selectionRange
};
if (children !== undefined) {
result.children = children;
}
return result;
}
DocumentSymbol.create = create;
/**
* Checks whether the given literal conforms to the {@link DocumentSymbol} interface.
*/
function is(value) {
var candidate = value;
return candidate &&
Is.string(candidate.name) && Is.number(candidate.kind) &&
Range.is(candidate.range) && Range.is(candidate.selectionRange) &&
(candidate.detail === undefined || Is.string(candidate.detail)) &&
(candidate.deprecated === undefined || Is.boolean(candidate.deprecated)) &&
(candidate.children === undefined || Array.isArray(candidate.children)) &&
(candidate.tags === undefined || Array.isArray(candidate.tags));
}
DocumentSymbol.is = is;
})(DocumentSymbol || (DocumentSymbol = {}));
/**
* A set of predefined code action kinds
*/
var CodeActionKind;
(function (CodeActionKind) {
/**
* Empty kind.
*/
CodeActionKind.Empty = '';
/**
* Base kind for quickfix actions: 'quickfix'
*/
CodeActionKind.QuickFix = 'quickfix';
/**
* Base kind for refactoring actions: 'refactor'
*/
CodeActionKind.Refactor = 'refactor';
/**
* Base kind for refactoring extraction actions: 'refactor.extract'
*
* Example extract actions:
*
* - Extract method
* - Extract function
* - Extract variable
* - Extract interface from class
* - ...
*/
CodeActionKind.RefactorExtract = 'refactor.extract';
/**
* Base kind for refactoring inline actions: 'refactor.inline'
*
* Example inline actions:
*
* - Inline function
* - Inline variable
* - Inline constant
* - ...
*/
CodeActionKind.RefactorInline = 'refactor.inline';
/**
* Base kind for refactoring rewrite actions: 'refactor.rewrite'
*
* Example rewrite actions:
*
* - Convert JavaScript function to class
* - Add or remove parameter
* - Encapsulate field
* - Make method static
* - Move method to base class
* - ...
*/
CodeActionKind.RefactorRewrite = 'refactor.rewrite';
/**
* Base kind for source actions: `source`
*
* Source code actions apply to the entire file.
*/
CodeActionKind.Source = 'source';
/**
* Base kind for an organize imports source action: `source.organizeImports`
*/
CodeActionKind.SourceOrganizeImports = 'source.organizeImports';
/**
* Base kind for auto-fix source actions: `source.fixAll`.
*
* Fix all actions automatically fix errors that have a clear fix that do not require user input.
* They should not suppress errors or perform unsafe fixes such as generating new types or classes.
*
* @since 3.15.0
*/
CodeActionKind.SourceFixAll = 'source.fixAll';
})(CodeActionKind || (CodeActionKind = {}));
/**
* The reason why code actions were requested.
*
* @since 3.17.0
*/
var CodeActionTriggerKind;
(function (CodeActionTriggerKind) {
/**
* Code actions were explicitly requested by the user or by an extension.
*/
CodeActionTriggerKind.Invoked = 1;
/**
* Code actions were requested automatically.
*
* This typically happens when current selection in a file changes, but can
* also be triggered when file content changes.
*/
CodeActionTriggerKind.Automatic = 2;
})(CodeActionTriggerKind || (CodeActionTriggerKind = {}));
/**
* The CodeActionContext namespace provides helper functions to work with
* {@link CodeActionContext} literals.
*/
var CodeActionContext;
(function (CodeActionContext) {
/**
* Creates a new CodeActionContext literal.
*/
function create(diagnostics, only, triggerKind) {
var result = { diagnostics: diagnostics };
if (only !== undefined && only !== null) {
result.only = only;
}
if (triggerKind !== undefined && triggerKind !== null) {
result.triggerKind = triggerKind;
}
return result;
}
CodeActionContext.create = create;
/**
* Checks whether the given literal conforms to the {@link CodeActionContext} interface.
*/
function is(value) {
var candidate = value;
return Is.defined(candidate) && Is.typedArray(candidate.diagnostics, Diagnostic.is)
&& (candidate.only === undefined || Is.typedArray(candidate.only, Is.string))
&& (candidate.triggerKind === undefined || candidate.triggerKind === CodeActionTriggerKind.Invoked || candidate.triggerKind === CodeActionTriggerKind.Automatic);
}
CodeActionContext.is = is;
})(CodeActionContext || (CodeActionContext = {}));
var CodeAction;
(function (CodeAction) {
function create(title, kindOrCommandOrEdit, kind) {
var result = { title: title };
var checkKind = true;
if (typeof kindOrCommandOrEdit === 'string') {
checkKind = false;
result.kind = kindOrCommandOrEdit;
}
else if (Command.is(kindOrCommandOrEdit)) {
result.command = kindOrCommandOrEdit;
}
else {
result.edit = kindOrCommandOrEdit;
}
if (checkKind && kind !== undefined) {
result.kind = kind;
}
return result;
}
CodeAction.create = create;
function is(value) {
var candidate = value;
return candidate && Is.string(candidate.title) &&
(candidate.diagnostics === undefined || Is.typedArray(candidate.diagnostics, Diagnostic.is)) &&
(candidate.kind === undefined || Is.string(candidate.kind)) &&
(candidate.edit !== undefined || candidate.command !== undefined) &&
(candidate.command === undefined || Command.is(candidate.command)) &&
(candidate.isPreferred === undefined || Is.boolean(candidate.isPreferred)) &&
(candidate.edit === undefined || WorkspaceEdit.is(candidate.edit));
}
CodeAction.is = is;
})(CodeAction || (CodeAction = {}));
/**
* The CodeLens namespace provides helper functions to work with
* {@link CodeLens} literals.
*/
var CodeLens;
(function (CodeLens) {
/**
* Creates a new CodeLens literal.
*/
function create(range, data) {
var result = { range: range };
if (Is.defined(data)) {
result.data = data;
}
return result;
}
CodeLens.create = create;
/**
* Checks whether the given literal conforms to the {@link CodeLens} interface.
*/
function is(value) {
var candidate = value;
return Is.defined(candidate) && Range.is(candidate.range) && (Is.undefined(candidate.command) || Command.is(candidate.command));
}
CodeLens.is = is;
})(CodeLens || (CodeLens = {}));
/**
* The FormattingOptions namespace provides helper functions to work with
* {@link FormattingOptions} literals.
*/
var FormattingOptions;
(function (FormattingOptions) {
/**
* Creates a new FormattingOptions literal.
*/
function create(tabSize, insertSpaces) {
return { tabSize: tabSize, insertSpaces: insertSpaces };
}
FormattingOptions.create = create;
/**
* Checks whether the given literal conforms to the {@link FormattingOptions} interface.
*/
function is(value) {
var candidate = value;
return Is.defined(candidate) && Is.uinteger(candidate.tabSize) && Is.boolean(candidate.insertSpaces);
}
FormattingOptions.is = is;
})(FormattingOptions || (FormattingOptions = {}));
/**
* The DocumentLink namespace provides helper functions to work with
* {@link DocumentLink} literals.
*/
var DocumentLink;
(function (DocumentLink) {
/**
* Creates a new DocumentLink literal.
*/
function create(range, target, data) {
return { range: range, target: target, data: data };
}
DocumentLink.create = create;
/**
* Checks whether the given literal conforms to the {@link DocumentLink} interface.
*/
function is(value) {
var candidate = value;
return Is.defined(candidate) && Range.is(candidate.range) && (Is.undefined(candidate.target) || Is.string(candidate.target));
}
DocumentLink.is = is;
})(DocumentLink || (DocumentLink = {}));
/**
* The SelectionRange namespace provides helper function to work with
* SelectionRange literals.
*/
var SelectionRange;
(function (SelectionRange) {
/**
* Creates a new SelectionRange
* @param range the range.
* @param parent an optional parent.
*/
function create(range, parent) {
return { range: range, parent: parent };
}
SelectionRange.create = create;
function is(value) {
var candidate = value;
return Is.objectLiteral(candidate) && Range.is(candidate.range) && (candidate.parent === undefined || SelectionRange.is(candidate.parent));
}
SelectionRange.is = is;
})(SelectionRange || (SelectionRange = {}));
/**
* A set of predefined token types. This set is not fixed
* an clients can specify additional token types via the
* corresponding client capabilities.
*
* @since 3.16.0
*/
var SemanticTokenTypes;
(function (SemanticTokenTypes) {
SemanticTokenTypes["namespace"] = "namespace";
/**
* Represents a generic type. Acts as a fallback for types which can't be mapped to
* a specific type like class or enum.
*/
SemanticTokenTypes["type"] = "type";
SemanticTokenTypes["class"] = "class";
SemanticTokenTypes["enum"] = "enum";
SemanticTokenTypes["interface"] = "interface";
SemanticTokenTypes["struct"] = "struct";
SemanticTokenTypes["typeParameter"] = "typeParameter";
SemanticTokenTypes["parameter"] = "parameter";
SemanticTokenTypes["variable"] = "variable";
SemanticTokenTypes["property"] = "property";
SemanticTokenTypes["enumMember"] = "enumMember";
SemanticTokenTypes["event"] = "event";
SemanticTokenTypes["function"] = "function";
SemanticTokenTypes["method"] = "method";
SemanticTokenTypes["macro"] = "macro";
SemanticTokenTypes["keyword"] = "keyword";
SemanticTokenTypes["modifier"] = "modifier";
SemanticTokenTypes["comment"] = "comment";
SemanticTokenTypes["string"] = "string";
SemanticTokenTypes["number"] = "number";
SemanticTokenTypes["regexp"] = "regexp";
SemanticTokenTypes["operator"] = "operator";
/**
* @since 3.17.0
*/
SemanticTokenTypes["decorator"] = "decorator";
})(SemanticTokenTypes || (SemanticTokenTypes = {}));
/**
* A set of predefined token modifiers. This set is not fixed
* an clients can specify additional token types via the
* corresponding client capabilities.
*
* @since 3.16.0
*/
var SemanticTokenModifiers;
(function (SemanticTokenModifiers) {
SemanticTokenModifiers["declaration"] = "declaration";
SemanticTokenModifiers["definition"] = "definition";
SemanticTokenModifiers["readonly"] = "readonly";
SemanticTokenModifiers["static"] = "static";
SemanticTokenModifiers["deprecated"] = "deprecated";
SemanticTokenModifiers["abstract"] = "abstract";
SemanticTokenModifiers["async"] = "async";
SemanticTokenModifiers["modification"] = "modification";
SemanticTokenModifiers["documentation"] = "documentation";
SemanticTokenModifiers["defaultLibrary"] = "defaultLibrary";
})(SemanticTokenModifiers || (SemanticTokenModifiers = {}));
/**
* @since 3.16.0
*/
var SemanticTokens;
(function (SemanticTokens) {
function is(value) {
var candidate = value;
return Is.objectLiteral(candidate) && (candidate.resultId === undefined || typeof candidate.resultId === 'string') &&
Array.isArray(candidate.data) && (candidate.data.length === 0 || typeof candidate.data[0] === 'number');
}
SemanticTokens.is = is;
})(SemanticTokens || (SemanticTokens = {}));
/**
* The InlineValueText namespace provides functions to deal with InlineValueTexts.
*
* @since 3.17.0
*/
var InlineValueText;
(function (InlineValueText) {
/**
* Creates a new InlineValueText literal.
*/
function create(range, text) {
return { range: range, text: text };
}
InlineValueText.create = create;
function is(value) {
var candidate = value;
return candidate !== undefined && candidate !== null && Range.is(candidate.range) && Is.string(candidate.text);
}
InlineValueText.is = is;
})(InlineValueText || (InlineValueText = {}));
/**
* The InlineValueVariableLookup namespace provides functions to deal with InlineValueVariableLookups.
*
* @since 3.17.0
*/
var InlineValueVariableLookup;
(function (InlineValueVariableLookup) {
/**
* Creates a new InlineValueText literal.
*/
function create(range, variableName, caseSensitiveLookup) {
return { range: range, variableName: variableName, caseSensitiveLookup: caseSensitiveLookup };
}
InlineValueVariableLookup.create = create;
function is(value) {
var candidate = value;
return candidate !== undefined && candidate !== null && Range.is(candidate.range) && Is.boolean(candidate.caseSensitiveLookup)
&& (Is.string(candidate.variableName) || candidate.variableName === undefined);
}
InlineValueVariableLookup.is = is;
})(InlineValueVariableLookup || (InlineValueVariableLookup = {}));
/**
* The InlineValueEvaluatableExpression namespace provides functions to deal with InlineValueEvaluatableExpression.
*
* @since 3.17.0
*/
var InlineValueEvaluatableExpression;
(function (InlineValueEvaluatableExpression) {
/**
* Creates a new InlineValueEvaluatableExpression literal.
*/
function create(range, expression) {
return { range: range, expression: expression };
}
InlineValueEvaluatableExpression.create = create;
function is(value) {
var candidate = value;
return candidate !== undefined && candidate !== null && Range.is(candidate.range)
&& (Is.string(candidate.expression) || candidate.expression === undefined);
}
InlineValueEvaluatableExpression.is = is;
})(InlineValueEvaluatableExpression || (InlineValueEvaluatableExpression = {}));
/**
* The InlineValueContext namespace provides helper functions to work with
* {@link InlineValueContext} literals.
*
* @since 3.17.0
*/
var InlineValueContext;
(function (InlineValueContext) {
/**
* Creates a new InlineValueContext literal.
*/
function create(frameId, stoppedLocation) {
return { frameId: frameId, stoppedLocation: stoppedLocation };
}
InlineValueContext.create = create;
/**
* Checks whether the given literal conforms to the {@link InlineValueContext} interface.
*/
function is(value) {
var candidate = value;
return Is.defined(candidate) && Range.is(value.stoppedLocation);
}
InlineValueContext.is = is;
})(InlineValueContext || (InlineValueContext = {}));
/**
* Inlay hint kinds.
*
* @since 3.17.0
*/
var InlayHintKind;
(function (InlayHintKind) {
/**
* An inlay hint that for a type annotation.
*/
InlayHintKind.Type = 1;
/**
* An inlay hint that is for a parameter.
*/
InlayHintKind.Parameter = 2;
function is(value) {
return value === 1 || value === 2;
}
InlayHintKind.is = is;
})(InlayHintKind || (InlayHintKind = {}));
var InlayHintLabelPart;
(function (InlayHintLabelPart) {
function create(value) {
return { value: value };
}
InlayHintLabelPart.create = create;
function is(value) {
var candidate = value;
return Is.objectLiteral(candidate)
&& (candidate.tooltip === undefined || Is.string(candidate.tooltip) || MarkupContent.is(candidate.tooltip))
&& (candidate.location === undefined || Location.is(candidate.location))
&& (candidate.command === undefined || Command.is(candidate.command));
}
InlayHintLabelPart.is = is;
})(InlayHintLabelPart || (InlayHintLabelPart = {}));
var InlayHint;
(function (InlayHint) {
function create(position, label, kind) {
var result = { position: position, label: label };
if (kind !== undefined) {
result.kind = kind;
}
return result;
}
InlayHint.create = create;
function is(value) {
var candidate = value;
return Is.objectLiteral(candidate) && Position.is(candidate.position)
&& (Is.string(candidate.label) || Is.typedArray(candidate.label, InlayHintLabelPart.is))
&& (candidate.kind === undefined || InlayHintKind.is(candidate.kind))
&& (candidate.textEdits === undefined) || Is.typedArray(candidate.textEdits, TextEdit.is)
&& (candidate.tooltip === undefined || Is.string(candidate.tooltip) || MarkupContent.is(candidate.tooltip))
&& (candidate.paddingLeft === undefined || Is.boolean(candidate.paddingLeft))
&& (candidate.paddingRight === undefined || Is.boolean(candidate.paddingRight));
}
InlayHint.is = is;
})(InlayHint || (InlayHint = {}));
var WorkspaceFolder;
(function (WorkspaceFolder) {
function is(value) {
var candidate = value;
return Is.objectLiteral(candidate) && URI.is(candidate.uri) && Is.string(candidate.name);
}
WorkspaceFolder.is = is;
})(WorkspaceFolder || (WorkspaceFolder = {}));
var EOL = ['\n', '\r\n', '\r'];
/**
* @deprecated Use the text document from the new vscode-languageserver-textdocument package.
*/
var TextDocument;
(function (TextDocument) {
/**
* Creates a new ITextDocument literal from the given uri and content.
* @param uri The document's uri.
* @param languageId The document's language Id.
* @param version The document's version.
* @param content The document's content.
*/
function create(uri, languageId, version, content) {
return new FullTextDocument(uri, languageId, version, content);
}
TextDocument.create = create;
/**
* Checks whether the given literal conforms to the {@link ITextDocument} interface.
*/
function is(value) {
var candidate = value;
return Is.defined(candidate) && Is.string(candidate.uri) && (Is.undefined(candidate.languageId) || Is.string(candidate.languageId)) && Is.uinteger(candidate.lineCount)
&& Is.func(candidate.getText) && Is.func(candidate.positionAt) && Is.func(candidate.offsetAt) ? true : false;
}
TextDocument.is = is;
function applyEdits(document, edits) {
var text = document.getText();
var sortedEdits = mergeSort(edits, function (a, b) {
var diff = a.range.start.line - b.range.start.line;
if (diff === 0) {
return a.range.start.character - b.range.start.character;
}
return diff;
});
var lastModifiedOffset = text.length;
for (var i = sortedEdits.length - 1; i >= 0; i--) {
var e = sortedEdits[i];
var startOffset = document.offsetAt(e.range.start);
var endOffset = document.offsetAt(e.range.end);
if (endOffset <= lastModifiedOffset) {
text = text.substring(0, startOffset) + e.newText + text.substring(endOffset, text.length);
}
else {
throw new Error('Overlapping edit');
}
lastModifiedOffset = startOffset;
}
return text;
}
TextDocument.applyEdits = applyEdits;
function mergeSort(data, compare) {
if (data.length <= 1) {
// sorted
return data;
}
var p = (data.length / 2) | 0;
var left = data.slice(0, p);
var right = data.slice(p);
mergeSort(left, compare);
mergeSort(right, compare);
var leftIdx = 0;
var rightIdx = 0;
var i = 0;
while (leftIdx < left.length && rightIdx < right.length) {
var ret = compare(left[leftIdx], right[rightIdx]);
if (ret <= 0) {
// smaller_equal -> take left to preserve order
data[i++] = left[leftIdx++];
}
else {
// greater -> take right
data[i++] = right[rightIdx++];
}
}
while (leftIdx < left.length) {
data[i++] = left[leftIdx++];
}
while (rightIdx < right.length) {
data[i++] = right[rightIdx++];
}
return data;
}
})(TextDocument || (TextDocument = {}));
/**
* @deprecated Use the text document from the new vscode-languageserver-textdocument package.
*/
var FullTextDocument = /** @class */ (function () {
function FullTextDocument(uri, languageId, version, content) {
this._uri = uri;
this._languageId = languageId;
this._version = version;
this._content = content;
this._lineOffsets = undefined;
}
Object.defineProperty(FullTextDocument.prototype, "uri", {
get: function () {
return this._uri;
},
enumerable: false,
configurable: true
});
Object.defineProperty(FullTextDocument.prototype, "languageId", {
get: function () {
return this._languageId;
},
enumerable: false,
configurable: true
});
Object.defineProperty(FullTextDocument.prototype, "version", {
get: function () {
return this._version;
},
enumerable: false,
configurable: true
});
FullTextDocument.prototype.getText = function (range) {
if (range) {
var start = this.offsetAt(range.start);
var end = this.offsetAt(range.end);
return this._content.substring(start, end);
}
return this._content;
};
FullTextDocument.prototype.update = function (event, version) {
this._content = event.text;
this._version = version;
this._lineOffsets = undefined;
};
FullTextDocument.prototype.getLineOffsets = function () {
if (this._lineOffsets === undefined) {
var lineOffsets = [];
var text = this._content;
var isLineStart = true;
for (var i = 0; i < text.length; i++) {
if (isLineStart) {
lineOffsets.push(i);
isLineStart = false;
}
var ch = text.charAt(i);
isLineStart = (ch === '\r' || ch === '\n');
if (ch === '\r' && i + 1 < text.length && text.charAt(i + 1) === '\n') {
i++;
}
}
if (isLineStart && text.length > 0) {
lineOffsets.push(text.length);
}
this._lineOffsets = lineOffsets;
}
return this._lineOffsets;
};
FullTextDocument.prototype.positionAt = function (offset) {
offset = Math.max(Math.min(offset, this._content.length), 0);
var lineOffsets = this.getLineOffsets();
var low = 0, high = lineOffsets.length;
if (high === 0) {
return Position.create(0, offset);
}
while (low < high) {
var mid = Math.floor((low + high) / 2);
if (lineOffsets[mid] > offset) {
high = mid;
}
else {
low = mid + 1;
}
}
// low is the least x for which the line offset is larger than the current offset
// or array.length if no line offset is larger than the current offset
var line = low - 1;
return Position.create(line, offset - lineOffsets[line]);
};
FullTextDocument.prototype.offsetAt = function (position) {
var lineOffsets = this.getLineOffsets();
if (position.line >= lineOffsets.length) {
return this._content.length;
}
else if (position.line < 0) {
return 0;
}
var lineOffset = lineOffsets[position.line];
var nextLineOffset = (position.line + 1 < lineOffsets.length) ? lineOffsets[position.line + 1] : this._content.length;
return Math.max(Math.min(lineOffset + position.character, nextLineOffset), lineOffset);
};
Object.defineProperty(FullTextDocument.prototype, "lineCount", {
get: function () {
return this.getLineOffsets().length;
},
enumerable: false,
configurable: true
});
return FullTextDocument;
}());
var Is;
(function (Is) {
var toString = Object.prototype.toString;
function defined(value) {
return typeof value !== 'undefined';
}
Is.defined = defined;
function undefined(value) {
return typeof value === 'undefined';
}
Is.undefined = undefined;
function boolean(value) {
return value === true || value === false;
}
Is.boolean = boolean;
function string(value) {
return toString.call(value) === '[object String]';
}
Is.string = string;
function number(value) {
return toString.call(value) === '[object Number]';
}
Is.number = number;
function numberRange(value, min, max) {
return toString.call(value) === '[object Number]' && min <= value && value <= max;
}
Is.numberRange = numberRange;
function integer(value) {
return toString.call(value) === '[object Number]' && -2147483648 <= value && value <= 2147483647;
}
Is.integer = integer;
function uinteger(value) {
return toString.call(value) === '[object Number]' && 0 <= value && value <= 2147483647;
}
Is.uinteger = uinteger;
function func(value) {
return toString.call(value) === '[object Function]';
}
Is.func = func;
function objectLiteral(value) {
// Strictly speaking class instances pass this check as well. Since the LSP
// doesn't use classes we ignore this for now. If we do we need to add something
// like this: `Object.getPrototypeOf(Object.getPrototypeOf(x)) === null`
return value !== null && typeof value === 'object';
}
Is.objectLiteral = objectLiteral;
function typedArray(value, check) {
return Array.isArray(value) && value.every(check);
}
Is.typedArray = typedArray;
})(Is || (Is = {}));
/***/ }),
/***/ 2730:
/***/ ((module, __unused_webpack_exports, __webpack_require__) => {
"use strict";
var forEach = __webpack_require__(705);
var availableTypedArrays = __webpack_require__(4834);
var callBind = __webpack_require__(8498);
var callBound = __webpack_require__(9818);
var gOPD = __webpack_require__(9336);
var $toString = callBound('Object.prototype.toString');
var hasToStringTag = __webpack_require__(1913)();
var g = typeof globalThis === 'undefined' ? __webpack_require__.g : globalThis;
var typedArrays = availableTypedArrays();
var $slice = callBound('String.prototype.slice');
var getPrototypeOf = Object.getPrototypeOf; // require('getprototypeof');
var $indexOf = callBound('Array.prototype.indexOf', true) || function indexOf(array, value) {
for (var i = 0; i < array.length; i += 1) {
if (array[i] === value) {
return i;
}
}
return -1;
};
var cache = { __proto__: null };
if (hasToStringTag && gOPD && getPrototypeOf) {
forEach(typedArrays, function (typedArray) {
var arr = new g[typedArray]();
if (Symbol.toStringTag in arr) {
var proto = getPrototypeOf(arr);
var descriptor = gOPD(proto, Symbol.toStringTag);
if (!descriptor) {
var superProto = getPrototypeOf(proto);
descriptor = gOPD(superProto, Symbol.toStringTag);
}
cache['$' + typedArray] = callBind(descriptor.get);
}
});
} else {
forEach(typedArrays, function (typedArray) {
var arr = new g[typedArray]();
cache['$' + typedArray] = callBind(arr.slice);
});
}
var tryTypedArrays = function tryAllTypedArrays(value) {
var found = false;
forEach(cache, function (getter, typedArray) {
if (!found) {
try {
if ('$' + getter(value) === typedArray) {
found = $slice(typedArray, 1);
}
} catch (e) { /**/ }
}
});
return found;
};
var trySlices = function tryAllSlices(value) {
var found = false;
forEach(cache, function (getter, name) {
if (!found) {
try {
getter(value);
found = $slice(name, 1);
} catch (e) { /**/ }
}
});
return found;
};
module.exports = function whichTypedArray(value) {
if (!value || typeof value !== 'object') { return false; }
if (!hasToStringTag) {
var tag = $slice($toString(value), 8, -1);
if ($indexOf(typedArrays, tag) > -1) {
return tag;
}
if (tag !== 'Object') {
return false;
}
// node < 0.6 hits here on real Typed Arrays
return trySlices(value);
}
if (!gOPD) { return null; } // unknown engine
return tryTypedArrays(value);
};
/***/ }),
/***/ 4834:
/***/ ((module, __unused_webpack_exports, __webpack_require__) => {
"use strict";
var possibleNames = [
'BigInt64Array',
'BigUint64Array',
'Float32Array',
'Float64Array',
'Int16Array',
'Int32Array',
'Int8Array',
'Uint16Array',
'Uint32Array',
'Uint8Array',
'Uint8ClampedArray'
];
var g = typeof globalThis === 'undefined' ? __webpack_require__.g : globalThis;
module.exports = function availableTypedArrays() {
var out = [];
for (var i = 0; i < possibleNames.length; i++) {
if (typeof g[possibleNames[i]] === 'function') {
out[out.length] = possibleNames[i];
}
}
return out;
};
/***/ }),
/***/ 8041:
/***/ ((__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) => {
"use strict";
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
/* harmony export */ V: () => (/* binding */ TextDocument)
/* harmony export */ });
/* --------------------------------------------------------------------------------------------
* Copyright (c) Microsoft Corporation. All rights reserved.
* Licensed under the MIT License. See License.txt in the project root for license information.
* ------------------------------------------------------------------------------------------ */
class FullTextDocument {
constructor(uri, languageId, version, content) {
this._uri = uri;
this._languageId = languageId;
this._version = version;
this._content = content;
this._lineOffsets = undefined;
}
get uri() {
return this._uri;
}
get languageId() {
return this._languageId;
}
get version() {
return this._version;
}
getText(range) {
if (range) {
const start = this.offsetAt(range.start);
const end = this.offsetAt(range.end);
return this._content.substring(start, end);
}
return this._content;
}
update(changes, version) {
for (const change of changes) {
if (FullTextDocument.isIncremental(change)) {
// makes sure start is before end
const range = getWellformedRange(change.range);
// update content
const startOffset = this.offsetAt(range.start);
const endOffset = this.offsetAt(range.end);
this._content = this._content.substring(0, startOffset) + change.text + this._content.substring(endOffset, this._content.length);
// update the offsets
const startLine = Math.max(range.start.line, 0);
const endLine = Math.max(range.end.line, 0);
let lineOffsets = this._lineOffsets;
const addedLineOffsets = computeLineOffsets(change.text, false, startOffset);
if (endLine - startLine === addedLineOffsets.length) {
for (let i = 0, len = addedLineOffsets.length; i < len; i++) {
lineOffsets[i + startLine + 1] = addedLineOffsets[i];
}
}
else {
if (addedLineOffsets.length < 10000) {
lineOffsets.splice(startLine + 1, endLine - startLine, ...addedLineOffsets);
}
else { // avoid too many arguments for splice
this._lineOffsets = lineOffsets = lineOffsets.slice(0, startLine + 1).concat(addedLineOffsets, lineOffsets.slice(endLine + 1));
}
}
const diff = change.text.length - (endOffset - startOffset);
if (diff !== 0) {
for (let i = startLine + 1 + addedLineOffsets.length, len = lineOffsets.length; i < len; i++) {
lineOffsets[i] = lineOffsets[i] + diff;
}
}
}
else if (FullTextDocument.isFull(change)) {
this._content = change.text;
this._lineOffsets = undefined;
}
else {
throw new Error('Unknown change event received');
}
}
this._version = version;
}
getLineOffsets() {
if (this._lineOffsets === undefined) {
this._lineOffsets = computeLineOffsets(this._content, true);
}
return this._lineOffsets;
}
positionAt(offset) {
offset = Math.max(Math.min(offset, this._content.length), 0);
const lineOffsets = this.getLineOffsets();
let low = 0, high = lineOffsets.length;
if (high === 0) {
return { line: 0, character: offset };
}
while (low < high) {
const mid = Math.floor((low + high) / 2);
if (lineOffsets[mid] > offset) {
high = mid;
}
else {
low = mid + 1;
}
}
// low is the least x for which the line offset is larger than the current offset
// or array.length if no line offset is larger than the current offset
const line = low - 1;
offset = this.ensureBeforeEOL(offset, lineOffsets[line]);
return { line, character: offset - lineOffsets[line] };
}
offsetAt(position) {
const lineOffsets = this.getLineOffsets();
if (position.line >= lineOffsets.length) {
return this._content.length;
}
else if (position.line < 0) {
return 0;
}
const lineOffset = lineOffsets[position.line];
if (position.character <= 0) {
return lineOffset;
}
const nextLineOffset = (position.line + 1 < lineOffsets.length) ? lineOffsets[position.line + 1] : this._content.length;
const offset = Math.min(lineOffset + position.character, nextLineOffset);
return this.ensureBeforeEOL(offset, lineOffset);
}
ensureBeforeEOL(offset, lineOffset) {
while (offset > lineOffset && isEOL(this._content.charCodeAt(offset - 1))) {
offset--;
}
return offset;
}
get lineCount() {
return this.getLineOffsets().length;
}
static isIncremental(event) {
const candidate = event;
return candidate !== undefined && candidate !== null &&
typeof candidate.text === 'string' && candidate.range !== undefined &&
(candidate.rangeLength === undefined || typeof candidate.rangeLength === 'number');
}
static isFull(event) {
const candidate = event;
return candidate !== undefined && candidate !== null &&
typeof candidate.text === 'string' && candidate.range === undefined && candidate.rangeLength === undefined;
}
}
var TextDocument;
(function (TextDocument) {
/**
* Creates a new text document.
*
* @param uri The document's uri.
* @param languageId The document's language Id.
* @param version The document's initial version number.
* @param content The document's content.
*/
function create(uri, languageId, version, content) {
return new FullTextDocument(uri, languageId, version, content);
}
TextDocument.create = create;
/**
* Updates a TextDocument by modifying its content.
*
* @param document the document to update. Only documents created by TextDocument.create are valid inputs.
* @param changes the changes to apply to the document.
* @param version the changes version for the document.
* @returns The updated TextDocument. Note: That's the same document instance passed in as first parameter.
*
*/
function update(document, changes, version) {
if (document instanceof FullTextDocument) {
document.update(changes, version);
return document;
}
else {
throw new Error('TextDocument.update: document must be created by TextDocument.create');
}
}
TextDocument.update = update;
function applyEdits(document, edits) {
const text = document.getText();
const sortedEdits = mergeSort(edits.map(getWellformedEdit), (a, b) => {
const diff = a.range.start.line - b.range.start.line;
if (diff === 0) {
return a.range.start.character - b.range.start.character;
}
return diff;
});
let lastModifiedOffset = 0;
const spans = [];
for (const e of sortedEdits) {
const startOffset = document.offsetAt(e.range.start);
if (startOffset < lastModifiedOffset) {
throw new Error('Overlapping edit');
}
else if (startOffset > lastModifiedOffset) {
spans.push(text.substring(lastModifiedOffset, startOffset));
}
if (e.newText.length) {
spans.push(e.newText);
}
lastModifiedOffset = document.offsetAt(e.range.end);
}
spans.push(text.substr(lastModifiedOffset));
return spans.join('');
}
TextDocument.applyEdits = applyEdits;
})(TextDocument || (TextDocument = {}));
function mergeSort(data, compare) {
if (data.length <= 1) {
// sorted
return data;
}
const p = (data.length / 2) | 0;
const left = data.slice(0, p);
const right = data.slice(p);
mergeSort(left, compare);
mergeSort(right, compare);
let leftIdx = 0;
let rightIdx = 0;
let i = 0;
while (leftIdx < left.length && rightIdx < right.length) {
const ret = compare(left[leftIdx], right[rightIdx]);
if (ret <= 0) {
// smaller_equal -> take left to preserve order
data[i++] = left[leftIdx++];
}
else {
// greater -> take right
data[i++] = right[rightIdx++];
}
}
while (leftIdx < left.length) {
data[i++] = left[leftIdx++];
}
while (rightIdx < right.length) {
data[i++] = right[rightIdx++];
}
return data;
}
function computeLineOffsets(text, isAtLineStart, textOffset = 0) {
const result = isAtLineStart ? [textOffset] : [];
for (let i = 0; i < text.length; i++) {
const ch = text.charCodeAt(i);
if (isEOL(ch)) {
if (ch === 13 /* CharCode.CarriageReturn */ && i + 1 < text.length && text.charCodeAt(i + 1) === 10 /* CharCode.LineFeed */) {
i++;
}
result.push(textOffset + i + 1);
}
}
return result;
}
function isEOL(char) {
return char === 13 /* CharCode.CarriageReturn */ || char === 10 /* CharCode.LineFeed */;
}
function getWellformedRange(range) {
const start = range.start;
const end = range.end;
if (start.line > end.line || (start.line === end.line && start.character > end.character)) {
return { start: end, end: start };
}
return range;
}
function getWellformedEdit(textEdit) {
const range = getWellformedRange(textEdit.range);
if (range !== textEdit.range) {
return { newText: textEdit.newText, range };
}
return textEdit;
}
/***/ })
/******/ });
/************************************************************************/
/******/ // The module cache
/******/ var __webpack_module_cache__ = {};
/******/
/******/ // The require function
/******/ function __webpack_require__(moduleId) {
/******/ // Check if module is in cache
/******/ var cachedModule = __webpack_module_cache__[moduleId];
/******/ if (cachedModule !== undefined) {
/******/ return cachedModule.exports;
/******/ }
/******/ // Create a new module (and put it into the cache)
/******/ var module = __webpack_module_cache__[moduleId] = {
/******/ // no module.id needed
/******/ // no module.loaded needed
/******/ exports: {}
/******/ };
/******/
/******/ // Execute the module function
/******/ __webpack_modules__[moduleId].call(module.exports, module, module.exports, __webpack_require__);
/******/
/******/ // Return the exports of the module
/******/ return module.exports;
/******/ }
/******/
/************************************************************************/
/******/ /* webpack/runtime/compat get default export */
/******/ (() => {
/******/ // getDefaultExport function for compatibility with non-harmony modules
/******/ __webpack_require__.n = (module) => {
/******/ var getter = module && module.__esModule ?
/******/ () => (module['default']) :
/******/ () => (module);
/******/ __webpack_require__.d(getter, { a: getter });
/******/ return getter;
/******/ };
/******/ })();
/******/
/******/ /* webpack/runtime/define property getters */
/******/ (() => {
/******/ // define getter functions for harmony exports
/******/ __webpack_require__.d = (exports, definition) => {
/******/ for(var key in definition) {
/******/ if(__webpack_require__.o(definition, key) && !__webpack_require__.o(exports, key)) {
/******/ Object.defineProperty(exports, key, { enumerable: true, get: definition[key] });
/******/ }
/******/ }
/******/ };
/******/ })();
/******/
/******/ /* webpack/runtime/global */
/******/ (() => {
/******/ __webpack_require__.g = (function() {
/******/ if (typeof globalThis === 'object') return globalThis;
/******/ try {
/******/ return this || new Function('return this')();
/******/ } catch (e) {
/******/ if (typeof window === 'object') return window;
/******/ }
/******/ })();
/******/ })();
/******/
/******/ /* webpack/runtime/hasOwnProperty shorthand */
/******/ (() => {
/******/ __webpack_require__.o = (obj, prop) => (Object.prototype.hasOwnProperty.call(obj, prop))
/******/ })();
/******/
/******/ /* webpack/runtime/make namespace object */
/******/ (() => {
/******/ // define __esModule on exports
/******/ __webpack_require__.r = (exports) => {
/******/ if(typeof Symbol !== 'undefined' && Symbol.toStringTag) {
/******/ Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
/******/ }
/******/ Object.defineProperty(exports, '__esModule', { value: true });
/******/ };
/******/ })();
/******/
/************************************************************************/
var __webpack_exports__ = {};
// This entry need to be wrapped in an IIFE because it need to be in strict mode.
(() => {
"use strict";
// ESM COMPAT FLAG
__webpack_require__.r(__webpack_exports__);
// EXPORTS
__webpack_require__.d(__webpack_exports__, {
CssService: () => (/* binding */ CssService)
});
// EXTERNAL MODULE: ./src/services/base-service.ts
var base_service = __webpack_require__(2125);
;// CONCATENATED MODULE: ../../node_modules/vscode-css-languageservice/lib/esm/parser/cssScanner.js
/*---------------------------------------------------------------------------------------------
* Copyright (c) Microsoft Corporation. All rights reserved.
* Licensed under the MIT License. See License.txt in the project root for license information.
*--------------------------------------------------------------------------------------------*/
var TokenType;
(function (TokenType) {
TokenType[TokenType["Ident"] = 0] = "Ident";
TokenType[TokenType["AtKeyword"] = 1] = "AtKeyword";
TokenType[TokenType["String"] = 2] = "String";
TokenType[TokenType["BadString"] = 3] = "BadString";
TokenType[TokenType["UnquotedString"] = 4] = "UnquotedString";
TokenType[TokenType["Hash"] = 5] = "Hash";
TokenType[TokenType["Num"] = 6] = "Num";
TokenType[TokenType["Percentage"] = 7] = "Percentage";
TokenType[TokenType["Dimension"] = 8] = "Dimension";
TokenType[TokenType["UnicodeRange"] = 9] = "UnicodeRange";
TokenType[TokenType["CDO"] = 10] = "CDO";
TokenType[TokenType["CDC"] = 11] = "CDC";
TokenType[TokenType["Colon"] = 12] = "Colon";
TokenType[TokenType["SemiColon"] = 13] = "SemiColon";
TokenType[TokenType["CurlyL"] = 14] = "CurlyL";
TokenType[TokenType["CurlyR"] = 15] = "CurlyR";
TokenType[TokenType["ParenthesisL"] = 16] = "ParenthesisL";
TokenType[TokenType["ParenthesisR"] = 17] = "ParenthesisR";
TokenType[TokenType["BracketL"] = 18] = "BracketL";
TokenType[TokenType["BracketR"] = 19] = "BracketR";
TokenType[TokenType["Whitespace"] = 20] = "Whitespace";
TokenType[TokenType["Includes"] = 21] = "Includes";
TokenType[TokenType["Dashmatch"] = 22] = "Dashmatch";
TokenType[TokenType["SubstringOperator"] = 23] = "SubstringOperator";
TokenType[TokenType["PrefixOperator"] = 24] = "PrefixOperator";
TokenType[TokenType["SuffixOperator"] = 25] = "SuffixOperator";
TokenType[TokenType["Delim"] = 26] = "Delim";
TokenType[TokenType["EMS"] = 27] = "EMS";
TokenType[TokenType["EXS"] = 28] = "EXS";
TokenType[TokenType["Length"] = 29] = "Length";
TokenType[TokenType["Angle"] = 30] = "Angle";
TokenType[TokenType["Time"] = 31] = "Time";
TokenType[TokenType["Freq"] = 32] = "Freq";
TokenType[TokenType["Exclamation"] = 33] = "Exclamation";
TokenType[TokenType["Resolution"] = 34] = "Resolution";
TokenType[TokenType["Comma"] = 35] = "Comma";
TokenType[TokenType["Charset"] = 36] = "Charset";
TokenType[TokenType["EscapedJavaScript"] = 37] = "EscapedJavaScript";
TokenType[TokenType["BadEscapedJavaScript"] = 38] = "BadEscapedJavaScript";
TokenType[TokenType["Comment"] = 39] = "Comment";
TokenType[TokenType["SingleLineComment"] = 40] = "SingleLineComment";
TokenType[TokenType["EOF"] = 41] = "EOF";
TokenType[TokenType["CustomToken"] = 42] = "CustomToken";
})(TokenType || (TokenType = {}));
class MultiLineStream {
constructor(source) {
this.source = source;
this.len = source.length;
this.position = 0;
}
substring(from, to = this.position) {
return this.source.substring(from, to);
}
eos() {
return this.len <= this.position;
}
pos() {
return this.position;
}
goBackTo(pos) {
this.position = pos;
}
goBack(n) {
this.position -= n;
}
advance(n) {
this.position += n;
}
nextChar() {
return this.source.charCodeAt(this.position++) || 0;
}
peekChar(n = 0) {
return this.source.charCodeAt(this.position + n) || 0;
}
lookbackChar(n = 0) {
return this.source.charCodeAt(this.position - n) || 0;
}
advanceIfChar(ch) {
if (ch === this.source.charCodeAt(this.position)) {
this.position++;
return true;
}
return false;
}
advanceIfChars(ch) {
if (this.position + ch.length > this.source.length) {
return false;
}
let i = 0;
for (; i < ch.length; i++) {
if (this.source.charCodeAt(this.position + i) !== ch[i]) {
return false;
}
}
this.advance(i);
return true;
}
advanceWhileChar(condition) {
const posNow = this.position;
while (this.position < this.len && condition(this.source.charCodeAt(this.position))) {
this.position++;
}
return this.position - posNow;
}
}
const _a = 'a'.charCodeAt(0);
const _f = 'f'.charCodeAt(0);
const _z = 'z'.charCodeAt(0);
const _u = 'u'.charCodeAt(0);
const _A = 'A'.charCodeAt(0);
const _F = 'F'.charCodeAt(0);
const _Z = 'Z'.charCodeAt(0);
const _0 = '0'.charCodeAt(0);
const _9 = '9'.charCodeAt(0);
const _TLD = '~'.charCodeAt(0);
const _HAT = '^'.charCodeAt(0);
const _EQS = '='.charCodeAt(0);
const _PIP = '|'.charCodeAt(0);
const _MIN = '-'.charCodeAt(0);
const _USC = '_'.charCodeAt(0);
const _PRC = '%'.charCodeAt(0);
const _MUL = '*'.charCodeAt(0);
const _LPA = '('.charCodeAt(0);
const _RPA = ')'.charCodeAt(0);
const _LAN = '<'.charCodeAt(0);
const _RAN = '>'.charCodeAt(0);
const _ATS = '@'.charCodeAt(0);
const _HSH = '#'.charCodeAt(0);
const _DLR = '$'.charCodeAt(0);
const _BSL = '\\'.charCodeAt(0);
const _FSL = '/'.charCodeAt(0);
const _NWL = '\n'.charCodeAt(0);
const _CAR = '\r'.charCodeAt(0);
const _LFD = '\f'.charCodeAt(0);
const _DQO = '"'.charCodeAt(0);
const _SQO = '\''.charCodeAt(0);
const _WSP = ' '.charCodeAt(0);
const _TAB = '\t'.charCodeAt(0);
const _SEM = ';'.charCodeAt(0);
const _COL = ':'.charCodeAt(0);
const _CUL = '{'.charCodeAt(0);
const _CUR = '}'.charCodeAt(0);
const _BRL = '['.charCodeAt(0);
const _BRR = ']'.charCodeAt(0);
const _CMA = ','.charCodeAt(0);
const _DOT = '.'.charCodeAt(0);
const _BNG = '!'.charCodeAt(0);
const _QSM = '?'.charCodeAt(0);
const _PLS = '+'.charCodeAt(0);
const staticTokenTable = {};
staticTokenTable[_SEM] = TokenType.SemiColon;
staticTokenTable[_COL] = TokenType.Colon;
staticTokenTable[_CUL] = TokenType.CurlyL;
staticTokenTable[_CUR] = TokenType.CurlyR;
staticTokenTable[_BRR] = TokenType.BracketR;
staticTokenTable[_BRL] = TokenType.BracketL;
staticTokenTable[_LPA] = TokenType.ParenthesisL;
staticTokenTable[_RPA] = TokenType.ParenthesisR;
staticTokenTable[_CMA] = TokenType.Comma;
const staticUnitTable = {};
staticUnitTable['em'] = TokenType.EMS;
staticUnitTable['ex'] = TokenType.EXS;
staticUnitTable['px'] = TokenType.Length;
staticUnitTable['cm'] = TokenType.Length;
staticUnitTable['mm'] = TokenType.Length;
staticUnitTable['in'] = TokenType.Length;
staticUnitTable['pt'] = TokenType.Length;
staticUnitTable['pc'] = TokenType.Length;
staticUnitTable['deg'] = TokenType.Angle;
staticUnitTable['rad'] = TokenType.Angle;
staticUnitTable['grad'] = TokenType.Angle;
staticUnitTable['ms'] = TokenType.Time;
staticUnitTable['s'] = TokenType.Time;
staticUnitTable['hz'] = TokenType.Freq;
staticUnitTable['khz'] = TokenType.Freq;
staticUnitTable['%'] = TokenType.Percentage;
staticUnitTable['fr'] = TokenType.Percentage;
staticUnitTable['dpi'] = TokenType.Resolution;
staticUnitTable['dpcm'] = TokenType.Resolution;
class Scanner {
constructor() {
this.stream = new MultiLineStream('');
this.ignoreComment = true;
this.ignoreWhitespace = true;
this.inURL = false;
}
setSource(input) {
this.stream = new MultiLineStream(input);
}
finishToken(offset, type, text) {
return {
offset: offset,
len: this.stream.pos() - offset,
type: type,
text: text || this.stream.substring(offset)
};
}
substring(offset, len) {
return this.stream.substring(offset, offset + len);
}
pos() {
return this.stream.pos();
}
goBackTo(pos) {
this.stream.goBackTo(pos);
}
scanUnquotedString() {
const offset = this.stream.pos();
const content = [];
if (this._unquotedString(content)) {
return this.finishToken(offset, TokenType.UnquotedString, content.join(''));
}
return null;
}
scan() {
// processes all whitespaces and comments
const triviaToken = this.trivia();
if (triviaToken !== null) {
return triviaToken;
}
const offset = this.stream.pos();
// End of file/input
if (this.stream.eos()) {
return this.finishToken(offset, TokenType.EOF);
}
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
*/
tryScanUnicode() {
const offset = this.stream.pos();
if (!this.stream.eos() && this._unicodeRange()) {
return this.finishToken(offset, TokenType.UnicodeRange);
}
this.stream.goBackTo(offset);
return undefined;
}
scanNext(offset) {
// CDO <!--
if (this.stream.advanceIfChars([_LAN, _BNG, _MIN, _MIN])) {
return this.finishToken(offset, TokenType.CDO);
}
// CDC -->
if (this.stream.advanceIfChars([_MIN, _MIN, _RAN])) {
return this.finishToken(offset, TokenType.CDC);
}
let content = [];
if (this.ident(content)) {
return this.finishToken(offset, TokenType.Ident, content.join(''));
}
// at-keyword
if (this.stream.advanceIfChar(_ATS)) {
content = ['@'];
if (this._name(content)) {
const keywordText = content.join('');
if (keywordText === '@charset') {
return this.finishToken(offset, TokenType.Charset, keywordText);
}
return this.finishToken(offset, TokenType.AtKeyword, keywordText);
}
else {
return this.finishToken(offset, TokenType.Delim);
}
}
// hash
if (this.stream.advanceIfChar(_HSH)) {
content = ['#'];
if (this._name(content)) {
return this.finishToken(offset, TokenType.Hash, content.join(''));
}
else {
return this.finishToken(offset, TokenType.Delim);
}
}
// Important
if (this.stream.advanceIfChar(_BNG)) {
return this.finishToken(offset, TokenType.Exclamation);
}
// Numbers
if (this._number()) {
const pos = this.stream.pos();
content = [this.stream.substring(offset, pos)];
if (this.stream.advanceIfChar(_PRC)) {
// Percentage 43%
return this.finishToken(offset, TokenType.Percentage);
}
else if (this.ident(content)) {
const dim = this.stream.substring(pos).toLowerCase();
const tokenType = staticUnitTable[dim];
if (typeof tokenType !== 'undefined') {
// Known dimension 43px
return this.finishToken(offset, tokenType, content.join(''));
}
else {
// Unknown dimension 43ft
return this.finishToken(offset, TokenType.Dimension, content.join(''));
}
}
return this.finishToken(offset, TokenType.Num);
}
// String, BadString
content = [];
let tokenType = this._string(content);
if (tokenType !== null) {
return this.finishToken(offset, tokenType, content.join(''));
}
// single character tokens
tokenType = staticTokenTable[this.stream.peekChar()];
if (typeof tokenType !== 'undefined') {
this.stream.advance(1);
return this.finishToken(offset, tokenType);
}
// includes ~=
if (this.stream.peekChar(0) === _TLD && this.stream.peekChar(1) === _EQS) {
this.stream.advance(2);
return this.finishToken(offset, TokenType.Includes);
}
// DashMatch |=
if (this.stream.peekChar(0) === _PIP && this.stream.peekChar(1) === _EQS) {
this.stream.advance(2);
return this.finishToken(offset, TokenType.Dashmatch);
}
// Substring operator *=
if (this.stream.peekChar(0) === _MUL && this.stream.peekChar(1) === _EQS) {
this.stream.advance(2);
return this.finishToken(offset, TokenType.SubstringOperator);
}
// Substring operator ^=
if (this.stream.peekChar(0) === _HAT && this.stream.peekChar(1) === _EQS) {
this.stream.advance(2);
return this.finishToken(offset, TokenType.PrefixOperator);
}
// Substring operator $=
if (this.stream.peekChar(0) === _DLR && this.stream.peekChar(1) === _EQS) {
this.stream.advance(2);
return this.finishToken(offset, TokenType.SuffixOperator);
}
// Delim
this.stream.nextChar();
return this.finishToken(offset, TokenType.Delim);
}
trivia() {
while (true) {
const offset = this.stream.pos();
if (this._whitespace()) {
if (!this.ignoreWhitespace) {
return this.finishToken(offset, TokenType.Whitespace);
}
}
else if (this.comment()) {
if (!this.ignoreComment) {
return this.finishToken(offset, TokenType.Comment);
}
}
else {
return null;
}
}
}
comment() {
if (this.stream.advanceIfChars([_FSL, _MUL])) {
let success = false, hot = false;
this.stream.advanceWhileChar((ch) => {
if (hot && ch === _FSL) {
success = true;
return false;
}
hot = ch === _MUL;
return true;
});
if (success) {
this.stream.advance(1);
}
return true;
}
return false;
}
_number() {
let npeek = 0, ch;
if (this.stream.peekChar() === _DOT) {
npeek = 1;
}
ch = this.stream.peekChar(npeek);
if (ch >= _0 && ch <= _9) {
this.stream.advance(npeek + 1);
this.stream.advanceWhileChar((ch) => {
return ch >= _0 && ch <= _9 || npeek === 0 && ch === _DOT;
});
return true;
}
return false;
}
_newline(result) {
const ch = this.stream.peekChar();
switch (ch) {
case _CAR:
case _LFD:
case _NWL:
this.stream.advance(1);
result.push(String.fromCharCode(ch));
if (ch === _CAR && this.stream.advanceIfChar(_NWL)) {
result.push('\n');
}
return true;
}
return false;
}
_escape(result, includeNewLines) {
let ch = this.stream.peekChar();
if (ch === _BSL) {
this.stream.advance(1);
ch = this.stream.peekChar();
let hexNumCount = 0;
while (hexNumCount < 6 && (ch >= _0 && ch <= _9 || ch >= _a && ch <= _f || ch >= _A && ch <= _F)) {
this.stream.advance(1);
ch = this.stream.peekChar();
hexNumCount++;
}
if (hexNumCount > 0) {
try {
const hexVal = parseInt(this.stream.substring(this.stream.pos() - hexNumCount), 16);
if (hexVal) {
result.push(String.fromCharCode(hexVal));
}
}
catch (e) {
// ignore
}
// optional whitespace or new line, not part of result text
if (ch === _WSP || ch === _TAB) {
this.stream.advance(1);
}
else {
this._newline([]);
}
return true;
}
if (ch !== _CAR && ch !== _LFD && ch !== _NWL) {
this.stream.advance(1);
result.push(String.fromCharCode(ch));
return true;
}
else if (includeNewLines) {
return this._newline(result);
}
}
return false;
}
_stringChar(closeQuote, result) {
// not closeQuote, not backslash, not newline
const ch = this.stream.peekChar();
if (ch !== 0 && ch !== closeQuote && ch !== _BSL && ch !== _CAR && ch !== _LFD && ch !== _NWL) {
this.stream.advance(1);
result.push(String.fromCharCode(ch));
return true;
}
return false;
}
_string(result) {
if (this.stream.peekChar() === _SQO || this.stream.peekChar() === _DQO) {
const closeQuote = this.stream.nextChar();
result.push(String.fromCharCode(closeQuote));
while (this._stringChar(closeQuote, result) || this._escape(result, true)) {
// loop
}
if (this.stream.peekChar() === closeQuote) {
this.stream.nextChar();
result.push(String.fromCharCode(closeQuote));
return TokenType.String;
}
else {
return TokenType.BadString;
}
}
return null;
}
_unquotedChar(result) {
// not closeQuote, not backslash, not newline
const ch = this.stream.peekChar();
if (ch !== 0 && ch !== _BSL && ch !== _SQO && ch !== _DQO && ch !== _LPA && ch !== _RPA && ch !== _WSP && ch !== _TAB && ch !== _NWL && ch !== _LFD && ch !== _CAR) {
this.stream.advance(1);
result.push(String.fromCharCode(ch));
return true;
}
return false;
}
_unquotedString(result) {
let hasContent = false;
while (this._unquotedChar(result) || this._escape(result)) {
hasContent = true;
}
return hasContent;
}
_whitespace() {
const n = this.stream.advanceWhileChar((ch) => {
return ch === _WSP || ch === _TAB || ch === _NWL || ch === _LFD || ch === _CAR;
});
return n > 0;
}
_name(result) {
let matched = false;
while (this._identChar(result) || this._escape(result)) {
matched = true;
}
return matched;
}
ident(result) {
const pos = this.stream.pos();
const hasMinus = this._minus(result);
if (hasMinus) {
if (this._minus(result) /* -- */ || this._identFirstChar(result) || this._escape(result)) {
while (this._identChar(result) || this._escape(result)) {
// loop
}
return true;
}
}
else if (this._identFirstChar(result) || this._escape(result)) {
while (this._identChar(result) || this._escape(result)) {
// loop
}
return true;
}
this.stream.goBackTo(pos);
return false;
}
_identFirstChar(result) {
const ch = this.stream.peekChar();
if (ch === _USC || // _
ch >= _a && ch <= _z || // a-z
ch >= _A && ch <= _Z || // A-Z
ch >= 0x80 && ch <= 0xFFFF) { // nonascii
this.stream.advance(1);
result.push(String.fromCharCode(ch));
return true;
}
return false;
}
_minus(result) {
const ch = this.stream.peekChar();
if (ch === _MIN) {
this.stream.advance(1);
result.push(String.fromCharCode(ch));
return true;
}
return false;
}
_identChar(result) {
const ch = this.stream.peekChar();
if (ch === _USC || // _
ch === _MIN || // -
ch >= _a && ch <= _z || // a-z
ch >= _A && ch <= _Z || // A-Z
ch >= _0 && ch <= _9 || // 0/9
ch >= 0x80 && ch <= 0xFFFF) { // nonascii
this.stream.advance(1);
result.push(String.fromCharCode(ch));
return true;
}
return false;
}
_unicodeRange() {
// 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)) {
const isHexDigit = (ch) => (ch >= _0 && ch <= _9 || ch >= _a && ch <= _f || ch >= _A && ch <= _F);
const codePoints = this.stream.advanceWhileChar(isHexDigit) + this.stream.advanceWhileChar(ch => ch === _QSM);
if (codePoints >= 1 && codePoints <= 6) {
if (this.stream.advanceIfChar(_MIN)) {
const digits = this.stream.advanceWhileChar(isHexDigit);
if (digits >= 1 && digits <= 6) {
return true;
}
}
else {
return true;
}
}
}
return false;
}
}
;// CONCATENATED MODULE: ../../node_modules/vscode-css-languageservice/lib/esm/utils/strings.js
/*---------------------------------------------------------------------------------------------
* Copyright (c) Microsoft Corporation. All rights reserved.
* Licensed under the MIT License. See License.txt in the project root for license information.
*--------------------------------------------------------------------------------------------*/
function startsWith(haystack, needle) {
if (haystack.length < needle.length) {
return false;
}
for (let i = 0; i < needle.length; i++) {
if (haystack[i] !== needle[i]) {
return false;
}
}
return true;
}
/**
* Determines if haystack ends with needle.
*/
function endsWith(haystack, needle) {
let diff = haystack.length - needle.length;
if (diff > 0) {
return haystack.lastIndexOf(needle) === diff;
}
else if (diff === 0) {
return haystack === needle;
}
else {
return false;
}
}
/**
* Computes the difference score for two strings. More similar strings have a higher score.
* We use largest common subsequence dynamic programming approach but penalize in the end for length differences.
* Strings that have a large length difference will get a bad default score 0.
* Complexity - both time and space O(first.length * second.length)
* Dynamic programming LCS computation http://en.wikipedia.org/wiki/Longest_common_subsequence_problem
*
* @param first a string
* @param second a string
*/
function difference(first, second, maxLenDelta = 4) {
let lengthDifference = Math.abs(first.length - second.length);
// We only compute score if length of the currentWord and length of entry.name are similar.
if (lengthDifference > maxLenDelta) {
return 0;
}
// Initialize LCS (largest common subsequence) matrix.
let LCS = [];
let zeroArray = [];
let i, j;
for (i = 0; i < second.length + 1; ++i) {
zeroArray.push(0);
}
for (i = 0; i < first.length + 1; ++i) {
LCS.push(zeroArray);
}
for (i = 1; i < first.length + 1; ++i) {
for (j = 1; j < second.length + 1; ++j) {
if (first[i - 1] === second[j - 1]) {
LCS[i][j] = LCS[i - 1][j - 1] + 1;
}
else {
LCS[i][j] = Math.max(LCS[i - 1][j], LCS[i][j - 1]);
}
}
}
return LCS[first.length][second.length] - Math.sqrt(lengthDifference);
}
/**
* Limit of string length.
*/
function getLimitedString(str, ellipsis = true) {
if (!str) {
return '';
}
if (str.length < 140) {
return str;
}
return str.slice(0, 140) + (ellipsis ? '\u2026' : '');
}
/**
* Limit of string length.
*/
function trim(str, regexp) {
const m = regexp.exec(str);
if (m && m[0].length) {
return str.substr(0, str.length - m[0].length);
}
return str;
}
function repeat(value, count) {
let s = '';
while (count > 0) {
if ((count & 1) === 1) {
s += value;
}
value += value;
count = count >>> 1;
}
return s;
}
;// CONCATENATED MODULE: ../../node_modules/vscode-css-languageservice/lib/esm/parser/cssNodes.js
/*---------------------------------------------------------------------------------------------
* Copyright (c) Microsoft Corporation. All rights reserved.
* Licensed under the MIT License. See License.txt in the project root for license information.
*--------------------------------------------------------------------------------------------*/
/// <summary>
/// Nodes for the css 2.1 specification. See for reference:
/// http://www.w3.org/TR/CSS21/grammar.html#grammar
/// </summary>
var NodeType;
(function (NodeType) {
NodeType[NodeType["Undefined"] = 0] = "Undefined";
NodeType[NodeType["Identifier"] = 1] = "Identifier";
NodeType[NodeType["Stylesheet"] = 2] = "Stylesheet";
NodeType[NodeType["Ruleset"] = 3] = "Ruleset";
NodeType[NodeType["Selector"] = 4] = "Selector";
NodeType[NodeType["SimpleSelector"] = 5] = "SimpleSelector";
NodeType[NodeType["SelectorInterpolation"] = 6] = "SelectorInterpolation";
NodeType[NodeType["SelectorCombinator"] = 7] = "SelectorCombinator";
NodeType[NodeType["SelectorCombinatorParent"] = 8] = "SelectorCombinatorParent";
NodeType[NodeType["SelectorCombinatorSibling"] = 9] = "SelectorCombinatorSibling";
NodeType[NodeType["SelectorCombinatorAllSiblings"] = 10] = "SelectorCombinatorAllSiblings";
NodeType[NodeType["SelectorCombinatorShadowPiercingDescendant"] = 11] = "SelectorCombinatorShadowPiercingDescendant";
NodeType[NodeType["Page"] = 12] = "Page";
NodeType[NodeType["PageBoxMarginBox"] = 13] = "PageBoxMarginBox";
NodeType[NodeType["ClassSelector"] = 14] = "ClassSelector";
NodeType[NodeType["IdentifierSelector"] = 15] = "IdentifierSelector";
NodeType[NodeType["ElementNameSelector"] = 16] = "ElementNameSelector";
NodeType[NodeType["PseudoSelector"] = 17] = "PseudoSelector";
NodeType[NodeType["AttributeSelector"] = 18] = "AttributeSelector";
NodeType[NodeType["Declaration"] = 19] = "Declaration";
NodeType[NodeType["Declarations"] = 20] = "Declarations";
NodeType[NodeType["Property"] = 21] = "Property";
NodeType[NodeType["Expression"] = 22] = "Expression";
NodeType[NodeType["BinaryExpression"] = 23] = "BinaryExpression";
NodeType[NodeType["Term"] = 24] = "Term";
NodeType[NodeType["Operator"] = 25] = "Operator";
NodeType[NodeType["Value"] = 26] = "Value";
NodeType[NodeType["StringLiteral"] = 27] = "StringLiteral";
NodeType[NodeType["URILiteral"] = 28] = "URILiteral";
NodeType[NodeType["EscapedValue"] = 29] = "EscapedValue";
NodeType[NodeType["Function"] = 30] = "Function";
NodeType[NodeType["NumericValue"] = 31] = "NumericValue";
NodeType[NodeType["HexColorValue"] = 32] = "HexColorValue";
NodeType[NodeType["RatioValue"] = 33] = "RatioValue";
NodeType[NodeType["MixinDeclaration"] = 34] = "MixinDeclaration";
NodeType[NodeType["MixinReference"] = 35] = "MixinReference";
NodeType[NodeType["VariableName"] = 36] = "VariableName";
NodeType[NodeType["VariableDeclaration"] = 37] = "VariableDeclaration";
NodeType[NodeType["Prio"] = 38] = "Prio";
NodeType[NodeType["Interpolation"] = 39] = "Interpolation";
NodeType[NodeType["NestedProperties"] = 40] = "NestedProperties";
NodeType[NodeType["ExtendsReference"] = 41] = "ExtendsReference";
NodeType[NodeType["SelectorPlaceholder"] = 42] = "SelectorPlaceholder";
NodeType[NodeType["Debug"] = 43] = "Debug";
NodeType[NodeType["If"] = 44] = "If";
NodeType[NodeType["Else"] = 45] = "Else";
NodeType[NodeType["For"] = 46] = "For";
NodeType[NodeType["Each"] = 47] = "Each";
NodeType[NodeType["While"] = 48] = "While";
NodeType[NodeType["MixinContentReference"] = 49] = "MixinContentReference";
NodeType[NodeType["MixinContentDeclaration"] = 50] = "MixinContentDeclaration";
NodeType[NodeType["Media"] = 51] = "Media";
NodeType[NodeType["Keyframe"] = 52] = "Keyframe";
NodeType[NodeType["FontFace"] = 53] = "FontFace";
NodeType[NodeType["Import"] = 54] = "Import";
NodeType[NodeType["Namespace"] = 55] = "Namespace";
NodeType[NodeType["Invocation"] = 56] = "Invocation";
NodeType[NodeType["FunctionDeclaration"] = 57] = "FunctionDeclaration";
NodeType[NodeType["ReturnStatement"] = 58] = "ReturnStatement";
NodeType[NodeType["MediaQuery"] = 59] = "MediaQuery";
NodeType[NodeType["MediaCondition"] = 60] = "MediaCondition";
NodeType[NodeType["MediaFeature"] = 61] = "MediaFeature";
NodeType[NodeType["FunctionParameter"] = 62] = "FunctionParameter";
NodeType[NodeType["FunctionArgument"] = 63] = "FunctionArgument";
NodeType[NodeType["KeyframeSelector"] = 64] = "KeyframeSelector";
NodeType[NodeType["ViewPort"] = 65] = "ViewPort";
NodeType[NodeType["Document"] = 66] = "Document";
NodeType[NodeType["AtApplyRule"] = 67] = "AtApplyRule";
NodeType[NodeType["CustomPropertyDeclaration"] = 68] = "CustomPropertyDeclaration";
NodeType[NodeType["CustomPropertySet"] = 69] = "CustomPropertySet";
NodeType[NodeType["ListEntry"] = 70] = "ListEntry";
NodeType[NodeType["Supports"] = 71] = "Supports";
NodeType[NodeType["SupportsCondition"] = 72] = "SupportsCondition";
NodeType[NodeType["NamespacePrefix"] = 73] = "NamespacePrefix";
NodeType[NodeType["GridLine"] = 74] = "GridLine";
NodeType[NodeType["Plugin"] = 75] = "Plugin";
NodeType[NodeType["UnknownAtRule"] = 76] = "UnknownAtRule";
NodeType[NodeType["Use"] = 77] = "Use";
NodeType[NodeType["ModuleConfiguration"] = 78] = "ModuleConfiguration";
NodeType[NodeType["Forward"] = 79] = "Forward";
NodeType[NodeType["ForwardVisibility"] = 80] = "ForwardVisibility";
NodeType[NodeType["Module"] = 81] = "Module";
NodeType[NodeType["UnicodeRange"] = 82] = "UnicodeRange";
NodeType[NodeType["Layer"] = 83] = "Layer";
NodeType[NodeType["LayerNameList"] = 84] = "LayerNameList";
NodeType[NodeType["LayerName"] = 85] = "LayerName";
NodeType[NodeType["PropertyAtRule"] = 86] = "PropertyAtRule";
})(NodeType || (NodeType = {}));
var ReferenceType;
(function (ReferenceType) {
ReferenceType[ReferenceType["Mixin"] = 0] = "Mixin";
ReferenceType[ReferenceType["Rule"] = 1] = "Rule";
ReferenceType[ReferenceType["Variable"] = 2] = "Variable";
ReferenceType[ReferenceType["Function"] = 3] = "Function";
ReferenceType[ReferenceType["Keyframe"] = 4] = "Keyframe";
ReferenceType[ReferenceType["Unknown"] = 5] = "Unknown";
ReferenceType[ReferenceType["Module"] = 6] = "Module";
ReferenceType[ReferenceType["Forward"] = 7] = "Forward";
ReferenceType[ReferenceType["ForwardVisibility"] = 8] = "ForwardVisibility";
ReferenceType[ReferenceType["Property"] = 9] = "Property";
})(ReferenceType || (ReferenceType = {}));
function getNodeAtOffset(node, offset) {
let candidate = null;
if (!node || offset < node.offset || offset > node.end) {
return null;
}
// Find the shortest node at the position
node.accept((node) => {
if (node.offset === -1 && node.length === -1) {
return true;
}
if (node.offset <= offset && node.end >= offset) {
if (!candidate) {
candidate = node;
}
else if (node.length <= candidate.length) {
candidate = node;
}
return true;
}
return false;
});
return candidate;
}
function getNodePath(node, offset) {
let candidate = getNodeAtOffset(node, offset);
const path = [];
while (candidate) {
path.unshift(candidate);
candidate = candidate.parent;
}
return path;
}
function getParentDeclaration(node) {
const decl = node.findParent(NodeType.Declaration);
const value = decl && decl.getValue();
if (value && value.encloses(node)) {
return decl;
}
return null;
}
class Node {
get end() { return this.offset + this.length; }
constructor(offset = -1, len = -1, nodeType) {
this.parent = null;
this.offset = offset;
this.length = len;
if (nodeType) {
this.nodeType = nodeType;
}
}
set type(type) {
this.nodeType = type;
}
get type() {
return this.nodeType || NodeType.Undefined;
}
getTextProvider() {
let node = this;
while (node && !node.textProvider) {
node = node.parent;
}
if (node) {
return node.textProvider;
}
return () => { return 'unknown'; };
}
getText() {
return this.getTextProvider()(this.offset, this.length);
}
matches(str) {
return this.length === str.length && this.getTextProvider()(this.offset, this.length) === str;
}
startsWith(str) {
return this.length >= str.length && this.getTextProvider()(this.offset, str.length) === str;
}
endsWith(str) {
return this.length >= str.length && this.getTextProvider()(this.end - str.length, str.length) === str;
}
accept(visitor) {
if (visitor(this) && this.children) {
for (const child of this.children) {
child.accept(visitor);
}
}
}
acceptVisitor(visitor) {
this.accept(visitor.visitNode.bind(visitor));
}
adoptChild(node, index = -1) {
if (node.parent && node.parent.children) {
const idx = node.parent.children.indexOf(node);
if (idx >= 0) {
node.parent.children.splice(idx, 1);
}
}
node.parent = this;
let children = this.children;
if (!children) {
children = this.children = [];
}
if (index !== -1) {
children.splice(index, 0, node);
}
else {
children.push(node);
}
return node;
}
attachTo(parent, index = -1) {
if (parent) {
parent.adoptChild(this, index);
}
return this;
}
collectIssues(results) {
if (this.issues) {
results.push.apply(results, this.issues);
}
}
addIssue(issue) {
if (!this.issues) {
this.issues = [];
}
this.issues.push(issue);
}
hasIssue(rule) {
return Array.isArray(this.issues) && this.issues.some(i => i.getRule() === rule);
}
isErroneous(recursive = false) {
if (this.issues && this.issues.length > 0) {
return true;
}
return recursive && Array.isArray(this.children) && this.children.some(c => c.isErroneous(true));
}
setNode(field, node, index = -1) {
if (node) {
node.attachTo(this, index);
this[field] = node;
return true;
}
return false;
}
addChild(node) {
if (node) {
if (!this.children) {
this.children = [];
}
node.attachTo(this);
this.updateOffsetAndLength(node);
return true;
}
return false;
}
updateOffsetAndLength(node) {
if (node.offset < this.offset || this.offset === -1) {
this.offset = node.offset;
}
const nodeEnd = node.end;
if ((nodeEnd > this.end) || this.length === -1) {
this.length = nodeEnd - this.offset;
}
}
hasChildren() {
return !!this.children && this.children.length > 0;
}
getChildren() {
return this.children ? this.children.slice(0) : [];
}
getChild(index) {
if (this.children && index < this.children.length) {
return this.children[index];
}
return null;
}
addChildren(nodes) {
for (const node of nodes) {
this.addChild(node);
}
}
findFirstChildBeforeOffset(offset) {
if (this.children) {
let current = null;
for (let i = this.children.length - 1; i >= 0; i--) {
// iterate until we find a child that has a start offset smaller than the input offset
current = this.children[i];
if (current.offset <= offset) {
return current;
}
}
}
return null;
}
findChildAtOffset(offset, goDeep) {
const current = this.findFirstChildBeforeOffset(offset);
if (current && current.end >= offset) {
if (goDeep) {
return current.findChildAtOffset(offset, true) || current;
}
return current;
}
return null;
}
encloses(candidate) {
return this.offset <= candidate.offset && this.offset + this.length >= candidate.offset + candidate.length;
}
getParent() {
let result = this.parent;
while (result instanceof Nodelist) {
result = result.parent;
}
return result;
}
findParent(type) {
let result = this;
while (result && result.type !== type) {
result = result.parent;
}
return result;
}
findAParent(...types) {
let result = this;
while (result && !types.some(t => result.type === t)) {
result = result.parent;
}
return result;
}
setData(key, value) {
if (!this.options) {
this.options = {};
}
this.options[key] = value;
}
getData(key) {
if (!this.options || !this.options.hasOwnProperty(key)) {
return null;
}
return this.options[key];
}
}
class Nodelist extends Node {
constructor(parent, index = -1) {
super(-1, -1);
this.attachTo(parent, index);
this.offset = -1;
this.length = -1;
}
}
class UnicodeRange extends Node {
constructor(offset, length) {
super(offset, length);
}
get type() {
return NodeType.UnicodeRange;
}
setRangeStart(rangeStart) {
return this.setNode('rangeStart', rangeStart);
}
getRangeStart() {
return this.rangeStart;
}
setRangeEnd(rangeEnd) {
return this.setNode('rangeEnd', rangeEnd);
}
getRangeEnd() {
return this.rangeEnd;
}
}
class Identifier extends Node {
constructor(offset, length) {
super(offset, length);
this.isCustomProperty = false;
}
get type() {
return NodeType.Identifier;
}
containsInterpolation() {
return this.hasChildren();
}
}
class Stylesheet extends Node {
constructor(offset, length) {
super(offset, length);
}
get type() {
return NodeType.Stylesheet;
}
}
class Declarations extends Node {
constructor(offset, length) {
super(offset, length);
}
get type() {
return NodeType.Declarations;
}
}
class BodyDeclaration extends Node {
constructor(offset, length) {
super(offset, length);
}
getDeclarations() {
return this.declarations;
}
setDeclarations(decls) {
return this.setNode('declarations', decls);
}
}
class RuleSet extends BodyDeclaration {
constructor(offset, length) {
super(offset, length);
}
get type() {
return NodeType.Ruleset;
}
getSelectors() {
if (!this.selectors) {
this.selectors = new Nodelist(this);
}
return this.selectors;
}
isNested() {
return !!this.parent && this.parent.findParent(NodeType.Declarations) !== null;
}
}
class Selector extends Node {
constructor(offset, length) {
super(offset, length);
}
get type() {
return NodeType.Selector;
}
}
class SimpleSelector extends Node {
constructor(offset, length) {
super(offset, length);
}
get type() {
return NodeType.SimpleSelector;
}
}
class AtApplyRule extends Node {
constructor(offset, length) {
super(offset, length);
}
get type() {
return NodeType.AtApplyRule;
}
setIdentifier(node) {
return this.setNode('identifier', node, 0);
}
getIdentifier() {
return this.identifier;
}
getName() {
return this.identifier ? this.identifier.getText() : '';
}
}
class AbstractDeclaration extends Node {
constructor(offset, length) {
super(offset, length);
}
}
class CustomPropertySet extends BodyDeclaration {
constructor(offset, length) {
super(offset, length);
}
get type() {
return NodeType.CustomPropertySet;
}
}
class Declaration extends AbstractDeclaration {
constructor(offset, length) {
super(offset, length);
this.property = null;
}
get type() {
return NodeType.Declaration;
}
setProperty(node) {
return this.setNode('property', node);
}
getProperty() {
return this.property;
}
getFullPropertyName() {
const propertyName = this.property ? this.property.getName() : 'unknown';
if (this.parent instanceof Declarations && this.parent.getParent() instanceof NestedProperties) {
const parentDecl = this.parent.getParent().getParent();
if (parentDecl instanceof Declaration) {
return parentDecl.getFullPropertyName() + propertyName;
}
}
return propertyName;
}
getNonPrefixedPropertyName() {
const propertyName = this.getFullPropertyName();
if (propertyName && propertyName.charAt(0) === '-') {
const vendorPrefixEnd = propertyName.indexOf('-', 1);
if (vendorPrefixEnd !== -1) {
return propertyName.substring(vendorPrefixEnd + 1);
}
}
return propertyName;
}
setValue(value) {
return this.setNode('value', value);
}
getValue() {
return this.value;
}
setNestedProperties(value) {
return this.setNode('nestedProperties', value);
}
getNestedProperties() {
return this.nestedProperties;
}
}
class CustomPropertyDeclaration extends Declaration {
constructor(offset, length) {
super(offset, length);
}
get type() {
return NodeType.CustomPropertyDeclaration;
}
setPropertySet(value) {
return this.setNode('propertySet', value);
}
getPropertySet() {
return this.propertySet;
}
}
class Property extends Node {
constructor(offset, length) {
super(offset, length);
}
get type() {
return NodeType.Property;
}
setIdentifier(value) {
return this.setNode('identifier', value);
}
getIdentifier() {
return this.identifier;
}
getName() {
return trim(this.getText(), /[_\+]+$/); /* +_: less merge */
}
isCustomProperty() {
return !!this.identifier && this.identifier.isCustomProperty;
}
}
class Invocation extends Node {
constructor(offset, length) {
super(offset, length);
}
get type() {
return NodeType.Invocation;
}
getArguments() {
if (!this.arguments) {
this.arguments = new Nodelist(this);
}
return this.arguments;
}
}
class css_service_Function extends Invocation {
constructor(offset, length) {
super(offset, length);
}
get type() {
return NodeType.Function;
}
setIdentifier(node) {
return this.setNode('identifier', node, 0);
}
getIdentifier() {
return this.identifier;
}
getName() {
return this.identifier ? this.identifier.getText() : '';
}
}
class FunctionParameter extends Node {
constructor(offset, length) {
super(offset, length);
}
get type() {
return NodeType.FunctionParameter;
}
setIdentifier(node) {
return this.setNode('identifier', node, 0);
}
getIdentifier() {
return this.identifier;
}
getName() {
return this.identifier ? this.identifier.getText() : '';
}
setDefaultValue(node) {
return this.setNode('defaultValue', node, 0);
}
getDefaultValue() {
return this.defaultValue;
}
}
class FunctionArgument extends Node {
constructor(offset, length) {
super(offset, length);
}
get type() {
return NodeType.FunctionArgument;
}
setIdentifier(node) {
return this.setNode('identifier', node, 0);
}
getIdentifier() {
return this.identifier;
}
getName() {
return this.identifier ? this.identifier.getText() : '';
}
setValue(node) {
return this.setNode('value', node, 0);
}
getValue() {
return this.value;
}
}
class IfStatement extends BodyDeclaration {
constructor(offset, length) {
super(offset, length);
}
get type() {
return NodeType.If;
}
setExpression(node) {
return this.setNode('expression', node, 0);
}
setElseClause(elseClause) {
return this.setNode('elseClause', elseClause);
}
}
class ForStatement extends BodyDeclaration {
constructor(offset, length) {
super(offset, length);
}
get type() {
return NodeType.For;
}
setVariable(node) {
return this.setNode('variable', node, 0);
}
}
class EachStatement extends BodyDeclaration {
constructor(offset, length) {
super(offset, length);
}
get type() {
return NodeType.Each;
}
getVariables() {
if (!this.variables) {
this.variables = new Nodelist(this);
}
return this.variables;
}
}
class WhileStatement extends BodyDeclaration {
constructor(offset, length) {
super(offset, length);
}
get type() {
return NodeType.While;
}
}
class ElseStatement extends BodyDeclaration {
constructor(offset, length) {
super(offset, length);
}
get type() {
return NodeType.Else;
}
}
class FunctionDeclaration extends BodyDeclaration {
constructor(offset, length) {
super(offset, length);
}
get type() {
return NodeType.FunctionDeclaration;
}
setIdentifier(node) {
return this.setNode('identifier', node, 0);
}
getIdentifier() {
return this.identifier;
}
getName() {
return this.identifier ? this.identifier.getText() : '';
}
getParameters() {
if (!this.parameters) {
this.parameters = new Nodelist(this);
}
return this.parameters;
}
}
class ViewPort extends BodyDeclaration {
constructor(offset, length) {
super(offset, length);
}
get type() {
return NodeType.ViewPort;
}
}
class FontFace extends BodyDeclaration {
constructor(offset, length) {
super(offset, length);
}
get type() {
return NodeType.FontFace;
}
}
class NestedProperties extends BodyDeclaration {
constructor(offset, length) {
super(offset, length);
}
get type() {
return NodeType.NestedProperties;
}
}
class Keyframe extends BodyDeclaration {
constructor(offset, length) {
super(offset, length);
}
get type() {
return NodeType.Keyframe;
}
setKeyword(keyword) {
return this.setNode('keyword', keyword, 0);
}
getKeyword() {
return this.keyword;
}
setIdentifier(node) {
return this.setNode('identifier', node, 0);
}
getIdentifier() {
return this.identifier;
}
getName() {
return this.identifier ? this.identifier.getText() : '';
}
}
class KeyframeSelector extends BodyDeclaration {
constructor(offset, length) {
super(offset, length);
}
get type() {
return NodeType.KeyframeSelector;
}
}
class Import extends Node {
constructor(offset, length) {
super(offset, length);
}
get type() {
return NodeType.Import;
}
setMedialist(node) {
if (node) {
node.attachTo(this);
return true;
}
return false;
}
}
class Use extends Node {
get type() {
return NodeType.Use;
}
getParameters() {
if (!this.parameters) {
this.parameters = new Nodelist(this);
}
return this.parameters;
}
setIdentifier(node) {
return this.setNode('identifier', node, 0);
}
getIdentifier() {
return this.identifier;
}
}
class ModuleConfiguration extends Node {
get type() {
return NodeType.ModuleConfiguration;
}
setIdentifier(node) {
return this.setNode('identifier', node, 0);
}
getIdentifier() {
return this.identifier;
}
getName() {
return this.identifier ? this.identifier.getText() : '';
}
setValue(node) {
return this.setNode('value', node, 0);
}
getValue() {
return this.value;
}
}
class Forward extends Node {
get type() {
return NodeType.Forward;
}
setIdentifier(node) {
return this.setNode('identifier', node, 0);
}
getIdentifier() {
return this.identifier;
}
getMembers() {
if (!this.members) {
this.members = new Nodelist(this);
}
return this.members;
}
getParameters() {
if (!this.parameters) {
this.parameters = new Nodelist(this);
}
return this.parameters;
}
}
class ForwardVisibility extends Node {
get type() {
return NodeType.ForwardVisibility;
}
setIdentifier(node) {
return this.setNode('identifier', node, 0);
}
getIdentifier() {
return this.identifier;
}
}
class Namespace extends Node {
constructor(offset, length) {
super(offset, length);
}
get type() {
return NodeType.Namespace;
}
}
class Media extends BodyDeclaration {
constructor(offset, length) {
super(offset, length);
}
get type() {
return NodeType.Media;
}
}
class Supports extends BodyDeclaration {
constructor(offset, length) {
super(offset, length);
}
get type() {
return NodeType.Supports;
}
}
class Layer extends BodyDeclaration {
constructor(offset, length) {
super(offset, length);
}
get type() {
return NodeType.Layer;
}
setNames(names) {
return this.setNode('names', names);
}
getNames() {
return this.names;
}
}
class PropertyAtRule extends BodyDeclaration {
constructor(offset, length) {
super(offset, length);
}
get type() {
return NodeType.PropertyAtRule;
}
setName(node) {
if (node) {
node.attachTo(this);
this.name = node;
return true;
}
return false;
}
getName() {
return this.name;
}
}
class Document extends BodyDeclaration {
constructor(offset, length) {
super(offset, length);
}
get type() {
return NodeType.Document;
}
}
class Medialist extends Node {
constructor(offset, length) {
super(offset, length);
}
}
class MediaQuery extends Node {
constructor(offset, length) {
super(offset, length);
}
get type() {
return NodeType.MediaQuery;
}
}
class MediaCondition extends Node {
constructor(offset, length) {
super(offset, length);
}
get type() {
return NodeType.MediaCondition;
}
}
class MediaFeature extends Node {
constructor(offset, length) {
super(offset, length);
}
get type() {
return NodeType.MediaFeature;
}
}
class SupportsCondition extends Node {
constructor(offset, length) {
super(offset, length);
}
get type() {
return NodeType.SupportsCondition;
}
}
class Page extends BodyDeclaration {
constructor(offset, length) {
super(offset, length);
}
get type() {
return NodeType.Page;
}
}
class PageBoxMarginBox extends BodyDeclaration {
constructor(offset, length) {
super(offset, length);
}
get type() {
return NodeType.PageBoxMarginBox;
}
}
class Expression extends Node {
constructor(offset, length) {
super(offset, length);
}
get type() {
return NodeType.Expression;
}
}
class BinaryExpression extends Node {
constructor(offset, length) {
super(offset, length);
}
get type() {
return NodeType.BinaryExpression;
}
setLeft(left) {
return this.setNode('left', left);
}
getLeft() {
return this.left;
}
setRight(right) {
return this.setNode('right', right);
}
getRight() {
return this.right;
}
setOperator(value) {
return this.setNode('operator', value);
}
getOperator() {
return this.operator;
}
}
class Term extends Node {
constructor(offset, length) {
super(offset, length);
}
get type() {
return NodeType.Term;
}
setOperator(value) {
return this.setNode('operator', value);
}
getOperator() {
return this.operator;
}
setExpression(value) {
return this.setNode('expression', value);
}
getExpression() {
return this.expression;
}
}
class AttributeSelector extends Node {
constructor(offset, length) {
super(offset, length);
}
get type() {
return NodeType.AttributeSelector;
}
setNamespacePrefix(value) {
return this.setNode('namespacePrefix', value);
}
getNamespacePrefix() {
return this.namespacePrefix;
}
setIdentifier(value) {
return this.setNode('identifier', value);
}
getIdentifier() {
return this.identifier;
}
setOperator(operator) {
return this.setNode('operator', operator);
}
getOperator() {
return this.operator;
}
setValue(value) {
return this.setNode('value', value);
}
getValue() {
return this.value;
}
}
class Operator extends Node {
constructor(offset, length) {
super(offset, length);
}
get type() {
return NodeType.Operator;
}
}
class HexColorValue extends Node {
constructor(offset, length) {
super(offset, length);
}
get type() {
return NodeType.HexColorValue;
}
}
class RatioValue extends Node {
constructor(offset, length) {
super(offset, length);
}
get type() {
return NodeType.RatioValue;
}
}
const _dot = '.'.charCodeAt(0), cssNodes_0 = '0'.charCodeAt(0), cssNodes_9 = '9'.charCodeAt(0);
class NumericValue extends Node {
constructor(offset, length) {
super(offset, length);
}
get type() {
return NodeType.NumericValue;
}
getValue() {
const raw = this.getText();
let unitIdx = 0;
let code;
for (let i = 0, len = raw.length; i < len; i++) {
code = raw.charCodeAt(i);
if (!(cssNodes_0 <= code && code <= cssNodes_9 || code === _dot)) {
break;
}
unitIdx += 1;
}
return {
value: raw.substring(0, unitIdx),
unit: unitIdx < raw.length ? raw.substring(unitIdx) : undefined
};
}
}
class VariableDeclaration extends AbstractDeclaration {
constructor(offset, length) {
super(offset, length);
this.needsSemicolon = true;
}
get type() {
return NodeType.VariableDeclaration;
}
setVariable(node) {
if (node) {
node.attachTo(this);
this.variable = node;
return true;
}
return false;
}
getVariable() {
return this.variable;
}
getName() {
return this.variable ? this.variable.getName() : '';
}
setValue(node) {
if (node) {
node.attachTo(this);
this.value = node;
return true;
}
return false;
}
getValue() {
return this.value;
}
}
class Interpolation extends Node {
// private _interpolations: void; // workaround for https://github.com/Microsoft/TypeScript/issues/18276
constructor(offset, length) {
super(offset, length);
}
get type() {
return NodeType.Interpolation;
}
}
class Variable extends Node {
constructor(offset, length) {
super(offset, length);
}
get type() {
return NodeType.VariableName;
}
getName() {
return this.getText();
}
}
class ExtendsReference extends Node {
constructor(offset, length) {
super(offset, length);
}
get type() {
return NodeType.ExtendsReference;
}
getSelectors() {
if (!this.selectors) {
this.selectors = new Nodelist(this);
}
return this.selectors;
}
}
class MixinContentReference extends Node {
constructor(offset, length) {
super(offset, length);
}
get type() {
return NodeType.MixinContentReference;
}
getArguments() {
if (!this.arguments) {
this.arguments = new Nodelist(this);
}
return this.arguments;
}
}
class MixinContentDeclaration extends BodyDeclaration {
constructor(offset, length) {
super(offset, length);
}
get type() {
return NodeType.MixinContentDeclaration;
}
getParameters() {
if (!this.parameters) {
this.parameters = new Nodelist(this);
}
return this.parameters;
}
}
class MixinReference extends Node {
constructor(offset, length) {
super(offset, length);
}
get type() {
return NodeType.MixinReference;
}
getNamespaces() {
if (!this.namespaces) {
this.namespaces = new Nodelist(this);
}
return this.namespaces;
}
setIdentifier(node) {
return this.setNode('identifier', node, 0);
}
getIdentifier() {
return this.identifier;
}
getName() {
return this.identifier ? this.identifier.getText() : '';
}
getArguments() {
if (!this.arguments) {
this.arguments = new Nodelist(this);
}
return this.arguments;
}
setContent(node) {
return this.setNode('content', node);
}
getContent() {
return this.content;
}
}
class MixinDeclaration extends BodyDeclaration {
constructor(offset, length) {
super(offset, length);
}
get type() {
return NodeType.MixinDeclaration;
}
setIdentifier(node) {
return this.setNode('identifier', node, 0);
}
getIdentifier() {
return this.identifier;
}
getName() {
return this.identifier ? this.identifier.getText() : '';
}
getParameters() {
if (!this.parameters) {
this.parameters = new Nodelist(this);
}
return this.parameters;
}
setGuard(node) {
if (node) {
node.attachTo(this);
this.guard = node;
}
return false;
}
}
class UnknownAtRule extends BodyDeclaration {
constructor(offset, length) {
super(offset, length);
}
get type() {
return NodeType.UnknownAtRule;
}
setAtRuleName(atRuleName) {
this.atRuleName = atRuleName;
}
getAtRuleName() {
return this.atRuleName;
}
}
class ListEntry extends Node {
get type() {
return NodeType.ListEntry;
}
setKey(node) {
return this.setNode('key', node, 0);
}
setValue(node) {
return this.setNode('value', node, 1);
}
}
class LessGuard extends Node {
getConditions() {
if (!this.conditions) {
this.conditions = new Nodelist(this);
}
return this.conditions;
}
}
class GuardCondition extends Node {
setVariable(node) {
return this.setNode('variable', node);
}
}
class Module extends Node {
get type() {
return NodeType.Module;
}
setIdentifier(node) {
return this.setNode('identifier', node, 0);
}
getIdentifier() {
return this.identifier;
}
}
var Level;
(function (Level) {
Level[Level["Ignore"] = 1] = "Ignore";
Level[Level["Warning"] = 2] = "Warning";
Level[Level["Error"] = 4] = "Error";
})(Level || (Level = {}));
class Marker {
constructor(node, rule, level, message, offset = node.offset, length = node.length) {
this.node = node;
this.rule = rule;
this.level = level;
this.message = message || rule.message;
this.offset = offset;
this.length = length;
}
getRule() {
return this.rule;
}
getLevel() {
return this.level;
}
getOffset() {
return this.offset;
}
getLength() {
return this.length;
}
getNode() {
return this.node;
}
getMessage() {
return this.message;
}
}
/*
export class DefaultVisitor implements IVisitor {
public visitNode(node:Node):boolean {
switch (node.type) {
case NodeType.Stylesheet:
return this.visitStylesheet(<Stylesheet> node);
case NodeType.FontFace:
return this.visitFontFace(<FontFace> node);
case NodeType.Ruleset:
return this.visitRuleSet(<RuleSet> node);
case NodeType.Selector:
return this.visitSelector(<Selector> node);
case NodeType.SimpleSelector:
return this.visitSimpleSelector(<SimpleSelector> node);
case NodeType.Declaration:
return this.visitDeclaration(<Declaration> node);
case NodeType.Function:
return this.visitFunction(<Function> node);
case NodeType.FunctionDeclaration:
return this.visitFunctionDeclaration(<FunctionDeclaration> node);
case NodeType.FunctionParameter:
return this.visitFunctionParameter(<FunctionParameter> node);
case NodeType.FunctionArgument:
return this.visitFunctionArgument(<FunctionArgument> node);
case NodeType.Term:
return this.visitTerm(<Term> node);
case NodeType.Declaration:
return this.visitExpression(<Expression> node);
case NodeType.NumericValue:
return this.visitNumericValue(<NumericValue> node);
case NodeType.Page:
return this.visitPage(<Page> node);
case NodeType.PageBoxMarginBox:
return this.visitPageBoxMarginBox(<PageBoxMarginBox> node);
case NodeType.Property:
return this.visitProperty(<Property> node);
case NodeType.NumericValue:
return this.visitNodelist(<Nodelist> node);
case NodeType.Import:
return this.visitImport(<Import> node);
case NodeType.Namespace:
return this.visitNamespace(<Namespace> node);
case NodeType.Keyframe:
return this.visitKeyframe(<Keyframe> node);
case NodeType.KeyframeSelector:
return this.visitKeyframeSelector(<KeyframeSelector> node);
case NodeType.MixinDeclaration:
return this.visitMixinDeclaration(<MixinDeclaration> node);
case NodeType.MixinReference:
return this.visitMixinReference(<MixinReference> node);
case NodeType.Variable:
return this.visitVariable(<Variable> node);
case NodeType.VariableDeclaration:
return this.visitVariableDeclaration(<VariableDeclaration> node);
}
return this.visitUnknownNode(node);
}
public visitFontFace(node:FontFace):boolean {
return true;
}
public visitKeyframe(node:Keyframe):boolean {
return true;
}
public visitKeyframeSelector(node:KeyframeSelector):boolean {
return true;
}
public visitStylesheet(node:Stylesheet):boolean {
return true;
}
public visitProperty(Node:Property):boolean {
return true;
}
public visitRuleSet(node:RuleSet):boolean {
return true;
}
public visitSelector(node:Selector):boolean {
return true;
}
public visitSimpleSelector(node:SimpleSelector):boolean {
return true;
}
public visitDeclaration(node:Declaration):boolean {
return true;
}
public visitFunction(node:Function):boolean {
return true;
}
public visitFunctionDeclaration(node:FunctionDeclaration):boolean {
return true;
}
public visitInvocation(node:Invocation):boolean {
return true;
}
public visitTerm(node:Term):boolean {
return true;
}
public visitImport(node:Import):boolean {
return true;
}
public visitNamespace(node:Namespace):boolean {
return true;
}
public visitExpression(node:Expression):boolean {
return true;
}
public visitNumericValue(node:NumericValue):boolean {
return true;
}
public visitPage(node:Page):boolean {
return true;
}
public visitPageBoxMarginBox(node:PageBoxMarginBox):boolean {
return true;
}
public visitNodelist(node:Nodelist):boolean {
return true;
}
public visitVariableDeclaration(node:VariableDeclaration):boolean {
return true;
}
public visitVariable(node:Variable):boolean {
return true;
}
public visitMixinDeclaration(node:MixinDeclaration):boolean {
return true;
}
public visitMixinReference(node:MixinReference):boolean {
return true;
}
public visitUnknownNode(node:Node):boolean {
return true;
}
}
*/
class ParseErrorCollector {
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);
}
return true;
}
}
;// CONCATENATED MODULE: ../../node_modules/@vscode/l10n/dist/browser.js
// src/browser/reader.ts
async function readFileFromUri(uri) {
if (uri.protocol === "http:" || uri.protocol === "https:") {
const res = await fetch(uri);
return await res.text();
}
throw new Error("Unsupported protocol");
}
function readFileFromFsPath(_) {
throw new Error("Unsupported in browser");
}
// src/main.ts
var bundle;
function config(config2) {
if ("contents" in config2) {
if (typeof config2.contents === "string") {
bundle = JSON.parse(config2.contents);
} else {
bundle = config2.contents;
}
return;
}
if ("fsPath" in config2) {
const fileContent = readFileFromFsPath(config2.fsPath);
const content = JSON.parse(fileContent);
bundle = isBuiltinExtension(content) ? content.contents.bundle : content;
return;
}
if (config2.uri) {
let uri = config2.uri;
if (typeof config2.uri === "string") {
uri = new URL(config2.uri);
}
return new Promise((resolve, reject) => {
const p = readFileFromUri(uri).then((uriContent) => {
try {
const content = JSON.parse(uriContent);
bundle = isBuiltinExtension(content) ? content.contents.bundle : content;
} catch (err) {
reject(err);
}
}).catch((err) => {
reject(err);
});
resolve(p);
});
}
}
function t(...args) {
const firstArg = args[0];
let key;
let message;
let formatArgs;
if (typeof firstArg === "string") {
key = firstArg;
message = firstArg;
args.splice(0, 1);
formatArgs = !args || typeof args[0] !== "object" ? args : args[0];
} else if (firstArg instanceof Array) {
const replacements = args.slice(1);
if (firstArg.length !== replacements.length + 1) {
throw new Error("expected a string as the first argument to l10n.t");
}
let str = firstArg[0];
for (let i = 1; i < firstArg.length; i++) {
str += `{${i - 1}}` + firstArg[i];
}
return t(str, ...replacements);
} else {
message = firstArg.message;
key = message;
if (firstArg.comment && firstArg.comment.length > 0) {
key += `/${Array.isArray(firstArg.comment) ? firstArg.comment.join("") : firstArg.comment}`;
}
formatArgs = firstArg.args ?? {};
}
const messageFromBundle = bundle?.[key];
if (!messageFromBundle) {
return format(message, formatArgs);
}
if (typeof messageFromBundle === "string") {
return format(messageFromBundle, formatArgs);
}
if (messageFromBundle.comment) {
return format(messageFromBundle.message, formatArgs);
}
return format(message, formatArgs);
}
var _format2Regexp = /{([^}]+)}/g;
function format(template, values) {
return template.replace(_format2Regexp, (match, group) => values[group] ?? match);
}
function isBuiltinExtension(json) {
return !!(typeof json?.contents?.bundle === "object" && typeof json?.version === "string");
}
;// CONCATENATED MODULE: ../../node_modules/vscode-css-languageservice/lib/esm/parser/cssErrors.js
/*---------------------------------------------------------------------------------------------
* Copyright (c) Microsoft Corporation. All rights reserved.
* Licensed under the MIT License. See License.txt in the project root for license information.
*--------------------------------------------------------------------------------------------*/
class CSSIssueType {
constructor(id, message) {
this.id = id;
this.message = message;
}
}
const ParseError = {
NumberExpected: new CSSIssueType('css-numberexpected', t("number expected")),
ConditionExpected: new CSSIssueType('css-conditionexpected', t("condition expected")),
RuleOrSelectorExpected: new CSSIssueType('css-ruleorselectorexpected', t("at-rule or selector expected")),
DotExpected: new CSSIssueType('css-dotexpected', t("dot expected")),
ColonExpected: new CSSIssueType('css-colonexpected', t("colon expected")),
SemiColonExpected: new CSSIssueType('css-semicolonexpected', t("semi-colon expected")),
TermExpected: new CSSIssueType('css-termexpected', t("term expected")),
ExpressionExpected: new CSSIssueType('css-expressionexpected', t("expression expected")),
OperatorExpected: new CSSIssueType('css-operatorexpected', t("operator expected")),
IdentifierExpected: new CSSIssueType('css-identifierexpected', t("identifier expected")),
PercentageExpected: new CSSIssueType('css-percentageexpected', t("percentage expected")),
URIOrStringExpected: new CSSIssueType('css-uriorstringexpected', t("uri or string expected")),
URIExpected: new CSSIssueType('css-uriexpected', t("URI expected")),
VariableNameExpected: new CSSIssueType('css-varnameexpected', t("variable name expected")),
VariableValueExpected: new CSSIssueType('css-varvalueexpected', t("variable value expected")),
PropertyValueExpected: new CSSIssueType('css-propertyvalueexpected', t("property value expected")),
LeftCurlyExpected: new CSSIssueType('css-lcurlyexpected', t("{ expected")),
RightCurlyExpected: new CSSIssueType('css-rcurlyexpected', t("} expected")),
LeftSquareBracketExpected: new CSSIssueType('css-rbracketexpected', t("[ expected")),
RightSquareBracketExpected: new CSSIssueType('css-lbracketexpected', t("] expected")),
LeftParenthesisExpected: new CSSIssueType('css-lparentexpected', t("( expected")),
RightParenthesisExpected: new CSSIssueType('css-rparentexpected', t(") expected")),
CommaExpected: new CSSIssueType('css-commaexpected', t("comma expected")),
PageDirectiveOrDeclarationExpected: new CSSIssueType('css-pagedirordeclexpected', t("page directive or declaraton expected")),
UnknownAtRule: new CSSIssueType('css-unknownatrule', t("at-rule unknown")),
UnknownKeyword: new CSSIssueType('css-unknownkeyword', t("unknown keyword")),
SelectorExpected: new CSSIssueType('css-selectorexpected', t("selector expected")),
StringLiteralExpected: new CSSIssueType('css-stringliteralexpected', t("string literal expected")),
WhitespaceExpected: new CSSIssueType('css-whitespaceexpected', t("whitespace expected")),
MediaQueryExpected: new CSSIssueType('css-mediaqueryexpected', t("media query expected")),
IdentifierOrWildcardExpected: new CSSIssueType('css-idorwildcardexpected', t("identifier or wildcard expected")),
WildcardExpected: new CSSIssueType('css-wildcardexpected', t("wildcard expected")),
IdentifierOrVariableExpected: new CSSIssueType('css-idorvarexpected', t("identifier or variable expected")),
};
// EXTERNAL MODULE: ../../node_modules/vscode-languageserver-types/lib/esm/main.js
var main = __webpack_require__(7717);
// EXTERNAL MODULE: ../../node_modules/vscode-languageserver-textdocument/lib/esm/main.js
var esm_main = __webpack_require__(8041);
;// CONCATENATED MODULE: ../../node_modules/vscode-css-languageservice/lib/esm/cssLanguageTypes.js
/*---------------------------------------------------------------------------------------------
* Copyright (c) Microsoft Corporation. All rights reserved.
* Licensed under the MIT License. See License.txt in the project root for license information.
*--------------------------------------------------------------------------------------------*/
var ClientCapabilities;
(function (ClientCapabilities) {
ClientCapabilities.LATEST = {
textDocument: {
completion: {
completionItem: {
documentationFormat: [main.MarkupKind.Markdown, main.MarkupKind.PlainText]
}
},
hover: {
contentFormat: [main.MarkupKind.Markdown, main.MarkupKind.PlainText]
}
}
};
})(ClientCapabilities || (ClientCapabilities = {}));
var FileType;
(function (FileType) {
/**
* The file type is unknown.
*/
FileType[FileType["Unknown"] = 0] = "Unknown";
/**
* A regular file.
*/
FileType[FileType["File"] = 1] = "File";
/**
* A directory.
*/
FileType[FileType["Directory"] = 2] = "Directory";
/**
* A symbolic link to a file.
*/
FileType[FileType["SymbolicLink"] = 64] = "SymbolicLink";
})(FileType || (FileType = {}));
;// CONCATENATED MODULE: ../../node_modules/vscode-css-languageservice/lib/esm/languageFacts/entry.js
/*---------------------------------------------------------------------------------------------
* Copyright (c) Microsoft Corporation. All rights reserved.
* Licensed under the MIT License. See License.txt in the project root for license information.
*--------------------------------------------------------------------------------------------*/
const browserNames = {
E: 'Edge',
FF: 'Firefox',
S: 'Safari',
C: 'Chrome',
IE: 'IE',
O: 'Opera'
};
function getEntryStatus(status) {
switch (status) {
case 'experimental':
return '⚠️ Property is experimental. Be cautious when using it.️\n\n';
case 'nonstandard':
return '🚨️ Property is nonstandard. Avoid using it.\n\n';
case 'obsolete':
return '🚨️️️ Property is obsolete. Avoid using it.\n\n';
default:
return '';
}
}
function getEntryDescription(entry, doesSupportMarkdown, settings) {
let result;
if (doesSupportMarkdown) {
result = {
kind: 'markdown',
value: getEntryMarkdownDescription(entry, settings)
};
}
else {
result = {
kind: 'plaintext',
value: getEntryStringDescription(entry, settings)
};
}
if (result.value === '') {
return undefined;
}
return result;
}
function textToMarkedString(text) {
text = text.replace(/[\\`*_{}[\]()#+\-.!]/g, '\\$&'); // escape markdown syntax tokens: http://daringfireball.net/projects/markdown/syntax#backslash
return text.replace(/</g, '<').replace(/>/g, '>');
}
function getEntryStringDescription(entry, settings) {
if (!entry.description || entry.description === '') {
return '';
}
if (typeof entry.description !== 'string') {
return entry.description.value;
}
let result = '';
if (settings?.documentation !== false) {
if (entry.status) {
result += getEntryStatus(entry.status);
}
result += entry.description;
const browserLabel = getBrowserLabel(entry.browsers);
if (browserLabel) {
result += '\n(' + browserLabel + ')';
}
if ('syntax' in entry) {
result += `\n\nSyntax: ${entry.syntax}`;
}
}
if (entry.references && entry.references.length > 0 && settings?.references !== false) {
if (result.length > 0) {
result += '\n\n';
}
result += entry.references.map(r => {
return `${r.name}: ${r.url}`;
}).join(' | ');
}
return result;
}
function getEntryMarkdownDescription(entry, settings) {
if (!entry.description || entry.description === '') {
return '';
}
let result = '';
if (settings?.documentation !== false) {
if (entry.status) {
result += getEntryStatus(entry.status);
}
if (typeof entry.description === 'string') {
result += textToMarkedString(entry.description);
}
else {
result += entry.description.kind === main.MarkupKind.Markdown ? entry.description.value : textToMarkedString(entry.description.value);
}
const browserLabel = getBrowserLabel(entry.browsers);
if (browserLabel) {
result += '\n\n(' + textToMarkedString(browserLabel) + ')';
}
if ('syntax' in entry && entry.syntax) {
result += `\n\nSyntax: ${textToMarkedString(entry.syntax)}`;
}
}
if (entry.references && entry.references.length > 0 && settings?.references !== false) {
if (result.length > 0) {
result += '\n\n';
}
result += entry.references.map(r => {
return `[${r.name}](${r.url})`;
}).join(' | ');
}
return result;
}
/**
* Input is like `["E12","FF49","C47","IE","O"]`
* Output is like `Edge 12, Firefox 49, Chrome 47, IE, Opera`
*/
function getBrowserLabel(browsers = []) {
if (browsers.length === 0) {
return null;
}
return browsers
.map(b => {
let result = '';
const matches = b.match(/([A-Z]+)(\d+)?/);
const name = matches[1];
const version = matches[2];
if (name in browserNames) {
result += browserNames[name];
}
if (version) {
result += ' ' + version;
}
return result;
})
.join(', ');
}
;// CONCATENATED MODULE: ../../node_modules/vscode-css-languageservice/lib/esm/languageFacts/colors.js
/*---------------------------------------------------------------------------------------------
* Copyright (c) Microsoft Corporation. All rights reserved.
* Licensed under the MIT License. See License.txt in the project root for license information.
*--------------------------------------------------------------------------------------------*/
const hexColorRegExp = /(^#([0-9A-F]{3}){1,2}$)|(^#([0-9A-F]{4}){1,2}$)/i;
const colorFunctions = [
{
label: 'rgb',
func: 'rgb($red, $green, $blue)',
insertText: 'rgb(${1:red}, ${2:green}, ${3:blue})',
desc: t('Creates a Color from red, green, and blue values.')
},
{
label: 'rgba',
func: 'rgba($red, $green, $blue, $alpha)',
insertText: 'rgba(${1:red}, ${2:green}, ${3:blue}, ${4:alpha})',
desc: t('Creates a Color from red, green, blue, and alpha values.')
},
{
label: 'rgb relative',
func: 'rgb(from $color $red $green $blue)',
insertText: 'rgb(from ${1:color} ${2:r} ${3:g} ${4:b})',
desc: t('Creates a Color from the red, green, and blue values of another Color.')
},
{
label: 'hsl',
func: 'hsl($hue, $saturation, $lightness)',
insertText: 'hsl(${1:hue}, ${2:saturation}, ${3:lightness})',
desc: t('Creates a Color from hue, saturation, and lightness values.')
},
{
label: 'hsla',
func: 'hsla($hue, $saturation, $lightness, $alpha)',
insertText: 'hsla(${1:hue}, ${2:saturation}, ${3:lightness}, ${4:alpha})',
desc: t('Creates a Color from hue, saturation, lightness, and alpha values.')
},
{
label: 'hsl relative',
func: 'hsl(from $color $hue $saturation $lightness)',
insertText: 'hsl(from ${1:color} ${2:h} ${3:s} ${4:l})',
desc: t('Creates a Color from the hue, saturation, and lightness values of another Color.')
},
{
label: 'hwb',
func: 'hwb($hue $white $black)',
insertText: 'hwb(${1:hue} ${2:white} ${3:black})',
desc: t('Creates a Color from hue, white, and black values.')
},
{
label: 'hwb relative',
func: 'hwb(from $color $hue $white $black)',
insertText: 'hwb(from ${1:color} ${2:h} ${3:w} ${4:b})',
desc: t('Creates a Color from the hue, white, and black values of another Color.')
},
{
label: 'lab',
func: 'lab($lightness $a $b)',
insertText: 'lab(${1:lightness} ${2:a} ${3:b})',
desc: t('Creates a Color from lightness, a, and b values.')
},
{
label: 'lab relative',
func: 'lab(from $color $lightness $a $b)',
insertText: 'lab(from ${1:color} ${2:l} ${3:a} ${4:b})',
desc: t('Creates a Color from the lightness, a, and b values of another Color.')
},
{
label: 'oklab',
func: 'oklab($lightness $a $b)',
insertText: 'oklab(${1:lightness} ${2:a} ${3:b})',
desc: t('Creates a Color from lightness, a, and b values.')
},
{
label: 'oklab relative',
func: 'oklab(from $color $lightness $a $b)',
insertText: 'oklab(from ${1:color} ${2:l} ${3:a} ${4:b})',
desc: t('Creates a Color from the lightness, a, and b values of another Color.')
},
{
label: 'lch',
func: 'lch($lightness $chroma $hue)',
insertText: 'lch(${1:lightness} ${2:chroma} ${3:hue})',
desc: t('Creates a Color from lightness, chroma, and hue values.')
},
{
label: 'lch relative',
func: 'lch(from $color $lightness $chroma $hue)',
insertText: 'lch(from ${1:color} ${2:l} ${3:c} ${4:h})',
desc: t('Creates a Color from the lightness, chroma, and hue values of another Color.')
},
{
label: 'oklch',
func: 'oklch($lightness $chroma $hue)',
insertText: 'oklch(${1:lightness} ${2:chroma} ${3:hue})',
desc: t('Creates a Color from lightness, chroma, and hue values.')
},
{
label: 'oklch relative',
func: 'oklch(from $color $lightness $chroma $hue)',
insertText: 'oklch(from ${1:color} ${2:l} ${3:c} ${4:h})',
desc: t('Creates a Color from the lightness, chroma, and hue values of another Color.')
},
{
label: 'color',
func: 'color($color-space $red $green $blue)',
insertText: 'color(${1|srgb,srgb-linear,display-p3,a98-rgb,prophoto-rgb,rec2020,xyx,xyz-d50,xyz-d65|} ${2:red} ${3:green} ${4:blue})',
desc: t('Creates a Color in a specific color space from red, green, and blue values.')
},
{
label: 'color relative',
func: 'color(from $color $color-space $red $green $blue)',
insertText: 'color(from ${1:color} ${2|srgb,srgb-linear,display-p3,a98-rgb,prophoto-rgb,rec2020,xyx,xyz-d50,xyz-d65|} ${3:r} ${4:g} ${5:b})',
desc: t('Creates a Color in a specific color space from the red, green, and blue values of another Color.')
},
{
label: 'color-mix',
func: 'color-mix(in $color-space, $color $percentage, $color $percentage)',
insertText: 'color-mix(in ${1|srgb,srgb-linear,lab,oklab,xyz,xyz-d50,xyz-d65|}, ${3:color} ${4:percentage}, ${5:color} ${6:percentage})',
desc: t('Mix two colors together in a rectangular color space.')
},
{
label: 'color-mix hue',
func: 'color-mix(in $color-space $interpolation-method hue, $color $percentage, $color $percentage)',
insertText: 'color-mix(in ${1|hsl,hwb,lch,oklch|} ${2|shorter hue,longer hue,increasing hue,decreasing hue|}, ${3:color} ${4:percentage}, ${5:color} ${6:percentage})',
desc: t('Mix two colors together in a polar color space.')
},
];
const colorFunctionNameRegExp = /^(rgb|rgba|hsl|hsla|hwb)$/i;
const colors = {
aliceblue: '#f0f8ff',
antiquewhite: '#faebd7',
aqua: '#00ffff',
aquamarine: '#7fffd4',
azure: '#f0ffff',
beige: '#f5f5dc',
bisque: '#ffe4c4',
black: '#000000',
blanchedalmond: '#ffebcd',
blue: '#0000ff',
blueviolet: '#8a2be2',
brown: '#a52a2a',
burlywood: '#deb887',
cadetblue: '#5f9ea0',
chartreuse: '#7fff00',
chocolate: '#d2691e',
coral: '#ff7f50',
cornflowerblue: '#6495ed',
cornsilk: '#fff8dc',
crimson: '#dc143c',
cyan: '#00ffff',
darkblue: '#00008b',
darkcyan: '#008b8b',
darkgoldenrod: '#b8860b',
darkgray: '#a9a9a9',
darkgrey: '#a9a9a9',
darkgreen: '#006400',
darkkhaki: '#bdb76b',
darkmagenta: '#8b008b',
darkolivegreen: '#556b2f',
darkorange: '#ff8c00',
darkorchid: '#9932cc',
darkred: '#8b0000',
darksalmon: '#e9967a',
darkseagreen: '#8fbc8f',
darkslateblue: '#483d8b',
darkslategray: '#2f4f4f',
darkslategrey: '#2f4f4f',
darkturquoise: '#00ced1',
darkviolet: '#9400d3',
deeppink: '#ff1493',
deepskyblue: '#00bfff',
dimgray: '#696969',
dimgrey: '#696969',
dodgerblue: '#1e90ff',
firebrick: '#b22222',
floralwhite: '#fffaf0',
forestgreen: '#228b22',
fuchsia: '#ff00ff',
gainsboro: '#dcdcdc',
ghostwhite: '#f8f8ff',
gold: '#ffd700',
goldenrod: '#daa520',
gray: '#808080',
grey: '#808080',
green: '#008000',
greenyellow: '#adff2f',
honeydew: '#f0fff0',
hotpink: '#ff69b4',
indianred: '#cd5c5c',
indigo: '#4b0082',
ivory: '#fffff0',
khaki: '#f0e68c',
lavender: '#e6e6fa',
lavenderblush: '#fff0f5',
lawngreen: '#7cfc00',
lemonchiffon: '#fffacd',
lightblue: '#add8e6',
lightcoral: '#f08080',
lightcyan: '#e0ffff',
lightgoldenrodyellow: '#fafad2',
lightgray: '#d3d3d3',
lightgrey: '#d3d3d3',
lightgreen: '#90ee90',
lightpink: '#ffb6c1',
lightsalmon: '#ffa07a',
lightseagreen: '#20b2aa',
lightskyblue: '#87cefa',
lightslategray: '#778899',
lightslategrey: '#778899',
lightsteelblue: '#b0c4de',
lightyellow: '#ffffe0',
lime: '#00ff00',
limegreen: '#32cd32',
linen: '#faf0e6',
magenta: '#ff00ff',
maroon: '#800000',
mediumaquamarine: '#66cdaa',
mediumblue: '#0000cd',
mediumorchid: '#ba55d3',
mediumpurple: '#9370d8',
mediumseagreen: '#3cb371',
mediumslateblue: '#7b68ee',
mediumspringgreen: '#00fa9a',
mediumturquoise: '#48d1cc',
mediumvioletred: '#c71585',
midnightblue: '#191970',
mintcream: '#f5fffa',
mistyrose: '#ffe4e1',
moccasin: '#ffe4b5',
navajowhite: '#ffdead',
navy: '#000080',
oldlace: '#fdf5e6',
olive: '#808000',
olivedrab: '#6b8e23',
orange: '#ffa500',
orangered: '#ff4500',
orchid: '#da70d6',
palegoldenrod: '#eee8aa',
palegreen: '#98fb98',
paleturquoise: '#afeeee',
palevioletred: '#d87093',
papayawhip: '#ffefd5',
peachpuff: '#ffdab9',
peru: '#cd853f',
pink: '#ffc0cb',
plum: '#dda0dd',
powderblue: '#b0e0e6',
purple: '#800080',
red: '#ff0000',
rebeccapurple: '#663399',
rosybrown: '#bc8f8f',
royalblue: '#4169e1',
saddlebrown: '#8b4513',
salmon: '#fa8072',
sandybrown: '#f4a460',
seagreen: '#2e8b57',
seashell: '#fff5ee',
sienna: '#a0522d',
silver: '#c0c0c0',
skyblue: '#87ceeb',
slateblue: '#6a5acd',
slategray: '#708090',
slategrey: '#708090',
snow: '#fffafa',
springgreen: '#00ff7f',
steelblue: '#4682b4',
tan: '#d2b48c',
teal: '#008080',
thistle: '#d8bfd8',
tomato: '#ff6347',
turquoise: '#40e0d0',
violet: '#ee82ee',
wheat: '#f5deb3',
white: '#ffffff',
whitesmoke: '#f5f5f5',
yellow: '#ffff00',
yellowgreen: '#9acd32'
};
const colorsRegExp = new RegExp(`^(${Object.keys(colors).join('|')})$`, "i");
const colorKeywords = {
'currentColor': 'The value of the \'color\' property. The computed value of the \'currentColor\' keyword is the computed value of the \'color\' property. If the \'currentColor\' keyword is set on the \'color\' property itself, it is treated as \'color:inherit\' at parse time.',
'transparent': 'Fully transparent. This keyword can be considered a shorthand for rgba(0,0,0,0) which is its computed value.',
};
const colorKeywordsRegExp = new RegExp(`^(${Object.keys(colorKeywords).join('|')})$`, "i");
function getNumericValue(node, factor) {
const val = node.getText();
const m = val.match(/^([-+]?[0-9]*\.?[0-9]+)(%?)$/);
if (m) {
if (m[2]) {
factor = 100.0;
}
const result = parseFloat(m[1]) / factor;
if (result >= 0 && result <= 1) {
return result;
}
}
throw new Error();
}
function getAngle(node) {
const val = node.getText();
const m = val.match(/^([-+]?[0-9]*\.?[0-9]+)(deg|rad|grad|turn)?$/);
if (m) {
switch (m[2]) {
case 'deg':
return parseFloat(val) % 360;
case 'rad':
return (parseFloat(val) * 180 / Math.PI) % 360;
case 'grad':
return (parseFloat(val) * 0.9) % 360;
case 'turn':
return (parseFloat(val) * 360) % 360;
default:
if ('undefined' === typeof m[2]) {
return parseFloat(val) % 360;
}
}
}
throw new Error();
}
function isColorConstructor(node) {
const name = node.getName();
if (!name) {
return false;
}
return colorFunctionNameRegExp.test(name);
}
function isColorString(s) {
return hexColorRegExp.test(s) || colorsRegExp.test(s) || colorKeywordsRegExp.test(s);
}
/**
* Returns true if the node is a color value - either
* defined a hex number, as rgb or rgba function, or
* as color name.
*/
function isColorValue(node) {
if (node.type === nodes.NodeType.HexColorValue) {
return true;
}
else if (node.type === nodes.NodeType.Function) {
return isColorConstructor(node);
}
else if (node.type === nodes.NodeType.Identifier) {
if (node.parent && node.parent.type !== nodes.NodeType.Term) {
return false;
}
const candidateColor = node.getText().toLowerCase();
if (candidateColor === 'none') {
return false;
}
if (colors[candidateColor]) {
return true;
}
}
return false;
}
const Digit0 = 48;
const Digit9 = 57;
const A = 65;
const F = 70;
const a = 97;
const f = 102;
function hexDigit(charCode) {
if (charCode < Digit0) {
return 0;
}
if (charCode <= Digit9) {
return charCode - Digit0;
}
if (charCode < a) {
charCode += (a - A);
}
if (charCode >= a && charCode <= f) {
return charCode - a + 10;
}
return 0;
}
function colorFromHex(text) {
if (text[0] !== '#') {
return null;
}
switch (text.length) {
case 4:
return {
red: (hexDigit(text.charCodeAt(1)) * 0x11) / 255.0,
green: (hexDigit(text.charCodeAt(2)) * 0x11) / 255.0,
blue: (hexDigit(text.charCodeAt(3)) * 0x11) / 255.0,
alpha: 1
};
case 5:
return {
red: (hexDigit(text.charCodeAt(1)) * 0x11) / 255.0,
green: (hexDigit(text.charCodeAt(2)) * 0x11) / 255.0,
blue: (hexDigit(text.charCodeAt(3)) * 0x11) / 255.0,
alpha: (hexDigit(text.charCodeAt(4)) * 0x11) / 255.0,
};
case 7:
return {
red: (hexDigit(text.charCodeAt(1)) * 0x10 + hexDigit(text.charCodeAt(2))) / 255.0,
green: (hexDigit(text.charCodeAt(3)) * 0x10 + hexDigit(text.charCodeAt(4))) / 255.0,
blue: (hexDigit(text.charCodeAt(5)) * 0x10 + hexDigit(text.charCodeAt(6))) / 255.0,
alpha: 1
};
case 9:
return {
red: (hexDigit(text.charCodeAt(1)) * 0x10 + hexDigit(text.charCodeAt(2))) / 255.0,
green: (hexDigit(text.charCodeAt(3)) * 0x10 + hexDigit(text.charCodeAt(4))) / 255.0,
blue: (hexDigit(text.charCodeAt(5)) * 0x10 + hexDigit(text.charCodeAt(6))) / 255.0,
alpha: (hexDigit(text.charCodeAt(7)) * 0x10 + hexDigit(text.charCodeAt(8))) / 255.0
};
}
return null;
}
function colorFrom256RGB(red, green, blue, alpha = 1.0) {
return {
red: red / 255.0,
green: green / 255.0,
blue: blue / 255.0,
alpha
};
}
function colorFromHSL(hue, sat, light, alpha = 1.0) {
hue = hue / 60.0;
if (sat === 0) {
return { red: light, green: light, blue: light, alpha };
}
else {
const hueToRgb = (t1, t2, hue) => {
while (hue < 0) {
hue += 6;
}
while (hue >= 6) {
hue -= 6;
}
if (hue < 1) {
return (t2 - t1) * hue + t1;
}
if (hue < 3) {
return t2;
}
if (hue < 4) {
return (t2 - t1) * (4 - hue) + t1;
}
return t1;
};
const t2 = light <= 0.5 ? (light * (sat + 1)) : (light + sat - (light * sat));
const t1 = light * 2 - t2;
return { red: hueToRgb(t1, t2, hue + 2), green: hueToRgb(t1, t2, hue), blue: hueToRgb(t1, t2, hue - 2), alpha };
}
}
function hslFromColor(rgba) {
const r = rgba.red;
const g = rgba.green;
const b = rgba.blue;
const a = rgba.alpha;
const max = Math.max(r, g, b);
const min = Math.min(r, g, b);
let h = 0;
let s = 0;
const l = (min + max) / 2;
const chroma = max - min;
if (chroma > 0) {
s = Math.min((l <= 0.5 ? chroma / (2 * l) : chroma / (2 - (2 * l))), 1);
switch (max) {
case r:
h = (g - b) / chroma + (g < b ? 6 : 0);
break;
case g:
h = (b - r) / chroma + 2;
break;
case b:
h = (r - g) / chroma + 4;
break;
}
h *= 60;
h = Math.round(h);
}
return { h, s, l, a };
}
function colorFromHWB(hue, white, black, alpha = 1.0) {
if (white + black >= 1) {
const gray = white / (white + black);
return { red: gray, green: gray, blue: gray, alpha };
}
const rgb = colorFromHSL(hue, 1, 0.5, alpha);
let red = rgb.red;
red *= (1 - white - black);
red += white;
let green = rgb.green;
green *= (1 - white - black);
green += white;
let blue = rgb.blue;
blue *= (1 - white - black);
blue += white;
return {
red: red,
green: green,
blue: blue,
alpha
};
}
function hwbFromColor(rgba) {
const hsl = hslFromColor(rgba);
const white = Math.min(rgba.red, rgba.green, rgba.blue);
const black = 1 - Math.max(rgba.red, rgba.green, rgba.blue);
return {
h: hsl.h,
w: white,
b: black,
a: hsl.a
};
}
function getColorValue(node) {
if (node.type === NodeType.HexColorValue) {
const text = node.getText();
return colorFromHex(text);
}
else if (node.type === NodeType.Function) {
const functionNode = node;
const name = functionNode.getName();
let colorValues = functionNode.getArguments().getChildren();
if (colorValues.length === 1) {
const functionArg = colorValues[0].getChildren();
if (functionArg.length === 1 && functionArg[0].type === NodeType.Expression) {
colorValues = functionArg[0].getChildren();
if (colorValues.length === 3) {
const lastValue = colorValues[2];
if (lastValue instanceof BinaryExpression) {
const left = lastValue.getLeft(), right = lastValue.getRight(), operator = lastValue.getOperator();
if (left && right && operator && operator.matches('/')) {
colorValues = [colorValues[0], colorValues[1], left, right];
}
}
}
}
}
if (!name || colorValues.length < 3 || colorValues.length > 4) {
return null;
}
try {
const alpha = colorValues.length === 4 ? getNumericValue(colorValues[3], 1) : 1;
if (name === 'rgb' || name === 'rgba') {
return {
red: getNumericValue(colorValues[0], 255.0),
green: getNumericValue(colorValues[1], 255.0),
blue: getNumericValue(colorValues[2], 255.0),
alpha
};
}
else if (name === 'hsl' || name === 'hsla') {
const h = getAngle(colorValues[0]);
const s = getNumericValue(colorValues[1], 100.0);
const l = getNumericValue(colorValues[2], 100.0);
return colorFromHSL(h, s, l, alpha);
}
else if (name === 'hwb') {
const h = getAngle(colorValues[0]);
const w = getNumericValue(colorValues[1], 100.0);
const b = getNumericValue(colorValues[2], 100.0);
return colorFromHWB(h, w, b, alpha);
}
}
catch (e) {
// parse error on numeric value
return null;
}
}
else if (node.type === NodeType.Identifier) {
if (node.parent && node.parent.type !== NodeType.Term) {
return null;
}
const term = node.parent;
if (term && term.parent && term.parent.type === NodeType.BinaryExpression) {
const expression = term.parent;
if (expression.parent && expression.parent.type === NodeType.ListEntry && expression.parent.key === expression) {
return null;
}
}
const candidateColor = node.getText().toLowerCase();
if (candidateColor === 'none') {
return null;
}
const colorHex = colors[candidateColor];
if (colorHex) {
return colorFromHex(colorHex);
}
}
return null;
}
;// CONCATENATED MODULE: ../../node_modules/vscode-css-languageservice/lib/esm/languageFacts/builtinData.js
/*---------------------------------------------------------------------------------------------
* Copyright (c) Microsoft Corporation. All rights reserved.
* Licensed under the MIT License. See License.txt in the project root for license information.
*--------------------------------------------------------------------------------------------*/
const positionKeywords = {
'bottom': 'Computes to ‘100%’ for the vertical position if one or two values are given, otherwise specifies the bottom edge as the origin for the next offset.',
'center': 'Computes to ‘50%’ (‘left 50%’) for the horizontal position if the horizontal position is not otherwise specified, or ‘50%’ (‘top 50%’) for the vertical position if it is.',
'left': 'Computes to ‘0%’ for the horizontal position if one or two values are given, otherwise specifies the left edge as the origin for the next offset.',
'right': 'Computes to ‘100%’ for the horizontal position if one or two values are given, otherwise specifies the right edge as the origin for the next offset.',
'top': 'Computes to ‘0%’ for the vertical position if one or two values are given, otherwise specifies the top edge as the origin for the next offset.'
};
const repeatStyleKeywords = {
'no-repeat': 'Placed once and not repeated in this direction.',
'repeat': 'Repeated in this direction as often as needed to cover the background painting area.',
'repeat-x': 'Computes to ‘repeat no-repeat’.',
'repeat-y': 'Computes to ‘no-repeat repeat’.',
'round': 'Repeated as often as will fit within the background positioning area. If it doesn’t fit a whole number of times, it is rescaled so that it does.',
'space': 'Repeated as often as will fit within the background positioning area without being clipped and then the images are spaced out to fill the area.'
};
const lineStyleKeywords = {
'dashed': 'A series of square-ended dashes.',
'dotted': 'A series of round dots.',
'double': 'Two parallel solid lines with some space between them.',
'groove': 'Looks as if it were carved in the canvas.',
'hidden': 'Same as ‘none’, but has different behavior in the border conflict resolution rules for border-collapsed tables.',
'inset': 'Looks as if the content on the inside of the border is sunken into the canvas.',
'none': 'No border. Color and width are ignored.',
'outset': 'Looks as if the content on the inside of the border is coming out of the canvas.',
'ridge': 'Looks as if it were coming out of the canvas.',
'solid': 'A single line segment.'
};
const lineWidthKeywords = ['medium', 'thick', 'thin'];
const boxKeywords = {
'border-box': 'The background is painted within (clipped to) the border box.',
'content-box': 'The background is painted within (clipped to) the content box.',
'padding-box': 'The background is painted within (clipped to) the padding box.'
};
const geometryBoxKeywords = {
'margin-box': 'Uses the margin box as reference box.',
'fill-box': 'Uses the object bounding box as reference box.',
'stroke-box': 'Uses the stroke bounding box as reference box.',
'view-box': 'Uses the nearest SVG viewport as reference box.'
};
const cssWideKeywords = {
'initial': 'Represents the value specified as the property’s initial value.',
'inherit': 'Represents the computed value of the property on the element’s parent.',
'unset': 'Acts as either `inherit` or `initial`, depending on whether the property is inherited or not.'
};
const cssWideFunctions = {
'var()': 'Evaluates the value of a custom variable.',
'calc()': 'Evaluates an mathematical expression. The following operators can be used: + - * /.'
};
const imageFunctions = {
'url()': 'Reference an image file by URL',
'image()': 'Provide image fallbacks and annotations.',
'-webkit-image-set()': 'Provide multiple resolutions. Remember to use unprefixed image-set() in addition.',
'image-set()': 'Provide multiple resolutions of an image and const the UA decide which is most appropriate in a given situation.',
'-moz-element()': 'Use an element in the document as an image. Remember to use unprefixed element() in addition.',
'element()': 'Use an element in the document as an image.',
'cross-fade()': 'Indicates the two images to be combined and how far along in the transition the combination is.',
'-webkit-gradient()': 'Deprecated. Use modern linear-gradient() or radial-gradient() instead.',
'-webkit-linear-gradient()': 'Linear gradient. Remember to use unprefixed version in addition.',
'-moz-linear-gradient()': 'Linear gradient. Remember to use unprefixed version in addition.',
'-o-linear-gradient()': 'Linear gradient. Remember to use unprefixed version in addition.',
'linear-gradient()': 'A linear gradient is created by specifying a straight gradient line, and then several colors placed along that line.',
'-webkit-repeating-linear-gradient()': 'Repeating Linear gradient. Remember to use unprefixed version in addition.',
'-moz-repeating-linear-gradient()': 'Repeating Linear gradient. Remember to use unprefixed version in addition.',
'-o-repeating-linear-gradient()': 'Repeating Linear gradient. Remember to use unprefixed version in addition.',
'repeating-linear-gradient()': 'Same as linear-gradient, except the color-stops are repeated infinitely in both directions, with their positions shifted by multiples of the difference between the last specified color-stop’s position and the first specified color-stop’s position.',
'-webkit-radial-gradient()': 'Radial gradient. Remember to use unprefixed version in addition.',
'-moz-radial-gradient()': 'Radial gradient. Remember to use unprefixed version in addition.',
'radial-gradient()': 'Colors emerge from a single point and smoothly spread outward in a circular or elliptical shape.',
'-webkit-repeating-radial-gradient()': 'Repeating radial gradient. Remember to use unprefixed version in addition.',
'-moz-repeating-radial-gradient()': 'Repeating radial gradient. Remember to use unprefixed version in addition.',
'repeating-radial-gradient()': 'Same as radial-gradient, except the color-stops are repeated infinitely in both directions, with their positions shifted by multiples of the difference between the last specified color-stop’s position and the first specified color-stop’s position.'
};
const transitionTimingFunctions = {
'ease': 'Equivalent to cubic-bezier(0.25, 0.1, 0.25, 1.0).',
'ease-in': 'Equivalent to cubic-bezier(0.42, 0, 1.0, 1.0).',
'ease-in-out': 'Equivalent to cubic-bezier(0.42, 0, 0.58, 1.0).',
'ease-out': 'Equivalent to cubic-bezier(0, 0, 0.58, 1.0).',
'linear': 'Equivalent to cubic-bezier(0.0, 0.0, 1.0, 1.0).',
'step-end': 'Equivalent to steps(1, end).',
'step-start': 'Equivalent to steps(1, start).',
'steps()': 'The first parameter specifies the number of intervals in the function. The second parameter, which is optional, is either the value “start” or “end”.',
'cubic-bezier()': 'Specifies a cubic-bezier curve. The four values specify points P1 and P2 of the curve as (x1, y1, x2, y2).',
'cubic-bezier(0.6, -0.28, 0.735, 0.045)': 'Ease-in Back. Overshoots.',
'cubic-bezier(0.68, -0.55, 0.265, 1.55)': 'Ease-in-out Back. Overshoots.',
'cubic-bezier(0.175, 0.885, 0.32, 1.275)': 'Ease-out Back. Overshoots.',
'cubic-bezier(0.6, 0.04, 0.98, 0.335)': 'Ease-in Circular. Based on half circle.',
'cubic-bezier(0.785, 0.135, 0.15, 0.86)': 'Ease-in-out Circular. Based on half circle.',
'cubic-bezier(0.075, 0.82, 0.165, 1)': 'Ease-out Circular. Based on half circle.',
'cubic-bezier(0.55, 0.055, 0.675, 0.19)': 'Ease-in Cubic. Based on power of three.',
'cubic-bezier(0.645, 0.045, 0.355, 1)': 'Ease-in-out Cubic. Based on power of three.',
'cubic-bezier(0.215, 0.610, 0.355, 1)': 'Ease-out Cubic. Based on power of three.',
'cubic-bezier(0.95, 0.05, 0.795, 0.035)': 'Ease-in Exponential. Based on two to the power ten.',
'cubic-bezier(1, 0, 0, 1)': 'Ease-in-out Exponential. Based on two to the power ten.',
'cubic-bezier(0.19, 1, 0.22, 1)': 'Ease-out Exponential. Based on two to the power ten.',
'cubic-bezier(0.47, 0, 0.745, 0.715)': 'Ease-in Sine.',
'cubic-bezier(0.445, 0.05, 0.55, 0.95)': 'Ease-in-out Sine.',
'cubic-bezier(0.39, 0.575, 0.565, 1)': 'Ease-out Sine.',
'cubic-bezier(0.55, 0.085, 0.68, 0.53)': 'Ease-in Quadratic. Based on power of two.',
'cubic-bezier(0.455, 0.03, 0.515, 0.955)': 'Ease-in-out Quadratic. Based on power of two.',
'cubic-bezier(0.25, 0.46, 0.45, 0.94)': 'Ease-out Quadratic. Based on power of two.',
'cubic-bezier(0.895, 0.03, 0.685, 0.22)': 'Ease-in Quartic. Based on power of four.',
'cubic-bezier(0.77, 0, 0.175, 1)': 'Ease-in-out Quartic. Based on power of four.',
'cubic-bezier(0.165, 0.84, 0.44, 1)': 'Ease-out Quartic. Based on power of four.',
'cubic-bezier(0.755, 0.05, 0.855, 0.06)': 'Ease-in Quintic. Based on power of five.',
'cubic-bezier(0.86, 0, 0.07, 1)': 'Ease-in-out Quintic. Based on power of five.',
'cubic-bezier(0.23, 1, 0.320, 1)': 'Ease-out Quintic. Based on power of five.'
};
const basicShapeFunctions = {
'circle()': 'Defines a circle.',
'ellipse()': 'Defines an ellipse.',
'inset()': 'Defines an inset rectangle.',
'polygon()': 'Defines a polygon.'
};
const builtinData_units = {
'length': ['cap', 'ch', 'cm', 'cqb', 'cqh', 'cqi', 'cqmax', 'cqmin', 'cqw', 'dvb', 'dvh', 'dvi', 'dvw', 'em', 'ex', 'ic', 'in', 'lh', 'lvb', 'lvh', 'lvi', 'lvw', 'mm', 'pc', 'pt', 'px', 'q', 'rcap', 'rch', 'rem', 'rex', 'ric', 'rlh', 'svb', 'svh', 'svi', 'svw', 'vb', 'vh', 'vi', 'vmax', 'vmin', 'vw'],
'angle': ['deg', 'rad', 'grad', 'turn'],
'time': ['ms', 's'],
'frequency': ['Hz', 'kHz'],
'resolution': ['dpi', 'dpcm', 'dppx'],
'percentage': ['%', 'fr']
};
const html5Tags = ['a', 'abbr', 'address', 'area', 'article', 'aside', 'audio', 'b', 'base', 'bdi', 'bdo', 'blockquote', 'body', 'br', 'button', 'canvas', 'caption',
'cite', 'code', 'col', 'colgroup', 'data', 'datalist', 'dd', 'del', 'details', 'dfn', 'dialog', 'div', 'dl', 'dt', 'em', 'embed', 'fieldset', 'figcaption', 'figure', 'footer',
'form', 'h1', 'h2', 'h3', 'h4', 'h5', 'h6', 'head', 'header', 'hgroup', 'hr', 'html', 'i', 'iframe', 'img', 'input', 'ins', 'kbd', 'keygen', 'label', 'legend', 'li', 'link',
'main', 'map', 'mark', 'menu', 'menuitem', 'meta', 'meter', 'nav', 'noscript', 'object', 'ol', 'optgroup', 'option', 'output', 'p', 'param', 'picture', 'pre', 'progress', 'q',
'rb', 'rp', 'rt', 'rtc', 'ruby', 's', 'samp', 'script', 'section', 'select', 'small', 'source', 'span', 'strong', 'style', 'sub', 'summary', 'sup', 'table', 'tbody', 'td',
'template', 'textarea', 'tfoot', 'th', 'thead', 'time', 'title', 'tr', 'track', 'u', 'ul', 'const', 'video', 'wbr'];
const svgElements = ['circle', 'clipPath', 'cursor', 'defs', 'desc', 'ellipse', 'feBlend', 'feColorMatrix', 'feComponentTransfer', 'feComposite', 'feConvolveMatrix', 'feDiffuseLighting',
'feDisplacementMap', 'feDistantLight', 'feDropShadow', 'feFlood', 'feFuncA', 'feFuncB', 'feFuncG', 'feFuncR', 'feGaussianBlur', 'feImage', 'feMerge', 'feMergeNode', 'feMorphology',
'feOffset', 'fePointLight', 'feSpecularLighting', 'feSpotLight', 'feTile', 'feTurbulence', 'filter', 'foreignObject', 'g', 'hatch', 'hatchpath', 'image', 'line', 'linearGradient',
'marker', 'mask', 'mesh', 'meshpatch', 'meshrow', 'metadata', 'mpath', 'path', 'pattern', 'polygon', 'polyline', 'radialGradient', 'rect', 'set', 'solidcolor', 'stop', 'svg', 'switch',
'symbol', 'text', 'textPath', 'tspan', 'use', 'view'];
const pageBoxDirectives = [
'@bottom-center', '@bottom-left', '@bottom-left-corner', '@bottom-right', '@bottom-right-corner',
'@left-bottom', '@left-middle', '@left-top', '@right-bottom', '@right-middle', '@right-top',
'@top-center', '@top-left', '@top-left-corner', '@top-right', '@top-right-corner'
];
;// CONCATENATED MODULE: ../../node_modules/vscode-css-languageservice/lib/esm/languageFacts/facts.js
/*---------------------------------------------------------------------------------------------
* Copyright (c) Microsoft Corporation. All rights reserved.
* Licensed under the MIT License. See License.txt in the project root for license information.
*--------------------------------------------------------------------------------------------*/
;// CONCATENATED MODULE: ../../node_modules/vscode-css-languageservice/lib/esm/utils/objects.js
/*---------------------------------------------------------------------------------------------
* Copyright (c) Microsoft Corporation. All rights reserved.
* Licensed under the MIT License. See License.txt in the project root for license information.
*--------------------------------------------------------------------------------------------*/
function values(obj) {
return Object.keys(obj).map(key => obj[key]);
}
function isDefined(obj) {
return typeof obj !== 'undefined';
}
;// CONCATENATED MODULE: ../../node_modules/vscode-css-languageservice/lib/esm/parser/cssParser.js
/*---------------------------------------------------------------------------------------------
* Copyright (c) Microsoft Corporation. All rights reserved.
* Licensed under the MIT License. See License.txt in the project root for license information.
*--------------------------------------------------------------------------------------------*/
/// <summary>
/// A parser for the css core specification. See for reference:
/// https://www.w3.org/TR/CSS21/grammar.html
/// http://www.w3.org/TR/CSS21/syndata.html#tokenization
/// </summary>
class Parser {
constructor(scnr = new Scanner()) {
this.keyframeRegex = /^@(\-(webkit|ms|moz|o)\-)?keyframes$/i;
this.scanner = scnr;
this.token = { type: TokenType.EOF, offset: -1, len: 0, text: '' };
this.prevToken = undefined;
}
peekIdent(text) {
return TokenType.Ident === this.token.type && text.length === this.token.text.length && text === this.token.text.toLowerCase();
}
peekKeyword(text) {
return TokenType.AtKeyword === this.token.type && text.length === this.token.text.length && text === this.token.text.toLowerCase();
}
peekDelim(text) {
return TokenType.Delim === this.token.type && text === this.token.text;
}
peek(type) {
return type === this.token.type;
}
peekOne(...types) {
return types.indexOf(this.token.type) !== -1;
}
peekRegExp(type, regEx) {
if (type !== this.token.type) {
return false;
}
return regEx.test(this.token.text);
}
hasWhitespace() {
return !!this.prevToken && (this.prevToken.offset + this.prevToken.len !== this.token.offset);
}
consumeToken() {
this.prevToken = this.token;
this.token = this.scanner.scan();
}
acceptUnicodeRange() {
const token = this.scanner.tryScanUnicode();
if (token) {
this.prevToken = token;
this.token = this.scanner.scan();
return true;
}
return false;
}
mark() {
return {
prev: this.prevToken,
curr: this.token,
pos: this.scanner.pos()
};
}
restoreAtMark(mark) {
this.prevToken = mark.prev;
this.token = mark.curr;
this.scanner.goBackTo(mark.pos);
}
try(func) {
const pos = this.mark();
const node = func();
if (!node) {
this.restoreAtMark(pos);
return null;
}
return node;
}
acceptOneKeyword(keywords) {
if (TokenType.AtKeyword === this.token.type) {
for (const keyword of keywords) {
if (keyword.length === this.token.text.length && keyword === this.token.text.toLowerCase()) {
this.consumeToken();
return true;
}
}
}
return false;
}
accept(type) {
if (type === this.token.type) {
this.consumeToken();
return true;
}
return false;
}
acceptIdent(text) {
if (this.peekIdent(text)) {
this.consumeToken();
return true;
}
return false;
}
acceptKeyword(text) {
if (this.peekKeyword(text)) {
this.consumeToken();
return true;
}
return false;
}
acceptDelim(text) {
if (this.peekDelim(text)) {
this.consumeToken();
return true;
}
return false;
}
acceptRegexp(regEx) {
if (regEx.test(this.token.text)) {
this.consumeToken();
return true;
}
return false;
}
_parseRegexp(regEx) {
let node = this.createNode(NodeType.Identifier);
do { } while (this.acceptRegexp(regEx));
return this.finish(node);
}
acceptUnquotedString() {
const pos = this.scanner.pos();
this.scanner.goBackTo(this.token.offset);
const unquoted = this.scanner.scanUnquotedString();
if (unquoted) {
this.token = unquoted;
this.consumeToken();
return true;
}
this.scanner.goBackTo(pos);
return false;
}
resync(resyncTokens, resyncStopTokens) {
while (true) {
if (resyncTokens && resyncTokens.indexOf(this.token.type) !== -1) {
this.consumeToken();
return true;
}
else if (resyncStopTokens && resyncStopTokens.indexOf(this.token.type) !== -1) {
return true;
}
else {
if (this.token.type === TokenType.EOF) {
return false;
}
this.token = this.scanner.scan();
}
}
}
createNode(nodeType) {
return new Node(this.token.offset, this.token.len, nodeType);
}
create(ctor) {
return new ctor(this.token.offset, this.token.len);
}
finish(node, error, resyncTokens, resyncStopTokens) {
// parseNumeric misuses error for boolean flagging (however the real error mustn't be a false)
// + nodelist offsets mustn't be modified, because there is a offset hack in rulesets for smartselection
if (!(node instanceof Nodelist)) {
if (error) {
this.markError(node, error, resyncTokens, resyncStopTokens);
}
// set the node end position
if (this.prevToken) {
// length with more elements belonging together
const prevEnd = this.prevToken.offset + this.prevToken.len;
node.length = prevEnd > node.offset ? prevEnd - node.offset : 0; // offset is taken from current token, end from previous: Use 0 for empty nodes
}
}
return node;
}
markError(node, error, resyncTokens, resyncStopTokens) {
if (this.token !== this.lastErrorToken) { // do not report twice on the same token
node.addIssue(new Marker(node, error, Level.Error, undefined, this.token.offset, this.token.len));
this.lastErrorToken = this.token;
}
if (resyncTokens || resyncStopTokens) {
this.resync(resyncTokens, resyncStopTokens);
}
}
parseStylesheet(textDocument) {
const versionId = textDocument.version;
const text = textDocument.getText();
const textProvider = (offset, length) => {
if (textDocument.version !== versionId) {
throw new Error('Underlying model has changed, AST is no longer valid');
}
return text.substr(offset, length);
};
return this.internalParse(text, this._parseStylesheet, textProvider);
}
internalParse(input, parseFunc, textProvider) {
this.scanner.setSource(input);
this.token = this.scanner.scan();
const node = parseFunc.bind(this)();
if (node) {
if (textProvider) {
node.textProvider = textProvider;
}
else {
node.textProvider = (offset, length) => { return input.substr(offset, length); };
}
}
return node;
}
_parseStylesheet() {
const node = this.create(Stylesheet);
while (node.addChild(this._parseStylesheetStart())) {
// Parse statements only valid at the beginning of stylesheets.
}
let inRecovery = false;
do {
let hasMatch = false;
do {
hasMatch = false;
const statement = this._parseStylesheetStatement();
if (statement) {
node.addChild(statement);
hasMatch = true;
inRecovery = false;
if (!this.peek(TokenType.EOF) && this._needsSemicolonAfter(statement) && !this.accept(TokenType.SemiColon)) {
this.markError(node, ParseError.SemiColonExpected);
}
}
while (this.accept(TokenType.SemiColon) || this.accept(TokenType.CDO) || this.accept(TokenType.CDC)) {
// accept empty statements
hasMatch = true;
inRecovery = false;
}
} while (hasMatch);
if (this.peek(TokenType.EOF)) {
break;
}
if (!inRecovery) {
if (this.peek(TokenType.AtKeyword)) {
this.markError(node, ParseError.UnknownAtRule);
}
else {
this.markError(node, ParseError.RuleOrSelectorExpected);
}
inRecovery = true;
}
this.consumeToken();
} while (!this.peek(TokenType.EOF));
return this.finish(node);
}
_parseStylesheetStart() {
return this._parseCharset();
}
_parseStylesheetStatement(isNested = false) {
if (this.peek(TokenType.AtKeyword)) {
return this._parseStylesheetAtStatement(isNested);
}
return this._parseRuleset(isNested);
}
_parseStylesheetAtStatement(isNested = false) {
return this._parseImport()
|| this._parseMedia(isNested)
|| this._parsePage()
|| this._parseFontFace()
|| this._parseKeyframe()
|| this._parseSupports(isNested)
|| this._parseLayer(isNested)
|| this._parsePropertyAtRule()
|| this._parseViewPort()
|| this._parseNamespace()
|| this._parseDocument()
|| this._parseUnknownAtRule();
}
_tryParseRuleset(isNested) {
const mark = this.mark();
if (this._parseSelector(isNested)) {
while (this.accept(TokenType.Comma) && this._parseSelector(isNested)) {
// loop
}
if (this.accept(TokenType.CurlyL)) {
this.restoreAtMark(mark);
return this._parseRuleset(isNested);
}
}
this.restoreAtMark(mark);
return null;
}
_parseRuleset(isNested = false) {
const node = this.create(RuleSet);
const selectors = node.getSelectors();
if (!selectors.addChild(this._parseSelector(isNested))) {
return null;
}
while (this.accept(TokenType.Comma)) {
if (!selectors.addChild(this._parseSelector(isNested))) {
return this.finish(node, ParseError.SelectorExpected);
}
}
return this._parseBody(node, this._parseRuleSetDeclaration.bind(this));
}
_parseRuleSetDeclarationAtStatement() {
return this._parseMedia(true)
|| this._parseSupports(true)
|| this._parseLayer(true)
|| this._parseUnknownAtRule();
}
_parseRuleSetDeclaration() {
// https://www.w3.org/TR/css-syntax-3/#consume-a-list-of-declarations
if (this.peek(TokenType.AtKeyword)) {
return this._parseRuleSetDeclarationAtStatement();
}
if (!this.peek(TokenType.Ident)) {
return this._parseRuleset(true);
}
return this._tryParseRuleset(true) || this._parseDeclaration();
}
_needsSemicolonAfter(node) {
switch (node.type) {
case NodeType.Keyframe:
case NodeType.ViewPort:
case NodeType.Media:
case NodeType.Ruleset:
case NodeType.Namespace:
case NodeType.If:
case NodeType.For:
case NodeType.Each:
case NodeType.While:
case NodeType.MixinDeclaration:
case NodeType.FunctionDeclaration:
case NodeType.MixinContentDeclaration:
return false;
case NodeType.ExtendsReference:
case NodeType.MixinContentReference:
case NodeType.ReturnStatement:
case NodeType.MediaQuery:
case NodeType.Debug:
case NodeType.Import:
case NodeType.AtApplyRule:
case NodeType.CustomPropertyDeclaration:
return true;
case NodeType.VariableDeclaration:
return node.needsSemicolon;
case NodeType.MixinReference:
return !node.getContent();
case NodeType.Declaration:
return !node.getNestedProperties();
}
return false;
}
_parseDeclarations(parseDeclaration) {
const node = this.create(Declarations);
if (!this.accept(TokenType.CurlyL)) {
return null;
}
let decl = parseDeclaration();
while (node.addChild(decl)) {
if (this.peek(TokenType.CurlyR)) {
break;
}
if (this._needsSemicolonAfter(decl) && !this.accept(TokenType.SemiColon)) {
return this.finish(node, ParseError.SemiColonExpected, [TokenType.SemiColon, TokenType.CurlyR]);
}
// We accepted semicolon token. Link it to declaration.
if (decl && this.prevToken && this.prevToken.type === TokenType.SemiColon) {
decl.semicolonPosition = this.prevToken.offset;
}
while (this.accept(TokenType.SemiColon)) {
// accept empty statements
}
decl = parseDeclaration();
}
if (!this.accept(TokenType.CurlyR)) {
return this.finish(node, ParseError.RightCurlyExpected, [TokenType.CurlyR, TokenType.SemiColon]);
}
return this.finish(node);
}
_parseBody(node, parseDeclaration) {
if (!node.setDeclarations(this._parseDeclarations(parseDeclaration))) {
return this.finish(node, ParseError.LeftCurlyExpected, [TokenType.CurlyR, TokenType.SemiColon]);
}
return this.finish(node);
}
_parseSelector(isNested) {
const node = this.create(Selector);
let hasContent = false;
if (isNested) {
// nested selectors can start with a combinator
hasContent = node.addChild(this._parseCombinator());
}
while (node.addChild(this._parseSimpleSelector())) {
hasContent = true;
node.addChild(this._parseCombinator()); // optional
}
return hasContent ? this.finish(node) : null;
}
_parseDeclaration(stopTokens) {
const customProperty = this._tryParseCustomPropertyDeclaration(stopTokens);
if (customProperty) {
return customProperty;
}
const node = this.create(Declaration);
if (!node.setProperty(this._parseProperty())) {
return null;
}
if (!this.accept(TokenType.Colon)) {
return this.finish(node, ParseError.ColonExpected, [TokenType.Colon], stopTokens || [TokenType.SemiColon]);
}
if (this.prevToken) {
node.colonPosition = this.prevToken.offset;
}
if (!node.setValue(this._parseExpr())) {
return this.finish(node, ParseError.PropertyValueExpected);
}
node.addChild(this._parsePrio());
if (this.peek(TokenType.SemiColon)) {
node.semicolonPosition = this.token.offset; // not part of the declaration, but useful information for code assist
}
return this.finish(node);
}
_tryParseCustomPropertyDeclaration(stopTokens) {
if (!this.peekRegExp(TokenType.Ident, /^--/)) {
return null;
}
const node = this.create(CustomPropertyDeclaration);
if (!node.setProperty(this._parseProperty())) {
return null;
}
if (!this.accept(TokenType.Colon)) {
return this.finish(node, ParseError.ColonExpected, [TokenType.Colon]);
}
if (this.prevToken) {
node.colonPosition = this.prevToken.offset;
}
const mark = this.mark();
if (this.peek(TokenType.CurlyL)) {
// try to parse it as nested declaration
const propertySet = this.create(CustomPropertySet);
const declarations = this._parseDeclarations(this._parseRuleSetDeclaration.bind(this));
if (propertySet.setDeclarations(declarations) && !declarations.isErroneous(true)) {
propertySet.addChild(this._parsePrio());
if (this.peek(TokenType.SemiColon)) {
this.finish(propertySet);
node.setPropertySet(propertySet);
node.semicolonPosition = this.token.offset; // not part of the declaration, but useful information for code assist
return this.finish(node);
}
}
this.restoreAtMark(mark);
}
// try to parse as expression
const expression = this._parseExpr();
if (expression && !expression.isErroneous(true)) {
this._parsePrio();
if (this.peekOne(...(stopTokens || []), TokenType.SemiColon, TokenType.EOF)) {
node.setValue(expression);
if (this.peek(TokenType.SemiColon)) {
node.semicolonPosition = this.token.offset; // not part of the declaration, but useful information for code assist
}
return this.finish(node);
}
}
this.restoreAtMark(mark);
node.addChild(this._parseCustomPropertyValue(stopTokens));
node.addChild(this._parsePrio());
if (isDefined(node.colonPosition) && this.token.offset === node.colonPosition + 1) {
return this.finish(node, ParseError.PropertyValueExpected);
}
return this.finish(node);
}
/**
* Parse custom property values.
*
* Based on https://www.w3.org/TR/css-variables/#syntax
*
* This code is somewhat unusual, as the allowed syntax is incredibly broad,
* parsing almost any sequence of tokens, save for a small set of exceptions.
* Unbalanced delimitors, invalid tokens, and declaration
* terminators like semicolons and !important directives (when not inside
* of delimitors).
*/
_parseCustomPropertyValue(stopTokens = [TokenType.CurlyR]) {
const node = this.create(Node);
const isTopLevel = () => curlyDepth === 0 && parensDepth === 0 && bracketsDepth === 0;
const onStopToken = () => stopTokens.indexOf(this.token.type) !== -1;
let curlyDepth = 0;
let parensDepth = 0;
let bracketsDepth = 0;
done: while (true) {
switch (this.token.type) {
case TokenType.SemiColon:
// A semicolon only ends things if we're not inside a delimitor.
if (isTopLevel()) {
break done;
}
break;
case TokenType.Exclamation:
// An exclamation ends the value if we're not inside delims.
if (isTopLevel()) {
break done;
}
break;
case TokenType.CurlyL:
curlyDepth++;
break;
case TokenType.CurlyR:
curlyDepth--;
if (curlyDepth < 0) {
// The property value has been terminated without a semicolon, and
// this is the last declaration in the ruleset.
if (onStopToken() && parensDepth === 0 && bracketsDepth === 0) {
break done;
}
return this.finish(node, ParseError.LeftCurlyExpected);
}
break;
case TokenType.ParenthesisL:
parensDepth++;
break;
case TokenType.ParenthesisR:
parensDepth--;
if (parensDepth < 0) {
if (onStopToken() && bracketsDepth === 0 && curlyDepth === 0) {
break done;
}
return this.finish(node, ParseError.LeftParenthesisExpected);
}
break;
case TokenType.BracketL:
bracketsDepth++;
break;
case TokenType.BracketR:
bracketsDepth--;
if (bracketsDepth < 0) {
return this.finish(node, ParseError.LeftSquareBracketExpected);
}
break;
case TokenType.BadString: // fall through
break done;
case TokenType.EOF:
// We shouldn't have reached the end of input, something is
// unterminated.
let error = ParseError.RightCurlyExpected;
if (bracketsDepth > 0) {
error = ParseError.RightSquareBracketExpected;
}
else if (parensDepth > 0) {
error = ParseError.RightParenthesisExpected;
}
return this.finish(node, error);
}
this.consumeToken();
}
return this.finish(node);
}
_tryToParseDeclaration(stopTokens) {
const mark = this.mark();
if (this._parseProperty() && this.accept(TokenType.Colon)) {
// looks like a declaration, go ahead
this.restoreAtMark(mark);
return this._parseDeclaration(stopTokens);
}
this.restoreAtMark(mark);
return null;
}
_parseProperty() {
const node = this.create(Property);
const mark = this.mark();
if (this.acceptDelim('*') || this.acceptDelim('_')) {
// support for IE 5.x, 6 and 7 star hack: see http://en.wikipedia.org/wiki/CSS_filter#Star_hack
if (this.hasWhitespace()) {
this.restoreAtMark(mark);
return null;
}
}
if (node.setIdentifier(this._parsePropertyIdentifier())) {
return this.finish(node);
}
return null;
}
_parsePropertyIdentifier() {
return this._parseIdent();
}
_parseCharset() {
if (!this.peek(TokenType.Charset)) {
return null;
}
const node = this.create(Node);
this.consumeToken(); // charset
if (!this.accept(TokenType.String)) {
return this.finish(node, ParseError.IdentifierExpected);
}
if (!this.accept(TokenType.SemiColon)) {
return this.finish(node, ParseError.SemiColonExpected);
}
return this.finish(node);
}
_parseImport() {
// @import [ <url> | <string> ]
// [ layer | layer(<layer-name>) ]?
// <import-condition> ;
// <import-conditions> = [ supports( [ <supports-condition> | <declaration> ] ) ]?
// <media-query-list>?
if (!this.peekKeyword('@import')) {
return null;
}
const node = this.create(Import);
this.consumeToken(); // @import
if (!node.addChild(this._parseURILiteral()) && !node.addChild(this._parseStringLiteral())) {
return this.finish(node, ParseError.URIOrStringExpected);
}
if (this.acceptIdent('layer')) {
if (this.accept(TokenType.ParenthesisL)) {
if (!node.addChild(this._parseLayerName())) {
return this.finish(node, ParseError.IdentifierExpected, [TokenType.SemiColon]);
}
if (!this.accept(TokenType.ParenthesisR)) {
return this.finish(node, ParseError.RightParenthesisExpected, [TokenType.ParenthesisR], []);
}
}
}
if (this.acceptIdent('supports')) {
if (this.accept(TokenType.ParenthesisL)) {
node.addChild(this._tryToParseDeclaration() || this._parseSupportsCondition());
if (!this.accept(TokenType.ParenthesisR)) {
return this.finish(node, ParseError.RightParenthesisExpected, [TokenType.ParenthesisR], []);
}
}
}
if (!this.peek(TokenType.SemiColon) && !this.peek(TokenType.EOF)) {
node.setMedialist(this._parseMediaQueryList());
}
return this.finish(node);
}
_parseNamespace() {
// http://www.w3.org/TR/css3-namespace/
// namespace : NAMESPACE_SYM S* [IDENT S*]? [STRING|URI] S* ';' S*
if (!this.peekKeyword('@namespace')) {
return null;
}
const node = this.create(Namespace);
this.consumeToken(); // @namespace
if (!node.addChild(this._parseURILiteral())) { // url literal also starts with ident
node.addChild(this._parseIdent()); // optional prefix
if (!node.addChild(this._parseURILiteral()) && !node.addChild(this._parseStringLiteral())) {
return this.finish(node, ParseError.URIExpected, [TokenType.SemiColon]);
}
}
if (!this.accept(TokenType.SemiColon)) {
return this.finish(node, ParseError.SemiColonExpected);
}
return this.finish(node);
}
_parseFontFace() {
if (!this.peekKeyword('@font-face')) {
return null;
}
const node = this.create(FontFace);
this.consumeToken(); // @font-face
return this._parseBody(node, this._parseRuleSetDeclaration.bind(this));
}
_parseViewPort() {
if (!this.peekKeyword('@-ms-viewport') &&
!this.peekKeyword('@-o-viewport') &&
!this.peekKeyword('@viewport')) {
return null;
}
const node = this.create(ViewPort);
this.consumeToken(); // @-ms-viewport
return this._parseBody(node, this._parseRuleSetDeclaration.bind(this));
}
_parseKeyframe() {
if (!this.peekRegExp(TokenType.AtKeyword, this.keyframeRegex)) {
return null;
}
const node = this.create(Keyframe);
const atNode = this.create(Node);
this.consumeToken(); // atkeyword
node.setKeyword(this.finish(atNode));
if (atNode.matches('@-ms-keyframes')) { // -ms-keyframes never existed
this.markError(atNode, ParseError.UnknownKeyword);
}
if (!node.setIdentifier(this._parseKeyframeIdent())) {
return this.finish(node, ParseError.IdentifierExpected, [TokenType.CurlyR]);
}
return this._parseBody(node, this._parseKeyframeSelector.bind(this));
}
_parseKeyframeIdent() {
return this._parseIdent([ReferenceType.Keyframe]);
}
_parseKeyframeSelector() {
const node = this.create(KeyframeSelector);
if (!node.addChild(this._parseIdent()) && !this.accept(TokenType.Percentage)) {
return null;
}
while (this.accept(TokenType.Comma)) {
if (!node.addChild(this._parseIdent()) && !this.accept(TokenType.Percentage)) {
return this.finish(node, ParseError.PercentageExpected);
}
}
return this._parseBody(node, this._parseRuleSetDeclaration.bind(this));
}
_tryParseKeyframeSelector() {
const node = this.create(KeyframeSelector);
const pos = this.mark();
if (!node.addChild(this._parseIdent()) && !this.accept(TokenType.Percentage)) {
return null;
}
while (this.accept(TokenType.Comma)) {
if (!node.addChild(this._parseIdent()) && !this.accept(TokenType.Percentage)) {
this.restoreAtMark(pos);
return null;
}
}
if (!this.peek(TokenType.CurlyL)) {
this.restoreAtMark(pos);
return null;
}
return this._parseBody(node, this._parseRuleSetDeclaration.bind(this));
}
_parsePropertyAtRule() {
// @property <custom-property-name> {
// <declaration-list>
// }
if (!this.peekKeyword('@property')) {
return null;
}
const node = this.create(PropertyAtRule);
this.consumeToken(); // @layer
if (!this.peekRegExp(TokenType.Ident, /^--/) || !node.setName(this._parseIdent([ReferenceType.Property]))) {
return this.finish(node, ParseError.IdentifierExpected);
}
return this._parseBody(node, this._parseDeclaration.bind(this));
}
_parseLayer(isNested = false) {
// @layer layer-name {rules}
// @layer layer-name;
// @layer layer-name, layer-name, layer-name;
// @layer {rules}
if (!this.peekKeyword('@layer')) {
return null;
}
const node = this.create(Layer);
this.consumeToken(); // @layer
const names = this._parseLayerNameList();
if (names) {
node.setNames(names);
}
if ((!names || names.getChildren().length === 1) && this.peek(TokenType.CurlyL)) {
return this._parseBody(node, this._parseLayerDeclaration.bind(this, isNested));
}
if (!this.accept(TokenType.SemiColon)) {
return this.finish(node, ParseError.SemiColonExpected);
}
return this.finish(node);
}
_parseLayerDeclaration(isNested = false) {
if (isNested) {
// if nested, the body can contain rulesets, but also declarations
return this._tryParseRuleset(true)
|| this._tryToParseDeclaration()
|| this._parseStylesheetStatement(true);
}
return this._parseStylesheetStatement(false);
}
_parseLayerNameList() {
const node = this.createNode(NodeType.LayerNameList);
if (!node.addChild(this._parseLayerName())) {
return null;
}
while (this.accept(TokenType.Comma)) {
if (!node.addChild(this._parseLayerName())) {
return this.finish(node, ParseError.IdentifierExpected);
}
}
return this.finish(node);
}
_parseLayerName() {
// <layer-name> = <ident> [ '.' <ident> ]*
if (!this.peek(TokenType.Ident)) {
return null;
}
const node = this.createNode(NodeType.LayerName);
node.addChild(this._parseIdent());
while (!this.hasWhitespace() && this.acceptDelim('.')) {
if (this.hasWhitespace() || !node.addChild(this._parseIdent())) {
return this.finish(node, ParseError.IdentifierExpected);
}
}
return this.finish(node);
}
_parseSupports(isNested = false) {
// SUPPORTS_SYM S* supports_condition '{' S* ruleset* '}' S*
if (!this.peekKeyword('@supports')) {
return null;
}
const node = this.create(Supports);
this.consumeToken(); // @supports
node.addChild(this._parseSupportsCondition());
return this._parseBody(node, this._parseSupportsDeclaration.bind(this, isNested));
}
_parseSupportsDeclaration(isNested = false) {
if (isNested) {
// if nested, the body can contain rulesets, but also declarations
return this._tryParseRuleset(true)
|| this._tryToParseDeclaration()
|| this._parseStylesheetStatement(true);
}
return this._parseStylesheetStatement(false);
}
_parseSupportsCondition() {
// supports_condition : supports_negation | supports_conjunction | supports_disjunction | supports_condition_in_parens ;
// supports_condition_in_parens: ( '(' S* supports_condition S* ')' ) | supports_declaration_condition | general_enclosed ;
// supports_negation: NOT S+ supports_condition_in_parens ;
// supports_conjunction: supports_condition_in_parens ( S+ AND S+ supports_condition_in_parens )+;
// supports_disjunction: supports_condition_in_parens ( S+ OR S+ supports_condition_in_parens )+;
// supports_declaration_condition: '(' S* declaration ')';
// general_enclosed: ( FUNCTION | '(' ) ( any | unused )* ')' ;
const node = this.create(SupportsCondition);
if (this.acceptIdent('not')) {
node.addChild(this._parseSupportsConditionInParens());
}
else {
node.addChild(this._parseSupportsConditionInParens());
if (this.peekRegExp(TokenType.Ident, /^(and|or)$/i)) {
const text = this.token.text.toLowerCase();
while (this.acceptIdent(text)) {
node.addChild(this._parseSupportsConditionInParens());
}
}
}
return this.finish(node);
}
_parseSupportsConditionInParens() {
const node = this.create(SupportsCondition);
if (this.accept(TokenType.ParenthesisL)) {
if (this.prevToken) {
node.lParent = this.prevToken.offset;
}
if (!node.addChild(this._tryToParseDeclaration([TokenType.ParenthesisR]))) {
if (!this._parseSupportsCondition()) {
return this.finish(node, ParseError.ConditionExpected);
}
}
if (!this.accept(TokenType.ParenthesisR)) {
return this.finish(node, ParseError.RightParenthesisExpected, [TokenType.ParenthesisR], []);
}
if (this.prevToken) {
node.rParent = this.prevToken.offset;
}
return this.finish(node);
}
else if (this.peek(TokenType.Ident)) {
const pos = this.mark();
this.consumeToken();
if (!this.hasWhitespace() && this.accept(TokenType.ParenthesisL)) {
let openParentCount = 1;
while (this.token.type !== TokenType.EOF && openParentCount !== 0) {
if (this.token.type === TokenType.ParenthesisL) {
openParentCount++;
}
else if (this.token.type === TokenType.ParenthesisR) {
openParentCount--;
}
this.consumeToken();
}
return this.finish(node);
}
else {
this.restoreAtMark(pos);
}
}
return this.finish(node, ParseError.LeftParenthesisExpected, [], [TokenType.ParenthesisL]);
}
_parseMediaDeclaration(isNested = false) {
if (isNested) {
// if nested, the body can contain rulesets, but also declarations
return this._tryParseRuleset(true)
|| this._tryToParseDeclaration()
|| this._parseStylesheetStatement(true);
}
return this._parseStylesheetStatement(false);
}
_parseMedia(isNested = false) {
// MEDIA_SYM S* media_query_list '{' S* ruleset* '}' S*
// media_query_list : S* [media_query [ ',' S* media_query ]* ]?
if (!this.peekKeyword('@media')) {
return null;
}
const node = this.create(Media);
this.consumeToken(); // @media
if (!node.addChild(this._parseMediaQueryList())) {
return this.finish(node, ParseError.MediaQueryExpected);
}
return this._parseBody(node, this._parseMediaDeclaration.bind(this, isNested));
}
_parseMediaQueryList() {
const node = this.create(Medialist);
if (!node.addChild(this._parseMediaQuery())) {
return this.finish(node, ParseError.MediaQueryExpected);
}
while (this.accept(TokenType.Comma)) {
if (!node.addChild(this._parseMediaQuery())) {
return this.finish(node, ParseError.MediaQueryExpected);
}
}
return this.finish(node);
}
_parseMediaQuery() {
// <media-query> = <media-condition> | [ not | only ]? <media-type> [ and <media-condition-without-or> ]?
const node = this.create(MediaQuery);
const pos = this.mark();
this.acceptIdent('not');
if (!this.peek(TokenType.ParenthesisL)) {
if (this.acceptIdent('only')) {
// optional
}
if (!node.addChild(this._parseIdent())) {
return null;
}
if (this.acceptIdent('and')) {
node.addChild(this._parseMediaCondition());
}
}
else {
this.restoreAtMark(pos); // 'not' is part of the MediaCondition
node.addChild(this._parseMediaCondition());
}
return this.finish(node);
}
_parseRatio() {
const pos = this.mark();
const node = this.create(RatioValue);
if (!this._parseNumeric()) {
return null;
}
if (!this.acceptDelim('/')) {
this.restoreAtMark(pos);
return null;
}
if (!this._parseNumeric()) {
return this.finish(node, ParseError.NumberExpected);
}
return this.finish(node);
}
_parseMediaCondition() {
// <media-condition> = <media-not> | <media-and> | <media-or> | <media-in-parens>
// <media-not> = not <media-in-parens>
// <media-and> = <media-in-parens> [ and <media-in-parens> ]+
// <media-or> = <media-in-parens> [ or <media-in-parens> ]+
// <media-in-parens> = ( <media-condition> ) | <media-feature> | <general-enclosed>
const node = this.create(MediaCondition);
this.acceptIdent('not');
let parseExpression = true;
while (parseExpression) {
if (!this.accept(TokenType.ParenthesisL)) {
return this.finish(node, ParseError.LeftParenthesisExpected, [], [TokenType.CurlyL]);
}
if (this.peek(TokenType.ParenthesisL) || this.peekIdent('not')) {
// <media-condition>
node.addChild(this._parseMediaCondition());
}
else {
node.addChild(this._parseMediaFeature());
}
// not yet implemented: general enclosed
if (!this.accept(TokenType.ParenthesisR)) {
return this.finish(node, ParseError.RightParenthesisExpected, [], [TokenType.CurlyL]);
}
parseExpression = this.acceptIdent('and') || this.acceptIdent('or');
}
return this.finish(node);
}
_parseMediaFeature() {
const resyncStopToken = [TokenType.ParenthesisR];
const node = this.create(MediaFeature);
// <media-feature> = ( [ <mf-plain> | <mf-boolean> | <mf-range> ] )
// <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>
if (node.addChild(this._parseMediaFeatureName())) {
if (this.accept(TokenType.Colon)) {
if (!node.addChild(this._parseMediaFeatureValue())) {
return this.finish(node, ParseError.TermExpected, [], resyncStopToken);
}
}
else if (this._parseMediaFeatureRangeOperator()) {
if (!node.addChild(this._parseMediaFeatureValue())) {
return this.finish(node, ParseError.TermExpected, [], resyncStopToken);
}
if (this._parseMediaFeatureRangeOperator()) {
if (!node.addChild(this._parseMediaFeatureValue())) {
return this.finish(node, ParseError.TermExpected, [], resyncStopToken);
}
}
}
else {
// <mf-boolean> = <mf-name>
}
}
else if (node.addChild(this._parseMediaFeatureValue())) {
if (!this._parseMediaFeatureRangeOperator()) {
return this.finish(node, ParseError.OperatorExpected, [], resyncStopToken);
}
if (!node.addChild(this._parseMediaFeatureName())) {
return this.finish(node, ParseError.IdentifierExpected, [], resyncStopToken);
}
if (this._parseMediaFeatureRangeOperator()) {
if (!node.addChild(this._parseMediaFeatureValue())) {
return this.finish(node, ParseError.TermExpected, [], resyncStopToken);
}
}
}
else {
return this.finish(node, ParseError.IdentifierExpected, [], resyncStopToken);
}
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();
}
_parseMediaFeatureValue() {
return this._parseRatio() || this._parseTermExpression();
}
_parseMedium() {
const node = this.create(Node);
if (node.addChild(this._parseIdent())) {
return this.finish(node);
}
else {
return null;
}
}
_parsePageDeclaration() {
return this._parsePageMarginBox() || this._parseRuleSetDeclaration();
}
_parsePage() {
// http://www.w3.org/TR/css3-page/
// page_rule : PAGE_SYM S* page_selector_list '{' S* page_body '}' S*
// page_body : /* Can be empty */ declaration? [ ';' S* page_body ]? | page_margin_box page_body
if (!this.peekKeyword('@page')) {
return null;
}
const node = this.create(Page);
this.consumeToken();
if (node.addChild(this._parsePageSelector())) {
while (this.accept(TokenType.Comma)) {
if (!node.addChild(this._parsePageSelector())) {
return this.finish(node, ParseError.IdentifierExpected);
}
}
}
return this._parseBody(node, this._parsePageDeclaration.bind(this));
}
_parsePageMarginBox() {
// page_margin_box : margin_sym S* '{' S* declaration? [ ';' S* declaration? ]* '}' S*
if (!this.peek(TokenType.AtKeyword)) {
return null;
}
const node = this.create(PageBoxMarginBox);
if (!this.acceptOneKeyword(pageBoxDirectives)) {
this.markError(node, ParseError.UnknownAtRule, [], [TokenType.CurlyL]);
}
return this._parseBody(node, this._parseRuleSetDeclaration.bind(this));
}
_parsePageSelector() {
// page_selector : pseudo_page+ | IDENT pseudo_page*
// pseudo_page : ':' [ "left" | "right" | "first" | "blank" ];
if (!this.peek(TokenType.Ident) && !this.peek(TokenType.Colon)) {
return null;
}
const node = this.create(Node);
node.addChild(this._parseIdent()); // optional ident
if (this.accept(TokenType.Colon)) {
if (!node.addChild(this._parseIdent())) { // optional ident
return this.finish(node, ParseError.IdentifierExpected);
}
}
return this.finish(node);
}
_parseDocument() {
// -moz-document is experimental but has been pushed to css4
if (!this.peekKeyword('@-moz-document')) {
return null;
}
const node = this.create(Document);
this.consumeToken(); // @-moz-document
this.resync([], [TokenType.CurlyL]); // ignore all the rules
return this._parseBody(node, this._parseStylesheetStatement.bind(this));
}
// https://www.w3.org/TR/css-syntax-3/#consume-an-at-rule
_parseUnknownAtRule() {
if (!this.peek(TokenType.AtKeyword)) {
return null;
}
const node = this.create(UnknownAtRule);
node.addChild(this._parseUnknownAtRuleName());
const isTopLevel = () => curlyDepth === 0 && parensDepth === 0 && bracketsDepth === 0;
let curlyLCount = 0;
let curlyDepth = 0;
let parensDepth = 0;
let bracketsDepth = 0;
done: while (true) {
switch (this.token.type) {
case TokenType.SemiColon:
if (isTopLevel()) {
break done;
}
break;
case TokenType.EOF:
if (curlyDepth > 0) {
return this.finish(node, ParseError.RightCurlyExpected);
}
else if (bracketsDepth > 0) {
return this.finish(node, ParseError.RightSquareBracketExpected);
}
else if (parensDepth > 0) {
return this.finish(node, ParseError.RightParenthesisExpected);
}
else {
return this.finish(node);
}
case TokenType.CurlyL:
curlyLCount++;
curlyDepth++;
break;
case TokenType.CurlyR:
curlyDepth--;
// End of at-rule, consume CurlyR and return node
if (curlyLCount > 0 && curlyDepth === 0) {
this.consumeToken();
if (bracketsDepth > 0) {
return this.finish(node, ParseError.RightSquareBracketExpected);
}
else if (parensDepth > 0) {
return this.finish(node, ParseError.RightParenthesisExpected);
}
break done;
}
if (curlyDepth < 0) {
// The property value has been terminated without a semicolon, and
// this is the last declaration in the ruleset.
if (parensDepth === 0 && bracketsDepth === 0) {
break done;
}
return this.finish(node, ParseError.LeftCurlyExpected);
}
break;
case TokenType.ParenthesisL:
parensDepth++;
break;
case TokenType.ParenthesisR:
parensDepth--;
if (parensDepth < 0) {
return this.finish(node, ParseError.LeftParenthesisExpected);
}
break;
case TokenType.BracketL:
bracketsDepth++;
break;
case TokenType.BracketR:
bracketsDepth--;
if (bracketsDepth < 0) {
return this.finish(node, ParseError.LeftSquareBracketExpected);
}
break;
}
this.consumeToken();
}
return node;
}
_parseUnknownAtRuleName() {
const node = this.create(Node);
if (this.accept(TokenType.AtKeyword)) {
return this.finish(node);
}
return node;
}
_parseOperator() {
// these are operators for binary expressions
if (this.peekDelim('/') ||
this.peekDelim('*') ||
this.peekDelim('+') ||
this.peekDelim('-') ||
this.peek(TokenType.Dashmatch) ||
this.peek(TokenType.Includes) ||
this.peek(TokenType.SubstringOperator) ||
this.peek(TokenType.PrefixOperator) ||
this.peek(TokenType.SuffixOperator) ||
this.peekDelim('=')) { // doesn't stick to the standard here
const node = this.createNode(NodeType.Operator);
this.consumeToken();
return this.finish(node);
}
else {
return null;
}
}
_parseUnaryOperator() {
if (!this.peekDelim('+') && !this.peekDelim('-')) {
return null;
}
const node = this.create(Node);
this.consumeToken();
return this.finish(node);
}
_parseCombinator() {
if (this.peekDelim('>')) {
const node = this.create(Node);
this.consumeToken();
const mark = this.mark();
if (!this.hasWhitespace() && this.acceptDelim('>')) {
if (!this.hasWhitespace() && this.acceptDelim('>')) {
node.type = NodeType.SelectorCombinatorShadowPiercingDescendant;
return this.finish(node);
}
this.restoreAtMark(mark);
}
node.type = NodeType.SelectorCombinatorParent;
return this.finish(node);
}
else if (this.peekDelim('+')) {
const node = this.create(Node);
this.consumeToken();
node.type = NodeType.SelectorCombinatorSibling;
return this.finish(node);
}
else if (this.peekDelim('~')) {
const node = this.create(Node);
this.consumeToken();
node.type = NodeType.SelectorCombinatorAllSiblings;
return this.finish(node);
}
else if (this.peekDelim('/')) {
const node = this.create(Node);
this.consumeToken();
const mark = this.mark();
if (!this.hasWhitespace() && this.acceptIdent('deep') && !this.hasWhitespace() && this.acceptDelim('/')) {
node.type = NodeType.SelectorCombinatorShadowPiercingDescendant;
return this.finish(node);
}
this.restoreAtMark(mark);
}
return null;
}
_parseSimpleSelector() {
// simple_selector
// : element_name [ HASH | class | attrib | pseudo ]* | [ HASH | class | attrib | pseudo ]+ ;
const node = this.create(SimpleSelector);
let c = 0;
if (node.addChild(this._parseElementName() || this._parseNestingSelector())) {
c++;
}
while ((c === 0 || !this.hasWhitespace()) && node.addChild(this._parseSimpleSelectorBody())) {
c++;
}
return c > 0 ? this.finish(node) : null;
}
_parseNestingSelector() {
if (this.peekDelim('&')) {
const node = this.createNode(NodeType.SelectorCombinator);
this.consumeToken();
return this.finish(node);
}
return null;
}
_parseSimpleSelectorBody() {
return this._parsePseudo() || this._parseHash() || this._parseClass() || this._parseAttrib();
}
_parseSelectorIdent() {
return this._parseIdent();
}
_parseHash() {
if (!this.peek(TokenType.Hash) && !this.peekDelim('#')) {
return null;
}
const node = this.createNode(NodeType.IdentifierSelector);
if (this.acceptDelim('#')) {
if (this.hasWhitespace() || !node.addChild(this._parseSelectorIdent())) {
return this.finish(node, ParseError.IdentifierExpected);
}
}
else {
this.consumeToken(); // TokenType.Hash
}
return this.finish(node);
}
_parseClass() {
// class: '.' IDENT ;
if (!this.peekDelim('.')) {
return null;
}
const node = this.createNode(NodeType.ClassSelector);
this.consumeToken(); // '.'
if (this.hasWhitespace() || !node.addChild(this._parseSelectorIdent())) {
return this.finish(node, ParseError.IdentifierExpected);
}
return this.finish(node);
}
_parseElementName() {
// element_name: (ns? '|')? IDENT | '*';
const pos = this.mark();
const node = this.createNode(NodeType.ElementNameSelector);
node.addChild(this._parseNamespacePrefix());
if (!node.addChild(this._parseSelectorIdent()) && !this.acceptDelim('*')) {
this.restoreAtMark(pos);
return null;
}
return this.finish(node);
}
_parseNamespacePrefix() {
const pos = this.mark();
const node = this.createNode(NodeType.NamespacePrefix);
if (!node.addChild(this._parseIdent()) && !this.acceptDelim('*')) {
// ns is optional
}
if (!this.acceptDelim('|')) {
this.restoreAtMark(pos);
return null;
}
return this.finish(node);
}
_parseAttrib() {
// attrib : '[' S* IDENT S* [ [ '=' | INCLUDES | DASHMATCH ] S* [ IDENT | STRING ] S* ]? ']'
if (!this.peek(TokenType.BracketL)) {
return null;
}
const node = this.create(AttributeSelector);
this.consumeToken(); // BracketL
// Optional attrib namespace
node.setNamespacePrefix(this._parseNamespacePrefix());
if (!node.setIdentifier(this._parseIdent())) {
return this.finish(node, ParseError.IdentifierExpected);
}
if (node.setOperator(this._parseOperator())) {
node.setValue(this._parseBinaryExpr());
this.acceptIdent('i'); // case insensitive matching
this.acceptIdent('s'); // case sensitive matching
}
if (!this.accept(TokenType.BracketR)) {
return this.finish(node, ParseError.RightSquareBracketExpected);
}
return this.finish(node);
}
_parsePseudo() {
// pseudo: ':' [ IDENT | FUNCTION S* [IDENT S*]? ')' ]
const node = this._tryParsePseudoIdentifier();
if (node) {
if (!this.hasWhitespace() && this.accept(TokenType.ParenthesisL)) {
const tryAsSelector = () => {
const selectors = this.create(Node);
if (!selectors.addChild(this._parseSelector(true))) {
return null;
}
while (this.accept(TokenType.Comma) && selectors.addChild(this._parseSelector(true))) {
// loop
}
if (this.peek(TokenType.ParenthesisR)) {
return this.finish(selectors);
}
return null;
};
node.addChild(this.try(tryAsSelector) || this._parseBinaryExpr());
if (!this.accept(TokenType.ParenthesisR)) {
return this.finish(node, ParseError.RightParenthesisExpected);
}
}
return this.finish(node);
}
return null;
}
_tryParsePseudoIdentifier() {
if (!this.peek(TokenType.Colon)) {
return null;
}
const pos = this.mark();
const node = this.createNode(NodeType.PseudoSelector);
this.consumeToken(); // Colon
if (this.hasWhitespace()) {
this.restoreAtMark(pos);
return null;
}
// optional, support ::
this.accept(TokenType.Colon);
if (this.hasWhitespace() || !node.addChild(this._parseIdent())) {
return this.finish(node, ParseError.IdentifierExpected);
}
return this.finish(node);
}
_tryParsePrio() {
const mark = this.mark();
const prio = this._parsePrio();
if (prio) {
return prio;
}
this.restoreAtMark(mark);
return null;
}
_parsePrio() {
if (!this.peek(TokenType.Exclamation)) {
return null;
}
const node = this.createNode(NodeType.Prio);
if (this.accept(TokenType.Exclamation) && this.acceptIdent('important')) {
return this.finish(node);
}
return null;
}
_parseExpr(stopOnComma = false) {
const node = this.create(Expression);
if (!node.addChild(this._parseBinaryExpr())) {
return null;
}
while (true) {
if (this.peek(TokenType.Comma)) { // optional
if (stopOnComma) {
return this.finish(node);
}
this.consumeToken();
}
if (!node.addChild(this._parseBinaryExpr())) {
break;
}
}
return this.finish(node);
}
_parseUnicodeRange() {
if (!this.peekIdent('u')) {
return null;
}
const node = this.create(UnicodeRange);
if (!this.acceptUnicodeRange()) {
return null;
}
return this.finish(node);
}
_parseNamedLine() {
// https://www.w3.org/TR/css-grid-1/#named-lines
if (!this.peek(TokenType.BracketL)) {
return null;
}
const node = this.createNode(NodeType.GridLine);
this.consumeToken();
while (node.addChild(this._parseIdent())) {
// repeat
}
if (!this.accept(TokenType.BracketR)) {
return this.finish(node, ParseError.RightSquareBracketExpected);
}
return this.finish(node);
}
_parseBinaryExpr(preparsedLeft, preparsedOper) {
let node = this.create(BinaryExpression);
if (!node.setLeft((preparsedLeft || this._parseTerm()))) {
return null;
}
if (!node.setOperator(preparsedOper || this._parseOperator())) {
return this.finish(node);
}
if (!node.setRight(this._parseTerm())) {
return this.finish(node, ParseError.TermExpected);
}
// things needed for multiple binary expressions
node = this.finish(node);
const operator = this._parseOperator();
if (operator) {
node = this._parseBinaryExpr(node, operator);
}
return this.finish(node);
}
_parseTerm() {
let node = this.create(Term);
node.setOperator(this._parseUnaryOperator()); // optional
if (node.setExpression(this._parseTermExpression())) {
return this.finish(node);
}
return null;
}
_parseTermExpression() {
return this._parseURILiteral() || // url before function
this._parseUnicodeRange() ||
this._parseFunction() || // function before ident
this._parseIdent() ||
this._parseStringLiteral() ||
this._parseNumeric() ||
this._parseHexColor() ||
this._parseOperation() ||
this._parseNamedLine();
}
_parseOperation() {
if (!this.peek(TokenType.ParenthesisL)) {
return null;
}
const node = this.create(Node);
this.consumeToken(); // ParenthesisL
node.addChild(this._parseExpr());
if (!this.accept(TokenType.ParenthesisR)) {
return this.finish(node, ParseError.RightParenthesisExpected);
}
return this.finish(node);
}
_parseNumeric() {
if (this.peek(TokenType.Num) ||
this.peek(TokenType.Percentage) ||
this.peek(TokenType.Resolution) ||
this.peek(TokenType.Length) ||
this.peek(TokenType.EMS) ||
this.peek(TokenType.EXS) ||
this.peek(TokenType.Angle) ||
this.peek(TokenType.Time) ||
this.peek(TokenType.Dimension) ||
this.peek(TokenType.Freq)) {
const node = this.create(NumericValue);
this.consumeToken();
return this.finish(node);
}
return null;
}
_parseStringLiteral() {
if (!this.peek(TokenType.String) && !this.peek(TokenType.BadString)) {
return null;
}
const node = this.createNode(NodeType.StringLiteral);
this.consumeToken();
return this.finish(node);
}
_parseURILiteral() {
if (!this.peekRegExp(TokenType.Ident, /^url(-prefix)?$/i)) {
return null;
}
const pos = this.mark();
const node = this.createNode(NodeType.URILiteral);
this.accept(TokenType.Ident);
if (this.hasWhitespace() || !this.peek(TokenType.ParenthesisL)) {
this.restoreAtMark(pos);
return null;
}
this.scanner.inURL = true;
this.consumeToken(); // consume ()
node.addChild(this._parseURLArgument()); // argument is optional
this.scanner.inURL = false;
if (!this.accept(TokenType.ParenthesisR)) {
return this.finish(node, ParseError.RightParenthesisExpected);
}
return this.finish(node);
}
_parseURLArgument() {
const node = this.create(Node);
if (!this.accept(TokenType.String) && !this.accept(TokenType.BadString) && !this.acceptUnquotedString()) {
return null;
}
return this.finish(node);
}
_parseIdent(referenceTypes) {
if (!this.peek(TokenType.Ident)) {
return null;
}
const node = this.create(Identifier);
if (referenceTypes) {
node.referenceTypes = referenceTypes;
}
node.isCustomProperty = this.peekRegExp(TokenType.Ident, /^--/);
this.consumeToken();
return this.finish(node);
}
_parseFunction() {
const pos = this.mark();
const node = this.create(css_service_Function);
if (!node.setIdentifier(this._parseFunctionIdentifier())) {
return null;
}
if (this.hasWhitespace() || !this.accept(TokenType.ParenthesisL)) {
this.restoreAtMark(pos);
return null;
}
if (node.getArguments().addChild(this._parseFunctionArgument())) {
while (this.accept(TokenType.Comma)) {
if (this.peek(TokenType.ParenthesisR)) {
break;
}
if (!node.getArguments().addChild(this._parseFunctionArgument())) {
this.markError(node, ParseError.ExpressionExpected);
}
}
}
if (!this.accept(TokenType.ParenthesisR)) {
return this.finish(node, ParseError.RightParenthesisExpected);
}
return this.finish(node);
}
_parseFunctionIdentifier() {
if (!this.peek(TokenType.Ident)) {
return null;
}
const node = this.create(Identifier);
node.referenceTypes = [ReferenceType.Function];
if (this.acceptIdent('progid')) {
// support for IE7 specific filters: 'progid:DXImageTransform.Microsoft.MotionBlur(strength=13, direction=310)'
if (this.accept(TokenType.Colon)) {
while (this.accept(TokenType.Ident) && this.acceptDelim('.')) {
// loop
}
}
return this.finish(node);
}
this.consumeToken();
return this.finish(node);
}
_parseFunctionArgument() {
const node = this.create(FunctionArgument);
if (node.setValue(this._parseExpr(true))) {
return this.finish(node);
}
return null;
}
_parseHexColor() {
if (this.peekRegExp(TokenType.Hash, /^#([A-Fa-f0-9]{3}|[A-Fa-f0-9]{4}|[A-Fa-f0-9]{6}|[A-Fa-f0-9]{8})$/g)) {
const node = this.create(HexColorValue);
this.consumeToken();
return this.finish(node);
}
else {
return null;
}
}
}
;// CONCATENATED MODULE: ../../node_modules/vscode-css-languageservice/lib/esm/utils/arrays.js
/*---------------------------------------------------------------------------------------------
* Copyright (c) Microsoft Corporation. All rights reserved.
* Licensed under the MIT License. See License.txt in the project root for license information.
*--------------------------------------------------------------------------------------------*/
/**
* Takes a sorted array and a function p. The array is sorted in such a way that all elements where p(x) is false
* are located before all elements where p(x) is true.
* @returns the least x for which p(x) is true or array.length if no element fullfills the given function.
*/
function findFirst(array, p) {
let low = 0, high = array.length;
if (high === 0) {
return 0; // no children
}
while (low < high) {
let mid = Math.floor((low + high) / 2);
if (p(array[mid])) {
high = mid;
}
else {
low = mid + 1;
}
}
return low;
}
function includes(array, item) {
return array.indexOf(item) !== -1;
}
function union(...arrays) {
const result = [];
for (const array of arrays) {
for (const item of array) {
if (!includes(result, item)) {
result.push(item);
}
}
}
return result;
}
;// CONCATENATED MODULE: ../../node_modules/vscode-css-languageservice/lib/esm/parser/cssSymbolScope.js
/*---------------------------------------------------------------------------------------------
* Copyright (c) Microsoft Corporation. All rights reserved.
* Licensed under the MIT License. See License.txt in the project root for license information.
*--------------------------------------------------------------------------------------------*/
class Scope {
constructor(offset, length) {
this.offset = offset;
this.length = length;
this.symbols = [];
this.parent = null;
this.children = [];
}
addChild(scope) {
this.children.push(scope);
scope.setParent(this);
}
setParent(scope) {
this.parent = scope;
}
findScope(offset, length = 0) {
if (this.offset <= offset && this.offset + this.length > offset + length || this.offset === offset && this.length === length) {
return this.findInScope(offset, length);
}
return null;
}
findInScope(offset, length = 0) {
// find the first scope child that has an offset larger than offset + length
const end = offset + length;
const idx = findFirst(this.children, s => s.offset > end);
if (idx === 0) {
// all scopes have offsets larger than our end
return this;
}
const res = this.children[idx - 1];
if (res.offset <= offset && res.offset + res.length >= offset + length) {
return res.findInScope(offset, length);
}
return this;
}
addSymbol(symbol) {
this.symbols.push(symbol);
}
getSymbol(name, type) {
for (let index = 0; index < this.symbols.length; index++) {
const symbol = this.symbols[index];
if (symbol.name === name && symbol.type === type) {
return symbol;
}
}
return null;
}
getSymbols() {
return this.symbols;
}
}
class GlobalScope extends Scope {
constructor() {
super(0, Number.MAX_VALUE);
}
}
class cssSymbolScope_Symbol {
constructor(name, value, node, type) {
this.name = name;
this.value = value;
this.node = node;
this.type = type;
}
}
class ScopeBuilder {
constructor(scope) {
this.scope = scope;
}
addSymbol(node, name, value, type) {
if (node.offset !== -1) {
const current = this.scope.findScope(node.offset, node.length);
if (current) {
current.addSymbol(new cssSymbolScope_Symbol(name, value, node, type));
}
}
}
addScope(node) {
if (node.offset !== -1) {
const current = this.scope.findScope(node.offset, node.length);
if (current && (current.offset !== node.offset || current.length !== node.length)) { // scope already known?
const newScope = new Scope(node.offset, node.length);
current.addChild(newScope);
return newScope;
}
return current;
}
return null;
}
addSymbolToChildScope(scopeNode, node, name, value, type) {
if (scopeNode && scopeNode.offset !== -1) {
const current = this.addScope(scopeNode); // create the scope or gets the existing one
if (current) {
current.addSymbol(new cssSymbolScope_Symbol(name, value, node, type));
}
}
}
visitNode(node) {
switch (node.type) {
case NodeType.Keyframe:
this.addSymbol(node, node.getName(), void 0, ReferenceType.Keyframe);
return true;
case NodeType.CustomPropertyDeclaration:
return this.visitCustomPropertyDeclarationNode(node);
case NodeType.VariableDeclaration:
return this.visitVariableDeclarationNode(node);
case NodeType.Ruleset:
return this.visitRuleSet(node);
case NodeType.MixinDeclaration:
this.addSymbol(node, node.getName(), void 0, ReferenceType.Mixin);
return true;
case NodeType.FunctionDeclaration:
this.addSymbol(node, node.getName(), void 0, ReferenceType.Function);
return true;
case NodeType.FunctionParameter: {
return this.visitFunctionParameterNode(node);
}
case NodeType.Declarations:
this.addScope(node);
return true;
case NodeType.For:
const forNode = node;
const scopeNode = forNode.getDeclarations();
if (scopeNode && forNode.variable) {
this.addSymbolToChildScope(scopeNode, forNode.variable, forNode.variable.getName(), void 0, ReferenceType.Variable);
}
return true;
case NodeType.Each: {
const eachNode = node;
const scopeNode = eachNode.getDeclarations();
if (scopeNode) {
const variables = eachNode.getVariables().getChildren();
for (const variable of variables) {
this.addSymbolToChildScope(scopeNode, variable, variable.getName(), void 0, ReferenceType.Variable);
}
}
return true;
}
}
return true;
}
visitRuleSet(node) {
const current = this.scope.findScope(node.offset, node.length);
if (current) {
for (const child of node.getSelectors().getChildren()) {
if (child instanceof Selector) {
if (child.getChildren().length === 1) { // only selectors with a single element can be extended
current.addSymbol(new cssSymbolScope_Symbol(child.getChild(0).getText(), void 0, child, ReferenceType.Rule));
}
}
}
}
return true;
}
visitVariableDeclarationNode(node) {
const value = node.getValue() ? node.getValue().getText() : void 0;
this.addSymbol(node, node.getName(), value, ReferenceType.Variable);
return true;
}
visitFunctionParameterNode(node) {
// parameters are part of the body scope
const scopeNode = node.getParent().getDeclarations();
if (scopeNode) {
const valueNode = node.getDefaultValue();
const value = valueNode ? valueNode.getText() : void 0;
this.addSymbolToChildScope(scopeNode, node, node.getName(), value, ReferenceType.Variable);
}
return true;
}
visitCustomPropertyDeclarationNode(node) {
const value = node.getValue() ? node.getValue().getText() : '';
this.addCSSVariable(node.getProperty(), node.getProperty().getName(), value, ReferenceType.Variable);
return true;
}
addCSSVariable(node, name, value, type) {
if (node.offset !== -1) {
this.scope.addSymbol(new cssSymbolScope_Symbol(name, value, node, type));
}
}
}
class Symbols {
constructor(node) {
this.global = new GlobalScope();
node.acceptVisitor(new ScopeBuilder(this.global));
}
findSymbolsAtOffset(offset, referenceType) {
let scope = this.global.findScope(offset, 0);
const result = [];
const names = {};
while (scope) {
const symbols = scope.getSymbols();
for (let i = 0; i < symbols.length; i++) {
const symbol = symbols[i];
if (symbol.type === referenceType && !names[symbol.name]) {
result.push(symbol);
names[symbol.name] = true;
}
}
scope = scope.parent;
}
return result;
}
internalFindSymbol(node, referenceTypes) {
let scopeNode = node;
if (node.parent instanceof FunctionParameter && node.parent.getParent() instanceof BodyDeclaration) {
scopeNode = node.parent.getParent().getDeclarations();
}
if (node.parent instanceof FunctionArgument && node.parent.getParent() instanceof css_service_Function) {
const funcId = node.parent.getParent().getIdentifier();
if (funcId) {
const functionSymbol = this.internalFindSymbol(funcId, [ReferenceType.Function]);
if (functionSymbol) {
scopeNode = functionSymbol.node.getDeclarations();
}
}
}
if (!scopeNode) {
return null;
}
const name = node.getText();
let scope = this.global.findScope(scopeNode.offset, scopeNode.length);
while (scope) {
for (let index = 0; index < referenceTypes.length; index++) {
const type = referenceTypes[index];
const symbol = scope.getSymbol(name, type);
if (symbol) {
return symbol;
}
}
scope = scope.parent;
}
return null;
}
evaluateReferenceTypes(node) {
if (node instanceof Identifier) {
const referenceTypes = node.referenceTypes;
if (referenceTypes) {
return referenceTypes;
}
else {
if (node.isCustomProperty) {
return [ReferenceType.Variable];
}
// are a reference to a keyframe?
const decl = getParentDeclaration(node);
if (decl) {
const propertyName = decl.getNonPrefixedPropertyName();
if ((propertyName === 'animation' || propertyName === 'animation-name')
&& decl.getValue() && decl.getValue().offset === node.offset) {
return [ReferenceType.Keyframe];
}
}
}
}
else if (node instanceof Variable) {
return [ReferenceType.Variable];
}
const selector = node.findAParent(NodeType.Selector, NodeType.ExtendsReference);
if (selector) {
return [ReferenceType.Rule];
}
return null;
}
findSymbolFromNode(node) {
if (!node) {
return null;
}
while (node.type === NodeType.Interpolation) {
node = node.getParent();
}
const referenceTypes = this.evaluateReferenceTypes(node);
if (referenceTypes) {
return this.internalFindSymbol(node, referenceTypes);
}
return null;
}
matchesSymbol(node, symbol) {
if (!node) {
return false;
}
while (node.type === NodeType.Interpolation) {
node = node.getParent();
}
if (!node.matches(symbol.name)) {
return false;
}
const referenceTypes = this.evaluateReferenceTypes(node);
if (!referenceTypes || referenceTypes.indexOf(symbol.type) === -1) {
return false;
}
const nodeSymbol = this.internalFindSymbol(node, referenceTypes);
return nodeSymbol === symbol;
}
findSymbol(name, type, offset) {
let scope = this.global.findScope(offset);
while (scope) {
const symbol = scope.getSymbol(name, type);
if (symbol) {
return symbol;
}
scope = scope.parent;
}
return null;
}
}
;// CONCATENATED MODULE: ../../node_modules/vscode-uri/lib/esm/index.mjs
/* provided dependency */ var process = __webpack_require__(9907);
var LIB;(()=>{"use strict";var t={470:t=>{function e(t){if("string"!=typeof t)throw new TypeError("Path must be a string. Received "+JSON.stringify(t))}function r(t,e){for(var r,n="",i=0,o=-1,s=0,h=0;h<=t.length;++h){if(h<t.length)r=t.charCodeAt(h);else{if(47===r)break;r=47}if(47===r){if(o===h-1||1===s);else if(o!==h-1&&2===s){if(n.length<2||2!==i||46!==n.charCodeAt(n.length-1)||46!==n.charCodeAt(n.length-2))if(n.length>2){var a=n.lastIndexOf("/");if(a!==n.length-1){-1===a?(n="",i=0):i=(n=n.slice(0,a)).length-1-n.lastIndexOf("/"),o=h,s=0;continue}}else if(2===n.length||1===n.length){n="",i=0,o=h,s=0;continue}e&&(n.length>0?n+="/..":n="..",i=2)}else n.length>0?n+="/"+t.slice(o+1,h):n=t.slice(o+1,h),i=h-o-1;o=h,s=0}else 46===r&&-1!==s?++s:s=-1}return n}var n={resolve:function(){for(var t,n="",i=!1,o=arguments.length-1;o>=-1&&!i;o--){var s;o>=0?s=arguments[o]:(void 0===t&&(t=process.cwd()),s=t),e(s),0!==s.length&&(n=s+"/"+n,i=47===s.charCodeAt(0))}return n=r(n,!i),i?n.length>0?"/"+n:"/":n.length>0?n:"."},normalize:function(t){if(e(t),0===t.length)return".";var n=47===t.charCodeAt(0),i=47===t.charCodeAt(t.length-1);return 0!==(t=r(t,!n)).length||n||(t="."),t.length>0&&i&&(t+="/"),n?"/"+t:t},isAbsolute:function(t){return e(t),t.length>0&&47===t.charCodeAt(0)},join:function(){if(0===arguments.length)return".";for(var t,r=0;r<arguments.length;++r){var i=arguments[r];e(i),i.length>0&&(void 0===t?t=i:t+="/"+i)}return void 0===t?".":n.normalize(t)},relative:function(t,r){if(e(t),e(r),t===r)return"";if((t=n.resolve(t))===(r=n.resolve(r)))return"";for(var i=1;i<t.length&&47===t.charCodeAt(i);++i);for(var o=t.length,s=o-i,h=1;h<r.length&&47===r.charCodeAt(h);++h);for(var a=r.length-h,c=s<a?s:a,f=-1,u=0;u<=c;++u){if(u===c){if(a>c){if(47===r.charCodeAt(h+u))return r.slice(h+u+1);if(0===u)return r.slice(h+u)}else s>c&&(47===t.charCodeAt(i+u)?f=u:0===u&&(f=0));break}var l=t.charCodeAt(i+u);if(l!==r.charCodeAt(h+u))break;47===l&&(f=u)}var g="";for(u=i+f+1;u<=o;++u)u!==o&&47!==t.charCodeAt(u)||(0===g.length?g+="..":g+="/..");return g.length>0?g+r.slice(h+f):(h+=f,47===r.charCodeAt(h)&&++h,r.slice(h))},_makeLong:function(t){return t},dirname:function(t){if(e(t),0===t.length)return".";for(var r=t.charCodeAt(0),n=47===r,i=-1,o=!0,s=t.length-1;s>=1;--s)if(47===(r=t.charCodeAt(s))){if(!o){i=s;break}}else o=!1;return-1===i?n?"/":".":n&&1===i?"//":t.slice(0,i)},basename:function(t,r){if(void 0!==r&&"string"!=typeof r)throw new TypeError('"ext" argument must be a string');e(t);var n,i=0,o=-1,s=!0;if(void 0!==r&&r.length>0&&r.length<=t.length){if(r.length===t.length&&r===t)return"";var h=r.length-1,a=-1;for(n=t.length-1;n>=0;--n){var c=t.charCodeAt(n);if(47===c){if(!s){i=n+1;break}}else-1===a&&(s=!1,a=n+1),h>=0&&(c===r.charCodeAt(h)?-1==--h&&(o=n):(h=-1,o=a))}return i===o?o=a:-1===o&&(o=t.length),t.slice(i,o)}for(n=t.length-1;n>=0;--n)if(47===t.charCodeAt(n)){if(!s){i=n+1;break}}else-1===o&&(s=!1,o=n+1);return-1===o?"":t.slice(i,o)},extname:function(t){e(t);for(var r=-1,n=0,i=-1,o=!0,s=0,h=t.length-1;h>=0;--h){var a=t.charCodeAt(h);if(47!==a)-1===i&&(o=!1,i=h+1),46===a?-1===r?r=h:1!==s&&(s=1):-1!==r&&(s=-1);else if(!o){n=h+1;break}}return-1===r||-1===i||0===s||1===s&&r===i-1&&r===n+1?"":t.slice(r,i)},format:function(t){if(null===t||"object"!=typeof t)throw new TypeError('The "pathObject" argument must be of type Object. Received type '+typeof t);return function(t,e){var r=e.dir||e.root,n=e.base||(e.name||"")+(e.ext||"");return r?r===e.root?r+n:r+"/"+n:n}(0,t)},parse:function(t){e(t);var r={root:"",dir:"",base:"",ext:"",name:""};if(0===t.length)return r;var n,i=t.charCodeAt(0),o=47===i;o?(r.root="/",n=1):n=0;for(var s=-1,h=0,a=-1,c=!0,f=t.length-1,u=0;f>=n;--f)if(47!==(i=t.charCodeAt(f)))-1===a&&(c=!1,a=f+1),46===i?-1===s?s=f:1!==u&&(u=1):-1!==s&&(u=-1);else if(!c){h=f+1;break}return-1===s||-1===a||0===u||1===u&&s===a-1&&s===h+1?-1!==a&&(r.base=r.name=0===h&&o?t.slice(1,a):t.slice(h,a)):(0===h&&o?(r.name=t.slice(1,s),r.base=t.slice(1,a)):(r.name=t.slice(h,s),r.base=t.slice(h,a)),r.ext=t.slice(s,a)),h>0?r.dir=t.slice(0,h-1):o&&(r.dir="/"),r},sep:"/",delimiter:":",win32:null,posix:null};n.posix=n,t.exports=n}},e={};function r(n){var i=e[n];if(void 0!==i)return i.exports;var o=e[n]={exports:{}};return t[n](o,o.exports,r),o.exports}r.d=(t,e)=>{for(var n in e)r.o(e,n)&&!r.o(t,n)&&Object.defineProperty(t,n,{enumerable:!0,get:e[n]})},r.o=(t,e)=>Object.prototype.hasOwnProperty.call(t,e),r.r=t=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(t,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(t,"__esModule",{value:!0})};var n={};(()=>{let t;if(r.r(n),r.d(n,{URI:()=>f,Utils:()=>P}),"object"==typeof process)t="win32"===process.platform;else if("object"==typeof navigator){let e=navigator.userAgent;t=e.indexOf("Windows")>=0}const e=/^\w[\w\d+.-]*$/,i=/^\//,o=/^\/\//;function s(t,r){if(!t.scheme&&r)throw new Error(`[UriError]: Scheme is missing: {scheme: "", authority: "${t.authority}", path: "${t.path}", query: "${t.query}", fragment: "${t.fragment}"}`);if(t.scheme&&!e.test(t.scheme))throw new Error("[UriError]: Scheme contains illegal characters.");if(t.path)if(t.authority){if(!i.test(t.path))throw new Error('[UriError]: If a URI contains an authority component, then the path component must either be empty or begin with a slash ("/") character')}else if(o.test(t.path))throw new Error('[UriError]: If a URI does not contain an authority component, then the path cannot begin with two slash characters ("//")')}const h="",a="/",c=/^(([^:/?#]+?):)?(\/\/([^/?#]*))?([^?#]*)(\?([^#]*))?(#(.*))?/;class f{static isUri(t){return t instanceof f||!!t&&"string"==typeof t.authority&&"string"==typeof t.fragment&&"string"==typeof t.path&&"string"==typeof t.query&&"string"==typeof t.scheme&&"string"==typeof t.fsPath&&"function"==typeof t.with&&"function"==typeof t.toString}scheme;authority;path;query;fragment;constructor(t,e,r,n,i,o=!1){"object"==typeof t?(this.scheme=t.scheme||h,this.authority=t.authority||h,this.path=t.path||h,this.query=t.query||h,this.fragment=t.fragment||h):(this.scheme=function(t,e){return t||e?t:"file"}(t,o),this.authority=e||h,this.path=function(t,e){switch(t){case"https":case"http":case"file":e?e[0]!==a&&(e=a+e):e=a}return e}(this.scheme,r||h),this.query=n||h,this.fragment=i||h,s(this,o))}get fsPath(){return m(this,!1)}with(t){if(!t)return this;let{scheme:e,authority:r,path:n,query:i,fragment:o}=t;return void 0===e?e=this.scheme:null===e&&(e=h),void 0===r?r=this.authority:null===r&&(r=h),void 0===n?n=this.path:null===n&&(n=h),void 0===i?i=this.query:null===i&&(i=h),void 0===o?o=this.fragment:null===o&&(o=h),e===this.scheme&&r===this.authority&&n===this.path&&i===this.query&&o===this.fragment?this:new l(e,r,n,i,o)}static parse(t,e=!1){const r=c.exec(t);return r?new l(r[2]||h,C(r[4]||h),C(r[5]||h),C(r[7]||h),C(r[9]||h),e):new l(h,h,h,h,h)}static file(e){let r=h;if(t&&(e=e.replace(/\\/g,a)),e[0]===a&&e[1]===a){const t=e.indexOf(a,2);-1===t?(r=e.substring(2),e=a):(r=e.substring(2,t),e=e.substring(t)||a)}return new l("file",r,e,h,h)}static from(t){const e=new l(t.scheme,t.authority,t.path,t.query,t.fragment);return s(e,!0),e}toString(t=!1){return y(this,t)}toJSON(){return this}static revive(t){if(t){if(t instanceof f)return t;{const e=new l(t);return e._formatted=t.external,e._fsPath=t._sep===u?t.fsPath:null,e}}return t}}const u=t?1:void 0;class l extends f{_formatted=null;_fsPath=null;get fsPath(){return this._fsPath||(this._fsPath=m(this,!1)),this._fsPath}toString(t=!1){return t?y(this,!0):(this._formatted||(this._formatted=y(this,!1)),this._formatted)}toJSON(){const t={$mid:1};return this._fsPath&&(t.fsPath=this._fsPath,t._sep=u),this._formatted&&(t.external=this._formatted),this.path&&(t.path=this.path),this.scheme&&(t.scheme=this.scheme),this.authority&&(t.authority=this.authority),this.query&&(t.query=this.query),this.fragment&&(t.fragment=this.fragment),t}}const g={58:"%3A",47:"%2F",63:"%3F",35:"%23",91:"%5B",93:"%5D",64:"%40",33:"%21",36:"%24",38:"%26",39:"%27",40:"%28",41:"%29",42:"%2A",43:"%2B",44:"%2C",59:"%3B",61:"%3D",32:"%20"};function d(t,e,r){let n,i=-1;for(let o=0;o<t.length;o++){const s=t.charCodeAt(o);if(s>=97&&s<=122||s>=65&&s<=90||s>=48&&s<=57||45===s||46===s||95===s||126===s||e&&47===s||r&&91===s||r&&93===s||r&&58===s)-1!==i&&(n+=encodeURIComponent(t.substring(i,o)),i=-1),void 0!==n&&(n+=t.charAt(o));else{void 0===n&&(n=t.substr(0,o));const e=g[s];void 0!==e?(-1!==i&&(n+=encodeURIComponent(t.substring(i,o)),i=-1),n+=e):-1===i&&(i=o)}}return-1!==i&&(n+=encodeURIComponent(t.substring(i))),void 0!==n?n:t}function p(t){let e;for(let r=0;r<t.length;r++){const n=t.charCodeAt(r);35===n||63===n?(void 0===e&&(e=t.substr(0,r)),e+=g[n]):void 0!==e&&(e+=t[r])}return void 0!==e?e:t}function m(e,r){let n;return n=e.authority&&e.path.length>1&&"file"===e.scheme?`//${e.authority}${e.path}`:47===e.path.charCodeAt(0)&&(e.path.charCodeAt(1)>=65&&e.path.charCodeAt(1)<=90||e.path.charCodeAt(1)>=97&&e.path.charCodeAt(1)<=122)&&58===e.path.charCodeAt(2)?r?e.path.substr(1):e.path[1].toLowerCase()+e.path.substr(2):e.path,t&&(n=n.replace(/\//g,"\\")),n}function y(t,e){const r=e?p:d;let n="",{scheme:i,authority:o,path:s,query:h,fragment:c}=t;if(i&&(n+=i,n+=":"),(o||"file"===i)&&(n+=a,n+=a),o){let t=o.indexOf("@");if(-1!==t){const e=o.substr(0,t);o=o.substr(t+1),t=e.lastIndexOf(":"),-1===t?n+=r(e,!1,!1):(n+=r(e.substr(0,t),!1,!1),n+=":",n+=r(e.substr(t+1),!1,!0)),n+="@"}o=o.toLowerCase(),t=o.lastIndexOf(":"),-1===t?n+=r(o,!1,!0):(n+=r(o.substr(0,t),!1,!0),n+=o.substr(t))}if(s){if(s.length>=3&&47===s.charCodeAt(0)&&58===s.charCodeAt(2)){const t=s.charCodeAt(1);t>=65&&t<=90&&(s=`/${String.fromCharCode(t+32)}:${s.substr(3)}`)}else if(s.length>=2&&58===s.charCodeAt(1)){const t=s.charCodeAt(0);t>=65&&t<=90&&(s=`${String.fromCharCode(t+32)}:${s.substr(2)}`)}n+=r(s,!0,!1)}return h&&(n+="?",n+=r(h,!1,!1)),c&&(n+="#",n+=e?c:d(c,!1,!1)),n}function v(t){try{return decodeURIComponent(t)}catch{return t.length>3?t.substr(0,3)+v(t.substr(3)):t}}const b=/(%[0-9A-Za-z][0-9A-Za-z])+/g;function C(t){return t.match(b)?t.replace(b,(t=>v(t))):t}var A=r(470);const w=A.posix||A,x="/";var P;!function(t){t.joinPath=function(t,...e){return t.with({path:w.join(t.path,...e)})},t.resolvePath=function(t,...e){let r=t.path,n=!1;r[0]!==x&&(r=x+r,n=!0);let i=w.resolve(r,...e);return n&&i[0]===x&&!t.authority&&(i=i.substring(1)),t.with({path:i})},t.dirname=function(t){if(0===t.path.length||t.path===x)return t;let e=w.dirname(t.path);return 1===e.length&&46===e.charCodeAt(0)&&(e=""),t.with({path:e})},t.basename=function(t){return w.basename(t.path)},t.extname=function(t){return w.extname(t.path)}}(P||(P={}))})(),LIB=n})();const{URI: css_service_URI,Utils}=LIB;
//# sourceMappingURL=index.mjs.map
;// CONCATENATED MODULE: ../../node_modules/vscode-css-languageservice/lib/esm/utils/resources.js
/*---------------------------------------------------------------------------------------------
* Copyright (c) Microsoft Corporation. All rights reserved.
* Licensed under the MIT License. See License.txt in the project root for license information.
*--------------------------------------------------------------------------------------------*/
function dirname(uriString) {
return Utils.dirname(css_service_URI.parse(uriString)).toString(true);
}
function joinPath(uriString, ...paths) {
return Utils.joinPath(css_service_URI.parse(uriString), ...paths).toString(true);
}
;// CONCATENATED MODULE: ../../node_modules/vscode-css-languageservice/lib/esm/services/pathCompletion.js
/*---------------------------------------------------------------------------------------------
* Copyright (c) Microsoft Corporation. All rights reserved.
* Licensed under the MIT License. See License.txt in the project root for license information.
*--------------------------------------------------------------------------------------------*/
class PathCompletionParticipant {
constructor(readDirectory) {
this.readDirectory = readDirectory;
this.literalCompletions = [];
this.importCompletions = [];
}
onCssURILiteralValue(context) {
this.literalCompletions.push(context);
}
onCssImportPath(context) {
this.importCompletions.push(context);
}
async computeCompletions(document, documentContext) {
const result = { items: [], isIncomplete: false };
for (const literalCompletion of this.literalCompletions) {
const uriValue = literalCompletion.uriValue;
const fullValue = stripQuotes(uriValue);
if (fullValue === '.' || fullValue === '..') {
result.isIncomplete = true;
}
else {
const items = await this.providePathSuggestions(uriValue, literalCompletion.position, literalCompletion.range, document, documentContext);
for (let item of items) {
result.items.push(item);
}
}
}
for (const importCompletion of this.importCompletions) {
const pathValue = importCompletion.pathValue;
const fullValue = stripQuotes(pathValue);
if (fullValue === '.' || fullValue === '..') {
result.isIncomplete = true;
}
else {
let suggestions = await this.providePathSuggestions(pathValue, importCompletion.position, importCompletion.range, document, documentContext);
if (document.languageId === 'scss') {
suggestions.forEach(s => {
if (startsWith(s.label, '_') && endsWith(s.label, '.scss')) {
if (s.textEdit) {
s.textEdit.newText = s.label.slice(1, -5);
}
else {
s.label = s.label.slice(1, -5);
}
}
});
}
for (let item of suggestions) {
result.items.push(item);
}
}
}
return result;
}
async providePathSuggestions(pathValue, position, range, document, documentContext) {
const fullValue = stripQuotes(pathValue);
const isValueQuoted = startsWith(pathValue, `'`) || startsWith(pathValue, `"`);
const valueBeforeCursor = isValueQuoted
? fullValue.slice(0, position.character - (range.start.character + 1))
: fullValue.slice(0, position.character - range.start.character);
const currentDocUri = document.uri;
const fullValueRange = isValueQuoted ? shiftRange(range, 1, -1) : range;
const replaceRange = pathToReplaceRange(valueBeforeCursor, fullValue, fullValueRange);
const valueBeforeLastSlash = valueBeforeCursor.substring(0, valueBeforeCursor.lastIndexOf('/') + 1); // keep the last slash
let parentDir = documentContext.resolveReference(valueBeforeLastSlash || '.', currentDocUri);
if (parentDir) {
try {
const result = [];
const infos = await this.readDirectory(parentDir);
for (const [name, type] of infos) {
// Exclude paths that start with `.`
if (name.charCodeAt(0) !== CharCode_dot && (type === FileType.Directory || joinPath(parentDir, name) !== currentDocUri)) {
result.push(createCompletionItem(name, type === FileType.Directory, replaceRange));
}
}
return result;
}
catch (e) {
// ignore
}
}
return [];
}
}
const CharCode_dot = '.'.charCodeAt(0);
function stripQuotes(fullValue) {
if (startsWith(fullValue, `'`) || startsWith(fullValue, `"`)) {
return fullValue.slice(1, -1);
}
else {
return fullValue;
}
}
function pathToReplaceRange(valueBeforeCursor, fullValue, fullValueRange) {
let replaceRange;
const lastIndexOfSlash = valueBeforeCursor.lastIndexOf('/');
if (lastIndexOfSlash === -1) {
replaceRange = fullValueRange;
}
else {
// For cases where cursor is in the middle of attribute value, like <script src="./s|rc/test.js">
// Find the last slash before cursor, and calculate the start of replace range from there
const valueAfterLastSlash = fullValue.slice(lastIndexOfSlash + 1);
const startPos = shiftPosition(fullValueRange.end, -valueAfterLastSlash.length);
// If whitespace exists, replace until it
const whitespaceIndex = valueAfterLastSlash.indexOf(' ');
let endPos;
if (whitespaceIndex !== -1) {
endPos = shiftPosition(startPos, whitespaceIndex);
}
else {
endPos = fullValueRange.end;
}
replaceRange = main.Range.create(startPos, endPos);
}
return replaceRange;
}
function createCompletionItem(name, isDir, replaceRange) {
if (isDir) {
name = name + '/';
return {
label: escapePath(name),
kind: main.CompletionItemKind.Folder,
textEdit: main.TextEdit.replace(replaceRange, escapePath(name)),
command: {
title: 'Suggest',
command: 'editor.action.triggerSuggest'
}
};
}
else {
return {
label: escapePath(name),
kind: main.CompletionItemKind.File,
textEdit: main.TextEdit.replace(replaceRange, escapePath(name))
};
}
}
// Escape https://www.w3.org/TR/CSS1/#url
function escapePath(p) {
return p.replace(/(\s|\(|\)|,|"|')/g, '\\$1');
}
function shiftPosition(pos, offset) {
return main.Position.create(pos.line, pos.character + offset);
}
function shiftRange(range, startOffset, endOffset) {
const start = shiftPosition(range.start, startOffset);
const end = shiftPosition(range.end, endOffset);
return main.Range.create(start, end);
}
;// CONCATENATED MODULE: ../../node_modules/vscode-css-languageservice/lib/esm/services/cssCompletion.js
/*---------------------------------------------------------------------------------------------
* Copyright (c) Microsoft Corporation. All rights reserved.
* Licensed under the MIT License. See License.txt in the project root for license information.
*--------------------------------------------------------------------------------------------*/
const SnippetFormat = main.InsertTextFormat.Snippet;
const retriggerCommand = {
title: 'Suggest',
command: 'editor.action.triggerSuggest'
};
var SortTexts;
(function (SortTexts) {
// char code 32, comes before everything
SortTexts["Enums"] = " ";
SortTexts["Normal"] = "d";
SortTexts["VendorPrefixed"] = "x";
SortTexts["Term"] = "y";
SortTexts["Variable"] = "z";
})(SortTexts || (SortTexts = {}));
class CSSCompletion {
constructor(variablePrefix = null, lsOptions, cssDataManager) {
this.variablePrefix = variablePrefix;
this.lsOptions = lsOptions;
this.cssDataManager = cssDataManager;
this.completionParticipants = [];
}
configure(settings) {
this.defaultSettings = settings;
}
getSymbolContext() {
if (!this.symbolContext) {
this.symbolContext = new Symbols(this.styleSheet);
}
return this.symbolContext;
}
setCompletionParticipants(registeredCompletionParticipants) {
this.completionParticipants = registeredCompletionParticipants || [];
}
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 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,
itemDefaults: result.itemDefaults,
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);
this.defaultReplaceRange = main.Range.create(main.Position.create(this.position.line, this.position.character - this.currentWord.length), this.position);
this.textDocument = document;
this.styleSheet = styleSheet;
this.documentSettings = documentSettings;
try {
const result = {
isIncomplete: false,
itemDefaults: {
editRange: {
start: { line: position.line, character: position.character - this.currentWord.length },
end: position
}
},
items: []
};
this.nodePath = getNodePath(this.styleSheet, this.offset);
for (let i = this.nodePath.length - 1; i >= 0; i--) {
const node = this.nodePath[i];
if (node instanceof Property) {
this.getCompletionsForDeclarationProperty(node.getParent(), result);
}
else if (node instanceof Expression) {
if (node.parent instanceof Interpolation) {
this.getVariableProposals(null, result);
}
else {
this.getCompletionsForExpression(node, result);
}
}
else if (node instanceof SimpleSelector) {
const parentRef = node.findAParent(NodeType.ExtendsReference, NodeType.Ruleset);
if (parentRef) {
if (parentRef.type === NodeType.ExtendsReference) {
this.getCompletionsForExtendsReference(parentRef, node, result);
}
else {
const parentRuleSet = parentRef;
this.getCompletionsForSelector(parentRuleSet, parentRuleSet && parentRuleSet.isNested(), result);
}
}
}
else if (node instanceof FunctionArgument) {
this.getCompletionsForFunctionArgument(node, node.getParent(), result);
}
else if (node instanceof Declarations) {
this.getCompletionsForDeclarations(node, result);
}
else if (node instanceof VariableDeclaration) {
this.getCompletionsForVariableDeclaration(node, result);
}
else if (node instanceof RuleSet) {
this.getCompletionsForRuleSet(node, result);
}
else if (node instanceof Interpolation) {
this.getCompletionsForInterpolation(node, result);
}
else if (node instanceof FunctionDeclaration) {
this.getCompletionsForFunctionDeclaration(node, result);
}
else if (node instanceof MixinReference) {
this.getCompletionsForMixinReference(node, result);
}
else if (node instanceof css_service_Function) {
this.getCompletionsForFunctionArgument(null, node, result);
}
else if (node instanceof Supports) {
this.getCompletionsForSupports(node, result);
}
else if (node instanceof SupportsCondition) {
this.getCompletionsForSupportsCondition(node, result);
}
else if (node instanceof ExtendsReference) {
this.getCompletionsForExtendsReference(node, null, result);
}
else if (node.type === NodeType.URILiteral) {
this.getCompletionForUriLiteralValue(node, result);
}
else if (node.parent === null) {
this.getCompletionForTopLevel(result);
}
else if (node.type === NodeType.StringLiteral && this.isImportPathParent(node.parent.type)) {
this.getCompletionForImportPath(node, result);
// } else if (node instanceof nodes.Variable) {
// this.getCompletionsForVariableDeclaration()
}
else {
continue;
}
if (result.items.length > 0 || this.offset > node.offset) {
return this.finalize(result);
}
}
this.getCompletionsForStylesheet(result);
if (result.items.length === 0) {
if (this.variablePrefix && this.currentWord.indexOf(this.variablePrefix) === 0) {
this.getVariableProposals(null, result);
}
}
return this.finalize(result);
}
finally {
// don't hold on any state, clear symbolContext
this.position = null;
this.currentWord = null;
this.textDocument = null;
this.styleSheet = null;
this.symbolContext = null;
this.defaultReplaceRange = null;
this.nodePath = null;
}
}
isImportPathParent(type) {
return type === NodeType.Import;
}
finalize(result) {
return result;
}
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;
}
getCompletionsForDeclarationProperty(declaration, result) {
return this.getPropertyProposals(declaration, result);
}
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());
insertText = entry.name;
if (!isDefined(declaration.colonPosition)) {
insertText += ': ';
retrigger = true;
}
}
else {
range = this.getCompletionRange(null);
insertText = entry.name + ': ';
retrigger = true;
}
// Empty .selector { | } case
if (!declaration && completePropertyWithSemicolon) {
insertText += '$0;';
}
// Cases such as .selector { p; } or .selector { p:; }
if (declaration && !declaration.semicolonPosition) {
if (completePropertyWithSemicolon && this.offset >= this.textDocument.offsetAt(range.end)) {
insertText += '$0;';
}
}
const item = {
label: entry.name,
documentation: getEntryDescription(entry, this.doesSupportMarkdown()),
tags: isDeprecated(entry) ? [main.CompletionItemTag.Deprecated] : [],
textEdit: main.TextEdit.replace(range, insertText),
insertTextFormat: main.InsertTextFormat.Snippet,
kind: main.CompletionItemKind.Property
};
if (!entry.restrictions) {
retrigger = false;
}
if (triggerPropertyValueCompletion && retrigger) {
item.command = retriggerCommand;
}
const relevance = typeof entry.relevance === 'number' ? Math.min(Math.max(entry.relevance, 0), 99) : 50;
const sortTextSuffix = (255 - relevance).toString(16);
const sortTextPrefix = startsWith(entry.name, '-') ? SortTexts.VendorPrefixed : SortTexts.Normal;
item.sortText = sortTextPrefix + '_' + sortTextSuffix;
result.items.push(item);
});
this.completionParticipants.forEach(participant => {
if (participant.onCssProperty) {
participant.onCssProperty({
propertyName: this.currentWord,
range: this.defaultReplaceRange
});
}
});
return result;
}
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(participant => {
if (participant.onCssPropertyValue) {
participant.onCssPropertyValue({
propertyName,
propertyValue: this.currentWord,
range: this.getCompletionRange(existingNode)
});
}
});
if (entry) {
if (entry.restrictions) {
for (const restriction of entry.restrictions) {
switch (restriction) {
case 'color':
this.getColorProposals(entry, existingNode, result);
break;
case 'position':
this.getPositionProposals(entry, existingNode, result);
break;
case 'repeat':
this.getRepeatStyleProposals(entry, existingNode, result);
break;
case 'line-style':
this.getLineStyleProposals(entry, existingNode, result);
break;
case 'line-width':
this.getLineWidthProposals(entry, existingNode, result);
break;
case 'geometry-box':
this.getGeometryBoxProposals(entry, existingNode, result);
break;
case 'box':
this.getBoxProposals(entry, existingNode, result);
break;
case 'image':
this.getImageProposals(entry, existingNode, result);
break;
case 'timing-function':
this.getTimingFunctionProposals(entry, existingNode, result);
break;
case 'shape':
this.getBasicShapeProposals(entry, existingNode, result);
break;
}
}
}
this.getValueEnumProposals(entry, existingNode, result);
this.getCSSWideKeywordProposals(entry, existingNode, result);
this.getUnitProposals(entry, existingNode, result);
}
else {
const existingValues = collectValues(this.styleSheet, node);
for (const existingValue of existingValues.getEntries()) {
result.items.push({
label: existingValue,
textEdit: main.TextEdit.replace(this.getCompletionRange(existingNode), existingValue),
kind: main.CompletionItemKind.Value
});
}
}
this.getVariableProposals(existingNode, result);
this.getTermProposals(entry, existingNode, result);
return result;
}
getValueEnumProposals(entry, existingNode, result) {
if (entry.values) {
for (const value of entry.values) {
let insertString = value.name;
let insertTextFormat;
if (endsWith(insertString, ')')) {
const from = insertString.lastIndexOf('(');
if (from !== -1) {
insertString = insertString.substring(0, from + 1) + '$1' + insertString.substring(from + 1);
insertTextFormat = SnippetFormat;
}
}
let sortText = SortTexts.Enums;
if (startsWith(value.name, '-')) {
sortText += SortTexts.VendorPrefixed;
}
const item = {
label: value.name,
documentation: getEntryDescription(value, this.doesSupportMarkdown()),
tags: isDeprecated(entry) ? [main.CompletionItemTag.Deprecated] : [],
textEdit: main.TextEdit.replace(this.getCompletionRange(existingNode), insertString),
sortText,
kind: main.CompletionItemKind.Value,
insertTextFormat
};
result.items.push(item);
}
}
return result;
}
getCSSWideKeywordProposals(entry, existingNode, result) {
for (const keywords in cssWideKeywords) {
result.items.push({
label: keywords,
documentation: cssWideKeywords[keywords],
textEdit: main.TextEdit.replace(this.getCompletionRange(existingNode), keywords),
kind: main.CompletionItemKind.Value
});
}
for (const func in cssWideFunctions) {
const insertText = moveCursorInsideParenthesis(func);
result.items.push({
label: func,
documentation: cssWideFunctions[func],
textEdit: main.TextEdit.replace(this.getCompletionRange(existingNode), insertText),
kind: main.CompletionItemKind.Function,
insertTextFormat: SnippetFormat,
command: startsWith(func, 'var') ? retriggerCommand : undefined
});
}
return result;
}
getCompletionsForInterpolation(node, result) {
if (this.offset >= node.offset + 2) {
this.getVariableProposals(null, result);
}
return result;
}
getVariableProposals(existingNode, result) {
const symbols = this.getSymbolContext().findSymbolsAtOffset(this.offset, ReferenceType.Variable);
for (const symbol of symbols) {
const insertText = startsWith(symbol.name, '--') ? `var(${symbol.name})` : symbol.name;
const completionItem = {
label: symbol.name,
documentation: symbol.value ? getLimitedString(symbol.value) : symbol.value,
textEdit: main.TextEdit.replace(this.getCompletionRange(existingNode), insertText),
kind: main.CompletionItemKind.Variable,
sortText: SortTexts.Variable
};
if (typeof completionItem.documentation === 'string' && isColorString(completionItem.documentation)) {
completionItem.kind = main.CompletionItemKind.Color;
}
if (symbol.node.type === NodeType.FunctionParameter) {
const mixinNode = (symbol.node.getParent());
if (mixinNode.type === NodeType.MixinDeclaration) {
completionItem.detail = t('argument from \'{0}\'', mixinNode.getName());
}
}
result.items.push(completionItem);
}
return result;
}
getVariableProposalsForCSSVarFunction(result) {
const allReferencedVariables = new cssCompletion_Set();
this.styleSheet.acceptVisitor(new VariableCollector(allReferencedVariables, this.offset));
let symbols = this.getSymbolContext().findSymbolsAtOffset(this.offset, ReferenceType.Variable);
for (const symbol of symbols) {
if (startsWith(symbol.name, '--')) {
const completionItem = {
label: symbol.name,
documentation: symbol.value ? getLimitedString(symbol.value) : symbol.value,
textEdit: main.TextEdit.replace(this.getCompletionRange(null), symbol.name),
kind: main.CompletionItemKind.Variable
};
if (typeof completionItem.documentation === 'string' && isColorString(completionItem.documentation)) {
completionItem.kind = main.CompletionItemKind.Color;
}
result.items.push(completionItem);
}
allReferencedVariables.remove(symbol.name);
}
for (const name of allReferencedVariables.getEntries()) {
if (startsWith(name, '--')) {
const completionItem = {
label: name,
textEdit: main.TextEdit.replace(this.getCompletionRange(null), name),
kind: main.CompletionItemKind.Variable
};
result.items.push(completionItem);
}
}
return result;
}
getUnitProposals(entry, existingNode, result) {
let currentWord = '0';
if (this.currentWord.length > 0) {
const numMatch = this.currentWord.match(/^-?\d[\.\d+]*/);
if (numMatch) {
currentWord = numMatch[0];
result.isIncomplete = currentWord.length === this.currentWord.length;
}
}
else if (this.currentWord.length === 0) {
result.isIncomplete = true;
}
if (existingNode && existingNode.parent && existingNode.parent.type === NodeType.Term) {
existingNode = existingNode.getParent(); // include the unary operator
}
if (entry.restrictions) {
for (const restriction of entry.restrictions) {
const units = builtinData_units[restriction];
if (units) {
for (const unit of units) {
const insertText = currentWord + unit;
result.items.push({
label: insertText,
textEdit: main.TextEdit.replace(this.getCompletionRange(existingNode), insertText),
kind: main.CompletionItemKind.Unit
});
}
}
}
}
return result;
}
getCompletionRange(existingNode) {
if (existingNode && existingNode.offset <= this.offset && this.offset <= existingNode.end) {
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 main.Range.create(start, end); // multi line edits are not allowed
}
}
return this.defaultReplaceRange;
}
getColorProposals(entry, existingNode, result) {
for (const color in colors) {
result.items.push({
label: color,
documentation: colors[color],
textEdit: main.TextEdit.replace(this.getCompletionRange(existingNode), color),
kind: main.CompletionItemKind.Color
});
}
for (const color in colorKeywords) {
result.items.push({
label: color,
documentation: colorKeywords[color],
textEdit: main.TextEdit.replace(this.getCompletionRange(existingNode), color),
kind: main.CompletionItemKind.Value
});
}
const colorValues = new cssCompletion_Set();
this.styleSheet.acceptVisitor(new ColorValueCollector(colorValues, this.offset));
for (const color of colorValues.getEntries()) {
result.items.push({
label: color,
textEdit: main.TextEdit.replace(this.getCompletionRange(existingNode), color),
kind: main.CompletionItemKind.Color
});
}
for (const p of colorFunctions) {
result.items.push({
label: p.label,
detail: p.func,
documentation: p.desc,
textEdit: main.TextEdit.replace(this.getCompletionRange(existingNode), p.insertText),
insertTextFormat: SnippetFormat,
kind: main.CompletionItemKind.Function
});
}
return result;
}
getPositionProposals(entry, existingNode, result) {
for (const position in positionKeywords) {
result.items.push({
label: position,
documentation: positionKeywords[position],
textEdit: main.TextEdit.replace(this.getCompletionRange(existingNode), position),
kind: main.CompletionItemKind.Value
});
}
return result;
}
getRepeatStyleProposals(entry, existingNode, result) {
for (const repeat in repeatStyleKeywords) {
result.items.push({
label: repeat,
documentation: repeatStyleKeywords[repeat],
textEdit: main.TextEdit.replace(this.getCompletionRange(existingNode), repeat),
kind: main.CompletionItemKind.Value
});
}
return result;
}
getLineStyleProposals(entry, existingNode, result) {
for (const lineStyle in lineStyleKeywords) {
result.items.push({
label: lineStyle,
documentation: lineStyleKeywords[lineStyle],
textEdit: main.TextEdit.replace(this.getCompletionRange(existingNode), lineStyle),
kind: main.CompletionItemKind.Value
});
}
return result;
}
getLineWidthProposals(entry, existingNode, result) {
for (const lineWidth of lineWidthKeywords) {
result.items.push({
label: lineWidth,
textEdit: main.TextEdit.replace(this.getCompletionRange(existingNode), lineWidth),
kind: main.CompletionItemKind.Value
});
}
return result;
}
getGeometryBoxProposals(entry, existingNode, result) {
for (const box in geometryBoxKeywords) {
result.items.push({
label: box,
documentation: geometryBoxKeywords[box],
textEdit: main.TextEdit.replace(this.getCompletionRange(existingNode), box),
kind: main.CompletionItemKind.Value
});
}
return result;
}
getBoxProposals(entry, existingNode, result) {
for (const box in boxKeywords) {
result.items.push({
label: box,
documentation: boxKeywords[box],
textEdit: main.TextEdit.replace(this.getCompletionRange(existingNode), box),
kind: main.CompletionItemKind.Value
});
}
return result;
}
getImageProposals(entry, existingNode, result) {
for (const image in imageFunctions) {
const insertText = moveCursorInsideParenthesis(image);
result.items.push({
label: image,
documentation: imageFunctions[image],
textEdit: main.TextEdit.replace(this.getCompletionRange(existingNode), insertText),
kind: main.CompletionItemKind.Function,
insertTextFormat: image !== insertText ? SnippetFormat : void 0
});
}
return result;
}
getTimingFunctionProposals(entry, existingNode, result) {
for (const timing in transitionTimingFunctions) {
const insertText = moveCursorInsideParenthesis(timing);
result.items.push({
label: timing,
documentation: transitionTimingFunctions[timing],
textEdit: main.TextEdit.replace(this.getCompletionRange(existingNode), insertText),
kind: main.CompletionItemKind.Function,
insertTextFormat: timing !== insertText ? SnippetFormat : void 0
});
}
return result;
}
getBasicShapeProposals(entry, existingNode, result) {
for (const shape in basicShapeFunctions) {
const insertText = moveCursorInsideParenthesis(shape);
result.items.push({
label: shape,
documentation: basicShapeFunctions[shape],
textEdit: main.TextEdit.replace(this.getCompletionRange(existingNode), insertText),
kind: main.CompletionItemKind.Function,
insertTextFormat: shape !== insertText ? SnippetFormat : void 0
});
}
return result;
}
getCompletionsForStylesheet(result) {
const node = this.styleSheet.findFirstChildBeforeOffset(this.offset);
if (!node) {
return this.getCompletionForTopLevel(result);
}
if (node instanceof RuleSet) {
return this.getCompletionsForRuleSet(node, result);
}
if (node instanceof Supports) {
return this.getCompletionsForSupports(node, result);
}
return result;
}
getCompletionForTopLevel(result) {
this.cssDataManager.getAtDirectives().forEach(entry => {
result.items.push({
label: entry.name,
textEdit: main.TextEdit.replace(this.getCompletionRange(null), entry.name),
documentation: getEntryDescription(entry, this.doesSupportMarkdown()),
tags: isDeprecated(entry) ? [main.CompletionItemTag.Deprecated] : [],
kind: main.CompletionItemKind.Keyword
});
});
this.getCompletionsForSelector(null, false, result);
return result;
}
getCompletionsForRuleSet(ruleSet, result) {
const declarations = ruleSet.getDeclarations();
const isAfter = declarations && declarations.endsWith('}') && this.offset >= declarations.end;
if (isAfter) {
return this.getCompletionForTopLevel(result);
}
const isInSelectors = !declarations || this.offset <= declarations.offset;
if (isInSelectors) {
return this.getCompletionsForSelector(ruleSet, ruleSet.isNested(), result);
}
return this.getCompletionsForDeclarations(ruleSet.getDeclarations(), result);
}
getCompletionsForSelector(ruleSet, isNested, result) {
const existingNode = this.findInNodePath(NodeType.PseudoSelector, NodeType.IdentifierSelector, NodeType.ClassSelector, 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;
if (this.hasCharacterAtPosition(this.offset - this.currentWord.length - 1, ':')) {
this.currentWord = ':' + this.currentWord; // for '::'
}
this.defaultReplaceRange = main.Range.create(main.Position.create(this.position.line, this.position.character - this.currentWord.length), this.position);
}
const pseudoClasses = this.cssDataManager.getPseudoClasses();
pseudoClasses.forEach(entry => {
const insertText = moveCursorInsideParenthesis(entry.name);
const item = {
label: entry.name,
textEdit: main.TextEdit.replace(this.getCompletionRange(existingNode), insertText),
documentation: getEntryDescription(entry, this.doesSupportMarkdown()),
tags: isDeprecated(entry) ? [main.CompletionItemTag.Deprecated] : [],
kind: main.CompletionItemKind.Function,
insertTextFormat: entry.name !== insertText ? SnippetFormat : void 0
};
if (startsWith(entry.name, ':-')) {
item.sortText = SortTexts.VendorPrefixed;
}
result.items.push(item);
});
const pseudoElements = this.cssDataManager.getPseudoElements();
pseudoElements.forEach(entry => {
const insertText = moveCursorInsideParenthesis(entry.name);
const item = {
label: entry.name,
textEdit: main.TextEdit.replace(this.getCompletionRange(existingNode), insertText),
documentation: getEntryDescription(entry, this.doesSupportMarkdown()),
tags: isDeprecated(entry) ? [main.CompletionItemTag.Deprecated] : [],
kind: main.CompletionItemKind.Function,
insertTextFormat: entry.name !== insertText ? SnippetFormat : void 0
};
if (startsWith(entry.name, '::-')) {
item.sortText = SortTexts.VendorPrefixed;
}
result.items.push(item);
});
if (!isNested) { // show html tags only for top level
for (const entry of html5Tags) {
result.items.push({
label: entry,
textEdit: main.TextEdit.replace(this.getCompletionRange(existingNode), entry),
kind: main.CompletionItemKind.Keyword
});
}
for (const entry of svgElements) {
result.items.push({
label: entry,
textEdit: main.TextEdit.replace(this.getCompletionRange(existingNode), entry),
kind: main.CompletionItemKind.Keyword
});
}
}
const visited = {};
visited[this.currentWord] = true;
const docText = this.textDocument.getText();
this.styleSheet.accept(n => {
if (n.type === NodeType.SimpleSelector && n.length > 0) {
const selector = docText.substr(n.offset, n.length);
if (selector.charAt(0) === '.' && !visited[selector]) {
visited[selector] = true;
result.items.push({
label: selector,
textEdit: main.TextEdit.replace(this.getCompletionRange(existingNode), selector),
kind: main.CompletionItemKind.Keyword
});
}
return false;
}
return true;
});
if (ruleSet && ruleSet.isNested()) {
const selector = ruleSet.getSelectors().findFirstChildBeforeOffset(this.offset);
if (selector && ruleSet.getSelectors().getChildren().indexOf(selector) === 0) {
this.getPropertyProposals(null, result);
}
}
return result;
}
getCompletionsForDeclarations(declarations, result) {
if (!declarations || this.offset === declarations.offset) { // incomplete nodes
return result;
}
const node = declarations.findFirstChildBeforeOffset(this.offset);
if (!node) {
return this.getCompletionsForDeclarationProperty(null, result);
}
if (node instanceof AbstractDeclaration) {
const declaration = node;
if (!isDefined(declaration.colonPosition) || this.offset <= declaration.colonPosition) {
// complete property
return this.getCompletionsForDeclarationProperty(declaration, result);
}
else if ((isDefined(declaration.semicolonPosition) && declaration.semicolonPosition < this.offset)) {
if (this.offset === declaration.semicolonPosition + 1) {
return result; // don't show new properties right after semicolon (see Bug 15421:[intellisense] [css] Be less aggressive when manually typing CSS)
}
// complete next property
return this.getCompletionsForDeclarationProperty(null, result);
}
if (declaration instanceof Declaration) {
// complete value
return this.getCompletionsForDeclarationValue(declaration, result);
}
}
else if (node instanceof ExtendsReference) {
this.getCompletionsForExtendsReference(node, null, result);
}
else if (this.currentWord && this.currentWord[0] === '@') {
this.getCompletionsForDeclarationProperty(null, result);
}
else if (node instanceof RuleSet) {
this.getCompletionsForDeclarationProperty(null, result);
}
return result;
}
getCompletionsForVariableDeclaration(declaration, result) {
if (this.offset && isDefined(declaration.colonPosition) && this.offset > declaration.colonPosition) {
this.getVariableProposals(declaration.getValue() || null, result);
}
return result;
}
getCompletionsForExpression(expression, result) {
const parent = expression.getParent();
if (parent instanceof FunctionArgument) {
this.getCompletionsForFunctionArgument(parent, parent.getParent(), result);
return result;
}
const declaration = expression.findParent(NodeType.Declaration);
if (!declaration) {
this.getTermProposals(undefined, null, result);
return result;
}
const node = expression.findChildAtOffset(this.offset, true);
if (!node) {
return this.getCompletionsForDeclarationValue(declaration, result);
}
if (node instanceof NumericValue || node instanceof Identifier) {
return this.getCompletionsForDeclarationValue(declaration, result);
}
return result;
}
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;
}
getCompletionsForFunctionDeclaration(decl, result) {
const declarations = decl.getDeclarations();
if (declarations && this.offset > declarations.offset && this.offset < declarations.end) {
this.getTermProposals(undefined, null, result);
}
return result;
}
getCompletionsForMixinReference(ref, result) {
const allMixins = this.getSymbolContext().findSymbolsAtOffset(this.offset, ReferenceType.Mixin);
for (const mixinSymbol of allMixins) {
if (mixinSymbol.node instanceof MixinDeclaration) {
result.items.push(this.makeTermProposal(mixinSymbol, mixinSymbol.node.getParameters(), null));
}
}
const identifierNode = ref.getIdentifier() || null;
this.completionParticipants.forEach(participant => {
if (participant.onCssMixinReference) {
participant.onCssMixinReference({
mixinName: this.currentWord,
range: this.getCompletionRange(identifierNode)
});
}
});
return result;
}
getTermProposals(entry, existingNode, result) {
const allFunctions = this.getSymbolContext().findSymbolsAtOffset(this.offset, ReferenceType.Function);
for (const functionSymbol of allFunctions) {
if (functionSymbol.node instanceof FunctionDeclaration) {
result.items.push(this.makeTermProposal(functionSymbol, functionSymbol.node.getParameters(), existingNode));
}
}
return result;
}
makeTermProposal(symbol, parameters, existingNode) {
const decl = symbol.node;
const params = parameters.getChildren().map((c) => {
return (c instanceof FunctionParameter) ? c.getName() : c.getText();
});
const insertText = symbol.name + '(' + params.map((p, index) => '${' + (index + 1) + ':' + p + '}').join(', ') + ')';
return {
label: symbol.name,
detail: symbol.name + '(' + params.join(', ') + ')',
textEdit: main.TextEdit.replace(this.getCompletionRange(existingNode), insertText),
insertTextFormat: SnippetFormat,
kind: main.CompletionItemKind.Function,
sortText: SortTexts.Term
};
}
getCompletionsForSupportsCondition(supportsCondition, result) {
const child = supportsCondition.findFirstChildBeforeOffset(this.offset);
if (child) {
if (child instanceof Declaration) {
if (!isDefined(child.colonPosition) || this.offset <= child.colonPosition) {
return this.getCompletionsForDeclarationProperty(child, result);
}
else {
return this.getCompletionsForDeclarationValue(child, result);
}
}
else if (child instanceof SupportsCondition) {
return this.getCompletionsForSupportsCondition(child, result);
}
}
if (isDefined(supportsCondition.lParent) && this.offset > supportsCondition.lParent && (!isDefined(supportsCondition.rParent) || this.offset <= supportsCondition.rParent)) {
return this.getCompletionsForDeclarationProperty(null, result);
}
return result;
}
getCompletionsForSupports(supports, result) {
const declarations = supports.getDeclarations();
const inInCondition = !declarations || this.offset <= declarations.offset;
if (inInCondition) {
const child = supports.findFirstChildBeforeOffset(this.offset);
if (child instanceof SupportsCondition) {
return this.getCompletionsForSupportsCondition(child, result);
}
return result;
}
return this.getCompletionForTopLevel(result);
}
getCompletionsForExtendsReference(extendsRef, existingNode, result) {
return result;
}
getCompletionForUriLiteralValue(uriLiteralNode, result) {
let uriValue;
let position;
let range;
// No children, empty value
if (!uriLiteralNode.hasChildren()) {
uriValue = '';
position = this.position;
const emptyURIValuePosition = this.textDocument.positionAt(uriLiteralNode.offset + 'url('.length);
range = main.Range.create(emptyURIValuePosition, emptyURIValuePosition);
}
else {
const uriValueNode = uriLiteralNode.getChild(0);
uriValue = uriValueNode.getText();
position = this.position;
range = this.getCompletionRange(uriValueNode);
}
this.completionParticipants.forEach(participant => {
if (participant.onCssURILiteralValue) {
participant.onCssURILiteralValue({
uriValue,
position,
range
});
}
});
return result;
}
getCompletionForImportPath(importPathNode, result) {
this.completionParticipants.forEach(participant => {
if (participant.onCssImportPath) {
participant.onCssImportPath({
pathValue: importPathNode.getText(),
position: this.position,
range: this.getCompletionRange(importPathNode)
});
}
});
return result;
}
hasCharacterAtPosition(offset, char) {
const text = this.textDocument.getText();
return (offset >= 0 && offset < text.length) && text.charAt(offset) === char;
}
doesSupportMarkdown() {
if (!isDefined(this.supportsMarkdown)) {
if (!isDefined(this.lsOptions.clientCapabilities)) {
this.supportsMarkdown = true;
return this.supportsMarkdown;
}
const documentationFormat = this.lsOptions.clientCapabilities.textDocument?.completion?.completionItem?.documentationFormat;
this.supportsMarkdown = Array.isArray(documentationFormat) && documentationFormat.indexOf(main.MarkupKind.Markdown) !== -1;
}
return this.supportsMarkdown;
}
}
function isDeprecated(entry) {
if (entry.status && (entry.status === 'nonstandard' || entry.status === 'obsolete')) {
return true;
}
return false;
}
class cssCompletion_Set {
constructor() {
this.entries = {};
}
add(entry) {
this.entries[entry] = true;
}
remove(entry) {
delete this.entries[entry];
}
getEntries() {
return Object.keys(this.entries);
}
}
function moveCursorInsideParenthesis(text) {
return text.replace(/\(\)$/, "($1)");
}
function collectValues(styleSheet, declaration) {
const fullPropertyName = declaration.getFullPropertyName();
const entries = new cssCompletion_Set();
function visitValue(node) {
if (node instanceof Identifier || node instanceof NumericValue || node instanceof HexColorValue) {
entries.add(node.getText());
}
return true;
}
function matchesProperty(decl) {
const propertyName = decl.getFullPropertyName();
return fullPropertyName === propertyName;
}
function vistNode(node) {
if (node instanceof Declaration && node !== declaration) {
if (matchesProperty(node)) {
const value = node.getValue();
if (value) {
value.accept(visitValue);
}
}
}
return true;
}
styleSheet.accept(vistNode);
return entries;
}
class ColorValueCollector {
constructor(entries, currentOffset) {
this.entries = entries;
this.currentOffset = currentOffset;
// nothing to do
}
visitNode(node) {
if (node instanceof HexColorValue || (node instanceof css_service_Function && isColorConstructor(node))) {
if (this.currentOffset < node.offset || node.end < this.currentOffset) {
this.entries.add(node.getText());
}
}
return true;
}
}
class VariableCollector {
constructor(entries, currentOffset) {
this.entries = entries;
this.currentOffset = currentOffset;
// nothing to do
}
visitNode(node) {
if (node instanceof Identifier && node.isCustomProperty) {
if (this.currentOffset < node.offset || node.end < this.currentOffset) {
this.entries.add(node.getText());
}
}
return true;
}
}
function getCurrentWord(document, offset) {
let i = offset - 1;
const text = document.getText();
while (i >= 0 && ' \t\n\r":{[()]},*>+'.indexOf(text.charAt(i)) === -1) {
i--;
}
return text.substring(i + 1, offset);
}
;// CONCATENATED MODULE: ../../node_modules/vscode-css-languageservice/lib/esm/services/selectorPrinting.js
/*---------------------------------------------------------------------------------------------
* Copyright (c) Microsoft Corporation. All rights reserved.
* Licensed under the MIT License. See License.txt in the project root for license information.
*--------------------------------------------------------------------------------------------*/
class Element {
constructor() {
this.parent = null;
this.children = null;
this.attributes = null;
}
findAttribute(name) {
if (this.attributes) {
for (const attribute of this.attributes) {
if (attribute.name === name) {
return attribute.value;
}
}
}
return null;
}
addChild(child) {
if (child instanceof Element) {
child.parent = this;
}
if (!this.children) {
this.children = [];
}
this.children.push(child);
}
append(text) {
if (this.attributes) {
const last = this.attributes[this.attributes.length - 1];
last.value = last.value + text;
}
}
prepend(text) {
if (this.attributes) {
const first = this.attributes[0];
first.value = text + first.value;
}
}
findRoot() {
let curr = this;
while (curr.parent && !(curr.parent instanceof RootElement)) {
curr = curr.parent;
}
return curr;
}
removeChild(child) {
if (this.children) {
const index = this.children.indexOf(child);
if (index !== -1) {
this.children.splice(index, 1);
return true;
}
}
return false;
}
addAttr(name, value) {
if (!this.attributes) {
this.attributes = [];
}
for (const attribute of this.attributes) {
if (attribute.name === name) {
attribute.value += ' ' + value;
return;
}
}
this.attributes.push({ name, value });
}
clone(cloneChildren = true) {
const elem = new Element();
if (this.attributes) {
elem.attributes = [];
for (const attribute of this.attributes) {
elem.addAttr(attribute.name, attribute.value);
}
}
if (cloneChildren && this.children) {
elem.children = [];
for (let index = 0; index < this.children.length; index++) {
elem.addChild(this.children[index].clone());
}
}
return elem;
}
cloneWithParent() {
const clone = this.clone(false);
if (this.parent && !(this.parent instanceof RootElement)) {
const parentClone = this.parent.cloneWithParent();
parentClone.addChild(clone);
}
return clone;
}
}
class RootElement extends Element {
}
class LabelElement extends Element {
constructor(label) {
super();
this.addAttr('name', label);
}
}
class MarkedStringPrinter {
constructor(quote) {
this.quote = quote;
this.result = [];
// empty
}
print(element) {
this.result = [];
if (element instanceof RootElement) {
if (element.children) {
this.doPrint(element.children, 0);
}
}
else {
this.doPrint([element], 0);
}
const value = this.result.join('\n');
return [{ language: 'html', value }];
}
doPrint(elements, indent) {
for (const element of elements) {
this.doPrintElement(element, indent);
if (element.children) {
this.doPrint(element.children, indent + 1);
}
}
}
writeLine(level, content) {
const indent = new Array(level + 1).join(' ');
this.result.push(indent + content);
}
doPrintElement(element, indent) {
const name = element.findAttribute('name');
// special case: a simple label
if (element instanceof LabelElement || name === '\u2026') {
this.writeLine(indent, name);
return;
}
// the real deal
const content = ['<'];
// element name
if (name) {
content.push(name);
}
else {
content.push('element');
}
// attributes
if (element.attributes) {
for (const attr of element.attributes) {
if (attr.name !== 'name') {
content.push(' ');
content.push(attr.name);
const value = attr.value;
if (value) {
content.push('=');
content.push(quotes.ensure(value, this.quote));
}
}
}
}
content.push('>');
this.writeLine(indent, content.join(''));
}
}
var quotes;
(function (quotes) {
function ensure(value, which) {
return which + remove(value) + which;
}
quotes.ensure = ensure;
function remove(value) {
const match = value.match(/^['"](.*)["']$/);
if (match) {
return match[1];
}
return value;
}
quotes.remove = remove;
})(quotes || (quotes = {}));
class Specificity {
constructor() {
/** Count of identifiers (e.g., `#app`) */
this.id = 0;
/** Count of attributes (`[type="number"]`), classes (`.container-fluid`), and pseudo-classes (`:hover`) */
this.attr = 0;
/** Count of tag names (`div`), and pseudo-elements (`::before`) */
this.tag = 0;
}
}
function toElement(node, parentElement) {
let result = new Element();
for (const child of node.getChildren()) {
switch (child.type) {
case NodeType.SelectorCombinator:
if (parentElement) {
const segments = child.getText().split('&');
if (segments.length === 1) {
// should not happen
result.addAttr('name', segments[0]);
break;
}
result = parentElement.cloneWithParent();
if (segments[0]) {
const root = result.findRoot();
root.prepend(segments[0]);
}
for (let i = 1; i < segments.length; i++) {
if (i > 1) {
const clone = parentElement.cloneWithParent();
result.addChild(clone.findRoot());
result = clone;
}
result.append(segments[i]);
}
}
break;
case NodeType.SelectorPlaceholder:
if (child.matches('@at-root')) {
return result;
}
// fall through
case NodeType.ElementNameSelector:
const text = child.getText();
result.addAttr('name', text === '*' ? 'element' : selectorPrinting_unescape(text));
break;
case NodeType.ClassSelector:
result.addAttr('class', selectorPrinting_unescape(child.getText().substring(1)));
break;
case NodeType.IdentifierSelector:
result.addAttr('id', selectorPrinting_unescape(child.getText().substring(1)));
break;
case NodeType.MixinDeclaration:
result.addAttr('class', child.getName());
break;
case NodeType.PseudoSelector:
result.addAttr(selectorPrinting_unescape(child.getText()), '');
break;
case NodeType.AttributeSelector:
const selector = child;
const identifier = selector.getIdentifier();
if (identifier) {
const expression = selector.getValue();
const operator = selector.getOperator();
let value;
if (expression && operator) {
switch (selectorPrinting_unescape(operator.getText())) {
case '|=':
// excatly or followed by -words
value = `${quotes.remove(selectorPrinting_unescape(expression.getText()))}-\u2026`;
break;
case '^=':
// prefix
value = `${quotes.remove(selectorPrinting_unescape(expression.getText()))}\u2026`;
break;
case '$=':
// suffix
value = `\u2026${quotes.remove(selectorPrinting_unescape(expression.getText()))}`;
break;
case '~=':
// one of a list of words
value = ` \u2026 ${quotes.remove(selectorPrinting_unescape(expression.getText()))} \u2026 `;
break;
case '*=':
// substring
value = `\u2026${quotes.remove(selectorPrinting_unescape(expression.getText()))}\u2026`;
break;
default:
value = quotes.remove(selectorPrinting_unescape(expression.getText()));
break;
}
}
result.addAttr(selectorPrinting_unescape(identifier.getText()), value);
}
break;
}
}
return result;
}
function selectorPrinting_unescape(content) {
const scanner = new Scanner();
scanner.setSource(content);
const token = scanner.scanUnquotedString();
if (token) {
return token.text;
}
return content;
}
class SelectorPrinting {
constructor(cssDataManager) {
this.cssDataManager = cssDataManager;
}
selectorToMarkedString(node) {
const root = selectorToElement(node);
if (root) {
const markedStrings = new MarkedStringPrinter('"').print(root);
markedStrings.push(this.selectorToSpecificityMarkedString(node));
return markedStrings;
}
else {
return [];
}
}
simpleSelectorToMarkedString(node) {
const element = toElement(node);
const markedStrings = new MarkedStringPrinter('"').print(element);
markedStrings.push(this.selectorToSpecificityMarkedString(node));
return markedStrings;
}
isPseudoElementIdentifier(text) {
const match = text.match(/^::?([\w-]+)/);
if (!match) {
return false;
}
return !!this.cssDataManager.getPseudoElement("::" + match[1]);
}
selectorToSpecificityMarkedString(node) {
//https://www.w3.org/TR/selectors-3/#specificity
const calculateScore = (node) => {
const specificity = new Specificity();
elementLoop: for (const element of node.getChildren()) {
switch (element.type) {
case NodeType.IdentifierSelector:
specificity.id++;
break;
case NodeType.ClassSelector:
case NodeType.AttributeSelector:
specificity.attr++;
break;
case NodeType.ElementNameSelector:
//ignore universal selector
if (element.matches("*")) {
break;
}
specificity.tag++;
break;
case NodeType.PseudoSelector:
const text = element.getText();
if (this.isPseudoElementIdentifier(text)) {
specificity.tag++; // pseudo element
continue elementLoop;
}
// 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) {
let mostSpecificListItem = new Specificity();
for (const containerElement of element.getChildren()) {
let list;
if (containerElement.type === NodeType.Undefined) { // containerElement is a list of selectors
list = containerElement.getChildren();
}
else { // containerElement is a selector
list = [containerElement];
}
for (const childElement of containerElement.getChildren()) {
const 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.id += mostSpecificListItem.id;
specificity.attr += mostSpecificListItem.attr;
specificity.tag += mostSpecificListItem.tag;
continue elementLoop;
}
specificity.attr++; //pseudo class
continue elementLoop;
}
if (element.getChildren().length > 0) {
const itemSpecificity = calculateScore(element);
specificity.id += itemSpecificity.id;
specificity.attr += itemSpecificity.attr;
specificity.tag += itemSpecificity.tag;
}
}
return specificity;
};
const specificity = calculateScore(node);
return `[${t("Selector Specificity")}](https://developer.mozilla.org/docs/Web/CSS/Specificity): (${specificity.id}, ${specificity.attr}, ${specificity.tag})`;
}
}
class SelectorElementBuilder {
constructor(element) {
this.prev = null;
this.element = element;
}
processSelector(selector) {
let parentElement = null;
if (!(this.element instanceof RootElement)) {
if (selector.getChildren().some((c) => c.hasChildren() && c.getChild(0).type === NodeType.SelectorCombinator)) {
const curr = this.element.findRoot();
if (curr.parent instanceof RootElement) {
parentElement = this.element;
this.element = curr.parent;
this.element.removeChild(curr);
this.prev = null;
}
}
}
for (const selectorChild of selector.getChildren()) {
if (selectorChild instanceof SimpleSelector) {
if (this.prev instanceof SimpleSelector) {
const labelElement = new LabelElement('\u2026');
this.element.addChild(labelElement);
this.element = labelElement;
}
else if (this.prev && (this.prev.matches('+') || this.prev.matches('~')) && this.element.parent) {
this.element = this.element.parent;
}
if (this.prev && this.prev.matches('~')) {
this.element.addChild(new LabelElement('\u22EE'));
}
const thisElement = toElement(selectorChild, parentElement);
const root = thisElement.findRoot();
this.element.addChild(root);
this.element = thisElement;
}
if (selectorChild instanceof SimpleSelector ||
selectorChild.type === NodeType.SelectorCombinatorParent ||
selectorChild.type === NodeType.SelectorCombinatorShadowPiercingDescendant ||
selectorChild.type === NodeType.SelectorCombinatorSibling ||
selectorChild.type === NodeType.SelectorCombinatorAllSiblings) {
this.prev = selectorChild;
}
}
}
}
function isNewSelectorContext(node) {
switch (node.type) {
case NodeType.MixinDeclaration:
case NodeType.Stylesheet:
return true;
}
return false;
}
function selectorToElement(node) {
if (node.matches('@at-root')) {
return null;
}
const root = new RootElement();
const parentRuleSets = [];
const ruleSet = node.getParent();
if (ruleSet instanceof RuleSet) {
let parent = ruleSet.getParent(); // parent of the selector's ruleset
while (parent && !isNewSelectorContext(parent)) {
if (parent instanceof RuleSet) {
if (parent.getSelectors().matches('@at-root')) {
break;
}
parentRuleSets.push(parent);
}
parent = parent.getParent();
}
}
const builder = new SelectorElementBuilder(root);
for (let i = parentRuleSets.length - 1; i >= 0; i--) {
const selector = parentRuleSets[i].getSelectors().getChild(0);
if (selector) {
builder.processSelector(selector);
}
}
builder.processSelector(node);
return root;
}
;// CONCATENATED MODULE: ../../node_modules/vscode-css-languageservice/lib/esm/services/cssHover.js
/*---------------------------------------------------------------------------------------------
* Copyright (c) Microsoft Corporation. All rights reserved.
* Licensed under the MIT License. See License.txt in the project root for license information.
*--------------------------------------------------------------------------------------------*/
class CSSHover {
constructor(clientCapabilities, cssDataManager) {
this.clientCapabilities = clientCapabilities;
this.cssDataManager = cssDataManager;
this.selectorPrinting = new SelectorPrinting(cssDataManager);
}
configure(settings) {
this.defaultSettings = settings;
}
doHover(document, position, stylesheet, settings = this.defaultSettings) {
function getRange(node) {
return main.Range.create(document.positionAt(node.offset), document.positionAt(node.end));
}
const offset = document.offsetAt(position);
const nodepath = getNodePath(stylesheet, offset);
/**
* nodepath is top-down
* Build up the hover by appending inner node's information
*/
let hover = null;
for (let i = 0; i < nodepath.length; i++) {
const node = nodepath[i];
if (node instanceof Selector) {
hover = {
contents: this.selectorPrinting.selectorToMarkedString(node),
range: getRange(node)
};
break;
}
if (node instanceof SimpleSelector) {
/**
* Some sass specific at rules such as `@at-root` are parsed as `SimpleSelector`
*/
if (!startsWith(node.getText(), '@')) {
hover = {
contents: this.selectorPrinting.simpleSelectorToMarkedString(node),
range: getRange(node)
};
}
break;
}
if (node instanceof Declaration) {
const propertyName = node.getFullPropertyName();
const entry = this.cssDataManager.getProperty(propertyName);
if (entry) {
const contents = getEntryDescription(entry, this.doesSupportMarkdown(), settings);
if (contents) {
hover = {
contents,
range: getRange(node)
};
}
else {
hover = null;
}
}
continue;
}
if (node instanceof UnknownAtRule) {
const atRuleName = node.getText();
const entry = this.cssDataManager.getAtDirective(atRuleName);
if (entry) {
const contents = getEntryDescription(entry, this.doesSupportMarkdown(), settings);
if (contents) {
hover = {
contents,
range: getRange(node)
};
}
else {
hover = null;
}
}
continue;
}
if (node instanceof Node && node.type === NodeType.PseudoSelector) {
const selectorName = node.getText();
const entry = selectorName.slice(0, 2) === '::'
? this.cssDataManager.getPseudoElement(selectorName)
: this.cssDataManager.getPseudoClass(selectorName);
if (entry) {
const contents = getEntryDescription(entry, this.doesSupportMarkdown(), settings);
if (contents) {
hover = {
contents,
range: getRange(node)
};
}
else {
hover = null;
}
}
continue;
}
}
if (hover) {
hover.contents = this.convertContents(hover.contents);
}
return hover;
}
convertContents(contents) {
if (!this.doesSupportMarkdown()) {
if (typeof contents === 'string') {
return contents;
}
// MarkupContent
else if ('kind' in contents) {
return {
kind: 'plaintext',
value: contents.value
};
}
// MarkedString[]
else if (Array.isArray(contents)) {
return contents.map(c => {
return typeof c === 'string' ? c : c.value;
});
}
// MarkedString
else {
return contents.value;
}
}
return contents;
}
doesSupportMarkdown() {
if (!isDefined(this.supportsMarkdown)) {
if (!isDefined(this.clientCapabilities)) {
this.supportsMarkdown = true;
return this.supportsMarkdown;
}
const hover = this.clientCapabilities.textDocument && this.clientCapabilities.textDocument.hover;
this.supportsMarkdown = hover && hover.contentFormat && Array.isArray(hover.contentFormat) && hover.contentFormat.indexOf(main.MarkupKind.Markdown) !== -1;
}
return this.supportsMarkdown;
}
}
;// CONCATENATED MODULE: ../../node_modules/vscode-css-languageservice/lib/esm/services/cssNavigation.js
/*---------------------------------------------------------------------------------------------
* Copyright (c) Microsoft Corporation. All rights reserved.
* Licensed under the MIT License. See License.txt in the project root for license information.
*--------------------------------------------------------------------------------------------*/
const startsWithSchemeRegex = /^\w+:\/\//;
const startsWithData = /^data:/;
class CSSNavigation {
constructor(fileSystemProvider, resolveModuleReferences) {
this.fileSystemProvider = fileSystemProvider;
this.resolveModuleReferences = resolveModuleReferences;
}
findDefinition(document, position, stylesheet) {
const symbols = new Symbols(stylesheet);
const offset = document.offsetAt(position);
const node = getNodeAtOffset(stylesheet, offset);
if (!node) {
return null;
}
const symbol = symbols.findSymbolFromNode(node);
if (!symbol) {
return null;
}
return {
uri: document.uri,
range: getRange(symbol.node, document)
};
}
findReferences(document, position, stylesheet) {
const highlights = this.findDocumentHighlights(document, position, stylesheet);
return highlights.map(h => {
return {
uri: document.uri,
range: h.range
};
});
}
getHighlightNode(document, position, stylesheet) {
const offset = document.offsetAt(position);
let node = getNodeAtOffset(stylesheet, offset);
if (!node || node.type === NodeType.Stylesheet || node.type === NodeType.Declarations) {
return;
}
if (node.type === NodeType.Identifier && node.parent && node.parent.type === 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 Symbols(stylesheet);
const symbol = symbols.findSymbolFromNode(node);
const name = node.getText();
stylesheet.accept(candidate => {
if (symbol) {
if (symbols.matchesSymbol(candidate, symbol)) {
result.push({
kind: getHighlightKind(candidate),
range: getRange(candidate, document)
});
return false;
}
}
else if (node && node.type === candidate.type && candidate.matches(name)) {
// Same node type and data
result.push({
kind: getHighlightKind(candidate),
range: getRange(candidate, document)
});
}
return true;
});
return result;
}
isRawStringDocumentLinkNode(node) {
return node.type === NodeType.Import;
}
findDocumentLinks(document, stylesheet, documentContext) {
const linkData = this.findUnresolvedLinks(document, stylesheet);
const resolvedLinks = [];
for (let data of linkData) {
const link = data.link;
const target = link.target;
if (!target || startsWithData.test(target)) {
// no links for data:
}
else if (startsWithSchemeRegex.test(target)) {
resolvedLinks.push(link);
}
else {
const resolved = documentContext.resolveReference(target, document.uri);
if (resolved) {
link.target = resolved;
}
resolvedLinks.push(link);
}
}
return resolvedLinks;
}
async findDocumentLinks2(document, stylesheet, documentContext) {
const linkData = this.findUnresolvedLinks(document, stylesheet);
const resolvedLinks = [];
for (let data of linkData) {
const link = data.link;
const target = link.target;
if (!target || startsWithData.test(target)) {
// no links for data:
}
else if (startsWithSchemeRegex.test(target)) {
resolvedLinks.push(link);
}
else {
const resolvedTarget = await this.resolveReference(target, document.uri, documentContext, data.isRawLink);
if (resolvedTarget !== undefined) {
link.target = resolvedTarget;
resolvedLinks.push(link);
}
}
}
return resolvedLinks;
}
findUnresolvedLinks(document, stylesheet) {
const result = [];
const collect = (uriStringNode) => {
let rawUri = uriStringNode.getText();
const range = getRange(uriStringNode, document);
// Make sure the range is not empty
if (range.start.line === range.end.line && range.start.character === range.end.character) {
return;
}
if (startsWith(rawUri, `'`) || startsWith(rawUri, `"`)) {
rawUri = rawUri.slice(1, -1);
}
const isRawLink = uriStringNode.parent ? this.isRawStringDocumentLinkNode(uriStringNode.parent) : false;
result.push({ link: { target: rawUri, range }, isRawLink });
};
stylesheet.accept(candidate => {
if (candidate.type === NodeType.URILiteral) {
const first = candidate.getChild(0);
if (first) {
collect(first);
}
return false;
}
/**
* In @import, it is possible to include links that do not use `url()`
* For example, `@import 'foo.css';`
*/
if (candidate.parent && this.isRawStringDocumentLinkNode(candidate.parent)) {
const rawText = candidate.getText();
if (startsWith(rawText, `'`) || startsWith(rawText, `"`)) {
collect(candidate);
}
return false;
}
return true;
});
return result;
}
findSymbolInformations(document, stylesheet) {
const result = [];
const addSymbolInformation = (name, kind, symbolNodeOrRange) => {
const range = symbolNodeOrRange instanceof Node ? getRange(symbolNodeOrRange, document) : symbolNodeOrRange;
const entry = {
name: name || t('<undefined>'),
kind,
location: main.Location.create(document.uri, range)
};
result.push(entry);
};
this.collectDocumentSymbols(document, stylesheet, addSymbolInformation);
return result;
}
findDocumentSymbols(document, stylesheet) {
const result = [];
const parents = [];
const addDocumentSymbol = (name, kind, symbolNodeOrRange, nameNodeOrRange, bodyNode) => {
const range = symbolNodeOrRange instanceof Node ? getRange(symbolNodeOrRange, document) : symbolNodeOrRange;
let selectionRange = nameNodeOrRange instanceof Node ? getRange(nameNodeOrRange, document) : nameNodeOrRange;
if (!selectionRange || !containsRange(range, selectionRange)) {
selectionRange = main.Range.create(range.start, range.start);
}
const entry = {
name: name || t('<undefined>'),
kind,
range,
selectionRange
};
let top = parents.pop();
while (top && !containsRange(top[1], range)) {
top = parents.pop();
}
if (top) {
const topSymbol = top[0];
if (!topSymbol.children) {
topSymbol.children = [];
}
topSymbol.children.push(entry);
parents.push(top); // put back top
}
else {
result.push(entry);
}
if (bodyNode) {
parents.push([entry, getRange(bodyNode, document)]);
}
};
this.collectDocumentSymbols(document, stylesheet, addDocumentSymbol);
return result;
}
collectDocumentSymbols(document, stylesheet, collect) {
stylesheet.accept(node => {
if (node instanceof RuleSet) {
for (const selector of node.getSelectors().getChildren()) {
if (selector instanceof Selector) {
const range = main.Range.create(document.positionAt(selector.offset), document.positionAt(node.end));
collect(selector.getText(), main.SymbolKind.Class, range, selector, node.getDeclarations());
}
}
}
else if (node instanceof VariableDeclaration) {
collect(node.getName(), main.SymbolKind.Variable, node, node.getVariable(), undefined);
}
else if (node instanceof MixinDeclaration) {
collect(node.getName(), main.SymbolKind.Method, node, node.getIdentifier(), node.getDeclarations());
}
else if (node instanceof FunctionDeclaration) {
collect(node.getName(), main.SymbolKind.Function, node, node.getIdentifier(), node.getDeclarations());
}
else if (node instanceof Keyframe) {
const name = t("@keyframes {0}", node.getName());
collect(name, main.SymbolKind.Class, node, node.getIdentifier(), node.getDeclarations());
}
else if (node instanceof FontFace) {
const name = t("@font-face");
collect(name, main.SymbolKind.Class, node, undefined, node.getDeclarations());
}
else if (node instanceof Media) {
const mediaList = node.getChild(0);
if (mediaList instanceof Medialist) {
const name = '@media ' + mediaList.getText();
collect(name, main.SymbolKind.Module, node, mediaList, node.getDeclarations());
}
}
return true;
});
}
findDocumentColors(document, stylesheet) {
const result = [];
stylesheet.accept((node) => {
const colorInfo = getColorInformation(node, document);
if (colorInfo) {
result.push(colorInfo);
}
return true;
});
return result;
}
getColorPresentations(document, stylesheet, color, range) {
const result = [];
const red256 = Math.round(color.red * 255), green256 = Math.round(color.green * 255), blue256 = Math.round(color.blue * 255);
let label;
if (color.alpha === 1) {
label = `rgb(${red256}, ${green256}, ${blue256})`;
}
else {
label = `rgba(${red256}, ${green256}, ${blue256}, ${color.alpha})`;
}
result.push({ label: label, textEdit: main.TextEdit.replace(range, label) });
if (color.alpha === 1) {
label = `#${toTwoDigitHex(red256)}${toTwoDigitHex(green256)}${toTwoDigitHex(blue256)}`;
}
else {
label = `#${toTwoDigitHex(red256)}${toTwoDigitHex(green256)}${toTwoDigitHex(blue256)}${toTwoDigitHex(Math.round(color.alpha * 255))}`;
}
result.push({ label: label, textEdit: main.TextEdit.replace(range, label) });
const hsl = hslFromColor(color);
if (hsl.a === 1) {
label = `hsl(${hsl.h}, ${Math.round(hsl.s * 100)}%, ${Math.round(hsl.l * 100)}%)`;
}
else {
label = `hsla(${hsl.h}, ${Math.round(hsl.s * 100)}%, ${Math.round(hsl.l * 100)}%, ${hsl.a})`;
}
result.push({ label: label, textEdit: main.TextEdit.replace(range, label) });
const hwb = hwbFromColor(color);
if (hwb.a === 1) {
label = `hwb(${hwb.h} ${Math.round(hwb.w * 100)}% ${Math.round(hwb.b * 100)}%)`;
}
else {
label = `hwb(${hwb.h} ${Math.round(hwb.w * 100)}% ${Math.round(hwb.b * 100)}% / ${hwb.a})`;
}
result.push({ label: label, textEdit: main.TextEdit.replace(range, label) });
return result;
}
prepareRename(document, position, stylesheet) {
const node = this.getHighlightNode(document, position, stylesheet);
if (node) {
return main.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 => main.TextEdit.replace(h.range, newName));
return {
changes: { [document.uri]: edits }
};
}
async resolveModuleReference(ref, documentUri, documentContext) {
if (startsWith(documentUri, 'file://')) {
const moduleName = getModuleNameFromPath(ref);
if (moduleName && moduleName !== '.' && moduleName !== '..') {
const rootFolderUri = documentContext.resolveReference('/', documentUri);
const documentFolderUri = dirname(documentUri);
const modulePath = await this.resolvePathToModule(moduleName, documentFolderUri, rootFolderUri);
if (modulePath) {
const pathWithinModule = ref.substring(moduleName.length + 1);
return joinPath(modulePath, pathWithinModule);
}
}
}
return undefined;
}
async mapReference(target, isRawLink) {
return target;
}
async resolveReference(target, documentUri, documentContext, isRawLink = false) {
// Following [css-loader](https://github.com/webpack-contrib/css-loader#url)
// and [sass-loader's](https://github.com/webpack-contrib/sass-loader#imports)
// convention, if an import path starts with ~ then use node module resolution
// *unless* it starts with "~/" as this refers to the user's home directory.
if (target[0] === '~' && target[1] !== '/' && this.fileSystemProvider) {
target = target.substring(1);
return this.mapReference(await this.resolveModuleReference(target, documentUri, documentContext), isRawLink);
}
const ref = await this.mapReference(documentContext.resolveReference(target, documentUri), isRawLink);
// Following [less-loader](https://github.com/webpack-contrib/less-loader#imports)
// and [sass-loader's](https://github.com/webpack-contrib/sass-loader#resolving-import-at-rules)
// new resolving import at-rules (~ is deprecated). The loader will first try to resolve @import as a relative path. If it cannot be resolved,
// then the loader will try to resolve @import inside node_modules.
if (this.resolveModuleReferences) {
if (ref && await this.fileExists(ref)) {
return ref;
}
const moduleReference = await this.mapReference(await this.resolveModuleReference(target, documentUri, documentContext), isRawLink);
if (moduleReference) {
return moduleReference;
}
}
// fall back. it might not exists
return ref;
}
async resolvePathToModule(_moduleName, documentFolderUri, rootFolderUri) {
// resolve the module relative to the document. We can't use `require` here as the code is webpacked.
const packPath = joinPath(documentFolderUri, 'node_modules', _moduleName, 'package.json');
if (await this.fileExists(packPath)) {
return dirname(packPath);
}
else if (rootFolderUri && documentFolderUri.startsWith(rootFolderUri) && (documentFolderUri.length !== rootFolderUri.length)) {
return this.resolvePathToModule(_moduleName, dirname(documentFolderUri), rootFolderUri);
}
return undefined;
}
async fileExists(uri) {
if (!this.fileSystemProvider) {
return false;
}
try {
const stat = await this.fileSystemProvider.stat(uri);
if (stat.type === FileType.Unknown && stat.size === -1) {
return false;
}
return true;
}
catch (err) {
return false;
}
}
}
function getColorInformation(node, document) {
const color = getColorValue(node);
if (color) {
const range = getRange(node, document);
return { color, range };
}
return null;
}
function getRange(node, document) {
return main.Range.create(document.positionAt(node.offset), document.positionAt(node.end));
}
/**
* Test if `otherRange` is in `range`. If the ranges are equal, will return true.
*/
function containsRange(range, otherRange) {
const otherStartLine = otherRange.start.line, otherEndLine = otherRange.end.line;
const rangeStartLine = range.start.line, rangeEndLine = range.end.line;
if (otherStartLine < rangeStartLine || otherEndLine < rangeStartLine) {
return false;
}
if (otherStartLine > rangeEndLine || otherEndLine > rangeEndLine) {
return false;
}
if (otherStartLine === rangeStartLine && otherRange.start.character < range.start.character) {
return false;
}
if (otherEndLine === rangeEndLine && otherRange.end.character > range.end.character) {
return false;
}
return true;
}
function getHighlightKind(node) {
if (node.type === NodeType.Selector) {
return main.DocumentHighlightKind.Write;
}
if (node instanceof Identifier) {
if (node.parent && node.parent instanceof Property) {
if (node.isCustomProperty) {
return main.DocumentHighlightKind.Write;
}
}
}
if (node.parent) {
switch (node.parent.type) {
case NodeType.FunctionDeclaration:
case NodeType.MixinDeclaration:
case NodeType.Keyframe:
case NodeType.VariableDeclaration:
case NodeType.FunctionParameter:
return main.DocumentHighlightKind.Write;
}
}
return main.DocumentHighlightKind.Read;
}
function toTwoDigitHex(n) {
const r = n.toString(16);
return r.length !== 2 ? '0' + r : r;
}
function getModuleNameFromPath(path) {
const firstSlash = path.indexOf('/');
if (firstSlash === -1) {
return '';
}
// If a scoped module (starts with @) then get up until second instance of '/', or to the end of the string for root-level imports.
if (path[0] === '@') {
const secondSlash = path.indexOf('/', firstSlash + 1);
if (secondSlash === -1) {
return path;
}
return path.substring(0, secondSlash);
}
// Otherwise get until first instance of '/'
return path.substring(0, firstSlash);
}
;// CONCATENATED MODULE: ../../node_modules/vscode-css-languageservice/lib/esm/services/lintRules.js
/*---------------------------------------------------------------------------------------------
* Copyright (c) Microsoft Corporation. All rights reserved.
* Licensed under the MIT License. See License.txt in the project root for license information.
*--------------------------------------------------------------------------------------------*/
const Warning = Level.Warning;
const lintRules_Error = Level.Error;
const Ignore = Level.Ignore;
class Rule {
constructor(id, message, defaultValue) {
this.id = id;
this.message = message;
this.defaultValue = defaultValue;
// nothing to do
}
}
class Setting {
constructor(id, message, defaultValue) {
this.id = id;
this.message = message;
this.defaultValue = defaultValue;
// nothing to do
}
}
const Rules = {
AllVendorPrefixes: new Rule('compatibleVendorPrefixes', t("When using a vendor-specific prefix make sure to also include all other vendor-specific properties"), Ignore),
IncludeStandardPropertyWhenUsingVendorPrefix: new Rule('vendorPrefix', t("When using a vendor-specific prefix also include the standard property"), Warning),
DuplicateDeclarations: new Rule('duplicateProperties', t("Do not use duplicate style definitions"), Ignore),
EmptyRuleSet: new Rule('emptyRules', t("Do not use empty rulesets"), Warning),
ImportStatemement: new Rule('importStatement', t("Import statements do not load in parallel"), Ignore),
BewareOfBoxModelSize: new Rule('boxModel', t("Do not use width or height when using padding or border"), Ignore),
UniversalSelector: new Rule('universalSelector', t("The universal selector (*) is known to be slow"), Ignore),
ZeroWithUnit: new Rule('zeroUnits', t("No unit for zero needed"), Ignore),
RequiredPropertiesForFontFace: new Rule('fontFaceProperties', t("@font-face rule must define 'src' and 'font-family' properties"), Warning),
HexColorLength: new Rule('hexColorLength', t("Hex colors must consist of three, four, six or eight hex numbers"), lintRules_Error),
ArgsInColorFunction: new Rule('argumentsInColorFunction', t("Invalid number of parameters"), lintRules_Error),
UnknownProperty: new Rule('unknownProperties', t("Unknown property."), Warning),
UnknownAtRules: new Rule('unknownAtRules', t("Unknown at-rule."), Warning),
IEStarHack: new Rule('ieHack', t("IE hacks are only necessary when supporting IE7 and older"), Ignore),
UnknownVendorSpecificProperty: new Rule('unknownVendorSpecificProperties', t("Unknown vendor specific property."), Ignore),
PropertyIgnoredDueToDisplay: new Rule('propertyIgnoredDueToDisplay', t("Property is ignored due to the display."), Warning),
AvoidImportant: new Rule('important', t("Avoid using !important. It is an indication that the specificity of the entire CSS has gotten out of control and needs to be refactored."), Ignore),
AvoidFloat: new Rule('float', t("Avoid using 'float'. Floats lead to fragile CSS that is easy to break if one aspect of the layout changes."), Ignore),
AvoidIdSelector: new Rule('idSelector', t("Selectors should not contain IDs because these rules are too tightly coupled with the HTML."), Ignore),
};
const Settings = {
ValidProperties: new Setting('validProperties', t("A list of properties that are not validated against the `unknownProperties` rule."), [])
};
class LintConfigurationSettings {
constructor(conf = {}) {
this.conf = conf;
}
getRule(rule) {
if (this.conf.hasOwnProperty(rule.id)) {
const level = toLevel(this.conf[rule.id]);
if (level) {
return level;
}
}
return rule.defaultValue;
}
getSetting(setting) {
return this.conf[setting.id];
}
}
function toLevel(level) {
switch (level) {
case 'ignore': return Level.Ignore;
case 'warning': return Level.Warning;
case 'error': return Level.Error;
}
return null;
}
;// CONCATENATED MODULE: ../../node_modules/vscode-css-languageservice/lib/esm/services/cssCodeActions.js
/*---------------------------------------------------------------------------------------------
* Copyright (c) Microsoft Corporation. All rights reserved.
* Licensed under the MIT License. See License.txt in the project root for license information.
*--------------------------------------------------------------------------------------------*/
class CSSCodeActions {
constructor(cssDataManager) {
this.cssDataManager = cssDataManager;
}
doCodeActions(document, range, context, stylesheet) {
return this.doCodeActions2(document, range, context, stylesheet).map(ca => {
const textDocumentEdit = ca.edit && ca.edit.documentChanges && ca.edit.documentChanges[0];
return main.Command.create(ca.title, '_css.applyCodeAction', document.uri, document.version, textDocumentEdit && textDocumentEdit.edits);
});
}
doCodeActions2(document, range, context, stylesheet) {
const result = [];
if (context.diagnostics) {
for (const diagnostic of context.diagnostics) {
this.appendFixesForMarker(document, stylesheet, diagnostic, result);
}
}
return result;
}
getFixesForUnknownProperty(document, property, marker, result) {
const propertyName = property.getName();
const candidates = [];
this.cssDataManager.getProperties().forEach(p => {
const score = difference(propertyName, p.name);
if (score >= propertyName.length / 2 /*score_lim*/) {
candidates.push({ property: p.name, score });
}
});
// Sort in descending order.
candidates.sort((a, b) => {
return b.score - a.score || a.property.localeCompare(b.property);
});
let maxActions = 3;
for (const candidate of candidates) {
const propertyName = candidate.property;
const title = t("Rename to '{0}'", propertyName);
const edit = main.TextEdit.replace(marker.range, propertyName);
const documentIdentifier = main.VersionedTextDocumentIdentifier.create(document.uri, document.version);
const workspaceEdit = { documentChanges: [main.TextDocumentEdit.create(documentIdentifier, [edit])] };
const codeAction = main.CodeAction.create(title, workspaceEdit, main.CodeActionKind.QuickFix);
codeAction.diagnostics = [marker];
result.push(codeAction);
if (--maxActions <= 0) {
return;
}
}
}
appendFixesForMarker(document, stylesheet, marker, result) {
if (marker.code !== Rules.UnknownProperty.id) {
return;
}
const offset = document.offsetAt(marker.range.start);
const end = document.offsetAt(marker.range.end);
const nodepath = getNodePath(stylesheet, offset);
for (let i = nodepath.length - 1; i >= 0; i--) {
const node = nodepath[i];
if (node instanceof Declaration) {
const property = node.getProperty();
if (property && property.offset === offset && property.end === end) {
this.getFixesForUnknownProperty(document, property, marker, result);
return;
}
}
}
}
}
;// CONCATENATED MODULE: ../../node_modules/vscode-css-languageservice/lib/esm/services/lintUtil.js
/*---------------------------------------------------------------------------------------------
* Copyright (c) Microsoft Corporation. All rights reserved.
* Licensed under the MIT License. See License.txt in the project root for license information.
*--------------------------------------------------------------------------------------------*/
class lintUtil_Element {
constructor(decl) {
this.fullPropertyName = decl.getFullPropertyName().toLowerCase();
this.node = decl;
}
}
function setSide(model, side, value, property) {
const state = model[side];
state.value = value;
if (value) {
if (!includes(state.properties, property)) {
state.properties.push(property);
}
}
}
function setAllSides(model, value, property) {
setSide(model, 'top', value, property);
setSide(model, 'right', value, property);
setSide(model, 'bottom', value, property);
setSide(model, 'left', value, property);
}
function updateModelWithValue(model, side, value, property) {
if (side === 'top' || side === 'right' ||
side === 'bottom' || side === 'left') {
setSide(model, side, value, property);
}
else {
setAllSides(model, value, property);
}
}
function updateModelWithList(model, values, property) {
switch (values.length) {
case 1:
updateModelWithValue(model, undefined, values[0], property);
break;
case 2:
updateModelWithValue(model, 'top', values[0], property);
updateModelWithValue(model, 'bottom', values[0], property);
updateModelWithValue(model, 'right', values[1], property);
updateModelWithValue(model, 'left', values[1], property);
break;
case 3:
updateModelWithValue(model, 'top', values[0], property);
updateModelWithValue(model, 'right', values[1], property);
updateModelWithValue(model, 'left', values[1], property);
updateModelWithValue(model, 'bottom', values[2], property);
break;
case 4:
updateModelWithValue(model, 'top', values[0], property);
updateModelWithValue(model, 'right', values[1], property);
updateModelWithValue(model, 'bottom', values[2], property);
updateModelWithValue(model, 'left', values[3], property);
break;
}
}
function matches(value, candidates) {
for (let candidate of candidates) {
if (value.matches(candidate)) {
return true;
}
}
return false;
}
/**
* @param allowsKeywords whether the initial value of property is zero, so keywords `initial` and `unset` count as zero
* @return `true` if this node represents a non-zero border; otherwise, `false`
*/
function checkLineWidth(value, allowsKeywords = true) {
if (allowsKeywords && matches(value, ['initial', 'unset'])) {
return false;
}
// a <length> is a value and a unit
// so use `parseFloat` to strip the unit
return parseFloat(value.getText()) !== 0;
}
function checkLineWidthList(nodes, allowsKeywords = true) {
return nodes.map(node => checkLineWidth(node, allowsKeywords));
}
/**
* @param allowsKeywords whether keywords `initial` and `unset` count as zero
* @return `true` if this node represents a non-zero border; otherwise, `false`
*/
function checkLineStyle(valueNode, allowsKeywords = true) {
if (matches(valueNode, ['none', 'hidden'])) {
return false;
}
if (allowsKeywords && matches(valueNode, ['initial', 'unset'])) {
return false;
}
return true;
}
function checkLineStyleList(nodes, allowsKeywords = true) {
return nodes.map(node => checkLineStyle(node, allowsKeywords));
}
function checkBorderShorthand(node) {
const children = node.getChildren();
// the only child can be a keyword, a <line-width>, or a <line-style>
// if either check returns false, the result is no border
if (children.length === 1) {
const value = children[0];
return checkLineWidth(value) && checkLineStyle(value);
}
// multiple children can't contain keywords
// if any child means no border, the result is no border
for (const child of children) {
const value = child;
if (!checkLineWidth(value, /* allowsKeywords: */ false) ||
!checkLineStyle(value, /* allowsKeywords: */ false)) {
return false;
}
}
return true;
}
function calculateBoxModel(propertyTable) {
const model = {
top: { value: false, properties: [] },
right: { value: false, properties: [] },
bottom: { value: false, properties: [] },
left: { value: false, properties: [] },
};
for (const property of propertyTable) {
const value = property.node.value;
if (typeof value === 'undefined') {
continue;
}
switch (property.fullPropertyName) {
case 'box-sizing':
// has `box-sizing`, bail out
return {
top: { value: false, properties: [] },
right: { value: false, properties: [] },
bottom: { value: false, properties: [] },
left: { value: false, properties: [] },
};
case 'width':
model.width = property;
break;
case 'height':
model.height = property;
break;
default:
const segments = property.fullPropertyName.split('-');
switch (segments[0]) {
case 'border':
switch (segments[1]) {
case undefined:
case 'top':
case 'right':
case 'bottom':
case 'left':
switch (segments[2]) {
case undefined:
updateModelWithValue(model, segments[1], checkBorderShorthand(value), property);
break;
case 'width':
// the initial value of `border-width` is `medium`, not zero
updateModelWithValue(model, segments[1], checkLineWidth(value, false), property);
break;
case 'style':
// the initial value of `border-style` is `none`
updateModelWithValue(model, segments[1], checkLineStyle(value, true), property);
break;
}
break;
case 'width':
// the initial value of `border-width` is `medium`, not zero
updateModelWithList(model, checkLineWidthList(value.getChildren(), false), property);
break;
case 'style':
// the initial value of `border-style` is `none`
updateModelWithList(model, checkLineStyleList(value.getChildren(), true), property);
break;
}
break;
case 'padding':
if (segments.length === 1) {
// the initial value of `padding` is zero
updateModelWithList(model, checkLineWidthList(value.getChildren(), true), property);
}
else {
// the initial value of `padding` is zero
updateModelWithValue(model, segments[1], checkLineWidth(value, true), property);
}
break;
}
break;
}
}
return model;
}
;// CONCATENATED MODULE: ../../node_modules/vscode-css-languageservice/lib/esm/services/lint.js
/*---------------------------------------------------------------------------------------------
* Copyright (c) Microsoft Corporation. All rights reserved.
* Licensed under the MIT License. See License.txt in the project root for license information.
*--------------------------------------------------------------------------------------------*/
class NodesByRootMap {
constructor() {
this.data = {};
}
add(root, name, node) {
let entry = this.data[root];
if (!entry) {
entry = { nodes: [], names: [] };
this.data[root] = entry;
}
entry.names.push(name);
if (node) {
entry.nodes.push(node);
}
}
}
class LintVisitor {
static entries(node, document, settings, cssDataManager, entryFilter) {
const visitor = new LintVisitor(document, settings, cssDataManager);
node.acceptVisitor(visitor);
visitor.completeValidations();
return visitor.getEntries(entryFilter);
}
constructor(document, settings, cssDataManager) {
this.cssDataManager = cssDataManager;
this.warnings = [];
this.settings = settings;
this.documentText = document.getText();
this.keyframes = new NodesByRootMap();
this.validProperties = {};
const properties = settings.getSetting(Settings.ValidProperties);
if (Array.isArray(properties)) {
properties.forEach((p) => {
if (typeof p === 'string') {
const name = p.trim().toLowerCase();
if (name.length) {
this.validProperties[name] = true;
}
}
});
}
}
isValidPropertyDeclaration(element) {
const propertyName = element.fullPropertyName;
return this.validProperties[propertyName];
}
fetch(input, s) {
const elements = [];
for (const curr of input) {
if (curr.fullPropertyName === s) {
elements.push(curr);
}
}
return elements;
}
fetchWithValue(input, s, v) {
const elements = [];
for (const inputElement of input) {
if (inputElement.fullPropertyName === s) {
const expression = inputElement.node.getValue();
if (expression && this.findValueInExpression(expression, v)) {
elements.push(inputElement);
}
}
}
return elements;
}
findValueInExpression(expression, v) {
let found = false;
expression.accept(node => {
if (node.type === NodeType.Identifier && node.matches(v)) {
found = true;
}
return !found;
});
return found;
}
getEntries(filter = (Level.Warning | Level.Error)) {
return this.warnings.filter(entry => {
return (entry.getLevel() & filter) !== 0;
});
}
addEntry(node, rule, details) {
const entry = new Marker(node, rule, this.settings.getRule(rule), details);
this.warnings.push(entry);
}
getMissingNames(expected, actual) {
const expectedClone = expected.slice(0); // clone
for (let i = 0; i < actual.length; i++) {
const k = expectedClone.indexOf(actual[i]);
if (k !== -1) {
expectedClone[k] = null;
}
}
let result = null;
for (let i = 0; i < expectedClone.length; i++) {
const curr = expectedClone[i];
if (curr) {
if (result === null) {
result = t("'{0}'", curr);
}
else {
result = t("{0}, '{1}'", result, curr);
}
}
}
return result;
}
visitNode(node) {
switch (node.type) {
case NodeType.UnknownAtRule:
return this.visitUnknownAtRule(node);
case NodeType.Keyframe:
return this.visitKeyframe(node);
case NodeType.FontFace:
return this.visitFontFace(node);
case NodeType.Ruleset:
return this.visitRuleSet(node);
case NodeType.SimpleSelector:
return this.visitSimpleSelector(node);
case NodeType.Function:
return this.visitFunction(node);
case NodeType.NumericValue:
return this.visitNumericValue(node);
case NodeType.Import:
return this.visitImport(node);
case NodeType.HexColorValue:
return this.visitHexColorValue(node);
case NodeType.Prio:
return this.visitPrio(node);
case NodeType.IdentifierSelector:
return this.visitIdentifierSelector(node);
}
return true;
}
completeValidations() {
this.validateKeyframes();
}
visitUnknownAtRule(node) {
const atRuleName = node.getChild(0);
if (!atRuleName) {
return false;
}
const atDirective = this.cssDataManager.getAtDirective(atRuleName.getText());
if (atDirective) {
return false;
}
this.addEntry(atRuleName, Rules.UnknownAtRules, `Unknown at rule ${atRuleName.getText()}`);
return true;
}
visitKeyframe(node) {
const keyword = node.getKeyword();
if (!keyword) {
return false;
}
const text = keyword.getText();
this.keyframes.add(node.getName(), text, (text !== '@keyframes') ? keyword : null);
return true;
}
validateKeyframes() {
// @keyframe and it's vendor specific alternatives
// @keyframe should be included
const expected = ['@-webkit-keyframes', '@-moz-keyframes', '@-o-keyframes'];
for (const name in this.keyframes.data) {
const actual = this.keyframes.data[name].names;
const needsStandard = (actual.indexOf('@keyframes') === -1);
if (!needsStandard && actual.length === 1) {
continue; // only the non-vendor specific keyword is used, that's fine, no warning
}
const missingVendorSpecific = this.getMissingNames(expected, actual);
if (missingVendorSpecific || needsStandard) {
for (const node of this.keyframes.data[name].nodes) {
if (needsStandard) {
const message = t("Always define standard rule '@keyframes' when defining keyframes.");
this.addEntry(node, Rules.IncludeStandardPropertyWhenUsingVendorPrefix, message);
}
if (missingVendorSpecific) {
const message = t("Always include all vendor specific rules: Missing: {0}", missingVendorSpecific);
this.addEntry(node, Rules.AllVendorPrefixes, message);
}
}
}
}
return true;
}
visitSimpleSelector(node) {
/////////////////////////////////////////////////////////////
// Lint - The universal selector (*) is known to be slow.
/////////////////////////////////////////////////////////////
const firstChar = this.documentText.charAt(node.offset);
if (node.length === 1 && firstChar === '*') {
this.addEntry(node, Rules.UniversalSelector);
}
return true;
}
visitIdentifierSelector(node) {
/////////////////////////////////////////////////////////////
// Lint - Avoid id selectors
/////////////////////////////////////////////////////////////
this.addEntry(node, Rules.AvoidIdSelector);
return true;
}
visitImport(node) {
/////////////////////////////////////////////////////////////
// Lint - Import statements shouldn't be used, because they aren't offering parallel downloads.
/////////////////////////////////////////////////////////////
this.addEntry(node, Rules.ImportStatemement);
return true;
}
visitRuleSet(node) {
/////////////////////////////////////////////////////////////
// Lint - Don't use empty rulesets.
/////////////////////////////////////////////////////////////
const declarations = node.getDeclarations();
if (!declarations) {
// syntax error
return false;
}
if (!declarations.hasChildren()) {
this.addEntry(node.getSelectors(), Rules.EmptyRuleSet);
}
const propertyTable = [];
for (const element of declarations.getChildren()) {
if (element instanceof Declaration) {
propertyTable.push(new lintUtil_Element(element));
}
}
/////////////////////////////////////////////////////////////
// the rule warns when it finds:
// width being used with border, border-left, border-right, padding, padding-left, or padding-right
// height being used with border, border-top, border-bottom, padding, padding-top, or padding-bottom
// No error when box-sizing property is specified, as it assumes the user knows what he's doing.
// see https://github.com/CSSLint/csslint/wiki/Beware-of-box-model-size
/////////////////////////////////////////////////////////////
const boxModel = calculateBoxModel(propertyTable);
if (boxModel.width) {
let properties = [];
if (boxModel.right.value) {
properties = union(properties, boxModel.right.properties);
}
if (boxModel.left.value) {
properties = union(properties, boxModel.left.properties);
}
if (properties.length !== 0) {
for (const item of properties) {
this.addEntry(item.node, Rules.BewareOfBoxModelSize);
}
this.addEntry(boxModel.width.node, Rules.BewareOfBoxModelSize);
}
}
if (boxModel.height) {
let properties = [];
if (boxModel.top.value) {
properties = union(properties, boxModel.top.properties);
}
if (boxModel.bottom.value) {
properties = union(properties, boxModel.bottom.properties);
}
if (properties.length !== 0) {
for (const item of properties) {
this.addEntry(item.node, Rules.BewareOfBoxModelSize);
}
this.addEntry(boxModel.height.node, Rules.BewareOfBoxModelSize);
}
}
/////////////////////////////////////////////////////////////
// Properties ignored due to display
/////////////////////////////////////////////////////////////
// With 'display: inline-block', 'float' has no effect
let displayElems = this.fetchWithValue(propertyTable, 'display', 'inline-block');
if (displayElems.length > 0) {
const elem = this.fetch(propertyTable, 'float');
for (let index = 0; index < elem.length; index++) {
const node = elem[index].node;
const value = node.getValue();
if (value && !value.matches('none')) {
this.addEntry(node, Rules.PropertyIgnoredDueToDisplay, t("inline-block is ignored due to the float. If 'float' has a value other than 'none', the box is floated and 'display' is treated as 'block'"));
}
}
}
// With 'display: block', 'vertical-align' has no effect
displayElems = this.fetchWithValue(propertyTable, 'display', 'block');
if (displayElems.length > 0) {
const elem = this.fetch(propertyTable, 'vertical-align');
for (let index = 0; index < elem.length; index++) {
this.addEntry(elem[index].node, Rules.PropertyIgnoredDueToDisplay, t("Property is ignored due to the display. With 'display: block', vertical-align should not be used."));
}
}
/////////////////////////////////////////////////////////////
// Avoid 'float'
/////////////////////////////////////////////////////////////
const elements = this.fetch(propertyTable, 'float');
for (let index = 0; index < elements.length; index++) {
const element = elements[index];
if (!this.isValidPropertyDeclaration(element)) {
this.addEntry(element.node, Rules.AvoidFloat);
}
}
/////////////////////////////////////////////////////////////
// Don't use duplicate declarations.
/////////////////////////////////////////////////////////////
for (let i = 0; i < propertyTable.length; i++) {
const element = propertyTable[i];
if (element.fullPropertyName !== 'background' && !this.validProperties[element.fullPropertyName]) {
const value = element.node.getValue();
if (value && this.documentText.charAt(value.offset) !== '-') {
const elements = this.fetch(propertyTable, element.fullPropertyName);
if (elements.length > 1) {
for (let k = 0; k < elements.length; k++) {
const value = elements[k].node.getValue();
if (value && this.documentText.charAt(value.offset) !== '-' && elements[k] !== element) {
this.addEntry(element.node, Rules.DuplicateDeclarations);
}
}
}
}
}
}
/////////////////////////////////////////////////////////////
// Unknown propery & When using a vendor-prefixed gradient, make sure to use them all.
/////////////////////////////////////////////////////////////
const isExportBlock = node.getSelectors().matches(":export");
if (!isExportBlock) {
const propertiesBySuffix = new NodesByRootMap();
let containsUnknowns = false;
for (const element of propertyTable) {
const decl = element.node;
if (this.isCSSDeclaration(decl)) {
let name = element.fullPropertyName;
const firstChar = name.charAt(0);
if (firstChar === '-') {
if (name.charAt(1) !== '-') { // avoid css variables
if (!this.cssDataManager.isKnownProperty(name) && !this.validProperties[name]) {
this.addEntry(decl.getProperty(), Rules.UnknownVendorSpecificProperty);
}
const nonPrefixedName = decl.getNonPrefixedPropertyName();
propertiesBySuffix.add(nonPrefixedName, name, decl.getProperty());
}
}
else {
const fullName = name;
if (firstChar === '*' || firstChar === '_') {
this.addEntry(decl.getProperty(), Rules.IEStarHack);
name = name.substr(1);
}
// _property and *property might be contributed via custom data
if (!this.cssDataManager.isKnownProperty(fullName) && !this.cssDataManager.isKnownProperty(name)) {
if (!this.validProperties[name]) {
this.addEntry(decl.getProperty(), Rules.UnknownProperty, t("Unknown property: '{0}'", decl.getFullPropertyName()));
}
}
propertiesBySuffix.add(name, name, null); // don't pass the node as we don't show errors on the standard
}
}
else {
containsUnknowns = true;
}
}
if (!containsUnknowns) { // don't perform this test if there are
for (const suffix in propertiesBySuffix.data) {
const entry = propertiesBySuffix.data[suffix];
const actual = entry.names;
const needsStandard = this.cssDataManager.isStandardProperty(suffix) && (actual.indexOf(suffix) === -1);
if (!needsStandard && actual.length === 1) {
continue; // only the non-vendor specific rule is used, that's fine, no warning
}
/**
* We should ignore missing standard properties, if there's an explicit contextual reference to a
* vendor specific pseudo-element selector with the same vendor (prefix)
*
* (See https://github.com/microsoft/vscode/issues/164350)
*/
const entriesThatNeedStandard = new Set(needsStandard ? entry.nodes : []);
if (needsStandard) {
const pseudoElements = this.getContextualVendorSpecificPseudoElements(node);
for (const node of entry.nodes) {
const propertyName = node.getName();
const prefix = propertyName.substring(0, propertyName.length - suffix.length);
if (pseudoElements.some(x => x.startsWith(prefix))) {
entriesThatNeedStandard.delete(node);
}
}
}
const expected = [];
for (let i = 0, len = LintVisitor.prefixes.length; i < len; i++) {
const prefix = LintVisitor.prefixes[i];
if (this.cssDataManager.isStandardProperty(prefix + suffix)) {
expected.push(prefix + suffix);
}
}
const missingVendorSpecific = this.getMissingNames(expected, actual);
if (missingVendorSpecific || needsStandard) {
for (const node of entry.nodes) {
if (needsStandard && entriesThatNeedStandard.has(node)) {
const message = t("Also define the standard property '{0}' for compatibility", suffix);
this.addEntry(node, Rules.IncludeStandardPropertyWhenUsingVendorPrefix, message);
}
if (missingVendorSpecific) {
const message = t("Always include all vendor specific properties: Missing: {0}", missingVendorSpecific);
this.addEntry(node, Rules.AllVendorPrefixes, message);
}
}
}
}
}
}
return true;
}
/**
* Walks up the syntax tree (starting from given `node`) and captures vendor
* specific pseudo-element selectors.
* @returns An array of vendor specific pseudo-elements; or empty if none
* was found.
*/
getContextualVendorSpecificPseudoElements(node) {
function walkDown(s, n) {
for (const child of n.getChildren()) {
if (child.type === NodeType.PseudoSelector) {
const pseudoElement = child.getChildren()[0]?.getText();
if (pseudoElement) {
s.add(pseudoElement);
}
}
walkDown(s, child);
}
}
function walkUp(s, n) {
if (n.type === NodeType.Ruleset) {
for (const selector of n.getSelectors().getChildren()) {
walkDown(s, selector);
}
}
return n.parent ? walkUp(s, n.parent) : undefined;
}
const result = new Set();
walkUp(result, node);
return Array.from(result);
}
visitPrio(node) {
/////////////////////////////////////////////////////////////
// Don't use !important
/////////////////////////////////////////////////////////////
this.addEntry(node, Rules.AvoidImportant);
return true;
}
visitNumericValue(node) {
/////////////////////////////////////////////////////////////
// 0 has no following unit
/////////////////////////////////////////////////////////////
const funcDecl = node.findParent(NodeType.Function);
if (funcDecl && funcDecl.getName() === 'calc') {
return true;
}
const decl = node.findParent(NodeType.Declaration);
if (decl) {
const declValue = decl.getValue();
if (declValue) {
const value = node.getValue();
if (!value.unit || builtinData_units.length.indexOf(value.unit.toLowerCase()) === -1) {
return true;
}
if (parseFloat(value.value) === 0.0 && !!value.unit && !this.validProperties[decl.getFullPropertyName()]) {
this.addEntry(node, Rules.ZeroWithUnit);
}
}
}
return true;
}
visitFontFace(node) {
const declarations = node.getDeclarations();
if (!declarations) {
// syntax error
return false;
}
let definesSrc = false, definesFontFamily = false;
let containsUnknowns = false;
for (const node of declarations.getChildren()) {
if (this.isCSSDeclaration(node)) {
const name = node.getProperty().getName().toLowerCase();
if (name === 'src') {
definesSrc = true;
}
if (name === 'font-family') {
definesFontFamily = true;
}
}
else {
containsUnknowns = true;
}
}
if (!containsUnknowns && (!definesSrc || !definesFontFamily)) {
this.addEntry(node, Rules.RequiredPropertiesForFontFace);
}
return true;
}
isCSSDeclaration(node) {
if (node instanceof Declaration) {
if (!node.getValue()) {
return false;
}
const property = node.getProperty();
if (!property) {
return false;
}
const identifier = property.getIdentifier();
if (!identifier || identifier.containsInterpolation()) {
return false;
}
return true;
}
return false;
}
visitHexColorValue(node) {
// Rule: #eeff0011 or #eeff00 or #ef01 or #ef0
const length = node.length;
if (length !== 9 && length !== 7 && length !== 5 && length !== 4) {
this.addEntry(node, Rules.HexColorLength);
}
return false;
}
visitFunction(node) {
const fnName = node.getName().toLowerCase();
let expectedAttrCount = -1;
let actualAttrCount = 0;
switch (fnName) {
case 'rgb(':
case 'hsl(':
expectedAttrCount = 3;
break;
case 'rgba(':
case 'hsla(':
expectedAttrCount = 4;
break;
}
if (expectedAttrCount !== -1) {
node.getArguments().accept(n => {
if (n instanceof BinaryExpression) {
actualAttrCount += 1;
return false;
}
return true;
});
if (actualAttrCount !== expectedAttrCount) {
this.addEntry(node, Rules.ArgsInColorFunction);
}
}
return true;
}
}
LintVisitor.prefixes = [
'-ms-', '-moz-', '-o-', '-webkit-', // Quite common
// '-xv-', '-atsc-', '-wap-', '-khtml-', 'mso-', 'prince-', '-ah-', '-hp-', '-ro-', '-rim-', '-tc-' // Quite un-common
];
;// CONCATENATED MODULE: ../../node_modules/vscode-css-languageservice/lib/esm/services/cssValidation.js
/*---------------------------------------------------------------------------------------------
* Copyright (c) Microsoft Corporation. All rights reserved.
* Licensed under the MIT License. See License.txt in the project root for license information.
*--------------------------------------------------------------------------------------------*/
class CSSValidation {
constructor(cssDataManager) {
this.cssDataManager = cssDataManager;
}
configure(settings) {
this.settings = settings;
}
doValidation(document, stylesheet, settings = this.settings) {
if (settings && settings.validate === false) {
return [];
}
const entries = [];
entries.push.apply(entries, ParseErrorCollector.entries(stylesheet));
entries.push.apply(entries, LintVisitor.entries(stylesheet, document, new LintConfigurationSettings(settings && settings.lint), this.cssDataManager));
const ruleIds = [];
for (const r in Rules) {
ruleIds.push(Rules[r].id);
}
function toDiagnostic(marker) {
const range = main.Range.create(document.positionAt(marker.getOffset()), document.positionAt(marker.getOffset() + marker.getLength()));
const source = document.languageId;
return {
code: marker.getRule().id,
source: source,
message: marker.getMessage(),
severity: marker.getLevel() === Level.Warning ? main.DiagnosticSeverity.Warning : main.DiagnosticSeverity.Error,
range: range
};
}
return entries.filter(entry => entry.getLevel() !== Level.Ignore).map(toDiagnostic);
}
}
;// CONCATENATED MODULE: ../../node_modules/vscode-css-languageservice/lib/esm/parser/scssScanner.js
/*---------------------------------------------------------------------------------------------
* Copyright (c) Microsoft Corporation. All rights reserved.
* Licensed under the MIT License. See License.txt in the project root for license information.
*--------------------------------------------------------------------------------------------*/
const scssScanner_FSL = '/'.charCodeAt(0);
const scssScanner_NWL = '\n'.charCodeAt(0);
const scssScanner_CAR = '\r'.charCodeAt(0);
const scssScanner_LFD = '\f'.charCodeAt(0);
const scssScanner_DLR = '$'.charCodeAt(0);
const scssScanner_HSH = '#'.charCodeAt(0);
const scssScanner_CUL = '{'.charCodeAt(0);
const scssScanner_EQS = '='.charCodeAt(0);
const scssScanner_BNG = '!'.charCodeAt(0);
const scssScanner_LAN = '<'.charCodeAt(0);
const scssScanner_RAN = '>'.charCodeAt(0);
const scssScanner_DOT = '.'.charCodeAt(0);
const scssScanner_ATS = '@'.charCodeAt(0);
let customTokenValue = TokenType.CustomToken;
const VariableName = customTokenValue++;
const InterpolationFunction = customTokenValue++;
const Default = customTokenValue++;
const EqualsOperator = customTokenValue++;
const NotEqualsOperator = customTokenValue++;
const GreaterEqualsOperator = customTokenValue++;
const SmallerEqualsOperator = customTokenValue++;
const Ellipsis = customTokenValue++;
const scssScanner_Module = customTokenValue++;
class SCSSScanner extends Scanner {
scanNext(offset) {
// scss variable
if (this.stream.advanceIfChar(scssScanner_DLR)) {
const content = ['$'];
if (this.ident(content)) {
return this.finishToken(offset, VariableName, content.join(''));
}
else {
this.stream.goBackTo(offset);
}
}
// scss: interpolation function #{..})
if (this.stream.advanceIfChars([scssScanner_HSH, scssScanner_CUL])) {
return this.finishToken(offset, InterpolationFunction);
}
// operator ==
if (this.stream.advanceIfChars([scssScanner_EQS, scssScanner_EQS])) {
return this.finishToken(offset, EqualsOperator);
}
// operator !=
if (this.stream.advanceIfChars([scssScanner_BNG, scssScanner_EQS])) {
return this.finishToken(offset, NotEqualsOperator);
}
// operators <, <=
if (this.stream.advanceIfChar(scssScanner_LAN)) {
if (this.stream.advanceIfChar(scssScanner_EQS)) {
return this.finishToken(offset, SmallerEqualsOperator);
}
return this.finishToken(offset, TokenType.Delim);
}
// ooperators >, >=
if (this.stream.advanceIfChar(scssScanner_RAN)) {
if (this.stream.advanceIfChar(scssScanner_EQS)) {
return this.finishToken(offset, GreaterEqualsOperator);
}
return this.finishToken(offset, TokenType.Delim);
}
// ellipis
if (this.stream.advanceIfChars([scssScanner_DOT, scssScanner_DOT, scssScanner_DOT])) {
return this.finishToken(offset, Ellipsis);
}
return super.scanNext(offset);
}
comment() {
if (super.comment()) {
return true;
}
if (!this.inURL && this.stream.advanceIfChars([scssScanner_FSL, scssScanner_FSL])) {
this.stream.advanceWhileChar((ch) => {
switch (ch) {
case scssScanner_NWL:
case scssScanner_CAR:
case scssScanner_LFD:
return false;
default:
return true;
}
});
return true;
}
else {
return false;
}
}
}
;// CONCATENATED MODULE: ../../node_modules/vscode-css-languageservice/lib/esm/parser/scssErrors.js
/*---------------------------------------------------------------------------------------------
* Copyright (c) Microsoft Corporation. All rights reserved.
* Licensed under the MIT License. See License.txt in the project root for license information.
*--------------------------------------------------------------------------------------------*/
class SCSSIssueType {
constructor(id, message) {
this.id = id;
this.message = message;
}
}
const SCSSParseError = {
FromExpected: new SCSSIssueType('scss-fromexpected', t("'from' expected")),
ThroughOrToExpected: new SCSSIssueType('scss-throughexpected', t("'through' or 'to' expected")),
InExpected: new SCSSIssueType('scss-fromexpected', t("'in' expected")),
};
;// CONCATENATED MODULE: ../../node_modules/vscode-css-languageservice/lib/esm/parser/scssParser.js
/*---------------------------------------------------------------------------------------------
* Copyright (c) Microsoft Corporation. All rights reserved.
* Licensed under the MIT License. See License.txt in the project root for license information.
*--------------------------------------------------------------------------------------------*/
/// <summary>
/// A parser for scss
/// http://sass-lang.com/documentation/file.SASS_REFERENCE.html
/// </summary>
class SCSSParser extends Parser {
constructor() {
super(new SCSSScanner());
}
_parseStylesheetStatement(isNested = false) {
if (this.peek(TokenType.AtKeyword)) {
return this._parseWarnAndDebug() // @warn, @debug and @error statements
|| this._parseControlStatement() // @if, @while, @for, @each
|| this._parseMixinDeclaration() // @mixin
|| this._parseMixinContent() // @content
|| this._parseMixinReference() // @include
|| this._parseFunctionDeclaration() // @function
|| this._parseForward() // @forward
|| this._parseUse() // @use
|| this._parseRuleset(isNested) // @at-rule
|| super._parseStylesheetAtStatement(isNested);
}
return this._parseRuleset(true) || this._parseVariableDeclaration();
}
_parseImport() {
if (!this.peekKeyword('@import')) {
return null;
}
const node = this.create(Import);
this.consumeToken();
if (!node.addChild(this._parseURILiteral()) && !node.addChild(this._parseStringLiteral())) {
return this.finish(node, ParseError.URIOrStringExpected);
}
while (this.accept(TokenType.Comma)) {
if (!node.addChild(this._parseURILiteral()) && !node.addChild(this._parseStringLiteral())) {
return this.finish(node, ParseError.URIOrStringExpected);
}
}
if (!this.peek(TokenType.SemiColon) && !this.peek(TokenType.EOF)) {
node.setMedialist(this._parseMediaQueryList());
}
return this.finish(node);
}
// scss variables: $font-size: 12px;
_parseVariableDeclaration(panic = []) {
if (!this.peek(VariableName)) {
return null;
}
const node = this.create(VariableDeclaration);
if (!node.setVariable(this._parseVariable())) {
return null;
}
if (!this.accept(TokenType.Colon)) {
return this.finish(node, ParseError.ColonExpected);
}
if (this.prevToken) {
node.colonPosition = this.prevToken.offset;
}
if (!node.setValue(this._parseExpr())) {
return this.finish(node, ParseError.VariableValueExpected, [], panic);
}
while (this.peek(TokenType.Exclamation)) {
if (node.addChild(this._tryParsePrio())) {
// !important
}
else {
this.consumeToken();
if (!this.peekRegExp(TokenType.Ident, /^(default|global)$/)) {
return this.finish(node, ParseError.UnknownKeyword);
}
this.consumeToken();
}
}
if (this.peek(TokenType.SemiColon)) {
node.semicolonPosition = this.token.offset; // not part of the declaration, but useful information for code assist
}
return this.finish(node);
}
_parseMediaCondition() {
return this._parseInterpolation() || super._parseMediaCondition();
}
_parseMediaFeatureRangeOperator() {
return this.accept(SmallerEqualsOperator) || this.accept(GreaterEqualsOperator) || super._parseMediaFeatureRangeOperator();
}
_parseMediaFeatureName() {
return this._parseModuleMember()
|| this._parseFunction() // function before ident
|| this._parseIdent()
|| this._parseVariable();
}
_parseKeyframeSelector() {
return this._tryParseKeyframeSelector()
|| this._parseControlStatement(this._parseKeyframeSelector.bind(this))
|| this._parseVariableDeclaration()
|| this._parseMixinContent();
}
_parseVariable() {
if (!this.peek(VariableName)) {
return null;
}
const node = this.create(Variable);
this.consumeToken();
return node;
}
_parseModuleMember() {
const pos = this.mark();
const node = this.create(Module);
if (!node.setIdentifier(this._parseIdent([ReferenceType.Module]))) {
return null;
}
if (this.hasWhitespace()
|| !this.acceptDelim('.')
|| this.hasWhitespace()) {
this.restoreAtMark(pos);
return null;
}
if (!node.addChild(this._parseVariable() || this._parseFunction())) {
return this.finish(node, ParseError.IdentifierOrVariableExpected);
}
return node;
}
_parseIdent(referenceTypes) {
if (!this.peek(TokenType.Ident) && !this.peek(InterpolationFunction) && !this.peekDelim('-')) {
return null;
}
const node = this.create(Identifier);
node.referenceTypes = referenceTypes;
node.isCustomProperty = this.peekRegExp(TokenType.Ident, /^--/);
let hasContent = false;
const indentInterpolation = () => {
const pos = this.mark();
if (this.acceptDelim('-')) {
if (!this.hasWhitespace()) {
this.acceptDelim('-');
}
if (this.hasWhitespace()) {
this.restoreAtMark(pos);
return null;
}
}
return this._parseInterpolation();
};
while (this.accept(TokenType.Ident) || node.addChild(indentInterpolation()) || (hasContent && this.acceptRegexp(/^[\w-]/))) {
hasContent = true;
if (this.hasWhitespace()) {
break;
}
}
return hasContent ? this.finish(node) : null;
}
_parseTermExpression() {
return this._parseModuleMember() ||
this._parseVariable() ||
this._parseNestingSelector() ||
//this._tryParsePrio() ||
super._parseTermExpression();
}
_parseInterpolation() {
if (this.peek(InterpolationFunction)) {
const node = this.create(Interpolation);
this.consumeToken();
if (!node.addChild(this._parseExpr()) && !this._parseNestingSelector()) {
if (this.accept(TokenType.CurlyR)) {
return this.finish(node);
}
return this.finish(node, ParseError.ExpressionExpected);
}
if (!this.accept(TokenType.CurlyR)) {
return this.finish(node, ParseError.RightCurlyExpected);
}
return this.finish(node);
}
return null;
}
_parseOperator() {
if (this.peek(EqualsOperator) || this.peek(NotEqualsOperator)
|| this.peek(GreaterEqualsOperator) || this.peek(SmallerEqualsOperator)
|| this.peekDelim('>') || this.peekDelim('<')
|| this.peekIdent('and') || this.peekIdent('or')
|| this.peekDelim('%')) {
const node = this.createNode(NodeType.Operator);
this.consumeToken();
return this.finish(node);
}
return super._parseOperator();
}
_parseUnaryOperator() {
if (this.peekIdent('not')) {
const node = this.create(Node);
this.consumeToken();
return this.finish(node);
}
return super._parseUnaryOperator();
}
_parseRuleSetDeclaration() {
if (this.peek(TokenType.AtKeyword)) {
return this._parseKeyframe() // nested @keyframe
|| this._parseImport() // nested @import
|| this._parseMedia(true) // nested @media
|| this._parseFontFace() // nested @font-face
|| this._parseWarnAndDebug() // @warn, @debug and @error statements
|| this._parseControlStatement() // @if, @while, @for, @each
|| this._parseFunctionDeclaration() // @function
|| this._parseExtends() // @extends
|| this._parseMixinReference() // @include
|| this._parseMixinContent() // @content
|| this._parseMixinDeclaration() // nested @mixin
|| this._parseRuleset(true) // @at-rule
|| this._parseSupports(true) // @supports
|| this._parseLayer() // @layer
|| this._parsePropertyAtRule() // @property
|| this._parseRuleSetDeclarationAtStatement();
}
return this._parseVariableDeclaration() // variable declaration
|| this._tryParseRuleset(true) // nested ruleset
|| this._parseDeclaration(); // try css ruleset declaration as last so in the error case, the ast will contain a declaration
}
_parseDeclaration(stopTokens) {
const custonProperty = this._tryParseCustomPropertyDeclaration(stopTokens);
if (custonProperty) {
return custonProperty;
}
const node = this.create(Declaration);
if (!node.setProperty(this._parseProperty())) {
return null;
}
if (!this.accept(TokenType.Colon)) {
return this.finish(node, ParseError.ColonExpected, [TokenType.Colon], stopTokens || [TokenType.SemiColon]);
}
if (this.prevToken) {
node.colonPosition = this.prevToken.offset;
}
let hasContent = false;
if (node.setValue(this._parseExpr())) {
hasContent = true;
node.addChild(this._parsePrio());
}
if (this.peek(TokenType.CurlyL)) {
node.setNestedProperties(this._parseNestedProperties());
}
else {
if (!hasContent) {
return this.finish(node, ParseError.PropertyValueExpected);
}
}
if (this.peek(TokenType.SemiColon)) {
node.semicolonPosition = this.token.offset; // not part of the declaration, but useful information for code assist
}
return this.finish(node);
}
_parseNestedProperties() {
const node = this.create(NestedProperties);
return this._parseBody(node, this._parseDeclaration.bind(this));
}
_parseExtends() {
if (this.peekKeyword('@extend')) {
const node = this.create(ExtendsReference);
this.consumeToken();
if (!node.getSelectors().addChild(this._parseSimpleSelector())) {
return this.finish(node, ParseError.SelectorExpected);
}
while (this.accept(TokenType.Comma)) {
node.getSelectors().addChild(this._parseSimpleSelector());
}
if (this.accept(TokenType.Exclamation)) {
if (!this.acceptIdent('optional')) {
return this.finish(node, ParseError.UnknownKeyword);
}
}
return this.finish(node);
}
return null;
}
_parseSimpleSelectorBody() {
return this._parseSelectorPlaceholder() || super._parseSimpleSelectorBody();
}
_parseNestingSelector() {
if (this.peekDelim('&')) {
const node = this.createNode(NodeType.SelectorCombinator);
this.consumeToken();
while (!this.hasWhitespace() && (this.acceptDelim('-') || this.accept(TokenType.Num) || this.accept(TokenType.Dimension) || node.addChild(this._parseIdent()) || this.acceptDelim('&'))) {
// support &-foo-1
}
return this.finish(node);
}
return null;
}
_parseSelectorPlaceholder() {
if (this.peekDelim('%')) {
const node = this.createNode(NodeType.SelectorPlaceholder);
this.consumeToken();
this._parseIdent();
return this.finish(node);
}
else if (this.peekKeyword('@at-root')) {
const node = this.createNode(NodeType.SelectorPlaceholder);
this.consumeToken();
if (this.accept(TokenType.ParenthesisL)) {
if (!this.acceptIdent('with') && !this.acceptIdent('without')) {
return this.finish(node, ParseError.IdentifierExpected);
}
if (!this.accept(TokenType.Colon)) {
return this.finish(node, ParseError.ColonExpected);
}
if (!node.addChild(this._parseIdent())) {
return this.finish(node, ParseError.IdentifierExpected);
}
if (!this.accept(TokenType.ParenthesisR)) {
return this.finish(node, ParseError.RightParenthesisExpected, [TokenType.CurlyR]);
}
}
return this.finish(node);
}
return null;
}
_parseElementName() {
const pos = this.mark();
const node = super._parseElementName();
if (node && !this.hasWhitespace() && this.peek(TokenType.ParenthesisL)) { // for #49589
this.restoreAtMark(pos);
return null;
}
return node;
}
_tryParsePseudoIdentifier() {
return this._parseInterpolation() || super._tryParsePseudoIdentifier(); // for #49589
}
_parseWarnAndDebug() {
if (!this.peekKeyword('@debug')
&& !this.peekKeyword('@warn')
&& !this.peekKeyword('@error')) {
return null;
}
const node = this.createNode(NodeType.Debug);
this.consumeToken(); // @debug, @warn or @error
node.addChild(this._parseExpr()); // optional
return this.finish(node);
}
_parseControlStatement(parseStatement = this._parseRuleSetDeclaration.bind(this)) {
if (!this.peek(TokenType.AtKeyword)) {
return null;
}
return this._parseIfStatement(parseStatement) || this._parseForStatement(parseStatement)
|| this._parseEachStatement(parseStatement) || this._parseWhileStatement(parseStatement);
}
_parseIfStatement(parseStatement) {
if (!this.peekKeyword('@if')) {
return null;
}
return this._internalParseIfStatement(parseStatement);
}
_internalParseIfStatement(parseStatement) {
const node = this.create(IfStatement);
this.consumeToken(); // @if or if
if (!node.setExpression(this._parseExpr(true))) {
return this.finish(node, ParseError.ExpressionExpected);
}
this._parseBody(node, parseStatement);
if (this.acceptKeyword('@else')) {
if (this.peekIdent('if')) {
node.setElseClause(this._internalParseIfStatement(parseStatement));
}
else if (this.peek(TokenType.CurlyL)) {
const elseNode = this.create(ElseStatement);
this._parseBody(elseNode, parseStatement);
node.setElseClause(elseNode);
}
}
return this.finish(node);
}
_parseForStatement(parseStatement) {
if (!this.peekKeyword('@for')) {
return null;
}
const node = this.create(ForStatement);
this.consumeToken(); // @for
if (!node.setVariable(this._parseVariable())) {
return this.finish(node, ParseError.VariableNameExpected, [TokenType.CurlyR]);
}
if (!this.acceptIdent('from')) {
return this.finish(node, SCSSParseError.FromExpected, [TokenType.CurlyR]);
}
if (!node.addChild(this._parseBinaryExpr())) {
return this.finish(node, ParseError.ExpressionExpected, [TokenType.CurlyR]);
}
if (!this.acceptIdent('to') && !this.acceptIdent('through')) {
return this.finish(node, SCSSParseError.ThroughOrToExpected, [TokenType.CurlyR]);
}
if (!node.addChild(this._parseBinaryExpr())) {
return this.finish(node, ParseError.ExpressionExpected, [TokenType.CurlyR]);
}
return this._parseBody(node, parseStatement);
}
_parseEachStatement(parseStatement) {
if (!this.peekKeyword('@each')) {
return null;
}
const node = this.create(EachStatement);
this.consumeToken(); // @each
const variables = node.getVariables();
if (!variables.addChild(this._parseVariable())) {
return this.finish(node, ParseError.VariableNameExpected, [TokenType.CurlyR]);
}
while (this.accept(TokenType.Comma)) {
if (!variables.addChild(this._parseVariable())) {
return this.finish(node, ParseError.VariableNameExpected, [TokenType.CurlyR]);
}
}
this.finish(variables);
if (!this.acceptIdent('in')) {
return this.finish(node, SCSSParseError.InExpected, [TokenType.CurlyR]);
}
if (!node.addChild(this._parseExpr())) {
return this.finish(node, ParseError.ExpressionExpected, [TokenType.CurlyR]);
}
return this._parseBody(node, parseStatement);
}
_parseWhileStatement(parseStatement) {
if (!this.peekKeyword('@while')) {
return null;
}
const node = this.create(WhileStatement);
this.consumeToken(); // @while
if (!node.addChild(this._parseBinaryExpr())) {
return this.finish(node, ParseError.ExpressionExpected, [TokenType.CurlyR]);
}
return this._parseBody(node, parseStatement);
}
_parseFunctionBodyDeclaration() {
return this._parseVariableDeclaration() || this._parseReturnStatement() || this._parseWarnAndDebug()
|| this._parseControlStatement(this._parseFunctionBodyDeclaration.bind(this));
}
_parseFunctionDeclaration() {
if (!this.peekKeyword('@function')) {
return null;
}
const node = this.create(FunctionDeclaration);
this.consumeToken(); // @function
if (!node.setIdentifier(this._parseIdent([ReferenceType.Function]))) {
return this.finish(node, ParseError.IdentifierExpected, [TokenType.CurlyR]);
}
if (!this.accept(TokenType.ParenthesisL)) {
return this.finish(node, ParseError.LeftParenthesisExpected, [TokenType.CurlyR]);
}
if (node.getParameters().addChild(this._parseParameterDeclaration())) {
while (this.accept(TokenType.Comma)) {
if (this.peek(TokenType.ParenthesisR)) {
break;
}
if (!node.getParameters().addChild(this._parseParameterDeclaration())) {
return this.finish(node, ParseError.VariableNameExpected);
}
}
}
if (!this.accept(TokenType.ParenthesisR)) {
return this.finish(node, ParseError.RightParenthesisExpected, [TokenType.CurlyR]);
}
return this._parseBody(node, this._parseFunctionBodyDeclaration.bind(this));
}
_parseReturnStatement() {
if (!this.peekKeyword('@return')) {
return null;
}
const node = this.createNode(NodeType.ReturnStatement);
this.consumeToken(); // @function
if (!node.addChild(this._parseExpr())) {
return this.finish(node, ParseError.ExpressionExpected);
}
return this.finish(node);
}
_parseMixinDeclaration() {
if (!this.peekKeyword('@mixin')) {
return null;
}
const node = this.create(MixinDeclaration);
this.consumeToken();
if (!node.setIdentifier(this._parseIdent([ReferenceType.Mixin]))) {
return this.finish(node, ParseError.IdentifierExpected, [TokenType.CurlyR]);
}
if (this.accept(TokenType.ParenthesisL)) {
if (node.getParameters().addChild(this._parseParameterDeclaration())) {
while (this.accept(TokenType.Comma)) {
if (this.peek(TokenType.ParenthesisR)) {
break;
}
if (!node.getParameters().addChild(this._parseParameterDeclaration())) {
return this.finish(node, ParseError.VariableNameExpected);
}
}
}
if (!this.accept(TokenType.ParenthesisR)) {
return this.finish(node, ParseError.RightParenthesisExpected, [TokenType.CurlyR]);
}
}
return this._parseBody(node, this._parseRuleSetDeclaration.bind(this));
}
_parseParameterDeclaration() {
const node = this.create(FunctionParameter);
if (!node.setIdentifier(this._parseVariable())) {
return null;
}
if (this.accept(Ellipsis)) {
// ok
}
if (this.accept(TokenType.Colon)) {
if (!node.setDefaultValue(this._parseExpr(true))) {
return this.finish(node, ParseError.VariableValueExpected, [], [TokenType.Comma, TokenType.ParenthesisR]);
}
}
return this.finish(node);
}
_parseMixinContent() {
if (!this.peekKeyword('@content')) {
return null;
}
const node = this.create(MixinContentReference);
this.consumeToken();
if (this.accept(TokenType.ParenthesisL)) {
if (node.getArguments().addChild(this._parseFunctionArgument())) {
while (this.accept(TokenType.Comma)) {
if (this.peek(TokenType.ParenthesisR)) {
break;
}
if (!node.getArguments().addChild(this._parseFunctionArgument())) {
return this.finish(node, ParseError.ExpressionExpected);
}
}
}
if (!this.accept(TokenType.ParenthesisR)) {
return this.finish(node, ParseError.RightParenthesisExpected);
}
}
return this.finish(node);
}
_parseMixinReference() {
if (!this.peekKeyword('@include')) {
return null;
}
const node = this.create(MixinReference);
this.consumeToken();
// Could be module or mixin identifier, set as mixin as default.
const firstIdent = this._parseIdent([ReferenceType.Mixin]);
if (!node.setIdentifier(firstIdent)) {
return this.finish(node, ParseError.IdentifierExpected, [TokenType.CurlyR]);
}
// Is a module accessor.
if (!this.hasWhitespace() && this.acceptDelim('.') && !this.hasWhitespace()) {
const secondIdent = this._parseIdent([ReferenceType.Mixin]);
if (!secondIdent) {
return this.finish(node, ParseError.IdentifierExpected, [TokenType.CurlyR]);
}
const moduleToken = this.create(Module);
// Re-purpose first matched ident as identifier for module token.
firstIdent.referenceTypes = [ReferenceType.Module];
moduleToken.setIdentifier(firstIdent);
// Override identifier with second ident.
node.setIdentifier(secondIdent);
node.addChild(moduleToken);
}
if (this.accept(TokenType.ParenthesisL)) {
if (node.getArguments().addChild(this._parseFunctionArgument())) {
while (this.accept(TokenType.Comma)) {
if (this.peek(TokenType.ParenthesisR)) {
break;
}
if (!node.getArguments().addChild(this._parseFunctionArgument())) {
return this.finish(node, ParseError.ExpressionExpected);
}
}
}
if (!this.accept(TokenType.ParenthesisR)) {
return this.finish(node, ParseError.RightParenthesisExpected);
}
}
if (this.peekIdent('using') || this.peek(TokenType.CurlyL)) {
node.setContent(this._parseMixinContentDeclaration());
}
return this.finish(node);
}
_parseMixinContentDeclaration() {
const node = this.create(MixinContentDeclaration);
if (this.acceptIdent('using')) {
if (!this.accept(TokenType.ParenthesisL)) {
return this.finish(node, ParseError.LeftParenthesisExpected, [TokenType.CurlyL]);
}
if (node.getParameters().addChild(this._parseParameterDeclaration())) {
while (this.accept(TokenType.Comma)) {
if (this.peek(TokenType.ParenthesisR)) {
break;
}
if (!node.getParameters().addChild(this._parseParameterDeclaration())) {
return this.finish(node, ParseError.VariableNameExpected);
}
}
}
if (!this.accept(TokenType.ParenthesisR)) {
return this.finish(node, ParseError.RightParenthesisExpected, [TokenType.CurlyL]);
}
}
if (this.peek(TokenType.CurlyL)) {
this._parseBody(node, this._parseMixinReferenceBodyStatement.bind(this));
}
return this.finish(node);
}
_parseMixinReferenceBodyStatement() {
return this._tryParseKeyframeSelector() || this._parseRuleSetDeclaration();
}
_parseFunctionArgument() {
// [variableName ':'] expression | variableName '...'
const node = this.create(FunctionArgument);
const pos = this.mark();
const argument = this._parseVariable();
if (argument) {
if (!this.accept(TokenType.Colon)) {
if (this.accept(Ellipsis)) { // optional
node.setValue(argument);
return this.finish(node);
}
else {
this.restoreAtMark(pos);
}
}
else {
node.setIdentifier(argument);
}
}
if (node.setValue(this._parseExpr(true))) {
this.accept(Ellipsis); // #43746
node.addChild(this._parsePrio()); // #9859
return this.finish(node);
}
else if (node.setValue(this._tryParsePrio())) {
return this.finish(node);
}
return null;
}
_parseURLArgument() {
const pos = this.mark();
const node = super._parseURLArgument();
if (!node || !this.peek(TokenType.ParenthesisR)) {
this.restoreAtMark(pos);
const node = this.create(Node);
node.addChild(this._parseBinaryExpr());
return this.finish(node);
}
return node;
}
_parseOperation() {
if (!this.peek(TokenType.ParenthesisL)) {
return null;
}
const node = this.create(Node);
this.consumeToken();
while (node.addChild(this._parseListElement())) {
this.accept(TokenType.Comma); // optional
}
if (!this.accept(TokenType.ParenthesisR)) {
return this.finish(node, ParseError.RightParenthesisExpected);
}
return this.finish(node);
}
_parseListElement() {
const node = this.create(ListEntry);
const child = this._parseBinaryExpr();
if (!child) {
return null;
}
if (this.accept(TokenType.Colon)) {
node.setKey(child);
if (!node.setValue(this._parseBinaryExpr())) {
return this.finish(node, ParseError.ExpressionExpected);
}
}
else {
node.setValue(child);
}
return this.finish(node);
}
_parseUse() {
if (!this.peekKeyword('@use')) {
return null;
}
const node = this.create(Use);
this.consumeToken(); // @use
if (!node.addChild(this._parseStringLiteral())) {
return this.finish(node, ParseError.StringLiteralExpected);
}
if (!this.peek(TokenType.SemiColon) && !this.peek(TokenType.EOF)) {
if (!this.peekRegExp(TokenType.Ident, /as|with/)) {
return this.finish(node, ParseError.UnknownKeyword);
}
if (this.acceptIdent('as') &&
(!node.setIdentifier(this._parseIdent([ReferenceType.Module])) && !this.acceptDelim('*'))) {
return this.finish(node, ParseError.IdentifierOrWildcardExpected);
}
if (this.acceptIdent('with')) {
if (!this.accept(TokenType.ParenthesisL)) {
return this.finish(node, ParseError.LeftParenthesisExpected, [TokenType.ParenthesisR]);
}
// First variable statement, no comma.
if (!node.getParameters().addChild(this._parseModuleConfigDeclaration())) {
return this.finish(node, ParseError.VariableNameExpected);
}
while (this.accept(TokenType.Comma)) {
if (this.peek(TokenType.ParenthesisR)) {
break;
}
if (!node.getParameters().addChild(this._parseModuleConfigDeclaration())) {
return this.finish(node, ParseError.VariableNameExpected);
}
}
if (!this.accept(TokenType.ParenthesisR)) {
return this.finish(node, ParseError.RightParenthesisExpected);
}
}
}
if (!this.accept(TokenType.SemiColon) && !this.accept(TokenType.EOF)) {
return this.finish(node, ParseError.SemiColonExpected);
}
return this.finish(node);
}
_parseModuleConfigDeclaration() {
const node = this.create(ModuleConfiguration);
if (!node.setIdentifier(this._parseVariable())) {
return null;
}
if (!this.accept(TokenType.Colon) || !node.setValue(this._parseExpr(true))) {
return this.finish(node, ParseError.VariableValueExpected, [], [TokenType.Comma, TokenType.ParenthesisR]);
}
if (this.accept(TokenType.Exclamation)) {
if (this.hasWhitespace() || !this.acceptIdent('default')) {
return this.finish(node, ParseError.UnknownKeyword);
}
}
return this.finish(node);
}
_parseForward() {
if (!this.peekKeyword('@forward')) {
return null;
}
const node = this.create(Forward);
this.consumeToken();
if (!node.addChild(this._parseStringLiteral())) {
return this.finish(node, ParseError.StringLiteralExpected);
}
if (this.acceptIdent('as')) {
const identifier = this._parseIdent([ReferenceType.Forward]);
if (!node.setIdentifier(identifier)) {
return this.finish(node, ParseError.IdentifierExpected);
}
// Wildcard must be the next character after the identifier string.
if (this.hasWhitespace() || !this.acceptDelim('*')) {
return this.finish(node, ParseError.WildcardExpected);
}
}
if (this.acceptIdent('with')) {
if (!this.accept(TokenType.ParenthesisL)) {
return this.finish(node, ParseError.LeftParenthesisExpected, [TokenType.ParenthesisR]);
}
// First variable statement, no comma.
if (!node.getParameters().addChild(this._parseModuleConfigDeclaration())) {
return this.finish(node, ParseError.VariableNameExpected);
}
while (this.accept(TokenType.Comma)) {
if (this.peek(TokenType.ParenthesisR)) {
break;
}
if (!node.getParameters().addChild(this._parseModuleConfigDeclaration())) {
return this.finish(node, ParseError.VariableNameExpected);
}
}
if (!this.accept(TokenType.ParenthesisR)) {
return this.finish(node, ParseError.RightParenthesisExpected);
}
}
else if (this.peekIdent('hide') || this.peekIdent('show')) {
if (!node.addChild(this._parseForwardVisibility())) {
return this.finish(node, ParseError.IdentifierOrVariableExpected);
}
}
if (!this.accept(TokenType.SemiColon) && !this.accept(TokenType.EOF)) {
return this.finish(node, ParseError.SemiColonExpected);
}
return this.finish(node);
}
_parseForwardVisibility() {
const node = this.create(ForwardVisibility);
// Assume to be "hide" or "show".
node.setIdentifier(this._parseIdent());
while (node.addChild(this._parseVariable() || this._parseIdent())) {
// Consume all variables and idents ahead.
this.accept(TokenType.Comma);
}
// More than just identifier
return node.getChildren().length > 1 ? node : null;
}
_parseSupportsCondition() {
return this._parseInterpolation() || super._parseSupportsCondition();
}
}
;// CONCATENATED MODULE: ../../node_modules/vscode-css-languageservice/lib/esm/services/scssCompletion.js
/*---------------------------------------------------------------------------------------------
* Copyright (c) Microsoft Corporation. All rights reserved.
* Licensed under the MIT License. See License.txt in the project root for license information.
*--------------------------------------------------------------------------------------------*/
const sassDocumentationName = t('Sass documentation');
class SCSSCompletion extends CSSCompletion {
constructor(lsServiceOptions, cssDataManager) {
super('$', lsServiceOptions, cssDataManager);
addReferencesToDocumentation(SCSSCompletion.scssModuleLoaders);
addReferencesToDocumentation(SCSSCompletion.scssModuleBuiltIns);
}
isImportPathParent(type) {
return type === NodeType.Forward
|| type === NodeType.Use
|| super.isImportPathParent(type);
}
getCompletionForImportPath(importPathNode, result) {
const parentType = importPathNode.getParent().type;
if (parentType === NodeType.Forward || parentType === NodeType.Use) {
for (let p of SCSSCompletion.scssModuleBuiltIns) {
const item = {
label: p.label,
documentation: p.documentation,
textEdit: main.TextEdit.replace(this.getCompletionRange(importPathNode), `'${p.label}'`),
kind: main.CompletionItemKind.Module
};
result.items.push(item);
}
}
return super.getCompletionForImportPath(importPathNode, result);
}
createReplaceFunction() {
let tabStopCounter = 1;
return (_match, p1) => {
return '\\' + p1 + ': ${' + tabStopCounter++ + ':' + (SCSSCompletion.variableDefaults[p1] || '') + '}';
};
}
createFunctionProposals(proposals, existingNode, sortToEnd, result) {
for (const p of proposals) {
const insertText = p.func.replace(/\[?(\$\w+)\]?/g, this.createReplaceFunction());
const label = p.func.substr(0, p.func.indexOf('('));
const item = {
label: label,
detail: p.func,
documentation: p.desc,
textEdit: main.TextEdit.replace(this.getCompletionRange(existingNode), insertText),
insertTextFormat: main.InsertTextFormat.Snippet,
kind: main.CompletionItemKind.Function
};
if (sortToEnd) {
item.sortText = 'z';
}
result.items.push(item);
}
return result;
}
getCompletionsForSelector(ruleSet, isNested, result) {
this.createFunctionProposals(SCSSCompletion.selectorFuncs, null, true, result);
return super.getCompletionsForSelector(ruleSet, isNested, result);
}
getTermProposals(entry, existingNode, result) {
let functions = SCSSCompletion.builtInFuncs;
if (entry) {
functions = functions.filter(f => !f.type || !entry.restrictions || entry.restrictions.indexOf(f.type) !== -1);
}
this.createFunctionProposals(functions, existingNode, true, result);
return super.getTermProposals(entry, existingNode, result);
}
getColorProposals(entry, existingNode, result) {
this.createFunctionProposals(SCSSCompletion.colorProposals, existingNode, false, result);
return super.getColorProposals(entry, existingNode, result);
}
getCompletionsForDeclarationProperty(declaration, result) {
this.getCompletionForAtDirectives(result);
this.getCompletionsForSelector(null, true, result);
return super.getCompletionsForDeclarationProperty(declaration, result);
}
getCompletionsForExtendsReference(_extendsRef, existingNode, result) {
const symbols = this.getSymbolContext().findSymbolsAtOffset(this.offset, ReferenceType.Rule);
for (const symbol of symbols) {
const suggest = {
label: symbol.name,
textEdit: main.TextEdit.replace(this.getCompletionRange(existingNode), symbol.name),
kind: main.CompletionItemKind.Function,
};
result.items.push(suggest);
}
return result;
}
getCompletionForAtDirectives(result) {
result.items.push(...SCSSCompletion.scssAtDirectives);
return result;
}
getCompletionForTopLevel(result) {
this.getCompletionForAtDirectives(result);
this.getCompletionForModuleLoaders(result);
super.getCompletionForTopLevel(result);
return result;
}
getCompletionForModuleLoaders(result) {
result.items.push(...SCSSCompletion.scssModuleLoaders);
return result;
}
}
SCSSCompletion.variableDefaults = {
'$red': '1',
'$green': '2',
'$blue': '3',
'$alpha': '1.0',
'$color': '#000000',
'$weight': '0.5',
'$hue': '0',
'$saturation': '0%',
'$lightness': '0%',
'$degrees': '0',
'$amount': '0',
'$string': '""',
'$substring': '"s"',
'$number': '0',
'$limit': '1'
};
SCSSCompletion.colorProposals = [
{ func: 'red($color)', desc: t('Gets the red component of a color.') },
{ func: 'green($color)', desc: t('Gets the green component of a color.') },
{ func: 'blue($color)', desc: t('Gets the blue component of a color.') },
{ func: 'mix($color, $color, [$weight])', desc: t('Mixes two colors together.') },
{ func: 'hue($color)', desc: t('Gets the hue component of a color.') },
{ func: 'saturation($color)', desc: t('Gets the saturation component of a color.') },
{ func: 'lightness($color)', desc: t('Gets the lightness component of a color.') },
{ func: 'adjust-hue($color, $degrees)', desc: t('Changes the hue of a color.') },
{ func: 'lighten($color, $amount)', desc: t('Makes a color lighter.') },
{ func: 'darken($color, $amount)', desc: t('Makes a color darker.') },
{ func: 'saturate($color, $amount)', desc: t('Makes a color more saturated.') },
{ func: 'desaturate($color, $amount)', desc: t('Makes a color less saturated.') },
{ func: 'grayscale($color)', desc: t('Converts a color to grayscale.') },
{ func: 'complement($color)', desc: t('Returns the complement of a color.') },
{ func: 'invert($color)', desc: t('Returns the inverse of a color.') },
{ func: 'alpha($color)', desc: t('Gets the opacity component of a color.') },
{ func: 'opacity($color)', desc: 'Gets the alpha component (opacity) of a color.' },
{ func: 'rgba($color, $alpha)', desc: t('Changes the alpha component for a color.') },
{ func: 'opacify($color, $amount)', desc: t('Makes a color more opaque.') },
{ func: 'fade-in($color, $amount)', desc: t('Makes a color more opaque.') },
{ func: 'transparentize($color, $amount)', desc: t('Makes a color more transparent.') },
{ func: 'fade-out($color, $amount)', desc: t('Makes a color more transparent.') },
{ func: 'adjust-color($color, [$red], [$green], [$blue], [$hue], [$saturation], [$lightness], [$alpha])', desc: t('Increases or decreases one or more components of a color.') },
{ func: 'scale-color($color, [$red], [$green], [$blue], [$saturation], [$lightness], [$alpha])', desc: t('Fluidly scales one or more properties of a color.') },
{ func: 'change-color($color, [$red], [$green], [$blue], [$hue], [$saturation], [$lightness], [$alpha])', desc: t('Changes one or more properties of a color.') },
{ func: 'ie-hex-str($color)', desc: t('Converts a color into the format understood by IE filters.') }
];
SCSSCompletion.selectorFuncs = [
{ func: 'selector-nest($selectors…)', desc: t('Nests selector beneath one another like they would be nested in the stylesheet.') },
{ func: 'selector-append($selectors…)', desc: t('Appends selectors to one another without spaces in between.') },
{ func: 'selector-extend($selector, $extendee, $extender)', desc: t('Extends $extendee with $extender within $selector.') },
{ func: 'selector-replace($selector, $original, $replacement)', desc: t('Replaces $original with $replacement within $selector.') },
{ func: 'selector-unify($selector1, $selector2)', desc: t('Unifies two selectors to produce a selector that matches elements matched by both.') },
{ func: 'is-superselector($super, $sub)', desc: t('Returns whether $super matches all the elements $sub does, and possibly more.') },
{ func: 'simple-selectors($selector)', desc: t('Returns the simple selectors that comprise a compound selector.') },
{ func: 'selector-parse($selector)', desc: t('Parses a selector into the format returned by &.') }
];
SCSSCompletion.builtInFuncs = [
{ func: 'unquote($string)', desc: t('Removes quotes from a string.') },
{ func: 'quote($string)', desc: t('Adds quotes to a string.') },
{ func: 'str-length($string)', desc: t('Returns the number of characters in a string.') },
{ func: 'str-insert($string, $insert, $index)', desc: t('Inserts $insert into $string at $index.') },
{ func: 'str-index($string, $substring)', desc: t('Returns the index of the first occurance of $substring in $string.') },
{ func: 'str-slice($string, $start-at, [$end-at])', desc: t('Extracts a substring from $string.') },
{ func: 'to-upper-case($string)', desc: t('Converts a string to upper case.') },
{ func: 'to-lower-case($string)', desc: t('Converts a string to lower case.') },
{ func: 'percentage($number)', desc: t('Converts a unitless number to a percentage.'), type: 'percentage' },
{ func: 'round($number)', desc: t('Rounds a number to the nearest whole number.') },
{ func: 'ceil($number)', desc: t('Rounds a number up to the next whole number.') },
{ func: 'floor($number)', desc: t('Rounds a number down to the previous whole number.') },
{ func: 'abs($number)', desc: t('Returns the absolute value of a number.') },
{ func: 'min($numbers)', desc: t('Finds the minimum of several numbers.') },
{ func: 'max($numbers)', desc: t('Finds the maximum of several numbers.') },
{ func: 'random([$limit])', desc: t('Returns a random number.') },
{ func: 'length($list)', desc: t('Returns the length of a list.') },
{ func: 'nth($list, $n)', desc: t('Returns a specific item in a list.') },
{ func: 'set-nth($list, $n, $value)', desc: t('Replaces the nth item in a list.') },
{ func: 'join($list1, $list2, [$separator])', desc: t('Joins together two lists into one.') },
{ func: 'append($list1, $val, [$separator])', desc: t('Appends a single value onto the end of a list.') },
{ func: 'zip($lists)', desc: t('Combines several lists into a single multidimensional list.') },
{ func: 'index($list, $value)', desc: t('Returns the position of a value within a list.') },
{ func: 'list-separator(#list)', desc: t('Returns the separator of a list.') },
{ func: 'map-get($map, $key)', desc: t('Returns the value in a map associated with a given key.') },
{ func: 'map-merge($map1, $map2)', desc: t('Merges two maps together into a new map.') },
{ func: 'map-remove($map, $keys)', desc: t('Returns a new map with keys removed.') },
{ func: 'map-keys($map)', desc: t('Returns a list of all keys in a map.') },
{ func: 'map-values($map)', desc: t('Returns a list of all values in a map.') },
{ func: 'map-has-key($map, $key)', desc: t('Returns whether a map has a value associated with a given key.') },
{ func: 'keywords($args)', desc: t('Returns the keywords passed to a function that takes variable arguments.') },
{ func: 'feature-exists($feature)', desc: t('Returns whether a feature exists in the current Sass runtime.') },
{ func: 'variable-exists($name)', desc: t('Returns whether a variable with the given name exists in the current scope.') },
{ func: 'global-variable-exists($name)', desc: t('Returns whether a variable with the given name exists in the global scope.') },
{ func: 'function-exists($name)', desc: t('Returns whether a function with the given name exists.') },
{ func: 'mixin-exists($name)', desc: t('Returns whether a mixin with the given name exists.') },
{ func: 'inspect($value)', desc: t('Returns the string representation of a value as it would be represented in Sass.') },
{ func: 'type-of($value)', desc: t('Returns the type of a value.') },
{ func: 'unit($number)', desc: t('Returns the unit(s) associated with a number.') },
{ func: 'unitless($number)', desc: t('Returns whether a number has units.') },
{ func: 'comparable($number1, $number2)', desc: t('Returns whether two numbers can be added, subtracted, or compared.') },
{ func: 'call($name, $args…)', desc: t('Dynamically calls a Sass function.') }
];
SCSSCompletion.scssAtDirectives = [
{
label: "@extend",
documentation: t("Inherits the styles of another selector."),
kind: main.CompletionItemKind.Keyword
},
{
label: "@at-root",
documentation: t("Causes one or more rules to be emitted at the root of the document."),
kind: main.CompletionItemKind.Keyword
},
{
label: "@debug",
documentation: t("Prints the value of an expression to the standard error output stream. Useful for debugging complicated Sass files."),
kind: main.CompletionItemKind.Keyword
},
{
label: "@warn",
documentation: t("Prints the value of an expression to the standard error output stream. Useful for libraries that need to warn users of deprecations or recovering from minor mixin usage mistakes. Warnings can be turned off with the `--quiet` command-line option or the `:quiet` Sass option."),
kind: main.CompletionItemKind.Keyword
},
{
label: "@error",
documentation: t("Throws the value of an expression as a fatal error with stack trace. Useful for validating arguments to mixins and functions."),
kind: main.CompletionItemKind.Keyword
},
{
label: "@if",
documentation: t("Includes the body if the expression does not evaluate to `false` or `null`."),
insertText: "@if ${1:expr} {\n\t$0\n}",
insertTextFormat: main.InsertTextFormat.Snippet,
kind: main.CompletionItemKind.Keyword
},
{
label: "@for",
documentation: t("For loop that repeatedly outputs a set of styles for each `$var` in the `from/through` or `from/to` clause."),
insertText: "@for \\$${1:var} from ${2:start} ${3|to,through|} ${4:end} {\n\t$0\n}",
insertTextFormat: main.InsertTextFormat.Snippet,
kind: main.CompletionItemKind.Keyword
},
{
label: "@each",
documentation: t("Each loop that sets `$var` to each item in the list or map, then outputs the styles it contains using that value of `$var`."),
insertText: "@each \\$${1:var} in ${2:list} {\n\t$0\n}",
insertTextFormat: main.InsertTextFormat.Snippet,
kind: main.CompletionItemKind.Keyword
},
{
label: "@while",
documentation: t("While loop that takes an expression and repeatedly outputs the nested styles until the statement evaluates to `false`."),
insertText: "@while ${1:condition} {\n\t$0\n}",
insertTextFormat: main.InsertTextFormat.Snippet,
kind: main.CompletionItemKind.Keyword
},
{
label: "@mixin",
documentation: t("Defines styles that can be re-used throughout the stylesheet with `@include`."),
insertText: "@mixin ${1:name} {\n\t$0\n}",
insertTextFormat: main.InsertTextFormat.Snippet,
kind: main.CompletionItemKind.Keyword
},
{
label: "@include",
documentation: t("Includes the styles defined by another mixin into the current rule."),
kind: main.CompletionItemKind.Keyword
},
{
label: "@function",
documentation: t("Defines complex operations that can be re-used throughout stylesheets."),
kind: main.CompletionItemKind.Keyword
}
];
SCSSCompletion.scssModuleLoaders = [
{
label: "@use",
documentation: t("Loads mixins, functions, and variables from other Sass stylesheets as 'modules', and combines CSS from multiple stylesheets together."),
references: [{ name: sassDocumentationName, url: 'https://sass-lang.com/documentation/at-rules/use' }],
insertText: "@use $0;",
insertTextFormat: main.InsertTextFormat.Snippet,
kind: main.CompletionItemKind.Keyword
},
{
label: "@forward",
documentation: t("Loads a Sass stylesheet and makes its mixins, functions, and variables available when this stylesheet is loaded with the @use rule."),
references: [{ name: sassDocumentationName, url: 'https://sass-lang.com/documentation/at-rules/forward' }],
insertText: "@forward $0;",
insertTextFormat: main.InsertTextFormat.Snippet,
kind: main.CompletionItemKind.Keyword
},
];
SCSSCompletion.scssModuleBuiltIns = [
{
label: 'sass:math',
documentation: t('Provides functions that operate on numbers.'),
references: [{ name: sassDocumentationName, url: 'https://sass-lang.com/documentation/modules/math' }]
},
{
label: 'sass:string',
documentation: t('Makes it easy to combine, search, or split apart strings.'),
references: [{ name: sassDocumentationName, url: 'https://sass-lang.com/documentation/modules/string' }]
},
{
label: 'sass:color',
documentation: t('Generates new colors based on existing ones, making it easy to build color themes.'),
references: [{ name: sassDocumentationName, url: 'https://sass-lang.com/documentation/modules/color' }]
},
{
label: 'sass:list',
documentation: t('Lets you access and modify values in lists.'),
references: [{ name: sassDocumentationName, url: 'https://sass-lang.com/documentation/modules/list' }]
},
{
label: 'sass:map',
documentation: t('Makes it possible to look up the value associated with a key in a map, and much more.'),
references: [{ name: sassDocumentationName, url: 'https://sass-lang.com/documentation/modules/map' }]
},
{
label: 'sass:selector',
documentation: t('Provides access to Sass’s powerful selector engine.'),
references: [{ name: sassDocumentationName, url: 'https://sass-lang.com/documentation/modules/selector' }]
},
{
label: 'sass:meta',
documentation: t('Exposes the details of Sass’s inner workings.'),
references: [{ name: sassDocumentationName, url: 'https://sass-lang.com/documentation/modules/meta' }]
},
];
/**
* Todo @Pine: Remove this and do it through custom data
*/
function addReferencesToDocumentation(items) {
items.forEach(i => {
if (i.documentation && i.references && i.references.length > 0) {
const markdownDoc = typeof i.documentation === 'string'
? { kind: 'markdown', value: i.documentation }
: { kind: 'markdown', value: i.documentation.value };
markdownDoc.value += '\n\n';
markdownDoc.value += i.references
.map(r => {
return `[${r.name}](${r.url})`;
})
.join(' | ');
i.documentation = markdownDoc;
}
});
}
;// CONCATENATED MODULE: ../../node_modules/vscode-css-languageservice/lib/esm/parser/lessScanner.js
/*---------------------------------------------------------------------------------------------
* Copyright (c) Microsoft Corporation. All rights reserved.
* Licensed under the MIT License. See License.txt in the project root for license information.
*--------------------------------------------------------------------------------------------*/
const lessScanner_FSL = '/'.charCodeAt(0);
const lessScanner_NWL = '\n'.charCodeAt(0);
const lessScanner_CAR = '\r'.charCodeAt(0);
const lessScanner_LFD = '\f'.charCodeAt(0);
const _TIC = '`'.charCodeAt(0);
const lessScanner_DOT = '.'.charCodeAt(0);
let lessScanner_customTokenValue = TokenType.CustomToken;
const lessScanner_Ellipsis = lessScanner_customTokenValue++;
class LESSScanner extends Scanner {
scanNext(offset) {
// LESS: escaped JavaScript code `const a = "dddd"`
const tokenType = this.escapedJavaScript();
if (tokenType !== null) {
return this.finishToken(offset, tokenType);
}
if (this.stream.advanceIfChars([lessScanner_DOT, lessScanner_DOT, lessScanner_DOT])) {
return this.finishToken(offset, lessScanner_Ellipsis);
}
return super.scanNext(offset);
}
comment() {
if (super.comment()) {
return true;
}
if (!this.inURL && this.stream.advanceIfChars([lessScanner_FSL, lessScanner_FSL])) {
this.stream.advanceWhileChar((ch) => {
switch (ch) {
case lessScanner_NWL:
case lessScanner_CAR:
case lessScanner_LFD:
return false;
default:
return true;
}
});
return true;
}
else {
return false;
}
}
escapedJavaScript() {
const ch = this.stream.peekChar();
if (ch === _TIC) {
this.stream.advance(1);
this.stream.advanceWhileChar((ch) => { return ch !== _TIC; });
return this.stream.advanceIfChar(_TIC) ? TokenType.EscapedJavaScript : TokenType.BadEscapedJavaScript;
}
return null;
}
}
;// CONCATENATED MODULE: ../../node_modules/vscode-css-languageservice/lib/esm/parser/lessParser.js
/*---------------------------------------------------------------------------------------------
* Copyright (c) Microsoft Corporation. All rights reserved.
* Licensed under the MIT License. See License.txt in the project root for license information.
*--------------------------------------------------------------------------------------------*/
/// <summary>
/// A parser for LESS
/// http://lesscss.org/
/// </summary>
class LESSParser extends Parser {
constructor() {
super(new LESSScanner());
}
_parseStylesheetStatement(isNested = false) {
if (this.peek(TokenType.AtKeyword)) {
return this._parseVariableDeclaration()
|| this._parsePlugin()
|| super._parseStylesheetAtStatement(isNested);
}
return this._tryParseMixinDeclaration()
|| this._tryParseMixinReference()
|| this._parseFunction()
|| this._parseRuleset(true);
}
_parseImport() {
if (!this.peekKeyword('@import') && !this.peekKeyword('@import-once') /* deprecated in less 1.4.1 */) {
return null;
}
const node = this.create(Import);
this.consumeToken();
// less 1.4.1: @import (css) "lib"
if (this.accept(TokenType.ParenthesisL)) {
if (!this.accept(TokenType.Ident)) {
return this.finish(node, ParseError.IdentifierExpected, [TokenType.SemiColon]);
}
do {
if (!this.accept(TokenType.Comma)) {
break;
}
} while (this.accept(TokenType.Ident));
if (!this.accept(TokenType.ParenthesisR)) {
return this.finish(node, ParseError.RightParenthesisExpected, [TokenType.SemiColon]);
}
}
if (!node.addChild(this._parseURILiteral()) && !node.addChild(this._parseStringLiteral())) {
return this.finish(node, ParseError.URIOrStringExpected, [TokenType.SemiColon]);
}
if (!this.peek(TokenType.SemiColon) && !this.peek(TokenType.EOF)) {
node.setMedialist(this._parseMediaQueryList());
}
return this.finish(node);
}
_parsePlugin() {
if (!this.peekKeyword('@plugin')) {
return null;
}
const node = this.createNode(NodeType.Plugin);
this.consumeToken(); // @import
if (!node.addChild(this._parseStringLiteral())) {
return this.finish(node, ParseError.StringLiteralExpected);
}
if (!this.accept(TokenType.SemiColon)) {
return this.finish(node, ParseError.SemiColonExpected);
}
return this.finish(node);
}
_parseMediaQuery() {
const node = super._parseMediaQuery();
if (!node) {
const node = this.create(MediaQuery);
if (node.addChild(this._parseVariable())) {
return this.finish(node);
}
return null;
}
return node;
}
_parseMediaDeclaration(isNested = false) {
return this._tryParseRuleset(isNested)
|| this._tryToParseDeclaration()
|| this._tryParseMixinDeclaration()
|| this._tryParseMixinReference()
|| this._parseDetachedRuleSetMixin()
|| this._parseStylesheetStatement(isNested);
}
_parseMediaFeatureName() {
return this._parseIdent() || this._parseVariable();
}
_parseVariableDeclaration(panic = []) {
const node = this.create(VariableDeclaration);
const mark = this.mark();
if (!node.setVariable(this._parseVariable(true))) {
return null;
}
if (this.accept(TokenType.Colon)) {
if (this.prevToken) {
node.colonPosition = this.prevToken.offset;
}
if (node.setValue(this._parseDetachedRuleSet())) {
node.needsSemicolon = false;
}
else if (!node.setValue(this._parseExpr())) {
return this.finish(node, ParseError.VariableValueExpected, [], panic);
}
node.addChild(this._parsePrio());
}
else {
this.restoreAtMark(mark);
return null; // at keyword, but no ':', not a variable declaration but some at keyword
}
if (this.peek(TokenType.SemiColon)) {
node.semicolonPosition = this.token.offset; // not part of the declaration, but useful information for code assist
}
return this.finish(node);
}
_parseDetachedRuleSet() {
let mark = this.mark();
// "Anonymous mixin" used in each() and possibly a generic type in the future
if (this.peekDelim('#') || this.peekDelim('.')) {
this.consumeToken();
if (!this.hasWhitespace() && this.accept(TokenType.ParenthesisL)) {
let node = this.create(MixinDeclaration);
if (node.getParameters().addChild(this._parseMixinParameter())) {
while (this.accept(TokenType.Comma) || this.accept(TokenType.SemiColon)) {
if (this.peek(TokenType.ParenthesisR)) {
break;
}
if (!node.getParameters().addChild(this._parseMixinParameter())) {
this.markError(node, ParseError.IdentifierExpected, [], [TokenType.ParenthesisR]);
}
}
}
if (!this.accept(TokenType.ParenthesisR)) {
this.restoreAtMark(mark);
return null;
}
}
else {
this.restoreAtMark(mark);
return null;
}
}
if (!this.peek(TokenType.CurlyL)) {
return null;
}
const content = this.create(BodyDeclaration);
this._parseBody(content, this._parseDetachedRuleSetBody.bind(this));
return this.finish(content);
}
_parseDetachedRuleSetBody() {
return this._tryParseKeyframeSelector() || this._parseRuleSetDeclaration();
}
_addLookupChildren(node) {
if (!node.addChild(this._parseLookupValue())) {
return false;
}
let expectsValue = false;
while (true) {
if (this.peek(TokenType.BracketL)) {
expectsValue = true;
}
if (!node.addChild(this._parseLookupValue())) {
break;
}
expectsValue = false;
}
return !expectsValue;
}
_parseLookupValue() {
const node = this.create(Node);
const mark = this.mark();
if (!this.accept(TokenType.BracketL)) {
this.restoreAtMark(mark);
return null;
}
if (((node.addChild(this._parseVariable(false, true)) ||
node.addChild(this._parsePropertyIdentifier())) &&
this.accept(TokenType.BracketR)) || this.accept(TokenType.BracketR)) {
return node;
}
this.restoreAtMark(mark);
return null;
}
_parseVariable(declaration = false, insideLookup = false) {
const isPropertyReference = !declaration && this.peekDelim('$');
if (!this.peekDelim('@') && !isPropertyReference && !this.peek(TokenType.AtKeyword)) {
return null;
}
const node = this.create(Variable);
const mark = this.mark();
while (this.acceptDelim('@') || (!declaration && this.acceptDelim('$'))) {
if (this.hasWhitespace()) {
this.restoreAtMark(mark);
return null;
}
}
if (!this.accept(TokenType.AtKeyword) && !this.accept(TokenType.Ident)) {
this.restoreAtMark(mark);
return null;
}
if (!insideLookup && this.peek(TokenType.BracketL)) {
if (!this._addLookupChildren(node)) {
this.restoreAtMark(mark);
return null;
}
}
return node;
}
_parseTermExpression() {
return this._parseVariable() ||
this._parseEscaped() ||
super._parseTermExpression() || // preference for colors before mixin references
this._tryParseMixinReference(false);
}
_parseEscaped() {
if (this.peek(TokenType.EscapedJavaScript) ||
this.peek(TokenType.BadEscapedJavaScript)) {
const node = this.createNode(NodeType.EscapedValue);
this.consumeToken();
return this.finish(node);
}
if (this.peekDelim('~')) {
const node = this.createNode(NodeType.EscapedValue);
this.consumeToken();
if (this.accept(TokenType.String) || this.accept(TokenType.EscapedJavaScript)) {
return this.finish(node);
}
else {
return this.finish(node, ParseError.TermExpected);
}
}
return null;
}
_parseOperator() {
const node = this._parseGuardOperator();
if (node) {
return node;
}
else {
return super._parseOperator();
}
}
_parseGuardOperator() {
if (this.peekDelim('>')) {
const node = this.createNode(NodeType.Operator);
this.consumeToken();
this.acceptDelim('=');
return node;
}
else if (this.peekDelim('=')) {
const node = this.createNode(NodeType.Operator);
this.consumeToken();
this.acceptDelim('<');
return node;
}
else if (this.peekDelim('<')) {
const node = this.createNode(NodeType.Operator);
this.consumeToken();
this.acceptDelim('=');
return node;
}
return null;
}
_parseRuleSetDeclaration() {
if (this.peek(TokenType.AtKeyword)) {
return this._parseKeyframe()
|| this._parseMedia(true)
|| this._parseImport()
|| this._parseSupports(true) // @supports
|| this._parseLayer() // @layer
|| this._parsePropertyAtRule() // @property
|| this._parseDetachedRuleSetMixin() // less detached ruleset mixin
|| this._parseVariableDeclaration() // Variable declarations
|| this._parseRuleSetDeclarationAtStatement();
}
return this._tryParseMixinDeclaration()
|| this._tryParseRuleset(true) // nested ruleset
|| this._tryParseMixinReference() // less mixin reference
|| this._parseFunction()
|| this._parseExtend() // less extend declaration
|| this._parseDeclaration(); // try css ruleset declaration as the last option
}
_parseKeyframeIdent() {
return this._parseIdent([ReferenceType.Keyframe]) || this._parseVariable();
}
_parseKeyframeSelector() {
return this._parseDetachedRuleSetMixin() // less detached ruleset mixin
|| super._parseKeyframeSelector();
}
// public _parseSimpleSelectorBody(): nodes.Node | null {
// return this._parseNestingSelector() || super._parseSimpleSelectorBody();
// }
_parseSelector(isNested) {
// CSS Guards
const node = this.create(Selector);
let hasContent = false;
if (isNested) {
// nested selectors can start with a combinator
hasContent = node.addChild(this._parseCombinator());
}
while (node.addChild(this._parseSimpleSelector())) {
hasContent = true;
const mark = this.mark();
if (node.addChild(this._parseGuard()) && this.peek(TokenType.CurlyL)) {
break;
}
this.restoreAtMark(mark);
node.addChild(this._parseCombinator()); // optional
}
return hasContent ? this.finish(node) : null;
}
_parseNestingSelector() {
if (this.peekDelim('&')) {
const node = this.createNode(NodeType.SelectorCombinator);
this.consumeToken();
while (!this.hasWhitespace() && (this.acceptDelim('-') || this.accept(TokenType.Num) || this.accept(TokenType.Dimension) || node.addChild(this._parseIdent()) || this.acceptDelim('&'))) {
// support &-foo
}
return this.finish(node);
}
return null;
}
_parseSelectorIdent() {
if (!this.peekInterpolatedIdent()) {
return null;
}
const node = this.createNode(NodeType.SelectorInterpolation);
const hasContent = this._acceptInterpolatedIdent(node);
return hasContent ? this.finish(node) : null;
}
_parsePropertyIdentifier(inLookup = false) {
const propertyRegex = /^[\w-]+/;
if (!this.peekInterpolatedIdent() && !this.peekRegExp(this.token.type, propertyRegex)) {
return null;
}
const mark = this.mark();
const node = this.create(Identifier);
node.isCustomProperty = this.acceptDelim('-') && this.acceptDelim('-');
let childAdded = false;
if (!inLookup) {
if (node.isCustomProperty) {
childAdded = this._acceptInterpolatedIdent(node);
}
else {
childAdded = this._acceptInterpolatedIdent(node, propertyRegex);
}
}
else {
if (node.isCustomProperty) {
childAdded = node.addChild(this._parseIdent());
}
else {
childAdded = node.addChild(this._parseRegexp(propertyRegex));
}
}
if (!childAdded) {
this.restoreAtMark(mark);
return null;
}
if (!inLookup && !this.hasWhitespace()) {
this.acceptDelim('+');
if (!this.hasWhitespace()) {
this.acceptIdent('_');
}
}
return this.finish(node);
}
peekInterpolatedIdent() {
return this.peek(TokenType.Ident) ||
this.peekDelim('@') ||
this.peekDelim('$') ||
this.peekDelim('-');
}
_acceptInterpolatedIdent(node, identRegex) {
let hasContent = false;
const indentInterpolation = () => {
const pos = this.mark();
if (this.acceptDelim('-')) {
if (!this.hasWhitespace()) {
this.acceptDelim('-');
}
if (this.hasWhitespace()) {
this.restoreAtMark(pos);
return null;
}
}
return this._parseInterpolation();
};
const accept = identRegex ?
() => this.acceptRegexp(identRegex) :
() => this.accept(TokenType.Ident);
while (accept() ||
node.addChild(this._parseInterpolation() ||
this.try(indentInterpolation))) {
hasContent = true;
if (this.hasWhitespace()) {
break;
}
}
return hasContent;
}
_parseInterpolation() {
// @{name} Variable or
// ${name} Property
const mark = this.mark();
if (this.peekDelim('@') || this.peekDelim('$')) {
const node = this.createNode(NodeType.Interpolation);
this.consumeToken();
if (this.hasWhitespace() || !this.accept(TokenType.CurlyL)) {
this.restoreAtMark(mark);
return null;
}
if (!node.addChild(this._parseIdent())) {
return this.finish(node, ParseError.IdentifierExpected);
}
if (!this.accept(TokenType.CurlyR)) {
return this.finish(node, ParseError.RightCurlyExpected);
}
return this.finish(node);
}
return null;
}
_tryParseMixinDeclaration() {
const mark = this.mark();
const node = this.create(MixinDeclaration);
if (!node.setIdentifier(this._parseMixinDeclarationIdentifier()) || !this.accept(TokenType.ParenthesisL)) {
this.restoreAtMark(mark);
return null;
}
if (node.getParameters().addChild(this._parseMixinParameter())) {
while (this.accept(TokenType.Comma) || this.accept(TokenType.SemiColon)) {
if (this.peek(TokenType.ParenthesisR)) {
break;
}
if (!node.getParameters().addChild(this._parseMixinParameter())) {
this.markError(node, ParseError.IdentifierExpected, [], [TokenType.ParenthesisR]);
}
}
}
if (!this.accept(TokenType.ParenthesisR)) {
this.restoreAtMark(mark);
return null;
}
node.setGuard(this._parseGuard());
if (!this.peek(TokenType.CurlyL)) {
this.restoreAtMark(mark);
return null;
}
return this._parseBody(node, this._parseMixInBodyDeclaration.bind(this));
}
_parseMixInBodyDeclaration() {
return this._parseFontFace() || this._parseRuleSetDeclaration();
}
_parseMixinDeclarationIdentifier() {
let identifier;
if (this.peekDelim('#') || this.peekDelim('.')) {
identifier = this.create(Identifier);
this.consumeToken(); // # or .
if (this.hasWhitespace() || !identifier.addChild(this._parseIdent())) {
return null;
}
}
else if (this.peek(TokenType.Hash)) {
identifier = this.create(Identifier);
this.consumeToken(); // TokenType.Hash
}
else {
return null;
}
identifier.referenceTypes = [ReferenceType.Mixin];
return this.finish(identifier);
}
_parsePseudo() {
if (!this.peek(TokenType.Colon)) {
return null;
}
const mark = this.mark();
const node = this.create(ExtendsReference);
this.consumeToken(); // :
if (this.acceptIdent('extend')) {
return this._completeExtends(node);
}
this.restoreAtMark(mark);
return super._parsePseudo();
}
_parseExtend() {
if (!this.peekDelim('&')) {
return null;
}
const mark = this.mark();
const node = this.create(ExtendsReference);
this.consumeToken(); // &
if (this.hasWhitespace() || !this.accept(TokenType.Colon) || !this.acceptIdent('extend')) {
this.restoreAtMark(mark);
return null;
}
return this._completeExtends(node);
}
_completeExtends(node) {
if (!this.accept(TokenType.ParenthesisL)) {
return this.finish(node, ParseError.LeftParenthesisExpected);
}
const selectors = node.getSelectors();
if (!selectors.addChild(this._parseSelector(true))) {
return this.finish(node, ParseError.SelectorExpected);
}
while (this.accept(TokenType.Comma)) {
if (!selectors.addChild(this._parseSelector(true))) {
return this.finish(node, ParseError.SelectorExpected);
}
}
if (!this.accept(TokenType.ParenthesisR)) {
return this.finish(node, ParseError.RightParenthesisExpected);
}
return this.finish(node);
}
_parseDetachedRuleSetMixin() {
if (!this.peek(TokenType.AtKeyword)) {
return null;
}
const mark = this.mark();
const node = this.create(MixinReference);
if (node.addChild(this._parseVariable(true)) && (this.hasWhitespace() || !this.accept(TokenType.ParenthesisL))) {
this.restoreAtMark(mark);
return null;
}
if (!this.accept(TokenType.ParenthesisR)) {
return this.finish(node, ParseError.RightParenthesisExpected);
}
return this.finish(node);
}
_tryParseMixinReference(atRoot = true) {
const mark = this.mark();
const node = this.create(MixinReference);
let identifier = this._parseMixinDeclarationIdentifier();
while (identifier) {
this.acceptDelim('>');
const nextId = this._parseMixinDeclarationIdentifier();
if (nextId) {
node.getNamespaces().addChild(identifier);
identifier = nextId;
}
else {
break;
}
}
if (!node.setIdentifier(identifier)) {
this.restoreAtMark(mark);
return null;
}
let hasArguments = false;
if (this.accept(TokenType.ParenthesisL)) {
hasArguments = true;
if (node.getArguments().addChild(this._parseMixinArgument())) {
while (this.accept(TokenType.Comma) || this.accept(TokenType.SemiColon)) {
if (this.peek(TokenType.ParenthesisR)) {
break;
}
if (!node.getArguments().addChild(this._parseMixinArgument())) {
return this.finish(node, ParseError.ExpressionExpected);
}
}
}
if (!this.accept(TokenType.ParenthesisR)) {
return this.finish(node, ParseError.RightParenthesisExpected);
}
identifier.referenceTypes = [ReferenceType.Mixin];
}
else {
identifier.referenceTypes = [ReferenceType.Mixin, ReferenceType.Rule];
}
if (this.peek(TokenType.BracketL)) {
if (!atRoot) {
this._addLookupChildren(node);
}
}
else {
node.addChild(this._parsePrio());
}
if (!hasArguments && !this.peek(TokenType.SemiColon) && !this.peek(TokenType.CurlyR) && !this.peek(TokenType.EOF)) {
this.restoreAtMark(mark);
return null;
}
return this.finish(node);
}
_parseMixinArgument() {
// [variableName ':'] expression | variableName '...'
const node = this.create(FunctionArgument);
const pos = this.mark();
const argument = this._parseVariable();
if (argument) {
if (!this.accept(TokenType.Colon)) {
this.restoreAtMark(pos);
}
else {
node.setIdentifier(argument);
}
}
if (node.setValue(this._parseDetachedRuleSet() || this._parseExpr(true))) {
return this.finish(node);
}
this.restoreAtMark(pos);
return null;
}
_parseMixinParameter() {
const node = this.create(FunctionParameter);
// special rest variable: @rest...
if (this.peekKeyword('@rest')) {
const restNode = this.create(Node);
this.consumeToken();
if (!this.accept(lessScanner_Ellipsis)) {
return this.finish(node, ParseError.DotExpected, [], [TokenType.Comma, TokenType.ParenthesisR]);
}
node.setIdentifier(this.finish(restNode));
return this.finish(node);
}
// special const args: ...
if (this.peek(lessScanner_Ellipsis)) {
const varargsNode = this.create(Node);
this.consumeToken();
node.setIdentifier(this.finish(varargsNode));
return this.finish(node);
}
let hasContent = false;
// default variable declaration: @param: 12 or @name
if (node.setIdentifier(this._parseVariable())) {
this.accept(TokenType.Colon);
hasContent = true;
}
if (!node.setDefaultValue(this._parseDetachedRuleSet() || this._parseExpr(true)) && !hasContent) {
return null;
}
return this.finish(node);
}
_parseGuard() {
if (!this.peekIdent('when')) {
return null;
}
const node = this.create(LessGuard);
this.consumeToken(); // when
node.isNegated = this.acceptIdent('not');
if (!node.getConditions().addChild(this._parseGuardCondition())) {
return this.finish(node, ParseError.ConditionExpected);
}
while (this.acceptIdent('and') || this.accept(TokenType.Comma)) {
if (!node.getConditions().addChild(this._parseGuardCondition())) {
return this.finish(node, ParseError.ConditionExpected);
}
}
return this.finish(node);
}
_parseGuardCondition() {
if (!this.peek(TokenType.ParenthesisL)) {
return null;
}
const node = this.create(GuardCondition);
this.consumeToken(); // ParenthesisL
if (!node.addChild(this._parseExpr())) {
// empty (?)
}
if (!this.accept(TokenType.ParenthesisR)) {
return this.finish(node, ParseError.RightParenthesisExpected);
}
return this.finish(node);
}
_parseFunction() {
const pos = this.mark();
const node = this.create(css_service_Function);
if (!node.setIdentifier(this._parseFunctionIdentifier())) {
return null;
}
if (this.hasWhitespace() || !this.accept(TokenType.ParenthesisL)) {
this.restoreAtMark(pos);
return null;
}
if (node.getArguments().addChild(this._parseMixinArgument())) {
while (this.accept(TokenType.Comma) || this.accept(TokenType.SemiColon)) {
if (this.peek(TokenType.ParenthesisR)) {
break;
}
if (!node.getArguments().addChild(this._parseMixinArgument())) {
return this.finish(node, ParseError.ExpressionExpected);
}
}
}
if (!this.accept(TokenType.ParenthesisR)) {
return this.finish(node, ParseError.RightParenthesisExpected);
}
return this.finish(node);
}
_parseFunctionIdentifier() {
if (this.peekDelim('%')) {
const node = this.create(Identifier);
node.referenceTypes = [ReferenceType.Function];
this.consumeToken();
return this.finish(node);
}
return super._parseFunctionIdentifier();
}
_parseURLArgument() {
const pos = this.mark();
const node = super._parseURLArgument();
if (!node || !this.peek(TokenType.ParenthesisR)) {
this.restoreAtMark(pos);
const node = this.create(Node);
node.addChild(this._parseBinaryExpr());
return this.finish(node);
}
return node;
}
}
;// CONCATENATED MODULE: ../../node_modules/vscode-css-languageservice/lib/esm/services/lessCompletion.js
/*---------------------------------------------------------------------------------------------
* Copyright (c) Microsoft Corporation. All rights reserved.
* Licensed under the MIT License. See License.txt in the project root for license information.
*--------------------------------------------------------------------------------------------*/
class LESSCompletion extends CSSCompletion {
constructor(lsOptions, cssDataManager) {
super('@', lsOptions, cssDataManager);
}
createFunctionProposals(proposals, existingNode, sortToEnd, result) {
for (const p of proposals) {
const item = {
label: p.name,
detail: p.example,
documentation: p.description,
textEdit: main.TextEdit.replace(this.getCompletionRange(existingNode), p.name + '($0)'),
insertTextFormat: main.InsertTextFormat.Snippet,
kind: main.CompletionItemKind.Function
};
if (sortToEnd) {
item.sortText = 'z';
}
result.items.push(item);
}
return result;
}
getTermProposals(entry, existingNode, result) {
let functions = LESSCompletion.builtInProposals;
if (entry) {
functions = functions.filter(f => !f.type || !entry.restrictions || entry.restrictions.indexOf(f.type) !== -1);
}
this.createFunctionProposals(functions, existingNode, true, result);
return super.getTermProposals(entry, existingNode, result);
}
getColorProposals(entry, existingNode, result) {
this.createFunctionProposals(LESSCompletion.colorProposals, existingNode, false, result);
return super.getColorProposals(entry, existingNode, result);
}
getCompletionsForDeclarationProperty(declaration, result) {
this.getCompletionsForSelector(null, true, result);
return super.getCompletionsForDeclarationProperty(declaration, result);
}
}
LESSCompletion.builtInProposals = [
// Boolean functions
{
'name': 'if',
'example': 'if(condition, trueValue [, falseValue]);',
'description': t('returns one of two values depending on a condition.')
},
{
'name': 'boolean',
'example': 'boolean(condition);',
'description': t('"store" a boolean test for later evaluation in a guard or if().')
},
// List functions
{
'name': 'length',
'example': 'length(@list);',
'description': t('returns the number of elements in a value list')
},
{
'name': 'extract',
'example': 'extract(@list, index);',
'description': t('returns a value at the specified position in the list')
},
{
'name': 'range',
'example': 'range([start, ] end [, step]);',
'description': t('generate a list spanning a range of values')
},
{
'name': 'each',
'example': 'each(@list, ruleset);',
'description': t('bind the evaluation of a ruleset to each member of a list.')
},
// Other built-ins
{
'name': 'escape',
'example': 'escape(@string);',
'description': t('URL encodes a string')
},
{
'name': 'e',
'example': 'e(@string);',
'description': t('escape string content')
},
{
'name': 'replace',
'example': 'replace(@string, @pattern, @replacement[, @flags]);',
'description': t('string replace')
},
{
'name': 'unit',
'example': 'unit(@dimension, [@unit: \'\']);',
'description': t('remove or change the unit of a dimension')
},
{
'name': 'color',
'example': 'color(@string);',
'description': t('parses a string to a color'),
'type': 'color'
},
{
'name': 'convert',
'example': 'convert(@value, unit);',
'description': t('converts numbers from one type into another')
},
{
'name': 'data-uri',
'example': 'data-uri([mimetype,] url);',
'description': t('inlines a resource and falls back to `url()`'),
'type': 'url'
},
{
'name': 'abs',
'description': t('absolute value of a number'),
'example': 'abs(number);'
},
{
'name': 'acos',
'description': t('arccosine - inverse of cosine function'),
'example': 'acos(number);'
},
{
'name': 'asin',
'description': t('arcsine - inverse of sine function'),
'example': 'asin(number);'
},
{
'name': 'ceil',
'example': 'ceil(@number);',
'description': t('rounds up to an integer')
},
{
'name': 'cos',
'description': t('cosine function'),
'example': 'cos(number);'
},
{
'name': 'floor',
'description': t('rounds down to an integer'),
'example': 'floor(@number);'
},
{
'name': 'percentage',
'description': t('converts to a %, e.g. 0.5 > 50%'),
'example': 'percentage(@number);',
'type': 'percentage'
},
{
'name': 'round',
'description': t('rounds a number to a number of places'),
'example': 'round(number, [places: 0]);'
},
{
'name': 'sqrt',
'description': t('calculates square root of a number'),
'example': 'sqrt(number);'
},
{
'name': 'sin',
'description': t('sine function'),
'example': 'sin(number);'
},
{
'name': 'tan',
'description': t('tangent function'),
'example': 'tan(number);'
},
{
'name': 'atan',
'description': t('arctangent - inverse of tangent function'),
'example': 'atan(number);'
},
{
'name': 'pi',
'description': t('returns pi'),
'example': 'pi();'
},
{
'name': 'pow',
'description': t('first argument raised to the power of the second argument'),
'example': 'pow(@base, @exponent);'
},
{
'name': 'mod',
'description': t('first argument modulus second argument'),
'example': 'mod(number, number);'
},
{
'name': 'min',
'description': t('returns the lowest of one or more values'),
'example': 'min(@x, @y);'
},
{
'name': 'max',
'description': t('returns the lowest of one or more values'),
'example': 'max(@x, @y);'
}
];
LESSCompletion.colorProposals = [
{
'name': 'argb',
'example': 'argb(@color);',
'description': t('creates a #AARRGGBB')
},
{
'name': 'hsl',
'example': 'hsl(@hue, @saturation, @lightness);',
'description': t('creates a color')
},
{
'name': 'hsla',
'example': 'hsla(@hue, @saturation, @lightness, @alpha);',
'description': t('creates a color')
},
{
'name': 'hsv',
'example': 'hsv(@hue, @saturation, @value);',
'description': t('creates a color')
},
{
'name': 'hsva',
'example': 'hsva(@hue, @saturation, @value, @alpha);',
'description': t('creates a color')
},
{
'name': 'hue',
'example': 'hue(@color);',
'description': t('returns the `hue` channel of `@color` in the HSL space')
},
{
'name': 'saturation',
'example': 'saturation(@color);',
'description': t('returns the `saturation` channel of `@color` in the HSL space')
},
{
'name': 'lightness',
'example': 'lightness(@color);',
'description': t('returns the `lightness` channel of `@color` in the HSL space')
},
{
'name': 'hsvhue',
'example': 'hsvhue(@color);',
'description': t('returns the `hue` channel of `@color` in the HSV space')
},
{
'name': 'hsvsaturation',
'example': 'hsvsaturation(@color);',
'description': t('returns the `saturation` channel of `@color` in the HSV space')
},
{
'name': 'hsvvalue',
'example': 'hsvvalue(@color);',
'description': t('returns the `value` channel of `@color` in the HSV space')
},
{
'name': 'red',
'example': 'red(@color);',
'description': t('returns the `red` channel of `@color`')
},
{
'name': 'green',
'example': 'green(@color);',
'description': t('returns the `green` channel of `@color`')
},
{
'name': 'blue',
'example': 'blue(@color);',
'description': t('returns the `blue` channel of `@color`')
},
{
'name': 'alpha',
'example': 'alpha(@color);',
'description': t('returns the `alpha` channel of `@color`')
},
{
'name': 'luma',
'example': 'luma(@color);',
'description': t('returns the `luma` value (perceptual brightness) of `@color`')
},
{
'name': 'saturate',
'example': 'saturate(@color, 10%);',
'description': t('return `@color` 10% points more saturated')
},
{
'name': 'desaturate',
'example': 'desaturate(@color, 10%);',
'description': t('return `@color` 10% points less saturated')
},
{
'name': 'lighten',
'example': 'lighten(@color, 10%);',
'description': t('return `@color` 10% points lighter')
},
{
'name': 'darken',
'example': 'darken(@color, 10%);',
'description': t('return `@color` 10% points darker')
},
{
'name': 'fadein',
'example': 'fadein(@color, 10%);',
'description': t('return `@color` 10% points less transparent')
},
{
'name': 'fadeout',
'example': 'fadeout(@color, 10%);',
'description': t('return `@color` 10% points more transparent')
},
{
'name': 'fade',
'example': 'fade(@color, 50%);',
'description': t('return `@color` with 50% transparency')
},
{
'name': 'spin',
'example': 'spin(@color, 10);',
'description': t('return `@color` with a 10 degree larger in hue')
},
{
'name': 'mix',
'example': 'mix(@color1, @color2, [@weight: 50%]);',
'description': t('return a mix of `@color1` and `@color2`')
},
{
'name': 'greyscale',
'example': 'greyscale(@color);',
'description': t('returns a grey, 100% desaturated color'),
},
{
'name': 'contrast',
'example': 'contrast(@color1, [@darkcolor: black], [@lightcolor: white], [@threshold: 43%]);',
'description': t('return `@darkcolor` if `@color1 is> 43% luma` otherwise return `@lightcolor`, see notes')
},
{
'name': 'multiply',
'example': 'multiply(@color1, @color2);'
},
{
'name': 'screen',
'example': 'screen(@color1, @color2);'
},
{
'name': 'overlay',
'example': 'overlay(@color1, @color2);'
},
{
'name': 'softlight',
'example': 'softlight(@color1, @color2);'
},
{
'name': 'hardlight',
'example': 'hardlight(@color1, @color2);'
},
{
'name': 'difference',
'example': 'difference(@color1, @color2);'
},
{
'name': 'exclusion',
'example': 'exclusion(@color1, @color2);'
},
{
'name': 'average',
'example': 'average(@color1, @color2);'
},
{
'name': 'negation',
'example': 'negation(@color1, @color2);'
}
];
;// CONCATENATED MODULE: ../../node_modules/vscode-css-languageservice/lib/esm/services/cssFolding.js
/*---------------------------------------------------------------------------------------------
* Copyright (c) Microsoft Corporation. All rights reserved.
* Licensed under the MIT License. See License.txt in the project root for license information.
*--------------------------------------------------------------------------------------------*/
function getFoldingRanges(document, context) {
const ranges = computeFoldingRanges(document);
return limitFoldingRanges(ranges, context);
}
function computeFoldingRanges(document) {
function getStartLine(t) {
return document.positionAt(t.offset).line;
}
function getEndLine(t) {
return document.positionAt(t.offset + t.len).line;
}
function getScanner() {
switch (document.languageId) {
case 'scss':
return new SCSSScanner();
case 'less':
return new LESSScanner();
default:
return new Scanner();
}
}
function tokenToRange(t, kind) {
const startLine = getStartLine(t);
const endLine = getEndLine(t);
if (startLine !== endLine) {
return {
startLine,
endLine,
kind
};
}
else {
return null;
}
}
const ranges = [];
const delimiterStack = [];
const scanner = getScanner();
scanner.ignoreComment = false;
scanner.setSource(document.getText());
let token = scanner.scan();
let prevToken = null;
while (token.type !== TokenType.EOF) {
switch (token.type) {
case TokenType.CurlyL:
case InterpolationFunction:
{
delimiterStack.push({ line: getStartLine(token), type: 'brace', isStart: true });
break;
}
case TokenType.CurlyR: {
if (delimiterStack.length !== 0) {
const prevDelimiter = popPrevStartDelimiterOfType(delimiterStack, 'brace');
if (!prevDelimiter) {
break;
}
let endLine = getEndLine(token);
if (prevDelimiter.type === 'brace') {
/**
* Other than the case when curly brace is not on a new line by itself, for example
* .foo {
* color: red; }
* Use endLine minus one to show ending curly brace
*/
if (prevToken && getEndLine(prevToken) !== endLine) {
endLine--;
}
if (prevDelimiter.line !== endLine) {
ranges.push({
startLine: prevDelimiter.line,
endLine,
kind: undefined
});
}
}
}
break;
}
/**
* In CSS, there is no single line comment prefixed with //
* All comments are marked as `Comment`
*/
case TokenType.Comment: {
const commentRegionMarkerToDelimiter = (marker) => {
if (marker === '#region') {
return { line: getStartLine(token), type: 'comment', isStart: true };
}
else {
return { line: getEndLine(token), type: 'comment', isStart: false };
}
};
const getCurrDelimiter = (token) => {
const matches = token.text.match(/^\s*\/\*\s*(#region|#endregion)\b\s*(.*?)\s*\*\//);
if (matches) {
return commentRegionMarkerToDelimiter(matches[1]);
}
else if (document.languageId === 'scss' || document.languageId === 'less') {
const matches = token.text.match(/^\s*\/\/\s*(#region|#endregion)\b\s*(.*?)\s*/);
if (matches) {
return commentRegionMarkerToDelimiter(matches[1]);
}
}
return null;
};
const currDelimiter = getCurrDelimiter(token);
// /* */ comment region folding
// All #region and #endregion cases
if (currDelimiter) {
if (currDelimiter.isStart) {
delimiterStack.push(currDelimiter);
}
else {
const prevDelimiter = popPrevStartDelimiterOfType(delimiterStack, 'comment');
if (!prevDelimiter) {
break;
}
if (prevDelimiter.type === 'comment') {
if (prevDelimiter.line !== currDelimiter.line) {
ranges.push({
startLine: prevDelimiter.line,
endLine: currDelimiter.line,
kind: 'region'
});
}
}
}
}
// Multiline comment case
else {
const range = tokenToRange(token, 'comment');
if (range) {
ranges.push(range);
}
}
break;
}
}
prevToken = token;
token = scanner.scan();
}
return ranges;
}
function popPrevStartDelimiterOfType(stack, type) {
if (stack.length === 0) {
return null;
}
for (let i = stack.length - 1; i >= 0; i--) {
if (stack[i].type === type && stack[i].isStart) {
return stack.splice(i, 1)[0];
}
}
return null;
}
/**
* - Sort regions
* - Remove invalid regions (intersections)
* - If limit exceeds, only return `rangeLimit` amount of ranges
*/
function limitFoldingRanges(ranges, context) {
const maxRanges = context && context.rangeLimit || Number.MAX_VALUE;
const sortedRanges = ranges.sort((r1, r2) => {
let diff = r1.startLine - r2.startLine;
if (diff === 0) {
diff = r1.endLine - r2.endLine;
}
return diff;
});
const validRanges = [];
let prevEndLine = -1;
sortedRanges.forEach(r => {
if (!(r.startLine < prevEndLine && prevEndLine < r.endLine)) {
validRanges.push(r);
prevEndLine = r.endLine;
}
});
if (validRanges.length < maxRanges) {
return validRanges;
}
else {
return validRanges.slice(0, maxRanges);
}
}
;// CONCATENATED MODULE: ../../node_modules/vscode-css-languageservice/lib/esm/beautify/beautify-css.js
// copied from js-beautify/js/lib/beautify-css.js
// version: 1.14.7
/* AUTO-GENERATED. DO NOT MODIFY. */
/*
The MIT License (MIT)
Copyright (c) 2007-2018 Einar Lielmanis, Liam Newman, and contributors.
Permission is hereby granted, free of charge, to any person
obtaining a copy of this software and associated documentation files
(the "Software"), to deal in the Software without restriction,
including without limitation the rights to use, copy, modify, merge,
publish, distribute, sublicense, and/or sell copies of the Software,
and to permit persons to whom the Software is furnished to do so,
subject to the following conditions:
The above copyright notice and this permission notice shall be
included in all copies or substantial portions of the Software.
THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND,
EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF
MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND
NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS
BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN
ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN
CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
SOFTWARE.
CSS Beautifier
---------------
Written by Harutyun Amirjanyan, (amirjanyan@gmail.com)
Based on code initially developed by: Einar Lielmanis, <einar@beautifier.io>
https://beautifier.io/
Usage:
css_beautify(source_text);
css_beautify(source_text, options);
The options are (default in brackets):
indent_size (4) — indentation size,
indent_char (space) — character to indent with,
selector_separator_newline (true) - separate selectors with newline or
not (e.g. "a,\nbr" or "a, br")
end_with_newline (false) - end with a newline
newline_between_rules (true) - add a new line after every css rule
space_around_selector_separator (false) - ensure space around selector separators:
'>', '+', '~' (e.g. "a>b" -> "a > b")
e.g
css_beautify(css_source_text, {
'indent_size': 1,
'indent_char': '\t',
'selector_separator': ' ',
'end_with_newline': false,
'newline_between_rules': true,
'space_around_selector_separator': true
});
*/
// http://www.w3.org/TR/CSS21/syndata.html#tokenization
// http://www.w3.org/TR/css3-syntax/
var legacy_beautify_css;
/******/ (function() { // webpackBootstrap
/******/ "use strict";
/******/ var __webpack_modules__ = ([
/* 0 */,
/* 1 */,
/* 2 */
/***/ (function(module) {
/*jshint node:true */
/*
The MIT License (MIT)
Copyright (c) 2007-2018 Einar Lielmanis, Liam Newman, and contributors.
Permission is hereby granted, free of charge, to any person
obtaining a copy of this software and associated documentation files
(the "Software"), to deal in the Software without restriction,
including without limitation the rights to use, copy, modify, merge,
publish, distribute, sublicense, and/or sell copies of the Software,
and to permit persons to whom the Software is furnished to do so,
subject to the following conditions:
The above copyright notice and this permission notice shall be
included in all copies or substantial portions of the Software.
THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND,
EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF
MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND
NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS
BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN
ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN
CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
SOFTWARE.
*/
function OutputLine(parent) {
this.__parent = parent;
this.__character_count = 0;
// use indent_count as a marker for this.__lines that have preserved indentation
this.__indent_count = -1;
this.__alignment_count = 0;
this.__wrap_point_index = 0;
this.__wrap_point_character_count = 0;
this.__wrap_point_indent_count = -1;
this.__wrap_point_alignment_count = 0;
this.__items = [];
}
OutputLine.prototype.clone_empty = function() {
var line = new OutputLine(this.__parent);
line.set_indent(this.__indent_count, this.__alignment_count);
return line;
};
OutputLine.prototype.item = function(index) {
if (index < 0) {
return this.__items[this.__items.length + index];
} else {
return this.__items[index];
}
};
OutputLine.prototype.has_match = function(pattern) {
for (var lastCheckedOutput = this.__items.length - 1; lastCheckedOutput >= 0; lastCheckedOutput--) {
if (this.__items[lastCheckedOutput].match(pattern)) {
return true;
}
}
return false;
};
OutputLine.prototype.set_indent = function(indent, alignment) {
if (this.is_empty()) {
this.__indent_count = indent || 0;
this.__alignment_count = alignment || 0;
this.__character_count = this.__parent.get_indent_size(this.__indent_count, this.__alignment_count);
}
};
OutputLine.prototype._set_wrap_point = function() {
if (this.__parent.wrap_line_length) {
this.__wrap_point_index = this.__items.length;
this.__wrap_point_character_count = this.__character_count;
this.__wrap_point_indent_count = this.__parent.next_line.__indent_count;
this.__wrap_point_alignment_count = this.__parent.next_line.__alignment_count;
}
};
OutputLine.prototype._should_wrap = function() {
return this.__wrap_point_index &&
this.__character_count > this.__parent.wrap_line_length &&
this.__wrap_point_character_count > this.__parent.next_line.__character_count;
};
OutputLine.prototype._allow_wrap = function() {
if (this._should_wrap()) {
this.__parent.add_new_line();
var next = this.__parent.current_line;
next.set_indent(this.__wrap_point_indent_count, this.__wrap_point_alignment_count);
next.__items = this.__items.slice(this.__wrap_point_index);
this.__items = this.__items.slice(0, this.__wrap_point_index);
next.__character_count += this.__character_count - this.__wrap_point_character_count;
this.__character_count = this.__wrap_point_character_count;
if (next.__items[0] === " ") {
next.__items.splice(0, 1);
next.__character_count -= 1;
}
return true;
}
return false;
};
OutputLine.prototype.is_empty = function() {
return this.__items.length === 0;
};
OutputLine.prototype.last = function() {
if (!this.is_empty()) {
return this.__items[this.__items.length - 1];
} else {
return null;
}
};
OutputLine.prototype.push = function(item) {
this.__items.push(item);
var last_newline_index = item.lastIndexOf('\n');
if (last_newline_index !== -1) {
this.__character_count = item.length - last_newline_index;
} else {
this.__character_count += item.length;
}
};
OutputLine.prototype.pop = function() {
var item = null;
if (!this.is_empty()) {
item = this.__items.pop();
this.__character_count -= item.length;
}
return item;
};
OutputLine.prototype._remove_indent = function() {
if (this.__indent_count > 0) {
this.__indent_count -= 1;
this.__character_count -= this.__parent.indent_size;
}
};
OutputLine.prototype._remove_wrap_indent = function() {
if (this.__wrap_point_indent_count > 0) {
this.__wrap_point_indent_count -= 1;
}
};
OutputLine.prototype.trim = function() {
while (this.last() === ' ') {
this.__items.pop();
this.__character_count -= 1;
}
};
OutputLine.prototype.toString = function() {
var result = '';
if (this.is_empty()) {
if (this.__parent.indent_empty_lines) {
result = this.__parent.get_indent_string(this.__indent_count);
}
} else {
result = this.__parent.get_indent_string(this.__indent_count, this.__alignment_count);
result += this.__items.join('');
}
return result;
};
function IndentStringCache(options, baseIndentString) {
this.__cache = [''];
this.__indent_size = options.indent_size;
this.__indent_string = options.indent_char;
if (!options.indent_with_tabs) {
this.__indent_string = new Array(options.indent_size + 1).join(options.indent_char);
}
// Set to null to continue support for auto detection of base indent
baseIndentString = baseIndentString || '';
if (options.indent_level > 0) {
baseIndentString = new Array(options.indent_level + 1).join(this.__indent_string);
}
this.__base_string = baseIndentString;
this.__base_string_length = baseIndentString.length;
}
IndentStringCache.prototype.get_indent_size = function(indent, column) {
var result = this.__base_string_length;
column = column || 0;
if (indent < 0) {
result = 0;
}
result += indent * this.__indent_size;
result += column;
return result;
};
IndentStringCache.prototype.get_indent_string = function(indent_level, column) {
var result = this.__base_string;
column = column || 0;
if (indent_level < 0) {
indent_level = 0;
result = '';
}
column += indent_level * this.__indent_size;
this.__ensure_cache(column);
result += this.__cache[column];
return result;
};
IndentStringCache.prototype.__ensure_cache = function(column) {
while (column >= this.__cache.length) {
this.__add_column();
}
};
IndentStringCache.prototype.__add_column = function() {
var column = this.__cache.length;
var indent = 0;
var result = '';
if (this.__indent_size && column >= this.__indent_size) {
indent = Math.floor(column / this.__indent_size);
column -= indent * this.__indent_size;
result = new Array(indent + 1).join(this.__indent_string);
}
if (column) {
result += new Array(column + 1).join(' ');
}
this.__cache.push(result);
};
function Output(options, baseIndentString) {
this.__indent_cache = new IndentStringCache(options, baseIndentString);
this.raw = false;
this._end_with_newline = options.end_with_newline;
this.indent_size = options.indent_size;
this.wrap_line_length = options.wrap_line_length;
this.indent_empty_lines = options.indent_empty_lines;
this.__lines = [];
this.previous_line = null;
this.current_line = null;
this.next_line = new OutputLine(this);
this.space_before_token = false;
this.non_breaking_space = false;
this.previous_token_wrapped = false;
// initialize
this.__add_outputline();
}
Output.prototype.__add_outputline = function() {
this.previous_line = this.current_line;
this.current_line = this.next_line.clone_empty();
this.__lines.push(this.current_line);
};
Output.prototype.get_line_number = function() {
return this.__lines.length;
};
Output.prototype.get_indent_string = function(indent, column) {
return this.__indent_cache.get_indent_string(indent, column);
};
Output.prototype.get_indent_size = function(indent, column) {
return this.__indent_cache.get_indent_size(indent, column);
};
Output.prototype.is_empty = function() {
return !this.previous_line && this.current_line.is_empty();
};
Output.prototype.add_new_line = function(force_newline) {
// never newline at the start of file
// otherwise, newline only if we didn't just add one or we're forced
if (this.is_empty() ||
(!force_newline && this.just_added_newline())) {
return false;
}
// if raw output is enabled, don't print additional newlines,
// but still return True as though you had
if (!this.raw) {
this.__add_outputline();
}
return true;
};
Output.prototype.get_code = function(eol) {
this.trim(true);
// handle some edge cases where the last tokens
// has text that ends with newline(s)
var last_item = this.current_line.pop();
if (last_item) {
if (last_item[last_item.length - 1] === '\n') {
last_item = last_item.replace(/\n+$/g, '');
}
this.current_line.push(last_item);
}
if (this._end_with_newline) {
this.__add_outputline();
}
var sweet_code = this.__lines.join('\n');
if (eol !== '\n') {
sweet_code = sweet_code.replace(/[\n]/g, eol);
}
return sweet_code;
};
Output.prototype.set_wrap_point = function() {
this.current_line._set_wrap_point();
};
Output.prototype.set_indent = function(indent, alignment) {
indent = indent || 0;
alignment = alignment || 0;
// Next line stores alignment values
this.next_line.set_indent(indent, alignment);
// Never indent your first output indent at the start of the file
if (this.__lines.length > 1) {
this.current_line.set_indent(indent, alignment);
return true;
}
this.current_line.set_indent();
return false;
};
Output.prototype.add_raw_token = function(token) {
for (var x = 0; x < token.newlines; x++) {
this.__add_outputline();
}
this.current_line.set_indent(-1);
this.current_line.push(token.whitespace_before);
this.current_line.push(token.text);
this.space_before_token = false;
this.non_breaking_space = false;
this.previous_token_wrapped = false;
};
Output.prototype.add_token = function(printable_token) {
this.__add_space_before_token();
this.current_line.push(printable_token);
this.space_before_token = false;
this.non_breaking_space = false;
this.previous_token_wrapped = this.current_line._allow_wrap();
};
Output.prototype.__add_space_before_token = function() {
if (this.space_before_token && !this.just_added_newline()) {
if (!this.non_breaking_space) {
this.set_wrap_point();
}
this.current_line.push(' ');
}
};
Output.prototype.remove_indent = function(index) {
var output_length = this.__lines.length;
while (index < output_length) {
this.__lines[index]._remove_indent();
index++;
}
this.current_line._remove_wrap_indent();
};
Output.prototype.trim = function(eat_newlines) {
eat_newlines = (eat_newlines === undefined) ? false : eat_newlines;
this.current_line.trim();
while (eat_newlines && this.__lines.length > 1 &&
this.current_line.is_empty()) {
this.__lines.pop();
this.current_line = this.__lines[this.__lines.length - 1];
this.current_line.trim();
}
this.previous_line = this.__lines.length > 1 ?
this.__lines[this.__lines.length - 2] : null;
};
Output.prototype.just_added_newline = function() {
return this.current_line.is_empty();
};
Output.prototype.just_added_blankline = function() {
return this.is_empty() ||
(this.current_line.is_empty() && this.previous_line.is_empty());
};
Output.prototype.ensure_empty_line_above = function(starts_with, ends_with) {
var index = this.__lines.length - 2;
while (index >= 0) {
var potentialEmptyLine = this.__lines[index];
if (potentialEmptyLine.is_empty()) {
break;
} else if (potentialEmptyLine.item(0).indexOf(starts_with) !== 0 &&
potentialEmptyLine.item(-1) !== ends_with) {
this.__lines.splice(index + 1, 0, new OutputLine(this));
this.previous_line = this.__lines[this.__lines.length - 2];
break;
}
index--;
}
};
module.exports.Output = Output;
/***/ }),
/* 3 */,
/* 4 */,
/* 5 */,
/* 6 */
/***/ (function(module) {
/*jshint node:true */
/*
The MIT License (MIT)
Copyright (c) 2007-2018 Einar Lielmanis, Liam Newman, and contributors.
Permission is hereby granted, free of charge, to any person
obtaining a copy of this software and associated documentation files
(the "Software"), to deal in the Software without restriction,
including without limitation the rights to use, copy, modify, merge,
publish, distribute, sublicense, and/or sell copies of the Software,
and to permit persons to whom the Software is furnished to do so,
subject to the following conditions:
The above copyright notice and this permission notice shall be
included in all copies or substantial portions of the Software.
THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND,
EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF
MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND
NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS
BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN
ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN
CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
SOFTWARE.
*/
function Options(options, merge_child_field) {
this.raw_options = _mergeOpts(options, merge_child_field);
// Support passing the source text back with no change
this.disabled = this._get_boolean('disabled');
this.eol = this._get_characters('eol', 'auto');
this.end_with_newline = this._get_boolean('end_with_newline');
this.indent_size = this._get_number('indent_size', 4);
this.indent_char = this._get_characters('indent_char', ' ');
this.indent_level = this._get_number('indent_level');
this.preserve_newlines = this._get_boolean('preserve_newlines', true);
this.max_preserve_newlines = this._get_number('max_preserve_newlines', 32786);
if (!this.preserve_newlines) {
this.max_preserve_newlines = 0;
}
this.indent_with_tabs = this._get_boolean('indent_with_tabs', this.indent_char === '\t');
if (this.indent_with_tabs) {
this.indent_char = '\t';
// indent_size behavior changed after 1.8.6
// It used to be that indent_size would be
// set to 1 for indent_with_tabs. That is no longer needed and
// actually doesn't make sense - why not use spaces? Further,
// that might produce unexpected behavior - tabs being used
// for single-column alignment. So, when indent_with_tabs is true
// and indent_size is 1, reset indent_size to 4.
if (this.indent_size === 1) {
this.indent_size = 4;
}
}
// Backwards compat with 1.3.x
this.wrap_line_length = this._get_number('wrap_line_length', this._get_number('max_char'));
this.indent_empty_lines = this._get_boolean('indent_empty_lines');
// valid templating languages ['django', 'erb', 'handlebars', 'php', 'smarty']
// For now, 'auto' = all off for javascript, all on for html (and inline javascript).
// other values ignored
this.templating = this._get_selection_list('templating', ['auto', 'none', 'django', 'erb', 'handlebars', 'php', 'smarty'], ['auto']);
}
Options.prototype._get_array = function(name, default_value) {
var option_value = this.raw_options[name];
var result = default_value || [];
if (typeof option_value === 'object') {
if (option_value !== null && typeof option_value.concat === 'function') {
result = option_value.concat();
}
} else if (typeof option_value === 'string') {
result = option_value.split(/[^a-zA-Z0-9_\/\-]+/);
}
return result;
};
Options.prototype._get_boolean = function(name, default_value) {
var option_value = this.raw_options[name];
var result = option_value === undefined ? !!default_value : !!option_value;
return result;
};
Options.prototype._get_characters = function(name, default_value) {
var option_value = this.raw_options[name];
var result = default_value || '';
if (typeof option_value === 'string') {
result = option_value.replace(/\\r/, '\r').replace(/\\n/, '\n').replace(/\\t/, '\t');
}
return result;
};
Options.prototype._get_number = function(name, default_value) {
var option_value = this.raw_options[name];
default_value = parseInt(default_value, 10);
if (isNaN(default_value)) {
default_value = 0;
}
var result = parseInt(option_value, 10);
if (isNaN(result)) {
result = default_value;
}
return result;
};
Options.prototype._get_selection = function(name, selection_list, default_value) {
var result = this._get_selection_list(name, selection_list, default_value);
if (result.length !== 1) {
throw new Error(
"Invalid Option Value: The option '" + name + "' can only be one of the following values:\n" +
selection_list + "\nYou passed in: '" + this.raw_options[name] + "'");
}
return result[0];
};
Options.prototype._get_selection_list = function(name, selection_list, default_value) {
if (!selection_list || selection_list.length === 0) {
throw new Error("Selection list cannot be empty.");
}
default_value = default_value || [selection_list[0]];
if (!this._is_valid_selection(default_value, selection_list)) {
throw new Error("Invalid Default Value!");
}
var result = this._get_array(name, default_value);
if (!this._is_valid_selection(result, selection_list)) {
throw new Error(
"Invalid Option Value: The option '" + name + "' can contain only the following values:\n" +
selection_list + "\nYou passed in: '" + this.raw_options[name] + "'");
}
return result;
};
Options.prototype._is_valid_selection = function(result, selection_list) {
return result.length && selection_list.length &&
!result.some(function(item) { return selection_list.indexOf(item) === -1; });
};
// merges child options up with the parent options object
// Example: obj = {a: 1, b: {a: 2}}
// mergeOpts(obj, 'b')
//
// Returns: {a: 2}
function _mergeOpts(allOptions, childFieldName) {
var finalOpts = {};
allOptions = _normalizeOpts(allOptions);
var name;
for (name in allOptions) {
if (name !== childFieldName) {
finalOpts[name] = allOptions[name];
}
}
//merge in the per type settings for the childFieldName
if (childFieldName && allOptions[childFieldName]) {
for (name in allOptions[childFieldName]) {
finalOpts[name] = allOptions[childFieldName][name];
}
}
return finalOpts;
}
function _normalizeOpts(options) {
var convertedOpts = {};
var key;
for (key in options) {
var newKey = key.replace(/-/g, "_");
convertedOpts[newKey] = options[key];
}
return convertedOpts;
}
module.exports.Options = Options;
module.exports.normalizeOpts = _normalizeOpts;
module.exports.mergeOpts = _mergeOpts;
/***/ }),
/* 7 */,
/* 8 */
/***/ (function(module) {
/*jshint node:true */
/*
The MIT License (MIT)
Copyright (c) 2007-2018 Einar Lielmanis, Liam Newman, and contributors.
Permission is hereby granted, free of charge, to any person
obtaining a copy of this software and associated documentation files
(the "Software"), to deal in the Software without restriction,
including without limitation the rights to use, copy, modify, merge,
publish, distribute, sublicense, and/or sell copies of the Software,
and to permit persons to whom the Software is furnished to do so,
subject to the following conditions:
The above copyright notice and this permission notice shall be
included in all copies or substantial portions of the Software.
THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND,
EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF
MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND
NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS
BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN
ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN
CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
SOFTWARE.
*/
var regexp_has_sticky = RegExp.prototype.hasOwnProperty('sticky');
function InputScanner(input_string) {
this.__input = input_string || '';
this.__input_length = this.__input.length;
this.__position = 0;
}
InputScanner.prototype.restart = function() {
this.__position = 0;
};
InputScanner.prototype.back = function() {
if (this.__position > 0) {
this.__position -= 1;
}
};
InputScanner.prototype.hasNext = function() {
return this.__position < this.__input_length;
};
InputScanner.prototype.next = function() {
var val = null;
if (this.hasNext()) {
val = this.__input.charAt(this.__position);
this.__position += 1;
}
return val;
};
InputScanner.prototype.peek = function(index) {
var val = null;
index = index || 0;
index += this.__position;
if (index >= 0 && index < this.__input_length) {
val = this.__input.charAt(index);
}
return val;
};
// This is a JavaScript only helper function (not in python)
// Javascript doesn't have a match method
// and not all implementation support "sticky" flag.
// If they do not support sticky then both this.match() and this.test() method
// must get the match and check the index of the match.
// If sticky is supported and set, this method will use it.
// Otherwise it will check that global is set, and fall back to the slower method.
InputScanner.prototype.__match = function(pattern, index) {
pattern.lastIndex = index;
var pattern_match = pattern.exec(this.__input);
if (pattern_match && !(regexp_has_sticky && pattern.sticky)) {
if (pattern_match.index !== index) {
pattern_match = null;
}
}
return pattern_match;
};
InputScanner.prototype.test = function(pattern, index) {
index = index || 0;
index += this.__position;
if (index >= 0 && index < this.__input_length) {
return !!this.__match(pattern, index);
} else {
return false;
}
};
InputScanner.prototype.testChar = function(pattern, index) {
// test one character regex match
var val = this.peek(index);
pattern.lastIndex = 0;
return val !== null && pattern.test(val);
};
InputScanner.prototype.match = function(pattern) {
var pattern_match = this.__match(pattern, this.__position);
if (pattern_match) {
this.__position += pattern_match[0].length;
} else {
pattern_match = null;
}
return pattern_match;
};
InputScanner.prototype.read = function(starting_pattern, until_pattern, until_after) {
var val = '';
var match;
if (starting_pattern) {
match = this.match(starting_pattern);
if (match) {
val += match[0];
}
}
if (until_pattern && (match || !starting_pattern)) {
val += this.readUntil(until_pattern, until_after);
}
return val;
};
InputScanner.prototype.readUntil = function(pattern, until_after) {
var val = '';
var match_index = this.__position;
pattern.lastIndex = this.__position;
var pattern_match = pattern.exec(this.__input);
if (pattern_match) {
match_index = pattern_match.index;
if (until_after) {
match_index += pattern_match[0].length;
}
} else {
match_index = this.__input_length;
}
val = this.__input.substring(this.__position, match_index);
this.__position = match_index;
return val;
};
InputScanner.prototype.readUntilAfter = function(pattern) {
return this.readUntil(pattern, true);
};
InputScanner.prototype.get_regexp = function(pattern, match_from) {
var result = null;
var flags = 'g';
if (match_from && regexp_has_sticky) {
flags = 'y';
}
// strings are converted to regexp
if (typeof pattern === "string" && pattern !== '') {
// result = new RegExp(pattern.replace(/[-\/\\^$*+?.()|[\]{}]/g, '\\$&'), flags);
result = new RegExp(pattern, flags);
} else if (pattern) {
result = new RegExp(pattern.source, flags);
}
return result;
};
InputScanner.prototype.get_literal_regexp = function(literal_string) {
return RegExp(literal_string.replace(/[-\/\\^$*+?.()|[\]{}]/g, '\\$&'));
};
/* css beautifier legacy helpers */
InputScanner.prototype.peekUntilAfter = function(pattern) {
var start = this.__position;
var val = this.readUntilAfter(pattern);
this.__position = start;
return val;
};
InputScanner.prototype.lookBack = function(testVal) {
var start = this.__position - 1;
return start >= testVal.length && this.__input.substring(start - testVal.length, start)
.toLowerCase() === testVal;
};
module.exports.InputScanner = InputScanner;
/***/ }),
/* 9 */,
/* 10 */,
/* 11 */,
/* 12 */,
/* 13 */
/***/ (function(module) {
/*jshint node:true */
/*
The MIT License (MIT)
Copyright (c) 2007-2018 Einar Lielmanis, Liam Newman, and contributors.
Permission is hereby granted, free of charge, to any person
obtaining a copy of this software and associated documentation files
(the "Software"), to deal in the Software without restriction,
including without limitation the rights to use, copy, modify, merge,
publish, distribute, sublicense, and/or sell copies of the Software,
and to permit persons to whom the Software is furnished to do so,
subject to the following conditions:
The above copyright notice and this permission notice shall be
included in all copies or substantial portions of the Software.
THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND,
EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF
MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND
NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS
BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN
ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN
CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
SOFTWARE.
*/
function Directives(start_block_pattern, end_block_pattern) {
start_block_pattern = typeof start_block_pattern === 'string' ? start_block_pattern : start_block_pattern.source;
end_block_pattern = typeof end_block_pattern === 'string' ? end_block_pattern : end_block_pattern.source;
this.__directives_block_pattern = new RegExp(start_block_pattern + / beautify( \w+[:]\w+)+ /.source + end_block_pattern, 'g');
this.__directive_pattern = / (\w+)[:](\w+)/g;
this.__directives_end_ignore_pattern = new RegExp(start_block_pattern + /\sbeautify\signore:end\s/.source + end_block_pattern, 'g');
}
Directives.prototype.get_directives = function(text) {
if (!text.match(this.__directives_block_pattern)) {
return null;
}
var directives = {};
this.__directive_pattern.lastIndex = 0;
var directive_match = this.__directive_pattern.exec(text);
while (directive_match) {
directives[directive_match[1]] = directive_match[2];
directive_match = this.__directive_pattern.exec(text);
}
return directives;
};
Directives.prototype.readIgnored = function(input) {
return input.readUntilAfter(this.__directives_end_ignore_pattern);
};
module.exports.Directives = Directives;
/***/ }),
/* 14 */,
/* 15 */
/***/ (function(module, __unused_webpack_exports, __nested_webpack_require_30151__) {
/*jshint node:true */
/*
The MIT License (MIT)
Copyright (c) 2007-2018 Einar Lielmanis, Liam Newman, and contributors.
Permission is hereby granted, free of charge, to any person
obtaining a copy of this software and associated documentation files
(the "Software"), to deal in the Software without restriction,
including without limitation the rights to use, copy, modify, merge,
publish, distribute, sublicense, and/or sell copies of the Software,
and to permit persons to whom the Software is furnished to do so,
subject to the following conditions:
The above copyright notice and this permission notice shall be
included in all copies or substantial portions of the Software.
THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND,
EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF
MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND
NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS
BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN
ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN
CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
SOFTWARE.
*/
var Beautifier = (__nested_webpack_require_30151__(16).Beautifier),
Options = (__nested_webpack_require_30151__(17).Options);
function css_beautify(source_text, options) {
var beautifier = new Beautifier(source_text, options);
return beautifier.beautify();
}
module.exports = css_beautify;
module.exports.defaultOptions = function() {
return new Options();
};
/***/ }),
/* 16 */
/***/ (function(module, __unused_webpack_exports, __nested_webpack_require_31779__) {
/*jshint node:true */
/*
The MIT License (MIT)
Copyright (c) 2007-2018 Einar Lielmanis, Liam Newman, and contributors.
Permission is hereby granted, free of charge, to any person
obtaining a copy of this software and associated documentation files
(the "Software"), to deal in the Software without restriction,
including without limitation the rights to use, copy, modify, merge,
publish, distribute, sublicense, and/or sell copies of the Software,
and to permit persons to whom the Software is furnished to do so,
subject to the following conditions:
The above copyright notice and this permission notice shall be
included in all copies or substantial portions of the Software.
THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND,
EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF
MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND
NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS
BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN
ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN
CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
SOFTWARE.
*/
var Options = (__nested_webpack_require_31779__(17).Options);
var Output = (__nested_webpack_require_31779__(2).Output);
var InputScanner = (__nested_webpack_require_31779__(8).InputScanner);
var Directives = (__nested_webpack_require_31779__(13).Directives);
var directives_core = new Directives(/\/\*/, /\*\//);
var lineBreak = /\r\n|[\r\n]/;
var allLineBreaks = /\r\n|[\r\n]/g;
// tokenizer
var whitespaceChar = /\s/;
var whitespacePattern = /(?:\s|\n)+/g;
var block_comment_pattern = /\/\*(?:[\s\S]*?)((?:\*\/)|$)/g;
var comment_pattern = /\/\/(?:[^\n\r\u2028\u2029]*)/g;
function Beautifier(source_text, options) {
this._source_text = source_text || '';
// Allow the setting of language/file-type specific options
// with inheritance of overall settings
this._options = new Options(options);
this._ch = null;
this._input = null;
// https://developer.mozilla.org/en-US/docs/Web/CSS/At-rule
this.NESTED_AT_RULE = {
"@page": true,
"@font-face": true,
"@keyframes": true,
// also in CONDITIONAL_GROUP_RULE below
"@media": true,
"@supports": true,
"@document": true
};
this.CONDITIONAL_GROUP_RULE = {
"@media": true,
"@supports": true,
"@document": true
};
this.NON_SEMICOLON_NEWLINE_PROPERTY = [
"grid-template-areas",
"grid-template"
];
}
Beautifier.prototype.eatString = function(endChars) {
var result = '';
this._ch = this._input.next();
while (this._ch) {
result += this._ch;
if (this._ch === "\\") {
result += this._input.next();
} else if (endChars.indexOf(this._ch) !== -1 || this._ch === "\n") {
break;
}
this._ch = this._input.next();
}
return result;
};
// Skips any white space in the source text from the current position.
// When allowAtLeastOneNewLine is true, will output new lines for each
// newline character found; if the user has preserve_newlines off, only
// the first newline will be output
Beautifier.prototype.eatWhitespace = function(allowAtLeastOneNewLine) {
var result = whitespaceChar.test(this._input.peek());
var newline_count = 0;
while (whitespaceChar.test(this._input.peek())) {
this._ch = this._input.next();
if (allowAtLeastOneNewLine && this._ch === '\n') {
if (newline_count === 0 || newline_count < this._options.max_preserve_newlines) {
newline_count++;
this._output.add_new_line(true);
}
}
}
return result;
};
// Nested pseudo-class if we are insideRule
// and the next special character found opens
// a new block
Beautifier.prototype.foundNestedPseudoClass = function() {
var openParen = 0;
var i = 1;
var ch = this._input.peek(i);
while (ch) {
if (ch === "{") {
return true;
} else if (ch === '(') {
// pseudoclasses can contain ()
openParen += 1;
} else if (ch === ')') {
if (openParen === 0) {
return false;
}
openParen -= 1;
} else if (ch === ";" || ch === "}") {
return false;
}
i++;
ch = this._input.peek(i);
}
return false;
};
Beautifier.prototype.print_string = function(output_string) {
this._output.set_indent(this._indentLevel);
this._output.non_breaking_space = true;
this._output.add_token(output_string);
};
Beautifier.prototype.preserveSingleSpace = function(isAfterSpace) {
if (isAfterSpace) {
this._output.space_before_token = true;
}
};
Beautifier.prototype.indent = function() {
this._indentLevel++;
};
Beautifier.prototype.outdent = function() {
if (this._indentLevel > 0) {
this._indentLevel--;
}
};
/*_____________________--------------------_____________________*/
Beautifier.prototype.beautify = function() {
if (this._options.disabled) {
return this._source_text;
}
var source_text = this._source_text;
var eol = this._options.eol;
if (eol === 'auto') {
eol = '\n';
if (source_text && lineBreak.test(source_text || '')) {
eol = source_text.match(lineBreak)[0];
}
}
// HACK: newline parsing inconsistent. This brute force normalizes the this._input.
source_text = source_text.replace(allLineBreaks, '\n');
// reset
var baseIndentString = source_text.match(/^[\t ]*/)[0];
this._output = new Output(this._options, baseIndentString);
this._input = new InputScanner(source_text);
this._indentLevel = 0;
this._nestedLevel = 0;
this._ch = null;
var parenLevel = 0;
var insideRule = false;
// This is the value side of a property value pair (blue in the following ex)
// label { content: blue }
var insidePropertyValue = false;
var enteringConditionalGroup = false;
var insideAtExtend = false;
var insideAtImport = false;
var insideScssMap = false;
var topCharacter = this._ch;
var insideNonSemiColonValues = false;
var whitespace;
var isAfterSpace;
var previous_ch;
while (true) {
whitespace = this._input.read(whitespacePattern);
isAfterSpace = whitespace !== '';
previous_ch = topCharacter;
this._ch = this._input.next();
if (this._ch === '\\' && this._input.hasNext()) {
this._ch += this._input.next();
}
topCharacter = this._ch;
if (!this._ch) {
break;
} else if (this._ch === '/' && this._input.peek() === '*') {
// /* css comment */
// Always start block comments on a new line.
// This handles scenarios where a block comment immediately
// follows a property definition on the same line or where
// minified code is being beautified.
this._output.add_new_line();
this._input.back();
var comment = this._input.read(block_comment_pattern);
// Handle ignore directive
var directives = directives_core.get_directives(comment);
if (directives && directives.ignore === 'start') {
comment += directives_core.readIgnored(this._input);
}
this.print_string(comment);
// Ensures any new lines following the comment are preserved
this.eatWhitespace(true);
// Block comments are followed by a new line so they don't
// share a line with other properties
this._output.add_new_line();
} else if (this._ch === '/' && this._input.peek() === '/') {
// // single line comment
// Preserves the space before a comment
// on the same line as a rule
this._output.space_before_token = true;
this._input.back();
this.print_string(this._input.read(comment_pattern));
// Ensures any new lines following the comment are preserved
this.eatWhitespace(true);
} else if (this._ch === '@' || this._ch === '$') {
this.preserveSingleSpace(isAfterSpace);
// deal with less propery mixins @{...}
if (this._input.peek() === '{') {
this.print_string(this._ch + this.eatString('}'));
} else {
this.print_string(this._ch);
// strip trailing space, if present, for hash property checks
var variableOrRule = this._input.peekUntilAfter(/[: ,;{}()[\]\/='"]/g);
if (variableOrRule.match(/[ :]$/)) {
// we have a variable or pseudo-class, add it and insert one space before continuing
variableOrRule = this.eatString(": ").replace(/\s$/, '');
this.print_string(variableOrRule);
this._output.space_before_token = true;
}
variableOrRule = variableOrRule.replace(/\s$/, '');
if (variableOrRule === 'extend') {
insideAtExtend = true;
} else if (variableOrRule === 'import') {
insideAtImport = true;
}
// might be a nesting at-rule
if (variableOrRule in this.NESTED_AT_RULE) {
this._nestedLevel += 1;
if (variableOrRule in this.CONDITIONAL_GROUP_RULE) {
enteringConditionalGroup = true;
}
// might be less variable
} else if (!insideRule && parenLevel === 0 && variableOrRule.indexOf(':') !== -1) {
insidePropertyValue = true;
this.indent();
}
}
} else if (this._ch === '#' && this._input.peek() === '{') {
this.preserveSingleSpace(isAfterSpace);
this.print_string(this._ch + this.eatString('}'));
} else if (this._ch === '{') {
if (insidePropertyValue) {
insidePropertyValue = false;
this.outdent();
}
// when entering conditional groups, only rulesets are allowed
if (enteringConditionalGroup) {
enteringConditionalGroup = false;
insideRule = (this._indentLevel >= this._nestedLevel);
} else {
// otherwise, declarations are also allowed
insideRule = (this._indentLevel >= this._nestedLevel - 1);
}
if (this._options.newline_between_rules && insideRule) {
if (this._output.previous_line && this._output.previous_line.item(-1) !== '{') {
this._output.ensure_empty_line_above('/', ',');
}
}
this._output.space_before_token = true;
// The difference in print_string and indent order is necessary to indent the '{' correctly
if (this._options.brace_style === 'expand') {
this._output.add_new_line();
this.print_string(this._ch);
this.indent();
this._output.set_indent(this._indentLevel);
} else {
// inside mixin and first param is object
if (previous_ch === '(') {
this._output.space_before_token = false;
} else if (previous_ch !== ',') {
this.indent();
}
this.print_string(this._ch);
}
this.eatWhitespace(true);
this._output.add_new_line();
} else if (this._ch === '}') {
this.outdent();
this._output.add_new_line();
if (previous_ch === '{') {
this._output.trim(true);
}
insideAtImport = false;
insideAtExtend = false;
if (insidePropertyValue) {
this.outdent();
insidePropertyValue = false;
}
this.print_string(this._ch);
insideRule = false;
if (this._nestedLevel) {
this._nestedLevel--;
}
this.eatWhitespace(true);
this._output.add_new_line();
if (this._options.newline_between_rules && !this._output.just_added_blankline()) {
if (this._input.peek() !== '}') {
this._output.add_new_line(true);
}
}
if (this._input.peek() === ')') {
this._output.trim(true);
if (this._options.brace_style === "expand") {
this._output.add_new_line(true);
}
}
} else if (this._ch === ":") {
for (var i = 0; i < this.NON_SEMICOLON_NEWLINE_PROPERTY.length; i++) {
if (this._input.lookBack(this.NON_SEMICOLON_NEWLINE_PROPERTY[i])) {
insideNonSemiColonValues = true;
break;
}
}
if ((insideRule || enteringConditionalGroup) && !(this._input.lookBack("&") || this.foundNestedPseudoClass()) && !this._input.lookBack("(") && !insideAtExtend && parenLevel === 0) {
// 'property: value' delimiter
// which could be in a conditional group query
this.print_string(':');
if (!insidePropertyValue) {
insidePropertyValue = true;
this._output.space_before_token = true;
this.eatWhitespace(true);
this.indent();
}
} else {
// sass/less parent reference don't use a space
// sass nested pseudo-class don't use a space
// preserve space before pseudoclasses/pseudoelements, as it means "in any child"
if (this._input.lookBack(" ")) {
this._output.space_before_token = true;
}
if (this._input.peek() === ":") {
// pseudo-element
this._ch = this._input.next();
this.print_string("::");
} else {
// pseudo-class
this.print_string(':');
}
}
} else if (this._ch === '"' || this._ch === '\'') {
var preserveQuoteSpace = previous_ch === '"' || previous_ch === '\'';
this.preserveSingleSpace(preserveQuoteSpace || isAfterSpace);
this.print_string(this._ch + this.eatString(this._ch));
this.eatWhitespace(true);
} else if (this._ch === ';') {
insideNonSemiColonValues = false;
if (parenLevel === 0) {
if (insidePropertyValue) {
this.outdent();
insidePropertyValue = false;
}
insideAtExtend = false;
insideAtImport = false;
this.print_string(this._ch);
this.eatWhitespace(true);
// This maintains single line comments on the same
// line. Block comments are also affected, but
// a new line is always output before one inside
// that section
if (this._input.peek() !== '/') {
this._output.add_new_line();
}
} else {
this.print_string(this._ch);
this.eatWhitespace(true);
this._output.space_before_token = true;
}
} else if (this._ch === '(') { // may be a url
if (this._input.lookBack("url")) {
this.print_string(this._ch);
this.eatWhitespace();
parenLevel++;
this.indent();
this._ch = this._input.next();
if (this._ch === ')' || this._ch === '"' || this._ch === '\'') {
this._input.back();
} else if (this._ch) {
this.print_string(this._ch + this.eatString(')'));
if (parenLevel) {
parenLevel--;
this.outdent();
}
}
} else {
var space_needed = false;
if (this._input.lookBack("with")) {
// look back is not an accurate solution, we need tokens to confirm without whitespaces
space_needed = true;
}
this.preserveSingleSpace(isAfterSpace || space_needed);
this.print_string(this._ch);
// handle scss/sass map
if (insidePropertyValue && previous_ch === "$" && this._options.selector_separator_newline) {
this._output.add_new_line();
insideScssMap = true;
} else {
this.eatWhitespace();
parenLevel++;
this.indent();
}
}
} else if (this._ch === ')') {
if (parenLevel) {
parenLevel--;
this.outdent();
}
if (insideScssMap && this._input.peek() === ";" && this._options.selector_separator_newline) {
insideScssMap = false;
this.outdent();
this._output.add_new_line();
}
this.print_string(this._ch);
} else if (this._ch === ',') {
this.print_string(this._ch);
this.eatWhitespace(true);
if (this._options.selector_separator_newline && (!insidePropertyValue || insideScssMap) && parenLevel === 0 && !insideAtImport && !insideAtExtend) {
this._output.add_new_line();
} else {
this._output.space_before_token = true;
}
} else if ((this._ch === '>' || this._ch === '+' || this._ch === '~') && !insidePropertyValue && parenLevel === 0) {
//handle combinator spacing
if (this._options.space_around_combinator) {
this._output.space_before_token = true;
this.print_string(this._ch);
this._output.space_before_token = true;
} else {
this.print_string(this._ch);
this.eatWhitespace();
// squash extra whitespace
if (this._ch && whitespaceChar.test(this._ch)) {
this._ch = '';
}
}
} else if (this._ch === ']') {
this.print_string(this._ch);
} else if (this._ch === '[') {
this.preserveSingleSpace(isAfterSpace);
this.print_string(this._ch);
} else if (this._ch === '=') { // no whitespace before or after
this.eatWhitespace();
this.print_string('=');
if (whitespaceChar.test(this._ch)) {
this._ch = '';
}
} else if (this._ch === '!' && !this._input.lookBack("\\")) { // !important
this._output.space_before_token = true;
this.print_string(this._ch);
} else {
var preserveAfterSpace = previous_ch === '"' || previous_ch === '\'';
this.preserveSingleSpace(preserveAfterSpace || isAfterSpace);
this.print_string(this._ch);
if (!this._output.just_added_newline() && this._input.peek() === '\n' && insideNonSemiColonValues) {
this._output.add_new_line();
}
}
}
var sweetCode = this._output.get_code(eol);
return sweetCode;
};
module.exports.Beautifier = Beautifier;
/***/ }),
/* 17 */
/***/ (function(module, __unused_webpack_exports, __nested_webpack_require_49339__) {
/*jshint node:true */
/*
The MIT License (MIT)
Copyright (c) 2007-2018 Einar Lielmanis, Liam Newman, and contributors.
Permission is hereby granted, free of charge, to any person
obtaining a copy of this software and associated documentation files
(the "Software"), to deal in the Software without restriction,
including without limitation the rights to use, copy, modify, merge,
publish, distribute, sublicense, and/or sell copies of the Software,
and to permit persons to whom the Software is furnished to do so,
subject to the following conditions:
The above copyright notice and this permission notice shall be
included in all copies or substantial portions of the Software.
THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND,
EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF
MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND
NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS
BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN
ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN
CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
SOFTWARE.
*/
var BaseOptions = (__nested_webpack_require_49339__(6).Options);
function Options(options) {
BaseOptions.call(this, options, 'css');
this.selector_separator_newline = this._get_boolean('selector_separator_newline', true);
this.newline_between_rules = this._get_boolean('newline_between_rules', true);
var space_around_selector_separator = this._get_boolean('space_around_selector_separator');
this.space_around_combinator = this._get_boolean('space_around_combinator') || space_around_selector_separator;
var brace_style_split = this._get_selection_list('brace_style', ['collapse', 'expand', 'end-expand', 'none', 'preserve-inline']);
this.brace_style = 'collapse';
for (var bs = 0; bs < brace_style_split.length; bs++) {
if (brace_style_split[bs] !== 'expand') {
// default to collapse, as only collapse|expand is implemented for now
this.brace_style = 'collapse';
} else {
this.brace_style = brace_style_split[bs];
}
}
}
Options.prototype = new BaseOptions();
module.exports.Options = Options;
/***/ })
/******/ ]);
/************************************************************************/
/******/ // The module cache
/******/ var __webpack_module_cache__ = {};
/******/
/******/ // The require function
/******/ function __nested_webpack_require_51819__(moduleId) {
/******/ // Check if module is in cache
/******/ var cachedModule = __webpack_module_cache__[moduleId];
/******/ if (cachedModule !== undefined) {
/******/ return cachedModule.exports;
/******/ }
/******/ // Create a new module (and put it into the cache)
/******/ var module = __webpack_module_cache__[moduleId] = {
/******/ // no module.id needed
/******/ // no module.loaded needed
/******/ exports: {}
/******/ };
/******/
/******/ // Execute the module function
/******/ __webpack_modules__[moduleId](module, module.exports, __nested_webpack_require_51819__);
/******/
/******/ // Return the exports of the module
/******/ return module.exports;
/******/ }
/******/
/************************************************************************/
/******/
/******/ // startup
/******/ // Load entry module and return exports
/******/ // This entry module is referenced by other modules so it can't be inlined
/******/ var __nested_webpack_exports__ = __nested_webpack_require_51819__(15);
/******/ legacy_beautify_css = __nested_webpack_exports__;
/******/
/******/ })()
;
var css_beautify = legacy_beautify_css;
;// CONCATENATED MODULE: ../../node_modules/vscode-css-languageservice/lib/esm/services/cssFormatter.js
/*---------------------------------------------------------------------------------------------
* Copyright (c) Microsoft Corporation. All rights reserved.
* Licensed under the MIT License. See License.txt in the project root for license information.
*--------------------------------------------------------------------------------------------*/
function cssFormatter_format(document, range, options) {
let value = document.getText();
let includesEnd = true;
let initialIndentLevel = 0;
let inRule = false;
const tabSize = options.tabSize || 4;
if (range) {
let startOffset = document.offsetAt(range.start);
// include all leading whitespace iff at the beginning of the line
let 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
let endOffset = document.offsetAt(range.end);
let extendedEnd = endOffset;
while (extendedEnd < value.length && isWhitespace(value, extendedEnd)) {
extendedEnd++;
}
if (extendedEnd === value.length || isEOL(value, extendedEnd)) {
endOffset = extendedEnd;
}
range = main.Range.create(document.positionAt(startOffset), document.positionAt(endOffset));
// Test if inside a rule
inRule = isInRule(value, startOffset);
includesEnd = endOffset === value.length;
value = value.substring(startOffset, endOffset);
if (startOffset !== 0) {
const startOfLineOffset = document.offsetAt(main.Position.create(range.start.line, 0));
initialIndentLevel = computeIndentLevel(document.getText(), startOfLineOffset, options);
}
if (inRule) {
value = `{\n${trimLeft(value)}`;
}
}
else {
range = main.Range.create(main.Position.create(0, 0), document.positionAt(value.length));
}
const cssOptions = {
indent_size: tabSize,
indent_char: options.insertSpaces ? ' ' : '\t',
end_with_newline: includesEnd && getFormatOption(options, 'insertFinalNewline', false),
selector_separator_newline: getFormatOption(options, 'newlineBetweenSelectors', true),
newline_between_rules: getFormatOption(options, 'newlineBetweenRules', true),
space_around_selector_separator: getFormatOption(options, 'spaceAroundSelectorSeparator', false),
brace_style: getFormatOption(options, 'braceStyle', 'collapse'),
indent_empty_lines: getFormatOption(options, 'indentEmptyLines', false),
max_preserve_newlines: getFormatOption(options, 'maxPreserveNewLines', undefined),
preserve_newlines: getFormatOption(options, 'preserveNewLines', true),
wrap_line_length: getFormatOption(options, 'wrapLineLength', undefined),
eol: '\n'
};
let result = css_beautify(value, cssOptions);
if (inRule) {
result = trimLeft(result.substring(2));
}
if (initialIndentLevel > 0) {
const indent = options.insertSpaces ? repeat(' ', tabSize * initialIndentLevel) : 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
}];
}
function trimLeft(str) {
return str.replace(/^\s+/, '');
}
const cssFormatter_CUL = '{'.charCodeAt(0);
const cssFormatter_CUR = '}'.charCodeAt(0);
function isInRule(str, offset) {
while (offset >= 0) {
const ch = str.charCodeAt(offset);
if (ch === cssFormatter_CUL) {
return true;
}
else if (ch === cssFormatter_CUR) {
return false;
}
offset--;
}
return false;
}
function getFormatOption(options, key, dflt) {
if (options && options.hasOwnProperty(key)) {
const value = options[key];
if (value !== null) {
return value;
}
}
return dflt;
}
function computeIndentLevel(content, offset, options) {
let i = offset;
let nChars = 0;
const tabSize = options.tabSize || 4;
while (i < content.length) {
const 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;
}
;// CONCATENATED MODULE: ../../node_modules/vscode-css-languageservice/lib/esm/data/webCustomData.js
/*---------------------------------------------------------------------------------------------
* 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
const webCustomData_cssData = {
"version": 1.1,
"properties": [
{
"name": "additive-symbols",
"browsers": [
"FF33"
],
"syntax": "[ <integer> && <symbol> ]#",
"relevance": 50,
"description": "@counter-style descriptor. Specifies the symbols used by the marker-construction algorithm specified by the system descriptor. Needs to be specified if the counter system is 'additive'.",
"restrictions": [
"integer",
"string",
"image",
"identifier"
]
},
{
"name": "align-content",
"browsers": [
"E12",
"FF28",
"S9",
"C29",
"IE11",
"O16"
],
"values": [
{
"name": "center",
"description": "Lines are packed toward the center of the flex container."
},
{
"name": "flex-end",
"description": "Lines are packed toward the end of the flex container."
},
{
"name": "flex-start",
"description": "Lines are packed toward the start of the flex container."
},
{
"name": "space-around",
"description": "Lines are evenly distributed in the flex container, with half-size spaces on either end."
},
{
"name": "space-between",
"description": "Lines are evenly distributed in the flex container."
},
{
"name": "stretch",
"description": "Lines stretch to take up the remaining space."
},
{
"name": "start"
},
{
"name": "end"
},
{
"name": "normal"
},
{
"name": "baseline"
},
{
"name": "first baseline"
},
{
"name": "last baseline"
},
{
"name": "space-around"
},
{
"name": "space-between"
},
{
"name": "space-evenly"
},
{
"name": "stretch"
},
{
"name": "safe"
},
{
"name": "unsafe"
}
],
"syntax": "normal | <baseline-position> | <content-distribution> | <overflow-position>? <content-position>",
"relevance": 65,
"references": [
{
"name": "MDN Reference",
"url": "https://developer.mozilla.org/docs/Web/CSS/align-content"
}
],
"description": "Aligns a flex container's lines within the flex container when there is extra space in the cross-axis, similar to how 'justify-content' aligns individual items within the main-axis.",
"restrictions": [
"enum"
]
},
{
"name": "align-items",
"browsers": [
"E12",
"FF20",
"S9",
"C29",
"IE11",
"O16"
],
"values": [
{
"name": "baseline",
"description": "If the flex item's inline axis is the same as the cross axis, this value is identical to 'flex-start'. Otherwise, it participates in baseline alignment."
},
{
"name": "center",
"description": "The flex item's margin box is centered in the cross axis within the line."
},
{
"name": "flex-end",
"description": "The cross-end margin edge of the flex item is placed flush with the cross-end edge of the line."
},
{
"name": "flex-start",
"description": "The cross-start margin edge of the flex item is placed flush with the cross-start edge of the line."
},
{
"name": "stretch",
"description": "If the cross size property of the flex item computes to auto, and neither of the cross-axis margins are auto, the flex item is stretched."
},
{
"name": "normal"
},
{
"name": "start"
},
{
"name": "end"
},
{
"name": "self-start"
},
{
"name": "self-end"
},
{
"name": "first baseline"
},
{
"name": "last baseline"
},
{
"name": "stretch"
},
{
"name": "safe"
},
{
"name": "unsafe"
}
],
"syntax": "normal | stretch | <baseline-position> | [ <overflow-position>? <self-position> ]",
"relevance": 86,
"references": [
{
"name": "MDN Reference",
"url": "https://developer.mozilla.org/docs/Web/CSS/align-items"
}
],
"description": "Aligns flex items along the cross axis of the current line of the flex container.",
"restrictions": [
"enum"
]
},
{
"name": "justify-items",
"browsers": [
"E12",
"FF20",
"S9",
"C52",
"IE11",
"O12.1"
],
"values": [
{
"name": "auto"
},
{
"name": "normal"
},
{
"name": "end"
},
{
"name": "start"
},
{
"name": "flex-end",
"description": "\"Flex items are packed toward the end of the line.\""
},
{
"name": "flex-start",
"description": "\"Flex items are packed toward the start of the line.\""
},
{
"name": "self-end",
"description": "The item is packed flush to the edge of the alignment container of the end side of the item, in the appropriate axis."
},
{
"name": "self-start",
"description": "The item is packed flush to the edge of the alignment container of the start side of the item, in the appropriate axis.."
},
{
"name": "center",
"description": "The items are packed flush to each other toward the center of the of the alignment container."
},
{
"name": "left"
},
{
"name": "right"
},
{
"name": "baseline"
},
{
"name": "first baseline"
},
{
"name": "last baseline"
},
{
"name": "stretch",
"description": "If the cross size property of the flex item computes to auto, and neither of the cross-axis margins are auto, the flex item is stretched."
},
{
"name": "safe"
},
{
"name": "unsafe"
},
{
"name": "legacy"
}
],
"syntax": "normal | stretch | <baseline-position> | <overflow-position>? [ <self-position> | left | right ] | legacy | legacy && [ left | right | center ]",
"relevance": 54,
"references": [
{
"name": "MDN Reference",
"url": "https://developer.mozilla.org/docs/Web/CSS/justify-items"
}
],
"description": "Defines the default justify-self for all items of the box, giving them the default way of justifying each box along the appropriate axis",
"restrictions": [
"enum"
]
},
{
"name": "justify-self",
"browsers": [
"E16",
"FF45",
"S10.1",
"C57",
"IE10",
"O44"
],
"values": [
{
"name": "auto"
},
{
"name": "normal"
},
{
"name": "end"
},
{
"name": "start"
},
{
"name": "flex-end",
"description": "\"Flex items are packed toward the end of the line.\""
},
{
"name": "flex-start",
"description": "\"Flex items are packed toward the start of the line.\""
},
{
"name": "self-end",
"description": "The item is packed flush to the edge of the alignment container of the end side of the item, in the appropriate axis."
},
{
"name": "self-start",
"description": "The item is packed flush to the edge of the alignment container of the start side of the item, in the appropriate axis.."
},
{
"name": "center",
"description": "The items are packed flush to each other toward the center of the of the alignment container."
},
{
"name": "left"
},
{
"name": "right"
},
{
"name": "baseline"
},
{
"name": "first baseline"
},
{
"name": "last baseline"
},
{
"name": "stretch",
"description": "If the cross size property of the flex item computes to auto, and neither of the cross-axis margins are auto, the flex item is stretched."
},
{
"name": "save"
},
{
"name": "unsave"
}
],
"syntax": "auto | normal | stretch | <baseline-position> | <overflow-position>? [ <self-position> | left | right ]",
"relevance": 55,
"references": [
{
"name": "MDN Reference",
"url": "https://developer.mozilla.org/docs/Web/CSS/justify-self"
}
],
"description": "Defines the way of justifying a box inside its container along the appropriate axis.",
"restrictions": [
"enum"
]
},
{
"name": "align-self",
"browsers": [
"E12",
"FF20",
"S9",
"C29",
"IE10",
"O12.1"
],
"values": [
{
"name": "auto",
"description": "Computes to the value of 'align-items' on the element's parent, or 'stretch' if the element has no parent. On absolutely positioned elements, it computes to itself."
},
{
"name": "normal"
},
{
"name": "self-end"
},
{
"name": "self-start"
},
{
"name": "baseline",
"description": "If the flex item's inline axis is the same as the cross axis, this value is identical to 'flex-start'. Otherwise, it participates in baseline alignment."
},
{
"name": "center",
"description": "The flex item's margin box is centered in the cross axis within the line."
},
{
"name": "flex-end",
"description": "The cross-end margin edge of the flex item is placed flush with the cross-end edge of the line."
},
{
"name": "flex-start",
"description": "The cross-start margin edge of the flex item is placed flush with the cross-start edge of the line."
},
{
"name": "stretch",
"description": "If the cross size property of the flex item computes to auto, and neither of the cross-axis margins are auto, the flex item is stretched."
},
{
"name": "baseline"
},
{
"name": "first baseline"
},
{
"name": "last baseline"
},
{
"name": "safe"
},
{
"name": "unsafe"
}
],
"syntax": "auto | normal | stretch | <baseline-position> | <overflow-position>? <self-position>",
"relevance": 73,
"references": [
{
"name": "MDN Reference",
"url": "https://developer.mozilla.org/docs/Web/CSS/align-self"
}
],
"description": "Allows the default alignment along the cross axis to be overridden for individual flex items.",
"restrictions": [
"enum"
]
},
{
"name": "all",
"browsers": [
"E79",
"FF27",
"S9.1",
"C37",
"O24"
],
"values": [],
"syntax": "initial | inherit | unset | revert | revert-layer",
"relevance": 53,
"references": [
{
"name": "MDN Reference",
"url": "https://developer.mozilla.org/docs/Web/CSS/all"
}
],
"description": "Shorthand that resets all properties except 'direction' and 'unicode-bidi'.",
"restrictions": [
"enum"
]
},
{
"name": "alt",
"browsers": [
"S9"
],
"values": [],
"relevance": 50,
"references": [
{
"name": "MDN Reference",
"url": "https://developer.mozilla.org/docs/Web/CSS/alt"
}
],
"description": "Provides alternative text for assistive technology to replace the generated content of a ::before or ::after element.",
"restrictions": [
"string",
"enum"
]
},
{
"name": "animation",
"browsers": [
"E12",
"FF16",
"S9",
"C43",
"IE10",
"O30"
],
"values": [
{
"name": "alternate",
"description": "The animation cycle iterations that are odd counts are played in the normal direction, and the animation cycle iterations that are even counts are played in a reverse direction."
},
{
"name": "alternate-reverse",
"description": "The animation cycle iterations that are odd counts are played in the reverse direction, and the animation cycle iterations that are even counts are played in a normal direction."
},
{
"name": "backwards",
"description": "The beginning property value (as defined in the first @keyframes at-rule) is applied before the animation is displayed, during the period defined by 'animation-delay'."
},
{
"name": "both",
"description": "Both forwards and backwards fill modes are applied."
},
{
"name": "forwards",
"description": "The final property value (as defined in the last @keyframes at-rule) is maintained after the animation completes."
},
{
"name": "infinite",
"description": "Causes the animation to repeat forever."
},
{
"name": "none",
"description": "No animation is performed"
},
{
"name": "normal",
"description": "Normal playback."
},
{
"name": "reverse",
"description": "All iterations of the animation are played in the reverse direction from the way they were specified."
}
],
"syntax": "<single-animation>#",
"relevance": 82,
"references": [
{
"name": "MDN Reference",
"url": "https://developer.mozilla.org/docs/Web/CSS/animation"
}
],
"description": "Shorthand property combines six of the animation properties into a single property.",
"restrictions": [
"time",
"timing-function",
"enum",
"identifier",
"number"
]
},
{
"name": "animation-delay",
"browsers": [
"E12",
"FF16",
"S9",
"C43",
"IE10",
"O30"
],
"syntax": "<time>#",
"relevance": 66,
"references": [
{
"name": "MDN Reference",
"url": "https://developer.mozilla.org/docs/Web/CSS/animation-delay"
}
],
"description": "Defines when the animation will start.",
"restrictions": [
"time"
]
},
{
"name": "animation-direction",
"browsers": [
"E12",
"FF16",
"S9",
"C43",
"IE10",
"O30"
],
"values": [
{
"name": "alternate",
"description": "The animation cycle iterations that are odd counts are played in the normal direction, and the animation cycle iterations that are even counts are played in a reverse direction."
},
{
"name": "alternate-reverse",
"description": "The animation cycle iterations that are odd counts are played in the reverse direction, and the animation cycle iterations that are even counts are played in a normal direction."
},
{
"name": "normal",
"description": "Normal playback."
},
{
"name": "reverse",
"description": "All iterations of the animation are played in the reverse direction from the way they were specified."
}
],
"syntax": "<single-animation-direction>#",
"relevance": 58,
"references": [
{
"name": "MDN Reference",
"url": "https://developer.mozilla.org/docs/Web/CSS/animation-direction"
}
],
"description": "Defines whether or not the animation should play in reverse on alternate cycles.",
"restrictions": [
"enum"
]
},
{
"name": "animation-duration",
"browsers": [
"E12",
"FF16",
"S9",
"C43",
"IE10",
"O30"
],
"syntax": "<time>#",
"relevance": 71,
"references": [
{
"name": "MDN Reference",
"url": "https://developer.mozilla.org/docs/Web/CSS/animation-duration"
}
],
"description": "Defines the length of time that an animation takes to complete one cycle.",
"restrictions": [
"time"
]
},
{
"name": "animation-fill-mode",
"browsers": [
"E12",
"FF16",
"S9",
"C43",
"IE10",
"O30"
],
"values": [
{
"name": "backwards",
"description": "The beginning property value (as defined in the first @keyframes at-rule) is applied before the animation is displayed, during the period defined by 'animation-delay'."
},
{
"name": "both",
"description": "Both forwards and backwards fill modes are applied."
},
{
"name": "forwards",
"description": "The final property value (as defined in the last @keyframes at-rule) is maintained after the animation completes."
},
{
"name": "none",
"description": "There is no change to the property value between the time the animation is applied and the time the animation begins playing or after the animation completes."
}
],
"syntax": "<single-animation-fill-mode>#",
"relevance": 65,
"references": [
{
"name": "MDN Reference",
"url": "https://developer.mozilla.org/docs/Web/CSS/animation-fill-mode"
}
],
"description": "Defines what values are applied by the animation outside the time it is executing.",
"restrictions": [
"enum"
]
},
{
"name": "animation-iteration-count",
"browsers": [
"E12",
"FF16",
"S9",
"C43",
"IE10",
"O30"
],
"values": [
{
"name": "infinite",
"description": "Causes the animation to repeat forever."
}
],
"syntax": "<single-animation-iteration-count>#",
"relevance": 63,
"references": [
{
"name": "MDN Reference",
"url": "https://developer.mozilla.org/docs/Web/CSS/animation-iteration-count"
}
],
"description": "Defines the number of times an animation cycle is played. The default value is one, meaning the animation will play from beginning to end once.",
"restrictions": [
"number",
"enum"
]
},
{
"name": "animation-name",
"browsers": [
"E12",
"FF16",
"S9",
"C43",
"IE10",
"O30"
],
"values": [
{
"name": "none",
"description": "No animation is performed"
}
],
"syntax": "[ none | <keyframes-name> ]#",
"relevance": 71,
"references": [
{
"name": "MDN Reference",
"url": "https://developer.mozilla.org/docs/Web/CSS/animation-name"
}
],
"description": "Defines a list of animations that apply. Each name is used to select the keyframe at-rule that provides the property values for the animation.",
"restrictions": [
"identifier",
"enum"
]
},
{
"name": "animation-play-state",
"browsers": [
"E12",
"FF16",
"S9",
"C43",
"IE10",
"O30"
],
"values": [
{
"name": "paused",
"description": "A running animation will be paused."
},
{
"name": "running",
"description": "Resume playback of a paused animation."
}
],
"syntax": "<single-animation-play-state>#",
"relevance": 54,
"references": [
{
"name": "MDN Reference",
"url": "https://developer.mozilla.org/docs/Web/CSS/animation-play-state"
}
],
"description": "Defines whether the animation is running or paused.",
"restrictions": [
"enum"
]
},
{
"name": "animation-timing-function",
"browsers": [
"E12",
"FF16",
"S9",
"C43",
"IE10",
"O30"
],
"syntax": "<easing-function>#",
"relevance": 72,
"references": [
{
"name": "MDN Reference",
"url": "https://developer.mozilla.org/docs/Web/CSS/animation-timing-function"
}
],
"description": "Describes how the animation will progress over one cycle of its duration.",
"restrictions": [
"timing-function"
]
},
{
"name": "backface-visibility",
"browsers": [
"E12",
"FF16",
"S15.4",
"C36",
"IE10",
"O23"
],
"values": [
{
"name": "hidden",
"description": "Back side is hidden."
},
{
"name": "visible",
"description": "Back side is visible."
}
],
"syntax": "visible | hidden",
"relevance": 59,
"references": [
{
"name": "MDN Reference",
"url": "https://developer.mozilla.org/docs/Web/CSS/backface-visibility"
}
],
"description": "Determines whether or not the 'back' side of a transformed element is visible when facing the viewer. With an identity transform, the front side of an element faces the viewer.",
"restrictions": [
"enum"
]
},
{
"name": "background",
"browsers": [
"E12",
"FF1",
"S1",
"C1",
"IE4",
"O3.5"
],
"values": [
{
"name": "fixed",
"description": "The background is fixed with regard to the viewport. In paged media where there is no viewport, a 'fixed' background is fixed with respect to the page box and therefore replicated on every page."
},
{
"name": "local",
"description": "The background is fixed with regard to the element's contents: if the element has a scrolling mechanism, the background scrolls with the element's contents."
},
{
"name": "none",
"description": "A value of 'none' counts as an image layer but draws nothing."
},
{
"name": "scroll",
"description": "The background is fixed with regard to the element itself and does not scroll with its contents. (It is effectively attached to the element's border.)"
}
],
"syntax": "[ <bg-layer> , ]* <final-bg-layer>",
"relevance": 93,
"references": [
{
"name": "MDN Reference",
"url": "https://developer.mozilla.org/docs/Web/CSS/background"
}
],
"description": "Shorthand property for setting most background properties at the same place in the style sheet.",
"restrictions": [
"enum",
"image",
"color",
"position",
"length",
"repeat",
"percentage",
"box"
]
},
{
"name": "background-attachment",
"browsers": [
"E12",
"FF1",
"S1",
"C1",
"IE4",
"O3.5"
],
"values": [
{
"name": "fixed",
"description": "The background is fixed with regard to the viewport. In paged media where there is no viewport, a 'fixed' background is fixed with respect to the page box and therefore replicated on every page."
},
{
"name": "local",
"browsers": [
"E12",
"FF1",
"S1",
"C1",
"IE4",
"O3.5"
],
"description": "The background is fixed with regard to the element's contents: if the element has a scrolling mechanism, the background scrolls with the element's contents."
},
{
"name": "scroll",
"description": "The background is fixed with regard to the element itself and does not scroll with its contents. (It is effectively attached to the element's border.)"
}
],
"syntax": "<attachment>#",
"relevance": 54,
"references": [
{
"name": "MDN Reference",
"url": "https://developer.mozilla.org/docs/Web/CSS/background-attachment"
}
],
"description": "Specifies whether the background images are fixed with regard to the viewport ('fixed') or scroll along with the element ('scroll') or its contents ('local').",
"restrictions": [
"enum"
]
},
{
"name": "background-blend-mode",
"browsers": [
"E79",
"FF30",
"S8",
"C35",
"O22"
],
"values": [
{
"name": "normal",
"description": "Default attribute which specifies no blending"
},
{
"name": "multiply",
"description": "The source color is multiplied by the destination color and replaces the destination."
},
{
"name": "screen",
"description": "Multiplies the complements of the backdrop and source color values, then complements the result."
},
{
"name": "overlay",
"description": "Multiplies or screens the colors, depending on the backdrop color value."
},
{
"name": "darken",
"description": "Selects the darker of the backdrop and source colors."
},
{
"name": "lighten",
"description": "Selects the lighter of the backdrop and source colors."
},
{
"name": "color-dodge",
"description": "Brightens the backdrop color to reflect the source color."
},
{
"name": "color-burn",
"description": "Darkens the backdrop color to reflect the source color."
},
{
"name": "hard-light",
"description": "Multiplies or screens the colors, depending on the source color value."
},
{
"name": "soft-light",
"description": "Darkens or lightens the colors, depending on the source color value."
},
{
"name": "difference",
"description": "Subtracts the darker of the two constituent colors from the lighter color.."
},
{
"name": "exclusion",
"description": "Produces an effect similar to that of the Difference mode but lower in contrast."
},
{
"name": "hue",
"browsers": [
"E79",
"FF30",
"S8",
"C35",
"O22"
],
"description": "Creates a color with the hue of the source color and the saturation and luminosity of the backdrop color."
},
{
"name": "saturation",
"browsers": [
"E79",
"FF30",
"S8",
"C35",
"O22"
],
"description": "Creates a color with the saturation of the source color and the hue and luminosity of the backdrop color."
},
{
"name": "color",
"browsers": [
"E79",
"FF30",
"S8",
"C35",
"O22"
],
"description": "Creates a color with the hue and saturation of the source color and the luminosity of the backdrop color."
},
{
"name": "luminosity",
"browsers": [
"E79",
"FF30",
"S8",
"C35",
"O22"
],
"description": "Creates a color with the luminosity of the source color and the hue and saturation of the backdrop color."
}
],
"syntax": "<blend-mode>#",
"relevance": 51,
"references": [
{
"name": "MDN Reference",
"url": "https://developer.mozilla.org/docs/Web/CSS/background-blend-mode"
}
],
"description": "Defines the blending mode of each background layer.",
"restrictions": [
"enum"
]
},
{
"name": "background-clip",
"browsers": [
"E12",
"FF4",
"S14",
"C1",
"IE9",
"O10.5"
],
"syntax": "<box>#",
"relevance": 68,
"references": [
{
"name": "MDN Reference",
"url": "https://developer.mozilla.org/docs/Web/CSS/background-clip"
}
],
"description": "Determines the background painting area.",
"restrictions": [
"box"
]
},
{
"name": "background-color",
"browsers": [
"E12",
"FF1",
"S1",
"C1",
"IE4",
"O3.5"
],
"syntax": "<color>",
"relevance": 94,
"references": [
{
"name": "MDN Reference",
"url": "https://developer.mozilla.org/docs/Web/CSS/background-color"
}
],
"description": "Sets the background color of an element.",
"restrictions": [
"color"
]
},
{
"name": "background-image",
"browsers": [
"E12",
"FF1",
"S1",
"C1",
"IE4",
"O3.5"
],
"values": [
{
"name": "none",
"description": "Counts as an image layer but draws nothing."
}
],
"syntax": "<bg-image>#",
"relevance": 88,
"references": [
{
"name": "MDN Reference",
"url": "https://developer.mozilla.org/docs/Web/CSS/background-image"
}
],
"description": "Sets the background image(s) of an element.",
"restrictions": [
"image",
"enum"
]
},
{
"name": "background-origin",
"browsers": [
"E12",
"FF4",
"S3",
"C1",
"IE9",
"O10.5"
],
"syntax": "<box>#",
"relevance": 54,
"references": [
{
"name": "MDN Reference",
"url": "https://developer.mozilla.org/docs/Web/CSS/background-origin"
}
],
"description": "For elements rendered as a single box, specifies the background positioning area. For elements rendered as multiple boxes (e.g., inline boxes on several lines, boxes on several pages) specifies which boxes 'box-decoration-break' operates on to determine the background positioning area(s).",
"restrictions": [
"box"
]
},
{
"name": "background-position",
"browsers": [
"E12",
"FF1",
"S1",
"C1",
"IE4",
"O3.5"
],
"syntax": "<bg-position>#",
"relevance": 87,
"references": [
{
"name": "MDN Reference",
"url": "https://developer.mozilla.org/docs/Web/CSS/background-position"
}
],
"description": "Specifies the initial position of the background image(s) (after any resizing) within their corresponding background positioning area.",
"restrictions": [
"position",
"length",
"percentage"
]
},
{
"name": "background-position-x",
"browsers": [
"E12",
"FF49",
"S1",
"C1",
"IE6",
"O15"
],
"values": [
{
"name": "center",
"description": "Equivalent to '50%' ('left 50%') for the horizontal position if the horizontal position is not otherwise specified, or '50%' ('top 50%') for the vertical position if it is."
},
{
"name": "left",
"description": "Equivalent to '0%' for the horizontal position if one or two values are given, otherwise specifies the left edge as the origin for the next offset."
},
{
"name": "right",
"description": "Equivalent to '100%' for the horizontal position if one or two values are given, otherwise specifies the right edge as the origin for the next offset."
}
],
"syntax": "[ center | [ [ left | right | x-start | x-end ]? <length-percentage>? ]! ]#",
"relevance": 55,
"references": [
{
"name": "MDN Reference",
"url": "https://developer.mozilla.org/docs/Web/CSS/background-position-x"
}
],
"description": "If background images have been specified, this property specifies their initial position (after any resizing) within their corresponding background positioning area.",
"restrictions": [
"length",
"percentage"
]
},
{
"name": "background-position-y",
"browsers": [
"E12",
"FF49",
"S1",
"C1",
"IE6",
"O15"
],
"values": [
{
"name": "bottom",
"description": "Equivalent to '100%' for the vertical position if one or two values are given, otherwise specifies the bottom edge as the origin for the next offset."
},
{
"name": "center",
"description": "Equivalent to '50%' ('left 50%') for the horizontal position if the horizontal position is not otherwise specified, or '50%' ('top 50%') for the vertical position if it is."
},
{
"name": "top",
"description": "Equivalent to '0%' for the vertical position if one or two values are given, otherwise specifies the top edge as the origin for the next offset."
}
],
"syntax": "[ center | [ [ top | bottom | y-start | y-end ]? <length-percentage>? ]! ]#",
"relevance": 53,
"references": [
{
"name": "MDN Reference",
"url": "https://developer.mozilla.org/docs/Web/CSS/background-position-y"
}
],
"description": "If background images have been specified, this property specifies their initial position (after any resizing) within their corresponding background positioning area.",
"restrictions": [
"length",
"percentage"
]
},
{
"name": "background-repeat",
"browsers": [
"E12",
"FF1",
"S1",
"C1",
"IE4",
"O3.5"
],
"values": [],
"syntax": "<repeat-style>#",
"relevance": 85,
"references": [
{
"name": "MDN Reference",
"url": "https://developer.mozilla.org/docs/Web/CSS/background-repeat"
}
],
"description": "Specifies how background images are tiled after they have been sized and positioned.",
"restrictions": [
"repeat"
]
},
{
"name": "background-size",
"browsers": [
"E12",
"FF4",
"S5",
"C3",
"IE9",
"O10"
],
"values": [
{
"name": "auto",
"description": "Resolved by using the image's intrinsic ratio and the size of the other dimension, or failing that, using the image's intrinsic size, or failing that, treating it as 100%."
},
{
"name": "contain",
"description": "Scale the image, while preserving its intrinsic aspect ratio (if any), to the largest size such that both its width and its height can fit inside the background positioning area."
},
{
"name": "cover",
"description": "Scale the image, while preserving its intrinsic aspect ratio (if any), to the smallest size such that both its width and its height can completely cover the background positioning area."
}
],
"syntax": "<bg-size>#",
"relevance": 85,
"references": [
{
"name": "MDN Reference",
"url": "https://developer.mozilla.org/docs/Web/CSS/background-size"
}
],
"description": "Specifies the size of the background images.",
"restrictions": [
"length",
"percentage"
]
},
{
"name": "behavior",
"browsers": [
"IE6"
],
"relevance": 50,
"description": "IE only. Used to extend behaviors of the browser.",
"restrictions": [
"url"
]
},
{
"name": "block-size",
"browsers": [
"E79",
"FF41",
"S12.1",
"C57",
"O44"
],
"values": [
{
"name": "auto",
"description": "Depends on the values of other properties."
}
],
"syntax": "<'width'>",
"relevance": 50,
"references": [
{
"name": "MDN Reference",
"url": "https://developer.mozilla.org/docs/Web/CSS/block-size"
}
],
"description": "Size of an element in the direction opposite that of the direction specified by 'writing-mode'.",
"restrictions": [
"length",
"percentage"
]
},
{
"name": "border",
"browsers": [
"E12",
"FF1",
"S1",
"C1",
"IE4",
"O3.5"
],
"syntax": "<line-width> || <line-style> || <color>",
"relevance": 95,
"references": [
{
"name": "MDN Reference",
"url": "https://developer.mozilla.org/docs/Web/CSS/border"
}
],
"description": "Shorthand property for setting border width, style, and color.",
"restrictions": [
"length",
"line-width",
"line-style",
"color"
]
},
{
"name": "border-block-end",
"browsers": [
"E79",
"FF41",
"S12.1",
"C69",
"O56"
],
"syntax": "<'border-top-width'> || <'border-top-style'> || <color>",
"relevance": 50,
"references": [
{
"name": "MDN Reference",
"url": "https://developer.mozilla.org/docs/Web/CSS/border-block-end"
}
],
"description": "Logical 'border-bottom'. Mapping depends on the parent element's 'writing-mode', 'direction', and 'text-orientation'.",
"restrictions": [
"length",
"line-width",
"line-style",
"color"
]
},
{
"name": "border-block-start",
"browsers": [
"E79",
"FF41",
"S12.1",
"C69",
"O56"
],
"syntax": "<'border-top-width'> || <'border-top-style'> || <color>",
"relevance": 50,
"references": [
{
"name": "MDN Reference",
"url": "https://developer.mozilla.org/docs/Web/CSS/border-block-start"
}
],
"description": "Logical 'border-top'. Mapping depends on the parent element's 'writing-mode', 'direction', and 'text-orientation'.",
"restrictions": [
"length",
"line-width",
"line-style",
"color"
]
},
{
"name": "border-block-end-color",
"browsers": [
"E79",
"FF41",
"S12.1",
"C69",
"O56"
],
"syntax": "<'border-top-color'>",
"relevance": 50,
"references": [
{
"name": "MDN Reference",
"url": "https://developer.mozilla.org/docs/Web/CSS/border-block-end-color"
}
],
"description": "Logical 'border-bottom-color'. Mapping depends on the parent element's 'writing-mode', 'direction', and 'text-orientation'.",
"restrictions": [
"color"
]
},
{
"name": "border-block-start-color",
"browsers": [
"E79",
"FF41",
"S12.1",
"C69",
"O56"
],
"syntax": "<'border-top-color'>",
"relevance": 50,
"references": [
{
"name": "MDN Reference",
"url": "https://developer.mozilla.org/docs/Web/CSS/border-block-start-color"
}
],
"description": "Logical 'border-top-color'. Mapping depends on the parent element's 'writing-mode', 'direction', and 'text-orientation'.",
"restrictions": [
"color"
]
},
{
"name": "border-block-end-style",
"browsers": [
"E79",
"FF41",
"S12.1",
"C69",
"O56"
],
"syntax": "<'border-top-style'>",
"relevance": 50,
"references": [
{
"name": "MDN Reference",
"url": "https://developer.mozilla.org/docs/Web/CSS/border-block-end-style"
}
],
"description": "Logical 'border-bottom-style'. Mapping depends on the parent element's 'writing-mode', 'direction', and 'text-orientation'.",
"restrictions": [
"line-style"
]
},
{
"name": "border-block-start-style",
"browsers": [
"E79",
"FF41",
"S12.1",
"C69",
"O56"
],
"syntax": "<'border-top-style'>",
"relevance": 50,
"references": [
{
"name": "MDN Reference",
"url": "https://developer.mozilla.org/docs/Web/CSS/border-block-start-style"
}
],
"description": "Logical 'border-top-style'. Mapping depends on the parent element's 'writing-mode', 'direction', and 'text-orientation'.",
"restrictions": [
"line-style"
]
},
{
"name": "border-block-end-width",
"browsers": [
"E79",
"FF41",
"S12.1",
"C69",
"O56"
],
"syntax": "<'border-top-width'>",
"relevance": 50,
"references": [
{
"name": "MDN Reference",
"url": "https://developer.mozilla.org/docs/Web/CSS/border-block-end-width"
}
],
"description": "Logical 'border-bottom-width'. Mapping depends on the parent element's 'writing-mode', 'direction', and 'text-orientation'.",
"restrictions": [
"length",
"line-width"
]
},
{
"name": "border-block-start-width",
"browsers": [
"E79",
"FF41",
"S12.1",
"C69",
"O56"
],
"syntax": "<'border-top-width'>",
"relevance": 50,
"references": [
{
"name": "MDN Reference",
"url": "https://developer.mozilla.org/docs/Web/CSS/border-block-start-width"
}
],
"description": "Logical 'border-top-width'. Mapping depends on the parent element's 'writing-mode', 'direction', and 'text-orientation'.",
"restrictions": [
"length",
"line-width"
]
},
{
"name": "border-bottom",
"browsers": [
"E12",
"FF1",
"S1",
"C1",
"IE4",
"O3.5"
],
"syntax": "<line-width> || <line-style> || <color>",
"relevance": 88,
"references": [
{
"name": "MDN Reference",
"url": "https://developer.mozilla.org/docs/Web/CSS/border-bottom"
}
],
"description": "Shorthand property for setting border width, style and color.",
"restrictions": [
"length",
"line-width",
"line-style",
"color"
]
},
{
"name": "border-bottom-color",
"browsers": [
"E12",
"FF1",
"S1",
"C1",
"IE4",
"O3.5"
],
"syntax": "<'border-top-color'>",
"relevance": 72,
"references": [
{
"name": "MDN Reference",
"url": "https://developer.mozilla.org/docs/Web/CSS/border-bottom-color"
}
],
"description": "Sets the color of the bottom border.",
"restrictions": [
"color"
]
},
{
"name": "border-bottom-left-radius",
"browsers": [
"E12",
"FF4",
"S5",
"C4",
"IE9",
"O10.5"
],
"syntax": "<length-percentage>{1,2}",
"relevance": 75,
"references": [
{
"name": "MDN Reference",
"url": "https://developer.mozilla.org/docs/Web/CSS/border-bottom-left-radius"
}
],
"description": "Defines the radii of the bottom left outer border edge.",
"restrictions": [
"length",
"percentage"
]
},
{
"name": "border-bottom-right-radius",
"browsers": [
"E12",
"FF4",
"S5",
"C4",
"IE9",
"O10.5"
],
"syntax": "<length-percentage>{1,2}",
"relevance": 75,
"references": [
{
"name": "MDN Reference",
"url": "https://developer.mozilla.org/docs/Web/CSS/border-bottom-right-radius"
}
],
"description": "Defines the radii of the bottom right outer border edge.",
"restrictions": [
"length",
"percentage"
]
},
{
"name": "border-bottom-style",
"browsers": [
"E12",
"FF1",
"S1",
"C1",
"IE5.5",
"O9.2"
],
"syntax": "<line-style>",
"relevance": 59,
"references": [
{
"name": "MDN Reference",
"url": "https://developer.mozilla.org/docs/Web/CSS/border-bottom-style"
}
],
"description": "Sets the style of the bottom border.",
"restrictions": [
"line-style"
]
},
{
"name": "border-bottom-width",
"browsers": [
"E12",
"FF1",
"S1",
"C1",
"IE4",
"O3.5"
],
"syntax": "<line-width>",
"relevance": 64,
"references": [
{
"name": "MDN Reference",
"url": "https://developer.mozilla.org/docs/Web/CSS/border-bottom-width"
}
],
"description": "Sets the thickness of the bottom border.",
"restrictions": [
"length",
"line-width"
]
},
{
"name": "border-collapse",
"browsers": [
"E12",
"FF1",
"S1.2",
"C1",
"IE5",
"O4"
],
"values": [
{
"name": "collapse",
"description": "Selects the collapsing borders model."
},
{
"name": "separate",
"description": "Selects the separated borders border model."
}
],
"syntax": "collapse | separate",
"relevance": 74,
"references": [
{
"name": "MDN Reference",
"url": "https://developer.mozilla.org/docs/Web/CSS/border-collapse"
}
],
"description": "Selects a table's border model.",
"restrictions": [
"enum"
]
},
{
"name": "border-color",
"browsers": [
"E12",
"FF1",
"S1",
"C1",
"IE4",
"O3.5"
],
"values": [],
"syntax": "<color>{1,4}",
"relevance": 87,
"references": [
{
"name": "MDN Reference",
"url": "https://developer.mozilla.org/docs/Web/CSS/border-color"
}
],
"description": "The color of the border around all four edges of an element.",
"restrictions": [
"color"
]
},
{
"name": "border-image",
"browsers": [
"E12",
"FF15",
"S6",
"C16",
"IE11",
"O11"
],
"values": [
{
"name": "auto",
"description": "If 'auto' is specified then the border image width is the intrinsic width or height (whichever is applicable) of the corresponding image slice. If the image does not have the required intrinsic dimension then the corresponding border-width is used instead."
},
{
"name": "fill",
"description": "Causes the middle part of the border-image to be preserved."
},
{
"name": "none",
"description": "Use the border styles."
},
{
"name": "repeat",
"description": "The image is tiled (repeated) to fill the area."
},
{
"name": "round",
"description": "The image is tiled (repeated) to fill the area. If it does not fill the area with a whole number of tiles, the image is rescaled so that it does."
},
{
"name": "space",
"description": "The image is tiled (repeated) to fill the area. If it does not fill the area with a whole number of tiles, the extra space is distributed around the tiles."
},
{
"name": "stretch",
"description": "The image is stretched to fill the area."
},
{
"name": "url()"
}
],
"syntax": "<'border-image-source'> || <'border-image-slice'> [ / <'border-image-width'> | / <'border-image-width'>? / <'border-image-outset'> ]? || <'border-image-repeat'>",
"relevance": 52,
"references": [
{
"name": "MDN Reference",
"url": "https://developer.mozilla.org/docs/Web/CSS/border-image"
}
],
"description": "Shorthand property for setting 'border-image-source', 'border-image-slice', 'border-image-width', 'border-image-outset' and 'border-image-repeat'. Omitted values are set to their initial values.",
"restrictions": [
"length",
"percentage",
"number",
"url",
"enum"
]
},
{
"name": "border-image-outset",
"browsers": [
"E12",
"FF15",
"S6",
"C15",
"IE11",
"O15"
],
"syntax": "[ <length> | <number> ]{1,4}",
"relevance": 50,
"references": [
{
"name": "MDN Reference",
"url": "https://developer.mozilla.org/docs/Web/CSS/border-image-outset"
}
],
"description": "The values specify the amount by which the border image area extends beyond the border box on the top, right, bottom, and left sides respectively. If the fourth value is absent, it is the same as the second. If the third one is also absent, it is the same as the first. If the second one is also absent, it is the same as the first. Numbers represent multiples of the corresponding border-width.",
"restrictions": [
"length",
"number"
]
},
{
"name": "border-image-repeat",
"browsers": [
"E12",
"FF15",
"S6",
"C15",
"IE11",
"O15"
],
"values": [
{
"name": "repeat",
"description": "The image is tiled (repeated) to fill the area."
},
{
"name": "round",
"description": "The image is tiled (repeated) to fill the area. If it does not fill the area with a whole number of tiles, the image is rescaled so that it does."
},
{
"name": "space",
"description": "The image is tiled (repeated) to fill the area. If it does not fill the area with a whole number of tiles, the extra space is distributed around the tiles."
},
{
"name": "stretch",
"description": "The image is stretched to fill the area."
}
],
"syntax": "[ stretch | repeat | round | space ]{1,2}",
"relevance": 50,
"references": [
{
"name": "MDN Reference",
"url": "https://developer.mozilla.org/docs/Web/CSS/border-image-repeat"
}
],
"description": "Specifies how the images for the sides and the middle part of the border image are scaled and tiled. If the second keyword is absent, it is assumed to be the same as the first.",
"restrictions": [
"enum"
]
},
{
"name": "border-image-slice",
"browsers": [
"E12",
"FF15",
"S6",
"C15",
"IE11",
"O15"
],
"values": [
{
"name": "fill",
"description": "Causes the middle part of the border-image to be preserved."
}
],
"syntax": "<number-percentage>{1,4} && fill?",
"relevance": 50,
"references": [
{
"name": "MDN Reference",
"url": "https://developer.mozilla.org/docs/Web/CSS/border-image-slice"
}
],
"description": "Specifies inward offsets from the top, right, bottom, and left edges of the image, dividing it into nine regions: four corners, four edges and a middle.",
"restrictions": [
"number",
"percentage"
]
},
{
"name": "border-image-source",
"browsers": [
"E12",
"FF15",
"S6",
"C15",
"IE11",
"O15"
],
"values": [
{
"name": "none",
"description": "Use the border styles."
}
],
"syntax": "none | <image>",
"relevance": 50,
"references": [
{
"name": "MDN Reference",
"url": "https://developer.mozilla.org/docs/Web/CSS/border-image-source"
}
],
"description": "Specifies an image to use instead of the border styles given by the 'border-style' properties and as an additional background layer for the element. If the value is 'none' or if the image cannot be displayed, the border styles will be used.",
"restrictions": [
"image"
]
},
{
"name": "border-image-width",
"browsers": [
"E12",
"FF13",
"S6",
"C15",
"IE11",
"O15"
],
"values": [
{
"name": "auto",
"description": "The border image width is the intrinsic width or height (whichever is applicable) of the corresponding image slice. If the image does not have the required intrinsic dimension then the corresponding border-width is used instead."
}
],
"syntax": "[ <length-percentage> | <number> | auto ]{1,4}",
"relevance": 50,
"references": [
{
"name": "MDN Reference",
"url": "https://developer.mozilla.org/docs/Web/CSS/border-image-width"
}
],
"description": "The four values of 'border-image-width' specify offsets that are used to divide the border image area into nine parts. They represent inward distances from the top, right, bottom, and left sides of the area, respectively.",
"restrictions": [
"length",
"percentage",
"number"
]
},
{
"name": "border-inline-end",
"browsers": [
"E79",
"FF41",
"S12.1",
"C69",
"O56"
],
"syntax": "<'border-top-width'> || <'border-top-style'> || <color>",
"relevance": 50,
"references": [
{
"name": "MDN Reference",
"url": "https://developer.mozilla.org/docs/Web/CSS/border-inline-end"
}
],
"description": "Logical 'border-right'. Mapping depends on the parent element's 'writing-mode', 'direction', and 'text-orientation'.",
"restrictions": [
"length",
"line-width",
"line-style",
"color"
]
},
{
"name": "border-inline-start",
"browsers": [
"E79",
"FF41",
"S12.1",
"C69",
"O56"
],
"syntax": "<'border-top-width'> || <'border-top-style'> || <color>",
"relevance": 50,
"references": [
{
"name": "MDN Reference",
"url": "https://developer.mozilla.org/docs/Web/CSS/border-inline-start"
}
],
"description": "Logical 'border-left'. Mapping depends on the parent element's 'writing-mode', 'direction', and 'text-orientation'.",
"restrictions": [
"length",
"line-width",
"line-style",
"color"
]
},
{
"name": "border-inline-end-color",
"browsers": [
"E79",
"FF41",
"S12.1",
"C69",
"O56"
],
"syntax": "<'border-top-color'>",
"relevance": 50,
"references": [
{
"name": "MDN Reference",
"url": "https://developer.mozilla.org/docs/Web/CSS/border-inline-end-color"
}
],
"description": "Logical 'border-right-color'. Mapping depends on the parent element's 'writing-mode', 'direction', and 'text-orientation'.",
"restrictions": [
"color"
]
},
{
"name": "border-inline-start-color",
"browsers": [
"E79",
"FF41",
"S12.1",
"C69",
"O56"
],
"syntax": "<'border-top-color'>",
"relevance": 50,
"references": [
{
"name": "MDN Reference",
"url": "https://developer.mozilla.org/docs/Web/CSS/border-inline-start-color"
}
],
"description": "Logical 'border-left-color'. Mapping depends on the parent element's 'writing-mode', 'direction', and 'text-orientation'.",
"restrictions": [
"color"
]
},
{
"name": "border-inline-end-style",
"browsers": [
"E79",
"FF41",
"S12.1",
"C69",
"O56"
],
"syntax": "<'border-top-style'>",
"relevance": 50,
"references": [
{
"name": "MDN Reference",
"url": "https://developer.mozilla.org/docs/Web/CSS/border-inline-end-style"
}
],
"description": "Logical 'border-right-style'. Mapping depends on the parent element's 'writing-mode', 'direction', and 'text-orientation'.",
"restrictions": [
"line-style"
]
},
{
"name": "border-inline-start-style",
"browsers": [
"E79",
"FF41",
"S12.1",
"C69",
"O56"
],
"syntax": "<'border-top-style'>",
"relevance": 50,
"references": [
{
"name": "MDN Reference",
"url": "https://developer.mozilla.org/docs/Web/CSS/border-inline-start-style"
}
],
"description": "Logical 'border-left-style'. Mapping depends on the parent element's 'writing-mode', 'direction', and 'text-orientation'.",
"restrictions": [
"line-style"
]
},
{
"name": "border-inline-end-width",
"browsers": [
"E79",
"FF41",
"S12.1",
"C69",
"O56"
],
"syntax": "<'border-top-width'>",
"relevance": 50,
"references": [
{
"name": "MDN Reference",
"url": "https://developer.mozilla.org/docs/Web/CSS/border-inline-end-width"
}
],
"description": "Logical 'border-right-width'. Mapping depends on the parent element's 'writing-mode', 'direction', and 'text-orientation'.",
"restrictions": [
"length",
"line-width"
]
},
{
"name": "border-inline-start-width",
"browsers": [
"E79",
"FF41",
"S12.1",
"C69",
"O56"
],
"syntax": "<'border-top-width'>",
"relevance": 50,
"references": [
{
"name": "MDN Reference",
"url": "https://developer.mozilla.org/docs/Web/CSS/border-inline-start-width"
}
],
"description": "Logical 'border-left-width'. Mapping depends on the parent element's 'writing-mode', 'direction', and 'text-orientation'.",
"restrictions": [
"length",
"line-width"
]
},
{
"name": "border-left",
"browsers": [
"E12",
"FF1",
"S1",
"C1",
"IE4",
"O3.5"
],
"syntax": "<line-width> || <line-style> || <color>",
"relevance": 83,
"references": [
{
"name": "MDN Reference",
"url": "https://developer.mozilla.org/docs/Web/CSS/border-left"
}
],
"description": "Shorthand property for setting border width, style and color",
"restrictions": [
"length",
"line-width",
"line-style",
"color"
]
},
{
"name": "border-left-color",
"browsers": [
"E12",
"FF1",
"S1",
"C1",
"IE4",
"O3.5"
],
"syntax": "<color>",
"relevance": 67,
"references": [
{
"name": "MDN Reference",
"url": "https://developer.mozilla.org/docs/Web/CSS/border-left-color"
}
],
"description": "Sets the color of the left border.",
"restrictions": [
"color"
]
},
{
"name": "border-left-style",
"browsers": [
"E12",
"FF1",
"S1",
"C1",
"IE5.5",
"O9.2"
],
"syntax": "<line-style>",
"relevance": 54,
"references": [
{
"name": "MDN Reference",
"url": "https://developer.mozilla.org/docs/Web/CSS/border-left-style"
}
],
"description": "Sets the style of the left border.",
"restrictions": [
"line-style"
]
},
{
"name": "border-left-width",
"browsers": [
"E12",
"FF1",
"S1",
"C1",
"IE4",
"O3.5"
],
"syntax": "<line-width>",
"relevance": 60,
"references": [
{
"name": "MDN Reference",
"url": "https://developer.mozilla.org/docs/Web/CSS/border-left-width"
}
],
"description": "Sets the thickness of the left border.",
"restrictions": [
"length",
"line-width"
]
},
{
"name": "border-radius",
"browsers": [
"E12",
"FF4",
"S5",
"C4",
"IE9",
"O10.5"
],
"syntax": "<length-percentage>{1,4} [ / <length-percentage>{1,4} ]?",
"relevance": 92,
"references": [
{
"name": "MDN Reference",
"url": "https://developer.mozilla.org/docs/Web/CSS/border-radius"
}
],
"description": "Defines the radii of the outer border edge.",
"restrictions": [
"length",
"percentage"
]
},
{
"name": "border-right",
"browsers": [
"E12",
"FF1",
"S1",
"C1",
"IE5.5",
"O9.2"
],
"syntax": "<line-width> || <line-style> || <color>",
"relevance": 82,
"references": [
{
"name": "MDN Reference",
"url": "https://developer.mozilla.org/docs/Web/CSS/border-right"
}
],
"description": "Shorthand property for setting border width, style and color",
"restrictions": [
"length",
"line-width",
"line-style",
"color"
]
},
{
"name": "border-right-color",
"browsers": [
"E12",
"FF1",
"S1",
"C1",
"IE4",
"O3.5"
],
"syntax": "<color>",
"relevance": 66,
"references": [
{
"name": "MDN Reference",
"url": "https://developer.mozilla.org/docs/Web/CSS/border-right-color"
}
],
"description": "Sets the color of the right border.",
"restrictions": [
"color"
]
},
{
"name": "border-right-style",
"browsers": [
"E12",
"FF1",
"S1",
"C1",
"IE5.5",
"O9.2"
],
"syntax": "<line-style>",
"relevance": 53,
"references": [
{
"name": "MDN Reference",
"url": "https://developer.mozilla.org/docs/Web/CSS/border-right-style"
}
],
"description": "Sets the style of the right border.",
"restrictions": [
"line-style"
]
},
{
"name": "border-right-width",
"browsers": [
"E12",
"FF1",
"S1",
"C1",
"IE4",
"O3.5"
],
"syntax": "<line-width>",
"relevance": 60,
"references": [
{
"name": "MDN Reference",
"url": "https://developer.mozilla.org/docs/Web/CSS/border-right-width"
}
],
"description": "Sets the thickness of the right border.",
"restrictions": [
"length",
"line-width"
]
},
{
"name": "border-spacing",
"browsers": [
"E12",
"FF1",
"S1",
"C1",
"IE8",
"O4"
],
"syntax": "<length> <length>?",
"relevance": 68,
"references": [
{
"name": "MDN Reference",
"url": "https://developer.mozilla.org/docs/Web/CSS/border-spacing"
}
],
"description": "The lengths specify the distance that separates adjoining cell borders. If one length is specified, it gives both the horizontal and vertical spacing. If two are specified, the first gives the horizontal spacing and the second the vertical spacing. Lengths may not be negative.",
"restrictions": [
"length"
]
},
{
"name": "border-style",
"browsers": [
"E12",
"FF1",
"S1",
"C1",
"IE4",
"O3.5"
],
"values": [],
"syntax": "<line-style>{1,4}",
"relevance": 81,
"references": [
{
"name": "MDN Reference",
"url": "https://developer.mozilla.org/docs/Web/CSS/border-style"
}
],
"description": "The style of the border around edges of an element.",
"restrictions": [
"line-style"
]
},
{
"name": "border-top",
"browsers": [
"E12",
"FF1",
"S1",
"C1",
"IE4",
"O3.5"
],
"syntax": "<line-width> || <line-style> || <color>",
"relevance": 87,
"references": [
{
"name": "MDN Reference",
"url": "https://developer.mozilla.org/docs/Web/CSS/border-top"
}
],
"description": "Shorthand property for setting border width, style and color",
"restrictions": [
"length",
"line-width",
"line-style",
"color"
]
},
{
"name": "border-top-color",
"browsers": [
"E12",
"FF1",
"S1",
"C1",
"IE4",
"O3.5"
],
"syntax": "<color>",
"relevance": 72,
"references": [
{
"name": "MDN Reference",
"url": "https://developer.mozilla.org/docs/Web/CSS/border-top-color"
}
],
"description": "Sets the color of the top border.",
"restrictions": [
"color"
]
},
{
"name": "border-top-left-radius",
"browsers": [
"E12",
"FF4",
"S5",
"C4",
"IE9",
"O10.5"
],
"syntax": "<length-percentage>{1,2}",
"relevance": 76,
"references": [
{
"name": "MDN Reference",
"url": "https://developer.mozilla.org/docs/Web/CSS/border-top-left-radius"
}
],
"description": "Defines the radii of the top left outer border edge.",
"restrictions": [
"length",
"percentage"
]
},
{
"name": "border-top-right-radius",
"browsers": [
"E12",
"FF4",
"S5",
"C4",
"IE9",
"O10.5"
],
"syntax": "<length-percentage>{1,2}",
"relevance": 76,
"references": [
{
"name": "MDN Reference",
"url": "https://developer.mozilla.org/docs/Web/CSS/border-top-right-radius"
}
],
"description": "Defines the radii of the top right outer border edge.",
"restrictions": [
"length",
"percentage"
]
},
{
"name": "border-top-style",
"browsers": [
"E12",
"FF1",
"S1",
"C1",
"IE5.5",
"O9.2"
],
"syntax": "<line-style>",
"relevance": 58,
"references": [
{
"name": "MDN Reference",
"url": "https://developer.mozilla.org/docs/Web/CSS/border-top-style"
}
],
"description": "Sets the style of the top border.",
"restrictions": [
"line-style"
]
},
{
"name": "border-top-width",
"browsers": [
"E12",
"FF1",
"S1",
"C1",
"IE4",
"O3.5"
],
"syntax": "<line-width>",
"relevance": 61,
"references": [
{
"name": "MDN Reference",
"url": "https://developer.mozilla.org/docs/Web/CSS/border-top-width"
}
],
"description": "Sets the thickness of the top border.",
"restrictions": [
"length",
"line-width"
]
},
{
"name": "border-width",
"browsers": [
"E12",
"FF1",
"S1",
"C1",
"IE4",
"O3.5"
],
"values": [],
"syntax": "<line-width>{1,4}",
"relevance": 83,
"references": [
{
"name": "MDN Reference",
"url": "https://developer.mozilla.org/docs/Web/CSS/border-width"
}
],
"description": "Shorthand that sets the four 'border-*-width' properties. If it has four values, they set top, right, bottom and left in that order. If left is missing, it is the same as right; if bottom is missing, it is the same as top; if right is missing, it is the same as top.",
"restrictions": [
"length",
"line-width"
]
},
{
"name": "bottom",
"browsers": [
"E12",
"FF1",
"S1",
"C1",
"IE5",
"O6"
],
"values": [
{
"name": "auto",
"description": "For non-replaced elements, the effect of this value depends on which of related properties have the value 'auto' as well"
}
],
"syntax": "<length> | <percentage> | auto",
"relevance": 90,
"references": [
{
"name": "MDN Reference",
"url": "https://developer.mozilla.org/docs/Web/CSS/bottom"
}
],
"description": "Specifies how far an absolutely positioned box's bottom margin edge is offset above the bottom edge of the box's 'containing block'.",
"restrictions": [
"length",
"percentage"
]
},
{
"name": "box-decoration-break",
"browsers": [
"E79",
"FF32",
"S7",
"C22",
"O15"
],
"values": [
{
"name": "clone",
"description": "Each box is independently wrapped with the border and padding."
},
{
"name": "slice",
"description": "The effect is as though the element were rendered with no breaks present, and then sliced by the breaks afterward."
}
],
"syntax": "slice | clone",
"relevance": 50,
"references": [
{
"name": "MDN Reference",
"url": "https://developer.mozilla.org/docs/Web/CSS/box-decoration-break"
}
],
"description": "Specifies whether individual boxes are treated as broken pieces of one continuous box, or whether each box is individually wrapped with the border and padding.",
"restrictions": [
"enum"
]
},
{
"name": "box-shadow",
"browsers": [
"E12",
"FF4",
"S5.1",
"C10",
"IE9",
"O10.5"
],
"values": [
{
"name": "inset",
"description": "Changes the drop shadow from an outer shadow (one that shadows the box onto the canvas, as if it were lifted above the canvas) to an inner shadow (one that shadows the canvas onto the box, as if the box were cut out of the canvas and shifted behind it)."
},
{
"name": "none",
"description": "No shadow."
}
],
"syntax": "none | <shadow>#",
"relevance": 90,
"references": [
{
"name": "MDN Reference",
"url": "https://developer.mozilla.org/docs/Web/CSS/box-shadow"
}
],
"description": "Attaches one or more drop-shadows to the box. The property is a comma-separated list of shadows, each specified by 2-4 length values, an optional color, and an optional 'inset' keyword. Omitted lengths are 0; omitted colors are a user agent chosen color.",
"restrictions": [
"length",
"color",
"enum"
]
},
{
"name": "box-sizing",
"browsers": [
"E12",
"FF29",
"S5.1",
"C10",
"IE8",
"O7"
],
"values": [
{
"name": "border-box",
"description": "The specified width and height (and respective min/max properties) on this element determine the border box of the element."
},
{
"name": "content-box",
"description": "Behavior of width and height as specified by CSS2.1. The specified width and height (and respective min/max properties) apply to the width and height respectively of the content box of the element."
}
],
"syntax": "content-box | border-box",
"relevance": 92,
"references": [
{
"name": "MDN Reference",
"url": "https://developer.mozilla.org/docs/Web/CSS/box-sizing"
}
],
"description": "Specifies the behavior of the 'width' and 'height' properties.",
"restrictions": [
"enum"
]
},
{
"name": "break-after",
"browsers": [
"E12",
"FF65",
"S10",
"C50",
"IE10",
"O37"
],
"values": [
{
"name": "always",
"description": "Always force a page break before/after the generated box."
},
{
"name": "auto",
"description": "Neither force nor forbid a page/column break before/after the principal box."
},
{
"name": "avoid",
"description": "Avoid a break before/after the principal box."
},
{
"name": "avoid-column",
"description": "Avoid a column break before/after the principal box."
},
{
"name": "avoid-page",
"description": "Avoid a page break before/after the principal box."
},
{
"name": "column",
"description": "Always force a column break before/after the principal box."
},
{
"name": "left",
"description": "Force one or two page breaks before/after the generated box so that the next page is formatted as a left page."
},
{
"name": "page",
"description": "Always force a page break before/after the principal box."
},
{
"name": "right",
"description": "Force one or two page breaks before/after the generated box so that the next page is formatted as a right page."
}
],
"syntax": "auto | avoid | always | all | avoid-page | page | left | right | recto | verso | avoid-column | column | avoid-region | region",
"relevance": 50,
"references": [
{
"name": "MDN Reference",
"url": "https://developer.mozilla.org/docs/Web/CSS/break-after"
}
],
"description": "Describes the page/column/region break behavior after the generated box.",
"restrictions": [
"enum"
]
},
{
"name": "break-before",
"browsers": [
"E12",
"FF65",
"S10",
"C50",
"IE10",
"O37"
],
"values": [
{
"name": "always",
"description": "Always force a page break before/after the generated box."
},
{
"name": "auto",
"description": "Neither force nor forbid a page/column break before/after the principal box."
},
{
"name": "avoid",
"description": "Avoid a break before/after the principal box."
},
{
"name": "avoid-column",
"description": "Avoid a column break before/after the principal box."
},
{
"name": "avoid-page",
"description": "Avoid a page break before/after the principal box."
},
{
"name": "column",
"description": "Always force a column break before/after the principal box."
},
{
"name": "left",
"description": "Force one or two page breaks before/after the generated box so that the next page is formatted as a left page."
},
{
"name": "page",
"description": "Always force a page break before/after the principal box."
},
{
"name": "right",
"description": "Force one or two page breaks before/after the generated box so that the next page is formatted as a right page."
}
],
"syntax": "auto | avoid | always | all | avoid-page | page | left | right | recto | verso | avoid-column | column | avoid-region | region",
"relevance": 50,
"references": [
{
"name": "MDN Reference",
"url": "https://developer.mozilla.org/docs/Web/CSS/break-before"
}
],
"description": "Describes the page/column/region break behavior before the generated box.",
"restrictions": [
"enum"
]
},
{
"name": "break-inside",
"browsers": [
"E12",
"FF65",
"S10",
"C50",
"IE10",
"O37"
],
"values": [
{
"name": "auto",
"description": "Impose no additional breaking constraints within the box."
},
{
"name": "avoid",
"description": "Avoid breaks within the box."
},
{
"name": "avoid-column",
"description": "Avoid a column break within the box."
},
{
"name": "avoid-page",
"description": "Avoid a page break within the box."
}
],
"syntax": "auto | avoid | avoid-page | avoid-column | avoid-region",
"relevance": 51,
"references": [
{
"name": "MDN Reference",
"url": "https://developer.mozilla.org/docs/Web/CSS/break-inside"
}
],
"description": "Describes the page/column/region break behavior inside the principal box.",
"restrictions": [
"enum"
]
},
{
"name": "caption-side",
"browsers": [
"E12",
"FF1",
"S1",
"C1",
"IE8",
"O4"
],
"values": [
{
"name": "bottom",
"description": "Positions the caption box below the table box."
},
{
"name": "top",
"description": "Positions the caption box above the table box."
}
],
"syntax": "top | bottom | block-start | block-end | inline-start | inline-end",
"relevance": 52,
"references": [
{
"name": "MDN Reference",
"url": "https://developer.mozilla.org/docs/Web/CSS/caption-side"
}
],
"description": "Specifies the position of the caption box with respect to the table box.",
"restrictions": [
"enum"
]
},
{
"name": "caret-color",
"browsers": [
"E79",
"FF53",
"S11.1",
"C57",
"O44"
],
"values": [
{
"name": "auto",
"description": "The user agent selects an appropriate color for the caret. This is generally currentcolor, but the user agent may choose a different color to ensure good visibility and contrast with the surrounding content, taking into account the value of currentcolor, the background, shadows, and other factors."
}
],
"syntax": "auto | <color>",
"relevance": 53,
"references": [
{
"name": "MDN Reference",
"url": "https://developer.mozilla.org/docs/Web/CSS/caret-color"
}
],
"description": "Controls the color of the text insertion indicator.",
"restrictions": [
"color",
"enum"
]
},
{
"name": "clear",
"browsers": [
"E12",
"FF1",
"S1",
"C1",
"IE4",
"O3.5"
],
"values": [
{
"name": "both",
"description": "The clearance of the generated box is set to the amount necessary to place the top border edge below the bottom outer edge of any right-floating and left-floating boxes that resulted from elements earlier in the source document."
},
{
"name": "left",
"description": "The clearance of the generated box is set to the amount necessary to place the top border edge below the bottom outer edge of any left-floating boxes that resulted from elements earlier in the source document."
},
{
"name": "none",
"description": "No constraint on the box's position with respect to floats."
},
{
"name": "right",
"description": "The clearance of the generated box is set to the amount necessary to place the top border edge below the bottom outer edge of any right-floating boxes that resulted from elements earlier in the source document."
}
],
"syntax": "none | left | right | both | inline-start | inline-end",
"relevance": 83,
"references": [
{
"name": "MDN Reference",
"url": "https://developer.mozilla.org/docs/Web/CSS/clear"
}
],
"description": "Indicates which sides of an element's box(es) may not be adjacent to an earlier floating box. The 'clear' property does not consider floats inside the element itself or in other block formatting contexts.",
"restrictions": [
"enum"
]
},
{
"name": "clip",
"browsers": [
"E12",
"FF1",
"S1",
"C1",
"IE4",
"O7"
],
"values": [
{
"name": "auto",
"description": "The element does not clip."
},
{
"name": "rect()",
"description": "Specifies offsets from the edges of the border box."
}
],
"syntax": "<shape> | auto",
"relevance": 75,
"references": [
{
"name": "MDN Reference",
"url": "https://developer.mozilla.org/docs/Web/CSS/clip"
}
],
"description": "Deprecated. Use the 'clip-path' property when support allows. Defines the visible portion of an element's box.",
"restrictions": [
"enum"
]
},
{
"name": "clip-path",
"browsers": [
"E79",
"FF3.5",
"S9.1",
"C55",
"IE10",
"O42"
],
"values": [
{
"name": "none",
"description": "No clipping path gets created."
},
{
"name": "url()",
"description": "References a <clipPath> element to create a clipping path."
}
],
"syntax": "<clip-source> | [ <basic-shape> || <geometry-box> ] | none",
"relevance": 58,
"references": [
{
"name": "MDN Reference",
"url": "https://developer.mozilla.org/docs/Web/CSS/clip-path"
}
],
"description": "Specifies a clipping path where everything inside the path is visible and everything outside is clipped out.",
"restrictions": [
"url",
"shape",
"geometry-box",
"enum"
]
},
{
"name": "clip-rule",
"browsers": [
"E",
"C5",
"FF3",
"IE10",
"O9",
"S6"
],
"values": [
{
"name": "evenodd",
"description": "Determines the 'insideness' of a point on the canvas by drawing a ray from that point to infinity in any direction and counting the number of path segments from the given shape that the ray crosses."
},
{
"name": "nonzero",
"description": "Determines the 'insideness' of a point on the canvas by drawing a ray from that point to infinity in any direction and then examining the places where a segment of the shape crosses the ray."
}
],
"relevance": 50,
"description": "Indicates the algorithm which is to be used to determine what parts of the canvas are included inside the shape.",
"restrictions": [
"enum"
]
},
{
"name": "color",
"browsers": [
"E12",
"FF1",
"S1",
"C1",
"IE3",
"O3.5"
],
"syntax": "<color>",
"relevance": 95,
"references": [
{
"name": "MDN Reference",
"url": "https://developer.mozilla.org/docs/Web/CSS/color"
}
],
"description": "Sets the color of an element's text",
"restrictions": [
"color"
]
},
{
"name": "color-interpolation-filters",
"browsers": [
"E",
"C5",
"FF3",
"IE10",
"O9",
"S6"
],
"values": [
{
"name": "auto",
"description": "Color operations are not required to occur in a particular color space."
},
{
"name": "linearRGB",
"description": "Color operations should occur in the linearized RGB color space."
},
{
"name": "sRGB",
"description": "Color operations should occur in the sRGB color space."
}
],
"relevance": 50,
"description": "Specifies the color space for imaging operations performed via filter effects.",
"restrictions": [
"enum"
]
},
{
"name": "column-count",
"browsers": [
"E12",
"FF52",
"S9",
"C50",
"IE10",
"O11.1"
],
"values": [
{
"name": "auto",
"description": "Determines the number of columns by the 'column-width' property and the element width."
}
],
"syntax": "<integer> | auto",
"relevance": 53,
"references": [
{
"name": "MDN Reference",
"url": "https://developer.mozilla.org/docs/Web/CSS/column-count"
}
],
"description": "Describes the optimal number of columns into which the content of the element will be flowed.",
"restrictions": [
"integer",
"enum"
]
},
{
"name": "column-fill",
"browsers": [
"E12",
"FF52",
"S9",
"C50",
"IE10",
"O37"
],
"values": [
{
"name": "auto",
"description": "Fills columns sequentially."
},
{
"name": "balance",
"description": "Balance content equally between columns, if possible."
}
],
"syntax": "auto | balance | balance-all",
"relevance": 50,
"references": [
{
"name": "MDN Reference",
"url": "https://developer.mozilla.org/docs/Web/CSS/column-fill"
}
],
"description": "In continuous media, this property will only be consulted if the length of columns has been constrained. Otherwise, columns will automatically be balanced.",
"restrictions": [
"enum"
]
},
{
"name": "column-gap",
"browsers": [
"E12",
"FF1.5",
"S3",
"C1",
"IE10",
"O11.1"
],
"values": [
{
"name": "normal",
"description": "User agent specific and typically equivalent to 1em."
}
],
"syntax": "normal | <length-percentage>",
"relevance": 57,
"references": [
{
"name": "MDN Reference",
"url": "https://developer.mozilla.org/docs/Web/CSS/column-gap"
}
],
"description": "Sets the gap between columns. If there is a column rule between columns, it will appear in the middle of the gap.",
"restrictions": [
"length",
"enum"
]
},
{
"name": "column-rule",
"browsers": [
"E12",
"FF52",
"S9",
"C50",
"IE10",
"O11.1"
],
"syntax": "<'column-rule-width'> || <'column-rule-style'> || <'column-rule-color'>",
"relevance": 51,
"references": [
{
"name": "MDN Reference",
"url": "https://developer.mozilla.org/docs/Web/CSS/column-rule"
}
],
"description": "Shorthand for setting 'column-rule-width', 'column-rule-style', and 'column-rule-color' at the same place in the style sheet. Omitted values are set to their initial values.",
"restrictions": [
"length",
"line-width",
"line-style",
"color"
]
},
{
"name": "column-rule-color",
"browsers": [
"E12",
"FF52",
"S9",
"C50",
"IE10",
"O11.1"
],
"syntax": "<color>",
"relevance": 50,
"references": [
{
"name": "MDN Reference",
"url": "https://developer.mozilla.org/docs/Web/CSS/column-rule-color"
}
],
"description": "Sets the color of the column rule",
"restrictions": [
"color"
]
},
{
"name": "column-rule-style",
"browsers": [
"E12",
"FF52",
"S9",
"C50",
"IE10",
"O11.1"
],
"syntax": "<'border-style'>",
"relevance": 50,
"references": [
{
"name": "MDN Reference",
"url": "https://developer.mozilla.org/docs/Web/CSS/column-rule-style"
}
],
"description": "Sets the style of the rule between columns of an element.",
"restrictions": [
"line-style"
]
},
{
"name": "column-rule-width",
"browsers": [
"E12",
"FF52",
"S9",
"C50",
"IE10",
"O11.1"
],
"syntax": "<'border-width'>",
"relevance": 50,
"references": [
{
"name": "MDN Reference",
"url": "https://developer.mozilla.org/docs/Web/CSS/column-rule-width"
}
],
"description": "Sets the width of the rule between columns. Negative values are not allowed.",
"restrictions": [
"length",
"line-width"
]
},
{
"name": "columns",
"browsers": [
"E12",
"FF52",
"S9",
"C50",
"IE10",
"O11.1"
],
"values": [
{
"name": "auto",
"description": "The width depends on the values of other properties."
}
],
"syntax": "<'column-width'> || <'column-count'>",
"relevance": 51,
"references": [
{
"name": "MDN Reference",
"url": "https://developer.mozilla.org/docs/Web/CSS/columns"
}
],
"description": "A shorthand property which sets both 'column-width' and 'column-count'.",
"restrictions": [
"length",
"integer",
"enum"
]
},
{
"name": "column-span",
"browsers": [
"E12",
"FF71",
"S9",
"C50",
"IE10",
"O11.1"
],
"values": [
{
"name": "all",
"description": "The element spans across all columns. Content in the normal flow that appears before the element is automatically balanced across all columns before the element appear."
},
{
"name": "none",
"description": "The element does not span multiple columns."
}
],
"syntax": "none | all",
"relevance": 50,
"references": [
{
"name": "MDN Reference",
"url": "https://developer.mozilla.org/docs/Web/CSS/column-span"
}
],
"description": "Describes the page/column break behavior after the generated box.",
"restrictions": [
"enum"
]
},
{
"name": "column-width",
"browsers": [
"E12",
"FF50",
"S9",
"C50",
"IE10",
"O11.1"
],
"values": [
{
"name": "auto",
"description": "The width depends on the values of other properties."
}
],
"syntax": "<length> | auto",
"relevance": 51,
"references": [
{
"name": "MDN Reference",
"url": "https://developer.mozilla.org/docs/Web/CSS/column-width"
}
],
"description": "Describes the width of columns in multicol elements.",
"restrictions": [
"length",
"enum"
]
},
{
"name": "contain",
"browsers": [
"E79",
"FF69",
"S15.4",
"C52",
"O39"
],
"values": [
{
"name": "none",
"description": "Indicates that the property has no effect."
},
{
"name": "strict",
"description": "Turns on all forms of containment for the element."
},
{
"name": "content",
"description": "All containment rules except size are applied to the element."
},
{
"name": "size",
"description": "For properties that can have effects on more than just an element and its descendants, those effects don't escape the containing element."
},
{
"name": "layout",
"description": "Turns on layout containment for the element."
},
{
"name": "style",
"description": "Turns on style containment for the element."
},
{
"name": "paint",
"description": "Turns on paint containment for the element."
}
],
"syntax": "none | strict | content | [ [ size || inline-size ] || layout || style || paint ]",
"relevance": 60,
"references": [
{
"name": "MDN Reference",
"url": "https://developer.mozilla.org/docs/Web/CSS/contain"
}
],
"description": "Indicates that an element and its contents are, as much as possible, independent of the rest of the document tree.",
"restrictions": [
"enum"
]
},
{
"name": "content",
"browsers": [
"E12",
"FF1",
"S1",
"C1",
"IE8",
"O4"
],
"values": [
{
"name": "attr()",
"description": "The attr(n) function returns as a string the value of attribute n for the subject of the selector."
},
{
"name": "counter(name)",
"description": "Counters are denoted by identifiers (see the 'counter-increment' and 'counter-reset' properties)."
},
{
"name": "icon",
"description": "The (pseudo-)element is replaced in its entirety by the resource referenced by its 'icon' property, and treated as a replaced element."
},
{
"name": "none",
"description": "On elements, this inhibits the children of the element from being rendered as children of this element, as if the element was empty. On pseudo-elements it causes the pseudo-element to have no content."
},
{
"name": "normal",
"description": "See http://www.w3.org/TR/css3-content/#content for computation rules."
},
{
"name": "url()"
}
],
"syntax": "normal | none | [ <content-replacement> | <content-list> ] [/ [ <string> | <counter> ]+ ]?",
"relevance": 90,
"references": [
{
"name": "MDN Reference",
"url": "https://developer.mozilla.org/docs/Web/CSS/content"
}
],
"description": "Determines which page-based occurrence of a given element is applied to a counter or string value.",
"restrictions": [
"string",
"url"
]
},
{
"name": "counter-increment",
"browsers": [
"E12",
"FF1",
"S3",
"C2",
"IE8",
"O9.2"
],
"values": [
{
"name": "none",
"description": "This element does not alter the value of any counters."
}
],
"syntax": "[ <counter-name> <integer>? ]+ | none",
"relevance": 54,
"references": [
{
"name": "MDN Reference",
"url": "https://developer.mozilla.org/docs/Web/CSS/counter-increment"
}
],
"description": "Manipulate the value of existing counters.",
"restrictions": [
"identifier",
"integer"
]
},
{
"name": "counter-reset",
"browsers": [
"E12",
"FF1",
"S3",
"C2",
"IE8",
"O9.2"
],
"values": [
{
"name": "none",
"description": "The counter is not modified."
}
],
"syntax": "[ <counter-name> <integer>? | <reversed-counter-name> <integer>? ]+ | none",
"relevance": 53,
"references": [
{
"name": "MDN Reference",
"url": "https://developer.mozilla.org/docs/Web/CSS/counter-reset"
}
],
"description": "Property accepts one or more names of counters (identifiers), each one optionally followed by an integer. The integer gives the value that the counter is set to on each occurrence of the element.",
"restrictions": [
"identifier",
"integer"
]
},
{
"name": "cursor",
"browsers": [
"E12",
"FF1",
"S1.2",
"C1",
"IE4",
"O7"
],
"values": [
{
"name": "alias",
"description": "Indicates an alias of/shortcut to something is to be created. Often rendered as an arrow with a small curved arrow next to it."
},
{
"name": "all-scroll",
"description": "Indicates that the something can be scrolled in any direction. Often rendered as arrows pointing up, down, left, and right with a dot in the middle."
},
{
"name": "auto",
"description": "The UA determines the cursor to display based on the current context."
},
{
"name": "cell",
"description": "Indicates that a cell or set of cells may be selected. Often rendered as a thick plus-sign with a dot in the middle."
},
{
"name": "col-resize",
"description": "Indicates that the item/column can be resized horizontally. Often rendered as arrows pointing left and right with a vertical bar separating them."
},
{
"name": "context-menu",
"description": "A context menu is available for the object under the cursor. Often rendered as an arrow with a small menu-like graphic next to it."
},
{
"name": "copy",
"description": "Indicates something is to be copied. Often rendered as an arrow with a small plus sign next to it."
},
{
"name": "crosshair",
"description": "A simple crosshair (e.g., short line segments resembling a '+' sign). Often used to indicate a two dimensional bitmap selection mode."
},
{
"name": "default",
"description": "The platform-dependent default cursor. Often rendered as an arrow."
},
{
"name": "e-resize",
"description": "Indicates that east edge is to be moved."
},
{
"name": "ew-resize",
"description": "Indicates a bidirectional east-west resize cursor."
},
{
"name": "grab",
"browsers": [
"E12",
"FF1",
"S1.2",
"C1",
"IE4",
"O7"
],
"description": "Indicates that something can be grabbed."
},
{
"name": "grabbing",
"browsers": [
"E12",
"FF1",
"S1.2",
"C1",
"IE4",
"O7"
],
"description": "Indicates that something is being grabbed."
},
{
"name": "help",
"description": "Help is available for the object under the cursor. Often rendered as a question mark or a balloon."
},
{
"name": "move",
"description": "Indicates something is to be moved."
},
{
"name": "-moz-grab",
"browsers": [
"E12",
"FF1",
"S1.2",
"C1",
"IE4",
"O7"
],
"description": "Indicates that something can be grabbed."
},
{
"name": "-moz-grabbing",
"browsers": [
"E12",
"FF1",
"S1.2",
"C1",
"IE4",
"O7"
],
"description": "Indicates that something is being grabbed."
},
{
"name": "-moz-zoom-in",
"browsers": [
"E12",
"FF1",
"S1.2",
"C1",
"IE4",
"O7"
],
"description": "Indicates that something can be zoomed (magnified) in."
},
{
"name": "-moz-zoom-out",
"browsers": [
"E12",
"FF1",
"S1.2",
"C1",
"IE4",
"O7"
],
"description": "Indicates that something can be zoomed (magnified) out."
},
{
"name": "ne-resize",
"description": "Indicates that movement starts from north-east corner."
},
{
"name": "nesw-resize",
"description": "Indicates a bidirectional north-east/south-west cursor."
},
{
"name": "no-drop",
"description": "Indicates that the dragged item cannot be dropped at the current cursor location. Often rendered as a hand or pointer with a small circle with a line through it."
},
{
"name": "none",
"description": "No cursor is rendered for the element."
},
{
"name": "not-allowed",
"description": "Indicates that the requested action will not be carried out. Often rendered as a circle with a line through it."
},
{
"name": "n-resize",
"description": "Indicates that north edge is to be moved."
},
{
"name": "ns-resize",
"description": "Indicates a bidirectional north-south cursor."
},
{
"name": "nw-resize",
"description": "Indicates that movement starts from north-west corner."
},
{
"name": "nwse-resize",
"description": "Indicates a bidirectional north-west/south-east cursor."
},
{
"name": "pointer",
"description": "The cursor is a pointer that indicates a link."
},
{
"name": "progress",
"description": "A progress indicator. The program is performing some processing, but is different from 'wait' in that the user may still interact with the program. Often rendered as a spinning beach ball, or an arrow with a watch or hourglass."
},
{
"name": "row-resize",
"description": "Indicates that the item/row can be resized vertically. Often rendered as arrows pointing up and down with a horizontal bar separating them."
},
{
"name": "se-resize",
"description": "Indicates that movement starts from south-east corner."
},
{
"name": "s-resize",
"description": "Indicates that south edge is to be moved."
},
{
"name": "sw-resize",
"description": "Indicates that movement starts from south-west corner."
},
{
"name": "text",
"description": "Indicates text that may be selected. Often rendered as a vertical I-beam."
},
{
"name": "vertical-text",
"description": "Indicates vertical-text that may be selected. Often rendered as a horizontal I-beam."
},
{
"name": "wait",
"description": "Indicates that the program is busy and the user should wait. Often rendered as a watch or hourglass."
},
{
"name": "-webkit-grab",
"browsers": [
"E12",
"FF1",
"S1.2",
"C1",
"IE4",
"O7"
],
"description": "Indicates that something can be grabbed."
},
{
"name": "-webkit-grabbing",
"browsers": [
"E12",
"FF1",
"S1.2",
"C1",
"IE4",
"O7"
],
"description": "Indicates that something is being grabbed."
},
{
"name": "-webkit-zoom-in",
"browsers": [
"E12",
"FF1",
"S1.2",
"C1",
"IE4",
"O7"
],
"description": "Indicates that something can be zoomed (magnified) in."
},
{
"name": "-webkit-zoom-out",
"browsers": [
"E12",
"FF1",
"S1.2",
"C1",
"IE4",
"O7"
],
"description": "Indicates that something can be zoomed (magnified) out."
},
{
"name": "w-resize",
"description": "Indicates that west edge is to be moved."
},
{
"name": "zoom-in",
"browsers": [
"E12",
"FF1",
"S1.2",
"C1",
"IE4",
"O7"
],
"description": "Indicates that something can be zoomed (magnified) in."
},
{
"name": "zoom-out",
"browsers": [
"E12",
"FF1",
"S1.2",
"C1",
"IE4",
"O7"
],
"description": "Indicates that something can be zoomed (magnified) out."
}
],
"syntax": "[ [ <url> [ <x> <y> ]? , ]* [ auto | default | none | context-menu | help | pointer | progress | wait | cell | crosshair | text | vertical-text | alias | copy | move | no-drop | not-allowed | e-resize | n-resize | ne-resize | nw-resize | s-resize | se-resize | sw-resize | w-resize | ew-resize | ns-resize | nesw-resize | nwse-resize | col-resize | row-resize | all-scroll | zoom-in | zoom-out | grab | grabbing ] ]",
"relevance": 91,
"references": [
{
"name": "MDN Reference",
"url": "https://developer.mozilla.org/docs/Web/CSS/cursor"
}
],
"description": "Allows control over cursor appearance in an element",
"restrictions": [
"url",
"number",
"enum"
]
},
{
"name": "direction",
"browsers": [
"E12",
"FF1",
"S1",
"C2",
"IE5.5",
"O9.2"
],
"values": [
{
"name": "ltr",
"description": "Left-to-right direction."
},
{
"name": "rtl",
"description": "Right-to-left direction."
}
],
"syntax": "ltr | rtl",
"relevance": 71,
"references": [
{
"name": "MDN Reference",
"url": "https://developer.mozilla.org/docs/Web/CSS/direction"
}
],
"description": "Specifies the inline base direction or directionality of any bidi paragraph, embedding, isolate, or override established by the box. Note: for HTML content use the 'dir' attribute and 'bdo' element rather than this property.",
"restrictions": [
"enum"
]
},
{
"name": "display",
"browsers": [
"E12",
"FF1",
"S1",
"C1",
"IE4",
"O7"
],
"values": [
{
"name": "block",
"description": "The element generates a block-level box"
},
{
"name": "contents",
"browsers": [
"E12",
"FF1",
"S1",
"C1",
"IE4",
"O7"
],
"description": "The element itself does not generate any boxes, but its children and pseudo-elements still generate boxes as normal."
},
{
"name": "flex",
"browsers": [
"E12",
"FF1",
"S1",
"C1",
"IE4",
"O7"
],
"description": "The element generates a principal flex container box and establishes a flex formatting context."
},
{
"name": "flexbox",
"browsers": [
"E12",
"FF1",
"S1",
"C1",
"IE4",
"O7"
],
"description": "The element lays out its contents using flow layout (block-and-inline layout). Standardized as 'flex'."
},
{
"name": "flow-root",
"browsers": [
"E12",
"FF1",
"S1",
"C1",
"IE4",
"O7"
],
"description": "The element generates a block container box, and lays out its contents using flow layout."
},
{
"name": "grid",
"browsers": [
"E12",
"FF1",
"S1",
"C1",
"IE4",
"O7"
],
"description": "The element generates a principal grid container box, and establishes a grid formatting context."
},
{
"name": "inline",
"description": "The element generates an inline-level box."
},
{
"name": "inline-block",
"description": "A block box, which itself is flowed as a single inline box, similar to a replaced element. The inside of an inline-block is formatted as a block box, and the box itself is formatted as an inline box."
},
{
"name": "inline-flex",
"browsers": [
"E12",
"FF1",
"S1",
"C1",
"IE4",
"O7"
],
"description": "Inline-level flex container."
},
{
"name": "inline-flexbox",
"browsers": [
"E12",
"FF1",
"S1",
"C1",
"IE4",
"O7"
],
"description": "Inline-level flex container. Standardized as 'inline-flex'"
},
{
"name": "inline-table",
"description": "Inline-level table wrapper box containing table box."
},
{
"name": "list-item",
"description": "One or more block boxes and one marker box."
},
{
"name": "-moz-box",
"browsers": [
"E12",
"FF1",
"S1",
"C1",
"IE4",
"O7"
],
"description": "The element lays out its contents using flow layout (block-and-inline layout). Standardized as 'flex'."
},
{
"name": "-moz-deck",
"browsers": [
"E12",
"FF1",
"S1",
"C1",
"IE4",
"O7"
]
},
{
"name": "-moz-grid",
"browsers": [
"E12",
"FF1",
"S1",
"C1",
"IE4",
"O7"
]
},
{
"name": "-moz-grid-group",
"browsers": [
"E12",
"FF1",
"S1",
"C1",
"IE4",
"O7"
]
},
{
"name": "-moz-grid-line",
"browsers": [
"E12",
"FF1",
"S1",
"C1",
"IE4",
"O7"
]
},
{
"name": "-moz-groupbox",
"browsers": [
"E12",
"FF1",
"S1",
"C1",
"IE4",
"O7"
]
},
{
"name": "-moz-inline-box",
"browsers": [
"E12",
"FF1",
"S1",
"C1",
"IE4",
"O7"
],
"description": "Inline-level flex container. Standardized as 'inline-flex'"
},
{
"name": "-moz-inline-grid",
"browsers": [
"E12",
"FF1",
"S1",
"C1",
"IE4",
"O7"
]
},
{
"name": "-moz-inline-stack",
"browsers": [
"E12",
"FF1",
"S1",
"C1",
"IE4",
"O7"
]
},
{
"name": "-moz-marker",
"browsers": [
"E12",
"FF1",
"S1",
"C1",
"IE4",
"O7"
]
},
{
"name": "-moz-popup",
"browsers": [
"E12",
"FF1",
"S1",
"C1",
"IE4",
"O7"
]
},
{
"name": "-moz-stack",
"browsers": [
"E12",
"FF1",
"S1",
"C1",
"IE4",
"O7"
]
},
{
"name": "-ms-flexbox",
"browsers": [
"E12",
"FF1",
"S1",
"C1",
"IE4",
"O7"
],
"description": "The element lays out its contents using flow layout (block-and-inline layout). Standardized as 'flex'."
},
{
"name": "-ms-grid",
"browsers": [
"E12",
"FF1",
"S1",
"C1",
"IE4",
"O7"
],
"description": "The element generates a principal grid container box, and establishes a grid formatting context."
},
{
"name": "-ms-inline-flexbox",
"browsers": [
"E12",
"FF1",
"S1",
"C1",
"IE4",
"O7"
],
"description": "Inline-level flex container. Standardized as 'inline-flex'"
},
{
"name": "-ms-inline-grid",
"browsers": [
"E12",
"FF1",
"S1",
"C1",
"IE4",
"O7"
],
"description": "Inline-level grid container."
},
{
"name": "none",
"description": "The element and its descendants generates no boxes."
},
{
"name": "ruby",
"description": "The element generates a principal ruby container box, and establishes a ruby formatting context."
},
{
"name": "ruby-base"
},
{
"name": "ruby-base-container"
},
{
"name": "ruby-text"
},
{
"name": "ruby-text-container"
},
{
"name": "run-in",
"browsers": [
"E12",
"FF1",
"S1",
"C1",
"IE4",
"O7"
],
"description": "The element generates a run-in box. Run-in elements act like inlines or blocks, depending on the surrounding elements."
},
{
"name": "table",
"description": "The element generates a principal table wrapper box containing an additionally-generated table box, and establishes a table formatting context."
},
{
"name": "table-caption"
},
{
"name": "table-cell"
},
{
"name": "table-column"
},
{
"name": "table-column-group"
},
{
"name": "table-footer-group"
},
{
"name": "table-header-group"
},
{
"name": "table-row"
},
{
"name": "table-row-group"
},
{
"name": "-webkit-box",
"browsers": [
"E12",
"FF1",
"S1",
"C1",
"IE4",
"O7"
],
"description": "The element lays out its contents using flow layout (block-and-inline layout). Standardized as 'flex'."
},
{
"name": "-webkit-flex",
"browsers": [
"E12",
"FF1",
"S1",
"C1",
"IE4",
"O7"
],
"description": "The element lays out its contents using flow layout (block-and-inline layout)."
},
{
"name": "-webkit-inline-box",
"browsers": [
"E12",
"FF1",
"S1",
"C1",
"IE4",
"O7"
],
"description": "Inline-level flex container. Standardized as 'inline-flex'"
},
{
"name": "-webkit-inline-flex",
"browsers": [
"E12",
"FF1",
"S1",
"C1",
"IE4",
"O7"
],
"description": "Inline-level flex container."
}
],
"syntax": "[ <display-outside> || <display-inside> ] | <display-listitem> | <display-internal> | <display-box> | <display-legacy>",
"relevance": 96,
"references": [
{
"name": "MDN Reference",
"url": "https://developer.mozilla.org/docs/Web/CSS/display"
}
],
"description": "In combination with 'float' and 'position', determines the type of box or boxes that are generated for an element.",
"restrictions": [
"enum"
]
},
{
"name": "empty-cells",
"browsers": [
"E12",
"FF1",
"S1.2",
"C1",
"IE8",
"O4"
],
"values": [
{
"name": "hide",
"description": "No borders or backgrounds are drawn around/behind empty cells."
},
{
"name": "-moz-show-background",
"browsers": [
"E12",
"FF1",
"S1.2",
"C1",
"IE8",
"O4"
]
},
{
"name": "show",
"description": "Borders and backgrounds are drawn around/behind empty cells (like normal cells)."
}
],
"syntax": "show | hide",
"relevance": 51,
"references": [
{
"name": "MDN Reference",
"url": "https://developer.mozilla.org/docs/Web/CSS/empty-cells"
}
],
"description": "In the separated borders model, this property controls the rendering of borders and backgrounds around cells that have no visible content.",
"restrictions": [
"enum"
]
},
{
"name": "enable-background",
"values": [
{
"name": "accumulate",
"description": "If the ancestor container element has a property of new, then all graphics elements within the current container are rendered both on the parent's background image and onto the target."
},
{
"name": "new",
"description": "Create a new background image canvas. All children of the current container element can access the background, and they will be rendered onto both the parent's background image canvas in addition to the target device."
}
],
"relevance": 50,
"description": "Deprecated. Use 'isolation' property instead when support allows. Specifies how the accumulation of the background image is managed.",
"restrictions": [
"integer",
"length",
"percentage",
"enum"
]
},
{
"name": "fallback",
"browsers": [
"FF33"
],
"syntax": "<counter-style-name>",
"relevance": 50,
"description": "@counter-style descriptor. Specifies a fallback counter style to be used when the current counter style can't create a representation for a given counter value.",
"restrictions": [
"identifier"
]
},
{
"name": "fill",
"values": [
{
"name": "url()",
"description": "A URL reference to a paint server element, which is an element that defines a paint server: 'hatch', 'linearGradient', 'mesh', 'pattern', 'radialGradient' and 'solidcolor'."
},
{
"name": "none",
"description": "No paint is applied in this layer."
}
],
"relevance": 77,
"description": "Paints the interior of the given graphical element.",
"restrictions": [
"color",
"enum",
"url"
]
},
{
"name": "fill-opacity",
"relevance": 52,
"description": "Specifies the opacity of the painting operation used to paint the interior the current object.",
"restrictions": [
"number(0-1)"
]
},
{
"name": "fill-rule",
"values": [
{
"name": "evenodd",
"description": "Determines the 'insideness' of a point on the canvas by drawing a ray from that point to infinity in any direction and counting the number of path segments from the given shape that the ray crosses."
},
{
"name": "nonzero",
"description": "Determines the 'insideness' of a point on the canvas by drawing a ray from that point to infinity in any direction and then examining the places where a segment of the shape crosses the ray."
}
],
"relevance": 51,
"description": "Indicates the algorithm (or winding rule) which is to be used to determine what parts of the canvas are included inside the shape.",
"restrictions": [
"enum"
]
},
{
"name": "filter",
"browsers": [
"E12",
"FF35",
"S9.1",
"C53",
"O40"
],
"values": [
{
"name": "none",
"description": "No filter effects are applied."
},
{
"name": "blur()",
"description": "Applies a Gaussian blur to the input image."
},
{
"name": "brightness()",
"description": "Applies a linear multiplier to input image, making it appear more or less bright."
},
{
"name": "contrast()",
"description": "Adjusts the contrast of the input."
},
{
"name": "drop-shadow()",
"description": "Applies a drop shadow effect to the input image."
},
{
"name": "grayscale()",
"description": "Converts the input image to grayscale."
},
{
"name": "hue-rotate()",
"description": "Applies a hue rotation on the input image. "
},
{
"name": "invert()",
"description": "Inverts the samples in the input image."
},
{
"name": "opacity()",
"description": "Applies transparency to the samples in the input image."
},
{
"name": "saturate()",
"description": "Saturates the input image."
},
{
"name": "sepia()",
"description": "Converts the input image to sepia."
},
{
"name": "url()",
"browsers": [
"E12",
"FF35",
"S9.1",
"C53",
"O40"
],
"description": "A filter reference to a <filter> element."
}
],
"syntax": "none | <filter-function-list>",
"relevance": 66,
"references": [
{
"name": "MDN Reference",
"url": "https://developer.mozilla.org/docs/Web/CSS/filter"
}
],
"description": "Processes an element's rendering before it is displayed in the document, by applying one or more filter effects.",
"restrictions": [
"enum",
"url"
]
},
{
"name": "flex",
"browsers": [
"E12",
"FF20",
"S9",
"C29",
"IE11",
"O12.1"
],
"values": [
{
"name": "auto",
"description": "Retrieves the value of the main size property as the used 'flex-basis'."
},
{
"name": "content",
"browsers": [
"E12",
"FF20",
"S9",
"C29",
"IE11",
"O12.1"
],
"description": "Indicates automatic sizing, based on the flex item's content."
},
{
"name": "none",
"description": "Expands to '0 0 auto'."
}
],
"syntax": "none | [ <'flex-grow'> <'flex-shrink'>? || <'flex-basis'> ]",
"relevance": 80,
"references": [
{
"name": "MDN Reference",
"url": "https://developer.mozilla.org/docs/Web/CSS/flex"
}
],
"description": "Specifies the components of a flexible length: the flex grow factor and flex shrink factor, and the flex basis.",
"restrictions": [
"length",
"number",
"percentage"
]
},
{
"name": "flex-basis",
"browsers": [
"E12",
"FF22",
"S9",
"C29",
"IE11",
"O12.1"
],
"values": [
{
"name": "auto",
"description": "Retrieves the value of the main size property as the used 'flex-basis'."
},
{
"name": "content",
"browsers": [
"E12",
"FF22",
"S9",
"C29",
"IE11",
"O12.1"
],
"description": "Indicates automatic sizing, based on the flex item's content."
}
],
"syntax": "content | <'width'>",
"relevance": 69,
"references": [
{
"name": "MDN Reference",
"url": "https://developer.mozilla.org/docs/Web/CSS/flex-basis"
}
],
"description": "Sets the flex basis.",
"restrictions": [
"length",
"number",
"percentage"
]
},
{
"name": "flex-direction",
"browsers": [
"E12",
"FF81",
"S9",
"C29",
"IE11",
"O12.1"
],
"values": [
{
"name": "column",
"description": "The flex container's main axis has the same orientation as the block axis of the current writing mode."
},
{
"name": "column-reverse",
"description": "Same as 'column', except the main-start and main-end directions are swapped."
},
{
"name": "row",
"description": "The flex container's main axis has the same orientation as the inline axis of the current writing mode."
},
{
"name": "row-reverse",
"description": "Same as 'row', except the main-start and main-end directions are swapped."
}
],
"syntax": "row | row-reverse | column | column-reverse",
"relevance": 83,
"references": [
{
"name": "MDN Reference",
"url": "https://developer.mozilla.org/docs/Web/CSS/flex-direction"
}
],
"description": "Specifies how flex items are placed in the flex container, by setting the direction of the flex container's main axis.",
"restrictions": [
"enum"
]
},
{
"name": "flex-flow",
"browsers": [
"E12",
"FF28",
"S9",
"C29",
"IE11",
"O12.1"
],
"values": [
{
"name": "column",
"description": "The flex container's main axis has the same orientation as the block axis of the current writing mode."
},
{
"name": "column-reverse",
"description": "Same as 'column', except the main-start and main-end directions are swapped."
},
{
"name": "nowrap",
"description": "The flex container is single-line."
},
{
"name": "row",
"description": "The flex container's main axis has the same orientation as the inline axis of the current writing mode."
},
{
"name": "row-reverse",
"description": "Same as 'row', except the main-start and main-end directions are swapped."
},
{
"name": "wrap",
"description": "The flexbox is multi-line."
},
{
"name": "wrap-reverse",
"description": "Same as 'wrap', except the cross-start and cross-end directions are swapped."
}
],
"syntax": "<'flex-direction'> || <'flex-wrap'>",
"relevance": 66,
"references": [
{
"name": "MDN Reference",
"url": "https://developer.mozilla.org/docs/Web/CSS/flex-flow"
}
],
"description": "Specifies how flexbox items are placed in the flexbox.",
"restrictions": [
"enum"
]
},
{
"name": "flex-grow",
"browsers": [
"E12",
"FF20",
"S9",
"C29",
"IE11",
"O12.1"
],
"syntax": "<number>",
"relevance": 77,
"references": [
{
"name": "MDN Reference",
"url": "https://developer.mozilla.org/docs/Web/CSS/flex-grow"
}
],
"description": "Sets the flex grow factor. Negative numbers are invalid.",
"restrictions": [
"number"
]
},
{
"name": "flex-shrink",
"browsers": [
"E12",
"FF20",
"S9",
"C29",
"IE10",
"O12.1"
],
"syntax": "<number>",
"relevance": 75,
"references": [
{
"name": "MDN Reference",
"url": "https://developer.mozilla.org/docs/Web/CSS/flex-shrink"
}
],
"description": "Sets the flex shrink factor. Negative numbers are invalid.",
"restrictions": [
"number"
]
},
{
"name": "flex-wrap",
"browsers": [
"E12",
"FF28",
"S9",
"C29",
"IE11",
"O17"
],
"values": [
{
"name": "nowrap",
"description": "The flex container is single-line."
},
{
"name": "wrap",
"description": "The flexbox is multi-line."
},
{
"name": "wrap-reverse",
"description": "Same as 'wrap', except the cross-start and cross-end directions are swapped."
}
],
"syntax": "nowrap | wrap | wrap-reverse",
"relevance": 80,
"references": [
{
"name": "MDN Reference",
"url": "https://developer.mozilla.org/docs/Web/CSS/flex-wrap"
}
],
"description": "Controls whether the flex container is single-line or multi-line, and the direction of the cross-axis, which determines the direction new lines are stacked in.",
"restrictions": [
"enum"
]
},
{
"name": "float",
"browsers": [
"E12",
"FF1",
"S1",
"C1",
"IE4",
"O7"
],
"values": [
{
"name": "inline-end",
"browsers": [
"E12",
"FF1",
"S1",
"C1",
"IE4",
"O7"
],
"description": "A keyword indicating that the element must float on the end side of its containing block. That is the right side with ltr scripts, and the left side with rtl scripts."
},
{
"name": "inline-start",
"browsers": [
"E12",
"FF1",
"S1",
"C1",
"IE4",
"O7"
],
"description": "A keyword indicating that the element must float on the start side of its containing block. That is the left side with ltr scripts, and the right side with rtl scripts."
},
{
"name": "left",
"description": "The element generates a block box that is floated to the left. Content flows on the right side of the box, starting at the top (subject to the 'clear' property)."
},
{
"name": "none",
"description": "The box is not floated."
},
{
"name": "right",
"description": "Similar to 'left', except the box is floated to the right, and content flows on the left side of the box, starting at the top."
}
],
"syntax": "left | right | none | inline-start | inline-end",
"relevance": 90,
"references": [
{
"name": "MDN Reference",
"url": "https://developer.mozilla.org/docs/Web/CSS/float"
}
],
"description": "Specifies how a box should be floated. It may be set for any element, but only applies to elements that generate boxes that are not absolutely positioned.",
"restrictions": [
"enum"
]
},
{
"name": "flood-color",
"browsers": [
"E",
"C5",
"FF3",
"IE10",
"O9",
"S6"
],
"relevance": 50,
"description": "Indicates what color to use to flood the current filter primitive subregion.",
"restrictions": [
"color"
]
},
{
"name": "flood-opacity",
"browsers": [
"E",
"C5",
"FF3",
"IE10",
"O9",
"S6"
],
"relevance": 50,
"description": "Indicates what opacity to use to flood the current filter primitive subregion.",
"restrictions": [
"number(0-1)",
"percentage"
]
},
{
"name": "font",
"browsers": [
"E12",
"FF1",
"S1",
"C1",
"IE3",
"O3.5"
],
"values": [
{
"name": "100",
"description": "Thin"
},
{
"name": "200",
"description": "Extra Light (Ultra Light)"
},
{
"name": "300",
"description": "Light"
},
{
"name": "400",
"description": "Normal"
},
{
"name": "500",
"description": "Medium"
},
{
"name": "600",
"description": "Semi Bold (Demi Bold)"
},
{
"name": "700",
"description": "Bold"
},
{
"name": "800",
"description": "Extra Bold (Ultra Bold)"
},
{
"name": "900",
"description": "Black (Heavy)"
},
{
"name": "bold",
"description": "Same as 700"
},
{
"name": "bolder",
"description": "Specifies the weight of the face bolder than the inherited value."
},
{
"name": "caption",
"description": "The font used for captioned controls (e.g., buttons, drop-downs, etc.)."
},
{
"name": "icon",
"description": "The font used to label icons."
},
{
"name": "italic",
"description": "Selects a font that is labeled 'italic', or, if that is not available, one labeled 'oblique'."
},
{
"name": "large"
},
{
"name": "larger"
},
{
"name": "lighter",
"description": "Specifies the weight of the face lighter than the inherited value."
},
{
"name": "medium"
},
{
"name": "menu",
"description": "The font used in menus (e.g., dropdown menus and menu lists)."
},
{
"name": "message-box",
"description": "The font used in dialog boxes."
},
{
"name": "normal",
"description": "Specifies a face that is not labeled as a small-caps font."
},
{
"name": "oblique",
"description": "Selects a font that is labeled 'oblique'."
},
{
"name": "small"
},
{
"name": "small-caps",
"description": "Specifies a font that is labeled as a small-caps font. If a genuine small-caps font is not available, user agents should simulate a small-caps font."
},
{
"name": "small-caption",
"description": "The font used for labeling small controls."
},
{
"name": "smaller"
},
{
"name": "status-bar",
"description": "The font used in window status bars."
},
{
"name": "x-large"
},
{
"name": "x-small"
},
{
"name": "xx-large"
},
{
"name": "xx-small"
}
],
"syntax": "[ [ <'font-style'> || <font-variant-css21> || <'font-weight'> || <'font-stretch'> ]? <'font-size'> [ / <'line-height'> ]? <'font-family'> ] | caption | icon | menu | message-box | small-caption | status-bar",
"relevance": 83,
"references": [
{
"name": "MDN Reference",
"url": "https://developer.mozilla.org/docs/Web/CSS/font"
}
],
"description": "Shorthand property for setting 'font-style', 'font-variant', 'font-weight', 'font-size', 'line-height', and 'font-family', at the same place in the style sheet. The syntax of this property is based on a traditional typographical shorthand notation to set multiple properties related to fonts.",
"restrictions": [
"font"
]
},
{
"name": "font-family",
"browsers": [
"E12",
"FF1",
"S1",
"C1",
"IE3",
"O3.5"
],
"values": [
{
"name": "system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif"
},
{
"name": "Arial, Helvetica, sans-serif"
},
{
"name": "Cambria, Cochin, Georgia, Times, 'Times New Roman', serif"
},
{
"name": "'Courier New', Courier, monospace"
},
{
"name": "cursive"
},
{
"name": "fantasy"
},
{
"name": "'Franklin Gothic Medium', 'Arial Narrow', Arial, sans-serif"
},
{
"name": "Georgia, 'Times New Roman', Times, serif"
},
{
"name": "'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif"
},
{
"name": "Impact, Haettenschweiler, 'Arial Narrow Bold', sans-serif"
},
{
"name": "'Lucida Sans', 'Lucida Sans Regular', 'Lucida Grande', 'Lucida Sans Unicode', Geneva, Verdana, sans-serif"
},
{
"name": "monospace"
},
{
"name": "sans-serif"
},
{
"name": "'Segoe UI', Tahoma, Geneva, Verdana, sans-serif"
},
{
"name": "serif"
},
{
"name": "'Times New Roman', Times, serif"
},
{
"name": "'Trebuchet MS', 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Arial, sans-serif"
},
{
"name": "Verdana, Geneva, Tahoma, sans-serif"
}
],
"syntax": "<family-name>",
"relevance": 93,
"references": [
{
"name": "MDN Reference",
"url": "https://developer.mozilla.org/docs/Web/CSS/font-family"
}
],
"description": "Specifies a prioritized list of font family names or generic family names. A user agent iterates through the list of family names until it matches an available font that contains a glyph for the character to be rendered.",
"restrictions": [
"font"
]
},
{
"name": "font-feature-settings",
"browsers": [
"E15",
"FF34",
"S9.1",
"C48",
"IE10",
"O35"
],
"values": [
{
"name": "\"aalt\"",
"description": "Access All Alternates."
},
{
"name": "\"abvf\"",
"description": "Above-base Forms. Required in Khmer script."
},
{
"name": "\"abvm\"",
"description": "Above-base Mark Positioning. Required in Indic scripts."
},
{
"name": "\"abvs\"",
"description": "Above-base Substitutions. Required in Indic scripts."
},
{
"name": "\"afrc\"",
"description": "Alternative Fractions."
},
{
"name": "\"akhn\"",
"description": "Akhand. Required in most Indic scripts."
},
{
"name": "\"blwf\"",
"description": "Below-base Form. Required in a number of Indic scripts."
},
{
"name": "\"blwm\"",
"description": "Below-base Mark Positioning. Required in Indic scripts."
},
{
"name": "\"blws\"",
"description": "Below-base Substitutions. Required in Indic scripts."
},
{
"name": "\"calt\"",
"description": "Contextual Alternates."
},
{
"name": "\"case\"",
"description": "Case-Sensitive Forms. Applies only to European scripts; particularly prominent in Spanish-language setting."
},
{
"name": "\"ccmp\"",
"description": "Glyph Composition/Decomposition."
},
{
"name": "\"cfar\"",
"description": "Conjunct Form After Ro. Required in Khmer scripts."
},
{
"name": "\"cjct\"",
"description": "Conjunct Forms. Required in Indic scripts that show similarity to Devanagari."
},
{
"name": "\"clig\"",
"description": "Contextual Ligatures."
},
{
"name": "\"cpct\"",
"description": "Centered CJK Punctuation. Used primarily in Chinese fonts."
},
{
"name": "\"cpsp\"",
"description": "Capital Spacing. Should not be used in connecting scripts (e.g. most Arabic)."
},
{
"name": "\"cswh\"",
"description": "Contextual Swash."
},
{
"name": "\"curs\"",
"description": "Cursive Positioning. Can be used in any cursive script."
},
{
"name": "\"c2pc\"",
"description": "Petite Capitals From Capitals. Applies only to bicameral scripts."
},
{
"name": "\"c2sc\"",
"description": "Small Capitals From Capitals. Applies only to bicameral scripts."
},
{
"name": "\"dist\"",
"description": "Distances. Required in Indic scripts."
},
{
"name": "\"dlig\"",
"description": "Discretionary ligatures."
},
{
"name": "\"dnom\"",
"description": "Denominators."
},
{
"name": "\"dtls\"",
"description": "Dotless Forms. Applied to math formula layout."
},
{
"name": "\"expt\"",
"description": "Expert Forms. Applies only to Japanese."
},
{
"name": "\"falt\"",
"description": "Final Glyph on Line Alternates. Can be used in any cursive script."
},
{
"name": "\"fin2\"",
"description": "Terminal Form #2. Used only with the Syriac script."
},
{
"name": "\"fin3\"",
"description": "Terminal Form #3. Used only with the Syriac script."
},
{
"name": "\"fina\"",
"description": "Terminal Forms. Can be used in any alphabetic script."
},
{
"name": "\"flac\"",
"description": "Flattened ascent forms. Applied to math formula layout."
},
{
"name": "\"frac\"",
"description": "Fractions."
},
{
"name": "\"fwid\"",
"description": "Full Widths. Applies to any script which can use monospaced forms."
},
{
"name": "\"half\"",
"description": "Half Forms. Required in Indic scripts that show similarity to Devanagari."
},
{
"name": "\"haln\"",
"description": "Halant Forms. Required in Indic scripts."
},
{
"name": "\"halt\"",
"description": "Alternate Half Widths. Used only in CJKV fonts."
},
{
"name": "\"hist\"",
"description": "Historical Forms."
},
{
"name": "\"hkna\"",
"description": "Horizontal Kana Alternates. Applies only to fonts that support kana (hiragana and katakana)."
},
{
"name": "\"hlig\"",
"description": "Historical Ligatures."
},
{
"name": "\"hngl\"",
"description": "Hangul. Korean only."
},
{
"name": "\"hojo\"",
"description": "Hojo Kanji Forms (JIS X 0212-1990 Kanji Forms). Used only with Kanji script."
},
{
"name": "\"hwid\"",
"description": "Half Widths. Generally used only in CJKV fonts."
},
{
"name": "\"init\"",
"description": "Initial Forms. Can be used in any alphabetic script."
},
{
"name": "\"isol\"",
"description": "Isolated Forms. Can be used in any cursive script."
},
{
"name": "\"ital\"",
"description": "Italics. Applies mostly to Latin; note that many non-Latin fonts contain Latin as well."
},
{
"name": "\"jalt\"",
"description": "Justification Alternates. Can be used in any cursive script."
},
{
"name": "\"jp78\"",
"description": "JIS78 Forms. Applies only to Japanese."
},
{
"name": "\"jp83\"",
"description": "JIS83 Forms. Applies only to Japanese."
},
{
"name": "\"jp90\"",
"description": "JIS90 Forms. Applies only to Japanese."
},
{
"name": "\"jp04\"",
"description": "JIS2004 Forms. Applies only to Japanese."
},
{
"name": "\"kern\"",
"description": "Kerning."
},
{
"name": "\"lfbd\"",
"description": "Left Bounds."
},
{
"name": "\"liga\"",
"description": "Standard Ligatures."
},
{
"name": "\"ljmo\"",
"description": "Leading Jamo Forms. Required for Hangul script when Ancient Hangul writing system is supported."
},
{
"name": "\"lnum\"",
"description": "Lining Figures."
},
{
"name": "\"locl\"",
"description": "Localized Forms."
},
{
"name": "\"ltra\"",
"description": "Left-to-right glyph alternates."
},
{
"name": "\"ltrm\"",
"description": "Left-to-right mirrored forms."
},
{
"name": "\"mark\"",
"description": "Mark Positioning."
},
{
"name": "\"med2\"",
"description": "Medial Form #2. Used only with the Syriac script."
},
{
"name": "\"medi\"",
"description": "Medial Forms."
},
{
"name": "\"mgrk\"",
"description": "Mathematical Greek."
},
{
"name": "\"mkmk\"",
"description": "Mark to Mark Positioning."
},
{
"name": "\"nalt\"",
"description": "Alternate Annotation Forms."
},
{
"name": "\"nlck\"",
"description": "NLC Kanji Forms. Used only with Kanji script."
},
{
"name": "\"nukt\"",
"description": "Nukta Forms. Required in Indic scripts.."
},
{
"name": "\"numr\"",
"description": "Numerators."
},
{
"name": "\"onum\"",
"description": "Oldstyle Figures."
},
{
"name": "\"opbd\"",
"description": "Optical Bounds."
},
{
"name": "\"ordn\"",
"description": "Ordinals. Applies mostly to Latin script."
},
{
"name": "\"ornm\"",
"description": "Ornaments."
},
{
"name": "\"palt\"",
"description": "Proportional Alternate Widths. Used mostly in CJKV fonts."
},
{
"name": "\"pcap\"",
"description": "Petite Capitals."
},
{
"name": "\"pkna\"",
"description": "Proportional Kana. Generally used only in Japanese fonts."
},
{
"name": "\"pnum\"",
"description": "Proportional Figures."
},
{
"name": "\"pref\"",
"description": "Pre-base Forms. Required in Khmer and Myanmar (Burmese) scripts and southern Indic scripts that may display a pre-base form of Ra."
},
{
"name": "\"pres\"",
"description": "Pre-base Substitutions. Required in Indic scripts."
},
{
"name": "\"pstf\"",
"description": "Post-base Forms. Required in scripts of south and southeast Asia that have post-base forms for consonants eg: Gurmukhi, Malayalam, Khmer."
},
{
"name": "\"psts\"",
"description": "Post-base Substitutions."
},
{
"name": "\"pwid\"",
"description": "Proportional Widths."
},
{
"name": "\"qwid\"",
"description": "Quarter Widths. Generally used only in CJKV fonts."
},
{
"name": "\"rand\"",
"description": "Randomize."
},
{
"name": "\"rclt\"",
"description": "Required Contextual Alternates. May apply to any script, but is especially important for many styles of Arabic."
},
{
"name": "\"rlig\"",
"description": "Required Ligatures. Applies to Arabic and Syriac. May apply to some other scripts."
},
{
"name": "\"rkrf\"",
"description": "Rakar Forms. Required in Devanagari and Gujarati scripts."
},
{
"name": "\"rphf\"",
"description": "Reph Form. Required in Indic scripts. E.g. Devanagari, Kannada."
},
{
"name": "\"rtbd\"",
"description": "Right Bounds."
},
{
"name": "\"rtla\"",
"description": "Right-to-left alternates."
},
{
"name": "\"rtlm\"",
"description": "Right-to-left mirrored forms."
},
{
"name": "\"ruby\"",
"description": "Ruby Notation Forms. Applies only to Japanese."
},
{
"name": "\"salt\"",
"description": "Stylistic Alternates."
},
{
"name": "\"sinf\"",
"description": "Scientific Inferiors."
},
{
"name": "\"size\"",
"description": "Optical size."
},
{
"name": "\"smcp\"",
"description": "Small Capitals. Applies only to bicameral scripts."
},
{
"name": "\"smpl\"",
"description": "Simplified Forms. Applies only to Chinese and Japanese."
},
{
"name": "\"ssty\"",
"description": "Math script style alternates."
},
{
"name": "\"stch\"",
"description": "Stretching Glyph Decomposition."
},
{
"name": "\"subs\"",
"description": "Subscript."
},
{
"name": "\"sups\"",
"description": "Superscript."
},
{
"name": "\"swsh\"",
"description": "Swash. Does not apply to ideographic scripts."
},
{
"name": "\"titl\"",
"description": "Titling."
},
{
"name": "\"tjmo\"",
"description": "Trailing Jamo Forms. Required for Hangul script when Ancient Hangul writing system is supported."
},
{
"name": "\"tnam\"",
"description": "Traditional Name Forms. Applies only to Japanese."
},
{
"name": "\"tnum\"",
"description": "Tabular Figures."
},
{
"name": "\"trad\"",
"description": "Traditional Forms. Applies only to Chinese and Japanese."
},
{
"name": "\"twid\"",
"description": "Third Widths. Generally used only in CJKV fonts."
},
{
"name": "\"unic\"",
"description": "Unicase."
},
{
"name": "\"valt\"",
"description": "Alternate Vertical Metrics. Applies only to scripts with vertical writing modes."
},
{
"name": "\"vatu\"",
"description": "Vattu Variants. Used for Indic scripts. E.g. Devanagari."
},
{
"name": "\"vert\"",
"description": "Vertical Alternates. Applies only to scripts with vertical writing modes."
},
{
"name": "\"vhal\"",
"description": "Alternate Vertical Half Metrics. Used only in CJKV fonts."
},
{
"name": "\"vjmo\"",
"description": "Vowel Jamo Forms. Required for Hangul script when Ancient Hangul writing system is supported."
},
{
"name": "\"vkna\"",
"description": "Vertical Kana Alternates. Applies only to fonts that support kana (hiragana and katakana)."
},
{
"name": "\"vkrn\"",
"description": "Vertical Kerning."
},
{
"name": "\"vpal\"",
"description": "Proportional Alternate Vertical Metrics. Used mostly in CJKV fonts."
},
{
"name": "\"vrt2\"",
"description": "Vertical Alternates and Rotation. Applies only to scripts with vertical writing modes."
},
{
"name": "\"zero\"",
"description": "Slashed Zero."
},
{
"name": "normal",
"description": "No change in glyph substitution or positioning occurs."
},
{
"name": "off",
"description": "Disable feature."
},
{
"name": "on",
"description": "Enable feature."
}
],
"syntax": "normal | <feature-tag-value>#",
"relevance": 60,
"references": [
{
"name": "MDN Reference",
"url": "https://developer.mozilla.org/docs/Web/CSS/font-feature-settings"
}
],
"description": "Provides low-level control over OpenType font features. It is intended as a way of providing access to font features that are not widely used but are needed for a particular use case.",
"restrictions": [
"string",
"integer"
]
},
{
"name": "font-kerning",
"browsers": [
"E79",
"FF32",
"S9",
"C33",
"O20"
],
"values": [
{
"name": "auto",
"description": "Specifies that kerning is applied at the discretion of the user agent."
},
{
"name": "none",
"description": "Specifies that kerning is not applied."
},
{
"name": "normal",
"description": "Specifies that kerning is applied."
}
],
"syntax": "auto | normal | none",
"relevance": 50,
"references": [
{
"name": "MDN Reference",
"url": "https://developer.mozilla.org/docs/Web/CSS/font-kerning"
}
],
"description": "Kerning is the contextual adjustment of inter-glyph spacing. This property controls metric kerning, kerning that utilizes adjustment data contained in the font.",
"restrictions": [
"enum"
]
},
{
"name": "font-language-override",
"browsers": [
"FF34"
],
"values": [
{
"name": "normal",
"description": "Implies that when rendering with OpenType fonts the language of the document is used to infer the OpenType language system, used to select language specific features when rendering."
}
],
"syntax": "normal | <string>",
"relevance": 50,
"references": [
{
"name": "MDN Reference",
"url": "https://developer.mozilla.org/docs/Web/CSS/font-language-override"
}
],
"description": "The value of 'normal' implies that when rendering with OpenType fonts the language of the document is used to infer the OpenType language system, used to select language specific features when rendering.",
"restrictions": [
"string"
]
},
{
"name": "font-size",
"browsers": [
"E12",
"FF1",
"S1",
"C1",
"IE5.5",
"O7"
],
"values": [
{
"name": "large"
},
{
"name": "larger"
},
{
"name": "medium"
},
{
"name": "small"
},
{
"name": "smaller"
},
{
"name": "x-large"
},
{
"name": "x-small"
},
{
"name": "xx-large"
},
{
"name": "xx-small"
}
],
"syntax": "<absolute-size> | <relative-size> | <length-percentage>",
"relevance": 94,
"references": [
{
"name": "MDN Reference",
"url": "https://developer.mozilla.org/docs/Web/CSS/font-size"
}
],
"description": "Indicates the desired height of glyphs from the font. For scalable fonts, the font-size is a scale factor applied to the EM unit of the font. (Note that certain glyphs may bleed outside their EM box.) For non-scalable fonts, the font-size is converted into absolute units and matched against the declared font-size of the font, using the same absolute coordinate space for both of the matched values.",
"restrictions": [
"length",
"percentage"
]
},
{
"name": "font-size-adjust",
"browsers": [
"FF3",
"S16.4"
],
"values": [
{
"name": "none",
"description": "Do not preserve the font's x-height."
}
],
"syntax": "none | [ ex-height | cap-height | ch-width | ic-width | ic-height ]? [ from-font | <number> ]",
"relevance": 50,
"references": [
{
"name": "MDN Reference",
"url": "https://developer.mozilla.org/docs/Web/CSS/font-size-adjust"
}
],
"description": "Preserves the readability of text when font fallback occurs by adjusting the font-size so that the x-height is the same regardless of the font used.",
"restrictions": [
"number"
]
},
{
"name": "font-stretch",
"browsers": [
"E12",
"FF9",
"S11",
"C60",
"IE9",
"O47"
],
"values": [
{
"name": "condensed"
},
{
"name": "expanded"
},
{
"name": "extra-condensed"
},
{
"name": "extra-expanded"
},
{
"name": "narrower",
"browsers": [
"E12",
"FF9",
"S11",
"C60",
"IE9",
"O47"
],
"description": "Indicates a narrower value relative to the width of the parent element."
},
{
"name": "normal"
},
{
"name": "semi-condensed"
},
{
"name": "semi-expanded"
},
{
"name": "ultra-condensed"
},
{
"name": "ultra-expanded"
},
{
"name": "wider",
"browsers": [
"E12",
"FF9",
"S11",
"C60",
"IE9",
"O47"
],
"description": "Indicates a wider value relative to the width of the parent element."
}
],
"syntax": "<font-stretch-absolute>{1,2}",
"relevance": 56,
"references": [
{
"name": "MDN Reference",
"url": "https://developer.mozilla.org/docs/Web/CSS/font-stretch"
}
],
"description": "Selects a normal, condensed, or expanded face from a font family.",
"restrictions": [
"enum"
]
},
{
"name": "font-style",
"browsers": [
"E12",
"FF1",
"S1",
"C1",
"IE4",
"O7"
],
"values": [
{
"name": "italic",
"description": "Selects a font that is labeled as an 'italic' face, or an 'oblique' face if one is not"
},
{
"name": "normal",
"description": "Selects a face that is classified as 'normal'."
},
{
"name": "oblique",
"description": "Selects a font that is labeled as an 'oblique' face, or an 'italic' face if one is not."
}
],
"syntax": "normal | italic | oblique <angle>{0,2}",
"relevance": 89,
"references": [
{
"name": "MDN Reference",
"url": "https://developer.mozilla.org/docs/Web/CSS/font-style"
}
],
"description": "Allows italic or oblique faces to be selected. Italic forms are generally cursive in nature while oblique faces are typically sloped versions of the regular face.",
"restrictions": [
"enum"
]
},
{
"name": "font-synthesis",
"browsers": [
"E97",
"FF34",
"S9",
"C97",
"O83"
],
"values": [
{
"name": "none",
"description": "Disallow all synthetic faces."
},
{
"name": "style",
"description": "Allow synthetic italic faces."
},
{
"name": "weight",
"description": "Allow synthetic bold faces."
}
],
"syntax": "none | [ weight || style || small-caps ]",
"relevance": 50,
"references": [
{
"name": "MDN Reference",
"url": "https://developer.mozilla.org/docs/Web/CSS/font-synthesis"
}
],
"description": "Controls whether user agents are allowed to synthesize bold or oblique font faces when a font family lacks bold or italic faces.",
"restrictions": [
"enum"
]
},
{
"name": "font-variant",
"browsers": [
"E12",
"FF1",
"S1",
"C1",
"IE4",
"O3.5"
],
"values": [
{
"name": "normal",
"description": "Specifies a face that is not labeled as a small-caps font."
},
{
"name": "small-caps",
"description": "Specifies a font that is labeled as a small-caps font. If a genuine small-caps font is not available, user agents should simulate a small-caps font."
}
],
"syntax": "normal | none | [ <common-lig-values> || <discretionary-lig-values> || <historical-lig-values> || <contextual-alt-values> || stylistic(<feature-value-name>) || historical-forms || styleset(<feature-value-name>#) || character-variant(<feature-value-name>#) || swash(<feature-value-name>) || ornaments(<feature-value-name>) || annotation(<feature-value-name>) || [ small-caps | all-small-caps | petite-caps | all-petite-caps | unicase | titling-caps ] || <numeric-figure-values> || <numeric-spacing-values> || <numeric-fraction-values> || ordinal || slashed-zero || <east-asian-variant-values> || <east-asian-width-values> || ruby ]",
"relevance": 64,
"references": [
{
"name": "MDN Reference",
"url": "https://developer.mozilla.org/docs/Web/CSS/font-variant"
}
],
"description": "Specifies variant representations of the font",
"restrictions": [
"enum"
]
},
{
"name": "font-variant-alternates",
"browsers": [
"FF34",
"S9.1"
],
"values": [
{
"name": "annotation()",
"description": "Enables display of alternate annotation forms."
},
{
"name": "character-variant()",
"description": "Enables display of specific character variants."
},
{
"name": "historical-forms",
"description": "Enables display of historical forms."
},
{
"name": "normal",
"description": "None of the features are enabled."
},
{
"name": "ornaments()",
"description": "Enables replacement of default glyphs with ornaments, if provided in the font."
},
{
"name": "styleset()",
"description": "Enables display with stylistic sets."
},
{
"name": "stylistic()",
"description": "Enables display of stylistic alternates."
},
{
"name": "swash()",
"description": "Enables display of swash glyphs."
}
],
"syntax": "normal | [ stylistic( <feature-value-name> ) || historical-forms || styleset( <feature-value-name># ) || character-variant( <feature-value-name># ) || swash( <feature-value-name> ) || ornaments( <feature-value-name> ) || annotation( <feature-value-name> ) ]",
"relevance": 50,
"references": [
{
"name": "MDN Reference",
"url": "https://developer.mozilla.org/docs/Web/CSS/font-variant-alternates"
}
],
"description": "For any given character, fonts can provide a variety of alternate glyphs in addition to the default glyph for that character. This property provides control over the selection of these alternate glyphs.",
"restrictions": [
"enum"
]
},
{
"name": "font-variant-caps",
"browsers": [
"E79",
"FF34",
"S9.1",
"C52",
"O39"
],
"values": [
{
"name": "all-petite-caps",
"description": "Enables display of petite capitals for both upper and lowercase letters."
},
{
"name": "all-small-caps",
"description": "Enables display of small capitals for both upper and lowercase letters."
},
{
"name": "normal",
"description": "None of the features are enabled."
},
{
"name": "petite-caps",
"description": "Enables display of petite capitals."
},
{
"name": "small-caps",
"description": "Enables display of small capitals. Small-caps glyphs typically use the form of uppercase letters but are reduced to the size of lowercase letters."
},
{
"name": "titling-caps",
"description": "Enables display of titling capitals."
},
{
"name": "unicase",
"description": "Enables display of mixture of small capitals for uppercase letters with normal lowercase letters."
}
],
"syntax": "normal | small-caps | all-small-caps | petite-caps | all-petite-caps | unicase | titling-caps",
"relevance": 50,
"references": [
{
"name": "MDN Reference",
"url": "https://developer.mozilla.org/docs/Web/CSS/font-variant-caps"
}
],
"description": "Specifies control over capitalized forms.",
"restrictions": [
"enum"
]
},
{
"name": "font-variant-east-asian",
"browsers": [
"E79",
"FF34",
"S9.1",
"C63",
"O50"
],
"values": [
{
"name": "full-width",
"description": "Enables rendering of full-width variants."
},
{
"name": "jis04",
"description": "Enables rendering of JIS04 forms."
},
{
"name": "jis78",
"description": "Enables rendering of JIS78 forms."
},
{
"name": "jis83",
"description": "Enables rendering of JIS83 forms."
},
{
"name": "jis90",
"description": "Enables rendering of JIS90 forms."
},
{
"name": "normal",
"description": "None of the features are enabled."
},
{
"name": "proportional-width",
"description": "Enables rendering of proportionally-spaced variants."
},
{
"name": "ruby",
"description": "Enables display of ruby variant glyphs."
},
{
"name": "simplified",
"description": "Enables rendering of simplified forms."
},
{
"name": "traditional",
"description": "Enables rendering of traditional forms."
}
],
"syntax": "normal | [ <east-asian-variant-values> || <east-asian-width-values> || ruby ]",
"relevance": 50,
"references": [
{
"name": "MDN Reference",
"url": "https://developer.mozilla.org/docs/Web/CSS/font-variant-east-asian"
}
],
"description": "Allows control of glyph substitute and positioning in East Asian text.",
"restrictions": [
"enum"
]
},
{
"name": "font-variant-ligatures",
"browsers": [
"E79",
"FF34",
"S9.1",
"C34",
"O21"
],
"values": [
{
"name": "additional-ligatures",
"description": "Enables display of additional ligatures."
},
{
"name": "common-ligatures",
"description": "Enables display of common ligatures."
},
{
"name": "contextual",
"browsers": [
"E79",
"FF34",
"S9.1",
"C34",
"O21"
],
"description": "Enables display of contextual alternates."
},
{
"name": "discretionary-ligatures",
"description": "Enables display of discretionary ligatures."
},
{
"name": "historical-ligatures",
"description": "Enables display of historical ligatures."
},
{
"name": "no-additional-ligatures",
"description": "Disables display of additional ligatures."
},
{
"name": "no-common-ligatures",
"description": "Disables display of common ligatures."
},
{
"name": "no-contextual",
"browsers": [
"E79",
"FF34",
"S9.1",
"C34",
"O21"
],
"description": "Disables display of contextual alternates."
},
{
"name": "no-discretionary-ligatures",
"description": "Disables display of discretionary ligatures."
},
{
"name": "no-historical-ligatures",
"description": "Disables display of historical ligatures."
},
{
"name": "none",
"browsers": [
"E79",
"FF34",
"S9.1",
"C34",
"O21"
],
"description": "Disables all ligatures."
},
{
"name": "normal",
"description": "Implies that the defaults set by the font are used."
}
],
"syntax": "normal | none | [ <common-lig-values> || <discretionary-lig-values> || <historical-lig-values> || <contextual-alt-values> ]",
"relevance": 53,
"references": [
{
"name": "MDN Reference",
"url": "https://developer.mozilla.org/docs/Web/CSS/font-variant-ligatures"
}
],
"description": "Specifies control over which ligatures are enabled or disabled. A value of 'normal' implies that the defaults set by the font are used.",
"restrictions": [
"enum"
]
},
{
"name": "font-variant-numeric",
"browsers": [
"E79",
"FF34",
"S9.1",
"C52",
"O39"
],
"values": [
{
"name": "diagonal-fractions",
"description": "Enables display of lining diagonal fractions."
},
{
"name": "lining-nums",
"description": "Enables display of lining numerals."
},
{
"name": "normal",
"description": "None of the features are enabled."
},
{
"name": "oldstyle-nums",
"description": "Enables display of old-style numerals."
},
{
"name": "ordinal",
"description": "Enables display of letter forms used with ordinal numbers."
},
{
"name": "proportional-nums",
"description": "Enables display of proportional numerals."
},
{
"name": "slashed-zero",
"description": "Enables display of slashed zeros."
},
{
"name": "stacked-fractions",
"description": "Enables display of lining stacked fractions."
},
{
"name": "tabular-nums",
"description": "Enables display of tabular numerals."
}
],
"syntax": "normal | [ <numeric-figure-values> || <numeric-spacing-values> || <numeric-fraction-values> || ordinal || slashed-zero ]",
"relevance": 51,
"references": [
{
"name": "MDN Reference",
"url": "https://developer.mozilla.org/docs/Web/CSS/font-variant-numeric"
}
],
"description": "Specifies control over numerical forms.",
"restrictions": [
"enum"
]
},
{
"name": "font-variant-position",
"browsers": [
"FF34",
"S9.1"
],
"values": [
{
"name": "normal",
"description": "None of the features are enabled."
},
{
"name": "sub",
"description": "Enables display of subscript variants (OpenType feature: subs)."
},
{
"name": "super",
"description": "Enables display of superscript variants (OpenType feature: sups)."
}
],
"syntax": "normal | sub | super",
"relevance": 50,
"references": [
{
"name": "MDN Reference",
"url": "https://developer.mozilla.org/docs/Web/CSS/font-variant-position"
}
],
"description": "Specifies the vertical position",
"restrictions": [
"enum"
]
},
{
"name": "font-weight",
"browsers": [
"E12",
"FF1",
"S1",
"C2",
"IE3",
"O3.5"
],
"values": [
{
"name": "100",
"description": "Thin"
},
{
"name": "200",
"description": "Extra Light (Ultra Light)"
},
{
"name": "300",
"description": "Light"
},
{
"name": "400",
"description": "Normal"
},
{
"name": "500",
"description": "Medium"
},
{
"name": "600",
"description": "Semi Bold (Demi Bold)"
},
{
"name": "700",
"description": "Bold"
},
{
"name": "800",
"description": "Extra Bold (Ultra Bold)"
},
{
"name": "900",
"description": "Black (Heavy)"
},
{
"name": "bold",
"description": "Same as 700"
},
{
"name": "bolder",
"description": "Specifies the weight of the face bolder than the inherited value."
},
{
"name": "lighter",
"description": "Specifies the weight of the face lighter than the inherited value."
},
{
"name": "normal",
"description": "Same as 400"
}
],
"syntax": "<font-weight-absolute>{1,2}",
"relevance": 93,
"references": [
{
"name": "MDN Reference",
"url": "https://developer.mozilla.org/docs/Web/CSS/font-weight"
}
],
"description": "Specifies weight of glyphs in the font, their degree of blackness or stroke thickness.",
"restrictions": [
"enum"
]
},
{
"name": "glyph-orientation-horizontal",
"relevance": 50,
"description": "Controls glyph orientation when the inline-progression-direction is horizontal.",
"restrictions": [
"angle",
"number"
]
},
{
"name": "glyph-orientation-vertical",
"values": [
{
"name": "auto",
"description": "Sets the orientation based on the fullwidth or non-fullwidth characters and the most common orientation."
}
],
"relevance": 50,
"description": "Controls glyph orientation when the inline-progression-direction is vertical.",
"restrictions": [
"angle",
"number",
"enum"
]
},
{
"name": "grid-area",
"browsers": [
"E16",
"FF52",
"S10.1",
"C57",
"O44"
],
"values": [
{
"name": "auto",
"description": "The property contributes nothing to the grid item's placement, indicating auto-placement, an automatic span, or a default span of one."
},
{
"name": "span",
"description": "Contributes a grid span to the grid item's placement such that the corresponding edge of the grid item's grid area is N lines from its opposite edge."
}
],
"syntax": "<grid-line> [ / <grid-line> ]{0,3}",
"relevance": 56,
"references": [
{
"name": "MDN Reference",
"url": "https://developer.mozilla.org/docs/Web/CSS/grid-area"
}
],
"description": "Determine a grid item's size and location within the grid by contributing a line, a span, or nothing (automatic) to its grid placement. Shorthand for 'grid-row-start', 'grid-column-start', 'grid-row-end', and 'grid-column-end'.",
"restrictions": [
"identifier",
"integer"
]
},
{
"name": "grid",
"browsers": [
"E16",
"FF52",
"S10.1",
"C57",
"O44"
],
"syntax": "<'grid-template'> | <'grid-template-rows'> / [ auto-flow && dense? ] <'grid-auto-columns'>? | [ auto-flow && dense? ] <'grid-auto-rows'>? / <'grid-template-columns'>",
"relevance": 50,
"references": [
{
"name": "MDN Reference",
"url": "https://developer.mozilla.org/docs/Web/CSS/grid"
}
],
"description": "The grid CSS property is a shorthand property that sets all of the explicit grid properties ('grid-template-rows', 'grid-template-columns', and 'grid-template-areas'), and all the implicit grid properties ('grid-auto-rows', 'grid-auto-columns', and 'grid-auto-flow'), in a single declaration.",
"restrictions": [
"identifier",
"length",
"percentage",
"string",
"enum"
]
},
{
"name": "grid-auto-columns",
"browsers": [
"E16",
"FF70",
"S10.1",
"C57",
"IE10",
"O44"
],
"values": [
{
"name": "min-content",
"description": "Represents the largest min-content contribution of the grid items occupying the grid track."
},
{
"name": "max-content",
"description": "Represents the largest max-content contribution of the grid items occupying the grid track."
},
{
"name": "auto",
"description": "As a maximum, identical to 'max-content'. As a minimum, represents the largest minimum size (as specified by min-width/min-height) of the grid items occupying the grid track."
},
{
"name": "minmax()",
"description": "Defines a size range greater than or equal to min and less than or equal to max."
}
],
"syntax": "<track-size>+",
"relevance": 50,
"references": [
{
"name": "MDN Reference",
"url": "https://developer.mozilla.org/docs/Web/CSS/grid-auto-columns"
}
],
"description": "Specifies the size of implicitly created columns.",
"restrictions": [
"length",
"percentage"
]
},
{
"name": "grid-auto-flow",
"browsers": [
"E16",
"FF52",
"S10.1",
"C57",
"O44"
],
"values": [
{
"name": "row",
"description": "The auto-placement algorithm places items by filling each row in turn, adding new rows as necessary."
},
{
"name": "column",
"description": "The auto-placement algorithm places items by filling each column in turn, adding new columns as necessary."
},
{
"name": "dense",
"description": "If specified, the auto-placement algorithm uses a \"dense\" packing algorithm, which attempts to fill in holes earlier in the grid if smaller items come up later."
}
],
"syntax": "[ row | column ] || dense",
"relevance": 52,
"references": [
{
"name": "MDN Reference",
"url": "https://developer.mozilla.org/docs/Web/CSS/grid-auto-flow"
}
],
"description": "Controls how the auto-placement algorithm works, specifying exactly how auto-placed items get flowed into the grid.",
"restrictions": [
"enum"
]
},
{
"name": "grid-auto-rows",
"browsers": [
"E16",
"FF70",
"S10.1",
"C57",
"IE10",
"O44"
],
"values": [
{
"name": "min-content",
"description": "Represents the largest min-content contribution of the grid items occupying the grid track."
},
{
"name": "max-content",
"description": "Represents the largest max-content contribution of the grid items occupying the grid track."
},
{
"name": "auto",
"description": "As a maximum, identical to 'max-content'. As a minimum, represents the largest minimum size (as specified by min-width/min-height) of the grid items occupying the grid track."
},
{
"name": "minmax()",
"description": "Defines a size range greater than or equal to min and less than or equal to max."
}
],
"syntax": "<track-size>+",
"relevance": 51,
"references": [
{
"name": "MDN Reference",
"url": "https://developer.mozilla.org/docs/Web/CSS/grid-auto-rows"
}
],
"description": "Specifies the size of implicitly created rows.",
"restrictions": [
"length",
"percentage"
]
},
{
"name": "grid-column",
"browsers": [
"E16",
"FF52",
"S10.1",
"C57",
"O44"
],
"values": [
{
"name": "auto",
"description": "The property contributes nothing to the grid item's placement, indicating auto-placement, an automatic span, or a default span of one."
},
{
"name": "span",
"description": "Contributes a grid span to the grid item's placement such that the corresponding edge of the grid item's grid area is N lines from its opposite edge."
}
],
"syntax": "<grid-line> [ / <grid-line> ]?",
"relevance": 54,
"references": [
{
"name": "MDN Reference",
"url": "https://developer.mozilla.org/docs/Web/CSS/grid-column"
}
],
"description": "Shorthand for 'grid-column-start' and 'grid-column-end'.",
"restrictions": [
"identifier",
"integer",
"enum"
]
},
{
"name": "grid-column-end",
"browsers": [
"E16",
"FF52",
"S10.1",
"C57",
"O44"
],
"values": [
{
"name": "auto",
"description": "The property contributes nothing to the grid item's placement, indicating auto-placement, an automatic span, or a default span of one."
},
{
"name": "span",
"description": "Contributes a grid span to the grid item's placement such that the corresponding edge of the grid item's grid area is N lines from its opposite edge."
}
],
"syntax": "<grid-line>",
"relevance": 51,
"references": [
{
"name": "MDN Reference",
"url": "https://developer.mozilla.org/docs/Web/CSS/grid-column-end"
}
],
"description": "Determine a grid item's size and location within the grid by contributing a line, a span, or nothing (automatic) to its grid placement.",
"restrictions": [
"identifier",
"integer",
"enum"
]
},
{
"name": "grid-column-gap",
"browsers": [
"FF52",
"C57",
"S10.1",
"O44"
],
"status": "obsolete",
"syntax": "<length-percentage>",
"relevance": 3,
"description": "Specifies the gutters between grid columns. Replaced by 'column-gap' property.",
"restrictions": [
"length"
]
},
{
"name": "grid-column-start",
"browsers": [
"E16",
"FF52",
"S10.1",
"C57",
"O44"
],
"values": [
{
"name": "auto",
"description": "The property contributes nothing to the grid item's placement, indicating auto-placement, an automatic span, or a default span of one."
},
{
"name": "span",
"description": "Contributes a grid span to the grid item's placement such that the corresponding edge of the grid item's grid area is N lines from its opposite edge."
}
],
"syntax": "<grid-line>",
"relevance": 51,
"references": [
{
"name": "MDN Reference",
"url": "https://developer.mozilla.org/docs/Web/CSS/grid-column-start"
}
],
"description": "Determine a grid item's size and location within the grid by contributing a line, a span, or nothing (automatic) to its grid placement.",
"restrictions": [
"identifier",
"integer",
"enum"
]
},
{
"name": "grid-gap",
"browsers": [
"FF52",
"C57",
"S10.1",
"O44"
],
"status": "obsolete",
"syntax": "<'grid-row-gap'> <'grid-column-gap'>?",
"relevance": 5,
"description": "Shorthand that specifies the gutters between grid columns and grid rows in one declaration. Replaced by 'gap' property.",
"restrictions": [
"length"
]
},
{
"name": "grid-row",
"browsers": [
"E16",
"FF52",
"S10.1",
"C57",
"O44"
],
"values": [
{
"name": "auto",
"description": "The property contributes nothing to the grid item's placement, indicating auto-placement, an automatic span, or a default span of one."
},
{
"name": "span",
"description": "Contributes a grid span to the grid item's placement such that the corresponding edge of the grid item's grid area is N lines from its opposite edge."
}
],
"syntax": "<grid-line> [ / <grid-line> ]?",
"relevance": 53,
"references": [
{
"name": "MDN Reference",
"url": "https://developer.mozilla.org/docs/Web/CSS/grid-row"
}
],
"description": "Shorthand for 'grid-row-start' and 'grid-row-end'.",
"restrictions": [
"identifier",
"integer",
"enum"
]
},
{
"name": "grid-row-end",
"browsers": [
"E16",
"FF52",
"S10.1",
"C57",
"O44"
],
"values": [
{
"name": "auto",
"description": "The property contributes nothing to the grid item's placement, indicating auto-placement, an automatic span, or a default span of one."
},
{
"name": "span",
"description": "Contributes a grid span to the grid item's placement such that the corresponding edge of the grid item's grid area is N lines from its opposite edge."
}
],
"syntax": "<grid-line>",
"relevance": 51,
"references": [
{
"name": "MDN Reference",
"url": "https://developer.mozilla.org/docs/Web/CSS/grid-row-end"
}
],
"description": "Determine a grid item's size and location within the grid by contributing a line, a span, or nothing (automatic) to its grid placement.",
"restrictions": [
"identifier",
"integer",
"enum"
]
},
{
"name": "grid-row-gap",
"browsers": [
"FF52",
"C57",
"S10.1",
"O44"
],
"status": "obsolete",
"syntax": "<length-percentage>",
"relevance": 2,
"description": "Specifies the gutters between grid rows. Replaced by 'row-gap' property.",
"restrictions": [
"length"
]
},
{
"name": "grid-row-start",
"browsers": [
"E16",
"FF52",
"S10.1",
"C57",
"O44"
],
"values": [
{
"name": "auto",
"description": "The property contributes nothing to the grid item's placement, indicating auto-placement, an automatic span, or a default span of one."
},
{
"name": "span",
"description": "Contributes a grid span to the grid item's placement such that the corresponding edge of the grid item's grid area is N lines from its opposite edge."
}
],
"syntax": "<grid-line>",
"relevance": 52,
"references": [
{
"name": "MDN Reference",
"url": "https://developer.mozilla.org/docs/Web/CSS/grid-row-start"
}
],
"description": "Determine a grid item's size and location within the grid by contributing a line, a span, or nothing (automatic) to its grid placement.",
"restrictions": [
"identifier",
"integer",
"enum"
]
},
{
"name": "grid-template",
"browsers": [
"E16",
"FF52",
"S10.1",
"C57",
"O44"
],
"values": [
{
"name": "none",
"description": "Sets all three properties to their initial values."
},
{
"name": "min-content",
"description": "Represents the largest min-content contribution of the grid items occupying the grid track."
},
{
"name": "max-content",
"description": "Represents the largest max-content contribution of the grid items occupying the grid track."
},
{
"name": "auto",
"description": "As a maximum, identical to 'max-content'. As a minimum, represents the largest minimum size (as specified by min-width/min-height) of the grid items occupying the grid track."
},
{
"name": "subgrid",
"description": "Sets 'grid-template-rows' and 'grid-template-columns' to 'subgrid', and 'grid-template-areas' to its initial value."
},
{
"name": "minmax()",
"description": "Defines a size range greater than or equal to min and less than or equal to max."
},
{
"name": "repeat()",
"description": "Represents a repeated fragment of the track list, allowing a large number of columns or rows that exhibit a recurring pattern to be written in a more compact form."
}
],
"syntax": "none | [ <'grid-template-rows'> / <'grid-template-columns'> ] | [ <line-names>? <string> <track-size>? <line-names>? ]+ [ / <explicit-track-list> ]?",
"relevance": 50,
"references": [
{
"name": "MDN Reference",
"url": "https://developer.mozilla.org/docs/Web/CSS/grid-template"
}
],
"description": "Shorthand for setting grid-template-columns, grid-template-rows, and grid-template-areas in a single declaration.",
"restrictions": [
"identifier",
"length",
"percentage",
"string",
"enum"
]
},
{
"name": "grid-template-areas",
"browsers": [
"E16",
"FF52",
"S10.1",
"C57",
"O44"
],
"values": [
{
"name": "none",
"description": "The grid container doesn't define any named grid areas."
}
],
"syntax": "none | <string>+",
"relevance": 54,
"references": [
{
"name": "MDN Reference",
"url": "https://developer.mozilla.org/docs/Web/CSS/grid-template-areas"
}
],
"description": "Specifies named grid areas, which are not associated with any particular grid item, but can be referenced from the grid-placement properties.",
"restrictions": [
"string"
]
},
{
"name": "grid-template-columns",
"browsers": [
"E16",
"FF52",
"S10.1",
"C57",
"IE10",
"O44"
],
"values": [
{
"name": "none",
"description": "There is no explicit grid; any rows/columns will be implicitly generated."
},
{
"name": "min-content",
"description": "Represents the largest min-content contribution of the grid items occupying the grid track."
},
{
"name": "max-content",
"description": "Represents the largest max-content contribution of the grid items occupying the grid track."
},
{
"name": "auto",
"description": "As a maximum, identical to 'max-content'. As a minimum, represents the largest minimum size (as specified by min-width/min-height) of the grid items occupying the grid track."
},
{
"name": "subgrid",
"description": "Indicates that the grid will align to its parent grid in that axis."
},
{
"name": "minmax()",
"description": "Defines a size range greater than or equal to min and less than or equal to max."
},
{
"name": "repeat()",
"description": "Represents a repeated fragment of the track list, allowing a large number of columns or rows that exhibit a recurring pattern to be written in a more compact form."
}
],
"syntax": "none | <track-list> | <auto-track-list> | subgrid <line-name-list>?",
"relevance": 62,
"references": [
{
"name": "MDN Reference",
"url": "https://developer.mozilla.org/docs/Web/CSS/grid-template-columns"
}
],
"description": "specifies, as a space-separated track list, the line names and track sizing functions of the grid.",
"restrictions": [
"identifier",
"length",
"percentage",
"enum"
]
},
{
"name": "grid-template-rows",
"browsers": [
"E16",
"FF52",
"S10.1",
"C57",
"IE10",
"O44"
],
"values": [
{
"name": "none",
"description": "There is no explicit grid; any rows/columns will be implicitly generated."
},
{
"name": "min-content",
"description": "Represents the largest min-content contribution of the grid items occupying the grid track."
},
{
"name": "max-content",
"description": "Represents the largest max-content contribution of the grid items occupying the grid track."
},
{
"name": "auto",
"description": "As a maximum, identical to 'max-content'. As a minimum, represents the largest minimum size (as specified by min-width/min-height) of the grid items occupying the grid track."
},
{
"name": "subgrid",
"description": "Indicates that the grid will align to its parent grid in that axis."
},
{
"name": "minmax()",
"description": "Defines a size range greater than or equal to min and less than or equal to max."
},
{
"name": "repeat()",
"description": "Represents a repeated fragment of the track list, allowing a large number of columns or rows that exhibit a recurring pattern to be written in a more compact form."
}
],
"syntax": "none | <track-list> | <auto-track-list> | subgrid <line-name-list>?",
"relevance": 55,
"references": [
{
"name": "MDN Reference",
"url": "https://developer.mozilla.org/docs/Web/CSS/grid-template-rows"
}
],
"description": "specifies, as a space-separated track list, the line names and track sizing functions of the grid.",
"restrictions": [
"identifier",
"length",
"percentage",
"string",
"enum"
]
},
{
"name": "height",
"browsers": [
"E12",
"FF1",
"S1",
"C1",
"IE4",
"O7"
],
"values": [
{
"name": "auto",
"description": "The height depends on the values of other properties."
},
{
"name": "fit-content",
"browsers": [
"E12",
"FF1",
"S1",
"C1",
"IE4",
"O7"
],
"description": "Use the fit-content inline size or fit-content block size, as appropriate to the writing mode."
},
{
"name": "max-content",
"browsers": [
"E12",
"FF1",
"S1",
"C1",
"IE4",
"O7"
],
"description": "Use the max-content inline size or max-content block size, as appropriate to the writing mode."
},
{
"name": "min-content",
"browsers": [
"E12",
"FF1",
"S1",
"C1",
"IE4",
"O7"
],
"description": "Use the min-content inline size or min-content block size, as appropriate to the writing mode."
}
],
"syntax": "<viewport-length>{1,2}",
"relevance": 96,
"references": [
{
"name": "MDN Reference",
"url": "https://developer.mozilla.org/docs/Web/CSS/height"
}
],
"description": "Specifies the height of the content area, padding area or border area (depending on 'box-sizing') of certain boxes.",
"restrictions": [
"length",
"percentage"
]
},
{
"name": "hyphens",
"browsers": [
"E79",
"FF43",
"S5.1",
"C55",
"IE10",
"O42"
],
"values": [
{
"name": "auto",
"description": "Conditional hyphenation characters inside a word, if present, take priority over automatic resources when determining hyphenation points within the word."
},
{
"name": "manual",
"description": "Words are only broken at line breaks where there are characters inside the word that suggest line break opportunities"
},
{
"name": "none",
"description": "Words are not broken at line breaks, even if characters inside the word suggest line break points."
}
],
"syntax": "none | manual | auto",
"relevance": 57,
"references": [
{
"name": "MDN Reference",
"url": "https://developer.mozilla.org/docs/Web/CSS/hyphens"
}
],
"description": "Controls whether hyphenation is allowed to create more break opportunities within a line of text.",
"restrictions": [
"enum"
]
},
{
"name": "image-orientation",
"browsers": [
"E81",
"FF26",
"S13.1",
"C81",
"O67"
],
"values": [
{
"name": "flip",
"description": "After rotating by the precededing angle, the image is flipped horizontally. Defaults to 0deg if the angle is ommitted."
},
{
"name": "from-image",
"description": "If the image has an orientation specified in its metadata, such as EXIF, this value computes to the angle that the metadata specifies is necessary to correctly orient the image."
}
],
"syntax": "from-image | <angle> | [ <angle>? flip ]",
"relevance": 50,
"references": [
{
"name": "MDN Reference",
"url": "https://developer.mozilla.org/docs/Web/CSS/image-orientation"
}
],
"description": "Specifies an orthogonal rotation to be applied to an image before it is laid out.",
"restrictions": [
"angle"
]
},
{
"name": "image-rendering",
"browsers": [
"E79",
"FF3.6",
"S6",
"C13",
"O15"
],
"values": [
{
"name": "auto",
"description": "The image should be scaled with an algorithm that maximizes the appearance of the image."
},
{
"name": "crisp-edges",
"description": "The image must be scaled with an algorithm that preserves contrast and edges in the image, and which does not smooth colors or introduce blur to the image in the process."
},
{
"name": "-moz-crisp-edges",
"browsers": [
"E79",
"FF3.6",
"S6",
"C13",
"O15"
]
},
{
"name": "optimizeQuality",
"description": "Deprecated."
},
{
"name": "optimizeSpeed",
"description": "Deprecated."
},
{
"name": "pixelated",
"description": "When scaling the image up, the 'nearest neighbor' or similar algorithm must be used, so that the image appears to be simply composed of very large pixels."
}
],
"syntax": "auto | crisp-edges | pixelated",
"relevance": 54,
"references": [
{
"name": "MDN Reference",
"url": "https://developer.mozilla.org/docs/Web/CSS/image-rendering"
}
],
"description": "Provides a hint to the user-agent about what aspects of an image are most important to preserve when the image is scaled, to aid the user-agent in the choice of an appropriate scaling algorithm.",
"restrictions": [
"enum"
]
},
{
"name": "ime-mode",
"browsers": [
"E12",
"FF3",
"IE5"
],
"values": [
{
"name": "active",
"description": "The input method editor is initially active; text entry is performed using it unless the user specifically dismisses it."
},
{
"name": "auto",
"description": "No change is made to the current input method editor state. This is the default."
},
{
"name": "disabled",
"description": "The input method editor is disabled and may not be activated by the user."
},
{
"name": "inactive",
"description": "The input method editor is initially inactive, but the user may activate it if they wish."
},
{
"name": "normal",
"description": "The IME state should be normal; this value can be used in a user style sheet to override the page setting."
}
],
"status": "obsolete",
"syntax": "auto | normal | active | inactive | disabled",
"relevance": 0,
"references": [
{
"name": "MDN Reference",
"url": "https://developer.mozilla.org/docs/Web/CSS/ime-mode"
}
],
"description": "Controls the state of the input method editor for text fields.",
"restrictions": [
"enum"
]
},
{
"name": "inline-size",
"browsers": [
"E79",
"FF41",
"S12.1",
"C57",
"O44"
],
"values": [
{
"name": "auto",
"description": "Depends on the values of other properties."
}
],
"syntax": "<'width'>",
"relevance": 50,
"references": [
{
"name": "MDN Reference",
"url": "https://developer.mozilla.org/docs/Web/CSS/inline-size"
}
],
"description": "Size of an element in the direction specified by 'writing-mode'.",
"restrictions": [
"length",
"percentage"
]
},
{
"name": "isolation",
"browsers": [
"E79",
"FF36",
"S8",
"C41",
"O30"
],
"values": [
{
"name": "auto",
"description": "Elements are not isolated unless an operation is applied that causes the creation of a stacking context."
},
{
"name": "isolate",
"description": "In CSS will turn the element into a stacking context."
}
],
"syntax": "auto | isolate",
"relevance": 52,
"references": [
{
"name": "MDN Reference",
"url": "https://developer.mozilla.org/docs/Web/CSS/isolation"
}
],
"description": "In CSS setting to 'isolate' will turn the element into a stacking context. In SVG, it defines whether an element is isolated or not.",
"restrictions": [
"enum"
]
},
{
"name": "justify-content",
"browsers": [
"E12",
"FF20",
"S9",
"C29",
"IE11",
"O12.1"
],
"values": [
{
"name": "center",
"description": "Flex items are packed toward the center of the line."
},
{
"name": "start",
"description": "The items are packed flush to each other toward the start edge of the alignment container in the main axis."
},
{
"name": "end",
"description": "The items are packed flush to each other toward the end edge of the alignment container in the main axis."
},
{
"name": "left",
"description": "The items are packed flush to each other toward the left edge of the alignment container in the main axis."
},
{
"name": "right",
"description": "The items are packed flush to each other toward the right edge of the alignment container in the main axis."
},
{
"name": "safe",
"description": "If the size of the item overflows the alignment container, the item is instead aligned as if the alignment mode were start."
},
{
"name": "unsafe",
"description": "Regardless of the relative sizes of the item and alignment container, the given alignment value is honored."
},
{
"name": "stretch",
"description": "If the combined size of the alignment subjects is less than the size of the alignment container, any auto-sized alignment subjects have their size increased equally (not proportionally), while still respecting the constraints imposed by max-height/max-width (or equivalent functionality), so that the combined size exactly fills the alignment container."
},
{
"name": "space-evenly",
"description": "The items are evenly distributed within the alignment container along the main axis."
},
{
"name": "flex-end",
"description": "Flex items are packed toward the end of the line."
},
{
"name": "flex-start",
"description": "Flex items are packed toward the start of the line."
},
{
"name": "space-around",
"description": "Flex items are evenly distributed in the line, with half-size spaces on either end."
},
{
"name": "space-between",
"description": "Flex items are evenly distributed in the line."
},
{
"name": "baseline",
"description": "Specifies participation in first-baseline alignment."
},
{
"name": "first baseline",
"description": "Specifies participation in first-baseline alignment."
},
{
"name": "last baseline",
"description": "Specifies participation in last-baseline alignment."
}
],
"syntax": "normal | <content-distribution> | <overflow-position>? [ <content-position> | left | right ]",
"relevance": 86,
"references": [
{
"name": "MDN Reference",
"url": "https://developer.mozilla.org/docs/Web/CSS/justify-content"
}
],
"description": "Aligns flex items along the main axis of the current line of the flex container.",
"restrictions": [
"enum"
]
},
{
"name": "kerning",
"values": [
{
"name": "auto",
"description": "Indicates that the user agent should adjust inter-glyph spacing based on kerning tables that are included in the font that will be used."
}
],
"relevance": 50,
"description": "Indicates whether the user agent should adjust inter-glyph spacing based on kerning tables that are included in the relevant font or instead disable auto-kerning and set inter-character spacing to a specific length.",
"restrictions": [
"length",
"enum"
]
},
{
"name": "left",
"browsers": [
"E12",
"FF1",
"S1",
"C1",
"IE5.5",
"O5"
],
"values": [
{
"name": "auto",
"description": "For non-replaced elements, the effect of this value depends on which of related properties have the value 'auto' as well"
}
],
"syntax": "<length> | <percentage> | auto",
"relevance": 95,
"references": [
{
"name": "MDN Reference",
"url": "https://developer.mozilla.org/docs/Web/CSS/left"
}
],
"description": "Specifies how far an absolutely positioned box's left margin edge is offset to the right of the left edge of the box's 'containing block'.",
"restrictions": [
"length",
"percentage"
]
},
{
"name": "letter-spacing",
"browsers": [
"E12",
"FF1",
"S1",
"C1",
"IE4",
"O3.5"
],
"values": [
{
"name": "normal",
"description": "The spacing is the normal spacing for the current font. It is typically zero-length."
}
],
"syntax": "normal | <length>",
"relevance": 81,
"references": [
{
"name": "MDN Reference",
"url": "https://developer.mozilla.org/docs/Web/CSS/letter-spacing"
}
],
"description": "Specifies the minimum, maximum, and optimal spacing between grapheme clusters.",
"restrictions": [
"length"
]
},
{
"name": "lighting-color",
"browsers": [
"E",
"C5",
"FF3",
"IE10",
"O9",
"S6"
],
"relevance": 50,
"description": "Defines the color of the light source for filter primitives 'feDiffuseLighting' and 'feSpecularLighting'.",
"restrictions": [
"color"
]
},
{
"name": "line-break",
"browsers": [
"E14",
"FF69",
"S11",
"C58",
"IE5.5",
"O45"
],
"values": [
{
"name": "auto",
"description": "The UA determines the set of line-breaking restrictions to use for CJK scripts, and it may vary the restrictions based on the length of the line; e.g., use a less restrictive set of line-break rules for short lines."
},
{
"name": "loose",
"description": "Breaks text using the least restrictive set of line-breaking rules. Typically used for short lines, such as in newspapers."
},
{
"name": "normal",
"description": "Breaks text using the most common set of line-breaking rules."
},
{
"name": "strict",
"description": "Breaks CJK scripts using a more restrictive set of line-breaking rules than 'normal'."
},
{
"name": "anywhere",
"description": "There is a soft wrap opportunity around every typographic character unit, including around any punctuation character or preserved white spaces, or in the middle of words, disregarding any prohibition against line breaks, even those introduced by characters with the GL, WJ, or ZWJ line breaking classes or mandated by the word-break property."
}
],
"syntax": "auto | loose | normal | strict | anywhere",
"relevance": 52,
"references": [
{
"name": "MDN Reference",
"url": "https://developer.mozilla.org/docs/Web/CSS/line-break"
}
],
"description": "Specifies what set of line breaking restrictions are in effect within the element.",
"restrictions": [
"enum"
]
},
{
"name": "line-height",
"browsers": [
"E12",
"FF1",
"S1",
"C1",
"IE4",
"O7"
],
"values": [
{
"name": "normal",
"description": "Tells user agents to set the computed value to a 'reasonable' value based on the font size of the element."
}
],
"syntax": "normal | <number> | <length> | <percentage>",
"relevance": 92,
"references": [
{
"name": "MDN Reference",
"url": "https://developer.mozilla.org/docs/Web/CSS/line-height"
}
],
"description": "Determines the block-progression dimension of the text content area of an inline box.",
"restrictions": [
"number",
"length",
"percentage"
]
},
{
"name": "list-style",
"browsers": [
"E12",
"FF1",
"S1",
"C1",
"IE4",
"O7"
],
"values": [
{
"name": "armenian"
},
{
"name": "circle",
"description": "A hollow circle."
},
{
"name": "decimal"
},
{
"name": "decimal-leading-zero"
},
{
"name": "disc",
"description": "A filled circle."
},
{
"name": "georgian"
},
{
"name": "inside",
"description": "The marker box is outside the principal block box, as described in the section on the ::marker pseudo-element below."
},
{
"name": "lower-alpha"
},
{
"name": "lower-greek"
},
{
"name": "lower-latin"
},
{
"name": "lower-roman"
},
{
"name": "none"
},
{
"name": "outside",
"description": "The ::marker pseudo-element is an inline element placed immediately before all ::before pseudo-elements in the principal block box, after which the element's content flows."
},
{
"name": "square",
"description": "A filled square."
},
{
"name": "symbols()",
"browsers": [
"E12",
"FF1",
"S1",
"C1",
"IE4",
"O7"
],
"description": "Allows a counter style to be defined inline."
},
{
"name": "upper-alpha"
},
{
"name": "upper-latin"
},
{
"name": "upper-roman"
},
{
"name": "url()"
}
],
"syntax": "<'list-style-type'> || <'list-style-position'> || <'list-style-image'>",
"relevance": 84,
"references": [
{
"name": "MDN Reference",
"url": "https://developer.mozilla.org/docs/Web/CSS/list-style"
}
],
"description": "Shorthand for setting 'list-style-type', 'list-style-position' and 'list-style-image'",
"restrictions": [
"image",
"enum",
"url"
]
},
{
"name": "list-style-image",
"browsers": [
"E12",
"FF1",
"S1",
"C1",
"IE4",
"O7"
],
"values": [
{
"name": "none",
"description": "The default contents of the of the list item's marker are given by 'list-style-type' instead."
}
],
"syntax": "<image> | none",
"relevance": 52,
"references": [
{
"name": "MDN Reference",
"url": "https://developer.mozilla.org/docs/Web/CSS/list-style-image"
}
],
"description": "Sets the image that will be used as the list item marker. When the image is available, it will replace the marker set with the 'list-style-type' marker.",
"restrictions": [
"image"
]
},
{
"name": "list-style-position",
"browsers": [
"E12",
"FF1",
"S1",
"C1",
"IE4",
"O3.5"
],
"values": [
{
"name": "inside",
"description": "The marker box is outside the principal block box, as described in the section on the ::marker pseudo-element below."
},
{
"name": "outside",
"description": "The ::marker pseudo-element is an inline element placed immediately before all ::before pseudo-elements in the principal block box, after which the element's content flows."
}
],
"syntax": "inside | outside",
"relevance": 55,
"references": [
{
"name": "MDN Reference",
"url": "https://developer.mozilla.org/docs/Web/CSS/list-style-position"
}
],
"description": "Specifies the position of the '::marker' pseudo-element's box in the list item.",
"restrictions": [
"enum"
]
},
{
"name": "list-style-type",
"browsers": [
"E12",
"FF1",
"S1",
"C1",
"IE4",
"O3.5"
],
"values": [
{
"name": "armenian",
"description": "Traditional uppercase Armenian numbering."
},
{
"name": "circle",
"description": "A hollow circle."
},
{
"name": "decimal",
"description": "Western decimal numbers."
},
{
"name": "decimal-leading-zero",
"description": "Decimal numbers padded by initial zeros."
},
{
"name": "disc",
"description": "A filled circle."
},
{
"name": "georgian",
"description": "Traditional Georgian numbering."
},
{
"name": "lower-alpha",
"description": "Lowercase ASCII letters."
},
{
"name": "lower-greek",
"description": "Lowercase classical Greek."
},
{
"name": "lower-latin",
"description": "Lowercase ASCII letters."
},
{
"name": "lower-roman",
"description": "Lowercase ASCII Roman numerals."
},
{
"name": "none",
"description": "No marker"
},
{
"name": "square",
"description": "A filled square."
},
{
"name": "symbols()",
"browsers": [
"E12",
"FF1",
"S1",
"C1",
"IE4",
"O3.5"
],
"description": "Allows a counter style to be defined inline."
},
{
"name": "upper-alpha",
"description": "Uppercase ASCII letters."
},
{
"name": "upper-latin",
"description": "Uppercase ASCII letters."
},
{
"name": "upper-roman",
"description": "Uppercase ASCII Roman numerals."
}
],
"syntax": "<counter-style> | <string> | none",
"relevance": 75,
"references": [
{
"name": "MDN Reference",
"url": "https://developer.mozilla.org/docs/Web/CSS/list-style-type"
}
],
"description": "Used to construct the default contents of a list item's marker",
"restrictions": [
"enum",
"string"
]
},
{
"name": "margin",
"browsers": [
"E12",
"FF1",
"S1",
"C1",
"IE3",
"O3.5"
],
"values": [
{
"name": "auto"
}
],
"syntax": "[ <length> | <percentage> | auto ]{1,4}",
"relevance": 95,
"references": [
{
"name": "MDN Reference",
"url": "https://developer.mozilla.org/docs/Web/CSS/margin"
}
],
"description": "Shorthand property to set values for the thickness of the margin area. If left is omitted, it is the same as right. If bottom is omitted it is the same as top, if right is omitted it is the same as top. Negative values for margin properties are allowed, but there may be implementation-specific limits.",
"restrictions": [
"length",
"percentage"
]
},
{
"name": "margin-block-end",
"browsers": [
"E87",
"FF41",
"S12.1",
"C87",
"O73"
],
"values": [
{
"name": "auto"
}
],
"syntax": "<'margin-left'>",
"relevance": 54,
"references": [
{
"name": "MDN Reference",
"url": "https://developer.mozilla.org/docs/Web/CSS/margin-block-end"
}
],
"description": "Logical 'margin-bottom'. Mapping depends on the parent element's 'writing-mode', 'direction', and 'text-orientation'.",
"restrictions": [
"length",
"percentage"
]
},
{
"name": "margin-block-start",
"browsers": [
"E87",
"FF41",
"S12.1",
"C87",
"O73"
],
"values": [
{
"name": "auto"
}
],
"syntax": "<'margin-left'>",
"relevance": 54,
"references": [
{
"name": "MDN Reference",
"url": "https://developer.mozilla.org/docs/Web/CSS/margin-block-start"
}
],
"description": "Logical 'margin-top'. Mapping depends on the parent element's 'writing-mode', 'direction', and 'text-orientation'.",
"restrictions": [
"length",
"percentage"
]
},
{
"name": "margin-bottom",
"browsers": [
"E12",
"FF1",
"S1",
"C1",
"IE3",
"O3.5"
],
"values": [
{
"name": "auto"
}
],
"syntax": "<length> | <percentage> | auto",
"relevance": 91,
"references": [
{
"name": "MDN Reference",
"url": "https://developer.mozilla.org/docs/Web/CSS/margin-bottom"
}
],
"description": "Shorthand property to set values for the thickness of the margin area. If left is omitted, it is the same as right. If bottom is omitted it is the same as top, if right is omitted it is the same as top. Negative values for margin properties are allowed, but there may be implementation-specific limits..",
"restrictions": [
"length",
"percentage"
]
},
{
"name": "margin-inline-end",
"browsers": [
"E87",
"FF41",
"S12.1",
"C87",
"O73"
],
"values": [
{
"name": "auto"
}
],
"syntax": "<'margin-left'>",
"relevance": 54,
"references": [
{
"name": "MDN Reference",
"url": "https://developer.mozilla.org/docs/Web/CSS/margin-inline-end"
}
],
"description": "Logical 'margin-right'. Mapping depends on the parent element's 'writing-mode', 'direction', and 'text-orientation'.",
"restrictions": [
"length",
"percentage"
]
},
{
"name": "margin-inline-start",
"browsers": [
"E87",
"FF41",
"S12.1",
"C87",
"O73"
],
"values": [
{
"name": "auto"
}
],
"syntax": "<'margin-left'>",
"relevance": 54,
"references": [
{
"name": "MDN Reference",
"url": "https://developer.mozilla.org/docs/Web/CSS/margin-inline-start"
}
],
"description": "Logical 'margin-left'. Mapping depends on the parent element's 'writing-mode', 'direction', and 'text-orientation'.",
"restrictions": [
"length",
"percentage"
]
},
{
"name": "margin-left",
"browsers": [
"E12",
"FF1",
"S1",
"C1",
"IE3",
"O3.5"
],
"values": [
{
"name": "auto"
}
],
"syntax": "<length> | <percentage> | auto",
"relevance": 91,
"references": [
{
"name": "MDN Reference",
"url": "https://developer.mozilla.org/docs/Web/CSS/margin-left"
}
],
"description": "Shorthand property to set values for the thickness of the margin area. If left is omitted, it is the same as right. If bottom is omitted it is the same as top, if right is omitted it is the same as top. Negative values for margin properties are allowed, but there may be implementation-specific limits..",
"restrictions": [
"length",
"percentage"
]
},
{
"name": "margin-right",
"browsers": [
"E12",
"FF1",
"S1",
"C1",
"IE3",
"O3.5"
],
"values": [
{
"name": "auto"
}
],
"syntax": "<length> | <percentage> | auto",
"relevance": 91,
"references": [
{
"name": "MDN Reference",
"url": "https://developer.mozilla.org/docs/Web/CSS/margin-right"
}
],
"description": "Shorthand property to set values for the thickness of the margin area. If left is omitted, it is the same as right. If bottom is omitted it is the same as top, if right is omitted it is the same as top. Negative values for margin properties are allowed, but there may be implementation-specific limits..",
"restrictions": [
"length",
"percentage"
]
},
{
"name": "margin-top",
"browsers": [
"E12",
"FF1",
"S1",
"C1",
"IE3",
"O3.5"
],
"values": [
{
"name": "auto"
}
],
"syntax": "<length> | <percentage> | auto",
"relevance": 94,
"references": [
{
"name": "MDN Reference",
"url": "https://developer.mozilla.org/docs/Web/CSS/margin-top"
}
],
"description": "Shorthand property to set values for the thickness of the margin area. If left is omitted, it is the same as right. If bottom is omitted it is the same as top, if right is omitted it is the same as top. Negative values for margin properties are allowed, but there may be implementation-specific limits..",
"restrictions": [
"length",
"percentage"
]
},
{
"name": "marker",
"values": [
{
"name": "none",
"description": "Indicates that no marker symbol will be drawn at the given vertex or vertices."
},
{
"name": "url()",
"description": "Indicates that the <marker> element referenced will be used."
}
],
"relevance": 50,
"description": "Specifies the marker symbol that shall be used for all points on the sets the value for all vertices on the given 'path' element or basic shape.",
"restrictions": [
"url"
]
},
{
"name": "marker-end",
"values": [
{
"name": "none",
"description": "Indicates that no marker symbol will be drawn at the given vertex or vertices."
},
{
"name": "url()",
"description": "Indicates that the <marker> element referenced will be used."
}
],
"relevance": 50,
"description": "Specifies the marker that will be drawn at the last vertices of the given markable element.",
"restrictions": [
"url"
]
},
{
"name": "marker-mid",
"values": [
{
"name": "none",
"description": "Indicates that no marker symbol will be drawn at the given vertex or vertices."
},
{
"name": "url()",
"description": "Indicates that the <marker> element referenced will be used."
}
],
"relevance": 50,
"description": "Specifies the marker that will be drawn at all vertices except the first and last.",
"restrictions": [
"url"
]
},
{
"name": "marker-start",
"values": [
{
"name": "none",
"description": "Indicates that no marker symbol will be drawn at the given vertex or vertices."
},
{
"name": "url()",
"description": "Indicates that the <marker> element referenced will be used."
}
],
"relevance": 50,
"description": "Specifies the marker that will be drawn at the first vertices of the given markable element.",
"restrictions": [
"url"
]
},
{
"name": "mask-image",
"browsers": [
"E79",
"FF53",
"S15.4",
"C1",
"O15"
],
"values": [
{
"name": "none",
"description": "Counts as a transparent black image layer."
},
{
"name": "url()",
"description": "Reference to a <mask element or to a CSS image."
}
],
"syntax": "<mask-reference>#",
"relevance": 50,
"references": [
{
"name": "MDN Reference",
"url": "https://developer.mozilla.org/docs/Web/CSS/mask-image"
}
],
"description": "Sets the mask layer image of an element.",
"restrictions": [
"url",
"image",
"enum"
]
},
{
"name": "mask-mode",
"browsers": [
"FF53",
"S15.4"
],
"values": [
{
"name": "alpha",
"description": "Alpha values of the mask layer image should be used as the mask values."
},
{
"name": "auto",
"description": "Use alpha values if 'mask-image' is an image, luminance if a <mask> element or a CSS image."
},
{
"name": "luminance",
"description": "Luminance values of the mask layer image should be used as the mask values."
}
],
"syntax": "<masking-mode>#",
"relevance": 50,
"references": [
{
"name": "MDN Reference",
"url": "https://developer.mozilla.org/docs/Web/CSS/mask-mode"
}
],
"description": "Indicates whether the mask layer image is treated as luminance mask or alpha mask.",
"restrictions": [
"url",
"image",
"enum"
]
},
{
"name": "mask-origin",
"browsers": [
"E79",
"FF53",
"S15.4",
"C1",
"O15"
],
"syntax": "<geometry-box>#",
"relevance": 50,
"references": [
{
"name": "MDN Reference",
"url": "https://developer.mozilla.org/docs/Web/CSS/mask-origin"
}
],
"description": "Specifies the mask positioning area.",
"restrictions": [
"geometry-box",
"enum"
]
},
{
"name": "mask-position",
"browsers": [
"E79",
"FF53",
"S15.4",
"C1",
"O15"
],
"syntax": "<position>#",
"relevance": 50,
"references": [
{
"name": "MDN Reference",
"url": "https://developer.mozilla.org/docs/Web/CSS/mask-position"
}
],
"description": "Specifies how mask layer images are positioned.",
"restrictions": [
"position",
"length",
"percentage"
]
},
{
"name": "mask-repeat",
"browsers": [
"E79",
"FF53",
"S15.4",
"C1",
"O15"
],
"syntax": "<repeat-style>#",
"relevance": 50,
"references": [
{
"name": "MDN Reference",
"url": "https://developer.mozilla.org/docs/Web/CSS/mask-repeat"
}
],
"description": "Specifies how mask layer images are tiled after they have been sized and positioned.",
"restrictions": [
"repeat"
]
},
{
"name": "mask-size",
"browsers": [
"E79",
"FF53",
"S15.4",
"C4",
"O15"
],
"values": [
{
"name": "auto",
"description": "Resolved by using the image's intrinsic ratio and the size of the other dimension, or failing that, using the image's intrinsic size, or failing that, treating it as 100%."
},
{
"name": "contain",
"description": "Scale the image, while preserving its intrinsic aspect ratio (if any), to the largest size such that both its width and its height can fit inside the background positioning area."
},
{
"name": "cover",
"description": "Scale the image, while preserving its intrinsic aspect ratio (if any), to the smallest size such that both its width and its height can completely cover the background positioning area."
}
],
"syntax": "<bg-size>#",
"relevance": 50,
"references": [
{
"name": "MDN Reference",
"url": "https://developer.mozilla.org/docs/Web/CSS/mask-size"
}
],
"description": "Specifies the size of the mask layer images.",
"restrictions": [
"length",
"percentage",
"enum"
]
},
{
"name": "mask-type",
"browsers": [
"E79",
"FF35",
"S7",
"C24",
"O15"
],
"values": [
{
"name": "alpha",
"description": "Indicates that the alpha values of the mask should be used."
},
{
"name": "luminance",
"description": "Indicates that the luminance values of the mask should be used."
}
],
"syntax": "luminance | alpha",
"relevance": 50,
"references": [
{
"name": "MDN Reference",
"url": "https://developer.mozilla.org/docs/Web/CSS/mask-type"
}
],
"description": "Defines whether the content of the <mask> element is treated as as luminance mask or alpha mask.",
"restrictions": [
"enum"
]
},
{
"name": "max-block-size",
"browsers": [
"E79",
"FF41",
"S12.1",
"C57",
"O44"
],
"values": [
{
"name": "none",
"description": "No limit on the width of the box."
}
],
"syntax": "<'max-width'>",
"relevance": 50,
"references": [
{
"name": "MDN Reference",
"url": "https://developer.mozilla.org/docs/Web/CSS/max-block-size"
}
],
"description": "Maximum size of an element in the direction opposite that of the direction specified by 'writing-mode'.",
"restrictions": [
"length",
"percentage"
]
},
{
"name": "max-height",
"browsers": [
"E12",
"FF1",
"S1.3",
"C18",
"IE7",
"O7"
],
"values": [
{
"name": "none",
"description": "No limit on the height of the box."
},
{
"name": "fit-content",
"browsers": [
"E12",
"FF1",
"S1.3",
"C18",
"IE7",
"O7"
],
"description": "Use the fit-content inline size or fit-content block size, as appropriate to the writing mode."
},
{
"name": "max-content",
"browsers": [
"E12",
"FF1",
"S1.3",
"C18",
"IE7",
"O7"
],
"description": "Use the max-content inline size or max-content block size, as appropriate to the writing mode."
},
{
"name": "min-content",
"browsers": [
"E12",
"FF1",
"S1.3",
"C18",
"IE7",
"O7"
],
"description": "Use the min-content inline size or min-content block size, as appropriate to the writing mode."
}
],
"syntax": "<viewport-length>",
"relevance": 85,
"references": [
{
"name": "MDN Reference",
"url": "https://developer.mozilla.org/docs/Web/CSS/max-height"
}
],
"description": "Allows authors to constrain content height to a certain range.",
"restrictions": [
"length",
"percentage"
]
},
{
"name": "max-inline-size",
"browsers": [
"E79",
"FF41",
"S12.1",
"C57",
"O44"
],
"values": [
{
"name": "none",
"description": "No limit on the height of the box."
}
],
"syntax": "<'max-width'>",
"relevance": 50,
"references": [
{
"name": "MDN Reference",
"url": "https://developer.mozilla.org/docs/Web/CSS/max-inline-size"
}
],
"description": "Maximum size of an element in the direction specified by 'writing-mode'.",
"restrictions": [
"length",
"percentage"
]
},
{
"name": "max-width",
"browsers": [
"E12",
"FF1",
"S1",
"C1",
"IE7",
"O4"
],
"values": [
{
"name": "none",
"description": "No limit on the width of the box."
},
{
"name": "fit-content",
"browsers": [
"E12",
"FF1",
"S1",
"C1",
"IE7",
"O4"
],
"description": "Use the fit-content inline size or fit-content block size, as appropriate to the writing mode."
},
{
"name": "max-content",
"browsers": [
"E12",
"FF1",
"S1",
"C1",
"IE7",
"O4"
],
"description": "Use the max-content inline size or max-content block size, as appropriate to the writing mode."
},
{
"name": "min-content",
"browsers": [
"E12",
"FF1",
"S1",
"C1",
"IE7",
"O4"
],
"description": "Use the min-content inline size or min-content block size, as appropriate to the writing mode."
}
],
"syntax": "<viewport-length>",
"relevance": 90,
"references": [
{
"name": "MDN Reference",
"url": "https://developer.mozilla.org/docs/Web/CSS/max-width"
}
],
"description": "Allows authors to constrain content width to a certain range.",
"restrictions": [
"length",
"percentage"
]
},
{
"name": "min-block-size",
"browsers": [
"E79",
"FF41",
"S12.1",
"C57",
"O44"
],
"syntax": "<'min-width'>",
"relevance": 50,
"references": [
{
"name": "MDN Reference",
"url": "https://developer.mozilla.org/docs/Web/CSS/min-block-size"
}
],
"description": "Minimal size of an element in the direction opposite that of the direction specified by 'writing-mode'.",
"restrictions": [
"length",
"percentage"
]
},
{
"name": "min-height",
"browsers": [
"E12",
"FF3",
"S1.3",
"C1",
"IE7",
"O4"
],
"values": [
{
"name": "auto",
"browsers": [
"E12",
"FF3",
"S1.3",
"C1",
"IE7",
"O4"
]
},
{
"name": "fit-content",
"browsers": [
"E12",
"FF3",
"S1.3",
"C1",
"IE7",
"O4"
],
"description": "Use the fit-content inline size or fit-content block size, as appropriate to the writing mode."
},
{
"name": "max-content",
"browsers": [
"E12",
"FF3",
"S1.3",
"C1",
"IE7",
"O4"
],
"description": "Use the max-content inline size or max-content block size, as appropriate to the writing mode."
},
{
"name": "min-content",
"browsers": [
"E12",
"FF3",
"S1.3",
"C1",
"IE7",
"O4"
],
"description": "Use the min-content inline size or min-content block size, as appropriate to the writing mode."
}
],
"syntax": "<viewport-length>",
"relevance": 89,
"references": [
{
"name": "MDN Reference",
"url": "https://developer.mozilla.org/docs/Web/CSS/min-height"
}
],
"description": "Allows authors to constrain content height to a certain range.",
"restrictions": [
"length",
"percentage"
]
},
{
"name": "min-inline-size",
"browsers": [
"E79",
"FF41",
"S12.1",
"C57",
"O44"
],
"syntax": "<'min-width'>",
"relevance": 50,
"references": [
{
"name": "MDN Reference",
"url": "https://developer.mozilla.org/docs/Web/CSS/min-inline-size"
}
],
"description": "Minimal size of an element in the direction specified by 'writing-mode'.",
"restrictions": [
"length",
"percentage"
]
},
{
"name": "min-width",
"browsers": [
"E12",
"FF1",
"S1",
"C1",
"IE7",
"O4"
],
"values": [
{
"name": "auto",
"browsers": [
"E12",
"FF1",
"S1",
"C1",
"IE7",
"O4"
]
},
{
"name": "fit-content",
"browsers": [
"E12",
"FF1",
"S1",
"C1",
"IE7",
"O4"
],
"description": "Use the fit-content inline size or fit-content block size, as appropriate to the writing mode."
},
{
"name": "max-content",
"browsers": [
"E12",
"FF1",
"S1",
"C1",
"IE7",
"O4"
],
"description": "Use the max-content inline size or max-content block size, as appropriate to the writing mode."
},
{
"name": "min-content",
"browsers": [
"E12",
"FF1",
"S1",
"C1",
"IE7",
"O4"
],
"description": "Use the min-content inline size or min-content block size, as appropriate to the writing mode."
}
],
"syntax": "<viewport-length>",
"relevance": 88,
"references": [
{
"name": "MDN Reference",
"url": "https://developer.mozilla.org/docs/Web/CSS/min-width"
}
],
"description": "Allows authors to constrain content width to a certain range.",
"restrictions": [
"length",
"percentage"
]
},
{
"name": "mix-blend-mode",
"browsers": [
"E79",
"FF32",
"S8",
"C41",
"O28"
],
"values": [
{
"name": "normal",
"description": "Default attribute which specifies no blending"
},
{
"name": "multiply",
"description": "The source color is multiplied by the destination color and replaces the destination."
},
{
"name": "screen",
"description": "Multiplies the complements of the backdrop and source color values, then complements the result."
},
{
"name": "overlay",
"description": "Multiplies or screens the colors, depending on the backdrop color value."
},
{
"name": "darken",
"description": "Selects the darker of the backdrop and source colors."
},
{
"name": "lighten",
"description": "Selects the lighter of the backdrop and source colors."
},
{
"name": "color-dodge",
"description": "Brightens the backdrop color to reflect the source color."
},
{
"name": "color-burn",
"description": "Darkens the backdrop color to reflect the source color."
},
{
"name": "hard-light",
"description": "Multiplies or screens the colors, depending on the source color value."
},
{
"name": "soft-light",
"description": "Darkens or lightens the colors, depending on the source color value."
},
{
"name": "difference",
"description": "Subtracts the darker of the two constituent colors from the lighter color.."
},
{
"name": "exclusion",
"description": "Produces an effect similar to that of the Difference mode but lower in contrast."
},
{
"name": "hue",
"browsers": [
"E79",
"FF32",
"S8",
"C41",
"O28"
],
"description": "Creates a color with the hue of the source color and the saturation and luminosity of the backdrop color."
},
{
"name": "saturation",
"browsers": [
"E79",
"FF32",
"S8",
"C41",
"O28"
],
"description": "Creates a color with the saturation of the source color and the hue and luminosity of the backdrop color."
},
{
"name": "color",
"browsers": [
"E79",
"FF32",
"S8",
"C41",
"O28"
],
"description": "Creates a color with the hue and saturation of the source color and the luminosity of the backdrop color."
},
{
"name": "luminosity",
"browsers": [
"E79",
"FF32",
"S8",
"C41",
"O28"
],
"description": "Creates a color with the luminosity of the source color and the hue and saturation of the backdrop color."
}
],
"syntax": "<blend-mode> | plus-lighter",
"relevance": 53,
"references": [
{
"name": "MDN Reference",
"url": "https://developer.mozilla.org/docs/Web/CSS/mix-blend-mode"
}
],
"description": "Defines the formula that must be used to mix the colors with the backdrop.",
"restrictions": [
"enum"
]
},
{
"name": "motion",
"browsers": [
"C46",
"O33"
],
"values": [
{
"name": "none",
"description": "No motion path gets created."
},
{
"name": "path()",
"description": "Defines an SVG path as a string, with optional 'fill-rule' as the first argument."
},
{
"name": "auto",
"description": "Indicates that the object is rotated by the angle of the direction of the motion path."
},
{
"name": "reverse",
"description": "Indicates that the object is rotated by the angle of the direction of the motion path plus 180 degrees."
}
],
"relevance": 50,
"description": "Shorthand property for setting 'motion-path', 'motion-offset' and 'motion-rotation'.",
"restrictions": [
"url",
"length",
"percentage",
"angle",
"shape",
"geometry-box",
"enum"
]
},
{
"name": "motion-offset",
"browsers": [
"C46",
"O33"
],
"relevance": 50,
"description": "A distance that describes the position along the specified motion path.",
"restrictions": [
"length",
"percentage"
]
},
{
"name": "motion-path",
"browsers": [
"C46",
"O33"
],
"values": [
{
"name": "none",
"description": "No motion path gets created."
},
{
"name": "path()",
"description": "Defines an SVG path as a string, with optional 'fill-rule' as the first argument."
}
],
"relevance": 50,
"description": "Specifies the motion path the element gets positioned at.",
"restrictions": [
"url",
"shape",
"geometry-box",
"enum"
]
},
{
"name": "motion-rotation",
"browsers": [
"C46",
"O33"
],
"values": [
{
"name": "auto",
"description": "Indicates that the object is rotated by the angle of the direction of the motion path."
},
{
"name": "reverse",
"description": "Indicates that the object is rotated by the angle of the direction of the motion path plus 180 degrees."
}
],
"relevance": 50,
"description": "Defines the direction of the element while positioning along the motion path.",
"restrictions": [
"angle"
]
},
{
"name": "-moz-animation",
"browsers": [
"FF9"
],
"values": [
{
"name": "alternate",
"description": "The animation cycle iterations that are odd counts are played in the normal direction, and the animation cycle iterations that are even counts are played in a reverse direction."
},
{
"name": "alternate-reverse",
"description": "The animation cycle iterations that are odd counts are played in the reverse direction, and the animation cycle iterations that are even counts are played in a normal direction."
},
{
"name": "backwards",
"description": "The beginning property value (as defined in the first @keyframes at-rule) is applied before the animation is displayed, during the period defined by 'animation-delay'."
},
{
"name": "both",
"description": "Both forwards and backwards fill modes are applied."
},
{
"name": "forwards",
"description": "The final property value (as defined in the last @keyframes at-rule) is maintained after the animation completes."
},
{
"name": "infinite",
"description": "Causes the animation to repeat forever."
},
{
"name": "none",
"description": "No animation is performed"
},
{
"name": "normal",
"description": "Normal playback."
},
{
"name": "reverse",
"description": "All iterations of the animation are played in the reverse direction from the way they were specified."
}
],
"relevance": 50,
"description": "Shorthand property combines six of the animation properties into a single property.",
"restrictions": [
"time",
"enum",
"timing-function",
"identifier",
"number"
]
},
{
"name": "-moz-animation-delay",
"browsers": [
"FF9"
],
"relevance": 50,
"description": "Defines when the animation will start.",
"restrictions": [
"time"
]
},
{
"name": "-moz-animation-direction",
"browsers": [
"FF9"
],
"values": [
{
"name": "alternate",
"description": "The animation cycle iterations that are odd counts are played in the normal direction, and the animation cycle iterations that are even counts are played in a reverse direction."
},
{
"name": "alternate-reverse",
"description": "The animation cycle iterations that are odd counts are played in the reverse direction, and the animation cycle iterations that are even counts are played in a normal direction."
},
{
"name": "normal",
"description": "Normal playback."
},
{
"name": "reverse",
"description": "All iterations of the animation are played in the reverse direction from the way they were specified."
}
],
"relevance": 50,
"description": "Defines whether or not the animation should play in reverse on alternate cycles.",
"restrictions": [
"enum"
]
},
{
"name": "-moz-animation-duration",
"browsers": [
"FF9"
],
"relevance": 50,
"description": "Defines the length of time that an animation takes to complete one cycle.",
"restrictions": [
"time"
]
},
{
"name": "-moz-animation-iteration-count",
"browsers": [
"FF9"
],
"values": [
{
"name": "infinite",
"description": "Causes the animation to repeat forever."
}
],
"relevance": 50,
"description": "Defines the number of times an animation cycle is played. The default value is one, meaning the animation will play from beginning to end once.",
"restrictions": [
"number",
"enum"
]
},
{
"name": "-moz-animation-name",
"browsers": [
"FF9"
],
"values": [
{
"name": "none",
"description": "No animation is performed"
}
],
"relevance": 50,
"description": "Defines a list of animations that apply. Each name is used to select the keyframe at-rule that provides the property values for the animation.",
"restrictions": [
"identifier",
"enum"
]
},
{
"name": "-moz-animation-play-state",
"browsers": [
"FF9"
],
"values": [
{
"name": "paused",
"description": "A running animation will be paused."
},
{
"name": "running",
"description": "Resume playback of a paused animation."
}
],
"relevance": 50,
"description": "Defines whether the animation is running or paused.",
"restrictions": [
"enum"
]
},
{
"name": "-moz-animation-timing-function",
"browsers": [
"FF9"
],
"relevance": 50,
"description": "Describes how the animation will progress over one cycle of its duration. See the 'transition-timing-function'.",
"restrictions": [
"timing-function"
]
},
{
"name": "-moz-appearance",
"browsers": [
"FF1"
],
"values": [
{
"name": "button"
},
{
"name": "button-arrow-down"
},
{
"name": "button-arrow-next"
},
{
"name": "button-arrow-previous"
},
{
"name": "button-arrow-up"
},
{
"name": "button-bevel"
},
{
"name": "checkbox"
},
{
"name": "checkbox-container"
},
{
"name": "checkbox-label"
},
{
"name": "dialog"
},
{
"name": "groupbox"
},
{
"name": "listbox"
},
{
"name": "menuarrow"
},
{
"name": "menuimage"
},
{
"name": "menuitem"
},
{
"name": "menuitemtext"
},
{
"name": "menulist"
},
{
"name": "menulist-button"
},
{
"name": "menulist-text"
},
{
"name": "menulist-textfield"
},
{
"name": "menupopup"
},
{
"name": "menuradio"
},
{
"name": "menuseparator"
},
{
"name": "-moz-mac-unified-toolbar"
},
{
"name": "-moz-win-borderless-glass"
},
{
"name": "-moz-win-browsertabbar-toolbox"
},
{
"name": "-moz-win-communications-toolbox"
},
{
"name": "-moz-win-glass"
},
{
"name": "-moz-win-media-toolbox"
},
{
"name": "none"
},
{
"name": "progressbar"
},
{
"name": "progresschunk"
},
{
"name": "radio"
},
{
"name": "radio-container"
},
{
"name": "radio-label"
},
{
"name": "radiomenuitem"
},
{
"name": "resizer"
},
{
"name": "resizerpanel"
},
{
"name": "scrollbarbutton-down"
},
{
"name": "scrollbarbutton-left"
},
{
"name": "scrollbarbutton-right"
},
{
"name": "scrollbarbutton-up"
},
{
"name": "scrollbar-small"
},
{
"name": "scrollbartrack-horizontal"
},
{
"name": "scrollbartrack-vertical"
},
{
"name": "separator"
},
{
"name": "spinner"
},
{
"name": "spinner-downbutton"
},
{
"name": "spinner-textfield"
},
{
"name": "spinner-upbutton"
},
{
"name": "statusbar"
},
{
"name": "statusbarpanel"
},
{
"name": "tab"
},
{
"name": "tabpanels"
},
{
"name": "tab-scroll-arrow-back"
},
{
"name": "tab-scroll-arrow-forward"
},
{
"name": "textfield"
},
{
"name": "textfield-multiline"
},
{
"name": "toolbar"
},
{
"name": "toolbox"
},
{
"name": "tooltip"
},
{
"name": "treeheadercell"
},
{
"name": "treeheadersortarrow"
},
{
"name": "treeitem"
},
{
"name": "treetwistyopen"
},
{
"name": "treeview"
},
{
"name": "treewisty"
},
{
"name": "window"
}
],
"status": "nonstandard",
"syntax": "none | button | button-arrow-down | button-arrow-next | button-arrow-previous | button-arrow-up | button-bevel | button-focus | caret | checkbox | checkbox-container | checkbox-label | checkmenuitem | dualbutton | groupbox | listbox | listitem | menuarrow | menubar | menucheckbox | menuimage | menuitem | menuitemtext | menulist | menulist-button | menulist-text | menulist-textfield | menupopup | menuradio | menuseparator | meterbar | meterchunk | progressbar | progressbar-vertical | progresschunk | progresschunk-vertical | radio | radio-container | radio-label | radiomenuitem | range | range-thumb | resizer | resizerpanel | scale-horizontal | scalethumbend | scalethumb-horizontal | scalethumbstart | scalethumbtick | scalethumb-vertical | scale-vertical | scrollbarbutton-down | scrollbarbutton-left | scrollbarbutton-right | scrollbarbutton-up | scrollbarthumb-horizontal | scrollbarthumb-vertical | scrollbartrack-horizontal | scrollbartrack-vertical | searchfield | separator | sheet | spinner | spinner-downbutton | spinner-textfield | spinner-upbutton | splitter | statusbar | statusbarpanel | tab | tabpanel | tabpanels | tab-scroll-arrow-back | tab-scroll-arrow-forward | textfield | textfield-multiline | toolbar | toolbarbutton | toolbarbutton-dropdown | toolbargripper | toolbox | tooltip | treeheader | treeheadercell | treeheadersortarrow | treeitem | treeline | treetwisty | treetwistyopen | treeview | -moz-mac-unified-toolbar | -moz-win-borderless-glass | -moz-win-browsertabbar-toolbox | -moz-win-communicationstext | -moz-win-communications-toolbox | -moz-win-exclude-glass | -moz-win-glass | -moz-win-mediatext | -moz-win-media-toolbox | -moz-window-button-box | -moz-window-button-box-maximized | -moz-window-button-close | -moz-window-button-maximize | -moz-window-button-minimize | -moz-window-button-restore | -moz-window-frame-bottom | -moz-window-frame-left | -moz-window-frame-right | -moz-window-titlebar | -moz-window-titlebar-maximized",
"relevance": 0,
"description": "Used in Gecko (Firefox) to display an element using a platform-native styling based on the operating system's theme.",
"restrictions": [
"enum"
]
},
{
"name": "-moz-backface-visibility",
"browsers": [
"FF10"
],
"values": [
{
"name": "hidden"
},
{
"name": "visible"
}
],
"relevance": 50,
"description": "Determines whether or not the 'back' side of a transformed element is visible when facing the viewer. With an identity transform, the front side of an element faces the viewer.",
"restrictions": [
"enum"
]
},
{
"name": "-moz-background-clip",
"browsers": [
"FF1-3.6"
],
"values": [
{
"name": "padding"
}
],
"relevance": 50,
"description": "Determines the background painting area.",
"restrictions": [
"box",
"enum"
]
},
{
"name": "-moz-background-inline-policy",
"browsers": [
"FF1"
],
"values": [
{
"name": "bounding-box"
},
{
"name": "continuous"
},
{
"name": "each-box"
}
],
"relevance": 50,
"description": "In Gecko-based applications like Firefox, the -moz-background-inline-policy CSS property specifies how the background image of an inline element is determined when the content of the inline element wraps onto multiple lines. The choice of position has significant effects on repetition.",
"restrictions": [
"enum"
]
},
{
"name": "-moz-background-origin",
"browsers": [
"FF1"
],
"relevance": 50,
"description": "For elements rendered as a single box, specifies the background positioning area. For elements rendered as multiple boxes (e.g., inline boxes on several lines, boxes on several pages) specifies which boxes 'box-decoration-break' operates on to determine the background positioning area(s).",
"restrictions": [
"box"
]
},
{
"name": "-moz-border-bottom-colors",
"browsers": [
"FF1"
],
"status": "nonstandard",
"syntax": "<color>+ | none",
"relevance": 0,
"description": "Sets a list of colors for the bottom border.",
"restrictions": [
"color"
]
},
{
"name": "-moz-border-image",
"browsers": [
"FF3.6"
],
"values": [
{
"name": "auto",
"description": "If 'auto' is specified then the border image width is the intrinsic width or height (whichever is applicable) of the corresponding image slice. If the image does not have the required intrinsic dimension then the corresponding border-width is used instead."
},
{
"name": "fill",
"description": "Causes the middle part of the border-image to be preserved."
},
{
"name": "none"
},
{
"name": "repeat",
"description": "The image is tiled (repeated) to fill the area."
},
{
"name": "round",
"description": "The image is tiled (repeated) to fill the area. If it does not fill the area with a whole number of tiles, the image is rescaled so that it does."
},
{
"name": "space",
"description": "The image is tiled (repeated) to fill the area. If it does not fill the area with a whole number of tiles, the extra space is distributed around the tiles."
},
{
"name": "stretch",
"description": "The image is stretched to fill the area."
},
{
"name": "url()"
}
],
"relevance": 50,
"description": "Shorthand property for setting 'border-image-source', 'border-image-slice', 'border-image-width', 'border-image-outset' and 'border-image-repeat'. Omitted values are set to their initial values.",
"restrictions": [
"length",
"percentage",
"number",
"url",
"enum"
]
},
{
"name": "-moz-border-left-colors",
"browsers": [
"FF1"
],
"status": "nonstandard",
"syntax": "<color>+ | none",
"relevance": 0,
"description": "Sets a list of colors for the bottom border.",
"restrictions": [
"color"
]
},
{
"name": "-moz-border-right-colors",
"browsers": [
"FF1"
],
"status": "nonstandard",
"syntax": "<color>+ | none",
"relevance": 0,
"description": "Sets a list of colors for the bottom border.",
"restrictions": [
"color"
]
},
{
"name": "-moz-border-top-colors",
"browsers": [
"FF1"
],
"status": "nonstandard",
"syntax": "<color>+ | none",
"relevance": 0,
"description": "Ske Firefox, -moz-border-bottom-colors sets a list of colors for the bottom border.",
"restrictions": [
"color"
]
},
{
"name": "-moz-box-align",
"browsers": [
"FF1"
],
"values": [
{
"name": "baseline",
"description": "If this box orientation is inline-axis or horizontal, all children are placed with their baselines aligned, and extra space placed before or after as necessary. For block flows, the baseline of the first non-empty line box located within the element is used. For tables, the baseline of the first cell is used."
},
{
"name": "center",
"description": "Any extra space is divided evenly, with half placed above the child and the other half placed after the child."
},
{
"name": "end",
"description": "For normal direction boxes, the bottom edge of each child is placed along the bottom of the box. Extra space is placed above the element. For reverse direction boxes, the top edge of each child is placed along the top of the box. Extra space is placed below the element."
},
{
"name": "start",
"description": "For normal direction boxes, the top edge of each child is placed along the top of the box. Extra space is placed below the element. For reverse direction boxes, the bottom edge of each child is placed along the bottom of the box. Extra space is placed above the element."
},
{
"name": "stretch",
"description": "The height of each child is adjusted to that of the containing block."
}
],
"relevance": 50,
"description": "Specifies how a XUL box aligns its contents across (perpendicular to) the direction of its layout. The effect of this is only visible if there is extra space in the box.",
"restrictions": [
"enum"
]
},
{
"name": "-moz-box-direction",
"browsers": [
"FF1"
],
"values": [
{
"name": "normal",
"description": "A box with a computed value of horizontal for box-orient displays its children from left to right. A box with a computed value of vertical displays its children from top to bottom."
},
{
"name": "reverse",
"description": "A box with a computed value of horizontal for box-orient displays its children from right to left. A box with a computed value of vertical displays its children from bottom to top."
}
],
"relevance": 50,
"description": "Specifies whether a box lays out its contents normally (from the top or left edge), or in reverse (from the bottom or right edge).",
"restrictions": [
"enum"
]
},
{
"name": "-moz-box-flex",
"browsers": [
"FF1"
],
"relevance": 50,
"description": "Specifies how a box grows to fill the box that contains it, in the direction of the containing box's layout.",
"restrictions": [
"number"
]
},
{
"name": "-moz-box-flexgroup",
"browsers": [
"FF1"
],
"relevance": 50,
"description": "Flexible elements can be assigned to flex groups using the 'box-flex-group' property.",
"restrictions": [
"integer"
]
},
{
"name": "-moz-box-ordinal-group",
"browsers": [
"FF1"
],
"relevance": 50,
"description": "Indicates the ordinal group the element belongs to. Elements with a lower ordinal group are displayed before those with a higher ordinal group.",
"restrictions": [
"integer"
]
},
{
"name": "-moz-box-orient",
"browsers": [
"FF1"
],
"values": [
{
"name": "block-axis",
"description": "Elements are oriented along the box's axis."
},
{
"name": "horizontal",
"description": "The box displays its children from left to right in a horizontal line."
},
{
"name": "inline-axis",
"description": "Elements are oriented vertically."
},
{
"name": "vertical",
"description": "The box displays its children from stacked from top to bottom vertically."
}
],
"relevance": 50,
"description": "In Mozilla applications, -moz-box-orient specifies whether a box lays out its contents horizontally or vertically.",
"restrictions": [
"enum"
]
},
{
"name": "-moz-box-pack",
"browsers": [
"FF1"
],
"values": [
{
"name": "center",
"description": "The extra space is divided evenly, with half placed before the first child and the other half placed after the last child."
},
{
"name": "end",
"description": "For normal direction boxes, the right edge of the last child is placed at the right side, with all extra space placed before the first child. For reverse direction boxes, the left edge of the first child is placed at the left side, with all extra space placed after the last child."
},
{
"name": "justify",
"description": "The space is divided evenly in-between each child, with none of the extra space placed before the first child or after the last child. If there is only one child, treat the pack value as if it were start."
},
{
"name": "start",
"description": "For normal direction boxes, the left edge of the first child is placed at the left side, with all extra space placed after the last child. For reverse direction boxes, the right edge of the last child is placed at the right side, with all extra space placed before the first child."
}
],
"relevance": 50,
"description": "Specifies how a box packs its contents in the direction of its layout. The effect of this is only visible if there is extra space in the box.",
"restrictions": [
"enum"
]
},
{
"name": "-moz-box-sizing",
"browsers": [
"FF1"
],
"values": [
{
"name": "border-box",
"description": "The specified width and height (and respective min/max properties) on this element determine the border box of the element."
},
{
"name": "content-box",
"description": "Behavior of width and height as specified by CSS2.1. The specified width and height (and respective min/max properties) apply to the width and height respectively of the content box of the element."
},
{
"name": "padding-box",
"description": "The specified width and height (and respective min/max properties) on this element determine the padding box of the element."
}
],
"relevance": 50,
"description": "Box Model addition in CSS3.",
"restrictions": [
"enum"
]
},
{
"name": "-moz-column-count",
"browsers": [
"FF3.5"
],
"values": [
{
"name": "auto",
"description": "Determines the number of columns by the 'column-width' property and the element width."
}
],
"relevance": 50,
"description": "Describes the optimal number of columns into which the content of the element will be flowed.",
"restrictions": [
"integer"
]
},
{
"name": "-moz-column-gap",
"browsers": [
"FF3.5"
],
"values": [
{
"name": "normal",
"description": "User agent specific and typically equivalent to 1em."
}
],
"relevance": 50,
"description": "Sets the gap between columns. If there is a column rule between columns, it will appear in the middle of the gap.",
"restrictions": [
"length"
]
},
{
"name": "-moz-column-rule",
"browsers": [
"FF3.5"
],
"relevance": 50,
"description": "Shorthand for setting 'column-rule-width', 'column-rule-style', and 'column-rule-color' at the same place in the style sheet. Omitted values are set to their initial values.",
"restrictions": [
"length",
"line-width",
"line-style",
"color"
]
},
{
"name": "-moz-column-rule-color",
"browsers": [
"FF3.5"
],
"relevance": 50,
"description": "Sets the color of the column rule",
"restrictions": [
"color"
]
},
{
"name": "-moz-column-rule-style",
"browsers": [
"FF3.5"
],
"relevance": 50,
"description": "Sets the style of the rule between columns of an element.",
"restrictions": [
"line-style"
]
},
{
"name": "-moz-column-rule-width",
"browsers": [
"FF3.5"
],
"relevance": 50,
"description": "Sets the width of the rule between columns. Negative values are not allowed.",
"restrictions": [
"length",
"line-width"
]
},
{
"name": "-moz-columns",
"browsers": [
"FF9"
],
"values": [
{
"name": "auto",
"description": "The width depends on the values of other properties."
}
],
"relevance": 50,
"description": "A shorthand property which sets both 'column-width' and 'column-count'.",
"restrictions": [
"length",
"integer"
]
},
{
"name": "-moz-column-width",
"browsers": [
"FF3.5"
],
"values": [
{
"name": "auto",
"description": "The width depends on the values of other properties."
}
],
"relevance": 50,
"description": "This property describes the width of columns in multicol elements.",
"restrictions": [
"length"
]
},
{
"name": "-moz-font-feature-settings",
"browsers": [
"FF4"
],
"values": [
{
"name": "\"c2cs\""
},
{
"name": "\"dlig\""
},
{
"name": "\"kern\""
},
{
"name": "\"liga\""
},
{
"name": "\"lnum\""
},
{
"name": "\"onum\""
},
{
"name": "\"smcp\""
},
{
"name": "\"swsh\""
},
{
"name": "\"tnum\""
},
{
"name": "normal",
"description": "No change in glyph substitution or positioning occurs."
},
{
"name": "off",
"browsers": [
"FF4"
]
},
{
"name": "on",
"browsers": [
"FF4"
]
}
],
"relevance": 50,
"description": "Provides low-level control over OpenType font features. It is intended as a way of providing access to font features that are not widely used but are needed for a particular use case.",
"restrictions": [
"string",
"integer"
]
},
{
"name": "-moz-hyphens",
"browsers": [
"FF9"
],
"values": [
{
"name": "auto",
"description": "Conditional hyphenation characters inside a word, if present, take priority over automatic resources when determining hyphenation points within the word."
},
{
"name": "manual",
"description": "Words are only broken at line breaks where there are characters inside the word that suggest line break opportunities"
},
{
"name": "none",
"description": "Words are not broken at line breaks, even if characters inside the word suggest line break points."
}
],
"relevance": 50,
"description": "Controls whether hyphenation is allowed to create more break opportunities within a line of text.",
"restrictions": [
"enum"
]
},
{
"name": "-moz-perspective",
"browsers": [
"FF10"
],
"values": [
{
"name": "none",
"description": "No perspective transform is applied."
}
],
"relevance": 50,
"description": "Applies the same transform as the perspective(<number>) transform function, except that it applies only to the positioned or transformed children of the element, not to the transform on the element itself.",
"restrictions": [
"length"
]
},
{
"name": "-moz-perspective-origin",
"browsers": [
"FF10"
],
"relevance": 50,
"description": "Establishes the origin for the perspective property. It effectively sets the X and Y position at which the viewer appears to be looking at the children of the element.",
"restrictions": [
"position",
"percentage",
"length"
]
},
{
"name": "-moz-text-align-last",
"browsers": [
"FF12"
],
"values": [
{
"name": "auto"
},
{
"name": "center",
"description": "The inline contents are centered within the line box."
},
{
"name": "justify",
"description": "The text is justified according to the method specified by the 'text-justify' property."
},
{
"name": "left",
"description": "The inline contents are aligned to the left edge of the line box. In vertical text, 'left' aligns to the edge of the line box that would be the start edge for left-to-right text."
},
{
"name": "right",
"description": "The inline contents are aligned to the right edge of the line box. In vertical text, 'right' aligns to the edge of the line box that would be the end edge for left-to-right text."
}
],
"relevance": 50,
"description": "Describes how the last line of a block or a line right before a forced line break is aligned when 'text-align' is set to 'justify'.",
"restrictions": [
"enum"
]
},
{
"name": "-moz-text-decoration-color",
"browsers": [
"FF6"
],
"relevance": 50,
"description": "Specifies the color of text decoration (underlines overlines, and line-throughs) set on the element with text-decoration-line.",
"restrictions": [
"color"
]
},
{
"name": "-moz-text-decoration-line",
"browsers": [
"FF6"
],
"values": [
{
"name": "line-through",
"description": "Each line of text has a line through the middle."
},
{
"name": "none",
"description": "Neither produces nor inhibits text decoration."
},
{
"name": "overline",
"description": "Each line of text has a line above it."
},
{
"name": "underline",
"description": "Each line of text is underlined."
}
],
"relevance": 50,
"description": "Specifies what line decorations, if any, are added to the element.",
"restrictions": [
"enum"
]
},
{
"name": "-moz-text-decoration-style",
"browsers": [
"FF6"
],
"values": [
{
"name": "dashed",
"description": "Produces a dashed line style."
},
{
"name": "dotted",
"description": "Produces a dotted line."
},
{
"name": "double",
"description": "Produces a double line."
},
{
"name": "none",
"description": "Produces no line."
},
{
"name": "solid",
"description": "Produces a solid line."
},
{
"name": "wavy",
"description": "Produces a wavy line."
}
],
"relevance": 50,
"description": "Specifies the line style for underline, line-through and overline text decoration.",
"restrictions": [
"enum"
]
},
{
"name": "-moz-text-size-adjust",
"browsers": [
"FF"
],
"values": [
{
"name": "auto",
"description": "Renderers must use the default size adjustment when displaying on a small device."
},
{
"name": "none",
"description": "Renderers must not do size adjustment when displaying on a small device."
}
],
"relevance": 50,
"description": "Specifies a size adjustment for displaying text content in mobile browsers.",
"restrictions": [
"enum",
"percentage"
]
},
{
"name": "-moz-transform",
"browsers": [
"FF3.5"
],
"values": [
{
"name": "matrix()",
"description": "Specifies a 2D transformation in the form of a transformation matrix of six values. matrix(a,b,c,d,e,f) is equivalent to applying the transformation matrix [a b c d e f]"
},
{
"name": "matrix3d()",
"description": "Specifies a 3D transformation as a 4x4 homogeneous matrix of 16 values in column-major order."
},
{
"name": "none"
},
{
"name": "perspective",
"description": "Specifies a perspective projection matrix."
},
{
"name": "rotate()",
"description": "Specifies a 2D rotation by the angle specified in the parameter about the origin of the element, as defined by the transform-origin property."
},
{
"name": "rotate3d()",
"description": "Specifies a clockwise 3D rotation by the angle specified in last parameter about the [x,y,z] direction vector described by the first 3 parameters."
},
{
"name": "rotateX('angle')",
"description": "Specifies a clockwise rotation by the given angle about the X axis."
},
{
"name": "rotateY('angle')",
"description": "Specifies a clockwise rotation by the given angle about the Y axis."
},
{
"name": "rotateZ('angle')",
"description": "Specifies a clockwise rotation by the given angle about the Z axis."
},
{
"name": "scale()",
"description": "Specifies a 2D scale operation by the [sx,sy] scaling vector described by the 2 parameters. If the second parameter is not provided, it is takes a value equal to the first."
},
{
"name": "scale3d()",
"description": "Specifies a 3D scale operation by the [sx,sy,sz] scaling vector described by the 3 parameters."
},
{
"name": "scaleX()",
"description": "Specifies a scale operation using the [sx,1] scaling vector, where sx is given as the parameter."
},
{
"name": "scaleY()",
"description": "Specifies a scale operation using the [sy,1] scaling vector, where sy is given as the parameter."
},
{
"name": "scaleZ()",
"description": "Specifies a scale operation using the [1,1,sz] scaling vector, where sz is given as the parameter."
},
{
"name": "skew()",
"description": "Specifies a skew transformation along the X and Y axes. The first angle parameter specifies the skew on the X axis. The second angle parameter specifies the skew on the Y axis. If the second parameter is not given then a value of 0 is used for the Y angle (ie: no skew on the Y axis)."
},
{
"name": "skewX()",
"description": "Specifies a skew transformation along the X axis by the given angle."
},
{
"name": "skewY()",
"description": "Specifies a skew transformation along the Y axis by the given angle."
},
{
"name": "translate()",
"description": "Specifies a 2D translation by the vector [tx, ty], where tx is the first translation-value parameter and ty is the optional second translation-value parameter."
},
{
"name": "translate3d()",
"description": "Specifies a 3D translation by the vector [tx,ty,tz], with tx, ty and tz being the first, second and third translation-value parameters respectively."
},
{
"name": "translateX()",
"description": "Specifies a translation by the given amount in the X direction."
},
{
"name": "translateY()",
"description": "Specifies a translation by the given amount in the Y direction."
},
{
"name": "translateZ()",
"description": "Specifies a translation by the given amount in the Z direction. Note that percentage values are not allowed in the translateZ translation-value, and if present are evaluated as 0."
}
],
"relevance": 50,
"description": "A two-dimensional transformation is applied to an element through the 'transform' property. This property contains a list of transform functions similar to those allowed by SVG.",
"restrictions": [
"enum"
]
},
{
"name": "-moz-transform-origin",
"browsers": [
"FF3.5"
],
"relevance": 50,
"description": "Establishes the origin of transformation for an element.",
"restrictions": [
"position",
"length",
"percentage"
]
},
{
"name": "-moz-transition",
"browsers": [
"FF4"
],
"values": [
{
"name": "all",
"description": "Every property that is able to undergo a transition will do so."
},
{
"name": "none",
"description": "No property will transition."
}
],
"relevance": 50,
"description": "Shorthand property combines four of the transition properties into a single property.",
"restrictions": [
"time",
"property",
"timing-function",
"enum"
]
},
{
"name": "-moz-transition-delay",
"browsers": [
"FF4"
],
"relevance": 50,
"description": "Defines when the transition will start. It allows a transition to begin execution some period of time from when it is applied.",
"restrictions": [
"time"
]
},
{
"name": "-moz-transition-duration",
"browsers": [
"FF4"
],
"relevance": 50,
"description": "Specifies how long the transition from the old value to the new value should take.",
"restrictions": [
"time"
]
},
{
"name": "-moz-transition-property",
"browsers": [
"FF4"
],
"values": [
{
"name": "all",
"description": "Every property that is able to undergo a transition will do so."
},
{
"name": "none",
"description": "No property will transition."
}
],
"relevance": 50,
"description": "Specifies the name of the CSS property to which the transition is applied.",
"restrictions": [
"property"
]
},
{
"name": "-moz-transition-timing-function",
"browsers": [
"FF4"
],
"relevance": 50,
"description": "Describes how the intermediate values used during a transition will be calculated.",
"restrictions": [
"timing-function"
]
},
{
"name": "-moz-user-focus",
"browsers": [
"FF1"
],
"values": [
{
"name": "ignore"
},
{
"name": "normal"
}
],
"status": "nonstandard",
"syntax": "ignore | normal | select-after | select-before | select-menu | select-same | select-all | none",
"relevance": 0,
"references": [
{
"name": "MDN Reference",
"url": "https://developer.mozilla.org/docs/Web/CSS/-moz-user-focus"
}
],
"description": "Used to indicate whether the element can have focus."
},
{
"name": "-moz-user-select",
"browsers": [
"FF1.5"
],
"values": [
{
"name": "all"
},
{
"name": "element"
},
{
"name": "elements"
},
{
"name": "-moz-all"
},
{
"name": "-moz-none"
},
{
"name": "none"
},
{
"name": "text"
},
{
"name": "toggle"
}
],
"relevance": 50,
"description": "Controls the appearance of selection.",
"restrictions": [
"enum"
]
},
{
"name": "-ms-accelerator",
"browsers": [
"E",
"IE10"
],
"values": [
{
"name": "false",
"description": "The element does not contain an accelerator key sequence."
},
{
"name": "true",
"description": "The element contains an accelerator key sequence."
}
],
"status": "nonstandard",
"syntax": "false | true",
"relevance": 0,
"description": "IE only. Has the ability to turn off its system underlines for accelerator keys until the ALT key is pressed",
"restrictions": [
"enum"
]
},
{
"name": "-ms-behavior",
"browsers": [
"IE8"
],
"relevance": 50,
"description": "IE only. Used to extend behaviors of the browser",
"restrictions": [
"url"
]
},
{
"name": "-ms-block-progression",
"browsers": [
"IE8"
],
"values": [
{
"name": "bt",
"description": "Bottom-to-top block flow. Layout is horizontal."
},
{
"name": "lr",
"description": "Left-to-right direction. The flow orientation is vertical."
},
{
"name": "rl",
"description": "Right-to-left direction. The flow orientation is vertical."
},
{
"name": "tb",
"description": "Top-to-bottom direction. The flow orientation is horizontal."
}
],
"status": "nonstandard",
"syntax": "tb | rl | bt | lr",
"relevance": 0,
"description": "Sets the block-progression value and the flow orientation",
"restrictions": [
"enum"
]
},
{
"name": "-ms-content-zoom-chaining",
"browsers": [
"E",
"IE10"
],
"values": [
{
"name": "chained",
"description": "The nearest zoomable parent element begins zooming when the user hits a zoom limit during a manipulation. No bounce effect is shown."
},
{
"name": "none",
"description": "A bounce effect is shown when the user hits a zoom limit during a manipulation."
}
],
"status": "nonstandard",
"syntax": "none | chained",
"relevance": 0,
"description": "Specifies the zoom behavior that occurs when a user hits the zoom limit during a manipulation."
},
{
"name": "-ms-content-zooming",
"browsers": [
"E",
"IE10"
],
"values": [
{
"name": "none",
"description": "The element is not zoomable."
},
{
"name": "zoom",
"description": "The element is zoomable."
}
],
"status": "nonstandard",
"syntax": "none | zoom",
"relevance": 0,
"description": "Specifies whether zooming is enabled.",
"restrictions": [
"enum"
]
},
{
"name": "-ms-content-zoom-limit",
"browsers": [
"E",
"IE10"
],
"status": "nonstandard",
"syntax": "<'-ms-content-zoom-limit-min'> <'-ms-content-zoom-limit-max'>",
"relevance": 0,
"description": "Shorthand property for the -ms-content-zoom-limit-min and -ms-content-zoom-limit-max properties.",
"restrictions": [
"percentage"
]
},
{
"name": "-ms-content-zoom-limit-max",
"browsers": [
"E",
"IE10"
],
"status": "nonstandard",
"syntax": "<percentage>",
"relevance": 0,
"description": "Specifies the maximum zoom factor.",
"restrictions": [
"percentage"
]
},
{
"name": "-ms-content-zoom-limit-min",
"browsers": [
"E",
"IE10"
],
"status": "nonstandard",
"syntax": "<percentage>",
"relevance": 0,
"description": "Specifies the minimum zoom factor.",
"restrictions": [
"percentage"
]
},
{
"name": "-ms-content-zoom-snap",
"browsers": [
"E",
"IE10"
],
"values": [
{
"name": "mandatory",
"description": "Indicates that the motion of the content after the contact is picked up is always adjusted so that it lands on a snap-point."
},
{
"name": "none",
"description": "Indicates that zooming is unaffected by any defined snap-points."
},
{
"name": "proximity",
"description": "Indicates that the motion of the content after the contact is picked up may be adjusted if the content would normally stop \"close enough\" to a snap-point."
},
{
"name": "snapInterval(100%, 100%)",
"description": "Specifies where the snap-points will be placed."
},
{
"name": "snapList()",
"description": "Specifies the position of individual snap-points as a comma-separated list of zoom factors."
}
],
"status": "nonstandard",
"syntax": "<'-ms-content-zoom-snap-type'> || <'-ms-content-zoom-snap-points'>",
"relevance": 0,
"description": "Shorthand property for the -ms-content-zoom-snap-type and -ms-content-zoom-snap-points properties."
},
{
"name": "-ms-content-zoom-snap-points",
"browsers": [
"E",
"IE10"
],
"values": [
{
"name": "snapInterval(100%, 100%)",
"description": "Specifies where the snap-points will be placed."
},
{
"name": "snapList()",
"description": "Specifies the position of individual snap-points as a comma-separated list of zoom factors."
}
],
"status": "nonstandard",
"syntax": "snapInterval( <percentage>, <percentage> ) | snapList( <percentage># )",
"relevance": 0,
"description": "Defines where zoom snap-points are located."
},
{
"name": "-ms-content-zoom-snap-type",
"browsers": [
"E",
"IE10"
],
"values": [
{
"name": "mandatory",
"description": "Indicates that the motion of the content after the contact is picked up is always adjusted so that it lands on a snap-point."
},
{
"name": "none",
"description": "Indicates that zooming is unaffected by any defined snap-points."
},
{
"name": "proximity",
"description": "Indicates that the motion of the content after the contact is picked up may be adjusted if the content would normally stop \"close enough\" to a snap-point."
}
],
"status": "nonstandard",
"syntax": "none | proximity | mandatory",
"relevance": 0,
"description": "Specifies how zooming is affected by defined snap-points.",
"restrictions": [
"enum"
]
},
{
"name": "-ms-filter",
"browsers": [
"IE8-9"
],
"status": "nonstandard",
"syntax": "<string>",
"relevance": 0,
"description": "IE only. Used to produce visual effects.",
"restrictions": [
"string"
]
},
{
"name": "-ms-flex",
"browsers": [
"IE10"
],
"values": [
{
"name": "auto",
"description": "Retrieves the value of the main size property as the used 'flex-basis'."
},
{
"name": "none",
"description": "Expands to '0 0 auto'."
}
],
"relevance": 50,
"description": "specifies the parameters of a flexible length: the positive and negative flexibility, and the preferred size.",
"restrictions": [
"length",
"number",
"percentage"
]
},
{
"name": "-ms-flex-align",
"browsers": [
"IE10"
],
"values": [
{
"name": "baseline",
"description": "If the flex item's inline axis is the same as the cross axis, this value is identical to 'flex-start'. Otherwise, it participates in baseline alignment."
},
{
"name": "center",
"description": "The flex item's margin box is centered in the cross axis within the line."
},
{
"name": "end",
"description": "The cross-end margin edge of the flex item is placed flush with the cross-end edge of the line."
},
{
"name": "start",
"description": "The cross-start margin edge of the flexbox item is placed flush with the cross-start edge of the line."
},
{
"name": "stretch",
"description": "If the cross size property of the flexbox item is anything other than 'auto', this value is identical to 'start'."
}
],
"relevance": 50,
"description": "Aligns flex items along the cross axis of the current line of the flex container.",
"restrictions": [
"enum"
]
},
{
"name": "-ms-flex-direction",
"browsers": [
"IE10"
],
"values": [
{
"name": "column",
"description": "The flex container's main axis has the same orientation as the block axis of the current writing mode."
},
{
"name": "column-reverse",
"description": "Same as 'column', except the main-start and main-end directions are swapped."
},
{
"name": "row",
"description": "The flex container's main axis has the same orientation as the inline axis of the current writing mode."
},
{
"name": "row-reverse",
"description": "Same as 'row', except the main-start and main-end directions are swapped."
}
],
"relevance": 50,
"description": "Specifies how flex items are placed in the flex container, by setting the direction of the flex container's main axis.",
"restrictions": [
"enum"
]
},
{
"name": "-ms-flex-flow",
"browsers": [
"IE10"
],
"values": [
{
"name": "column",
"description": "The flex container's main axis has the same orientation as the block axis of the current writing mode."
},
{
"name": "column-reverse",
"description": "Same as 'column', except the main-start and main-end directions are swapped."
},
{
"name": "nowrap",
"description": "The flex container is single-line."
},
{
"name": "row",
"description": "The flex container's main axis has the same orientation as the inline axis of the current writing mode."
},
{
"name": "wrap",
"description": "The flexbox is multi-line."
},
{
"name": "wrap-reverse",
"description": "Same as 'wrap', except the cross-start and cross-end directions are swapped."
}
],
"relevance": 50,
"description": "Specifies how flexbox items are placed in the flexbox.",
"restrictions": [
"enum"
]
},
{
"name": "-ms-flex-item-align",
"browsers": [
"IE10"
],
"values": [
{
"name": "auto",
"description": "Computes to the value of 'align-items' on the element's parent, or 'stretch' if the element has no parent. On absolutely positioned elements, it computes to itself."
},
{
"name": "baseline",
"description": "If the flex item's inline axis is the same as the cross axis, this value is identical to 'flex-start'. Otherwise, it participates in baseline alignment."
},
{
"name": "center",
"description": "The flex item's margin box is centered in the cross axis within the line."
},
{
"name": "end",
"description": "The cross-end margin edge of the flex item is placed flush with the cross-end edge of the line."
},
{
"name": "start",
"description": "The cross-start margin edge of the flex item is placed flush with the cross-start edge of the line."
},
{
"name": "stretch",
"description": "If the cross size property of the flex item computes to auto, and neither of the cross-axis margins are auto, the flex item is stretched."
}
],
"relevance": 50,
"description": "Allows the default alignment along the cross axis to be overridden for individual flex items.",
"restrictions": [
"enum"
]
},
{
"name": "-ms-flex-line-pack",
"browsers": [
"IE10"
],
"values": [
{
"name": "center",
"description": "Lines are packed toward the center of the flex container."
},
{
"name": "distribute",
"description": "Lines are evenly distributed in the flex container, with half-size spaces on either end."
},
{
"name": "end",
"description": "Lines are packed toward the end of the flex container."
},
{
"name": "justify",
"description": "Lines are evenly distributed in the flex container."
},
{
"name": "start",
"description": "Lines are packed toward the start of the flex container."
},
{
"name": "stretch",
"description": "Lines stretch to take up the remaining space."
}
],
"relevance": 50,
"description": "Aligns a flex container's lines within the flex container when there is extra space in the cross-axis, similar to how 'justify-content' aligns individual items within the main-axis.",
"restrictions": [
"enum"
]
},
{
"name": "-ms-flex-order",
"browsers": [
"IE10"
],
"relevance": 50,
"description": "Controls the order in which children of a flex container appear within the flex container, by assigning them to ordinal groups.",
"restrictions": [
"integer"
]
},
{
"name": "-ms-flex-pack",
"browsers": [
"IE10"
],
"values": [
{
"name": "center",
"description": "Flex items are packed toward the center of the line."
},
{
"name": "distribute",
"description": "Flex items are evenly distributed in the line, with half-size spaces on either end."
},
{
"name": "end",
"description": "Flex items are packed toward the end of the line."
},
{
"name": "justify",
"description": "Flex items are evenly distributed in the line."
},
{
"name": "start",
"description": "Flex items are packed toward the start of the line."
}
],
"relevance": 50,
"description": "Aligns flex items along the main axis of the current line of the flex container.",
"restrictions": [
"enum"
]
},
{
"name": "-ms-flex-wrap",
"browsers": [
"IE10"
],
"values": [
{
"name": "nowrap",
"description": "The flex container is single-line."
},
{
"name": "wrap",
"description": "The flexbox is multi-line."
},
{
"name": "wrap-reverse",
"description": "Same as 'wrap', except the cross-start and cross-end directions are swapped."
}
],
"relevance": 50,
"description": "Controls whether the flex container is single-line or multi-line, and the direction of the cross-axis, which determines the direction new lines are stacked in.",
"restrictions": [
"enum"
]
},
{
"name": "-ms-flow-from",
"browsers": [
"E",
"IE10"
],
"values": [
{
"name": "none",
"description": "The block container is not a CSS Region."
}
],
"status": "nonstandard",
"syntax": "[ none | <custom-ident> ]#",
"relevance": 0,
"description": "Makes a block container a region and associates it with a named flow.",
"restrictions": [
"identifier"
]
},
{
"name": "-ms-flow-into",
"browsers": [
"E",
"IE10"
],
"values": [
{
"name": "none",
"description": "The element is not moved to a named flow and normal CSS processing takes place."
}
],
"status": "nonstandard",
"syntax": "[ none | <custom-ident> ]#",
"relevance": 0,
"description": "Places an element or its contents into a named flow.",
"restrictions": [
"identifier"
]
},
{
"name": "-ms-grid-column",
"browsers": [
"E",
"IE10"
],
"values": [
{
"name": "auto"
},
{
"name": "end"
},
{
"name": "start"
}
],
"relevance": 50,
"description": "Used to place grid items and explicitly defined grid cells in the Grid.",
"restrictions": [
"integer",
"string",
"enum"
]
},
{
"name": "-ms-grid-column-align",
"browsers": [
"E",
"IE10"
],
"values": [
{
"name": "center",
"description": "Places the center of the Grid Item's margin box at the center of the Grid Item's column."
},
{
"name": "end",
"description": "Aligns the end edge of the Grid Item's margin box to the end edge of the Grid Item's column."
},
{
"name": "start",
"description": "Aligns the starting edge of the Grid Item's margin box to the starting edge of the Grid Item's column."
},
{
"name": "stretch",
"description": "Ensures that the Grid Item's margin box is equal to the size of the Grid Item's column."
}
],
"relevance": 50,
"description": "Aligns the columns in a grid.",
"restrictions": [
"enum"
]
},
{
"name": "-ms-grid-columns",
"browsers": [
"E",
"IE10"
],
"status": "nonstandard",
"syntax": "none | <track-list> | <auto-track-list>",
"relevance": 0,
"description": "Lays out the columns of the grid."
},
{
"name": "-ms-grid-column-span",
"browsers": [
"E",
"IE10"
],
"relevance": 50,
"description": "Specifies the number of columns to span.",
"restrictions": [
"integer"
]
},
{
"name": "-ms-grid-layer",
"browsers": [
"E",
"IE10"
],
"relevance": 50,
"description": "Grid-layer is similar in concept to z-index, but avoids overloading the meaning of the z-index property, which is applicable only to positioned elements.",
"restrictions": [
"integer"
]
},
{
"name": "-ms-grid-row",
"browsers": [
"E",
"IE10"
],
"values": [
{
"name": "auto"
},
{
"name": "end"
},
{
"name": "start"
}
],
"relevance": 50,
"description": "grid-row is used to place grid items and explicitly defined grid cells in the Grid.",
"restrictions": [
"integer",
"string",
"enum"
]
},
{
"name": "-ms-grid-row-align",
"browsers": [
"E",
"IE10"
],
"values": [
{
"name": "center",
"description": "Places the center of the Grid Item's margin box at the center of the Grid Item's row."
},
{
"name": "end",
"description": "Aligns the end edge of the Grid Item's margin box to the end edge of the Grid Item's row."
},
{
"name": "start",
"description": "Aligns the starting edge of the Grid Item's margin box to the starting edge of the Grid Item's row."
},
{
"name": "stretch",
"description": "Ensures that the Grid Item's margin box is equal to the size of the Grid Item's row."
}
],
"relevance": 50,
"description": "Aligns the rows in a grid.",
"restrictions": [
"enum"
]
},
{
"name": "-ms-grid-rows",
"browsers": [
"E",
"IE10"
],
"status": "nonstandard",
"syntax": "none | <track-list> | <auto-track-list>",
"relevance": 0,
"description": "Lays out the columns of the grid."
},
{
"name": "-ms-grid-row-span",
"browsers": [
"E",
"IE10"
],
"relevance": 50,
"description": "Specifies the number of rows to span.",
"restrictions": [
"integer"
]
},
{
"name": "-ms-high-contrast-adjust",
"browsers": [
"E",
"IE10"
],
"values": [
{
"name": "auto",
"description": "Properties will be adjusted as applicable."
},
{
"name": "none",
"description": "No adjustments will be applied."
}
],
"status": "nonstandard",
"syntax": "auto | none",
"relevance": 0,
"description": "Specifies if properties should be adjusted in high contrast mode.",
"restrictions": [
"enum"
]
},
{
"name": "-ms-hyphenate-limit-chars",
"browsers": [
"E",
"IE10"
],
"values": [
{
"name": "auto",
"description": "The user agent chooses a value that adapts to the current layout."
}
],
"status": "nonstandard",
"syntax": "auto | <integer>{1,3}",
"relevance": 0,
"description": "Specifies the minimum number of characters in a hyphenated word.",
"restrictions": [
"integer"
]
},
{
"name": "-ms-hyphenate-limit-lines",
"browsers": [
"E",
"IE10"
],
"values": [
{
"name": "no-limit",
"description": "There is no limit."
}
],
"status": "nonstandard",
"syntax": "no-limit | <integer>",
"relevance": 0,
"description": "Indicates the maximum number of successive hyphenated lines in an element.",
"restrictions": [
"integer"
]
},
{
"name": "-ms-hyphenate-limit-zone",
"browsers": [
"E",
"IE10"
],
"status": "nonstandard",
"syntax": "<percentage> | <length>",
"relevance": 0,
"description": "Specifies the maximum amount of unfilled space (before justification) that may be left in the line box before hyphenation is triggered to pull part of a word from the next line back up into the current line.",
"restrictions": [
"percentage",
"length"
]
},
{
"name": "-ms-hyphens",
"browsers": [
"E",
"IE10"
],
"values": [
{
"name": "auto",
"description": "Conditional hyphenation characters inside a word, if present, take priority over automatic resources when determining hyphenation points within the word."
},
{
"name": "manual",
"description": "Words are only broken at line breaks where there are characters inside the word that suggest line break opportunities"
},
{
"name": "none",
"description": "Words are not broken at line breaks, even if characters inside the word suggest line break points."
}
],
"relevance": 50,
"description": "Controls whether hyphenation is allowed to create more break opportunities within a line of text.",
"restrictions": [
"enum"
]
},
{
"name": "-ms-ime-mode",
"browsers": [
"IE10"
],
"values": [
{
"name": "active",
"description": "The input method editor is initially active; text entry is performed using it unless the user specifically dismisses it."
},
{
"name": "auto",
"description": "No change is made to the current input method editor state. This is the default."
},
{
"name": "disabled",
"description": "The input method editor is disabled and may not be activated by the user."
},
{
"name": "inactive",
"description": "The input method editor is initially inactive, but the user may activate it if they wish."
},
{
"name": "normal",
"description": "The IME state should be normal; this value can be used in a user style sheet to override the page setting."
}
],
"relevance": 50,
"description": "Controls the state of the input method editor for text fields.",
"restrictions": [
"enum"
]
},
{
"name": "-ms-interpolation-mode",
"browsers": [
"IE7"
],
"values": [
{
"name": "bicubic"
},
{
"name": "nearest-neighbor"
}
],
"relevance": 50,
"description": "Gets or sets the interpolation (resampling) method used to stretch images.",
"restrictions": [
"enum"
]
},
{
"name": "-ms-layout-grid",
"browsers": [
"E",
"IE10"
],
"values": [
{
"name": "char",
"description": "Any of the range of character values available to the -ms-layout-grid-char property."
},
{
"name": "line",
"description": "Any of the range of line values available to the -ms-layout-grid-line property."
},
{
"name": "mode",
"description": "Any of the range of mode values available to the -ms-layout-grid-mode property."
},
{
"name": "type",
"description": "Any of the range of type values available to the -ms-layout-grid-type property."
}
],
"relevance": 50,
"description": "Sets or retrieves the composite document grid properties that specify the layout of text characters."
},
{
"name": "-ms-layout-grid-char",
"browsers": [
"E",
"IE10"
],
"values": [
{
"name": "auto",
"description": "Largest character in the font of the element is used to set the character grid."
},
{
"name": "none",
"description": "Default. No character grid is set."
}
],
"relevance": 50,
"description": "Sets or retrieves the size of the character grid used for rendering the text content of an element.",
"restrictions": [
"enum",
"length",
"percentage"
]
},
{
"name": "-ms-layout-grid-line",
"browsers": [
"E",
"IE10"
],
"values": [
{
"name": "auto",
"description": "Largest character in the font of the element is used to set the character grid."
},
{
"name": "none",
"description": "Default. No grid line is set."
}
],
"relevance": 50,
"description": "Sets or retrieves the gridline value used for rendering the text content of an element.",
"restrictions": [
"length"
]
},
{
"name": "-ms-layout-grid-mode",
"browsers": [
"E",
"IE10"
],
"values": [
{
"name": "both",
"description": "Default. Both the char and line grid modes are enabled. This setting is necessary to fully enable the layout grid on an element."
},
{
"name": "char",
"description": "Only a character grid is used. This is recommended for use with block-level elements, such as a blockquote, where the line grid is intended to be disabled."
},
{
"name": "line",
"description": "Only a line grid is used. This is recommended for use with inline elements, such as a span, to disable the horizontal grid on runs of text that act as a single entity in the grid layout."
},
{
"name": "none",
"description": "No grid is used."
}
],
"relevance": 50,
"description": "Gets or sets whether the text layout grid uses two dimensions.",
"restrictions": [
"enum"
]
},
{
"name": "-ms-layout-grid-type",
"browsers": [
"E",
"IE10"
],
"values": [
{
"name": "fixed",
"description": "Grid used for monospaced layout. All noncursive characters are treated as equal; every character is centered within a single grid space by default."
},
{
"name": "loose",
"description": "Default. Grid used for Japanese and Korean characters."
},
{
"name": "strict",
"description": "Grid used for Chinese, as well as Japanese (Genko) and Korean characters. Only the ideographs, kanas, and wide characters are snapped to the grid."
}
],
"relevance": 50,
"description": "Sets or retrieves the type of grid used for rendering the text content of an element.",
"restrictions": [
"enum"
]
},
{
"name": "-ms-line-break",
"browsers": [
"E",
"IE10"
],
"values": [
{
"name": "auto",
"description": "The UA determines the set of line-breaking restrictions to use for CJK scripts, and it may vary the restrictions based on the length of the line; e.g., use a less restrictive set of line-break rules for short lines."
},
{
"name": "keep-all",
"description": "Sequences of CJK characters can no longer break on implied break points. This option should only be used where the presence of word separator characters still creates line-breaking opportunities, as in Korean."
},
{
"name": "newspaper",
"description": "Breaks CJK scripts using the least restrictive set of line-breaking rules. Typically used for short lines, such as in newspapers."
},
{
"name": "normal",
"description": "Breaks CJK scripts using a normal set of line-breaking rules."
},
{
"name": "strict",
"description": "Breaks CJK scripts using a more restrictive set of line-breaking rules than 'normal'."
}
],
"relevance": 50,
"description": "Specifies what set of line breaking restrictions are in effect within the element.",
"restrictions": [
"enum"
]
},
{
"name": "-ms-overflow-style",
"browsers": [
"E",
"IE10"
],
"values": [
{
"name": "auto",
"description": "No preference, UA should use the first scrolling method in the list that it supports."
},
{
"name": "-ms-autohiding-scrollbar",
"description": "Indicates the element displays auto-hiding scrollbars during mouse interactions and panning indicators during touch and keyboard interactions."
},
{
"name": "none",
"description": "Indicates the element does not display scrollbars or panning indicators, even when its content overflows."
},
{
"name": "scrollbar",
"description": "Scrollbars are typically narrow strips inserted on one or two edges of an element and which often have arrows to click on and a \"thumb\" to drag up and down (or left and right) to move the contents of the element."
}
],
"status": "nonstandard",
"syntax": "auto | none | scrollbar | -ms-autohiding-scrollbar",
"relevance": 0,
"description": "Specify whether content is clipped when it overflows the element's content area.",
"restrictions": [
"enum"
]
},
{
"name": "-ms-perspective",
"browsers": [
"IE10"
],
"values": [
{
"name": "none",
"description": "No perspective transform is applied."
}
],
"relevance": 50,
"description": "Applies the same transform as the perspective(<number>) transform function, except that it applies only to the positioned or transformed children of the element, not to the transform on the element itself.",
"restrictions": [
"length"
]
},
{
"name": "-ms-perspective-origin",
"browsers": [
"IE10"
],
"relevance": 50,
"description": "Establishes the origin for the perspective property. It effectively sets the X and Y position at which the viewer appears to be looking at the children of the element.",
"restrictions": [
"position",
"percentage",
"length"
]
},
{
"name": "-ms-perspective-origin-x",
"browsers": [
"IE10"
],
"relevance": 50,
"description": "Establishes the origin for the perspective property. It effectively sets the X position at which the viewer appears to be looking at the children of the element.",
"restrictions": [
"position",
"percentage",
"length"
]
},
{
"name": "-ms-perspective-origin-y",
"browsers": [
"IE10"
],
"relevance": 50,
"description": "Establishes the origin for the perspective property. It effectively sets the Y position at which the viewer appears to be looking at the children of the element.",
"restrictions": [
"position",
"percentage",
"length"
]
},
{
"name": "-ms-progress-appearance",
"browsers": [
"IE10"
],
"values": [
{
"name": "bar"
},
{
"name": "ring"
}
],
"relevance": 50,
"description": "Gets or sets a value that specifies whether a progress control displays as a bar or a ring.",
"restrictions": [
"enum"
]
},
{
"name": "-ms-scrollbar-3dlight-color",
"browsers": [
"IE8"
],
"status": "nonstandard",
"syntax": "<color>",
"relevance": 0,
"description": "Determines the color of the top and left edges of the scroll box and scroll arrows of a scroll bar.",
"restrictions": [
"color"
]
},
{
"name": "-ms-scrollbar-arrow-color",
"browsers": [
"IE8"
],
"status": "nonstandard",
"syntax": "<color>",
"relevance": 0,
"description": "Determines the color of the arrow elements of a scroll arrow.",
"restrictions": [
"color"
]
},
{
"name": "-ms-scrollbar-base-color",
"browsers": [
"IE8"
],
"status": "nonstandard",
"syntax": "<color>",
"relevance": 0,
"description": "Determines the color of the main elements of a scroll bar, which include the scroll box, track, and scroll arrows.",
"restrictions": [
"color"
]
},
{
"name": "-ms-scrollbar-darkshadow-color",
"browsers": [
"IE8"
],
"status": "nonstandard",
"syntax": "<color>",
"relevance": 0,
"description": "Determines the color of the gutter of a scroll bar.",
"restrictions": [
"color"
]
},
{
"name": "-ms-scrollbar-face-color",
"browsers": [
"IE8"
],
"status": "nonstandard",
"syntax": "<color>",
"relevance": 0,
"description": "Determines the color of the scroll box and scroll arrows of a scroll bar.",
"restrictions": [
"color"
]
},
{
"name": "-ms-scrollbar-highlight-color",
"browsers": [
"IE8"
],
"status": "nonstandard",
"syntax": "<color>",
"relevance": 0,
"description": "Determines the color of the top and left edges of the scroll box and scroll arrows of a scroll bar.",
"restrictions": [
"color"
]
},
{
"name": "-ms-scrollbar-shadow-color",
"browsers": [
"IE8"
],
"status": "nonstandard",
"syntax": "<color>",
"relevance": 0,
"description": "Determines the color of the bottom and right edges of the scroll box and scroll arrows of a scroll bar.",
"restrictions": [
"color"
]
},
{
"name": "-ms-scrollbar-track-color",
"browsers": [
"IE8"
],
"status": "nonstandard",
"syntax": "<color>",
"relevance": 0,
"description": "Determines the color of the track element of a scroll bar.",
"restrictions": [
"color"
]
},
{
"name": "-ms-scroll-chaining",
"browsers": [
"E",
"IE10"
],
"values": [
{
"name": "chained"
},
{
"name": "none"
}
],
"status": "nonstandard",
"syntax": "chained | none",
"relevance": 0,
"description": "Gets or sets a value that indicates the scrolling behavior that occurs when a user hits the content boundary during a manipulation.",
"restrictions": [
"enum",
"length"
]
},
{
"name": "-ms-scroll-limit",
"browsers": [
"E",
"IE10"
],
"values": [
{
"name": "auto"
}
],
"status": "nonstandard",
"syntax": "<'-ms-scroll-limit-x-min'> <'-ms-scroll-limit-y-min'> <'-ms-scroll-limit-x-max'> <'-ms-scroll-limit-y-max'>",
"relevance": 0,
"description": "Gets or sets a shorthand value that sets values for the -ms-scroll-limit-x-min, -ms-scroll-limit-y-min, -ms-scroll-limit-x-max, and -ms-scroll-limit-y-max properties.",
"restrictions": [
"length"
]
},
{
"name": "-ms-scroll-limit-x-max",
"browsers": [
"E",
"IE10"
],
"values": [
{
"name": "auto"
}
],
"status": "nonstandard",
"syntax": "auto | <length>",
"relevance": 0,
"description": "Gets or sets a value that specifies the maximum value for the scrollLeft property.",
"restrictions": [
"length"
]
},
{
"name": "-ms-scroll-limit-x-min",
"browsers": [
"E",
"IE10"
],
"status": "nonstandard",
"syntax": "<length>",
"relevance": 0,
"description": "Gets or sets a value that specifies the minimum value for the scrollLeft property.",
"restrictions": [
"length"
]
},
{
"name": "-ms-scroll-limit-y-max",
"browsers": [
"E",
"IE10"
],
"values": [
{
"name": "auto"
}
],
"status": "nonstandard",
"syntax": "auto | <length>",
"relevance": 0,
"description": "Gets or sets a value that specifies the maximum value for the scrollTop property.",
"restrictions": [
"length"
]
},
{
"name": "-ms-scroll-limit-y-min",
"browsers": [
"E",
"IE10"
],
"status": "nonstandard",
"syntax": "<length>",
"relevance": 0,
"description": "Gets or sets a value that specifies the minimum value for the scrollTop property.",
"restrictions": [
"length"
]
},
{
"name": "-ms-scroll-rails",
"browsers": [
"E",
"IE10"
],
"values": [
{
"name": "none"
},
{
"name": "railed"
}
],
"status": "nonstandard",
"syntax": "none | railed",
"relevance": 0,
"description": "Gets or sets a value that indicates whether or not small motions perpendicular to the primary axis of motion will result in either changes to both the scrollTop and scrollLeft properties or a change to the primary axis (for instance, either the scrollTop or scrollLeft properties will change, but not both).",
"restrictions": [
"enum",
"length"
]
},
{
"name": "-ms-scroll-snap-points-x",
"browsers": [
"E",
"IE10"
],
"values": [
{
"name": "snapInterval(100%, 100%)"
},
{
"name": "snapList()"
}
],
"status": "nonstandard",
"syntax": "snapInterval( <length-percentage>, <length-percentage> ) | snapList( <length-percentage># )",
"relevance": 0,
"description": "Gets or sets a value that defines where snap-points will be located along the x-axis.",
"restrictions": [
"enum"
]
},
{
"name": "-ms-scroll-snap-points-y",
"browsers": [
"E",
"IE10"
],
"values": [
{
"name": "snapInterval(100%, 100%)"
},
{
"name": "snapList()"
}
],
"status": "nonstandard",
"syntax": "snapInterval( <length-percentage>, <length-percentage> ) | snapList( <length-percentage># )",
"relevance": 0,
"description": "Gets or sets a value that defines where snap-points will be located along the y-axis.",
"restrictions": [
"enum"
]
},
{
"name": "-ms-scroll-snap-type",
"browsers": [
"E",
"IE10"
],
"values": [
{
"name": "none",
"description": "The visual viewport of this scroll container must ignore snap points, if any, when scrolled."
},
{
"name": "mandatory",
"description": "The visual viewport of this scroll container is guaranteed to rest on a snap point when there are no active scrolling operations."
},
{
"name": "proximity",
"description": "The visual viewport of this scroll container may come to rest on a snap point at the termination of a scroll at the discretion of the UA given the parameters of the scroll."
}
],
"status": "nonstandard",
"syntax": "none | proximity | mandatory",
"relevance": 0,
"description": "Gets or sets a value that defines what type of snap-point should be used for the current element. There are two type of snap-points, with the primary difference being whether or not the user is guaranteed to always stop on a snap-point.",
"restrictions": [
"enum"
]
},
{
"name": "-ms-scroll-snap-x",
"browsers": [
"E",
"IE10"
],
"values": [
{
"name": "mandatory"
},
{
"name": "none"
},
{
"name": "proximity"
},
{
"name": "snapInterval(100%, 100%)"
},
{
"name": "snapList()"
}
],
"status": "nonstandard",
"syntax": "<'-ms-scroll-snap-type'> <'-ms-scroll-snap-points-x'>",
"relevance": 0,
"description": "Gets or sets a shorthand value that sets values for the -ms-scroll-snap-type and -ms-scroll-snap-points-x properties.",
"restrictions": [
"enum"
]
},
{
"name": "-ms-scroll-snap-y",
"browsers": [
"E",
"IE10"
],
"values": [
{
"name": "mandatory"
},
{
"name": "none"
},
{
"name": "proximity"
},
{
"name": "snapInterval(100%, 100%)"
},
{
"name": "snapList()"
}
],
"status": "nonstandard",
"syntax": "<'-ms-scroll-snap-type'> <'-ms-scroll-snap-points-y'>",
"relevance": 0,
"description": "Gets or sets a shorthand value that sets values for the -ms-scroll-snap-type and -ms-scroll-snap-points-y properties.",
"restrictions": [
"enum"
]
},
{
"name": "-ms-scroll-translation",
"browsers": [
"E",
"IE10"
],
"values": [
{
"name": "none"
},
{
"name": "vertical-to-horizontal"
}
],
"status": "nonstandard",
"syntax": "none | vertical-to-horizontal",
"relevance": 0,
"description": "Gets or sets a value that specifies whether vertical-to-horizontal scroll wheel translation occurs on the specified element.",
"restrictions": [
"enum"
]
},
{
"name": "-ms-text-align-last",
"browsers": [
"E",
"IE8"
],
"values": [
{
"name": "auto"
},
{
"name": "center",
"description": "The inline contents are centered within the line box."
},
{
"name": "justify",
"description": "The text is justified according to the method specified by the 'text-justify' property."
},
{
"name": "left",
"description": "The inline contents are aligned to the left edge of the line box. In vertical text, 'left' aligns to the edge of the line box that would be the start edge for left-to-right text."
},
{
"name": "right",
"description": "The inline contents are aligned to the right edge of the line box. In vertical text, 'right' aligns to the edge of the line box that would be the end edge for left-to-right text."
}
],
"relevance": 50,
"description": "Describes how the last line of a block or a line right before a forced line break is aligned when 'text-align' is set to 'justify'.",
"restrictions": [
"enum"
]
},
{
"name": "-ms-text-autospace",
"browsers": [
"E",
"IE8"
],
"values": [
{
"name": "ideograph-alpha",
"description": "Creates 1/4em extra spacing between runs of ideographic letters and non-ideographic letters, such as Latin-based, Cyrillic, Greek, Arabic or Hebrew."
},
{
"name": "ideograph-numeric",
"description": "Creates 1/4em extra spacing between runs of ideographic letters and numeric glyphs."
},
{
"name": "ideograph-parenthesis",
"description": "Creates extra spacing between normal (non wide) parenthesis and ideographs."
},
{
"name": "ideograph-space",
"description": "Extends the width of the space character while surrounded by ideographs."
},
{
"name": "none",
"description": "No extra space is created."
},
{
"name": "punctuation",
"description": "Creates extra non-breaking spacing around punctuation as required by language-specific typographic conventions."
}
],
"status": "nonstandard",
"syntax": "none | ideograph-alpha | ideograph-numeric | ideograph-parenthesis | ideograph-space",
"relevance": 0,
"description": "Determines whether or not a full-width punctuation mark character should be trimmed if it appears at the beginning of a line, so that its 'ink' lines up with the first glyph in the line above and below.",
"restrictions": [
"enum"
]
},
{
"name": "-ms-text-combine-horizontal",
"browsers": [
"E",
"IE11"
],
"values": [
{
"name": "all",
"description": "Attempt to typeset horizontally all consecutive characters within the box such that they take up the space of a single character within the vertical line box."
},
{
"name": "digits",
"description": "Attempt to typeset horizontally each maximal sequence of consecutive ASCII digits (U+0030-U+0039) that has as many or fewer characters than the specified integer such that it takes up the space of a single character within the vertical line box."
},
{
"name": "none",
"description": "No special processing."
}
],
"relevance": 50,
"description": "This property specifies the combination of multiple characters into the space of a single character.",
"restrictions": [
"enum",
"integer"
]
},
{
"name": "-ms-text-justify",
"browsers": [
"E",
"IE8"
],
"values": [
{
"name": "auto",
"description": "The UA determines the justification algorithm to follow, based on a balance between performance and adequate presentation quality."
},
{
"name": "distribute",
"description": "Justification primarily changes spacing both at word separators and at grapheme cluster boundaries in all scripts except those in the connected and cursive groups. This value is sometimes used in e.g. Japanese, often with the 'text-align-last' property."
},
{
"name": "inter-cluster",
"description": "Justification primarily changes spacing at word separators and at grapheme cluster boundaries in clustered scripts. This value is typically used for Southeast Asian scripts such as Thai."
},
{
"name": "inter-ideograph",
"description": "Justification primarily changes spacing at word separators and at inter-graphemic boundaries in scripts that use no word spaces. This value is typically used for CJK languages."
},
{
"name": "inter-word",
"description": "Justification primarily changes spacing at word separators. This value is typically used for languages that separate words using spaces, like English or (sometimes) Korean."
},
{
"name": "kashida",
"description": "Justification primarily stretches Arabic and related scripts through the use of kashida or other calligraphic elongation."
}
],
"relevance": 50,
"description": "Selects the justification algorithm used when 'text-align' is set to 'justify'. The property applies to block containers, but the UA may (but is not required to) also support it on inline elements.",
"restrictions": [
"enum"
]
},
{
"name": "-ms-text-kashida-space",
"browsers": [
"E",
"IE10"
],
"relevance": 50,
"description": "Sets or retrieves the ratio of kashida expansion to white space expansion when justifying lines of text in the object.",
"restrictions": [
"percentage"
]
},
{
"name": "-ms-text-overflow",
"browsers": [
"IE10"
],
"values": [
{
"name": "clip",
"description": "Clip inline content that overflows. Characters may be only partially rendered."
},
{
"name": "ellipsis",
"description": "Render an ellipsis character (U+2026) to represent clipped inline content."
}
],
"relevance": 50,
"description": "Text can overflow for example when it is prevented from wrapping",
"restrictions": [
"enum"
]
},
{
"name": "-ms-text-size-adjust",
"browsers": [
"E",
"IE10"
],
"values": [
{
"name": "auto",
"description": "Renderers must use the default size adjustment when displaying on a small device."
},
{
"name": "none",
"description": "Renderers must not do size adjustment when displaying on a small device."
}
],
"relevance": 50,
"description": "Specifies a size adjustment for displaying text content in mobile browsers.",
"restrictions": [
"enum",
"percentage"
]
},
{
"name": "-ms-text-underline-position",
"browsers": [
"E",
"IE10"
],
"values": [
{
"name": "alphabetic",
"description": "The underline is aligned with the alphabetic baseline. In this case the underline is likely to cross some descenders."
},
{
"name": "auto",
"description": "The user agent may use any algorithm to determine the underline's position. In horizontal line layout, the underline should be aligned as for alphabetic. In vertical line layout, if the language is set to Japanese or Korean, the underline should be aligned as for over."
},
{
"name": "over",
"description": "The underline is aligned with the 'top' (right in vertical writing) edge of the element's em-box. In this mode, an overline also switches sides."
},
{
"name": "under",
"description": "The underline is aligned with the 'bottom' (left in vertical writing) edge of the element's em-box. In this case the underline usually does not cross the descenders. This is sometimes called 'accounting' underline."
}
],
"relevance": 50,
"description": "Sets the position of an underline specified on the same element: it does not affect underlines specified by ancestor elements.This property is typically used in vertical writing contexts such as in Japanese documents where it often desired to have the underline appear 'over' (to the right of) the affected run of text",
"restrictions": [
"enum"
]
},
{
"name": "-ms-touch-action",
"browsers": [
"IE10"
],
"values": [
{
"name": "auto",
"description": "The element is a passive element, with several exceptions."
},
{
"name": "double-tap-zoom",
"description": "The element will zoom on double-tap."
},
{
"name": "manipulation",
"description": "The element is a manipulation-causing element."
},
{
"name": "none",
"description": "The element is a manipulation-blocking element."
},
{
"name": "pan-x",
"description": "The element permits touch-driven panning on the horizontal axis. The touch pan is performed on the nearest ancestor with horizontally scrollable content."
},
{
"name": "pan-y",
"description": "The element permits touch-driven panning on the vertical axis. The touch pan is performed on the nearest ancestor with vertically scrollable content."
},
{
"name": "pinch-zoom",
"description": "The element permits pinch-zooming. The pinch-zoom is performed on the nearest ancestor with zoomable content."
}
],
"relevance": 50,
"description": "Gets or sets a value that indicates whether and how a given region can be manipulated by the user.",
"restrictions": [
"enum"
]
},
{
"name": "-ms-touch-select",
"browsers": [
"E",
"IE10"
],
"values": [
{
"name": "grippers",
"description": "Grippers are always on."
},
{
"name": "none",
"description": "Grippers are always off."
}
],
"status": "nonstandard",
"syntax": "grippers | none",
"relevance": 0,
"description": "Gets or sets a value that toggles the 'gripper' visual elements that enable touch text selection.",
"restrictions": [
"enum"
]
},
{
"name": "-ms-transform",
"browsers": [
"IE9-9"
],
"values": [
{
"name": "matrix()",
"description": "Specifies a 2D transformation in the form of a transformation matrix of six values. matrix(a,b,c,d,e,f) is equivalent to applying the transformation matrix [a b c d e f]"
},
{
"name": "matrix3d()",
"description": "Specifies a 3D transformation as a 4x4 homogeneous matrix of 16 values in column-major order."
},
{
"name": "none"
},
{
"name": "rotate()",
"description": "Specifies a 2D rotation by the angle specified in the parameter about the origin of the element, as defined by the transform-origin property."
},
{
"name": "rotate3d()",
"description": "Specifies a clockwise 3D rotation by the angle specified in last parameter about the [x,y,z] direction vector described by the first 3 parameters."
},
{
"name": "rotateX('angle')",
"description": "Specifies a clockwise rotation by the given angle about the X axis."
},
{
"name": "rotateY('angle')",
"description": "Specifies a clockwise rotation by the given angle about the Y axis."
},
{
"name": "rotateZ('angle')",
"description": "Specifies a clockwise rotation by the given angle about the Z axis."
},
{
"name": "scale()",
"description": "Specifies a 2D scale operation by the [sx,sy] scaling vector described by the 2 parameters. If the second parameter is not provided, it is takes a value equal to the first."
},
{
"name": "scale3d()",
"description": "Specifies a 3D scale operation by the [sx,sy,sz] scaling vector described by the 3 parameters."
},
{
"name": "scaleX()",
"description": "Specifies a scale operation using the [sx,1] scaling vector, where sx is given as the parameter."
},
{
"name": "scaleY()",
"description": "Specifies a scale operation using the [sy,1] scaling vector, where sy is given as the parameter."
},
{
"name": "scaleZ()",
"description": "Specifies a scale operation using the [1,1,sz] scaling vector, where sz is given as the parameter."
},
{
"name": "skew()",
"description": "Specifies a skew transformation along the X and Y axes. The first angle parameter specifies the skew on the X axis. The second angle parameter specifies the skew on the Y axis. If the second parameter is not given then a value of 0 is used for the Y angle (ie: no skew on the Y axis)."
},
{
"name": "skewX()",
"description": "Specifies a skew transformation along the X axis by the given angle."
},
{
"name": "skewY()",
"description": "Specifies a skew transformation along the Y axis by the given angle."
},
{
"name": "translate()",
"description": "Specifies a 2D translation by the vector [tx, ty], where tx is the first translation-value parameter and ty is the optional second translation-value parameter."
},
{
"name": "translate3d()",
"description": "Specifies a 3D translation by the vector [tx,ty,tz], with tx, ty and tz being the first, second and third translation-value parameters respectively."
},
{
"name": "translateX()",
"description": "Specifies a translation by the given amount in the X direction."
},
{
"name": "translateY()",
"description": "Specifies a translation by the given amount in the Y direction."
},
{
"name": "translateZ()",
"description": "Specifies a translation by the given amount in the Z direction. Note that percentage values are not allowed in the translateZ translation-value, and if present are evaluated as 0."
}
],
"relevance": 50,
"description": "A two-dimensional transformation is applied to an element through the 'transform' property. This property contains a list of transform functions similar to those allowed by SVG.",
"restrictions": [
"enum"
]
},
{
"name": "-ms-transform-origin",
"browsers": [
"IE9-9"
],
"relevance": 50,
"description": "Establishes the origin of transformation for an element.",
"restrictions": [
"position",
"length",
"percentage"
]
},
{
"name": "-ms-transform-origin-x",
"browsers": [
"IE10"
],
"relevance": 50,
"description": "The x coordinate of the origin for transforms applied to an element with respect to its border box.",
"restrictions": [
"length",
"percentage"
]
},
{
"name": "-ms-transform-origin-y",
"browsers": [
"IE10"
],
"relevance": 50,
"description": "The y coordinate of the origin for transforms applied to an element with respect to its border box.",
"restrictions": [
"length",
"percentage"
]
},
{
"name": "-ms-transform-origin-z",
"browsers": [
"IE10"
],
"relevance": 50,
"description": "The z coordinate of the origin for transforms applied to an element with respect to its border box.",
"restrictions": [
"length",
"percentage"
]
},
{
"name": "-ms-user-select",
"browsers": [
"E",
"IE10"
],
"values": [
{
"name": "element"
},
{
"name": "none"
},
{
"name": "text"
}
],
"status": "nonstandard",
"syntax": "none | element | text",
"relevance": 0,
"description": "Controls the appearance of selection.",
"restrictions": [
"enum"
]
},
{
"name": "-ms-word-break",
"browsers": [
"IE8"
],
"values": [
{
"name": "break-all",
"description": "Lines may break between any two grapheme clusters for non-CJK scripts."
},
{
"name": "keep-all",
"description": "Block characters can no longer create implied break points."
},
{
"name": "normal",
"description": "Breaks non-CJK scripts according to their own rules."
}
],
"relevance": 50,
"description": "Specifies line break opportunities for non-CJK scripts.",
"restrictions": [
"enum"
]
},
{
"name": "-ms-word-wrap",
"browsers": [
"IE8"
],
"values": [
{
"name": "break-word",
"description": "An unbreakable 'word' may be broken at an arbitrary point if there are no otherwise-acceptable break points in the line."
},
{
"name": "normal",
"description": "Lines may break only at allowed break points."
}
],
"relevance": 50,
"description": "Specifies whether the UA may break within a word to prevent overflow when an otherwise-unbreakable string is too long to fit.",
"restrictions": [
"enum"
]
},
{
"name": "-ms-wrap-flow",
"browsers": [
"E",
"IE10"
],
"values": [
{
"name": "auto",
"description": "For floats an exclusion is created, for all other elements an exclusion is not created."
},
{
"name": "both",
"description": "Inline flow content can flow on all sides of the exclusion."
},
{
"name": "clear",
"description": "Inline flow content can only wrap on top and bottom of the exclusion and must leave the areas to the start and end edges of the exclusion box empty."
},
{
"name": "end",
"description": "Inline flow content can wrap on the end side of the exclusion area but must leave the area to the start edge of the exclusion area empty."
},
{
"name": "maximum",
"description": "Inline flow content can wrap on the side of the exclusion with the largest available space for the given line, and must leave the other side of the exclusion empty."
},
{
"name": "minimum",
"description": "Inline flow content can flow around the edge of the exclusion with the smallest available space within the flow content's containing block, and must leave the other edge of the exclusion empty."
},
{
"name": "start",
"description": "Inline flow content can wrap on the start edge of the exclusion area but must leave the area to end edge of the exclusion area empty."
}
],
"status": "nonstandard",
"syntax": "auto | both | start | end | maximum | clear",
"relevance": 0,
"description": "An element becomes an exclusion when its 'wrap-flow' property has a computed value other than 'auto'.",
"restrictions": [
"enum"
]
},
{
"name": "-ms-wrap-margin",
"browsers": [
"E",
"IE10"
],
"status": "nonstandard",
"syntax": "<length>",
"relevance": 0,
"description": "Gets or sets a value that is used to offset the inner wrap shape from other shapes.",
"restrictions": [
"length",
"percentage"
]
},
{
"name": "-ms-wrap-through",
"browsers": [
"E",
"IE10"
],
"values": [
{
"name": "none",
"description": "The exclusion element does not inherit its parent node's wrapping context. Its descendants are only subject to exclusion shapes defined inside the element."
},
{
"name": "wrap",
"description": "The exclusion element inherits its parent node's wrapping context. Its descendant inline content wraps around exclusions defined outside the element."
}
],
"status": "nonstandard",
"syntax": "wrap | none",
"relevance": 0,
"description": "Specifies if an element inherits its parent wrapping context. In other words if it is subject to the exclusions defined outside the element.",
"restrictions": [
"enum"
]
},
{
"name": "-ms-writing-mode",
"browsers": [
"IE8"
],
"values": [
{
"name": "bt-lr"
},
{
"name": "bt-rl"
},
{
"name": "lr-bt"
},
{
"name": "lr-tb"
},
{
"name": "rl-bt"
},
{
"name": "rl-tb"
},
{
"name": "tb-lr"
},
{
"name": "tb-rl"
}
],
"relevance": 50,
"description": "Shorthand property for both 'direction' and 'block-progression'.",
"restrictions": [
"enum"
]
},
{
"name": "-ms-zoom",
"browsers": [
"IE8"
],
"values": [
{
"name": "normal"
}
],
"relevance": 50,
"description": "Sets or retrieves the magnification scale of the object.",
"restrictions": [
"enum",
"integer",
"number",
"percentage"
]
},
{
"name": "-ms-zoom-animation",
"browsers": [
"IE10"
],
"values": [
{
"name": "default"
},
{
"name": "none"
}
],
"relevance": 50,
"description": "Gets or sets a value that indicates whether an animation is used when zooming.",
"restrictions": [
"enum"
]
},
{
"name": "nav-down",
"browsers": [
"O9.5"
],
"values": [
{
"name": "auto",
"description": "The user agent automatically determines which element to navigate the focus to in response to directional navigational input."
},
{
"name": "current",
"description": "Indicates that the user agent should target the frame that the element is in."
},
{
"name": "root",
"description": "Indicates that the user agent should target the full window."
}
],
"relevance": 50,
"description": "Provides an way to control directional focus navigation.",
"restrictions": [
"enum",
"identifier",
"string"
]
},
{
"name": "nav-index",
"browsers": [
"O9.5"
],
"values": [
{
"name": "auto",
"description": "The element's sequential navigation order is assigned automatically by the user agent."
}
],
"relevance": 50,
"description": "Provides an input-method-neutral way of specifying the sequential navigation order (also known as 'tabbing order').",
"restrictions": [
"number"
]
},
{
"name": "nav-left",
"browsers": [
"O9.5"
],
"values": [
{
"name": "auto",
"description": "The user agent automatically determines which element to navigate the focus to in response to directional navigational input."
},
{
"name": "current",
"description": "Indicates that the user agent should target the frame that the element is in."
},
{
"name": "root",
"description": "Indicates that the user agent should target the full window."
}
],
"relevance": 50,
"description": "Provides an way to control directional focus navigation.",
"restrictions": [
"enum",
"identifier",
"string"
]
},
{
"name": "nav-right",
"browsers": [
"O9.5"
],
"values": [
{
"name": "auto",
"description": "The user agent automatically determines which element to navigate the focus to in response to directional navigational input."
},
{
"name": "current",
"description": "Indicates that the user agent should target the frame that the element is in."
},
{
"name": "root",
"description": "Indicates that the user agent should target the full window."
}
],
"relevance": 50,
"description": "Provides an way to control directional focus navigation.",
"restrictions": [
"enum",
"identifier",
"string"
]
},
{
"name": "nav-up",
"browsers": [
"O9.5"
],
"values": [
{
"name": "auto",
"description": "The user agent automatically determines which element to navigate the focus to in response to directional navigational input."
},
{
"name": "current",
"description": "Indicates that the user agent should target the frame that the element is in."
},
{
"name": "root",
"description": "Indicates that the user agent should target the full window."
}
],
"relevance": 50,
"description": "Provides an way to control directional focus navigation.",
"restrictions": [
"enum",
"identifier",
"string"
]
},
{
"name": "negative",
"browsers": [
"FF33"
],
"syntax": "<symbol> <symbol>?",
"relevance": 50,
"description": "@counter-style descriptor. Defines how to alter the representation when the counter value is negative.",
"restrictions": [
"image",
"identifier",
"string"
]
},
{
"name": "-o-animation",
"browsers": [
"O12"
],
"values": [
{
"name": "alternate",
"description": "The animation cycle iterations that are odd counts are played in the normal direction, and the animation cycle iterations that are even counts are played in a reverse direction."
},
{
"name": "alternate-reverse",
"description": "The animation cycle iterations that are odd counts are played in the reverse direction, and the animation cycle iterations that are even counts are played in a normal direction."
},
{
"name": "backwards",
"description": "The beginning property value (as defined in the first @keyframes at-rule) is applied before the animation is displayed, during the period defined by 'animation-delay'."
},
{
"name": "both",
"description": "Both forwards and backwards fill modes are applied."
},
{
"name": "forwards",
"description": "The final property value (as defined in the last @keyframes at-rule) is maintained after the animation completes."
},
{
"name": "infinite",
"description": "Causes the animation to repeat forever."
},
{
"name": "none",
"description": "No animation is performed"
},
{
"name": "normal",
"description": "Normal playback."
},
{
"name": "reverse",
"description": "All iterations of the animation are played in the reverse direction from the way they were specified."
}
],
"relevance": 50,
"description": "Shorthand property combines six of the animation properties into a single property.",
"restrictions": [
"time",
"enum",
"timing-function",
"identifier",
"number"
]
},
{
"name": "-o-animation-delay",
"browsers": [
"O12"
],
"relevance": 50,
"description": "Defines when the animation will start.",
"restrictions": [
"time"
]
},
{
"name": "-o-animation-direction",
"browsers": [
"O12"
],
"values": [
{
"name": "alternate",
"description": "The animation cycle iterations that are odd counts are played in the normal direction, and the animation cycle iterations that are even counts are played in a reverse direction."
},
{
"name": "alternate-reverse",
"description": "The animation cycle iterations that are odd counts are played in the reverse direction, and the animation cycle iterations that are even counts are played in a normal direction."
},
{
"name": "normal",
"description": "Normal playback."
},
{
"name": "reverse",
"description": "All iterations of the animation are played in the reverse direction from the way they were specified."
}
],
"relevance": 50,
"description": "Defines whether or not the animation should play in reverse on alternate cycles.",
"restrictions": [
"enum"
]
},
{
"name": "-o-animation-duration",
"browsers": [
"O12"
],
"relevance": 50,
"description": "Defines the length of time that an animation takes to complete one cycle.",
"restrictions": [
"time"
]
},
{
"name": "-o-animation-fill-mode",
"browsers": [
"O12"
],
"values": [
{
"name": "backwards",
"description": "The beginning property value (as defined in the first @keyframes at-rule) is applied before the animation is displayed, during the period defined by 'animation-delay'."
},
{
"name": "both",
"description": "Both forwards and backwards fill modes are applied."
},
{
"name": "forwards",
"description": "The final property value (as defined in the last @keyframes at-rule) is maintained after the animation completes."
},
{
"name": "none",
"description": "There is no change to the property value between the time the animation is applied and the time the animation begins playing or after the animation completes."
}
],
"relevance": 50,
"description": "Defines what values are applied by the animation outside the time it is executing.",
"restrictions": [
"enum"
]
},
{
"name": "-o-animation-iteration-count",
"browsers": [
"O12"
],
"values": [
{
"name": "infinite",
"description": "Causes the animation to repeat forever."
}
],
"relevance": 50,
"description": "Defines the number of times an animation cycle is played. The default value is one, meaning the animation will play from beginning to end once.",
"restrictions": [
"number",
"enum"
]
},
{
"name": "-o-animation-name",
"browsers": [
"O12"
],
"values": [
{
"name": "none",
"description": "No animation is performed"
}
],
"relevance": 50,
"description": "Defines a list of animations that apply. Each name is used to select the keyframe at-rule that provides the property values for the animation.",
"restrictions": [
"identifier",
"enum"
]
},
{
"name": "-o-animation-play-state",
"browsers": [
"O12"
],
"values": [
{
"name": "paused",
"description": "A running animation will be paused."
},
{
"name": "running",
"description": "Resume playback of a paused animation."
}
],
"relevance": 50,
"description": "Defines whether the animation is running or paused.",
"restrictions": [
"enum"
]
},
{
"name": "-o-animation-timing-function",
"browsers": [
"O12"
],
"relevance": 50,
"description": "Describes how the animation will progress over one cycle of its duration. See the 'transition-timing-function'.",
"restrictions": [
"timing-function"
]
},
{
"name": "object-fit",
"browsers": [
"E79",
"FF36",
"S10",
"C32",
"O19"
],
"values": [
{
"name": "contain",
"description": "The replaced content is sized to maintain its aspect ratio while fitting within the element's content box: its concrete object size is resolved as a contain constraint against the element's used width and height."
},
{
"name": "cover",
"description": "The replaced content is sized to maintain its aspect ratio while filling the element's entire content box: its concrete object size is resolved as a cover constraint against the element's used width and height."
},
{
"name": "fill",
"description": "The replaced content is sized to fill the element's content box: the object's concrete object size is the element's used width and height."
},
{
"name": "none",
"description": "The replaced content is not resized to fit inside the element's content box"
},
{
"name": "scale-down",
"description": "Size the content as if 'none' or 'contain' were specified, whichever would result in a smaller concrete object size."
}
],
"syntax": "fill | contain | cover | none | scale-down",
"relevance": 70,
"references": [
{
"name": "MDN Reference",
"url": "https://developer.mozilla.org/docs/Web/CSS/object-fit"
}
],
"description": "Specifies how the contents of a replaced element should be scaled relative to the box established by its used height and width.",
"restrictions": [
"enum"
]
},
{
"name": "object-position",
"browsers": [
"E79",
"FF36",
"S10",
"C32",
"O19"
],
"syntax": "<position>",
"relevance": 56,
"references": [
{
"name": "MDN Reference",
"url": "https://developer.mozilla.org/docs/Web/CSS/object-position"
}
],
"description": "Determines the alignment of the replaced element inside its box.",
"restrictions": [
"position",
"length",
"percentage"
]
},
{
"name": "-o-border-image",
"browsers": [
"O11.6"
],
"values": [
{
"name": "auto",
"description": "If 'auto' is specified then the border image width is the intrinsic width or height (whichever is applicable) of the corresponding image slice. If the image does not have the required intrinsic dimension then the corresponding border-width is used instead."
},
{
"name": "fill",
"description": "Causes the middle part of the border-image to be preserved."
},
{
"name": "none"
},
{
"name": "repeat",
"description": "The image is tiled (repeated) to fill the area."
},
{
"name": "round",
"description": "The image is tiled (repeated) to fill the area. If it does not fill the area with a whole number of tiles, the image is rescaled so that it does."
},
{
"name": "space",
"description": "The image is tiled (repeated) to fill the area. If it does not fill the area with a whole number of tiles, the extra space is distributed around the tiles."
},
{
"name": "stretch",
"description": "The image is stretched to fill the area."
}
],
"relevance": 50,
"description": "Shorthand property for setting 'border-image-source', 'border-image-slice', 'border-image-width', 'border-image-outset' and 'border-image-repeat'. Omitted values are set to their initial values.",
"restrictions": [
"length",
"percentage",
"number",
"image",
"enum"
]
},
{
"name": "-o-object-fit",
"browsers": [
"O10.6"
],
"values": [
{
"name": "contain",
"description": "The replaced content is sized to maintain its aspect ratio while fitting within the element's content box: its concrete object size is resolved as a contain constraint against the element's used width and height."
},
{
"name": "cover",
"description": "The replaced content is sized to maintain its aspect ratio while filling the element's entire content box: its concrete object size is resolved as a cover constraint against the element's used width and height."
},
{
"name": "fill",
"description": "The replaced content is sized to fill the element's content box: the object's concrete object size is the element's used width and height."
},
{
"name": "none",
"description": "The replaced content is not resized to fit inside the element's content box"
},
{
"name": "scale-down",
"description": "Size the content as if 'none' or 'contain' were specified, whichever would result in a smaller concrete object size."
}
],
"relevance": 50,
"description": "Specifies how the contents of a replaced element should be scaled relative to the box established by its used height and width.",
"restrictions": [
"enum"
]
},
{
"name": "-o-object-position",
"browsers": [
"O10.6"
],
"relevance": 50,
"description": "Determines the alignment of the replaced element inside its box.",
"restrictions": [
"position",
"length",
"percentage"
]
},
{
"name": "opacity",
"browsers": [
"E12",
"FF1",
"S2",
"C1",
"IE9",
"O9"
],
"syntax": "<alpha-value>",
"relevance": 93,
"references": [
{
"name": "MDN Reference",
"url": "https://developer.mozilla.org/docs/Web/CSS/opacity"
}
],
"description": "Opacity of an element's text, where 1 is opaque and 0 is entirely transparent.",
"restrictions": [
"number(0-1)"
]
},
{
"name": "order",
"browsers": [
"E12",
"FF20",
"S9",
"C29",
"IE11",
"O12.1"
],
"syntax": "<integer>",
"relevance": 65,
"references": [
{
"name": "MDN Reference",
"url": "https://developer.mozilla.org/docs/Web/CSS/order"
}
],
"description": "Controls the order in which children of a flex container appear within the flex container, by assigning them to ordinal groups.",
"restrictions": [
"integer"
]
},
{
"name": "orphans",
"browsers": [
"E12",
"S1.3",
"C25",
"IE8",
"O9.2"
],
"syntax": "<integer>",
"relevance": 51,
"references": [
{
"name": "MDN Reference",
"url": "https://developer.mozilla.org/docs/Web/CSS/orphans"
}
],
"description": "Specifies the minimum number of line boxes in a block container that must be left in a fragment before a fragmentation break.",
"restrictions": [
"integer"
]
},
{
"name": "-o-table-baseline",
"browsers": [
"O9.6"
],
"relevance": 50,
"description": "Determines which row of a inline-table should be used as baseline of inline-table.",
"restrictions": [
"integer"
]
},
{
"name": "-o-tab-size",
"browsers": [
"O10.6"
],
"relevance": 50,
"description": "This property determines the width of the tab character (U+0009), in space characters (U+0020), when rendered.",
"restrictions": [
"integer",
"length"
]
},
{
"name": "-o-text-overflow",
"browsers": [
"O10"
],
"values": [
{
"name": "clip",
"description": "Clip inline content that overflows. Characters may be only partially rendered."
},
{
"name": "ellipsis",
"description": "Render an ellipsis character (U+2026) to represent clipped inline content."
}
],
"relevance": 50,
"description": "Text can overflow for example when it is prevented from wrapping",
"restrictions": [
"enum"
]
},
{
"name": "-o-transform",
"browsers": [
"O10.5"
],
"values": [
{
"name": "matrix()",
"description": "Specifies a 2D transformation in the form of a transformation matrix of six values. matrix(a,b,c,d,e,f) is equivalent to applying the transformation matrix [a b c d e f]"
},
{
"name": "matrix3d()",
"description": "Specifies a 3D transformation as a 4x4 homogeneous matrix of 16 values in column-major order."
},
{
"name": "none"
},
{
"name": "rotate()",
"description": "Specifies a 2D rotation by the angle specified in the parameter about the origin of the element, as defined by the transform-origin property."
},
{
"name": "rotate3d()",
"description": "Specifies a clockwise 3D rotation by the angle specified in last parameter about the [x,y,z] direction vector described by the first 3 parameters."
},
{
"name": "rotateX('angle')",
"description": "Specifies a clockwise rotation by the given angle about the X axis."
},
{
"name": "rotateY('angle')",
"description": "Specifies a clockwise rotation by the given angle about the Y axis."
},
{
"name": "rotateZ('angle')",
"description": "Specifies a clockwise rotation by the given angle about the Z axis."
},
{
"name": "scale()",
"description": "Specifies a 2D scale operation by the [sx,sy] scaling vector described by the 2 parameters. If the second parameter is not provided, it is takes a value equal to the first."
},
{
"name": "scale3d()",
"description": "Specifies a 3D scale operation by the [sx,sy,sz] scaling vector described by the 3 parameters."
},
{
"name": "scaleX()",
"description": "Specifies a scale operation using the [sx,1] scaling vector, where sx is given as the parameter."
},
{
"name": "scaleY()",
"description": "Specifies a scale operation using the [sy,1] scaling vector, where sy is given as the parameter."
},
{
"name": "scaleZ()",
"description": "Specifies a scale operation using the [1,1,sz] scaling vector, where sz is given as the parameter."
},
{
"name": "skew()",
"description": "Specifies a skew transformation along the X and Y axes. The first angle parameter specifies the skew on the X axis. The second angle parameter specifies the skew on the Y axis. If the second parameter is not given then a value of 0 is used for the Y angle (ie: no skew on the Y axis)."
},
{
"name": "skewX()",
"description": "Specifies a skew transformation along the X axis by the given angle."
},
{
"name": "skewY()",
"description": "Specifies a skew transformation along the Y axis by the given angle."
},
{
"name": "translate()",
"description": "Specifies a 2D translation by the vector [tx, ty], where tx is the first translation-value parameter and ty is the optional second translation-value parameter."
},
{
"name": "translate3d()",
"description": "Specifies a 3D translation by the vector [tx,ty,tz], with tx, ty and tz being the first, second and third translation-value parameters respectively."
},
{
"name": "translateX()",
"description": "Specifies a translation by the given amount in the X direction."
},
{
"name": "translateY()",
"description": "Specifies a translation by the given amount in the Y direction."
},
{
"name": "translateZ()",
"description": "Specifies a translation by the given amount in the Z direction. Note that percentage values are not allowed in the translateZ translation-value, and if present are evaluated as 0."
}
],
"relevance": 50,
"description": "A two-dimensional transformation is applied to an element through the 'transform' property. This property contains a list of transform functions similar to those allowed by SVG.",
"restrictions": [
"enum"
]
},
{
"name": "-o-transform-origin",
"browsers": [
"O10.5"
],
"relevance": 50,
"description": "Establishes the origin of transformation for an element.",
"restrictions": [
"positon",
"length",
"percentage"
]
},
{
"name": "-o-transition",
"browsers": [
"O11.5"
],
"values": [
{
"name": "all",
"description": "Every property that is able to undergo a transition will do so."
},
{
"name": "none",
"description": "No property will transition."
}
],
"relevance": 50,
"description": "Shorthand property combines four of the transition properties into a single property.",
"restrictions": [
"time",
"property",
"timing-function",
"enum"
]
},
{
"name": "-o-transition-delay",
"browsers": [
"O11.5"
],
"relevance": 50,
"description": "Defines when the transition will start. It allows a transition to begin execution some period of time from when it is applied.",
"restrictions": [
"time"
]
},
{
"name": "-o-transition-duration",
"browsers": [
"O11.5"
],
"relevance": 50,
"description": "Specifies how long the transition from the old value to the new value should take.",
"restrictions": [
"time"
]
},
{
"name": "-o-transition-property",
"browsers": [
"O11.5"
],
"values": [
{
"name": "all",
"description": "Every property that is able to undergo a transition will do so."
},
{
"name": "none",
"description": "No property will transition."
}
],
"relevance": 50,
"description": "Specifies the name of the CSS property to which the transition is applied.",
"restrictions": [
"property"
]
},
{
"name": "-o-transition-timing-function",
"browsers": [
"O11.5"
],
"relevance": 50,
"description": "Describes how the intermediate values used during a transition will be calculated.",
"restrictions": [
"timing-function"
]
},
{
"name": "offset-block-end",
"browsers": [
"FF41"
],
"values": [
{
"name": "auto",
"description": "For non-replaced elements, the effect of this value depends on which of related properties have the value 'auto' as well."
}
],
"relevance": 50,
"description": "Logical 'bottom'. Mapping depends on the parent element's 'writing-mode', 'direction', and 'text-orientation'.",
"restrictions": [
"length",
"percentage"
]
},
{
"name": "offset-block-start",
"browsers": [
"FF41"
],
"values": [
{
"name": "auto",
"description": "For non-replaced elements, the effect of this value depends on which of related properties have the value 'auto' as well."
}
],
"relevance": 50,
"description": "Logical 'top'. Mapping depends on the parent element's 'writing-mode', 'direction', and 'text-orientation'.",
"restrictions": [
"length",
"percentage"
]
},
{
"name": "offset-inline-end",
"browsers": [
"FF41"
],
"values": [
{
"name": "auto",
"description": "For non-replaced elements, the effect of this value depends on which of related properties have the value 'auto' as well."
}
],
"relevance": 50,
"description": "Logical 'right'. Mapping depends on the parent element's 'writing-mode', 'direction', and 'text-orientation'.",
"restrictions": [
"length",
"percentage"
]
},
{
"name": "offset-inline-start",
"browsers": [
"FF41"
],
"values": [
{
"name": "auto",
"description": "For non-replaced elements, the effect of this value depends on which of related properties have the value 'auto' as well."
}
],
"relevance": 50,
"description": "Logical 'left'. Mapping depends on the parent element's 'writing-mode', 'direction', and 'text-orientation'.",
"restrictions": [
"length",
"percentage"
]
},
{
"name": "outline",
"browsers": [
"E94",
"FF88",
"S1.2",
"C94",
"IE8",
"O80"
],
"values": [
{
"name": "auto",
"description": "Permits the user agent to render a custom outline style, typically the default platform style."
},
{
"name": "invert",
"browsers": [
"E94",
"FF88",
"S1.2",
"C94",
"IE8",
"O80"
],
"description": "Performs a color inversion on the pixels on the screen."
}
],
"syntax": "[ <'outline-color'> || <'outline-style'> || <'outline-width'> ]",
"relevance": 88,
"references": [
{
"name": "MDN Reference",
"url": "https://developer.mozilla.org/docs/Web/CSS/outline"
}
],
"description": "Shorthand property for 'outline-style', 'outline-width', and 'outline-color'.",
"restrictions": [
"length",
"line-width",
"line-style",
"color",
"enum"
]
},
{
"name": "outline-color",
"browsers": [
"E12",
"FF1.5",
"S1.2",
"C1",
"IE8",
"O7"
],
"values": [
{
"name": "invert",
"browsers": [
"E12",
"FF1.5",
"S1.2",
"C1",
"IE8",
"O7"
],
"description": "Performs a color inversion on the pixels on the screen."
}
],
"syntax": "<color> | invert",
"relevance": 58,
"references": [
{
"name": "MDN Reference",
"url": "https://developer.mozilla.org/docs/Web/CSS/outline-color"
}
],
"description": "The color of the outline.",
"restrictions": [
"enum",
"color"
]
},
{
"name": "outline-offset",
"browsers": [
"E15",
"FF1.5",
"S1.2",
"C1",
"O9.5"
],
"syntax": "<length>",
"relevance": 70,
"references": [
{
"name": "MDN Reference",
"url": "https://developer.mozilla.org/docs/Web/CSS/outline-offset"
}
],
"description": "Offset the outline and draw it beyond the border edge.",
"restrictions": [
"length"
]
},
{
"name": "outline-style",
"browsers": [
"E12",
"FF1.5",
"S1.2",
"C1",
"IE8",
"O7"
],
"values": [
{
"name": "auto",
"description": "Permits the user agent to render a custom outline style, typically the default platform style."
}
],
"syntax": "auto | <'border-style'>",
"relevance": 62,
"references": [
{
"name": "MDN Reference",
"url": "https://developer.mozilla.org/docs/Web/CSS/outline-style"
}
],
"description": "Style of the outline.",
"restrictions": [
"line-style",
"enum"
]
},
{
"name": "outline-width",
"browsers": [
"E12",
"FF1.5",
"S1.2",
"C1",
"IE8",
"O7"
],
"syntax": "<line-width>",
"relevance": 62,
"references": [
{
"name": "MDN Reference",
"url": "https://developer.mozilla.org/docs/Web/CSS/outline-width"
}
],
"description": "Width of the outline.",
"restrictions": [
"length",
"line-width"
]
},
{
"name": "overflow",
"browsers": [
"E12",
"FF1",
"S1",
"C1",
"IE4",
"O7"
],
"values": [
{
"name": "auto",
"description": "The behavior of the 'auto' value is UA-dependent, but should cause a scrolling mechanism to be provided for overflowing boxes."
},
{
"name": "hidden",
"description": "Content is clipped and no scrolling mechanism should be provided to view the content outside the clipping region."
},
{
"name": "-moz-hidden-unscrollable",
"browsers": [
"E12",
"FF1",
"S1",
"C1",
"IE4",
"O7"
],
"description": "Same as the standardized 'clip', except doesn't establish a block formatting context."
},
{
"name": "scroll",
"description": "Content is clipped and if the user agent uses a scrolling mechanism that is visible on the screen (such as a scroll bar or a panner), that mechanism should be displayed for a box whether or not any of its content is clipped."
},
{
"name": "visible",
"description": "Content is not clipped, i.e., it may be rendered outside the content box."
}
],
"syntax": "[ visible | hidden | clip | scroll | auto ]{1,2}",
"relevance": 93,
"references": [
{
"name": "MDN Reference",
"url": "https://developer.mozilla.org/docs/Web/CSS/overflow"
}
],
"description": "Shorthand for setting 'overflow-x' and 'overflow-y'.",
"restrictions": [
"enum"
]
},
{
"name": "overflow-wrap",
"browsers": [
"E18",
"FF49",
"S7",
"C23",
"IE5.5",
"O12.1"
],
"values": [
{
"name": "break-word",
"description": "An otherwise unbreakable sequence of characters may be broken at an arbitrary point if there are no otherwise-acceptable break points in the line."
},
{
"name": "normal",
"description": "Lines may break only at allowed break points."
}
],
"syntax": "normal | break-word | anywhere",
"relevance": 66,
"references": [
{
"name": "MDN Reference",
"url": "https://developer.mozilla.org/docs/Web/CSS/overflow-wrap"
}
],
"description": "Specifies whether the UA may break within a word to prevent overflow when an otherwise-unbreakable string is too long to fit within the line box.",
"restrictions": [
"enum"
]
},
{
"name": "overflow-x",
"browsers": [
"E12",
"FF3.5",
"S3",
"C1",
"IE5",
"O9.5"
],
"values": [
{
"name": "auto",
"description": "The behavior of the 'auto' value is UA-dependent, but should cause a scrolling mechanism to be provided for overflowing boxes."
},
{
"name": "hidden",
"description": "Content is clipped and no scrolling mechanism should be provided to view the content outside the clipping region."
},
{
"name": "scroll",
"description": "Content is clipped and if the user agent uses a scrolling mechanism that is visible on the screen (such as a scroll bar or a panner), that mechanism should be displayed for a box whether or not any of its content is clipped."
},
{
"name": "visible",
"description": "Content is not clipped, i.e., it may be rendered outside the content box."
}
],
"syntax": "visible | hidden | clip | scroll | auto",
"relevance": 81,
"references": [
{
"name": "MDN Reference",
"url": "https://developer.mozilla.org/docs/Web/CSS/overflow-x"
}
],
"description": "Specifies the handling of overflow in the horizontal direction.",
"restrictions": [
"enum"
]
},
{
"name": "overflow-y",
"browsers": [
"E12",
"FF3.5",
"S3",
"C1",
"IE5",
"O9.5"
],
"values": [
{
"name": "auto",
"description": "The behavior of the 'auto' value is UA-dependent, but should cause a scrolling mechanism to be provided for overflowing boxes."
},
{
"name": "hidden",
"description": "Content is clipped and no scrolling mechanism should be provided to view the content outside the clipping region."
},
{
"name": "scroll",
"description": "Content is clipped and if the user agent uses a scrolling mechanism that is visible on the screen (such as a scroll bar or a panner), that mechanism should be displayed for a box whether or not any of its content is clipped."
},
{
"name": "visible",
"description": "Content is not clipped, i.e., it may be rendered outside the content box."
}
],
"syntax": "visible | hidden | clip | scroll | auto",
"relevance": 83,
"references": [
{
"name": "MDN Reference",
"url": "https://developer.mozilla.org/docs/Web/CSS/overflow-y"
}
],
"description": "Specifies the handling of overflow in the vertical direction.",
"restrictions": [
"enum"
]
},
{
"name": "pad",
"browsers": [
"FF33"
],
"syntax": "<integer> && <symbol>",
"relevance": 50,
"description": "@counter-style descriptor. Specifies a \"fixed-width\" counter style, where representations shorter than the pad value are padded with a particular <symbol>",
"restrictions": [
"integer",
"image",
"string",
"identifier"
]
},
{
"name": "padding",
"browsers": [
"E12",
"FF1",
"S1",
"C1",
"IE4",
"O3.5"
],
"values": [],
"syntax": "[ <length> | <percentage> ]{1,4}",
"relevance": 96,
"references": [
{
"name": "MDN Reference",
"url": "https://developer.mozilla.org/docs/Web/CSS/padding"
}
],
"description": "Shorthand property to set values for the thickness of the padding area. If left is omitted, it is the same as right. If bottom is omitted it is the same as top, if right is omitted it is the same as top. The value may not be negative.",
"restrictions": [
"length",
"percentage"
]
},
{
"name": "padding-bottom",
"browsers": [
"E12",
"FF1",
"S1",
"C1",
"IE4",
"O3.5"
],
"syntax": "<length> | <percentage>",
"relevance": 89,
"references": [
{
"name": "MDN Reference",
"url": "https://developer.mozilla.org/docs/Web/CSS/padding-bottom"
}
],
"description": "Shorthand property to set values for the thickness of the padding area. If left is omitted, it is the same as right. If bottom is omitted it is the same as top, if right is omitted it is the same as top. The value may not be negative.",
"restrictions": [
"length",
"percentage"
]
},
{
"name": "padding-block-end",
"browsers": [
"E87",
"FF41",
"S12.1",
"C87",
"O73"
],
"syntax": "<'padding-left'>",
"relevance": 50,
"references": [
{
"name": "MDN Reference",
"url": "https://developer.mozilla.org/docs/Web/CSS/padding-block-end"
}
],
"description": "Logical 'padding-bottom'. Mapping depends on the parent element's 'writing-mode', 'direction', and 'text-orientation'.",
"restrictions": [
"length",
"percentage"
]
},
{
"name": "padding-block-start",
"browsers": [
"E87",
"FF41",
"S12.1",
"C87",
"O73"
],
"syntax": "<'padding-left'>",
"relevance": 50,
"references": [
{
"name": "MDN Reference",
"url": "https://developer.mozilla.org/docs/Web/CSS/padding-block-start"
}
],
"description": "Logical 'padding-top'. Mapping depends on the parent element's 'writing-mode', 'direction', and 'text-orientation'.",
"restrictions": [
"length",
"percentage"
]
},
{
"name": "padding-inline-end",
"browsers": [
"E87",
"FF41",
"S12.1",
"C87",
"O73"
],
"syntax": "<'padding-left'>",
"relevance": 51,
"references": [
{
"name": "MDN Reference",
"url": "https://developer.mozilla.org/docs/Web/CSS/padding-inline-end"
}
],
"description": "Logical 'padding-right'. Mapping depends on the parent element's 'writing-mode', 'direction', and 'text-orientation'.",
"restrictions": [
"length",
"percentage"
]
},
{
"name": "padding-inline-start",
"browsers": [
"E87",
"FF41",
"S12.1",
"C87",
"O73"
],
"syntax": "<'padding-left'>",
"relevance": 53,
"references": [
{
"name": "MDN Reference",
"url": "https://developer.mozilla.org/docs/Web/CSS/padding-inline-start"
}
],
"description": "Logical 'padding-left'. Mapping depends on the parent element's 'writing-mode', 'direction', and 'text-orientation'.",
"restrictions": [
"length",
"percentage"
]
},
{
"name": "padding-left",
"browsers": [
"E12",
"FF1",
"S1",
"C1",
"IE4",
"O3.5"
],
"syntax": "<length> | <percentage>",
"relevance": 90,
"references": [
{
"name": "MDN Reference",
"url": "https://developer.mozilla.org/docs/Web/CSS/padding-left"
}
],
"description": "Shorthand property to set values for the thickness of the padding area. If left is omitted, it is the same as right. If bottom is omitted it is the same as top, if right is omitted it is the same as top. The value may not be negative.",
"restrictions": [
"length",
"percentage"
]
},
{
"name": "padding-right",
"browsers": [
"E12",
"FF1",
"S1",
"C1",
"IE4",
"O3.5"
],
"syntax": "<length> | <percentage>",
"relevance": 89,
"references": [
{
"name": "MDN Reference",
"url": "https://developer.mozilla.org/docs/Web/CSS/padding-right"
}
],
"description": "Shorthand property to set values for the thickness of the padding area. If left is omitted, it is the same as right. If bottom is omitted it is the same as top, if right is omitted it is the same as top. The value may not be negative.",
"restrictions": [
"length",
"percentage"
]
},
{
"name": "padding-top",
"browsers": [
"E12",
"FF1",
"S1",
"C1",
"IE4",
"O3.5"
],
"syntax": "<length> | <percentage>",
"relevance": 90,
"references": [
{
"name": "MDN Reference",
"url": "https://developer.mozilla.org/docs/Web/CSS/padding-top"
}
],
"description": "Shorthand property to set values for the thickness of the padding area. If left is omitted, it is the same as right. If bottom is omitted it is the same as top, if right is omitted it is the same as top. The value may not be negative.",
"restrictions": [
"length",
"percentage"
]
},
{
"name": "page-break-after",
"browsers": [
"E12",
"FF1",
"S1.2",
"C1",
"IE4",
"O7"
],
"values": [
{
"name": "always",
"description": "Always force a page break after the generated box."
},
{
"name": "auto",
"description": "Neither force nor forbid a page break after generated box."
},
{
"name": "avoid",
"description": "Avoid a page break after the generated box."
},
{
"name": "left",
"description": "Force one or two page breaks after the generated box so that the next page is formatted as a left page."
},
{
"name": "right",
"description": "Force one or two page breaks after the generated box so that the next page is formatted as a right page."
}
],
"syntax": "auto | always | avoid | left | right | recto | verso",
"relevance": 52,
"references": [
{
"name": "MDN Reference",
"url": "https://developer.mozilla.org/docs/Web/CSS/page-break-after"
}
],
"description": "Defines rules for page breaks after an element.",
"restrictions": [
"enum"
]
},
{
"name": "page-break-before",
"browsers": [
"E12",
"FF1",
"S1.2",
"C1",
"IE4",
"O7"
],
"values": [
{
"name": "always",
"description": "Always force a page break before the generated box."
},
{
"name": "auto",
"description": "Neither force nor forbid a page break before the generated box."
},
{
"name": "avoid",
"description": "Avoid a page break before the generated box."
},
{
"name": "left",
"description": "Force one or two page breaks before the generated box so that the next page is formatted as a left page."
},
{
"name": "right",
"description": "Force one or two page breaks before the generated box so that the next page is formatted as a right page."
}
],
"syntax": "auto | always | avoid | left | right | recto | verso",
"relevance": 50,
"references": [
{
"name": "MDN Reference",
"url": "https://developer.mozilla.org/docs/Web/CSS/page-break-before"
}
],
"description": "Defines rules for page breaks before an element.",
"restrictions": [
"enum"
]
},
{
"name": "page-break-inside",
"browsers": [
"E12",
"FF19",
"S1.3",
"C1",
"IE8",
"O7"
],
"values": [
{
"name": "auto",
"description": "Neither force nor forbid a page break inside the generated box."
},
{
"name": "avoid",
"description": "Avoid a page break inside the generated box."
}
],
"syntax": "auto | avoid",
"relevance": 53,
"references": [
{
"name": "MDN Reference",
"url": "https://developer.mozilla.org/docs/Web/CSS/page-break-inside"
}
],
"description": "Defines rules for page breaks inside an element.",
"restrictions": [
"enum"
]
},
{
"name": "paint-order",
"browsers": [
"E17",
"FF60",
"S8",
"C35",
"O22"
],
"values": [
{
"name": "fill"
},
{
"name": "markers"
},
{
"name": "normal",
"description": "The element is painted with the standard order of painting operations: the 'fill' is painted first, then its 'stroke' and finally its markers."
},
{
"name": "stroke"
}
],
"syntax": "normal | [ fill || stroke || markers ]",
"relevance": 50,
"references": [
{
"name": "MDN Reference",
"url": "https://developer.mozilla.org/docs/Web/CSS/paint-order"
}
],
"description": "Controls the order that the three paint operations that shapes and text are rendered with: their fill, their stroke and any markers they might have.",
"restrictions": [
"enum"
]
},
{
"name": "perspective",
"browsers": [
"E12",
"FF16",
"S9",
"C36",
"IE10",
"O23"
],
"values": [
{
"name": "none",
"description": "No perspective transform is applied."
}
],
"syntax": "none | <length>",
"relevance": 54,
"references": [
{
"name": "MDN Reference",
"url": "https://developer.mozilla.org/docs/Web/CSS/perspective"
}
],
"description": "Applies the same transform as the perspective(<number>) transform function, except that it applies only to the positioned or transformed children of the element, not to the transform on the element itself.",
"restrictions": [
"length",
"enum"
]
},
{
"name": "perspective-origin",
"browsers": [
"E12",
"FF16",
"S9",
"C36",
"IE10",
"O23"
],
"syntax": "<position>",
"relevance": 51,
"references": [
{
"name": "MDN Reference",
"url": "https://developer.mozilla.org/docs/Web/CSS/perspective-origin"
}
],
"description": "Establishes the origin for the perspective property. It effectively sets the X and Y position at which the viewer appears to be looking at the children of the element.",
"restrictions": [
"position",
"percentage",
"length"
]
},
{
"name": "pointer-events",
"browsers": [
"E12",
"FF1.5",
"S4",
"C1",
"IE11",
"O9"
],
"values": [
{
"name": "all",
"description": "The given element can be the target element for pointer events whenever the pointer is over either the interior or the perimeter of the element."
},
{
"name": "fill",
"description": "The given element can be the target element for pointer events whenever the pointer is over the interior of the element."
},
{
"name": "none",
"description": "The given element does not receive pointer events."
},
{
"name": "painted",
"description": "The given element can be the target element for pointer events when the pointer is over a \"painted\" area. "
},
{
"name": "stroke",
"description": "The given element can be the target element for pointer events whenever the pointer is over the perimeter of the element."
},
{
"name": "visible",
"description": "The given element can be the target element for pointer events when the 'visibility' property is set to visible and the pointer is over either the interior or the perimeter of the element."
},
{
"name": "visibleFill",
"description": "The given element can be the target element for pointer events when the 'visibility' property is set to visible and when the pointer is over the interior of the element."
},
{
"name": "visiblePainted",
"description": "The given element can be the target element for pointer events when the 'visibility' property is set to visible and when the pointer is over a 'painted' area."
},
{
"name": "visibleStroke",
"description": "The given element can be the target element for pointer events when the 'visibility' property is set to visible and when the pointer is over the perimeter of the element."
}
],
"syntax": "auto | none | visiblePainted | visibleFill | visibleStroke | visible | painted | fill | stroke | all | inherit",
"relevance": 82,
"references": [
{
"name": "MDN Reference",
"url": "https://developer.mozilla.org/docs/Web/CSS/pointer-events"
}
],
"description": "Specifies under what circumstances a given element can be the target element for a pointer event.",
"restrictions": [
"enum"
]
},
{
"name": "position",
"browsers": [
"E12",
"FF1",
"S1",
"C1",
"IE4",
"O4"
],
"values": [
{
"name": "absolute",
"description": "The box's position (and possibly size) is specified with the 'top', 'right', 'bottom', and 'left' properties. These properties specify offsets with respect to the box's 'containing block'."
},
{
"name": "fixed",
"description": "The box's position is calculated according to the 'absolute' model, but in addition, the box is fixed with respect to some reference. As with the 'absolute' model, the box's margins do not collapse with any other margins."
},
{
"name": "-ms-page",
"browsers": [
"E12",
"FF1",
"S1",
"C1",
"IE4",
"O4"
],
"description": "The box's position is calculated according to the 'absolute' model."
},
{
"name": "relative",
"description": "The box's position is calculated according to the normal flow (this is called the position in normal flow). Then the box is offset relative to its normal position."
},
{
"name": "static",
"description": "The box is a normal box, laid out according to the normal flow. The 'top', 'right', 'bottom', and 'left' properties do not apply."
},
{
"name": "sticky",
"browsers": [
"E12",
"FF1",
"S1",
"C1",
"IE4",
"O4"
],
"description": "The box's position is calculated according to the normal flow. Then the box is offset relative to its flow root and containing block and in all cases, including table elements, does not affect the position of any following boxes."
},
{
"name": "-webkit-sticky",
"browsers": [
"E12",
"FF1",
"S1",
"C1",
"IE4",
"O4"
],
"description": "The box's position is calculated according to the normal flow. Then the box is offset relative to its flow root and containing block and in all cases, including table elements, does not affect the position of any following boxes."
}
],
"syntax": "static | relative | absolute | sticky | fixed",
"relevance": 96,
"references": [
{
"name": "MDN Reference",
"url": "https://developer.mozilla.org/docs/Web/CSS/position"
}
],
"description": "The position CSS property sets how an element is positioned in a document. The top, right, bottom, and left properties determine the final location of positioned elements.",
"restrictions": [
"enum"
]
},
{
"name": "prefix",
"browsers": [
"FF33"
],
"syntax": "<symbol>",
"relevance": 50,
"description": "@counter-style descriptor. Specifies a <symbol> that is prepended to the marker representation.",
"restrictions": [
"image",
"string",
"identifier"
]
},
{
"name": "quotes",
"browsers": [
"E12",
"FF1.5",
"S9",
"C11",
"IE8",
"O4"
],
"values": [
{
"name": "none",
"description": "The 'open-quote' and 'close-quote' values of the 'content' property produce no quotations marks, as if they were 'no-open-quote' and 'no-close-quote' respectively."
}
],
"syntax": "none | auto | [ <string> <string> ]+",
"relevance": 53,
"references": [
{
"name": "MDN Reference",
"url": "https://developer.mozilla.org/docs/Web/CSS/quotes"
}
],
"description": "Specifies quotation marks for any number of embedded quotations.",
"restrictions": [
"string"
]
},
{
"name": "range",
"browsers": [
"FF33"
],
"values": [
{
"name": "auto",
"description": "The range depends on the counter system."
},
{
"name": "infinite",
"description": "If used as the first value in a range, it represents negative infinity; if used as the second value, it represents positive infinity."
}
],
"syntax": "[ [ <integer> | infinite ]{2} ]# | auto",
"relevance": 50,
"description": "@counter-style descriptor. Defines the ranges over which the counter style is defined.",
"restrictions": [
"integer",
"enum"
]
},
{
"name": "resize",
"browsers": [
"E79",
"FF4",
"S3",
"C1",
"O12.1"
],
"values": [
{
"name": "both",
"description": "The UA presents a bidirectional resizing mechanism to allow the user to adjust both the height and the width of the element."
},
{
"name": "horizontal",
"description": "The UA presents a unidirectional horizontal resizing mechanism to allow the user to adjust only the width of the element."
},
{
"name": "none",
"description": "The UA does not present a resizing mechanism on the element, and the user is given no direct manipulation mechanism to resize the element."
},
{
"name": "vertical",
"description": "The UA presents a unidirectional vertical resizing mechanism to allow the user to adjust only the height of the element."
}
],
"syntax": "none | both | horizontal | vertical | block | inline",
"relevance": 62,
"references": [
{
"name": "MDN Reference",
"url": "https://developer.mozilla.org/docs/Web/CSS/resize"
}
],
"description": "Specifies whether or not an element is resizable by the user, and if so, along which axis/axes.",
"restrictions": [
"enum"
]
},
{
"name": "right",
"browsers": [
"E12",
"FF1",
"S1",
"C1",
"IE5.5",
"O5"
],
"values": [
{
"name": "auto",
"description": "For non-replaced elements, the effect of this value depends on which of related properties have the value 'auto' as well"
}
],
"syntax": "<length> | <percentage> | auto",
"relevance": 91,
"references": [
{
"name": "MDN Reference",
"url": "https://developer.mozilla.org/docs/Web/CSS/right"
}
],
"description": "Specifies how far an absolutely positioned box's right margin edge is offset to the left of the right edge of the box's 'containing block'.",
"restrictions": [
"length",
"percentage"
]
},
{
"name": "ruby-align",
"browsers": [
"FF38"
],
"values": [
{
"name": "auto",
"browsers": [
"FF38"
],
"description": "The user agent determines how the ruby contents are aligned. This is the initial value."
},
{
"name": "center",
"description": "The ruby content is centered within its box."
},
{
"name": "distribute-letter",
"browsers": [
"FF38"
],
"description": "If the width of the ruby text is smaller than that of the base, then the ruby text contents are evenly distributed across the width of the base, with the first and last ruby text glyphs lining up with the corresponding first and last base glyphs. If the width of the ruby text is at least the width of the base, then the letters of the base are evenly distributed across the width of the ruby text."
},
{
"name": "distribute-space",
"browsers": [
"FF38"
],
"description": "If the width of the ruby text is smaller than that of the base, then the ruby text contents are evenly distributed across the width of the base, with a certain amount of white space preceding the first and following the last character in the ruby text. That amount of white space is normally equal to half the amount of inter-character space of the ruby text."
},
{
"name": "left",
"description": "The ruby text content is aligned with the start edge of the base."
},
{
"name": "line-edge",
"browsers": [
"FF38"
],
"description": "If the ruby text is not adjacent to a line edge, it is aligned as in 'auto'. If it is adjacent to a line edge, then it is still aligned as in auto, but the side of the ruby text that touches the end of the line is lined up with the corresponding edge of the base."
},
{
"name": "right",
"browsers": [
"FF38"
],
"description": "The ruby text content is aligned with the end edge of the base."
},
{
"name": "start",
"browsers": [
"FF38"
],
"description": "The ruby text content is aligned with the start edge of the base."
},
{
"name": "space-between",
"browsers": [
"FF38"
],
"description": "The ruby content expands as defined for normal text justification (as defined by 'text-justify'),"
},
{
"name": "space-around",
"browsers": [
"FF38"
],
"description": "As for 'space-between' except that there exists an extra justification opportunities whose space is distributed half before and half after the ruby content."
}
],
"status": "experimental",
"syntax": "start | center | space-between | space-around",
"relevance": 50,
"references": [
{
"name": "MDN Reference",
"url": "https://developer.mozilla.org/docs/Web/CSS/ruby-align"
}
],
"description": "Specifies how text is distributed within the various ruby boxes when their contents do not exactly fill their respective boxes.",
"restrictions": [
"enum"
]
},
{
"name": "ruby-overhang",
"browsers": [
"FF10",
"IE5"
],
"values": [
{
"name": "auto",
"description": "The ruby text can overhang text adjacent to the base on either side. This is the initial value."
},
{
"name": "end",
"description": "The ruby text can overhang the text that follows it."
},
{
"name": "none",
"description": "The ruby text cannot overhang any text adjacent to its base, only its own base."
},
{
"name": "start",
"description": "The ruby text can overhang the text that precedes it."
}
],
"relevance": 50,
"description": "Determines whether, and on which side, ruby text is allowed to partially overhang any adjacent text in addition to its own base, when the ruby text is wider than the ruby base.",
"restrictions": [
"enum"
]
},
{
"name": "ruby-position",
"browsers": [
"E84",
"FF38",
"S7",
"C84",
"O70"
],
"values": [
{
"name": "after",
"description": "The ruby text appears after the base. This is a relatively rare setting used in ideographic East Asian writing systems, most easily found in educational text."
},
{
"name": "before",
"description": "The ruby text appears before the base. This is the most common setting used in ideographic East Asian writing systems."
},
{
"name": "inline"
},
{
"name": "right",
"description": "The ruby text appears on the right of the base. Unlike 'before' and 'after', this value is not relative to the text flow direction."
}
],
"syntax": "[ alternate || [ over | under ] ] | inter-character",
"relevance": 50,
"references": [
{
"name": "MDN Reference",
"url": "https://developer.mozilla.org/docs/Web/CSS/ruby-position"
}
],
"description": "Used by the parent of elements with display: ruby-text to control the position of the ruby text with respect to its base.",
"restrictions": [
"enum"
]
},
{
"name": "ruby-span",
"browsers": [
"FF10"
],
"values": [
{
"name": "attr(x)",
"description": "The value of attribute 'x' is a string value. The string value is evaluated as a <number> to determine the number of ruby base elements to be spanned by the annotation element."
},
{
"name": "none",
"description": "No spanning. The computed value is '1'."
}
],
"relevance": 50,
"description": "Determines whether, and on which side, ruby text is allowed to partially overhang any adjacent text in addition to its own base, when the ruby text is wider than the ruby base.",
"restrictions": [
"enum"
]
},
{
"name": "scrollbar-3dlight-color",
"browsers": [
"IE5"
],
"relevance": 50,
"references": [
{
"name": "MDN Reference",
"url": "https://developer.mozilla.org/docs/Web/CSS/scrollbar-3dlight-color"
}
],
"description": "Determines the color of the top and left edges of the scroll box and scroll arrows of a scroll bar.",
"restrictions": [
"color"
]
},
{
"name": "scrollbar-arrow-color",
"browsers": [
"IE5"
],
"relevance": 50,
"references": [
{
"name": "MDN Reference",
"url": "https://developer.mozilla.org/docs/Web/CSS/scrollbar-arrow-color"
}
],
"description": "Determines the color of the arrow elements of a scroll arrow.",
"restrictions": [
"color"
]
},
{
"name": "scrollbar-base-color",
"browsers": [
"IE5"
],
"relevance": 50,
"references": [
{
"name": "MDN Reference",
"url": "https://developer.mozilla.org/docs/Web/CSS/scrollbar-base-color"
}
],
"description": "Determines the color of the main elements of a scroll bar, which include the scroll box, track, and scroll arrows.",
"restrictions": [
"color"
]
},
{
"name": "scrollbar-darkshadow-color",
"browsers": [
"IE5"
],
"relevance": 50,
"references": [
{
"name": "MDN Reference",
"url": "https://developer.mozilla.org/docs/Web/CSS/scrollbar-darkshadow-color"
}
],
"description": "Determines the color of the gutter of a scroll bar.",
"restrictions": [
"color"
]
},
{
"name": "scrollbar-face-color",
"browsers": [
"IE5"
],
"relevance": 50,
"references": [
{
"name": "MDN Reference",
"url": "https://developer.mozilla.org/docs/Web/CSS/scrollbar-face-color"
}
],
"description": "Determines the color of the scroll box and scroll arrows of a scroll bar.",
"restrictions": [
"color"
]
},
{
"name": "scrollbar-highlight-color",
"browsers": [
"IE5"
],
"relevance": 50,
"references": [
{
"name": "MDN Reference",
"url": "https://developer.mozilla.org/docs/Web/CSS/scrollbar-highlight-color"
}
],
"description": "Determines the color of the top and left edges of the scroll box and scroll arrows of a scroll bar.",
"restrictions": [
"color"
]
},
{
"name": "scrollbar-shadow-color",
"browsers": [
"IE5"
],
"relevance": 50,
"references": [
{
"name": "MDN Reference",
"url": "https://developer.mozilla.org/docs/Web/CSS/scrollbar-shadow-color"
}
],
"description": "Determines the color of the bottom and right edges of the scroll box and scroll arrows of a scroll bar.",
"restrictions": [
"color"
]
},
{
"name": "scrollbar-track-color",
"browsers": [
"IE6"
],
"relevance": 50,
"description": "Determines the color of the track element of a scroll bar.",
"restrictions": [
"color"
]
},
{
"name": "scroll-behavior",
"browsers": [
"E79",
"FF36",
"S15.4",
"C61",
"O48"
],
"values": [
{
"name": "auto",
"description": "Scrolls in an instant fashion."
},
{
"name": "smooth",
"description": "Scrolls in a smooth fashion using a user-agent-defined timing function and time period."
}
],
"syntax": "auto | smooth",
"relevance": 53,
"references": [
{
"name": "MDN Reference",
"url": "https://developer.mozilla.org/docs/Web/CSS/scroll-behavior"
}
],
"description": "Specifies the scrolling behavior for a scrolling box, when scrolling happens due to navigation or CSSOM scrolling APIs.",
"restrictions": [
"enum"
]
},
{
"name": "scroll-snap-coordinate",
"browsers": [
"FF39"
],
"values": [
{
"name": "none",
"description": "Specifies that this element does not contribute a snap point."
}
],
"status": "obsolete",
"syntax": "none | <position>#",
"relevance": 0,
"references": [
{
"name": "MDN Reference",
"url": "https://developer.mozilla.org/docs/Web/CSS/scroll-snap-coordinate"
}
],
"description": "Defines the x and y coordinate within the element which will align with the nearest ancestor scroll container's snap-destination for the respective axis.",
"restrictions": [
"position",
"length",
"percentage",
"enum"
]
},
{
"name": "scroll-snap-destination",
"browsers": [
"FF39"
],
"status": "obsolete",
"syntax": "<position>",
"relevance": 0,
"references": [
{
"name": "MDN Reference",
"url": "https://developer.mozilla.org/docs/Web/CSS/scroll-snap-destination"
}
],
"description": "Define the x and y coordinate within the scroll container's visual viewport which element snap points will align with.",
"restrictions": [
"position",
"length",
"percentage"
]
},
{
"name": "scroll-snap-points-x",
"browsers": [
"FF39",
"S9"
],
"values": [
{
"name": "none",
"description": "No snap points are defined by this scroll container."
},
{
"name": "repeat()",
"description": "Defines an interval at which snap points are defined, starting from the container's relevant start edge."
}
],
"status": "obsolete",
"syntax": "none | repeat( <length-percentage> )",
"relevance": 0,
"references": [
{
"name": "MDN Reference",
"url": "https://developer.mozilla.org/docs/Web/CSS/scroll-snap-points-x"
}
],
"description": "Defines the positioning of snap points along the x axis of the scroll container it is applied to.",
"restrictions": [
"enum"
]
},
{
"name": "scroll-snap-points-y",
"browsers": [
"FF39",
"S9"
],
"values": [
{
"name": "none",
"description": "No snap points are defined by this scroll container."
},
{
"name": "repeat()",
"description": "Defines an interval at which snap points are defined, starting from the container's relevant start edge."
}
],
"status": "obsolete",
"syntax": "none | repeat( <length-percentage> )",
"relevance": 0,
"references": [
{
"name": "MDN Reference",
"url": "https://developer.mozilla.org/docs/Web/CSS/scroll-snap-points-y"
}
],
"description": "Defines the positioning of snap points along the y axis of the scroll container it is applied to.",
"restrictions": [
"enum"
]
},
{
"name": "scroll-snap-type",
"browsers": [
"E79",
"FF99",
"S11",
"C69",
"IE10",
"O56"
],
"values": [
{
"name": "none",
"description": "The visual viewport of this scroll container must ignore snap points, if any, when scrolled."
},
{
"name": "mandatory",
"description": "The visual viewport of this scroll container is guaranteed to rest on a snap point when there are no active scrolling operations."
},
{
"name": "proximity",
"description": "The visual viewport of this scroll container may come to rest on a snap point at the termination of a scroll at the discretion of the UA given the parameters of the scroll."
}
],
"syntax": "none | [ x | y | block | inline | both ] [ mandatory | proximity ]?",
"relevance": 53,
"references": [
{
"name": "MDN Reference",
"url": "https://developer.mozilla.org/docs/Web/CSS/scroll-snap-type"
}
],
"description": "Defines how strictly snap points are enforced on the scroll container.",
"restrictions": [
"enum"
]
},
{
"name": "shape-image-threshold",
"browsers": [
"E79",
"FF62",
"S10.1",
"C37",
"O24"
],
"syntax": "<alpha-value>",
"relevance": 50,
"references": [
{
"name": "MDN Reference",
"url": "https://developer.mozilla.org/docs/Web/CSS/shape-image-threshold"
}
],
"description": "Defines the alpha channel threshold used to extract the shape using an image. A value of 0.5 means that the shape will enclose all the pixels that are more than 50% opaque.",
"restrictions": [
"number"
]
},
{
"name": "shape-margin",
"browsers": [
"E79",
"FF62",
"S10.1",
"C37",
"O24"
],
"syntax": "<length-percentage>",
"relevance": 50,
"references": [
{
"name": "MDN Reference",
"url": "https://developer.mozilla.org/docs/Web/CSS/shape-margin"
}
],
"description": "Adds a margin to a 'shape-outside'. This defines a new shape that is the smallest contour that includes all the points that are the 'shape-margin' distance outward in the perpendicular direction from a point on the underlying shape.",
"restrictions": [
"url",
"length",
"percentage"
]
},
{
"name": "shape-outside",
"browsers": [
"E79",
"FF62",
"S10.1",
"C37",
"O24"
],
"values": [
{
"name": "margin-box",
"description": "The background is painted within (clipped to) the margin box."
},
{
"name": "none",
"description": "The float area is unaffected."
}
],
"syntax": "none | [ <shape-box> || <basic-shape> ] | <image>",
"relevance": 50,
"references": [
{
"name": "MDN Reference",
"url": "https://developer.mozilla.org/docs/Web/CSS/shape-outside"
}
],
"description": "Specifies an orthogonal rotation to be applied to an image before it is laid out.",
"restrictions": [
"image",
"box",
"shape",
"enum"
]
},
{
"name": "shape-rendering",
"values": [
{
"name": "auto",
"description": "Suppresses aural rendering."
},
{
"name": "crispEdges",
"description": "Emphasize the contrast between clean edges of artwork over rendering speed and geometric precision."
},
{
"name": "geometricPrecision",
"description": "Emphasize geometric precision over speed and crisp edges."
},
{
"name": "optimizeSpeed",
"description": "Emphasize rendering speed over geometric precision and crisp edges."
}
],
"relevance": 50,
"description": "Provides hints about what tradeoffs to make as it renders vector graphics elements such as <path> elements and basic shapes such as circles and rectangles.",
"restrictions": [
"enum"
]
},
{
"name": "size",
"browsers": [
"C",
"O8"
],
"syntax": "<length>{1,2} | auto | [ <page-size> || [ portrait | landscape ] ]",
"relevance": 53,
"description": "The size CSS at-rule descriptor, used with the @page at-rule, defines the size and orientation of the box which is used to represent a page. Most of the time, this size corresponds to the target size of the printed page if applicable.",
"restrictions": [
"length"
]
},
{
"name": "src",
"values": [
{
"name": "url()",
"description": "Reference font by URL"
},
{
"name": "format()",
"description": "Optional hint describing the format of the font resource."
},
{
"name": "local()",
"description": "Format-specific string that identifies a locally available copy of a given font."
}
],
"syntax": "[ <url> [ format( <string># ) ]? | local( <family-name> ) ]#",
"relevance": 87,
"description": "@font-face descriptor. Specifies the resource containing font data. It is required, whether the font is downloadable or locally installed.",
"restrictions": [
"enum",
"url",
"identifier"
]
},
{
"name": "stop-color",
"relevance": 51,
"description": "Indicates what color to use at that gradient stop.",
"restrictions": [
"color"
]
},
{
"name": "stop-opacity",
"relevance": 50,
"description": "Defines the opacity of a given gradient stop.",
"restrictions": [
"number(0-1)"
]
},
{
"name": "stroke",
"values": [
{
"name": "url()",
"description": "A URL reference to a paint server element, which is an element that defines a paint server: 'hatch', 'linearGradient', 'mesh', 'pattern', 'radialGradient' and 'solidcolor'."
},
{
"name": "none",
"description": "No paint is applied in this layer."
}
],
"relevance": 67,
"description": "Paints along the outline of the given graphical element.",
"restrictions": [
"color",
"enum",
"url"
]
},
{
"name": "stroke-dasharray",
"values": [
{
"name": "none",
"description": "Indicates that no dashing is used."
}
],
"relevance": 62,
"description": "Controls the pattern of dashes and gaps used to stroke paths.",
"restrictions": [
"length",
"percentage",
"number",
"enum"
]
},
{
"name": "stroke-dashoffset",
"relevance": 62,
"description": "Specifies the distance into the dash pattern to start the dash.",
"restrictions": [
"percentage",
"length"
]
},
{
"name": "stroke-linecap",
"values": [
{
"name": "butt",
"description": "Indicates that the stroke for each subpath does not extend beyond its two endpoints."
},
{
"name": "round",
"description": "Indicates that at each end of each subpath, the shape representing the stroke will be extended by a half circle with a radius equal to the stroke width."
},
{
"name": "square",
"description": "Indicates that at the end of each subpath, the shape representing the stroke will be extended by a rectangle with the same width as the stroke width and whose length is half of the stroke width."
}
],
"relevance": 53,
"description": "Specifies the shape to be used at the end of open subpaths when they are stroked.",
"restrictions": [
"enum"
]
},
{
"name": "stroke-linejoin",
"values": [
{
"name": "bevel",
"description": "Indicates that a bevelled corner is to be used to join path segments."
},
{
"name": "miter",
"description": "Indicates that a sharp corner is to be used to join path segments."
},
{
"name": "round",
"description": "Indicates that a round corner is to be used to join path segments."
}
],
"relevance": 51,
"description": "Specifies the shape to be used at the corners of paths or basic shapes when they are stroked.",
"restrictions": [
"enum"
]
},
{
"name": "stroke-miterlimit",
"relevance": 51,
"description": "When two line segments meet at a sharp angle and miter joins have been specified for 'stroke-linejoin', it is possible for the miter to extend far beyond the thickness of the line stroking the path.",
"restrictions": [
"number"
]
},
{
"name": "stroke-opacity",
"relevance": 51,
"description": "Specifies the opacity of the painting operation used to stroke the current object.",
"restrictions": [
"number(0-1)"
]
},
{
"name": "stroke-width",
"relevance": 63,
"description": "Specifies the width of the stroke on the current object.",
"restrictions": [
"percentage",
"length"
]
},
{
"name": "suffix",
"browsers": [
"FF33"
],
"syntax": "<symbol>",
"relevance": 50,
"description": "@counter-style descriptor. Specifies a <symbol> that is appended to the marker representation.",
"restrictions": [
"image",
"string",
"identifier"
]
},
{
"name": "system",
"browsers": [
"FF33"
],
"values": [
{
"name": "additive",
"description": "Represents \"sign-value\" numbering systems, which, rather than using reusing digits in different positions to change their value, define additional digits with much larger values, so that the value of the number can be obtained by adding all the digits together."
},
{
"name": "alphabetic",
"description": "Interprets the list of counter symbols as digits to an alphabetic numbering system, similar to the default lower-alpha counter style, which wraps from \"a\", \"b\", \"c\", to \"aa\", \"ab\", \"ac\"."
},
{
"name": "cyclic",
"description": "Cycles repeatedly through its provided symbols, looping back to the beginning when it reaches the end of the list."
},
{
"name": "extends",
"description": "Use the algorithm of another counter style, but alter other aspects."
},
{
"name": "fixed",
"description": "Runs through its list of counter symbols once, then falls back."
},
{
"name": "numeric",
"description": "interprets the list of counter symbols as digits to a \"place-value\" numbering system, similar to the default 'decimal' counter style."
},
{
"name": "symbolic",
"description": "Cycles repeatedly through its provided symbols, doubling, tripling, etc. the symbols on each successive pass through the list."
}
],
"syntax": "cyclic | numeric | alphabetic | symbolic | additive | [ fixed <integer>? ] | [ extends <counter-style-name> ]",
"relevance": 50,
"description": "@counter-style descriptor. Specifies which algorithm will be used to construct the counter's representation based on the counter value.",
"restrictions": [
"enum",
"integer"
]
},
{
"name": "symbols",
"browsers": [
"FF33"
],
"syntax": "<symbol>+",
"relevance": 50,
"description": "@counter-style descriptor. Specifies the symbols used by the marker-construction algorithm specified by the system descriptor.",
"restrictions": [
"image",
"string",
"identifier"
]
},
{
"name": "table-layout",
"browsers": [
"E12",
"FF1",
"S1",
"C14",
"IE5",
"O7"
],
"values": [
{
"name": "auto",
"description": "Use any automatic table layout algorithm."
},
{
"name": "fixed",
"description": "Use the fixed table layout algorithm."
}
],
"syntax": "auto | fixed",
"relevance": 60,
"references": [
{
"name": "MDN Reference",
"url": "https://developer.mozilla.org/docs/Web/CSS/table-layout"
}
],
"description": "Controls the algorithm used to lay out the table cells, rows, and columns.",
"restrictions": [
"enum"
]
},
{
"name": "tab-size",
"browsers": [
"E79",
"FF91",
"S7",
"C21",
"O15"
],
"syntax": "<integer> | <length>",
"relevance": 52,
"references": [
{
"name": "MDN Reference",
"url": "https://developer.mozilla.org/docs/Web/CSS/tab-size"
}
],
"description": "Determines the width of the tab character (U+0009), in space characters (U+0020), when rendered.",
"restrictions": [
"integer",
"length"
]
},
{
"name": "text-align",
"browsers": [
"E12",
"FF1",
"S1",
"C1",
"IE3",
"O3.5"
],
"values": [
{
"name": "center",
"description": "The inline contents are centered within the line box."
},
{
"name": "end",
"browsers": [
"E12",
"FF1",
"S1",
"C1",
"IE3",
"O3.5"
],
"description": "The inline contents are aligned to the end edge of the line box."
},
{
"name": "justify",
"description": "The text is justified according to the method specified by the 'text-justify' property."
},
{
"name": "left",
"description": "The inline contents are aligned to the left edge of the line box. In vertical text, 'left' aligns to the edge of the line box that would be the start edge for left-to-right text."
},
{
"name": "right",
"description": "The inline contents are aligned to the right edge of the line box. In vertical text, 'right' aligns to the edge of the line box that would be the end edge for left-to-right text."
},
{
"name": "start",
"browsers": [
"E12",
"FF1",
"S1",
"C1",
"IE3",
"O3.5"
],
"description": "The inline contents are aligned to the start edge of the line box."
}
],
"syntax": "start | end | left | right | center | justify | match-parent",
"relevance": 93,
"references": [
{
"name": "MDN Reference",
"url": "https://developer.mozilla.org/docs/Web/CSS/text-align"
}
],
"description": "Describes how inline contents of a block are horizontally aligned if the contents do not completely fill the line box.",
"restrictions": [
"string"
]
},
{
"name": "text-align-last",
"browsers": [
"E12",
"FF49",
"S16",
"C47",
"IE5.5",
"O34"
],
"values": [
{
"name": "auto",
"description": "Content on the affected line is aligned per 'text-align' unless 'text-align' is set to 'justify', in which case it is 'start-aligned'."
},
{
"name": "center",
"description": "The inline contents are centered within the line box."
},
{
"name": "justify",
"description": "The text is justified according to the method specified by the 'text-justify' property."
},
{
"name": "left",
"description": "The inline contents are aligned to the left edge of the line box. In vertical text, 'left' aligns to the edge of the line box that would be the start edge for left-to-right text."
},
{
"name": "right",
"description": "The inline contents are aligned to the right edge of the line box. In vertical text, 'right' aligns to the edge of the line box that would be the end edge for left-to-right text."
}
],
"syntax": "auto | start | end | left | right | center | justify",
"relevance": 51,
"references": [
{
"name": "MDN Reference",
"url": "https://developer.mozilla.org/docs/Web/CSS/text-align-last"
}
],
"description": "Describes how the last line of a block or a line right before a forced line break is aligned when 'text-align' is set to 'justify'.",
"restrictions": [
"enum"
]
},
{
"name": "text-anchor",
"values": [
{
"name": "end",
"description": "The rendered characters are aligned such that the end of the resulting rendered text is at the initial current text position."
},
{
"name": "middle",
"description": "The rendered characters are aligned such that the geometric middle of the resulting rendered text is at the initial current text position."
},
{
"name": "start",
"description": "The rendered characters are aligned such that the start of the resulting rendered text is at the initial current text position."
}
],
"relevance": 50,
"description": "Used to align (start-, middle- or end-alignment) a string of text relative to a given point.",
"restrictions": [
"enum"
]
},
{
"name": "text-decoration",
"browsers": [
"E12",
"FF1",
"S1",
"C1",
"IE3",
"O3.5"
],
"values": [
{
"name": "dashed",
"description": "Produces a dashed line style."
},
{
"name": "dotted",
"description": "Produces a dotted line."
},
{
"name": "double",
"description": "Produces a double line."
},
{
"name": "line-through",
"description": "Each line of text has a line through the middle."
},
{
"name": "none",
"description": "Produces no line."
},
{
"name": "overline",
"description": "Each line of text has a line above it."
},
{
"name": "solid",
"description": "Produces a solid line."
},
{
"name": "underline",
"description": "Each line of text is underlined."
},
{
"name": "wavy",
"description": "Produces a wavy line."
}
],
"syntax": "<'text-decoration-line'> || <'text-decoration-style'> || <'text-decoration-color'> || <'text-decoration-thickness'>",
"relevance": 91,
"references": [
{
"name": "MDN Reference",
"url": "https://developer.mozilla.org/docs/Web/CSS/text-decoration"
}
],
"description": "Decorations applied to font used for an element's text.",
"restrictions": [
"enum",
"color"
]
},
{
"name": "text-decoration-color",
"browsers": [
"E79",
"FF36",
"S12.1",
"C57",
"O44"
],
"syntax": "<color>",
"relevance": 55,
"references": [
{
"name": "MDN Reference",
"url": "https://developer.mozilla.org/docs/Web/CSS/text-decoration-color"
}
],
"description": "Specifies the color of text decoration (underlines overlines, and line-throughs) set on the element with text-decoration-line.",
"restrictions": [
"color"
]
},
{
"name": "text-decoration-line",
"browsers": [
"E79",
"FF36",
"S12.1",
"C57",
"O44"
],
"values": [
{
"name": "line-through",
"description": "Each line of text has a line through the middle."
},
{
"name": "none",
"description": "Neither produces nor inhibits text decoration."
},
{
"name": "overline",
"description": "Each line of text has a line above it."
},
{
"name": "underline",
"description": "Each line of text is underlined."
}
],
"syntax": "none | [ underline || overline || line-through || blink ] | spelling-error | grammar-error",
"relevance": 57,
"references": [
{
"name": "MDN Reference",
"url": "https://developer.mozilla.org/docs/Web/CSS/text-decoration-line"
}
],
"description": "Specifies what line decorations, if any, are added to the element.",
"restrictions": [
"enum"
]
},
{
"name": "text-decoration-style",
"browsers": [
"E79",
"FF36",
"S12.1",
"C57",
"O44"
],
"values": [
{
"name": "dashed",
"description": "Produces a dashed line style."
},
{
"name": "dotted",
"description": "Produces a dotted line."
},
{
"name": "double",
"description": "Produces a double line."
},
{
"name": "none",
"description": "Produces no line."
},
{
"name": "solid",
"description": "Produces a solid line."
},
{
"name": "wavy",
"description": "Produces a wavy line."
}
],
"syntax": "solid | double | dotted | dashed | wavy",
"relevance": 51,
"references": [
{
"name": "MDN Reference",
"url": "https://developer.mozilla.org/docs/Web/CSS/text-decoration-style"
}
],
"description": "Specifies the line style for underline, line-through and overline text decoration.",
"restrictions": [
"enum"
]
},
{
"name": "text-indent",
"browsers": [
"E12",
"FF1",
"S1",
"C1",
"IE3",
"O3.5"
],
"values": [],
"syntax": "<length-percentage> && hanging? && each-line?",
"relevance": 69,
"references": [
{
"name": "MDN Reference",
"url": "https://developer.mozilla.org/docs/Web/CSS/text-indent"
}
],
"description": "Specifies the indentation applied to lines of inline content in a block. The indentation only affects the first line of inline content in the block unless the 'hanging' keyword is specified, in which case it affects all lines except the first.",
"restrictions": [
"percentage",
"length"
]
},
{
"name": "text-justify",
"browsers": [
"E12",
"FF55",
"C32",
"IE11",
"O19"
],
"values": [
{
"name": "auto",
"description": "The UA determines the justification algorithm to follow, based on a balance between performance and adequate presentation quality."
},
{
"name": "distribute",
"description": "Justification primarily changes spacing both at word separators and at grapheme cluster boundaries in all scripts except those in the connected and cursive groups. This value is sometimes used in e.g. Japanese, often with the 'text-align-last' property."
},
{
"name": "distribute-all-lines"
},
{
"name": "inter-cluster",
"description": "Justification primarily changes spacing at word separators and at grapheme cluster boundaries in clustered scripts. This value is typically used for Southeast Asian scripts such as Thai."
},
{
"name": "inter-ideograph",
"description": "Justification primarily changes spacing at word separators and at inter-graphemic boundaries in scripts that use no word spaces. This value is typically used for CJK languages."
},
{
"name": "inter-word",
"description": "Justification primarily changes spacing at word separators. This value is typically used for languages that separate words using spaces, like English or (sometimes) Korean."
},
{
"name": "kashida",
"description": "Justification primarily stretches Arabic and related scripts through the use of kashida or other calligraphic elongation."
},
{
"name": "newspaper"
}
],
"syntax": "auto | inter-character | inter-word | none",
"relevance": 50,
"references": [
{
"name": "MDN Reference",
"url": "https://developer.mozilla.org/docs/Web/CSS/text-justify"
}
],
"description": "Selects the justification algorithm used when 'text-align' is set to 'justify'. The property applies to block containers, but the UA may (but is not required to) also support it on inline elements.",
"restrictions": [
"enum"
]
},
{
"name": "text-orientation",
"browsers": [
"E79",
"FF41",
"S14",
"C48",
"O35"
],
"values": [
{
"name": "sideways",
"browsers": [
"E79",
"FF41",
"S14",
"C48",
"O35"
],
"description": "This value is equivalent to 'sideways-right' in 'vertical-rl' writing mode and equivalent to 'sideways-left' in 'vertical-lr' writing mode."
},
{
"name": "sideways-right",
"browsers": [
"E79",
"FF41",
"S14",
"C48",
"O35"
],
"description": "In vertical writing modes, this causes text to be set as if in a horizontal layout, but rotated 90° clockwise."
},
{
"name": "upright",
"description": "In vertical writing modes, characters from horizontal-only scripts are rendered upright, i.e. in their standard horizontal orientation."
}
],
"syntax": "mixed | upright | sideways",
"relevance": 50,
"references": [
{
"name": "MDN Reference",
"url": "https://developer.mozilla.org/docs/Web/CSS/text-orientation"
}
],
"description": "Specifies the orientation of text within a line.",
"restrictions": [
"enum"
]
},
{
"name": "text-overflow",
"browsers": [
"E12",
"FF7",
"S1.3",
"C1",
"IE6",
"O11"
],
"values": [
{
"name": "clip",
"description": "Clip inline content that overflows. Characters may be only partially rendered."
},
{
"name": "ellipsis",
"description": "Render an ellipsis character (U+2026) to represent clipped inline content."
}
],
"syntax": "[ clip | ellipsis | <string> ]{1,2}",
"relevance": 82,
"references": [
{
"name": "MDN Reference",
"url": "https://developer.mozilla.org/docs/Web/CSS/text-overflow"
}
],
"description": "Text can overflow for example when it is prevented from wrapping.",
"restrictions": [
"enum",
"string"
]
},
{
"name": "text-rendering",
"browsers": [
"E79",
"FF1",
"S5",
"C4",
"O15"
],
"values": [
{
"name": "auto"
},
{
"name": "geometricPrecision",
"description": "Indicates that the user agent shall emphasize geometric precision over legibility and rendering speed."
},
{
"name": "optimizeLegibility",
"description": "Indicates that the user agent shall emphasize legibility over rendering speed and geometric precision."
},
{
"name": "optimizeSpeed",
"description": "Indicates that the user agent shall emphasize rendering speed over legibility and geometric precision."
}
],
"syntax": "auto | optimizeSpeed | optimizeLegibility | geometricPrecision",
"relevance": 70,
"references": [
{
"name": "MDN Reference",
"url": "https://developer.mozilla.org/docs/Web/CSS/text-rendering"
}
],
"description": "The creator of SVG content might want to provide a hint to the implementation about what tradeoffs to make as it renders text. The 'text-rendering' property provides these hints.",
"restrictions": [
"enum"
]
},
{
"name": "text-shadow",
"browsers": [
"E12",
"FF3.5",
"S1.1",
"C2",
"IE10",
"O9.5"
],
"values": [
{
"name": "none",
"description": "No shadow."
}
],
"syntax": "none | <shadow-t>#",
"relevance": 74,
"references": [
{
"name": "MDN Reference",
"url": "https://developer.mozilla.org/docs/Web/CSS/text-shadow"
}
],
"description": "Enables shadow effects to be applied to the text of the element.",
"restrictions": [
"length",
"color"
]
},
{
"name": "text-transform",
"browsers": [
"E12",
"FF1",
"S1",
"C1",
"IE4",
"O7"
],
"values": [
{
"name": "capitalize",
"description": "Puts the first typographic letter unit of each word in titlecase."
},
{
"name": "lowercase",
"description": "Puts all letters in lowercase."
},
{
"name": "none",
"description": "No effects."
},
{
"name": "uppercase",
"description": "Puts all letters in uppercase."
}
],
"syntax": "none | capitalize | uppercase | lowercase | full-width | full-size-kana",
"relevance": 85,
"references": [
{
"name": "MDN Reference",
"url": "https://developer.mozilla.org/docs/Web/CSS/text-transform"
}
],
"description": "Controls capitalization effects of an element's text.",
"restrictions": [
"enum"
]
},
{
"name": "text-underline-position",
"browsers": [
"E12",
"FF74",
"S12.1",
"C33",
"IE6",
"O20"
],
"values": [
{
"name": "above"
},
{
"name": "auto",
"description": "The user agent may use any algorithm to determine the underline's position. In horizontal line layout, the underline should be aligned as for alphabetic. In vertical line layout, if the language is set to Japanese or Korean, the underline should be aligned as for over."
},
{
"name": "below",
"description": "The underline is aligned with the under edge of the element's content box."
}
],
"syntax": "auto | from-font | [ under || [ left | right ] ]",
"relevance": 50,
"references": [
{
"name": "MDN Reference",
"url": "https://developer.mozilla.org/docs/Web/CSS/text-underline-position"
}
],
"description": "Sets the position of an underline specified on the same element: it does not affect underlines specified by ancestor elements. This property is typically used in vertical writing contexts such as in Japanese documents where it often desired to have the underline appear 'over' (to the right of) the affected run of text",
"restrictions": [
"enum"
]
},
{
"name": "top",
"browsers": [
"E12",
"FF1",
"S1",
"C1",
"IE5",
"O6"
],
"values": [
{
"name": "auto",
"description": "For non-replaced elements, the effect of this value depends on which of related properties have the value 'auto' as well"
}
],
"syntax": "<length> | <percentage> | auto",
"relevance": 95,
"references": [
{
"name": "MDN Reference",
"url": "https://developer.mozilla.org/docs/Web/CSS/top"
}
],
"description": "Specifies how far an absolutely positioned box's top margin edge is offset below the top edge of the box's 'containing block'.",
"restrictions": [
"length",
"percentage"
]
},
{
"name": "touch-action",
"browsers": [
"E12",
"FF52",
"S13",
"C36",
"IE11",
"O23"
],
"values": [
{
"name": "auto",
"description": "The user agent may determine any permitted touch behaviors for touches that begin on the element."
},
{
"name": "cross-slide-x",
"browsers": [
"E12",
"FF52",
"S13",
"C36",
"IE11",
"O23"
]
},
{
"name": "cross-slide-y",
"browsers": [
"E12",
"FF52",
"S13",
"C36",
"IE11",
"O23"
]
},
{
"name": "double-tap-zoom",
"browsers": [
"E12",
"FF52",
"S13",
"C36",
"IE11",
"O23"
]
},
{
"name": "manipulation",
"description": "The user agent may consider touches that begin on the element only for the purposes of scrolling and continuous zooming."
},
{
"name": "none",
"description": "Touches that begin on the element must not trigger default touch behaviors."
},
{
"name": "pan-x",
"description": "The user agent may consider touches that begin on the element only for the purposes of horizontally scrolling the element's nearest ancestor with horizontally scrollable content."
},
{
"name": "pan-y",
"description": "The user agent may consider touches that begin on the element only for the purposes of vertically scrolling the element's nearest ancestor with vertically scrollable content."
},
{
"name": "pinch-zoom",
"browsers": [
"E12",
"FF52",
"S13",
"C36",
"IE11",
"O23"
]
}
],
"syntax": "auto | none | [ [ pan-x | pan-left | pan-right ] || [ pan-y | pan-up | pan-down ] || pinch-zoom ] | manipulation",
"relevance": 68,
"references": [
{
"name": "MDN Reference",
"url": "https://developer.mozilla.org/docs/Web/CSS/touch-action"
}
],
"description": "Determines whether touch input may trigger default behavior supplied by user agent.",
"restrictions": [
"enum"
]
},
{
"name": "transform",
"browsers": [
"E12",
"FF16",
"S9",
"C36",
"IE10",
"O23"
],
"values": [
{
"name": "matrix()",
"description": "Specifies a 2D transformation in the form of a transformation matrix of six values. matrix(a,b,c,d,e,f) is equivalent to applying the transformation matrix [a b c d e f]"
},
{
"name": "matrix3d()",
"description": "Specifies a 3D transformation as a 4x4 homogeneous matrix of 16 values in column-major order."
},
{
"name": "none"
},
{
"name": "perspective()",
"description": "Specifies a perspective projection matrix."
},
{
"name": "rotate()",
"description": "Specifies a 2D rotation by the angle specified in the parameter about the origin of the element, as defined by the transform-origin property."
},
{
"name": "rotate3d()",
"description": "Specifies a clockwise 3D rotation by the angle specified in last parameter about the [x,y,z] direction vector described by the first 3 parameters."
},
{
"name": "rotateX('angle')",
"description": "Specifies a clockwise rotation by the given angle about the X axis."
},
{
"name": "rotateY('angle')",
"description": "Specifies a clockwise rotation by the given angle about the Y axis."
},
{
"name": "rotateZ('angle')",
"description": "Specifies a clockwise rotation by the given angle about the Z axis."
},
{
"name": "scale()",
"description": "Specifies a 2D scale operation by the [sx,sy] scaling vector described by the 2 parameters. If the second parameter is not provided, it is takes a value equal to the first."
},
{
"name": "scale3d()",
"description": "Specifies a 3D scale operation by the [sx,sy,sz] scaling vector described by the 3 parameters."
},
{
"name": "scaleX()",
"description": "Specifies a scale operation using the [sx,1] scaling vector, where sx is given as the parameter."
},
{
"name": "scaleY()",
"description": "Specifies a scale operation using the [sy,1] scaling vector, where sy is given as the parameter."
},
{
"name": "scaleZ()",
"description": "Specifies a scale operation using the [1,1,sz] scaling vector, where sz is given as the parameter."
},
{
"name": "skew()",
"description": "Specifies a skew transformation along the X and Y axes. The first angle parameter specifies the skew on the X axis. The second angle parameter specifies the skew on the Y axis. If the second parameter is not given then a value of 0 is used for the Y angle (ie: no skew on the Y axis)."
},
{
"name": "skewX()",
"description": "Specifies a skew transformation along the X axis by the given angle."
},
{
"name": "skewY()",
"description": "Specifies a skew transformation along the Y axis by the given angle."
},
{
"name": "translate()",
"description": "Specifies a 2D translation by the vector [tx, ty], where tx is the first translation-value parameter and ty is the optional second translation-value parameter."
},
{
"name": "translate3d()",
"description": "Specifies a 3D translation by the vector [tx,ty,tz], with tx, ty and tz being the first, second and third translation-value parameters respectively."
},
{
"name": "translateX()",
"description": "Specifies a translation by the given amount in the X direction."
},
{
"name": "translateY()",
"description": "Specifies a translation by the given amount in the Y direction."
},
{
"name": "translateZ()",
"description": "Specifies a translation by the given amount in the Z direction. Note that percentage values are not allowed in the translateZ translation-value, and if present are evaluated as 0."
}
],
"syntax": "none | <transform-list>",
"relevance": 90,
"references": [
{
"name": "MDN Reference",
"url": "https://developer.mozilla.org/docs/Web/CSS/transform"
}
],
"description": "A two-dimensional transformation is applied to an element through the 'transform' property. This property contains a list of transform functions similar to those allowed by SVG.",
"restrictions": [
"enum"
]
},
{
"name": "transform-origin",
"browsers": [
"E12",
"FF16",
"S9",
"C36",
"IE10",
"O23"
],
"syntax": "[ <length-percentage> | left | center | right | top | bottom ] | [ [ <length-percentage> | left | center | right ] && [ <length-percentage> | top | center | bottom ] ] <length>?",
"relevance": 76,
"references": [
{
"name": "MDN Reference",
"url": "https://developer.mozilla.org/docs/Web/CSS/transform-origin"
}
],
"description": "Establishes the origin of transformation for an element.",
"restrictions": [
"position",
"length",
"percentage"
]
},
{
"name": "transform-style",
"browsers": [
"E12",
"FF16",
"S9",
"C36",
"O23"
],
"values": [
{
"name": "flat",
"description": "All children of this element are rendered flattened into the 2D plane of the element."
},
{
"name": "preserve-3d",
"browsers": [
"E12",
"FF16",
"S9",
"C36",
"O23"
],
"description": "Flattening is not performed, so children maintain their position in 3D space."
}
],
"syntax": "flat | preserve-3d",
"relevance": 55,
"references": [
{
"name": "MDN Reference",
"url": "https://developer.mozilla.org/docs/Web/CSS/transform-style"
}
],
"description": "Defines how nested elements are rendered in 3D space.",
"restrictions": [
"enum"
]
},
{
"name": "transition",
"browsers": [
"E12",
"FF16",
"S9",
"C26",
"IE10",
"O12.1"
],
"values": [
{
"name": "all",
"description": "Every property that is able to undergo a transition will do so."
},
{
"name": "none",
"description": "No property will transition."
}
],
"syntax": "<single-transition>#",
"relevance": 88,
"references": [
{
"name": "MDN Reference",
"url": "https://developer.mozilla.org/docs/Web/CSS/transition"
}
],
"description": "Shorthand property combines four of the transition properties into a single property.",
"restrictions": [
"time",
"property",
"timing-function",
"enum"
]
},
{
"name": "transition-delay",
"browsers": [
"E12",
"FF16",
"S9",
"C26",
"IE10",
"O12.1"
],
"syntax": "<time>#",
"relevance": 64,
"references": [
{
"name": "MDN Reference",
"url": "https://developer.mozilla.org/docs/Web/CSS/transition-delay"
}
],
"description": "Defines when the transition will start. It allows a transition to begin execution some period of time from when it is applied.",
"restrictions": [
"time"
]
},
{
"name": "transition-duration",
"browsers": [
"E12",
"FF16",
"S9",
"C26",
"IE10",
"O12.1"
],
"syntax": "<time>#",
"relevance": 65,
"references": [
{
"name": "MDN Reference",
"url": "https://developer.mozilla.org/docs/Web/CSS/transition-duration"
}
],
"description": "Specifies how long the transition from the old value to the new value should take.",
"restrictions": [
"time"
]
},
{
"name": "transition-property",
"browsers": [
"E12",
"FF16",
"S9",
"C26",
"IE10",
"O12.1"
],
"values": [
{
"name": "all",
"description": "Every property that is able to undergo a transition will do so."
},
{
"name": "none",
"description": "No property will transition."
}
],
"syntax": "none | <single-transition-property>#",
"relevance": 68,
"references": [
{
"name": "MDN Reference",
"url": "https://developer.mozilla.org/docs/Web/CSS/transition-property"
}
],
"description": "Specifies the name of the CSS property to which the transition is applied.",
"restrictions": [
"property"
]
},
{
"name": "transition-timing-function",
"browsers": [
"E12",
"FF16",
"S9",
"C26",
"IE10",
"O12.1"
],
"syntax": "<easing-function>#",
"relevance": 64,
"references": [
{
"name": "MDN Reference",
"url": "https://developer.mozilla.org/docs/Web/CSS/transition-timing-function"
}
],
"description": "Describes how the intermediate values used during a transition will be calculated.",
"restrictions": [
"timing-function"
]
},
{
"name": "unicode-bidi",
"browsers": [
"E12",
"FF1",
"S1.3",
"C2",
"IE5.5",
"O9.2"
],
"values": [
{
"name": "bidi-override",
"description": "Inside the element, reordering is strictly in sequence according to the 'direction' property; the implicit part of the bidirectional algorithm is ignored."
},
{
"name": "embed",
"description": "If the element is inline-level, this value opens an additional level of embedding with respect to the bidirectional algorithm. The direction of this embedding level is given by the 'direction' property."
},
{
"name": "isolate",
"browsers": [
"E12",
"FF1",
"S1.3",
"C2",
"IE5.5",
"O9.2"
],
"description": "The contents of the element are considered to be inside a separate, independent paragraph."
},
{
"name": "isolate-override",
"browsers": [
"E12",
"FF1",
"S1.3",
"C2",
"IE5.5",
"O9.2"
],
"description": "This combines the isolation behavior of 'isolate' with the directional override behavior of 'bidi-override'"
},
{
"name": "normal",
"description": "The element does not open an additional level of embedding with respect to the bidirectional algorithm. For inline-level elements, implicit reordering works across element boundaries."
},
{
"name": "plaintext",
"browsers": [
"E12",
"FF1",
"S1.3",
"C2",
"IE5.5",
"O9.2"
],
"description": "For the purposes of the Unicode bidirectional algorithm, the base directionality of each bidi paragraph for which the element forms the containing block is determined not by the element's computed 'direction'."
}
],
"syntax": "normal | embed | isolate | bidi-override | isolate-override | plaintext",
"relevance": 57,
"references": [
{
"name": "MDN Reference",
"url": "https://developer.mozilla.org/docs/Web/CSS/unicode-bidi"
}
],
"description": "The level of embedding with respect to the bidirectional algorithm.",
"restrictions": [
"enum"
]
},
{
"name": "unicode-range",
"values": [
{
"name": "U+26",
"description": "Ampersand."
},
{
"name": "U+20-24F, U+2B0-2FF, U+370-4FF, U+1E00-1EFF, U+2000-20CF, U+2100-23FF, U+2500-26FF, U+E000-F8FF, U+FB00-FB4F",
"description": "WGL4 character set (Pan-European)."
},
{
"name": "U+20-17F, U+2B0-2FF, U+2000-206F, U+20A0-20CF, U+2100-21FF, U+2600-26FF",
"description": "The Multilingual European Subset No. 1. Latin. Covers ~44 languages."
},
{
"name": "U+20-2FF, U+370-4FF, U+1E00-20CF, U+2100-23FF, U+2500-26FF, U+FB00-FB4F, U+FFF0-FFFD",
"description": "The Multilingual European Subset No. 2. Latin, Greek, and Cyrillic. Covers ~128 language."
},
{
"name": "U+20-4FF, U+530-58F, U+10D0-10FF, U+1E00-23FF, U+2440-245F, U+2500-26FF, U+FB00-FB4F, U+FE20-FE2F, U+FFF0-FFFD",
"description": "The Multilingual European Subset No. 3. Covers all characters belonging to European scripts."
},
{
"name": "U+00-7F",
"description": "Basic Latin (ASCII)."
},
{
"name": "U+80-FF",
"description": "Latin-1 Supplement. Accented characters for Western European languages, common punctuation characters, multiplication and division signs."
},
{
"name": "U+100-17F",
"description": "Latin Extended-A. Accented characters for for Czech, Dutch, Polish, and Turkish."
},
{
"name": "U+180-24F",
"description": "Latin Extended-B. Croatian, Slovenian, Romanian, Non-European and historic latin, Khoisan, Pinyin, Livonian, Sinology."
},
{
"name": "U+1E00-1EFF",
"description": "Latin Extended Additional. Vietnamese, German captial sharp s, Medievalist, Latin general use."
},
{
"name": "U+250-2AF",
"description": "International Phonetic Alphabet Extensions."
},
{
"name": "U+370-3FF",
"description": "Greek and Coptic."
},
{
"name": "U+1F00-1FFF",
"description": "Greek Extended. Accented characters for polytonic Greek."
},
{
"name": "U+400-4FF",
"description": "Cyrillic."
},
{
"name": "U+500-52F",
"description": "Cyrillic Supplement. Extra letters for Komi, Khanty, Chukchi, Mordvin, Kurdish, Aleut, Chuvash, Abkhaz, Azerbaijani, and Orok."
},
{
"name": "U+00-52F, U+1E00-1FFF, U+2200-22FF",
"description": "Latin, Greek, Cyrillic, some punctuation and symbols."
},
{
"name": "U+530-58F",
"description": "Armenian."
},
{
"name": "U+590-5FF",
"description": "Hebrew."
},
{
"name": "U+600-6FF",
"description": "Arabic."
},
{
"name": "U+750-77F",
"description": "Arabic Supplement. Additional letters for African languages, Khowar, Torwali, Burushaski, and early Persian."
},
{
"name": "U+8A0-8FF",
"description": "Arabic Extended-A. Additional letters for African languages, European and Central Asian languages, Rohingya, Tamazight, Arwi, and Koranic annotation signs."
},
{
"name": "U+700-74F",
"description": "Syriac."
},
{
"name": "U+900-97F",
"description": "Devanagari."
},
{
"name": "U+980-9FF",
"description": "Bengali."
},
{
"name": "U+A00-A7F",
"description": "Gurmukhi."
},
{
"name": "U+A80-AFF",
"description": "Gujarati."
},
{
"name": "U+B00-B7F",
"description": "Oriya."
},
{
"name": "U+B80-BFF",
"description": "Tamil."
},
{
"name": "U+C00-C7F",
"description": "Telugu."
},
{
"name": "U+C80-CFF",
"description": "Kannada."
},
{
"name": "U+D00-D7F",
"description": "Malayalam."
},
{
"name": "U+D80-DFF",
"description": "Sinhala."
},
{
"name": "U+118A0-118FF",
"description": "Warang Citi."
},
{
"name": "U+E00-E7F",
"description": "Thai."
},
{
"name": "U+1A20-1AAF",
"description": "Tai Tham."
},
{
"name": "U+AA80-AADF",
"description": "Tai Viet."
},
{
"name": "U+E80-EFF",
"description": "Lao."
},
{
"name": "U+F00-FFF",
"description": "Tibetan."
},
{
"name": "U+1000-109F",
"description": "Myanmar (Burmese)."
},
{
"name": "U+10A0-10FF",
"description": "Georgian."
},
{
"name": "U+1200-137F",
"description": "Ethiopic."
},
{
"name": "U+1380-139F",
"description": "Ethiopic Supplement. Extra Syllables for Sebatbeit, and Tonal marks"
},
{
"name": "U+2D80-2DDF",
"description": "Ethiopic Extended. Extra Syllables for Me'en, Blin, and Sebatbeit."
},
{
"name": "U+AB00-AB2F",
"description": "Ethiopic Extended-A. Extra characters for Gamo-Gofa-Dawro, Basketo, and Gumuz."
},
{
"name": "U+1780-17FF",
"description": "Khmer."
},
{
"name": "U+1800-18AF",
"description": "Mongolian."
},
{
"name": "U+1B80-1BBF",
"description": "Sundanese."
},
{
"name": "U+1CC0-1CCF",
"description": "Sundanese Supplement. Punctuation."
},
{
"name": "U+4E00-9FD5",
"description": "CJK (Chinese, Japanese, Korean) Unified Ideographs. Most common ideographs for modern Chinese and Japanese."
},
{
"name": "U+3400-4DB5",
"description": "CJK Unified Ideographs Extension A. Rare ideographs."
},
{
"name": "U+2F00-2FDF",
"description": "Kangxi Radicals."
},
{
"name": "U+2E80-2EFF",
"description": "CJK Radicals Supplement. Alternative forms of Kangxi Radicals."
},
{
"name": "U+1100-11FF",
"description": "Hangul Jamo."
},
{
"name": "U+AC00-D7AF",
"description": "Hangul Syllables."
},
{
"name": "U+3040-309F",
"description": "Hiragana."
},
{
"name": "U+30A0-30FF",
"description": "Katakana."
},
{
"name": "U+A5, U+4E00-9FFF, U+30??, U+FF00-FF9F",
"description": "Japanese Kanji, Hiragana and Katakana characters plus Yen/Yuan symbol."
},
{
"name": "U+A4D0-A4FF",
"description": "Lisu."
},
{
"name": "U+A000-A48F",
"description": "Yi Syllables."
},
{
"name": "U+A490-A4CF",
"description": "Yi Radicals."
},
{
"name": "U+2000-206F",
"description": "General Punctuation."
},
{
"name": "U+3000-303F",
"description": "CJK Symbols and Punctuation."
},
{
"name": "U+2070-209F",
"description": "Superscripts and Subscripts."
},
{
"name": "U+20A0-20CF",
"description": "Currency Symbols."
},
{
"name": "U+2100-214F",
"description": "Letterlike Symbols."
},
{
"name": "U+2150-218F",
"description": "Number Forms."
},
{
"name": "U+2190-21FF",
"description": "Arrows."
},
{
"name": "U+2200-22FF",
"description": "Mathematical Operators."
},
{
"name": "U+2300-23FF",
"description": "Miscellaneous Technical."
},
{
"name": "U+E000-F8FF",
"description": "Private Use Area."
},
{
"name": "U+FB00-FB4F",
"description": "Alphabetic Presentation Forms. Ligatures for latin, Armenian, and Hebrew."
},
{
"name": "U+FB50-FDFF",
"description": "Arabic Presentation Forms-A. Contextual forms / ligatures for Persian, Urdu, Sindhi, Central Asian languages, etc, Arabic pedagogical symbols, word ligatures."
},
{
"name": "U+1F600-1F64F",
"description": "Emoji: Emoticons."
},
{
"name": "U+2600-26FF",
"description": "Emoji: Miscellaneous Symbols."
},
{
"name": "U+1F300-1F5FF",
"description": "Emoji: Miscellaneous Symbols and Pictographs."
},
{
"name": "U+1F900-1F9FF",
"description": "Emoji: Supplemental Symbols and Pictographs."
},
{
"name": "U+1F680-1F6FF",
"description": "Emoji: Transport and Map Symbols."
}
],
"syntax": "<unicode-range>#",
"relevance": 72,
"description": "@font-face descriptor. Defines the set of Unicode codepoints that may be supported by the font face for which it is declared.",
"restrictions": [
"unicode-range"
]
},
{
"name": "user-select",
"browsers": [
"E79",
"FF69",
"S3",
"C54",
"IE10",
"O41"
],
"values": [
{
"name": "all",
"description": "The content of the element must be selected atomically"
},
{
"name": "auto"
},
{
"name": "contain",
"description": "UAs must not allow a selection which is started in this element to be extended outside of this element."
},
{
"name": "none",
"description": "The UA must not allow selections to be started in this element."
},
{
"name": "text",
"description": "The element imposes no constraint on the selection."
}
],
"syntax": "auto | text | none | contain | all",
"relevance": 81,
"references": [
{
"name": "MDN Reference",
"url": "https://developer.mozilla.org/docs/Web/CSS/user-select"
}
],
"description": "Controls the appearance of selection.",
"restrictions": [
"enum"
]
},
{
"name": "vertical-align",
"browsers": [
"E12",
"FF1",
"S1",
"C1",
"IE4",
"O4"
],
"values": [
{
"name": "auto",
"description": "Align the dominant baseline of the parent box with the equivalent, or heuristically reconstructed, baseline of the element inline box."
},
{
"name": "baseline",
"description": "Align the 'alphabetic' baseline of the element with the 'alphabetic' baseline of the parent element."
},
{
"name": "bottom",
"description": "Align the after edge of the extended inline box with the after-edge of the line box."
},
{
"name": "middle",
"description": "Align the 'middle' baseline of the inline element with the middle baseline of the parent."
},
{
"name": "sub",
"description": "Lower the baseline of the box to the proper position for subscripts of the parent's box. (This value has no effect on the font size of the element's text.)"
},
{
"name": "super",
"description": "Raise the baseline of the box to the proper position for superscripts of the parent's box. (This value has no effect on the font size of the element's text.)"
},
{
"name": "text-bottom",
"description": "Align the bottom of the box with the after-edge of the parent element's font."
},
{
"name": "text-top",
"description": "Align the top of the box with the before-edge of the parent element's font."
},
{
"name": "top",
"description": "Align the before edge of the extended inline box with the before-edge of the line box."
},
{
"name": "-webkit-baseline-middle",
"browsers": [
"E12",
"FF1",
"S1",
"C1",
"IE4",
"O4"
]
}
],
"syntax": "baseline | sub | super | text-top | text-bottom | middle | top | bottom | <percentage> | <length>",
"relevance": 91,
"references": [
{
"name": "MDN Reference",
"url": "https://developer.mozilla.org/docs/Web/CSS/vertical-align"
}
],
"description": "Affects the vertical positioning of the inline boxes generated by an inline-level element inside a line box.",
"restrictions": [
"percentage",
"length"
]
},
{
"name": "visibility",
"browsers": [
"E12",
"FF1",
"S1",
"C1",
"IE4",
"O4"
],
"values": [
{
"name": "collapse",
"description": "Table-specific. If used on elements other than rows, row groups, columns, or column groups, 'collapse' has the same meaning as 'hidden'."
},
{
"name": "hidden",
"description": "The generated box is invisible (fully transparent, nothing is drawn), but still affects layout."
},
{
"name": "visible",
"description": "The generated box is visible."
}
],
"syntax": "visible | hidden | collapse",
"relevance": 88,
"references": [
{
"name": "MDN Reference",
"url": "https://developer.mozilla.org/docs/Web/CSS/visibility"
}
],
"description": "Specifies whether the boxes generated by an element are rendered. Invisible boxes still affect layout (set the 'display' property to 'none' to suppress box generation altogether).",
"restrictions": [
"enum"
]
},
{
"name": "-webkit-animation",
"browsers": [
"C",
"S5"
],
"values": [
{
"name": "alternate",
"description": "The animation cycle iterations that are odd counts are played in the normal direction, and the animation cycle iterations that are even counts are played in a reverse direction."
},
{
"name": "alternate-reverse",
"description": "The animation cycle iterations that are odd counts are played in the reverse direction, and the animation cycle iterations that are even counts are played in a normal direction."
},
{
"name": "backwards",
"description": "The beginning property value (as defined in the first @keyframes at-rule) is applied before the animation is displayed, during the period defined by 'animation-delay'."
},
{
"name": "both",
"description": "Both forwards and backwards fill modes are applied."
},
{
"name": "forwards",
"description": "The final property value (as defined in the last @keyframes at-rule) is maintained after the animation completes."
},
{
"name": "infinite",
"description": "Causes the animation to repeat forever."
},
{
"name": "none",
"description": "No animation is performed"
},
{
"name": "normal",
"description": "Normal playback."
},
{
"name": "reverse",
"description": "All iterations of the animation are played in the reverse direction from the way they were specified."
}
],
"relevance": 50,
"description": "Shorthand property combines six of the animation properties into a single property.",
"restrictions": [
"time",
"enum",
"timing-function",
"identifier",
"number"
]
},
{
"name": "-webkit-animation-delay",
"browsers": [
"C",
"S5"
],
"relevance": 50,
"description": "Defines when the animation will start.",
"restrictions": [
"time"
]
},
{
"name": "-webkit-animation-direction",
"browsers": [
"C",
"S5"
],
"values": [
{
"name": "alternate",
"description": "The animation cycle iterations that are odd counts are played in the normal direction, and the animation cycle iterations that are even counts are played in a reverse direction."
},
{
"name": "alternate-reverse",
"description": "The animation cycle iterations that are odd counts are played in the reverse direction, and the animation cycle iterations that are even counts are played in a normal direction."
},
{
"name": "normal",
"description": "Normal playback."
},
{
"name": "reverse",
"description": "All iterations of the animation are played in the reverse direction from the way they were specified."
}
],
"relevance": 50,
"description": "Defines whether or not the animation should play in reverse on alternate cycles.",
"restrictions": [
"enum"
]
},
{
"name": "-webkit-animation-duration",
"browsers": [
"C",
"S5"
],
"relevance": 50,
"description": "Defines the length of time that an animation takes to complete one cycle.",
"restrictions": [
"time"
]
},
{
"name": "-webkit-animation-fill-mode",
"browsers": [
"C",
"S5"
],
"values": [
{
"name": "backwards",
"description": "The beginning property value (as defined in the first @keyframes at-rule) is applied before the animation is displayed, during the period defined by 'animation-delay'."
},
{
"name": "both",
"description": "Both forwards and backwards fill modes are applied."
},
{
"name": "forwards",
"description": "The final property value (as defined in the last @keyframes at-rule) is maintained after the animation completes."
},
{
"name": "none",
"description": "There is no change to the property value between the time the animation is applied and the time the animation begins playing or after the animation completes."
}
],
"relevance": 50,
"description": "Defines what values are applied by the animation outside the time it is executing.",
"restrictions": [
"enum"
]
},
{
"name": "-webkit-animation-iteration-count",
"browsers": [
"C",
"S5"
],
"values": [
{
"name": "infinite",
"description": "Causes the animation to repeat forever."
}
],
"relevance": 50,
"description": "Defines the number of times an animation cycle is played. The default value is one, meaning the animation will play from beginning to end once.",
"restrictions": [
"number",
"enum"
]
},
{
"name": "-webkit-animation-name",
"browsers": [
"C",
"S5"
],
"values": [
{
"name": "none",
"description": "No animation is performed"
}
],
"relevance": 50,
"description": "Defines a list of animations that apply. Each name is used to select the keyframe at-rule that provides the property values for the animation.",
"restrictions": [
"identifier",
"enum"
]
},
{
"name": "-webkit-animation-play-state",
"browsers": [
"C",
"S5"
],
"values": [
{
"name": "paused",
"description": "A running animation will be paused."
},
{
"name": "running",
"description": "Resume playback of a paused animation."
}
],
"relevance": 50,
"description": "Defines whether the animation is running or paused.",
"restrictions": [
"enum"
]
},
{
"name": "-webkit-animation-timing-function",
"browsers": [
"C",
"S5"
],
"relevance": 50,
"description": "Describes how the animation will progress over one cycle of its duration. See the 'transition-timing-function'.",
"restrictions": [
"timing-function"
]
},
{
"name": "-webkit-appearance",
"browsers": [
"C",
"S3"
],
"values": [
{
"name": "button"
},
{
"name": "button-bevel"
},
{
"name": "caps-lock-indicator"
},
{
"name": "caret"
},
{
"name": "checkbox"
},
{
"name": "default-button"
},
{
"name": "listbox"
},
{
"name": "listitem"
},
{
"name": "media-fullscreen-button"
},
{
"name": "media-mute-button"
},
{
"name": "media-play-button"
},
{
"name": "media-seek-back-button"
},
{
"name": "media-seek-forward-button"
},
{
"name": "media-slider"
},
{
"name": "media-sliderthumb"
},
{
"name": "menulist"
},
{
"name": "menulist-button"
},
{
"name": "menulist-text"
},
{
"name": "menulist-textfield"
},
{
"name": "none"
},
{
"name": "push-button"
},
{
"name": "radio"
},
{
"name": "scrollbarbutton-down"
},
{
"name": "scrollbarbutton-left"
},
{
"name": "scrollbarbutton-right"
},
{
"name": "scrollbarbutton-up"
},
{
"name": "scrollbargripper-horizontal"
},
{
"name": "scrollbargripper-vertical"
},
{
"name": "scrollbarthumb-horizontal"
},
{
"name": "scrollbarthumb-vertical"
},
{
"name": "scrollbartrack-horizontal"
},
{
"name": "scrollbartrack-vertical"
},
{
"name": "searchfield"
},
{
"name": "searchfield-cancel-button"
},
{
"name": "searchfield-decoration"
},
{
"name": "searchfield-results-button"
},
{
"name": "searchfield-results-decoration"
},
{
"name": "slider-horizontal"
},
{
"name": "sliderthumb-horizontal"
},
{
"name": "sliderthumb-vertical"
},
{
"name": "slider-vertical"
},
{
"name": "square-button"
},
{
"name": "textarea"
},
{
"name": "textfield"
}
],
"status": "nonstandard",
"syntax": "none | button | button-bevel | caret | checkbox | default-button | inner-spin-button | listbox | listitem | media-controls-background | media-controls-fullscreen-background | media-current-time-display | media-enter-fullscreen-button | media-exit-fullscreen-button | media-fullscreen-button | media-mute-button | media-overlay-play-button | media-play-button | media-seek-back-button | media-seek-forward-button | media-slider | media-sliderthumb | media-time-remaining-display | media-toggle-closed-captions-button | media-volume-slider | media-volume-slider-container | media-volume-sliderthumb | menulist | menulist-button | menulist-text | menulist-textfield | meter | progress-bar | progress-bar-value | push-button | radio | searchfield | searchfield-cancel-button | searchfield-decoration | searchfield-results-button | searchfield-results-decoration | slider-horizontal | slider-vertical | sliderthumb-horizontal | sliderthumb-vertical | square-button | textarea | textfield | -apple-pay-button",
"relevance": 0,
"description": "Changes the appearance of buttons and other controls to resemble native controls.",
"restrictions": [
"enum"
]
},
{
"name": "-webkit-backdrop-filter",
"browsers": [
"S9"
],
"values": [
{
"name": "none",
"description": "No filter effects are applied."
},
{
"name": "blur()",
"description": "Applies a Gaussian blur to the input image."
},
{
"name": "brightness()",
"description": "Applies a linear multiplier to input image, making it appear more or less bright."
},
{
"name": "contrast()",
"description": "Adjusts the contrast of the input."
},
{
"name": "drop-shadow()",
"description": "Applies a drop shadow effect to the input image."
},
{
"name": "grayscale()",
"description": "Converts the input image to grayscale."
},
{
"name": "hue-rotate()",
"description": "Applies a hue rotation on the input image. "
},
{
"name": "invert()",
"description": "Inverts the samples in the input image."
},
{
"name": "opacity()",
"description": "Applies transparency to the samples in the input image."
},
{
"name": "saturate()",
"description": "Saturates the input image."
},
{
"name": "sepia()",
"description": "Converts the input image to sepia."
},
{
"name": "url()",
"description": "A filter reference to a <filter> element."
}
],
"relevance": 50,
"description": "Applies a filter effect where the first filter in the list takes the element's background image as the input image.",
"restrictions": [
"enum",
"url"
]
},
{
"name": "-webkit-backface-visibility",
"browsers": [
"C",
"S5"
],
"values": [
{
"name": "hidden"
},
{
"name": "visible"
}
],
"relevance": 50,
"description": "Determines whether or not the 'back' side of a transformed element is visible when facing the viewer. With an identity transform, the front side of an element faces the viewer.",
"restrictions": [
"enum"
]
},
{
"name": "-webkit-background-clip",
"browsers": [
"C",
"S3"
],
"relevance": 50,
"description": "Determines the background painting area.",
"restrictions": [
"box"
]
},
{
"name": "-webkit-background-composite",
"browsers": [
"C",
"S3"
],
"values": [
{
"name": "border"
},
{
"name": "padding"
}
],
"relevance": 50,
"restrictions": [
"enum"
]
},
{
"name": "-webkit-background-origin",
"browsers": [
"C",
"S3"
],
"relevance": 50,
"description": "For elements rendered as a single box, specifies the background positioning area. For elements rendered as multiple boxes (e.g., inline boxes on several lines, boxes on several pages) specifies which boxes 'box-decoration-break' operates on to determine the background positioning area(s).",
"restrictions": [
"box"
]
},
{
"name": "-webkit-border-image",
"browsers": [
"C",
"S5"
],
"values": [
{
"name": "auto",
"description": "If 'auto' is specified then the border image width is the intrinsic width or height (whichever is applicable) of the corresponding image slice. If the image does not have the required intrinsic dimension then the corresponding border-width is used instead."
},
{
"name": "fill",
"description": "Causes the middle part of the border-image to be preserved."
},
{
"name": "none"
},
{
"name": "repeat",
"description": "The image is tiled (repeated) to fill the area."
},
{
"name": "round",
"description": "The image is tiled (repeated) to fill the area. If it does not fill the area with a whole number of tiles, the image is rescaled so that it does."
},
{
"name": "space",
"description": "The image is tiled (repeated) to fill the area. If it does not fill the area with a whole number of tiles, the extra space is distributed around the tiles."
},
{
"name": "stretch",
"description": "The image is stretched to fill the area."
},
{
"name": "url()"
}
],
"relevance": 50,
"description": "Shorthand property for setting 'border-image-source', 'border-image-slice', 'border-image-width', 'border-image-outset' and 'border-image-repeat'. Omitted values are set to their initial values.",
"restrictions": [
"length",
"percentage",
"number",
"url",
"enum"
]
},
{
"name": "-webkit-box-align",
"browsers": [
"C",
"S3"
],
"values": [
{
"name": "baseline",
"description": "If this box orientation is inline-axis or horizontal, all children are placed with their baselines aligned, and extra space placed before or after as necessary. For block flows, the baseline of the first non-empty line box located within the element is used. For tables, the baseline of the first cell is used."
},
{
"name": "center",
"description": "Any extra space is divided evenly, with half placed above the child and the other half placed after the child."
},
{
"name": "end",
"description": "For normal direction boxes, the bottom edge of each child is placed along the bottom of the box. Extra space is placed above the element. For reverse direction boxes, the top edge of each child is placed along the top of the box. Extra space is placed below the element."
},
{
"name": "start",
"description": "For normal direction boxes, the top edge of each child is placed along the top of the box. Extra space is placed below the element. For reverse direction boxes, the bottom edge of each child is placed along the bottom of the box. Extra space is placed above the element."
},
{
"name": "stretch",
"description": "The height of each child is adjusted to that of the containing block."
}
],
"relevance": 50,
"description": "Specifies the alignment of nested elements within an outer flexible box element.",
"restrictions": [
"enum"
]
},
{
"name": "-webkit-box-direction",
"browsers": [
"C",
"S3"
],
"values": [
{
"name": "normal",
"description": "A box with a computed value of horizontal for box-orient displays its children from left to right. A box with a computed value of vertical displays its children from top to bottom."
},
{
"name": "reverse",
"description": "A box with a computed value of horizontal for box-orient displays its children from right to left. A box with a computed value of vertical displays its children from bottom to top."
}
],
"relevance": 50,
"description": "In webkit applications, -webkit-box-direction specifies whether a box lays out its contents normally (from the top or left edge), or in reverse (from the bottom or right edge).",
"restrictions": [
"enum"
]
},
{
"name": "-webkit-box-flex",
"browsers": [
"C",
"S3"
],
"relevance": 50,
"description": "Specifies an element's flexibility.",
"restrictions": [
"number"
]
},
{
"name": "-webkit-box-flex-group",
"browsers": [
"C",
"S3"
],
"relevance": 50,
"description": "Flexible elements can be assigned to flex groups using the 'box-flex-group' property.",
"restrictions": [
"integer"
]
},
{
"name": "-webkit-box-ordinal-group",
"browsers": [
"C",
"S3"
],
"relevance": 50,
"description": "Indicates the ordinal group the element belongs to. Elements with a lower ordinal group are displayed before those with a higher ordinal group.",
"restrictions": [
"integer"
]
},
{
"name": "-webkit-box-orient",
"browsers": [
"C",
"S3"
],
"values": [
{
"name": "block-axis",
"description": "Elements are oriented along the box's axis."
},
{
"name": "horizontal",
"description": "The box displays its children from left to right in a horizontal line."
},
{
"name": "inline-axis",
"description": "Elements are oriented vertically."
},
{
"name": "vertical",
"description": "The box displays its children from stacked from top to bottom vertically."
}
],
"relevance": 50,
"description": "In webkit applications, -webkit-box-orient specifies whether a box lays out its contents horizontally or vertically.",
"restrictions": [
"enum"
]
},
{
"name": "-webkit-box-pack",
"browsers": [
"C",
"S3"
],
"values": [
{
"name": "center",
"description": "The extra space is divided evenly, with half placed before the first child and the other half placed after the last child."
},
{
"name": "end",
"description": "For normal direction boxes, the right edge of the last child is placed at the right side, with all extra space placed before the first child. For reverse direction boxes, the left edge of the first child is placed at the left side, with all extra space placed after the last child."
},
{
"name": "justify",
"description": "The space is divided evenly in-between each child, with none of the extra space placed before the first child or after the last child. If there is only one child, treat the pack value as if it were start."
},
{
"name": "start",
"description": "For normal direction boxes, the left edge of the first child is placed at the left side, with all extra space placed after the last child. For reverse direction boxes, the right edge of the last child is placed at the right side, with all extra space placed before the first child."
}
],
"relevance": 50,
"description": "Specifies alignment of child elements within the current element in the direction of orientation.",
"restrictions": [
"enum"
]
},
{
"name": "-webkit-box-reflect",
"browsers": [
"E79",
"S4",
"C4",
"O15"
],
"values": [
{
"name": "above",
"description": "The reflection appears above the border box."
},
{
"name": "below",
"description": "The reflection appears below the border box."
},
{
"name": "left",
"description": "The reflection appears to the left of the border box."
},
{
"name": "right",
"description": "The reflection appears to the right of the border box."
}
],
"status": "nonstandard",
"syntax": "[ above | below | right | left ]? <length>? <image>?",
"relevance": 0,
"references": [
{
"name": "MDN Reference",
"url": "https://developer.mozilla.org/docs/Web/CSS/-webkit-box-reflect"
}
],
"description": "Defines a reflection of a border box."
},
{
"name": "-webkit-box-sizing",
"browsers": [
"C",
"S3"
],
"values": [
{
"name": "border-box",
"description": "The specified width and height (and respective min/max properties) on this element determine the border box of the element."
},
{
"name": "content-box",
"description": "Behavior of width and height as specified by CSS2.1. The specified width and height (and respective min/max properties) apply to the width and height respectively of the content box of the element."
}
],
"relevance": 50,
"description": "Box Model addition in CSS3.",
"restrictions": [
"enum"
]
},
{
"name": "-webkit-break-after",
"browsers": [
"S7"
],
"values": [
{
"name": "always",
"description": "Always force a page break before/after the generated box."
},
{
"name": "auto",
"description": "Neither force nor forbid a page/column break before/after the generated box."
},
{
"name": "avoid",
"description": "Avoid a page/column break before/after the generated box."
},
{
"name": "avoid-column",
"description": "Avoid a column break before/after the generated box."
},
{
"name": "avoid-page",
"description": "Avoid a page break before/after the generated box."
},
{
"name": "avoid-region"
},
{
"name": "column",
"description": "Always force a column break before/after the generated box."
},
{
"name": "left",
"description": "Force one or two page breaks before/after the generated box so that the next page is formatted as a left page."
},
{
"name": "page",
"description": "Always force a page break before/after the generated box."
},
{
"name": "region"
},
{
"name": "right",
"description": "Force one or two page breaks before/after the generated box so that the next page is formatted as a right page."
}
],
"relevance": 50,
"description": "Describes the page/column break behavior before the generated box.",
"restrictions": [
"enum"
]
},
{
"name": "-webkit-break-before",
"browsers": [
"S7"
],
"values": [
{
"name": "always",
"description": "Always force a page break before/after the generated box."
},
{
"name": "auto",
"description": "Neither force nor forbid a page/column break before/after the generated box."
},
{
"name": "avoid",
"description": "Avoid a page/column break before/after the generated box."
},
{
"name": "avoid-column",
"description": "Avoid a column break before/after the generated box."
},
{
"name": "avoid-page",
"description": "Avoid a page break before/after the generated box."
},
{
"name": "avoid-region"
},
{
"name": "column",
"description": "Always force a column break before/after the generated box."
},
{
"name": "left",
"description": "Force one or two page breaks before/after the generated box so that the next page is formatted as a left page."
},
{
"name": "page",
"description": "Always force a page break before/after the generated box."
},
{
"name": "region"
},
{
"name": "right",
"description": "Force one or two page breaks before/after the generated box so that the next page is formatted as a right page."
}
],
"relevance": 50,
"description": "Describes the page/column break behavior before the generated box.",
"restrictions": [
"enum"
]
},
{
"name": "-webkit-break-inside",
"browsers": [
"S7"
],
"values": [
{
"name": "auto",
"description": "Neither force nor forbid a page/column break inside the generated box."
},
{
"name": "avoid",
"description": "Avoid a page/column break inside the generated box."
},
{
"name": "avoid-column",
"description": "Avoid a column break inside the generated box."
},
{
"name": "avoid-page",
"description": "Avoid a page break inside the generated box."
},
{
"name": "avoid-region"
}
],
"relevance": 50,
"description": "Describes the page/column break behavior inside the generated box.",
"restrictions": [
"enum"
]
},
{
"name": "-webkit-column-break-after",
"browsers": [
"C",
"S3"
],
"values": [
{
"name": "always",
"description": "Always force a page break before/after the generated box."
},
{
"name": "auto",
"description": "Neither force nor forbid a page/column break before/after the generated box."
},
{
"name": "avoid",
"description": "Avoid a page/column break before/after the generated box."
},
{
"name": "avoid-column",
"description": "Avoid a column break before/after the generated box."
},
{
"name": "avoid-page",
"description": "Avoid a page break before/after the generated box."
},
{
"name": "avoid-region"
},
{
"name": "column",
"description": "Always force a column break before/after the generated box."
},
{
"name": "left",
"description": "Force one or two page breaks before/after the generated box so that the next page is formatted as a left page."
},
{
"name": "page",
"description": "Always force a page break before/after the generated box."
},
{
"name": "region"
},
{
"name": "right",
"description": "Force one or two page breaks before/after the generated box so that the next page is formatted as a right page."
}
],
"relevance": 50,
"description": "Describes the page/column break behavior before the generated box.",
"restrictions": [
"enum"
]
},
{
"name": "-webkit-column-break-before",
"browsers": [
"C",
"S3"
],
"values": [
{
"name": "always",
"description": "Always force a page break before/after the generated box."
},
{
"name": "auto",
"description": "Neither force nor forbid a page/column break before/after the generated box."
},
{
"name": "avoid",
"description": "Avoid a page/column break before/after the generated box."
},
{
"name": "avoid-column",
"description": "Avoid a column break before/after the generated box."
},
{
"name": "avoid-page",
"description": "Avoid a page break before/after the generated box."
},
{
"name": "avoid-region"
},
{
"name": "column",
"description": "Always force a column break before/after the generated box."
},
{
"name": "left",
"description": "Force one or two page breaks before/after the generated box so that the next page is formatted as a left page."
},
{
"name": "page",
"description": "Always force a page break before/after the generated box."
},
{
"name": "region"
},
{
"name": "right",
"description": "Force one or two page breaks before/after the generated box so that the next page is formatted as a right page."
}
],
"relevance": 50,
"description": "Describes the page/column break behavior before the generated box.",
"restrictions": [
"enum"
]
},
{
"name": "-webkit-column-break-inside",
"browsers": [
"C",
"S3"
],
"values": [
{
"name": "auto",
"description": "Neither force nor forbid a page/column break inside the generated box."
},
{
"name": "avoid",
"description": "Avoid a page/column break inside the generated box."
},
{
"name": "avoid-column",
"description": "Avoid a column break inside the generated box."
},
{
"name": "avoid-page",
"description": "Avoid a page break inside the generated box."
},
{
"name": "avoid-region"
}
],
"relevance": 50,
"description": "Describes the page/column break behavior inside the generated box.",
"restrictions": [
"enum"
]
},
{
"name": "-webkit-column-count",
"browsers": [
"C",
"S3"
],
"values": [
{
"name": "auto",
"description": "Determines the number of columns by the 'column-width' property and the element width."
}
],
"relevance": 50,
"description": "Describes the optimal number of columns into which the content of the element will be flowed.",
"restrictions": [
"integer"
]
},
{
"name": "-webkit-column-gap",
"browsers": [
"C",
"S3"
],
"values": [
{
"name": "normal",
"description": "User agent specific and typically equivalent to 1em."
}
],
"relevance": 50,
"description": "Sets the gap between columns. If there is a column rule between columns, it will appear in the middle of the gap.",
"restrictions": [
"length"
]
},
{
"name": "-webkit-column-rule",
"browsers": [
"C",
"S3"
],
"relevance": 50,
"description": "This property is a shorthand for setting 'column-rule-width', 'column-rule-style', and 'column-rule-color' at the same place in the style sheet. Omitted values are set to their initial values.",
"restrictions": [
"length",
"line-width",
"line-style",
"color"
]
},
{
"name": "-webkit-column-rule-color",
"browsers": [
"C",
"S3"
],
"relevance": 50,
"description": "Sets the color of the column rule",
"restrictions": [
"color"
]
},
{
"name": "-webkit-column-rule-style",
"browsers": [
"C",
"S3"
],
"relevance": 50,
"description": "Sets the style of the rule between columns of an element.",
"restrictions": [
"line-style"
]
},
{
"name": "-webkit-column-rule-width",
"browsers": [
"C",
"S3"
],
"relevance": 50,
"description": "Sets the width of the rule between columns. Negative values are not allowed.",
"restrictions": [
"length",
"line-width"
]
},
{
"name": "-webkit-columns",
"browsers": [
"C",
"S3"
],
"values": [
{
"name": "auto",
"description": "The width depends on the values of other properties."
}
],
"relevance": 50,
"description": "A shorthand property which sets both 'column-width' and 'column-count'.",
"restrictions": [
"length",
"integer"
]
},
{
"name": "-webkit-column-span",
"browsers": [
"C",
"S3"
],
"values": [
{
"name": "all",
"description": "The element spans across all columns. Content in the normal flow that appears before the element is automatically balanced across all columns before the element appear."
},
{
"name": "none",
"description": "The element does not span multiple columns."
}
],
"relevance": 50,
"description": "Describes the page/column break behavior after the generated box.",
"restrictions": [
"enum"
]
},
{
"name": "-webkit-column-width",
"browsers": [
"C",
"S3"
],
"values": [
{
"name": "auto",
"description": "The width depends on the values of other properties."
}
],
"relevance": 50,
"description": "This property describes the width of columns in multicol elements.",
"restrictions": [
"length"
]
},
{
"name": "-webkit-filter",
"browsers": [
"C18",
"O15",
"S6"
],
"values": [
{
"name": "none",
"description": "No filter effects are applied."
},
{
"name": "blur()",
"description": "Applies a Gaussian blur to the input image."
},
{
"name": "brightness()",
"description": "Applies a linear multiplier to input image, making it appear more or less bright."
},
{
"name": "contrast()",
"description": "Adjusts the contrast of the input."
},
{
"name": "drop-shadow()",
"description": "Applies a drop shadow effect to the input image."
},
{
"name": "grayscale()",
"description": "Converts the input image to grayscale."
},
{
"name": "hue-rotate()",
"description": "Applies a hue rotation on the input image. "
},
{
"name": "invert()",
"description": "Inverts the samples in the input image."
},
{
"name": "opacity()",
"description": "Applies transparency to the samples in the input image."
},
{
"name": "saturate()",
"description": "Saturates the input image."
},
{
"name": "sepia()",
"description": "Converts the input image to sepia."
},
{
"name": "url()",
"description": "A filter reference to a <filter> element."
}
],
"relevance": 50,
"description": "Processes an element's rendering before it is displayed in the document, by applying one or more filter effects.",
"restrictions": [
"enum",
"url"
]
},
{
"name": "-webkit-flow-from",
"browsers": [
"S6.1"
],
"values": [
{
"name": "none",
"description": "The block container is not a CSS Region."
}
],
"relevance": 50,
"description": "Makes a block container a region and associates it with a named flow.",
"restrictions": [
"identifier"
]
},
{
"name": "-webkit-flow-into",
"browsers": [
"S6.1"
],
"values": [
{
"name": "none",
"description": "The element is not moved to a named flow and normal CSS processing takes place."
}
],
"relevance": 50,
"description": "Places an element or its contents into a named flow.",
"restrictions": [
"identifier"
]
},
{
"name": "-webkit-font-feature-settings",
"browsers": [
"C16"
],
"values": [
{
"name": "\"c2cs\""
},
{
"name": "\"dlig\""
},
{
"name": "\"kern\""
},
{
"name": "\"liga\""
},
{
"name": "\"lnum\""
},
{
"name": "\"onum\""
},
{
"name": "\"smcp\""
},
{
"name": "\"swsh\""
},
{
"name": "\"tnum\""
},
{
"name": "normal",
"description": "No change in glyph substitution or positioning occurs."
},
{
"name": "off"
},
{
"name": "on"
}
],
"relevance": 50,
"description": "This property provides low-level control over OpenType font features. It is intended as a way of providing access to font features that are not widely used but are needed for a particular use case.",
"restrictions": [
"string",
"integer"
]
},
{
"name": "-webkit-hyphens",
"browsers": [
"S5.1"
],
"values": [
{
"name": "auto",
"description": "Conditional hyphenation characters inside a word, if present, take priority over automatic resources when determining hyphenation points within the word."
},
{
"name": "manual",
"description": "Words are only broken at line breaks where there are characters inside the word that suggest line break opportunities"
},
{
"name": "none",
"description": "Words are not broken at line breaks, even if characters inside the word suggest line break points."
}
],
"relevance": 50,
"description": "Controls whether hyphenation is allowed to create more break opportunities within a line of text.",
"restrictions": [
"enum"
]
},
{
"name": "-webkit-line-break",
"browsers": [
"C",
"S3"
],
"values": [
{
"name": "after-white-space"
},
{
"name": "normal"
}
],
"relevance": 50,
"description": "Specifies line-breaking rules for CJK (Chinese, Japanese, and Korean) text."
},
{
"name": "-webkit-margin-bottom-collapse",
"browsers": [
"C",
"S3"
],
"values": [
{
"name": "collapse"
},
{
"name": "discard"
},
{
"name": "separate"
}
],
"relevance": 50,
"restrictions": [
"enum"
]
},
{
"name": "-webkit-margin-collapse",
"browsers": [
"C",
"S3"
],
"values": [
{
"name": "collapse"
},
{
"name": "discard"
},
{
"name": "separate"
}
],
"relevance": 50,
"restrictions": [
"enum"
]
},
{
"name": "-webkit-margin-start",
"browsers": [
"C",
"S3"
],
"values": [
{
"name": "auto"
}
],
"relevance": 50,
"restrictions": [
"percentage",
"length"
]
},
{
"name": "-webkit-margin-top-collapse",
"browsers": [
"C",
"S3"
],
"values": [
{
"name": "collapse"
},
{
"name": "discard"
},
{
"name": "separate"
}
],
"relevance": 50,
"restrictions": [
"enum"
]
},
{
"name": "-webkit-mask-clip",
"browsers": [
"C",
"O15",
"S4"
],
"status": "nonstandard",
"syntax": "[ <box> | border | padding | content | text ]#",
"relevance": 0,
"description": "Determines the mask painting area, which determines the area that is affected by the mask.",
"restrictions": [
"box"
]
},
{
"name": "-webkit-mask-image",
"browsers": [
"C",
"O15",
"S4"
],
"values": [
{
"name": "none",
"description": "Counts as a transparent black image layer."
},
{
"name": "url()",
"description": "Reference to a <mask element or to a CSS image."
}
],
"status": "nonstandard",
"syntax": "<mask-reference>#",
"relevance": 0,
"description": "Sets the mask layer image of an element.",
"restrictions": [
"url",
"image",
"enum"
]
},
{
"name": "-webkit-mask-origin",
"browsers": [
"C",
"O15",
"S4"
],
"status": "nonstandard",
"syntax": "[ <box> | border | padding | content ]#",
"relevance": 0,
"description": "Specifies the mask positioning area.",
"restrictions": [
"box"
]
},
{
"name": "-webkit-mask-repeat",
"browsers": [
"C",
"O15",
"S4"
],
"status": "nonstandard",
"syntax": "<repeat-style>#",
"relevance": 0,
"description": "Specifies how mask layer images are tiled after they have been sized and positioned.",
"restrictions": [
"repeat"
]
},
{
"name": "-webkit-mask-size",
"browsers": [
"C",
"O15",
"S4"
],
"values": [
{
"name": "auto",
"description": "Resolved by using the image's intrinsic ratio and the size of the other dimension, or failing that, using the image's intrinsic size, or failing that, treating it as 100%."
},
{
"name": "contain",
"description": "Scale the image, while preserving its intrinsic aspect ratio (if any), to the largest size such that both its width and its height can fit inside the background positioning area."
},
{
"name": "cover",
"description": "Scale the image, while preserving its intrinsic aspect ratio (if any), to the smallest size such that both its width and its height can completely cover the background positioning area."
}
],
"status": "nonstandard",
"syntax": "<bg-size>#",
"relevance": 0,
"description": "Specifies the size of the mask layer images.",
"restrictions": [
"length",
"percentage",
"enum"
]
},
{
"name": "-webkit-nbsp-mode",
"browsers": [
"C",
"S3"
],
"values": [
{
"name": "normal"
},
{
"name": "space"
}
],
"relevance": 50,
"description": "Defines the behavior of nonbreaking spaces within text."
},
{
"name": "-webkit-overflow-scrolling",
"browsers": [
"C",
"S5"
],
"values": [
{
"name": "auto"
},
{
"name": "touch"
}
],
"status": "nonstandard",
"syntax": "auto | touch",
"relevance": 0,
"references": [
{
"name": "MDN Reference",
"url": "https://developer.mozilla.org/docs/Web/CSS/-webkit-overflow-scrolling"
}
],
"description": "Specifies whether to use native-style scrolling in an overflow:scroll element."
},
{
"name": "-webkit-padding-start",
"browsers": [
"C",
"S3"
],
"relevance": 50,
"restrictions": [
"percentage",
"length"
]
},
{
"name": "-webkit-perspective",
"browsers": [
"C",
"S4"
],
"values": [
{
"name": "none",
"description": "No perspective transform is applied."
}
],
"relevance": 50,
"description": "Applies the same transform as the perspective(<number>) transform function, except that it applies only to the positioned or transformed children of the element, not to the transform on the element itself.",
"restrictions": [
"length"
]
},
{
"name": "-webkit-perspective-origin",
"browsers": [
"C",
"S4"
],
"relevance": 50,
"description": "Establishes the origin for the perspective property. It effectively sets the X and Y position at which the viewer appears to be looking at the children of the element.",
"restrictions": [
"position",
"percentage",
"length"
]
},
{
"name": "-webkit-region-fragment",
"browsers": [
"S7"
],
"values": [
{
"name": "auto",
"description": "Content flows as it would in a regular content box."
},
{
"name": "break",
"description": "If the content fits within the CSS Region, then this property has no effect."
}
],
"relevance": 50,
"description": "The 'region-fragment' property controls the behavior of the last region associated with a named flow.",
"restrictions": [
"enum"
]
},
{
"name": "-webkit-tap-highlight-color",
"browsers": [
"E12",
"C16",
"O15"
],
"status": "nonstandard",
"syntax": "<color>",
"relevance": 0,
"references": [
{
"name": "MDN Reference",
"url": "https://developer.mozilla.org/docs/Web/CSS/-webkit-tap-highlight-color"
}
],
"restrictions": [
"color"
]
},
{
"name": "-webkit-text-fill-color",
"browsers": [
"E12",
"FF49",
"S3",
"C1",
"O15"
],
"syntax": "<color>",
"relevance": 50,
"references": [
{
"name": "MDN Reference",
"url": "https://developer.mozilla.org/docs/Web/CSS/-webkit-text-fill-color"
}
],
"restrictions": [
"color"
]
},
{
"name": "-webkit-text-size-adjust",
"browsers": [
"E",
"C",
"S3"
],
"values": [
{
"name": "auto",
"description": "Renderers must use the default size adjustment when displaying on a small device."
},
{
"name": "none",
"description": "Renderers must not do size adjustment when displaying on a small device."
}
],
"relevance": 50,
"description": "Specifies a size adjustment for displaying text content in mobile browsers.",
"restrictions": [
"percentage"
]
},
{
"name": "-webkit-text-stroke",
"browsers": [
"E15",
"FF49",
"S3",
"C4",
"O15"
],
"syntax": "<length> || <color>",
"relevance": 50,
"references": [
{
"name": "MDN Reference",
"url": "https://developer.mozilla.org/docs/Web/CSS/-webkit-text-stroke"
}
],
"restrictions": [
"length",
"line-width",
"color",
"percentage"
]
},
{
"name": "-webkit-text-stroke-color",
"browsers": [
"E15",
"FF49",
"S3",
"C1",
"O15"
],
"syntax": "<color>",
"relevance": 50,
"references": [
{
"name": "MDN Reference",
"url": "https://developer.mozilla.org/docs/Web/CSS/-webkit-text-stroke-color"
}
],
"restrictions": [
"color"
]
},
{
"name": "-webkit-text-stroke-width",
"browsers": [
"E15",
"FF49",
"S3",
"C1",
"O15"
],
"syntax": "<length>",
"relevance": 50,
"references": [
{
"name": "MDN Reference",
"url": "https://developer.mozilla.org/docs/Web/CSS/-webkit-text-stroke-width"
}
],
"restrictions": [
"length",
"line-width",
"percentage"
]
},
{
"name": "-webkit-touch-callout",
"browsers": [
"S3"
],
"values": [
{
"name": "none"
}
],
"status": "nonstandard",
"syntax": "default | none",
"relevance": 0,
"references": [
{
"name": "MDN Reference",
"url": "https://developer.mozilla.org/docs/Web/CSS/-webkit-touch-callout"
}
],
"restrictions": [
"enum"
]
},
{
"name": "-webkit-transform",
"browsers": [
"C",
"O12",
"S3.1"
],
"values": [
{
"name": "matrix()",
"description": "Specifies a 2D transformation in the form of a transformation matrix of six values. matrix(a,b,c,d,e,f) is equivalent to applying the transformation matrix [a b c d e f]"
},
{
"name": "matrix3d()",
"description": "Specifies a 3D transformation as a 4x4 homogeneous matrix of 16 values in column-major order."
},
{
"name": "none"
},
{
"name": "perspective()",
"description": "Specifies a perspective projection matrix."
},
{
"name": "rotate()",
"description": "Specifies a 2D rotation by the angle specified in the parameter about the origin of the element, as defined by the transform-origin property."
},
{
"name": "rotate3d()",
"description": "Specifies a clockwise 3D rotation by the angle specified in last parameter about the [x,y,z] direction vector described by the first 3 parameters."
},
{
"name": "rotateX('angle')",
"description": "Specifies a clockwise rotation by the given angle about the X axis."
},
{
"name": "rotateY('angle')",
"description": "Specifies a clockwise rotation by the given angle about the Y axis."
},
{
"name": "rotateZ('angle')",
"description": "Specifies a clockwise rotation by the given angle about the Z axis."
},
{
"name": "scale()",
"description": "Specifies a 2D scale operation by the [sx,sy] scaling vector described by the 2 parameters. If the second parameter is not provided, it is takes a value equal to the first."
},
{
"name": "scale3d()",
"description": "Specifies a 3D scale operation by the [sx,sy,sz] scaling vector described by the 3 parameters."
},
{
"name": "scaleX()",
"description": "Specifies a scale operation using the [sx,1] scaling vector, where sx is given as the parameter."
},
{
"name": "scaleY()",
"description": "Specifies a scale operation using the [sy,1] scaling vector, where sy is given as the parameter."
},
{
"name": "scaleZ()",
"description": "Specifies a scale operation using the [1,1,sz] scaling vector, where sz is given as the parameter."
},
{
"name": "skew()",
"description": "Specifies a skew transformation along the X and Y axes. The first angle parameter specifies the skew on the X axis. The second angle parameter specifies the skew on the Y axis. If the second parameter is not given then a value of 0 is used for the Y angle (ie: no skew on the Y axis)."
},
{
"name": "skewX()",
"description": "Specifies a skew transformation along the X axis by the given angle."
},
{
"name": "skewY()",
"description": "Specifies a skew transformation along the Y axis by the given angle."
},
{
"name": "translate()",
"description": "Specifies a 2D translation by the vector [tx, ty], where tx is the first translation-value parameter and ty is the optional second translation-value parameter."
},
{
"name": "translate3d()",
"description": "Specifies a 3D translation by the vector [tx,ty,tz], with tx, ty and tz being the first, second and third translation-value parameters respectively."
},
{
"name": "translateX()",
"description": "Specifies a translation by the given amount in the X direction."
},
{
"name": "translateY()",
"description": "Specifies a translation by the given amount in the Y direction."
},
{
"name": "translateZ()",
"description": "Specifies a translation by the given amount in the Z direction. Note that percentage values are not allowed in the translateZ translation-value, and if present are evaluated as 0."
}
],
"relevance": 50,
"description": "A two-dimensional transformation is applied to an element through the 'transform' property. This property contains a list of transform functions similar to those allowed by SVG.",
"restrictions": [
"enum"
]
},
{
"name": "-webkit-transform-origin",
"browsers": [
"C",
"O15",
"S3.1"
],
"relevance": 50,
"description": "Establishes the origin of transformation for an element.",
"restrictions": [
"position",
"length",
"percentage"
]
},
{
"name": "-webkit-transform-origin-x",
"browsers": [
"C",
"S3.1"
],
"relevance": 50,
"description": "The x coordinate of the origin for transforms applied to an element with respect to its border box.",
"restrictions": [
"length",
"percentage"
]
},
{
"name": "-webkit-transform-origin-y",
"browsers": [
"C",
"S3.1"
],
"relevance": 50,
"description": "The y coordinate of the origin for transforms applied to an element with respect to its border box.",
"restrictions": [
"length",
"percentage"
]
},
{
"name": "-webkit-transform-origin-z",
"browsers": [
"C",
"S4"
],
"relevance": 50,
"description": "The z coordinate of the origin for transforms applied to an element with respect to its border box.",
"restrictions": [
"length",
"percentage"
]
},
{
"name": "-webkit-transform-style",
"browsers": [
"C",
"S4"
],
"values": [
{
"name": "flat",
"description": "All children of this element are rendered flattened into the 2D plane of the element."
}
],
"relevance": 50,
"description": "Defines how nested elements are rendered in 3D space.",
"restrictions": [
"enum"
]
},
{
"name": "-webkit-transition",
"browsers": [
"C",
"O12",
"S5"
],
"values": [
{
"name": "all",
"description": "Every property that is able to undergo a transition will do so."
},
{
"name": "none",
"description": "No property will transition."
}
],
"relevance": 50,
"description": "Shorthand property combines four of the transition properties into a single property.",
"restrictions": [
"time",
"property",
"timing-function",
"enum"
]
},
{
"name": "-webkit-transition-delay",
"browsers": [
"C",
"O12",
"S5"
],
"relevance": 50,
"description": "Defines when the transition will start. It allows a transition to begin execution some period of time from when it is applied.",
"restrictions": [
"time"
]
},
{
"name": "-webkit-transition-duration",
"browsers": [
"C",
"O12",
"S5"
],
"relevance": 50,
"description": "Specifies how long the transition from the old value to the new value should take.",
"restrictions": [
"time"
]
},
{
"name": "-webkit-transition-property",
"browsers": [
"C",
"O12",
"S5"
],
"values": [
{
"name": "all",
"description": "Every property that is able to undergo a transition will do so."
},
{
"name": "none",
"description": "No property will transition."
}
],
"relevance": 50,
"description": "Specifies the name of the CSS property to which the transition is applied.",
"restrictions": [
"property"
]
},
{
"name": "-webkit-transition-timing-function",
"browsers": [
"C",
"O12",
"S5"
],
"relevance": 50,
"description": "Describes how the intermediate values used during a transition will be calculated.",
"restrictions": [
"timing-function"
]
},
{
"name": "-webkit-user-drag",
"browsers": [
"S3"
],
"values": [
{
"name": "auto"
},
{
"name": "element"
},
{
"name": "none"
}
],
"relevance": 50,
"restrictions": [
"enum"
]
},
{
"name": "-webkit-user-modify",
"browsers": [
"C",
"S3"
],
"values": [
{
"name": "read-only"
},
{
"name": "read-write"
},
{
"name": "read-write-plaintext-only"
}
],
"status": "nonstandard",
"syntax": "read-only | read-write | read-write-plaintext-only",
"relevance": 0,
"description": "Determines whether a user can edit the content of an element.",
"restrictions": [
"enum"
]
},
{
"name": "-webkit-user-select",
"browsers": [
"C",
"S3"
],
"values": [
{
"name": "auto"
},
{
"name": "none"
},
{
"name": "text"
}
],
"relevance": 50,
"description": "Controls the appearance of selection.",
"restrictions": [
"enum"
]
},
{
"name": "widows",
"browsers": [
"E12",
"S1.3",
"C25",
"IE8",
"O9.2"
],
"syntax": "<integer>",
"relevance": 51,
"references": [
{
"name": "MDN Reference",
"url": "https://developer.mozilla.org/docs/Web/CSS/widows"
}
],
"description": "Specifies the minimum number of line boxes of a block container that must be left in a fragment after a break.",
"restrictions": [
"integer"
]
},
{
"name": "width",
"browsers": [
"E12",
"FF1",
"S1",
"C1",
"IE4",
"O3.5"
],
"values": [
{
"name": "auto",
"description": "The width depends on the values of other properties."
},
{
"name": "fit-content",
"browsers": [
"E12",
"FF1",
"S1",
"C1",
"IE4",
"O3.5"
],
"description": "Use the fit-content inline size or fit-content block size, as appropriate to the writing mode."
},
{
"name": "max-content",
"browsers": [
"E12",
"FF1",
"S1",
"C1",
"IE4",
"O3.5"
],
"description": "Use the max-content inline size or max-content block size, as appropriate to the writing mode."
},
{
"name": "min-content",
"browsers": [
"E12",
"FF1",
"S1",
"C1",
"IE4",
"O3.5"
],
"description": "Use the min-content inline size or min-content block size, as appropriate to the writing mode."
}
],
"syntax": "<viewport-length>{1,2}",
"relevance": 96,
"references": [
{
"name": "MDN Reference",
"url": "https://developer.mozilla.org/docs/Web/CSS/width"
}
],
"description": "Specifies the width of the content area, padding area or border area (depending on 'box-sizing') of certain boxes.",
"restrictions": [
"length",
"percentage"
]
},
{
"name": "will-change",
"browsers": [
"E79",
"FF36",
"S9.1",
"C36",
"O24"
],
"values": [
{
"name": "auto",
"description": "Expresses no particular intent."
},
{
"name": "contents",
"description": "Indicates that the author expects to animate or change something about the element's contents in the near future."
},
{
"name": "scroll-position",
"description": "Indicates that the author expects to animate or change the scroll position of the element in the near future."
}
],
"syntax": "auto | <animateable-feature>#",
"relevance": 63,
"references": [
{
"name": "MDN Reference",
"url": "https://developer.mozilla.org/docs/Web/CSS/will-change"
}
],
"description": "Provides a rendering hint to the user agent, stating what kinds of changes the author expects to perform on the element.",
"restrictions": [
"enum",
"identifier"
]
},
{
"name": "word-break",
"browsers": [
"E12",
"FF15",
"S3",
"C1",
"IE5.5",
"O15"
],
"values": [
{
"name": "break-all",
"description": "Lines may break between any two grapheme clusters for non-CJK scripts."
},
{
"name": "keep-all",
"description": "Block characters can no longer create implied break points."
},
{
"name": "normal",
"description": "Breaks non-CJK scripts according to their own rules."
}
],
"syntax": "normal | break-all | keep-all | break-word",
"relevance": 76,
"references": [
{
"name": "MDN Reference",
"url": "https://developer.mozilla.org/docs/Web/CSS/word-break"
}
],
"description": "Specifies line break opportunities for non-CJK scripts.",
"restrictions": [
"enum"
]
},
{
"name": "word-spacing",
"browsers": [
"E12",
"FF1",
"S1",
"C1",
"IE6",
"O3.5"
],
"values": [
{
"name": "normal",
"description": "No additional spacing is applied. Computes to zero."
}
],
"syntax": "normal | <length>",
"relevance": 57,
"references": [
{
"name": "MDN Reference",
"url": "https://developer.mozilla.org/docs/Web/CSS/word-spacing"
}
],
"description": "Specifies additional spacing between \"words\".",
"restrictions": [
"length",
"percentage"
]
},
{
"name": "word-wrap",
"values": [
{
"name": "break-word",
"description": "An otherwise unbreakable sequence of characters may be broken at an arbitrary point if there are no otherwise-acceptable break points in the line."
},
{
"name": "normal",
"description": "Lines may break only at allowed break points."
}
],
"syntax": "normal | break-word",
"relevance": 78,
"description": "Specifies whether the UA may break within a word to prevent overflow when an otherwise-unbreakable string is too long to fit.",
"restrictions": [
"enum"
]
},
{
"name": "writing-mode",
"browsers": [
"E12",
"FF41",
"S10.1",
"C48",
"IE9",
"O35"
],
"values": [
{
"name": "horizontal-tb",
"description": "Top-to-bottom block flow direction. The writing mode is horizontal."
},
{
"name": "sideways-lr",
"browsers": [
"E12",
"FF41",
"S10.1",
"C48",
"IE9",
"O35"
],
"description": "Left-to-right block flow direction. The writing mode is vertical, while the typographic mode is horizontal."
},
{
"name": "sideways-rl",
"browsers": [
"E12",
"FF41",
"S10.1",
"C48",
"IE9",
"O35"
],
"description": "Right-to-left block flow direction. The writing mode is vertical, while the typographic mode is horizontal."
},
{
"name": "vertical-lr",
"description": "Left-to-right block flow direction. The writing mode is vertical."
},
{
"name": "vertical-rl",
"description": "Right-to-left block flow direction. The writing mode is vertical."
}
],
"syntax": "horizontal-tb | vertical-rl | vertical-lr | sideways-rl | sideways-lr",
"relevance": 50,
"references": [
{
"name": "MDN Reference",
"url": "https://developer.mozilla.org/docs/Web/CSS/writing-mode"
}
],
"description": "This is a shorthand property for both 'direction' and 'block-progression'.",
"restrictions": [
"enum"
]
},
{
"name": "z-index",
"browsers": [
"E12",
"FF1",
"S1",
"C1",
"IE4",
"O4"
],
"values": [
{
"name": "auto",
"description": "The stack level of the generated box in the current stacking context is 0. The box does not establish a new stacking context unless it is the root element."
}
],
"syntax": "auto | <integer>",
"relevance": 92,
"references": [
{
"name": "MDN Reference",
"url": "https://developer.mozilla.org/docs/Web/CSS/z-index"
}
],
"description": "For a positioned box, the 'z-index' property specifies the stack level of the box in the current stacking context and whether the box establishes a local stacking context.",
"restrictions": [
"integer"
]
},
{
"name": "zoom",
"browsers": [
"E12",
"S3.1",
"C1",
"IE5.5",
"O15"
],
"values": [
{
"name": "normal"
}
],
"syntax": "auto | <number> | <percentage>",
"relevance": 66,
"references": [
{
"name": "MDN Reference",
"url": "https://developer.mozilla.org/docs/Web/CSS/zoom"
}
],
"description": "Non-standard. Specifies the magnification scale of the object. See 'transform: scale()' for a standards-based alternative.",
"restrictions": [
"enum",
"integer",
"number",
"percentage"
]
},
{
"name": "-ms-ime-align",
"status": "nonstandard",
"syntax": "auto | after",
"values": [
{
"name": "auto"
},
{
"name": "after"
}
],
"relevance": 0,
"description": "Aligns the Input Method Editor (IME) candidate window box relative to the element on which the IME composition is active."
},
{
"name": "-moz-binding",
"status": "nonstandard",
"syntax": "<url> | none",
"relevance": 0,
"description": "The -moz-binding CSS property is used by Mozilla-based applications to attach an XBL binding to a DOM element."
},
{
"name": "-moz-context-properties",
"status": "nonstandard",
"syntax": "none | [ fill | fill-opacity | stroke | stroke-opacity ]#",
"relevance": 0,
"description": "If you reference an SVG image in a webpage (such as with the <img> element or as a background image), the SVG image can coordinate with the embedding element (its context) to have the image adopt property values set on the embedding element. To do this the embedding element needs to list the properties that are to be made available to the image by listing them as values of the -moz-context-properties property, and the image needs to opt in to using those properties by using values such as the context-fill value.\n\nThis feature is available since Firefox 55, but is only currently supported with SVG images loaded via chrome:// or resource:// URLs. To experiment with the feature in SVG on the Web it is necessary to set the svg.context-properties.content.enabled pref to true."
},
{
"name": "-moz-float-edge",
"status": "obsolete",
"syntax": "border-box | content-box | margin-box | padding-box",
"values": [
{
"name": "border-box"
},
{
"name": "content-box"
},
{
"name": "margin-box"
},
{
"name": "padding-box"
}
],
"relevance": 0,
"browsers": [
"FF1"
],
"references": [
{
"name": "MDN Reference",
"url": "https://developer.mozilla.org/docs/Web/CSS/-moz-float-edge"
}
],
"description": "The non-standard -moz-float-edge CSS property specifies whether the height and width properties of the element include the margin, border, or padding thickness."
},
{
"name": "-moz-force-broken-image-icon",
"status": "obsolete",
"syntax": "0 | 1",
"values": [
{
"name": "0"
},
{
"name": "1"
}
],
"relevance": 0,
"browsers": [
"FF1"
],
"references": [
{
"name": "MDN Reference",
"url": "https://developer.mozilla.org/docs/Web/CSS/-moz-force-broken-image-icon"
}
],
"description": "The -moz-force-broken-image-icon extended CSS property can be used to force the broken image icon to be shown even when a broken image has an alt attribute."
},
{
"name": "-moz-image-region",
"status": "nonstandard",
"syntax": "<shape> | auto",
"relevance": 0,
"browsers": [
"FF1"
],
"references": [
{
"name": "MDN Reference",
"url": "https://developer.mozilla.org/docs/Web/CSS/-moz-image-region"
}
],
"description": "For certain XUL elements and pseudo-elements that use an image from the list-style-image property, this property specifies a region of the image that is used in place of the whole image. This allows elements to use different pieces of the same image to improve performance."
},
{
"name": "-moz-orient",
"status": "nonstandard",
"syntax": "inline | block | horizontal | vertical",
"values": [
{
"name": "inline"
},
{
"name": "block"
},
{
"name": "horizontal"
},
{
"name": "vertical"
}
],
"relevance": 0,
"browsers": [
"FF6"
],
"references": [
{
"name": "MDN Reference",
"url": "https://developer.mozilla.org/docs/Web/CSS/-moz-orient"
}
],
"description": "The -moz-orient CSS property specifies the orientation of the element to which it's applied."
},
{
"name": "-moz-outline-radius",
"status": "obsolete",
"syntax": "<outline-radius>{1,4} [ / <outline-radius>{1,4} ]?",
"relevance": 0,
"browsers": [
"FF1"
],
"references": [
{
"name": "MDN Reference",
"url": "https://developer.mozilla.org/docs/Web/CSS/-moz-outline-radius"
}
],
"description": "In Mozilla applications like Firefox, the -moz-outline-radius CSS property can be used to give an element's outline rounded corners."
},
{
"name": "-moz-outline-radius-bottomleft",
"status": "obsolete",
"syntax": "<outline-radius>",
"relevance": 0,
"browsers": [
"FF1"
],
"references": [
{
"name": "MDN Reference",
"url": "https://developer.mozilla.org/docs/Web/CSS/-moz-outline-radius-bottomleft"
}
],
"description": "In Mozilla applications, the -moz-outline-radius-bottomleft CSS property can be used to round the bottom-left corner of an element's outline."
},
{
"name": "-moz-outline-radius-bottomright",
"status": "obsolete",
"syntax": "<outline-radius>",
"relevance": 0,
"browsers": [
"FF1"
],
"references": [
{
"name": "MDN Reference",
"url": "https://developer.mozilla.org/docs/Web/CSS/-moz-outline-radius-bottomright"
}
],
"description": "In Mozilla applications, the -moz-outline-radius-bottomright CSS property can be used to round the bottom-right corner of an element's outline."
},
{
"name": "-moz-outline-radius-topleft",
"status": "obsolete",
"syntax": "<outline-radius>",
"relevance": 0,
"browsers": [
"FF1"
],
"references": [
{
"name": "MDN Reference",
"url": "https://developer.mozilla.org/docs/Web/CSS/-moz-outline-radius-topleft"
}
],
"description": "In Mozilla applications, the -moz-outline-radius-topleft CSS property can be used to round the top-left corner of an element's outline."
},
{
"name": "-moz-outline-radius-topright",
"status": "obsolete",
"syntax": "<outline-radius>",
"relevance": 0,
"browsers": [
"FF1"
],
"references": [
{
"name": "MDN Reference",
"url": "https://developer.mozilla.org/docs/Web/CSS/-moz-outline-radius-topright"
}
],
"description": "In Mozilla applications, the -moz-outline-radius-topright CSS property can be used to round the top-right corner of an element's outline."
},
{
"name": "-moz-stack-sizing",
"status": "nonstandard",
"syntax": "ignore | stretch-to-fit",
"values": [
{
"name": "ignore"
},
{
"name": "stretch-to-fit"
}
],
"relevance": 0,
"description": "-moz-stack-sizing is an extended CSS property. Normally, a stack will change its size so that all of its child elements are completely visible. For example, moving a child of the stack far to the right will widen the stack so the child remains visible."
},
{
"name": "-moz-text-blink",
"status": "nonstandard",
"syntax": "none | blink",
"values": [
{
"name": "none"
},
{
"name": "blink"
}
],
"relevance": 0,
"description": "The -moz-text-blink non-standard Mozilla CSS extension specifies the blink mode."
},
{
"name": "-moz-user-input",
"status": "obsolete",
"syntax": "auto | none | enabled | disabled",
"values": [
{
"name": "auto"
},
{
"name": "none"
},
{
"name": "enabled"
},
{
"name": "disabled"
}
],
"relevance": 0,
"browsers": [
"FF1"
],
"references": [
{
"name": "MDN Reference",
"url": "https://developer.mozilla.org/docs/Web/CSS/-moz-user-input"
}
],
"description": "In Mozilla applications, -moz-user-input determines if an element will accept user input."
},
{
"name": "-moz-user-modify",
"status": "nonstandard",
"syntax": "read-only | read-write | write-only",
"values": [
{
"name": "read-only"
},
{
"name": "read-write"
},
{
"name": "write-only"
}
],
"relevance": 0,
"description": "The -moz-user-modify property has no effect. It was originally planned to determine whether or not the content of an element can be edited by a user."
},
{
"name": "-moz-window-dragging",
"status": "nonstandard",
"syntax": "drag | no-drag",
"values": [
{
"name": "drag"
},
{
"name": "no-drag"
}
],
"relevance": 0,
"description": "The -moz-window-dragging CSS property specifies whether a window is draggable or not. It only works in Chrome code, and only on Mac OS X."
},
{
"name": "-moz-window-shadow",
"status": "nonstandard",
"syntax": "default | menu | tooltip | sheet | none",
"values": [
{
"name": "default"
},
{
"name": "menu"
},
{
"name": "tooltip"
},
{
"name": "sheet"
},
{
"name": "none"
}
],
"relevance": 0,
"description": "The -moz-window-shadow CSS property specifies whether a window will have a shadow. It only works on Mac OS X."
},
{
"name": "-webkit-border-before",
"status": "nonstandard",
"syntax": "<'border-width'> || <'border-style'> || <color>",
"relevance": 0,
"browsers": [
"E79",
"S5.1",
"C8",
"O15"
],
"references": [
{
"name": "MDN Reference",
"url": "https://developer.mozilla.org/docs/Web/CSS/-webkit-border-before"
}
],
"description": "The -webkit-border-before CSS property is a shorthand property for setting the individual logical block start border property values in a single place in the style sheet."
},
{
"name": "-webkit-border-before-color",
"status": "nonstandard",
"syntax": "<color>",
"relevance": 0,
"description": "The -webkit-border-before-color CSS property sets the color of the individual logical block start border in a single place in the style sheet."
},
{
"name": "-webkit-border-before-style",
"status": "nonstandard",
"syntax": "<'border-style'>",
"relevance": 0,
"description": "The -webkit-border-before-style CSS property sets the style of the individual logical block start border in a single place in the style sheet."
},
{
"name": "-webkit-border-before-width",
"status": "nonstandard",
"syntax": "<'border-width'>",
"relevance": 0,
"description": "The -webkit-border-before-width CSS property sets the width of the individual logical block start border in a single place in the style sheet."
},
{
"name": "-webkit-line-clamp",
"syntax": "none | <integer>",
"relevance": 50,
"browsers": [
"E17",
"FF68",
"S5",
"C6",
"O15"
],
"references": [
{
"name": "MDN Reference",
"url": "https://developer.mozilla.org/docs/Web/CSS/-webkit-line-clamp"
}
],
"description": "The -webkit-line-clamp CSS property allows limiting of the contents of a block container to the specified number of lines."
},
{
"name": "-webkit-mask",
"status": "nonstandard",
"syntax": "[ <mask-reference> || <position> [ / <bg-size> ]? || <repeat-style> || [ <box> | border | padding | content | text ] || [ <box> | border | padding | content ] ]#",
"relevance": 0,
"description": "The mask CSS property alters the visibility of an element by either partially or fully hiding it. This is accomplished by either masking or clipping the image at specific points."
},
{
"name": "-webkit-mask-attachment",
"status": "nonstandard",
"syntax": "<attachment>#",
"relevance": 0,
"browsers": [
"S4",
"C1"
],
"references": [
{
"name": "MDN Reference",
"url": "https://developer.mozilla.org/docs/Web/CSS/-webkit-mask-attachment"
}
],
"description": "If a -webkit-mask-image is specified, -webkit-mask-attachment determines whether the mask image's position is fixed within the viewport, or scrolls along with its containing block."
},
{
"name": "-webkit-mask-composite",
"status": "nonstandard",
"syntax": "<composite-style>#",
"relevance": 0,
"browsers": [
"E18",
"FF53",
"S3.1",
"C1",
"O15"
],
"references": [
{
"name": "MDN Reference",
"url": "https://developer.mozilla.org/docs/Web/CSS/-webkit-mask-composite"
}
],
"description": "The -webkit-mask-composite property specifies the manner in which multiple mask images applied to the same element are composited with one another. Mask images are composited in the opposite order that they are declared with the -webkit-mask-image property."
},
{
"name": "-webkit-mask-position",
"status": "nonstandard",
"syntax": "<position>#",
"relevance": 0,
"description": "The mask-position CSS property sets the initial position, relative to the mask position layer defined by mask-origin, for each defined mask image."
},
{
"name": "-webkit-mask-position-x",
"status": "nonstandard",
"syntax": "[ <length-percentage> | left | center | right ]#",
"relevance": 0,
"browsers": [
"E18",
"FF49",
"S3.1",
"C1",
"O15"
],
"references": [
{
"name": "MDN Reference",
"url": "https://developer.mozilla.org/docs/Web/CSS/-webkit-mask-position-x"
}
],
"description": "The -webkit-mask-position-x CSS property sets the initial horizontal position of a mask image."
},
{
"name": "-webkit-mask-position-y",
"status": "nonstandard",
"syntax": "[ <length-percentage> | top | center | bottom ]#",
"relevance": 0,
"browsers": [
"E18",
"FF49",
"S3.1",
"C1",
"O15"
],
"references": [
{
"name": "MDN Reference",
"url": "https://developer.mozilla.org/docs/Web/CSS/-webkit-mask-position-y"
}
],
"description": "The -webkit-mask-position-y CSS property sets the initial vertical position of a mask image."
},
{
"name": "-webkit-mask-repeat-x",
"status": "nonstandard",
"syntax": "repeat | no-repeat | space | round",
"values": [
{
"name": "repeat"
},
{
"name": "no-repeat"
},
{
"name": "space"
},
{
"name": "round"
}
],
"relevance": 0,
"browsers": [
"E79",
"S5",
"C3",
"O15"
],
"references": [
{
"name": "MDN Reference",
"url": "https://developer.mozilla.org/docs/Web/CSS/-webkit-mask-repeat-x"
}
],
"description": "The -webkit-mask-repeat-x property specifies whether and how a mask image is repeated (tiled) horizontally."
},
{
"name": "-webkit-mask-repeat-y",
"status": "nonstandard",
"syntax": "repeat | no-repeat | space | round",
"values": [
{
"name": "repeat"
},
{
"name": "no-repeat"
},
{
"name": "space"
},
{
"name": "round"
}
],
"relevance": 0,
"browsers": [
"E79",
"S5",
"C3",
"O15"
],
"references": [
{
"name": "MDN Reference",
"url": "https://developer.mozilla.org/docs/Web/CSS/-webkit-mask-repeat-y"
}
],
"description": "The -webkit-mask-repeat-y property specifies whether and how a mask image is repeated (tiled) vertically."
},
{
"name": "accent-color",
"syntax": "auto | <color>",
"relevance": 50,
"browsers": [
"E93",
"FF92",
"S15.4",
"C93",
"O79"
],
"references": [
{
"name": "MDN Reference",
"url": "https://developer.mozilla.org/docs/Web/CSS/accent-color"
}
],
"description": "Sets the color of the elements accent"
},
{
"name": "align-tracks",
"status": "experimental",
"syntax": "[ normal | <baseline-position> | <content-distribution> | <overflow-position>? <content-position> ]#",
"relevance": 50,
"browsers": [
"FF77"
],
"references": [
{
"name": "MDN Reference",
"url": "https://developer.mozilla.org/docs/Web/CSS/align-tracks"
}
],
"description": "The align-tracks CSS property sets the alignment in the masonry axis for grid containers that have masonry in their block axis."
},
{
"name": "animation-composition",
"status": "experimental",
"syntax": "<single-animation-composition>#",
"relevance": 50,
"browsers": [
"FF104",
"S16"
],
"references": [
{
"name": "MDN Reference",
"url": "https://developer.mozilla.org/docs/Web/CSS/animation-composition"
}
],
"description": "The composite operation to use when multiple animations affect the same property."
},
{
"name": "animation-timeline",
"status": "experimental",
"syntax": "<single-animation-timeline>#",
"relevance": 50,
"browsers": [
"FF97"
],
"references": [
{
"name": "MDN Reference",
"url": "https://developer.mozilla.org/docs/Web/CSS/animation-timeline"
}
],
"description": "Specifies the names of one or more @scroll-timeline at-rules to describe the element's scroll animations."
},
{
"name": "appearance",
"syntax": "none | auto | textfield | menulist-button | <compat-auto>",
"relevance": 63,
"browsers": [
"E84",
"FF80",
"S15.4",
"C84",
"O70"
],
"references": [
{
"name": "MDN Reference",
"url": "https://developer.mozilla.org/docs/Web/CSS/appearance"
}
],
"description": "Changes the appearance of buttons and other controls to resemble native controls."
},
{
"name": "aspect-ratio",
"syntax": "auto | <ratio>",
"relevance": 57,
"browsers": [
"E88",
"FF89",
"S15",
"C88",
"O74"
],
"references": [
{
"name": "MDN Reference",
"url": "https://developer.mozilla.org/docs/Web/CSS/aspect-ratio"
}
],
"description": "The aspect-ratio CSS property sets a preferred aspect ratio for the box, which will be used in the calculation of auto sizes and some other layout functions."
},
{
"name": "azimuth",
"status": "obsolete",
"syntax": "<angle> | [ [ left-side | far-left | left | center-left | center | center-right | right | far-right | right-side ] || behind ] | leftwards | rightwards",
"relevance": 0,
"description": "In combination with elevation, the azimuth CSS property enables different audio sources to be positioned spatially for aural presentation. This is important in that it provides a natural way to tell several voices apart, as each can be positioned to originate at a different location on the sound stage. Stereo output produce a lateral sound stage, while binaural headphones and multi-speaker setups allow for a fully three-dimensional stage."
},
{
"name": "backdrop-filter",
"syntax": "none | <filter-function-list>",
"relevance": 58,
"browsers": [
"E17",
"FF103",
"S9",
"C76",
"O63"
],
"references": [
{
"name": "MDN Reference",
"url": "https://developer.mozilla.org/docs/Web/CSS/backdrop-filter"
}
],
"description": "The backdrop-filter CSS property lets you apply graphical effects such as blurring or color shifting to the area behind an element. Because it applies to everything behind the element, to see the effect you must make the element or its background at least partially transparent."
},
{
"name": "border-block",
"syntax": "<'border-top-width'> || <'border-top-style'> || <color>",
"relevance": 50,
"browsers": [
"E87",
"FF66",
"S14.1",
"C87",
"O73"
],
"references": [
{
"name": "MDN Reference",
"url": "https://developer.mozilla.org/docs/Web/CSS/border-block"
}
],
"description": "The border-block CSS property is a shorthand property for setting the individual logical block border property values in a single place in the style sheet."
},
{
"name": "border-block-color",
"syntax": "<'border-top-color'>{1,2}",
"relevance": 50,
"browsers": [
"E87",
"FF66",
"S14.1",
"C87",
"O73"
],
"references": [
{
"name": "MDN Reference",
"url": "https://developer.mozilla.org/docs/Web/CSS/border-block-color"
}
],
"description": "The border-block-color CSS property defines the color of the logical block borders of an element, which maps to a physical border color depending on the element's writing mode, directionality, and text orientation. It corresponds to the border-top-color and border-bottom-color, or border-right-color and border-left-color property depending on the values defined for writing-mode, direction, and text-orientation."
},
{
"name": "border-block-style",
"syntax": "<'border-top-style'>",
"relevance": 50,
"browsers": [
"E87",
"FF66",
"S14.1",
"C87",
"O73"
],
"references": [
{
"name": "MDN Reference",
"url": "https://developer.mozilla.org/docs/Web/CSS/border-block-style"
}
],
"description": "The border-block-style CSS property defines the style of the logical block borders of an element, which maps to a physical border style depending on the element's writing mode, directionality, and text orientation. It corresponds to the border-top-style and border-bottom-style, or border-left-style and border-right-style properties depending on the values defined for writing-mode, direction, and text-orientation."
},
{
"name": "border-block-width",
"syntax": "<'border-top-width'>",
"relevance": 50,
"browsers": [
"E87",
"FF66",
"S14.1",
"C87",
"O73"
],
"references": [
{
"name": "MDN Reference",
"url": "https://developer.mozilla.org/docs/Web/CSS/border-block-width"
}
],
"description": "The border-block-width CSS property defines the width of the logical block borders of an element, which maps to a physical border width depending on the element's writing mode, directionality, and text orientation. It corresponds to the border-top-width and border-bottom-width, or border-left-width, and border-right-width property depending on the values defined for writing-mode, direction, and text-orientation."
},
{
"name": "border-end-end-radius",
"syntax": "<length-percentage>{1,2}",
"relevance": 50,
"browsers": [
"E89",
"FF66",
"S15",
"C89",
"O75"
],
"references": [
{
"name": "MDN Reference",
"url": "https://developer.mozilla.org/docs/Web/CSS/border-end-end-radius"
}
],
"description": "The border-end-end-radius CSS property defines a logical border radius on an element, which maps to a physical border radius that depends on on the element's writing-mode, direction, and text-orientation."
},
{
"name": "border-end-start-radius",
"syntax": "<length-percentage>{1,2}",
"relevance": 50,
"browsers": [
"E89",
"FF66",
"S15",
"C89",
"O75"
],
"references": [
{
"name": "MDN Reference",
"url": "https://developer.mozilla.org/docs/Web/CSS/border-end-start-radius"
}
],
"description": "The border-end-start-radius CSS property defines a logical border radius on an element, which maps to a physical border radius depending on the element's writing-mode, direction, and text-orientation."
},
{
"name": "border-inline",
"syntax": "<'border-top-width'> || <'border-top-style'> || <color>",
"relevance": 50,
"browsers": [
"E87",
"FF66",
"S14.1",
"C87",
"O73"
],
"references": [
{
"name": "MDN Reference",
"url": "https://developer.mozilla.org/docs/Web/CSS/border-inline"
}
],
"description": "The border-inline CSS property is a shorthand property for setting the individual logical inline border property values in a single place in the style sheet."
},
{
"name": "border-inline-color",
"syntax": "<'border-top-color'>{1,2}",
"relevance": 50,
"browsers": [
"E87",
"FF66",
"S14.1",
"C87",
"O73"
],
"references": [
{
"name": "MDN Reference",
"url": "https://developer.mozilla.org/docs/Web/CSS/border-inline-color"
}
],
"description": "The border-inline-color CSS property defines the color of the logical inline borders of an element, which maps to a physical border color depending on the element's writing mode, directionality, and text orientation. It corresponds to the border-top-color and border-bottom-color, or border-right-color and border-left-color property depending on the values defined for writing-mode, direction, and text-orientation."
},
{
"name": "border-inline-style",
"syntax": "<'border-top-style'>",
"relevance": 50,
"browsers": [
"E87",
"FF66",
"S14.1",
"C87",
"O73"
],
"references": [
{
"name": "MDN Reference",
"url": "https://developer.mozilla.org/docs/Web/CSS/border-inline-style"
}
],
"description": "The border-inline-style CSS property defines the style of the logical inline borders of an element, which maps to a physical border style depending on the element's writing mode, directionality, and text orientation. It corresponds to the border-top-style and border-bottom-style, or border-left-style and border-right-style properties depending on the values defined for writing-mode, direction, and text-orientation."
},
{
"name": "border-inline-width",
"syntax": "<'border-top-width'>",
"relevance": 50,
"browsers": [
"E87",
"FF66",
"S14.1",
"C87",
"O73"
],
"references": [
{
"name": "MDN Reference",
"url": "https://developer.mozilla.org/docs/Web/CSS/border-inline-width"
}
],
"description": "The border-inline-width CSS property defines the width of the logical inline borders of an element, which maps to a physical border width depending on the element's writing mode, directionality, and text orientation. It corresponds to the border-top-width and border-bottom-width, or border-left-width, and border-right-width property depending on the values defined for writing-mode, direction, and text-orientation."
},
{
"name": "border-start-end-radius",
"syntax": "<length-percentage>{1,2}",
"relevance": 50,
"browsers": [
"E89",
"FF66",
"S15",
"C89",
"O75"
],
"references": [
{
"name": "MDN Reference",
"url": "https://developer.mozilla.org/docs/Web/CSS/border-start-end-radius"
}
],
"description": "The border-start-end-radius CSS property defines a logical border radius on an element, which maps to a physical border radius depending on the element's writing-mode, direction, and text-orientation."
},
{
"name": "border-start-start-radius",
"syntax": "<length-percentage>{1,2}",
"relevance": 50,
"browsers": [
"E89",
"FF66",
"S15",
"C89",
"O75"
],
"references": [
{
"name": "MDN Reference",
"url": "https://developer.mozilla.org/docs/Web/CSS/border-start-start-radius"
}
],
"description": "The border-start-start-radius CSS property defines a logical border radius on an element, which maps to a physical border radius that depends on the element's writing-mode, direction, and text-orientation."
},
{
"name": "box-align",
"status": "obsolete",
"syntax": "start | center | end | baseline | stretch",
"values": [
{
"name": "start"
},
{
"name": "center"
},
{
"name": "end"
},
{
"name": "baseline"
},
{
"name": "stretch"
}
],
"relevance": 0,
"browsers": [
"E12",
"FF49",
"S3",
"C1",
"O15"
],
"references": [
{
"name": "MDN Reference",
"url": "https://developer.mozilla.org/docs/Web/CSS/box-align"
}
],
"description": "The box-align CSS property specifies how an element aligns its contents across its layout in a perpendicular direction. The effect of the property is only visible if there is extra space in the box."
},
{
"name": "box-direction",
"status": "obsolete",
"syntax": "normal | reverse | inherit",
"values": [
{
"name": "normal"
},
{
"name": "reverse"
},
{
"name": "inherit"
}
],
"relevance": 0,
"browsers": [
"E12",
"FF49",
"S3",
"C1",
"O15"
],
"references": [
{
"name": "MDN Reference",
"url": "https://developer.mozilla.org/docs/Web/CSS/box-direction"
}
],
"description": "The box-direction CSS property specifies whether a box lays out its contents normally (from the top or left edge), or in reverse (from the bottom or right edge)."
},
{
"name": "box-flex",
"status": "obsolete",
"syntax": "<number>",
"relevance": 0,
"browsers": [
"E12",
"FF49",
"S3",
"C1",
"O15"
],
"references": [
{
"name": "MDN Reference",
"url": "https://developer.mozilla.org/docs/Web/CSS/box-flex"
}
],
"description": "The -moz-box-flex and -webkit-box-flex CSS properties specify how a -moz-box or -webkit-box grows to fill the box that contains it, in the direction of the containing box's layout."
},
{
"name": "box-flex-group",
"status": "obsolete",
"syntax": "<integer>",
"relevance": 0,
"browsers": [
"S3",
"C1",
"O15"
],
"references": [
{
"name": "MDN Reference",
"url": "https://developer.mozilla.org/docs/Web/CSS/box-flex-group"
}
],
"description": "The box-flex-group CSS property assigns the flexbox's child elements to a flex group."
},
{
"name": "box-lines",
"status": "obsolete",
"syntax": "single | multiple",
"values": [
{
"name": "single"
},
{
"name": "multiple"
}
],
"relevance": 0,
"browsers": [
"S3",
"C1",
"O15"
],
"references": [
{
"name": "MDN Reference",
"url": "https://developer.mozilla.org/docs/Web/CSS/box-lines"
}
],
"description": "The box-lines CSS property determines whether the box may have a single or multiple lines (rows for horizontally oriented boxes, columns for vertically oriented boxes)."
},
{
"name": "box-ordinal-group",
"status": "obsolete",
"syntax": "<integer>",
"relevance": 0,
"browsers": [
"E12",
"FF49",
"S3",
"C1",
"O15"
],
"references": [
{
"name": "MDN Reference",
"url": "https://developer.mozilla.org/docs/Web/CSS/box-ordinal-group"
}
],
"description": "The box-ordinal-group CSS property assigns the flexbox's child elements to an ordinal group."
},
{
"name": "box-orient",
"status": "obsolete",
"syntax": "horizontal | vertical | inline-axis | block-axis | inherit",
"values": [
{
"name": "horizontal"
},
{
"name": "vertical"
},
{
"name": "inline-axis"
},
{
"name": "block-axis"
},
{
"name": "inherit"
}
],
"relevance": 0,
"browsers": [
"E12",
"FF49",
"S3",
"C1",
"O15"
],
"references": [
{
"name": "MDN Reference",
"url": "https://developer.mozilla.org/docs/Web/CSS/box-orient"
}
],
"description": "The box-orient CSS property specifies whether an element lays out its contents horizontally or vertically."
},
{
"name": "box-pack",
"status": "obsolete",
"syntax": "start | center | end | justify",
"values": [
{
"name": "start"
},
{
"name": "center"
},
{
"name": "end"
},
{
"name": "justify"
}
],
"relevance": 0,
"browsers": [
"E12",
"FF49",
"S3",
"C1",
"O15"
],
"references": [
{
"name": "MDN Reference",
"url": "https://developer.mozilla.org/docs/Web/CSS/box-pack"
}
],
"description": "The -moz-box-pack and -webkit-box-pack CSS properties specify how a -moz-box or -webkit-box packs its contents in the direction of its layout. The effect of this is only visible if there is extra space in the box."
},
{
"name": "caret",
"syntax": "<'caret-color'> || <'caret-shape'>",
"relevance": 50,
"description": "Shorthand for setting caret-color and caret-shape."
},
{
"name": "caret-shape",
"syntax": "auto | bar | block | underscore",
"values": [
{
"name": "auto"
},
{
"name": "bar"
},
{
"name": "block"
},
{
"name": "underscore"
}
],
"relevance": 50,
"description": "Specifies the desired shape of the text insertion caret."
},
{
"name": "print-color-adjust",
"syntax": "economy | exact",
"values": [
{
"name": "economy"
},
{
"name": "exact"
}
],
"relevance": 50,
"browsers": [
"E79",
"FF97",
"S15.4",
"C17",
"O15"
],
"references": [
{
"name": "MDN Reference",
"url": "https://developer.mozilla.org/docs/Web/CSS/print-color-adjust"
}
],
"description": "Defines what optimization the user agent is allowed to do when adjusting the appearance for an output device."
},
{
"name": "color-scheme",
"syntax": "normal | [ light | dark | <custom-ident> ]+ && only?",
"relevance": 53,
"browsers": [
"E81",
"FF96",
"S13",
"C81",
"O68"
],
"references": [
{
"name": "MDN Reference",
"url": "https://developer.mozilla.org/docs/Web/CSS/color-scheme"
}
],
"description": "The color-scheme CSS property allows an element to indicate which color schemes it can comfortably be rendered in."
},
{
"name": "contain-intrinsic-size",
"syntax": "[ none | <length> | auto <length> ]{1,2}",
"relevance": 50,
"browsers": [
"E83",
"FF107",
"C83",
"O69"
],
"references": [
{
"name": "MDN Reference",
"url": "https://developer.mozilla.org/docs/Web/CSS/contain-intrinsic-size"
}
],
"description": "Size of an element when the element is subject to size containment."
},
{
"name": "contain-intrinsic-block-size",
"syntax": "none | <length> | auto <length>",
"relevance": 50,
"browsers": [
"E95",
"FF107",
"C95",
"O81"
],
"references": [
{
"name": "MDN Reference",
"url": "https://developer.mozilla.org/docs/Web/CSS/contain-intrinsic-contain-intrinsic-block-size"
}
],
"description": "Block size of an element when the element is subject to size containment."
},
{
"name": "contain-intrinsic-height",
"syntax": "none | <length> | auto <length>",
"relevance": 50,
"browsers": [
"E83",
"FF107",
"C83",
"O69"
],
"references": [
{
"name": "MDN Reference",
"url": "https://developer.mozilla.org/docs/Web/CSS/contain-intrinsic-height"
}
],
"description": "Height of an element when the element is subject to size containment."
},
{
"name": "contain-intrinsic-inline-size",
"syntax": "none | <length> | auto <length>",
"relevance": 50,
"browsers": [
"E95",
"FF107",
"C95",
"O81"
],
"references": [
{
"name": "MDN Reference",
"url": "https://developer.mozilla.org/docs/Web/CSS/contain-intrinsic-contain-intrinsic-inline-size"
}
],
"description": "Inline size of an element when the element is subject to size containment."
},
{
"name": "contain-intrinsic-width",
"syntax": "none | <length> | auto <length>",
"relevance": 50,
"browsers": [
"E83",
"FF107",
"C83",
"O69"
],
"references": [
{
"name": "MDN Reference",
"url": "https://developer.mozilla.org/docs/Web/CSS/contain-intrinsic-width"
}
],
"description": "Width of an element when the element is subject to size containment."
},
{
"name": "content-visibility",
"syntax": "visible | auto | hidden",
"values": [
{
"name": "visible"
},
{
"name": "auto"
},
{
"name": "hidden"
}
],
"relevance": 51,
"browsers": [
"E85",
"FF109",
"C85",
"O71"
],
"references": [
{
"name": "MDN Reference",
"url": "https://developer.mozilla.org/docs/Web/CSS/content-visibility"
}
],
"description": "Controls whether or not an element renders its contents at all, along with forcing a strong set of containments, allowing user agents to potentially omit large swathes of layout and rendering work until it becomes needed."
},
{
"name": "counter-set",
"syntax": "[ <counter-name> <integer>? ]+ | none",
"relevance": 50,
"browsers": [
"E85",
"FF68",
"C85",
"O71"
],
"references": [
{
"name": "MDN Reference",
"url": "https://developer.mozilla.org/docs/Web/CSS/counter-set"
}
],
"description": "The counter-set CSS property sets a CSS counter to a given value. It manipulates the value of existing counters, and will only create new counters if there isn't already a counter of the given name on the element."
},
{
"name": "font-optical-sizing",
"syntax": "auto | none",
"values": [
{
"name": "auto"
},
{
"name": "none"
}
],
"relevance": 50,
"browsers": [
"E17",
"FF62",
"S11",
"C79",
"O66"
],
"references": [
{
"name": "MDN Reference",
"url": "https://developer.mozilla.org/docs/Web/CSS/font-optical-sizing"
}
],
"description": "The font-optical-sizing CSS property allows developers to control whether browsers render text with slightly differing visual representations to optimize viewing at different sizes, or not. This only works for fonts that have an optical size variation axis."
},
{
"name": "font-variation-settings",
"syntax": "normal | [ <string> <number> ]#",
"relevance": 50,
"browsers": [
"E17",
"FF62",
"S11",
"C62",
"O49"
],
"references": [
{
"name": "MDN Reference",
"url": "https://developer.mozilla.org/docs/Web/CSS/font-variation-settings"
}
],
"description": "The font-variation-settings CSS property provides low-level control over OpenType or TrueType font variations, by specifying the four letter axis names of the features you want to vary, along with their variation values."
},
{
"name": "font-smooth",
"status": "nonstandard",
"syntax": "auto | never | always | <absolute-size> | <length>",
"relevance": 0,
"browsers": [
"E79",
"FF25",
"S4",
"C5",
"O15"
],
"references": [
{
"name": "MDN Reference",
"url": "https://developer.mozilla.org/docs/Web/CSS/font-smooth"
}
],
"description": "The font-smooth CSS property controls the application of anti-aliasing when fonts are rendered."
},
{
"name": "forced-color-adjust",
"syntax": "auto | none",
"values": [
{
"name": "auto"
},
{
"name": "none"
}
],
"relevance": 57,
"browsers": [
"E79",
"C89",
"IE10"
],
"references": [
{
"name": "MDN Reference",
"url": "https://developer.mozilla.org/docs/Web/CSS/forced-color-adjust"
}
],
"description": "Allows authors to opt certain elements out of forced colors mode. This then restores the control of those values to CSS"
},
{
"name": "gap",
"syntax": "<'row-gap'> <'column-gap'>?",
"relevance": 63,
"browsers": [
"E16",
"FF52",
"S10.1",
"C57",
"O44"
],
"references": [
{
"name": "MDN Reference",
"url": "https://developer.mozilla.org/docs/Web/CSS/gap"
}
],
"description": "The gap CSS property is a shorthand property for row-gap and column-gap specifying the gutters between grid rows and columns."
},
{
"name": "hanging-punctuation",
"syntax": "none | [ first || [ force-end | allow-end ] || last ]",
"relevance": 50,
"browsers": [
"S10"
],
"references": [
{
"name": "MDN Reference",
"url": "https://developer.mozilla.org/docs/Web/CSS/hanging-punctuation"
}
],
"description": "The hanging-punctuation CSS property specifies whether a punctuation mark should hang at the start or end of a line of text. Hanging punctuation may be placed outside the line box."
},
{
"name": "hyphenate-character",
"syntax": "auto | <string>",
"relevance": 50,
"browsers": [
"E106",
"FF98",
"S5.1",
"C106",
"O92"
],
"references": [
{
"name": "MDN Reference",
"url": "https://developer.mozilla.org/docs/Web/CSS/hyphenate-character"
}
],
"description": "A hyphenate character used at the end of a line."
},
{
"name": "hyphenate-limit-chars",
"syntax": "[ auto | <integer> ]{1,3}",
"relevance": 50,
"browsers": [
"E109",
"C109",
"O95"
],
"description": ""
},
{
"name": "image-resolution",
"status": "experimental",
"syntax": "[ from-image || <resolution> ] && snap?",
"relevance": 50,
"description": "The image-resolution property specifies the intrinsic resolution of all raster images used in or on the element. It affects both content images (e.g. replaced elements and generated content) and decorative images (such as background-image). The intrinsic resolution of an image is used to determine the image’s intrinsic dimensions."
},
{
"name": "initial-letter",
"status": "experimental",
"syntax": "normal | [ <number> <integer>? ]",
"relevance": 50,
"browsers": [
"E110",
"S9",
"C110",
"O96"
],
"references": [
{
"name": "MDN Reference",
"url": "https://developer.mozilla.org/docs/Web/CSS/initial-letter"
}
],
"description": "The initial-letter CSS property specifies styling for dropped, raised, and sunken initial letters."
},
{
"name": "initial-letter-align",
"status": "experimental",
"syntax": "[ auto | alphabetic | hanging | ideographic ]",
"relevance": 50,
"references": [
{
"name": "MDN Reference",
"url": "https://developer.mozilla.org/docs/Web/CSS/initial-letter-align"
}
],
"description": "The initial-letter-align CSS property specifies the alignment of initial letters within a paragraph."
},
{
"name": "input-security",
"syntax": "auto | none",
"values": [
{
"name": "auto"
},
{
"name": "none"
}
],
"relevance": 50,
"description": "Enables or disables the obscuring a sensitive test input."
},
{
"name": "inset",
"syntax": "<'top'>{1,4}",
"relevance": 52,
"browsers": [
"E87",
"FF66",
"S14.1",
"C87",
"O73"
],
"references": [
{
"name": "MDN Reference",
"url": "https://developer.mozilla.org/docs/Web/CSS/inset"
}
],
"description": "The inset CSS property defines the logical block and inline start and end offsets of an element, which map to physical offsets depending on the element's writing mode, directionality, and text orientation. It corresponds to the top and bottom, or right and left properties depending on the values defined for writing-mode, direction, and text-orientation."
},
{
"name": "inset-block",
"syntax": "<'top'>{1,2}",
"relevance": 50,
"browsers": [
"E87",
"FF63",
"S14.1",
"C87",
"O73"
],
"references": [
{
"name": "MDN Reference",
"url": "https://developer.mozilla.org/docs/Web/CSS/inset-block"
}
],
"description": "The inset-block CSS property defines the logical block start and end offsets of an element, which maps to physical offsets depending on the element's writing mode, directionality, and text orientation. It corresponds to the top and bottom, or right and left properties depending on the values defined for writing-mode, direction, and text-orientation."
},
{
"name": "inset-block-end",
"syntax": "<'top'>",
"relevance": 50,
"browsers": [
"E87",
"FF63",
"S14.1",
"C87",
"O73"
],
"references": [
{
"name": "MDN Reference",
"url": "https://developer.mozilla.org/docs/Web/CSS/inset-block-end"
}
],
"description": "The inset-block-end CSS property defines the logical block end offset of an element, which maps to a physical offset depending on the element's writing mode, directionality, and text orientation. It corresponds to the top, right, bottom, or left property depending on the values defined for writing-mode, direction, and text-orientation."
},
{
"name": "inset-block-start",
"syntax": "<'top'>",
"relevance": 50,
"browsers": [
"E87",
"FF63",
"S14.1",
"C87",
"O73"
],
"references": [
{
"name": "MDN Reference",
"url": "https://developer.mozilla.org/docs/Web/CSS/inset-block-start"
}
],
"description": "The inset-block-start CSS property defines the logical block start offset of an element, which maps to a physical offset depending on the element's writing mode, directionality, and text orientation. It corresponds to the top, right, bottom, or left property depending on the values defined for writing-mode, direction, and text-orientation."
},
{
"name": "inset-inline",
"syntax": "<'top'>{1,2}",
"relevance": 50,
"browsers": [
"E87",
"FF63",
"S14.1",
"C87",
"O73"
],
"references": [
{
"name": "MDN Reference",
"url": "https://developer.mozilla.org/docs/Web/CSS/inset-inline"
}
],
"description": "The inset-inline CSS property defines the logical block start and end offsets of an element, which maps to physical offsets depending on the element's writing mode, directionality, and text orientation. It corresponds to the top and bottom, or right and left properties depending on the values defined for writing-mode, direction, and text-orientation."
},
{
"name": "inset-inline-end",
"syntax": "<'top'>",
"relevance": 50,
"browsers": [
"E87",
"FF63",
"S14.1",
"C87",
"O73"
],
"references": [
{
"name": "MDN Reference",
"url": "https://developer.mozilla.org/docs/Web/CSS/inset-inline-end"
}
],
"description": "The inset-inline-end CSS property defines the logical inline end inset of an element, which maps to a physical inset depending on the element's writing mode, directionality, and text orientation. It corresponds to the top, right, bottom, or left property depending on the values defined for writing-mode, direction, and text-orientation."
},
{
"name": "inset-inline-start",
"syntax": "<'top'>",
"relevance": 50,
"browsers": [
"E87",
"FF63",
"S14.1",
"C87",
"O73"
],
"references": [
{
"name": "MDN Reference",
"url": "https://developer.mozilla.org/docs/Web/CSS/inset-inline-start"
}
],
"description": "The inset-inline-start CSS property defines the logical inline start inset of an element, which maps to a physical offset depending on the element's writing mode, directionality, and text orientation. It corresponds to the top, right, bottom, or left property depending on the values defined for writing-mode, direction, and text-orientation."
},
{
"name": "justify-tracks",
"status": "experimental",
"syntax": "[ normal | <content-distribution> | <overflow-position>? [ <content-position> | left | right ] ]#",
"relevance": 50,
"browsers": [
"FF77"
],
"references": [
{
"name": "MDN Reference",
"url": "https://developer.mozilla.org/docs/Web/CSS/justify-tracks"
}
],
"description": "The justify-tracks CSS property sets the alignment in the masonry axis for grid containers that have masonry in their inline axis"
},
{
"name": "line-clamp",
"status": "experimental",
"syntax": "none | <integer>",
"relevance": 50,
"description": "The line-clamp property allows limiting the contents of a block container to the specified number of lines; remaining content is fragmented away and neither rendered nor measured. Optionally, it also allows inserting content into the last line box to indicate the continuity of truncated/interrupted content."
},
{
"name": "line-height-step",
"status": "experimental",
"syntax": "<length>",
"relevance": 50,
"browsers": [
"E79",
"C60",
"O47"
],
"references": [
{
"name": "MDN Reference",
"url": "https://developer.mozilla.org/docs/Web/CSS/line-height-step"
}
],
"description": "The line-height-step CSS property defines the step units for line box heights. When the step unit is positive, line box heights are rounded up to the closest multiple of the unit. Negative values are invalid."
},
{
"name": "margin-block",
"syntax": "<'margin-left'>{1,2}",
"relevance": 50,
"browsers": [
"E87",
"FF66",
"S14.1",
"C87",
"O73"
],
"references": [
{
"name": "MDN Reference",
"url": "https://developer.mozilla.org/docs/Web/CSS/margin-block"
}
],
"description": "The margin-block CSS property defines the logical block start and end margins of an element, which maps to physical margins depending on the element's writing mode, directionality, and text orientation."
},
{
"name": "margin-inline",
"syntax": "<'margin-left'>{1,2}",
"relevance": 50,
"browsers": [
"E87",
"FF66",
"S14.1",
"C87",
"O73"
],
"references": [
{
"name": "MDN Reference",
"url": "https://developer.mozilla.org/docs/Web/CSS/margin-inline"
}
],
"description": "The margin-inline CSS property defines the logical inline start and end margins of an element, which maps to physical margins depending on the element's writing mode, directionality, and text orientation."
},
{
"name": "margin-trim",
"status": "experimental",
"syntax": "none | in-flow | all",
"values": [
{
"name": "none"
},
{
"name": "in-flow"
},
{
"name": "all"
}
],
"relevance": 50,
"browsers": [
"S16.4"
],
"references": [
{
"name": "MDN Reference",
"url": "https://developer.mozilla.org/docs/Web/CSS/margin-trim"
}
],
"description": "The margin-trim property allows the container to trim the margins of its children where they adjoin the container’s edges."
},
{
"name": "mask",
"syntax": "<mask-layer>#",
"relevance": 50,
"browsers": [
"E79",
"FF2",
"S3.1",
"C1",
"O15"
],
"references": [
{
"name": "MDN Reference",
"url": "https://developer.mozilla.org/docs/Web/CSS/mask"
}
],
"description": "The mask CSS property alters the visibility of an element by either partially or fully hiding it. This is accomplished by either masking or clipping the image at specific points."
},
{
"name": "mask-border",
"syntax": "<'mask-border-source'> || <'mask-border-slice'> [ / <'mask-border-width'>? [ / <'mask-border-outset'> ]? ]? || <'mask-border-repeat'> || <'mask-border-mode'>",
"relevance": 50,
"browsers": [
"E79",
"S3.1",
"C1",
"O15"
],
"references": [
{
"name": "MDN Reference",
"url": "https://developer.mozilla.org/docs/Web/CSS/mask-border"
}
],
"description": "The mask-border CSS property lets you create a mask along the edge of an element's border.\n\nThis property is a shorthand for mask-border-source, mask-border-slice, mask-border-width, mask-border-outset, mask-border-repeat, and mask-border-mode. As with all shorthand properties, any omitted sub-values will be set to their initial value."
},
{
"name": "mask-border-mode",
"syntax": "luminance | alpha",
"values": [
{
"name": "luminance"
},
{
"name": "alpha"
}
],
"relevance": 50,
"description": "The mask-border-mode CSS property specifies the blending mode used in a mask border."
},
{
"name": "mask-border-outset",
"syntax": "[ <length> | <number> ]{1,4}",
"relevance": 50,
"browsers": [
"E79",
"S3.1",
"C1",
"O15"
],
"references": [
{
"name": "MDN Reference",
"url": "https://developer.mozilla.org/docs/Web/CSS/mask-border-outset"
}
],
"description": "The mask-border-outset CSS property specifies the distance by which an element's mask border is set out from its border box."
},
{
"name": "mask-border-repeat",
"syntax": "[ stretch | repeat | round | space ]{1,2}",
"relevance": 50,
"browsers": [
"E79",
"S3.1",
"C1",
"O15"
],
"references": [
{
"name": "MDN Reference",
"url": "https://developer.mozilla.org/docs/Web/CSS/mask-border-repeat"
}
],
"description": "The mask-border-repeat CSS property defines how the edge regions of a source image are adjusted to fit the dimensions of an element's mask border."
},
{
"name": "mask-border-slice",
"syntax": "<number-percentage>{1,4} fill?",
"relevance": 50,
"browsers": [
"E79",
"S3.1",
"C1",
"O15"
],
"references": [
{
"name": "MDN Reference",
"url": "https://developer.mozilla.org/docs/Web/CSS/mask-border-slice"
}
],
"description": "The mask-border-slice CSS property divides the image specified by mask-border-source into regions. These regions are used to form the components of an element's mask border."
},
{
"name": "mask-border-source",
"syntax": "none | <image>",
"relevance": 50,
"browsers": [
"E79",
"S3.1",
"C1",
"O15"
],
"references": [
{
"name": "MDN Reference",
"url": "https://developer.mozilla.org/docs/Web/CSS/mask-border-source"
}
],
"description": "The mask-border-source CSS property specifies the source image used to create an element's mask border.\n\nThe mask-border-slice property is used to divide the source image into regions, which are then dynamically applied to the final mask border."
},
{
"name": "mask-border-width",
"syntax": "[ <length-percentage> | <number> | auto ]{1,4}",
"relevance": 50,
"browsers": [
"E79",
"S3.1",
"C1",
"O15"
],
"references": [
{
"name": "MDN Reference",
"url": "https://developer.mozilla.org/docs/Web/CSS/mask-border-width"
}
],
"description": "The mask-border-width CSS property specifies the width of an element's mask border."
},
{
"name": "mask-clip",
"syntax": "[ <geometry-box> | no-clip ]#",
"relevance": 50,
"browsers": [
"E79",
"FF53",
"S15.4",
"C1",
"O15"
],
"references": [
{
"name": "MDN Reference",
"url": "https://developer.mozilla.org/docs/Web/CSS/mask-clip"
}
],
"description": "The mask-clip CSS property determines the area, which is affected by a mask. The painted content of an element must be restricted to this area."
},
{
"name": "mask-composite",
"syntax": "<compositing-operator>#",
"relevance": 50,
"browsers": [
"E18",
"FF53",
"S15.4"
],
"references": [
{
"name": "MDN Reference",
"url": "https://developer.mozilla.org/docs/Web/CSS/mask-composite"
}
],
"description": "The mask-composite CSS property represents a compositing operation used on the current mask layer with the mask layers below it."
},
{
"name": "masonry-auto-flow",
"status": "experimental",
"syntax": "[ pack | next ] || [ definite-first | ordered ]",
"relevance": 50,
"references": [
{
"name": "MDN Reference",
"url": "https://developer.mozilla.org/docs/Web/CSS/masonry-auto-flow"
}
],
"description": "The masonry-auto-flow CSS property modifies how items are placed when using masonry in CSS Grid Layout."
},
{
"name": "math-depth",
"syntax": "auto-add | add(<integer>) | <integer>",
"relevance": 50,
"browsers": [
"E109",
"FF83",
"C109",
"O95"
],
"references": [
{
"name": "MDN Reference",
"url": "https://developer.mozilla.org/docs/Web/CSS/math-depth"
}
],
"description": "Describe a notion of \"depth\" for each element of a mathematical formula, with respect to the top-level container of that formula."
},
{
"name": "math-shift",
"syntax": "normal | compact",
"values": [
{
"name": "normal"
},
{
"name": "compact"
}
],
"relevance": 50,
"browsers": [
"E109",
"C109",
"O95"
],
"references": [
{
"name": "MDN Reference",
"url": "https://developer.mozilla.org/docs/Web/CSS/math-shift"
}
],
"description": "Used for positioning superscript during the layout of MathML scripted elements."
},
{
"name": "math-style",
"syntax": "normal | compact",
"values": [
{
"name": "normal"
},
{
"name": "compact"
}
],
"relevance": 50,
"browsers": [
"E109",
"FF83",
"S14.1",
"C109",
"O95"
],
"references": [
{
"name": "MDN Reference",
"url": "https://developer.mozilla.org/docs/Web/CSS/math-style"
}
],
"description": "The math-style property indicates whether MathML equations should render with normal or compact height."
},
{
"name": "max-lines",
"status": "experimental",
"syntax": "none | <integer>",
"relevance": 50,
"description": "The max-lines property forces a break after a set number of lines"
},
{
"name": "offset",
"syntax": "[ <'offset-position'>? [ <'offset-path'> [ <'offset-distance'> || <'offset-rotate'> ]? ]? ]! [ / <'offset-anchor'> ]?",
"relevance": 50,
"browsers": [
"E79",
"FF72",
"S16",
"C55",
"O42"
],
"references": [
{
"name": "MDN Reference",
"url": "https://developer.mozilla.org/docs/Web/CSS/offset"
}
],
"description": "The offset CSS property is a shorthand property for animating an element along a defined path."
},
{
"name": "offset-anchor",
"syntax": "auto | <position>",
"relevance": 50,
"browsers": [
"FF72",
"Spreview"
],
"references": [
{
"name": "MDN Reference",
"url": "https://developer.mozilla.org/docs/Web/CSS/offset-anchor"
}
],
"description": "Defines an anchor point of the box positioned along the path. The anchor point specifies the point of the box which is to be considered as the point that is moved along the path."
},
{
"name": "offset-distance",
"syntax": "<length-percentage>",
"relevance": 50,
"browsers": [
"E79",
"FF72",
"Spreview",
"C55",
"O42"
],
"references": [
{
"name": "MDN Reference",
"url": "https://developer.mozilla.org/docs/Web/CSS/offset-distance"
}
],
"description": "The offset-distance CSS property specifies a position along an offset-path."
},
{
"name": "offset-path",
"syntax": "none | ray( [ <angle> && <size> && contain? ] ) | <path()> | <url> | [ <basic-shape> || <geometry-box> ]",
"relevance": 50,
"browsers": [
"E79",
"FF72",
"S15.4",
"C55",
"O45"
],
"references": [
{
"name": "MDN Reference",
"url": "https://developer.mozilla.org/docs/Web/CSS/offset-path"
}
],
"description": "The offset-path CSS property specifies the offset path where the element gets positioned. The exact element’s position on the offset path is determined by the offset-distance property. An offset path is either a specified path with one or multiple sub-paths or the geometry of a not-styled basic shape. Each shape or path must define an initial position for the computed value of \"0\" for offset-distance and an initial direction which specifies the rotation of the object to the initial position.\n\nIn this specification, a direction (or rotation) of 0 degrees is equivalent to the direction of the positive x-axis in the object’s local coordinate system. In other words, a rotation of 0 degree points to the right side of the UA if the object and its ancestors have no transformation applied."
},
{
"name": "offset-position",
"status": "experimental",
"syntax": "auto | <position>",
"relevance": 50,
"browsers": [
"Spreview"
],
"references": [
{
"name": "MDN Reference",
"url": "https://developer.mozilla.org/docs/Web/CSS/offset-position"
}
],
"description": "Specifies the initial position of the offset path. If position is specified with static, offset-position would be ignored."
},
{
"name": "offset-rotate",
"syntax": "[ auto | reverse ] || <angle>",
"relevance": 50,
"browsers": [
"E79",
"FF72",
"Spreview",
"C56",
"O43"
],
"references": [
{
"name": "MDN Reference",
"url": "https://developer.mozilla.org/docs/Web/CSS/offset-rotate"
}
],
"description": "The offset-rotate CSS property defines the direction of the element while positioning along the offset path."
},
{
"name": "overflow-anchor",
"syntax": "auto | none",
"values": [
{
"name": "auto"
},
{
"name": "none"
}
],
"relevance": 52,
"browsers": [
"E79",
"FF66",
"C56",
"O43"
],
"references": [
{
"name": "MDN Reference",
"url": "https://developer.mozilla.org/docs/Web/CSS/overflow-anchor"
}
],
"description": "The overflow-anchor CSS property provides a way to opt out browser scroll anchoring behavior which adjusts scroll position to minimize content shifts."
},
{
"name": "overflow-block",
"syntax": "visible | hidden | clip | scroll | auto",
"values": [
{
"name": "visible"
},
{
"name": "hidden"
},
{
"name": "clip"
},
{
"name": "scroll"
},
{
"name": "auto"
}
],
"relevance": 50,
"browsers": [
"FF69"
],
"references": [
{
"name": "MDN Reference",
"url": "https://developer.mozilla.org/docs/Web/CSS/overflow-block"
}
],
"description": "The overflow-block CSS media feature can be used to test how the output device handles content that overflows the initial containing block along the block axis."
},
{
"name": "overflow-clip-box",
"status": "nonstandard",
"syntax": "padding-box | content-box",
"values": [
{
"name": "padding-box"
},
{
"name": "content-box"
}
],
"relevance": 0,
"browsers": [
"FF29"
],
"references": [
{
"name": "MDN Reference",
"url": "https://developer.mozilla.org/docs/Mozilla/Gecko/Chrome/CSS/overflow-clip-box"
}
],
"description": "The overflow-clip-box CSS property specifies relative to which box the clipping happens when there is an overflow. It is short hand for the overflow-clip-box-inline and overflow-clip-box-block properties."
},
{
"name": "overflow-clip-margin",
"syntax": "<visual-box> || <length [0,∞]>",
"relevance": 50,
"browsers": [
"E90",
"FF102",
"C90",
"O76"
],
"references": [
{
"name": "MDN Reference",
"url": "https://developer.mozilla.org/docs/Web/CSS/overflow-clip-margin"
}
],
"description": "The overflow-clip-margin CSS property determines how far outside its bounds an element with overflow: clip may be painted before being clipped."
},
{
"name": "overflow-inline",
"syntax": "visible | hidden | clip | scroll | auto",
"values": [
{
"name": "visible"
},
{
"name": "hidden"
},
{
"name": "clip"
},
{
"name": "scroll"
},
{
"name": "auto"
}
],
"relevance": 50,
"browsers": [
"FF69"
],
"references": [
{
"name": "MDN Reference",
"url": "https://developer.mozilla.org/docs/Web/CSS/overflow-inline"
}
],
"description": "The overflow-inline CSS media feature can be used to test how the output device handles content that overflows the initial containing block along the inline axis."
},
{
"name": "overscroll-behavior",
"syntax": "[ contain | none | auto ]{1,2}",
"relevance": 50,
"browsers": [
"E18",
"FF59",
"S16",
"C63",
"O50"
],
"references": [
{
"name": "MDN Reference",
"url": "https://developer.mozilla.org/docs/Web/CSS/overscroll-behavior"
}
],
"description": "The overscroll-behavior CSS property is shorthand for the overscroll-behavior-x and overscroll-behavior-y properties, which allow you to control the browser's scroll overflow behavior — what happens when the boundary of a scrolling area is reached."
},
{
"name": "overscroll-behavior-block",
"syntax": "contain | none | auto",
"values": [
{
"name": "contain"
},
{
"name": "none"
},
{
"name": "auto"
}
],
"relevance": 50,
"browsers": [
"E79",
"FF73",
"S16",
"C77",
"O64"
],
"references": [
{
"name": "MDN Reference",
"url": "https://developer.mozilla.org/docs/Web/CSS/overscroll-behavior-block"
}
],
"description": "The overscroll-behavior-block CSS property sets the browser's behavior when the block direction boundary of a scrolling area is reached."
},
{
"name": "overscroll-behavior-inline",
"syntax": "contain | none | auto",
"values": [
{
"name": "contain"
},
{
"name": "none"
},
{
"name": "auto"
}
],
"relevance": 50,
"browsers": [
"E79",
"FF73",
"S16",
"C77",
"O64"
],
"references": [
{
"name": "MDN Reference",
"url": "https://developer.mozilla.org/docs/Web/CSS/overscroll-behavior-inline"
}
],
"description": "The overscroll-behavior-inline CSS property sets the browser's behavior when the inline direction boundary of a scrolling area is reached."
},
{
"name": "overscroll-behavior-x",
"syntax": "contain | none | auto",
"values": [
{
"name": "contain"
},
{
"name": "none"
},
{
"name": "auto"
}
],
"relevance": 50,
"browsers": [
"E18",
"FF59",
"S16",
"C63",
"O50"
],
"references": [
{
"name": "MDN Reference",
"url": "https://developer.mozilla.org/docs/Web/CSS/overscroll-behavior-x"
}
],
"description": "The overscroll-behavior-x CSS property is allows you to control the browser's scroll overflow behavior — what happens when the boundary of a scrolling area is reached — in the x axis direction."
},
{
"name": "overscroll-behavior-y",
"syntax": "contain | none | auto",
"values": [
{
"name": "contain"
},
{
"name": "none"
},
{
"name": "auto"
}
],
"relevance": 50,
"browsers": [
"E18",
"FF59",
"S16",
"C63",
"O50"
],
"references": [
{
"name": "MDN Reference",
"url": "https://developer.mozilla.org/docs/Web/CSS/overscroll-behavior-y"
}
],
"description": "The overscroll-behavior-y CSS property is allows you to control the browser's scroll overflow behavior — what happens when the boundary of a scrolling area is reached — in the y axis direction."
},
{
"name": "padding-block",
"syntax": "<'padding-left'>{1,2}",
"relevance": 50,
"browsers": [
"E87",
"FF66",
"S14.1",
"C87",
"O73"
],
"references": [
{
"name": "MDN Reference",
"url": "https://developer.mozilla.org/docs/Web/CSS/padding-block"
}
],
"description": "The padding-block CSS property defines the logical block start and end padding of an element, which maps to physical padding properties depending on the element's writing mode, directionality, and text orientation."
},
{
"name": "padding-inline",
"syntax": "<'padding-left'>{1,2}",
"relevance": 51,
"browsers": [
"E87",
"FF66",
"S14.1",
"C87",
"O73"
],
"references": [
{
"name": "MDN Reference",
"url": "https://developer.mozilla.org/docs/Web/CSS/padding-inline"
}
],
"description": "The padding-inline CSS property defines the logical inline start and end padding of an element, which maps to physical padding properties depending on the element's writing mode, directionality, and text orientation."
},
{
"name": "place-content",
"syntax": "<'align-content'> <'justify-content'>?",
"relevance": 50,
"browsers": [
"E79",
"FF45",
"S9",
"C59",
"O46"
],
"references": [
{
"name": "MDN Reference",
"url": "https://developer.mozilla.org/docs/Web/CSS/place-content"
}
],
"description": "The place-content CSS shorthand property sets both the align-content and justify-content properties."
},
{
"name": "place-items",
"syntax": "<'align-items'> <'justify-items'>?",
"relevance": 50,
"browsers": [
"E79",
"FF45",
"S11",
"C59",
"O46"
],
"references": [
{
"name": "MDN Reference",
"url": "https://developer.mozilla.org/docs/Web/CSS/place-items"
}
],
"description": "The CSS place-items shorthand property sets both the align-items and justify-items properties. The first value is the align-items property value, the second the justify-items one. If the second value is not present, the first value is also used for it."
},
{
"name": "place-self",
"syntax": "<'align-self'> <'justify-self'>?",
"relevance": 50,
"browsers": [
"E79",
"FF45",
"S11",
"C59",
"O46"
],
"references": [
{
"name": "MDN Reference",
"url": "https://developer.mozilla.org/docs/Web/CSS/place-self"
}
],
"description": "The place-self CSS property is a shorthand property sets both the align-self and justify-self properties. The first value is the align-self property value, the second the justify-self one. If the second value is not present, the first value is also used for it."
},
{
"name": "rotate",
"syntax": "none | <angle> | [ x | y | z | <number>{3} ] && <angle>",
"relevance": 50,
"browsers": [
"E104",
"FF72",
"S14.1",
"C104",
"O90"
],
"references": [
{
"name": "MDN Reference",
"url": "https://developer.mozilla.org/docs/Web/CSS/rotate"
}
],
"description": "The rotate CSS property allows you to specify rotation transforms individually and independently of the transform property. This maps better to typical user interface usage, and saves having to remember the exact order of transform functions to specify in the transform value."
},
{
"name": "row-gap",
"syntax": "normal | <length-percentage>",
"relevance": 53,
"browsers": [
"E16",
"FF52",
"S10.1",
"C47",
"O34"
],
"references": [
{
"name": "MDN Reference",
"url": "https://developer.mozilla.org/docs/Web/CSS/row-gap"
}
],
"description": "The row-gap CSS property specifies the gutter between grid rows."
},
{
"name": "ruby-merge",
"status": "experimental",
"syntax": "separate | collapse | auto",
"values": [
{
"name": "separate"
},
{
"name": "collapse"
},
{
"name": "auto"
}
],
"relevance": 50,
"description": "This property controls how ruby annotation boxes should be rendered when there are more than one in a ruby container box: whether each pair should be kept separate, the annotations should be collapsed and rendered as a group, or the separation should be determined based on the space available."
},
{
"name": "scale",
"syntax": "none | <number>{1,3}",
"relevance": 50,
"browsers": [
"E104",
"FF72",
"S14.1",
"C104",
"O90"
],
"references": [
{
"name": "MDN Reference",
"url": "https://developer.mozilla.org/docs/Web/CSS/scale"
}
],
"description": "The scale CSS property allows you to specify scale transforms individually and independently of the transform property. This maps better to typical user interface usage, and saves having to remember the exact order of transform functions to specify in the transform value."
},
{
"name": "scrollbar-color",
"syntax": "auto | <color>{2}",
"relevance": 50,
"browsers": [
"FF64"
],
"references": [
{
"name": "MDN Reference",
"url": "https://developer.mozilla.org/docs/Web/CSS/scrollbar-color"
}
],
"description": "The scrollbar-color CSS property sets the color of the scrollbar track and thumb."
},
{
"name": "scrollbar-gutter",
"syntax": "auto | stable && both-edges?",
"relevance": 50,
"browsers": [
"E94",
"FF97",
"C94",
"O80"
],
"references": [
{
"name": "MDN Reference",
"url": "https://developer.mozilla.org/docs/Web/CSS/scrollbar-gutter"
}
],
"description": "The scrollbar-gutter CSS property allows authors to reserve space for the scrollbar, preventing unwanted layout changes as the content grows while also avoiding unnecessary visuals when scrolling isn't needed."
},
{
"name": "scrollbar-width",
"syntax": "auto | thin | none",
"values": [
{
"name": "auto"
},
{
"name": "thin"
},
{
"name": "none"
}
],
"relevance": 50,
"browsers": [
"FF64"
],
"references": [
{
"name": "MDN Reference",
"url": "https://developer.mozilla.org/docs/Web/CSS/scrollbar-width"
}
],
"description": "The scrollbar-width property allows the author to set the maximum thickness of an element’s scrollbars when they are shown. "
},
{
"name": "scroll-margin",
"syntax": "<length>{1,4}",
"relevance": 50,
"browsers": [
"E79",
"FF90",
"S14.1",
"C69",
"O56"
],
"references": [
{
"name": "MDN Reference",
"url": "https://developer.mozilla.org/docs/Web/CSS/scroll-margin"
}
],
"description": "The scroll-margin property is a shorthand property which sets all of the scroll-margin longhands, assigning values much like the margin property does for the margin-* longhands."
},
{
"name": "scroll-margin-block",
"syntax": "<length>{1,2}",
"relevance": 50,
"browsers": [
"E79",
"FF68",
"S14.1",
"C69",
"O56"
],
"references": [
{
"name": "MDN Reference",
"url": "https://developer.mozilla.org/docs/Web/CSS/scroll-margin-block"
}
],
"description": "The scroll-margin-block property is a shorthand property which sets the scroll-margin longhands in the block dimension."
},
{
"name": "scroll-margin-block-start",
"syntax": "<length>",
"relevance": 50,
"browsers": [
"E79",
"FF68",
"S14.1",
"C69",
"O56"
],
"references": [
{
"name": "MDN Reference",
"url": "https://developer.mozilla.org/docs/Web/CSS/scroll-margin-block-start"
}
],
"description": "The scroll-margin-block-start property defines the margin of the scroll snap area at the start of the block dimension that is used for snapping this box to the snapport. The scroll snap area is determined by taking the transformed border box, finding its rectangular bounding box (axis-aligned in the scroll container’s coordinate space), then adding the specified outsets."
},
{
"name": "scroll-margin-block-end",
"syntax": "<length>",
"relevance": 50,
"browsers": [
"E79",
"FF68",
"S14.1",
"C69",
"O56"
],
"references": [
{
"name": "MDN Reference",
"url": "https://developer.mozilla.org/docs/Web/CSS/scroll-margin-block-end"
}
],
"description": "The scroll-margin-block-end property defines the margin of the scroll snap area at the end of the block dimension that is used for snapping this box to the snapport. The scroll snap area is determined by taking the transformed border box, finding its rectangular bounding box (axis-aligned in the scroll container’s coordinate space), then adding the specified outsets."
},
{
"name": "scroll-margin-bottom",
"syntax": "<length>",
"relevance": 50,
"browsers": [
"E79",
"FF68",
"S14.1",
"C69",
"O56"
],
"references": [
{
"name": "MDN Reference",
"url": "https://developer.mozilla.org/docs/Web/CSS/scroll-margin-bottom"
}
],
"description": "The scroll-margin-bottom property defines the bottom margin of the scroll snap area that is used for snapping this box to the snapport. The scroll snap area is determined by taking the transformed border box, finding its rectangular bounding box (axis-aligned in the scroll container’s coordinate space), then adding the specified outsets."
},
{
"name": "scroll-margin-inline",
"syntax": "<length>{1,2}",
"relevance": 50,
"browsers": [
"E79",
"FF68",
"S14.1",
"C69",
"O56"
],
"references": [
{
"name": "MDN Reference",
"url": "https://developer.mozilla.org/docs/Web/CSS/scroll-margin-inline"
}
],
"description": "The scroll-margin-inline property is a shorthand property which sets the scroll-margin longhands in the inline dimension."
},
{
"name": "scroll-margin-inline-start",
"syntax": "<length>",
"relevance": 50,
"browsers": [
"E79",
"FF68",
"S14.1",
"C69",
"O56"
],
"references": [
{
"name": "MDN Reference",
"url": "https://developer.mozilla.org/docs/Web/CSS/scroll-margin-inline-start"
}
],
"description": "The scroll-margin-inline-start property defines the margin of the scroll snap area at the start of the inline dimension that is used for snapping this box to the snapport. The scroll snap area is determined by taking the transformed border box, finding its rectangular bounding box (axis-aligned in the scroll container’s coordinate space), then adding the specified outsets."
},
{
"name": "scroll-margin-inline-end",
"syntax": "<length>",
"relevance": 50,
"browsers": [
"E79",
"FF68",
"S14.1",
"C69",
"O56"
],
"references": [
{
"name": "MDN Reference",
"url": "https://developer.mozilla.org/docs/Web/CSS/scroll-margin-inline-end"
}
],
"description": "The scroll-margin-inline-end property defines the margin of the scroll snap area at the end of the inline dimension that is used for snapping this box to the snapport. The scroll snap area is determined by taking the transformed border box, finding its rectangular bounding box (axis-aligned in the scroll container’s coordinate space), then adding the specified outsets."
},
{
"name": "scroll-margin-left",
"syntax": "<length>",
"relevance": 50,
"browsers": [
"E79",
"FF68",
"S14.1",
"C69",
"O56"
],
"references": [
{
"name": "MDN Reference",
"url": "https://developer.mozilla.org/docs/Web/CSS/scroll-margin-left"
}
],
"description": "The scroll-margin-left property defines the left margin of the scroll snap area that is used for snapping this box to the snapport. The scroll snap area is determined by taking the transformed border box, finding its rectangular bounding box (axis-aligned in the scroll container’s coordinate space), then adding the specified outsets."
},
{
"name": "scroll-margin-right",
"syntax": "<length>",
"relevance": 50,
"browsers": [
"E79",
"FF68",
"S14.1",
"C69",
"O56"
],
"references": [
{
"name": "MDN Reference",
"url": "https://developer.mozilla.org/docs/Web/CSS/scroll-margin-right"
}
],
"description": "The scroll-margin-right property defines the right margin of the scroll snap area that is used for snapping this box to the snapport. The scroll snap area is determined by taking the transformed border box, finding its rectangular bounding box (axis-aligned in the scroll container’s coordinate space), then adding the specified outsets."
},
{
"name": "scroll-margin-top",
"syntax": "<length>",
"relevance": 50,
"browsers": [
"E79",
"FF68",
"S14.1",
"C69",
"O56"
],
"references": [
{
"name": "MDN Reference",
"url": "https://developer.mozilla.org/docs/Web/CSS/scroll-margin-top"
}
],
"description": "The scroll-margin-top property defines the top margin of the scroll snap area that is used for snapping this box to the snapport. The scroll snap area is determined by taking the transformed border box, finding its rectangular bounding box (axis-aligned in the scroll container’s coordinate space), then adding the specified outsets."
},
{
"name": "scroll-padding",
"syntax": "[ auto | <length-percentage> ]{1,4}",
"relevance": 50,
"browsers": [
"E79",
"FF68",
"S14.1",
"C69",
"O56"
],
"references": [
{
"name": "MDN Reference",
"url": "https://developer.mozilla.org/docs/Web/CSS/scroll-padding"
}
],
"description": "The scroll-padding property is a shorthand property which sets all of the scroll-padding longhands, assigning values much like the padding property does for the padding-* longhands."
},
{
"name": "scroll-padding-block",
"syntax": "[ auto | <length-percentage> ]{1,2}",
"relevance": 50,
"browsers": [
"E79",
"FF68",
"S15",
"C69",
"O56"
],
"references": [
{
"name": "MDN Reference",
"url": "https://developer.mozilla.org/docs/Web/CSS/scroll-padding-block"
}
],
"description": "The scroll-padding-block property is a shorthand property which sets the scroll-padding longhands for the block dimension."
},
{
"name": "scroll-padding-block-start",
"syntax": "auto | <length-percentage>",
"relevance": 50,
"browsers": [
"E79",
"FF68",
"S15",
"C69",
"O56"
],
"references": [
{
"name": "MDN Reference",
"url": "https://developer.mozilla.org/docs/Web/CSS/scroll-padding-block-start"
}
],
"description": "The scroll-padding-block-start property defines offsets for the start edge in the block dimension of the optimal viewing region of the scrollport: the region used as the target region for placing things in view of the user. This allows the author to exclude regions of the scrollport that are obscured by other content (such as fixed-positioned toolbars or sidebars) or simply to put more breathing room between a targeted element and the edges of the scrollport."
},
{
"name": "scroll-padding-block-end",
"syntax": "auto | <length-percentage>",
"relevance": 50,
"browsers": [
"E79",
"FF68",
"S15",
"C69",
"O56"
],
"references": [
{
"name": "MDN Reference",
"url": "https://developer.mozilla.org/docs/Web/CSS/scroll-padding-block-end"
}
],
"description": "The scroll-padding-block-end property defines offsets for the end edge in the block dimension of the optimal viewing region of the scrollport: the region used as the target region for placing things in view of the user. This allows the author to exclude regions of the scrollport that are obscured by other content (such as fixed-positioned toolbars or sidebars) or simply to put more breathing room between a targeted element and the edges of the scrollport."
},
{
"name": "scroll-padding-bottom",
"syntax": "auto | <length-percentage>",
"relevance": 50,
"browsers": [
"E79",
"FF68",
"S14.1",
"C69",
"O56"
],
"references": [
{
"name": "MDN Reference",
"url": "https://developer.mozilla.org/docs/Web/CSS/scroll-padding-bottom"
}
],
"description": "The scroll-padding-bottom property defines offsets for the bottom of the optimal viewing region of the scrollport: the region used as the target region for placing things in view of the user. This allows the author to exclude regions of the scrollport that are obscured by other content (such as fixed-positioned toolbars or sidebars) or simply to put more breathing room between a targeted element and the edges of the scrollport."
},
{
"name": "scroll-padding-inline",
"syntax": "[ auto | <length-percentage> ]{1,2}",
"relevance": 50,
"browsers": [
"E79",
"FF68",
"S15",
"C69",
"O56"
],
"references": [
{
"name": "MDN Reference",
"url": "https://developer.mozilla.org/docs/Web/CSS/scroll-padding-inline"
}
],
"description": "The scroll-padding-inline property is a shorthand property which sets the scroll-padding longhands for the inline dimension."
},
{
"name": "scroll-padding-inline-start",
"syntax": "auto | <length-percentage>",
"relevance": 50,
"browsers": [
"E79",
"FF68",
"S15",
"C69",
"O56"
],
"references": [
{
"name": "MDN Reference",
"url": "https://developer.mozilla.org/docs/Web/CSS/scroll-padding-inline-start"
}
],
"description": "The scroll-padding-inline-start property defines offsets for the start edge in the inline dimension of the optimal viewing region of the scrollport: the region used as the target region for placing things in view of the user. This allows the author to exclude regions of the scrollport that are obscured by other content (such as fixed-positioned toolbars or sidebars) or simply to put more breathing room between a targeted element and the edges of the scrollport."
},
{
"name": "scroll-padding-inline-end",
"syntax": "auto | <length-percentage>",
"relevance": 50,
"browsers": [
"E79",
"FF68",
"S15",
"C69",
"O56"
],
"references": [
{
"name": "MDN Reference",
"url": "https://developer.mozilla.org/docs/Web/CSS/scroll-padding-inline-end"
}
],
"description": "The scroll-padding-inline-end property defines offsets for the end edge in the inline dimension of the optimal viewing region of the scrollport: the region used as the target region for placing things in view of the user. This allows the author to exclude regions of the scrollport that are obscured by other content (such as fixed-positioned toolbars or sidebars) or simply to put more breathing room between a targeted element and the edges of the scrollport."
},
{
"name": "scroll-padding-left",
"syntax": "auto | <length-percentage>",
"relevance": 50,
"browsers": [
"E79",
"FF68",
"S14.1",
"C69",
"O56"
],
"references": [
{
"name": "MDN Reference",
"url": "https://developer.mozilla.org/docs/Web/CSS/scroll-padding-left"
}
],
"description": "The scroll-padding-left property defines offsets for the left of the optimal viewing region of the scrollport: the region used as the target region for placing things in view of the user. This allows the author to exclude regions of the scrollport that are obscured by other content (such as fixed-positioned toolbars or sidebars) or simply to put more breathing room between a targeted element and the edges of the scrollport."
},
{
"name": "scroll-padding-right",
"syntax": "auto | <length-percentage>",
"relevance": 50,
"browsers": [
"E79",
"FF68",
"S14.1",
"C69",
"O56"
],
"references": [
{
"name": "MDN Reference",
"url": "https://developer.mozilla.org/docs/Web/CSS/scroll-padding-right"
}
],
"description": "The scroll-padding-right property defines offsets for the right of the optimal viewing region of the scrollport: the region used as the target region for placing things in view of the user. This allows the author to exclude regions of the scrollport that are obscured by other content (such as fixed-positioned toolbars or sidebars) or simply to put more breathing room between a targeted element and the edges of the scrollport."
},
{
"name": "scroll-padding-top",
"syntax": "auto | <length-percentage>",
"relevance": 51,
"browsers": [
"E79",
"FF68",
"S14.1",
"C69",
"O56"
],
"references": [
{
"name": "MDN Reference",
"url": "https://developer.mozilla.org/docs/Web/CSS/scroll-padding-top"
}
],
"description": "The scroll-padding-top property defines offsets for the top of the optimal viewing region of the scrollport: the region used as the target region for placing things in view of the user. This allows the author to exclude regions of the scrollport that are obscured by other content (such as fixed-positioned toolbars or sidebars) or simply to put more breathing room between a targeted element and the edges of the scrollport."
},
{
"name": "scroll-snap-align",
"syntax": "[ none | start | end | center ]{1,2}",
"relevance": 52,
"browsers": [
"E79",
"FF68",
"S11",
"C69",
"O56"
],
"references": [
{
"name": "MDN Reference",
"url": "https://developer.mozilla.org/docs/Web/CSS/scroll-snap-align"
}
],
"description": "The scroll-snap-align property specifies the box’s snap position as an alignment of its snap area (as the alignment subject) within its snap container’s snapport (as the alignment container). The two values specify the snapping alignment in the block axis and inline axis, respectively. If only one value is specified, the second value defaults to the same value."
},
{
"name": "scroll-snap-stop",
"syntax": "normal | always",
"values": [
{
"name": "normal"
},
{
"name": "always"
}
],
"relevance": 51,
"browsers": [
"E79",
"FF103",
"S15",
"C75",
"O62"
],
"references": [
{
"name": "MDN Reference",
"url": "https://developer.mozilla.org/docs/Web/CSS/scroll-snap-stop"
}
],
"description": "The scroll-snap-stop CSS property defines whether the scroll container is allowed to \"pass over\" possible snap positions."
},
{
"name": "scroll-snap-type-x",
"status": "obsolete",
"syntax": "none | mandatory | proximity",
"values": [
{
"name": "none"
},
{
"name": "mandatory"
},
{
"name": "proximity"
}
],
"relevance": 0,
"browsers": [
"FF39",
"S9"
],
"references": [
{
"name": "MDN Reference",
"url": "https://developer.mozilla.org/docs/Web/CSS/scroll-snap-type-x"
}
],
"description": "The scroll-snap-type-x CSS property defines how strictly snap points are enforced on the horizontal axis of the scroll container in case there is one.\n\nSpecifying any precise animations or physics used to enforce those snap points is not covered by this property but instead left up to the user agent."
},
{
"name": "scroll-snap-type-y",
"status": "obsolete",
"syntax": "none | mandatory | proximity",
"values": [
{
"name": "none"
},
{
"name": "mandatory"
},
{
"name": "proximity"
}
],
"relevance": 0,
"browsers": [
"FF39"
],
"references": [
{
"name": "MDN Reference",
"url": "https://developer.mozilla.org/docs/Web/CSS/scroll-snap-type-y"
}
],
"description": "The scroll-snap-type-y CSS property defines how strictly snap points are enforced on the vertical axis of the scroll container in case there is one.\n\nSpecifying any precise animations or physics used to enforce those snap points is not covered by this property but instead left up to the user agent."
},
{
"name": "scroll-timeline",
"status": "experimental",
"syntax": "<'scroll-timeline-name'> || <'scroll-timeline-axis'>",
"relevance": 50,
"browsers": [
"FF110"
],
"references": [
{
"name": "MDN Reference",
"url": "https://developer.mozilla.org/docs/Web/CSS/scroll-timeline"
}
],
"description": "Defines a name that can be used to identify the source element of a scroll timeline, along with the scrollbar axis that should provide the timeline."
},
{
"name": "scroll-timeline-axis",
"status": "experimental",
"syntax": "[ block | inline | vertical | horizontal ]#",
"relevance": 50,
"browsers": [
"FF110"
],
"references": [
{
"name": "MDN Reference",
"url": "https://developer.mozilla.org/docs/Web/CSS/scroll-timeline-axis"
}
],
"description": "Specifies the scrollbar that will be used to provide the timeline for a scroll-timeline animation"
},
{
"name": "scroll-timeline-name",
"status": "experimental",
"syntax": "none | <custom-ident>#",
"relevance": 50,
"browsers": [
"FF110"
],
"references": [
{
"name": "MDN Reference",
"url": "https://developer.mozilla.org/docs/Web/CSS/scroll-timeline-name"
}
],
"description": "Defines a name that can be used to identify an element as the source of a scroll-timeline."
},
{
"name": "text-combine-upright",
"syntax": "none | all | [ digits <integer>? ]",
"relevance": 50,
"browsers": [
"E15",
"FF48",
"Spreview",
"C48",
"IE11",
"O35"
],
"references": [
{
"name": "MDN Reference",
"url": "https://developer.mozilla.org/docs/Web/CSS/text-combine-upright"
}
],
"description": "The text-combine-upright CSS property specifies the combination of multiple characters into the space of a single character. If the combined text is wider than 1em, the user agent must fit the contents within 1em. The resulting composition is treated as a single upright glyph for layout and decoration. This property only has an effect in vertical writing modes.\n\nThis is used to produce an effect that is known as tate-chū-yoko (縦中横) in Japanese, or as 直書橫向 in Chinese."
},
{
"name": "text-decoration-skip",
"status": "experimental",
"syntax": "none | [ objects || [ spaces | [ leading-spaces || trailing-spaces ] ] || edges || box-decoration ]",
"relevance": 52,
"browsers": [
"S12.1",
"C57",
"O44"
],
"references": [
{
"name": "MDN Reference",
"url": "https://developer.mozilla.org/docs/Web/CSS/text-decoration-skip"
}
],
"description": "The text-decoration-skip CSS property specifies what parts of the element’s content any text decoration affecting the element must skip over. It controls all text decoration lines drawn by the element and also any text decoration lines drawn by its ancestors."
},
{
"name": "text-decoration-skip-ink",
"syntax": "auto | all | none",
"values": [
{
"name": "auto"
},
{
"name": "all"
},
{
"name": "none"
}
],
"relevance": 51,
"browsers": [
"E79",
"FF70",
"S15.4",
"C64",
"O50"
],
"references": [
{
"name": "MDN Reference",
"url": "https://developer.mozilla.org/docs/Web/CSS/text-decoration-skip-ink"
}
],
"description": "The text-decoration-skip-ink CSS property specifies how overlines and underlines are drawn when they pass over glyph ascenders and descenders."
},
{
"name": "text-decoration-thickness",
"syntax": "auto | from-font | <length> | <percentage> ",
"relevance": 50,
"browsers": [
"E89",
"FF70",
"S12.1",
"C89",
"O75"
],
"references": [
{
"name": "MDN Reference",
"url": "https://developer.mozilla.org/docs/Web/CSS/text-decoration-thickness"
}
],
"description": "The text-decoration-thickness CSS property sets the thickness, or width, of the decoration line that is used on text in an element, such as a line-through, underline, or overline."
},
{
"name": "text-emphasis",
"syntax": "<'text-emphasis-style'> || <'text-emphasis-color'>",
"relevance": 50,
"browsers": [
"E99",
"FF46",
"S7",
"C99",
"O15"
],
"references": [
{
"name": "MDN Reference",
"url": "https://developer.mozilla.org/docs/Web/CSS/text-emphasis"
}
],
"description": "The text-emphasis CSS property is a shorthand property for setting text-emphasis-style and text-emphasis-color in one declaration. This property will apply the specified emphasis mark to each character of the element's text, except separator characters, like spaces, and control characters."
},
{
"name": "text-emphasis-color",
"syntax": "<color>",
"relevance": 50,
"browsers": [
"E99",
"FF46",
"S7",
"C99",
"O15"
],
"references": [
{
"name": "MDN Reference",
"url": "https://developer.mozilla.org/docs/Web/CSS/text-emphasis-color"
}
],
"description": "The text-emphasis-color CSS property defines the color used to draw emphasis marks on text being rendered in the HTML document. This value can also be set and reset using the text-emphasis shorthand."
},
{
"name": "text-emphasis-position",
"syntax": "[ over | under ] && [ right | left ]",
"relevance": 50,
"browsers": [
"E99",
"FF46",
"S7",
"C99",
"O15"
],
"references": [
{
"name": "MDN Reference",
"url": "https://developer.mozilla.org/docs/Web/CSS/text-emphasis-position"
}
],
"description": "The text-emphasis-position CSS property describes where emphasis marks are drawn at. The effect of emphasis marks on the line height is the same as for ruby text: if there isn't enough place, the line height is increased."
},
{
"name": "text-emphasis-style",
"syntax": "none | [ [ filled | open ] || [ dot | circle | double-circle | triangle | sesame ] ] | <string>",
"relevance": 50,
"browsers": [
"E99",
"FF46",
"S7",
"C99",
"O15"
],
"references": [
{
"name": "MDN Reference",
"url": "https://developer.mozilla.org/docs/Web/CSS/text-emphasis-style"
}
],
"description": "The text-emphasis-style CSS property defines the type of emphasis used. It can also be set, and reset, using the text-emphasis shorthand."
},
{
"name": "text-size-adjust",
"status": "experimental",
"syntax": "none | auto | <percentage>",
"relevance": 59,
"browsers": [
"E79",
"C54",
"O41"
],
"references": [
{
"name": "MDN Reference",
"url": "https://developer.mozilla.org/docs/Web/CSS/text-size-adjust"
}
],
"description": "The text-size-adjust CSS property controls the text inflation algorithm used on some smartphones and tablets. Other browsers will ignore this property."
},
{
"name": "text-underline-offset",
"syntax": "auto | <length> | <percentage> ",
"relevance": 50,
"browsers": [
"E87",
"FF70",
"S12.1",
"C87",
"O73"
],
"references": [
{
"name": "MDN Reference",
"url": "https://developer.mozilla.org/docs/Web/CSS/text-underline-offset"
}
],
"description": "The text-underline-offset CSS property sets the offset distance of an underline text decoration line (applied using text-decoration) from its original position."
},
{
"name": "transform-box",
"syntax": "content-box | border-box | fill-box | stroke-box | view-box",
"values": [
{
"name": "content-box"
},
{
"name": "border-box"
},
{
"name": "fill-box"
},
{
"name": "stroke-box"
},
{
"name": "view-box"
}
],
"relevance": 50,
"browsers": [
"E79",
"FF55",
"S11",
"C64",
"O51"
],
"references": [
{
"name": "MDN Reference",
"url": "https://developer.mozilla.org/docs/Web/CSS/transform-box"
}
],
"description": "The transform-box CSS property defines the layout box to which the transform and transform-origin properties relate."
},
{
"name": "translate",
"syntax": "none | <length-percentage> [ <length-percentage> <length>? ]?",
"relevance": 50,
"browsers": [
"E104",
"FF72",
"S14.1",
"C104",
"O90"
],
"references": [
{
"name": "MDN Reference",
"url": "https://developer.mozilla.org/docs/Web/CSS/translate"
}
],
"description": "The translate CSS property allows you to specify translation transforms individually and independently of the transform property. This maps better to typical user interface usage, and saves having to remember the exact order of transform functions to specify in the transform value."
},
{
"name": "white-space",
"syntax": "normal | pre | nowrap | pre-wrap | pre-line | break-spaces",
"values": [
{
"name": "normal"
},
{
"name": "pre"
},
{
"name": "nowrap"
},
{
"name": "pre-wrap"
},
{
"name": "pre-line"
},
{
"name": "break-spaces"
}
],
"relevance": 89,
"browsers": [
"E12",
"FF1",
"S1",
"C1",
"IE5.5",
"O4"
],
"references": [
{
"name": "MDN Reference",
"url": "https://developer.mozilla.org/docs/Web/CSS/white-space"
}
],
"description": "Specifies how whitespace is handled in an element."
},
{
"name": "speak-as",
"syntax": "auto | bullets | numbers | words | spell-out | <counter-style-name>",
"relevance": 50,
"description": "The speak-as descriptor specifies how a counter symbol constructed with a given @counter-style will be represented in the spoken form. For example, an author can specify a counter symbol to be either spoken as its numerical value or just represented with an audio cue."
},
{
"name": "ascent-override",
"status": "experimental",
"syntax": "normal | <percentage>",
"relevance": 50,
"description": "Describes the ascent metric of a font."
},
{
"name": "descent-override",
"status": "experimental",
"syntax": "normal | <percentage>",
"relevance": 50,
"description": "Describes the descent metric of a font."
},
{
"name": "font-display",
"status": "experimental",
"syntax": "[ auto | block | swap | fallback | optional ]",
"relevance": 71,
"description": "The font-display descriptor determines how a font face is displayed based on whether and when it is downloaded and ready to use."
},
{
"name": "line-gap-override",
"status": "experimental",
"syntax": "normal | <percentage>",
"relevance": 50,
"description": "Describes the line-gap metric of a font."
},
{
"name": "size-adjust",
"status": "experimental",
"syntax": "<percentage>",
"relevance": 50,
"description": "A multiplier for glyph outlines and metrics of a font."
},
{
"name": "bleed",
"syntax": "auto | <length>",
"relevance": 50,
"description": "The bleed CSS at-rule descriptor, used with the @page at-rule, specifies the extent of the page bleed area outside the page box. This property only has effect if crop marks are enabled using the marks property."
},
{
"name": "marks",
"syntax": "none | [ crop || cross ]",
"relevance": 50,
"description": "The marks CSS at-rule descriptor, used with the @page at-rule, adds crop and/or cross marks to the presentation of the document. Crop marks indicate where the page should be cut. Cross marks are used to align sheets."
},
{
"name": "syntax",
"status": "experimental",
"syntax": "<string>",
"relevance": 50,
"description": "Specifies the syntax of the custom property registration represented by the @property rule, controlling how the property’s value is parsed at computed value time."
},
{
"name": "inherits",
"status": "experimental",
"syntax": "true | false",
"values": [
{
"name": "true"
},
{
"name": "false"
}
],
"relevance": 50,
"description": "Specifies the inherit flag of the custom property registration represented by the @property rule, controlling whether or not the property inherits by default."
},
{
"name": "initial-value",
"status": "experimental",
"syntax": "<string>",
"relevance": 50,
"description": "Specifies the initial value of the custom property registration represented by the @property rule, controlling the property’s initial value."
},
{
"name": "max-zoom",
"syntax": "auto | <number> | <percentage>",
"relevance": 50,
"description": "The max-zoom CSS descriptor sets the maximum zoom factor of a document defined by the @viewport at-rule. The browser will not zoom in any further than this, whether automatically or at the user's request.\n\nA zoom factor of 1.0 or 100% corresponds to no zooming. Larger values are zoomed in. Smaller values are zoomed out."
},
{
"name": "min-zoom",
"syntax": "auto | <number> | <percentage>",
"relevance": 50,
"description": "The min-zoom CSS descriptor sets the minimum zoom factor of a document defined by the @viewport at-rule. The browser will not zoom out any further than this, whether automatically or at the user's request.\n\nA zoom factor of 1.0 or 100% corresponds to no zooming. Larger values are zoomed in. Smaller values are zoomed out."
},
{
"name": "orientation",
"syntax": "auto | portrait | landscape",
"values": [
{
"name": "auto"
},
{
"name": "portrait"
},
{
"name": "landscape"
}
],
"relevance": 50,
"description": "The orientation CSS @media media feature can be used to apply styles based on the orientation of the viewport (or the page box, for paged media)."
},
{
"name": "user-zoom",
"syntax": "zoom | fixed",
"values": [
{
"name": "zoom"
},
{
"name": "fixed"
}
],
"relevance": 50,
"description": "The user-zoom CSS descriptor controls whether or not the user can change the zoom factor of a document defined by @viewport."
},
{
"name": "viewport-fit",
"syntax": "auto | contain | cover",
"values": [
{
"name": "auto"
},
{
"name": "contain"
},
{
"name": "cover"
}
],
"relevance": 50,
"description": "The border-block-style CSS property defines the style of the logical block borders of an element, which maps to a physical border style depending on the element's writing mode, directionality, and text orientation."
}
],
"atDirectives": [
{
"name": "@charset",
"browsers": [
"E12",
"FF1.5",
"S4",
"C2",
"IE5.5",
"O9"
],
"references": [
{
"name": "MDN Reference",
"url": "https://developer.mozilla.org/docs/Web/CSS/@charset"
}
],
"description": "Defines character set of the document."
},
{
"name": "@counter-style",
"browsers": [
"E91",
"FF33",
"C91",
"O77"
],
"references": [
{
"name": "MDN Reference",
"url": "https://developer.mozilla.org/docs/Web/CSS/@counter-style"
}
],
"description": "Defines a custom counter style."
},
{
"name": "@font-face",
"browsers": [
"E12",
"FF3.5",
"S3.1",
"C1",
"IE4",
"O10"
],
"references": [
{
"name": "MDN Reference",
"url": "https://developer.mozilla.org/docs/Web/CSS/@font-face"
}
],
"description": "Allows for linking to fonts that are automatically activated when needed. This permits authors to work around the limitation of 'web-safe' fonts, allowing for consistent rendering independent of the fonts available in a given user's environment."
},
{
"name": "@font-feature-values",
"browsers": [
"FF34",
"S9.1"
],
"references": [
{
"name": "MDN Reference",
"url": "https://developer.mozilla.org/docs/Web/CSS/@font-feature-values"
}
],
"description": "Defines named values for the indices used to select alternate glyphs for a given font family."
},
{
"name": "@import",
"browsers": [
"E12",
"FF1",
"S1",
"C1",
"IE5.5",
"O3.5"
],
"references": [
{
"name": "MDN Reference",
"url": "https://developer.mozilla.org/docs/Web/CSS/@import"
}
],
"description": "Includes content of another file."
},
{
"name": "@keyframes",
"browsers": [
"E12",
"FF16",
"S9",
"C43",
"IE10",
"O30"
],
"references": [
{
"name": "MDN Reference",
"url": "https://developer.mozilla.org/docs/Web/CSS/@keyframes"
}
],
"description": "Defines set of animation key frames."
},
{
"name": "@layer",
"browsers": [
"E99",
"FF97",
"S15.4",
"C99",
"O85"
],
"references": [
{
"name": "MDN Reference",
"url": "https://developer.mozilla.org/docs/Web/CSS/@layer"
}
],
"description": "Declare a cascade layer and the order of precedence in case of multiple cascade layers."
},
{
"name": "@media",
"browsers": [
"E12",
"FF1",
"S3",
"C1",
"IE6",
"O9.2"
],
"references": [
{
"name": "MDN Reference",
"url": "https://developer.mozilla.org/docs/Web/CSS/@media"
}
],
"description": "Defines a stylesheet for a particular media type."
},
{
"name": "@-moz-document",
"browsers": [
"FF1.8"
],
"description": "Gecko-specific at-rule that restricts the style rules contained within it based on the URL of the document."
},
{
"name": "@-moz-keyframes",
"browsers": [
"FF5"
],
"description": "Defines set of animation key frames."
},
{
"name": "@-ms-viewport",
"browsers": [
"E",
"IE10"
],
"description": "Specifies the size, zoom factor, and orientation of the viewport."
},
{
"name": "@namespace",
"browsers": [
"E12",
"FF1",
"S1",
"C1",
"IE9",
"O8"
],
"references": [
{
"name": "MDN Reference",
"url": "https://developer.mozilla.org/docs/Web/CSS/@namespace"
}
],
"description": "Declares a prefix and associates it with a namespace name."
},
{
"name": "@-o-keyframes",
"browsers": [
"O12"
],
"description": "Defines set of animation key frames."
},
{
"name": "@-o-viewport",
"browsers": [
"O11"
],
"description": "Specifies the size, zoom factor, and orientation of the viewport."
},
{
"name": "@page",
"browsers": [
"E12",
"FF19",
"C2",
"IE8",
"O6"
],
"references": [
{
"name": "MDN Reference",
"url": "https://developer.mozilla.org/docs/Web/CSS/@page"
}
],
"description": "Directive defines various page parameters."
},
{
"name": "@property",
"browsers": [
"E85",
"C85",
"O71"
],
"references": [
{
"name": "MDN Reference",
"url": "https://developer.mozilla.org/docs/Web/CSS/@property"
}
],
"description": "Describes the aspect of custom properties and variables."
},
{
"name": "@supports",
"browsers": [
"E12",
"FF22",
"S9",
"C28",
"O12.1"
],
"references": [
{
"name": "MDN Reference",
"url": "https://developer.mozilla.org/docs/Web/CSS/@supports"
}
],
"description": "A conditional group rule whose condition tests whether the user agent supports CSS property:value pairs."
},
{
"name": "@-webkit-keyframes",
"browsers": [
"C",
"S4"
],
"description": "Defines set of animation key frames."
}
],
"pseudoClasses": [
{
"name": ":active",
"browsers": [
"E12",
"FF1",
"S1",
"C1",
"IE4",
"O5"
],
"references": [
{
"name": "MDN Reference",
"url": "https://developer.mozilla.org/docs/Web/CSS/:active"
}
],
"description": "Applies while an element is being activated by the user. For example, between the times the user presses the mouse button and releases it."
},
{
"name": ":any-link",
"browsers": [
"E79",
"FF50",
"S9",
"C65",
"O52"
],
"references": [
{
"name": "MDN Reference",
"url": "https://developer.mozilla.org/docs/Web/CSS/:any-link"
}
],
"description": "Represents an element that acts as the source anchor of a hyperlink. Applies to both visited and unvisited links."
},
{
"name": ":checked",
"browsers": [
"E12",
"FF1",
"S3.1",
"C1",
"IE9",
"O9"
],
"references": [
{
"name": "MDN Reference",
"url": "https://developer.mozilla.org/docs/Web/CSS/:checked"
}
],
"description": "Radio and checkbox elements can be toggled by the user. Some menu items are 'checked' when the user selects them. When such elements are toggled 'on' the :checked pseudo-class applies."
},
{
"name": ":corner-present",
"browsers": [
"C",
"S5"
],
"description": "Non-standard. Indicates whether or not a scrollbar corner is present."
},
{
"name": ":decrement",
"browsers": [
"C",
"S5"
],
"description": "Non-standard. Applies to buttons and track pieces. Indicates whether or not the button or track piece will decrement the view's position when used."
},
{
"name": ":default",
"browsers": [
"E79",
"FF4",
"S5",
"C10",
"O10"
],
"references": [
{
"name": "MDN Reference",
"url": "https://developer.mozilla.org/docs/Web/CSS/:default"
}
],
"description": "Applies to the one or more UI elements that are the default among a set of similar elements. Typically applies to context menu items, buttons, and select lists/menus."
},
{
"name": ":disabled",
"browsers": [
"E12",
"FF1",
"S3.1",
"C1",
"IE9",
"O9"
],
"references": [
{
"name": "MDN Reference",
"url": "https://developer.mozilla.org/docs/Web/CSS/:disabled"
}
],
"description": "Represents user interface elements that are in a disabled state; such elements have a corresponding enabled state."
},
{
"name": ":double-button",
"browsers": [
"C",
"S5"
],
"description": "Non-standard. Applies to buttons and track pieces. Applies when both buttons are displayed together at the same end of the scrollbar."
},
{
"name": ":empty",
"browsers": [
"E12",
"FF1",
"S3.1",
"C1",
"IE9",
"O9.5"
],
"references": [
{
"name": "MDN Reference",
"url": "https://developer.mozilla.org/docs/Web/CSS/:empty"
}
],
"description": "Represents an element that has no children at all."
},
{
"name": ":enabled",
"browsers": [
"E12",
"FF1",
"S3.1",
"C1",
"IE9",
"O9"
],
"references": [
{
"name": "MDN Reference",
"url": "https://developer.mozilla.org/docs/Web/CSS/:enabled"
}
],
"description": "Represents user interface elements that are in an enabled state; such elements have a corresponding disabled state."
},
{
"name": ":end",
"browsers": [
"C",
"S5"
],
"description": "Non-standard. Applies to buttons and track pieces. Indicates whether the object is placed after the thumb."
},
{
"name": ":first",
"browsers": [
"E12",
"S6",
"C18",
"IE8",
"O9.2"
],
"references": [
{
"name": "MDN Reference",
"url": "https://developer.mozilla.org/docs/Web/CSS/:first"
}
],
"description": "When printing double-sided documents, the page boxes on left and right pages may be different. This can be expressed through CSS pseudo-classes defined in the page context."
},
{
"name": ":first-child",
"browsers": [
"E12",
"FF3",
"S3.1",
"C4",
"IE7",
"O9.5"
],
"references": [
{
"name": "MDN Reference",
"url": "https://developer.mozilla.org/docs/Web/CSS/:first-child"
}
],
"description": "Same as :nth-child(1). Represents an element that is the first child of some other element."
},
{
"name": ":first-of-type",
"browsers": [
"E12",
"FF3.5",
"S3.1",
"C1",
"IE9",
"O9.5"
],
"references": [
{
"name": "MDN Reference",
"url": "https://developer.mozilla.org/docs/Web/CSS/:first-of-type"
}
],
"description": "Same as :nth-of-type(1). Represents an element that is the first sibling of its type in the list of children of its parent element."
},
{
"name": ":focus",
"browsers": [
"E12",
"FF1",
"S1",
"C1",
"IE8",
"O7"
],
"references": [
{
"name": "MDN Reference",
"url": "https://developer.mozilla.org/docs/Web/CSS/:focus"
}
],
"description": "Applies while an element has the focus (accepts keyboard or mouse events, or other forms of input)."
},
{
"name": ":fullscreen",
"browsers": [
"E12",
"FF64",
"S6",
"C71",
"IE11",
"O58"
],
"references": [
{
"name": "MDN Reference",
"url": "https://developer.mozilla.org/docs/Web/CSS/:fullscreen"
}
],
"description": "Matches any element that has its fullscreen flag set."
},
{
"name": ":future",
"browsers": [
"S7"
],
"references": [
{
"name": "MDN Reference",
"url": "https://developer.mozilla.org/docs/Web/CSS/:future"
}
],
"description": "Represents any element that is defined to occur entirely after a :current element."
},
{
"name": ":horizontal",
"browsers": [
"C",
"S5"
],
"description": "Non-standard. Applies to any scrollbar pieces that have a horizontal orientation."
},
{
"name": ":host",
"browsers": [
"E79",
"FF63",
"S10",
"C54",
"O41"
],
"references": [
{
"name": "MDN Reference",
"url": "https://developer.mozilla.org/docs/Web/CSS/:host"
}
],
"description": "When evaluated in the context of a shadow tree, matches the shadow tree's host element."
},
{
"name": ":host()",
"browsers": [
"C35",
"O22"
],
"description": "When evaluated in the context of a shadow tree, it matches the shadow tree's host element if the host element, in its normal context, matches the selector argument."
},
{
"name": ":host-context()",
"browsers": [
"C35",
"O22"
],
"description": "Tests whether there is an ancestor, outside the shadow tree, which matches a particular selector."
},
{
"name": ":hover",
"browsers": [
"E12",
"FF1",
"S2",
"C1",
"IE4",
"O4"
],
"references": [
{
"name": "MDN Reference",
"url": "https://developer.mozilla.org/docs/Web/CSS/:hover"
}
],
"description": "Applies while the user designates an element with a pointing device, but does not necessarily activate it. For example, a visual user agent could apply this pseudo-class when the cursor (mouse pointer) hovers over a box generated by the element."
},
{
"name": ":increment",
"browsers": [
"C",
"S5"
],
"description": "Non-standard. Applies to buttons and track pieces. Indicates whether or not the button or track piece will increment the view's position when used."
},
{
"name": ":indeterminate",
"browsers": [
"E12",
"FF2",
"S3",
"C1",
"IE10",
"O9"
],
"references": [
{
"name": "MDN Reference",
"url": "https://developer.mozilla.org/docs/Web/CSS/:indeterminate"
}
],
"description": "Applies to UI elements whose value is in an indeterminate state."
},
{
"name": ":in-range",
"browsers": [
"E13",
"FF29",
"S5.1",
"C10",
"O11"
],
"references": [
{
"name": "MDN Reference",
"url": "https://developer.mozilla.org/docs/Web/CSS/:in-range"
}
],
"description": "Used in conjunction with the min and max attributes, whether on a range input, a number field, or any other types that accept those attributes."
},
{
"name": ":invalid",
"browsers": [
"E12",
"FF4",
"S5",
"C10",
"IE10",
"O10"
],
"references": [
{
"name": "MDN Reference",
"url": "https://developer.mozilla.org/docs/Web/CSS/:invalid"
}
],
"description": "An element is :valid or :invalid when it is, respectively, valid or invalid with respect to data validity semantics defined by a different specification."
},
{
"name": ":lang()",
"browsers": [
"E",
"C",
"FF1",
"IE8",
"O8",
"S3"
],
"description": "Represents an element that is in language specified."
},
{
"name": ":last-child",
"browsers": [
"E12",
"FF1",
"S3.1",
"C1",
"IE9",
"O9.5"
],
"references": [
{
"name": "MDN Reference",
"url": "https://developer.mozilla.org/docs/Web/CSS/:last-child"
}
],
"description": "Same as :nth-last-child(1). Represents an element that is the last child of some other element."
},
{
"name": ":last-of-type",
"browsers": [
"E12",
"FF3.5",
"S3.1",
"C1",
"IE9",
"O9.5"
],
"references": [
{
"name": "MDN Reference",
"url": "https://developer.mozilla.org/docs/Web/CSS/:last-of-type"
}
],
"description": "Same as :nth-last-of-type(1). Represents an element that is the last sibling of its type in the list of children of its parent element."
},
{
"name": ":left",
"browsers": [
"E12",
"S5",
"C6",
"IE8",
"O9.2"
],
"references": [
{
"name": "MDN Reference",
"url": "https://developer.mozilla.org/docs/Web/CSS/:left"
}
],
"description": "When printing double-sided documents, the page boxes on left and right pages may be different. This can be expressed through CSS pseudo-classes defined in the page context."
},
{
"name": ":link",
"browsers": [
"E12",
"FF1",
"S1",
"C1",
"IE3",
"O3.5"
],
"references": [
{
"name": "MDN Reference",
"url": "https://developer.mozilla.org/docs/Web/CSS/:link"
}
],
"description": "Applies to links that have not yet been visited."
},
{
"name": ":matches()",
"browsers": [
"S9"
],
"description": "Takes a selector list as its argument. It represents an element that is represented by its argument."
},
{
"name": ":-moz-any()",
"browsers": [
"FF4"
],
"description": "Represents an element that is represented by the selector list passed as its argument. Standardized as :matches()."
},
{
"name": ":-moz-any-link",
"browsers": [
"FF1"
],
"description": "Represents an element that acts as the source anchor of a hyperlink. Applies to both visited and unvisited links."
},
{
"name": ":-moz-broken",
"browsers": [
"FF3"
],
"references": [
{
"name": "MDN Reference",
"url": "https://developer.mozilla.org/docs/Web/CSS/:-moz-broken"
}
],
"description": "Non-standard. Matches elements representing broken images."
},
{
"name": ":-moz-drag-over",
"browsers": [
"FF1"
],
"description": "Non-standard. Matches elements when a drag-over event applies to it."
},
{
"name": ":-moz-first-node",
"browsers": [
"FF1"
],
"description": "Non-standard. Represents an element that is the first child node of some other element."
},
{
"name": ":-moz-focusring",
"browsers": [
"FF4"
],
"description": "Non-standard. Matches an element that has focus and focus ring drawing is enabled in the browser."
},
{
"name": ":-moz-full-screen",
"browsers": [
"FF9"
],
"description": "Matches any element that has its fullscreen flag set. Standardized as :fullscreen."
},
{
"name": ":-moz-last-node",
"browsers": [
"FF1"
],
"description": "Non-standard. Represents an element that is the last child node of some other element."
},
{
"name": ":-moz-loading",
"browsers": [
"FF3"
],
"description": "Non-standard. Matches elements, such as images, that haven't started loading yet."
},
{
"name": ":-moz-only-whitespace",
"browsers": [
"FF1"
],
"references": [
{
"name": "MDN Reference",
"url": "https://developer.mozilla.org/docs/Web/CSS/:-moz-only-whitespace"
}
],
"description": "The same as :empty, except that it additionally matches elements that only contain code points affected by whitespace processing. Standardized as :blank."
},
{
"name": ":-moz-placeholder",
"browsers": [
"FF4"
],
"description": "Deprecated. Represents placeholder text in an input field. Use ::-moz-placeholder for Firefox 19+."
},
{
"name": ":-moz-submit-invalid",
"browsers": [
"FF88"
],
"references": [
{
"name": "MDN Reference",
"url": "https://developer.mozilla.org/docs/Web/CSS/:-moz-submit-invalid"
}
],
"description": "Non-standard. Represents any submit button when the contents of the associated form are not valid."
},
{
"name": ":-moz-suppressed",
"browsers": [
"FF3"
],
"description": "Non-standard. Matches elements representing images that have been blocked from loading."
},
{
"name": ":-moz-ui-invalid",
"browsers": [
"FF4"
],
"description": "Non-standard. Represents any validated form element whose value isn't valid "
},
{
"name": ":-moz-ui-valid",
"browsers": [
"FF4"
],
"description": "Non-standard. Represents any validated form element whose value is valid "
},
{
"name": ":-moz-user-disabled",
"browsers": [
"FF3"
],
"description": "Non-standard. Matches elements representing images that have been disabled due to the user's preferences."
},
{
"name": ":-moz-window-inactive",
"browsers": [
"FF4"
],
"references": [
{
"name": "MDN Reference",
"url": "https://developer.mozilla.org/docs/Web/CSS/:-moz-window-inactive"
}
],
"description": "Non-standard. Matches elements in an inactive window."
},
{
"name": ":-ms-fullscreen",
"browsers": [
"IE11"
],
"description": "Matches any element that has its fullscreen flag set."
},
{
"name": ":-ms-input-placeholder",
"browsers": [
"IE10"
],
"description": "Represents placeholder text in an input field. Note: for Edge use the pseudo-element ::-ms-input-placeholder. Standardized as ::placeholder."
},
{
"name": ":-ms-keyboard-active",
"browsers": [
"IE10"
],
"description": "Windows Store apps only. Applies one or more styles to an element when it has focus and the user presses the space bar."
},
{
"name": ":-ms-lang()",
"browsers": [
"E",
"IE10"
],
"description": "Represents an element that is in the language specified. Accepts a comma separated list of language tokens."
},
{
"name": ":no-button",
"browsers": [
"C",
"S5"
],
"description": "Non-standard. Applies to track pieces. Applies when there is no button at that end of the track."
},
{
"name": ":not()",
"browsers": [
"E",
"C",
"FF1",
"IE9",
"O9.5",
"S2"
],
"description": "The negation pseudo-class, :not(X), is a functional notation taking a simple selector (excluding the negation pseudo-class itself) as an argument. It represents an element that is not represented by its argument."
},
{
"name": ":nth-child()",
"browsers": [
"E",
"C",
"FF3.5",
"IE9",
"O9.5",
"S3.1"
],
"description": "Represents an element that has an+b-1 siblings before it in the document tree, for any positive integer or zero value of n, and has a parent element."
},
{
"name": ":nth-last-child()",
"browsers": [
"E",
"C",
"FF3.5",
"IE9",
"O9.5",
"S3.1"
],
"description": "Represents an element that has an+b-1 siblings after it in the document tree, for any positive integer or zero value of n, and has a parent element."
},
{
"name": ":nth-last-of-type()",
"browsers": [
"E",
"C",
"FF3.5",
"IE9",
"O9.5",
"S3.1"
],
"description": "Represents an element that has an+b-1 siblings with the same expanded element name after it in the document tree, for any zero or positive integer value of n, and has a parent element."
},
{
"name": ":nth-of-type()",
"browsers": [
"E",
"C",
"FF3.5",
"IE9",
"O9.5",
"S3.1"
],
"description": "Represents an element that has an+b-1 siblings with the same expanded element name before it in the document tree, for any zero or positive integer value of n, and has a parent element."
},
{
"name": ":only-child",
"browsers": [
"E12",
"FF1.5",
"S3.1",
"C2",
"IE9",
"O9.5"
],
"references": [
{
"name": "MDN Reference",
"url": "https://developer.mozilla.org/docs/Web/CSS/:only-child"
}
],
"description": "Represents an element that has a parent element and whose parent element has no other element children. Same as :first-child:last-child or :nth-child(1):nth-last-child(1), but with a lower specificity."
},
{
"name": ":only-of-type",
"browsers": [
"E12",
"FF3.5",
"S3.1",
"C1",
"IE9",
"O9.5"
],
"references": [
{
"name": "MDN Reference",
"url": "https://developer.mozilla.org/docs/Web/CSS/:only-of-type"
}
],
"description": "Matches every element that is the only child of its type, of its parent. Same as :first-of-type:last-of-type or :nth-of-type(1):nth-last-of-type(1), but with a lower specificity."
},
{
"name": ":optional",
"browsers": [
"E12",
"FF4",
"S5",
"C10",
"IE10",
"O10"
],
"references": [
{
"name": "MDN Reference",
"url": "https://developer.mozilla.org/docs/Web/CSS/:optional"
}
],
"description": "A form element is :required or :optional if a value for it is, respectively, required or optional before the form it belongs to is submitted. Elements that are not form elements are neither required nor optional."
},
{
"name": ":out-of-range",
"browsers": [
"E13",
"FF29",
"S5.1",
"C10",
"O11"
],
"references": [
{
"name": "MDN Reference",
"url": "https://developer.mozilla.org/docs/Web/CSS/:out-of-range"
}
],
"description": "Used in conjunction with the min and max attributes, whether on a range input, a number field, or any other types that accept those attributes."
},
{
"name": ":past",
"browsers": [
"S7"
],
"references": [
{
"name": "MDN Reference",
"url": "https://developer.mozilla.org/docs/Web/CSS/:past"
}
],
"description": "Represents any element that is defined to occur entirely prior to a :current element."
},
{
"name": ":read-only",
"browsers": [
"E13",
"FF78",
"S4",
"C1",
"O9"
],
"references": [
{
"name": "MDN Reference",
"url": "https://developer.mozilla.org/docs/Web/CSS/:read-only"
}
],
"description": "An element whose contents are not user-alterable is :read-only. However, elements whose contents are user-alterable (such as text input fields) are considered to be in a :read-write state. In typical documents, most elements are :read-only."
},
{
"name": ":read-write",
"browsers": [
"E13",
"FF78",
"S4",
"C1",
"O9"
],
"references": [
{
"name": "MDN Reference",
"url": "https://developer.mozilla.org/docs/Web/CSS/:read-write"
}
],
"description": "An element whose contents are not user-alterable is :read-only. However, elements whose contents are user-alterable (such as text input fields) are considered to be in a :read-write state. In typical documents, most elements are :read-only."
},
{
"name": ":required",
"browsers": [
"E12",
"FF4",
"S5",
"C10",
"IE10",
"O10"
],
"references": [
{
"name": "MDN Reference",
"url": "https://developer.mozilla.org/docs/Web/CSS/:required"
}
],
"description": "A form element is :required or :optional if a value for it is, respectively, required or optional before the form it belongs to is submitted. Elements that are not form elements are neither required nor optional."
},
{
"name": ":right",
"browsers": [
"E12",
"S5",
"C6",
"IE8",
"O9.2"
],
"references": [
{
"name": "MDN Reference",
"url": "https://developer.mozilla.org/docs/Web/CSS/:right"
}
],
"description": "When printing double-sided documents, the page boxes on left and right pages may be different. This can be expressed through CSS pseudo-classes defined in the page context."
},
{
"name": ":root",
"browsers": [
"E12",
"FF1",
"S1",
"C1",
"IE9",
"O9.5"
],
"references": [
{
"name": "MDN Reference",
"url": "https://developer.mozilla.org/docs/Web/CSS/:root"
}
],
"description": "Represents an element that is the root of the document. In HTML 4, this is always the HTML element."
},
{
"name": ":scope",
"browsers": [
"E79",
"FF32",
"S7",
"C27",
"O15"
],
"references": [
{
"name": "MDN Reference",
"url": "https://developer.mozilla.org/docs/Web/CSS/:scope"
}
],
"description": "Represents any element that is in the contextual reference element set."
},
{
"name": ":single-button",
"browsers": [
"C",
"S5"
],
"description": "Non-standard. Applies to buttons and track pieces. Applies when both buttons are displayed separately at either end of the scrollbar."
},
{
"name": ":start",
"browsers": [
"C",
"S5"
],
"description": "Non-standard. Applies to buttons and track pieces. Indicates whether the object is placed before the thumb."
},
{
"name": ":target",
"browsers": [
"E12",
"FF1",
"S1.3",
"C1",
"IE9",
"O9.5"
],
"references": [
{
"name": "MDN Reference",
"url": "https://developer.mozilla.org/docs/Web/CSS/:target"
}
],
"description": "Some URIs refer to a location within a resource. This kind of URI ends with a 'number sign' (#) followed by an anchor identifier (called the fragment identifier)."
},
{
"name": ":valid",
"browsers": [
"E12",
"FF4",
"S5",
"C10",
"IE10",
"O10"
],
"references": [
{
"name": "MDN Reference",
"url": "https://developer.mozilla.org/docs/Web/CSS/:valid"
}
],
"description": "An element is :valid or :invalid when it is, respectively, valid or invalid with respect to data validity semantics defined by a different specification."
},
{
"name": ":vertical",
"browsers": [
"C",
"S5"
],
"description": "Non-standard. Applies to any scrollbar pieces that have a vertical orientation."
},
{
"name": ":visited",
"browsers": [
"E12",
"FF1",
"S1",
"C1",
"IE4",
"O3.5"
],
"references": [
{
"name": "MDN Reference",
"url": "https://developer.mozilla.org/docs/Web/CSS/:visited"
}
],
"description": "Applies once the link has been visited by the user."
},
{
"name": ":-webkit-any()",
"browsers": [
"C",
"S5"
],
"description": "Represents an element that is represented by the selector list passed as its argument. Standardized as :matches()."
},
{
"name": ":-webkit-full-screen",
"browsers": [
"C",
"S6"
],
"description": "Matches any element that has its fullscreen flag set. Standardized as :fullscreen."
},
{
"name": ":window-inactive",
"browsers": [
"C",
"S3"
],
"description": "Non-standard. Applies to all scrollbar pieces. Indicates whether or not the window containing the scrollbar is currently active."
},
{
"name": ":current",
"status": "experimental",
"description": "The :current CSS pseudo-class selector is a time-dimensional pseudo-class that represents the element, or an ancestor of the element, that is currently being displayed"
},
{
"name": ":blank",
"status": "experimental",
"references": [
{
"name": "MDN Reference",
"url": "https://developer.mozilla.org/docs/Web/CSS/:blank"
}
],
"description": "The :blank CSS pseudo-class selects empty user input elements (eg. <input> or <textarea>)."
},
{
"name": ":defined",
"status": "experimental",
"browsers": [
"E79",
"FF63",
"S10",
"C54",
"O41"
],
"references": [
{
"name": "MDN Reference",
"url": "https://developer.mozilla.org/docs/Web/CSS/:defined"
}
],
"description": "The :defined CSS pseudo-class represents any element that has been defined. This includes any standard element built in to the browser, and custom elements that have been successfully defined (i.e. with the CustomElementRegistry.define() method)."
},
{
"name": ":dir",
"browsers": [
"FF49"
],
"references": [
{
"name": "MDN Reference",
"url": "https://developer.mozilla.org/docs/Web/CSS/:dir"
}
],
"description": "The :dir() CSS pseudo-class matches elements based on the directionality of the text contained in them."
},
{
"name": ":focus-visible",
"browsers": [
"E86",
"FF85",
"S15.4",
"C86",
"O72"
],
"references": [
{
"name": "MDN Reference",
"url": "https://developer.mozilla.org/docs/Web/CSS/:focus-visible"
}
],
"description": "The :focus-visible pseudo-class applies while an element matches the :focus pseudo-class and the UA determines via heuristics that the focus should be made evident on the element."
},
{
"name": ":focus-within",
"browsers": [
"E79",
"FF52",
"S10.1",
"C60",
"O47"
],
"references": [
{
"name": "MDN Reference",
"url": "https://developer.mozilla.org/docs/Web/CSS/:focus-within"
}
],
"description": "The :focus-within pseudo-class applies to any element for which the :focus pseudo class applies as well as to an element whose descendant in the flat tree (including non-element nodes, such as text nodes) matches the conditions for matching :focus."
},
{
"name": ":has",
"status": "experimental",
"browsers": [
"E105",
"FF103",
"S15.4",
"C105",
"O91"
],
"references": [
{
"name": "MDN Reference",
"url": "https://developer.mozilla.org/docs/Web/CSS/:has"
}
],
"description": ":The :has() CSS pseudo-class represents an element if any of the selectors passed as parameters (relative to the :scope of the given element), match at least one element."
},
{
"name": ":is",
"status": "experimental",
"browsers": [
"E88",
"FF78",
"S14",
"C88",
"O74"
],
"references": [
{
"name": "MDN Reference",
"url": "https://developer.mozilla.org/docs/Web/CSS/:is"
}
],
"description": "The :is() CSS pseudo-class function takes a selector list as its argument, and selects any element that can be selected by one of the selectors in that list. This is useful for writing large selectors in a more compact form."
},
{
"name": ":local-link",
"status": "experimental",
"description": "The :local-link CSS pseudo-class represents an link to the same document"
},
{
"name": ":nth-col",
"status": "experimental",
"description": "The :nth-col() CSS pseudo-class is designed for tables and grids. It accepts the An+B notation such as used with the :nth-child selector, using this to target every nth column. "
},
{
"name": ":nth-last-col",
"status": "experimental",
"description": "The :nth-last-col() CSS pseudo-class is designed for tables and grids. It accepts the An+B notation such as used with the :nth-child selector, using this to target every nth column before it, therefore counting back from the end of the set of columns."
},
{
"name": ":paused",
"status": "experimental",
"browsers": [
"S15.4"
],
"references": [
{
"name": "MDN Reference",
"url": "https://developer.mozilla.org/docs/Web/CSS/:paused"
}
],
"description": "The :paused CSS pseudo-class selector is a resource state pseudo-class that will match an audio, video, or similar resource that is capable of being “played” or “paused”, when that element is “paused”."
},
{
"name": ":placeholder-shown",
"status": "experimental",
"browsers": [
"E79",
"FF51",
"S9",
"C47",
"IE10",
"O34"
],
"references": [
{
"name": "MDN Reference",
"url": "https://developer.mozilla.org/docs/Web/CSS/:placeholder-shown"
}
],
"description": "The :placeholder-shown CSS pseudo-class represents any <input> or <textarea> element that is currently displaying placeholder text."
},
{
"name": ":playing",
"status": "experimental",
"browsers": [
"S15.4"
],
"references": [
{
"name": "MDN Reference",
"url": "https://developer.mozilla.org/docs/Web/CSS/:playing"
}
],
"description": "The :playing CSS pseudo-class selector is a resource state pseudo-class that will match an audio, video, or similar resource that is capable of being “played” or “paused”, when that element is “playing”. "
},
{
"name": ":target-within",
"status": "experimental",
"references": [
{
"name": "MDN Reference",
"url": "https://developer.mozilla.org/docs/Web/CSS/:target-within"
}
],
"description": "The :target-within CSS pseudo-class represents an element that is a target element or contains an element that is a target. A target element is a unique element with an id matching the URL's fragment."
},
{
"name": ":user-invalid",
"status": "experimental",
"browsers": [
"FF88",
"Spreview"
],
"references": [
{
"name": "MDN Reference",
"url": "https://developer.mozilla.org/docs/Web/CSS/:user-invalid"
}
],
"description": "The :user-invalid CSS pseudo-class represents any validated form element whose value isn't valid based on their validation constraints, after the user has interacted with it."
},
{
"name": ":user-valid",
"status": "experimental",
"browsers": [
"FF88",
"Spreview"
],
"references": [
{
"name": "MDN Reference",
"url": "https://developer.mozilla.org/docs/Web/CSS/:user-valid"
}
],
"description": "The :user-valid CSS pseudo-class represents any validated form element whose value validates correctly based on its validation constraints. However, unlike :valid it only matches once the user has interacted with it."
},
{
"name": ":where",
"status": "experimental",
"browsers": [
"E88",
"FF78",
"S14",
"C88",
"O74"
],
"references": [
{
"name": "MDN Reference",
"url": "https://developer.mozilla.org/docs/Web/CSS/:where"
}
],
"description": "The :where() CSS pseudo-class function takes a selector list as its argument, and selects any element that can be selected by one of the selectors in that list."
},
{
"name": ":picture-in-picture",
"status": "experimental",
"browsers": [
"E110",
"C110",
"O96"
],
"references": [
{
"name": "MDN Reference",
"url": "https://developer.mozilla.org/docs/Web/CSS/:picture-in-picture"
}
],
"description": "The :picture-in-picture CSS pseudo-class matches the element which is currently in picture-in-picture mode."
}
],
"pseudoElements": [
{
"name": "::after",
"browsers": [
"E12",
"FF1.5",
"S4",
"C1",
"IE9",
"O7"
],
"references": [
{
"name": "MDN Reference",
"url": "https://developer.mozilla.org/docs/Web/CSS/::after"
}
],
"description": "Represents a styleable child pseudo-element immediately after the originating element's actual content."
},
{
"name": "::backdrop",
"browsers": [
"E79",
"FF47",
"S15.4",
"C37",
"IE11",
"O24"
],
"references": [
{
"name": "MDN Reference",
"url": "https://developer.mozilla.org/docs/Web/CSS/::backdrop"
}
],
"description": "Used to create a backdrop that hides the underlying document for an element in a top layer (such as an element that is displayed fullscreen)."
},
{
"name": "::before",
"browsers": [
"E12",
"FF1.5",
"S4",
"C1",
"IE9",
"O7"
],
"references": [
{
"name": "MDN Reference",
"url": "https://developer.mozilla.org/docs/Web/CSS/::before"
}
],
"description": "Represents a styleable child pseudo-element immediately before the originating element's actual content."
},
{
"name": "::content",
"browsers": [
"C35",
"O22"
],
"description": "Deprecated. Matches the distribution list itself, on elements that have one. Use ::slotted for forward compatibility."
},
{
"name": "::cue",
"browsers": [
"E79",
"FF55",
"S7",
"C26",
"O15"
],
"references": [
{
"name": "MDN Reference",
"url": "https://developer.mozilla.org/docs/Web/CSS/::cue"
}
]
},
{
"name": "::cue()",
"browsers": [
"C",
"O16",
"S6"
]
},
{
"name": "::cue-region",
"browsers": [
"C",
"O16",
"S6"
]
},
{
"name": "::cue-region()",
"browsers": [
"C",
"O16",
"S6"
]
},
{
"name": "::first-letter",
"browsers": [
"E12",
"FF1",
"S1",
"C1",
"IE9",
"O7"
],
"references": [
{
"name": "MDN Reference",
"url": "https://developer.mozilla.org/docs/Web/CSS/::first-letter"
}
],
"description": "Represents the first letter of an element, if it is not preceded by any other content (such as images or inline tables) on its line."
},
{
"name": "::first-line",
"browsers": [
"E12",
"FF1",
"S1",
"C1",
"IE9",
"O7"
],
"references": [
{
"name": "MDN Reference",
"url": "https://developer.mozilla.org/docs/Web/CSS/::first-line"
}
],
"description": "Describes the contents of the first formatted line of its originating element."
},
{
"name": "::-moz-focus-inner",
"browsers": [
"FF4"
]
},
{
"name": "::-moz-focus-outer",
"browsers": [
"FF4"
]
},
{
"name": "::-moz-list-bullet",
"browsers": [
"FF1"
],
"description": "Used to style the bullet of a list element. Similar to the standardized ::marker."
},
{
"name": "::-moz-list-number",
"browsers": [
"FF1"
],
"description": "Used to style the numbers of a list element. Similar to the standardized ::marker."
},
{
"name": "::-moz-placeholder",
"browsers": [
"FF19"
],
"description": "Represents placeholder text in an input field"
},
{
"name": "::-moz-progress-bar",
"browsers": [
"FF9"
],
"description": "Represents the bar portion of a progress bar."
},
{
"name": "::-moz-selection",
"browsers": [
"FF1"
],
"description": "Represents the portion of a document that has been highlighted by the user."
},
{
"name": "::-ms-backdrop",
"browsers": [
"IE11"
],
"description": "Used to create a backdrop that hides the underlying document for an element in a top layer (such as an element that is displayed fullscreen)."
},
{
"name": "::-ms-browse",
"browsers": [
"E",
"IE10"
],
"description": "Represents the browse button of an input type=file control."
},
{
"name": "::-ms-check",
"browsers": [
"E",
"IE10"
],
"description": "Represents the check of a checkbox or radio button input control."
},
{
"name": "::-ms-clear",
"browsers": [
"E",
"IE10"
],
"description": "Represents the clear button of a text input control"
},
{
"name": "::-ms-expand",
"browsers": [
"E",
"IE10"
],
"description": "Represents the drop-down button of a select control."
},
{
"name": "::-ms-fill",
"browsers": [
"E",
"IE10"
],
"description": "Represents the bar portion of a progress bar."
},
{
"name": "::-ms-fill-lower",
"browsers": [
"E",
"IE10"
],
"description": "Represents the portion of the slider track from its smallest value up to the value currently selected by the thumb. In a left-to-right layout, this is the portion of the slider track to the left of the thumb."
},
{
"name": "::-ms-fill-upper",
"browsers": [
"E",
"IE10"
],
"description": "Represents the portion of the slider track from the value currently selected by the thumb up to the slider's largest value. In a left-to-right layout, this is the portion of the slider track to the right of the thumb."
},
{
"name": "::-ms-reveal",
"browsers": [
"E",
"IE10"
],
"description": "Represents the password reveal button of an input type=password control."
},
{
"name": "::-ms-thumb",
"browsers": [
"E",
"IE10"
],
"description": "Represents the portion of range input control (also known as a slider control) that the user drags."
},
{
"name": "::-ms-ticks-after",
"browsers": [
"E",
"IE10"
],
"description": "Represents the tick marks of a slider that begin just after the thumb and continue up to the slider's largest value. In a left-to-right layout, these are the ticks to the right of the thumb."
},
{
"name": "::-ms-ticks-before",
"browsers": [
"E",
"IE10"
],
"description": "Represents the tick marks of a slider that represent its smallest values up to the value currently selected by the thumb. In a left-to-right layout, these are the ticks to the left of the thumb."
},
{
"name": "::-ms-tooltip",
"browsers": [
"E",
"IE10"
],
"description": "Represents the tooltip of a slider (input type=range)."
},
{
"name": "::-ms-track",
"browsers": [
"E",
"IE10"
],
"description": "Represents the track of a slider."
},
{
"name": "::-ms-value",
"browsers": [
"E",
"IE10"
],
"description": "Represents the content of a text or password input control, or a select control."
},
{
"name": "::selection",
"browsers": [
"E12",
"FF62",
"S1.1",
"C1",
"IE9",
"O9.5"
],
"references": [
{
"name": "MDN Reference",
"url": "https://developer.mozilla.org/docs/Web/CSS/::selection"
}
],
"description": "Represents the portion of a document that has been highlighted by the user."
},
{
"name": "::shadow",
"browsers": [
"C35",
"O22"
],
"description": "Matches the shadow root if an element has a shadow tree."
},
{
"name": "::-webkit-file-upload-button",
"browsers": [
"C",
"O",
"S6"
]
},
{
"name": "::-webkit-inner-spin-button",
"browsers": [
"E79",
"S5",
"C6",
"O15"
],
"references": [
{
"name": "MDN Reference",
"url": "https://developer.mozilla.org/docs/Web/CSS/::-webkit-inner-spin-button"
}
]
},
{
"name": "::-webkit-input-placeholder",
"browsers": [
"C",
"S4"
]
},
{
"name": "::-webkit-keygen-select",
"browsers": [
"C",
"O",
"S6"
]
},
{
"name": "::-webkit-meter-bar",
"browsers": [
"E79",
"S5.1",
"C12",
"O15"
],
"references": [
{
"name": "MDN Reference",
"url": "https://developer.mozilla.org/docs/Web/CSS/::-webkit-meter-bar"
}
]
},
{
"name": "::-webkit-meter-even-less-good-value",
"browsers": [
"E79",
"S5.1",
"C12",
"O15"
],
"references": [
{
"name": "MDN Reference",
"url": "https://developer.mozilla.org/docs/Web/CSS/::-webkit-meter-even-less-good-value"
}
]
},
{
"name": "::-webkit-meter-optimum-value",
"browsers": [
"E79",
"S5.1",
"C12",
"O15"
],
"references": [
{
"name": "MDN Reference",
"url": "https://developer.mozilla.org/docs/Web/CSS/::-webkit-meter-optimum-value"
}
]
},
{
"name": "::-webkit-meter-suboptimum-value",
"browsers": [
"E79",
"S5.1",
"C12",
"O15"
],
"references": [
{
"name": "MDN Reference",
"url": "https://developer.mozilla.org/docs/Web/CSS/::-webkit-meter-suboptimum-value"
}
]
},
{
"name": "::-webkit-outer-spin-button",
"browsers": [
"S5",
"C6"
],
"references": [
{
"name": "MDN Reference",
"url": "https://developer.mozilla.org/docs/Web/CSS/::-webkit-outer-spin-button"
}
]
},
{
"name": "::-webkit-progress-bar",
"browsers": [
"E79",
"S7",
"C25",
"O15"
],
"references": [
{
"name": "MDN Reference",
"url": "https://developer.mozilla.org/docs/Web/CSS/::-webkit-progress-bar"
}
]
},
{
"name": "::-webkit-progress-inner-element",
"browsers": [
"E79",
"S7",
"C23",
"O15"
],
"references": [
{
"name": "MDN Reference",
"url": "https://developer.mozilla.org/docs/Web/CSS/::-webkit-progress-inner-element"
}
]
},
{
"name": "::-webkit-progress-value",
"browsers": [
"E79",
"S7",
"C25",
"O15"
],
"references": [
{
"name": "MDN Reference",
"url": "https://developer.mozilla.org/docs/Web/CSS/::-webkit-progress-value"
}
]
},
{
"name": "::-webkit-resizer",
"browsers": [
"E79",
"S4",
"C2",
"O15"
],
"references": [
{
"name": "MDN Reference",
"url": "https://developer.mozilla.org/docs/Web/CSS/::-webkit-scrollbar"
}
]
},
{
"name": "::-webkit-scrollbar",
"browsers": [
"E79",
"S4",
"C2",
"O15"
],
"references": [
{
"name": "MDN Reference",
"url": "https://developer.mozilla.org/docs/Web/CSS/::-webkit-scrollbar"
}
]
},
{
"name": "::-webkit-scrollbar-button",
"browsers": [
"E79",
"S4",
"C2",
"O15"
],
"references": [
{
"name": "MDN Reference",
"url": "https://developer.mozilla.org/docs/Web/CSS/::-webkit-scrollbar"
}
]
},
{
"name": "::-webkit-scrollbar-corner",
"browsers": [
"E79",
"S4",
"C2",
"O15"
],
"references": [
{
"name": "MDN Reference",
"url": "https://developer.mozilla.org/docs/Web/CSS/::-webkit-scrollbar"
}
]
},
{
"name": "::-webkit-scrollbar-thumb",
"browsers": [
"E79",
"S4",
"C2",
"O15"
],
"references": [
{
"name": "MDN Reference",
"url": "https://developer.mozilla.org/docs/Web/CSS/::-webkit-scrollbar"
}
]
},
{
"name": "::-webkit-scrollbar-track",
"browsers": [
"E79",
"S4",
"C2",
"O15"
],
"references": [
{
"name": "MDN Reference",
"url": "https://developer.mozilla.org/docs/Web/CSS/::-webkit-scrollbar"
}
]
},
{
"name": "::-webkit-scrollbar-track-piece",
"browsers": [
"E79",
"S4",
"C2",
"O15"
],
"references": [
{
"name": "MDN Reference",
"url": "https://developer.mozilla.org/docs/Web/CSS/::-webkit-scrollbar"
}
]
},
{
"name": "::-webkit-search-cancel-button",
"browsers": [
"E79",
"S3",
"C1",
"O15"
],
"references": [
{
"name": "MDN Reference",
"url": "https://developer.mozilla.org/docs/Web/CSS/::-webkit-search-cancel-button"
}
]
},
{
"name": "::-webkit-search-decoration",
"browsers": [
"C",
"S4"
]
},
{
"name": "::-webkit-search-results-button",
"browsers": [
"E79",
"S3",
"C1",
"O15"
],
"references": [
{
"name": "MDN Reference",
"url": "https://developer.mozilla.org/docs/Web/CSS/::-webkit-search-results-button"
}
]
},
{
"name": "::-webkit-search-results-decoration",
"browsers": [
"C",
"S4"
]
},
{
"name": "::-webkit-slider-runnable-track",
"browsers": [
"C",
"O",
"S6"
]
},
{
"name": "::-webkit-slider-thumb",
"browsers": [
"C",
"O",
"S6"
]
},
{
"name": "::-webkit-textfield-decoration-container",
"browsers": [
"C",
"O",
"S6"
]
},
{
"name": "::-webkit-validation-bubble",
"browsers": [
"C",
"O",
"S6"
]
},
{
"name": "::-webkit-validation-bubble-arrow",
"browsers": [
"C",
"O",
"S6"
]
},
{
"name": "::-webkit-validation-bubble-arrow-clipper",
"browsers": [
"C",
"O",
"S6"
]
},
{
"name": "::-webkit-validation-bubble-heading",
"browsers": [
"C",
"O",
"S6"
]
},
{
"name": "::-webkit-validation-bubble-message",
"browsers": [
"C",
"O",
"S6"
]
},
{
"name": "::-webkit-validation-bubble-text-block",
"browsers": [
"C",
"O",
"S6"
]
},
{
"name": "::target-text",
"status": "experimental",
"browsers": [
"E89",
"C89",
"O75"
],
"references": [
{
"name": "MDN Reference",
"url": "https://developer.mozilla.org/docs/Web/CSS/::target-text"
}
],
"description": "The ::target-text CSS pseudo-element represents the text that has been scrolled to if the browser supports scroll-to-text fragments. It allows authors to choose how to highlight that section of text."
},
{
"name": "::-moz-range-progress",
"status": "nonstandard",
"browsers": [
"FF22"
],
"references": [
{
"name": "MDN Reference",
"url": "https://developer.mozilla.org/docs/Web/CSS/::-moz-range-progress"
}
],
"description": "The ::-moz-range-progress CSS pseudo-element is a Mozilla extension that represents the lower portion of the track (i.e., groove) in which the indicator slides in an <input> of type=\"range\". This portion corresponds to values lower than the value currently selected by the thumb (i.e., virtual knob)."
},
{
"name": "::-moz-range-thumb",
"status": "nonstandard",
"browsers": [
"FF21"
],
"references": [
{
"name": "MDN Reference",
"url": "https://developer.mozilla.org/docs/Web/CSS/::-moz-range-thumb"
}
],
"description": "The ::-moz-range-thumb CSS pseudo-element is a Mozilla extension that represents the thumb (i.e., virtual knob) of an <input> of type=\"range\". The user can move the thumb along the input's track to alter its numerical value."
},
{
"name": "::-moz-range-track",
"status": "nonstandard",
"browsers": [
"FF21"
],
"references": [
{
"name": "MDN Reference",
"url": "https://developer.mozilla.org/docs/Web/CSS/::-moz-range-track"
}
],
"description": "The ::-moz-range-track CSS pseudo-element is a Mozilla extension that represents the track (i.e., groove) in which the indicator slides in an <input> of type=\"range\"."
},
{
"name": "::-webkit-progress-inner-value",
"status": "nonstandard",
"description": "The ::-webkit-progress-value CSS pseudo-element represents the filled-in portion of the bar of a <progress> element. It is a child of the ::-webkit-progress-bar pseudo-element.\n\nIn order to let ::-webkit-progress-value take effect, -webkit-appearance needs to be set to none on the <progress> element."
},
{
"name": "::grammar-error",
"status": "experimental",
"references": [
{
"name": "MDN Reference",
"url": "https://developer.mozilla.org/docs/Web/CSS/::grammar-error"
}
],
"description": "The ::grammar-error CSS pseudo-element represents a text segment which the user agent has flagged as grammatically incorrect."
},
{
"name": "::marker",
"browsers": [
"E86",
"FF68",
"S11.1",
"C86",
"O72"
],
"references": [
{
"name": "MDN Reference",
"url": "https://developer.mozilla.org/docs/Web/CSS/::marker"
}
],
"description": "The ::marker CSS pseudo-element selects the marker box of a list item, which typically contains a bullet or number. It works on any element or pseudo-element set to display: list-item, such as the <li> and <summary> elements."
},
{
"name": "::part",
"status": "experimental",
"browsers": [
"E79",
"FF72",
"S13.1",
"C73",
"O60"
],
"references": [
{
"name": "MDN Reference",
"url": "https://developer.mozilla.org/docs/Web/CSS/::part"
}
],
"description": "The ::part CSS pseudo-element represents any element within a shadow tree that has a matching part attribute."
},
{
"name": "::placeholder",
"browsers": [
"E79",
"FF51",
"S10.1",
"C57",
"O44"
],
"references": [
{
"name": "MDN Reference",
"url": "https://developer.mozilla.org/docs/Web/CSS/::placeholder"
}
],
"description": "The ::placeholder CSS pseudo-element represents the placeholder text of a form element."
},
{
"name": "::slotted",
"browsers": [
"E79",
"FF63",
"S10",
"C50",
"O37"
],
"references": [
{
"name": "MDN Reference",
"url": "https://developer.mozilla.org/docs/Web/CSS/::slotted"
}
],
"description": "The :slotted() CSS pseudo-element represents any element that has been placed into a slot inside an HTML template."
},
{
"name": "::spelling-error",
"status": "experimental",
"references": [
{
"name": "MDN Reference",
"url": "https://developer.mozilla.org/docs/Web/CSS/::spelling-error"
}
],
"description": "The ::spelling-error CSS pseudo-element represents a text segment which the user agent has flagged as incorrectly spelled."
}
]
};
;// CONCATENATED MODULE: ../../node_modules/vscode-css-languageservice/lib/esm/languageFacts/dataProvider.js
/*---------------------------------------------------------------------------------------------
* Copyright (c) Microsoft Corporation. All rights reserved.
* Licensed under the MIT License. See License.txt in the project root for license information.
*--------------------------------------------------------------------------------------------*/
class dataProvider_CSSDataProvider {
/**
* Currently, unversioned data uses the V1 implementation
* In the future when the provider handles multiple versions of HTML custom data,
* use the latest implementation for unversioned data
*/
constructor(data) {
this._properties = [];
this._atDirectives = [];
this._pseudoClasses = [];
this._pseudoElements = [];
this.addData(data);
}
provideProperties() {
return this._properties;
}
provideAtDirectives() {
return this._atDirectives;
}
providePseudoClasses() {
return this._pseudoClasses;
}
providePseudoElements() {
return this._pseudoElements;
}
addData(data) {
if (Array.isArray(data.properties)) {
for (const prop of data.properties) {
if (isPropertyData(prop)) {
this._properties.push(prop);
}
}
}
if (Array.isArray(data.atDirectives)) {
for (const prop of data.atDirectives) {
if (isAtDirective(prop)) {
this._atDirectives.push(prop);
}
}
}
if (Array.isArray(data.pseudoClasses)) {
for (const prop of data.pseudoClasses) {
if (isPseudoClassData(prop)) {
this._pseudoClasses.push(prop);
}
}
}
if (Array.isArray(data.pseudoElements)) {
for (const prop of data.pseudoElements) {
if (isPseudoElementData(prop)) {
this._pseudoElements.push(prop);
}
}
}
}
}
function isPropertyData(d) {
return typeof d.name === 'string';
}
function isAtDirective(d) {
return typeof d.name === 'string';
}
function isPseudoClassData(d) {
return typeof d.name === 'string';
}
function isPseudoElementData(d) {
return typeof d.name === 'string';
}
;// CONCATENATED MODULE: ../../node_modules/vscode-css-languageservice/lib/esm/languageFacts/dataManager.js
/*---------------------------------------------------------------------------------------------
* Copyright (c) Microsoft Corporation. All rights reserved.
* Licensed under the MIT License. See License.txt in the project root for license information.
*--------------------------------------------------------------------------------------------*/
class CSSDataManager {
constructor(options) {
this.dataProviders = [];
this._propertySet = {};
this._atDirectiveSet = {};
this._pseudoClassSet = {};
this._pseudoElementSet = {};
this._properties = [];
this._atDirectives = [];
this._pseudoClasses = [];
this._pseudoElements = [];
this.setDataProviders(options?.useDefaultDataProvider !== false, options?.customDataProviders || []);
}
setDataProviders(builtIn, providers) {
this.dataProviders = [];
if (builtIn) {
this.dataProviders.push(new dataProvider_CSSDataProvider(webCustomData_cssData));
}
this.dataProviders.push(...providers);
this.collectData();
}
/**
* Collect all data & handle duplicates
*/
collectData() {
this._propertySet = {};
this._atDirectiveSet = {};
this._pseudoClassSet = {};
this._pseudoElementSet = {};
this.dataProviders.forEach(provider => {
provider.provideProperties().forEach(p => {
if (!this._propertySet[p.name]) {
this._propertySet[p.name] = p;
}
});
provider.provideAtDirectives().forEach(p => {
if (!this._atDirectiveSet[p.name]) {
this._atDirectiveSet[p.name] = p;
}
});
provider.providePseudoClasses().forEach(p => {
if (!this._pseudoClassSet[p.name]) {
this._pseudoClassSet[p.name] = p;
}
});
provider.providePseudoElements().forEach(p => {
if (!this._pseudoElementSet[p.name]) {
this._pseudoElementSet[p.name] = p;
}
});
});
this._properties = values(this._propertySet);
this._atDirectives = values(this._atDirectiveSet);
this._pseudoClasses = values(this._pseudoClassSet);
this._pseudoElements = values(this._pseudoElementSet);
}
getProperty(name) { return this._propertySet[name]; }
getAtDirective(name) { return this._atDirectiveSet[name]; }
getPseudoClass(name) { return this._pseudoClassSet[name]; }
getPseudoElement(name) { return this._pseudoElementSet[name]; }
getProperties() {
return this._properties;
}
getAtDirectives() {
return this._atDirectives;
}
getPseudoClasses() {
return this._pseudoClasses;
}
getPseudoElements() {
return this._pseudoElements;
}
isKnownProperty(name) {
return name.toLowerCase() in this._propertySet;
}
isStandardProperty(name) {
return this.isKnownProperty(name) &&
(!this._propertySet[name.toLowerCase()].status || this._propertySet[name.toLowerCase()].status === 'standard');
}
}
;// CONCATENATED MODULE: ../../node_modules/vscode-css-languageservice/lib/esm/services/cssSelectionRange.js
/*---------------------------------------------------------------------------------------------
* Copyright (c) Microsoft Corporation. All rights reserved.
* Licensed under the MIT License. See License.txt in the project root for license information.
*--------------------------------------------------------------------------------------------*/
function getSelectionRanges(document, positions, stylesheet) {
function getSelectionRange(position) {
const applicableRanges = getApplicableRanges(position);
let current = undefined;
for (let index = applicableRanges.length - 1; index >= 0; index--) {
current = main.SelectionRange.create(main.Range.create(document.positionAt(applicableRanges[index][0]), document.positionAt(applicableRanges[index][1])), current);
}
if (!current) {
current = main.SelectionRange.create(main.Range.create(position, position));
}
return current;
}
return positions.map(getSelectionRange);
function getApplicableRanges(position) {
const offset = document.offsetAt(position);
let currNode = stylesheet.findChildAtOffset(offset, true);
if (!currNode) {
return [];
}
const result = [];
while (currNode) {
if (currNode.parent &&
currNode.offset === currNode.parent.offset &&
currNode.end === currNode.parent.end) {
currNode = currNode.parent;
continue;
}
// The `{ }` part of `.a { }`
if (currNode.type === NodeType.Declarations) {
if (offset > currNode.offset && offset < currNode.end) {
// Return `{ }` and the range inside `{` and `}`
result.push([currNode.offset + 1, currNode.end - 1]);
}
}
result.push([currNode.offset, currNode.end]);
currNode = currNode.parent;
}
return result;
}
}
;// CONCATENATED MODULE: ../../node_modules/vscode-css-languageservice/lib/esm/services/scssNavigation.js
/*---------------------------------------------------------------------------------------------
* Copyright (c) Microsoft Corporation. All rights reserved.
* Licensed under the MIT License. See License.txt in the project root for license information.
*--------------------------------------------------------------------------------------------*/
class SCSSNavigation extends CSSNavigation {
constructor(fileSystemProvider) {
super(fileSystemProvider, true);
}
isRawStringDocumentLinkNode(node) {
return (super.isRawStringDocumentLinkNode(node) ||
node.type === NodeType.Use ||
node.type === NodeType.Forward);
}
async mapReference(target, isRawLink) {
if (this.fileSystemProvider && target && isRawLink) {
const pathVariations = toPathVariations(target);
for (const variation of pathVariations) {
if (await this.fileExists(variation)) {
return variation;
}
}
}
return target;
}
async resolveReference(target, documentUri, documentContext, isRawLink = false) {
if (startsWith(target, 'sass:')) {
return undefined; // sass library
}
return super.resolveReference(target, documentUri, documentContext, isRawLink);
}
}
function toPathVariations(target) {
// No variation for links that ends with suffix
if (target.endsWith('.scss') || target.endsWith('.css')) {
return [target];
}
// If a link is like a/, try resolving a/index.scss and a/_index.scss
if (target.endsWith('/')) {
return [target + 'index.scss', target + '_index.scss'];
}
const targetUri = css_service_URI.parse(target);
const basename = Utils.basename(targetUri);
const dirname = Utils.dirname(targetUri);
if (basename.startsWith('_')) {
// No variation for links such as _a
return [Utils.joinPath(dirname, basename + '.scss').toString(true)];
}
return [
Utils.joinPath(dirname, basename + '.scss').toString(true),
Utils.joinPath(dirname, '_' + basename + '.scss').toString(true),
target + '/index.scss',
target + '/_index.scss',
Utils.joinPath(dirname, basename + '.css').toString(true)
];
}
;// CONCATENATED MODULE: ../../node_modules/vscode-css-languageservice/lib/esm/cssLanguageService.js
/*---------------------------------------------------------------------------------------------
* Copyright (c) Microsoft Corporation. All rights reserved.
* Licensed under the MIT License. See License.txt in the project root for license information.
*--------------------------------------------------------------------------------------------*/
function getDefaultCSSDataProvider() {
return newCSSDataProvider(cssData);
}
function newCSSDataProvider(data) {
return new CSSDataProvider(data);
}
function createFacade(parser, completion, hover, navigation, codeActions, validation, cssDataManager) {
return {
configure: (settings) => {
validation.configure(settings);
completion.configure(settings?.completion);
hover.configure(settings?.hover);
},
setDataProviders: cssDataManager.setDataProviders.bind(cssDataManager),
doValidation: validation.doValidation.bind(validation),
parseStylesheet: parser.parseStylesheet.bind(parser),
doComplete: completion.doComplete.bind(completion),
doComplete2: completion.doComplete2.bind(completion),
setCompletionParticipants: completion.setCompletionParticipants.bind(completion),
doHover: hover.doHover.bind(hover),
format: cssFormatter_format,
findDefinition: navigation.findDefinition.bind(navigation),
findReferences: navigation.findReferences.bind(navigation),
findDocumentHighlights: navigation.findDocumentHighlights.bind(navigation),
findDocumentLinks: navigation.findDocumentLinks.bind(navigation),
findDocumentLinks2: navigation.findDocumentLinks2.bind(navigation),
findDocumentSymbols: navigation.findSymbolInformations.bind(navigation),
findDocumentSymbols2: navigation.findDocumentSymbols.bind(navigation),
doCodeActions: codeActions.doCodeActions.bind(codeActions),
doCodeActions2: codeActions.doCodeActions2.bind(codeActions),
findDocumentColors: navigation.findDocumentColors.bind(navigation),
getColorPresentations: navigation.getColorPresentations.bind(navigation),
prepareRename: navigation.prepareRename.bind(navigation),
doRename: navigation.doRename.bind(navigation),
getFoldingRanges: getFoldingRanges,
getSelectionRanges: getSelectionRanges
};
}
const defaultLanguageServiceOptions = {};
function getCSSLanguageService(options = defaultLanguageServiceOptions) {
const cssDataManager = new CSSDataManager(options);
return createFacade(new Parser(), new CSSCompletion(null, options, cssDataManager), new CSSHover(options && options.clientCapabilities, cssDataManager), new CSSNavigation(options && options.fileSystemProvider, false), new CSSCodeActions(cssDataManager), new CSSValidation(cssDataManager), cssDataManager);
}
function getSCSSLanguageService(options = defaultLanguageServiceOptions) {
const cssDataManager = new CSSDataManager(options);
return createFacade(new SCSSParser(), new SCSSCompletion(options, cssDataManager), new CSSHover(options && options.clientCapabilities, cssDataManager), new SCSSNavigation(options && options.fileSystemProvider), new CSSCodeActions(cssDataManager), new CSSValidation(cssDataManager), cssDataManager);
}
function getLESSLanguageService(options = defaultLanguageServiceOptions) {
const cssDataManager = new CSSDataManager(options);
return createFacade(new LESSParser(), new LESSCompletion(options, cssDataManager), new CSSHover(options && options.clientCapabilities, cssDataManager), new CSSNavigation(options && options.fileSystemProvider, true), new CSSCodeActions(cssDataManager), new CSSValidation(cssDataManager), cssDataManager);
}
// EXTERNAL MODULE: ./src/utils.ts
var utils = __webpack_require__(7770);
// EXTERNAL MODULE: ../../node_modules/vscode-languageserver-protocol/lib/browser/main.js
var browser_main = __webpack_require__(5501);
;// CONCATENATED MODULE: ./src/ace/range-singleton.ts
function _define_property(obj, key, value) {
if (key in obj) {
Object.defineProperty(obj, key, {
value: value,
enumerable: true,
configurable: true,
writable: true
});
} else {
obj[key] = value;
}
return obj;
}
class AceRange {
static getConstructor(editor) {
if (!AceRange._instance && editor) {
AceRange._instance = editor.getSelectionRange().constructor;
}
return AceRange._instance;
}
}
_define_property(AceRange, "_instance", void 0);
;// CONCATENATED MODULE: ./src/type-converters/common-converters.ts
var common_converters_CommonConverter;
(function(CommonConverter) {
function normalizeRanges(completions) {
return completions && completions.map((el)=>{
if (el["range"]) {
el["range"] = toRange(el["range"]);
}
return el;
});
}
CommonConverter.normalizeRanges = normalizeRanges;
function cleanHtml(html) {
return html.replace(/<a\s/, "<a target='_blank' ");
}
CommonConverter.cleanHtml = cleanHtml;
function toRange(range) {
if (!range || !range.start || !range.end) {
return;
}
let Range = AceRange.getConstructor();
// @ts-ignore
return Range.fromPoints(range.start, range.end);
}
CommonConverter.toRange = toRange;
function convertKind(kind) {
switch(kind){
case "primitiveType":
case "keyword":
return browser_main.CompletionItemKind.Keyword;
case "variable":
case "localVariable":
return browser_main.CompletionItemKind.Variable;
case "memberVariable":
case "memberGetAccessor":
case "memberSetAccessor":
return browser_main.CompletionItemKind.Field;
case "function":
case "memberFunction":
case "constructSignature":
case "callSignature":
case "indexSignature":
return browser_main.CompletionItemKind.Function;
case "enum":
return browser_main.CompletionItemKind.Enum;
case "module":
return browser_main.CompletionItemKind.Module;
case "class":
return browser_main.CompletionItemKind.Class;
case "interface":
return browser_main.CompletionItemKind.Interface;
case "warning":
return browser_main.CompletionItemKind.File;
}
return browser_main.CompletionItemKind.Property;
}
CommonConverter.convertKind = convertKind;
function excludeByErrorMessage(diagnostics, errorMessagesToIgnore, fieldName = "message") {
if (!errorMessagesToIgnore) return diagnostics;
return diagnostics.filter((el)=>!(0,utils/* checkValueAgainstRegexpArray */.Tk)(el[fieldName], errorMessagesToIgnore));
}
CommonConverter.excludeByErrorMessage = excludeByErrorMessage;
})(common_converters_CommonConverter || (common_converters_CommonConverter = {}));
;// CONCATENATED MODULE: ./src/type-converters/lsp/lsp-converters.ts
function fromRange(range) {
return {
start: {
line: range.start.row,
character: range.start.column
},
end: {
line: range.end.row,
character: range.end.column
}
};
}
function rangeFromPositions(start, end) {
return {
start: start,
end: end
};
}
function toRange(range) {
return {
start: {
row: range.start.line,
column: range.start.character
},
end: {
row: range.end.line,
column: range.end.character
}
};
}
function fromPoint(point) {
return {
line: point.row,
character: point.column
};
}
function toPoint(position) {
return {
row: position.line,
column: position.character
};
}
function toAnnotations(diagnostics) {
var _diagnostics;
return (_diagnostics = diagnostics) === null || _diagnostics === void 0 ? void 0 : _diagnostics.map((el)=>{
return {
row: el.range.start.line,
column: el.range.start.character,
text: el.message,
type: el.severity === 1 ? "error" : el.severity === 2 ? "warning" : "info",
code: el.code
};
});
}
function fromAnnotations(annotations) {
var _annotations;
return (_annotations = annotations) === null || _annotations === void 0 ? void 0 : _annotations.map((el)=>{
return {
range: {
start: {
line: el.row,
character: el.column
},
end: {
line: el.row,
character: el.column
}
},
message: el.text,
severity: el.type === "error" ? 1 : el.type === "warning" ? 2 : 3,
code: el["code"]
};
});
}
function toCompletion(item) {
var _item_textEdit, _item_command;
let itemKind = item.kind;
let kind = itemKind ? Object.keys(CompletionItemKind)[Object.values(CompletionItemKind).indexOf(itemKind)] : undefined;
var _item_textEdit_newText, _ref;
let text = (_ref = (_item_textEdit_newText = (_item_textEdit = item.textEdit) === null || _item_textEdit === void 0 ? void 0 : _item_textEdit.newText) !== null && _item_textEdit_newText !== void 0 ? _item_textEdit_newText : item.insertText) !== null && _ref !== void 0 ? _ref : item.label;
let filterText;
// filtering would happen on ace editor side
//TODO: if filtering and sorting are on server side, we should disable FilteredList in ace completer
if (item.filterText) {
const firstWordMatch = item.filterText.match(/\w+/);
const firstWord = firstWordMatch ? firstWordMatch[0] : null;
if (firstWord) {
const wordRegex = new RegExp(`\\b${firstWord}\\b`, 'i');
if (!wordRegex.test(text)) {
text = `${item.filterText} ${text}`;
filterText = item.filterText;
}
} else {
if (!text.includes(item.filterText)) {
text = `${item.filterText} ${text}`;
filterText = item.filterText;
}
}
}
let command = ((_item_command = item.command) === null || _item_command === void 0 ? void 0 : _item_command.command) == "editor.action.triggerSuggest" ? "startAutocomplete" : undefined;
let range = item.textEdit ? getTextEditRange(item.textEdit, filterText) : undefined;
let completion = {
meta: kind,
caption: item.label,
score: undefined
};
completion["command"] = command;
completion["range"] = range;
completion["item"] = item;
if (item.insertTextFormat == InsertTextFormat.Snippet) {
completion["snippet"] = text;
} else {
completion["value"] = text !== null && text !== void 0 ? text : "";
}
completion["documentation"] = item.documentation; //TODO: this is workaround for services with instant completion
completion["position"] = item["position"];
completion["service"] = item["service"]; //TODO: since we have multiple servers, we need to determine which
// server to use for resolving
return completion;
}
function toCompletions(completions) {
if (completions.length > 0) {
let combinedCompletions = completions.map((el)=>{
if (!el.completions) {
return [];
}
let allCompletions;
if (Array.isArray(el.completions)) {
allCompletions = el.completions;
} else {
allCompletions = el.completions.items;
}
return allCompletions.map((item)=>{
item["service"] = el.service;
return item;
});
}).flat();
return combinedCompletions.map((item)=>toCompletion(item));
}
return [];
}
function toResolvedCompletion(completion, item) {
completion["docMarkdown"] = fromMarkupContent(item.documentation);
return completion;
}
function toCompletionItem(completion) {
let command;
if (completion["command"]) {
command = {
title: "triggerSuggest",
command: completion["command"]
};
}
var _completion_caption;
let completionItem = {
label: (_completion_caption = completion.caption) !== null && _completion_caption !== void 0 ? _completion_caption : "",
kind: CommonConverter.convertKind(completion.meta),
command: command,
insertTextFormat: completion["snippet"] ? InsertTextFormat.Snippet : InsertTextFormat.PlainText,
documentation: completion["documentation"]
};
if (completion["range"]) {
var _completion_snippet;
completionItem.textEdit = {
range: fromRange(completion["range"]),
newText: (_completion_snippet = completion["snippet"]) !== null && _completion_snippet !== void 0 ? _completion_snippet : completion["value"]
};
} else {
var _completion_snippet1;
completionItem.insertText = (_completion_snippet1 = completion["snippet"]) !== null && _completion_snippet1 !== void 0 ? _completion_snippet1 : completion["value"];
}
completionItem["fileName"] = completion["fileName"];
completionItem["position"] = completion["position"];
completionItem["item"] = completion["item"];
completionItem["service"] = completion["service"]; //TODO:
return completionItem;
}
function getTextEditRange(textEdit, filterText) {
const filterLength = filterText ? filterText.length : 0;
if ("insert" in textEdit && "replace" in textEdit) {
let mergedRanges = mergeRanges([
toRange(textEdit.insert),
toRange(textEdit.replace)
]);
return mergedRanges[0];
} else {
textEdit.range.start.character -= filterLength;
return toRange(textEdit.range);
}
}
function toTooltip(hover) {
var _hover_find;
if (!hover) return;
let content = hover.map((el)=>{
if (!el || !el.contents) return;
if (MarkupContent.is(el.contents)) {
return fromMarkupContent(el.contents);
} else if (MarkedString.is(el.contents)) {
if (typeof el.contents === "string") {
return el.contents;
}
return "```" + el.contents.value + "```";
} else {
let contents = el.contents.map((el)=>{
if (typeof el !== "string") {
return `\`\`\`${el.value}\`\`\``;
} else {
return el;
}
});
return contents.join("\n\n");
}
}).filter(notEmpty);
if (content.length === 0) return;
//TODO: it could be merged within all ranges in future
let lspRange = (_hover_find = hover.find((el)=>{
var _el;
return (_el = el) === null || _el === void 0 ? void 0 : _el.range;
})) === null || _hover_find === void 0 ? void 0 : _hover_find.range;
let range;
if (lspRange) range = toRange(lspRange);
return {
content: {
type: "markdown",
text: content.join("\n\n")
},
range: range
};
}
function fromSignatureHelp(signatureHelp) {
if (!signatureHelp) return;
let content = signatureHelp.map((el)=>{
var _el, _el1;
if (!el) return;
let signatureIndex = ((_el = el) === null || _el === void 0 ? void 0 : _el.activeSignature) || 0;
let activeSignature = el.signatures[signatureIndex];
if (!activeSignature) return;
let activeParam = (_el1 = el) === null || _el1 === void 0 ? void 0 : _el1.activeParameter;
let contents = activeSignature.label;
if (activeParam != undefined && activeSignature.parameters && activeSignature.parameters[activeParam]) {
let param = activeSignature.parameters[activeParam].label;
if (typeof param == "string") {
contents = contents.replace(param, `**${param}**`);
}
}
if (activeSignature.documentation) {
if (MarkupContent.is(activeSignature.documentation)) {
return contents + "\n\n" + fromMarkupContent(activeSignature.documentation);
} else {
contents += "\n\n" + activeSignature.documentation;
return contents;
}
} else {
return contents;
}
}).filter(notEmpty);
if (content.length === 0) return;
return {
content: {
type: "markdown",
text: content.join("\n\n")
}
};
}
function fromMarkupContent(content) {
if (!content) return;
if (typeof content === "string") {
return content;
} else {
return content.value;
}
}
function fromAceDelta(delta, eol) {
const text = delta.lines.length > 1 ? delta.lines.join(eol) : delta.lines[0];
return {
range: delta.action === "insert" ? rangeFromPositions(fromPoint(delta.start), fromPoint(delta.start)) : rangeFromPositions(fromPoint(delta.start), fromPoint(delta.end)),
text: delta.action === "insert" ? text : ""
};
}
function filterDiagnostics(diagnostics, filterErrors) {
return common_converters_CommonConverter.excludeByErrorMessage(diagnostics, filterErrors.errorMessagesToIgnore).map((el)=>{
if ((0,utils/* checkValueAgainstRegexpArray */.Tk)(el.message, filterErrors.errorMessagesToTreatAsWarning)) {
el.severity = browser_main.DiagnosticSeverity.Warning;
} else if ((0,utils/* checkValueAgainstRegexpArray */.Tk)(el.message, filterErrors.errorMessagesToTreatAsInfo)) {
el.severity = browser_main.DiagnosticSeverity.Information;
}
return el;
});
}
function fromDocumentHighlights(documentHighlights) {
return documentHighlights.map(function(el) {
let className = el.kind == 2 ? "language_highlight_read" : el.kind == 3 ? "language_highlight_write" : "language_highlight_text";
return toMarkerGroupItem(CommonConverter.toRange(toRange(el.range)), className);
});
}
function toMarkerGroupItem(range, className, tooltipText) {
let markerGroupItem = {
range: range,
className: className
};
if (tooltipText) {
markerGroupItem["tooltipText"] = tooltipText;
}
return markerGroupItem;
}
;// CONCATENATED MODULE: ./src/services/css/css-service.ts
function css_service_define_property(obj, key, value) {
if (key in obj) {
Object.defineProperty(obj, key, {
value: value,
enumerable: true,
configurable: true,
writable: true
});
} else {
obj[key] = value;
}
return obj;
}
class CssService extends base_service.BaseService {
$initLanguageService() {
switch(this.mode){
case "less":
this.$languageId = "less";
this.$service = getLESSLanguageService();
break;
case "scss":
this.$languageId = "scss";
this.$service = getSCSSLanguageService();
break;
case "css":
default:
this.$languageId = "css";
this.$service = getCSSLanguageService();
break;
}
}
getFormattingOptions(options) {
var _this_globalOptions;
this.$defaultFormatOptions.tabSize = options.tabSize;
this.$defaultFormatOptions.insertSpaces = options.insertSpaces;
return (0,utils/* mergeObjects */.rL)((_this_globalOptions = this.globalOptions) === null || _this_globalOptions === void 0 ? void 0 : _this_globalOptions.formatOptions, this.$defaultFormatOptions);
}
format(document, range, options) {
let fullDocument = this.getDocument(document.uri);
if (!fullDocument) return Promise.resolve([]);
return Promise.resolve(this.$service.format(fullDocument, range, this.getFormattingOptions(options)));
}
async doHover(document, position) {
let fullDocument = this.getDocument(document.uri);
if (!fullDocument) return null;
let cssDocument = this.$service.parseStylesheet(fullDocument);
return this.$service.doHover(fullDocument, position, cssDocument);
}
async doValidation(document) {
let fullDocument = this.getDocument(document.uri);
if (!fullDocument) return [];
let cssDocument = this.$service.parseStylesheet(fullDocument);
return filterDiagnostics(this.$service.doValidation(fullDocument, cssDocument), this.optionsToFilterDiagnostics);
}
async doComplete(document, position) {
let fullDocument = this.getDocument(document.uri);
if (!fullDocument) return null;
let cssDocument = this.$service.parseStylesheet(fullDocument);
return this.$service.doComplete(fullDocument, position, cssDocument);
}
async doResolve(item) {
return item;
}
async findDocumentHighlights(document, position) {
let fullDocument = this.getDocument(document.uri);
if (!fullDocument) return [];
const cssDocument = this.$service.parseStylesheet(fullDocument);
const highlights = this.$service.findDocumentHighlights(fullDocument, position, cssDocument);
return Promise.resolve(highlights);
}
getCodeActions(document, range, context) {
let fullDocument = this.getDocument(document.uri);
if (!fullDocument) return Promise.resolve(null);
const cssDocument = this.$service.parseStylesheet(fullDocument);
const codeActions = this.$service.doCodeActions2(fullDocument, range, context, cssDocument);
return Promise.resolve(codeActions);
}
constructor(mode){
super(mode);
css_service_define_property(this, "$service", void 0);
css_service_define_property(this, "$languageId", void 0);
css_service_define_property(this, "$defaultFormatOptions", {
newlineBetweenRules: true,
newlineBetweenSelectors: true,
preserveNewLines: true,
spaceAroundSelectorSeparator: false,
braceStyle: "collapse"
});
css_service_define_property(this, "serviceCapabilities", {
completionProvider: {
triggerCharacters: [
":",
"-",
"/"
],
resolveProvider: true
},
diagnosticProvider: {
interFileDependencies: true,
workspaceDiagnostics: true
},
documentRangeFormattingProvider: true,
documentFormattingProvider: true,
documentHighlightProvider: true,
hoverProvider: true,
codeActionProvider: true
});
this.$initLanguageService();
this.$service.configure();
}
}
})();
/******/ return __webpack_exports__;
/******/ })()
;
});