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

Author: adolgachev

src/aria/toolbar/toolbar.ts

@@ -168,7 +168,7 @@ export class Toolbar<V> {
   exportAs: 'ngToolbarWidget',
   host: {
     'class': 'ng-toolbar-widget',
-    '[attr.data-active]': '_pattern.active()',
+    '[attr.data-active]': 'active()',
     '[attr.tabindex]': '_pattern.tabIndex()',
     '[attr.inert]': 'hardDisabled() ? true : null',
     '[attr.disabled]': 'hardDisabled() ? true : null',
@@ -201,15 +201,15 @@ 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());
 
+  /** Whether the widget is currently the active one (focused). */
+  readonly active = computed(() => this._pattern.active);
+
   /** 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 active (focused). */
-  readonly active = computed(() => this._pattern.active());
-
   /** Whether the widget is selected (only relevant in a selection group). */
   readonly selected = () => this._pattern.selected();