fix(grid): announce filter menu state collapsed/expanded

Author: CatalinB7

projects/angular/components/ui-grid/src/ui-grid.component.html

@@ -537,6 +537,8 @@
             <button [matMenuTriggerFor]="filterOptions"
                     [disabled]="column.dropdown?.disabled || disabled"
                     [attr.data-column-name]="'ui-grid-dropdown-filter-' + (column.property || 'na')"
+                    [expandedTranslation]="intl.menuExpanded"
+                    uiCustomMatMenuTriggerFor
                     mat-button
                     type="button"
                     class="ui-grid-dropdown-filter-button">

projects/angular/components/ui-grid/src/ui-grid.intl.ts

@@ -118,6 +118,11 @@ export class UiGridIntl implements OnDestroy {
      *
      */
     clearCustomFilter = 'Clear custom filter';
+    /**
+     * Menu expanded message for live announcer.
+     *
+     */
+    menuExpanded = 'expanded';
     /**
      * No data row message alternative function.
      *

projects/angular/components/ui-grid/src/ui-grid.module.ts

@@ -12,6 +12,7 @@ import { MatSelectModule } from '@angular/material/select';
 import { MatTooltipModule } from '@angular/material/tooltip';
 import { UiAutoAccessibleLabelModule } from '@uipath/angular/a11y';
 import { UiSuggestModule } from '@uipath/angular/components/ui-suggest';
+import { UiCustomMatMenuTriggerModule } from '@uipath/angular/directives/custom-mat-menu-trigger';
 import { UiNgLetModule } from '@uipath/angular/directives/ui-ng-let';
 import { UiVirtualScrollViewportResizeModule } from '@uipath/angular/directives/ui-virtual-scroll-viewport-resize';
 
@@ -51,6 +52,7 @@ import { UiGridComponent } from './ui-grid.component';
         UiVirtualScrollViewportResizeModule,
         UiAutoAccessibleLabelModule,
         UiNgLetModule,
+        UiCustomMatMenuTriggerModule,
     ],
     declarations: [
         UiGridComponent,