import { ChangeDetectionStrategy, Component } from '@angular/core';
import { BehaviorSubject } from 'rxjs';
import { savedCartList } from './saved-cart-general';
import * as i0 from "@angular/core";
import * as i1 from "@spartacus/core";
import * as i2 from "@spartacus/cart/saved-cart/root";
import * as i3 from "./saved-cart.service";
import * as i4 from "@angular/forms";
import * as i5 from "../shared/custom-breadcrum/custom-breadcrum.component";
import * as i6 from "../shared/active-saved-cart/active-saved-cart.component";
import * as i7 from "@angular/common";
import * as i8 from "@ng-bootstrap/ng-bootstrap";
export class CustomSavedCartComponent {
    constructor(routing, savedCartService, cmsService, service, formBuilder) {
        this.routing = routing;
        this.savedCartService = savedCartService;
        this.cmsService = cmsService;
        this.service = service;
        this.formBuilder = formBuilder;
        this.savedCartList = savedCartList;
        this.makeActiveData = [];
        this.nameMaxLength = 50;
        this.cloneRecord = true;
        this.cartName = '';
        this.showWaitCursor = new BehaviorSubject(false);
        this.selectedCartId = 0;
        this.showPopUp = false;
        this.savedCarts$ = this.savedCartService.getList();
    }
    ngOnInit() {
        this.cmsService.getCurrentPage().subscribe((pagadata) => {
            this.pageTitle = pagadata.title;
        });
        this.cmsService.getComponentData('EmptySavedCartComponent').subscribe((data) => {
            if (data) {
                this.noSavedCartData = data.content;
            }
        });
        this.cmsService.getComponentData('SavedCartParagraphComponent').subscribe((data) => {
            if (data) {
                this.savedCartHeading = data.content;
            }
        });
        this.getData();
        this.makeCartActiiveForm = this.formBuilder.group({
            deskPhone: [''],
            jobTitle: [''],
        });
    }
    getData() {
        this.showWaitCursor.next(true);
        this.savedCarts$ = this.savedCartService.getList();
        this.savedCarts$.subscribe((saveData) => {
            this.showWaitCursor.next(true);
            if (saveData && saveData.length > 0) {
                this.dataAvailale = 'hasData';
            }
            else {
                this.dataAvailale = 'noData';
            }
            this.showWaitCursor.next(false);
        });
    }
    goToSavedCartDetails(cart) {
        this.routing.go({
            cxRoute: 'savedCartsDetails',
            params: { savedCartId: cart === null || cart === void 0 ? void 0 : cart.code },
        });
    }
    makeActiveCart(event, cartId) {
        this.selectedCartId = cartId;
        this.savedCarts$.subscribe((data) => {
            var _a;
            this.showWaitCursor.next(true);
            if (data) {
                this.makeActiveData = data.filter((element) => element.code == cartId);
                if (this.makeActiveData[0] && ((_a = this.makeActiveData[0]) === null || _a === void 0 ? void 0 : _a.description.length) > 90) {
                    this.descriptionLength = true;
                }
                else {
                    this.descriptionLength = false;
                }
                this.showPopUp = true;
                this.showWaitCursor.next(false);
            }
        });
    }
    changeRetainCopy(event) {
        if (event.currentTarget.checked) {
            this.cloneRecord = true;
        }
        else {
            this.cloneRecord = false;
        }
    }
}
CustomSavedCartComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: CustomSavedCartComponent, deps: [{ token: i1.RoutingService }, { token: i2.SavedCartFacade }, { token: i1.CmsService }, { token: i3.SavedCartService }, { token: i4.FormBuilder }], target: i0.ɵɵFactoryTarget.Component });
CustomSavedCartComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: CustomSavedCartComponent, selector: "app-custom-saved-cart", ngImport: i0, template: "<app-custom-breadcrum></app-custom-breadcrum>\r\n<div class=\"loading\" *ngIf=\"showWaitCursor | async \">Loading&#8230;</div>\r\n<div class=\"container\">\r\n    <ng-container *ngIf=\"savedCarts$ | async as savedCarts\">\r\n        <ng-container *ngIf=\"savedCarts.length; else noData\">\r\n            <ng-template ngIf=\"savedCartHeading\">\r\n                <h1 class=\"pageTitle my-4 py-2\">{{pageTitle}}</h1>\r\n                <div class=\"text-left pageParaText mb-5\" [innerHTML]=\"savedCartHeading\"></div>\r\n            </ng-template>\r\n            <div class=\"saved-cart-header mb-4\">\r\n                <h3>{{savedCarts.length}} {{savedCartList.savedCarts}}</h3>\r\n            </div>\r\n            <ng-container>\r\n                <table class=\"table saveCartdataTable\">\r\n                    <thead class=\"saved-cart-list-thead-mobile\">\r\n                        <th scope=\"col\" class=\"\">{{savedCartList.cartName }}\r\n                            <span class=\"info-icon d-inline-block ml-3\" ngbTooltip=\"Name Information\" placement=\"bottom\"></span>\r\n                        </th>\r\n                        <th scope=\"col\">{{savedCartList.dateSaved }}</th>\r\n                        <th scope=\"col\">{{savedCartList.quantity }}</th>\r\n                        <th scope=\"col\">{{savedCartList.total }}</th>\r\n                        <th scope=\"col\">{{savedCartList.actions }}\r\n                            <span class=\"info-icon d-inline-block ml-3\" ngbTooltip=\"Action Information\" placement=\"bottom\"></span>\r\n                        </th>\r\n                    </thead>\r\n                    <tbody>\r\n                        <tr *ngFor=\"let savedCart of savedCarts\" class=\"cartItems\">\r\n                            <td class=\"text-left\">\r\n                                <div class=\"saved-cart-list-label\" ngbTooltip=\"Name Information\" placement=\"bottom\">\r\n                                    {{savedCartList.cartName }}\r\n                                    <span class=\"info-icon d-inline-block ml-3\" ngbTooltip=\"Name Information\" placement=\"bottom\"></span>\r\n                                </div>\r\n                                <a class=\"cx-saved-cart-list-value\" (click)=\"goToSavedCartDetails(savedCart)\">{{ savedCart?.name }}</a>\r\n                            </td>\r\n                            <td class=\"cx-saved-cart-list-date-saved text-left\">\r\n                                <div class=\"saved-cart-list-label\">{{savedCartList.dateSaved }}</div>\r\n                                <span class=\"cx-saved-cart-list-value\">{{ savedCart?.saveTime | date:'d MMM Y' }}</span>\r\n                            </td>\r\n                            <td class=\"cx-saved-cart-list-quantity  text-left\">\r\n                                <div class=\"saved-cart-list-label\">{{savedCartList.quantity }}</div>\r\n                                <span class=\"cx-saved-cart-list-value\">{{ savedCart?.totalItems }}</span>\r\n                            </td>\r\n                            <td class=\"text-left width50\">\r\n                                <div class=\"saved-cart-list-label\">\r\n                                    {{savedCartList.total }}\r\n                                </div>\r\n                                <span class=\"cx-saved-cart-list-value\">{{ savedCart?.totalPrice?.formattedValue }}</span>\r\n                            </td>\r\n                            <td class=\"actionBtn width50\">\r\n                                <button #element class=\"btn makeActionBtn text-uppercase rounded-0\" data-toggle=\"modal\" data-target=\"#editCardModal\" (click)=\"makeActiveCart($event, savedCart?.code)\">\r\n                  {{savedCartList.makeCartActive }}\r\n                </button>\r\n                            </td>\r\n                        </tr>\r\n                    </tbody>\r\n                </table>\r\n            </ng-container>\r\n        </ng-container>\r\n        <!-- NO SAVED CART CONTAINER -->\r\n        <ng-template #noData>\r\n            <div class=\"cx-saved-cart-list-no-saved-carts row\">\r\n                <div class=\"col-sm-12 col-md-10 col-lg-10 m-auto\">\r\n                    <div class=\"text-center\" [innerHTML]=\"noSavedCartData\"></div>\r\n                </div>\r\n            </div>\r\n        </ng-template>\r\n    </ng-container>\r\n</div>\r\n<div class=\"modal fade\" *ngIf=\"showPopUp\" id=\"editCardModal\" role=\"dialog\" aria-labelledby=\"editCardModal\" aria-hidden=\"true\">\r\n    <div class=\"loading\" *ngIf=\"showWaitCursor | async \">Loading&#8230;</div>\r\n    <app-active-saved-cart [selectedCartId]=\"selectedCartId\" [makeActiveData]=\"makeActiveData\"></app-active-saved-cart>\r\n</div>\r\n", styles: ["@charset \"UTF-8\";@media screen and (min-width: 1366px){:root{--fontsize12: .75rem;--fontsize14: .875rem;--fontsize16: 1rem;--fontsize17: 1.063rem;--fontsize17-5: 1.1rem;--fontsize18: 1.125rem;--fontsize18-4: 1.5rem;--fontsize20: 1.25rem;--fontsize21: 1.313rem;--fontsize22: 1.375rem;--fontsize23: 1.438rem;--fontsize24: 1.5rem;--fontsize26: 1.625rem;--fontsize28: 1.75rem;--fontsize30: 1.625rem;--fontsize32: 2rem;--fontsize34: 2.125rem;--fontsize36: 2rem;--fontsize40: 2.25rem;--fontsize46: 2.875rem;--fontsize80: 5rem}}@media screen and (max-width: 1365px) and (min-width: 768px){:root{--fontsize12: .75rem;--fontsize14: .875rem;--fontsize16: 1rem;--fontsize17: .9rem;--fontsize17-5: 1rem;--fontsize18: .875rem;--fontsize20: 1rem;--fontsize21: 1.063rem;--fontsize22: 1.125rem;--fontsize23: 1.188rem;--fontsize24: 1rem;--fontsize28: 1.5rem;--fontsize30: 1.25rem;--fontsize32: 1.75rem;--fontsize34: 1.875rem;--fontsize36: 1.625rem;--fontsize40: 2.5rem;--fontsize46: 2.875rem;--fontsize80: 3.5rem}}@media screen and (max-width: 767px){:root{--fontsize12: .75rem;--fontsize14: .875rem;--fontsize16: 1rem;--fontsize16-5: .77rem;--fontsize17: .9rem;--fontsize17-5: 1rem;--fontsize18: .875rem;--fontsize19: .938rem;--fontsize20: 1rem;--fontsize21: 1.063rem;--fontsize22: 1.125rem;--fontsize23: 1.188rem;--fontsize24: 1rem;--fontsize26: 1.25rem;--fontsize28: 1.5rem;--fontsize30: 1.25rem;--fontsize32: 1.75rem;--fontsize34: 1.875rem;--fontsize36: 1.625rem;--fontsize40: 2.5rem;--fontsize46: 2rem;--fontsize80: 2.5rem}}@font-face{font-family:icomoon;font-weight:400;src:url(../assets/fonts/icomoon.ttf) format(\"ttf\"),url(../assets/fonts/icomoon.woff) format(\"woff\");font-weight:normal;font-style:normal;font-display:swap}@font-face{font-family:\"Arial Regular\";src:url(../assets/fonts/arial-webfont.woff) format(\"woff\"),url(../assets/fonts/arial-webfont.woff2) format(\"woff2\");font-weight:normal;font-style:normal}@font-face{font-family:\"Arial Bold\";src:url(../assets/fonts/arialbold-webfont.woff) format(\"woff\"),url(../assets/fonts/arialbold-webfont.woff2) format(\"woff2\");font-weight:normal;font-style:normal}@font-face{font-family:\"Arial Black\";src:url(../assets/fonts/arialblack-webfont.woff) format(\"woff\"),url(../assets/fonts/arialblack-webfont.woff2) format(\"woff2\");font-weight:normal;font-style:normal}@font-face{font-family:\"Helvetica Neue Reqular\";src:url(../assets/fonts/helveticaneue.woff) format(\"woff\"),url(../assets/fonts/helveticaneue.woff2) format(\"woff2\");font-weight:normal;font-style:normal}@font-face{font-family:\"Helvetica Neue Thin\";src:url(../assets/fonts/helveticaneuethin-webfont.woff) format(\"woff\"),url(../assets/fonts/helveticaneuethin-webfont.woff2) format(\"woff2\");font-weight:normal;font-style:normal}@font-face{font-family:\"Helvetica Neue Medium\";src:url(../assets/fonts/helveticaneuemedium-webfont.woff) format(\"woff\"),url(../assets/fonts/helveticaneuemedium-webfont.woff2) format(\"woff2\");font-weight:normal;font-style:normal}[class*=\" icon-\"],[class^=icon-]{font-family:icomoon!important;font-feature-settings:normal;font-variant:normal;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-style:normal;font-weight:400;line-height:1;text-transform:none;font-display:swap}.icon-right:before{content:\"\\e902\"}.icon-materials:before{content:\"\\e900\"}.icon-natural-lighting:before{content:\"\\e90a\"}.icon-rainwater:before{content:\"\\e901\"}.icon-roofing:before{content:\"\\e90b\"}.icon-flashing{position:relative;display:inline-block;height:32px;text-align:center;width:32px}.icon-flashing:before,.mainnav-link-level-2.show .navTagChild .icon-flashing:before{content:url(../assets/images/icon-flashing-white.svg);height:20px;width:20px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);line-height:15px}li.megamenuSubChild:hover .icon-flashing:before{content:url(../assets/images/icon-flashing-black.svg)}.icon-structural:before{content:\"\\e90c\"}.icon-accessories-old .path1:before{content:\"\\e903\"}.icon-accessories-old .path2:before{margin-left:-1em;content:\"\\e904\"}.icon-accessories-old .path3:before{margin-left:-1em;content:\"\\e905\"}.icon-cladding-old .path1:before{content:\"\\e90d\"}.icon-cladding-old .path2:before{margin-left:-1em;content:\"\\e90e\"}.icon-close:before{content:\"\\e90f\"}.icon-message:before{content:\"\\e910\"}.icon-search .path1:before{content:\"\\e906\"}.icon-search .path2:before{content:\"\\e907\"}.icon-search .path3:before{margin-left:-1.0156em;content:\"\\e908\"}.icon-summary:before{content:\"\\e911\"}.icon-branch:before{content:\"\\e912\"}.icon-delivery:before{content:\"\\e913\"}.icon-downloads:before{content:\"\\e909\"}.icon-drawings:before{content:\"\\e914\"}.icon-full:before{content:\"\\e915\"}.icon-manual:before{content:\"\\e916\"}.icon-payment:before{content:\"\\e917\"}.icon-empty .path1:before{content:\"\\e918\"}.icon-empty .path2:before{margin-left:-1em;content:\"\\e919\"}.icon-empty .path3:before{margin-left:-1em;content:\"\\e91a\"}.icon-product-overview:before{content:\"\\e91b\"}.icon-arrows:before{content:\"\\e91c\"}.icon-selected:before{content:\"\\e91d\"}.icon-accessories:before{content:\"\\e91b\"}.icon-cladding:before{content:\"\\e91e\"}.icon-Triangle:before{content:\"\\e91f\"}.icon-home:before{content:\"\\e920\"}.icon-faq:before{content:\"\\e921\"}.icon-temperature:before{content:\"\\e922\"}body header{font-family:\"Arial Regular\",sans-serif}header{background-color:#1d1d1b;position:sticky;top:0;background-size:100% 25%!important;background-repeat:no-repeat;z-index:10}header .header{max-width:100%;padding:0}header cx-banner cx-media img{margin-top:.7rem;margin-bottom:0}header label{display:inline-flex}header .SiteLinks{height:52px;display:flex;align-items:center;justify-content:space-between;padding-top:5px;padding-bottom:5px}header .SiteLinks cx-paragraph p{color:#fff;font-size:var(--fontsize16);line-height:var(--fontsize16);margin-bottom:0}header .SiteLinks cx-paragraph{font-size:var(--fontsize16)}header .SiteLinks app-account-dropdown,header .SiteLinks app-find-store{width:calc(25% - 25px);max-width:328px;margin-right:25px}header .SiteLinks app-contact-us{width:calc(20% - 25px);max-width:100px;margin-left:auto}header .SiteLinks app-custom-mini-cart{width:10%}header .SiteLinks .preferenceLink{margin-left:auto}header .SiteLinks .preferenceLink cx-generic-link{margin:0}header .SiteLinks .preferenceLink cx-generic-link cx-media img{height:22px;margin:0}header .SiteLogo .storeLogo{position:absolute;z-index:99;left:40px;bottom:10px}header .SiteLogo .homeLogo{max-width:28px;height:28px;position:absolute;z-index:99;bottom:47px}header .NavigationBar{flex:70%;background-color:#b61828;min-height:40px;display:flex;align-items:center;position:relative;z-index:10}header .logoutMenu{margin-top:0!important}header .logoutMenu li{cursor:pointer;background-color:#4c4c4c;color:#fff}header .logoutMenu li:hover{text-decoration:underline;background-color:#4c4c4c}header .MarketingContext{width:100%;margin:auto}.customer-service-icon{cursor:pointer}d .helpSupport{width:20rem;border:0;margin-top:.5rem!important;transform:translate(-42%,36px)!important;padding:1rem 1rem 0;background-color:#393939;color:#fff;top:0}d .helpSupport .arrow-up{position:absolute;top:-8px;right:44%;width:0;height:0;border-left:15px solid rgba(0,0,0,0);border-right:15px solid rgba(0,0,0,0);border-bottom:15px solid #393939}d .helpSupport .contact-us-info .heading{font-family:\"Arial Bold\",sans-serif}d .helpSupport .contact-us-info .detail{font-size:var(--fontsize14);line-height:2rem}d .helpSupport .contact-us-info .detail .service-icon{height:20px;width:20px;margin-right:10px}d .helpSupport .contact-us-info .contactLink a{font-size:var(--fontsize14);text-decoration:underline;text-transform:uppercase}d .helpSupport .contact-us-info a{color:#fff;text-decoration:none}d .helpSupport .contact-us-info a:hover{text-decoration:underline}.pageTitle{font-family:\"Helvetica Neue Regular\",sans-serif;font-size:var(--fontsize54)}@media screen and (max-width: 991px){cx-storefront header{background-color:#b61828}cx-storefront header cx-banner cx-media img{margin:auto}cx-storefront header .SiteLogo{width:100%;max-width:211px;margin:auto;padding-left:30px;box-sizing:border-box}cx-storefront header .SiteLogo .storeLogo{position:unset}cx-storefront header .SearchBox{margin:14px 0 10px;width:30px}cx-storefront header .SiteLinks{background-color:transparent;width:110px;margin:auto 25px auto 0}cx-storefront header .SiteLinks app-account-dropdown,cx-storefront header .SiteLinks app-find-store,cx-storefront header .SiteLinks app-contact-us,cx-storefront header .SiteLinks cx-paragraph,cx-storefront header .SiteLinks .preferenceLink{display:none}cx-storefront header .SiteLinks app-custom-mini-cart,cx-storefront header .SiteLinks app-custom-user-account{width:35px}cx-storefront header.is-expanded{overflow-y:auto;position:fixed;bottom:0;top:0;width:calc(100% - 99px)}cx-storefront header.is-expanded .header{background-color:#b61828;margin-left:0}cx-storefront header.is-expanded .PreHeader{position:absolute;right:15px;top:15px}cx-storefront header.is-expanded .SearchBox{display:none}cx-storefront header.is-expanded .SiteLogo{position:absolute;top:25px;z-index:9}cx-storefront header.is-expanded .SiteLinks{background-color:#1d1d1b;width:100%;margin:15px auto 15px 0;height:unset;padding:15px;max-width:100%;position:relative;z-index:9;top:60px}cx-storefront header.is-expanded .SiteLinks app-account-dropdown,cx-storefront header.is-expanded .SiteLinks app-find-store,cx-storefront header.is-expanded .SiteLinks app-contact-us,cx-storefront header.is-expanded .SiteLinks cx-paragraph,cx-storefront header.is-expanded .SiteLinks .preferenceLink{display:block}cx-storefront header.is-expanded .SiteLinks app-custom-mini-cart,cx-storefront header.is-expanded .SiteLinks app-custom-user-account{display:none}cx-storefront header.is-expanded .SiteLinks app-account-dropdown{width:100%;max-width:100%}cx-storefront header.is-expanded .SiteLinks app-find-store{width:50%;max-width:328px;min-width:328px}cx-storefront header.is-expanded .SiteLinks app-contact-us{margin-right:15px;margin-left:auto;width:115px;max-width:unset}cx-storefront header.is-expanded .navigation{position:relative;top:45px}cx-storefront header.is-expanded:before{background-color:#0000004d;right:0;content:\"\";position:fixed;z-index:2;top:0;bottom:0;height:100vh;width:99px}cx-storefront header.is-expanded:after{background-color:transparent}}@media screen and (max-width: 576px){cx-storefront header .SiteLogo{max-width:80px}cx-storefront header .SiteLogo .storeLogo{display:none}cx-storefront header .searchBox{height:45px}cx-storefront header.is-expanded{width:100%}cx-storefront header.is-expanded .header,cx-storefront header.is-expanded .navigation{width:100%}cx-storefront header.is-expanded .SiteLogo{max-width:211px!important}cx-storefront header.is-expanded .SiteLogo .storeLogo{display:block}cx-storefront header.is-expanded .SiteLinks{max-width:100%;width:100%}cx-storefront header.is-expanded .SiteLinks app-account-dropdown,cx-storefront header.is-expanded .SiteLinks app-find-store,cx-storefront header.is-expanded .SiteLinks app-contact-us,cx-storefront header.is-expanded .SiteLinks cx-paragraph,cx-storefront header.is-expanded .SiteLinks .preferenceLink{display:block}cx-storefront header.is-expanded .SiteLinks app-custom-mini-cart,cx-storefront header.is-expanded .SiteLinks app-custom-user-account{display:none}cx-storefront header.is-expanded .SiteLinks app-find-store{width:100%;max-width:100%;margin-bottom:10px}cx-storefront header.is-expanded .SiteLinks app-contact-us{margin-left:0}cx-storefront header.is-expanded .SiteLinks cx-paragraph{margin-left:auto}cx-storefront header.is-expanded:before{display:none}}#visualization-container{text-align:center;margin:0 auto}#cds-viewer-container-3d{width:320px;height:200px}#cds-viewer-container-2d{width:320px;height:200px}[aria-label=Close]{cursor:pointer}cx-media.is-missing{background:url(./assets/images/search-noimage.svg);background-size:cover;background-position:center;background-repeat:no-repeat}::ng-deep .AccountPageTemplate .BottomHeaderSlot{display:none}::ng-deep .AccountPageTemplate .table td,::ng-deep .AccountPageTemplate .table th{padding:0}::ng-deep .AccountPageTemplate .BodyContent{max-width:100%;padding:0}::ng-deep .AccountPageTemplate label{cursor:initial}::ng-deep .AccountPageTemplate .pageTitle{font-family:\"Helvetica Neue Regular\",sans-serif;font-size:var(--fontsize54)}::ng-deep .AccountPageTemplate .pageParaText{font-size:var(--fontsize16);max-width:872px;margin-bottom:55px}::ng-deep .AccountPageTemplate .saved-cart-header h3{font-family:\"Arial Bold\",sans-serif}::ng-deep .AccountPageTemplate .info-icon{position:relative;background:url(\"data:image/svg+xml,%3Csvg xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 width%3D%2216%22 height%3D%2216%22 viewBox%3D%220 0 16 16%22%3E%0D  %3Cpath id%3D%22Icon_metro-info%22 data-name%3D%22Icon metro-info%22 d%3D%22M9.571%2C6.678a.752.752%2C0%2C0%2C1%2C.75-.75h.5a.752.752%2C0%2C0%2C1%2C.75.75v.5a.752.752%2C0%2C0%2C1-.75.75h-.5a.752.752%2C0%2C0%2C1-.75-.75Zm3%2C7.25h-4v-1h1v-3h-1v-1h3v4h1Zm-2-12a8%2C8%2C0%2C1%2C0%2C8%2C8%2C8%2C8%2C0%2C0%2C0-8-8Zm0%2C14.5a6.5%2C6.5%2C0%2C1%2C1%2C6.5-6.5A6.5%2C6.5%2C0%2C0%2C1%2C10.571%2C16.428Z%22 transform%3D%22translate(-2.571 -1.928)%22 fill%3D%22%23c6c6c6%22%2F%3E%0D%3C%2Fsvg%3E%0D\") no-repeat center;width:16px;height:16px;display:inline-block;top:3px}::ng-deep .AccountPageTemplate .saveCartdataTable thead{background-color:#646363}::ng-deep .AccountPageTemplate .saveCartdataTable thead th{padding:1rem .75rem;color:#fff;text-align:left}::ng-deep .AccountPageTemplate .saveCartdataTable thead th:first-child{max-width:150px}::ng-deep .AccountPageTemplate .saveCartdataTable thead th:last-child{width:200px}::ng-deep .AccountPageTemplate .saveCartdataTable td{padding:1rem .75rem;border-top:0;border-bottom:1px solid #E0E0E0}::ng-deep .AccountPageTemplate .saveCartdataTable td:first-child{max-width:150px}::ng-deep .AccountPageTemplate .saveCartdataTable td:last-child{width:200px}::ng-deep .AccountPageTemplate .saveCartdataTable tr:hover{background-color:#e8e8e8}::ng-deep .AccountPageTemplate .saveCartdataTable tr a:hover{cursor:pointer}::ng-deep .AccountPageTemplate .saved-cart-list-cart-name{text-align:left;padding-left:3rem!important}::ng-deep .AccountPageTemplate .saveCartdataTable .saved-cart-list-label{display:none!important}::ng-deep .AccountPageTemplate a.cx-saved-cart-list-value{color:#b61828;text-decoration:underline}::ng-deep .AccountPageTemplate .cx-saved-cart-list-no-saved-carts{margin:10rem 0}::ng-deep .AccountPageTemplate .noSavedCartHd{font-size:var(--fontsize28)}::ng-deep .AccountPageTemplate .noSavedCartTxt{color:#161616;font-size:var(--fontsize16)}::ng-deep .AccountPageTemplate .makeActionBtn{font-size:.75rem;color:#fff;background-color:#1d1d1b;padding:1rem}::ng-deep .AccountPageTemplate .actionBtn{text-align:left}.saveCardLabel{font-size:var(--fontsize16);font-family:\"Arial Bold\",sans-serif}@media screen and (max-width: 991px){.cartItems{border:1px solid #E0E0E0;margin-bottom:1.25rem;display:block;padding:1.05rem 1.25rem}.saveCartdataTable td{width:100%;display:flex;border-width:0;padding:.2rem 0;max-width:100%}.saveCartdataTable .saved-cart-list-thead-mobile{display:none!important}.saveCartdataTable .saved-cart-list-label{display:block!important;min-width:140px;font-family:\"Arial Bold\",sans-serif}.saveCartdataTable .saved-cart-list-cart-name{padding-left:0!important}.saveCartdataTable .width50{vertical-align:top;width:50%;display:inline-block}.saveCartdataTable .width50 .saved-cart-list-label{display:inline-block!important}.saveCartdataTable .actionBtn{text-align:right}}@media screen and (max-width: 767px){.width50{width:100%!important;display:block!important}.actionBtn{padding-top:1rem!important;text-align:left!important}.makeActionBtn{width:100%}.savecardDataBox{padding:15px;border:1px solid #E0E0E0;flex-wrap:wrap}.savecardDataBox li:first-child,.savecardDataBox li:nth-child(2){width:100%}.modal-content{padding:15px!important}.copySaveData{margin-bottom:180px}.popupFooter{border-top:1px solid #E0E0E0;width:100%;position:fixed;bottom:0;z-index:20;left:0;background:#ffffff;display:flex;align-items:center;flex-direction:column;padding:15px}.popupFooter .btn{max-width:100%;display:block;width:100%}.popupFooter .cancledPopop{margin-right:0}}\n"], components: [{ type: i5.CustomBreadcrumComponent, selector: "app-custom-breadcrum", inputs: ["customCrumbData"] }, { type: i6.ActiveSavedCartComponent, selector: "app-active-saved-cart", inputs: ["makeActiveData", "selectedCartId", "isDeletePopup"], outputs: ["closedPopup"] }], directives: [{ type: i7.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i8.NgbTooltip, selector: "[ngbTooltip]", inputs: ["animation", "autoClose", "placement", "triggers", "container", "disableTooltip", "tooltipClass", "openDelay", "closeDelay", "ngbTooltip"], outputs: ["shown", "hidden"], exportAs: ["ngbTooltip"] }, { type: i7.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }], pipes: { "async": i7.AsyncPipe, "date": i7.DatePipe }, changeDetection: i0.ChangeDetectionStrategy.OnPush });
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: CustomSavedCartComponent, decorators: [{
            type: Component,
            args: [{
                    selector: 'app-custom-saved-cart',
                    templateUrl: './custom-saved-cart.component.html',
                    styleUrls: ['./custom-saved-cart.component.scss'],
                    changeDetection: ChangeDetectionStrategy.OnPush,
                }]
        }], ctorParameters: function () { return [{ type: i1.RoutingService }, { type: i2.SavedCartFacade }, { type: i1.CmsService }, { type: i3.SavedCartService }, { type: i4.FormBuilder }]; } });
//# sourceMappingURL=data:application/json;base64, 