import { AsyncPipe } from '@angular/common';
import { Component, ViewEncapsulation } from '@angular/core';
import { NgxSkeletonLoaderModule } from 'ngx-skeleton-loader';
import { ORepeatableSkeletonComponent } from '../../o-repeatable-skeleton.component';
import * as i0 from "@angular/core";
import * as i1 from "ngx-skeleton-loader";
export class OGridSkeletonComponent extends ORepeatableSkeletonComponent {
    getParentElement() {
        return this.elRef.nativeElement.parentElement;
    }
    getSkeletonItemElement(parentElement) {
        return parentElement.querySelector('div.o-grid-skeleton-item');
    }
    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: OGridSkeletonComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.14", type: OGridSkeletonComponent, isStandalone: true, selector: "o-grid-skeleton", host: { properties: { "class.o-grid-skeleton": "true" } }, usesInheritance: true, ngImport: i0, template: "@for (row of rows$ | async; track row) {\n  <div class=\"o-grid-skeleton-item o-flex-column o-gap-10\">\n    <ngx-skeleton-loader count=\"1\" animation=\"{{isDarkMode?'progress-dark':'progress'}}\"\n    [theme]=\"{ height: '10px', width:'5%', 'border-radius':'none' }\" class=\"o-grid-skeleton-item-first-section\"></ngx-skeleton-loader>\n    <div class=\"o-grid-skeleton-item-second-section o-flex-row o-gap-10\">\n      @for (i of [1,2,3,4,5]; track i) {\n        <div class=\"o-flex-20\">\n          <ngx-skeleton-loader count=\"1\" [theme]=\"{ height: '60px', 'border-radius':'none' }\" animation=\"{{isDarkMode?'progress-dark':'progress'}}\">\n          </ngx-skeleton-loader>\n          <ngx-skeleton-loader count=\"1\" [theme]=\"{ height: '10px', width:'100%', 'border-radius':'none' }\"\n            animation=\"{{isDarkMode?'progress-dark':'progress'}}\">\n          </ngx-skeleton-loader>\n          <ngx-skeleton-loader count=\"1\" [theme]=\"{ height: '10px', width:'70%', 'border-radius':'none' }\"\n            animation=\"{{isDarkMode?'progress-dark':'progress'}}\">\n          </ngx-skeleton-loader>\n        </div>\n      }\n    </div>\n  </div>\n}\n", styles: [".o-grid-skeleton{height:100%;width:100%;overflow:hidden}.o-grid-skeleton .o-grid-skeleton-item{margin:10px}\n"], dependencies: [{ kind: "pipe", type: AsyncPipe, name: "async" }, { kind: "ngmodule", type: NgxSkeletonLoaderModule }, { kind: "component", type: i1.NgxSkeletonLoaderComponent, selector: "ngx-skeleton-loader", inputs: ["count", "loadingText", "appearance", "animation", "ariaLabel", "theme"] }], encapsulation: i0.ViewEncapsulation.None }); }
}
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: OGridSkeletonComponent, decorators: [{
            type: Component,
            args: [{ standalone: true, imports: [AsyncPipe, NgxSkeletonLoaderModule], selector: 'o-grid-skeleton', encapsulation: ViewEncapsulation.None, host: {
                        '[class.o-grid-skeleton]': 'true'
                    }, template: "@for (row of rows$ | async; track row) {\n  <div class=\"o-grid-skeleton-item o-flex-column o-gap-10\">\n    <ngx-skeleton-loader count=\"1\" animation=\"{{isDarkMode?'progress-dark':'progress'}}\"\n    [theme]=\"{ height: '10px', width:'5%', 'border-radius':'none' }\" class=\"o-grid-skeleton-item-first-section\"></ngx-skeleton-loader>\n    <div class=\"o-grid-skeleton-item-second-section o-flex-row o-gap-10\">\n      @for (i of [1,2,3,4,5]; track i) {\n        <div class=\"o-flex-20\">\n          <ngx-skeleton-loader count=\"1\" [theme]=\"{ height: '60px', 'border-radius':'none' }\" animation=\"{{isDarkMode?'progress-dark':'progress'}}\">\n          </ngx-skeleton-loader>\n          <ngx-skeleton-loader count=\"1\" [theme]=\"{ height: '10px', width:'100%', 'border-radius':'none' }\"\n            animation=\"{{isDarkMode?'progress-dark':'progress'}}\">\n          </ngx-skeleton-loader>\n          <ngx-skeleton-loader count=\"1\" [theme]=\"{ height: '10px', width:'70%', 'border-radius':'none' }\"\n            animation=\"{{isDarkMode?'progress-dark':'progress'}}\">\n          </ngx-skeleton-loader>\n        </div>\n      }\n    </div>\n  </div>\n}\n", styles: [".o-grid-skeleton{height:100%;width:100%;overflow:hidden}.o-grid-skeleton .o-grid-skeleton-item{margin:10px}\n"] }]
        }] });
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiby1ncmlkLXNrZWxldG9uLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL29udGltaXplLXdlYi1uZ3gvc3JjL2xpYi9jb21wb25lbnRzL2dyaWQvc2tla2V0b24vby1ncmlkLXNrZWxldG9uLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL29udGltaXplLXdlYi1uZ3gvc3JjL2xpYi9jb21wb25lbnRzL2dyaWQvc2tla2V0b24vby1ncmlkLXNrZWxldG9uLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxTQUFTLEVBQUUsTUFBTSxpQkFBaUIsQ0FBQztBQUM1QyxPQUFPLEVBQUUsU0FBUyxFQUFFLGlCQUFpQixFQUFFLE1BQU0sZUFBZSxDQUFDO0FBRTdELE9BQU8sRUFBRSx1QkFBdUIsRUFBRSxNQUFNLHFCQUFxQixDQUFDO0FBRTlELE9BQU8sRUFBRSw0QkFBNEIsRUFBRSxNQUFNLHVDQUF1QyxDQUFDOzs7QUFjckYsTUFBTSxPQUFPLHNCQUF1QixTQUFRLDRCQUE0QjtJQUV0RSxnQkFBZ0I7UUFDZCxPQUFPLElBQUksQ0FBQyxLQUFLLENBQUMsYUFBYSxDQUFDLGFBQWEsQ0FBQztJQUNoRCxDQUFDO0lBQ0Qsc0JBQXNCLENBQUMsYUFBMEI7UUFDL0MsT0FBTyxhQUFhLENBQUMsYUFBYSxDQUFDLDBCQUEwQixDQUFDLENBQUM7SUFDakUsQ0FBQzsrR0FQVSxzQkFBc0I7bUdBQXRCLHNCQUFzQiw2SkNuQm5DLGdwQ0FvQkEsa0tEWFksU0FBUyw2Q0FBRSx1QkFBdUI7OzRGQVVqQyxzQkFBc0I7a0JBWmxDLFNBQVM7aUNBQ0ksSUFBSSxXQUNQLENBQUMsU0FBUyxFQUFFLHVCQUF1QixDQUFDLFlBQ25DLGlCQUFpQixpQkFHWixpQkFBaUIsQ0FBQyxJQUFJLFFBQy9CO3dCQUNKLHlCQUF5QixFQUFFLE1BQU07cUJBQ2xDIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQXN5bmNQaXBlIH0gZnJvbSAnQGFuZ3VsYXIvY29tbW9uJztcbmltcG9ydCB7IENvbXBvbmVudCwgVmlld0VuY2Fwc3VsYXRpb24gfSBmcm9tICdAYW5ndWxhci9jb3JlJztcblxuaW1wb3J0IHsgTmd4U2tlbGV0b25Mb2FkZXJNb2R1bGUgfSBmcm9tICduZ3gtc2tlbGV0b24tbG9hZGVyJztcblxuaW1wb3J0IHsgT1JlcGVhdGFibGVTa2VsZXRvbkNvbXBvbmVudCB9IGZyb20gJy4uLy4uL28tcmVwZWF0YWJsZS1za2VsZXRvbi5jb21wb25lbnQnO1xuXG5AQ29tcG9uZW50KHtcbiAgc3RhbmRhbG9uZTogdHJ1ZSxcbiAgaW1wb3J0czogW0FzeW5jUGlwZSwgTmd4U2tlbGV0b25Mb2FkZXJNb2R1bGVdLFxuICBzZWxlY3RvcjogJ28tZ3JpZC1za2VsZXRvbicsXG4gIHRlbXBsYXRlVXJsOiAnLi9vLWdyaWQtc2tlbGV0b24uY29tcG9uZW50Lmh0bWwnLFxuICBzdHlsZVVybHM6IFsnLi9vLWdyaWQtc2tlbGV0b24uY29tcG9uZW50LnNjc3MnXSxcbiAgZW5jYXBzdWxhdGlvbjogVmlld0VuY2Fwc3VsYXRpb24uTm9uZSxcbiAgaG9zdDoge1xuICAgICdbY2xhc3Muby1ncmlkLXNrZWxldG9uXSc6ICd0cnVlJ1xuICB9XG5cbn0pXG5leHBvcnQgY2xhc3MgT0dyaWRTa2VsZXRvbkNvbXBvbmVudCBleHRlbmRzIE9SZXBlYXRhYmxlU2tlbGV0b25Db21wb25lbnQge1xuXG4gIGdldFBhcmVudEVsZW1lbnQoKTogSFRNTEVsZW1lbnQge1xuICAgIHJldHVybiB0aGlzLmVsUmVmLm5hdGl2ZUVsZW1lbnQucGFyZW50RWxlbWVudDtcbiAgfVxuICBnZXRTa2VsZXRvbkl0ZW1FbGVtZW50KHBhcmVudEVsZW1lbnQ6IEhUTUxFbGVtZW50KTogSFRNTEVsZW1lbnQge1xuICAgIHJldHVybiBwYXJlbnRFbGVtZW50LnF1ZXJ5U2VsZWN0b3IoJ2Rpdi5vLWdyaWQtc2tlbGV0b24taXRlbScpO1xuICB9XG5cblxufVxuIiwiQGZvciAocm93IG9mIHJvd3MkIHwgYXN5bmM7IHRyYWNrIHJvdykge1xuICA8ZGl2IGNsYXNzPVwiby1ncmlkLXNrZWxldG9uLWl0ZW0gby1mbGV4LWNvbHVtbiBvLWdhcC0xMFwiPlxuICAgIDxuZ3gtc2tlbGV0b24tbG9hZGVyIGNvdW50PVwiMVwiIGFuaW1hdGlvbj1cInt7aXNEYXJrTW9kZT8ncHJvZ3Jlc3MtZGFyayc6J3Byb2dyZXNzJ319XCJcbiAgICBbdGhlbWVdPVwieyBoZWlnaHQ6ICcxMHB4Jywgd2lkdGg6JzUlJywgJ2JvcmRlci1yYWRpdXMnOidub25lJyB9XCIgY2xhc3M9XCJvLWdyaWQtc2tlbGV0b24taXRlbS1maXJzdC1zZWN0aW9uXCI+PC9uZ3gtc2tlbGV0b24tbG9hZGVyPlxuICAgIDxkaXYgY2xhc3M9XCJvLWdyaWQtc2tlbGV0b24taXRlbS1zZWNvbmQtc2VjdGlvbiBvLWZsZXgtcm93IG8tZ2FwLTEwXCI+XG4gICAgICBAZm9yIChpIG9mIFsxLDIsMyw0LDVdOyB0cmFjayBpKSB7XG4gICAgICAgIDxkaXYgY2xhc3M9XCJvLWZsZXgtMjBcIj5cbiAgICAgICAgICA8bmd4LXNrZWxldG9uLWxvYWRlciBjb3VudD1cIjFcIiBbdGhlbWVdPVwieyBoZWlnaHQ6ICc2MHB4JywgJ2JvcmRlci1yYWRpdXMnOidub25lJyB9XCIgYW5pbWF0aW9uPVwie3tpc0RhcmtNb2RlPydwcm9ncmVzcy1kYXJrJzoncHJvZ3Jlc3MnfX1cIj5cbiAgICAgICAgICA8L25neC1za2VsZXRvbi1sb2FkZXI+XG4gICAgICAgICAgPG5neC1za2VsZXRvbi1sb2FkZXIgY291bnQ9XCIxXCIgW3RoZW1lXT1cInsgaGVpZ2h0OiAnMTBweCcsIHdpZHRoOicxMDAlJywgJ2JvcmRlci1yYWRpdXMnOidub25lJyB9XCJcbiAgICAgICAgICAgIGFuaW1hdGlvbj1cInt7aXNEYXJrTW9kZT8ncHJvZ3Jlc3MtZGFyayc6J3Byb2dyZXNzJ319XCI+XG4gICAgICAgICAgPC9uZ3gtc2tlbGV0b24tbG9hZGVyPlxuICAgICAgICAgIDxuZ3gtc2tlbGV0b24tbG9hZGVyIGNvdW50PVwiMVwiIFt0aGVtZV09XCJ7IGhlaWdodDogJzEwcHgnLCB3aWR0aDonNzAlJywgJ2JvcmRlci1yYWRpdXMnOidub25lJyB9XCJcbiAgICAgICAgICAgIGFuaW1hdGlvbj1cInt7aXNEYXJrTW9kZT8ncHJvZ3Jlc3MtZGFyayc6J3Byb2dyZXNzJ319XCI+XG4gICAgICAgICAgPC9uZ3gtc2tlbGV0b24tbG9hZGVyPlxuICAgICAgICA8L2Rpdj5cbiAgICAgIH1cbiAgICA8L2Rpdj5cbiAgPC9kaXY+XG59XG4iXX0=