import { Component, Input } from '@angular/core';
import { FormsModule } from '@angular/forms';
import { CommonModule } from '@angular/common';
import { ButtonDirectiveDirective } from '../../../directive/button-directive.directive';
import { AnimationDirective } from '../../../directive/animation-directive';
import { HoverDirective } from '../../../directive/hover-element-directive';
import { ContentFitDirective } from '../../../directive/content-fit-directive';
import { SimpoComponentModule } from '../../../components/index';
import BaseSection from '../../../sections/BaseSection';
import { BUSINESS_CONSTANTS } from '../../../constants/business.constant';
import { SvgDividerComponent } from '../../../elements/svg-divider/svg-divider.component';
import * as i0 from "@angular/core";
import * as i1 from ".././../../services/events.service";
import * as i2 from "@angular/forms";
import * as i3 from "@angular/common";
import * as i4 from "../../../components/hover-elements/hover-elements.component";
import * as i5 from "../../../components/delete-hover-element/delete-hover-element.component";
import * as i6 from "ngx-skeleton-loader";
export class CheckoutComponent extends BaseSection {
    constructor(_eventService) {
        super();
        this._eventService = _eventService;
        this.isLoading = false;
        this.editDeliveryAddress = true;
    }
    ngOnInit() {
        this.editDeliveryAddress = this.responseData?.userDetails ? true : false;
        this.content = this.data?.content;
        this.styles = this.data?.styles;
        this.button = this.data?.action?.buttons[0];
        this._eventService.showLoadingScreen.subscribe((response) => {
            this.isLoading = response;
        });
    }
    placeOrder() {
        this._eventService.placeOrder.emit({ cartData: this.responseData });
    }
    editSection() {
        if (window.innerWidth <= 475)
            return;
        this._eventService.toggleEditorEvent.emit(false);
        setTimeout(() => {
            this._eventService.editSection.emit({ data: this.data });
        }, 100);
    }
    get currency() {
        return BUSINESS_CONSTANTS.CURRENCY;
    }
    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: CheckoutComponent, deps: [{ token: i1.EventsService }], target: i0.ɵɵFactoryTarget.Component }); }
    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: CheckoutComponent, isStandalone: true, selector: "simpo-checkout", inputs: { data: "data", responseData: "responseData", index: "index", edit: "edit", delete: "delete", customClass: "customClass", nextComponentColor: "nextComponentColor" }, usesInheritance: true, ngImport: i0, template: "<ng-container *ngIf=\"!isLoading\">\n  <section class=\"total-container\" [id]=\"data?.id\" [simpoLayout]=\"styles?.layout\" simpoHover (hovering)=\"showEditTabs($event)\"  [attr.style]=\"customClass\">\n    <div class=\"container\" [id]=\"data?.id\" [simpoAnimation]=\"styles?.animation\">\n      <div class=\"row\">\n        <div class=\"col-md-7 col-12\" *ngIf=\"editDeliveryAddress\">\n          <div class=\"shipping-label heading-large\">Shipping To</div>\n          <div class=\"row\">\n            <div class=\"col-md-6 col-12 input-parent\">\n              <label for=\"\">Name</label>\n              <input [(ngModel)]=\"responseData.userDetails.userName\" type=\"text\" placeholder=\"Enter Name\"\n                class=\"input-field\">\n            </div>\n            <div class=\"col-md-6 col-12 input-parent\">\n              <label for=\"\">Mobile Number</label>\n              <input [(ngModel)]=\"responseData.userDetails.mobile\" type=\"number\" placeholder=\"Enter number\"\n                class=\"input-field\">\n            </div>\n            <div class=\"col-md-6 col-12 input-parent\">\n              <label for=\"\">Email</label>\n              <input [(ngModel)]=\"responseData.userDetails.email\" type=\"email\" placeholder=\"Enter email\"\n                class=\"input-field\">\n            </div>\n          </div>\n\n          <div class=\"shipping-label\" style=\"margin-top: 15px;\">Shipping Address</div>\n          <div class=\"row\">\n            <div class=\"col-12 input-parent\">\n              <label for=\"\">Address</label>\n              <input [(ngModel)]=\"responseData.userDetails.deliveryAddress.addressLine1\" type=\"text\"\n                placeholder=\"Flat/House No, Building, Colony\" class=\"input-field\">\n            </div>\n            <div class=\"col-md-6 col-12 input-parent\">\n              <label for=\"\">Locality/Area</label>\n              <input [(ngModel)]=\"responseData.userDetails.deliveryAddress.localityName\" type=\"text\"\n                placeholder=\"Eg: Jaybheri Enclave, Gachibowli\" class=\"input-field\">\n            </div>\n            <div class=\"col-md-6 col-12 input-parent\">\n              <label for=\"\">Landmark</label>\n              <input [(ngModel)]=\"responseData.userDetails.deliveryAddress.landmark\" type=\"text\"\n                placeholder=\"Eg: Near SBI Bank\" class=\"input-field\">\n            </div>\n            <div class=\"col-md-6 col-12 input-parent\">\n              <label for=\"\">Pincode</label>\n              <input [(ngModel)]=\"responseData.userDetails.deliveryAddress.zipCode\" type=\"number\" placeholder=\"Eg: 500032\"\n                class=\"input-field\">\n            </div>\n            <div class=\"col-md-6 col-12 input-parent\">\n              <label for=\"\">City</label>\n              <input [(ngModel)]=\"responseData.userDetails.deliveryAddress.cityName\" type=\"text\"\n                placeholder=\"Eg: Hyderabad\" class=\"input-field\">\n            </div>\n            <div class=\"col-md-6 col-12 input-parent\">\n              <label for=\"\">State</label>\n              <input [(ngModel)]=\"responseData.userDetails.deliveryAddress.stateName\" type=\"text\"\n                placeholder=\"Eg: Telangana\" class=\"input-field\">\n            </div>\n          </div>\n        </div>\n        <div class=\"col-md-7 col-12\" *ngIf=\"!editDeliveryAddress\">\n          <div class=\"shipping-label\">Delivery Address</div>\n          <div class=\"delivery-address\">\n            <div style=\"position: absolute;right: 15px;\">\n              <img loading=\"lazy\" onerror=\"this.src='https://i.postimg.cc/hPS2JpV0/no-image-available.jpg'\"   src=\"https://prod-simpo.s3.ap-south-1.amazonaws.com/library-media/813827c1709186499689edit%201.png\"\n                alt=\"\" style=\"cursor: pointer;\" (click)=\"editDeliveryAddress = true\">\n            </div>\n            <div class=\"userName\">{{responseData?.userDetails.userName}}</div>\n            <div class=\"user-details\" style=\"margin-top: 5px;\">\n              {{responseData?.userDetails.deliveryAddress?.addressLine1}},\n              {{responseData?.userDetails.deliveryAddress?.localityName}}</div>\n            <div class=\"user-details\">{{responseData?.userDetails.deliveryAddress?.cityName}},\n              {{responseData?.userDetails.deliveryAddress?.stateName}}</div>\n            <div class=\"user-details\">{{responseData?.userDetails.deliveryAddress?.countryName}} -\n              {{responseData?.userDetails.deliveryAddress?.zipCode}}</div>\n            <div class=\"user-details\" style=\"margin-top: 5px;\">Phone : <span\n                style=\"font-weight: 500;\">{{responseData?.userDetails.mobile}}</span></div>\n          </div>\n        </div>\n        <div class=\"offset-md-1 col-md-4 col-12 right-section\">\n          <div class=\"shipping-label heading-large lh-normal\">\n            Price Details\n          </div>\n          <div class=\"price-details\">\n            <div class=\"price-parent-block\" *ngIf=\"responseData?.billdetails?.totalNetValue\">\n              <div class=\"price-type\">Total MRP</div>\n              <div class=\"price-value\"><span [innerHtml]='currency'></span> {{responseData.billdetails.totalNetValue}}</div>\n            </div>\n            <div class=\"price-parent-block\" *ngIf=\"responseData?.billdetails?.totalTax\">\n              <div class=\"price-type\">Total Tax</div>\n              <div class=\"price-value\"><span [innerHtml]='currency'></span> {{responseData?.billdetails?.totalTax}}</div>\n            </div>\n            <div class=\"price-parent-block\"\n              *ngIf=\"responseData?.billdetails?.deliveryCharges && responseData.billdetails.deliveryCharges > 0\">\n              <div class=\"price-type\">Delivery Charge</div>\n              <div class=\"price-value\"><span [innerHtml]='currency'></span> {{responseData.billdetails.deliveryCharges}}</div>\n            </div>\n            <hr>\n            <div class=\"price-parent-block\" *ngIf=\"responseData?.totalAmount\">\n              <div class=\"price-type\" style=\"color: black;font-weight: 600;\">Total Amount</div>\n              <div class=\"price-value\" style=\"font-weight: 600;\"><span [innerHtml]='currency'></span> {{responseData.totalAmount}}</div>\n            </div>\n\n            <div class=\"button-parent\">\n              <button simpoButtonDirective [id]=\"data?.id+(button?.id || '')\" [buttonStyle]=\"button?.styles\" [backgroundInfo]=\"styles?.background\"\n                [color]=\"styles?.background?.accentColor\" (click)=\"placeOrder()\">{{content?.button}}</button>\n            </div>\n          </div>\n        </div>\n      </div>\n    </div>\n\n  <ng-container *ngIf=\"style?.devider?.display\">\n    <simpo-svg-divider [dividerType]=\"style?.devider?.deviderType\" [color]=\"nextComponentColor?.color\"></simpo-svg-divider>\n  </ng-container>\n    <div [ngClass]=\"{'hover_effect': edit}\" *ngIf=\"showEditors\">\n      <simpo-hover-elements [data]=\"data\" [index]=\"index\" [editOptions]=\"edit\"></simpo-hover-elements>\n    </div>\n    <div *ngIf=\"showDelete\" [ngClass]=\"{'hover_effect': delete}\">\n      <simpo-delete-hover-element [data]=\"data\" [index]=\"index\"></simpo-delete-hover-element>\n    </div>\n\n  </section>\n</ng-container>\n\n<ngx-skeleton-loader *ngIf=\"isLoading\" count=\"1\" appearance=\"circle\" [theme]=\"{\n  width: '100%',\n  height: '40vh',\n  'border-radius': '10px',\n  'position': 'relative',\n  'right': '5px'\n}\">\n</ngx-skeleton-loader>\n\n", styles: [".container{margin-top:30px}*{font-family:var(--website-font-family)}mat-icon{font-family:Material Icons!important}.shipping-label{font-weight:600;font-size:18px;color:#141514;margin-bottom:5px}.input-parent{display:flex;flex-direction:column;gap:2px;margin-bottom:10px}.input-label{font-family:Inter;font-weight:400;font-size:14px;color:#141514}.input-field{height:40px;border:2px solid#D0D5DD;border-radius:5px;padding-left:10px;font-size:14px;outline:none}.my-bag{font-size:16px;font-weight:600;font-family:Poppins;color:#000}.my-bag span{color:#939393}.coupon{display:flex;justify-content:space-between;border:1px solid #E8E8E8;border-radius:5px;padding:10px;margin-top:10px}.apply-coupon{font-weight:500;color:#626262;font-size:15px;font-family:Poppins}.coupon-desc{color:#939393;font-size:12px;font-family:Poppins;font-weight:500}.apply-coupon-btn{color:#0267c1;font-size:16px;font-weight:600;font-family:Poppins}.price-details{padding:10px;margin-top:10px;border-radius:5px;box-shadow:0 0 1px #28293d14,0 0 2px #60617029;margin-bottom:15px}.price-parent-block{display:flex;justify-content:space-between;margin-top:5px}.price-type{font-weight:400;font-size:14px;font-family:Poppins;color:#434443}.price-value{font-weight:500;font-family:Poppins;font-size:16px;color:#141514}.button-parent{margin-top:20px;display:flex;flex-direction:column;gap:10px}.button-parent button{padding-top:7px!important;padding-bottom:7px!important;font-size:16px!important}.delivery-address{border:1px solid#D0D5DD;padding:15px;border-radius:5px;box-shadow:0 0 1px #28293d14,0 0 2px #60617029;position:relative}.userName{font-size:18px;font-weight:500;font-family:Poppins;color:#000}.user-details{font-weight:400;font-size:16px;font-family:Poppins}.lh-normal{line-height:normal}hr{border:1px solid #E8E8E8}.total-container{height:auto;position:relative;display:block!important}.hover_effect{position:absolute;width:100%;top:0;left:0;height:100%}@media only screen and (max-width : 475px){.right-section{margin-top:15px}label{margin-bottom:6px}}\n"], dependencies: [{ kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i2.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: i2.NumberValueAccessor, selector: "input[type=number][formControlName],input[type=number][formControl],input[type=number][ngModel]" }, { kind: "directive", type: i2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i3.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "ngmodule", type: SimpoComponentModule }, { kind: "component", type: i4.HoverElementsComponent, selector: "simpo-hover-elements", inputs: ["data", "index", "editOptions", "isMerged", "isEcommerce"], outputs: ["edit"] }, { kind: "component", type: i5.DeleteHoverElementComponent, selector: "simpo-delete-hover-element", inputs: ["index", "data"], outputs: ["edit"] }, { kind: "component", type: i6.NgxSkeletonLoaderComponent, selector: "ngx-skeleton-loader", inputs: ["count", "loadingText", "appearance", "animation", "ariaLabel", "theme"] }, { kind: "directive", type: 
                //DIRECTIVE
                ButtonDirectiveDirective, selector: "[simpoButtonDirective]", inputs: ["buttonStyle", "color", "scrollValue", "backgroundInfo"] }, { kind: "directive", type: AnimationDirective, selector: "[simpoAnimation]", inputs: ["simpoAnimation"] }, { kind: "directive", type: ContentFitDirective, selector: "[simpoLayout]", inputs: ["simpoLayout"] }, { kind: "directive", type: HoverDirective, selector: "[simpoHover]", outputs: ["hovering"] }, { kind: "component", type: SvgDividerComponent, selector: "simpo-svg-divider", inputs: ["dividerType", "color"] }] }); }
}
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: CheckoutComponent, decorators: [{
            type: Component,
            args: [{ selector: 'simpo-checkout', standalone: true, imports: [FormsModule, CommonModule,
                        SimpoComponentModule,
                        //DIRECTIVE
                        ButtonDirectiveDirective,
                        AnimationDirective,
                        ContentFitDirective,
                        HoverDirective, SvgDividerComponent
                    ], template: "<ng-container *ngIf=\"!isLoading\">\n  <section class=\"total-container\" [id]=\"data?.id\" [simpoLayout]=\"styles?.layout\" simpoHover (hovering)=\"showEditTabs($event)\"  [attr.style]=\"customClass\">\n    <div class=\"container\" [id]=\"data?.id\" [simpoAnimation]=\"styles?.animation\">\n      <div class=\"row\">\n        <div class=\"col-md-7 col-12\" *ngIf=\"editDeliveryAddress\">\n          <div class=\"shipping-label heading-large\">Shipping To</div>\n          <div class=\"row\">\n            <div class=\"col-md-6 col-12 input-parent\">\n              <label for=\"\">Name</label>\n              <input [(ngModel)]=\"responseData.userDetails.userName\" type=\"text\" placeholder=\"Enter Name\"\n                class=\"input-field\">\n            </div>\n            <div class=\"col-md-6 col-12 input-parent\">\n              <label for=\"\">Mobile Number</label>\n              <input [(ngModel)]=\"responseData.userDetails.mobile\" type=\"number\" placeholder=\"Enter number\"\n                class=\"input-field\">\n            </div>\n            <div class=\"col-md-6 col-12 input-parent\">\n              <label for=\"\">Email</label>\n              <input [(ngModel)]=\"responseData.userDetails.email\" type=\"email\" placeholder=\"Enter email\"\n                class=\"input-field\">\n            </div>\n          </div>\n\n          <div class=\"shipping-label\" style=\"margin-top: 15px;\">Shipping Address</div>\n          <div class=\"row\">\n            <div class=\"col-12 input-parent\">\n              <label for=\"\">Address</label>\n              <input [(ngModel)]=\"responseData.userDetails.deliveryAddress.addressLine1\" type=\"text\"\n                placeholder=\"Flat/House No, Building, Colony\" class=\"input-field\">\n            </div>\n            <div class=\"col-md-6 col-12 input-parent\">\n              <label for=\"\">Locality/Area</label>\n              <input [(ngModel)]=\"responseData.userDetails.deliveryAddress.localityName\" type=\"text\"\n                placeholder=\"Eg: Jaybheri Enclave, Gachibowli\" class=\"input-field\">\n            </div>\n            <div class=\"col-md-6 col-12 input-parent\">\n              <label for=\"\">Landmark</label>\n              <input [(ngModel)]=\"responseData.userDetails.deliveryAddress.landmark\" type=\"text\"\n                placeholder=\"Eg: Near SBI Bank\" class=\"input-field\">\n            </div>\n            <div class=\"col-md-6 col-12 input-parent\">\n              <label for=\"\">Pincode</label>\n              <input [(ngModel)]=\"responseData.userDetails.deliveryAddress.zipCode\" type=\"number\" placeholder=\"Eg: 500032\"\n                class=\"input-field\">\n            </div>\n            <div class=\"col-md-6 col-12 input-parent\">\n              <label for=\"\">City</label>\n              <input [(ngModel)]=\"responseData.userDetails.deliveryAddress.cityName\" type=\"text\"\n                placeholder=\"Eg: Hyderabad\" class=\"input-field\">\n            </div>\n            <div class=\"col-md-6 col-12 input-parent\">\n              <label for=\"\">State</label>\n              <input [(ngModel)]=\"responseData.userDetails.deliveryAddress.stateName\" type=\"text\"\n                placeholder=\"Eg: Telangana\" class=\"input-field\">\n            </div>\n          </div>\n        </div>\n        <div class=\"col-md-7 col-12\" *ngIf=\"!editDeliveryAddress\">\n          <div class=\"shipping-label\">Delivery Address</div>\n          <div class=\"delivery-address\">\n            <div style=\"position: absolute;right: 15px;\">\n              <img loading=\"lazy\" onerror=\"this.src='https://i.postimg.cc/hPS2JpV0/no-image-available.jpg'\"   src=\"https://prod-simpo.s3.ap-south-1.amazonaws.com/library-media/813827c1709186499689edit%201.png\"\n                alt=\"\" style=\"cursor: pointer;\" (click)=\"editDeliveryAddress = true\">\n            </div>\n            <div class=\"userName\">{{responseData?.userDetails.userName}}</div>\n            <div class=\"user-details\" style=\"margin-top: 5px;\">\n              {{responseData?.userDetails.deliveryAddress?.addressLine1}},\n              {{responseData?.userDetails.deliveryAddress?.localityName}}</div>\n            <div class=\"user-details\">{{responseData?.userDetails.deliveryAddress?.cityName}},\n              {{responseData?.userDetails.deliveryAddress?.stateName}}</div>\n            <div class=\"user-details\">{{responseData?.userDetails.deliveryAddress?.countryName}} -\n              {{responseData?.userDetails.deliveryAddress?.zipCode}}</div>\n            <div class=\"user-details\" style=\"margin-top: 5px;\">Phone : <span\n                style=\"font-weight: 500;\">{{responseData?.userDetails.mobile}}</span></div>\n          </div>\n        </div>\n        <div class=\"offset-md-1 col-md-4 col-12 right-section\">\n          <div class=\"shipping-label heading-large lh-normal\">\n            Price Details\n          </div>\n          <div class=\"price-details\">\n            <div class=\"price-parent-block\" *ngIf=\"responseData?.billdetails?.totalNetValue\">\n              <div class=\"price-type\">Total MRP</div>\n              <div class=\"price-value\"><span [innerHtml]='currency'></span> {{responseData.billdetails.totalNetValue}}</div>\n            </div>\n            <div class=\"price-parent-block\" *ngIf=\"responseData?.billdetails?.totalTax\">\n              <div class=\"price-type\">Total Tax</div>\n              <div class=\"price-value\"><span [innerHtml]='currency'></span> {{responseData?.billdetails?.totalTax}}</div>\n            </div>\n            <div class=\"price-parent-block\"\n              *ngIf=\"responseData?.billdetails?.deliveryCharges && responseData.billdetails.deliveryCharges > 0\">\n              <div class=\"price-type\">Delivery Charge</div>\n              <div class=\"price-value\"><span [innerHtml]='currency'></span> {{responseData.billdetails.deliveryCharges}}</div>\n            </div>\n            <hr>\n            <div class=\"price-parent-block\" *ngIf=\"responseData?.totalAmount\">\n              <div class=\"price-type\" style=\"color: black;font-weight: 600;\">Total Amount</div>\n              <div class=\"price-value\" style=\"font-weight: 600;\"><span [innerHtml]='currency'></span> {{responseData.totalAmount}}</div>\n            </div>\n\n            <div class=\"button-parent\">\n              <button simpoButtonDirective [id]=\"data?.id+(button?.id || '')\" [buttonStyle]=\"button?.styles\" [backgroundInfo]=\"styles?.background\"\n                [color]=\"styles?.background?.accentColor\" (click)=\"placeOrder()\">{{content?.button}}</button>\n            </div>\n          </div>\n        </div>\n      </div>\n    </div>\n\n  <ng-container *ngIf=\"style?.devider?.display\">\n    <simpo-svg-divider [dividerType]=\"style?.devider?.deviderType\" [color]=\"nextComponentColor?.color\"></simpo-svg-divider>\n  </ng-container>\n    <div [ngClass]=\"{'hover_effect': edit}\" *ngIf=\"showEditors\">\n      <simpo-hover-elements [data]=\"data\" [index]=\"index\" [editOptions]=\"edit\"></simpo-hover-elements>\n    </div>\n    <div *ngIf=\"showDelete\" [ngClass]=\"{'hover_effect': delete}\">\n      <simpo-delete-hover-element [data]=\"data\" [index]=\"index\"></simpo-delete-hover-element>\n    </div>\n\n  </section>\n</ng-container>\n\n<ngx-skeleton-loader *ngIf=\"isLoading\" count=\"1\" appearance=\"circle\" [theme]=\"{\n  width: '100%',\n  height: '40vh',\n  'border-radius': '10px',\n  'position': 'relative',\n  'right': '5px'\n}\">\n</ngx-skeleton-loader>\n\n", styles: [".container{margin-top:30px}*{font-family:var(--website-font-family)}mat-icon{font-family:Material Icons!important}.shipping-label{font-weight:600;font-size:18px;color:#141514;margin-bottom:5px}.input-parent{display:flex;flex-direction:column;gap:2px;margin-bottom:10px}.input-label{font-family:Inter;font-weight:400;font-size:14px;color:#141514}.input-field{height:40px;border:2px solid#D0D5DD;border-radius:5px;padding-left:10px;font-size:14px;outline:none}.my-bag{font-size:16px;font-weight:600;font-family:Poppins;color:#000}.my-bag span{color:#939393}.coupon{display:flex;justify-content:space-between;border:1px solid #E8E8E8;border-radius:5px;padding:10px;margin-top:10px}.apply-coupon{font-weight:500;color:#626262;font-size:15px;font-family:Poppins}.coupon-desc{color:#939393;font-size:12px;font-family:Poppins;font-weight:500}.apply-coupon-btn{color:#0267c1;font-size:16px;font-weight:600;font-family:Poppins}.price-details{padding:10px;margin-top:10px;border-radius:5px;box-shadow:0 0 1px #28293d14,0 0 2px #60617029;margin-bottom:15px}.price-parent-block{display:flex;justify-content:space-between;margin-top:5px}.price-type{font-weight:400;font-size:14px;font-family:Poppins;color:#434443}.price-value{font-weight:500;font-family:Poppins;font-size:16px;color:#141514}.button-parent{margin-top:20px;display:flex;flex-direction:column;gap:10px}.button-parent button{padding-top:7px!important;padding-bottom:7px!important;font-size:16px!important}.delivery-address{border:1px solid#D0D5DD;padding:15px;border-radius:5px;box-shadow:0 0 1px #28293d14,0 0 2px #60617029;position:relative}.userName{font-size:18px;font-weight:500;font-family:Poppins;color:#000}.user-details{font-weight:400;font-size:16px;font-family:Poppins}.lh-normal{line-height:normal}hr{border:1px solid #E8E8E8}.total-container{height:auto;position:relative;display:block!important}.hover_effect{position:absolute;width:100%;top:0;left:0;height:100%}@media only screen and (max-width : 475px){.right-section{margin-top:15px}label{margin-bottom:6px}}\n"] }]
        }], ctorParameters: () => [{ type: i1.EventsService }], propDecorators: { data: [{
                type: Input
            }], responseData: [{
                type: Input
            }], index: [{
                type: Input
            }], edit: [{
                type: Input
            }], delete: [{
                type: Input
            }], customClass: [{
                type: Input
            }], nextComponentColor: [{
                type: Input
            }] } });
//# sourceMappingURL=data:application/json;base64, 