@aquera/nile-elements 0.0.58 → 0.0.60

package/package.json

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

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

@@ -500,7 +500,7 @@ export const styles = css`
   .input__srtiked-text-container {
     margin-top: 4px;
     color: var(--nile-colors-dark-900);
-    word-wrap: break-all;
+    word-break: break-all;
     line-height: 16px;
   }
 

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

@@ -381,7 +381,7 @@ export class NileInput extends NileElement implements NileFormControl {
       for (let i = 0, n = this.value.length; i < n; i++) {
         const charCode = this.value.charCodeAt(i);
 
-        if ((charCode > 255 && charCode !== 9109) || [129, 143, 144, 157, 160].includes(charCode)) {
+        if (charCode > 127) {
           markedValue += `<span class="input__srtiked-text">${this.value.charAt(i)}</span>`;
           this.hasPrintableCharacters = true;
         } else {
@@ -404,7 +404,7 @@ export class NileInput extends NileElement implements NileFormControl {
         const charCode = this.value.charCodeAt(i);
 
         // Consider a character printable if it's not in the specified non-printable ranges
-        if (!(charCode > 255 && charCode !== 9109) && ![129, 143, 144, 157, 160].includes(charCode)) {
+        if (charCode < 128) {
           cleanedValue += this.value.charAt(i);
         }
       }

package/src/nile-textarea/nile-textarea.ts

@@ -277,7 +277,6 @@ export class NileTextarea extends NileElement  {
     this.emit('nile-npchar-removed', { value: this.value });
 
   }
-
   /** Sets focus on the textarea. */
   focus(options?: FocusOptions) {
     this.input.focus(options);
@@ -417,9 +416,8 @@ export class NileTextarea extends NileElement  {
                 @blur=${this.handleBlur}
               ></textarea>
             </div>
-          </div>
 
-          ${hasHelpText
+            ${hasHelpText
             ? html`
                 <nile-form-help-text>${this.helpText}</nile-form-help-text>
               `
@@ -431,6 +429,8 @@ export class NileTextarea extends NileElement  {
                 >
               `
             : ``}
+
+          </div>
           <div class="input__non-printable">
             Non-printable character detected.
             <nile-badge