@barcoding/widget-piecework-in 3.11.0 → 4.0.0

package/fesm2020/barcoding-widget-piecework-in.mjs

@@ -1,589 +0,0 @@
-import { __decorate } from 'tslib';
-import * as i0 from '@angular/core';
-import { Component, Inject, Pipe, NgModule } from '@angular/core';
-import * as i8$1 from '@angular/material/table';
-import { MatTableDataSource, MatTableModule } from '@angular/material/table';
-import * as i4 from '@ngxs/store';
-import { Select, NgxsModule } from '@ngxs/store';
-import * as i2 from '@barcoding/gridster-core';
-import { ConfigInterfaceDashboard, DynamicComponentLoaderModule } from '@barcoding/gridster-core';
-import { Subject } from 'rxjs';
-import { ResetStorePieceWork, PieceWorkFrontState } from '@barcoding/module-piecework';
-import { AuthState } from '@barcoding/auth-core';
-import * as i3 from '@angular/material/dialog';
-import { MAT_DIALOG_DATA, MatDialogModule } from '@angular/material/dialog';
-import * as i1 from '@barcoding/frontend-core';
-import { ModeState, isMode, ChangeStatePieceWork, PieceWorkCollect, PieceWorkState } from '@barcoding/frontend-core';
-import * as i1$1 from '@barcoding/sdk';
-import * as i5 from '@angular/flex-layout/flex';
-import * as i6 from '@angular/material/button';
-import { MatButtonModule } from '@angular/material/button';
-import * as i7 from '@angular/material/checkbox';
-import { MatCheckboxModule } from '@angular/material/checkbox';
-import * as i8 from '@angular/forms';
-import { FormsModule } from '@angular/forms';
-import * as i14 from '@progress/kendo-angular-inputs';
-import { InputsModule, SwitchModule } from '@progress/kendo-angular-inputs';
-import { ModuleState } from '@barcoding/core';
-import * as i4$1 from '@angular/common';
-import { CommonModule } from '@angular/common';
-import * as i6$1 from '@angular/flex-layout/extended';
-import * as i7$1 from '@angular/cdk/table';
-import { CdkTableModule } from '@angular/cdk/table';
-import * as i11 from '@angular/material/paginator';
-import { MatPaginatorModule } from '@angular/material/paginator';
-import * as i12 from '@angular/material/icon';
-import { MatIconModule } from '@angular/material/icon';
-import * as i15 from '@angular/material/tooltip';
-import { MatTooltipModule } from '@angular/material/tooltip';
-import * as i16 from '@progress/kendo-angular-dropdowns';
-import { DropDownsModule } from '@progress/kendo-angular-dropdowns';
-import { FlexLayoutModule } from '@angular/flex-layout';
-
-class PieceWorkInForm {
-    constructor(focusService, pieceWorkLineApi, dialogRef, store, data) {
-        this.focusService = focusService;
-        this.pieceWorkLineApi = pieceWorkLineApi;
-        this.dialogRef = dialogRef;
-        this.store = store;
-        this.data = data;
-        this.finish = false;
-        this.qty_in = 0;
-        this.line = Object.assign({}, data.line);
-        this.qty_in = this.line.out - this.line.in;
-    }
-    ngOnInit() {
-        this.focusService.unFocus();
-    }
-    ngOnDestroy() {
-        this.focusService.setFocus();
-    }
-    cancel() {
-        this.dialogRef.close();
-    }
-    save(qty_in, finish) {
-        this.pieceWorkLineApi
-            .find({
-            filter: JSON.stringify({
-                where: { piecework_id: this.line.piecework_id },
-            }),
-        })
-            .subscribe(lines => {
-            let isFinished = false;
-            const totalLines = lines.length;
-            let totalFinishedLines = 0;
-            lines.forEach(line => {
-                if (line.piecework_line_status_id === 2) {
-                    totalFinishedLines++;
-                }
-            });
-            if (qty_in === this.line.out) {
-                totalFinishedLines++;
-            }
-            if (totalFinishedLines === totalLines) {
-                isFinished = true;
-            }
-            this.dialogRef.close({
-                qty_in,
-                finish,
-                isFinished,
-            });
-        });
-    }
-}
-PieceWorkInForm.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.0.1", ngImport: i0, type: PieceWorkInForm, deps: [{ token: i1.FocusService }, { token: i1$1.PieceWorkLineControllerService }, { token: i3.MatDialogRef }, { token: i4.Store }, { token: MAT_DIALOG_DATA }], target: i0.ɵɵFactoryTarget.Component });
-PieceWorkInForm.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.0.1", type: PieceWorkInForm, selector: "piece-work-in-form", ngImport: i0, template: "<div fxLayout=\"column\" style=\"width: 100%\" fxLayoutAlign=\" none\">\n  <h4>Piece Work</h4>\n  <div fxLayout=\"row\" fxLayoutAlign=\"start center\">\n    <div fxLayout=\"column\" fxLayoutAlign=\"space-between none\">\n      <span class=\"h_t\">Assembly Name</span>\n      <span class=\"v_t\">{{ line.part?.part_number }}</span>\n    </div>\n\n    <div class=\"spacer\"></div>\n\n    <div fxLayout=\"column\" fxLayoutAlign=\"space-between none\">\n      <span class=\"h_t\">Mode</span>\n      <span class=\"v_t\">{{ line.mode?.controller }}</span>\n    </div>\n\n    <div class=\"spacer\"></div>\n\n    <div fxLayout=\"column\" fxLayoutAlign=\"space-between none\">\n      <span class=\"h_t\">Allocated Time</span>\n      <span class=\"v_t\">--</span>\n    </div>\n  </div>\n  <form class=\"k-form\" autocomplete=\"off\" #pieceWork=\"ngForm\">\n    <div fxLayout=\"row\" fxLayoutAlign=\"start start\" fxLayoutGap=\"20px\">\n      <kendo-floatinglabel fxFlex=\"80%\" text=\"Qty\">\n        <kendo-numerictextbox\n          [format]=\"'n0'\"\n          style=\"width: 100%\"\n          [min]=\"1\"\n          required\n          [(ngModel)]=\"qty_in\"\n          [name]=\"'in'\"\n          [max]=\"line.out\"\n          type=\"number\"></kendo-numerictextbox>\n      </kendo-floatinglabel>\n      <mat-checkbox fxFlexAlign=\"center\" name=\"finish\" [(ngModel)]=\"finish\">\n        Finish\n      </mat-checkbox>\n    </div>\n  </form>\n</div>\n<div\n  style=\"margin-top: 25px\"\n  fxLayoutGap=\"10px\"\n  fxLayout=\"row\"\n  fxLayoutAlign=\"end none\">\n  <button (click)=\"cancel()\" mat-raised-button class=\"t_btn cancel\">\n    Cancel\n  </button>\n  <button\n    (click)=\"save(qty_in, finish)\"\n    [disabled]=\"!pieceWork.valid\"\n    mat-raised-button\n    class=\"t_btn success\">\n    Save\n  </button>\n</div>\n", styles: ["kendo-textbox-container{width:100%}.h_t{font: 10px/40px IBM Plex Sans;letter-spacing:0px;color:#666;opacity:1}.v_t{font: 18px/40px IBM Plex Sans;letter-spacing:0px;color:#666;opacity:1}.spacer{display:flex;flex-grow:1}\n"], dependencies: [{ kind: "directive", type: i5.DefaultLayoutDirective, selector: "  [fxLayout], [fxLayout.xs], [fxLayout.sm], [fxLayout.md],  [fxLayout.lg], [fxLayout.xl], [fxLayout.lt-sm], [fxLayout.lt-md],  [fxLayout.lt-lg], [fxLayout.lt-xl], [fxLayout.gt-xs], [fxLayout.gt-sm],  [fxLayout.gt-md], [fxLayout.gt-lg]", inputs: ["fxLayout", "fxLayout.xs", "fxLayout.sm", "fxLayout.md", "fxLayout.lg", "fxLayout.xl", "fxLayout.lt-sm", "fxLayout.lt-md", "fxLayout.lt-lg", "fxLayout.lt-xl", "fxLayout.gt-xs", "fxLayout.gt-sm", "fxLayout.gt-md", "fxLayout.gt-lg"] }, { kind: "directive", type: i5.DefaultLayoutGapDirective, selector: "  [fxLayoutGap], [fxLayoutGap.xs], [fxLayoutGap.sm], [fxLayoutGap.md],  [fxLayoutGap.lg], [fxLayoutGap.xl], [fxLayoutGap.lt-sm], [fxLayoutGap.lt-md],  [fxLayoutGap.lt-lg], [fxLayoutGap.lt-xl], [fxLayoutGap.gt-xs], [fxLayoutGap.gt-sm],  [fxLayoutGap.gt-md], [fxLayoutGap.gt-lg]", inputs: ["fxLayoutGap", "fxLayoutGap.xs", "fxLayoutGap.sm", "fxLayoutGap.md", "fxLayoutGap.lg", "fxLayoutGap.xl", "fxLayoutGap.lt-sm", "fxLayoutGap.lt-md", "fxLayoutGap.lt-lg", "fxLayoutGap.lt-xl", "fxLayoutGap.gt-xs", "fxLayoutGap.gt-sm", "fxLayoutGap.gt-md", "fxLayoutGap.gt-lg"] }, { kind: "directive", type: i5.DefaultLayoutAlignDirective, selector: "  [fxLayoutAlign], [fxLayoutAlign.xs], [fxLayoutAlign.sm], [fxLayoutAlign.md],  [fxLayoutAlign.lg], [fxLayoutAlign.xl], [fxLayoutAlign.lt-sm], [fxLayoutAlign.lt-md],  [fxLayoutAlign.lt-lg], [fxLayoutAlign.lt-xl], [fxLayoutAlign.gt-xs], [fxLayoutAlign.gt-sm],  [fxLayoutAlign.gt-md], [fxLayoutAlign.gt-lg]", inputs: ["fxLayoutAlign", "fxLayoutAlign.xs", "fxLayoutAlign.sm", "fxLayoutAlign.md", "fxLayoutAlign.lg", "fxLayoutAlign.xl", "fxLayoutAlign.lt-sm", "fxLayoutAlign.lt-md", "fxLayoutAlign.lt-lg", "fxLayoutAlign.lt-xl", "fxLayoutAlign.gt-xs", "fxLayoutAlign.gt-sm", "fxLayoutAlign.gt-md", "fxLayoutAlign.gt-lg"] }, { kind: "directive", type: i5.DefaultFlexAlignDirective, selector: "  [fxFlexAlign], [fxFlexAlign.xs], [fxFlexAlign.sm], [fxFlexAlign.md],  [fxFlexAlign.lg], [fxFlexAlign.xl], [fxFlexAlign.lt-sm], [fxFlexAlign.lt-md],  [fxFlexAlign.lt-lg], [fxFlexAlign.lt-xl], [fxFlexAlign.gt-xs], [fxFlexAlign.gt-sm],  [fxFlexAlign.gt-md], [fxFlexAlign.gt-lg]", inputs: ["fxFlexAlign", "fxFlexAlign.xs", "fxFlexAlign.sm", "fxFlexAlign.md", "fxFlexAlign.lg", "fxFlexAlign.xl", "fxFlexAlign.lt-sm", "fxFlexAlign.lt-md", "fxFlexAlign.lt-lg", "fxFlexAlign.lt-xl", "fxFlexAlign.gt-xs", "fxFlexAlign.gt-sm", "fxFlexAlign.gt-md", "fxFlexAlign.gt-lg"] }, { kind: "directive", type: i5.DefaultFlexDirective, selector: "  [fxFlex], [fxFlex.xs], [fxFlex.sm], [fxFlex.md],  [fxFlex.lg], [fxFlex.xl], [fxFlex.lt-sm], [fxFlex.lt-md],  [fxFlex.lt-lg], [fxFlex.lt-xl], [fxFlex.gt-xs], [fxFlex.gt-sm],  [fxFlex.gt-md], [fxFlex.gt-lg]", inputs: ["fxFlex", "fxFlex.xs", "fxFlex.sm", "fxFlex.md", "fxFlex.lg", "fxFlex.xl", "fxFlex.lt-sm", "fxFlex.lt-md", "fxFlex.lt-lg", "fxFlex.lt-xl", "fxFlex.gt-xs", "fxFlex.gt-sm", "fxFlex.gt-md", "fxFlex.gt-lg"] }, { kind: "component", type: i6.MatButton, selector: "    button[mat-button], button[mat-raised-button], button[mat-flat-button],    button[mat-stroked-button]  ", inputs: ["disabled", "disableRipple", "color"], exportAs: ["matButton"] }, { kind: "component", type: i7.MatCheckbox, selector: "mat-checkbox", inputs: ["disableRipple", "color", "tabIndex"], exportAs: ["matCheckbox"] }, { kind: "directive", type: i8.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i8.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i8.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i8.RequiredValidator, selector: ":not([type=checkbox])[required][formControlName],:not([type=checkbox])[required][formControl],:not([type=checkbox])[required][ngModel]", inputs: ["required"] }, { kind: "directive", type: i8.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "directive", type: i8.NgForm, selector: "form:not([ngNoForm]):not([formGroup]),ng-form,[ngForm]", inputs: ["ngFormOptions"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "component", type: i14.NumericTextBoxComponent, selector: "kendo-numerictextbox", inputs: ["focusableId", "disabled", "readonly", "title", "autoCorrect", "format", "max", "min", "decimals", "placeholder", "step", "spinners", "rangeValidation", "tabindex", "tabIndex", "changeValueOnScroll", "selectOnFocus", "value", "maxlength", "size", "rounded", "fillMode"], outputs: ["valueChange", "focus", "blur"], exportAs: ["kendoNumericTextBox"] }] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.1", ngImport: i0, type: PieceWorkInForm, decorators: [{
-            type: Component,
-            args: [{ selector: 'piece-work-in-form', template: "<div fxLayout=\"column\" style=\"width: 100%\" fxLayoutAlign=\" none\">\n  <h4>Piece Work</h4>\n  <div fxLayout=\"row\" fxLayoutAlign=\"start center\">\n    <div fxLayout=\"column\" fxLayoutAlign=\"space-between none\">\n      <span class=\"h_t\">Assembly Name</span>\n      <span class=\"v_t\">{{ line.part?.part_number }}</span>\n    </div>\n\n    <div class=\"spacer\"></div>\n\n    <div fxLayout=\"column\" fxLayoutAlign=\"space-between none\">\n      <span class=\"h_t\">Mode</span>\n      <span class=\"v_t\">{{ line.mode?.controller }}</span>\n    </div>\n\n    <div class=\"spacer\"></div>\n\n    <div fxLayout=\"column\" fxLayoutAlign=\"space-between none\">\n      <span class=\"h_t\">Allocated Time</span>\n      <span class=\"v_t\">--</span>\n    </div>\n  </div>\n  <form class=\"k-form\" autocomplete=\"off\" #pieceWork=\"ngForm\">\n    <div fxLayout=\"row\" fxLayoutAlign=\"start start\" fxLayoutGap=\"20px\">\n      <kendo-floatinglabel fxFlex=\"80%\" text=\"Qty\">\n        <kendo-numerictextbox\n          [format]=\"'n0'\"\n          style=\"width: 100%\"\n          [min]=\"1\"\n          required\n          [(ngModel)]=\"qty_in\"\n          [name]=\"'in'\"\n          [max]=\"line.out\"\n          type=\"number\"></kendo-numerictextbox>\n      </kendo-floatinglabel>\n      <mat-checkbox fxFlexAlign=\"center\" name=\"finish\" [(ngModel)]=\"finish\">\n        Finish\n      </mat-checkbox>\n    </div>\n  </form>\n</div>\n<div\n  style=\"margin-top: 25px\"\n  fxLayoutGap=\"10px\"\n  fxLayout=\"row\"\n  fxLayoutAlign=\"end none\">\n  <button (click)=\"cancel()\" mat-raised-button class=\"t_btn cancel\">\n    Cancel\n  </button>\n  <button\n    (click)=\"save(qty_in, finish)\"\n    [disabled]=\"!pieceWork.valid\"\n    mat-raised-button\n    class=\"t_btn success\">\n    Save\n  </button>\n</div>\n", styles: ["kendo-textbox-container{width:100%}.h_t{font: 10px/40px IBM Plex Sans;letter-spacing:0px;color:#666;opacity:1}.v_t{font: 18px/40px IBM Plex Sans;letter-spacing:0px;color:#666;opacity:1}.spacer{display:flex;flex-grow:1}\n"] }]
-        }], ctorParameters: function () { return [{ type: i1.FocusService }, { type: i1$1.PieceWorkLineControllerService }, { type: i3.MatDialogRef }, { type: i4.Store }, { type: undefined, decorators: [{
-                    type: Inject,
-                    args: [MAT_DIALOG_DATA]
-                }] }]; } });
-
-class PieceworkInConfigModal {
-    constructor(dialogRef, data) {
-        this.dialogRef = dialogRef;
-        this.data = data;
-        this.config = {};
-        this.config = Object.assign({}, data.currentConfig);
-    }
-    ngOnInit() { }
-    save(config) {
-        this.dialogRef.close(config);
-    }
-    onNoClick() {
-        this.dialogRef.close();
-    }
-}
-PieceworkInConfigModal.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.0.1", ngImport: i0, type: PieceworkInConfigModal, deps: [{ token: i3.MatDialogRef }, { token: MAT_DIALOG_DATA }], target: i0.ɵɵFactoryTarget.Component });
-PieceworkInConfigModal.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.0.1", type: PieceworkInConfigModal, selector: "assignmentFormDialog", ngImport: i0, template: "<form class=\"k-form\" autocomplete=\"off\" #configForm=\"ngForm\">\n  <div fxLayout=\"column\" fxLayoutAlign=\"space-between none\">\n    <div fxLayout=\"column\" fxLayoutAlign=\" stretch\">\n      <fieldset>\n        <legend>Main</legend>\n        <label fxFlex class=\"k-form-field\">\n          <span>Current User</span>\n          <kendo-switch\n            name=\"current_user\"\n            [(ngModel)]=\"config.current_user\"\n            [onLabel]=\"'Yes'\"\n            [offLabel]=\"'No'\"></kendo-switch>\n        </label>\n        <label fxFlex class=\"k-form-field\">\n          <span>Simple Version</span>\n          <kendo-switch\n            name=\"simple_version\"\n            [(ngModel)]=\"config.simple_version\"\n            [onLabel]=\"'Yes'\"\n            [offLabel]=\"'No'\"></kendo-switch>\n        </label>\n      </fieldset>\n    </div>\n\n    <div\n      fxLayoutGap=\"20px\"\n      style=\"margin-top: 10px\"\n      fxLayout=\"row\"\n      fxLayoutAlign=\"space-around end\">\n      <button\n        fxFlex\n        (click)=\"onNoClick()\"\n        mat-raised-button\n        class=\"t_btn cancel\">\n        Cancel\n      </button>\n      <button\n        fxFlex\n        [disabled]=\"!configForm.form.valid\"\n        (click)=\"save(config)\"\n        class=\"t_btn success\"\n        mat-raised-button>\n        Save\n      </button>\n    </div>\n  </div>\n</form>\n", styles: [".mat-mdc-tab-body-wrapper{flex-grow:1}.mat-mdc-tab-body{display:flex!important;flex-direction:column}.mat-mdc-tab-body-content{display:flex;flex-direction:column;flex-grow:1}mat-form-field{margin-top:20px}\n"], dependencies: [{ kind: "directive", type: i5.DefaultLayoutDirective, selector: "  [fxLayout], [fxLayout.xs], [fxLayout.sm], [fxLayout.md],  [fxLayout.lg], [fxLayout.xl], [fxLayout.lt-sm], [fxLayout.lt-md],  [fxLayout.lt-lg], [fxLayout.lt-xl], [fxLayout.gt-xs], [fxLayout.gt-sm],  [fxLayout.gt-md], [fxLayout.gt-lg]", inputs: ["fxLayout", "fxLayout.xs", "fxLayout.sm", "fxLayout.md", "fxLayout.lg", "fxLayout.xl", "fxLayout.lt-sm", "fxLayout.lt-md", "fxLayout.lt-lg", "fxLayout.lt-xl", "fxLayout.gt-xs", "fxLayout.gt-sm", "fxLayout.gt-md", "fxLayout.gt-lg"] }, { kind: "directive", type: i5.DefaultLayoutGapDirective, selector: "  [fxLayoutGap], [fxLayoutGap.xs], [fxLayoutGap.sm], [fxLayoutGap.md],  [fxLayoutGap.lg], [fxLayoutGap.xl], [fxLayoutGap.lt-sm], [fxLayoutGap.lt-md],  [fxLayoutGap.lt-lg], [fxLayoutGap.lt-xl], [fxLayoutGap.gt-xs], [fxLayoutGap.gt-sm],  [fxLayoutGap.gt-md], [fxLayoutGap.gt-lg]", inputs: ["fxLayoutGap", "fxLayoutGap.xs", "fxLayoutGap.sm", "fxLayoutGap.md", "fxLayoutGap.lg", "fxLayoutGap.xl", "fxLayoutGap.lt-sm", "fxLayoutGap.lt-md", "fxLayoutGap.lt-lg", "fxLayoutGap.lt-xl", "fxLayoutGap.gt-xs", "fxLayoutGap.gt-sm", "fxLayoutGap.gt-md", "fxLayoutGap.gt-lg"] }, { kind: "directive", type: i5.DefaultLayoutAlignDirective, selector: "  [fxLayoutAlign], [fxLayoutAlign.xs], [fxLayoutAlign.sm], [fxLayoutAlign.md],  [fxLayoutAlign.lg], [fxLayoutAlign.xl], [fxLayoutAlign.lt-sm], [fxLayoutAlign.lt-md],  [fxLayoutAlign.lt-lg], [fxLayoutAlign.lt-xl], [fxLayoutAlign.gt-xs], [fxLayoutAlign.gt-sm],  [fxLayoutAlign.gt-md], [fxLayoutAlign.gt-lg]", inputs: ["fxLayoutAlign", "fxLayoutAlign.xs", "fxLayoutAlign.sm", "fxLayoutAlign.md", "fxLayoutAlign.lg", "fxLayoutAlign.xl", "fxLayoutAlign.lt-sm", "fxLayoutAlign.lt-md", "fxLayoutAlign.lt-lg", "fxLayoutAlign.lt-xl", "fxLayoutAlign.gt-xs", "fxLayoutAlign.gt-sm", "fxLayoutAlign.gt-md", "fxLayoutAlign.gt-lg"] }, { kind: "directive", type: i5.DefaultFlexDirective, selector: "  [fxFlex], [fxFlex.xs], [fxFlex.sm], [fxFlex.md],  [fxFlex.lg], [fxFlex.xl], [fxFlex.lt-sm], [fxFlex.lt-md],  [fxFlex.lt-lg], [fxFlex.lt-xl], [fxFlex.gt-xs], [fxFlex.gt-sm],  [fxFlex.gt-md], [fxFlex.gt-lg]", inputs: ["fxFlex", "fxFlex.xs", "fxFlex.sm", "fxFlex.md", "fxFlex.lg", "fxFlex.xl", "fxFlex.lt-sm", "fxFlex.lt-md", "fxFlex.lt-lg", "fxFlex.lt-xl", "fxFlex.gt-xs", "fxFlex.gt-sm", "fxFlex.gt-md", "fxFlex.gt-lg"] }, { kind: "component", type: i6.MatButton, selector: "    button[mat-button], button[mat-raised-button], button[mat-flat-button],    button[mat-stroked-button]  ", inputs: ["disabled", "disableRipple", "color"], exportAs: ["matButton"] }, { kind: "directive", type: i8.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i8.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i8.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i8.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "directive", type: i8.NgForm, selector: "form:not([ngNoForm]):not([formGroup]),ng-form,[ngForm]", inputs: ["ngFormOptions"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "component", type: i14.SwitchComponent, selector: "kendo-switch", inputs: ["focusableId", "onLabel", "offLabel", "checked", "disabled", "readonly", "tabindex", "size", "thumbRounded", "trackRounded", "tabIndex"], outputs: ["focus", "blur", "valueChange"], exportAs: ["kendoSwitch"] }] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.1", ngImport: i0, type: PieceworkInConfigModal, decorators: [{
-            type: Component,
-            args: [{ selector: 'assignmentFormDialog', template: "<form class=\"k-form\" autocomplete=\"off\" #configForm=\"ngForm\">\n  <div fxLayout=\"column\" fxLayoutAlign=\"space-between none\">\n    <div fxLayout=\"column\" fxLayoutAlign=\" stretch\">\n      <fieldset>\n        <legend>Main</legend>\n        <label fxFlex class=\"k-form-field\">\n          <span>Current User</span>\n          <kendo-switch\n            name=\"current_user\"\n            [(ngModel)]=\"config.current_user\"\n            [onLabel]=\"'Yes'\"\n            [offLabel]=\"'No'\"></kendo-switch>\n        </label>\n        <label fxFlex class=\"k-form-field\">\n          <span>Simple Version</span>\n          <kendo-switch\n            name=\"simple_version\"\n            [(ngModel)]=\"config.simple_version\"\n            [onLabel]=\"'Yes'\"\n            [offLabel]=\"'No'\"></kendo-switch>\n        </label>\n      </fieldset>\n    </div>\n\n    <div\n      fxLayoutGap=\"20px\"\n      style=\"margin-top: 10px\"\n      fxLayout=\"row\"\n      fxLayoutAlign=\"space-around end\">\n      <button\n        fxFlex\n        (click)=\"onNoClick()\"\n        mat-raised-button\n        class=\"t_btn cancel\">\n        Cancel\n      </button>\n      <button\n        fxFlex\n        [disabled]=\"!configForm.form.valid\"\n        (click)=\"save(config)\"\n        class=\"t_btn success\"\n        mat-raised-button>\n        Save\n      </button>\n    </div>\n  </div>\n</form>\n", styles: [".mat-mdc-tab-body-wrapper{flex-grow:1}.mat-mdc-tab-body{display:flex!important;flex-direction:column}.mat-mdc-tab-body-content{display:flex;flex-direction:column;flex-grow:1}mat-form-field{margin-top:20px}\n"] }]
-        }], ctorParameters: function () { return [{ type: i3.MatDialogRef }, { type: undefined, decorators: [{
-                    type: Inject,
-                    args: [MAT_DIALOG_DATA]
-                }] }]; } });
-
-class WidgetPieceworkInComponent extends ConfigInterfaceDashboard {
-    constructor(modeApi, userApi, store, cdr, dialog, statusesApi, pieceWorkLineApi) {
-        super(dialog, PieceworkInConfigModal, store, '60%');
-        this.modeApi = modeApi;
-        this.userApi = userApi;
-        this.store = store;
-        this.cdr = cdr;
-        this.dialog = dialog;
-        this.statusesApi = statusesApi;
-        this.pieceWorkLineApi = pieceWorkLineApi;
-        this.configChanged$ = new Subject();
-        this.isAdmin = false;
-        this.filters = {
-            logic: 'and',
-            filters: [
-                {
-                    field: 'piecework_line_status_id',
-                    value: 1,
-                },
-            ],
-        };
-        this.displayedColumnsOrg = [
-            'pw_line',
-            'employee',
-            'document',
-            'assembly',
-            'mode',
-            'unit_price',
-            'percentage',
-            'qty',
-            'in',
-            'finish',
-            'total',
-            'status',
-        ];
-        this.displayedColumns = [
-            'pw_line',
-            'employee',
-            'document',
-            'assembly',
-            'mode',
-            'unit_price',
-            'percentage',
-            'qty',
-            'in',
-            'finish',
-            'total',
-            'status',
-        ]; // column display value
-        this.displayedColumnsSimple = [
-            'employee',
-            'document',
-            'assembly',
-            'finish',
-            'total',
-        ]; // column display value
-        this.employee = null;
-        this.status = 1;
-        this.barcodes = [];
-        this.users = [];
-        this.statuses = [];
-        this.modes = [];
-        this.defaultItemMode = { id: null, controller: 'Show all...' };
-        this.defaultItemStatus = { id: null, name: 'Show all...' };
-    }
-    getValue(field, isMultiLine = false) {
-        if (!this.filters) {
-            return null;
-        }
-        if (!this.filters.filters) {
-            return null;
-        }
-        const data = this.filters.filters.find((value) => value.field === field);
-        if (isMultiLine) {
-            if (data && data.value && data.value.length) {
-                return data.value.join('\n');
-            }
-        }
-        return data ? data.value : '';
-    }
-    ngOnInit() {
-        this.modeApi
-            .find({ filter: JSON.stringify({ where: { is_piecework: true } }) })
-            .subscribe(_ => {
-            this.modes = _;
-        });
-        this.statusesApi.find().subscribe(_ => {
-            this.statuses = _;
-        });
-        const currentUser = this.store.selectSnapshot(AuthState.user);
-        // example of default filter on start
-        // this.filters.filters.push({
-        //   operator: 'eq',
-        //   field: 'piecework_id',
-        //   value: 200,
-        // });
-        // this.store.dispatch(
-        //   new ChangeStatePieceWork({
-        //     skip: 0,
-        //     sort: [{ field: 'id', dir: 'desc' }],
-        //     take: 10,
-        //     filter: this.filters,
-        //   })
-        // );
-        this.stateSubscription = this.state$.subscribe(_ => {
-            if (_.filter) {
-                this.filters = _.filter;
-            }
-        });
-        const mode = this.store.selectSnapshot(ModeState.mode);
-        const currentModule = this.store.selectSnapshot(ModuleState.module);
-        if (currentModule) {
-            const isAdmin = currentUser.groups.find(value => value.module_group_id === currentModule.admin_group_id);
-            if (isAdmin) {
-                this.isAdmin = true;
-            }
-        }
-        if (mode && isMode(mode)) {
-            const isAdminMode = currentUser.groups.find(value => value.module_group_id === mode.admin_group_id);
-            const isModeratorMode = currentUser.groups.find(value => value.module_group_id === mode.moderator_group_id);
-            console.log(isAdminMode, isModeratorMode);
-            if (isModeratorMode || isAdminMode) {
-                this.isAdmin = true;
-            }
-        }
-        const currentUserConfig = this.item.config && this.item.config.current_user ? true : false;
-        if (currentUserConfig) {
-            this.isAdmin = false;
-        }
-        console.log(`isAdmin: ${this.isAdmin}`);
-        if (!this.isAdmin) {
-            const currentUser = this.store.selectSnapshot(AuthState.user);
-            this.users.push(currentUser);
-            let filters = {};
-            if (this.item.config.simple_version) {
-                this.displayedColumns = this.displayedColumnsSimple.slice();
-                filters = {
-                    logic: 'and',
-                    filters: [
-                        {
-                            field: 'user_id',
-                            value: currentUser.id,
-                        },
-                        {
-                            field: 'piecework_line_status_id',
-                            value: 2,
-                        },
-                    ],
-                };
-            }
-            else {
-                filters = {
-                    logic: 'and',
-                    filters: [
-                        {
-                            field: 'piecework_line_status_id',
-                            value: 1,
-                        },
-                        {
-                            field: 'user_id',
-                            value: currentUser.id,
-                        },
-                    ],
-                };
-            }
-            this.store.dispatch(new ChangeStatePieceWork({
-                skip: 0,
-                sort: [{ field: 'id', dir: 'desc' }],
-                take: 20,
-                filter: filters,
-            }));
-        }
-        if (this.isAdmin) {
-            this.displayedColumns = [
-                'pw_line',
-                'employee',
-                'document',
-                'mode',
-                'percentage',
-                'qty',
-                'finish',
-                'total',
-                'status',
-                'actions',
-            ]; // column display value
-        }
-        /**
-         * example set filter outside
-         */
-        // setTimeout(() => {
-        //   const filters: CompositeFilterDescriptor = {
-        //     logic: 'and',
-        //     filters: [
-        //       {
-        //         operator: 'eq',
-        //         field: 'piecework_id',
-        //         value: 202,
-        //       },
-        //     ],
-        //   };
-        //   this.store.dispatch(
-        //     new ChangeStatePieceWork({
-        //       skip: 0,
-        //       sort: [{ field: 'id', dir: 'desc' }],
-        //       take: 10,
-        //       filter: filters,
-        //     })
-        //   );
-        // }, 8000);
-        this.pieceworkSubscription = this.pieceworks$.subscribe(_ => {
-            const data = _.map(value => {
-                return {
-                    ...value,
-                    formIn: value.out - value.in,
-                };
-            });
-            this.dataSource = new MatTableDataSource(data);
-        });
-    }
-    getMax(row) {
-        return row.out - row.in;
-    }
-    registerIn(row, qty_in, finish) {
-        console.log(row, qty_in);
-        this.pieceWorkLineApi
-            .find({
-            filter: JSON.stringify({
-                where: { piecework_id: row.piecework_id },
-            }),
-        })
-            .subscribe(lines => {
-            let isFinished = false;
-            const totalLines = lines.length;
-            let totalFinishedLines = 0;
-            lines.forEach(line => {
-                if (line.piecework_line_status_id === 2) {
-                    totalFinishedLines++;
-                }
-            });
-            if (qty_in === row.out) {
-                totalFinishedLines++;
-            }
-            if (totalFinishedLines === totalLines) {
-                isFinished = true;
-            }
-            const user_id = this.store.selectSnapshot(AuthState.user).id;
-            const finishObject = finish ? qty_in : 0;
-            this.store.dispatch(new PieceWorkCollect(row.piecework_id, qty_in, row.id, user_id, finishObject, isFinished));
-        });
-    }
-    buildBarcodeList(value) {
-        this.barcodes = value
-            .split('\n')
-            .filter(value => value != null && value.length > 0)
-            .map(value => value.trim());
-        console.log(this.barcodes);
-    }
-    valueChange(field, event) {
-        console.log(`valueChange: ${field}, ${event}`);
-        if (!this.filters.filters) {
-            this.filters.filters = [];
-        }
-        const filterExists = this.filters.filters.findIndex((value) => value.field === field);
-        if (filterExists >= 0) {
-            this.filters.filters[filterExists].value = event;
-        }
-        else {
-            this.filters.filters.push({
-                operator: 'eq',
-                field,
-                value: event,
-            });
-        }
-        this.store.dispatch(new ChangeStatePieceWork({
-            skip: 0,
-            sort: [{ field: 'id', dir: 'desc' }],
-            take: 10,
-            filter: this.filters,
-        }));
-    }
-    filterChange(event) {
-        if (event) {
-            this.userApi
-                .find({
-                filter: JSON.stringify({
-                    limit: 5,
-                    where: { full_name: { like: `%${event}%` } },
-                }),
-            })
-                .subscribe(_ => {
-                this.users = _;
-            });
-        }
-    }
-    ngOnDestroy() {
-        if (this.pieceworkSubscription) {
-            this.pieceworkSubscription.unsubscribe();
-        }
-        if (this.myConfigSubscription) {
-            this.myConfigSubscription.unsubscribe();
-        }
-        if (this.objectSubscription) {
-            this.objectSubscription.unsubscribe();
-        }
-        if (this.stateSubscription) {
-            this.stateSubscription.unsubscribe();
-        }
-        this.store.dispatch(new ResetStorePieceWork());
-        super.destroy();
-    }
-    openInForm(row) {
-        const dialogRef = this.dialog.open(PieceWorkInForm, {
-            width: '40%',
-            data: { line: row },
-        });
-        dialogRef.afterClosed().subscribe(data => {
-            if (data) {
-                const user_id = this.store.selectSnapshot(AuthState.user).id;
-                const finish = data.finish ? data.qty_in : 0;
-                this.store.dispatch(new PieceWorkCollect(row.piecework_id, data.qty_in, row.id, user_id, finish, data.isFinished));
-            }
-        });
-    }
-    changePage(event) {
-        const take = event.pageSize;
-        const skip = event.pageIndex > 0 ? event.pageIndex * event.pageSize : 0;
-        this.store.dispatch(new ChangeStatePieceWork({
-            skip,
-            sort: [{ field: 'id', dir: 'desc' }],
-            take,
-            filter: this.filters,
-        }));
-    }
-    formatCurrency(value, currency) {
-        const region = currency.region;
-        const symbol = currency.symbol;
-        return value
-            ? value.toLocaleString(region, { style: 'currency', currency: symbol })
-            : 0;
-    }
-}
-WidgetPieceworkInComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.0.1", ngImport: i0, type: WidgetPieceworkInComponent, deps: [{ token: i1$1.ModeControllerService }, { token: i1$1.UserControllerService }, { token: i4.Store }, { token: i0.ChangeDetectorRef }, { token: i3.MatDialog }, { token: i1$1.PieceWorkLineStatusControllerControllerService }, { token: i1$1.PieceWorkLineControllerService }], target: i0.ɵɵFactoryTarget.Component });
-WidgetPieceworkInComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.0.1", type: WidgetPieceworkInComponent, selector: "widget-piece-work-in", usesInheritance: true, ngImport: i0, template: "<div fxLayout=\"column\" fxLayoutGap=\"20px\">\n  <label *ngIf=\"!item.config?.simple_version\" fxFlex class=\"k-form-field\">\n    <form class=\"k-form\" id=\"piecework_in_form\">\n      <div fxLayout=\"row\" fxLayoutGap=\"8px\" fxLayoutAlign=\"start center\">\n        <label fxFlex class=\"k-form-field\">\n          <span>Barcode</span>\n          <kendo-textarea\n            placeholder=\"Scan barcodes here\"\n            [resizable]=\"'vertical'\"\n            [rows]=\"3\"\n            [value]=\"getValue('barcodes', true)\"\n            (valueChange)=\"buildBarcodeList($event)\"\n            flow=\"vertical\">\n          </kendo-textarea>\n        </label>\n        <button\n          fxFlex=\"50px\"\n          (click)=\"valueChange('barcodes', barcodes)\"\n          matTooltip=\"Filter\"\n          [matTooltipPosition]=\"'above'\"\n          mat-icon-button\n          color=\"primary\"\n          aria-label=\"Example icon button with a heart icon\">\n          <mat-icon>refresh</mat-icon>\n        </button>\n      </div>\n      <div fxLayout=\"row\" fxLayoutGap=\"8px\" fxLayoutAlign=\"start center\">\n        <label fxFlex=\"25%\" class=\"k-form-field\">\n          <span>PW ID</span>\n          <input\n            style=\"width: 100%\"\n            kendoTextBox\n            [value]=\"getValue('piecework_id')\"\n            (input)=\"valueChange('piecework_id', $event.target.value)\"\n            name=\"piecework_id\"\n            type=\"text\" />\n        </label>\n\n        <!-- <label fxFlex=\"20%\" class=\"k-form-field\">\n          <span>Barcode</span>\n          <kendo-textarea\n            [style.marginBottom.px]=\"10\"\n            placeholder=\"Event name\"\n            resizable=\"auto\"\n            flow=\"horizontal\"\n          >\n          </kendo-textarea>\n\n          <!-- <input\n            style=\"width: 100%\"\n            kendoTextBox\n            [value]=\"getValue('barcode')\"\n            (input)=\"valueChange('barcode', $event.target.value)\"\n            name=\"barcode\"\n            type=\"text\"\n          /> -->\n\n        <label fxFlex=\"25%\" class=\"k-form-field\">\n          <span>Employee</span>\n          <kendo-combobox\n            style=\"width: 100%\"\n            name=\"user_id\"\n            [value]=\"getValue('user_id')\"\n            [filterable]=\"true\"\n            (filterChange)=\"filterChange($event)\"\n            (valueChange)=\"valueChange('user_id', $event)\"\n            [data]=\"users\"\n            [textField]=\"'full_name'\"\n            [disabled]=\"!isAdmin\"\n            [valueField]=\"'id'\"\n            [valuePrimitive]=\"true\">\n          </kendo-combobox>\n        </label>\n\n        <label fxFlex=\"25%\" class=\"k-form-field\">\n          <span>Mode</span>\n          <kendo-dropdownlist\n            [defaultItem]=\"defaultItemMode\"\n            [data]=\"modes\"\n            [value]=\"getValue('mode_id')\"\n            [valuePrimitive]=\"true\"\n            (valueChange)=\"valueChange('mode_id', $event)\"\n            [textField]=\"'controller'\"\n            [valueField]=\"'id'\"\n            name=\"true\">\n          </kendo-dropdownlist>\n        </label>\n\n        <label fxFlex=\"25%\" class=\"k-form-field\">\n          <span>Status</span>\n          <kendo-dropdownlist\n            [defaultItem]=\"defaultItemStatus\"\n            [data]=\"statuses\"\n            [value]=\"getValue('piecework_line_status_id')\"\n            [valuePrimitive]=\"true\"\n            (valueChange)=\"valueChange('piecework_line_status_id', $event)\"\n            [textField]=\"'name'\"\n            [valueField]=\"'id'\"\n            name=\"true\">\n          </kendo-dropdownlist>\n        </label>\n      </div>\n    </form>\n  </label>\n\n  <mat-table #table [dataSource]=\"dataSource\">\n    <ng-container cdkColumnDef=\"pw_line\">\n      <mat-header-cell *cdkHeaderCellDef>PW</mat-header-cell>\n      <mat-cell *cdkCellDef=\"let row\">\n        <span>{{ row.piecework?.id }}/{{ row.piecework_order_line }}</span>\n      </mat-cell>\n    </ng-container>\n    <ng-container cdkColumnDef=\"employee\">\n      <mat-header-cell *cdkHeaderCellDef>Employee</mat-header-cell>\n      <mat-cell *cdkCellDef=\"let row\">\n        <span>{{ row?.piecework?.prepared_for?.full_name }}</span>\n      </mat-cell>\n    </ng-container>\n    <ng-container cdkColumnDef=\"document\">\n      <mat-header-cell *cdkHeaderCellDef>Document</mat-header-cell>\n      <mat-cell *cdkCellDef=\"let row\">\n        <span>{{ row.document?.barcode }}</span>\n      </mat-cell>\n    </ng-container>\n    <ng-container cdkColumnDef=\"assembly\">\n      <mat-header-cell *cdkHeaderCellDef>Assembly</mat-header-cell>\n      <mat-cell *cdkCellDef=\"let row\">\n        <span>{{ row.part?.part_number }}</span>\n      </mat-cell>\n    </ng-container>\n    <!-- <ng-container cdkColumnDef=\"qty_max\">\n        <mat-header-cell *cdkHeaderCellDef>Qty</mat-header-cell>\n        <mat-cell *cdkCellDef=\"let row\">\n          <span>{{ getMaxQtyLeftForRow(row)}}</span>\n        </mat-cell>\n      </ng-container> -->\n    <ng-container cdkColumnDef=\"mode\">\n      <mat-header-cell *cdkHeaderCellDef>Mode</mat-header-cell>\n      <mat-cell *cdkCellDef=\"let row\">\n        <span>{{ row.mode?.controller }}</span>\n      </mat-cell>\n    </ng-container>\n    <ng-container cdkColumnDef=\"unit_price\">\n      <mat-header-cell *cdkHeaderCellDef>Unit Price</mat-header-cell>\n      <mat-cell *cdkCellDef=\"let row\">\n        {{ formatCurrency(row.unit_price, row.currency) }}\n      </mat-cell>\n    </ng-container>\n    <ng-container cdkColumnDef=\"percentage\">\n      <mat-header-cell *cdkHeaderCellDef>Job %</mat-header-cell>\n      <mat-cell *cdkCellDef=\"let row\">\n        {{ row.work_percentage | percent }}\n      </mat-cell>\n    </ng-container>\n\n    <ng-container cdkColumnDef=\"qty\">\n      <mat-header-cell *cdkHeaderCellDef>Out / In</mat-header-cell>\n      <mat-cell *cdkCellDef=\"let row\">\n        {{ row.out }} / {{ !row.in ? 0 : row.in }}\n      </mat-cell>\n    </ng-container>\n\n    <ng-container cdkColumnDef=\"in\">\n      <mat-header-cell *cdkHeaderCellDef>Qty In</mat-header-cell>\n      <mat-cell *cdkCellDef=\"let row\">\n        {{ !row.in ? 0 : row.in }}\n      </mat-cell>\n    </ng-container>\n\n    <ng-container cdkColumnDef=\"finish\">\n      <mat-header-cell *cdkHeaderCellDef>Qty Finish</mat-header-cell>\n      <mat-cell *cdkCellDef=\"let row\">\n        {{ row.finish }}\n      </mat-cell>\n    </ng-container>\n\n    <ng-container cdkColumnDef=\"status\">\n      <mat-header-cell *cdkHeaderCellDef>Status</mat-header-cell>\n      <mat-cell *cdkCellDef=\"let row\">\n        {{ row.line_status?.name }}\n      </mat-cell>\n    </ng-container>\n\n    <ng-container cdkColumnDef=\"total\">\n      <mat-header-cell *cdkHeaderCellDef>Total</mat-header-cell>\n      <mat-cell *cdkCellDef=\"let row\">\n        <span>{{ formatCurrency(row.value, row.currency) }}</span>\n      </mat-cell>\n    </ng-container>\n\n    <ng-container cdkColumnDef=\"actions\">\n      <mat-header-cell [ngClass]=\"'pieceworkActionColumn'\" *cdkHeaderCellDef\n        >Actions</mat-header-cell\n      >\n      <mat-cell [ngClass]=\"'pieceworkActionColumn'\" *cdkCellDef=\"let row\">\n        <ng-container *ngIf=\"row.piecework_line_status_id == 1\">\n          <div fxLayout=\"row\" fxLayoutGap=\"8px\" fxLayoutAlign=\"start center\">\n            <kendo-numerictextbox\n              [format]=\"'n0'\"\n              style=\"width: 100%\"\n              [min]=\"1\"\n              [(ngModel)]=\"row.formIn\"\n              [name]=\"'in_' + row.id\"\n              [max]=\"getMax(row)\"\n              type=\"number\"></kendo-numerictextbox>\n            <mat-checkbox\n              matTooltip=\"Finish\"\n              [matTooltipPosition]=\"'above'\"\n              fxFlexAlign=\"center\"\n              [name]=\"'finish_' + row.id\"\n              [(ngModel)]=\"row.formFinish\">\n            </mat-checkbox>\n            <button\n              [disabled]=\"row.in == row.out || row.formIn > row.out - row.in\"\n              matTooltip=\"Save\"\n              (click)=\"registerIn(row, row.formIn, row.formFinish)\"\n              [matTooltipPosition]=\"'above'\"\n              mat-icon-button\n              color=\"warn\"\n              aria-label=\"Example icon button with a heart icon\">\n              <mat-icon>save</mat-icon>\n            </button>\n          </div>\n        </ng-container>\n        <ng-container *ngIf=\"row.piecework_line_status_id == 2\">\n          <span>Line finished</span>\n        </ng-container>\n      </mat-cell>\n    </ng-container>\n\n    <mat-header-row *cdkHeaderRowDef=\"displayedColumns\"></mat-header-row>\n    <mat-row *cdkRowDef=\"let row; columns: displayedColumns\"></mat-row>\n  </mat-table>\n  <mat-paginator\n    #paginator\n    [length]=\"total$ | async\"\n    [pageIndex]=\"0\"\n    (page)=\"changePage($event)\"\n    [pageSize]=\"10\"\n    [pageSizeOptions]=\"[5, 10, 25, 100]\">\n  </mat-paginator>\n</div>\n", styles: [":host{padding:10px;display:flex;flex-direction:column}.spacer{flex-grow:1}.pieceworkActionColumn{flex:0 0 350px;padding-left:0!important}\n"], dependencies: [{ kind: "directive", type: i4$1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i4$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i5.DefaultLayoutDirective, selector: "  [fxLayout], [fxLayout.xs], [fxLayout.sm], [fxLayout.md],  [fxLayout.lg], [fxLayout.xl], [fxLayout.lt-sm], [fxLayout.lt-md],  [fxLayout.lt-lg], [fxLayout.lt-xl], [fxLayout.gt-xs], [fxLayout.gt-sm],  [fxLayout.gt-md], [fxLayout.gt-lg]", inputs: ["fxLayout", "fxLayout.xs", "fxLayout.sm", "fxLayout.md", "fxLayout.lg", "fxLayout.xl", "fxLayout.lt-sm", "fxLayout.lt-md", "fxLayout.lt-lg", "fxLayout.lt-xl", "fxLayout.gt-xs", "fxLayout.gt-sm", "fxLayout.gt-md", "fxLayout.gt-lg"] }, { kind: "directive", type: i5.DefaultLayoutGapDirective, selector: "  [fxLayoutGap], [fxLayoutGap.xs], [fxLayoutGap.sm], [fxLayoutGap.md],  [fxLayoutGap.lg], [fxLayoutGap.xl], [fxLayoutGap.lt-sm], [fxLayoutGap.lt-md],  [fxLayoutGap.lt-lg], [fxLayoutGap.lt-xl], [fxLayoutGap.gt-xs], [fxLayoutGap.gt-sm],  [fxLayoutGap.gt-md], [fxLayoutGap.gt-lg]", inputs: ["fxLayoutGap", "fxLayoutGap.xs", "fxLayoutGap.sm", "fxLayoutGap.md", "fxLayoutGap.lg", "fxLayoutGap.xl", "fxLayoutGap.lt-sm", "fxLayoutGap.lt-md", "fxLayoutGap.lt-lg", "fxLayoutGap.lt-xl", "fxLayoutGap.gt-xs", "fxLayoutGap.gt-sm", "fxLayoutGap.gt-md", "fxLayoutGap.gt-lg"] }, { kind: "directive", type: i5.DefaultLayoutAlignDirective, selector: "  [fxLayoutAlign], [fxLayoutAlign.xs], [fxLayoutAlign.sm], [fxLayoutAlign.md],  [fxLayoutAlign.lg], [fxLayoutAlign.xl], [fxLayoutAlign.lt-sm], [fxLayoutAlign.lt-md],  [fxLayoutAlign.lt-lg], [fxLayoutAlign.lt-xl], [fxLayoutAlign.gt-xs], [fxLayoutAlign.gt-sm],  [fxLayoutAlign.gt-md], [fxLayoutAlign.gt-lg]", inputs: ["fxLayoutAlign", "fxLayoutAlign.xs", "fxLayoutAlign.sm", "fxLayoutAlign.md", "fxLayoutAlign.lg", "fxLayoutAlign.xl", "fxLayoutAlign.lt-sm", "fxLayoutAlign.lt-md", "fxLayoutAlign.lt-lg", "fxLayoutAlign.lt-xl", "fxLayoutAlign.gt-xs", "fxLayoutAlign.gt-sm", "fxLayoutAlign.gt-md", "fxLayoutAlign.gt-lg"] }, { kind: "directive", type: i5.DefaultFlexAlignDirective, selector: "  [fxFlexAlign], [fxFlexAlign.xs], [fxFlexAlign.sm], [fxFlexAlign.md],  [fxFlexAlign.lg], [fxFlexAlign.xl], [fxFlexAlign.lt-sm], [fxFlexAlign.lt-md],  [fxFlexAlign.lt-lg], [fxFlexAlign.lt-xl], [fxFlexAlign.gt-xs], [fxFlexAlign.gt-sm],  [fxFlexAlign.gt-md], [fxFlexAlign.gt-lg]", inputs: ["fxFlexAlign", "fxFlexAlign.xs", "fxFlexAlign.sm", "fxFlexAlign.md", "fxFlexAlign.lg", "fxFlexAlign.xl", "fxFlexAlign.lt-sm", "fxFlexAlign.lt-md", "fxFlexAlign.lt-lg", "fxFlexAlign.lt-xl", "fxFlexAlign.gt-xs", "fxFlexAlign.gt-sm", "fxFlexAlign.gt-md", "fxFlexAlign.gt-lg"] }, { kind: "directive", type: i5.DefaultFlexDirective, selector: "  [fxFlex], [fxFlex.xs], [fxFlex.sm], [fxFlex.md],  [fxFlex.lg], [fxFlex.xl], [fxFlex.lt-sm], [fxFlex.lt-md],  [fxFlex.lt-lg], [fxFlex.lt-xl], [fxFlex.gt-xs], [fxFlex.gt-sm],  [fxFlex.gt-md], [fxFlex.gt-lg]", inputs: ["fxFlex", "fxFlex.xs", "fxFlex.sm", "fxFlex.md", "fxFlex.lg", "fxFlex.xl", "fxFlex.lt-sm", "fxFlex.lt-md", "fxFlex.lt-lg", "fxFlex.lt-xl", "fxFlex.gt-xs", "fxFlex.gt-sm", "fxFlex.gt-md", "fxFlex.gt-lg"] }, { kind: "directive", type: i6$1.DefaultClassDirective, selector: "  [ngClass], [ngClass.xs], [ngClass.sm], [ngClass.md], [ngClass.lg], [ngClass.xl],  [ngClass.lt-sm], [ngClass.lt-md], [ngClass.lt-lg], [ngClass.lt-xl],  [ngClass.gt-xs], [ngClass.gt-sm], [ngClass.gt-md], [ngClass.gt-lg]", inputs: ["ngClass", "ngClass.xs", "ngClass.sm", "ngClass.md", "ngClass.lg", "ngClass.xl", "ngClass.lt-sm", "ngClass.lt-md", "ngClass.lt-lg", "ngClass.lt-xl", "ngClass.gt-xs", "ngClass.gt-sm", "ngClass.gt-md", "ngClass.gt-lg"] }, { kind: "directive", type: i7$1.CdkRowDef, selector: "[cdkRowDef]", inputs: ["cdkRowDefColumns", "cdkRowDefWhen"] }, { kind: "directive", type: i7$1.CdkCellDef, selector: "[cdkCellDef]" }, { kind: "directive", type: i7$1.CdkHeaderCellDef, selector: "[cdkHeaderCellDef]" }, { kind: "directive", type: i7$1.CdkColumnDef, selector: "[cdkColumnDef]", inputs: ["sticky", "cdkColumnDef", "stickyEnd"] }, { kind: "directive", type: i7$1.CdkHeaderRowDef, selector: "[cdkHeaderRowDef]", inputs: ["cdkHeaderRowDef", "cdkHeaderRowDefSticky"] }, { kind: "component", type: i8$1.MatTable, selector: "mat-table, table[mat-table]", exportAs: ["matTable"] }, { kind: "directive", type: i8$1.MatHeaderCell, selector: "mat-header-cell, th[mat-header-cell]" }, { kind: "directive", type: i8$1.MatCell, selector: "mat-cell, td[mat-cell]" }, { kind: "component", type: i8$1.MatHeaderRow, selector: "mat-header-row, tr[mat-header-row]", exportAs: ["matHeaderRow"] }, { kind: "component", type: i8$1.MatRow, selector: "mat-row, tr[mat-row]", exportAs: ["matRow"] }, { kind: "component", type: i6.MatIconButton, selector: "button[mat-icon-button]", inputs: ["disabled", "disableRipple", "color"], exportAs: ["matButton"] }, { kind: "component", type: i7.MatCheckbox, selector: "mat-checkbox", inputs: ["disableRipple", "color", "tabIndex"], exportAs: ["matCheckbox"] }, { kind: "component", type: i11.MatPaginator, selector: "mat-paginator", inputs: ["disabled"], exportAs: ["matPaginator"] }, { kind: "component", type: i12.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "directive", type: i8.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i8.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i8.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i8.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "directive", type: i8.NgForm, selector: "form:not([ngNoForm]):not([formGroup]),ng-form,[ngForm]", inputs: ["ngFormOptions"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "component", type: i14.TextAreaComponent, selector: "kendo-textarea", inputs: ["focusableId", "flow", "rows", "cols", "maxlength", "tabindex", "tabIndex", "resizable", "size", "rounded", "fillMode"], outputs: ["focus", "blur", "valueChange"], exportAs: ["kendoTextArea"] }, { kind: "directive", type: i14.TextBoxDirective, selector: "input[kendoTextBox]", inputs: ["value"] }, { kind: "component", type: i14.NumericTextBoxComponent, selector: "kendo-numerictextbox", inputs: ["focusableId", "disabled", "readonly", "title", "autoCorrect", "format", "max", "min", "decimals", "placeholder", "step", "spinners", "rangeValidation", "tabindex", "tabIndex", "changeValueOnScroll", "selectOnFocus", "value", "maxlength", "size", "rounded", "fillMode"], outputs: ["valueChange", "focus", "blur"], exportAs: ["kendoNumericTextBox"] }, { kind: "directive", type: i15.MatTooltip, selector: "[matTooltip]", exportAs: ["matTooltip"] }, { kind: "component", type: i16.ComboBoxComponent, selector: "kendo-combobox", inputs: ["focusableId", "allowCustom", "data", "value", "textField", "valueField", "valuePrimitive", "valueNormalizer", "placeholder", "popupSettings", "listHeight", "iconClass", "loading", "suggest", "clearButton", "disabled", "itemDisabled", "readonly", "tabindex", "tabIndex", "filterable", "virtual", "size", "rounded", "fillMode"], outputs: ["valueChange", "selectionChange", "filterChange", "open", "opened", "close", "closed", "focus", "blur"], exportAs: ["kendoComboBox"] }, { kind: "component", type: i16.DropDownListComponent, selector: "kendo-dropdownlist", inputs: ["iconClass", "loading", "data", "value", "textField", "valueField", "popupSettings", "listHeight", "defaultItem", "disabled", "itemDisabled", "readonly", "filterable", "virtual", "ignoreCase", "delay", "valuePrimitive", "tabindex", "tabIndex", "size", "rounded", "fillMode", "id"], outputs: ["valueChange", "filterChange", "selectionChange", "open", "opened", "close", "closed", "focus", "blur"], exportAs: ["kendoDropDownList"] }, { kind: "pipe", type: i4$1.AsyncPipe, name: "async" }, { kind: "pipe", type: i4$1.PercentPipe, name: "percent" }] });
-__decorate([
-    Select(PieceWorkState.pieceworks)
-], WidgetPieceworkInComponent.prototype, "pieceworks$", void 0);
-__decorate([
-    Select(PieceWorkState.total)
-], WidgetPieceworkInComponent.prototype, "total$", void 0);
-__decorate([
-    Select(PieceWorkState.state)
-], WidgetPieceworkInComponent.prototype, "state$", void 0);
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.1", ngImport: i0, type: WidgetPieceworkInComponent, decorators: [{
-            type: Component,
-            args: [{ selector: 'widget-piece-work-in', template: "<div fxLayout=\"column\" fxLayoutGap=\"20px\">\n  <label *ngIf=\"!item.config?.simple_version\" fxFlex class=\"k-form-field\">\n    <form class=\"k-form\" id=\"piecework_in_form\">\n      <div fxLayout=\"row\" fxLayoutGap=\"8px\" fxLayoutAlign=\"start center\">\n        <label fxFlex class=\"k-form-field\">\n          <span>Barcode</span>\n          <kendo-textarea\n            placeholder=\"Scan barcodes here\"\n            [resizable]=\"'vertical'\"\n            [rows]=\"3\"\n            [value]=\"getValue('barcodes', true)\"\n            (valueChange)=\"buildBarcodeList($event)\"\n            flow=\"vertical\">\n          </kendo-textarea>\n        </label>\n        <button\n          fxFlex=\"50px\"\n          (click)=\"valueChange('barcodes', barcodes)\"\n          matTooltip=\"Filter\"\n          [matTooltipPosition]=\"'above'\"\n          mat-icon-button\n          color=\"primary\"\n          aria-label=\"Example icon button with a heart icon\">\n          <mat-icon>refresh</mat-icon>\n        </button>\n      </div>\n      <div fxLayout=\"row\" fxLayoutGap=\"8px\" fxLayoutAlign=\"start center\">\n        <label fxFlex=\"25%\" class=\"k-form-field\">\n          <span>PW ID</span>\n          <input\n            style=\"width: 100%\"\n            kendoTextBox\n            [value]=\"getValue('piecework_id')\"\n            (input)=\"valueChange('piecework_id', $event.target.value)\"\n            name=\"piecework_id\"\n            type=\"text\" />\n        </label>\n\n        <!-- <label fxFlex=\"20%\" class=\"k-form-field\">\n          <span>Barcode</span>\n          <kendo-textarea\n            [style.marginBottom.px]=\"10\"\n            placeholder=\"Event name\"\n            resizable=\"auto\"\n            flow=\"horizontal\"\n          >\n          </kendo-textarea>\n\n          <!-- <input\n            style=\"width: 100%\"\n            kendoTextBox\n            [value]=\"getValue('barcode')\"\n            (input)=\"valueChange('barcode', $event.target.value)\"\n            name=\"barcode\"\n            type=\"text\"\n          /> -->\n\n        <label fxFlex=\"25%\" class=\"k-form-field\">\n          <span>Employee</span>\n          <kendo-combobox\n            style=\"width: 100%\"\n            name=\"user_id\"\n            [value]=\"getValue('user_id')\"\n            [filterable]=\"true\"\n            (filterChange)=\"filterChange($event)\"\n            (valueChange)=\"valueChange('user_id', $event)\"\n            [data]=\"users\"\n            [textField]=\"'full_name'\"\n            [disabled]=\"!isAdmin\"\n            [valueField]=\"'id'\"\n            [valuePrimitive]=\"true\">\n          </kendo-combobox>\n        </label>\n\n        <label fxFlex=\"25%\" class=\"k-form-field\">\n          <span>Mode</span>\n          <kendo-dropdownlist\n            [defaultItem]=\"defaultItemMode\"\n            [data]=\"modes\"\n            [value]=\"getValue('mode_id')\"\n            [valuePrimitive]=\"true\"\n            (valueChange)=\"valueChange('mode_id', $event)\"\n            [textField]=\"'controller'\"\n            [valueField]=\"'id'\"\n            name=\"true\">\n          </kendo-dropdownlist>\n        </label>\n\n        <label fxFlex=\"25%\" class=\"k-form-field\">\n          <span>Status</span>\n          <kendo-dropdownlist\n            [defaultItem]=\"defaultItemStatus\"\n            [data]=\"statuses\"\n            [value]=\"getValue('piecework_line_status_id')\"\n            [valuePrimitive]=\"true\"\n            (valueChange)=\"valueChange('piecework_line_status_id', $event)\"\n            [textField]=\"'name'\"\n            [valueField]=\"'id'\"\n            name=\"true\">\n          </kendo-dropdownlist>\n        </label>\n      </div>\n    </form>\n  </label>\n\n  <mat-table #table [dataSource]=\"dataSource\">\n    <ng-container cdkColumnDef=\"pw_line\">\n      <mat-header-cell *cdkHeaderCellDef>PW</mat-header-cell>\n      <mat-cell *cdkCellDef=\"let row\">\n        <span>{{ row.piecework?.id }}/{{ row.piecework_order_line }}</span>\n      </mat-cell>\n    </ng-container>\n    <ng-container cdkColumnDef=\"employee\">\n      <mat-header-cell *cdkHeaderCellDef>Employee</mat-header-cell>\n      <mat-cell *cdkCellDef=\"let row\">\n        <span>{{ row?.piecework?.prepared_for?.full_name }}</span>\n      </mat-cell>\n    </ng-container>\n    <ng-container cdkColumnDef=\"document\">\n      <mat-header-cell *cdkHeaderCellDef>Document</mat-header-cell>\n      <mat-cell *cdkCellDef=\"let row\">\n        <span>{{ row.document?.barcode }}</span>\n      </mat-cell>\n    </ng-container>\n    <ng-container cdkColumnDef=\"assembly\">\n      <mat-header-cell *cdkHeaderCellDef>Assembly</mat-header-cell>\n      <mat-cell *cdkCellDef=\"let row\">\n        <span>{{ row.part?.part_number }}</span>\n      </mat-cell>\n    </ng-container>\n    <!-- <ng-container cdkColumnDef=\"qty_max\">\n        <mat-header-cell *cdkHeaderCellDef>Qty</mat-header-cell>\n        <mat-cell *cdkCellDef=\"let row\">\n          <span>{{ getMaxQtyLeftForRow(row)}}</span>\n        </mat-cell>\n      </ng-container> -->\n    <ng-container cdkColumnDef=\"mode\">\n      <mat-header-cell *cdkHeaderCellDef>Mode</mat-header-cell>\n      <mat-cell *cdkCellDef=\"let row\">\n        <span>{{ row.mode?.controller }}</span>\n      </mat-cell>\n    </ng-container>\n    <ng-container cdkColumnDef=\"unit_price\">\n      <mat-header-cell *cdkHeaderCellDef>Unit Price</mat-header-cell>\n      <mat-cell *cdkCellDef=\"let row\">\n        {{ formatCurrency(row.unit_price, row.currency) }}\n      </mat-cell>\n    </ng-container>\n    <ng-container cdkColumnDef=\"percentage\">\n      <mat-header-cell *cdkHeaderCellDef>Job %</mat-header-cell>\n      <mat-cell *cdkCellDef=\"let row\">\n        {{ row.work_percentage | percent }}\n      </mat-cell>\n    </ng-container>\n\n    <ng-container cdkColumnDef=\"qty\">\n      <mat-header-cell *cdkHeaderCellDef>Out / In</mat-header-cell>\n      <mat-cell *cdkCellDef=\"let row\">\n        {{ row.out }} / {{ !row.in ? 0 : row.in }}\n      </mat-cell>\n    </ng-container>\n\n    <ng-container cdkColumnDef=\"in\">\n      <mat-header-cell *cdkHeaderCellDef>Qty In</mat-header-cell>\n      <mat-cell *cdkCellDef=\"let row\">\n        {{ !row.in ? 0 : row.in }}\n      </mat-cell>\n    </ng-container>\n\n    <ng-container cdkColumnDef=\"finish\">\n      <mat-header-cell *cdkHeaderCellDef>Qty Finish</mat-header-cell>\n      <mat-cell *cdkCellDef=\"let row\">\n        {{ row.finish }}\n      </mat-cell>\n    </ng-container>\n\n    <ng-container cdkColumnDef=\"status\">\n      <mat-header-cell *cdkHeaderCellDef>Status</mat-header-cell>\n      <mat-cell *cdkCellDef=\"let row\">\n        {{ row.line_status?.name }}\n      </mat-cell>\n    </ng-container>\n\n    <ng-container cdkColumnDef=\"total\">\n      <mat-header-cell *cdkHeaderCellDef>Total</mat-header-cell>\n      <mat-cell *cdkCellDef=\"let row\">\n        <span>{{ formatCurrency(row.value, row.currency) }}</span>\n      </mat-cell>\n    </ng-container>\n\n    <ng-container cdkColumnDef=\"actions\">\n      <mat-header-cell [ngClass]=\"'pieceworkActionColumn'\" *cdkHeaderCellDef\n        >Actions</mat-header-cell\n      >\n      <mat-cell [ngClass]=\"'pieceworkActionColumn'\" *cdkCellDef=\"let row\">\n        <ng-container *ngIf=\"row.piecework_line_status_id == 1\">\n          <div fxLayout=\"row\" fxLayoutGap=\"8px\" fxLayoutAlign=\"start center\">\n            <kendo-numerictextbox\n              [format]=\"'n0'\"\n              style=\"width: 100%\"\n              [min]=\"1\"\n              [(ngModel)]=\"row.formIn\"\n              [name]=\"'in_' + row.id\"\n              [max]=\"getMax(row)\"\n              type=\"number\"></kendo-numerictextbox>\n            <mat-checkbox\n              matTooltip=\"Finish\"\n              [matTooltipPosition]=\"'above'\"\n              fxFlexAlign=\"center\"\n              [name]=\"'finish_' + row.id\"\n              [(ngModel)]=\"row.formFinish\">\n            </mat-checkbox>\n            <button\n              [disabled]=\"row.in == row.out || row.formIn > row.out - row.in\"\n              matTooltip=\"Save\"\n              (click)=\"registerIn(row, row.formIn, row.formFinish)\"\n              [matTooltipPosition]=\"'above'\"\n              mat-icon-button\n              color=\"warn\"\n              aria-label=\"Example icon button with a heart icon\">\n              <mat-icon>save</mat-icon>\n            </button>\n          </div>\n        </ng-container>\n        <ng-container *ngIf=\"row.piecework_line_status_id == 2\">\n          <span>Line finished</span>\n        </ng-container>\n      </mat-cell>\n    </ng-container>\n\n    <mat-header-row *cdkHeaderRowDef=\"displayedColumns\"></mat-header-row>\n    <mat-row *cdkRowDef=\"let row; columns: displayedColumns\"></mat-row>\n  </mat-table>\n  <mat-paginator\n    #paginator\n    [length]=\"total$ | async\"\n    [pageIndex]=\"0\"\n    (page)=\"changePage($event)\"\n    [pageSize]=\"10\"\n    [pageSizeOptions]=\"[5, 10, 25, 100]\">\n  </mat-paginator>\n</div>\n", styles: [":host{padding:10px;display:flex;flex-direction:column}.spacer{flex-grow:1}.pieceworkActionColumn{flex:0 0 350px;padding-left:0!important}\n"] }]
-        }], ctorParameters: function () { return [{ type: i1$1.ModeControllerService }, { type: i1$1.UserControllerService }, { type: i4.Store }, { type: i0.ChangeDetectorRef }, { type: i3.MatDialog }, { type: i1$1.PieceWorkLineStatusControllerControllerService }, { type: i1$1.PieceWorkLineControllerService }]; }, propDecorators: { pieceworks$: [], total$: [], state$: [] } });
-class FormatTime {
-    convertTime(input, separator) {
-        const pad = input => {
-            return input < 10 ? '0' + input : input;
-        };
-        return [
-            pad(Math.floor(input / 3600)),
-            pad(Math.floor((input % 3600) / 60)),
-            pad(Math.floor(input % 60)),
-        ].join(typeof separator !== 'undefined' ? separator : ':');
-    }
-    transform(value) {
-        return value ? this.convertTime(value, ':') : '00:00:00';
-    }
-}
-FormatTime.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.0.1", ngImport: i0, type: FormatTime, deps: [], target: i0.ɵɵFactoryTarget.Pipe });
-FormatTime.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "15.0.1", ngImport: i0, type: FormatTime, name: "formatTime" });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.1", ngImport: i0, type: FormatTime, decorators: [{
-            type: Pipe,
-            args: [{ name: 'formatTime' }]
-        }] });
-
-class WidgetPieceworkInModule {
-}
-WidgetPieceworkInModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.0.1", ngImport: i0, type: WidgetPieceworkInModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-WidgetPieceworkInModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.0.1", ngImport: i0, type: WidgetPieceworkInModule, declarations: [WidgetPieceworkInComponent,
-        FormatTime,
-        PieceWorkInForm,
-        PieceworkInConfigModal], imports: [CommonModule,
-        FlexLayoutModule,
-        MatDialogModule,
-        CdkTableModule,
-        MatTableModule,
-        MatButtonModule,
-        MatCheckboxModule,
-        MatPaginatorModule,
-        MatIconModule,
-        FormsModule,
-        InputsModule,
-        MatTooltipModule,
-        DropDownsModule,
-        InputsModule,
-        FormsModule,
-        SwitchModule, i4.ɵy, i2.DynamicComponentLoaderModule], exports: [WidgetPieceworkInComponent] });
-WidgetPieceworkInModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.0.1", ngImport: i0, type: WidgetPieceworkInModule, imports: [CommonModule,
-        FlexLayoutModule,
-        MatDialogModule,
-        CdkTableModule,
-        MatTableModule,
-        MatButtonModule,
-        MatCheckboxModule,
-        MatPaginatorModule,
-        MatIconModule,
-        FormsModule,
-        InputsModule,
-        MatTooltipModule,
-        DropDownsModule,
-        InputsModule,
-        FormsModule,
-        SwitchModule,
-        NgxsModule.forFeature([PieceWorkFrontState, PieceWorkState]),
-        DynamicComponentLoaderModule.forChild(WidgetPieceworkInComponent)] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.1", ngImport: i0, type: WidgetPieceworkInModule, decorators: [{
-            type: NgModule,
-            args: [{
-                    declarations: [
-                        WidgetPieceworkInComponent,
-                        FormatTime,
-                        PieceWorkInForm,
-                        PieceworkInConfigModal,
-                    ],
-                    imports: [
-                        CommonModule,
-                        FlexLayoutModule,
-                        MatDialogModule,
-                        CdkTableModule,
-                        MatTableModule,
-                        MatButtonModule,
-                        MatCheckboxModule,
-                        MatPaginatorModule,
-                        MatIconModule,
-                        FormsModule,
-                        InputsModule,
-                        MatTooltipModule,
-                        DropDownsModule,
-                        InputsModule,
-                        FormsModule,
-                        SwitchModule,
-                        NgxsModule.forFeature([PieceWorkFrontState, PieceWorkState]),
-                        DynamicComponentLoaderModule.forChild(WidgetPieceworkInComponent),
-                    ],
-                    exports: [WidgetPieceworkInComponent],
-                }]
-        }] });
-
-/*
- * Public API Surface of widget-piecework-in
- */
-
-/**
- * Generated bundle index. Do not edit.
- */
-
-export { FormatTime, WidgetPieceworkInComponent, WidgetPieceworkInModule };
-//# sourceMappingURL=barcoding-widget-piecework-in.mjs.map