@masterteam/system-settings 0.0.10 → 0.0.11

package/assets/i18n/ar.json

@@ -1,5 +1,11 @@
 {
   "system-settings": {
+    "general-configuration-title": "الإعدادات العامة",
+    "general-configuration-description": "سلوك عام للتطبيق يطبق على جميع المستخدمين.",
+    "explore-default-view": "طريقة العرض الافتراضية للاستكشاف",
+    "explore-default-view-hint": "طريقة العرض التي تفتح بها صفحة الاستكشاف. يمكن للمستخدمين التبديل بينها في أي وقت.",
+    "explore-default-view-cards": "البطاقات",
+    "explore-default-view-timeline": "الخط الزمني",
     "page-title": "إعدادات النظام",
     "page-subtitle": "إدارة العطلات, عطلات نهاية الأسبوع, المنطقة الزمنية, العملة, وSMTP من شاشة واحدة.",
     "save": "حفظ",

package/assets/i18n/en.json

@@ -1,5 +1,11 @@
 {
   "system-settings": {
+    "general-configuration-title": "General Configuration",
+    "general-configuration-description": "Application-wide behaviour that applies to every user.",
+    "explore-default-view": "Default Explore View",
+    "explore-default-view-hint": "The view the Explore page opens with. Users can still switch views at any time.",
+    "explore-default-view-cards": "Cards",
+    "explore-default-view-timeline": "Timeline",
     "page-title": "System Settings",
     "page-subtitle": "Manage holidays, weekend, timezone, currency, and SMTP from one screen.",
     "save": "Save",

package/assets/system-settings.css

@@ -1,2 +1,2 @@
-/*! tailwindcss v4.3.2 | MIT License | https://tailwindcss.com */
+/*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */
 @layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-space-y-reverse:0;--tw-border-style:solid;--tw-font-weight:initial;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000}}}@layer theme{:root,:host{--font-sans:ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--color-red-600:oklch(57.7% .245 27.325);--color-neutral-50:oklch(98.5% 0 0);--color-neutral-300:oklch(87% 0 0);--color-neutral-600:oklch(43.9% 0 0);--color-neutral-900:oklch(20.5% 0 0);--spacing:.25rem;--text-sm:.875rem;--text-sm--line-height:calc(1.25 / .875);--text-base:1rem;--text-base--line-height:calc(1.5 / 1);--text-lg:1.125rem;--text-lg--line-height:calc(1.75 / 1.125);--font-weight-semibold:600;--font-weight-bold:700;--radius-xl:.75rem;--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab, red, red)){::placeholder{color:color-mix(in oklab, currentcolor 50%, transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.\!absolute{position:absolute!important}.mx-1{margin-inline:var(--spacing)}.mt-2{margin-top:calc(var(--spacing) * 2)}.mb-6{margin-bottom:calc(var(--spacing) * 6)}.block{display:block}.flex{display:flex}.grid{display:grid}.\!w-\[30rem\]{width:30rem!important}.flex-col{flex-direction:column}.justify-start{justify-content:flex-start}.gap-1{gap:var(--spacing)}.gap-3{gap:calc(var(--spacing) * 3)}.gap-4{gap:calc(var(--spacing) * 4)}.gap-6{gap:calc(var(--spacing) * 6)}:where(.space-y-1>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(var(--spacing) * var(--tw-space-y-reverse));margin-block-end:calc(var(--spacing) * calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-4>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 4) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 4) * calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-5>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 5) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 5) * calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-6>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 6) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 6) * calc(1 - var(--tw-space-y-reverse)))}.rounded-xl{border-radius:var(--radius-xl)}.border{border-style:var(--tw-border-style);border-width:1px}.border-dashed{--tw-border-style:dashed;border-style:dashed}.border-neutral-300{border-color:var(--color-neutral-300)}.bg-neutral-50{background-color:var(--color-neutral-50)}.p-3{padding:calc(var(--spacing) * 3)}.px-6{padding-inline:calc(var(--spacing) * 6)}.py-10{padding-block:calc(var(--spacing) * 10)}.text-center{text-align:center}.text-base{font-size:var(--text-base);line-height:var(--tw-leading,var(--text-base--line-height))}.text-lg{font-size:var(--text-lg);line-height:var(--tw-leading,var(--text-lg--line-height))}.text-sm{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.font-bold{--tw-font-weight:var(--font-weight-bold);font-weight:var(--font-weight-bold)}.font-semibold{--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold)}.text-neutral-600{color:var(--color-neutral-600)}.text-neutral-900{color:var(--color-neutral-900)}.text-red-600{color:var(--color-red-600)}.\!shadow-none{--tw-shadow:0 0 #0000!important;box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)!important}@media (min-width:48rem){.md\:col-span-2{grid-column:span 2/span 2}.md\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.md\:flex-row{flex-direction:row}.md\:items-end{align-items:flex-end}.md\:items-start{align-items:flex-start}.md\:justify-between{justify-content:space-between}}@media (min-width:80rem){.xl\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.xl\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}}}@keyframes enter{0%{opacity:var(--p-enter-opacity,1);transform:translate3d(var(--p-enter-translate-x,0), var(--p-enter-translate-y,0), 0) scale3d(var(--p-enter-scale,1), var(--p-enter-scale,1), var(--p-enter-scale,1)) rotate(var(--p-enter-rotate,0))}}@keyframes leave{to{opacity:var(--p-leave-opacity,1);transform:translate3d(var(--p-leave-translate-x,0), var(--p-leave-translate-y,0), 0) scale3d(var(--p-leave-scale,1), var(--p-leave-scale,1), var(--p-leave-scale,1)) rotate(var(--p-leave-rotate,0))}}@property --tw-space-y-reverse{syntax:"*";inherits:false;initial-value:0}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-font-weight{syntax:"*";inherits:false}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}

package/fesm2022/masterteam-system-settings.mjs

@@ -15,6 +15,7 @@ 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 { RadioCardsField } from '@masterteam/components/radio-cards-field';
 import { MultiSelectField } from '@masterteam/components/multi-select-field';
 import { SelectField } from '@masterteam/components/select-field';
 import { ModalRef } from '@masterteam/components/dialog';
@@ -25,6 +26,22 @@ import { NumberField } from '@masterteam/components/number-field';
 import { TextareaField } from '@masterteam/components/textarea-field';
 import { ToggleField } from '@masterteam/components/toggle-field';
 
+/**
+ * "General Configuration" — product-wide application behaviour that is not tied
+ * to a specific feature area. Currently holds the explore landing view; more
+ * entries are expected to land in this card.
+ */
+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    </div>\r\n  </mt-card>\r\n</ng-container>\r\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: RadioCardsField, selector: "mt-radio-cards-field", inputs: ["circle", "label", "hint", "readonly", "required", "color", "size", "optionLabel", "optionValue", "options"] }], 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], 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    </div>\r\n  </mt-card>\r\n</ng-container>\r\n", styles: [":host{display:block}\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 {
     timezoneForm = input.required(...(ngDevMode ? [{ debugName: "timezoneForm" }] : /* istanbul ignore next */ []));
     currencyForm = input.required(...(ngDevMode ? [{ debugName: "currencyForm" }] : /* istanbul ignore next */ []));
@@ -193,7 +210,7 @@ class SystemSettingsTimeSheetSection {
     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 });
+    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'\">\r\n  <div class=\"grid gap-6 xl:grid-cols-2 mb-6\">\r\n    <mt-card class=\"block\">\r\n      <div [formGroup]=\"policyForm()\" class=\"space-y-5\">\r\n        <div class=\"space-y-1\">\r\n          <h4 class=\"text-base font-semibold text-neutral-900\">\r\n            {{ t(\"general-card-title\") }}\r\n          </h4>\r\n          <p class=\"text-sm text-neutral-600\">\r\n            {{ t(\"general-card-description\") }}\r\n          </p>\r\n        </div>\r\n\r\n        <div class=\"grid gap-4 md:grid-cols-2\">\r\n          <mt-select-field\r\n            formControlName=\"frequency\"\r\n            [options]=\"frequencyOptions()\"\r\n            [optionLabel]=\"'name'\"\r\n            [optionValue]=\"'id'\"\r\n            [label]=\"t('frequency')\"\r\n            [placeholder]=\"t('frequency-placeholder')\"\r\n            [required]=\"true\"\r\n          />\r\n\r\n          <mt-number-field\r\n            formControlName=\"maxDailyHours\"\r\n            [label]=\"t('max-daily-hours')\"\r\n            [placeholder]=\"t('max-daily-hours-placeholder')\"\r\n            [min]=\"1\"\r\n            [max]=\"24\"\r\n            [required]=\"true\"\r\n            [hint]=\"maxDailyBelowDaily() ? t('max-daily-below-daily') : ''\"\r\n          />\r\n\r\n          <mt-number-field\r\n            formControlName=\"submissionDeadlineDays\"\r\n            [label]=\"t('submission-deadline-days')\"\r\n            [placeholder]=\"t('submission-deadline-days-placeholder')\"\r\n            [min]=\"0\"\r\n            [max]=\"90\"\r\n            [required]=\"true\"\r\n            [hint]=\"t('submission-deadline-hint')\"\r\n          />\r\n        </div>\r\n\r\n        <div class=\"grid gap-3 md:grid-cols-2\">\r\n          <mt-toggle-field\r\n            formControlName=\"requireDescription\"\r\n            [label]=\"t('require-description')\"\r\n          />\r\n          <mt-toggle-field\r\n            formControlName=\"allowFutureEntry\"\r\n            [label]=\"t('allow-future-entry')\"\r\n          />\r\n          <mt-toggle-field\r\n            formControlName=\"allowBackdatedEntry\"\r\n            [label]=\"t('allow-backdated-entry')\"\r\n          />\r\n          <mt-toggle-field\r\n            formControlName=\"autoLockOnApprove\"\r\n            [label]=\"t('auto-lock-on-approve')\"\r\n          />\r\n        </div>\r\n      </div>\r\n    </mt-card>\r\n\r\n    <mt-card class=\"block\">\r\n      <div [formGroup]=\"globalWorkingHoursForm()\" class=\"space-y-5\">\r\n        <div class=\"space-y-1\">\r\n          <h4 class=\"text-base font-semibold text-neutral-900\">\r\n            {{ t(\"working-hours-card-title\") }}\r\n          </h4>\r\n          <p class=\"text-sm text-neutral-600\">\r\n            {{ t(\"working-hours-card-description\") }}\r\n          </p>\r\n        </div>\r\n\r\n        <div class=\"grid gap-4 md:grid-cols-2\">\r\n          <mt-select-field\r\n            class=\"md:col-span-2\"\r\n            formControlName=\"timeZoneId\"\r\n            [options]=\"timezoneOptions()\"\r\n            [optionLabel]=\"'name'\"\r\n            [optionValue]=\"'id'\"\r\n            [label]=\"t('global-timezone')\"\r\n            [placeholder]=\"t('global-timezone-placeholder')\"\r\n            [filter]=\"true\"\r\n            [required]=\"true\"\r\n          />\r\n\r\n          <mt-multi-select-field\r\n            class=\"md:col-span-2\"\r\n            formControlName=\"workingDays\"\r\n            [options]=\"dayOptions()\"\r\n            [optionLabel]=\"'name'\"\r\n            [optionValue]=\"'dayNumber'\"\r\n            [label]=\"t('working-days')\"\r\n            [placeholder]=\"t('working-days-placeholder')\"\r\n            [display]=\"'chip'\"\r\n            [required]=\"true\"\r\n            [showClear]=\"true\"\r\n          />\r\n\r\n          <mt-number-field\r\n            class=\"md:col-span-2\"\r\n            formControlName=\"hoursPerDay\"\r\n            [label]=\"t('daily-working-hours')\"\r\n            [placeholder]=\"t('daily-working-hours-placeholder')\"\r\n            [min]=\"0\"\r\n            [max]=\"24\"\r\n            [required]=\"true\"\r\n          />\r\n\r\n          <mt-textarea-field\r\n            class=\"md:col-span-2\"\r\n            formControlName=\"holidaysCsv\"\r\n            [label]=\"t('global-holidays')\"\r\n            [placeholder]=\"t('global-holidays-placeholder')\"\r\n            rows=\"3\"\r\n          />\r\n        </div>\r\n      </div>\r\n    </mt-card>\r\n  </div>\r\n</ng-container>\r\n", dependencies: [{ kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],[formArray],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i1.RequiredValidator, selector: ":not([type=checkbox])[required][formControlName],:not([type=checkbox])[required][formControl],:not([type=checkbox])[required][ngModel]", inputs: ["required"] }, { kind: "directive", type: i1.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i1.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "directive", type: TranslocoDirective, selector: "[transloco]", inputs: ["transloco", "translocoParams", "translocoScope", "translocoRead", "translocoPrefix", "translocoLang", "translocoLoadingTpl"] }, { kind: "component", type: Card, selector: "mt-card", inputs: ["class", "title", "paddingless"] }, { kind: "component", type: MultiSelectField, selector: "mt-multi-select-field", inputs: ["field", "label", "placeholder", "class", "readonly", "pInputs", "options", "optionValue", "optionLabel", "filter", "filterBy", "dataKey", "showClear", "display", "required", "maxSelectedLabels", "group", "virtualScroll", "virtualScrollItemSize", "optionGroupLabel", "optionGroupChildren", "optionIcon", "optionIconColor", "optionIconShape", "optionAvatarShape", "optionGroupIcon", "optionGroupIconColor", "optionGroupIconShape", "optionGroupAvatarShape"], outputs: ["onChange"] }, { kind: "component", type: NumberField, selector: "mt-number-field", inputs: ["field", "hint", "label", "placeholder", "class", "readonly", "pInputs", "format", "useGrouping", "maxFractionDigits", "min", "max", "required"] }, { kind: "component", type: SelectField, selector: "mt-select-field", inputs: ["field", "hint", "label", "placeholder", "hasPlaceholderPrefix", "class", "readonly", "pInputs", "options", "optionValue", "optionLabel", "filter", "filterBy", "dataKey", "showClear", "clearAfterSelect", "required", "group", "size", "optionGroupLabel", "optionGroupChildren", "loading", "optionIcon", "optionIconColor", "optionIconShape", "optionAvatarShape", "optionGroupIcon", "optionGroupIconColor", "optionGroupIconShape", "optionGroupAvatarShape", "markCurrentUser"], outputs: ["onChange"] }, { kind: "component", type: TextareaField, selector: "mt-textarea-field", inputs: ["field", "hint", "label", "placeholder", "class", "readonly", "noErrorStyle", "pInputs", "rows", "required", "maxLength"] }, { kind: "component", type: 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,
@@ -206,9 +223,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.8", ngImpor
                         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" }]
+                    ], changeDetection: ChangeDetectionStrategy.OnPush, template: "<ng-container *transloco=\"let t; prefix: 'system-settings'\">\r\n  <div class=\"grid gap-6 xl:grid-cols-2 mb-6\">\r\n    <mt-card class=\"block\">\r\n      <div [formGroup]=\"policyForm()\" class=\"space-y-5\">\r\n        <div class=\"space-y-1\">\r\n          <h4 class=\"text-base font-semibold text-neutral-900\">\r\n            {{ t(\"general-card-title\") }}\r\n          </h4>\r\n          <p class=\"text-sm text-neutral-600\">\r\n            {{ t(\"general-card-description\") }}\r\n          </p>\r\n        </div>\r\n\r\n        <div class=\"grid gap-4 md:grid-cols-2\">\r\n          <mt-select-field\r\n            formControlName=\"frequency\"\r\n            [options]=\"frequencyOptions()\"\r\n            [optionLabel]=\"'name'\"\r\n            [optionValue]=\"'id'\"\r\n            [label]=\"t('frequency')\"\r\n            [placeholder]=\"t('frequency-placeholder')\"\r\n            [required]=\"true\"\r\n          />\r\n\r\n          <mt-number-field\r\n            formControlName=\"maxDailyHours\"\r\n            [label]=\"t('max-daily-hours')\"\r\n            [placeholder]=\"t('max-daily-hours-placeholder')\"\r\n            [min]=\"1\"\r\n            [max]=\"24\"\r\n            [required]=\"true\"\r\n            [hint]=\"maxDailyBelowDaily() ? t('max-daily-below-daily') : ''\"\r\n          />\r\n\r\n          <mt-number-field\r\n            formControlName=\"submissionDeadlineDays\"\r\n            [label]=\"t('submission-deadline-days')\"\r\n            [placeholder]=\"t('submission-deadline-days-placeholder')\"\r\n            [min]=\"0\"\r\n            [max]=\"90\"\r\n            [required]=\"true\"\r\n            [hint]=\"t('submission-deadline-hint')\"\r\n          />\r\n        </div>\r\n\r\n        <div class=\"grid gap-3 md:grid-cols-2\">\r\n          <mt-toggle-field\r\n            formControlName=\"requireDescription\"\r\n            [label]=\"t('require-description')\"\r\n          />\r\n          <mt-toggle-field\r\n            formControlName=\"allowFutureEntry\"\r\n            [label]=\"t('allow-future-entry')\"\r\n          />\r\n          <mt-toggle-field\r\n            formControlName=\"allowBackdatedEntry\"\r\n            [label]=\"t('allow-backdated-entry')\"\r\n          />\r\n          <mt-toggle-field\r\n            formControlName=\"autoLockOnApprove\"\r\n            [label]=\"t('auto-lock-on-approve')\"\r\n          />\r\n        </div>\r\n      </div>\r\n    </mt-card>\r\n\r\n    <mt-card class=\"block\">\r\n      <div [formGroup]=\"globalWorkingHoursForm()\" class=\"space-y-5\">\r\n        <div class=\"space-y-1\">\r\n          <h4 class=\"text-base font-semibold text-neutral-900\">\r\n            {{ t(\"working-hours-card-title\") }}\r\n          </h4>\r\n          <p class=\"text-sm text-neutral-600\">\r\n            {{ t(\"working-hours-card-description\") }}\r\n          </p>\r\n        </div>\r\n\r\n        <div class=\"grid gap-4 md:grid-cols-2\">\r\n          <mt-select-field\r\n            class=\"md:col-span-2\"\r\n            formControlName=\"timeZoneId\"\r\n            [options]=\"timezoneOptions()\"\r\n            [optionLabel]=\"'name'\"\r\n            [optionValue]=\"'id'\"\r\n            [label]=\"t('global-timezone')\"\r\n            [placeholder]=\"t('global-timezone-placeholder')\"\r\n            [filter]=\"true\"\r\n            [required]=\"true\"\r\n          />\r\n\r\n          <mt-multi-select-field\r\n            class=\"md:col-span-2\"\r\n            formControlName=\"workingDays\"\r\n            [options]=\"dayOptions()\"\r\n            [optionLabel]=\"'name'\"\r\n            [optionValue]=\"'dayNumber'\"\r\n            [label]=\"t('working-days')\"\r\n            [placeholder]=\"t('working-days-placeholder')\"\r\n            [display]=\"'chip'\"\r\n            [required]=\"true\"\r\n            [showClear]=\"true\"\r\n          />\r\n\r\n          <mt-number-field\r\n            class=\"md:col-span-2\"\r\n            formControlName=\"hoursPerDay\"\r\n            [label]=\"t('daily-working-hours')\"\r\n            [placeholder]=\"t('daily-working-hours-placeholder')\"\r\n            [min]=\"0\"\r\n            [max]=\"24\"\r\n            [required]=\"true\"\r\n          />\r\n\r\n          <mt-textarea-field\r\n            class=\"md:col-span-2\"\r\n            formControlName=\"holidaysCsv\"\r\n            [label]=\"t('global-holidays')\"\r\n            [placeholder]=\"t('global-holidays-placeholder')\"\r\n            rows=\"3\"\r\n          />\r\n        </div>\r\n      </div>\r\n    </mt-card>\r\n  </div>\r\n</ng-container>\r\n" }]
         }], propDecorators: { policyForm: [{ type: i0.Input, args: [{ isSignal: true, alias: "policyForm", required: true }] }], globalWorkingHoursForm: [{ type: i0.Input, args: [{ isSignal: true, alias: "globalWorkingHoursForm", required: true }] }], dayOptions: [{ type: i0.Input, args: [{ isSignal: true, alias: "dayOptions", required: false }] }], 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',
@@ -238,6 +257,25 @@ const FIXED_CURRENCIES = [
         },
     },
 ];
+/**
+ * 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',
+};
 const DEFAULT_DATE_FORMAT_OPTIONS = [
     {
         key: 'MM/dd/yyyy',
@@ -369,6 +407,12 @@ class SystemSettings {
         },
     ];
     form = new FormGroup({
+        generalConfiguration: new FormGroup({
+            defaultExploreView: new FormControl('cards', {
+                nonNullable: true,
+                validators: [Validators.required],
+            }),
+        }),
         timezone: new FormGroup({
             regionId: new FormControl(null, Validators.required),
             dateFormat: new FormControl(null, Validators.required),
@@ -449,6 +493,12 @@ class SystemSettings {
     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 */ []));
@@ -496,6 +546,14 @@ class SystemSettings {
             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) => ({
@@ -516,7 +574,8 @@ class SystemSettings {
         if (!current) {
             return false;
         }
-        return (!this.areEqual(initial.holidays, current.holidays) ||
+        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) ||
@@ -550,7 +609,8 @@ class SystemSettings {
             if (version === this.hydrationVersion()) {
                 return;
             }
-            this.hydrateForm(this.holidaysSetting() ?? this.createFallbackSetting('Holidays'), this.timezoneSetting() ?? this.createFallbackSetting('Timezone'), this.currencySetting() ?? this.createFallbackSetting('Currency'), this.weekendSetting() ?? this.createFallbackSetting('Weekend'), this.smtpSetting() ?? this.createFallbackSetting('SMTP'), this.timeSheetPolicySetting() ??
+            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.smtpSetting() ?? this.createFallbackSetting('SMTP'), this.timeSheetPolicySetting() ??
                 this.createFallbackSetting('TimeSheetPolicy'), this.globalWorkingHoursSetting() ??
                 this.createFallbackSetting('GlobalWorkingHours'));
             this.hydrationVersion.set(version);
@@ -620,6 +680,18 @@ class SystemSettings {
             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',
@@ -726,7 +798,8 @@ class SystemSettings {
             },
         });
     }
-    hydrateForm(holidaysSetting, timezoneSetting, currencySetting, weekendSetting, smtpSetting, timeSheetPolicySetting, globalWorkingHoursSetting) {
+    hydrateForm(generalConfigurationSetting, holidaysSetting, timezoneSetting, currencySetting, weekendSetting, smtpSetting, 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));
@@ -735,6 +808,9 @@ class SystemSettings {
         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,
+        });
         this.form.controls.timezone.setValue({
             regionId: timezone.region?.id ?? null,
             dateFormat: timezone.dateFormat,
@@ -772,6 +848,7 @@ class SystemSettings {
         this.form.markAsPristine();
         this.form.markAsUntouched();
         this.initialSnapshot.set({
+            generalConfiguration,
             holidays,
             timezone,
             currency,
@@ -788,6 +865,7 @@ class SystemSettings {
             return null;
         }
         return {
+            generalConfiguration: this.buildGeneralConfigurationValue(),
             holidays: {
                 data: this.holidayItems().map((item) => ({
                     label: item.label.trim(),
@@ -838,6 +916,21 @@ class SystemSettings {
             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),
+        };
+    }
     buildWeekendValue() {
         return {
             days: normalizeWeekendDays(this.form.controls.weekend.controls.days.value),
@@ -879,6 +972,15 @@ class SystemSettings {
         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']),
+        };
+    }
     extractHolidaysValue(setting) {
         if (!isRecord(setting.value)) {
             return { data: [] };
@@ -1037,6 +1139,11 @@ class SystemSettings {
             ar: getString(value['ar']) ?? FIXED_CURRENCIES[0].unit.ar,
         };
     }
+    normalizeGeneralConfigurationSnapshot(value) {
+        return {
+            defaultExploreView: normalizeExploreDefaultView(value.defaultExploreView),
+        };
+    }
     normalizeTimezoneSnapshot(value) {
         const defaults = this.getDefaultTimezoneValue();
         return {
@@ -1092,6 +1199,13 @@ class SystemSettings {
     }
     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':
@@ -1302,7 +1416,7 @@ class SystemSettings {
         return JSON.stringify(left) === JSON.stringify(right);
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.8", ngImport: i0, type: SystemSettings, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.8", type: SystemSettings, isStandalone: true, selector: "mt-system-settings", inputs: { apiBasePath: { classPropertyName: "apiBasePath", publicName: "apiBasePath", isSignal: true, isRequired: false, transformFunction: null }, backRoute: { classPropertyName: "backRoute", publicName: "backRoute", isSignal: true, isRequired: false, transformFunction: null }, formatSchema: { classPropertyName: "formatSchema", publicName: "formatSchema", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0, template: "<ng-container *transloco=\"let t; prefix: 'system-settings'\">\r\n  <mt-page\r\n    [title]=\"t('page-title')\"\r\n    [avatarIcon]=\"'general.settings-02'\"\r\n    [avatarStyle]=\"{\r\n      '--p-avatar-background': 'var(--p-emerald-100)',\r\n      '--p-avatar-color': 'var(--p-emerald-700)',\r\n    }\"\r\n    (backButtonClick)=\"goBack()\"\r\n    backButton\r\n  >\r\n    <div class=\"flex flex-col gap-3\">\r\n      <div\r\n        class=\"flex flex-col gap-4 md:flex-row md:items-end md:justify-between\"\r\n      >\r\n        <div>\r\n          <h3 class=\"text-lg font-bold text-neutral-900\">\r\n            {{ t(\"page-title\") }}\r\n          </h3>\r\n          <mt-breadcrumb\r\n            [items]=\"breadcrumbItems\"\r\n            [styleClass]=\"'flex justify-start mx-1'\"\r\n          />\r\n        </div>\r\n\r\n        <mt-button\r\n          [label]=\"t('save')\"\r\n          icon=\"general.save-01\"\r\n          [tooltip]=\"t('save-tooltip')\"\r\n          [badge]=\"hasChanges() ? '!' : ''\"\r\n          badgeSeverity=\"warn\"\r\n          [loading]=\"updating()\"\r\n          [disabled]=\"!canSaveSettings()\"\r\n          (onClick)=\"onSave()\"\r\n        />\r\n      </div>\r\n\r\n      @if (isLoading()) {\r\n        <div class=\"space-y-4\">\r\n          <p-skeleton width=\"100%\" height=\"12rem\" borderRadius=\"0.75rem\" />\r\n          <p-skeleton width=\"100%\" height=\"18rem\" borderRadius=\"0.75rem\" />\r\n          <p-skeleton width=\"100%\" height=\"14rem\" borderRadius=\"0.75rem\" />\r\n        </div>\r\n      } @else {\r\n        <!--\r\n          BE/HTTP errors (timezonesError, settingsError, updateError) are already\r\n          surfaced as toasts by the HTTP interceptor, so they are intentionally\r\n          not rendered as top-of-page banners here to avoid duplicate messaging.\r\n        -->\r\n        <div class=\"space-y-6\">\r\n          <mt-system-settings-holidays-section\r\n            [holidays]=\"holidayTableRows()\"\r\n            (addHoliday)=\"openAddHoliday()\"\r\n            (editHoliday)=\"editHoliday($event)\"\r\n            (deleteHoliday)=\"deleteHoliday($event)\"\r\n          />\r\n\r\n          <mt-system-settings-general-section\r\n            [timezoneForm]=\"form.controls.timezone\"\r\n            [currencyForm]=\"form.controls.currency\"\r\n            [weekendForm]=\"form.controls.weekend\"\r\n            [timezoneOptions]=\"timezoneOptions()\"\r\n            [dateFormatOptions]=\"dateFormatOptions()\"\r\n            [timeFormatOptions]=\"timeFormatOptions()\"\r\n            [currencyOptions]=\"currencyOptions()\"\r\n            [currencyFormatOptions]=\"currencyFormatOptions()\"\r\n            [weekendOptions]=\"weekendOptions()\"\r\n          />\r\n\r\n          <mt-system-settings-timesheet-section\r\n            [policyForm]=\"form.controls.timeSheetPolicy\"\r\n            [globalWorkingHoursForm]=\"form.controls.globalWorkingHours\"\r\n            [dayOptions]=\"dotnetDayOptions()\"\r\n            [frequencyOptions]=\"frequencyOptions()\"\r\n            [timezoneOptions]=\"timezoneOptions()\"\r\n            [maxDailyBelowDaily]=\"form.errors?.['maxDailyBelowDaily'] ?? false\"\r\n          />\r\n\r\n          <mt-system-settings-smtp-section [smtpForm]=\"form.controls.smtp\" />\r\n        </div>\r\n      }\r\n    </div>\r\n  </mt-page>\r\n</ng-container>\r\n", styles: [":host{display:block}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: TranslocoDirective, selector: "[transloco]", inputs: ["transloco", "translocoParams", "translocoScope", "translocoRead", "translocoPrefix", "translocoLang", "translocoLoadingTpl"] }, { kind: "component", type: Page, selector: "mt-page", inputs: ["backButton", "backButtonIcon", "avatarIcon", "avatarStyle", "avatarShape", "title", "tabs", "activeTab", "contentClass", "contentId"], outputs: ["backButtonClick", "tabChange"] }, { kind: "component", type: Button, selector: "mt-button", inputs: ["icon", "label", "tooltip", "class", "type", "styleClass", "severity", "badge", "variant", "badgeSeverity", "size", "iconPos", "autofocus", "fluid", "raised", "rounded", "text", "plain", "outlined", "link", "disabled", "loading", "pInputs"], outputs: ["onClick", "onFocus", "onBlur"] }, { kind: "component", type: Breadcrumb, selector: "mt-breadcrumb", inputs: ["items", "styleClass"], outputs: ["onItemClick"] }, { kind: "ngmodule", type: SkeletonModule }, { kind: "component", type: i1$1.Skeleton, selector: "p-skeleton", inputs: ["styleClass", "shape", "animation", "borderRadius", "size", "width", "height"] }, { kind: "component", type: SystemSettingsHolidaysSection, selector: "mt-system-settings-holidays-section", inputs: ["holidays"], outputs: ["addHoliday", "editHoliday", "deleteHoliday"] }, { kind: "component", type: SystemSettingsGeneralSection, selector: "mt-system-settings-general-section", inputs: ["timezoneForm", "currencyForm", "weekendForm", "timezoneOptions", "dateFormatOptions", "timeFormatOptions", "currencyOptions", "currencyFormatOptions", "weekendOptions"] }, { kind: "component", type: SystemSettingsSmtpSection, selector: "mt-system-settings-smtp-section", inputs: ["smtpForm"] }, { kind: "component", type: SystemSettingsTimeSheetSection, selector: "mt-system-settings-timesheet-section", inputs: ["policyForm", "globalWorkingHoursForm", "dayOptions", "frequencyOptions", "timezoneOptions", "maxDailyBelowDaily"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.8", type: SystemSettings, isStandalone: true, selector: "mt-system-settings", inputs: { apiBasePath: { classPropertyName: "apiBasePath", publicName: "apiBasePath", isSignal: true, isRequired: false, transformFunction: null }, backRoute: { classPropertyName: "backRoute", publicName: "backRoute", isSignal: true, isRequired: false, transformFunction: null }, formatSchema: { classPropertyName: "formatSchema", publicName: "formatSchema", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0, template: "<ng-container *transloco=\"let t; prefix: 'system-settings'\">\r\n  <mt-page\r\n    [title]=\"t('page-title')\"\r\n    [avatarIcon]=\"'general.settings-02'\"\r\n    [avatarStyle]=\"{\r\n      '--p-avatar-background': 'var(--p-emerald-100)',\r\n      '--p-avatar-color': 'var(--p-emerald-700)',\r\n    }\"\r\n    (backButtonClick)=\"goBack()\"\r\n    backButton\r\n  >\r\n    <div class=\"flex flex-col gap-3\">\r\n      <div\r\n        class=\"flex flex-col gap-4 md:flex-row md:items-end md:justify-between\"\r\n      >\r\n        <div>\r\n          <h3 class=\"text-lg font-bold text-neutral-900\">\r\n            {{ t(\"page-title\") }}\r\n          </h3>\r\n          <mt-breadcrumb\r\n            [items]=\"breadcrumbItems\"\r\n            [styleClass]=\"'flex justify-start mx-1'\"\r\n          />\r\n        </div>\r\n\r\n        <mt-button\r\n          [label]=\"t('save')\"\r\n          icon=\"general.save-01\"\r\n          [tooltip]=\"t('save-tooltip')\"\r\n          [badge]=\"hasChanges() ? '!' : ''\"\r\n          badgeSeverity=\"warn\"\r\n          [loading]=\"updating()\"\r\n          [disabled]=\"!canSaveSettings()\"\r\n          (onClick)=\"onSave()\"\r\n        />\r\n      </div>\r\n\r\n      @if (isLoading()) {\r\n        <div class=\"space-y-4\">\r\n          <p-skeleton width=\"100%\" height=\"12rem\" borderRadius=\"0.75rem\" />\r\n          <p-skeleton width=\"100%\" height=\"18rem\" borderRadius=\"0.75rem\" />\r\n          <p-skeleton width=\"100%\" height=\"14rem\" borderRadius=\"0.75rem\" />\r\n        </div>\r\n      } @else {\r\n        <!--\r\n          BE/HTTP errors (timezonesError, settingsError, updateError) are already\r\n          surfaced as toasts by the HTTP interceptor, so they are intentionally\r\n          not rendered as top-of-page banners here to avoid duplicate messaging.\r\n        -->\r\n        <div class=\"space-y-6\">\r\n          <mt-system-settings-holidays-section\r\n            [holidays]=\"holidayTableRows()\"\r\n            (addHoliday)=\"openAddHoliday()\"\r\n            (editHoliday)=\"editHoliday($event)\"\r\n            (deleteHoliday)=\"deleteHoliday($event)\"\r\n          />\r\n\r\n          <mt-system-settings-general-config-section\r\n            [generalConfigurationForm]=\"form.controls.generalConfiguration\"\r\n            [exploreDefaultViewOptions]=\"exploreDefaultViewOptions()\"\r\n          />\r\n\r\n          <mt-system-settings-general-section\r\n            [timezoneForm]=\"form.controls.timezone\"\r\n            [currencyForm]=\"form.controls.currency\"\r\n            [weekendForm]=\"form.controls.weekend\"\r\n            [timezoneOptions]=\"timezoneOptions()\"\r\n            [dateFormatOptions]=\"dateFormatOptions()\"\r\n            [timeFormatOptions]=\"timeFormatOptions()\"\r\n            [currencyOptions]=\"currencyOptions()\"\r\n            [currencyFormatOptions]=\"currencyFormatOptions()\"\r\n            [weekendOptions]=\"weekendOptions()\"\r\n          />\r\n\r\n          <mt-system-settings-timesheet-section\r\n            [policyForm]=\"form.controls.timeSheetPolicy\"\r\n            [globalWorkingHoursForm]=\"form.controls.globalWorkingHours\"\r\n            [dayOptions]=\"dotnetDayOptions()\"\r\n            [frequencyOptions]=\"frequencyOptions()\"\r\n            [timezoneOptions]=\"timezoneOptions()\"\r\n            [maxDailyBelowDaily]=\"form.errors?.['maxDailyBelowDaily'] ?? false\"\r\n          />\r\n\r\n          <mt-system-settings-smtp-section [smtpForm]=\"form.controls.smtp\" />\r\n        </div>\r\n      }\r\n    </div>\r\n  </mt-page>\r\n</ng-container>\r\n", styles: [":host{display:block}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: TranslocoDirective, selector: "[transloco]", inputs: ["transloco", "translocoParams", "translocoScope", "translocoRead", "translocoPrefix", "translocoLang", "translocoLoadingTpl"] }, { kind: "component", type: Page, selector: "mt-page", inputs: ["backButton", "backButtonIcon", "avatarIcon", "avatarStyle", "avatarShape", "title", "tabs", "activeTab", "contentClass", "contentId"], outputs: ["backButtonClick", "tabChange"] }, { kind: "component", type: Button, selector: "mt-button", inputs: ["icon", "label", "tooltip", "class", "type", "styleClass", "severity", "badge", "variant", "badgeSeverity", "size", "iconPos", "autofocus", "fluid", "raised", "rounded", "text", "plain", "outlined", "link", "disabled", "loading", "pInputs"], outputs: ["onClick", "onFocus", "onBlur"] }, { kind: "component", type: Breadcrumb, selector: "mt-breadcrumb", inputs: ["items", "styleClass"], outputs: ["onItemClick"] }, { kind: "ngmodule", type: SkeletonModule }, { kind: "component", type: i1$1.Skeleton, selector: "p-skeleton", inputs: ["styleClass", "shape", "animation", "borderRadius", "size", "width", "height"] }, { kind: "component", type: SystemSettingsHolidaysSection, selector: "mt-system-settings-holidays-section", inputs: ["holidays"], outputs: ["addHoliday", "editHoliday", "deleteHoliday"] }, { kind: "component", type: SystemSettingsGeneralConfigSection, selector: "mt-system-settings-general-config-section", inputs: ["generalConfigurationForm", "exploreDefaultViewOptions"] }, { kind: "component", type: SystemSettingsGeneralSection, selector: "mt-system-settings-general-section", inputs: ["timezoneForm", "currencyForm", "weekendForm", "timezoneOptions", "dateFormatOptions", "timeFormatOptions", "currencyOptions", "currencyFormatOptions", "weekendOptions"] }, { kind: "component", type: SystemSettingsSmtpSection, selector: "mt-system-settings-smtp-section", inputs: ["smtpForm"] }, { kind: "component", type: SystemSettingsTimeSheetSection, selector: "mt-system-settings-timesheet-section", inputs: ["policyForm", "globalWorkingHoursForm", "dayOptions", "frequencyOptions", "timezoneOptions", "maxDailyBelowDaily"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.8", ngImport: i0, type: SystemSettings, decorators: [{
             type: Component,
@@ -1315,10 +1429,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.8", ngImpor
                         Breadcrumb,
                         SkeletonModule,
                         SystemSettingsHolidaysSection,
+                        SystemSettingsGeneralConfigSection,
                         SystemSettingsGeneralSection,
                         SystemSettingsSmtpSection,
                         SystemSettingsTimeSheetSection,
-                    ], changeDetection: ChangeDetectionStrategy.OnPush, template: "<ng-container *transloco=\"let t; prefix: 'system-settings'\">\r\n  <mt-page\r\n    [title]=\"t('page-title')\"\r\n    [avatarIcon]=\"'general.settings-02'\"\r\n    [avatarStyle]=\"{\r\n      '--p-avatar-background': 'var(--p-emerald-100)',\r\n      '--p-avatar-color': 'var(--p-emerald-700)',\r\n    }\"\r\n    (backButtonClick)=\"goBack()\"\r\n    backButton\r\n  >\r\n    <div class=\"flex flex-col gap-3\">\r\n      <div\r\n        class=\"flex flex-col gap-4 md:flex-row md:items-end md:justify-between\"\r\n      >\r\n        <div>\r\n          <h3 class=\"text-lg font-bold text-neutral-900\">\r\n            {{ t(\"page-title\") }}\r\n          </h3>\r\n          <mt-breadcrumb\r\n            [items]=\"breadcrumbItems\"\r\n            [styleClass]=\"'flex justify-start mx-1'\"\r\n          />\r\n        </div>\r\n\r\n        <mt-button\r\n          [label]=\"t('save')\"\r\n          icon=\"general.save-01\"\r\n          [tooltip]=\"t('save-tooltip')\"\r\n          [badge]=\"hasChanges() ? '!' : ''\"\r\n          badgeSeverity=\"warn\"\r\n          [loading]=\"updating()\"\r\n          [disabled]=\"!canSaveSettings()\"\r\n          (onClick)=\"onSave()\"\r\n        />\r\n      </div>\r\n\r\n      @if (isLoading()) {\r\n        <div class=\"space-y-4\">\r\n          <p-skeleton width=\"100%\" height=\"12rem\" borderRadius=\"0.75rem\" />\r\n          <p-skeleton width=\"100%\" height=\"18rem\" borderRadius=\"0.75rem\" />\r\n          <p-skeleton width=\"100%\" height=\"14rem\" borderRadius=\"0.75rem\" />\r\n        </div>\r\n      } @else {\r\n        <!--\r\n          BE/HTTP errors (timezonesError, settingsError, updateError) are already\r\n          surfaced as toasts by the HTTP interceptor, so they are intentionally\r\n          not rendered as top-of-page banners here to avoid duplicate messaging.\r\n        -->\r\n        <div class=\"space-y-6\">\r\n          <mt-system-settings-holidays-section\r\n            [holidays]=\"holidayTableRows()\"\r\n            (addHoliday)=\"openAddHoliday()\"\r\n            (editHoliday)=\"editHoliday($event)\"\r\n            (deleteHoliday)=\"deleteHoliday($event)\"\r\n          />\r\n\r\n          <mt-system-settings-general-section\r\n            [timezoneForm]=\"form.controls.timezone\"\r\n            [currencyForm]=\"form.controls.currency\"\r\n            [weekendForm]=\"form.controls.weekend\"\r\n            [timezoneOptions]=\"timezoneOptions()\"\r\n            [dateFormatOptions]=\"dateFormatOptions()\"\r\n            [timeFormatOptions]=\"timeFormatOptions()\"\r\n            [currencyOptions]=\"currencyOptions()\"\r\n            [currencyFormatOptions]=\"currencyFormatOptions()\"\r\n            [weekendOptions]=\"weekendOptions()\"\r\n          />\r\n\r\n          <mt-system-settings-timesheet-section\r\n            [policyForm]=\"form.controls.timeSheetPolicy\"\r\n            [globalWorkingHoursForm]=\"form.controls.globalWorkingHours\"\r\n            [dayOptions]=\"dotnetDayOptions()\"\r\n            [frequencyOptions]=\"frequencyOptions()\"\r\n            [timezoneOptions]=\"timezoneOptions()\"\r\n            [maxDailyBelowDaily]=\"form.errors?.['maxDailyBelowDaily'] ?? false\"\r\n          />\r\n\r\n          <mt-system-settings-smtp-section [smtpForm]=\"form.controls.smtp\" />\r\n        </div>\r\n      }\r\n    </div>\r\n  </mt-page>\r\n</ng-container>\r\n", styles: [":host{display:block}\n"] }]
+                    ], changeDetection: ChangeDetectionStrategy.OnPush, template: "<ng-container *transloco=\"let t; prefix: 'system-settings'\">\r\n  <mt-page\r\n    [title]=\"t('page-title')\"\r\n    [avatarIcon]=\"'general.settings-02'\"\r\n    [avatarStyle]=\"{\r\n      '--p-avatar-background': 'var(--p-emerald-100)',\r\n      '--p-avatar-color': 'var(--p-emerald-700)',\r\n    }\"\r\n    (backButtonClick)=\"goBack()\"\r\n    backButton\r\n  >\r\n    <div class=\"flex flex-col gap-3\">\r\n      <div\r\n        class=\"flex flex-col gap-4 md:flex-row md:items-end md:justify-between\"\r\n      >\r\n        <div>\r\n          <h3 class=\"text-lg font-bold text-neutral-900\">\r\n            {{ t(\"page-title\") }}\r\n          </h3>\r\n          <mt-breadcrumb\r\n            [items]=\"breadcrumbItems\"\r\n            [styleClass]=\"'flex justify-start mx-1'\"\r\n          />\r\n        </div>\r\n\r\n        <mt-button\r\n          [label]=\"t('save')\"\r\n          icon=\"general.save-01\"\r\n          [tooltip]=\"t('save-tooltip')\"\r\n          [badge]=\"hasChanges() ? '!' : ''\"\r\n          badgeSeverity=\"warn\"\r\n          [loading]=\"updating()\"\r\n          [disabled]=\"!canSaveSettings()\"\r\n          (onClick)=\"onSave()\"\r\n        />\r\n      </div>\r\n\r\n      @if (isLoading()) {\r\n        <div class=\"space-y-4\">\r\n          <p-skeleton width=\"100%\" height=\"12rem\" borderRadius=\"0.75rem\" />\r\n          <p-skeleton width=\"100%\" height=\"18rem\" borderRadius=\"0.75rem\" />\r\n          <p-skeleton width=\"100%\" height=\"14rem\" borderRadius=\"0.75rem\" />\r\n        </div>\r\n      } @else {\r\n        <!--\r\n          BE/HTTP errors (timezonesError, settingsError, updateError) are already\r\n          surfaced as toasts by the HTTP interceptor, so they are intentionally\r\n          not rendered as top-of-page banners here to avoid duplicate messaging.\r\n        -->\r\n        <div class=\"space-y-6\">\r\n          <mt-system-settings-holidays-section\r\n            [holidays]=\"holidayTableRows()\"\r\n            (addHoliday)=\"openAddHoliday()\"\r\n            (editHoliday)=\"editHoliday($event)\"\r\n            (deleteHoliday)=\"deleteHoliday($event)\"\r\n          />\r\n\r\n          <mt-system-settings-general-config-section\r\n            [generalConfigurationForm]=\"form.controls.generalConfiguration\"\r\n            [exploreDefaultViewOptions]=\"exploreDefaultViewOptions()\"\r\n          />\r\n\r\n          <mt-system-settings-general-section\r\n            [timezoneForm]=\"form.controls.timezone\"\r\n            [currencyForm]=\"form.controls.currency\"\r\n            [weekendForm]=\"form.controls.weekend\"\r\n            [timezoneOptions]=\"timezoneOptions()\"\r\n            [dateFormatOptions]=\"dateFormatOptions()\"\r\n            [timeFormatOptions]=\"timeFormatOptions()\"\r\n            [currencyOptions]=\"currencyOptions()\"\r\n            [currencyFormatOptions]=\"currencyFormatOptions()\"\r\n            [weekendOptions]=\"weekendOptions()\"\r\n          />\r\n\r\n          <mt-system-settings-timesheet-section\r\n            [policyForm]=\"form.controls.timeSheetPolicy\"\r\n            [globalWorkingHoursForm]=\"form.controls.globalWorkingHours\"\r\n            [dayOptions]=\"dotnetDayOptions()\"\r\n            [frequencyOptions]=\"frequencyOptions()\"\r\n            [timezoneOptions]=\"timezoneOptions()\"\r\n            [maxDailyBelowDaily]=\"form.errors?.['maxDailyBelowDaily'] ?? false\"\r\n          />\r\n\r\n          <mt-system-settings-smtp-section [smtpForm]=\"form.controls.smtp\" />\r\n        </div>\r\n      }\r\n    </div>\r\n  </mt-page>\r\n</ng-container>\r\n", styles: [":host{display:block}\n"] }]
         }], ctorParameters: () => [], propDecorators: { apiBasePath: [{ type: i0.Input, args: [{ isSignal: true, alias: "apiBasePath", required: false }] }], backRoute: [{ type: i0.Input, args: [{ isSignal: true, alias: "backRoute", required: false }] }], formatSchema: [{ type: i0.Input, args: [{ isSignal: true, alias: "formatSchema", required: false }] }] } });
 function isRecord(value) {
     return typeof value === 'object' && value !== null && !Array.isArray(value);
@@ -1388,6 +1503,11 @@ function parsePort(value) {
     const parsedValue = Number(normalizedValue);
     return Number.isNaN(parsedValue) ? null : parsedValue;
 }
+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 [];
@@ -1478,5 +1598,5 @@ function formatDateOnly(value) {
  * Generated bundle index. Do not edit.
  */
 
-export { DEFAULT_DATE_FORMAT_OPTIONS, DEFAULT_TIME_FORMAT_OPTIONS, DOTNET_DAY_DEFINITIONS, FIXED_CURRENCIES, RATE_SOURCE_OPTIONS, SCHEDULE_ITEM_TYPE_OPTIONS, SystemSettings, SystemSettingsHolidayEditor, TIMESHEET_FREQUENCY_OPTIONS, WEEKEND_DAY_DEFINITIONS };
+export { DEFAULT_DATE_FORMAT_OPTIONS, DEFAULT_GENERAL_CONFIGURATION, DEFAULT_TIME_FORMAT_OPTIONS, DOTNET_DAY_DEFINITIONS, EXPLORE_DEFAULT_VIEW_OPTIONS, FIXED_CURRENCIES, GENERAL_CONFIGURATION_SETTING_KEY, RATE_SOURCE_OPTIONS, SCHEDULE_ITEM_TYPE_OPTIONS, SystemSettings, SystemSettingsHolidayEditor, TIMESHEET_FREQUENCY_OPTIONS, WEEKEND_DAY_DEFINITIONS };
 //# sourceMappingURL=masterteam-system-settings.mjs.map