{"version":3,"file":"ng-zorro-antd-skeleton.mjs","sources":["../../components/skeleton/skeleton-element.component.ts","../../components/skeleton/skeleton.component.ts","../../components/skeleton/skeleton.module.ts","../../components/skeleton/skeleton.type.ts","../../components/skeleton/public-api.ts","../../components/skeleton/ng-zorro-antd-skeleton.ts"],"sourcesContent":["/**\n * Use of this source code is governed by an MIT-style license that can be\n * found in the LICENSE file at https://github.com/NG-ZORRO/ng-zorro-antd/blob/master/LICENSE\n */\n\nimport {\n ChangeDetectionStrategy,\n Component,\n Directive,\n Input,\n OnChanges,\n SimpleChanges,\n booleanAttribute\n} from '@angular/core';\n\nimport {\n NzSkeletonAvatarShape,\n NzSkeletonAvatarSize,\n NzSkeletonButtonShape,\n NzSkeletonButtonSize,\n NzSkeletonInputSize\n} from './skeleton.type';\n\n@Directive({\n selector: 'nz-skeleton-element',\n host: {\n class: 'ant-skeleton ant-skeleton-element',\n '[class.ant-skeleton-active]': 'nzActive',\n '[class.ant-skeleton-block]': 'nzBlock'\n }\n})\nexport class NzSkeletonElementDirective {\n @Input({ transform: booleanAttribute }) nzActive: boolean = false;\n @Input() nzType!: 'button' | 'input' | 'avatar' | 'image';\n @Input({ transform: booleanAttribute }) nzBlock: boolean = false;\n}\n\n@Component({\n changeDetection: ChangeDetectionStrategy.OnPush,\n selector: 'nz-skeleton-element[nzType=\"button\"]',\n template: `\n \n `\n})\nexport class NzSkeletonElementButtonComponent {\n @Input() nzShape: NzSkeletonButtonShape = 'default';\n @Input() nzSize: NzSkeletonButtonSize = 'default';\n}\n\n@Component({\n changeDetection: ChangeDetectionStrategy.OnPush,\n selector: 'nz-skeleton-element[nzType=\"avatar\"]',\n template: `\n \n `\n})\nexport class NzSkeletonElementAvatarComponent implements OnChanges {\n @Input() nzShape: NzSkeletonAvatarShape = 'circle';\n @Input() nzSize: NzSkeletonAvatarSize = 'default';\n\n styleMap = {};\n\n ngOnChanges(changes: SimpleChanges): void {\n if (changes.nzSize && typeof this.nzSize === 'number') {\n const sideLength = `${this.nzSize}px`;\n this.styleMap = { width: sideLength, height: sideLength, 'line-height': sideLength };\n } else {\n this.styleMap = {};\n }\n }\n}\n\n@Component({\n changeDetection: ChangeDetectionStrategy.OnPush,\n selector: 'nz-skeleton-element[nzType=\"input\"]',\n template: `\n \n `\n})\nexport class NzSkeletonElementInputComponent {\n @Input() nzSize: NzSkeletonInputSize = 'default';\n}\n\n@Component({\n changeDetection: ChangeDetectionStrategy.OnPush,\n selector: 'nz-skeleton-element[nzType=\"image\"]',\n template: `\n \n \n \n `\n})\nexport class NzSkeletonElementImageComponent {}\n","/**\n * Use of this source code is governed by an MIT-style license that can be\n * found in the LICENSE file at https://github.com/NG-ZORRO/ng-zorro-antd/blob/master/LICENSE\n */\n\nimport {\n ChangeDetectionStrategy,\n ChangeDetectorRef,\n Component,\n Input,\n OnChanges,\n OnInit,\n SimpleChanges,\n ViewEncapsulation\n} from '@angular/core';\n\nimport { toCssPixel } from 'ng-zorro-antd/core/util';\n\nimport { NzSkeletonElementAvatarComponent, NzSkeletonElementDirective } from './skeleton-element.component';\nimport {\n NzSkeletonAvatar,\n NzSkeletonAvatarShape,\n NzSkeletonAvatarSize,\n NzSkeletonParagraph,\n NzSkeletonTitle\n} from './skeleton.type';\n\n@Component({\n changeDetection: ChangeDetectionStrategy.OnPush,\n encapsulation: ViewEncapsulation.None,\n selector: 'nz-skeleton',\n exportAs: 'nzSkeleton',\n host: {\n class: 'ant-skeleton',\n '[class.ant-skeleton-with-avatar]': '!!nzAvatar',\n '[class.ant-skeleton-active]': 'nzActive',\n '[class.ant-skeleton-round]': '!!nzRound'\n },\n template: `\n @if (nzLoading) {\n @if (!!nzAvatar) {\n