[{"__symbolic":"module","version":4,"metadata":{"KanbanProductionViewCardComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":5,"character":1},"arguments":[{"selector":"anterasoftware-kanban-production-view-card","template":"<mat-card class=\"swimlane-card\">\r\n  <mat-card-header>\r\n    <mat-card-title class=\"title-due-date\" [ngStyle]=\"{'background-color':dueColor, 'color': dueFontColor}\">Due Date: {{ getDateFormat(cardToShow.dueDate) }}</mat-card-title>\r\n  </mat-card-header>\r\n\r\n  <a class=\"link\" [routerLink]=\"['/productions/', cardToShow?.id]\"><img mat-card-image [src]=\"cardToShow?.image\" onError=\"this.src= 'assets/images/ecommerce/placeholder-image.png'\"/></a>\r\n  <mat-card-content>\r\n      <div fxLayout=\"row\" class=\"art-header\" (click)=\"edit(card)\">\r\n        <mat-checkbox *ngIf=\"!cardToShow.batchMaster\" [(ngModel)]=\"cardToShow.select\" class=\"checkbox-position\" (change)=\"onCheckBoxSelected($event)\"></mat-checkbox>\r\n            <div fxLayout=\"column\" class=\"card-content\">\r\n              <span>\r\n                 {{ cardToShow.customerName }} <br>\r\n                Job# {{ cardToShow.job }} <br>\r\n                Order# {{ cardToShow.order }} <br>\r\n                Type: {{ cardToShow.type }} <br>\r\n                Product: {{ cardToShow.product }}<br>\r\n              </span>\r\n            </div>\r\n            <span class=\"mat-star-icon\"><a aria-label=\"pin\" (click)=\"onPin($event)\"><mat-icon *ngIf=\"cardToShow.pinned\">star</mat-icon><mat-icon *ngIf=\"!cardToShow.pinned\">star_border</mat-icon></a></span>\r\n        </div>\r\n  </mat-card-content>\r\n\r\n</mat-card>\r\n","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}.swimlane-card ::ng-deep .mat-card-header .mat-card-header-text{padding:0;margin:0;width:100%}.swimlane-card ::ng-deep .mat-card-header .mat-card-header-text .mat-card-title{background-color:#f4ffb9;text-align:center;font-size:12px;padding:5px 0;font-weight:100;margin-bottom:0;font-weight:400}.swimlane-card ::ng-deep .mat-card-content{font-size:14px;font-weight:400;padding:10px;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}.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":11,"character":3}}]}],"pinned":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":12,"character":3}}]}],"dateFormatString":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":18,"character":3}}]}],"timeFormatString":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":19,"character":3}}]}],"cardDetails":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":21,"character":3}}]}],"__ctor__":[{"__symbolic":"constructor"}],"ngOnInit":[{"__symbolic":"method"}],"onPin":[{"__symbolic":"method"}],"onCheckBoxSelected":[{"__symbolic":"method"}],"getDateFormat":[{"__symbolic":"method"}]}}}}]