ember-aria-voyager 0.0.4 → 0.1.0

package/LICENSE

@@ -0,0 +1,7 @@
+Copyright 2024 Thomas Gossmann
+
+Permission is hereby granted, free of charge, to any person obtaining a copy of this software and associated documentation files (the “Software”), to deal in the Software without restriction, including without limitation the rights to use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of the Software, and to permit persons to whom the Software is furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED “AS IS”, WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.

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/-private/-get-element.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"-get-element.d.ts","sourceRoot":"","sources":["../../../src/test-support/-private/-get-element.ts"],"names":[],"mappings":"AAEA,OAAO,EACL,KAAK,qBAAqB,EAG3B,MAAM,yBAAyB,CAAC;AAIjC,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,qBAAqB,CAAC;AAElD,iBAAS,UAAU,CAAC,CAAC,SAAS,MAAM,CAAC,qBAAqB,GAAG,oBAAoB,CAAC,EAChF,MAAM,EAAE,CAAC,GACR,CAAC,qBAAqB,CAAC,CAAC,CAAC,GAAG,oBAAoB,CAAC,CAAC,CAAC,CAAC,GAAG,IAAI,CAAC;AAC/D,iBAAS,UAAU,CAAC,CAAC,SAAS,MAAM,qBAAqB,EACvD,MAAM,EAAE,CAAC,GACR,qBAAqB,CAAC,CAAC,CAAC,GAAG,IAAI,CAAC;AACnC,iBAAS,UAAU,CAAC,CAAC,SAAS,MAAM,oBAAoB,EACtD,MAAM,EAAE,CAAC,GACR,oBAAoB,CAAC,CAAC,CAAC,GAAG,IAAI,CAAC;AAClC,iBAAS,UAAU,CAAC,MAAM,EAAE,MAAM,GAAG,qBAAqB,GAAG,OAAO,GAAG,IAAI,CAAC;AAC5E,iBAAS,UAAU,CAAC,MAAM,EAAE,OAAO,GAAG,OAAO,CAAC;AAC9C,iBAAS,UAAU,CAAC,MAAM,EAAE,QAAQ,GAAG,MAAM,GAAG,QAAQ,CAAC;AACzD,iBAAS,UAAU,CAAC,MAAM,EAAE,MAAM,GAAG,OAAO,GAAG,QAAQ,GAAG,IAAI,CAAC;AA4B/D,eAAe,UAAU,CAAC"}
+{"version":3,"file":"-get-element.d.ts","sourceRoot":"","sources":["../../../src/test-support/-private/-get-element.ts"],"names":[],"mappings":"AAEA,OAAO,EACL,KAAK,qBAAqB,EAG3B,MAAM,yBAAyB,CAAC;AAIjC,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,qBAAqB,CAAC;AAElD,iBAAS,UAAU,CAAC,CAAC,SAAS,MAAM,CAAC,qBAAqB,GAAG,oBAAoB,CAAC,EAChF,MAAM,EAAE,CAAC,GACR,CAAC,qBAAqB,CAAC,CAAC,CAAC,GAAG,oBAAoB,CAAC,CAAC,CAAC,CAAC,GAAG,IAAI,CAAC;AAC/D,iBAAS,UAAU,CAAC,CAAC,SAAS,MAAM,qBAAqB,EACvD,MAAM,EAAE,CAAC,GACR,qBAAqB,CAAC,CAAC,CAAC,GAAG,IAAI,CAAC;AACnC,iBAAS,UAAU,CAAC,CAAC,SAAS,MAAM,oBAAoB,EACtD,MAAM,EAAE,CAAC,GACR,oBAAoB,CAAC,CAAC,CAAC,GAAG,IAAI,CAAC;AAClC,iBAAS,UAAU,CAAC,MAAM,EAAE,MAAM,GAAG,qBAAqB,GAAG,OAAO,GAAG,IAAI,CAAC;AAC5E,iBAAS,UAAU,CAAC,MAAM,EAAE,OAAO,GAAG,OAAO,CAAC;AAC9C,iBAAS,UAAU,CAAC,MAAM,EAAE,QAAQ,GAAG,MAAM,GAAG,QAAQ,CAAC;AACzD,iBAAS,UAAU,CAAC,MAAM,EAAE,MAAM,GAAG,OAAO,GAAG,QAAQ,GAAG,IAAI,CAAC;AA6B/D,eAAe,UAAU,CAAC"}

package/declarations/test-support/-private/-get-elements.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"-get-elements.d.ts","sourceRoot":"","sources":["../../../src/test-support/-private/-get-elements.ts"],"names":[],"mappings":"AAEA,OAAO,EACL,KAAK,qBAAqB,EAG3B,MAAM,yBAAyB,CAAC;AAEjC,iBAAS,WAAW,CAAC,MAAM,EAAE,MAAM,GAAG,UAAU,CAAC,OAAO,CAAC,CAAC;AAC1D,iBAAS,WAAW,CAAC,MAAM,EAAE,MAAM,GAAG,qBAAqB,GAAG,QAAQ,CAAC,OAAO,CAAC,CAAC;AA0BhF,eAAe,WAAW,CAAC"}
+{"version":3,"file":"-get-elements.d.ts","sourceRoot":"","sources":["../../../src/test-support/-private/-get-elements.ts"],"names":[],"mappings":"AAEA,OAAO,EACL,KAAK,qBAAqB,EAG3B,MAAM,yBAAyB,CAAC;AAEjC,iBAAS,WAAW,CAAC,MAAM,EAAE,MAAM,GAAG,UAAU,CAAC,OAAO,CAAC,CAAC;AAC1D,iBAAS,WAAW,CAAC,MAAM,EAAE,MAAM,GAAG,qBAAqB,GAAG,QAAQ,CAAC,OAAO,CAAC,CAAC;AA2BhF,eAAe,WAAW,CAAC"}

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