import { Component, Input, Output, EventEmitter } from '@angular/core';
import { textInfo } from './due-date.contant';
import * as i0 from "@angular/core";
import * as i1 from "@angular/forms";
import * as i2 from "@angular/common";
export class FrequencyDueDateComponent {
    constructor() {
        this.mode = '';
        this.defaultWindow = 0;
        this.defaultFailed = 0;
        this.defaultDeactivate = 0;
        this.type = this.mode;
        this.pageType = 'responsibility';
        this.completedRequired = true; // when completed required
        this.notCompletedRequired = true; // when not completed required
        this.completedValue = 2; // take input for completed
        this.notCompletedValue = 2; // take input for not completed
        this.deactivateValue = 15;
        this.isDeactivated = false;
        this.id = 0;
        this.pageName = '';
        this.valueChange = new EventEmitter();
    }
    ngOnInit() {
        this.dueDateText = textInfo[this.mode];
        if (this.mode === 'reviewerFrequency') {
            this.type = 'review';
        }
        else {
            this.type = this.mode;
        }
    }
    // Unified event handler for all input events
    onInputEvent(event) {
        const inputId = event.target.id;
        let actionType = '';
        // Determine action type based on input ID
        if (inputId.includes('complete-')) {
            actionType = 'completed';
        }
        else if (inputId.includes('not-completed-')) {
            actionType = 'not completed';
        }
        else if (inputId.includes('deactivate')) {
            actionType = 'deactivated';
        }
        // Process and validate the input value
        let value = this.processInputValue(event.target.value);
        // Update the input field
        event.target.value = value;
        // Update the corresponding model property
        this.updateModelProperty(actionType, value);
        // Emit the change event
        this.valueChange.emit({
            type: actionType,
            value: value,
            pageName: this.pageName,
        });
    }
    // Process input value: remove leading zeros, ensure positive, handle edge cases
    processInputValue(inputValue) {
        if (inputValue === '' || inputValue === null || inputValue === undefined) {
            return 0;
        }
        // Convert to number and ensure it's positive
        let value = Math.abs(Number(inputValue));
        // Remove leading zeros by converting to string and back to number
        return Number(value.toString());
    }
    // Update the corresponding model property
    updateModelProperty(actionType, value) {
        switch (actionType) {
            case 'completed':
                this.completedValue = value;
                break;
            case 'not completed':
                this.notCompletedValue = value;
                break;
            case 'deactivated':
                this.deactivateValue = value;
                break;
        }
    }
    // Prevent decimal point entry
    onKeyDown(event) {
        return event.key !== '.';
    }
    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: FrequencyDueDateComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: FrequencyDueDateComponent, selector: "app-frequency-due-date", inputs: { mode: "mode", pageType: "pageType", completedRequired: "completedRequired", notCompletedRequired: "notCompletedRequired", completedValue: "completedValue", notCompletedValue: "notCompletedValue", deactivateValue: "deactivateValue", isDeactivated: "isDeactivated", id: "id", pageName: "pageName" }, outputs: { valueChange: "valueChange" }, ngImport: i0, template: "<div *ngIf=\"['responsibility', 'policy', 'reviewerFrequency'].includes(mode)\" class=\"frequency-bottom\">\n  <div *ngIf=\"completedRequired\" class=\"frequency-bottom-item vx-mt-5\">\n    <div class=\"vx-fs-11 vx-fw-500 vx-label-txt vx-tt-uppercase vx-mb-1\">\n      {{ dueDateText.windowOpen }}\n    </div>\n    <div class=\"frequency-bottom-item-box vx-fs-13 vx-paragraph-txt vx-p-3 vx-pt-4 vx-pb-4 vx-d-block\">\n      The {{ pageType }} can be {{ dueDateText?.keys }} on the due date and\n      <input class=\"countNum\" [id]=\"'complete-' + id\" type=\"number\" [(ngModel)]=\"completedValue\"\n        (input)=\"onInputEvent($event)\" (keydown)=\"onKeyDown($event)\" min=\"0\" />\n      {{ completedValue < 2 ? \"day\" : \"days\" }} <span class=\"vx-fw-500\">before</span> the due date. Where this occurs,\n        this will show as the {{ mode === \"reviewerFrequency\" ? \"policy\" : type }} being\n        <span class=\"completed-text vx-fw-500\">{{ dueDateText?.keys }} on time</span>.\n    </div>\n  </div>\n\n  <div *ngIf=\"notCompletedRequired\" class=\"frequency-bottom-item vx-mt-5\">\n    <div class=\"vx-fs-11 vx-fw-500 vx-label-txt vx-tt-uppercase vx-mb-1\">\n      {{ dueDateText.extension }}\n    </div>\n    <div class=\"frequency-bottom-item-box vx-fs-13 vx-paragraph-txt vx-p-3 vx-pt-4 vx-pb-4 vx-d-block\">\n      The {{ pageType }} can be {{ dueDateText?.keys }}\n      <input class=\"countNum\" type=\"number\" [id]=\"'not-completed-' + id\" [(ngModel)]=\"notCompletedValue\"\n        (input)=\"onInputEvent($event)\" (keydown)=\"onKeyDown($event)\" min=\"0\" />\n      {{ notCompletedValue < 2 ? \"day\" : \"days\" }} <span class=\"vx-fw-500\">after</span> the due date. Where this occurs,\n        this\n        will show as the {{ mode === \"reviewerFrequency\" ? \"policy\" : type }} being\n        <span class=\"delay-text vx-fw-500\">{{ dueDateText?.keys }} with delay</span>.\n    </div>\n  </div>\n\n  <div *ngIf=\"notCompletedRequired\" class=\"frequency-bottom-item vx-mt-5\">\n    <div class=\"vx-fs-11 vx-fw-500 vx-label-txt vx-tt-uppercase vx-mb-1\">\n      {{ dueDateText.windowCloses }}\n    </div>\n    <div class=\"frequency-bottom-item-box vx-fs-13 vx-paragraph-txt vx-p-3 vx-pt-4 vx-pb-4 vx-d-block\">\n      The {{ pageType }} cannot be {{ dueDateText?.keys }}\n      <span class=\"vx-fw-500 vx-label-txt\">{{ notCompletedValue }}</span>\n      {{ notCompletedValue < 2 ? \"day\" : \"days\" }} <span class=\"vx-fw-500\">after</span> the due date. Where this occurs,\n        this\n        will show as the {{ type }} being\n        <span class=\"notcompleted-text vx-fw-500\">not\n          {{\n          dueDateText?.keys === \"reviewed\" ? \"completed\" : dueDateText?.keys\n          }}</span>.\n    </div>\n  </div>\n\n  <div *ngIf=\"isDeactivated && mode === 'responsibility'\" class=\"frequency-bottom-item vx-mt-5\">\n    <div class=\"vx-fs-11 vx-fw-500 vx-label-txt vx-tt-uppercase vx-mb-1\">\n      AUTOMATIC DEACTIVATE:\n    </div>\n    <div class=\"frequency-bottom-item-box vx-fs-13 vx-paragraph-txt vx-p-3 vx-pt-4 vx-pb-4 vx-d-block\">\n      This {{ type }} will be automatically deactivated, if it is not\n      {{ dueDateText?.keys }}\n      for\n      <input class=\"countNum\" type=\"number\" [id]=\"'deactivate' + id\" [(ngModel)]=\"deactivateValue\"\n        (input)=\"onInputEvent($event)\" (keydown)=\"onKeyDown($event)\" min=\"0\" />\n      consecutive due dates.\n    </div>\n  </div>\n</div>\n\n<!-- For Policy -->\n<div class=\"frequency-due-date\" *ngIf=\"mode == 'policy' && false\">\n  <div *ngIf=\"completedRequired\" class=\"frequency-due-date-row\">\n    <p>The policy can be <i class=\"completed\">attested</i></p>\n    <input [id]=\"'complete-' + id\" type=\"number\" [(ngModel)]=\"completedValue\" (input)=\"onInputEvent($event)\"\n      (keydown)=\"onKeyDown($event)\" min=\"0\" />\n    <p>{{ completedValue < 2 ? \"day\" : \"days\" }} before the due date.</p>\n  </div>\n  <div *ngIf=\"notCompletedRequired\" class=\"frequency-due-date-row\">\n    <p>The policy attestation will <i>fail</i></p>\n    <input type=\"number\" [id]=\"'not-completed-' + id\" [(ngModel)]=\"notCompletedValue\" (input)=\"onInputEvent($event)\"\n      (keydown)=\"onKeyDown($event)\" min=\"0\" />\n    <p>\n      {{ notCompletedValue < 2 ? \"day\" : \"days\" }} after the due date if it is not completed. </p>\n  </div>\n</div>\n<div class=\"frequency-due-date\" *ngIf=\"mode == 'reviewerFrequency' && false\">\n  <div *ngIf=\"completedRequired\" class=\"frequency-due-date-row\">\n    <p>The policy can be <i class=\"completed\">reviewed</i></p>\n    <input [id]=\"'complete-' + id\" type=\"number\" [(ngModel)]=\"completedValue\" (input)=\"onInputEvent($event)\"\n      (keydown)=\"onKeyDown($event)\" min=\"0\" />\n    <p>{{ completedValue < 2 ? \"day\" : \"days\" }} before the review date.</p>\n  </div>\n  <div *ngIf=\"notCompletedRequired\" class=\"frequency-due-date-row\">\n    <p>The policy review will <i>fail</i></p>\n    <input type=\"number\" [id]=\"'not-completed-' + id\" [(ngModel)]=\"notCompletedValue\" (input)=\"onInputEvent($event)\"\n      (keydown)=\"onKeyDown($event)\" min=\"0\" />\n    <p>\n      {{ notCompletedValue < 2 ? \"day\" : \"days\" }} after the review date if it is not completed. </p>\n  </div>\n</div>", styles: ["@import\"https://cdn.v-comply.com/design-system/css/mixin/mixin.css\";@import\"https://cdn.v-comply.com/design-system/css/header/header.css\";@import\"https://cdn.v-comply.com/design-system/css/display/display.css\";@import\"https://cdn.v-comply.com/design-system/css/margin/margin.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-top.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/alignment/alignment.css\";@import\"https://cdn.v-comply.com/design-system/css/text/text.css\";@import\"https://cdn.v-comply.com/design-system/css/button/button.css\";@import\"https://cdn.v-comply.com/design-system/css/color/color.css\";@import\"https://cdn.v-comply.com/design-system/css/popover/popover.css\";@import\"https://cdn.v-comply.com/design-system/css/width/width.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\";@import\"https://cdn.v-comply.com/design-system/css/icons/icons.css\";::ng-deep .frequency-bottom-item-box{border-radius:.25rem;border:1px solid #f1f1f1}::ng-deep .frequency-bottom-item-box input.countNum{-moz-appearance:textfield;border:none;border-bottom:1px solid #DBDBDB;color:#161b2f;display:inline-block;font-size:13px;text-align:center;width:2.75rem;padding:.125rem;margin:0 .5rem;outline:none}::ng-deep .frequency-bottom-item-box input.countNum::-webkit-inner-spin-button,::ng-deep .frequency-bottom-item-box input.countNum::-webkit-outer-spin-button{-webkit-appearance:none}::ng-deep .frequency-bottom-item-box .completed-text{color:#34aa44}::ng-deep .frequency-bottom-item-box .delay-text{color:#f0b819}::ng-deep .frequency-bottom-item-box .notcompleted-text{color:#d93b41}.frequency-due-date{display:block}.frequency-due-date-row{display:flex;border-top:1px solid #f1f1f1;padding:12px 20px;align-items:center}.frequency-due-date p{font-size:13px;color:#747576;width:auto;margin:0;font-weight:400;line-height:20px}.frequency-due-date p i{color:#d93b41;font-style:italic;font-weight:500;padding:0 4px}.frequency-due-date p i.completed{color:#1e5dd3}.frequency-due-date p strong{font-weight:600;font-style:italic}.frequency-due-date input{-moz-appearance:textfield;font-size:14px;color:#161b2f;border:0;border-bottom:2px solid #dcdcdc;display:inline-block;width:36px;text-align:center;padding:4px;margin:0 8px;outline:none}.frequency-due-date input::-webkit-outer-spin-button,.frequency-due-date input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}\n"], dependencies: [{ kind: "directive", type: i1.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i1.NumberValueAccessor, selector: "input[type=number][formControlName],input[type=number][formControl],input[type=number][ngModel]" }, { kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.MinValidator, selector: "input[type=number][min][formControlName],input[type=number][min][formControl],input[type=number][min][ngModel]", inputs: ["min"] }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }] }); }
}
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: FrequencyDueDateComponent, decorators: [{
            type: Component,
            args: [{ selector: 'app-frequency-due-date', template: "<div *ngIf=\"['responsibility', 'policy', 'reviewerFrequency'].includes(mode)\" class=\"frequency-bottom\">\n  <div *ngIf=\"completedRequired\" class=\"frequency-bottom-item vx-mt-5\">\n    <div class=\"vx-fs-11 vx-fw-500 vx-label-txt vx-tt-uppercase vx-mb-1\">\n      {{ dueDateText.windowOpen }}\n    </div>\n    <div class=\"frequency-bottom-item-box vx-fs-13 vx-paragraph-txt vx-p-3 vx-pt-4 vx-pb-4 vx-d-block\">\n      The {{ pageType }} can be {{ dueDateText?.keys }} on the due date and\n      <input class=\"countNum\" [id]=\"'complete-' + id\" type=\"number\" [(ngModel)]=\"completedValue\"\n        (input)=\"onInputEvent($event)\" (keydown)=\"onKeyDown($event)\" min=\"0\" />\n      {{ completedValue < 2 ? \"day\" : \"days\" }} <span class=\"vx-fw-500\">before</span> the due date. Where this occurs,\n        this will show as the {{ mode === \"reviewerFrequency\" ? \"policy\" : type }} being\n        <span class=\"completed-text vx-fw-500\">{{ dueDateText?.keys }} on time</span>.\n    </div>\n  </div>\n\n  <div *ngIf=\"notCompletedRequired\" class=\"frequency-bottom-item vx-mt-5\">\n    <div class=\"vx-fs-11 vx-fw-500 vx-label-txt vx-tt-uppercase vx-mb-1\">\n      {{ dueDateText.extension }}\n    </div>\n    <div class=\"frequency-bottom-item-box vx-fs-13 vx-paragraph-txt vx-p-3 vx-pt-4 vx-pb-4 vx-d-block\">\n      The {{ pageType }} can be {{ dueDateText?.keys }}\n      <input class=\"countNum\" type=\"number\" [id]=\"'not-completed-' + id\" [(ngModel)]=\"notCompletedValue\"\n        (input)=\"onInputEvent($event)\" (keydown)=\"onKeyDown($event)\" min=\"0\" />\n      {{ notCompletedValue < 2 ? \"day\" : \"days\" }} <span class=\"vx-fw-500\">after</span> the due date. Where this occurs,\n        this\n        will show as the {{ mode === \"reviewerFrequency\" ? \"policy\" : type }} being\n        <span class=\"delay-text vx-fw-500\">{{ dueDateText?.keys }} with delay</span>.\n    </div>\n  </div>\n\n  <div *ngIf=\"notCompletedRequired\" class=\"frequency-bottom-item vx-mt-5\">\n    <div class=\"vx-fs-11 vx-fw-500 vx-label-txt vx-tt-uppercase vx-mb-1\">\n      {{ dueDateText.windowCloses }}\n    </div>\n    <div class=\"frequency-bottom-item-box vx-fs-13 vx-paragraph-txt vx-p-3 vx-pt-4 vx-pb-4 vx-d-block\">\n      The {{ pageType }} cannot be {{ dueDateText?.keys }}\n      <span class=\"vx-fw-500 vx-label-txt\">{{ notCompletedValue }}</span>\n      {{ notCompletedValue < 2 ? \"day\" : \"days\" }} <span class=\"vx-fw-500\">after</span> the due date. Where this occurs,\n        this\n        will show as the {{ type }} being\n        <span class=\"notcompleted-text vx-fw-500\">not\n          {{\n          dueDateText?.keys === \"reviewed\" ? \"completed\" : dueDateText?.keys\n          }}</span>.\n    </div>\n  </div>\n\n  <div *ngIf=\"isDeactivated && mode === 'responsibility'\" class=\"frequency-bottom-item vx-mt-5\">\n    <div class=\"vx-fs-11 vx-fw-500 vx-label-txt vx-tt-uppercase vx-mb-1\">\n      AUTOMATIC DEACTIVATE:\n    </div>\n    <div class=\"frequency-bottom-item-box vx-fs-13 vx-paragraph-txt vx-p-3 vx-pt-4 vx-pb-4 vx-d-block\">\n      This {{ type }} will be automatically deactivated, if it is not\n      {{ dueDateText?.keys }}\n      for\n      <input class=\"countNum\" type=\"number\" [id]=\"'deactivate' + id\" [(ngModel)]=\"deactivateValue\"\n        (input)=\"onInputEvent($event)\" (keydown)=\"onKeyDown($event)\" min=\"0\" />\n      consecutive due dates.\n    </div>\n  </div>\n</div>\n\n<!-- For Policy -->\n<div class=\"frequency-due-date\" *ngIf=\"mode == 'policy' && false\">\n  <div *ngIf=\"completedRequired\" class=\"frequency-due-date-row\">\n    <p>The policy can be <i class=\"completed\">attested</i></p>\n    <input [id]=\"'complete-' + id\" type=\"number\" [(ngModel)]=\"completedValue\" (input)=\"onInputEvent($event)\"\n      (keydown)=\"onKeyDown($event)\" min=\"0\" />\n    <p>{{ completedValue < 2 ? \"day\" : \"days\" }} before the due date.</p>\n  </div>\n  <div *ngIf=\"notCompletedRequired\" class=\"frequency-due-date-row\">\n    <p>The policy attestation will <i>fail</i></p>\n    <input type=\"number\" [id]=\"'not-completed-' + id\" [(ngModel)]=\"notCompletedValue\" (input)=\"onInputEvent($event)\"\n      (keydown)=\"onKeyDown($event)\" min=\"0\" />\n    <p>\n      {{ notCompletedValue < 2 ? \"day\" : \"days\" }} after the due date if it is not completed. </p>\n  </div>\n</div>\n<div class=\"frequency-due-date\" *ngIf=\"mode == 'reviewerFrequency' && false\">\n  <div *ngIf=\"completedRequired\" class=\"frequency-due-date-row\">\n    <p>The policy can be <i class=\"completed\">reviewed</i></p>\n    <input [id]=\"'complete-' + id\" type=\"number\" [(ngModel)]=\"completedValue\" (input)=\"onInputEvent($event)\"\n      (keydown)=\"onKeyDown($event)\" min=\"0\" />\n    <p>{{ completedValue < 2 ? \"day\" : \"days\" }} before the review date.</p>\n  </div>\n  <div *ngIf=\"notCompletedRequired\" class=\"frequency-due-date-row\">\n    <p>The policy review will <i>fail</i></p>\n    <input type=\"number\" [id]=\"'not-completed-' + id\" [(ngModel)]=\"notCompletedValue\" (input)=\"onInputEvent($event)\"\n      (keydown)=\"onKeyDown($event)\" min=\"0\" />\n    <p>\n      {{ notCompletedValue < 2 ? \"day\" : \"days\" }} after the review date if it is not completed. </p>\n  </div>\n</div>", styles: ["@import\"https://cdn.v-comply.com/design-system/css/mixin/mixin.css\";@import\"https://cdn.v-comply.com/design-system/css/header/header.css\";@import\"https://cdn.v-comply.com/design-system/css/display/display.css\";@import\"https://cdn.v-comply.com/design-system/css/margin/margin.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-top.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/alignment/alignment.css\";@import\"https://cdn.v-comply.com/design-system/css/text/text.css\";@import\"https://cdn.v-comply.com/design-system/css/button/button.css\";@import\"https://cdn.v-comply.com/design-system/css/color/color.css\";@import\"https://cdn.v-comply.com/design-system/css/popover/popover.css\";@import\"https://cdn.v-comply.com/design-system/css/width/width.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\";@import\"https://cdn.v-comply.com/design-system/css/icons/icons.css\";::ng-deep .frequency-bottom-item-box{border-radius:.25rem;border:1px solid #f1f1f1}::ng-deep .frequency-bottom-item-box input.countNum{-moz-appearance:textfield;border:none;border-bottom:1px solid #DBDBDB;color:#161b2f;display:inline-block;font-size:13px;text-align:center;width:2.75rem;padding:.125rem;margin:0 .5rem;outline:none}::ng-deep .frequency-bottom-item-box input.countNum::-webkit-inner-spin-button,::ng-deep .frequency-bottom-item-box input.countNum::-webkit-outer-spin-button{-webkit-appearance:none}::ng-deep .frequency-bottom-item-box .completed-text{color:#34aa44}::ng-deep .frequency-bottom-item-box .delay-text{color:#f0b819}::ng-deep .frequency-bottom-item-box .notcompleted-text{color:#d93b41}.frequency-due-date{display:block}.frequency-due-date-row{display:flex;border-top:1px solid #f1f1f1;padding:12px 20px;align-items:center}.frequency-due-date p{font-size:13px;color:#747576;width:auto;margin:0;font-weight:400;line-height:20px}.frequency-due-date p i{color:#d93b41;font-style:italic;font-weight:500;padding:0 4px}.frequency-due-date p i.completed{color:#1e5dd3}.frequency-due-date p strong{font-weight:600;font-style:italic}.frequency-due-date input{-moz-appearance:textfield;font-size:14px;color:#161b2f;border:0;border-bottom:2px solid #dcdcdc;display:inline-block;width:36px;text-align:center;padding:4px;margin:0 8px;outline:none}.frequency-due-date input::-webkit-outer-spin-button,.frequency-due-date input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}\n"] }]
        }], ctorParameters: function () { return []; }, propDecorators: { mode: [{
                type: Input
            }], pageType: [{
                type: Input
            }], completedRequired: [{
                type: Input
            }], notCompletedRequired: [{
                type: Input
            }], completedValue: [{
                type: Input
            }], notCompletedValue: [{
                type: Input
            }], deactivateValue: [{
                type: Input
            }], isDeactivated: [{
                type: Input
            }], id: [{
                type: Input
            }], pageName: [{
                type: Input
            }], valueChange: [{
                type: Output
            }] } });
//# sourceMappingURL=data:application/json;base64, 