From a6a39d5a355ce014c688c7284305c29ab0f2eba1 Mon Sep 17 00:00:00 2001 From: splincode Date: Wed, 2 Oct 2024 21:45:39 +0300 Subject: [PATCH] fix(legacy): revert `ngSkipHydration` --- projects/legacy/components/arrow/arrow.component.ts | 1 - .../color-selector/color-edit/color-edit.component.ts | 3 --- .../color-selector/color-picker/color-picker.component.ts | 3 --- .../components/color-selector/color-selector.component.ts | 3 --- .../color-selector/flat-picker/flat-picker.component.ts | 3 --- .../linear-multi-picker/linear-multi-picker.component.ts | 1 - .../color-selector/linear-picker/linear-picker.component.ts | 3 --- .../components/color-selector/palette/palette.component.ts | 3 --- projects/legacy/components/combo-box/combo-box.component.ts | 1 - .../legacy/components/input-color/input-color.component.ts | 1 - projects/legacy/components/input-copy/input-copy.component.ts | 1 - .../components/input-date-multi/input-date-multi.component.ts | 1 - .../components/input-date-range/input-date-range.component.ts | 1 - .../components/input-date-time/input-date-time.component.ts | 1 - projects/legacy/components/input-date/input-date.component.ts | 1 - .../input-month-range/input-month-range.component.ts | 1 - .../legacy/components/input-month/input-month.component.ts | 1 - .../legacy/components/input-number/input-number.component.ts | 1 - .../components/input-password/input-password.component.ts | 1 - .../input-phone-international.component.ts | 1 - .../legacy/components/input-phone/input-phone.component.ts | 1 - .../legacy/components/input-range/input-range.component.ts | 1 - .../legacy/components/input-slider/input-slider.component.ts | 1 - projects/legacy/components/input-tag/input-tag.component.ts | 1 - projects/legacy/components/input-time/input-time.component.ts | 1 - .../components/input-time/native-time/native-time.component.ts | 1 - projects/legacy/components/input-year/input-year.component.ts | 1 - projects/legacy/components/input/input.component.ts | 1 - .../multi-select-option/multi-select-option.component.ts | 3 --- .../multi-select-group/multi-select-group.component.ts | 1 - .../legacy/components/multi-select/multi-select.component.ts | 1 - .../native-multi-select/native-multi-select-group.component.ts | 1 - .../native-multi-select/native-multi-select.component.ts | 1 - .../primitive-textfield/primitive-textfield.component.ts | 1 - .../primitive-textfield/textfield/textfield.component.ts | 1 - .../value-decoration/value-decoration.component.ts | 1 - .../legacy/components/select-option/select-option.component.ts | 3 --- .../select/native-select/native-select-group.component.ts | 1 - .../components/select/native-select/native-select.component.ts | 1 - projects/legacy/components/select/select.component.ts | 1 - .../sheet/components/sheet-bar/sheet-bar.component.ts | 3 --- .../sheet/components/sheet-heading/sheet-heading.component.ts | 3 --- .../components/sheet/components/sheet/sheet.component.ts | 1 - .../sheet/components/sheets-host/sheets-host.component.ts | 3 --- projects/legacy/components/svg/svg.component.ts | 3 --- projects/legacy/components/table-bar/table-bar.component.ts | 1 - .../legacy/components/table-bar/table-bars-host.component.ts | 3 --- projects/legacy/components/tag/tag.component.ts | 1 - projects/legacy/components/textarea/textarea.component.ts | 1 - projects/legacy/components/tooltip/tooltip.component.ts | 1 - 50 files changed, 76 deletions(-) diff --git a/projects/legacy/components/arrow/arrow.component.ts b/projects/legacy/components/arrow/arrow.component.ts index e01a98c6ed64..198d217b54b0 100644 --- a/projects/legacy/components/arrow/arrow.component.ts +++ b/projects/legacy/components/arrow/arrow.component.ts @@ -25,7 +25,6 @@ import {TUI_ARROW_OPTIONS} from './arrow.options'; styleUrls: ['./arrow.style.less'], changeDetection: ChangeDetectionStrategy.OnPush, host: { - ngSkipHydration: 'true', '[class._rotated]': 'rotated', '[class._small]': 'small', }, diff --git a/projects/legacy/components/color-selector/color-edit/color-edit.component.ts b/projects/legacy/components/color-selector/color-edit/color-edit.component.ts index 8b9a222812a6..d9f56db54748 100644 --- a/projects/legacy/components/color-selector/color-edit/color-edit.component.ts +++ b/projects/legacy/components/color-selector/color-edit/color-edit.component.ts @@ -16,9 +16,6 @@ const HEX_MODE_LENGTH = 6; templateUrl: './color-edit.template.html', styleUrls: ['./color-edit.style.less'], changeDetection: ChangeDetectionStrategy.OnPush, - host: { - ngSkipHydration: 'true', - }, }) export class TuiColorEditComponent { @Input() diff --git a/projects/legacy/components/color-selector/color-picker/color-picker.component.ts b/projects/legacy/components/color-selector/color-picker/color-picker.component.ts index 82b2e713147e..dadb3f485f80 100644 --- a/projects/legacy/components/color-selector/color-picker/color-picker.component.ts +++ b/projects/legacy/components/color-selector/color-picker/color-picker.component.ts @@ -19,9 +19,6 @@ import type {TuiPoint} from '@taiga-ui/core/types'; templateUrl: './color-picker.template.html', styleUrls: ['./color-picker.style.less'], changeDetection: ChangeDetectionStrategy.OnPush, - host: { - ngSkipHydration: 'true', - }, }) export class TuiColorPickerComponent { private readonly sanitizer = inject(DomSanitizer); diff --git a/projects/legacy/components/color-selector/color-selector.component.ts b/projects/legacy/components/color-selector/color-selector.component.ts index c759f96d873e..f27df313dec3 100644 --- a/projects/legacy/components/color-selector/color-selector.component.ts +++ b/projects/legacy/components/color-selector/color-selector.component.ts @@ -28,9 +28,6 @@ import { templateUrl: './color-selector.template.html', styleUrls: ['./color-selector.style.less'], changeDetection: ChangeDetectionStrategy.OnPush, - host: { - ngSkipHydration: 'true', - }, }) export class TuiColorSelectorComponent { private readonly selectorOptions = inject(TUI_COLOR_SELECTOR_OPTIONS); diff --git a/projects/legacy/components/color-selector/flat-picker/flat-picker.component.ts b/projects/legacy/components/color-selector/flat-picker/flat-picker.component.ts index 04e2c2a6d923..277a7e8b1afd 100644 --- a/projects/legacy/components/color-selector/flat-picker/flat-picker.component.ts +++ b/projects/legacy/components/color-selector/flat-picker/flat-picker.component.ts @@ -18,9 +18,6 @@ import {TuiPickerService} from '../services/picker.service'; styleUrls: ['./flat-picker.style.less'], changeDetection: ChangeDetectionStrategy.OnPush, providers: [TuiPickerService], - host: { - ngSkipHydration: 'true', - }, }) export class TuiFlatPickerComponent { protected readonly $ = inject(TuiPickerService) diff --git a/projects/legacy/components/color-selector/linear-multi-picker/linear-multi-picker.component.ts b/projects/legacy/components/color-selector/linear-multi-picker/linear-multi-picker.component.ts index f7918c3b1351..9f3aed305d76 100644 --- a/projects/legacy/components/color-selector/linear-multi-picker/linear-multi-picker.component.ts +++ b/projects/legacy/components/color-selector/linear-multi-picker/linear-multi-picker.component.ts @@ -18,7 +18,6 @@ import {TuiPickerService} from '../services/picker.service'; changeDetection: ChangeDetectionStrategy.OnPush, providers: [TuiPickerService], host: { - ngSkipHydration: 'true', '(document:mouseup)': 'onMouseUp()', }, }) diff --git a/projects/legacy/components/color-selector/linear-picker/linear-picker.component.ts b/projects/legacy/components/color-selector/linear-picker/linear-picker.component.ts index 53f576de785e..a59456f5844c 100644 --- a/projects/legacy/components/color-selector/linear-picker/linear-picker.component.ts +++ b/projects/legacy/components/color-selector/linear-picker/linear-picker.component.ts @@ -17,9 +17,6 @@ import {TuiPickerService} from '../services/picker.service'; styleUrls: ['./linear-picker.style.less'], changeDetection: ChangeDetectionStrategy.OnPush, providers: [TuiPickerService], - host: { - ngSkipHydration: 'true', - }, }) export class TuiLinearPickerComponent { protected readonly $ = inject(TuiPickerService) diff --git a/projects/legacy/components/color-selector/palette/palette.component.ts b/projects/legacy/components/color-selector/palette/palette.component.ts index 06765310e7fe..d59ec3649ffc 100644 --- a/projects/legacy/components/color-selector/palette/palette.component.ts +++ b/projects/legacy/components/color-selector/palette/palette.component.ts @@ -13,9 +13,6 @@ import { templateUrl: './palette.template.html', styleUrls: ['./palette.style.less'], changeDetection: ChangeDetectionStrategy.OnPush, - host: { - ngSkipHydration: 'true', - }, }) export class TuiPaletteComponent { @Input() diff --git a/projects/legacy/components/combo-box/combo-box.component.ts b/projects/legacy/components/combo-box/combo-box.component.ts index aac3048023af..ae24822c09c6 100644 --- a/projects/legacy/components/combo-box/combo-box.component.ts +++ b/projects/legacy/components/combo-box/combo-box.component.ts @@ -57,7 +57,6 @@ import type {PolymorpheusContent} from '@taiga-ui/polymorpheus'; ], viewProviders: [FIXED_DROPDOWN_CONTROLLER_PROVIDER], host: { - ngSkipHydration: 'true', '[attr.data-size]': 'size', }, }) diff --git a/projects/legacy/components/input-color/input-color.component.ts b/projects/legacy/components/input-color/input-color.component.ts index 86019256a56d..ecc834c93e67 100644 --- a/projects/legacy/components/input-color/input-color.component.ts +++ b/projects/legacy/components/input-color/input-color.component.ts @@ -32,7 +32,6 @@ type MaskMode = 'gradient' | 'hex' | 'rgb'; changeDetection: ChangeDetectionStrategy.OnPush, viewProviders: [tuiDropdownOptionsProvider({maxHeight: 600})], host: { - ngSkipHydration: 'true', '(click)': 'onClick()', }, }) diff --git a/projects/legacy/components/input-copy/input-copy.component.ts b/projects/legacy/components/input-copy/input-copy.component.ts index f38714bd17c5..cb1f12b57d80 100644 --- a/projects/legacy/components/input-copy/input-copy.component.ts +++ b/projects/legacy/components/input-copy/input-copy.component.ts @@ -43,7 +43,6 @@ import {TUI_INPUT_COPY_OPTIONS} from './input-copy.options'; tuiAsControl(TuiInputCopyComponent), ], host: { - ngSkipHydration: 'true', '[attr.data-size]': 'size', }, }) diff --git a/projects/legacy/components/input-date-multi/input-date-multi.component.ts b/projects/legacy/components/input-date-multi/input-date-multi.component.ts index b45ac87e415d..7debfe86aaff 100644 --- a/projects/legacy/components/input-date-multi/input-date-multi.component.ts +++ b/projects/legacy/components/input-date-multi/input-date-multi.component.ts @@ -57,7 +57,6 @@ import {map} from 'rxjs'; TUI_MOBILE_CALENDAR_PROVIDER, ], host: { - ngSkipHydration: 'true', '[class._editable]': 'editable', '[attr.data-size]': 'size', '(click)': 'onClick()', diff --git a/projects/legacy/components/input-date-range/input-date-range.component.ts b/projects/legacy/components/input-date-range/input-date-range.component.ts index 47aa661dceb2..ab546c442f9f 100644 --- a/projects/legacy/components/input-date-range/input-date-range.component.ts +++ b/projects/legacy/components/input-date-range/input-date-range.component.ts @@ -71,7 +71,6 @@ import {map} from 'rxjs'; TUI_MOBILE_CALENDAR_PROVIDER, ], host: { - ngSkipHydration: 'true', '[attr.data-size]': 'size', '(click)': 'onClick()', }, diff --git a/projects/legacy/components/input-date-time/input-date-time.component.ts b/projects/legacy/components/input-date-time/input-date-time.component.ts index 8e5e1926e1fe..73041919526d 100644 --- a/projects/legacy/components/input-date-time/input-date-time.component.ts +++ b/projects/legacy/components/input-date-time/input-date-time.component.ts @@ -61,7 +61,6 @@ const DATE_TIME_SEPARATOR = ', '; tuiDateStreamWithTransformer(TUI_DATE_TIME_VALUE_TRANSFORMER), ], host: { - ngSkipHydration: 'true', '[attr.data-size]': 'size', '(click)': 'onClick()', }, diff --git a/projects/legacy/components/input-date/input-date.component.ts b/projects/legacy/components/input-date/input-date.component.ts index d82d94802803..54ed21a20a6a 100644 --- a/projects/legacy/components/input-date/input-date.component.ts +++ b/projects/legacy/components/input-date/input-date.component.ts @@ -67,7 +67,6 @@ import {map} from 'rxjs'; TUI_MOBILE_CALENDAR_PROVIDER, ], host: { - ngSkipHydration: 'true', '[attr.data-size]': 'size', '(click)': 'onClick()', }, diff --git a/projects/legacy/components/input-month-range/input-month-range.component.ts b/projects/legacy/components/input-month-range/input-month-range.component.ts index f8f3dbc8cf09..25243ae2a607 100644 --- a/projects/legacy/components/input-month-range/input-month-range.component.ts +++ b/projects/legacy/components/input-month-range/input-month-range.component.ts @@ -36,7 +36,6 @@ import { TuiMonthPipe, ], host: { - ngSkipHydration: 'true', '[attr.data-size]': 'size', }, }) diff --git a/projects/legacy/components/input-month/input-month.component.ts b/projects/legacy/components/input-month/input-month.component.ts index e6fa26dd0387..805c374943c7 100644 --- a/projects/legacy/components/input-month/input-month.component.ts +++ b/projects/legacy/components/input-month/input-month.component.ts @@ -37,7 +37,6 @@ import { TuiMonthPipe, ], host: { - ngSkipHydration: 'true', '[attr.data-size]': 'size', }, }) diff --git a/projects/legacy/components/input-number/input-number.component.ts b/projects/legacy/components/input-number/input-number.component.ts index 5d1ef410a598..df6888c60872 100644 --- a/projects/legacy/components/input-number/input-number.component.ts +++ b/projects/legacy/components/input-number/input-number.component.ts @@ -55,7 +55,6 @@ export const TUI_NUMBER_VALUE_TRANSFORMER = TEXTFIELD_CONTROLLER_PROVIDER, ], host: { - ngSkipHydration: 'true', '[attr.data-size]': 'size', '(keydown.arrowDown)': 'onArrow(-step)', '(keydown.arrowUp)': 'onArrow(step)', diff --git a/projects/legacy/components/input-password/input-password.component.ts b/projects/legacy/components/input-password/input-password.component.ts index d7d162545035..2f0b0eabce11 100644 --- a/projects/legacy/components/input-password/input-password.component.ts +++ b/projects/legacy/components/input-password/input-password.component.ts @@ -31,7 +31,6 @@ import {TUI_INPUT_PASSWORD_OPTIONS} from './input-password.options'; tuiAsControl(TuiInputPasswordComponent), ], host: { - ngSkipHydration: 'true', '[attr.data-size]': 'size', }, }) diff --git a/projects/legacy/components/input-phone-international/input-phone-international.component.ts b/projects/legacy/components/input-phone-international/input-phone-international.component.ts index cd8c479c98d7..34d4273b96ea 100644 --- a/projects/legacy/components/input-phone-international/input-phone-international.component.ts +++ b/projects/legacy/components/input-phone-international/input-phone-international.component.ts @@ -89,7 +89,6 @@ const MASK_SYMBOLS = /[ \-_()]/g; ], viewProviders: [FIXED_DROPDOWN_CONTROLLER_PROVIDER], host: { - ngSkipHydration: 'true', '[attr.data-size]': 'size', '(paste.capture.prevent.stop)': 'onPaste($event)', '(drop.capture.prevent.stop)': 'onPaste($event)', diff --git a/projects/legacy/components/input-phone/input-phone.component.ts b/projects/legacy/components/input-phone/input-phone.component.ts index 737829ae8d76..c0eddd6366fc 100644 --- a/projects/legacy/components/input-phone/input-phone.component.ts +++ b/projects/legacy/components/input-phone/input-phone.component.ts @@ -55,7 +55,6 @@ function isText(value: string): boolean { ], viewProviders: [FIXED_DROPDOWN_CONTROLLER_PROVIDER], host: { - ngSkipHydration: 'true', '[attr.data-size]': 'size', }, }) diff --git a/projects/legacy/components/input-range/input-range.component.ts b/projects/legacy/components/input-range/input-range.component.ts index cf1900410c73..9a74985d75c3 100644 --- a/projects/legacy/components/input-range/input-range.component.ts +++ b/projects/legacy/components/input-range/input-range.component.ts @@ -48,7 +48,6 @@ import type {PolymorpheusContent} from '@taiga-ui/polymorpheus'; TEXTFIELD_CONTROLLER_PROVIDER, ], host: { - ngSkipHydration: 'true', '[attr.data-size]': 'controller.size', '[class._label-outside]': 'controller.labelOutside', }, diff --git a/projects/legacy/components/input-slider/input-slider.component.ts b/projects/legacy/components/input-slider/input-slider.component.ts index 242f0b9e069d..f62bdeab1440 100644 --- a/projects/legacy/components/input-slider/input-slider.component.ts +++ b/projects/legacy/components/input-slider/input-slider.component.ts @@ -43,7 +43,6 @@ import type {PolymorpheusContent} from '@taiga-ui/polymorpheus'; TEXTFIELD_CONTROLLER_PROVIDER, ], host: { - ngSkipHydration: 'true', '[attr.data-size]': 'controller.size', '[class._label-outside]': 'controller.labelOutside', }, diff --git a/projects/legacy/components/input-tag/input-tag.component.ts b/projects/legacy/components/input-tag/input-tag.component.ts index 2ab08fc40ae3..826929f5b186 100644 --- a/projects/legacy/components/input-tag/input-tag.component.ts +++ b/projects/legacy/components/input-tag/input-tag.component.ts @@ -77,7 +77,6 @@ const TAG_VERTICAL_SPACE_REM = 0.125; ], viewProviders: [FIXED_DROPDOWN_CONTROLLER_PROVIDER], host: { - ngSkipHydration: 'true', '[attr.data-size]': 'size', '[class._icon-start]': 'iconStart', '[class._expandable]': 'expandable', diff --git a/projects/legacy/components/input-time/input-time.component.ts b/projects/legacy/components/input-time/input-time.component.ts index 5da46c4b9455..9c871541e6b6 100644 --- a/projects/legacy/components/input-time/input-time.component.ts +++ b/projects/legacy/components/input-time/input-time.component.ts @@ -48,7 +48,6 @@ import {TUI_INPUT_TIME_OPTIONS} from './input-time.options'; ], viewProviders: [FIXED_DROPDOWN_CONTROLLER_PROVIDER], host: { - ngSkipHydration: 'true', '(click)': 'onClick()', '[attr.data-size]': 'size', }, diff --git a/projects/legacy/components/input-time/native-time/native-time.component.ts b/projects/legacy/components/input-time/native-time/native-time.component.ts index 397860ab7d64..de1fc08a24cb 100644 --- a/projects/legacy/components/input-time/native-time/native-time.component.ts +++ b/projects/legacy/components/input-time/native-time/native-time.component.ts @@ -21,7 +21,6 @@ import type {TuiInputTimeDirective} from '../input-time.directive'; styleUrls: ['./native-time.style.less'], changeDetection: ChangeDetectionStrategy.OnPush, host: { - ngSkipHydration: 'true', type: 'time', '[attr.list]': 'autoId', '[tabIndex]': '-1', diff --git a/projects/legacy/components/input-year/input-year.component.ts b/projects/legacy/components/input-year/input-year.component.ts index 20a1540581ba..a7c2848881cb 100644 --- a/projects/legacy/components/input-year/input-year.component.ts +++ b/projects/legacy/components/input-year/input-year.component.ts @@ -33,7 +33,6 @@ const UP_TO_4_DIGITS_REG = /^\d{0,4}$/; tuiAsControl(TuiInputYearComponent), ], host: { - ngSkipHydration: 'true', '[attr.data-size]': 'size', }, }) diff --git a/projects/legacy/components/input/input.component.ts b/projects/legacy/components/input/input.component.ts index 2926d6303063..e9fbad0a2c34 100644 --- a/projects/legacy/components/input/input.component.ts +++ b/projects/legacy/components/input/input.component.ts @@ -41,7 +41,6 @@ import type {PolymorpheusContent} from '@taiga-ui/polymorpheus'; ], viewProviders: [FIXED_DROPDOWN_CONTROLLER_PROVIDER], host: { - ngSkipHydration: 'true', '[attr.data-size]': 'size', }, }) diff --git a/projects/legacy/components/multi-select-option/multi-select-option.component.ts b/projects/legacy/components/multi-select-option/multi-select-option.component.ts index d039e16c4cd6..a6c97e5d3092 100644 --- a/projects/legacy/components/multi-select-option/multi-select-option.component.ts +++ b/projects/legacy/components/multi-select-option/multi-select-option.component.ts @@ -9,9 +9,6 @@ import {TuiSelectOptionComponent} from '@taiga-ui/legacy/components/select-optio templateUrl: './multi-select-option.template.html', styleUrls: ['./multi-select-option.style.less'], changeDetection: ChangeDetectionStrategy.OnPush, - host: { - ngSkipHydration: 'true', - }, }) export class TuiMultiSelectOptionComponent< T extends any[], diff --git a/projects/legacy/components/multi-select/multi-select-group/multi-select-group.component.ts b/projects/legacy/components/multi-select/multi-select-group/multi-select-group.component.ts index 3100feba8cf5..be8d7bd1f465 100644 --- a/projects/legacy/components/multi-select/multi-select-group/multi-select-group.component.ts +++ b/projects/legacy/components/multi-select/multi-select-group/multi-select-group.component.ts @@ -28,7 +28,6 @@ import {combineLatest, map} from 'rxjs'; styleUrls: ['./multi-select-group.style.less'], changeDetection: ChangeDetectionStrategy.OnPush, host: { - ngSkipHydration: 'true', '[class._label]': 'label', }, }) diff --git a/projects/legacy/components/multi-select/multi-select.component.ts b/projects/legacy/components/multi-select/multi-select.component.ts index 1fe9acffaee0..732b5de9de41 100644 --- a/projects/legacy/components/multi-select/multi-select.component.ts +++ b/projects/legacy/components/multi-select/multi-select.component.ts @@ -67,7 +67,6 @@ import {AbstractTuiNativeMultiSelect} from './native-multi-select/native-multi-s ], viewProviders: [FIXED_DROPDOWN_CONTROLLER_PROVIDER], host: { - ngSkipHydration: 'true', '[attr.data-size]': 'size', '[class._editable]': 'editable', '[class._expandable]': 'rows > 1', diff --git a/projects/legacy/components/multi-select/native-multi-select/native-multi-select-group.component.ts b/projects/legacy/components/multi-select/native-multi-select/native-multi-select-group.component.ts index 653fc3c08046..4c9775021bc1 100644 --- a/projects/legacy/components/multi-select/native-multi-select/native-multi-select-group.component.ts +++ b/projects/legacy/components/multi-select/native-multi-select/native-multi-select-group.component.ts @@ -21,7 +21,6 @@ import {AbstractTuiNativeMultiSelect} from './native-multi-select'; }, ], host: { - ngSkipHydration: 'true', '[attr.aria-invalid]': 'host.invalid', '[disabled]': 'host.disabled || control.readOnly', '[tabIndex]': 'host.focusable ? 0 : -1', diff --git a/projects/legacy/components/multi-select/native-multi-select/native-multi-select.component.ts b/projects/legacy/components/multi-select/native-multi-select/native-multi-select.component.ts index 2105d611dbe4..f202a8288fcc 100644 --- a/projects/legacy/components/multi-select/native-multi-select/native-multi-select.component.ts +++ b/projects/legacy/components/multi-select/native-multi-select/native-multi-select.component.ts @@ -20,7 +20,6 @@ import {AbstractTuiNativeMultiSelect} from './native-multi-select'; }, ], host: { - ngSkipHydration: 'true', '[attr.aria-invalid]': 'host.invalid', '[disabled]': 'host.disabled || control.readOnly', '[tabIndex]': 'host.focusable ? 0 : -1', diff --git a/projects/legacy/components/primitive-textfield/primitive-textfield.component.ts b/projects/legacy/components/primitive-textfield/primitive-textfield.component.ts index 690a2e8c7245..dafacd6d6fcd 100644 --- a/projects/legacy/components/primitive-textfield/primitive-textfield.component.ts +++ b/projects/legacy/components/primitive-textfield/primitive-textfield.component.ts @@ -52,7 +52,6 @@ export const TUI_ICON_START_PADDINGS: Record = { TEXTFIELD_CONTROLLER_PROVIDER, ], host: { - ngSkipHydration: 'true', '[attr.data-size]': 'size', '[class._readonly]': 'readOnly', '[class._hidden]': 'inputHidden', diff --git a/projects/legacy/components/primitive-textfield/textfield/textfield.component.ts b/projects/legacy/components/primitive-textfield/textfield/textfield.component.ts index 075d83ba318b..e3c03ea22a56 100644 --- a/projects/legacy/components/primitive-textfield/textfield/textfield.component.ts +++ b/projects/legacy/components/primitive-textfield/textfield/textfield.component.ts @@ -16,7 +16,6 @@ import {TUI_TEXTFIELD_HOST} from '@taiga-ui/legacy/tokens'; changeDetection: ChangeDetectionStrategy.OnPush, providers: [TEXTFIELD_CONTROLLER_PROVIDER], host: { - ngSkipHydration: 'true', type: 'text', '[attr.id]': 'id', '[attr.inputMode]': 'inputMode', diff --git a/projects/legacy/components/primitive-textfield/value-decoration/value-decoration.component.ts b/projects/legacy/components/primitive-textfield/value-decoration/value-decoration.component.ts index c2eeab56a7c4..2792c3d4f1f2 100644 --- a/projects/legacy/components/primitive-textfield/value-decoration/value-decoration.component.ts +++ b/projects/legacy/components/primitive-textfield/value-decoration/value-decoration.component.ts @@ -20,7 +20,6 @@ import type {TuiPrimitiveTextfield} from '../primitive-textfield-types'; // eslint-disable-next-line @angular-eslint/prefer-on-push-component-change-detection changeDetection: ChangeDetectionStrategy.Default, host: { - ngSkipHydration: 'true', '[class._table]': 'isContextTable', '[class._filler]': 'filler', '(animationstart)': 'ngDoCheck()', diff --git a/projects/legacy/components/select-option/select-option.component.ts b/projects/legacy/components/select-option/select-option.component.ts index 2d35d8861973..cee9ef2d55ef 100644 --- a/projects/legacy/components/select-option/select-option.component.ts +++ b/projects/legacy/components/select-option/select-option.component.ts @@ -23,9 +23,6 @@ import {distinctUntilChanged, EMPTY, map, merge, startWith, Subject} from 'rxjs' templateUrl: './select-option.template.html', styleUrls: ['./select-option.style.less'], changeDetection: ChangeDetectionStrategy.OnPush, - host: { - ngSkipHydration: 'true', - }, }) export class TuiSelectOptionComponent implements OnInit, DoCheck { private readonly host = inject>(TUI_DATA_LIST_HOST); diff --git a/projects/legacy/components/select/native-select/native-select-group.component.ts b/projects/legacy/components/select/native-select/native-select-group.component.ts index 1a25824a8039..d0aa532b9917 100644 --- a/projects/legacy/components/select/native-select/native-select-group.component.ts +++ b/projects/legacy/components/select/native-select/native-select-group.component.ts @@ -22,7 +22,6 @@ import type {TuiSelectDirective} from '../select.directive'; }, ], host: { - ngSkipHydration: 'true', '[attr.aria-invalid]': 'host.invalid', '[disabled]': 'host.disabled || control.readOnly', '[tabIndex]': 'host.focusable ? 0 : -1', diff --git a/projects/legacy/components/select/native-select/native-select.component.ts b/projects/legacy/components/select/native-select/native-select.component.ts index 9cc6da21af52..083ae9e23c98 100644 --- a/projects/legacy/components/select/native-select/native-select.component.ts +++ b/projects/legacy/components/select/native-select/native-select.component.ts @@ -22,7 +22,6 @@ import type {TuiSelectDirective} from '../select.directive'; }, ], host: { - ngSkipHydration: 'true', '[attr.aria-invalid]': 'host.invalid', '[disabled]': 'host.disabled || control.readOnly', '[tabIndex]': 'host.focusable ? 0 : -1', diff --git a/projects/legacy/components/select/select.component.ts b/projects/legacy/components/select/select.component.ts index d43699612f4f..5a13989fb5db 100644 --- a/projects/legacy/components/select/select.component.ts +++ b/projects/legacy/components/select/select.component.ts @@ -57,7 +57,6 @@ import {TUI_SELECT_OPTIONS} from './select.options'; ], viewProviders: [FIXED_DROPDOWN_CONTROLLER_PROVIDER], host: { - ngSkipHydration: 'true', '[attr.data-size]': 'size', }, }) diff --git a/projects/legacy/components/sheet/components/sheet-bar/sheet-bar.component.ts b/projects/legacy/components/sheet/components/sheet-bar/sheet-bar.component.ts index 1fd21e954b2d..77d2ac00071c 100644 --- a/projects/legacy/components/sheet/components/sheet-bar/sheet-bar.component.ts +++ b/projects/legacy/components/sheet/components/sheet-bar/sheet-bar.component.ts @@ -11,9 +11,6 @@ import {TUI_SHEET, TUI_SHEET_SCROLL} from '../../sheet-tokens'; templateUrl: './sheet-bar.template.html', styleUrls: ['./sheet-bar.style.less'], changeDetection: ChangeDetectionStrategy.OnPush, - host: { - ngSkipHydration: 'true', - }, }) export class TuiSheetBarComponent { private readonly sheet = inject(TUI_SHEET); diff --git a/projects/legacy/components/sheet/components/sheet-heading/sheet-heading.component.ts b/projects/legacy/components/sheet/components/sheet-heading/sheet-heading.component.ts index 932cf5654503..cb07f7e0b6ab 100644 --- a/projects/legacy/components/sheet/components/sheet-heading/sheet-heading.component.ts +++ b/projects/legacy/components/sheet/components/sheet-heading/sheet-heading.component.ts @@ -13,9 +13,6 @@ export const TUI_SHEET_ID = 'tui-sheet-id'; templateUrl: './sheet-heading.template.html', styleUrls: ['./sheet-heading.style.less'], changeDetection: ChangeDetectionStrategy.OnPush, - host: { - ngSkipHydration: 'true', - }, }) export class TuiSheetHeadingComponent implements AfterViewInit { private readonly el = tuiInjectElement(); diff --git a/projects/legacy/components/sheet/components/sheet/sheet.component.ts b/projects/legacy/components/sheet/components/sheet/sheet.component.ts index 2b48715d7576..ac5bf1b7985f 100644 --- a/projects/legacy/components/sheet/components/sheet/sheet.component.ts +++ b/projects/legacy/components/sheet/components/sheet/sheet.component.ts @@ -33,7 +33,6 @@ import {TUI_SHEET_PROVIDERS} from './sheet.providers'; providers: TUI_SHEET_PROVIDERS, animations: [tuiSlideInTop], host: { - ngSkipHydration: 'true', role: 'dialog', '[attr.aria-labelledby]': 'id', '[class._ios]': 'isIos', diff --git a/projects/legacy/components/sheet/components/sheets-host/sheets-host.component.ts b/projects/legacy/components/sheet/components/sheets-host/sheets-host.component.ts index 04e14fc57348..506dec8754b8 100644 --- a/projects/legacy/components/sheet/components/sheets-host/sheets-host.component.ts +++ b/projects/legacy/components/sheet/components/sheets-host/sheets-host.component.ts @@ -23,9 +23,6 @@ import {TuiSheetService} from '../../sheet.service'; styleUrls: ['./sheets-host.style.less'], changeDetection: ChangeDetectionStrategy.OnPush, animations: [tuiSlideInTop, tuiFadeIn], - host: { - ngSkipHydration: 'true', - }, }) export class TuiSheetsHostComponent implements OnInit { private readonly service = inject(TuiSheetService); diff --git a/projects/legacy/components/svg/svg.component.ts b/projects/legacy/components/svg/svg.component.ts index 5e6ce85ffec2..54df63b71c3e 100644 --- a/projects/legacy/components/svg/svg.component.ts +++ b/projects/legacy/components/svg/svg.component.ts @@ -49,9 +49,6 @@ export interface TuiIconError { templateUrl: './svg.template.html', styleUrls: ['./svg.style.less'], changeDetection: ChangeDetectionStrategy.OnPush, - host: { - ngSkipHydration: 'true', - }, }) export class TuiSvgComponent { private icon: TuiSafeHtml = ''; diff --git a/projects/legacy/components/table-bar/table-bar.component.ts b/projects/legacy/components/table-bar/table-bar.component.ts index 1cb5b9c0126f..059299d32fea 100644 --- a/projects/legacy/components/table-bar/table-bar.component.ts +++ b/projects/legacy/components/table-bar/table-bar.component.ts @@ -30,7 +30,6 @@ import type {TuiTableBarOptions} from './table-bar.options'; changeDetection: ChangeDetectionStrategy.OnPush, animations: [tuiSlideInTop, tuiParentAnimation], host: { - ngSkipHydration: 'true', '[@tuiSlideInTop]': 'animation', '[attr.data-appearance]': 'context.mode', }, diff --git a/projects/legacy/components/table-bar/table-bars-host.component.ts b/projects/legacy/components/table-bar/table-bars-host.component.ts index 8577f30332f0..38a585957a00 100644 --- a/projects/legacy/components/table-bar/table-bars-host.component.ts +++ b/projects/legacy/components/table-bar/table-bars-host.component.ts @@ -25,9 +25,6 @@ import {TUI_TABLE_BARS} from './table-bar.options'; styleUrls: ['./table-bars-host.style.less'], changeDetection: ChangeDetectionStrategy.OnPush, animations: [tuiParentAnimation], - host: { - ngSkipHydration: 'true', - }, }) export class TuiTableBarsHostComponent { protected bars$ = inject(TUI_TABLE_BARS); diff --git a/projects/legacy/components/tag/tag.component.ts b/projects/legacy/components/tag/tag.component.ts index 522ab0546acd..39c283208d14 100644 --- a/projects/legacy/components/tag/tag.component.ts +++ b/projects/legacy/components/tag/tag.component.ts @@ -29,7 +29,6 @@ import {TUI_TAG_OPTIONS} from './tag.options'; styleUrls: ['./tag.style.less'], changeDetection: ChangeDetectionStrategy.OnPush, host: { - ngSkipHydration: 'true', '[attr.data-size]': 'size', '[attr.data-status]': 'status', '[class._editing]': 'editing', diff --git a/projects/legacy/components/textarea/textarea.component.ts b/projects/legacy/components/textarea/textarea.component.ts index 092ab74b359a..ccb013b085df 100644 --- a/projects/legacy/components/textarea/textarea.component.ts +++ b/projects/legacy/components/textarea/textarea.component.ts @@ -43,7 +43,6 @@ export const LINE_HEIGHT_L = 24; TEXTFIELD_CONTROLLER_PROVIDER, ], host: { - ngSkipHydration: 'true', '[attr.data-size]': 'size', '[class._ios]': 'isIOS', '[class._expandable]': 'expandable', diff --git a/projects/legacy/components/tooltip/tooltip.component.ts b/projects/legacy/components/tooltip/tooltip.component.ts index 7bca7a320c8a..73c4fda7fd9d 100644 --- a/projects/legacy/components/tooltip/tooltip.component.ts +++ b/projects/legacy/components/tooltip/tooltip.component.ts @@ -20,7 +20,6 @@ import {TuiHintHover, TuiHintOptionsDirective} from '@taiga-ui/core/directives/h changeDetection: ChangeDetectionStrategy.OnPush, inputs: ['content', 'direction', 'appearance', 'showDelay', 'hideDelay'], host: { - ngSkipHydration: 'true', '[attr.data-appearance]': 'computedAppearance', '(mousedown)': 'stopOnMobile($event)', },