UNPKG

@engie-group/fluid-design-system-angular

Version:

Fluid Design System Angular

34 lines 4.8 kB
import { CommonModule } from '@angular/common'; import { ChangeDetectionStrategy, Component, Input } from '@angular/core'; import * as i0 from "@angular/core"; import * as i1 from "@angular/common"; export class SkeletonRectangleComponent { constructor() { /** * @ignore */ this.skeletonClassName = 'nj-skeleton'; } /** * @ignore */ getSkeletonSizeClass() { if (!this.size) { return ''; } return `${this.skeletonClassName}--${this.size}`; } static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: SkeletonRectangleComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); } static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: SkeletonRectangleComponent, isStandalone: true, selector: "nj-skeleton-rectangle", inputs: { height: "height", width: "width", size: "size" }, ngImport: i0, template: "<div aria-hidden=\"true\" class=\"nj-skeleton nj-skeleton--rectangle\" [style.height]=\"height\" [style.width]=\"width\" [ngClass]=\"[getSkeletonSizeClass()]\"></div>\n", dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); } } i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: SkeletonRectangleComponent, decorators: [{ type: Component, args: [{ selector: 'nj-skeleton-rectangle', changeDetection: ChangeDetectionStrategy.OnPush, standalone: true, imports: [CommonModule], template: "<div aria-hidden=\"true\" class=\"nj-skeleton nj-skeleton--rectangle\" [style.height]=\"height\" [style.width]=\"width\" [ngClass]=\"[getSkeletonSizeClass()]\"></div>\n" }] }], ctorParameters: function () { return []; }, propDecorators: { height: [{ type: Input }], width: [{ type: Input }], size: [{ type: Input }] } }); //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic2tlbGV0b24tcmVjdGFuZ2xlLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy9jb21wb25lbnRzL3NrZWxldG9uL3NrZWxldG9uLXJlY3RhbmdsZS5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi9zcmMvY29tcG9uZW50cy9za2VsZXRvbi9za2VsZXRvbi1yZWN0YW5nbGUuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFlBQVksRUFBRSxNQUFNLGlCQUFpQixDQUFDO0FBQy9DLE9BQU8sRUFBRSx1QkFBdUIsRUFBRSxTQUFTLEVBQUUsS0FBSyxFQUFFLE1BQU0sZUFBZSxDQUFDOzs7QUFVMUUsTUFBTSxPQUFPLDBCQUEwQjtJQXFCckM7UUFwQkE7O1dBRUc7UUFDSyxzQkFBaUIsR0FBRyxhQUFhLENBQUM7SUFpQjNCLENBQUM7SUFFaEI7O09BRUc7SUFDSCxvQkFBb0I7UUFDbEIsSUFBSSxDQUFDLElBQUksQ0FBQyxJQUFJLEVBQUU7WUFDZCxPQUFPLEVBQUUsQ0FBQztTQUNYO1FBQ0QsT0FBTyxHQUFHLElBQUksQ0FBQyxpQkFBaUIsS0FBSyxJQUFJLENBQUMsSUFBSSxFQUFFLENBQUM7SUFDbkQsQ0FBQzsrR0EvQlUsMEJBQTBCO21HQUExQiwwQkFBMEIsNklDWHZDLDBLQUNBLDJDRFFZLFlBQVk7OzRGQUVYLDBCQUEwQjtrQkFQdEMsU0FBUzsrQkFDRSx1QkFBdUIsbUJBRWhCLHVCQUF1QixDQUFDLE1BQU0sY0FDbkMsSUFBSSxXQUNQLENBQUMsWUFBWSxDQUFDOzBFQVdkLE1BQU07c0JBQWQsS0FBSztnQkFLRyxLQUFLO3NCQUFiLEtBQUs7Z0JBS0csSUFBSTtzQkFBWixLQUFLIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tbW9uTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvY29tbW9uJztcbmltcG9ydCB7IENoYW5nZURldGVjdGlvblN0cmF0ZWd5LCBDb21wb25lbnQsIElucHV0IH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBTa2VsZXRvbkZvbnRTaXplcyB9IGZyb20gJy4vc2tlbGV0b24ubW9kZWwnO1xuXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICduai1za2VsZXRvbi1yZWN0YW5nbGUnLFxuICB0ZW1wbGF0ZVVybDogJy4vc2tlbGV0b24tcmVjdGFuZ2xlLmNvbXBvbmVudC5odG1sJyxcbiAgY2hhbmdlRGV0ZWN0aW9uOiBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneS5PblB1c2gsXG4gIHN0YW5kYWxvbmU6IHRydWUsXG4gIGltcG9ydHM6IFtDb21tb25Nb2R1bGVdXG59KVxuZXhwb3J0IGNsYXNzIFNrZWxldG9uUmVjdGFuZ2xlQ29tcG9uZW50IHtcbiAgLyoqXG4gICAqIEBpZ25vcmVcbiAgICovXG4gIHByaXZhdGUgc2tlbGV0b25DbGFzc05hbWUgPSAnbmotc2tlbGV0b24nO1xuXG4gIC8qKlxuICAgKiBSZWN0YW5nbGUgc2tlbGV0b24gaGVpZ2h0XG4gICAqL1xuICBASW5wdXQoKSBoZWlnaHQ/OiBzdHJpbmc7XG5cbiAgLyoqXG4gICAqIFJlY3RhbmdsZSBza2VsZXRvbiB3aWR0aFxuICAgKi9cbiAgQElucHV0KCkgd2lkdGg/OiBzdHJpbmc7XG5cbiAgLyoqXG4gICAqIFJlY3RhbmdsZSBza2VsZXRvbiBzaXplIChiYXNlZCBvbiBmb250IHNpemVzKVxuICAgKi9cbiAgQElucHV0KCkgc2l6ZT86IFNrZWxldG9uRm9udFNpemVzO1xuXG4gIGNvbnN0cnVjdG9yKCkge31cblxuICAvKipcbiAgICogQGlnbm9yZVxuICAgKi9cbiAgZ2V0U2tlbGV0b25TaXplQ2xhc3MoKTogc3RyaW5nIHtcbiAgICBpZiAoIXRoaXMuc2l6ZSkge1xuICAgICAgcmV0dXJuICcnO1xuICAgIH1cbiAgICByZXR1cm4gYCR7dGhpcy5za2VsZXRvbkNsYXNzTmFtZX0tLSR7dGhpcy5zaXplfWA7XG4gIH1cbn1cbiIsIjxkaXYgYXJpYS1oaWRkZW49XCJ0cnVlXCIgY2xhc3M9XCJuai1za2VsZXRvbiBuai1za2VsZXRvbi0tcmVjdGFuZ2xlXCIgW3N0eWxlLmhlaWdodF09XCJoZWlnaHRcIiBbc3R5bGUud2lkdGhdPVwid2lkdGhcIiBbbmdDbGFzc109XCJbZ2V0U2tlbGV0b25TaXplQ2xhc3MoKV1cIj48L2Rpdj5cbiJdfQ==