feat(performance): also added support for data and aria prefixed attributes

fix #74

Author: ghaschel

.vscodeignore

@@ -16,3 +16,11 @@ out/**/*.map
 commitlint.config.js
 gulpfile.js
 package-lock.json
+tsconfig.json
+tsconfig.test.json
+node_modules
+webpack.config.js
+*.todo
+.hushlogin
+.eslintrc.js
+.prettierignore

README.md

@@ -42,6 +42,8 @@ This plugin adds syntax highlighting for angular HTML template files in VS Code.
   - [Regex](#regex)
   - [Deprecated attributes](#deprecated-attributes)
   - [Deprecated tags](#deprecated-tags)
+  - [ARIA-prefixed attributes](#aria-prefixed-attributes)
+  - [Data attributes](#data-attributes)
 - [SVG](#svg)
   - [Non-string attributes](#non-string-attributes)
   - [Deprecated tags](#deprecated-tags-1)
@@ -167,6 +169,16 @@ And with [colorize support](https://marketplace.visualstudio.com/items?itemName=
 
 <img src="assets/deprecated-html-tags.png" title="Deprecated tags" alt="Deprecated tags" />
 
+## ARIA-prefixed attributes
+
+> See the [complete list](docs/ARIA-ATTRIBUTES.md)
+
+<img src="assets/aria-attributes.png" title="Aria attributes" alt="Aria attributes" />
+
+## Data attributes
+
+<img src="assets/data-attributes.png" title="Data attributes" alt="Data attributes" />
+
 # SVG
 
 ## Non-string attributes

assets/aria-attributes.png

@@ -0,0 +1,57 @@
+# ARIA-prefixed attributes
+
+> List of supported ARIA-prefixed attributes
+
+- aria-activedescendant
+- aria-atomic
+- aria-autocomplete
+- aria-busy
+- aria-checked
+- aria-colcount
+- aria-colindex
+- aria-colspan
+- aria-controls
+- aria-current
+- aria-describedby
+- aria-description
+- aria-details
+- aria-disabled
+- aria-dropeffect
+- aria-errormessage
+- aria-expanded
+- aria-flowto
+- aria-grabbed
+- aria-haspopup
+- aria-hidden
+- aria-invalid
+- aria-keyshortcuts
+- aria-label
+- aria-labelledby
+- aria-level
+- aria-live
+- aria-modal
+- aria-multiline
+- aria-multiselectable
+- aria-orientation
+- aria-owns
+- aria-placeholder
+- aria-posinset
+- aria-pressed
+- aria-readonly
+- aria-relevant
+- aria-required
+- aria-roledescription
+- aria-rowcount
+- aria-rowindex
+- aria-rowspan
+- aria-selected
+- aria-setsize
+- aria-sort
+- aria-valuemax
+- aria-valuemin
+- aria-valuenow
+- aria-valuetext
+
+## Reference
+
+- [MDN WebDocs ARIA states and properties spec](https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Attributes)

assets/data-attributes.png

@@ -19,6 +19,8 @@
   - [Entities](#entities)
   - [DOM events](#dom-events)
   - [Generic attributes](#generic-attributes)
+  - [ARIA attributes](#aria-attributes)
+  - [Data attributes](#data-attributes)
 - [SVG](#svg)
   - [Non-string attributes](#non-string-attributes)
 - [XML](#xml)
@@ -142,6 +144,20 @@
 
 - `class` - html-template.ng.attributes.generic
 
+## ARIA attributes
+
+<img src="../assets/aria-attributes.png" title="Aria attributes" alt="Aria attributes" />
+
+- `aria-` - html-template.ng.aria-attribute.prefix
+- `sort` - html-template.ng.aria-attribute.suffix
+
+## Data attributes
+
+<img src="../assets/data-attributes.png" title="Data attributes" alt="Data attributes" />
+
+- `data-` - html-template.ng.data-attribute.prefix
+- `test` - html-template.ng.data-attribute.suffix
+
 # SVG
 
 ## Non-string attributes