@masterteam/system-settings 0.0.8 → 0.0.10

package/fesm2022/masterteam-system-settings.mjs

@@ -189,13 +189,11 @@ class SystemSettingsTimeSheetSection {
     policyForm = input.required(...(ngDevMode ? [{ debugName: "policyForm" }] : /* istanbul ignore next */ []));
     globalWorkingHoursForm = input.required(...(ngDevMode ? [{ debugName: "globalWorkingHoursForm" }] : /* istanbul ignore next */ []));
     dayOptions = input([], ...(ngDevMode ? [{ debugName: "dayOptions" }] : /* istanbul ignore next */ []));
-    scheduleItemTypeOptions = input([], ...(ngDevMode ? [{ debugName: "scheduleItemTypeOptions" }] : /* istanbul ignore next */ []));
-    rateSourceOptions = input([], ...(ngDevMode ? [{ debugName: "rateSourceOptions" }] : /* istanbul ignore next */ []));
+    frequencyOptions = input([], ...(ngDevMode ? [{ debugName: "frequencyOptions" }] : /* istanbul ignore next */ []));
     timezoneOptions = input([], ...(ngDevMode ? [{ debugName: "timezoneOptions" }] : /* istanbul ignore next */ []));
-    allowOvertimeControl = computed(() => this.policyForm().get('allowOvertime'), ...(ngDevMode ? [{ debugName: "allowOvertimeControl" }] : /* istanbul ignore next */ []));
-    costEnabledControl = computed(() => this.policyForm().get('costEnabled'), ...(ngDevMode ? [{ debugName: "costEnabledControl" }] : /* istanbul ignore next */ []));
+    maxDailyBelowDaily = input(false, ...(ngDevMode ? [{ debugName: "maxDailyBelowDaily" }] : /* istanbul ignore next */ []));
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.8", ngImport: i0, type: SystemSettingsTimeSheetSection, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "21.2.8", type: SystemSettingsTimeSheetSection, isStandalone: true, selector: "mt-system-settings-timesheet-section", inputs: { policyForm: { classPropertyName: "policyForm", publicName: "policyForm", isSignal: true, isRequired: true, transformFunction: null }, globalWorkingHoursForm: { classPropertyName: "globalWorkingHoursForm", publicName: "globalWorkingHoursForm", isSignal: true, isRequired: true, transformFunction: null }, dayOptions: { classPropertyName: "dayOptions", publicName: "dayOptions", isSignal: true, isRequired: false, transformFunction: null }, scheduleItemTypeOptions: { classPropertyName: "scheduleItemTypeOptions", publicName: "scheduleItemTypeOptions", isSignal: true, isRequired: false, transformFunction: null }, rateSourceOptions: { classPropertyName: "rateSourceOptions", publicName: "rateSourceOptions", isSignal: true, isRequired: false, transformFunction: null }, timezoneOptions: { classPropertyName: "timezoneOptions", publicName: "timezoneOptions", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0, template: "<ng-container *transloco=\"let t; prefix: 'system-settings'\">\r\n  <div class=\"grid gap-6 xl:grid-cols-2 mb-6\">\r\n    <mt-card class=\"block\">\r\n      <div [formGroup]=\"policyForm()\" class=\"space-y-5\">\r\n        <div class=\"space-y-1\">\r\n          <h4 class=\"text-base font-semibold text-neutral-900\">\r\n            {{ t(\"timesheet-policy-title\") }}\r\n          </h4>\r\n          <p class=\"text-sm text-neutral-600\">\r\n            {{ t(\"timesheet-policy-description\") }}\r\n          </p>\r\n        </div>\r\n\r\n        <div\r\n          class=\"rounded-lg border border-sky-200 bg-sky-50 px-4 py-3 text-sm text-sky-800\"\r\n        >\r\n          {{ t(\"timesheet-policy-workflow-note\") }}\r\n        </div>\r\n\r\n        <div class=\"grid gap-4 md:grid-cols-2\">\r\n          <mt-select-field\r\n            formControlName=\"weekStartDay\"\r\n            [options]=\"dayOptions()\"\r\n            [optionLabel]=\"'name'\"\r\n            [optionValue]=\"'dayNumber'\"\r\n            [label]=\"t('week-start-day')\"\r\n            [placeholder]=\"t('week-start-day-placeholder')\"\r\n            [required]=\"true\"\r\n          />\r\n\r\n          <mt-multi-select-field\r\n            formControlName=\"allowedScheduleItemTypes\"\r\n            [options]=\"scheduleItemTypeOptions()\"\r\n            [optionLabel]=\"'name'\"\r\n            [optionValue]=\"'itemType'\"\r\n            [label]=\"t('allowed-schedule-item-types')\"\r\n            [placeholder]=\"t('allowed-schedule-item-types-placeholder')\"\r\n            [display]=\"'chip'\"\r\n            [required]=\"true\"\r\n            [showClear]=\"true\"\r\n          />\r\n\r\n          <mt-number-field\r\n            formControlName=\"regularDailyHours\"\r\n            [label]=\"t('regular-daily-hours')\"\r\n            [placeholder]=\"t('regular-daily-hours-placeholder')\"\r\n            [min]=\"0\"\r\n            [max]=\"24\"\r\n            [required]=\"true\"\r\n          />\r\n\r\n          <mt-number-field\r\n            formControlName=\"maxDailyHours\"\r\n            [label]=\"t('max-daily-hours')\"\r\n            [placeholder]=\"t('max-daily-hours-placeholder')\"\r\n            [min]=\"1\"\r\n            [max]=\"24\"\r\n            [required]=\"true\"\r\n          />\r\n\r\n          <mt-number-field\r\n            formControlName=\"pastEntryLockDays\"\r\n            [label]=\"t('past-entry-lock-days')\"\r\n            [placeholder]=\"t('past-entry-lock-days-placeholder')\"\r\n            [min]=\"0\"\r\n            [max]=\"3650\"\r\n          />\r\n\r\n          <mt-select-field\r\n            formControlName=\"rateSource\"\r\n            [options]=\"rateSourceOptions()\"\r\n            [optionLabel]=\"'name'\"\r\n            [optionValue]=\"'id'\"\r\n            [label]=\"t('rate-source')\"\r\n            [placeholder]=\"t('rate-source-placeholder')\"\r\n            [required]=\"true\"\r\n          />\r\n        </div>\r\n\r\n        <div class=\"grid gap-3 md:grid-cols-2\">\r\n          <mt-toggle-field\r\n            formControlName=\"generationEnabled\"\r\n            [label]=\"t('generation-enabled')\"\r\n          />\r\n          <mt-toggle-field\r\n            formControlName=\"manualGenerationEnabled\"\r\n            [label]=\"t('manual-generation-enabled')\"\r\n          />\r\n          <mt-toggle-field\r\n            formControlName=\"allowOvertime\"\r\n            [label]=\"t('allow-overtime')\"\r\n          />\r\n          <mt-toggle-field\r\n            formControlName=\"requireOvertimeReason\"\r\n            [label]=\"t('require-overtime-reason')\"\r\n          />\r\n          <mt-toggle-field\r\n            formControlName=\"requireDescription\"\r\n            [label]=\"t('require-description')\"\r\n          />\r\n          <mt-toggle-field\r\n            formControlName=\"allowFutureEntry\"\r\n            [label]=\"t('allow-future-entry')\"\r\n          />\r\n          <mt-toggle-field\r\n            formControlName=\"assignedItemsOnly\"\r\n            [label]=\"t('assigned-items-only')\"\r\n          />\r\n          <mt-toggle-field\r\n            formControlName=\"allowZeroHourSubmit\"\r\n            [label]=\"t('allow-zero-hour-submit')\"\r\n          />\r\n          <mt-toggle-field\r\n            formControlName=\"costEnabled\"\r\n            [label]=\"t('cost-enabled')\"\r\n          />\r\n        </div>\r\n      </div>\r\n    </mt-card>\r\n\r\n    <mt-card class=\"block\">\r\n      <div [formGroup]=\"globalWorkingHoursForm()\" class=\"space-y-5\">\r\n        <div class=\"space-y-1\">\r\n          <h4 class=\"text-base font-semibold text-neutral-900\">\r\n            {{ t(\"global-working-hours-title\") }}\r\n          </h4>\r\n          <p class=\"text-sm text-neutral-600\">\r\n            {{ t(\"global-working-hours-description\") }}\r\n          </p>\r\n        </div>\r\n\r\n        <div class=\"grid gap-4 md:grid-cols-2\">\r\n          <mt-select-field\r\n            class=\"md:col-span-2\"\r\n            formControlName=\"timeZoneId\"\r\n            [options]=\"timezoneOptions()\"\r\n            [optionLabel]=\"'name'\"\r\n            [optionValue]=\"'id'\"\r\n            [label]=\"t('global-timezone')\"\r\n            [placeholder]=\"t('global-timezone-placeholder')\"\r\n            [filter]=\"true\"\r\n            [required]=\"true\"\r\n          />\r\n\r\n          <mt-text-field\r\n            formControlName=\"workDayStart\"\r\n            type=\"time\"\r\n            [label]=\"t('work-day-start')\"\r\n            [placeholder]=\"t('work-day-start-placeholder')\"\r\n            [required]=\"true\"\r\n          />\r\n\r\n          <mt-text-field\r\n            formControlName=\"workDayEnd\"\r\n            type=\"time\"\r\n            [label]=\"t('work-day-end')\"\r\n            [placeholder]=\"t('work-day-end-placeholder')\"\r\n            [required]=\"true\"\r\n          />\r\n\r\n          <mt-multi-select-field\r\n            class=\"md:col-span-2\"\r\n            formControlName=\"workingDays\"\r\n            [options]=\"dayOptions()\"\r\n            [optionLabel]=\"'name'\"\r\n            [optionValue]=\"'dayNumber'\"\r\n            [label]=\"t('working-days')\"\r\n            [placeholder]=\"t('working-days-placeholder')\"\r\n            [display]=\"'chip'\"\r\n            [required]=\"true\"\r\n            [showClear]=\"true\"\r\n          />\r\n\r\n          <mt-textarea-field\r\n            class=\"md:col-span-2\"\r\n            formControlName=\"holidaysCsv\"\r\n            [label]=\"t('global-holidays')\"\r\n            [placeholder]=\"t('global-holidays-placeholder')\"\r\n            rows=\"3\"\r\n          />\r\n        </div>\r\n      </div>\r\n    </mt-card>\r\n  </div>\r\n</ng-container>\r\n", dependencies: [{ kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],[formArray],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i1.RequiredValidator, selector: ":not([type=checkbox])[required][formControlName],:not([type=checkbox])[required][formControl],:not([type=checkbox])[required][ngModel]", inputs: ["required"] }, { kind: "directive", type: i1.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i1.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "directive", type: TranslocoDirective, selector: "[transloco]", inputs: ["transloco", "translocoParams", "translocoScope", "translocoRead", "translocoPrefix", "translocoLang", "translocoLoadingTpl"] }, { kind: "component", type: Card, selector: "mt-card", inputs: ["class", "title", "paddingless"] }, { kind: "component", type: MultiSelectField, selector: "mt-multi-select-field", inputs: ["field", "label", "placeholder", "class", "readonly", "pInputs", "options", "optionValue", "optionLabel", "filter", "filterBy", "dataKey", "showClear", "display", "required", "maxSelectedLabels", "group", "virtualScroll", "virtualScrollItemSize", "optionGroupLabel", "optionGroupChildren", "optionIcon", "optionIconColor", "optionIconShape", "optionAvatarShape", "optionGroupIcon", "optionGroupIconColor", "optionGroupIconShape", "optionGroupAvatarShape"], outputs: ["onChange"] }, { kind: "component", type: NumberField, selector: "mt-number-field", inputs: ["field", "hint", "label", "placeholder", "class", "readonly", "pInputs", "format", "useGrouping", "maxFractionDigits", "min", "max", "required"] }, { kind: "component", type: SelectField, selector: "mt-select-field", inputs: ["field", "hint", "label", "placeholder", "hasPlaceholderPrefix", "class", "readonly", "pInputs", "options", "optionValue", "optionLabel", "filter", "filterBy", "dataKey", "showClear", "clearAfterSelect", "required", "group", "size", "optionGroupLabel", "optionGroupChildren", "loading", "optionIcon", "optionIconColor", "optionIconShape", "optionAvatarShape", "optionGroupIcon", "optionGroupIconColor", "optionGroupIconShape", "optionGroupAvatarShape", "markCurrentUser"], outputs: ["onChange"] }, { kind: "component", type: TextareaField, selector: "mt-textarea-field", inputs: ["field", "hint", "label", "placeholder", "class", "readonly", "noErrorStyle", "pInputs", "rows", "required", "maxLength"] }, { kind: "component", type: TextField, selector: "mt-text-field", inputs: ["field", "hint", "label", "placeholder", "class", "type", "readonly", "pInputs", "required", "maxLength", "icon", "iconPosition"] }, { kind: "component", type: ToggleField, selector: "mt-toggle-field", inputs: ["label", "inputId", "labelPosition", "placeholder", "readonly", "pInputs", "required", "toggleShape", "size", "icon", "descriptionCard"], outputs: ["onChange"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "21.2.8", type: SystemSettingsTimeSheetSection, isStandalone: true, selector: "mt-system-settings-timesheet-section", inputs: { policyForm: { classPropertyName: "policyForm", publicName: "policyForm", isSignal: true, isRequired: true, transformFunction: null }, globalWorkingHoursForm: { classPropertyName: "globalWorkingHoursForm", publicName: "globalWorkingHoursForm", isSignal: true, isRequired: true, transformFunction: null }, dayOptions: { classPropertyName: "dayOptions", publicName: "dayOptions", isSignal: true, isRequired: false, transformFunction: null }, frequencyOptions: { classPropertyName: "frequencyOptions", publicName: "frequencyOptions", isSignal: true, isRequired: false, transformFunction: null }, timezoneOptions: { classPropertyName: "timezoneOptions", publicName: "timezoneOptions", isSignal: true, isRequired: false, transformFunction: null }, maxDailyBelowDaily: { classPropertyName: "maxDailyBelowDaily", publicName: "maxDailyBelowDaily", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0, template: "<ng-container *transloco=\"let t; prefix: 'system-settings'\">\n  <div class=\"grid gap-6 xl:grid-cols-2 mb-6\">\n    <mt-card class=\"block\">\n      <div [formGroup]=\"policyForm()\" class=\"space-y-5\">\n        <div class=\"space-y-1\">\n          <h4 class=\"text-base font-semibold text-neutral-900\">\n            {{ t(\"general-card-title\") }}\n          </h4>\n          <p class=\"text-sm text-neutral-600\">\n            {{ t(\"general-card-description\") }}\n          </p>\n        </div>\n\n        <div class=\"grid gap-4 md:grid-cols-2\">\n          <mt-select-field\n            formControlName=\"frequency\"\n            [options]=\"frequencyOptions()\"\n            [optionLabel]=\"'name'\"\n            [optionValue]=\"'id'\"\n            [label]=\"t('frequency')\"\n            [placeholder]=\"t('frequency-placeholder')\"\n            [required]=\"true\"\n          />\n\n          <mt-number-field\n            formControlName=\"maxDailyHours\"\n            [label]=\"t('max-daily-hours')\"\n            [placeholder]=\"t('max-daily-hours-placeholder')\"\n            [min]=\"1\"\n            [max]=\"24\"\n            [required]=\"true\"\n            [hint]=\"maxDailyBelowDaily() ? t('max-daily-below-daily') : ''\"\n          />\n\n          <mt-number-field\n            formControlName=\"submissionDeadlineDays\"\n            [label]=\"t('submission-deadline-days')\"\n            [placeholder]=\"t('submission-deadline-days-placeholder')\"\n            [min]=\"0\"\n            [max]=\"90\"\n            [required]=\"true\"\n            [hint]=\"t('submission-deadline-hint')\"\n          />\n        </div>\n\n        <div class=\"grid gap-3 md:grid-cols-2\">\n          <mt-toggle-field\n            formControlName=\"requireDescription\"\n            [label]=\"t('require-description')\"\n          />\n          <mt-toggle-field\n            formControlName=\"allowFutureEntry\"\n            [label]=\"t('allow-future-entry')\"\n          />\n          <mt-toggle-field\n            formControlName=\"allowBackdatedEntry\"\n            [label]=\"t('allow-backdated-entry')\"\n          />\n          <mt-toggle-field\n            formControlName=\"autoLockOnApprove\"\n            [label]=\"t('auto-lock-on-approve')\"\n          />\n        </div>\n      </div>\n    </mt-card>\n\n    <mt-card class=\"block\">\n      <div [formGroup]=\"globalWorkingHoursForm()\" class=\"space-y-5\">\n        <div class=\"space-y-1\">\n          <h4 class=\"text-base font-semibold text-neutral-900\">\n            {{ t(\"working-hours-card-title\") }}\n          </h4>\n          <p class=\"text-sm text-neutral-600\">\n            {{ t(\"working-hours-card-description\") }}\n          </p>\n        </div>\n\n        <div class=\"grid gap-4 md:grid-cols-2\">\n          <mt-select-field\n            class=\"md:col-span-2\"\n            formControlName=\"timeZoneId\"\n            [options]=\"timezoneOptions()\"\n            [optionLabel]=\"'name'\"\n            [optionValue]=\"'id'\"\n            [label]=\"t('global-timezone')\"\n            [placeholder]=\"t('global-timezone-placeholder')\"\n            [filter]=\"true\"\n            [required]=\"true\"\n          />\n\n          <mt-multi-select-field\n            class=\"md:col-span-2\"\n            formControlName=\"workingDays\"\n            [options]=\"dayOptions()\"\n            [optionLabel]=\"'name'\"\n            [optionValue]=\"'dayNumber'\"\n            [label]=\"t('working-days')\"\n            [placeholder]=\"t('working-days-placeholder')\"\n            [display]=\"'chip'\"\n            [required]=\"true\"\n            [showClear]=\"true\"\n          />\n\n          <mt-number-field\n            class=\"md:col-span-2\"\n            formControlName=\"hoursPerDay\"\n            [label]=\"t('daily-working-hours')\"\n            [placeholder]=\"t('daily-working-hours-placeholder')\"\n            [min]=\"0\"\n            [max]=\"24\"\n            [required]=\"true\"\n          />\n\n          <mt-textarea-field\n            class=\"md:col-span-2\"\n            formControlName=\"holidaysCsv\"\n            [label]=\"t('global-holidays')\"\n            [placeholder]=\"t('global-holidays-placeholder')\"\n            rows=\"3\"\n          />\n        </div>\n      </div>\n    </mt-card>\n  </div>\n</ng-container>\n", dependencies: [{ kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],[formArray],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i1.RequiredValidator, selector: ":not([type=checkbox])[required][formControlName],:not([type=checkbox])[required][formControl],:not([type=checkbox])[required][ngModel]", inputs: ["required"] }, { kind: "directive", type: i1.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i1.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "directive", type: TranslocoDirective, selector: "[transloco]", inputs: ["transloco", "translocoParams", "translocoScope", "translocoRead", "translocoPrefix", "translocoLang", "translocoLoadingTpl"] }, { kind: "component", type: Card, selector: "mt-card", inputs: ["class", "title", "paddingless"] }, { kind: "component", type: MultiSelectField, selector: "mt-multi-select-field", inputs: ["field", "label", "placeholder", "class", "readonly", "pInputs", "options", "optionValue", "optionLabel", "filter", "filterBy", "dataKey", "showClear", "display", "required", "maxSelectedLabels", "group", "virtualScroll", "virtualScrollItemSize", "optionGroupLabel", "optionGroupChildren", "optionIcon", "optionIconColor", "optionIconShape", "optionAvatarShape", "optionGroupIcon", "optionGroupIconColor", "optionGroupIconShape", "optionGroupAvatarShape"], outputs: ["onChange"] }, { kind: "component", type: NumberField, selector: "mt-number-field", inputs: ["field", "hint", "label", "placeholder", "class", "readonly", "pInputs", "format", "useGrouping", "maxFractionDigits", "min", "max", "required"] }, { kind: "component", type: SelectField, selector: "mt-select-field", inputs: ["field", "hint", "label", "placeholder", "hasPlaceholderPrefix", "class", "readonly", "pInputs", "options", "optionValue", "optionLabel", "filter", "filterBy", "dataKey", "showClear", "clearAfterSelect", "required", "group", "size", "optionGroupLabel", "optionGroupChildren", "loading", "optionIcon", "optionIconColor", "optionIconShape", "optionAvatarShape", "optionGroupIcon", "optionGroupIconColor", "optionGroupIconShape", "optionGroupAvatarShape", "markCurrentUser"], outputs: ["onChange"] }, { kind: "component", type: TextareaField, selector: "mt-textarea-field", inputs: ["field", "hint", "label", "placeholder", "class", "readonly", "noErrorStyle", "pInputs", "rows", "required", "maxLength"] }, { kind: "component", type: ToggleField, selector: "mt-toggle-field", inputs: ["label", "inputId", "labelPosition", "placeholder", "readonly", "pInputs", "required", "toggleShape", "size", "icon", "descriptionCard"], outputs: ["onChange"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.8", ngImport: i0, type: SystemSettingsTimeSheetSection, decorators: [{
             type: Component,
@@ -207,10 +205,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.8", ngImpor
                         NumberField,
                         SelectField,
                         TextareaField,
-                        TextField,
                         ToggleField,
-                    ], changeDetection: ChangeDetectionStrategy.OnPush, template: "<ng-container *transloco=\"let t; prefix: 'system-settings'\">\r\n  <div class=\"grid gap-6 xl:grid-cols-2 mb-6\">\r\n    <mt-card class=\"block\">\r\n      <div [formGroup]=\"policyForm()\" class=\"space-y-5\">\r\n        <div class=\"space-y-1\">\r\n          <h4 class=\"text-base font-semibold text-neutral-900\">\r\n            {{ t(\"timesheet-policy-title\") }}\r\n          </h4>\r\n          <p class=\"text-sm text-neutral-600\">\r\n            {{ t(\"timesheet-policy-description\") }}\r\n          </p>\r\n        </div>\r\n\r\n        <div\r\n          class=\"rounded-lg border border-sky-200 bg-sky-50 px-4 py-3 text-sm text-sky-800\"\r\n        >\r\n          {{ t(\"timesheet-policy-workflow-note\") }}\r\n        </div>\r\n\r\n        <div class=\"grid gap-4 md:grid-cols-2\">\r\n          <mt-select-field\r\n            formControlName=\"weekStartDay\"\r\n            [options]=\"dayOptions()\"\r\n            [optionLabel]=\"'name'\"\r\n            [optionValue]=\"'dayNumber'\"\r\n            [label]=\"t('week-start-day')\"\r\n            [placeholder]=\"t('week-start-day-placeholder')\"\r\n            [required]=\"true\"\r\n          />\r\n\r\n          <mt-multi-select-field\r\n            formControlName=\"allowedScheduleItemTypes\"\r\n            [options]=\"scheduleItemTypeOptions()\"\r\n            [optionLabel]=\"'name'\"\r\n            [optionValue]=\"'itemType'\"\r\n            [label]=\"t('allowed-schedule-item-types')\"\r\n            [placeholder]=\"t('allowed-schedule-item-types-placeholder')\"\r\n            [display]=\"'chip'\"\r\n            [required]=\"true\"\r\n            [showClear]=\"true\"\r\n          />\r\n\r\n          <mt-number-field\r\n            formControlName=\"regularDailyHours\"\r\n            [label]=\"t('regular-daily-hours')\"\r\n            [placeholder]=\"t('regular-daily-hours-placeholder')\"\r\n            [min]=\"0\"\r\n            [max]=\"24\"\r\n            [required]=\"true\"\r\n          />\r\n\r\n          <mt-number-field\r\n            formControlName=\"maxDailyHours\"\r\n            [label]=\"t('max-daily-hours')\"\r\n            [placeholder]=\"t('max-daily-hours-placeholder')\"\r\n            [min]=\"1\"\r\n            [max]=\"24\"\r\n            [required]=\"true\"\r\n          />\r\n\r\n          <mt-number-field\r\n            formControlName=\"pastEntryLockDays\"\r\n            [label]=\"t('past-entry-lock-days')\"\r\n            [placeholder]=\"t('past-entry-lock-days-placeholder')\"\r\n            [min]=\"0\"\r\n            [max]=\"3650\"\r\n          />\r\n\r\n          <mt-select-field\r\n            formControlName=\"rateSource\"\r\n            [options]=\"rateSourceOptions()\"\r\n            [optionLabel]=\"'name'\"\r\n            [optionValue]=\"'id'\"\r\n            [label]=\"t('rate-source')\"\r\n            [placeholder]=\"t('rate-source-placeholder')\"\r\n            [required]=\"true\"\r\n          />\r\n        </div>\r\n\r\n        <div class=\"grid gap-3 md:grid-cols-2\">\r\n          <mt-toggle-field\r\n            formControlName=\"generationEnabled\"\r\n            [label]=\"t('generation-enabled')\"\r\n          />\r\n          <mt-toggle-field\r\n            formControlName=\"manualGenerationEnabled\"\r\n            [label]=\"t('manual-generation-enabled')\"\r\n          />\r\n          <mt-toggle-field\r\n            formControlName=\"allowOvertime\"\r\n            [label]=\"t('allow-overtime')\"\r\n          />\r\n          <mt-toggle-field\r\n            formControlName=\"requireOvertimeReason\"\r\n            [label]=\"t('require-overtime-reason')\"\r\n          />\r\n          <mt-toggle-field\r\n            formControlName=\"requireDescription\"\r\n            [label]=\"t('require-description')\"\r\n          />\r\n          <mt-toggle-field\r\n            formControlName=\"allowFutureEntry\"\r\n            [label]=\"t('allow-future-entry')\"\r\n          />\r\n          <mt-toggle-field\r\n            formControlName=\"assignedItemsOnly\"\r\n            [label]=\"t('assigned-items-only')\"\r\n          />\r\n          <mt-toggle-field\r\n            formControlName=\"allowZeroHourSubmit\"\r\n            [label]=\"t('allow-zero-hour-submit')\"\r\n          />\r\n          <mt-toggle-field\r\n            formControlName=\"costEnabled\"\r\n            [label]=\"t('cost-enabled')\"\r\n          />\r\n        </div>\r\n      </div>\r\n    </mt-card>\r\n\r\n    <mt-card class=\"block\">\r\n      <div [formGroup]=\"globalWorkingHoursForm()\" class=\"space-y-5\">\r\n        <div class=\"space-y-1\">\r\n          <h4 class=\"text-base font-semibold text-neutral-900\">\r\n            {{ t(\"global-working-hours-title\") }}\r\n          </h4>\r\n          <p class=\"text-sm text-neutral-600\">\r\n            {{ t(\"global-working-hours-description\") }}\r\n          </p>\r\n        </div>\r\n\r\n        <div class=\"grid gap-4 md:grid-cols-2\">\r\n          <mt-select-field\r\n            class=\"md:col-span-2\"\r\n            formControlName=\"timeZoneId\"\r\n            [options]=\"timezoneOptions()\"\r\n            [optionLabel]=\"'name'\"\r\n            [optionValue]=\"'id'\"\r\n            [label]=\"t('global-timezone')\"\r\n            [placeholder]=\"t('global-timezone-placeholder')\"\r\n            [filter]=\"true\"\r\n            [required]=\"true\"\r\n          />\r\n\r\n          <mt-text-field\r\n            formControlName=\"workDayStart\"\r\n            type=\"time\"\r\n            [label]=\"t('work-day-start')\"\r\n            [placeholder]=\"t('work-day-start-placeholder')\"\r\n            [required]=\"true\"\r\n          />\r\n\r\n          <mt-text-field\r\n            formControlName=\"workDayEnd\"\r\n            type=\"time\"\r\n            [label]=\"t('work-day-end')\"\r\n            [placeholder]=\"t('work-day-end-placeholder')\"\r\n            [required]=\"true\"\r\n          />\r\n\r\n          <mt-multi-select-field\r\n            class=\"md:col-span-2\"\r\n            formControlName=\"workingDays\"\r\n            [options]=\"dayOptions()\"\r\n            [optionLabel]=\"'name'\"\r\n            [optionValue]=\"'dayNumber'\"\r\n            [label]=\"t('working-days')\"\r\n            [placeholder]=\"t('working-days-placeholder')\"\r\n            [display]=\"'chip'\"\r\n            [required]=\"true\"\r\n            [showClear]=\"true\"\r\n          />\r\n\r\n          <mt-textarea-field\r\n            class=\"md:col-span-2\"\r\n            formControlName=\"holidaysCsv\"\r\n            [label]=\"t('global-holidays')\"\r\n            [placeholder]=\"t('global-holidays-placeholder')\"\r\n            rows=\"3\"\r\n          />\r\n        </div>\r\n      </div>\r\n    </mt-card>\r\n  </div>\r\n</ng-container>\r\n" }]
-        }], propDecorators: { policyForm: [{ type: i0.Input, args: [{ isSignal: true, alias: "policyForm", required: true }] }], globalWorkingHoursForm: [{ type: i0.Input, args: [{ isSignal: true, alias: "globalWorkingHoursForm", required: true }] }], dayOptions: [{ type: i0.Input, args: [{ isSignal: true, alias: "dayOptions", required: false }] }], scheduleItemTypeOptions: [{ type: i0.Input, args: [{ isSignal: true, alias: "scheduleItemTypeOptions", required: false }] }], rateSourceOptions: [{ type: i0.Input, args: [{ isSignal: true, alias: "rateSourceOptions", required: false }] }], timezoneOptions: [{ type: i0.Input, args: [{ isSignal: true, alias: "timezoneOptions", required: false }] }] } });
+                    ], changeDetection: ChangeDetectionStrategy.OnPush, template: "<ng-container *transloco=\"let t; prefix: 'system-settings'\">\n  <div class=\"grid gap-6 xl:grid-cols-2 mb-6\">\n    <mt-card class=\"block\">\n      <div [formGroup]=\"policyForm()\" class=\"space-y-5\">\n        <div class=\"space-y-1\">\n          <h4 class=\"text-base font-semibold text-neutral-900\">\n            {{ t(\"general-card-title\") }}\n          </h4>\n          <p class=\"text-sm text-neutral-600\">\n            {{ t(\"general-card-description\") }}\n          </p>\n        </div>\n\n        <div class=\"grid gap-4 md:grid-cols-2\">\n          <mt-select-field\n            formControlName=\"frequency\"\n            [options]=\"frequencyOptions()\"\n            [optionLabel]=\"'name'\"\n            [optionValue]=\"'id'\"\n            [label]=\"t('frequency')\"\n            [placeholder]=\"t('frequency-placeholder')\"\n            [required]=\"true\"\n          />\n\n          <mt-number-field\n            formControlName=\"maxDailyHours\"\n            [label]=\"t('max-daily-hours')\"\n            [placeholder]=\"t('max-daily-hours-placeholder')\"\n            [min]=\"1\"\n            [max]=\"24\"\n            [required]=\"true\"\n            [hint]=\"maxDailyBelowDaily() ? t('max-daily-below-daily') : ''\"\n          />\n\n          <mt-number-field\n            formControlName=\"submissionDeadlineDays\"\n            [label]=\"t('submission-deadline-days')\"\n            [placeholder]=\"t('submission-deadline-days-placeholder')\"\n            [min]=\"0\"\n            [max]=\"90\"\n            [required]=\"true\"\n            [hint]=\"t('submission-deadline-hint')\"\n          />\n        </div>\n\n        <div class=\"grid gap-3 md:grid-cols-2\">\n          <mt-toggle-field\n            formControlName=\"requireDescription\"\n            [label]=\"t('require-description')\"\n          />\n          <mt-toggle-field\n            formControlName=\"allowFutureEntry\"\n            [label]=\"t('allow-future-entry')\"\n          />\n          <mt-toggle-field\n            formControlName=\"allowBackdatedEntry\"\n            [label]=\"t('allow-backdated-entry')\"\n          />\n          <mt-toggle-field\n            formControlName=\"autoLockOnApprove\"\n            [label]=\"t('auto-lock-on-approve')\"\n          />\n        </div>\n      </div>\n    </mt-card>\n\n    <mt-card class=\"block\">\n      <div [formGroup]=\"globalWorkingHoursForm()\" class=\"space-y-5\">\n        <div class=\"space-y-1\">\n          <h4 class=\"text-base font-semibold text-neutral-900\">\n            {{ t(\"working-hours-card-title\") }}\n          </h4>\n          <p class=\"text-sm text-neutral-600\">\n            {{ t(\"working-hours-card-description\") }}\n          </p>\n        </div>\n\n        <div class=\"grid gap-4 md:grid-cols-2\">\n          <mt-select-field\n            class=\"md:col-span-2\"\n            formControlName=\"timeZoneId\"\n            [options]=\"timezoneOptions()\"\n            [optionLabel]=\"'name'\"\n            [optionValue]=\"'id'\"\n            [label]=\"t('global-timezone')\"\n            [placeholder]=\"t('global-timezone-placeholder')\"\n            [filter]=\"true\"\n            [required]=\"true\"\n          />\n\n          <mt-multi-select-field\n            class=\"md:col-span-2\"\n            formControlName=\"workingDays\"\n            [options]=\"dayOptions()\"\n            [optionLabel]=\"'name'\"\n            [optionValue]=\"'dayNumber'\"\n            [label]=\"t('working-days')\"\n            [placeholder]=\"t('working-days-placeholder')\"\n            [display]=\"'chip'\"\n            [required]=\"true\"\n            [showClear]=\"true\"\n          />\n\n          <mt-number-field\n            class=\"md:col-span-2\"\n            formControlName=\"hoursPerDay\"\n            [label]=\"t('daily-working-hours')\"\n            [placeholder]=\"t('daily-working-hours-placeholder')\"\n            [min]=\"0\"\n            [max]=\"24\"\n            [required]=\"true\"\n          />\n\n          <mt-textarea-field\n            class=\"md:col-span-2\"\n            formControlName=\"holidaysCsv\"\n            [label]=\"t('global-holidays')\"\n            [placeholder]=\"t('global-holidays-placeholder')\"\n            rows=\"3\"\n          />\n        </div>\n      </div>\n    </mt-card>\n  </div>\n</ng-container>\n" }]
+        }], propDecorators: { policyForm: [{ type: i0.Input, args: [{ isSignal: true, alias: "policyForm", required: true }] }], globalWorkingHoursForm: [{ type: i0.Input, args: [{ isSignal: true, alias: "globalWorkingHoursForm", required: true }] }], dayOptions: [{ type: i0.Input, args: [{ isSignal: true, alias: "dayOptions", required: false }] }], frequencyOptions: [{ type: i0.Input, args: [{ isSignal: true, alias: "frequencyOptions", required: false }] }], timezoneOptions: [{ type: i0.Input, args: [{ isSignal: true, alias: "timezoneOptions", required: false }] }], maxDailyBelowDaily: [{ type: i0.Input, args: [{ isSignal: true, alias: "maxDailyBelowDaily", required: false }] }] } });
 
 const FIXED_CURRENCIES = [
     {
@@ -303,6 +300,12 @@ const DOTNET_DAY_DEFINITIONS = [
     { dayNumber: 5, translationKey: 'friday' },
     { dayNumber: 6, translationKey: 'saturday' },
 ];
+const TIMESHEET_FREQUENCY_OPTIONS = [
+    { id: 'Daily', translationKey: 'frequency-daily' },
+    { id: 'Weekly', translationKey: 'frequency-weekly' },
+    { id: 'BiWeekly', translationKey: 'frequency-biweekly' },
+    { id: 'Monthly', translationKey: 'frequency-monthly' },
+];
 const SCHEDULE_ITEM_TYPE_OPTIONS = [
     { itemType: 'Task', translationKey: 'schedule-item-task' },
     { itemType: 'Milestone', translationKey: 'schedule-item-milestone' },
@@ -313,6 +316,35 @@ const RATE_SOURCE_OPTIONS = [
     { id: 'None', translationKey: 'rate-source-none' },
 ];
 
+const SYSTEM_SETTINGS_STORAGE_KEY = 'systemSettings.settings';
+function serializeSystemSettings(settings) {
+    return JSON.stringify(settings);
+}
+/**
+ * Persists the canonical settings array consumed by host-level formatters.
+ * Storage failures must not turn a successful API request into a UI failure.
+ */
+function synchronizeSystemSettingsStorage(storage, settings) {
+    if (!storage) {
+        return false;
+    }
+    try {
+        storage.setItem(SYSTEM_SETTINGS_STORAGE_KEY, serializeSystemSettings(settings));
+        return true;
+    }
+    catch {
+        return false;
+    }
+}
+function resolveBrowserLocalStorage() {
+    try {
+        return globalThis.localStorage ?? null;
+    }
+    catch {
+        return null;
+    }
+}
+
 class SystemSettings {
     http = inject(HttpClient);
     router = inject(Router);
@@ -357,53 +389,36 @@ class SystemSettings {
             port: new FormControl('', { nonNullable: true }),
         }),
         timeSheetPolicy: new FormGroup({
-            weekStartDay: new FormControl(null, Validators.required),
-            generationEnabled: new FormControl(true, { nonNullable: true }),
-            manualGenerationEnabled: new FormControl(true, { nonNullable: true }),
-            regularDailyHours: new FormControl(8, [
-                Validators.required,
-                Validators.min(0),
-                Validators.max(24),
-            ]),
+            frequency: new FormControl('Weekly', Validators.required),
             maxDailyHours: new FormControl(24, [
                 Validators.required,
                 Validators.min(1),
                 Validators.max(24),
             ]),
-            allowOvertime: new FormControl(true, { nonNullable: true }),
-            requireOvertimeReason: new FormControl(false, { nonNullable: true }),
             requireDescription: new FormControl(false, { nonNullable: true }),
-            allowFutureEntry: new FormControl(true, { nonNullable: true }),
-            pastEntryLockDays: new FormControl(null, [
+            allowFutureEntry: new FormControl(false, { nonNullable: true }),
+            allowBackdatedEntry: new FormControl(true, { nonNullable: true }),
+            autoLockOnApprove: new FormControl(true, { nonNullable: true }),
+            submissionDeadlineDays: new FormControl(3, [
+                Validators.required,
                 Validators.min(0),
-                Validators.max(3650),
+                Validators.max(90),
             ]),
-            allowedScheduleItemTypes: new FormControl(['Deliverable'], {
-                nonNullable: true,
-                validators: [Validators.required],
-            }),
-            assignedItemsOnly: new FormControl(false, { nonNullable: true }),
-            allowZeroHourSubmit: new FormControl(true, { nonNullable: true }),
-            costEnabled: new FormControl(true, { nonNullable: true }),
-            rateSource: new FormControl('UserHourlyRate', Validators.required),
         }),
         globalWorkingHours: new FormGroup({
             timeZoneId: new FormControl(null, Validators.required),
-            workDayStart: new FormControl('08:00', {
-                nonNullable: true,
-                validators: [Validators.required],
-            }),
-            workDayEnd: new FormControl('16:00', {
-                nonNullable: true,
-                validators: [Validators.required],
-            }),
             workingDays: new FormControl([0, 1, 2, 3, 4], {
                 nonNullable: true,
                 validators: [Validators.required],
             }),
+            hoursPerDay: new FormControl(8, [
+                Validators.required,
+                Validators.min(0),
+                Validators.max(24),
+            ]),
             holidaysCsv: new FormControl('', { nonNullable: true }),
         }),
-    });
+    }, maxDailyHoursGteHoursPerDay);
     settings = signal(null, ...(ngDevMode ? [{ debugName: "settings" }] : /* istanbul ignore next */ []));
     settingsLoading = signal(false, ...(ngDevMode ? [{ debugName: "settingsLoading" }] : /* istanbul ignore next */ []));
     settingsError = signal(null, ...(ngDevMode ? [{ debugName: "settingsError" }] : /* istanbul ignore next */ []));
@@ -481,21 +496,13 @@ class SystemSettings {
             name: this.transloco.translate(`system-settings.${day.translationKey}`),
         }));
     }, ...(ngDevMode ? [{ debugName: "dotnetDayOptions" }] : /* istanbul ignore next */ []));
-    scheduleItemTypeOptions = computed(() => {
-        this.activeLang();
-        return SCHEDULE_ITEM_TYPE_OPTIONS.map((item) => ({
-            id: item.itemType,
-            itemType: item.itemType,
-            name: this.transloco.translate(`system-settings.${item.translationKey}`),
-        }));
-    }, ...(ngDevMode ? [{ debugName: "scheduleItemTypeOptions" }] : /* istanbul ignore next */ []));
-    rateSourceOptions = computed(() => {
+    frequencyOptions = computed(() => {
         this.activeLang();
-        return RATE_SOURCE_OPTIONS.map((item) => ({
+        return TIMESHEET_FREQUENCY_OPTIONS.map((item) => ({
             id: item.id,
             name: this.transloco.translate(`system-settings.${item.translationKey}`),
         }));
-    }, ...(ngDevMode ? [{ debugName: "rateSourceOptions" }] : /* istanbul ignore next */ []));
+    }, ...(ngDevMode ? [{ debugName: "frequencyOptions" }] : /* istanbul ignore next */ []));
     isReady = computed(() => this.hydrationVersion() !== null && this.initialSnapshot() !== null, ...(ngDevMode ? [{ debugName: "isReady" }] : /* istanbul ignore next */ []));
     isLoading = computed(() => this.settingsLoading() || this.timezonesLoading() || !this.isReady(), ...(ngDevMode ? [{ debugName: "isLoading" }] : /* istanbul ignore next */ []));
     hasChanges = computed(() => {
@@ -668,7 +675,9 @@ class SystemSettings {
             .get(this.buildEndpoint('getsystemsettings'))
             .subscribe({
             next: (response) => {
-                this.settings.set(response.data ?? []);
+                const settings = response.data ?? [];
+                this.settings.set(settings);
+                synchronizeSystemSettingsStorage(resolveBrowserLocalStorage(), settings);
                 this.settingsLoading.set(false);
                 this.settingsLastUpdated.set(new Date().toISOString());
             },
@@ -706,6 +715,7 @@ class SystemSettings {
             next: () => {
                 const nextSettings = this.applyUpdatedSettings(this.settings() ?? [], values);
                 this.settings.set(nextSettings);
+                synchronizeSystemSettingsStorage(resolveBrowserLocalStorage(), nextSettings);
                 this.updating.set(false);
                 this.updateError.set(null);
                 this.settingsLastUpdated.set(new Date().toISOString());
@@ -722,8 +732,8 @@ class SystemSettings {
         const currency = this.normalizeCurrencySnapshot(this.extractCurrencyValue(currencySetting));
         const weekend = this.normalizeWeekendSnapshot(this.extractWeekendValue(weekendSetting));
         const smtp = this.normalizeSmtpSnapshot(this.extractSmtpValue(smtpSetting));
-        const timeSheetPolicy = this.normalizeTimeSheetPolicySnapshot(this.extractTimeSheetPolicyValue(timeSheetPolicySetting));
         const globalWorkingHours = this.normalizeGlobalWorkingHoursSnapshot(this.extractGlobalWorkingHoursValue(globalWorkingHoursSetting));
+        const timeSheetPolicy = this.normalizeTimeSheetPolicySnapshot(this.extractTimeSheetPolicyValue(timeSheetPolicySetting), globalWorkingHours.hoursPerDay);
         this.holidayItems.set(holidays.data);
         this.form.controls.timezone.setValue({
             regionId: timezone.region?.id ?? null,
@@ -745,27 +755,18 @@ class SystemSettings {
             port: smtp.port === null ? '' : String(smtp.port),
         });
         this.form.controls.timeSheetPolicy.setValue({
-            weekStartDay: timeSheetPolicy.weekStartDay,
-            generationEnabled: timeSheetPolicy.generationEnabled,
-            manualGenerationEnabled: timeSheetPolicy.manualGenerationEnabled,
-            regularDailyHours: timeSheetPolicy.regularDailyHours,
+            frequency: timeSheetPolicy.frequency,
             maxDailyHours: timeSheetPolicy.maxDailyHours,
-            allowOvertime: timeSheetPolicy.allowOvertime,
-            requireOvertimeReason: timeSheetPolicy.requireOvertimeReason,
             requireDescription: timeSheetPolicy.requireDescription,
             allowFutureEntry: timeSheetPolicy.allowFutureEntry,
-            pastEntryLockDays: timeSheetPolicy.pastEntryLockDays,
-            allowedScheduleItemTypes: timeSheetPolicy.allowedScheduleItemTypes,
-            assignedItemsOnly: timeSheetPolicy.assignedItemsOnly,
-            allowZeroHourSubmit: timeSheetPolicy.allowZeroHourSubmit,
-            costEnabled: timeSheetPolicy.costEnabled,
-            rateSource: timeSheetPolicy.rateSource,
+            allowBackdatedEntry: timeSheetPolicy.allowBackdatedEntry,
+            autoLockOnApprove: timeSheetPolicy.autoLockOnApprove,
+            submissionDeadlineDays: timeSheetPolicy.submissionDeadlineDays,
         });
         this.form.controls.globalWorkingHours.setValue({
             timeZoneId: globalWorkingHours.timeZoneId,
-            workDayStart: minutesToTime(globalWorkingHours.workDayStartMinute),
-            workDayEnd: minutesToTime(globalWorkingHours.workDayEndMinute),
             workingDays: globalWorkingHours.workingDays,
+            hoursPerDay: globalWorkingHours.hoursPerDay,
             holidaysCsv: globalWorkingHours.holidays.join(', '),
         });
         this.form.markAsPristine();
@@ -854,35 +855,23 @@ class SystemSettings {
     }
     buildTimeSheetPolicyValue() {
         const policyForm = this.form.controls.timeSheetPolicy.getRawValue();
+        const hoursPerDay = clampNumber(this.form.controls.globalWorkingHours.controls.hoursPerDay.value ?? 8, 0, 24);
         return {
-            weekStartDay: policyForm.weekStartDay ?? 0,
-            generationEnabled: policyForm.generationEnabled,
-            manualGenerationEnabled: policyForm.manualGenerationEnabled,
-            regularDailyHours: policyForm.regularDailyHours ?? 8,
-            maxDailyHours: policyForm.maxDailyHours ?? 24,
-            allowOvertime: policyForm.allowOvertime,
-            requireOvertimeReason: policyForm.allowOvertime
-                ? policyForm.requireOvertimeReason
-                : false,
+            frequency: normalizeFrequency(policyForm.frequency),
+            maxDailyHours: Math.max(hoursPerDay, clampNumber(policyForm.maxDailyHours ?? 24, 1, 24)),
             requireDescription: policyForm.requireDescription,
             allowFutureEntry: policyForm.allowFutureEntry,
-            pastEntryLockDays: policyForm.pastEntryLockDays,
-            allowedScheduleItemTypes: policyForm.allowedScheduleItemTypes,
-            assignedItemsOnly: policyForm.assignedItemsOnly,
-            allowZeroHourSubmit: policyForm.allowZeroHourSubmit,
-            costEnabled: policyForm.costEnabled,
-            rateSource: policyForm.costEnabled
-                ? (policyForm.rateSource ?? 'UserHourlyRate')
-                : 'None',
+            allowBackdatedEntry: policyForm.allowBackdatedEntry,
+            autoLockOnApprove: policyForm.autoLockOnApprove,
+            submissionDeadlineDays: clampNumber(policyForm.submissionDeadlineDays ?? 0, 0, 90),
         };
     }
     buildGlobalWorkingHoursValue() {
         const globalForm = this.form.controls.globalWorkingHours.getRawValue();
         return {
             timeZoneId: globalForm.timeZoneId ?? 'UTC',
-            workDayStartMinute: timeToMinutes(globalForm.workDayStart),
-            workDayEndMinute: timeToMinutes(globalForm.workDayEnd),
             workingDays: normalizeDotnetDays(globalForm.workingDays),
+            hoursPerDay: clampNumber(globalForm.hoursPerDay ?? 8, 0, 24),
             holidays: parseCsv(globalForm.holidaysCsv),
         };
     }
@@ -956,47 +945,36 @@ class SystemSettings {
         if (!isRecord(setting.value)) {
             return this.getDefaultTimeSheetPolicyValue();
         }
+        const value = setting.value;
         const defaults = this.getDefaultTimeSheetPolicyValue();
         return {
-            weekStartDay: getNumber(setting.value['weekStartDay']) ?? defaults.weekStartDay,
-            generationEnabled: getBoolean(setting.value['generationEnabled']) ??
-                defaults.generationEnabled,
-            manualGenerationEnabled: getBoolean(setting.value['manualGenerationEnabled']) ??
-                defaults.manualGenerationEnabled,
-            regularDailyHours: getNumber(setting.value['regularDailyHours']) ??
-                defaults.regularDailyHours,
-            maxDailyHours: getNumber(setting.value['maxDailyHours']) ?? defaults.maxDailyHours,
-            allowOvertime: getBoolean(setting.value['allowOvertime']) ?? defaults.allowOvertime,
-            requireOvertimeReason: getBoolean(setting.value['requireOvertimeReason']) ??
-                defaults.requireOvertimeReason,
-            requireDescription: getBoolean(setting.value['requireDescription']) ??
-                defaults.requireDescription,
-            allowFutureEntry: getBoolean(setting.value['allowFutureEntry']) ??
+            frequency: normalizeFrequency(value['frequency'] ?? value['Frequency']),
+            maxDailyHours: getNumber(value['maxDailyHours'] ?? value['MaxDailyHours']) ??
+                defaults.maxDailyHours,
+            requireDescription: getBoolean(value['requireDescription'] ?? value['RequireDescription']) ?? defaults.requireDescription,
+            allowFutureEntry: getBoolean(value['allowFutureEntry'] ?? value['AllowFutureEntry']) ??
                 defaults.allowFutureEntry,
-            pastEntryLockDays: getNullableNumber(setting.value['pastEntryLockDays']),
-            allowedScheduleItemTypes: getStringArray(setting.value['allowedScheduleItemTypes']) ??
-                defaults.allowedScheduleItemTypes,
-            assignedItemsOnly: getBoolean(setting.value['assignedItemsOnly']) ??
-                defaults.assignedItemsOnly,
-            allowZeroHourSubmit: getBoolean(setting.value['allowZeroHourSubmit']) ??
-                defaults.allowZeroHourSubmit,
-            costEnabled: getBoolean(setting.value['costEnabled']) ?? defaults.costEnabled,
-            rateSource: getString(setting.value['rateSource']) ?? defaults.rateSource,
+            allowBackdatedEntry: getBoolean(value['allowBackdatedEntry'] ?? value['AllowBackdatedEntry']) ?? defaults.allowBackdatedEntry,
+            autoLockOnApprove: getBoolean(value['autoLockOnApprove'] ?? value['AutoLockOnApprove']) ??
+                defaults.autoLockOnApprove,
+            submissionDeadlineDays: getNumber(value['submissionDeadlineDays'] ?? value['SubmissionDeadlineDays']) ?? defaults.submissionDeadlineDays,
         };
     }
     extractGlobalWorkingHoursValue(setting) {
         if (!isRecord(setting.value)) {
             return this.getDefaultGlobalWorkingHoursValue();
         }
+        const value = setting.value;
         const defaults = this.getDefaultGlobalWorkingHoursValue();
         return {
-            timeZoneId: getString(setting.value['timeZoneId']) ?? defaults.timeZoneId,
-            workDayStartMinute: getNumber(setting.value['workDayStartMinute']) ??
-                defaults.workDayStartMinute,
-            workDayEndMinute: getNumber(setting.value['workDayEndMinute']) ??
-                defaults.workDayEndMinute,
-            workingDays: getNumberArray(setting.value['workingDays']) ?? defaults.workingDays,
-            holidays: getStringArray(setting.value['holidays']) ?? defaults.holidays,
+            timeZoneId: getString(value['timeZoneId'] ?? value['TimeZoneId']) ??
+                defaults.timeZoneId,
+            workingDays: getNumberArray(value['workingDays'] ?? value['WorkingDays']) ??
+                defaults.workingDays,
+            hoursPerDay: getNumber(value['hoursPerDay'] ?? value['HoursPerDay']) ??
+                defaults.hoursPerDay,
+            holidays: getStringArray(value['holidays'] ?? value['Holidays']) ??
+                defaults.holidays,
         };
     }
     normalizeHolidayItem(value) {
@@ -1092,33 +1070,23 @@ class SystemSettings {
             port: value.port,
         };
     }
-    normalizeTimeSheetPolicySnapshot(value) {
-        const defaults = this.getDefaultTimeSheetPolicyValue();
-        const regularDailyHours = clampNumber(value.regularDailyHours, 0, 24);
-        const maxDailyHours = Math.max(regularDailyHours, clampNumber(value.maxDailyHours, 1, 24));
-        const allowedScheduleItemTypes = value.allowedScheduleItemTypes.length
-            ? value.allowedScheduleItemTypes
-            : defaults.allowedScheduleItemTypes;
+    normalizeTimeSheetPolicySnapshot(value, hoursPerDay) {
         return {
-            ...defaults,
-            ...value,
-            weekStartDay: clampNumber(value.weekStartDay, 0, 6),
-            regularDailyHours,
-            maxDailyHours,
-            pastEntryLockDays: value.pastEntryLockDays === null
-                ? null
-                : clampNumber(value.pastEntryLockDays, 0, 3650),
-            allowedScheduleItemTypes,
-            rateSource: value.rateSource || defaults.rateSource,
+            frequency: normalizeFrequency(value.frequency),
+            maxDailyHours: Math.max(clampNumber(hoursPerDay, 0, 24), clampNumber(value.maxDailyHours, 1, 24)),
+            requireDescription: value.requireDescription,
+            allowFutureEntry: value.allowFutureEntry,
+            allowBackdatedEntry: value.allowBackdatedEntry,
+            autoLockOnApprove: value.autoLockOnApprove,
+            submissionDeadlineDays: clampNumber(value.submissionDeadlineDays, 0, 90),
         };
     }
     normalizeGlobalWorkingHoursSnapshot(value) {
         const defaults = this.getDefaultGlobalWorkingHoursValue();
         return {
             timeZoneId: value.timeZoneId || defaults.timeZoneId,
-            workDayStartMinute: clampNumber(value.workDayStartMinute, 0, 1439),
-            workDayEndMinute: clampNumber(value.workDayEndMinute, 1, 1440),
             workingDays: normalizeDotnetDays(value.workingDays),
+            hoursPerDay: clampNumber(value.hoursPerDay, 0, 24),
             holidays: value.holidays,
         };
     }
@@ -1203,29 +1171,20 @@ class SystemSettings {
     }
     getDefaultTimeSheetPolicyValue() {
         return {
-            weekStartDay: 0,
-            generationEnabled: true,
-            manualGenerationEnabled: true,
-            regularDailyHours: 8,
+            frequency: 'Weekly',
             maxDailyHours: 24,
-            allowOvertime: true,
-            requireOvertimeReason: false,
             requireDescription: false,
-            allowFutureEntry: true,
-            pastEntryLockDays: null,
-            allowedScheduleItemTypes: ['Deliverable'],
-            assignedItemsOnly: false,
-            allowZeroHourSubmit: true,
-            costEnabled: true,
-            rateSource: 'UserHourlyRate',
+            allowFutureEntry: false,
+            allowBackdatedEntry: true,
+            autoLockOnApprove: true,
+            submissionDeadlineDays: 3,
         };
     }
     getDefaultGlobalWorkingHoursValue() {
         return {
             timeZoneId: this.timezones()[0]?.id ?? 'UTC',
-            workDayStartMinute: 480,
-            workDayEndMinute: 960,
             workingDays: [0, 1, 2, 3, 4],
+            hoursPerDay: 8,
             holidays: [],
         };
     }
@@ -1343,7 +1302,7 @@ class SystemSettings {
         return JSON.stringify(left) === JSON.stringify(right);
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.8", ngImport: i0, type: SystemSettings, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.8", type: SystemSettings, isStandalone: true, selector: "mt-system-settings", inputs: { apiBasePath: { classPropertyName: "apiBasePath", publicName: "apiBasePath", isSignal: true, isRequired: false, transformFunction: null }, backRoute: { classPropertyName: "backRoute", publicName: "backRoute", isSignal: true, isRequired: false, transformFunction: null }, formatSchema: { classPropertyName: "formatSchema", publicName: "formatSchema", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0, template: "<ng-container *transloco=\"let t; prefix: 'system-settings'\">\r\n  <mt-page\r\n    [title]=\"t('page-title')\"\r\n    [avatarIcon]=\"'general.settings-02'\"\r\n    [avatarStyle]=\"{\r\n      '--p-avatar-background': 'var(--p-emerald-100)',\r\n      '--p-avatar-color': 'var(--p-emerald-700)',\r\n    }\"\r\n    (backButtonClick)=\"goBack()\"\r\n    backButton\r\n  >\r\n    <div class=\"flex flex-col gap-3\">\r\n      <div\r\n        class=\"flex flex-col gap-4 md:flex-row md:items-end md:justify-between\"\r\n      >\r\n        <div>\r\n          <h3 class=\"text-lg font-bold text-neutral-900\">\r\n            {{ t(\"page-title\") }}\r\n          </h3>\r\n          <mt-breadcrumb\r\n            [items]=\"breadcrumbItems\"\r\n            [styleClass]=\"'flex justify-start mx-1'\"\r\n          />\r\n        </div>\r\n\r\n        <mt-button\r\n          [label]=\"t('save')\"\r\n          icon=\"general.save-01\"\r\n          [tooltip]=\"t('save-tooltip')\"\r\n          [badge]=\"hasChanges() ? '!' : ''\"\r\n          badgeSeverity=\"warn\"\r\n          [loading]=\"updating()\"\r\n          [disabled]=\"!canSaveSettings()\"\r\n          (onClick)=\"onSave()\"\r\n        />\r\n      </div>\r\n\r\n      @if (isLoading()) {\r\n        <div class=\"space-y-4\">\r\n          <p-skeleton width=\"100%\" height=\"12rem\" borderRadius=\"0.75rem\" />\r\n          <p-skeleton width=\"100%\" height=\"18rem\" borderRadius=\"0.75rem\" />\r\n          <p-skeleton width=\"100%\" height=\"14rem\" borderRadius=\"0.75rem\" />\r\n        </div>\r\n      } @else {\r\n        <!--\r\n          BE/HTTP errors (timezonesError, settingsError, updateError) are already\r\n          surfaced as toasts by the HTTP interceptor, so they are intentionally\r\n          not rendered as top-of-page banners here to avoid duplicate messaging.\r\n        -->\r\n        <div class=\"space-y-6\">\r\n          <mt-system-settings-holidays-section\r\n            [holidays]=\"holidayTableRows()\"\r\n            (addHoliday)=\"openAddHoliday()\"\r\n            (editHoliday)=\"editHoliday($event)\"\r\n            (deleteHoliday)=\"deleteHoliday($event)\"\r\n          />\r\n\r\n          <mt-system-settings-general-section\r\n            [timezoneForm]=\"form.controls.timezone\"\r\n            [currencyForm]=\"form.controls.currency\"\r\n            [weekendForm]=\"form.controls.weekend\"\r\n            [timezoneOptions]=\"timezoneOptions()\"\r\n            [dateFormatOptions]=\"dateFormatOptions()\"\r\n            [timeFormatOptions]=\"timeFormatOptions()\"\r\n            [currencyOptions]=\"currencyOptions()\"\r\n            [currencyFormatOptions]=\"currencyFormatOptions()\"\r\n            [weekendOptions]=\"weekendOptions()\"\r\n          />\r\n\r\n          <mt-system-settings-timesheet-section\r\n            [policyForm]=\"form.controls.timeSheetPolicy\"\r\n            [globalWorkingHoursForm]=\"form.controls.globalWorkingHours\"\r\n            [dayOptions]=\"dotnetDayOptions()\"\r\n            [scheduleItemTypeOptions]=\"scheduleItemTypeOptions()\"\r\n            [rateSourceOptions]=\"rateSourceOptions()\"\r\n            [timezoneOptions]=\"timezoneOptions()\"\r\n          />\r\n\r\n          <mt-system-settings-smtp-section [smtpForm]=\"form.controls.smtp\" />\r\n        </div>\r\n      }\r\n    </div>\r\n  </mt-page>\r\n</ng-container>\r\n", styles: [":host{display:block}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: TranslocoDirective, selector: "[transloco]", inputs: ["transloco", "translocoParams", "translocoScope", "translocoRead", "translocoPrefix", "translocoLang", "translocoLoadingTpl"] }, { kind: "component", type: Page, selector: "mt-page", inputs: ["backButton", "backButtonIcon", "avatarIcon", "avatarStyle", "avatarShape", "title", "tabs", "activeTab", "contentClass", "contentId"], outputs: ["backButtonClick", "tabChange"] }, { kind: "component", type: Button, selector: "mt-button", inputs: ["icon", "label", "tooltip", "class", "type", "styleClass", "severity", "badge", "variant", "badgeSeverity", "size", "iconPos", "autofocus", "fluid", "raised", "rounded", "text", "plain", "outlined", "link", "disabled", "loading", "pInputs"], outputs: ["onClick", "onFocus", "onBlur"] }, { kind: "component", type: Breadcrumb, selector: "mt-breadcrumb", inputs: ["items", "styleClass"], outputs: ["onItemClick"] }, { kind: "ngmodule", type: SkeletonModule }, { kind: "component", type: i1$1.Skeleton, selector: "p-skeleton", inputs: ["styleClass", "shape", "animation", "borderRadius", "size", "width", "height"] }, { kind: "component", type: SystemSettingsHolidaysSection, selector: "mt-system-settings-holidays-section", inputs: ["holidays"], outputs: ["addHoliday", "editHoliday", "deleteHoliday"] }, { kind: "component", type: SystemSettingsGeneralSection, selector: "mt-system-settings-general-section", inputs: ["timezoneForm", "currencyForm", "weekendForm", "timezoneOptions", "dateFormatOptions", "timeFormatOptions", "currencyOptions", "currencyFormatOptions", "weekendOptions"] }, { kind: "component", type: SystemSettingsSmtpSection, selector: "mt-system-settings-smtp-section", inputs: ["smtpForm"] }, { kind: "component", type: SystemSettingsTimeSheetSection, selector: "mt-system-settings-timesheet-section", inputs: ["policyForm", "globalWorkingHoursForm", "dayOptions", "scheduleItemTypeOptions", "rateSourceOptions", "timezoneOptions"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.8", type: SystemSettings, isStandalone: true, selector: "mt-system-settings", inputs: { apiBasePath: { classPropertyName: "apiBasePath", publicName: "apiBasePath", isSignal: true, isRequired: false, transformFunction: null }, backRoute: { classPropertyName: "backRoute", publicName: "backRoute", isSignal: true, isRequired: false, transformFunction: null }, formatSchema: { classPropertyName: "formatSchema", publicName: "formatSchema", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0, template: "<ng-container *transloco=\"let t; prefix: 'system-settings'\">\r\n  <mt-page\r\n    [title]=\"t('page-title')\"\r\n    [avatarIcon]=\"'general.settings-02'\"\r\n    [avatarStyle]=\"{\r\n      '--p-avatar-background': 'var(--p-emerald-100)',\r\n      '--p-avatar-color': 'var(--p-emerald-700)',\r\n    }\"\r\n    (backButtonClick)=\"goBack()\"\r\n    backButton\r\n  >\r\n    <div class=\"flex flex-col gap-3\">\r\n      <div\r\n        class=\"flex flex-col gap-4 md:flex-row md:items-end md:justify-between\"\r\n      >\r\n        <div>\r\n          <h3 class=\"text-lg font-bold text-neutral-900\">\r\n            {{ t(\"page-title\") }}\r\n          </h3>\r\n          <mt-breadcrumb\r\n            [items]=\"breadcrumbItems\"\r\n            [styleClass]=\"'flex justify-start mx-1'\"\r\n          />\r\n        </div>\r\n\r\n        <mt-button\r\n          [label]=\"t('save')\"\r\n          icon=\"general.save-01\"\r\n          [tooltip]=\"t('save-tooltip')\"\r\n          [badge]=\"hasChanges() ? '!' : ''\"\r\n          badgeSeverity=\"warn\"\r\n          [loading]=\"updating()\"\r\n          [disabled]=\"!canSaveSettings()\"\r\n          (onClick)=\"onSave()\"\r\n        />\r\n      </div>\r\n\r\n      @if (isLoading()) {\r\n        <div class=\"space-y-4\">\r\n          <p-skeleton width=\"100%\" height=\"12rem\" borderRadius=\"0.75rem\" />\r\n          <p-skeleton width=\"100%\" height=\"18rem\" borderRadius=\"0.75rem\" />\r\n          <p-skeleton width=\"100%\" height=\"14rem\" borderRadius=\"0.75rem\" />\r\n        </div>\r\n      } @else {\r\n        <!--\r\n          BE/HTTP errors (timezonesError, settingsError, updateError) are already\r\n          surfaced as toasts by the HTTP interceptor, so they are intentionally\r\n          not rendered as top-of-page banners here to avoid duplicate messaging.\r\n        -->\r\n        <div class=\"space-y-6\">\r\n          <mt-system-settings-holidays-section\r\n            [holidays]=\"holidayTableRows()\"\r\n            (addHoliday)=\"openAddHoliday()\"\r\n            (editHoliday)=\"editHoliday($event)\"\r\n            (deleteHoliday)=\"deleteHoliday($event)\"\r\n          />\r\n\r\n          <mt-system-settings-general-section\r\n            [timezoneForm]=\"form.controls.timezone\"\r\n            [currencyForm]=\"form.controls.currency\"\r\n            [weekendForm]=\"form.controls.weekend\"\r\n            [timezoneOptions]=\"timezoneOptions()\"\r\n            [dateFormatOptions]=\"dateFormatOptions()\"\r\n            [timeFormatOptions]=\"timeFormatOptions()\"\r\n            [currencyOptions]=\"currencyOptions()\"\r\n            [currencyFormatOptions]=\"currencyFormatOptions()\"\r\n            [weekendOptions]=\"weekendOptions()\"\r\n          />\r\n\r\n          <mt-system-settings-timesheet-section\r\n            [policyForm]=\"form.controls.timeSheetPolicy\"\r\n            [globalWorkingHoursForm]=\"form.controls.globalWorkingHours\"\r\n            [dayOptions]=\"dotnetDayOptions()\"\r\n            [frequencyOptions]=\"frequencyOptions()\"\r\n            [timezoneOptions]=\"timezoneOptions()\"\r\n            [maxDailyBelowDaily]=\"form.errors?.['maxDailyBelowDaily'] ?? false\"\r\n          />\r\n\r\n          <mt-system-settings-smtp-section [smtpForm]=\"form.controls.smtp\" />\r\n        </div>\r\n      }\r\n    </div>\r\n  </mt-page>\r\n</ng-container>\r\n", styles: [":host{display:block}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: TranslocoDirective, selector: "[transloco]", inputs: ["transloco", "translocoParams", "translocoScope", "translocoRead", "translocoPrefix", "translocoLang", "translocoLoadingTpl"] }, { kind: "component", type: Page, selector: "mt-page", inputs: ["backButton", "backButtonIcon", "avatarIcon", "avatarStyle", "avatarShape", "title", "tabs", "activeTab", "contentClass", "contentId"], outputs: ["backButtonClick", "tabChange"] }, { kind: "component", type: Button, selector: "mt-button", inputs: ["icon", "label", "tooltip", "class", "type", "styleClass", "severity", "badge", "variant", "badgeSeverity", "size", "iconPos", "autofocus", "fluid", "raised", "rounded", "text", "plain", "outlined", "link", "disabled", "loading", "pInputs"], outputs: ["onClick", "onFocus", "onBlur"] }, { kind: "component", type: Breadcrumb, selector: "mt-breadcrumb", inputs: ["items", "styleClass"], outputs: ["onItemClick"] }, { kind: "ngmodule", type: SkeletonModule }, { kind: "component", type: i1$1.Skeleton, selector: "p-skeleton", inputs: ["styleClass", "shape", "animation", "borderRadius", "size", "width", "height"] }, { kind: "component", type: SystemSettingsHolidaysSection, selector: "mt-system-settings-holidays-section", inputs: ["holidays"], outputs: ["addHoliday", "editHoliday", "deleteHoliday"] }, { kind: "component", type: SystemSettingsGeneralSection, selector: "mt-system-settings-general-section", inputs: ["timezoneForm", "currencyForm", "weekendForm", "timezoneOptions", "dateFormatOptions", "timeFormatOptions", "currencyOptions", "currencyFormatOptions", "weekendOptions"] }, { kind: "component", type: SystemSettingsSmtpSection, selector: "mt-system-settings-smtp-section", inputs: ["smtpForm"] }, { kind: "component", type: SystemSettingsTimeSheetSection, selector: "mt-system-settings-timesheet-section", inputs: ["policyForm", "globalWorkingHoursForm", "dayOptions", "frequencyOptions", "timezoneOptions", "maxDailyBelowDaily"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.8", ngImport: i0, type: SystemSettings, decorators: [{
             type: Component,
@@ -1359,7 +1318,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.8", ngImpor
                         SystemSettingsGeneralSection,
                         SystemSettingsSmtpSection,
                         SystemSettingsTimeSheetSection,
-                    ], changeDetection: ChangeDetectionStrategy.OnPush, template: "<ng-container *transloco=\"let t; prefix: 'system-settings'\">\r\n  <mt-page\r\n    [title]=\"t('page-title')\"\r\n    [avatarIcon]=\"'general.settings-02'\"\r\n    [avatarStyle]=\"{\r\n      '--p-avatar-background': 'var(--p-emerald-100)',\r\n      '--p-avatar-color': 'var(--p-emerald-700)',\r\n    }\"\r\n    (backButtonClick)=\"goBack()\"\r\n    backButton\r\n  >\r\n    <div class=\"flex flex-col gap-3\">\r\n      <div\r\n        class=\"flex flex-col gap-4 md:flex-row md:items-end md:justify-between\"\r\n      >\r\n        <div>\r\n          <h3 class=\"text-lg font-bold text-neutral-900\">\r\n            {{ t(\"page-title\") }}\r\n          </h3>\r\n          <mt-breadcrumb\r\n            [items]=\"breadcrumbItems\"\r\n            [styleClass]=\"'flex justify-start mx-1'\"\r\n          />\r\n        </div>\r\n\r\n        <mt-button\r\n          [label]=\"t('save')\"\r\n          icon=\"general.save-01\"\r\n          [tooltip]=\"t('save-tooltip')\"\r\n          [badge]=\"hasChanges() ? '!' : ''\"\r\n          badgeSeverity=\"warn\"\r\n          [loading]=\"updating()\"\r\n          [disabled]=\"!canSaveSettings()\"\r\n          (onClick)=\"onSave()\"\r\n        />\r\n      </div>\r\n\r\n      @if (isLoading()) {\r\n        <div class=\"space-y-4\">\r\n          <p-skeleton width=\"100%\" height=\"12rem\" borderRadius=\"0.75rem\" />\r\n          <p-skeleton width=\"100%\" height=\"18rem\" borderRadius=\"0.75rem\" />\r\n          <p-skeleton width=\"100%\" height=\"14rem\" borderRadius=\"0.75rem\" />\r\n        </div>\r\n      } @else {\r\n        <!--\r\n          BE/HTTP errors (timezonesError, settingsError, updateError) are already\r\n          surfaced as toasts by the HTTP interceptor, so they are intentionally\r\n          not rendered as top-of-page banners here to avoid duplicate messaging.\r\n        -->\r\n        <div class=\"space-y-6\">\r\n          <mt-system-settings-holidays-section\r\n            [holidays]=\"holidayTableRows()\"\r\n            (addHoliday)=\"openAddHoliday()\"\r\n            (editHoliday)=\"editHoliday($event)\"\r\n            (deleteHoliday)=\"deleteHoliday($event)\"\r\n          />\r\n\r\n          <mt-system-settings-general-section\r\n            [timezoneForm]=\"form.controls.timezone\"\r\n            [currencyForm]=\"form.controls.currency\"\r\n            [weekendForm]=\"form.controls.weekend\"\r\n            [timezoneOptions]=\"timezoneOptions()\"\r\n            [dateFormatOptions]=\"dateFormatOptions()\"\r\n            [timeFormatOptions]=\"timeFormatOptions()\"\r\n            [currencyOptions]=\"currencyOptions()\"\r\n            [currencyFormatOptions]=\"currencyFormatOptions()\"\r\n            [weekendOptions]=\"weekendOptions()\"\r\n          />\r\n\r\n          <mt-system-settings-timesheet-section\r\n            [policyForm]=\"form.controls.timeSheetPolicy\"\r\n            [globalWorkingHoursForm]=\"form.controls.globalWorkingHours\"\r\n            [dayOptions]=\"dotnetDayOptions()\"\r\n            [scheduleItemTypeOptions]=\"scheduleItemTypeOptions()\"\r\n            [rateSourceOptions]=\"rateSourceOptions()\"\r\n            [timezoneOptions]=\"timezoneOptions()\"\r\n          />\r\n\r\n          <mt-system-settings-smtp-section [smtpForm]=\"form.controls.smtp\" />\r\n        </div>\r\n      }\r\n    </div>\r\n  </mt-page>\r\n</ng-container>\r\n", styles: [":host{display:block}\n"] }]
+                    ], changeDetection: ChangeDetectionStrategy.OnPush, template: "<ng-container *transloco=\"let t; prefix: 'system-settings'\">\r\n  <mt-page\r\n    [title]=\"t('page-title')\"\r\n    [avatarIcon]=\"'general.settings-02'\"\r\n    [avatarStyle]=\"{\r\n      '--p-avatar-background': 'var(--p-emerald-100)',\r\n      '--p-avatar-color': 'var(--p-emerald-700)',\r\n    }\"\r\n    (backButtonClick)=\"goBack()\"\r\n    backButton\r\n  >\r\n    <div class=\"flex flex-col gap-3\">\r\n      <div\r\n        class=\"flex flex-col gap-4 md:flex-row md:items-end md:justify-between\"\r\n      >\r\n        <div>\r\n          <h3 class=\"text-lg font-bold text-neutral-900\">\r\n            {{ t(\"page-title\") }}\r\n          </h3>\r\n          <mt-breadcrumb\r\n            [items]=\"breadcrumbItems\"\r\n            [styleClass]=\"'flex justify-start mx-1'\"\r\n          />\r\n        </div>\r\n\r\n        <mt-button\r\n          [label]=\"t('save')\"\r\n          icon=\"general.save-01\"\r\n          [tooltip]=\"t('save-tooltip')\"\r\n          [badge]=\"hasChanges() ? '!' : ''\"\r\n          badgeSeverity=\"warn\"\r\n          [loading]=\"updating()\"\r\n          [disabled]=\"!canSaveSettings()\"\r\n          (onClick)=\"onSave()\"\r\n        />\r\n      </div>\r\n\r\n      @if (isLoading()) {\r\n        <div class=\"space-y-4\">\r\n          <p-skeleton width=\"100%\" height=\"12rem\" borderRadius=\"0.75rem\" />\r\n          <p-skeleton width=\"100%\" height=\"18rem\" borderRadius=\"0.75rem\" />\r\n          <p-skeleton width=\"100%\" height=\"14rem\" borderRadius=\"0.75rem\" />\r\n        </div>\r\n      } @else {\r\n        <!--\r\n          BE/HTTP errors (timezonesError, settingsError, updateError) are already\r\n          surfaced as toasts by the HTTP interceptor, so they are intentionally\r\n          not rendered as top-of-page banners here to avoid duplicate messaging.\r\n        -->\r\n        <div class=\"space-y-6\">\r\n          <mt-system-settings-holidays-section\r\n            [holidays]=\"holidayTableRows()\"\r\n            (addHoliday)=\"openAddHoliday()\"\r\n            (editHoliday)=\"editHoliday($event)\"\r\n            (deleteHoliday)=\"deleteHoliday($event)\"\r\n          />\r\n\r\n          <mt-system-settings-general-section\r\n            [timezoneForm]=\"form.controls.timezone\"\r\n            [currencyForm]=\"form.controls.currency\"\r\n            [weekendForm]=\"form.controls.weekend\"\r\n            [timezoneOptions]=\"timezoneOptions()\"\r\n            [dateFormatOptions]=\"dateFormatOptions()\"\r\n            [timeFormatOptions]=\"timeFormatOptions()\"\r\n            [currencyOptions]=\"currencyOptions()\"\r\n            [currencyFormatOptions]=\"currencyFormatOptions()\"\r\n            [weekendOptions]=\"weekendOptions()\"\r\n          />\r\n\r\n          <mt-system-settings-timesheet-section\r\n            [policyForm]=\"form.controls.timeSheetPolicy\"\r\n            [globalWorkingHoursForm]=\"form.controls.globalWorkingHours\"\r\n            [dayOptions]=\"dotnetDayOptions()\"\r\n            [frequencyOptions]=\"frequencyOptions()\"\r\n            [timezoneOptions]=\"timezoneOptions()\"\r\n            [maxDailyBelowDaily]=\"form.errors?.['maxDailyBelowDaily'] ?? false\"\r\n          />\r\n\r\n          <mt-system-settings-smtp-section [smtpForm]=\"form.controls.smtp\" />\r\n        </div>\r\n      }\r\n    </div>\r\n  </mt-page>\r\n</ng-container>\r\n", styles: [":host{display:block}\n"] }]
         }], ctorParameters: () => [], propDecorators: { apiBasePath: [{ type: i0.Input, args: [{ isSignal: true, alias: "apiBasePath", required: false }] }], backRoute: [{ type: i0.Input, args: [{ isSignal: true, alias: "backRoute", required: false }] }], formatSchema: [{ type: i0.Input, args: [{ isSignal: true, alias: "formatSchema", required: false }] }] } });
 function isRecord(value) {
     return typeof value === 'object' && value !== null && !Array.isArray(value);
@@ -1452,18 +1411,27 @@ function clampNumber(value, min, max) {
     }
     return Math.min(Math.max(value, min), max);
 }
-function timeToMinutes(value) {
-    const [hours, minutes] = value.split(':').map((part) => Number(part));
-    if (!Number.isInteger(hours) || !Number.isInteger(minutes)) {
-        return 0;
-    }
-    return clampNumber(hours * 60 + minutes, 0, 1440);
+const TIMESHEET_FREQUENCIES = [
+    'Daily',
+    'Weekly',
+    'BiWeekly',
+    'Monthly',
+];
+function normalizeFrequency(value) {
+    return typeof value === 'string' &&
+        TIMESHEET_FREQUENCIES.includes(value)
+        ? value
+        : 'Weekly';
 }
-function minutesToTime(value) {
-    const normalizedValue = clampNumber(value, 0, 1440);
-    const hours = Math.floor(normalizedValue / 60);
-    const minutes = normalizedValue % 60;
-    return `${String(hours).padStart(2, '0')}:${String(minutes).padStart(2, '0')}`;
+function maxDailyHoursGteHoursPerDay(group) {
+    const maxDailyHours = group.get('timeSheetPolicy.maxDailyHours')?.value;
+    const hoursPerDay = group.get('globalWorkingHours.hoursPerDay')?.value;
+    if (typeof maxDailyHours === 'number' &&
+        typeof hoursPerDay === 'number' &&
+        maxDailyHours < hoursPerDay) {
+        return { maxDailyBelowDaily: true };
+    }
+    return null;
 }
 function parseCsv(value) {
     return value
@@ -1510,5 +1478,5 @@ function formatDateOnly(value) {
  * Generated bundle index. Do not edit.
  */
 
-export { DEFAULT_DATE_FORMAT_OPTIONS, DEFAULT_TIME_FORMAT_OPTIONS, DOTNET_DAY_DEFINITIONS, FIXED_CURRENCIES, RATE_SOURCE_OPTIONS, SCHEDULE_ITEM_TYPE_OPTIONS, SystemSettings, SystemSettingsHolidayEditor, WEEKEND_DAY_DEFINITIONS };
+export { DEFAULT_DATE_FORMAT_OPTIONS, DEFAULT_TIME_FORMAT_OPTIONS, DOTNET_DAY_DEFINITIONS, FIXED_CURRENCIES, RATE_SOURCE_OPTIONS, SCHEDULE_ITEM_TYPE_OPTIONS, SystemSettings, SystemSettingsHolidayEditor, TIMESHEET_FREQUENCY_OPTIONS, WEEKEND_DAY_DEFINITIONS };
 //# sourceMappingURL=masterteam-system-settings.mjs.map