@masterteam/system-settings 0.0.17 → 0.0.18

package/fesm2022/masterteam-system-settings-masterteam-system-settings-CO-XTJOi.mjs

@@ -0,0 +1,2707 @@
+import { CommonModule } from '@angular/common';
+import { HttpClient, HttpErrorResponse } from '@angular/common/http';
+import * as i0 from '@angular/core';
+import { input, ChangeDetectionStrategy, Component, inject, computed, effect, output, signal, InjectionToken, makeEnvironmentProviders, Injectable, DestroyRef } from '@angular/core';
+import { toSignal, takeUntilDestroyed } from '@angular/core/rxjs-interop';
+import * as i1 from '@angular/forms';
+import { ReactiveFormsModule, FormGroup, FormControl, Validators } from '@angular/forms';
+import { Router } from '@angular/router';
+import { TranslocoDirective, TranslocoService } from '@jsverse/transloco';
+import { Breadcrumb } from '@masterteam/components/breadcrumb';
+import { Button } from '@masterteam/components/button';
+import { Page } from '@masterteam/components/page';
+import { ModalService } from '@masterteam/components/modal';
+import { ToastService } from '@masterteam/components/toast';
+import * as i1$1 from 'primeng/skeleton';
+import { SkeletonModule } from 'primeng/skeleton';
+import { Card } from '@masterteam/components/card';
+import { MultiSelectField } from '@masterteam/components/multi-select-field';
+import { SelectField } from '@masterteam/components/select-field';
+import { RadioCardsField } from '@masterteam/components/radio-cards-field';
+import { ToggleField } from '@masterteam/components/toggle-field';
+import { ModalRef } from '@masterteam/components/dialog';
+import { DateField } from '@masterteam/components/date-field';
+import { TextField } from '@masterteam/components/text-field';
+import { Table } from '@masterteam/components/table';
+import { NumberField } from '@masterteam/components/number-field';
+import { TextareaField } from '@masterteam/components/textarea-field';
+import { of, map, tap, catchError, throwError, finalize, shareReplay, mergeMap, switchMap, forkJoin, timer } from 'rxjs';
+import { EntityStatus } from '@masterteam/components/entities';
+
+/**
+ * "Experience & Appearance" — product-wide application behaviour that is not
+ * tied to a specific feature area: the explore landing view and whether the
+ * topbar design switcher is offered. More entries are expected here.
+ */
+class SystemSettingsGeneralConfigSection {
+    generalConfigurationForm = input.required(...(ngDevMode ? [{ debugName: "generalConfigurationForm" }] : /* istanbul ignore next */ []));
+    exploreDefaultViewOptions = input([], ...(ngDevMode ? [{ debugName: "exploreDefaultViewOptions" }] : /* istanbul ignore next */ []));
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.8", ngImport: i0, type: SystemSettingsGeneralConfigSection, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "21.2.8", type: SystemSettingsGeneralConfigSection, isStandalone: true, selector: "mt-system-settings-general-config-section", inputs: { generalConfigurationForm: { classPropertyName: "generalConfigurationForm", publicName: "generalConfigurationForm", isSignal: true, isRequired: true, transformFunction: null }, exploreDefaultViewOptions: { classPropertyName: "exploreDefaultViewOptions", publicName: "exploreDefaultViewOptions", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0, template: "<ng-container *transloco=\"let t; prefix: 'system-settings'\">\r\n  <mt-card class=\"block\">\r\n    <div [formGroup]=\"generalConfigurationForm()\" 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-configuration-title\") }}\r\n        </h4>\r\n        <p class=\"text-sm text-neutral-600\">\r\n          {{ t(\"general-configuration-description\") }}\r\n        </p>\r\n      </div>\r\n\r\n      <mt-radio-cards-field\r\n        formControlName=\"defaultExploreView\"\r\n        [options]=\"exploreDefaultViewOptions()\"\r\n        [optionLabel]=\"'name'\"\r\n        [optionValue]=\"'id'\"\r\n        [label]=\"t('explore-default-view')\"\r\n        [hint]=\"t('explore-default-view-hint')\"\r\n        [required]=\"true\"\r\n        size=\"small\"\r\n      />\r\n\r\n      <div class=\"space-y-1\">\r\n        <mt-toggle-field\r\n          formControlName=\"showDesignSwitcher\"\r\n          [label]=\"t('design-switcher')\"\r\n        />\r\n        <p class=\"text-sm text-neutral-600\">\r\n          {{ t(\"design-switcher-hint\") }}\r\n        </p>\r\n      </div>\r\n    </div>\r\n  </mt-card>\r\n</ng-container>\r\n", styles: [":host{display:block;height:100%}mt-card{height:100%}\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: RadioCardsField, selector: "mt-radio-cards-field", inputs: ["circle", "label", "hint", "readonly", "required", "color", "size", "optionLabel", "optionValue", "options"] }, { 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: SystemSettingsGeneralConfigSection, decorators: [{
+            type: Component,
+            args: [{ selector: 'mt-system-settings-general-config-section', imports: [
+                        ReactiveFormsModule,
+                        TranslocoDirective,
+                        Card,
+                        RadioCardsField,
+                        ToggleField,
+                    ], changeDetection: ChangeDetectionStrategy.OnPush, template: "<ng-container *transloco=\"let t; prefix: 'system-settings'\">\r\n  <mt-card class=\"block\">\r\n    <div [formGroup]=\"generalConfigurationForm()\" 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-configuration-title\") }}\r\n        </h4>\r\n        <p class=\"text-sm text-neutral-600\">\r\n          {{ t(\"general-configuration-description\") }}\r\n        </p>\r\n      </div>\r\n\r\n      <mt-radio-cards-field\r\n        formControlName=\"defaultExploreView\"\r\n        [options]=\"exploreDefaultViewOptions()\"\r\n        [optionLabel]=\"'name'\"\r\n        [optionValue]=\"'id'\"\r\n        [label]=\"t('explore-default-view')\"\r\n        [hint]=\"t('explore-default-view-hint')\"\r\n        [required]=\"true\"\r\n        size=\"small\"\r\n      />\r\n\r\n      <div class=\"space-y-1\">\r\n        <mt-toggle-field\r\n          formControlName=\"showDesignSwitcher\"\r\n          [label]=\"t('design-switcher')\"\r\n        />\r\n        <p class=\"text-sm text-neutral-600\">\r\n          {{ t(\"design-switcher-hint\") }}\r\n        </p>\r\n      </div>\r\n    </div>\r\n  </mt-card>\r\n</ng-container>\r\n", styles: [":host{display:block;height:100%}mt-card{height:100%}\n"] }]
+        }], propDecorators: { generalConfigurationForm: [{ type: i0.Input, args: [{ isSignal: true, alias: "generalConfigurationForm", required: true }] }], exploreDefaultViewOptions: [{ type: i0.Input, args: [{ isSignal: true, alias: "exploreDefaultViewOptions", required: false }] }] } });
+
+class SystemSettingsGeneralSection {
+    generalConfigurationForm = input.required(...(ngDevMode ? [{ debugName: "generalConfigurationForm" }] : /* istanbul ignore next */ []));
+    timezoneForm = input.required(...(ngDevMode ? [{ debugName: "timezoneForm" }] : /* istanbul ignore next */ []));
+    currencyForm = input.required(...(ngDevMode ? [{ debugName: "currencyForm" }] : /* istanbul ignore next */ []));
+    weekendForm = input.required(...(ngDevMode ? [{ debugName: "weekendForm" }] : /* istanbul ignore next */ []));
+    exploreDefaultViewOptions = input([], ...(ngDevMode ? [{ debugName: "exploreDefaultViewOptions" }] : /* istanbul ignore next */ []));
+    dateFormatOptions = input([], ...(ngDevMode ? [{ debugName: "dateFormatOptions" }] : /* istanbul ignore next */ []));
+    timeFormatOptions = input([], ...(ngDevMode ? [{ debugName: "timeFormatOptions" }] : /* istanbul ignore next */ []));
+    currencyOptions = input([], ...(ngDevMode ? [{ debugName: "currencyOptions" }] : /* istanbul ignore next */ []));
+    currencyFormatOptions = input([], ...(ngDevMode ? [{ debugName: "currencyFormatOptions" }] : /* istanbul ignore next */ []));
+    weekendOptions = input([], ...(ngDevMode ? [{ debugName: "weekendOptions" }] : /* istanbul ignore next */ []));
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.8", ngImport: i0, type: SystemSettingsGeneralSection, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "21.2.8", type: SystemSettingsGeneralSection, isStandalone: true, selector: "mt-system-settings-general-section", inputs: { generalConfigurationForm: { classPropertyName: "generalConfigurationForm", publicName: "generalConfigurationForm", isSignal: true, isRequired: true, transformFunction: null }, timezoneForm: { classPropertyName: "timezoneForm", publicName: "timezoneForm", isSignal: true, isRequired: true, transformFunction: null }, currencyForm: { classPropertyName: "currencyForm", publicName: "currencyForm", isSignal: true, isRequired: true, transformFunction: null }, weekendForm: { classPropertyName: "weekendForm", publicName: "weekendForm", isSignal: true, isRequired: true, transformFunction: null }, exploreDefaultViewOptions: { classPropertyName: "exploreDefaultViewOptions", publicName: "exploreDefaultViewOptions", isSignal: true, isRequired: false, transformFunction: null }, dateFormatOptions: { classPropertyName: "dateFormatOptions", publicName: "dateFormatOptions", isSignal: true, isRequired: false, transformFunction: null }, timeFormatOptions: { classPropertyName: "timeFormatOptions", publicName: "timeFormatOptions", isSignal: true, isRequired: false, transformFunction: null }, currencyOptions: { classPropertyName: "currencyOptions", publicName: "currencyOptions", isSignal: true, isRequired: false, transformFunction: null }, currencyFormatOptions: { classPropertyName: "currencyFormatOptions", publicName: "currencyFormatOptions", isSignal: true, isRequired: false, transformFunction: null }, weekendOptions: { classPropertyName: "weekendOptions", publicName: "weekendOptions", 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-3\">\n    <mt-card class=\"block\">\n      <div class=\"space-y-4\">\n        <div class=\"space-y-1\">\n          <h4 class=\"text-base font-semibold text-neutral-900\">\n            {{ t(\"date-time-weekend-title\") }}\n          </h4>\n          <p class=\"text-sm text-neutral-600\">\n            {{ t(\"date-time-weekend-description\") }}\n          </p>\n        </div>\n\n        <div [formGroup]=\"timezoneForm()\" class=\"grid gap-4 md:grid-cols-2\">\n          <mt-select-field\n            formControlName=\"dateFormat\"\n            [options]=\"dateFormatOptions()\"\n            [optionLabel]=\"'name'\"\n            [optionValue]=\"'id'\"\n            [label]=\"t('date-format')\"\n            [placeholder]=\"t('date-format-placeholder')\"\n            [required]=\"true\"\n          />\n\n          <mt-select-field\n            formControlName=\"timeFormat\"\n            [options]=\"timeFormatOptions()\"\n            [optionLabel]=\"'name'\"\n            [optionValue]=\"'id'\"\n            [label]=\"t('time-format')\"\n            [placeholder]=\"t('time-format-placeholder')\"\n            [required]=\"true\"\n          />\n        </div>\n\n        <div [formGroup]=\"weekendForm()\">\n          <mt-multi-select-field\n            formControlName=\"days\"\n            [options]=\"weekendOptions()\"\n            [optionLabel]=\"'name'\"\n            [optionValue]=\"'dayNumber'\"\n            [label]=\"t('weekend-days')\"\n            [placeholder]=\"t('weekend-placeholder')\"\n            [display]=\"'chip'\"\n            [filter]=\"false\"\n            [showClear]=\"true\"\n            [maxSelectedLabels]=\"3\"\n          />\n        </div>\n      </div>\n    </mt-card>\n\n    <mt-card class=\"block\">\n      <div [formGroup]=\"currencyForm()\" class=\"space-y-4\">\n        <div class=\"space-y-1\">\n          <h4 class=\"text-base font-semibold text-neutral-900\">\n            {{ t(\"currency-title\") }}\n          </h4>\n          <p class=\"text-sm text-neutral-600\">\n            {{ t(\"currency-description\") }}\n          </p>\n        </div>\n\n        <mt-select-field\n          formControlName=\"code\"\n          [options]=\"currencyOptions()\"\n          [optionLabel]=\"'name'\"\n          [optionValue]=\"'id'\"\n          [label]=\"t('currency')\"\n          [placeholder]=\"t('currency-placeholder')\"\n          [required]=\"true\"\n        />\n\n        <mt-select-field\n          formControlName=\"format\"\n          [options]=\"currencyFormatOptions()\"\n          [optionLabel]=\"'name'\"\n          [optionValue]=\"'id'\"\n          [label]=\"t('currency-format')\"\n          [placeholder]=\"t('currency-format-placeholder')\"\n          [required]=\"true\"\n        />\n      </div>\n    </mt-card>\n\n    <mt-system-settings-general-config-section\n      class=\"block\"\n      [generalConfigurationForm]=\"generalConfigurationForm()\"\n      [exploreDefaultViewOptions]=\"exploreDefaultViewOptions()\"\n    />\n  </div>\n</ng-container>\n", styles: [":host{display:block}\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: 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: 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: SystemSettingsGeneralConfigSection, selector: "mt-system-settings-general-config-section", inputs: ["generalConfigurationForm", "exploreDefaultViewOptions"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.8", ngImport: i0, type: SystemSettingsGeneralSection, decorators: [{
+            type: Component,
+            args: [{ selector: 'mt-system-settings-general-section', imports: [
+                        ReactiveFormsModule,
+                        TranslocoDirective,
+                        Card,
+                        SelectField,
+                        MultiSelectField,
+                        SystemSettingsGeneralConfigSection,
+                    ], changeDetection: ChangeDetectionStrategy.OnPush, template: "<ng-container *transloco=\"let t; prefix: 'system-settings'\">\n  <div class=\"grid gap-6 xl:grid-cols-3\">\n    <mt-card class=\"block\">\n      <div class=\"space-y-4\">\n        <div class=\"space-y-1\">\n          <h4 class=\"text-base font-semibold text-neutral-900\">\n            {{ t(\"date-time-weekend-title\") }}\n          </h4>\n          <p class=\"text-sm text-neutral-600\">\n            {{ t(\"date-time-weekend-description\") }}\n          </p>\n        </div>\n\n        <div [formGroup]=\"timezoneForm()\" class=\"grid gap-4 md:grid-cols-2\">\n          <mt-select-field\n            formControlName=\"dateFormat\"\n            [options]=\"dateFormatOptions()\"\n            [optionLabel]=\"'name'\"\n            [optionValue]=\"'id'\"\n            [label]=\"t('date-format')\"\n            [placeholder]=\"t('date-format-placeholder')\"\n            [required]=\"true\"\n          />\n\n          <mt-select-field\n            formControlName=\"timeFormat\"\n            [options]=\"timeFormatOptions()\"\n            [optionLabel]=\"'name'\"\n            [optionValue]=\"'id'\"\n            [label]=\"t('time-format')\"\n            [placeholder]=\"t('time-format-placeholder')\"\n            [required]=\"true\"\n          />\n        </div>\n\n        <div [formGroup]=\"weekendForm()\">\n          <mt-multi-select-field\n            formControlName=\"days\"\n            [options]=\"weekendOptions()\"\n            [optionLabel]=\"'name'\"\n            [optionValue]=\"'dayNumber'\"\n            [label]=\"t('weekend-days')\"\n            [placeholder]=\"t('weekend-placeholder')\"\n            [display]=\"'chip'\"\n            [filter]=\"false\"\n            [showClear]=\"true\"\n            [maxSelectedLabels]=\"3\"\n          />\n        </div>\n      </div>\n    </mt-card>\n\n    <mt-card class=\"block\">\n      <div [formGroup]=\"currencyForm()\" class=\"space-y-4\">\n        <div class=\"space-y-1\">\n          <h4 class=\"text-base font-semibold text-neutral-900\">\n            {{ t(\"currency-title\") }}\n          </h4>\n          <p class=\"text-sm text-neutral-600\">\n            {{ t(\"currency-description\") }}\n          </p>\n        </div>\n\n        <mt-select-field\n          formControlName=\"code\"\n          [options]=\"currencyOptions()\"\n          [optionLabel]=\"'name'\"\n          [optionValue]=\"'id'\"\n          [label]=\"t('currency')\"\n          [placeholder]=\"t('currency-placeholder')\"\n          [required]=\"true\"\n        />\n\n        <mt-select-field\n          formControlName=\"format\"\n          [options]=\"currencyFormatOptions()\"\n          [optionLabel]=\"'name'\"\n          [optionValue]=\"'id'\"\n          [label]=\"t('currency-format')\"\n          [placeholder]=\"t('currency-format-placeholder')\"\n          [required]=\"true\"\n        />\n      </div>\n    </mt-card>\n\n    <mt-system-settings-general-config-section\n      class=\"block\"\n      [generalConfigurationForm]=\"generalConfigurationForm()\"\n      [exploreDefaultViewOptions]=\"exploreDefaultViewOptions()\"\n    />\n  </div>\n</ng-container>\n", styles: [":host{display:block}\n"] }]
+        }], propDecorators: { generalConfigurationForm: [{ type: i0.Input, args: [{ isSignal: true, alias: "generalConfigurationForm", required: true }] }], timezoneForm: [{ type: i0.Input, args: [{ isSignal: true, alias: "timezoneForm", required: true }] }], currencyForm: [{ type: i0.Input, args: [{ isSignal: true, alias: "currencyForm", required: true }] }], weekendForm: [{ type: i0.Input, args: [{ isSignal: true, alias: "weekendForm", required: true }] }], exploreDefaultViewOptions: [{ type: i0.Input, args: [{ isSignal: true, alias: "exploreDefaultViewOptions", required: false }] }], dateFormatOptions: [{ type: i0.Input, args: [{ isSignal: true, alias: "dateFormatOptions", required: false }] }], timeFormatOptions: [{ type: i0.Input, args: [{ isSignal: true, alias: "timeFormatOptions", required: false }] }], currencyOptions: [{ type: i0.Input, args: [{ isSignal: true, alias: "currencyOptions", required: false }] }], currencyFormatOptions: [{ type: i0.Input, args: [{ isSignal: true, alias: "currencyFormatOptions", required: false }] }], weekendOptions: [{ type: i0.Input, args: [{ isSignal: true, alias: "weekendOptions", required: false }] }] } });
+
+class SystemSettingsHolidayEditor {
+    ref = inject(ModalRef);
+    modal = inject(ModalService);
+    holiday = input(null, ...(ngDevMode ? [{ debugName: "holiday" }] : /* istanbul ignore next */ []));
+    isEditMode = input(false, ...(ngDevMode ? [{ debugName: "isEditMode" }] : /* istanbul ignore next */ []));
+    form = new FormGroup({
+        label: new FormControl('', {
+            nonNullable: true,
+            validators: [Validators.required],
+        }),
+        from: new FormControl(null, {
+            validators: [Validators.required],
+        }),
+        to: new FormControl(null, {
+            validators: [Validators.required],
+        }),
+    }, {
+        validators: [holidayRangeValidator()],
+    });
+    actionLabel = computed(() => this.isEditMode() ? 'update-holiday' : 'add-holiday', ...(ngDevMode ? [{ debugName: "actionLabel" }] : /* istanbul ignore next */ []));
+    fromValue = toSignal(this.form.controls.from.valueChanges, {
+        initialValue: this.form.controls.from.value,
+    });
+    toPickerInputs = computed(() => {
+        const from = this.fromValue();
+        return from instanceof Date ? { minDate: from } : {};
+    }, ...(ngDevMode ? [{ debugName: "toPickerInputs" }] : /* istanbul ignore next */ []));
+    constructor() {
+        effect(() => {
+            const holiday = this.holiday();
+            this.form.reset({
+                label: holiday?.label ?? '',
+                from: holiday?.from ?? null,
+                to: holiday?.to ?? null,
+            }, { emitEvent: false });
+            this.form.markAsPristine();
+            this.form.markAsUntouched();
+        });
+    }
+    onSave() {
+        this.form.markAllAsTouched();
+        if (this.form.invalid) {
+            return;
+        }
+        const value = this.form.getRawValue();
+        if (!(value.from instanceof Date) || !(value.to instanceof Date)) {
+            return;
+        }
+        this.ref.close({
+            label: value.label.trim(),
+            from: value.from,
+            to: value.to,
+        });
+    }
+    onCancel() {
+        this.ref.close(null);
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.8", ngImport: i0, type: SystemSettingsHolidayEditor, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.8", type: SystemSettingsHolidayEditor, isStandalone: true, selector: "mt-system-settings-holiday-editor", inputs: { holiday: { classPropertyName: "holiday", publicName: "holiday", isSignal: true, isRequired: false, transformFunction: null }, isEditMode: { classPropertyName: "isEditMode", publicName: "isEditMode", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0, template: "<ng-container *transloco=\"let t; prefix: 'system-settings'\">\n  <div [class]=\"' ' + (modal.contentClass || '')\">\n    <form [formGroup]=\"form\" class=\"space-y-4 p-3\" (ngSubmit)=\"onSave()\">\n      <mt-text-field\n        formControlName=\"label\"\n        [label]=\"t('holiday-name')\"\n        [placeholder]=\"t('holiday-name-placeholder')\"\n        [required]=\"true\"\n      />\n\n      <div class=\"grid gap-4 md:grid-cols-2\">\n        <div class=\"grid gap-1\">\n          <mt-date-field\n            formControlName=\"from\"\n            [label]=\"t('from-date')\"\n            [placeholder]=\"t('from-date')\"\n            [showIcon]=\"true\"\n            [required]=\"true\"\n          />\n        </div>\n\n        <div class=\"grid gap-1\">\n          <mt-date-field\n            formControlName=\"to\"\n            [label]=\"t('to-date')\"\n            [placeholder]=\"t('to-date')\"\n            [showIcon]=\"true\"\n            [required]=\"true\"\n            [pInputs]=\"toPickerInputs()\"\n          />\n        </div>\n      </div>\n\n      @if (form.errors?.[\"invalidRange\"] && (form.dirty || form.touched)) {\n        <div class=\"text-sm text-red-600\">\n          {{ t(\"holiday-range-error\") }}\n        </div>\n      }\n    </form>\n  </div>\n  <div [class]=\"modal.footerClass\">\n    <mt-button\n      [label]=\"t('cancel')\"\n      variant=\"outlined\"\n      type=\"button\"\n      (onClick)=\"onCancel()\"\n    />\n    <mt-button [label]=\"t(actionLabel())\" type=\"button\" (onClick)=\"onSave()\" />\n  </div>\n</ng-container>\n", styles: [":host{display:block}\n"], dependencies: [{ kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i1.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { 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: 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: DateField, selector: "mt-date-field", inputs: ["field", "hint", "label", "placeholder", "class", "readonly", "showIcon", "showOnFocus", "showClear", "showTime", "timeOnly", "minDate", "maxDate", "pInputs", "required"] }, { kind: "component", type: TextField, selector: "mt-text-field", inputs: ["field", "hint", "label", "placeholder", "class", "type", "readonly", "pInputs", "required", "maxLength", "icon", "iconPosition"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.8", ngImport: i0, type: SystemSettingsHolidayEditor, decorators: [{
+            type: Component,
+            args: [{ selector: 'mt-system-settings-holiday-editor', imports: [
+                        ReactiveFormsModule,
+                        TranslocoDirective,
+                        Button,
+                        DateField,
+                        TextField,
+                    ], changeDetection: ChangeDetectionStrategy.OnPush, template: "<ng-container *transloco=\"let t; prefix: 'system-settings'\">\n  <div [class]=\"' ' + (modal.contentClass || '')\">\n    <form [formGroup]=\"form\" class=\"space-y-4 p-3\" (ngSubmit)=\"onSave()\">\n      <mt-text-field\n        formControlName=\"label\"\n        [label]=\"t('holiday-name')\"\n        [placeholder]=\"t('holiday-name-placeholder')\"\n        [required]=\"true\"\n      />\n\n      <div class=\"grid gap-4 md:grid-cols-2\">\n        <div class=\"grid gap-1\">\n          <mt-date-field\n            formControlName=\"from\"\n            [label]=\"t('from-date')\"\n            [placeholder]=\"t('from-date')\"\n            [showIcon]=\"true\"\n            [required]=\"true\"\n          />\n        </div>\n\n        <div class=\"grid gap-1\">\n          <mt-date-field\n            formControlName=\"to\"\n            [label]=\"t('to-date')\"\n            [placeholder]=\"t('to-date')\"\n            [showIcon]=\"true\"\n            [required]=\"true\"\n            [pInputs]=\"toPickerInputs()\"\n          />\n        </div>\n      </div>\n\n      @if (form.errors?.[\"invalidRange\"] && (form.dirty || form.touched)) {\n        <div class=\"text-sm text-red-600\">\n          {{ t(\"holiday-range-error\") }}\n        </div>\n      }\n    </form>\n  </div>\n  <div [class]=\"modal.footerClass\">\n    <mt-button\n      [label]=\"t('cancel')\"\n      variant=\"outlined\"\n      type=\"button\"\n      (onClick)=\"onCancel()\"\n    />\n    <mt-button [label]=\"t(actionLabel())\" type=\"button\" (onClick)=\"onSave()\" />\n  </div>\n</ng-container>\n", styles: [":host{display:block}\n"] }]
+        }], ctorParameters: () => [], propDecorators: { holiday: [{ type: i0.Input, args: [{ isSignal: true, alias: "holiday", required: false }] }], isEditMode: [{ type: i0.Input, args: [{ isSignal: true, alias: "isEditMode", required: false }] }] } });
+function holidayRangeValidator() {
+    return (control) => {
+        const from = control.get('from')?.value;
+        const to = control.get('to')?.value;
+        if (!from || !to) {
+            return null;
+        }
+        return from <= to ? null : { invalidRange: true };
+    };
+}
+
+class SystemSettingsHolidaysSection {
+    transloco = inject(TranslocoService);
+    holidays = input([], ...(ngDevMode ? [{ debugName: "holidays" }] : /* istanbul ignore next */ []));
+    addHoliday = output();
+    editHoliday = output();
+    deleteHoliday = output();
+    columns = computed(() => [
+        {
+            key: 'label',
+            label: this.transloco.translate('system-settings.holiday-name'),
+        },
+        {
+            key: 'from',
+            label: this.transloco.translate('system-settings.from-date'),
+        },
+        {
+            key: 'to',
+            label: this.transloco.translate('system-settings.to-date'),
+        },
+    ], ...(ngDevMode ? [{ debugName: "columns" }] : /* istanbul ignore next */ []));
+    rowActions = computed(() => [
+        {
+            icon: 'general.edit-01',
+            tooltip: this.transloco.translate('system-settings.edit-holiday'),
+            color: 'secondary',
+            variant: 'outlined',
+            action: (row) => this.editHoliday.emit(row.rowIndex),
+        },
+        {
+            icon: 'general.trash-01',
+            tooltip: this.transloco.translate('system-settings.remove-holiday'),
+            color: 'danger',
+            variant: 'outlined',
+            action: (row) => this.deleteHoliday.emit(row.rowIndex),
+        },
+    ], ...(ngDevMode ? [{ debugName: "rowActions" }] : /* istanbul ignore next */ []));
+    hasHolidays = computed(() => this.holidays().length > 0, ...(ngDevMode ? [{ debugName: "hasHolidays" }] : /* istanbul ignore next */ []));
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.8", ngImport: i0, type: SystemSettingsHolidaysSection, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.8", type: SystemSettingsHolidaysSection, isStandalone: true, selector: "mt-system-settings-holidays-section", inputs: { holidays: { classPropertyName: "holidays", publicName: "holidays", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { addHoliday: "addHoliday", editHoliday: "editHoliday", deleteHoliday: "deleteHoliday" }, ngImport: i0, template: "<ng-container *transloco=\"let t; prefix: 'system-settings'\">\n  <mt-card class=\"block\">\n    <div class=\"space-y-6\">\n      <div\n        class=\"flex flex-col gap-4 md:flex-row md:items-start md:justify-between\"\n      >\n        <div class=\"space-y-1\">\n          <h4 class=\"text-base font-semibold text-neutral-900\">\n            {{ t(\"holidays-title\") }}\n          </h4>\n          <p class=\"text-sm text-neutral-600\">\n            {{ t(\"holidays-description\") }}\n          </p>\n        </div>\n\n        <mt-button\n          [label]=\"t('add-holiday')\"\n          icon=\"general.plus\"\n          (onClick)=\"addHoliday.emit()\"\n        />\n      </div>\n\n      @if (hasHolidays()) {\n        <mt-table\n          noCard\n          [data]=\"holidays()\"\n          [columns]=\"columns()\"\n          [rowActions]=\"rowActions()\"\n          [generalSearch]=\"false\"\n          [showFilters]=\"false\"\n          [dataKey]=\"'rowKey'\"\n          storageKey=\"admin-system-settings-holidays-table\"\n        >\n        </mt-table>\n      } @else {\n        <div\n          class=\"rounded-xl border border-dashed border-neutral-300 bg-neutral-50 px-6 py-10 text-center\"\n        >\n          <h5 class=\"text-base font-semibold text-neutral-900\">\n            {{ t(\"no-holidays-title\") }}\n          </h5>\n          <p class=\"mt-2 text-sm text-neutral-600\">\n            {{ t(\"no-holidays-description\") }}\n          </p>\n        </div>\n      }\n    </div>\n  </mt-card>\n</ng-container>\n", styles: [":host{display:block}\n"], dependencies: [{ kind: "directive", type: TranslocoDirective, selector: "[transloco]", inputs: ["transloco", "translocoParams", "translocoScope", "translocoRead", "translocoPrefix", "translocoLang", "translocoLoadingTpl"] }, { 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: Card, selector: "mt-card", inputs: ["class", "title", "paddingless"] }, { kind: "component", type: Table, selector: "mt-table", inputs: ["filters", "data", "columns", "rowActions", "size", "showGridlines", "stripedRows", "selectableRows", "clickableRows", "generalSearch", "lazyLocalSearch", "showFilters", "filterMode", "loading", "updating", "lazy", "lazyLocalSort", "lazyTotalRecords", "reorderableColumns", "reorderableRows", "dataKey", "storageKey", "storageMode", "persistStateExclude", "exportable", "printable", "groupable", "groupCountMap", "cellClickFilter", "freezeActions", "virtualScroll", "virtualScrollItemSize", "scrollHeight", "printTitle", "exportFilename", "actionShape", "rowActionsLoadingFn", "tableLayout", "noCard", "tabs", "tabsOptionLabel", "tabsOptionValue", "activeTab", "actions", "captionStartTemplate", "captionEndTemplate", "emptyTitle", "emptyDescription", "emptyActionLabel", "emptyActionIcon", "paginatorPosition", "alwaysShowPaginator", "rowsPerPageOptions", "pageSize", "currentPage", "first", "filterTerm", "groupBy", "sortField", "sortDirection"], outputs: ["selectionChange", "cellChange", "lazyLoad", "columnReorder", "rowReorder", "rowClick", "emptyAction", "rowActionsRequested", "filtersChange", "activeTabChange", "onTabChange", "pageSizeChange", "currentPageChange", "firstChange", "filterTermChange", "groupByChange", "sortFieldChange", "sortDirectionChange"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.8", ngImport: i0, type: SystemSettingsHolidaysSection, decorators: [{
+            type: Component,
+            args: [{ selector: 'mt-system-settings-holidays-section', imports: [TranslocoDirective, Button, Card, Table], changeDetection: ChangeDetectionStrategy.OnPush, template: "<ng-container *transloco=\"let t; prefix: 'system-settings'\">\n  <mt-card class=\"block\">\n    <div class=\"space-y-6\">\n      <div\n        class=\"flex flex-col gap-4 md:flex-row md:items-start md:justify-between\"\n      >\n        <div class=\"space-y-1\">\n          <h4 class=\"text-base font-semibold text-neutral-900\">\n            {{ t(\"holidays-title\") }}\n          </h4>\n          <p class=\"text-sm text-neutral-600\">\n            {{ t(\"holidays-description\") }}\n          </p>\n        </div>\n\n        <mt-button\n          [label]=\"t('add-holiday')\"\n          icon=\"general.plus\"\n          (onClick)=\"addHoliday.emit()\"\n        />\n      </div>\n\n      @if (hasHolidays()) {\n        <mt-table\n          noCard\n          [data]=\"holidays()\"\n          [columns]=\"columns()\"\n          [rowActions]=\"rowActions()\"\n          [generalSearch]=\"false\"\n          [showFilters]=\"false\"\n          [dataKey]=\"'rowKey'\"\n          storageKey=\"admin-system-settings-holidays-table\"\n        >\n        </mt-table>\n      } @else {\n        <div\n          class=\"rounded-xl border border-dashed border-neutral-300 bg-neutral-50 px-6 py-10 text-center\"\n        >\n          <h5 class=\"text-base font-semibold text-neutral-900\">\n            {{ t(\"no-holidays-title\") }}\n          </h5>\n          <p class=\"mt-2 text-sm text-neutral-600\">\n            {{ t(\"no-holidays-description\") }}\n          </p>\n        </div>\n      }\n    </div>\n  </mt-card>\n</ng-container>\n", styles: [":host{display:block}\n"] }]
+        }], propDecorators: { holidays: [{ type: i0.Input, args: [{ isSignal: true, alias: "holidays", required: false }] }], addHoliday: [{ type: i0.Output, args: ["addHoliday"] }], editHoliday: [{ type: i0.Output, args: ["editHoliday"] }], deleteHoliday: [{ type: i0.Output, args: ["deleteHoliday"] }] } });
+
+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 */ []));
+    frequencyOptions = input([], ...(ngDevMode ? [{ debugName: "frequencyOptions" }] : /* istanbul ignore next */ []));
+    timezoneOptions = input([], ...(ngDevMode ? [{ debugName: "timezoneOptions" }] : /* 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 }, 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,
+            args: [{ selector: 'mt-system-settings-timesheet-section', imports: [
+                        ReactiveFormsModule,
+                        TranslocoDirective,
+                        Card,
+                        MultiSelectField,
+                        NumberField,
+                        SelectField,
+                        TextareaField,
+                        ToggleField,
+                    ], 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 }] }] } });
+
+/** The settings record General Configuration fields live in. */
+const GENERAL_CONFIGURATION_SETTING_KEY = 'Identity';
+const FIXED_CURRENCIES = [
+    {
+        code: 'SAR',
+        englishLabel: 'Saudi Riyal (SAR)',
+        arabicLabel: 'ريال سعودي (SAR)',
+        unit: {
+            en: 'SAR',
+            ar: 'ريال سعودي',
+        },
+    },
+    {
+        code: 'OMR',
+        englishLabel: 'Omani Rial (OMR)',
+        arabicLabel: 'ريال عماني (OMR)',
+        unit: {
+            en: 'OMR',
+            ar: 'ريال عماني',
+        },
+    },
+    {
+        code: 'AED',
+        englishLabel: 'UAE Dirham (AED)',
+        arabicLabel: 'درهم إماراتي (AED)',
+        unit: {
+            en: 'AED',
+            ar: 'درهم إماراتي',
+        },
+    },
+];
+/**
+ * Explore landing views, mirroring the app-client explore header switcher
+ * (same icons) so the configured default reads as the same choice.
+ */
+const EXPLORE_DEFAULT_VIEW_OPTIONS = [
+    {
+        id: 'cards',
+        translationKey: 'explore-default-view-cards',
+        icon: 'layout.grid-01',
+    },
+    {
+        id: 'timeline',
+        translationKey: 'explore-default-view-timeline',
+        icon: 'time.clock',
+    },
+];
+const DEFAULT_GENERAL_CONFIGURATION = {
+    defaultExploreView: 'cards',
+    showDesignSwitcher: false,
+};
+const DEFAULT_DATE_FORMAT_OPTIONS = [
+    {
+        key: 'MM/dd/yyyy',
+        sample: 'MM/dd/yyyy [01/20/2023]',
+        isSelected: true,
+    },
+    {
+        key: 'yyyy/MM/dd',
+        sample: 'yyyy/MM/dd [2023/01/20]',
+        isSelected: false,
+    },
+    {
+        key: 'dd-MM-yyyy',
+        sample: 'dd-MM-yyyy [20-01-2023]',
+        isSelected: false,
+    },
+    {
+        key: 'yyyy-MM-dd',
+        sample: 'yyyy-MM-dd [2023-01-20]',
+        isSelected: false,
+    },
+];
+const DEFAULT_TIME_FORMAT_OPTIONS = [
+    {
+        key: 'hh:mm tt',
+        sample: 'hh:mm tt [03:00 PM]',
+        isSelected: true,
+    },
+    {
+        key: 'HH:mm',
+        sample: 'HH:mm [15:00]',
+        isSelected: false,
+    },
+    {
+        key: 'H:mm:ss',
+        sample: 'H:mm:ss [15:00:00]',
+        isSelected: false,
+    },
+    {
+        key: 'hh:mm:ss',
+        sample: 'hh:mm:ss [03:00:00]',
+        isSelected: false,
+    },
+];
+const WEEKEND_DAY_DEFINITIONS = [
+    { dayNumber: 1, translationKey: 'monday' },
+    { dayNumber: 2, translationKey: 'tuesday' },
+    { dayNumber: 3, translationKey: 'wednesday' },
+    { dayNumber: 4, translationKey: 'thursday' },
+    { dayNumber: 5, translationKey: 'friday' },
+    { dayNumber: 6, translationKey: 'saturday' },
+    { dayNumber: 7, translationKey: 'sunday' },
+];
+const DOTNET_DAY_DEFINITIONS = [
+    { dayNumber: 0, translationKey: 'sunday' },
+    { dayNumber: 1, translationKey: 'monday' },
+    { dayNumber: 2, translationKey: 'tuesday' },
+    { dayNumber: 3, translationKey: 'wednesday' },
+    { dayNumber: 4, translationKey: 'thursday' },
+    { 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' },
+    { itemType: 'Deliverable', translationKey: 'schedule-item-deliverable' },
+];
+const RATE_SOURCE_OPTIONS = [
+    { id: 'UserHourlyRate', translationKey: 'rate-source-user-hourly-rate' },
+    { 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);
+    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 */ []));
+    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'),
+        },
+    ];
+    form = new FormGroup({
+        generalConfiguration: new FormGroup({
+            defaultExploreView: new FormControl('cards', {
+                nonNullable: true,
+                validators: [Validators.required],
+            }),
+            showDesignSwitcher: new FormControl(false, {
+                nonNullable: true,
+            }),
+        }),
+        timezone: new FormGroup({
+            regionId: new FormControl(null, Validators.required),
+            dateFormat: new FormControl(null, Validators.required),
+            timeFormat: new FormControl(null, Validators.required),
+        }),
+        currency: new FormGroup({
+            code: new FormControl(null, Validators.required),
+            format: new FormControl(null, Validators.required),
+        }),
+        weekend: new FormGroup({
+            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),
+            ]),
+            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),
+            ]),
+        }),
+        globalWorkingHours: new FormGroup({
+            timeZoneId: new FormControl(null, 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 */ []));
+    settingsLastUpdated = signal(null, ...(ngDevMode ? [{ debugName: "settingsLastUpdated" }] : /* istanbul ignore next */ []));
+    updating = signal(false, ...(ngDevMode ? [{ debugName: "updating" }] : /* istanbul ignore next */ []));
+    updateError = signal(null, ...(ngDevMode ? [{ debugName: "updateError" }] : /* istanbul ignore next */ []));
+    timezones = signal([], ...(ngDevMode ? [{ debugName: "timezones" }] : /* istanbul ignore next */ []));
+    timezonesLoading = signal(false, ...(ngDevMode ? [{ debugName: "timezonesLoading" }] : /* istanbul ignore next */ []));
+    timezonesError = signal(null, ...(ngDevMode ? [{ debugName: "timezonesError" }] : /* istanbul ignore next */ []));
+    holidayItems = signal([], ...(ngDevMode ? [{ debugName: "holidayItems" }] : /* istanbul ignore next */ []));
+    initialSnapshot = signal(null, ...(ngDevMode ? [{ debugName: "initialSnapshot" }] : /* istanbul ignore next */ []));
+    hydrationVersion = signal(null, ...(ngDevMode ? [{ debugName: "hydrationVersion" }] : /* istanbul ignore next */ []));
+    activeLang = toSignal(this.transloco.langChanges$, {
+        initialValue: this.transloco.getActiveLang(),
+    });
+    formStatus = toSignal(this.form.statusChanges, {
+        initialValue: this.form.status,
+    });
+    selectedDateFormat = toSignal(this.form.controls.timezone.controls.dateFormat.valueChanges, {
+        initialValue: this.form.controls.timezone.controls.dateFormat.value,
+    });
+    selectedTimeFormat = toSignal(this.form.controls.timezone.controls.timeFormat.valueChanges, {
+        initialValue: this.form.controls.timezone.controls.timeFormat.value,
+    });
+    selectedCurrencyCode = toSignal(this.form.controls.currency.controls.code.valueChanges, {
+        initialValue: this.form.controls.currency.controls.code.value,
+    });
+    formValue = toSignal(this.form.valueChanges, {
+        initialValue: this.form.getRawValue(),
+    });
+    /**
+     * The `Identity` record. It is shared with `@masterteam/brand-display`, which
+     * owns every other field in it — we only read/write the General Configuration
+     * slice and must preserve the rest verbatim.
+     */
+    generalConfigurationSetting = computed(() => this.findSettingByKey(GENERAL_CONFIGURATION_SETTING_KEY), ...(ngDevMode ? [{ debugName: "generalConfigurationSetting" }] : /* istanbul ignore next */ []));
+    holidaysSetting = computed(() => this.findSettingByKey('Holidays'), ...(ngDevMode ? [{ debugName: "holidaysSetting" }] : /* istanbul ignore next */ []));
+    timezoneSetting = computed(() => this.findSettingByKey('Timezone'), ...(ngDevMode ? [{ debugName: "timezoneSetting" }] : /* istanbul ignore next */ []));
+    currencySetting = computed(() => this.findSettingByKey('Currency'), ...(ngDevMode ? [{ debugName: "currencySetting" }] : /* istanbul ignore next */ []));
+    weekendSetting = computed(() => this.findSettingByKey('Weekend'), ...(ngDevMode ? [{ debugName: "weekendSetting" }] : /* istanbul ignore next */ []));
+    timeSheetPolicySetting = computed(() => this.findSettingByKey('TimeSheetPolicy'), ...(ngDevMode ? [{ debugName: "timeSheetPolicySetting" }] : /* istanbul ignore next */ []));
+    globalWorkingHoursSetting = computed(() => this.findSettingByKey('GlobalWorkingHours'), ...(ngDevMode ? [{ debugName: "globalWorkingHoursSetting" }] : /* istanbul ignore next */ []));
+    resolvedFormatSchema = computed(() => {
+        const schema = this.formatSchema();
+        return {
+            dateFormats: schema?.dateFormats ?? DEFAULT_DATE_FORMAT_OPTIONS,
+            timeFormats: schema?.timeFormats ?? DEFAULT_TIME_FORMAT_OPTIONS,
+        };
+    }, ...(ngDevMode ? [{ debugName: "resolvedFormatSchema" }] : /* istanbul ignore next */ []));
+    timezoneOptions = computed(() => this.timezones().map((timezone) => ({
+        ...timezone,
+        name: timezone.name ?? timezone.displayName,
+    })), ...(ngDevMode ? [{ debugName: "timezoneOptions" }] : /* istanbul ignore next */ []));
+    dateFormatOptions = computed(() => this.mapFormatOptions(this.resolvedFormatSchema().dateFormats, this.selectedDateFormat()), ...(ngDevMode ? [{ debugName: "dateFormatOptions" }] : /* istanbul ignore next */ []));
+    timeFormatOptions = computed(() => this.mapFormatOptions(this.resolvedFormatSchema().timeFormats, this.selectedTimeFormat()), ...(ngDevMode ? [{ debugName: "timeFormatOptions" }] : /* istanbul ignore next */ []));
+    currencyOptions = computed(() => {
+        const lang = this.activeLang();
+        return FIXED_CURRENCIES.map((currency) => ({
+            id: currency.code,
+            name: lang === 'ar' ? currency.arabicLabel : currency.englishLabel,
+        }));
+    }, ...(ngDevMode ? [{ debugName: "currencyOptions" }] : /* istanbul ignore next */ []));
+    currencyFormatOptions = computed(() => {
+        const currency = FIXED_CURRENCIES.find((item) => item.code === this.selectedCurrencyCode());
+        return this.buildCurrencyFormatOptions(currency);
+    }, ...(ngDevMode ? [{ debugName: "currencyFormatOptions" }] : /* istanbul ignore next */ []));
+    weekendOptions = computed(() => {
+        this.activeLang();
+        return WEEKEND_DAY_DEFINITIONS.map((day) => ({
+            id: `${day.dayNumber}`,
+            dayNumber: day.dayNumber,
+            name: this.transloco.translate(`system-settings.${day.translationKey}`),
+        }));
+    }, ...(ngDevMode ? [{ debugName: "weekendOptions" }] : /* istanbul ignore next */ []));
+    dotnetDayOptions = computed(() => {
+        this.activeLang();
+        return DOTNET_DAY_DEFINITIONS.map((day) => ({
+            id: `${day.dayNumber}`,
+            dayNumber: day.dayNumber,
+            name: this.transloco.translate(`system-settings.${day.translationKey}`),
+        }));
+    }, ...(ngDevMode ? [{ debugName: "dotnetDayOptions" }] : /* istanbul ignore next */ []));
+    exploreDefaultViewOptions = computed(() => {
+        this.activeLang();
+        return EXPLORE_DEFAULT_VIEW_OPTIONS.map((option) => ({
+            id: option.id,
+            name: this.transloco.translate(`system-settings.${option.translationKey}`),
+            icon: option.icon,
+        }));
+    }, ...(ngDevMode ? [{ debugName: "exploreDefaultViewOptions" }] : /* istanbul ignore next */ []));
+    frequencyOptions = computed(() => {
+        this.activeLang();
+        return TIMESHEET_FREQUENCY_OPTIONS.map((item) => ({
+            id: item.id,
+            name: this.transloco.translate(`system-settings.${item.translationKey}`),
+        }));
+    }, ...(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(() => {
+        this.formValue();
+        this.holidayItems();
+        const initial = this.initialSnapshot();
+        if (!initial) {
+            return false;
+        }
+        const current = this.buildCurrentSnapshot();
+        if (!current) {
+            return false;
+        }
+        return (!this.areEqual(initial.generalConfiguration, current.generalConfiguration) ||
+            !this.areEqual(initial.holidays, current.holidays) ||
+            !this.areEqual(initial.timezone, current.timezone) ||
+            !this.areEqual(initial.currency, current.currency) ||
+            !this.areEqual(initial.weekend, current.weekend) ||
+            !this.areEqual(initial.timeSheetPolicy, current.timeSheetPolicy) ||
+            !this.areEqual(initial.globalWorkingHours, current.globalWorkingHours));
+    }, ...(ngDevMode ? [{ debugName: "hasChanges" }] : /* istanbul ignore next */ []));
+    canSaveSettings = computed(() => !this.isLoading() &&
+        !this.updating() &&
+        this.formStatus() === 'VALID' &&
+        this.hasChanges(), ...(ngDevMode ? [{ debugName: "canSaveSettings" }] : /* istanbul ignore next */ []));
+    holidayTableRows = computed(() => this.holidayItems().map((holiday, index) => ({
+        rowKey: `${index}`,
+        rowIndex: index,
+        label: holiday.label,
+        from: formatDateOnly(holiday.from),
+        to: formatDateOnly(holiday.to),
+    })), ...(ngDevMode ? [{ debugName: "holidayTableRows" }] : /* istanbul ignore next */ []));
+    constructor() {
+        effect(() => {
+            const version = [
+                this.settingsLastUpdated() ?? 'none',
+                this.settingsError() ?? 'none',
+                this.timezonesError() ?? 'none',
+                String(this.timezones().length),
+                JSON.stringify(this.resolvedFormatSchema()),
+            ].join('::');
+            if (this.settingsLoading() || this.timezonesLoading()) {
+                return;
+            }
+            if (version === this.hydrationVersion()) {
+                return;
+            }
+            this.hydrateForm(this.generalConfigurationSetting() ??
+                this.createFallbackSetting(GENERAL_CONFIGURATION_SETTING_KEY), this.holidaysSetting() ?? this.createFallbackSetting('Holidays'), this.timezoneSetting() ?? this.createFallbackSetting('Timezone'), this.currencySetting() ?? this.createFallbackSetting('Currency'), this.weekendSetting() ?? this.createFallbackSetting('Weekend'), this.timeSheetPolicySetting() ??
+                this.createFallbackSetting('TimeSheetPolicy'), this.globalWorkingHoursSetting() ??
+                this.createFallbackSetting('GlobalWorkingHours'));
+            this.hydrationVersion.set(version);
+        });
+    }
+    ngOnInit() {
+        this.loadSettings();
+        this.loadTimezones();
+    }
+    goBack() {
+        const backRoute = this.backRoute();
+        if (!backRoute) {
+            return;
+        }
+        this.router.navigateByUrl(backRoute);
+    }
+    openAddHoliday() {
+        const modalRef = this.modal.openModal(SystemSettingsHolidayEditor, 'dialog', {
+            header: this.transloco.translate('system-settings.add-holiday'),
+            width: '42rem',
+            appendTo: 'body',
+            dismissableMask: true,
+            dismissible: true,
+            inputValues: {
+                holiday: null,
+                isEditMode: false,
+            },
+        });
+        modalRef.onClose.subscribe((result) => {
+            if (!result) {
+                return;
+            }
+            this.holidayItems.update((items) => [...items, result]);
+        });
+    }
+    editHoliday(index) {
+        const holiday = this.holidayItems()[index];
+        if (!holiday) {
+            return;
+        }
+        const modalRef = this.modal.openModal(SystemSettingsHolidayEditor, 'drawer', {
+            header: this.transloco.translate('system-settings.edit-holiday'),
+            styleClass: '!w-[30rem] !absolute !shadow-none',
+            position: 'end',
+            appendTo: 'page-content',
+            dismissible: true,
+            inputValues: {
+                holiday,
+                isEditMode: true,
+            },
+        });
+        modalRef.onClose.subscribe((result) => {
+            if (!result) {
+                return;
+            }
+            this.holidayItems.update((items) => items.map((item, itemIndex) => (itemIndex === index ? result : item)));
+        });
+    }
+    deleteHoliday(index) {
+        this.holidayItems.update((items) => items.filter((_, itemIndex) => itemIndex !== index));
+    }
+    onSave() {
+        this.form.markAllAsTouched();
+        const nextSnapshot = this.buildCurrentSnapshot();
+        const initialSnapshot = this.initialSnapshot();
+        if (!nextSnapshot || !initialSnapshot) {
+            return;
+        }
+        const values = [];
+        if (!this.areEqual(initialSnapshot.generalConfiguration, nextSnapshot.generalConfiguration)) {
+            // `Identity` is shared with brand-display and is saved by full
+            // replacement, so merge our slice onto the record as last loaded instead
+            // of sending it alone — sending only our fields would wipe the branding.
+            values.push({
+                key: GENERAL_CONFIGURATION_SETTING_KEY,
+                value: {
+                    ...this.getIdentityRecord(),
+                    ...nextSnapshot.generalConfiguration,
+                },
+            });
+        }
+        if (!this.areEqual(initialSnapshot.holidays, nextSnapshot.holidays)) {
+            values.push({
+                key: 'Holidays',
+                value: this.serializeHolidaysValue(nextSnapshot.holidays),
+            });
+        }
+        if (!this.areEqual(initialSnapshot.timezone, nextSnapshot.timezone)) {
+            values.push({
+                key: 'Timezone',
+                value: nextSnapshot.timezone,
+            });
+        }
+        if (!this.areEqual(initialSnapshot.currency, nextSnapshot.currency)) {
+            values.push({
+                key: 'Currency',
+                value: nextSnapshot.currency,
+            });
+        }
+        if (!this.areEqual(initialSnapshot.weekend, nextSnapshot.weekend)) {
+            values.push({
+                key: 'Weekend',
+                value: nextSnapshot.weekend,
+            });
+        }
+        if (!this.areEqual(initialSnapshot.timeSheetPolicy, nextSnapshot.timeSheetPolicy)) {
+            values.push({
+                key: 'TimeSheetPolicy',
+                value: nextSnapshot.timeSheetPolicy,
+            });
+        }
+        if (!this.areEqual(initialSnapshot.globalWorkingHours, nextSnapshot.globalWorkingHours)) {
+            values.push({
+                key: 'GlobalWorkingHours',
+                value: nextSnapshot.globalWorkingHours,
+            });
+        }
+        if (!values.length) {
+            this.toast.info(this.transloco.translate('system-settings.no-changes-message'));
+            return;
+        }
+        this.updateSettings(values);
+    }
+    loadSettings() {
+        this.settingsLoading.set(true);
+        this.settingsError.set(null);
+        this.http
+            .get(this.buildEndpoint('getsystemsettings'))
+            .subscribe({
+            next: (response) => {
+                const settings = response.data ?? [];
+                this.settings.set(settings);
+                synchronizeSystemSettingsStorage(resolveBrowserLocalStorage(), settings);
+                this.settingsLoading.set(false);
+                this.settingsLastUpdated.set(new Date().toISOString());
+            },
+            error: (error) => {
+                this.settingsLoading.set(false);
+                this.settingsError.set(error?.message ?? 'Failed to load system settings');
+                this.settingsLastUpdated.set(new Date().toISOString());
+            },
+        });
+    }
+    loadTimezones() {
+        this.timezonesLoading.set(true);
+        this.timezonesError.set(null);
+        this.http
+            .get(this.buildEndpoint('timezones'))
+            .subscribe({
+            next: (response) => {
+                this.timezones.set(response.data ?? []);
+                this.timezonesLoading.set(false);
+            },
+            error: (error) => {
+                this.timezonesLoading.set(false);
+                this.timezonesError.set(error?.message ?? 'Failed to load timezone options');
+            },
+        });
+    }
+    updateSettings(values) {
+        this.updating.set(true);
+        this.updateError.set(null);
+        this.http
+            .put(this.buildEndpoint('updatesystemsettings'), {
+            values,
+        })
+            .subscribe({
+            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());
+            },
+            error: (error) => {
+                this.updating.set(false);
+                this.updateError.set(error?.message ?? 'Failed to update system settings');
+            },
+        });
+    }
+    hydrateForm(generalConfigurationSetting, holidaysSetting, timezoneSetting, currencySetting, weekendSetting, timeSheetPolicySetting, globalWorkingHoursSetting) {
+        const generalConfiguration = this.normalizeGeneralConfigurationSnapshot(this.extractGeneralConfigurationValue(generalConfigurationSetting));
+        const holidays = this.extractHolidaysValue(holidaysSetting);
+        const timezone = this.normalizeTimezoneSnapshot(this.extractTimezoneValue(timezoneSetting));
+        const currency = this.normalizeCurrencySnapshot(this.extractCurrencyValue(currencySetting));
+        const weekend = this.normalizeWeekendSnapshot(this.extractWeekendValue(weekendSetting));
+        const globalWorkingHours = this.normalizeGlobalWorkingHoursSnapshot(this.extractGlobalWorkingHoursValue(globalWorkingHoursSetting));
+        const timeSheetPolicy = this.normalizeTimeSheetPolicySnapshot(this.extractTimeSheetPolicyValue(timeSheetPolicySetting), globalWorkingHours.hoursPerDay);
+        this.holidayItems.set(holidays.data);
+        this.form.controls.generalConfiguration.setValue({
+            defaultExploreView: generalConfiguration.defaultExploreView,
+            showDesignSwitcher: generalConfiguration.showDesignSwitcher,
+        });
+        this.form.controls.timezone.setValue({
+            regionId: timezone.region?.id ?? null,
+            dateFormat: timezone.dateFormat,
+            timeFormat: timezone.timeFormat,
+        });
+        this.form.controls.currency.setValue({
+            code: this.resolveCurrencyCode(currency),
+            format: currency.format,
+        });
+        this.form.controls.weekend.setValue({
+            days: weekend.days,
+        });
+        this.form.controls.timeSheetPolicy.setValue({
+            frequency: timeSheetPolicy.frequency,
+            maxDailyHours: timeSheetPolicy.maxDailyHours,
+            requireDescription: timeSheetPolicy.requireDescription,
+            allowFutureEntry: timeSheetPolicy.allowFutureEntry,
+            allowBackdatedEntry: timeSheetPolicy.allowBackdatedEntry,
+            autoLockOnApprove: timeSheetPolicy.autoLockOnApprove,
+            submissionDeadlineDays: timeSheetPolicy.submissionDeadlineDays,
+        });
+        this.form.controls.globalWorkingHours.setValue({
+            timeZoneId: globalWorkingHours.timeZoneId,
+            workingDays: globalWorkingHours.workingDays,
+            hoursPerDay: globalWorkingHours.hoursPerDay,
+            holidaysCsv: globalWorkingHours.holidays.join(', '),
+        });
+        this.form.markAsPristine();
+        this.form.markAsUntouched();
+        this.initialSnapshot.set({
+            generalConfiguration,
+            holidays,
+            timezone,
+            currency,
+            weekend,
+            timeSheetPolicy,
+            globalWorkingHours,
+        });
+    }
+    buildCurrentSnapshot() {
+        const timezone = this.buildTimezoneValue();
+        const currency = this.buildCurrencyValue();
+        if (!timezone || !currency || this.form.invalid) {
+            return null;
+        }
+        return {
+            generalConfiguration: this.buildGeneralConfigurationValue(),
+            holidays: {
+                data: this.holidayItems().map((item) => ({
+                    label: item.label.trim(),
+                    from: item.from,
+                    to: item.to,
+                })),
+            },
+            timezone,
+            currency,
+            weekend: this.buildWeekendValue(),
+            timeSheetPolicy: this.buildTimeSheetPolicyValue(),
+            globalWorkingHours: this.buildGlobalWorkingHoursValue(),
+        };
+    }
+    buildTimezoneValue() {
+        const timezoneForm = this.form.controls.timezone.getRawValue();
+        if (!timezoneForm.regionId ||
+            !timezoneForm.dateFormat ||
+            !timezoneForm.timeFormat) {
+            return null;
+        }
+        const region = this.timezones().find((item) => item.id === timezoneForm.regionId);
+        if (!region) {
+            return null;
+        }
+        return {
+            region: {
+                ...region,
+                name: region.name ?? region.displayName,
+            },
+            dateFormat: timezoneForm.dateFormat,
+            timeFormat: timezoneForm.timeFormat,
+        };
+    }
+    buildCurrencyValue() {
+        const currencyForm = this.form.controls.currency.getRawValue();
+        if (!currencyForm.code || !currencyForm.format) {
+            return null;
+        }
+        const currency = FIXED_CURRENCIES.find((item) => item.code === currencyForm.code);
+        if (!currency) {
+            return null;
+        }
+        return {
+            name: currency.code,
+            unit: currency.unit,
+            format: currencyForm.format,
+        };
+    }
+    /**
+     * The `Identity` value exactly as last returned by the API (or written by a
+     * previous save in this session), used as the base every save merges onto so
+     * branding fields this page does not model survive round-trips.
+     */
+    getIdentityRecord() {
+        const value = this.generalConfigurationSetting()?.value;
+        return isRecord(value) ? value : {};
+    }
+    buildGeneralConfigurationValue() {
+        return {
+            defaultExploreView: normalizeExploreDefaultView(this.form.controls.generalConfiguration.controls.defaultExploreView
+                .value),
+            showDesignSwitcher: this.form.controls.generalConfiguration.controls.showDesignSwitcher
+                .value === true,
+        };
+    }
+    buildWeekendValue() {
+        return {
+            days: normalizeWeekendDays(this.form.controls.weekend.controls.days.value),
+        };
+    }
+    buildTimeSheetPolicyValue() {
+        const policyForm = this.form.controls.timeSheetPolicy.getRawValue();
+        const hoursPerDay = clampNumber(this.form.controls.globalWorkingHours.controls.hoursPerDay.value ?? 8, 0, 24);
+        return {
+            frequency: normalizeFrequency(policyForm.frequency),
+            maxDailyHours: Math.max(hoursPerDay, clampNumber(policyForm.maxDailyHours ?? 24, 1, 24)),
+            requireDescription: policyForm.requireDescription,
+            allowFutureEntry: policyForm.allowFutureEntry,
+            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',
+            workingDays: normalizeDotnetDays(globalForm.workingDays),
+            hoursPerDay: clampNumber(globalForm.hoursPerDay ?? 8, 0, 24),
+            holidays: parseCsv(globalForm.holidaysCsv),
+        };
+    }
+    findSettingByKey(key) {
+        const normalizedKey = key.trim().toLowerCase();
+        return (this.settings()?.find((setting) => setting.key.trim().toLowerCase() === normalizedKey) ?? null);
+    }
+    extractGeneralConfigurationValue(setting) {
+        if (!isRecord(setting.value)) {
+            return { ...DEFAULT_GENERAL_CONFIGURATION };
+        }
+        return {
+            defaultExploreView: normalizeExploreDefaultView(setting.value['defaultExploreView'] ??
+                setting.value['DefaultExploreView']),
+            showDesignSwitcher: normalizeShowDesignSwitcher(setting.value['showDesignSwitcher'] ??
+                setting.value['ShowDesignSwitcher']),
+        };
+    }
+    extractHolidaysValue(setting) {
+        if (!isRecord(setting.value)) {
+            return { data: [] };
+        }
+        const rawData = setting.value['data'];
+        if (!Array.isArray(rawData)) {
+            return { data: [] };
+        }
+        return {
+            data: rawData
+                .map((item) => this.normalizeHolidayItem(item))
+                .filter((item) => item !== null),
+        };
+    }
+    extractTimezoneValue(setting) {
+        if (!isRecord(setting.value)) {
+            return {
+                region: null,
+                dateFormat: null,
+                timeFormat: null,
+            };
+        }
+        return {
+            region: this.normalizeTimezoneRegion(setting.value['region'] ?? setting.value['Region']),
+            dateFormat: getNullableString(setting.value['dateFormat'] ??
+                setting.value['DateFormat'] ??
+                setting.value['dateformat']),
+            timeFormat: getNullableString(setting.value['timeFormat'] ??
+                setting.value['TimeFormat'] ??
+                setting.value['timeformat']),
+        };
+    }
+    extractCurrencyValue(setting) {
+        if (!isRecord(setting.value)) {
+            return this.getDefaultCurrencyValue();
+        }
+        return {
+            name: getString(setting.value['name']) ?? FIXED_CURRENCIES[0].code,
+            unit: this.normalizeCurrencyUnit(setting.value['unit']),
+            format: getNullableString(setting.value['format']),
+        };
+    }
+    extractWeekendValue(setting) {
+        if (!isRecord(setting.value)) {
+            return { days: [] };
+        }
+        return {
+            days: normalizeWeekendDays(setting.value['days'] ?? setting.value['Days']),
+        };
+    }
+    extractTimeSheetPolicyValue(setting) {
+        if (!isRecord(setting.value)) {
+            return this.getDefaultTimeSheetPolicyValue();
+        }
+        const value = setting.value;
+        const defaults = this.getDefaultTimeSheetPolicyValue();
+        return {
+            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,
+            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(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) {
+        if (!isRecord(value)) {
+            return null;
+        }
+        const label = getString(value['label'] ?? value['name']);
+        const from = normalizeDateInput(value['from']);
+        const to = normalizeDateInput(value['to']);
+        if (!label || !from || !to) {
+            return null;
+        }
+        return { label, from, to };
+    }
+    normalizeTimezoneRegion(value) {
+        if (typeof value === 'string' && value.trim()) {
+            const normalizedValue = value.trim().toLowerCase();
+            const region = this.timezones().find((item) => item.id.trim().toLowerCase() === normalizedValue) ?? null;
+            return region
+                ? {
+                    ...region,
+                    name: region.name ?? region.displayName,
+                }
+                : null;
+        }
+        if (!isRecord(value)) {
+            return null;
+        }
+        const id = getString(value['id'] ?? value['Id']);
+        if (!id) {
+            return null;
+        }
+        const matchedRegion = this.timezones().find((item) => item.id.trim().toLowerCase() === id.trim().toLowerCase());
+        if (matchedRegion) {
+            return {
+                ...matchedRegion,
+                name: getString(value['name'] ?? value['Name']) ??
+                    matchedRegion.name ??
+                    matchedRegion.displayName,
+            };
+        }
+        const standardName = getString(value['standardName'] ?? value['StandardName']) ?? id;
+        const displayName = getString(value['displayName'] ?? value['DisplayName']) ?? id;
+        return {
+            id,
+            baseUtcOffset: getString(value['baseUtcOffset'] ?? value['BaseUtcOffset']) ?? '',
+            standardName,
+            displayName,
+            daylightName: getString(value['daylightName'] ?? value['DaylightName']) ??
+                standardName,
+            name: getString(value['name'] ?? value['Name']) ?? displayName,
+        };
+    }
+    normalizeCurrencyUnit(value) {
+        if (!isRecord(value)) {
+            return FIXED_CURRENCIES[0].unit;
+        }
+        return {
+            en: getString(value['en']) ?? FIXED_CURRENCIES[0].unit.en,
+            ar: getString(value['ar']) ?? FIXED_CURRENCIES[0].unit.ar,
+        };
+    }
+    normalizeGeneralConfigurationSnapshot(value) {
+        return {
+            defaultExploreView: normalizeExploreDefaultView(value.defaultExploreView),
+            showDesignSwitcher: normalizeShowDesignSwitcher(value.showDesignSwitcher),
+        };
+    }
+    normalizeTimezoneSnapshot(value) {
+        const defaults = this.getDefaultTimezoneValue();
+        return {
+            region: value.region ?? defaults.region,
+            dateFormat: value.dateFormat ?? defaults.dateFormat,
+            timeFormat: value.timeFormat ?? defaults.timeFormat,
+        };
+    }
+    normalizeCurrencySnapshot(value) {
+        const code = this.resolveCurrencyCode(value);
+        const currency = FIXED_CURRENCIES.find((item) => item.code === code) ??
+            FIXED_CURRENCIES[0];
+        const defaultFormat = this.buildCurrencyFormatOptions(currency)[0]?.id ?? null;
+        return {
+            name: currency.code,
+            unit: currency.unit,
+            format: value.format ?? defaultFormat,
+        };
+    }
+    normalizeWeekendSnapshot(value) {
+        return {
+            days: normalizeWeekendDays(value.days),
+        };
+    }
+    normalizeTimeSheetPolicySnapshot(value, hoursPerDay) {
+        return {
+            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,
+            workingDays: normalizeDotnetDays(value.workingDays),
+            hoursPerDay: clampNumber(value.hoursPerDay, 0, 24),
+            holidays: value.holidays,
+        };
+    }
+    createFallbackSetting(key) {
+        switch (key) {
+            case 'Identity':
+                return {
+                    key,
+                    label: key,
+                    description: key,
+                    value: { ...DEFAULT_GENERAL_CONFIGURATION },
+                };
+            case 'Holidays':
+                return { key, label: key, description: key, value: { data: [] } };
+            case 'Timezone':
+                return {
+                    key,
+                    label: key,
+                    description: key,
+                    value: this.getDefaultTimezoneValue(),
+                };
+            case 'Currency':
+                return {
+                    key,
+                    label: key,
+                    description: key,
+                    value: this.getDefaultCurrencyValue(),
+                };
+            case 'Weekend':
+                return { key, label: key, description: key, value: { days: [] } };
+            case 'TimeSheetPolicy':
+                return {
+                    key,
+                    label: key,
+                    description: key,
+                    value: this.getDefaultTimeSheetPolicyValue(),
+                };
+            case 'GlobalWorkingHours':
+                return {
+                    key,
+                    label: key,
+                    description: key,
+                    value: this.getDefaultGlobalWorkingHoursValue(),
+                };
+        }
+    }
+    getDefaultTimezoneValue() {
+        const region = this.timezones()[0] ?? null;
+        const defaultDateFormat = this.dateFormatOptions().find((option) => option.isSelected)?.id ??
+            this.dateFormatOptions()[0]?.id ??
+            null;
+        const defaultTimeFormat = this.timeFormatOptions().find((option) => option.isSelected)?.id ??
+            this.timeFormatOptions()[0]?.id ??
+            null;
+        return {
+            region: region
+                ? {
+                    ...region,
+                    name: region.name ?? region.displayName,
+                }
+                : null,
+            dateFormat: defaultDateFormat,
+            timeFormat: defaultTimeFormat,
+        };
+    }
+    getDefaultCurrencyValue() {
+        const currency = FIXED_CURRENCIES[0];
+        return {
+            name: currency.code,
+            unit: currency.unit,
+            format: this.buildCurrencyFormatOptions(currency)[0]?.id ?? null,
+        };
+    }
+    getDefaultTimeSheetPolicyValue() {
+        return {
+            frequency: 'Weekly',
+            maxDailyHours: 24,
+            requireDescription: false,
+            allowFutureEntry: false,
+            allowBackdatedEntry: true,
+            autoLockOnApprove: true,
+            submissionDeadlineDays: 3,
+        };
+    }
+    getDefaultGlobalWorkingHoursValue() {
+        return {
+            timeZoneId: this.timezones()[0]?.id ?? 'UTC',
+            workingDays: [0, 1, 2, 3, 4],
+            hoursPerDay: 8,
+            holidays: [],
+        };
+    }
+    resolveCurrencyCode(value) {
+        const candidates = [value.name, value.unit.en, value.unit.ar].filter((candidate) => !!candidate);
+        for (const candidate of candidates) {
+            const normalizedCandidate = candidate.trim().toLowerCase();
+            const extractedCode = candidate.match(/\(([A-Za-z]{3})\)/)?.[1]?.toUpperCase() ?? null;
+            if (extractedCode) {
+                const directCodeMatch = FIXED_CURRENCIES.find((item) => item.code === extractedCode);
+                if (directCodeMatch) {
+                    return directCodeMatch.code;
+                }
+            }
+            const match = FIXED_CURRENCIES.find((item) => item.code.toLowerCase() === normalizedCandidate ||
+                item.englishLabel.toLowerCase() === normalizedCandidate ||
+                item.arabicLabel.toLowerCase() === normalizedCandidate ||
+                item.unit.en.toLowerCase() === normalizedCandidate ||
+                item.unit.ar.toLowerCase() === normalizedCandidate);
+            if (match) {
+                return match.code;
+            }
+        }
+        return FIXED_CURRENCIES[0].code;
+    }
+    mapFormatOptions(options, selectedKey) {
+        // Read active language so the label re-translates on language switch.
+        this.activeLang();
+        return options.map((option) => ({
+            id: option.key,
+            name: this.formatOptionLabel(option.key),
+            isSelected: selectedKey ? option.key === selectedKey : option.isSelected,
+        }));
+    }
+    /**
+     * Builds a localized, human-readable label for a date/time format key by
+     * translating each format token (e.g. `dd-MM-yyyy` → `يوم-شهر-سنة`) while
+     * preserving the original separators. Unknown characters are left as-is.
+     */
+    formatOptionLabel(formatKey) {
+        const tokenKeyByLetter = {
+            y: 'format-token-year',
+            M: 'format-token-month',
+            d: 'format-token-day',
+            H: 'format-token-hour',
+            h: 'format-token-hour',
+            m: 'format-token-minute',
+            s: 'format-token-second',
+            t: 'format-token-period',
+        };
+        return formatKey.replace(/y+|M+|d+|H+|h+|m+|s+|t+/g, (token) => {
+            const translationKey = tokenKeyByLetter[token[0]];
+            return translationKey
+                ? this.transloco.translate(`system-settings.${translationKey}`)
+                : token;
+        });
+    }
+    serializeHolidaysValue(value) {
+        return {
+            data: value.data.map((item) => ({
+                label: item.label,
+                from: formatDateOnly(item.from),
+                to: formatDateOnly(item.to),
+            })),
+        };
+    }
+    buildCurrencyFormatOptions(currency) {
+        const unitLabel = this.getCurrencyFormatLabel(currency);
+        return [
+            { id: '{0:0}', name: `1000 ${unitLabel}` },
+            { id: '{0:0.0}', name: `1000.0 ${unitLabel}` },
+            { id: '{0:0.00}', name: `1000.00 ${unitLabel}` },
+            { id: '{0:#,0}', name: `1,000 ${unitLabel}` },
+            { id: '{0:#,0.0}', name: `1,000.0 ${unitLabel}` },
+            { id: '{0:#,0.00}', name: `1,000.00 ${unitLabel}` },
+            { id: '{0:#,0, K}', name: `1 K ${unitLabel}` },
+            { id: '{0:N3}', name: `1,000 N3 ${unitLabel}` },
+        ];
+    }
+    getCurrencyFormatLabel(currency) {
+        if (!currency) {
+            return '';
+        }
+        return this.activeLang() === 'ar' ? currency.unit.ar : currency.unit.en;
+    }
+    buildEndpoint(path) {
+        return `${this.apiBasePath().replace(/\/$/, '')}/${path}`;
+    }
+    applyUpdatedSettings(settings, values) {
+        const valueMap = new Map(values.map((item) => [item.key, item.value]));
+        const nextSettings = settings.map((setting) => {
+            if (!valueMap.has(setting.key)) {
+                return setting;
+            }
+            return {
+                ...setting,
+                value: valueMap.get(setting.key),
+            };
+        });
+        const existingKeys = new Set(nextSettings.map((setting) => setting.key));
+        for (const item of values) {
+            if (existingKeys.has(item.key)) {
+                continue;
+            }
+            nextSettings.push({
+                key: item.key,
+                label: item.key,
+                description: item.key,
+                value: item.value,
+            });
+        }
+        return nextSettings.sort((left, right) => left.key.localeCompare(right.key));
+    }
+    areEqual(left, right) {
+        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            [weekendForm]=\"form.controls.weekend\"\r\n            [exploreDefaultViewOptions]=\"exploreDefaultViewOptions()\"\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-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", "weekendForm", "exploreDefaultViewOptions", "dateFormatOptions", "timeFormatOptions", "currencyOptions", "currencyFormatOptions", "weekendOptions"] }, { 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,
+            args: [{ selector: 'mt-system-settings', imports: [
+                        CommonModule,
+                        ReactiveFormsModule,
+                        TranslocoDirective,
+                        Page,
+                        Button,
+                        Breadcrumb,
+                        SkeletonModule,
+                        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            [weekendForm]=\"form.controls.weekend\"\r\n            [exploreDefaultViewOptions]=\"exploreDefaultViewOptions()\"\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-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 }] }] } });
+function isRecord(value) {
+    return typeof value === 'object' && value !== null && !Array.isArray(value);
+}
+function getString(value) {
+    if (typeof value !== 'string') {
+        return null;
+    }
+    const normalizedValue = value.trim();
+    return normalizedValue ? normalizedValue : null;
+}
+function getNullableString(value) {
+    if (typeof value !== 'string') {
+        return null;
+    }
+    return value.trim() || null;
+}
+function getNullableNumber(value) {
+    if (typeof value === 'number' && !Number.isNaN(value)) {
+        return value;
+    }
+    if (typeof value === 'string' && value.trim()) {
+        const parsedValue = Number(value);
+        return Number.isNaN(parsedValue) ? null : parsedValue;
+    }
+    return null;
+}
+function getNumber(value) {
+    return getNullableNumber(value);
+}
+function getBoolean(value) {
+    if (typeof value === 'boolean') {
+        return value;
+    }
+    if (typeof value === 'string') {
+        const normalizedValue = value.trim().toLowerCase();
+        if (normalizedValue === 'true') {
+            return true;
+        }
+        if (normalizedValue === 'false') {
+            return false;
+        }
+    }
+    return null;
+}
+function getStringArray(value) {
+    if (!Array.isArray(value)) {
+        return null;
+    }
+    return value
+        .map((item) => (typeof item === 'string' ? item.trim() : ''))
+        .filter(Boolean);
+}
+function getNumberArray(value) {
+    if (!Array.isArray(value)) {
+        return null;
+    }
+    return value
+        .map((item) => (typeof item === 'number' ? item : Number(item)))
+        .filter((item) => Number.isInteger(item));
+}
+/**
+ * The design switcher is opt-in, so anything that is not an explicit `true`
+ * (or the string a settings record may round-trip it as) reads as hidden.
+ */
+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 [];
+    }
+    return value
+        .map((item) => (typeof item === 'number' ? item : Number(item)))
+        .filter((item) => Number.isInteger(item) && item >= 1 && item <= 7)
+        .sort((left, right) => left - right);
+}
+function normalizeDotnetDays(value) {
+    if (!Array.isArray(value)) {
+        return [];
+    }
+    return Array.from(new Set(value
+        .map((item) => (typeof item === 'number' ? item : Number(item)))
+        .filter((item) => Number.isInteger(item) && item >= 0 && item <= 6))).sort((left, right) => left - right);
+}
+function clampNumber(value, min, max) {
+    if (!Number.isFinite(value)) {
+        return min;
+    }
+    return Math.min(Math.max(value, min), max);
+}
+const TIMESHEET_FREQUENCIES = [
+    'Daily',
+    'Weekly',
+    'BiWeekly',
+    'Monthly',
+];
+function normalizeFrequency(value) {
+    return typeof value === 'string' &&
+        TIMESHEET_FREQUENCIES.includes(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;
+}
+function parseCsv(value) {
+    return value
+        .split(',')
+        .map((item) => item.trim())
+        .filter(Boolean);
+}
+function normalizeDateInput(value) {
+    if (value instanceof Date) {
+        if (Number.isNaN(value.getTime())) {
+            return null;
+        }
+        return createLocalDate(value.getFullYear(), value.getMonth() + 1, value.getDate());
+    }
+    if (typeof value !== 'string') {
+        return null;
+    }
+    const normalizedValue = value.trim();
+    if (!normalizedValue) {
+        return null;
+    }
+    const dateOnlyMatch = normalizedValue.match(/^(\d{4})[-/](\d{2})[-/](\d{2})/);
+    if (dateOnlyMatch) {
+        const [, year, month, day] = dateOnlyMatch;
+        return createLocalDate(Number(year), Number(month), Number(day));
+    }
+    const parsedDate = new Date(normalizedValue);
+    if (Number.isNaN(parsedDate.getTime())) {
+        return null;
+    }
+    return createLocalDate(parsedDate.getFullYear(), parsedDate.getMonth() + 1, parsedDate.getDate());
+}
+function createLocalDate(year, month, day) {
+    return new Date(year, month - 1, day, 12, 0, 0, 0);
+}
+function formatDateOnly(value) {
+    const year = value.getFullYear();
+    const month = String(value.getMonth() + 1).padStart(2, '0');
+    const day = String(value.getDate()).padStart(2, '0');
+    return `${year}-${month}-${day}`;
+}
+
+const EMAIL_DELIVERY_PERMISSIONS = {
+    controlPanel: 'CONTROL_PANEL',
+};
+const EMAIL_DELIVERY_ATTEMPT_STATUSES = [
+    'Reserved',
+    'ProviderInvocationStarted',
+    'ProviderInvocationDefinitivelyNotAccepted',
+    'ProviderResultReconciliation',
+    'ProviderResultPending',
+    'Blocked',
+    'RetryScheduled',
+    'Accepted',
+    'OutcomeUnknown',
+    'FailedPermanent',
+    'DeadLettered',
+];
+/**
+ * Activity rows the backend writes for an operator-run controlled test. They
+ * carry `templateId: 0`, the caller's original `testRequestId`, and a
+ * non-reversible recipient fingerprint instead of any real address. They are
+ * presented as "Connection test" and are never replayable — resending a test is
+ * an explicit operator action from the connection, not a replay.
+ */
+const EMAIL_USER_INITIATED_TEST_OPERATION_KIND = 'UserInitiatedTest';
+function isConnectionTestAttempt(attempt) {
+    return attempt.operationKind === EMAIL_USER_INITIATED_TEST_OPERATION_KIND;
+}
+
+const DEFAULT_EMAIL_DELIVERY_OPTIONS = {
+    apiBasePath: 'control-panel/email-delivery',
+    notificationApiBasePath: 'Notifications',
+    currentUserAccessibilitiesApiPath: 'identity/users/me/accessibilities',
+    permissionKeys: [EMAIL_DELIVERY_PERMISSIONS.controlPanel],
+};
+const EMAIL_DELIVERY_OPTIONS = new InjectionToken('EMAIL_DELIVERY_OPTIONS', {
+    providedIn: 'root',
+    factory: () => DEFAULT_EMAIL_DELIVERY_OPTIONS,
+});
+function provideEmailDelivery(options = {}) {
+    return makeEnvironmentProviders([
+        {
+            provide: EMAIL_DELIVERY_OPTIONS,
+            useValue: { ...DEFAULT_EMAIL_DELIVERY_OPTIONS, ...options },
+        },
+    ]);
+}
+
+/**
+ * Resolves the signed-in user's real application accessibilities.
+ *
+ * `permissionKeys` describes which accessibility the feature requires; it is
+ * never a list of permissions granted to the user. The grant comes only from
+ * the authenticated `me/accessibilities` endpoint used by the host backend.
+ */
+class EmailDeliveryAccessService {
+    http = inject(HttpClient);
+    options = inject(EMAIL_DELIVERY_OPTIONS);
+    request$ = null;
+    keys = signal([], ...(ngDevMode ? [{ debugName: "keys" }] : /* istanbul ignore next */ []));
+    loading = signal(false, ...(ngDevMode ? [{ debugName: "loading" }] : /* istanbul ignore next */ []));
+    loaded = signal(false, ...(ngDevMode ? [{ debugName: "loaded" }] : /* istanbul ignore next */ []));
+    error = signal(null, ...(ngDevMode ? [{ debugName: "error" }] : /* istanbul ignore next */ []));
+    hasPermission(permission) {
+        return (this.options.permissionKeys.includes(permission) &&
+            this.keys().includes(permission));
+    }
+    load(force = false) {
+        if (this.request$) {
+            return this.request$;
+        }
+        if (!force && this.loaded()) {
+            return of(this.keys());
+        }
+        this.loading.set(true);
+        this.error.set(null);
+        const request = this.http
+            .get(this.options.currentUserAccessibilitiesApiPath, { headers: { noMessage: 'true' } })
+            .pipe(map((response) => Array.from(new Set((response.data ?? [])
+            .map((item) => item.moduleKey?.trim())
+            .filter((key) => !!key)))), tap((keys) => {
+            this.keys.set(keys);
+            this.loaded.set(true);
+        }), 
+        // A failed read is not an authorization decision, so `loaded` stays
+        // false: caching it would turn one 500 into a permanent, silent "no
+        // access" for the rest of the session, indistinguishable from a real
+        // denial. The next `load()` retries instead.
+        catchError((error) => {
+            this.keys.set([]);
+            this.error.set(error);
+            return throwError(() => error);
+        }), finalize(() => {
+            this.loading.set(false);
+            if (this.request$ === request) {
+                this.request$ = null;
+            }
+        }), shareReplay({ bufferSize: 1, refCount: false }));
+        this.request$ = request;
+        return request;
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.8", ngImport: i0, type: EmailDeliveryAccessService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.2.8", ngImport: i0, type: EmailDeliveryAccessService, providedIn: 'root' });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.8", ngImport: i0, type: EmailDeliveryAccessService, decorators: [{
+            type: Injectable,
+            args: [{ providedIn: 'root' }]
+        }] });
+
+function createEmailTestRequestId() {
+    if (typeof crypto !== 'undefined' && 'randomUUID' in crypto) {
+        return crypto.randomUUID();
+    }
+    return 'xxxxxxxx-xxxx-4xxx-yxxx-xxxxxxxxxxxx'.replace(/[xy]/g, (character) => {
+        const random = Math.floor(Math.random() * 16);
+        const value = character === 'x' ? random : (random & 0x3) | 0x8;
+        return value.toString(16);
+    });
+}
+function parseEmailTestRecipients(value) {
+    const recipients = new Map();
+    for (const recipient of (value ?? '')
+        .split(/[\s,;]+/)
+        .map((item) => item.trim())
+        .filter(Boolean)) {
+        const key = recipient.toLowerCase();
+        if (!recipients.has(key))
+            recipients.set(key, recipient);
+    }
+    return Array.from(recipients.values());
+}
+function areEmailTestRecipientsValid(value, maximumRecipients = 10, maximumAddressLength = 256) {
+    const recipients = parseEmailTestRecipients(String(value ?? ''));
+    return (recipients.length >= 1 &&
+        recipients.length <= maximumRecipients &&
+        recipients.every((recipient) => recipient.length <= maximumAddressLength &&
+            /^[^\s@]+@[^\s@]+\.[^\s@]+$/.test(recipient)));
+}
+function collectEmailTemplatePlaceholders(...templates) {
+    const keys = new Set();
+    for (const template of templates) {
+        for (const match of template?.matchAll(/\{\{\s*([^{}]+?)\s*\}\}/g) ?? []) {
+            const key = match[1]?.trim();
+            if (key)
+                keys.add(key);
+        }
+    }
+    return Array.from(keys).sort((left, right) => left.localeCompare(right));
+}
+/**
+ * Maps saved template keys to the localized labels returned by the property
+ * catalog while preserving the original keys used in test metadata.
+ */
+function buildEmailTemplatePlaceholderFields(keys, properties, language = 'en') {
+    const catalog = new Map(properties
+        .map((property) => [property.key.trim(), property])
+        .filter(([key]) => !!key));
+    const isArabic = language.trim().toLowerCase().startsWith('ar');
+    return Array.from(new Set(keys.map((key) => key.trim()).filter(Boolean)))
+        .map((key) => {
+        const exactProperty = catalog.get(key);
+        const languageVariant = key.match(/_(en|ar)$/i)?.[1]?.toLowerCase();
+        const property = exactProperty ??
+            (languageVariant ? catalog.get(key.slice(0, -3)) : undefined);
+        const candidates = isArabic
+            ? [property?.nameAr, property?.name, property?.nameEn]
+            : [property?.nameEn, property?.name, property?.nameAr];
+        const baseLabel = candidates.find((value) => value?.trim())?.trim() ?? key;
+        const variantLabel = languageVariant
+            ? isArabic
+                ? languageVariant === 'ar'
+                    ? 'العربية'
+                    : 'الإنجليزية'
+                : languageVariant === 'ar'
+                    ? 'Arabic'
+                    : 'English'
+            : null;
+        const label = !exactProperty && property && variantLabel
+            ? `${baseLabel} — ${variantLabel}`
+            : baseLabel;
+        return { key, label };
+    })
+        .sort((left, right) => left.label.localeCompare(right.label, language) ||
+        left.key.localeCompare(right.key));
+}
+/**
+ * Terminal request states. `Abandoned` is what retention stamps on a test that
+ * was still in progress when it aged out, so it ends the poll like any other
+ * settled state — without it the dialog polls its whole budget and then reports
+ * a timeout for a request the backend has already closed.
+ */
+const TERMINAL_EMAIL_TEST_REQUEST_STATES = [
+    'Completed',
+    'Failed',
+    'Cancelled',
+    'Canceled',
+    'Abandoned',
+];
+function isEmailTestRequestPending(state) {
+    return !TERMINAL_EMAIL_TEST_REQUEST_STATES.includes(state);
+}
+
+const STATUS_DEFINITIONS = {
+    // Page-level readiness, shown as a chip beside the page title instead of the
+    // banner that used to sit above every tab.
+    readiness: {
+        ready: status('#059669', 'readiness.ready'),
+        'needs-setup': status('#D97706', 'readiness.needs-setup'),
+        unavailable: status('#64748B', 'readiness.unavailable'),
+    },
+    connection: {
+        Draft: status('#64748B', 'connection.draft'),
+        PendingAuthorization: status('#D97706', 'connection.pending-authorization'),
+        PendingValidation: status('#0284C7', 'connection.pending-validation'),
+        Ready: status('#059669', 'connection.ready'),
+        ReauthorizationRequired: status('#EA580C', 'connection.reauthorization-required'),
+        ConditionalAccessRequired: status('#EA580C', 'connection.conditional-access-required'),
+        Disabled: status('#64748B', 'connection.disabled'),
+        Invalid: status('#DC2626', 'connection.invalid'),
+    },
+    attempt: {
+        Reserved: status('#64748B', 'attempt.reserved'),
+        ProviderInvocationStarted: status('#0284C7', 'attempt.provider-invocation-started'),
+        ProviderInvocationDefinitivelyNotAccepted: status('#DC2626', 'attempt.provider-not-accepted'),
+        ProviderResultReconciliation: status('#7C3AED', 'attempt.reconciling'),
+        ProviderResultPending: status('#0284C7', 'attempt.pending'),
+        Blocked: status('#DC2626', 'attempt.blocked'),
+        RetryScheduled: status('#D97706', 'attempt.retry-scheduled'),
+        Accepted: status('#059669', 'attempt.accepted'),
+        OutcomeUnknown: status('#EA580C', 'attempt.outcome-unknown'),
+        FailedPermanent: status('#DC2626', 'attempt.failed-permanent'),
+        DeadLettered: status('#BE123C', 'attempt.dead-lettered'),
+    },
+    support: {
+        active: status('#D97706', 'support.active'),
+        'repair-pending': status('#0284C7', 'support.repair-pending'),
+        repaired: status('#059669', 'support.repaired'),
+        'acknowledgement-pending': status('#0284C7', 'support.acknowledgement-pending'),
+        acknowledged: status('#64748B', 'support.acknowledged'),
+        Owned: status('#059669', 'support.owned'),
+        owned: status('#059669', 'support.owned'),
+        Missing: status('#D97706', 'support.missing'),
+        missing: status('#D97706', 'support.missing'),
+        Conflict: status('#DC2626', 'support.conflict'),
+        conflict: status('#DC2626', 'support.conflict'),
+        IdentityIncomplete: status('#EA580C', 'support.identity-incomplete'),
+        identityincomplete: status('#EA580C', 'support.identity-incomplete'),
+        'retryable-after-upgrade': status('#0284C7', 'support.retryable-after-upgrade'),
+        'repair-required': status('#EA580C', 'support.repair-required'),
+        'acknowledge-only': status('#64748B', 'support.acknowledge-only'),
+        configured: status('#059669', 'support.configured'),
+        'not-configured': status('#64748B', 'support.not-configured'),
+    },
+};
+class EmailDeliveryStatus {
+    value = input.required(...(ngDevMode ? [{ debugName: "value" }] : /* istanbul ignore next */ []));
+    kind = input('support', ...(ngDevMode ? [{ debugName: "kind" }] : /* istanbul ignore next */ []));
+    transloco = inject(TranslocoService);
+    activeLanguage = toSignal(this.transloco.langChanges$, {
+        initialValue: this.transloco.getActiveLang(),
+    });
+    statusData = computed(() => {
+        this.activeLanguage();
+        return {
+            name: '',
+            viewType: 'Status',
+            value: getEmailDeliveryStatusValue(this.kind(), this.value(), (key) => this.transloco.translate(key)),
+            configuration: { hideName: true },
+        };
+    }, ...(ngDevMode ? [{ debugName: "statusData" }] : /* istanbul ignore next */ []));
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.8", ngImport: i0, type: EmailDeliveryStatus, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "21.2.8", type: EmailDeliveryStatus, isStandalone: true, selector: "mt-email-delivery-status", inputs: { value: { classPropertyName: "value", publicName: "value", isSignal: true, isRequired: true, transformFunction: null }, kind: { classPropertyName: "kind", publicName: "kind", isSignal: true, isRequired: false, transformFunction: null } }, host: { classAttribute: "inline-flex" }, ngImport: i0, template: `<mt-entity-status [data]="statusData()" />`, isInline: true, dependencies: [{ kind: "component", type: EntityStatus, selector: "mt-entity-status", inputs: ["data", "name", "value"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.8", ngImport: i0, type: EmailDeliveryStatus, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'mt-email-delivery-status',
+                    imports: [EntityStatus],
+                    template: `<mt-entity-status [data]="statusData()" />`,
+                    host: { class: 'inline-flex' },
+                    changeDetection: ChangeDetectionStrategy.OnPush,
+                }]
+        }], propDecorators: { value: [{ type: i0.Input, args: [{ isSignal: true, alias: "value", required: true }] }], kind: [{ type: i0.Input, args: [{ isSignal: true, alias: "kind", required: false }] }] } });
+function getEmailDeliveryStatusMap(kind, translate) {
+    return Object.fromEntries(Object.entries(STATUS_DEFINITIONS[kind]).map(([key, definition]) => [
+        key,
+        {
+            color: definition.color,
+            display: translate(`email-delivery.status.${definition.translationKey}`),
+        },
+    ]));
+}
+function getEmailDeliveryStatusValue(kind, value, translate) {
+    const definition = STATUS_DEFINITIONS[kind][value];
+    return {
+        key: value,
+        display: definition
+            ? translate(`email-delivery.status.${definition.translationKey}`)
+            : value,
+        color: definition?.color ?? '#64748B',
+    };
+}
+function status(color, translationKey) {
+    return { color, translationKey };
+}
+
+class EmailDeliveryApi {
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.8", ngImport: i0, type: EmailDeliveryApi, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.2.8", ngImport: i0, type: EmailDeliveryApi });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.8", ngImport: i0, type: EmailDeliveryApi, decorators: [{
+            type: Injectable
+        }] });
+
+class EmailDeliveryHttpApi extends EmailDeliveryApi {
+    http = inject(HttpClient);
+    options = inject(EMAIL_DELIVERY_OPTIONS);
+    getStatus() {
+        return this.http.get(this.url('status'));
+    }
+    getProviders() {
+        return this.http.get(this.url('providers'));
+    }
+    getErrorCatalog() {
+        return this.http.get(this.url('error-catalog'));
+    }
+    getConnections() {
+        return this.http.get(this.url('connections'));
+    }
+    getConnection(id) {
+        return this.http.get(this.url(`connections/${encodeURIComponent(id)}`));
+    }
+    createConnection(request) {
+        return this.http.post(this.url('connections'), request);
+    }
+    updateConnection(id, request) {
+        return this.http.put(this.url(`connections/${encodeURIComponent(id)}`), request);
+    }
+    deleteConnection(id, concurrencyToken) {
+        return this.http.delete(this.url(`connections/${encodeURIComponent(id)}`), { params: { concurrencyToken } });
+    }
+    bindConnection(purpose, connectionId) {
+        return this.http.put(this.url(`bindings/${encodeURIComponent(purpose)}`), { connectionId });
+    }
+    unbindConnection(purpose) {
+        return this.http.delete(this.url(`bindings/${encodeURIComponent(purpose)}`));
+    }
+    validateConnection(id) {
+        return this.http.post(this.url(`connections/${encodeURIComponent(id)}/validate`), null);
+    }
+    sendConnectionTest(id, request) {
+        return this.http
+            .post(this.url(`connections/${encodeURIComponent(id)}/test`), request, { observe: 'response' })
+            .pipe(mergeMap((response) => {
+            const body = response.body;
+            if (isEmailSendResult(body))
+                return of(body);
+            // 202 means the send was accepted without a result on this response.
+            // The caller must read the outcome back with the same testRequestId;
+            // posting again would deliver a second real email.
+            if (response.status === 202) {
+                return throwError(() => body ?? PENDING_CONTROLLED_TEST);
+            }
+            return throwError(() => body);
+        }), catchError((error) => {
+            const body = error instanceof HttpErrorResponse ? error.error : error;
+            return isEmailSendResult(body) ? of(body) : throwError(() => error);
+        }));
+    }
+    getConnectionTest(connectionId, testRequestId) {
+        return this.http.get(this.url(`connections/${encodeURIComponent(connectionId)}/test-requests/${encodeURIComponent(testRequestId)}`));
+    }
+    startDelegatedAuthorization(id) {
+        return this.http.post(this.url(`connections/${encodeURIComponent(id)}/authorization/delegated/start`), null);
+    }
+    startAdminConsent(id) {
+        return this.http.post(this.url(`connections/${encodeURIComponent(id)}/authorization/admin-consent/start`), null);
+    }
+    revokeAuthorization(id) {
+        return this.http.post(this.url(`connections/${encodeURIComponent(id)}/authorization/revoke`), null);
+    }
+    getAttempts(status, cursor, take) {
+        return this.http.get(this.url('attempts'), {
+            params: withoutNulls({ status, cursor, take }),
+        });
+    }
+    replayAttempt(id, request) {
+        return this.http.post(this.url(`attempts/${encodeURIComponent(id)}/replay`), request);
+    }
+    getTestRequest(testRequestId) {
+        return this.http.get(this.url(`test-requests/${encodeURIComponent(testRequestId)}`));
+    }
+    sendTemplateTest(eventId, templateId, request) {
+        return this.sendUserTest(this.notificationUrl(`events/${eventId}/templates/${templateId}/test-email`), request);
+    }
+    sendAlertTest(alertId, request) {
+        return this.sendUserTest(this.notificationUrl(`alerts/${alertId}/test`), request);
+    }
+    sendUserTest(url, request) {
+        return this.http
+            .post(url, request, {
+            observe: 'response',
+        })
+            .pipe(mergeMap((response) => {
+            if (response.body?.data)
+                return of(response.body.data);
+            if (response.status === 202) {
+                return throwError(() => PENDING_CONTROLLED_TEST);
+            }
+            return throwError(() => response.body);
+        }));
+    }
+    getFinalizationQuarantine(cursor, take) {
+        return this.http.get(this.url('finalization-quarantine'), { params: withoutNulls({ cursor, take }) });
+    }
+    retryFinalizationQuarantine(itemId, reason) {
+        return this.http.post(this.url(`finalization-quarantine/${encodeURIComponent(itemId)}/retry`), { reason });
+    }
+    acknowledgeFinalizationQuarantine(itemId, reason) {
+        return this.http.post(this.url(`finalization-quarantine/${encodeURIComponent(itemId)}/acknowledge`), { reason });
+    }
+    getHostEvidence(cursor, take) {
+        return this.http.get(this.url('orphan-evidence'), {
+            params: withoutNulls({ cursor, take }),
+        });
+    }
+    exportHostEvidence(evidenceOccurrenceId) {
+        return this.http
+            .get(this.url(`orphan-evidence/${encodeURIComponent(evidenceOccurrenceId)}/export`), {
+            observe: 'response',
+            responseType: 'blob',
+        })
+            .pipe(map((response) => toEvidenceDownload(response)));
+    }
+    repairHostEvidence(evidenceOccurrenceId, request) {
+        return this.http.post(this.url(`orphan-evidence/${encodeURIComponent(evidenceOccurrenceId)}/repair`), request);
+    }
+    acknowledgeHostEvidence(evidenceOccurrenceId, request) {
+        return this.http.post(this.url(`orphan-evidence/${encodeURIComponent(evidenceOccurrenceId)}/acknowledge`), request);
+    }
+    rebuildEvidenceIndex(take) {
+        return this.http.post(this.url('orphan-evidence/rebuild-index'), null, { params: { take } });
+    }
+    url(path) {
+        return joinPath(this.options.apiBasePath, path);
+    }
+    notificationUrl(path) {
+        return joinPath(this.options.notificationApiBasePath, path);
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.8", ngImport: i0, type: EmailDeliveryHttpApi, deps: null, target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.2.8", ngImport: i0, type: EmailDeliveryHttpApi, providedIn: 'root' });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.8", ngImport: i0, type: EmailDeliveryHttpApi, decorators: [{
+            type: Injectable,
+            args: [{ providedIn: 'root' }]
+        }] });
+/**
+ * Stand-in problem for a bare `202 Accepted` that carries no body of its own —
+ * it routes the dialog to retrieval by GUID, the same as the catalog problem
+ * the backend normally returns for an in-flight test.
+ */
+const PENDING_CONTROLLED_TEST = {
+    code: 'email.delivery_test_request_in_progress',
+    category: 'pending',
+    retryable: true,
+    action: 'poll_status',
+    readinessImpact: 'unchanged',
+    correlationId: '',
+    retryAfterSeconds: null,
+};
+function isEmailSendResult(value) {
+    return (typeof value === 'object' &&
+        value !== null &&
+        typeof value.outcome === 'string' &&
+        typeof value.code === 'string');
+}
+function withoutNulls(values) {
+    return Object.fromEntries(Object.entries(values).filter((entry) => entry[1] !== null));
+}
+function joinPath(base, path) {
+    return `${base.replace(/\/$/, '')}/${path.replace(/^\//, '')}`;
+}
+function toEvidenceDownload(response) {
+    const contentDisposition = response.headers.get('content-disposition') ?? '';
+    const fileNameMatch = /filename\*?=(?:UTF-8''|\")?([^\";]+)/i.exec(contentDisposition);
+    return {
+        blob: response.body ?? new Blob(),
+        fileName: fileNameMatch
+            ? decodeURIComponent(fileNameMatch[1].replace(/\"$/, ''))
+            : 'email-delivery-evidence.json',
+        contentType: response.headers.get('content-type') ?? 'application/octet-stream',
+    };
+}
+
+const PENDING_AUTHORIZATION_STORAGE_KEY = 'mt.email-delivery.pending-authorization-connection';
+class EmailDeliveryFacade {
+    access = inject(EmailDeliveryAccessService);
+    api = inject(EmailDeliveryHttpApi);
+    transloco = inject(TranslocoService);
+    toast = inject(ToastService);
+    initialized = false;
+    attemptsLoaded = false;
+    status = signal(null, ...(ngDevMode ? [{ debugName: "status" }] : /* istanbul ignore next */ []));
+    providers = signal([], ...(ngDevMode ? [{ debugName: "providers" }] : /* istanbul ignore next */ []));
+    errorCatalog = signal([], ...(ngDevMode ? [{ debugName: "errorCatalog" }] : /* istanbul ignore next */ []));
+    connections = signal([], ...(ngDevMode ? [{ debugName: "connections" }] : /* istanbul ignore next */ []));
+    selectedConnection = signal(null, ...(ngDevMode ? [{ debugName: "selectedConnection" }] : /* istanbul ignore next */ []));
+    attempts = signal([], ...(ngDevMode ? [{ debugName: "attempts" }] : /* istanbul ignore next */ []));
+    attemptsNextCursor = signal(null, ...(ngDevMode ? [{ debugName: "attemptsNextCursor" }] : /* istanbul ignore next */ []));
+    attemptStatusFilter = signal(null, ...(ngDevMode ? [{ debugName: "attemptStatusFilter" }] : /* istanbul ignore next */ []));
+    quarantine = signal([], ...(ngDevMode ? [{ debugName: "quarantine" }] : /* istanbul ignore next */ []));
+    quarantineNextCursor = signal(null, ...(ngDevMode ? [{ debugName: "quarantineNextCursor" }] : /* istanbul ignore next */ []));
+    hostEvidence = signal([], ...(ngDevMode ? [{ debugName: "hostEvidence" }] : /* istanbul ignore next */ []));
+    hostEvidenceNextCursor = signal(null, ...(ngDevMode ? [{ debugName: "hostEvidenceNextCursor" }] : /* istanbul ignore next */ []));
+    hostEvidenceScanBudgetExhausted = signal(false, ...(ngDevMode ? [{ debugName: "hostEvidenceScanBudgetExhausted" }] : /* istanbul ignore next */ []));
+    statusLoading = signal(false, ...(ngDevMode ? [{ debugName: "statusLoading" }] : /* istanbul ignore next */ []));
+    catalogLoading = signal(false, ...(ngDevMode ? [{ debugName: "catalogLoading" }] : /* istanbul ignore next */ []));
+    connectionsLoading = signal(false, ...(ngDevMode ? [{ debugName: "connectionsLoading" }] : /* istanbul ignore next */ []));
+    detailsLoading = signal(false, ...(ngDevMode ? [{ debugName: "detailsLoading" }] : /* istanbul ignore next */ []));
+    attemptsLoading = signal(false, ...(ngDevMode ? [{ debugName: "attemptsLoading" }] : /* istanbul ignore next */ []));
+    quarantineLoading = signal(false, ...(ngDevMode ? [{ debugName: "quarantineLoading" }] : /* istanbul ignore next */ []));
+    hostEvidenceLoading = signal(false, ...(ngDevMode ? [{ debugName: "hostEvidenceLoading" }] : /* istanbul ignore next */ []));
+    mutationLoading = signal(null, ...(ngDevMode ? [{ debugName: "mutationLoading" }] : /* istanbul ignore next */ []));
+    lastConnectionTest = signal(null, ...(ngDevMode ? [{ debugName: "lastConnectionTest" }] : /* istanbul ignore next */ []));
+    lastConnectionTestRequestId = signal(null, ...(ngDevMode ? [{ debugName: "lastConnectionTestRequestId" }] : /* istanbul ignore next */ []));
+    permissionsLoading = this.access.loading;
+    permissionsLoaded = this.access.loaded;
+    permissionsError = this.access.error;
+    activeConnection = computed(() => this.connections().find((connection) => connection.bindings.includes('notifications')), ...(ngDevMode ? [{ debugName: "activeConnection" }] : /* istanbul ignore next */ []));
+    managementAvailable = computed(() => this.status()?.managementEnabled === true, ...(ngDevMode ? [{ debugName: "managementAvailable" }] : /* istanbul ignore next */ []));
+    initialize() {
+        if (this.initialized)
+            return;
+        this.initialized = true;
+        this.loadStatus()
+            .pipe(switchMap(() => forkJoin({
+            catalog: this.loadCatalog(),
+            connections: this.loadConnections(),
+        })))
+            .subscribe({ error: (error) => this.showError(error) });
+    }
+    hasPermission(permission) {
+        return this.access.hasPermission(permission);
+    }
+    loadPermissions(force = false) {
+        return this.access.load(force);
+    }
+    loadStatus() {
+        this.statusLoading.set(true);
+        return this.api.getStatus().pipe(tap((status) => this.status.set(status)), finalize(() => this.statusLoading.set(false)));
+    }
+    loadCatalog() {
+        this.catalogLoading.set(true);
+        return forkJoin({
+            providers: this.api.getProviders(),
+            errors: this.api.getErrorCatalog(),
+        }).pipe(tap(({ providers, errors }) => {
+            this.providers.set(providers);
+            this.errorCatalog.set(errors);
+        }), finalize(() => this.catalogLoading.set(false)));
+    }
+    loadConnections() {
+        this.connectionsLoading.set(true);
+        return this.api.getConnections().pipe(tap((connections) => this.connections.set(connections)), finalize(() => this.connectionsLoading.set(false)));
+    }
+    loadConnection(id) {
+        this.detailsLoading.set(true);
+        return this.api.getConnection(id).pipe(tap((details) => this.selectedConnection.set(details)), finalize(() => this.detailsLoading.set(false)));
+    }
+    createConnection(request) {
+        this.mutationLoading.set('create');
+        return this.api.createConnection(request).pipe(switchMap((details) => this.refreshConnection(details.connection.id)), tap(() => this.showSuccess('connection-created')), finalize(() => this.mutationLoading.set(null)));
+    }
+    updateConnection(id, request) {
+        this.mutationLoading.set('update');
+        return this.api.updateConnection(id, request).pipe(this.reloadOnConflict(id), switchMap(() => this.refreshConnection(id)), tap(() => this.showSuccess('connection-updated')), finalize(() => this.mutationLoading.set(null)));
+    }
+    deleteConnection(id, concurrencyToken) {
+        this.mutationLoading.set('delete');
+        return this.api.deleteConnection(id, concurrencyToken).pipe(this.reloadOnConflict(id), switchMap(() => forkJoin({
+            connections: this.loadConnections(),
+            status: this.loadStatus(),
+        })), tap(() => {
+            this.selectedConnection.set(null);
+            this.showSuccess('connection-deleted');
+        }), map(() => undefined), finalize(() => this.mutationLoading.set(null)));
+    }
+    validateConnection(id) {
+        this.mutationLoading.set('validate');
+        return this.api.validateConnection(id).pipe(this.reloadOnConflict(id), switchMap((result) => this.refreshConnection(id).pipe(map(() => result))), tap((result) => result.isValid
+            ? this.toast.success(this.describeCode(result.code))
+            : this.toast.warn(this.describeCode(result.code))), finalize(() => this.mutationLoading.set(null)));
+    }
+    sendConnectionTest(id, request) {
+        this.mutationLoading.set('test');
+        this.lastConnectionTestRequestId.set(request.testRequestId);
+        return this.api.sendConnectionTest(id, request).pipe(tap((result) => {
+            this.lastConnectionTest.set(result);
+            this.refreshActivity();
+        }), switchMap((result) => this.refreshConnection(id).pipe(map(() => result))), finalize(() => this.mutationLoading.set(null)));
+    }
+    retrieveConnectionTest(connectionId, testRequestId) {
+        this.mutationLoading.set('retrieve-test');
+        return this.api.getConnectionTest(connectionId, testRequestId).pipe(tap((stored) => {
+            this.lastConnectionTest.set(stored.result);
+            if (stored.result)
+                this.refreshActivity();
+        }), finalize(() => this.mutationLoading.set(null)));
+    }
+    sendTemplateTest(eventId, templateId, request) {
+        this.mutationLoading.set('template-test');
+        return this.api
+            .sendTemplateTest(eventId, templateId, request)
+            .pipe(finalize(() => this.mutationLoading.set(null)));
+    }
+    sendAlertTest(alertId, request) {
+        this.mutationLoading.set('alert-test');
+        return this.api
+            .sendAlertTest(alertId, request)
+            .pipe(finalize(() => this.mutationLoading.set(null)));
+    }
+    retrieveUserTest(testRequestId) {
+        this.mutationLoading.set('retrieve-user-test');
+        return this.api
+            .getTestRequest(testRequestId)
+            .pipe(finalize(() => this.mutationLoading.set(null)));
+    }
+    bindConnection(id, purpose = 'notifications') {
+        this.mutationLoading.set('bind');
+        return this.api.bindConnection(purpose, id).pipe(this.reloadOnConflict(id), switchMap(() => this.refreshConnection(id)), tap(() => this.showSuccess('connection-bound')), map(() => undefined), finalize(() => this.mutationLoading.set(null)));
+    }
+    unbindConnection(id, purpose = 'notifications') {
+        this.mutationLoading.set('unbind');
+        return this.api.unbindConnection(purpose).pipe(this.reloadOnConflict(id), switchMap(() => this.refreshConnection(id)), tap(() => this.showSuccess('connection-unbound')), map(() => undefined), finalize(() => this.mutationLoading.set(null)));
+    }
+    startAuthorization(id, kind) {
+        this.mutationLoading.set(kind);
+        const request = kind === 'delegated'
+            ? this.api.startDelegatedAuthorization(id)
+            : this.api.startAdminConsent(id);
+        return request.pipe(tap(() => this.rememberAuthorizationConnection(id)), finalize(() => this.mutationLoading.set(null)));
+    }
+    revokeAuthorization(id) {
+        this.mutationLoading.set('revoke');
+        return this.api.revokeAuthorization(id).pipe(this.reloadOnConflict(id), switchMap(() => this.refreshConnection(id)), tap(() => this.showSuccess('authorization-revoked')), map(() => undefined), finalize(() => this.mutationLoading.set(null)));
+    }
+    loadAttempts(reset = true, status = this.attemptStatusFilter()) {
+        this.attemptsLoading.set(true);
+        const cursor = reset ? null : this.attemptsNextCursor();
+        if (reset)
+            this.attemptStatusFilter.set(status);
+        return this.api.getAttempts(status, cursor, 50).pipe(tap((page) => {
+            this.attemptsLoaded = true;
+            this.attempts.set(reset ? page.items : mergeById(this.attempts(), page.items, 'id'));
+            this.attemptsNextCursor.set(page.nextCursor);
+        }), finalize(() => this.attemptsLoading.set(false)));
+    }
+    replayAttempt(attempt, request) {
+        this.mutationLoading.set(`replay-${attempt.id}`);
+        return this.api.replayAttempt(attempt.id, request).pipe(tap((result) => {
+            this.attempts.update((items) => replaceById(items, result.attempt, 'id'));
+            this.showSuccess('attempt-replay-scheduled');
+        }), finalize(() => this.mutationLoading.set(null)));
+    }
+    loadQuarantine(reset = true) {
+        this.quarantineLoading.set(true);
+        const cursor = reset ? null : this.quarantineNextCursor();
+        return this.api.getFinalizationQuarantine(cursor, 100).pipe(tap((page) => {
+            this.quarantine.set(reset
+                ? page.items
+                : mergeById(this.quarantine(), page.items, 'itemId'));
+            this.quarantineNextCursor.set(page.nextCursor);
+        }), finalize(() => this.quarantineLoading.set(false)));
+    }
+    decideQuarantine(item, action, reason) {
+        this.mutationLoading.set(`${action}-${item.itemId}`);
+        const request = action === 'retry'
+            ? this.api.retryFinalizationQuarantine(item.itemId, reason)
+            : this.api.acknowledgeFinalizationQuarantine(item.itemId, reason);
+        return request.pipe(switchMap((updated) => this.loadQuarantine(true).pipe(map(() => updated))), tap(() => {
+            this.showSuccess(action === 'retry'
+                ? 'quarantine-retry-submitted'
+                : 'quarantine-acknowledged');
+        }), finalize(() => this.mutationLoading.set(null)));
+    }
+    loadHostEvidence(reset = true) {
+        this.hostEvidenceLoading.set(true);
+        const cursor = reset ? null : this.hostEvidenceNextCursor();
+        return this.api.getHostEvidence(cursor, 100).pipe(tap((page) => {
+            this.hostEvidence.set(reset
+                ? page.items
+                : mergeHostEvidence(this.hostEvidence(), page.items));
+            this.hostEvidenceNextCursor.set(page.nextCursor);
+            this.hostEvidenceScanBudgetExhausted.set(page.scanBudgetExhausted);
+        }), finalize(() => this.hostEvidenceLoading.set(false)));
+    }
+    exportHostEvidence(evidenceOccurrenceId) {
+        this.mutationLoading.set(`export-${evidenceOccurrenceId}`);
+        return this.api
+            .exportHostEvidence(evidenceOccurrenceId)
+            .pipe(finalize(() => this.mutationLoading.set(null)));
+    }
+    decideHostEvidence(item, action, reason) {
+        if (!item.evidenceOccurrenceId || !item.decisionToken) {
+            return throwError(() => new Error('Incomplete evidence identity'));
+        }
+        this.mutationLoading.set(`${action}-${item.evidenceOccurrenceId}`);
+        const request = {
+            reason,
+            decisionToken: item.decisionToken,
+        };
+        const operation = action === 'repair'
+            ? this.api.repairHostEvidence(item.evidenceOccurrenceId, request)
+            : this.api.acknowledgeHostEvidence(item.evidenceOccurrenceId, request);
+        return operation.pipe(switchMap((updated) => this.loadHostEvidence(true).pipe(map(() => updated))), tap(() => {
+            this.showSuccess(action === 'repair' ? 'evidence-repaired' : 'evidence-acknowledged');
+        }), finalize(() => this.mutationLoading.set(null)));
+    }
+    rebuildEvidenceIndex(take) {
+        this.mutationLoading.set('rebuild-evidence');
+        return this.api.rebuildEvidenceIndex(take).pipe(switchMap((result) => this.loadHostEvidence(true).pipe(map(() => result))), tap(() => this.showSuccess('evidence-index-rebuilt')), finalize(() => this.mutationLoading.set(null)));
+    }
+    providerByKey(key) {
+        return this.providers().find((provider) => provider.key === key) ?? null;
+    }
+    describeCode(code) {
+        if (!code)
+            return this.transloco.translate('email-delivery.unknown-code');
+        const key = `email-delivery.codes.${code}`;
+        const translated = this.transloco.translate(key);
+        if (translated !== key)
+            return translated;
+        const contract = this.errorCatalog().find((entry) => entry.code === code);
+        if (!contract || contract.frontendAction === 'none')
+            return code;
+        const actionKey = `email-delivery.error-actions.${contract.frontendAction}`;
+        const action = this.transloco.translate(actionKey);
+        return action === actionKey ? code : `${action} (${code})`;
+    }
+    /**
+     * The one sentence every failure path shows. It prefers the backend's stable
+     * code, falls back to the transport status the contract assigns a required
+     * behaviour to (401/403/409/422/428/429/503), and always appends the
+     * correlation ID when one is available — that identifier is what support asks
+     * for, and it is the only part of a failure this page is allowed to keep.
+     */
+    describeError(error) {
+        const failure = extractFailure(error);
+        const parts = [this.describeFailure(failure)];
+        if (failure.retryAfterSeconds !== null) {
+            parts.push(this.transloco.translate('email-delivery.retry-after', {
+                seconds: failure.retryAfterSeconds,
+            }));
+        }
+        if (failure.correlationId) {
+            parts.push(`${this.transloco.translate('email-delivery.correlation-id')}: ${failure.correlationId}`);
+        }
+        return parts.join(' ');
+    }
+    errorAction(error) {
+        const failure = extractFailure(error);
+        return (failure.action ||
+            this.errorCatalog().find((entry) => entry.code === failure.code)
+                ?.frontendAction ||
+            statusAction(failure.status));
+    }
+    showError(error) {
+        this.toast.error(this.describeError(error));
+    }
+    /**
+     * A `409` means the server state moved under this page. The contract requires
+     * reloading it rather than re-submitting over it, so every mutation that can
+     * conflict routes through here: the latest connection, list and readiness are
+     * pulled back before the caller sees the rejection.
+     */
+    reloadOnConflict(id) {
+        return catchError((error) => {
+            if (statusOf(error) !== 409)
+                return throwError(() => error);
+            const reload = id
+                ? this.refreshConnection(id).pipe(map(() => undefined))
+                : forkJoin({
+                    connections: this.loadConnections(),
+                    status: this.loadStatus(),
+                }).pipe(map(() => undefined));
+            reload.subscribe({ error: () => undefined });
+            return throwError(() => error);
+        });
+    }
+    describeFailure(failure) {
+        const translated = failure.code ? this.translateCode(failure.code) : null;
+        if (translated)
+            return translated;
+        const statusMessage = this.translateStatus(failure.status);
+        if (statusMessage) {
+            return failure.code
+                ? `${statusMessage} (${failure.code})`
+                : statusMessage;
+        }
+        return this.describeCode(failure.code);
+    }
+    translateCode(code) {
+        const key = `email-delivery.codes.${code}`;
+        const translated = this.transloco.translate(key);
+        return translated === key ? null : translated;
+    }
+    translateStatus(status) {
+        const key = status === null ? null : HTTP_STATUS_KEYS[status];
+        if (!key)
+            return null;
+        const fullKey = `email-delivery.http.${key}`;
+        const translated = this.transloco.translate(fullKey);
+        return translated === fullKey ? null : translated;
+    }
+    takePendingAuthorizationConnection() {
+        if (typeof sessionStorage === 'undefined')
+            return null;
+        const id = sessionStorage.getItem(PENDING_AUTHORIZATION_STORAGE_KEY);
+        sessionStorage.removeItem(PENDING_AUTHORIZATION_STORAGE_KEY);
+        return id;
+    }
+    /**
+     * A completed controlled test writes its own Activity row, so the loaded
+     * Activity list is stale the moment the test returns. Only refresh once
+     * Activity has been opened — before that its own load covers it, and the
+     * status filter in effect there is preserved.
+     */
+    refreshActivity() {
+        if (!this.attemptsLoaded)
+            return;
+        this.loadAttempts(true).subscribe({ error: () => undefined });
+    }
+    refreshConnection(id) {
+        return forkJoin({
+            details: this.api.getConnection(id),
+            connections: this.api.getConnections(),
+            status: this.api.getStatus(),
+        }).pipe(tap(({ details, connections, status }) => {
+            this.selectedConnection.set(details);
+            this.connections.set(connections);
+            this.status.set(status);
+        }), map(({ details }) => details));
+    }
+    rememberAuthorizationConnection(id) {
+        if (typeof sessionStorage === 'undefined')
+            return;
+        sessionStorage.setItem(PENDING_AUTHORIZATION_STORAGE_KEY, id);
+    }
+    showSuccess(key) {
+        this.toast.success(this.transloco.translate(`email-delivery.${key}`));
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.8", ngImport: i0, type: EmailDeliveryFacade, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.2.8", ngImport: i0, type: EmailDeliveryFacade, providedIn: 'root' });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.8", ngImport: i0, type: EmailDeliveryFacade, decorators: [{
+            type: Injectable,
+            args: [{ providedIn: 'root' }]
+        }] });
+const HTTP_STATUS_KEYS = {
+    401: 'unauthorized',
+    403: 'forbidden',
+    409: 'conflict',
+    422: 'unprocessable',
+    428: 'authorization-required',
+    429: 'too-many-requests',
+    503: 'unavailable',
+};
+const HTTP_STATUS_ACTIONS = {
+    403: 'request_permission',
+    409: 'refresh',
+    422: 'correct_configuration',
+    428: 'authorize',
+    429: 'retry_later',
+    503: 'retry_later',
+};
+function statusAction(status) {
+    return status === null ? null : (HTTP_STATUS_ACTIONS[status] ?? null);
+}
+function statusOf(error) {
+    return error instanceof HttpErrorResponse ? error.status : null;
+}
+function extractFailure(error) {
+    const body = error instanceof HttpErrorResponse ? error.error : error;
+    const problem = readProblem(body);
+    const headers = error instanceof HttpErrorResponse ? error.headers : null;
+    return {
+        code: problem?.code ?? null,
+        action: problem?.action || null,
+        correlationId: problem?.correlationId ||
+            headers?.get('x-correlation-id') ||
+            headers?.get('correlation-id') ||
+            null,
+        retryAfterSeconds: problem?.retryAfterSeconds ??
+            parseRetryAfter(headers?.get('retry-after') ?? null),
+        status: statusOf(error),
+    };
+}
+/**
+ * Two envelopes reach this page. The email contract answers with the problem
+ * shape itself; Gateway rejects a request before it ever gets there and answers
+ * with `{ errors: { code, message } }` — that is how `REQ_001` arrives, and
+ * reading only the first shape lost it.
+ */
+function readProblem(body) {
+    if (typeof body !== 'object' || body === null)
+        return null;
+    const problem = body;
+    if (typeof problem.code === 'string')
+        return problem;
+    const gatewayCode = problem.errors?.code;
+    if (typeof gatewayCode === 'string') {
+        return { ...problem, code: gatewayCode };
+    }
+    return null;
+}
+/**
+ * `Retry-After` is either a delay in seconds or an HTTP date. Both become a
+ * whole number of seconds so the message can say when to try again; anything
+ * unparseable or already in the past is simply not offered.
+ */
+function parseRetryAfter(value) {
+    if (!value)
+        return null;
+    const seconds = Number(value);
+    if (Number.isFinite(seconds)) {
+        return seconds > 0 ? Math.ceil(seconds) : null;
+    }
+    const date = Date.parse(value);
+    if (Number.isNaN(date))
+        return null;
+    const delta = Math.ceil((date - Date.now()) / 1000);
+    return delta > 0 ? delta : null;
+}
+function mergeById(current, incoming, key) {
+    const values = new Map(current.map((item) => [item[key], item]));
+    incoming.forEach((item) => values.set(item[key], item));
+    return Array.from(values.values());
+}
+function replaceById(current, replacement, key) {
+    return current.map((item) => item[key] === replacement[key] ? replacement : item);
+}
+function mergeHostEvidence(current, incoming) {
+    const identity = (item) => item.evidenceOccurrenceId ?? item.itemId;
+    const values = new Map(current.map((item) => [identity(item), item]));
+    incoming.forEach((item) => values.set(identity(item), item));
+    return Array.from(values.values());
+}
+
+class EmailUserTestDialog {
+    kind = input.required(...(ngDevMode ? [{ debugName: "kind" }] : /* istanbul ignore next */ []));
+    eventId = input(null, ...(ngDevMode ? [{ debugName: "eventId" }] : /* istanbul ignore next */ []));
+    templateId = input(null, ...(ngDevMode ? [{ debugName: "templateId" }] : /* istanbul ignore next */ []));
+    alertId = input(null, ...(ngDevMode ? [{ debugName: "alertId" }] : /* istanbul ignore next */ []));
+    sourceLabel = input('', ...(ngDevMode ? [{ debugName: "sourceLabel" }] : /* istanbul ignore next */ []));
+    placeholderKeys = input([], ...(ngDevMode ? [{ debugName: "placeholderKeys" }] : /* istanbul ignore next */ []));
+    placeholderFields = input([], ...(ngDevMode ? [{ debugName: "placeholderFields" }] : /* istanbul ignore next */ []));
+    modal = inject(ModalService);
+    ref = inject(ModalRef);
+    destroyRef = inject(DestroyRef);
+    transloco = inject(TranslocoService);
+    facade = inject(EmailDeliveryFacade);
+    // `mt-field-validation` renders whichever error carries a `message`; a bare
+    // `true` falls through to the generic "invalid <key>" fallback, which is how
+    // a mistyped address ends up disabling Send with nothing said about why. The
+    // message is read at validation time so it follows the active language.
+    recipients = new FormControl('', {
+        nonNullable: true,
+        validators: [
+            Validators.required,
+            (control) => !String(control.value ?? '').trim() ||
+                areEmailTestRecipientsValid(control.value)
+                ? null
+                : { invalidRecipients: { message: this.t('recipients-invalid') } },
+        ],
+    });
+    metadataControls = signal([], ...(ngDevMode ? [{ debugName: "metadataControls" }] : /* istanbul ignore next */ []));
+    testRequestId = signal(createEmailTestRequestId(), ...(ngDevMode ? [{ debugName: "testRequestId" }] : /* istanbul ignore next */ []));
+    timedOut = signal(false, ...(ngDevMode ? [{ debugName: "timedOut" }] : /* istanbul ignore next */ []));
+    polling = signal(false, ...(ngDevMode ? [{ debugName: "polling" }] : /* istanbul ignore next */ []));
+    result = signal(null, ...(ngDevMode ? [{ debugName: "result" }] : /* istanbul ignore next */ []));
+    pollIndex = 0;
+    constructor() {
+        effect(() => {
+            const current = new Map(this.metadataControls().map((item) => [item.key, item.control.value]));
+            const fields = new Map();
+            for (const field of this.placeholderFields()) {
+                const key = field.key.trim();
+                if (!key || fields.has(key))
+                    continue;
+                fields.set(key, {
+                    key,
+                    label: field.label.trim() || key,
+                });
+            }
+            for (const rawKey of this.placeholderKeys()) {
+                const key = rawKey.trim();
+                if (key && !fields.has(key))
+                    fields.set(key, { key, label: key });
+            }
+            const placeholders = Array.from(fields.values()).sort((left, right) => left.label.localeCompare(right.label) ||
+                left.key.localeCompare(right.key));
+            if (placeholders.length === this.metadataControls().length &&
+                placeholders.every((field, index) => {
+                    const currentField = this.metadataControls()[index];
+                    return (currentField?.key === field.key &&
+                        currentField.label === field.label);
+                })) {
+                return;
+            }
+            this.metadataControls.set(placeholders.map(({ key, label }) => ({
+                key,
+                label,
+                control: new FormControl(current.get(key) ?? '', {
+                    nonNullable: true,
+                }),
+            })));
+        });
+    }
+    canSubmit() {
+        return (this.recipients.valid &&
+            !this.result() &&
+            !this.polling() &&
+            this.facade.mutationLoading() === null &&
+            this.hasValidTarget());
+    }
+    submit() {
+        this.recipients.markAsTouched();
+        if (!this.canSubmit())
+            return;
+        const request = {
+            testRequestId: this.testRequestId(),
+            emails: parseEmailTestRecipients(this.recipients.value),
+            metadata: Object.fromEntries(this.metadataControls().map(({ key, control }) => [key, control.value])),
+        };
+        const operation = this.operation(request);
+        if (!operation)
+            return;
+        operation.subscribe({
+            next: (result) => this.acceptResult(result),
+            error: (error) => {
+                if (isAmbiguousTimeout(error) ||
+                    this.facade.errorAction(error) === 'poll_status') {
+                    this.startPolling();
+                    return;
+                }
+                this.facade.showError(error);
+                if (isTestRequestConflict(error)) {
+                    this.testRequestId.set(createEmailTestRequestId());
+                }
+            },
+        });
+    }
+    retrieve() {
+        if (this.polling())
+            return;
+        this.retrieveStoredResult(false);
+    }
+    close() {
+        this.ref.close(this.result());
+    }
+    operation(request) {
+        if (this.kind() === 'template') {
+            const eventId = this.eventId();
+            const templateId = this.templateId();
+            return eventId != null && templateId != null
+                ? this.facade.sendTemplateTest(eventId, templateId, request)
+                : null;
+        }
+        const alertId = this.alertId();
+        return alertId != null ? this.facade.sendAlertTest(alertId, request) : null;
+    }
+    hasValidTarget() {
+        return this.kind() === 'template'
+            ? this.eventId() != null && this.templateId() != null
+            : this.alertId() != null;
+    }
+    acceptResult(result) {
+        if (isEmailTestRequestPending(result.requestState)) {
+            this.startPolling();
+            return;
+        }
+        this.result.set(result);
+        this.timedOut.set(false);
+        this.polling.set(false);
+    }
+    /**
+     * Retrieval in progress is not the same thing as a lost result. A `202` and a
+     * pending request state are the normal accepted path, so they only raise
+     * `polling`; `timedOut` is reserved for the poll budget running out or a
+     * retrieval that failed, which are the states that actually ask the operator
+     * to act.
+     */
+    startPolling() {
+        if (this.polling())
+            return;
+        this.timedOut.set(false);
+        this.polling.set(true);
+        this.pollIndex = 0;
+        this.schedulePoll();
+    }
+    schedulePoll() {
+        const delay = POLL_DELAYS_MS[this.pollIndex++];
+        if (delay === undefined) {
+            this.polling.set(false);
+            this.timedOut.set(true);
+            return;
+        }
+        timer(delay)
+            .pipe(takeUntilDestroyed(this.destroyRef))
+            .subscribe(() => this.retrieveStoredResult(true));
+    }
+    retrieveStoredResult(fromPoll) {
+        this.facade.retrieveUserTest(this.testRequestId()).subscribe({
+            next: (result) => {
+                if (fromPoll && isEmailTestRequestPending(result.requestState)) {
+                    this.schedulePoll();
+                    return;
+                }
+                this.acceptResult(result);
+            },
+            error: (error) => {
+                if (fromPoll && this.facade.errorAction(error) === 'poll_status') {
+                    this.schedulePoll();
+                    return;
+                }
+                this.polling.set(false);
+                this.timedOut.set(true);
+                this.facade.showError(error);
+            },
+        });
+    }
+    t(key) {
+        return this.transloco.translate(`email-delivery.user-test.${key}`);
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.8", ngImport: i0, type: EmailUserTestDialog, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.8", type: EmailUserTestDialog, isStandalone: true, selector: "mt-email-user-test-dialog", inputs: { kind: { classPropertyName: "kind", publicName: "kind", isSignal: true, isRequired: true, transformFunction: null }, eventId: { classPropertyName: "eventId", publicName: "eventId", isSignal: true, isRequired: false, transformFunction: null }, templateId: { classPropertyName: "templateId", publicName: "templateId", isSignal: true, isRequired: false, transformFunction: null }, alertId: { classPropertyName: "alertId", publicName: "alertId", isSignal: true, isRequired: false, transformFunction: null }, sourceLabel: { classPropertyName: "sourceLabel", publicName: "sourceLabel", isSignal: true, isRequired: false, transformFunction: null }, placeholderKeys: { classPropertyName: "placeholderKeys", publicName: "placeholderKeys", isSignal: true, isRequired: false, transformFunction: null }, placeholderFields: { classPropertyName: "placeholderFields", publicName: "placeholderFields", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0, template: "<ng-container *transloco=\"let t; prefix: 'email-delivery.user-test'\">\r\n  <div [class]=\"modal.contentClass + ' p-4 sm:p-5'\">\r\n    <div\r\n      class=\"mb-4 rounded-md border border-amber-200 bg-amber-50 px-4 py-3 text-sm text-amber-950\"\r\n      role=\"note\"\r\n    >\r\n      <strong>{{ t(\"real-email-warning-title\") }}</strong>\r\n      {{ t(\"real-email-warning\") }}\r\n    </div>\r\n\r\n    @if (sourceLabel()) {\r\n      <p class=\"mb-2 text-sm font-medium\">{{ sourceLabel() }}</p>\r\n    }\r\n    <p class=\"mb-4 text-xs text-muted-color\">\r\n      {{ t(\"test-request-id\") }}:\r\n      <span class=\"break-all font-mono\">{{ testRequestId() }}</span>\r\n    </p>\r\n\r\n    @if (!result()) {\r\n      <div class=\"grid gap-4\">\r\n        <mt-textarea-field\r\n          [formControl]=\"recipients\"\r\n          [label]=\"t('recipients')\"\r\n          [placeholder]=\"t('recipients-placeholder')\"\r\n          [hint]=\"t('recipients-hint')\"\r\n          rows=\"3\"\r\n          [required]=\"true\"\r\n        />\r\n\r\n        @if (metadataControls().length > 0) {\r\n          <div class=\"rounded-md border border-surface-200 p-4\">\r\n            <p class=\"m-0 text-sm font-semibold\">\r\n              {{ t(\"placeholder-values\") }}\r\n            </p>\r\n            <p class=\"mt-1 mb-4 text-xs text-muted-color\">\r\n              {{ t(\"placeholder-values-hint\") }}\r\n            </p>\r\n            <div class=\"grid gap-4 md:grid-cols-2\">\r\n              @for (item of metadataControls(); track item.key) {\r\n                <mt-text-field\r\n                  [formControl]=\"item.control\"\r\n                  [label]=\"item.label\"\r\n                  [placeholder]=\"t('placeholder-value')\"\r\n                />\r\n              }\r\n            </div>\r\n          </div>\r\n        } @else {\r\n          <p class=\"m-0 text-sm text-muted-color\">\r\n            {{ t(\"no-placeholders\") }}\r\n          </p>\r\n        }\r\n      </div>\r\n    }\r\n\r\n    @if (polling() && !result()) {\r\n      <div\r\n        class=\"mt-4 rounded-md border border-surface-200 bg-surface-50 px-4 py-3\"\r\n        aria-live=\"polite\"\r\n      >\r\n        <p class=\"m-0 font-semibold\">\r\n          {{ t(\"pending-title\") }}\r\n        </p>\r\n        <p class=\"mt-1 mb-0 text-sm text-muted-color\">\r\n          {{ t(\"pending-description\") }}\r\n        </p>\r\n      </div>\r\n    } @else if (timedOut() && !result()) {\r\n      <div\r\n        class=\"mt-4 rounded-md border border-orange-200 bg-orange-50 px-4 py-3\"\r\n        role=\"alert\"\r\n      >\r\n        <p class=\"m-0 font-semibold text-orange-950\">\r\n          {{ t(\"timeout-title\") }}\r\n        </p>\r\n        <p class=\"mt-1 mb-0 text-sm text-orange-900\">\r\n          {{ t(\"timeout-description\") }}\r\n        </p>\r\n      </div>\r\n    }\r\n\r\n    @if (result(); as dispatch) {\r\n      <div\r\n        class=\"rounded-md border border-surface-200 bg-surface-50 px-4 py-4\"\r\n        aria-live=\"polite\"\r\n      >\r\n        <p class=\"m-0 font-semibold\">\r\n          {{ dispatch.allAccepted ? t(\"accepted\") : t(\"not-accepted\") }}\r\n        </p>\r\n        <p class=\"mt-1 mb-0 text-sm text-muted-color\">\r\n          {{ t(\"request-state\") }}: {{ dispatch.requestState }}\r\n        </p>\r\n        @if (dispatch.expectedRecipientCount !== null) {\r\n          <p class=\"mt-1 mb-0 text-sm text-muted-color\">\r\n            {{ t(\"recipient-count\") }}: {{ dispatch.expectedRecipientCount }}\r\n          </p>\r\n        }\r\n        @if (dispatch.allAccepted) {\r\n          <p class=\"mt-3 mb-0 text-sm font-medium text-amber-800\">\r\n            {{ t(\"accepted-unconfirmed\") }}\r\n          </p>\r\n        }\r\n\r\n        @for (item of dispatch.results; track $index) {\r\n          <div\r\n            class=\"mt-3 rounded-md border border-surface-200 bg-surface-0 p-3\"\r\n          >\r\n            <mt-email-delivery-status kind=\"attempt\" [value]=\"item.outcome\" />\r\n            <p class=\"mt-1 mb-0 text-xs text-muted-color\">\r\n              {{ facade.describeCode(item.code) }}\r\n            </p>\r\n          </div>\r\n        }\r\n      </div>\r\n    }\r\n  </div>\r\n\r\n  <div [class]=\"modal.footerClass\">\r\n    <mt-button\r\n      severity=\"secondary\"\r\n      variant=\"outlined\"\r\n      [label]=\"t('close')\"\r\n      styleClass=\"w-full sm:w-auto\"\r\n      (onClick)=\"close()\"\r\n    />\r\n    @if ((polling() || timedOut()) && !result()) {\r\n      <mt-button\r\n        [label]=\"t('retrieve')\"\r\n        icon=\"arrow.refresh-cw-01\"\r\n        [disabled]=\"polling()\"\r\n        [loading]=\"\r\n          polling() || facade.mutationLoading() === 'retrieve-user-test'\r\n        \"\r\n        styleClass=\"w-full sm:w-auto\"\r\n        (onClick)=\"retrieve()\"\r\n      />\r\n    } @else if (!result()) {\r\n      <mt-button\r\n        [label]=\"t('send')\"\r\n        icon=\"communication.send-01\"\r\n        [disabled]=\"!canSubmit()\"\r\n        [loading]=\"\r\n          facade.mutationLoading() === 'template-test' ||\r\n          facade.mutationLoading() === 'alert-test'\r\n        \"\r\n        styleClass=\"w-full sm:w-auto\"\r\n        (onClick)=\"submit()\"\r\n      />\r\n    }\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.RequiredValidator, selector: ":not([type=checkbox])[required][formControlName],:not([type=checkbox])[required][formControl],:not([type=checkbox])[required][ngModel]", inputs: ["required"] }, { kind: "directive", type: i1.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "directive", type: TranslocoDirective, selector: "[transloco]", inputs: ["transloco", "translocoParams", "translocoScope", "translocoRead", "translocoPrefix", "translocoLang", "translocoLoadingTpl"] }, { 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: 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: EmailDeliveryStatus, selector: "mt-email-delivery-status", inputs: ["value", "kind"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.8", ngImport: i0, type: EmailUserTestDialog, decorators: [{
+            type: Component,
+            args: [{ selector: 'mt-email-user-test-dialog', standalone: true, imports: [
+                        ReactiveFormsModule,
+                        TranslocoDirective,
+                        Button,
+                        TextareaField,
+                        TextField,
+                        EmailDeliveryStatus,
+                    ], changeDetection: ChangeDetectionStrategy.OnPush, template: "<ng-container *transloco=\"let t; prefix: 'email-delivery.user-test'\">\r\n  <div [class]=\"modal.contentClass + ' p-4 sm:p-5'\">\r\n    <div\r\n      class=\"mb-4 rounded-md border border-amber-200 bg-amber-50 px-4 py-3 text-sm text-amber-950\"\r\n      role=\"note\"\r\n    >\r\n      <strong>{{ t(\"real-email-warning-title\") }}</strong>\r\n      {{ t(\"real-email-warning\") }}\r\n    </div>\r\n\r\n    @if (sourceLabel()) {\r\n      <p class=\"mb-2 text-sm font-medium\">{{ sourceLabel() }}</p>\r\n    }\r\n    <p class=\"mb-4 text-xs text-muted-color\">\r\n      {{ t(\"test-request-id\") }}:\r\n      <span class=\"break-all font-mono\">{{ testRequestId() }}</span>\r\n    </p>\r\n\r\n    @if (!result()) {\r\n      <div class=\"grid gap-4\">\r\n        <mt-textarea-field\r\n          [formControl]=\"recipients\"\r\n          [label]=\"t('recipients')\"\r\n          [placeholder]=\"t('recipients-placeholder')\"\r\n          [hint]=\"t('recipients-hint')\"\r\n          rows=\"3\"\r\n          [required]=\"true\"\r\n        />\r\n\r\n        @if (metadataControls().length > 0) {\r\n          <div class=\"rounded-md border border-surface-200 p-4\">\r\n            <p class=\"m-0 text-sm font-semibold\">\r\n              {{ t(\"placeholder-values\") }}\r\n            </p>\r\n            <p class=\"mt-1 mb-4 text-xs text-muted-color\">\r\n              {{ t(\"placeholder-values-hint\") }}\r\n            </p>\r\n            <div class=\"grid gap-4 md:grid-cols-2\">\r\n              @for (item of metadataControls(); track item.key) {\r\n                <mt-text-field\r\n                  [formControl]=\"item.control\"\r\n                  [label]=\"item.label\"\r\n                  [placeholder]=\"t('placeholder-value')\"\r\n                />\r\n              }\r\n            </div>\r\n          </div>\r\n        } @else {\r\n          <p class=\"m-0 text-sm text-muted-color\">\r\n            {{ t(\"no-placeholders\") }}\r\n          </p>\r\n        }\r\n      </div>\r\n    }\r\n\r\n    @if (polling() && !result()) {\r\n      <div\r\n        class=\"mt-4 rounded-md border border-surface-200 bg-surface-50 px-4 py-3\"\r\n        aria-live=\"polite\"\r\n      >\r\n        <p class=\"m-0 font-semibold\">\r\n          {{ t(\"pending-title\") }}\r\n        </p>\r\n        <p class=\"mt-1 mb-0 text-sm text-muted-color\">\r\n          {{ t(\"pending-description\") }}\r\n        </p>\r\n      </div>\r\n    } @else if (timedOut() && !result()) {\r\n      <div\r\n        class=\"mt-4 rounded-md border border-orange-200 bg-orange-50 px-4 py-3\"\r\n        role=\"alert\"\r\n      >\r\n        <p class=\"m-0 font-semibold text-orange-950\">\r\n          {{ t(\"timeout-title\") }}\r\n        </p>\r\n        <p class=\"mt-1 mb-0 text-sm text-orange-900\">\r\n          {{ t(\"timeout-description\") }}\r\n        </p>\r\n      </div>\r\n    }\r\n\r\n    @if (result(); as dispatch) {\r\n      <div\r\n        class=\"rounded-md border border-surface-200 bg-surface-50 px-4 py-4\"\r\n        aria-live=\"polite\"\r\n      >\r\n        <p class=\"m-0 font-semibold\">\r\n          {{ dispatch.allAccepted ? t(\"accepted\") : t(\"not-accepted\") }}\r\n        </p>\r\n        <p class=\"mt-1 mb-0 text-sm text-muted-color\">\r\n          {{ t(\"request-state\") }}: {{ dispatch.requestState }}\r\n        </p>\r\n        @if (dispatch.expectedRecipientCount !== null) {\r\n          <p class=\"mt-1 mb-0 text-sm text-muted-color\">\r\n            {{ t(\"recipient-count\") }}: {{ dispatch.expectedRecipientCount }}\r\n          </p>\r\n        }\r\n        @if (dispatch.allAccepted) {\r\n          <p class=\"mt-3 mb-0 text-sm font-medium text-amber-800\">\r\n            {{ t(\"accepted-unconfirmed\") }}\r\n          </p>\r\n        }\r\n\r\n        @for (item of dispatch.results; track $index) {\r\n          <div\r\n            class=\"mt-3 rounded-md border border-surface-200 bg-surface-0 p-3\"\r\n          >\r\n            <mt-email-delivery-status kind=\"attempt\" [value]=\"item.outcome\" />\r\n            <p class=\"mt-1 mb-0 text-xs text-muted-color\">\r\n              {{ facade.describeCode(item.code) }}\r\n            </p>\r\n          </div>\r\n        }\r\n      </div>\r\n    }\r\n  </div>\r\n\r\n  <div [class]=\"modal.footerClass\">\r\n    <mt-button\r\n      severity=\"secondary\"\r\n      variant=\"outlined\"\r\n      [label]=\"t('close')\"\r\n      styleClass=\"w-full sm:w-auto\"\r\n      (onClick)=\"close()\"\r\n    />\r\n    @if ((polling() || timedOut()) && !result()) {\r\n      <mt-button\r\n        [label]=\"t('retrieve')\"\r\n        icon=\"arrow.refresh-cw-01\"\r\n        [disabled]=\"polling()\"\r\n        [loading]=\"\r\n          polling() || facade.mutationLoading() === 'retrieve-user-test'\r\n        \"\r\n        styleClass=\"w-full sm:w-auto\"\r\n        (onClick)=\"retrieve()\"\r\n      />\r\n    } @else if (!result()) {\r\n      <mt-button\r\n        [label]=\"t('send')\"\r\n        icon=\"communication.send-01\"\r\n        [disabled]=\"!canSubmit()\"\r\n        [loading]=\"\r\n          facade.mutationLoading() === 'template-test' ||\r\n          facade.mutationLoading() === 'alert-test'\r\n        \"\r\n        styleClass=\"w-full sm:w-auto\"\r\n        (onClick)=\"submit()\"\r\n      />\r\n    }\r\n  </div>\r\n</ng-container>\r\n" }]
+        }], ctorParameters: () => [], propDecorators: { kind: [{ type: i0.Input, args: [{ isSignal: true, alias: "kind", required: true }] }], eventId: [{ type: i0.Input, args: [{ isSignal: true, alias: "eventId", required: false }] }], templateId: [{ type: i0.Input, args: [{ isSignal: true, alias: "templateId", required: false }] }], alertId: [{ type: i0.Input, args: [{ isSignal: true, alias: "alertId", required: false }] }], sourceLabel: [{ type: i0.Input, args: [{ isSignal: true, alias: "sourceLabel", required: false }] }], placeholderKeys: [{ type: i0.Input, args: [{ isSignal: true, alias: "placeholderKeys", required: false }] }], placeholderFields: [{ type: i0.Input, args: [{ isSignal: true, alias: "placeholderFields", required: false }] }] } });
+const POLL_DELAYS_MS = [1_000, 2_000, 4_000, 5_000, 5_000, 5_000];
+const TEST_REQUEST_CONFLICT_CODE = 'email.delivery_test_request_conflict';
+function isAmbiguousTimeout(error) {
+    return (error instanceof HttpErrorResponse &&
+        (error.status === 0 || error.status === 408 || error.status === 504));
+}
+function isTestRequestConflict(error) {
+    const body = error instanceof HttpErrorResponse ? error.error : error;
+    if (typeof body !== 'object' || body === null)
+        return false;
+    const value = body;
+    return (value.code === TEST_REQUEST_CONFLICT_CODE ||
+        value.errors?.code === TEST_REQUEST_CONFLICT_CODE);
+}
+
+const EMAIL_DELIVERY_ROUTES = [
+    {
+        path: '',
+        loadComponent: () => import('./masterteam-system-settings-email-delivery-shell-Bjwtj5Ic.mjs').then((module) => module.EmailDeliveryShell),
+    },
+    { path: '**', redirectTo: '' },
+];
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+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-CO-XTJOi.mjs.map