Merge pull request #84 from ghaschel/feat/new-components

feat(material-elements): added new material elements tags and a missi…

Author: ghaschel

src/grammar/repository/attributes/angular/tag-double-way-animation-trigger.json5

@@ -0,0 +1,27 @@
+{
+  repository: {
+    'tag-double-way-annimation-trigger': {
+      captures: {
+        '0': {
+          name: 'meta.ng-animation-trigger.property.html',
+        },
+        '1': {
+          name: 'entity.other.ng-binding-name.property.html entity.other.ng-binding-name.two-way.html punctuation.definition.ng-binding-name.begin.html',
+        },
+        '2': {
+          name: 'entity.other.attribute-name.html html-template.ng.attributes.animationtrigger.prefix',
+        },
+        '3': {
+          name: 'entity.other.attribute-name.html html-template.ng.attributes.animationtrigger.variable',
+        },
+        '4': {
+          name: 'entity.other.attribute-name.html html-template.ng.attributes.suffix.rxjs',
+        },
+        '5': {
+          name: 'entity.other.ng-binding-name.property.html entity.other.ng-binding-name.two-way.html punctuation.definition.ng-binding-name.end.html',
+        },
+      },
+      match: '(?<!\\()(\\[)(@)\\b([\\w\\-\\_]+)([$]*)(\\])(?!=)[\\s]?',
+    },
+  },
+}

src/grammar/repository/attributes/tag-stuff.json5

@@ -7,6 +7,7 @@
         { include: '#data-attributes' },
         { include: '#data-boolean-attributes' },
         { include: '#generic-style-attribute' },
+        { include: '#tag-double-way-annimation-trigger' },
         { include: '#tag-double-way-non-standard' },
         { include: '#tag-double-way-standard' },
         { include: '#tag-input-binding' },

src/grammar/repository/tags/angular/tag-definition-angular.json5

@@ -23,7 +23,7 @@
           include: '#tag-stuff',
         },
       ],
-      begin: '(</?)(cdk-accordion-item|cdk-accordion|cdk-cell|cdk-footer-cell|cdk-footer-row|cdk-header-cell|cdk-header-row|cdk-nested-tree-node|cdk-row|cdk-step|cdk-table|cdk-tree-node|cdk-tree|cdk-virtual-scroll-viewport|mat-accordion|mat-action-list|mat-action-row|mat-autocomplete|mat-basic-chip|mat-button-toggle-group|mat-button-toggle|mat-calendar|mat-card-actions|mat-card-content|mat-card-footer|mat-card-header|mat-card-subtitle|mat-card-title-group|mat-card-title|mat-card|mat-cell|mat-checkbox|mat-chip-avatar|mat-chip-list|mat-chip|mat-date-range-input|mat-date-range-picker|mat-datepicker-actions|mat-datepicker-toggle|mat-datepicker|mat-dialog-actions|mat-dialog-content|mat-divider|mat-drawer-content|mat-drawer-container|mat-drawer|mat-error|mat-expansion-panel-header|mat-expansion-panel|mat-form-field|mat-grid-tile-footer|mat-grid-tile-header|mat-grid-tile|mat-grid-list|mat-grid-title|mat-header-cell|mat-header-row|mat-hint|mat-horizontal-stepper|mat-icon|mat-label|mat-list-item|mat-list-option|mat-list|mat-menu|mat-nav-list|mat-nav-tab-bar|mat-nested-tree-node|mat-optgroup|mat-option|mat-paginator|mat-panel-description|mat-panel-title|mat-progress-bar|mat-progress-spinner|mat-pseudo-checkbox|mat-radio-button|mat-radio-group|mat-row|mat-select-trigger|mat-selection-list|mat-select|mat-sidenav-container|mat-sidenav-content|mat-sidenav|mat-slide-toggle|mat-slider|mat-spinner|mat-stepper|mat-step|mat-tab-group|mat-tab-nav-panel|mat-table|mat-tab|mat-text-column|mat-toolbar-row|mat-toolbar|mat-tree-node|mat-tree|mat-vertical-stepper|ng-container|ng-content|ng-template|router-outlet)(:)?([\\w\\-\\_$]+)?\\b',
+      begin: '(</?)(youtube-player|simple-snack-bar|router-outlet|ng-template|ng-content|ng-container|mat-year-view|mat-vertical-stepper|mat-tree-node|mat-tree|mat-tooltip-component|mat-toolbar-row|mat-toolbar|mat-text-column|mat-table|mat-tab-nav-panel|mat-tab-nav-barm|mat-tab-link|mat-tab-header|mat-tab-group|mat-tab-body|mat-tab|mat-stepper|mat-step-header|mat-step|mat-spinner|mat-snack-bar-container|mat-slider-visual-thumb|mat-slider|mat-slide-toggle|mat-sidenav-content|mat-sidenav-container|mat-sidenav|mat-selection-list|mat-selection-column|mat-select-trigger|mat-select|mat-row|mat-radio-group|mat-radio-button|mat-pseudo-checkbox|mat-progress-spinner|mat-progress-bar|mat-panel-title|mat-panel-description|mat-paginator|mat-option|mat-optgroup|mat-nested-tree-node|mat-nav-tab-bar|mat-nav-list|mat-multi-year-view|mat-month-view|mat-menubar-item|mat-menubar|mat-menu|mat-list-option|mat-list-item|mat-list|mat-label|mat-icon|mat-horizontal-stepper|mat-hint|mat-header-row|mat-header-cell|mat-grid-title|mat-grid-tile-header|mat-grid-tile-footer|mat-grid-tile|mat-grid-list|mat-form-field|mat-footer-row|mat-expansion-panel-header|mat-expansion-panel|mat-error|mat-drawer-content|mat-drawer-container|mat-drawer|mat-divider|mat-dialog-content|mat-dialog-container|mat-dialog-actions|mat-datepicker-toggle|mat-datepicker-content|mat-datepicker-actions|mat-datepicker|mat-date-range-picker-actions|mat-date-range-picker|mat-date-range-input|mat-chip-set|mat-chip-row|mat-chip-option|mat-chip-listbox|mat-chip-list|mat-chip-grid|mat-chip-avatar|mat-chip|mat-checkbox|mat-cell|mat-card-title-group|mat-card-title|mat-card-subtitle|mat-card-header|mat-card-footer|mat-card-content|mat-card-actions|mat-card|mat-calendar-header|mat-calendar|mat-button-toggle-group|mat-button-toggle|mat-bottom-sheet-container|mat-basic-chip-row|mat-basic-chip-option|mat-basic-chip|mat-autocomplete|mat-action-row|mat-action-list|mat-accordion|map-marker-clusterer|google-map|cdk-virtual-scroll-viewport|cdk-tree-node|cdk-tree|cdk-text-column|cdk-table|cdk-step|cdk-selection-column|cdk-row|cdk-nested-tree-node|cdk-header-row|cdk-header-cell|cdk-footer-row|cdk-footer-cell|cdk-cell|cdk-accordion-item|cdk-accordion)(:)?([\\w\\-\\_$]+)?\\b',
       endCaptures: {
         '0': {
           name: 'meta.tag.ng.$2.end.html',

src/grammar/repository/tags/global/tag-definition-custom.json5

@@ -23,7 +23,7 @@
           include: '#tag-stuff',
         },
       ],
-      begin: '(<\\/?)((?!(wbr|video|var|ul|u|track|tr|time|thead|th|textarea|template|td|tbody|table|svg|sup|summary|sub|style|strong|span|source|small|select|section|script|samp|s|ruby|rt|rp|router-outlet|q|progress|pre|picture|param|p|output|option|optgroup|ol|object|noscript|ng-template|ng-content|ng-container|nav|meter|meta|mat-vertical-stepper|mat-tree-node|mat-tree|mat-toolbar-row|mat-toolbar|mat-text-column|mat-table|mat-tab-nav-panel|mat-tab-group|mat-tab|mat-stepper|mat-step|mat-spinner|mat-slider|mat-slide-toggle|mat-sidenav-content|mat-sidenav-container|mat-sidenav|mat-selection-list|mat-select-trigger|mat-select|mat-row|mat-radio-group|mat-radio-button|mat-pseudo-checkbox|mat-progress-spinner|mat-progress-bar|mat-panel-title|mat-panel-description|mat-paginator|mat-option|mat-optgroup|mat-nested-tree-node|mat-nav-tab-bar|mat-nav-list|mat-menu|mat-list-option|mat-list-item|mat-list|mat-label|mat-icon|mat-horizontal-stepper|mat-hint|mat-header-row|mat-header-cell|mat-grid-title|mat-grid-tile-header|mat-grid-tile-footer|mat-grid-tile|mat-grid-list|mat-form-field|mat-expansion-panel-header|mat-expansion-panel|mat-error|mat-drawer-content|mat-drawer-container|mat-drawer|mat-divider|mat-dialog-content|mat-dialog-actions|mat-datepicker-toggle|mat-datepicker-actions|mat-datepicker|mat-date-range-picker|mat-date-range-input|mat-chip-list|mat-chip-avatar|mat-chip|mat-checkbox|mat-cell|mat-card-title-group|mat-card-title|mat-card-subtitle|mat-card-header|mat-card-footer|mat-card-content|mat-card-actions|mat-card|mat-calendar|mat-button-toggle-group|mat-button-toggle|mat-basic-chip|mat-autocomplete|mat-action-row|mat-action-list|mat-accordion|mark|map|main|link|li|legend|label|kbd|ins|input|img|iframe|i|html|hr|hgroup|header|head|h1|form|footer|figure|figcaption|fieldset|embed|em|dt|dl|div|dialog|dfn|details|del|dd|datalist|data|colgroup|col|code|cite|cdk-virtual-scroll-viewport|cdk-tree-node|cdk-tree|cdk-table|cdk-step|cdk-row|cdk-nested-tree-node|cdk-header-row|cdk-header-cell|cdk-footer-row|cdk-footer-cell|cdk-cell|cdk-accordion-item|cdk-accordion|caption|canvas|button|br|body|blockquote|bdo|bdi|base|b|audio|aside|article|area|address|abbr|a)(?!-)\\b)([a-zA-Z0-9\\-\\_]+)(:)?([\\w\\-\\_$]+)?)\\b',
+      begin: '(<\\/?)((?!(youtube-player|wbr|video|var|ul|u|track|tr|time|thead|th|textarea|template|td|tbody|table|svg|sup|summary|sub|style|strong|span|source|small|simple-snack-bar|select|section|script|samp|s|ruby|rt|rp|router-outlet|q|progress|pre|picture|param|p|output|option|optgroup|ol|object|noscript|ng-template|ng-content|ng-container|nav|meter|meta|mat-year-view|mat-vertical-stepper|mat-tree-node|mat-tree|mat-tooltip-component|mat-toolbar-row|mat-toolbar|mat-text-column|mat-table|mat-tab-nav-panel|mat-tab-nav-barm|mat-tab-link|mat-tab-header|mat-tab-group|mat-tab-body|mat-tab|mat-stepper|mat-step-header|mat-step|mat-spinner|mat-snack-bar-container|mat-slider-visual-thumb|mat-slider|mat-slide-toggle|mat-sidenav-content|mat-sidenav-container|mat-sidenav|mat-selection-list|mat-selection-column|mat-select-trigger|mat-select|mat-row|mat-radio-group|mat-radio-button|mat-pseudo-checkbox|mat-progress-spinner|mat-progress-bar|mat-panel-title|mat-panel-description|mat-paginator|mat-option|mat-optgroup|mat-nested-tree-node|mat-nav-tab-bar|mat-nav-list|mat-multi-year-view|mat-month-view|mat-menubar-item|mat-menubar|mat-menu|mat-list-option|mat-list-item|mat-list|mat-label|mat-icon|mat-horizontal-stepper|mat-hint|mat-header-row|mat-header-cell|mat-grid-title|mat-grid-tile-header|mat-grid-tile-footer|mat-grid-tile|mat-grid-list|mat-form-field|mat-footer-row|mat-expansion-panel-header|mat-expansion-panel|mat-error|mat-drawer-content|mat-drawer-container|mat-drawer|mat-divider|mat-dialog-content|mat-dialog-container|mat-dialog-actions|mat-datepicker-toggle|mat-datepicker-content|mat-datepicker-actions|mat-datepicker|mat-date-range-picker-actions|mat-date-range-picker|mat-date-range-input|mat-chip-set|mat-chip-row|mat-chip-option|mat-chip-listbox|mat-chip-list|mat-chip-grid|mat-chip-avatar|mat-chip|mat-checkbox|mat-cell|mat-card-title-group|mat-card-title|mat-card-subtitle|mat-card-header|mat-card-footer|mat-card-content|mat-card-actions|mat-card|mat-calendar-header|mat-calendar|mat-button-toggle-group|mat-button-toggle|mat-bottom-sheet-container|mat-basic-chip-row|mat-basic-chip-option|mat-basic-chip|mat-autocomplete|mat-action-row|mat-action-list|mat-accordion|mark|map-marker-clusterer|map|main|link|li|legend|label|kbd|ins|input|img|iframe|i|html|hr|hgroup|header|head|h1|google-map|form|footer|figure|figcaption|fieldset|embed|em|dt|dl|div|dialog|dfn|details|del|dd|datalist|data|colgroup|col|code|cite|cdk-virtual-scroll-viewport|cdk-tree-node|cdk-tree|cdk-text-column|cdk-table|cdk-step|cdk-selection-column|cdk-row|cdk-nested-tree-node|cdk-header-row|cdk-header-cell|cdk-footer-row|cdk-footer-cell|cdk-cell|cdk-accordion-item|cdk-accordion|caption|canvas|button|br|body|blockquote|bdo|bdi|base|b|audio|aside|article|area|address|abbr|a)(?!-)\\b)([a-zA-Z0-9\\-\\_]+)(:)?([\\w\\-\\_$]+)?)\\b',
       endCaptures: {
         '0': {
           name: 'meta.tag.custom.$4.end.html',