@mypolis.eu/action-controller 3.0.1 → 4.0.0

package/README.md

@@ -55,7 +55,7 @@ of UI. The Controller base class handles the setup of action listeners.
 Actions link DOM events on elements within a controller's template to methods
 on that controller instance. They are defined using the data-action attribute.
 
-**Syntax**: `data-action="eventType:controllerTagName#methodName eventType2:controllerTagName#methodName2 ..."`
+**Syntax**: `data-action="eventType->controllerTagName#methodName eventType2->controllerTagName#methodName2 ..."`
 
 - **eventType**: The name of the DOM event (e.g., click, input, custom-event).
 
@@ -63,15 +63,14 @@ on that controller instance. They are defined using the data-action attribute.
   my-greeter). This must match the tag name of the controller component where the
   data-action attribute is placed.
 
-- **methodName**: The name of the method to call on the controller instance. If
-  omitted (e.g., click:my-greeter), it defaults to handleEvent.
+- **methodName**: The name of the method to call on the controller instance.
 
 ### Registration
 
-Controllers are registered as custom elements using the @register decorator or
-the register() function. This function automatically derives a kebab-case tag
-name from your class name (e.g., MyExampleController becomes
-my-example-controller).
+Controllers are registered as custom elements using the `@customElement`
+decorator from `lit/decorators.js`. This decorator requires you to explicitly
+provide the custom element's tag name (e.g.,
+`@customElement("my-example-controller")`).
 
 ### Targets
 
@@ -85,10 +84,11 @@ using the query and queryAll helper functions.
 // dialog-trigger.ts
 
 ```typescript
-import {Controller, target, register} from "@mypolis.eu/action-controller";
+import {customElement} from "lit/decorators.js";
+import {Controller, target} from "@mypolis.eu/action-controller";
 import type {SlDialog} from "@shoelace-style/shoelace";
 
-@register
+@customElement("dialog-trigger")
 export class DialogTrigger extends Controller {
 	@target dialog!: SlDialog;
 
@@ -115,7 +115,7 @@ export class DialogTrigger extends Controller {
 			<sl-button
 				size="small"
 				title="Cancelar"
-				data-action="click:dialog-trigger#close"
+				data-action="click->dialog-trigger#close"
 				circle
 			>
 				<sl-icon
@@ -131,7 +131,7 @@ export class DialogTrigger extends Controller {
 			</p>
 		</div>
 		<button
-			data-action="click:dialog-trigger#close"
+			data-action="click->dialog-trigger#close"
 			style="width: 100%"
 		>
 			Fechar

package/dist/index.js

@@ -1,5 +1,4 @@
 export { Controller } from "./controller";
 export { target, targets } from "./query";
-export { register } from "./register";
 export { parseAttributes } from "./attributes";
 //# sourceMappingURL=index.js.map

package/dist/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,UAAU,EAAC,MAAM,cAAc,CAAC;AAIxC,OAAO,EAAC,MAAM,EAAE,OAAO,EAAC,MAAM,SAAS,CAAC;AAExC,OAAO,EAAC,QAAQ,EAAC,MAAM,YAAY,CAAC;AAEpC,OAAO,EAAC,eAAe,EAAC,MAAM,cAAc,CAAC"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,UAAU,EAAC,MAAM,cAAc,CAAC;AAIxC,OAAO,EAAC,MAAM,EAAE,OAAO,EAAC,MAAM,SAAS,CAAC;AAExC,OAAO,EAAC,eAAe,EAAC,MAAM,cAAc,CAAC"}

package/dist/types/index.d.ts

@@ -1,6 +1,5 @@
 export { Controller } from "./controller";
 export { type Action } from "./action";
 export { target, targets } from "./query";
-export { register } from "./register";
 export { parseAttributes } from "./attributes";
 //# sourceMappingURL=index.d.ts.map

package/dist/types/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,UAAU,EAAC,MAAM,cAAc,CAAC;AAExC,OAAO,EAAC,KAAK,MAAM,EAAC,MAAM,UAAU,CAAC;AAErC,OAAO,EAAC,MAAM,EAAE,OAAO,EAAC,MAAM,SAAS,CAAC;AAExC,OAAO,EAAC,QAAQ,EAAC,MAAM,YAAY,CAAC;AAEpC,OAAO,EAAC,eAAe,EAAC,MAAM,cAAc,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,UAAU,EAAC,MAAM,cAAc,CAAC;AAExC,OAAO,EAAC,KAAK,MAAM,EAAC,MAAM,UAAU,CAAC;AAErC,OAAO,EAAC,MAAM,EAAE,OAAO,EAAC,MAAM,SAAS,CAAC;AAExC,OAAO,EAAC,eAAe,EAAC,MAAM,cAAc,CAAC"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@mypolis.eu/action-controller",
-  "version": "3.0.1",
+  "version": "4.0.0",
   "type": "module",
   "exports": {
     ".": {