Add autocomplete support for font-variant-alternates

Also fixed a bug where a @font-feature-values subsection has its
indentation increase on any style change.

Bug: 408969009
Change-Id: I9e8894447b53f331948602a4ef597a657706e30a
Reviewed-on: https://chromium-review.googlesource.com/c/devtools/devtools-frontend/+/7156358
Commit-Queue: Eric Leese <[email protected]>
Reviewed-by: Philip Pfaffe <[email protected]>

Author: Eric Leese

front_end/core/sdk/CSSMetadata.ts

@@ -455,11 +455,8 @@ const cornerShapeValuePresetMap = new Map([
 ]);
 
 const valuePresets = new Map([
-  ['filter', filterValuePresetMap],
-  ['backdrop-filter', filterValuePresetMap],
-  ['background', imageValuePresetMap],
-  ['background-image', imageValuePresetMap],
-  ['-webkit-mask-image', imageValuePresetMap],
+  ['filter', filterValuePresetMap], ['backdrop-filter', filterValuePresetMap], ['background', imageValuePresetMap],
+  ['background-image', imageValuePresetMap], ['-webkit-mask-image', imageValuePresetMap],
   [
     'transform',
     new Map([
@@ -486,6 +483,17 @@ const valuePresets = new Map([
     ]),
   ],
   ['corner-shape', cornerShapeValuePresetMap],
+  [
+    'font-variant-alternates',
+    new Map([
+      ['stylistic', 'stylistic(||)'],
+      ['styleset', 'styleset(||)'],
+      ['character-variant', 'character-variant(||)'],
+      ['swash', 'swash(||)'],
+      ['ornaments', 'ornaments(||)'],
+      ['annotation', 'annotation(||)'],
+    ]),
+  ]
 ]);
 
 const distanceProperties = new Set<string>([
@@ -766,6 +774,10 @@ const extraPropertyValues = new Map<string, Set<string>>([
       'ruby',
     ]),
   ],
+  [
+    'font-variant-alternates',
+    new Set(['historical-forms', 'stylistic', 'styleset', 'character-variant', 'swash', 'ornaments', 'annotation'])
+  ],
   ['vertical-align', new Set(['top', 'bottom', '-webkit-baseline-middle'])],
   ['page-break-after', new Set(['left', 'right', 'always', 'avoid'])],
   ['text-emphasis-style', textEmphasisStyle],

front_end/panels/elements/StylePropertiesSection.ts

@@ -839,7 +839,7 @@ export class StylePropertiesSection {
 
       this.#ancestorRuleListElement.prepend(atRuleElement);
       this.#ancestorClosingBracesElement.prepend(this.indentElement(this.createClosingBrace(), 0));
-      this.nestingLevel++;
+      this.nestingLevel = 1;
     }
   }