import { Component } from "@angular/core";
import * as i0 from "@angular/core";
import * as i1 from "../../dialog/dialog-ref";
import * as i2 from "../../dialog/dialog-config";
export class ActiveComponent {
    // constructor(private dialog: DialogRef,
    //   private dialogConfig: DialogConfig
    // ) {
    //   this.itemName = dialogConfig.data.itemName;
    // }
    constructor(dialog, dialogConfig) {
        this.dialog = dialog;
        this.dialogConfig = dialogConfig;
        this.animate = false;
        this.itemName = '';
    }
    ngOnInit() { }
    activate(deleteFlag) {
        this.animate = true;
        setTimeout(() => {
            this.animate = false;
        }, 5000);
        this.dialog.close(deleteFlag);
    }
    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: ActiveComponent, deps: [{ token: i1.DialogRef }, { token: i2.DialogConfig }], target: i0.ɵɵFactoryTarget.Component }); }
    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: ActiveComponent, selector: "app-active", ngImport: i0, template: "<div class=\"alert-dialog\">\n    <div class=\"alert-dialog-container\">\n      <div class=\"alert-dialog-body\">\n        <div class=\"alert-dialog-icon vx-d-flex vx-align-center vx-justify-center\">\n          <i class=\"icons\">&#xe9d3;</i>\n        </div>\n        <p class=\"vx-fs-15 vx-paragraph-txt vx-m-0 vx-text-center\" [innerHTML]=\"dialogConfig?.data?.message\">This action will <strong class=\"vx-fw-500\">active</strong> this {{itemName}}.</p>\n      </div>\n      <div class=\"alert-dialog-footer vx-d-flex vx-align-center vx-justify-between vx-p-3\">\n        <p class=\"vx-fs-12 vx-lable-txt vx-m-0\">Are you sure you would like to proceed?</p>\n        <div class=\"vx-d-flex vx-align-center\">\n          <button class=\"no-btn vx-fs-11 vx-fw-500 vx-txt-blue vx-tt-uppercase vx-p-0 vx-d-flex vx-align-center vx-justify-center\" (click)=\"activate(false)\">No</button>\n          <button class=\"yes-btn vx-fs-11 vx-fw-500 vx-txt-white vx-tt-uppercase vx-p-0 vx-d-flex vx-align-center vx-justify-center\" (click)=\"activate(true)\">Yes</button>\n        </div>\n      </div>\n    </div>\n</div>\n", 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/text/text.css\";@import\"https://cdn.v-comply.com/design-system/css/color/color.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/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\";.alert-dialog{position:fixed;inset:0;display:flex;justify-content:center;align-items:center}.alert-dialog-container{width:34.5rem;border-radius:.25rem;animation:scale-up-center .2s cubic-bezier(.39,.575,.565,1) 50ms both}.alert-dialog-body{background:#fbfbfb;border-radius:.25rem .25rem 0 0;padding:2.375rem 1rem 2.5rem}.alert-dialog-icon{background:#fff;border:2px solid #DBDBDB;width:4rem;height:4rem;border-radius:50%;margin:0 auto 2.375rem}.alert-dialog-icon i{color:#34aa44;font-size:2rem}.alert-dialog-footer{border-top:1px solid #F1F1F1;background:#fff;border-radius:0 0 .25rem .25rem}.alert-dialog-footer button{border-radius:.125rem;height:2rem;width:5rem}.alert-dialog-footer button.no-btn{background:#fff;border:1px solid #DBDBDB}.alert-dialog-footer button.yes-btn{background:#1e5dd3;border:1px solid #1e5dd3}.alert-dialog-footer button+button{margin-left:.25rem}@keyframes lift-up{0%{top:0}50%{top:-35px}to{top:0}}@keyframes scale-up-center{0%{transform:scale(.5);opacity:0}to{transform:scale(1);opacity:1}}\n"] }); }
}
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: ActiveComponent, decorators: [{
            type: Component,
            args: [{ selector: "app-active", template: "<div class=\"alert-dialog\">\n    <div class=\"alert-dialog-container\">\n      <div class=\"alert-dialog-body\">\n        <div class=\"alert-dialog-icon vx-d-flex vx-align-center vx-justify-center\">\n          <i class=\"icons\">&#xe9d3;</i>\n        </div>\n        <p class=\"vx-fs-15 vx-paragraph-txt vx-m-0 vx-text-center\" [innerHTML]=\"dialogConfig?.data?.message\">This action will <strong class=\"vx-fw-500\">active</strong> this {{itemName}}.</p>\n      </div>\n      <div class=\"alert-dialog-footer vx-d-flex vx-align-center vx-justify-between vx-p-3\">\n        <p class=\"vx-fs-12 vx-lable-txt vx-m-0\">Are you sure you would like to proceed?</p>\n        <div class=\"vx-d-flex vx-align-center\">\n          <button class=\"no-btn vx-fs-11 vx-fw-500 vx-txt-blue vx-tt-uppercase vx-p-0 vx-d-flex vx-align-center vx-justify-center\" (click)=\"activate(false)\">No</button>\n          <button class=\"yes-btn vx-fs-11 vx-fw-500 vx-txt-white vx-tt-uppercase vx-p-0 vx-d-flex vx-align-center vx-justify-center\" (click)=\"activate(true)\">Yes</button>\n        </div>\n      </div>\n    </div>\n</div>\n", 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/text/text.css\";@import\"https://cdn.v-comply.com/design-system/css/color/color.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/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\";.alert-dialog{position:fixed;inset:0;display:flex;justify-content:center;align-items:center}.alert-dialog-container{width:34.5rem;border-radius:.25rem;animation:scale-up-center .2s cubic-bezier(.39,.575,.565,1) 50ms both}.alert-dialog-body{background:#fbfbfb;border-radius:.25rem .25rem 0 0;padding:2.375rem 1rem 2.5rem}.alert-dialog-icon{background:#fff;border:2px solid #DBDBDB;width:4rem;height:4rem;border-radius:50%;margin:0 auto 2.375rem}.alert-dialog-icon i{color:#34aa44;font-size:2rem}.alert-dialog-footer{border-top:1px solid #F1F1F1;background:#fff;border-radius:0 0 .25rem .25rem}.alert-dialog-footer button{border-radius:.125rem;height:2rem;width:5rem}.alert-dialog-footer button.no-btn{background:#fff;border:1px solid #DBDBDB}.alert-dialog-footer button.yes-btn{background:#1e5dd3;border:1px solid #1e5dd3}.alert-dialog-footer button+button{margin-left:.25rem}@keyframes lift-up{0%{top:0}50%{top:-35px}to{top:0}}@keyframes scale-up-center{0%{transform:scale(.5);opacity:0}to{transform:scale(1);opacity:1}}\n"] }]
        }], ctorParameters: function () { return [{ type: i1.DialogRef }, { type: i2.DialogConfig }]; } });
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYWN0aXZlLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL3Z4LXdvcmtmbG93LWVuZ2luZS9zcmMvbGliL3VpLWtpdC9hY3Rpb24tZGlhbG9nL2FjdGl2ZS9hY3RpdmUuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvdngtd29ya2Zsb3ctZW5naW5lL3NyYy9saWIvdWkta2l0L2FjdGlvbi1kaWFsb2cvYWN0aXZlL2FjdGl2ZS5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFVLE1BQU0sZUFBZSxDQUFDOzs7O0FBVWxELE1BQU0sT0FBTyxlQUFlO0lBRzFCLHlDQUF5QztJQUN6Qyx1Q0FBdUM7SUFDdkMsTUFBTTtJQUNOLGdEQUFnRDtJQUNoRCxJQUFJO0lBQ0osWUFBb0IsTUFBaUIsRUFBUSxZQUF5QjtRQUFsRCxXQUFNLEdBQU4sTUFBTSxDQUFXO1FBQVEsaUJBQVksR0FBWixZQUFZLENBQWE7UUFQdEUsWUFBTyxHQUFHLEtBQUssQ0FBQztRQUNoQixhQUFRLEdBQUcsRUFBRSxDQUFBO0lBTTRELENBQUM7SUFFMUUsUUFBUSxLQUFXLENBQUM7SUFFcEIsUUFBUSxDQUFDLFVBQW1CO1FBQzFCLElBQUksQ0FBQyxPQUFPLEdBQUcsSUFBSSxDQUFDO1FBQ3BCLFVBQVUsQ0FBQyxHQUFHLEVBQUU7WUFDZCxJQUFJLENBQUMsT0FBTyxHQUFHLEtBQUssQ0FBQztRQUN2QixDQUFDLEVBQUUsSUFBSSxDQUFDLENBQUM7UUFDVCxJQUFJLENBQUMsTUFBTSxDQUFDLEtBQUssQ0FBQyxVQUFVLENBQUMsQ0FBQztJQUNoQyxDQUFDOytHQWxCVSxlQUFlO21HQUFmLGVBQWUsa0RDVjVCLDRsQ0FpQkE7OzRGRFBhLGVBQWU7a0JBTDNCLFNBQVM7K0JBQ0UsWUFBWSIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbXBvbmVudCwgT25Jbml0IH0gZnJvbSBcIkBhbmd1bGFyL2NvcmVcIjtcblxuaW1wb3J0IHsgRGlhbG9nQ29uZmlnIH0gZnJvbSBcIi4uLy4uL2RpYWxvZy9kaWFsb2ctY29uZmlnXCI7XG5pbXBvcnQgeyBEaWFsb2dSZWYgfSBmcm9tIFwiLi4vLi4vZGlhbG9nL2RpYWxvZy1yZWZcIjtcblxuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiBcImFwcC1hY3RpdmVcIixcbiAgdGVtcGxhdGVVcmw6IFwiLi9hY3RpdmUuY29tcG9uZW50Lmh0bWxcIixcbiAgc3R5bGVVcmxzOiBbXCIuL2FjdGl2ZS5jb21wb25lbnQubGVzc1wiXSxcbn0pXG5leHBvcnQgY2xhc3MgQWN0aXZlQ29tcG9uZW50IGltcGxlbWVudHMgT25Jbml0IHtcbiAgYW5pbWF0ZSA9IGZhbHNlO1xuICBpdGVtTmFtZSA9ICcnXG4gIC8vIGNvbnN0cnVjdG9yKHByaXZhdGUgZGlhbG9nOiBEaWFsb2dSZWYsXG4gIC8vICAgcHJpdmF0ZSBkaWFsb2dDb25maWc6IERpYWxvZ0NvbmZpZ1xuICAvLyApIHtcbiAgLy8gICB0aGlzLml0ZW1OYW1lID0gZGlhbG9nQ29uZmlnLmRhdGEuaXRlbU5hbWU7XG4gIC8vIH1cbiAgY29uc3RydWN0b3IocHJpdmF0ZSBkaWFsb2c6IERpYWxvZ1JlZixwdWJsaWMgZGlhbG9nQ29uZmlnOkRpYWxvZ0NvbmZpZykge31cblxuICBuZ09uSW5pdCgpOiB2b2lkIHsgfVxuXG4gIGFjdGl2YXRlKGRlbGV0ZUZsYWc6IGJvb2xlYW4pIHtcbiAgICB0aGlzLmFuaW1hdGUgPSB0cnVlO1xuICAgIHNldFRpbWVvdXQoKCkgPT4ge1xuICAgICAgdGhpcy5hbmltYXRlID0gZmFsc2U7XG4gICAgfSwgNTAwMCk7XG4gICAgdGhpcy5kaWFsb2cuY2xvc2UoZGVsZXRlRmxhZyk7XG4gIH1cbn1cbiIsIjxkaXYgY2xhc3M9XCJhbGVydC1kaWFsb2dcIj5cbiAgICA8ZGl2IGNsYXNzPVwiYWxlcnQtZGlhbG9nLWNvbnRhaW5lclwiPlxuICAgICAgPGRpdiBjbGFzcz1cImFsZXJ0LWRpYWxvZy1ib2R5XCI+XG4gICAgICAgIDxkaXYgY2xhc3M9XCJhbGVydC1kaWFsb2ctaWNvbiB2eC1kLWZsZXggdngtYWxpZ24tY2VudGVyIHZ4LWp1c3RpZnktY2VudGVyXCI+XG4gICAgICAgICAgPGkgY2xhc3M9XCJpY29uc1wiPiYjeGU5ZDM7PC9pPlxuICAgICAgICA8L2Rpdj5cbiAgICAgICAgPHAgY2xhc3M9XCJ2eC1mcy0xNSB2eC1wYXJhZ3JhcGgtdHh0IHZ4LW0tMCB2eC10ZXh0LWNlbnRlclwiIFtpbm5lckhUTUxdPVwiZGlhbG9nQ29uZmlnPy5kYXRhPy5tZXNzYWdlXCI+VGhpcyBhY3Rpb24gd2lsbCA8c3Ryb25nIGNsYXNzPVwidngtZnctNTAwXCI+YWN0aXZlPC9zdHJvbmc+IHRoaXMge3tpdGVtTmFtZX19LjwvcD5cbiAgICAgIDwvZGl2PlxuICAgICAgPGRpdiBjbGFzcz1cImFsZXJ0LWRpYWxvZy1mb290ZXIgdngtZC1mbGV4IHZ4LWFsaWduLWNlbnRlciB2eC1qdXN0aWZ5LWJldHdlZW4gdngtcC0zXCI+XG4gICAgICAgIDxwIGNsYXNzPVwidngtZnMtMTIgdngtbGFibGUtdHh0IHZ4LW0tMFwiPkFyZSB5b3Ugc3VyZSB5b3Ugd291bGQgbGlrZSB0byBwcm9jZWVkPzwvcD5cbiAgICAgICAgPGRpdiBjbGFzcz1cInZ4LWQtZmxleCB2eC1hbGlnbi1jZW50ZXJcIj5cbiAgICAgICAgICA8YnV0dG9uIGNsYXNzPVwibm8tYnRuIHZ4LWZzLTExIHZ4LWZ3LTUwMCB2eC10eHQtYmx1ZSB2eC10dC11cHBlcmNhc2UgdngtcC0wIHZ4LWQtZmxleCB2eC1hbGlnbi1jZW50ZXIgdngtanVzdGlmeS1jZW50ZXJcIiAoY2xpY2spPVwiYWN0aXZhdGUoZmFsc2UpXCI+Tm88L2J1dHRvbj5cbiAgICAgICAgICA8YnV0dG9uIGNsYXNzPVwieWVzLWJ0biB2eC1mcy0xMSB2eC1mdy01MDAgdngtdHh0LXdoaXRlIHZ4LXR0LXVwcGVyY2FzZSB2eC1wLTAgdngtZC1mbGV4IHZ4LWFsaWduLWNlbnRlciB2eC1qdXN0aWZ5LWNlbnRlclwiIChjbGljayk9XCJhY3RpdmF0ZSh0cnVlKVwiPlllczwvYnV0dG9uPlxuICAgICAgICA8L2Rpdj5cbiAgICAgIDwvZGl2PlxuICAgIDwvZGl2PlxuPC9kaXY+XG4iXX0=