@taiga-ui/kit 2.55.0 → 3.0.0-rc.0

package/fesm2015/taiga-ui-kit-directives-highlight.js

@@ -1,19 +1,20 @@
-import { __decorate, __param } from 'tslib';
+import { __decorate } from 'tslib';
 import { DOCUMENT } from '@angular/common';
-import { Inject, ElementRef, Renderer2, Input, Directive, NgModule } from '@angular/core';
-import { svgNodeFilter, px, TuiResizeService, tuiDefaultProp, TuiDestroyService } from '@taiga-ui/cdk';
-import { Observable } from 'rxjs';
+import * as i0 from '@angular/core';
+import { ElementRef, Renderer2, Directive, Inject, Input, NgModule } from '@angular/core';
+import { svgNodeFilter, tuiPx, TuiResizeService, TuiDestroyService, tuiDefaultProp } from '@taiga-ui/cdk';
+import * as i1 from 'rxjs';
 
 // @dynamic
-let TuiHighlightDirective = class TuiHighlightDirective {
+class TuiHighlightDirective {
     constructor(documentRef, elementRef, renderer, resize$) {
         this.documentRef = documentRef;
         this.elementRef = elementRef;
         this.renderer = renderer;
         this.highlight = this.setUpHighlight();
         this.treeWalker = this.documentRef.createTreeWalker(this.elementRef.nativeElement, NodeFilter.SHOW_TEXT, svgNodeFilter, false);
-        this.tuiHighlight = '';
-        this.tuiHighlightColor = 'var(--tui-selection)';
+        this.tuiHighlight = ``;
+        this.tuiHighlightColor = `var(--tui-selection)`;
         resize$.subscribe(() => {
             this.updateStyles();
         });
@@ -25,7 +26,7 @@ let TuiHighlightDirective = class TuiHighlightDirective {
         this.updateStyles();
     }
     updateStyles() {
-        this.highlight.style.display = 'none';
+        this.highlight.style.display = `none`;
         if (!this.match) {
             return;
         }
@@ -42,11 +43,11 @@ let TuiHighlightDirective = class TuiHighlightDirective {
             const { left, top, width, height } = range.getBoundingClientRect();
             const { style } = this.highlight;
             style.background = this.tuiHighlightColor;
-            style.left = px(left - hostRect.left);
-            style.top = px(top - hostRect.top);
-            style.width = px(width);
-            style.height = px(height);
-            style.display = 'block';
+            style.left = tuiPx(left - hostRect.left);
+            style.top = tuiPx(top - hostRect.top);
+            style.width = tuiPx(width);
+            style.height = tuiPx(height);
+            style.display = `block`;
             return;
         } while (this.treeWalker.nextNode());
     }
@@ -56,51 +57,60 @@ let TuiHighlightDirective = class TuiHighlightDirective {
             : source.toLowerCase().indexOf(this.tuiHighlight.toLowerCase());
     }
     setUpHighlight() {
-        const highlight = this.renderer.createElement('div');
+        const highlight = this.renderer.createElement(`div`);
         const { style } = highlight;
         style.background = this.tuiHighlightColor;
-        style.zIndex = '-1';
-        style.position = 'absolute';
+        style.zIndex = `-1`;
+        style.position = `absolute`;
         this.renderer.appendChild(this.elementRef.nativeElement, highlight);
         return highlight;
     }
-};
-TuiHighlightDirective.ctorParameters = () => [
-    { type: Document, decorators: [{ type: Inject, args: [DOCUMENT,] }] },
-    { type: ElementRef, decorators: [{ type: Inject, args: [ElementRef,] }] },
-    { type: Renderer2, decorators: [{ type: Inject, args: [Renderer2,] }] },
-    { type: Observable, decorators: [{ type: Inject, args: [TuiResizeService,] }] }
-];
+}
+TuiHighlightDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: TuiHighlightDirective, deps: [{ token: DOCUMENT }, { token: ElementRef }, { token: Renderer2 }, { token: TuiResizeService }], target: i0.ɵɵFactoryTarget.Directive });
+TuiHighlightDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "12.2.16", type: TuiHighlightDirective, selector: "[tuiHighlight]", inputs: { tuiHighlight: "tuiHighlight", tuiHighlightColor: "tuiHighlightColor" }, host: { properties: { "style.position": "\"relative\"", "style.zIndex": "0" } }, providers: [TuiDestroyService, TuiResizeService], usesOnChanges: true, ngImport: i0 });
 __decorate([
-    Input(),
     tuiDefaultProp()
 ], TuiHighlightDirective.prototype, "tuiHighlight", void 0);
-__decorate([
-    Input()
-], TuiHighlightDirective.prototype, "tuiHighlightColor", void 0);
-TuiHighlightDirective = __decorate([
-    Directive({
-        selector: '[tuiHighlight]',
-        host: {
-            '[style.position]': '"relative"',
-            '[style.zIndex]': '0',
-        },
-        providers: [TuiDestroyService, TuiResizeService],
-    }),
-    __param(0, Inject(DOCUMENT)),
-    __param(1, Inject(ElementRef)),
-    __param(2, Inject(Renderer2)),
-    __param(3, Inject(TuiResizeService))
-], TuiHighlightDirective);
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: TuiHighlightDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: `[tuiHighlight]`,
+                    host: {
+                        '[style.position]': `"relative"`,
+                        '[style.zIndex]': `0`,
+                    },
+                    providers: [TuiDestroyService, TuiResizeService],
+                }]
+        }], ctorParameters: function () { return [{ type: Document, decorators: [{
+                    type: Inject,
+                    args: [DOCUMENT]
+                }] }, { type: i0.ElementRef, decorators: [{
+                    type: Inject,
+                    args: [ElementRef]
+                }] }, { type: i0.Renderer2, decorators: [{
+                    type: Inject,
+                    args: [Renderer2]
+                }] }, { type: i1.Observable, decorators: [{
+                    type: Inject,
+                    args: [TuiResizeService]
+                }] }]; }, propDecorators: { tuiHighlight: [{
+                type: Input
+            }], tuiHighlightColor: [{
+                type: Input
+            }] } });
 
-let TuiHighlightModule = class TuiHighlightModule {
-};
-TuiHighlightModule = __decorate([
-    NgModule({
-        declarations: [TuiHighlightDirective],
-        exports: [TuiHighlightDirective],
-    })
-], TuiHighlightModule);
+class TuiHighlightModule {
+}
+TuiHighlightModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: TuiHighlightModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+TuiHighlightModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: TuiHighlightModule, declarations: [TuiHighlightDirective], exports: [TuiHighlightDirective] });
+TuiHighlightModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: TuiHighlightModule });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: TuiHighlightModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    declarations: [TuiHighlightDirective],
+                    exports: [TuiHighlightDirective],
+                }]
+        }] });
 
 /**
  * Generated bundle index. Do not edit.

package/fesm2015/taiga-ui-kit-directives-highlight.js.map

@@ -1 +1 @@
-{"version":3,"file":"taiga-ui-kit-directives-highlight.js","sources":["ng://@taiga-ui/kit/directives/highlight/highlight.directive.ts","ng://@taiga-ui/kit/directives/highlight/highlight.module.ts","ng://@taiga-ui/kit/directives/highlight/taiga-ui-kit-directives-highlight.ts"],"sourcesContent":["import {DOCUMENT} from '@angular/common';\nimport {Directive, ElementRef, Inject, Input, OnChanges, Renderer2} from '@angular/core';\nimport {\n    px,\n    svgNodeFilter,\n    tuiDefaultProp,\n    TuiDestroyService,\n    TuiResizeService,\n} from '@taiga-ui/cdk';\nimport {Observable} from 'rxjs';\n\n// @dynamic\n@Directive({\n    selector: '[tuiHighlight]',\n    host: {\n        '[style.position]': '\"relative\"',\n        '[style.zIndex]': '0',\n    },\n    providers: [TuiDestroyService, TuiResizeService],\n})\nexport class TuiHighlightDirective implements OnChanges {\n    private readonly highlight: HTMLElement = this.setUpHighlight();\n\n    private readonly treeWalker = this.documentRef.createTreeWalker(\n        this.elementRef.nativeElement,\n        NodeFilter.SHOW_TEXT,\n        svgNodeFilter,\n        false,\n    );\n\n    @Input()\n    @tuiDefaultProp()\n    tuiHighlight = '';\n\n    @Input()\n    tuiHighlightColor = 'var(--tui-selection)';\n\n    constructor(\n        @Inject(DOCUMENT) private readonly documentRef: Document,\n        @Inject(ElementRef) private readonly elementRef: ElementRef<HTMLElement>,\n        @Inject(Renderer2) private readonly renderer: Renderer2,\n        @Inject(TuiResizeService) resize$: Observable<unknown>,\n    ) {\n        resize$.subscribe(() => {\n            this.updateStyles();\n        });\n    }\n\n    get match(): boolean {\n        return this.indexOf(this.elementRef.nativeElement.textContent) !== -1;\n    }\n\n    ngOnChanges(): void {\n        this.updateStyles();\n    }\n\n    private updateStyles(): void {\n        this.highlight.style.display = 'none';\n\n        if (!this.match) {\n            return;\n        }\n\n        this.treeWalker.currentNode = this.elementRef.nativeElement;\n\n        do {\n            const index = this.indexOf(this.treeWalker.currentNode.nodeValue);\n\n            if (index === -1) {\n                continue;\n            }\n\n            const range = this.documentRef.createRange();\n\n            range.setStart(this.treeWalker.currentNode, index);\n            range.setEnd(this.treeWalker.currentNode, index + this.tuiHighlight.length);\n\n            const hostRect = this.elementRef.nativeElement.getBoundingClientRect();\n            const {left, top, width, height} = range.getBoundingClientRect();\n            const {style} = this.highlight;\n\n            style.background = this.tuiHighlightColor;\n            style.left = px(left - hostRect.left);\n            style.top = px(top - hostRect.top);\n            style.width = px(width);\n            style.height = px(height);\n            style.display = 'block';\n\n            return;\n        } while (this.treeWalker.nextNode());\n    }\n\n    private indexOf(source: string | null): number {\n        return !source || !this.tuiHighlight\n            ? -1\n            : source.toLowerCase().indexOf(this.tuiHighlight.toLowerCase());\n    }\n\n    private setUpHighlight(): HTMLElement {\n        const highlight = this.renderer.createElement('div');\n        const {style} = highlight;\n\n        style.background = this.tuiHighlightColor;\n        style.zIndex = '-1';\n        style.position = 'absolute';\n        this.renderer.appendChild(this.elementRef.nativeElement, highlight);\n\n        return highlight;\n    }\n}\n","import {NgModule} from '@angular/core';\n\nimport {TuiHighlightDirective} from './highlight.directive';\n\n@NgModule({\n    declarations: [TuiHighlightDirective],\n    exports: [TuiHighlightDirective],\n})\nexport class TuiHighlightModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"taiga-ui-kit-directives-highlight.js","sources":["../../../projects/kit/directives/highlight/highlight.directive.ts","../../../projects/kit/directives/highlight/highlight.module.ts","../../../projects/kit/directives/highlight/taiga-ui-kit-directives-highlight.ts"],"sourcesContent":["import {DOCUMENT} from '@angular/common';\nimport {Directive, ElementRef, Inject, Input, OnChanges, Renderer2} from '@angular/core';\nimport {\n    svgNodeFilter,\n    tuiDefaultProp,\n    TuiDestroyService,\n    tuiPx,\n    TuiResizeService,\n} from '@taiga-ui/cdk';\nimport {Observable} from 'rxjs';\n\n// @dynamic\n@Directive({\n    selector: `[tuiHighlight]`,\n    host: {\n        '[style.position]': `\"relative\"`,\n        '[style.zIndex]': `0`,\n    },\n    providers: [TuiDestroyService, TuiResizeService],\n})\nexport class TuiHighlightDirective implements OnChanges {\n    private readonly highlight: HTMLElement = this.setUpHighlight();\n\n    private readonly treeWalker = this.documentRef.createTreeWalker(\n        this.elementRef.nativeElement,\n        NodeFilter.SHOW_TEXT,\n        svgNodeFilter,\n        false,\n    );\n\n    @Input()\n    @tuiDefaultProp()\n    tuiHighlight = ``;\n\n    @Input()\n    tuiHighlightColor = `var(--tui-selection)`;\n\n    constructor(\n        @Inject(DOCUMENT) private readonly documentRef: Document,\n        @Inject(ElementRef) private readonly elementRef: ElementRef<HTMLElement>,\n        @Inject(Renderer2) private readonly renderer: Renderer2,\n        @Inject(TuiResizeService) resize$: Observable<unknown>,\n    ) {\n        resize$.subscribe(() => {\n            this.updateStyles();\n        });\n    }\n\n    get match(): boolean {\n        return this.indexOf(this.elementRef.nativeElement.textContent) !== -1;\n    }\n\n    ngOnChanges(): void {\n        this.updateStyles();\n    }\n\n    private updateStyles(): void {\n        this.highlight.style.display = `none`;\n\n        if (!this.match) {\n            return;\n        }\n\n        this.treeWalker.currentNode = this.elementRef.nativeElement;\n\n        do {\n            const index = this.indexOf(this.treeWalker.currentNode.nodeValue);\n\n            if (index === -1) {\n                continue;\n            }\n\n            const range = this.documentRef.createRange();\n\n            range.setStart(this.treeWalker.currentNode, index);\n            range.setEnd(this.treeWalker.currentNode, index + this.tuiHighlight.length);\n\n            const hostRect = this.elementRef.nativeElement.getBoundingClientRect();\n            const {left, top, width, height} = range.getBoundingClientRect();\n            const {style} = this.highlight;\n\n            style.background = this.tuiHighlightColor;\n            style.left = tuiPx(left - hostRect.left);\n            style.top = tuiPx(top - hostRect.top);\n            style.width = tuiPx(width);\n            style.height = tuiPx(height);\n            style.display = `block`;\n\n            return;\n        } while (this.treeWalker.nextNode());\n    }\n\n    private indexOf(source: string | null): number {\n        return !source || !this.tuiHighlight\n            ? -1\n            : source.toLowerCase().indexOf(this.tuiHighlight.toLowerCase());\n    }\n\n    private setUpHighlight(): HTMLElement {\n        const highlight = this.renderer.createElement(`div`);\n        const {style} = highlight;\n\n        style.background = this.tuiHighlightColor;\n        style.zIndex = `-1`;\n        style.position = `absolute`;\n        this.renderer.appendChild(this.elementRef.nativeElement, highlight);\n\n        return highlight;\n    }\n}\n","import {NgModule} from '@angular/core';\n\nimport {TuiHighlightDirective} from './highlight.directive';\n\n@NgModule({\n    declarations: [TuiHighlightDirective],\n    exports: [TuiHighlightDirective],\n})\nexport class TuiHighlightModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}

package/fesm2015/taiga-ui-kit-directives-lazy-loading.js

@@ -1,11 +1,12 @@
-import { __decorate, __param } from 'tslib';
-import { ChangeDetectorRef, Inject, Injectable, ElementRef, Input, HostBinding, HostListener, Directive, NgModule } from '@angular/core';
+import * as i0 from '@angular/core';
+import { ChangeDetectorRef, Injectable, Inject, ElementRef, Directive, Input, HostBinding, HostListener, NgModule } from '@angular/core';
 import { IntersectionObserverService } from '@ng-web-apis/intersection-observer';
 import { watch, TuiDestroyService } from '@taiga-ui/cdk';
+import * as i1 from 'rxjs';
 import { Observable, of, Subject } from 'rxjs';
 import { switchMap, filter, mapTo, catchError, take, takeUntil } from 'rxjs/operators';
 
-let TuiLazyLoadingService = class TuiLazyLoadingService extends Observable {
+class TuiLazyLoadingService extends Observable {
     constructor(changeDetectorRef, destroy$, intersections$) {
         super(subscriber => this.src$
             .pipe(switchMap(src => intersections$.pipe(filter(([{ isIntersecting }]) => isIntersecting), mapTo(src), catchError(() => of(src)), watch(changeDetectorRef), take(1))), takeUntil(destroy$))
@@ -15,25 +16,28 @@ let TuiLazyLoadingService = class TuiLazyLoadingService extends Observable {
     next(src) {
         this.src$.next(src);
     }
-};
-TuiLazyLoadingService.ctorParameters = () => [
-    { type: ChangeDetectorRef, decorators: [{ type: Inject, args: [ChangeDetectorRef,] }] },
-    { type: Observable, decorators: [{ type: Inject, args: [TuiDestroyService,] }] },
-    { type: Observable, decorators: [{ type: Inject, args: [IntersectionObserverService,] }] }
-];
-TuiLazyLoadingService = __decorate([
-    Injectable(),
-    __param(0, Inject(ChangeDetectorRef)),
-    __param(1, Inject(TuiDestroyService)),
-    __param(2, Inject(IntersectionObserverService))
-], TuiLazyLoadingService);
+}
+TuiLazyLoadingService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: TuiLazyLoadingService, deps: [{ token: ChangeDetectorRef }, { token: TuiDestroyService }, { token: IntersectionObserverService }], target: i0.ɵɵFactoryTarget.Injectable });
+TuiLazyLoadingService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: TuiLazyLoadingService });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: TuiLazyLoadingService, decorators: [{
+            type: Injectable
+        }], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef, decorators: [{
+                    type: Inject,
+                    args: [ChangeDetectorRef]
+                }] }, { type: i1.Observable, decorators: [{
+                    type: Inject,
+                    args: [TuiDestroyService]
+                }] }, { type: i1.Observable, decorators: [{
+                    type: Inject,
+                    args: [IntersectionObserverService]
+                }] }]; } });
 
-let TuiLazyLoadingDirective = class TuiLazyLoadingDirective {
+class TuiLazyLoadingDirective {
     constructor(src$, elementRef) {
         this.src$ = src$;
         this.elementRef = elementRef;
-        this.animation = 'tuiSkeletonVibe ease-in-out 1s infinite alternate';
-        this.background = 'rgba(0, 0, 0, .16)';
+        this.animation = `tuiSkeletonVibe ease-in-out 1s infinite alternate`;
+        this.background = `rgba(0, 0, 0, .16)`;
         this.src = null;
         if (!this.supported) {
             this.src$.subscribe(src => {
@@ -46,49 +50,56 @@ let TuiLazyLoadingDirective = class TuiLazyLoadingDirective {
         this.src$.next(src);
     }
     get supported() {
-        return 'loading' in this.elementRef.nativeElement;
+        return `loading` in this.elementRef.nativeElement;
     }
     onLoad() {
-        this.background = '';
-        this.animation = '';
+        this.background = ``;
+        this.animation = ``;
     }
-};
-TuiLazyLoadingDirective.ctorParameters = () => [
-    { type: TuiLazyLoadingService, decorators: [{ type: Inject, args: [TuiLazyLoadingService,] }] },
-    { type: ElementRef, decorators: [{ type: Inject, args: [ElementRef,] }] }
-];
-__decorate([
-    Input('src')
-], TuiLazyLoadingDirective.prototype, "srcSetter", null);
-__decorate([
-    HostBinding('style.animation')
-], TuiLazyLoadingDirective.prototype, "animation", void 0);
-__decorate([
-    HostBinding('style.background')
-], TuiLazyLoadingDirective.prototype, "background", void 0);
-__decorate([
-    HostBinding('attr.src')
-], TuiLazyLoadingDirective.prototype, "src", void 0);
-__decorate([
-    HostListener('load')
-], TuiLazyLoadingDirective.prototype, "onLoad", null);
-TuiLazyLoadingDirective = __decorate([
-    Directive({
-        selector: 'img[loading="lazy"]',
-        providers: [TuiLazyLoadingService, IntersectionObserverService, TuiDestroyService],
-    }),
-    __param(0, Inject(TuiLazyLoadingService)),
-    __param(1, Inject(ElementRef))
-], TuiLazyLoadingDirective);
+}
+TuiLazyLoadingDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: TuiLazyLoadingDirective, deps: [{ token: TuiLazyLoadingService }, { token: ElementRef }], target: i0.ɵɵFactoryTarget.Directive });
+TuiLazyLoadingDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "12.2.16", type: TuiLazyLoadingDirective, selector: "img[loading=\"lazy\"]", inputs: { srcSetter: ["src", "srcSetter"] }, host: { listeners: { "load": "onLoad()" }, properties: { "style.animation": "this.animation", "style.background": "this.background", "attr.src": "this.src" } }, providers: [TuiLazyLoadingService, IntersectionObserverService, TuiDestroyService], ngImport: i0 });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: TuiLazyLoadingDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: `img[loading="lazy"]`,
+                    providers: [TuiLazyLoadingService, IntersectionObserverService, TuiDestroyService],
+                }]
+        }], ctorParameters: function () { return [{ type: TuiLazyLoadingService, decorators: [{
+                    type: Inject,
+                    args: [TuiLazyLoadingService]
+                }] }, { type: i0.ElementRef, decorators: [{
+                    type: Inject,
+                    args: [ElementRef]
+                }] }]; }, propDecorators: { srcSetter: [{
+                type: Input,
+                args: [`src`]
+            }], animation: [{
+                type: HostBinding,
+                args: [`style.animation`]
+            }], background: [{
+                type: HostBinding,
+                args: [`style.background`]
+            }], src: [{
+                type: HostBinding,
+                args: [`attr.src`]
+            }], onLoad: [{
+                type: HostListener,
+                args: [`load`]
+            }] } });
 
-let TuiLazyLoadingModule = class TuiLazyLoadingModule {
-};
-TuiLazyLoadingModule = __decorate([
-    NgModule({
-        declarations: [TuiLazyLoadingDirective],
-        exports: [TuiLazyLoadingDirective],
-    })
-], TuiLazyLoadingModule);
+class TuiLazyLoadingModule {
+}
+TuiLazyLoadingModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: TuiLazyLoadingModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+TuiLazyLoadingModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: TuiLazyLoadingModule, declarations: [TuiLazyLoadingDirective], exports: [TuiLazyLoadingDirective] });
+TuiLazyLoadingModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: TuiLazyLoadingModule });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: TuiLazyLoadingModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    declarations: [TuiLazyLoadingDirective],
+                    exports: [TuiLazyLoadingDirective],
+                }]
+        }] });
 
 /**
  * Generated bundle index. Do not edit.

package/fesm2015/taiga-ui-kit-directives-lazy-loading.js.map

@@ -1 +1 @@
-{"version":3,"file":"taiga-ui-kit-directives-lazy-loading.js","sources":["ng://@taiga-ui/kit/directives/lazy-loading/lazy-loading.service.ts","ng://@taiga-ui/kit/directives/lazy-loading/lazy-loading.directive.ts","ng://@taiga-ui/kit/directives/lazy-loading/lazy-loading.module.ts","ng://@taiga-ui/kit/directives/lazy-loading/taiga-ui-kit-directives-lazy-loading.ts"],"sourcesContent":["import {ChangeDetectorRef, Inject, Injectable} from '@angular/core';\nimport {IntersectionObserverService} from '@ng-web-apis/intersection-observer';\nimport {TuiDestroyService, watch} from '@taiga-ui/cdk';\nimport {Observable, of, Subject} from 'rxjs';\nimport {catchError, filter, mapTo, switchMap, take, takeUntil} from 'rxjs/operators';\n\n@Injectable()\nexport class TuiLazyLoadingService extends Observable<string> {\n    private readonly src$ = new Subject<string>();\n\n    constructor(\n        @Inject(ChangeDetectorRef) changeDetectorRef: ChangeDetectorRef,\n        @Inject(TuiDestroyService) destroy$: Observable<void>,\n        @Inject(IntersectionObserverService)\n        intersections$: Observable<IntersectionObserverEntry[]>,\n    ) {\n        super(subscriber =>\n            this.src$\n                .pipe(\n                    switchMap(src =>\n                        intersections$.pipe(\n                            filter(([{isIntersecting}]) => isIntersecting),\n                            mapTo(src),\n                            catchError(() => of(src)),\n                            watch(changeDetectorRef),\n                            take(1),\n                        ),\n                    ),\n                    takeUntil(destroy$),\n                )\n                .subscribe(subscriber),\n        );\n    }\n\n    next(src: string): void {\n        this.src$.next(src);\n    }\n}\n","import {\n    Directive,\n    ElementRef,\n    HostBinding,\n    HostListener,\n    Inject,\n    Input,\n} from '@angular/core';\nimport {IntersectionObserverService} from '@ng-web-apis/intersection-observer';\nimport {TuiDestroyService} from '@taiga-ui/cdk';\n\nimport {TuiLazyLoadingService} from './lazy-loading.service';\n\n@Directive({\n    selector: 'img[loading=\"lazy\"]',\n    providers: [TuiLazyLoadingService, IntersectionObserverService, TuiDestroyService],\n})\nexport class TuiLazyLoadingDirective {\n    @Input('src')\n    set srcSetter(src: string) {\n        this.src = this.supported ? src : null;\n        this.src$.next(src);\n    }\n\n    @HostBinding('style.animation')\n    animation = 'tuiSkeletonVibe ease-in-out 1s infinite alternate';\n\n    @HostBinding('style.background')\n    background = 'rgba(0, 0, 0, .16)';\n\n    @HostBinding('attr.src')\n    src: string | null = null;\n\n    constructor(\n        @Inject(TuiLazyLoadingService)\n        private readonly src$: TuiLazyLoadingService,\n        @Inject(ElementRef)\n        private readonly elementRef: ElementRef<HTMLImageElement>,\n    ) {\n        if (!this.supported) {\n            this.src$.subscribe(src => {\n                this.src = src;\n            });\n        }\n    }\n\n    private get supported(): boolean {\n        return 'loading' in this.elementRef.nativeElement;\n    }\n\n    @HostListener('load')\n    onLoad(): void {\n        this.background = '';\n        this.animation = '';\n    }\n}\n","import {NgModule} from '@angular/core';\n\nimport {TuiLazyLoadingDirective} from './lazy-loading.directive';\n\n@NgModule({\n    declarations: [TuiLazyLoadingDirective],\n    exports: [TuiLazyLoadingDirective],\n})\nexport class TuiLazyLoadingModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"taiga-ui-kit-directives-lazy-loading.js","sources":["../../../projects/kit/directives/lazy-loading/lazy-loading.service.ts","../../../projects/kit/directives/lazy-loading/lazy-loading.directive.ts","../../../projects/kit/directives/lazy-loading/lazy-loading.module.ts","../../../projects/kit/directives/lazy-loading/taiga-ui-kit-directives-lazy-loading.ts"],"sourcesContent":["import {ChangeDetectorRef, Inject, Injectable} from '@angular/core';\nimport {IntersectionObserverService} from '@ng-web-apis/intersection-observer';\nimport {TuiDestroyService, watch} from '@taiga-ui/cdk';\nimport {Observable, of, Subject} from 'rxjs';\nimport {catchError, filter, mapTo, switchMap, take, takeUntil} from 'rxjs/operators';\n\n@Injectable()\nexport class TuiLazyLoadingService extends Observable<string> {\n    private readonly src$ = new Subject<string>();\n\n    constructor(\n        @Inject(ChangeDetectorRef) changeDetectorRef: ChangeDetectorRef,\n        @Inject(TuiDestroyService) destroy$: Observable<void>,\n        @Inject(IntersectionObserverService)\n        intersections$: Observable<IntersectionObserverEntry[]>,\n    ) {\n        super(subscriber =>\n            this.src$\n                .pipe(\n                    switchMap(src =>\n                        intersections$.pipe(\n                            filter(([{isIntersecting}]) => isIntersecting),\n                            mapTo(src),\n                            catchError(() => of(src)),\n                            watch(changeDetectorRef),\n                            take(1),\n                        ),\n                    ),\n                    takeUntil(destroy$),\n                )\n                .subscribe(subscriber),\n        );\n    }\n\n    next(src: string): void {\n        this.src$.next(src);\n    }\n}\n","import {\n    Directive,\n    ElementRef,\n    HostBinding,\n    HostListener,\n    Inject,\n    Input,\n} from '@angular/core';\nimport {IntersectionObserverService} from '@ng-web-apis/intersection-observer';\nimport {TuiDestroyService} from '@taiga-ui/cdk';\n\nimport {TuiLazyLoadingService} from './lazy-loading.service';\n\n@Directive({\n    selector: `img[loading=\"lazy\"]`,\n    providers: [TuiLazyLoadingService, IntersectionObserverService, TuiDestroyService],\n})\nexport class TuiLazyLoadingDirective {\n    @Input(`src`)\n    set srcSetter(src: string) {\n        this.src = this.supported ? src : null;\n        this.src$.next(src);\n    }\n\n    @HostBinding(`style.animation`)\n    animation = `tuiSkeletonVibe ease-in-out 1s infinite alternate`;\n\n    @HostBinding(`style.background`)\n    background = `rgba(0, 0, 0, .16)`;\n\n    @HostBinding(`attr.src`)\n    src: string | null = null;\n\n    constructor(\n        @Inject(TuiLazyLoadingService)\n        private readonly src$: TuiLazyLoadingService,\n        @Inject(ElementRef)\n        private readonly elementRef: ElementRef<HTMLImageElement>,\n    ) {\n        if (!this.supported) {\n            this.src$.subscribe(src => {\n                this.src = src;\n            });\n        }\n    }\n\n    private get supported(): boolean {\n        return `loading` in this.elementRef.nativeElement;\n    }\n\n    @HostListener(`load`)\n    onLoad(): void {\n        this.background = ``;\n        this.animation = ``;\n    }\n}\n","import {NgModule} from '@angular/core';\n\nimport {TuiLazyLoadingDirective} from './lazy-loading.directive';\n\n@NgModule({\n    declarations: [TuiLazyLoadingDirective],\n    exports: [TuiLazyLoadingDirective],\n})\nexport class TuiLazyLoadingModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}

package/fesm2015/taiga-ui-kit-directives-present.js

@@ -1,11 +1,11 @@
-import { __decorate, __param } from 'tslib';
-import { ElementRef, Inject, Output, HostListener, Directive, NgModule } from '@angular/core';
+import * as i0 from '@angular/core';
+import { ElementRef, Directive, Inject, Output, HostListener, NgModule } from '@angular/core';
 import { USER_AGENT } from '@ng-web-apis/common';
 import { isFirefox, isCurrentTarget } from '@taiga-ui/cdk';
 import { BehaviorSubject } from 'rxjs';
 import { distinctUntilChanged, skip } from 'rxjs/operators';
 
-let TuiPresentDirective = class TuiPresentDirective {
+class TuiPresentDirective {
     constructor({ nativeElement }, userAgent) {
         this.visibility$ = new BehaviorSubject(false);
         this.tuiPresentChange = this.visibility$.pipe(distinctUntilChanged(), skip(1));
@@ -21,7 +21,7 @@ let TuiPresentDirective = class TuiPresentDirective {
         });
         observer.observe(nativeElement, {
             attributes: true,
-            attributeFilter: ['style', 'class'],
+            attributeFilter: [`style`, `class`],
         });
     }
     /**
@@ -43,37 +43,45 @@ let TuiPresentDirective = class TuiPresentDirective {
     ngOnDestroy() {
         this.visibility$.next(false);
     }
-};
-TuiPresentDirective.ctorParameters = () => [
-    { type: ElementRef, decorators: [{ type: Inject, args: [ElementRef,] }] },
-    { type: String, decorators: [{ type: Inject, args: [USER_AGENT,] }] }
-];
-__decorate([
-    Output()
-], TuiPresentDirective.prototype, "tuiPresentChange", void 0);
-__decorate([
-    HostListener('animationcancel', ['$event', 'false']),
-    HostListener('animationstart', ['$event', 'true'])
-], TuiPresentDirective.prototype, "onAnimation", null);
-TuiPresentDirective = __decorate([
-    Directive({
-        selector: '[tuiPresentChange]',
-        host: {
-            '[style.animation]': '"tuiPresent 1s infinite"',
-        },
-    }),
-    __param(0, Inject(ElementRef)),
-    __param(1, Inject(USER_AGENT))
-], TuiPresentDirective);
+}
+TuiPresentDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: TuiPresentDirective, deps: [{ token: ElementRef }, { token: USER_AGENT }], target: i0.ɵɵFactoryTarget.Directive });
+TuiPresentDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "12.2.16", type: TuiPresentDirective, selector: "[tuiPresentChange]", outputs: { tuiPresentChange: "tuiPresentChange" }, host: { listeners: { "animationcancel": "onAnimation($event,false)", "animationstart": "onAnimation($event,true)" }, properties: { "style.animation": "\"tuiPresent 1s infinite\"" } }, ngImport: i0 });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: TuiPresentDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: `[tuiPresentChange]`,
+                    host: {
+                        '[style.animation]': `"tuiPresent 1s infinite"`,
+                    },
+                }]
+        }], ctorParameters: function () { return [{ type: i0.ElementRef, decorators: [{
+                    type: Inject,
+                    args: [ElementRef]
+                }] }, { type: undefined, decorators: [{
+                    type: Inject,
+                    args: [USER_AGENT]
+                }] }]; }, propDecorators: { tuiPresentChange: [{
+                type: Output
+            }], onAnimation: [{
+                type: HostListener,
+                args: [`animationcancel`, [`$event`, `false`]]
+            }, {
+                type: HostListener,
+                args: [`animationstart`, [`$event`, `true`]]
+            }] } });
 
-let TuiPresentModule = class TuiPresentModule {
-};
-TuiPresentModule = __decorate([
-    NgModule({
-        declarations: [TuiPresentDirective],
-        exports: [TuiPresentDirective],
-    })
-], TuiPresentModule);
+class TuiPresentModule {
+}
+TuiPresentModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: TuiPresentModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+TuiPresentModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: TuiPresentModule, declarations: [TuiPresentDirective], exports: [TuiPresentDirective] });
+TuiPresentModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: TuiPresentModule });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: TuiPresentModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    declarations: [TuiPresentDirective],
+                    exports: [TuiPresentDirective],
+                }]
+        }] });
 
 /**
  * Generated bundle index. Do not edit.

package/fesm2015/taiga-ui-kit-directives-present.js.map

@@ -1 +1 @@
-{"version":3,"file":"taiga-ui-kit-directives-present.js","sources":["ng://@taiga-ui/kit/directives/present/present.directive.ts","ng://@taiga-ui/kit/directives/present/present.module.ts","ng://@taiga-ui/kit/directives/present/taiga-ui-kit-directives-present.ts"],"sourcesContent":["import {\n    Directive,\n    ElementRef,\n    HostListener,\n    Inject,\n    OnDestroy,\n    Output,\n} from '@angular/core';\nimport {USER_AGENT} from '@ng-web-apis/common';\nimport {isCurrentTarget, isFirefox} from '@taiga-ui/cdk';\nimport {BehaviorSubject} from 'rxjs';\nimport {distinctUntilChanged, skip} from 'rxjs/operators';\n\n@Directive({\n    selector: '[tuiPresentChange]',\n    host: {\n        '[style.animation]': '\"tuiPresent 1s infinite\"',\n    },\n})\nexport class TuiPresentDirective implements OnDestroy {\n    private readonly visibility$ = new BehaviorSubject(false);\n\n    @Output()\n    readonly tuiPresentChange = this.visibility$.pipe(distinctUntilChanged(), skip(1));\n\n    constructor(\n        @Inject(ElementRef) {nativeElement}: ElementRef<HTMLElement>,\n        @Inject(USER_AGENT) userAgent: string,\n    ) {\n        if (isFirefox(userAgent)) {\n            return;\n        }\n\n        const observer = new MutationObserver(() => {\n            if (\n                !nativeElement.offsetParent &&\n                nativeElement.offsetWidth === 0 &&\n                nativeElement.offsetHeight === 0\n            ) {\n                this.visibility$.next(false);\n            }\n        });\n\n        observer.observe(nativeElement, {\n            attributes: true,\n            attributeFilter: ['style', 'class'],\n        });\n    }\n\n    /**\n     * Someday animationcancel would work and mutation observer would not be needed:\n     * https://drafts.csswg.org/css-animations/#eventdef-animationevent-animationcancel\n     * It would also trigger on CSS like display: none on parent nodes which is awesome\n     * but currently only works in Firefox\n     * ___\n     * TODO: remove MutationObserver when we bump versions of supported browsers:\n     *** Safari 12+\n     *** Chrome 83+\n     * See: {@link https://caniuse.com/mdn-api_window_animationcancel_event}\n     */\n    @HostListener('animationcancel', ['$event', 'false'])\n    @HostListener('animationstart', ['$event', 'true'])\n    onAnimation(event: Event, visibility: boolean): void {\n        if (isCurrentTarget(event)) {\n            this.visibility$.next(visibility);\n        }\n    }\n\n    ngOnDestroy(): void {\n        this.visibility$.next(false);\n    }\n}\n","import {NgModule} from '@angular/core';\n\nimport {TuiPresentDirective} from './present.directive';\n\n@NgModule({\n    declarations: [TuiPresentDirective],\n    exports: [TuiPresentDirective],\n})\nexport class TuiPresentModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;;;;;IAmBa,mBAAmB,GAAhC,MAAa,mBAAmB;IAM5B,YACwB,EAAC,aAAa,EAA0B,EACxC,SAAiB;QAPxB,gBAAW,GAAG,IAAI,eAAe,CAAC,KAAK,CAAC,CAAC;QAGjD,qBAAgB,GAAG,IAAI,CAAC,WAAW,CAAC,IAAI,CAAC,oBAAoB,EAAE,EAAE,IAAI,CAAC,CAAC,CAAC,CAAC,CAAC;QAM/E,IAAI,SAAS,CAAC,SAAS,CAAC,EAAE;YACtB,OAAO;SACV;QAED,MAAM,QAAQ,GAAG,IAAI,gBAAgB,CAAC;YAClC,IACI,CAAC,aAAa,CAAC,YAAY;gBAC3B,aAAa,CAAC,WAAW,KAAK,CAAC;gBAC/B,aAAa,CAAC,YAAY,KAAK,CAAC,EAClC;gBACE,IAAI,CAAC,WAAW,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;aAChC;SACJ,CAAC,CAAC;QAEH,QAAQ,CAAC,OAAO,CAAC,aAAa,EAAE;YAC5B,UAAU,EAAE,IAAI;YAChB,eAAe,EAAE,CAAC,OAAO,EAAE,OAAO,CAAC;SACtC,CAAC,CAAC;KACN;;;;;;;;;;;;IAeD,WAAW,CAAC,KAAY,EAAE,UAAmB;QACzC,IAAI,eAAe,CAAC,KAAK,CAAC,EAAE;YACxB,IAAI,CAAC,WAAW,CAAC,IAAI,CAAC,UAAU,CAAC,CAAC;SACrC;KACJ;IAED,WAAW;QACP,IAAI,CAAC,WAAW,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;KAChC;EACJ;;YA7C4C,UAAU,uBAA9C,MAAM,SAAC,UAAU;yCACjB,MAAM,SAAC,UAAU;;AAJtB;IADC,MAAM,EAAE;6DAC0E;AAuCnF;IAFC,YAAY,CAAC,iBAAiB,EAAE,CAAC,QAAQ,EAAE,OAAO,CAAC,CAAC;IACpD,YAAY,CAAC,gBAAgB,EAAE,CAAC,QAAQ,EAAE,MAAM,CAAC,CAAC;sDAKlD;AA/CQ,mBAAmB;IAN/B,SAAS,CAAC;QACP,QAAQ,EAAE,oBAAoB;QAC9B,IAAI,EAAE;YACF,mBAAmB,EAAE,0BAA0B;SAClD;KACJ,CAAC;IAQO,WAAA,MAAM,CAAC,UAAU,CAAC,CAAA;IAClB,WAAA,MAAM,CAAC,UAAU,CAAC,CAAA;GARd,mBAAmB,CAoD/B;;IC/DY,gBAAgB,GAA7B,MAAa,gBAAgB;EAAG;AAAnB,gBAAgB;IAJ5B,QAAQ,CAAC;QACN,YAAY,EAAE,CAAC,mBAAmB,CAAC;QACnC,OAAO,EAAE,CAAC,mBAAmB,CAAC;KACjC,CAAC;GACW,gBAAgB,CAAG;;ACRhC;;;;;;"}
+{"version":3,"file":"taiga-ui-kit-directives-present.js","sources":["../../../projects/kit/directives/present/present.directive.ts","../../../projects/kit/directives/present/present.module.ts","../../../projects/kit/directives/present/taiga-ui-kit-directives-present.ts"],"sourcesContent":["import {\n    Directive,\n    ElementRef,\n    HostListener,\n    Inject,\n    OnDestroy,\n    Output,\n} from '@angular/core';\nimport {USER_AGENT} from '@ng-web-apis/common';\nimport {isCurrentTarget, isFirefox} from '@taiga-ui/cdk';\nimport {BehaviorSubject} from 'rxjs';\nimport {distinctUntilChanged, skip} from 'rxjs/operators';\n\n@Directive({\n    selector: `[tuiPresentChange]`,\n    host: {\n        '[style.animation]': `\"tuiPresent 1s infinite\"`,\n    },\n})\nexport class TuiPresentDirective implements OnDestroy {\n    private readonly visibility$ = new BehaviorSubject(false);\n\n    @Output()\n    readonly tuiPresentChange = this.visibility$.pipe(distinctUntilChanged(), skip(1));\n\n    constructor(\n        @Inject(ElementRef) {nativeElement}: ElementRef<HTMLElement>,\n        @Inject(USER_AGENT) userAgent: string,\n    ) {\n        if (isFirefox(userAgent)) {\n            return;\n        }\n\n        const observer = new MutationObserver(() => {\n            if (\n                !nativeElement.offsetParent &&\n                nativeElement.offsetWidth === 0 &&\n                nativeElement.offsetHeight === 0\n            ) {\n                this.visibility$.next(false);\n            }\n        });\n\n        observer.observe(nativeElement, {\n            attributes: true,\n            attributeFilter: [`style`, `class`],\n        });\n    }\n\n    /**\n     * Someday animationcancel would work and mutation observer would not be needed:\n     * https://drafts.csswg.org/css-animations/#eventdef-animationevent-animationcancel\n     * It would also trigger on CSS like display: none on parent nodes which is awesome\n     * but currently only works in Firefox\n     * ___\n     * TODO: remove MutationObserver when we bump versions of supported browsers:\n     *** Safari 12+\n     *** Chrome 83+\n     * See: {@link https://caniuse.com/mdn-api_window_animationcancel_event}\n     */\n    @HostListener(`animationcancel`, [`$event`, `false`])\n    @HostListener(`animationstart`, [`$event`, `true`])\n    onAnimation(event: Event, visibility: boolean): void {\n        if (isCurrentTarget(event)) {\n            this.visibility$.next(visibility);\n        }\n    }\n\n    ngOnDestroy(): void {\n        this.visibility$.next(false);\n    }\n}\n","import {NgModule} from '@angular/core';\n\nimport {TuiPresentDirective} from './present.directive';\n\n@NgModule({\n    declarations: [TuiPresentDirective],\n    exports: [TuiPresentDirective],\n})\nexport class TuiPresentModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}

package/fesm2015/taiga-ui-kit-directives-project-class.js

@@ -1,11 +1,12 @@
-import { __decorate, __param } from 'tslib';
-import { ElementRef, Inject, Input, Directive, NgModule } from '@angular/core';
+import { __decorate } from 'tslib';
+import * as i0 from '@angular/core';
+import { ElementRef, Directive, Inject, Input, NgModule } from '@angular/core';
 import { tuiDefaultProp } from '@taiga-ui/cdk';
 
 /**
  * A directive for projecting classes from nested children to host
  */
-let TuiProjectClassDirective = class TuiProjectClassDirective {
+class TuiProjectClassDirective {
     constructor(elementRef) {
         this.elementRef = elementRef;
         this.classNames = [];
@@ -24,29 +25,37 @@ let TuiProjectClassDirective = class TuiProjectClassDirective {
             }
         });
     }
-};
-TuiProjectClassDirective.ctorParameters = () => [
-    { type: ElementRef, decorators: [{ type: Inject, args: [ElementRef,] }] }
-];
+}
+TuiProjectClassDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: TuiProjectClassDirective, deps: [{ token: ElementRef }], target: i0.ɵɵFactoryTarget.Directive });
+TuiProjectClassDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "12.2.16", type: TuiProjectClassDirective, selector: "[tuiProjectClass]", inputs: { classNames: ["tuiProjectClass", "classNames"] }, ngImport: i0 });
 __decorate([
-    Input('tuiProjectClass'),
     tuiDefaultProp()
 ], TuiProjectClassDirective.prototype, "classNames", void 0);
-TuiProjectClassDirective = __decorate([
-    Directive({
-        selector: '[tuiProjectClass]',
-    }),
-    __param(0, Inject(ElementRef))
-], TuiProjectClassDirective);
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: TuiProjectClassDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: `[tuiProjectClass]`,
+                }]
+        }], ctorParameters: function () { return [{ type: i0.ElementRef, decorators: [{
+                    type: Inject,
+                    args: [ElementRef]
+                }] }]; }, propDecorators: { classNames: [{
+                type: Input,
+                args: [`tuiProjectClass`]
+            }] } });
 
-let TuiProjectClassModule = class TuiProjectClassModule {
-};
-TuiProjectClassModule = __decorate([
-    NgModule({
-        declarations: [TuiProjectClassDirective],
-        exports: [TuiProjectClassDirective],
-    })
-], TuiProjectClassModule);
+class TuiProjectClassModule {
+}
+TuiProjectClassModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: TuiProjectClassModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+TuiProjectClassModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: TuiProjectClassModule, declarations: [TuiProjectClassDirective], exports: [TuiProjectClassDirective] });
+TuiProjectClassModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: TuiProjectClassModule });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: TuiProjectClassModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    declarations: [TuiProjectClassDirective],
+                    exports: [TuiProjectClassDirective],
+                }]
+        }] });
 
 /**
  * Generated bundle index. Do not edit.