ember-aria-voyager 0.0.5 → 0.1.0

package/README.md

@@ -26,16 +26,16 @@ pnpm add ember-aria-voyager
 
 ## Usage
 
-### `{{listbox}}`
+### `{{ariaListbox}}`
 
 Basic example:
 
 ```glimmer-ts
-import { listbox } from 'ember-aria-voyager';
+import { ariaListbox } from 'ember-aria-voyager';
 const options = ['apple', 'banana', 'pineapple'];
 
 <template>
-  <ul role="listbox" {{listbox items=options}}>
+  <ul role="listbox" {{ariaListbox items=options}}>
     {{#each options as |option|}}
       <li role="option">{{option}}</li>
     {{/each}}
@@ -43,7 +43,7 @@ const options = ['apple', 'banana', 'pineapple'];
 </template>
 ```
 
-Here are the options, you can pass to `{{listbox}}`
+Here are the options, you can pass to `{{ariaListbox}}`
 
 ```ts
 type ListboxSignature<T = HTMLElement> = {
@@ -67,7 +67,7 @@ When passing `items` the `select()` and `selection` can work off of your passed
 Full example:
 
 ```glimmer-ts
-import { listbox } from 'ember-aria-voyager';
+import { ariaListbox } from 'ember-aria-voyager';
 const options = ['apple', 'banana', 'pineapple'];
 const context = new class {
   @tracked selection = [options[0]];
@@ -81,7 +81,7 @@ const context = new class {
 const selection = ['banana'];
 
 <template>
-  <ul role="listbox" {{listbox 
+  <ul role="listbox" {{ariaListbox 
     items=options
     multi=true
     disabled=context.disabled
@@ -95,19 +95,19 @@ const selection = ['banana'];
 </template>
 ```
 
-### `{{menu}}`
+### `{{ariaMenu}}`
 
 Basic example:
 
 ```glimmer-ts
-import { menu } from 'ember-aria-voyager';
+import { ariaMenu } from 'ember-aria-voyager';
 
 <template>
-  <div role="menu" {{menu}}>
+  <div role="menu" {{ariaMenu}}>
     <button role="menuitem">Version Info</button>
     <a role="menuitem" href="https://github.com/hokulea/aria-voyager" target="_blank">Github</a>
     <button role="menuitem" popovertarget="authormenu">Author</button>
-    <div role="menu" id="authormenu" popover {{menu}}>
+    <div role="menu" id="authormenu" popover {{ariaMenu}}>
       <a role="menuitem" href="https://gos.si"  target="_blank">Homepage</a>
       <a role="menuitem" href="https://github.com" target="_blank">Github</a>
     </div>
@@ -115,7 +115,7 @@ import { menu } from 'ember-aria-voyager';
 </template>
 ```
 
-Here are the options, you can pass to `{{menu}}`
+Here are the options, you can pass to `{{ariaMenu}}`
 
 ```ts
 interface MenuSignature<T> {
@@ -127,7 +127,7 @@ interface MenuSignature<T> {
 Here is a full example:
 
 ```glimmer-ts
-import { menu } from 'ember-aria-voyager';
+import { ariaMenu } from 'ember-aria-voyager';
 const items = [
   {
     label: 'Version Info',
@@ -140,7 +140,7 @@ const items = [
 ];
 
 <template>
-  <div role="menu" {{menu items=items}}>
+  <div role="menu" {{ariaMenu items=items}}>
     {{#each items as |item|}}
       {{#if item.action}}
         <button type="button" role="menuitem" {{on "click" item.action}}>{{item.label}}</button>
@@ -153,3 +153,48 @@ const items = [
   </div>
 </template>
 ```
+
+### `{{ariaTablist}}`
+
+Basic example:
+
+```glimmer-ts
+import { ariaTablist } from 'ember-aria-voyager';
+const tabs = ['apple', 'banana', 'pineapple'];
+
+<template>
+  <div>
+    <ul role="tablist" {{ariaTablist items=tabs}}>
+      {{#each tabs as |tab id|}}
+        <li role="tab" id="tab-{{id}}" aria-controls="panel-{{id}}">{{tab}}</li>
+      {{/each}}
+    </ul>
+
+    {{#each tabs as |tab id|}}
+      <div role="tabpanel" id="panel-{{id}}" aria-labelledby="tab-{{id}}">
+        Contents Panel {{tab}}
+      </div>
+    {{/each}}
+  <div>
+</template>
+```
+
+Here are the options, you can pass to `{{ariaTablist}}`
+
+```ts
+import type { EmitStrategy, Orientation, TablistBehavior } from 'aria-voyager';
+
+interface TablistSignature<T> {
+  Element: HTMLElement;
+  Args: {
+    Positional: [];
+    Named: {
+      disabled?: boolean;
+      orientation?: Orientation;
+      behavior?: TablistBehavior;
+    } & EmitterSignature<T>;
+  };
+}
+```
+
+When passing `items` the `select()` and `selection` can work off of your passed items, anyway will fall back to the HTMLElement

package/declarations/index.d.ts

@@ -1,4 +1,11 @@
-import { default as listbox } from './modifiers/listbox';
-import { default as menu } from './modifiers/menu';
-export { listbox, menu };
+import { default as ariaListbox } from './modifiers/aria-listbox';
+import { default as ariaMenu } from './modifiers/aria-menu';
+import { default as ariaTablist } from './modifiers/aria-tablist';
+export { ariaListbox, ariaMenu, ariaTablist, 
+/** @deprecated use `ariaListbox` */
+ariaListbox as listbox, 
+/** @deprecated use `ariaMenu` */
+ariaMenu as menu, 
+/** @deprecated use `ariaTablist` */
+ariaTablist as tablist };
 //# sourceMappingURL=index.d.ts.map

package/declarations/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,OAAO,EAAE,MAAM,qBAAqB,CAAC;AACzD,OAAO,EAAE,OAAO,IAAI,IAAI,EAAE,MAAM,kBAAkB,CAAC;AAEnD,OAAO,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,WAAW,EAAE,MAAM,0BAA0B,CAAC;AAClE,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AAC5D,OAAO,EAAE,OAAO,IAAI,WAAW,EAAE,MAAM,0BAA0B,CAAC;AAElE,OAAO,EACL,WAAW,EACX,QAAQ,EACR,WAAW;AACX,oCAAoC;AACpC,WAAW,IAAI,OAAO;AACtB,iCAAiC;AACjC,QAAQ,IAAI,IAAI;AAChB,oCAAoC;AACpC,WAAW,IAAI,OAAO,EACvB,CAAC"}

package/declarations/modifiers/-emitter.d.ts

@@ -0,0 +1,28 @@
+import { type Control, IndexEmitStrategy, ItemEmitStrategy } from 'aria-voyager';
+export declare function asArray(val?: unknown): any[];
+export type WithItems<T> = {
+    items: T[];
+    selection?: T | T[];
+    activateItem?: (item: T) => void;
+} & ({
+    multi: true;
+    select?: (selection: T[]) => void;
+} | {
+    multi?: false;
+    select?: (selection: T) => void;
+});
+export type OptionalItems = {
+    items?: HTMLElement[];
+    selection?: HTMLElement | HTMLElement[];
+    activateItem?: (item: HTMLElement) => void;
+} & ({
+    multi: true;
+    select?: (selection: HTMLElement[]) => void;
+} | {
+    multi?: false;
+    select?: (selection: HTMLElement) => void;
+});
+export type EmitterSignature<T> = WithItems<T> | OptionalItems;
+export declare function createItemEmitter<T>(control: Control, options: EmitterSignature<T>): ItemEmitStrategy;
+export declare function createIndexEmitter<T>(control: Control, options: EmitterSignature<T>): IndexEmitStrategy;
+//# sourceMappingURL=-emitter.d.ts.map

package/declarations/modifiers/-emitter.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"-emitter.d.ts","sourceRoot":"","sources":["../../src/modifiers/-emitter.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,OAAO,EAAE,iBAAiB,EAAE,gBAAgB,EAAE,MAAM,cAAc,CAAC;AAEjF,wBAAgB,OAAO,CAAC,GAAG,CAAC,EAAE,OAAO,SAOpC;AAED,MAAM,MAAM,SAAS,CAAC,CAAC,IAAI;IACzB,KAAK,EAAE,CAAC,EAAE,CAAC;IACX,SAAS,CAAC,EAAE,CAAC,GAAG,CAAC,EAAE,CAAC;IACpB,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,CAAC,KAAK,IAAI,CAAC;CAClC,GAAG,CACA;IACE,KAAK,EAAE,IAAI,CAAC;IACZ,MAAM,CAAC,EAAE,CAAC,SAAS,EAAE,CAAC,EAAE,KAAK,IAAI,CAAC;CACnC,GACD;IACE,KAAK,CAAC,EAAE,KAAK,CAAC;IACd,MAAM,CAAC,EAAE,CAAC,SAAS,EAAE,CAAC,KAAK,IAAI,CAAC;CACjC,CACJ,CAAC;AAEF,MAAM,MAAM,aAAa,GAAG;IAC1B,KAAK,CAAC,EAAE,WAAW,EAAE,CAAC;IACtB,SAAS,CAAC,EAAE,WAAW,GAAG,WAAW,EAAE,CAAC;IACxC,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,WAAW,KAAK,IAAI,CAAC;CAC5C,GAAG,CACA;IACE,KAAK,EAAE,IAAI,CAAC;IACZ,MAAM,CAAC,EAAE,CAAC,SAAS,EAAE,WAAW,EAAE,KAAK,IAAI,CAAC;CAC7C,GACD;IACE,KAAK,CAAC,EAAE,KAAK,CAAC;IACd,MAAM,CAAC,EAAE,CAAC,SAAS,EAAE,WAAW,KAAK,IAAI,CAAC;CAC3C,CACJ,CAAC;AAEF,MAAM,MAAM,gBAAgB,CAAC,CAAC,IAAI,SAAS,CAAC,CAAC,CAAC,GAAG,aAAa,CAAC;AAE/D,wBAAgB,iBAAiB,CAAC,CAAC,EAAE,OAAO,EAAE,OAAO,EAAE,OAAO,EAAE,gBAAgB,CAAC,CAAC,CAAC,oBAYlF;AAED,wBAAgB,kBAAkB,CAAC,CAAC,EAAE,OAAO,EAAE,OAAO,EAAE,OAAO,EAAE,gBAAgB,CAAC,CAAC,CAAC,qBA8BnF"}

package/declarations/modifiers/aria-listbox.d.ts

@@ -0,0 +1,25 @@
+import Modifier from 'ember-modifier';
+import { type EmitterSignature } from './-emitter';
+import type Owner from '@ember/owner';
+import type { ArgsFor, NamedArgs, PositionalArgs } from 'ember-modifier';
+interface ListboxSignature<T> {
+    Args: {
+        Positional: [];
+        Named: {
+            disabled?: boolean;
+        } & EmitterSignature<T>;
+    };
+}
+export default class ListboxModifier<T> extends Modifier<ListboxSignature<T>> {
+    private listbox?;
+    private updater;
+    private emitter;
+    private prevItems?;
+    private prevSelection?;
+    private prevMulti?;
+    private prevDisabled?;
+    constructor(owner: Owner, args: ArgsFor<ListboxSignature<T>>);
+    modify(element: Element, _: PositionalArgs<ListboxSignature<T>>, options: NamedArgs<ListboxSignature<T>>): void;
+}
+export {};
+//# sourceMappingURL=aria-listbox.d.ts.map

package/declarations/modifiers/aria-listbox.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"aria-listbox.d.ts","sourceRoot":"","sources":["../../src/modifiers/aria-listbox.ts"],"names":[],"mappings":"AAGA,OAAO,QAAQ,MAAM,gBAAgB,CAAC;AAGtC,OAAO,EAIL,KAAK,gBAAgB,EAEtB,MAAM,YAAY,CAAC;AAEpB,OAAO,KAAK,KAAK,MAAM,cAAc,CAAC;AAEtC,OAAO,KAAK,EAAE,OAAO,EAAE,SAAS,EAAE,cAAc,EAAE,MAAM,gBAAgB,CAAC;AAEzE,UAAU,gBAAgB,CAAC,CAAC;IAC1B,IAAI,EAAE;QACJ,UAAU,EAAE,EAAE,CAAC;QACf,KAAK,EAAE;YAAE,QAAQ,CAAC,EAAE,OAAO,CAAA;SAAE,GAAG,gBAAgB,CAAC,CAAC,CAAC,CAAC;KACrD,CAAC;CACH;AAED,MAAM,CAAC,OAAO,OAAO,eAAe,CAAC,CAAC,CAAE,SAAQ,QAAQ,CAAC,gBAAgB,CAAC,CAAC,CAAC,CAAC;IAC3E,OAAO,CAAC,OAAO,CAAC,CAAU;IAC1B,QAAgB,OAAO,CAAyB;IAChD,QAAgB,OAAO,CAAe;IAEtC,OAAO,CAAC,SAAS,CAAC,CAAM;IACxB,OAAO,CAAC,aAAa,CAAC,CAAU;IAChC,OAAO,CAAC,SAAS,CAAC,CAAU;IAC5B,OAAO,CAAC,YAAY,CAAC,CAAU;gBAEnB,KAAK,EAAE,KAAK,EAAE,IAAI,EAAE,OAAO,CAAC,gBAAgB,CAAC,CAAC,CAAC,CAAC;IAS5D,MAAM,CACJ,OAAO,EAAE,OAAO,EAChB,CAAC,EAAE,cAAc,CAAC,gBAAgB,CAAC,CAAC,CAAC,CAAC,EACtC,OAAO,EAAE,SAAS,CAAC,gBAAgB,CAAC,CAAC,CAAC,CAAC;CAwD1C"}

package/declarations/modifiers/{menu.d.ts → aria-menu.d.ts}

@@ -1,5 +1,6 @@
 import Modifier from 'ember-modifier';
-import type { NamedArgs, PositionalArgs } from 'ember-modifier';
+import type Owner from '@ember/owner';
+import type { ArgsFor, NamedArgs, PositionalArgs } from 'ember-modifier';
 export interface MenuSignature<T> {
     Element: HTMLElement;
     Args: {
@@ -16,6 +17,7 @@ export default class MenuModifier<T> extends Modifier<MenuSignature<T>> {
     private emitter;
     private prevItems?;
     private prevDisabled?;
+    constructor(owner: Owner, args: ArgsFor<MenuSignature<T>>);
     modify(element: Element, _: PositionalArgs<MenuSignature<T>>, options: NamedArgs<MenuSignature<T>>): void;
 }
-//# sourceMappingURL=menu.d.ts.map
+//# sourceMappingURL=aria-menu.d.ts.map

package/declarations/modifiers/aria-menu.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"aria-menu.d.ts","sourceRoot":"","sources":["../../src/modifiers/aria-menu.ts"],"names":[],"mappings":"AAGA,OAAO,QAAQ,MAAM,gBAAgB,CAAC;AAGtC,OAAO,KAAK,KAAK,MAAM,cAAc,CAAC;AAEtC,OAAO,KAAK,EAAE,OAAO,EAAE,SAAS,EAAE,cAAc,EAAE,MAAM,gBAAgB,CAAC;AAEzE,MAAM,WAAW,aAAa,CAAC,CAAC;IAC9B,OAAO,EAAE,WAAW,CAAC;IACrB,IAAI,EAAE;QACJ,UAAU,EAAE,EAAE,CAAC;QACf,KAAK,EAAE;YACL,KAAK,CAAC,EAAE,CAAC,EAAE,CAAC;YACZ,QAAQ,CAAC,EAAE,OAAO,CAAC;SACpB,CAAC;KACH,CAAC;CACH;AAED,MAAM,CAAC,OAAO,OAAO,YAAY,CAAC,CAAC,CAAE,SAAQ,QAAQ,CAAC,aAAa,CAAC,CAAC,CAAC,CAAC;IACrE,OAAO,CAAC,IAAI,CAAC,CAAO;IACpB,QAAgB,OAAO,CAAyB;IAChD,QAAgB,OAAO,CAAe;IAEtC,OAAO,CAAC,SAAS,CAAC,CAAM;IACxB,OAAO,CAAC,YAAY,CAAC,CAAU;gBAEnB,KAAK,EAAE,KAAK,EAAE,IAAI,EAAE,OAAO,CAAC,aAAa,CAAC,CAAC,CAAC,CAAC;IASzD,MAAM,CACJ,OAAO,EAAE,OAAO,EAChB,CAAC,EAAE,cAAc,CAAC,aAAa,CAAC,CAAC,CAAC,CAAC,EACnC,OAAO,EAAE,SAAS,CAAC,aAAa,CAAC,CAAC,CAAC,CAAC;CAiCvC"}

package/declarations/modifiers/aria-tablist.d.ts

@@ -0,0 +1,28 @@
+import Modifier from 'ember-modifier';
+import { type EmitterSignature } from './-emitter';
+import type Owner from '@ember/owner';
+import type { Orientation, TablistBehavior } from 'aria-voyager';
+import type { ArgsFor, NamedArgs, PositionalArgs } from 'ember-modifier';
+export interface TablistSignature<T> {
+    Element: HTMLElement;
+    Args: {
+        Positional: [];
+        Named: {
+            disabled?: boolean;
+            orientation?: Orientation;
+            behavior?: TablistBehavior;
+        } & EmitterSignature<T>;
+    };
+}
+export default class TablistModifier<T> extends Modifier<TablistSignature<T>> {
+    private tablist?;
+    private updater;
+    private emitter;
+    private prevItems?;
+    private prevSelection?;
+    private prevDisabled?;
+    private prevOrientation?;
+    constructor(owner: Owner, args: ArgsFor<TablistSignature<T>>);
+    modify(element: Element, _: PositionalArgs<TablistSignature<T>>, options: NamedArgs<TablistSignature<T>>): void;
+}
+//# sourceMappingURL=aria-tablist.d.ts.map

package/declarations/modifiers/aria-tablist.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"aria-tablist.d.ts","sourceRoot":"","sources":["../../src/modifiers/aria-tablist.ts"],"names":[],"mappings":"AAGA,OAAO,QAAQ,MAAM,gBAAgB,CAAC;AAGtC,OAAO,EAIL,KAAK,gBAAgB,EAEtB,MAAM,YAAY,CAAC;AAEpB,OAAO,KAAK,KAAK,MAAM,cAAc,CAAC;AACtC,OAAO,KAAK,EAAgB,WAAW,EAAE,eAAe,EAAE,MAAM,cAAc,CAAC;AAC/E,OAAO,KAAK,EAAE,OAAO,EAAE,SAAS,EAAE,cAAc,EAAE,MAAM,gBAAgB,CAAC;AAEzE,MAAM,WAAW,gBAAgB,CAAC,CAAC;IACjC,OAAO,EAAE,WAAW,CAAC;IACrB,IAAI,EAAE;QACJ,UAAU,EAAE,EAAE,CAAC;QACf,KAAK,EAAE;YACL,QAAQ,CAAC,EAAE,OAAO,CAAC;YACnB,WAAW,CAAC,EAAE,WAAW,CAAC;YAC1B,QAAQ,CAAC,EAAE,eAAe,CAAC;SAC5B,GAAG,gBAAgB,CAAC,CAAC,CAAC,CAAC;KACzB,CAAC;CACH;AAED,MAAM,CAAC,OAAO,OAAO,eAAe,CAAC,CAAC,CAAE,SAAQ,QAAQ,CAAC,gBAAgB,CAAC,CAAC,CAAC,CAAC;IAC3E,OAAO,CAAC,OAAO,CAAC,CAAU;IAC1B,QAAgB,OAAO,CAAyB;IAChD,QAAgB,OAAO,CAAe;IAEtC,OAAO,CAAC,SAAS,CAAC,CAAM;IACxB,OAAO,CAAC,aAAa,CAAC,CAAU;IAChC,OAAO,CAAC,YAAY,CAAC,CAAU;IAC/B,OAAO,CAAC,eAAe,CAAC,CAAc;gBAE1B,KAAK,EAAE,KAAK,EAAE,IAAI,EAAE,OAAO,CAAC,gBAAgB,CAAC,CAAC,CAAC,CAAC;IAS5D,MAAM,CACJ,OAAO,EAAE,OAAO,EAChB,CAAC,EAAE,cAAc,CAAC,gBAAgB,CAAC,CAAC,CAAC,CAAC,EACtC,OAAO,EAAE,SAAS,CAAC,gBAAgB,CAAC,CAAC,CAAC,CAAC;CA2D1C"}

package/declarations/template-registry.d.ts

@@ -1,7 +1,9 @@
-import type listbox from './modifiers/listbox';
-import type menu from './modifiers/menu';
+import type listbox from './modifiers/aria-listbox';
+import type menu from './modifiers/aria-menu';
+import type tablist from './modifiers/aria-tablist';
 export default interface AriaVoyagerRegistry {
-    listbox: typeof listbox;
-    menu: typeof menu;
+    'aria-listbox': typeof listbox;
+    'aria-menu': typeof menu;
+    'aria-tablist': typeof tablist;
 }
 //# sourceMappingURL=template-registry.d.ts.map

package/declarations/template-registry.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"template-registry.d.ts","sourceRoot":"","sources":["../src/template-registry.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,OAAO,MAAM,qBAAqB,CAAC;AAC/C,OAAO,KAAK,IAAI,MAAM,kBAAkB,CAAC;AAEzC,MAAM,CAAC,OAAO,WAAW,mBAAmB;IAC1C,OAAO,EAAE,OAAO,OAAO,CAAC;IACxB,IAAI,EAAE,OAAO,IAAI,CAAC;CACnB"}
+{"version":3,"file":"template-registry.d.ts","sourceRoot":"","sources":["../src/template-registry.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,OAAO,MAAM,0BAA0B,CAAC;AACpD,OAAO,KAAK,IAAI,MAAM,uBAAuB,CAAC;AAC9C,OAAO,KAAK,OAAO,MAAM,0BAA0B,CAAC;AAEpD,MAAM,CAAC,OAAO,WAAW,mBAAmB;IAE1C,cAAc,EAAE,OAAO,OAAO,CAAC;IAE/B,WAAW,EAAE,OAAO,IAAI,CAAC;IAEzB,cAAc,EAAE,OAAO,OAAO,CAAC;CAChC"}

package/declarations/test-support/index.d.ts

@@ -1,3 +1,4 @@
 export * from './listbox';
 export * from './menu';
+export * from './tablist';
 //# sourceMappingURL=index.d.ts.map

package/declarations/test-support/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/test-support/index.ts"],"names":[],"mappings":"AAEA,cAAc,WAAW,CAAC;AAC1B,cAAc,QAAQ,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/test-support/index.ts"],"names":[],"mappings":"AAEA,cAAc,WAAW,CAAC;AAC1B,cAAc,QAAQ,CAAC;AACvB,cAAc,WAAW,CAAC"}

package/declarations/test-support/tablist.d.ts

@@ -0,0 +1,11 @@
+type Selectors = {
+    tablist: string;
+    item: string;
+};
+export declare function testTablistKeyboardNavigation(assert: Assert, selectors?: Partial<Selectors>): Promise<void>;
+export declare function testTablistKeyboardAutomaticSelection(assert: Assert, selectors?: Partial<Selectors>): Promise<void>;
+export declare function testTablistKeyboardManualSelection(assert: Assert, selectors?: Partial<Selectors>): Promise<void>;
+export declare function testTablistPointerNavigation(assert: Assert, selectors?: Partial<Selectors>): Promise<void>;
+export declare function testTablistPointerSelection(assert: Assert, selectors?: Partial<Selectors>): Promise<void>;
+export {};
+//# sourceMappingURL=tablist.d.ts.map

package/declarations/test-support/tablist.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"tablist.d.ts","sourceRoot":"","sources":["../../src/test-support/tablist.ts"],"names":[],"mappings":"AAIA,KAAK,SAAS,GAAG;IACf,OAAO,EAAE,MAAM,CAAC;IAChB,IAAI,EAAE,MAAM,CAAC;CACd,CAAC;AAgCF,wBAAsB,6BAA6B,CACjD,MAAM,EAAE,MAAM,EACd,SAAS,GAAE,OAAO,CAAC,SAAS,CAAqB,GAChD,OAAO,CAAC,IAAI,CAAC,CA6Bf;AAED,wBAAsB,qCAAqC,CACzD,MAAM,EAAE,MAAM,EACd,SAAS,GAAE,OAAO,CAAC,SAAS,CAAqB,GAChD,OAAO,CAAC,IAAI,CAAC,CAqBf;AAED,wBAAsB,kCAAkC,CACtD,MAAM,EAAE,MAAM,EACd,SAAS,GAAE,OAAO,CAAC,SAAS,CAAqB,GAChD,OAAO,CAAC,IAAI,CAAC,CAmCf;AAMD,wBAAsB,4BAA4B,CAChD,MAAM,EAAE,MAAM,EACd,SAAS,GAAE,OAAO,CAAC,SAAS,CAAqB,GAChD,OAAO,CAAC,IAAI,CAAC,CAef;AAED,wBAAsB,2BAA2B,CAC/C,MAAM,EAAE,MAAM,EACd,SAAS,GAAE,OAAO,CAAC,SAAS,CAAqB,GAChD,OAAO,CAAC,IAAI,CAAC,CAmBf"}

package/dist/-emitter-CQPiyyOK.js

@@ -0,0 +1,47 @@
+import { ItemEmitStrategy, IndexEmitStrategy } from 'aria-voyager';
+
+function asArray(val) {
+  if (val === undefined) {
+    return [];
+  }
+
+  // eslint-disable-next-line @typescript-eslint/no-unsafe-return
+  return Array.isArray(val) ? val : [val];
+}
+function createItemEmitter(control, options) {
+  return new ItemEmitStrategy(control, {
+    select: selection => {
+      options.select?.(options.multi ? selection : selection[0]);
+    },
+    activateItem: item => {
+      options.activateItem?.(item);
+    }
+  });
+}
+function createIndexEmitter(control, options) {
+  const findByIndex = index => {
+    return options.items[index] ?? undefined;
+  };
+  return new IndexEmitStrategy(control, {
+    select: selection => {
+      if (options.multi) {
+        const items = selection.map(index => findByIndex(index)).filter(i => i !== undefined);
+        options.select?.(items);
+      } else {
+        const item = findByIndex(selection[0]);
+        if (item) {
+          options.select?.(item);
+        }
+      }
+    },
+    activateItem: index => {
+      const item = findByIndex(index);
+      if (item) {
+        options.activateItem?.(item);
+      }
+    }
+  });
+}
+
+export { createItemEmitter as a, asArray as b, createIndexEmitter as c };
+//# sourceMappingURL=-emitter-CQPiyyOK.js.map

package/dist/-emitter-CQPiyyOK.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"-emitter-CQPiyyOK.js","sources":["../src/modifiers/-emitter.ts"],"sourcesContent":["import { type Control, IndexEmitStrategy, ItemEmitStrategy } from 'aria-voyager';\n\nexport function asArray(val?: unknown) {\n  if (val === undefined) {\n    return [];\n  }\n\n  // eslint-disable-next-line @typescript-eslint/no-unsafe-return\n  return Array.isArray(val) ? val : [val];\n}\n\nexport type WithItems<T> = {\n  items: T[];\n  selection?: T | T[];\n  activateItem?: (item: T) => void;\n} & (\n  | {\n      multi: true;\n      select?: (selection: T[]) => void;\n    }\n  | {\n      multi?: false;\n      select?: (selection: T) => void;\n    }\n);\n\nexport type OptionalItems = {\n  items?: HTMLElement[];\n  selection?: HTMLElement | HTMLElement[];\n  activateItem?: (item: HTMLElement) => void;\n} & (\n  | {\n      multi: true;\n      select?: (selection: HTMLElement[]) => void;\n    }\n  | {\n      multi?: false;\n      select?: (selection: HTMLElement) => void;\n    }\n);\n\nexport type EmitterSignature<T> = WithItems<T> | OptionalItems;\n\nexport function createItemEmitter<T>(control: Control, options: EmitterSignature<T>) {\n  return new ItemEmitStrategy(control, {\n    select: (selection: HTMLElement[]) => {\n      (options.select as ((selection: HTMLElement | HTMLElement[]) => void) | undefined)?.(\n        options.multi ? selection : (selection[0] as HTMLElement)\n      );\n    },\n\n    activateItem: (item: HTMLElement) => {\n      (options.activateItem as ((item: HTMLElement) => void) | undefined)?.(item);\n    }\n  });\n}\n\nexport function createIndexEmitter<T>(control: Control, options: EmitterSignature<T>) {\n  const findByIndex = (index: number) => {\n    return (options as WithItems<T>).items[index] ?? undefined;\n  };\n\n  return new IndexEmitStrategy(control, {\n    select: (selection: number[]) => {\n      if (options.multi) {\n        const items = selection\n          .map((index) => findByIndex(index))\n          .filter((i) => i !== undefined) as T[];\n\n        (options.select as ((selection: T[]) => void) | undefined)?.(items);\n      } else {\n        const item = findByIndex(selection[0] as number);\n\n        if (item) {\n          (options.select as ((selection: T) => void) | undefined)?.(item);\n        }\n      }\n    },\n\n    activateItem: (index: number) => {\n      const item = findByIndex(index);\n\n      if (item) {\n        (options.activateItem as ((item: T) => void) | undefined)?.(item);\n      }\n    }\n  });\n}\n"],"names":["asArray","val","undefined","Array","isArray","createItemEmitter","control","options","ItemEmitStrategy","select","selection","multi","activateItem","item","createIndexEmitter","findByIndex","index","items","IndexEmitStrategy","map","filter","i"],"mappings":";;AAEO,SAASA,OAAOA,CAACC,GAAa,EAAE;EACrC,IAAIA,GAAG,KAAKC,SAAS,EAAE;AACrB,IAAA,OAAO,EAAE;AACX;;AAEA;EACA,OAAOC,KAAK,CAACC,OAAO,CAACH,GAAG,CAAC,GAAGA,GAAG,GAAG,CAACA,GAAG,CAAC;AACzC;AAkCO,SAASI,iBAAiBA,CAAIC,OAAgB,EAAEC,OAA4B,EAAE;AACnF,EAAA,OAAO,IAAIC,gBAAgB,CAACF,OAAO,EAAE;IACnCG,MAAM,EAAGC,SAAwB,IAAK;AACnCH,MAAAA,OAAO,CAACE,MAAM,GACbF,OAAO,CAACI,KAAK,GAAGD,SAAS,GAAIA,SAAS,CAAC,CAAC,CAC1C,CAAC;KACF;IAEDE,YAAY,EAAGC,IAAiB,IAAK;AAClCN,MAAAA,OAAO,CAACK,YAAY,GAAiDC,IAAI,CAAC;AAC7E;AACF,GAAC,CAAC;AACJ;AAEO,SAASC,kBAAkBA,CAAIR,OAAgB,EAAEC,OAA4B,EAAE;EACpF,MAAMQ,WAAW,GAAIC,KAAa,IAAK;AACrC,IAAA,OAAQT,OAAO,CAAkBU,KAAK,CAACD,KAAK,CAAC,IAAId,SAAS;GAC3D;AAED,EAAA,OAAO,IAAIgB,iBAAiB,CAACZ,OAAO,EAAE;IACpCG,MAAM,EAAGC,SAAmB,IAAK;MAC/B,IAAIH,OAAO,CAACI,KAAK,EAAE;QACjB,MAAMM,KAAK,GAAGP,SAAS,CACpBS,GAAG,CAAEH,KAAK,IAAKD,WAAW,CAACC,KAAK,CAAC,CAAC,CAClCI,MAAM,CAAEC,CAAC,IAAKA,CAAC,KAAKnB,SAAS,CAAQ;AAEvCK,QAAAA,OAAO,CAACE,MAAM,GAA8CQ,KAAK,CAAC;AACrE,OAAC,MAAM;QACL,MAAMJ,IAAI,GAAGE,WAAW,CAACL,SAAS,CAAC,CAAC,CAAW,CAAC;AAEhD,QAAA,IAAIG,IAAI,EAAE;AACPN,UAAAA,OAAO,CAACE,MAAM,GAA4CI,IAAI,CAAC;AAClE;AACF;KACD;IAEDD,YAAY,EAAGI,KAAa,IAAK;AAC/B,MAAA,MAAMH,IAAI,GAAGE,WAAW,CAACC,KAAK,CAAC;AAE/B,MAAA,IAAIH,IAAI,EAAE;AACPN,QAAAA,OAAO,CAACK,YAAY,GAAuCC,IAAI,CAAC;AACnE;AACF;AACF,GAAC,CAAC;AACJ;;;;"}

package/dist/_app_/modifiers/aria-listbox.js

@@ -0,0 +1 @@
+export { default } from "ember-aria-voyager/modifiers/aria-listbox";

package/dist/_app_/modifiers/aria-menu.js

@@ -0,0 +1 @@
+export { default } from "ember-aria-voyager/modifiers/aria-menu";

package/dist/_app_/modifiers/aria-tablist.js

@@ -0,0 +1 @@
+export { default } from "ember-aria-voyager/modifiers/aria-tablist";

package/dist/index.js

@@ -1,3 +1,4 @@
-export { default as listbox } from './modifiers/listbox.js';
-export { default as menu } from './modifiers/menu.js';
+export { default as ariaListbox, default as listbox } from './modifiers/aria-listbox.js';
+export { default as ariaMenu, default as menu } from './modifiers/aria-menu.js';
+export { default as ariaTablist, default as tablist } from './modifiers/aria-tablist.js';
 //# sourceMappingURL=index.js.map

package/dist/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";"}
+{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;"}

package/dist/modifiers/{listbox.js → aria-listbox.js}

@@ -1,50 +1,17 @@
+import { registerDestructor } from '@ember/destroyable';
 import { ReactiveUpdateStrategy, Listbox, IndexEmitStrategy, ItemEmitStrategy } from 'aria-voyager';
 import Modifier from 'ember-modifier';
 import isEqual from 'lodash.isequal';
+import { c as createIndexEmitter, a as createItemEmitter, b as asArray } from '../-emitter-CQPiyyOK.js';
 
-function asArray(val) {
-  if (val === undefined) {
-    return [];
-  }
-
-  // eslint-disable-next-line @typescript-eslint/no-unsafe-return
-  return Array.isArray(val) ? val : [val];
-}
-function createItemEmitter(listbox, options) {
-  return new ItemEmitStrategy(listbox, {
-    select: selection => {
-      options.select?.(options.multi ? selection : selection[0]);
-    },
-    activateItem: item => {
-      options.activateItem?.(item);
-    }
-  });
-}
-function createIndexEmitter(listbox, options) {
-  const findByIndex = index => {
-    return options.items[index] ?? undefined;
-  };
-  return new IndexEmitStrategy(listbox, {
-    select: selection => {
-      if (options.multi) {
-        const items = selection.map(index => findByIndex(index)).filter(i => i !== undefined);
-        options.select?.(items);
-      } else {
-        const item = findByIndex(selection[0]);
-        if (item) {
-          options.select?.(item);
-        }
-      }
-    },
-    activateItem: index => {
-      const item = findByIndex(index);
-      if (item) {
-        options.activateItem?.(item);
-      }
-    }
-  });
-}
 class ListboxModifier extends Modifier {
+  constructor(owner, args) {
+    super(owner, args);
+    registerDestructor(this, () => {
+      // eslint-disable-next-line @typescript-eslint/no-unsafe-call
+      this.listbox?.dispose();
+    });
+  }
   modify(element, _, options) {
     if (!this.listbox) {
       this.updater = new ReactiveUpdateStrategy();
@@ -91,4 +58,4 @@ class ListboxModifier extends Modifier {
 }
 
 export { ListboxModifier as default };
-//# sourceMappingURL=listbox.js.map
+//# sourceMappingURL=aria-listbox.js.map

package/dist/modifiers/aria-listbox.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"aria-listbox.js","sources":["../../src/modifiers/aria-listbox.ts"],"sourcesContent":["import { registerDestructor } from '@ember/destroyable';\n\nimport { IndexEmitStrategy, ItemEmitStrategy, Listbox, ReactiveUpdateStrategy } from 'aria-voyager';\nimport Modifier from 'ember-modifier';\nimport isEqual from 'lodash.isequal';\n\nimport {\n  asArray,\n  createIndexEmitter,\n  createItemEmitter,\n  type EmitterSignature,\n  type WithItems\n} from './-emitter';\n\nimport type Owner from '@ember/owner';\nimport type { EmitStrategy } from 'aria-voyager';\nimport type { ArgsFor, NamedArgs, PositionalArgs } from 'ember-modifier';\n\ninterface ListboxSignature<T> {\n  Args: {\n    Positional: [];\n    Named: { disabled?: boolean } & EmitterSignature<T>;\n  };\n}\n\nexport default class ListboxModifier<T> extends Modifier<ListboxSignature<T>> {\n  private listbox?: Listbox;\n  declare private updater: ReactiveUpdateStrategy;\n  declare private emitter: EmitStrategy;\n\n  private prevItems?: T[];\n  private prevSelection?: T | T[];\n  private prevMulti?: boolean;\n  private prevDisabled?: boolean;\n\n  constructor(owner: Owner, args: ArgsFor<ListboxSignature<T>>) {\n    super(owner, args);\n\n    registerDestructor(this, () => {\n      // eslint-disable-next-line @typescript-eslint/no-unsafe-call\n      this.listbox?.dispose();\n    });\n  }\n\n  modify(\n    element: Element,\n    _: PositionalArgs<ListboxSignature<T>>,\n    options: NamedArgs<ListboxSignature<T>>\n  ) {\n    if (!this.listbox) {\n      this.updater = new ReactiveUpdateStrategy();\n\n      this.listbox = new Listbox(element as HTMLElement, {\n        updater: this.updater\n      });\n    }\n\n    if (options.items && !(this.emitter instanceof IndexEmitStrategy)) {\n      this.emitter = createIndexEmitter<T>(this.listbox, options);\n    } else if (!options.items && !(this.emitter instanceof ItemEmitStrategy)) {\n      this.emitter = createItemEmitter<T>(this.listbox, options);\n    }\n\n    if (options.items && !isEqual(this.prevItems, (options as WithItems<T>).items)) {\n      this.updater.updateItems();\n      this.prevItems = [...(options as WithItems<T>).items];\n    }\n\n    if (options.selection && !isEqual(asArray(this.prevSelection), asArray(options.selection))) {\n      this.updater.updateSelection();\n      this.prevSelection = asArray(options.selection);\n    }\n\n    let optionsChanged = false;\n\n    if (this.prevMulti !== options.multi) {\n      if (options.multi) {\n        element.setAttribute('aria-multiselectable', 'true');\n      } else {\n        element.removeAttribute('aria-multiselectable');\n      }\n\n      optionsChanged = true;\n\n      this.prevMulti = options.multi;\n    }\n\n    if (this.prevDisabled !== options.disabled) {\n      if (options.disabled) {\n        element.setAttribute('aria-disabled', 'true');\n      } else {\n        element.removeAttribute('aria-disabled');\n      }\n\n      optionsChanged = true;\n\n      this.prevDisabled = options.disabled;\n    }\n\n    if (optionsChanged) {\n      this.updater.updateOptions();\n    }\n  }\n}\n"],"names":["ListboxModifier","Modifier","constructor","owner","args","registerDestructor","listbox","dispose","modify","element","_","options","updater","ReactiveUpdateStrategy","Listbox","items","emitter","IndexEmitStrategy","createIndexEmitter","ItemEmitStrategy","createItemEmitter","isEqual","prevItems","updateItems","selection","asArray","prevSelection","updateSelection","optionsChanged","prevMulti","multi","setAttribute","removeAttribute","prevDisabled","disabled","updateOptions"],"mappings":";;;;;;AAyBe,MAAMA,eAAe,SAAYC,QAAQ,CAAsB;AAU5EC,EAAAA,WAAWA,CAACC,KAAY,EAAEC,IAAkC,EAAE;AAC5D,IAAA,KAAK,CAACD,KAAK,EAAEC,IAAI,CAAC;IAElBC,kBAAkB,CAAC,IAAI,EAAE,MAAM;AAC7B;AACA,MAAA,IAAI,CAACC,OAAO,EAAEC,OAAO,EAAE;AACzB,KAAC,CAAC;AACJ;AAEAC,EAAAA,MAAMA,CACJC,OAAgB,EAChBC,CAAsC,EACtCC,OAAuC,EACvC;AACA,IAAA,IAAI,CAAC,IAAI,CAACL,OAAO,EAAE;AACjB,MAAA,IAAI,CAACM,OAAO,GAAG,IAAIC,sBAAsB,EAAE;AAE3C,MAAA,IAAI,CAACP,OAAO,GAAG,IAAIQ,OAAO,CAACL,OAAO,EAAiB;QACjDG,OAAO,EAAE,IAAI,CAACA;AAChB,OAAC,CAAC;AACJ;IAEA,IAAID,OAAO,CAACI,KAAK,IAAI,EAAE,IAAI,CAACC,OAAO,YAAYC,iBAAiB,CAAC,EAAE;MACjE,IAAI,CAACD,OAAO,GAAGE,kBAAkB,CAAI,IAAI,CAACZ,OAAO,EAAEK,OAAO,CAAC;AAC7D,KAAC,MAAM,IAAI,CAACA,OAAO,CAACI,KAAK,IAAI,EAAE,IAAI,CAACC,OAAO,YAAYG,gBAAgB,CAAC,EAAE;MACxE,IAAI,CAACH,OAAO,GAAGI,iBAAiB,CAAI,IAAI,CAACd,OAAO,EAAEK,OAAO,CAAC;AAC5D;AAEA,IAAA,IAAIA,OAAO,CAACI,KAAK,IAAI,CAACM,OAAO,CAAC,IAAI,CAACC,SAAS,EAAGX,OAAO,CAAkBI,KAAK,CAAC,EAAE;AAC9E,MAAA,IAAI,CAACH,OAAO,CAACW,WAAW,EAAE;MAC1B,IAAI,CAACD,SAAS,GAAG,CAAC,GAAIX,OAAO,CAAkBI,KAAK,CAAC;AACvD;IAEA,IAAIJ,OAAO,CAACa,SAAS,IAAI,CAACH,OAAO,CAACI,OAAO,CAAC,IAAI,CAACC,aAAa,CAAC,EAAED,OAAO,CAACd,OAAO,CAACa,SAAS,CAAC,CAAC,EAAE;AAC1F,MAAA,IAAI,CAACZ,OAAO,CAACe,eAAe,EAAE;MAC9B,IAAI,CAACD,aAAa,GAAGD,OAAO,CAACd,OAAO,CAACa,SAAS,CAAC;AACjD;IAEA,IAAII,cAAc,GAAG,KAAK;AAE1B,IAAA,IAAI,IAAI,CAACC,SAAS,KAAKlB,OAAO,CAACmB,KAAK,EAAE;MACpC,IAAInB,OAAO,CAACmB,KAAK,EAAE;AACjBrB,QAAAA,OAAO,CAACsB,YAAY,CAAC,sBAAsB,EAAE,MAAM,CAAC;AACtD,OAAC,MAAM;AACLtB,QAAAA,OAAO,CAACuB,eAAe,CAAC,sBAAsB,CAAC;AACjD;AAEAJ,MAAAA,cAAc,GAAG,IAAI;AAErB,MAAA,IAAI,CAACC,SAAS,GAAGlB,OAAO,CAACmB,KAAK;AAChC;AAEA,IAAA,IAAI,IAAI,CAACG,YAAY,KAAKtB,OAAO,CAACuB,QAAQ,EAAE;MAC1C,IAAIvB,OAAO,CAACuB,QAAQ,EAAE;AACpBzB,QAAAA,OAAO,CAACsB,YAAY,CAAC,eAAe,EAAE,MAAM,CAAC;AAC/C,OAAC,MAAM;AACLtB,QAAAA,OAAO,CAACuB,eAAe,CAAC,eAAe,CAAC;AAC1C;AAEAJ,MAAAA,cAAc,GAAG,IAAI;AAErB,MAAA,IAAI,CAACK,YAAY,GAAGtB,OAAO,CAACuB,QAAQ;AACtC;AAEA,IAAA,IAAIN,cAAc,EAAE;AAClB,MAAA,IAAI,CAAChB,OAAO,CAACuB,aAAa,EAAE;AAC9B;AACF;AACF;;;;"}

package/dist/modifiers/{menu.js → aria-menu.js}

@@ -1,8 +1,16 @@
+import { registerDestructor } from '@ember/destroyable';
 import { ReactiveUpdateStrategy, Menu } from 'aria-voyager';
 import Modifier from 'ember-modifier';
 import isEqual from 'lodash.isequal';
 
 class MenuModifier extends Modifier {
+  constructor(owner, args) {
+    super(owner, args);
+    registerDestructor(this, () => {
+      // eslint-disable-next-line @typescript-eslint/no-unsafe-call
+      this.menu?.dispose();
+    });
+  }
   modify(element, _, options) {
     if (!this.menu) {
       this.updater = new ReactiveUpdateStrategy();
@@ -31,4 +39,4 @@ class MenuModifier extends Modifier {
 }
 
 export { MenuModifier as default };
-//# sourceMappingURL=menu.js.map
+//# sourceMappingURL=aria-menu.js.map

package/dist/modifiers/aria-menu.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"aria-menu.js","sources":["../../src/modifiers/aria-menu.ts"],"sourcesContent":["import { registerDestructor } from '@ember/destroyable';\n\nimport { Menu, ReactiveUpdateStrategy } from 'aria-voyager';\nimport Modifier from 'ember-modifier';\nimport isEqual from 'lodash.isequal';\n\nimport type Owner from '@ember/owner';\nimport type { EmitStrategy } from 'aria-voyager';\nimport type { ArgsFor, NamedArgs, PositionalArgs } from 'ember-modifier';\n\nexport interface MenuSignature<T> {\n  Element: HTMLElement;\n  Args: {\n    Positional: [];\n    Named: {\n      items?: T[];\n      disabled?: boolean;\n    };\n  };\n}\n\nexport default class MenuModifier<T> extends Modifier<MenuSignature<T>> {\n  private menu?: Menu;\n  declare private updater: ReactiveUpdateStrategy;\n  declare private emitter: EmitStrategy;\n\n  private prevItems?: T[];\n  private prevDisabled?: boolean;\n\n  constructor(owner: Owner, args: ArgsFor<MenuSignature<T>>) {\n    super(owner, args);\n\n    registerDestructor(this, () => {\n      // eslint-disable-next-line @typescript-eslint/no-unsafe-call\n      this.menu?.dispose();\n    });\n  }\n\n  modify(\n    element: Element,\n    _: PositionalArgs<MenuSignature<T>>,\n    options: NamedArgs<MenuSignature<T>>\n  ) {\n    if (!this.menu) {\n      this.updater = new ReactiveUpdateStrategy();\n\n      this.menu = new Menu(element as HTMLElement, {\n        updater: this.updater\n      });\n    }\n\n    if (options.items && !isEqual(this.prevItems, options.items)) {\n      this.updater.updateItems();\n      this.prevItems = [...options.items];\n    }\n\n    let optionsChanged = false;\n\n    if (this.prevDisabled !== options.disabled) {\n      if (options.disabled) {\n        element.setAttribute('aria-disabled', 'true');\n      } else {\n        element.removeAttribute('aria-disabled');\n      }\n\n      optionsChanged = true;\n\n      this.prevDisabled = options.disabled;\n    }\n\n    if (optionsChanged) {\n      this.updater.updateOptions();\n    }\n  }\n}\n"],"names":["MenuModifier","Modifier","constructor","owner","args","registerDestructor","menu","dispose","modify","element","_","options","updater","ReactiveUpdateStrategy","Menu","items","isEqual","prevItems","updateItems","optionsChanged","prevDisabled","disabled","setAttribute","removeAttribute","updateOptions"],"mappings":";;;;;AAqBe,MAAMA,YAAY,SAAYC,QAAQ,CAAmB;AAQtEC,EAAAA,WAAWA,CAACC,KAAY,EAAEC,IAA+B,EAAE;AACzD,IAAA,KAAK,CAACD,KAAK,EAAEC,IAAI,CAAC;IAElBC,kBAAkB,CAAC,IAAI,EAAE,MAAM;AAC7B;AACA,MAAA,IAAI,CAACC,IAAI,EAAEC,OAAO,EAAE;AACtB,KAAC,CAAC;AACJ;AAEAC,EAAAA,MAAMA,CACJC,OAAgB,EAChBC,CAAmC,EACnCC,OAAoC,EACpC;AACA,IAAA,IAAI,CAAC,IAAI,CAACL,IAAI,EAAE;AACd,MAAA,IAAI,CAACM,OAAO,GAAG,IAAIC,sBAAsB,EAAE;AAE3C,MAAA,IAAI,CAACP,IAAI,GAAG,IAAIQ,IAAI,CAACL,OAAO,EAAiB;QAC3CG,OAAO,EAAE,IAAI,CAACA;AAChB,OAAC,CAAC;AACJ;AAEA,IAAA,IAAID,OAAO,CAACI,KAAK,IAAI,CAACC,OAAO,CAAC,IAAI,CAACC,SAAS,EAAEN,OAAO,CAACI,KAAK,CAAC,EAAE;AAC5D,MAAA,IAAI,CAACH,OAAO,CAACM,WAAW,EAAE;MAC1B,IAAI,CAACD,SAAS,GAAG,CAAC,GAAGN,OAAO,CAACI,KAAK,CAAC;AACrC;IAEA,IAAII,cAAc,GAAG,KAAK;AAE1B,IAAA,IAAI,IAAI,CAACC,YAAY,KAAKT,OAAO,CAACU,QAAQ,EAAE;MAC1C,IAAIV,OAAO,CAACU,QAAQ,EAAE;AACpBZ,QAAAA,OAAO,CAACa,YAAY,CAAC,eAAe,EAAE,MAAM,CAAC;AAC/C,OAAC,MAAM;AACLb,QAAAA,OAAO,CAACc,eAAe,CAAC,eAAe,CAAC;AAC1C;AAEAJ,MAAAA,cAAc,GAAG,IAAI;AAErB,MAAA,IAAI,CAACC,YAAY,GAAGT,OAAO,CAACU,QAAQ;AACtC;AAEA,IAAA,IAAIF,cAAc,EAAE;AAClB,MAAA,IAAI,CAACP,OAAO,CAACY,aAAa,EAAE;AAC9B;AACF;AACF;;;;"}

package/dist/modifiers/aria-tablist.js

@@ -0,0 +1,65 @@
+import { registerDestructor } from '@ember/destroyable';
+import { ReactiveUpdateStrategy, Tablist, IndexEmitStrategy, ItemEmitStrategy } from 'aria-voyager';
+import Modifier from 'ember-modifier';
+import isEqual from 'lodash.isequal';
+import { c as createIndexEmitter, a as createItemEmitter, b as asArray } from '../-emitter-CQPiyyOK.js';
+
+class TablistModifier extends Modifier {
+  constructor(owner, args) {
+    super(owner, args);
+    registerDestructor(this, () => {
+      // eslint-disable-next-line @typescript-eslint/no-unsafe-call
+      this.tablist?.dispose();
+    });
+  }
+  modify(element, _, options) {
+    if (!this.tablist) {
+      this.updater = new ReactiveUpdateStrategy();
+      this.tablist = new Tablist(element, {
+        updater: this.updater,
+        // eslint-disable-next-line @typescript-eslint/no-unsafe-assignment
+        behavior: options.behavior
+      });
+    }
+    if (options.items && !(this.emitter instanceof IndexEmitStrategy)) {
+      this.emitter = createIndexEmitter(this.tablist, options);
+    } else if (!options.items && !(this.emitter instanceof ItemEmitStrategy)) {
+      this.emitter = createItemEmitter(this.tablist, options);
+    }
+    if (options.items && !isEqual(this.prevItems, options.items)) {
+      this.updater.updateItems();
+      this.prevItems = [...options.items];
+    }
+    if (options.selection && !isEqual(asArray(this.prevSelection), asArray(options.selection))) {
+      this.updater.updateSelection();
+      this.prevSelection = asArray(options.selection);
+    }
+    let optionsChanged = false;
+    if (this.prevOrientation !== options.orientation) {
+      if (options.orientation) {
+        element.setAttribute('aria-orientation', options.orientation);
+      } else {
+        element.removeAttribute('aria-orientation');
+      }
+      optionsChanged = true;
+
+      // eslint-disable-next-line @typescript-eslint/no-unsafe-assignment
+      this.prevOrientation = options.orientation;
+    }
+    if (this.prevDisabled !== options.disabled) {
+      if (options.disabled) {
+        element.setAttribute('aria-disabled', 'true');
+      } else {
+        element.removeAttribute('aria-disabled');
+      }
+      optionsChanged = true;
+      this.prevDisabled = options.disabled;
+    }
+    if (optionsChanged) {
+      this.updater.updateOptions();
+    }
+  }
+}
+
+export { TablistModifier as default };
+//# sourceMappingURL=aria-tablist.js.map

package/dist/modifiers/aria-tablist.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"aria-tablist.js","sources":["../../src/modifiers/aria-tablist.ts"],"sourcesContent":["import { registerDestructor } from '@ember/destroyable';\n\nimport { IndexEmitStrategy, ItemEmitStrategy, ReactiveUpdateStrategy, Tablist } from 'aria-voyager';\nimport Modifier from 'ember-modifier';\nimport isEqual from 'lodash.isequal';\n\nimport {\n  asArray,\n  createIndexEmitter,\n  createItemEmitter,\n  type EmitterSignature,\n  type WithItems\n} from './-emitter';\n\nimport type Owner from '@ember/owner';\nimport type { EmitStrategy, Orientation, TablistBehavior } from 'aria-voyager';\nimport type { ArgsFor, NamedArgs, PositionalArgs } from 'ember-modifier';\n\nexport interface TablistSignature<T> {\n  Element: HTMLElement;\n  Args: {\n    Positional: [];\n    Named: {\n      disabled?: boolean;\n      orientation?: Orientation;\n      behavior?: TablistBehavior;\n    } & EmitterSignature<T>;\n  };\n}\n\nexport default class TablistModifier<T> extends Modifier<TablistSignature<T>> {\n  private tablist?: Tablist;\n  declare private updater: ReactiveUpdateStrategy;\n  declare private emitter: EmitStrategy;\n\n  private prevItems?: T[];\n  private prevSelection?: T | T[];\n  private prevDisabled?: boolean;\n  private prevOrientation?: Orientation;\n\n  constructor(owner: Owner, args: ArgsFor<TablistSignature<T>>) {\n    super(owner, args);\n\n    registerDestructor(this, () => {\n      // eslint-disable-next-line @typescript-eslint/no-unsafe-call\n      this.tablist?.dispose();\n    });\n  }\n\n  modify(\n    element: Element,\n    _: PositionalArgs<TablistSignature<T>>,\n    options: NamedArgs<TablistSignature<T>>\n  ) {\n    if (!this.tablist) {\n      this.updater = new ReactiveUpdateStrategy();\n\n      this.tablist = new Tablist(element as HTMLElement, {\n        updater: this.updater,\n        // eslint-disable-next-line @typescript-eslint/no-unsafe-assignment\n        behavior: options.behavior\n      });\n    }\n\n    if (options.items && !(this.emitter instanceof IndexEmitStrategy)) {\n      this.emitter = createIndexEmitter<T>(this.tablist, options);\n    } else if (!options.items && !(this.emitter instanceof ItemEmitStrategy)) {\n      this.emitter = createItemEmitter<T>(this.tablist, options);\n    }\n\n    if (options.items && !isEqual(this.prevItems, (options as WithItems<T>).items)) {\n      this.updater.updateItems();\n      this.prevItems = [...(options as WithItems<T>).items];\n    }\n\n    if (options.selection && !isEqual(asArray(this.prevSelection), asArray(options.selection))) {\n      this.updater.updateSelection();\n      this.prevSelection = asArray(options.selection);\n    }\n\n    let optionsChanged = false;\n\n    if (this.prevOrientation !== options.orientation) {\n      if (options.orientation) {\n        element.setAttribute('aria-orientation', options.orientation as string);\n      } else {\n        element.removeAttribute('aria-orientation');\n      }\n\n      optionsChanged = true;\n\n      // eslint-disable-next-line @typescript-eslint/no-unsafe-assignment\n      this.prevOrientation = options.orientation;\n    }\n\n    if (this.prevDisabled !== options.disabled) {\n      if (options.disabled) {\n        element.setAttribute('aria-disabled', 'true');\n      } else {\n        element.removeAttribute('aria-disabled');\n      }\n\n      optionsChanged = true;\n\n      this.prevDisabled = options.disabled;\n    }\n\n    if (optionsChanged) {\n      this.updater.updateOptions();\n    }\n  }\n}\n"],"names":["TablistModifier","Modifier","constructor","owner","args","registerDestructor","tablist","dispose","modify","element","_","options","updater","ReactiveUpdateStrategy","Tablist","behavior","items","emitter","IndexEmitStrategy","createIndexEmitter","ItemEmitStrategy","createItemEmitter","isEqual","prevItems","updateItems","selection","asArray","prevSelection","updateSelection","optionsChanged","prevOrientation","orientation","setAttribute","removeAttribute","prevDisabled","disabled","updateOptions"],"mappings":"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"}