@adaas/are 0.0.2 → 0.0.3

package/dist/node/lib/AreComponent/Are.constants.js

@@ -1,26 +1,63 @@
 'use strict';
 
-var AreFeatures = /* @__PURE__ */ ((AreFeatures2) => {
-  AreFeatures2["onBeforeLoad"] = "_Are_onBeforeLoad";
-  AreFeatures2["onAfterLoad"] = "_Are_onAfterLoad";
-  AreFeatures2["onBeforeMount"] = "_Are_onBeforeMount";
-  AreFeatures2["onAfterMount"] = "_Are_onAfterMount";
-  AreFeatures2["onBeforeUnmount"] = "_Are_onBeforeUnmount";
-  AreFeatures2["onAfterUnmount"] = "_Are_onAfterUnmount";
-  AreFeatures2["onBeforeUpdate"] = "_Are_onBeforeUpdate";
-  AreFeatures2["onAfterUpdate"] = "_Are_onAfterUpdate";
-  AreFeatures2["onBeforeDestroy"] = "_Are_onBeforeDestroy";
-  AreFeatures2["onAfterDestroy"] = "_Are_onAfterDestroy";
-  AreFeatures2["onBeforeCompile"] = "_Are_onBeforeCompile";
-  AreFeatures2["onAfterCompile"] = "_Are_onAfterCompile";
-  AreFeatures2["onBeforeRender"] = "_Are_onBeforeRender";
-  AreFeatures2["onAfterRender"] = "_Are_onAfterRender";
-  AreFeatures2["onTemplate"] = "_Are_onTemplate";
-  AreFeatures2["onStyles"] = "_Are_onStyles";
-  AreFeatures2["onData"] = "_Are_onData";
-  AreFeatures2["onSignal"] = "_Are_onSignal";
-  return AreFeatures2;
-})(AreFeatures || {});
+const AreFeatures = {
+  //===================================================================================
+  // -----------------------------Node Lifecycle Hooks---------------------------------
+  //===================================================================================
+  /**
+   * Allows to define a custom method for the component's initialization logic. This method is called before the component is initialized and can be used to perform any necessary setup or configuration before the component is rendered. It can also be used to implement custom logic for handling specific features or behaviors of the component during the initialization process.
+   */
+  onBeforeInit: "_Are_onBeforeInit",
+  /**
+   * Allows to define a custom method for the component's logic that should be executed after the component has been initialized. This method is called after the component has been initialized and can be used to perform any necessary setup or configuration based on the initial state of the component. It can also be used to implement custom logic for handling specific features or behaviors of the component during the post-initialization process.
+   */
+  onAfterInit: "_Are_onAfterInit",
+  //------------------------------------------------------------------------------------
+  /**
+   * Allows to define a custom method for the component's mounting logic. This method is called before the component is mounted to the DOM and can be used to perform any necessary setup or configuration before the component is rendered. It can also be used to implement custom logic for handling specific features or behaviors of the component during the mounting process.
+   */
+  onBeforeMount: "_Are_onBeforeMount",
+  /**
+   * Allows to define a custom method for the component's logic that should be executed after the component has been mounted to the DOM. This method is called after the component has been mounted and can be used to perform any necessary setup or configuration based on the initial state of the component and its presence in the DOM. It can also be used to implement custom logic for handling specific features or behaviors of the component during the post-mounting process.
+   */
+  onAfterMount: "_Are_onAfterMount",
+  //------------------------------------------------------------------------------------
+  /**
+   * Allows to define a custom method for the component's unmounting logic. This method is called before the component is unmounted from the DOM and can be used to perform any necessary cleanup or teardown before the component is removed. It can also be used to implement custom logic for handling specific features or behaviors of the component during the unmounting process.
+   */
+  onBeforeUnmount: "_Are_onBeforeUnmount",
+  /**
+   * Allows to define a custom method for the component's logic that should be executed after the component has been unmounted from the DOM. This method is called after the component has been unmounted and can be used to perform any necessary cleanup or teardown based on the final state of the component and its removal from the DOM. It can also be used to implement custom logic for handling specific features or behaviors of the component during the post-unmounting process.
+   */
+  onAfterUnmount: "_Are_onAfterUnmount",
+  //------------------------------------------------------------------------------------
+  /**
+   * Allows to define a custom method for the component's update logic. This method is called whenever the component's state changes and can be used to perform any necessary updates or side effects based on the new state. It can also be used to optimize performance by implementing custom logic for determining when the component should re-render based on specific state changes.
+   */
+  onBeforeUpdate: "_Are_onBeforeUpdate",
+  /**
+   * Allows to define a custom method for the component's logic that should be executed after the component's state has been updated. This method is called after the component has re-rendered in response to state changes, and can be used to perform any necessary side effects or additional updates based on the new state. It can also be used to implement custom logic for handling specific features or behaviors of the component during the post-update process.
+   */
+  onAfterUpdate: "_Are_onAfterUpdate",
+  /**
+   * Allows to define a custom method for the component's logic that should be executed before the component is destroyed. This method is called before the component is destroyed and can be used to perform any necessary cleanup or teardown based on the final state of the component. It can also be used to implement custom logic for handling specific features or behaviors of the component during the pre-destruction process.
+   */
+  onBeforeDestroy: "_Are_onBeforeDestroy",
+  /**
+   * Allows to define a custom method for the component's logic that should be executed after the component is destroyed. This method is called after the component has been destroyed and can be used to perform any necessary cleanup or teardown based on the final state of the component. It can also be used to implement custom logic for handling specific features or behaviors of the component during the post-destruction process.
+   */
+  onAfterDestroy: "_Are_onAfterDestroy",
+  //===================================================================================
+  // -----------------------------Loading Extension------------------------------------
+  //===================================================================================
+  onTemplate: "_Are_onTemplate",
+  onStyles: "_Are_onStyles",
+  onData: "_Are_onData",
+  //===================================================================================
+  // -----------------------------Runtime Hooks------------------------------------
+  //=================================================================================== 
+  onSignal: "_Are_onSignal"
+};
 
 exports.AreFeatures = AreFeatures;
 //# sourceMappingURL=Are.constants.js.map

package/dist/node/lib/AreComponent/Are.constants.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/lib/AreComponent/Are.constants.ts"],"names":["AreFeatures"],"mappings":";;AAEO,IAAK,WAAA,qBAAAA,YAAAA,KAAL;AAMH,EAAAA,aAAA,cAAA,CAAA,GAAe,mBAAA;AAMf,EAAAA,aAAA,aAAA,CAAA,GAAc,kBAAA;AACd,EAAAA,aAAA,eAAA,CAAA,GAAgB,oBAAA;AAChB,EAAAA,aAAA,cAAA,CAAA,GAAe,mBAAA;AACf,EAAAA,aAAA,iBAAA,CAAA,GAAkB,sBAAA;AAClB,EAAAA,aAAA,gBAAA,CAAA,GAAiB,qBAAA;AACjB,EAAAA,aAAA,gBAAA,CAAA,GAAiB,qBAAA;AACjB,EAAAA,aAAA,eAAA,CAAA,GAAgB,oBAAA;AAChB,EAAAA,aAAA,iBAAA,CAAA,GAAkB,sBAAA;AAClB,EAAAA,aAAA,gBAAA,CAAA,GAAiB,qBAAA;AAGjB,EAAAA,aAAA,iBAAA,CAAA,GAAkB,sBAAA;AAClB,EAAAA,aAAA,gBAAA,CAAA,GAAiB,qBAAA;AAEjB,EAAAA,aAAA,gBAAA,CAAA,GAAiB,qBAAA;AACjB,EAAAA,aAAA,eAAA,CAAA,GAAgB,oBAAA;AAIhB,EAAAA,aAAA,YAAA,CAAA,GAAa,iBAAA;AACb,EAAAA,aAAA,UAAA,CAAA,GAAW,eAAA;AACX,EAAAA,aAAA,QAAA,CAAA,GAAS,aAAA;AAET,EAAAA,aAAA,UAAA,CAAA,GAAW,eAAA;AAnCH,EAAA,OAAAA,YAAAA;AAAA,CAAA,EAAA,WAAA,IAAA,EAAA","file":"Are.constants.js","sourcesContent":["\n\nexport enum AreFeatures {\n    /**\n     * Runs before the component is loaded into memory\n     * \n     * Before template, styles and data are fetched\n     */\n    onBeforeLoad = '_Are_onBeforeLoad',\n    /**\n     * Runs after the component is loaded into memory\n     * \n     * After template, styles and data are fetched\n     */\n    onAfterLoad = '_Are_onAfterLoad',\n    onBeforeMount = '_Are_onBeforeMount',\n    onAfterMount = '_Are_onAfterMount',\n    onBeforeUnmount = '_Are_onBeforeUnmount',\n    onAfterUnmount = '_Are_onAfterUnmount',\n    onBeforeUpdate = '_Are_onBeforeUpdate',\n    onAfterUpdate = '_Are_onAfterUpdate',\n    onBeforeDestroy = '_Are_onBeforeDestroy',\n    onAfterDestroy = '_Are_onAfterDestroy',\n\n\n    onBeforeCompile = '_Are_onBeforeCompile',\n    onAfterCompile = '_Are_onAfterCompile',\n\n    onBeforeRender = '_Are_onBeforeRender',\n    onAfterRender = '_Are_onAfterRender',\n\n\n\n    onTemplate = '_Are_onTemplate',\n    onStyles = '_Are_onStyles',\n    onData = '_Are_onData',\n\n    onSignal = '_Are_onSignal',\n}"]}
+{"version":3,"sources":["../../../../src/lib/AreComponent/Are.constants.ts"],"names":[],"mappings":";;AAAO,MAAM,WAAA,GAAc;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAOvB,YAAA,EAAc,mBAAA;AAAA;AAAA;AAAA;AAAA,EAId,WAAA,EAAa,kBAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAKb,aAAA,EAAe,oBAAA;AAAA;AAAA;AAAA;AAAA,EAIf,YAAA,EAAc,mBAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAKd,eAAA,EAAiB,sBAAA;AAAA;AAAA;AAAA;AAAA,EAIjB,cAAA,EAAgB,qBAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAKhB,cAAA,EAAgB,qBAAA;AAAA;AAAA;AAAA;AAAA,EAIhB,aAAA,EAAe,oBAAA;AAAA;AAAA;AAAA;AAAA,EAIf,eAAA,EAAiB,sBAAA;AAAA;AAAA;AAAA;AAAA,EAIjB,cAAA,EAAgB,qBAAA;AAAA;AAAA;AAAA;AAAA,EAKhB,UAAA,EAAY,iBAAA;AAAA,EACZ,QAAA,EAAU,eAAA;AAAA,EACV,MAAA,EAAQ,aAAA;AAAA;AAAA;AAAA;AAAA,EAIR,QAAA,EAAU;AACd","file":"Are.constants.js","sourcesContent":["export const AreFeatures = {\n    //===================================================================================\n    // -----------------------------Node Lifecycle Hooks---------------------------------\n    //===================================================================================\n    /**\n     * Allows to define a custom method for the component's initialization logic. This method is called before the component is initialized and can be used to perform any necessary setup or configuration before the component is rendered. It can also be used to implement custom logic for handling specific features or behaviors of the component during the initialization process.\n     */\n    onBeforeInit: '_Are_onBeforeInit',\n    /**\n     * Allows to define a custom method for the component's logic that should be executed after the component has been initialized. This method is called after the component has been initialized and can be used to perform any necessary setup or configuration based on the initial state of the component. It can also be used to implement custom logic for handling specific features or behaviors of the component during the post-initialization process.\n     */\n    onAfterInit: '_Are_onAfterInit',\n    //------------------------------------------------------------------------------------\n    /**\n     * Allows to define a custom method for the component's mounting logic. This method is called before the component is mounted to the DOM and can be used to perform any necessary setup or configuration before the component is rendered. It can also be used to implement custom logic for handling specific features or behaviors of the component during the mounting process.\n     */\n    onBeforeMount: '_Are_onBeforeMount',\n    /**\n     * Allows to define a custom method for the component's logic that should be executed after the component has been mounted to the DOM. This method is called after the component has been mounted and can be used to perform any necessary setup or configuration based on the initial state of the component and its presence in the DOM. It can also be used to implement custom logic for handling specific features or behaviors of the component during the post-mounting process.\n     */\n    onAfterMount: '_Are_onAfterMount',\n    //------------------------------------------------------------------------------------\n    /**\n     * Allows to define a custom method for the component's unmounting logic. This method is called before the component is unmounted from the DOM and can be used to perform any necessary cleanup or teardown before the component is removed. It can also be used to implement custom logic for handling specific features or behaviors of the component during the unmounting process.\n     */\n    onBeforeUnmount: '_Are_onBeforeUnmount',\n    /**\n     * Allows to define a custom method for the component's logic that should be executed after the component has been unmounted from the DOM. This method is called after the component has been unmounted and can be used to perform any necessary cleanup or teardown based on the final state of the component and its removal from the DOM. It can also be used to implement custom logic for handling specific features or behaviors of the component during the post-unmounting process.\n     */\n    onAfterUnmount: '_Are_onAfterUnmount',\n    //------------------------------------------------------------------------------------\n    /**\n     * Allows to define a custom method for the component's update logic. This method is called whenever the component's state changes and can be used to perform any necessary updates or side effects based on the new state. It can also be used to optimize performance by implementing custom logic for determining when the component should re-render based on specific state changes.\n     */\n    onBeforeUpdate: '_Are_onBeforeUpdate',\n    /**\n     * Allows to define a custom method for the component's logic that should be executed after the component's state has been updated. This method is called after the component has re-rendered in response to state changes, and can be used to perform any necessary side effects or additional updates based on the new state. It can also be used to implement custom logic for handling specific features or behaviors of the component during the post-update process.\n     */\n    onAfterUpdate: '_Are_onAfterUpdate',\n    /**\n     * Allows to define a custom method for the component's logic that should be executed before the component is destroyed. This method is called before the component is destroyed and can be used to perform any necessary cleanup or teardown based on the final state of the component. It can also be used to implement custom logic for handling specific features or behaviors of the component during the pre-destruction process.\n     */\n    onBeforeDestroy: '_Are_onBeforeDestroy',\n    /**\n     * Allows to define a custom method for the component's logic that should be executed after the component is destroyed. This method is called after the component has been destroyed and can be used to perform any necessary cleanup or teardown based on the final state of the component. It can also be used to implement custom logic for handling specific features or behaviors of the component during the post-destruction process.\n     */\n    onAfterDestroy: '_Are_onAfterDestroy',\n\n    //===================================================================================\n    // -----------------------------Loading Extension------------------------------------\n    //===================================================================================\n    onTemplate: '_Are_onTemplate',\n    onStyles: '_Are_onStyles',\n    onData: '_Are_onData',\n    //===================================================================================\n    // -----------------------------Runtime Hooks------------------------------------\n    //=================================================================================== \n    onSignal: '_Are_onSignal',\n} as const;"]}

package/dist/node/lib/AreComponent/Are.constants.mjs

@@ -1,26 +1,63 @@
 import '../../chunk-EQQGB2QZ.mjs';
 
-var AreFeatures = /* @__PURE__ */ ((AreFeatures2) => {
-  AreFeatures2["onBeforeLoad"] = "_Are_onBeforeLoad";
-  AreFeatures2["onAfterLoad"] = "_Are_onAfterLoad";
-  AreFeatures2["onBeforeMount"] = "_Are_onBeforeMount";
-  AreFeatures2["onAfterMount"] = "_Are_onAfterMount";
-  AreFeatures2["onBeforeUnmount"] = "_Are_onBeforeUnmount";
-  AreFeatures2["onAfterUnmount"] = "_Are_onAfterUnmount";
-  AreFeatures2["onBeforeUpdate"] = "_Are_onBeforeUpdate";
-  AreFeatures2["onAfterUpdate"] = "_Are_onAfterUpdate";
-  AreFeatures2["onBeforeDestroy"] = "_Are_onBeforeDestroy";
-  AreFeatures2["onAfterDestroy"] = "_Are_onAfterDestroy";
-  AreFeatures2["onBeforeCompile"] = "_Are_onBeforeCompile";
-  AreFeatures2["onAfterCompile"] = "_Are_onAfterCompile";
-  AreFeatures2["onBeforeRender"] = "_Are_onBeforeRender";
-  AreFeatures2["onAfterRender"] = "_Are_onAfterRender";
-  AreFeatures2["onTemplate"] = "_Are_onTemplate";
-  AreFeatures2["onStyles"] = "_Are_onStyles";
-  AreFeatures2["onData"] = "_Are_onData";
-  AreFeatures2["onSignal"] = "_Are_onSignal";
-  return AreFeatures2;
-})(AreFeatures || {});
+const AreFeatures = {
+  //===================================================================================
+  // -----------------------------Node Lifecycle Hooks---------------------------------
+  //===================================================================================
+  /**
+   * Allows to define a custom method for the component's initialization logic. This method is called before the component is initialized and can be used to perform any necessary setup or configuration before the component is rendered. It can also be used to implement custom logic for handling specific features or behaviors of the component during the initialization process.
+   */
+  onBeforeInit: "_Are_onBeforeInit",
+  /**
+   * Allows to define a custom method for the component's logic that should be executed after the component has been initialized. This method is called after the component has been initialized and can be used to perform any necessary setup or configuration based on the initial state of the component. It can also be used to implement custom logic for handling specific features or behaviors of the component during the post-initialization process.
+   */
+  onAfterInit: "_Are_onAfterInit",
+  //------------------------------------------------------------------------------------
+  /**
+   * Allows to define a custom method for the component's mounting logic. This method is called before the component is mounted to the DOM and can be used to perform any necessary setup or configuration before the component is rendered. It can also be used to implement custom logic for handling specific features or behaviors of the component during the mounting process.
+   */
+  onBeforeMount: "_Are_onBeforeMount",
+  /**
+   * Allows to define a custom method for the component's logic that should be executed after the component has been mounted to the DOM. This method is called after the component has been mounted and can be used to perform any necessary setup or configuration based on the initial state of the component and its presence in the DOM. It can also be used to implement custom logic for handling specific features or behaviors of the component during the post-mounting process.
+   */
+  onAfterMount: "_Are_onAfterMount",
+  //------------------------------------------------------------------------------------
+  /**
+   * Allows to define a custom method for the component's unmounting logic. This method is called before the component is unmounted from the DOM and can be used to perform any necessary cleanup or teardown before the component is removed. It can also be used to implement custom logic for handling specific features or behaviors of the component during the unmounting process.
+   */
+  onBeforeUnmount: "_Are_onBeforeUnmount",
+  /**
+   * Allows to define a custom method for the component's logic that should be executed after the component has been unmounted from the DOM. This method is called after the component has been unmounted and can be used to perform any necessary cleanup or teardown based on the final state of the component and its removal from the DOM. It can also be used to implement custom logic for handling specific features or behaviors of the component during the post-unmounting process.
+   */
+  onAfterUnmount: "_Are_onAfterUnmount",
+  //------------------------------------------------------------------------------------
+  /**
+   * Allows to define a custom method for the component's update logic. This method is called whenever the component's state changes and can be used to perform any necessary updates or side effects based on the new state. It can also be used to optimize performance by implementing custom logic for determining when the component should re-render based on specific state changes.
+   */
+  onBeforeUpdate: "_Are_onBeforeUpdate",
+  /**
+   * Allows to define a custom method for the component's logic that should be executed after the component's state has been updated. This method is called after the component has re-rendered in response to state changes, and can be used to perform any necessary side effects or additional updates based on the new state. It can also be used to implement custom logic for handling specific features or behaviors of the component during the post-update process.
+   */
+  onAfterUpdate: "_Are_onAfterUpdate",
+  /**
+   * Allows to define a custom method for the component's logic that should be executed before the component is destroyed. This method is called before the component is destroyed and can be used to perform any necessary cleanup or teardown based on the final state of the component. It can also be used to implement custom logic for handling specific features or behaviors of the component during the pre-destruction process.
+   */
+  onBeforeDestroy: "_Are_onBeforeDestroy",
+  /**
+   * Allows to define a custom method for the component's logic that should be executed after the component is destroyed. This method is called after the component has been destroyed and can be used to perform any necessary cleanup or teardown based on the final state of the component. It can also be used to implement custom logic for handling specific features or behaviors of the component during the post-destruction process.
+   */
+  onAfterDestroy: "_Are_onAfterDestroy",
+  //===================================================================================
+  // -----------------------------Loading Extension------------------------------------
+  //===================================================================================
+  onTemplate: "_Are_onTemplate",
+  onStyles: "_Are_onStyles",
+  onData: "_Are_onData",
+  //===================================================================================
+  // -----------------------------Runtime Hooks------------------------------------
+  //=================================================================================== 
+  onSignal: "_Are_onSignal"
+};
 
 export { AreFeatures };
 //# sourceMappingURL=Are.constants.mjs.map

package/dist/node/lib/AreComponent/Are.constants.mjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/lib/AreComponent/Are.constants.ts"],"names":["AreFeatures"],"mappings":";;AAEO,IAAK,WAAA,qBAAAA,YAAAA,KAAL;AAMH,EAAAA,aAAA,cAAA,CAAA,GAAe,mBAAA;AAMf,EAAAA,aAAA,aAAA,CAAA,GAAc,kBAAA;AACd,EAAAA,aAAA,eAAA,CAAA,GAAgB,oBAAA;AAChB,EAAAA,aAAA,cAAA,CAAA,GAAe,mBAAA;AACf,EAAAA,aAAA,iBAAA,CAAA,GAAkB,sBAAA;AAClB,EAAAA,aAAA,gBAAA,CAAA,GAAiB,qBAAA;AACjB,EAAAA,aAAA,gBAAA,CAAA,GAAiB,qBAAA;AACjB,EAAAA,aAAA,eAAA,CAAA,GAAgB,oBAAA;AAChB,EAAAA,aAAA,iBAAA,CAAA,GAAkB,sBAAA;AAClB,EAAAA,aAAA,gBAAA,CAAA,GAAiB,qBAAA;AAGjB,EAAAA,aAAA,iBAAA,CAAA,GAAkB,sBAAA;AAClB,EAAAA,aAAA,gBAAA,CAAA,GAAiB,qBAAA;AAEjB,EAAAA,aAAA,gBAAA,CAAA,GAAiB,qBAAA;AACjB,EAAAA,aAAA,eAAA,CAAA,GAAgB,oBAAA;AAIhB,EAAAA,aAAA,YAAA,CAAA,GAAa,iBAAA;AACb,EAAAA,aAAA,UAAA,CAAA,GAAW,eAAA;AACX,EAAAA,aAAA,QAAA,CAAA,GAAS,aAAA;AAET,EAAAA,aAAA,UAAA,CAAA,GAAW,eAAA;AAnCH,EAAA,OAAAA,YAAAA;AAAA,CAAA,EAAA,WAAA,IAAA,EAAA","file":"Are.constants.mjs","sourcesContent":["\n\nexport enum AreFeatures {\n    /**\n     * Runs before the component is loaded into memory\n     * \n     * Before template, styles and data are fetched\n     */\n    onBeforeLoad = '_Are_onBeforeLoad',\n    /**\n     * Runs after the component is loaded into memory\n     * \n     * After template, styles and data are fetched\n     */\n    onAfterLoad = '_Are_onAfterLoad',\n    onBeforeMount = '_Are_onBeforeMount',\n    onAfterMount = '_Are_onAfterMount',\n    onBeforeUnmount = '_Are_onBeforeUnmount',\n    onAfterUnmount = '_Are_onAfterUnmount',\n    onBeforeUpdate = '_Are_onBeforeUpdate',\n    onAfterUpdate = '_Are_onAfterUpdate',\n    onBeforeDestroy = '_Are_onBeforeDestroy',\n    onAfterDestroy = '_Are_onAfterDestroy',\n\n\n    onBeforeCompile = '_Are_onBeforeCompile',\n    onAfterCompile = '_Are_onAfterCompile',\n\n    onBeforeRender = '_Are_onBeforeRender',\n    onAfterRender = '_Are_onAfterRender',\n\n\n\n    onTemplate = '_Are_onTemplate',\n    onStyles = '_Are_onStyles',\n    onData = '_Are_onData',\n\n    onSignal = '_Are_onSignal',\n}"]}
+{"version":3,"sources":["../../../../src/lib/AreComponent/Are.constants.ts"],"names":[],"mappings":";;AAAO,MAAM,WAAA,GAAc;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAOvB,YAAA,EAAc,mBAAA;AAAA;AAAA;AAAA;AAAA,EAId,WAAA,EAAa,kBAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAKb,aAAA,EAAe,oBAAA;AAAA;AAAA;AAAA;AAAA,EAIf,YAAA,EAAc,mBAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAKd,eAAA,EAAiB,sBAAA;AAAA;AAAA;AAAA;AAAA,EAIjB,cAAA,EAAgB,qBAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAKhB,cAAA,EAAgB,qBAAA;AAAA;AAAA;AAAA;AAAA,EAIhB,aAAA,EAAe,oBAAA;AAAA;AAAA;AAAA;AAAA,EAIf,eAAA,EAAiB,sBAAA;AAAA;AAAA;AAAA;AAAA,EAIjB,cAAA,EAAgB,qBAAA;AAAA;AAAA;AAAA;AAAA,EAKhB,UAAA,EAAY,iBAAA;AAAA,EACZ,QAAA,EAAU,eAAA;AAAA,EACV,MAAA,EAAQ,aAAA;AAAA;AAAA;AAAA;AAAA,EAIR,QAAA,EAAU;AACd","file":"Are.constants.mjs","sourcesContent":["export const AreFeatures = {\n    //===================================================================================\n    // -----------------------------Node Lifecycle Hooks---------------------------------\n    //===================================================================================\n    /**\n     * Allows to define a custom method for the component's initialization logic. This method is called before the component is initialized and can be used to perform any necessary setup or configuration before the component is rendered. It can also be used to implement custom logic for handling specific features or behaviors of the component during the initialization process.\n     */\n    onBeforeInit: '_Are_onBeforeInit',\n    /**\n     * Allows to define a custom method for the component's logic that should be executed after the component has been initialized. This method is called after the component has been initialized and can be used to perform any necessary setup or configuration based on the initial state of the component. It can also be used to implement custom logic for handling specific features or behaviors of the component during the post-initialization process.\n     */\n    onAfterInit: '_Are_onAfterInit',\n    //------------------------------------------------------------------------------------\n    /**\n     * Allows to define a custom method for the component's mounting logic. This method is called before the component is mounted to the DOM and can be used to perform any necessary setup or configuration before the component is rendered. It can also be used to implement custom logic for handling specific features or behaviors of the component during the mounting process.\n     */\n    onBeforeMount: '_Are_onBeforeMount',\n    /**\n     * Allows to define a custom method for the component's logic that should be executed after the component has been mounted to the DOM. This method is called after the component has been mounted and can be used to perform any necessary setup or configuration based on the initial state of the component and its presence in the DOM. It can also be used to implement custom logic for handling specific features or behaviors of the component during the post-mounting process.\n     */\n    onAfterMount: '_Are_onAfterMount',\n    //------------------------------------------------------------------------------------\n    /**\n     * Allows to define a custom method for the component's unmounting logic. This method is called before the component is unmounted from the DOM and can be used to perform any necessary cleanup or teardown before the component is removed. It can also be used to implement custom logic for handling specific features or behaviors of the component during the unmounting process.\n     */\n    onBeforeUnmount: '_Are_onBeforeUnmount',\n    /**\n     * Allows to define a custom method for the component's logic that should be executed after the component has been unmounted from the DOM. This method is called after the component has been unmounted and can be used to perform any necessary cleanup or teardown based on the final state of the component and its removal from the DOM. It can also be used to implement custom logic for handling specific features or behaviors of the component during the post-unmounting process.\n     */\n    onAfterUnmount: '_Are_onAfterUnmount',\n    //------------------------------------------------------------------------------------\n    /**\n     * Allows to define a custom method for the component's update logic. This method is called whenever the component's state changes and can be used to perform any necessary updates or side effects based on the new state. It can also be used to optimize performance by implementing custom logic for determining when the component should re-render based on specific state changes.\n     */\n    onBeforeUpdate: '_Are_onBeforeUpdate',\n    /**\n     * Allows to define a custom method for the component's logic that should be executed after the component's state has been updated. This method is called after the component has re-rendered in response to state changes, and can be used to perform any necessary side effects or additional updates based on the new state. It can also be used to implement custom logic for handling specific features or behaviors of the component during the post-update process.\n     */\n    onAfterUpdate: '_Are_onAfterUpdate',\n    /**\n     * Allows to define a custom method for the component's logic that should be executed before the component is destroyed. This method is called before the component is destroyed and can be used to perform any necessary cleanup or teardown based on the final state of the component. It can also be used to implement custom logic for handling specific features or behaviors of the component during the pre-destruction process.\n     */\n    onBeforeDestroy: '_Are_onBeforeDestroy',\n    /**\n     * Allows to define a custom method for the component's logic that should be executed after the component is destroyed. This method is called after the component has been destroyed and can be used to perform any necessary cleanup or teardown based on the final state of the component. It can also be used to implement custom logic for handling specific features or behaviors of the component during the post-destruction process.\n     */\n    onAfterDestroy: '_Are_onAfterDestroy',\n\n    //===================================================================================\n    // -----------------------------Loading Extension------------------------------------\n    //===================================================================================\n    onTemplate: '_Are_onTemplate',\n    onStyles: '_Are_onStyles',\n    onData: '_Are_onData',\n    //===================================================================================\n    // -----------------------------Runtime Hooks------------------------------------\n    //=================================================================================== \n    onSignal: '_Are_onSignal',\n} as const;"]}

package/dist/node/lib/AreComponent/Are.context.d.mts

@@ -1,22 +1,14 @@
-import * as _adaas_a_concept from '@adaas/a-concept';
-import { A_Fragment } from '@adaas/a-concept';
-import { b as AreNode } from '../../index-DMXWCL7R.mjs';
-import '../AreEvent/AreEvent.types.mjs';
-import '../AreNode/AreNode.types.mjs';
-import '../AreScene/AreScene.types.mjs';
-import '../AreProps/AreProps.context.mjs';
+import '@adaas/a-concept';
+import '@adaas/a-utils/a-signal';
+export { a as AreContext } from '../../Are.context-D7w32H1G.mjs';
 import '@adaas/a-utils/a-execution';
-import '../AreStore/AreStore.context.mjs';
-
-declare class AreContext extends A_Fragment {
-    protected _source: string;
-    protected _roots: Array<AreNode>;
-    constructor(source?: string);
-    get scope(): _adaas_a_concept.A_Scope<any, _adaas_a_concept.A_TYPES__Component_Constructor<_adaas_a_concept.A_Component>[], _adaas_a_concept.A_TYPES__Error_Constructor<_adaas_a_concept.A_Error<_adaas_a_concept.A_TYPES__Error_Init, _adaas_a_concept.A_TYPES__Error_Serialized>>[], _adaas_a_concept.A_TYPES__Entity_Constructor<_adaas_a_concept.A_Entity<any, _adaas_a_concept.A_TYPES__Entity_Serialized>>[], A_Fragment<_adaas_a_concept.A_TYPES__Fragment_Serialized>[]>;
-    get roots(): Array<AreNode>;
-    get source(): string;
-    addRoot(node: AreNode): void;
-    removeRoot(node: AreNode): void;
-}
-
-export { AreContext };
+import '../AreEvent/AreEvent.context.mjs';
+import '../AreStore/AreStore.types.mjs';
+import '../AreStore/AreStore.constants.mjs';
+import '../AreScene/AreScene.constants.mjs';
+import '../AreAttribute/AreAttribute.types.mjs';
+import '../AreAttribute/AreAttribute.constants.mjs';
+import './Are.component.mjs';
+import './Are.types.mjs';
+import './Are.constants.mjs';
+import '../AreNode/AreNode.constants.mjs';

package/dist/node/lib/AreComponent/Are.context.d.ts

@@ -1,22 +1,14 @@
-import * as _adaas_a_concept from '@adaas/a-concept';
-import { A_Fragment } from '@adaas/a-concept';
-import { b as AreNode } from '../../index-BD-6iOuR.js';
-import '../AreEvent/AreEvent.types.js';
-import '../AreNode/AreNode.types.js';
-import '../AreScene/AreScene.types.js';
-import '../AreProps/AreProps.context.js';
+import '@adaas/a-concept';
+import '@adaas/a-utils/a-signal';
+export { a as AreContext } from '../../Are.context-9Ija_fdC.js';
 import '@adaas/a-utils/a-execution';
-import '../AreStore/AreStore.context.js';
-
-declare class AreContext extends A_Fragment {
-    protected _source: string;
-    protected _roots: Array<AreNode>;
-    constructor(source?: string);
-    get scope(): _adaas_a_concept.A_Scope<any, _adaas_a_concept.A_TYPES__Component_Constructor<_adaas_a_concept.A_Component>[], _adaas_a_concept.A_TYPES__Error_Constructor<_adaas_a_concept.A_Error<_adaas_a_concept.A_TYPES__Error_Init, _adaas_a_concept.A_TYPES__Error_Serialized>>[], _adaas_a_concept.A_TYPES__Entity_Constructor<_adaas_a_concept.A_Entity<any, _adaas_a_concept.A_TYPES__Entity_Serialized>>[], A_Fragment<_adaas_a_concept.A_TYPES__Fragment_Serialized>[]>;
-    get roots(): Array<AreNode>;
-    get source(): string;
-    addRoot(node: AreNode): void;
-    removeRoot(node: AreNode): void;
-}
-
-export { AreContext };
+import '../AreEvent/AreEvent.context.js';
+import '../AreStore/AreStore.types.js';
+import '../AreStore/AreStore.constants.js';
+import '../AreScene/AreScene.constants.js';
+import '../AreAttribute/AreAttribute.types.js';
+import '../AreAttribute/AreAttribute.constants.js';
+import './Are.component.js';
+import './Are.types.js';
+import './Are.constants.js';
+import '../AreNode/AreNode.constants.js';

package/dist/node/lib/AreComponent/Are.context.js

@@ -2,6 +2,7 @@
 
 var aConcept = require('@adaas/a-concept');
 var aFrame = require('@adaas/a-frame');
+var aExecution = require('@adaas/a-utils/a-execution');
 
 var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
 var __decorateClass = (decorators, target, key, kind) => {
@@ -11,28 +12,116 @@ var __decorateClass = (decorators, target, key, kind) => {
       result = (decorator(result)) || result;
   return result;
 };
-exports.AreContext = class AreContext extends aConcept.A_Fragment {
+exports.AreContext = class AreContext extends aExecution.A_ExecutionContext {
   constructor(source = "") {
-    super({ name: "AreContext" });
+    super("AreContext");
+    /**
+     * The roots array holds references to the root nodes of the ARE scene, allowing for easy access and management of the top-level components in the rendering hierarchy. The signalsMap is a mapping between root nodes and their associated signal vectors, enabling efficient management of reactive updates and interactions within the ARE framework based on changes in the application state or user input.
+     */
     this._roots = [];
+    /**
+     * This property stores a map between root node and conditions that should be met to render particular component inside the root node. This can be used to manage complex rendering logic and to optimize performance by ensuring that components are only rendered when necessary based on the defined conditions.
+     */
+    this._signalsMap = /* @__PURE__ */ new Map();
+    this._performance = /* @__PURE__ */ new Map();
+    this._performanceStart = /* @__PURE__ */ new Map();
+    this._performanceDepth = /* @__PURE__ */ new Map();
     this._source = source;
   }
+  /**
+   * The global object can be used to store any global data or configurations that need to be accessed across different components and entities within the ARE framework. This can include things like theme settings, user preferences, or any other shared data that is relevant to the entire scene or application. By centralizing this information in the context, it allows for easier management and access to global state without needing to pass it through multiple layers of components or entities.
+   */
+  get globals() {
+    return this.get("globals") || {};
+  }
+  /**
+   * The scope of the context, which can be used to access other entities and features within the same scope. This is particularly useful for components that need to interact with other parts of the scene or component, as it allows them to access shared data and functionality without needing to pass it explicitly through parameters.
+   */
   get scope() {
     return aConcept.A_Context.scope(this);
   }
+  /**
+   * The roots array holds references to the root nodes of the ARE scene, allowing for easy access and management of the top-level components in the rendering hierarchy. The signalsMap is a mapping between root nodes and their associated signal vectors, enabling efficient management of reactive updates and interactions within the ARE framework based on changes in the application state or user input.
+   */
   get roots() {
     return this._roots;
   }
+  /**
+   * This property stores a map between root node and conditions that should be met to render particular component inside the root node. This can be used to manage complex rendering logic and to optimize performance by ensuring that components are only rendered when necessary based on the defined conditions.
+   */
   get source() {
     return this._source;
   }
+  get performance() {
+    const perfObj = [];
+    this._performance.forEach((value, key) => {
+      perfObj.push(`${key}: ${value} ms`);
+    });
+    return perfObj;
+  }
+  get stats() {
+    return [
+      `- Total Roots: ${this._roots.length}`,
+      `- Total Nodes in Scene: ${this._roots.reduce((acc, root) => acc + this.countNodes(root), 0)}`,
+      `- Total Instructions: ${this._roots.reduce((acc, root) => acc + this.countInstructions(root), 0)}`
+    ];
+  }
+  countInstructions(node) {
+    let count = 0;
+    if (node.scene) {
+      count += node.scene.instructions.length;
+    }
+    for (const child of node.children) {
+      count += this.countInstructions(child);
+    }
+    return count;
+  }
+  countNodes(node) {
+    let count = 1;
+    for (const child of node.children) {
+      count += this.countNodes(child);
+    }
+    return count;
+  }
+  /**
+   * This property stores a map between root node and conditions that should be met to render particular component inside the root node. This can be used to manage complex rendering logic and to optimize performance by ensuring that components are only rendered when necessary based on the defined conditions.
+   * 
+   * @param node 
+   */
   addRoot(node) {
     this._roots.push(node);
     this.scope.register(node);
   }
+  /**
+   * This property stores a map between root node and conditions that should be met to render particular component inside the root node. This can be used to manage complex rendering logic and to optimize performance by ensuring that components are only rendered when necessary based on the defined conditions.
+   * 
+   * @param node 
+   */
   removeRoot(node) {
     this._roots = this._roots.filter((r) => r.aseid.toString() !== node.aseid.toString());
   }
+  startPerformance(label = "default") {
+    const depth = this._performanceDepth.get(label) || 0;
+    this._performanceDepth.set(label, depth + 1);
+    if (depth === 0) {
+      this._performanceStart.set(label, Date.now());
+    }
+  }
+  endPerformance(label) {
+    const depth = this._performanceDepth.get(label) || 0;
+    if (depth <= 1) {
+      const startTime = this._performanceStart.get(label) || this._performanceStart.get("default");
+      if (startTime) {
+        const duration = Date.now() - startTime;
+        const accumulated = this._performance.get(label) || 0;
+        this._performance.set(label, accumulated + duration);
+        this._performanceStart.delete(label);
+      }
+      this._performanceDepth.delete(label);
+    } else {
+      this._performanceDepth.set(label, depth - 1);
+    }
+  }
 };
 exports.AreContext = __decorateClass([
   aFrame.A_Frame.Fragment({

package/dist/node/lib/AreComponent/Are.context.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/lib/AreComponent/Are.context.ts"],"names":["AreContext","A_Fragment","A_Context","A_Frame"],"mappings":";;;;;;;;;;;;;AAWaA,kBAAA,GAAN,yBAAyBC,mBAAA,CAAW;AAAA,EAKvC,WAAA,CAAY,SAAiB,EAAA,EAAI;AAC7B,IAAA,KAAA,CAAM,EAAE,IAAA,EAAM,YAAA,EAAc,CAAA;AAHhC,IAAA,IAAA,CAAU,SAAyB,EAAC;AAIhC,IAAA,IAAA,CAAK,OAAA,GAAU,MAAA;AAAA,EACnB;AAAA,EAEA,IAAI,KAAA,GAAQ;AACR,IAAA,OAAOC,kBAAA,CAAU,MAAM,IAAI,CAAA;AAAA,EAC/B;AAAA,EAEA,IAAI,KAAA,GAAwB;AACxB,IAAA,OAAO,IAAA,CAAK,MAAA;AAAA,EAChB;AAAA,EAEA,IAAI,MAAA,GAAiB;AACjB,IAAA,OAAO,IAAA,CAAK,OAAA;AAAA,EAChB;AAAA,EAEA,QAAQ,IAAA,EAAe;AACnB,IAAA,IAAA,CAAK,MAAA,CAAO,KAAK,IAAI,CAAA;AACrB,IAAA,IAAA,CAAK,KAAA,CAAM,SAAS,IAAI,CAAA;AAAA,EAC5B;AAAA,EAEA,WAAW,IAAA,EAAe;AACtB,IAAA,IAAA,CAAK,MAAA,GAAS,IAAA,CAAK,MAAA,CAAO,MAAA,CAAO,CAAA,CAAA,KAAK,CAAA,CAAE,KAAA,CAAM,QAAA,EAAS,KAAM,IAAA,CAAK,KAAA,CAAM,QAAA,EAAU,CAAA;AAAA,EACtF;AAEJ;AA/BaF,kBAAA,GAAN,eAAA,CAAA;AAAA,EALNG,eAAQ,QAAA,CAAS;AAAA,IACd,SAAA,EAAW,OAAA;AAAA,IACX,IAAA,EAAM,YAAA;AAAA,IACN,WAAA,EAAa;AAAA,GAChB;AAAA,CAAA,EACYH,kBAAA,CAAA","file":"Are.context.js","sourcesContent":["import { A_Context, A_Fragment } from \"@adaas/a-concept\";\nimport { A_Frame } from \"@adaas/a-frame\";\nimport { AreNode } from \"@adaas/are/node\";\n\n\n\n@A_Frame.Fragment({\n    namespace: 'A-ARE',\n    name: 'AreContext',\n    description: 'Context fragment for the A-Concept Rendering Engine (ARE) framework, serving as a foundational component for managing shared state and configurations within the ARE environment. This Context uses to encapsulate global settings, resources, and utilities that can be accessed by various ARE components and entities during the rendering and interaction processes.'\n})\nexport class AreContext extends A_Fragment {\n\n    protected _source: string;\n    protected _roots: Array<AreNode> = [];\n\n    constructor(source: string = '') {\n        super({ name: 'AreContext' });\n        this._source = source;\n    }\n\n    get scope() {\n        return A_Context.scope(this);\n    }\n\n    get roots(): Array<AreNode> {\n        return this._roots;\n    }\n\n    get source(): string {\n        return this._source;\n    }\n\n    addRoot(node: AreNode) {\n        this._roots.push(node);\n        this.scope.register(node);\n    }\n\n    removeRoot(node: AreNode) {\n        this._roots = this._roots.filter(r => r.aseid.toString() !== node.aseid.toString());\n    }\n\n}\n"]}
+{"version":3,"sources":["../../../../src/lib/AreComponent/Are.context.ts"],"names":["AreContext","A_ExecutionContext","A_Context","A_Frame"],"mappings":"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","file":"Are.context.js","sourcesContent":["import { A_Context, A_Fragment } from \"@adaas/a-concept\";\nimport { A_Frame } from \"@adaas/a-frame\";\nimport { A_SignalVector } from \"@adaas/a-utils/a-signal\";\nimport { AreNode } from \"@adaas/are/node/AreNode.entity\";\nimport { AreInstruction } from \"@adaas/are/instruction/AreInstruction.entity\";\nimport { A_ExecutionContext } from \"@adaas/a-utils/a-execution\";\n\n\n\n@A_Frame.Fragment({\n    namespace: 'A-ARE',\n    name: 'AreContext',\n    description: 'Context fragment for the A-Concept Rendering Engine (ARE) framework, serving as a foundational component for managing shared state and configurations within the ARE environment. This Context uses to encapsulate global settings, resources, and utilities that can be accessed by various ARE components and entities during the rendering and interaction processes.'\n})\nexport class AreContext extends A_ExecutionContext {\n\n    /**\n     * The source string represents the original template or input from which the ARE scene is generated. This can be used for debugging, error reporting, or any features that require access to the raw template data. The roots array holds references to the root nodes of the ARE scene, allowing for easy access and management of the top-level components in the rendering hierarchy. The signalsMap is a mapping between root nodes and their associated signal vectors, enabling efficient management of reactive updates and interactions within the ARE framework based on changes in the application state or user input.\n     */\n    protected _source: string;\n    /**\n     * The roots array holds references to the root nodes of the ARE scene, allowing for easy access and management of the top-level components in the rendering hierarchy. The signalsMap is a mapping between root nodes and their associated signal vectors, enabling efficient management of reactive updates and interactions within the ARE framework based on changes in the application state or user input.\n     */\n    protected _roots: Array<AreNode> = [];\n    /**\n     * This property stores a map between root node and conditions that should be met to render particular component inside the root node. This can be used to manage complex rendering logic and to optimize performance by ensuring that components are only rendered when necessary based on the defined conditions.\n     */\n    protected _signalsMap: Map<string, A_SignalVector> = new Map();\n\n    protected _performance = new Map<string, number>();\n    protected _performanceStart = new Map<string, number>();\n    protected _performanceDepth = new Map<string, number>();\n\n    /**\n     * The global object can be used to store any global data or configurations that need to be accessed across different components and entities within the ARE framework. This can include things like theme settings, user preferences, or any other shared data that is relevant to the entire scene or application. By centralizing this information in the context, it allows for easier management and access to global state without needing to pass it through multiple layers of components or entities.\n     */\n    get globals() {\n        return this.get('globals') || {};\n    }\n\n\n    constructor(\n        /**\n         * The source string represents the original template or input from which the ARE scene is generated. This can be used for debugging, error reporting, or any features that require access to the raw template data. The roots array holds references to the root nodes of the ARE scene, allowing for easy access and management of the top-level components in the rendering hierarchy. The signalsMap is a mapping between root nodes and their associated signal vectors, enabling efficient management of reactive updates and interactions within the ARE framework based on changes in the application state or user input.\n         */\n        source: string = ''\n    ) {\n        super('AreContext');\n        this._source = source;\n    }\n    /**\n     * The scope of the context, which can be used to access other entities and features within the same scope. This is particularly useful for components that need to interact with other parts of the scene or component, as it allows them to access shared data and functionality without needing to pass it explicitly through parameters.\n     */\n    get scope() {\n        return A_Context.scope(this);\n    }\n    /**\n     * The roots array holds references to the root nodes of the ARE scene, allowing for easy access and management of the top-level components in the rendering hierarchy. The signalsMap is a mapping between root nodes and their associated signal vectors, enabling efficient management of reactive updates and interactions within the ARE framework based on changes in the application state or user input.\n     */\n    get roots(): Array<AreNode> {\n        return this._roots;\n    }\n    /**\n     * This property stores a map between root node and conditions that should be met to render particular component inside the root node. This can be used to manage complex rendering logic and to optimize performance by ensuring that components are only rendered when necessary based on the defined conditions.\n     */\n    get source(): string {\n        return this._source;\n    }\n\n    get performance(): Array<string> {\n        const perfObj: Array<string> = [];\n        this._performance.forEach((value, key) => {\n            perfObj.push(`${key}: ${value} ms`);\n        });\n        return perfObj;\n    }\n\n\n    get stats() {\n        return [\n            `- Total Roots: ${this._roots.length}`,\n            `- Total Nodes in Scene: ${this._roots.reduce((acc, root) => acc + this.countNodes(root), 0,)}`,\n            `- Total Instructions: ${this._roots.reduce((acc, root) => acc + this.countInstructions(root), 0,)}`,\n        ]\n    }\n\n    protected countInstructions(node: AreNode): number {\n        let count = 0; // Count instructions for the current node\n        // Assuming each node has a method or property that returns its instructions\n        if (node.scene) {\n            count += node.scene.instructions.length;\n        }\n        for (const child of node.children) {\n            count += this.countInstructions(child); // Recursively count instructions in child nodes\n        }\n        return count;\n    }\n\n    protected countNodes(node: AreNode): number {\n        let count = 1; // Count the current node\n        for (const child of node.children) {\n            count += this.countNodes(child); // Recursively count child nodes\n        }\n        return count;\n    }\n\n    /**\n     * This property stores a map between root node and conditions that should be met to render particular component inside the root node. This can be used to manage complex rendering logic and to optimize performance by ensuring that components are only rendered when necessary based on the defined conditions.\n     * \n     * @param node \n     */\n    addRoot(node: AreNode) {\n        this._roots.push(node);\n        this.scope.register(node);\n    }\n    /**\n     * This property stores a map between root node and conditions that should be met to render particular component inside the root node. This can be used to manage complex rendering logic and to optimize performance by ensuring that components are only rendered when necessary based on the defined conditions.\n     * \n     * @param node \n     */\n    removeRoot(node: AreNode) {\n        this._roots = this._roots.filter(r => r.aseid.toString() !== node.aseid.toString());\n    }\n\n\n\n\n    startPerformance(label: string = 'default') {\n        const depth = this._performanceDepth.get(label) || 0;\n        this._performanceDepth.set(label, depth + 1);\n\n        if (depth === 0) {\n            this._performanceStart.set(label, Date.now());\n        }\n    }\n\n    endPerformance(label: string) {\n        const depth = this._performanceDepth.get(label) || 0;\n\n        if (depth <= 1) {\n            const startTime = this._performanceStart.get(label) || this._performanceStart.get('default');\n\n            if (startTime) {\n                const duration = Date.now() - startTime;\n                const accumulated = this._performance.get(label) || 0;\n                this._performance.set(label, accumulated + duration);\n                this._performanceStart.delete(label);\n            }\n\n            this._performanceDepth.delete(label);\n        } else {\n            this._performanceDepth.set(label, depth - 1);\n        }\n    }\n}\n"]}

package/dist/node/lib/AreComponent/Are.context.mjs

@@ -1,29 +1,118 @@
 import { __decorateClass } from '../../chunk-EQQGB2QZ.mjs';
-import { A_Fragment, A_Context } from '@adaas/a-concept';
+import { A_Context } from '@adaas/a-concept';
 import { A_Frame } from '@adaas/a-frame';
+import { A_ExecutionContext } from '@adaas/a-utils/a-execution';
 
-let AreContext = class extends A_Fragment {
+let AreContext = class extends A_ExecutionContext {
   constructor(source = "") {
-    super({ name: "AreContext" });
+    super("AreContext");
+    /**
+     * The roots array holds references to the root nodes of the ARE scene, allowing for easy access and management of the top-level components in the rendering hierarchy. The signalsMap is a mapping between root nodes and their associated signal vectors, enabling efficient management of reactive updates and interactions within the ARE framework based on changes in the application state or user input.
+     */
     this._roots = [];
+    /**
+     * This property stores a map between root node and conditions that should be met to render particular component inside the root node. This can be used to manage complex rendering logic and to optimize performance by ensuring that components are only rendered when necessary based on the defined conditions.
+     */
+    this._signalsMap = /* @__PURE__ */ new Map();
+    this._performance = /* @__PURE__ */ new Map();
+    this._performanceStart = /* @__PURE__ */ new Map();
+    this._performanceDepth = /* @__PURE__ */ new Map();
     this._source = source;
   }
+  /**
+   * The global object can be used to store any global data or configurations that need to be accessed across different components and entities within the ARE framework. This can include things like theme settings, user preferences, or any other shared data that is relevant to the entire scene or application. By centralizing this information in the context, it allows for easier management and access to global state without needing to pass it through multiple layers of components or entities.
+   */
+  get globals() {
+    return this.get("globals") || {};
+  }
+  /**
+   * The scope of the context, which can be used to access other entities and features within the same scope. This is particularly useful for components that need to interact with other parts of the scene or component, as it allows them to access shared data and functionality without needing to pass it explicitly through parameters.
+   */
   get scope() {
     return A_Context.scope(this);
   }
+  /**
+   * The roots array holds references to the root nodes of the ARE scene, allowing for easy access and management of the top-level components in the rendering hierarchy. The signalsMap is a mapping between root nodes and their associated signal vectors, enabling efficient management of reactive updates and interactions within the ARE framework based on changes in the application state or user input.
+   */
   get roots() {
     return this._roots;
   }
+  /**
+   * This property stores a map between root node and conditions that should be met to render particular component inside the root node. This can be used to manage complex rendering logic and to optimize performance by ensuring that components are only rendered when necessary based on the defined conditions.
+   */
   get source() {
     return this._source;
   }
+  get performance() {
+    const perfObj = [];
+    this._performance.forEach((value, key) => {
+      perfObj.push(`${key}: ${value} ms`);
+    });
+    return perfObj;
+  }
+  get stats() {
+    return [
+      `- Total Roots: ${this._roots.length}`,
+      `- Total Nodes in Scene: ${this._roots.reduce((acc, root) => acc + this.countNodes(root), 0)}`,
+      `- Total Instructions: ${this._roots.reduce((acc, root) => acc + this.countInstructions(root), 0)}`
+    ];
+  }
+  countInstructions(node) {
+    let count = 0;
+    if (node.scene) {
+      count += node.scene.instructions.length;
+    }
+    for (const child of node.children) {
+      count += this.countInstructions(child);
+    }
+    return count;
+  }
+  countNodes(node) {
+    let count = 1;
+    for (const child of node.children) {
+      count += this.countNodes(child);
+    }
+    return count;
+  }
+  /**
+   * This property stores a map between root node and conditions that should be met to render particular component inside the root node. This can be used to manage complex rendering logic and to optimize performance by ensuring that components are only rendered when necessary based on the defined conditions.
+   * 
+   * @param node 
+   */
   addRoot(node) {
     this._roots.push(node);
     this.scope.register(node);
   }
+  /**
+   * This property stores a map between root node and conditions that should be met to render particular component inside the root node. This can be used to manage complex rendering logic and to optimize performance by ensuring that components are only rendered when necessary based on the defined conditions.
+   * 
+   * @param node 
+   */
   removeRoot(node) {
     this._roots = this._roots.filter((r) => r.aseid.toString() !== node.aseid.toString());
   }
+  startPerformance(label = "default") {
+    const depth = this._performanceDepth.get(label) || 0;
+    this._performanceDepth.set(label, depth + 1);
+    if (depth === 0) {
+      this._performanceStart.set(label, Date.now());
+    }
+  }
+  endPerformance(label) {
+    const depth = this._performanceDepth.get(label) || 0;
+    if (depth <= 1) {
+      const startTime = this._performanceStart.get(label) || this._performanceStart.get("default");
+      if (startTime) {
+        const duration = Date.now() - startTime;
+        const accumulated = this._performance.get(label) || 0;
+        this._performance.set(label, accumulated + duration);
+        this._performanceStart.delete(label);
+      }
+      this._performanceDepth.delete(label);
+    } else {
+      this._performanceDepth.set(label, depth - 1);
+    }
+  }
 };
 AreContext = __decorateClass([
   A_Frame.Fragment({