import { Component, HostListener, Input } from '@angular/core';
import { SimpoComponentModule } from '../../components/index';
import { CommonModule } from '@angular/common';
import * as i0 from "@angular/core";
import * as i1 from "@angular/common";
import * as i2 from "ngx-skeleton-loader";
export class CardSkeletonLoaderComponent {
    constructor() {
        this.count = 5;
        this.showTitles = false;
    }
    getScreenSize() {
        this.count = window.innerWidth > 475 ? this.count : 2;
    }
    ngOnInit() {
        this.getScreenSize();
    }
    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: CardSkeletonLoaderComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: CardSkeletonLoaderComponent, isStandalone: true, selector: "simpo-card-skeleton-loader", inputs: { count: "count", showTitles: "showTitles" }, host: { listeners: { "window: resize": "getScreenSize($event)" } }, ngImport: i0, template: "<div class=\"d-flex flex-column\" style=\"margin-left: 20px;\" *ngIf=\"showTitles\">\n    <ngx-skeleton-loader [theme]=\"{\n        width: '10vw',\n        'border-radius': '0',\n        height: '25px',\n        'margin-bottom': '20px'\n    }\"></ngx-skeleton-loader>\n    <ngx-skeleton-loader [theme]=\"{\n        width: '16vw',\n        'border-radius': '0',\n        height: '10px',\n        'margin-bottom': '10px'\n    }\"></ngx-skeleton-loader>\n</div>\n<div class=\"skeleton-parent\">\n    <div class=\"skeleton\" *ngFor=\"let _ of [].constructor(count)\">\n      <ngx-skeleton-loader count=\"1\" appearance=\"circle\" [theme]=\"{\n        width: '100%',\n        height: '25vh',\n        'border-radius': '10px',\n        'position': 'relative',\n        'right': '5px'\n      }\">\n      </ngx-skeleton-loader>\n      <div class=\"second-section-wrapper\">\n        <div class=\"wrapper\">\n          <ngx-skeleton-loader [theme]=\"{\n              width: '80%',\n              'border-radius': '0',\n              height: '15px',\n              'margin-bottom': '10px'\n            }\"></ngx-skeleton-loader>\n        </div>\n        <div class=\"wrapper\">\n          <ngx-skeleton-loader [theme]=\"{\n              width: '90%',\n              'border-radius': '0',\n              height: '15px',\n              'margin-bottom': '10px'\n            }\"></ngx-skeleton-loader>\n        </div>\n        <div class=\"wrapper\">\n          <ngx-skeleton-loader [theme]=\"{\n              width: '60%',\n              'border-radius': '0',\n              height: '15px',\n              'margin-bottom': '10px'\n            }\"></ngx-skeleton-loader>\n        </div>\n      </div>\n    </div>\n</div>", styles: [".skeleton-parent{display:flex;gap:15px;padding-left:20px;padding-right:20px;width:100%}.skeleton{padding:10px;border:1px solid #e5e7eb;width:24%;border-radius:10px}.wrapper{width:100%;flex:1}.second-section-wrapper{width:100%;height:auto;flex:1}@media screen and (max-width: 475px){.skeleton{width:50%}}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "ngmodule", type: SimpoComponentModule }, { kind: "component", type: i2.NgxSkeletonLoaderComponent, selector: "ngx-skeleton-loader", inputs: ["count", "loadingText", "appearance", "animation", "ariaLabel", "theme"] }] }); }
}
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: CardSkeletonLoaderComponent, decorators: [{
            type: Component,
            args: [{ selector: 'simpo-card-skeleton-loader', standalone: true, imports: [
                        CommonModule,
                        SimpoComponentModule
                    ], template: "<div class=\"d-flex flex-column\" style=\"margin-left: 20px;\" *ngIf=\"showTitles\">\n    <ngx-skeleton-loader [theme]=\"{\n        width: '10vw',\n        'border-radius': '0',\n        height: '25px',\n        'margin-bottom': '20px'\n    }\"></ngx-skeleton-loader>\n    <ngx-skeleton-loader [theme]=\"{\n        width: '16vw',\n        'border-radius': '0',\n        height: '10px',\n        'margin-bottom': '10px'\n    }\"></ngx-skeleton-loader>\n</div>\n<div class=\"skeleton-parent\">\n    <div class=\"skeleton\" *ngFor=\"let _ of [].constructor(count)\">\n      <ngx-skeleton-loader count=\"1\" appearance=\"circle\" [theme]=\"{\n        width: '100%',\n        height: '25vh',\n        'border-radius': '10px',\n        'position': 'relative',\n        'right': '5px'\n      }\">\n      </ngx-skeleton-loader>\n      <div class=\"second-section-wrapper\">\n        <div class=\"wrapper\">\n          <ngx-skeleton-loader [theme]=\"{\n              width: '80%',\n              'border-radius': '0',\n              height: '15px',\n              'margin-bottom': '10px'\n            }\"></ngx-skeleton-loader>\n        </div>\n        <div class=\"wrapper\">\n          <ngx-skeleton-loader [theme]=\"{\n              width: '90%',\n              'border-radius': '0',\n              height: '15px',\n              'margin-bottom': '10px'\n            }\"></ngx-skeleton-loader>\n        </div>\n        <div class=\"wrapper\">\n          <ngx-skeleton-loader [theme]=\"{\n              width: '60%',\n              'border-radius': '0',\n              height: '15px',\n              'margin-bottom': '10px'\n            }\"></ngx-skeleton-loader>\n        </div>\n      </div>\n    </div>\n</div>", styles: [".skeleton-parent{display:flex;gap:15px;padding-left:20px;padding-right:20px;width:100%}.skeleton{padding:10px;border:1px solid #e5e7eb;width:24%;border-radius:10px}.wrapper{width:100%;flex:1}.second-section-wrapper{width:100%;height:auto;flex:1}@media screen and (max-width: 475px){.skeleton{width:50%}}\n"] }]
        }], propDecorators: { count: [{
                type: Input
            }], showTitles: [{
                type: Input
            }], getScreenSize: [{
                type: HostListener,
                args: ["window: resize", ["$event"]]
            }] } });
//# sourceMappingURL=data:application/json;base64, 