@taiga-ui/cdk 4.5.0-canary.50decb3 → 4.5.0-canary.538706d

package/esm2022/directives/obscured/obscured.service.mjs

@@ -1,6 +1,6 @@
 import { inject, Injectable } from '@angular/core';
 import { WA_ANIMATION_FRAME } from '@ng-web-apis/common';
-import { tuiZoneOptimized } from '@taiga-ui/cdk/observables';
+import { tuiZonefreeScheduler, tuiZoneOptimized } from '@taiga-ui/cdk/observables';
 import { tuiGetElementObscures, tuiInjectElement } from '@taiga-ui/cdk/utils/dom';
 import { distinctUntilChanged, map, Observable, startWith, throttleTime } from 'rxjs';
 import * as i0 from "@angular/core";
@@ -12,7 +12,7 @@ class TuiObscuredService extends Observable {
     constructor() {
         super((subscriber) => this.obscured$.subscribe(subscriber));
         this.el = tuiInjectElement();
-        this.obscured$ = inject(WA_ANIMATION_FRAME).pipe(throttleTime(100), map(() => tuiGetElementObscures(this.el)), startWith(null), distinctUntilChanged(), tuiZoneOptimized());
+        this.obscured$ = inject(WA_ANIMATION_FRAME).pipe(throttleTime(100, tuiZonefreeScheduler()), map(() => tuiGetElementObscures(this.el)), startWith(null), distinctUntilChanged(), tuiZoneOptimized());
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: TuiObscuredService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
     static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: TuiObscuredService }); }
@@ -21,4 +21,4 @@ export { TuiObscuredService };
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: TuiObscuredService, decorators: [{
             type: Injectable
         }], ctorParameters: function () { return []; } });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoib2JzY3VyZWQuc2VydmljZS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2Nkay9kaXJlY3RpdmVzL29ic2N1cmVkL29ic2N1cmVkLnNlcnZpY2UudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFDLE1BQU0sRUFBRSxVQUFVLEVBQUMsTUFBTSxlQUFlLENBQUM7QUFDakQsT0FBTyxFQUFDLGtCQUFrQixFQUFDLE1BQU0scUJBQXFCLENBQUM7QUFDdkQsT0FBTyxFQUFDLGdCQUFnQixFQUFDLE1BQU0sMkJBQTJCLENBQUM7QUFDM0QsT0FBTyxFQUFDLHFCQUFxQixFQUFFLGdCQUFnQixFQUFDLE1BQU0seUJBQXlCLENBQUM7QUFDaEYsT0FBTyxFQUFDLG9CQUFvQixFQUFFLEdBQUcsRUFBRSxVQUFVLEVBQUUsU0FBUyxFQUFFLFlBQVksRUFBQyxNQUFNLE1BQU0sQ0FBQzs7QUFFcEY7OztHQUdHO0FBQ0gsTUFDYSxrQkFBbUIsU0FBUSxVQUFxQztJQVV6RTtRQUNJLEtBQUssQ0FBQyxDQUFDLFVBQVUsRUFBRSxFQUFFLENBQUMsSUFBSSxDQUFDLFNBQVMsQ0FBQyxTQUFTLENBQUMsVUFBVSxDQUFDLENBQUMsQ0FBQztRQVYvQyxPQUFFLEdBQUcsZ0JBQWdCLEVBQUUsQ0FBQztRQUN4QixjQUFTLEdBQUcsTUFBTSxDQUFDLGtCQUFrQixDQUFDLENBQUMsSUFBSSxDQUN4RCxZQUFZLENBQUMsR0FBRyxDQUFDLEVBQ2pCLEdBQUcsQ0FBQyxHQUFHLEVBQUUsQ0FBQyxxQkFBcUIsQ0FBQyxJQUFJLENBQUMsRUFBRSxDQUFDLENBQUMsRUFDekMsU0FBUyxDQUFDLElBQUksQ0FBQyxFQUNmLG9CQUFvQixFQUFFLEVBQ3RCLGdCQUFnQixFQUFFLENBQ3JCLENBQUM7SUFJRixDQUFDOytHQVpRLGtCQUFrQjttSEFBbEIsa0JBQWtCOztTQUFsQixrQkFBa0I7NEZBQWxCLGtCQUFrQjtrQkFEOUIsVUFBVSIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7aW5qZWN0LCBJbmplY3RhYmxlfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7V0FfQU5JTUFUSU9OX0ZSQU1FfSBmcm9tICdAbmctd2ViLWFwaXMvY29tbW9uJztcbmltcG9ydCB7dHVpWm9uZU9wdGltaXplZH0gZnJvbSAnQHRhaWdhLXVpL2Nkay9vYnNlcnZhYmxlcyc7XG5pbXBvcnQge3R1aUdldEVsZW1lbnRPYnNjdXJlcywgdHVpSW5qZWN0RWxlbWVudH0gZnJvbSAnQHRhaWdhLXVpL2Nkay91dGlscy9kb20nO1xuaW1wb3J0IHtkaXN0aW5jdFVudGlsQ2hhbmdlZCwgbWFwLCBPYnNlcnZhYmxlLCBzdGFydFdpdGgsIHRocm90dGxlVGltZX0gZnJvbSAncnhqcyc7XG5cbi8qKlxuICogU2VydmljZSB0aGF0IG1vbml0b3JzIGVsZW1lbnQgdmlzaWJpbGl0eSBieSBwb2xsaW5nIGFuZCByZXR1cm5pbmdcbiAqIGVpdGhlciBudWxsIG9yIGFuIGFycmF5IG9mIGVsZW1lbnRzIHRoYXQgb3ZlcmxhcCBnaXZlbiBlbGVtZW50IGVkZ2VzXG4gKi9cbkBJbmplY3RhYmxlKClcbmV4cG9ydCBjbGFzcyBUdWlPYnNjdXJlZFNlcnZpY2UgZXh0ZW5kcyBPYnNlcnZhYmxlPHJlYWRvbmx5IEVsZW1lbnRbXSB8IG51bGw+IHtcbiAgICBwcml2YXRlIHJlYWRvbmx5IGVsID0gdHVpSW5qZWN0RWxlbWVudCgpO1xuICAgIHByaXZhdGUgcmVhZG9ubHkgb2JzY3VyZWQkID0gaW5qZWN0KFdBX0FOSU1BVElPTl9GUkFNRSkucGlwZShcbiAgICAgICAgdGhyb3R0bGVUaW1lKDEwMCksXG4gICAgICAgIG1hcCgoKSA9PiB0dWlHZXRFbGVtZW50T2JzY3VyZXModGhpcy5lbCkpLFxuICAgICAgICBzdGFydFdpdGgobnVsbCksXG4gICAgICAgIGRpc3RpbmN0VW50aWxDaGFuZ2VkKCksXG4gICAgICAgIHR1aVpvbmVPcHRpbWl6ZWQoKSxcbiAgICApO1xuXG4gICAgY29uc3RydWN0b3IoKSB7XG4gICAgICAgIHN1cGVyKChzdWJzY3JpYmVyKSA9PiB0aGlzLm9ic2N1cmVkJC5zdWJzY3JpYmUoc3Vic2NyaWJlcikpO1xuICAgIH1cbn1cbiJdfQ==
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoib2JzY3VyZWQuc2VydmljZS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2Nkay9kaXJlY3RpdmVzL29ic2N1cmVkL29ic2N1cmVkLnNlcnZpY2UudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFDLE1BQU0sRUFBRSxVQUFVLEVBQUMsTUFBTSxlQUFlLENBQUM7QUFDakQsT0FBTyxFQUFDLGtCQUFrQixFQUFDLE1BQU0scUJBQXFCLENBQUM7QUFDdkQsT0FBTyxFQUFDLG9CQUFvQixFQUFFLGdCQUFnQixFQUFDLE1BQU0sMkJBQTJCLENBQUM7QUFDakYsT0FBTyxFQUFDLHFCQUFxQixFQUFFLGdCQUFnQixFQUFDLE1BQU0seUJBQXlCLENBQUM7QUFDaEYsT0FBTyxFQUFDLG9CQUFvQixFQUFFLEdBQUcsRUFBRSxVQUFVLEVBQUUsU0FBUyxFQUFFLFlBQVksRUFBQyxNQUFNLE1BQU0sQ0FBQzs7QUFFcEY7OztHQUdHO0FBQ0gsTUFDYSxrQkFBbUIsU0FBUSxVQUFxQztJQVV6RTtRQUNJLEtBQUssQ0FBQyxDQUFDLFVBQVUsRUFBRSxFQUFFLENBQUMsSUFBSSxDQUFDLFNBQVMsQ0FBQyxTQUFTLENBQUMsVUFBVSxDQUFDLENBQUMsQ0FBQztRQVYvQyxPQUFFLEdBQUcsZ0JBQWdCLEVBQUUsQ0FBQztRQUN4QixjQUFTLEdBQUcsTUFBTSxDQUFDLGtCQUFrQixDQUFDLENBQUMsSUFBSSxDQUN4RCxZQUFZLENBQUMsR0FBRyxFQUFFLG9CQUFvQixFQUFFLENBQUMsRUFDekMsR0FBRyxDQUFDLEdBQUcsRUFBRSxDQUFDLHFCQUFxQixDQUFDLElBQUksQ0FBQyxFQUFFLENBQUMsQ0FBQyxFQUN6QyxTQUFTLENBQUMsSUFBSSxDQUFDLEVBQ2Ysb0JBQW9CLEVBQUUsRUFDdEIsZ0JBQWdCLEVBQUUsQ0FDckIsQ0FBQztJQUlGLENBQUM7K0dBWlEsa0JBQWtCO21IQUFsQixrQkFBa0I7O1NBQWxCLGtCQUFrQjs0RkFBbEIsa0JBQWtCO2tCQUQ5QixVQUFVIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHtpbmplY3QsIEluamVjdGFibGV9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHtXQV9BTklNQVRJT05fRlJBTUV9IGZyb20gJ0BuZy13ZWItYXBpcy9jb21tb24nO1xuaW1wb3J0IHt0dWlab25lZnJlZVNjaGVkdWxlciwgdHVpWm9uZU9wdGltaXplZH0gZnJvbSAnQHRhaWdhLXVpL2Nkay9vYnNlcnZhYmxlcyc7XG5pbXBvcnQge3R1aUdldEVsZW1lbnRPYnNjdXJlcywgdHVpSW5qZWN0RWxlbWVudH0gZnJvbSAnQHRhaWdhLXVpL2Nkay91dGlscy9kb20nO1xuaW1wb3J0IHtkaXN0aW5jdFVudGlsQ2hhbmdlZCwgbWFwLCBPYnNlcnZhYmxlLCBzdGFydFdpdGgsIHRocm90dGxlVGltZX0gZnJvbSAncnhqcyc7XG5cbi8qKlxuICogU2VydmljZSB0aGF0IG1vbml0b3JzIGVsZW1lbnQgdmlzaWJpbGl0eSBieSBwb2xsaW5nIGFuZCByZXR1cm5pbmdcbiAqIGVpdGhlciBudWxsIG9yIGFuIGFycmF5IG9mIGVsZW1lbnRzIHRoYXQgb3ZlcmxhcCBnaXZlbiBlbGVtZW50IGVkZ2VzXG4gKi9cbkBJbmplY3RhYmxlKClcbmV4cG9ydCBjbGFzcyBUdWlPYnNjdXJlZFNlcnZpY2UgZXh0ZW5kcyBPYnNlcnZhYmxlPHJlYWRvbmx5IEVsZW1lbnRbXSB8IG51bGw+IHtcbiAgICBwcml2YXRlIHJlYWRvbmx5IGVsID0gdHVpSW5qZWN0RWxlbWVudCgpO1xuICAgIHByaXZhdGUgcmVhZG9ubHkgb2JzY3VyZWQkID0gaW5qZWN0KFdBX0FOSU1BVElPTl9GUkFNRSkucGlwZShcbiAgICAgICAgdGhyb3R0bGVUaW1lKDEwMCwgdHVpWm9uZWZyZWVTY2hlZHVsZXIoKSksXG4gICAgICAgIG1hcCgoKSA9PiB0dWlHZXRFbGVtZW50T2JzY3VyZXModGhpcy5lbCkpLFxuICAgICAgICBzdGFydFdpdGgobnVsbCksXG4gICAgICAgIGRpc3RpbmN0VW50aWxDaGFuZ2VkKCksXG4gICAgICAgIHR1aVpvbmVPcHRpbWl6ZWQoKSxcbiAgICApO1xuXG4gICAgY29uc3RydWN0b3IoKSB7XG4gICAgICAgIHN1cGVyKChzdWJzY3JpYmVyKSA9PiB0aGlzLm9ic2N1cmVkJC5zdWJzY3JpYmUoc3Vic2NyaWJlcikpO1xuICAgIH1cbn1cbiJdfQ==

package/fesm2022/taiga-ui-cdk-directives-obscured.mjs

@@ -1,7 +1,7 @@
 import * as i0 from '@angular/core';
 import { inject, Injectable, Directive, Output, Input } from '@angular/core';
 import { TuiActiveZone } from '@taiga-ui/cdk/directives/active-zone';
-import { tuiZoneOptimized, tuiIfMap } from '@taiga-ui/cdk/observables';
+import { tuiZonefreeScheduler, tuiZoneOptimized, tuiIfMap } from '@taiga-ui/cdk/observables';
 import { Observable, throttleTime, map, startWith, distinctUntilChanged, Subject } from 'rxjs';
 import { WA_ANIMATION_FRAME } from '@ng-web-apis/common';
 import { tuiInjectElement, tuiGetElementObscures } from '@taiga-ui/cdk/utils/dom';
@@ -14,7 +14,7 @@ class TuiObscuredService extends Observable {
     constructor() {
         super((subscriber) => this.obscured$.subscribe(subscriber));
         this.el = tuiInjectElement();
-        this.obscured$ = inject(WA_ANIMATION_FRAME).pipe(throttleTime(100), map(() => tuiGetElementObscures(this.el)), startWith(null), distinctUntilChanged(), tuiZoneOptimized());
+        this.obscured$ = inject(WA_ANIMATION_FRAME).pipe(throttleTime(100, tuiZonefreeScheduler()), map(() => tuiGetElementObscures(this.el)), startWith(null), distinctUntilChanged(), tuiZoneOptimized());
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: TuiObscuredService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
     static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: TuiObscuredService }); }

package/fesm2022/taiga-ui-cdk-directives-obscured.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"taiga-ui-cdk-directives-obscured.mjs","sources":["../../../projects/cdk/directives/obscured/obscured.service.ts","../../../projects/cdk/directives/obscured/obscured.directive.ts","../../../projects/cdk/directives/obscured/taiga-ui-cdk-directives-obscured.ts"],"sourcesContent":["import {inject, Injectable} from '@angular/core';\nimport {WA_ANIMATION_FRAME} from '@ng-web-apis/common';\nimport {tuiZoneOptimized} from '@taiga-ui/cdk/observables';\nimport {tuiGetElementObscures, tuiInjectElement} from '@taiga-ui/cdk/utils/dom';\nimport {distinctUntilChanged, map, Observable, startWith, throttleTime} from 'rxjs';\n\n/**\n * Service that monitors element visibility by polling and returning\n * either null or an array of elements that overlap given element edges\n */\n@Injectable()\nexport class TuiObscuredService extends Observable<readonly Element[] | null> {\n    private readonly el = tuiInjectElement();\n    private readonly obscured$ = inject(WA_ANIMATION_FRAME).pipe(\n        throttleTime(100),\n        map(() => tuiGetElementObscures(this.el)),\n        startWith(null),\n        distinctUntilChanged(),\n        tuiZoneOptimized(),\n    );\n\n    constructor() {\n        super((subscriber) => this.obscured$.subscribe(subscriber));\n    }\n}\n","import {Directive, inject, Input, Output} from '@angular/core';\nimport {TuiActiveZone} from '@taiga-ui/cdk/directives/active-zone';\nimport {tuiIfMap} from '@taiga-ui/cdk/observables';\nimport {map, Subject} from 'rxjs';\n\nimport {TuiObscuredService} from './obscured.service';\n\n/**\n * Directive that monitors element visibility\n */\n@Directive({\n    standalone: true,\n    selector: '[tuiObscured]',\n    providers: [TuiObscuredService],\n})\nexport class TuiObscured {\n    private readonly activeZone = inject(TuiActiveZone, {optional: true});\n    private readonly enabled$ = new Subject<boolean>();\n    private readonly obscured$ = inject(TuiObscuredService, {self: true}).pipe(\n        map((by) => !!by?.every((el) => !this.activeZone?.contains(el))),\n    );\n\n    @Output()\n    public readonly tuiObscured = this.enabled$.pipe(tuiIfMap(() => this.obscured$));\n\n    @Input()\n    public set tuiObscuredEnabled(enabled: boolean) {\n        this.enabled$.next(enabled);\n    }\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;;;;;;AAMA;;;AAGG;AACH,MACa,kBAAmB,SAAQ,UAAqC,CAAA;AAUzE,IAAA,WAAA,GAAA;AACI,QAAA,KAAK,CAAC,CAAC,UAAU,KAAK,IAAI,CAAC,SAAS,CAAC,SAAS,CAAC,UAAU,CAAC,CAAC,CAAC;QAV/C,IAAE,CAAA,EAAA,GAAG,gBAAgB,EAAE,CAAC;AACxB,QAAA,IAAA,CAAA,SAAS,GAAG,MAAM,CAAC,kBAAkB,CAAC,CAAC,IAAI,CACxD,YAAY,CAAC,GAAG,CAAC,EACjB,GAAG,CAAC,MAAM,qBAAqB,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC,EACzC,SAAS,CAAC,IAAI,CAAC,EACf,oBAAoB,EAAE,EACtB,gBAAgB,EAAE,CACrB,CAAC;KAID;+GAZQ,kBAAkB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,UAAA,EAAA,CAAA,CAAA,EAAA;mHAAlB,kBAAkB,EAAA,CAAA,CAAA,EAAA;;4FAAlB,kBAAkB,EAAA,UAAA,EAAA,CAAA;kBAD9B,UAAU;;;ACHX;;AAEG;AACH,MAKa,WAAW,CAAA;AALxB,IAAA,WAAA,GAAA;QAMqB,IAAU,CAAA,UAAA,GAAG,MAAM,CAAC,aAAa,EAAE,EAAC,QAAQ,EAAE,IAAI,EAAC,CAAC,CAAC;AACrD,QAAA,IAAA,CAAA,QAAQ,GAAG,IAAI,OAAO,EAAW,CAAC;QAClC,IAAS,CAAA,SAAA,GAAG,MAAM,CAAC,kBAAkB,EAAE,EAAC,IAAI,EAAE,IAAI,EAAC,CAAC,CAAC,IAAI,CACtE,GAAG,CAAC,CAAC,EAAE,KAAK,CAAC,CAAC,EAAE,EAAE,KAAK,CAAC,CAAC,EAAE,KAAK,CAAC,IAAI,CAAC,UAAU,EAAE,QAAQ,CAAC,EAAE,CAAC,CAAC,CAAC,CACnE,CAAC;AAGc,QAAA,IAAA,CAAA,WAAW,GAAG,IAAI,CAAC,QAAQ,CAAC,IAAI,CAAC,QAAQ,CAAC,MAAM,IAAI,CAAC,SAAS,CAAC,CAAC,CAAC;AAMpF,KAAA;IAJG,IACW,kBAAkB,CAAC,OAAgB,EAAA;AAC1C,QAAA,IAAI,CAAC,QAAQ,CAAC,IAAI,CAAC,OAAO,CAAC,CAAC;KAC/B;+GAbQ,WAAW,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA,EAAA;mGAAX,WAAW,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,eAAA,EAAA,MAAA,EAAA,EAAA,kBAAA,EAAA,oBAAA,EAAA,EAAA,OAAA,EAAA,EAAA,WAAA,EAAA,aAAA,EAAA,EAAA,SAAA,EAFT,CAAC,kBAAkB,CAAC,EAAA,QAAA,EAAA,EAAA,EAAA,CAAA,CAAA,EAAA;;4FAEtB,WAAW,EAAA,UAAA,EAAA,CAAA;kBALvB,SAAS;AAAC,YAAA,IAAA,EAAA,CAAA;AACP,oBAAA,UAAU,EAAE,IAAI;AAChB,oBAAA,QAAQ,EAAE,eAAe;oBACzB,SAAS,EAAE,CAAC,kBAAkB,CAAC;AAClC,iBAAA,CAAA;8BASmB,WAAW,EAAA,CAAA;sBAD1B,MAAM;gBAII,kBAAkB,EAAA,CAAA;sBAD5B,KAAK;;;ACzBV;;AAEG;;;;"}
+{"version":3,"file":"taiga-ui-cdk-directives-obscured.mjs","sources":["../../../projects/cdk/directives/obscured/obscured.service.ts","../../../projects/cdk/directives/obscured/obscured.directive.ts","../../../projects/cdk/directives/obscured/taiga-ui-cdk-directives-obscured.ts"],"sourcesContent":["import {inject, Injectable} from '@angular/core';\nimport {WA_ANIMATION_FRAME} from '@ng-web-apis/common';\nimport {tuiZonefreeScheduler, tuiZoneOptimized} from '@taiga-ui/cdk/observables';\nimport {tuiGetElementObscures, tuiInjectElement} from '@taiga-ui/cdk/utils/dom';\nimport {distinctUntilChanged, map, Observable, startWith, throttleTime} from 'rxjs';\n\n/**\n * Service that monitors element visibility by polling and returning\n * either null or an array of elements that overlap given element edges\n */\n@Injectable()\nexport class TuiObscuredService extends Observable<readonly Element[] | null> {\n    private readonly el = tuiInjectElement();\n    private readonly obscured$ = inject(WA_ANIMATION_FRAME).pipe(\n        throttleTime(100, tuiZonefreeScheduler()),\n        map(() => tuiGetElementObscures(this.el)),\n        startWith(null),\n        distinctUntilChanged(),\n        tuiZoneOptimized(),\n    );\n\n    constructor() {\n        super((subscriber) => this.obscured$.subscribe(subscriber));\n    }\n}\n","import {Directive, inject, Input, Output} from '@angular/core';\nimport {TuiActiveZone} from '@taiga-ui/cdk/directives/active-zone';\nimport {tuiIfMap} from '@taiga-ui/cdk/observables';\nimport {map, Subject} from 'rxjs';\n\nimport {TuiObscuredService} from './obscured.service';\n\n/**\n * Directive that monitors element visibility\n */\n@Directive({\n    standalone: true,\n    selector: '[tuiObscured]',\n    providers: [TuiObscuredService],\n})\nexport class TuiObscured {\n    private readonly activeZone = inject(TuiActiveZone, {optional: true});\n    private readonly enabled$ = new Subject<boolean>();\n    private readonly obscured$ = inject(TuiObscuredService, {self: true}).pipe(\n        map((by) => !!by?.every((el) => !this.activeZone?.contains(el))),\n    );\n\n    @Output()\n    public readonly tuiObscured = this.enabled$.pipe(tuiIfMap(() => this.obscured$));\n\n    @Input()\n    public set tuiObscuredEnabled(enabled: boolean) {\n        this.enabled$.next(enabled);\n    }\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;;;;;;AAMA;;;AAGG;AACH,MACa,kBAAmB,SAAQ,UAAqC,CAAA;AAUzE,IAAA,WAAA,GAAA;AACI,QAAA,KAAK,CAAC,CAAC,UAAU,KAAK,IAAI,CAAC,SAAS,CAAC,SAAS,CAAC,UAAU,CAAC,CAAC,CAAC;QAV/C,IAAE,CAAA,EAAA,GAAG,gBAAgB,EAAE,CAAC;AACxB,QAAA,IAAA,CAAA,SAAS,GAAG,MAAM,CAAC,kBAAkB,CAAC,CAAC,IAAI,CACxD,YAAY,CAAC,GAAG,EAAE,oBAAoB,EAAE,CAAC,EACzC,GAAG,CAAC,MAAM,qBAAqB,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC,EACzC,SAAS,CAAC,IAAI,CAAC,EACf,oBAAoB,EAAE,EACtB,gBAAgB,EAAE,CACrB,CAAC;KAID;+GAZQ,kBAAkB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,UAAA,EAAA,CAAA,CAAA,EAAA;mHAAlB,kBAAkB,EAAA,CAAA,CAAA,EAAA;;4FAAlB,kBAAkB,EAAA,UAAA,EAAA,CAAA;kBAD9B,UAAU;;;ACHX;;AAEG;AACH,MAKa,WAAW,CAAA;AALxB,IAAA,WAAA,GAAA;QAMqB,IAAU,CAAA,UAAA,GAAG,MAAM,CAAC,aAAa,EAAE,EAAC,QAAQ,EAAE,IAAI,EAAC,CAAC,CAAC;AACrD,QAAA,IAAA,CAAA,QAAQ,GAAG,IAAI,OAAO,EAAW,CAAC;QAClC,IAAS,CAAA,SAAA,GAAG,MAAM,CAAC,kBAAkB,EAAE,EAAC,IAAI,EAAE,IAAI,EAAC,CAAC,CAAC,IAAI,CACtE,GAAG,CAAC,CAAC,EAAE,KAAK,CAAC,CAAC,EAAE,EAAE,KAAK,CAAC,CAAC,EAAE,KAAK,CAAC,IAAI,CAAC,UAAU,EAAE,QAAQ,CAAC,EAAE,CAAC,CAAC,CAAC,CACnE,CAAC;AAGc,QAAA,IAAA,CAAA,WAAW,GAAG,IAAI,CAAC,QAAQ,CAAC,IAAI,CAAC,QAAQ,CAAC,MAAM,IAAI,CAAC,SAAS,CAAC,CAAC,CAAC;AAMpF,KAAA;IAJG,IACW,kBAAkB,CAAC,OAAgB,EAAA;AAC1C,QAAA,IAAI,CAAC,QAAQ,CAAC,IAAI,CAAC,OAAO,CAAC,CAAC;KAC/B;+GAbQ,WAAW,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA,EAAA;mGAAX,WAAW,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,eAAA,EAAA,MAAA,EAAA,EAAA,kBAAA,EAAA,oBAAA,EAAA,EAAA,OAAA,EAAA,EAAA,WAAA,EAAA,aAAA,EAAA,EAAA,SAAA,EAFT,CAAC,kBAAkB,CAAC,EAAA,QAAA,EAAA,EAAA,EAAA,CAAA,CAAA,EAAA;;4FAEtB,WAAW,EAAA,UAAA,EAAA,CAAA;kBALvB,SAAS;AAAC,YAAA,IAAA,EAAA,CAAA;AACP,oBAAA,UAAU,EAAE,IAAI;AAChB,oBAAA,QAAQ,EAAE,eAAe;oBACzB,SAAS,EAAE,CAAC,kBAAkB,CAAC;AAClC,iBAAA,CAAA;8BASmB,WAAW,EAAA,CAAA;sBAD1B,MAAM;gBAII,kBAAkB,EAAA,CAAA;sBAD5B,KAAK;;;ACzBV;;AAEG;;;;"}

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@taiga-ui/cdk",
-    "version": "4.5.0-canary.50decb3",
+    "version": "4.5.0-canary.538706d",
     "description": "Base library for creating Angular components and applications using Taiga UI principles regarding of actual visual appearance",
     "keywords": [
         "angular",

package/schematics/constants/taiga-styles.d.ts

@@ -1,4 +1,2 @@
-export declare const TAIGA_GLOBAL_OLD_STYLE = "node_modules/@taiga-ui/core/styles/taiga-ui-global.less";
-export declare const TAIGA_GLOBAL_NEW_STYLE = "node_modules/@taiga-ui/styles/taiga-ui-global.less";
 export declare const TAIGA_THEME_STYLE = "node_modules/@taiga-ui/core/styles/taiga-ui-theme.less";
 export declare const TAIGA_THEME_FONTS = "node_modules/@taiga-ui/core/styles/taiga-ui-fonts.less";

package/schematics/constants/taiga-styles.js

@@ -1,7 +1,5 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.TAIGA_THEME_FONTS = exports.TAIGA_THEME_STYLE = exports.TAIGA_GLOBAL_NEW_STYLE = exports.TAIGA_GLOBAL_OLD_STYLE = void 0;
-exports.TAIGA_GLOBAL_OLD_STYLE = 'node_modules/@taiga-ui/core/styles/taiga-ui-global.less';
-exports.TAIGA_GLOBAL_NEW_STYLE = 'node_modules/@taiga-ui/styles/taiga-ui-global.less';
+exports.TAIGA_THEME_FONTS = exports.TAIGA_THEME_STYLE = void 0;
 exports.TAIGA_THEME_STYLE = 'node_modules/@taiga-ui/core/styles/taiga-ui-theme.less';
 exports.TAIGA_THEME_FONTS = 'node_modules/@taiga-ui/core/styles/taiga-ui-fonts.less';

package/schematics/ng-add/index.js

@@ -14,14 +14,11 @@ function addDependencies(tree, options) {
             type: ng_morph_1.NodeDependencyType.Default,
         });
     });
+    (0, ng_morph_1.addPackageJsonDependency)(tree, {
+        name: '@taiga-ui/event-plugins',
+        version: '^4.0.2',
+    });
     removeTaigaSchematicsPackage(tree);
-    if (options.addGlobalStyles) {
-        (0, ng_morph_1.addPackageJsonDependency)(tree, {
-            name: '@taiga-ui/styles',
-            version: versions_1.TAIGA_VERSION,
-            type: ng_morph_1.NodeDependencyType.Default,
-        });
-    }
     if (packages.includes('addon-table') || packages.includes('addon-mobile')) {
         addAngularCdkDep(tree);
     }

package/schematics/ng-add/schema.d.ts

@@ -1,5 +1,4 @@
 export interface TuiSchema {
-    readonly addGlobalStyles: boolean;
     readonly addons: readonly string[];
     readonly project: string;
     /**

package/schematics/ng-add/schema.json

@@ -11,15 +11,6 @@
                 "$source": "projectName"
             }
         },
-        "addGlobalStyles": {
-            "description": "Setting up global styles",
-            "type": "boolean",
-            "default": false,
-            "x-prompt": {
-                "message": "Do you want to use global Taiga UI classes, such as 'tui-space', 'tui-skeleton', etc?",
-                "type": "confirmation"
-            }
-        },
         "addons": {
             "description": "Setting up additional packages",
             "type": "array",

package/schematics/ng-add/steps/add-taiga-modules.js

@@ -19,6 +19,8 @@ function addTuiModules({ mainClass, context, }) {
         (0, ng_morph_1.addImportToNgModule)(mainClass, module.name, { unique: true });
         (0, add_unique_import_1.addUniqueImport)(mainModulePath, module.name, module.packageName);
     });
+    (0, ng_morph_1.addProviderToNgModule)(mainClass, 'NG_EVENT_PLUGINS', { unique: true });
+    (0, add_unique_import_1.addUniqueImport)(mainModulePath, 'NG_EVENT_PLUGINS', '@taiga-ui/event-plugins');
     context.logger.info(`${modules.map((module) => module.name)} was added to ${mainModulePath}`);
 }
 function addTuiEntitiesToStandalone({ bootstrapFunction, options, context, }) {

package/schematics/ng-add/steps/add-taiga-styles.js

@@ -6,10 +6,7 @@ const angular_json_manipulations_1 = require("../../utils/angular-json-manipulat
 function addTaigaStyles(options) {
     return (_, context) => {
         const taigaLocalStyles = [taiga_styles_1.TAIGA_THEME_STYLE, taiga_styles_1.TAIGA_THEME_FONTS];
-        const taigaStyles = options.addGlobalStyles
-            ? [...taigaLocalStyles, taiga_styles_1.TAIGA_GLOBAL_NEW_STYLE]
-            : taigaLocalStyles;
-        return (0, angular_json_manipulations_1.addStylesToAngularJson)(options, context, taigaStyles);
+        return (0, angular_json_manipulations_1.addStylesToAngularJson)(options, context, taigaLocalStyles);
     };
 }
 exports.addTaigaStyles = addTaigaStyles;

package/schematics/ng-update/v4/index.js

@@ -16,11 +16,13 @@ const steps_2 = require("./steps");
 const constants_1 = require("./steps/constants");
 const modules_to_replace_1 = require("./steps/constants/modules-to-replace");
 const types_1 = require("./steps/constants/types");
+const migrate_editor_1 = require("./steps/migrate-editor");
 const migrate_root_1 = require("./steps/migrate-root");
 const replace_modules_with_providers_1 = require("./steps/utils/replace-modules-with-providers");
 function main(options) {
     return (tree, context) => {
         const fileSystem = (0, get_file_system_1.getFileSystem)(tree);
+        (0, migrate_editor_1.migrateEditor)(fileSystem, options);
         (0, steps_1.replaceEnums)(options, enums_1.ENUMS_TO_REPLACE);
         (0, migrate_root_1.migrateRoot)(fileSystem, options);
         (0, replace_services_1.replaceServices)(options, constants_1.SERVICES_TO_REPLACE);

package/schematics/ng-update/v4/steps/constants/identifiers-to-replace.js

@@ -587,47 +587,6 @@ exports.IDENTIFIERS_TO_REPLACE = [
             moduleSpecifier: '@taiga-ui/kit',
         },
     },
-    {
-        from: { name: 'TuiEditorModule', moduleSpecifier: '@tinkoff/tui-editor' },
-        to: [
-            { name: 'TuiEditor', moduleSpecifier: '@taiga-ui/editor' },
-            { name: 'TuiEditorSocket', moduleSpecifier: '@taiga-ui/editor' },
-        ],
-    },
-    {
-        from: { name: 'TuiEditorSocketModule', moduleSpecifier: '@tinkoff/tui-editor' },
-        to: { name: 'TuiEditorSocket', moduleSpecifier: '@taiga-ui/editor' },
-    },
-    {
-        from: { name: 'TuiToolbarModule', moduleSpecifier: '@tinkoff/tui-editor' },
-        to: { name: 'TuiToolbar', moduleSpecifier: '@taiga-ui/editor' },
-    },
-    {
-        from: { name: 'defaultEditorExtensions', moduleSpecifier: '@tinkoff/tui-editor' },
-        to: { name: 'TUI_EDITOR_DEFAULT_EXTENSIONS', moduleSpecifier: '@taiga-ui/editor' },
-    },
-    {
-        from: {
-            name: 'TUI_EDITOR_DEFAULT_EXTENSIONS',
-            moduleSpecifier: '@tinkoff/tui-editor',
-        },
-        to: { name: 'TUI_EDITOR_DEFAULT_EXTENSIONS', moduleSpecifier: '@taiga-ui/editor' },
-    },
-    {
-        from: [
-            { name: 'defaultEditorTools', moduleSpecifier: '@tinkoff/tui-editor' },
-            { name: 'TUI_EDITOR_DEFAULT_TOOLS', moduleSpecifier: '@tinkoff/tui-editor' },
-        ],
-        to: { name: 'TUI_EDITOR_DEFAULT_TOOLS', moduleSpecifier: '@taiga-ui/editor' },
-    },
-    {
-        from: { name: 'TuiColorPickerModule', moduleSpecifier: '@tinkoff/tui-editor' },
-        to: { name: 'TuiColorPickerModule', moduleSpecifier: '@taiga-ui/legacy' },
-    },
-    {
-        from: { name: 'TuiInputColorModule', moduleSpecifier: '@tinkoff/tui-editor' },
-        to: { name: 'TuiInputColorModule', moduleSpecifier: '@taiga-ui/legacy' },
-    },
     {
         from: { name: 'TuiFadeModule', moduleSpecifier: '@taiga-ui/experimental' },
         to: {

package/schematics/ng-update/v4/steps/migrate-editor.d.ts

@@ -0,0 +1,5 @@
+/// <reference lib="es2021" />
+import { type DevkitFileSystem } from 'ng-morph';
+import type { TuiSchema } from '../../../ng-add/schema';
+export declare const TUI_EDITOR_VERSION = "^4.0.0";
+export declare function migrateEditor(fileSystem: DevkitFileSystem, options: TuiSchema): void;

package/schematics/ng-update/v4/steps/migrate-editor.js

@@ -0,0 +1,77 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.migrateEditor = exports.TUI_EDITOR_VERSION = void 0;
+/// <reference lib="es2021" />
+const ng_morph_1 = require("ng-morph");
+const ng_morph_2 = require("ng-morph");
+const file_globs_1 = require("../../../constants/file-globs");
+const colored_log_1 = require("../../../utils/colored-log");
+const replace_identifier_1 = require("../../steps/replace-identifier");
+const replace_package_name_1 = require("../../steps/replace-package-name");
+exports.TUI_EDITOR_VERSION = '^4.0.0';
+function migrateEditor(fileSystem, options) {
+    const moduleSpecifier = ['@tinkoff/tui-editor', '@taiga-ui/addon-editor'];
+    const hasEditor = moduleSpecifier.every((pkg) => !(0, ng_morph_1.getPackageJsonDependency)(fileSystem.tree, pkg));
+    if (hasEditor) {
+        return;
+    }
+    !options['skip-logs'] &&
+        (0, colored_log_1.infoLog)(`${colored_log_1.SMALL_TAB_SYMBOL}${colored_log_1.REPLACE_SYMBOL} migrating editor...`);
+    (0, replace_identifier_1.replaceIdentifiers)(options, [
+        {
+            from: { name: 'TuiEditorModule', moduleSpecifier },
+            to: [
+                { name: 'TuiEditor', moduleSpecifier: '@taiga-ui/editor' },
+                { name: 'TuiEditorSocket', moduleSpecifier: '@taiga-ui/editor' },
+            ],
+        },
+        {
+            from: { name: 'TuiEditorSocketModule', moduleSpecifier },
+            to: { name: 'TuiEditorSocket', moduleSpecifier: '@taiga-ui/editor' },
+        },
+        {
+            from: { name: 'TuiToolbarModule', moduleSpecifier },
+            to: { name: 'TuiToolbar', moduleSpecifier: '@taiga-ui/editor' },
+        },
+        {
+            from: { name: 'defaultEditorExtensions', moduleSpecifier },
+            to: {
+                name: 'TUI_EDITOR_DEFAULT_EXTENSIONS',
+                moduleSpecifier: '@taiga-ui/editor',
+            },
+        },
+        {
+            from: { name: 'TUI_EDITOR_DEFAULT_EXTENSIONS', moduleSpecifier },
+            to: {
+                name: 'TUI_EDITOR_DEFAULT_EXTENSIONS',
+                moduleSpecifier: '@taiga-ui/editor',
+            },
+        },
+        {
+            from: [
+                { name: 'defaultEditorTools', moduleSpecifier },
+                {
+                    name: 'TUI_EDITOR_DEFAULT_TOOLS',
+                    moduleSpecifier: '@tinkoff/tui-editor',
+                },
+            ],
+            to: { name: 'TUI_EDITOR_DEFAULT_TOOLS', moduleSpecifier: '@taiga-ui/editor' },
+        },
+        {
+            from: { name: 'TuiColorPickerModule', moduleSpecifier },
+            to: { name: 'TuiColorPickerModule', moduleSpecifier: '@taiga-ui/legacy' },
+        },
+        {
+            from: { name: 'TuiInputColorModule', moduleSpecifier },
+            to: { name: 'TuiInputColorModule', moduleSpecifier: '@taiga-ui/legacy' },
+        },
+    ]);
+    (0, ng_morph_2.getSourceFiles)(file_globs_1.ALL_TS_FILES).forEach((sourceFile) => sourceFile.replaceWithText(sourceFile
+        .getFullText()
+        .replaceAll(/import\(['"`](@tinkoff|@taiga-ui)\/(tui-editor|addon-editor)\/(.*)['"`]\)/g, "import('@taiga-ui/editor')")));
+    (0, ng_morph_2.saveActiveProject)();
+    moduleSpecifier.forEach((pkg) => (0, replace_package_name_1.replacePackageName)(pkg, { name: '@taiga-ui/editor', version: exports.TUI_EDITOR_VERSION }, fileSystem.tree));
+    (0, ng_morph_2.saveActiveProject)();
+    !options['skip-logs'] && (0, colored_log_1.titleLog)(`${colored_log_1.FINISH_SYMBOL} successfully migrated \n`);
+}
+exports.migrateEditor = migrateEditor;

package/schematics/ng-update/v4/steps/update-packages.d.ts

@@ -4,5 +4,4 @@ import type { TuiSchema } from '../../../ng-add/schema';
 export declare const TUI_POLYMORPHEUS_VERSION = "^4.6.4";
 export declare const TUI_DOMPURIFY_VERSION = "^4.1.2";
 export declare const TUI_EVENT_PLUGINS_VERSION = "^4.0.1";
-export declare const TUI_EDITOR_VERSION = "^2.5.0";
 export declare function updatePackages({ tree }: DevkitFileSystem, _: TuiSchema): void;

package/schematics/ng-update/v4/steps/update-packages.js

@@ -1,6 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.updatePackages = exports.TUI_EDITOR_VERSION = exports.TUI_EVENT_PLUGINS_VERSION = exports.TUI_DOMPURIFY_VERSION = exports.TUI_POLYMORPHEUS_VERSION = void 0;
+exports.updatePackages = exports.TUI_EVENT_PLUGINS_VERSION = exports.TUI_DOMPURIFY_VERSION = exports.TUI_POLYMORPHEUS_VERSION = void 0;
 const ng_morph_1 = require("ng-morph");
 const version_1 = require("../../../../constants/version");
 const constants_1 = require("../../../constants");
@@ -8,7 +8,6 @@ const steps_1 = require("../../steps");
 exports.TUI_POLYMORPHEUS_VERSION = '^4.6.4';
 exports.TUI_DOMPURIFY_VERSION = '^4.1.2';
 exports.TUI_EVENT_PLUGINS_VERSION = '^4.0.1';
-exports.TUI_EDITOR_VERSION = '^2.5.0';
 function updatePackages({ tree }, _) {
     const packagesToRemove = ['@taiga-ui/addon-tablebars', '@taiga-ui/addon-preview'];
     packagesToRemove.forEach((pkg) => {
@@ -26,10 +25,6 @@ function updatePackages({ tree }, _) {
         name: '@taiga-ui/event-plugins',
         version: exports.TUI_EVENT_PLUGINS_VERSION,
     }, tree);
-    (0, steps_1.replacePackageName)('@tinkoff/tui-editor', {
-        name: '@taiga-ui/editor',
-        version: exports.TUI_EDITOR_VERSION,
-    }, tree);
     const cdk = (0, ng_morph_1.getPackageJsonDependency)(tree, '@taiga-ui/cdk');
     if (!(0, ng_morph_1.getPackageJsonDependency)(tree, '@taiga-ui/event-plugins')) {
         (0, ng_morph_1.addPackageJsonDependency)(tree, {