refactor(aria/accordion): Add element reference to AccordionPanel

Author: adolgachev

goldens/aria/accordion/index.api.md

@@ -38,6 +38,7 @@ export class AccordionGroup {
 export class AccordionPanel {
     constructor();
     collapse(): void;
+    readonly element: HTMLElement;
     expand(): void;
     readonly id: _angular_core.InputSignal<string>;
     _pattern?: AccordionTriggerPattern;

goldens/aria/private/index.api.md

@@ -436,6 +436,12 @@ export class GridRowPattern {
     rowIndex: SignalLike<number | undefined>;
 }
 
+// @public (undocumented)
+export interface HasElement {
+    // (undocumented)
+    element: HTMLElement;
+}
+
 // @public (undocumented)
 export function linkedSignal<T>(sourceFn: () => T): WritableSignalLike<T>;
 
@@ -668,6 +674,9 @@ export function signal<T>(initialValue: T): WritableSignalLike<T>;
 // @public (undocumented)
 export type SignalLike<T> = () => T;
 
+// @public
+export function sortDirectives(a: HasElement, b: HasElement): 1 | -1;
+
 // @public
 export interface TabInputs extends Omit<ListNavigationItem, 'index'>, Omit<ExpansionItem, 'expandable'> {
     tablist: SignalLike<TabListPattern>;

src/aria/accordion/accordion-panel.ts

@@ -6,7 +6,7 @@
  * found in the LICENSE file at https://angular.dev/license
  */
 
-import {Directive, afterRenderEffect, computed, inject, input} from '@angular/core';
+import {Directive, ElementRef, afterRenderEffect, computed, inject, input} from '@angular/core';
 import {_IdGenerator} from '@angular/cdk/a11y';
 import {DeferredContentAware, AccordionTriggerPattern} from '../private';
 
@@ -48,6 +48,12 @@ import {DeferredContentAware, AccordionTriggerPattern} from '../private';
   },
 })
 export class AccordionPanel {
+  /** A reference to the trigger element. */
+  private readonly _elementRef = inject(ElementRef);
+
+  /** A reference to the trigger element. */
+  readonly element = this._elementRef.nativeElement as HTMLElement;
+
   /** The DeferredContentAware host directive. */
   private readonly _deferredContentAware = inject(DeferredContentAware);