import { Component, HostListener, Input } from '@angular/core';
import { Subject } from 'rxjs';
import * as i0 from "@angular/core";
import * as i1 from "../../services/trax.service";
import * as i2 from "@ng-bootstrap/ng-bootstrap";
import * as i3 from "tango-app-ui-shared";
import * as i4 from "tango-app-ui-global";
import * as i5 from "@angular/common";
import * as i6 from "@angular/forms";
export class TraxStoreComponent {
    changedetector;
    SopService;
    dialogRef;
    toast;
    gs;
    Activemodel;
    data;
    client;
    storeList = [];
    store;
    selectedStore = {};
    showDropDown = false;
    searchStore;
    multiSelectSettings = {
        idField: 'id',
        textField: 'name',
        itemsShowLimit: 1,
        allowSearchFilter: true,
        singleSelection: true
    };
    userName = '';
    userEmail = '';
    city = '';
    detach = new Subject();
    destroy$ = new Subject();
    clickOutside(event) {
        const clickedInside = event.target.closest(".dropdown-close");
        if (!clickedInside) {
            this.closeDropDown();
        }
    }
    constructor(changedetector, SopService, dialogRef, toast, gs, Activemodel) {
        this.changedetector = changedetector;
        this.SopService = SopService;
        this.dialogRef = dialogRef;
        this.toast = toast;
        this.gs = gs;
        this.Activemodel = Activemodel;
    }
    ngAfterViewInit() {
        let data = {
            "clientId": [this.client],
            "offset": 1,
            "limit": 10000,
            "sortColumName": "storeId",
            "sortBy": -1,
            "searchValue": "",
            "export": false,
            "status": [
                "Live",
                "onboarded",
                "deployed",
                "paired",
                "installationfailed",
                "Infra Issue"
            ]
        };
        this.SopService.getStoreList(data).subscribe((res) => {
            if (res && res.code == 200 && res.data.result.length) {
                let stores = [];
                res.data.result.forEach((item) => {
                    stores.push({
                        name: item.storeName,
                        city: item.city
                    });
                });
                this.storeList = this.store = stores;
            }
            else {
                this.storeList = [];
            }
        });
    }
    ngOnInit() {
        let storageDetails = JSON.parse(localStorage.getItem('header-filters') || '{}');
        if (!storageDetails?.client) {
            storageDetails = JSON.parse(localStorage.getItem('client-details') || '{}');
            storageDetails.client = storageDetails.clientId;
        }
        if (storageDetails?.client) {
            this.client = storageDetails.client;
        }
    }
    toggleDropDown() {
        this.showDropDown = true;
    }
    selectStore(event) {
    }
    filterSearch() {
        if (this.searchStore.trim().length) {
            let store = this.searchStore.split(',');
            if (store.length > 1) {
                store = store.map((item) => item.trim().toLowerCase());
                this.storeList = this.store.filter((item) => store.includes(item.name.toLowerCase()));
            }
            else {
                this.storeList = this.store.filter((item) => item.name.toLowerCase().includes(this.searchStore.trim().toLowerCase()));
            }
        }
        else {
            this.storeList = [...this.store];
        }
    }
    updateSelectedStore(index) {
        this.selectedStore = this.storeList[index];
        this.closeDropDown();
    }
    closeDropDown() {
        this.showDropDown = false;
    }
    updatedStore() {
        if (!this.selectedStore.name && this.data?.coverage === 'store') {
            this.toast.getErrorToast('Please Select a Store');
            return false;
        }
        if (!this.userName.trim()) {
            this.toast.getErrorToast('User Name is Required');
            return false;
        }
        if (!this.userEmail.trim()) {
            this.toast.getErrorToast('User Email is Required');
            return false;
        }
        if (!this.userEmail.match(/^[a-zA-Z0-9._-]+@[a-zA-Z0-9.-]+\.[a-zA-Z]{2,6}$/)) {
            this.toast.getErrorToast('Invalid Email Format');
            return false;
        }
        // if(!this.selectedStore?.city.trim()) {
        //   this.toast.getErrorToast('City is Required');
        //   return false;
        // }
        if (this.data?.coverage === 'store') {
            let userData = [{
                    storeName: this.selectedStore?.name,
                    userName: this?.userName?.trim(),
                    userEmail: this?.userEmail?.toLowerCase()?.trim(),
                    userPhone: '',
                    checkFlag: true,
                    city: this.selectedStore?.city || ''
                }];
            this.dialogRef.close(userData);
        }
        else {
            let userData = [{
                    // storeName: this.selectedStore?.name,
                    userName: this?.userName?.trim(),
                    userEmail: this?.userEmail?.toLowerCase()?.trim(),
                    userPhone: '',
                    checkFlag: true,
                    city: this.selectedStore?.city || ''
                }];
            this.dialogRef.close(userData);
        }
    }
    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: TraxStoreComponent, deps: [{ token: i0.ChangeDetectorRef }, { token: i1.TraxService }, { token: i2.NgbActiveModal }, { token: i3.ToastService }, { token: i4.GlobalStateService }, { token: i2.NgbActiveModal }], target: i0.ɵɵFactoryTarget.Component });
    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: TraxStoreComponent, selector: "lib-trax-store", inputs: { data: "data", client: "client" }, host: { listeners: { "document:click": "clickOutside($event)" } }, ngImport: i0, template: "<div class=\"storePopupcontent p-5\">\r\n    <div class=\"mb-4\">\r\n        <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"56\" height=\"56\" viewBox=\"0 0 56 56\" fill=\"none\">\r\n            <rect x=\"4\" y=\"4\" width=\"48\" height=\"48\" rx=\"24\" fill=\"#DAF1FF\" />\r\n            <rect x=\"4\" y=\"4\" width=\"48\" height=\"48\" rx=\"24\" stroke=\"#EAF8FF\" stroke-width=\"8\" />\r\n            <path d=\"M28 21V35M21 28H35\" stroke=\"#009BF3\" stroke-width=\"2\" stroke-linecap=\"round\"\r\n                stroke-linejoin=\"round\" />\r\n        </svg>\r\n    </div>\r\n    <span class=\"popuptitle\">Assign Single <span *ngIf=\"data?.coverage ==='store'\" >Store</span><span *ngIf=\"data?.coverage ==='user'\" >User</span></span>\r\n    <p class=\"popupsubtitle mt-3\">Finish configuring your <span *ngIf=\"data?.coverage ==='store'\">store</span> <span *ngIf=\"data?.coverage ==='user'\">user</span> by providing the details below.</p>\r\n    <div *ngIf=\"data?.coverage ==='store'\" class=\"pt-3 position-relative\" (clickOutside)=\"closeDropDown()\">\r\n        <label for=\"inputmodel\" class=\"label pb-2\">Select Store</label>\r\n        <div class=\"dropdown-close\">\r\n            <div class=\"w-100\">\r\n                <div class=\"d-flex align-items-center position-relative w-100\">\r\n                    <span class=\"svg-icon svg-icon-1 position-absolute ms-3\">\r\n                        <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"20\" height=\"20\" viewBox=\"0 0 20 20\" fill=\"none\">\r\n                            <path\r\n                                d=\"M2.68015 5.8038L2.6269 5.88697C2.06886 6.87402 2.66469 8.12144 3.7363 8.26454C3.83339 8.27641 3.92373 8.28269 4.012 8.28269C4.59015 8.28269 5.10132 8.03467 5.45759 7.64794L6.01093 7.04732L6.56238 7.64967C6.91432 8.03409 7.42433 8.28269 8.00639 8.28269C8.58583 8.28269 9.09877 8.03374 9.45039 7.64967L10.0036 7.04543L10.5568 7.64967C10.9084 8.03374 11.4213 8.28269 12.0008 8.28269C12.5802 8.28269 13.0932 8.03374 13.4448 7.64967L13.998 7.04543L14.5511 7.64967C14.9028 8.03374 15.4157 8.28269 15.9952 8.28269C16.0805 8.28269 16.1736 8.2764 16.27 8.26464C17.3652 8.11532 17.963 6.80105 17.3243 5.8043C17.3242 5.80425 17.3242 5.80419 17.3242 5.80413L15.566 3.06272L15.566 3.06272L15.5651 3.06125C15.5499 3.03742 15.5124 3.01186 15.4652 3.01186H4.53581C4.48866 3.01186 4.45117 3.03742 4.43597 3.06125L4.43535 3.06222L2.68015 5.8038ZM15.6516 10.7371V13.869V14.619H14.9016H5.09943H4.34943V13.869V10.7375C4.2392 10.7457 4.12768 10.75 4.01507 10.75C3.97276 10.75 3.93074 10.7493 3.889 10.7481V13.869V15.8035C3.889 16.4469 4.4229 16.9881 5.09943 16.9881H14.9016C15.5781 16.9881 16.112 16.4469 16.112 15.8035V13.869V10.7483C16.0722 10.7494 16.0322 10.75 15.9921 10.75C15.8777 10.75 15.7641 10.7456 15.6516 10.7371Z\"\r\n                                stroke=\"#667085\" stroke-width=\"1.5\" />\r\n                        </svg>\r\n                    </span>\r\n                    <input type=\"text\" class=\"form-control dropdown-input ps-14\" [ngModel]=\"selectedStore?.name\"\r\n                        (click)=\"toggleDropDown()\" readonly placeholder=\"Select Store...\" />\r\n                </div>\r\n            </div>\r\n            <div class=\"dropdown-menu custom-dropdown-menu w-100\" *ngIf=\"showDropDown\">\r\n                <input type=\"text\" class=\"form-control mb-2 dropdown-search mx-3 formSeach\"\r\n                    placeholder=\"Search Store...\" [(ngModel)]=\"searchStore\" (ngModelChange)=\"filterSearch()\" />\r\n                <div [class]=\"storeList?.length > 5 ? 'h-200px overflow-auto' : 'h-auto'\">\r\n                    <div class=\"dropdown-item form-check custom-dropdown-item\"\r\n                        *ngFor=\"let store of storeList;let i= index\" (click)=\"updateSelectedStore(i)\">\r\n                        <label class=\"\" [for]=\"store.name\">\r\n                            {{ store.name }}\r\n                        </label>\r\n                    </div>\r\n                </div>\r\n            </div>\r\n        </div>\r\n    </div>\r\n    <div *ngIf=\"data?.coverage ==='store'\" class=\"storetext mt-2\">Store that I\u2019m looking for isn\u2019t available,<a class=\"text-primary\"\r\n            href=\"/manage/stores/addition-method\"><u>Onboard Stores</u></a></div>\r\n\r\n    <div class=\"pt-5\">\r\n        <label for=\"inputmodel\" class=\"label pb-2\">Assign To</label>\r\n        <input type=\"text\" class=\"form-control form-control-solid w-430px fw-bold inputname\" placeholder=\"User Name\"\r\n            [(ngModel)]=\"userName\">\r\n    </div>\r\n\r\n    <div class=\"pt-5\">\r\n        <label for=\"inputmodel\" class=\"label pb-2\">Assignee Mail ID</label>\r\n        <div class=\"d-flex align-items-center position-relatives w-100\">\r\n            <span class=\"svg-icon svg-icon-1 position-absolute ms-3\">\r\n                <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"20\" height=\"20\" viewBox=\"0 0 20 20\" fill=\"none\">\r\n                    <path\r\n                        d=\"M18.3334 4.99999C18.3334 4.08333 17.5834 3.33333 16.6667 3.33333H3.33341C2.41675 3.33333 1.66675 4.08333 1.66675 4.99999M18.3334 4.99999V15C18.3334 15.9167 17.5834 16.6667 16.6667 16.6667H3.33341C2.41675 16.6667 1.66675 15.9167 1.66675 15V4.99999M18.3334 4.99999L10.0001 10.8333L1.66675 4.99999\"\r\n                        stroke=\"#667085\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" />\r\n                </svg>\r\n            </span>\r\n            <input type=\"text\" class=\"form-control form-control-solid w-430px ps-14 fw-bold inputname\"\r\n                placeholder=\"User Email\" [(ngModel)]=\"userEmail\" (input)=\"userEmail = userEmail.toLowerCase()\">\r\n        </div>\r\n    </div>\r\n    <div *ngIf=\"data?.coverage ==='store'\" class=\"pt-5\">\r\n        <label for=\"inputmodel\" class=\"label pb-2\">City</label>\r\n        <input type=\"text\" class=\"form-control form-control-solid w-430px fw-bold inputname\" placeholder=\"City\"\r\n            [(ngModel)]=\"this.selectedStore.city\">\r\n    </div>\r\n    <div class=\"mt-6 d-flex align-items-center justify-content-end\">\r\n        <button class=\"btn btn-md btn-outline w-auto me-2\" (click)=\"Activemodel.close()\">\r\n            Cancel\r\n        </button>\r\n        <button class=\"btn btn-md btn-primary w-auto ms-2\" (click)=\"updatedStore()\">\r\n            Assign\r\n        </button>\r\n    </div>\r\n</div>", styles: [".storePopupcontent{font-family:Inter;align-items:left}.storePopupcontent .popuptitle{color:var(--gray-900, #101828);font-size:18px;font-weight:600;line-height:20px}.storePopupcontent .popupsubtitle{color:var(--gray-500, #667085);font-size:14px;font-weight:400;line-height:20px}.storePopupcontent .btn-outline{border:1px solid lightgrey}.storePopupcontent button{width:45%}.storePopupcontent .inputname{width:100%;border:none;color:#000000de;height:45px;font-size:14px!important;padding:10px 16px;border-radius:4px;outline:1px solid #D0D5DD}.label{color:var(--Gray-700, #344054);font-family:Inter;font-size:14px;font-style:normal;font-weight:500;line-height:20px}::ng-deep .storePopupcontent input{display:flex!important;align-items:center!important;gap:8px!important;align-self:stretch!important;border-radius:8px!important;border:1px solid var(--Gray-300, #D0D5DD)!important;background:var(--White, #FFF)!important;box-shadow:0 1px 2px #1018280d!important}.btn-primary{line-height:18px!important}.position-relative{position:relative}.form-control{color:var(--Gray-700, #344054)!important;font-size:14px!important;font-weight:600;line-height:20px;width:100%;box-sizing:border-box}.dropdown-menu{position:absolute;top:100%;left:0;right:0;border:1px solid #ccc;background-color:#fff;z-index:1000;display:block;box-sizing:border-box}.dropdown-item{padding:8px 12px}.dropdown-item:hover{background-color:#f1f1f1}.dropdown-item input[type=checkbox]{margin-right:10px}.custom-dropdown-menu{border-radius:4px;box-shadow:0 1px 2px #1018280d}.custom-dropdown-item{display:flex;align-items:center}.custom-dropdown-item input{margin-left:10px}.btn-resize{font-size:13px!important;height:29px!important;line-height:11px!important;padding:3px!important}.formSeach{width:95%}.storetext{color:var(--Gray-500, #667085);font-size:14px;font-weight:500;line-height:20px}\n"], dependencies: [{ kind: "directive", type: i5.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i5.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i6.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: i6.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i6.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: TraxStoreComponent, decorators: [{
            type: Component,
            args: [{ selector: 'lib-trax-store', template: "<div class=\"storePopupcontent p-5\">\r\n    <div class=\"mb-4\">\r\n        <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"56\" height=\"56\" viewBox=\"0 0 56 56\" fill=\"none\">\r\n            <rect x=\"4\" y=\"4\" width=\"48\" height=\"48\" rx=\"24\" fill=\"#DAF1FF\" />\r\n            <rect x=\"4\" y=\"4\" width=\"48\" height=\"48\" rx=\"24\" stroke=\"#EAF8FF\" stroke-width=\"8\" />\r\n            <path d=\"M28 21V35M21 28H35\" stroke=\"#009BF3\" stroke-width=\"2\" stroke-linecap=\"round\"\r\n                stroke-linejoin=\"round\" />\r\n        </svg>\r\n    </div>\r\n    <span class=\"popuptitle\">Assign Single <span *ngIf=\"data?.coverage ==='store'\" >Store</span><span *ngIf=\"data?.coverage ==='user'\" >User</span></span>\r\n    <p class=\"popupsubtitle mt-3\">Finish configuring your <span *ngIf=\"data?.coverage ==='store'\">store</span> <span *ngIf=\"data?.coverage ==='user'\">user</span> by providing the details below.</p>\r\n    <div *ngIf=\"data?.coverage ==='store'\" class=\"pt-3 position-relative\" (clickOutside)=\"closeDropDown()\">\r\n        <label for=\"inputmodel\" class=\"label pb-2\">Select Store</label>\r\n        <div class=\"dropdown-close\">\r\n            <div class=\"w-100\">\r\n                <div class=\"d-flex align-items-center position-relative w-100\">\r\n                    <span class=\"svg-icon svg-icon-1 position-absolute ms-3\">\r\n                        <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"20\" height=\"20\" viewBox=\"0 0 20 20\" fill=\"none\">\r\n                            <path\r\n                                d=\"M2.68015 5.8038L2.6269 5.88697C2.06886 6.87402 2.66469 8.12144 3.7363 8.26454C3.83339 8.27641 3.92373 8.28269 4.012 8.28269C4.59015 8.28269 5.10132 8.03467 5.45759 7.64794L6.01093 7.04732L6.56238 7.64967C6.91432 8.03409 7.42433 8.28269 8.00639 8.28269C8.58583 8.28269 9.09877 8.03374 9.45039 7.64967L10.0036 7.04543L10.5568 7.64967C10.9084 8.03374 11.4213 8.28269 12.0008 8.28269C12.5802 8.28269 13.0932 8.03374 13.4448 7.64967L13.998 7.04543L14.5511 7.64967C14.9028 8.03374 15.4157 8.28269 15.9952 8.28269C16.0805 8.28269 16.1736 8.2764 16.27 8.26464C17.3652 8.11532 17.963 6.80105 17.3243 5.8043C17.3242 5.80425 17.3242 5.80419 17.3242 5.80413L15.566 3.06272L15.566 3.06272L15.5651 3.06125C15.5499 3.03742 15.5124 3.01186 15.4652 3.01186H4.53581C4.48866 3.01186 4.45117 3.03742 4.43597 3.06125L4.43535 3.06222L2.68015 5.8038ZM15.6516 10.7371V13.869V14.619H14.9016H5.09943H4.34943V13.869V10.7375C4.2392 10.7457 4.12768 10.75 4.01507 10.75C3.97276 10.75 3.93074 10.7493 3.889 10.7481V13.869V15.8035C3.889 16.4469 4.4229 16.9881 5.09943 16.9881H14.9016C15.5781 16.9881 16.112 16.4469 16.112 15.8035V13.869V10.7483C16.0722 10.7494 16.0322 10.75 15.9921 10.75C15.8777 10.75 15.7641 10.7456 15.6516 10.7371Z\"\r\n                                stroke=\"#667085\" stroke-width=\"1.5\" />\r\n                        </svg>\r\n                    </span>\r\n                    <input type=\"text\" class=\"form-control dropdown-input ps-14\" [ngModel]=\"selectedStore?.name\"\r\n                        (click)=\"toggleDropDown()\" readonly placeholder=\"Select Store...\" />\r\n                </div>\r\n            </div>\r\n            <div class=\"dropdown-menu custom-dropdown-menu w-100\" *ngIf=\"showDropDown\">\r\n                <input type=\"text\" class=\"form-control mb-2 dropdown-search mx-3 formSeach\"\r\n                    placeholder=\"Search Store...\" [(ngModel)]=\"searchStore\" (ngModelChange)=\"filterSearch()\" />\r\n                <div [class]=\"storeList?.length > 5 ? 'h-200px overflow-auto' : 'h-auto'\">\r\n                    <div class=\"dropdown-item form-check custom-dropdown-item\"\r\n                        *ngFor=\"let store of storeList;let i= index\" (click)=\"updateSelectedStore(i)\">\r\n                        <label class=\"\" [for]=\"store.name\">\r\n                            {{ store.name }}\r\n                        </label>\r\n                    </div>\r\n                </div>\r\n            </div>\r\n        </div>\r\n    </div>\r\n    <div *ngIf=\"data?.coverage ==='store'\" class=\"storetext mt-2\">Store that I\u2019m looking for isn\u2019t available,<a class=\"text-primary\"\r\n            href=\"/manage/stores/addition-method\"><u>Onboard Stores</u></a></div>\r\n\r\n    <div class=\"pt-5\">\r\n        <label for=\"inputmodel\" class=\"label pb-2\">Assign To</label>\r\n        <input type=\"text\" class=\"form-control form-control-solid w-430px fw-bold inputname\" placeholder=\"User Name\"\r\n            [(ngModel)]=\"userName\">\r\n    </div>\r\n\r\n    <div class=\"pt-5\">\r\n        <label for=\"inputmodel\" class=\"label pb-2\">Assignee Mail ID</label>\r\n        <div class=\"d-flex align-items-center position-relatives w-100\">\r\n            <span class=\"svg-icon svg-icon-1 position-absolute ms-3\">\r\n                <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"20\" height=\"20\" viewBox=\"0 0 20 20\" fill=\"none\">\r\n                    <path\r\n                        d=\"M18.3334 4.99999C18.3334 4.08333 17.5834 3.33333 16.6667 3.33333H3.33341C2.41675 3.33333 1.66675 4.08333 1.66675 4.99999M18.3334 4.99999V15C18.3334 15.9167 17.5834 16.6667 16.6667 16.6667H3.33341C2.41675 16.6667 1.66675 15.9167 1.66675 15V4.99999M18.3334 4.99999L10.0001 10.8333L1.66675 4.99999\"\r\n                        stroke=\"#667085\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" />\r\n                </svg>\r\n            </span>\r\n            <input type=\"text\" class=\"form-control form-control-solid w-430px ps-14 fw-bold inputname\"\r\n                placeholder=\"User Email\" [(ngModel)]=\"userEmail\" (input)=\"userEmail = userEmail.toLowerCase()\">\r\n        </div>\r\n    </div>\r\n    <div *ngIf=\"data?.coverage ==='store'\" class=\"pt-5\">\r\n        <label for=\"inputmodel\" class=\"label pb-2\">City</label>\r\n        <input type=\"text\" class=\"form-control form-control-solid w-430px fw-bold inputname\" placeholder=\"City\"\r\n            [(ngModel)]=\"this.selectedStore.city\">\r\n    </div>\r\n    <div class=\"mt-6 d-flex align-items-center justify-content-end\">\r\n        <button class=\"btn btn-md btn-outline w-auto me-2\" (click)=\"Activemodel.close()\">\r\n            Cancel\r\n        </button>\r\n        <button class=\"btn btn-md btn-primary w-auto ms-2\" (click)=\"updatedStore()\">\r\n            Assign\r\n        </button>\r\n    </div>\r\n</div>", styles: [".storePopupcontent{font-family:Inter;align-items:left}.storePopupcontent .popuptitle{color:var(--gray-900, #101828);font-size:18px;font-weight:600;line-height:20px}.storePopupcontent .popupsubtitle{color:var(--gray-500, #667085);font-size:14px;font-weight:400;line-height:20px}.storePopupcontent .btn-outline{border:1px solid lightgrey}.storePopupcontent button{width:45%}.storePopupcontent .inputname{width:100%;border:none;color:#000000de;height:45px;font-size:14px!important;padding:10px 16px;border-radius:4px;outline:1px solid #D0D5DD}.label{color:var(--Gray-700, #344054);font-family:Inter;font-size:14px;font-style:normal;font-weight:500;line-height:20px}::ng-deep .storePopupcontent input{display:flex!important;align-items:center!important;gap:8px!important;align-self:stretch!important;border-radius:8px!important;border:1px solid var(--Gray-300, #D0D5DD)!important;background:var(--White, #FFF)!important;box-shadow:0 1px 2px #1018280d!important}.btn-primary{line-height:18px!important}.position-relative{position:relative}.form-control{color:var(--Gray-700, #344054)!important;font-size:14px!important;font-weight:600;line-height:20px;width:100%;box-sizing:border-box}.dropdown-menu{position:absolute;top:100%;left:0;right:0;border:1px solid #ccc;background-color:#fff;z-index:1000;display:block;box-sizing:border-box}.dropdown-item{padding:8px 12px}.dropdown-item:hover{background-color:#f1f1f1}.dropdown-item input[type=checkbox]{margin-right:10px}.custom-dropdown-menu{border-radius:4px;box-shadow:0 1px 2px #1018280d}.custom-dropdown-item{display:flex;align-items:center}.custom-dropdown-item input{margin-left:10px}.btn-resize{font-size:13px!important;height:29px!important;line-height:11px!important;padding:3px!important}.formSeach{width:95%}.storetext{color:var(--Gray-500, #667085);font-size:14px;font-weight:500;line-height:20px}\n"] }]
        }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }, { type: i1.TraxService }, { type: i2.NgbActiveModal }, { type: i3.ToastService }, { type: i4.GlobalStateService }, { type: i2.NgbActiveModal }], propDecorators: { data: [{
                type: Input
            }], client: [{
                type: Input
            }], clickOutside: [{
                type: HostListener,
                args: ["document:click", ["$event"]]
            }] } });
//# sourceMappingURL=data:application/json;base64, 