import { Component, Input } from '@angular/core';
import * as i0 from "@angular/core";
import * as i1 from "@ng-bootstrap/ng-bootstrap";
import * as i2 from "@angular/platform-browser";
import * as i3 from "@angular/common";
import * as i4 from "@angular/forms";
export class TraxpopupComponent {
    dialogRef;
    sanitizer;
    requestText = '';
    data;
    constructor(dialogRef, sanitizer) {
        this.dialogRef = dialogRef;
        this.sanitizer = sanitizer;
    }
    ngOnInit() {
        if (this.data?.user) {
            this.data.user.forEach((item) => {
                item.invite = true;
            });
        }
        this.data.imagesrc = this.sanitizer.bypassSecurityTrustHtml(this.data.imagesrc);
    }
    closepopup() {
        this.dialogRef.close();
    }
    deletepopup() {
        this.dialogRef.close('delete');
    }
    duplicatepopup() {
        this.dialogRef.close('duplicate');
    }
    confirmpopup() {
        let res = (this.data.resType && this.data.resType == 'custom') ?
            { status: 'confirm', data: { requestText: this.requestText } } :
            'confirm';
        this.dialogRef.close(res);
    }
    confirmStorepopup() {
        this.dialogRef.close('confirmStore');
    }
    activeStorepopup() {
        this.dialogRef.close('activeStore');
    }
    skipEntries() {
        this.dialogRef.close('skip');
    }
    invitepopup() {
        let data = {
            message: 'confirm',
            user: this.data.user
        };
        this.dialogRef.close(data);
    }
    updateCheck(event, index) {
        this.data.user[index].invite = event.target.checked;
    }
    removepopup() {
        this.dialogRef.close('remove');
    }
    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: TraxpopupComponent, deps: [{ token: i1.NgbActiveModal }, { token: i2.DomSanitizer }], target: i0.ɵɵFactoryTarget.Component });
    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: TraxpopupComponent, selector: "lib-traxpopup", inputs: { data: "data" }, ngImport: i0, template: "\r\n<div class=\"text-start p-9\" *ngIf=\"data.type !== 'image'\">\r\n    <div [innerHTML]=\"data.imagesrc\"></div>\r\n    <div class=\"customtitle  mt-4\">\r\n        {{data.title}}\r\n    </div>\r\n    <div class=\"content mt-4\" [innerHtml]=\"data.content\">\r\n    </div>\r\n    <div class=\"error mt-5 p-5 pt-0 h-auto mh-200px overflow-scroll\" *ngIf=\"data?.error\">\r\n        <div class=\"mt-5\" *ngFor=\"let error of data?.error;let i =index\">\r\n            <span>{{i + 1}}.&#41; {{error}}</span>\r\n        </div>\r\n    </div>\r\n    <div class=\"subtitle storesubtitle mb-4\">\r\n        {{data.subtitle}}\r\n    </div>\r\n    <div class=\"subtitle storesubtitle mb-3\" *ngIf=\"data?.location?.length\">\r\n        <div class=\"content mb-2\">Location is required on below stores</div>\r\n        {{data.location}}\r\n    </div>\r\n    <div class=\"subtitle storesubtitle mb-3\" *ngIf=\"data?.inactiveStores?.length\">\r\n        <div class=\"content mb-2\">Inactive stores found in the csv.</div>\r\n        {{data.inactiveStores}}\r\n    </div>\r\n    <div *ngIf=\"data.buttontype === 'Invite'\" class=\"content\" [ngClass]=\"data.user.length > 4 ? 'addScroll' : ''\">\r\n        <div class=\"d-flex align-items-center position-relative mb-5\" *ngFor=\"let user of data.user;let i= index\">\r\n            <div class=\"form-check form-check-custom form-check-solid mx-2 me-4\">\r\n                <input class=\"form-check-input\" type=\"checkbox\" value=\"\" [checked]=\"user.invite\"\r\n                    (change)=\"updateCheck($event,i)\">\r\n            </div>\r\n            <div class=\"symbol symbol-35px symbol-circle\">\r\n                <span class=\"symbol-label bg-light-primary text-primary me-2\">\r\n                    {{user.userName.slice(0,2)}} </span>\r\n            </div>\r\n            <div>\r\n                <a class=\"invitemain\">{{user.userName}}</a>\r\n                <div class=\"invitesub\">\r\n                    {{user.userEmail}}\r\n                </div>\r\n            </div>\r\n        </div>\r\n    </div>\r\n\r\n    <div *ngIf=\"data.input1\" class=\"mt-5\">\r\n        <label *ngIf=\"data.inputlabel2\" for=\"inputmodel\" class=\"label\">{{data.inputlabel1}}</label><br>\r\n        <input class=\"inputlabel\" id=\"inputmodel\" placeholder=\"{{data.placeholder1}}\" type=\"{{data.inputtype1}}\"\r\n            disabled>\r\n    </div>\r\n    <div *ngIf=\"data.input2\" class=\"mt-5\">\r\n        <label *ngIf=\"data.inputlabel2\" for=\"inputmodel\" class=\"label\">{{data.inputlabel2}}</label>\r\n        <input class=\"inputlabel\" id=\"inputmodel\" placeholder=\"{{data.placeholder2}}\" [(ngModel)]=\"requestText\"\r\n            type=\"{{data.inputtype2}}\">\r\n    </div>\r\n    <div *ngIf=\"data.buttontype === 'delete'\" class=\"d-flex text-center justify-content-between\">\r\n        <button class=\"btn min-width-popup btn-outline\" (click)=\"closepopup()\">Cancel</button>\r\n        <button class=\"btn min-width-popup btn-outline active btn-active-danger\" (click)=\"deletepopup()\">Delete</button>\r\n    </div>\r\n    <div *ngIf=\"data.buttontype === 'duplicate'\" class=\"d-flex text-center justify-content-between mt-5\">\r\n        <button class=\"btn min-width-popup btn-outline\" (click)=\"closepopup()\">Cancel</button>\r\n        <button class=\"btn min-width-popup btn-outline active btn-active-danger\"\r\n            (click)=\"duplicatepopup()\">Duplicate</button>\r\n    </div>\r\n    <div *ngIf=\"data.buttontype === 'draft'\" class=\"d-flex text-center justify-content-between mt-5\">\r\n        <button class=\"btn min-width-popup btn-outline\" (click)=\"closepopup()\">Cancel</button>\r\n        <button class=\"btn min-width-popup btn-outline active btn-active-primary\" (click)=\"confirmpopup()\">Save As\r\n            Draft</button>\r\n    </div>\r\n    <div *ngIf=\"data.buttontype === 'Request'\" class=\"d-flex text-center justify-content-between mt-5\">\r\n        <button class=\"btn min-width-popup btn-outline\" (click)=\"closepopup()\">Cancel</button>\r\n        <button class=\"btn min-width-popup btn-outline active btn-active-primary\"\r\n            (click)=\"confirmpopup()\">Request</button>\r\n    </div>\r\n    <div *ngIf=\"data.buttontype === 'confirm'\" class=\"d-flex text-center justify-content-between mt-5\">\r\n        <button class=\"btn min-width-popup btn-outline\" (click)=\"closepopup()\">Cancel</button>\r\n        <button class=\"btn min-width-popup btn-outline active btn-active-primary\"\r\n            (click)=\"confirmpopup()\">Confirm</button>\r\n    </div>\r\n    <div *ngIf=\"data.buttontype === 'Reinitiate'\" class=\"d-flex text-center justify-content-between\">\r\n        <button class=\"btn min-width-popup btn-outline\" (click)=\"closepopup()\">Cancel</button>\r\n        <button class=\"btn min-width-popup btn-outline active btn-active-primary\"\r\n            (click)=\"confirmpopup()\">Reinitiate</button>\r\n    </div>\r\n    <div *ngIf=\"data.buttontype === 'Remove'\" class=\"d-flex text-center justify-content-between\">\r\n        <button class=\"btn min-width-popup btn-outline\" (click)=\"closepopup()\">Cancel</button>\r\n        <button class=\"btn min-width-popup btn-outline active btn-active-danger\"\r\n            (click)=\"confirmpopup()\">Remove</button>\r\n    </div>\r\n    <div *ngIf=\"data.buttontype === 'Reupload'\" class=\"d-flex text-center justify-content-between mt-5\">\r\n        <button class=\"btn min-width-popup btn-outline\" (click)=\"closepopup()\">Cancel</button>\r\n        <button class=\"btn min-width-popup btn-outline active btn-active-primary\"\r\n            (click)=\"confirmpopup()\">Reupload</button>\r\n    </div>\r\n    <div *ngIf=\"data.buttontype === 'Invite'\" class=\"d-flex text-center justify-content-between mt-8\">\r\n        <button class=\"btn min-width-popup btn-outline\" (click)=\"skipEntries()\">Skip New Entries</button>\r\n        <button class=\"btn min-width-popup btn-outline active btn-active-primary\" (click)=\"invitepopup()\">Invite\r\n            Selected</button>\r\n    </div>\r\n    <div *ngIf=\"data.buttontype === 'Addstore'\" class=\"d-flex text-center justify-content-between\">\r\n        <button class=\"btn min-width-popup btn-outline\" (click)=\"skipEntries()\">Skip New Entries</button>\r\n        <button class=\"btn min-width-popup btn-outline active btn-active-primary\" (click)=\"confirmStorepopup()\">Add\r\n            Store</button>\r\n    </div>\r\n    <div *ngIf=\"data.buttontype === 'Activestore'\" class=\"d-flex text-center justify-content-between\">\r\n        <button class=\"btn min-width-popup btn-outline\" (click)=\"skipEntries()\">Skip New Entries</button>\r\n        <button class=\"btn min-width-popup btn-outline active btn-active-primary\" (click)=\"activeStorepopup()\">Active\r\n            Store</button>\r\n    </div>\r\n    <div *ngIf=\"data.buttontype === 'error'\" class=\"d-flex text-center justify-content-between\">\r\n        <button class=\"btn min-width-popup btn-outline\" (click)=\"closepopup()\">Cancel</button>\r\n        <button class=\"btn min-width-popup btn-outline active btn-active-danger\"\r\n            (click)=\"dialogRef.close('reupload')\">Reupload</button>\r\n    </div>\r\n    <div *ngIf=\"data.buttontype === 'reAssign'\" class=\"d-flex text-center justify-content-between\">\r\n        <button class=\"btn min-width-popup btn-outline\" (click)=\"closepopup()\">No, don\u2019t</button>\r\n        <button class=\"btn min-width-popup btn-outline active btn-active-danger\"\r\n            (click)=\"dialogRef.close('confirm')\">Yes, Re-Assign</button>\r\n    </div>\r\n    <div *ngIf=\"data.buttontype === 'remove'\" class=\"d-flex text-center justify-content-between\">\r\n        <button class=\"btn min-width-popup btn-outline\" (click)=\"removepopup()\">Cancel</button>\r\n        <button class=\"btn min-width-popup btn-outline active btn-active-danger\" (click)=\"deletepopup()\">Remove</button>\r\n    </div>\r\n    <div *ngIf=\"data.buttontype === 'compliance'\" class=\"d-flex text-center justify-content-between\">\r\n        <button class=\"btn min-width-popup btn-outline\" (click)=\"removepopup()\">Cancel</button>\r\n        <button class=\"btn min-width-popup btn-outline active btn-active-primary\" (click)=\"confirmpopup()\">Yes, Proceed</button>\r\n    </div>\r\n</div>\r\n<div *ngIf=\"data.type === 'image'\">\r\n    <img src=\"{{data.image}}\"  style=\"width:100%;height:100%\"/>\r\n\r\n</div>", styles: [".Overlay{top:0;left:0;width:100%;height:100%;z-index:200!important;position:fixed;background:#58575799}input[type=checkbox]{width:16px!important;height:16px!important;margin:5px;border-radius:4px!important;-webkit-appearance:none;-moz-appearance:none;-o-appearance:none;appearance:none;outline:1px solid var(--gray-600, #D0D5DD)!important;box-shadow:none;font-size:.5em;text-align:center;line-height:1em;background:#fff}.form-check.form-check-solid .form-check-input:checked{background-color:var(--primary-50, #EAF8FF)!important}input[type=checkbox]:checked{outline:1px solid var(--primary-600, #00A3FF)!important;background-color:var(--primary-50, #EAF8FF)}input[type=checkbox]:checked:after{content:\"\";transform:rotate(45deg);border-bottom:2px solid #00A3FF;border-right:2px solid #00A3FF;display:inline-block;width:.5em;padding-left:3px;padding-top:10px;padding-right:0}.min-width-popup{min-width:47%!important}.content{color:var(--gray-500, #667085);font-family:Inter;font-size:14px;padding:0!important;font-style:normal;font-weight:400}.label{color:var(--gray-700, #344054);font-family:Inter;font-size:14px;font-style:normal;font-weight:500;line-height:20px}input{font-size:16px;color:var(--gray-900, #101828)}.inputlabel{width:100%;margin-top:5px;padding:10px 14px;border-radius:8px;border:1px solid var(--gray-300, #D0D5DD);background:var(--white, #FFF);box-shadow:0 1px 2px #1018280d}.inputlabel:focus{outline:1px solid var(--gray-300, #D0D5DD)!important;box-shadow:0 1px 2px #1018280d!important;border:#F9FAFB!important;outline:1px solid var(--primary-300, #6BCAFF)!important;box-shadow:0 0 0 4px #d5effe,0 1px 2px #1018280d!important;color:#101828}.popup{position:absolute;top:50%;left:50%;opacity:1;transform:translate(-50%,-50%);background:var(--white, #FFF);border-radius:12px!important;border-radius:12px;box-shadow:0 8px 8px -4px #10182808,0 20px 24px -4px #10182814;padding:30px;width:400px;height:fit-content}.btn-outline{border:1px solid lightgrey;padding:calc(.75rem + 1px) calc(1.5rem + 1px)}.fs-18px{font-size:18px;color:var(--black, #000);font-family:inter}.fw-600{font-weight:600!important}::ng-deep .mat-dialog-container{box-shadow:none;background:#fff;color:#000000de}.symbol-label{color:var(--primary-600, #00A3FF);text-align:center;font-family:Inter;font-size:14px;font-style:normal;font-weight:500;line-height:20px}.invitemain{color:var(--gray-700, #344054);font-family:Inter;font-size:14px;font-style:normal;font-weight:600;line-height:20px}.invitesub{color:var(--gray-500, #667085);font-family:Inter;font-size:14px;font-style:normal;font-weight:400;line-height:20px}.subtitle{color:var(--Black, #101828);font-family:Inter;font-size:14px;font-style:normal;font-weight:500;line-height:20px}.customtitle{color:var(--gray-900, #101828);font-family:Inter;font-size:18px;font-style:normal;font-weight:600;line-height:28px}.addScroll{height:300px;overflow-y:scroll}.storesubtitle{word-break:break-all;padding-top:.5em}::ng-deep .mat-dialog-container{display:block;padding:24px;border-radius:12px;box-sizing:border-box;overflow:auto;outline:0;width:100%;height:100%;min-height:inherit;max-height:inherit}.error{color:var(--Error-700, #B42318);font-family:Inter;font-size:14px;font-style:normal;font-weight:500;line-height:20px;border-radius:8px;border:1px solid var(--Error-300, #FDA29B);background:var(--Error-25, #FFFBFA)}\n"], dependencies: [{ kind: "directive", type: i3.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i3.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i4.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: i4.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i4.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }] });
}
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: TraxpopupComponent, decorators: [{
            type: Component,
            args: [{ selector: 'lib-traxpopup', template: "\r\n<div class=\"text-start p-9\" *ngIf=\"data.type !== 'image'\">\r\n    <div [innerHTML]=\"data.imagesrc\"></div>\r\n    <div class=\"customtitle  mt-4\">\r\n        {{data.title}}\r\n    </div>\r\n    <div class=\"content mt-4\" [innerHtml]=\"data.content\">\r\n    </div>\r\n    <div class=\"error mt-5 p-5 pt-0 h-auto mh-200px overflow-scroll\" *ngIf=\"data?.error\">\r\n        <div class=\"mt-5\" *ngFor=\"let error of data?.error;let i =index\">\r\n            <span>{{i + 1}}.&#41; {{error}}</span>\r\n        </div>\r\n    </div>\r\n    <div class=\"subtitle storesubtitle mb-4\">\r\n        {{data.subtitle}}\r\n    </div>\r\n    <div class=\"subtitle storesubtitle mb-3\" *ngIf=\"data?.location?.length\">\r\n        <div class=\"content mb-2\">Location is required on below stores</div>\r\n        {{data.location}}\r\n    </div>\r\n    <div class=\"subtitle storesubtitle mb-3\" *ngIf=\"data?.inactiveStores?.length\">\r\n        <div class=\"content mb-2\">Inactive stores found in the csv.</div>\r\n        {{data.inactiveStores}}\r\n    </div>\r\n    <div *ngIf=\"data.buttontype === 'Invite'\" class=\"content\" [ngClass]=\"data.user.length > 4 ? 'addScroll' : ''\">\r\n        <div class=\"d-flex align-items-center position-relative mb-5\" *ngFor=\"let user of data.user;let i= index\">\r\n            <div class=\"form-check form-check-custom form-check-solid mx-2 me-4\">\r\n                <input class=\"form-check-input\" type=\"checkbox\" value=\"\" [checked]=\"user.invite\"\r\n                    (change)=\"updateCheck($event,i)\">\r\n            </div>\r\n            <div class=\"symbol symbol-35px symbol-circle\">\r\n                <span class=\"symbol-label bg-light-primary text-primary me-2\">\r\n                    {{user.userName.slice(0,2)}} </span>\r\n            </div>\r\n            <div>\r\n                <a class=\"invitemain\">{{user.userName}}</a>\r\n                <div class=\"invitesub\">\r\n                    {{user.userEmail}}\r\n                </div>\r\n            </div>\r\n        </div>\r\n    </div>\r\n\r\n    <div *ngIf=\"data.input1\" class=\"mt-5\">\r\n        <label *ngIf=\"data.inputlabel2\" for=\"inputmodel\" class=\"label\">{{data.inputlabel1}}</label><br>\r\n        <input class=\"inputlabel\" id=\"inputmodel\" placeholder=\"{{data.placeholder1}}\" type=\"{{data.inputtype1}}\"\r\n            disabled>\r\n    </div>\r\n    <div *ngIf=\"data.input2\" class=\"mt-5\">\r\n        <label *ngIf=\"data.inputlabel2\" for=\"inputmodel\" class=\"label\">{{data.inputlabel2}}</label>\r\n        <input class=\"inputlabel\" id=\"inputmodel\" placeholder=\"{{data.placeholder2}}\" [(ngModel)]=\"requestText\"\r\n            type=\"{{data.inputtype2}}\">\r\n    </div>\r\n    <div *ngIf=\"data.buttontype === 'delete'\" class=\"d-flex text-center justify-content-between\">\r\n        <button class=\"btn min-width-popup btn-outline\" (click)=\"closepopup()\">Cancel</button>\r\n        <button class=\"btn min-width-popup btn-outline active btn-active-danger\" (click)=\"deletepopup()\">Delete</button>\r\n    </div>\r\n    <div *ngIf=\"data.buttontype === 'duplicate'\" class=\"d-flex text-center justify-content-between mt-5\">\r\n        <button class=\"btn min-width-popup btn-outline\" (click)=\"closepopup()\">Cancel</button>\r\n        <button class=\"btn min-width-popup btn-outline active btn-active-danger\"\r\n            (click)=\"duplicatepopup()\">Duplicate</button>\r\n    </div>\r\n    <div *ngIf=\"data.buttontype === 'draft'\" class=\"d-flex text-center justify-content-between mt-5\">\r\n        <button class=\"btn min-width-popup btn-outline\" (click)=\"closepopup()\">Cancel</button>\r\n        <button class=\"btn min-width-popup btn-outline active btn-active-primary\" (click)=\"confirmpopup()\">Save As\r\n            Draft</button>\r\n    </div>\r\n    <div *ngIf=\"data.buttontype === 'Request'\" class=\"d-flex text-center justify-content-between mt-5\">\r\n        <button class=\"btn min-width-popup btn-outline\" (click)=\"closepopup()\">Cancel</button>\r\n        <button class=\"btn min-width-popup btn-outline active btn-active-primary\"\r\n            (click)=\"confirmpopup()\">Request</button>\r\n    </div>\r\n    <div *ngIf=\"data.buttontype === 'confirm'\" class=\"d-flex text-center justify-content-between mt-5\">\r\n        <button class=\"btn min-width-popup btn-outline\" (click)=\"closepopup()\">Cancel</button>\r\n        <button class=\"btn min-width-popup btn-outline active btn-active-primary\"\r\n            (click)=\"confirmpopup()\">Confirm</button>\r\n    </div>\r\n    <div *ngIf=\"data.buttontype === 'Reinitiate'\" class=\"d-flex text-center justify-content-between\">\r\n        <button class=\"btn min-width-popup btn-outline\" (click)=\"closepopup()\">Cancel</button>\r\n        <button class=\"btn min-width-popup btn-outline active btn-active-primary\"\r\n            (click)=\"confirmpopup()\">Reinitiate</button>\r\n    </div>\r\n    <div *ngIf=\"data.buttontype === 'Remove'\" class=\"d-flex text-center justify-content-between\">\r\n        <button class=\"btn min-width-popup btn-outline\" (click)=\"closepopup()\">Cancel</button>\r\n        <button class=\"btn min-width-popup btn-outline active btn-active-danger\"\r\n            (click)=\"confirmpopup()\">Remove</button>\r\n    </div>\r\n    <div *ngIf=\"data.buttontype === 'Reupload'\" class=\"d-flex text-center justify-content-between mt-5\">\r\n        <button class=\"btn min-width-popup btn-outline\" (click)=\"closepopup()\">Cancel</button>\r\n        <button class=\"btn min-width-popup btn-outline active btn-active-primary\"\r\n            (click)=\"confirmpopup()\">Reupload</button>\r\n    </div>\r\n    <div *ngIf=\"data.buttontype === 'Invite'\" class=\"d-flex text-center justify-content-between mt-8\">\r\n        <button class=\"btn min-width-popup btn-outline\" (click)=\"skipEntries()\">Skip New Entries</button>\r\n        <button class=\"btn min-width-popup btn-outline active btn-active-primary\" (click)=\"invitepopup()\">Invite\r\n            Selected</button>\r\n    </div>\r\n    <div *ngIf=\"data.buttontype === 'Addstore'\" class=\"d-flex text-center justify-content-between\">\r\n        <button class=\"btn min-width-popup btn-outline\" (click)=\"skipEntries()\">Skip New Entries</button>\r\n        <button class=\"btn min-width-popup btn-outline active btn-active-primary\" (click)=\"confirmStorepopup()\">Add\r\n            Store</button>\r\n    </div>\r\n    <div *ngIf=\"data.buttontype === 'Activestore'\" class=\"d-flex text-center justify-content-between\">\r\n        <button class=\"btn min-width-popup btn-outline\" (click)=\"skipEntries()\">Skip New Entries</button>\r\n        <button class=\"btn min-width-popup btn-outline active btn-active-primary\" (click)=\"activeStorepopup()\">Active\r\n            Store</button>\r\n    </div>\r\n    <div *ngIf=\"data.buttontype === 'error'\" class=\"d-flex text-center justify-content-between\">\r\n        <button class=\"btn min-width-popup btn-outline\" (click)=\"closepopup()\">Cancel</button>\r\n        <button class=\"btn min-width-popup btn-outline active btn-active-danger\"\r\n            (click)=\"dialogRef.close('reupload')\">Reupload</button>\r\n    </div>\r\n    <div *ngIf=\"data.buttontype === 'reAssign'\" class=\"d-flex text-center justify-content-between\">\r\n        <button class=\"btn min-width-popup btn-outline\" (click)=\"closepopup()\">No, don\u2019t</button>\r\n        <button class=\"btn min-width-popup btn-outline active btn-active-danger\"\r\n            (click)=\"dialogRef.close('confirm')\">Yes, Re-Assign</button>\r\n    </div>\r\n    <div *ngIf=\"data.buttontype === 'remove'\" class=\"d-flex text-center justify-content-between\">\r\n        <button class=\"btn min-width-popup btn-outline\" (click)=\"removepopup()\">Cancel</button>\r\n        <button class=\"btn min-width-popup btn-outline active btn-active-danger\" (click)=\"deletepopup()\">Remove</button>\r\n    </div>\r\n    <div *ngIf=\"data.buttontype === 'compliance'\" class=\"d-flex text-center justify-content-between\">\r\n        <button class=\"btn min-width-popup btn-outline\" (click)=\"removepopup()\">Cancel</button>\r\n        <button class=\"btn min-width-popup btn-outline active btn-active-primary\" (click)=\"confirmpopup()\">Yes, Proceed</button>\r\n    </div>\r\n</div>\r\n<div *ngIf=\"data.type === 'image'\">\r\n    <img src=\"{{data.image}}\"  style=\"width:100%;height:100%\"/>\r\n\r\n</div>", styles: [".Overlay{top:0;left:0;width:100%;height:100%;z-index:200!important;position:fixed;background:#58575799}input[type=checkbox]{width:16px!important;height:16px!important;margin:5px;border-radius:4px!important;-webkit-appearance:none;-moz-appearance:none;-o-appearance:none;appearance:none;outline:1px solid var(--gray-600, #D0D5DD)!important;box-shadow:none;font-size:.5em;text-align:center;line-height:1em;background:#fff}.form-check.form-check-solid .form-check-input:checked{background-color:var(--primary-50, #EAF8FF)!important}input[type=checkbox]:checked{outline:1px solid var(--primary-600, #00A3FF)!important;background-color:var(--primary-50, #EAF8FF)}input[type=checkbox]:checked:after{content:\"\";transform:rotate(45deg);border-bottom:2px solid #00A3FF;border-right:2px solid #00A3FF;display:inline-block;width:.5em;padding-left:3px;padding-top:10px;padding-right:0}.min-width-popup{min-width:47%!important}.content{color:var(--gray-500, #667085);font-family:Inter;font-size:14px;padding:0!important;font-style:normal;font-weight:400}.label{color:var(--gray-700, #344054);font-family:Inter;font-size:14px;font-style:normal;font-weight:500;line-height:20px}input{font-size:16px;color:var(--gray-900, #101828)}.inputlabel{width:100%;margin-top:5px;padding:10px 14px;border-radius:8px;border:1px solid var(--gray-300, #D0D5DD);background:var(--white, #FFF);box-shadow:0 1px 2px #1018280d}.inputlabel:focus{outline:1px solid var(--gray-300, #D0D5DD)!important;box-shadow:0 1px 2px #1018280d!important;border:#F9FAFB!important;outline:1px solid var(--primary-300, #6BCAFF)!important;box-shadow:0 0 0 4px #d5effe,0 1px 2px #1018280d!important;color:#101828}.popup{position:absolute;top:50%;left:50%;opacity:1;transform:translate(-50%,-50%);background:var(--white, #FFF);border-radius:12px!important;border-radius:12px;box-shadow:0 8px 8px -4px #10182808,0 20px 24px -4px #10182814;padding:30px;width:400px;height:fit-content}.btn-outline{border:1px solid lightgrey;padding:calc(.75rem + 1px) calc(1.5rem + 1px)}.fs-18px{font-size:18px;color:var(--black, #000);font-family:inter}.fw-600{font-weight:600!important}::ng-deep .mat-dialog-container{box-shadow:none;background:#fff;color:#000000de}.symbol-label{color:var(--primary-600, #00A3FF);text-align:center;font-family:Inter;font-size:14px;font-style:normal;font-weight:500;line-height:20px}.invitemain{color:var(--gray-700, #344054);font-family:Inter;font-size:14px;font-style:normal;font-weight:600;line-height:20px}.invitesub{color:var(--gray-500, #667085);font-family:Inter;font-size:14px;font-style:normal;font-weight:400;line-height:20px}.subtitle{color:var(--Black, #101828);font-family:Inter;font-size:14px;font-style:normal;font-weight:500;line-height:20px}.customtitle{color:var(--gray-900, #101828);font-family:Inter;font-size:18px;font-style:normal;font-weight:600;line-height:28px}.addScroll{height:300px;overflow-y:scroll}.storesubtitle{word-break:break-all;padding-top:.5em}::ng-deep .mat-dialog-container{display:block;padding:24px;border-radius:12px;box-sizing:border-box;overflow:auto;outline:0;width:100%;height:100%;min-height:inherit;max-height:inherit}.error{color:var(--Error-700, #B42318);font-family:Inter;font-size:14px;font-style:normal;font-weight:500;line-height:20px;border-radius:8px;border:1px solid var(--Error-300, #FDA29B);background:var(--Error-25, #FFFBFA)}\n"] }]
        }], ctorParameters: () => [{ type: i1.NgbActiveModal }, { type: i2.DomSanitizer }], propDecorators: { data: [{
                type: Input
            }] } });
//# sourceMappingURL=data:application/json;base64, 