@aquera/nile-elements 0.0.1-beta.4 → 0.0.1-beta.6

package/package.json

@@ -3,7 +3,7 @@
   "description": "Webcomponent nile-elements following open-wc recommendations",
   "license": "MIT",
   "author": "nile-elements",
-  "version": "0.0.1-beta.4",
+  "version": "0.0.1-beta.6",
   "main": "dist/src/index.js",
   "type": "module",
   "module": "dist/src/index.js",

package/src/nile-auto-complete/nile-auto-complete.ts

@@ -48,8 +48,8 @@ export class NileAutoComplete extends NileElement {
   async handleValueChange() {
     await this.updateComplete;
     // Filter menu items based on the search value
-    this.menuItems = this.allMenuItems.filter((item: { text: string }) =>
-      item.text.toLowerCase().includes(this.value.toLowerCase())
+    this.menuItems = this.allMenuItems.filter((item: string) =>
+      item.toLowerCase().includes(this.value?.toLowerCase())
     );
   }
 
@@ -65,8 +65,8 @@ export class NileAutoComplete extends NileElement {
     this.value = searchValue;
 
     // Filter menu items based on the search value
-    this.menuItems = this.allMenuItems.filter((item: { text: string }) =>
-      item.text.toLowerCase().includes(searchValue)
+    this.menuItems = this.allMenuItems.filter((item: string) =>
+      item?.toLowerCase().includes(searchValue)
     );
 
     this.isDropdownOpen = this.menuItems.length > 0;

package/src/nile-chip/nile-chip.ts

@@ -63,15 +63,23 @@ export class NileChip extends NileElement {
   @property({ attribute: 'help-text' }) helpText = '';
 
   // Auto-complete options
-  private autoCompleteOptions: string[] = [];
+  @property({ type: Array }) autoCompleteOptions : any[] = [];
+
+  @property({ type: Array }) value : any[] = [];
+
+  @watch('value')
+  onValueChanged() {
+    this.tags = [...this.value];
+  }
 
   private handleSelect(event: CustomEvent<CustomEventDetail>) {
-    // Emit a custom event with the selected value
-    this.emit('nile-chip-change', { value: event.detail.value });
 
     // Add the selected value to the tags array
     this.tags = [...this.tags, event.detail.value];
 
+    // Emit a custom event with the selected value
+    this.emit('nile-chip-change', { value: this.tags });
+
     // Reset the input field
     this.resetInput();
   }
@@ -79,6 +87,8 @@ export class NileChip extends NileElement {
   private handleRemove(value: string) {
     // Remove the tag from the tags array
     this.tags = this.tags.filter(tag => tag !== value);
+    this.emit('nile-chip-change', { value: this.tags });
+
   }
 
   private handleInputChange(event: CustomEvent<CustomEventDetail>) {
@@ -95,7 +105,10 @@ export class NileChip extends NileElement {
       this.tags = [...this.tags, this.inputValue];
 
       this.resetInput();
+      this.emit('nile-chip-change', { value: this.tags });
     }
+
+
   }
 
   private handleFocus() {

package/src/nile-menu-item/nile-menu-item.ts

@@ -145,7 +145,7 @@ export class NileMenuItem extends NileElement {
         })}
       >
         <span part="checked-icon" class="menu-item__check">
-          <nile-icon name="check" library="system" aria-hidden="true"></nile-icon>
+          <nile-icon name="tick" library="system" aria-hidden="true"></nile-icon>
         </span>
 
         <slot name="prefix" part="prefix" class="menu-item__prefix"></slot>
@@ -155,7 +155,7 @@ export class NileMenuItem extends NileElement {
         <slot name="suffix" part="suffix" class="menu-item__suffix"></slot>
 
         <span part="submenu-icon" class="menu-item__chevron">
-          <nile-icon name="chevron-right" library="system" aria-hidden="true"></nile-icon>
+          <nile-icon name="arrowright" library="system" aria-hidden="true"></nile-icon>
         </span>
       </div>
     `;

package/src/nile-tag/nile-tag.ts

@@ -99,7 +99,7 @@ export class NileTag extends NileElement {
               <nile-icon-button
                 part="remove-button"
                 exportparts="base:remove-button__base"
-                name="close"
+                name="error"
                 library="system"
                 label="remove"
                 class="tag__remove"