[{"__symbolic":"module","version":4,"metadata":{"ProductionKanbanMachineViewContainerComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":7,"character":1},"arguments":[{"selector":"anterasoftware-production-kanban-machine-view-container","template":"<div cdkDropListGroup>\r\n\r\n    <!-- KANBAN SWIMLANE CONTAINER: ONE -->\r\n    <div class=\"antera-swimlane-container\" *ngFor=\"let swimLane of swimLaneList; let i = index\">\r\n  \r\n      <header *ngIf=\"i === 0\">\r\n        <div class=\"swimlane-header-title\">{{swimLane?.header?.title}}</div>\r\n  \r\n        <div class=\"swimlane-header-percentage\" fxLayout=\"row\" fxLayoutAlign=\"space-around center\">\r\n          <div class=\"progress-left\">{{value}}%</div>\r\n          <div class=\"progress-right\">\r\n            <div class=\"progress-bar-container\">\r\n              <div class=\"progress-bar-div-red\"></div>\r\n            </div>\r\n          </div>\r\n        </div>\r\n  \r\n        <div class=\"swimlane-header-quick-stats\" fxLayout=\"row\" fxLayoutAlign=\"space-around center\">\r\n          <div fxflex=\"33\">\r\n            <div fxLayout=\"column\">\r\n              <div>{{swimLane?.header?.jobs}}</div>\r\n              <div>Jobs</div>\r\n            </div>\r\n          </div>\r\n          <div fxflex=\"33\">\r\n            <div fxLayout=\"column\">\r\n              <div>{{swimLane?.header?.pieces}}</div>\r\n              <div>Pieces</div>\r\n            </div>\r\n          </div>\r\n          <div fxflex=\"33\">\r\n            <div fxLayout=\"column\">\r\n              <div>{{swimLane?.header?.hours}}</div>\r\n              <div>Hours</div>\r\n            </div>\r\n          </div>\r\n        </div>\r\n      </header>\r\n\r\n      <header *ngIf=\"i !== 0\">\r\n        <div class=\"swimlane-header-title\">{{swimLane?.header?.title}}</div>\r\n  \r\n        <div class=\"swimlane-header-percentage\" fxLayout=\"row\" fxLayoutAlign=\"space-around center\">\r\n          <div class=\"progress-left\">{{value}}%</div>\r\n          <div class=\"progress-right\">\r\n            <div class=\"progress-bar-container\">\r\n              <div class=\"progress-bar-div-red\"></div>\r\n            </div>\r\n          </div>\r\n        </div>\r\n  \r\n        <div class=\"swimlane-header-quick-stats\" fxLayout=\"row\" fxLayoutAlign=\"space-around center\">\r\n          <div fxflex=\"33\">\r\n            <div fxLayout=\"column\">\r\n              <div>{{swimLane?.header?.jobs}}</div>\r\n              <div>Jobs</div>\r\n            </div>\r\n          </div>\r\n          <div fxflex=\"33\">\r\n            <div fxLayout=\"column\">\r\n              <div>{{swimLane?.header?.pieces}}</div>\r\n              <div>Pieces</div>\r\n            </div>\r\n          </div>\r\n          <div fxflex=\"33\">\r\n            <div fxLayout=\"column\">\r\n              <div>{{swimLane?.header?.hours}}</div>\r\n              <div>Hours</div>\r\n            </div>\r\n          </div>\r\n        </div>\r\n      </header>\r\n  \r\n      <!-- KANBAN SWIMLANE: ONE -->\r\n      <div class=\"antera-swimlane ngx-dnd-container\" ngxDroppable=\"card\" (drop)=\"drop($event,swimLane)\" [model]=\"swimlane\">\r\n        <div *ngFor=\"let card of swimLane.cards; let j = index\" class=\"card-container-dv ngx-dnd-item\" [ngxDraggable]=\"['card']\" [model]=\"card\">\r\n          <anterasoftware-production-kanban-machine-view-card [cardDetails]=\"card\" [dateFormatString]=\"dateFormatString\" [timeFormatString]=\"timeFormatString\" (click)=\"edit(card)\"></anterasoftware-production-kanban-machine-view-card>\r\n        </div>\r\n      </div>\r\n  \r\n      <!-- KANBAN SWIMLANE: CARD -->\r\n  \r\n  \r\n    </div>\r\n    \r\n  </div>\r\n","styles":["@import url(\"https://fonts.googleapis.com/css2?family=Roboto:wght@100;300;400;700&display=swap\");.antera-swimlane-container{background-color:#fff;display:inline-block;font-family:Roboto,sans-serif;max-width:100%;margin:0 25px 0 0;vertical-align:top;width:250px;border:1px solid #e8e8e8}.antera-swimlane-container header{background-color:transparent;min-height:110px;padding:0;border-bottom:1px solid #ddd}.antera-swimlane-container header .swimlane-header-date{background-color:transparent;color:#2d323e;display:block;font-size:12px;font-weight:700;height:25px;padding:10px 0 0;text-align:center}.antera-swimlane-container header .swimlane-header-title{background-color:transparent;color:#2d323e;display:block;font-size:16px;font-weight:700;height:27px;padding:8px 0 0;text-align:center}.antera-swimlane-container header .swimlane-header-percentage{background-color:transparent;color:#2d323e;display:block;font-size:12px;height:35px;padding:10px 0}.antera-swimlane-container header .swimlane-header-quick-stats{background-color:#797979;border-top:1px solid #fff;color:#fff;font-weight:100;height:50px;text-align:center}.antera-swimlane-container .antera-swimlane{background:#e4e4e4;border-radius:0;display:block;border:1px solid #ddd;border-top:none;border-bottom:none;overflow-y:scroll;height:calc(100vh - 345px);cursor:pointer}.antera-swimlane-container .antera-swimlane .swimlane-card{background-color:#fff;margin:0 0 5px;border-radius:0;border:1px solid #ddd;box-shadow:6px 1px 0 #b5b5b5;padding:0}.antera-swimlane-container .antera-swimlane .swimlane-card ::ng-deep .mat-card-header{border-bottom:1px solid #ddd}.antera-swimlane-container .antera-swimlane .swimlane-card ::ng-deep .mat-card-header .mat-card-header-text{padding:0;margin:0;width:100%}.antera-swimlane-container .antera-swimlane .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}.antera-swimlane-container .antera-swimlane .swimlane-card ::ng-deep .mat-card-content{font-size:14px;font-weight:400;padding:10px}.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)}.progress-bar-container{width:100%;background-color:#e4e4e4;border-radius:2px}.progress-bar-div-gr{width:60%;height:15px;background-color:green;border-radius:2px}.progress-bar-div-red{width:60%;height:15px;background-color:red;border-radius:2px}.progress-left{float:left;width:40px;padding-left:5px}.progress-right{float:right;width:calc(100% - 40px);padding-right:2px}"]}]}],"members":{"swimLaneList":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":14,"character":3}}]}],"equipments":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":15,"character":3}}]}],"onUpdateJob":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":16,"character":3}}]}],"defaultImg":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":17,"character":3}}]}],"editCard":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":18,"character":3}}]}],"dateFormatString":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":28,"character":3}}]}],"timeFormatString":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":29,"character":3}}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/material/dialog","name":"MatDialog","line":30,"character":30}]}],"ngOnInit":[{"__symbolic":"method"}],"drop":[{"__symbolic":"method"}],"edit":[{"__symbolic":"method"}]}}}}]