{"version":3,"file":"skeleton-elements-angular.js","sources":["../../../src/angular/lib/skeleton-block.ts","../../../src/angular/lib/multiply-svg-points.ts","../../../src/angular/lib/skeleton-avatar.ts","../../../src/angular/lib/skeleton-text.ts","../../../src/angular/lib/skeleton-image.ts","../../../src/angular/lib/skeleton-elements.module.ts","../../../src/angular/public-api.ts","../../../src/angular/skeleton-elements-angular.ts"],"sourcesContent":["import { Component, Input } from '@angular/core';\nimport { SkeletonEffects } from './skeletonEffect';\n@Component({\n  selector: 'skeleton-block',\n  template: `<ng-content></ng-content>`,\n  host: {\n    class: 'skeleton-block',\n    '[class.skeleton-effect-fade]': 'effect === \"fade\"',\n    '[class.skeleton-effect-pulse]': 'effect === \"pulse\"',\n    '[class.skeleton-effect-wave]': 'effect === \"blink\" || effect === \"wave\"',\n    '[style.width]': 'width',\n    '[style.height]': 'height',\n    '[style.border-radius]': 'borderRadius',\n  },\n})\nexport class SkeletonBlockComponent {\n  @Input() width: string;\n  @Input() height: string;\n  @Input() effect: SkeletonEffects;\n  @Input() borderRadius: string;\n}\n","export function multiplySvgPointsService(\n  points: string,\n  iconSize: number,\n  width: number,\n  height: number,\n) {\n  const iconMaxSize = Math.min(width, height) * 0.5;\n  const scale = iconMaxSize / iconSize;\n  return points.replace(/([0-9,\\.]{1,})/g, (coords) => {\n    const [_x, _y]: Array<number> = coords.split(',').map((p) => parseFloat(p));\n    const x = _x * scale + width / 2 - (iconSize * scale) / 2;\n    const y = _y * scale + height / 2 - (iconSize * scale) / 2;\n    if (iconMaxSize >= 100) {\n      return `${Math.round(x)},${Math.round(y)}`;\n    }\n    return `${x},${y}`;\n  });\n}\n","import { Component, Input } from '@angular/core';\nimport { SkeletonEffects } from './skeletonEffect';\nimport { multiplySvgPointsService } from './multiply-svg-points';\n@Component({\n  selector: 'skeleton-avatar',\n  host: {\n    class: 'skeleton-avatar',\n    '[class.skeleton-effect-fade]': 'effect === \"fade\"',\n    '[class.skeleton-effect-pulse]': 'effect === \"pulse\"',\n    '[class.skeleton-effect-wave]': 'effect === \"blink\" || effect === \"wave\"',\n  },\n  template: `<svg\n      xmlns=\"http://www.w3.org/2000/svg\"\n      [attr.width]=\"size\"\n      [attr.height]=\"size\"\n      [attr.viewBox]=\"'0 0 ' + size + ' ' + size\"\n      preserveAspectRatio=\"none\"\n    >\n      <rect\n        [attr.width]=\"size\"\n        [attr.height]=\"size\"\n        fillRule=\"evenodd\"\n        [style.fill]=\"color\"\n        [attr.rx]=\"borderRadius\"\n      />\n      <path\n        *ngIf=\"showIcon\"\n        [style.fill]=\"iconColor\"\n        [attr.d]=\"\n          multiplyPoints(\n            'M28.22461,27.1590817 C34.9209931,27.1590817 40.6829044,21.1791004 40.6829044,13.3926332 C40.6829044,5.69958662 34.8898972,0 28.22461,0 C21.5594557,0 15.7663156,5.82423601 15.7663156,13.4549579 C15.7663156,21.1791004 21.5594557,27.1590817 28.22461,27.1590817 Z M8.66515427,56 L47.7841986,56 C52.6739629,56 54.4181241,54.5984253 54.4181241,51.8576005 C54.4181241,43.8219674 44.358068,32.7341519 28.22461,32.7341519 C12.0600561,32.7341519 2,43.8219674 2,51.8576005 C2,54.5984253 3.74402832,56 8.66515427,56 Z'\n          )\n        \"\n      />\n    </svg>\n    <ng-content></ng-content>`,\n})\nexport class SkeletonAvatarComponent {\n  @Input() size: number = 48;\n  @Input() color: string;\n  @Input() showIcon: boolean = true;\n  @Input() iconColor: string;\n  @Input() borderRadius: string = '50%';\n  @Input() effect: SkeletonEffects;\n\n  multiplyPoints(pointsString) {\n    return multiplySvgPointsService(pointsString, 56, this.size, this.size);\n  }\n}\n","import { Directive, Input } from '@angular/core';\nimport { SkeletonEffects } from './skeletonEffect';\n@Directive({\n  selector: '[skeleton-text]',\n  host: {\n    class: 'skeleton-text',\n    '[class.skeleton-effect-fade]': 'effect === \"fade\"',\n    '[class.skeleton-effect-pulse]': 'effect === \"pulse\"',\n    '[class.skeleton-effect-wave]': 'effect === \"blink\" || effect === \"wave\"',\n  },\n})\nexport class SkeletonTextDirective {\n  @Input() effect: SkeletonEffects;\n\n  constructor() {}\n}\n","import { Component, Input } from '@angular/core';\nimport { SkeletonEffects } from './skeletonEffect';\nimport { multiplySvgPointsService } from './multiply-svg-points';\n@Component({\n  selector: 'skeleton-image',\n  host: {\n    class: 'skeleton-image',\n    '[class.skeleton-effect-fade]': 'effect === \"fade\"',\n    '[class.skeleton-effect-pulse]': 'effect === \"pulse\"',\n    '[class.skeleton-effect-wave]': 'effect === \"blink\" || effect === \"wave\"',\n  },\n  template: `<svg\n      xmlns=\"http://www.w3.org/2000/svg\"\n      [attr.width]=\"width\"\n      [attr.height]=\"height\"\n      [attr.viewBox]=\"'0 0 ' + width + ' ' + height\"\n      [style.border-radius]=\"borderRadius\"\n      preserveAspectRatio=\"none\"\n    >\n      <polygon\n        [style.fill]=\"color\"\n        fillRule=\"evenodd\"\n        [attr.points]=\"\n          '0 0 ' + width + ' 0 ' + width + ' ' + height + ' 0 ' + height\n        \"\n      />\n      <path\n        *ngIf=\"showIcon\"\n        [style.fill]=\"iconColor\"\n        [attr.d]=\"\n          multiplyPoints(\n            'M7.7148,49.5742 L48.2852,49.5742 C53.1836,49.5742 55.6446,47.1367 55.6446,42.3086 L55.6446,13.6914 C55.6446,8.8633 53.1836,6.4258 48.2852,6.4258 L7.7148,6.4258 C2.8398,6.4258 0.3554,8.8398 0.3554,13.6914 L0.3554,42.3086 C0.3554,47.1602 2.8398,49.5742 7.7148,49.5742 Z M39.2851,27.9414 C38.2304,27.0039 37.0351,26.5118 35.7695,26.5118 C34.457,26.5118 33.3085,26.9571 32.2304,27.918 L21.6366,37.3867 L17.3007,33.4492 C16.3163,32.582 15.2617,32.1133 14.1366,32.1133 C13.1054,32.1133 12.0976,32.5586 11.1366,33.4258 L4.1288,39.7305 L4.1288,13.8789 C4.1288,11.4414 5.4413,10.1992 7.7851,10.1992 L48.2147,10.1992 C50.535,10.1992 51.8708,11.4414 51.8708,13.8789 L51.8708,39.7539 L39.2851,27.9414 Z M17.8163,28.1992 C20.8398,28.1992 23.3241,25.7149 23.3241,22.668 C23.3241,19.6445 20.8398,17.1367 17.8163,17.1367 C14.7695,17.1367 12.2851,19.6445 12.2851,22.668 C12.2851,25.7149 14.7695,28.1992 17.8163,28.1992 Z'\n          )\n        \"\n      />\n    </svg>\n    <ng-content></ng-content>`,\n})\nexport class SkeletonImageComponent {\n  @Input() width: number = 1200;\n  @Input() height: number = 600;\n  @Input() color: string;\n  @Input() showIcon: boolean = true;\n  @Input() iconColor: string;\n  @Input() effect: SkeletonEffects;\n  @Input() borderRadius: string;\n\n  multiplyPoints(pointsString) {\n    return multiplySvgPointsService(pointsString, 56, this.width, this.height);\n  }\n}\n","import { NgModule } from '@angular/core';\nimport { SkeletonBlockComponent } from './skeleton-block';\nimport { SkeletonAvatarComponent } from './skeleton-avatar';\nimport { CommonModule } from '@angular/common';\nimport { SkeletonTextDirective } from './skeleton-text';\nimport { SkeletonImageComponent } from './skeleton-image';\n\n@NgModule({\n  declarations: [\n    SkeletonBlockComponent,\n    SkeletonAvatarComponent,\n    SkeletonTextDirective,\n    SkeletonImageComponent,\n  ],\n  exports: [\n    SkeletonBlockComponent,\n    SkeletonAvatarComponent,\n    SkeletonTextDirective,\n    SkeletonImageComponent,\n  ],\n  imports: [CommonModule],\n})\nexport class SkeletonElementsModule {}\n","/*\n * Public API Surface of angular\n */\n\nexport * from './lib/skeleton-elements.module';\nexport * from './lib/skeleton-block';\nexport * from './lib/skeleton-avatar';\nexport * from './lib/skeleton-text';\nexport * from './lib/skeleton-image';\nexport * from './lib/skeletonEffect';\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":"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"}