@recursyve/nice-selectable-list 19.0.0-beta.0

package/fesm2022/recursyve-nice-selectable-list.mjs

@@ -0,0 +1,360 @@
+import * as i0 from '@angular/core';
+import { signal, computed, InjectionToken, inject, input, contentChildren, Injector, effect, untracked, forwardRef, Directive, DestroyRef, afterRenderEffect } from '@angular/core';
+import { takeUntilDestroyed } from '@angular/core/rxjs-interop';
+import { MatCheckbox } from '@angular/material/checkbox';
+import { ActivatedRoute, Router, NavigationEnd } from '@angular/router';
+import { filter, take } from 'rxjs';
+
+class NiceSelectableListStore {
+    _config;
+    _entities = signal([]);
+    _activeEntity = signal(null);
+    _checkboxes = signal([]);
+    entities = this._entities.asReadonly();
+    activeEntity = this._activeEntity.asReadonly();
+    total = computed(() => this._entities().length);
+    entitiesIds = computed(() => this._entities().map((entity) => entity.id));
+    activeEntityId = computed(() => this._activeEntity()?.id ?? null);
+    constructor(_config) {
+        this._config = _config;
+    }
+    registerCheckbox(checkbox) {
+        this._checkboxes.update((checkboxes) => [...checkboxes, checkbox]);
+        const id = this._resolveEntityId(checkbox.selectableEntity());
+        const entity = this._entities().find((_entity) => _entity.id === id);
+        if (entity && entity.entity === null) {
+            this._entities.update((_entities) => _entities.map((_entity) => _entity.id === id ? { id, entity: checkbox.selectableEntity() } : _entity));
+            entity.entity = checkbox.selectableEntity();
+        }
+    }
+    unregisterCheckbox(checkbox) {
+        this._checkboxes.update((checkboxes) => checkboxes.filter((_checkbox) => _checkbox !== checkbox));
+    }
+    isEntitySelected(entity) {
+        return computed(() => this._isEntitySelected(entity));
+    }
+    setEntitiesFromSelections(selections) {
+        const ids = this._config.idType === "string" ? selections : selections.map((id) => +id);
+        const registeredEntities = this._checkboxes().map((checkbox) => ({
+            id: this._resolveEntityId(checkbox.selectableEntity()), entity: checkbox.selectableEntity()
+        }));
+        const entities = ids.map((id) => ({
+            id,
+            entity: registeredEntities.find(_entity => _entity.id === id)?.entity ?? null
+        }));
+        this._entities.set(entities);
+    }
+    selectEntity(entity) {
+        const isSelected = this._isEntitySelected(entity);
+        if (isSelected) {
+            return;
+        }
+        const id = this._resolveEntityId(entity);
+        this._entities.update((entities) => [...entities, { id, entity }]);
+    }
+    deselectEntity(entity) {
+        const isSelected = this._isEntitySelected(entity);
+        if (!isSelected) {
+            return;
+        }
+        const id = this._resolveEntityId(entity);
+        this._entities.update((entities) => entities.filter((_entity) => _entity.id !== id));
+    }
+    clear() {
+        this._entities.set([]);
+        this._activeEntity.set(null);
+    }
+    setActiveFromSelected(selected) {
+        const id = this._config.idType === "string" ? selected : +selected;
+        const entity = this._entities().find((_entity) => _entity.id === id);
+        if (!entity) {
+            return;
+        }
+        this._activeEntity.set(entity);
+    }
+    setActiveEntity(entity) {
+        if (!entity) {
+            this._activeEntity.set(null);
+            return;
+        }
+        const id = this._resolveEntityId(entity);
+        this._activeEntity.set({ id, entity });
+    }
+    selectFirstEntity() {
+        const entity = this._entities()[0];
+        if (!entity) {
+            return;
+        }
+        this._activeEntity.set(entity);
+    }
+    selectNextEntity() {
+        const entities = this._entities();
+        const activeEntity = this._activeEntity();
+        if (!activeEntity) {
+            this.selectFirstEntity();
+            return;
+        }
+        const index = entities.findIndex((_entity) => activeEntity.id === _entity.id);
+        const nextEntity = entities[index + 1];
+        if (!nextEntity) {
+            return;
+        }
+        this._activeEntity.set(nextEntity);
+    }
+    selectPreviousEntity() {
+        const entities = this._entities();
+        const activeEntity = this._activeEntity();
+        if (!activeEntity) {
+            this.selectFirstEntity();
+            return;
+        }
+        const index = entities.findIndex((_entity) => activeEntity.id === _entity.id);
+        if (index === 0) {
+            return;
+        }
+        const previousEntity = entities[index - 1];
+        if (!previousEntity) {
+            return;
+        }
+        this._activeEntity.set(previousEntity);
+    }
+    selectLastEntity() {
+        const entities = this._entities();
+        if (entities.length === 0) {
+            return;
+        }
+        const lastEntity = entities[entities.length - 1];
+        if (!lastEntity) {
+            return;
+        }
+        this._activeEntity.set(lastEntity);
+    }
+    _isEntitySelected(entity) {
+        const id = this._resolveEntityId(entity);
+        return this._entities().findIndex((_entity) => _entity.id === id) >= 0;
+    }
+    _resolveEntityId(entity) {
+        const idProperty = this._config.idProperty;
+        const id = entity[idProperty];
+        if (typeof id !== "string" && typeof id !== "number") {
+            throw new Error(`The id property must be a string or a number, but got ${typeof id}`);
+        }
+        return id;
+    }
+}
+
+const NICE_SELECTABLE_LISTS = new InjectionToken("_selectable_list_providers");
+function provideNiceSelectableList(name, config) {
+    return {
+        provide: NICE_SELECTABLE_LISTS,
+        useValue: {
+            name,
+            store: new NiceSelectableListStore({
+                idProperty: config?.idProperty ?? "id",
+                idType: config?.idType ?? "number"
+            })
+        },
+        multi: true
+    };
+}
+function resolveNiceSelectableList(name, options) {
+    const selectableLists = options?.injector
+        ? options.injector.get(NICE_SELECTABLE_LISTS)
+        : inject(NICE_SELECTABLE_LISTS);
+    const provider = selectableLists.find((_provider) => _provider.name === name);
+    if (!provider) {
+        throw new Error(`No selectable list provider found for name: ${name}`);
+    }
+    return provider.store;
+}
+
+const NICE_SELECTABLE_LIST = new InjectionToken("_selectable_list");
+class SelectableListDirective {
+    name = input.required({ alias: "niceSelectableList" });
+    enableQueryParams = input(false);
+    checkboxes = contentChildren(NiceSelectableListEntityCheckboxDirective, { descendants: true });
+    _initialized = signal(false);
+    initialized = this._initialized.asReadonly();
+    route = inject(ActivatedRoute);
+    router = inject(Router);
+    injector = inject(Injector);
+    selectableLists;
+    constructor() {
+        effect(() => {
+            this.selectableLists = resolveNiceSelectableList(this.name(), { injector: this.injector });
+        });
+        effect(() => {
+            if (!this._initialized()) {
+                return;
+            }
+            if (!this.enableQueryParams()) {
+                this.router.navigate([], {
+                    relativeTo: this.route,
+                    queryParams: {
+                        selections: null,
+                        selected: null
+                    }
+                });
+                return;
+            }
+        });
+        effect(() => {
+            if (!this._initialized()) {
+                return;
+            }
+            const shouldWrite = untracked(() => this.enableQueryParams());
+            if (!shouldWrite) {
+                return;
+            }
+            const entities = this.selectableLists.entitiesIds();
+            const activeEntity = this.selectableLists.activeEntityId();
+            this.router.navigate([], {
+                relativeTo: this.route,
+                queryParams: {
+                    selections: entities,
+                    selected: activeEntity
+                }
+            });
+        });
+    }
+    ngOnInit() {
+        this.loadQueryParams();
+    }
+    loadQueryParams() {
+        if (this.router.navigated) {
+            this.parseQueryParams(this.route.snapshot.queryParams);
+            this._initialized.set(true);
+            return;
+        }
+        this.router.events
+            .pipe(filter((event) => event instanceof NavigationEnd), take(1))
+            .subscribe(() => {
+            this.parseQueryParams(this.route.snapshot.queryParams);
+            this._initialized.set(true);
+        });
+    }
+    parseQueryParams(params) {
+        if (params.selections) {
+            const selections = Array.isArray(params.selections)
+                ? params.selections
+                : [params.selections];
+            this.selectableLists.setEntitiesFromSelections(selections);
+        }
+        if (params.selected) {
+            this.selectableLists.setActiveFromSelected(params.selected);
+        }
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: SelectableListDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.2.0", version: "19.2.14", type: SelectableListDirective, isStandalone: true, selector: "[niceSelectableList]", inputs: { name: { classPropertyName: "name", publicName: "niceSelectableList", isSignal: true, isRequired: true, transformFunction: null }, enableQueryParams: { classPropertyName: "enableQueryParams", publicName: "enableQueryParams", isSignal: true, isRequired: false, transformFunction: null } }, providers: [
+            { provide: NICE_SELECTABLE_LIST, useExisting: forwardRef(() => SelectableListDirective) }
+        ], queries: [{ propertyName: "checkboxes", predicate: NiceSelectableListEntityCheckboxDirective, descendants: true, isSignal: true }], ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: SelectableListDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: "[niceSelectableList]",
+                    providers: [
+                        { provide: NICE_SELECTABLE_LIST, useExisting: forwardRef(() => SelectableListDirective) }
+                    ]
+                }]
+        }], ctorParameters: () => [] });
+
+function injectNiceSelectableListDirective() {
+    return inject(NICE_SELECTABLE_LIST);
+}
+function injectNiceSelectableList(name) {
+    if (!name) {
+        name = injectNiceSelectableListDirective().name();
+    }
+    const selectableLists = inject(NICE_SELECTABLE_LISTS);
+    const provider = selectableLists.find((_provider) => _provider.name === name);
+    if (!provider) {
+        throw new Error(`No selectable list provider found for name: ${name}`);
+    }
+    return provider.store;
+}
+
+class NiceSelectableListEntityCheckboxDirective {
+    matCheckbox = inject(MatCheckbox);
+    destroyRef = inject(DestroyRef);
+    niceSelectableList = injectNiceSelectableList();
+    selectableEntity = input.required();
+    isSelected = computed(() => this.niceSelectableList.isEntitySelected(this.selectableEntity())());
+    constructor() {
+        effect(() => {
+            this.matCheckbox.checked = this.niceSelectableList.isEntitySelected(this.selectableEntity())();
+        });
+    }
+    ngOnInit() {
+        this.niceSelectableList.registerCheckbox(this);
+        this.matCheckbox.change.pipe(takeUntilDestroyed(this.destroyRef)).subscribe(({ checked }) => {
+            if (checked) {
+                this.niceSelectableList.selectEntity(this.selectableEntity());
+            }
+            else {
+                this.niceSelectableList.deselectEntity(this.selectableEntity());
+            }
+        });
+    }
+    ngOnDestroy() {
+        this.niceSelectableList.unregisterCheckbox(this);
+    }
+    selectEntity() {
+        this.matCheckbox.checked = true;
+        this.matCheckbox.change.emit({ checked: true, source: this.matCheckbox });
+    }
+    deselectEntity() {
+        this.matCheckbox.checked = false;
+        this.matCheckbox.change.emit({ checked: false, source: this.matCheckbox });
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: NiceSelectableListEntityCheckboxDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "19.2.14", type: NiceSelectableListEntityCheckboxDirective, isStandalone: true, selector: "mat-checkbox[niceSelectableListEntityCheckbox]", inputs: { selectableEntity: { classPropertyName: "selectableEntity", publicName: "selectableEntity", isSignal: true, isRequired: true, transformFunction: null } }, ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: NiceSelectableListEntityCheckboxDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: "mat-checkbox[niceSelectableListEntityCheckbox]"
+                }]
+        }], ctorParameters: () => [] });
+
+class NiceSelectableListHeaderCheckboxDirective {
+    niceSelectableListDirective = injectNiceSelectableListDirective();
+    matCheckbox = inject(MatCheckbox);
+    destroyRef = inject(DestroyRef);
+    constructor() {
+        afterRenderEffect({
+            read: () => {
+                const checkboxes = this.niceSelectableListDirective.checkboxes();
+                const empty = checkboxes.length === 0;
+                this.matCheckbox.checked = !empty && checkboxes.every((checkbox) => checkbox.isSelected());
+                this.matCheckbox.indeterminate = !this.matCheckbox.checked
+                    && checkboxes.some((checkbox) => checkbox.isSelected());
+            }
+        });
+    }
+    ngOnInit() {
+        this.matCheckbox.change.pipe(takeUntilDestroyed(this.destroyRef)).subscribe(({ checked }) => {
+            if (checked) {
+                this.niceSelectableListDirective.checkboxes().forEach((checkbox) => checkbox.selectEntity());
+            }
+            else {
+                this.niceSelectableListDirective.checkboxes().forEach((checkbox) => checkbox.deselectEntity());
+            }
+        });
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: NiceSelectableListHeaderCheckboxDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "19.2.14", type: NiceSelectableListHeaderCheckboxDirective, isStandalone: true, selector: "mat-checkbox[niceSelectableListHeaderCheckbox]", ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: NiceSelectableListHeaderCheckboxDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: "mat-checkbox[niceSelectableListHeaderCheckbox]"
+                }]
+        }], ctorParameters: () => [] });
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { NICE_SELECTABLE_LIST, NICE_SELECTABLE_LISTS, NiceSelectableListEntityCheckboxDirective, NiceSelectableListHeaderCheckboxDirective, NiceSelectableListStore, SelectableListDirective, injectNiceSelectableList, injectNiceSelectableListDirective, provideNiceSelectableList, resolveNiceSelectableList };
+//# sourceMappingURL=recursyve-nice-selectable-list.mjs.map

package/fesm2022/recursyve-nice-selectable-list.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"recursyve-nice-selectable-list.mjs","sources":["../../../src/nice-selectable-list/selectable-list/store.ts","../../../src/nice-selectable-list/selectable-list/provider.ts","../../../src/nice-selectable-list/selectable-list/selectable-list.ts","../../../src/nice-selectable-list/selectable-list/injector.ts","../../../src/nice-selectable-list/selectable-list/entity-checkbox.directive.ts","../../../src/nice-selectable-list/selectable-list/header-checkbox.directive.ts","../../../src/nice-selectable-list/recursyve-nice-selectable-list.ts"],"sourcesContent":["import { computed, Signal, signal } from \"@angular/core\";\nimport { NiceSelectableListEntityCheckboxDirective } from \"./entity-checkbox.directive\";\n\nexport type NiceSelectableListConfig<T> = {\n    idProperty: keyof T;\n    idType?: \"string\" | \"number\";\n}\n\nexport type NiceSelectableListEntity<T> = {\n    id: string | number;\n    entity: T | null;\n};\n\nexport class NiceSelectableListStore<T> {\n    private readonly _entities = signal<NiceSelectableListEntity<T>[]>([]);\n    private readonly _activeEntity = signal<NiceSelectableListEntity<T> | null>(null);\n    private readonly _checkboxes = signal<NiceSelectableListEntityCheckboxDirective<T>[]>([]);\n\n    public readonly entities = this._entities.asReadonly();\n    public readonly activeEntity = this._activeEntity.asReadonly();\n\n    public readonly total = computed(() => this._entities().length);\n    public readonly entitiesIds = computed(() => this._entities().map((entity) => entity.id));\n    public readonly activeEntityId = computed(() => this._activeEntity()?.id ?? null);\n\n    constructor(private readonly _config: NiceSelectableListConfig<T>) {}\n\n    public registerCheckbox(checkbox: NiceSelectableListEntityCheckboxDirective<T>): void {\n        this._checkboxes.update((checkboxes) => [...checkboxes, checkbox]);\n\n        const id = this._resolveEntityId(checkbox.selectableEntity());\n        const entity = this._entities().find((_entity) => _entity.id === id);\n        if (entity && entity.entity === null) {\n            this._entities.update(\n                (_entities) => _entities.map((_entity) =>\n                    _entity.id === id ? { id, entity: checkbox.selectableEntity() } : _entity\n                )\n            );\n            entity.entity = checkbox.selectableEntity();\n        }\n    }\n\n    public unregisterCheckbox(checkbox: NiceSelectableListEntityCheckboxDirective<T>): void {\n        this._checkboxes.update((checkboxes) => checkboxes.filter((_checkbox) => _checkbox !== checkbox));\n    }\n\n    public isEntitySelected(entity: T): Signal<boolean> {\n        return computed(() => this._isEntitySelected(entity));\n    }\n\n    public setEntitiesFromSelections(selections: string[]): void {\n        const ids: (string | number)[] = this._config.idType === \"string\" ? selections : selections.map((id) => +id);\n\n        const registeredEntities = this._checkboxes().map((checkbox) => ({\n            id: this._resolveEntityId(checkbox.selectableEntity()), entity: checkbox.selectableEntity()\n        }));\n        const entities = ids.map((id) => ({\n            id,\n            entity: registeredEntities.find(_entity => _entity.id === id)?.entity ?? null\n        }));\n        this._entities.set(entities);\n    }\n\n    public selectEntity(entity: T): void {\n        const isSelected = this._isEntitySelected(entity);\n        if (isSelected) {\n            return;\n        }\n\n        const id = this._resolveEntityId(entity);\n        this._entities.update((entities) => [...entities, { id, entity }]);\n    }\n\n    public deselectEntity(entity: T): void {\n        const isSelected = this._isEntitySelected(entity);\n        if (!isSelected) {\n            return;\n        }\n\n        const id = this._resolveEntityId(entity);\n        this._entities.update((entities) => entities.filter((_entity) => _entity.id !== id));\n    }\n\n    public clear(): void {\n        this._entities.set([]);\n        this._activeEntity.set(null);\n    }\n\n    public setActiveFromSelected(selected: string): void {\n        const id = this._config.idType === \"string\" ? selected : +selected;\n        const entity = this._entities().find((_entity) => _entity.id === id);\n        if (!entity) {\n            return;\n        }\n\n        this._activeEntity.set(entity);\n    }\n\n    public setActiveEntity(entity: T | null): void {\n        if (!entity) {\n            this._activeEntity.set(null);\n            return;\n        }\n\n        const id = this._resolveEntityId(entity);\n        this._activeEntity.set({ id, entity });\n    }\n\n    public selectFirstEntity(): void {\n        const entity = this._entities()[0];\n        if (!entity) {\n            return;\n        }\n\n        this._activeEntity.set(entity);\n    }\n\n    public selectNextEntity(): void {\n        const entities = this._entities();\n        const activeEntity = this._activeEntity();\n        if (!activeEntity) {\n            this.selectFirstEntity();\n            return;\n        }\n\n        const index = entities.findIndex((_entity) => activeEntity.id === _entity.id);\n        const nextEntity = entities[index + 1];\n        if (!nextEntity) {\n            return;\n        }\n\n        this._activeEntity.set(nextEntity);\n    }\n\n    public selectPreviousEntity(): void {\n        const entities = this._entities();\n        const activeEntity = this._activeEntity();\n        if (!activeEntity) {\n            this.selectFirstEntity();\n            return;\n        }\n\n        const index = entities.findIndex((_entity) => activeEntity.id === _entity.id);\n        if (index === 0) {\n            return;\n        }\n\n        const previousEntity = entities[index - 1];\n        if (!previousEntity) {\n            return;\n        }\n\n        this._activeEntity.set(previousEntity);\n    }\n\n    public selectLastEntity(): void {\n        const entities = this._entities();\n        if (entities.length === 0) {\n            return;\n        }\n\n        const lastEntity = entities[entities.length - 1];\n        if (!lastEntity) {\n            return;\n        }\n\n        this._activeEntity.set(lastEntity);\n    }\n\n    private _isEntitySelected(entity: T): boolean {\n        const id = this._resolveEntityId(entity);\n        return this._entities().findIndex((_entity) => _entity.id === id) >= 0;\n    }\n\n    private _resolveEntityId(entity: T): string | number {\n        const idProperty = this._config.idProperty;\n        const id = entity[idProperty];\n        if (typeof id !== \"string\" && typeof id !== \"number\") {\n            throw new Error(`The id property must be a string or a number, but got ${typeof id}`);\n        }\n\n        return id;\n    }\n}\n","import { inject, InjectionToken, Injector, Provider } from \"@angular/core\";\nimport { NiceSelectableListConfig, NiceSelectableListStore } from \"./store\";\n\nexport const NICE_SELECTABLE_LISTS\n    = new InjectionToken<NiceSelectableListProvider<unknown>[]>(\"_selectable_list_providers\");\n\nexport type NiceSelectableListProvider<T> = {\n    name: string;\n    store: NiceSelectableListStore<T>;\n};\n\nexport function provideNiceSelectableList<T>(name: string, config?: NiceSelectableListConfig<T>): Provider {\n    return {\n        provide: NICE_SELECTABLE_LISTS,\n        useValue: {\n            name,\n            store: new NiceSelectableListStore({\n                idProperty: config?.idProperty ?? \"id\" as keyof T,\n                idType: config?.idType ?? \"number\" as \"string\" | \"number\"\n            })\n        },\n        multi: true\n    };\n}\n\nexport function resolveNiceSelectableList<T>(name: string, options?: {\n    injector: Injector\n}): NiceSelectableListStore<T> {\n    const selectableLists = options?.injector\n        ? options.injector.get(NICE_SELECTABLE_LISTS)\n        : inject(NICE_SELECTABLE_LISTS);\n\n    const provider = selectableLists.find((_provider) => _provider.name === name);\n    if (!provider) {\n        throw new Error(`No selectable list provider found for name: ${name}`);\n    }\n\n    return provider.store as NiceSelectableListStore<T>;\n}\n","import {\n    contentChildren,\n    Directive,\n    effect,\n    forwardRef,\n    inject,\n    InjectionToken,\n    Injector,\n    input,\n    OnInit,\n    signal,\n    Signal,\n    untracked\n} from \"@angular/core\";\nimport { ActivatedRoute, NavigationEnd, Router } from \"@angular/router\";\nimport { filter, take } from \"rxjs\";\nimport { NiceSelectableListEntityCheckboxDirective } from \"./entity-checkbox.directive\";\nimport { resolveNiceSelectableList } from \"./provider\";\nimport { NiceSelectableListStore } from \"./store\";\n\nexport const NICE_SELECTABLE_LIST = new InjectionToken<NiceSelectableList<unknown>>(\"_selectable_list\");\nexport type NiceSelectableList<T> = {\n    name: Signal<string>;\n    checkboxes: Signal<readonly NiceSelectableListEntityCheckboxDirective<T>[]>;\n};\n\n@Directive({\n    selector: \"[niceSelectableList]\",\n    providers: [\n        { provide: NICE_SELECTABLE_LIST, useExisting: forwardRef(() => SelectableListDirective) }\n    ]\n})\nexport class SelectableListDirective<T> implements NiceSelectableList<T>, OnInit {\n    public readonly name = input.required<string>({ alias: \"niceSelectableList\" });\n    public readonly enableQueryParams = input<boolean>(false);\n\n    public readonly checkboxes = contentChildren<NiceSelectableListEntityCheckboxDirective<T>>(\n        NiceSelectableListEntityCheckboxDirective,\n        { descendants: true }\n    );\n\n    private readonly _initialized = signal(false);\n    public readonly initialized = this._initialized.asReadonly();\n\n    protected readonly route = inject(ActivatedRoute);\n    protected readonly router = inject(Router);\n    protected readonly injector = inject(Injector);\n\n    protected selectableLists!: NiceSelectableListStore<T>;\n\n    constructor() {\n        effect(() => {\n            this.selectableLists = resolveNiceSelectableList(this.name(), { injector: this.injector });\n        });\n\n        effect(() => {\n            if (!this._initialized()) {\n                return;\n            }\n\n            if (!this.enableQueryParams()) {\n                this.router.navigate([], {\n                    relativeTo: this.route,\n                    queryParams: {\n                        selections: null,\n                        selected: null\n                    }\n                });\n                return;\n            }\n        });\n\n        effect(() => {\n            if (!this._initialized()) {\n                return;\n            }\n\n            const shouldWrite = untracked(() => this.enableQueryParams());\n            if (!shouldWrite) {\n                return;\n            }\n\n            const entities = this.selectableLists.entitiesIds();\n            const activeEntity = this.selectableLists.activeEntityId();\n            this.router.navigate([], {\n                relativeTo: this.route,\n                queryParams: {\n                    selections: entities,\n                    selected: activeEntity\n                }\n            });\n        });\n    }\n\n    public ngOnInit(): void {\n        this.loadQueryParams();\n    }\n\n    private loadQueryParams(): void {\n        if (this.router.navigated) {\n            this.parseQueryParams(this.route.snapshot.queryParams);\n            this._initialized.set(true);\n            return;\n        }\n\n        this.router.events\n            .pipe(\n                filter((event) => event instanceof NavigationEnd),\n                take(1)\n            )\n            .subscribe(() => {\n                this.parseQueryParams(this.route.snapshot.queryParams);\n                this._initialized.set(true);\n            });\n    }\n\n    private parseQueryParams(params: {\n        selections?: string | string[];\n        selected?: string;\n    }): void {\n        if (params.selections) {\n            const selections = Array.isArray(params.selections)\n                ? params.selections\n                : [params.selections]\n            this.selectableLists.setEntitiesFromSelections(selections);\n        }\n\n        if (params.selected) {\n            this.selectableLists.setActiveFromSelected(params.selected);\n        }\n    }\n}\n","import { inject } from \"@angular/core\";\nimport { NICE_SELECTABLE_LISTS } from \"./provider\";\nimport { NICE_SELECTABLE_LIST, NiceSelectableList } from \"./selectable-list\";\nimport { NiceSelectableListStore } from \"./store\";\n\nexport function injectNiceSelectableListDirective<T>(): NiceSelectableList<T> {\n    return inject(NICE_SELECTABLE_LIST) as NiceSelectableList<T>;\n}\n\nexport function injectNiceSelectableList<T>(name?: string): NiceSelectableListStore<T> {\n    if (!name) {\n        name = injectNiceSelectableListDirective().name();\n    }\n\n    const selectableLists = inject(NICE_SELECTABLE_LISTS);\n    const provider = selectableLists.find((_provider) => _provider.name === name);\n    if (!provider) {\n        throw new Error(`No selectable list provider found for name: ${name}`);\n    }\n\n    return provider.store as NiceSelectableListStore<T>;\n}\n","import { computed, DestroyRef, Directive, effect, inject, input, OnDestroy, OnInit } from \"@angular/core\";\nimport { takeUntilDestroyed } from \"@angular/core/rxjs-interop\";\nimport { MatCheckbox } from \"@angular/material/checkbox\";\nimport { injectNiceSelectableList } from \"./injector\";\n\n@Directive({\n    selector: \"mat-checkbox[niceSelectableListEntityCheckbox]\"\n})\nexport class NiceSelectableListEntityCheckboxDirective<T> implements OnInit, OnDestroy {\n    protected readonly matCheckbox = inject(MatCheckbox);\n    protected readonly destroyRef = inject(DestroyRef);\n    protected readonly niceSelectableList = injectNiceSelectableList<T>();\n\n    public readonly selectableEntity = input.required<T>();\n    public readonly isSelected = computed(() => this.niceSelectableList.isEntitySelected(this.selectableEntity())());\n\n    constructor() {\n        effect(() => {\n            this.matCheckbox.checked = this.niceSelectableList.isEntitySelected(this.selectableEntity())();\n        });\n    }\n\n    public ngOnInit(): void {\n        this.niceSelectableList.registerCheckbox(this);\n\n        this.matCheckbox.change.pipe(takeUntilDestroyed(this.destroyRef)).subscribe(({ checked }) => {\n            if (checked) {\n                this.niceSelectableList.selectEntity(this.selectableEntity());\n            } else {\n                this.niceSelectableList.deselectEntity(this.selectableEntity());\n            }\n        });\n    }\n\n    public ngOnDestroy(): void {\n        this.niceSelectableList.unregisterCheckbox(this);\n    }\n\n    public selectEntity(): void {\n        this.matCheckbox.checked = true;\n        this.matCheckbox.change.emit({ checked: true, source: this.matCheckbox });\n    }\n\n    public deselectEntity(): void {\n        this.matCheckbox.checked = false;\n        this.matCheckbox.change.emit({ checked: false, source: this.matCheckbox });\n    }\n}\n","import { afterRenderEffect, DestroyRef, Directive, inject, OnInit } from \"@angular/core\";\nimport { takeUntilDestroyed } from \"@angular/core/rxjs-interop\";\nimport { MatCheckbox } from \"@angular/material/checkbox\";\nimport { injectNiceSelectableListDirective } from \"./injector\";\n\n@Directive({\n    selector: \"mat-checkbox[niceSelectableListHeaderCheckbox]\"\n})\nexport class NiceSelectableListHeaderCheckboxDirective<T> implements OnInit {\n    private readonly niceSelectableListDirective = injectNiceSelectableListDirective<T>();\n    private readonly matCheckbox = inject(MatCheckbox);\n    private readonly destroyRef = inject(DestroyRef);\n\n    constructor() {\n        afterRenderEffect({\n            read: () => {\n                const checkboxes = this.niceSelectableListDirective.checkboxes();\n                const empty = checkboxes.length === 0;\n\n                this.matCheckbox.checked = !empty && checkboxes.every((checkbox) => checkbox.isSelected());\n                this.matCheckbox.indeterminate = !this.matCheckbox.checked\n                    && checkboxes.some((checkbox) => checkbox.isSelected());\n            }\n        });\n    }\n\n    public ngOnInit(): void {\n        this.matCheckbox.change.pipe(takeUntilDestroyed(this.destroyRef)).subscribe(({ checked }) => {\n            if (checked) {\n                this.niceSelectableListDirective.checkboxes().forEach((checkbox) => checkbox.selectEntity());\n            } else {\n                this.niceSelectableListDirective.checkboxes().forEach((checkbox) => checkbox.deselectEntity());\n            }\n        });\n    }\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}

package/index.d.ts

@@ -0,0 +1 @@
+export * from "./selectable-list";

package/package.json

@@ -0,0 +1,25 @@
+{
+  "name": "@recursyve/nice-selectable-list",
+  "version": "19.0.0-beta.0",
+  "peerDependencies": {
+    "@angular/common": "^19.2.0",
+    "@angular/cdk": "^19.2.0",
+    "@angular/core": "^19.2.0",
+    "@angular/material": "^19.2.0"
+  },
+  "dependencies": {
+    "tslib": "^2.3.0"
+  },
+  "sideEffects": false,
+  "module": "fesm2022/recursyve-nice-selectable-list.mjs",
+  "typings": "index.d.ts",
+  "exports": {
+    "./package.json": {
+      "default": "./package.json"
+    },
+    ".": {
+      "types": "./index.d.ts",
+      "default": "./fesm2022/recursyve-nice-selectable-list.mjs"
+    }
+  }
+}

package/selectable-list/entity-checkbox.directive.d.ts

@@ -0,0 +1,17 @@
+import { DestroyRef, OnDestroy, OnInit } from "@angular/core";
+import { MatCheckbox } from "@angular/material/checkbox";
+import * as i0 from "@angular/core";
+export declare class NiceSelectableListEntityCheckboxDirective<T> implements OnInit, OnDestroy {
+    protected readonly matCheckbox: MatCheckbox;
+    protected readonly destroyRef: DestroyRef;
+    protected readonly niceSelectableList: import("@recursyve/nice-selectable-list").NiceSelectableListStore<T>;
+    readonly selectableEntity: import("@angular/core").InputSignal<T>;
+    readonly isSelected: import("@angular/core").Signal<boolean>;
+    constructor();
+    ngOnInit(): void;
+    ngOnDestroy(): void;
+    selectEntity(): void;
+    deselectEntity(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<NiceSelectableListEntityCheckboxDirective<any>, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<NiceSelectableListEntityCheckboxDirective<any>, "mat-checkbox[niceSelectableListEntityCheckbox]", never, { "selectableEntity": { "alias": "selectableEntity"; "required": true; "isSignal": true; }; }, {}, never, never, true, never>;
+}

package/selectable-list/header-checkbox.directive.d.ts

@@ -0,0 +1,11 @@
+import { OnInit } from "@angular/core";
+import * as i0 from "@angular/core";
+export declare class NiceSelectableListHeaderCheckboxDirective<T> implements OnInit {
+    private readonly niceSelectableListDirective;
+    private readonly matCheckbox;
+    private readonly destroyRef;
+    constructor();
+    ngOnInit(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<NiceSelectableListHeaderCheckboxDirective<any>, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<NiceSelectableListHeaderCheckboxDirective<any>, "mat-checkbox[niceSelectableListHeaderCheckbox]", never, {}, {}, never, never, true, never>;
+}

package/selectable-list/index.d.ts

@@ -0,0 +1,6 @@
+export * from "./entity-checkbox.directive";
+export * from "./header-checkbox.directive";
+export * from "./selectable-list";
+export * from "./injector";
+export * from "./provider";
+export * from "./store";

package/selectable-list/injector.d.ts

@@ -0,0 +1,4 @@
+import { NiceSelectableList } from "./selectable-list";
+import { NiceSelectableListStore } from "./store";
+export declare function injectNiceSelectableListDirective<T>(): NiceSelectableList<T>;
+export declare function injectNiceSelectableList<T>(name?: string): NiceSelectableListStore<T>;

package/selectable-list/provider.d.ts

@@ -0,0 +1,11 @@
+import { InjectionToken, Injector, Provider } from "@angular/core";
+import { NiceSelectableListConfig, NiceSelectableListStore } from "./store";
+export declare const NICE_SELECTABLE_LISTS: InjectionToken<NiceSelectableListProvider<unknown>[]>;
+export type NiceSelectableListProvider<T> = {
+    name: string;
+    store: NiceSelectableListStore<T>;
+};
+export declare function provideNiceSelectableList<T>(name: string, config?: NiceSelectableListConfig<T>): Provider;
+export declare function resolveNiceSelectableList<T>(name: string, options?: {
+    injector: Injector;
+}): NiceSelectableListStore<T>;

package/selectable-list/selectable-list.d.ts

@@ -0,0 +1,27 @@
+import { InjectionToken, Injector, OnInit, Signal } from "@angular/core";
+import { ActivatedRoute, Router } from "@angular/router";
+import { NiceSelectableListEntityCheckboxDirective } from "./entity-checkbox.directive";
+import { NiceSelectableListStore } from "./store";
+import * as i0 from "@angular/core";
+export declare const NICE_SELECTABLE_LIST: InjectionToken<NiceSelectableList<unknown>>;
+export type NiceSelectableList<T> = {
+    name: Signal<string>;
+    checkboxes: Signal<readonly NiceSelectableListEntityCheckboxDirective<T>[]>;
+};
+export declare class SelectableListDirective<T> implements NiceSelectableList<T>, OnInit {
+    readonly name: import("@angular/core").InputSignal<string>;
+    readonly enableQueryParams: import("@angular/core").InputSignal<boolean>;
+    readonly checkboxes: Signal<readonly NiceSelectableListEntityCheckboxDirective<T>[]>;
+    private readonly _initialized;
+    readonly initialized: Signal<boolean>;
+    protected readonly route: ActivatedRoute;
+    protected readonly router: Router;
+    protected readonly injector: Injector;
+    protected selectableLists: NiceSelectableListStore<T>;
+    constructor();
+    ngOnInit(): void;
+    private loadQueryParams;
+    private parseQueryParams;
+    static ɵfac: i0.ɵɵFactoryDeclaration<SelectableListDirective<any>, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<SelectableListDirective<any>, "[niceSelectableList]", never, { "name": { "alias": "niceSelectableList"; "required": true; "isSignal": true; }; "enableQueryParams": { "alias": "enableQueryParams"; "required": false; "isSignal": true; }; }, {}, ["checkboxes"], never, true, never>;
+}

package/selectable-list/store.d.ts

@@ -0,0 +1,37 @@
+import { Signal } from "@angular/core";
+import { NiceSelectableListEntityCheckboxDirective } from "./entity-checkbox.directive";
+export type NiceSelectableListConfig<T> = {
+    idProperty: keyof T;
+    idType?: "string" | "number";
+};
+export type NiceSelectableListEntity<T> = {
+    id: string | number;
+    entity: T | null;
+};
+export declare class NiceSelectableListStore<T> {
+    private readonly _config;
+    private readonly _entities;
+    private readonly _activeEntity;
+    private readonly _checkboxes;
+    readonly entities: Signal<NiceSelectableListEntity<T>[]>;
+    readonly activeEntity: Signal<NiceSelectableListEntity<T> | null>;
+    readonly total: Signal<number>;
+    readonly entitiesIds: Signal<(string | number)[]>;
+    readonly activeEntityId: Signal<string | number | null>;
+    constructor(_config: NiceSelectableListConfig<T>);
+    registerCheckbox(checkbox: NiceSelectableListEntityCheckboxDirective<T>): void;
+    unregisterCheckbox(checkbox: NiceSelectableListEntityCheckboxDirective<T>): void;
+    isEntitySelected(entity: T): Signal<boolean>;
+    setEntitiesFromSelections(selections: string[]): void;
+    selectEntity(entity: T): void;
+    deselectEntity(entity: T): void;
+    clear(): void;
+    setActiveFromSelected(selected: string): void;
+    setActiveEntity(entity: T | null): void;
+    selectFirstEntity(): void;
+    selectNextEntity(): void;
+    selectPreviousEntity(): void;
+    selectLastEntity(): void;
+    private _isEntitySelected;
+    private _resolveEntityId;
+}