@aquera/nile-elements 1.4.1-beta-1.2 → 1.4.1-beta-1.3

package/package.json

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

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

@@ -269,13 +269,14 @@ enableTabClose: this.enableTabClose,
 
   getItemRenderFunction(item: any): TemplateResult {
     const value = this.renderItemFunction(item);
+    const strValue = value ? value.toString() : "";
     const hasTooltip = !!item.tooltip;
     const shouldShowTooltip =
       hasTooltip && (!item.tooltip.for || item.tooltip.for === 'menu');
   
     if (!shouldShowTooltip) {
       return html`
-        <nile-menu-item value=${value}>${unsafeHTML(value ?? "")}</nile-menu-item>
+        <nile-menu-item value=${value}>${unsafeHTML(strValue)}</nile-menu-item>
       `;
     }
   
@@ -295,7 +296,7 @@ enableTabClose: this.enableTabClose,
     return html`
       <nile-menu-item value=${value}>
         <nile-lite-tooltip allowHTML .content=${tooltipContent ?? ""}>
-          <span class="menu-item-text">${unsafeHTML(value ?? "")}</span>
+          <span class="menu-item-text">${unsafeHTML(strValue)}</span>
         </nile-lite-tooltip>
       </nile-menu-item>
     `;

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

@@ -269,6 +269,7 @@ export class NileChip extends NileElement {
           ${this.tags.map((tag, index) => {
             const tooltipContent = this.tooltips[index];
             const isFocused = this.enableTagDelete && this.chipFocusIndex === index;
+            const tagText = tag ? tag.toString() : "";
             const tagTemplate = html`
               <nile-tag
                 class=${classMap({
@@ -284,7 +285,7 @@ export class NileChip extends NileElement {
                 ?pill=${this.tagVariant !== 'normal'}
                 ?disabled=${this.disabled}
               >
-                ${unsafeHTML(tag ?? "")}
+                ${unsafeHTML(tagText)}
               </nile-tag>
             `;
 

package/src/nile-input/nile-input.ts

@@ -694,7 +694,9 @@ export class NileInput extends NileElement implements NileFormControl {
             Remove All
           </nile-badge>
 
-          <div class="input__srtiked-text-container">${unsafeHTML(this.markedValue ?? "")} </div>
+          <div class="input__srtiked-text-container">${unsafeHTML(
+          this.markedValue
+          )} </div>
         </div>
       </nile-popup>
     `

package/src/nile-select/nile-select.ts

@@ -1446,7 +1446,7 @@ export class NileSelect extends NileElement implements NileFormControl{
             >
               ${prefixContent && !this.multiple
                 ? html`<div class="select__prefix--from-options">
-                    ${unsafeHTML(prefixContent ?? "")}
+                    ${unsafeHTML(prefixContent)}
                   </div>`
                 : html`<slot
                     part="prefix"
@@ -1514,7 +1514,7 @@ export class NileSelect extends NileElement implements NileFormControl{
                               ${this.getOptionPrefix(option)
                                 ? html`<span class="tag__prefix" slot="prefix"
                                     >${unsafeHTML(
-                                      this.getOptionPrefix(option) ?? ""
+                                      this.getOptionPrefix(option)
                                     )}</span
                                   >`
                                 : ''}

package/src/nile-virtual-select/renderer.ts

@@ -93,7 +93,7 @@ export class VirtualSelectRenderer {
         .showCheckbox=${multiple}
         class=${ifDefined(className || undefined)}
       >
-        ${unsafeHTML(displayText ?? "")}
+        ${unsafeHTML(displayText)}
       </nile-option>
     `;
   }