538 runtime custom directives api in avenxapp

lib/compiler/ComponentParser.js

@@ -677,7 +677,7 @@ class ${name} extends AvenxComponent {
         });
       }
 
-      const dirRegex = /\b(data-ax-show|data-ax-class|data-ax-html)\s*=\s*(?:"([^"]*)"|'([^']*)')/g;
+      const dirRegex = /\b(data-ax-[a-zA-Z0-9_-]+)\s*=\s*(?:"([^"]*)"|'([^']*)')/g;
       let dirMatch;
       while ((dirMatch = dirRegex.exec(match[0])) !== null) {
         events.push({

lib/core/index.d.ts

@@ -330,6 +330,11 @@ export class AvenxApp {
      */
     bridges: Record<string, any>;
 
+    /**
+     * Registered custom directives.
+     */
+    directives: Map<string, any>;
+
     /**
      * Active router instance.
      */
@@ -395,6 +400,17 @@ export class AvenxApp {
      * @param callback Callback triggered when an unhandled lifecycle or event handler error occurs.
      */
     onError(callback: (error: Error, component: AvenxComponent, origin: string) => void): this;
+
+    /**
+     * Registers a custom directive.
+     * @param name Directive name.
+     * @param definition Directive lifecycle definition.
+     */
+    directive(name: string, definition: {
+        mounted?(el: any, binding: { value: any; expression: string }): void;
+        updated?(el: any, binding: { value: any; oldValue: any; expression: string }): void;
+        unmounted?(el: any, binding: { value: any; oldValue: any; expression: string }): void;
+    }): this;
 }
 
 /**