@nys-cui/cui-formpill 0.2.6 → 0.2.7

package/package.json

@@ -6,7 +6,7 @@
     },
     "main": "./dist/js/cui-formpill.js",
     "type": "module",
-    "version": "0.2.6",
+    "version": "0.2.7",
     "scripts": {
         "clean": "rm -rf ./dist",
         "build": "npm run clean && cui --dep",

package/src/cui-formpill.js

@@ -828,6 +828,10 @@ class CUI_FORMPILL extends HTMLElement {
                     this.dValueField = document.createElement('cui-date');
                 }
 
+                if (controls.value.validation) {
+                    this.dValueField.setAttribute('validation', controls.value.validation);
+                }
+
                 this.dValueField.setState({ 'label': `${(controls.value.fieldLabel) ? controls.value.fieldLabel : 'Value'}` })
                 this.dValueField.setAttribute('value', pill._state.sValue3)
                 this.dValueField.setAttribute('required', '');
@@ -848,16 +852,23 @@ class CUI_FORMPILL extends HTMLElement {
                 if (controls.value.search) {
                     this.dValueField.setAttribute('search', true)
                 }
+                if (pill?._state?.sValue2) {
+                    if (pill._state.sValue2.indexOf(',') == -1) {
+                        this.dValueField.setAttribute('value', pill._state.sValue2)
+                    }
+                    else {
 
-                if (pill._state.sValue2.indexOf(',') == -1) {
-                    this.dValueField.setAttribute('value', pill._state.sValue2)
+                        let aValues = pill._state.sValue2.split(',');
+                        this.dValueField.setAttribute('value', aValues)
+                    }
                 }
-                else {
 
-                    let aValues = pill._state.sValue2.split(',');
+                if (pill?._state?.asValues) {
+                    let aValues = pill._state.asValues.split(',');
                     this.dValueField.setAttribute('value', aValues)
                 }
 
+
                 this.dValueField.setAttribute('required', '');
                 this.dValueField.setAttribute('componentKey', 'contextHeaderValue');
                 dPopoverBody.insertBefore(this.dValueField, dPopoverFooter);
@@ -876,6 +887,11 @@ class CUI_FORMPILL extends HTMLElement {
                     if (controls.value.control[i].required) {
                         this.field.setAttribute('required', '');
                     }
+
+                    if (controls.value.control[i].validation) {
+                        this.field.setAttribute('validation', controls.value.control[i].validation)
+                    }
+                    
                     this.field.setAttribute('componentKey', controls.value.control[i].componentKey);
                     dPopoverBody.insertBefore(this.field, dPopoverFooter);
                     this.adFields.push(this.field);
@@ -887,6 +903,9 @@ class CUI_FORMPILL extends HTMLElement {
 
                 }
             }
+
+            const customEvent = new CustomEvent('filter-change', { detail: { value: selectedItem.value, label: selectedItem.label } });
+            this.dispatchEvent(customEvent);
         } else {
 
 
@@ -1298,7 +1317,7 @@ class CUI_FORMPILL extends HTMLElement {
 
         if (this._state.dMenuPopover) {
             this._state.dMenuPopover.state.bOpen = false;
-            if(this._state.dMenuPopover.isConnected) {
+            if (this._state.dMenuPopover.isConnected) {
                 document.body.removeChild(this._state.dMenuPopover);
             }
             this._state.dMenuPopover = null;