[{"__symbolic":"module","version":4,"metadata":{"QuoteViewCardComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":5,"character":1},"arguments":[{"selector":"anterasoftware-quote-view-card","template":"<mat-card class=\"swimlane-card\">\r\n    <mat-card-header class=\"card-header\" [ngStyle]=\"{'background-color':dueColor, 'color': dueFontColor}\">\r\n      <mat-card-title class=\"title-due-date\" [ngStyle]=\"{'background-color':dueColor}\">In Hands Date: {{ getDateFormat(cardDetails.inHandDateBy) }}</mat-card-title>\r\n    </mat-card-header>\r\n  \r\n    <!-- <a class=\"link\" [routerLink]=\"['/products/', cardDetails?.id]\"><img mat-card-image [src]=\"cardDetails?.image\" onError=\"this.src= 'assets/images/ecommerce/placeholder-image.png'\"/></a> --> \r\n    <mat-card-content>\r\n        <div fxLayout=\"row\" class=\"art-header\">\r\n          <mat-checkbox [(ngModel)]=\"cardDetails.select\" class=\"checkbox-position ml-12\" (change)=\"onCheckBoxSelected($event)\"></mat-checkbox>  \r\n            <div fxLayout=\"column\" class=\"card-content\" [routerLink]=\"['/e-commerce/quotes', cardDetails.id]\">\r\n              <span>\r\n                Order #: {{ cardDetails.orderNo }} <br>\r\n                Identity: {{ cardDetails.orderIdentity }} <br>                  \r\n                Account: {{ cardDetails.accountName }} <br>\r\n                Sales Rep: {{ cardDetails.salesPerson }} <br>\r\n                Contact: {{ cardDetails.contactName }}<br>\r\n              </span>\r\n            </div>\r\n          </div>\r\n    </mat-card-content>\r\n  \r\n  </mat-card>","styles":["@import url(\"https://fonts.googleapis.com/css2?family=Roboto:wght@100;300;400;700&display=swap\");.swimlane-card{background-color:#fff;border-radius:0;border:1px solid #ddd;box-shadow:6px 1px 0 #b5b5b5;padding:0;margin:5px}.swimlane-card ::ng-deep .mat-card-header{border-bottom:1px solid #ddd;background-color:#f4ffb9}.swimlane-card ::ng-deep .mat-card-header .mat-card-header-text{padding:0;margin:0;width:100%;text-align:center}.swimlane-card ::ng-deep .mat-card-header .mat-card-header-text .mat-card-title{margin-top:8px;color:\"#ffffff\";text-align:center;font-size:12px;padding:0;font-weight:100;margin-bottom:0;line-height:24px;font-weight:400;display:inline}.swimlane-card ::ng-deep .mat-card-header .mat-card-header-text .mat-checkbox{display:inline;float:left;padding:0 2px}.swimlane-card ::ng-deep .mat-card-content{font-size:14px;font-weight:400;padding:8px 0;white-space:break-spaces}.swimlane-card ::ng-deep .mat-card-image{margin:0 auto!important;padding:10px;display:block;width:50%!important}.swimlane-card .title-due-date{font-weight:700}.swimlane-card .list-card-name{font-size:14px}.swimlane-card .list-card-name .mat-checkbox{float:left;margin-right:6px}.swimlane-card .accent-800-fg{font-weight:550;color:#0277bd!important}.swimlane-card .content-span{margin-left:15px}.cdk-drag-preview{box-sizing:border-box;border-radius:4px;box-shadow:0 5px 5px -3px rgba(0,0,0,.2),0 8px 10px 1px rgba(0,0,0,.14),0 3px 14px 2px rgba(0,0,0,.12)}.cdk-drag-placeholder{opacity:0}.cdk-drag-animating{transition:transform .25s cubic-bezier(0,0,.2,1)}.example-box:last-child{border:none}.example-list.cdk-drop-list-dragging .example-box:not(.cdk-drag-placeholder){transition:transform .25s cubic-bezier(0,0,.2,1)}.card-content{width:100%;padding:5px}.mat-star-icon{float:right}"]}]}],"members":{"onCardDetailsChange":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":12,"character":3}}]}],"editCardDetails":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":13,"character":3}}]}],"dateFormatString":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":14,"character":3}}]}],"timeFormatString":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":15,"character":3}}]}],"cardDetails":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":18,"character":3}}]}],"__ctor__":[{"__symbolic":"constructor"}],"ngOnInit":[{"__symbolic":"method"}],"onCheckBoxSelected":[{"__symbolic":"method"}],"getDateFormat":[{"__symbolic":"method"}],"editCard":[{"__symbolic":"method"}]}}}}]