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-radio/cs-radio.component";
export class FrequencyDialogRadioListComponent {
    constructor() {
        this.radioList = [];
        this.selectedIndex = -1;
        this.name = '';
        this.noAnimation = true;
        this.selectedRadio = new EventEmitter();
    }
    ngOnInit() {
        setTimeout(() => {
            this.noAnimation = false;
        }, 1000);
    }
    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: FrequencyDialogRadioListComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: FrequencyDialogRadioListComponent, selector: "app-frequency-dialog-radio-list", inputs: { radioList: "radioList", selectedIndex: "selectedIndex", name: "name" }, outputs: { selectedRadio: "selectedRadio" }, ngImport: i0, template: "<!-- <div class=\"frequency-dialog-radio-list vx-d-flex vx-align-center quarterly\">\n    <app-cs-radio><div class=\"vx-fs-12 vx-label-txt\">January, April, July, October</div></app-cs-radio>\n    <app-cs-radio><div class=\"vx-fs-12 vx-label-txt\">February, May, August, November</div></app-cs-radio>\n    <app-cs-radio><div class=\"vx-fs-12 vx-label-txt\">March, June, September, December</div></app-cs-radio>\n</div>\n\n<div *ngIf=\"false\" class=\"frequency-dialog-radio-list vx-d-flex vx-flex-wrap yearly\">\n    <app-cs-radio><div class=\"vx-fs-12 vx-label-txt\">January</div></app-cs-radio>\n    <app-cs-radio><div class=\"vx-fs-12 vx-label-txt\">February</div></app-cs-radio>\n    <app-cs-radio><div class=\"vx-fs-12 vx-label-txt\">March</div></app-cs-radio>\n    <app-cs-radio><div class=\"vx-fs-12 vx-label-txt\">April</div></app-cs-radio>\n    <app-cs-radio><div class=\"vx-fs-12 vx-label-txt\">May</div></app-cs-radio>\n    <app-cs-radio><div class=\"vx-fs-12 vx-label-txt\">June</div></app-cs-radio>\n    <app-cs-radio><div class=\"vx-fs-12 vx-label-txt\">June</div></app-cs-radio>\n    <app-cs-radio><div class=\"vx-fs-12 vx-label-txt\">August</div></app-cs-radio>\n    <app-cs-radio><div class=\"vx-fs-12 vx-label-txt\">September</div></app-cs-radio>\n    <app-cs-radio><div class=\"vx-fs-12 vx-label-txt\">October</div></app-cs-radio>\n    <app-cs-radio><div class=\"vx-fs-12 vx-label-txt\">November</div></app-cs-radio>\n    <app-cs-radio><div class=\"vx-fs-12 vx-label-txt\">December</div></app-cs-radio>\n</div> -->\n\n<div class=\"frequency-dialog-radio-list vx-d-flex \" [class.vx-align-center]=\"name === 'quarter'\" [class.quarterly]=\"name === 'quarter'\" [class.vx-flex-wrap]=\"name === 'annual'\" [class.yearly]=\"name === 'annual'\">\n    <app-cs-radio \n        *ngFor=\"let eachList of radioList; let i = index;\" \n        [id]=\"i\" \n        [value]=\"i\" \n        [name]=\"name\"\n        [checked]=\"(selectedIndex === i)\" \n        (checkedEvent)=\"selectedRadio.emit($event)\">\n        <div class=\"vx-fs-12 vx-label-txt\">{{eachList}}</div>\n    </app-cs-radio>\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-radio-list{border-top:1px solid #f1f1f1}::ng-deep .frequency-dialog-radio-list.quarterly app-cs-radio{border-right:1px solid #f1f1f1;padding:.75rem 1rem .75rem .75rem;height:2.5rem}::ng-deep .frequency-dialog-radio-list.quarterly app-cs-radio:last-of-type{border-right:none}::ng-deep .frequency-dialog-radio-list.quarterly app-cs-radio .radio-item{position:relative;top:-2px}::ng-deep .frequency-dialog-radio-list.yearly app-cs-radio{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-radio-list.yearly app-cs-radio:nth-child(6){border-right:none}::ng-deep .frequency-dialog-radio-list.yearly app-cs-radio:nth-child(7),::ng-deep .frequency-dialog-radio-list.yearly app-cs-radio:nth-child(8),::ng-deep .frequency-dialog-radio-list.yearly app-cs-radio:nth-child(9),::ng-deep .frequency-dialog-radio-list.yearly app-cs-radio:nth-child(10),::ng-deep .frequency-dialog-radio-list.yearly app-cs-radio:nth-child(11),::ng-deep .frequency-dialog-radio-list.yearly app-cs-radio:nth-child(12){border-bottom:none}::ng-deep .frequency-dialog-radio-list.yearly app-cs-radio:nth-child(12){border-right:none}::ng-deep .frequency-dialog-radio-list.yearly app-cs-radio .radio-item{position:relative;top:-2px}\n"], dependencies: [{ kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "component", type: i2.CsRadioComponent, selector: "app-cs-radio", inputs: ["disabled", "readonly", "name", "checked", "value", "oneLine"], outputs: ["checkedEvent"] }] }); }
}
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: FrequencyDialogRadioListComponent, decorators: [{
            type: Component,
            args: [{ selector: 'app-frequency-dialog-radio-list', template: "<!-- <div class=\"frequency-dialog-radio-list vx-d-flex vx-align-center quarterly\">\n    <app-cs-radio><div class=\"vx-fs-12 vx-label-txt\">January, April, July, October</div></app-cs-radio>\n    <app-cs-radio><div class=\"vx-fs-12 vx-label-txt\">February, May, August, November</div></app-cs-radio>\n    <app-cs-radio><div class=\"vx-fs-12 vx-label-txt\">March, June, September, December</div></app-cs-radio>\n</div>\n\n<div *ngIf=\"false\" class=\"frequency-dialog-radio-list vx-d-flex vx-flex-wrap yearly\">\n    <app-cs-radio><div class=\"vx-fs-12 vx-label-txt\">January</div></app-cs-radio>\n    <app-cs-radio><div class=\"vx-fs-12 vx-label-txt\">February</div></app-cs-radio>\n    <app-cs-radio><div class=\"vx-fs-12 vx-label-txt\">March</div></app-cs-radio>\n    <app-cs-radio><div class=\"vx-fs-12 vx-label-txt\">April</div></app-cs-radio>\n    <app-cs-radio><div class=\"vx-fs-12 vx-label-txt\">May</div></app-cs-radio>\n    <app-cs-radio><div class=\"vx-fs-12 vx-label-txt\">June</div></app-cs-radio>\n    <app-cs-radio><div class=\"vx-fs-12 vx-label-txt\">June</div></app-cs-radio>\n    <app-cs-radio><div class=\"vx-fs-12 vx-label-txt\">August</div></app-cs-radio>\n    <app-cs-radio><div class=\"vx-fs-12 vx-label-txt\">September</div></app-cs-radio>\n    <app-cs-radio><div class=\"vx-fs-12 vx-label-txt\">October</div></app-cs-radio>\n    <app-cs-radio><div class=\"vx-fs-12 vx-label-txt\">November</div></app-cs-radio>\n    <app-cs-radio><div class=\"vx-fs-12 vx-label-txt\">December</div></app-cs-radio>\n</div> -->\n\n<div class=\"frequency-dialog-radio-list vx-d-flex \" [class.vx-align-center]=\"name === 'quarter'\" [class.quarterly]=\"name === 'quarter'\" [class.vx-flex-wrap]=\"name === 'annual'\" [class.yearly]=\"name === 'annual'\">\n    <app-cs-radio \n        *ngFor=\"let eachList of radioList; let i = index;\" \n        [id]=\"i\" \n        [value]=\"i\" \n        [name]=\"name\"\n        [checked]=\"(selectedIndex === i)\" \n        (checkedEvent)=\"selectedRadio.emit($event)\">\n        <div class=\"vx-fs-12 vx-label-txt\">{{eachList}}</div>\n    </app-cs-radio>\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-radio-list{border-top:1px solid #f1f1f1}::ng-deep .frequency-dialog-radio-list.quarterly app-cs-radio{border-right:1px solid #f1f1f1;padding:.75rem 1rem .75rem .75rem;height:2.5rem}::ng-deep .frequency-dialog-radio-list.quarterly app-cs-radio:last-of-type{border-right:none}::ng-deep .frequency-dialog-radio-list.quarterly app-cs-radio .radio-item{position:relative;top:-2px}::ng-deep .frequency-dialog-radio-list.yearly app-cs-radio{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-radio-list.yearly app-cs-radio:nth-child(6){border-right:none}::ng-deep .frequency-dialog-radio-list.yearly app-cs-radio:nth-child(7),::ng-deep .frequency-dialog-radio-list.yearly app-cs-radio:nth-child(8),::ng-deep .frequency-dialog-radio-list.yearly app-cs-radio:nth-child(9),::ng-deep .frequency-dialog-radio-list.yearly app-cs-radio:nth-child(10),::ng-deep .frequency-dialog-radio-list.yearly app-cs-radio:nth-child(11),::ng-deep .frequency-dialog-radio-list.yearly app-cs-radio:nth-child(12){border-bottom:none}::ng-deep .frequency-dialog-radio-list.yearly app-cs-radio:nth-child(12){border-right:none}::ng-deep .frequency-dialog-radio-list.yearly app-cs-radio .radio-item{position:relative;top:-2px}\n"] }]
        }], ctorParameters: function () { return []; }, propDecorators: { radioList: [{
                type: Input
            }], selectedIndex: [{
                type: Input
            }], name: [{
                type: Input
            }], selectedRadio: [{
                type: Output
            }] } });
//# sourceMappingURL=data:application/json;base64, 