[{"__symbolic":"module","version":4,"metadata":{"ProductionKanbanMachineViewCardComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":5,"character":1},"arguments":[{"selector":"anterasoftware-production-kanban-machine-view-card","template":"<!-- KANBAN CARD -->\r\n<mat-card class=\"swimlane-card\">\r\n    <mat-card-header>\r\n      <mat-card-title [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\r\n    <mat-card-content>\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    </mat-card-content>\r\n\r\n</mat-card>\r\n\r\n","styles":["@import url(\"https://fonts.googleapis.com/css2?family=Roboto:wght@100;300;400;700&display=swap\");.swimlane-card{background-color:#fff;margin:0 0 5px;border-radius:0;border:1px solid #ddd;box-shadow:6px 1px 0 #b5b5b5;padding:0}.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:400;margin-bottom:0}.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}.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)}"]}]}],"members":{"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":20,"character":3}}]}],"__ctor__":[{"__symbolic":"constructor"}],"ngOnInit":[{"__symbolic":"method"}],"getDateFormat":[{"__symbolic":"method"}]}}}}]