ember-aria-voyager 1.0.1 → 1.2.0

package/README.md

@@ -101,6 +101,7 @@ type ListboxSignature<T = HTMLElement> = {
   items?: T[];
   selection?: T | T[];
   activateItem?: (item: T) => void;
+  check?: (selection: T[]) => void;
 } & (
   | {
       multi: true;

package/dist/{aria-tablist-Bpm0pW99.d.cts → aria-tablist-BjAobkb7.d.cts}

@@ -1,6 +1,6 @@
 import Modifier, { ArgsFor, NamedArgs, PositionalArgs } from "ember-modifier";
 import Owner from "@ember/owner";
-import { Orientation, TablistBehavior } from "aria-voyager";
+import { ListboxBehavior, Orientation, TablistBehavior } from "aria-voyager";
 
 //#region src/modifiers/aria-group.d.ts
 interface GroupSignature<T> {
@@ -93,6 +93,7 @@ type ActivateHandler<T> = {
 };
 type CheckHandler<T> = {
   check?: (selection: T[]) => void;
+  checks?: T[];
 };
 type SingleSelectionHandler<T> = {
   multi?: false;
@@ -107,8 +108,9 @@ type MultiSelectionHandler<T> = {
 type SelectionHandler<T> = SingleSelectionHandler<T> | MultiSelectionHandler<T>;
 //#endregion
 //#region src/modifiers/aria-listbox.d.ts
-type ListboxOptions<T> = Simplify<SelectionHandler<T> & (Items<T> | Partial<Items<T>>) & ActivateHandler<T> & {
+type ListboxOptions<T> = Simplify<SelectionHandler<T> & (Items<T> | Partial<Items<T>>) & ActivateHandler<T> & CheckHandler<T> & {
   disabled?: boolean;
+  behavior?: ListboxBehavior;
 }>;
 interface ListboxSignature<T> {
   Args: {
@@ -124,6 +126,7 @@ declare class ListboxModifier<T> extends Modifier<ListboxSignature<T>> {
   private prevSelection?;
   private prevMulti?;
   private prevDisabled?;
+  private prevChecks?;
   constructor(owner: Owner, args: ArgsFor<ListboxSignature<T>>);
   modify(element: Element, _: PositionalArgs<ListboxSignature<T>>, options: NamedArgs<ListboxSignature<T>>): void;
 }
@@ -145,6 +148,7 @@ declare class MenuModifier<T> extends Modifier<MenuSignature<T>> {
   private emitter;
   private prevItems?;
   private prevDisabled?;
+  private prevChecks?;
   constructor(owner: Owner, args: ArgsFor<MenuSignature<T>>);
   modify(element: Element, _: PositionalArgs<MenuSignature<T>>, options: NamedArgs<MenuSignature<T>>): void;
 }

package/dist/{aria-tablist-ZH-aeJQW.d.mts → aria-tablist-DExQ2kKO.d.mts}

@@ -1,4 +1,4 @@
-import { IndexEmitStrategy, ItemEmitStrategy, Orientation, TablistBehavior } from "aria-voyager";
+import { IndexEmitStrategy, ItemEmitStrategy, ListboxBehavior, Orientation, TablistBehavior } from "aria-voyager";
 import Modifier, { ArgsFor, NamedArgs, PositionalArgs } from "ember-modifier";
 import Owner from "@ember/owner";
 
@@ -93,6 +93,7 @@ type ActivateHandler<T> = {
 };
 type CheckHandler<T> = {
   check?: (selection: T[]) => void;
+  checks?: T[];
 };
 type SingleSelectionHandler<T> = {
   multi?: false;
@@ -107,8 +108,9 @@ type MultiSelectionHandler<T> = {
 type SelectionHandler<T> = SingleSelectionHandler<T> | MultiSelectionHandler<T>;
 //#endregion
 //#region src/modifiers/aria-listbox.d.ts
-type ListboxOptions<T> = Simplify<SelectionHandler<T> & (Items<T> | Partial<Items<T>>) & ActivateHandler<T> & {
+type ListboxOptions<T> = Simplify<SelectionHandler<T> & (Items<T> | Partial<Items<T>>) & ActivateHandler<T> & CheckHandler<T> & {
   disabled?: boolean;
+  behavior?: ListboxBehavior;
 }>;
 interface ListboxSignature<T> {
   Args: {
@@ -124,6 +126,7 @@ declare class ListboxModifier<T> extends Modifier<ListboxSignature<T>> {
   private prevSelection?;
   private prevMulti?;
   private prevDisabled?;
+  private prevChecks?;
   constructor(owner: Owner, args: ArgsFor<ListboxSignature<T>>);
   modify(element: Element, _: PositionalArgs<ListboxSignature<T>>, options: NamedArgs<ListboxSignature<T>>): void;
 }
@@ -145,6 +148,7 @@ declare class MenuModifier<T> extends Modifier<MenuSignature<T>> {
   private emitter;
   private prevItems?;
   private prevDisabled?;
+  private prevChecks?;
   constructor(owner: Owner, args: ArgsFor<MenuSignature<T>>);
   modify(element: Element, _: PositionalArgs<MenuSignature<T>>, options: NamedArgs<MenuSignature<T>>): void;
 }

package/dist/index.cjs

@@ -250,6 +250,7 @@ var ListboxModifier = class extends ember_modifier.default {
 	prevSelection;
 	prevMulti;
 	prevDisabled;
+	prevChecks;
 	constructor(owner, args) {
 		super(owner, args);
 		(0, _ember_destroyable.registerDestructor)(this, () => {
@@ -259,7 +260,10 @@ var ListboxModifier = class extends ember_modifier.default {
 	modify(element, _, options) {
 		if (!this.listbox) {
 			this.updater = new aria_voyager.ReactiveUpdateStrategy();
-			this.listbox = new aria_voyager.Listbox(element, { updater: this.updater });
+			this.listbox = new aria_voyager.Listbox(element, {
+				updater: this.updater,
+				behavior: { check: options.behavior?.check }
+			});
 		}
 		if (options.items && !(this.emitter instanceof aria_voyager.IndexEmitStrategy)) this.emitter = createIndexEmitter(this.listbox, options);
 		else if (!options.items && !(this.emitter instanceof aria_voyager.ItemEmitStrategy)) this.emitter = createItemEmitter(this.listbox, options);
@@ -271,6 +275,10 @@ var ListboxModifier = class extends ember_modifier.default {
 			this.updater.updateSelection();
 			this.prevSelection = asArray(options.selection);
 		}
+		if (options.checks && !isEqual(this.prevChecks, options.checks)) {
+			this.updater.updateChecks();
+			this.prevChecks = options.checks;
+		}
 		let optionsChanged = false;
 		if (this.prevMulti !== options.multi) {
 			if (options.multi) element.setAttribute("aria-multiselectable", "true");
@@ -293,6 +301,7 @@ var MenuModifier = class extends ember_modifier.default {
 	menu;
 	prevItems;
 	prevDisabled;
+	prevChecks;
 	constructor(owner, args) {
 		super(owner, args);
 		(0, _ember_destroyable.registerDestructor)(this, () => {
@@ -318,6 +327,10 @@ var MenuModifier = class extends ember_modifier.default {
 			this.updater.updateItems();
 			this.prevItems = [...options.items];
 		}
+		if (options.checks && !isEqual(this.prevChecks, options.checks)) {
+			this.updater.updateChecks();
+			this.prevChecks = options.checks;
+		}
 		let optionsChanged = false;
 		if (this.prevDisabled !== options.disabled) {
 			if (options.disabled) element.setAttribute("aria-disabled", "true");

package/dist/index.d.cts

@@ -1,3 +1,3 @@
-import { a as GroupModifier, i as ListboxModifier, n as RadioGroupModifier, r as MenuModifier, t as TablistModifier } from "./aria-tablist-Bpm0pW99.cjs";
+import { a as GroupModifier, i as ListboxModifier, n as RadioGroupModifier, r as MenuModifier, t as TablistModifier } from "./aria-tablist-BjAobkb7.cjs";
 import { Orientation, TablistBehavior } from "aria-voyager";
 export { type Orientation, type TablistBehavior, GroupModifier as ariaGroup, GroupModifier as group, ListboxModifier as ariaListbox, ListboxModifier as listbox, MenuModifier as ariaMenu, MenuModifier as menu, RadioGroupModifier as ariaRadioGroup, RadioGroupModifier as radiogroup, TablistModifier as ariaTablist, TablistModifier as tablist };

package/dist/index.d.mts

@@ -1,3 +1,3 @@
-import { a as GroupModifier, i as ListboxModifier, n as RadioGroupModifier, r as MenuModifier, t as TablistModifier } from "./aria-tablist-ZH-aeJQW.mjs";
+import { a as GroupModifier, i as ListboxModifier, n as RadioGroupModifier, r as MenuModifier, t as TablistModifier } from "./aria-tablist-DExQ2kKO.mjs";
 import { Orientation, TablistBehavior } from "aria-voyager";
 export { type Orientation, type TablistBehavior, GroupModifier as ariaGroup, GroupModifier as group, ListboxModifier as ariaListbox, ListboxModifier as listbox, MenuModifier as ariaMenu, MenuModifier as menu, RadioGroupModifier as ariaRadioGroup, RadioGroupModifier as radiogroup, TablistModifier as ariaTablist, TablistModifier as tablist };

package/dist/index.mjs

@@ -247,6 +247,7 @@ var ListboxModifier = class extends Modifier {
 	prevSelection;
 	prevMulti;
 	prevDisabled;
+	prevChecks;
 	constructor(owner, args) {
 		super(owner, args);
 		registerDestructor(this, () => {
@@ -256,7 +257,10 @@ var ListboxModifier = class extends Modifier {
 	modify(element, _, options) {
 		if (!this.listbox) {
 			this.updater = new ReactiveUpdateStrategy();
-			this.listbox = new Listbox(element, { updater: this.updater });
+			this.listbox = new Listbox(element, {
+				updater: this.updater,
+				behavior: { check: options.behavior?.check }
+			});
 		}
 		if (options.items && !(this.emitter instanceof IndexEmitStrategy)) this.emitter = createIndexEmitter(this.listbox, options);
 		else if (!options.items && !(this.emitter instanceof ItemEmitStrategy)) this.emitter = createItemEmitter(this.listbox, options);
@@ -268,6 +272,10 @@ var ListboxModifier = class extends Modifier {
 			this.updater.updateSelection();
 			this.prevSelection = asArray(options.selection);
 		}
+		if (options.checks && !isEqual(this.prevChecks, options.checks)) {
+			this.updater.updateChecks();
+			this.prevChecks = options.checks;
+		}
 		let optionsChanged = false;
 		if (this.prevMulti !== options.multi) {
 			if (options.multi) element.setAttribute("aria-multiselectable", "true");
@@ -290,6 +298,7 @@ var MenuModifier = class extends Modifier {
 	menu;
 	prevItems;
 	prevDisabled;
+	prevChecks;
 	constructor(owner, args) {
 		super(owner, args);
 		registerDestructor(this, () => {
@@ -315,6 +324,10 @@ var MenuModifier = class extends Modifier {
 			this.updater.updateItems();
 			this.prevItems = [...options.items];
 		}
+		if (options.checks && !isEqual(this.prevChecks, options.checks)) {
+			this.updater.updateChecks();
+			this.prevChecks = options.checks;
+		}
 		let optionsChanged = false;
 		if (this.prevDisabled !== options.disabled) {
 			if (options.disabled) element.setAttribute("aria-disabled", "true");

package/dist/template-registry.d.cts

@@ -1,4 +1,4 @@
-import { a as GroupModifier, i as ListboxModifier, n as RadioGroupModifier, r as MenuModifier, t as TablistModifier } from "./aria-tablist-Bpm0pW99.cjs";
+import { a as GroupModifier, i as ListboxModifier, n as RadioGroupModifier, r as MenuModifier, t as TablistModifier } from "./aria-tablist-BjAobkb7.cjs";
 
 //#region src/template-registry.d.ts
 interface AriaVoyagerRegistry {

package/dist/template-registry.d.mts

@@ -1,4 +1,4 @@
-import { a as GroupModifier, i as ListboxModifier, n as RadioGroupModifier, r as MenuModifier, t as TablistModifier } from "./aria-tablist-ZH-aeJQW.mjs";
+import { a as GroupModifier, i as ListboxModifier, n as RadioGroupModifier, r as MenuModifier, t as TablistModifier } from "./aria-tablist-DExQ2kKO.mjs";
 
 //#region src/template-registry.d.ts
 interface AriaVoyagerRegistry {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "ember-aria-voyager",
-  "version": "1.0.1",
+  "version": "1.2.0",
   "description": "Navigation patterns for various aria roles and features in ember.js",
   "author": "gossi",
   "license": "MIT",
@@ -41,7 +41,7 @@
     "@embroider/addon-shim": "^1.10.0",
     "dom-element-descriptors": "^0.5.1",
     "ember-modifier": "^4.2.2",
-    "aria-voyager": "1.0.1"
+    "aria-voyager": "1.2.0"
   },
   "peerDependencies": {
     "@ember/test-helpers": "^2.9.3 || ^3.0.0 || ^4.0.0 || ^5.0.0",
@@ -74,7 +74,7 @@
     "@gossi/config-eslint": "^1.3.4",
     "@gossi/config-prettier": "^1.2.2",
     "@gossi/config-template-lint": "^1.2.3",
-    "@rollup/plugin-babel": "^7.0.0",
+    "@rollup/plugin-babel": "^7.1.0",
     "@types/qunit": "2.19.14",
     "@types/sinon": "21.0.1",
     "babel-plugin-ember-template-compilation": "^4.0.0",
@@ -94,7 +94,7 @@
     "qunit-dom": "3.5.0",
     "sinon": "^21.0.3",
     "testem": "^3.18.0",
-    "tsdown": "0.22.2",
+    "tsdown": "0.22.3",
     "type-fest": "^5.7.0",
     "typescript": "6.0.3",
     "vite": "8.0.16"