@adaas/are-html 0.0.2 → 0.0.4

package/dist/node/lib/AreDirective/AreDirective.component.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/lib/AreDirective/AreDirective.component.ts"],"names":["AreDirective","A_Component","A_Context","A_Feature","AreDirectiveFeatures","A_Logger","A_Caller","A_Meta","AreDirectiveMeta"],"mappings":";;;;;;;;;;;;;;;;;;AAQaA,oBAAA,GAAN,2BAA2BC,oBAAA,CAAa;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAW3C,OAAO,SAAS,QAAA,EAAkB;AAC9B,IAAA,OAAO,SACH,MAAA,EACO;AAEP,MAAA,MAAM,IAAA,GAAOC,kBAAA,CAAU,IAAA,CAAuB,MAAM,CAAA;AAEpD,MAAA,IAAA,CAAK,QAAA,GAAW,QAAA;AAEhB,MAAA,OAAO,MAAA;AAAA,IACX,CAAA;AAAA,EACJ;AAAA;AAAA;AAAA;AAAA,EAKA,WAAW,SAAA,GAAY;AACnB,IAAA,OAAO,CAAC,MAAA,EAAa,WAAA,EAAqB,UAAA,KAAmC;AACzE,MAAA,OAAOC,mBAAU,MAAA,CAAO;AAAA,QACpB,MAAMC,2CAAA,CAAqB,SAAA;AAAA,QAC3B,KAAA,EAAO,CAAC,MAAA,CAAO,WAAW;AAAA,OAC7B,CAAA,CAAE,MAAA,EAAQ,WAAA,EAAa,UAAU,CAAA;AAAA,IACtC,CAAA;AAAA,EACJ;AAAA;AAAA;AAAA;AAAA;AAAA,EAMA,WAAW,OAAA,GAAU;AACjB,IAAA,OAAO,CAAC,MAAA,EAAa,WAAA,EAAqB,UAAA,KAAmC;AACzE,MAAA,OAAOD,mBAAU,MAAA,CAAO;AAAA,QACpB,MAAMC,2CAAA,CAAqB,OAAA;AAAA,QAC3B,KAAA,EAAO,CAAC,MAAA,CAAO,WAAW;AAAA,OAC7B,CAAA,CAAE,MAAA,EAAQ,WAAA,EAAa,UAAU,CAAA;AAAA,IACtC,CAAA;AAAA,EACJ;AAAA;AAAA;AAAA;AAAA;AAAA,EAMA,WAAW,MAAA,GAAS;AAChB,IAAA,OAAO,CAAC,MAAA,EAAa,WAAA,EAAqB,UAAA,KAAmC;AACzE,MAAA,OAAOD,mBAAU,MAAA,CAAO;AAAA,QACpB,MAAMC,2CAAA,CAAqB,MAAA;AAAA,QAC3B,KAAA,EAAO,CAAC,MAAA,CAAO,WAAW;AAAA,OAC7B,CAAA,CAAE,MAAA,EAAQ,WAAA,EAAa,UAAU,CAAA;AAAA,IACtC,CAAA;AAAA,EACJ;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAQA,SAAA,CACwB,cACjB,IAAA,EACL;AACE,IAAA,MAAM,SAASF,kBAAA,CAAU,KAAA,CAAM,IAAI,CAAA,CAAE,QAAQG,gBAAQ,CAAA;AACrD,IAAA,IAAI,MAAA,EAAQ;AACR,MAAA,MAAA,CAAO,QAAQ,CAAA,6CAAA,EAAgD,SAAA,CAAU,IAAI,CAAA,eAAA,EAAkB,SAAA,CAAU,OAAO,CAAA,CAAE,CAAA;AAAA,IACtH;AAAA,EACJ;AAAA,EAWA,OAAA,CACwB,cACjB,IAAA,EACL;AACE,IAAA,MAAM,SAASH,kBAAA,CAAU,KAAA,CAAM,IAAI,CAAA,CAAE,QAAQG,gBAAQ,CAAA;AACrD,IAAA,IAAI,MAAA,EAAQ;AACR,MAAA,MAAA,CAAO,QAAQ,CAAA,0CAAA,EAA6C,SAAA,CAAU,IAAI,CAAA,eAAA,EAAkB,SAAA,CAAU,OAAO,CAAA,CAAE,CAAA;AAAA,IACnH;AAAA,EACJ;AAAA,EAWA,MAAA,CACwB,cACjB,IAAA,EACL;AACE,IAAA,MAAM,SAASH,kBAAA,CAAU,KAAA,CAAM,IAAI,CAAA,CAAE,QAAQG,gBAAQ,CAAA;AACrD,IAAA,IAAI,MAAA,EAAQ;AACR,MAAA,MAAA,CAAO,QAAQ,CAAA,uCAAA,EAA0C,SAAA,CAAU,IAAI,CAAA,eAAA,EAAkB,SAAA,CAAU,OAAO,CAAA,CAAE,CAAA;AAAA,IAChH;AAAA,EACJ;AACJ;AA/CI,eAAA,CAAA;AAAA,EACK,qCAASC,iBAAQ,CAAA;AAAA,CAAA,EArEbN,oBAAA,CAoET,SAAA,EAAA,WAAA,EAAA,CAAA,CAAA;AAmBA,eAAA,CAAA;AAAA,EAJCG,mBAAU,MAAA,CAAO;AAAA,IACd,MAAMC,2CAAA,CAAqB,OAAA;AAAA,IAC3B,KAAA,EAAO,CAACJ,oBAAY;AAAA,GACvB,CAAA;AAAA,EAEI,qCAASM,iBAAQ,CAAA;AAAA,CAAA,EAxFbN,oBAAA,CAuFT,SAAA,EAAA,SAAA,EAAA,CAAA,CAAA;AAmBA,eAAA,CAAA;AAAA,EAJCG,mBAAU,MAAA,CAAO;AAAA,IACd,MAAMC,2CAAA,CAAqB,MAAA;AAAA,IAC3B,KAAA,EAAO,CAACJ,oBAAY;AAAA,GACvB,CAAA;AAAA,EAEI,qCAASM,iBAAQ,CAAA;AAAA,CAAA,EA3GbN,oBAAA,CA0GT,SAAA,EAAA,QAAA,EAAA,CAAA,CAAA;AA1GSA,oBAAA,GAAN,eAAA,CAAA;AAAA,EADNO,eAAA,CAAO,OAAOC,kCAAgB;AAAA,CAAA,EAClBR,oBAAA,CAAA","file":"AreDirective.component.js","sourcesContent":["import { A_Caller, A_Component, A_Context, A_Feature, A_Inject, A_Meta, A_TYPES__Ctor } from \"@adaas/a-concept\";\nimport { A_Logger } from \"@adaas/a-utils/a-logger\";\nimport type { AreDirectiveAttribute } from \"@adaas/are-html/attributes/AreDirective.attribute\";\nimport { AreDirectiveMeta } from \"./AreDirective.meta\";\nimport { AreDirectiveFeatures } from \"./AreDirective.constants\";\n\n\n@A_Meta.Define(AreDirectiveMeta)\nexport class AreDirective extends A_Component  {\n\n    //==================================================================================\n    //======================== LIFECYCLE DECORATORS ====================================\n    //==================================================================================\n    /**\n     * Allows to define a compilation order for directives, which is necessary when we have multiple directives on the same node and we want to control the order of their compilation and application. The directive with the highest priority will be compiled and applied first, and the directive with the lowest priority will be compiled and applied last. This is important because some directives may depend on the output of other directives, so we need to ensure that they are compiled and applied in the correct order to avoid errors and ensure the expected behavior.\n     * \n     * @param priority \n     * @returns \n     */\n    static Priority(priority: number) {\n        return function <TTarget extends A_TYPES__Ctor<AreDirective>>(\n            target: TTarget\n        ): TTarget {\n            // Store meta info on the target class itself for the Meta decorator to pick up\n            const meta = A_Context.meta<AreDirectiveMeta>(target);\n\n            meta.priority = priority;\n\n            return target;\n        };\n    }\n\n    /**\n     * Allows to define a custom method for transforming the AreNode tree based on the directive attribute. This method is called during the transformation phase of the ARE component and should perform any necessary transformations on the AreNode tree based on the directive's content and context. This can include tasks such as adding or removing nodes, modifying node properties, or restructuring the tree to ensure that the directive is applied correctly during rendering.\n     */\n    static get Transform() {\n        return (target: any, propertyKey: string, descriptor: PropertyDescriptor) => {\n            return A_Feature.Extend({\n                name: AreDirectiveFeatures.Transform,\n                scope: [target.constructor],\n            })(target, propertyKey, descriptor);\n        }\n    }\n\n    /**\n     * Allows to define a custom method for compiling a directive attribute into a set of SceneInstructions. \n     * Can be used at any component to extend this logic not only for a AreDirective inherited.\n     */\n    static get Compile() {\n        return (target: any, propertyKey: string, descriptor: PropertyDescriptor) => {\n            return A_Feature.Extend({\n                name: AreDirectiveFeatures.Compile,\n                scope: [target.constructor],\n            })(target, propertyKey, descriptor);\n        }\n    }\n\n    /**\n     * Allows to define a custom method for updating a directive attribute based on changes in the store or other dependencies.\n     * Can be used at any component to extend this logic not only for a AreDirective inherited.\n     */\n    static get Update() {\n        return (target: any, propertyKey: string, descriptor: PropertyDescriptor) => {\n            return A_Feature.Extend({\n                name: AreDirectiveFeatures.Update,\n                scope: [target.constructor],\n            })(target, propertyKey, descriptor);\n        }\n    }\n\n    /**\n     * Default transform method for directives, which can be overridden by specific directive implementations. This method is called during the transformation phase of the ARE component and should perform any necessary transformations on the AreNode tree based on the directive's content and context. This can include tasks such as adding or removing nodes, modifying node properties, or restructuring the tree to ensure that the directive is applied correctly during rendering.\n     * \n     * @param attribute - The directive attribute to transform, which contains all the information about the directive as defined in the template (e.g. name, raw content, evaluated value, etc.)\n     * @param args - Additional arguments that may be required for the transformation process.\n     */\n    transform(\n        @A_Inject(A_Caller) attribute: AreDirectiveAttribute,\n        ...args: any[]\n    ) {\n        const logger = A_Context.scope(this).resolve(A_Logger) as A_Logger | undefined\n        if (logger) {\n            logger.warning(`No transforming logic defined for directive: ${attribute.name} with content: ${attribute.content}`);\n        }\n    }\n    /**\n     * Default compile method for directives, which can be overridden by specific directive implementations.\n     * \n     * @param attribute - The directive attribute to compile, which contains all the information about the directive as defined in the template (e.g. name, raw content, evaluated value, etc.)\n     * @param args - Additional arguments that may be required for the compilation process.\n     */\n    @A_Feature.Extend({\n        name: AreDirectiveFeatures.Compile,\n        scope: [AreDirective],\n    })\n    compile(\n        @A_Inject(A_Caller) attribute: AreDirectiveAttribute,\n        ...args: any[]\n    ) {\n        const logger = A_Context.scope(this).resolve(A_Logger) as A_Logger | undefined\n        if (logger) {\n            logger.warning(`No compiling logic defined for directive: ${attribute.name} with content: ${attribute.content}`);\n        }\n    }\n    /**\n     * Default update method for directives, which can be overridden by specific directive implementations. This method is called when there are changes in the store or other dependencies that may affect the directive's behavior or appearance. The method should contain logic to update the directive accordingly, such as re-evaluating its value, modifying the DOM, or triggering re-rendering of the affected nodes.\n     * \n     * @param attribute - The directive attribute to update, which contains all the information about the directive as defined in the template (e.g. name, raw content, evaluated value, etc.)\n     * @param args - Additional arguments that may be required for the update process.\n     */\n    @A_Feature.Extend({\n        name: AreDirectiveFeatures.Update,\n        scope: [AreDirective],\n    })\n    update(\n        @A_Inject(A_Caller) attribute: AreDirectiveAttribute,\n        ...args: any[]\n    ) {\n        const logger = A_Context.scope(this).resolve(A_Logger) as A_Logger | undefined\n        if (logger) {\n            logger.warning(`No update logic defined for directive: ${attribute.name} with content: ${attribute.content}`);\n        }\n    }\n}"]}
+{"version":3,"sources":["../../../../src/lib/AreDirective/AreDirective.component.ts"],"names":["AreDirective","A_Component","A_Context","A_Feature","AreDirectiveFeatures","A_Logger","A_Caller","A_Frame","A_Meta","AreDirectiveMeta"],"mappings":";;;;;;;;;;;;;;;;;;;AAaaA,oBAAA,GAAN,2BAA2BC,oBAAA,CAAa;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAW3C,OAAO,SAAS,QAAA,EAAkB;AAC9B,IAAA,OAAO,SACH,MAAA,EACO;AAEP,MAAA,MAAM,IAAA,GAAOC,kBAAA,CAAU,IAAA,CAAuB,MAAM,CAAA;AAEpD,MAAA,IAAA,CAAK,QAAA,GAAW,QAAA;AAEhB,MAAA,OAAO,MAAA;AAAA,IACX,CAAA;AAAA,EACJ;AAAA;AAAA;AAAA;AAAA,EAKA,WAAW,SAAA,GAAY;AACnB,IAAA,OAAO,CAAC,MAAA,EAAa,WAAA,EAAqB,UAAA,KAAmC;AACzE,MAAA,OAAOC,mBAAU,MAAA,CAAO;AAAA,QACpB,MAAMC,2CAAA,CAAqB,SAAA;AAAA,QAC3B,KAAA,EAAO,CAAC,MAAA,CAAO,WAAW;AAAA,OAC7B,CAAA,CAAE,MAAA,EAAQ,WAAA,EAAa,UAAU,CAAA;AAAA,IACtC,CAAA;AAAA,EACJ;AAAA;AAAA;AAAA;AAAA;AAAA,EAMA,WAAW,OAAA,GAAU;AACjB,IAAA,OAAO,CAAC,MAAA,EAAa,WAAA,EAAqB,UAAA,KAAmC;AACzE,MAAA,OAAOD,mBAAU,MAAA,CAAO;AAAA,QACpB,MAAMC,2CAAA,CAAqB,OAAA;AAAA,QAC3B,KAAA,EAAO,CAAC,MAAA,CAAO,WAAW;AAAA,OAC7B,CAAA,CAAE,MAAA,EAAQ,WAAA,EAAa,UAAU,CAAA;AAAA,IACtC,CAAA;AAAA,EACJ;AAAA;AAAA;AAAA;AAAA;AAAA,EAMA,WAAW,MAAA,GAAS;AAChB,IAAA,OAAO,CAAC,MAAA,EAAa,WAAA,EAAqB,UAAA,KAAmC;AACzE,MAAA,OAAOD,mBAAU,MAAA,CAAO;AAAA,QACpB,MAAMC,2CAAA,CAAqB,MAAA;AAAA,QAC3B,KAAA,EAAO,CAAC,MAAA,CAAO,WAAW;AAAA,OAC7B,CAAA,CAAE,MAAA,EAAQ,WAAA,EAAa,UAAU,CAAA;AAAA,IACtC,CAAA;AAAA,EACJ;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAQA,SAAA,CACwB,cACjB,IAAA,EACL;AACE,IAAA,MAAM,SAASF,kBAAA,CAAU,KAAA,CAAM,IAAI,CAAA,CAAE,QAAQG,gBAAQ,CAAA;AACrD,IAAA,IAAI,MAAA,EAAQ;AACR,MAAA,MAAA,CAAO,QAAQ,CAAA,6CAAA,EAAgD,SAAA,CAAU,IAAI,CAAA,eAAA,EAAkB,SAAA,CAAU,OAAO,CAAA,CAAE,CAAA;AAAA,IACtH;AAAA,EACJ;AAAA,EAWA,OAAA,CACwB,cACjB,IAAA,EACL;AACE,IAAA,MAAM,SAASH,kBAAA,CAAU,KAAA,CAAM,IAAI,CAAA,CAAE,QAAQG,gBAAQ,CAAA;AACrD,IAAA,IAAI,MAAA,EAAQ;AACR,MAAA,MAAA,CAAO,QAAQ,CAAA,0CAAA,EAA6C,SAAA,CAAU,IAAI,CAAA,eAAA,EAAkB,SAAA,CAAU,OAAO,CAAA,CAAE,CAAA;AAAA,IACnH;AAAA,EACJ;AAAA,EAWA,MAAA,CACwB,cACjB,IAAA,EACL;AACE,IAAA,MAAM,SAASH,kBAAA,CAAU,KAAA,CAAM,IAAI,CAAA,CAAE,QAAQG,gBAAQ,CAAA;AACrD,IAAA,IAAI,MAAA,EAAQ;AACR,MAAA,MAAA,CAAO,QAAQ,CAAA,uCAAA,EAA0C,SAAA,CAAU,IAAI,CAAA,eAAA,EAAkB,SAAA,CAAU,OAAO,CAAA,CAAE,CAAA;AAAA,IAChH;AAAA,EACJ;AACJ;AA/CI,eAAA,CAAA;AAAA,EACK,qCAASC,iBAAQ,CAAA;AAAA,CAAA,EArEbN,oBAAA,CAoET,SAAA,EAAA,WAAA,EAAA,CAAA,CAAA;AAmBA,eAAA,CAAA;AAAA,EAJCG,mBAAU,MAAA,CAAO;AAAA,IACd,MAAMC,2CAAA,CAAqB,OAAA;AAAA,IAC3B,KAAA,EAAO,CAACJ,oBAAY;AAAA,GACvB,CAAA;AAAA,EAEI,qCAASM,iBAAQ,CAAA;AAAA,CAAA,EAxFbN,oBAAA,CAuFT,SAAA,EAAA,SAAA,EAAA,CAAA,CAAA;AAmBA,eAAA,CAAA;AAAA,EAJCG,mBAAU,MAAA,CAAO;AAAA,IACd,MAAMC,2CAAA,CAAqB,MAAA;AAAA,IAC3B,KAAA,EAAO,CAACJ,oBAAY;AAAA,GACvB,CAAA;AAAA,EAEI,qCAASM,iBAAQ,CAAA;AAAA,CAAA,EA3GbN,oBAAA,CA0GT,SAAA,EAAA,QAAA,EAAA,CAAA,CAAA;AA1GSA,oBAAA,GAAN,eAAA,CAAA;AAAA,EALNO,aAAQ,MAAA,CAAO;AAAA,IACZ,SAAA,EAAW,YAAA;AAAA,IACX,WAAA,EAAa;AAAA,GAChB,CAAA;AAAA,EACAC,eAAA,CAAO,OAAOC,kCAAgB;AAAA,CAAA,EAClBT,oBAAA,CAAA","file":"AreDirective.component.js","sourcesContent":["import { A_Caller, A_Component, A_Context, A_Feature, A_Inject, A_Meta, A_TYPES__Ctor } from \"@adaas/a-concept\";\nimport { A_Logger } from \"@adaas/a-utils/a-logger\";\nimport type { AreDirectiveAttribute } from \"@adaas/are-html/attributes/AreDirective.attribute\";\nimport { AreDirectiveMeta } from \"./AreDirective.meta\";\nimport { AreDirectiveFeatures } from \"./AreDirective.constants\";\nimport { A_Frame } from \"@adaas/a-frame/core\";\n\n\n@A_Frame.Define({\n    namespace: 'a-are-html',\n    description: 'Abstract base component for all ARE directive types. Provides lifecycle decorators (Transform, Compile, Apply, Revert, Priority) that subclasses hook into at each pipeline stage. Subclasses implement Transform to rewrite the attribute or template node, Compile to emit scene instructions, Apply to activate them in the DOM, and Revert to undo them on removal.'\n})\n@A_Meta.Define(AreDirectiveMeta)\nexport class AreDirective extends A_Component  {\n\n    //==================================================================================\n    //======================== LIFECYCLE DECORATORS ====================================\n    //==================================================================================\n    /**\n     * Allows to define a compilation order for directives, which is necessary when we have multiple directives on the same node and we want to control the order of their compilation and application. The directive with the highest priority will be compiled and applied first, and the directive with the lowest priority will be compiled and applied last. This is important because some directives may depend on the output of other directives, so we need to ensure that they are compiled and applied in the correct order to avoid errors and ensure the expected behavior.\n     * \n     * @param priority \n     * @returns \n     */\n    static Priority(priority: number) {\n        return function <TTarget extends A_TYPES__Ctor<AreDirective>>(\n            target: TTarget\n        ): TTarget {\n            // Store meta info on the target class itself for the Meta decorator to pick up\n            const meta = A_Context.meta<AreDirectiveMeta>(target);\n\n            meta.priority = priority;\n\n            return target;\n        };\n    }\n\n    /**\n     * Allows to define a custom method for transforming the AreNode tree based on the directive attribute. This method is called during the transformation phase of the ARE component and should perform any necessary transformations on the AreNode tree based on the directive's content and context. This can include tasks such as adding or removing nodes, modifying node properties, or restructuring the tree to ensure that the directive is applied correctly during rendering.\n     */\n    static get Transform() {\n        return (target: any, propertyKey: string, descriptor: PropertyDescriptor) => {\n            return A_Feature.Extend({\n                name: AreDirectiveFeatures.Transform,\n                scope: [target.constructor],\n            })(target, propertyKey, descriptor);\n        }\n    }\n\n    /**\n     * Allows to define a custom method for compiling a directive attribute into a set of SceneInstructions. \n     * Can be used at any component to extend this logic not only for a AreDirective inherited.\n     */\n    static get Compile() {\n        return (target: any, propertyKey: string, descriptor: PropertyDescriptor) => {\n            return A_Feature.Extend({\n                name: AreDirectiveFeatures.Compile,\n                scope: [target.constructor],\n            })(target, propertyKey, descriptor);\n        }\n    }\n\n    /**\n     * Allows to define a custom method for updating a directive attribute based on changes in the store or other dependencies.\n     * Can be used at any component to extend this logic not only for a AreDirective inherited.\n     */\n    static get Update() {\n        return (target: any, propertyKey: string, descriptor: PropertyDescriptor) => {\n            return A_Feature.Extend({\n                name: AreDirectiveFeatures.Update,\n                scope: [target.constructor],\n            })(target, propertyKey, descriptor);\n        }\n    }\n\n    /**\n     * Default transform method for directives, which can be overridden by specific directive implementations. This method is called during the transformation phase of the ARE component and should perform any necessary transformations on the AreNode tree based on the directive's content and context. This can include tasks such as adding or removing nodes, modifying node properties, or restructuring the tree to ensure that the directive is applied correctly during rendering.\n     * \n     * @param attribute - The directive attribute to transform, which contains all the information about the directive as defined in the template (e.g. name, raw content, evaluated value, etc.)\n     * @param args - Additional arguments that may be required for the transformation process.\n     */\n    transform(\n        @A_Inject(A_Caller) attribute: AreDirectiveAttribute,\n        ...args: any[]\n    ) {\n        const logger = A_Context.scope(this).resolve(A_Logger) as A_Logger | undefined\n        if (logger) {\n            logger.warning(`No transforming logic defined for directive: ${attribute.name} with content: ${attribute.content}`);\n        }\n    }\n    /**\n     * Default compile method for directives, which can be overridden by specific directive implementations.\n     * \n     * @param attribute - The directive attribute to compile, which contains all the information about the directive as defined in the template (e.g. name, raw content, evaluated value, etc.)\n     * @param args - Additional arguments that may be required for the compilation process.\n     */\n    @A_Feature.Extend({\n        name: AreDirectiveFeatures.Compile,\n        scope: [AreDirective],\n    })\n    compile(\n        @A_Inject(A_Caller) attribute: AreDirectiveAttribute,\n        ...args: any[]\n    ) {\n        const logger = A_Context.scope(this).resolve(A_Logger) as A_Logger | undefined\n        if (logger) {\n            logger.warning(`No compiling logic defined for directive: ${attribute.name} with content: ${attribute.content}`);\n        }\n    }\n    /**\n     * Default update method for directives, which can be overridden by specific directive implementations. This method is called when there are changes in the store or other dependencies that may affect the directive's behavior or appearance. The method should contain logic to update the directive accordingly, such as re-evaluating its value, modifying the DOM, or triggering re-rendering of the affected nodes.\n     * \n     * @param attribute - The directive attribute to update, which contains all the information about the directive as defined in the template (e.g. name, raw content, evaluated value, etc.)\n     * @param args - Additional arguments that may be required for the update process.\n     */\n    @A_Feature.Extend({\n        name: AreDirectiveFeatures.Update,\n        scope: [AreDirective],\n    })\n    update(\n        @A_Inject(A_Caller) attribute: AreDirectiveAttribute,\n        ...args: any[]\n    ) {\n        const logger = A_Context.scope(this).resolve(A_Logger) as A_Logger | undefined\n        if (logger) {\n            logger.warning(`No update logic defined for directive: ${attribute.name} with content: ${attribute.content}`);\n        }\n    }\n}"]}

package/dist/node/lib/AreDirective/AreDirective.component.mjs

@@ -3,6 +3,7 @@ import { A_Inject, A_Caller, A_Feature, A_Meta, A_Component, A_Context } from '@
 import { A_Logger } from '@adaas/a-utils/a-logger';
 import { AreDirectiveMeta } from './AreDirective.meta';
 import { AreDirectiveFeatures } from './AreDirective.constants';
+import { A_Frame } from '@adaas/a-frame/core';
 
 let AreDirective = class extends A_Component {
   //==================================================================================
@@ -99,6 +100,10 @@ __decorateClass([
   __decorateParam(0, A_Inject(A_Caller))
 ], AreDirective.prototype, "update", 1);
 AreDirective = __decorateClass([
+  A_Frame.Define({
+    namespace: "a-are-html",
+    description: "Abstract base component for all ARE directive types. Provides lifecycle decorators (Transform, Compile, Apply, Revert, Priority) that subclasses hook into at each pipeline stage. Subclasses implement Transform to rewrite the attribute or template node, Compile to emit scene instructions, Apply to activate them in the DOM, and Revert to undo them on removal."
+  }),
   A_Meta.Define(AreDirectiveMeta)
 ], AreDirective);
 

package/dist/node/lib/AreDirective/AreDirective.component.mjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/lib/AreDirective/AreDirective.component.ts"],"names":[],"mappings":"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","file":"AreDirective.component.mjs","sourcesContent":["import { A_Caller, A_Component, A_Context, A_Feature, A_Inject, A_Meta, A_TYPES__Ctor } from \"@adaas/a-concept\";\nimport { A_Logger } from \"@adaas/a-utils/a-logger\";\nimport type { AreDirectiveAttribute } from \"@adaas/are-html/attributes/AreDirective.attribute\";\nimport { AreDirectiveMeta } from \"./AreDirective.meta\";\nimport { AreDirectiveFeatures } from \"./AreDirective.constants\";\n\n\n@A_Meta.Define(AreDirectiveMeta)\nexport class AreDirective extends A_Component  {\n\n    //==================================================================================\n    //======================== LIFECYCLE DECORATORS ====================================\n    //==================================================================================\n    /**\n     * Allows to define a compilation order for directives, which is necessary when we have multiple directives on the same node and we want to control the order of their compilation and application. The directive with the highest priority will be compiled and applied first, and the directive with the lowest priority will be compiled and applied last. This is important because some directives may depend on the output of other directives, so we need to ensure that they are compiled and applied in the correct order to avoid errors and ensure the expected behavior.\n     * \n     * @param priority \n     * @returns \n     */\n    static Priority(priority: number) {\n        return function <TTarget extends A_TYPES__Ctor<AreDirective>>(\n            target: TTarget\n        ): TTarget {\n            // Store meta info on the target class itself for the Meta decorator to pick up\n            const meta = A_Context.meta<AreDirectiveMeta>(target);\n\n            meta.priority = priority;\n\n            return target;\n        };\n    }\n\n    /**\n     * Allows to define a custom method for transforming the AreNode tree based on the directive attribute. This method is called during the transformation phase of the ARE component and should perform any necessary transformations on the AreNode tree based on the directive's content and context. This can include tasks such as adding or removing nodes, modifying node properties, or restructuring the tree to ensure that the directive is applied correctly during rendering.\n     */\n    static get Transform() {\n        return (target: any, propertyKey: string, descriptor: PropertyDescriptor) => {\n            return A_Feature.Extend({\n                name: AreDirectiveFeatures.Transform,\n                scope: [target.constructor],\n            })(target, propertyKey, descriptor);\n        }\n    }\n\n    /**\n     * Allows to define a custom method for compiling a directive attribute into a set of SceneInstructions. \n     * Can be used at any component to extend this logic not only for a AreDirective inherited.\n     */\n    static get Compile() {\n        return (target: any, propertyKey: string, descriptor: PropertyDescriptor) => {\n            return A_Feature.Extend({\n                name: AreDirectiveFeatures.Compile,\n                scope: [target.constructor],\n            })(target, propertyKey, descriptor);\n        }\n    }\n\n    /**\n     * Allows to define a custom method for updating a directive attribute based on changes in the store or other dependencies.\n     * Can be used at any component to extend this logic not only for a AreDirective inherited.\n     */\n    static get Update() {\n        return (target: any, propertyKey: string, descriptor: PropertyDescriptor) => {\n            return A_Feature.Extend({\n                name: AreDirectiveFeatures.Update,\n                scope: [target.constructor],\n            })(target, propertyKey, descriptor);\n        }\n    }\n\n    /**\n     * Default transform method for directives, which can be overridden by specific directive implementations. This method is called during the transformation phase of the ARE component and should perform any necessary transformations on the AreNode tree based on the directive's content and context. This can include tasks such as adding or removing nodes, modifying node properties, or restructuring the tree to ensure that the directive is applied correctly during rendering.\n     * \n     * @param attribute - The directive attribute to transform, which contains all the information about the directive as defined in the template (e.g. name, raw content, evaluated value, etc.)\n     * @param args - Additional arguments that may be required for the transformation process.\n     */\n    transform(\n        @A_Inject(A_Caller) attribute: AreDirectiveAttribute,\n        ...args: any[]\n    ) {\n        const logger = A_Context.scope(this).resolve(A_Logger) as A_Logger | undefined\n        if (logger) {\n            logger.warning(`No transforming logic defined for directive: ${attribute.name} with content: ${attribute.content}`);\n        }\n    }\n    /**\n     * Default compile method for directives, which can be overridden by specific directive implementations.\n     * \n     * @param attribute - The directive attribute to compile, which contains all the information about the directive as defined in the template (e.g. name, raw content, evaluated value, etc.)\n     * @param args - Additional arguments that may be required for the compilation process.\n     */\n    @A_Feature.Extend({\n        name: AreDirectiveFeatures.Compile,\n        scope: [AreDirective],\n    })\n    compile(\n        @A_Inject(A_Caller) attribute: AreDirectiveAttribute,\n        ...args: any[]\n    ) {\n        const logger = A_Context.scope(this).resolve(A_Logger) as A_Logger | undefined\n        if (logger) {\n            logger.warning(`No compiling logic defined for directive: ${attribute.name} with content: ${attribute.content}`);\n        }\n    }\n    /**\n     * Default update method for directives, which can be overridden by specific directive implementations. This method is called when there are changes in the store or other dependencies that may affect the directive's behavior or appearance. The method should contain logic to update the directive accordingly, such as re-evaluating its value, modifying the DOM, or triggering re-rendering of the affected nodes.\n     * \n     * @param attribute - The directive attribute to update, which contains all the information about the directive as defined in the template (e.g. name, raw content, evaluated value, etc.)\n     * @param args - Additional arguments that may be required for the update process.\n     */\n    @A_Feature.Extend({\n        name: AreDirectiveFeatures.Update,\n        scope: [AreDirective],\n    })\n    update(\n        @A_Inject(A_Caller) attribute: AreDirectiveAttribute,\n        ...args: any[]\n    ) {\n        const logger = A_Context.scope(this).resolve(A_Logger) as A_Logger | undefined\n        if (logger) {\n            logger.warning(`No update logic defined for directive: ${attribute.name} with content: ${attribute.content}`);\n        }\n    }\n}"]}
+{"version":3,"sources":["../../../../src/lib/AreDirective/AreDirective.component.ts"],"names":[],"mappings":"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","file":"AreDirective.component.mjs","sourcesContent":["import { A_Caller, A_Component, A_Context, A_Feature, A_Inject, A_Meta, A_TYPES__Ctor } from \"@adaas/a-concept\";\nimport { A_Logger } from \"@adaas/a-utils/a-logger\";\nimport type { AreDirectiveAttribute } from \"@adaas/are-html/attributes/AreDirective.attribute\";\nimport { AreDirectiveMeta } from \"./AreDirective.meta\";\nimport { AreDirectiveFeatures } from \"./AreDirective.constants\";\nimport { A_Frame } from \"@adaas/a-frame/core\";\n\n\n@A_Frame.Define({\n    namespace: 'a-are-html',\n    description: 'Abstract base component for all ARE directive types. Provides lifecycle decorators (Transform, Compile, Apply, Revert, Priority) that subclasses hook into at each pipeline stage. Subclasses implement Transform to rewrite the attribute or template node, Compile to emit scene instructions, Apply to activate them in the DOM, and Revert to undo them on removal.'\n})\n@A_Meta.Define(AreDirectiveMeta)\nexport class AreDirective extends A_Component  {\n\n    //==================================================================================\n    //======================== LIFECYCLE DECORATORS ====================================\n    //==================================================================================\n    /**\n     * Allows to define a compilation order for directives, which is necessary when we have multiple directives on the same node and we want to control the order of their compilation and application. The directive with the highest priority will be compiled and applied first, and the directive with the lowest priority will be compiled and applied last. This is important because some directives may depend on the output of other directives, so we need to ensure that they are compiled and applied in the correct order to avoid errors and ensure the expected behavior.\n     * \n     * @param priority \n     * @returns \n     */\n    static Priority(priority: number) {\n        return function <TTarget extends A_TYPES__Ctor<AreDirective>>(\n            target: TTarget\n        ): TTarget {\n            // Store meta info on the target class itself for the Meta decorator to pick up\n            const meta = A_Context.meta<AreDirectiveMeta>(target);\n\n            meta.priority = priority;\n\n            return target;\n        };\n    }\n\n    /**\n     * Allows to define a custom method for transforming the AreNode tree based on the directive attribute. This method is called during the transformation phase of the ARE component and should perform any necessary transformations on the AreNode tree based on the directive's content and context. This can include tasks such as adding or removing nodes, modifying node properties, or restructuring the tree to ensure that the directive is applied correctly during rendering.\n     */\n    static get Transform() {\n        return (target: any, propertyKey: string, descriptor: PropertyDescriptor) => {\n            return A_Feature.Extend({\n                name: AreDirectiveFeatures.Transform,\n                scope: [target.constructor],\n            })(target, propertyKey, descriptor);\n        }\n    }\n\n    /**\n     * Allows to define a custom method for compiling a directive attribute into a set of SceneInstructions. \n     * Can be used at any component to extend this logic not only for a AreDirective inherited.\n     */\n    static get Compile() {\n        return (target: any, propertyKey: string, descriptor: PropertyDescriptor) => {\n            return A_Feature.Extend({\n                name: AreDirectiveFeatures.Compile,\n                scope: [target.constructor],\n            })(target, propertyKey, descriptor);\n        }\n    }\n\n    /**\n     * Allows to define a custom method for updating a directive attribute based on changes in the store or other dependencies.\n     * Can be used at any component to extend this logic not only for a AreDirective inherited.\n     */\n    static get Update() {\n        return (target: any, propertyKey: string, descriptor: PropertyDescriptor) => {\n            return A_Feature.Extend({\n                name: AreDirectiveFeatures.Update,\n                scope: [target.constructor],\n            })(target, propertyKey, descriptor);\n        }\n    }\n\n    /**\n     * Default transform method for directives, which can be overridden by specific directive implementations. This method is called during the transformation phase of the ARE component and should perform any necessary transformations on the AreNode tree based on the directive's content and context. This can include tasks such as adding or removing nodes, modifying node properties, or restructuring the tree to ensure that the directive is applied correctly during rendering.\n     * \n     * @param attribute - The directive attribute to transform, which contains all the information about the directive as defined in the template (e.g. name, raw content, evaluated value, etc.)\n     * @param args - Additional arguments that may be required for the transformation process.\n     */\n    transform(\n        @A_Inject(A_Caller) attribute: AreDirectiveAttribute,\n        ...args: any[]\n    ) {\n        const logger = A_Context.scope(this).resolve(A_Logger) as A_Logger | undefined\n        if (logger) {\n            logger.warning(`No transforming logic defined for directive: ${attribute.name} with content: ${attribute.content}`);\n        }\n    }\n    /**\n     * Default compile method for directives, which can be overridden by specific directive implementations.\n     * \n     * @param attribute - The directive attribute to compile, which contains all the information about the directive as defined in the template (e.g. name, raw content, evaluated value, etc.)\n     * @param args - Additional arguments that may be required for the compilation process.\n     */\n    @A_Feature.Extend({\n        name: AreDirectiveFeatures.Compile,\n        scope: [AreDirective],\n    })\n    compile(\n        @A_Inject(A_Caller) attribute: AreDirectiveAttribute,\n        ...args: any[]\n    ) {\n        const logger = A_Context.scope(this).resolve(A_Logger) as A_Logger | undefined\n        if (logger) {\n            logger.warning(`No compiling logic defined for directive: ${attribute.name} with content: ${attribute.content}`);\n        }\n    }\n    /**\n     * Default update method for directives, which can be overridden by specific directive implementations. This method is called when there are changes in the store or other dependencies that may affect the directive's behavior or appearance. The method should contain logic to update the directive accordingly, such as re-evaluating its value, modifying the DOM, or triggering re-rendering of the affected nodes.\n     * \n     * @param attribute - The directive attribute to update, which contains all the information about the directive as defined in the template (e.g. name, raw content, evaluated value, etc.)\n     * @param args - Additional arguments that may be required for the update process.\n     */\n    @A_Feature.Extend({\n        name: AreDirectiveFeatures.Update,\n        scope: [AreDirective],\n    })\n    update(\n        @A_Inject(A_Caller) attribute: AreDirectiveAttribute,\n        ...args: any[]\n    ) {\n        const logger = A_Context.scope(this).resolve(A_Logger) as A_Logger | undefined\n        if (logger) {\n            logger.warning(`No update logic defined for directive: ${attribute.name} with content: ${attribute.content}`);\n        }\n    }\n}"]}

package/dist/node/lib/AreHTMLAttribute/AreHTML.attribute.js

@@ -1,13 +1,26 @@
 'use strict';
 
 var are = require('@adaas/are');
+var core = require('@adaas/a-frame/core');
 
-class AreHTMLAttribute extends are.AreAttribute {
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __decorateClass = (decorators, target, key, kind) => {
+  var result = kind > 1 ? void 0 : kind ? __getOwnPropDesc(target, key) : target;
+  for (var i = decorators.length - 1, decorator; i >= 0; i--)
+    if (decorator = decorators[i])
+      result = (decorator(result)) || result;
+  return result;
+};
+exports.AreHTMLAttribute = class AreHTMLAttribute extends are.AreAttribute {
   get owner() {
     return this.scope.issuer();
   }
-}
-
-exports.AreHTMLAttribute = AreHTMLAttribute;
+};
+exports.AreHTMLAttribute = __decorateClass([
+  core.A_Frame.Define({
+    namespace: "a-are-html",
+    description: "Base class for all typed HTML attributes in the ARE framework. Provides typed access to the owning AreHTMLNode via the scope injector so that attribute subclasses can inspect host-node properties and resolve store bindings during transformation, compilation, and lifecycle phases."
+  })
+], exports.AreHTMLAttribute);
 //# sourceMappingURL=AreHTML.attribute.js.map
 //# sourceMappingURL=AreHTML.attribute.js.map

package/dist/node/lib/AreHTMLAttribute/AreHTML.attribute.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/lib/AreHTMLAttribute/AreHTML.attribute.ts"],"names":["AreAttribute"],"mappings":";;;;AAMO,MAAM,yBAAyBA,gBAAA,CAAa;AAAA,EAE/C,IAAI,KAAA,GAAqB;AACrB,IAAA,OAAO,IAAA,CAAK,MAAM,MAAA,EAAO;AAAA,EAC7B;AAEJ","file":"AreHTML.attribute.js","sourcesContent":["import { AreAttribute } from \"@adaas/are\";\nimport { AreHTMLNode } from \"../AreHTMLNode/AreHTMLNode\";\n\n\n\n\nexport class AreHTMLAttribute extends AreAttribute {\n\n    get owner(): AreHTMLNode {\n        return this.scope.issuer() as AreHTMLNode;\n    }\n\n}"]}
+{"version":3,"sources":["../../../../src/lib/AreHTMLAttribute/AreHTML.attribute.ts"],"names":["AreHTMLAttribute","AreAttribute","A_Frame"],"mappings":";;;;;;;;;;;;;AAWaA,wBAAA,GAAN,+BAA+BC,gBAAA,CAAa;AAAA,EAE/C,IAAI,KAAA,GAAqB;AACrB,IAAA,OAAO,IAAA,CAAK,MAAM,MAAA,EAAO;AAAA,EAC7B;AAEJ;AANaD,wBAAA,GAAN,eAAA,CAAA;AAAA,EAJNE,aAAQ,MAAA,CAAO;AAAA,IACZ,SAAA,EAAW,YAAA;AAAA,IACX,WAAA,EAAa;AAAA,GAChB;AAAA,CAAA,EACYF,wBAAA,CAAA","file":"AreHTML.attribute.js","sourcesContent":["import { AreAttribute } from \"@adaas/are\";\nimport { AreHTMLNode } from \"../AreHTMLNode/AreHTMLNode\";\nimport { A_Frame } from \"@adaas/a-frame/core\";\n\n\n\n\n@A_Frame.Define({\n    namespace: 'a-are-html',\n    description: 'Base class for all typed HTML attributes in the ARE framework. Provides typed access to the owning AreHTMLNode via the scope injector so that attribute subclasses can inspect host-node properties and resolve store bindings during transformation, compilation, and lifecycle phases.'\n})\nexport class AreHTMLAttribute extends AreAttribute {\n\n    get owner(): AreHTMLNode {\n        return this.scope.issuer() as AreHTMLNode;\n    }\n\n}"]}

package/dist/node/lib/AreHTMLAttribute/AreHTML.attribute.mjs

@@ -1,11 +1,18 @@
-import '../../chunk-EQQGB2QZ.mjs';
+import { __decorateClass } from '../../chunk-EQQGB2QZ.mjs';
 import { AreAttribute } from '@adaas/are';
+import { A_Frame } from '@adaas/a-frame/core';
 
-class AreHTMLAttribute extends AreAttribute {
+let AreHTMLAttribute = class extends AreAttribute {
   get owner() {
     return this.scope.issuer();
   }
-}
+};
+AreHTMLAttribute = __decorateClass([
+  A_Frame.Define({
+    namespace: "a-are-html",
+    description: "Base class for all typed HTML attributes in the ARE framework. Provides typed access to the owning AreHTMLNode via the scope injector so that attribute subclasses can inspect host-node properties and resolve store bindings during transformation, compilation, and lifecycle phases."
+  })
+], AreHTMLAttribute);
 
 export { AreHTMLAttribute };
 //# sourceMappingURL=AreHTML.attribute.mjs.map

package/dist/node/lib/AreHTMLAttribute/AreHTML.attribute.mjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/lib/AreHTMLAttribute/AreHTML.attribute.ts"],"names":[],"mappings":";;;AAMO,MAAM,yBAAyB,YAAA,CAAa;AAAA,EAE/C,IAAI,KAAA,GAAqB;AACrB,IAAA,OAAO,IAAA,CAAK,MAAM,MAAA,EAAO;AAAA,EAC7B;AAEJ","file":"AreHTML.attribute.mjs","sourcesContent":["import { AreAttribute } from \"@adaas/are\";\nimport { AreHTMLNode } from \"../AreHTMLNode/AreHTMLNode\";\n\n\n\n\nexport class AreHTMLAttribute extends AreAttribute {\n\n    get owner(): AreHTMLNode {\n        return this.scope.issuer() as AreHTMLNode;\n    }\n\n}"]}
+{"version":3,"sources":["../../../../src/lib/AreHTMLAttribute/AreHTML.attribute.ts"],"names":[],"mappings":";;;;AAWO,IAAM,gBAAA,GAAN,cAA+B,YAAA,CAAa;AAAA,EAE/C,IAAI,KAAA,GAAqB;AACrB,IAAA,OAAO,IAAA,CAAK,MAAM,MAAA,EAAO;AAAA,EAC7B;AAEJ;AANa,gBAAA,GAAN,eAAA,CAAA;AAAA,EAJN,QAAQ,MAAA,CAAO;AAAA,IACZ,SAAA,EAAW,YAAA;AAAA,IACX,WAAA,EAAa;AAAA,GAChB;AAAA,CAAA,EACY,gBAAA,CAAA","file":"AreHTML.attribute.mjs","sourcesContent":["import { AreAttribute } from \"@adaas/are\";\nimport { AreHTMLNode } from \"../AreHTMLNode/AreHTMLNode\";\nimport { A_Frame } from \"@adaas/a-frame/core\";\n\n\n\n\n@A_Frame.Define({\n    namespace: 'a-are-html',\n    description: 'Base class for all typed HTML attributes in the ARE framework. Provides typed access to the owning AreHTMLNode via the scope injector so that attribute subclasses can inspect host-node properties and resolve store bindings during transformation, compilation, and lifecycle phases.'\n})\nexport class AreHTMLAttribute extends AreAttribute {\n\n    get owner(): AreHTMLNode {\n        return this.scope.issuer() as AreHTMLNode;\n    }\n\n}"]}

package/dist/node/lib/AreHTMLNode/AreHTMLNode.js

@@ -1,7 +1,7 @@
 'use strict';
 
 var aConcept = require('@adaas/a-concept');
-var aFrame = require('@adaas/a-frame');
+var core = require('@adaas/a-frame/core');
 var are = require('@adaas/are');
 var AreBinding_attribute = require('@adaas/are-html/attributes/AreBinding.attribute');
 var AreDirective_attribute = require('@adaas/are-html/attributes/AreDirective.attribute');
@@ -72,9 +72,8 @@ exports.AreHTMLNode = class AreHTMLNode extends are.AreNode {
   }
 };
 exports.AreHTMLNode = __decorateClass([
-  aFrame.A_Frame.Entity({
-    namespace: "A-ARE",
-    name: "AreHTMLNode",
+  core.A_Frame.Define({
+    namespace: "a-are-html",
     description: "AreHTMLNode represents a node in the HTML structure. It extends the base AreNode and includes properties and methods specific to HTML nodes, such as handling attributes, directives, events, and styles."
   })
 ], exports.AreHTMLNode);

package/dist/node/lib/AreHTMLNode/AreHTMLNode.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/lib/AreHTMLNode/AreHTMLNode.ts"],"names":["AreHTMLNode","AreNode","AreStaticAttribute","AreBindingAttribute","AreDirectiveAttribute","A_Context","AreEventAttribute","AreStyle","A_Frame"],"mappings":";;;;;;;;;;;;;;;;;;;AAkBaA,mBAAA,GAAN,0BAA0BC,WAAA,CAAQ;AAAA;AAAA;AAAA;AAAA;AAAA,EAKrC,IAAI,GAAA,GAAc;AACd,IAAA,OAAO,KAAK,KAAA,CAAM,MAAA;AAAA,EACtB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAMA,IAAI,gBAAA,GAAyC;AACzC,IAAA,OAAO,IAAA,CAAK,KAAA,CAAM,cAAA,CAAmCC,sCAAkB,CAAA;AAAA,EAC3E;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAMA,IAAI,QAAA,GAAkC;AAClC,IAAA,OAAO,IAAA,CAAK,KAAA,CAAM,cAAA,CAAoCC,wCAAmB,CAAA;AAAA,EAC7E;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAMA,IAAI,UAAA,GAAsC;AAItC,IAAA,MAAM,UAAA,GAAa,IAAA,CAAK,KAAA,CAAM,cAAA,CAAsCC,4CAAqB,CAAA;AAOzF,IAAA,OAAO,UAAA,CAAW,OAAO,CAAA,CAAA,KAAK,CAAA,CAAE,SAAS,CAAA,CAAE,IAAA,CAAK,CAAC,CAAA,EAAG,CAAA,KAAM;AACtD,MAAA,MAAM,KAAA,GAAQC,kBAAA,CAAU,IAAA,CAAqC,CAAA,CAAE,SAAU,CAAA;AACzE,MAAA,MAAM,KAAA,GAAQA,kBAAA,CAAU,IAAA,CAAqC,CAAA,CAAE,SAAU,CAAA;AAEzE,MAAA,MAAM,SAAA,GAAY,MAAM,QAAA,IAAY,CAAA;AACpC,MAAA,MAAM,SAAA,GAAY,MAAM,QAAA,IAAY,CAAA;AAEpC,MAAA,OAAO,SAAA,GAAY,SAAA;AAAA,IACvB,CAAC,CAAA;AAAA,EACL;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAMA,IAAI,MAAA,GAA8B;AAC9B,IAAA,OAAO,IAAA,CAAK,KAAA,CAAM,cAAA,CAAkCC,oCAAiB,CAAA;AAAA,EACzE;AAAA;AAAA;AAAA;AAAA,EAIA,IAAI,MAAA,GAAmB;AACnB,IAAA,OAAO,IAAA,CAAK,KAAA,CAAM,WAAA,CAAsBC,yBAAQ,CAAA;AAAA,EACpD;AAEJ;AAjEaP,mBAAA,GAAN,eAAA,CAAA;AAAA,EALNQ,eAAQ,MAAA,CAAO;AAAA,IACZ,SAAA,EAAW,OAAA;AAAA,IACX,IAAA,EAAM,aAAA;AAAA,IACN,WAAA,EAAa;AAAA,GAChB;AAAA,CAAA,EACYR,mBAAA,CAAA","file":"AreHTMLNode.js","sourcesContent":["import { A_Context, } from \"@adaas/a-concept\";\nimport { A_Frame } from \"@adaas/a-frame\";\nimport { AreNode} from \"@adaas/are\";\nimport { AreBindingAttribute } from \"@adaas/are-html/attributes/AreBinding.attribute\";\nimport { AreDirectiveAttribute } from \"@adaas/are-html/attributes/AreDirective.attribute\";\nimport { AreEventAttribute } from \"@adaas/are-html/attributes/AreEvent.attribute\";\nimport { AreStaticAttribute } from \"@adaas/are-html/attributes/AreStatic.attribute\";\nimport { AreStyle } from \"@adaas/are-html/style/AreStyle.context\";\nimport { AreDirective } from \"@adaas/are-html/directive/AreDirective.component\";\nimport { AreDirectiveMeta } from \"@adaas/are-html/directive/AreDirective.meta\";\n\n\n\n@A_Frame.Entity({\n    namespace: 'A-ARE',\n    name: 'AreHTMLNode',\n    description: 'AreHTMLNode represents a node in the HTML structure. It extends the base AreNode and includes properties and methods specific to HTML nodes, such as handling attributes, directives, events, and styles.'\n})\nexport class AreHTMLNode extends AreNode {\n    /**\n     * Actual node type. \n     * By default it's a tag name\n     */\n    get tag(): string {\n        return this.aseid.entity;\n    }\n    /**\n      * The static attributes defined for the node, which are typically used to represent static properties or characteristics of the node that do not change based on the context or state. These attributes are usually defined in the template and are not reactive.\n      * \n      * Example: For a node defined as `<div class=\"static-class\">`, the static attribute would be `class=\"static-class\"`.\n      */\n    get staticAttributes(): AreStaticAttribute[] {\n        return this.scope.resolveFlatAll<AreStaticAttribute>(AreStaticAttribute);\n    }\n    /**\n     * The binding attributes defined for the node, which are typically used to represent dynamic properties or characteristics of the node that can change based on the context or state. These attributes are usually defined in the template with a specific syntax (e.g., `:prop=\"value\"` or `v-bind:prop=\"value\"`) and are reactive, meaning that they will update automatically when the underlying data changes.\n     * \n     * Example: For a node defined as `<div :class=\"dynamicClass\">`, the binding attribute would be `:class=\"dynamicClass\"`.\n     */\n    get bindings(): AreBindingAttribute[] {\n        return this.scope.resolveFlatAll<AreBindingAttribute>(AreBindingAttribute);\n    }\n    /**\n     * The directive attributes defined for the node, which are typically used to represent special instructions or behaviors that should be applied to the node. These attributes are usually defined in the template with a specific syntax (e.g., `v-if=\"condition\"` or `v-for=\"item in list\"`) and are processed by the rendering engine to apply the corresponding logic or behavior to the node.\n     * \n     * Example: For a node defined as `<div v-if=\"isVisible\">`, the directive attribute would be `v-if=\"isVisible\"`.\n     */\n    get directives(): AreDirectiveAttribute[] {\n        /**\n         * 1. get all registered directives for the node\n         */\n        const directives = this.scope.resolveFlatAll<AreDirectiveAttribute>(AreDirectiveAttribute)!;\n        /**\n         * 2. Order them in the way that defined in the meta\n         * \n         *   Each meta has a prioprity of order that may impact the way how directives are compiled and rendered. For example, a directive with higher priority may need to be compiled before other directives to ensure that its logic is applied correctly before other directives are processed. By ordering the directives based on their defined priority in the meta, we can ensure that the compilation and rendering process follows the intended logic and behavior as defined by the directive implementations.\n         */\n\n        return directives.filter(d => d.component).sort((a, b) => {\n            const aMeta = A_Context.meta<AreDirectiveMeta, AreDirective>(a.component!);\n            const bMeta = A_Context.meta<AreDirectiveMeta, AreDirective>(b.component!);\n\n            const aPriority = aMeta.priority ?? 0;\n            const bPriority = bMeta.priority ?? 0;\n\n            return bPriority - aPriority;\n        });\n    }\n    /**\n     * The event attributes defined for the node, which are typically used to represent event listeners or handlers that should be attached to the node. These attributes are usually defined in the template with a specific syntax (e.g., `@click=\"handleClick\"` or `v-on:click=\"handleClick\"`) and are processed by the rendering engine to attach the corresponding event listeners to the node.\n     * \n     * Example: For a node defined as `<button @click=\"handleClick\">`, the event attribute would be `@click=\"handleClick\"`.\n     */\n    get events(): AreEventAttribute[] {\n        return this.scope.resolveFlatAll<AreEventAttribute>(AreEventAttribute)!;\n    }\n    /**\n     * The styles defined for the node, which can include inline styles or styles defined in a separate stylesheet that are applied to the node. These styles can be used to control the visual appearance of the node and can be defined using standard CSS syntax.\n     */\n    get styles(): AreStyle {\n        return this.scope.resolveFlat<AreStyle>(AreStyle)!;\n    }\n\n}"]}
+{"version":3,"sources":["../../../../src/lib/AreHTMLNode/AreHTMLNode.ts"],"names":["AreHTMLNode","AreNode","AreStaticAttribute","AreBindingAttribute","AreDirectiveAttribute","A_Context","AreEventAttribute","AreStyle","A_Frame"],"mappings":";;;;;;;;;;;;;;;;;;;AAiBaA,mBAAA,GAAN,0BAA0BC,WAAA,CAAQ;AAAA;AAAA;AAAA;AAAA;AAAA,EAKrC,IAAI,GAAA,GAAc;AACd,IAAA,OAAO,KAAK,KAAA,CAAM,MAAA;AAAA,EACtB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAMA,IAAI,gBAAA,GAAyC;AACzC,IAAA,OAAO,IAAA,CAAK,KAAA,CAAM,cAAA,CAAmCC,sCAAkB,CAAA;AAAA,EAC3E;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAMA,IAAI,QAAA,GAAkC;AAClC,IAAA,OAAO,IAAA,CAAK,KAAA,CAAM,cAAA,CAAoCC,wCAAmB,CAAA;AAAA,EAC7E;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAMA,IAAI,UAAA,GAAsC;AAItC,IAAA,MAAM,UAAA,GAAa,IAAA,CAAK,KAAA,CAAM,cAAA,CAAsCC,4CAAqB,CAAA;AAOzF,IAAA,OAAO,UAAA,CAAW,OAAO,CAAA,CAAA,KAAK,CAAA,CAAE,SAAS,CAAA,CAAE,IAAA,CAAK,CAAC,CAAA,EAAG,CAAA,KAAM;AACtD,MAAA,MAAM,KAAA,GAAQC,kBAAA,CAAU,IAAA,CAAqC,CAAA,CAAE,SAAU,CAAA;AACzE,MAAA,MAAM,KAAA,GAAQA,kBAAA,CAAU,IAAA,CAAqC,CAAA,CAAE,SAAU,CAAA;AAEzE,MAAA,MAAM,SAAA,GAAY,MAAM,QAAA,IAAY,CAAA;AACpC,MAAA,MAAM,SAAA,GAAY,MAAM,QAAA,IAAY,CAAA;AAEpC,MAAA,OAAO,SAAA,GAAY,SAAA;AAAA,IACvB,CAAC,CAAA;AAAA,EACL;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAMA,IAAI,MAAA,GAA8B;AAC9B,IAAA,OAAO,IAAA,CAAK,KAAA,CAAM,cAAA,CAAkCC,oCAAiB,CAAA;AAAA,EACzE;AAAA;AAAA;AAAA;AAAA,EAIA,IAAI,MAAA,GAAmB;AACnB,IAAA,OAAO,IAAA,CAAK,KAAA,CAAM,WAAA,CAAsBC,yBAAQ,CAAA;AAAA,EACpD;AAEJ;AAjEaP,mBAAA,GAAN,eAAA,CAAA;AAAA,EAJNQ,aAAQ,MAAA,CAAO;AAAA,IACZ,SAAA,EAAW,YAAA;AAAA,IACX,WAAA,EAAa;AAAA,GAChB;AAAA,CAAA,EACYR,mBAAA,CAAA","file":"AreHTMLNode.js","sourcesContent":["import { A_Context, } from \"@adaas/a-concept\";\nimport { A_Frame } from \"@adaas/a-frame/core\";\nimport { AreNode} from \"@adaas/are\";\nimport { AreBindingAttribute } from \"@adaas/are-html/attributes/AreBinding.attribute\";\nimport { AreDirectiveAttribute } from \"@adaas/are-html/attributes/AreDirective.attribute\";\nimport { AreEventAttribute } from \"@adaas/are-html/attributes/AreEvent.attribute\";\nimport { AreStaticAttribute } from \"@adaas/are-html/attributes/AreStatic.attribute\";\nimport { AreStyle } from \"@adaas/are-html/style/AreStyle.context\";\nimport { AreDirective } from \"@adaas/are-html/directive/AreDirective.component\";\nimport { AreDirectiveMeta } from \"@adaas/are-html/directive/AreDirective.meta\";\n\n\n\n@A_Frame.Define({\n    namespace: 'a-are-html',\n    description: 'AreHTMLNode represents a node in the HTML structure. It extends the base AreNode and includes properties and methods specific to HTML nodes, such as handling attributes, directives, events, and styles.'\n})\nexport class AreHTMLNode extends AreNode {\n    /**\n     * Actual node type. \n     * By default it's a tag name\n     */\n    get tag(): string {\n        return this.aseid.entity;\n    }\n    /**\n      * The static attributes defined for the node, which are typically used to represent static properties or characteristics of the node that do not change based on the context or state. These attributes are usually defined in the template and are not reactive.\n      * \n      * Example: For a node defined as `<div class=\"static-class\">`, the static attribute would be `class=\"static-class\"`.\n      */\n    get staticAttributes(): AreStaticAttribute[] {\n        return this.scope.resolveFlatAll<AreStaticAttribute>(AreStaticAttribute);\n    }\n    /**\n     * The binding attributes defined for the node, which are typically used to represent dynamic properties or characteristics of the node that can change based on the context or state. These attributes are usually defined in the template with a specific syntax (e.g., `:prop=\"value\"` or `v-bind:prop=\"value\"`) and are reactive, meaning that they will update automatically when the underlying data changes.\n     * \n     * Example: For a node defined as `<div :class=\"dynamicClass\">`, the binding attribute would be `:class=\"dynamicClass\"`.\n     */\n    get bindings(): AreBindingAttribute[] {\n        return this.scope.resolveFlatAll<AreBindingAttribute>(AreBindingAttribute);\n    }\n    /**\n     * The directive attributes defined for the node, which are typically used to represent special instructions or behaviors that should be applied to the node. These attributes are usually defined in the template with a specific syntax (e.g., `v-if=\"condition\"` or `v-for=\"item in list\"`) and are processed by the rendering engine to apply the corresponding logic or behavior to the node.\n     * \n     * Example: For a node defined as `<div v-if=\"isVisible\">`, the directive attribute would be `v-if=\"isVisible\"`.\n     */\n    get directives(): AreDirectiveAttribute[] {\n        /**\n         * 1. get all registered directives for the node\n         */\n        const directives = this.scope.resolveFlatAll<AreDirectiveAttribute>(AreDirectiveAttribute)!;\n        /**\n         * 2. Order them in the way that defined in the meta\n         * \n         *   Each meta has a prioprity of order that may impact the way how directives are compiled and rendered. For example, a directive with higher priority may need to be compiled before other directives to ensure that its logic is applied correctly before other directives are processed. By ordering the directives based on their defined priority in the meta, we can ensure that the compilation and rendering process follows the intended logic and behavior as defined by the directive implementations.\n         */\n\n        return directives.filter(d => d.component).sort((a, b) => {\n            const aMeta = A_Context.meta<AreDirectiveMeta, AreDirective>(a.component!);\n            const bMeta = A_Context.meta<AreDirectiveMeta, AreDirective>(b.component!);\n\n            const aPriority = aMeta.priority ?? 0;\n            const bPriority = bMeta.priority ?? 0;\n\n            return bPriority - aPriority;\n        });\n    }\n    /**\n     * The event attributes defined for the node, which are typically used to represent event listeners or handlers that should be attached to the node. These attributes are usually defined in the template with a specific syntax (e.g., `@click=\"handleClick\"` or `v-on:click=\"handleClick\"`) and are processed by the rendering engine to attach the corresponding event listeners to the node.\n     * \n     * Example: For a node defined as `<button @click=\"handleClick\">`, the event attribute would be `@click=\"handleClick\"`.\n     */\n    get events(): AreEventAttribute[] {\n        return this.scope.resolveFlatAll<AreEventAttribute>(AreEventAttribute)!;\n    }\n    /**\n     * The styles defined for the node, which can include inline styles or styles defined in a separate stylesheet that are applied to the node. These styles can be used to control the visual appearance of the node and can be defined using standard CSS syntax.\n     */\n    get styles(): AreStyle {\n        return this.scope.resolveFlat<AreStyle>(AreStyle)!;\n    }\n\n}"]}

package/dist/node/lib/AreHTMLNode/AreHTMLNode.mjs

@@ -1,6 +1,6 @@
 import { __decorateClass } from '../../chunk-EQQGB2QZ.mjs';
 import { A_Context } from '@adaas/a-concept';
-import { A_Frame } from '@adaas/a-frame';
+import { A_Frame } from '@adaas/a-frame/core';
 import { AreNode } from '@adaas/are';
 import { AreBindingAttribute } from '@adaas/are-html/attributes/AreBinding.attribute';
 import { AreDirectiveAttribute } from '@adaas/are-html/attributes/AreDirective.attribute';
@@ -63,9 +63,8 @@ let AreHTMLNode = class extends AreNode {
   }
 };
 AreHTMLNode = __decorateClass([
-  A_Frame.Entity({
-    namespace: "A-ARE",
-    name: "AreHTMLNode",
+  A_Frame.Define({
+    namespace: "a-are-html",
     description: "AreHTMLNode represents a node in the HTML structure. It extends the base AreNode and includes properties and methods specific to HTML nodes, such as handling attributes, directives, events, and styles."
   })
 ], AreHTMLNode);

package/dist/node/lib/AreHTMLNode/AreHTMLNode.mjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/lib/AreHTMLNode/AreHTMLNode.ts"],"names":[],"mappings":";;;;;;;;;;AAkBO,IAAM,WAAA,GAAN,cAA0B,OAAA,CAAQ;AAAA;AAAA;AAAA;AAAA;AAAA,EAKrC,IAAI,GAAA,GAAc;AACd,IAAA,OAAO,KAAK,KAAA,CAAM,MAAA;AAAA,EACtB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAMA,IAAI,gBAAA,GAAyC;AACzC,IAAA,OAAO,IAAA,CAAK,KAAA,CAAM,cAAA,CAAmC,kBAAkB,CAAA;AAAA,EAC3E;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAMA,IAAI,QAAA,GAAkC;AAClC,IAAA,OAAO,IAAA,CAAK,KAAA,CAAM,cAAA,CAAoC,mBAAmB,CAAA;AAAA,EAC7E;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAMA,IAAI,UAAA,GAAsC;AAItC,IAAA,MAAM,UAAA,GAAa,IAAA,CAAK,KAAA,CAAM,cAAA,CAAsC,qBAAqB,CAAA;AAOzF,IAAA,OAAO,UAAA,CAAW,OAAO,CAAA,CAAA,KAAK,CAAA,CAAE,SAAS,CAAA,CAAE,IAAA,CAAK,CAAC,CAAA,EAAG,CAAA,KAAM;AACtD,MAAA,MAAM,KAAA,GAAQ,SAAA,CAAU,IAAA,CAAqC,CAAA,CAAE,SAAU,CAAA;AACzE,MAAA,MAAM,KAAA,GAAQ,SAAA,CAAU,IAAA,CAAqC,CAAA,CAAE,SAAU,CAAA;AAEzE,MAAA,MAAM,SAAA,GAAY,MAAM,QAAA,IAAY,CAAA;AACpC,MAAA,MAAM,SAAA,GAAY,MAAM,QAAA,IAAY,CAAA;AAEpC,MAAA,OAAO,SAAA,GAAY,SAAA;AAAA,IACvB,CAAC,CAAA;AAAA,EACL;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAMA,IAAI,MAAA,GAA8B;AAC9B,IAAA,OAAO,IAAA,CAAK,KAAA,CAAM,cAAA,CAAkC,iBAAiB,CAAA;AAAA,EACzE;AAAA;AAAA;AAAA;AAAA,EAIA,IAAI,MAAA,GAAmB;AACnB,IAAA,OAAO,IAAA,CAAK,KAAA,CAAM,WAAA,CAAsB,QAAQ,CAAA;AAAA,EACpD;AAEJ;AAjEa,WAAA,GAAN,eAAA,CAAA;AAAA,EALN,QAAQ,MAAA,CAAO;AAAA,IACZ,SAAA,EAAW,OAAA;AAAA,IACX,IAAA,EAAM,aAAA;AAAA,IACN,WAAA,EAAa;AAAA,GAChB;AAAA,CAAA,EACY,WAAA,CAAA","file":"AreHTMLNode.mjs","sourcesContent":["import { A_Context, } from \"@adaas/a-concept\";\nimport { A_Frame } from \"@adaas/a-frame\";\nimport { AreNode} from \"@adaas/are\";\nimport { AreBindingAttribute } from \"@adaas/are-html/attributes/AreBinding.attribute\";\nimport { AreDirectiveAttribute } from \"@adaas/are-html/attributes/AreDirective.attribute\";\nimport { AreEventAttribute } from \"@adaas/are-html/attributes/AreEvent.attribute\";\nimport { AreStaticAttribute } from \"@adaas/are-html/attributes/AreStatic.attribute\";\nimport { AreStyle } from \"@adaas/are-html/style/AreStyle.context\";\nimport { AreDirective } from \"@adaas/are-html/directive/AreDirective.component\";\nimport { AreDirectiveMeta } from \"@adaas/are-html/directive/AreDirective.meta\";\n\n\n\n@A_Frame.Entity({\n    namespace: 'A-ARE',\n    name: 'AreHTMLNode',\n    description: 'AreHTMLNode represents a node in the HTML structure. It extends the base AreNode and includes properties and methods specific to HTML nodes, such as handling attributes, directives, events, and styles.'\n})\nexport class AreHTMLNode extends AreNode {\n    /**\n     * Actual node type. \n     * By default it's a tag name\n     */\n    get tag(): string {\n        return this.aseid.entity;\n    }\n    /**\n      * The static attributes defined for the node, which are typically used to represent static properties or characteristics of the node that do not change based on the context or state. These attributes are usually defined in the template and are not reactive.\n      * \n      * Example: For a node defined as `<div class=\"static-class\">`, the static attribute would be `class=\"static-class\"`.\n      */\n    get staticAttributes(): AreStaticAttribute[] {\n        return this.scope.resolveFlatAll<AreStaticAttribute>(AreStaticAttribute);\n    }\n    /**\n     * The binding attributes defined for the node, which are typically used to represent dynamic properties or characteristics of the node that can change based on the context or state. These attributes are usually defined in the template with a specific syntax (e.g., `:prop=\"value\"` or `v-bind:prop=\"value\"`) and are reactive, meaning that they will update automatically when the underlying data changes.\n     * \n     * Example: For a node defined as `<div :class=\"dynamicClass\">`, the binding attribute would be `:class=\"dynamicClass\"`.\n     */\n    get bindings(): AreBindingAttribute[] {\n        return this.scope.resolveFlatAll<AreBindingAttribute>(AreBindingAttribute);\n    }\n    /**\n     * The directive attributes defined for the node, which are typically used to represent special instructions or behaviors that should be applied to the node. These attributes are usually defined in the template with a specific syntax (e.g., `v-if=\"condition\"` or `v-for=\"item in list\"`) and are processed by the rendering engine to apply the corresponding logic or behavior to the node.\n     * \n     * Example: For a node defined as `<div v-if=\"isVisible\">`, the directive attribute would be `v-if=\"isVisible\"`.\n     */\n    get directives(): AreDirectiveAttribute[] {\n        /**\n         * 1. get all registered directives for the node\n         */\n        const directives = this.scope.resolveFlatAll<AreDirectiveAttribute>(AreDirectiveAttribute)!;\n        /**\n         * 2. Order them in the way that defined in the meta\n         * \n         *   Each meta has a prioprity of order that may impact the way how directives are compiled and rendered. For example, a directive with higher priority may need to be compiled before other directives to ensure that its logic is applied correctly before other directives are processed. By ordering the directives based on their defined priority in the meta, we can ensure that the compilation and rendering process follows the intended logic and behavior as defined by the directive implementations.\n         */\n\n        return directives.filter(d => d.component).sort((a, b) => {\n            const aMeta = A_Context.meta<AreDirectiveMeta, AreDirective>(a.component!);\n            const bMeta = A_Context.meta<AreDirectiveMeta, AreDirective>(b.component!);\n\n            const aPriority = aMeta.priority ?? 0;\n            const bPriority = bMeta.priority ?? 0;\n\n            return bPriority - aPriority;\n        });\n    }\n    /**\n     * The event attributes defined for the node, which are typically used to represent event listeners or handlers that should be attached to the node. These attributes are usually defined in the template with a specific syntax (e.g., `@click=\"handleClick\"` or `v-on:click=\"handleClick\"`) and are processed by the rendering engine to attach the corresponding event listeners to the node.\n     * \n     * Example: For a node defined as `<button @click=\"handleClick\">`, the event attribute would be `@click=\"handleClick\"`.\n     */\n    get events(): AreEventAttribute[] {\n        return this.scope.resolveFlatAll<AreEventAttribute>(AreEventAttribute)!;\n    }\n    /**\n     * The styles defined for the node, which can include inline styles or styles defined in a separate stylesheet that are applied to the node. These styles can be used to control the visual appearance of the node and can be defined using standard CSS syntax.\n     */\n    get styles(): AreStyle {\n        return this.scope.resolveFlat<AreStyle>(AreStyle)!;\n    }\n\n}"]}
+{"version":3,"sources":["../../../../src/lib/AreHTMLNode/AreHTMLNode.ts"],"names":[],"mappings":";;;;;;;;;;AAiBO,IAAM,WAAA,GAAN,cAA0B,OAAA,CAAQ;AAAA;AAAA;AAAA;AAAA;AAAA,EAKrC,IAAI,GAAA,GAAc;AACd,IAAA,OAAO,KAAK,KAAA,CAAM,MAAA;AAAA,EACtB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAMA,IAAI,gBAAA,GAAyC;AACzC,IAAA,OAAO,IAAA,CAAK,KAAA,CAAM,cAAA,CAAmC,kBAAkB,CAAA;AAAA,EAC3E;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAMA,IAAI,QAAA,GAAkC;AAClC,IAAA,OAAO,IAAA,CAAK,KAAA,CAAM,cAAA,CAAoC,mBAAmB,CAAA;AAAA,EAC7E;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAMA,IAAI,UAAA,GAAsC;AAItC,IAAA,MAAM,UAAA,GAAa,IAAA,CAAK,KAAA,CAAM,cAAA,CAAsC,qBAAqB,CAAA;AAOzF,IAAA,OAAO,UAAA,CAAW,OAAO,CAAA,CAAA,KAAK,CAAA,CAAE,SAAS,CAAA,CAAE,IAAA,CAAK,CAAC,CAAA,EAAG,CAAA,KAAM;AACtD,MAAA,MAAM,KAAA,GAAQ,SAAA,CAAU,IAAA,CAAqC,CAAA,CAAE,SAAU,CAAA;AACzE,MAAA,MAAM,KAAA,GAAQ,SAAA,CAAU,IAAA,CAAqC,CAAA,CAAE,SAAU,CAAA;AAEzE,MAAA,MAAM,SAAA,GAAY,MAAM,QAAA,IAAY,CAAA;AACpC,MAAA,MAAM,SAAA,GAAY,MAAM,QAAA,IAAY,CAAA;AAEpC,MAAA,OAAO,SAAA,GAAY,SAAA;AAAA,IACvB,CAAC,CAAA;AAAA,EACL;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAMA,IAAI,MAAA,GAA8B;AAC9B,IAAA,OAAO,IAAA,CAAK,KAAA,CAAM,cAAA,CAAkC,iBAAiB,CAAA;AAAA,EACzE;AAAA;AAAA;AAAA;AAAA,EAIA,IAAI,MAAA,GAAmB;AACnB,IAAA,OAAO,IAAA,CAAK,KAAA,CAAM,WAAA,CAAsB,QAAQ,CAAA;AAAA,EACpD;AAEJ;AAjEa,WAAA,GAAN,eAAA,CAAA;AAAA,EAJN,QAAQ,MAAA,CAAO;AAAA,IACZ,SAAA,EAAW,YAAA;AAAA,IACX,WAAA,EAAa;AAAA,GAChB;AAAA,CAAA,EACY,WAAA,CAAA","file":"AreHTMLNode.mjs","sourcesContent":["import { A_Context, } from \"@adaas/a-concept\";\nimport { A_Frame } from \"@adaas/a-frame/core\";\nimport { AreNode} from \"@adaas/are\";\nimport { AreBindingAttribute } from \"@adaas/are-html/attributes/AreBinding.attribute\";\nimport { AreDirectiveAttribute } from \"@adaas/are-html/attributes/AreDirective.attribute\";\nimport { AreEventAttribute } from \"@adaas/are-html/attributes/AreEvent.attribute\";\nimport { AreStaticAttribute } from \"@adaas/are-html/attributes/AreStatic.attribute\";\nimport { AreStyle } from \"@adaas/are-html/style/AreStyle.context\";\nimport { AreDirective } from \"@adaas/are-html/directive/AreDirective.component\";\nimport { AreDirectiveMeta } from \"@adaas/are-html/directive/AreDirective.meta\";\n\n\n\n@A_Frame.Define({\n    namespace: 'a-are-html',\n    description: 'AreHTMLNode represents a node in the HTML structure. It extends the base AreNode and includes properties and methods specific to HTML nodes, such as handling attributes, directives, events, and styles.'\n})\nexport class AreHTMLNode extends AreNode {\n    /**\n     * Actual node type. \n     * By default it's a tag name\n     */\n    get tag(): string {\n        return this.aseid.entity;\n    }\n    /**\n      * The static attributes defined for the node, which are typically used to represent static properties or characteristics of the node that do not change based on the context or state. These attributes are usually defined in the template and are not reactive.\n      * \n      * Example: For a node defined as `<div class=\"static-class\">`, the static attribute would be `class=\"static-class\"`.\n      */\n    get staticAttributes(): AreStaticAttribute[] {\n        return this.scope.resolveFlatAll<AreStaticAttribute>(AreStaticAttribute);\n    }\n    /**\n     * The binding attributes defined for the node, which are typically used to represent dynamic properties or characteristics of the node that can change based on the context or state. These attributes are usually defined in the template with a specific syntax (e.g., `:prop=\"value\"` or `v-bind:prop=\"value\"`) and are reactive, meaning that they will update automatically when the underlying data changes.\n     * \n     * Example: For a node defined as `<div :class=\"dynamicClass\">`, the binding attribute would be `:class=\"dynamicClass\"`.\n     */\n    get bindings(): AreBindingAttribute[] {\n        return this.scope.resolveFlatAll<AreBindingAttribute>(AreBindingAttribute);\n    }\n    /**\n     * The directive attributes defined for the node, which are typically used to represent special instructions or behaviors that should be applied to the node. These attributes are usually defined in the template with a specific syntax (e.g., `v-if=\"condition\"` or `v-for=\"item in list\"`) and are processed by the rendering engine to apply the corresponding logic or behavior to the node.\n     * \n     * Example: For a node defined as `<div v-if=\"isVisible\">`, the directive attribute would be `v-if=\"isVisible\"`.\n     */\n    get directives(): AreDirectiveAttribute[] {\n        /**\n         * 1. get all registered directives for the node\n         */\n        const directives = this.scope.resolveFlatAll<AreDirectiveAttribute>(AreDirectiveAttribute)!;\n        /**\n         * 2. Order them in the way that defined in the meta\n         * \n         *   Each meta has a prioprity of order that may impact the way how directives are compiled and rendered. For example, a directive with higher priority may need to be compiled before other directives to ensure that its logic is applied correctly before other directives are processed. By ordering the directives based on their defined priority in the meta, we can ensure that the compilation and rendering process follows the intended logic and behavior as defined by the directive implementations.\n         */\n\n        return directives.filter(d => d.component).sort((a, b) => {\n            const aMeta = A_Context.meta<AreDirectiveMeta, AreDirective>(a.component!);\n            const bMeta = A_Context.meta<AreDirectiveMeta, AreDirective>(b.component!);\n\n            const aPriority = aMeta.priority ?? 0;\n            const bPriority = bMeta.priority ?? 0;\n\n            return bPriority - aPriority;\n        });\n    }\n    /**\n     * The event attributes defined for the node, which are typically used to represent event listeners or handlers that should be attached to the node. These attributes are usually defined in the template with a specific syntax (e.g., `@click=\"handleClick\"` or `v-on:click=\"handleClick\"`) and are processed by the rendering engine to attach the corresponding event listeners to the node.\n     * \n     * Example: For a node defined as `<button @click=\"handleClick\">`, the event attribute would be `@click=\"handleClick\"`.\n     */\n    get events(): AreEventAttribute[] {\n        return this.scope.resolveFlatAll<AreEventAttribute>(AreEventAttribute)!;\n    }\n    /**\n     * The styles defined for the node, which can include inline styles or styles defined in a separate stylesheet that are applied to the node. These styles can be used to control the visual appearance of the node and can be defined using standard CSS syntax.\n     */\n    get styles(): AreStyle {\n        return this.scope.resolveFlat<AreStyle>(AreStyle)!;\n    }\n\n}"]}

package/dist/node/lib/AreRoot/AreRoot.component.js

@@ -1,7 +1,7 @@
 'use strict';
 
 var aConcept = require('@adaas/a-concept');
-var aFrame = require('@adaas/a-frame');
+var core = require('@adaas/a-frame/core');
 var aLogger = require('@adaas/a-utils/a-logger');
 var aSignal = require('@adaas/a-utils/a-signal');
 var are = require('@adaas/are');
@@ -107,9 +107,8 @@ __decorateClass([
   __decorateParam(4, aConcept.A_Inject(are.AreSignalsContext))
 ], exports.AreRoot.prototype, "onSignal", 1);
 exports.AreRoot = __decorateClass([
-  aFrame.A_Frame.Component({
-    namespace: "A-ARE",
-    name: "AreRoot",
+  core.A_Frame.Define({
+    namespace: "a-are-html",
     description: "The AreRoot component serves as the foundational entry point for the A-Concept Rendering Engine (ARE). It is responsible for initializing the rendering process, managing the root node of the component tree, and handling signal-based rendering logic. The AreRoot component processes incoming signals to determine which child components to render, allowing for dynamic and responsive UI updates based on application state and user interactions."
   })
 ], exports.AreRoot);

package/dist/node/lib/AreRoot/AreRoot.component.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/lib/AreRoot/AreRoot.component.ts"],"names":["AreRoot","Are","AreRoute","A_SignalVector","A_Context","AreSignals","A_FormatterHelper","A_Caller","A_Logger","AreSignalsContext","AreStore","A_Frame"],"mappings":"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","file":"AreRoot.component.js","sourcesContent":["import { A_Caller, A_Context, A_FormatterHelper, A_Inject, } from \"@adaas/a-concept\";\nimport { A_Frame } from \"@adaas/a-frame\";\nimport { A_Logger } from \"@adaas/a-utils/a-logger\";\nimport { A_SignalVector } from \"@adaas/a-utils/a-signal\";\nimport { Are, ArePropDefinition, AreStore, AreNode, AreSignals, AreSignalsMeta, AreSignalsContext, AreRoute } from \"@adaas/are\";\n\n\n@A_Frame.Component({\n    namespace: 'A-ARE',\n    name: 'AreRoot',\n    description: 'The AreRoot component serves as the foundational entry point for the A-Concept Rendering Engine (ARE). It is responsible for initializing the rendering process, managing the root node of the component tree, and handling signal-based rendering logic. The AreRoot component processes incoming signals to determine which child components to render, allowing for dynamic and responsive UI updates based on application state and user interactions.'\n})\nexport class AreRoot extends Are {\n\n    props: Record<string, ArePropDefinition> = {\n        default: {\n            type: 'string',\n            default: '',\n        }\n    }\n\n\n    @Are.Template\n    async template(\n        @A_Inject(A_Caller) root: AreNode,\n        @A_Inject(A_Logger) logger: A_Logger,\n        @A_Inject(AreSignalsContext) signalsContext?: AreSignalsContext,\n    ) {\n\n        const rootId = root.id;\n\n        // No routing config for this root — leave the existing template content intact\n        if (signalsContext && !signalsContext.hasRoot(rootId)) {\n            return;\n        }\n\n        const currentRoute = AreRoute.default();\n\n        let componentName: string | undefined;\n\n        if (currentRoute) {\n            const initialVector = new A_SignalVector([currentRoute]);\n\n            // 1. Lookup via AreSignalsContext (per root-id conditions)\n            let renderTarget = signalsContext?.findComponentByVector(rootId, initialVector);\n\n            // 2. Fall back to global AreSignalsMeta\n            if (!renderTarget) {\n                const signalsMeta = A_Context.meta<AreSignalsMeta>(AreSignals);\n                renderTarget = signalsMeta?.findComponentByVector(initialVector);\n            }\n\n            if (renderTarget?.name) {\n                componentName = A_FormatterHelper.toKebabCase(renderTarget.name);\n            }\n        }\n\n        // 3. Fall back to the 'default' attribute on the node directly\n        //    (store props are not yet compiled at template phase)\n        if (!componentName) {\n            const defaultAttr = root.attributes.find(attr => attr.name === 'default');\n            componentName = defaultAttr?.content;\n        }\n\n        if (!componentName) {\n            logger.warning('AreRoot: No component found for initial render. Please ensure a route condition or \"default\" attribute is set.');\n            return;\n        }\n\n        root.setContent(`<${componentName}></${componentName}>`);\n    }\n\n\n    @Are.Signal\n    async onSignal(\n        @A_Inject(A_Caller) root: AreNode,\n        @A_Inject(A_SignalVector) vector: A_SignalVector,\n        @A_Inject(AreStore) store: AreStore<{ default: string }>,\n        @A_Inject(A_Logger) logger: A_Logger,\n        @A_Inject(AreSignalsContext) signalsContext?: AreSignalsContext,\n    ) {\n        console.log('Received signal vector in AreRoot:', root, vector);\n\n        const rootId = root.id;\n        // No routing config for this root — signals do not affect its content\n        if (signalsContext && !signalsContext.hasRoot(rootId)) {\n            return;\n        }\n\n        // 1. Try root-specific lookup via AreSignalsContext (keyed by the are-root's id attribute)\n        let renderTarget = signalsContext?.findComponentByVector(rootId, vector);\n\n        // 2. Fall back to global AreSignalsMeta lookup\n        if (!renderTarget) {\n            const signalsMeta = A_Context.meta<AreSignalsMeta>(AreSignals);\n            renderTarget = signalsMeta?.findComponentByVector(vector);\n        }\n\n        const componentName = renderTarget?.name\n            ? A_FormatterHelper.toKebabCase(renderTarget.name)\n            : store.get('default');\n\n        if (!componentName) {\n            logger.warning('No component found for rendering in AreRoot. Please ensure that the signal vector matches at least one component or that a default component name is provided in the store.');\n            return;\n        }\n\n        root.setContent(`<${componentName}></${componentName}>`);\n\n        for (let i = 0; i < root.children.length; i++) {\n            const child = root.children[i];\n            child.unmount();\n            child.destroy();\n            root.removeChild(child);\n        }\n\n\n        root.tokenize();\n\n        for (let i = 0; i < root.children.length; i++) {\n            const child = root.children[i];\n            child.init();\n\n            const res = child.load();\n            if (res instanceof Promise) {\n                await res;\n            }\n            child.transform();\n\n            child.compile();\n            child.mount();\n        }\n    }\n}\n"]}
+{"version":3,"sources":["../../../../src/lib/AreRoot/AreRoot.component.ts"],"names":["AreRoot","Are","AreRoute","A_SignalVector","A_Context","AreSignals","A_FormatterHelper","A_Caller","A_Logger","AreSignalsContext","AreStore","A_Frame"],"mappings":"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","file":"AreRoot.component.js","sourcesContent":["import { A_Caller, A_Context, A_FormatterHelper, A_Inject, } from \"@adaas/a-concept\";\nimport { A_Frame } from \"@adaas/a-frame/core\";\nimport { A_Logger } from \"@adaas/a-utils/a-logger\";\nimport { A_SignalVector } from \"@adaas/a-utils/a-signal\";\nimport { Are, ArePropDefinition, AreStore, AreNode, AreSignals, AreSignalsMeta, AreSignalsContext, AreRoute } from \"@adaas/are\";\n\n\n@A_Frame.Define({\n    namespace: 'a-are-html',\n    description: 'The AreRoot component serves as the foundational entry point for the A-Concept Rendering Engine (ARE). It is responsible for initializing the rendering process, managing the root node of the component tree, and handling signal-based rendering logic. The AreRoot component processes incoming signals to determine which child components to render, allowing for dynamic and responsive UI updates based on application state and user interactions.'\n})\nexport class AreRoot extends Are {\n\n    props: Record<string, ArePropDefinition> = {\n        default: {\n            type: 'string',\n            default: '',\n        }\n    }\n\n\n    @Are.Template\n    async template(\n        @A_Inject(A_Caller) root: AreNode,\n        @A_Inject(A_Logger) logger: A_Logger,\n        @A_Inject(AreSignalsContext) signalsContext?: AreSignalsContext,\n    ) {\n\n        const rootId = root.id;\n\n        // No routing config for this root — leave the existing template content intact\n        if (signalsContext && !signalsContext.hasRoot(rootId)) {\n            return;\n        }\n\n        const currentRoute = AreRoute.default();\n\n        let componentName: string | undefined;\n\n        if (currentRoute) {\n            const initialVector = new A_SignalVector([currentRoute]);\n\n            // 1. Lookup via AreSignalsContext (per root-id conditions)\n            let renderTarget = signalsContext?.findComponentByVector(rootId, initialVector);\n\n            // 2. Fall back to global AreSignalsMeta\n            if (!renderTarget) {\n                const signalsMeta = A_Context.meta<AreSignalsMeta>(AreSignals);\n                renderTarget = signalsMeta?.findComponentByVector(initialVector);\n            }\n\n            if (renderTarget?.name) {\n                componentName = A_FormatterHelper.toKebabCase(renderTarget.name);\n            }\n        }\n\n        // 3. Fall back to the 'default' attribute on the node directly\n        //    (store props are not yet compiled at template phase)\n        if (!componentName) {\n            const defaultAttr = root.attributes.find(attr => attr.name === 'default');\n            componentName = defaultAttr?.content;\n        }\n\n        if (!componentName) {\n            logger.warning('AreRoot: No component found for initial render. Please ensure a route condition or \"default\" attribute is set.');\n            return;\n        }\n\n        root.setContent(`<${componentName}></${componentName}>`);\n    }\n\n\n    @Are.Signal\n    async onSignal(\n        @A_Inject(A_Caller) root: AreNode,\n        @A_Inject(A_SignalVector) vector: A_SignalVector,\n        @A_Inject(AreStore) store: AreStore<{ default: string }>,\n        @A_Inject(A_Logger) logger: A_Logger,\n        @A_Inject(AreSignalsContext) signalsContext?: AreSignalsContext,\n    ) {\n        console.log('Received signal vector in AreRoot:', root, vector);\n\n        const rootId = root.id;\n        // No routing config for this root — signals do not affect its content\n        if (signalsContext && !signalsContext.hasRoot(rootId)) {\n            return;\n        }\n\n        // 1. Try root-specific lookup via AreSignalsContext (keyed by the are-root's id attribute)\n        let renderTarget = signalsContext?.findComponentByVector(rootId, vector);\n\n        // 2. Fall back to global AreSignalsMeta lookup\n        if (!renderTarget) {\n            const signalsMeta = A_Context.meta<AreSignalsMeta>(AreSignals);\n            renderTarget = signalsMeta?.findComponentByVector(vector);\n        }\n\n        const componentName = renderTarget?.name\n            ? A_FormatterHelper.toKebabCase(renderTarget.name)\n            : store.get('default');\n\n        if (!componentName) {\n            logger.warning('No component found for rendering in AreRoot. Please ensure that the signal vector matches at least one component or that a default component name is provided in the store.');\n            return;\n        }\n\n        root.setContent(`<${componentName}></${componentName}>`);\n\n        for (let i = 0; i < root.children.length; i++) {\n            const child = root.children[i];\n            child.unmount();\n            child.destroy();\n            root.removeChild(child);\n        }\n\n\n        root.tokenize();\n\n        for (let i = 0; i < root.children.length; i++) {\n            const child = root.children[i];\n            child.init();\n\n            const res = child.load();\n            if (res instanceof Promise) {\n                await res;\n            }\n            child.transform();\n\n            child.compile();\n            child.mount();\n        }\n    }\n}\n"]}

package/dist/node/lib/AreRoot/AreRoot.component.mjs

@@ -1,6 +1,6 @@
 import { __decorateClass, __decorateParam } from '../../chunk-EQQGB2QZ.mjs';
 import { A_Inject, A_Caller, A_Context, A_FormatterHelper } from '@adaas/a-concept';
-import { A_Frame } from '@adaas/a-frame';
+import { A_Frame } from '@adaas/a-frame/core';
 import { A_Logger } from '@adaas/a-utils/a-logger';
 import { A_SignalVector } from '@adaas/a-utils/a-signal';
 import { Are, AreSignalsContext, AreStore, AreRoute, AreSignals } from '@adaas/are';
@@ -95,9 +95,8 @@ __decorateClass([
   __decorateParam(4, A_Inject(AreSignalsContext))
 ], AreRoot.prototype, "onSignal", 1);
 AreRoot = __decorateClass([
-  A_Frame.Component({
-    namespace: "A-ARE",
-    name: "AreRoot",
+  A_Frame.Define({
+    namespace: "a-are-html",
     description: "The AreRoot component serves as the foundational entry point for the A-Concept Rendering Engine (ARE). It is responsible for initializing the rendering process, managing the root node of the component tree, and handling signal-based rendering logic. The AreRoot component processes incoming signals to determine which child components to render, allowing for dynamic and responsive UI updates based on application state and user interactions."
   })
 ], AreRoot);

package/dist/node/lib/AreRoot/AreRoot.component.mjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/lib/AreRoot/AreRoot.component.ts"],"names":[],"mappings":"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","file":"AreRoot.component.mjs","sourcesContent":["import { A_Caller, A_Context, A_FormatterHelper, A_Inject, } from \"@adaas/a-concept\";\nimport { A_Frame } from \"@adaas/a-frame\";\nimport { A_Logger } from \"@adaas/a-utils/a-logger\";\nimport { A_SignalVector } from \"@adaas/a-utils/a-signal\";\nimport { Are, ArePropDefinition, AreStore, AreNode, AreSignals, AreSignalsMeta, AreSignalsContext, AreRoute } from \"@adaas/are\";\n\n\n@A_Frame.Component({\n    namespace: 'A-ARE',\n    name: 'AreRoot',\n    description: 'The AreRoot component serves as the foundational entry point for the A-Concept Rendering Engine (ARE). It is responsible for initializing the rendering process, managing the root node of the component tree, and handling signal-based rendering logic. The AreRoot component processes incoming signals to determine which child components to render, allowing for dynamic and responsive UI updates based on application state and user interactions.'\n})\nexport class AreRoot extends Are {\n\n    props: Record<string, ArePropDefinition> = {\n        default: {\n            type: 'string',\n            default: '',\n        }\n    }\n\n\n    @Are.Template\n    async template(\n        @A_Inject(A_Caller) root: AreNode,\n        @A_Inject(A_Logger) logger: A_Logger,\n        @A_Inject(AreSignalsContext) signalsContext?: AreSignalsContext,\n    ) {\n\n        const rootId = root.id;\n\n        // No routing config for this root — leave the existing template content intact\n        if (signalsContext && !signalsContext.hasRoot(rootId)) {\n            return;\n        }\n\n        const currentRoute = AreRoute.default();\n\n        let componentName: string | undefined;\n\n        if (currentRoute) {\n            const initialVector = new A_SignalVector([currentRoute]);\n\n            // 1. Lookup via AreSignalsContext (per root-id conditions)\n            let renderTarget = signalsContext?.findComponentByVector(rootId, initialVector);\n\n            // 2. Fall back to global AreSignalsMeta\n            if (!renderTarget) {\n                const signalsMeta = A_Context.meta<AreSignalsMeta>(AreSignals);\n                renderTarget = signalsMeta?.findComponentByVector(initialVector);\n            }\n\n            if (renderTarget?.name) {\n                componentName = A_FormatterHelper.toKebabCase(renderTarget.name);\n            }\n        }\n\n        // 3. Fall back to the 'default' attribute on the node directly\n        //    (store props are not yet compiled at template phase)\n        if (!componentName) {\n            const defaultAttr = root.attributes.find(attr => attr.name === 'default');\n            componentName = defaultAttr?.content;\n        }\n\n        if (!componentName) {\n            logger.warning('AreRoot: No component found for initial render. Please ensure a route condition or \"default\" attribute is set.');\n            return;\n        }\n\n        root.setContent(`<${componentName}></${componentName}>`);\n    }\n\n\n    @Are.Signal\n    async onSignal(\n        @A_Inject(A_Caller) root: AreNode,\n        @A_Inject(A_SignalVector) vector: A_SignalVector,\n        @A_Inject(AreStore) store: AreStore<{ default: string }>,\n        @A_Inject(A_Logger) logger: A_Logger,\n        @A_Inject(AreSignalsContext) signalsContext?: AreSignalsContext,\n    ) {\n        console.log('Received signal vector in AreRoot:', root, vector);\n\n        const rootId = root.id;\n        // No routing config for this root — signals do not affect its content\n        if (signalsContext && !signalsContext.hasRoot(rootId)) {\n            return;\n        }\n\n        // 1. Try root-specific lookup via AreSignalsContext (keyed by the are-root's id attribute)\n        let renderTarget = signalsContext?.findComponentByVector(rootId, vector);\n\n        // 2. Fall back to global AreSignalsMeta lookup\n        if (!renderTarget) {\n            const signalsMeta = A_Context.meta<AreSignalsMeta>(AreSignals);\n            renderTarget = signalsMeta?.findComponentByVector(vector);\n        }\n\n        const componentName = renderTarget?.name\n            ? A_FormatterHelper.toKebabCase(renderTarget.name)\n            : store.get('default');\n\n        if (!componentName) {\n            logger.warning('No component found for rendering in AreRoot. Please ensure that the signal vector matches at least one component or that a default component name is provided in the store.');\n            return;\n        }\n\n        root.setContent(`<${componentName}></${componentName}>`);\n\n        for (let i = 0; i < root.children.length; i++) {\n            const child = root.children[i];\n            child.unmount();\n            child.destroy();\n            root.removeChild(child);\n        }\n\n\n        root.tokenize();\n\n        for (let i = 0; i < root.children.length; i++) {\n            const child = root.children[i];\n            child.init();\n\n            const res = child.load();\n            if (res instanceof Promise) {\n                await res;\n            }\n            child.transform();\n\n            child.compile();\n            child.mount();\n        }\n    }\n}\n"]}
+{"version":3,"sources":["../../../../src/lib/AreRoot/AreRoot.component.ts"],"names":[],"mappings":"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","file":"AreRoot.component.mjs","sourcesContent":["import { A_Caller, A_Context, A_FormatterHelper, A_Inject, } from \"@adaas/a-concept\";\nimport { A_Frame } from \"@adaas/a-frame/core\";\nimport { A_Logger } from \"@adaas/a-utils/a-logger\";\nimport { A_SignalVector } from \"@adaas/a-utils/a-signal\";\nimport { Are, ArePropDefinition, AreStore, AreNode, AreSignals, AreSignalsMeta, AreSignalsContext, AreRoute } from \"@adaas/are\";\n\n\n@A_Frame.Define({\n    namespace: 'a-are-html',\n    description: 'The AreRoot component serves as the foundational entry point for the A-Concept Rendering Engine (ARE). It is responsible for initializing the rendering process, managing the root node of the component tree, and handling signal-based rendering logic. The AreRoot component processes incoming signals to determine which child components to render, allowing for dynamic and responsive UI updates based on application state and user interactions.'\n})\nexport class AreRoot extends Are {\n\n    props: Record<string, ArePropDefinition> = {\n        default: {\n            type: 'string',\n            default: '',\n        }\n    }\n\n\n    @Are.Template\n    async template(\n        @A_Inject(A_Caller) root: AreNode,\n        @A_Inject(A_Logger) logger: A_Logger,\n        @A_Inject(AreSignalsContext) signalsContext?: AreSignalsContext,\n    ) {\n\n        const rootId = root.id;\n\n        // No routing config for this root — leave the existing template content intact\n        if (signalsContext && !signalsContext.hasRoot(rootId)) {\n            return;\n        }\n\n        const currentRoute = AreRoute.default();\n\n        let componentName: string | undefined;\n\n        if (currentRoute) {\n            const initialVector = new A_SignalVector([currentRoute]);\n\n            // 1. Lookup via AreSignalsContext (per root-id conditions)\n            let renderTarget = signalsContext?.findComponentByVector(rootId, initialVector);\n\n            // 2. Fall back to global AreSignalsMeta\n            if (!renderTarget) {\n                const signalsMeta = A_Context.meta<AreSignalsMeta>(AreSignals);\n                renderTarget = signalsMeta?.findComponentByVector(initialVector);\n            }\n\n            if (renderTarget?.name) {\n                componentName = A_FormatterHelper.toKebabCase(renderTarget.name);\n            }\n        }\n\n        // 3. Fall back to the 'default' attribute on the node directly\n        //    (store props are not yet compiled at template phase)\n        if (!componentName) {\n            const defaultAttr = root.attributes.find(attr => attr.name === 'default');\n            componentName = defaultAttr?.content;\n        }\n\n        if (!componentName) {\n            logger.warning('AreRoot: No component found for initial render. Please ensure a route condition or \"default\" attribute is set.');\n            return;\n        }\n\n        root.setContent(`<${componentName}></${componentName}>`);\n    }\n\n\n    @Are.Signal\n    async onSignal(\n        @A_Inject(A_Caller) root: AreNode,\n        @A_Inject(A_SignalVector) vector: A_SignalVector,\n        @A_Inject(AreStore) store: AreStore<{ default: string }>,\n        @A_Inject(A_Logger) logger: A_Logger,\n        @A_Inject(AreSignalsContext) signalsContext?: AreSignalsContext,\n    ) {\n        console.log('Received signal vector in AreRoot:', root, vector);\n\n        const rootId = root.id;\n        // No routing config for this root — signals do not affect its content\n        if (signalsContext && !signalsContext.hasRoot(rootId)) {\n            return;\n        }\n\n        // 1. Try root-specific lookup via AreSignalsContext (keyed by the are-root's id attribute)\n        let renderTarget = signalsContext?.findComponentByVector(rootId, vector);\n\n        // 2. Fall back to global AreSignalsMeta lookup\n        if (!renderTarget) {\n            const signalsMeta = A_Context.meta<AreSignalsMeta>(AreSignals);\n            renderTarget = signalsMeta?.findComponentByVector(vector);\n        }\n\n        const componentName = renderTarget?.name\n            ? A_FormatterHelper.toKebabCase(renderTarget.name)\n            : store.get('default');\n\n        if (!componentName) {\n            logger.warning('No component found for rendering in AreRoot. Please ensure that the signal vector matches at least one component or that a default component name is provided in the store.');\n            return;\n        }\n\n        root.setContent(`<${componentName}></${componentName}>`);\n\n        for (let i = 0; i < root.children.length; i++) {\n            const child = root.children[i];\n            child.unmount();\n            child.destroy();\n            root.removeChild(child);\n        }\n\n\n        root.tokenize();\n\n        for (let i = 0; i < root.children.length; i++) {\n            const child = root.children[i];\n            child.init();\n\n            const res = child.load();\n            if (res instanceof Promise) {\n                await res;\n            }\n            child.transform();\n\n            child.compile();\n            child.mount();\n        }\n    }\n}\n"]}

package/dist/node/lib/{AreWatcher/AreWatcher.component.d.mts → AreRouteWatcher/AreRouteWatcher.component.d.mts}

@@ -1,6 +1,6 @@
 import { A_Component } from '@adaas/a-concept';
 
-declare class AreWatcher extends A_Component {
+declare class AreRouteWatcher extends A_Component {
     private readonly handlers;
     private current;
     constructor();
@@ -15,4 +15,4 @@ declare class AreWatcher extends A_Component {
     private notify;
 }
 
-export { AreWatcher };
+export { AreRouteWatcher };

package/dist/node/lib/{AreWatcher/AreWatcher.component.d.ts → AreRouteWatcher/AreRouteWatcher.component.d.ts}

@@ -1,6 +1,6 @@
 import { A_Component } from '@adaas/a-concept';
 
-declare class AreWatcher extends A_Component {
+declare class AreRouteWatcher extends A_Component {
     private readonly handlers;
     private current;
     constructor();
@@ -15,4 +15,4 @@ declare class AreWatcher extends A_Component {
     private notify;
 }
 
-export { AreWatcher };
+export { AreRouteWatcher };

package/dist/node/lib/{AreWatcher/AreWatcher.component.js → AreRouteWatcher/AreRouteWatcher.component.js}

@@ -1,7 +1,7 @@
 'use strict';
 
 var aConcept = require('@adaas/a-concept');
-var aFrame = require('@adaas/a-frame');
+var core = require('@adaas/a-frame/core');
 
 var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
 var __decorateClass = (decorators, target, key, kind) => {
@@ -11,7 +11,7 @@ var __decorateClass = (decorators, target, key, kind) => {
       result = (decorator(result)) || result;
   return result;
 };
-exports.AreWatcher = class AreWatcher extends aConcept.A_Component {
+exports.AreRouteWatcher = class AreRouteWatcher extends aConcept.A_Component {
   constructor() {
     super();
     this.handlers = /* @__PURE__ */ new Set();
@@ -67,12 +67,11 @@ exports.AreWatcher = class AreWatcher extends aConcept.A_Component {
     }
   }
 };
-exports.AreWatcher = __decorateClass([
-  aFrame.A_Frame.Component({
-    namespace: "A-ARE",
-    name: "AreWatcher",
-    description: "AreWatcher is a component that observes browser navigation events (history pushState, replaceState, and popstate) and notifies registered handlers when the URL changes, enabling client-side routing and reactive route-based rendering within the ARE framework."
+exports.AreRouteWatcher = __decorateClass([
+  core.A_Frame.Define({
+    namespace: "a-are-html",
+    description: "AreRouteWatcher is a component that observes browser navigation events (history pushState, replaceState, and popstate) and notifies registered handlers when the URL changes, enabling client-side routing and reactive route-based rendering within the ARE framework."
   })
-], exports.AreWatcher);
-//# sourceMappingURL=AreWatcher.component.js.map
-//# sourceMappingURL=AreWatcher.component.js.map
+], exports.AreRouteWatcher);
+//# sourceMappingURL=AreRouteWatcher.component.js.map
+//# sourceMappingURL=AreRouteWatcher.component.js.map

package/dist/node/lib/AreRouteWatcher/AreRouteWatcher.component.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/lib/AreRouteWatcher/AreRouteWatcher.component.ts"],"names":["AreRouteWatcher","A_Component","A_Frame"],"mappings":";;;;;;;;;;;;;AAOaA,uBAAA,GAAN,8BAA8BC,oBAAA,CAAY;AAAA,EAK7C,WAAA,GAAc;AACV,IAAA,KAAA,EAAM;AAJV,IAAA,IAAA,CAAiB,QAAA,uBAAwC,GAAA,EAAI;AAC7D,IAAA,IAAA,CAAQ,OAAA,GAAe,IAAI,GAAA,CAAI,MAAA,CAAO,SAAS,IAAI,CAAA;AA4BnD;AAAA,IAAA,IAAA,CAAQ,aAAa,MAAY;AAC7B,MAAA,IAAA,CAAK,MAAA,EAAO;AAAA,IAChB,CAAA;AAEA,IAAA,IAAA,CAAQ,eAAe,MAAY;AAC/B,MAAA,IAAA,CAAK,MAAA,EAAO;AAAA,IAChB,CAAA;AAEA,IAAA,IAAA,CAAQ,cAAc,MAAY;AAC9B,MAAA,IAAA,CAAK,MAAA,EAAO;AAAA,IAChB,CAAA;AAlCI,IAAA,IAAA,CAAK,YAAA,EAAa;AAClB,IAAA,IAAA,CAAK,eAAA,EAAgB;AAAA,EACzB;AAAA;AAAA,EAIA,SAAS,OAAA,EAAyC;AAC9C,IAAA,IAAA,CAAK,QAAA,CAAS,IAAI,OAAO,CAAA;AACzB,IAAA,OAAO,MAAM,IAAA,CAAK,QAAA,CAAS,MAAA,CAAO,OAAO,CAAA;AAAA,EAC7C;AAAA,EAEA,IAAI,GAAA,GAAW;AACX,IAAA,OAAO,IAAA,CAAK,OAAA;AAAA,EAChB;AAAA,EAEA,OAAA,GAAgB;AACZ,IAAA,MAAA,CAAO,mBAAA,CAAoB,UAAA,EAAY,IAAA,CAAK,UAAU,CAAA;AACtD,IAAA,MAAA,CAAO,mBAAA,CAAoB,YAAA,EAAc,IAAA,CAAK,YAAY,CAAA;AAC1D,IAAA,MAAA,CAAO,mBAAA,CAAoB,WAAA,EAAa,IAAA,CAAK,WAAW,CAAA;AACxD,IAAA,IAAA,CAAK,SAAS,KAAA,EAAM;AAAA,EACxB;AAAA,EAgBQ,eAAA,GAAwB;AAC5B,IAAA,MAAA,CAAO,gBAAA,CAAiB,UAAA,EAAY,IAAA,CAAK,UAAU,CAAA;AACnD,IAAA,MAAA,CAAO,gBAAA,CAAiB,YAAA,EAAc,IAAA,CAAK,YAAY,CAAA;AACvD,IAAA,MAAA,CAAO,gBAAA,CAAiB,WAAA,EAAa,IAAA,CAAK,WAAW,CAAA;AAAA,EACzD;AAAA;AAAA,EAIQ,YAAA,GAAqB;AACzB,IAAA,MAAM,KAAA,GAAQ,CAAC,QAAA,KACX,SAAA,GAA4B,IAAA,EAA4C;AACpE,MAAA,QAAA,CAAS,KAAA,CAAM,MAAM,IAAI,CAAA;AACzB,MAAA,MAAA,CAAO,aAAA,CAAc,IAAI,KAAA,CAAM,WAAW,CAAC,CAAA;AAAA,IAC/C,CAAA;AAEJ,IAAA,OAAA,CAAQ,SAAA,GAAY,KAAA,CAAM,OAAA,CAAQ,SAAS,CAAA;AAC3C,IAAA,OAAA,CAAQ,YAAA,GAAe,KAAA,CAAM,OAAA,CAAQ,YAAY,CAAA;AAAA,EACrD;AAAA;AAAA,EAIQ,MAAA,GAAe;AACnB,IAAA,MAAM,IAAA,GAAO,IAAI,GAAA,CAAI,MAAA,CAAO,SAAS,IAAI,CAAA;AAEzC,IAAA,IAAI,IAAA,CAAK,IAAA,KAAS,IAAA,CAAK,OAAA,CAAQ,IAAA,EAAM;AAErC,IAAA,IAAA,CAAK,OAAA,GAAU,IAAA;AAEf,IAAA,KAAA,MAAW,OAAA,IAAW,KAAK,QAAA,EAAU;AACjC,MAAA,OAAA,CAAQ,KAAK,OAAO,CAAA;AAAA,IACxB;AAAA,EACJ;AACJ;AA3EaD,uBAAA,GAAN,eAAA,CAAA;AAAA,EAJNE,aAAQ,MAAA,CAAO;AAAA,IACZ,SAAA,EAAW,YAAA;AAAA,IACX,WAAA,EAAa;AAAA,GAChB;AAAA,CAAA,EACYF,uBAAA,CAAA","file":"AreRouteWatcher.component.js","sourcesContent":["import { A_Component } from \"@adaas/a-concept\";\nimport { A_Frame } from \"@adaas/a-frame/core\";\n\n@A_Frame.Define({\n    namespace: 'a-are-html',\n    description: 'AreRouteWatcher is a component that observes browser navigation events (history pushState, replaceState, and popstate) and notifies registered handlers when the URL changes, enabling client-side routing and reactive route-based rendering within the ARE framework.'\n})\nexport class AreRouteWatcher extends A_Component {\n\n    private readonly handlers: Set<(url: URL) => void> = new Set();\n    private current: URL = new URL(window.location.href);\n\n    constructor() {\n        super();\n        this.patchHistory();\n        this.attachListeners();\n    }\n\n    // ── Public ────────────────────────────────────────────────────────────────\n\n    onChange(handler: (url: URL) => void): () => void {\n        this.handlers.add(handler);\n        return () => this.handlers.delete(handler);   // returns unsubscribe fn\n    }\n\n    get url(): URL {\n        return this.current;\n    }\n\n    destroy(): void {\n        window.removeEventListener('popstate', this.onPopState);\n        window.removeEventListener('hashchange', this.onHashChange);\n        window.removeEventListener('urlchange', this.onURLChange);\n        this.handlers.clear();\n    }\n\n    // ── Listeners ─────────────────────────────────────────────────────────────\n\n    private onPopState = (): void => {\n        this.notify();\n    }\n\n    private onHashChange = (): void => {\n        this.notify();\n    }\n\n    private onURLChange = (): void => {\n        this.notify();\n    }\n\n    private attachListeners(): void {\n        window.addEventListener('popstate', this.onPopState);\n        window.addEventListener('hashchange', this.onHashChange);\n        window.addEventListener('urlchange', this.onURLChange);   // custom event from patch\n    }\n\n    // ── Patch pushState / replaceState ────────────────────────────────────────\n\n    private patchHistory(): void {\n        const patch = (original: typeof history.pushState) =>\n            function (this: History, ...args: Parameters<typeof history.pushState>) {\n                original.apply(this, args);\n                window.dispatchEvent(new Event('urlchange'));\n            };\n\n        history.pushState = patch(history.pushState);\n        history.replaceState = patch(history.replaceState);\n    }\n\n    // ── Notify ────────────────────────────────────────────────────────────────\n\n    private notify(): void {\n        const next = new URL(window.location.href);\n\n        if (next.href === this.current.href) return;   // no actual change\n\n        this.current = next;\n\n        for (const handler of this.handlers) {\n            handler(this.current);\n        }\n    }\n}"]}

package/dist/node/lib/{AreWatcher/AreWatcher.component.mjs → AreRouteWatcher/AreRouteWatcher.component.mjs}

@@ -1,8 +1,8 @@
 import { __decorateClass } from '../../chunk-EQQGB2QZ.mjs';
 import { A_Component } from '@adaas/a-concept';
-import { A_Frame } from '@adaas/a-frame';
+import { A_Frame } from '@adaas/a-frame/core';
 
-let AreWatcher = class extends A_Component {
+let AreRouteWatcher = class extends A_Component {
   constructor() {
     super();
     this.handlers = /* @__PURE__ */ new Set();
@@ -58,14 +58,13 @@ let AreWatcher = class extends A_Component {
     }
   }
 };
-AreWatcher = __decorateClass([
-  A_Frame.Component({
-    namespace: "A-ARE",
-    name: "AreWatcher",
-    description: "AreWatcher is a component that observes browser navigation events (history pushState, replaceState, and popstate) and notifies registered handlers when the URL changes, enabling client-side routing and reactive route-based rendering within the ARE framework."
+AreRouteWatcher = __decorateClass([
+  A_Frame.Define({
+    namespace: "a-are-html",
+    description: "AreRouteWatcher is a component that observes browser navigation events (history pushState, replaceState, and popstate) and notifies registered handlers when the URL changes, enabling client-side routing and reactive route-based rendering within the ARE framework."
   })
-], AreWatcher);
+], AreRouteWatcher);
 
-export { AreWatcher };
-//# sourceMappingURL=AreWatcher.component.mjs.map
-//# sourceMappingURL=AreWatcher.component.mjs.map
+export { AreRouteWatcher };
+//# sourceMappingURL=AreRouteWatcher.component.mjs.map
+//# sourceMappingURL=AreRouteWatcher.component.mjs.map

package/dist/node/lib/AreRouteWatcher/AreRouteWatcher.component.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/lib/AreRouteWatcher/AreRouteWatcher.component.ts"],"names":[],"mappings":";;;;AAOO,IAAM,eAAA,GAAN,cAA8B,WAAA,CAAY;AAAA,EAK7C,WAAA,GAAc;AACV,IAAA,KAAA,EAAM;AAJV,IAAA,IAAA,CAAiB,QAAA,uBAAwC,GAAA,EAAI;AAC7D,IAAA,IAAA,CAAQ,OAAA,GAAe,IAAI,GAAA,CAAI,MAAA,CAAO,SAAS,IAAI,CAAA;AA4BnD;AAAA,IAAA,IAAA,CAAQ,aAAa,MAAY;AAC7B,MAAA,IAAA,CAAK,MAAA,EAAO;AAAA,IAChB,CAAA;AAEA,IAAA,IAAA,CAAQ,eAAe,MAAY;AAC/B,MAAA,IAAA,CAAK,MAAA,EAAO;AAAA,IAChB,CAAA;AAEA,IAAA,IAAA,CAAQ,cAAc,MAAY;AAC9B,MAAA,IAAA,CAAK,MAAA,EAAO;AAAA,IAChB,CAAA;AAlCI,IAAA,IAAA,CAAK,YAAA,EAAa;AAClB,IAAA,IAAA,CAAK,eAAA,EAAgB;AAAA,EACzB;AAAA;AAAA,EAIA,SAAS,OAAA,EAAyC;AAC9C,IAAA,IAAA,CAAK,QAAA,CAAS,IAAI,OAAO,CAAA;AACzB,IAAA,OAAO,MAAM,IAAA,CAAK,QAAA,CAAS,MAAA,CAAO,OAAO,CAAA;AAAA,EAC7C;AAAA,EAEA,IAAI,GAAA,GAAW;AACX,IAAA,OAAO,IAAA,CAAK,OAAA;AAAA,EAChB;AAAA,EAEA,OAAA,GAAgB;AACZ,IAAA,MAAA,CAAO,mBAAA,CAAoB,UAAA,EAAY,IAAA,CAAK,UAAU,CAAA;AACtD,IAAA,MAAA,CAAO,mBAAA,CAAoB,YAAA,EAAc,IAAA,CAAK,YAAY,CAAA;AAC1D,IAAA,MAAA,CAAO,mBAAA,CAAoB,WAAA,EAAa,IAAA,CAAK,WAAW,CAAA;AACxD,IAAA,IAAA,CAAK,SAAS,KAAA,EAAM;AAAA,EACxB;AAAA,EAgBQ,eAAA,GAAwB;AAC5B,IAAA,MAAA,CAAO,gBAAA,CAAiB,UAAA,EAAY,IAAA,CAAK,UAAU,CAAA;AACnD,IAAA,MAAA,CAAO,gBAAA,CAAiB,YAAA,EAAc,IAAA,CAAK,YAAY,CAAA;AACvD,IAAA,MAAA,CAAO,gBAAA,CAAiB,WAAA,EAAa,IAAA,CAAK,WAAW,CAAA;AAAA,EACzD;AAAA;AAAA,EAIQ,YAAA,GAAqB;AACzB,IAAA,MAAM,KAAA,GAAQ,CAAC,QAAA,KACX,SAAA,GAA4B,IAAA,EAA4C;AACpE,MAAA,QAAA,CAAS,KAAA,CAAM,MAAM,IAAI,CAAA;AACzB,MAAA,MAAA,CAAO,aAAA,CAAc,IAAI,KAAA,CAAM,WAAW,CAAC,CAAA;AAAA,IAC/C,CAAA;AAEJ,IAAA,OAAA,CAAQ,SAAA,GAAY,KAAA,CAAM,OAAA,CAAQ,SAAS,CAAA;AAC3C,IAAA,OAAA,CAAQ,YAAA,GAAe,KAAA,CAAM,OAAA,CAAQ,YAAY,CAAA;AAAA,EACrD;AAAA;AAAA,EAIQ,MAAA,GAAe;AACnB,IAAA,MAAM,IAAA,GAAO,IAAI,GAAA,CAAI,MAAA,CAAO,SAAS,IAAI,CAAA;AAEzC,IAAA,IAAI,IAAA,CAAK,IAAA,KAAS,IAAA,CAAK,OAAA,CAAQ,IAAA,EAAM;AAErC,IAAA,IAAA,CAAK,OAAA,GAAU,IAAA;AAEf,IAAA,KAAA,MAAW,OAAA,IAAW,KAAK,QAAA,EAAU;AACjC,MAAA,OAAA,CAAQ,KAAK,OAAO,CAAA;AAAA,IACxB;AAAA,EACJ;AACJ;AA3Ea,eAAA,GAAN,eAAA,CAAA;AAAA,EAJN,QAAQ,MAAA,CAAO;AAAA,IACZ,SAAA,EAAW,YAAA;AAAA,IACX,WAAA,EAAa;AAAA,GAChB;AAAA,CAAA,EACY,eAAA,CAAA","file":"AreRouteWatcher.component.mjs","sourcesContent":["import { A_Component } from \"@adaas/a-concept\";\nimport { A_Frame } from \"@adaas/a-frame/core\";\n\n@A_Frame.Define({\n    namespace: 'a-are-html',\n    description: 'AreRouteWatcher is a component that observes browser navigation events (history pushState, replaceState, and popstate) and notifies registered handlers when the URL changes, enabling client-side routing and reactive route-based rendering within the ARE framework.'\n})\nexport class AreRouteWatcher extends A_Component {\n\n    private readonly handlers: Set<(url: URL) => void> = new Set();\n    private current: URL = new URL(window.location.href);\n\n    constructor() {\n        super();\n        this.patchHistory();\n        this.attachListeners();\n    }\n\n    // ── Public ────────────────────────────────────────────────────────────────\n\n    onChange(handler: (url: URL) => void): () => void {\n        this.handlers.add(handler);\n        return () => this.handlers.delete(handler);   // returns unsubscribe fn\n    }\n\n    get url(): URL {\n        return this.current;\n    }\n\n    destroy(): void {\n        window.removeEventListener('popstate', this.onPopState);\n        window.removeEventListener('hashchange', this.onHashChange);\n        window.removeEventListener('urlchange', this.onURLChange);\n        this.handlers.clear();\n    }\n\n    // ── Listeners ─────────────────────────────────────────────────────────────\n\n    private onPopState = (): void => {\n        this.notify();\n    }\n\n    private onHashChange = (): void => {\n        this.notify();\n    }\n\n    private onURLChange = (): void => {\n        this.notify();\n    }\n\n    private attachListeners(): void {\n        window.addEventListener('popstate', this.onPopState);\n        window.addEventListener('hashchange', this.onHashChange);\n        window.addEventListener('urlchange', this.onURLChange);   // custom event from patch\n    }\n\n    // ── Patch pushState / replaceState ────────────────────────────────────────\n\n    private patchHistory(): void {\n        const patch = (original: typeof history.pushState) =>\n            function (this: History, ...args: Parameters<typeof history.pushState>) {\n                original.apply(this, args);\n                window.dispatchEvent(new Event('urlchange'));\n            };\n\n        history.pushState = patch(history.pushState);\n        history.replaceState = patch(history.replaceState);\n    }\n\n    // ── Notify ────────────────────────────────────────────────────────────────\n\n    private notify(): void {\n        const next = new URL(window.location.href);\n\n        if (next.href === this.current.href) return;   // no actual change\n\n        this.current = next;\n\n        for (const handler of this.handlers) {\n            handler(this.current);\n        }\n    }\n}"]}