@jooler/inputs 0.0.51 → 0.0.53

package/fesm2022/inputs.mjs

@@ -17,6 +17,260 @@ import { AppMaterialModule } from '@jooler/app-material';
 import * as i1$2 from '@angular/router';
 import * as i3$1 from '@angular/material/menu';
 
+class PrimaryColors {
+    static $primaryBlueColor = '#155ED4';
+    static $primaryPinkColor = '#F0509C';
+    static $primaryTealColor = '#12957E';
+    static $primaryCarbonColor = '#32353B';
+    static $primaryGrayColor = '#676767';
+    static $primaryPurpleColor = '#E3B1EB';
+    static $primaryRedColor = '#A80002';
+    static $primaryLightRedColor = '#FFDBDB';
+    static $primaryLightGrayBlueColor = '#f7f8f9';
+    static $primaryLightGrayColor = '#f0f0f0';
+    static $primaryLightBlueColor = '#b9cff2';
+    static $primaryYellowColor = '#F2CD5C';
+    static $primaryOrangeColor = '#F2921D';
+    static $primaryLimeGreenColor = '#AFFF00';
+    static $primaryNavyBlueColor = '#000080';
+    static $primaryOrangeRedColor = '#FF4500';
+    static $primaryDarkPurpleColor = '#7600BC';
+}
+
+var BOMProductionType;
+(function (BOMProductionType) {
+    BOMProductionType[BOMProductionType["MANUFACTURED_IN_HOUSE"] = 0] = "MANUFACTURED_IN_HOUSE";
+    BOMProductionType[BOMProductionType["PARTIALLY_MANUFACTURED_IN_HOUSE"] = 1] = "PARTIALLY_MANUFACTURED_IN_HOUSE";
+})(BOMProductionType || (BOMProductionType = {}));
+const bomProductionTypeColors = Object.values({
+    [BOMProductionType.MANUFACTURED_IN_HOUSE]: PrimaryColors.$primaryLimeGreenColor,
+    [BOMProductionType.PARTIALLY_MANUFACTURED_IN_HOUSE]: PrimaryColors.$primaryBlueColor,
+});
+
+var SalesOrderStatus;
+(function (SalesOrderStatus) {
+    SalesOrderStatus[SalesOrderStatus["DRAFT"] = 0] = "DRAFT";
+    SalesOrderStatus[SalesOrderStatus["PENDING_APPROVAL"] = 1] = "PENDING_APPROVAL";
+    SalesOrderStatus[SalesOrderStatus["APPROVED"] = 2] = "APPROVED";
+    SalesOrderStatus[SalesOrderStatus["TO_DELIVER_AND_TO_BILL"] = 3] = "TO_DELIVER_AND_TO_BILL";
+    SalesOrderStatus[SalesOrderStatus["TO_BILL"] = 4] = "TO_BILL";
+    SalesOrderStatus[SalesOrderStatus["PARTIALLY_DELIVERED_AND_PARTIALLY_BILLED"] = 5] = "PARTIALLY_DELIVERED_AND_PARTIALLY_BILLED";
+    SalesOrderStatus[SalesOrderStatus["PARTIALLY_DELIVERED_AND_TO_BILL"] = 6] = "PARTIALLY_DELIVERED_AND_TO_BILL";
+    SalesOrderStatus[SalesOrderStatus["COMPLETED"] = 7] = "COMPLETED";
+    SalesOrderStatus[SalesOrderStatus["CANCELED"] = 8] = "CANCELED";
+    SalesOrderStatus[SalesOrderStatus["CLOSED"] = 9] = "CLOSED";
+})(SalesOrderStatus || (SalesOrderStatus = {}));
+const salesOrderStatusColors = Object.values({
+    [SalesOrderStatus.DRAFT]: PrimaryColors.$primaryBlueColor,
+    [SalesOrderStatus.PENDING_APPROVAL]: PrimaryColors.$primaryYellowColor,
+    [SalesOrderStatus.APPROVED]: PrimaryColors.$primaryTealColor,
+    [SalesOrderStatus.TO_DELIVER_AND_TO_BILL]: PrimaryColors.$primaryPurpleColor,
+    [SalesOrderStatus.TO_BILL]: PrimaryColors.$primaryPinkColor,
+    [SalesOrderStatus.PARTIALLY_DELIVERED_AND_PARTIALLY_BILLED]: PrimaryColors.$primaryOrangeColor,
+    [SalesOrderStatus.PARTIALLY_DELIVERED_AND_TO_BILL]: PrimaryColors.$primaryNavyBlueColor,
+    [SalesOrderStatus.COMPLETED]: PrimaryColors.$primaryLimeGreenColor,
+    [SalesOrderStatus.CANCELED]: PrimaryColors.$primaryGrayColor,
+    [SalesOrderStatus.CLOSED]: PrimaryColors.$primaryCarbonColor,
+});
+
+var BillStatus;
+(function (BillStatus) {
+    BillStatus[BillStatus["DRAFT"] = 0] = "DRAFT";
+    BillStatus[BillStatus["RECEIVED"] = 1] = "RECEIVED";
+    BillStatus[BillStatus["PAID"] = 2] = "PAID";
+    BillStatus[BillStatus["CANCELLED"] = 3] = "CANCELLED";
+    BillStatus[BillStatus["RETURN"] = 4] = "RETURN";
+    BillStatus[BillStatus["DEBIT_NOTE_ISSUED"] = 5] = "DEBIT_NOTE_ISSUED";
+    BillStatus[BillStatus["PARTLY_PAID"] = 6] = "PARTLY_PAID";
+    BillStatus[BillStatus["UNPAID"] = 7] = "UNPAID";
+    BillStatus[BillStatus["OVERDUE"] = 8] = "OVERDUE";
+})(BillStatus || (BillStatus = {}));
+const billStatusColors = Object.values({
+    [BillStatus.DRAFT]: PrimaryColors.$primaryBlueColor,
+    [BillStatus.RECEIVED]: PrimaryColors.$primaryTealColor,
+    [BillStatus.PAID]: PrimaryColors.$primaryPurpleColor,
+    [BillStatus.CANCELLED]: PrimaryColors.$primaryGrayColor,
+    [BillStatus.RETURN]: PrimaryColors.$primaryPinkColor,
+    [BillStatus.DEBIT_NOTE_ISSUED]: PrimaryColors.$primaryNavyBlueColor,
+    [BillStatus.PARTLY_PAID]: PrimaryColors.$primaryYellowColor,
+    [BillStatus.UNPAID]: PrimaryColors.$primaryRedColor,
+    [BillStatus.OVERDUE]: PrimaryColors.$primaryOrangeColor,
+});
+
+var ChargeLevel;
+(function (ChargeLevel) {
+    ChargeLevel[ChargeLevel["MAIN"] = 0] = "MAIN";
+    ChargeLevel[ChargeLevel["LINE"] = 1] = "LINE";
+})(ChargeLevel || (ChargeLevel = {}));
+
+var CustomOrderRequestStatus;
+(function (CustomOrderRequestStatus) {
+    CustomOrderRequestStatus[CustomOrderRequestStatus["DRAFT"] = 0] = "DRAFT";
+    CustomOrderRequestStatus[CustomOrderRequestStatus["SENT"] = 1] = "SENT";
+    CustomOrderRequestStatus[CustomOrderRequestStatus["RESPONDED"] = 2] = "RESPONDED";
+    CustomOrderRequestStatus[CustomOrderRequestStatus["REJECTED"] = 3] = "REJECTED";
+    CustomOrderRequestStatus[CustomOrderRequestStatus["CANCELED"] = 4] = "CANCELED";
+    CustomOrderRequestStatus[CustomOrderRequestStatus["DECLINED"] = 5] = "DECLINED";
+    CustomOrderRequestStatus[CustomOrderRequestStatus["ACCEPTED"] = 6] = "ACCEPTED";
+    CustomOrderRequestStatus[CustomOrderRequestStatus["ORDER_CONFIRMED"] = 7] = "ORDER_CONFIRMED";
+    CustomOrderRequestStatus[CustomOrderRequestStatus["DELIVERED"] = 8] = "DELIVERED";
+    CustomOrderRequestStatus[CustomOrderRequestStatus["ON_HOLD"] = 9] = "ON_HOLD";
+    CustomOrderRequestStatus[CustomOrderRequestStatus["IN_PRODUCTION"] = 10] = "IN_PRODUCTION";
+})(CustomOrderRequestStatus || (CustomOrderRequestStatus = {}));
+const customOrderRequestStatusColors = Object.values({
+    [CustomOrderRequestStatus.DRAFT]: PrimaryColors.$primaryBlueColor,
+    [CustomOrderRequestStatus.SENT]: PrimaryColors.$primaryNavyBlueColor,
+    [CustomOrderRequestStatus.RESPONDED]: PrimaryColors.$primaryPurpleColor,
+    [CustomOrderRequestStatus.REJECTED]: PrimaryColors.$primaryRedColor,
+    [CustomOrderRequestStatus.CANCELED]: PrimaryColors.$primaryGrayColor,
+    [CustomOrderRequestStatus.DECLINED]: PrimaryColors.$primaryPinkColor,
+    [CustomOrderRequestStatus.ACCEPTED]: PrimaryColors.$primaryPurpleColor,
+    [CustomOrderRequestStatus.ORDER_CONFIRMED]: PrimaryColors.$primaryDarkPurpleColor,
+    [CustomOrderRequestStatus.IN_PRODUCTION]: PrimaryColors.$primaryLimeGreenColor,
+    [CustomOrderRequestStatus.DELIVERED]: PrimaryColors.$primaryTealColor,
+    [CustomOrderRequestStatus.ON_HOLD]: PrimaryColors.$primaryOrangeColor,
+});
+
+var InvitationStatus;
+(function (InvitationStatus) {
+    InvitationStatus[InvitationStatus["PENDING"] = 0] = "PENDING";
+    InvitationStatus[InvitationStatus["ACCEPTED"] = 1] = "ACCEPTED";
+    InvitationStatus[InvitationStatus["EXPIRED"] = 2] = "EXPIRED";
+    InvitationStatus[InvitationStatus["CANCELED"] = 3] = "CANCELED";
+})(InvitationStatus || (InvitationStatus = {}));
+const invitationStatusColors = Object.values({
+    [InvitationStatus.PENDING]: PrimaryColors.$primaryYellowColor,
+    [InvitationStatus.ACCEPTED]: PrimaryColors.$primaryTealColor,
+    [InvitationStatus.EXPIRED]: PrimaryColors.$primaryGrayColor,
+    [InvitationStatus.CANCELED]: PrimaryColors.$primaryPinkColor,
+});
+
+var InvoiceStatus;
+(function (InvoiceStatus) {
+    InvoiceStatus[InvoiceStatus["DRAFT"] = 0] = "DRAFT";
+    InvoiceStatus[InvoiceStatus["SUBMITTED"] = 1] = "SUBMITTED";
+    InvoiceStatus[InvoiceStatus["PAID"] = 2] = "PAID";
+    InvoiceStatus[InvoiceStatus["UNPAID"] = 3] = "UNPAID";
+    InvoiceStatus[InvoiceStatus["PARTLY_PAID"] = 4] = "PARTLY_PAID";
+    InvoiceStatus[InvoiceStatus["CANCELLED"] = 5] = "CANCELLED";
+    InvoiceStatus[InvoiceStatus["OVERDUE"] = 6] = "OVERDUE";
+    InvoiceStatus[InvoiceStatus["CREDIT_NOTE_ISSUED"] = 7] = "CREDIT_NOTE_ISSUED";
+    InvoiceStatus[InvoiceStatus["RETURN"] = 8] = "RETURN";
+    InvoiceStatus[InvoiceStatus["UNPAID_AND_DISCOUNTED"] = 9] = "UNPAID_AND_DISCOUNTED";
+    InvoiceStatus[InvoiceStatus["OVERDUE_AND_DISCOUNTED"] = 10] = "OVERDUE_AND_DISCOUNTED";
+})(InvoiceStatus || (InvoiceStatus = {}));
+
+var LockerTransferStatus;
+(function (LockerTransferStatus) {
+    LockerTransferStatus[LockerTransferStatus["DRAFT"] = 0] = "DRAFT";
+    LockerTransferStatus[LockerTransferStatus["POSTED"] = 1] = "POSTED";
+})(LockerTransferStatus || (LockerTransferStatus = {}));
+const lockerTransferStatusColors = Object.values({
+    [LockerTransferStatus.DRAFT]: PrimaryColors.$primaryBlueColor,
+    [LockerTransferStatus.POSTED]: PrimaryColors.$primaryTealColor,
+});
+
+var Priority;
+(function (Priority) {
+    Priority[Priority["LOW"] = 0] = "LOW";
+    Priority[Priority["NORMAL"] = 1] = "NORMAL";
+    Priority[Priority["HIGH"] = 2] = "HIGH";
+})(Priority || (Priority = {}));
+const priorityColors = Object.values({
+    [Priority.LOW]: PrimaryColors.$primaryTealColor,
+    [Priority.NORMAL]: PrimaryColors.$primaryOrangeColor,
+    [Priority.HIGH]: PrimaryColors.$primaryRedColor,
+});
+
+var QuotationStatus;
+(function (QuotationStatus) {
+    QuotationStatus[QuotationStatus["CREATED"] = 0] = "CREATED";
+    QuotationStatus[QuotationStatus["SENT"] = 1] = "SENT";
+    QuotationStatus[QuotationStatus["REJECTED"] = 2] = "REJECTED";
+    QuotationStatus[QuotationStatus["CANCELED"] = 3] = "CANCELED";
+    QuotationStatus[QuotationStatus["ACCEPTED"] = 4] = "ACCEPTED";
+    QuotationStatus[QuotationStatus["EXPIRED"] = 5] = "EXPIRED";
+})(QuotationStatus || (QuotationStatus = {}));
+const quotationStatusColors = Object.values({
+    [QuotationStatus.CREATED]: PrimaryColors.$primaryLimeGreenColor,
+    [QuotationStatus.SENT]: PrimaryColors.$primaryNavyBlueColor,
+    [QuotationStatus.REJECTED]: PrimaryColors.$primaryOrangeRedColor,
+    [QuotationStatus.CANCELED]: PrimaryColors.$primaryOrangeColor,
+    [QuotationStatus.ACCEPTED]: PrimaryColors.$primaryTealColor,
+    [QuotationStatus.EXPIRED]: PrimaryColors.$primaryGrayColor,
+});
+
+var RequestStatus;
+(function (RequestStatus) {
+    RequestStatus[RequestStatus["PENDING"] = 0] = "PENDING";
+    RequestStatus[RequestStatus["REJECTED"] = 1] = "REJECTED";
+    RequestStatus[RequestStatus["APPROVED"] = 2] = "APPROVED";
+    RequestStatus[RequestStatus["CANCELED"] = 3] = "CANCELED";
+})(RequestStatus || (RequestStatus = {}));
+const requestStatusColors = Object.values({
+    [RequestStatus.PENDING]: PrimaryColors.$primaryYellowColor,
+    [RequestStatus.REJECTED]: PrimaryColors.$primaryRedColor,
+    [RequestStatus.APPROVED]: PrimaryColors.$primaryTealColor,
+    [RequestStatus.CANCELED]: PrimaryColors.$primaryGrayColor,
+});
+
+// Enum Class Mapping
+const enumClassMap = {
+    BOMProductionType: BOMProductionType,
+    InvoiceStatus: InvoiceStatus,
+    CustomOrderRequestStatus: CustomOrderRequestStatus,
+    Priority: Priority,
+    QuotationStatus: QuotationStatus,
+    LockerTransferStatus: LockerTransferStatus,
+    BillStatus: BillStatus,
+    SalesOrderStatus: SalesOrderStatus,
+    RequestStatus: RequestStatus,
+    InvitationStatus: InvitationStatus,
+    ChargeLevel: ChargeLevel,
+};
+
+const enumCustomColors = [
+    { enumClass: 'CustomOrderRequestStatus', colors: customOrderRequestStatusColors },
+    { enumClass: 'Priority', colors: priorityColors },
+    { enumClass: 'QuotationStatus', colors: quotationStatusColors },
+    { enumClass: 'LockerTransferStatus', colors: lockerTransferStatusColors },
+    { enumClass: 'BillStatus', colors: billStatusColors },
+    { enumClass: 'SalesOrderStatus', colors: salesOrderStatusColors },
+    { enumClass: 'RequestStatus', colors: requestStatusColors },
+    { enumClass: 'InvitationStatus', colors: invitationStatusColors },
+    { enumClass: 'BOMProductionType', colors: bomProductionTypeColors },
+];
+
+class EnumCustomColorMapping {
+    enumClass;
+    colors;
+    constructor(enumClass, colors) {
+        this.enumClass = enumClass;
+        if (this.validateColors(enumClass, colors)) {
+            this.colors = colors;
+        }
+        else {
+            throw new Error(`The length of your custom colors list does not match the enum class provided.`);
+        }
+    }
+    validateColors(enumClass, colors) {
+        // Get the total number of enum values by counting keys
+        const enumValues = Object.keys(enumClass).filter(key => isNaN(Number(key))).length;
+        return colors.length === enumValues;
+    }
+}
+// Function to create EnumCustomColorMapping instances from JSON array
+function createEnumCustomColorMappings(mappings) {
+    return mappings.map(json => {
+        const enumClass = enumClassMap[json.enumClass];
+        if (!enumClass) {
+            throw new Error(`Enum class "${json.enumClass}" not found.`);
+        }
+        return new EnumCustomColorMapping(enumClass, json.colors);
+    });
+}
+const enumCustomColorMappings = createEnumCustomColorMappings(enumCustomColors);
+
 class CustomTheme {
     static $joolerBlue = [
         '#e3ecfa',
@@ -121,49 +375,135 @@ class CustomTheme {
     ];
 }
 
+var enumCustomLabelMappingsJSON = [
+	{
+		enumClass: "BOMProductionType",
+		labels: [
+			"Manufactured In-House",
+			"Partially Manufactured In-House"
+		]
+	},
+	{
+		enumClass: "ChargeLevel",
+		labels: [
+			"Header",
+			"Line"
+		]
+	}
+];
+
+class EnumCustomLabelMapping {
+    enumClass;
+    labels;
+    constructor(enumClass, labels) {
+        this.enumClass = enumClass;
+        if (this.validateLabels(enumClass, labels)) {
+            this.labels = labels;
+        }
+        else {
+            throw new Error('The length of your custom labels list does not match the enum class provided.');
+        }
+    }
+    validateLabels(enumClass, labels) {
+        // Get the total number of enum values by counting keys
+        const enumValues = Object.keys(enumClass).filter(key => isNaN(Number(key))).length;
+        return labels.length === enumValues;
+    }
+}
+// Function to create EnumCustomLabelMapping instances from JSON array
+function createEnumCustomLabelMappingsFromJSON(jsonArray) {
+    return jsonArray.map(json => {
+        const enumClass = enumClassMap[json.enumClass];
+        if (!enumClass) {
+            throw new Error(`Enum class "${json.enumClass}" not found.`);
+        }
+        return new EnumCustomLabelMapping(enumClass, json.labels);
+    });
+}
+const enumCustomLabelMappings = createEnumCustomLabelMappingsFromJSON(enumCustomLabelMappingsJSON);
+
+class EnumOption {
+    value;
+    label;
+    color;
+    description;
+    disabled;
+    constructor(value, label, color, disabled = false) {
+        this.value = value;
+        this.label = label;
+        this.color = color;
+        this.disabled = disabled;
+    }
+}
+
 class EnumHelperBaseClass {
-    static getEnumOptionsFromEnumClass(enumClass, customColors, isAllCaps) {
+    static getEnumOptionsFromEnumClass(enumClass, customColors, isAllCaps = false, isIntegerChoice = true) {
+        const enumOptions = [];
+        // Get string keys only (filter out numeric reverse mappings)
+        const enumKeys = Object.keys(enumClass).filter(k => isNaN(Number(k)));
+        // Prepare display labels
+        const stringValues = EnumHelperBaseClass.getStringValuesForEnumClass(enumClass, isAllCaps);
+        // Prepare colors
+        const colors = EnumHelperBaseClass.getColorsForEnumClass(enumClass, stringValues, customColors);
+        enumKeys.forEach((key, idx) => {
+            let value;
+            if (isIntegerChoice) {
+                value = enumClass[key]; // numeric value
+            }
+            else {
+                value = key; // string value
+            }
+            const label = stringValues[idx];
+            const color = colors[idx];
+            enumOptions.push(new EnumOption(value, label, color));
+        });
+        return enumOptions;
+    }
+    static getColorsForEnumClass(enumClass, stringValues, customColors) {
         let colors = CustomTheme.$joolerCombo;
+        let enumSpecificColors = enumCustomColorMappings.find(item => Object.keys(item.enumClass).toString() == Object.keys(enumClass).toString());
+        if (enumSpecificColors) {
+            colors = enumSpecificColors.colors;
+        }
         if (customColors && customColors.length > 0) {
             colors = customColors;
         }
+        // in case the array of colors is smaller than the stringValues array, we repeat the the colors so that they are enough
+        if (stringValues.length > colors.length) {
+            for (let label of stringValues) {
+                colors.push(colors[stringValues.indexOf(label) % colors.length]);
+            }
+        }
+        return colors;
+    }
+    static getStringValuesForEnumClass(enumClass, isAllCaps) {
         let stringValues = [];
-        let enumOption;
-        let enumOptions = [];
-        for (let item in enumClass) {
-            if (isNaN(Number(item))) {
-                let joinedString;
-                stringValues.push(item);
-                let splitStr = item.toLowerCase().split('_');
-                if (!isAllCaps) {
-                    for (let i = 0; i < splitStr.length; i++) {
-                        splitStr[i] =
-                            splitStr[i].charAt(0).toUpperCase() + splitStr[i].substring(1);
+        let enumCustomLabels = enumCustomLabelMappings.find(item => Object.keys(item.enumClass).toString() == Object.keys(enumClass).toString());
+        if (enumCustomLabels) {
+            stringValues = enumCustomLabels.labels;
+        }
+        else {
+            for (let item in enumClass) {
+                if (isNaN(Number(item))) {
+                    let joinedString;
+                    stringValues.push(item);
+                    let splitStr = item.toLowerCase().split('_');
+                    if (!isAllCaps) {
+                        for (let i = 0; i < splitStr.length; i++) {
+                            splitStr[i] = splitStr[i].charAt(0).toUpperCase() + splitStr[i].substring(1);
+                        }
                     }
-                }
-                else {
-                    for (let i = 0; i < splitStr.length; i++) {
-                        splitStr[i] = splitStr[i].toUpperCase();
+                    else {
+                        for (let i = 0; i < splitStr.length; i++) {
+                            splitStr[i] = splitStr[i].toUpperCase();
+                        }
                     }
+                    joinedString = splitStr.join(' ');
+                    stringValues.splice(stringValues.indexOf(item), 1, joinedString);
                 }
-                joinedString = splitStr.join(' ');
-                stringValues.splice(stringValues.indexOf(item), 1, joinedString);
             }
         }
-        let repeatedColors = [];
-        let i = 0;
-        for (let label of stringValues) {
-            // in case the array of colors is smaller than the stringValues array, we repeat the the colors so that they are enough
-            repeatedColors.push(colors[stringValues.indexOf(label) % colors.length]);
-            enumOption = {
-                value: Object.keys(enumClass).map(Number)[i],
-                label: label,
-                color: repeatedColors[i],
-            };
-            enumOptions.push(enumOption);
-            i++;
-        }
-        return enumOptions;
+        return stringValues;
     }
     static getLabelAndColorFromEnumValue(enumClass, enumValue, customColors) {
         let enumOptions = EnumHelperBaseClass.getEnumOptionsFromEnumClass(enumClass, customColors);
@@ -184,13 +524,11 @@ class ChooseEnumComponent {
     clearable = true;
     customColors;
     enumChoices;
-    virtualScroll = false;
     getValuesArrayFromEnum = EnumHelperBaseClass.getEnumOptionsFromEnumClass;
-    indexesToDisable = [];
+    valuesToDisable = [];
+    valuesToHide = [];
     isChip = true;
     isDropdownDisabled = false;
-    isItemHidden;
-    isItemDisabled;
     isMultiple;
     label = 'label';
     labelTextAlign = 'left';
@@ -201,49 +539,63 @@ class ChooseEnumComponent {
     percentWidth = false;
     selectedItem;
     width;
+    isReadOnly = false;
+    virtualScroll = false;
     change = new EventEmitter();
     close = new EventEmitter();
     constructor() { }
-    ngOnChanges() {
+    ngOnInit() {
         if (this.getValuesArrayFromEnum != null) {
             this.items = this.getValuesArrayFromEnum(this.enumChoices, this.customColors, this.allowAllCapsValues);
         }
-        if (this.isItemDisabled == true) {
-            if (this.indexesToDisable.length > 0) {
-                for (let index of this.indexesToDisable) {
-                    this.items[index].disabled = true;
-                }
-            }
+        if (this.valuesToDisable.length > 0) {
+            this.disabledItems();
         }
-        if (this.isItemHidden == true) {
-            if (this.indexesToDisable.length > 0) {
-                for (let index of this.indexesToDisable) {
-                    let itemIndex = this.items.findIndex((item) => item.value == index);
-                    this.items.splice(itemIndex, 1);
-                }
-            }
+        if (this.valuesToHide.length > 0) {
+            this.hideItems();
         }
+        this.sortAndReorderItems();
     }
-    ngOnInit() {
+    ngOnChanges() {
         if (this.getValuesArrayFromEnum != null) {
             this.items = this.getValuesArrayFromEnum(this.enumChoices, this.customColors, this.allowAllCapsValues);
         }
-        if (this.isItemDisabled == true) {
-            if (this.indexesToDisable.length > 0) {
-                for (let index of this.indexesToDisable) {
-                    this.items[index].disabled = true;
-                }
+        if (this.valuesToDisable.length > 0) {
+            this.disabledItems();
+        }
+        if (this.valuesToHide.length > 0) {
+            this.hideItems();
+        }
+        this.sortAndReorderItems();
+    }
+    disabledItems() {
+        for (let value of this.valuesToDisable) {
+            let index = this.items.findIndex(enumOption => enumOption.value == value);
+            if (index >= 0) {
+                this.items[index].disabled = true;
+            }
+            else {
+                throw Error('Index was not found for an enum element in the valuesToDisable array provided.');
             }
         }
-        if (this.isItemHidden == true) {
-            if (this.indexesToDisable.length > 0) {
-                for (let index of this.indexesToDisable) {
-                    let itemIndex = this.items.findIndex((item) => item.value == index);
-                    this.items.splice(itemIndex, 1);
-                }
+    }
+    hideItems() {
+        for (let value of this.valuesToHide) {
+            let index = this.items.findIndex(enumOption => enumOption.value == value);
+            if (index >= 0) {
+                this.items.splice(index, 1);
+            }
+            else {
+                throw Error('Index was not found for an enum element in the valuesToHide array provided.');
             }
         }
     }
+    sortAndReorderItems() {
+        const nonDisabledItems = this.items.filter(item => !item.disabled);
+        const disabledItems = this.items.filter(item => item.disabled);
+        nonDisabledItems.sort((a, b) => a.label.localeCompare(b.label));
+        this.items = [...nonDisabledItems, ...disabledItems];
+    }
     writeValue(type) {
         if (type != undefined) {
             this.selectedItem = type;
@@ -265,6 +617,7 @@ class ChooseEnumComponent {
         this.close.emit();
     }
     onSelectedItemChanged() {
+        this.propogateTouch();
         this.propagateChange(this.selectedItem);
         this.change.emit(this.selectedItem);
     }
@@ -273,6 +626,7 @@ class ChooseEnumComponent {
     }
     clear() {
         this.selectedItem = null;
+        this.propogateTouch();
     }
     setStyles() {
         let style = {
@@ -288,17 +642,18 @@ class ChooseEnumComponent {
             textAlign: this.labelTextAlign,
             fontWeight: this.labelTextFontWeight,
             fontSize: this.labelTextFontSize + 'rem',
+            padding: '0.4rem',
         };
         return style;
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: ChooseEnumComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: ChooseEnumComponent, selector: "choose-enum", inputs: { appendTo: "appendTo", allowAllCapsValues: "allowAllCapsValues", clearable: "clearable", customColors: "customColors", enumChoices: "enumChoices", virtualScroll: "virtualScroll", getValuesArrayFromEnum: "getValuesArrayFromEnum", indexesToDisable: "indexesToDisable", isChip: "isChip", isDropdownDisabled: "isDropdownDisabled", isItemHidden: "isItemHidden", isItemDisabled: "isItemDisabled", isMultiple: "isMultiple", label: "label", labelTextAlign: "labelTextAlign", labelTextFontWeight: "labelTextFontWeight", labelTextFontSize: "labelTextFontSize", paddingTop: "paddingTop", placeholder: "placeholder", percentWidth: "percentWidth", selectedItem: "selectedItem", width: "width" }, outputs: { change: "change", close: "close" }, providers: [
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: ChooseEnumComponent, selector: "choose-enum", inputs: { appendTo: "appendTo", allowAllCapsValues: "allowAllCapsValues", clearable: "clearable", customColors: "customColors", enumChoices: "enumChoices", getValuesArrayFromEnum: "getValuesArrayFromEnum", valuesToDisable: "valuesToDisable", valuesToHide: "valuesToHide", isChip: "isChip", isDropdownDisabled: "isDropdownDisabled", isMultiple: "isMultiple", label: "label", labelTextAlign: "labelTextAlign", labelTextFontWeight: "labelTextFontWeight", labelTextFontSize: "labelTextFontSize", paddingTop: "paddingTop", placeholder: "placeholder", percentWidth: "percentWidth", selectedItem: "selectedItem", width: "width", isReadOnly: "isReadOnly", virtualScroll: "virtualScroll" }, outputs: { change: "change", close: "close" }, providers: [
             {
                 provide: NG_VALUE_ACCESSOR,
                 useExisting: forwardRef(() => ChooseEnumComponent),
                 multi: true,
             },
-        ], usesOnChanges: true, ngImport: i0, template: "<div class=\"select\">\r\n  <ng-select\r\n    [ngStyle]=\"setStyles()\"\r\n    (blur)=\"updateBlur()\"\r\n    bindLabel=\"label\"\r\n    bindValue=\"value\"\r\n    [items]=\"items\"\r\n    [placeholder]=\"placeholder\"\r\n    (change)=\"onSelectedItemChanged()\"\r\n    [(ngModel)]=\"selectedItem\"\r\n    [multiple]=\"isMultiple\"\r\n    [disabled]=\"isDropdownDisabled\"\r\n    [clearable]=\"clearable\"\r\n    [virtualScroll]=\"virtualScroll\"\r\n    [clearAllText]=\"'clear everything'\"\r\n    (clear)=\"clear()\"\r\n    [appendTo]=\"appendTo\"\r\n    dropdownPosition=\"bottom\">\r\n    <ng-template\r\n      class=\"template\"\r\n      ng-option-tmp\r\n      ng-label-tmp\r\n      let-item=\"item\"\r\n      let-index=\"index\"\r\n      let-search=\"searchTerm\">\r\n      <div *ngIf=\"isChip\">\r\n        <ng-chip [enumClass]=\"enumChoices\" [enumValue]=\"item.value\" [customColors]=\"customColors\">\r\n        </ng-chip>\r\n      </div>\r\n      <div [ngStyle]=\"setLabelStyle()\" *ngIf=\"!isChip\">{{ item.label }}</div>\r\n    </ng-template>\r\n  </ng-select>\r\n</div>\r\n", styles: [".select{width:100%}\n"], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "component", type: i2.NgSelectComponent, selector: "ng-select", inputs: ["bindLabel", "bindValue", "markFirst", "placeholder", "notFoundText", "typeToSearchText", "addTagText", "loadingText", "clearAllText", "appearance", "dropdownPosition", "appendTo", "loading", "closeOnSelect", "hideSelected", "selectOnTab", "openOnEnter", "maxSelectedItems", "groupBy", "groupValue", "bufferAmount", "virtualScroll", "selectableGroup", "selectableGroupAsModel", "searchFn", "trackByFn", "clearOnBackspace", "labelForId", "inputAttrs", "tabIndex", "readonly", "searchWhileComposing", "minTermLength", "editableSearchTerm", "keyDownFn", "typeahead", "multiple", "addTag", "searchable", "clearable", "isOpen", "items", "compareWith", "clearSearchOnAdd", "deselectOnClick"], outputs: ["blur", "focus", "change", "open", "close", "search", "clear", "add", "remove", "scroll", "scrollToEnd"] }, { kind: "directive", type: i2.NgOptionTemplateDirective, selector: "[ng-option-tmp]" }, { kind: "directive", type: i2.NgLabelTemplateDirective, selector: "[ng-label-tmp]" }, { kind: "directive", type: i2$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2$1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: i4.NgChipComponent, selector: "ng-chip", inputs: ["backgroundColor", "size", "clear", "customColors", "enumClass", "enumValue", "inputType", "item", "isClickable", "label", "width", "withCross"] }] });
+        ], usesOnChanges: true, ngImport: i0, template: "<div>\r\n  <ng-select [ngStyle]=\"setStyles()\" (blur)=\"updateBlur()\" bindLabel=\"label\" bindValue=\"value\" [items]=\"items\"\r\n    [virtualScroll]=\"virtualScroll\" [placeholder]=\"placeholder\" (change)=\"onSelectedItemChanged()\"\r\n    [(ngModel)]=\"selectedItem\" [multiple]=\"isMultiple\" [disabled]=\"isDropdownDisabled\" [readonly]=\"isReadOnly\"\r\n    [clearable]=\"clearable\" (clear)=\"clear()\" [appendTo]=\"appendTo\" dropdownPosition=\"bottom\">\r\n    <ng-template ng-label-tmp let-item=\"item\" let-clear=\"clear\">\r\n      <ng-container *ngIf=\"isChip\">\r\n        <ng-container [ngTemplateOutlet]=\"chip\"\r\n          [ngTemplateOutletContext]=\"{ item: item, showCross: clearable, clear: clear }\">\r\n        </ng-container>\r\n      </ng-container>\r\n      <div [ngStyle]=\"setLabelStyle()\" *ngIf=\"!isChip\">{{ item.label }}</div>\r\n    </ng-template>\r\n    <ng-template ng-option-tmp let-item=\"item\" let-index=\"index\" let-search=\"searchTerm\" let-clear=\"clear\">\r\n      <div [ngClass]=\"{ disabled: item.disabled }\">\r\n        <div *ngIf=\"isChip\" class=\"chip\">\r\n          <ng-container [ngTemplateOutlet]=\"chip\"\r\n            [ngTemplateOutletContext]=\"{ item: item, showCross: false, clear: clear }\">\r\n          </ng-container>\r\n        </div>\r\n        <div [ngStyle]=\"setLabelStyle()\" *ngIf=\"!isChip\">{{ item.label }}</div>\r\n      </div>\r\n    </ng-template>\r\n  </ng-select>\r\n</div>\r\n\r\n<ng-template #chip let-showCross=\"showCross\" let-item=\"item\" let-clear=\"clear\">\r\n  <ng-chip [enumClass]=\"enumChoices\" [withCross]=\"showCross\" [enumValue]=\"item.value\" [customColors]=\"customColors\"\r\n    [item]=\"item\" [clear]=\"clear\">\r\n  </ng-chip>\r\n</ng-template>", styles: [".disabled{cursor:not-allowed}.disabled .chip{filter:opacity(.3)}\n"], dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: i1.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "component", type: i2.NgSelectComponent, selector: "ng-select", inputs: ["bindLabel", "bindValue", "markFirst", "placeholder", "notFoundText", "typeToSearchText", "addTagText", "loadingText", "clearAllText", "appearance", "dropdownPosition", "appendTo", "loading", "closeOnSelect", "hideSelected", "selectOnTab", "openOnEnter", "maxSelectedItems", "groupBy", "groupValue", "bufferAmount", "virtualScroll", "selectableGroup", "selectableGroupAsModel", "searchFn", "trackByFn", "clearOnBackspace", "labelForId", "inputAttrs", "tabIndex", "readonly", "searchWhileComposing", "minTermLength", "editableSearchTerm", "keyDownFn", "typeahead", "multiple", "addTag", "searchable", "clearable", "isOpen", "items", "compareWith", "clearSearchOnAdd", "deselectOnClick"], outputs: ["blur", "focus", "change", "open", "close", "search", "clear", "add", "remove", "scroll", "scrollToEnd"] }, { kind: "directive", type: i2.NgOptionTemplateDirective, selector: "[ng-option-tmp]" }, { kind: "directive", type: i2.NgLabelTemplateDirective, selector: "[ng-label-tmp]" }, { kind: "directive", type: i2$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2$1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: i4.NgChipComponent, selector: "ng-chip", inputs: ["backgroundColor", "size", "clear", "customColors", "enumClass", "enumValue", "inputType", "item", "isClickable", "label", "width", "withCross"] }] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: ChooseEnumComponent, decorators: [{
             type: Component,
@@ -308,7 +663,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
                             useExisting: forwardRef(() => ChooseEnumComponent),
                             multi: true,
                         },
-                    ], template: "<div class=\"select\">\r\n  <ng-select\r\n    [ngStyle]=\"setStyles()\"\r\n    (blur)=\"updateBlur()\"\r\n    bindLabel=\"label\"\r\n    bindValue=\"value\"\r\n    [items]=\"items\"\r\n    [placeholder]=\"placeholder\"\r\n    (change)=\"onSelectedItemChanged()\"\r\n    [(ngModel)]=\"selectedItem\"\r\n    [multiple]=\"isMultiple\"\r\n    [disabled]=\"isDropdownDisabled\"\r\n    [clearable]=\"clearable\"\r\n    [virtualScroll]=\"virtualScroll\"\r\n    [clearAllText]=\"'clear everything'\"\r\n    (clear)=\"clear()\"\r\n    [appendTo]=\"appendTo\"\r\n    dropdownPosition=\"bottom\">\r\n    <ng-template\r\n      class=\"template\"\r\n      ng-option-tmp\r\n      ng-label-tmp\r\n      let-item=\"item\"\r\n      let-index=\"index\"\r\n      let-search=\"searchTerm\">\r\n      <div *ngIf=\"isChip\">\r\n        <ng-chip [enumClass]=\"enumChoices\" [enumValue]=\"item.value\" [customColors]=\"customColors\">\r\n        </ng-chip>\r\n      </div>\r\n      <div [ngStyle]=\"setLabelStyle()\" *ngIf=\"!isChip\">{{ item.label }}</div>\r\n    </ng-template>\r\n  </ng-select>\r\n</div>\r\n", styles: [".select{width:100%}\n"] }]
+                    ], template: "<div>\r\n  <ng-select [ngStyle]=\"setStyles()\" (blur)=\"updateBlur()\" bindLabel=\"label\" bindValue=\"value\" [items]=\"items\"\r\n    [virtualScroll]=\"virtualScroll\" [placeholder]=\"placeholder\" (change)=\"onSelectedItemChanged()\"\r\n    [(ngModel)]=\"selectedItem\" [multiple]=\"isMultiple\" [disabled]=\"isDropdownDisabled\" [readonly]=\"isReadOnly\"\r\n    [clearable]=\"clearable\" (clear)=\"clear()\" [appendTo]=\"appendTo\" dropdownPosition=\"bottom\">\r\n    <ng-template ng-label-tmp let-item=\"item\" let-clear=\"clear\">\r\n      <ng-container *ngIf=\"isChip\">\r\n        <ng-container [ngTemplateOutlet]=\"chip\"\r\n          [ngTemplateOutletContext]=\"{ item: item, showCross: clearable, clear: clear }\">\r\n        </ng-container>\r\n      </ng-container>\r\n      <div [ngStyle]=\"setLabelStyle()\" *ngIf=\"!isChip\">{{ item.label }}</div>\r\n    </ng-template>\r\n    <ng-template ng-option-tmp let-item=\"item\" let-index=\"index\" let-search=\"searchTerm\" let-clear=\"clear\">\r\n      <div [ngClass]=\"{ disabled: item.disabled }\">\r\n        <div *ngIf=\"isChip\" class=\"chip\">\r\n          <ng-container [ngTemplateOutlet]=\"chip\"\r\n            [ngTemplateOutletContext]=\"{ item: item, showCross: false, clear: clear }\">\r\n          </ng-container>\r\n        </div>\r\n        <div [ngStyle]=\"setLabelStyle()\" *ngIf=\"!isChip\">{{ item.label }}</div>\r\n      </div>\r\n    </ng-template>\r\n  </ng-select>\r\n</div>\r\n\r\n<ng-template #chip let-showCross=\"showCross\" let-item=\"item\" let-clear=\"clear\">\r\n  <ng-chip [enumClass]=\"enumChoices\" [withCross]=\"showCross\" [enumValue]=\"item.value\" [customColors]=\"customColors\"\r\n    [item]=\"item\" [clear]=\"clear\">\r\n  </ng-chip>\r\n</ng-template>", styles: [".disabled{cursor:not-allowed}.disabled .chip{filter:opacity(.3)}\n"] }]
         }], ctorParameters: function () { return []; }, propDecorators: { appendTo: [{
                 type: Input
             }], allowAllCapsValues: [{
@@ -319,20 +674,16 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
                 type: Input
             }], enumChoices: [{
                 type: Input
-            }], virtualScroll: [{
-                type: Input
             }], getValuesArrayFromEnum: [{
                 type: Input
-            }], indexesToDisable: [{
+            }], valuesToDisable: [{
+                type: Input
+            }], valuesToHide: [{
                 type: Input
             }], isChip: [{
                 type: Input
             }], isDropdownDisabled: [{
                 type: Input
-            }], isItemHidden: [{
-                type: Input
-            }], isItemDisabled: [{
-                type: Input
             }], isMultiple: [{
                 type: Input
             }], label: [{
@@ -353,6 +704,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
                 type: Input
             }], width: [{
                 type: Input
+            }], isReadOnly: [{
+                type: Input
+            }], virtualScroll: [{
+                type: Input
             }], change: [{
                 type: Output
             }], close: [{
@@ -380,32 +735,116 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
                 type: Input
             }] } });
 
-class ChooseEnumRendererComponent {
+class AgGridSelectMixin {
     params;
-    formControlValue;
     key;
-    enumValue;
+    value;
     rowId;
-    constructor() { }
+    isEdit;
+    index;
+    arrayKey = 'entries';
+    rowLevelFG;
+    width;
+    selectedItemId;
     agInit(params) {
+        this.initializeRenderer(params);
+    }
+    initializeRenderer(params) {
         this.params = params;
-        this.enumValue = params.value;
+        this.width = params.width;
         this.key = params.context.createKey(params.columnApi, params.column);
+        this.value = params.value;
+        this.rowId = params.node.id;
+        this.index = params.node.rowIndex;
+        if (params.context.arrayKey) {
+            this.arrayKey = params.context.arrayKey;
+        }
+        this.setRowLevelFG();
+    }
+    setRowLevelFG() {
+        this.index = this.params.node.rowIndex;
+        let tableFG = this.params.context.formGroup;
+        let fa = tableFG.get(this.arrayKey);
+        let rowLevelFG = fa.at(this.index);
+        this.rowLevelFG = rowLevelFG;
+    }
+    getFormControl() {
+        let fc = this.rowLevelFG.get(this.key);
+        return fc;
+    }
+    updateValue(params, value) {
+        this.setRowLevelFG();
+        this.getFormControl().setValue(value);
+        let rowNode = params.node;
+        rowNode.setDataValue(this.key, value);
+    }
+    // $event here is an object.
+    onSelection($event) {
+        this.selectedItemId = $event?.id;
+        this.updateValue(this.params, $event?.id);
+        if (this.params.onSelection instanceof Function) {
+            const params = {
+                object: $event,
+                rowData: this.params.node.data,
+                value: $event.id,
+                rowNode: this.params.node,
+            };
+            this.params.onSelection(params);
+        }
     }
-    onCellDataChanged($event) {
-        let value = $event;
-        this.formControlValue = this.params.context.formGroup.get("entries").at(this.params.node.rowIndex);
-        this.formControlValue?.get(this.key).setValue(value);
+    onEnumSelected($event) {
+        this.updateValue(this.params, $event);
+        if (this.params.onSelection instanceof Function) {
+            const params = {
+                rowData: this.params.node.data,
+                value: $event,
+                rowNode: this.params.node,
+            };
+            this.params.onSelection(params);
+        }
     }
-    refresh(params) {
+    refresh(param) {
         return false;
     }
+}
+
+class ChooseEnumRendererComponent extends AgGridSelectMixin {
+    valuesToDisable = [];
+    valuesToHide = [];
+    isChip = true;
+    clearable = true;
+    constructor() {
+        super();
+    }
+    agInit(params) {
+        super.agInit(params);
+        if (params.valuesToDisable != null) {
+            this.valuesToDisable = params.valuesToDisable;
+        }
+        if (params.valuesToHide != null) {
+            this.valuesToHide = params.valuesToHide;
+        }
+        if (params.isChip != null) {
+            this.isChip = params.isChip;
+        }
+        if (params.clearable != null) {
+            this.clearable = params.clearable;
+        }
+    }
+    get showError() {
+        if (this.rowLevelFG.get(this.key).errors && this.rowLevelFG.get(this.key).touched) {
+            return true;
+        }
+        else {
+            return false;
+        }
+    }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: ChooseEnumRendererComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: ChooseEnumRendererComponent, selector: "choose-enum-renderer", ngImport: i0, template: "<choose-enum [label]=\"params.label\" [appendTo]=\"'body'\" [isItemHidden]=\"params.isItemHidden\"\r\n    [isItemDisabled]=\"params.isItemDisabled\" [labelTextAlign]=\"params.labelTextAlign\"\r\n    [labelTextFontWeight]=\"params.labelTextFontWeight\" [labelTextFontSize]=\"params.labelTextFontSize\"\r\n    [selectedItem]=\"params.value\" [indexesToDisable]=\"params.indexesToDisable\"\r\n    [isDropdownDisabled]=\"params.isDropdownDisabled\" [getValuesArrayFromEnum]=\"params.getLabelAndColorFromEnumValue\"\r\n    [enumChoices]=\"params.enumChoices\" [placeholder]=\"params.placeholder\" [width]=\"params.width\"\r\n    [isChip]=\"params.isChip\" [paddingTop]=\"params.paddingTop\" [allowAllCapsValues]=\"params.allowAllCapsValues\"\r\n    (change)=\"onCellDataChanged($event)\">\r\n</choose-enum>", styles: [""], dependencies: [{ kind: "component", type: ChooseEnumComponent, selector: "choose-enum", inputs: ["appendTo", "allowAllCapsValues", "clearable", "customColors", "enumChoices", "virtualScroll", "getValuesArrayFromEnum", "indexesToDisable", "isChip", "isDropdownDisabled", "isItemHidden", "isItemDisabled", "isMultiple", "label", "labelTextAlign", "labelTextFontWeight", "labelTextFontSize", "paddingTop", "placeholder", "percentWidth", "selectedItem", "width"], outputs: ["change", "close"] }] });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: ChooseEnumRendererComponent, selector: "choose-enum-renderer", usesInheritance: true, ngImport: i0, template: "<div class=\"all\" [ngClass]=\"{ single: !showError, double: showError }\" *ngIf=\"rowLevelFG\" [formGroup]=\"rowLevelFG\">\r\n    <choose-enum [clearable]=\"clearable\" [formControlName]=\"key\" [appendTo]=\"'body'\" [label]=\"params.label\"\r\n        [labelTextAlign]=\"params.labelTextAlign\" [labelTextFontWeight]=\"params.labelTextFontWeight\"\r\n        [labelTextFontSize]=\"params.labelTextFontSize\" [selectedItem]=\"params.value\" [valuesToHide]=\"valuesToHide\"\r\n        [valuesToDisable]=\"valuesToDisable\" [isDropdownDisabled]=\"params.isDropdownDisabled\"\r\n        [enumChoices]=\"params.enumChoices\" [placeholder]=\"params.placeholder\" [width]=\"params.width\" [isChip]=\"isChip\"\r\n        [paddingTop]=\"params.paddingTop\" [customColors]=\"params.customColors\" (change)=\"onEnumSelected($event)\">\r\n    </choose-enum>\r\n</div>", styles: [".all{display:grid;gap:.5rem;align-items:center;margin:auto}.single{grid-template-columns:auto}.double{grid-template-columns:auto max-content}\n"], dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2$1.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i2$1.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i2$1.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "component", type: ChooseEnumComponent, selector: "choose-enum", inputs: ["appendTo", "allowAllCapsValues", "clearable", "customColors", "enumChoices", "getValuesArrayFromEnum", "valuesToDisable", "valuesToHide", "isChip", "isDropdownDisabled", "isMultiple", "label", "labelTextAlign", "labelTextFontWeight", "labelTextFontSize", "paddingTop", "placeholder", "percentWidth", "selectedItem", "width", "isReadOnly", "virtualScroll"], outputs: ["change", "close"] }] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: ChooseEnumRendererComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'choose-enum-renderer', template: "<choose-enum [label]=\"params.label\" [appendTo]=\"'body'\" [isItemHidden]=\"params.isItemHidden\"\r\n    [isItemDisabled]=\"params.isItemDisabled\" [labelTextAlign]=\"params.labelTextAlign\"\r\n    [labelTextFontWeight]=\"params.labelTextFontWeight\" [labelTextFontSize]=\"params.labelTextFontSize\"\r\n    [selectedItem]=\"params.value\" [indexesToDisable]=\"params.indexesToDisable\"\r\n    [isDropdownDisabled]=\"params.isDropdownDisabled\" [getValuesArrayFromEnum]=\"params.getLabelAndColorFromEnumValue\"\r\n    [enumChoices]=\"params.enumChoices\" [placeholder]=\"params.placeholder\" [width]=\"params.width\"\r\n    [isChip]=\"params.isChip\" [paddingTop]=\"params.paddingTop\" [allowAllCapsValues]=\"params.allowAllCapsValues\"\r\n    (change)=\"onCellDataChanged($event)\">\r\n</choose-enum>" }]
+            args: [{ selector: 'choose-enum-renderer', template: "<div class=\"all\" [ngClass]=\"{ single: !showError, double: showError }\" *ngIf=\"rowLevelFG\" [formGroup]=\"rowLevelFG\">\r\n    <choose-enum [clearable]=\"clearable\" [formControlName]=\"key\" [appendTo]=\"'body'\" [label]=\"params.label\"\r\n        [labelTextAlign]=\"params.labelTextAlign\" [labelTextFontWeight]=\"params.labelTextFontWeight\"\r\n        [labelTextFontSize]=\"params.labelTextFontSize\" [selectedItem]=\"params.value\" [valuesToHide]=\"valuesToHide\"\r\n        [valuesToDisable]=\"valuesToDisable\" [isDropdownDisabled]=\"params.isDropdownDisabled\"\r\n        [enumChoices]=\"params.enumChoices\" [placeholder]=\"params.placeholder\" [width]=\"params.width\" [isChip]=\"isChip\"\r\n        [paddingTop]=\"params.paddingTop\" [customColors]=\"params.customColors\" (change)=\"onEnumSelected($event)\">\r\n    </choose-enum>\r\n</div>", styles: [".all{display:grid;gap:.5rem;align-items:center;margin:auto}.single{grid-template-columns:auto}.double{grid-template-columns:auto max-content}\n"] }]
         }], ctorParameters: function () { return []; } });
 
 // import { environment } from '../../environments/environment';
@@ -1394,18 +1833,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
                 type: Output
             }] } });
 
-class PrimaryColors {
-    static $primaryBlueColor = '#155ED4';
-    static $primaryPinkColor = '#F0509C';
-    static $primaryTealColor = '#12957E';
-    static $primaryCarbonColor = '#32353B';
-    static $primaryPurpleColor = '#E3B1EB';
-    static $primaryRedColor = '#A80002';
-    static $primaryLightRedColor = '#FFDBDB';
-    static $primaryLightGrayBlueColor = '#f7f8f9';
-    static $primaryLightGrayColor = '#f0f0f0';
-}
-
 class AddAsteriskDirective {
     elem;
     show = true;