comparison .cms/lib/codemirror/mode/css/css.js @ 0:78edf6b517a0 draft

24.10
author Coffee CMS <info@coffee-cms.ru>
date Fri, 11 Oct 2024 22:40:23 +0000
parents
children
comparison
equal deleted inserted replaced
-1:000000000000 0:78edf6b517a0
1 // CodeMirror, copyright (c) by Marijn Haverbeke and others
2 // Distributed under an MIT license: https://codemirror.net/5/LICENSE
3
4 (function(mod) {
5 if (typeof exports == "object" && typeof module == "object") // CommonJS
6 mod(require("../../lib/codemirror"));
7 else if (typeof define == "function" && define.amd) // AMD
8 define(["../../lib/codemirror"], mod);
9 else // Plain browser env
10 mod(CodeMirror);
11 })(function(CodeMirror) {
12 "use strict";
13
14 CodeMirror.defineMode("css", function(config, parserConfig) {
15 var inline = parserConfig.inline
16 if (!parserConfig.propertyKeywords) parserConfig = CodeMirror.resolveMode("text/css");
17
18 var indentUnit = config.indentUnit,
19 tokenHooks = parserConfig.tokenHooks,
20 documentTypes = parserConfig.documentTypes || {},
21 mediaTypes = parserConfig.mediaTypes || {},
22 mediaFeatures = parserConfig.mediaFeatures || {},
23 mediaValueKeywords = parserConfig.mediaValueKeywords || {},
24 propertyKeywords = parserConfig.propertyKeywords || {},
25 nonStandardPropertyKeywords = parserConfig.nonStandardPropertyKeywords || {},
26 fontProperties = parserConfig.fontProperties || {},
27 counterDescriptors = parserConfig.counterDescriptors || {},
28 colorKeywords = parserConfig.colorKeywords || {},
29 valueKeywords = parserConfig.valueKeywords || {},
30 allowNested = parserConfig.allowNested,
31 lineComment = parserConfig.lineComment,
32 supportsAtComponent = parserConfig.supportsAtComponent === true,
33 highlightNonStandardPropertyKeywords = config.highlightNonStandardPropertyKeywords !== false;
34
35 var type, override;
36 function ret(style, tp) { type = tp; return style; }
37
38 // Tokenizers
39
40 function tokenBase(stream, state) {
41 var ch = stream.next();
42 if (tokenHooks[ch]) {
43 var result = tokenHooks[ch](stream, state);
44 if (result !== false) return result;
45 }
46 if (ch == "@") {
47 stream.eatWhile(/[\w\\\-]/);
48 return ret("def", stream.current());
49 } else if (ch == "=" || (ch == "~" || ch == "|") && stream.eat("=")) {
50 return ret(null, "compare");
51 } else if (ch == "\"" || ch == "'") {
52 state.tokenize = tokenString(ch);
53 return state.tokenize(stream, state);
54 } else if (ch == "#") {
55 stream.eatWhile(/[\w\\\-]/);
56 return ret("atom", "hash");
57 } else if (ch == "!") {
58 stream.match(/^\s*\w*/);
59 return ret("keyword", "important");
60 } else if (/\d/.test(ch) || ch == "." && stream.eat(/\d/)) {
61 stream.eatWhile(/[\w.%]/);
62 return ret("number", "unit");
63 } else if (ch === "-") {
64 if (/[\d.]/.test(stream.peek())) {
65 stream.eatWhile(/[\w.%]/);
66 return ret("number", "unit");
67 } else if (stream.match(/^-[\w\\\-]*/)) {
68 stream.eatWhile(/[\w\\\-]/);
69 if (stream.match(/^\s*:/, false))
70 return ret("variable-2", "variable-definition");
71 return ret("variable-2", "variable");
72 } else if (stream.match(/^\w+-/)) {
73 return ret("meta", "meta");
74 }
75 } else if (/[,+>*\/]/.test(ch)) {
76 return ret(null, "select-op");
77 } else if (ch == "." && stream.match(/^-?[_a-z][_a-z0-9-]*/i)) {
78 return ret("qualifier", "qualifier");
79 } else if (/[:;{}\[\]\(\)]/.test(ch)) {
80 return ret(null, ch);
81 } else if (stream.match(/^[\w-.]+(?=\()/)) {
82 if (/^(url(-prefix)?|domain|regexp)$/i.test(stream.current())) {
83 state.tokenize = tokenParenthesized;
84 }
85 return ret("variable callee", "variable");
86 } else if (/[\w\\\-]/.test(ch)) {
87 stream.eatWhile(/[\w\\\-]/);
88 return ret("property", "word");
89 } else {
90 return ret(null, null);
91 }
92 }
93
94 function tokenString(quote) {
95 return function(stream, state) {
96 var escaped = false, ch;
97 while ((ch = stream.next()) != null) {
98 if (ch == quote && !escaped) {
99 if (quote == ")") stream.backUp(1);
100 break;
101 }
102 escaped = !escaped && ch == "\\";
103 }
104 if (ch == quote || !escaped && quote != ")") state.tokenize = null;
105 return ret("string", "string");
106 };
107 }
108
109 function tokenParenthesized(stream, state) {
110 stream.next(); // Must be '('
111 if (!stream.match(/^\s*[\"\')]/, false))
112 state.tokenize = tokenString(")");
113 else
114 state.tokenize = null;
115 return ret(null, "(");
116 }
117
118 // Context management
119
120 function Context(type, indent, prev) {
121 this.type = type;
122 this.indent = indent;
123 this.prev = prev;
124 }
125
126 function pushContext(state, stream, type, indent) {
127 state.context = new Context(type, stream.indentation() + (indent === false ? 0 : indentUnit), state.context);
128 return type;
129 }
130
131 function popContext(state) {
132 if (state.context.prev)
133 state.context = state.context.prev;
134 return state.context.type;
135 }
136
137 function pass(type, stream, state) {
138 return states[state.context.type](type, stream, state);
139 }
140 function popAndPass(type, stream, state, n) {
141 for (var i = n || 1; i > 0; i--)
142 state.context = state.context.prev;
143 return pass(type, stream, state);
144 }
145
146 // Parser
147
148 function wordAsValue(stream) {
149 var word = stream.current().toLowerCase();
150 if (valueKeywords.hasOwnProperty(word))
151 override = "atom";
152 else if (colorKeywords.hasOwnProperty(word))
153 override = "keyword";
154 else
155 override = "variable";
156 }
157
158 var states = {};
159
160 states.top = function(type, stream, state) {
161 if (type == "{") {
162 return pushContext(state, stream, "block");
163 } else if (type == "}" && state.context.prev) {
164 return popContext(state);
165 } else if (supportsAtComponent && /@component/i.test(type)) {
166 return pushContext(state, stream, "atComponentBlock");
167 } else if (/^@(-moz-)?document$/i.test(type)) {
168 return pushContext(state, stream, "documentTypes");
169 } else if (/^@(media|supports|(-moz-)?document|import)$/i.test(type)) {
170 return pushContext(state, stream, "atBlock");
171 } else if (/^@(font-face|counter-style)/i.test(type)) {
172 state.stateArg = type;
173 return "restricted_atBlock_before";
174 } else if (/^@(-(moz|ms|o|webkit)-)?keyframes$/i.test(type)) {
175 return "keyframes";
176 } else if (type && type.charAt(0) == "@") {
177 return pushContext(state, stream, "at");
178 } else if (type == "hash") {
179 override = "builtin";
180 } else if (type == "word") {
181 override = "tag";
182 } else if (type == "variable-definition") {
183 return "maybeprop";
184 } else if (type == "interpolation") {
185 return pushContext(state, stream, "interpolation");
186 } else if (type == ":") {
187 return "pseudo";
188 } else if (allowNested && type == "(") {
189 return pushContext(state, stream, "parens");
190 }
191 return state.context.type;
192 };
193
194 states.block = function(type, stream, state) {
195 if (type == "word") {
196 var word = stream.current().toLowerCase();
197 if (propertyKeywords.hasOwnProperty(word)) {
198 override = "property";
199 return "maybeprop";
200 } else if (nonStandardPropertyKeywords.hasOwnProperty(word)) {
201 override = highlightNonStandardPropertyKeywords ? "string-2" : "property";
202 return "maybeprop";
203 } else if (allowNested) {
204 override = stream.match(/^\s*:(?:\s|$)/, false) ? "property" : "tag";
205 return "block";
206 } else {
207 override += " error";
208 return "maybeprop";
209 }
210 } else if (type == "meta") {
211 return "block";
212 } else if (!allowNested && (type == "hash" || type == "qualifier")) {
213 override = "error";
214 return "block";
215 } else {
216 return states.top(type, stream, state);
217 }
218 };
219
220 states.maybeprop = function(type, stream, state) {
221 if (type == ":") return pushContext(state, stream, "prop");
222 return pass(type, stream, state);
223 };
224
225 states.prop = function(type, stream, state) {
226 if (type == ";") return popContext(state);
227 if (type == "{" && allowNested) return pushContext(state, stream, "propBlock");
228 if (type == "}" || type == "{") return popAndPass(type, stream, state);
229 if (type == "(") return pushContext(state, stream, "parens");
230
231 if (type == "hash" && !/^#([0-9a-fA-F]{3,4}|[0-9a-fA-F]{6}|[0-9a-fA-F]{8})$/.test(stream.current())) {
232 override += " error";
233 } else if (type == "word") {
234 wordAsValue(stream);
235 } else if (type == "interpolation") {
236 return pushContext(state, stream, "interpolation");
237 }
238 return "prop";
239 };
240
241 states.propBlock = function(type, _stream, state) {
242 if (type == "}") return popContext(state);
243 if (type == "word") { override = "property"; return "maybeprop"; }
244 return state.context.type;
245 };
246
247 states.parens = function(type, stream, state) {
248 if (type == "{" || type == "}") return popAndPass(type, stream, state);
249 if (type == ")") return popContext(state);
250 if (type == "(") return pushContext(state, stream, "parens");
251 if (type == "interpolation") return pushContext(state, stream, "interpolation");
252 if (type == "word") wordAsValue(stream);
253 return "parens";
254 };
255
256 states.pseudo = function(type, stream, state) {
257 if (type == "meta") return "pseudo";
258
259 if (type == "word") {
260 override = "variable-3";
261 return state.context.type;
262 }
263 return pass(type, stream, state);
264 };
265
266 states.documentTypes = function(type, stream, state) {
267 if (type == "word" && documentTypes.hasOwnProperty(stream.current())) {
268 override = "tag";
269 return state.context.type;
270 } else {
271 return states.atBlock(type, stream, state);
272 }
273 };
274
275 states.atBlock = function(type, stream, state) {
276 if (type == "(") return pushContext(state, stream, "atBlock_parens");
277 if (type == "}" || type == ";") return popAndPass(type, stream, state);
278 if (type == "{") return popContext(state) && pushContext(state, stream, allowNested ? "block" : "top");
279
280 if (type == "interpolation") return pushContext(state, stream, "interpolation");
281
282 if (type == "word") {
283 var word = stream.current().toLowerCase();
284 if (word == "only" || word == "not" || word == "and" || word == "or")
285 override = "keyword";
286 else if (mediaTypes.hasOwnProperty(word))
287 override = "attribute";
288 else if (mediaFeatures.hasOwnProperty(word))
289 override = "property";
290 else if (mediaValueKeywords.hasOwnProperty(word))
291 override = "keyword";
292 else if (propertyKeywords.hasOwnProperty(word))
293 override = "property";
294 else if (nonStandardPropertyKeywords.hasOwnProperty(word))
295 override = highlightNonStandardPropertyKeywords ? "string-2" : "property";
296 else if (valueKeywords.hasOwnProperty(word))
297 override = "atom";
298 else if (colorKeywords.hasOwnProperty(word))
299 override = "keyword";
300 else
301 override = "error";
302 }
303 return state.context.type;
304 };
305
306 states.atComponentBlock = function(type, stream, state) {
307 if (type == "}")
308 return popAndPass(type, stream, state);
309 if (type == "{")
310 return popContext(state) && pushContext(state, stream, allowNested ? "block" : "top", false);
311 if (type == "word")
312 override = "error";
313 return state.context.type;
314 };
315
316 states.atBlock_parens = function(type, stream, state) {
317 if (type == ")") return popContext(state);
318 if (type == "{" || type == "}") return popAndPass(type, stream, state, 2);
319 return states.atBlock(type, stream, state);
320 };
321
322 states.restricted_atBlock_before = function(type, stream, state) {
323 if (type == "{")
324 return pushContext(state, stream, "restricted_atBlock");
325 if (type == "word" && state.stateArg == "@counter-style") {
326 override = "variable";
327 return "restricted_atBlock_before";
328 }
329 return pass(type, stream, state);
330 };
331
332 states.restricted_atBlock = function(type, stream, state) {
333 if (type == "}") {
334 state.stateArg = null;
335 return popContext(state);
336 }
337 if (type == "word") {
338 if ((state.stateArg == "@font-face" && !fontProperties.hasOwnProperty(stream.current().toLowerCase())) ||
339 (state.stateArg == "@counter-style" && !counterDescriptors.hasOwnProperty(stream.current().toLowerCase())))
340 override = "error";
341 else
342 override = "property";
343 return "maybeprop";
344 }
345 return "restricted_atBlock";
346 };
347
348 states.keyframes = function(type, stream, state) {
349 if (type == "word") { override = "variable"; return "keyframes"; }
350 if (type == "{") return pushContext(state, stream, "top");
351 return pass(type, stream, state);
352 };
353
354 states.at = function(type, stream, state) {
355 if (type == ";") return popContext(state);
356 if (type == "{" || type == "}") return popAndPass(type, stream, state);
357 if (type == "word") override = "tag";
358 else if (type == "hash") override = "builtin";
359 return "at";
360 };
361
362 states.interpolation = function(type, stream, state) {
363 if (type == "}") return popContext(state);
364 if (type == "{" || type == ";") return popAndPass(type, stream, state);
365 if (type == "word") override = "variable";
366 else if (type != "variable" && type != "(" && type != ")") override = "error";
367 return "interpolation";
368 };
369
370 return {
371 startState: function(base) {
372 return {tokenize: null,
373 state: inline ? "block" : "top",
374 stateArg: null,
375 context: new Context(inline ? "block" : "top", base || 0, null)};
376 },
377
378 token: function(stream, state) {
379 if (!state.tokenize && stream.eatSpace()) return null;
380 var style = (state.tokenize || tokenBase)(stream, state);
381 if (style && typeof style == "object") {
382 type = style[1];
383 style = style[0];
384 }
385 override = style;
386 if (type != "comment")
387 state.state = states[state.state](type, stream, state);
388 return override;
389 },
390
391 indent: function(state, textAfter) {
392 var cx = state.context, ch = textAfter && textAfter.charAt(0);
393 var indent = cx.indent;
394 if (cx.type == "prop" && (ch == "}" || ch == ")")) cx = cx.prev;
395 if (cx.prev) {
396 if (ch == "}" && (cx.type == "block" || cx.type == "top" ||
397 cx.type == "interpolation" || cx.type == "restricted_atBlock")) {
398 // Resume indentation from parent context.
399 cx = cx.prev;
400 indent = cx.indent;
401 } else if (ch == ")" && (cx.type == "parens" || cx.type == "atBlock_parens") ||
402 ch == "{" && (cx.type == "at" || cx.type == "atBlock")) {
403 // Dedent relative to current context.
404 indent = Math.max(0, cx.indent - indentUnit);
405 }
406 }
407 return indent;
408 },
409
410 electricChars: "}",
411 blockCommentStart: "/*",
412 blockCommentEnd: "*/",
413 blockCommentContinue: " * ",
414 lineComment: lineComment,
415 fold: "brace"
416 };
417 });
418
419 function keySet(array) {
420 var keys = {};
421 for (var i = 0; i < array.length; ++i) {
422 keys[array[i].toLowerCase()] = true;
423 }
424 return keys;
425 }
426
427 var documentTypes_ = [
428 "domain", "regexp", "url", "url-prefix"
429 ], documentTypes = keySet(documentTypes_);
430
431 var mediaTypes_ = [
432 "all", "aural", "braille", "handheld", "print", "projection", "screen",
433 "tty", "tv", "embossed"
434 ], mediaTypes = keySet(mediaTypes_);
435
436 var mediaFeatures_ = [
437 "width", "min-width", "max-width", "height", "min-height", "max-height",
438 "device-width", "min-device-width", "max-device-width", "device-height",
439 "min-device-height", "max-device-height", "aspect-ratio",
440 "min-aspect-ratio", "max-aspect-ratio", "device-aspect-ratio",
441 "min-device-aspect-ratio", "max-device-aspect-ratio", "color", "min-color",
442 "max-color", "color-index", "min-color-index", "max-color-index",
443 "monochrome", "min-monochrome", "max-monochrome", "resolution",
444 "min-resolution", "max-resolution", "scan", "grid", "orientation",
445 "device-pixel-ratio", "min-device-pixel-ratio", "max-device-pixel-ratio",
446 "pointer", "any-pointer", "hover", "any-hover", "prefers-color-scheme",
447 "dynamic-range", "video-dynamic-range"
448 ], mediaFeatures = keySet(mediaFeatures_);
449
450 var mediaValueKeywords_ = [
451 "landscape", "portrait", "none", "coarse", "fine", "on-demand", "hover",
452 "interlace", "progressive",
453 "dark", "light",
454 "standard", "high"
455 ], mediaValueKeywords = keySet(mediaValueKeywords_);
456
457 var propertyKeywords_ = [
458 "align-content", "align-items", "align-self", "alignment-adjust",
459 "alignment-baseline", "all", "anchor-point", "animation", "animation-delay",
460 "animation-direction", "animation-duration", "animation-fill-mode",
461 "animation-iteration-count", "animation-name", "animation-play-state",
462 "animation-timing-function", "appearance", "azimuth", "backdrop-filter",
463 "backface-visibility", "background", "background-attachment",
464 "background-blend-mode", "background-clip", "background-color",
465 "background-image", "background-origin", "background-position",
466 "background-position-x", "background-position-y", "background-repeat",
467 "background-size", "baseline-shift", "binding", "bleed", "block-size",
468 "bookmark-label", "bookmark-level", "bookmark-state", "bookmark-target",
469 "border", "border-bottom", "border-bottom-color", "border-bottom-left-radius",
470 "border-bottom-right-radius", "border-bottom-style", "border-bottom-width",
471 "border-collapse", "border-color", "border-image", "border-image-outset",
472 "border-image-repeat", "border-image-slice", "border-image-source",
473 "border-image-width", "border-left", "border-left-color", "border-left-style",
474 "border-left-width", "border-radius", "border-right", "border-right-color",
475 "border-right-style", "border-right-width", "border-spacing", "border-style",
476 "border-top", "border-top-color", "border-top-left-radius",
477 "border-top-right-radius", "border-top-style", "border-top-width",
478 "border-width", "bottom", "box-decoration-break", "box-shadow", "box-sizing",
479 "break-after", "break-before", "break-inside", "caption-side", "caret-color",
480 "clear", "clip", "color", "color-profile", "column-count", "column-fill",
481 "column-gap", "column-rule", "column-rule-color", "column-rule-style",
482 "column-rule-width", "column-span", "column-width", "columns", "contain",
483 "content", "counter-increment", "counter-reset", "crop", "cue", "cue-after",
484 "cue-before", "cursor", "direction", "display", "dominant-baseline",
485 "drop-initial-after-adjust", "drop-initial-after-align",
486 "drop-initial-before-adjust", "drop-initial-before-align", "drop-initial-size",
487 "drop-initial-value", "elevation", "empty-cells", "fit", "fit-content", "fit-position",
488 "flex", "flex-basis", "flex-direction", "flex-flow", "flex-grow",
489 "flex-shrink", "flex-wrap", "float", "float-offset", "flow-from", "flow-into",
490 "font", "font-family", "font-feature-settings", "font-kerning",
491 "font-language-override", "font-optical-sizing", "font-size",
492 "font-size-adjust", "font-stretch", "font-style", "font-synthesis",
493 "font-variant", "font-variant-alternates", "font-variant-caps",
494 "font-variant-east-asian", "font-variant-ligatures", "font-variant-numeric",
495 "font-variant-position", "font-variation-settings", "font-weight", "gap",
496 "grid", "grid-area", "grid-auto-columns", "grid-auto-flow", "grid-auto-rows",
497 "grid-column", "grid-column-end", "grid-column-gap", "grid-column-start",
498 "grid-gap", "grid-row", "grid-row-end", "grid-row-gap", "grid-row-start",
499 "grid-template", "grid-template-areas", "grid-template-columns",
500 "grid-template-rows", "hanging-punctuation", "height", "hyphens", "icon",
501 "image-orientation", "image-rendering", "image-resolution", "inline-box-align",
502 "inset", "inset-block", "inset-block-end", "inset-block-start", "inset-inline",
503 "inset-inline-end", "inset-inline-start", "isolation", "justify-content",
504 "justify-items", "justify-self", "left", "letter-spacing", "line-break",
505 "line-height", "line-height-step", "line-stacking", "line-stacking-ruby",
506 "line-stacking-shift", "line-stacking-strategy", "list-style",
507 "list-style-image", "list-style-position", "list-style-type", "margin",
508 "margin-bottom", "margin-left", "margin-right", "margin-top", "marks",
509 "marquee-direction", "marquee-loop", "marquee-play-count", "marquee-speed",
510 "marquee-style", "mask-clip", "mask-composite", "mask-image", "mask-mode",
511 "mask-origin", "mask-position", "mask-repeat", "mask-size","mask-type",
512 "max-block-size", "max-height", "max-inline-size",
513 "max-width", "min-block-size", "min-height", "min-inline-size", "min-width",
514 "mix-blend-mode", "move-to", "nav-down", "nav-index", "nav-left", "nav-right",
515 "nav-up", "object-fit", "object-position", "offset", "offset-anchor",
516 "offset-distance", "offset-path", "offset-position", "offset-rotate",
517 "opacity", "order", "orphans", "outline", "outline-color", "outline-offset",
518 "outline-style", "outline-width", "overflow", "overflow-style",
519 "overflow-wrap", "overflow-x", "overflow-y", "padding", "padding-bottom",
520 "padding-left", "padding-right", "padding-top", "page", "page-break-after",
521 "page-break-before", "page-break-inside", "page-policy", "pause",
522 "pause-after", "pause-before", "perspective", "perspective-origin", "pitch",
523 "pitch-range", "place-content", "place-items", "place-self", "play-during",
524 "position", "presentation-level", "punctuation-trim", "quotes",
525 "region-break-after", "region-break-before", "region-break-inside",
526 "region-fragment", "rendering-intent", "resize", "rest", "rest-after",
527 "rest-before", "richness", "right", "rotate", "rotation", "rotation-point",
528 "row-gap", "ruby-align", "ruby-overhang", "ruby-position", "ruby-span",
529 "scale", "scroll-behavior", "scroll-margin", "scroll-margin-block",
530 "scroll-margin-block-end", "scroll-margin-block-start", "scroll-margin-bottom",
531 "scroll-margin-inline", "scroll-margin-inline-end",
532 "scroll-margin-inline-start", "scroll-margin-left", "scroll-margin-right",
533 "scroll-margin-top", "scroll-padding", "scroll-padding-block",
534 "scroll-padding-block-end", "scroll-padding-block-start",
535 "scroll-padding-bottom", "scroll-padding-inline", "scroll-padding-inline-end",
536 "scroll-padding-inline-start", "scroll-padding-left", "scroll-padding-right",
537 "scroll-padding-top", "scroll-snap-align", "scroll-snap-type",
538 "shape-image-threshold", "shape-inside", "shape-margin", "shape-outside",
539 "size", "speak", "speak-as", "speak-header", "speak-numeral",
540 "speak-punctuation", "speech-rate", "stress", "string-set", "tab-size",
541 "table-layout", "target", "target-name", "target-new", "target-position",
542 "text-align", "text-align-last", "text-combine-upright", "text-decoration",
543 "text-decoration-color", "text-decoration-line", "text-decoration-skip",
544 "text-decoration-skip-ink", "text-decoration-style", "text-emphasis",
545 "text-emphasis-color", "text-emphasis-position", "text-emphasis-style",
546 "text-height", "text-indent", "text-justify", "text-orientation",
547 "text-outline", "text-overflow", "text-rendering", "text-shadow",
548 "text-size-adjust", "text-space-collapse", "text-transform",
549 "text-underline-position", "text-wrap", "top", "touch-action", "transform", "transform-origin",
550 "transform-style", "transition", "transition-delay", "transition-duration",
551 "transition-property", "transition-timing-function", "translate",
552 "unicode-bidi", "user-select", "vertical-align", "visibility", "voice-balance",
553 "voice-duration", "voice-family", "voice-pitch", "voice-range", "voice-rate",
554 "voice-stress", "voice-volume", "volume", "white-space", "widows", "width",
555 "will-change", "word-break", "word-spacing", "word-wrap", "writing-mode", "z-index",
556 // SVG-specific
557 "clip-path", "clip-rule", "mask", "enable-background", "filter", "flood-color",
558 "flood-opacity", "lighting-color", "stop-color", "stop-opacity", "pointer-events",
559 "color-interpolation", "color-interpolation-filters",
560 "color-rendering", "fill", "fill-opacity", "fill-rule", "image-rendering",
561 "marker", "marker-end", "marker-mid", "marker-start", "paint-order", "shape-rendering", "stroke",
562 "stroke-dasharray", "stroke-dashoffset", "stroke-linecap", "stroke-linejoin",
563 "stroke-miterlimit", "stroke-opacity", "stroke-width", "text-rendering",
564 "baseline-shift", "dominant-baseline", "glyph-orientation-horizontal",
565 "glyph-orientation-vertical", "text-anchor", "writing-mode",
566 ], propertyKeywords = keySet(propertyKeywords_);
567
568 var nonStandardPropertyKeywords_ = [
569 "accent-color", "aspect-ratio", "border-block", "border-block-color", "border-block-end",
570 "border-block-end-color", "border-block-end-style", "border-block-end-width",
571 "border-block-start", "border-block-start-color", "border-block-start-style",
572 "border-block-start-width", "border-block-style", "border-block-width",
573 "border-inline", "border-inline-color", "border-inline-end",
574 "border-inline-end-color", "border-inline-end-style",
575 "border-inline-end-width", "border-inline-start", "border-inline-start-color",
576 "border-inline-start-style", "border-inline-start-width",
577 "border-inline-style", "border-inline-width", "content-visibility", "margin-block",
578 "margin-block-end", "margin-block-start", "margin-inline", "margin-inline-end",
579 "margin-inline-start", "overflow-anchor", "overscroll-behavior", "padding-block", "padding-block-end",
580 "padding-block-start", "padding-inline", "padding-inline-end",
581 "padding-inline-start", "scroll-snap-stop", "scrollbar-3d-light-color",
582 "scrollbar-arrow-color", "scrollbar-base-color", "scrollbar-dark-shadow-color",
583 "scrollbar-face-color", "scrollbar-highlight-color", "scrollbar-shadow-color",
584 "scrollbar-track-color", "searchfield-cancel-button", "searchfield-decoration",
585 "searchfield-results-button", "searchfield-results-decoration", "shape-inside", "zoom"
586 ], nonStandardPropertyKeywords = keySet(nonStandardPropertyKeywords_);
587
588 var fontProperties_ = [
589 "font-display", "font-family", "src", "unicode-range", "font-variant",
590 "font-feature-settings", "font-stretch", "font-weight", "font-style"
591 ], fontProperties = keySet(fontProperties_);
592
593 var counterDescriptors_ = [
594 "additive-symbols", "fallback", "negative", "pad", "prefix", "range",
595 "speak-as", "suffix", "symbols", "system"
596 ], counterDescriptors = keySet(counterDescriptors_);
597
598 var colorKeywords_ = [
599 "aliceblue", "antiquewhite", "aqua", "aquamarine", "azure", "beige",
600 "bisque", "black", "blanchedalmond", "blue", "blueviolet", "brown",
601 "burlywood", "cadetblue", "chartreuse", "chocolate", "coral", "cornflowerblue",
602 "cornsilk", "crimson", "cyan", "darkblue", "darkcyan", "darkgoldenrod",
603 "darkgray", "darkgreen", "darkgrey", "darkkhaki", "darkmagenta", "darkolivegreen",
604 "darkorange", "darkorchid", "darkred", "darksalmon", "darkseagreen",
605 "darkslateblue", "darkslategray", "darkslategrey", "darkturquoise", "darkviolet",
606 "deeppink", "deepskyblue", "dimgray", "dimgrey", "dodgerblue", "firebrick",
607 "floralwhite", "forestgreen", "fuchsia", "gainsboro", "ghostwhite",
608 "gold", "goldenrod", "gray", "grey", "green", "greenyellow", "honeydew",
609 "hotpink", "indianred", "indigo", "ivory", "khaki", "lavender",
610 "lavenderblush", "lawngreen", "lemonchiffon", "lightblue", "lightcoral",
611 "lightcyan", "lightgoldenrodyellow", "lightgray", "lightgreen", "lightgrey", "lightpink",
612 "lightsalmon", "lightseagreen", "lightskyblue", "lightslategray", "lightslategrey",
613 "lightsteelblue", "lightyellow", "lime", "limegreen", "linen", "magenta",
614 "maroon", "mediumaquamarine", "mediumblue", "mediumorchid", "mediumpurple",
615 "mediumseagreen", "mediumslateblue", "mediumspringgreen", "mediumturquoise",
616 "mediumvioletred", "midnightblue", "mintcream", "mistyrose", "moccasin",
617 "navajowhite", "navy", "oldlace", "olive", "olivedrab", "orange", "orangered",
618 "orchid", "palegoldenrod", "palegreen", "paleturquoise", "palevioletred",
619 "papayawhip", "peachpuff", "peru", "pink", "plum", "powderblue",
620 "purple", "rebeccapurple", "red", "rosybrown", "royalblue", "saddlebrown",
621 "salmon", "sandybrown", "seagreen", "seashell", "sienna", "silver", "skyblue",
622 "slateblue", "slategray", "slategrey", "snow", "springgreen", "steelblue", "tan",
623 "teal", "thistle", "tomato", "turquoise", "violet", "wheat", "white",
624 "whitesmoke", "yellow", "yellowgreen"
625 ], colorKeywords = keySet(colorKeywords_);
626
627 var valueKeywords_ = [
628 "above", "absolute", "activeborder", "additive", "activecaption", "afar",
629 "after-white-space", "ahead", "alias", "all", "all-scroll", "alphabetic", "alternate",
630 "always", "amharic", "amharic-abegede", "antialiased", "appworkspace",
631 "arabic-indic", "armenian", "asterisks", "attr", "auto", "auto-flow", "avoid", "avoid-column", "avoid-page",
632 "avoid-region", "axis-pan", "background", "backwards", "baseline", "below", "bidi-override", "binary",
633 "bengali", "blink", "block", "block-axis", "blur", "bold", "bolder", "border", "border-box",
634 "both", "bottom", "break", "break-all", "break-word", "brightness", "bullets", "button",
635 "buttonface", "buttonhighlight", "buttonshadow", "buttontext", "calc", "cambodian",
636 "capitalize", "caps-lock-indicator", "caption", "captiontext", "caret",
637 "cell", "center", "checkbox", "circle", "cjk-decimal", "cjk-earthly-branch",
638 "cjk-heavenly-stem", "cjk-ideographic", "clear", "clip", "close-quote",
639 "col-resize", "collapse", "color", "color-burn", "color-dodge", "column", "column-reverse",
640 "compact", "condensed", "conic-gradient", "contain", "content", "contents",
641 "content-box", "context-menu", "continuous", "contrast", "copy", "counter", "counters", "cover", "crop",
642 "cross", "crosshair", "cubic-bezier", "currentcolor", "cursive", "cyclic", "darken", "dashed", "decimal",
643 "decimal-leading-zero", "default", "default-button", "dense", "destination-atop",
644 "destination-in", "destination-out", "destination-over", "devanagari", "difference",
645 "disc", "discard", "disclosure-closed", "disclosure-open", "document",
646 "dot-dash", "dot-dot-dash",
647 "dotted", "double", "down", "drop-shadow", "e-resize", "ease", "ease-in", "ease-in-out", "ease-out",
648 "element", "ellipse", "ellipsis", "embed", "end", "ethiopic", "ethiopic-abegede",
649 "ethiopic-abegede-am-et", "ethiopic-abegede-gez", "ethiopic-abegede-ti-er",
650 "ethiopic-abegede-ti-et", "ethiopic-halehame-aa-er",
651 "ethiopic-halehame-aa-et", "ethiopic-halehame-am-et",
652 "ethiopic-halehame-gez", "ethiopic-halehame-om-et",
653 "ethiopic-halehame-sid-et", "ethiopic-halehame-so-et",
654 "ethiopic-halehame-ti-er", "ethiopic-halehame-ti-et", "ethiopic-halehame-tig",
655 "ethiopic-numeric", "ew-resize", "exclusion", "expanded", "extends", "extra-condensed",
656 "extra-expanded", "fantasy", "fast", "fill", "fill-box", "fixed", "flat", "flex", "flex-end", "flex-start", "footnotes",
657 "forwards", "from", "geometricPrecision", "georgian", "grayscale", "graytext", "grid", "groove",
658 "gujarati", "gurmukhi", "hand", "hangul", "hangul-consonant", "hard-light", "hebrew",
659 "help", "hidden", "hide", "higher", "highlight", "highlighttext",
660 "hiragana", "hiragana-iroha", "horizontal", "hsl", "hsla", "hue", "hue-rotate", "icon", "ignore",
661 "inactiveborder", "inactivecaption", "inactivecaptiontext", "infinite",
662 "infobackground", "infotext", "inherit", "initial", "inline", "inline-axis",
663 "inline-block", "inline-flex", "inline-grid", "inline-table", "inset", "inside", "intrinsic", "invert",
664 "italic", "japanese-formal", "japanese-informal", "justify", "kannada",
665 "katakana", "katakana-iroha", "keep-all", "khmer",
666 "korean-hangul-formal", "korean-hanja-formal", "korean-hanja-informal",
667 "landscape", "lao", "large", "larger", "left", "level", "lighter", "lighten",
668 "line-through", "linear", "linear-gradient", "lines", "list-item", "listbox", "listitem",
669 "local", "logical", "loud", "lower", "lower-alpha", "lower-armenian",
670 "lower-greek", "lower-hexadecimal", "lower-latin", "lower-norwegian",
671 "lower-roman", "lowercase", "ltr", "luminosity", "malayalam", "manipulation", "match", "matrix", "matrix3d",
672 "media-play-button", "media-slider", "media-sliderthumb",
673 "media-volume-slider", "media-volume-sliderthumb", "medium",
674 "menu", "menulist", "menulist-button",
675 "menutext", "message-box", "middle", "min-intrinsic",
676 "mix", "mongolian", "monospace", "move", "multiple", "multiple_mask_images", "multiply", "myanmar", "n-resize",
677 "narrower", "ne-resize", "nesw-resize", "no-close-quote", "no-drop",
678 "no-open-quote", "no-repeat", "none", "normal", "not-allowed", "nowrap",
679 "ns-resize", "numbers", "numeric", "nw-resize", "nwse-resize", "oblique", "octal", "opacity", "open-quote",
680 "optimizeLegibility", "optimizeSpeed", "oriya", "oromo", "outset",
681 "outside", "outside-shape", "overlay", "overline", "padding", "padding-box",
682 "painted", "page", "paused", "persian", "perspective", "pinch-zoom", "plus-darker", "plus-lighter",
683 "pointer", "polygon", "portrait", "pre", "pre-line", "pre-wrap", "preserve-3d",
684 "progress", "push-button", "radial-gradient", "radio", "read-only",
685 "read-write", "read-write-plaintext-only", "rectangle", "region",
686 "relative", "repeat", "repeating-linear-gradient", "repeating-radial-gradient",
687 "repeating-conic-gradient", "repeat-x", "repeat-y", "reset", "reverse",
688 "rgb", "rgba", "ridge", "right", "rotate", "rotate3d", "rotateX", "rotateY",
689 "rotateZ", "round", "row", "row-resize", "row-reverse", "rtl", "run-in", "running",
690 "s-resize", "sans-serif", "saturate", "saturation", "scale", "scale3d", "scaleX", "scaleY", "scaleZ", "screen",
691 "scroll", "scrollbar", "scroll-position", "se-resize", "searchfield",
692 "searchfield-cancel-button", "searchfield-decoration",
693 "searchfield-results-button", "searchfield-results-decoration", "self-start", "self-end",
694 "semi-condensed", "semi-expanded", "separate", "sepia", "serif", "show", "sidama",
695 "simp-chinese-formal", "simp-chinese-informal", "single",
696 "skew", "skewX", "skewY", "skip-white-space", "slide", "slider-horizontal",
697 "slider-vertical", "sliderthumb-horizontal", "sliderthumb-vertical", "slow",
698 "small", "small-caps", "small-caption", "smaller", "soft-light", "solid", "somali",
699 "source-atop", "source-in", "source-out", "source-over", "space", "space-around", "space-between", "space-evenly", "spell-out", "square",
700 "square-button", "start", "static", "status-bar", "stretch", "stroke", "stroke-box", "sub",
701 "subpixel-antialiased", "svg_masks", "super", "sw-resize", "symbolic", "symbols", "system-ui", "table",
702 "table-caption", "table-cell", "table-column", "table-column-group",
703 "table-footer-group", "table-header-group", "table-row", "table-row-group",
704 "tamil",
705 "telugu", "text", "text-bottom", "text-top", "textarea", "textfield", "thai",
706 "thick", "thin", "threeddarkshadow", "threedface", "threedhighlight",
707 "threedlightshadow", "threedshadow", "tibetan", "tigre", "tigrinya-er",
708 "tigrinya-er-abegede", "tigrinya-et", "tigrinya-et-abegede", "to", "top",
709 "trad-chinese-formal", "trad-chinese-informal", "transform",
710 "translate", "translate3d", "translateX", "translateY", "translateZ",
711 "transparent", "ultra-condensed", "ultra-expanded", "underline", "unidirectional-pan", "unset", "up",
712 "upper-alpha", "upper-armenian", "upper-greek", "upper-hexadecimal",
713 "upper-latin", "upper-norwegian", "upper-roman", "uppercase", "urdu", "url",
714 "var", "vertical", "vertical-text", "view-box", "visible", "visibleFill", "visiblePainted",
715 "visibleStroke", "visual", "w-resize", "wait", "wave", "wider",
716 "window", "windowframe", "windowtext", "words", "wrap", "wrap-reverse", "x-large", "x-small", "xor",
717 "xx-large", "xx-small"
718 ], valueKeywords = keySet(valueKeywords_);
719
720 var allWords = documentTypes_.concat(mediaTypes_).concat(mediaFeatures_).concat(mediaValueKeywords_)
721 .concat(propertyKeywords_).concat(nonStandardPropertyKeywords_).concat(colorKeywords_)
722 .concat(valueKeywords_);
723 CodeMirror.registerHelper("hintWords", "css", allWords);
724
725 function tokenCComment(stream, state) {
726 var maybeEnd = false, ch;
727 while ((ch = stream.next()) != null) {
728 if (maybeEnd && ch == "/") {
729 state.tokenize = null;
730 break;
731 }
732 maybeEnd = (ch == "*");
733 }
734 return ["comment", "comment"];
735 }
736
737 CodeMirror.defineMIME("text/css", {
738 documentTypes: documentTypes,
739 mediaTypes: mediaTypes,
740 mediaFeatures: mediaFeatures,
741 mediaValueKeywords: mediaValueKeywords,
742 propertyKeywords: propertyKeywords,
743 nonStandardPropertyKeywords: nonStandardPropertyKeywords,
744 fontProperties: fontProperties,
745 counterDescriptors: counterDescriptors,
746 colorKeywords: colorKeywords,
747 valueKeywords: valueKeywords,
748 tokenHooks: {
749 "/": function(stream, state) {
750 if (!stream.eat("*")) return false;
751 state.tokenize = tokenCComment;
752 return tokenCComment(stream, state);
753 }
754 },
755 name: "css"
756 });
757
758 CodeMirror.defineMIME("text/x-scss", {
759 mediaTypes: mediaTypes,
760 mediaFeatures: mediaFeatures,
761 mediaValueKeywords: mediaValueKeywords,
762 propertyKeywords: propertyKeywords,
763 nonStandardPropertyKeywords: nonStandardPropertyKeywords,
764 colorKeywords: colorKeywords,
765 valueKeywords: valueKeywords,
766 fontProperties: fontProperties,
767 allowNested: true,
768 lineComment: "//",
769 tokenHooks: {
770 "/": function(stream, state) {
771 if (stream.eat("/")) {
772 stream.skipToEnd();
773 return ["comment", "comment"];
774 } else if (stream.eat("*")) {
775 state.tokenize = tokenCComment;
776 return tokenCComment(stream, state);
777 } else {
778 return ["operator", "operator"];
779 }
780 },
781 ":": function(stream) {
782 if (stream.match(/^\s*\{/, false))
783 return [null, null]
784 return false;
785 },
786 "$": function(stream) {
787 stream.match(/^[\w-]+/);
788 if (stream.match(/^\s*:/, false))
789 return ["variable-2", "variable-definition"];
790 return ["variable-2", "variable"];
791 },
792 "#": function(stream) {
793 if (!stream.eat("{")) return false;
794 return [null, "interpolation"];
795 }
796 },
797 name: "css",
798 helperType: "scss"
799 });
800
801 CodeMirror.defineMIME("text/x-less", {
802 mediaTypes: mediaTypes,
803 mediaFeatures: mediaFeatures,
804 mediaValueKeywords: mediaValueKeywords,
805 propertyKeywords: propertyKeywords,
806 nonStandardPropertyKeywords: nonStandardPropertyKeywords,
807 colorKeywords: colorKeywords,
808 valueKeywords: valueKeywords,
809 fontProperties: fontProperties,
810 allowNested: true,
811 lineComment: "//",
812 tokenHooks: {
813 "/": function(stream, state) {
814 if (stream.eat("/")) {
815 stream.skipToEnd();
816 return ["comment", "comment"];
817 } else if (stream.eat("*")) {
818 state.tokenize = tokenCComment;
819 return tokenCComment(stream, state);
820 } else {
821 return ["operator", "operator"];
822 }
823 },
824 "@": function(stream) {
825 if (stream.eat("{")) return [null, "interpolation"];
826 if (stream.match(/^(charset|document|font-face|import|(-(moz|ms|o|webkit)-)?keyframes|media|namespace|page|supports)\b/i, false)) return false;
827 stream.eatWhile(/[\w\\\-]/);
828 if (stream.match(/^\s*:/, false))
829 return ["variable-2", "variable-definition"];
830 return ["variable-2", "variable"];
831 },
832 "&": function() {
833 return ["atom", "atom"];
834 }
835 },
836 name: "css",
837 helperType: "less"
838 });
839
840 CodeMirror.defineMIME("text/x-gss", {
841 documentTypes: documentTypes,
842 mediaTypes: mediaTypes,
843 mediaFeatures: mediaFeatures,
844 propertyKeywords: propertyKeywords,
845 nonStandardPropertyKeywords: nonStandardPropertyKeywords,
846 fontProperties: fontProperties,
847 counterDescriptors: counterDescriptors,
848 colorKeywords: colorKeywords,
849 valueKeywords: valueKeywords,
850 supportsAtComponent: true,
851 tokenHooks: {
852 "/": function(stream, state) {
853 if (!stream.eat("*")) return false;
854 state.tokenize = tokenCComment;
855 return tokenCComment(stream, state);
856 }
857 },
858 name: "css",
859 helperType: "gss"
860 });
861
862 });