@adaas/are-html 0.0.3 → 0.0.4

package/dist/node/index.d.mts

@@ -30,7 +30,7 @@ export { AreDirectiveMeta } from './lib/AreDirective/AreDirective.meta.mjs';
 export { AreDirectiveOrderDecoratorParameters } from './lib/AreDirective/AreDirective.types.mjs';
 export { AreRoot } from './lib/AreRoot/AreRoot.component.mjs';
 export { AreStyle } from './lib/AreStyle/AreStyle.context.mjs';
-export { AreWatcher } from './lib/AreWatcher/AreWatcher.component.mjs';
+export { AreRouteWatcher } from './lib/AreRouteWatcher/AreRouteWatcher.component.mjs';
 import '@adaas/are';
 import '@adaas/a-concept';
 import '@adaas/a-utils/a-logger';

package/dist/node/index.d.ts

@@ -30,7 +30,7 @@ export { AreDirectiveMeta } from './lib/AreDirective/AreDirective.meta.js';
 export { AreDirectiveOrderDecoratorParameters } from './lib/AreDirective/AreDirective.types.js';
 export { AreRoot } from './lib/AreRoot/AreRoot.component.js';
 export { AreStyle } from './lib/AreStyle/AreStyle.context.js';
-export { AreWatcher } from './lib/AreWatcher/AreWatcher.component.js';
+export { AreRouteWatcher } from './lib/AreRouteWatcher/AreRouteWatcher.component.js';
 import '@adaas/are';
 import '@adaas/a-concept';
 import '@adaas/a-utils/a-logger';

package/dist/node/index.js

@@ -40,7 +40,7 @@ var AreDirective_types = require('./lib/AreDirective/AreDirective.types');
 var AreRoot_component = require('./lib/AreRoot/AreRoot.component');
 var AreStyle_context = require('./lib/AreStyle/AreStyle.context');
 var AreStyle_types = require('./lib/AreStyle/AreStyle.types');
-var AreWatcher_component = require('./lib/AreWatcher/AreWatcher.component');
+var AreRouteWatcher_component = require('./lib/AreRouteWatcher/AreRouteWatcher.component');
 
 
 
@@ -284,10 +284,10 @@ Object.keys(AreStyle_types).forEach(function (k) {
 		get: function () { return AreStyle_types[k]; }
 	});
 });
-Object.keys(AreWatcher_component).forEach(function (k) {
+Object.keys(AreRouteWatcher_component).forEach(function (k) {
 	if (k !== 'default' && !Object.prototype.hasOwnProperty.call(exports, k)) Object.defineProperty(exports, k, {
 		enumerable: true,
-		get: function () { return AreWatcher_component[k]; }
+		get: function () { return AreRouteWatcher_component[k]; }
 	});
 });
 //# sourceMappingURL=index.js.map

package/dist/node/index.mjs

@@ -38,6 +38,6 @@ export * from './lib/AreDirective/AreDirective.types';
 export * from './lib/AreRoot/AreRoot.component';
 export * from './lib/AreStyle/AreStyle.context';
 export * from './lib/AreStyle/AreStyle.types';
-export * from './lib/AreWatcher/AreWatcher.component';
+export * from './lib/AreRouteWatcher/AreRouteWatcher.component';
 //# sourceMappingURL=index.mjs.map
 //# sourceMappingURL=index.mjs.map

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}

@@ -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,11 +67,11 @@ exports.AreWatcher = class AreWatcher extends aConcept.A_Component {
     }
   }
 };
-exports.AreWatcher = __decorateClass([
+exports.AreRouteWatcher = __decorateClass([
   core.A_Frame.Define({
     namespace: "a-are-html",
-    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."
+    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}

@@ -2,7 +2,7 @@ import { __decorateClass } from '../../chunk-EQQGB2QZ.mjs';
 import { A_Component } from '@adaas/a-concept';
 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,13 +58,13 @@ let AreWatcher = class extends A_Component {
     }
   }
 };
-AreWatcher = __decorateClass([
+AreRouteWatcher = __decorateClass([
   A_Frame.Define({
     namespace: "a-are-html",
-    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."
+    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}"]}

package/dist/node/signals/AreRoute.signal.js

@@ -31,7 +31,7 @@ exports.AreRoute = class AreRoute extends are.AreSignal {
 exports.AreRoute = __decorateClass([
   core.A_Frame.Define({
     namespace: "a-are-html",
-    description: "ARE signal that carries an A_Route value. Dispatched by AreWatcher on client-side navigation events (pushState, replaceState, popstate). The signal bus delivers it to all subscribed root nodes, triggering route-based conditional rendering across the component tree."
+    description: "ARE signal that carries an A_Route value. Dispatched by AreRouteWatcher on client-side navigation events (pushState, replaceState, popstate). The signal bus delivers it to all subscribed root nodes, triggering route-based conditional rendering across the component tree."
   })
 ], exports.AreRoute);
 //# sourceMappingURL=AreRoute.signal.js.map

package/dist/node/signals/AreRoute.signal.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/signals/AreRoute.signal.ts"],"names":["AreRoute","AreSignal","A_Route","A_Frame"],"mappings":";;;;;;;;;;;;;;AAWaA,gBAAA,GAAN,uBAAuBC,aAAA,CAAmB;AAAA,EAE7C,YAAY,IAAA,EAAuB;AAC/B,IAAA,KAAA,CAAM;AAAA,MACF,IAAA,EAAM,IAAIC,cAAA,CAAQ,IAAI;AAAA,KACzB,CAAA;AAAA,EACL;AAAA,EAEA,IAAI,KAAA,GAAiB;AACjB,IAAA,OAAO,IAAA,CAAK,IAAA;AAAA,EAChB;AAAA,EAEA,OAAO,OAAA,GAAgC;AACnC,IAAA,OAAO,IAAIF,gBAAA,CAAS,QAAA,CAAS,QAAA,CAAS,YAAY,GAAG,CAAA;AAAA,EACzD;AAAA,EAGA,QAAQ,KAAA,EAAmC;AACvC,IAAA,OAAO,IAAA,CAAK,MAAM,QAAA,EAAS,CAAE,KAAK,KAAA,CAAM,IAAA,CAAK,UAAU,CAAA;AAAA,EAC3D;AACJ;AApBaA,gBAAA,GAAN,eAAA,CAAA;AAAA,EAJNG,aAAQ,MAAA,CAAO;AAAA,IACZ,SAAA,EAAW,YAAA;AAAA,IACX,WAAA,EAAa;AAAA,GAChB;AAAA,CAAA,EACYH,gBAAA,CAAA","file":"AreRoute.signal.js","sourcesContent":["import { A_Route } from \"@adaas/a-utils/a-route\";\nimport { A_Signal } from \"@adaas/a-utils/a-signal\";\nimport { AreSignal } from \"@adaas/are\";\nimport { A_Frame } from \"@adaas/a-frame/core\";\n\n\n\n@A_Frame.Define({\n    namespace: 'a-are-html',\n    description: 'ARE signal that carries an A_Route value. Dispatched by AreWatcher on client-side navigation events (pushState, replaceState, popstate). The signal bus delivers it to all subscribed root nodes, triggering route-based conditional rendering across the component tree.'\n})\nexport class AreRoute extends AreSignal<A_Route> {\n\n    constructor(path: string | RegExp) {\n        super({\n            data: new A_Route(path)\n        });\n    }\n\n    get route(): A_Route {\n        return this.data;\n    }\n\n    static default(): AreRoute | undefined {\n        return new AreRoute(document.location.pathname || '/');\n    }\n\n\n    compare(other: A_Signal<A_Route>): boolean {\n        return this.route.toRegExp().test(other.data.toString());\n    }\n}"]}
+{"version":3,"sources":["../../../src/signals/AreRoute.signal.ts"],"names":["AreRoute","AreSignal","A_Route","A_Frame"],"mappings":";;;;;;;;;;;;;;AAWaA,gBAAA,GAAN,uBAAuBC,aAAA,CAAmB;AAAA,EAE7C,YAAY,IAAA,EAAuB;AAC/B,IAAA,KAAA,CAAM;AAAA,MACF,IAAA,EAAM,IAAIC,cAAA,CAAQ,IAAI;AAAA,KACzB,CAAA;AAAA,EACL;AAAA,EAEA,IAAI,KAAA,GAAiB;AACjB,IAAA,OAAO,IAAA,CAAK,IAAA;AAAA,EAChB;AAAA,EAEA,OAAO,OAAA,GAAgC;AACnC,IAAA,OAAO,IAAIF,gBAAA,CAAS,QAAA,CAAS,QAAA,CAAS,YAAY,GAAG,CAAA;AAAA,EACzD;AAAA,EAGA,QAAQ,KAAA,EAAmC;AACvC,IAAA,OAAO,IAAA,CAAK,MAAM,QAAA,EAAS,CAAE,KAAK,KAAA,CAAM,IAAA,CAAK,UAAU,CAAA;AAAA,EAC3D;AACJ;AApBaA,gBAAA,GAAN,eAAA,CAAA;AAAA,EAJNG,aAAQ,MAAA,CAAO;AAAA,IACZ,SAAA,EAAW,YAAA;AAAA,IACX,WAAA,EAAa;AAAA,GAChB;AAAA,CAAA,EACYH,gBAAA,CAAA","file":"AreRoute.signal.js","sourcesContent":["import { A_Route } from \"@adaas/a-utils/a-route\";\nimport { A_Signal } from \"@adaas/a-utils/a-signal\";\nimport { AreSignal } from \"@adaas/are\";\nimport { A_Frame } from \"@adaas/a-frame/core\";\n\n\n\n@A_Frame.Define({\n    namespace: 'a-are-html',\n    description: 'ARE signal that carries an A_Route value. Dispatched by AreRouteWatcher on client-side navigation events (pushState, replaceState, popstate). The signal bus delivers it to all subscribed root nodes, triggering route-based conditional rendering across the component tree.'\n})\nexport class AreRoute extends AreSignal<A_Route> {\n\n    constructor(path: string | RegExp) {\n        super({\n            data: new A_Route(path)\n        });\n    }\n\n    get route(): A_Route {\n        return this.data;\n    }\n\n    static default(): AreRoute | undefined {\n        return new AreRoute(document.location.pathname || '/');\n    }\n\n\n    compare(other: A_Signal<A_Route>): boolean {\n        return this.route.toRegExp().test(other.data.toString());\n    }\n}"]}

package/dist/node/signals/AreRoute.signal.mjs

@@ -22,7 +22,7 @@ let AreRoute = class extends AreSignal {
 AreRoute = __decorateClass([
   A_Frame.Define({
     namespace: "a-are-html",
-    description: "ARE signal that carries an A_Route value. Dispatched by AreWatcher on client-side navigation events (pushState, replaceState, popstate). The signal bus delivers it to all subscribed root nodes, triggering route-based conditional rendering across the component tree."
+    description: "ARE signal that carries an A_Route value. Dispatched by AreRouteWatcher on client-side navigation events (pushState, replaceState, popstate). The signal bus delivers it to all subscribed root nodes, triggering route-based conditional rendering across the component tree."
   })
 ], AreRoute);
 

package/dist/node/signals/AreRoute.signal.mjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/signals/AreRoute.signal.ts"],"names":[],"mappings":";;;;;AAWO,IAAM,QAAA,GAAN,cAAuB,SAAA,CAAmB;AAAA,EAE7C,YAAY,IAAA,EAAuB;AAC/B,IAAA,KAAA,CAAM;AAAA,MACF,IAAA,EAAM,IAAI,OAAA,CAAQ,IAAI;AAAA,KACzB,CAAA;AAAA,EACL;AAAA,EAEA,IAAI,KAAA,GAAiB;AACjB,IAAA,OAAO,IAAA,CAAK,IAAA;AAAA,EAChB;AAAA,EAEA,OAAO,OAAA,GAAgC;AACnC,IAAA,OAAO,IAAI,QAAA,CAAS,QAAA,CAAS,QAAA,CAAS,YAAY,GAAG,CAAA;AAAA,EACzD;AAAA,EAGA,QAAQ,KAAA,EAAmC;AACvC,IAAA,OAAO,IAAA,CAAK,MAAM,QAAA,EAAS,CAAE,KAAK,KAAA,CAAM,IAAA,CAAK,UAAU,CAAA;AAAA,EAC3D;AACJ;AApBa,QAAA,GAAN,eAAA,CAAA;AAAA,EAJN,QAAQ,MAAA,CAAO;AAAA,IACZ,SAAA,EAAW,YAAA;AAAA,IACX,WAAA,EAAa;AAAA,GAChB;AAAA,CAAA,EACY,QAAA,CAAA","file":"AreRoute.signal.mjs","sourcesContent":["import { A_Route } from \"@adaas/a-utils/a-route\";\nimport { A_Signal } from \"@adaas/a-utils/a-signal\";\nimport { AreSignal } from \"@adaas/are\";\nimport { A_Frame } from \"@adaas/a-frame/core\";\n\n\n\n@A_Frame.Define({\n    namespace: 'a-are-html',\n    description: 'ARE signal that carries an A_Route value. Dispatched by AreWatcher on client-side navigation events (pushState, replaceState, popstate). The signal bus delivers it to all subscribed root nodes, triggering route-based conditional rendering across the component tree.'\n})\nexport class AreRoute extends AreSignal<A_Route> {\n\n    constructor(path: string | RegExp) {\n        super({\n            data: new A_Route(path)\n        });\n    }\n\n    get route(): A_Route {\n        return this.data;\n    }\n\n    static default(): AreRoute | undefined {\n        return new AreRoute(document.location.pathname || '/');\n    }\n\n\n    compare(other: A_Signal<A_Route>): boolean {\n        return this.route.toRegExp().test(other.data.toString());\n    }\n}"]}
+{"version":3,"sources":["../../../src/signals/AreRoute.signal.ts"],"names":[],"mappings":";;;;;AAWO,IAAM,QAAA,GAAN,cAAuB,SAAA,CAAmB;AAAA,EAE7C,YAAY,IAAA,EAAuB;AAC/B,IAAA,KAAA,CAAM;AAAA,MACF,IAAA,EAAM,IAAI,OAAA,CAAQ,IAAI;AAAA,KACzB,CAAA;AAAA,EACL;AAAA,EAEA,IAAI,KAAA,GAAiB;AACjB,IAAA,OAAO,IAAA,CAAK,IAAA;AAAA,EAChB;AAAA,EAEA,OAAO,OAAA,GAAgC;AACnC,IAAA,OAAO,IAAI,QAAA,CAAS,QAAA,CAAS,QAAA,CAAS,YAAY,GAAG,CAAA;AAAA,EACzD;AAAA,EAGA,QAAQ,KAAA,EAAmC;AACvC,IAAA,OAAO,IAAA,CAAK,MAAM,QAAA,EAAS,CAAE,KAAK,KAAA,CAAM,IAAA,CAAK,UAAU,CAAA;AAAA,EAC3D;AACJ;AApBa,QAAA,GAAN,eAAA,CAAA;AAAA,EAJN,QAAQ,MAAA,CAAO;AAAA,IACZ,SAAA,EAAW,YAAA;AAAA,IACX,WAAA,EAAa;AAAA,GAChB;AAAA,CAAA,EACY,QAAA,CAAA","file":"AreRoute.signal.mjs","sourcesContent":["import { A_Route } from \"@adaas/a-utils/a-route\";\nimport { A_Signal } from \"@adaas/a-utils/a-signal\";\nimport { AreSignal } from \"@adaas/are\";\nimport { A_Frame } from \"@adaas/a-frame/core\";\n\n\n\n@A_Frame.Define({\n    namespace: 'a-are-html',\n    description: 'ARE signal that carries an A_Route value. Dispatched by AreRouteWatcher on client-side navigation events (pushState, replaceState, popstate). The signal bus delivers it to all subscribed root nodes, triggering route-based conditional rendering across the component tree.'\n})\nexport class AreRoute extends AreSignal<A_Route> {\n\n    constructor(path: string | RegExp) {\n        super({\n            data: new A_Route(path)\n        });\n    }\n\n    get route(): A_Route {\n        return this.data;\n    }\n\n    static default(): AreRoute | undefined {\n        return new AreRoute(document.location.pathname || '/');\n    }\n\n\n    compare(other: A_Signal<A_Route>): boolean {\n        return this.route.toRegExp().test(other.data.toString());\n    }\n}"]}

package/examples/dashboard/dist/mpioi5ab-8c3oa9.js

@@ -10846,7 +10846,7 @@ AreEngine = __decorateClass3([
   })
 ], AreEngine);
 var _a144;
-var AreWatcher = (_a144 = class extends v {
+var AreRouteWatcher = (_a144 = class extends v {
   /**
    * Initialize the watcher. This method is called once when the watcher is first created. Use this to set up any necessary state or start observing changes.
    */
@@ -10859,16 +10859,16 @@ var AreWatcher = (_a144 = class extends v {
   }
   destroy() {
   }
-}, __name(_a144, "AreWatcher"), _a144);
+}, __name(_a144, "AreRouteWatcher"), _a144);
 __decorateClass3([
   Ce.Stop()
-], AreWatcher.prototype, "destroy", 1);
-AreWatcher = __decorateClass3([
+], AreRouteWatcher.prototype, "destroy", 1);
+AreRouteWatcher = __decorateClass3([
   A3.Define({
     namespace: "A-ARE",
     description: "Abstract base component that observes external changes and emits A_Signals to drive reactive updates within the ARE pipeline. Subclasses override init() to set up initial state and watch() to begin observing \u2014 for example, polling a data source, listening to DOM events, or subscribing to a store \u2014 and call the appropriate signal methods to notify the engine when a re-render is needed."
   })
-], AreWatcher);
+], AreRouteWatcher);
 var _a145;
 var _a146;
 var AreContainer = (_a146 = class extends A_Service {
@@ -10907,7 +10907,7 @@ __decorateClass3([
   __decorateParam3(1, ke(AreContext)),
   __decorateParam3(2, F.All()),
   __decorateParam3(2, F.Flat()),
-  __decorateParam3(2, ke(AreWatcher)),
+  __decorateParam3(2, ke(AreRouteWatcher)),
   __decorateParam3(3, ke(A_Logger))
 ], AreContainer.prototype, _a145, 1);
 var _a147;

package/examples/jumpstart/dist/mor90p6y-0plg7g.js

@@ -8998,7 +8998,7 @@ AreEngine = __decorateClass3([
   })
 ], AreEngine);
 var _a109;
-var AreWatcher = (_a109 = class extends v {
+var AreRouteWatcher = (_a109 = class extends v {
   /**
    * Initialize the watcher. This method is called once when the watcher is first created. Use this to set up any necessary state or start observing changes.
    */
@@ -9011,17 +9011,17 @@ var AreWatcher = (_a109 = class extends v {
   }
   destroy() {
   }
-}, __name(_a109, "AreWatcher"), _a109);
+}, __name(_a109, "AreRouteWatcher"), _a109);
 __decorateClass3([
   Ce.Stop()
-], AreWatcher.prototype, "destroy", 1);
-AreWatcher = __decorateClass3([
+], AreRouteWatcher.prototype, "destroy", 1);
+AreRouteWatcher = __decorateClass3([
   c2.Component({
     namespace: "A-ARE",
-    name: "AreWatcher",
-    description: "AreWatcher is a component that observes changes and produces A_Signals Depending on the actual handlers"
+    name: "AreRouteWatcher",
+    description: "AreRouteWatcher is a component that observes changes and produces A_Signals Depending on the actual handlers"
   })
-], AreWatcher);
+], AreRouteWatcher);
 var _a110;
 var _a111;
 var AreContainer = (_a111 = class extends A_Service {
@@ -9060,7 +9060,7 @@ __decorateClass3([
   __decorateParam3(1, ke(AreContext)),
   __decorateParam3(2, F.All()),
   __decorateParam3(2, F.Flat()),
-  __decorateParam3(2, ke(AreWatcher)),
+  __decorateParam3(2, ke(AreRouteWatcher)),
   __decorateParam3(3, ke(A_Logger))
 ], AreContainer.prototype, _a110, 1);
 var _a112;

package/examples/jumpstart/dist/mor90p7p-1898bz.js

@@ -8998,7 +8998,7 @@ AreEngine = __decorateClass3([
   })
 ], AreEngine);
 var _a109;
-var AreWatcher = (_a109 = class extends v {
+var AreRouteWatcher = (_a109 = class extends v {
   /**
    * Initialize the watcher. This method is called once when the watcher is first created. Use this to set up any necessary state or start observing changes.
    */
@@ -9011,17 +9011,17 @@ var AreWatcher = (_a109 = class extends v {
   }
   destroy() {
   }
-}, __name(_a109, "AreWatcher"), _a109);
+}, __name(_a109, "AreRouteWatcher"), _a109);
 __decorateClass3([
   Ce.Stop()
-], AreWatcher.prototype, "destroy", 1);
-AreWatcher = __decorateClass3([
+], AreRouteWatcher.prototype, "destroy", 1);
+AreRouteWatcher = __decorateClass3([
   c2.Component({
     namespace: "A-ARE",
-    name: "AreWatcher",
-    description: "AreWatcher is a component that observes changes and produces A_Signals Depending on the actual handlers"
+    name: "AreRouteWatcher",
+    description: "AreRouteWatcher is a component that observes changes and produces A_Signals Depending on the actual handlers"
   })
-], AreWatcher);
+], AreRouteWatcher);
 var _a110;
 var _a111;
 var AreContainer = (_a111 = class extends A_Service {
@@ -9060,7 +9060,7 @@ __decorateClass3([
   __decorateParam3(1, ke(AreContext)),
   __decorateParam3(2, F.All()),
   __decorateParam3(2, F.Flat()),
-  __decorateParam3(2, ke(AreWatcher)),
+  __decorateParam3(2, ke(AreRouteWatcher)),
   __decorateParam3(3, ke(A_Logger))
 ], AreContainer.prototype, _a110, 1);
 var _a112;

package/jest.config.ts

@@ -29,7 +29,7 @@ const config: Config.InitialOptions = {
         "^@adaas/are/syntax/(.*)":                            "<rootDir>/node_modules/@adaas/are/dist/node/lib/AreSyntax/$1.js",
         "^@adaas/are/tokenizer/(.*)":                         "<rootDir>/node_modules/@adaas/are/dist/node/lib/AreTokenizer/$1.js",
         "^@adaas/are/transformer/(.*)":                       "<rootDir>/node_modules/@adaas/are/dist/node/lib/AreTransformer/$1.js",
-        "^@adaas/are/watcher/(.*)":                           "<rootDir>/node_modules/@adaas/are/dist/node/lib/AreWatcher/$1.js",
+        "^@adaas/are/watcher/(.*)":                           "<rootDir>/node_modules/@adaas/are/dist/node/lib/AreRouteWatcher/$1.js",
 
         // ── @adaas/are-html internal path aliases (mirrors tsconfig.json paths) ──
         // Base ARE-HTML entities

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@adaas/are-html",
-  "version": "0.0.3",
+  "version": "0.0.4",
   "description": "A-Concept Rendering Engine (ARE) is a powerful rendering engine designed to work seamlessly with the A-Concept framework. This library provides an HTML engine implementation of ARE, enabling developers to create dynamic and interactive user interfaces for web applications using standard HTML syntax.",
   "keywords": [
     "a-concept",

package/src/index.ts

@@ -75,6 +75,6 @@ export * from './lib/AreStyle/AreStyle.context';
 export * from './lib/AreStyle/AreStyle.types';
 
 // ─────────────────────────────────────────────────────────────────────────────
-// ── Lib / AreWatcher ─────────────────────────────────────────────────────────
+// ── Lib / AreRouteWatcher ─────────────────────────────────────────────────────────
 // ─────────────────────────────────────────────────────────────────────────────
-export * from './lib/AreWatcher/AreWatcher.component';
+export * from './lib/AreRouteWatcher/AreRouteWatcher.component';

package/src/lib/{AreWatcher/AreWatcher.component.ts → AreRouteWatcher/AreRouteWatcher.component.ts}

@@ -3,9 +3,9 @@ import { A_Frame } from "@adaas/a-frame/core";
 
 @A_Frame.Define({
     namespace: 'a-are-html',
-    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.'
+    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.'
 })
-export class AreWatcher extends A_Component {
+export class AreRouteWatcher extends A_Component {
 
     private readonly handlers: Set<(url: URL) => void> = new Set();
     private current: URL = new URL(window.location.href);

package/src/signals/AreRoute.signal.ts

@@ -7,7 +7,7 @@ import { A_Frame } from "@adaas/a-frame/core";
 
 @A_Frame.Define({
     namespace: 'a-are-html',
-    description: 'ARE signal that carries an A_Route value. Dispatched by AreWatcher on client-side navigation events (pushState, replaceState, popstate). The signal bus delivers it to all subscribed root nodes, triggering route-based conditional rendering across the component tree.'
+    description: 'ARE signal that carries an A_Route value. Dispatched by AreRouteWatcher on client-side navigation events (pushState, replaceState, popstate). The signal bus delivers it to all subscribed root nodes, triggering route-based conditional rendering across the component tree.'
 })
 export class AreRoute extends AreSignal<A_Route> {
 

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

@@ -1 +0,0 @@
-{"version":3,"sources":["../../../../src/lib/AreWatcher/AreWatcher.component.ts"],"names":["AreWatcher","A_Component","A_Frame"],"mappings":";;;;;;;;;;;;;AAOaA,kBAAA,GAAN,yBAAyBC,oBAAA,CAAY;AAAA,EAKxC,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,kBAAA,GAAN,eAAA,CAAA;AAAA,EAJNE,aAAQ,MAAA,CAAO;AAAA,IACZ,SAAA,EAAW,YAAA;AAAA,IACX,WAAA,EAAa;AAAA,GAChB;AAAA,CAAA,EACYF,kBAAA,CAAA","file":"AreWatcher.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: '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.'\n})\nexport class AreWatcher 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.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../../../src/lib/AreWatcher/AreWatcher.component.ts"],"names":[],"mappings":";;;;AAOO,IAAM,UAAA,GAAN,cAAyB,WAAA,CAAY;AAAA,EAKxC,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,UAAA,GAAN,eAAA,CAAA;AAAA,EAJN,QAAQ,MAAA,CAAO;AAAA,IACZ,SAAA,EAAW,YAAA;AAAA,IACX,WAAA,EAAa;AAAA,GAChB;AAAA,CAAA,EACY,UAAA,CAAA","file":"AreWatcher.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: '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.'\n})\nexport class AreWatcher 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}"]}