UNPKG

flexacore-ui-dev

Version:

Universal UI Framework for CDN, React, Angular, Vue, Svelte with TypeScript support

58 lines (57 loc) 2.15 kB
"use strict"; var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) { var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d; if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc); else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r; return c > 3 && r && Object.defineProperty(target, key, r), r; }; var __metadata = (this && this.__metadata) || function (k, v) { if (typeof Reflect === "object" && typeof Reflect.metadata === "function") return Reflect.metadata(k, v); }; Object.defineProperty(exports, "__esModule", { value: true }); exports.FCSkeletonComponent = void 0; const core_1 = require("@angular/core"); let FCSkeletonComponent = class FCSkeletonComponent { constructor() { this.variant = 'text'; this.width = '100%'; this.height = '1rem'; this.animated = true; } get classes() { return [ 'fc-skeleton', `fc-skeleton-${this.variant}`, this.animated ? 'fc-skeleton-animated' : '' ]; } }; exports.FCSkeletonComponent = FCSkeletonComponent; __decorate([ (0, core_1.Input)(), __metadata("design:type", String) ], FCSkeletonComponent.prototype, "variant", void 0); __decorate([ (0, core_1.Input)(), __metadata("design:type", String) ], FCSkeletonComponent.prototype, "width", void 0); __decorate([ (0, core_1.Input)(), __metadata("design:type", String) ], FCSkeletonComponent.prototype, "height", void 0); __decorate([ (0, core_1.Input)(), __metadata("design:type", Boolean) ], FCSkeletonComponent.prototype, "animated", void 0); exports.FCSkeletonComponent = FCSkeletonComponent = __decorate([ (0, core_1.Component)({ selector: 'fc-skeleton', template: ` <div [ngClass]="classes" [style.width]="width" [style.height]="height" ></div> ` }) ], FCSkeletonComponent);