@alfresco/adf-core 8.4.0-19170451716 → 8.4.0-19262179724

package/fesm2022/adf-core.mjs

@@ -20539,6 +20539,10 @@ class FormFieldModel extends FormWidgetModel {
     }
     set readOnly(readOnly) {
         this._readOnly = readOnly;
+        if (this.type === FormFieldTypes.REPEATABLE_SECTION) {
+            this.updateRepeatableSectionReadOnlyState(readOnly);
+            return;
+        }
         this.updateForm();
     }
     get required() {
@@ -20717,7 +20721,7 @@ class FormFieldModel extends FormWidgetModel {
                 return;
             }
             const col = new ContainerColumnModel();
-            col.fields = (fields[currentField] || []).map((field) => new FormFieldModel(form, field));
+            col.fields = (fields[currentField] || []).map((field) => new FormFieldModel(form, field, this.setupParentConfig(field)));
             col.rowspan = fields[currentField].length;
             if (!FormFieldTypes.isSectionType(this.type)) {
                 this.updateContainerColspan(col.fields);
@@ -20726,6 +20730,16 @@ class FormFieldModel extends FormWidgetModel {
             this.columns.push(col);
         });
     }
+    setupParentConfig(field) {
+        if (this.parent) {
+            return {
+                ...this.parent,
+                uid: this.getUniqueId(field, this.parent.uid.split(ROW_ID_PREFIX)[1]),
+                value: this.parent.value?.[field.id]
+            };
+        }
+        return undefined;
+    }
     repeatableSectionFactory(json, form) {
         const { numberOfColumns = 1, params, value, fields = {} } = json;
         this.numberOfColumns = numberOfColumns;
@@ -20733,20 +20747,20 @@ class FormFieldModel extends FormWidgetModel {
         this.rowspan = 1;
         this.colspan = 1;
         this.rows = [];
-        for (let i = 0; i < this.getNumberOfRows(params.initialNumberOfRows, params.newRowsLimit, value); i++) {
+        for (let i = 0; i < this.getNumberOfRows(params.initialNumberOfRows, params.maxNumberOfRows, value); i++) {
             this.rows.push(this.createRow(fields, form, i, value?.[i], i < params?.initialNumberOfRows));
         }
         this.columns = this.rows[0].columns;
     }
-    getNumberOfRows(initialNrRows = 1, rowsLimit, value) {
-        return value?.length && !!rowsLimit ? Math.min(value?.length, initialNrRows + rowsLimit) : (value?.length ?? initialNrRows);
+    getNumberOfRows(initialNrRows = 1, maxNrRows, value) {
+        return value?.length ? (maxNrRows ? Math.min(value.length, maxNrRows) : value.length) : initialNrRows;
     }
     createRow(fields, form, index, value, isInitial = false) {
         const row = new ContainerRowModel(isInitial);
-        row.columns.push(...this.createColumns(fields, form, index, value));
+        row.columns.push(...this.createColumns(fields, form, row.id, index, value));
         return row;
     }
-    createColumns(fields, form, index, value) {
+    createColumns(fields, form, rowId, index, value) {
         const columns = [];
         Object.keys(fields).forEach((currentField) => {
             if (!Object.prototype.hasOwnProperty.call(fields, currentField)) {
@@ -20755,10 +20769,10 @@ class FormFieldModel extends FormWidgetModel {
             const col = new ContainerColumnModel();
             col.fields = (fields[currentField] || []).map((field) => new FormFieldModel(form, field, {
                 id: this.id,
-                uid: this.getUniqueId(field),
+                uid: this.getUniqueId(field, rowId),
                 fields: this.fields,
                 rowIndex: index ?? 0,
-                value: value?.[field.id]
+                value: field.type === FormFieldTypes.SECTION ? value : value?.[field.id]
             }));
             col.rowspan = fields[currentField].length;
             if (!FormFieldTypes.isSectionType(this.type)) {
@@ -20769,8 +20783,30 @@ class FormFieldModel extends FormWidgetModel {
         });
         return columns;
     }
-    getUniqueId(field) {
-        return field.id + ROW_ID_PREFIX + window.crypto.getRandomValues(new Uint32Array(1))[0].toString();
+    updateRepeatableSectionReadOnlyState(state) {
+        for (const row of this.rows) {
+            for (const column of row.columns) {
+                for (const field of column.fields) {
+                    if (field.type === FormFieldTypes.SECTION) {
+                        this.updateInnerSectionReadOnlyState(field, state);
+                    }
+                    field.readOnly = this.getRepeatableSectionFieldReadOnlyState(field, state);
+                }
+            }
+        }
+    }
+    updateInnerSectionReadOnlyState(section, state) {
+        for (const column of section.columns) {
+            for (const field of column.fields) {
+                field.readOnly = this.getRepeatableSectionFieldReadOnlyState(field, state);
+            }
+        }
+    }
+    getRepeatableSectionFieldReadOnlyState(field, state) {
+        return state || field.json.readOnly;
+    }
+    getUniqueId(field, rowId) {
+        return field.id + ROW_ID_PREFIX + rowId;
     }
     updateChildrenFieldsRowIndex() {
         this.rows.forEach((row, index) => {
@@ -20783,10 +20819,19 @@ class FormFieldModel extends FormWidgetModel {
     }
     createInitialValue(fields) {
         return Object.keys(fields)
-            .map((currentField) => (fields[currentField] || []).map((field) => field.id))
-            .flat(1)
+            .map((currentField) => (fields[currentField] || []).map((field) => this.getFieldId(field)))
+            .flat(2)
             .reduce((acc, curr) => ((acc[curr] = null), acc), {});
     }
+    getFieldId(field) {
+        if (field.type === FormFieldTypes.SECTION) {
+            const fields = field.fields;
+            return Object.keys(fields)
+                .map((currentField) => (fields[currentField] || []).map((e) => e.id))
+                .flat(1);
+        }
+        return field.id;
+    }
     updateContainerColspan(fields) {
         fields.forEach((colField) => {
             this.colspan = Math.max(this.colspan, colField.colspan);
@@ -20799,7 +20844,7 @@ class FormFieldModel extends FormWidgetModel {
         this.rows.push(this.createRow(fields, form, this.rows.length));
     }
     shouldAddRow() {
-        return !this.params.newRowsLimit || this.rows.length < this.params.initialNumberOfRows + this.params.newRowsLimit;
+        return !this.params.maxNumberOfRows || this.rows.length < this.params.maxNumberOfRows;
     }
     removeRow(index) {
         if (!this.shouldRemoveRow(index)) {
@@ -20883,7 +20928,7 @@ class FormFieldModel extends FormWidgetModel {
             return value;
         }
         if (this.isCheckboxField(json)) {
-            return json.value === 'true' || json.value === true;
+            return json.value === 'true' || json.value === true || initialValue === true || initialValue === 'true';
         }
         return value;
     }
@@ -20891,73 +20936,64 @@ class FormFieldModel extends FormWidgetModel {
         if (!this.form) {
             return;
         }
+        const formValue = this.getFormValue();
         if (this.parent) {
-            this.updateRepeatableSectionValue();
-            return;
+            this.updateRepeatableSectionValue(formValue);
         }
+        else {
+            this.updateValue(formValue);
+        }
+        this.form.onFormFieldChanged(this);
+    }
+    getFormValue() {
         switch (this.type) {
             case FormFieldTypes.DROPDOWN: {
                 if (!this.value) {
-                    this.form.values[this.id] = null;
-                    break;
+                    return null;
                 }
                 /*
                  This is needed due to Activiti reading dropdown values as string
                  but saving back as object: { id: <id>, name: <name> }
                  */
                 if (Array.isArray(this.value)) {
-                    this.form.values[this.id] = this.value;
-                    break;
+                    return this.value;
                 }
                 if (typeof this.value === 'string') {
                     if (this.value === 'empty' || this.value === '') {
-                        this.form.values[this.id] = null;
-                        break;
+                        return null;
                     }
                     const matchingOption = this.options.find((opt) => opt.id === this.value);
-                    this.form.values[this.id] = matchingOption || null;
+                    return matchingOption || null;
                 }
                 if (typeof this.value === 'object') {
                     if (this.value.id === 'empty' || this.value.id === '') {
-                        this.form.values[this.id] = null;
-                        break;
+                        return null;
                     }
                     const matchingOption = this.options.find((opt) => opt.id === this.value.id);
-                    this.form.values[this.id] = matchingOption;
+                    return matchingOption;
                 }
-                break;
+                return null;
             }
             case FormFieldTypes.RADIO_BUTTONS: {
                 const radioButton = this.options.find((opt) => opt.id === this.value);
                 if (this.optionType === 'rest') {
-                    this.form.values[this.id] = radioButton
-                        ? { ...radioButton, options: this.options }
-                        : { id: null, name: null, options: this.options };
-                }
-                else {
-                    this.form.values[this.id] = radioButton ? { ...radioButton } : null;
+                    return radioButton ? { ...radioButton, options: this.options } : { id: null, name: null, options: this.options };
                 }
-                break;
+                return radioButton ? { ...radioButton } : null;
             }
             case FormFieldTypes.UPLOAD: {
                 this.form.hasUpload = true;
                 if (this.value && this.value.length > 0) {
-                    this.form.values[this.id] = Array.isArray(this.value) ? this.value.map((elem) => elem.id).join(',') : [this.value];
-                }
-                else {
-                    this.form.values[this.id] = null;
+                    return Array.isArray(this.value) ? this.value.map((elem) => elem.id).join(',') : [this.value];
                 }
-                break;
+                return null;
             }
             case FormFieldTypes.TYPEAHEAD: {
                 const typeAheadEntry = this.options.filter((opt) => opt.id === this.value || opt.name === this.value);
                 if (typeAheadEntry.length > 0) {
-                    this.form.values[this.id] = typeAheadEntry[0];
-                }
-                else if (this.options.length > 0) {
-                    this.form.values[this.id] = null;
+                    return typeAheadEntry[0];
                 }
-                break;
+                return null;
             }
             case FormFieldTypes.DATE: {
                 if (typeof this.value === 'string' && this.value === 'today') {
@@ -20972,13 +21008,10 @@ class FormFieldModel extends FormWidgetModel {
                 }
                 if (isValid(dateValue)) {
                     const datePart = DateFnsUtils.formatDate(dateValue, 'yyyy-MM-dd');
-                    this.form.values[this.id] = `${datePart}T00:00:00.000Z`;
+                    return `${datePart}T00:00:00.000Z`;
                 }
-                else {
-                    this.form.values[this.id] = null;
-                    this._value = this.value;
-                }
-                break;
+                this._value = this.value;
+                return null;
             }
             case FormFieldTypes.DATETIME: {
                 if (typeof this.value === 'string' && this.value === 'now') {
@@ -20986,62 +21019,60 @@ class FormFieldModel extends FormWidgetModel {
                 }
                 const dateTimeValue = this.value !== null ? DateFnsUtils.getDate(this.value) : null;
                 if (isValid(dateTimeValue)) {
-                    this.form.values[this.id] = dateTimeValue.toISOString();
-                }
-                else {
-                    this.form.values[this.id] = null;
-                    this._value = this.value;
+                    return dateTimeValue.toISOString();
                 }
-                break;
+                this._value = this.value;
+                return null;
             }
             case FormFieldTypes.NUMBER: {
-                this.form.values[this.id] = this.enableFractions ? parseFloat(this.value) : parseInt(this.value, 10);
-                break;
+                return this.enableFractions ? parseFloat(this.value) : parseInt(this.value, 10);
             }
             case FormFieldTypes.AMOUNT: {
-                this.form.values[this.id] = this.enableFractions ? parseFloat(this.value) : parseInt(this.value, 10);
-                break;
+                return this.enableFractions ? parseFloat(this.value) : parseInt(this.value, 10);
             }
             case FormFieldTypes.DECIMAL: {
-                this.form.values[this.id] = parseFloat(this.value);
-                break;
+                return parseFloat(this.value);
             }
             case FormFieldTypes.BOOLEAN: {
-                this.form.values[this.id] = this.value !== null && this.value !== undefined ? this.value : false;
-                break;
+                return this.value !== null && this.value !== undefined ? this.value : false;
             }
             case FormFieldTypes.PEOPLE: {
-                this.form.values[this.id] = this.value ? this.value : null;
-                break;
+                return this.value ? this.value : null;
             }
             case FormFieldTypes.FUNCTIONAL_GROUP: {
-                this.form.values[this.id] = this.value ? this.value : null;
-                break;
+                return this.value ? this.value : null;
             }
             case FormFieldTypes.REPEATABLE_SECTION: {
-                this.form.values[this.id] = this.value ? this.value : [];
                 this.repeatableSectionFactory({
                     ...this.json,
                     value: this.value
                 }, this.form);
-                break;
+                return this.value ? this.value : this.form.values[this.id];
             }
             default:
                 if (this.shouldUpdateFormValues(this.type)) {
-                    this.form.values[this.id] = this.value;
+                    return this.value;
                 }
+                return undefined;
         }
-        this.form.onFormFieldChanged(this);
     }
-    updateRepeatableSectionValue() {
+    updateValue(value) {
+        if (value === undefined) {
+            return;
+        }
+        this.form.values[this.id] = value;
+    }
+    updateRepeatableSectionValue(value) {
+        if (this.type === FormFieldTypes.SECTION) {
+            return;
+        }
         if (!this.form.values[this.parent.id]) {
             this.form.values[this.parent.id] = [];
         }
         if (!this.form.values[this.parent.id][this.parent.rowIndex]) {
             this.form.values[this.parent.id][this.parent.rowIndex] = this.createInitialValue(this.parent.fields);
         }
-        this.form.values[this.parent.id][this.parent.rowIndex][this.id.split(ROW_ID_PREFIX)[0]] = this.value;
-        this.form.onFormFieldChanged(this);
+        this.form.values[this.parent.id][this.parent.rowIndex][this.id.split(ROW_ID_PREFIX)[0]] = value;
     }
     /**
      * Check if the field type is invalid, requires a type to be a `container`
@@ -24146,17 +24177,12 @@ class RepeatWidgetComponent {
     addRow() {
         this.element.field.addRow(this.element.json.fields, this.element.form);
     }
-    getAddedRowsCount() {
-        return this.element.json.params.allowInitialRowsDelete
-            ? this.element.field.rows.length - this.element.json.params.initialNumberOfRows
-            : this.element.field.rows.filter((row) => !row.isInitial).length;
-    }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.6", ngImport: i0, type: RepeatWidgetComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.6", type: RepeatWidgetComponent, isStandalone: true, selector: "adf-repeat-widget", inputs: { element: "element", isEditor: "isEditor" }, ngImport: i0, template: "<div [style]=\"element | adfFieldStyle\" class=\"adf-container-widget-repeat\">\n    <h4\n        id=\"container-repeat\"\n        class=\"adf-container-widget-repeat__text\"\n    >\n        <span [id]=\"'container-repeat-label-' + element?.id\" role=\"button\" tabindex=\"0\">\n            {{ element.name | translate }}\n        </span>\n    </h4>\n\n    <ng-content />\n\n    @if (!isEditor) {\n        @let shouldDisplayAddRowButton = !element.field.params.newRowsLimit || (element.field.params.newRowsLimit > getAddedRowsCount());\n        @if (shouldDisplayAddRowButton) {\n            <button \n                mat-button\n                color=\"primary\"\n                class=\"adf-container-widget-row-action\"\n                (click)=\"addRow()\"\n            >\n                <mat-icon>add</mat-icon> {{ 'FORM.FIELD.REPEATABLE_SECTION.ADD_ROW' | translate }}\n            </button>\n        } @else {\n            @let rowLimit = element.field.params.initialNumberOfRows + (element.field.params.newRowsLimit ?? 0);\n            <span class=\"adf-container-widget-row-action adf-container-widget-row-limit\">{{ 'FORM.FIELD.REPEATABLE_SECTION.ROW_LIMIT_REACHED' | translate: { limit: rowLimit } }}</span>\n        }\n    }\n</div>\n", styles: [".adf-container-widget-repeat__text{border-bottom:1px solid rgba(0,0,0,.87);padding-bottom:10px;cursor:default;-webkit-user-select:none;user-select:none;font-size:var(--adf-header-font-size);font-weight:var(--adf-header-font-weight);color:var(--adf-header-color);line-height:normal}.adf-container-widget-repeat__text.adf-collapsible{cursor:pointer}.adf-container-widget-row-action{margin-left:10px}.adf-container-widget-row-limit{color:#000000ab;font-size:12px}\n"], dependencies: [{ kind: "pipe", type: FieldStylePipe, name: "adfFieldStyle" }, { kind: "ngmodule", type: MatIconModule }, { kind: "component", type: i1$3.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "ngmodule", type: MatButtonModule }, { kind: "component", type: i2$2.MatButton, selector: "    button[mat-button], button[mat-raised-button], button[mat-flat-button],    button[mat-stroked-button]  ", exportAs: ["matButton"] }, { kind: "pipe", type: TranslatePipe, name: "translate" }], encapsulation: i0.ViewEncapsulation.None }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.6", type: RepeatWidgetComponent, isStandalone: true, selector: "adf-repeat-widget", inputs: { element: "element", isEditor: "isEditor" }, ngImport: i0, template: "<div [style]=\"element | adfFieldStyle\" class=\"adf-container-widget-repeat\" [class.adf-readonly]=\"element.field.readOnly\">\n    <h4\n        id=\"container-repeat\"\n        class=\"adf-container-widget-repeat__text\"\n    >\n        <span [id]=\"'container-repeat-label-' + element?.id\" role=\"button\" tabindex=\"0\">\n            {{ element.name | translate }}\n        </span>\n    </h4>\n\n    <ng-content />\n\n    @if (!isEditor) {\n        @let shouldDisplayAddRowButton = !element.field.params.maxNumberOfRows || (element.field.params.maxNumberOfRows > element.field.rows.length);\n        @if (shouldDisplayAddRowButton) {\n            <button \n                mat-button\n                color=\"primary\"\n                class=\"adf-container-widget-row-action\"\n                [disabled]=\"element.field.readOnly\"\n                (click)=\"addRow()\"\n            >\n                <mat-icon>add</mat-icon> {{ 'FORM.FIELD.REPEATABLE_SECTION.ADD_ROW' | translate }}\n            </button>\n        } @else {\n            <span class=\"adf-container-widget-row-action adf-container-widget-row-limit\">{{ 'FORM.FIELD.REPEATABLE_SECTION.ROW_LIMIT_REACHED' | translate: { limit: element.field.params.maxNumberOfRows } }}</span>\n        }\n    }\n</div>\n", styles: [".adf-container-widget-repeat__text{border-bottom:1px solid rgba(0,0,0,.87);padding-bottom:10px;cursor:default;-webkit-user-select:none;user-select:none;font-size:var(--adf-header-font-size);font-weight:var(--adf-header-font-weight);color:var(--adf-header-color);line-height:normal}.adf-container-widget-row-action{margin-left:10px}.adf-container-widget-row-limit{color:#000000ab;font-size:12px}.adf-readonly .adf-container-widget-repeat__text{color:var(--mdc-text-button-disabled-label-text-color, color-mix(in srgb, var(--mat-sys-on-surface) 38%, transparent));border-bottom:1px solid var(--mdc-text-button-disabled-label-text-color, color-mix(in srgb, var(--mat-sys-on-surface) 38%, transparent));cursor:default}.adf-readonly .adf-container-widget-row-limit{color:var(--mdc-text-button-disabled-label-text-color, color-mix(in srgb, var(--mat-sys-on-surface) 38%, transparent));font-size:12px}\n"], dependencies: [{ kind: "pipe", type: FieldStylePipe, name: "adfFieldStyle" }, { kind: "ngmodule", type: MatIconModule }, { kind: "component", type: i1$3.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "ngmodule", type: MatButtonModule }, { kind: "component", type: i2$2.MatButton, selector: "    button[mat-button], button[mat-raised-button], button[mat-flat-button],    button[mat-stroked-button]  ", exportAs: ["matButton"] }, { kind: "pipe", type: TranslatePipe, name: "translate" }], encapsulation: i0.ViewEncapsulation.None }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.6", ngImport: i0, type: RepeatWidgetComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'adf-repeat-widget', encapsulation: ViewEncapsulation.None, imports: [FieldStylePipe, MatIconModule, MatButtonModule, TranslatePipe], template: "<div [style]=\"element | adfFieldStyle\" class=\"adf-container-widget-repeat\">\n    <h4\n        id=\"container-repeat\"\n        class=\"adf-container-widget-repeat__text\"\n    >\n        <span [id]=\"'container-repeat-label-' + element?.id\" role=\"button\" tabindex=\"0\">\n            {{ element.name | translate }}\n        </span>\n    </h4>\n\n    <ng-content />\n\n    @if (!isEditor) {\n        @let shouldDisplayAddRowButton = !element.field.params.newRowsLimit || (element.field.params.newRowsLimit > getAddedRowsCount());\n        @if (shouldDisplayAddRowButton) {\n            <button \n                mat-button\n                color=\"primary\"\n                class=\"adf-container-widget-row-action\"\n                (click)=\"addRow()\"\n            >\n                <mat-icon>add</mat-icon> {{ 'FORM.FIELD.REPEATABLE_SECTION.ADD_ROW' | translate }}\n            </button>\n        } @else {\n            @let rowLimit = element.field.params.initialNumberOfRows + (element.field.params.newRowsLimit ?? 0);\n            <span class=\"adf-container-widget-row-action adf-container-widget-row-limit\">{{ 'FORM.FIELD.REPEATABLE_SECTION.ROW_LIMIT_REACHED' | translate: { limit: rowLimit } }}</span>\n        }\n    }\n</div>\n", styles: [".adf-container-widget-repeat__text{border-bottom:1px solid rgba(0,0,0,.87);padding-bottom:10px;cursor:default;-webkit-user-select:none;user-select:none;font-size:var(--adf-header-font-size);font-weight:var(--adf-header-font-weight);color:var(--adf-header-color);line-height:normal}.adf-container-widget-repeat__text.adf-collapsible{cursor:pointer}.adf-container-widget-row-action{margin-left:10px}.adf-container-widget-row-limit{color:#000000ab;font-size:12px}\n"] }]
+            args: [{ selector: 'adf-repeat-widget', encapsulation: ViewEncapsulation.None, imports: [FieldStylePipe, MatIconModule, MatButtonModule, TranslatePipe], template: "<div [style]=\"element | adfFieldStyle\" class=\"adf-container-widget-repeat\" [class.adf-readonly]=\"element.field.readOnly\">\n    <h4\n        id=\"container-repeat\"\n        class=\"adf-container-widget-repeat__text\"\n    >\n        <span [id]=\"'container-repeat-label-' + element?.id\" role=\"button\" tabindex=\"0\">\n            {{ element.name | translate }}\n        </span>\n    </h4>\n\n    <ng-content />\n\n    @if (!isEditor) {\n        @let shouldDisplayAddRowButton = !element.field.params.maxNumberOfRows || (element.field.params.maxNumberOfRows > element.field.rows.length);\n        @if (shouldDisplayAddRowButton) {\n            <button \n                mat-button\n                color=\"primary\"\n                class=\"adf-container-widget-row-action\"\n                [disabled]=\"element.field.readOnly\"\n                (click)=\"addRow()\"\n            >\n                <mat-icon>add</mat-icon> {{ 'FORM.FIELD.REPEATABLE_SECTION.ADD_ROW' | translate }}\n            </button>\n        } @else {\n            <span class=\"adf-container-widget-row-action adf-container-widget-row-limit\">{{ 'FORM.FIELD.REPEATABLE_SECTION.ROW_LIMIT_REACHED' | translate: { limit: element.field.params.maxNumberOfRows } }}</span>\n        }\n    }\n</div>\n", styles: [".adf-container-widget-repeat__text{border-bottom:1px solid rgba(0,0,0,.87);padding-bottom:10px;cursor:default;-webkit-user-select:none;user-select:none;font-size:var(--adf-header-font-size);font-weight:var(--adf-header-font-weight);color:var(--adf-header-color);line-height:normal}.adf-container-widget-row-action{margin-left:10px}.adf-container-widget-row-limit{color:#000000ab;font-size:12px}.adf-readonly .adf-container-widget-repeat__text{color:var(--mdc-text-button-disabled-label-text-color, color-mix(in srgb, var(--mat-sys-on-surface) 38%, transparent));border-bottom:1px solid var(--mdc-text-button-disabled-label-text-color, color-mix(in srgb, var(--mat-sys-on-surface) 38%, transparent));cursor:default}.adf-readonly .adf-container-widget-row-limit{color:var(--mdc-text-button-disabled-label-text-color, color-mix(in srgb, var(--mat-sys-on-surface) 38%, transparent));font-size:12px}\n"] }]
         }], propDecorators: { element: [{
                 type: Input
             }], isEditor: [{
@@ -25339,7 +25365,7 @@ class FormRendererComponent {
                 useClass: DecimalRenderMiddlewareService,
                 multi: true
             }
-        ], ngImport: i0, template: "<div id=\"adf-form-renderer\" class=\"{{ formDefinition.className }} adf-form-renderer\"\n     [ngClass]=\"{ 'adf-readonly-form': formDefinition.readOnly }\">\n    <div *ngIf=\"formDefinition.hasTabs()\">\n        <div *ngIf=\"hasTabs()\" class=\"alfresco-tabs-widget\">\n            <mat-tab-group [preserveContent]=\"true\">\n                <mat-tab *ngFor=\"let tab of visibleTabs()\" [label]=\"tab.title | translate \">\n                    <ng-template matTabContent>\n                        <div class=\"adf-form-tab-content\">\n                            <ng-template *ngTemplateOutlet=\"render; context: { fieldToRender: tab.fields }\" />\n                        </div>\n                    </ng-template>\n                </mat-tab>\n            </mat-tab-group>\n        </div>\n    </div>\n\n    <div *ngIf=\"!formDefinition.hasTabs() && formDefinition.hasFields()\">\n        <ng-template *ngTemplateOutlet=\"render; context: { fieldToRender: formDefinition.fields }\" />\n    </div>\n</div>\n\n<ng-template #render let-fieldToRender=\"fieldToRender\">\n    <div *ngFor=\"let currentRootElement of fieldToRender\">\n        <div *ngIf=\"currentRootElement.type === 'section'\" [id]=\"'field-' + currentRootElement?.id + '-container'\" class=\"adf-container-widget\">\n            <adf-form-section [field]=\"currentRootElement\" />\n        </div>\n\n        <div *ngIf=\"currentRootElement.type === 'container' || currentRootElement.type === 'group'\"\n             [id]=\"'field-' + currentRootElement?.id + '-container'\"\n             class=\"adf-container-widget\"\n             [hidden]=\"!currentRootElement?.isVisible\">\n            <adf-header-widget [element]=\"currentRootElement\" />\n            <div *ngIf=\"currentRootElement?.form?.enableFixedSpace; else fixingTemplate\">\n                <div class=\"adf-grid-list\"\n                     [ngStyle]=\"{ 'grid-template-columns': 'repeat(' + getNumberOfColumns(currentRootElement) + ', 1fr)' }\"\n                     *ngIf=\"currentRootElement?.isExpanded\">\n                    <div class=\"adf-grid-list-item\"\n                         *ngFor=\"let field of getContainerFields(currentRootElement)\"\n                         [ngStyle]=\"{ 'grid-area': 'auto / auto / span ' + (field?.rowspan || 1) + ' / span ' + (field?.colspan || 1) }\">\n                        <adf-form-field *ngIf=\"field\" [field]=\"field\" />\n                    </div>\n                </div>\n            </div>\n\n            <ng-template #fixingTemplate>\n                <section class=\"adf-grid-list-column-view\" *ngIf=\"currentRootElement?.isExpanded\">\n                    <div class=\"adf-grid-list-single-column\"\n                         *ngFor=\"let column of currentRootElement?.columns\"\n                         [style.width.%]=\"getColumnWidth(currentRootElement)\"\n                    >\n                        <ng-container *ngFor=\"let field of column?.fields\">\n                            <ng-container *ngIf=\"field.type === 'section'; else formField\">\n                                <adf-form-section [field]=\"field\"/>\n                            </ng-container>\n                            <ng-template #formField>\n                                <div class=\"adf-grid-list-column-view-item\">\n                                    <adf-form-field [field]=\"field\"/>\n                                </div>\n                            </ng-template>\n                        </ng-container>\n                    </div>\n                </section>\n            </ng-template>\n\n            <ng-template #columnViewItem let-column=\"column\">\n                <div class=\"adf-grid-list-column-view-item\" *ngFor=\"let field of column?.fields\">\n                    <adf-form-field *ngIf=\"field\" [field]=\"field\" />\n                </div>\n            </ng-template>\n        </div>\n\n        @if (currentRootElement.type === 'repeatable-section') {\n            <div \n                [id]=\"'field-' + currentRootElement?.id + '-container'\"\n                class=\"adf-container-widget\"\n                [hidden]=\"!currentRootElement?.isVisible\"\n            >\n                <adf-repeat-widget [element]=\"currentRootElement\" [isEditor]=\"false\">\n                    @for (row of currentRootElement.field.rows; track row.id; let rowIndex = $index) {\n                        @let hasMultipleRows = currentRootElement.field.rows.length > 1;\n                        <div \n                            class=\"adf-grid-list-container\"\n                            [class.adf-grid-list-container-multiple]=\"hasMultipleRows\"\n                        >\n                            <h4 class=\"adf-grid-list-container-label\">{{ 'FORM.FORM_RENDERER.ROW_LABEL' | translate: {number: rowIndex + 1} }}</h4>\n                            <section  class=\"adf-grid-list-column-view\">\n                                @for (column of row.columns; track $index) {\n                                    <div \n                                        class=\"adf-grid-list-single-column\"\n                                        [style.width.%]=\"getColumnWidth(currentRootElement)\"\n                                    >\n                                        @for (field of column?.fields; track $index) {\n                                            @if (field.type === 'section') {\n                                                <adf-form-section [field]=\"field\"/>\n                                            } @else {\n                                                <div class=\"adf-grid-list-column-view-item\">\n                                                    <adf-form-field [field]=\"field\"/>\n                                                </div>\n                                            }\n                                        }\n                                    </div>\n                                }\n\n                                @let shouldDisplayRemoveRowButton = !currentRootElement.field.rows[rowIndex].isInitial || (currentRootElement.field.rows[rowIndex].isInitial && currentRootElement.field.params.allowInitialRowsDelete);\n                                @if (shouldDisplayRemoveRowButton) {\n                                    <button \n                                        mat-icon-button\n                                        class=\"adf-grid-list-remove-row-button\"\n                                        (click)=\"displayDialogToRemoveRow(currentRootElement.field, rowIndex)\"\n                                    >\n                                        <mat-icon>close</mat-icon>\n                                    </button>\n                                }\n                            </section>\n                        </div>\n                    }\n                </adf-repeat-widget>\n            </div>\n        }\n\n        <div *ngIf=\"currentRootElement.type === 'dynamic-table'\" class=\"adf-container-widget\">\n            <adf-form-field [field]=\"currentRootElement\" />\n        </div>\n\n        <div class=\"adf-container-widget\"\n             *ngIf=\"currentRootElement.type === 'readonly' && currentRootElement.field.params.field.type === 'dynamic-table'\">\n            <adf-form-field [field]=\"currentRootElement.field\"/>\n        </div>\n    </div>\n</ng-template>\n", styles: [".adf-hidden{display:none}.adf-field-list{padding:0;list-style-type:none;width:100%;height:100%}.adf-form-renderer .mat-mdc-form-field-infix{width:auto}.alfresco-tabs-widget{width:100%}.alfresco-tabs-widget .adf-form-tab-content{margin-top:1em}.alfresco-tabs-widget .adf-form-tab-group{width:100%}.alfresco-tabs-widget .mat-mdc-tab-body{margin-bottom:8em}@media (max-width: 959.9px){.alfresco-tabs-widget .mat-mdc-tab-body{margin-bottom:0}}.alfresco-tabs-widget .mat-mdc-tab-header{z-index:2;margin:0;background-color:#fff;position:absolute;width:98%;margin-left:0!important;margin-right:10px!important;top:0}.alfresco-tabs-widget .mat-mdc-tab-body-wrapper{padding-top:5%}.mat-mdc-card-content:first-child{padding-top:1em}.adf-container-widget .adf-grid-list{display:grid}.adf-container-widget .adf-grid-list-column-view{display:flex;margin-right:-1%;width:100%;gap:8px}@media (max-width: 959.9px){.adf-container-widget .adf-grid-list-column-view{display:flow}}.adf-container-widget .adf-grid-list-column-view-item{width:100%;box-sizing:border-box}.adf-container-widget .adf-grid-list-column-view .adf-radio-buttons-widget{padding-left:12px}.adf-container-widget .adf-grid-list-single-column{display:flex;flex-direction:column;flex:1 1 auto}.adf-container-widget .adf-grid-list-item{box-sizing:border-box;padding-left:3px;padding-right:3px}.adf-container-widget .adf-grid-list-remove-row-button{margin-top:20px}.adf-container-widget .adf-grid-list-remove-row-button .mat-icon{display:flex;justify-content:center;align-items:center;font-size:20px}.adf-container-widget .adf-grid-list-container{padding:0 10px}.adf-container-widget .adf-grid-list-container-label{margin:5px 0 5px -10px}.adf-container-widget .adf-grid-list-container-multiple{border-bottom:1px solid rgba(0,0,0,.54);margin-bottom:25px}@media (max-width: 959.9px){.adf-container-widget .adf-grid-list-item{flex:1 0 100%}.adf-container-widget .adf-grid-list--column-view{flex-direction:column}.adf-container-widget .adf-grid-list-single-column{display:block;width:90%!important}.adf-container-widget .adf-grid-list-column-view-item{flex:1 0 auto}}.adf-container-widget mat-input-placeholder{top:1.8em}.adf-container-widget .mat-focused{width:100%}.adf-container-widget .mat-focused .mdc-text-field--focused label{color:var(--theme-primary-color)}.adf-container-widget .mat-focused label{transition:transform .15s linear;background-color:.3s cubic-bezier(.55,0,.55,.2)}.adf-container-widget .mat-focused .mat-mdc-form-field-text-prefix{color:var(--theme-primary-color)}.adf-container-widget .mat-grid-tile{overflow:visible;width:80%}.adf-container-widget adf-form-field,.adf-container-widget mat-form-field{width:100%}.adf-form-container{max-width:100%;max-height:100%}.adf-form-container .mat-mdc-card{padding:16px 24px;overflow:hidden}.adf-form-container .mat-mdc-tab-header{position:fixed;z-index:1000}.adf-form-container .mat-mdc-card-header-text{margin:0}.adf-form-container .mat-mdc-card-content{overflow:hidden;padding-top:0}.adf-form-container mat-tab-label-text{font-size:var(--theme-subheading-2-font-size);line-height:var(--theme-headline-line-height);letter-spacing:-.4px;text-align:left;color:#0000008a;text-transform:uppercase}.adf-form-container .mdc-tab-indicator .mdc-tab-indicator__content--underline{border-top-width:4px}.adf-form-container .mat-mdc-text-field-wrapper{margin:0 12px 0 0}.adf-form-title{font-size:var(--theme-title-font-size);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.adf-form-reload-button{position:absolute;right:12px;top:30px}.adf-form-validation-button{position:absolute;right:50px;top:39px;color:var(--theme-accent-color)}.adf-form-validation-button .adf-invalid-color{color:var(--theme-warn-color)}.adf-form-hide-button{display:none}.adf-task-title{text-align:center}.adf-form-mat-card-actions{padding-bottom:25px;padding-right:25px}.adf-form-mat-card-actions .mat-mdc-button{height:36px;border-radius:5px;width:auto;padding:0 16px;margin:0 8px;white-space:nowrap}.adf-form-mat-card-actions .mdc-button__label{min-width:58px}.adf-left-label-input-container{display:flex}.adf-left-label-input-container div:nth-child(2){flex:1}.adf-left-label-input-container .mat-mdc-floating-label{top:auto;bottom:0}.adf-left-label{line-height:64px;margin-right:15px}.adf-error-messages-container{min-height:35px}.adf-error-messages-container-visible{visibility:visible}.adf-error-messages-container-hidden{visibility:hidden}form-field{width:100%}form-field .mat-mdc-input-element{font-size:var(--theme-body-2-font-size);padding-top:8px;line-height:normal}\n"], dependencies: [{ kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "ngmodule", type: MatTabsModule }, { kind: "directive", type: i2$7.MatTabContent, selector: "[matTabContent]" }, { kind: "component", type: i2$7.MatTab, selector: "mat-tab", inputs: ["disabled", "label", "aria-label", "aria-labelledby", "labelClass", "bodyClass", "id"], exportAs: ["matTab"] }, { kind: "component", type: i2$7.MatTabGroup, selector: "mat-tab-group", inputs: ["color", "fitInkBarToContent", "mat-stretch-tabs", "mat-align-tabs", "dynamicHeight", "selectedIndex", "headerPosition", "animationDuration", "contentTabIndex", "disablePagination", "disableRipple", "preserveContent", "backgroundColor", "aria-label", "aria-labelledby"], outputs: ["selectedIndexChange", "focusChange", "animationDone", "selectedTabChange"], exportAs: ["matTabGroup"] }, { kind: "directive", type: NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "pipe", type: TranslatePipe, name: "translate" }, { kind: "ngmodule", type: MatButtonModule }, { kind: "component", type: i2$2.MatIconButton, selector: "button[mat-icon-button]", exportAs: ["matButton"] }, { kind: "ngmodule", type: MatIconModule }, { kind: "component", type: i1$3.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "directive", type: NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "component", type: FormFieldComponent, selector: "adf-form-field", inputs: ["field"] }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "component", type: HeaderWidgetComponent, selector: "adf-header-widget", inputs: ["element"] }, { kind: "component", type: FormSectionComponent, selector: "adf-form-section", inputs: ["field"] }, { kind: "component", type: RepeatWidgetComponent, selector: "adf-repeat-widget", inputs: ["element", "isEditor"] }], encapsulation: i0.ViewEncapsulation.None }); }
+        ], ngImport: i0, template: "<div id=\"adf-form-renderer\" class=\"{{ formDefinition.className }} adf-form-renderer\"\n     [ngClass]=\"{ 'adf-readonly-form': formDefinition.readOnly }\">\n    <div *ngIf=\"formDefinition.hasTabs()\">\n        <div *ngIf=\"hasTabs()\" class=\"alfresco-tabs-widget\">\n            <mat-tab-group [preserveContent]=\"true\">\n                <mat-tab *ngFor=\"let tab of visibleTabs()\" [label]=\"tab.title | translate \">\n                    <ng-template matTabContent>\n                        <div class=\"adf-form-tab-content\">\n                            <ng-template *ngTemplateOutlet=\"render; context: { fieldToRender: tab.fields }\" />\n                        </div>\n                    </ng-template>\n                </mat-tab>\n            </mat-tab-group>\n        </div>\n    </div>\n\n    <div *ngIf=\"!formDefinition.hasTabs() && formDefinition.hasFields()\">\n        <ng-template *ngTemplateOutlet=\"render; context: { fieldToRender: formDefinition.fields }\" />\n    </div>\n</div>\n\n<ng-template #render let-fieldToRender=\"fieldToRender\">\n    <div *ngFor=\"let currentRootElement of fieldToRender\">\n        <div *ngIf=\"currentRootElement.type === 'section'\" [id]=\"'field-' + currentRootElement?.id + '-container'\" class=\"adf-container-widget\">\n            <adf-form-section [field]=\"currentRootElement\" />\n        </div>\n\n        <div *ngIf=\"currentRootElement.type === 'container' || currentRootElement.type === 'group'\"\n             [id]=\"'field-' + currentRootElement?.id + '-container'\"\n             class=\"adf-container-widget\"\n             [hidden]=\"!currentRootElement?.isVisible\">\n            <adf-header-widget [element]=\"currentRootElement\" />\n            <div *ngIf=\"currentRootElement?.form?.enableFixedSpace; else fixingTemplate\">\n                <div class=\"adf-grid-list\"\n                     [ngStyle]=\"{ 'grid-template-columns': 'repeat(' + getNumberOfColumns(currentRootElement) + ', 1fr)' }\"\n                     *ngIf=\"currentRootElement?.isExpanded\">\n                    <div class=\"adf-grid-list-item\"\n                         *ngFor=\"let field of getContainerFields(currentRootElement)\"\n                         [ngStyle]=\"{ 'grid-area': 'auto / auto / span ' + (field?.rowspan || 1) + ' / span ' + (field?.colspan || 1) }\">\n                        <adf-form-field *ngIf=\"field\" [field]=\"field\" />\n                    </div>\n                </div>\n            </div>\n\n            <ng-template #fixingTemplate>\n                <section class=\"adf-grid-list-column-view\" *ngIf=\"currentRootElement?.isExpanded\">\n                    <div class=\"adf-grid-list-single-column\"\n                         *ngFor=\"let column of currentRootElement?.columns\"\n                         [style.width.%]=\"getColumnWidth(currentRootElement)\"\n                    >\n                        <ng-container *ngFor=\"let field of column?.fields\">\n                            <ng-container *ngIf=\"field.type === 'section'; else formField\">\n                                <adf-form-section [field]=\"field\"/>\n                            </ng-container>\n                            <ng-template #formField>\n                                <div class=\"adf-grid-list-column-view-item\">\n                                    <adf-form-field [field]=\"field\"/>\n                                </div>\n                            </ng-template>\n                        </ng-container>\n                    </div>\n                </section>\n            </ng-template>\n\n            <ng-template #columnViewItem let-column=\"column\">\n                <div class=\"adf-grid-list-column-view-item\" *ngFor=\"let field of column?.fields\">\n                    <adf-form-field *ngIf=\"field\" [field]=\"field\" />\n                </div>\n            </ng-template>\n        </div>\n\n        @if (currentRootElement.type === 'repeatable-section') {\n            <div \n                [id]=\"'field-' + currentRootElement?.id + '-container'\"\n                class=\"adf-container-widget\"\n                [hidden]=\"!currentRootElement?.isVisible\"\n            >\n                <adf-repeat-widget [element]=\"currentRootElement\" [isEditor]=\"false\">\n                    @for (row of currentRootElement.field.rows; track row.id; let rowIndex = $index) {\n                        @let hasMultipleRows = currentRootElement.field.rows.length > 1;\n                        <div \n                            class=\"adf-grid-list-container\"\n                            [class.adf-grid-list-container-multiple]=\"hasMultipleRows\"\n                            [class.adf-grid-list-container-disabled]=\"currentRootElement.field.readOnly\"\n                        >   \n                            <div class=\"adf-grid-list-row\">\n                                <span  class=\"adf-grid-list-row-label\">{{ 'FORM.FORM_RENDERER.ROW_LABEL' | translate: {number: rowIndex + 1} }}</span>\n\n                                @let shouldDisplayRemoveRowButton = !currentRootElement.field.rows[rowIndex].isInitial || (currentRootElement.field.rows[rowIndex].isInitial && currentRootElement.field.params.allowInitialRowsDelete);\n                                @if (shouldDisplayRemoveRowButton) {\n                                    <button \n                                        mat-icon-button\n                                        class=\"adf-grid-list-row-remove-button\"\n                                        [disabled]=\"currentRootElement.field.readOnly\"\n                                        [matTooltip]=\"'FORM.FORM_RENDERER.DELETE_ROW' | translate\"\n                                        (click)=\"displayDialogToRemoveRow(currentRootElement.field, rowIndex)\"\n                                    >\n                                        <mat-icon>close</mat-icon>\n                                    </button>\n                                }\n                            </div>\n                            <section  class=\"adf-grid-list-column-view\">\n                                @for (column of row.columns; track $index) {\n                                    <div \n                                        class=\"adf-grid-list-single-column\"\n                                        [style.width.%]=\"getColumnWidth(currentRootElement)\"\n                                    >\n                                        @for (field of column?.fields; track $index) {\n                                            @if (field.type === 'section') {\n                                                <adf-form-section [field]=\"field\"/>\n                                            } @else {\n                                                <div class=\"adf-grid-list-column-view-item\">\n                                                    <adf-form-field [field]=\"field\"/>\n                                                </div>\n                                            }\n                                        }\n                                    </div>\n                                }\n                            </section>\n                        </div>\n                    }\n                </adf-repeat-widget>\n            </div>\n        }\n\n        <div *ngIf=\"currentRootElement.type === 'dynamic-table'\" class=\"adf-container-widget\">\n            <adf-form-field [field]=\"currentRootElement\" />\n        </div>\n\n        <div class=\"adf-container-widget\"\n             *ngIf=\"currentRootElement.type === 'readonly' && currentRootElement.field.params.field.type === 'dynamic-table'\">\n            <adf-form-field [field]=\"currentRootElement.field\"/>\n        </div>\n    </div>\n</ng-template>\n", styles: [".adf-hidden{display:none}.adf-field-list{padding:0;list-style-type:none;width:100%;height:100%}.adf-form-renderer .mat-mdc-form-field-infix{width:auto}.alfresco-tabs-widget{width:100%}.alfresco-tabs-widget .adf-form-tab-content{margin-top:1em}.alfresco-tabs-widget .adf-form-tab-group{width:100%}.alfresco-tabs-widget .mat-mdc-tab-body{margin-bottom:8em}@media (max-width: 959.9px){.alfresco-tabs-widget .mat-mdc-tab-body{margin-bottom:0}}.alfresco-tabs-widget .mat-mdc-tab-header{z-index:2;margin:0;background-color:#fff;position:absolute;width:98%;margin-left:0!important;margin-right:10px!important;top:0}.alfresco-tabs-widget .mat-mdc-tab-body-wrapper{padding-top:5%}.mat-mdc-card-content:first-child{padding-top:1em}.adf-container-widget .adf-grid-list{display:grid}.adf-container-widget .adf-grid-list-column-view{display:flex;margin-right:-1%;width:100%;gap:8px}@media (max-width: 959.9px){.adf-container-widget .adf-grid-list-column-view{display:flow}}.adf-container-widget .adf-grid-list-column-view-item{width:100%;box-sizing:border-box}.adf-container-widget .adf-grid-list-column-view .adf-radio-buttons-widget{padding-left:12px}.adf-container-widget .adf-grid-list-single-column{display:flex;flex-direction:column;flex:1 1 auto}.adf-container-widget .adf-grid-list-item{box-sizing:border-box;padding-left:3px;padding-right:3px}.adf-container-widget .adf-grid-list-row{display:flex;flex-direction:row;align-items:center;justify-content:space-between}.adf-container-widget .adf-grid-list-row-remove-button{padding:0;width:30px;height:30px;display:flex;align-items:center;justify-content:center}.adf-container-widget .adf-grid-list-row-remove-button .mat-icon{display:flex;justify-content:center;align-items:center;font-size:18px}.adf-container-widget .adf-grid-list-container{padding:0 15px}.adf-container-widget .adf-grid-list-container-multiple{border-bottom:1px solid rgba(0,0,0,.54);margin-bottom:25px}.adf-container-widget .adf-grid-list-container-disabled.adf-grid-list-container-multiple{border-bottom:1px solid var(--mdc-text-button-disabled-label-text-color, color-mix(in srgb, var(--mat-sys-on-surface) 38%, transparent))}.adf-container-widget .adf-grid-list-container-disabled .adf-grid-list-row-label{color:var(--mdc-text-button-disabled-label-text-color, color-mix(in srgb, var(--mat-sys-on-surface) 38%, transparent));cursor:default}@media (max-width: 959.9px){.adf-container-widget .adf-grid-list-item{flex:1 0 100%}.adf-container-widget .adf-grid-list--column-view{flex-direction:column}.adf-container-widget .adf-grid-list-single-column{display:block;width:90%!important}.adf-container-widget .adf-grid-list-column-view-item{flex:1 0 auto}}.adf-container-widget mat-input-placeholder{top:1.8em}.adf-container-widget .mat-focused{width:100%}.adf-container-widget .mat-focused .mdc-text-field--focused label{color:var(--theme-primary-color)}.adf-container-widget .mat-focused label{transition:transform .15s linear;background-color:.3s cubic-bezier(.55,0,.55,.2)}.adf-container-widget .mat-focused .mat-mdc-form-field-text-prefix{color:var(--theme-primary-color)}.adf-container-widget .mat-grid-tile{overflow:visible;width:80%}.adf-container-widget adf-form-field,.adf-container-widget mat-form-field{width:100%}.adf-form-container{max-width:100%;max-height:100%}.adf-form-container .mat-mdc-card{padding:16px 24px;overflow:hidden}.adf-form-container .mat-mdc-tab-header{position:fixed;z-index:1000}.adf-form-container .mat-mdc-card-header-text{margin:0}.adf-form-container .mat-mdc-card-content{overflow:hidden;padding-top:0}.adf-form-container mat-tab-label-text{font-size:var(--theme-subheading-2-font-size);line-height:var(--theme-headline-line-height);letter-spacing:-.4px;text-align:left;color:#0000008a;text-transform:uppercase}.adf-form-container .mdc-tab-indicator .mdc-tab-indicator__content--underline{border-top-width:4px}.adf-form-container .mat-mdc-text-field-wrapper{margin:0 12px 0 0}.adf-form-title{font-size:var(--theme-title-font-size);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.adf-form-reload-button{position:absolute;right:12px;top:30px}.adf-form-validation-button{position:absolute;right:50px;top:39px;color:var(--theme-accent-color)}.adf-form-validation-button .adf-invalid-color{color:var(--theme-warn-color)}.adf-form-hide-button{display:none}.adf-task-title{text-align:center}.adf-form-mat-card-actions{padding-bottom:25px;padding-right:25px}.adf-form-mat-card-actions .mat-mdc-button{height:36px;border-radius:5px;width:auto;padding:0 16px;margin:0 8px;white-space:nowrap}.adf-form-mat-card-actions .mdc-button__label{min-width:58px}.adf-left-label-input-container{display:flex}.adf-left-label-input-container div:nth-child(2){flex:1}.adf-left-label-input-container .mat-mdc-floating-label{top:auto;bottom:0}.adf-left-label{line-height:64px;margin-right:15px}.adf-error-messages-container{min-height:35px}.adf-error-messages-container-visible{visibility:visible}.adf-error-messages-container-hidden{visibility:hidden}form-field{width:100%}form-field .mat-mdc-input-element{font-size:var(--theme-body-2-font-size);padding-top:8px;line-height:normal}\n"], dependencies: [{ kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "ngmodule", type: MatTabsModule }, { kind: "directive", type: i2$7.MatTabContent, selector: "[matTabContent]" }, { kind: "component", type: i2$7.MatTab, selector: "mat-tab", inputs: ["disabled", "label", "aria-label", "aria-labelledby", "labelClass", "bodyClass", "id"], exportAs: ["matTab"] }, { kind: "component", type: i2$7.MatTabGroup, selector: "mat-tab-group", inputs: ["color", "fitInkBarToContent", "mat-stretch-tabs", "mat-align-tabs", "dynamicHeight", "selectedIndex", "headerPosition", "animationDuration", "contentTabIndex", "disablePagination", "disableRipple", "preserveContent", "backgroundColor", "aria-label", "aria-labelledby"], outputs: ["selectedIndexChange", "focusChange", "animationDone", "selectedTabChange"], exportAs: ["matTabGroup"] }, { kind: "directive", type: NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "pipe", type: TranslatePipe, name: "translate" }, { kind: "ngmodule", type: MatButtonModule }, { kind: "component", type: i2$2.MatIconButton, selector: "button[mat-icon-button]", exportAs: ["matButton"] }, { kind: "ngmodule", type: MatIconModule }, { kind: "component", type: i1$3.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "directive", type: NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "component", type: FormFieldComponent, selector: "adf-form-field", inputs: ["field"] }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "component", type: HeaderWidgetComponent, selector: "adf-header-widget", inputs: ["element"] }, { kind: "component", type: FormSectionComponent, selector: "adf-form-section", inputs: ["field"] }, { kind: "component", type: RepeatWidgetComponent, selector: "adf-repeat-widget", inputs: ["element", "isEditor"] }, { kind: "ngmodule", type: MatTooltipModule }, { kind: "directive", type: i2$8.MatTooltip, selector: "[matTooltip]", inputs: ["matTooltipPosition", "matTooltipPositionAtOrigin", "matTooltipDisabled", "matTooltipShowDelay", "matTooltipHideDelay", "matTooltipTouchGestures", "matTooltip", "matTooltipClass"], exportAs: ["matTooltip"] }], encapsulation: i0.ViewEncapsulation.None }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.6", ngImport: i0, type: FormRendererComponent, decorators: [{
             type: Component,
@@ -25368,8 +25394,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.6", ngImpor
                         NgClass,
                         HeaderWidgetComponent,
                         FormSectionComponent,
-                        RepeatWidgetComponent
-                    ], encapsulation: ViewEncapsulation.None, template: "<div id=\"adf-form-renderer\" class=\"{{ formDefinition.className }} adf-form-renderer\"\n     [ngClass]=\"{ 'adf-readonly-form': formDefinition.readOnly }\">\n    <div *ngIf=\"formDefinition.hasTabs()\">\n        <div *ngIf=\"hasTabs()\" class=\"alfresco-tabs-widget\">\n            <mat-tab-group [preserveContent]=\"true\">\n                <mat-tab *ngFor=\"let tab of visibleTabs()\" [label]=\"tab.title | translate \">\n                    <ng-template matTabContent>\n                        <div class=\"adf-form-tab-content\">\n                            <ng-template *ngTemplateOutlet=\"render; context: { fieldToRender: tab.fields }\" />\n                        </div>\n                    </ng-template>\n                </mat-tab>\n            </mat-tab-group>\n        </div>\n    </div>\n\n    <div *ngIf=\"!formDefinition.hasTabs() && formDefinition.hasFields()\">\n        <ng-template *ngTemplateOutlet=\"render; context: { fieldToRender: formDefinition.fields }\" />\n    </div>\n</div>\n\n<ng-template #render let-fieldToRender=\"fieldToRender\">\n    <div *ngFor=\"let currentRootElement of fieldToRender\">\n        <div *ngIf=\"currentRootElement.type === 'section'\" [id]=\"'field-' + currentRootElement?.id + '-container'\" class=\"adf-container-widget\">\n            <adf-form-section [field]=\"currentRootElement\" />\n        </div>\n\n        <div *ngIf=\"currentRootElement.type === 'container' || currentRootElement.type === 'group'\"\n             [id]=\"'field-' + currentRootElement?.id + '-container'\"\n             class=\"adf-container-widget\"\n             [hidden]=\"!currentRootElement?.isVisible\">\n            <adf-header-widget [element]=\"currentRootElement\" />\n            <div *ngIf=\"currentRootElement?.form?.enableFixedSpace; else fixingTemplate\">\n                <div class=\"adf-grid-list\"\n                     [ngStyle]=\"{ 'grid-template-columns': 'repeat(' + getNumberOfColumns(currentRootElement) + ', 1fr)' }\"\n                     *ngIf=\"currentRootElement?.isExpanded\">\n                    <div class=\"adf-grid-list-item\"\n                         *ngFor=\"let field of getContainerFields(currentRootElement)\"\n                         [ngStyle]=\"{ 'grid-area': 'auto / auto / span ' + (field?.rowspan || 1) + ' / span ' + (field?.colspan || 1) }\">\n                        <adf-form-field *ngIf=\"field\" [field]=\"field\" />\n                    </div>\n                </div>\n            </div>\n\n            <ng-template #fixingTemplate>\n                <section class=\"adf-grid-list-column-view\" *ngIf=\"currentRootElement?.isExpanded\">\n                    <div class=\"adf-grid-list-single-column\"\n                         *ngFor=\"let column of currentRootElement?.columns\"\n                         [style.width.%]=\"getColumnWidth(currentRootElement)\"\n                    >\n                        <ng-container *ngFor=\"let field of column?.fields\">\n                            <ng-container *ngIf=\"field.type === 'section'; else formField\">\n                                <adf-form-section [field]=\"field\"/>\n                            </ng-container>\n                            <ng-template #formField>\n                                <div class=\"adf-grid-list-column-view-item\">\n                                    <adf-form-field [field]=\"field\"/>\n                                </div>\n                            </ng-template>\n                        </ng-container>\n                    </div>\n                </section>\n            </ng-template>\n\n            <ng-template #columnViewItem let-column=\"column\">\n                <div class=\"adf-grid-list-column-view-item\" *ngFor=\"let field of column?.fields\">\n                    <adf-form-field *ngIf=\"field\" [field]=\"field\" />\n                </div>\n            </ng-template>\n        </div>\n\n        @if (currentRootElement.type === 'repeatable-section') {\n            <div \n                [id]=\"'field-' + currentRootElement?.id + '-container'\"\n                class=\"adf-container-widget\"\n                [hidden]=\"!currentRootElement?.isVisible\"\n            >\n                <adf-repeat-widget [element]=\"currentRootElement\" [isEditor]=\"false\">\n                    @for (row of currentRootElement.field.rows; track row.id; let rowIndex = $index) {\n                        @let hasMultipleRows = currentRootElement.field.rows.length > 1;\n                        <div \n                            class=\"adf-grid-list-container\"\n                            [class.adf-grid-list-container-multiple]=\"hasMultipleRows\"\n                        >\n                            <h4 class=\"adf-grid-list-container-label\">{{ 'FORM.FORM_RENDERER.ROW_LABEL' | translate: {number: rowIndex + 1} }}</h4>\n                            <section  class=\"adf-grid-list-column-view\">\n                                @for (column of row.columns; track $index) {\n                                    <div \n                                        class=\"adf-grid-list-single-column\"\n                                        [style.width.%]=\"getColumnWidth(currentRootElement)\"\n                                    >\n                                        @for (field of column?.fields; track $index) {\n                                            @if (field.type === 'section') {\n                                                <adf-form-section [field]=\"field\"/>\n                                            } @else {\n                                                <div class=\"adf-grid-list-column-view-item\">\n                                                    <adf-form-field [field]=\"field\"/>\n                                                </div>\n                                            }\n                                        }\n                                    </div>\n                                }\n\n                                @let shouldDisplayRemoveRowButton = !currentRootElement.field.rows[rowIndex].isInitial || (currentRootElement.field.rows[rowIndex].isInitial && currentRootElement.field.params.allowInitialRowsDelete);\n                                @if (shouldDisplayRemoveRowButton) {\n                                    <button \n                                        mat-icon-button\n                                        class=\"adf-grid-list-remove-row-button\"\n                                        (click)=\"displayDialogToRemoveRow(currentRootElement.field, rowIndex)\"\n                                    >\n                                        <mat-icon>close</mat-icon>\n                                    </button>\n                                }\n                            </section>\n                        </div>\n                    }\n                </adf-repeat-widget>\n            </div>\n        }\n\n        <div *ngIf=\"currentRootElement.type === 'dynamic-table'\" class=\"adf-container-widget\">\n            <adf-form-field [field]=\"currentRootElement\" />\n        </div>\n\n        <div class=\"adf-container-widget\"\n             *ngIf=\"currentRootElement.type === 'readonly' && currentRootElement.field.params.field.type === 'dynamic-table'\">\n            <adf-form-field [field]=\"currentRootElement.field\"/>\n        </div>\n    </div>\n</ng-template>\n", styles: [".adf-hidden{display:none}.adf-field-list{padding:0;list-style-type:none;width:100%;height:100%}.adf-form-renderer .mat-mdc-form-field-infix{width:auto}.alfresco-tabs-widget{width:100%}.alfresco-tabs-widget .adf-form-tab-content{margin-top:1em}.alfresco-tabs-widget .adf-form-tab-group{width:100%}.alfresco-tabs-widget .mat-mdc-tab-body{margin-bottom:8em}@media (max-width: 959.9px){.alfresco-tabs-widget .mat-mdc-tab-body{margin-bottom:0}}.alfresco-tabs-widget .mat-mdc-tab-header{z-index:2;margin:0;background-color:#fff;position:absolute;width:98%;margin-left:0!important;margin-right:10px!important;top:0}.alfresco-tabs-widget .mat-mdc-tab-body-wrapper{padding-top:5%}.mat-mdc-card-content:first-child{padding-top:1em}.adf-container-widget .adf-grid-list{display:grid}.adf-container-widget .adf-grid-list-column-view{display:flex;margin-right:-1%;width:100%;gap:8px}@media (max-width: 959.9px){.adf-container-widget .adf-grid-list-column-view{display:flow}}.adf-container-widget .adf-grid-list-column-view-item{width:100%;box-sizing:border-box}.adf-container-widget .adf-grid-list-column-view .adf-radio-buttons-widget{padding-left:12px}.adf-container-widget .adf-grid-list-single-column{display:flex;flex-direction:column;flex:1 1 auto}.adf-container-widget .adf-grid-list-item{box-sizing:border-box;padding-left:3px;padding-right:3px}.adf-container-widget .adf-grid-list-remove-row-button{margin-top:20px}.adf-container-widget .adf-grid-list-remove-row-button .mat-icon{display:flex;justify-content:center;align-items:center;font-size:20px}.adf-container-widget .adf-grid-list-container{padding:0 10px}.adf-container-widget .adf-grid-list-container-label{margin:5px 0 5px -10px}.adf-container-widget .adf-grid-list-container-multiple{border-bottom:1px solid rgba(0,0,0,.54);margin-bottom:25px}@media (max-width: 959.9px){.adf-container-widget .adf-grid-list-item{flex:1 0 100%}.adf-container-widget .adf-grid-list--column-view{flex-direction:column}.adf-container-widget .adf-grid-list-single-column{display:block;width:90%!important}.adf-container-widget .adf-grid-list-column-view-item{flex:1 0 auto}}.adf-container-widget mat-input-placeholder{top:1.8em}.adf-container-widget .mat-focused{width:100%}.adf-container-widget .mat-focused .mdc-text-field--focused label{color:var(--theme-primary-color)}.adf-container-widget .mat-focused label{transition:transform .15s linear;background-color:.3s cubic-bezier(.55,0,.55,.2)}.adf-container-widget .mat-focused .mat-mdc-form-field-text-prefix{color:var(--theme-primary-color)}.adf-container-widget .mat-grid-tile{overflow:visible;width:80%}.adf-container-widget adf-form-field,.adf-container-widget mat-form-field{width:100%}.adf-form-container{max-width:100%;max-height:100%}.adf-form-container .mat-mdc-card{padding:16px 24px;overflow:hidden}.adf-form-container .mat-mdc-tab-header{position:fixed;z-index:1000}.adf-form-container .mat-mdc-card-header-text{margin:0}.adf-form-container .mat-mdc-card-content{overflow:hidden;padding-top:0}.adf-form-container mat-tab-label-text{font-size:var(--theme-subheading-2-font-size);line-height:var(--theme-headline-line-height);letter-spacing:-.4px;text-align:left;color:#0000008a;text-transform:uppercase}.adf-form-container .mdc-tab-indicator .mdc-tab-indicator__content--underline{border-top-width:4px}.adf-form-container .mat-mdc-text-field-wrapper{margin:0 12px 0 0}.adf-form-title{font-size:var(--theme-title-font-size);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.adf-form-reload-button{position:absolute;right:12px;top:30px}.adf-form-validation-button{position:absolute;right:50px;top:39px;color:var(--theme-accent-color)}.adf-form-validation-button .adf-invalid-color{color:var(--theme-warn-color)}.adf-form-hide-button{display:none}.adf-task-title{text-align:center}.adf-form-mat-card-actions{padding-bottom:25px;padding-right:25px}.adf-form-mat-card-actions .mat-mdc-button{height:36px;border-radius:5px;width:auto;padding:0 16px;margin:0 8px;white-space:nowrap}.adf-form-mat-card-actions .mdc-button__label{min-width:58px}.adf-left-label-input-container{display:flex}.adf-left-label-input-container div:nth-child(2){flex:1}.adf-left-label-input-container .mat-mdc-floating-label{top:auto;bottom:0}.adf-left-label{line-height:64px;margin-right:15px}.adf-error-messages-container{min-height:35px}.adf-error-messages-container-visible{visibility:visible}.adf-error-messages-container-hidden{visibility:hidden}form-field{width:100%}form-field .mat-mdc-input-element{font-size:var(--theme-body-2-font-size);padding-top:8px;line-height:normal}\n"] }]
+                        RepeatWidgetComponent,
+                        MatTooltipModule
+                    ], encapsulation: ViewEncapsulation.None, template: "<div id=\"adf-form-renderer\" class=\"{{ formDefinition.className }} adf-form-renderer\"\n     [ngClass]=\"{ 'adf-readonly-form': formDefinition.readOnly }\">\n    <div *ngIf=\"formDefinition.hasTabs()\">\n        <div *ngIf=\"hasTabs()\" class=\"alfresco-tabs-widget\">\n            <mat-tab-group [preserveContent]=\"true\">\n                <mat-tab *ngFor=\"let tab of visibleTabs()\" [label]=\"tab.title | translate \">\n                    <ng-template matTabContent>\n                        <div class=\"adf-form-tab-content\">\n                            <ng-template *ngTemplateOutlet=\"render; context: { fieldToRender: tab.fields }\" />\n                        </div>\n                    </ng-template>\n                </mat-tab>\n            </mat-tab-group>\n        </div>\n    </div>\n\n    <div *ngIf=\"!formDefinition.hasTabs() && formDefinition.hasFields()\">\n        <ng-template *ngTemplateOutlet=\"render; context: { fieldToRender: formDefinition.fields }\" />\n    </div>\n</div>\n\n<ng-template #render let-fieldToRender=\"fieldToRender\">\n    <div *ngFor=\"let currentRootElement of fieldToRender\">\n        <div *ngIf=\"currentRootElement.type === 'section'\" [id]=\"'field-' + currentRootElement?.id + '-container'\" class=\"adf-container-widget\">\n            <adf-form-section [field]=\"currentRootElement\" />\n        </div>\n\n        <div *ngIf=\"currentRootElement.type === 'container' || currentRootElement.type === 'group'\"\n             [id]=\"'field-' + currentRootElement?.id + '-container'\"\n             class=\"adf-container-widget\"\n             [hidden]=\"!currentRootElement?.isVisible\">\n            <adf-header-widget [element]=\"currentRootElement\" />\n            <div *ngIf=\"currentRootElement?.form?.enableFixedSpace; else fixingTemplate\">\n                <div class=\"adf-grid-list\"\n                     [ngStyle]=\"{ 'grid-template-columns': 'repeat(' + getNumberOfColumns(currentRootElement) + ', 1fr)' }\"\n                     *ngIf=\"currentRootElement?.isExpanded\">\n                    <div class=\"adf-grid-list-item\"\n                         *ngFor=\"let field of getContainerFields(currentRootElement)\"\n                         [ngStyle]=\"{ 'grid-area': 'auto / auto / span ' + (field?.rowspan || 1) + ' / span ' + (field?.colspan || 1) }\">\n                        <adf-form-field *ngIf=\"field\" [field]=\"field\" />\n                    </div>\n                </div>\n            </div>\n\n            <ng-template #fixingTemplate>\n                <section class=\"adf-grid-list-column-view\" *ngIf=\"currentRootElement?.isExpanded\">\n                    <div class=\"adf-grid-list-single-column\"\n                         *ngFor=\"let column of currentRootElement?.columns\"\n                         [style.width.%]=\"getColumnWidth(currentRootElement)\"\n                    >\n                        <ng-container *ngFor=\"let field of column?.fields\">\n                            <ng-container *ngIf=\"field.type === 'section'; else formField\">\n                                <adf-form-section [field]=\"field\"/>\n                            </ng-container>\n                            <ng-template #formField>\n                                <div class=\"adf-grid-list-column-view-item\">\n                                    <adf-form-field [field]=\"field\"/>\n                                </div>\n                            </ng-template>\n                        </ng-container>\n                    </div>\n                </section>\n            </ng-template>\n\n            <ng-template #columnViewItem let-column=\"column\">\n                <div class=\"adf-grid-list-column-view-item\" *ngFor=\"let field of column?.fields\">\n                    <adf-form-field *ngIf=\"field\" [field]=\"field\" />\n                </div>\n            </ng-template>\n        </div>\n\n        @if (currentRootElement.type === 'repeatable-section') {\n            <div \n                [id]=\"'field-' + currentRootElement?.id + '-container'\"\n                class=\"adf-container-widget\"\n                [hidden]=\"!currentRootElement?.isVisible\"\n            >\n                <adf-repeat-widget [element]=\"currentRootElement\" [isEditor]=\"false\">\n                    @for (row of currentRootElement.field.rows; track row.id; let rowIndex = $index) {\n                        @let hasMultipleRows = currentRootElement.field.rows.length > 1;\n                        <div \n                            class=\"adf-grid-list-container\"\n                            [class.adf-grid-list-container-multiple]=\"hasMultipleRows\"\n                            [class.adf-grid-list-container-disabled]=\"currentRootElement.field.readOnly\"\n                        >   \n                            <div class=\"adf-grid-list-row\">\n                                <span  class=\"adf-grid-list-row-label\">{{ 'FORM.FORM_RENDERER.ROW_LABEL' | translate: {number: rowIndex + 1} }}</span>\n\n                                @let shouldDisplayRemoveRowButton = !currentRootElement.field.rows[rowIndex].isInitial || (currentRootElement.field.rows[rowIndex].isInitial && currentRootElement.field.params.allowInitialRowsDelete);\n                                @if (shouldDisplayRemoveRowButton) {\n                                    <button \n                                        mat-icon-button\n                                        class=\"adf-grid-list-row-remove-button\"\n                                        [disabled]=\"currentRootElement.field.readOnly\"\n                                        [matTooltip]=\"'FORM.FORM_RENDERER.DELETE_ROW' | translate\"\n                                        (click)=\"displayDialogToRemoveRow(currentRootElement.field, rowIndex)\"\n                                    >\n                                        <mat-icon>close</mat-icon>\n                                    </button>\n                                }\n                            </div>\n                            <section  class=\"adf-grid-list-column-view\">\n                                @for (column of row.columns; track $index) {\n                                    <div \n                                        class=\"adf-grid-list-single-column\"\n                                        [style.width.%]=\"getColumnWidth(currentRootElement)\"\n                                    >\n                                        @for (field of column?.fields; track $index) {\n                                            @if (field.type === 'section') {\n                                                <adf-form-section [field]=\"field\"/>\n                                            } @else {\n                                                <div class=\"adf-grid-list-column-view-item\">\n                                                    <adf-form-field [field]=\"field\"/>\n                                                </div>\n                                            }\n                                        }\n                                    </div>\n                                }\n                            </section>\n                        </div>\n                    }\n                </adf-repeat-widget>\n            </div>\n        }\n\n        <div *ngIf=\"currentRootElement.type === 'dynamic-table'\" class=\"adf-container-widget\">\n            <adf-form-field [field]=\"currentRootElement\" />\n        </div>\n\n        <div class=\"adf-container-widget\"\n             *ngIf=\"currentRootElement.type === 'readonly' && currentRootElement.field.params.field.type === 'dynamic-table'\">\n            <adf-form-field [field]=\"currentRootElement.field\"/>\n        </div>\n    </div>\n</ng-template>\n", styles: [".adf-hidden{display:none}.adf-field-list{padding:0;list-style-type:none;width:100%;height:100%}.adf-form-renderer .mat-mdc-form-field-infix{width:auto}.alfresco-tabs-widget{width:100%}.alfresco-tabs-widget .adf-form-tab-content{margin-top:1em}.alfresco-tabs-widget .adf-form-tab-group{width:100%}.alfresco-tabs-widget .mat-mdc-tab-body{margin-bottom:8em}@media (max-width: 959.9px){.alfresco-tabs-widget .mat-mdc-tab-body{margin-bottom:0}}.alfresco-tabs-widget .mat-mdc-tab-header{z-index:2;margin:0;background-color:#fff;position:absolute;width:98%;margin-left:0!important;margin-right:10px!important;top:0}.alfresco-tabs-widget .mat-mdc-tab-body-wrapper{padding-top:5%}.mat-mdc-card-content:first-child{padding-top:1em}.adf-container-widget .adf-grid-list{display:grid}.adf-container-widget .adf-grid-list-column-view{display:flex;margin-right:-1%;width:100%;gap:8px}@media (max-width: 959.9px){.adf-container-widget .adf-grid-list-column-view{display:flow}}.adf-container-widget .adf-grid-list-column-view-item{width:100%;box-sizing:border-box}.adf-container-widget .adf-grid-list-column-view .adf-radio-buttons-widget{padding-left:12px}.adf-container-widget .adf-grid-list-single-column{display:flex;flex-direction:column;flex:1 1 auto}.adf-container-widget .adf-grid-list-item{box-sizing:border-box;padding-left:3px;padding-right:3px}.adf-container-widget .adf-grid-list-row{display:flex;flex-direction:row;align-items:center;justify-content:space-between}.adf-container-widget .adf-grid-list-row-remove-button{padding:0;width:30px;height:30px;display:flex;align-items:center;justify-content:center}.adf-container-widget .adf-grid-list-row-remove-button .mat-icon{display:flex;justify-content:center;align-items:center;font-size:18px}.adf-container-widget .adf-grid-list-container{padding:0 15px}.adf-container-widget .adf-grid-list-container-multiple{border-bottom:1px solid rgba(0,0,0,.54);margin-bottom:25px}.adf-container-widget .adf-grid-list-container-disabled.adf-grid-list-container-multiple{border-bottom:1px solid var(--mdc-text-button-disabled-label-text-color, color-mix(in srgb, var(--mat-sys-on-surface) 38%, transparent))}.adf-container-widget .adf-grid-list-container-disabled .adf-grid-list-row-label{color:var(--mdc-text-button-disabled-label-text-color, color-mix(in srgb, var(--mat-sys-on-surface) 38%, transparent));cursor:default}@media (max-width: 959.9px){.adf-container-widget .adf-grid-list-item{flex:1 0 100%}.adf-container-widget .adf-grid-list--column-view{flex-direction:column}.adf-container-widget .adf-grid-list-single-column{display:block;width:90%!important}.adf-container-widget .adf-grid-list-column-view-item{flex:1 0 auto}}.adf-container-widget mat-input-placeholder{top:1.8em}.adf-container-widget .mat-focused{width:100%}.adf-container-widget .mat-focused .mdc-text-field--focused label{color:var(--theme-primary-color)}.adf-container-widget .mat-focused label{transition:transform .15s linear;background-color:.3s cubic-bezier(.55,0,.55,.2)}.adf-container-widget .mat-focused .mat-mdc-form-field-text-prefix{color:var(--theme-primary-color)}.adf-container-widget .mat-grid-tile{overflow:visible;width:80%}.adf-container-widget adf-form-field,.adf-container-widget mat-form-field{width:100%}.adf-form-container{max-width:100%;max-height:100%}.adf-form-container .mat-mdc-card{padding:16px 24px;overflow:hidden}.adf-form-container .mat-mdc-tab-header{position:fixed;z-index:1000}.adf-form-container .mat-mdc-card-header-text{margin:0}.adf-form-container .mat-mdc-card-content{overflow:hidden;padding-top:0}.adf-form-container mat-tab-label-text{font-size:var(--theme-subheading-2-font-size);line-height:var(--theme-headline-line-height);letter-spacing:-.4px;text-align:left;color:#0000008a;text-transform:uppercase}.adf-form-container .mdc-tab-indicator .mdc-tab-indicator__content--underline{border-top-width:4px}.adf-form-container .mat-mdc-text-field-wrapper{margin:0 12px 0 0}.adf-form-title{font-size:var(--theme-title-font-size);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.adf-form-reload-button{position:absolute;right:12px;top:30px}.adf-form-validation-button{position:absolute;right:50px;top:39px;color:var(--theme-accent-color)}.adf-form-validation-button .adf-invalid-color{color:var(--theme-warn-color)}.adf-form-hide-button{display:none}.adf-task-title{text-align:center}.adf-form-mat-card-actions{padding-bottom:25px;padding-right:25px}.adf-form-mat-card-actions .mat-mdc-button{height:36px;border-radius:5px;width:auto;padding:0 16px;margin:0 8px;white-space:nowrap}.adf-form-mat-card-actions .mdc-button__label{min-width:58px}.adf-left-label-input-container{display:flex}.adf-left-label-input-container div:nth-child(2){flex:1}.adf-left-label-input-container .mat-mdc-floating-label{top:auto;bottom:0}.adf-left-label{line-height:64px;margin-right:15px}.adf-error-messages-container{min-height:35px}.adf-error-messages-container-visible{visibility:visible}.adf-error-messages-container-hidden{visibility:hidden}form-field{width:100%}form-field .mat-mdc-input-element{font-size:var(--theme-body-2-font-size);padding-top:8px;line-height:normal}\n"] }]
         }], ctorParameters: () => [{ type: undefined, decorators: [{
                     type: Optional
                 }, {