From b8bb938ec1f9b47d8b9b9e3f9e2f12e04841da28 Mon Sep 17 00:00:00 2001 From: "Sophie P." <47987708+Jonesso@users.noreply.github.com> Date: Mon, 16 Dec 2024 11:05:15 +0300 Subject: [PATCH] fix(kit): skeleton animation speed slow down after speed up `TUI_ANIMATION` (#9984) MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit Co-authored-by: Павлинина Софья Александровна --- projects/kit/directives/skeleton/skeleton.directive.ts | 5 ++--- 1 file changed, 2 insertions(+), 3 deletions(-) diff --git a/projects/kit/directives/skeleton/skeleton.directive.ts b/projects/kit/directives/skeleton/skeleton.directive.ts index f556abce00ea..3686766bd83d 100644 --- a/projects/kit/directives/skeleton/skeleton.directive.ts +++ b/projects/kit/directives/skeleton/skeleton.directive.ts @@ -11,7 +11,7 @@ import {CHAR_NO_BREAK_SPACE} from '@taiga-ui/cdk/constants'; import {tuiInjectElement} from '@taiga-ui/cdk/utils/dom'; import {tuiPure, tuiWithStyles} from '@taiga-ui/cdk/utils/miscellaneous'; import {TUI_ANIMATIONS_SPEED} from '@taiga-ui/core/tokens'; -import {TUI_ANIMATIONS_DEFAULT_DURATION} from '@taiga-ui/core/utils/miscellaneous'; +import {tuiGetDuration} from '@taiga-ui/core/utils/miscellaneous'; const FADE = [{opacity: 0.06}, {opacity: 1}]; @@ -39,8 +39,7 @@ class TuiSkeletonStyles {} export class TuiSkeleton implements OnChanges { private animation?: Animation; private readonly el = tuiInjectElement(); - private readonly duration = - inject(TUI_ANIMATIONS_SPEED) * TUI_ANIMATIONS_DEFAULT_DURATION * 2; + private readonly duration = tuiGetDuration(inject(TUI_ANIMATIONS_SPEED) * 2); protected readonly nothing = tuiWithStyles(TuiSkeletonStyles);