@taiga-ui/cdk/fesm2022/taiga-ui-cdk-directives-transitioned.mjs

Base library for creating Angular components and applications using Taiga UI principles regarding of actual visual appearance

import * as i0 from '@angular/core';
import { afterNextRender, Directive } from '@angular/core';
import { tuiInjectElement } from '@taiga-ui/cdk/utils/dom';

class TuiTransitioned {
    constructor() {
        const el = tuiInjectElement();
        afterNextRender(() => requestAnimationFrame(() => el.style.setProperty('transition', '')));
    }
    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.25", ngImport: i0, type: TuiTransitioned, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "19.2.25", type: TuiTransitioned, isStandalone: true, selector: "[tuiTransitioned]", host: { styleAttribute: "transition: none" }, ngImport: i0 }); }
}
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.25", ngImport: i0, type: TuiTransitioned, decorators: [{
            type: Directive,
            args: [{
                    selector: '[tuiTransitioned]',
                    host: { style: 'transition: none' },
                }]
        }], ctorParameters: () => [] });

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

export { TuiTransitioned };
//# sourceMappingURL=taiga-ui-cdk-directives-transitioned.mjs.map