From 80bd43b9806a38d84dd29151b784639c1383ae91 Mon Sep 17 00:00:00 2001 From: Vladimir Potekhin <46284632+vladimirpotekhin@users.noreply.github.com> Date: Thu, 14 Dec 2023 14:17:52 +0300 Subject: [PATCH] chore: migrate rxjs (#6223) --- jest.config.ts | 5 +- package-lock.json | 132 +++++++++++++++--- package.json | 2 +- .../arc-chart/arc-chart.component.ts | 4 +- .../line-chart/line-chart-hint.directive.ts | 5 +- .../line-chart/line-chart.component.ts | 3 +- .../line-days-chart-hint.directive.ts | 3 +- .../line-days-chart.component.ts | 3 +- .../pie-chart/pie-chart.directive.ts | 11 +- .../input-card-grouped.providers.ts | 3 +- .../components/code/code.component.ts | 3 +- .../components/copy/copy.component.ts | 3 +- .../documentation/documentation.component.ts | 3 +- .../components/example/example.component.ts | 3 +- .../internal/header/header.component.ts | 3 +- .../components/main/main.component.ts | 2 +- .../navigation/navigation.component.ts | 12 +- .../navigation/navigation.providers.ts | 3 +- .../scroll-into-view.directive.ts | 10 +- projects/addon-doc/tokens/page-loaded.ts | 4 +- .../components/app-bar/app-bar.component.ts | 3 +- .../mobile-calendar.component.ts | 8 +- .../mobile-calendar.providers.ts | 3 +- .../mobile-calendar.strategy.ts | 3 +- .../pull-to-refresh.component.ts | 3 +- .../pull-to-refresh.service.ts | 5 +- .../sheet/components/sheet/sheet.component.ts | 3 +- .../sheet/components/sheet/sheet.providers.ts | 3 +- .../sheets-host/sheets-host.component.ts | 3 +- .../sheet-close/sheet-close.directive.ts | 3 +- .../sheet-stop/sheet-stop.directive.ts | 4 +- .../sheet-top/sheet-top.directive.ts | 3 +- .../sheet-wrapper/sheet-wrapper.directive.ts | 6 +- .../components/sheet/ios.hacks.ts | 14 +- .../components/sheet/sheet.directive.ts | 3 +- .../tab-bar/tab-bar-item.directive.ts | 3 +- .../elastic-sticky/elastic-sticky.service.ts | 4 +- .../directives/ripple/ripple.directive.ts | 13 +- .../directives/ripple/ripple.providers.ts | 3 +- .../touchable/touchable.directive.ts | 3 +- .../components/preview/preview.component.ts | 3 +- .../preview/zoom/preview-zoom.component.ts | 3 +- .../directives/direction-order.directive.ts | 2 +- .../table/directives/resized.directive.ts | 2 +- .../table/directives/sort-by.directive.ts | 2 +- .../table/providers/stuck.provider.ts | 4 +- .../table/th-group/th-group.component.ts | 3 +- .../components/table/tr/tr.component.ts | 3 +- .../table-filters/table-filter.directive.ts | 3 +- .../table-filters/table-filters.directive.ts | 11 +- .../test/table-bars-host.component.spec.ts | 3 +- projects/cdk/abstract/control.ts | 7 +- projects/cdk/abstract/dialog.directive.ts | 3 +- .../alert-host/alert-host.component.ts | 3 +- .../dialog-host/dialog-host.component.ts | 3 +- .../scroll-controls.component.ts | 3 +- .../scroll-controls/scrollbar.directive.ts | 3 +- .../active-zone/active-zone.directive.ts | 3 +- .../auto-focus/autofocus.directive.ts | 3 +- .../auto-focus/handlers/default.handler.ts | 3 +- .../click-outside/click-outside.directive.ts | 3 +- .../cdk/directives/drag/drag.directive.ts | 3 +- .../droppable/droppable.directive.ts | 5 +- .../directives/focused/focused.directive.ts | 3 +- .../for-async/for-async.directive.ts | 3 +- .../cdk/directives/hovered/hovered.service.ts | 3 +- .../directives/obscured/obscured.directive.ts | 3 +- .../overscroll/overscroll.directive.ts | 3 +- .../prevent-default.directive.ts | 3 +- .../value-changes/value-changes.directive.ts | 3 +- projects/cdk/observables/control-value.ts | 3 +- .../cdk/observables/drag-and-drop-from.ts | 3 +- .../observables/focus-visible-observable.ts | 6 +- projects/cdk/observables/if-map.ts | 3 +- projects/cdk/observables/is-alive.ts | 11 +- .../items-query-list-observable.ts | 3 +- projects/cdk/observables/must-be-present.ts | 3 +- .../cdk/observables/pressed-observable.ts | 3 +- projects/cdk/observables/prevent-default.ts | 3 +- projects/cdk/observables/stop-propagation.ts | 3 +- .../observables/test/control-value.spec.ts | 2 +- .../observables/test/drag-and-drop.spec.ts | 2 +- .../observables/test/must-be-present.spec.ts | 3 +- .../observables/test/prevent-default.spec.ts | 3 +- .../observables/test/stop-propagation.spec.ts | 3 +- projects/cdk/observables/watch.ts | 3 +- .../cdk/services/focus-visible.service.ts | 3 +- projects/cdk/services/obscured.service.ts | 6 +- projects/cdk/services/pan.service.ts | 12 +- projects/cdk/services/resize.service.ts | 4 +- projects/cdk/services/scroll.service.ts | 13 +- .../cdk/services/static-request.service.ts | 3 +- projects/cdk/services/swipe.service.ts | 3 +- .../cdk/services/test/destroy.service.spec.ts | 3 +- .../test/parent-scroll.service.spec.ts | 2 +- projects/cdk/services/zoom.service.ts | 3 +- projects/cdk/tokens/active-element.ts | 7 +- projects/cdk/tokens/fonts-ready.ts | 3 +- projects/cdk/tokens/removed-element.ts | 4 +- projects/cdk/tokens/window-height.ts | 2 +- projects/cdk/tokens/window-size.ts | 3 +- .../abstract/abstract-driver.directive.ts | 3 +- .../core/components/alert/alert.component.ts | 3 +- .../components/button/button.component.ts | 3 +- .../data-list/data-list.component.ts | 3 +- .../components/dialog/dialog-close.service.ts | 3 +- .../components/dialog/dialog.component.ts | 15 +- .../hints-host/hints-host.component.ts | 3 +- .../dropdown-open-monitor.directive.ts | 3 +- .../hosted-dropdown.component.ts | 29 +++- .../core/components/link/link.component.ts | 4 +- .../primitive-textfield.component.ts | 3 +- .../value-decoration.component.ts | 3 +- .../core/components/root/root.component.ts | 3 +- .../scroll-controls.component.ts | 3 +- .../scroll-controls/scrollbar.directive.ts | 3 +- projects/core/components/svg/svg.component.ts | 3 +- .../components/tooltip/tooltip.component.ts | 3 +- .../dropdown/dropdown-hover.directive.ts | 3 +- .../dropdown/dropdown-selection.directive.ts | 9 +- .../directives/dropdown/dropdown.component.ts | 3 +- .../directives/dropdown/dropdown.directive.ts | 3 +- .../hint/hint-describe.directive.ts | 7 +- .../directives/hint/hint-hover.directive.ts | 15 +- .../core/directives/hint/hint.component.ts | 3 +- .../scroll-into-view.directive.ts | 3 +- .../textfield-controller.provider.ts | 3 +- .../svg-defs-host/svg-defs-host.component.ts | 2 +- projects/core/observables/smart-search.ts | 5 +- .../observables/test/smart-search.spec.ts | 3 +- projects/core/observables/zoneful-map.ts | 3 +- projects/core/pipes/month/month.pipe.ts | 3 +- .../order-week-days/order-week-days.pipe.ts | 3 +- projects/core/providers/mode.provider.ts | 3 +- .../watched-controller-provider-factory.ts | 3 +- projects/core/services/breakpoint.service.ts | 3 +- projects/core/services/night-theme.service.ts | 3 +- projects/core/services/position.service.ts | 3 +- .../services/router-link-active.service.ts | 12 +- .../services/test/breakpoint.service.spec.ts | 2 + .../services/test/night-theme.service.spec.ts | 2 +- projects/core/tokens/is-mobile-resolution.ts | 2 +- .../core/tokens/ordered-short-week-days.ts | 2 +- projects/core/tokens/selection-stream.ts | 4 +- .../animations/examples/fade-in/index.ts | 3 +- .../demo/src/modules/app/app.component.ts | 3 +- .../customization/customization.component.ts | 3 +- .../app/utils/ready-to-scroll-factory.ts | 3 +- .../line-days-chart/examples/1/index.ts | 3 +- .../charts/line-days-chart/examples/2/pipe.ts | 3 +- .../line-days-chart.component.ts | 3 +- .../block-status/examples/2/index.ts | 3 +- .../block-status/examples/3/index.ts | 3 +- .../components/combo-box/examples/1/index.ts | 3 +- .../combo-box/examples/2/request.service.ts | 6 +- .../components/dialog/dialog.component.ts | 2 +- .../dialog/examples/9/helpers/pay.service.ts | 3 +- .../components/dialog/examples/9/index.ts | 2 +- .../9/pay-modal/pay-modal.component.ts | 3 +- .../components/filter/examples/4/index.ts | 3 +- .../input-files/examples/1/index.ts | 3 +- .../input-inline/examples/3/component.ts | 3 +- .../input-phone/examples/3/index.ts | 14 +- .../components/input-tag/examples/2/index.ts | 3 +- .../components/input/examples/4/index.ts | 2 +- .../components/input/examples/8/index.ts | 3 +- .../components/line-clamp/examples/1/index.ts | 3 +- .../mobile-calendar/examples/1/index.ts | 3 +- .../mobile-calendar/examples/4/index.ts | 3 +- .../mobile-calendar/examples/5/index.ts | 3 +- .../mobile-dialog/examples/1/index.ts | 2 +- .../multi-select/examples/2/index.ts | 3 +- .../multi-select/examples/4/index.ts | 3 +- .../components/pdf-viewer/examples/2/index.ts | 2 +- .../examples/2/pdf-content.component.ts | 3 +- .../components/preview/examples/3/index.ts | 12 +- .../progress-bar/examples/1/index.ts | 3 +- .../progress-bar/examples/4/index.ts | 3 +- .../progress-circle/examples/1/index.ts | 3 +- .../progress-circle/examples/3/index.ts | 3 +- .../progress-circle/examples/5/index.ts | 3 +- .../progress-circle/examples/6/index.ts | 3 +- .../components/prompt/examples/1/index.ts | 2 +- .../components/prompt/prompt.component.ts | 2 +- .../components/push/examples/2/index.ts | 2 +- .../components/select/examples/5/index.ts | 3 +- .../components/select/examples/6/index.ts | 3 +- .../sheet-dialog/examples/1/index.ts | 3 +- .../sheet-dialog/examples/4/index.ts | 3 +- .../components/sheet/examples/1/index.ts | 3 +- .../components/slider/examples/6/index.ts | 3 +- .../components/tab-bar/examples/4/index.ts | 3 +- .../components/tooltip/examples/1/index.ts | 3 +- .../components/tree/examples/7/service.ts | 3 +- .../customization/dialogs/examples/1/index.ts | 2 +- .../examples/1/prompt/prompt.component.ts | 3 +- .../customization/i18n/i18n.component.ts | 3 +- .../eager/routable-dialog.component.ts | 2 +- .../directives/dropdown/examples/3/index.ts | 3 +- .../elastic-sticky/examples/1/index.ts | 3 +- .../directives/let/examples/1/index.ts | 3 +- .../directives/pan/examples/1/index.ts | 3 +- .../directives/zoom/examples/1/index.ts | 3 +- .../experimental/button/examples/4/index.ts | 5 +- .../experimental/tooltip/examples/1/index.ts | 3 +- .../icons/icons-bundled/examples/1/index.ts | 3 +- .../icons-group/icons-group.component.ts | 10 +- .../demo/src/modules/icons/icons.component.ts | 3 +- .../info/changelog/changelog.component.ts | 3 +- .../markup/colors/table/table.component.ts | 3 +- .../pipes/field-error/examples/1/index.ts | 2 +- .../pipes/field-error/examples/2/index.ts | 3 +- .../pipes/field-error/examples/5/index.ts | 3 +- .../pipes/format-date/examples/1/service.ts | 3 +- .../pipes/is-present/examples/1/component.ts | 3 +- .../services/alerts/alerts.component.ts | 2 +- .../services/alerts/examples/3/index.ts | 3 +- .../services/alerts/examples/4/index.ts | 3 +- .../services/alerts/examples/5/index.ts | 3 +- .../services/destroy/examples/1/component.ts | 3 +- .../services/scroll/examples/1/index.ts | 3 +- .../services/table-bar/table-bar.component.ts | 3 +- .../modules/tables/table/examples/4/index.ts | 14 +- .../components/checkbox/checkbox.component.ts | 2 +- .../components/tooltip/tooltip.component.ts | 3 +- .../directives/fade/fade.directive.ts | 3 +- .../experimental/pipes/amount/amount.pipe.ts | 3 +- .../pipes/fallback-src/fallback-src.pipe.ts | 3 +- projects/i18n/switch/utils.ts | 3 +- projects/i18n/tools/extract-i18n.ts | 3 +- .../accordion/accordion.component.ts | 3 +- .../calendar-range.component.ts | 3 +- .../carousel/carousel-scroll.directive.ts | 2 +- .../components/carousel/carousel.directive.ts | 3 +- .../elastic-container.directive.ts | 3 +- .../components/files/file/file.component.ts | 3 +- .../input-copy/input-copy.component.ts | 3 +- .../input-date-multi.component.ts | 3 +- .../input-date-range.component.ts | 3 +- .../test/input-date-range.component.spec.ts | 14 ++ .../input-date-time.component.ts | 3 +- .../test/input-date-time.component.spec.ts | 11 ++ .../input-date/input-date.component.ts | 3 +- .../test/input-date.component.spec.ts | 17 +++ .../input-files/input-files.component.ts | 3 +- .../max-size-rejection-error.pipe.ts | 3 +- .../input-month-range.directive.ts | 10 +- .../input-month/input-month.directive.ts | 3 +- .../input-password.component.ts | 3 +- .../input-tag/input-tag.component.ts | 3 +- .../input-time/input-time.component.ts | 3 +- .../items-with-more.service.ts | 3 +- .../line-clamp/line-clamp.component.ts | 8 +- .../multi-select-group.component.ts | 3 +- .../pagination/pagination.component.ts | 3 +- .../progress-color-segments.directive.ts | 9 +- .../progress-circle.component.ts | 3 +- .../components/push/push-alert.directive.ts | 3 +- .../range/range-change.directive.ts | 13 +- .../routable-dialog.component.ts | 2 +- .../select-option/select-option.component.ts | 5 +- .../helpers/slider-readonly.directive.ts | 3 +- .../kit/components/slider/slider.component.ts | 2 +- .../components/stepper/step/step.component.ts | 3 +- .../components/stepper/stepper.component.ts | 3 +- .../kit/components/tabs/tab/tab.providers.ts | 4 +- .../tabs-with-more.component.ts | 3 +- .../tabs-with-more.providers.ts | 3 +- .../components/tabs/tabs/tabs.component.ts | 3 +- .../tabs/underline/underline.component.ts | 3 +- projects/kit/components/tiles/tile.service.ts | 12 +- .../kit/components/tiles/tiles.component.ts | 3 +- .../tree-item/tree-item.component.ts | 3 +- .../tree/components/tree/tree.component.ts | 3 +- .../kit/components/tree/misc/tree.service.ts | 3 +- .../data-list-dropdown-manager.directive.ts | 6 +- .../lazy-loading/lazy-loading.service.ts | 13 +- .../directives/present/present.directive.ts | 3 +- .../primitive-calendar-range.component.ts | 3 +- .../kit/pipes/field-error/field-error-pipe.ts | 7 +- .../sort-countries/sort-countries.pipe.ts | 3 +- .../kit/providers/month-formatter.provider.ts | 3 +- .../replay-control-value-changes-factory.ts | 3 +- 283 files changed, 710 insertions(+), 561 deletions(-) diff --git a/jest.config.ts b/jest.config.ts index 4149fd656e1c..c5ea0658886e 100644 --- a/jest.config.ts +++ b/jest.config.ts @@ -54,7 +54,10 @@ const config: Config = { /** * A map from regular expressions to paths to transformers. */ - transform: {'^.+\\.(ts|js|mjs|html|svg)$': `jest-preset-angular`}, + transform: { + '^.+\\.(ts|js|mjs|html|svg)$': `jest-preset-angular`, + }, + transformIgnorePatterns: [`node_modules/(?!@angular|rxjs|ngx-highlightjs)`], /** * The glob patterns Jest uses to detect test files. diff --git a/package-lock.json b/package-lock.json index b591ad9f6915..3f972d214f4f 100644 --- a/package-lock.json +++ b/package-lock.json @@ -26,7 +26,7 @@ "@angular/router": "15.2.10", "core-js": "2.6.12", "parse5": "6.0.1", - "rxjs": "6.6.7", + "rxjs": "7.5.0", "zone.js": "0.12.0" }, "devDependencies": { @@ -152,6 +152,24 @@ "yarn": ">= 1.13.0" } }, + "node_modules/@angular-devkit/architect/node_modules/rxjs": { + "version": "6.6.7", + "resolved": "https://registry.npmjs.org/rxjs/-/rxjs-6.6.7.tgz", + "integrity": "sha512-hTdwr+7yYNIT5n4AMYp85KA6yw2Va0FLa3Rguvbpa4W3I5xynaBZo41cM3XM+4Q6fRMj3sBYIR1VAmZMXYJvRQ==", + "dev": true, + "dependencies": { + "tslib": "^1.9.0" + }, + "engines": { + "npm": ">=2.0.0" + } + }, + "node_modules/@angular-devkit/architect/node_modules/tslib": { + "version": "1.14.1", + "resolved": "https://registry.npmjs.org/tslib/-/tslib-1.14.1.tgz", + "integrity": "sha512-Xni35NKzjgMrwevysHTCArtLDpPvye8zV/0E4EyYn43P7/7qvQwPh9BGkHewbMulVntbigmcT7rdX3BNo9wRJg==", + "dev": true + }, "node_modules/@angular-devkit/build-angular": { "version": "15.2.10", "resolved": "https://registry.npmjs.org/@angular-devkit/build-angular/-/build-angular-15.2.10.tgz", @@ -262,6 +280,24 @@ } } }, + "node_modules/@angular-devkit/build-angular/node_modules/rxjs": { + "version": "6.6.7", + "resolved": "https://registry.npmjs.org/rxjs/-/rxjs-6.6.7.tgz", + "integrity": "sha512-hTdwr+7yYNIT5n4AMYp85KA6yw2Va0FLa3Rguvbpa4W3I5xynaBZo41cM3XM+4Q6fRMj3sBYIR1VAmZMXYJvRQ==", + "dev": true, + "dependencies": { + "tslib": "^1.9.0" + }, + "engines": { + "npm": ">=2.0.0" + } + }, + "node_modules/@angular-devkit/build-angular/node_modules/rxjs/node_modules/tslib": { + "version": "1.14.1", + "resolved": "https://registry.npmjs.org/tslib/-/tslib-1.14.1.tgz", + "integrity": "sha512-Xni35NKzjgMrwevysHTCArtLDpPvye8zV/0E4EyYn43P7/7qvQwPh9BGkHewbMulVntbigmcT7rdX3BNo9wRJg==", + "dev": true + }, "node_modules/@angular-devkit/build-angular/node_modules/tslib": { "version": "2.5.0", "resolved": "https://registry.npmjs.org/tslib/-/tslib-2.5.0.tgz", @@ -300,6 +336,24 @@ "webpack-dev-server": "^4.0.0" } }, + "node_modules/@angular-devkit/build-webpack/node_modules/rxjs": { + "version": "6.6.7", + "resolved": "https://registry.npmjs.org/rxjs/-/rxjs-6.6.7.tgz", + "integrity": "sha512-hTdwr+7yYNIT5n4AMYp85KA6yw2Va0FLa3Rguvbpa4W3I5xynaBZo41cM3XM+4Q6fRMj3sBYIR1VAmZMXYJvRQ==", + "dev": true, + "dependencies": { + "tslib": "^1.9.0" + }, + "engines": { + "npm": ">=2.0.0" + } + }, + "node_modules/@angular-devkit/build-webpack/node_modules/tslib": { + "version": "1.14.1", + "resolved": "https://registry.npmjs.org/tslib/-/tslib-1.14.1.tgz", + "integrity": "sha512-Xni35NKzjgMrwevysHTCArtLDpPvye8zV/0E4EyYn43P7/7qvQwPh9BGkHewbMulVntbigmcT7rdX3BNo9wRJg==", + "dev": true + }, "node_modules/@angular-devkit/core": { "version": "15.2.10", "resolved": "https://registry.npmjs.org/@angular-devkit/core/-/core-15.2.10.tgz", @@ -326,6 +380,24 @@ } } }, + "node_modules/@angular-devkit/core/node_modules/rxjs": { + "version": "6.6.7", + "resolved": "https://registry.npmjs.org/rxjs/-/rxjs-6.6.7.tgz", + "integrity": "sha512-hTdwr+7yYNIT5n4AMYp85KA6yw2Va0FLa3Rguvbpa4W3I5xynaBZo41cM3XM+4Q6fRMj3sBYIR1VAmZMXYJvRQ==", + "dev": true, + "dependencies": { + "tslib": "^1.9.0" + }, + "engines": { + "npm": ">=2.0.0" + } + }, + "node_modules/@angular-devkit/core/node_modules/tslib": { + "version": "1.14.1", + "resolved": "https://registry.npmjs.org/tslib/-/tslib-1.14.1.tgz", + "integrity": "sha512-Xni35NKzjgMrwevysHTCArtLDpPvye8zV/0E4EyYn43P7/7qvQwPh9BGkHewbMulVntbigmcT7rdX3BNo9wRJg==", + "dev": true + }, "node_modules/@angular-devkit/schematics": { "version": "15.2.10", "resolved": "https://registry.npmjs.org/@angular-devkit/schematics/-/schematics-15.2.10.tgz", @@ -344,6 +416,24 @@ "yarn": ">= 1.13.0" } }, + "node_modules/@angular-devkit/schematics/node_modules/rxjs": { + "version": "6.6.7", + "resolved": "https://registry.npmjs.org/rxjs/-/rxjs-6.6.7.tgz", + "integrity": "sha512-hTdwr+7yYNIT5n4AMYp85KA6yw2Va0FLa3Rguvbpa4W3I5xynaBZo41cM3XM+4Q6fRMj3sBYIR1VAmZMXYJvRQ==", + "dev": true, + "dependencies": { + "tslib": "^1.9.0" + }, + "engines": { + "npm": ">=2.0.0" + } + }, + "node_modules/@angular-devkit/schematics/node_modules/tslib": { + "version": "1.14.1", + "resolved": "https://registry.npmjs.org/tslib/-/tslib-1.14.1.tgz", + "integrity": "sha512-Xni35NKzjgMrwevysHTCArtLDpPvye8zV/0E4EyYn43P7/7qvQwPh9BGkHewbMulVntbigmcT7rdX3BNo9wRJg==", + "dev": true + }, "node_modules/@angular-eslint/bundled-angular-compiler": { "version": "17.1.1", "resolved": "https://registry.npmjs.org/@angular-eslint/bundled-angular-compiler/-/bundled-angular-compiler-17.1.1.tgz", @@ -7033,6 +7123,24 @@ "@angular-devkit/build-angular": "^15.0.0" } }, + "node_modules/@nguniversal/builders/node_modules/rxjs": { + "version": "6.6.7", + "resolved": "https://registry.npmjs.org/rxjs/-/rxjs-6.6.7.tgz", + "integrity": "sha512-hTdwr+7yYNIT5n4AMYp85KA6yw2Va0FLa3Rguvbpa4W3I5xynaBZo41cM3XM+4Q6fRMj3sBYIR1VAmZMXYJvRQ==", + "dev": true, + "dependencies": { + "tslib": "^1.9.0" + }, + "engines": { + "npm": ">=2.0.0" + } + }, + "node_modules/@nguniversal/builders/node_modules/tslib": { + "version": "1.14.1", + "resolved": "https://registry.npmjs.org/tslib/-/tslib-1.14.1.tgz", + "integrity": "sha512-Xni35NKzjgMrwevysHTCArtLDpPvye8zV/0E4EyYn43P7/7qvQwPh9BGkHewbMulVntbigmcT7rdX3BNo9wRJg==", + "dev": true + }, "node_modules/@nguniversal/common": { "version": "15.2.1", "resolved": "https://registry.npmjs.org/@nguniversal/common/-/common-15.2.1.tgz", @@ -14907,9 +15015,9 @@ } }, "node_modules/caniuse-lite": { - "version": "1.0.30001568", - "resolved": "https://registry.npmjs.org/caniuse-lite/-/caniuse-lite-1.0.30001568.tgz", - "integrity": "sha512-vSUkH84HontZJ88MiNrOau1EBrCqEQYgkC5gIySiDlpsm8sGVrhU7Kx4V6h0tnqaHzIHZv08HlJIwPbL4XL9+A==", + "version": "1.0.30001570", + "resolved": "https://registry.npmjs.org/caniuse-lite/-/caniuse-lite-1.0.30001570.tgz", + "integrity": "sha512-+3e0ASu4sw1SWaoCtvPeyXp+5PsjigkSt8OXZbF9StH5pQWbxEjLAZE3n8Aup5udop1uRiKA7a4utUk/uoSpUw==", "funding": [ { "type": "opencollective", @@ -35388,14 +35496,11 @@ "dev": true }, "node_modules/rxjs": { - "version": "6.6.7", - "resolved": "https://registry.npmjs.org/rxjs/-/rxjs-6.6.7.tgz", - "integrity": "sha512-hTdwr+7yYNIT5n4AMYp85KA6yw2Va0FLa3Rguvbpa4W3I5xynaBZo41cM3XM+4Q6fRMj3sBYIR1VAmZMXYJvRQ==", + "version": "7.5.0", + "resolved": "https://registry.npmjs.org/rxjs/-/rxjs-7.5.0.tgz", + "integrity": "sha512-fuCKAfFawVYX0pyFlETtYnXI+5iiY9Dftgk+VdgeOq+Qyi9ZDWckHZRDaXRt5WCNbbLkmAheoSGDiceyCIKNZA==", "dependencies": { - "tslib": "^1.9.0" - }, - "engines": { - "npm": ">=2.0.0" + "tslib": "^2.1.0" } }, "node_modules/rxjs-report-usage": { @@ -35518,11 +35623,6 @@ "node": ">=8" } }, - "node_modules/rxjs/node_modules/tslib": { - "version": "1.14.1", - "resolved": "https://registry.npmjs.org/tslib/-/tslib-1.14.1.tgz", - "integrity": "sha512-Xni35NKzjgMrwevysHTCArtLDpPvye8zV/0E4EyYn43P7/7qvQwPh9BGkHewbMulVntbigmcT7rdX3BNo9wRJg==" - }, "node_modules/safe-array-concat": { "version": "1.0.1", "resolved": "https://registry.npmjs.org/safe-array-concat/-/safe-array-concat-1.0.1.tgz", diff --git a/package.json b/package.json index cbf464a619e2..78e9bfdcc8e9 100644 --- a/package.json +++ b/package.json @@ -112,7 +112,7 @@ "@angular/router": "15.2.10", "core-js": "2.6.12", "parse5": "6.0.1", - "rxjs": "6.6.7", + "rxjs": "7.5.0", "zone.js": "0.12.0" }, "devDependencies": { diff --git a/projects/addon-charts/components/arc-chart/arc-chart.component.ts b/projects/addon-charts/components/arc-chart/arc-chart.component.ts index a1407d237d7c..ffd2fe88418d 100644 --- a/projects/addon-charts/components/arc-chart/arc-chart.component.ts +++ b/projects/addon-charts/components/arc-chart/arc-chart.component.ts @@ -13,9 +13,7 @@ import { import {DomSanitizer, SafeValue} from '@angular/platform-browser'; import {tuiTypedFromEvent} from '@taiga-ui/cdk'; import {TuiSizeXL} from '@taiga-ui/core'; -import {merge, Observable, ReplaySubject} from 'rxjs'; -import {map, startWith, switchMap, tap} from 'rxjs/operators'; - +import {map, merge, Observable, ReplaySubject, startWith, switchMap, tap} from 'rxjs'; // 3/4 with 1% safety offset const ARC = 0.76; diff --git a/projects/addon-charts/components/line-chart/line-chart-hint.directive.ts b/projects/addon-charts/components/line-chart/line-chart-hint.directive.ts index 56bb8e76243e..032c40ba2dfe 100644 --- a/projects/addon-charts/components/line-chart/line-chart-hint.directive.ts +++ b/projects/addon-charts/components/line-chart/line-chart-hint.directive.ts @@ -22,15 +22,16 @@ import { } from '@taiga-ui/cdk'; import {TuiPoint} from '@taiga-ui/core'; import {PolymorpheusContent} from '@tinkoff/ng-polymorpheus'; -import {combineLatest, Observable} from 'rxjs'; import { + combineLatest, distinctUntilChanged, filter, map, + Observable, startWith, switchMap, takeUntil, -} from 'rxjs/operators'; +} from 'rxjs'; import {TuiLineChartComponent} from './line-chart.component'; diff --git a/projects/addon-charts/components/line-chart/line-chart.component.ts b/projects/addon-charts/components/line-chart/line-chart.component.ts index 0d7f629bc138..3410490dd2f2 100644 --- a/projects/addon-charts/components/line-chart/line-chart.component.ts +++ b/projects/addon-charts/components/line-chart/line-chart.component.ts @@ -26,8 +26,7 @@ import { TuiPoint, } from '@taiga-ui/core'; import {PolymorpheusContent} from '@tinkoff/ng-polymorpheus'; -import {Observable, Subject} from 'rxjs'; -import {distinctUntilChanged} from 'rxjs/operators'; +import {distinctUntilChanged, Observable, Subject} from 'rxjs'; import {TUI_LINE_CHART_OPTIONS, TuiLineChartOptions} from './line-chart.options'; import {TuiLineChartHintDirective} from './line-chart-hint.directive'; diff --git a/projects/addon-charts/components/line-days-chart/line-days-chart-hint.directive.ts b/projects/addon-charts/components/line-days-chart/line-days-chart-hint.directive.ts index 23af7c51e84f..5dde8fcf3d17 100644 --- a/projects/addon-charts/components/line-days-chart/line-days-chart-hint.directive.ts +++ b/projects/addon-charts/components/line-days-chart/line-days-chart-hint.directive.ts @@ -21,8 +21,7 @@ import { } from '@taiga-ui/cdk'; import {TuiPoint} from '@taiga-ui/core'; import {PolymorpheusContent} from '@tinkoff/ng-polymorpheus'; -import {combineLatest, Observable} from 'rxjs'; -import {filter, takeUntil} from 'rxjs/operators'; +import {combineLatest, filter, Observable, takeUntil} from 'rxjs'; import {TuiLineDaysChartComponent} from './line-days-chart.component'; diff --git a/projects/addon-charts/components/line-days-chart/line-days-chart.component.ts b/projects/addon-charts/components/line-days-chart/line-days-chart.component.ts index d9f828c05c5a..3a09df054151 100644 --- a/projects/addon-charts/components/line-days-chart/line-days-chart.component.ts +++ b/projects/addon-charts/components/line-days-chart/line-days-chart.component.ts @@ -34,8 +34,7 @@ import { } from '@taiga-ui/cdk'; import {TuiPoint} from '@taiga-ui/core'; import {PolymorpheusContent} from '@tinkoff/ng-polymorpheus'; -import {combineLatest, Observable} from 'rxjs'; -import {filter, takeUntil} from 'rxjs/operators'; +import {combineLatest, filter, Observable, takeUntil} from 'rxjs'; import {TuiLineDaysChartHintDirective} from './line-days-chart-hint.directive'; diff --git a/projects/addon-charts/components/pie-chart/pie-chart.directive.ts b/projects/addon-charts/components/pie-chart/pie-chart.directive.ts index d9157932f30f..05bf8e1343a4 100644 --- a/projects/addon-charts/components/pie-chart/pie-chart.directive.ts +++ b/projects/addon-charts/components/pie-chart/pie-chart.directive.ts @@ -3,8 +3,15 @@ import {ANIMATION_FRAME, PERFORMANCE} from '@ng-web-apis/common'; import {tuiDescribeSector} from '@taiga-ui/addon-charts/utils'; import {tuiClamp, TuiDestroyService, tuiEaseInOutQuad, tuiZonefree} from '@taiga-ui/cdk'; import {TUI_ANIMATIONS_DURATION} from '@taiga-ui/core'; -import {BehaviorSubject, Observable} from 'rxjs'; -import {map, pairwise, switchMap, takeUntil, takeWhile} from 'rxjs/operators'; +import { + BehaviorSubject, + map, + Observable, + pairwise, + switchMap, + takeUntil, + takeWhile, +} from 'rxjs'; @Directive({ selector: 'path[tuiPieChart]', diff --git a/projects/addon-commerce/components/input-card-grouped/input-card-grouped.providers.ts b/projects/addon-commerce/components/input-card-grouped/input-card-grouped.providers.ts index 0678749d67d4..dfb81612af44 100644 --- a/projects/addon-commerce/components/input-card-grouped/input-card-grouped.providers.ts +++ b/projects/addon-commerce/components/input-card-grouped/input-card-grouped.providers.ts @@ -7,8 +7,7 @@ import { } from '@taiga-ui/addon-commerce/tokens'; import {tuiCreateTokenFromFactory, tuiTypedFromEvent} from '@taiga-ui/cdk'; import {TUI_MEDIA} from '@taiga-ui/core'; -import {combineLatest, Observable, of} from 'rxjs'; -import {map, startWith, switchMap} from 'rxjs/operators'; +import {combineLatest, map, Observable, of, startWith, switchMap} from 'rxjs'; export interface TuiCardGroupedTexts { readonly cardNumberText: string; diff --git a/projects/addon-doc/components/code/code.component.ts b/projects/addon-doc/components/code/code.component.ts index 6063cdb8e0d5..fc0ee9dd4eba 100644 --- a/projects/addon-doc/components/code/code.component.ts +++ b/projects/addon-doc/components/code/code.component.ts @@ -9,8 +9,7 @@ import {TuiRawLoaderContent} from '@taiga-ui/addon-doc/interfaces'; import {TUI_DOC_EXAMPLE_MARKDOWN_CODE_PROCESSOR} from '@taiga-ui/addon-doc/tokens'; import {tuiRawLoad} from '@taiga-ui/addon-doc/utils'; import {TuiHandler} from '@taiga-ui/cdk'; -import {BehaviorSubject, Subject, timer} from 'rxjs'; -import {map, startWith, switchMap} from 'rxjs/operators'; +import {BehaviorSubject, map, startWith, Subject, switchMap, timer} from 'rxjs'; @Component({ selector: 'tui-doc-code', diff --git a/projects/addon-doc/components/copy/copy.component.ts b/projects/addon-doc/components/copy/copy.component.ts index 9fd110def310..ba02885c53e7 100644 --- a/projects/addon-doc/components/copy/copy.component.ts +++ b/projects/addon-doc/components/copy/copy.component.ts @@ -1,8 +1,7 @@ import {ChangeDetectionStrategy, Component, Inject} from '@angular/core'; import {ALWAYS_FALSE_HANDLER, TuiDestroyService, tuiPure} from '@taiga-ui/cdk'; import {TUI_COPY_TEXTS} from '@taiga-ui/kit'; -import {Observable, Subject, timer} from 'rxjs'; -import {map, startWith, switchMap} from 'rxjs/operators'; +import {map, Observable, startWith, Subject, switchMap, timer} from 'rxjs'; const COPIED_TIMEOUT = 1500; diff --git a/projects/addon-doc/components/documentation/documentation.component.ts b/projects/addon-doc/components/documentation/documentation.component.ts index aa1a0d30bd3a..555777cccee3 100644 --- a/projects/addon-doc/components/documentation/documentation.component.ts +++ b/projects/addon-doc/components/documentation/documentation.component.ts @@ -22,8 +22,7 @@ import { TuiTypedMatcher, tuiWatch, } from '@taiga-ui/cdk'; -import {merge} from 'rxjs'; -import {switchMap, takeUntil} from 'rxjs/operators'; +import {merge, switchMap, takeUntil} from 'rxjs'; import {TuiDocDocumentationPropertyConnectorDirective} from './documentation-property-connector.directive'; import {TuiGetColorPipe} from './pipes/color.pipe'; diff --git a/projects/addon-doc/components/example/example.component.ts b/projects/addon-doc/components/example/example.component.ts index d61cf81a158c..d1f368531a65 100644 --- a/projects/addon-doc/components/example/example.component.ts +++ b/projects/addon-doc/components/example/example.component.ts @@ -22,8 +22,7 @@ import {TUI_IS_E2E, TuiContextWithImplicit, TuiHandler} from '@taiga-ui/cdk'; import {TuiAlertService} from '@taiga-ui/core'; import {TUI_COPY_TEXTS} from '@taiga-ui/kit'; import {PolymorpheusContent} from '@tinkoff/ng-polymorpheus'; -import {BehaviorSubject, Observable, Subject} from 'rxjs'; -import {map, switchMap} from 'rxjs/operators'; +import {BehaviorSubject, map, Observable, Subject, switchMap} from 'rxjs'; import {TUI_DOC_EXAMPLE_OPTIONS, TuiDocExampleOptions} from './example.options'; diff --git a/projects/addon-doc/components/internal/header/header.component.ts b/projects/addon-doc/components/internal/header/header.component.ts index 3b3b006212bb..288403188a2f 100644 --- a/projects/addon-doc/components/internal/header/header.component.ts +++ b/projects/addon-doc/components/internal/header/header.component.ts @@ -8,8 +8,7 @@ import { } from '@taiga-ui/addon-doc/tokens'; import {ALWAYS_FALSE_HANDLER, TuiSwipeService} from '@taiga-ui/cdk'; import {PolymorpheusContent} from '@tinkoff/ng-polymorpheus'; -import {merge, Subject} from 'rxjs'; -import {distinctUntilChanged, filter, map, startWith} from 'rxjs/operators'; +import {distinctUntilChanged, filter, map, merge, startWith, Subject} from 'rxjs'; @Component({ selector: 'header[tuiDocHeader]', diff --git a/projects/addon-doc/components/main/main.component.ts b/projects/addon-doc/components/main/main.component.ts index 6d2e42159171..b75c232c9a39 100644 --- a/projects/addon-doc/components/main/main.component.ts +++ b/projects/addon-doc/components/main/main.component.ts @@ -10,7 +10,7 @@ import {TuiThemeNightService, TuiThemeService} from '@taiga-ui/addon-doc/service import {TUI_DOC_ICONS, TuiDocIcons} from '@taiga-ui/addon-doc/tokens'; import {TuiSwipeService} from '@taiga-ui/cdk'; import {TuiBrightness, TuiModeDirective} from '@taiga-ui/core'; -import {distinctUntilChanged, map, share, startWith} from 'rxjs/operators'; +import {distinctUntilChanged, map, share, startWith} from 'rxjs'; @Component({ selector: 'tui-doc-main', diff --git a/projects/addon-doc/components/navigation/navigation.component.ts b/projects/addon-doc/components/navigation/navigation.component.ts index 2602c6993a0f..0a3ddec6cfad 100644 --- a/projects/addon-doc/components/navigation/navigation.component.ts +++ b/projects/addon-doc/components/navigation/navigation.component.ts @@ -29,8 +29,16 @@ import { TuiModeDirective, } from '@taiga-ui/core'; import {TuiInputComponent} from '@taiga-ui/kit'; -import {combineLatest, Observable} from 'rxjs'; -import {filter, map, startWith, switchMap, take, takeUntil} from 'rxjs/operators'; +import { + combineLatest, + filter, + map, + Observable, + startWith, + switchMap, + take, + takeUntil, +} from 'rxjs'; import { NAVIGATION_ITEMS, diff --git a/projects/addon-doc/components/navigation/navigation.providers.ts b/projects/addon-doc/components/navigation/navigation.providers.ts index e7540b634d91..4253514f9fb3 100644 --- a/projects/addon-doc/components/navigation/navigation.providers.ts +++ b/projects/addon-doc/components/navigation/navigation.providers.ts @@ -3,8 +3,7 @@ import {ActivatedRoute, NavigationEnd, Router} from '@angular/router'; import {TUI_DOC_PAGES, TUI_DOC_TITLE} from '@taiga-ui/addon-doc/tokens'; import {TuiDocPages} from '@taiga-ui/addon-doc/types'; import {TuiDestroyService, tuiIsPresent} from '@taiga-ui/cdk'; -import {Observable} from 'rxjs'; -import {filter, map, mergeMap, takeUntil} from 'rxjs/operators'; +import {filter, map, mergeMap, Observable, takeUntil} from 'rxjs'; function labelsProviderFactory(pages: TuiDocPages): readonly string[] { return pages diff --git a/projects/addon-doc/directives/scroll-into-view/scroll-into-view.directive.ts b/projects/addon-doc/directives/scroll-into-view/scroll-into-view.directive.ts index 5d86b9fee239..2f7d2ebec0d4 100644 --- a/projects/addon-doc/directives/scroll-into-view/scroll-into-view.directive.ts +++ b/projects/addon-doc/directives/scroll-into-view/scroll-into-view.directive.ts @@ -1,8 +1,14 @@ import {Directive, ElementRef, Inject, Input, Self} from '@angular/core'; import {TUI_DOC_PAGE_LOADED} from '@taiga-ui/addon-doc/tokens'; import {TuiDestroyService, tuiGetElementObscures} from '@taiga-ui/cdk'; -import {Observable, ReplaySubject} from 'rxjs'; -import {debounceTime, filter, switchMap, takeUntil} from 'rxjs/operators'; +import { + debounceTime, + filter, + Observable, + ReplaySubject, + switchMap, + takeUntil, +} from 'rxjs'; @Directive({ selector: '[tuiScrollIntoViewLink]', diff --git a/projects/addon-doc/tokens/page-loaded.ts b/projects/addon-doc/tokens/page-loaded.ts index 91b2f1636883..d4b64544e746 100644 --- a/projects/addon-doc/tokens/page-loaded.ts +++ b/projects/addon-doc/tokens/page-loaded.ts @@ -1,7 +1,5 @@ import {tuiCreateToken} from '@taiga-ui/cdk'; -import {defer, of, timer} from 'rxjs'; -import {switchMap} from 'rxjs/operators'; - +import {defer, of, switchMap, timer} from 'rxjs'; /** * Stream that emits if loading of page is over (for example, to begin scrollIntoView) */ diff --git a/projects/addon-mobile/components/app-bar/app-bar.component.ts b/projects/addon-mobile/components/app-bar/app-bar.component.ts index e2f3ce8c3882..5143c97aff36 100644 --- a/projects/addon-mobile/components/app-bar/app-bar.component.ts +++ b/projects/addon-mobile/components/app-bar/app-bar.component.ts @@ -8,8 +8,7 @@ import { } from '@angular/core'; import {MutationObserverService} from '@ng-web-apis/mutation-observer'; import {EMPTY_QUERY, TuiResizeService} from '@taiga-ui/cdk'; -import {merge, Observable} from 'rxjs'; -import {map} from 'rxjs/operators'; +import {map, merge, Observable} from 'rxjs'; import {TUI_APP_BAR_PROVIDERS} from './app-bar.providers'; diff --git a/projects/addon-mobile/components/mobile-calendar/mobile-calendar.component.ts b/projects/addon-mobile/components/mobile-calendar/mobile-calendar.component.ts index ab42884763b3..4d0aec81ec85 100644 --- a/projects/addon-mobile/components/mobile-calendar/mobile-calendar.component.ts +++ b/projects/addon-mobile/components/mobile-calendar/mobile-calendar.component.ts @@ -41,18 +41,22 @@ import { TUI_DONE_WORD, tuiImmutableUpdateInputDateMulti, } from '@taiga-ui/kit'; -import {identity, MonoTypeOperatorFunction, Observable, race, timer} from 'rxjs'; import { debounceTime, delay, filter, + identity, map, mergeMap, + MonoTypeOperatorFunction, + Observable, + race, switchMap, take, takeUntil, + timer, windowToggle, -} from 'rxjs/operators'; +} from 'rxjs'; import { RANGE, diff --git a/projects/addon-mobile/components/mobile-calendar/mobile-calendar.providers.ts b/projects/addon-mobile/components/mobile-calendar/mobile-calendar.providers.ts index d068a7bfa24e..93f0898264a5 100644 --- a/projects/addon-mobile/components/mobile-calendar/mobile-calendar.providers.ts +++ b/projects/addon-mobile/components/mobile-calendar/mobile-calendar.providers.ts @@ -8,8 +8,7 @@ import { tuiWatch, } from '@taiga-ui/cdk'; import {TUI_CALENDAR_DATE_STREAM} from '@taiga-ui/kit'; -import {EMPTY, Observable} from 'rxjs'; -import {takeUntil} from 'rxjs/operators'; +import {EMPTY, Observable, takeUntil} from 'rxjs'; import {TuiMobileCalendarStrategy} from './mobile-calendar.strategy'; diff --git a/projects/addon-mobile/components/mobile-calendar/mobile-calendar.strategy.ts b/projects/addon-mobile/components/mobile-calendar/mobile-calendar.strategy.ts index e6d5a963ec61..66f2e6c7f97c 100644 --- a/projects/addon-mobile/components/mobile-calendar/mobile-calendar.strategy.ts +++ b/projects/addon-mobile/components/mobile-calendar/mobile-calendar.strategy.ts @@ -1,7 +1,6 @@ import {CdkVirtualScrollViewport, VirtualScrollStrategy} from '@angular/cdk/scrolling'; import {MONTHS_IN_YEAR, tuiPure, TuiScrollService} from '@taiga-ui/cdk'; -import {Observable, Subject} from 'rxjs'; -import {distinctUntilChanged, takeUntil} from 'rxjs/operators'; +import {distinctUntilChanged, Observable, Subject, takeUntil} from 'rxjs'; import { ANDROID_CYCLE, diff --git a/projects/addon-mobile/components/pull-to-refresh/pull-to-refresh.component.ts b/projects/addon-mobile/components/pull-to-refresh/pull-to-refresh.component.ts index 28ab85d64192..fdf1665568c3 100644 --- a/projects/addon-mobile/components/pull-to-refresh/pull-to-refresh.component.ts +++ b/projects/addon-mobile/components/pull-to-refresh/pull-to-refresh.component.ts @@ -19,8 +19,7 @@ import { tuiZonefree, } from '@taiga-ui/cdk'; import {PolymorpheusContent} from '@tinkoff/ng-polymorpheus'; -import {Observable} from 'rxjs'; -import {distinctUntilChanged, filter, map, startWith, takeUntil} from 'rxjs/operators'; +import {distinctUntilChanged, filter, map, Observable, startWith, takeUntil} from 'rxjs'; import { TUI_PULL_TO_REFRESH_COMPONENT, diff --git a/projects/addon-mobile/components/pull-to-refresh/pull-to-refresh.service.ts b/projects/addon-mobile/components/pull-to-refresh/pull-to-refresh.service.ts index ffa42f162797..7cca62120d6a 100644 --- a/projects/addon-mobile/components/pull-to-refresh/pull-to-refresh.service.ts +++ b/projects/addon-mobile/components/pull-to-refresh/pull-to-refresh.service.ts @@ -1,11 +1,12 @@ import {ElementRef, Inject, Injectable} from '@angular/core'; import {TUI_SCROLL_REF, tuiScrollFrom, tuiTypedFromEvent} from '@taiga-ui/cdk'; -import {EMPTY, Observable} from 'rxjs'; import { distinctUntilChanged, + EMPTY, endWith, filter, map, + Observable, scan, share, startWith, @@ -13,7 +14,7 @@ import { takeUntil, takeWhile, tap, -} from 'rxjs/operators'; +} from 'rxjs'; import { TUI_PULL_TO_REFRESH_COMPONENT, diff --git a/projects/addon-mobile/components/sheet/components/sheet/sheet.component.ts b/projects/addon-mobile/components/sheet/components/sheet/sheet.component.ts index b754a5e7c368..fdf63459348b 100644 --- a/projects/addon-mobile/components/sheet/components/sheet/sheet.component.ts +++ b/projects/addon-mobile/components/sheet/components/sheet/sheet.component.ts @@ -14,8 +14,7 @@ import { import {EMPTY_QUERY, TUI_IS_IOS, tuiPure, tuiZonefull} from '@taiga-ui/cdk'; import {tuiSlideInTop} from '@taiga-ui/core'; import {TUI_MORE_WORD} from '@taiga-ui/kit'; -import {Observable} from 'rxjs'; -import {map} from 'rxjs/operators'; +import {map, Observable} from 'rxjs'; import {fakeSmoothScroll} from '../../ios.hacks'; import {TuiSheet, TuiSheetRequiredProps} from '../../sheet'; diff --git a/projects/addon-mobile/components/sheet/components/sheet/sheet.providers.ts b/projects/addon-mobile/components/sheet/components/sheet/sheet.providers.ts index 4ee02a81d727..f5ef0a643965 100644 --- a/projects/addon-mobile/components/sheet/components/sheet/sheet.providers.ts +++ b/projects/addon-mobile/components/sheet/components/sheet/sheet.providers.ts @@ -8,8 +8,7 @@ import { tuiTypedFromEvent, tuiZonefree, } from '@taiga-ui/cdk'; -import {merge, Observable} from 'rxjs'; -import {map, share} from 'rxjs/operators'; +import {map, merge, Observable, share} from 'rxjs'; import {iosScrollFactory} from '../../ios.hacks'; import {TUI_SHEET, TUI_SHEET_DRAGGED, TUI_SHEET_SCROLL} from '../../sheet-tokens'; diff --git a/projects/addon-mobile/components/sheet/components/sheets-host/sheets-host.component.ts b/projects/addon-mobile/components/sheet/components/sheets-host/sheets-host.component.ts index f3c105ace864..d67ce4ac60cc 100644 --- a/projects/addon-mobile/components/sheet/components/sheets-host/sheets-host.component.ts +++ b/projects/addon-mobile/components/sheet/components/sheets-host/sheets-host.component.ts @@ -9,8 +9,7 @@ import { } from '@angular/core'; import {TUI_WINDOW_HEIGHT, TuiDestroyService} from '@taiga-ui/cdk'; import {TUI_ANIMATION_OPTIONS, tuiFadeIn, tuiSlideInTop} from '@taiga-ui/core'; -import {Observable} from 'rxjs'; -import {takeUntil} from 'rxjs/operators'; +import {Observable, takeUntil} from 'rxjs'; import {TuiSheet} from '../../sheet'; import {TuiSheetService} from '../../sheet.service'; diff --git a/projects/addon-mobile/components/sheet/directives/sheet-close/sheet-close.directive.ts b/projects/addon-mobile/components/sheet/directives/sheet-close/sheet-close.directive.ts index dfc16a1eddeb..c17d60793431 100644 --- a/projects/addon-mobile/components/sheet/directives/sheet-close/sheet-close.directive.ts +++ b/projects/addon-mobile/components/sheet/directives/sheet-close/sheet-close.directive.ts @@ -1,8 +1,7 @@ import {Directive, ElementRef, Inject, NgZone, Output} from '@angular/core'; import {WINDOW} from '@ng-web-apis/common'; import {tuiIfMap, tuiIsFalsy, tuiTypedFromEvent, tuiZonefull} from '@taiga-ui/cdk'; -import {merge, Observable} from 'rxjs'; -import {distinctUntilChanged, filter, startWith} from 'rxjs/operators'; +import {distinctUntilChanged, filter, merge, Observable, startWith} from 'rxjs'; import {TuiSheetComponent} from '../../components/sheet/sheet.component'; import {TUI_SHEET_CLOSE} from '../../components/sheet-heading/sheet-heading.component'; diff --git a/projects/addon-mobile/components/sheet/directives/sheet-stop/sheet-stop.directive.ts b/projects/addon-mobile/components/sheet/directives/sheet-stop/sheet-stop.directive.ts index 67f7432505a8..7d80576fffa4 100644 --- a/projects/addon-mobile/components/sheet/directives/sheet-stop/sheet-stop.directive.ts +++ b/projects/addon-mobile/components/sheet/directives/sheet-stop/sheet-stop.directive.ts @@ -1,14 +1,14 @@ import {Directive, ElementRef, Inject, Self} from '@angular/core'; import {TUI_SCROLL_REF, TuiDestroyService} from '@taiga-ui/cdk'; -import {Observable} from 'rxjs'; import { distinctUntilChanged, filter, map, + Observable, takeUntil, throttleTime, withLatestFrom, -} from 'rxjs/operators'; +} from 'rxjs'; import {TUI_SHEET_DRAGGED, TUI_SHEET_SCROLL} from '../../sheet-tokens'; diff --git a/projects/addon-mobile/components/sheet/directives/sheet-top/sheet-top.directive.ts b/projects/addon-mobile/components/sheet/directives/sheet-top/sheet-top.directive.ts index 8fe65e247aa8..e5c0cd1cb097 100644 --- a/projects/addon-mobile/components/sheet/directives/sheet-top/sheet-top.directive.ts +++ b/projects/addon-mobile/components/sheet/directives/sheet-top/sheet-top.directive.ts @@ -1,8 +1,7 @@ import {Directive, Inject, Input} from '@angular/core'; import {WINDOW} from '@ng-web-apis/common'; import {tuiClamp} from '@taiga-ui/cdk'; -import {Observable} from 'rxjs'; -import {map} from 'rxjs/operators'; +import {map, Observable} from 'rxjs'; import {TuiSheetRequiredProps} from '../../sheet'; import {TUI_SHEET, TUI_SHEET_SCROLL} from '../../sheet-tokens'; diff --git a/projects/addon-mobile/components/sheet/directives/sheet-wrapper/sheet-wrapper.directive.ts b/projects/addon-mobile/components/sheet/directives/sheet-wrapper/sheet-wrapper.directive.ts index de9090e78b03..bb3e38e2d6f4 100644 --- a/projects/addon-mobile/components/sheet/directives/sheet-wrapper/sheet-wrapper.directive.ts +++ b/projects/addon-mobile/components/sheet/directives/sheet-wrapper/sheet-wrapper.directive.ts @@ -7,16 +7,18 @@ import { tuiPure, tuiZonefull, } from '@taiga-ui/cdk'; -import {Observable, race, timer} from 'rxjs'; import { debounceTime, distinctUntilChanged, filter, map, + Observable, + race, startWith, switchMap, take, -} from 'rxjs/operators'; + timer, +} from 'rxjs'; import {TuiSheetComponent} from '../../components/sheet/sheet.component'; import {TUI_SHEET_DRAGGED, TUI_SHEET_SCROLL} from '../../sheet-tokens'; diff --git a/projects/addon-mobile/components/sheet/ios.hacks.ts b/projects/addon-mobile/components/sheet/ios.hacks.ts index c1d8c1ab245f..a4b6935fa944 100644 --- a/projects/addon-mobile/components/sheet/ios.hacks.ts +++ b/projects/addon-mobile/components/sheet/ios.hacks.ts @@ -1,7 +1,17 @@ import {NgZone} from '@angular/core'; import {tuiTypedFromEvent, tuiZonefree} from '@taiga-ui/cdk'; -import {concat, merge, Observable, zip} from 'rxjs'; -import {delay, map, share, switchMap, take, takeUntil} from 'rxjs/operators'; +import { + concat, + delay, + map, + merge, + Observable, + share, + switchMap, + take, + takeUntil, + zip, +} from 'rxjs'; // eslint-disable-next-line @typescript-eslint/naming-convention export function iosScrollFactory( diff --git a/projects/addon-mobile/components/sheet/sheet.directive.ts b/projects/addon-mobile/components/sheet/sheet.directive.ts index a518735eacb7..35746a14a1e6 100644 --- a/projects/addon-mobile/components/sheet/sheet.directive.ts +++ b/projects/addon-mobile/components/sheet/sheet.directive.ts @@ -8,8 +8,7 @@ import { } from '@angular/core'; import {tuiIfMap} from '@taiga-ui/cdk'; import {PolymorpheusTemplate} from '@tinkoff/ng-polymorpheus'; -import {Subject} from 'rxjs'; -import {endWith, ignoreElements, share} from 'rxjs/operators'; +import {endWith, ignoreElements, share, Subject} from 'rxjs'; import {TuiSheet} from './sheet'; import {TuiSheetService} from './sheet.service'; diff --git a/projects/addon-mobile/components/tab-bar/tab-bar-item.directive.ts b/projects/addon-mobile/components/tab-bar/tab-bar-item.directive.ts index aaad66b80323..4bfda952c981 100644 --- a/projects/addon-mobile/components/tab-bar/tab-bar-item.directive.ts +++ b/projects/addon-mobile/components/tab-bar/tab-bar-item.directive.ts @@ -1,8 +1,7 @@ import {ChangeDetectorRef, Directive, ElementRef, Inject, Self} from '@angular/core'; import {TuiDestroyService, tuiWatch} from '@taiga-ui/cdk'; import {TuiRouterLinkActiveService} from '@taiga-ui/core'; -import {Observable} from 'rxjs'; -import {filter, takeUntil} from 'rxjs/operators'; +import {filter, Observable, takeUntil} from 'rxjs'; import {TuiTabBarComponent} from './tab-bar.component'; diff --git a/projects/addon-mobile/directives/elastic-sticky/elastic-sticky.service.ts b/projects/addon-mobile/directives/elastic-sticky/elastic-sticky.service.ts index cb54ec86d200..9317ac0fe135 100644 --- a/projects/addon-mobile/directives/elastic-sticky/elastic-sticky.service.ts +++ b/projects/addon-mobile/directives/elastic-sticky/elastic-sticky.service.ts @@ -7,16 +7,16 @@ import { tuiScrollFrom, tuiZoneOptimized, } from '@taiga-ui/cdk'; -import {Observable} from 'rxjs'; import { distinctUntilChanged, map, + Observable, skip, startWith, switchMap, take, takeUntil, -} from 'rxjs/operators'; +} from 'rxjs'; @Injectable() export class TuiElasticStickyService extends Observable { diff --git a/projects/addon-mobile/directives/ripple/ripple.directive.ts b/projects/addon-mobile/directives/ripple/ripple.directive.ts index e84eb9a0f23c..e4d1253e52f3 100644 --- a/projects/addon-mobile/directives/ripple/ripple.directive.ts +++ b/projects/addon-mobile/directives/ripple/ripple.directive.ts @@ -6,8 +6,17 @@ import { TuiDirectiveStylesService, tuiTypedFromEvent, } from '@taiga-ui/cdk'; -import {Observable, race, timer} from 'rxjs'; -import {map, mergeMap, switchMap, take, takeUntil, tap} from 'rxjs/operators'; +import { + map, + mergeMap, + Observable, + race, + switchMap, + take, + takeUntil, + tap, + timer, +} from 'rxjs'; import { RIPPLE_OFF, diff --git a/projects/addon-mobile/directives/ripple/ripple.providers.ts b/projects/addon-mobile/directives/ripple/ripple.providers.ts index 956ce4007e17..d8a0e197d067 100644 --- a/projects/addon-mobile/directives/ripple/ripple.providers.ts +++ b/projects/addon-mobile/directives/ripple/ripple.providers.ts @@ -7,8 +7,7 @@ import { tuiPx, tuiTypedFromEvent, } from '@taiga-ui/cdk'; -import {EMPTY, Observable} from 'rxjs'; -import {filter, map, takeUntil} from 'rxjs/operators'; +import {EMPTY, filter, map, Observable, takeUntil} from 'rxjs'; export const RIPPLE_ON = `tuiRippleOn`; export const RIPPLE_OFF = `tuiRippleOff`; diff --git a/projects/addon-mobile/directives/touchable/touchable.directive.ts b/projects/addon-mobile/directives/touchable/touchable.directive.ts index 6c14f4569100..afee4dbfe84a 100644 --- a/projects/addon-mobile/directives/touchable/touchable.directive.ts +++ b/projects/addon-mobile/directives/touchable/touchable.directive.ts @@ -11,8 +11,7 @@ import {TuiTouchMode} from '@taiga-ui/addon-mobile/types'; import {tuiFindTouchIndex} from '@taiga-ui/addon-mobile/utils'; import {TUI_IS_IOS, TuiDestroyService, tuiTypedFromEvent} from '@taiga-ui/cdk'; import {TUI_ELEMENT_REF} from '@taiga-ui/core'; -import {race} from 'rxjs'; -import {filter, map, switchMap, take, takeUntil, tap} from 'rxjs/operators'; +import {filter, map, race, switchMap, take, takeUntil, tap} from 'rxjs'; const STYLE = { transform: 'scale(0.95)', diff --git a/projects/addon-preview/components/preview/preview.component.ts b/projects/addon-preview/components/preview/preview.component.ts index e68c559d7717..ba3cb33b7b20 100644 --- a/projects/addon-preview/components/preview/preview.component.ts +++ b/projects/addon-preview/components/preview/preview.component.ts @@ -22,8 +22,7 @@ import { } from '@taiga-ui/cdk'; import {tuiSlideInTop} from '@taiga-ui/core'; import {TuiLanguagePreview} from '@taiga-ui/i18n'; -import {BehaviorSubject, combineLatest, merge, Observable} from 'rxjs'; -import {map, startWith} from 'rxjs/operators'; +import {BehaviorSubject, combineLatest, map, merge, Observable, startWith} from 'rxjs'; const INITIAL_SCALE_COEF = 0.8; const EMPTY_COORDINATES: [number, number] = [0, 0]; diff --git a/projects/addon-preview/components/preview/zoom/preview-zoom.component.ts b/projects/addon-preview/components/preview/zoom/preview-zoom.component.ts index 4d66f86e683a..058d378dd604 100644 --- a/projects/addon-preview/components/preview/zoom/preview-zoom.component.ts +++ b/projects/addon-preview/components/preview/zoom/preview-zoom.component.ts @@ -13,8 +13,7 @@ import { } from '@taiga-ui/addon-preview/tokens'; import {ALWAYS_FALSE_HANDLER, tuiClamp} from '@taiga-ui/cdk'; import {TuiLanguagePreview} from '@taiga-ui/i18n'; -import {merge, Observable, of, timer} from 'rxjs'; -import {map, startWith, switchMap} from 'rxjs/operators'; +import {map, merge, Observable, of, startWith, switchMap, timer} from 'rxjs'; const STEP = 0.5; diff --git a/projects/addon-table/components/table/directives/direction-order.directive.ts b/projects/addon-table/components/table/directives/direction-order.directive.ts index 40332329f96f..e8eca96afcc3 100644 --- a/projects/addon-table/components/table/directives/direction-order.directive.ts +++ b/projects/addon-table/components/table/directives/direction-order.directive.ts @@ -1,5 +1,5 @@ import {Directive, Inject, Input, Output} from '@angular/core'; -import {map} from 'rxjs/operators'; +import {map} from 'rxjs'; import {TuiTableDirective} from './table.directive'; diff --git a/projects/addon-table/components/table/directives/resized.directive.ts b/projects/addon-table/components/table/directives/resized.directive.ts index 8e86a6bf84ab..8cfe0b2953c1 100644 --- a/projects/addon-table/components/table/directives/resized.directive.ts +++ b/projects/addon-table/components/table/directives/resized.directive.ts @@ -2,7 +2,7 @@ import {DOCUMENT} from '@angular/common'; import {Directive, ElementRef, Inject, Output} from '@angular/core'; import {tuiPreventDefault, tuiTypedFromEvent} from '@taiga-ui/cdk'; import {TUI_ELEMENT_REF} from '@taiga-ui/core'; -import {distinctUntilChanged, map, switchMap, takeUntil} from 'rxjs/operators'; +import {distinctUntilChanged, map, switchMap, takeUntil} from 'rxjs'; @Directive({ selector: '[tuiResized]', diff --git a/projects/addon-table/components/table/directives/sort-by.directive.ts b/projects/addon-table/components/table/directives/sort-by.directive.ts index 88d66f7da919..875fa94b53f8 100644 --- a/projects/addon-table/components/table/directives/sort-by.directive.ts +++ b/projects/addon-table/components/table/directives/sort-by.directive.ts @@ -8,7 +8,7 @@ import { } from '@angular/core'; import {TuiComparator} from '@taiga-ui/addon-table/types'; import {EMPTY_QUERY} from '@taiga-ui/cdk'; -import {delay, filter, map} from 'rxjs/operators'; +import {delay, filter, map} from 'rxjs'; import {TuiSortableDirective} from './sortable.directive'; import {TuiTableDirective} from './table.directive'; diff --git a/projects/addon-table/components/table/providers/stuck.provider.ts b/projects/addon-table/components/table/providers/stuck.provider.ts index bc00618e1930..294220751e75 100644 --- a/projects/addon-table/components/table/providers/stuck.provider.ts +++ b/projects/addon-table/components/table/providers/stuck.provider.ts @@ -1,8 +1,6 @@ import {ElementRef, InjectionToken, Provider} from '@angular/core'; import {IntersectionObserverService} from '@ng-web-apis/intersection-observer'; -import {Observable} from 'rxjs'; -import {map} from 'rxjs/operators'; - +import {map, Observable} from 'rxjs'; /** * Stream of sticky stuck events */ diff --git a/projects/addon-table/components/table/th-group/th-group.component.ts b/projects/addon-table/components/table/th-group/th-group.component.ts index 7849bbe846cf..d3094ab7cd98 100644 --- a/projects/addon-table/components/table/th-group/th-group.component.ts +++ b/projects/addon-table/components/table/th-group/th-group.component.ts @@ -9,8 +9,7 @@ import { QueryList, } from '@angular/core'; import {EMPTY_QUERY} from '@taiga-ui/cdk'; -import {Observable} from 'rxjs'; -import {map, startWith} from 'rxjs/operators'; +import {map, Observable, startWith} from 'rxjs'; import {TuiHeadDirective} from '../directives/head.directive'; import {TuiTableDirective} from '../directives/table.directive'; diff --git a/projects/addon-table/components/table/tr/tr.component.ts b/projects/addon-table/components/table/tr/tr.component.ts index 1252be2a7092..99be12302f0f 100644 --- a/projects/addon-table/components/table/tr/tr.component.ts +++ b/projects/addon-table/components/table/tr/tr.component.ts @@ -8,8 +8,7 @@ import { QueryList, } from '@angular/core'; import {EMPTY_QUERY, tuiQueryListChanges} from '@taiga-ui/cdk'; -import {ReplaySubject} from 'rxjs'; -import {map, switchMap} from 'rxjs/operators'; +import {map, ReplaySubject, switchMap} from 'rxjs'; import {TuiCellDirective} from '../directives/cell.directive'; import {TuiTableDirective} from '../directives/table.directive'; diff --git a/projects/addon-table/directives/table-filters/table-filter.directive.ts b/projects/addon-table/directives/table-filters/table-filter.directive.ts index 13479fe5b79b..fe562b8f90e0 100644 --- a/projects/addon-table/directives/table-filters/table-filter.directive.ts +++ b/projects/addon-table/directives/table-filters/table-filter.directive.ts @@ -2,8 +2,7 @@ import {Directive, Inject, Input, OnDestroy, OnInit, Optional} from '@angular/co import {NgControl} from '@angular/forms'; import {TuiHeadDirective} from '@taiga-ui/addon-table/components'; import {TuiValuesOf} from '@taiga-ui/cdk'; -import {defer, EMPTY, merge} from 'rxjs'; -import {distinctUntilChanged} from 'rxjs/operators'; +import {defer, distinctUntilChanged, EMPTY, merge} from 'rxjs'; import {AbstractTuiTableFilter} from './abstract-table-filter'; import {TuiTableFilter} from './table-filter'; diff --git a/projects/addon-table/directives/table-filters/table-filters.directive.ts b/projects/addon-table/directives/table-filters/table-filters.directive.ts index 9c01a306f752..b8eb4d8384b0 100644 --- a/projects/addon-table/directives/table-filters/table-filters.directive.ts +++ b/projects/addon-table/directives/table-filters/table-filters.directive.ts @@ -1,6 +1,13 @@ import {Directive} from '@angular/core'; -import {identity, merge, Observable, ReplaySubject} from 'rxjs'; -import {map, startWith, switchMap} from 'rxjs/operators'; +import { + identity, + map, + merge, + Observable, + ReplaySubject, + startWith, + switchMap, +} from 'rxjs'; import {TuiTableFilter} from './table-filter'; diff --git a/projects/addon-tablebars/components/table-bars-host/test/table-bars-host.component.spec.ts b/projects/addon-tablebars/components/table-bars-host/test/table-bars-host.component.spec.ts index f04f78b64dd9..ff943d012305 100644 --- a/projects/addon-tablebars/components/table-bars-host/test/table-bars-host.component.spec.ts +++ b/projects/addon-tablebars/components/table-bars-host/test/table-bars-host.component.spec.ts @@ -7,8 +7,7 @@ import { TuiTableBarsService, } from '@taiga-ui/addon-tablebars'; import {TuiPageObject} from '@taiga-ui/testing'; -import {Subscription, timer} from 'rxjs'; -import {skip, take, takeUntil} from 'rxjs/operators'; +import {skip, Subscription, take, takeUntil, timer} from 'rxjs'; describe(`TableBarsHost`, () => { @Component({ diff --git a/projects/cdk/abstract/control.ts b/projects/cdk/abstract/control.ts index 2a00b6d84776..9cfd1b6a2f30 100644 --- a/projects/cdk/abstract/control.ts +++ b/projects/cdk/abstract/control.ts @@ -15,16 +15,17 @@ import {tuiAssert} from '@taiga-ui/cdk/classes'; import {EMPTY_FUNCTION} from '@taiga-ui/cdk/constants'; import {TuiControlValueTransformer} from '@taiga-ui/cdk/interfaces'; import {tuiIsPresent} from '@taiga-ui/cdk/utils'; -import {merge, Subject} from 'rxjs'; import { delay, distinctUntilChanged, filter, map, + merge, startWith, + Subject, switchMap, takeUntil, -} from 'rxjs/operators'; +} from 'rxjs'; import {AbstractTuiInteractive} from './interactive'; import {AbstractTuiValueTransformer} from './value-transformer'; @@ -38,7 +39,7 @@ export abstract class AbstractTuiControl implements OnDestroy, OnInit, ControlValueAccessor { private previousInternalValue?: T | null; - private readonly refresh$ = new Subject(); + private readonly refresh$ = new Subject(); private onTouched = EMPTY_FUNCTION; diff --git a/projects/cdk/abstract/dialog.directive.ts b/projects/cdk/abstract/dialog.directive.ts index c34250d43d39..d0128d06adb5 100644 --- a/projects/cdk/abstract/dialog.directive.ts +++ b/projects/cdk/abstract/dialog.directive.ts @@ -8,8 +8,7 @@ import { import {tuiIfMap} from '@taiga-ui/cdk/observables'; import {TuiDialog} from '@taiga-ui/cdk/types'; import {PolymorpheusTemplate} from '@tinkoff/ng-polymorpheus'; -import {Subject} from 'rxjs'; -import {distinctUntilChanged, endWith, ignoreElements, share} from 'rxjs/operators'; +import {distinctUntilChanged, endWith, ignoreElements, share, Subject} from 'rxjs'; import {AbstractTuiDialogService} from './dialog.service'; diff --git a/projects/cdk/components/alert-host/alert-host.component.ts b/projects/cdk/components/alert-host/alert-host.component.ts index 2831d12f07e5..b226d33d38ac 100644 --- a/projects/cdk/components/alert-host/alert-host.component.ts +++ b/projects/cdk/components/alert-host/alert-host.component.ts @@ -15,8 +15,7 @@ import {TuiDestroyService} from '@taiga-ui/cdk/services'; import {TUI_ALERTS} from '@taiga-ui/cdk/tokens'; import {TuiDialog, TuiTypedMapper} from '@taiga-ui/cdk/types'; import {POLYMORPHEUS_CONTEXT} from '@tinkoff/ng-polymorpheus'; -import {combineLatest, Observable} from 'rxjs'; -import {takeUntil} from 'rxjs/operators'; +import {combineLatest, Observable, takeUntil} from 'rxjs'; @Component({ selector: 'tui-alert-host', diff --git a/projects/cdk/components/dialog-host/dialog-host.component.ts b/projects/cdk/components/dialog-host/dialog-host.component.ts index 10a2c75f5066..bc949a49b076 100644 --- a/projects/cdk/components/dialog-host/dialog-host.component.ts +++ b/projects/cdk/components/dialog-host/dialog-host.component.ts @@ -14,8 +14,7 @@ import {TuiDestroyService} from '@taiga-ui/cdk/services'; import {TUI_DIALOGS, TUI_IS_MOBILE} from '@taiga-ui/cdk/tokens'; import {TuiDialog} from '@taiga-ui/cdk/types'; import {tuiCreateToken} from '@taiga-ui/cdk/utils'; -import {combineLatest, Observable, of} from 'rxjs'; -import {map, takeUntil} from 'rxjs/operators'; +import {combineLatest, map, Observable, of, takeUntil} from 'rxjs'; const FAKE_HISTORY_STATE = {label: 'ignoreMe'} as const; diff --git a/projects/cdk/components/scroll-controls/scroll-controls.component.ts b/projects/cdk/components/scroll-controls/scroll-controls.component.ts index 45e3135b7d15..e83b0ebfb95d 100644 --- a/projects/cdk/components/scroll-controls/scroll-controls.component.ts +++ b/projects/cdk/components/scroll-controls/scroll-controls.component.ts @@ -8,8 +8,7 @@ import { import {ANIMATION_FRAME} from '@ng-web-apis/common'; import {tuiZoneOptimized} from '@taiga-ui/cdk/observables'; import {TUI_SCROLL_REF} from '@taiga-ui/cdk/tokens'; -import {Observable} from 'rxjs'; -import {distinctUntilChanged, map, startWith, throttleTime} from 'rxjs/operators'; +import {distinctUntilChanged, map, Observable, startWith, throttleTime} from 'rxjs'; @Component({ selector: 'tui-scroll-controls', diff --git a/projects/cdk/components/scroll-controls/scrollbar.directive.ts b/projects/cdk/components/scroll-controls/scrollbar.directive.ts index bd168f78a5d4..018996a5885c 100644 --- a/projects/cdk/components/scroll-controls/scrollbar.directive.ts +++ b/projects/cdk/components/scroll-controls/scrollbar.directive.ts @@ -10,8 +10,7 @@ import { } from '@taiga-ui/cdk/observables'; import {TuiDestroyService} from '@taiga-ui/cdk/services'; import {TUI_SCROLL_REF} from '@taiga-ui/cdk/tokens'; -import {merge, Observable} from 'rxjs'; -import {map, switchMap, takeUntil, throttleTime} from 'rxjs/operators'; +import {map, merge, Observable, switchMap, takeUntil, throttleTime} from 'rxjs'; const MIN_WIDTH = 24; diff --git a/projects/cdk/directives/active-zone/active-zone.directive.ts b/projects/cdk/directives/active-zone/active-zone.directive.ts index d4264b1ac8c0..877ba603aa02 100644 --- a/projects/cdk/directives/active-zone/active-zone.directive.ts +++ b/projects/cdk/directives/active-zone/active-zone.directive.ts @@ -13,8 +13,7 @@ import {tuiPure} from '@taiga-ui/cdk/decorators'; import {tuiZoneOptimized} from '@taiga-ui/cdk/observables'; import {TUI_ACTIVE_ELEMENT} from '@taiga-ui/cdk/tokens'; import {tuiArrayRemove} from '@taiga-ui/cdk/utils'; -import {Observable} from 'rxjs'; -import {distinctUntilChanged, map, skip, startWith} from 'rxjs/operators'; +import {distinctUntilChanged, map, Observable, skip, startWith} from 'rxjs'; @Directive({ selector: diff --git a/projects/cdk/directives/auto-focus/autofocus.directive.ts b/projects/cdk/directives/auto-focus/autofocus.directive.ts index 9b385d4be600..77c0f1afae98 100644 --- a/projects/cdk/directives/auto-focus/autofocus.directive.ts +++ b/projects/cdk/directives/auto-focus/autofocus.directive.ts @@ -1,8 +1,7 @@ import {AfterViewInit, Directive, Inject, Input, Self} from '@angular/core'; import {tuiCoerceBooleanProperty} from '@taiga-ui/cdk/coercion'; import {TuiDestroyService} from '@taiga-ui/cdk/services'; -import {timer} from 'rxjs'; -import {takeUntil} from 'rxjs/operators'; +import {takeUntil, timer} from 'rxjs'; import { TUI_AUTOFOCUS_HANDLER, diff --git a/projects/cdk/directives/auto-focus/handlers/default.handler.ts b/projects/cdk/directives/auto-focus/handlers/default.handler.ts index ea38b06f9a20..1a20f9ff7bc1 100644 --- a/projects/cdk/directives/auto-focus/handlers/default.handler.ts +++ b/projects/cdk/directives/auto-focus/handlers/default.handler.ts @@ -3,8 +3,7 @@ import {ANIMATION_FRAME} from '@ng-web-apis/common'; import {POLLING_TIME} from '@taiga-ui/cdk/constants'; import {TuiFocusableElementAccessor} from '@taiga-ui/cdk/interfaces'; import {TUI_FOCUSABLE_ITEM_ACCESSOR} from '@taiga-ui/cdk/tokens'; -import {Observable, race, timer} from 'rxjs'; -import {map, skipWhile, take, throttleTime} from 'rxjs/operators'; +import {map, Observable, race, skipWhile, take, throttleTime, timer} from 'rxjs'; import {AbstractTuiAutofocusHandler} from './abstract.handler'; diff --git a/projects/cdk/directives/click-outside/click-outside.directive.ts b/projects/cdk/directives/click-outside/click-outside.directive.ts index e7834e00f351..8bb8cc4f622f 100644 --- a/projects/cdk/directives/click-outside/click-outside.directive.ts +++ b/projects/cdk/directives/click-outside/click-outside.directive.ts @@ -2,8 +2,7 @@ import {DOCUMENT} from '@angular/common'; import {Directive, ElementRef, Inject, NgZone, Output} from '@angular/core'; import {tuiZoneOptimized} from '@taiga-ui/cdk/observables'; import {tuiContainsOrAfter, tuiGetActualTarget} from '@taiga-ui/cdk/utils'; -import {fromEvent, Observable} from 'rxjs'; -import {filter, map} from 'rxjs/operators'; +import {filter, fromEvent, map, Observable} from 'rxjs'; @Directive({ selector: '[tuiClickOutside]', diff --git a/projects/cdk/directives/drag/drag.directive.ts b/projects/cdk/directives/drag/drag.directive.ts index d23d4fc610aa..6e748d629d48 100644 --- a/projects/cdk/directives/drag/drag.directive.ts +++ b/projects/cdk/directives/drag/drag.directive.ts @@ -1,7 +1,6 @@ import {Directive, ElementRef, Inject, Output} from '@angular/core'; import {tuiDragAndDropFrom, TuiDragStage} from '@taiga-ui/cdk/observables'; -import {Observable} from 'rxjs'; -import {filter, map} from 'rxjs/operators'; +import {filter, map, Observable} from 'rxjs'; /** * @deprecated not used anywhere diff --git a/projects/cdk/directives/droppable/droppable.directive.ts b/projects/cdk/directives/droppable/droppable.directive.ts index e521f5041248..f92b97db6db5 100644 --- a/projects/cdk/directives/droppable/droppable.directive.ts +++ b/projects/cdk/directives/droppable/droppable.directive.ts @@ -2,15 +2,16 @@ import {Directive, ElementRef, Inject, Output, Self} from '@angular/core'; import {tuiPreventDefault, tuiTypedFromEvent} from '@taiga-ui/cdk/observables'; import {TuiDestroyService} from '@taiga-ui/cdk/services'; import {tuiIsPresent} from '@taiga-ui/cdk/utils/miscellaneous'; -import {merge, Observable} from 'rxjs'; import { distinctUntilChanged, filter, map, + merge, + Observable, startWith, switchMap, takeUntil, -} from 'rxjs/operators'; +} from 'rxjs'; @Directive({ selector: '[tuiDroppableDropped], [tuiDroppableDragOverChange]', diff --git a/projects/cdk/directives/focused/focused.directive.ts b/projects/cdk/directives/focused/focused.directive.ts index a5749db1a54a..46b4b7e92370 100644 --- a/projects/cdk/directives/focused/focused.directive.ts +++ b/projects/cdk/directives/focused/focused.directive.ts @@ -1,8 +1,7 @@ import {Directive, ElementRef, Inject, NgZone, Output} from '@angular/core'; import {tuiTypedFromEvent, tuiZoneOptimized} from '@taiga-ui/cdk/observables'; import {tuiIsNativeFocused} from '@taiga-ui/cdk/utils/focus'; -import {merge, Observable} from 'rxjs'; -import {distinctUntilChanged, map, skip, startWith} from 'rxjs/operators'; +import {distinctUntilChanged, map, merge, Observable, skip, startWith} from 'rxjs'; /** * Directive to monitor focus/blur status, works with focusIn/focus-out diff --git a/projects/cdk/directives/for-async/for-async.directive.ts b/projects/cdk/directives/for-async/for-async.directive.ts index a945762947b3..6dd756db63ce 100644 --- a/projects/cdk/directives/for-async/for-async.directive.ts +++ b/projects/cdk/directives/for-async/for-async.directive.ts @@ -7,8 +7,7 @@ import { TemplateRef, ViewContainerRef, } from '@angular/core'; -import {from, of, Subject} from 'rxjs'; -import {concatMap, delay, takeUntil} from 'rxjs/operators'; +import {concatMap, delay, from, of, Subject, takeUntil} from 'rxjs'; /** * @deprecated: diff --git a/projects/cdk/directives/hovered/hovered.service.ts b/projects/cdk/directives/hovered/hovered.service.ts index 5e9764081c76..dd1a0dd3009c 100644 --- a/projects/cdk/directives/hovered/hovered.service.ts +++ b/projects/cdk/directives/hovered/hovered.service.ts @@ -2,8 +2,7 @@ import {ElementRef, Inject, Injectable, NgZone} from '@angular/core'; import {ALWAYS_FALSE_HANDLER, ALWAYS_TRUE_HANDLER} from '@taiga-ui/cdk/constants'; import {tuiTypedFromEvent, tuiZoneOptimized} from '@taiga-ui/cdk/observables'; import {tuiIsElement} from '@taiga-ui/cdk/utils'; -import {merge, Observable} from 'rxjs'; -import {distinctUntilChanged, filter, map} from 'rxjs/operators'; +import {distinctUntilChanged, filter, map, merge, Observable} from 'rxjs'; function movedOut({currentTarget, relatedTarget}: MouseEvent): boolean { return ( diff --git a/projects/cdk/directives/obscured/obscured.directive.ts b/projects/cdk/directives/obscured/obscured.directive.ts index 3dacbf0dc807..c4c71aa5d66a 100644 --- a/projects/cdk/directives/obscured/obscured.directive.ts +++ b/projects/cdk/directives/obscured/obscured.directive.ts @@ -6,8 +6,7 @@ import { TuiObscuredService, TuiParentsScrollService, } from '@taiga-ui/cdk/services'; -import {Observable, Subject} from 'rxjs'; -import {map} from 'rxjs/operators'; +import {map, Observable, Subject} from 'rxjs'; /** * Directive that monitors element visibility diff --git a/projects/cdk/directives/overscroll/overscroll.directive.ts b/projects/cdk/directives/overscroll/overscroll.directive.ts index 4328ba78faee..f6b7feefecc7 100644 --- a/projects/cdk/directives/overscroll/overscroll.directive.ts +++ b/projects/cdk/directives/overscroll/overscroll.directive.ts @@ -11,8 +11,7 @@ import {tuiTypedFromEvent, tuiZonefree} from '@taiga-ui/cdk/observables'; import {TuiDestroyService} from '@taiga-ui/cdk/services'; import {TuiEventWith, TuiOverscrollMode} from '@taiga-ui/cdk/types'; import {tuiCanScroll, tuiGetScrollParent, tuiIsElement} from '@taiga-ui/cdk/utils/dom'; -import {Observable} from 'rxjs'; -import {filter, switchMap, takeUntil, tap} from 'rxjs/operators'; +import {filter, Observable, switchMap, takeUntil, tap} from 'rxjs'; /** * Directive to isolate scrolling, i.e. prevent body scroll behind modal dialog diff --git a/projects/cdk/directives/prevent-default/prevent-default.directive.ts b/projects/cdk/directives/prevent-default/prevent-default.directive.ts index b0943ffef5ef..9b200d5b5e2f 100644 --- a/projects/cdk/directives/prevent-default/prevent-default.directive.ts +++ b/projects/cdk/directives/prevent-default/prevent-default.directive.ts @@ -1,8 +1,7 @@ import {Directive, ElementRef, Inject, Input, NgZone, OnInit, Self} from '@angular/core'; import {tuiPreventDefault, tuiZonefree} from '@taiga-ui/cdk/observables'; import {TuiDestroyService} from '@taiga-ui/cdk/services'; -import {fromEvent, Observable} from 'rxjs'; -import {takeUntil} from 'rxjs/operators'; +import {fromEvent, Observable, takeUntil} from 'rxjs'; /** * @description: diff --git a/projects/cdk/directives/value-changes/value-changes.directive.ts b/projects/cdk/directives/value-changes/value-changes.directive.ts index 0870f9e67a60..5db5f1d7ac03 100644 --- a/projects/cdk/directives/value-changes/value-changes.directive.ts +++ b/projects/cdk/directives/value-changes/value-changes.directive.ts @@ -1,7 +1,6 @@ import {Directive, DoCheck, Inject, Optional, Output} from '@angular/core'; import {ControlContainer, NgControl} from '@angular/forms'; -import {EMPTY, Observable, Subject} from 'rxjs'; -import {distinctUntilChanged, switchAll} from 'rxjs/operators'; +import {distinctUntilChanged, EMPTY, Observable, Subject, switchAll} from 'rxjs'; @Directive({ selector: '[tuiValueChanges]', diff --git a/projects/cdk/observables/control-value.ts b/projects/cdk/observables/control-value.ts index 606e9ae1ceb1..e80dd67d20d3 100644 --- a/projects/cdk/observables/control-value.ts +++ b/projects/cdk/observables/control-value.ts @@ -1,7 +1,6 @@ import {AbstractControl, AbstractControlDirective} from '@angular/forms'; import {TuiValueChangesException} from '@taiga-ui/cdk/exceptions'; -import {Observable} from 'rxjs'; -import {startWith} from 'rxjs/operators'; +import {Observable, startWith} from 'rxjs'; /** * Turns AbstractControl/Abstract-control-directive valueChanges into ReplaySubject(1) diff --git a/projects/cdk/observables/drag-and-drop-from.ts b/projects/cdk/observables/drag-and-drop-from.ts index f018051f9b5b..4b79f9e0092c 100644 --- a/projects/cdk/observables/drag-and-drop-from.ts +++ b/projects/cdk/observables/drag-and-drop-from.ts @@ -1,7 +1,6 @@ import {TuiOwnerDocumentException} from '@taiga-ui/cdk/exceptions'; import {tuiIsPresent} from '@taiga-ui/cdk/utils/miscellaneous'; -import {concat, merge, Observable} from 'rxjs'; -import {endWith, map, repeat, take, takeWhile} from 'rxjs/operators'; +import {concat, endWith, map, merge, Observable, repeat, take, takeWhile} from 'rxjs'; import {tuiMouseDragFinishFrom} from './mouse-drag-finish-from'; import {tuiTypedFromEvent} from './typed-from-event'; diff --git a/projects/cdk/observables/focus-visible-observable.ts b/projects/cdk/observables/focus-visible-observable.ts index a83438f9b192..f61a6889ca26 100644 --- a/projects/cdk/observables/focus-visible-observable.ts +++ b/projects/cdk/observables/focus-visible-observable.ts @@ -2,19 +2,21 @@ import {ALWAYS_FALSE_HANDLER} from '@taiga-ui/cdk/constants'; import {TuiOwnerDocumentException} from '@taiga-ui/cdk/exceptions'; import {tuiIsFalsy} from '@taiga-ui/cdk/utils'; import {tuiIsNativeFocused} from '@taiga-ui/cdk/utils/focus'; -import {concat, merge, Observable} from 'rxjs'; import { + concat, distinctUntilChanged, filter, ignoreElements, map, + merge, + Observable, repeat, shareReplay, startWith, switchMap, take, withLatestFrom, -} from 'rxjs/operators'; +} from 'rxjs'; import {tuiIsAlive} from './is-alive'; import {tuiTypedFromEvent} from './typed-from-event'; diff --git a/projects/cdk/observables/if-map.ts b/projects/cdk/observables/if-map.ts index c7192c7e2f28..24ad88cb9428 100644 --- a/projects/cdk/observables/if-map.ts +++ b/projects/cdk/observables/if-map.ts @@ -1,6 +1,5 @@ import {TuiBooleanHandler} from '@taiga-ui/cdk/types'; -import {EMPTY, Observable, OperatorFunction, pipe} from 'rxjs'; -import {switchMap} from 'rxjs/operators'; +import {EMPTY, Observable, OperatorFunction, pipe, switchMap} from 'rxjs'; export function tuiIfMap( project: (value: T) => Observable, diff --git a/projects/cdk/observables/is-alive.ts b/projects/cdk/observables/is-alive.ts index 43b548b4d6e1..088c8ecf02c6 100644 --- a/projects/cdk/observables/is-alive.ts +++ b/projects/cdk/observables/is-alive.ts @@ -1,6 +1,13 @@ import {ALWAYS_FALSE_HANDLER} from '@taiga-ui/cdk/constants'; -import {OperatorFunction, pipe, timer} from 'rxjs'; -import {distinctUntilChanged, map, startWith, switchMap} from 'rxjs/operators'; +import { + distinctUntilChanged, + map, + OperatorFunction, + pipe, + startWith, + switchMap, + timer, +} from 'rxjs'; /** * Operator to set lifespan after which current value is considered obsolete diff --git a/projects/cdk/observables/items-query-list-observable.ts b/projects/cdk/observables/items-query-list-observable.ts index 6e71c967eba7..c3cd1993e158 100644 --- a/projects/cdk/observables/items-query-list-observable.ts +++ b/projects/cdk/observables/items-query-list-observable.ts @@ -1,7 +1,6 @@ import {QueryList} from '@angular/core'; import {tuiGetOriginalArrayFromQueryList} from '@taiga-ui/cdk/utils/miscellaneous'; -import {Observable} from 'rxjs'; -import {map, startWith} from 'rxjs/operators'; +import {map, Observable, startWith} from 'rxjs'; /** * Converts changes observable of a QueryList to an Observable of arrays diff --git a/projects/cdk/observables/must-be-present.ts b/projects/cdk/observables/must-be-present.ts index 1f228b5847ff..72e8dabf0e28 100644 --- a/projects/cdk/observables/must-be-present.ts +++ b/projects/cdk/observables/must-be-present.ts @@ -1,7 +1,6 @@ import {TuiValuePresentException} from '@taiga-ui/cdk/exceptions'; import {tuiIsPresent} from '@taiga-ui/cdk/utils/miscellaneous'; -import {OperatorFunction} from 'rxjs'; -import {map} from 'rxjs/operators'; +import {map, OperatorFunction} from 'rxjs'; export function tuiMustBePresent(): OperatorFunction { return map(value => { diff --git a/projects/cdk/observables/pressed-observable.ts b/projects/cdk/observables/pressed-observable.ts index 5a045a05f82e..d39617db2df0 100644 --- a/projects/cdk/observables/pressed-observable.ts +++ b/projects/cdk/observables/pressed-observable.ts @@ -1,7 +1,6 @@ import {ALWAYS_FALSE_HANDLER} from '@taiga-ui/cdk/constants'; import {TuiOwnerDocumentException} from '@taiga-ui/cdk/exceptions'; -import {Observable} from 'rxjs'; -import {filter, map, startWith, switchMap, take} from 'rxjs/operators'; +import {filter, map, Observable, startWith, switchMap, take} from 'rxjs'; import {tuiMouseDragFinishFrom} from './mouse-drag-finish-from'; import {tuiTypedFromEvent} from './typed-from-event'; diff --git a/projects/cdk/observables/prevent-default.ts b/projects/cdk/observables/prevent-default.ts index c34618872862..797beb3467fa 100644 --- a/projects/cdk/observables/prevent-default.ts +++ b/projects/cdk/observables/prevent-default.ts @@ -1,5 +1,4 @@ -import {MonoTypeOperatorFunction} from 'rxjs'; -import {tap} from 'rxjs/operators'; +import {MonoTypeOperatorFunction, tap} from 'rxjs'; export function tuiPreventDefault(): MonoTypeOperatorFunction { return tap(event => event.preventDefault()); diff --git a/projects/cdk/observables/stop-propagation.ts b/projects/cdk/observables/stop-propagation.ts index f3fbdf75d72a..702544372fc1 100644 --- a/projects/cdk/observables/stop-propagation.ts +++ b/projects/cdk/observables/stop-propagation.ts @@ -1,5 +1,4 @@ -import {MonoTypeOperatorFunction} from 'rxjs'; -import {tap} from 'rxjs/operators'; +import {MonoTypeOperatorFunction, tap} from 'rxjs'; export function tuiStopPropagation(): MonoTypeOperatorFunction { return tap(e => { diff --git a/projects/cdk/observables/test/control-value.spec.ts b/projects/cdk/observables/test/control-value.spec.ts index cdfd7ddf2445..c87c5e245dbc 100644 --- a/projects/cdk/observables/test/control-value.spec.ts +++ b/projects/cdk/observables/test/control-value.spec.ts @@ -2,7 +2,7 @@ import {fakeAsync} from '@angular/core/testing'; import {AbstractControl, FormControl} from '@angular/forms'; import {tuiControlValue} from '@taiga-ui/cdk'; import {tuiSwitchNgDevMode} from '@taiga-ui/testing'; -import {skip} from 'rxjs/operators'; +import {skip} from 'rxjs'; describe(`tuiControlValue`, () => { it(`takes control and starts with its value`, fakeAsync(() => { diff --git a/projects/cdk/observables/test/drag-and-drop.spec.ts b/projects/cdk/observables/test/drag-and-drop.spec.ts index 89011c744942..bbeee81d55bf 100644 --- a/projects/cdk/observables/test/drag-and-drop.spec.ts +++ b/projects/cdk/observables/test/drag-and-drop.spec.ts @@ -1,5 +1,5 @@ import {tuiDragAndDropFrom, TuiDragStage} from '@taiga-ui/cdk'; -import {skip, take} from 'rxjs/operators'; +import {skip, take} from 'rxjs'; describe(`tuiDragAndDropFrom`, () => { it(`throws an error if there is no document`, () => { diff --git a/projects/cdk/observables/test/must-be-present.spec.ts b/projects/cdk/observables/test/must-be-present.spec.ts index a87f0c777dcc..00a79d91bbf8 100644 --- a/projects/cdk/observables/test/must-be-present.spec.ts +++ b/projects/cdk/observables/test/must-be-present.spec.ts @@ -1,7 +1,6 @@ import {fakeAsync, tick} from '@angular/core/testing'; import {tuiMustBePresent} from '@taiga-ui/cdk/observables/must-be-present'; -import {Subject} from 'rxjs'; -import {first} from 'rxjs/operators'; +import {first, Subject} from 'rxjs'; describe(`tuiMustBePresent operator function`, () => { it(`not throws on NaN`, fakeAsync(() => { diff --git a/projects/cdk/observables/test/prevent-default.spec.ts b/projects/cdk/observables/test/prevent-default.spec.ts index 854d7ff1ffb0..2f5f3f845ff9 100644 --- a/projects/cdk/observables/test/prevent-default.spec.ts +++ b/projects/cdk/observables/test/prevent-default.spec.ts @@ -1,7 +1,6 @@ import {fakeAsync} from '@angular/core/testing'; import {tuiPreventDefault} from '@taiga-ui/cdk'; -import {Subject} from 'rxjs'; -import {first} from 'rxjs/operators'; +import {first, Subject} from 'rxjs'; describe(`preventDefault operator function`, () => { it(`prevents event default behavior`, fakeAsync(() => { diff --git a/projects/cdk/observables/test/stop-propagation.spec.ts b/projects/cdk/observables/test/stop-propagation.spec.ts index 28fae2060fba..34bf3e0bd626 100644 --- a/projects/cdk/observables/test/stop-propagation.spec.ts +++ b/projects/cdk/observables/test/stop-propagation.spec.ts @@ -1,7 +1,6 @@ import {fakeAsync} from '@angular/core/testing'; import {tuiStopPropagation} from '@taiga-ui/cdk'; -import {Subject} from 'rxjs'; -import {first} from 'rxjs/operators'; +import {first, Subject} from 'rxjs'; describe(`tuiStopPropagation operator function`, () => { it(`stops event propagation`, fakeAsync(() => { diff --git a/projects/cdk/observables/watch.ts b/projects/cdk/observables/watch.ts index d60fd694ca7c..c1eb121e201f 100644 --- a/projects/cdk/observables/watch.ts +++ b/projects/cdk/observables/watch.ts @@ -1,6 +1,5 @@ import {ChangeDetectorRef} from '@angular/core'; -import {MonoTypeOperatorFunction} from 'rxjs'; -import {tap} from 'rxjs/operators'; +import {MonoTypeOperatorFunction, tap} from 'rxjs'; export function tuiWatch(cdr: ChangeDetectorRef): MonoTypeOperatorFunction { return tap(() => { diff --git a/projects/cdk/services/focus-visible.service.ts b/projects/cdk/services/focus-visible.service.ts index b1578e725554..57b004f07ddf 100644 --- a/projects/cdk/services/focus-visible.service.ts +++ b/projects/cdk/services/focus-visible.service.ts @@ -1,7 +1,6 @@ import {ChangeDetectorRef, ElementRef, Inject, Injectable, Self} from '@angular/core'; import {tuiFocusVisibleObservable, tuiWatch} from '@taiga-ui/cdk/observables'; -import {Observable} from 'rxjs'; -import {takeUntil} from 'rxjs/operators'; +import {Observable, takeUntil} from 'rxjs'; import {TuiDestroyService} from './destroy.service'; diff --git a/projects/cdk/services/obscured.service.ts b/projects/cdk/services/obscured.service.ts index 56ab1a3c9be1..4ac15a95c678 100644 --- a/projects/cdk/services/obscured.service.ts +++ b/projects/cdk/services/obscured.service.ts @@ -3,15 +3,17 @@ import {ANIMATION_FRAME, WINDOW} from '@ng-web-apis/common'; import {POLLING_TIME} from '@taiga-ui/cdk/constants'; import {tuiZoneOptimized} from '@taiga-ui/cdk/observables'; import {tuiGetElementObscures} from '@taiga-ui/cdk/utils/dom'; -import {fromEvent, merge, Observable} from 'rxjs'; import { delay, distinctUntilChanged, + fromEvent, map, + merge, + Observable, startWith, takeUntil, throttleTime, -} from 'rxjs/operators'; +} from 'rxjs'; import {TuiDestroyService} from './destroy.service'; import {TuiParentsScrollService} from './parents-scroll.service'; diff --git a/projects/cdk/services/pan.service.ts b/projects/cdk/services/pan.service.ts index 77a70be5f00b..769f77b9ac4c 100644 --- a/projects/cdk/services/pan.service.ts +++ b/projects/cdk/services/pan.service.ts @@ -1,8 +1,16 @@ import {DOCUMENT} from '@angular/common'; import {ElementRef, Inject, Injectable} from '@angular/core'; import {tuiTypedFromEvent} from '@taiga-ui/cdk/observables'; -import {merge, Observable} from 'rxjs'; -import {filter, map, pairwise, repeat, switchMap, takeUntil} from 'rxjs/operators'; +import { + filter, + map, + merge, + Observable, + pairwise, + repeat, + switchMap, + takeUntil, +} from 'rxjs'; @Injectable() export class TuiPanService extends Observable { diff --git a/projects/cdk/services/resize.service.ts b/projects/cdk/services/resize.service.ts index 567d1a66f02c..0e653c4feb34 100644 --- a/projects/cdk/services/resize.service.ts +++ b/projects/cdk/services/resize.service.ts @@ -7,16 +7,16 @@ import { } from '@ng-web-apis/resize-observer'; import {EMPTY_ARRAY, POLLING_TIME} from '@taiga-ui/cdk/constants'; import {tuiZonefree} from '@taiga-ui/cdk/observables'; -import {Observable} from 'rxjs'; import { catchError, debounceTime, distinctUntilChanged, map, + Observable, share, takeUntil, throttleTime, -} from 'rxjs/operators'; +} from 'rxjs'; import {TuiDestroyService} from './destroy.service'; diff --git a/projects/cdk/services/scroll.service.ts b/projects/cdk/services/scroll.service.ts index c81d53020448..55eb56b1d4a4 100644 --- a/projects/cdk/services/scroll.service.ts +++ b/projects/cdk/services/scroll.service.ts @@ -3,8 +3,17 @@ import {ANIMATION_FRAME, PERFORMANCE} from '@ng-web-apis/common'; import {tuiAssert} from '@taiga-ui/cdk/classes'; import {tuiClamp} from '@taiga-ui/cdk/utils/math'; import {tuiEaseInOutQuad} from '@taiga-ui/cdk/utils/miscellaneous'; -import {defer, Observable, of, timer} from 'rxjs'; -import {endWith, map, switchMap, takeUntil, tap} from 'rxjs/operators'; +import { + defer, + endWith, + map, + Observable, + of, + switchMap, + takeUntil, + tap, + timer, +} from 'rxjs'; const SCROLL_TIME = 300; diff --git a/projects/cdk/services/static-request.service.ts b/projects/cdk/services/static-request.service.ts index 65d1217e890f..e56d8fa3021b 100644 --- a/projects/cdk/services/static-request.service.ts +++ b/projects/cdk/services/static-request.service.ts @@ -1,9 +1,8 @@ import {isPlatformServer} from '@angular/common'; import {Inject, Injectable, PLATFORM_ID} from '@angular/core'; import {WINDOW} from '@ng-web-apis/common'; -import {defer, from, Observable} from 'rxjs'; +import {defer, from, Observable, shareReplay, switchMap} from 'rxjs'; import {fromFetch} from 'rxjs/fetch'; -import {shareReplay, switchMap} from 'rxjs/operators'; @Injectable({ providedIn: `root`, diff --git a/projects/cdk/services/swipe.service.ts b/projects/cdk/services/swipe.service.ts index 1007cd551222..67e7840edff2 100644 --- a/projects/cdk/services/swipe.service.ts +++ b/projects/cdk/services/swipe.service.ts @@ -4,8 +4,7 @@ import {TuiSwipe, TuiSwipeOptions} from '@taiga-ui/cdk/interfaces'; import {tuiTypedFromEvent} from '@taiga-ui/cdk/observables'; import {TUI_SWIPE_OPTIONS} from '@taiga-ui/cdk/tokens'; import {tuiGetSwipeDirection, tuiIsPresent} from '@taiga-ui/cdk/utils/miscellaneous'; -import {merge, Observable} from 'rxjs'; -import {filter, map, pairwise} from 'rxjs/operators'; +import {filter, map, merge, Observable, pairwise} from 'rxjs'; @Injectable() export class TuiSwipeService extends Observable { diff --git a/projects/cdk/services/test/destroy.service.spec.ts b/projects/cdk/services/test/destroy.service.spec.ts index 69c0d7ef0c35..596f4ace2906 100644 --- a/projects/cdk/services/test/destroy.service.spec.ts +++ b/projects/cdk/services/test/destroy.service.spec.ts @@ -1,6 +1,5 @@ import {TuiDestroyService} from '@taiga-ui/cdk'; -import {Observable, of, timer} from 'rxjs'; -import {finalize, takeUntil} from 'rxjs/operators'; +import {finalize, Observable, of, takeUntil, timer} from 'rxjs'; describe(`TuiDestroy service`, () => { let service: TuiDestroyService; diff --git a/projects/cdk/services/test/parent-scroll.service.spec.ts b/projects/cdk/services/test/parent-scroll.service.spec.ts index 91a2f9254d68..8ad17e2ed50b 100644 --- a/projects/cdk/services/test/parent-scroll.service.spec.ts +++ b/projects/cdk/services/test/parent-scroll.service.spec.ts @@ -1,7 +1,7 @@ import {ElementRef} from '@angular/core'; import {TestBed} from '@angular/core/testing'; import {TuiParentsScrollService} from '@taiga-ui/cdk/services'; -import {take} from 'rxjs/operators'; +import {take} from 'rxjs'; describe(`TuiParentsScrollService`, () => { let element: HTMLElement; diff --git a/projects/cdk/services/zoom.service.ts b/projects/cdk/services/zoom.service.ts index 2a3fe95b040b..cb9137d466eb 100644 --- a/projects/cdk/services/zoom.service.ts +++ b/projects/cdk/services/zoom.service.ts @@ -3,8 +3,7 @@ import {TuiZoom, TuiZoomOptions} from '@taiga-ui/cdk/interfaces'; import {tuiPreventDefault, tuiTypedFromEvent} from '@taiga-ui/cdk/observables'; import {TUI_ZOOM_OPTIONS} from '@taiga-ui/cdk/tokens'; import {tuiDistanceBetweenTouches} from '@taiga-ui/cdk/utils'; -import {merge, Observable} from 'rxjs'; -import {filter, map, scan, switchMap, takeUntil} from 'rxjs/operators'; +import {filter, map, merge, Observable, scan, switchMap, takeUntil} from 'rxjs'; const TOUCH_SENSITIVITY = 0.01; diff --git a/projects/cdk/tokens/active-element.ts b/projects/cdk/tokens/active-element.ts index f068b6eb71bb..41c12a8680dc 100644 --- a/projects/cdk/tokens/active-element.ts +++ b/projects/cdk/tokens/active-element.ts @@ -7,19 +7,22 @@ import { tuiGetActualTarget, tuiGetDocumentOrShadowRoot, } from '@taiga-ui/cdk/utils'; -import {merge, Observable, of, timer} from 'rxjs'; import { distinctUntilChanged, filter, map, + merge, + Observable, + of, repeatWhen, share, startWith, switchMap, take, takeUntil, + timer, withLatestFrom, -} from 'rxjs/operators'; +} from 'rxjs'; import {TUI_REMOVED_ELEMENT} from './removed-element'; diff --git a/projects/cdk/tokens/fonts-ready.ts b/projects/cdk/tokens/fonts-ready.ts index f8eda143462c..f6ef1ad6c62e 100644 --- a/projects/cdk/tokens/fonts-ready.ts +++ b/projects/cdk/tokens/fonts-ready.ts @@ -1,7 +1,6 @@ import {DOCUMENT} from '@angular/common'; import {inject, InjectionToken} from '@angular/core'; -import {EMPTY, from, Observable} from 'rxjs'; -import {shareReplay} from 'rxjs/operators'; +import {EMPTY, from, Observable, shareReplay} from 'rxjs'; export const TUI_FONTS_READY = new InjectionToken>( `[TUI_FONTS_READY]`, diff --git a/projects/cdk/tokens/removed-element.ts b/projects/cdk/tokens/removed-element.ts index e6ba387a292c..f0eb816c6bc6 100644 --- a/projects/cdk/tokens/removed-element.ts +++ b/projects/cdk/tokens/removed-element.ts @@ -1,9 +1,7 @@ import {ɵAnimationEngine as AnimationEngine} from '@angular/animations/browser'; import {inject, InjectFlags} from '@angular/core'; import {tuiCreateTokenFromFactory} from '@taiga-ui/cdk/utils'; -import {BehaviorSubject, timer} from 'rxjs'; -import {map, share, startWith, switchMap} from 'rxjs/operators'; - +import {BehaviorSubject, map, share, startWith, switchMap, timer} from 'rxjs'; /** * Element currently being removed by AnimationEngine */ diff --git a/projects/cdk/tokens/window-height.ts b/projects/cdk/tokens/window-height.ts index 132fb33d65f2..eb9ae26f3149 100644 --- a/projects/cdk/tokens/window-height.ts +++ b/projects/cdk/tokens/window-height.ts @@ -1,6 +1,6 @@ import {inject} from '@angular/core'; import {tuiCreateTokenFromFactory} from '@taiga-ui/cdk/utils'; -import {map} from 'rxjs/operators'; +import {map} from 'rxjs'; import {TUI_WINDOW_SIZE} from './window-size'; diff --git a/projects/cdk/tokens/window-size.ts b/projects/cdk/tokens/window-size.ts index 8a56e8b8e74b..b4bcde28cd4a 100644 --- a/projects/cdk/tokens/window-size.ts +++ b/projects/cdk/tokens/window-size.ts @@ -1,8 +1,7 @@ import {inject, InjectionToken} from '@angular/core'; import {WINDOW} from '@ng-web-apis/common'; import {tuiTypedFromEvent} from '@taiga-ui/cdk/observables'; -import {Observable} from 'rxjs'; -import {map, shareReplay, startWith} from 'rxjs/operators'; +import {map, Observable, shareReplay, startWith} from 'rxjs'; export const TUI_WINDOW_SIZE = new InjectionToken>( `[TUI_WINDOW_SIZE]`, diff --git a/projects/core/abstract/abstract-driver.directive.ts b/projects/core/abstract/abstract-driver.directive.ts index c9abaeb8d144..e3800af4cc77 100644 --- a/projects/core/abstract/abstract-driver.directive.ts +++ b/projects/core/abstract/abstract-driver.directive.ts @@ -1,7 +1,6 @@ import {Directive, Inject, OnInit, Self} from '@angular/core'; import {TuiDestroyService} from '@taiga-ui/cdk'; -import {merge, Observable} from 'rxjs'; -import {distinctUntilChanged, takeUntil} from 'rxjs/operators'; +import {distinctUntilChanged, merge, Observable, takeUntil} from 'rxjs'; import {TuiDriver} from './driver'; import {TuiVehicle} from './vehicle'; diff --git a/projects/core/components/alert/alert.component.ts b/projects/core/components/alert/alert.component.ts index be5f999d6592..462ead681895 100644 --- a/projects/core/components/alert/alert.component.ts +++ b/projects/core/components/alert/alert.component.ts @@ -12,8 +12,7 @@ import {tuiFadeIn, tuiHeightCollapse, tuiSlideIn} from '@taiga-ui/core/animation import {TuiAlertOptions} from '@taiga-ui/core/interfaces'; import {TUI_ANIMATION_OPTIONS} from '@taiga-ui/core/tokens'; import {POLYMORPHEUS_CONTEXT} from '@tinkoff/ng-polymorpheus'; -import {fromEvent, timer} from 'rxjs'; -import {repeatWhen, takeUntil} from 'rxjs/operators'; +import {fromEvent, repeatWhen, takeUntil, timer} from 'rxjs'; import {TUI_ALERT_POSITION} from './alert.providers'; diff --git a/projects/core/components/button/button.component.ts b/projects/core/components/button/button.component.ts index 86dabd186fd0..74a6becd51cb 100644 --- a/projects/core/components/button/button.component.ts +++ b/projects/core/components/button/button.component.ts @@ -18,8 +18,7 @@ import { import {TuiModeDirective} from '@taiga-ui/core/directives'; import {TuiSizeS} from '@taiga-ui/core/types'; import {PolymorpheusContent} from '@tinkoff/ng-polymorpheus'; -import {EMPTY, Observable} from 'rxjs'; -import {distinctUntilChanged, map, startWith} from 'rxjs/operators'; +import {distinctUntilChanged, EMPTY, map, Observable, startWith} from 'rxjs'; import {TUI_BUTTON_OPTIONS, TuiButtonOptions} from './button.options'; diff --git a/projects/core/components/data-list/data-list.component.ts b/projects/core/components/data-list/data-list.component.ts index 27b0d625d02e..91eea4f33feb 100644 --- a/projects/core/components/data-list/data-list.component.ts +++ b/projects/core/components/data-list/data-list.component.ts @@ -31,8 +31,7 @@ import {TuiDataListAccessor} from '@taiga-ui/core/interfaces'; import {TUI_NOTHING_FOUND_MESSAGE, tuiAsDataListAccessor} from '@taiga-ui/core/tokens'; import {TuiDataListRole} from '@taiga-ui/core/types'; import {PolymorpheusContent} from '@tinkoff/ng-polymorpheus'; -import {Observable} from 'rxjs'; -import {map} from 'rxjs/operators'; +import {map, Observable} from 'rxjs'; import {TuiOptionComponent} from './option/option.component'; diff --git a/projects/core/components/dialog/dialog-close.service.ts b/projects/core/components/dialog/dialog-close.service.ts index 64e5994d15f5..a1841e08db9f 100644 --- a/projects/core/components/dialog/dialog-close.service.ts +++ b/projects/core/components/dialog/dialog-close.service.ts @@ -8,8 +8,7 @@ import { tuiTypedFromEvent, } from '@taiga-ui/cdk'; import {tuiGetViewportWidth} from '@taiga-ui/core/utils'; -import {merge, Observable} from 'rxjs'; -import {filter, map, switchMap, take} from 'rxjs/operators'; +import {filter, map, merge, Observable, switchMap, take} from 'rxjs'; const SCROLLBAR_PLACEHOLDER = 17; diff --git a/projects/core/components/dialog/dialog.component.ts b/projects/core/components/dialog/dialog.component.ts index 756caa2d5f39..2521a36e4cfb 100644 --- a/projects/core/components/dialog/dialog.component.ts +++ b/projects/core/components/dialog/dialog.component.ts @@ -21,8 +21,17 @@ import { } from '@taiga-ui/core/tokens'; import {TuiDialogSize} from '@taiga-ui/core/types'; import {POLYMORPHEUS_CONTEXT, PolymorpheusContent} from '@tinkoff/ng-polymorpheus'; -import {isObservable, merge, Observable, of, Subject} from 'rxjs'; -import {filter, map, switchMap, takeUntil} from 'rxjs/operators'; +import { + filter, + isObservable, + map, + merge, + Observable, + of, + Subject, + switchMap, + takeUntil, +} from 'rxjs'; import {TUI_DIALOGS_CLOSE} from './dialog.tokens'; import {TuiDialogCloseService} from './dialog-close.service'; @@ -63,7 +72,7 @@ export class TuiDialogComponent { }, } as const; - readonly close$ = new Subject(); + readonly close$ = new Subject(); constructor( @Inject(TUI_ANIMATIONS_DURATION) private readonly duration: number, diff --git a/projects/core/components/hints-host/hints-host.component.ts b/projects/core/components/hints-host/hints-host.component.ts index 89d662b559f4..5c3eb8a9b8aa 100644 --- a/projects/core/components/hints-host/hints-host.component.ts +++ b/projects/core/components/hints-host/hints-host.component.ts @@ -9,8 +9,7 @@ import { import {TUI_PARENT_ANIMATION, TuiDestroyService} from '@taiga-ui/cdk'; import {TuiPortalItem} from '@taiga-ui/core/interfaces'; import {TuiHintService} from '@taiga-ui/core/services'; -import {Observable} from 'rxjs'; -import {takeUntil} from 'rxjs/operators'; +import {Observable, takeUntil} from 'rxjs'; @Component({ selector: 'tui-hints-host', diff --git a/projects/core/components/hosted-dropdown/dropdown-open-monitor.directive.ts b/projects/core/components/hosted-dropdown/dropdown-open-monitor.directive.ts index 438d18a245f9..c5d35aa7c936 100644 --- a/projects/core/components/hosted-dropdown/dropdown-open-monitor.directive.ts +++ b/projects/core/components/hosted-dropdown/dropdown-open-monitor.directive.ts @@ -1,8 +1,7 @@ import {Directive, Inject, Optional, Self} from '@angular/core'; import {TuiDestroyService, TuiInjectionTokenType} from '@taiga-ui/cdk'; import {TuiDropdownDirective, TuiDropdownOpenDirective} from '@taiga-ui/core/directives'; -import {Observable} from 'rxjs'; -import {filter, takeUntil} from 'rxjs/operators'; +import {filter, Observable, takeUntil} from 'rxjs'; import {TUI_HOSTED_DROPDOWN_COMPONENT} from './hosted-dropdown.token'; diff --git a/projects/core/components/hosted-dropdown/hosted-dropdown.component.ts b/projects/core/components/hosted-dropdown/hosted-dropdown.component.ts index dd0bcb04a074..0f4a71f179e5 100644 --- a/projects/core/components/hosted-dropdown/hosted-dropdown.component.ts +++ b/projects/core/components/hosted-dropdown/hosted-dropdown.component.ts @@ -24,6 +24,7 @@ import { tuiIsHTMLElement, tuiIsNativeFocusedIn, tuiIsNativeKeyboardFocusable, + tuiIsPresent, TuiNativeFocusableElement, tuiTypedFromEvent, } from '@taiga-ui/cdk'; @@ -35,8 +36,21 @@ import { import {tuiIsEditingKey} from '@taiga-ui/core/utils/miscellaneous'; import {shouldCall} from '@tinkoff/ng-event-plugins'; import {PolymorpheusContent} from '@tinkoff/ng-polymorpheus'; -import {BehaviorSubject, combineLatest, EMPTY, merge, of} from 'rxjs'; -import {delay, distinctUntilChanged, map, share, skip, switchMap} from 'rxjs/operators'; +import { + BehaviorSubject, + combineLatestWith, + delay, + distinctUntilChanged, + EMPTY, + filter, + map, + merge, + Observable, + of, + share, + skip, + switchMap, +} from 'rxjs'; import {TuiAccessorProxyDirective} from './accessor-proxy.directive'; import {TUI_HOSTED_DROPDOWN_COMPONENT} from './hosted-dropdown.token'; @@ -94,8 +108,8 @@ export class TuiHostedDropdownComponent implements TuiFocusableElementAccessor { private readonly openChange$ = new BehaviorSubject(false); - private readonly hostHover$ = combineLatest([ - tuiTypedFromEvent(this.el.nativeElement, 'mouseover').pipe( + private readonly hostHover$ = tuiTypedFromEvent(this.el.nativeElement, 'mouseover') + .pipe( map(e => this.computedHost.contains(tuiGetActualTarget(e))), switchMap(visible => of(visible).pipe( @@ -104,9 +118,9 @@ export class TuiHostedDropdownComponent implements TuiFocusableElementAccessor { ), ), ), - ), - this.hover$ || EMPTY, - ]).pipe(map(([visible, hovered]) => visible && hovered)); + combineLatestWith((this.hover$ || EMPTY) as Observable), + ) + .pipe(map(([visible, hovered]) => visible && hovered)); @ViewChild(TuiActiveZoneDirective) readonly activeZone!: TuiActiveZoneDirective; @@ -122,6 +136,7 @@ export class TuiHostedDropdownComponent implements TuiFocusableElementAccessor { @Output('openChange') readonly open$ = merge(this.openChange$, this.hostHover$).pipe( + filter(tuiIsPresent), skip(1), distinctUntilChanged(), share(), diff --git a/projects/core/components/link/link.component.ts b/projects/core/components/link/link.component.ts index efa2bf201a89..0a5ea29cc683 100644 --- a/projects/core/components/link/link.component.ts +++ b/projects/core/components/link/link.component.ts @@ -20,9 +20,7 @@ import { import {MODE_PROVIDER} from '@taiga-ui/core/providers'; import {TUI_MODE} from '@taiga-ui/core/tokens'; import {TuiBrightness, TuiHorizontalDirection} from '@taiga-ui/core/types'; -import {merge, Observable} from 'rxjs'; -import {map} from 'rxjs/operators'; - +import {map, merge, Observable} from 'rxjs'; // @bad TODO: Think about extending Interactive @Component({ selector: 'a[tuiLink], button[tuiLink]', diff --git a/projects/core/components/primitive-textfield/primitive-textfield.component.ts b/projects/core/components/primitive-textfield/primitive-textfield.component.ts index e55f199e8b87..952fb17de4b7 100644 --- a/projects/core/components/primitive-textfield/primitive-textfield.component.ts +++ b/projects/core/components/primitive-textfield/primitive-textfield.component.ts @@ -32,8 +32,7 @@ import { import {TuiSizeL, TuiSizeS} from '@taiga-ui/core/types'; import {tuiGetBorder} from '@taiga-ui/core/utils/miscellaneous'; import {PolymorpheusContent, PolymorpheusOutletDirective} from '@tinkoff/ng-polymorpheus'; -import {fromEvent, Observable} from 'rxjs'; -import {map} from 'rxjs/operators'; +import {fromEvent, map, Observable} from 'rxjs'; import {TuiPrimitiveTextfield} from './primitive-textfield-types'; diff --git a/projects/core/components/primitive-textfield/value-decoration/value-decoration.component.ts b/projects/core/components/primitive-textfield/value-decoration/value-decoration.component.ts index 565e85c76d6f..a3be1cdedb0a 100644 --- a/projects/core/components/primitive-textfield/value-decoration/value-decoration.component.ts +++ b/projects/core/components/primitive-textfield/value-decoration/value-decoration.component.ts @@ -14,8 +14,7 @@ import { TuiInjectionTokenType, } from '@taiga-ui/cdk'; import {TuiAppearance} from '@taiga-ui/core/enums'; -import {BehaviorSubject, merge} from 'rxjs'; -import {delay, distinctUntilChanged, filter, map} from 'rxjs/operators'; +import {BehaviorSubject, delay, distinctUntilChanged, filter, map, merge} from 'rxjs'; import {TuiPrimitiveTextfield} from '../primitive-textfield-types'; diff --git a/projects/core/components/root/root.component.ts b/projects/core/components/root/root.component.ts index 856b2e4ac2ec..0947920c341f 100644 --- a/projects/core/components/root/root.component.ts +++ b/projects/core/components/root/root.component.ts @@ -18,8 +18,7 @@ import { TUI_REDUCED_MOTION, TUI_THEME, } from '@taiga-ui/core/tokens'; -import {combineLatest, Observable, of} from 'rxjs'; -import {debounceTime, map} from 'rxjs/operators'; +import {combineLatest, debounceTime, map, Observable, of} from 'rxjs'; @Component({ selector: 'tui-root', diff --git a/projects/core/components/scroll-controls/scroll-controls.component.ts b/projects/core/components/scroll-controls/scroll-controls.component.ts index 538cf0cb580d..5b2ec6c610e7 100644 --- a/projects/core/components/scroll-controls/scroll-controls.component.ts +++ b/projects/core/components/scroll-controls/scroll-controls.component.ts @@ -12,8 +12,7 @@ import {tuiFadeIn} from '@taiga-ui/core/animations'; import {MODE_PROVIDER} from '@taiga-ui/core/providers'; import {TUI_ANIMATION_OPTIONS, TUI_MODE} from '@taiga-ui/core/tokens'; import {TuiBrightness} from '@taiga-ui/core/types'; -import {Observable} from 'rxjs'; -import {distinctUntilChanged, map, startWith, throttleTime} from 'rxjs/operators'; +import {distinctUntilChanged, map, Observable, startWith, throttleTime} from 'rxjs'; @Component({ selector: 'tui-scroll-controls', diff --git a/projects/core/components/scroll-controls/scrollbar.directive.ts b/projects/core/components/scroll-controls/scrollbar.directive.ts index d40a1c4e8691..3f8d433a669f 100644 --- a/projects/core/components/scroll-controls/scrollbar.directive.ts +++ b/projects/core/components/scroll-controls/scrollbar.directive.ts @@ -20,8 +20,7 @@ import { } from '@taiga-ui/cdk'; import {TUI_ELEMENT_REF} from '@taiga-ui/core/tokens'; import {TuiOrientation} from '@taiga-ui/core/types'; -import {merge, Observable} from 'rxjs'; -import {map, switchMap, takeUntil, throttleTime} from 'rxjs/operators'; +import {map, merge, Observable, switchMap, takeUntil, throttleTime} from 'rxjs'; const MIN_WIDTH = 24; diff --git a/projects/core/components/svg/svg.component.ts b/projects/core/components/svg/svg.component.ts index e06ff9d60c75..a3e739598eb4 100644 --- a/projects/core/components/svg/svg.component.ts +++ b/projects/core/components/svg/svg.component.ts @@ -25,8 +25,7 @@ import {TuiIconError} from '@taiga-ui/core/interfaces'; import {TuiSvgService} from '@taiga-ui/core/services'; import {TUI_SANITIZER} from '@taiga-ui/core/tokens'; import {tuiIsPresumedHTMLString} from '@taiga-ui/core/utils/miscellaneous'; -import {Observable, of, ReplaySubject} from 'rxjs'; -import {catchError, map, startWith, switchMap} from 'rxjs/operators'; +import {catchError, map, Observable, of, ReplaySubject, startWith, switchMap} from 'rxjs'; import { TUI_SVG_OPTIONS, diff --git a/projects/core/components/tooltip/tooltip.component.ts b/projects/core/components/tooltip/tooltip.component.ts index 7d3f4c2d016a..9c437ed659bc 100644 --- a/projects/core/components/tooltip/tooltip.component.ts +++ b/projects/core/components/tooltip/tooltip.component.ts @@ -18,8 +18,7 @@ import { import {MODE_PROVIDER} from '@taiga-ui/core/providers'; import {TUI_MODE} from '@taiga-ui/core/tokens'; import {TuiBrightness} from '@taiga-ui/core/types'; -import {Observable} from 'rxjs'; -import {takeUntil} from 'rxjs/operators'; +import {Observable, takeUntil} from 'rxjs'; @Component({ selector: 'tui-tooltip', diff --git a/projects/core/directives/dropdown/dropdown-hover.directive.ts b/projects/core/directives/dropdown/dropdown-hover.directive.ts index 79a41ccc4beb..b8dbcb27426d 100644 --- a/projects/core/directives/dropdown/dropdown-hover.directive.ts +++ b/projects/core/directives/dropdown/dropdown-hover.directive.ts @@ -1,8 +1,7 @@ import {Directive, Inject, Input, Optional, SkipSelf} from '@angular/core'; import {TuiHoveredService} from '@taiga-ui/cdk'; import {tuiAsDriver, TuiDriver} from '@taiga-ui/core/abstract'; -import {merge, Observable, of, Subject} from 'rxjs'; -import {delay, share, switchMap, tap} from 'rxjs/operators'; +import {delay, merge, Observable, of, share, Subject, switchMap, tap} from 'rxjs'; import { TUI_DROPDOWN_HOVER_OPTIONS, diff --git a/projects/core/directives/dropdown/dropdown-selection.directive.ts b/projects/core/directives/dropdown/dropdown-selection.directive.ts index 23a7063a03f8..28cdb8d88e38 100644 --- a/projects/core/directives/dropdown/dropdown-selection.directive.ts +++ b/projects/core/directives/dropdown/dropdown-selection.directive.ts @@ -29,8 +29,13 @@ import { } from '@taiga-ui/core/abstract'; import {TUI_SELECTION_STREAM} from '@taiga-ui/core/tokens'; import {tuiGetWordRange} from '@taiga-ui/core/utils'; -import {BehaviorSubject, combineLatest, Observable} from 'rxjs'; -import {distinctUntilChanged, map} from 'rxjs/operators'; +import { + BehaviorSubject, + combineLatest, + distinctUntilChanged, + map, + Observable, +} from 'rxjs'; import {TuiDropdownDirective} from './dropdown.directive'; diff --git a/projects/core/directives/dropdown/dropdown.component.ts b/projects/core/directives/dropdown/dropdown.component.ts index 0f81bd8f522d..62344f361f92 100644 --- a/projects/core/directives/dropdown/dropdown.component.ts +++ b/projects/core/directives/dropdown/dropdown.component.ts @@ -19,8 +19,7 @@ import {MODE_PROVIDER} from '@taiga-ui/core/providers'; import {TuiPositionService, TuiVisualViewportService} from '@taiga-ui/core/services'; import {TUI_ANIMATION_OPTIONS, TUI_MODE} from '@taiga-ui/core/tokens'; import {TuiBrightness, TuiPoint} from '@taiga-ui/core/types'; -import {Observable} from 'rxjs'; -import {map, takeUntil} from 'rxjs/operators'; +import {map, Observable, takeUntil} from 'rxjs'; import {TuiDropdownDirective} from './dropdown.directive'; import {TuiDropdownHoverDirective} from './dropdown-hover.directive'; diff --git a/projects/core/directives/dropdown/dropdown.directive.ts b/projects/core/directives/dropdown/dropdown.directive.ts index d10f717d71e1..34acac57e1ea 100644 --- a/projects/core/directives/dropdown/dropdown.directive.ts +++ b/projects/core/directives/dropdown/dropdown.directive.ts @@ -30,8 +30,7 @@ import { import {TuiPortalItem} from '@taiga-ui/core/interfaces'; import {tuiCheckFixedPosition} from '@taiga-ui/core/utils'; import {PolymorpheusComponent, PolymorpheusContent} from '@tinkoff/ng-polymorpheus'; -import {Observable, Subject} from 'rxjs'; -import {takeUntil, throttleTime} from 'rxjs/operators'; +import {Observable, Subject, takeUntil, throttleTime} from 'rxjs'; import {TUI_DROPDOWN_COMPONENT} from './dropdown.providers'; import {TuiDropdownOpenDirective} from './dropdown-open.directive'; diff --git a/projects/core/directives/hint/hint-describe.directive.ts b/projects/core/directives/hint/hint-describe.directive.ts index 148b8e3970c0..e6619e874513 100644 --- a/projects/core/directives/hint/hint-describe.directive.ts +++ b/projects/core/directives/hint/hint-describe.directive.ts @@ -9,15 +9,18 @@ import { tuiZoneOptimized, } from '@taiga-ui/cdk'; import {tuiAsDriver, TuiDriver} from '@taiga-ui/core/abstract'; -import {merge, of, ReplaySubject, timer} from 'rxjs'; import { debounce, distinctUntilChanged, map, + merge, + of, + ReplaySubject, skip, startWith, switchMap, -} from 'rxjs/operators'; + timer, +} from 'rxjs'; @Directive({ selector: '[tuiHintDescribe]', diff --git a/projects/core/directives/hint/hint-hover.directive.ts b/projects/core/directives/hint/hint-hover.directive.ts index e5088be3d14c..1a94ebb74421 100644 --- a/projects/core/directives/hint/hint-hover.directive.ts +++ b/projects/core/directives/hint/hint-hover.directive.ts @@ -3,8 +3,19 @@ import {Directive, ElementRef, Inject, Input} from '@angular/core'; import {TuiHoveredService} from '@taiga-ui/cdk'; import {tuiAsDriver, TuiDriver} from '@taiga-ui/core/abstract'; import {tuiIsObscured} from '@taiga-ui/core/utils'; -import {merge, Observable, of, Subject} from 'rxjs'; -import {delay, filter, map, repeat, switchMap, takeUntil, tap} from 'rxjs/operators'; +import { + delay, + filter, + map, + merge, + Observable, + of, + repeat, + Subject, + switchMap, + takeUntil, + tap, +} from 'rxjs'; import {TUI_HINT_OPTIONS, TuiHintOptions} from './hint-options.directive'; diff --git a/projects/core/directives/hint/hint.component.ts b/projects/core/directives/hint/hint.component.ts index 52aa7737f2eb..20f35a64cf38 100644 --- a/projects/core/directives/hint/hint.component.ts +++ b/projects/core/directives/hint/hint.component.ts @@ -31,8 +31,7 @@ import {TUI_ANIMATION_OPTIONS, TUI_VIEWPORT} from '@taiga-ui/core/tokens'; import {TuiPoint} from '@taiga-ui/core/types'; import {tuiIsObscured} from '@taiga-ui/core/utils'; import {POLYMORPHEUS_CONTEXT, PolymorpheusContent} from '@tinkoff/ng-polymorpheus'; -import {Observable} from 'rxjs'; -import {map, takeUntil} from 'rxjs/operators'; +import {map, Observable, takeUntil} from 'rxjs'; import {TuiHintDirective} from './hint.directive'; import {TuiHintHoverDirective} from './hint-hover.directive'; diff --git a/projects/core/directives/scroll-into-view/scroll-into-view.directive.ts b/projects/core/directives/scroll-into-view/scroll-into-view.directive.ts index a3017884b5b8..e03c2de135e5 100644 --- a/projects/core/directives/scroll-into-view/scroll-into-view.directive.ts +++ b/projects/core/directives/scroll-into-view/scroll-into-view.directive.ts @@ -1,8 +1,7 @@ import {Directive, ElementRef, Inject, Input, Self} from '@angular/core'; import {TuiDestroyService} from '@taiga-ui/cdk'; import {TUI_SCROLL_INTO_VIEW} from '@taiga-ui/core/constants'; -import {Observable, timer} from 'rxjs'; -import {takeUntil} from 'rxjs/operators'; +import {Observable, takeUntil, timer} from 'rxjs'; /** * Directive scrolls element into view inside tui-scrollbar diff --git a/projects/core/directives/textfield-controller/textfield-controller.provider.ts b/projects/core/directives/textfield-controller/textfield-controller.provider.ts index f896fa91aba3..7599a5bed97a 100644 --- a/projects/core/directives/textfield-controller/textfield-controller.provider.ts +++ b/projects/core/directives/textfield-controller/textfield-controller.provider.ts @@ -1,8 +1,7 @@ import {ChangeDetectorRef, InjectionToken, Provider} from '@angular/core'; import {TuiDestroyService, tuiWatch} from '@taiga-ui/cdk'; import {TUI_TEXTFIELD_APPEARANCE} from '@taiga-ui/core/tokens'; -import {merge, NEVER, Observable} from 'rxjs'; -import {takeUntil} from 'rxjs/operators'; +import {merge, NEVER, Observable, takeUntil} from 'rxjs'; import {TuiTextfieldController} from './textfield.controller'; import {TUI_TEXTFIELD_OPTIONS, TuiTextfieldOptions} from './textfield.options'; diff --git a/projects/core/internal/svg-defs-host/svg-defs-host.component.ts b/projects/core/internal/svg-defs-host/svg-defs-host.component.ts index 60176fb46648..d11a24e2ab35 100644 --- a/projects/core/internal/svg-defs-host/svg-defs-host.component.ts +++ b/projects/core/internal/svg-defs-host/svg-defs-host.component.ts @@ -11,7 +11,7 @@ import { import {SafeHtml} from '@angular/platform-browser'; import {TuiDestroyService} from '@taiga-ui/cdk'; import {TuiSvgService} from '@taiga-ui/core/services'; -import {takeUntil} from 'rxjs/operators'; +import {takeUntil} from 'rxjs'; @Component({ selector: 'tui-svg-defs-host', diff --git a/projects/core/observables/smart-search.ts b/projects/core/observables/smart-search.ts index 0e4fb26b1a44..9db43af454b1 100644 --- a/projects/core/observables/smart-search.ts +++ b/projects/core/observables/smart-search.ts @@ -1,12 +1,13 @@ import {EMPTY_ARRAY} from '@taiga-ui/cdk'; -import {Observable, OperatorFunction} from 'rxjs'; import { debounceTime, distinctUntilChanged, + Observable, + OperatorFunction, scan, startWith, switchMap, -} from 'rxjs/operators'; +} from 'rxjs'; export function tuiSmartSearch( getSearchFunction: (search: string) => Observable, diff --git a/projects/core/observables/test/smart-search.spec.ts b/projects/core/observables/test/smart-search.spec.ts index 182c02ec5baa..b822c8ff23e0 100644 --- a/projects/core/observables/test/smart-search.spec.ts +++ b/projects/core/observables/test/smart-search.spec.ts @@ -1,6 +1,5 @@ import {tuiSmartSearch} from '@taiga-ui/core'; -import {from, Observable, of} from 'rxjs'; -import {skip, take} from 'rxjs/operators'; +import {from, Observable, of, skip, take} from 'rxjs'; describe(`tuiSmartSearch`, () => { let source: Observable; diff --git a/projects/core/observables/zoneful-map.ts b/projects/core/observables/zoneful-map.ts index 75e9385a3c7a..0b913af563af 100644 --- a/projects/core/observables/zoneful-map.ts +++ b/projects/core/observables/zoneful-map.ts @@ -1,7 +1,6 @@ import {NgZone} from '@angular/core'; import {tuiZonefull} from '@taiga-ui/cdk'; -import {OperatorFunction, pipe} from 'rxjs'; -import {distinctUntilChanged, map} from 'rxjs/operators'; +import {distinctUntilChanged, map, OperatorFunction, pipe} from 'rxjs'; /** * Works like regular map + distinctUntilChanged diff --git a/projects/core/pipes/month/month.pipe.ts b/projects/core/pipes/month/month.pipe.ts index 14bb6c6001f4..31ded29f9bb0 100644 --- a/projects/core/pipes/month/month.pipe.ts +++ b/projects/core/pipes/month/month.pipe.ts @@ -1,8 +1,7 @@ import {Inject, Pipe, PipeTransform} from '@angular/core'; import {TuiMonth} from '@taiga-ui/cdk'; import {TUI_MONTHS} from '@taiga-ui/core/tokens'; -import {Observable} from 'rxjs'; -import {map} from 'rxjs/operators'; +import {map, Observable} from 'rxjs'; @Pipe({name: `tuiMonth`}) export class TuiMonthPipe implements PipeTransform { diff --git a/projects/core/pipes/order-week-days/order-week-days.pipe.ts b/projects/core/pipes/order-week-days/order-week-days.pipe.ts index 9b3eaff9f56c..6b6d686349c2 100644 --- a/projects/core/pipes/order-week-days/order-week-days.pipe.ts +++ b/projects/core/pipes/order-week-days/order-week-days.pipe.ts @@ -1,8 +1,7 @@ import {Inject, Pipe, PipeTransform} from '@angular/core'; import {TuiInjectionTokenType} from '@taiga-ui/cdk'; import {TUI_FIRST_DAY_OF_WEEK} from '@taiga-ui/core/tokens'; -import {Observable} from 'rxjs'; -import {map} from 'rxjs/operators'; +import {map, Observable} from 'rxjs'; type WeekDays = [T, T, T, T, T, T, T]; diff --git a/projects/core/providers/mode.provider.ts b/projects/core/providers/mode.provider.ts index b2cc5f51fa7d..b1ceb76504c5 100644 --- a/projects/core/providers/mode.provider.ts +++ b/projects/core/providers/mode.provider.ts @@ -2,8 +2,7 @@ import {ElementRef, Optional, Provider} from '@angular/core'; import {TuiModeDirective} from '@taiga-ui/core/directives/mode'; import {TUI_MODE} from '@taiga-ui/core/tokens'; import {TuiBrightness} from '@taiga-ui/core/types'; -import {Observable, of} from 'rxjs'; -import {map, startWith} from 'rxjs/operators'; +import {map, Observable, of, startWith} from 'rxjs'; export const MODE_PROVIDER: Provider = { provide: TUI_MODE, diff --git a/projects/core/providers/watched-controller-provider-factory.ts b/projects/core/providers/watched-controller-provider-factory.ts index ee729dd2507c..86fa309cf841 100644 --- a/projects/core/providers/watched-controller-provider-factory.ts +++ b/projects/core/providers/watched-controller-provider-factory.ts @@ -1,7 +1,6 @@ import {ChangeDetectorRef} from '@angular/core'; import {AbstractTuiController, tuiWatch} from '@taiga-ui/cdk'; -import {Observable} from 'rxjs'; -import {takeUntil} from 'rxjs/operators'; +import {Observable, takeUntil} from 'rxjs'; export function tuiWatchedControllerFactory( controller: AbstractTuiController, diff --git a/projects/core/services/breakpoint.service.ts b/projects/core/services/breakpoint.service.ts index d80f1440ef02..d3bc2c5f51b7 100644 --- a/projects/core/services/breakpoint.service.ts +++ b/projects/core/services/breakpoint.service.ts @@ -2,8 +2,7 @@ import {Inject, Injectable, NgZone} from '@angular/core'; import {TUI_WINDOW_SIZE, tuiZoneOptimized} from '@taiga-ui/cdk'; import {TuiMedia} from '@taiga-ui/core/interfaces'; import {TUI_MEDIA} from '@taiga-ui/core/tokens'; -import {Observable} from 'rxjs'; -import {distinctUntilChanged, map, shareReplay} from 'rxjs/operators'; +import {distinctUntilChanged, map, Observable, shareReplay} from 'rxjs'; export type TuiBreakpointMediaKey = keyof Omit; diff --git a/projects/core/services/night-theme.service.ts b/projects/core/services/night-theme.service.ts index 54796e3192a4..54380b686f54 100644 --- a/projects/core/services/night-theme.service.ts +++ b/projects/core/services/night-theme.service.ts @@ -1,7 +1,6 @@ import {Inject, Injectable} from '@angular/core'; import {WINDOW} from '@ng-web-apis/common'; -import {fromEvent, Observable} from 'rxjs'; -import {map, share, startWith} from 'rxjs/operators'; +import {fromEvent, map, Observable, share, startWith} from 'rxjs'; @Injectable({ providedIn: `root`, diff --git a/projects/core/services/position.service.ts b/projects/core/services/position.service.ts index 66b461343340..7a5bf8f75c1a 100644 --- a/projects/core/services/position.service.ts +++ b/projects/core/services/position.service.ts @@ -3,8 +3,7 @@ import {ANIMATION_FRAME} from '@ng-web-apis/common'; import {EMPTY_CLIENT_RECT, tuiZonefree} from '@taiga-ui/cdk'; import {TuiPositionAccessor} from '@taiga-ui/core/abstract'; import {TuiPoint} from '@taiga-ui/core/types'; -import {Observable} from 'rxjs'; -import {finalize, map} from 'rxjs/operators'; +import {finalize, map, Observable} from 'rxjs'; @Injectable() export class TuiPositionService extends Observable { diff --git a/projects/core/services/router-link-active.service.ts b/projects/core/services/router-link-active.service.ts index e2444053db50..ec2c92e15739 100644 --- a/projects/core/services/router-link-active.service.ts +++ b/projects/core/services/router-link-active.service.ts @@ -2,9 +2,15 @@ import {Inject, Injectable, NgZone, Optional, Self} from '@angular/core'; import {RouterLinkActive} from '@angular/router'; import {ANIMATION_FRAME} from '@ng-web-apis/common'; import {TuiDestroyService, tuiZoneOptimized} from '@taiga-ui/cdk'; -import {EMPTY, merge, Observable, timer} from 'rxjs'; -import {distinctUntilChanged, map, takeUntil} from 'rxjs/operators'; - +import { + distinctUntilChanged, + EMPTY, + map, + merge, + Observable, + takeUntil, + timer, +} from 'rxjs'; // TODO: Remove when Angular is update and `RouterLinkActive` has output @Injectable() export class TuiRouterLinkActiveService extends Observable { diff --git a/projects/core/services/test/breakpoint.service.spec.ts b/projects/core/services/test/breakpoint.service.spec.ts index 6bb4702db3cd..d77bdbc8ba26 100644 --- a/projects/core/services/test/breakpoint.service.spec.ts +++ b/projects/core/services/test/breakpoint.service.spec.ts @@ -19,6 +19,8 @@ describe(`TuiBreakpointService`, () => { .fn() .mockReturnValue({...mock, matches: true, media: `(max-width: 767px)`}), innerWidth: 700, + addEventListener: jest.fn(), + removeEventListener: jest.fn(), }; beforeEach(async () => { diff --git a/projects/core/services/test/night-theme.service.spec.ts b/projects/core/services/test/night-theme.service.spec.ts index 55ff8eeb1196..0a7aa842f98a 100644 --- a/projects/core/services/test/night-theme.service.spec.ts +++ b/projects/core/services/test/night-theme.service.spec.ts @@ -1,6 +1,6 @@ import {TestBed} from '@angular/core/testing'; import {WINDOW} from '@ng-web-apis/common'; -import {take} from 'rxjs/operators'; +import {take} from 'rxjs'; import {TuiNightThemeService} from '../night-theme.service'; diff --git a/projects/core/tokens/is-mobile-resolution.ts b/projects/core/tokens/is-mobile-resolution.ts index 09ddcf866f7a..6798ae459e7a 100644 --- a/projects/core/tokens/is-mobile-resolution.ts +++ b/projects/core/tokens/is-mobile-resolution.ts @@ -6,7 +6,7 @@ import { tuiZoneOptimized, } from '@taiga-ui/cdk'; import {tuiIsMobile} from '@taiga-ui/core/utils'; -import {distinctUntilChanged, map, share, startWith} from 'rxjs/operators'; +import {distinctUntilChanged, map, share, startWith} from 'rxjs'; import {TUI_MEDIA} from './media'; diff --git a/projects/core/tokens/ordered-short-week-days.ts b/projects/core/tokens/ordered-short-week-days.ts index 6baa34fd00a4..6b5e68ea349b 100644 --- a/projects/core/tokens/ordered-short-week-days.ts +++ b/projects/core/tokens/ordered-short-week-days.ts @@ -3,7 +3,7 @@ */ import {inject} from '@angular/core'; import {tuiCreateTokenFromFactory} from '@taiga-ui/cdk'; -import {map} from 'rxjs/operators'; +import {map} from 'rxjs'; import {TUI_FIRST_DAY_OF_WEEK} from './first-day-of-week'; import {TUI_SHORT_WEEK_DAYS} from './i18n'; diff --git a/projects/core/tokens/selection-stream.ts b/projects/core/tokens/selection-stream.ts index 689ed9c5b16b..99f373682e41 100644 --- a/projects/core/tokens/selection-stream.ts +++ b/projects/core/tokens/selection-stream.ts @@ -1,9 +1,7 @@ import {DOCUMENT} from '@angular/common'; import {inject} from '@angular/core'; import {tuiCreateTokenFromFactory, tuiTypedFromEvent} from '@taiga-ui/cdk'; -import {merge, Observable} from 'rxjs'; -import {share, switchMap, takeUntil} from 'rxjs/operators'; - +import {merge, Observable, share, switchMap, takeUntil} from 'rxjs'; /** * A stream of possible selection changes */ diff --git a/projects/demo/src/modules/animations/examples/fade-in/index.ts b/projects/demo/src/modules/animations/examples/fade-in/index.ts index b2bc43cda425..a1c3dd1d1ed1 100644 --- a/projects/demo/src/modules/animations/examples/fade-in/index.ts +++ b/projects/demo/src/modules/animations/examples/fade-in/index.ts @@ -3,8 +3,7 @@ import {changeDetection} from '@demo/emulate/change-detection'; import {encapsulation} from '@demo/emulate/encapsulation'; import {tuiPure} from '@taiga-ui/cdk'; import {TuiDurationOptions, tuiFadeIn} from '@taiga-ui/core'; -import {from, of} from 'rxjs'; -import {concatMap, delay, repeat, startWith} from 'rxjs/operators'; +import {concatMap, delay, from, of, repeat, startWith} from 'rxjs'; @Component({ selector: 'tui-fade-in-example', diff --git a/projects/demo/src/modules/app/app.component.ts b/projects/demo/src/modules/app/app.component.ts index 468ba43f08b4..7dec9bdc0ed6 100644 --- a/projects/demo/src/modules/app/app.component.ts +++ b/projects/demo/src/modules/app/app.component.ts @@ -5,8 +5,7 @@ import {changeDetection} from '@demo/emulate/change-detection'; import {LOCAL_STORAGE} from '@ng-web-apis/common'; import {TUI_DOC_PAGE_LOADED} from '@taiga-ui/addon-doc'; import {TUI_IS_E2E, TuiDestroyService, TuiResizeService} from '@taiga-ui/cdk'; -import {Observable} from 'rxjs'; -import {distinctUntilChanged, filter, map, takeUntil} from 'rxjs/operators'; +import {distinctUntilChanged, filter, map, Observable, takeUntil} from 'rxjs'; import {AbstractDemoComponent, DEMO_PAGE_LOADED_PROVIDER} from './abstract.app'; import {YaMetrikaService} from './metrika/metrika.service'; diff --git a/projects/demo/src/modules/app/customization/customization.component.ts b/projects/demo/src/modules/app/customization/customization.component.ts index 75a8a18451dc..9ec961231ec0 100644 --- a/projects/demo/src/modules/app/customization/customization.component.ts +++ b/projects/demo/src/modules/app/customization/customization.component.ts @@ -4,8 +4,7 @@ import {changeDetection} from '@demo/emulate/change-detection'; import {TuiDocDemoComponent} from '@taiga-ui/addon-doc'; import {TuiDestroyService, tuiIsString, tuiPure, tuiPx} from '@taiga-ui/cdk'; import {TuiBrightness} from '@taiga-ui/core'; -import {Subject} from 'rxjs'; -import {takeUntil} from 'rxjs/operators'; +import {Subject, takeUntil} from 'rxjs'; import { TUI_DOC_CUSTOMIZATION_PROVIDERS, diff --git a/projects/demo/src/modules/app/utils/ready-to-scroll-factory.ts b/projects/demo/src/modules/app/utils/ready-to-scroll-factory.ts index 90823faa23dc..788878121775 100644 --- a/projects/demo/src/modules/app/utils/ready-to-scroll-factory.ts +++ b/projects/demo/src/modules/app/utils/ready-to-scroll-factory.ts @@ -1,6 +1,5 @@ import {ElementRef} from '@angular/core'; -import {Observable} from 'rxjs'; -import {debounceTime, map, startWith, takeUntil} from 'rxjs/operators'; +import {debounceTime, map, Observable, startWith, takeUntil} from 'rxjs'; export function readyToScrollFactory( hostElement: ElementRef, diff --git a/projects/demo/src/modules/charts/line-days-chart/examples/1/index.ts b/projects/demo/src/modules/charts/line-days-chart/examples/1/index.ts index ae46a41adef8..7dc02c9263b7 100644 --- a/projects/demo/src/modules/charts/line-days-chart/examples/1/index.ts +++ b/projects/demo/src/modules/charts/line-days-chart/examples/1/index.ts @@ -11,8 +11,7 @@ import { TuiStringHandler, } from '@taiga-ui/cdk'; import {TUI_MONTHS} from '@taiga-ui/core'; -import {Observable} from 'rxjs'; -import {map} from 'rxjs/operators'; +import {map, Observable} from 'rxjs'; @Component({ selector: 'tui-line-days-chart-example-1', diff --git a/projects/demo/src/modules/charts/line-days-chart/examples/2/pipe.ts b/projects/demo/src/modules/charts/line-days-chart/examples/2/pipe.ts index 91ef1c422bcf..d7ce3e8c1b66 100644 --- a/projects/demo/src/modules/charts/line-days-chart/examples/2/pipe.ts +++ b/projects/demo/src/modules/charts/line-days-chart/examples/2/pipe.ts @@ -1,8 +1,7 @@ import {Inject, Pipe, PipeTransform} from '@angular/core'; import {TuiDay, TuiDayRange, TuiMonth} from '@taiga-ui/cdk'; import {TUI_MONTHS} from '@taiga-ui/core'; -import {Observable, of} from 'rxjs'; -import {map} from 'rxjs/operators'; +import {map, Observable, of} from 'rxjs'; function onlyMondays(range: readonly TuiDay[]): readonly string[] { return range.filter(day => !day.dayOfWeek()).map(String); diff --git a/projects/demo/src/modules/charts/line-days-chart/line-days-chart.component.ts b/projects/demo/src/modules/charts/line-days-chart/line-days-chart.component.ts index 34f0757a241e..ec1989a2004a 100644 --- a/projects/demo/src/modules/charts/line-days-chart/line-days-chart.component.ts +++ b/projects/demo/src/modules/charts/line-days-chart/line-days-chart.component.ts @@ -4,8 +4,7 @@ import {TuiDocExample} from '@taiga-ui/addon-doc'; import {TuiContextWithImplicit, TuiDay, TuiStringHandler} from '@taiga-ui/cdk'; import {TUI_MONTHS} from '@taiga-ui/core'; import {PolymorpheusContent} from '@tinkoff/ng-polymorpheus'; -import {Observable} from 'rxjs'; -import {map} from 'rxjs/operators'; +import {map, Observable} from 'rxjs'; @Component({ selector: 'example-tui-line-days-chart', diff --git a/projects/demo/src/modules/components/block-status/examples/2/index.ts b/projects/demo/src/modules/components/block-status/examples/2/index.ts index 347d1c21094a..448a10b630da 100644 --- a/projects/demo/src/modules/components/block-status/examples/2/index.ts +++ b/projects/demo/src/modules/components/block-status/examples/2/index.ts @@ -2,8 +2,7 @@ import {Component, Inject} from '@angular/core'; import {changeDetection} from '@demo/emulate/change-detection'; import {encapsulation} from '@demo/emulate/encapsulation'; import {TuiBreakpointService, TuiSizeL} from '@taiga-ui/core'; -import {Observable} from 'rxjs'; -import {map} from 'rxjs/operators'; +import {map, Observable} from 'rxjs'; @Component({ selector: 'tui-block-status-example-2', diff --git a/projects/demo/src/modules/components/block-status/examples/3/index.ts b/projects/demo/src/modules/components/block-status/examples/3/index.ts index 321d2b446a95..86f80bbc4acf 100644 --- a/projects/demo/src/modules/components/block-status/examples/3/index.ts +++ b/projects/demo/src/modules/components/block-status/examples/3/index.ts @@ -2,8 +2,7 @@ import {Component, Inject} from '@angular/core'; import {changeDetection} from '@demo/emulate/change-detection'; import {encapsulation} from '@demo/emulate/encapsulation'; import {TuiBreakpointService, TuiSizeL} from '@taiga-ui/core'; -import {Observable} from 'rxjs'; -import {map} from 'rxjs/operators'; +import {map, Observable} from 'rxjs'; @Component({ selector: 'tui-block-status-example-3', diff --git a/projects/demo/src/modules/components/combo-box/examples/1/index.ts b/projects/demo/src/modules/components/combo-box/examples/1/index.ts index 5fe5080565a3..309579466e3d 100644 --- a/projects/demo/src/modules/components/combo-box/examples/1/index.ts +++ b/projects/demo/src/modules/components/combo-box/examples/1/index.ts @@ -4,8 +4,7 @@ import {changeDetection} from '@demo/emulate/change-detection'; import {encapsulation} from '@demo/emulate/encapsulation'; import {assets} from '@demo/utils'; import {TUI_DEFAULT_MATCHER} from '@taiga-ui/cdk'; -import {Observable, of, Subject} from 'rxjs'; -import {delay, filter, startWith, switchMap} from 'rxjs/operators'; +import {delay, filter, Observable, of, startWith, Subject, switchMap} from 'rxjs'; class User { constructor( diff --git a/projects/demo/src/modules/components/combo-box/examples/2/request.service.ts b/projects/demo/src/modules/components/combo-box/examples/2/request.service.ts index 98bfa7e995ef..c539797da4bf 100644 --- a/projects/demo/src/modules/components/combo-box/examples/2/request.service.ts +++ b/projects/demo/src/modules/components/combo-box/examples/2/request.service.ts @@ -1,14 +1,16 @@ import {Inject, Injectable, Self} from '@angular/core'; import {TUI_DEFAULT_MATCHER, TuiDestroyService} from '@taiga-ui/cdk'; -import {Observable, of, Subject} from 'rxjs'; import { delay, distinctUntilChanged, + Observable, + of, shareReplay, startWith, + Subject, switchMap, takeUntil, -} from 'rxjs/operators'; +} from 'rxjs'; import {databaseMockData} from './database-mock-data'; import {User} from './user'; diff --git a/projects/demo/src/modules/components/dialog/dialog.component.ts b/projects/demo/src/modules/components/dialog/dialog.component.ts index 8184dab56c9b..d00dc92e587a 100644 --- a/projects/demo/src/modules/components/dialog/dialog.component.ts +++ b/projects/demo/src/modules/components/dialog/dialog.component.ts @@ -7,7 +7,7 @@ import { TuiDialogService, TuiDialogSize, } from '@taiga-ui/core'; -import {switchMap} from 'rxjs/operators'; +import {switchMap} from 'rxjs'; @Component({ selector: 'example-tui-dialog', diff --git a/projects/demo/src/modules/components/dialog/examples/9/helpers/pay.service.ts b/projects/demo/src/modules/components/dialog/examples/9/helpers/pay.service.ts index e458e9303674..b75001cbeeea 100644 --- a/projects/demo/src/modules/components/dialog/examples/9/helpers/pay.service.ts +++ b/projects/demo/src/modules/components/dialog/examples/9/helpers/pay.service.ts @@ -1,7 +1,6 @@ import {Inject, Injectable} from '@angular/core'; import {TUI_IS_E2E} from '@taiga-ui/cdk'; -import {Observable, timer} from 'rxjs'; -import {map} from 'rxjs/operators'; +import {map, Observable, timer} from 'rxjs'; import {MOCK_CARDS} from './mock-cards'; import {AccountCard, FetchedCards} from './models'; diff --git a/projects/demo/src/modules/components/dialog/examples/9/index.ts b/projects/demo/src/modules/components/dialog/examples/9/index.ts index 71dfce51f902..36fa73d40871 100644 --- a/projects/demo/src/modules/components/dialog/examples/9/index.ts +++ b/projects/demo/src/modules/components/dialog/examples/9/index.ts @@ -5,7 +5,7 @@ import {encapsulation} from '@demo/emulate/encapsulation'; import {TuiDestroyService} from '@taiga-ui/cdk'; import {TuiDialogService} from '@taiga-ui/core'; import {PolymorpheusComponent} from '@tinkoff/ng-polymorpheus'; -import {takeUntil} from 'rxjs/operators'; +import {takeUntil} from 'rxjs'; import {PayModalComponent} from './pay-modal/pay-modal.component'; diff --git a/projects/demo/src/modules/components/dialog/examples/9/pay-modal/pay-modal.component.ts b/projects/demo/src/modules/components/dialog/examples/9/pay-modal/pay-modal.component.ts index f5fee8f11eea..9ed5290646dc 100644 --- a/projects/demo/src/modules/components/dialog/examples/9/pay-modal/pay-modal.component.ts +++ b/projects/demo/src/modules/components/dialog/examples/9/pay-modal/pay-modal.component.ts @@ -15,8 +15,7 @@ import { import {TUI_IS_IOS, TuiDestroyService, TuiValuesOf} from '@taiga-ui/cdk'; import {TuiDialogContext} from '@taiga-ui/core'; import {POLYMORPHEUS_CONTEXT} from '@tinkoff/ng-polymorpheus'; -import {BehaviorSubject} from 'rxjs'; -import {map, switchMap, takeUntil} from 'rxjs/operators'; +import {BehaviorSubject, map, switchMap, takeUntil} from 'rxjs'; import { AccountCard, diff --git a/projects/demo/src/modules/components/filter/examples/4/index.ts b/projects/demo/src/modules/components/filter/examples/4/index.ts index 6e8ded59d31e..74833f2ea6c4 100644 --- a/projects/demo/src/modules/components/filter/examples/4/index.ts +++ b/projects/demo/src/modules/components/filter/examples/4/index.ts @@ -3,8 +3,7 @@ import {changeDetection} from '@demo/emulate/change-detection'; import {encapsulation} from '@demo/emulate/encapsulation'; import {tuiPure} from '@taiga-ui/cdk'; import {TuiAppearance} from '@taiga-ui/core'; -import {BehaviorSubject, Observable} from 'rxjs'; -import {map} from 'rxjs/operators'; +import {BehaviorSubject, map, Observable} from 'rxjs'; const Department = { IT: 'IT', diff --git a/projects/demo/src/modules/components/input-files/examples/1/index.ts b/projects/demo/src/modules/components/input-files/examples/1/index.ts index d4f1fe4b1b1d..8562b76dfe68 100644 --- a/projects/demo/src/modules/components/input-files/examples/1/index.ts +++ b/projects/demo/src/modules/components/input-files/examples/1/index.ts @@ -3,8 +3,7 @@ import {UntypedFormControl} from '@angular/forms'; import {changeDetection} from '@demo/emulate/change-detection'; import {encapsulation} from '@demo/emulate/encapsulation'; import {TuiFileLike} from '@taiga-ui/kit'; -import {Observable, of, Subject, timer} from 'rxjs'; -import {finalize, map, switchMap} from 'rxjs/operators'; +import {finalize, map, Observable, of, Subject, switchMap, timer} from 'rxjs'; @Component({ selector: 'tui-input-files-example-1', diff --git a/projects/demo/src/modules/components/input-inline/examples/3/component.ts b/projects/demo/src/modules/components/input-inline/examples/3/component.ts index d633563a006f..d59b4227804a 100644 --- a/projects/demo/src/modules/components/input-inline/examples/3/component.ts +++ b/projects/demo/src/modules/components/input-inline/examples/3/component.ts @@ -2,8 +2,7 @@ import {ChangeDetectorRef, Component, Inject, NgZone, OnInit, Self} from '@angul import {changeDetection} from '@demo/emulate/change-detection'; import {encapsulation} from '@demo/emulate/encapsulation'; import {TUI_IS_E2E, TuiDestroyService, tuiWatch, tuiZoneOptimized} from '@taiga-ui/cdk'; -import {Observable, timer} from 'rxjs'; -import {takeUntil} from 'rxjs/operators'; +import {Observable, takeUntil, timer} from 'rxjs'; @Component({ selector: `tui-input-inline-example-3`, diff --git a/projects/demo/src/modules/components/input-phone/examples/3/index.ts b/projects/demo/src/modules/components/input-phone/examples/3/index.ts index 348e8bdf637b..46f539a77a03 100644 --- a/projects/demo/src/modules/components/input-phone/examples/3/index.ts +++ b/projects/demo/src/modules/components/input-phone/examples/3/index.ts @@ -3,8 +3,18 @@ import {changeDetection} from '@demo/emulate/change-detection'; import {encapsulation} from '@demo/emulate/encapsulation'; import {assets} from '@demo/utils'; import {TUI_DEFAULT_MATCHER, tuiPure} from '@taiga-ui/cdk'; -import {combineLatest, merge, Observable, of, Subject} from 'rxjs'; -import {map, share, startWith, switchMap, tap} from 'rxjs/operators'; +import { + combineLatest, + map, + merge, + Observable, + of, + share, + startWith, + Subject, + switchMap, + tap, +} from 'rxjs'; class User { constructor( diff --git a/projects/demo/src/modules/components/input-tag/examples/2/index.ts b/projects/demo/src/modules/components/input-tag/examples/2/index.ts index 79b3463b8a29..17c64ef3b3a9 100644 --- a/projects/demo/src/modules/components/input-tag/examples/2/index.ts +++ b/projects/demo/src/modules/components/input-tag/examples/2/index.ts @@ -1,8 +1,7 @@ import {Component} from '@angular/core'; import {changeDetection} from '@demo/emulate/change-detection'; import {encapsulation} from '@demo/emulate/encapsulation'; -import {Observable, of, Subject} from 'rxjs'; -import {delay, startWith, switchMap} from 'rxjs/operators'; +import {delay, Observable, of, startWith, Subject, switchMap} from 'rxjs'; const databaseMockData: readonly string[] = [ 'John Cleese', diff --git a/projects/demo/src/modules/components/input/examples/4/index.ts b/projects/demo/src/modules/components/input/examples/4/index.ts index 64656bd8d940..58e6db137f1c 100644 --- a/projects/demo/src/modules/components/input/examples/4/index.ts +++ b/projects/demo/src/modules/components/input/examples/4/index.ts @@ -6,7 +6,7 @@ import {assets} from '@demo/utils'; import {TuiCurrency} from '@taiga-ui/addon-commerce'; import {TUI_DEFAULT_MATCHER, tuiControlValue} from '@taiga-ui/cdk'; import {PolymorpheusContent} from '@tinkoff/ng-polymorpheus'; -import {map} from 'rxjs/operators'; +import {map} from 'rxjs'; class User { constructor( diff --git a/projects/demo/src/modules/components/input/examples/8/index.ts b/projects/demo/src/modules/components/input/examples/8/index.ts index 15ce3cfc74a6..597df4056023 100644 --- a/projects/demo/src/modules/components/input/examples/8/index.ts +++ b/projects/demo/src/modules/components/input/examples/8/index.ts @@ -4,8 +4,7 @@ import {changeDetection} from '@demo/emulate/change-detection'; import {encapsulation} from '@demo/emulate/encapsulation'; import {assets} from '@demo/utils'; import {TUI_DEFAULT_MATCHER} from '@taiga-ui/cdk'; -import {Observable, of} from 'rxjs'; -import {map, startWith, switchMap} from 'rxjs/operators'; +import {map, Observable, of, startWith, switchMap} from 'rxjs'; class User { constructor( diff --git a/projects/demo/src/modules/components/line-clamp/examples/1/index.ts b/projects/demo/src/modules/components/line-clamp/examples/1/index.ts index f522a616ed06..ae44dba577db 100644 --- a/projects/demo/src/modules/components/line-clamp/examples/1/index.ts +++ b/projects/demo/src/modules/components/line-clamp/examples/1/index.ts @@ -2,8 +2,7 @@ import {Component, Inject} from '@angular/core'; import {changeDetection} from '@demo/emulate/change-detection'; import {encapsulation} from '@demo/emulate/encapsulation'; import {TUI_IS_E2E} from '@taiga-ui/cdk'; -import {timer} from 'rxjs'; -import {map} from 'rxjs/operators'; +import {map, timer} from 'rxjs'; @Component({ selector: 'tui-line-clamp-example-1', diff --git a/projects/demo/src/modules/components/mobile-calendar/examples/1/index.ts b/projects/demo/src/modules/components/mobile-calendar/examples/1/index.ts index c315659c075b..bda8fe8a0acc 100644 --- a/projects/demo/src/modules/components/mobile-calendar/examples/1/index.ts +++ b/projects/demo/src/modules/components/mobile-calendar/examples/1/index.ts @@ -7,8 +7,7 @@ import {tuiControlValue, TuiDay} from '@taiga-ui/cdk'; import {TUI_MONTHS, TuiDialogService} from '@taiga-ui/core'; import {TUI_CALENDAR_DATE_STREAM} from '@taiga-ui/kit'; import {PolymorpheusComponent} from '@tinkoff/ng-polymorpheus'; -import {combineLatest, Observable} from 'rxjs'; -import {map} from 'rxjs/operators'; +import {combineLatest, map, Observable} from 'rxjs'; @Component({ selector: 'tui-mobile-calendar-example-1', diff --git a/projects/demo/src/modules/components/mobile-calendar/examples/4/index.ts b/projects/demo/src/modules/components/mobile-calendar/examples/4/index.ts index 192c3bfd813c..b952a96c6d12 100644 --- a/projects/demo/src/modules/components/mobile-calendar/examples/4/index.ts +++ b/projects/demo/src/modules/components/mobile-calendar/examples/4/index.ts @@ -7,8 +7,7 @@ import {tuiControlValue, TuiDay, TuiDayRange} from '@taiga-ui/cdk'; import {TUI_MONTHS, TuiDialogService} from '@taiga-ui/core'; import {TUI_CALENDAR_DATE_STREAM} from '@taiga-ui/kit'; import {PolymorpheusComponent} from '@tinkoff/ng-polymorpheus'; -import {combineLatest, Observable} from 'rxjs'; -import {map} from 'rxjs/operators'; +import {combineLatest, map, Observable} from 'rxjs'; @Component({ selector: 'tui-mobile-calendar-example-4', diff --git a/projects/demo/src/modules/components/mobile-calendar/examples/5/index.ts b/projects/demo/src/modules/components/mobile-calendar/examples/5/index.ts index 41a4d6945fdd..b482f504a259 100644 --- a/projects/demo/src/modules/components/mobile-calendar/examples/5/index.ts +++ b/projects/demo/src/modules/components/mobile-calendar/examples/5/index.ts @@ -7,8 +7,7 @@ import {tuiControlValue, TuiDay} from '@taiga-ui/cdk'; import {TUI_MONTHS, TuiDialogService} from '@taiga-ui/core'; import {TUI_CALENDAR_DATE_STREAM} from '@taiga-ui/kit'; import {PolymorpheusComponent} from '@tinkoff/ng-polymorpheus'; -import {combineLatest, Observable} from 'rxjs'; -import {map} from 'rxjs/operators'; +import {combineLatest, map, Observable} from 'rxjs'; @Component({ selector: 'tui-mobile-calendar-example-5', diff --git a/projects/demo/src/modules/components/mobile-dialog/examples/1/index.ts b/projects/demo/src/modules/components/mobile-dialog/examples/1/index.ts index f9997da56ea8..73214ec6931a 100644 --- a/projects/demo/src/modules/components/mobile-dialog/examples/1/index.ts +++ b/projects/demo/src/modules/components/mobile-dialog/examples/1/index.ts @@ -4,7 +4,7 @@ import {encapsulation} from '@demo/emulate/encapsulation'; import {TuiMobileDialogService} from '@taiga-ui/addon-mobile'; import {TUI_IS_IOS} from '@taiga-ui/cdk'; import {TuiAlertService} from '@taiga-ui/core'; -import {switchMap} from 'rxjs/operators'; +import {switchMap} from 'rxjs'; @Component({ selector: 'tui-mobile-dialog-example-1', diff --git a/projects/demo/src/modules/components/multi-select/examples/2/index.ts b/projects/demo/src/modules/components/multi-select/examples/2/index.ts index c8b104114f62..2ac77ad014c0 100644 --- a/projects/demo/src/modules/components/multi-select/examples/2/index.ts +++ b/projects/demo/src/modules/components/multi-select/examples/2/index.ts @@ -4,8 +4,7 @@ import {changeDetection} from '@demo/emulate/change-detection'; import {encapsulation} from '@demo/emulate/encapsulation'; import {assets} from '@demo/utils'; import {TUI_DEFAULT_MATCHER} from '@taiga-ui/cdk'; -import {Observable, of, Subject} from 'rxjs'; -import {delay, filter, startWith, switchMap} from 'rxjs/operators'; +import {delay, filter, Observable, of, startWith, Subject, switchMap} from 'rxjs'; class User { constructor( diff --git a/projects/demo/src/modules/components/multi-select/examples/4/index.ts b/projects/demo/src/modules/components/multi-select/examples/4/index.ts index 51b04f6796b2..fd6df944a19d 100644 --- a/projects/demo/src/modules/components/multi-select/examples/4/index.ts +++ b/projects/demo/src/modules/components/multi-select/examples/4/index.ts @@ -7,8 +7,7 @@ import { TuiHandler, tuiIsNumber, } from '@taiga-ui/cdk'; -import {Observable, Subject, timer} from 'rxjs'; -import {map, shareReplay, startWith, switchMap} from 'rxjs/operators'; +import {map, Observable, shareReplay, startWith, Subject, switchMap, timer} from 'rxjs'; const DICTIONARY = [ {id: 1, name: 'Luke Skywalker'}, diff --git a/projects/demo/src/modules/components/pdf-viewer/examples/2/index.ts b/projects/demo/src/modules/components/pdf-viewer/examples/2/index.ts index 0351a74f50b4..2ae295083c4b 100644 --- a/projects/demo/src/modules/components/pdf-viewer/examples/2/index.ts +++ b/projects/demo/src/modules/components/pdf-viewer/examples/2/index.ts @@ -5,7 +5,7 @@ import {TuiDialog} from '@taiga-ui/cdk'; import {TuiAlertService} from '@taiga-ui/core'; import {TuiPdfViewerOptions, TuiPdfViewerService} from '@taiga-ui/kit'; import {PolymorpheusComponent} from '@tinkoff/ng-polymorpheus'; -import {switchMap} from 'rxjs/operators'; +import {switchMap} from 'rxjs'; import {ActionsContentComponent} from './actions-content.component'; import {PdfContentComponent} from './pdf-content.component'; diff --git a/projects/demo/src/modules/components/pdf-viewer/examples/2/pdf-content.component.ts b/projects/demo/src/modules/components/pdf-viewer/examples/2/pdf-content.component.ts index d6992b0d3095..b50a3842d3a1 100644 --- a/projects/demo/src/modules/components/pdf-viewer/examples/2/pdf-content.component.ts +++ b/projects/demo/src/modules/components/pdf-viewer/examples/2/pdf-content.component.ts @@ -1,8 +1,7 @@ import {ChangeDetectionStrategy, Component, Inject} from '@angular/core'; import {DomSanitizer} from '@angular/platform-browser'; import {TUI_IS_MOBILE} from '@taiga-ui/cdk'; -import {timer} from 'rxjs'; -import {map} from 'rxjs/operators'; +import {map, timer} from 'rxjs'; @Component({ selector: 'tui-pdf-content', diff --git a/projects/demo/src/modules/components/preview/examples/3/index.ts b/projects/demo/src/modules/components/preview/examples/3/index.ts index 40774ac86737..3600bc8ec607 100644 --- a/projects/demo/src/modules/components/preview/examples/3/index.ts +++ b/projects/demo/src/modules/components/preview/examples/3/index.ts @@ -4,8 +4,16 @@ import {encapsulation} from '@demo/emulate/encapsulation'; import {TuiPreviewDialogService} from '@taiga-ui/addon-preview'; import {tuiIsPresent} from '@taiga-ui/cdk'; import {TuiDialogContext} from '@taiga-ui/core'; -import {BehaviorSubject, Observable, of, timer} from 'rxjs'; -import {filter, map, startWith, switchMap} from 'rxjs/operators'; +import { + BehaviorSubject, + filter, + map, + Observable, + of, + startWith, + switchMap, + timer, +} from 'rxjs'; @Component({ selector: 'tui-preview-example-3', diff --git a/projects/demo/src/modules/components/progress-bar/examples/1/index.ts b/projects/demo/src/modules/components/progress-bar/examples/1/index.ts index 3f2139a225f0..7cc3043cfda2 100644 --- a/projects/demo/src/modules/components/progress-bar/examples/1/index.ts +++ b/projects/demo/src/modules/components/progress-bar/examples/1/index.ts @@ -2,8 +2,7 @@ import {Component, Inject} from '@angular/core'; import {changeDetection} from '@demo/emulate/change-detection'; import {encapsulation} from '@demo/emulate/encapsulation'; import {TUI_IS_E2E} from '@taiga-ui/cdk'; -import {of, timer} from 'rxjs'; -import {map, startWith} from 'rxjs/operators'; +import {map, of, startWith, timer} from 'rxjs'; @Component({ selector: 'tui-progress-bar-example-1', diff --git a/projects/demo/src/modules/components/progress-bar/examples/4/index.ts b/projects/demo/src/modules/components/progress-bar/examples/4/index.ts index ab523ac62e2b..1e4d36a87e48 100644 --- a/projects/demo/src/modules/components/progress-bar/examples/4/index.ts +++ b/projects/demo/src/modules/components/progress-bar/examples/4/index.ts @@ -2,8 +2,7 @@ import {Component, Inject} from '@angular/core'; import {changeDetection} from '@demo/emulate/change-detection'; import {encapsulation} from '@demo/emulate/encapsulation'; import {TUI_IS_E2E} from '@taiga-ui/cdk'; -import {of, timer} from 'rxjs'; -import {map, startWith, takeWhile} from 'rxjs/operators'; +import {map, of, startWith, takeWhile, timer} from 'rxjs'; @Component({ selector: 'tui-progress-bar-example-4', diff --git a/projects/demo/src/modules/components/progress-circle/examples/1/index.ts b/projects/demo/src/modules/components/progress-circle/examples/1/index.ts index 2a548d34290b..65fd103d8efc 100644 --- a/projects/demo/src/modules/components/progress-circle/examples/1/index.ts +++ b/projects/demo/src/modules/components/progress-circle/examples/1/index.ts @@ -2,8 +2,7 @@ import {Component, Inject} from '@angular/core'; import {changeDetection} from '@demo/emulate/change-detection'; import {encapsulation} from '@demo/emulate/encapsulation'; import {TUI_IS_E2E} from '@taiga-ui/cdk'; -import {of, timer} from 'rxjs'; -import {map, startWith, takeWhile} from 'rxjs/operators'; +import {map, of, startWith, takeWhile, timer} from 'rxjs'; @Component({ selector: 'tui-progress-circle-example-1', diff --git a/projects/demo/src/modules/components/progress-circle/examples/3/index.ts b/projects/demo/src/modules/components/progress-circle/examples/3/index.ts index 8d733b3a5afa..1a777b8dcb1f 100644 --- a/projects/demo/src/modules/components/progress-circle/examples/3/index.ts +++ b/projects/demo/src/modules/components/progress-circle/examples/3/index.ts @@ -2,8 +2,7 @@ import {Component, Inject} from '@angular/core'; import {changeDetection} from '@demo/emulate/change-detection'; import {encapsulation} from '@demo/emulate/encapsulation'; import {TUI_IS_E2E} from '@taiga-ui/cdk'; -import {of, timer} from 'rxjs'; -import {map, startWith, takeWhile} from 'rxjs/operators'; +import {map, of, startWith, takeWhile, timer} from 'rxjs'; @Component({ selector: 'tui-progress-circle-example-3', diff --git a/projects/demo/src/modules/components/progress-circle/examples/5/index.ts b/projects/demo/src/modules/components/progress-circle/examples/5/index.ts index 4173337a3f15..5dd344559a9b 100644 --- a/projects/demo/src/modules/components/progress-circle/examples/5/index.ts +++ b/projects/demo/src/modules/components/progress-circle/examples/5/index.ts @@ -2,8 +2,7 @@ import {Component, Inject} from '@angular/core'; import {changeDetection} from '@demo/emulate/change-detection'; import {encapsulation} from '@demo/emulate/encapsulation'; import {TUI_IS_E2E} from '@taiga-ui/cdk'; -import {of, timer} from 'rxjs'; -import {map, repeat, share, takeWhile} from 'rxjs/operators'; +import {map, of, repeat, share, takeWhile, timer} from 'rxjs'; @Component({ selector: 'tui-progress-circle-example-5', diff --git a/projects/demo/src/modules/components/progress-circle/examples/6/index.ts b/projects/demo/src/modules/components/progress-circle/examples/6/index.ts index 8347e78ffa53..a6de0da03b49 100644 --- a/projects/demo/src/modules/components/progress-circle/examples/6/index.ts +++ b/projects/demo/src/modules/components/progress-circle/examples/6/index.ts @@ -2,8 +2,7 @@ import {Component, Inject} from '@angular/core'; import {changeDetection} from '@demo/emulate/change-detection'; import {encapsulation} from '@demo/emulate/encapsulation'; import {TUI_IS_E2E} from '@taiga-ui/cdk'; -import {of, timer} from 'rxjs'; -import {repeat, takeWhile} from 'rxjs/operators'; +import {of, repeat, takeWhile, timer} from 'rxjs'; @Component({ selector: 'tui-progress-circle-example-6', diff --git a/projects/demo/src/modules/components/prompt/examples/1/index.ts b/projects/demo/src/modules/components/prompt/examples/1/index.ts index 17ffb0d6e325..70e0c844aa0b 100644 --- a/projects/demo/src/modules/components/prompt/examples/1/index.ts +++ b/projects/demo/src/modules/components/prompt/examples/1/index.ts @@ -3,7 +3,7 @@ import {changeDetection} from '@demo/emulate/change-detection'; import {encapsulation} from '@demo/emulate/encapsulation'; import {TuiAlertService, TuiDialogService} from '@taiga-ui/core'; import {TUI_PROMPT, TuiPromptData} from '@taiga-ui/kit'; -import {switchMap} from 'rxjs/operators'; +import {switchMap} from 'rxjs'; @Component({ selector: 'tui-prompt-example-1', diff --git a/projects/demo/src/modules/components/prompt/prompt.component.ts b/projects/demo/src/modules/components/prompt/prompt.component.ts index 0be67255f252..083f5d194588 100644 --- a/projects/demo/src/modules/components/prompt/prompt.component.ts +++ b/projects/demo/src/modules/components/prompt/prompt.component.ts @@ -3,7 +3,7 @@ import {changeDetection} from '@demo/emulate/change-detection'; import {TuiDocExample} from '@taiga-ui/addon-doc'; import {TuiAlertService, TuiDialogService} from '@taiga-ui/core'; import {TUI_PROMPT, TuiPromptData} from '@taiga-ui/kit'; -import {switchMap} from 'rxjs/operators'; +import {switchMap} from 'rxjs'; @Component({ selector: 'example-tui-prompt', diff --git a/projects/demo/src/modules/components/push/examples/2/index.ts b/projects/demo/src/modules/components/push/examples/2/index.ts index 1fdde0eb3d19..b326fdad936f 100644 --- a/projects/demo/src/modules/components/push/examples/2/index.ts +++ b/projects/demo/src/modules/components/push/examples/2/index.ts @@ -3,7 +3,7 @@ import {changeDetection} from '@demo/emulate/change-detection'; import {encapsulation} from '@demo/emulate/encapsulation'; import {TuiAlertService} from '@taiga-ui/core'; import {TuiPushService} from '@taiga-ui/kit'; -import {switchMap, take} from 'rxjs/operators'; +import {switchMap, take} from 'rxjs'; @Component({ selector: 'tui-push-example-2', diff --git a/projects/demo/src/modules/components/select/examples/5/index.ts b/projects/demo/src/modules/components/select/examples/5/index.ts index 3fd34b2efe03..b839207cbce4 100644 --- a/projects/demo/src/modules/components/select/examples/5/index.ts +++ b/projects/demo/src/modules/components/select/examples/5/index.ts @@ -2,8 +2,7 @@ import {Component} from '@angular/core'; import {changeDetection} from '@demo/emulate/change-detection'; import {encapsulation} from '@demo/emulate/encapsulation'; import {TuiContextWithImplicit, tuiPure, TuiStringHandler} from '@taiga-ui/cdk'; -import {of} from 'rxjs'; -import {delay} from 'rxjs/operators'; +import {delay, of} from 'rxjs'; interface Python { readonly id: number; diff --git a/projects/demo/src/modules/components/select/examples/6/index.ts b/projects/demo/src/modules/components/select/examples/6/index.ts index 2b5868ab17f5..2320f336f312 100644 --- a/projects/demo/src/modules/components/select/examples/6/index.ts +++ b/projects/demo/src/modules/components/select/examples/6/index.ts @@ -3,8 +3,7 @@ import {changeDetection} from '@demo/emulate/change-detection'; import {encapsulation} from '@demo/emulate/encapsulation'; import {assets} from '@demo/utils'; import {TuiBooleanHandler} from '@taiga-ui/cdk'; -import {of} from 'rxjs'; -import {delay} from 'rxjs/operators'; +import {delay, of} from 'rxjs'; class User { constructor( diff --git a/projects/demo/src/modules/components/sheet-dialog/examples/1/index.ts b/projects/demo/src/modules/components/sheet-dialog/examples/1/index.ts index c5c47f767ec9..f2c2b8b981c1 100644 --- a/projects/demo/src/modules/components/sheet-dialog/examples/1/index.ts +++ b/projects/demo/src/modules/components/sheet-dialog/examples/1/index.ts @@ -3,8 +3,7 @@ import {changeDetection} from '@demo/emulate/change-detection'; import {encapsulation} from '@demo/emulate/encapsulation'; import {TuiSheetDialogService} from '@taiga-ui/addon-mobile'; import {TuiDestroyService} from '@taiga-ui/cdk'; -import {Observable, Subject} from 'rxjs'; -import {switchMap, takeUntil} from 'rxjs/operators'; +import {Observable, Subject, switchMap, takeUntil} from 'rxjs'; @Component({ selector: 'tui-sheet-dialog-example-1', diff --git a/projects/demo/src/modules/components/sheet-dialog/examples/4/index.ts b/projects/demo/src/modules/components/sheet-dialog/examples/4/index.ts index 0571543d5224..dddca63b0690 100644 --- a/projects/demo/src/modules/components/sheet-dialog/examples/4/index.ts +++ b/projects/demo/src/modules/components/sheet-dialog/examples/4/index.ts @@ -9,8 +9,7 @@ import { TuiSwipeDirection, } from '@taiga-ui/cdk'; import {TuiInputComponent} from '@taiga-ui/kit'; -import {Observable} from 'rxjs'; -import {map} from 'rxjs/operators'; +import {map, Observable} from 'rxjs'; const USERS = [ 'John Doe', diff --git a/projects/demo/src/modules/components/sheet/examples/1/index.ts b/projects/demo/src/modules/components/sheet/examples/1/index.ts index b7634c37919c..f1bb0909ce17 100644 --- a/projects/demo/src/modules/components/sheet/examples/1/index.ts +++ b/projects/demo/src/modules/components/sheet/examples/1/index.ts @@ -3,8 +3,7 @@ import {changeDetection} from '@demo/emulate/change-detection'; import {encapsulation} from '@demo/emulate/encapsulation'; import {TuiSheetService} from '@taiga-ui/addon-mobile'; import {TuiDestroyService} from '@taiga-ui/cdk'; -import {Observable, Subject} from 'rxjs'; -import {switchMap, takeUntil} from 'rxjs/operators'; +import {Observable, Subject, switchMap, takeUntil} from 'rxjs'; @Component({ selector: 'tui-sheet-example-1', diff --git a/projects/demo/src/modules/components/slider/examples/6/index.ts b/projects/demo/src/modules/components/slider/examples/6/index.ts index 4bd0d20a68ed..a8e5d60aa7fc 100644 --- a/projects/demo/src/modules/components/slider/examples/6/index.ts +++ b/projects/demo/src/modules/components/slider/examples/6/index.ts @@ -2,8 +2,7 @@ import {Component, HostListener} from '@angular/core'; import {changeDetection} from '@demo/emulate/change-detection'; import {encapsulation} from '@demo/emulate/encapsulation'; import {ALWAYS_FALSE_HANDLER, tuiClamp} from '@taiga-ui/cdk'; -import {BehaviorSubject, of, timer} from 'rxjs'; -import {distinctUntilChanged, map, switchMap} from 'rxjs/operators'; +import {BehaviorSubject, distinctUntilChanged, map, of, switchMap, timer} from 'rxjs'; @Component({ selector: 'tui-slider-example-6', diff --git a/projects/demo/src/modules/components/tab-bar/examples/4/index.ts b/projects/demo/src/modules/components/tab-bar/examples/4/index.ts index b9cc8ebbb6be..1962ebedd58e 100644 --- a/projects/demo/src/modules/components/tab-bar/examples/4/index.ts +++ b/projects/demo/src/modules/components/tab-bar/examples/4/index.ts @@ -1,8 +1,7 @@ import {Component} from '@angular/core'; import {changeDetection} from '@demo/emulate/change-detection'; import {encapsulation} from '@demo/emulate/encapsulation'; -import {Subject, timer} from 'rxjs'; -import {map, startWith, switchMap} from 'rxjs/operators'; +import {map, startWith, Subject, switchMap, timer} from 'rxjs'; @Component({ selector: 'tui-tab-bar-example-4', diff --git a/projects/demo/src/modules/components/tooltip/examples/1/index.ts b/projects/demo/src/modules/components/tooltip/examples/1/index.ts index 9a97abe7d767..116073a5d7b2 100644 --- a/projects/demo/src/modules/components/tooltip/examples/1/index.ts +++ b/projects/demo/src/modules/components/tooltip/examples/1/index.ts @@ -2,8 +2,7 @@ import {ChangeDetectorRef, Component, Inject, Self} from '@angular/core'; import {changeDetection} from '@demo/emulate/change-detection'; import {encapsulation} from '@demo/emulate/encapsulation'; import {TuiDestroyService, tuiWatch} from '@taiga-ui/cdk'; -import {interval} from 'rxjs'; -import {takeUntil} from 'rxjs/operators'; +import {interval, takeUntil} from 'rxjs'; @Component({ selector: 'tui-tooltip-example-1', diff --git a/projects/demo/src/modules/components/tree/examples/7/service.ts b/projects/demo/src/modules/components/tree/examples/7/service.ts index 715f50d22fd1..fd3e3b92e964 100644 --- a/projects/demo/src/modules/components/tree/examples/7/service.ts +++ b/projects/demo/src/modules/components/tree/examples/7/service.ts @@ -1,7 +1,6 @@ import {Injectable} from '@angular/core'; import {TuiTreeLoader} from '@taiga-ui/kit'; -import {Observable, timer} from 'rxjs'; -import {map} from 'rxjs/operators'; +import {map, Observable, timer} from 'rxjs'; import type {Item} from './index'; diff --git a/projects/demo/src/modules/customization/dialogs/examples/1/index.ts b/projects/demo/src/modules/customization/dialogs/examples/1/index.ts index c44d381c7507..9016b3241501 100644 --- a/projects/demo/src/modules/customization/dialogs/examples/1/index.ts +++ b/projects/demo/src/modules/customization/dialogs/examples/1/index.ts @@ -2,7 +2,7 @@ import {Component, Inject} from '@angular/core'; import {changeDetection} from '@demo/emulate/change-detection'; import {TuiAlertService} from '@taiga-ui/core'; import {PolymorpheusContent} from '@tinkoff/ng-polymorpheus'; -import {switchMap} from 'rxjs/operators'; +import {switchMap} from 'rxjs'; import {PromptService} from './prompt/prompt.service'; diff --git a/projects/demo/src/modules/customization/dialogs/examples/1/prompt/prompt.component.ts b/projects/demo/src/modules/customization/dialogs/examples/1/prompt/prompt.component.ts index 48c56be840e5..3cedd352b2d7 100644 --- a/projects/demo/src/modules/customization/dialogs/examples/1/prompt/prompt.component.ts +++ b/projects/demo/src/modules/customization/dialogs/examples/1/prompt/prompt.component.ts @@ -3,8 +3,7 @@ import {changeDetection} from '@demo/emulate/change-detection'; import {TuiDestroyService, TuiDialog} from '@taiga-ui/cdk'; import {TuiDialogCloseService} from '@taiga-ui/core'; import {POLYMORPHEUS_CONTEXT} from '@tinkoff/ng-polymorpheus'; -import {Observable} from 'rxjs'; -import {takeUntil} from 'rxjs/operators'; +import {Observable, takeUntil} from 'rxjs'; import {PromptOptions} from './prompt-options'; diff --git a/projects/demo/src/modules/customization/i18n/i18n.component.ts b/projects/demo/src/modules/customization/i18n/i18n.component.ts index e23cb93d4f10..7bff0aa0acfb 100644 --- a/projects/demo/src/modules/customization/i18n/i18n.component.ts +++ b/projects/demo/src/modules/customization/i18n/i18n.component.ts @@ -1,8 +1,7 @@ import {Component} from '@angular/core'; import {changeDetection} from '@demo/emulate/change-detection'; import {TuiDocExample} from '@taiga-ui/addon-doc'; -import {from} from 'rxjs'; -import {map} from 'rxjs/operators'; +import {from, map} from 'rxjs'; @Component({ selector: 'i18n', diff --git a/projects/demo/src/modules/customization/routable/eager/routable-dialog.component.ts b/projects/demo/src/modules/customization/routable/eager/routable-dialog.component.ts index 18d058cc4da8..2b58ccc586e2 100644 --- a/projects/demo/src/modules/customization/routable/eager/routable-dialog.component.ts +++ b/projects/demo/src/modules/customization/routable/eager/routable-dialog.component.ts @@ -3,7 +3,7 @@ import {NavigationEnd, Router} from '@angular/router'; import {changeDetection} from '@demo/emulate/change-detection'; import {TuiDocExample} from '@taiga-ui/addon-doc'; import {TuiDestroyService} from '@taiga-ui/cdk'; -import {filter, map, shareReplay, takeUntil} from 'rxjs/operators'; +import {filter, map, shareReplay, takeUntil} from 'rxjs'; @Component({ selector: 'routable-dialog', diff --git a/projects/demo/src/modules/directives/dropdown/examples/3/index.ts b/projects/demo/src/modules/directives/dropdown/examples/3/index.ts index ff222f9577a0..ca3798f53ee0 100644 --- a/projects/demo/src/modules/directives/dropdown/examples/3/index.ts +++ b/projects/demo/src/modules/directives/dropdown/examples/3/index.ts @@ -2,8 +2,7 @@ import {ChangeDetectorRef, Component, Inject, Self} from '@angular/core'; import {changeDetection} from '@demo/emulate/change-detection'; import {encapsulation} from '@demo/emulate/encapsulation'; import {TuiDestroyService, tuiWatch} from '@taiga-ui/cdk'; -import {interval} from 'rxjs'; -import {takeUntil} from 'rxjs/operators'; +import {interval, takeUntil} from 'rxjs'; @Component({ selector: 'tui-dropdown-example-3', diff --git a/projects/demo/src/modules/directives/elastic-sticky/examples/1/index.ts b/projects/demo/src/modules/directives/elastic-sticky/examples/1/index.ts index b0d1df5cea1f..c0e783297c67 100644 --- a/projects/demo/src/modules/directives/elastic-sticky/examples/1/index.ts +++ b/projects/demo/src/modules/directives/elastic-sticky/examples/1/index.ts @@ -3,8 +3,7 @@ import {changeDetection} from '@demo/emulate/change-detection'; import {encapsulation} from '@demo/emulate/encapsulation'; import {TuiElasticStickyDirective} from '@taiga-ui/addon-mobile'; import {tuiClamp} from '@taiga-ui/cdk'; -import {Observable} from 'rxjs'; -import {distinctUntilChanged, map, startWith} from 'rxjs/operators'; +import {distinctUntilChanged, map, Observable, startWith} from 'rxjs'; @Component({ selector: 'tui-elastic-sticky-example-1', diff --git a/projects/demo/src/modules/directives/let/examples/1/index.ts b/projects/demo/src/modules/directives/let/examples/1/index.ts index b4b0c988a4c2..174315d49f37 100644 --- a/projects/demo/src/modules/directives/let/examples/1/index.ts +++ b/projects/demo/src/modules/directives/let/examples/1/index.ts @@ -1,8 +1,7 @@ import {Component} from '@angular/core'; import {changeDetection} from '@demo/emulate/change-detection'; import {encapsulation} from '@demo/emulate/encapsulation'; -import {interval} from 'rxjs'; -import {startWith} from 'rxjs/operators'; +import {interval, startWith} from 'rxjs'; @Component({ selector: 'tui-let-example-1', diff --git a/projects/demo/src/modules/directives/pan/examples/1/index.ts b/projects/demo/src/modules/directives/pan/examples/1/index.ts index 084d2f83fc30..ee0198f14ede 100644 --- a/projects/demo/src/modules/directives/pan/examples/1/index.ts +++ b/projects/demo/src/modules/directives/pan/examples/1/index.ts @@ -2,8 +2,7 @@ import {Component, Inject} from '@angular/core'; import {DomSanitizer} from '@angular/platform-browser'; import {changeDetection} from '@demo/emulate/change-detection'; import {encapsulation} from '@demo/emulate/encapsulation'; -import {BehaviorSubject} from 'rxjs'; -import {map} from 'rxjs/operators'; +import {BehaviorSubject, map} from 'rxjs'; @Component({ selector: 'tui-pan-example-1', diff --git a/projects/demo/src/modules/directives/zoom/examples/1/index.ts b/projects/demo/src/modules/directives/zoom/examples/1/index.ts index d8a69fa03173..be33a7e591e4 100644 --- a/projects/demo/src/modules/directives/zoom/examples/1/index.ts +++ b/projects/demo/src/modules/directives/zoom/examples/1/index.ts @@ -2,8 +2,7 @@ import {Component} from '@angular/core'; import {changeDetection} from '@demo/emulate/change-detection'; import {encapsulation} from '@demo/emulate/encapsulation'; import {tuiClamp, TuiZoom} from '@taiga-ui/cdk'; -import {Subject} from 'rxjs'; -import {map, scan, startWith} from 'rxjs/operators'; +import {map, scan, startWith, Subject} from 'rxjs'; @Component({ selector: 'tui-zoom-example-1', diff --git a/projects/demo/src/modules/experimental/button/examples/4/index.ts b/projects/demo/src/modules/experimental/button/examples/4/index.ts index f4cb57243da6..215a398978dc 100644 --- a/projects/demo/src/modules/experimental/button/examples/4/index.ts +++ b/projects/demo/src/modules/experimental/button/examples/4/index.ts @@ -2,8 +2,7 @@ import {Component} from '@angular/core'; import {changeDetection} from '@demo/emulate/change-detection'; import {encapsulation} from '@demo/emulate/encapsulation'; import {ALWAYS_FALSE_HANDLER} from '@taiga-ui/cdk'; -import {Subject, timer} from 'rxjs'; -import {map, startWith, switchMap} from 'rxjs/operators'; +import {map, startWith, Subject, switchMap, timer} from 'rxjs'; @Component({ selector: 'tui-button-example-4', @@ -12,7 +11,7 @@ import {map, startWith, switchMap} from 'rxjs/operators'; changeDetection, }) export class TuiButtonExample4 { - readonly trigger$ = new Subject(); + readonly trigger$ = new Subject(); readonly loading$ = this.trigger$.pipe( switchMap(() => timer(2000).pipe(map(ALWAYS_FALSE_HANDLER), startWith('Loading')), diff --git a/projects/demo/src/modules/experimental/tooltip/examples/1/index.ts b/projects/demo/src/modules/experimental/tooltip/examples/1/index.ts index 9a97abe7d767..116073a5d7b2 100644 --- a/projects/demo/src/modules/experimental/tooltip/examples/1/index.ts +++ b/projects/demo/src/modules/experimental/tooltip/examples/1/index.ts @@ -2,8 +2,7 @@ import {ChangeDetectorRef, Component, Inject, Self} from '@angular/core'; import {changeDetection} from '@demo/emulate/change-detection'; import {encapsulation} from '@demo/emulate/encapsulation'; import {TuiDestroyService, tuiWatch} from '@taiga-ui/cdk'; -import {interval} from 'rxjs'; -import {takeUntil} from 'rxjs/operators'; +import {interval, takeUntil} from 'rxjs'; @Component({ selector: 'tui-tooltip-example-1', diff --git a/projects/demo/src/modules/icons/icons-bundled/examples/1/index.ts b/projects/demo/src/modules/icons/icons-bundled/examples/1/index.ts index d016ffc0e0dc..0fb237884941 100644 --- a/projects/demo/src/modules/icons/icons-bundled/examples/1/index.ts +++ b/projects/demo/src/modules/icons/icons-bundled/examples/1/index.ts @@ -7,8 +7,7 @@ import {ALWAYS_TRUE_HANDLER} from '@taiga-ui/cdk'; import {TUI_SANITIZER, TuiSvgService} from '@taiga-ui/core'; import {tuiIconClockLarge, tuiIconMaestro, tuiIconMastercard} from '@taiga-ui/icons'; import {NgDompurifySanitizer} from '@tinkoff/ng-dompurify'; -import {timer} from 'rxjs'; -import {map} from 'rxjs/operators'; +import {map, timer} from 'rxjs'; import {INLINE_SVG} from './inline-svg'; diff --git a/projects/demo/src/modules/icons/icons-group/icons-group.component.ts b/projects/demo/src/modules/icons/icons-group/icons-group.component.ts index c1fd18a68b25..fa9d86849d91 100644 --- a/projects/demo/src/modules/icons/icons-group/icons-group.component.ts +++ b/projects/demo/src/modules/icons/icons-group/icons-group.component.ts @@ -5,8 +5,14 @@ import {ActivatedRoute, Router} from '@angular/router'; import {changeDetection} from '@demo/emulate/change-detection'; import {TUI_DEFAULT_MATCHER, TuiDestroyService} from '@taiga-ui/cdk'; import {TuiAlertService} from '@taiga-ui/core'; -import {Observable} from 'rxjs'; -import {debounceTime, distinctUntilChanged, filter, map, takeUntil} from 'rxjs/operators'; +import { + debounceTime, + distinctUntilChanged, + filter, + map, + Observable, + takeUntil, +} from 'rxjs'; import {IconsGroupDirective} from './icons-group.directive'; diff --git a/projects/demo/src/modules/icons/icons.component.ts b/projects/demo/src/modules/icons/icons.component.ts index 35a0f89e2563..b89d32eca085 100644 --- a/projects/demo/src/modules/icons/icons.component.ts +++ b/projects/demo/src/modules/icons/icons.component.ts @@ -2,8 +2,7 @@ import {Component, Inject} from '@angular/core'; import {changeDetection} from '@demo/emulate/change-detection'; import {assets} from '@demo/utils'; import {TuiBrightness, TuiModeDirective} from '@taiga-ui/core'; -import {BehaviorSubject, Observable} from 'rxjs'; -import {debounceTime, map, share, startWith} from 'rxjs/operators'; +import {BehaviorSubject, debounceTime, map, Observable, share, startWith} from 'rxjs'; import {DemoTuiIconsTabs, TUI_DEMO_ICONS} from './icons.tokens'; diff --git a/projects/demo/src/modules/info/changelog/changelog.component.ts b/projects/demo/src/modules/info/changelog/changelog.component.ts index 8e9badd7dfbd..9b54692fb83c 100644 --- a/projects/demo/src/modules/info/changelog/changelog.component.ts +++ b/projects/demo/src/modules/info/changelog/changelog.component.ts @@ -1,8 +1,7 @@ import {Component} from '@angular/core'; import {changeDetection} from '@demo/emulate/change-detection'; import {tuiRawLoad} from '@taiga-ui/addon-doc'; -import {of} from 'rxjs'; -import {switchMap} from 'rxjs/operators'; +import {of, switchMap} from 'rxjs'; @Component({ selector: 'changelog', diff --git a/projects/demo/src/modules/markup/colors/table/table.component.ts b/projects/demo/src/modules/markup/colors/table/table.component.ts index 619ab9056209..882c2e7153fa 100644 --- a/projects/demo/src/modules/markup/colors/table/table.component.ts +++ b/projects/demo/src/modules/markup/colors/table/table.component.ts @@ -3,8 +3,7 @@ import {Component, HostBinding, Inject, Input} from '@angular/core'; import {changeDetection} from '@demo/emulate/change-detection'; import {WINDOW} from '@ng-web-apis/common'; import {TuiThemeService} from '@taiga-ui/addon-doc'; -import {Observable} from 'rxjs'; -import {delay} from 'rxjs/operators'; +import {delay, Observable} from 'rxjs'; import {Color} from '../colors.constants'; diff --git a/projects/demo/src/modules/pipes/field-error/examples/1/index.ts b/projects/demo/src/modules/pipes/field-error/examples/1/index.ts index 0df0b9af128c..499b17bc1c17 100644 --- a/projects/demo/src/modules/pipes/field-error/examples/1/index.ts +++ b/projects/demo/src/modules/pipes/field-error/examples/1/index.ts @@ -7,7 +7,7 @@ import { } from '@angular/forms'; import {changeDetection} from '@demo/emulate/change-detection'; import {encapsulation} from '@demo/emulate/encapsulation'; -import {distinctUntilChanged} from 'rxjs/operators'; +import {distinctUntilChanged} from 'rxjs'; const latinChars = /^[a-zA-Z]+$/; diff --git a/projects/demo/src/modules/pipes/field-error/examples/2/index.ts b/projects/demo/src/modules/pipes/field-error/examples/2/index.ts index d39d8469b5f3..d8e66b488bf5 100644 --- a/projects/demo/src/modules/pipes/field-error/examples/2/index.ts +++ b/projects/demo/src/modules/pipes/field-error/examples/2/index.ts @@ -4,8 +4,7 @@ import {changeDetection} from '@demo/emulate/change-detection'; import {encapsulation} from '@demo/emulate/encapsulation'; import {tuiIsFalsy} from '@taiga-ui/cdk'; import {TUI_VALIDATION_ERRORS} from '@taiga-ui/kit'; -import {interval, of} from 'rxjs'; -import {map, scan, startWith} from 'rxjs/operators'; +import {interval, map, of, scan, startWith} from 'rxjs'; @Component({ selector: 'tui-field-error-pipe-example-2', diff --git a/projects/demo/src/modules/pipes/field-error/examples/5/index.ts b/projects/demo/src/modules/pipes/field-error/examples/5/index.ts index bb4b8f102b71..0f6c77e21d5f 100644 --- a/projects/demo/src/modules/pipes/field-error/examples/5/index.ts +++ b/projects/demo/src/modules/pipes/field-error/examples/5/index.ts @@ -9,8 +9,7 @@ import { import {changeDetection} from '@demo/emulate/change-detection'; import {encapsulation} from '@demo/emulate/encapsulation'; import {TUI_IS_E2E, TuiValidationError} from '@taiga-ui/cdk'; -import {of} from 'rxjs'; -import {delay} from 'rxjs/operators'; +import {delay, of} from 'rxjs'; const latinChars = /^[a-zA-Z]+$/; diff --git a/projects/demo/src/modules/pipes/format-date/examples/1/service.ts b/projects/demo/src/modules/pipes/format-date/examples/1/service.ts index 326525870b04..52473e6db979 100644 --- a/projects/demo/src/modules/pipes/format-date/examples/1/service.ts +++ b/projects/demo/src/modules/pipes/format-date/examples/1/service.ts @@ -1,8 +1,7 @@ import {Injectable} from '@angular/core'; import {TuiFormatDateService} from '@taiga-ui/core'; import formatDistance from 'date-fns/formatDistance'; -import {Observable, timer} from 'rxjs'; -import {map} from 'rxjs/operators'; +import {map, Observable, timer} from 'rxjs'; @Injectable() export class FormatService extends TuiFormatDateService { diff --git a/projects/demo/src/modules/pipes/is-present/examples/1/component.ts b/projects/demo/src/modules/pipes/is-present/examples/1/component.ts index 0c4488d2f564..7c019fde0653 100644 --- a/projects/demo/src/modules/pipes/is-present/examples/1/component.ts +++ b/projects/demo/src/modules/pipes/is-present/examples/1/component.ts @@ -1,8 +1,7 @@ import {Component} from '@angular/core'; import {changeDetection} from '@demo/emulate/change-detection'; import {encapsulation} from '@demo/emulate/encapsulation'; -import {of, Subject} from 'rxjs'; -import {delayWhen} from 'rxjs/operators'; +import {delayWhen, of, Subject} from 'rxjs'; @Component({ selector: `tui-is-present-example1`, diff --git a/projects/demo/src/modules/services/alerts/alerts.component.ts b/projects/demo/src/modules/services/alerts/alerts.component.ts index 2eb244ff0b43..9aeeac9e7b46 100644 --- a/projects/demo/src/modules/services/alerts/alerts.component.ts +++ b/projects/demo/src/modules/services/alerts/alerts.component.ts @@ -4,7 +4,7 @@ import {TuiDocExample} from '@taiga-ui/addon-doc'; import {TuiBaseDialogContext} from '@taiga-ui/cdk'; import {TuiAlertOptions, TuiAlertService, TuiNotificationT} from '@taiga-ui/core'; import {PolymorpheusComponent, PolymorpheusContent} from '@tinkoff/ng-polymorpheus'; -import {switchMap} from 'rxjs/operators'; +import {switchMap} from 'rxjs'; import {AlertExampleWithDataComponent} from './examples/4/alert-example-with-data/alert-example-with-data.component'; diff --git a/projects/demo/src/modules/services/alerts/examples/3/index.ts b/projects/demo/src/modules/services/alerts/examples/3/index.ts index d32221a153b3..46070d4ecb55 100644 --- a/projects/demo/src/modules/services/alerts/examples/3/index.ts +++ b/projects/demo/src/modules/services/alerts/examples/3/index.ts @@ -4,8 +4,7 @@ import {changeDetection} from '@demo/emulate/change-detection'; import {encapsulation} from '@demo/emulate/encapsulation'; import {TuiAlertService} from '@taiga-ui/core'; import {PolymorpheusComponent} from '@tinkoff/ng-polymorpheus'; -import {Observable} from 'rxjs'; -import {switchMap, takeUntil} from 'rxjs/operators'; +import {Observable, switchMap, takeUntil} from 'rxjs'; import {AlertExampleComponent} from './alert-example/alert-example.component'; diff --git a/projects/demo/src/modules/services/alerts/examples/4/index.ts b/projects/demo/src/modules/services/alerts/examples/4/index.ts index b87a03eca216..3443fe6b2e11 100644 --- a/projects/demo/src/modules/services/alerts/examples/4/index.ts +++ b/projects/demo/src/modules/services/alerts/examples/4/index.ts @@ -4,8 +4,7 @@ import {changeDetection} from '@demo/emulate/change-detection'; import {encapsulation} from '@demo/emulate/encapsulation'; import {TuiAlertService} from '@taiga-ui/core'; import {PolymorpheusComponent} from '@tinkoff/ng-polymorpheus'; -import {Observable} from 'rxjs'; -import {switchMap, takeUntil} from 'rxjs/operators'; +import {Observable, switchMap, takeUntil} from 'rxjs'; import {AlertExampleWithDataComponent} from './alert-example-with-data/alert-example-with-data.component'; diff --git a/projects/demo/src/modules/services/alerts/examples/5/index.ts b/projects/demo/src/modules/services/alerts/examples/5/index.ts index f6fa7c872bcf..7df7c92c2c60 100644 --- a/projects/demo/src/modules/services/alerts/examples/5/index.ts +++ b/projects/demo/src/modules/services/alerts/examples/5/index.ts @@ -4,8 +4,7 @@ import {changeDetection} from '@demo/emulate/change-detection'; import {encapsulation} from '@demo/emulate/encapsulation'; import {TuiAlertService} from '@taiga-ui/core'; import {PolymorpheusComponent} from '@tinkoff/ng-polymorpheus'; -import {Observable} from 'rxjs'; -import {takeUntil} from 'rxjs/operators'; +import {Observable, takeUntil} from 'rxjs'; import {AlertExampleWithCustomLabelComponent} from './alert-example-with-custom-label/alert-example-with-custom-label.component'; import {CustomLabelComponent} from './custom-label/custom-label.component'; diff --git a/projects/demo/src/modules/services/destroy/examples/1/component.ts b/projects/demo/src/modules/services/destroy/examples/1/component.ts index fcbce8f0b644..0bc4f8568473 100644 --- a/projects/demo/src/modules/services/destroy/examples/1/component.ts +++ b/projects/demo/src/modules/services/destroy/examples/1/component.ts @@ -2,8 +2,7 @@ import {Component, ElementRef, Inject, Self} from '@angular/core'; import {changeDetection} from '@demo/emulate/change-detection'; import {encapsulation} from '@demo/emulate/encapsulation'; import {TuiDestroyService} from '@taiga-ui/cdk'; -import {fromEvent} from 'rxjs'; -import {takeUntil} from 'rxjs/operators'; +import {fromEvent, takeUntil} from 'rxjs'; @Component({ selector: `tui-destroy-example`, diff --git a/projects/demo/src/modules/services/scroll/examples/1/index.ts b/projects/demo/src/modules/services/scroll/examples/1/index.ts index 9f01d6564b93..6cad7c84c647 100644 --- a/projects/demo/src/modules/services/scroll/examples/1/index.ts +++ b/projects/demo/src/modules/services/scroll/examples/1/index.ts @@ -2,8 +2,7 @@ import {Component, ElementRef, Inject, Self} from '@angular/core'; import {changeDetection} from '@demo/emulate/change-detection'; import {encapsulation} from '@demo/emulate/encapsulation'; import {TuiDestroyService, TuiScrollService} from '@taiga-ui/cdk'; -import {Observable} from 'rxjs'; -import {takeUntil} from 'rxjs/operators'; +import {Observable, takeUntil} from 'rxjs'; @Component({ selector: 'tui-scroll-example-1', diff --git a/projects/demo/src/modules/services/table-bar/table-bar.component.ts b/projects/demo/src/modules/services/table-bar/table-bar.component.ts index 5ec482612955..1f57fb84c263 100644 --- a/projects/demo/src/modules/services/table-bar/table-bar.component.ts +++ b/projects/demo/src/modules/services/table-bar/table-bar.component.ts @@ -4,8 +4,7 @@ import {TuiDocExample} from '@taiga-ui/addon-doc'; import {TuiTableBarsService} from '@taiga-ui/addon-tablebars'; import {TuiBrightness} from '@taiga-ui/core'; import {PolymorpheusContent} from '@tinkoff/ng-polymorpheus'; -import {Subject, Subscription} from 'rxjs'; -import {takeUntil} from 'rxjs/operators'; +import {Subject, Subscription, takeUntil} from 'rxjs'; @Component({ selector: 'example-tui-table-bar', diff --git a/projects/demo/src/modules/tables/table/examples/4/index.ts b/projects/demo/src/modules/tables/table/examples/4/index.ts index 2b2ac1fe5f08..df0a0d4017c4 100644 --- a/projects/demo/src/modules/tables/table/examples/4/index.ts +++ b/projects/demo/src/modules/tables/table/examples/4/index.ts @@ -13,8 +13,18 @@ import { tuiToInt, } from '@taiga-ui/cdk'; import {TUI_ARROW} from '@taiga-ui/kit'; -import {BehaviorSubject, combineLatest, Observable, timer} from 'rxjs'; -import {debounceTime, filter, map, share, startWith, switchMap} from 'rxjs/operators'; +import { + BehaviorSubject, + combineLatest, + debounceTime, + filter, + map, + Observable, + share, + startWith, + switchMap, + timer, +} from 'rxjs'; interface User { readonly dob: TuiDay; diff --git a/projects/experimental/components/checkbox/checkbox.component.ts b/projects/experimental/components/checkbox/checkbox.component.ts index 6cbe2d5cf2e4..eb26d989922f 100644 --- a/projects/experimental/components/checkbox/checkbox.component.ts +++ b/projects/experimental/components/checkbox/checkbox.component.ts @@ -17,7 +17,7 @@ import { import {TuiSizeS} from '@taiga-ui/core'; import {TuiAppearanceDirective} from '@taiga-ui/experimental/directives/appearance'; import {TUI_ICON_RESOLVER} from '@taiga-ui/experimental/tokens'; -import {takeUntil} from 'rxjs/operators'; +import {takeUntil} from 'rxjs'; import {TUI_CHECKBOX_OPTIONS} from './checkbox.options'; diff --git a/projects/experimental/components/tooltip/tooltip.component.ts b/projects/experimental/components/tooltip/tooltip.component.ts index 9a0620125d8f..075c17597555 100644 --- a/projects/experimental/components/tooltip/tooltip.component.ts +++ b/projects/experimental/components/tooltip/tooltip.component.ts @@ -19,8 +19,7 @@ import { TuiHintOptionsDirective, } from '@taiga-ui/core'; import {TuiAppearanceDirective} from '@taiga-ui/experimental/directives/appearance'; -import {Observable} from 'rxjs'; -import {takeUntil} from 'rxjs/operators'; +import {Observable, takeUntil} from 'rxjs'; import {TUI_TOOLTIP_OPTIONS, TuiTooltipOptions} from './tooltip.options'; diff --git a/projects/experimental/directives/fade/fade.directive.ts b/projects/experimental/directives/fade/fade.directive.ts index 8931c92079c4..0a4abe8ecbf1 100644 --- a/projects/experimental/directives/fade/fade.directive.ts +++ b/projects/experimental/directives/fade/fade.directive.ts @@ -18,8 +18,7 @@ import { tuiZonefree, } from '@taiga-ui/cdk'; import {TuiOrientation} from '@taiga-ui/core'; -import {fromEvent, merge, Observable} from 'rxjs'; -import {takeUntil} from 'rxjs/operators'; +import {fromEvent, merge, Observable, takeUntil} from 'rxjs'; import {TuiFadeComponent} from './fade.component'; diff --git a/projects/experimental/pipes/amount/amount.pipe.ts b/projects/experimental/pipes/amount/amount.pipe.ts index c35d8b55eb90..28774ddaf47b 100644 --- a/projects/experimental/pipes/amount/amount.pipe.ts +++ b/projects/experimental/pipes/amount/amount.pipe.ts @@ -7,8 +7,7 @@ import { tuiFormatNumber, TuiNumberFormatSettings, } from '@taiga-ui/core'; -import {Observable} from 'rxjs'; -import {map} from 'rxjs/operators'; +import {map, Observable} from 'rxjs'; import {TUI_AMOUNT_OPTIONS, TuiAmountOptions} from './amount.options'; diff --git a/projects/experimental/pipes/fallback-src/fallback-src.pipe.ts b/projects/experimental/pipes/fallback-src/fallback-src.pipe.ts index 0b54a048c881..a950a2f3c57b 100644 --- a/projects/experimental/pipes/fallback-src/fallback-src.pipe.ts +++ b/projects/experimental/pipes/fallback-src/fallback-src.pipe.ts @@ -1,7 +1,6 @@ import {ElementRef, Inject, Pipe, PipeTransform} from '@angular/core'; import {TUI_ICON_ERROR} from '@taiga-ui/core'; -import {fromEvent, merge, Observable} from 'rxjs'; -import {map, startWith} from 'rxjs/operators'; +import {fromEvent, map, merge, Observable, startWith} from 'rxjs'; @Pipe({ name: `tuiFallbackSrc`, diff --git a/projects/i18n/switch/utils.ts b/projects/i18n/switch/utils.ts index 5a79af0f5902..a608ac96ebc3 100644 --- a/projects/i18n/switch/utils.ts +++ b/projects/i18n/switch/utils.ts @@ -3,8 +3,7 @@ import type { TuiLanguageLoader, TuiLanguageName, } from '@taiga-ui/i18n/interfaces'; -import {from, Observable, of} from 'rxjs'; -import {map} from 'rxjs/operators'; +import {from, map, Observable, of} from 'rxjs'; // CommonJS `module.exports` is wrapped as `default` in ESModule. async function normalizeCommonJSImport(importPromise: Promise): Promise { diff --git a/projects/i18n/tools/extract-i18n.ts b/projects/i18n/tools/extract-i18n.ts index f6660cc07fca..e4f426c0a780 100644 --- a/projects/i18n/tools/extract-i18n.ts +++ b/projects/i18n/tools/extract-i18n.ts @@ -1,8 +1,7 @@ import {inject} from '@angular/core'; import {TuiLanguage} from '@taiga-ui/i18n/interfaces'; import {TUI_LANGUAGE} from '@taiga-ui/i18n/tokens'; -import {isObservable, Observable, of} from 'rxjs'; -import {map, switchMap} from 'rxjs/operators'; +import {isObservable, map, Observable, of, switchMap} from 'rxjs'; export function tuiExtractI18n( key: K, diff --git a/projects/kit/components/accordion/accordion.component.ts b/projects/kit/components/accordion/accordion.component.ts index 6c9a3b491d75..c15ef124cd24 100644 --- a/projects/kit/components/accordion/accordion.component.ts +++ b/projects/kit/components/accordion/accordion.component.ts @@ -14,8 +14,7 @@ import { tuiIsPresent, tuiQueryListChanges, } from '@taiga-ui/cdk'; -import {identity, merge} from 'rxjs'; -import {filter, map, pairwise, switchMap, takeUntil} from 'rxjs/operators'; +import {filter, identity, map, merge, pairwise, switchMap, takeUntil} from 'rxjs'; import {TuiAccordionItemComponent} from './accordion-item/accordion-item.component'; diff --git a/projects/kit/components/calendar-range/calendar-range.component.ts b/projects/kit/components/calendar-range/calendar-range.component.ts index b09c2ffd99b4..893332e3e6ff 100644 --- a/projects/kit/components/calendar-range/calendar-range.component.ts +++ b/projects/kit/components/calendar-range/calendar-range.component.ts @@ -37,8 +37,7 @@ import { import {TuiDayRangePeriod} from '@taiga-ui/kit/classes'; import {MAX_DAY_RANGE_LENGTH_MAPPER} from '@taiga-ui/kit/constants'; import {TUI_CALENDAR_DATE_STREAM, TUI_OTHER_DATE_TEXT} from '@taiga-ui/kit/tokens'; -import {Observable} from 'rxjs'; -import {takeUntil} from 'rxjs/operators'; +import {Observable, takeUntil} from 'rxjs'; @Component({ selector: 'tui-calendar-range', diff --git a/projects/kit/components/carousel/carousel-scroll.directive.ts b/projects/kit/components/carousel/carousel-scroll.directive.ts index 454f398d57f4..e06c0f09d12f 100644 --- a/projects/kit/components/carousel/carousel-scroll.directive.ts +++ b/projects/kit/components/carousel/carousel-scroll.directive.ts @@ -1,6 +1,6 @@ import {Directive, ElementRef, Inject, Output} from '@angular/core'; import {tuiTypedFromEvent} from '@taiga-ui/cdk'; -import {filter, map, tap, throttleTime} from 'rxjs/operators'; +import {filter, map, tap, throttleTime} from 'rxjs'; @Directive({ selector: '[tuiCarouselScroll]', diff --git a/projects/kit/components/carousel/carousel.directive.ts b/projects/kit/components/carousel/carousel.directive.ts index 60628a9bb9bc..2694920242c0 100644 --- a/projects/kit/components/carousel/carousel.directive.ts +++ b/projects/kit/components/carousel/carousel.directive.ts @@ -6,8 +6,7 @@ import { tuiIfMap, tuiTypedFromEvent, } from '@taiga-ui/cdk'; -import {BehaviorSubject, combineLatest, interval, merge, Observable} from 'rxjs'; -import {map} from 'rxjs/operators'; +import {BehaviorSubject, combineLatest, interval, map, merge, Observable} from 'rxjs'; @Directive({ selector: 'tui-carousel', diff --git a/projects/kit/components/elastic-container/elastic-container.directive.ts b/projects/kit/components/elastic-container/elastic-container.directive.ts index 3c7c2613c3af..4bac84ab110d 100644 --- a/projects/kit/components/elastic-container/elastic-container.directive.ts +++ b/projects/kit/components/elastic-container/elastic-container.directive.ts @@ -4,8 +4,7 @@ import { MutationObserverService, } from '@ng-web-apis/mutation-observer'; import {ResizeObserverService} from '@ng-web-apis/resize-observer'; -import {merge, Observable} from 'rxjs'; -import {debounceTime, distinctUntilChanged, map} from 'rxjs/operators'; +import {debounceTime, distinctUntilChanged, map, merge, Observable} from 'rxjs'; @Directive({ selector: '[tuiElasticContainer]', diff --git a/projects/kit/components/files/file/file.component.ts b/projects/kit/components/files/file/file.component.ts index 24508d08f19f..921a9cce2bc3 100644 --- a/projects/kit/components/files/file/file.component.ts +++ b/projects/kit/components/files/file/file.component.ts @@ -15,8 +15,7 @@ import {TuiFileLike} from '@taiga-ui/kit/interfaces'; import {TUI_DIGITAL_INFORMATION_UNITS, TUI_FILE_TEXTS} from '@taiga-ui/kit/tokens'; import {TuiFileState} from '@taiga-ui/kit/types'; import {PolymorpheusContent} from '@tinkoff/ng-polymorpheus'; -import {Observable, of} from 'rxjs'; -import {map} from 'rxjs/operators'; +import {map, Observable, of} from 'rxjs'; import {TUI_FILE_OPTIONS} from './file-options'; diff --git a/projects/kit/components/input-copy/input-copy.component.ts b/projects/kit/components/input-copy/input-copy.component.ts index eb531d12c868..15db27ddfc40 100644 --- a/projects/kit/components/input-copy/input-copy.component.ts +++ b/projects/kit/components/input-copy/input-copy.component.ts @@ -29,8 +29,7 @@ import { import {TUI_VALUE_ACCESSOR_PROVIDER} from '@taiga-ui/kit/providers'; import {TUI_COPY_TEXTS} from '@taiga-ui/kit/tokens'; import {PolymorpheusContent} from '@tinkoff/ng-polymorpheus'; -import {merge, Observable, of, Subject, timer} from 'rxjs'; -import {map, startWith, switchMap} from 'rxjs/operators'; +import {map, merge, Observable, of, startWith, Subject, switchMap, timer} from 'rxjs'; import {TUI_INPUT_COPY_OPTIONS, TuiInputCopyOptions} from './input-copy.options'; diff --git a/projects/kit/components/input-date-multi/input-date-multi.component.ts b/projects/kit/components/input-date-multi/input-date-multi.component.ts index 03213cc789da..4a80f06cd504 100644 --- a/projects/kit/components/input-date-multi/input-date-multi.component.ts +++ b/projects/kit/components/input-date-multi/input-date-multi.component.ts @@ -58,8 +58,7 @@ import { } from '@taiga-ui/kit/tokens'; import {tuiImmutableUpdateInputDateMulti} from '@taiga-ui/kit/utils'; import {PolymorpheusComponent} from '@tinkoff/ng-polymorpheus'; -import {Observable} from 'rxjs'; -import {map, takeUntil} from 'rxjs/operators'; +import {map, Observable, takeUntil} from 'rxjs'; @Component({ selector: 'tui-input-date[multiple]', diff --git a/projects/kit/components/input-date-range/input-date-range.component.ts b/projects/kit/components/input-date-range/input-date-range.component.ts index 57e3e911c82e..80b6445f49fa 100644 --- a/projects/kit/components/input-date-range/input-date-range.component.ts +++ b/projects/kit/components/input-date-range/input-date-range.component.ts @@ -67,8 +67,7 @@ import { TuiInputDateOptions, } from '@taiga-ui/kit/tokens'; import {PolymorpheusComponent, PolymorpheusContent} from '@tinkoff/ng-polymorpheus'; -import {Observable} from 'rxjs'; -import {map, takeUntil} from 'rxjs/operators'; +import {map, Observable, takeUntil} from 'rxjs'; @Component({ selector: 'tui-input-date-range', diff --git a/projects/kit/components/input-date-range/test/input-date-range.component.spec.ts b/projects/kit/components/input-date-range/test/input-date-range.component.spec.ts index 1beedc5c0caa..1d09364414ae 100644 --- a/projects/kit/components/input-date-range/test/input-date-range.component.spec.ts +++ b/projects/kit/components/input-date-range/test/input-date-range.component.spec.ts @@ -308,6 +308,20 @@ describe(`InputDateRangeComponent`, () => { return dateTransformer && new TestDateRangeTransformer(dateTransformer); } + @Component({ + template: ` + + + + `, + }) class TransformerTestComponent extends TestComponent { override control = new FormControl([ new Date(2022, 0, 31), diff --git a/projects/kit/components/input-date-time/input-date-time.component.ts b/projects/kit/components/input-date-time/input-date-time.component.ts index 5bcb6ce1acba..420ba7423fa1 100644 --- a/projects/kit/components/input-date-time/input-date-time.component.ts +++ b/projects/kit/components/input-date-time/input-date-time.component.ts @@ -59,8 +59,7 @@ import { tuiDateStreamWithTransformer, TuiInputDateOptions, } from '@taiga-ui/kit/tokens'; -import {combineLatest, Observable} from 'rxjs'; -import {map} from 'rxjs/operators'; +import {combineLatest, map, Observable} from 'rxjs'; @Component({ selector: 'tui-input-date-time', diff --git a/projects/kit/components/input-date-time/test/input-date-time.component.spec.ts b/projects/kit/components/input-date-time/test/input-date-time.component.spec.ts index 3da4b50262cd..7aa99a283efd 100644 --- a/projects/kit/components/input-date-time/test/input-date-time.component.spec.ts +++ b/projects/kit/components/input-date-time/test/input-date-time.component.spec.ts @@ -340,6 +340,17 @@ describe(`InputDateTime`, () => { } } + @Component({ + template: ` + + + + `, + }) class TransformerTestComponent extends TestComponent { override control = new FormControl(`19.01.2022, 12:33`); override min = new TuiDay(1900, 0, 1); diff --git a/projects/kit/components/input-date/input-date.component.ts b/projects/kit/components/input-date/input-date.component.ts index 474cbaf992bb..47ef97f5e6eb 100644 --- a/projects/kit/components/input-date/input-date.component.ts +++ b/projects/kit/components/input-date/input-date.component.ts @@ -59,8 +59,7 @@ import { TuiInputDateOptions, } from '@taiga-ui/kit/tokens'; import {PolymorpheusComponent} from '@tinkoff/ng-polymorpheus'; -import {Observable} from 'rxjs'; -import {map, takeUntil} from 'rxjs/operators'; +import {map, Observable, takeUntil} from 'rxjs'; @Component({ selector: 'tui-input-date', diff --git a/projects/kit/components/input-date/test/input-date.component.spec.ts b/projects/kit/components/input-date/test/input-date.component.spec.ts index 3736bae93462..8ba81e749840 100644 --- a/projects/kit/components/input-date/test/input-date.component.spec.ts +++ b/projects/kit/components/input-date/test/input-date.component.spec.ts @@ -329,6 +329,23 @@ describe(`InputDate`, () => { } } + @Component({ + template: ` + + + Select date + + + `, + }) class TransformerTestComponent extends TestComponent { override control = new FormControl(new Date(2022, 0, 31)); } diff --git a/projects/kit/components/input-files/input-files.component.ts b/projects/kit/components/input-files/input-files.component.ts index 4d43b4c8c0e7..38e6e21c7762 100644 --- a/projects/kit/components/input-files/input-files.component.ts +++ b/projects/kit/components/input-files/input-files.component.ts @@ -33,8 +33,7 @@ import {TuiFileLike} from '@taiga-ui/kit/interfaces'; import {TUI_INPUT_FILE_TEXTS} from '@taiga-ui/kit/tokens'; import {tuiGetAcceptArray} from '@taiga-ui/kit/utils/files'; import {PolymorpheusContent} from '@tinkoff/ng-polymorpheus'; -import {Observable, of} from 'rxjs'; -import {map} from 'rxjs/operators'; +import {map, Observable, of} from 'rxjs'; import {TuiInputFilesDirective} from './input-files.directive'; import {TUI_INPUT_FILES_OPTIONS, TuiInputFilesOptions} from './input-files.options'; diff --git a/projects/kit/components/input-files/max-size-rejection-error.pipe.ts b/projects/kit/components/input-files/max-size-rejection-error.pipe.ts index 5bc42009f401..4f691c942495 100644 --- a/projects/kit/components/input-files/max-size-rejection-error.pipe.ts +++ b/projects/kit/components/input-files/max-size-rejection-error.pipe.ts @@ -2,8 +2,7 @@ import {Inject, Pipe, PipeTransform} from '@angular/core'; import {TuiInjectionTokenType} from '@taiga-ui/cdk'; import {TUI_DIGITAL_INFORMATION_UNITS, TUI_INPUT_FILE_TEXTS} from '@taiga-ui/kit/tokens'; import {tuiFormatSize} from '@taiga-ui/kit/utils'; -import {combineLatest, Observable} from 'rxjs'; -import {map} from 'rxjs/operators'; +import {combineLatest, map, Observable} from 'rxjs'; @Pipe({name: `tuiMaxSizeRejectionError`}) export class TuiMaxSizeRejectionErrorPipe implements PipeTransform { diff --git a/projects/kit/components/input-month-range/input-month-range.directive.ts b/projects/kit/components/input-month-range/input-month-range.directive.ts index f9b055e84ea2..e0fcd014fbf2 100644 --- a/projects/kit/components/input-month-range/input-month-range.directive.ts +++ b/projects/kit/components/input-month-range/input-month-range.directive.ts @@ -8,8 +8,14 @@ import { } from '@taiga-ui/cdk'; import {AbstractTuiTextfieldHost, tuiAsTextfieldHost} from '@taiga-ui/core'; import {TUI_MONTH_FORMATTER} from '@taiga-ui/kit/tokens'; -import {combineLatest, Observable, Subject} from 'rxjs'; -import {distinctUntilChanged, switchMap, takeUntil} from 'rxjs/operators'; +import { + combineLatest, + distinctUntilChanged, + Observable, + Subject, + switchMap, + takeUntil, +} from 'rxjs'; import {TuiInputMonthRangeComponent} from './input-month-range.component'; diff --git a/projects/kit/components/input-month/input-month.directive.ts b/projects/kit/components/input-month/input-month.directive.ts index 9d1441cdc5be..607ebb728579 100644 --- a/projects/kit/components/input-month/input-month.directive.ts +++ b/projects/kit/components/input-month/input-month.directive.ts @@ -2,8 +2,7 @@ import {Directive, DoCheck, Inject, Self} from '@angular/core'; import {AbstractTuiControl, TuiDestroyService, TuiHandler, TuiMonth} from '@taiga-ui/cdk'; import {AbstractTuiTextfieldHost, tuiAsTextfieldHost} from '@taiga-ui/core'; import {TUI_MONTH_FORMATTER} from '@taiga-ui/kit/tokens'; -import {Observable, Subject} from 'rxjs'; -import {distinctUntilChanged, switchMap, takeUntil} from 'rxjs/operators'; +import {distinctUntilChanged, Observable, Subject, switchMap, takeUntil} from 'rxjs'; import {TuiInputMonthComponent} from './input-month.component'; diff --git a/projects/kit/components/input-password/input-password.component.ts b/projects/kit/components/input-password/input-password.component.ts index 8b8d2efb6e2d..2efb50bd69a3 100644 --- a/projects/kit/components/input-password/input-password.component.ts +++ b/projects/kit/components/input-password/input-password.component.ts @@ -31,8 +31,7 @@ import { } from '@taiga-ui/core'; import {TUI_PASSWORD_TEXTS} from '@taiga-ui/kit/tokens'; import {PolymorpheusContent} from '@tinkoff/ng-polymorpheus'; -import {combineLatest, EMPTY, Observable} from 'rxjs'; -import {map, startWith} from 'rxjs/operators'; +import {combineLatest, EMPTY, map, Observable, startWith} from 'rxjs'; import { TUI_INPUT_PASSWORD_OPTIONS, diff --git a/projects/kit/components/input-tag/input-tag.component.ts b/projects/kit/components/input-tag/input-tag.component.ts index 1085f3001df5..9334a9831ee5 100644 --- a/projects/kit/components/input-tag/input-tag.component.ts +++ b/projects/kit/components/input-tag/input-tag.component.ts @@ -59,8 +59,7 @@ import {TuiStringifiableItem} from '@taiga-ui/kit/classes'; import {FIXED_DROPDOWN_CONTROLLER_PROVIDER} from '@taiga-ui/kit/providers'; import {TuiStatus} from '@taiga-ui/kit/types'; import {PolymorpheusContent} from '@tinkoff/ng-polymorpheus'; -import {Observable} from 'rxjs'; -import {map} from 'rxjs/operators'; +import {map, Observable} from 'rxjs'; import {TUI_INPUT_TAG_OPTIONS, TuiInputTagOptions} from './input-tag.options'; diff --git a/projects/kit/components/input-time/input-time.component.ts b/projects/kit/components/input-time/input-time.component.ts index b8498d195998..4f6dfa16e5a4 100644 --- a/projects/kit/components/input-time/input-time.component.ts +++ b/projects/kit/components/input-time/input-time.component.ts @@ -44,8 +44,7 @@ import { import {TUI_SELECT_OPTION} from '@taiga-ui/kit/components/select-option'; import {FIXED_DROPDOWN_CONTROLLER_PROVIDER} from '@taiga-ui/kit/providers'; import {TUI_TIME_TEXTS} from '@taiga-ui/kit/tokens'; -import {Observable} from 'rxjs'; -import {map} from 'rxjs/operators'; +import {map, Observable} from 'rxjs'; import {TUI_INPUT_TIME_OPTIONS, TuiInputTimeOptions} from './input-time.options'; diff --git a/projects/kit/components/items-with-more/items-with-more.service.ts b/projects/kit/components/items-with-more/items-with-more.service.ts index 676cf96d091e..b47d22f45ad3 100644 --- a/projects/kit/components/items-with-more/items-with-more.service.ts +++ b/projects/kit/components/items-with-more/items-with-more.service.ts @@ -1,8 +1,7 @@ import {ElementRef, Inject, Injectable, NgZone} from '@angular/core'; import {MutationObserverService} from '@ng-web-apis/mutation-observer'; import {tuiClamp, TuiResizeService, tuiZoneOptimized} from '@taiga-ui/cdk'; -import {merge, Observable} from 'rxjs'; -import {distinctUntilChanged, map, share, throttleTime} from 'rxjs/operators'; +import {distinctUntilChanged, map, merge, Observable, share, throttleTime} from 'rxjs'; import {TuiItemsWithMoreDirective} from './items-with-more.directive'; diff --git a/projects/kit/components/line-clamp/line-clamp.component.ts b/projects/kit/components/line-clamp/line-clamp.component.ts index 9e04d1bb908f..09c01179ec17 100644 --- a/projects/kit/components/line-clamp/line-clamp.component.ts +++ b/projects/kit/components/line-clamp/line-clamp.component.ts @@ -16,15 +16,19 @@ import { import {tuiIsCurrentTarget, tuiPx, tuiTypedFromEvent, tuiZonefree} from '@taiga-ui/cdk'; import {TUI_HINT_COMPONENT, TuiHintDirective} from '@taiga-ui/core'; import {PolymorpheusContent} from '@tinkoff/ng-polymorpheus'; -import {BehaviorSubject, Observable, of, Subject, timer} from 'rxjs'; import { + BehaviorSubject, distinctUntilChanged, filter, map, + Observable, + of, pairwise, startWith, + Subject, switchMap, -} from 'rxjs/operators'; + timer, +} from 'rxjs'; import {TUI_LINE_CLAMP_OPTIONS, TuiLineClampOptions} from './line-clamp.options'; import {TuiLineClampBoxComponent} from './line-clamp-box.component'; diff --git a/projects/kit/components/multi-select/multi-select-group/multi-select-group.component.ts b/projects/kit/components/multi-select/multi-select-group/multi-select-group.component.ts index fd0dd7aecd81..1380c674dff3 100644 --- a/projects/kit/components/multi-select/multi-select-group/multi-select-group.component.ts +++ b/projects/kit/components/multi-select/multi-select-group/multi-select-group.component.ts @@ -27,8 +27,7 @@ import { TuiSizeXS, } from '@taiga-ui/core'; import {TUI_MULTI_SELECT_TEXTS} from '@taiga-ui/kit/tokens'; -import {combineLatest, Observable} from 'rxjs'; -import {map} from 'rxjs/operators'; +import {combineLatest, map, Observable} from 'rxjs'; @Component({ selector: 'tui-opt-group[tuiMultiSelectGroup]', diff --git a/projects/kit/components/pagination/pagination.component.ts b/projects/kit/components/pagination/pagination.component.ts index fdee622bfee7..06790a2efcdf 100644 --- a/projects/kit/components/pagination/pagination.component.ts +++ b/projects/kit/components/pagination/pagination.component.ts @@ -36,8 +36,7 @@ import { import {TUI_PAGINATION_TEXTS} from '@taiga-ui/kit/tokens'; import {tuiHorizontalDirectionToNumber} from '@taiga-ui/kit/utils/math'; import {PolymorpheusContent} from '@tinkoff/ng-polymorpheus'; -import {EMPTY, Observable} from 'rxjs'; -import {map} from 'rxjs/operators'; +import {EMPTY, map, Observable} from 'rxjs'; const DOTS_LENGTH = 1; const ACTIVE_ITEM_LENGTH = 1; diff --git a/projects/kit/components/progress/progress-bar/progress-color-segments.directive.ts b/projects/kit/components/progress/progress-bar/progress-color-segments.directive.ts index b4215aeb2aa0..53b867eaa4ac 100644 --- a/projects/kit/components/progress/progress-bar/progress-color-segments.directive.ts +++ b/projects/kit/components/progress/progress-bar/progress-color-segments.directive.ts @@ -7,8 +7,13 @@ import { tuiPure, TuiResizeService, } from '@taiga-ui/cdk'; -import {BehaviorSubject, combineLatest, Observable} from 'rxjs'; -import {distinctUntilChanged, map} from 'rxjs/operators'; +import { + BehaviorSubject, + combineLatest, + distinctUntilChanged, + map, + Observable, +} from 'rxjs'; function calculateColorSegments(colors: string[], progressWidth: number): string { const segmentWidth = Math.ceil(progressWidth / colors.length); diff --git a/projects/kit/components/progress/progress-circle/progress-circle.component.ts b/projects/kit/components/progress/progress-circle/progress-circle.component.ts index 0d5ba54df58b..458902761246 100644 --- a/projects/kit/components/progress/progress-circle/progress-circle.component.ts +++ b/projects/kit/components/progress/progress-circle/progress-circle.component.ts @@ -16,8 +16,7 @@ import { TuiSizeXXL, TuiSizeXXS, } from '@taiga-ui/core'; -import {Observable, of} from 'rxjs'; -import {delay} from 'rxjs/operators'; +import {delay, Observable, of} from 'rxjs'; @Component({ selector: 'tui-progress-circle', diff --git a/projects/kit/components/push/push-alert.directive.ts b/projects/kit/components/push/push-alert.directive.ts index cc04427dc6c4..ea07fa60ced6 100644 --- a/projects/kit/components/push/push-alert.directive.ts +++ b/projects/kit/components/push/push-alert.directive.ts @@ -9,8 +9,7 @@ import { } from '@angular/core'; import {TuiDestroyService, tuiIfMap} from '@taiga-ui/cdk'; import {PolymorpheusTemplate} from '@tinkoff/ng-polymorpheus'; -import {Observable, Subject} from 'rxjs'; -import {takeUntil} from 'rxjs/operators'; +import {Observable, Subject, takeUntil} from 'rxjs'; import {TuiPushService} from './push.service'; diff --git a/projects/kit/components/range/range-change.directive.ts b/projects/kit/components/range/range-change.directive.ts index 8b48f1e242c3..84e8e23a1591 100644 --- a/projects/kit/components/range/range-change.directive.ts +++ b/projects/kit/components/range/range-change.directive.ts @@ -2,8 +2,17 @@ import {DOCUMENT} from '@angular/common'; import {Directive, ElementRef, EventEmitter, Inject, Output, Self} from '@angular/core'; import {tuiClamp, TuiDestroyService, tuiRound, tuiTypedFromEvent} from '@taiga-ui/cdk'; import {TUI_FLOATING_PRECISION} from '@taiga-ui/kit/constants'; -import {merge, Observable} from 'rxjs'; -import {filter, map, repeat, startWith, switchMap, takeUntil, tap} from 'rxjs/operators'; +import { + filter, + map, + merge, + Observable, + repeat, + startWith, + switchMap, + takeUntil, + tap, +} from 'rxjs'; import {TuiRangeComponent} from './range.component'; diff --git a/projects/kit/components/routable-dialog/routable-dialog.component.ts b/projects/kit/components/routable-dialog/routable-dialog.component.ts index 6392948e76ae..8c135ef56a52 100644 --- a/projects/kit/components/routable-dialog/routable-dialog.component.ts +++ b/projects/kit/components/routable-dialog/routable-dialog.component.ts @@ -3,7 +3,7 @@ import {ActivatedRoute, Router, UrlSegment} from '@angular/router'; import {TuiDestroyService} from '@taiga-ui/cdk'; import {TuiDialogService} from '@taiga-ui/core'; import {PolymorpheusComponent} from '@tinkoff/ng-polymorpheus'; -import {takeUntil} from 'rxjs/operators'; +import {takeUntil} from 'rxjs'; @Component({ selector: 'tui-routable-dialog', diff --git a/projects/kit/components/select-option/select-option.component.ts b/projects/kit/components/select-option/select-option.component.ts index 9c544114ae29..e19abea95cc6 100644 --- a/projects/kit/components/select-option/select-option.component.ts +++ b/projects/kit/components/select-option/select-option.component.ts @@ -26,8 +26,7 @@ import { TuiOptionComponent, } from '@taiga-ui/core'; import {POLYMORPHEUS_CONTEXT, PolymorpheusComponent} from '@tinkoff/ng-polymorpheus'; -import {EMPTY, merge, Subject} from 'rxjs'; -import {distinctUntilChanged, map, startWith} from 'rxjs/operators'; +import {distinctUntilChanged, EMPTY, map, merge, startWith, Subject} from 'rxjs'; @Component({ selector: 'tui-select-option', @@ -36,7 +35,7 @@ import {distinctUntilChanged, map, startWith} from 'rxjs/operators'; changeDetection: ChangeDetectionStrategy.OnPush, }) export class TuiSelectOptionComponent implements OnInit, DoCheck { - private readonly changeDetection$ = new Subject(); + private readonly changeDetection$ = new Subject(); readonly selected$ = merge( this.changeDetection$, diff --git a/projects/kit/components/slider/helpers/slider-readonly.directive.ts b/projects/kit/components/slider/helpers/slider-readonly.directive.ts index 2c37fd6fe458..f38406a36633 100644 --- a/projects/kit/components/slider/helpers/slider-readonly.directive.ts +++ b/projects/kit/components/slider/helpers/slider-readonly.directive.ts @@ -7,8 +7,7 @@ import { TuiDestroyService, tuiTypedFromEvent, } from '@taiga-ui/cdk'; -import {combineLatest, merge, Observable} from 'rxjs'; -import {filter, map, takeUntil, tap} from 'rxjs/operators'; +import {combineLatest, filter, map, merge, Observable, takeUntil, tap} from 'rxjs'; const SLIDER_INTERACTION_KEYS = new Set([ 'ArrowLeft', diff --git a/projects/kit/components/slider/slider.component.ts b/projects/kit/components/slider/slider.component.ts index d06ed0582dbc..a8fa87ce2081 100644 --- a/projects/kit/components/slider/slider.component.ts +++ b/projects/kit/components/slider/slider.component.ts @@ -19,7 +19,7 @@ import { tuiWatch, } from '@taiga-ui/cdk'; import {TuiSizeS} from '@taiga-ui/core'; -import {take} from 'rxjs/operators'; +import {take} from 'rxjs'; import {TuiSliderKeyStepsDirective} from './helpers/slider-key-steps.directive'; import {TUI_SLIDER_OPTIONS, TuiSliderOptions} from './slider.options'; diff --git a/projects/kit/components/stepper/step/step.component.ts b/projects/kit/components/stepper/step/step.component.ts index b8a33c4f89dc..734bc849c663 100644 --- a/projects/kit/components/stepper/step/step.component.ts +++ b/projects/kit/components/stepper/step/step.component.ts @@ -13,8 +13,7 @@ import { TuiCommonIcons, TuiRouterLinkActiveService, } from '@taiga-ui/core'; -import {identity, Observable} from 'rxjs'; -import {filter} from 'rxjs/operators'; +import {filter, identity, Observable} from 'rxjs'; import {TuiStepperComponent} from '../stepper.component'; diff --git a/projects/kit/components/stepper/stepper.component.ts b/projects/kit/components/stepper/stepper.component.ts index a57cc96fdeb1..02263a57bc31 100644 --- a/projects/kit/components/stepper/stepper.component.ts +++ b/projects/kit/components/stepper/stepper.component.ts @@ -26,8 +26,7 @@ import { TuiScrollService, } from '@taiga-ui/cdk'; import {TUI_ANIMATIONS_DURATION, TuiOrientation} from '@taiga-ui/core'; -import {Observable} from 'rxjs'; -import {delay, takeUntil} from 'rxjs/operators'; +import {delay, Observable, takeUntil} from 'rxjs'; import {TuiStepComponent} from './step/step.component'; diff --git a/projects/kit/components/tabs/tab/tab.providers.ts b/projects/kit/components/tabs/tab/tab.providers.ts index 600c99d7caea..85c89ae8e588 100644 --- a/projects/kit/components/tabs/tab/tab.providers.ts +++ b/projects/kit/components/tabs/tab/tab.providers.ts @@ -7,9 +7,7 @@ import { tuiTypedFromEvent, } from '@taiga-ui/cdk'; import {MODE_PROVIDER, TuiRouterLinkActiveService} from '@taiga-ui/core'; -import {EMPTY, identity, merge, Observable} from 'rxjs'; -import {filter, map} from 'rxjs/operators'; - +import {EMPTY, filter, identity, map, merge, Observable} from 'rxjs'; /** * Stream of tab activation events */ diff --git a/projects/kit/components/tabs/tabs-with-more/tabs-with-more.component.ts b/projects/kit/components/tabs/tabs-with-more/tabs-with-more.component.ts index b994f1d0a4aa..a2545465ef09 100644 --- a/projects/kit/components/tabs/tabs-with-more/tabs-with-more.component.ts +++ b/projects/kit/components/tabs/tabs-with-more/tabs-with-more.component.ts @@ -28,8 +28,7 @@ import { import {TUI_ARROW_OPTIONS, TuiArrowOptions} from '@taiga-ui/kit/components/arrow'; import {TUI_MORE_WORD, TUI_TAB_MARGIN} from '@taiga-ui/kit/tokens'; import {PolymorpheusContent} from '@tinkoff/ng-polymorpheus'; -import {Observable} from 'rxjs'; -import {filter, map} from 'rxjs/operators'; +import {filter, map, Observable} from 'rxjs'; import {TuiTabComponent} from '../tab/tab.component'; import {TUI_TABS_OPTIONS, TuiTabsOptions} from '../tabs.options'; diff --git a/projects/kit/components/tabs/tabs-with-more/tabs-with-more.providers.ts b/projects/kit/components/tabs/tabs-with-more/tabs-with-more.providers.ts index e744f1f2a7d2..8934fd8d99b4 100644 --- a/projects/kit/components/tabs/tabs-with-more/tabs-with-more.providers.ts +++ b/projects/kit/components/tabs/tabs-with-more/tabs-with-more.providers.ts @@ -6,8 +6,7 @@ import { } from '@ng-web-apis/mutation-observer'; import {TuiDestroyService, TuiResizeService} from '@taiga-ui/cdk'; import {tuiDropdownOptionsProvider} from '@taiga-ui/core'; -import {merge, Observable} from 'rxjs'; -import {debounceTime, filter, startWith, takeUntil, tap} from 'rxjs/operators'; +import {debounceTime, filter, merge, Observable, startWith, takeUntil, tap} from 'rxjs'; export const TUI_TABS_REFRESH = new InjectionToken>( `[TUI_TABS_REFRESH]`, diff --git a/projects/kit/components/tabs/tabs/tabs.component.ts b/projects/kit/components/tabs/tabs/tabs.component.ts index 3f68a1432618..a7e30345c628 100644 --- a/projects/kit/components/tabs/tabs/tabs.component.ts +++ b/projects/kit/components/tabs/tabs/tabs.component.ts @@ -17,8 +17,7 @@ import { MutationObserverService, } from '@ng-web-apis/mutation-observer'; import {EMPTY_QUERY, TuiDestroyService, tuiPure, TuiResizeService} from '@taiga-ui/cdk'; -import {Observable} from 'rxjs'; -import {filter} from 'rxjs/operators'; +import {filter, Observable} from 'rxjs'; import {TuiTabComponent} from '../tab/tab.component'; import {TuiTabsDirective} from '../tabs.directive'; diff --git a/projects/kit/components/tabs/underline/underline.component.ts b/projects/kit/components/tabs/underline/underline.component.ts index 646caccd2d96..93b5aaa69ed6 100644 --- a/projects/kit/components/tabs/underline/underline.component.ts +++ b/projects/kit/components/tabs/underline/underline.component.ts @@ -11,8 +11,7 @@ import {ANIMATION_FRAME} from '@ng-web-apis/common'; import {tuiZonefree} from '@taiga-ui/cdk'; import {MODE_PROVIDER, TUI_MODE, TuiBrightness} from '@taiga-ui/core'; import {asCallable} from '@tinkoff/ng-event-plugins'; -import {Observable, of, ReplaySubject} from 'rxjs'; -import {debounceTime, map, share, switchMap} from 'rxjs/operators'; +import {debounceTime, map, Observable, of, ReplaySubject, share, switchMap} from 'rxjs'; @Component({ selector: 'tui-underline', diff --git a/projects/kit/components/tiles/tile.service.ts b/projects/kit/components/tiles/tile.service.ts index 6b447274a5f0..adb70c02ce7b 100644 --- a/projects/kit/components/tiles/tile.service.ts +++ b/projects/kit/components/tiles/tile.service.ts @@ -1,8 +1,16 @@ import {ElementRef, Inject, Injectable, OnDestroy} from '@angular/core'; import {MutationObserverService} from '@ng-web-apis/mutation-observer'; import {tuiArrayShallowEquals, tuiPx, TuiResizeService} from '@taiga-ui/cdk'; -import {BehaviorSubject, combineLatest, Observable, Subscription} from 'rxjs'; -import {debounceTime, distinctUntilChanged, map, startWith} from 'rxjs/operators'; +import { + BehaviorSubject, + combineLatest, + debounceTime, + distinctUntilChanged, + map, + Observable, + startWith, + Subscription, +} from 'rxjs'; import {TuiTilesComponent} from './tiles.component'; diff --git a/projects/kit/components/tiles/tiles.component.ts b/projects/kit/components/tiles/tiles.component.ts index 404fe9553ead..7ee66c269962 100644 --- a/projects/kit/components/tiles/tiles.component.ts +++ b/projects/kit/components/tiles/tiles.component.ts @@ -14,8 +14,7 @@ import { MutationObserverService, } from '@ng-web-apis/mutation-observer'; import {TuiDestroyService, TuiResizeService} from '@taiga-ui/cdk'; -import {BehaviorSubject, Subject, timer} from 'rxjs'; -import {debounce, filter, map} from 'rxjs/operators'; +import {BehaviorSubject, debounce, filter, map, Subject, timer} from 'rxjs'; @Component({ selector: 'tui-tiles', diff --git a/projects/kit/components/tree/components/tree-item/tree-item.component.ts b/projects/kit/components/tree/components/tree-item/tree-item.component.ts index 5f5b42d3fca4..5fc6c346e8cf 100644 --- a/projects/kit/components/tree/components/tree-item/tree-item.component.ts +++ b/projects/kit/components/tree/components/tree-item/tree-item.component.ts @@ -11,8 +11,7 @@ import { } from '@angular/core'; import {EMPTY_QUERY} from '@taiga-ui/cdk'; import {PolymorpheusContent} from '@tinkoff/ng-polymorpheus'; -import {Subject} from 'rxjs'; -import {distinctUntilChanged, map, startWith} from 'rxjs/operators'; +import {distinctUntilChanged, map, startWith, Subject} from 'rxjs'; import type {TuiTreeController, TuiTreeItemContext} from '../../misc/tree.interfaces'; import { diff --git a/projects/kit/components/tree/components/tree/tree.component.ts b/projects/kit/components/tree/components/tree/tree.component.ts index 2e5aa68cccfa..976571d782dd 100644 --- a/projects/kit/components/tree/components/tree/tree.component.ts +++ b/projects/kit/components/tree/components/tree/tree.component.ts @@ -10,8 +10,7 @@ import { } from '@angular/core'; import {TuiHandler} from '@taiga-ui/cdk'; import {PolymorpheusContent} from '@tinkoff/ng-polymorpheus'; -import {Subject} from 'rxjs'; -import {distinctUntilChanged, map, startWith} from 'rxjs/operators'; +import {distinctUntilChanged, map, startWith, Subject} from 'rxjs'; import {TuiTreeChildrenDirective} from '../../directives/tree-children.directive'; import {TuiTreeContext} from '../../misc/tree.interfaces'; diff --git a/projects/kit/components/tree/misc/tree.service.ts b/projects/kit/components/tree/misc/tree.service.ts index a6bbc04b8a7b..fc8b9b295171 100644 --- a/projects/kit/components/tree/misc/tree.service.ts +++ b/projects/kit/components/tree/misc/tree.service.ts @@ -1,6 +1,5 @@ import {Inject, Injectable} from '@angular/core'; -import {Subject} from 'rxjs'; -import {map, startWith, switchMap, tap} from 'rxjs/operators'; +import {map, startWith, Subject, switchMap, tap} from 'rxjs'; import {TuiTreeLoader} from './tree.interfaces'; import {TUI_TREE_LOADER, TUI_TREE_LOADING, TUI_TREE_START} from './tree.tokens'; diff --git a/projects/kit/directives/data-list-dropdown-manager/data-list-dropdown-manager.directive.ts b/projects/kit/directives/data-list-dropdown-manager/data-list-dropdown-manager.directive.ts index 0c9ba18c2883..9906b51355cb 100644 --- a/projects/kit/directives/data-list-dropdown-manager/data-list-dropdown-manager.directive.ts +++ b/projects/kit/directives/data-list-dropdown-manager/data-list-dropdown-manager.directive.ts @@ -17,17 +17,19 @@ import { tuiTypedFromEvent, } from '@taiga-ui/cdk'; import {TuiDropdownDirective} from '@taiga-ui/core'; -import {EMPTY, merge, Observable} from 'rxjs'; import { debounceTime, + EMPTY, filter, map, + merge, + Observable, shareReplay, switchMap, take, takeUntil, tap, -} from 'rxjs/operators'; +} from 'rxjs'; @Directive({ selector: 'tui-data-list[tuiDataListDropdownManager]', diff --git a/projects/kit/directives/lazy-loading/lazy-loading.service.ts b/projects/kit/directives/lazy-loading/lazy-loading.service.ts index 836bd15c4f1d..1bf44f145d59 100644 --- a/projects/kit/directives/lazy-loading/lazy-loading.service.ts +++ b/projects/kit/directives/lazy-loading/lazy-loading.service.ts @@ -2,8 +2,17 @@ import {ChangeDetectorRef, Inject, Injectable, Self} from '@angular/core'; import {SafeResourceUrl} from '@angular/platform-browser'; import {IntersectionObserverService} from '@ng-web-apis/intersection-observer'; import {TuiDestroyService, tuiWatch} from '@taiga-ui/cdk'; -import {Observable, of, Subject} from 'rxjs'; -import {catchError, filter, map, switchMap, take, takeUntil} from 'rxjs/operators'; +import { + catchError, + filter, + map, + Observable, + of, + Subject, + switchMap, + take, + takeUntil, +} from 'rxjs'; @Injectable() export class TuiLazyLoadingService extends Observable { diff --git a/projects/kit/directives/present/present.directive.ts b/projects/kit/directives/present/present.directive.ts index fcbb4f85dec7..ad987bee97da 100644 --- a/projects/kit/directives/present/present.directive.ts +++ b/projects/kit/directives/present/present.directive.ts @@ -8,8 +8,7 @@ import { } from '@angular/core'; import {USER_AGENT} from '@ng-web-apis/common'; import {tuiIsFirefox} from '@taiga-ui/cdk'; -import {BehaviorSubject} from 'rxjs'; -import {distinctUntilChanged, skip} from 'rxjs/operators'; +import {BehaviorSubject, distinctUntilChanged, skip} from 'rxjs'; @Directive({ selector: '[tuiPresentChange]', diff --git a/projects/kit/internal/primitive-calendar-range/primitive-calendar-range.component.ts b/projects/kit/internal/primitive-calendar-range/primitive-calendar-range.component.ts index 5759a0ec9e05..b6d8bbef9b3b 100644 --- a/projects/kit/internal/primitive-calendar-range/primitive-calendar-range.component.ts +++ b/projects/kit/internal/primitive-calendar-range/primitive-calendar-range.component.ts @@ -24,8 +24,7 @@ import { } from '@taiga-ui/cdk'; import {TUI_DEFAULT_MARKER_HANDLER, TuiMarkerHandler} from '@taiga-ui/core'; import {TUI_CALENDAR_DATE_STREAM} from '@taiga-ui/kit/tokens'; -import {Observable} from 'rxjs'; -import {takeUntil} from 'rxjs/operators'; +import {Observable, takeUntil} from 'rxjs'; /** * @internal diff --git a/projects/kit/pipes/field-error/field-error-pipe.ts b/projects/kit/pipes/field-error/field-error-pipe.ts index 6c43a18f18ca..94026e624e0b 100644 --- a/projects/kit/pipes/field-error/field-error-pipe.ts +++ b/projects/kit/pipes/field-error/field-error-pipe.ts @@ -8,8 +8,7 @@ import { import {tuiIsString, tuiPure, TuiValidationError} from '@taiga-ui/cdk'; import {TUI_VALIDATION_ERRORS} from '@taiga-ui/kit/tokens'; import {PolymorpheusContent} from '@tinkoff/ng-polymorpheus'; -import {isObservable, Observable, of} from 'rxjs'; -import {map} from 'rxjs/operators'; +import {map, Observable, of} from 'rxjs'; const EMPTY_RECORD = {}; @@ -132,7 +131,7 @@ export class TuiFieldErrorPipe implements PipeTransform, ControlValueAccessor { return of(new TuiValidationError(context)); } - if (isObservable(content)) { + if (content instanceof Observable) { return unwrapObservable(content, context); } @@ -141,7 +140,7 @@ export class TuiFieldErrorPipe implements PipeTransform, ControlValueAccessor { | Observable | PolymorpheusContent; - return isObservable(message) + return message instanceof Observable ? unwrapObservable(message, context) : defaultError(message, context); } diff --git a/projects/kit/pipes/sort-countries/sort-countries.pipe.ts b/projects/kit/pipes/sort-countries/sort-countries.pipe.ts index 7c24c1b8f1cb..983d94b60f33 100644 --- a/projects/kit/pipes/sort-countries/sort-countries.pipe.ts +++ b/projects/kit/pipes/sort-countries/sort-countries.pipe.ts @@ -1,8 +1,7 @@ import {Inject, Pipe, PipeTransform} from '@angular/core'; import {TuiCountryIsoCode} from '@taiga-ui/i18n'; import {TUI_COUNTRIES} from '@taiga-ui/kit/tokens'; -import {Observable} from 'rxjs'; -import {map} from 'rxjs/operators'; +import {map, Observable} from 'rxjs'; @Pipe({ name: `tuiSortCountries`, diff --git a/projects/kit/providers/month-formatter.provider.ts b/projects/kit/providers/month-formatter.provider.ts index 052becac0868..5fa75f7b742f 100644 --- a/projects/kit/providers/month-formatter.provider.ts +++ b/projects/kit/providers/month-formatter.provider.ts @@ -2,8 +2,7 @@ import {FactoryProvider} from '@angular/core'; import {TuiHandler, TuiMonth} from '@taiga-ui/cdk'; import {TuiMonthPipe} from '@taiga-ui/core'; import {TUI_MONTH_FORMATTER} from '@taiga-ui/kit/tokens'; -import {Observable, of} from 'rxjs'; -import {map} from 'rxjs/operators'; +import {map, Observable, of} from 'rxjs'; export const TUI_MONTH_FORMATTER_PROVIDER: FactoryProvider = { provide: TUI_MONTH_FORMATTER, diff --git a/projects/kit/utils/miscellaneous/replay-control-value-changes-factory.ts b/projects/kit/utils/miscellaneous/replay-control-value-changes-factory.ts index fc839d6c0422..319414d47414 100644 --- a/projects/kit/utils/miscellaneous/replay-control-value-changes-factory.ts +++ b/projects/kit/utils/miscellaneous/replay-control-value-changes-factory.ts @@ -6,8 +6,7 @@ import { TuiDayRange, TuiTime, } from '@taiga-ui/cdk'; -import {Observable, of} from 'rxjs'; -import {map} from 'rxjs/operators'; +import {map, Observable, of} from 'rxjs'; /** * @internal