@ng-atomic/core 16.2.0 → 17.0.0

package/esm2022/lib/ng-atomic-component.mjs

@@ -0,0 +1,56 @@
+import { DestroyRef, Directive, ElementRef, inject } from "@angular/core";
+import { takeUntilDestroyed } from "@angular/core/rxjs-interop";
+import { InjectableComponent } from "./injectable-component";
+import { EffectMap, injectEffectEntries, injectEffectReducer } from "./effect";
+import { NgAtomicRootActionStore } from "./action-store";
+import { DebugDirective } from './debug';
+import * as i0 from "@angular/core";
+import * as i1 from "./debug/debug.directive";
+export class NgAtomicComponent extends InjectableComponent {
+    effectEntries = injectEffectEntries();
+    reducer = injectEffectReducer();
+    _effectMap;
+    root = inject(NgAtomicRootActionStore);
+    #destroyRef = inject(DestroyRef);
+    #el = inject(ElementRef);
+    constructor() {
+        super();
+        this.root.actions$.pipe(takeUntilDestroyed(this.#destroyRef)).subscribe(action => {
+            this.#effect(action, 'root');
+        });
+    }
+    async dispatch(action, scope = 'default', componentId = null) {
+        const selector = this.#el.nativeElement.tagName.toLowerCase();
+        const _action = { ...action, meta: { componentId, selector } };
+        const props = await this.reducer(_action);
+        if (props?.dispatch === false)
+            return;
+        const effect = this.#effect(_action, scope);
+        this.root.log(_action, scope);
+        if (scope === 'root' && (!effect?.props || effect?.props?.dispatch)) {
+            this.root.actions$.emit(_action);
+        }
+        else if (!effect?.props || effect?.props?.dispatch) {
+            super.dispatch(_action);
+        }
+    }
+    #effect(action, scope = 'default') {
+        const effect = (this._effectMap ?? new EffectMap()).get(action.id, scope);
+        if (effect?.key && effect?.props?.scope === scope) {
+            this[effect.key](effect.props.accessor(action));
+        }
+        return effect;
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.2.2", ngImport: i0, type: NgAtomicComponent, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "17.2.2", type: NgAtomicComponent, isStandalone: true, usesInheritance: true, hostDirectives: [{ directive: i1.DebugDirective }], ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.2", ngImport: i0, type: NgAtomicComponent, decorators: [{
+            type: Directive,
+            args: [{
+                    standalone: true,
+                    hostDirectives: [
+                        DebugDirective,
+                    ],
+                }]
+        }], ctorParameters: () => [] });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibmctYXRvbWljLWNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3BhY2thZ2VzL0BuZy1hdG9taWMvY29yZS9zcmMvbGliL25nLWF0b21pYy1jb21wb25lbnQudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFVBQVUsRUFBRSxTQUFTLEVBQUUsVUFBVSxFQUFFLE1BQU0sRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUMxRSxPQUFPLEVBQUUsa0JBQWtCLEVBQUUsTUFBTSw0QkFBNEIsQ0FBQztBQUVoRSxPQUFPLEVBQUUsbUJBQW1CLEVBQUUsTUFBTSx3QkFBd0IsQ0FBQztBQUM3RCxPQUFPLEVBQUUsU0FBUyxFQUFFLG1CQUFtQixFQUFFLG1CQUFtQixFQUFFLE1BQU0sVUFBVSxDQUFDO0FBQy9FLE9BQU8sRUFBRSx1QkFBdUIsRUFBRSxNQUFNLGdCQUFnQixDQUFDO0FBQ3pELE9BQU8sRUFBRSxjQUFjLEVBQUUsTUFBTSxTQUFTLENBQUM7OztBQVF6QyxNQUFNLE9BQU8saUJBQTJCLFNBQVEsbUJBQXNCO0lBQzFELGFBQWEsR0FBRyxtQkFBbUIsRUFBRSxDQUFDO0lBQ3RDLE9BQU8sR0FBRyxtQkFBbUIsRUFBRSxDQUFDO0lBQ2hDLFVBQVUsQ0FBWTtJQUN0QixJQUFJLEdBQUcsTUFBTSxDQUFDLHVCQUF1QixDQUFDLENBQUM7SUFDakQsV0FBVyxHQUFHLE1BQU0sQ0FBQyxVQUFVLENBQUMsQ0FBQztJQUNqQyxHQUFHLEdBQUcsTUFBTSxDQUFDLFVBQVUsQ0FBQyxDQUFDO0lBRXpCO1FBQ0UsS0FBSyxFQUFFLENBQUM7UUFDUixJQUFJLENBQUMsSUFBSSxDQUFDLFFBQVEsQ0FBQyxJQUFJLENBQUMsa0JBQWtCLENBQUMsSUFBSSxDQUFDLFdBQVcsQ0FBQyxDQUFDLENBQUMsU0FBUyxDQUFDLE1BQU0sQ0FBQyxFQUFFO1lBQy9FLElBQUksQ0FBQyxPQUFPLENBQUMsTUFBTSxFQUFFLE1BQU0sQ0FBQyxDQUFDO1FBQy9CLENBQUMsQ0FBQyxDQUFDO0lBQ0wsQ0FBQztJQUVELEtBQUssQ0FBQyxRQUFRLENBQUMsTUFBYyxFQUFFLEtBQUssR0FBRyxTQUFTLEVBQUUsY0FBc0MsSUFBSTtRQUMxRixNQUFNLFFBQVEsR0FBRyxJQUFJLENBQUMsR0FBRyxDQUFDLGFBQWEsQ0FBQyxPQUFPLENBQUMsV0FBVyxFQUFFLENBQUM7UUFDOUQsTUFBTSxPQUFPLEdBQUcsRUFBQyxHQUFHLE1BQU0sRUFBRSxJQUFJLEVBQUUsRUFBQyxXQUFXLEVBQUUsUUFBUSxFQUFDLEVBQUMsQ0FBQztRQUUzRCxNQUFNLEtBQUssR0FBRyxNQUFNLElBQUksQ0FBQyxPQUFPLENBQUMsT0FBTyxDQUFDLENBQUM7UUFDMUMsSUFBSSxLQUFLLEVBQUUsUUFBUSxLQUFLLEtBQUs7WUFBRSxPQUFPO1FBRXRDLE1BQU0sTUFBTSxHQUFHLElBQUksQ0FBQyxPQUFPLENBQUMsT0FBTyxFQUFFLEtBQUssQ0FBQyxDQUFDO1FBQzVDLElBQUksQ0FBQyxJQUFJLENBQUMsR0FBRyxDQUFDLE9BQU8sRUFBRSxLQUFLLENBQUMsQ0FBQztRQUU5QixJQUFJLEtBQUssS0FBSyxNQUFNLElBQUksQ0FBQyxDQUFDLE1BQU0sRUFBRSxLQUFLLElBQUksTUFBTSxFQUFFLEtBQUssRUFBRSxRQUFRLENBQUMsRUFBRTtZQUNuRSxJQUFJLENBQUMsSUFBSSxDQUFDLFFBQVEsQ0FBQyxJQUFJLENBQUMsT0FBTyxDQUFDLENBQUM7U0FDbEM7YUFBTSxJQUFJLENBQUMsTUFBTSxFQUFFLEtBQUssSUFBSSxNQUFNLEVBQUUsS0FBSyxFQUFFLFFBQVEsRUFBRTtZQUNwRCxLQUFLLENBQUMsUUFBUSxDQUFDLE9BQU8sQ0FBQyxDQUFDO1NBQ3pCO0lBQ0gsQ0FBQztJQUVELE9BQU8sQ0FBQyxNQUFjLEVBQUUsS0FBSyxHQUFHLFNBQVM7UUFDdkMsTUFBTSxNQUFNLEdBQUcsQ0FBQyxJQUFJLENBQUMsVUFBVSxJQUFJLElBQUksU0FBUyxFQUFFLENBQUMsQ0FBQyxHQUFHLENBQUMsTUFBTSxDQUFDLEVBQUUsRUFBRSxLQUFLLENBQUMsQ0FBQztRQUMxRSxJQUFJLE1BQU0sRUFBRSxHQUFHLElBQUksTUFBTSxFQUFFLEtBQUssRUFBRSxLQUFLLEtBQUssS0FBSyxFQUFFO1lBQ2pELElBQUksQ0FBQyxNQUFNLENBQUMsR0FBRyxDQUFDLENBQUMsTUFBTSxDQUFDLEtBQUssQ0FBQyxRQUFRLENBQUMsTUFBTSxDQUFDLENBQUMsQ0FBQztTQUNqRDtRQUNELE9BQU8sTUFBTSxDQUFDO0lBQ2hCLENBQUM7dUdBdENVLGlCQUFpQjsyRkFBakIsaUJBQWlCOzsyRkFBakIsaUJBQWlCO2tCQU43QixTQUFTO21CQUFDO29CQUNULFVBQVUsRUFBRSxJQUFJO29CQUNoQixjQUFjLEVBQUU7d0JBQ2QsY0FBYztxQkFDZjtpQkFDRiIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IERlc3Ryb3lSZWYsIERpcmVjdGl2ZSwgRWxlbWVudFJlZiwgaW5qZWN0IH0gZnJvbSBcIkBhbmd1bGFyL2NvcmVcIjtcbmltcG9ydCB7IHRha2VVbnRpbERlc3Ryb3llZCB9IGZyb20gXCJAYW5ndWxhci9jb3JlL3J4anMtaW50ZXJvcFwiO1xuaW1wb3J0IHsgQWN0aW9uIH0gZnJvbSBcIi4vYWN0aW9uXCI7XG5pbXBvcnQgeyBJbmplY3RhYmxlQ29tcG9uZW50IH0gZnJvbSBcIi4vaW5qZWN0YWJsZS1jb21wb25lbnRcIjtcbmltcG9ydCB7IEVmZmVjdE1hcCwgaW5qZWN0RWZmZWN0RW50cmllcywgaW5qZWN0RWZmZWN0UmVkdWNlciB9IGZyb20gXCIuL2VmZmVjdFwiO1xuaW1wb3J0IHsgTmdBdG9taWNSb290QWN0aW9uU3RvcmUgfSBmcm9tIFwiLi9hY3Rpb24tc3RvcmVcIjtcbmltcG9ydCB7IERlYnVnRGlyZWN0aXZlIH0gZnJvbSAnLi9kZWJ1Zyc7XG5cbkBEaXJlY3RpdmUoe1xuICBzdGFuZGFsb25lOiB0cnVlLFxuICBob3N0RGlyZWN0aXZlczogW1xuICAgIERlYnVnRGlyZWN0aXZlLFxuICBdLFxufSlcbmV4cG9ydCBjbGFzcyBOZ0F0b21pY0NvbXBvbmVudDxUID0gYW55PiBleHRlbmRzIEluamVjdGFibGVDb21wb25lbnQ8VD4ge1xuICBwcm90ZWN0ZWQgZWZmZWN0RW50cmllcyA9IGluamVjdEVmZmVjdEVudHJpZXMoKTtcbiAgcHJvdGVjdGVkIHJlZHVjZXIgPSBpbmplY3RFZmZlY3RSZWR1Y2VyKCk7XG4gIHByb3RlY3RlZCBfZWZmZWN0TWFwOiBFZmZlY3RNYXA7XG4gIHByb3RlY3RlZCByb290ID0gaW5qZWN0KE5nQXRvbWljUm9vdEFjdGlvblN0b3JlKTtcbiAgI2Rlc3Ryb3lSZWYgPSBpbmplY3QoRGVzdHJveVJlZik7XG4gICNlbCA9IGluamVjdChFbGVtZW50UmVmKTtcblxuICBjb25zdHJ1Y3RvcigpIHtcbiAgICBzdXBlcigpO1xuICAgIHRoaXMucm9vdC5hY3Rpb25zJC5waXBlKHRha2VVbnRpbERlc3Ryb3llZCh0aGlzLiNkZXN0cm95UmVmKSkuc3Vic2NyaWJlKGFjdGlvbiA9PiB7XG4gICAgICB0aGlzLiNlZmZlY3QoYWN0aW9uLCAncm9vdCcpO1xuICAgIH0pO1xuICB9XG5cbiAgYXN5bmMgZGlzcGF0Y2goYWN0aW9uOiBBY3Rpb24sIHNjb3BlID0gJ2RlZmF1bHQnLCBjb21wb25lbnRJZDogc3RyaW5nIHwgbnVtYmVyIHwgbnVsbCA9IG51bGwpIHtcbiAgICBjb25zdCBzZWxlY3RvciA9IHRoaXMuI2VsLm5hdGl2ZUVsZW1lbnQudGFnTmFtZS50b0xvd2VyQ2FzZSgpO1xuICAgIGNvbnN0IF9hY3Rpb24gPSB7Li4uYWN0aW9uLCBtZXRhOiB7Y29tcG9uZW50SWQsIHNlbGVjdG9yfX07XG5cbiAgICBjb25zdCBwcm9wcyA9IGF3YWl0IHRoaXMucmVkdWNlcihfYWN0aW9uKTtcbiAgICBpZiAocHJvcHM/LmRpc3BhdGNoID09PSBmYWxzZSkgcmV0dXJuO1xuXG4gICAgY29uc3QgZWZmZWN0ID0gdGhpcy4jZWZmZWN0KF9hY3Rpb24sIHNjb3BlKTtcbiAgICB0aGlzLnJvb3QubG9nKF9hY3Rpb24sIHNjb3BlKTtcblxuICAgIGlmIChzY29wZSA9PT0gJ3Jvb3QnICYmICghZWZmZWN0Py5wcm9wcyB8fCBlZmZlY3Q/LnByb3BzPy5kaXNwYXRjaCkpIHtcbiAgICAgIHRoaXMucm9vdC5hY3Rpb25zJC5lbWl0KF9hY3Rpb24pO1xuICAgIH0gZWxzZSBpZiAoIWVmZmVjdD8ucHJvcHMgfHwgZWZmZWN0Py5wcm9wcz8uZGlzcGF0Y2gpIHtcbiAgICAgIHN1cGVyLmRpc3BhdGNoKF9hY3Rpb24pO1xuICAgIH1cbiAgfVxuXG4gICNlZmZlY3QoYWN0aW9uOiBBY3Rpb24sIHNjb3BlID0gJ2RlZmF1bHQnKSB7XG4gICAgY29uc3QgZWZmZWN0ID0gKHRoaXMuX2VmZmVjdE1hcCA/PyBuZXcgRWZmZWN0TWFwKCkpLmdldChhY3Rpb24uaWQsIHNjb3BlKTtcbiAgICBpZiAoZWZmZWN0Py5rZXkgJiYgZWZmZWN0Py5wcm9wcz8uc2NvcGUgPT09IHNjb3BlKSB7XG4gICAgICB0aGlzW2VmZmVjdC5rZXldKGVmZmVjdC5wcm9wcy5hY2Nlc3NvcihhY3Rpb24pKTtcbiAgICB9XG4gICAgcmV0dXJuIGVmZmVjdDtcbiAgfVxufVxuIl19

package/esm2022/lib/ng-atomic-debug.mjs

@@ -0,0 +1,6 @@
+import { InjectionToken } from "@angular/core";
+export const NG_ATOMIC_DEBUG = new InjectionToken('NG_ATOMIC_DEBUG');
+export function withNgAtomicDebug() {
+    return { provide: NG_ATOMIC_DEBUG, useValue: true };
+}
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibmctYXRvbWljLWRlYnVnLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vcGFja2FnZXMvQG5nLWF0b21pYy9jb3JlL3NyYy9saWIvbmctYXRvbWljLWRlYnVnLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxjQUFjLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFFL0MsTUFBTSxDQUFDLE1BQU0sZUFBZSxHQUFHLElBQUksY0FBYyxDQUFVLGlCQUFpQixDQUFDLENBQUM7QUFDOUUsTUFBTSxVQUFVLGlCQUFpQjtJQUMvQixPQUFPLEVBQUMsT0FBTyxFQUFFLGVBQWUsRUFBRSxRQUFRLEVBQUUsSUFBSSxFQUFDLENBQUM7QUFDcEQsQ0FBQyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IEluamVjdGlvblRva2VuIH0gZnJvbSBcIkBhbmd1bGFyL2NvcmVcIjtcblxuZXhwb3J0IGNvbnN0IE5HX0FUT01JQ19ERUJVRyA9IG5ldyBJbmplY3Rpb25Ub2tlbjxib29sZWFuPignTkdfQVRPTUlDX0RFQlVHJyk7XG5leHBvcnQgZnVuY3Rpb24gd2l0aE5nQXRvbWljRGVidWcoKSB7XG4gIHJldHVybiB7cHJvdmlkZTogTkdfQVRPTUlDX0RFQlVHLCB1c2VWYWx1ZTogdHJ1ZX07XG59XG4iXX0=

package/esm2022/lib/signals.mjs

@@ -0,0 +1,60 @@
+import { Pipe, computed, isSignal } from "@angular/core";
+import * as i0 from "@angular/core";
+function call(valueOrSignal) {
+    return isSignal(valueOrSignal) ? call(valueOrSignal()) : valueOrSignal;
+}
+export function proxyFakeComputedInputValueFn(inputValueFn) {
+    return new Proxy(inputValueFn, {
+        apply: function (target, _, args) {
+            return computeFake(target(...args));
+        }
+    });
+}
+export function computeFake(valueOrFakeComputed) {
+    return isFakeComputed(valueOrFakeComputed) ? valueOrFakeComputed() : valueOrFakeComputed;
+}
+export function proxyFakeComputedInputs(target, inputs) {
+    inputs.filter(input => isSignal(target[input])).forEach(input => {
+        target[input] = proxyFakeComputedInputValueFn(target[input]);
+    });
+}
+export const FAKE_COMPUTED = /* @__PURE__ */ Symbol('FAKE_COMPUTED');
+export function compute(target, propName) {
+    let inputValueFn;
+    Object.defineProperty(target, propName, {
+        get() {
+            return new Proxy(inputValueFn, {
+                apply: function (target, _, args) {
+                    const valueOrSignal = target(...args);
+                    return isSignal(valueOrSignal) ? valueOrSignal() : valueOrSignal;
+                }
+            });
+        },
+        set(value) {
+            inputValueFn = value;
+        },
+    });
+}
+export function fakeComputed(computation, options) {
+    const _computed = computed(computation, options);
+    _computed[FAKE_COMPUTED] = true;
+    return _computed;
+}
+export function _computed(computation, options) {
+    return fakeComputed(computation, options);
+}
+export function isFakeComputed(_computed) {
+    return !!_computed?.[FAKE_COMPUTED];
+}
+export class CallPipe {
+    transform(value) {
+        return call(value);
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.2.2", ngImport: i0, type: CallPipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe });
+    static ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "17.2.2", ngImport: i0, type: CallPipe, isStandalone: true, name: "call" });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.2", ngImport: i0, type: CallPipe, decorators: [{
+            type: Pipe,
+            args: [{ name: 'call', standalone: true, pure: true }]
+        }] });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic2lnbmFscy5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3BhY2thZ2VzL0BuZy1hdG9taWMvY29yZS9zcmMvbGliL3NpZ25hbHMudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUF5QixJQUFJLEVBQVUsUUFBUSxFQUFFLFFBQVEsRUFBaUIsTUFBTSxlQUFlLENBQUM7O0FBRXZHLFNBQVMsSUFBSSxDQUFJLGFBQTRCO0lBQzNDLE9BQU8sUUFBUSxDQUFDLGFBQWEsQ0FBQyxDQUFDLENBQUMsQ0FBQyxJQUFJLENBQUMsYUFBYSxFQUFFLENBQUMsQ0FBQyxDQUFDLENBQUMsYUFBYSxDQUFDO0FBQ3pFLENBQUM7QUFFRCxNQUFNLFVBQVUsNkJBQTZCLENBQUMsWUFBaUI7SUFDN0QsT0FBTyxJQUFJLEtBQUssQ0FBQyxZQUFZLEVBQUU7UUFDN0IsS0FBSyxFQUFFLFVBQVUsTUFBTSxFQUFFLENBQUMsRUFBRSxJQUFJO1lBQzlCLE9BQU8sV0FBVyxDQUFDLE1BQU0sQ0FBQyxHQUFHLElBQUksQ0FBQyxDQUFDLENBQUM7UUFDdEMsQ0FBQztLQUNGLENBQUMsQ0FBQztBQUNMLENBQUM7QUFFRCxNQUFNLFVBQVUsV0FBVyxDQUFDLG1CQUF3QjtJQUNsRCxPQUFPLGNBQWMsQ0FBQyxtQkFBbUIsQ0FBQyxDQUFDLENBQUMsQ0FBQyxtQkFBbUIsRUFBRSxDQUFDLENBQUMsQ0FBQyxtQkFBbUIsQ0FBQztBQUMzRixDQUFDO0FBRUQsTUFBTSxVQUFVLHVCQUF1QixDQUFDLE1BQVcsRUFBRSxNQUFnQjtJQUNuRSxNQUFNLENBQUMsTUFBTSxDQUFDLEtBQUssQ0FBQyxFQUFFLENBQUMsUUFBUSxDQUFDLE1BQU0sQ0FBQyxLQUFLLENBQUMsQ0FBQyxDQUFDLENBQUMsT0FBTyxDQUFDLEtBQUssQ0FBQyxFQUFFO1FBQzlELE1BQU0sQ0FBQyxLQUFLLENBQUMsR0FBRyw2QkFBNkIsQ0FBQyxNQUFNLENBQUMsS0FBSyxDQUFDLENBQUMsQ0FBQztJQUMvRCxDQUFDLENBQUMsQ0FBQztBQUNMLENBQUM7QUFFRCxNQUFNLENBQUMsTUFBTSxhQUFhLEdBQUcsZUFBZSxDQUFDLE1BQU0sQ0FBQyxlQUFlLENBQUMsQ0FBQztBQUVyRSxNQUFNLFVBQVUsT0FBTyxDQUFDLE1BQVcsRUFBRSxRQUFnQjtJQUNuRCxJQUFJLFlBQWlCLENBQUM7SUFDdEIsTUFBTSxDQUFDLGNBQWMsQ0FBQyxNQUFNLEVBQUUsUUFBUSxFQUFFO1FBQ3RDLEdBQUc7WUFDRCxPQUFPLElBQUksS0FBSyxDQUFDLFlBQVksRUFBRTtnQkFDN0IsS0FBSyxFQUFFLFVBQVUsTUFBTSxFQUFFLENBQUMsRUFBRSxJQUFJO29CQUM5QixNQUFNLGFBQWEsR0FBUSxNQUFNLENBQUMsR0FBRyxJQUFJLENBQUMsQ0FBQztvQkFDM0MsT0FBTyxRQUFRLENBQUMsYUFBYSxDQUFDLENBQUMsQ0FBQyxDQUFDLGFBQWEsRUFBRSxDQUFDLENBQUMsQ0FBQyxhQUFhLENBQUM7Z0JBQ25FLENBQUM7YUFDRixDQUFDLENBQUM7UUFDTCxDQUFDO1FBQ0QsR0FBRyxDQUFDLEtBQUs7WUFDUCxZQUFZLEdBQUcsS0FBSyxDQUFDO1FBQ3ZCLENBQUM7S0FDRixDQUFDLENBQUM7QUFDTCxDQUFDO0FBRUQsTUFBTSxVQUFVLFlBQVksQ0FBSSxXQUFvQixFQUFFLE9BQWtDO0lBQ3RGLE1BQU0sU0FBUyxHQUFHLFFBQVEsQ0FBQyxXQUFXLEVBQUUsT0FBTyxDQUFlLENBQUM7SUFDL0QsU0FBUyxDQUFDLGFBQWEsQ0FBQyxHQUFHLElBQUksQ0FBQztJQUNoQyxPQUFPLFNBQVMsQ0FBQztBQUNuQixDQUFDO0FBRUQsTUFBTSxVQUFVLFNBQVMsQ0FBSSxXQUFvQixFQUFFLE9BQWtDO0lBQ25GLE9BQU8sWUFBWSxDQUFDLFdBQVcsRUFBRSxPQUFPLENBQUMsQ0FBQztBQUM1QyxDQUFDO0FBRUQsTUFBTSxVQUFVLGNBQWMsQ0FBQyxTQUFjO0lBQzNDLE9BQU8sQ0FBQyxDQUFDLFNBQVMsRUFBRSxDQUFDLGFBQWEsQ0FBQyxDQUFDO0FBQ3RDLENBQUM7QUFHRCxNQUFNLE9BQU8sUUFBUTtJQUNuQixTQUFTLENBQUksS0FBb0I7UUFDL0IsT0FBTyxJQUFJLENBQUMsS0FBSyxDQUFDLENBQUM7SUFDckIsQ0FBQzt1R0FIVSxRQUFRO3FHQUFSLFFBQVE7OzJGQUFSLFFBQVE7a0JBRHBCLElBQUk7bUJBQUMsRUFBRSxJQUFJLEVBQUUsTUFBTSxFQUFFLFVBQVUsRUFBRSxJQUFJLEVBQUUsSUFBSSxFQUFFLElBQUksRUFBQyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENyZWF0ZUNvbXB1dGVkT3B0aW9ucywgUGlwZSwgU2lnbmFsLCBjb21wdXRlZCwgaXNTaWduYWwsIFBpcGVUcmFuc2Zvcm0gfSBmcm9tIFwiQGFuZ3VsYXIvY29yZVwiO1xuXG5mdW5jdGlvbiBjYWxsPFQ+KHZhbHVlT3JTaWduYWw6IFNpZ25hbDxUPiB8IFQpOiBUIHtcbiAgcmV0dXJuIGlzU2lnbmFsKHZhbHVlT3JTaWduYWwpID8gY2FsbCh2YWx1ZU9yU2lnbmFsKCkpIDogdmFsdWVPclNpZ25hbDtcbn1cblxuZXhwb3J0IGZ1bmN0aW9uIHByb3h5RmFrZUNvbXB1dGVkSW5wdXRWYWx1ZUZuKGlucHV0VmFsdWVGbjogYW55KSB7XG4gIHJldHVybiBuZXcgUHJveHkoaW5wdXRWYWx1ZUZuLCB7XG4gICAgYXBwbHk6IGZ1bmN0aW9uICh0YXJnZXQsIF8sIGFyZ3MpIHtcbiAgICAgIHJldHVybiBjb21wdXRlRmFrZSh0YXJnZXQoLi4uYXJncykpO1xuICAgIH1cbiAgfSk7XG59XG5cbmV4cG9ydCBmdW5jdGlvbiBjb21wdXRlRmFrZSh2YWx1ZU9yRmFrZUNvbXB1dGVkOiBhbnkpIHtcbiAgcmV0dXJuIGlzRmFrZUNvbXB1dGVkKHZhbHVlT3JGYWtlQ29tcHV0ZWQpID8gdmFsdWVPckZha2VDb21wdXRlZCgpIDogdmFsdWVPckZha2VDb21wdXRlZDtcbn1cblxuZXhwb3J0IGZ1bmN0aW9uIHByb3h5RmFrZUNvbXB1dGVkSW5wdXRzKHRhcmdldDogYW55LCBpbnB1dHM6IHN0cmluZ1tdKSB7XG4gIGlucHV0cy5maWx0ZXIoaW5wdXQgPT4gaXNTaWduYWwodGFyZ2V0W2lucHV0XSkpLmZvckVhY2goaW5wdXQgPT4ge1xuICAgIHRhcmdldFtpbnB1dF0gPSBwcm94eUZha2VDb21wdXRlZElucHV0VmFsdWVGbih0YXJnZXRbaW5wdXRdKTtcbiAgfSk7XG59XG5cbmV4cG9ydCBjb25zdCBGQUtFX0NPTVBVVEVEID0gLyogQF9fUFVSRV9fICovIFN5bWJvbCgnRkFLRV9DT01QVVRFRCcpO1xuXG5leHBvcnQgZnVuY3Rpb24gY29tcHV0ZSh0YXJnZXQ6IGFueSwgcHJvcE5hbWU6IHN0cmluZykge1xuICBsZXQgaW5wdXRWYWx1ZUZuOiBhbnk7XG4gIE9iamVjdC5kZWZpbmVQcm9wZXJ0eSh0YXJnZXQsIHByb3BOYW1lLCB7XG4gICAgZ2V0KCkge1xuICAgICAgcmV0dXJuIG5ldyBQcm94eShpbnB1dFZhbHVlRm4sIHtcbiAgICAgICAgYXBwbHk6IGZ1bmN0aW9uICh0YXJnZXQsIF8sIGFyZ3MpIHtcbiAgICAgICAgICBjb25zdCB2YWx1ZU9yU2lnbmFsOiBhbnkgPSB0YXJnZXQoLi4uYXJncyk7XG4gICAgICAgICAgcmV0dXJuIGlzU2lnbmFsKHZhbHVlT3JTaWduYWwpID8gdmFsdWVPclNpZ25hbCgpIDogdmFsdWVPclNpZ25hbDtcbiAgICAgICAgfVxuICAgICAgfSk7XG4gICAgfSxcbiAgICBzZXQodmFsdWUpIHtcbiAgICAgIGlucHV0VmFsdWVGbiA9IHZhbHVlO1xuICAgIH0sXG4gIH0pO1xufVxuXG5leHBvcnQgZnVuY3Rpb24gZmFrZUNvbXB1dGVkPFQ+KGNvbXB1dGF0aW9uOiAoKSA9PiBULCBvcHRpb25zPzogQ3JlYXRlQ29tcHV0ZWRPcHRpb25zPFQ+KTogVCB7XG4gIGNvbnN0IF9jb21wdXRlZCA9IGNvbXB1dGVkKGNvbXB1dGF0aW9uLCBvcHRpb25zKSBhcyBuZXZlciBhcyBUO1xuICBfY29tcHV0ZWRbRkFLRV9DT01QVVRFRF0gPSB0cnVlO1xuICByZXR1cm4gX2NvbXB1dGVkO1xufVxuXG5leHBvcnQgZnVuY3Rpb24gX2NvbXB1dGVkPFQ+KGNvbXB1dGF0aW9uOiAoKSA9PiBULCBvcHRpb25zPzogQ3JlYXRlQ29tcHV0ZWRPcHRpb25zPFQ+KTogVCB7XG4gIHJldHVybiBmYWtlQ29tcHV0ZWQoY29tcHV0YXRpb24sIG9wdGlvbnMpO1xufVxuXG5leHBvcnQgZnVuY3Rpb24gaXNGYWtlQ29tcHV0ZWQoX2NvbXB1dGVkOiBhbnkpOiBfY29tcHV0ZWQgaXMgUmV0dXJuVHlwZTx0eXBlb2YgY29tcHV0ZWQ+IHtcbiAgcmV0dXJuICEhX2NvbXB1dGVkPy5bRkFLRV9DT01QVVRFRF07XG59XG5cbkBQaXBlKHsgbmFtZTogJ2NhbGwnLCBzdGFuZGFsb25lOiB0cnVlLCBwdXJlOiB0cnVlfSlcbmV4cG9ydCBjbGFzcyBDYWxsUGlwZSBpbXBsZW1lbnRzIFBpcGVUcmFuc2Zvcm0ge1xuICB0cmFuc2Zvcm08VD4odmFsdWU6IFNpZ25hbDxUPiB8IFQpOiBUIHtcbiAgICByZXR1cm4gY2FsbCh2YWx1ZSk7XG4gIH1cbn1cbiJdfQ==

package/fesm2022/ng-atomic-core.mjs

@@ -1,10 +1,11 @@
 import * as i0 from '@angular/core';
-import { EventEmitter, Injectable, inject, ViewContainerRef, Injector, DestroyRef, ElementRef, reflectComponentType, Directive, Input, Output } from '@angular/core';
+import { EventEmitter, Injectable, InjectionToken, runInInjectionContext, Injector, inject, isSignal, computed, Pipe, PLATFORM_ID, ViewContainerRef, DestroyRef, ElementRef, input, ɵoutput as _output, reflectComponentType, Directive } from '@angular/core';
 import { takeUntilDestroyed } from '@angular/core/rxjs-interop';
+import { isPlatformBrowser } from '@angular/common';
 
 class NgAtomicRootActionStore {
+    actions$ = new EventEmitter();
     constructor() {
-        this.actions$ = new EventEmitter();
         this.actions$.subscribe(action => this.log(action, 'root'));
     }
     dispatch(action) {
@@ -13,13 +14,13 @@ class NgAtomicRootActionStore {
     log(action, scope = 'default') {
         console.debug(action, scope);
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: NgAtomicRootActionStore, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: NgAtomicRootActionStore, providedIn: 'root' }); }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.2.2", ngImport: i0, type: NgAtomicRootActionStore, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "17.2.2", ngImport: i0, type: NgAtomicRootActionStore, providedIn: 'root' });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: NgAtomicRootActionStore, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.2", ngImport: i0, type: NgAtomicRootActionStore, decorators: [{
             type: Injectable,
             args: [{ providedIn: 'root' }]
-        }], ctorParameters: function () { return []; } });
+        }], ctorParameters: () => [] });
 
 function resolveActions(actions, ...args) {
     if (typeof actions === 'function') {
@@ -27,6 +28,9 @@ function resolveActions(actions, ...args) {
     }
     return actions;
 }
+function wrapActions(actions) {
+    return typeof actions === 'function' ? actions : () => actions;
+}
 
 class EffectMap extends Map {
     get(key, scope = 'default') {
@@ -48,7 +52,129 @@ function Effect(id, { dispatch = false, scope = 'default', accessor = (action) =
         target['_effectMap'].set(id, { key: propertyKey, props: { dispatch, scope, accessor } });
     };
 }
+const EFFECT_ENTRY = new InjectionToken('EFFECT_ENTRY');
+function provideEffect(ActionIds, _effectFactory, options = { dispatch: false }) {
+    return {
+        provide: EFFECT_ENTRY,
+        useFactory: (injector) => {
+            const effectFactory = (hostInjector) => {
+                return runInInjectionContext(hostInjector, () => _effectFactory(injector));
+            };
+            return { actionIds: ActionIds, effectFactory, options };
+        },
+        multi: true,
+        deps: [Injector]
+    };
+}
+function injectEffectEntries() {
+    return inject(EFFECT_ENTRY, { optional: true }) ?? [];
+}
+function buildEffectEntryMap(injector, effectEntries) {
+    const effectEntryMap = new Map();
+    for (const entry of effectEntries) {
+        const ids = Array.isArray(entry.actionIds) ? entry.actionIds : [entry.actionIds];
+        for (const id of ids) {
+            const effect = () => entry.effectFactory(injector);
+            effectEntryMap.set(id, { effect, options: entry.options });
+        }
+    }
+    return effectEntryMap;
+}
+class EffectReducer {
+    injector = inject(Injector);
+    effectEntries = injectEffectEntries();
+    effectEntryMap = buildEffectEntryMap(this.injector, this.effectEntries);
+    async reduce(action) {
+        const entry = this.effectEntryMap.get(action.id);
+        if (entry) {
+            await runInInjectionContext(this.injector, () => {
+                return entry?.effect()(action.payload, { injector: this.injector });
+            });
+            return this.effectEntryMap.get(action.id)?.options ?? { dispatch: false };
+        }
+        return { dispatch: true };
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.2.2", ngImport: i0, type: EffectReducer, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "17.2.2", ngImport: i0, type: EffectReducer });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.2", ngImport: i0, type: EffectReducer, decorators: [{
+            type: Injectable
+        }] });
+function injectEffectReducer() {
+    const injector = inject(Injector);
+    const effectEntries = injectEffectEntries();
+    const effectEntryMap = buildEffectEntryMap(injector, effectEntries);
+    return async (action) => {
+        const entry = effectEntryMap.get(action.id);
+        if (entry) {
+            await runInInjectionContext(injector, () => {
+                return entry?.effect()(action.payload, { injector: injector });
+            });
+            return effectEntryMap.get(action.id)?.options ?? { dispatch: false };
+        }
+        return { dispatch: true };
+    };
+}
+
+function call(valueOrSignal) {
+    return isSignal(valueOrSignal) ? call(valueOrSignal()) : valueOrSignal;
+}
+function proxyFakeComputedInputValueFn(inputValueFn) {
+    return new Proxy(inputValueFn, {
+        apply: function (target, _, args) {
+            return computeFake(target(...args));
+        }
+    });
+}
+function computeFake(valueOrFakeComputed) {
+    return isFakeComputed(valueOrFakeComputed) ? valueOrFakeComputed() : valueOrFakeComputed;
+}
+function proxyFakeComputedInputs(target, inputs) {
+    inputs.filter(input => isSignal(target[input])).forEach(input => {
+        target[input] = proxyFakeComputedInputValueFn(target[input]);
+    });
+}
+const FAKE_COMPUTED = /* @__PURE__ */ Symbol('FAKE_COMPUTED');
+function compute(target, propName) {
+    let inputValueFn;
+    Object.defineProperty(target, propName, {
+        get() {
+            return new Proxy(inputValueFn, {
+                apply: function (target, _, args) {
+                    const valueOrSignal = target(...args);
+                    return isSignal(valueOrSignal) ? valueOrSignal() : valueOrSignal;
+                }
+            });
+        },
+        set(value) {
+            inputValueFn = value;
+        },
+    });
+}
+function fakeComputed(computation, options) {
+    const _computed = computed(computation, options);
+    _computed[FAKE_COMPUTED] = true;
+    return _computed;
+}
+function _computed(computation, options) {
+    return fakeComputed(computation, options);
+}
+function isFakeComputed(_computed) {
+    return !!_computed?.[FAKE_COMPUTED];
+}
+class CallPipe {
+    transform(value) {
+        return call(value);
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.2.2", ngImport: i0, type: CallPipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe });
+    static ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "17.2.2", ngImport: i0, type: CallPipe, isStandalone: true, name: "call" });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.2", ngImport: i0, type: CallPipe, decorators: [{
+            type: Pipe,
+            args: [{ name: 'call', standalone: true, pure: true }]
+        }] });
 
+const TOKEN = 'Δtkn';
 function provideComponent(abstract, typeOrFactory) {
     async function loadComponentType() {
         if (typeof typeOrFactory === 'function' && !typeOrFactory.prototype) {
@@ -59,7 +185,15 @@ function provideComponent(abstract, typeOrFactory) {
         }
     }
     ;
-    return { provide: abstract['TOKEN'], useValue: loadComponentType };
+    return { provide: abstract[TOKEN], useValue: loadComponentType };
+}
+function TokenizedType() {
+    return function (type) {
+        type[TOKEN] = new InjectionToken(type.name);
+    };
+}
+function getToken(type) {
+    return type[TOKEN];
 }
 var HostType;
 (function (HostType) {
@@ -71,11 +205,12 @@ function getMeta(type) {
 }
 function getInputs(type) {
     return Object.entries(getMeta(type)['inputs'])
-        .map(([propName, templateName]) => ({ propName, templateName }));
+        .map(([templateName, [propName]]) => ({ propName, templateName }));
 }
 function getOutputs(type) {
-    return Object.entries(getMeta(type)['outputs'])
-        .map(([propName, templateName]) => ({ propName, templateName }));
+    const meta = getMeta(type);
+    return Object.entries(meta['outputs'])
+        .map(([templateName, propName]) => ({ propName, templateName }));
 }
 function getInputsByComponentRef(cmp) {
     return getInputs(cmp.instance.constructor);
@@ -84,77 +219,94 @@ function getOutputsByInstance(cmp) {
     return getOutputs(cmp.instance.constructor);
 }
 class InjectableComponent {
-    constructor() {
-        this.#outlet = inject(ViewContainerRef);
-        this.#injector = inject(Injector);
-        this.#destroy$ = inject(DestroyRef);
-        this.#el = inject(ElementRef);
-        this.#component = null;
-        this.#componentMirror = null;
-        this.injectable = false;
-        this.action = new EventEmitter();
-    }
-    #outlet;
-    #injector;
-    #destroy$;
-    #el;
-    #component;
-    #componentMirror;
+    #platformId = inject(PLATFORM_ID);
+    #viewContainerRef = inject(ViewContainerRef);
+    #injector = inject(Injector);
+    #destroyRef = inject(DestroyRef);
+    #el = inject(ElementRef);
+    #component = null;
+    #componentMirror = null;
+    injectable = input(false, { transform: (value) => value === '' ? true : value, alias: 'injectable' });
+    __action = _output({ alias: 'action' });
+    dispatch(action) {
+        this.__action.emit(action);
+    }
+    get #inputs() {
+        const abs = getInputs(this.constructor);
+        return abs;
+    }
+    get #outputs() {
+        const abs = getOutputs(this.constructor);
+        return abs;
+        // const impl = this.#componentMirror!.outputs;
+        // return abs.filter(abstractOutput => impl.some(implOutput => implOutput.templateName === abstractOutput.templateName));
+    }
     #setAttribute() {
         const hostElement = this.#component.hostView.rootNodes[0];
         const attributes = this.#el.nativeElement.attributes;
         for (let i = 0; i < attributes.length; i++) {
             const attr = attributes.item(i);
-            if (attr.name.startsWith('_ngcontent')) {
+            if (attr.name === 'injectable') {
+                hostElement.setAttribute('injected', '');
+            }
+            else {
                 hostElement.setAttribute(attr.name, attr.value);
             }
         }
     }
     #bindInputs() {
-        // for (const input of this.#componentMirror!.inputs) {
-        //   if (input.propName === 'injectable') return;
-        //   this.#component!.setInput(input.propName, (this as any)[input.propName]);
-        // }
-        for (const input of getInputs(this.constructor)) {
+        for (const input of this.#inputs) {
             if (input.propName === 'injectable')
-                return;
-            this.#component.setInput(input.propName, this[input.propName]);
+                continue;
+            const valueOrInputValueFn = this[input.propName];
+            const value = typeof valueOrInputValueFn === 'function' ? valueOrInputValueFn() : valueOrInputValueFn;
+            this.#component.setInput(input.templateName, value);
         }
     }
+    get propNames() {
+        return this.#inputs.map(input => input.propName);
+    }
+    proxyFakeComputedInputs() {
+        proxyFakeComputedInputs(this, this.propNames);
+    }
     #bindOutputs() {
-        // for (const output of this.#componentMirror!.outputs) {
-        //   (this.#component!.instance as any)[output.templateName].pipe(
-        //     takeUntilDestroyed(this.#destroy$)
-        //   ).subscribe((value: any) => (this as any)[output.templateName].emit(value));
-        // }
-        for (const output of getOutputs(this.constructor)) {
-            this.#component.instance[output.templateName]?.pipe(takeUntilDestroyed(this.#destroy$)).subscribe((value) => {
-                console.debug('output=>>', output.templateName, value);
-                this[output.templateName].emit(value);
+        for (const output of this.#outputs) {
+            this.#component.instance[output.propName]?.pipe(takeUntilDestroyed(this.#destroyRef)).subscribe((value) => this[output.propName].emit(value));
+        }
+    }
+    #bindEvents() {
+        for (const name of ['click']) {
+            this.#component.injector.get(ElementRef).nativeElement.addEventListener(name, (event) => {
+                this.#el.nativeElement.dispatchEvent(new Event(name, {}));
             });
         }
     }
+    constructor() {
+        this.proxyFakeComputedInputs();
+    }
     ngOnInit() {
-        if (this.injectable) {
-            this.#injector.get(this.constructor['TOKEN'])().then(type => {
-                this.#component = this.#outlet.createComponent(type);
+        if (this.injectable() && isPlatformBrowser(this.#platformId)) {
+            this.#injector.get(getToken(this.constructor))().then(type => {
+                this.#component = this.#viewContainerRef.createComponent(type, {
+                    projectableNodes: [
+                        Array.from(this.#el.nativeElement.childNodes)
+                    ],
+                });
                 this.#componentMirror = reflectComponentType(type);
                 this.#bindInputs();
                 this.#bindOutputs();
+                this.#bindEvents();
                 this.#setAttribute();
+                // this.#viewContainerRef.remove(0);
+                this.#component.changeDetectorRef.detectChanges();
+                // this.#el.nativeElement.remove();
             });
         }
+        this.proxyFakeComputedInputs();
     }
     ngOnChanges(simpleChanges) {
-        if (this.injectable && this.#componentMirror) {
-            // for (const input of this.#componentMirror.inputs) {
-            //   if (input.propName === 'injectable') return;
-            //   const change = simpleChanges[input.propName] as SimpleChange;
-            //   if (change) {
-            //     this.#component!.setInput(input.propName, change.currentValue);
-            //   }
-            // }
-            for (const input of getInputs(this.constructor)) {
+        if (this.injectable() && this.#componentMirror) {
+            for (const input of this.#inputs) {
                 if (input.propName === 'injectable')
                     return;
                 const change = simpleChanges[input.propName];
@@ -164,66 +316,131 @@ class InjectableComponent {
             }
         }
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: InjectableComponent, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "16.1.0", version: "16.2.12", type: InjectableComponent, isStandalone: true, inputs: { injectable: ["injectable", "injectable", (value) => value === '' ? true : value] }, outputs: { action: "action" }, usesOnChanges: true, ngImport: i0 }); }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.2.2", ngImport: i0, type: InjectableComponent, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "17.2.2", type: InjectableComponent, isStandalone: true, inputs: { injectable: { classPropertyName: "injectable", publicName: "injectable", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { __action: "action" }, usesOnChanges: true, ngImport: i0 });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: InjectableComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.2", ngImport: i0, type: InjectableComponent, decorators: [{
             type: Directive,
-            args: [{ standalone: true }]
-        }], propDecorators: { injectable: [{
-                type: Input,
-                args: [{ transform: (value) => value === '' ? true : value }]
-            }], action: [{
-                type: Output
-            }] } });
+            args: [{
+                    standalone: true,
+                    // host: {ngSkipHydration: 'true'}
+                }]
+        }], ctorParameters: () => [] });
 
-class NgAtomicComponentStore {
-    constructor() {
-        this.action = new EventEmitter();
+const NG_ATOMIC_DEBUG = new InjectionToken('NG_ATOMIC_DEBUG');
+function withNgAtomicDebug() {
+    return { provide: NG_ATOMIC_DEBUG, useValue: true };
+}
+
+const DEBUG_CONFIG = {
+    outline: '1px',
+    colors: {
+        'templates': '#f00',
+        'organisms': '#0f0',
+        'molecules': '#00f',
+        'atoms': '#ff0',
+        'frames': 'transparent',
+        'default': '#000',
+    },
+    excludes: ['frames', 'app', 'pages', 'atoms'],
+};
+class DebugDirective {
+    el = inject(ElementRef);
+    platformId = inject(PLATFORM_ID);
+    isDebug = inject(NG_ATOMIC_DEBUG, { optional: true }) ?? false;
+    ngOnInit() {
+        if (isPlatformBrowser(this.platformId) && this.isDebug) {
+            const name = this.el.nativeElement.tagName.toLowerCase();
+            const type = name.split('-')[0];
+            if (DEBUG_CONFIG.excludes.includes(type))
+                return;
+            const color = DEBUG_CONFIG.colors?.[type] ?? DEBUG_CONFIG.colors.default;
+            // 1pxのアウトラインを設定
+            this.el.nativeElement.style.outline = `${DEBUG_CONFIG.outline} solid ${color}`;
+            // 疑似要素でコンポーネント名を表示
+            const labelEl = this.createLabelElement({
+                name: `${name}${this.el.nativeElement.hasAttribute('injected') ? '[injected]' : ''}`,
+                color
+            });
+            this.el.nativeElement.style.outlineOffset = '-1px';
+            this.el.nativeElement.style.position = 'relative';
+            this.el.nativeElement.appendChild(labelEl);
+        }
+    }
+    createLabelElement(options) {
+        const content = document.createElement('span');
+        content.textContent = options.name;
+        content.style.backgroundColor = `${options.color}`;
+        content.style.color = '#fff';
+        content.style.padding = '2px 4px';
+        content.style.position = 'absolute';
+        content.style.fontSize = '10px';
+        content.style.top = '0';
+        content.style.left = '0';
+        content.style.zIndex = '9999';
+        content.style.lineHeight = '1.5em';
+        content.style.whiteSpace = 'nowrap';
+        return content;
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: NgAtomicComponentStore, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "16.2.12", type: NgAtomicComponentStore, isStandalone: true, ngImport: i0 }); }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.2.2", ngImport: i0, type: DebugDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "17.2.2", type: DebugDirective, isStandalone: true, selector: "debug", ngImport: i0 });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: NgAtomicComponentStore, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.2", ngImport: i0, type: DebugDirective, decorators: [{
             type: Directive,
-            args: [{ standalone: true }]
+            args: [{ standalone: true, selector: 'debug' }]
         }] });
+
 class NgAtomicComponent extends InjectableComponent {
-    #destroy$;
+    effectEntries = injectEffectEntries();
+    reducer = injectEffectReducer();
+    _effectMap;
+    root = inject(NgAtomicRootActionStore);
+    #destroyRef = inject(DestroyRef);
+    #el = inject(ElementRef);
     constructor() {
         super();
-        this.root = inject(NgAtomicRootActionStore);
-        this.#destroy$ = inject(DestroyRef);
-        this.root.actions$.pipe(takeUntilDestroyed(this.#destroy$)).subscribe(action => this.#effect(action, 'root'));
+        this.root.actions$.pipe(takeUntilDestroyed(this.#destroyRef)).subscribe(action => {
+            this.#effect(action, 'root');
+        });
     }
-    dispatch(action, scope = 'default') {
-        this.root.log(action, scope);
-        const effect = this.#effect(action, scope);
+    async dispatch(action, scope = 'default', componentId = null) {
+        const selector = this.#el.nativeElement.tagName.toLowerCase();
+        const _action = { ...action, meta: { componentId, selector } };
+        const props = await this.reducer(_action);
+        if (props?.dispatch === false)
+            return;
+        const effect = this.#effect(_action, scope);
+        this.root.log(_action, scope);
         if (scope === 'root' && (!effect?.props || effect?.props?.dispatch)) {
-            this.root.actions$.emit(action);
+            this.root.actions$.emit(_action);
         }
         else if (!effect?.props || effect?.props?.dispatch) {
-            this.action.emit(action);
+            super.dispatch(_action);
         }
     }
     #effect(action, scope = 'default') {
         const effect = (this._effectMap ?? new EffectMap()).get(action.id, scope);
         if (effect?.key && effect?.props?.scope === scope) {
-            this[effect?.key](effect.props.accessor(action));
+            this[effect.key](effect.props.accessor(action));
         }
         return effect;
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: NgAtomicComponent, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "16.2.12", type: NgAtomicComponent, isStandalone: true, usesInheritance: true, ngImport: i0 }); }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.2.2", ngImport: i0, type: NgAtomicComponent, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "17.2.2", type: NgAtomicComponent, isStandalone: true, usesInheritance: true, hostDirectives: [{ directive: DebugDirective }], ngImport: i0 });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: NgAtomicComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.2", ngImport: i0, type: NgAtomicComponent, decorators: [{
             type: Directive,
-            args: [{ standalone: true }]
-        }], ctorParameters: function () { return []; } });
+            args: [{
+                    standalone: true,
+                    hostDirectives: [
+                        DebugDirective,
+                    ],
+                }]
+        }], ctorParameters: () => [] });
 
 /**
  * Generated bundle index. Do not edit.
  */
 
-export { Effect, EffectMap, HostType, InjectableComponent, NgAtomicComponent, NgAtomicComponentStore, NgAtomicRootActionStore, getInputs, getInputsByComponentRef, getMeta, getOutputs, getOutputsByInstance, provideComponent, resolveActions };
+export { CallPipe, DebugDirective, EFFECT_ENTRY, Effect, EffectMap, EffectReducer, FAKE_COMPUTED, HostType, InjectableComponent, NG_ATOMIC_DEBUG, NgAtomicComponent, NgAtomicRootActionStore, TOKEN, TokenizedType, _computed, compute, computeFake, fakeComputed, getInputs, getInputsByComponentRef, getMeta, getOutputs, getOutputsByInstance, getToken, injectEffectEntries, injectEffectReducer, isFakeComputed, provideComponent, provideEffect, proxyFakeComputedInputValueFn, proxyFakeComputedInputs, resolveActions, withNgAtomicDebug, wrapActions };
 //# sourceMappingURL=ng-atomic-core.mjs.map