refactor(multiple): add utils to aria/private and consolidate sortDirectives usage

Author: adolgachev

src/aria/private/BUILD.bazel

@@ -20,5 +20,6 @@ ts_project(
         "//src/aria/private/tabs",
         "//src/aria/private/toolbar",
         "//src/aria/private/tree",
+        "//src/aria/private/utils",
     ],
 )

src/aria/private/public-api.ts

@@ -25,3 +25,4 @@ export * from './grid/row';
 export * from './grid/cell';
 export * from './grid/widget';
 export * from './deferred-content';
+export * from './utils/element';

src/aria/private/utils/BUILD.bazel

@@ -0,0 +1,8 @@
+load("//tools:defaults.bzl", "ts_project")
+
+package(default_visibility = ["//visibility:public"])
+
+ts_project(
+    name = "utils",
+    srcs = ["element.ts"],
+)

src/aria/tree/utils.ts src/aria/private/utils/element.tssrc/aria/tree/utils.ts renamed to src/aria/private/utils/element.ts

@@ -20,8 +20,8 @@ import {
   OnInit,
   OnDestroy,
 } from '@angular/core';
-import {TabListPattern, TabPattern} from '../private';
-import {sortDirectives, TABS} from './utils';
+import {TabListPattern, TabPattern, sortDirectives} from '../private';
+import {TABS} from './tab-tokens';
 import type {Tab} from './tab';
 
 /**

src/aria/tabs/tab-list.ts

@@ -18,7 +18,7 @@ import {
   OnDestroy,
 } from '@angular/core';
 import {TabPanelPattern, DeferredContentAware} from '../private';
-import {TABS} from './utils';
+import {TABS} from './tab-tokens';
 
 /**
  * A TabPanel container for the resources of layered content associated with a tab.

src/aria/tabs/tab-panel.ts

@@ -11,16 +11,3 @@ import type {Tabs} from './tabs';
 
 /** Token used to expose the `Tabs` directive to child directives. */
 export const TABS = new InjectionToken<Tabs>('TABS');
-
-export interface HasElement {
-  element: HTMLElement;
-}
-
-/**
- * Sort directives by their document order.
- */
-export function sortDirectives(a: HasElement, b: HasElement) {
-  return (a.element.compareDocumentPosition(b.element) & Node.DOCUMENT_POSITION_PRECEDING) > 0
-    ? 1
-    : -1;
-}

src/aria/tabs/utils.ts src/aria/tabs/tab-tokens.tssrc/aria/tabs/utils.ts renamed to src/aria/tabs/tab-tokens.ts

@@ -18,9 +18,9 @@ import {
   OnInit,
   OnDestroy,
 } from '@angular/core';
-import {TabPattern} from '../private';
+import {TabPattern, HasElement} from '../private';
 import {TabList} from './tab-list';
-import {HasElement, TABS} from './utils';
+import {TABS} from './tab-tokens';
 
 /**
  * A selectable tab in a TabList.

src/aria/tabs/tab.ts

@@ -9,7 +9,7 @@
 import {computed, Directive, ElementRef, inject, signal} from '@angular/core';
 import {TabList} from './tab-list';
 import {TabPanel} from './tab-panel';
-import {TABS} from './utils';
+import {TABS} from './tab-tokens';
 import {TabPanelPattern, TabPattern} from '../private';
 
 /**

src/aria/tabs/tabs.ts

@@ -13,13 +13,3 @@ import type {ToolbarWidgetGroup} from './toolbar-widget-group';
 export const TOOLBAR_WIDGET_GROUP = new InjectionToken<ToolbarWidgetGroup<unknown>>(
   'TOOLBAR_WIDGET_GROUP',
 );
-
-interface HasElement {
-  element: HTMLElement;
-}
-
-export function sortDirectives(a: HasElement, b: HasElement) {
-  return (a.element.compareDocumentPosition(b.element) & Node.DOCUMENT_POSITION_PRECEDING) > 0
-    ? 1
-    : -1;
-}