import { Component } from '@angular/core';
import { CommonModule } from '@angular/common';
import * as i0 from "@angular/core";
import * as i1 from "@angular/common";
export class ContainerLoaderComponent {
    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: ContainerLoaderComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: ContainerLoaderComponent, isStandalone: true, selector: "app-container-loader", ngImport: i0, template: "<div class=\"container-loader\">\n  <div class=\"container-loader-more\">\n    <div class=\"more-option\">\n      <div class=\"message-container\">\n        <div class=\"message-container-image-loader\"></div>\n        <div\n          class=\"message-container-text-loader\"\n          *ngFor=\"let data of [1, 1]\"\n        ></div>\n      </div>\n      <div class=\"more-options\">\n        <div\n          class=\"more-options-item\"\n          *ngFor=\"let data of [1, 1, 1, 1, 1, 1, 1]\"\n        ></div>\n      </div>\n    </div>\n  </div>\n  <div class=\"container-loader-form\">\n    <div\n      class=\"container-loader-form-item\"\n      *ngFor=\"let data of [1, 1, 1, 1, 1, 1, 1]\"\n    >\n      <div class=\"container-loader-form-item-icon-loader\"></div>\n      <div class=\"container-loader-form-item-content\">\n        <div class=\"container-loader-form-item-label-loader\"></div>\n        <div class=\"container-loader-form-item-field-loader\"></div>\n      </div>\n    </div>\n    <div class=\"container-loader-form-button-loader\"></div>\n  </div>\n</div>\n", styles: [".container-loader{display:flex}.container-loader-more{width:318px;padding:20px 22px 36px 40px;height:100vh;overflow:auto;margin-left:-18px}.container-loader-more .more-option{align-items:center;position:relative;padding:0;display:block;height:auto}.container-loader-more .more-option .message-container{text-align:center;position:static;padding:0 0 20px}.container-loader-more .more-option .message-container-image-loader{background:#f1f1f1;border-radius:4px;width:100px;height:68px;margin:16px auto 28px}.container-loader-more .more-option .message-container-text-loader{background:#f1f1f1;border-radius:4px;width:90%;height:8px;margin:0 auto 8px}.container-loader-more .more-option .message-container-text-loader:last-child{width:80%;margin:0 auto}.container-loader-more .more-option .more-options{display:block;background:#fff;margin-left:-38px;padding:20px 32px 20px 16px;position:relative;width:calc(100% + 60px);border-radius:16px 0 0 16px}.container-loader-more .more-option .more-options:before{content:\"\";position:absolute;left:0;top:-35px;width:16px;height:41px;border-right:26px solid #ffffff;border-bottom:8px solid transparent;border-bottom-right-radius:46px}.container-loader-more .more-option .more-options:after{content:\"\";position:absolute;left:0;bottom:-35px;width:16px;height:41px;border-right:26px solid #ffffff;border-top:8px solid transparent;border-top-right-radius:46px}.container-loader-more .more-option .more-options-item{background:#f1f1f1;border-radius:4px;width:100%;height:42px;margin-bottom:8px}.container-loader-form{width:500px;height:100vh;position:relative;padding:35px 24px 8px 40px}.container-loader-form:before{content:\"\";top:0;bottom:-50px;left:0;width:1px;background:#f1f1f1;position:absolute}.container-loader-form-item{display:flex;margin-bottom:20px;position:relative}.container-loader-form-item-icon-loader{background:#f1f1f1;border-radius:50%;width:36px;height:36px;position:absolute;left:-58px;top:28px}.container-loader-form-item-content{width:100%}.container-loader-form-item-label-loader{background:#f1f1f1;border-radius:8px;width:40%;height:12px;margin-bottom:12px}.container-loader-form-item-field-loader{background:#f1f1f1;border-radius:4px;width:100%;height:42px}.container-loader-form-button-loader{background:#f1f1f1;width:100%;height:50px;position:absolute;bottom:0;right:0}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }] }); }
}
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: ContainerLoaderComponent, decorators: [{
            type: Component,
            args: [{ selector: 'app-container-loader', standalone: true, imports: [CommonModule], template: "<div class=\"container-loader\">\n  <div class=\"container-loader-more\">\n    <div class=\"more-option\">\n      <div class=\"message-container\">\n        <div class=\"message-container-image-loader\"></div>\n        <div\n          class=\"message-container-text-loader\"\n          *ngFor=\"let data of [1, 1]\"\n        ></div>\n      </div>\n      <div class=\"more-options\">\n        <div\n          class=\"more-options-item\"\n          *ngFor=\"let data of [1, 1, 1, 1, 1, 1, 1]\"\n        ></div>\n      </div>\n    </div>\n  </div>\n  <div class=\"container-loader-form\">\n    <div\n      class=\"container-loader-form-item\"\n      *ngFor=\"let data of [1, 1, 1, 1, 1, 1, 1]\"\n    >\n      <div class=\"container-loader-form-item-icon-loader\"></div>\n      <div class=\"container-loader-form-item-content\">\n        <div class=\"container-loader-form-item-label-loader\"></div>\n        <div class=\"container-loader-form-item-field-loader\"></div>\n      </div>\n    </div>\n    <div class=\"container-loader-form-button-loader\"></div>\n  </div>\n</div>\n", styles: [".container-loader{display:flex}.container-loader-more{width:318px;padding:20px 22px 36px 40px;height:100vh;overflow:auto;margin-left:-18px}.container-loader-more .more-option{align-items:center;position:relative;padding:0;display:block;height:auto}.container-loader-more .more-option .message-container{text-align:center;position:static;padding:0 0 20px}.container-loader-more .more-option .message-container-image-loader{background:#f1f1f1;border-radius:4px;width:100px;height:68px;margin:16px auto 28px}.container-loader-more .more-option .message-container-text-loader{background:#f1f1f1;border-radius:4px;width:90%;height:8px;margin:0 auto 8px}.container-loader-more .more-option .message-container-text-loader:last-child{width:80%;margin:0 auto}.container-loader-more .more-option .more-options{display:block;background:#fff;margin-left:-38px;padding:20px 32px 20px 16px;position:relative;width:calc(100% + 60px);border-radius:16px 0 0 16px}.container-loader-more .more-option .more-options:before{content:\"\";position:absolute;left:0;top:-35px;width:16px;height:41px;border-right:26px solid #ffffff;border-bottom:8px solid transparent;border-bottom-right-radius:46px}.container-loader-more .more-option .more-options:after{content:\"\";position:absolute;left:0;bottom:-35px;width:16px;height:41px;border-right:26px solid #ffffff;border-top:8px solid transparent;border-top-right-radius:46px}.container-loader-more .more-option .more-options-item{background:#f1f1f1;border-radius:4px;width:100%;height:42px;margin-bottom:8px}.container-loader-form{width:500px;height:100vh;position:relative;padding:35px 24px 8px 40px}.container-loader-form:before{content:\"\";top:0;bottom:-50px;left:0;width:1px;background:#f1f1f1;position:absolute}.container-loader-form-item{display:flex;margin-bottom:20px;position:relative}.container-loader-form-item-icon-loader{background:#f1f1f1;border-radius:50%;width:36px;height:36px;position:absolute;left:-58px;top:28px}.container-loader-form-item-content{width:100%}.container-loader-form-item-label-loader{background:#f1f1f1;border-radius:8px;width:40%;height:12px;margin-bottom:12px}.container-loader-form-item-field-loader{background:#f1f1f1;border-radius:4px;width:100%;height:42px}.container-loader-form-button-loader{background:#f1f1f1;width:100%;height:50px;position:absolute;bottom:0;right:0}\n"] }]
        }] });
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY29udGFpbmVyLWxvYWRlci5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy92eC13b3JrZmxvdy1lbmdpbmUvc3JjL2xpYi9zaGFyZWRDb21wb25lbnRzL2NvbnRhaW5lci1sb2FkZXIvY29udGFpbmVyLWxvYWRlci5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy92eC13b3JrZmxvdy1lbmdpbmUvc3JjL2xpYi9zaGFyZWRDb21wb25lbnRzL2NvbnRhaW5lci1sb2FkZXIvY29udGFpbmVyLWxvYWRlci5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFFLE1BQU0sZUFBZSxDQUFDO0FBQzFDLE9BQU8sRUFBRSxZQUFZLEVBQUUsTUFBTSxpQkFBaUIsQ0FBQzs7O0FBUy9DLE1BQU0sT0FBTyx3QkFBd0I7K0dBQXhCLHdCQUF3QjttR0FBeEIsd0JBQXdCLGdGQ1ZyQyxxakNBZ0NBLDQxRUQxQlksWUFBWTs7NEZBSVgsd0JBQXdCO2tCQVBwQyxTQUFTOytCQUNFLHNCQUFzQixjQUNwQixJQUFJLFdBQ1AsQ0FBQyxZQUFZLENBQUMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21wb25lbnQgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IENvbW1vbk1vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL2NvbW1vbic7XG5cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ2FwcC1jb250YWluZXItbG9hZGVyJyxcbiAgc3RhbmRhbG9uZTogdHJ1ZSxcbiAgaW1wb3J0czogW0NvbW1vbk1vZHVsZV0sXG4gIHRlbXBsYXRlVXJsOiAnLi9jb250YWluZXItbG9hZGVyLmNvbXBvbmVudC5odG1sJyxcbiAgc3R5bGVVcmxzOiBbJy4vY29udGFpbmVyLWxvYWRlci5jb21wb25lbnQubGVzcyddLFxufSlcbmV4cG9ydCBjbGFzcyBDb250YWluZXJMb2FkZXJDb21wb25lbnQge31cbiIsIjxkaXYgY2xhc3M9XCJjb250YWluZXItbG9hZGVyXCI+XG4gIDxkaXYgY2xhc3M9XCJjb250YWluZXItbG9hZGVyLW1vcmVcIj5cbiAgICA8ZGl2IGNsYXNzPVwibW9yZS1vcHRpb25cIj5cbiAgICAgIDxkaXYgY2xhc3M9XCJtZXNzYWdlLWNvbnRhaW5lclwiPlxuICAgICAgICA8ZGl2IGNsYXNzPVwibWVzc2FnZS1jb250YWluZXItaW1hZ2UtbG9hZGVyXCI+PC9kaXY+XG4gICAgICAgIDxkaXZcbiAgICAgICAgICBjbGFzcz1cIm1lc3NhZ2UtY29udGFpbmVyLXRleHQtbG9hZGVyXCJcbiAgICAgICAgICAqbmdGb3I9XCJsZXQgZGF0YSBvZiBbMSwgMV1cIlxuICAgICAgICA+PC9kaXY+XG4gICAgICA8L2Rpdj5cbiAgICAgIDxkaXYgY2xhc3M9XCJtb3JlLW9wdGlvbnNcIj5cbiAgICAgICAgPGRpdlxuICAgICAgICAgIGNsYXNzPVwibW9yZS1vcHRpb25zLWl0ZW1cIlxuICAgICAgICAgICpuZ0Zvcj1cImxldCBkYXRhIG9mIFsxLCAxLCAxLCAxLCAxLCAxLCAxXVwiXG4gICAgICAgID48L2Rpdj5cbiAgICAgIDwvZGl2PlxuICAgIDwvZGl2PlxuICA8L2Rpdj5cbiAgPGRpdiBjbGFzcz1cImNvbnRhaW5lci1sb2FkZXItZm9ybVwiPlxuICAgIDxkaXZcbiAgICAgIGNsYXNzPVwiY29udGFpbmVyLWxvYWRlci1mb3JtLWl0ZW1cIlxuICAgICAgKm5nRm9yPVwibGV0IGRhdGEgb2YgWzEsIDEsIDEsIDEsIDEsIDEsIDFdXCJcbiAgICA+XG4gICAgICA8ZGl2IGNsYXNzPVwiY29udGFpbmVyLWxvYWRlci1mb3JtLWl0ZW0taWNvbi1sb2FkZXJcIj48L2Rpdj5cbiAgICAgIDxkaXYgY2xhc3M9XCJjb250YWluZXItbG9hZGVyLWZvcm0taXRlbS1jb250ZW50XCI+XG4gICAgICAgIDxkaXYgY2xhc3M9XCJjb250YWluZXItbG9hZGVyLWZvcm0taXRlbS1sYWJlbC1sb2FkZXJcIj48L2Rpdj5cbiAgICAgICAgPGRpdiBjbGFzcz1cImNvbnRhaW5lci1sb2FkZXItZm9ybS1pdGVtLWZpZWxkLWxvYWRlclwiPjwvZGl2PlxuICAgICAgPC9kaXY+XG4gICAgPC9kaXY+XG4gICAgPGRpdiBjbGFzcz1cImNvbnRhaW5lci1sb2FkZXItZm9ybS1idXR0b24tbG9hZGVyXCI+PC9kaXY+XG4gIDwvZGl2PlxuPC9kaXY+XG4iXX0=