mobicloud-core 1.0.250 → 1.0.252

package/bundles/mobicloud-core-components.umd.js

@@ -1537,13 +1537,15 @@
             this.editorOptions_PayrollNumber = { readOnly: true, showClearButton: true, minSearchLength: 0, maxItemCount: 200, openOnFieldClick: true, itemTemplate: 'payrollEmplTemplate', valueExpr: 'EmployeeId', searchExpr: ['EmployeeId', 'EmployeeNumber', 'Name'] };
             this.editorOptions_EmployeeGroup = { readOnly: true, itemTemplate: 'employeegroup_itemTemplate', fieldTemplate: 'employeegroup_fieldTemplate', valueExpr: 'Id', displayExpr: 'Name', searchEnabled: true, searchExpr: ['GroupId', 'Name'], showClearButton: true };
             this.editorOptions_Beacon = { readOnly: true, itemTemplate: 'beacon_itemTemplate', fieldTemplate: 'beacon_fieldTemplate', valueExpr: 'Id', displayExpr: 'BeaconId', searchEnabled: true, searchExpr: ['BeaconId', 'Name'], showClearButton: true };
+            this.editorOptions_DefaultProject = { readOnly: true, itemTemplate: 'project_itemTemplate', fieldTemplate: 'project_fieldTemplate', valueExpr: 'Id', displayExpr: 'ProjectId', searchEnabled: true, searchExpr: ['ProjectId', 'Name'], showClearButton: true };
+            this.editorOptions_DefaultOvertimeCategory = { readOnly: true, itemTemplate: 'payroll_itemTemplate', fieldTemplate: 'payroll_fieldTemplate', valueExpr: 'Id', displayExpr: 'CategoryId', searchEnabled: true, searchExpr: ['CategoryId', 'Name'], showClearButton: true };
             this.loadPayrollEmployees();
         }
         EmployeeProfileComponent.prototype.loadPayrollEmployees = function () {
             return __awaiter(this, void 0, void 0, function () {
                 var url;
                 var _this = this;
-                return __generator(this, function (_p) {
+                return __generator(this, function (_r) {
                     url = "" + this.cloudDataService.getMobiManagementApiUrl('PayrollApi/PayrollEmployees');
                     this.httpGet(url).then(function (response) {
                         response.subscribe(function (payroll_employees) {
@@ -1563,11 +1565,11 @@
             if (requestTimeout === void 0) { requestTimeout = 30000; }
             return __awaiter(this, void 0, void 0, function () {
                 var httpHeaderValues, httpHeaders;
-                return __generator(this, function (_p) {
-                    switch (_p.label) {
+                return __generator(this, function (_r) {
+                    switch (_r.label) {
                         case 0: return [4 /*yield*/, this.cloudDataService.httpHeaderValues_Json()];
                         case 1:
-                            httpHeaderValues = _p.sent();
+                            httpHeaderValues = _r.sent();
                             httpHeaders = new i1$3.HttpHeaders(httpHeaderValues);
                             return [2 /*return*/, this.httpClient.get(url, { headers: httpHeaders })
                                     .pipe(operators.timeout(requestTimeout), operators.catchError(this.cloudDataService.handleError))
@@ -1594,6 +1596,10 @@
                     delete _this.editorOptions_EmployeeGroup.readOnly;
                     _this.editorOptions_Beacon.dataSource = _this.beacon_ds;
                     delete _this.editorOptions_Beacon.readOnly;
+                    _this.editorOptions_DefaultProject.dataSource = _this.project_ds;
+                    delete _this.editorOptions_DefaultProject.readOnly;
+                    _this.editorOptions_DefaultOvertimeCategory.dataSource = _this.payrollCategory_ds;
+                    delete _this.editorOptions_DefaultOvertimeCategory.readOnly;
                 }
             });
         };
@@ -1612,6 +1618,8 @@
             this.createPayrollIntervalDataSource();
             this.createEmployeeGroupDataSource();
             this.createBeaconDataSource();
+            this.createProjectDataSource();
+            this.createPayrollCategoryDataSource();
         };
         EmployeeProfileComponent.prototype.ngOnChanges = function (changes) {
             var _a;
@@ -1663,7 +1671,7 @@
         };
         EmployeeProfileComponent.prototype.saveEmployee = function () {
             var _this = this;
-            var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o;
+            var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q;
             if (((_a = this.employee) === null || _a === void 0 ? void 0 : _a.Id) && this.employee_store) {
                 this.isLoadingData = true;
                 this.loadingText = $localize(templateObject_9$f || (templateObject_9$f = __makeTemplateObject([":@@Updating-Text-Employee:Updating employee..."], [":@@Updating-Text-Employee:Updating employee..."])));
@@ -1682,6 +1690,8 @@
                     update_values.PayrollIntervalId = (_l = this.formEmployee) === null || _l === void 0 ? void 0 : _l.PayrollIntervalId;
                     update_values.EmployeeGroupId = (_m = this.formEmployee) === null || _m === void 0 ? void 0 : _m.EmployeeGroupId;
                     update_values.BeaconId = (_o = this.formEmployee) === null || _o === void 0 ? void 0 : _o.BeaconId;
+                    update_values.DefaultProjectId = (_p = this.formEmployee) === null || _p === void 0 ? void 0 : _p.DefaultProjectId;
+                    update_values.DefaultOvertimeCategoryId = (_q = this.formEmployee) === null || _q === void 0 ? void 0 : _q.DefaultOvertimeCategoryId;
                 }
                 this.employee_store.update(this.employee.Id, update_values)
                     .then(function (dataObj) {
@@ -1775,7 +1785,7 @@
         };
         EmployeeProfileComponent.prototype.createPayrollIntervalDataSource = function () {
             return __awaiter(this, void 0, void 0, function () {
-                return __generator(this, function (_p) {
+                return __generator(this, function (_r) {
                     this.payrollInterval_ds = new DataSource__default["default"]({
                         store: new ODataStore__default["default"]({
                             url: this.cloudDataService.getMobiManagementODataUrl("PayrollInterval"),
@@ -1795,7 +1805,7 @@
         };
         EmployeeProfileComponent.prototype.createEmployeeGroupDataSource = function () {
             return __awaiter(this, void 0, void 0, function () {
-                return __generator(this, function (_p) {
+                return __generator(this, function (_r) {
                     this.employeegroup_ds = new DataSource__default["default"]({
                         store: new ODataStore__default["default"]({
                             url: this.cloudDataService.getMobiManagementODataUrl("EmployeeGroup"),
@@ -1815,7 +1825,7 @@
         };
         EmployeeProfileComponent.prototype.createBeaconDataSource = function () {
             return __awaiter(this, void 0, void 0, function () {
-                return __generator(this, function (_p) {
+                return __generator(this, function (_r) {
                     this.beacon_ds = new DataSource__default["default"]({
                         store: new ODataStore__default["default"]({
                             url: this.cloudDataService.getMobiManagementODataUrl("Beacon"),
@@ -1833,10 +1843,50 @@
                 });
             });
         };
+        EmployeeProfileComponent.prototype.createProjectDataSource = function () {
+            return __awaiter(this, void 0, void 0, function () {
+                return __generator(this, function (_r) {
+                    this.project_ds = new DataSource__default["default"]({
+                        store: new ODataStore__default["default"]({
+                            url: this.cloudDataService.getMobiManagementODataUrl("Project"),
+                            withCredentials: true,
+                            key: "Id",
+                            keyType: "Guid",
+                            version: 4,
+                        }),
+                        requireTotalCount: true,
+                        map: function (dataItem) {
+                            return Object.assign(new i2.Project(), dataItem);
+                        }
+                    });
+                    return [2 /*return*/];
+                });
+            });
+        };
+        EmployeeProfileComponent.prototype.createPayrollCategoryDataSource = function () {
+            return __awaiter(this, void 0, void 0, function () {
+                return __generator(this, function (_r) {
+                    this.payrollCategory_ds = new DataSource__default["default"]({
+                        store: new ODataStore__default["default"]({
+                            url: this.cloudDataService.getMobiManagementODataUrl("PayrollCategory"),
+                            withCredentials: true,
+                            key: "Id",
+                            keyType: "Guid",
+                            version: 4,
+                        }),
+                        requireTotalCount: true,
+                        map: function (dataItem) {
+                            return Object.assign(new i2.PayrollCategory(), dataItem);
+                        }
+                    });
+                    return [2 /*return*/];
+                });
+            });
+        };
         return EmployeeProfileComponent;
     }());
     EmployeeProfileComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: EmployeeProfileComponent, deps: [{ token: i1__namespace$3.HttpClient }, { token: i1__namespace$1.MobicloudCoreService }, { token: i2__namespace$1.MobiCloudDataService }, { token: i3__namespace.MatDialog }], target: i0__namespace.ɵɵFactoryTarget.Component });
-    EmployeeProfileComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: EmployeeProfileComponent, selector: "mobicloud-employee-profile", inputs: { employee: "employee", employee_expands: "employee_expands", editAllowed: "editAllowed", inEditMode: "inEditMode", width: "width", contentheight: "contentheight", isLoadingData: "isLoadingData", loadingText: "loadingText", hasErrors: "hasErrors", errorText: "errorText" }, outputs: { employeeChanged: "employeeChanged" }, viewQueries: [{ propertyName: "form", first: true, predicate: ["form"], descendants: true }], usesOnChanges: true, ngImport: i0__namespace, template: "<mobicloud-group-box title=\"Profile\" i18n-title=\"@@CaptionHeader-Profile\" [width]=\"[width]\" [contentheight]=[contentheight] class=\"employeeProfileForm\" [isLoadingData]=\"isLoadingData\" [loadingText]=\"loadingText\" \n   [editAllowed]=\"editAllowed\" [inEditMode]=\"inEditMode\" [hasErrors]=\"hasErrors\" errorCaption=\"Error\" i18n-errorCaption=\"@@CaptionHeader-Error\" [errorText]=\"errorText\" [enableRetryOnError]=\"true\"\n    (Edit_Click)=\"onEditClick()\" (Save_Click)=\"onSaveClick()\" (CancelEdit_Click)=\"onCancelEditClick()\" (Retry_Click)=\"onRetryClick()\">\n\n    <dx-form #form id=\"form\"\n        [formData]=\"formEmployee\"\n        [readOnly]=\"!inEditMode\"\n        [showColonAfterLabel]=\"true\"\n        labelLocation=\"top\"\n        [showValidationSummary]=\"false\" \n        [showRequiredMark] = \"false\"\n        validationGroup=\"formEmployeeData_Profile\">\n\n        <dxi-item itemType=\"group\" caption=\"\" [colCount]=\"2\">\n            <dxi-item dataField=\"FirstName\" [editorOptions]=\"{ inputAttr: {'autocomplete': 'given-name'} }\">\n                <dxo-label text=\"First name\" i18n-text=\"@@FieldCaption-FirstName\"></dxo-label>        \n                <dxi-validation-rule type=\"required\" message=\"First name is required\" i18n-message=\"@@ValidationText-FirstName-Required\"></dxi-validation-rule>        \n            </dxi-item>\n            <dxi-item dataField=\"LastName\" [editorOptions]=\"{ inputAttr: {'autocomplete': 'family-name'} }\">\n                <dxo-label text=\"Last name\" i18n-text=\"@@FieldCaption-LastName\"></dxo-label>   \n                <dxi-validation-rule type=\"required\" message=\"Last name is required\" i18n-message=\"@@ValidationText-LastName-Required\"></dxi-validation-rule>             \n            </dxi-item>\n            \n\n\n            \n            <dxi-item dataField=\"Initials\">\n                <dxo-label text=\"Initials\" i18n-text=\"@@FieldCaption-Initials\"></dxo-label>                \n            </dxi-item>\n\n\n\n\n            <dxi-item dataField=\"Gender\" editorType=\"dxSelectBox\" [editorOptions]=\"{ dataSource: genderType_ds, valueExpr: 'id', displayExpr: 'description' }\">\n                <dxo-label text=\"Gender\" i18n-text=\"@@FieldCaption-Gender\"></dxo-label>\n            </dxi-item> \n\n\n            <dxi-item dataField=\"DepartmentId\" editorType=\"dxLookup\" [editorOptions]=\"{ itemTemplate:'department_itemTemplate', fieldTemplate: 'department_fieldTemplate', dataSource: department_ds, valueExpr: 'Id', displayExpr: 'Name', searchEnabled: true, searchExpr: ['Name'], showClearButton: true }\">\n                <dxo-label text=\"Department\" i18n-text=\"@@FieldCaption-Department\"></dxo-label> \n            </dxi-item> \n\n            <dxi-item dataField=\"LocationId\" editorType=\"dxLookup\" [editorOptions]=\"{ itemTemplate:'location_itemTemplate', fieldTemplate: 'location_fieldTemplate', dataSource: location_ds, valueExpr: 'Id', displayExpr: 'Name', searchEnabled: true, searchExpr: ['Name'], showClearButton: true }\">\n                <dxo-label text=\"Location\" i18n-text=\"@@FieldCaption-Location\"></dxo-label>\n            </dxi-item>  \n\n            <dxi-item dataField=\"InventLocationId\" editorType=\"dxLookup\" [editorOptions]=\"{ itemTemplate:'inventLocation_itemTemplate', fieldTemplate: 'inventLocation_fieldTemplate', dataSource: inventLocation_ds, valueExpr: 'Id', displayExpr: 'Name', searchEnabled: true, searchExpr: ['InventLocationId','Name'], showClearButton: true }\">\n                <dxo-label text=\"InventLocation\" i18n-text=\"@@FieldCaption-InventLocation\"></dxo-label>\n            </dxi-item>          \n\n            <dxi-item dataField=\"SupervisorId\" #responsible editorType=\"dxLookup\" [editorOptions]=\"editorOptions_Supervisor\">\n                <dxo-label text=\"Supervisor\" i18n-text=\"@@FieldCaption-Supervisor\"></dxo-label> \n            </dxi-item>  \n\n            <dxi-item dataField=\"PayrollNumber\" editorType=\"dxAutocomplete\" [editorOptions]=\"editorOptions_PayrollNumber\">\n                <dxo-label text=\"Payroll no.\" i18n-text=\"@@FieldCaption-PayrollNumber\"></dxo-label>                                    \n            </dxi-item> \n\n            <dxi-item dataField=\"PayrollIntervalId\" editorType=\"dxLookup\" [editorOptions]=\"editorOptions_PayrollInterval\">\n                <dxo-label text=\"Payroll interval\" i18n-text=\"@@FieldCaption-PayrollInterval\"></dxo-label> \n            </dxi-item>    \n            \n            <dxi-item dataField=\"EmployeeGroupId\" editorType=\"dxLookup\" [editorOptions]=\"editorOptions_EmployeeGroup\">\n                <dxo-label text=\"Employee group\" i18n-text=\"@@FieldCaption-EmployeeGroup\"></dxo-label> \n            </dxi-item>   \n            \n            <dxi-item dataField=\"BeaconId\" editorType=\"dxLookup\" [editorOptions]=\"editorOptions_Beacon\">\n                <dxo-label text=\"Beacon\" i18n-text=\"@@FieldCaption-Beacon\"></dxo-label> \n            </dxi-item>             \n        </dxi-item>       \n       \n        <!-- Templates -->\n        <div *dxTemplate=\"let item of 'department_itemTemplate'\">\n            {{ item?.Name }}\n        </div>        \n        <div *dxTemplate=\"let fieldData of 'department_fieldTemplate'\" [ngClass]=\"{'lookup-field-template-container':!inEditMode, 'lookup-field-template-container-readonly':!inEditMode}\">\n            {{fieldData?.Name}}\n        </div>         \n        <div *dxTemplate=\"let item of 'location_itemTemplate'\">\n            {{ item?.Name }}\n        </div>        \n        <div *dxTemplate=\"let fieldData of 'location_fieldTemplate'\" [ngClass]=\"{'lookup-field-template-container':!inEditMode, 'lookup-field-template-container-readonly':!inEditMode}\">\n            {{fieldData?.Name}}\n        </div> \n        <div *dxTemplate=\"let item of 'inventLocation_itemTemplate'\">\n            {{item?.Name}} {{ item?.InventLocationId ? ('(' + item.InventLocationId + ')') : ('') }}\n        </div>        \n        <div *dxTemplate=\"let item of 'inventLocation_fieldTemplate'\" [ngClass]=\"{'lookup-field-template-container':!inEditMode, 'lookup-field-template-container-readonly':!inEditMode}\">\n            {{item?.Name}} {{ item?.InventLocationId ? ('(' + item.InventLocationId + ')') : ('') }}\n        </div>         \n        <div *dxTemplate=\"let item of 'employee_itemTemplate'\">\n            {{item?.Name}} {{ item?.EmployeeNumber ? ('(' + item.EmployeeNumber + ')') : ('') }}\n        </div>        \n        <div *dxTemplate=\"let item of 'employee_fieldTemplate'\" [ngClass]=\"{'lookup-field-template-container':!inEditMode, 'lookup-field-template-container-readonly':!inEditMode}\">\n            {{item?.Name}} {{ item?.EmployeeNumber ? ('(' + item.EmployeeNumber + ')') : ('') }}\n        </div> \n        <div class=\"payrollno-dropdown\" *dxTemplate=\"let empl of 'payrollEmplTemplate'\">\n            <div class=\"payrollno-dropdown-emplno\">{{empl.EmployeeNumber}}</div><div class=\"payrollno-dropdown-emplname\">{{empl.Name}}</div>\n        </div>  \n        \n        <div *dxTemplate=\"let fieldData of 'payrollInterval_itemTemplate'\">\n            {{fieldData?.Name}}\n        </div>        \n        <div *dxTemplate=\"let fieldData of 'payrollInterval_fieldTemplate'\" [ngClass]=\"{'lookup-field-template-container':!inEditMode, 'lookup-field-template-container-readonly':!inEditMode}\">\n            {{fieldData?.Name}} {{ fieldData?.IntervalId ? ('(' + fieldData?.IntervalId + ')') : ('') }}\n        </div>\n\n        <div *dxTemplate=\"let item of 'employeegroup_itemTemplate'\">\n            {{ item?.Name }}\n        </div>        \n        <div *dxTemplate=\"let fieldData of 'employeegroup_fieldTemplate'\" [ngClass]=\"{'lookup-field-template-container':!inEditMode, 'lookup-field-template-container-readonly':!inEditMode}\">\n            {{fieldData?.Name}}\n        </div> \n        \n        <div *dxTemplate=\"let fieldData of 'beacon_itemTemplate'\">\n            {{fieldData?.BeaconId}}\n        </div>        \n        <div *dxTemplate=\"let fieldData of 'beacon_fieldTemplate'\" [ngClass]=\"{'lookup-field-template-container':!inEditMode, 'lookup-field-template-container-readonly':!inEditMode}\">\n            {{fieldData?.BeaconId}} {{ fieldData?.Name ? ('(' + fieldData?.Name + ')') : ('') }}\n        </div>        \n        \n    </dx-form>\n</mobicloud-group-box>", styles: [".employeeProfileForm .mat-form-field{width:100%;margin-left:10px;margin-right:10px}.mat-form-field mat-label{text-transform:uppercase!important}.payrollno-dropdown{display:flex}.payrollno-dropdown-emplno{min-width:30px}.payrollno-dropdown-emplname{margin-left:16px}\n"], components: [{ type: GroupBoxComponent, selector: "mobicloud-group-box", inputs: ["width", "contentheight", "noBackgroundHeader", "title", "isLoadingData", "loadingText", "hasErrors", "errorCaption", "errorText", "enableRetryOnError", "editAllowed", "inEditMode"], outputs: ["Edit_Click", "Save_Click", "CancelEdit_Click", "Retry_Click"] }, { type: i5__namespace$3.DxFormComponent, selector: "dx-form", inputs: ["accessKey", "activeStateEnabled", "alignItemLabels", "alignItemLabelsInAllGroups", "colCount", "colCountByScreen", "customizeItem", "disabled", "elementAttr", "focusStateEnabled", "formData", "height", "hint", "hoverStateEnabled", "items", "labelLocation", "labelMode", "minColWidth", "optionalMark", "readOnly", "requiredMark", "requiredMessage", "rtlEnabled", "screenByWidth", "scrollingEnabled", "showColonAfterLabel", "showOptionalMark", "showRequiredMark", "showValidationSummary", "tabIndex", "validationGroup", "visible", "width"], outputs: ["onContentReady", "onDisposing", "onEditorEnterKey", "onFieldDataChanged", "onInitialized", "onOptionChanged", "accessKeyChange", "activeStateEnabledChange", "alignItemLabelsChange", "alignItemLabelsInAllGroupsChange", "colCountChange", "colCountByScreenChange", "customizeItemChange", "disabledChange", "elementAttrChange", "focusStateEnabledChange", "formDataChange", "heightChange", "hintChange", "hoverStateEnabledChange", "itemsChange", "labelLocationChange", "labelModeChange", "minColWidthChange", "optionalMarkChange", "readOnlyChange", "requiredMarkChange", "requiredMessageChange", "rtlEnabledChange", "screenByWidthChange", "scrollingEnabledChange", "showColonAfterLabelChange", "showOptionalMarkChange", "showRequiredMarkChange", "showValidationSummaryChange", "tabIndexChange", "validationGroupChange", "visibleChange", "widthChange"] }, { type: i6__namespace.DxiItemComponent, selector: "dxi-item", inputs: ["disabled", "html", "icon", "template", "text", "title", "titleTemplate", "visible", "onClick", "stylingMode", "type", "baseSize", "box", "ratio", "shrink", "elementAttr", "hint", "beginGroup", "closeMenuOnClick", "items", "selectable", "selected", "colSpan", "cssClass", "dataField", "editorOptions", "editorType", "helpText", "isRequired", "itemType", "label", "name", "validationRules", "visibleIndex", "alignItemLabels", "caption", "colCount", "colCountByScreen", "tabPanelOptions", "tabs", "badge", "tabTemplate", "buttonOptions", "horizontalAlignment", "verticalAlignment", "locateInMenu", "location", "menuItemTemplate", "options", "showText", "widget", "height", "width", "imageAlt", "imageSrc", "acceptedValues", "formatName", "formatValues", "key", "showChevron", "heightRatio", "widthRatio", "expanded", "hasItems", "id", "parentId"] }, { type: i6__namespace.DxoLabelComponent, selector: "dxo-label", inputs: ["connectorColor", "connectorWidth", "customizeText", "font", "format", "indent", "visible", "horizontalAlignment", "position", "text", "verticalAlignment", "alignment", "customizeHint", "displayMode", "indentFromAxis", "overlappingBehavior", "rotationAngle", "staggeringSpacing", "template", "textOverflow", "wordWrap", "argumentFormat", "backgroundColor", "border", "connector", "displayFormat", "horizontalOffset", "showForZeroValues", "verticalOffset", "hideFirstOrLast", "indentFromTick", "useRangeColors", "location", "showColon", "radialOffset", "topIndent", "shadow", "useNodeColors", "dataField", "enabled"] }, { type: i6__namespace.DxiValidationRuleComponent, selector: "dxi-validation-rule", inputs: ["message", "trim", "type", "ignoreEmptyValue", "max", "min", "reevaluate", "validationCallback", "comparisonTarget", "comparisonType", "pattern"] }], directives: [{ type: i7__namespace$1.DxTemplateDirective, selector: "[dxTemplate]", inputs: ["dxTemplateOf"] }, { type: i4__namespace$2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { type: i9__namespace$2.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"] }] });
+    EmployeeProfileComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: EmployeeProfileComponent, selector: "mobicloud-employee-profile", inputs: { employee: "employee", employee_expands: "employee_expands", editAllowed: "editAllowed", inEditMode: "inEditMode", width: "width", contentheight: "contentheight", isLoadingData: "isLoadingData", loadingText: "loadingText", hasErrors: "hasErrors", errorText: "errorText" }, outputs: { employeeChanged: "employeeChanged" }, viewQueries: [{ propertyName: "form", first: true, predicate: ["form"], descendants: true }], usesOnChanges: true, ngImport: i0__namespace, template: "<mobicloud-group-box title=\"Profile\" i18n-title=\"@@CaptionHeader-Profile\" [width]=\"[width]\" [contentheight]=[contentheight] class=\"employeeProfileForm\" [isLoadingData]=\"isLoadingData\" [loadingText]=\"loadingText\" \n   [editAllowed]=\"editAllowed\" [inEditMode]=\"inEditMode\" [hasErrors]=\"hasErrors\" errorCaption=\"Error\" i18n-errorCaption=\"@@CaptionHeader-Error\" [errorText]=\"errorText\" [enableRetryOnError]=\"true\"\n    (Edit_Click)=\"onEditClick()\" (Save_Click)=\"onSaveClick()\" (CancelEdit_Click)=\"onCancelEditClick()\" (Retry_Click)=\"onRetryClick()\">\n\n    <dx-form #form id=\"form\"\n        [formData]=\"formEmployee\"\n        [readOnly]=\"!inEditMode\"\n        [showColonAfterLabel]=\"true\"\n        labelLocation=\"top\"\n        [showValidationSummary]=\"false\" \n        [showRequiredMark] = \"false\"\n        validationGroup=\"formEmployeeData_Profile\">\n\n        <dxi-item itemType=\"group\" caption=\"\" [colCount]=\"2\">\n            <dxi-item dataField=\"FirstName\" [editorOptions]=\"{ inputAttr: {'autocomplete': 'given-name'} }\">\n                <dxo-label text=\"First name\" i18n-text=\"@@FieldCaption-FirstName\"></dxo-label>        \n                <dxi-validation-rule type=\"required\" message=\"First name is required\" i18n-message=\"@@ValidationText-FirstName-Required\"></dxi-validation-rule>        \n            </dxi-item>\n            <dxi-item dataField=\"LastName\" [editorOptions]=\"{ inputAttr: {'autocomplete': 'family-name'} }\">\n                <dxo-label text=\"Last name\" i18n-text=\"@@FieldCaption-LastName\"></dxo-label>   \n                <dxi-validation-rule type=\"required\" message=\"Last name is required\" i18n-message=\"@@ValidationText-LastName-Required\"></dxi-validation-rule>             \n            </dxi-item>\n                        \n            <dxi-item dataField=\"Initials\">\n                <dxo-label text=\"Initials\" i18n-text=\"@@FieldCaption-Initials\"></dxo-label>                \n            </dxi-item>\n\n            <dxi-item dataField=\"Gender\" editorType=\"dxSelectBox\" [editorOptions]=\"{ dataSource: genderType_ds, valueExpr: 'id', displayExpr: 'description' }\">\n                <dxo-label text=\"Gender\" i18n-text=\"@@FieldCaption-Gender\"></dxo-label>\n            </dxi-item> \n\n            <dxi-item dataField=\"DepartmentId\" editorType=\"dxLookup\" [editorOptions]=\"{ itemTemplate:'department_itemTemplate', fieldTemplate: 'department_fieldTemplate', dataSource: department_ds, valueExpr: 'Id', displayExpr: 'Name', searchEnabled: true, searchExpr: ['Name'], showClearButton: true }\">\n                <dxo-label text=\"Department\" i18n-text=\"@@FieldCaption-Department\"></dxo-label> \n            </dxi-item> \n\n            <dxi-item dataField=\"LocationId\" editorType=\"dxLookup\" [editorOptions]=\"{ itemTemplate:'location_itemTemplate', fieldTemplate: 'location_fieldTemplate', dataSource: location_ds, valueExpr: 'Id', displayExpr: 'Name', searchEnabled: true, searchExpr: ['Name'], showClearButton: true }\">\n                <dxo-label text=\"Location\" i18n-text=\"@@FieldCaption-Location\"></dxo-label>\n            </dxi-item>  \n\n            <dxi-item dataField=\"InventLocationId\" editorType=\"dxLookup\" [editorOptions]=\"{ itemTemplate:'inventLocation_itemTemplate', fieldTemplate: 'inventLocation_fieldTemplate', dataSource: inventLocation_ds, valueExpr: 'Id', displayExpr: 'Name', searchEnabled: true, searchExpr: ['InventLocationId','Name'], showClearButton: true }\">\n                <dxo-label text=\"InventLocation\" i18n-text=\"@@FieldCaption-InventLocation\"></dxo-label>\n            </dxi-item>          \n\n            <dxi-item dataField=\"SupervisorId\" #responsible editorType=\"dxLookup\" [editorOptions]=\"editorOptions_Supervisor\">\n                <dxo-label text=\"Supervisor\" i18n-text=\"@@FieldCaption-Supervisor\"></dxo-label> \n            </dxi-item>  \n\n            <dxi-item dataField=\"PayrollNumber\" editorType=\"dxAutocomplete\" [editorOptions]=\"editorOptions_PayrollNumber\">\n                <dxo-label text=\"Payroll no.\" i18n-text=\"@@FieldCaption-PayrollNumber\"></dxo-label>                                    \n            </dxi-item> \n\n            <dxi-item dataField=\"PayrollIntervalId\" editorType=\"dxLookup\" [editorOptions]=\"editorOptions_PayrollInterval\">\n                <dxo-label text=\"Payroll interval\" i18n-text=\"@@FieldCaption-PayrollInterval\"></dxo-label> \n            </dxi-item>    \n            \n            <dxi-item dataField=\"EmployeeGroupId\" editorType=\"dxLookup\" [editorOptions]=\"editorOptions_EmployeeGroup\">\n                <dxo-label text=\"Employee group\" i18n-text=\"@@FieldCaption-EmployeeGroup\"></dxo-label> \n            </dxi-item>   \n            \n            <dxi-item dataField=\"BeaconId\" editorType=\"dxLookup\" [editorOptions]=\"editorOptions_Beacon\">\n                <dxo-label text=\"Beacon\" i18n-text=\"@@FieldCaption-Beacon\"></dxo-label> \n            </dxi-item>      \n            \n            \n            <dxi-item dataField=\"DefaultProjectId\" editorType=\"dxLookup\" [editorOptions]=\"editorOptions_DefaultProject\">\n                <dxo-label text=\"Project\" i18n-text=\"@@FieldCaption-Project\"></dxo-label> \n            </dxi-item>   \n            \n            <dxi-item dataField=\"DefaultOvertimeCategoryId\" editorType=\"dxLookup\" [editorOptions]=\"editorOptions_DefaultOvertimeCategory\">\n                <dxo-label text=\"Overtime category\" i18n-text=\"@@FieldCaption-OvertimeCategory\"></dxo-label> \n            </dxi-item>  \n\n\n        </dxi-item>       \n       \n        <!-- Templates -->\n        <div *dxTemplate=\"let item of 'department_itemTemplate'\">\n            {{ item?.Name }}\n        </div>        \n        <div *dxTemplate=\"let fieldData of 'department_fieldTemplate'\" [ngClass]=\"{'lookup-field-template-container':!inEditMode, 'lookup-field-template-container-readonly':!inEditMode}\">\n            {{fieldData?.Name}}\n        </div>         \n        <div *dxTemplate=\"let item of 'location_itemTemplate'\">\n            {{ item?.Name }}\n        </div>        \n        <div *dxTemplate=\"let fieldData of 'location_fieldTemplate'\" [ngClass]=\"{'lookup-field-template-container':!inEditMode, 'lookup-field-template-container-readonly':!inEditMode}\">\n            {{fieldData?.Name}}\n        </div> \n        <div *dxTemplate=\"let item of 'inventLocation_itemTemplate'\">\n            {{item?.Name}} {{ item?.InventLocationId ? ('(' + item.InventLocationId + ')') : ('') }}\n        </div>        \n        <div *dxTemplate=\"let item of 'inventLocation_fieldTemplate'\" [ngClass]=\"{'lookup-field-template-container':!inEditMode, 'lookup-field-template-container-readonly':!inEditMode}\">\n            {{item?.Name}} {{ item?.InventLocationId ? ('(' + item.InventLocationId + ')') : ('') }}\n        </div>         \n        <div *dxTemplate=\"let item of 'employee_itemTemplate'\">\n            {{item?.Name}} {{ item?.EmployeeNumber ? ('(' + item.EmployeeNumber + ')') : ('') }}\n        </div>        \n        <div *dxTemplate=\"let item of 'employee_fieldTemplate'\" [ngClass]=\"{'lookup-field-template-container':!inEditMode, 'lookup-field-template-container-readonly':!inEditMode}\">\n            {{item?.Name}} {{ item?.EmployeeNumber ? ('(' + item.EmployeeNumber + ')') : ('') }}\n        </div> \n        <div class=\"payrollno-dropdown\" *dxTemplate=\"let empl of 'payrollEmplTemplate'\">\n            <div class=\"payrollno-dropdown-emplno\">{{empl.EmployeeNumber}}</div><div class=\"payrollno-dropdown-emplname\">{{empl.Name}}</div>\n        </div>  \n        \n        <div *dxTemplate=\"let fieldData of 'payrollInterval_itemTemplate'\">\n            {{fieldData?.Name}}\n        </div>        \n        <div *dxTemplate=\"let fieldData of 'payrollInterval_fieldTemplate'\" [ngClass]=\"{'lookup-field-template-container':!inEditMode, 'lookup-field-template-container-readonly':!inEditMode}\">\n            {{fieldData?.Name}} {{ fieldData?.IntervalId ? ('(' + fieldData?.IntervalId + ')') : ('') }}\n        </div>\n\n        <div *dxTemplate=\"let item of 'employeegroup_itemTemplate'\">\n            {{ item?.Name }}\n        </div>        \n        <div *dxTemplate=\"let fieldData of 'employeegroup_fieldTemplate'\" [ngClass]=\"{'lookup-field-template-container':!inEditMode, 'lookup-field-template-container-readonly':!inEditMode}\">\n            {{fieldData?.Name}}\n        </div> \n        \n        <div *dxTemplate=\"let fieldData of 'beacon_itemTemplate'\">\n            {{fieldData?.BeaconId}}\n        </div>        \n        <div *dxTemplate=\"let fieldData of 'beacon_fieldTemplate'\" [ngClass]=\"{'lookup-field-template-container':!inEditMode, 'lookup-field-template-container-readonly':!inEditMode}\">\n            {{fieldData?.BeaconId}} {{ fieldData?.Name ? ('(' + fieldData?.Name + ')') : ('') }}\n        </div>        \n\n\n        <div *dxTemplate=\"let item of 'project_itemTemplate'\">\n            {{item?.Name}} {{ item?.ProjectId ? ('(' + item.ProjectId + ')') : ('') }}\n        </div>        \n        <div *dxTemplate=\"let item of 'project_fieldTemplate'\" [ngClass]=\"{'lookup-field-template-container':!inEditMode, 'lookup-field-template-container-readonly':!inEditMode}\">\n            {{item?.Name}} {{ item?.ProjectId ? ('(' + item.ProjectId + ')') : ('') }}\n        </div>           \n        \n        <div *dxTemplate=\"let item of 'payroll_itemTemplate'\">\n            {{item?.Name}} {{ item?.CategoryId ? ('(' + item.CategoryId + ')') : ('') }}\n        </div>        \n        <div *dxTemplate=\"let item of 'payroll_fieldTemplate'\" [ngClass]=\"{'lookup-field-template-container':!inEditMode, 'lookup-field-template-container-readonly':!inEditMode}\">\n            {{item?.Name}} {{ item?.CategoryId ? ('(' + item.CategoryId + ')') : ('') }}\n        </div>  \n        \n        \n    </dx-form>\n</mobicloud-group-box>", styles: [".employeeProfileForm .mat-form-field{width:100%;margin-left:10px;margin-right:10px}.mat-form-field mat-label{text-transform:uppercase!important}.payrollno-dropdown{display:flex}.payrollno-dropdown-emplno{min-width:30px}.payrollno-dropdown-emplname{margin-left:16px}\n"], components: [{ type: GroupBoxComponent, selector: "mobicloud-group-box", inputs: ["width", "contentheight", "noBackgroundHeader", "title", "isLoadingData", "loadingText", "hasErrors", "errorCaption", "errorText", "enableRetryOnError", "editAllowed", "inEditMode"], outputs: ["Edit_Click", "Save_Click", "CancelEdit_Click", "Retry_Click"] }, { type: i5__namespace$3.DxFormComponent, selector: "dx-form", inputs: ["accessKey", "activeStateEnabled", "alignItemLabels", "alignItemLabelsInAllGroups", "colCount", "colCountByScreen", "customizeItem", "disabled", "elementAttr", "focusStateEnabled", "formData", "height", "hint", "hoverStateEnabled", "items", "labelLocation", "labelMode", "minColWidth", "optionalMark", "readOnly", "requiredMark", "requiredMessage", "rtlEnabled", "screenByWidth", "scrollingEnabled", "showColonAfterLabel", "showOptionalMark", "showRequiredMark", "showValidationSummary", "tabIndex", "validationGroup", "visible", "width"], outputs: ["onContentReady", "onDisposing", "onEditorEnterKey", "onFieldDataChanged", "onInitialized", "onOptionChanged", "accessKeyChange", "activeStateEnabledChange", "alignItemLabelsChange", "alignItemLabelsInAllGroupsChange", "colCountChange", "colCountByScreenChange", "customizeItemChange", "disabledChange", "elementAttrChange", "focusStateEnabledChange", "formDataChange", "heightChange", "hintChange", "hoverStateEnabledChange", "itemsChange", "labelLocationChange", "labelModeChange", "minColWidthChange", "optionalMarkChange", "readOnlyChange", "requiredMarkChange", "requiredMessageChange", "rtlEnabledChange", "screenByWidthChange", "scrollingEnabledChange", "showColonAfterLabelChange", "showOptionalMarkChange", "showRequiredMarkChange", "showValidationSummaryChange", "tabIndexChange", "validationGroupChange", "visibleChange", "widthChange"] }, { type: i6__namespace.DxiItemComponent, selector: "dxi-item", inputs: ["disabled", "html", "icon", "template", "text", "title", "titleTemplate", "visible", "onClick", "stylingMode", "type", "baseSize", "box", "ratio", "shrink", "elementAttr", "hint", "beginGroup", "closeMenuOnClick", "items", "selectable", "selected", "colSpan", "cssClass", "dataField", "editorOptions", "editorType", "helpText", "isRequired", "itemType", "label", "name", "validationRules", "visibleIndex", "alignItemLabels", "caption", "colCount", "colCountByScreen", "tabPanelOptions", "tabs", "badge", "tabTemplate", "buttonOptions", "horizontalAlignment", "verticalAlignment", "locateInMenu", "location", "menuItemTemplate", "options", "showText", "widget", "height", "width", "imageAlt", "imageSrc", "acceptedValues", "formatName", "formatValues", "key", "showChevron", "heightRatio", "widthRatio", "expanded", "hasItems", "id", "parentId"] }, { type: i6__namespace.DxoLabelComponent, selector: "dxo-label", inputs: ["connectorColor", "connectorWidth", "customizeText", "font", "format", "indent", "visible", "horizontalAlignment", "position", "text", "verticalAlignment", "alignment", "customizeHint", "displayMode", "indentFromAxis", "overlappingBehavior", "rotationAngle", "staggeringSpacing", "template", "textOverflow", "wordWrap", "argumentFormat", "backgroundColor", "border", "connector", "displayFormat", "horizontalOffset", "showForZeroValues", "verticalOffset", "hideFirstOrLast", "indentFromTick", "useRangeColors", "location", "showColon", "radialOffset", "topIndent", "shadow", "useNodeColors", "dataField", "enabled"] }, { type: i6__namespace.DxiValidationRuleComponent, selector: "dxi-validation-rule", inputs: ["message", "trim", "type", "ignoreEmptyValue", "max", "min", "reevaluate", "validationCallback", "comparisonTarget", "comparisonType", "pattern"] }], directives: [{ type: i7__namespace$1.DxTemplateDirective, selector: "[dxTemplate]", inputs: ["dxTemplateOf"] }, { type: i4__namespace$2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { type: i9__namespace$2.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"] }] });
     i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: EmployeeProfileComponent, decorators: [{
                 type: i0.Component,
                 args: [{