@taiga-ui/kit/fesm2022/taiga-ui-kit-directives-shimmer.mjs.map

Taiga UI Angular main components kit

{"version":3,"file":"taiga-ui-kit-directives-shimmer.mjs","sources":["../../../projects/kit/directives/shimmer/shimmer.directive.ts","../../../projects/kit/directives/shimmer/taiga-ui-kit-directives-shimmer.ts"],"sourcesContent":["import {isPlatformBrowser} from '@angular/common';\nimport {\n    ChangeDetectionStrategy,\n    Component,\n    Directive,\n    inject,\n    input,\n    type OnChanges,\n    PLATFORM_ID,\n    ViewEncapsulation,\n} from '@angular/core';\nimport {TUI_VERSION} from '@taiga-ui/cdk/constants';\nimport {tuiInjectElement} from '@taiga-ui/cdk/utils/dom';\nimport {tuiWithStyles} from '@taiga-ui/cdk/utils/miscellaneous';\n\nconst OPTIONS = {duration: 1500, iterations: Infinity};\n\n@Component({\n    template: '',\n    styles: `\n        [data-tui-version='${TUI_VERSION}'] {\n            @import './shimmer.style.less';\n        }\n    `,\n    encapsulation: ViewEncapsulation.None,\n    changeDetection: ChangeDetectionStrategy.OnPush,\n    exportAs: `tui-shimmer-${TUI_VERSION}`,\n})\nclass Styles {}\n\n@Directive({\n    selector: '[tuiShimmer]',\n    host: {\n        tuiShimmer: '',\n        '[attr.inert]': 'tuiShimmer() || null',\n        '[class._disabled]': 'tuiShimmer() && disabled',\n        '[class._shimmer]': 'tuiShimmer()',\n    },\n})\nexport class TuiShimmer implements OnChanges {\n    private readonly isBrowser = isPlatformBrowser(inject(PLATFORM_ID));\n    private readonly el = tuiInjectElement();\n    private animation?: Animation;\n    protected readonly nothing = tuiWithStyles(Styles);\n    protected disabled = false;\n    public readonly tuiShimmer = input(false);\n\n    public ngOnChanges(): void {\n        if (!this.isBrowser) {\n            return;\n        }\n\n        this.disabled = !Number.parseFloat(\n            getComputedStyle(this.el).getPropertyValue('--tui-duration'),\n        );\n\n        if (this.disabled) {\n            return;\n        }\n\n        this.animation?.commitStyles();\n        this.animation?.cancel();\n        this.animation = this.tuiShimmer()\n            ? this.el.animate({opacity: [0.5, 0.25, 0.5, 0.5]}, OPTIONS)\n            : this.el.animate([{opacity: 0, offset: 0.5}, {opacity: 1}], 800);\n        this.animation.finished\n            .then(() => {\n                this.el.style.opacity = '';\n            })\n            .catch(() => {});\n    }\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}