@masterteam/system-settings 0.0.19 → 0.0.20

package/fesm2022/{masterteam-system-settings-masterteam-system-settings-BjftcBn5.mjs → masterteam-system-settings-masterteam-system-settings-DbsjQ7c7.mjs}

@@ -205,8 +205,15 @@ class SystemSettingsTimeSheetSection {
     dayOptions = input([], ...(ngDevMode ? [{ debugName: "dayOptions" }] : /* istanbul ignore next */ []));
     frequencyOptions = input([], ...(ngDevMode ? [{ debugName: "frequencyOptions" }] : /* istanbul ignore next */ []));
     maxDailyBelowDaily = input(false, ...(ngDevMode ? [{ debugName: "maxDailyBelowDaily" }] : /* istanbul ignore next */ []));
+    /**
+     * Hides the Timesheet Policy card only. Global Working Hours always
+     * renders - it is host-relevant on its own (working days/hours feed
+     * scheduling and calendar logic beyond timesheets), so a host without a
+     * timesheet feature can still configure it.
+     */
+    hidePolicy = input(false, ...(ngDevMode ? [{ debugName: "hidePolicy" }] : /* 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 }, frequencyOptions: { classPropertyName: "frequencyOptions", publicName: "frequencyOptions", 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'\">\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(\"general-card-title\") }}\r\n          </h4>\r\n          <p class=\"text-sm text-neutral-600\">\r\n            {{ t(\"general-card-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            formControlName=\"frequency\"\r\n            [options]=\"frequencyOptions()\"\r\n            [optionLabel]=\"'name'\"\r\n            [optionValue]=\"'id'\"\r\n            [label]=\"t('frequency')\"\r\n            [placeholder]=\"t('frequency-placeholder')\"\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            [hint]=\"maxDailyBelowDaily() ? t('max-daily-below-daily') : ''\"\r\n          />\r\n\r\n          <mt-number-field\r\n            formControlName=\"submissionDeadlineDays\"\r\n            [label]=\"t('submission-deadline-days')\"\r\n            [placeholder]=\"t('submission-deadline-days-placeholder')\"\r\n            [min]=\"0\"\r\n            [max]=\"90\"\r\n            [required]=\"true\"\r\n            [hint]=\"t('submission-deadline-hint')\"\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=\"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=\"allowBackdatedEntry\"\r\n            [label]=\"t('allow-backdated-entry')\"\r\n          />\r\n          <mt-toggle-field\r\n            formControlName=\"autoLockOnApprove\"\r\n            [label]=\"t('auto-lock-on-approve')\"\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(\"working-hours-card-title\") }}\r\n          </h4>\r\n          <p class=\"text-sm text-neutral-600\">\r\n            {{ t(\"working-hours-card-description\") }}\r\n          </p>\r\n        </div>\r\n\r\n        <div class=\"grid gap-4 md:grid-cols-2\">\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-number-field\r\n            class=\"md:col-span-2\"\r\n            formControlName=\"hoursPerDay\"\r\n            [label]=\"t('daily-working-hours')\"\r\n            [placeholder]=\"t('daily-working-hours-placeholder')\"\r\n            [min]=\"0\"\r\n            [max]=\"24\"\r\n            [required]=\"true\"\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: 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.0.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 }, maxDailyBelowDaily: { classPropertyName: "maxDailyBelowDaily", publicName: "maxDailyBelowDaily", isSignal: true, isRequired: false, transformFunction: null }, hidePolicy: { classPropertyName: "hidePolicy", publicName: "hidePolicy", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0, template: "<ng-container *transloco=\"let t; prefix: 'system-settings'\">\r\n  <div\r\n    [class]=\"\r\n      hidePolicy() ? 'grid gap-6 mb-6' : 'grid gap-6 xl:grid-cols-2 mb-6'\r\n    \"\r\n  >\r\n    @if (!hidePolicy()) {\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(\"general-card-title\") }}\r\n            </h4>\r\n            <p class=\"text-sm text-neutral-600\">\r\n              {{ t(\"general-card-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              formControlName=\"frequency\"\r\n              [options]=\"frequencyOptions()\"\r\n              [optionLabel]=\"'name'\"\r\n              [optionValue]=\"'id'\"\r\n              [label]=\"t('frequency')\"\r\n              [placeholder]=\"t('frequency-placeholder')\"\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              [hint]=\"maxDailyBelowDaily() ? t('max-daily-below-daily') : ''\"\r\n            />\r\n\r\n            <mt-number-field\r\n              formControlName=\"submissionDeadlineDays\"\r\n              [label]=\"t('submission-deadline-days')\"\r\n              [placeholder]=\"t('submission-deadline-days-placeholder')\"\r\n              [min]=\"0\"\r\n              [max]=\"90\"\r\n              [required]=\"true\"\r\n              [hint]=\"t('submission-deadline-hint')\"\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=\"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=\"allowBackdatedEntry\"\r\n              [label]=\"t('allow-backdated-entry')\"\r\n            />\r\n            <mt-toggle-field\r\n              formControlName=\"autoLockOnApprove\"\r\n              [label]=\"t('auto-lock-on-approve')\"\r\n            />\r\n          </div>\r\n        </div>\r\n      </mt-card>\r\n    }\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(\"working-hours-card-title\") }}\r\n          </h4>\r\n          <p class=\"text-sm text-neutral-600\">\r\n            {{ t(\"working-hours-card-description\") }}\r\n          </p>\r\n        </div>\r\n\r\n        <div class=\"grid gap-4 md:grid-cols-2\">\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-number-field\r\n            class=\"md:col-span-2\"\r\n            formControlName=\"hoursPerDay\"\r\n            [label]=\"t('daily-working-hours')\"\r\n            [placeholder]=\"t('daily-working-hours-placeholder')\"\r\n            [min]=\"0\"\r\n            [max]=\"24\"\r\n            [required]=\"true\"\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: 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,
@@ -218,8 +225,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.8", ngImpor
                         NumberField,
                         SelectField,
                         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(\"general-card-title\") }}\r\n          </h4>\r\n          <p class=\"text-sm text-neutral-600\">\r\n            {{ t(\"general-card-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            formControlName=\"frequency\"\r\n            [options]=\"frequencyOptions()\"\r\n            [optionLabel]=\"'name'\"\r\n            [optionValue]=\"'id'\"\r\n            [label]=\"t('frequency')\"\r\n            [placeholder]=\"t('frequency-placeholder')\"\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            [hint]=\"maxDailyBelowDaily() ? t('max-daily-below-daily') : ''\"\r\n          />\r\n\r\n          <mt-number-field\r\n            formControlName=\"submissionDeadlineDays\"\r\n            [label]=\"t('submission-deadline-days')\"\r\n            [placeholder]=\"t('submission-deadline-days-placeholder')\"\r\n            [min]=\"0\"\r\n            [max]=\"90\"\r\n            [required]=\"true\"\r\n            [hint]=\"t('submission-deadline-hint')\"\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=\"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=\"allowBackdatedEntry\"\r\n            [label]=\"t('allow-backdated-entry')\"\r\n          />\r\n          <mt-toggle-field\r\n            formControlName=\"autoLockOnApprove\"\r\n            [label]=\"t('auto-lock-on-approve')\"\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(\"working-hours-card-title\") }}\r\n          </h4>\r\n          <p class=\"text-sm text-neutral-600\">\r\n            {{ t(\"working-hours-card-description\") }}\r\n          </p>\r\n        </div>\r\n\r\n        <div class=\"grid gap-4 md:grid-cols-2\">\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-number-field\r\n            class=\"md:col-span-2\"\r\n            formControlName=\"hoursPerDay\"\r\n            [label]=\"t('daily-working-hours')\"\r\n            [placeholder]=\"t('daily-working-hours-placeholder')\"\r\n            [min]=\"0\"\r\n            [max]=\"24\"\r\n            [required]=\"true\"\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 }] }], frequencyOptions: [{ type: i0.Input, args: [{ isSignal: true, alias: "frequencyOptions", required: false }] }], maxDailyBelowDaily: [{ type: i0.Input, args: [{ isSignal: true, alias: "maxDailyBelowDaily", required: false }] }] } });
+                    ], changeDetection: ChangeDetectionStrategy.OnPush, template: "<ng-container *transloco=\"let t; prefix: 'system-settings'\">\r\n  <div\r\n    [class]=\"\r\n      hidePolicy() ? 'grid gap-6 mb-6' : 'grid gap-6 xl:grid-cols-2 mb-6'\r\n    \"\r\n  >\r\n    @if (!hidePolicy()) {\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(\"general-card-title\") }}\r\n            </h4>\r\n            <p class=\"text-sm text-neutral-600\">\r\n              {{ t(\"general-card-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              formControlName=\"frequency\"\r\n              [options]=\"frequencyOptions()\"\r\n              [optionLabel]=\"'name'\"\r\n              [optionValue]=\"'id'\"\r\n              [label]=\"t('frequency')\"\r\n              [placeholder]=\"t('frequency-placeholder')\"\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              [hint]=\"maxDailyBelowDaily() ? t('max-daily-below-daily') : ''\"\r\n            />\r\n\r\n            <mt-number-field\r\n              formControlName=\"submissionDeadlineDays\"\r\n              [label]=\"t('submission-deadline-days')\"\r\n              [placeholder]=\"t('submission-deadline-days-placeholder')\"\r\n              [min]=\"0\"\r\n              [max]=\"90\"\r\n              [required]=\"true\"\r\n              [hint]=\"t('submission-deadline-hint')\"\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=\"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=\"allowBackdatedEntry\"\r\n              [label]=\"t('allow-backdated-entry')\"\r\n            />\r\n            <mt-toggle-field\r\n              formControlName=\"autoLockOnApprove\"\r\n              [label]=\"t('auto-lock-on-approve')\"\r\n            />\r\n          </div>\r\n        </div>\r\n      </mt-card>\r\n    }\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(\"working-hours-card-title\") }}\r\n          </h4>\r\n          <p class=\"text-sm text-neutral-600\">\r\n            {{ t(\"working-hours-card-description\") }}\r\n          </p>\r\n        </div>\r\n\r\n        <div class=\"grid gap-4 md:grid-cols-2\">\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-number-field\r\n            class=\"md:col-span-2\"\r\n            formControlName=\"hoursPerDay\"\r\n            [label]=\"t('daily-working-hours')\"\r\n            [placeholder]=\"t('daily-working-hours-placeholder')\"\r\n            [min]=\"0\"\r\n            [max]=\"24\"\r\n            [required]=\"true\"\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 }] }], frequencyOptions: [{ type: i0.Input, args: [{ isSignal: true, alias: "frequencyOptions", required: false }] }], maxDailyBelowDaily: [{ type: i0.Input, args: [{ isSignal: true, alias: "maxDailyBelowDaily", required: false }] }], hidePolicy: [{ type: i0.Input, args: [{ isSignal: true, alias: "hidePolicy", required: false }] }] } });
 
 /** The settings record General Configuration fields live in. */
 const GENERAL_CONFIGURATION_SETTING_KEY = 'Identity';
@@ -267,6 +274,11 @@ const EXPLORE_DEFAULT_VIEW_OPTIONS = [
         translationKey: 'explore-default-view-timeline',
         icon: 'time.clock',
     },
+    {
+        id: 'table',
+        translationKey: 'explore-default-view-table',
+        icon: 'layout.table',
+    },
 ];
 const DEFAULT_GENERAL_CONFIGURATION = {
     defaultExploreView: 'cards',
@@ -385,23 +397,61 @@ class SystemSettings {
     transloco = inject(TranslocoService);
     modal = inject(ModalService);
     toast = inject(ToastService);
-    apiBasePath = input('settings', ...(ngDevMode ? [{ debugName: "apiBasePath" }] : /* istanbul ignore next */ []));
-    backRoute = input('/control-panel/product-settings', ...(ngDevMode ? [{ debugName: "backRoute" }] : /* istanbul ignore next */ []));
+    /**
+     * Base path for the settings API. Safe to omit from a route's `data`
+     * even when the host uses `withComponentInputBinding()` - see
+     * `defaultWhenUndefined`.
+     */
+    apiBasePath = input('settings', { ...(ngDevMode ? { debugName: "apiBasePath" } : /* istanbul ignore next */ {}), transform: defaultWhenUndefined('settings') });
+    /**
+     * Route the page's back button navigates to; falsy (including an
+     * explicit `null`) disables it - see `goBack()`. Safe to omit from a
+     * route's `data` even when the host uses `withComponentInputBinding()`
+     * - see `defaultWhenUndefined`.
+     */
+    backRoute = input('/control-panel/product-settings', { ...(ngDevMode ? { debugName: "backRoute" } : /* istanbul ignore next */ {}), transform: defaultWhenUndefined('/control-panel/product-settings') });
     formatSchema = input(null, ...(ngDevMode ? [{ debugName: "formatSchema" }] : /* istanbul ignore next */ []));
-    breadcrumbItems = [
-        {
-            label: '',
-            icon: 'general.home-line',
-            routerLink: '/control-panel/workspaces',
-        },
-        {
-            label: this.transloco.translate('product-settings.product-settings'),
-            routerLink: '/control-panel/product-settings',
-        },
-        {
-            label: this.transloco.translate('system-settings.page-title'),
-        },
-    ];
+    /**
+     * Breadcrumb "home" link. `null` renders the crumb as non-navigable.
+     * Safe to omit from a route's `data` even when the host uses
+     * `withComponentInputBinding()` - see `defaultWhenUndefined`.
+     */
+    homeRoute = input('/control-panel/workspaces', { ...(ngDevMode ? { debugName: "homeRoute" } : /* istanbul ignore next */ {}), transform: defaultWhenUndefined('/control-panel/workspaces') });
+    /**
+     * Hides the Timesheet Policy card only - Global Working Hours stays
+     * visible and required, since it's host-relevant on its own (working
+     * days/hours feed scheduling and calendar logic beyond timesheets).
+     * TimeSheetPolicy's fields lose their validators and are excluded from
+     * save diffing while hidden; GlobalWorkingHours is unaffected.
+     */
+    hideTimeSheet = input(false, ...(ngDevMode ? [{ debugName: "hideTimeSheet" }] : /* istanbul ignore next */ []));
+    /**
+     * Restricts which Explore-default-view options are offered. `null` (the
+     * default) preserves pplus5's original two options (`'cards'`,
+     * `'timeline'`) - NOT the full catalog, since the catalog now also
+     * contains `'table'` (added for splus4) and an unset input must not
+     * silently surface it to hosts that never opted in. Pass the ids
+     * explicitly (e.g. `['cards', 'table']`, or all three) to get anything
+     * else.
+     */
+    exploreViewOptions = input(null, ...(ngDevMode ? [{ debugName: "exploreViewOptions" }] : /* istanbul ignore next */ []));
+    breadcrumbItems = computed(() => {
+        const homeRoute = this.homeRoute();
+        return [
+            {
+                label: '',
+                icon: 'general.home-line',
+                ...(homeRoute ? { routerLink: homeRoute } : {}),
+            },
+            {
+                label: this.transloco.translate('product-settings.product-settings'),
+                routerLink: '/control-panel/product-settings',
+            },
+            {
+                label: this.transloco.translate('system-settings.page-title'),
+            },
+        ];
+    }, ...(ngDevMode ? [{ debugName: "breadcrumbItems" }] : /* istanbul ignore next */ []));
     form = new FormGroup({
         generalConfiguration: new FormGroup({
             defaultExploreView: new FormControl('cards', {
@@ -425,36 +475,24 @@ class SystemSettings {
             days: new FormControl([], { nonNullable: true }),
         }),
         timeSheetPolicy: new FormGroup({
-            frequency: new FormControl('Weekly', Validators.required),
-            maxDailyHours: new FormControl(24, [
-                Validators.required,
-                Validators.min(1),
-                Validators.max(24),
-            ]),
+            frequency: new FormControl('Weekly', TIME_SHEET_FREQUENCY_VALIDATORS),
+            maxDailyHours: new FormControl(24, TIME_SHEET_MAX_DAILY_HOURS_VALIDATORS),
             requireDescription: new FormControl(false, { nonNullable: true }),
             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(90),
-            ]),
+            submissionDeadlineDays: new FormControl(3, TIME_SHEET_SUBMISSION_DEADLINE_VALIDATORS),
         }),
         globalWorkingHours: new FormGroup({
-            timeZoneId: new FormControl(null, Validators.required),
+            timeZoneId: new FormControl(null, GLOBAL_WORKING_HOURS_TIMEZONE_VALIDATORS),
             workingDays: new FormControl([0, 1, 2, 3, 4], {
                 nonNullable: true,
-                validators: [Validators.required],
+                validators: GLOBAL_WORKING_HOURS_WORKING_DAYS_VALIDATORS,
             }),
-            hoursPerDay: new FormControl(8, [
-                Validators.required,
-                Validators.min(0),
-                Validators.max(24),
-            ]),
+            hoursPerDay: new FormControl(8, GLOBAL_WORKING_HOURS_HOURS_PER_DAY_VALIDATORS),
             holidaysCsv: new FormControl('', { nonNullable: true }),
         }),
-    }, maxDailyHoursGteHoursPerDay);
+    }, maxDailyHoursGteHoursPerDay(() => this.hideTimeSheet()));
     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 */ []));
@@ -525,9 +563,25 @@ class SystemSettings {
             name: this.transloco.translate(`system-settings.${day.translationKey}`),
         }));
     }, ...(ngDevMode ? [{ debugName: "dotnetDayOptions" }] : /* istanbul ignore next */ []));
+    /**
+     * The Explore-default-view ids actually offered, in the fixed catalog's
+     * order: `exploreViewOptions()` when the host sets it, else the legacy
+     * pplus5 pair (`DEFAULT_EXPLORE_VIEW_OPTIONS`) - deliberately NOT the full
+     * `EXPLORE_DEFAULT_VIEW_OPTIONS` catalog, since that now includes `'table'`
+     * and an unconfigured host must keep seeing exactly what it saw before.
+     * Filtered against the catalog either way, so an invalid/unknown id in a
+     * host's list is silently dropped rather than offered. Always non-empty
+     * unless a host passes an empty array.
+     */
+    allowedExploreDefaultViews = computed(() => {
+        const configured = this.exploreViewOptions() ?? DEFAULT_EXPLORE_VIEW_OPTIONS;
+        const configuredSet = new Set(configured);
+        return EXPLORE_DEFAULT_VIEW_OPTIONS.map((option) => option.id).filter((id) => configuredSet.has(id));
+    }, ...(ngDevMode ? [{ debugName: "allowedExploreDefaultViews" }] : /* istanbul ignore next */ []));
     exploreDefaultViewOptions = computed(() => {
         this.activeLang();
-        return EXPLORE_DEFAULT_VIEW_OPTIONS.map((option) => ({
+        const allowed = new Set(this.allowedExploreDefaultViews());
+        return EXPLORE_DEFAULT_VIEW_OPTIONS.filter((option) => allowed.has(option.id)).map((option) => ({
             id: option.id,
             name: this.transloco.translate(`system-settings.${option.translationKey}`),
             icon: option.icon,
@@ -558,7 +612,12 @@ class SystemSettings {
             !this.areEqual(initial.timezone, current.timezone) ||
             !this.areEqual(initial.currency, current.currency) ||
             !this.areEqual(initial.weekend, current.weekend) ||
-            !this.areEqual(initial.timeSheetPolicy, current.timeSheetPolicy) ||
+            // Mirrors onSave()'s exclusion below: while Timesheet Policy is
+            // hidden nothing in the UI can change these fields (the card isn't
+            // rendered), but keeping this guard symmetric with onSave() means
+            // hasChanges() and the actual save payload can never disagree.
+            (!this.hideTimeSheet() &&
+                !this.areEqual(initial.timeSheetPolicy, current.timeSheetPolicy)) ||
             !this.areEqual(initial.globalWorkingHours, current.globalWorkingHours));
     }, ...(ngDevMode ? [{ debugName: "hasChanges" }] : /* istanbul ignore next */ []));
     canSaveSettings = computed(() => !this.isLoading() &&
@@ -573,6 +632,30 @@ class SystemSettings {
         to: formatDateOnly(holiday.to),
     })), ...(ngDevMode ? [{ debugName: "holidayTableRows" }] : /* istanbul ignore next */ []));
     constructor() {
+        // Only Timesheet Policy is conditionally hidden - Global Working Hours
+        // keeps its validators unconditionally (set once at construction, see
+        // the form below), since that card is always visible.
+        effect(() => {
+            const hidden = this.hideTimeSheet();
+            const timeSheetPolicy = this.form.controls.timeSheetPolicy.controls;
+            if (hidden) {
+                timeSheetPolicy.frequency.clearValidators();
+                timeSheetPolicy.maxDailyHours.clearValidators();
+                timeSheetPolicy.submissionDeadlineDays.clearValidators();
+            }
+            else {
+                timeSheetPolicy.frequency.setValidators(TIME_SHEET_FREQUENCY_VALIDATORS);
+                timeSheetPolicy.maxDailyHours.setValidators(TIME_SHEET_MAX_DAILY_HOURS_VALIDATORS);
+                timeSheetPolicy.submissionDeadlineDays.setValidators(TIME_SHEET_SUBMISSION_DEADLINE_VALIDATORS);
+            }
+            for (const control of [
+                timeSheetPolicy.frequency,
+                timeSheetPolicy.maxDailyHours,
+                timeSheetPolicy.submissionDeadlineDays,
+            ]) {
+                control.updateValueAndValidity({ emitEvent: false });
+            }
+        });
         effect(() => {
             const version = [
                 this.settingsLastUpdated() ?? 'none',
@@ -694,7 +777,8 @@ class SystemSettings {
                 value: nextSnapshot.weekend,
             });
         }
-        if (!this.areEqual(initialSnapshot.timeSheetPolicy, nextSnapshot.timeSheetPolicy)) {
+        if (!this.hideTimeSheet() &&
+            !this.areEqual(initialSnapshot.timeSheetPolicy, nextSnapshot.timeSheetPolicy)) {
             values.push({
                 key: 'TimeSheetPolicy',
                 value: nextSnapshot.timeSheetPolicy,
@@ -890,7 +974,7 @@ class SystemSettings {
     }
     buildGeneralConfigurationValue() {
         return {
-            defaultExploreView: normalizeExploreDefaultView(this.form.controls.generalConfiguration.controls.defaultExploreView
+            defaultExploreView: this.normalizeExploreDefaultView(this.form.controls.generalConfiguration.controls.defaultExploreView
                 .value),
             showDesignSwitcher: this.form.controls.generalConfiguration.controls.showDesignSwitcher
                 .value === true,
@@ -932,7 +1016,7 @@ class SystemSettings {
             return { ...DEFAULT_GENERAL_CONFIGURATION };
         }
         return {
-            defaultExploreView: normalizeExploreDefaultView(setting.value['defaultExploreView'] ??
+            defaultExploreView: this.normalizeExploreDefaultView(setting.value['defaultExploreView'] ??
                 setting.value['DefaultExploreView']),
             showDesignSwitcher: normalizeShowDesignSwitcher(setting.value['showDesignSwitcher'] ??
                 setting.value['ShowDesignSwitcher']),
@@ -1086,10 +1170,24 @@ class SystemSettings {
     }
     normalizeGeneralConfigurationSnapshot(value) {
         return {
-            defaultExploreView: normalizeExploreDefaultView(value.defaultExploreView),
+            defaultExploreView: this.normalizeExploreDefaultView(value.defaultExploreView),
             showDesignSwitcher: normalizeShowDesignSwitcher(value.showDesignSwitcher),
         };
     }
+    /**
+     * Resolves a stored/incoming value against the currently allowed Explore
+     * views (`allowedExploreDefaultViews()`), not the full static catalog, so a
+     * host-restricted `exploreViewOptions` is enforced on both hydration and
+     * save. Falls back to the first allowed option - not a hardcoded 'cards' -
+     * since a host may configure a subset that excludes it.
+     */
+    normalizeExploreDefaultView(value) {
+        const allowed = this.allowedExploreDefaultViews();
+        if (allowed.some((id) => id === value)) {
+            return value;
+        }
+        return allowed[0] ?? DEFAULT_GENERAL_CONFIGURATION.defaultExploreView;
+    }
     normalizeTimezoneSnapshot(value) {
         const defaults = this.getDefaultTimezoneValue();
         return {
@@ -1337,7 +1435,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-general-section\r\n            [generalConfigurationForm]=\"form.controls.generalConfiguration\"\r\n            [timezoneForm]=\"form.controls.timezone\"\r\n            [currencyForm]=\"form.controls.currency\"\r\n            [exploreDefaultViewOptions]=\"exploreDefaultViewOptions()\"\r\n            [dateFormatOptions]=\"dateFormatOptions()\"\r\n            [timeFormatOptions]=\"timeFormatOptions()\"\r\n            [currencyOptions]=\"currencyOptions()\"\r\n            [currencyFormatOptions]=\"currencyFormatOptions()\"\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            [maxDailyBelowDaily]=\"form.errors?.['maxDailyBelowDaily'] ?? false\"\r\n          />\r\n\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        </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", "ariaLabel"], 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: ["generalConfigurationForm", "timezoneForm", "currencyForm", "exploreDefaultViewOptions", "dateFormatOptions", "timeFormatOptions", "currencyOptions", "currencyFormatOptions"] }, { kind: "component", type: SystemSettingsTimeSheetSection, selector: "mt-system-settings-timesheet-section", inputs: ["policyForm", "globalWorkingHoursForm", "dayOptions", "frequencyOptions", "maxDailyBelowDaily"] }], 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 }, homeRoute: { classPropertyName: "homeRoute", publicName: "homeRoute", isSignal: true, isRequired: false, transformFunction: null }, hideTimeSheet: { classPropertyName: "hideTimeSheet", publicName: "hideTimeSheet", isSignal: true, isRequired: false, transformFunction: null }, exploreViewOptions: { classPropertyName: "exploreViewOptions", publicName: "exploreViewOptions", 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-general-section\r\n            [generalConfigurationForm]=\"form.controls.generalConfiguration\"\r\n            [timezoneForm]=\"form.controls.timezone\"\r\n            [currencyForm]=\"form.controls.currency\"\r\n            [exploreDefaultViewOptions]=\"exploreDefaultViewOptions()\"\r\n            [dateFormatOptions]=\"dateFormatOptions()\"\r\n            [timeFormatOptions]=\"timeFormatOptions()\"\r\n            [currencyOptions]=\"currencyOptions()\"\r\n            [currencyFormatOptions]=\"currencyFormatOptions()\"\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            [maxDailyBelowDaily]=\"form.errors?.['maxDailyBelowDaily'] ?? false\"\r\n            [hidePolicy]=\"hideTimeSheet()\"\r\n          />\r\n\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        </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", "ariaLabel"], 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: ["generalConfigurationForm", "timezoneForm", "currencyForm", "exploreDefaultViewOptions", "dateFormatOptions", "timeFormatOptions", "currencyOptions", "currencyFormatOptions"] }, { kind: "component", type: SystemSettingsTimeSheetSection, selector: "mt-system-settings-timesheet-section", inputs: ["policyForm", "globalWorkingHoursForm", "dayOptions", "frequencyOptions", "maxDailyBelowDaily", "hidePolicy"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.8", ngImport: i0, type: SystemSettings, decorators: [{
             type: Component,
@@ -1352,8 +1450,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.8", ngImpor
                         SystemSettingsHolidaysSection,
                         SystemSettingsGeneralSection,
                         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-general-section\r\n            [generalConfigurationForm]=\"form.controls.generalConfiguration\"\r\n            [timezoneForm]=\"form.controls.timezone\"\r\n            [currencyForm]=\"form.controls.currency\"\r\n            [exploreDefaultViewOptions]=\"exploreDefaultViewOptions()\"\r\n            [dateFormatOptions]=\"dateFormatOptions()\"\r\n            [timeFormatOptions]=\"timeFormatOptions()\"\r\n            [currencyOptions]=\"currencyOptions()\"\r\n            [currencyFormatOptions]=\"currencyFormatOptions()\"\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            [maxDailyBelowDaily]=\"form.errors?.['maxDailyBelowDaily'] ?? false\"\r\n          />\r\n\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        </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 }] }] } });
+                    ], 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-general-section\r\n            [generalConfigurationForm]=\"form.controls.generalConfiguration\"\r\n            [timezoneForm]=\"form.controls.timezone\"\r\n            [currencyForm]=\"form.controls.currency\"\r\n            [exploreDefaultViewOptions]=\"exploreDefaultViewOptions()\"\r\n            [dateFormatOptions]=\"dateFormatOptions()\"\r\n            [timeFormatOptions]=\"timeFormatOptions()\"\r\n            [currencyOptions]=\"currencyOptions()\"\r\n            [currencyFormatOptions]=\"currencyFormatOptions()\"\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            [maxDailyBelowDaily]=\"form.errors?.['maxDailyBelowDaily'] ?? false\"\r\n            [hidePolicy]=\"hideTimeSheet()\"\r\n          />\r\n\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        </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 }] }], homeRoute: [{ type: i0.Input, args: [{ isSignal: true, alias: "homeRoute", required: false }] }], hideTimeSheet: [{ type: i0.Input, args: [{ isSignal: true, alias: "hideTimeSheet", required: false }] }], exploreViewOptions: [{ type: i0.Input, args: [{ isSignal: true, alias: "exploreViewOptions", required: false }] }] } });
 function isRecord(value) {
     return typeof value === 'object' && value !== null && !Array.isArray(value);
 }
@@ -1421,11 +1519,6 @@ function getNumberArray(value) {
 function normalizeShowDesignSwitcher(value) {
     return value === true || value === 'true' || value === 'True';
 }
-function normalizeExploreDefaultView(value) {
-    return EXPLORE_DEFAULT_VIEW_OPTIONS.some((option) => option.id === value)
-        ? value
-        : DEFAULT_GENERAL_CONFIGURATION.defaultExploreView;
-}
 function normalizeWeekendDays(value) {
     if (!Array.isArray(value)) {
         return [];
@@ -1461,15 +1554,80 @@ function normalizeFrequency(value) {
         ? value
         : 'Weekly';
 }
-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;
+/**
+ * Restores an input's own default when the router's `withComponentInputBinding()`
+ * wipes it. That feature calls `setInput(name, data[name])` for every
+ * declared input on every route activation - including inputs a route's
+ * `data` doesn't mention at all, which writes `undefined` and permanently
+ * overwrites the `input()`'s own default the moment the route activates
+ * (see `RoutedComponentInputBinder` in `@angular/router`). This substitutes
+ * the fallback only for that specific "the router didn't supply it" case.
+ *
+ * Deliberately narrower than `delegations-list.ts`'s `defaultRouteInput`,
+ * which also collapses an explicit `null` into the fallback: `homeRoute`'s
+ * `null` is a meaningful, tested value ("non-navigable crumb"), not merely
+ * "unset", so this only special-cases `undefined` and passes every other
+ * value - including `null` - through untouched.
+ */
+function defaultWhenUndefined(fallback) {
+    return (value) => (value === undefined ? fallback : value);
+}
+/**
+ * pplus5's original Explore-default-view offering, before `'table'` was
+ * added to the catalog for splus4. This - not the full catalog - is what an
+ * unset `exploreViewOptions` input resolves to, so existing hosts keep
+ * seeing exactly the two options they always have.
+ */
+const DEFAULT_EXPLORE_VIEW_OPTIONS = [
+    'cards',
+    'timeline',
+];
+/**
+ * Named validator sets for the six Timesheet/GlobalWorkingHours fields, kept
+ * as constants so `hideTimeSheet` can restore the exact original validators
+ * on toggle-back rather than re-declaring them inline in two places.
+ */
+const TIME_SHEET_FREQUENCY_VALIDATORS = [Validators.required];
+const TIME_SHEET_MAX_DAILY_HOURS_VALIDATORS = [
+    Validators.required,
+    Validators.min(1),
+    Validators.max(24),
+];
+const TIME_SHEET_SUBMISSION_DEADLINE_VALIDATORS = [
+    Validators.required,
+    Validators.min(0),
+    Validators.max(90),
+];
+const GLOBAL_WORKING_HOURS_TIMEZONE_VALIDATORS = [Validators.required];
+const GLOBAL_WORKING_HOURS_WORKING_DAYS_VALIDATORS = [Validators.required];
+const GLOBAL_WORKING_HOURS_HOURS_PER_DAY_VALIDATORS = [
+    Validators.required,
+    Validators.min(0),
+    Validators.max(24),
+];
+/**
+ * Cross-field validator comparing `timeSheetPolicy.maxDailyHours` against
+ * `globalWorkingHours.hoursPerDay`. Takes the `hideTimeSheet` input as a
+ * thunk (rather than reading it directly) so it stays a plain module-level
+ * function while still skipping the comparison when Timesheet Policy is
+ * hidden - Global Working Hours stays visible/editable on its own even
+ * then, and a visible `hoursPerDay` must never be blocked by a comparison
+ * against a `maxDailyHours` the user can no longer see or change.
+ */
+function maxDailyHoursGteHoursPerDay(isTimeSheetHidden) {
+    return (group) => {
+        if (isTimeSheetHidden()) {
+            return null;
+        }
+        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
@@ -2677,7 +2835,7 @@ function isTestRequestConflict(error) {
 const EMAIL_DELIVERY_ROUTES = [
     {
         path: '',
-        loadComponent: () => import('./masterteam-system-settings-email-delivery-shell-Bf6EXLD2.mjs').then((module) => module.EmailDeliveryShell),
+        loadComponent: () => import('./masterteam-system-settings-email-delivery-shell-CBPKuYXr.mjs').then((module) => module.EmailDeliveryShell),
     },
     { path: '**', redirectTo: '' },
 ];
@@ -2687,4 +2845,4 @@ const EMAIL_DELIVERY_ROUTES = [
  */
 
 export { DEFAULT_GENERAL_CONFIGURATION as D, EmailDeliveryFacade as E, FIXED_CURRENCIES as F, GENERAL_CONFIGURATION_SETTING_KEY as G, RATE_SOURCE_OPTIONS as R, SystemSettings as S, TIMESHEET_FREQUENCY_OPTIONS as T, WEEKEND_DAY_DEFINITIONS as W, EmailDeliveryStatus as a, EMAIL_DELIVERY_ATTEMPT_STATUSES as b, createEmailTestRequestId as c, areEmailTestRecipientsValid as d, isEmailTestRequestPending as e, EMAIL_DELIVERY_PERMISSIONS as f, getEmailDeliveryStatusMap as g, EXPLORE_DEFAULT_VIEW_OPTIONS as h, isConnectionTestAttempt as i, DEFAULT_DATE_FORMAT_OPTIONS as j, DEFAULT_TIME_FORMAT_OPTIONS as k, DOTNET_DAY_DEFINITIONS as l, SCHEDULE_ITEM_TYPE_OPTIONS as m, SystemSettingsHolidayEditor as n, DEFAULT_EMAIL_DELIVERY_OPTIONS as o, parseEmailTestRecipients as p, EMAIL_DELIVERY_OPTIONS as q, provideEmailDelivery as r, EmailDeliveryAccessService as s, collectEmailTemplatePlaceholders as t, buildEmailTemplatePlaceholderFields as u, EmailUserTestDialog as v, EMAIL_USER_INITIATED_TEST_OPERATION_KIND as w, EMAIL_DELIVERY_ROUTES as x };
-//# sourceMappingURL=masterteam-system-settings-masterteam-system-settings-BjftcBn5.mjs.map
+//# sourceMappingURL=masterteam-system-settings-masterteam-system-settings-DbsjQ7c7.mjs.map