diff --git a/projects/addon-charts/components/legend-item/legend-item.template.html b/projects/addon-charts/components/legend-item/legend-item.template.html index 9592fbfc3b6c..512bc323f0a8 100644 --- a/projects/addon-charts/components/legend-item/legend-item.template.html +++ b/projects/addon-charts/components/legend-item/legend-item.template.html @@ -4,7 +4,7 @@ size="s" appearance="whiteblock" class="t-button" - [pseudoHovered]="active || null" + [pseudoHover]="active || null" >
diff --git a/projects/addon-commerce/components/input-card-grouped/input-card-grouped.component.ts b/projects/addon-commerce/components/input-card-grouped/input-card-grouped.component.ts index fcc722b71028..447b473a5275 100644 --- a/projects/addon-commerce/components/input-card-grouped/input-card-grouped.component.ts +++ b/projects/addon-commerce/components/input-card-grouped/input-card-grouped.component.ts @@ -379,10 +379,6 @@ export class TuiInputCardGroupedComponent this.open = active && this.open; } - onHovered(hovered: boolean): void { - this.updateHovered(hovered); - } - onMouseDown(event: MouseEvent): void { tuiAssertIsElement(event.target); diff --git a/projects/addon-commerce/components/input-card-grouped/input-card-grouped.module.ts b/projects/addon-commerce/components/input-card-grouped/input-card-grouped.module.ts index 18bd1a822c38..abb14cd90267 100644 --- a/projects/addon-commerce/components/input-card-grouped/input-card-grouped.module.ts +++ b/projects/addon-commerce/components/input-card-grouped/input-card-grouped.module.ts @@ -5,7 +5,6 @@ import {TuiFormatCardModule} from '@taiga-ui/addon-commerce/pipes'; import { TuiActiveZoneModule, TuiFocusableModule, - TuiHoveredModule, TuiInputModeModule, TuiLetModule, TuiMapperPipeModule, @@ -25,7 +24,6 @@ import {TuiInputCardGroupedComponent} from './input-card-grouped.component'; TuiFocusableModule, TuiSvgModule, TuiWrapperModule, - TuiHoveredModule, TuiActiveZoneModule, TuiInputModeModule, TuiMapperPipeModule, diff --git a/projects/addon-commerce/components/input-card-grouped/input-card-grouped.template.html b/projects/addon-commerce/components/input-card-grouped/input-card-grouped.template.html index adecc640ec7e..81538f465b0d 100644 --- a/projects/addon-commerce/components/input-card-grouped/input-card-grouped.template.html +++ b/projects/addon-commerce/components/input-card-grouped/input-card-grouped.template.html @@ -5,12 +5,11 @@ [appearance]="appearance" [readOnly]="readOnly" [disabled]="computedDisabled" - [focused]="computedFocused" - [hover]="computedHovered" + [focus]="computedFocused" + [hover]="pseudoHover" [invalid]="computedInvalid" [tuiDropdown]="open" [tuiDropdownContent]="dropdown || ''" - (tuiHoveredChange)="onHovered($event)" (tuiActiveZoneChange)="onActiveZoneChange($event)" (scroll)="onScroll($event)" (mousedown)="onMouseDown($event)" diff --git a/projects/addon-commerce/components/input-card/input-card.component.ts b/projects/addon-commerce/components/input-card/input-card.component.ts index 1362ac8371cb..d952ac7764d8 100644 --- a/projects/addon-commerce/components/input-card/input-card.component.ts +++ b/projects/addon-commerce/components/input-card/input-card.component.ts @@ -155,10 +155,6 @@ export class TuiInputCardComponent this.updateFocused(focused); } - onHovered(hovered: boolean): void { - this.updateHovered(hovered); - } - writeValue(value: string | null): void { const currentBin = this.bin; diff --git a/projects/addon-commerce/components/input-card/input-card.template.html b/projects/addon-commerce/components/input-card/input-card.template.html index 2dae97b79169..d261f6ff5eb8 100644 --- a/projects/addon-commerce/components/input-card/input-card.template.html +++ b/projects/addon-commerce/components/input-card/input-card.template.html @@ -9,14 +9,13 @@ [focusable]="focusable" [nativeId]="nativeId" [invalid]="computedInvalid" - [pseudoHovered]="pseudoHovered" - [pseudoPressed]="pseudoPressed" - [pseudoFocused]="pseudoFocused" + [pseudoHover]="pseudoHover" + [pseudoActive]="pseudoActive" + [pseudoFocus]="pseudoFocus" [textMask]="textMaskOptions" [value]="formattedCard" (valueChange)="onValueChange($event)" (focusedChange)="onFocused($event)" - (hoveredChange)="onHovered($event)" > diff --git a/projects/addon-commerce/components/input-cvc/input-cvc.component.ts b/projects/addon-commerce/components/input-cvc/input-cvc.component.ts index 6a493ad60a42..401e88531210 100644 --- a/projects/addon-commerce/components/input-cvc/input-cvc.component.ts +++ b/projects/addon-commerce/components/input-cvc/input-cvc.component.ts @@ -102,10 +102,6 @@ export class TuiInputCVCComponent this.updateFocused(focused); } - onHovered(hovered: boolean): void { - this.updateHovered(hovered); - } - onCopy(): void {} onValueChange(value: string): void { diff --git a/projects/addon-commerce/components/input-cvc/input-cvc.template.html b/projects/addon-commerce/components/input-cvc/input-cvc.template.html index 8dc43ce00af2..73389fa2e214 100644 --- a/projects/addon-commerce/components/input-cvc/input-cvc.template.html +++ b/projects/addon-commerce/components/input-cvc/input-cvc.template.html @@ -9,13 +9,12 @@ [textMask]="textMaskOptions" [invalid]="computedInvalid" [focusable]="focusable" - [pseudoHovered]="pseudoHovered" - [pseudoPressed]="pseudoPressed" - [pseudoFocused]="pseudoFocused" + [pseudoHover]="pseudoHover" + [pseudoActive]="pseudoActive" + [pseudoFocus]="pseudoFocus" [value]="value" (valueChange)="onValueChange($event)" (focusedChange)="onFocused($event)" - (hoveredChange)="onHovered($event)" (copy.prevent)="onCopy()" > diff --git a/projects/addon-commerce/components/input-expire/input-expire.component.ts b/projects/addon-commerce/components/input-expire/input-expire.component.ts index a05d00dcc500..72331b02e04d 100644 --- a/projects/addon-commerce/components/input-expire/input-expire.component.ts +++ b/projects/addon-commerce/components/input-expire/input-expire.component.ts @@ -110,10 +110,6 @@ export class TuiInputExpireComponent this.updateFocused(focused); } - onHovered(hovered: boolean): void { - this.updateHovered(hovered); - } - protected getFallbackValue(): string { return ``; } diff --git a/projects/addon-commerce/components/input-expire/input-expire.template.html b/projects/addon-commerce/components/input-expire/input-expire.template.html index 9b25b3fadb90..560b405ad90c 100644 --- a/projects/addon-commerce/components/input-expire/input-expire.template.html +++ b/projects/addon-commerce/components/input-expire/input-expire.template.html @@ -8,14 +8,13 @@ [disabled]="disabled" [readOnly]="readOnly" [invalid]="computedInvalid" - [pseudoHovered]="pseudoHovered" - [pseudoPressed]="pseudoPressed" - [pseudoFocused]="pseudoFocused" + [pseudoHover]="pseudoHover" + [pseudoActive]="pseudoActive" + [pseudoFocus]="pseudoFocus" [textMask]="textMaskOptions" [value]="value" (valueChange)="onValueChange($event)" (focusedChange)="onFocused($event)" - (hoveredChange)="onHovered($event)" > diff --git a/projects/addon-doc/src/components/navigation/navigation.template.html b/projects/addon-doc/src/components/navigation/navigation.template.html index e9e4485c5c0f..ae9050c84ac6 100644 --- a/projects/addon-doc/src/components/navigation/navigation.template.html +++ b/projects/addon-doc/src/components/navigation/navigation.template.html @@ -11,7 +11,7 @@
diff --git a/projects/addon-editor/components/editor-new/editor-new.component.ts b/projects/addon-editor/components/editor-new/editor-new.component.ts index 01caf11501aa..76708b104fa3 100644 --- a/projects/addon-editor/components/editor-new/editor-new.component.ts +++ b/projects/addon-editor/components/editor-new/editor-new.component.ts @@ -102,10 +102,6 @@ export class TuiEditorNewComponent ); } - onHovered(hovered: boolean): void { - this.updateHovered(hovered); - } - selectLinkIfClosest(): void { if (this.getMarkedLinkBeforeSelectClosest()) { this.editor?.selectClosest(); diff --git a/projects/addon-editor/components/editor-new/editor-new.module.ts b/projects/addon-editor/components/editor-new/editor-new.module.ts index 1e02bccf9d57..ecba75fa859b 100644 --- a/projects/addon-editor/components/editor-new/editor-new.module.ts +++ b/projects/addon-editor/components/editor-new/editor-new.module.ts @@ -3,12 +3,7 @@ import {NgModule} from '@angular/core'; import {TuiEditLinkModule} from '@taiga-ui/addon-editor/components/edit-link'; import {TuiToolbarNewModule} from '@taiga-ui/addon-editor/components/toolbar-new'; import {TuiTiptapEditorModule} from '@taiga-ui/addon-editor/directives'; -import { - TuiActiveZoneModule, - TuiHoveredModule, - TuiItemDirective, - TuiLetModule, -} from '@taiga-ui/cdk'; +import {TuiActiveZoneModule, TuiItemDirective, TuiLetModule} from '@taiga-ui/cdk'; import {TuiScrollbarModule, TuiWrapperModule} from '@taiga-ui/core'; import {TuiDropdownSelectionModule} from '@taiga-ui/kit'; @@ -26,7 +21,6 @@ import {TuiEditorPortalHostComponent} from './portal/editor-portal-host.componen CommonModule, TuiToolbarNewModule, TuiWrapperModule, - TuiHoveredModule, TuiScrollbarModule, TuiEditLinkModule, TuiActiveZoneModule, diff --git a/projects/addon-editor/components/editor/editor.component.ts b/projects/addon-editor/components/editor/editor.component.ts index 923235e6eda8..ebe55496eb1a 100644 --- a/projects/addon-editor/components/editor/editor.component.ts +++ b/projects/addon-editor/components/editor/editor.component.ts @@ -208,10 +208,6 @@ export class TuiEditorComponent extends AbstractTuiControl implements On this.updateValue(value.trim() === '
' ? '' : value); } - onHovered(hovered: boolean): void { - this.updateHovered(hovered); - } - onFocusedChange(focused: boolean): void { this.updateFocused(focused); this.linkDropdownEnabled = focused || this.linkDropdownEnabled; diff --git a/projects/addon-editor/components/editor/editor.module.ts b/projects/addon-editor/components/editor/editor.module.ts index 2b0032082538..2d7f775b2a9d 100644 --- a/projects/addon-editor/components/editor/editor.module.ts +++ b/projects/addon-editor/components/editor/editor.module.ts @@ -9,12 +9,7 @@ import { import {TuiToolbarModule} from '@taiga-ui/addon-editor/components/toolbar'; import {TuiToolbarNewModule} from '@taiga-ui/addon-editor/components/toolbar-new'; import {TuiDesignModeModule} from '@taiga-ui/addon-editor/directives/design-mode'; -import { - TuiActiveZoneModule, - TuiHoveredModule, - TuiItemDirective, - TuiLetModule, -} from '@taiga-ui/cdk'; +import {TuiActiveZoneModule, TuiItemDirective, TuiLetModule} from '@taiga-ui/cdk'; import { TuiButtonModule, TuiLinkModule, @@ -30,7 +25,6 @@ import {TuiEditorComponent} from './editor.component'; CommonModule, FormsModule, TuiLetModule, - TuiHoveredModule, TuiActiveZoneModule, TuiWrapperModule, TuiScrollbarModule, diff --git a/projects/addon-editor/components/editor/editor.template.html b/projects/addon-editor/components/editor/editor.template.html index 3b8ed173bc07..a181f15bc518 100644 --- a/projects/addon-editor/components/editor/editor.template.html +++ b/projects/addon-editor/components/editor/editor.template.html @@ -4,13 +4,12 @@ class="t-outline" [readOnly]="readOnly" [disabled]="disabled" - [focused]="computedFocused" - [hover]="computedHovered" + [focus]="computedFocused" + [hover]="pseudoHover" [invalid]="computedInvalid" >
diff --git a/projects/addon-editor/components/input-color/input-color.component.ts b/projects/addon-editor/components/input-color/input-color.component.ts index 717d120f0d2d..e22e14638d9b 100644 --- a/projects/addon-editor/components/input-color/input-color.component.ts +++ b/projects/addon-editor/components/input-color/input-color.component.ts @@ -103,14 +103,6 @@ export class TuiInputColorComponent this.updateFocused(focused); } - onHovered(hovered: boolean): void { - this.updateHovered(hovered); - } - - onPressed(pressed: boolean): void { - this.updatePressed(pressed); - } - protected getFallbackValue(): string { return `#000000`; } diff --git a/projects/addon-editor/components/input-color/input-color.template.html b/projects/addon-editor/components/input-color/input-color.template.html index 3003e17bbdaf..68c3c78f58ef 100644 --- a/projects/addon-editor/components/input-color/input-color.template.html +++ b/projects/addon-editor/components/input-color/input-color.template.html @@ -7,9 +7,9 @@ tuiTextfieldAutocomplete="off" class="t-textfield" [tuiTextfieldIconLeft]="color" - [pseudoFocused]="computedFocused" - [pseudoHovered]="pseudoHovered" - [pseudoPressed]="pseudoPressed" + [pseudoFocus]="computedFocused" + [pseudoHover]="pseudoHover" + [pseudoActive]="pseudoActive" [invalid]="computedInvalid" [focusable]="focusable" [nativeId]="nativeId" @@ -18,8 +18,6 @@ [value]="value" (valueChange)="onValueChange($event)" (focusedChange)="onFocused($event)" - (hoveredChange)="onHovered($event)" - (pressedChange)="onPressed($event)" > diff --git a/projects/addon-editor/components/toolbar-new/toolbar-new.template.html b/projects/addon-editor/components/toolbar-new/toolbar-new.template.html index 2d61e2fd3de3..e5f09d42d7d0 100644 --- a/projects/addon-editor/components/toolbar-new/toolbar-new.template.html +++ b/projects/addon-editor/components/toolbar-new/toolbar-new.template.html @@ -102,7 +102,7 @@ [tuiHint]="texts.quote" [tuiHintId]="quoteBtn.id" [tuiDescribedBy]="quoteBtn.id" - [pseudoPressed]="blockquote" + [pseudoActive]="blockquote" [disabled]="unorderedList || orderedList" [focusable]="false" (click)="toggleQuote()" @@ -128,7 +128,7 @@ [tuiHint]="texts.link" [tuiHintId]="linkBtn.id" [tuiDescribedBy]="linkBtn.id" - [pseudoPressed]="link.open || a" + [pseudoActive]="link.open || a" [focusable]="link.open" > @@ -177,7 +177,7 @@ [tuiHint]="texts.subscript" [tuiHintId]="subBtn.id" [tuiDescribedBy]="subBtn.id" - [pseudoPressed]="subscript" + [pseudoActive]="subscript" [focusable]="false" (click)="toggleSubscript()" > @@ -196,7 +196,7 @@ [tuiHint]="texts.superscript" [tuiHintId]="supBtn.id" [tuiDescribedBy]="supBtn.id" - [pseudoPressed]="superscript" + [pseudoActive]="superscript" [focusable]="false" (click)="toggleSuperscript()" > diff --git a/projects/addon-editor/components/toolbar-tools/align-content/align-content.template.html b/projects/addon-editor/components/toolbar-tools/align-content/align-content.template.html index 82d076c23656..5979f360f000 100644 --- a/projects/addon-editor/components/toolbar-tools/align-content/align-content.template.html +++ b/projects/addon-editor/components/toolbar-tools/align-content/align-content.template.html @@ -16,7 +16,7 @@ [tuiHint]="texts.justify" [tuiHintId]="alignBtn.id" [tuiDescribedBy]="alignBtn.id" - [pseudoPressed]="align.open" + [pseudoActive]="align.open" [focusable]="align.open" > @@ -28,7 +28,7 @@ icon="tuiIconAlignLeftLarge" appearance="icon" class="t-option t-option_margin" - [pseudoPressed]="alignState.left" + [pseudoActive]="alignState.left" [tuiHint]="texts.justifyLeft" (click)="editor.onAlign('left')" > @@ -39,7 +39,7 @@ icon="tuiIconAlignCenterLarge" appearance="icon" class="t-option t-option_margin" - [pseudoPressed]="alignState.center" + [pseudoActive]="alignState.center" [tuiHint]="texts.justifyCenter" (click)="editor.onAlign('center')" > @@ -50,7 +50,7 @@ icon="tuiIconAlignRightLarge" appearance="icon" class="t-option t-option_margin" - [pseudoPressed]="alignState.right" + [pseudoActive]="alignState.right" [tuiHint]="texts.justifyRight" (click)="editor.onAlign('right')" > @@ -61,7 +61,7 @@ icon="tuiIconAlignJustifyLarge" appearance="icon" class="t-option t-option_margin" - [pseudoPressed]="alignState.justify" + [pseudoActive]="alignState.justify" [tuiHint]="texts.justifyFull" (click)="editor.onAlign('justify')" > diff --git a/projects/addon-editor/components/toolbar-tools/code/code.component.html b/projects/addon-editor/components/toolbar-tools/code/code.component.html index bfe4b8df9888..990728e833b5 100644 --- a/projects/addon-editor/components/toolbar-tools/code/code.component.html +++ b/projects/addon-editor/components/toolbar-tools/code/code.component.html @@ -13,7 +13,7 @@ [tuiHint]="hintText$ | async" [tuiHintId]="codeBtn.id" [tuiDescribedBy]="codeBtn.id" - [pseudoPressed]="codes.open || (insideCode$ | async)" + [pseudoActive]="codes.open || (insideCode$ | async)" [focusable]="codes.open" > diff --git a/projects/addon-editor/components/toolbar-tools/font-size/font-size.template.html b/projects/addon-editor/components/toolbar-tools/font-size/font-size.template.html index f4a2870632da..4e60d4c1d4cb 100644 --- a/projects/addon-editor/components/toolbar-tools/font-size/font-size.template.html +++ b/projects/addon-editor/components/toolbar-tools/font-size/font-size.template.html @@ -13,7 +13,7 @@ [tuiHint]="fontText$ | async" [tuiHintId]="fontsBtn.id" [tuiDescribedBy]="fontsBtn.id" - [pseudoPressed]="fonts.open" + [pseudoActive]="fonts.open" [focusable]="fonts.open" > diff --git a/projects/addon-editor/components/toolbar-tools/font-style/font-style.template.html b/projects/addon-editor/components/toolbar-tools/font-style/font-style.template.html index 17d4e95c5f4e..830c025fb0ac 100644 --- a/projects/addon-editor/components/toolbar-tools/font-style/font-style.template.html +++ b/projects/addon-editor/components/toolbar-tools/font-style/font-style.template.html @@ -17,7 +17,7 @@ [tuiHint]="texts.fontStyle" [tuiHintId]="formatBtn.id" [tuiDescribedBy]="formatBtn.id" - [pseudoPressed]="format.open || state.bold || state.italic || state.underline || state.strike" + [pseudoActive]="format.open || state.bold || state.italic || state.underline || state.strike" [focusable]="format.open" > @@ -31,7 +31,7 @@ appearance="icon" class="t-option t-option_margin" [tuiHint]="texts.bold" - [pseudoPressed]="state.bold" + [pseudoActive]="state.bold" (click)="editor.toggleBold()" >
diff --git a/projects/addon-editor/components/toolbar-tools/highlight-color/highlight-color.template.html b/projects/addon-editor/components/toolbar-tools/highlight-color/highlight-color.template.html index 50c87f263e7c..1410bb84ac62 100644 --- a/projects/addon-editor/components/toolbar-tools/highlight-color/highlight-color.template.html +++ b/projects/addon-editor/components/toolbar-tools/highlight-color/highlight-color.template.html @@ -18,7 +18,7 @@ [tuiHint]="backColorText$ | async" [tuiHintId]="hiliteBtn.id" [tuiDescribedBy]="hiliteBtn.id" - [pseudoPressed]="hilite.open" + [pseudoActive]="hilite.open" [focusable]="hilite.open" >
@@ -30,7 +30,7 @@ appearance="icon" class="t-option t-option_margin" [tuiHint]="texts.unorderedList" - [pseudoPressed]="listState.unordered" + [pseudoActive]="listState.unordered" (click)="editor.toggleUnorderedList()" > diff --git a/projects/addon-editor/components/toolbar-tools/text-color/text-color.template.html b/projects/addon-editor/components/toolbar-tools/text-color/text-color.template.html index ac171d5e6746..98409166c1e9 100644 --- a/projects/addon-editor/components/toolbar-tools/text-color/text-color.template.html +++ b/projects/addon-editor/components/toolbar-tools/text-color/text-color.template.html @@ -18,7 +18,7 @@ [tuiHint]="foreColorText$ | async" [tuiHintId]="colorBtn.id" [tuiDescribedBy]="colorBtn.id" - [pseudoPressed]="color.open" + [pseudoActive]="color.open" [focusable]="color.open" >
@@ -201,7 +201,7 @@ [tuiHint]="texts.justify" [tuiHintId]="alignBtn.id" [tuiDescribedBy]="alignBtn.id" - [pseudoPressed]="align.open" + [pseudoActive]="align.open" [focusable]="align.open" (keydown.arrowLeft.prevent)="onArrowLeft()" (keydown.arrowRight.prevent)="onArrowRight()" @@ -274,7 +274,7 @@ [tuiHint]="texts.list" [tuiHintId]="listBtn.id" [tuiDescribedBy]="listBtn.id" - [pseudoPressed]="list.open || unorderedList || orderedList" + [pseudoActive]="list.open || unorderedList || orderedList" [focusable]="list.open" (keydown.arrowLeft.prevent)="onArrowLeft()" (keydown.arrowRight.prevent)="onArrowRight()" @@ -292,7 +292,7 @@ appearance="icon" class="t-button t-button_margin" [tuiHint]="texts.unorderedList" - [pseudoPressed]="unorderedList" + [pseudoActive]="unorderedList" (click)="toggleUnorderedList()" > diff --git a/projects/demo/src/modules/components/checkbox-block/checkbox-block.template.html b/projects/demo/src/modules/components/checkbox-block/checkbox-block.template.html index c22491158361..c407d1cb14b9 100644 --- a/projects/demo/src/modules/components/checkbox-block/checkbox-block.template.html +++ b/projects/demo/src/modules/components/checkbox-block/checkbox-block.template.html @@ -50,9 +50,9 @@ [focusable]="focusable" [hideCheckbox]="hideCheckbox" [pseudoInvalid]="pseudoInvalid" - [pseudoFocused]="pseudoFocused" - [pseudoHovered]="pseudoHovered" - [pseudoPressed]="pseudoPressed" + [pseudoFocus]="pseudoFocused" + [pseudoHover]="pseudoHovered" + [pseudoActive]="pseudoPressed" [readOnly]="readOnly" [size]="size" > @@ -66,9 +66,9 @@ [focusable]="focusable" [hideCheckbox]="hideCheckbox" [pseudoInvalid]="pseudoInvalid" - [pseudoFocused]="pseudoFocused" - [pseudoHovered]="pseudoHovered" - [pseudoPressed]="pseudoPressed" + [pseudoFocus]="pseudoFocused" + [pseudoHover]="pseudoHovered" + [pseudoActive]="pseudoPressed" [readOnly]="readOnly" [size]="size" > @@ -82,9 +82,9 @@ [focusable]="focusable" [hideCheckbox]="hideCheckbox" [pseudoInvalid]="pseudoInvalid" - [pseudoFocused]="pseudoFocused" - [pseudoHovered]="pseudoHovered" - [pseudoPressed]="pseudoPressed" + [pseudoFocus]="pseudoFocused" + [pseudoHover]="pseudoHovered" + [pseudoActive]="pseudoPressed" [readOnly]="readOnly" [size]="size" > diff --git a/projects/demo/src/modules/components/checkbox-labeled/checkbox-labeled.template.html b/projects/demo/src/modules/components/checkbox-labeled/checkbox-labeled.template.html index 10c5e7d8afc6..f82dd7673f21 100644 --- a/projects/demo/src/modules/components/checkbox-labeled/checkbox-labeled.template.html +++ b/projects/demo/src/modules/components/checkbox-labeled/checkbox-labeled.template.html @@ -49,9 +49,9 @@ formControlName="testValue1" [focusable]="focusable" [pseudoInvalid]="pseudoInvalid" - [pseudoFocused]="pseudoFocused" - [pseudoHovered]="pseudoHovered" - [pseudoPressed]="pseudoPressed" + [pseudoFocus]="pseudoFocused" + [pseudoHover]="pseudoHovered" + [pseudoActive]="pseudoPressed" [readOnly]="readOnly" [size]="size" > @@ -63,9 +63,9 @@ class="tui-space_top-2" [focusable]="focusable" [pseudoInvalid]="pseudoInvalid" - [pseudoFocused]="pseudoFocused" - [pseudoHovered]="pseudoHovered" - [pseudoPressed]="pseudoPressed" + [pseudoFocus]="pseudoFocused" + [pseudoHover]="pseudoHovered" + [pseudoActive]="pseudoPressed" [readOnly]="readOnly" [size]="size" > @@ -77,9 +77,9 @@ class="tui-space_top-2" [focusable]="focusable" [pseudoInvalid]="pseudoInvalid" - [pseudoFocused]="pseudoFocused" - [pseudoHovered]="pseudoHovered" - [pseudoPressed]="pseudoPressed" + [pseudoFocus]="pseudoFocused" + [pseudoHover]="pseudoHovered" + [pseudoActive]="pseudoPressed" [readOnly]="readOnly" [size]="size" > diff --git a/projects/demo/src/modules/components/checkbox/checkbox.template.html b/projects/demo/src/modules/components/checkbox/checkbox.template.html index d398daf9094d..c830ec792efe 100644 --- a/projects/demo/src/modules/components/checkbox/checkbox.template.html +++ b/projects/demo/src/modules/components/checkbox/checkbox.template.html @@ -58,9 +58,9 @@ [readOnly]="readOnly" [focusable]="focusable" [pseudoInvalid]="pseudoInvalid" - [pseudoFocused]="pseudoFocused" - [pseudoHovered]="pseudoHovered" - [pseudoPressed]="pseudoPressed" + [pseudoFocus]="pseudoFocused" + [pseudoHover]="pseudoHovered" + [pseudoActive]="pseudoPressed" [size]="size" > diff --git a/projects/demo/src/modules/components/combo-box/combo-box.template.html b/projects/demo/src/modules/components/combo-box/combo-box.template.html index aaf4b674cfdd..5d523ff1ae8f 100644 --- a/projects/demo/src/modules/components/combo-box/combo-box.template.html +++ b/projects/demo/src/modules/components/combo-box/combo-box.template.html @@ -91,9 +91,9 @@ [stringify]="stringify" [strictMatcher]="strictMatcher" [pseudoInvalid]="pseudoInvalid" - [pseudoFocused]="pseudoFocused" - [pseudoHovered]="pseudoHovered" - [pseudoPressed]="pseudoPressed" + [pseudoFocus]="pseudoFocused" + [pseudoHover]="pseudoHovered" + [pseudoActive]="pseudoPressed" [tuiDropdownAlign]="dropdownAlign" [tuiDropdownDirection]="dropdownDirection" [tuiDropdownLimitWidth]="dropdownLimitWidth" diff --git a/projects/demo/src/modules/components/data-list/examples/2/index.html b/projects/demo/src/modules/components/data-list/examples/2/index.html index 87280c656395..905503ed407a 100644 --- a/projects/demo/src/modules/components/data-list/examples/2/index.html +++ b/projects/demo/src/modules/components/data-list/examples/2/index.html @@ -8,7 +8,7 @@ appearance="flat" icon="tuiIconMoreVer" type="button" - [pseudoHovered]="dropdown.open || null" + [pseudoHover]="dropdown.open || null" > diff --git a/projects/demo/src/modules/components/editor-new/editor-new.template.html b/projects/demo/src/modules/components/editor-new/editor-new.template.html index c0fdbe690450..73e01f241025 100644 --- a/projects/demo/src/modules/components/editor-new/editor-new.template.html +++ b/projects/demo/src/modules/components/editor-new/editor-new.template.html @@ -130,8 +130,8 @@

You can create your own tool:

[readOnly]="readOnly" [tools]="tools" [pseudoInvalid]="pseudoInvalid" - [pseudoFocused]="pseudoFocused" - [pseudoHovered]="pseudoHovered" + [pseudoFocus]="pseudoFocused" + [pseudoHover]="pseudoHovered" > Start typing diff --git a/projects/demo/src/modules/components/editor-new/examples/1/smiles-tool/smiles-tool.template.html b/projects/demo/src/modules/components/editor-new/examples/1/smiles-tool/smiles-tool.template.html index 114e67e3af77..9deeaed635fc 100644 --- a/projects/demo/src/modules/components/editor-new/examples/1/smiles-tool/smiles-tool.template.html +++ b/projects/demo/src/modules/components/editor-new/examples/1/smiles-tool/smiles-tool.template.html @@ -12,7 +12,7 @@ appearance="icon" automation-id="smiles-tool__button" class="tool-button" - [pseudoPressed]="dropdown.open" + [pseudoActive]="dropdown.open" [focusable]="dropdown.open" > Start typing diff --git a/projects/demo/src/modules/components/input-card-grouped/input-card-grouped.template.html b/projects/demo/src/modules/components/input-card-grouped/input-card-grouped.template.html index 8cf1eb6c9fdc..b71b601dbb49 100644 --- a/projects/demo/src/modules/components/input-card-grouped/input-card-grouped.template.html +++ b/projects/demo/src/modules/components/input-card-grouped/input-card-grouped.template.html @@ -58,9 +58,9 @@ [readOnly]="readOnly" [focusable]="focusable" [pseudoInvalid]="pseudoInvalid" - [pseudoFocused]="pseudoFocused" - [pseudoHovered]="pseudoHovered" - [pseudoPressed]="pseudoPressed" + [pseudoFocus]="pseudoFocused" + [pseudoHover]="pseudoHovered" + [pseudoActive]="pseudoPressed" (binChange)="onBinChange($event)" > diff --git a/projects/demo/src/modules/components/input-card/input-card.template.html b/projects/demo/src/modules/components/input-card/input-card.template.html index 84aa6c5db285..475ee7c514dd 100644 --- a/projects/demo/src/modules/components/input-card/input-card.template.html +++ b/projects/demo/src/modules/components/input-card/input-card.template.html @@ -40,9 +40,9 @@ [tuiTextfieldCleaner]="cleaner" [tuiTextfieldLabelOutside]="labelOutside" [pseudoInvalid]="pseudoInvalid" - [pseudoHovered]="pseudoHovered" - [pseudoPressed]="pseudoPressed" - [pseudoFocused]="pseudoFocused" + [pseudoHover]="pseudoHovered" + [pseudoActive]="pseudoPressed" + [pseudoFocus]="pseudoFocused" [tuiHintContent]="hintContent" [tuiHintDirection]="hintDirection" [tuiHintMode]="hintMode" @@ -59,9 +59,9 @@ [tuiTextfieldSize]="size" [tuiTextfieldLabelOutside]="labelOutside" [pseudoInvalid]="pseudoInvalid" - [pseudoHovered]="pseudoHovered" - [pseudoPressed]="pseudoPressed" - [pseudoFocused]="pseudoFocused" + [pseudoHover]="pseudoHovered" + [pseudoActive]="pseudoPressed" + [pseudoFocus]="pseudoFocused" > Expire date @@ -75,9 +75,9 @@ [tuiTextfieldSize]="size" [tuiTextfieldLabelOutside]="labelOutside" [pseudoInvalid]="pseudoInvalid" - [pseudoHovered]="pseudoHovered" - [pseudoPressed]="pseudoPressed" - [pseudoFocused]="pseudoFocused" + [pseudoHover]="pseudoHovered" + [pseudoActive]="pseudoPressed" + [pseudoFocus]="pseudoFocused" [tuiHintContent]="hintContentCVC" [tuiHintDirection]="hintDirectionCVC" [tuiHintMode]="hintModeCVC" diff --git a/projects/demo/src/modules/components/input-copy/input-copy.template.html b/projects/demo/src/modules/components/input-copy/input-copy.template.html index 27e47378521e..df1192c689bb 100644 --- a/projects/demo/src/modules/components/input-copy/input-copy.template.html +++ b/projects/demo/src/modules/components/input-copy/input-copy.template.html @@ -39,8 +39,8 @@ [messageMode]="hintMode" [readOnly]="readOnly" [pseudoInvalid]="pseudoInvalid" - [pseudoFocused]="pseudoFocused" - [pseudoHovered]="pseudoHovered" + [pseudoFocus]="pseudoFocused" + [pseudoHover]="pseudoHovered" > Type a text diff --git a/projects/demo/src/modules/components/input-date-range/input-date-range.template.html b/projects/demo/src/modules/components/input-date-range/input-date-range.template.html index 5a5eabc7c681..41406abfe924 100644 --- a/projects/demo/src/modules/components/input-date-range/input-date-range.template.html +++ b/projects/demo/src/modules/components/input-date-range/input-date-range.template.html @@ -134,8 +134,8 @@

DI-tokens for input-configurations:

[tuiTextfieldExampleText]="exampleText" [tuiTextfieldLabelOutside]="labelOutside" [tuiTextfieldSize]="size" - [pseudoFocused]="pseudoFocused" - [pseudoHovered]="pseudoHovered" + [pseudoFocus]="pseudoFocused" + [pseudoHover]="pseudoHovered" [pseudoInvalid]="pseudoInvalid" [readOnly]="readOnly" [tuiHintContent]="hintContent" diff --git a/projects/demo/src/modules/components/input-date-time/input-date-time.template.html b/projects/demo/src/modules/components/input-date-time/input-date-time.template.html index fd15ee9359c2..1e4d40fcf7f0 100644 --- a/projects/demo/src/modules/components/input-date-time/input-date-time.template.html +++ b/projects/demo/src/modules/components/input-date-time/input-date-time.template.html @@ -106,8 +106,8 @@

DI-tokens for input-configurations:

[min]="min" [max]="max" [defaultActiveYearMonth]="defaultActiveYearMonth" - [pseudoFocused]="pseudoFocused" - [pseudoHovered]="pseudoHovered" + [pseudoFocus]="pseudoFocused" + [pseudoHover]="pseudoHovered" [pseudoInvalid]="pseudoInvalid" [readOnly]="readOnly" [timeMode]="mode" diff --git a/projects/demo/src/modules/components/input-date/input-date.template.html b/projects/demo/src/modules/components/input-date/input-date.template.html index 5656dad88fb4..915908cf90fd 100644 --- a/projects/demo/src/modules/components/input-date/input-date.template.html +++ b/projects/demo/src/modules/components/input-date/input-date.template.html @@ -123,8 +123,8 @@

DI-tokens for input-configurations:

[min]="min" [max]="max" [markerHandler]="markerHandler" - [pseudoFocused]="pseudoFocused" - [pseudoHovered]="pseudoHovered" + [pseudoFocus]="pseudoFocused" + [pseudoHover]="pseudoHovered" [pseudoInvalid]="pseudoInvalid" [readOnly]="readOnly" [disabledItemHandler]="disabledItemHandler" diff --git a/projects/demo/src/modules/components/input-files/input-files.template.html b/projects/demo/src/modules/components/input-files/input-files.template.html index a0c2e35e1fa7..84cc76cd9dfd 100644 --- a/projects/demo/src/modules/components/input-files/input-files.template.html +++ b/projects/demo/src/modules/components/input-files/input-files.template.html @@ -62,9 +62,9 @@ [maxFileSize]="maxFileSize" [multiple]="multiple" [focusable]="focusable" - [pseudoFocused]="pseudoFocused" - [pseudoHovered]="pseudoHovered" - [pseudoPressed]="pseudoPressed" + [pseudoFocus]="pseudoFocused" + [pseudoHover]="pseudoHovered" + [pseudoActive]="pseudoPressed" (reject)="updateRejected($event)" > diff --git a/projects/demo/src/modules/components/input-month-range/input-month-range.template.html b/projects/demo/src/modules/components/input-month-range/input-month-range.template.html index 1ade8938cda6..72f957f55de3 100644 --- a/projects/demo/src/modules/components/input-month-range/input-month-range.template.html +++ b/projects/demo/src/modules/components/input-month-range/input-month-range.template.html @@ -56,9 +56,9 @@ [tuiTextfieldCleaner]="cleaner" [readOnly]="readOnly" [pseudoInvalid]="pseudoInvalid" - [pseudoFocused]="pseudoFocused" - [pseudoHovered]="pseudoHovered" - [pseudoPressed]="pseudoPressed" + [pseudoFocus]="pseudoFocused" + [pseudoHover]="pseudoHovered" + [pseudoActive]="pseudoPressed" [disabledItemHandler]="disabledItemHandler" [tuiHintContent]="hintContent" [tuiHintDirection]="hintDirection" diff --git a/projects/demo/src/modules/components/input-month/input-month.template.html b/projects/demo/src/modules/components/input-month/input-month.template.html index f5c5095d5289..3633f4a57528 100644 --- a/projects/demo/src/modules/components/input-month/input-month.template.html +++ b/projects/demo/src/modules/components/input-month/input-month.template.html @@ -42,9 +42,9 @@ [focusable]="focusable" [readOnly]="readOnly" [pseudoInvalid]="pseudoInvalid" - [pseudoFocused]="pseudoFocused" - [pseudoHovered]="pseudoHovered" - [pseudoPressed]="pseudoPressed" + [pseudoFocus]="pseudoFocused" + [pseudoHover]="pseudoHovered" + [pseudoActive]="pseudoPressed" [disabledItemHandler]="disabledItemHandler" [tuiTextfieldIconLeft]="iconLeft" [tuiTextfieldCleaner]="cleaner" diff --git a/projects/demo/src/modules/components/input-number/input-number.template.html b/projects/demo/src/modules/components/input-number/input-number.template.html index bf3909a25991..ce52e7aaf7f9 100644 --- a/projects/demo/src/modules/components/input-number/input-number.template.html +++ b/projects/demo/src/modules/components/input-number/input-number.template.html @@ -175,9 +175,9 @@

There are also other components to input numbers:

[max]="max" [style.text-align]="align" [pseudoInvalid]="pseudoInvalid" - [pseudoFocused]="pseudoFocused" - [pseudoHovered]="pseudoHovered" - [pseudoPressed]="pseudoPressed" + [pseudoFocus]="pseudoFocused" + [pseudoHover]="pseudoHovered" + [pseudoActive]="pseudoPressed" [precision]="precision" [readOnly]="readOnly" [decimal]="decimal" diff --git a/projects/demo/src/modules/components/input-password/input-password.template.html b/projects/demo/src/modules/components/input-password/input-password.template.html index a8effc0183d4..a6a05d2735d2 100644 --- a/projects/demo/src/modules/components/input-password/input-password.template.html +++ b/projects/demo/src/modules/components/input-password/input-password.template.html @@ -44,8 +44,8 @@ [tuiTextfieldCleaner]="cleaner" [readOnly]="readOnly" [pseudoInvalid]="pseudoInvalid" - [pseudoFocused]="pseudoFocused" - [pseudoHovered]="pseudoHovered" + [pseudoFocus]="pseudoFocused" + [pseudoHover]="pseudoHovered" [tuiHintContent]="hintContent" [tuiHintDirection]="hintDirection" [tuiHintMode]="hintMode" diff --git a/projects/demo/src/modules/components/input-phone-international/input-phone-international.template.html b/projects/demo/src/modules/components/input-phone-international/input-phone-international.template.html index c21e5e7e47f4..0e130dd2632e 100644 --- a/projects/demo/src/modules/components/input-phone-international/input-phone-international.template.html +++ b/projects/demo/src/modules/components/input-phone-international/input-phone-international.template.html @@ -40,8 +40,8 @@ [tuiHintContent]="hintContent" [tuiHintDirection]="hintDirection" [tuiHintMode]="hintMode" - [pseudoHovered]="pseudoHovered" - [pseudoFocused]="pseudoFocused" + [pseudoHover]="pseudoHovered" + [pseudoFocus]="pseudoFocused" [pseudoInvalid]="pseudoInvalid" [tuiTextfieldLabelOutside]="labelOutside" [(countryIsoCode)]="countryIsoCode" diff --git a/projects/demo/src/modules/components/input-phone/input-phone.template.html b/projects/demo/src/modules/components/input-phone/input-phone.template.html index fe6b046d4e0c..f4a8bf8733ab 100644 --- a/projects/demo/src/modules/components/input-phone/input-phone.template.html +++ b/projects/demo/src/modules/components/input-phone/input-phone.template.html @@ -62,8 +62,8 @@ [countryCode]="countryCode" [phoneMaskAfterCountryCode]="phoneMaskAfterCountryCode" [pseudoInvalid]="pseudoInvalid" - [pseudoFocused]="pseudoFocused" - [pseudoHovered]="pseudoHovered" + [pseudoFocus]="pseudoFocused" + [pseudoHover]="pseudoHovered" [tuiDropdownAlign]="dropdownAlign" [tuiDropdownDirection]="dropdownDirection" [tuiDropdownLimitWidth]="dropdownLimitWidth" diff --git a/projects/demo/src/modules/components/input-slider/input-slider.template.html b/projects/demo/src/modules/components/input-slider/input-slider.template.html index 5f178f668600..b74e41d0b03a 100644 --- a/projects/demo/src/modules/components/input-slider/input-slider.template.html +++ b/projects/demo/src/modules/components/input-slider/input-slider.template.html @@ -144,9 +144,9 @@ [focusable]="focusable" [readOnly]="readOnly" [pseudoInvalid]="pseudoInvalid" - [pseudoFocused]="pseudoFocused" - [pseudoHovered]="pseudoHovered" - [pseudoPressed]="pseudoPressed" + [pseudoFocus]="pseudoFocused" + [pseudoHover]="pseudoHovered" + [pseudoActive]="pseudoPressed" [tuiTextfieldAutocomplete]="autocomplete" [tuiTextfieldCleaner]="cleaner" [tuiTextfieldCustomContent]="customContentSelected" diff --git a/projects/demo/src/modules/components/input-tag/input-tag.template.html b/projects/demo/src/modules/components/input-tag/input-tag.template.html index 98d62e3cd6c6..116f6f459e06 100644 --- a/projects/demo/src/modules/components/input-tag/input-tag.template.html +++ b/projects/demo/src/modules/components/input-tag/input-tag.template.html @@ -112,9 +112,9 @@ [allowSpaces]="allowSpaces" [tagValidator]="tagValidator" [inputHidden]="inputHidden" - [pseudoHovered]="pseudoHovered" - [pseudoPressed]="pseudoPressed" - [pseudoFocused]="pseudoFocused" + [pseudoHover]="pseudoHovered" + [pseudoActive]="pseudoPressed" + [pseudoFocus]="pseudoFocused" [pseudoInvalid]="pseudoInvalid" [(search)]="search" > diff --git a/projects/demo/src/modules/components/input-time/input-time.template.html b/projects/demo/src/modules/components/input-time/input-time.template.html index 008bf3002a3d..e078c22354ba 100644 --- a/projects/demo/src/modules/components/input-time/input-time.template.html +++ b/projects/demo/src/modules/components/input-time/input-time.template.html @@ -78,8 +78,8 @@ [readOnly]="readOnly" [strict]="strict" [pseudoInvalid]="pseudoInvalid" - [pseudoFocused]="pseudoFocused" - [pseudoHovered]="pseudoHovered" + [pseudoFocus]="pseudoFocused" + [pseudoHover]="pseudoHovered" [tuiHintContent]="hintContent" [tuiHintDirection]="hintDirection" [tuiHintMode]="hintMode" diff --git a/projects/demo/src/modules/components/input/input.template.html b/projects/demo/src/modules/components/input/input.template.html index e21eff70f721..c8fdd3edd878 100644 --- a/projects/demo/src/modules/components/input/input.template.html +++ b/projects/demo/src/modules/components/input/input.template.html @@ -218,8 +218,8 @@ [formControl]="control" [focusable]="focusable" [pseudoInvalid]="pseudoInvalid" - [pseudoFocused]="pseudoFocused" - [pseudoHovered]="pseudoHovered" + [pseudoFocus]="pseudoFocused" + [pseudoHover]="pseudoHovered" [tuiTextfieldIcon]="icon" [tuiTextfieldIconLeft]="iconLeft" [readOnly]="readOnly" diff --git a/projects/demo/src/modules/components/multi-select/multi-select.template.html b/projects/demo/src/modules/components/multi-select/multi-select.template.html index f87dcf9731e0..6773a85a314b 100644 --- a/projects/demo/src/modules/components/multi-select/multi-select.template.html +++ b/projects/demo/src/modules/components/multi-select/multi-select.template.html @@ -116,9 +116,9 @@ [readOnly]="readOnly" [stringify]="stringify" [pseudoInvalid]="pseudoInvalid" - [pseudoFocused]="pseudoFocused" - [pseudoHovered]="pseudoHovered" - [pseudoPressed]="pseudoPressed" + [pseudoFocus]="pseudoFocused" + [pseudoHover]="pseudoHovered" + [pseudoActive]="pseudoPressed" [valueContent]="valueContent" [(search)]="search" > diff --git a/projects/demo/src/modules/components/primitive-textfield/primitive-textfield.template.html b/projects/demo/src/modules/components/primitive-textfield/primitive-textfield.template.html index f86716eac391..bcde9c011c60 100644 --- a/projects/demo/src/modules/components/primitive-textfield/primitive-textfield.template.html +++ b/projects/demo/src/modules/components/primitive-textfield/primitive-textfield.template.html @@ -64,9 +64,9 @@ [tuiTextfieldLabelOutside]="labelOutside" [tuiTextfieldSize]="size" [tuiTextfieldType]="type" - [pseudoPressed]="pseudoPressed" - [pseudoFocused]="pseudoFocused" - [pseudoHovered]="pseudoHovered" + [pseudoActive]="pseudoPressed" + [pseudoFocus]="pseudoFocused" + [pseudoHover]="pseudoHovered" [disabled]="disabled" [editable]="editable" [filler]="filler" diff --git a/projects/demo/src/modules/components/radio-block/radio-block.template.html b/projects/demo/src/modules/components/radio-block/radio-block.template.html index 45f02da13045..d4c9d52027c0 100644 --- a/projects/demo/src/modules/components/radio-block/radio-block.template.html +++ b/projects/demo/src/modules/components/radio-block/radio-block.template.html @@ -48,9 +48,9 @@ [contentAlign]="contentAlign" [hideRadio]="hideRadio" [pseudoInvalid]="pseudoInvalid" - [pseudoFocused]="pseudoFocused" - [pseudoHovered]="pseudoHovered" - [pseudoPressed]="pseudoPressed" + [pseudoFocus]="pseudoFocused" + [pseudoHover]="pseudoHovered" + [pseudoActive]="pseudoPressed" [pseudoDisabled]="pseudoDisabled" [size]="size" [focusable]="focusable" @@ -64,9 +64,9 @@ [contentAlign]="contentAlign" [hideRadio]="hideRadio" [pseudoInvalid]="pseudoInvalid" - [pseudoFocused]="pseudoFocused" - [pseudoHovered]="pseudoHovered" - [pseudoPressed]="pseudoPressed" + [pseudoFocus]="pseudoFocused" + [pseudoHover]="pseudoHovered" + [pseudoActive]="pseudoPressed" [pseudoDisabled]="pseudoDisabled" [size]="size" [focusable]="focusable" @@ -80,9 +80,9 @@ [contentAlign]="contentAlign" [hideRadio]="hideRadio" [pseudoInvalid]="pseudoInvalid" - [pseudoFocused]="pseudoFocused" - [pseudoHovered]="pseudoHovered" - [pseudoPressed]="pseudoPressed" + [pseudoFocus]="pseudoFocused" + [pseudoHover]="pseudoHovered" + [pseudoActive]="pseudoPressed" [pseudoDisabled]="pseudoDisabled" [size]="size" [focusable]="focusable" diff --git a/projects/demo/src/modules/components/radio-labeled/radio-labeled.template.html b/projects/demo/src/modules/components/radio-labeled/radio-labeled.template.html index 29f000952a2b..1a55480e030d 100644 --- a/projects/demo/src/modules/components/radio-labeled/radio-labeled.template.html +++ b/projects/demo/src/modules/components/radio-labeled/radio-labeled.template.html @@ -52,9 +52,9 @@ [formControl]="control" [item]="items[0]" [pseudoInvalid]="pseudoInvalid" - [pseudoFocused]="pseudoFocused" - [pseudoHovered]="pseudoHovered" - [pseudoPressed]="pseudoPressed" + [pseudoFocus]="pseudoFocused" + [pseudoHover]="pseudoHovered" + [pseudoActive]="pseudoPressed" [pseudoDisabled]="pseudoDisabled" [size]="size" [focusable]="focusable" @@ -67,9 +67,9 @@ [formControl]="control" [item]="items[1]" [pseudoInvalid]="pseudoInvalid" - [pseudoFocused]="pseudoFocused" - [pseudoHovered]="pseudoHovered" - [pseudoPressed]="pseudoPressed" + [pseudoFocus]="pseudoFocused" + [pseudoHover]="pseudoHovered" + [pseudoActive]="pseudoPressed" [pseudoDisabled]="pseudoDisabled" [size]="size" [focusable]="focusable" @@ -82,9 +82,9 @@ [formControl]="control" [item]="items[2]" [pseudoInvalid]="pseudoInvalid" - [pseudoFocused]="pseudoFocused" - [pseudoHovered]="pseudoHovered" - [pseudoPressed]="pseudoPressed" + [pseudoFocus]="pseudoFocused" + [pseudoHover]="pseudoHovered" + [pseudoActive]="pseudoPressed" [pseudoDisabled]="pseudoDisabled" [size]="size" [focusable]="focusable" diff --git a/projects/demo/src/modules/components/radio-list/radio-list.template.html b/projects/demo/src/modules/components/radio-list/radio-list.template.html index 52701df48ebb..d087fb941a92 100644 --- a/projects/demo/src/modules/components/radio-list/radio-list.template.html +++ b/projects/demo/src/modules/components/radio-list/radio-list.template.html @@ -34,9 +34,9 @@ [items]="items" [orientation]="orientation" [pseudoInvalid]="pseudoInvalid" - [pseudoFocused]="pseudoFocused" - [pseudoHovered]="pseudoHovered" - [pseudoPressed]="pseudoPressed" + [pseudoFocus]="pseudoFocused" + [pseudoHover]="pseudoHovered" + [pseudoActive]="pseudoPressed" [size]="size" [itemContent]="itemContent" [disabledItemHandler]="disabledItemHandler" diff --git a/projects/demo/src/modules/components/radio/radio.template.html b/projects/demo/src/modules/components/radio/radio.template.html index fdb8bf51b483..afaf6f360a2d 100644 --- a/projects/demo/src/modules/components/radio/radio.template.html +++ b/projects/demo/src/modules/components/radio/radio.template.html @@ -50,9 +50,9 @@ [item]="null" [identityMatcher]="identityMatcher" [pseudoInvalid]="pseudoInvalid" - [pseudoFocused]="pseudoFocused" - [pseudoHovered]="pseudoHovered" - [pseudoPressed]="pseudoPressed" + [pseudoFocus]="pseudoFocused" + [pseudoHover]="pseudoHovered" + [pseudoActive]="pseudoPressed" [pseudoDisabled]="pseudoDisabled" [size]="size" [focusable]="focusable" @@ -64,9 +64,9 @@ [item]="items[1]" [identityMatcher]="identityMatcher" [pseudoInvalid]="pseudoInvalid" - [pseudoFocused]="pseudoFocused" - [pseudoHovered]="pseudoHovered" - [pseudoPressed]="pseudoPressed" + [pseudoFocus]="pseudoFocused" + [pseudoHover]="pseudoHovered" + [pseudoActive]="pseudoPressed" [pseudoDisabled]="pseudoDisabled" [size]="size" [focusable]="focusable" @@ -78,9 +78,9 @@ [item]="items[2]" [identityMatcher]="identityMatcher" [pseudoInvalid]="pseudoInvalid" - [pseudoFocused]="pseudoFocused" - [pseudoHovered]="pseudoHovered" - [pseudoPressed]="pseudoPressed" + [pseudoFocus]="pseudoFocused" + [pseudoHover]="pseudoHovered" + [pseudoActive]="pseudoPressed" [pseudoDisabled]="pseudoDisabled" [size]="size" [focusable]="focusable" diff --git a/projects/demo/src/modules/components/select/select.template.html b/projects/demo/src/modules/components/select/select.template.html index e42d773cee14..e202e843c82a 100644 --- a/projects/demo/src/modules/components/select/select.template.html +++ b/projects/demo/src/modules/components/select/select.template.html @@ -114,9 +114,9 @@ [tuiTextfieldIconLeft]="iconLeft" [readOnly]="readOnly" [pseudoInvalid]="pseudoInvalid" - [pseudoFocused]="pseudoFocused" - [pseudoHovered]="pseudoHovered" - [pseudoPressed]="pseudoPressed" + [pseudoFocus]="pseudoFocused" + [pseudoHover]="pseudoHovered" + [pseudoActive]="pseudoPressed" [tuiDropdownAlign]="dropdownAlign" [tuiDropdownDirection]="dropdownDirection" [tuiDropdownLimitWidth]="dropdownLimitWidth" diff --git a/projects/demo/src/modules/components/text-area/text-area.template.html b/projects/demo/src/modules/components/text-area/text-area.template.html index 39a3d855ff70..20ed850cf68e 100644 --- a/projects/demo/src/modules/components/text-area/text-area.template.html +++ b/projects/demo/src/modules/components/text-area/text-area.template.html @@ -81,8 +81,8 @@ [tuiTextfieldSize]="size" [expandable]="expandable" [pseudoInvalid]="pseudoInvalid" - [pseudoFocused]="pseudoFocused" - [pseudoHovered]="pseudoHovered" + [pseudoFocus]="pseudoFocused" + [pseudoHover]="pseudoHovered" [readOnly]="readOnly" [rows]="rows" [tuiHintContent]="hintContent" diff --git a/projects/demo/src/modules/components/toggle/toggle.template.html b/projects/demo/src/modules/components/toggle/toggle.template.html index a9be20ae8706..4e6354b64c3b 100644 --- a/projects/demo/src/modules/components/toggle/toggle.template.html +++ b/projects/demo/src/modules/components/toggle/toggle.template.html @@ -29,9 +29,9 @@ return this.computePureKeySteps(this.keySteps, this.min, this.max); } - onHovered(hovered: boolean): void { - this.updateHovered(hovered); - } - @tuiPure private computePureKeySteps( keySteps: TuiKeySteps | null, diff --git a/projects/kit/components/accordion/accordion-item/accordion-item.component.ts b/projects/kit/components/accordion/accordion-item/accordion-item.component.ts index 4f775c32379a..415f70d481cb 100644 --- a/projects/kit/components/accordion/accordion-item/accordion-item.component.ts +++ b/projects/kit/components/accordion/accordion-item/accordion-item.component.ts @@ -112,12 +112,6 @@ export class TuiAccordionItemComponent return tuiIsNativeFocused(this.nativeFocusableElement); } - onHovered(hovered: boolean): void { - if (!this.disableHover) { - this.updateHovered(hovered); - } - } - onFocused(focused: boolean): void { this.updateFocused(focused); } diff --git a/projects/kit/components/accordion/accordion-item/accordion-item.template.html b/projects/kit/components/accordion/accordion-item/accordion-item.template.html index 92d454b3d95b..ac5b612e27ac 100644 --- a/projects/kit/components/accordion/accordion-item/accordion-item.template.html +++ b/projects/kit/components/accordion/accordion-item/accordion-item.template.html @@ -14,7 +14,6 @@ class="t-header" [class.t-header_open]="open" [class.t-header_hoverable]="!disableHover" - (tuiHoveredChange)="onHovered($event)" (click)="onRowToggle()" >
; @Input() @tuiDefaultProp() - icon = ``; + icon = ''; - readonly isLink = this.elementRef.nativeElement.matches(`a`); + readonly isLink = this.elementRef.nativeElement.matches('a'); readonly disabled = false; @@ -72,18 +72,12 @@ export class TuiActionComponent extends AbstractTuiInteractive { return tuiIsNativeFocused(this.nativeFocusableElement); } - @HostListener(`focusin`, [`true`]) - @HostListener(`focusout`, [`false`]) + @HostListener('focusin', ['true']) + @HostListener('focusout', ['false']) onFocused(focused: boolean): void { this.updateFocused(focused); } - @HostListener(`mouseenter`, [`true`]) - @HostListener(`mouseleave`, [`false`]) - onHovered(hovered: boolean): void { - this.updateHovered(hovered); - } - onFocusVisible(focusVisible: boolean): void { this.updateFocusVisible(focusVisible); } diff --git a/projects/kit/components/checkbox-block/checkbox-block.component.ts b/projects/kit/components/checkbox-block/checkbox-block.component.ts index 706c619d0f7d..20cb7c1aeb17 100644 --- a/projects/kit/components/checkbox-block/checkbox-block.component.ts +++ b/projects/kit/components/checkbox-block/checkbox-block.component.ts @@ -106,14 +106,6 @@ export class TuiCheckboxBlockComponent this.updateFocused(focused); } - onHovered(hovered: boolean): void { - this.updateHovered(hovered); - } - - onPressed(pressed: boolean): void { - this.updatePressed(pressed); - } - onFocusVisible(focusVisible: boolean): void { this.updateFocusVisible(focusVisible); } diff --git a/projects/kit/components/checkbox-block/checkbox-block.template.html b/projects/kit/components/checkbox-block/checkbox-block.template.html index ed875275a2ae..bb142eb1d84f 100644 --- a/projects/kit/components/checkbox-block/checkbox-block.template.html +++ b/projects/kit/components/checkbox-block/checkbox-block.template.html @@ -1,15 +1,11 @@ -