@taiga-ui/addon-table/fesm2022/taiga-ui-addon-table-directives-table-control.mjs

A library to display tabled data with filters, search, group actions, etc.

import * as i0 from '@angular/core';
import { signal, computed, Directive, inject, input, effect } from '@angular/core';
import { NgControl, NgModel } from '@angular/forms';
import { tuiArrayToggle } from '@taiga-ui/cdk/utils/miscellaneous';
import { TuiControl } from '@taiga-ui/cdk/classes';
import { tuiFallbackValueProvider } from '@taiga-ui/cdk/tokens';
import { tuiInjectElement } from '@taiga-ui/cdk/utils/dom';

class TuiTableControlDirective extends TuiControl {
    constructor() {
        super(...arguments);
        this.children = signal([]);
        this.checked = computed(() => !!this.children().length &&
            this.children().every((i) => this.value().includes(i.tuiCheckboxRow())));
        this.indeterminate = computed(() => !!this.value().length && !this.checked());
    }
    toggleAll() {
        this.onChange(this.checked() ? [] : this.children().map((i) => i.tuiCheckboxRow()));
    }
    process(checkbox) {
        this.children.update((children) => tuiArrayToggle(children, checkbox));
    }
    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: TuiTableControlDirective, deps: null, target: i0.ɵɵFactoryTarget.Directive }); }
    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "19.2.20", type: TuiTableControlDirective, isStandalone: true, selector: "[tuiTable][ngModel],[tuiTable][formControl],[tuiTable][formControlName]", providers: [tuiFallbackValueProvider([])], usesInheritance: true, ngImport: i0 }); }
}
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: TuiTableControlDirective, decorators: [{
            type: Directive,
            args: [{
                    selector: '[tuiTable][ngModel],[tuiTable][formControl],[tuiTable][formControlName]',
                    providers: [tuiFallbackValueProvider([])],
                }]
        }] });

class TuiCheckboxRowDirective {
    constructor() {
        this.control = inject(NgControl);
        this.parent = inject(TuiTableControlDirective);
        this.checked = computed((checked = this.parent
            .value()
            .includes(this.tuiCheckboxRow())) => {
            setTimeout(() => this.control.control?.setValue(checked));
            return checked;
        });
        this.tuiCheckboxRow = input.required();
    }
    ngOnInit() {
        this.parent.process(this);
    }
    ngOnDestroy() {
        this.parent.process(this);
        this.parent.onChange(this.parent.value().filter((item) => item !== this.tuiCheckboxRow()));
    }
    onChange() {
        this.parent.onChange(tuiArrayToggle(this.parent.value(), this.tuiCheckboxRow()));
    }
    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: TuiCheckboxRowDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "19.2.20", type: TuiCheckboxRowDirective, isStandalone: true, selector: "[tuiCheckbox][tuiCheckboxRow]", inputs: { tuiCheckboxRow: { classPropertyName: "tuiCheckboxRow", publicName: "tuiCheckboxRow", isSignal: true, isRequired: true, transformFunction: null } }, host: { listeners: { "change": "onChange()" }, properties: { "checked": "checked()" } }, providers: [{ provide: NgControl, useClass: NgModel }], ngImport: i0 }); }
}
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: TuiCheckboxRowDirective, decorators: [{
            type: Directive,
            args: [{
                    selector: '[tuiCheckbox][tuiCheckboxRow]',
                    providers: [{ provide: NgControl, useClass: NgModel }],
                    host: {
                        '[checked]': 'checked()',
                        '(change)': 'onChange()',
                    },
                }]
        }] });

class TuiCheckboxTableDirective {
    constructor() {
        this.el = tuiInjectElement();
        this.control = inject(NgControl);
        this.parent = inject(TuiTableControlDirective);
        this.update = effect(() => {
            const indeterminate = this.parent.indeterminate();
            const checked = this.parent.checked();
            this.el.indeterminate = indeterminate;
            this.el.checked = checked;
            this.control.control?.setValue(indeterminate ? null : checked);
        });
    }
    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: TuiCheckboxTableDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "19.2.20", type: TuiCheckboxTableDirective, isStandalone: true, selector: "[tuiCheckbox][tuiCheckboxTable]", host: { listeners: { "change": "parent.toggleAll()" } }, providers: [{ provide: NgControl, useClass: NgModel }], ngImport: i0 }); }
}
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: TuiCheckboxTableDirective, decorators: [{
            type: Directive,
            args: [{
                    selector: '[tuiCheckbox][tuiCheckboxTable]',
                    providers: [{ provide: NgControl, useClass: NgModel }],
                    host: { '(change)': 'parent.toggleAll()' },
                }]
        }] });

const TuiTableControl = [
    TuiCheckboxRowDirective,
    TuiCheckboxTableDirective,
    TuiTableControlDirective,
];

/**
 * Generated bundle index. Do not edit.
 */

export { TuiCheckboxRowDirective, TuiCheckboxTableDirective, TuiTableControl, TuiTableControlDirective };
//# sourceMappingURL=taiga-ui-addon-table-directives-table-control.mjs.map