@engie-group/fluid-design-system-angular/lib/esm2022/components/skeleton/skeleton-area.component.mjs

Fluid Design System Angular

import { CommonModule } from '@angular/common';
import { ChangeDetectionStrategy, Component, Input } from '@angular/core';
import { IconComponent } from '../icon/icon.component';
import * as i0 from "@angular/core";
import * as i1 from "@angular/common";
export class SkeletonAreaComponent {
    constructor() {
        /**
         * Area skeleton material icon
         */
        this.icon = 'image';
        /**
         * Whether Area skeleton has custom icon
         */
        this.hasCustomIcon = false;
    }
    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: SkeletonAreaComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: SkeletonAreaComponent, isStandalone: true, selector: "nj-skeleton-area", inputs: { height: "height", width: "width", icon: "icon", hasCustomIcon: "hasCustomIcon" }, ngImport: i0, template: "<div aria-hidden=\"true\" class=\"nj-skeleton nj-skeleton--area\" [style.height]=\"height\" [style.width]=\"width\">\n  <nj-icon class=\"nj-skeleton__icon\" *ngIf=\"!hasCustomIcon\" [name]=\"icon\" size=\"xl\" variant=\"inherit\"></nj-icon>\n  <span *ngIf=\"hasCustomIcon\" class=\"nj-skeleton__icon\">\n    <ng-content></ng-content>\n  </span>\n</div>\n", dependencies: [{ kind: "component", type: IconComponent, selector: "nj-icon", inputs: ["size", "variant"] }, { kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
}
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: SkeletonAreaComponent, decorators: [{
            type: Component,
            args: [{ selector: 'nj-skeleton-area', changeDetection: ChangeDetectionStrategy.OnPush, standalone: true, imports: [IconComponent, CommonModule], template: "<div aria-hidden=\"true\" class=\"nj-skeleton nj-skeleton--area\" [style.height]=\"height\" [style.width]=\"width\">\n  <nj-icon class=\"nj-skeleton__icon\" *ngIf=\"!hasCustomIcon\" [name]=\"icon\" size=\"xl\" variant=\"inherit\"></nj-icon>\n  <span *ngIf=\"hasCustomIcon\" class=\"nj-skeleton__icon\">\n    <ng-content></ng-content>\n  </span>\n</div>\n" }]
        }], ctorParameters: function () { return []; }, propDecorators: { height: [{
                type: Input
            }], width: [{
                type: Input
            }], icon: [{
                type: Input
            }], hasCustomIcon: [{
                type: Input
            }] } });
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic2tlbGV0b24tYXJlYS5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9zcmMvY29tcG9uZW50cy9za2VsZXRvbi9za2VsZXRvbi1hcmVhLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uL3NyYy9jb21wb25lbnRzL3NrZWxldG9uL3NrZWxldG9uLWFyZWEuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFlBQVksRUFBRSxNQUFNLGlCQUFpQixDQUFDO0FBQy9DLE9BQU8sRUFBRSx1QkFBdUIsRUFBRSxTQUFTLEVBQUUsS0FBSyxFQUFFLE1BQU0sZUFBZSxDQUFDO0FBQzFFLE9BQU8sRUFBRSxhQUFhLEVBQUUsTUFBTSx3QkFBd0IsQ0FBQzs7O0FBU3ZELE1BQU0sT0FBTyxxQkFBcUI7SUFxQmhDO1FBVkE7O1dBRUc7UUFDTSxTQUFJLEdBQVcsT0FBTyxDQUFDO1FBRWhDOztXQUVHO1FBQ00sa0JBQWEsR0FBRyxLQUFLLENBQUM7SUFFaEIsQ0FBQzsrR0FyQkwscUJBQXFCO21HQUFyQixxQkFBcUIsd0tDWGxDLG9XQU1BLDRDREdZLGFBQWEsZ0ZBQUUsWUFBWTs7NEZBRTFCLHFCQUFxQjtrQkFQakMsU0FBUzsrQkFDRSxrQkFBa0IsbUJBRVgsdUJBQXVCLENBQUMsTUFBTSxjQUNuQyxJQUFJLFdBQ1AsQ0FBQyxhQUFhLEVBQUUsWUFBWSxDQUFDOzBFQU03QixNQUFNO3NCQUFkLEtBQUs7Z0JBS0csS0FBSztzQkFBYixLQUFLO2dCQUtHLElBQUk7c0JBQVosS0FBSztnQkFLRyxhQUFhO3NCQUFyQixLQUFLIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tbW9uTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvY29tbW9uJztcbmltcG9ydCB7IENoYW5nZURldGVjdGlvblN0cmF0ZWd5LCBDb21wb25lbnQsIElucHV0IH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBJY29uQ29tcG9uZW50IH0gZnJvbSAnLi4vaWNvbi9pY29uLmNvbXBvbmVudCc7XG5cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ25qLXNrZWxldG9uLWFyZWEnLFxuICB0ZW1wbGF0ZVVybDogJy4vc2tlbGV0b24tYXJlYS5jb21wb25lbnQuaHRtbCcsXG4gIGNoYW5nZURldGVjdGlvbjogQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3kuT25QdXNoLFxuICBzdGFuZGFsb25lOiB0cnVlLFxuICBpbXBvcnRzOiBbSWNvbkNvbXBvbmVudCwgQ29tbW9uTW9kdWxlXVxufSlcbmV4cG9ydCBjbGFzcyBTa2VsZXRvbkFyZWFDb21wb25lbnQge1xuICAvKipcbiAgICogQXJlYSBza2VsZXRvbiBoZWlnaHRcbiAgICovXG4gIEBJbnB1dCgpIGhlaWdodD86IHN0cmluZztcblxuICAvKipcbiAgICogQXJlYSBza2VsZXRvbiB3aWR0aFxuICAgKi9cbiAgQElucHV0KCkgd2lkdGg/OiBzdHJpbmc7XG5cbiAgLyoqXG4gICAqIEFyZWEgc2tlbGV0b24gbWF0ZXJpYWwgaWNvblxuICAgKi9cbiAgQElucHV0KCkgaWNvbjogc3RyaW5nID0gJ2ltYWdlJztcblxuICAvKipcbiAgICogV2hldGhlciBBcmVhIHNrZWxldG9uIGhhcyBjdXN0b20gaWNvblxuICAgKi9cbiAgQElucHV0KCkgaGFzQ3VzdG9tSWNvbiA9IGZhbHNlO1xuXG4gIGNvbnN0cnVjdG9yKCkge31cbn1cbiIsIjxkaXYgYXJpYS1oaWRkZW49XCJ0cnVlXCIgY2xhc3M9XCJuai1za2VsZXRvbiBuai1za2VsZXRvbi0tYXJlYVwiIFtzdHlsZS5oZWlnaHRdPVwiaGVpZ2h0XCIgW3N0eWxlLndpZHRoXT1cIndpZHRoXCI+XG4gIDxuai1pY29uIGNsYXNzPVwibmotc2tlbGV0b25fX2ljb25cIiAqbmdJZj1cIiFoYXNDdXN0b21JY29uXCIgW25hbWVdPVwiaWNvblwiIHNpemU9XCJ4bFwiIHZhcmlhbnQ9XCJpbmhlcml0XCI+PC9uai1pY29uPlxuICA8c3BhbiAqbmdJZj1cImhhc0N1c3RvbUljb25cIiBjbGFzcz1cIm5qLXNrZWxldG9uX19pY29uXCI+XG4gICAgPG5nLWNvbnRlbnQ+PC9uZy1jb250ZW50PlxuICA8L3NwYW4+XG48L2Rpdj5cbiJdfQ==