refactor(multiple): use native ARIA attribute binding syntax

Author: OmerGronich

src/aria/accordion/accordion-panel.ts

@@ -51,7 +51,7 @@ import {DeferredContentAware, AccordionPanelPattern, AccordionTriggerPattern} fr
   host: {
     'role': 'region',
     '[attr.id]': '_pattern.id()',
-    '[attr.aria-labelledby]': '_pattern.accordionTrigger()?.id()',
+    '[aria-labelledby]': '_pattern.accordionTrigger()?.id()',
     '[attr.inert]': '!visible() ? true : null',
   },
 })

src/aria/accordion/accordion-trigger.ts

@@ -46,9 +46,9 @@ import {ACCORDION_GROUP} from './accordion-tokens';
     '[attr.data-active]': 'active()',
     'role': 'button',
     '[id]': '_pattern.id()',
-    '[attr.aria-expanded]': 'expanded()',
-    '[attr.aria-controls]': '_pattern.controls()',
-    '[attr.aria-disabled]': '_pattern.disabled()',
+    '[aria-expanded]': 'expanded()',
+    '[aria-controls]': '_pattern.controls()',
+    '[aria-disabled]': '_pattern.disabled()',
     '[attr.disabled]': '_pattern.hardDisabled() ? true : null',
     '[attr.tabindex]': '_pattern.tabIndex()',
   },

src/aria/combobox/combobox-input.ts

@@ -47,12 +47,12 @@ import {Combobox} from './combobox';
   host: {
     'role': 'combobox',
     '[value]': 'value()',
-    '[attr.aria-disabled]': 'combobox._pattern.disabled()',
-    '[attr.aria-expanded]': 'combobox._pattern.expanded()',
-    '[attr.aria-activedescendant]': 'combobox._pattern.activeDescendant()',
-    '[attr.aria-controls]': 'combobox._pattern.popupId()',
-    '[attr.aria-haspopup]': 'combobox._pattern.hasPopup()',
-    '[attr.aria-autocomplete]': 'combobox._pattern.autocomplete()',
+    '[aria-disabled]': 'combobox._pattern.disabled()',
+    '[aria-expanded]': 'combobox._pattern.expanded()',
+    '[aria-activedescendant]': 'combobox._pattern.activeDescendant()',
+    '[aria-controls]': 'combobox._pattern.popupId()',
+    '[aria-haspopup]': 'combobox._pattern.hasPopup()',
+    '[aria-autocomplete]': 'combobox._pattern.autocomplete()',
     '[attr.readonly]': 'combobox._pattern.readonly()',
   },
 })

src/aria/grid/grid-cell.ts

@@ -48,12 +48,12 @@ import {GRID_CELL, GRID_ROW} from './grid-tokens';
     '[attr.colspan]': '_pattern.colSpan()',
     '[attr.data-active]': 'active()',
     '[attr.data-anchor]': '_pattern.anchor()',
-    '[attr.aria-disabled]': '_pattern.disabled()',
-    '[attr.aria-rowspan]': '_pattern.rowSpan()',
-    '[attr.aria-colspan]': '_pattern.colSpan()',
-    '[attr.aria-rowindex]': '_pattern.ariaRowIndex()',
-    '[attr.aria-colindex]': '_pattern.ariaColIndex()',
-    '[attr.aria-selected]': '_pattern.ariaSelected()',
+    '[aria-disabled]': '_pattern.disabled()',
+    '[aria-rowspan]': '_pattern.rowSpan()',
+    '[aria-colspan]': '_pattern.colSpan()',
+    '[aria-rowindex]': '_pattern.ariaRowIndex()',
+    '[aria-colindex]': '_pattern.ariaColIndex()',
+    '[aria-selected]': '_pattern.ariaSelected()',
     '[tabindex]': '_tabIndex()',
   },
   providers: [{provide: GRID_CELL, useExisting: GridCell}],

src/aria/grid/grid-row.ts

@@ -37,7 +37,7 @@ import {GRID_CELL, GRID_ROW} from './grid-tokens';
   exportAs: 'ngGridRow',
   host: {
     'role': 'row',
-    '[attr.aria-rowindex]': '_pattern.rowIndex()',
+    '[aria-rowindex]': '_pattern.rowIndex()',
   },
   providers: [{provide: GRID_ROW, useExisting: GridRow}],
 })

src/aria/grid/grid.ts

@@ -50,8 +50,8 @@ import {GRID_ROW} from './grid-tokens';
   host: {
     'role': 'grid',
     '[tabindex]': '_pattern.tabIndex()',
-    '[attr.aria-disabled]': '_pattern.disabled()',
-    '[attr.aria-activedescendant]': '_pattern.activeDescendant()',
+    '[aria-disabled]': '_pattern.disabled()',
+    '[aria-activedescendant]': '_pattern.activeDescendant()',
     '(keydown)': '_pattern.onKeydown($event)',
     '(pointerdown)': '_pattern.onPointerdown($event)',
     '(pointermove)': '_pattern.onPointermove($event)',

src/aria/listbox/listbox.ts

@@ -57,11 +57,11 @@ import {LISTBOX} from './tokens';
     'role': 'listbox',
     '[attr.id]': 'id()',
     '[attr.tabindex]': '_pattern.tabIndex()',
-    '[attr.aria-readonly]': '_pattern.readonly()',
-    '[attr.aria-disabled]': '_pattern.disabled()',
-    '[attr.aria-orientation]': '_pattern.orientation()',
-    '[attr.aria-multiselectable]': '_pattern.multi()',
-    '[attr.aria-activedescendant]': '_pattern.activeDescendant()',
+    '[aria-readonly]': '_pattern.readonly()',
+    '[aria-disabled]': '_pattern.disabled()',
+    '[aria-orientation]': '_pattern.orientation()',
+    '[aria-multiselectable]': '_pattern.multi()',
+    '[aria-activedescendant]': '_pattern.activeDescendant()',
     '(keydown)': '_pattern.onKeydown($event)',
     '(pointerdown)': '_pattern.onPointerdown($event)',
     '(focusin)': '_onFocus()',

src/aria/listbox/option.ts

@@ -39,8 +39,8 @@ import {LISTBOX} from './tokens';
     '[attr.data-active]': 'active()',
     '[attr.id]': '_pattern.id()',
     '[attr.tabindex]': '_pattern.tabIndex()',
-    '[attr.aria-selected]': '_pattern.selected()',
-    '[attr.aria-disabled]': '_pattern.disabled()',
+    '[aria-selected]': '_pattern.selected()',
+    '[aria-disabled]': '_pattern.disabled()',
   },
 })
 export class Option<V> {

src/aria/menu/menu-bar.ts

@@ -59,7 +59,7 @@ import {MENU_COMPONENT} from './menu-tokens';
   host: {
     'role': 'menubar',
     '[attr.disabled]': '!softDisabled() && _pattern.disabled() ? true : null',
-    '[attr.aria-disabled]': '_pattern.disabled()',
+    '[aria-disabled]': '_pattern.disabled()',
     '[attr.tabindex]': '_pattern.tabIndex()',
     '(keydown)': '_pattern.onKeydown($event)',
     '(mouseover)': '_pattern.onMouseOver($event)',

src/aria/menu/menu-item.ts

@@ -38,10 +38,10 @@ import type {MenuBar} from './menu-bar';
     '(focusin)': '_pattern.onFocusIn()',
     '[attr.tabindex]': '_pattern.tabIndex()',
     '[attr.data-active]': 'active()',
-    '[attr.aria-haspopup]': 'hasPopup()',
-    '[attr.aria-expanded]': 'expanded()',
-    '[attr.aria-disabled]': '_pattern.disabled()',
-    '[attr.aria-controls]': '_pattern.submenu()?.id()',
+    '[aria-haspopup]': 'hasPopup()',
+    '[aria-expanded]': 'expanded()',
+    '[aria-disabled]': '_pattern.disabled()',
+    '[aria-controls]': '_pattern.submenu()?.id()',
   },
 })
 export class MenuItem<V> {