import { Component, EventEmitter, Input, Output } from '@angular/core';
import * as i0 from "@angular/core";
import * as i1 from "@angular/common";
import * as i2 from "../../../formgroup/cs-checkbox/cs-checkbox.component";
export class FrequencyDialogCheckboxListComponent {
    constructor() {
        this.id = -1;
        this.listArray = [];
        this.selectedIndex = [];
        this.selectedCheckbox = new EventEmitter();
    }
    ngOnInit() {
    }
    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: FrequencyDialogCheckboxListComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: FrequencyDialogCheckboxListComponent, selector: "app-frequency-dialog-checkbox-list", inputs: { id: "id", listArray: "listArray", selectedIndex: "selectedIndex" }, outputs: { selectedCheckbox: "selectedCheckbox" }, ngImport: i0, template: "<div class=\"frequency-dialog-checkbox-list vx-d-flex\" [class.week]=\"id === 1\" [class.vx-align-center]=\"id === 1\" [class.month]=\"id === 2 || id === 4\" [class.vx-flex-wrap]=\"id === 2 || id === 4\">\n    <!-- <div class=\"frequency-dialog-checkbox-list vx-d-flex vx-align-center week\"> -->\n    <!-- <app-cs-checkbox><div class=\"vx-fs-12 vx-label-txt\">Monday</div></app-cs-checkbox>\n    <app-cs-checkbox><div class=\"vx-fs-12 vx-label-txt\">Tuesday</div></app-cs-checkbox>\n    <app-cs-checkbox><div class=\"vx-fs-12 vx-label-txt\">Wednesday</div></app-cs-checkbox>\n    <app-cs-checkbox><div class=\"vx-fs-12 vx-label-txt\">Thursday</div></app-cs-checkbox>\n    <app-cs-checkbox><div class=\"vx-fs-12 vx-label-txt\">Friday</div></app-cs-checkbox>\n    <app-cs-checkbox><div class=\"vx-fs-12 vx-label-txt\">Saturday</div></app-cs-checkbox>\n    <app-cs-checkbox><div class=\"vx-fs-12 vx-label-txt\">Sunday</div></app-cs-checkbox> -->\n\n    <app-cs-checkbox \n        *ngFor=\"let eachList of listArray; let i = index;\"\n        [id]=\"i\" [value]=\"i\" [ngValue]=\"selectedIndex.includes(i)\" \n        (ngValueChange)=\"selectedCheckbox.emit({checked:$event, index:i})\"\n        [disabled]=\"id === 4 && selectedIndex.length == 2 && !selectedIndex.includes(i)\"\n        >\n        <div class=\"vx-fs-12 vx-label-txt\">{{eachList}}</div>\n    </app-cs-checkbox>\n</div>\n\n<div *ngIf=\"false\" class=\"frequency-dialog-checkbox-list vx-d-flex vx-flex-wrap month\">\n    <app-cs-checkbox><div class=\"vx-fs-12 vx-label-txt\">January</div></app-cs-checkbox>\n    <app-cs-checkbox><div class=\"vx-fs-12 vx-label-txt\">February</div></app-cs-checkbox>\n    <app-cs-checkbox><div class=\"vx-fs-12 vx-label-txt\">March</div></app-cs-checkbox>\n    <app-cs-checkbox><div class=\"vx-fs-12 vx-label-txt\">April</div></app-cs-checkbox>\n    <app-cs-checkbox><div class=\"vx-fs-12 vx-label-txt\">May</div></app-cs-checkbox>\n    <app-cs-checkbox><div class=\"vx-fs-12 vx-label-txt\">June</div></app-cs-checkbox>\n    <app-cs-checkbox><div class=\"vx-fs-12 vx-label-txt\">June</div></app-cs-checkbox>\n    <app-cs-checkbox><div class=\"vx-fs-12 vx-label-txt\">August</div></app-cs-checkbox>\n    <app-cs-checkbox><div class=\"vx-fs-12 vx-label-txt\">September</div></app-cs-checkbox>\n    <app-cs-checkbox><div class=\"vx-fs-12 vx-label-txt\">October</div></app-cs-checkbox>\n    <app-cs-checkbox><div class=\"vx-fs-12 vx-label-txt\">November</div></app-cs-checkbox>\n    <app-cs-checkbox><div class=\"vx-fs-12 vx-label-txt\">December</div></app-cs-checkbox>\n</div>", styles: ["@import\"https://cdn.v-comply.com/design-system/css/icons/icons.css\";@import\"https://cdn.v-comply.com/design-system/css/mixin/mixin.css\";@import\"https://cdn.v-comply.com/design-system/css/display/display.css\";@import\"https://cdn.v-comply.com/design-system/css/alignment/alignment.css\";@import\"https://cdn.v-comply.com/design-system/css/color/color.css\";@import\"https://cdn.v-comply.com/design-system/css/text/text.css\";@import\"https://cdn.v-comply.com/design-system/css/width/width.css\";@import\"https://cdn.v-comply.com/design-system/css/margin/margin.css\";@import\"https://cdn.v-comply.com/design-system/css/margin/margin-top.css\";@import\"https://cdn.v-comply.com/design-system/css/margin/margin-bottom.css\";@import\"https://cdn.v-comply.com/design-system/css/margin/margin-left.css\";@import\"https://cdn.v-comply.com/design-system/css/margin/margin-right.css\";@import\"https://cdn.v-comply.com/design-system/css/padding/padding.css\";@import\"https://cdn.v-comply.com/design-system/css/padding/padding-top.css\";@import\"https://cdn.v-comply.com/design-system/css/padding/padding-bottom.css\";@import\"https://cdn.v-comply.com/design-system/css/padding/padding-left.css\";@import\"https://cdn.v-comply.com/design-system/css/padding/padding-right.css\";::ng-deep .frequency-dialog-checkbox-list{border-top:1px solid #f1f1f1}::ng-deep .frequency-dialog-checkbox-list.week app-cs-checkbox{border-right:1px solid #f1f1f1;padding:.75rem 1rem .75rem .75rem;height:2.5rem}@media screen and (max-width: 1366px){::ng-deep .frequency-dialog-checkbox-list.week app-cs-checkbox{padding:.75rem .625rem!important}}::ng-deep .frequency-dialog-checkbox-list.week app-cs-checkbox:last-of-type{border-right:none}::ng-deep .frequency-dialog-checkbox-list.week app-cs-checkbox .checkbox-item{padding-left:1.5rem!important;position:relative;top:-6px}::ng-deep .frequency-dialog-checkbox-list.week app-cs-checkbox .checkbox-item .checkbox,::ng-deep .frequency-dialog-checkbox-list.week app-cs-checkbox .checkbox-item .checkmark{position:absolute!important;top:0;left:0}::ng-deep .frequency-dialog-checkbox-list.week app-cs-checkbox .checkbox-item .value{max-width:100%!important;margin:0!important}::ng-deep .frequency-dialog-checkbox-list.month app-cs-checkbox{border-right:1px solid #f1f1f1;border-bottom:1px solid #f1f1f1;padding:.75rem 1rem .75rem .75rem;height:2.5rem;width:16.66%}::ng-deep .frequency-dialog-checkbox-list.month app-cs-checkbox:nth-child(6){border-right:none}::ng-deep .frequency-dialog-checkbox-list.month app-cs-checkbox:nth-child(7),::ng-deep .frequency-dialog-checkbox-list.month app-cs-checkbox:nth-child(8),::ng-deep .frequency-dialog-checkbox-list.month app-cs-checkbox:nth-child(9),::ng-deep .frequency-dialog-checkbox-list.month app-cs-checkbox:nth-child(10),::ng-deep .frequency-dialog-checkbox-list.month app-cs-checkbox:nth-child(11),::ng-deep .frequency-dialog-checkbox-list.month app-cs-checkbox:nth-child(12){border-bottom:none}::ng-deep .frequency-dialog-checkbox-list.month app-cs-checkbox:nth-child(12){border-right:none}::ng-deep .frequency-dialog-checkbox-list.month app-cs-checkbox .checkbox-item{padding-left:1.5rem!important;position:relative;top:-6px}::ng-deep .frequency-dialog-checkbox-list.month app-cs-checkbox .checkbox-item .checkbox,::ng-deep .frequency-dialog-checkbox-list.month app-cs-checkbox .checkbox-item .checkmark{position:absolute!important;top:0;left:0}::ng-deep .frequency-dialog-checkbox-list.month app-cs-checkbox .checkbox-item .value{max-width:100%!important;margin:0!important}\n"], dependencies: [{ kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i2.CsCheckboxComponent, selector: "app-cs-checkbox", inputs: ["disabled", "ngValue", "value", "readonly", "oneLine"], outputs: ["ngValueChange"] }] }); }
}
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: FrequencyDialogCheckboxListComponent, decorators: [{
            type: Component,
            args: [{ selector: 'app-frequency-dialog-checkbox-list', template: "<div class=\"frequency-dialog-checkbox-list vx-d-flex\" [class.week]=\"id === 1\" [class.vx-align-center]=\"id === 1\" [class.month]=\"id === 2 || id === 4\" [class.vx-flex-wrap]=\"id === 2 || id === 4\">\n    <!-- <div class=\"frequency-dialog-checkbox-list vx-d-flex vx-align-center week\"> -->\n    <!-- <app-cs-checkbox><div class=\"vx-fs-12 vx-label-txt\">Monday</div></app-cs-checkbox>\n    <app-cs-checkbox><div class=\"vx-fs-12 vx-label-txt\">Tuesday</div></app-cs-checkbox>\n    <app-cs-checkbox><div class=\"vx-fs-12 vx-label-txt\">Wednesday</div></app-cs-checkbox>\n    <app-cs-checkbox><div class=\"vx-fs-12 vx-label-txt\">Thursday</div></app-cs-checkbox>\n    <app-cs-checkbox><div class=\"vx-fs-12 vx-label-txt\">Friday</div></app-cs-checkbox>\n    <app-cs-checkbox><div class=\"vx-fs-12 vx-label-txt\">Saturday</div></app-cs-checkbox>\n    <app-cs-checkbox><div class=\"vx-fs-12 vx-label-txt\">Sunday</div></app-cs-checkbox> -->\n\n    <app-cs-checkbox \n        *ngFor=\"let eachList of listArray; let i = index;\"\n        [id]=\"i\" [value]=\"i\" [ngValue]=\"selectedIndex.includes(i)\" \n        (ngValueChange)=\"selectedCheckbox.emit({checked:$event, index:i})\"\n        [disabled]=\"id === 4 && selectedIndex.length == 2 && !selectedIndex.includes(i)\"\n        >\n        <div class=\"vx-fs-12 vx-label-txt\">{{eachList}}</div>\n    </app-cs-checkbox>\n</div>\n\n<div *ngIf=\"false\" class=\"frequency-dialog-checkbox-list vx-d-flex vx-flex-wrap month\">\n    <app-cs-checkbox><div class=\"vx-fs-12 vx-label-txt\">January</div></app-cs-checkbox>\n    <app-cs-checkbox><div class=\"vx-fs-12 vx-label-txt\">February</div></app-cs-checkbox>\n    <app-cs-checkbox><div class=\"vx-fs-12 vx-label-txt\">March</div></app-cs-checkbox>\n    <app-cs-checkbox><div class=\"vx-fs-12 vx-label-txt\">April</div></app-cs-checkbox>\n    <app-cs-checkbox><div class=\"vx-fs-12 vx-label-txt\">May</div></app-cs-checkbox>\n    <app-cs-checkbox><div class=\"vx-fs-12 vx-label-txt\">June</div></app-cs-checkbox>\n    <app-cs-checkbox><div class=\"vx-fs-12 vx-label-txt\">June</div></app-cs-checkbox>\n    <app-cs-checkbox><div class=\"vx-fs-12 vx-label-txt\">August</div></app-cs-checkbox>\n    <app-cs-checkbox><div class=\"vx-fs-12 vx-label-txt\">September</div></app-cs-checkbox>\n    <app-cs-checkbox><div class=\"vx-fs-12 vx-label-txt\">October</div></app-cs-checkbox>\n    <app-cs-checkbox><div class=\"vx-fs-12 vx-label-txt\">November</div></app-cs-checkbox>\n    <app-cs-checkbox><div class=\"vx-fs-12 vx-label-txt\">December</div></app-cs-checkbox>\n</div>", styles: ["@import\"https://cdn.v-comply.com/design-system/css/icons/icons.css\";@import\"https://cdn.v-comply.com/design-system/css/mixin/mixin.css\";@import\"https://cdn.v-comply.com/design-system/css/display/display.css\";@import\"https://cdn.v-comply.com/design-system/css/alignment/alignment.css\";@import\"https://cdn.v-comply.com/design-system/css/color/color.css\";@import\"https://cdn.v-comply.com/design-system/css/text/text.css\";@import\"https://cdn.v-comply.com/design-system/css/width/width.css\";@import\"https://cdn.v-comply.com/design-system/css/margin/margin.css\";@import\"https://cdn.v-comply.com/design-system/css/margin/margin-top.css\";@import\"https://cdn.v-comply.com/design-system/css/margin/margin-bottom.css\";@import\"https://cdn.v-comply.com/design-system/css/margin/margin-left.css\";@import\"https://cdn.v-comply.com/design-system/css/margin/margin-right.css\";@import\"https://cdn.v-comply.com/design-system/css/padding/padding.css\";@import\"https://cdn.v-comply.com/design-system/css/padding/padding-top.css\";@import\"https://cdn.v-comply.com/design-system/css/padding/padding-bottom.css\";@import\"https://cdn.v-comply.com/design-system/css/padding/padding-left.css\";@import\"https://cdn.v-comply.com/design-system/css/padding/padding-right.css\";::ng-deep .frequency-dialog-checkbox-list{border-top:1px solid #f1f1f1}::ng-deep .frequency-dialog-checkbox-list.week app-cs-checkbox{border-right:1px solid #f1f1f1;padding:.75rem 1rem .75rem .75rem;height:2.5rem}@media screen and (max-width: 1366px){::ng-deep .frequency-dialog-checkbox-list.week app-cs-checkbox{padding:.75rem .625rem!important}}::ng-deep .frequency-dialog-checkbox-list.week app-cs-checkbox:last-of-type{border-right:none}::ng-deep .frequency-dialog-checkbox-list.week app-cs-checkbox .checkbox-item{padding-left:1.5rem!important;position:relative;top:-6px}::ng-deep .frequency-dialog-checkbox-list.week app-cs-checkbox .checkbox-item .checkbox,::ng-deep .frequency-dialog-checkbox-list.week app-cs-checkbox .checkbox-item .checkmark{position:absolute!important;top:0;left:0}::ng-deep .frequency-dialog-checkbox-list.week app-cs-checkbox .checkbox-item .value{max-width:100%!important;margin:0!important}::ng-deep .frequency-dialog-checkbox-list.month app-cs-checkbox{border-right:1px solid #f1f1f1;border-bottom:1px solid #f1f1f1;padding:.75rem 1rem .75rem .75rem;height:2.5rem;width:16.66%}::ng-deep .frequency-dialog-checkbox-list.month app-cs-checkbox:nth-child(6){border-right:none}::ng-deep .frequency-dialog-checkbox-list.month app-cs-checkbox:nth-child(7),::ng-deep .frequency-dialog-checkbox-list.month app-cs-checkbox:nth-child(8),::ng-deep .frequency-dialog-checkbox-list.month app-cs-checkbox:nth-child(9),::ng-deep .frequency-dialog-checkbox-list.month app-cs-checkbox:nth-child(10),::ng-deep .frequency-dialog-checkbox-list.month app-cs-checkbox:nth-child(11),::ng-deep .frequency-dialog-checkbox-list.month app-cs-checkbox:nth-child(12){border-bottom:none}::ng-deep .frequency-dialog-checkbox-list.month app-cs-checkbox:nth-child(12){border-right:none}::ng-deep .frequency-dialog-checkbox-list.month app-cs-checkbox .checkbox-item{padding-left:1.5rem!important;position:relative;top:-6px}::ng-deep .frequency-dialog-checkbox-list.month app-cs-checkbox .checkbox-item .checkbox,::ng-deep .frequency-dialog-checkbox-list.month app-cs-checkbox .checkbox-item .checkmark{position:absolute!important;top:0;left:0}::ng-deep .frequency-dialog-checkbox-list.month app-cs-checkbox .checkbox-item .value{max-width:100%!important;margin:0!important}\n"] }]
        }], ctorParameters: function () { return []; }, propDecorators: { id: [{
                type: Input
            }], listArray: [{
                type: Input
            }], selectedIndex: [{
                type: Input
            }], selectedCheckbox: [{
                type: Output
            }] } });
//# sourceMappingURL=data:application/json;base64, 