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);