fix(forms): export controller

Signed-off-by: Cory Rylan <crylan@nvidia.com>

Author: coryrylan

projects/forms/package.json

@@ -73,6 +73,14 @@
 "./validators/index.js": {
 "types": "./dist/validators/index.d.ts",
 "default": "./dist/validators/index.js"
+ },
+"./internal": {
+"types": "./dist/internal/index.d.ts",
+"default": "./dist/internal/index.js"
+ },
+"./internal/index.js": {
+"types": "./dist/internal/index.d.ts",
+"default": "./dist/internal/index.js"
  }
  },
 "sideEffects": [],

projects/forms/src/internal/controllers/type-command.controller.test.ts

@@ -11,6 +11,8 @@ import type { ReactiveController } from './types.js';
 typeCommandTestEvent=Event&{command: string;source: HTMLElement};
 
 classCommandBehaviorControllerTestElementextendsHTMLElement{
+staticevents: readonlystring[]|undefined;
+
 command?: string;
 commandfor: string|null=null;
 commandForElement: HTMLElement|null=null;
@@ -20,7 +22,12 @@ class CommandBehaviorControllerTestElement extends HTMLElement {
 
 constructor(){
 super();
-newTypeCommandController(this);
+constevents=(this.constructorastypeofCommandBehaviorControllerTestElement).events;
+if(events){
+newTypeCommandController(this,{ events });
+}else{
+newTypeCommandController(this);
+}
 }
 
 addController(controller: ReactiveController){
@@ -40,10 +47,21 @@ class CommandBehaviorControllerTestElement extends HTMLElement {
 }
 }
 
+classMultiEventCommandBehaviorControllerTestElementextendsCommandBehaviorControllerTestElement{
+staticoverrideevents=['change','click'];
+}
+
 if(!customElements.get('command-behavior-controller-test-element')){
 customElements.define('command-behavior-controller-test-element',CommandBehaviorControllerTestElement);
 }
 
+if(!customElements.get('multi-event-command-behavior-controller-test-element')){
+customElements.define(
+'multi-event-command-behavior-controller-test-element',
+MultiEventCommandBehaviorControllerTestElement
+);
+}
+
 describe('CommandBehaviorController',()=>{
 letfixture: HTMLElement;
 
@@ -73,6 +91,30 @@ describe('CommandBehaviorController', () => {
 expect(event.source).toBe(element);
 });
 
+it('should dispatch command events for every configured event',async()=>{
+fixture=awaitcreateFixture(
+html`<multi-event-command-behavior-controller-test-element></multi-event-command-behavior-controller-test-element><div
+id="target"
+></div>`
+);
+constelement=fixture.querySelector<MultiEventCommandBehaviorControllerTestElement>(
+'multi-event-command-behavior-controller-test-element'
+)!;
+consttarget=fixture.querySelector<HTMLElement>('#target')!;
+constcommand=vi.fn();
+
+target.addEventListener('command',command);
+element.command='--test';
+element.commandForElement=target;
+element.sync();
+
+element.dispatchEvent(newEvent('change'));
+awaitemulateClick(element);
+element.dispatchEvent(newEvent('input'));
+
+expect(command).toHaveBeenCalledTimes(2);
+});
+
 it('should resolve command targets by commandfor id',async()=>{
 fixture=awaitcreateFixture(
 html`<command-behavior-controller-test-element></command-behavior-controller-test-element><divid="target"></div>`

projects/forms/src/internal/controllers/type-command.controller.ts

@@ -11,15 +11,25 @@ type CommandBehaviorHost = ReactiveElement & {
 readOnly: boolean;
 };
 
+typeTypeCommandControllerOptions={
+events?: readonlystring[];
+};
+
 exportclassTypeCommandController<TextendsCommandBehaviorHost>implementsReactiveController{
-constructor(privatehost: T){
+readonly #events: readonlystring[];
+
+constructor(
+privatehost: T,
+{ events =['click']}: TypeCommandControllerOptions={}
+){
+this.#events =[...newSet(events)];
 this.host.addController(this);
 }
 
 hostUpdated(){
 this.#removeCommandBehavior();
 if(!this.host.readOnly&&!this.host.disabled){
-this.host.addEventListener('click',this.#onCommandClick);
+this.#events.forEach(eventType=>this.host.addEventListener(eventType,this.#onCommand));
 }
 }
 
@@ -28,10 +38,10 @@ export class TypeCommandController<T extends CommandBehaviorHost> implements Rea
 }
 
  #removeCommandBehavior(){
-this.host.removeEventListener('click',this.#onCommandClick);
+this.#events.forEach(eventType=>this.host.removeEventListener(eventType,this.#onCommand));
 }
 
- #onCommandClick=(event: Event)=>{
+ #onCommand=(event: Event)=>{
 if(!event.defaultPrevented){
 this.#dispatchCommand();
 }

projects/forms/src/internal/index.ts

@@ -0,0 +1 @@
+export{TypeCommandController}from'./controllers/type-command.controller.js';