@nys-cui/cui-formpill 0.2.3 → 0.2.5

package/package.json

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

package/src/cui-formpill.js

@@ -147,6 +147,15 @@ class CUI_FORMPILL_PILL extends HTMLElement {
 
     }
 
+    disconnectedCallback() {
+
+        for (let dPopover of document.body.querySelectorAll('cui-formpill-popover')) {
+            if (dPopover.state.dFor === this) {
+                document.body.removeChild(dPopover);
+            }
+        }
+    }
+
 
 }
 
@@ -296,6 +305,15 @@ class CUI_FORMPILL extends HTMLElement {
 
         }
 
+        if (this._state.dMenuPopover) {
+            this._state.dMenuPopover.state.bOpen = false;
+            document.body.removeChild(this._state.dMenuPopover)
+            this._state.dMenuPopover = null;
+            document.body.removeEventListener('click', this.fGlobalBodyClick);
+            this._state.bMenuDisplayed = false;
+        }
+
+
         this.render(true);
     }
     get label() {
@@ -820,11 +838,22 @@ class CUI_FORMPILL extends HTMLElement {
                 this.dValueField = document.createElement('cui-listbox');
                 this.dValueField.setState({ 'items': controls.value.options, 'label': `${(controls.fieldLabel) ? controls.fieldLabel : 'Value'}` });
 
+
+                if (controls.value.multiple) {
+                    this.dValueField.setAttribute('multiple', true)
+                }
+                if (controls.value.codedesc) {
+                    this.dValueField.setAttribute('codedesc', true)
+                }
+                if (controls.value.search) {
+                    this.dValueField.setAttribute('search', true)
+                }
+
                 if (pill._state.sValue2.indexOf(',') == -1) {
                     this.dValueField.setAttribute('value', pill._state.sValue2)
                 }
                 else {
-                    this.dValueField.setAttribute('multiple', '');
+
                     let aValues = pill._state.sValue2.split(',');
                     this.dValueField.setAttribute('value', aValues)
                 }
@@ -921,7 +950,7 @@ class CUI_FORMPILL extends HTMLElement {
                                 this.field = document.createElement('cui-date');
                             }
 
-                            if(controls.value.control[i].validation){
+                            if (controls.value.control[i].validation) {
                                 this.field.setAttribute('validation', controls.value.control[i].validation)
                             }
 
@@ -1269,7 +1298,7 @@ class CUI_FORMPILL extends HTMLElement {
 
         if (this._state.dMenuPopover) {
             this._state.dMenuPopover.state.bOpen = false;
-            this._state.dMenuPopover.parentNode.removeChild(this._state.dMenuPopover)
+            document.body.removeChild(this._state.dMenuPopover)
             this._state.dMenuPopover = null;
         }