nve-designsystem 0.4.17 → 0.4.18

package/components/nve-textarea/nve-textarea.component.js

@@ -1,9 +1,9 @@
-import { r as c, x as o } from "../../chunks/lit-element.js";
+import { r as c, x as l } from "../../chunks/lit-element.js";
 import { n as s, t as m } from "../../chunks/property.js";
 import { r as u } from "../../chunks/state.js";
 import { e as b } from "../../chunks/query.js";
 import v from "./nve-textarea.styles.js";
-import { o as l } from "../../chunks/if-defined.js";
+import { o } from "../../chunks/if-defined.js";
 import { l as g } from "../../chunks/live.js";
 import { e as f } from "../../chunks/class-map.js";
 import "../nve-icon/nve-icon.component.js";
@@ -75,37 +75,37 @@ let e = class extends c {
     this.toggleAttribute("data-valid", t), this.toggleAttribute("data-user-valid", t), this.toggleAttribute("data-invalid", !t), this.toggleAttribute("data-user-invalid", !t);
   }
   render() {
-    return o`
+    return l`
       <div part="form-control" class=${f({ "form-control": !0, "form-control--has-label": this.label })}>
         <div part="textarea-label" class="textarea__label">
-          ${this.label ? o`
+          ${this.label ? l`
                 <nve-label
                   aria-hidden=${this.label ? "false" : "true"}
                   value=${this.label}
-                  tooltip=${l(this.tooltip)}
+                  tooltip=${o(this.tooltip)}
                 ></nve-label>
               ` : null}
-          ${this.required && this.label ? o`<span class="textarea__required-label">${this.requiredLabel}</span>` : null}
+          ${this.required && this.label ? l`<span class="textarea__required-label">${this.requiredLabel}</span>` : null}
         </div>
         <div part="base" class="textarea__base">
           <textarea
             part="textarea"
             class="textarea__control"
             title=${this.title}
-            name=${l(this.name)}
+            name=${o(this.name)}
             .value=${g(this.value)}
             ?disabled=${this.disabled}
             ?readonly=${this.readonly}
             ?required=${this.required}
-            placeholder=${l(this.placeholder)}
-            minlength=${l(this.minlength)}
-            maxlength=${l(this.maxlength)}
-            autocapitalize=${l(this.autocapitalize)}
-            autocorrect=${l(this.autocorrect)}
+            placeholder=${o(this.placeholder)}
+            minlength=${o(this.minlength)}
+            maxlength=${o(this.maxlength)}
+            autocapitalize=${o(this.autocapitalize)}
+            autocorrect=${o(this.autocorrect)}
             ?autofocus=${this.autofocus}
-            inputmode=${l(this.inputmode)}
+            inputmode=${o(this.inputmode)}
             aria-describedby="help-text"
-            rows=${l(this.rows)}
+            rows=${o(this.rows && this.rows >= 3 ? this.rows : 3)}
             @change=${this.handleChange}
             @input=${this.handleInput}
             @blur=${this.handleBlur}
@@ -115,17 +115,17 @@ let e = class extends c {
           Må gjøres sånn fordi vi vil ikke begrense textarea__base brede til fit-content (da textarea kan aldri ta så mye plass som er 
           tilgjengelig i nettleseren og man må alltid sette brede på den manuelt. Nei takk.) -->
           <!-- Foreløpig kan man ha enten 'lock' eller 'error' ikone -->
-          ${this.disabled || this.showErrorMessage ? o`<div class="textarea__icon__container">
-                ${this.disabled ? o`<nve-icon name="lock"></nve-icon>` : null}
-                ${this.showErrorMessage ? o`<nve-icon class="textarea__icon--error" name="error"></nve-icon>` : null}
+          ${this.disabled || this.showErrorMessage ? l`<div class="textarea__icon__container">
+                ${this.disabled ? l`<nve-icon name="lock"></nve-icon>` : null}
+                ${this.showErrorMessage ? l`<nve-icon class="textarea__icon--error" name="error"></nve-icon>` : null}
               </div>` : null}
         </div>
         <div part="help-text-container" class="textarea__help-text__container">
           <!-- Ikke vis hjelpe tekst mens feil -->
-          ${!this.showErrorMessage && this.helpText ? o`<span class="textarea__help-text" aria-hidden=${this.helpText ? "false" : "true"}
+          ${!this.showErrorMessage && this.helpText ? l`<span class="textarea__help-text" aria-hidden=${this.helpText ? "false" : "true"}
                 >${this.helpText}</span
               >` : null}
-          ${this.showErrorMessage ? o`<span class="textarea__help-text textarea__help-text--error">${this.errorMessage}</span>` : null}
+          ${this.showErrorMessage ? l`<span class="textarea__help-text textarea__help-text--error">${this.errorMessage}</span>` : null}
         </div>
       </div>
     `;

package/custom-elements.json

@@ -11405,7 +11405,7 @@
   "package": {
     "name": "nve-designsystem",
     "description": "Designsystem for NVE",
-    "version": "0.4.16",
+    "version": "0.4.17",
     "author": {
       "name": "NVE",
       "email": "nve@nve.no"

package/package.json

@@ -7,7 +7,7 @@
   },
   "license": "MIT",
   "homepage": "https://github.com/NVE/Designsystem/",
-  "version": "0.4.17",
+  "version": "0.4.18",
   "customElements": "custom-elements.json",
   "exports": {
     ".": {