@masterteam/components 0.0.135 → 0.0.137

package/fesm2022/masterteam-components-business-fields.mjs

@@ -19,27 +19,27 @@ import { NumberField } from '@masterteam/components/number-field';
 import { Table } from '@masterteam/components/table';
 
 class LookupMatrixField {
-    config = input.required(...(ngDevMode ? [{ debugName: "config" }] : []));
+    config = input.required(...(ngDevMode ? [{ debugName: "config" }] : /* istanbul ignore next */ []));
     controlContainer = inject(ControlContainer, {
         optional: true,
     });
     destroyRef = inject(DestroyRef);
-    valueVersion = signal(0, ...(ngDevMode ? [{ debugName: "valueVersion" }] : []));
-    xOptions = computed(() => this.config().xOptions ?? [], ...(ngDevMode ? [{ debugName: "xOptions" }] : []));
-    yOptions = computed(() => this.config().yOptions ?? [], ...(ngDevMode ? [{ debugName: "yOptions" }] : []));
-    hasMatrix = computed(() => this.config().cells.length > 0, ...(ngDevMode ? [{ debugName: "hasMatrix" }] : []));
+    valueVersion = signal(0, ...(ngDevMode ? [{ debugName: "valueVersion" }] : /* istanbul ignore next */ []));
+    xOptions = computed(() => this.config().xOptions ?? [], ...(ngDevMode ? [{ debugName: "xOptions" }] : /* istanbul ignore next */ []));
+    yOptions = computed(() => this.config().yOptions ?? [], ...(ngDevMode ? [{ debugName: "yOptions" }] : /* istanbul ignore next */ []));
+    hasMatrix = computed(() => this.config().cells.length > 0, ...(ngDevMode ? [{ debugName: "hasMatrix" }] : /* istanbul ignore next */ []));
     cellMap = computed(() => new Map(this.config().cells.map((cell) => [
         this.cellKey(cell.xLookupItemId, cell.yLookupItemId),
         cell,
-    ])), ...(ngDevMode ? [{ debugName: "cellMap" }] : []));
+    ])), ...(ngDevMode ? [{ debugName: "cellMap" }] : /* istanbul ignore next */ []));
     selectedXOption = computed(() => {
         this.valueVersion();
         return this.resolveSelectedOption(this.xOptions(), this.getControlValue(this.config().xFieldKey));
-    }, ...(ngDevMode ? [{ debugName: "selectedXOption" }] : []));
+    }, ...(ngDevMode ? [{ debugName: "selectedXOption" }] : /* istanbul ignore next */ []));
     selectedYOption = computed(() => {
         this.valueVersion();
         return this.resolveSelectedOption(this.yOptions(), this.getControlValue(this.config().yFieldKey));
-    }, ...(ngDevMode ? [{ debugName: "selectedYOption" }] : []));
+    }, ...(ngDevMode ? [{ debugName: "selectedYOption" }] : /* istanbul ignore next */ []));
     activeCell = computed(() => {
         const selectedX = this.selectedXOption();
         const selectedY = this.selectedYOption();
@@ -47,7 +47,7 @@ class LookupMatrixField {
             return null;
         }
         return this.getCell(selectedX.id ?? selectedX.value, selectedY.id ?? selectedY.value);
-    }, ...(ngDevMode ? [{ debugName: "activeCell" }] : []));
+    }, ...(ngDevMode ? [{ debugName: "activeCell" }] : /* istanbul ignore next */ []));
     selectionSummary = computed(() => {
         const parts = [];
         const xAxisLabel = this.config().xAxisLabel.trim() || 'X';
@@ -61,18 +61,18 @@ class LookupMatrixField {
             parts.push(`${yAxisLabel}: ${selectedY.label}`);
         }
         return parts.join(' / ');
-    }, ...(ngDevMode ? [{ debugName: "selectionSummary" }] : []));
+    }, ...(ngDevMode ? [{ debugName: "selectionSummary" }] : /* istanbul ignore next */ []));
     pendingMessage = computed(() => {
         const xAxisLabel = this.config().xAxisLabel.trim() || 'the first value';
         const yAxisLabel = this.config().yAxisLabel.trim() || 'the second value';
         return `Select ${xAxisLabel} and ${yAxisLabel} first.`;
-    }, ...(ngDevMode ? [{ debugName: "pendingMessage" }] : []));
+    }, ...(ngDevMode ? [{ debugName: "pendingMessage" }] : /* istanbul ignore next */ []));
     missingResultMessage = computed(() => {
         if (!this.selectedXOption() || !this.selectedYOption()) {
             return this.pendingMessage();
         }
         return 'No matching value for the selected combination.';
-    }, ...(ngDevMode ? [{ debugName: "missingResultMessage" }] : []));
+    }, ...(ngDevMode ? [{ debugName: "missingResultMessage" }] : /* istanbul ignore next */ []));
     constructor() {
         const control = this.controlContainer?.control;
         if (!control)
@@ -123,10 +123,10 @@ class LookupMatrixField {
         }
         return `var(--p-${color}-500)`;
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.3", ngImport: i0, type: LookupMatrixField, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.0.3", type: LookupMatrixField, isStandalone: true, selector: "mt-lookup-matrix-field", inputs: { config: { classPropertyName: "config", publicName: "config", isSignal: true, isRequired: true, transformFunction: null } }, host: { classAttribute: "grid gap-2" }, ngImport: i0, template: "@if (config().label) {\r\n  <label class=\"text-sm font-medium text-color\">\r\n    {{ config().label }}\r\n  </label>\r\n}\r\n\r\n<div\r\n  class=\"rounded-lg border border-surface-200 bg-surface-50 px-3 flex items-center\"\r\n>\r\n  @if (activeCell(); as cell) {\r\n    <div class=\"flex flex-1 min-h-6 items-center gap-2 justify-between\">\r\n      <span\r\n        class=\"h-6 w-2 shrink-0 rounded-[2px] border border-surface-200\"\r\n        [ngStyle]=\"getSwatchStyle(cell.color)\"\r\n      ></span>\r\n\r\n      <div class=\"min-w-0 flex-1 py-2 flex items-center justify-between\">\r\n        <div class=\"truncate font-semibold text-gray-500\">\r\n          {{ cell.label }}\r\n        </div>\r\n\r\n        @if (selectionSummary()) {\r\n          <div class=\"font-bold text-gray-500\">\r\n            <mt-icon\r\n              [mtTooltip]=\"selectionSummary()\"\r\n              icon=\"general.info-circle\"\r\n            />\r\n          </div>\r\n        }\r\n      </div>\r\n    </div>\r\n  } @else {\r\n    <div class=\"flex min-h-6 items-center text-muted-color py-2\">\r\n      {{ hasMatrix() ? missingResultMessage() : config().emptyMessage }}\r\n    </div>\r\n  }\r\n</div>\r\n", dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "directive", type: Tooltip, selector: "[mtTooltip]" }, { kind: "component", type: Icon, selector: "mt-icon", inputs: ["icon"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.8", ngImport: i0, type: LookupMatrixField, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.8", type: LookupMatrixField, isStandalone: true, selector: "mt-lookup-matrix-field", inputs: { config: { classPropertyName: "config", publicName: "config", isSignal: true, isRequired: true, transformFunction: null } }, host: { classAttribute: "grid gap-2" }, ngImport: i0, template: "@if (config().label) {\r\n  <label class=\"text-sm font-medium text-color\">\r\n    {{ config().label }}\r\n  </label>\r\n}\r\n\r\n<div\r\n  class=\"rounded-lg border border-surface-200 bg-surface-50 px-3 flex items-center\"\r\n>\r\n  @if (activeCell(); as cell) {\r\n    <div class=\"flex flex-1 min-h-6 items-center gap-2 justify-between\">\r\n      <span\r\n        class=\"h-6 w-2 shrink-0 rounded-[2px] border border-surface-200\"\r\n        [ngStyle]=\"getSwatchStyle(cell.color)\"\r\n      ></span>\r\n\r\n      <div class=\"min-w-0 flex-1 py-2 flex items-center justify-between\">\r\n        <div class=\"truncate font-semibold text-gray-500\">\r\n          {{ cell.label }}\r\n        </div>\r\n\r\n        @if (selectionSummary()) {\r\n          <div class=\"font-bold text-gray-500\">\r\n            <mt-icon\r\n              [mtTooltip]=\"selectionSummary()\"\r\n              icon=\"general.info-circle\"\r\n            />\r\n          </div>\r\n        }\r\n      </div>\r\n    </div>\r\n  } @else {\r\n    <div class=\"flex min-h-6 items-center text-muted-color py-2\">\r\n      {{ hasMatrix() ? missingResultMessage() : config().emptyMessage }}\r\n    </div>\r\n  }\r\n</div>\r\n", dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "directive", type: Tooltip, selector: "[mtTooltip]" }, { kind: "component", type: Icon, selector: "mt-icon", inputs: ["icon"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.3", ngImport: i0, type: LookupMatrixField, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.8", ngImport: i0, type: LookupMatrixField, decorators: [{
             type: Component,
             args: [{ selector: 'mt-lookup-matrix-field', standalone: true, imports: [CommonModule, Tooltip, Icon], changeDetection: ChangeDetectionStrategy.OnPush, host: {
                         class: 'grid gap-2',
@@ -137,28 +137,28 @@ class SchemaConnectionField {
     // ============================================================================
     // Inputs
     // ============================================================================
-    label = input('', ...(ngDevMode ? [{ debugName: "label" }] : []));
-    placeholder = input('', ...(ngDevMode ? [{ debugName: "placeholder" }] : []));
-    readonly = input(false, ...(ngDevMode ? [{ debugName: "readonly" }] : []));
-    required = input(false, ...(ngDevMode ? [{ debugName: "required" }] : []));
-    filter = input(true, ...(ngDevMode ? [{ debugName: "filter" }] : []));
+    label = input('', ...(ngDevMode ? [{ debugName: "label" }] : /* istanbul ignore next */ []));
+    placeholder = input('', ...(ngDevMode ? [{ debugName: "placeholder" }] : /* istanbul ignore next */ []));
+    readonly = input(false, ...(ngDevMode ? [{ debugName: "readonly" }] : /* istanbul ignore next */ []));
+    required = input(false, ...(ngDevMode ? [{ debugName: "required" }] : /* istanbul ignore next */ []));
+    filter = input(true, ...(ngDevMode ? [{ debugName: "filter" }] : /* istanbul ignore next */ []));
     /**
      * Full connection configuration object from the API.
      * Includes `targetLevelId`, `sourceLevels[]`, `payloadTemplate`, etc.
      */
-    configuration = input.required(...(ngDevMode ? [{ debugName: "configuration" }] : []));
+    configuration = input.required(...(ngDevMode ? [{ debugName: "configuration" }] : /* istanbul ignore next */ []));
     /**
      * Optional HttpContext for API requests (e.g. to set base URL behavior).
      */
-    context = input(undefined, ...(ngDevMode ? [{ debugName: "context" }] : []));
+    context = input(undefined, ...(ngDevMode ? [{ debugName: "context" }] : /* istanbul ignore next */ []));
     // ============================================================================
     // Internal State
     // ============================================================================
     /** The full ConnectionPayload value */
-    value = signal(null, ...(ngDevMode ? [{ debugName: "value" }] : []));
-    disabled = signal(false, ...(ngDevMode ? [{ debugName: "disabled" }] : []));
+    value = signal(null, ...(ngDevMode ? [{ debugName: "value" }] : /* istanbul ignore next */ []));
+    disabled = signal(false, ...(ngDevMode ? [{ debugName: "disabled" }] : /* istanbul ignore next */ []));
     /** Per-source-level state: options + loading */
-    sourceLevelStates = signal([], ...(ngDevMode ? [{ debugName: "sourceLevelStates" }] : []));
+    sourceLevelStates = signal([], ...(ngDevMode ? [{ debugName: "sourceLevelStates" }] : /* istanbul ignore next */ []));
     /** Mutable selections per source level: sourceLevelId -> selected value */
     selections = {};
     requiredValidator = Validators.required;
@@ -172,7 +172,7 @@ class SchemaConnectionField {
      */
     sourceLevels = computed(() => {
         return this.configuration()?.sourceLevels ?? [];
-    }, ...(ngDevMode ? [{ debugName: "sourceLevels" }] : []));
+    }, ...(ngDevMode ? [{ debugName: "sourceLevels" }] : /* istanbul ignore next */ []));
     /**
      * Percentage width for each dropdown, evenly divided.
      */
@@ -181,7 +181,7 @@ class SchemaConnectionField {
         if (count <= 0)
             return '100%';
         return `${100 / count}%`;
-    }, ...(ngDevMode ? [{ debugName: "dropdownWidth" }] : []));
+    }, ...(ngDevMode ? [{ debugName: "dropdownWidth" }] : /* istanbul ignore next */ []));
     constructor() {
         this.ngControl = inject(NgControl, { self: true, optional: true });
         if (this.ngControl) {
@@ -348,10 +348,10 @@ class SchemaConnectionField {
     setDisabledState(disabled) {
         this.disabled.set(disabled);
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.3", ngImport: i0, type: SchemaConnectionField, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.0.3", type: SchemaConnectionField, isStandalone: true, selector: "mt-schema-connection-field", inputs: { label: { classPropertyName: "label", publicName: "label", isSignal: true, isRequired: false, transformFunction: null }, placeholder: { classPropertyName: "placeholder", publicName: "placeholder", isSignal: true, isRequired: false, transformFunction: null }, readonly: { classPropertyName: "readonly", publicName: "readonly", isSignal: true, isRequired: false, transformFunction: null }, required: { classPropertyName: "required", publicName: "required", isSignal: true, isRequired: false, transformFunction: null }, filter: { classPropertyName: "filter", publicName: "filter", isSignal: true, isRequired: false, transformFunction: null }, configuration: { classPropertyName: "configuration", publicName: "configuration", isSignal: true, isRequired: true, transformFunction: null }, context: { classPropertyName: "context", publicName: "context", isSignal: true, isRequired: false, transformFunction: null } }, host: { classAttribute: "grid gap-1" }, ngImport: i0, template: "<!-- @if (label()) {\r\n  <label\r\n    [class.required]=\"ngControl?.control?.hasValidator(requiredValidator)\"\r\n    [for]=\"ngControl?.name || label()\"\r\n  >\r\n    {{ label() }}\r\n  </label>\r\n} -->\r\n\r\n<div class=\"flex gap-4 w-full\">\r\n  @for (state of sourceLevelStates(); track getSourceId(state.source)) {\r\n    <div [style.width]=\"dropdownWidth()\" class=\"min-w-0\">\r\n      @if (sourceLevelStates().length > 1) {\r\n        <span class=\"text-sm text-muted-color mb-1 block truncate\">\r\n          {{\r\n            state.source.name?.en ||\r\n              state.source.levelKey ||\r\n              state.source.moduleKey\r\n          }}\r\n        </span>\r\n      }\r\n\r\n      @if (state.source.allowManyToMany) {\r\n        <mt-multi-select-field\r\n          [field]=\"false\"\r\n          [(ngModel)]=\"selections[getSourceId(state.source)]\"\r\n          (ngModelChange)=\"syncValue()\"\r\n          [options]=\"state.options\"\r\n          optionLabel=\"name\"\r\n          optionValue=\"id\"\r\n          [placeholder]=\"placeholder() || state.source.name?.en || 'Select...'\"\r\n          [readonly]=\"disabled() || readonly()\"\r\n          [filter]=\"filter()\"\r\n          [showClear]=\"true\"\r\n          display=\"chip\"\r\n        />\r\n      } @else {\r\n        <mt-select-field\r\n          [field]=\"false\"\r\n          [(ngModel)]=\"selections[getSourceId(state.source)]\"\r\n          (ngModelChange)=\"syncValue()\"\r\n          [options]=\"state.options\"\r\n          optionLabel=\"name\"\r\n          optionValue=\"id\"\r\n          [placeholder]=\"placeholder() || state.source.name?.en || 'Select...'\"\r\n          [readonly]=\"disabled() || readonly()\"\r\n          [filter]=\"filter()\"\r\n          [loading]=\"state.loading\"\r\n          [showClear]=\"true\"\r\n        />\r\n      }\r\n    </div>\r\n  }\r\n</div>\r\n\r\n<mt-field-validation [control]=\"ngControl?.control\"></mt-field-validation>\r\n", styles: [""], dependencies: [{ kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: SelectField, selector: "mt-select-field", inputs: ["field", "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"], 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", "optionGroupLabel", "optionGroupChildren", "optionIcon", "optionIconColor", "optionIconShape", "optionAvatarShape", "optionGroupIcon", "optionGroupIconColor", "optionGroupIconShape", "optionGroupAvatarShape"], outputs: ["onChange"] }, { kind: "component", type: FieldValidation, selector: "mt-field-validation", inputs: ["control", "touched"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.8", ngImport: i0, type: SchemaConnectionField, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.8", type: SchemaConnectionField, isStandalone: true, selector: "mt-schema-connection-field", inputs: { label: { classPropertyName: "label", publicName: "label", isSignal: true, isRequired: false, transformFunction: null }, placeholder: { classPropertyName: "placeholder", publicName: "placeholder", isSignal: true, isRequired: false, transformFunction: null }, readonly: { classPropertyName: "readonly", publicName: "readonly", isSignal: true, isRequired: false, transformFunction: null }, required: { classPropertyName: "required", publicName: "required", isSignal: true, isRequired: false, transformFunction: null }, filter: { classPropertyName: "filter", publicName: "filter", isSignal: true, isRequired: false, transformFunction: null }, configuration: { classPropertyName: "configuration", publicName: "configuration", isSignal: true, isRequired: true, transformFunction: null }, context: { classPropertyName: "context", publicName: "context", isSignal: true, isRequired: false, transformFunction: null } }, host: { classAttribute: "grid gap-1" }, ngImport: i0, template: "<!-- @if (label()) {\r\n  <label\r\n    [class.required]=\"ngControl?.control?.hasValidator(requiredValidator)\"\r\n    [for]=\"ngControl?.name || label()\"\r\n  >\r\n    {{ label() }}\r\n  </label>\r\n} -->\r\n\r\n<div class=\"flex gap-4 w-full\">\r\n  @for (state of sourceLevelStates(); track getSourceId(state.source)) {\r\n    <div [style.width]=\"dropdownWidth()\" class=\"min-w-0\">\r\n      @if (sourceLevelStates().length > 1) {\r\n        <span class=\"text-sm text-muted-color mb-1 block truncate\">\r\n          {{\r\n            state.source.name?.en ||\r\n              state.source.levelKey ||\r\n              state.source.moduleKey\r\n          }}\r\n        </span>\r\n      }\r\n\r\n      @if (state.source.allowManyToMany) {\r\n        <mt-multi-select-field\r\n          [field]=\"false\"\r\n          [(ngModel)]=\"selections[getSourceId(state.source)]\"\r\n          (ngModelChange)=\"syncValue()\"\r\n          [options]=\"state.options\"\r\n          optionLabel=\"name\"\r\n          optionValue=\"id\"\r\n          [placeholder]=\"placeholder() || state.source.name?.en || 'Select...'\"\r\n          [readonly]=\"disabled() || readonly()\"\r\n          [filter]=\"filter()\"\r\n          [showClear]=\"true\"\r\n          display=\"chip\"\r\n        />\r\n      } @else {\r\n        <mt-select-field\r\n          [field]=\"false\"\r\n          [(ngModel)]=\"selections[getSourceId(state.source)]\"\r\n          (ngModelChange)=\"syncValue()\"\r\n          [options]=\"state.options\"\r\n          optionLabel=\"name\"\r\n          optionValue=\"id\"\r\n          [placeholder]=\"placeholder() || state.source.name?.en || 'Select...'\"\r\n          [readonly]=\"disabled() || readonly()\"\r\n          [filter]=\"filter()\"\r\n          [loading]=\"state.loading\"\r\n          [showClear]=\"true\"\r\n        />\r\n      }\r\n    </div>\r\n  }\r\n</div>\r\n\r\n<mt-field-validation [control]=\"ngControl?.control\"></mt-field-validation>\r\n", styles: [""], dependencies: [{ kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: SelectField, selector: "mt-select-field", inputs: ["field", "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"], 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", "optionGroupLabel", "optionGroupChildren", "optionIcon", "optionIconColor", "optionIconShape", "optionAvatarShape", "optionGroupIcon", "optionGroupIconColor", "optionGroupIconShape", "optionGroupAvatarShape"], outputs: ["onChange"] }, { kind: "component", type: FieldValidation, selector: "mt-field-validation", inputs: ["control", "touched"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.3", ngImport: i0, type: SchemaConnectionField, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.8", ngImport: i0, type: SchemaConnectionField, decorators: [{
             type: Component,
             args: [{ selector: 'mt-schema-connection-field', standalone: true, imports: [FormsModule, SelectField, MultiSelectField, FieldValidation], changeDetection: ChangeDetectionStrategy.OnPush, host: {
                         class: 'grid gap-1',
@@ -374,31 +374,31 @@ class SchedulePredecessorField {
     predecessorCellTpl = viewChild.required('predecessorCellTpl');
     typeCellTpl = viewChild.required('typeCellTpl');
     lagCellTpl = viewChild.required('lagCellTpl');
-    label = input('', ...(ngDevMode ? [{ debugName: "label" }] : []));
-    placeholder = input('', ...(ngDevMode ? [{ debugName: "placeholder" }] : []));
-    readonly = input(false, ...(ngDevMode ? [{ debugName: "readonly" }] : []));
-    required = input(false, ...(ngDevMode ? [{ debugName: "required" }] : []));
-    configuration = input(null, ...(ngDevMode ? [{ debugName: "configuration" }] : []));
-    runtimeContext = input(null, ...(ngDevMode ? [{ debugName: "runtimeContext" }] : []));
-    loading = signal(false, ...(ngDevMode ? [{ debugName: "loading" }] : []));
-    taskOptions = signal([], ...(ngDevMode ? [{ debugName: "taskOptions" }] : []));
-    rows = signal([], ...(ngDevMode ? [{ debugName: "rows" }] : []));
-    disabled = signal(false, ...(ngDevMode ? [{ debugName: "disabled" }] : []));
+    label = input('', ...(ngDevMode ? [{ debugName: "label" }] : /* istanbul ignore next */ []));
+    placeholder = input('', ...(ngDevMode ? [{ debugName: "placeholder" }] : /* istanbul ignore next */ []));
+    readonly = input(false, ...(ngDevMode ? [{ debugName: "readonly" }] : /* istanbul ignore next */ []));
+    required = input(false, ...(ngDevMode ? [{ debugName: "required" }] : /* istanbul ignore next */ []));
+    configuration = input(null, ...(ngDevMode ? [{ debugName: "configuration" }] : /* istanbul ignore next */ []));
+    runtimeContext = input(null, ...(ngDevMode ? [{ debugName: "runtimeContext" }] : /* istanbul ignore next */ []));
+    loading = signal(false, ...(ngDevMode ? [{ debugName: "loading" }] : /* istanbul ignore next */ []));
+    taskOptions = signal([], ...(ngDevMode ? [{ debugName: "taskOptions" }] : /* istanbul ignore next */ []));
+    rows = signal([], ...(ngDevMode ? [{ debugName: "rows" }] : /* istanbul ignore next */ []));
+    disabled = signal(false, ...(ngDevMode ? [{ debugName: "disabled" }] : /* istanbul ignore next */ []));
     typeOptions = computed(() => [
         { label: 'FS', value: 0 },
         { label: 'SS', value: 1 },
         { label: 'FF', value: 2 },
         { label: 'SF', value: 3 },
-    ], ...(ngDevMode ? [{ debugName: "typeOptions" }] : []));
+    ], ...(ngDevMode ? [{ debugName: "typeOptions" }] : /* istanbul ignore next */ []));
     availableTaskOptions = computed(() => {
         const currentTaskId = this.runtimeContext()?.moduleDataId;
         return this.taskOptions().filter((item) => String(item.value) !== String(currentTaskId ?? ''));
-    }, ...(ngDevMode ? [{ debugName: "availableTaskOptions" }] : []));
+    }, ...(ngDevMode ? [{ debugName: "availableTaskOptions" }] : /* istanbul ignore next */ []));
     canAddRow = computed(() => !!this.runtimeContext()?.levelId &&
         !!this.runtimeContext()?.levelDataId &&
-        this.availableTaskOptions().length > 0, ...(ngDevMode ? [{ debugName: "canAddRow" }] : []));
-    addTooltip = computed(() => this.canAddRow() ? undefined : this.texts().noAvailable, ...(ngDevMode ? [{ debugName: "addTooltip" }] : []));
-    pageSize = computed(() => this.rows().length > 0 ? this.rows().length : 1, ...(ngDevMode ? [{ debugName: "pageSize" }] : []));
+        this.availableTaskOptions().length > 0, ...(ngDevMode ? [{ debugName: "canAddRow" }] : /* istanbul ignore next */ []));
+    addTooltip = computed(() => this.canAddRow() ? undefined : this.texts().noAvailable, ...(ngDevMode ? [{ debugName: "addTooltip" }] : /* istanbul ignore next */ []));
+    pageSize = computed(() => this.rows().length > 0 ? this.rows().length : 1, ...(ngDevMode ? [{ debugName: "pageSize" }] : /* istanbul ignore next */ []));
     columns = linkedSignal(() => [
         {
             key: 'predecessorId',
@@ -418,7 +418,7 @@ class SchedulePredecessorField {
             type: 'custom',
             customCellTpl: this.lagCellTpl(),
         },
-    ], ...(ngDevMode ? [{ debugName: "columns" }] : []));
+    ], ...(ngDevMode ? [{ debugName: "columns" }] : /* istanbul ignore next */ []));
     rowActions = computed(() => [
         {
             icon: 'general.trash-01',
@@ -428,7 +428,7 @@ class SchedulePredecessorField {
             hidden: () => this.disabled() || this.readonly(),
             action: (row) => this.removeRow(row.key),
         },
-    ], ...(ngDevMode ? [{ debugName: "rowActions" }] : []));
+    ], ...(ngDevMode ? [{ debugName: "rowActions" }] : /* istanbul ignore next */ []));
     requiredValidator = Validators.required;
     onTouched = () => { };
     onModelChange = () => { };
@@ -449,7 +449,7 @@ class SchedulePredecessorField {
             lagDays: this.transloco.translate('components.schedulePredecessorField.lagDays'),
             delete: this.transloco.translate('components.schedulePredecessorField.delete'),
         };
-    }, ...(ngDevMode ? [{ debugName: "texts" }] : []));
+    }, ...(ngDevMode ? [{ debugName: "texts" }] : /* istanbul ignore next */ []));
     constructor() {
         this.ngControl = inject(NgControl, { self: true, optional: true });
         if (this.ngControl) {
@@ -590,10 +590,10 @@ class SchedulePredecessorField {
         const lag = row.lagDays > 0 ? `+${row.lagDays}` : row.lagDays < 0 ? row.lagDays : '';
         return `${row.predecessorId}${PREDECESSOR_TOKEN_BY_TYPE[row.type]}${lag}`;
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.3", ngImport: i0, type: SchedulePredecessorField, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.0.3", type: SchedulePredecessorField, isStandalone: true, selector: "mt-schedule-predecessor-field", inputs: { label: { classPropertyName: "label", publicName: "label", isSignal: true, isRequired: false, transformFunction: null }, placeholder: { classPropertyName: "placeholder", publicName: "placeholder", isSignal: true, isRequired: false, transformFunction: null }, readonly: { classPropertyName: "readonly", publicName: "readonly", isSignal: true, isRequired: false, transformFunction: null }, required: { classPropertyName: "required", publicName: "required", isSignal: true, isRequired: false, transformFunction: null }, configuration: { classPropertyName: "configuration", publicName: "configuration", isSignal: true, isRequired: false, transformFunction: null }, runtimeContext: { classPropertyName: "runtimeContext", publicName: "runtimeContext", isSignal: true, isRequired: false, transformFunction: null } }, host: { classAttribute: "grid gap-1" }, viewQueries: [{ propertyName: "predecessorCellTpl", first: true, predicate: ["predecessorCellTpl"], descendants: true, isSignal: true }, { propertyName: "typeCellTpl", first: true, predicate: ["typeCellTpl"], descendants: true, isSignal: true }, { propertyName: "lagCellTpl", first: true, predicate: ["lagCellTpl"], descendants: true, isSignal: true }], ngImport: i0, template: "@if (label()) {\r\n  <label\r\n    [class.required]=\"ngControl?.control?.hasValidator(requiredValidator)\"\r\n    [for]=\"ngControl?.name || label()\"\r\n  >\r\n    {{ label() }}\r\n  </label>\r\n}\r\n\r\n<div class=\"grid gap-3\">\r\n  <div class=\"flex items-center justify-end\">\r\n    <mt-button\r\n      icon=\"general.plus\"\r\n      [label]=\"'components.schedulePredecessorField.add' | transloco\"\r\n      severity=\"secondary\"\r\n      variant=\"outlined\"\r\n      [disabled]=\"disabled() || readonly() || !canAddRow()\"\r\n      [tooltip]=\"addTooltip()\"\r\n      (onClick)=\"addRow()\"\r\n    />\r\n  </div>\r\n\r\n  <ng-template #predecessorCellTpl let-row>\r\n    <mt-select-field\r\n      [field]=\"false\"\r\n      [options]=\"availableTaskOptions()\"\r\n      optionLabel=\"label\"\r\n      optionValue=\"value\"\r\n      [placeholder]=\"\r\n        placeholder() ||\r\n        ('components.schedulePredecessorField.selectPredecessor' | transloco)\r\n      \"\r\n      [filter]=\"true\"\r\n      [showClear]=\"true\"\r\n      [loading]=\"loading()\"\r\n      [readonly]=\"disabled() || readonly()\"\r\n      [ngModel]=\"row.predecessorId || undefined\"\r\n      (onChange)=\"updateRow(row.key, { predecessorId: $event ?? '' })\"\r\n    />\r\n  </ng-template>\r\n\r\n  <ng-template #typeCellTpl let-row>\r\n    <mt-select-field\r\n      [field]=\"false\"\r\n      [options]=\"typeOptions()\"\r\n      optionLabel=\"label\"\r\n      optionValue=\"value\"\r\n      [readonly]=\"disabled() || readonly()\"\r\n      [ngModel]=\"row.type\"\r\n      (onChange)=\"updateRow(row.key, { type: $event ?? 0 })\"\r\n    />\r\n  </ng-template>\r\n\r\n  <ng-template #lagCellTpl let-row>\r\n    <mt-number-field\r\n      [field]=\"false\"\r\n      [useGrouping]=\"false\"\r\n      [placeholder]=\"'components.schedulePredecessorField.lagDays' | transloco\"\r\n      [readonly]=\"disabled() || readonly()\"\r\n      [ngModel]=\"row.lagDays\"\r\n      (ngModelChange)=\"updateRow(row.key, { lagDays: $event ?? 0 })\"\r\n    />\r\n  </ng-template>\r\n\r\n  <mt-table\r\n    [data]=\"rows()\"\r\n    [columns]=\"columns()\"\r\n    [rowActions]=\"rowActions()\"\r\n    [pageSize]=\"pageSize()\"\r\n    [generalSearch]=\"false\"\r\n    [showFilters]=\"false\"\r\n    [dataKey]=\"'key'\"\r\n    [loading]=\"loading()\"\r\n  >\r\n    <ng-template #empty>\r\n      <div\r\n        class=\"rounded-xl border border-dashed border-surface px-4 py-5 text-sm text-muted-color\"\r\n      >\r\n        {{ \"components.schedulePredecessorField.empty\" | transloco }}\r\n      </div>\r\n    </ng-template>\r\n  </mt-table>\r\n</div>\r\n\r\n<mt-field-validation [control]=\"ngControl?.control\"></mt-field-validation>\r\n", dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { 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: FieldValidation, selector: "mt-field-validation", inputs: ["control", "touched"] }, { kind: "component", type: NumberField, selector: "mt-number-field", inputs: ["field", "label", "placeholder", "class", "readonly", "pInputs", "format", "useGrouping", "maxFractionDigits", "min", "max", "required"] }, { kind: "component", type: SelectField, selector: "mt-select-field", inputs: ["field", "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"], outputs: ["onChange"] }, { kind: "component", type: Table, selector: "mt-table", inputs: ["filters", "data", "columns", "rowActions", "size", "showGridlines", "stripedRows", "selectableRows", "clickableRows", "generalSearch", "lazyLocalSearch", "showFilters", "loading", "updating", "lazy", "lazyLocalSort", "lazyTotalRecords", "reorderableColumns", "reorderableRows", "dataKey", "storageKey", "storageMode", "exportable", "exportFilename", "actionShape", "tabs", "tabsOptionLabel", "tabsOptionValue", "activeTab", "actions", "paginatorPosition", "rowsPerPageOptions", "pageSize", "currentPage", "first", "filterTerm"], outputs: ["selectionChange", "cellChange", "lazyLoad", "columnReorder", "rowReorder", "rowClick", "filtersChange", "activeTabChange", "onTabChange", "pageSizeChange", "currentPageChange", "firstChange", "filterTermChange"] }, { kind: "ngmodule", type: TranslocoModule }, { kind: "pipe", type: i2.TranslocoPipe, name: "transloco" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.8", ngImport: i0, type: SchedulePredecessorField, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.8", type: SchedulePredecessorField, isStandalone: true, selector: "mt-schedule-predecessor-field", inputs: { label: { classPropertyName: "label", publicName: "label", isSignal: true, isRequired: false, transformFunction: null }, placeholder: { classPropertyName: "placeholder", publicName: "placeholder", isSignal: true, isRequired: false, transformFunction: null }, readonly: { classPropertyName: "readonly", publicName: "readonly", isSignal: true, isRequired: false, transformFunction: null }, required: { classPropertyName: "required", publicName: "required", isSignal: true, isRequired: false, transformFunction: null }, configuration: { classPropertyName: "configuration", publicName: "configuration", isSignal: true, isRequired: false, transformFunction: null }, runtimeContext: { classPropertyName: "runtimeContext", publicName: "runtimeContext", isSignal: true, isRequired: false, transformFunction: null } }, host: { classAttribute: "grid gap-1" }, viewQueries: [{ propertyName: "predecessorCellTpl", first: true, predicate: ["predecessorCellTpl"], descendants: true, isSignal: true }, { propertyName: "typeCellTpl", first: true, predicate: ["typeCellTpl"], descendants: true, isSignal: true }, { propertyName: "lagCellTpl", first: true, predicate: ["lagCellTpl"], descendants: true, isSignal: true }], ngImport: i0, template: "@if (label()) {\r\n  <label\r\n    [class.required]=\"ngControl?.control?.hasValidator(requiredValidator)\"\r\n    [for]=\"ngControl?.name || label()\"\r\n  >\r\n    {{ label() }}\r\n  </label>\r\n}\r\n\r\n<div class=\"grid gap-3\">\r\n  <div class=\"flex items-center justify-end\">\r\n    <mt-button\r\n      icon=\"general.plus\"\r\n      [label]=\"'components.schedulePredecessorField.add' | transloco\"\r\n      severity=\"secondary\"\r\n      variant=\"outlined\"\r\n      [disabled]=\"disabled() || readonly() || !canAddRow()\"\r\n      [tooltip]=\"addTooltip()\"\r\n      (onClick)=\"addRow()\"\r\n    />\r\n  </div>\r\n\r\n  <ng-template #predecessorCellTpl let-row>\r\n    <mt-select-field\r\n      [field]=\"false\"\r\n      [options]=\"availableTaskOptions()\"\r\n      optionLabel=\"label\"\r\n      optionValue=\"value\"\r\n      [placeholder]=\"\r\n        placeholder() ||\r\n        ('components.schedulePredecessorField.selectPredecessor' | transloco)\r\n      \"\r\n      [filter]=\"true\"\r\n      [showClear]=\"true\"\r\n      [loading]=\"loading()\"\r\n      [readonly]=\"disabled() || readonly()\"\r\n      [ngModel]=\"row.predecessorId || undefined\"\r\n      (onChange)=\"updateRow(row.key, { predecessorId: $event ?? '' })\"\r\n    />\r\n  </ng-template>\r\n\r\n  <ng-template #typeCellTpl let-row>\r\n    <mt-select-field\r\n      [field]=\"false\"\r\n      [options]=\"typeOptions()\"\r\n      optionLabel=\"label\"\r\n      optionValue=\"value\"\r\n      [readonly]=\"disabled() || readonly()\"\r\n      [ngModel]=\"row.type\"\r\n      (onChange)=\"updateRow(row.key, { type: $event ?? 0 })\"\r\n    />\r\n  </ng-template>\r\n\r\n  <ng-template #lagCellTpl let-row>\r\n    <mt-number-field\r\n      [field]=\"false\"\r\n      [useGrouping]=\"false\"\r\n      [placeholder]=\"'components.schedulePredecessorField.lagDays' | transloco\"\r\n      [readonly]=\"disabled() || readonly()\"\r\n      [ngModel]=\"row.lagDays\"\r\n      (ngModelChange)=\"updateRow(row.key, { lagDays: $event ?? 0 })\"\r\n    />\r\n  </ng-template>\r\n\r\n  <mt-table\r\n    [data]=\"rows()\"\r\n    [columns]=\"columns()\"\r\n    [rowActions]=\"rowActions()\"\r\n    [pageSize]=\"pageSize()\"\r\n    [generalSearch]=\"false\"\r\n    [showFilters]=\"false\"\r\n    [dataKey]=\"'key'\"\r\n    [loading]=\"loading()\"\r\n  >\r\n    <ng-template #empty>\r\n      <div\r\n        class=\"rounded-xl border border-dashed border-surface px-4 py-5 text-sm text-muted-color\"\r\n      >\r\n        {{ \"components.schedulePredecessorField.empty\" | transloco }}\r\n      </div>\r\n    </ng-template>\r\n  </mt-table>\r\n</div>\r\n\r\n<mt-field-validation [control]=\"ngControl?.control\"></mt-field-validation>\r\n", dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { 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: FieldValidation, selector: "mt-field-validation", inputs: ["control", "touched"] }, { kind: "component", type: NumberField, selector: "mt-number-field", inputs: ["field", "label", "placeholder", "class", "readonly", "pInputs", "format", "useGrouping", "maxFractionDigits", "min", "max", "required"] }, { kind: "component", type: SelectField, selector: "mt-select-field", inputs: ["field", "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"], outputs: ["onChange"] }, { kind: "component", type: Table, selector: "mt-table", inputs: ["filters", "data", "columns", "rowActions", "size", "showGridlines", "stripedRows", "selectableRows", "clickableRows", "generalSearch", "lazyLocalSearch", "showFilters", "loading", "updating", "lazy", "lazyLocalSort", "lazyTotalRecords", "reorderableColumns", "reorderableRows", "dataKey", "storageKey", "storageMode", "exportable", "exportFilename", "actionShape", "tabs", "tabsOptionLabel", "tabsOptionValue", "activeTab", "actions", "paginatorPosition", "rowsPerPageOptions", "pageSize", "currentPage", "first", "filterTerm"], outputs: ["selectionChange", "cellChange", "lazyLoad", "columnReorder", "rowReorder", "rowClick", "filtersChange", "activeTabChange", "onTabChange", "pageSizeChange", "currentPageChange", "firstChange", "filterTermChange"] }, { kind: "ngmodule", type: TranslocoModule }, { kind: "pipe", type: i2.TranslocoPipe, name: "transloco" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.3", ngImport: i0, type: SchedulePredecessorField, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.8", ngImport: i0, type: SchedulePredecessorField, decorators: [{
             type: Component,
             args: [{ selector: 'mt-schedule-predecessor-field', standalone: true, imports: [
                         CommonModule,