refactor(aria/toolbar): Add accessors for pattern properties

Author: adolgachev

src/aria/toolbar/toolbar.ts

@@ -169,8 +169,8 @@ export class Toolbar<V> {
   exportAs: 'ngToolbarWidget',
   host: {
     'class': 'ng-toolbar-widget',
-    '[attr.data-active]': '_pattern.active()',
-    '[attr.tabindex]': '_pattern.tabindex()',
+    '[attr.data-active]': 'active()',
+    '[attr.tabindex]': '_pattern.tabIndex()',
     '[attr.inert]': 'hardDisabled() ? true : null',
     '[attr.disabled]': 'hardDisabled() ? true : null',
     '[attr.aria-disabled]': '_pattern.disabled()',
@@ -202,6 +202,21 @@ export class ToolbarWidget<V> implements OnInit, OnDestroy {
   /** Whether the widget is 'hard' disabled, which is different from `aria-disabled`. A hard disabled widget cannot receive focus. */
   readonly hardDisabled = computed(() => this._pattern.disabled() && !this._toolbar.softDisabled());
 
+  /** The optional ToolbarWidgetGroup this widget belongs to. */
+  readonly _group = inject(ToolbarWidgetGroup, {optional: true});
+
+  /** The value associated with the widget. */
+  readonly value = input.required<V>();
+
+  /** Whether the widget is currently the active one (focused). */
+  readonly active = computed(() => this._pattern.active());
+
+  /** Whether the widget is selected (only relevant in a selection group). */
+  readonly selected = () => this._pattern.selected();
+
+  readonly group: SignalLike<ToolbarWidgetGroupPattern<ToolbarWidgetPattern<V>, V> | undefined> =
+    () => this._group?._pattern;
+
   /** The ToolbarWidget UIPattern. */
   readonly _pattern = new ToolbarWidgetPattern<V>({
     ...this,