{"version":3,"file":"koobiq-components-skeleton.mjs","sources":["../../../packages/components/skeleton/skeleton.ts","../../../packages/components/skeleton/module.ts","../../../packages/components/skeleton/koobiq-components-skeleton.ts"],"sourcesContent":["import { _CdkPrivateStyleLoader } from '@angular/cdk/private';\nimport {\n    Component,\n    Directive,\n    OnDestroy,\n    ViewEncapsulation,\n    afterRenderEffect,\n    booleanAttribute,\n    inject,\n    input\n} from '@angular/core';\nimport { KBQ_WINDOW, kbqInjectNativeElement } from '@koobiq/components/core';\n\n/** Timestamp of the first skeleton instance — used as animation start time for sync */\nlet animationStartTime: number | null = null;\n/** Count of active skeleton instances */\nlet count = 0;\n\n/**\n * Component used to load the `.kbq-skeleton` styles.\n */\n@Component({\n    selector: 'skeleton-style-loader',\n    template: '',\n    styleUrl: 'skeleton.scss',\n    encapsulation: ViewEncapsulation.None\n})\nclass SkeletonStyleLoader {}\n\n/**\n * Directive representing a skeleton placeholder.\n */\n@Directive({\n    selector: 'kbq-skeleton, [kbqSkeleton]',\n    host: {\n        class: 'kbq-skeleton',\n        '[class.kbq-skeleton_disabled]': '!enabled()'\n    },\n    exportAs: 'kbqSkeleton'\n})\nexport class KbqSkeleton implements OnDestroy {\n    private readonly styleLoader = inject(_CdkPrivateStyleLoader);\n    private readonly element = kbqInjectNativeElement();\n    private readonly window = inject(KBQ_WINDOW);\n\n    /** Whether the skeleton is enabled. */\n    readonly enabled = input(true, { transform: booleanAttribute, alias: 'kbqSkeleton' });\n\n    constructor() {\n        count++;\n\n        this.styleLoader.load(SkeletonStyleLoader);\n\n        afterRenderEffect(() => {\n            if (!this.enabled()) return;\n\n            const enabledAt = Date.now();\n\n            animationStartTime ??= enabledAt;\n\n            this.syncAnimation(enabledAt);\n        });\n    }\n\n    ngOnDestroy(): void {\n        if (--count === 0) {\n            animationStartTime = null;\n        }\n    }\n\n    private syncAnimation(enabledAt: number): void {\n        const elapsed = enabledAt - (animationStartTime ?? 0);\n        const durationMs = parseFloat(\n            this.window.getComputedStyle(this.element).getPropertyValue('--kbq-skeleton-animation-duration')\n        );\n        const delay = -(elapsed % durationMs);\n\n        this.element.style.setProperty('--kbq-skeleton-animation-delay', `${delay}ms`);\n    }\n}\n","import { NgModule } from '@angular/core';\nimport { KbqSkeleton } from './skeleton';\n\nconst COMPONENTS = [KbqSkeleton];\n\n@NgModule({\n    imports: COMPONENTS,\n    exports: COMPONENTS\n})\nexport class KbqSkeletonModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}