nve-designsystem 0.4.3 → 0.4.4

package/components/nve-stepper/nve-step/nve-step.component.d.ts

@@ -15,6 +15,7 @@ export interface StepProps {
     isSelected: boolean;
     readyForEntrance: boolean;
     orientation?: string;
+    hideStateText?: boolean;
 }
 /** Komponent for et enkelt steg i en stepper */
 export default class NveStep extends LitElement {
@@ -39,6 +40,8 @@ export default class NveStep extends LitElement {
     entranceAllowed: boolean;
     /** Retningen stegene skal gå i: horisontal eller vertikal */
     orientation: 'horizontal' | 'vertical';
+    /** Angir om stateText skal skjules */
+    hideStateText: boolean;
     /** Brukes for å justere høyden for den vertikale skilleveggen blir så høy som nær Step har en description. */
     descriptionElement: HTMLElement;
     /** Metode som kjøres første gang komponenten er lagt til i DOM */

package/components/nve-stepper/nve-step/nve-step.component.js

@@ -2,14 +2,14 @@ import { h, k as c } from "../../../chunks/lit-element.js";
 import { n as s, t as p } from "../../../chunks/property.js";
 import { e as v } from "../../../chunks/query.js";
 import u from "./nve-step.styles.js";
-var f = Object.defineProperty, g = Object.getOwnPropertyDescriptor, r = (t, e, a, n) => {
-  for (var o = n > 1 ? void 0 : n ? g(e, a) : e, l = t.length - 1, d; l >= 0; l--)
+var f = Object.defineProperty, y = Object.getOwnPropertyDescriptor, r = (t, e, a, n) => {
+  for (var o = n > 1 ? void 0 : n ? y(e, a) : e, l = t.length - 1, d; l >= 0; l--)
     (d = t[l]) && (o = (n ? d(e, a, o) : d(o)) || o);
   return n && o && f(e, a, o), o;
-}, y = /* @__PURE__ */ ((t) => (t[t.NotStarted = 0] = "NotStarted", t[t.Started = 1] = "Started", t[t.Active = 2] = "Active", t[t.Done = 3] = "Done", t[t.Error = 4] = "Error", t))(y || {});
+}, g = /* @__PURE__ */ ((t) => (t[t.NotStarted = 0] = "NotStarted", t[t.Started = 1] = "Started", t[t.Active = 2] = "Active", t[t.Done = 3] = "Done", t[t.Error = 4] = "Error", t))(g || {});
 let i = class extends h {
   constructor() {
-    super(...arguments), this.title = "", this.index = 0, this.description = "", this.state = 0, this.selectedStepIndex = 0, this.isSelected = !1, this.isLast = !1, this.entranceAllowed = !1, this.orientation = "horizontal";
+    super(...arguments), this.title = "", this.index = 0, this.description = "", this.state = 0, this.selectedStepIndex = 0, this.isSelected = !1, this.isLast = !1, this.entranceAllowed = !1, this.orientation = "horizontal", this.hideStateText = !1;
   }
   /** Metode som kjøres første gang komponenten er lagt til i DOM */
   firstUpdated() {
@@ -135,7 +135,7 @@ let i = class extends h {
         <div class="text-container-vertical">
           <div class="step-title step-title-vertical ${this.getTitleClass(this.state)}">${this.title}</div>
           <div class="step-state ${this.getStateColorClass(this.state)}">
-            ${this.getStateText(this.state)}
+            ${this.hideStateText ? "" : this.getStateText(this.state)}
           </div>
           <div>       
           ${this.renderDescription()}
@@ -157,7 +157,7 @@ let i = class extends h {
         <div class="${this.isLast ? "" : "text-container"}">
           <div class="step-title ${this.getTitleClass(this.state)}">${this.title}</div>
           <div class="step-state ${this.getStateColorClass(this.state)}">
-            ${this.getStateText(this.state)}
+          ${this.hideStateText ? "" : this.getStateText(this.state)}
           </div>       
           ${this.renderDescription()}
         </div>
@@ -192,6 +192,9 @@ r([
 r([
   s()
 ], i.prototype, "orientation", 2);
+r([
+  s({ type: Boolean })
+], i.prototype, "hideStateText", 2);
 r([
   v(".step-description")
 ], i.prototype, "descriptionElement", 2);
@@ -199,6 +202,6 @@ i = r([
   p("nve-step")
 ], i);
 export {
-  y as StepState,
+  g as StepState,
   i as default
 };

package/components/nve-stepper/nve-stepper.component.d.ts

@@ -26,6 +26,8 @@ export interface INveStepper {
     hideMobileStepButtons?: boolean;
     /** Viser mobilversjonen av Stepper. */
     displayMobileVersion?: boolean;
+    /** Angir om stateText skal skjules for alle trinn */
+    hideStateText?: boolean;
 }
 /**
  * En stepper-komponent brukes for å bryte ned en kompleks prosess i flere mindre, håndterbare trinn.
@@ -47,6 +49,8 @@ export default class NveStepper extends LitElement {
     hideMobileStepButtons: boolean;
     /** Viser mobilversjonen av Stepper. */
     displayMobileVersion: boolean;
+    /** Angir om stateText skal skjules for alle trinn */
+    hideStateText: boolean;
     private selectedStepIndex;
     /**
      * Ved endring av props, re-render komponenten eksternt med document.querySelector("nve-stepper")?.reRender();

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

@@ -1,19 +1,19 @@
-import { h as u, k as n } from "../../chunks/lit-element.js";
-import { n as p, t as c } from "../../chunks/property.js";
+import { h as u, k as r } from "../../chunks/lit-element.js";
+import { n as p, t as S } from "../../chunks/property.js";
 import { StepState as h } from "./nve-step/nve-step.component.js";
-import S from "./nve-stepper.styles.js";
+import c from "./nve-stepper.styles.js";
 import "./nve-stepper-mobile.component.js";
-var v = Object.defineProperty, f = Object.getOwnPropertyDescriptor, r = (e, t, a, o) => {
-  for (var i = o > 1 ? void 0 : o ? f(t, a) : t, d = e.length - 1, l; d >= 0; d--)
-    (l = e[d]) && (i = (o ? l(t, a, i) : l(i)) || i);
-  return o && i && v(t, a, i), i;
+var v = Object.defineProperty, f = Object.getOwnPropertyDescriptor, i = (e, t, a, o) => {
+  for (var n = o > 1 ? void 0 : o ? f(t, a) : t, d = e.length - 1, l; d >= 0; d--)
+    (l = e[d]) && (n = (o ? l(t, a, n) : l(n)) || n);
+  return o && n && v(t, a, n), n;
 };
 function x() {
   return /Mobi|Android/i.test(navigator.userAgent);
 }
 let s = class extends u {
   constructor() {
-    super(...arguments), this.orientation = "horizontal", this.endButtonText = "Sende", this.steps = [], this.hideStepButtons = !1, this.hideMobileStepButtons = !1, this.displayMobileVersion = !1, this.selectedStepIndex = { value: 0 };
+    super(...arguments), this.orientation = "horizontal", this.endButtonText = "Sende", this.steps = [], this.hideStepButtons = !1, this.hideMobileStepButtons = !1, this.displayMobileVersion = !1, this.hideStateText = !1, this.selectedStepIndex = { value: 0 };
   }
   /**
    * Ved endring av props, re-render komponenten eksternt med document.querySelector("nve-stepper")?.reRender();
@@ -69,7 +69,7 @@ let s = class extends u {
     this.prevStep();
   }
   renderBackButton() {
-    return this.hideStepButtons ? "" : n`
+    return this.hideStepButtons ? "" : r`
       <nve-button
         .disabled=${this.getExtremes() === "start"}
         size="medium"
@@ -85,7 +85,7 @@ let s = class extends u {
     return this.orientation === "vertical";
   }
   renderForwardButton() {
-    return this.hideStepButtons ? "" : this.getExtremes() === "end" ? n`
+    return this.hideStepButtons ? "" : this.getExtremes() === "end" ? r`
         <nve-button
           size="medium"
           variant="primary"
@@ -94,7 +94,7 @@ let s = class extends u {
           <nve-icon slot="suffix" name="done"></nve-icon>
           ${this.endButtonText}
         </nve-button>
-      ` : n`
+      ` : r`
       <nve-button
         .disabled=${this.getExtremes() === "end"}
         size="medium"
@@ -107,7 +107,7 @@ let s = class extends u {
     `;
   }
   renderVerticalButtons() {
-    return this.hideStepButtons ? "" : n`
+    return this.hideStepButtons ? "" : r`
       <div class="vertical-btn-container">
         ${this.renderBackButton()}
         ${this.renderForwardButton()}
@@ -116,7 +116,7 @@ let s = class extends u {
   }
   /** Hoved render-metode */
   render() {
-    return x() || this.displayMobileVersion ? n`
+    return x() || this.displayMobileVersion ? r`
         <nve-stepper-mobile
           .steps=${this.steps}
           .selectedStepIndex=${this.selectedStepIndex}
@@ -124,12 +124,12 @@ let s = class extends u {
           @next-step=${this.handleMobileNextStep}
           @prev-step=${this.handleMobilePrevStep}
         ></nve-stepper-mobile>
-      ` : n`
+      ` : r`
       <div class="stepper ${this.orientation}">
         ${this.isOrientationVertical() ? "" : this.renderBackButton()}
         <div class="steps-container ${this.orientation}  ${this.hideStepButtons ? "" : "steps-container-with-buttons"}">
           ${this.steps.map(
-      (e, t) => n`
+      (e, t) => r`
               <nve-step
                 .title=${e.title}
                 .description=${e.description}
@@ -140,6 +140,7 @@ let s = class extends u {
                 .index=${t}
                 .readyForEntrance=${e.readyForEntrance}
                 .orientation=${this.orientation}
+                .hideStateText=${this.hideStateText}
               >
               </nve-step>
             `
@@ -151,27 +152,30 @@ let s = class extends u {
     `;
   }
 };
-s.styles = [S];
-r([
+s.styles = [c];
+i([
   p()
 ], s.prototype, "orientation", 2);
-r([
+i([
   p({ type: String })
 ], s.prototype, "endButtonText", 2);
-r([
+i([
   p({ type: Array })
 ], s.prototype, "steps", 2);
-r([
+i([
   p({ type: Boolean })
 ], s.prototype, "hideStepButtons", 2);
-r([
+i([
   p({ type: Boolean })
 ], s.prototype, "hideMobileStepButtons", 2);
-r([
+i([
   p({ type: Boolean })
 ], s.prototype, "displayMobileVersion", 2);
-s = r([
-  c("nve-stepper")
+i([
+  p({ type: Boolean })
+], s.prototype, "hideStateText", 2);
+s = i([
+  S("nve-stepper")
 ], s);
 export {
   s as default

package/custom-elements.json

@@ -9561,6 +9561,15 @@
               "default": "false",
               "description": "Viser mobilversjonen av Stepper."
             },
+            {
+              "kind": "field",
+              "name": "hideStateText",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "description": "Angir om stateText skal skjules for alle trinn"
+            },
             {
               "kind": "field",
               "name": "selectedStepIndex",
@@ -11103,6 +11112,15 @@
               "default": "'horizontal'",
               "description": "Retningen stegene skal gå i: horisontal eller vertikal"
             },
+            {
+              "kind": "field",
+              "name": "hideStateText",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "description": "Angir om stateText skal skjules"
+            },
             {
               "kind": "field",
               "name": "descriptionElement",
@@ -11345,7 +11363,7 @@
   "package": {
     "name": "nve-designsystem",
     "description": "Designsystem for NVE",
-    "version": "0.4.2",
+    "version": "0.4.3",
     "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.3",
+  "version": "0.4.4",
   "customElements": "custom-elements.json",
   "exports": {
     ".": {