@iapps/ng-dhis2-ui 1.2.166 → 1.2.168

package/fesm2022/iapps-ng-dhis2-ui.mjs

@@ -4300,10 +4300,45 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.3", ngImpor
             type: Injectable
         }] });
 
-const getTrackedEntityTableData = (response, programId, pager, metaData, searcheableDataElements, customDisplayInReportsIds, columnNameSource = 'NAME') => {
+var LineListColumnMetadataDisplayMode;
+(function (LineListColumnMetadataDisplayMode) {
+    LineListColumnMetadataDisplayMode["ALL_ATTRIBUTES"] = "ALL_ATTRIBUTES";
+    LineListColumnMetadataDisplayMode["ALL_ATTRIBUTES_AND_DATA_ELEMENTS"] = "ALL_ATTRIBUTES_AND_DATA_ELEMENTS";
+})(LineListColumnMetadataDisplayMode || (LineListColumnMetadataDisplayMode = {}));
+
+const getOptionCode = (option) => option.code ?? option.value ?? option.id;
+const getMultiOptionCodes = (value) => {
+    if (Array.isArray(value)) {
+        return value
+            .map((item) => String(item).trim())
+            .filter((item) => item.length > 0);
+    }
+    if (typeof value !== 'string') {
+        return value == null ? [] : [String(value)];
+    }
+    return value
+        .split(/[;,]/)
+        .map((item) => item.trim())
+        .filter((item) => item.length > 0);
+};
+const formatMultiTextOptionValue = (value, options = []) => {
+    const optionByCode = new Map(options
+        .map((option) => [getOptionCode(option), option])
+        .filter(([code]) => !!code));
+    const codes = getMultiOptionCodes(value);
+    return codes.map((code) => optionByCode.get(code)?.name || code).join(', ');
+};
+
+const getTrackedEntityTableData = (response, programId, pager, metaData, searcheableDataElements, customDisplayInReportsIds, columnNameSource = 'NAME', columnMetadataDisplayMode) => {
     const getColumnLabel = (item) => columnNameSource === 'FORM_NAME'
         ? item?.formName || item?.name || 'Default'
         : item?.name || item?.formName || 'Default';
+    const shouldShowAllAttributes = columnMetadataDisplayMode ===
+        LineListColumnMetadataDisplayMode.ALL_ATTRIBUTES ||
+        columnMetadataDisplayMode ===
+            LineListColumnMetadataDisplayMode.ALL_ATTRIBUTES_AND_DATA_ELEMENTS;
+    const shouldShowAllDataElements = columnMetadataDisplayMode ===
+        LineListColumnMetadataDisplayMode.ALL_ATTRIBUTES_AND_DATA_ELEMENTS;
     const teisRaw = response.data
         .trackedEntityInstances;
     const teis = Array.isArray(teisRaw)
@@ -4313,15 +4348,22 @@ const getTrackedEntityTableData = (response, programId, pager, metaData, searche
     const incidentDateLabel = metaData.incidentDateLabel;
     const orgUnitMap = response.data
         .orgUnitsMap;
-    const attributeColumns = metaData.displayInListTrackedEntityAttributes
+    const attributeColumns = (shouldShowAllAttributes
+        ? metaData.trackedEntityAttributes
+        : metaData.displayInListTrackedEntityAttributes)
         .sort((a, b) => a.sortOrder - b.sortOrder)
         .map((trackedEntityAttribute) => ({
         label: getColumnLabel(trackedEntityAttribute),
         key: trackedEntityAttribute.id,
     }));
-    const shouldIncludeDataElement = (psde) => customDisplayInReportsIds !== undefined
-        ? customDisplayInReportsIds.includes(psde.dataElement?.id)
-        : psde.displayInReports === true;
+    const shouldIncludeDataElement = (psde) => {
+        if (shouldShowAllDataElements) {
+            return true;
+        }
+        return customDisplayInReportsIds !== undefined
+            ? customDisplayInReportsIds.includes(psde.dataElement?.id)
+            : psde.displayInReports === true;
+    };
     const tableSearcheableDataElements = metaData
         .programStages.sort((a, b) => a.sortOrder - b.sortOrder)
         .flatMap((stage) => stage
@@ -4359,6 +4401,7 @@ const getTrackedEntityTableData = (response, programId, pager, metaData, searche
         .filter((psde) => psde.dataElement && shouldIncludeDataElement(psde))
         .map(({ dataElement }) => ({
         id: dataElement.id,
+        valueType: dataElement.valueType,
         options: dataElement.optionSet?.options?.map((option) => ({
             name: option.name,
             code: option.code,
@@ -4446,13 +4489,20 @@ const getTrackedEntityTableData = (response, programId, pager, metaData, searche
             }
             else if (attributeMeta?.optionSetValue &&
                 attributeMeta?.optionSet?.options) {
-                const matchedOption = attributeMeta.optionSet.options.find((opt) => opt.code === value);
-                row[attributeId] = {
-                    value: matchedOption?.name || value,
-                    ...(getOptionColor(matchedOption) && {
-                        style: getOptionColor(matchedOption),
-                    }),
-                };
+                if (valueType === 'MULTI_TEXT') {
+                    row[attributeId] = {
+                        value: formatMultiTextOptionValue(value, attributeMeta.optionSet.options),
+                    };
+                }
+                else {
+                    const matchedOption = attributeMeta.optionSet.options.find((opt) => opt.code === value);
+                    row[attributeId] = {
+                        value: matchedOption?.name || value,
+                        ...(getOptionColor(matchedOption) && {
+                            style: getOptionColor(matchedOption),
+                        }),
+                    };
+                }
             }
             else {
                 row[attributeId] = { value };
@@ -4465,13 +4515,20 @@ const getTrackedEntityTableData = (response, programId, pager, metaData, searche
             if (!dataElementId || value == null)
                 return;
             const dataElementOption = dataElementOptionMap.get(dataElementId);
-            const matchedOption = dataElementOption?.options?.find((opt) => opt.code === value);
-            row[dataElementId] = {
-                value: matchedOption?.name || value,
-                ...(getOptionColor(matchedOption) && {
-                    style: getOptionColor(matchedOption),
-                }),
-            };
+            if (dataElementOption?.valueType === 'MULTI_TEXT') {
+                row[dataElementId] = {
+                    value: formatMultiTextOptionValue(value, dataElementOption.options),
+                };
+            }
+            else {
+                const matchedOption = dataElementOption?.options?.find((opt) => opt.code === value);
+                row[dataElementId] = {
+                    value: matchedOption?.name || value,
+                    ...(getOptionColor(matchedOption) && {
+                        style: getOptionColor(matchedOption),
+                    }),
+                };
+            }
         });
         const orgUnitId = enrollment.orgUnit;
         const orgUnitName = orgUnitMap?.get(orgUnitId) || '-';
@@ -4610,16 +4667,14 @@ const addActionsColumn = (columns, actionOptions) => {
     ];
 };
 
-const getEvents = (response, programStageId, pager, metaData, columnNameSource = 'NAME') => {
+const getEvents = (response, programStageId, pager, metaData, columnNameSource = 'NAME', columnMetadataDisplayMode) => {
     const getColumnLabel = (item) => columnNameSource === 'FORM_NAME'
         ? item?.formName || item?.name || 'Default'
         : item?.name || item?.formName || 'Default';
-    const events = response.data.events;
-    const eventsiiii = response.data;
-    const allDataElements = new Set();
-    events.forEach((event) => {
-        event.dataValues.forEach((dv) => allDataElements.add(dv.dataElement));
-    });
+    const eventsRaw = response.data.events;
+    const events = Array.isArray(eventsRaw)
+        ? eventsRaw
+        : [eventsRaw].filter(Boolean);
     let stageFromMetaData;
     if (programStageId) {
         stageFromMetaData = metaData.programStages.find((stage) => stage.id === programStageId);
@@ -4630,15 +4685,16 @@ const getEvents = (response, programStageId, pager, metaData, columnNameSource =
     if (!stageFromMetaData) {
         throw new Error(`Program stage with ID ${programStageId} not found`);
     }
-    const entityColumns = Array.from(allDataElements).map((dataElementId) => {
-        const dataElementMeta = stageFromMetaData.programStageDataElements.find((psde) => psde.dataElement.id === dataElementId);
-        return {
-            label: dataElementMeta
-                ? getColumnLabel(dataElementMeta.dataElement)
-                : dataElementId,
-            key: dataElementId,
-        };
-    });
+    const shouldShowAllDataElements = columnMetadataDisplayMode ===
+        LineListColumnMetadataDisplayMode.ALL_ATTRIBUTES_AND_DATA_ELEMENTS;
+    const dataElementMetaList = stageFromMetaData
+        .programStageDataElements.filter((psde) => shouldShowAllDataElements ? true : psde.displayInReports === true)
+        .sort((a, b) => a.sortOrder - b.sortOrder);
+    const displayedDataElementIds = new Set(dataElementMetaList.map((psde) => psde.dataElement.id));
+    const entityColumns = dataElementMetaList.map((psde) => ({
+        label: getColumnLabel(psde.dataElement),
+        key: psde.dataElement.id,
+    }));
     const dataElementsData = events.map((event, idx) => {
         const row = {
             event: { value: event.event },
@@ -4649,17 +4705,27 @@ const getEvents = (response, programStageId, pager, metaData, columnNameSource =
                 value: (pager.page - 1) * pager.pageSize + idx + 1,
             },
         };
-        allDataElements.forEach((dataElementId) => {
+        displayedDataElementIds.forEach((dataElementId) => {
             row[dataElementId] = { value: '' };
         });
-        event.dataValues.forEach((dv) => {
+        (event.dataValues || []).forEach((dv) => {
+            if (!displayedDataElementIds.has(dv.dataElement)) {
+                return;
+            }
             const dataElementMeta = stageFromMetaData.programStageDataElements.find((psde) => psde.dataElement.id === dv.dataElement);
             if (dataElementMeta?.dataElement.optionSet) {
                 const optionSet = dataElementMeta.dataElement.optionSet;
-                const matchingOption = optionSet.options.find((option) => option.code === dv.value);
-                row[dv.dataElement] = matchingOption
-                    ? { value: matchingOption.name }
-                    : { value: dv.value };
+                if (dataElementMeta.dataElement.valueType === 'MULTI_TEXT') {
+                    row[dv.dataElement] = {
+                        value: formatMultiTextOptionValue(dv.value, optionSet.options),
+                    };
+                }
+                else {
+                    const matchingOption = optionSet.options.find((option) => option.code === dv.value);
+                    row[dv.dataElement] = matchingOption
+                        ? { value: matchingOption.name }
+                        : { value: dv.value };
+                }
             }
             else {
                 row[dv.dataElement] = { value: dv.value };
@@ -4714,7 +4780,7 @@ const applyDownloadColumnFilter = (columns, filterableColumnIds) => {
     const filterableColumnIdsSet = new Set(filterableColumnIds);
     return columns.filter((column) => filterableColumnIdsSet.has(column.key));
 };
-const fetchLineListDownloadRows = async ({ d2, metaData, programId, programStageId, orgUnit, ouMode, startDate, endDate, dataQueryFilters, enrollmentStatus, eventStatus, filterableColumnIds, searcheableDataElements, customDisplayInReportsIds, columnNameSource, fetchOrgUnits, }) => {
+const fetchLineListDownloadRows = async ({ d2, metaData, programId, programStageId, orgUnit, ouMode, startDate, endDate, dataQueryFilters, enrollmentStatus, eventStatus, filterableColumnIds, searcheableDataElements, customDisplayInReportsIds, columnNameSource, columnMetadataDisplayMode, fetchOrgUnits, }) => {
     if (!metaData) {
         return { columns: [], data: [] };
     }
@@ -4725,11 +4791,13 @@ const fetchLineListDownloadRows = async ({ d2, metaData, programId, programStage
     if (programStageId || isEvent) {
         const eventQuery = d2.eventModule.event
             .setEndDate(resolvedEndDate)
-            .setStartDate(startDate)
             .setProgram(programId)
             .setOrgUnit(orgUnit)
             .setOuMode(ouMode)
             .setPagination(downloadPager);
+        if (startDate) {
+            eventQuery.setStartDate(startDate);
+        }
         if (programStageId) {
             eventQuery.setProgramStage(programStageId);
         }
@@ -4746,7 +4814,7 @@ const fetchLineListDownloadRows = async ({ d2, metaData, programId, programStage
                 pageSize: events.length || 1,
             }),
         };
-        const downloadRows = getEvents({ data: eventsResponse }, programStageId || '', eventsResponse.pager, metaData, columnNameSource);
+        const downloadRows = getEvents({ data: eventsResponse }, programStageId || '', eventsResponse.pager, metaData, columnNameSource, columnMetadataDisplayMode);
         return {
             columns: applyDownloadColumnFilter(downloadRows.columns, filterableColumnIds),
             data: downloadRows.data,
@@ -4755,7 +4823,6 @@ const fetchLineListDownloadRows = async ({ d2, metaData, programId, programStage
     if (isTracker) {
         const trackerQuery = d2.trackerModule.trackedEntity
             .setEndDate(resolvedEndDate)
-            .setStartDate(startDate)
             .setProgram(programId)
             .setOrgUnit(orgUnit)
             .setOuMode(ouMode)
@@ -4765,6 +4832,9 @@ const fetchLineListDownloadRows = async ({ d2, metaData, programId, programStage
             .setOrderCriterias([
             new DataOrderCriteria().setField('createdAt').setOrder('desc'),
         ]);
+        if (startDate) {
+            trackerQuery.setStartDate(startDate);
+        }
         if (eventStatus?.status && eventStatus?.programStage) {
             trackerQuery.setEventStatus(eventStatus.status, eventStatus.programStage);
         }
@@ -4796,7 +4866,7 @@ const fetchLineListDownloadRows = async ({ d2, metaData, programId, programStage
             }),
             orgUnitsMap: fetchedOrgUnits,
         };
-        const downloadRows = getTrackedEntityTableData({ data: trackedEntityResponse }, programId, trackedEntityResponse.pager, metaData, searcheableDataElements, customDisplayInReportsIds, columnNameSource);
+        const downloadRows = getTrackedEntityTableData({ data: trackedEntityResponse }, programId, trackedEntityResponse.pager, metaData, searcheableDataElements, customDisplayInReportsIds, columnNameSource, columnMetadataDisplayMode);
         return {
             columns: applyDownloadColumnFilter(downloadRows.columns, filterableColumnIds),
             data: downloadRows.data,
@@ -4950,7 +5020,7 @@ class LineListTableComponent extends ReactWrapperModule {
                                 pager: pager,
                                 // orgUnitsMap: fetchedOrgUnits,
                             };
-                            const { columns, data } = getEvents({ data: eventsResponse }, this.programStageId, pager, metaData, this.columnNameSource);
+                            const { columns, data } = getEvents({ data: eventsResponse }, this.programStageId, pager, metaData, this.columnNameSource, this.columnMetadataDisplayMode);
                             // const filterableColumnIdsSet = new Set(
                             //   this.filterableColumnIds
                             // );
@@ -5030,7 +5100,7 @@ class LineListTableComponent extends ReactWrapperModule {
                                 pager: pager,
                                 orgUnitsMap: fetchedOrgUnits,
                             };
-                            const { columns, data, filteredEntityColumns, orgUnitLabel } = getTrackedEntityTableData({ data: trackedEntityResponse }, this.programId, pager, metaData, this.searcheableDataElements, this.customDisplayInReportsIds, this.columnNameSource);
+                            const { columns, data, filteredEntityColumns, orgUnitLabel } = getTrackedEntityTableData({ data: trackedEntityResponse }, this.programId, pager, metaData, this.searcheableDataElements, this.customDisplayInReportsIds, this.columnNameSource, this.columnMetadataDisplayMode);
                             setFilteredColumns((prev) => filteredEntityColumns.length > 0 ? filteredEntityColumns : prev);
                             let updatedFilterableColumnIds;
                             if (Array.isArray(this.filterableColumnIds) &&
@@ -5097,6 +5167,7 @@ class LineListTableComponent extends ReactWrapperModule {
                         searcheableDataElements: this.searcheableDataElements,
                         customDisplayInReportsIds: this.customDisplayInReportsIds,
                         columnNameSource: this.columnNameSource,
+                        columnMetadataDisplayMode: this.columnMetadataDisplayMode,
                         fetchOrgUnits: (orgUnitIds) => this.lineListService.fetchOrgUnits(orgUnitIds),
                     });
                     if (format === 'CSV') {
@@ -5397,7 +5468,7 @@ class LineListTableComponent extends ReactWrapperModule {
         this.render();
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.3", ngImport: i0, type: LineListTableComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.1.3", type: LineListTableComponent, isStandalone: false, selector: "ng-dhis2-ui-line-list", inputs: { triggerToken: "triggerToken", programId: "programId", orgUnit: "orgUnit", programStageId: "programStageId", actionOptions: "actionOptions", actionOptionOrientation: "actionOptionOrientation", attributeFilters: "attributeFilters", useOuModeWithOlderDHIS2Instance: "useOuModeWithOlderDHIS2Instance", startDate: "startDate", endDate: "endDate", dataQueryFilters: "dataQueryFilters", lineListRowActionFilterConfig: "lineListRowActionFilterConfig", hydrateForActionFiltering: "hydrateForActionFiltering", ouMode: "ouMode", isButtonLoading: "isButtonLoading", buttonFilter: "buttonFilter", filterRootOrgUnit: "filterRootOrgUnit", showFilters: "showFilters", isOptionSetNameVisible: "isOptionSetNameVisible", allowRowsSelection: "allowRowsSelection", enrollmentStatus: "enrollmentStatus", filterableColumnIds: "filterableColumnIds", triggerRefetch: "triggerRefetch", eventStatus: "eventStatus", showActionButtons: "showActionButtons", showEnrollmentDates: "showEnrollmentDates", showDownloadButton: "showDownloadButton", searcheableDataElements: "searcheableDataElements", columnNameSource: "columnNameSource", customDisplayInReportsIds: "customDisplayInReportsIds" }, outputs: { actionSelected: "actionSelected", rowsSelected: "rowsSelected" }, usesInheritance: true, usesOnChanges: true, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, styles: ["@charset \"UTF-8\";::ng-deep .line-list-root{width:100%;max-width:100%;min-width:0}::ng-deep .line-list-download-toolbar{position:sticky;left:0;z-index:2;display:flex;justify-content:flex-end;width:100%;max-width:100%;box-sizing:border-box;background:#fff}::ng-deep .line-list-table-scroll{width:100%;max-width:100%;overflow-x:auto}::ng-deep .custom-input{display:flex!important;gap:4px!important;align-items:center!important;border:1px solid #9fadba!important;border-radius:4px!important;margin:0;padding:0 0 0 8px;background-color:#fff!important}::ng-deep .custom-input div{margin:0!important}::ng-deep .custom-input label{font-size:12px;padding-right:0}::ng-deep .custom-input input{border:none!important;font-size:12px!important;display:flex;align-items:center;padding-left:4px;height:40px;outline:none!important;box-shadow:none!important}::ng-deep .custom-input input:focus{border:none!important;box-shadow:none!important}::ng-deep .custom-input [data-test=calendar-clear-button]{background-color:#f2f2f2!important;color:#870808!important;border-radius:6px!important;padding:4px 10px!important;font-size:0!important}::ng-deep .custom-input [data-test=calendar-clear-button]:before{content:\"\\2715\";font-size:14px;color:#870808}::ng-deep .custom-input [data-test=calendar-clear-button]:hover{background-color:#ddd}::ng-deep .calendar-input-wrapper{position:relative}::ng-deep .calendar-input-wrapper .custom-input{position:relative;width:100%;display:flex;align-items:center}::ng-deep .calendar-input-wrapper [data-test=calendar-clear-button]{right:8px;bottom:14px;margin:auto;display:flex;align-items:center;justify-content:center;width:16px;height:16px;font-size:0!important;background-color:#a0adba!important;border-radius:50%;padding:2px;cursor:pointer}::ng-deep .calendar-input-wrapper [data-test=calendar-clear-button]:before{content:\"\\2715\";font-size:10px;color:#f0f0f0}::ng-deep .calendar-input-wrapper input{padding-right:40px!important;height:40px;line-height:40px;box-sizing:border-box}::ng-deep .custom-input label{color:gray!important;opacity:1}::ng-deep .table-top-toolbar{background-color:var(--colors-grey100)!important;color:var(--colors-grey900)!important}::ng-deep .custom-select-input{display:flex!important;gap:4px!important;align-items:center!important;border:1px solid #9fadba!important;border-radius:4px!important;margin:0;padding:0 0 0 8px;background-color:#fff!important}::ng-deep .custom-select-input div{margin:0!important}::ng-deep .custom-select-input [data-test=dhis2-uiwidgets-singleselectfield-label]{font-size:12px;color:gray!important}::ng-deep .custom-select-input [data-test=dhis2-uicore-select-input]{border:none!important;font-size:12px!important;display:flex;align-items:center;padding-left:4px;height:40px;outline:none!important;box-shadow:none!important}::ng-deep .custom-select-input [data-test=dhis2-uicore-select-input]:focus-within{box-shadow:none!important}::ng-deep .custom-select-input input:focus{border:none!important;box-shadow:none!important}\n"] }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.1.3", type: LineListTableComponent, isStandalone: false, selector: "ng-dhis2-ui-line-list", inputs: { triggerToken: "triggerToken", programId: "programId", orgUnit: "orgUnit", programStageId: "programStageId", actionOptions: "actionOptions", actionOptionOrientation: "actionOptionOrientation", attributeFilters: "attributeFilters", useOuModeWithOlderDHIS2Instance: "useOuModeWithOlderDHIS2Instance", startDate: "startDate", endDate: "endDate", dataQueryFilters: "dataQueryFilters", lineListRowActionFilterConfig: "lineListRowActionFilterConfig", hydrateForActionFiltering: "hydrateForActionFiltering", ouMode: "ouMode", isButtonLoading: "isButtonLoading", buttonFilter: "buttonFilter", filterRootOrgUnit: "filterRootOrgUnit", showFilters: "showFilters", isOptionSetNameVisible: "isOptionSetNameVisible", allowRowsSelection: "allowRowsSelection", enrollmentStatus: "enrollmentStatus", filterableColumnIds: "filterableColumnIds", triggerRefetch: "triggerRefetch", eventStatus: "eventStatus", showActionButtons: "showActionButtons", showEnrollmentDates: "showEnrollmentDates", showDownloadButton: "showDownloadButton", searcheableDataElements: "searcheableDataElements", columnNameSource: "columnNameSource", customDisplayInReportsIds: "customDisplayInReportsIds", columnMetadataDisplayMode: "columnMetadataDisplayMode" }, outputs: { actionSelected: "actionSelected", rowsSelected: "rowsSelected" }, usesInheritance: true, usesOnChanges: true, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, styles: ["@charset \"UTF-8\";::ng-deep .line-list-root{width:100%;max-width:100%;min-width:0}::ng-deep .line-list-download-toolbar{position:sticky;left:0;z-index:2;display:flex;justify-content:flex-end;width:100%;max-width:100%;box-sizing:border-box;background:#fff}::ng-deep .line-list-table-scroll{width:100%;max-width:100%;overflow-x:auto}::ng-deep .custom-input{display:flex!important;gap:4px!important;align-items:center!important;border:1px solid #9fadba!important;border-radius:4px!important;margin:0;padding:0 0 0 8px;background-color:#fff!important}::ng-deep .custom-input div{margin:0!important}::ng-deep .custom-input label{font-size:12px;padding-right:0}::ng-deep .custom-input input{border:none!important;font-size:12px!important;display:flex;align-items:center;padding-left:4px;height:40px;outline:none!important;box-shadow:none!important}::ng-deep .custom-input input:focus{border:none!important;box-shadow:none!important}::ng-deep .custom-input [data-test=calendar-clear-button]{background-color:#f2f2f2!important;color:#870808!important;border-radius:6px!important;padding:4px 10px!important;font-size:0!important}::ng-deep .custom-input [data-test=calendar-clear-button]:before{content:\"\\2715\";font-size:14px;color:#870808}::ng-deep .custom-input [data-test=calendar-clear-button]:hover{background-color:#ddd}::ng-deep .calendar-input-wrapper{position:relative}::ng-deep .calendar-input-wrapper .custom-input{position:relative;width:100%;display:flex;align-items:center}::ng-deep .calendar-input-wrapper [data-test=calendar-clear-button]{right:8px;bottom:14px;margin:auto;display:flex;align-items:center;justify-content:center;width:16px;height:16px;font-size:0!important;background-color:#a0adba!important;border-radius:50%;padding:2px;cursor:pointer}::ng-deep .calendar-input-wrapper [data-test=calendar-clear-button]:before{content:\"\\2715\";font-size:10px;color:#f0f0f0}::ng-deep .calendar-input-wrapper input{padding-right:40px!important;height:40px;line-height:40px;box-sizing:border-box}::ng-deep .custom-input label{color:gray!important;opacity:1}::ng-deep .table-top-toolbar{background-color:var(--colors-grey100)!important;color:var(--colors-grey900)!important}::ng-deep .custom-select-input{display:flex!important;gap:4px!important;align-items:center!important;border:1px solid #9fadba!important;border-radius:4px!important;margin:0;padding:0 0 0 8px;background-color:#fff!important}::ng-deep .custom-select-input div{margin:0!important}::ng-deep .custom-select-input [data-test=dhis2-uiwidgets-singleselectfield-label]{font-size:12px;color:gray!important}::ng-deep .custom-select-input [data-test=dhis2-uicore-select-input]{border:none!important;font-size:12px!important;display:flex;align-items:center;padding-left:4px;height:40px;outline:none!important;box-shadow:none!important}::ng-deep .custom-select-input [data-test=dhis2-uicore-select-input]:focus-within{box-shadow:none!important}::ng-deep .custom-select-input input:focus{border:none!important;box-shadow:none!important}\n"] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.3", ngImport: i0, type: LineListTableComponent, decorators: [{
             type: Component,
@@ -5466,6 +5537,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.3", ngImpor
                 type: Input
             }], customDisplayInReportsIds: [{
                 type: Input
+            }], columnMetadataDisplayMode: [{
+                type: Input
             }] } });
 
 class LineListModule {
@@ -10381,6 +10454,9 @@ class FieldUtil {
     }
     static getFieldControlType(valueType, hasOptions) {
         if (hasOptions) {
+            if (valueType === FieldType.MULTI_TEXT) {
+                return 'multi-dropdown';
+            }
             return 'dropdown';
         }
         switch (valueType) {
@@ -13532,5 +13608,5 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.3", ngImpor
  * Generated bundle index. Do not edit.
  */
 
-export { Boolean$1 as Boolean, BreadcrumbComponent, BreadcrumbModule, ButtonComponent, ButtonModule, CascadeKind, CheckBox, D2FormModule, DEFAULT_KEYWORD_TO_LEVEL, DEFAULT_OPTIONS_PATH_CASCADE, DataTableUIComponent, DataTableUIModule, DateField, DateRangeValue, Dropdown, EventFormComponent, EventFormModule, FACILITY_KEYWORDS, FieldConfig, FieldControlTypeUtil, FieldDropdown, FieldType, FieldUtil, FlatFormComponent, FormComponent, FormConfig, FormField, FormFieldComponent, FormFieldGroup, FormFieldTypeUtil, FormMetaData, FormMetadataSection, FormUtil, FormValue, FormValueUtil, GLOBAL_TYPE_RULES, HeaderBarComponent, HeaderBarModule, LOWERCASE_FACILITY_KEYWORDS, LevelMatchMode, LevelSelectorMode, LineListModule, LineListTableComponent, MetadataRule, MetadataRuleAction, ORG_UNIT_LEVEL_TO_KEYWORD, OptionPathField, OrgUnitLevel, OrganisationUnitSelectionConfig, OrganisationUnitSelectorComponent, OrganisationUnitSelectorModalComponent, OrganisationUnitSelectorModule, ParentMatchMode, ParentValueType, PeriodSelectorComponent, PeriodSelectorModalComponent, PeriodSelectorModule, ProgramEntryFormConfig, ProgramEntryFormMetaData, ProgramEntryFormModule, ProgramEntryFormSection, ReactWrapperModule, RepeatableFormComponent, SectionFormComponent, SelectionFiltersComponent, SelectionFiltersUiModule, TrackerFormComponent, TrackerFormModule, TranslationUtil };
+export { Boolean$1 as Boolean, BreadcrumbComponent, BreadcrumbModule, ButtonComponent, ButtonModule, CascadeKind, CheckBox, D2FormModule, DEFAULT_KEYWORD_TO_LEVEL, DEFAULT_OPTIONS_PATH_CASCADE, DataTableUIComponent, DataTableUIModule, DateField, DateRangeValue, Dropdown, EventFormComponent, EventFormModule, FACILITY_KEYWORDS, FieldConfig, FieldControlTypeUtil, FieldDropdown, FieldType, FieldUtil, FlatFormComponent, FormComponent, FormConfig, FormField, FormFieldComponent, FormFieldGroup, FormFieldTypeUtil, FormMetaData, FormMetadataSection, FormUtil, FormValue, FormValueUtil, GLOBAL_TYPE_RULES, HeaderBarComponent, HeaderBarModule, LOWERCASE_FACILITY_KEYWORDS, LevelMatchMode, LevelSelectorMode, LineListColumnMetadataDisplayMode, LineListModule, LineListTableComponent, MetadataRule, MetadataRuleAction, ORG_UNIT_LEVEL_TO_KEYWORD, OptionPathField, OrgUnitLevel, OrganisationUnitSelectionConfig, OrganisationUnitSelectorComponent, OrganisationUnitSelectorModalComponent, OrganisationUnitSelectorModule, ParentMatchMode, ParentValueType, PeriodSelectorComponent, PeriodSelectorModalComponent, PeriodSelectorModule, ProgramEntryFormConfig, ProgramEntryFormMetaData, ProgramEntryFormModule, ProgramEntryFormSection, ReactWrapperModule, RepeatableFormComponent, SectionFormComponent, SelectionFiltersComponent, SelectionFiltersUiModule, TrackerFormComponent, TrackerFormModule, TranslationUtil };
 //# sourceMappingURL=iapps-ng-dhis2-ui.mjs.map