feat(aria/accordion): Extend public api with open/close methods

Author: adolgachev

src/aria/accordion/accordion.ts

@@ -76,6 +76,21 @@ export class AccordionPanel {
       this._deferredContentAware.contentVisible.set(!this.pattern.hidden());
     });
   }
+
+  /** Opens this item. */
+  open(itemValue: string) {
+    this.accordionTrigger()?.expansionControl.open();
+  }
+
+  /** Closes this item. */
+  close(itemValue: string) {
+    this.accordionTrigger()?.expansionControl.close();
+  }
+
+  /** Toggles the expansion state of this item. */
+  toggle(itemValue: string) {
+    this.accordionTrigger()?.expansionControl.toggle();
+  }
 }
 
 /**
@@ -135,6 +150,21 @@ export class AccordionTrigger {
     accordionGroup: computed(() => this._accordionGroup.pattern),
     accordionPanel: this.accordionPanel,
   });
+
+  /** Opens this item. */
+  open(itemValue: string) {
+    this.pattern.expansionControl.open();
+  }
+
+  /** Closes this item. */
+  close(itemValue: string) {
+    this.pattern.expansionControl.close();
+  }
+
+  /** Toggles the expansion state of this item. */
+  toggle(itemValue: string) {
+    this.pattern.expansionControl.toggle();
+  }
 }
 
 /**
@@ -204,6 +234,36 @@ export class AccordionGroup {
       }
     });
   }
+
+  /** Opens the specified item. */
+  open(itemValue: string) {
+    this.pattern.expansionManager.open(this._patternForValue(itemValue)!);
+  }
+
+  /** Closes the specified item. */
+  close(itemValue: string) {
+    this.pattern.expansionManager.close(this._patternForValue(itemValue)!);
+  }
+
+  /** Toggles the expansion state of the specified item. */
+  toggle(itemValue: string) {
+    this.pattern.expansionManager.toggle(this._patternForValue(itemValue)!);
+  }
+
+  /** Opens all focusable items in the list. */
+  openAll() {
+    this.pattern.expansionManager.openAll();
+  }
+
+  /** Closes all focusable items in the list. */
+  closeAll() {
+    this.pattern.expansionManager.closeAll();
+  }
+
+  _patternForValue(value: string) {
+    const trigger = this._triggers().find(t => t.value() === value);
+    return trigger?.pattern;
+  }
 }
 
 /**