@alfresco/adf-core 9.1.0-16630308109 → 9.1.0-16631908865
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/fesm2022/adf-core.mjs
CHANGED
|
@@ -25013,14 +25013,17 @@ class FormSectionComponent {
|
|
|
25013
25013
|
const firstColumnFieldIndex = 0;
|
|
25014
25014
|
const defaultColspan = 1;
|
|
25015
25015
|
const fieldColspan = columnFields[firstColumnFieldIndex]?.colspan ?? defaultColspan;
|
|
25016
|
-
|
|
25016
|
+
if (typeof numberOfColumns !== 'number' || !numberOfColumns || numberOfColumns <= 0) {
|
|
25017
|
+
numberOfColumns = 1;
|
|
25018
|
+
}
|
|
25019
|
+
return Math.min(100, (100 / numberOfColumns) * fieldColspan) + '';
|
|
25017
25020
|
}
|
|
25018
25021
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.6", ngImport: i0, type: FormSectionComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
25019
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.6", type: FormSectionComponent, isStandalone: true, selector: "adf-form-section", inputs: { field: "field" }, ngImport: i0, template: "<div class=\"adf-grid-list-section-single-column\"\n [id]=\"'field-' + field?.id + '-container'\"\n [style.display]=\"field?.isVisible ? 'flex' : 'none'\">\n <div *ngFor=\"let sectionColumn of field.columns\"\n [style.width.%]=\"getSectionColumnWidth(field.numberOfColumns, sectionColumn.fields)\"\n >\n <div *ngFor=\"let sectionField of sectionColumn.fields\" class=\"adf-grid-list-section-column-view-item\">\n <adf-form-field [field]=\"sectionField\"/>\n </div>\n </div>\n</div>\n", styles: [".adf-grid-list-section-single-column{display:flex;flex-wrap:inherit;align-items:baseline;flex-direction:column;gap:1%}@media (max-width: 959.9px){.adf-grid-list-section-single-column{flex:1 1 100%!important}}@media (max-width: 959.9px){.adf-grid-list-section-single-column .adf-section-widget{width:100%!important}}@media (max-width: 959.9px){.adf-grid-list-section-single-column>div{width:100%!important}}.adf-grid-list-section-column-view-item{width:100%;display:flex;flex-grow:1;box-sizing:border-box}\n"], dependencies: [{ kind: "directive", type: NgFor, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "component", type: FormFieldComponent, selector: "adf-form-field", inputs: ["field"] }], encapsulation: i0.ViewEncapsulation.None }); }
|
|
25022
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.6", type: FormSectionComponent, isStandalone: true, selector: "adf-form-section", inputs: { field: "field" }, ngImport: i0, template: "<div class=\"adf-grid-list-section-single-column\"\n [id]=\"'field-' + field?.id + '-container'\"\n [style.display]=\"field?.isVisible ? 'flex' : 'none'\">\n <div *ngFor=\"let sectionColumn of field.columns\"\n [style.width.%]=\"getSectionColumnWidth(field.numberOfColumns, sectionColumn.fields)\"\n >\n <div *ngFor=\"let sectionField of sectionColumn.fields\" class=\"adf-grid-list-section-column-view-item\">\n <adf-form-field [field]=\"sectionField\"/>\n </div>\n </div>\n</div>\n", styles: [".adf-grid-list-section-single-column{display:flex;flex-wrap:inherit;align-items:baseline;flex-direction:column;gap:1%}@media (max-width: 959.9px){.adf-grid-list-section-single-column{flex:1 1 100%!important;flex-direction:column}}@media (max-width: 959.9px){.adf-grid-list-section-single-column .adf-section-widget{width:100%!important}}@media (max-width: 959.9px){.adf-grid-list-section-single-column>div{width:100%!important}}.adf-grid-list-section-column-view-item{width:100%;display:flex;flex-grow:1;box-sizing:border-box}\n"], dependencies: [{ kind: "directive", type: NgFor, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "component", type: FormFieldComponent, selector: "adf-form-field", inputs: ["field"] }], encapsulation: i0.ViewEncapsulation.None }); }
|
|
25020
25023
|
}
|
|
25021
25024
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.6", ngImport: i0, type: FormSectionComponent, decorators: [{
|
|
25022
25025
|
type: Component,
|
|
25023
|
-
args: [{ selector: 'adf-form-section', encapsulation: ViewEncapsulation.None, imports: [NgFor, FormFieldComponent], template: "<div class=\"adf-grid-list-section-single-column\"\n [id]=\"'field-' + field?.id + '-container'\"\n [style.display]=\"field?.isVisible ? 'flex' : 'none'\">\n <div *ngFor=\"let sectionColumn of field.columns\"\n [style.width.%]=\"getSectionColumnWidth(field.numberOfColumns, sectionColumn.fields)\"\n >\n <div *ngFor=\"let sectionField of sectionColumn.fields\" class=\"adf-grid-list-section-column-view-item\">\n <adf-form-field [field]=\"sectionField\"/>\n </div>\n </div>\n</div>\n", styles: [".adf-grid-list-section-single-column{display:flex;flex-wrap:inherit;align-items:baseline;flex-direction:column;gap:1%}@media (max-width: 959.9px){.adf-grid-list-section-single-column{flex:1 1 100%!important}}@media (max-width: 959.9px){.adf-grid-list-section-single-column .adf-section-widget{width:100%!important}}@media (max-width: 959.9px){.adf-grid-list-section-single-column>div{width:100%!important}}.adf-grid-list-section-column-view-item{width:100%;display:flex;flex-grow:1;box-sizing:border-box}\n"] }]
|
|
25026
|
+
args: [{ selector: 'adf-form-section', encapsulation: ViewEncapsulation.None, imports: [NgFor, FormFieldComponent], template: "<div class=\"adf-grid-list-section-single-column\"\n [id]=\"'field-' + field?.id + '-container'\"\n [style.display]=\"field?.isVisible ? 'flex' : 'none'\">\n <div *ngFor=\"let sectionColumn of field.columns\"\n [style.width.%]=\"getSectionColumnWidth(field.numberOfColumns, sectionColumn.fields)\"\n >\n <div *ngFor=\"let sectionField of sectionColumn.fields\" class=\"adf-grid-list-section-column-view-item\">\n <adf-form-field [field]=\"sectionField\"/>\n </div>\n </div>\n</div>\n", styles: [".adf-grid-list-section-single-column{display:flex;flex-wrap:inherit;align-items:baseline;flex-direction:column;gap:1%}@media (max-width: 959.9px){.adf-grid-list-section-single-column{flex:1 1 100%!important;flex-direction:column}}@media (max-width: 959.9px){.adf-grid-list-section-single-column .adf-section-widget{width:100%!important}}@media (max-width: 959.9px){.adf-grid-list-section-single-column>div{width:100%!important}}.adf-grid-list-section-column-view-item{width:100%;display:flex;flex-grow:1;box-sizing:border-box}\n"] }]
|
|
25024
25027
|
}], propDecorators: { field: [{
|
|
25025
25028
|
type: Input
|
|
25026
25029
|
}] } });
|