nve-designsystem 0.1.72 → 0.1.73

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

@@ -1,19 +1,39 @@
 import { CSSResultArray, LitElement, TemplateResult } from 'lit';
 import { StepProps } from './nve-step/nve-step.component';
-/** Interface for stepper-komponenten som definerer nødvendige metoder */
+/** Interface for stepper-komponenten */
 export interface INveStepper extends HTMLElement {
     /** Går til neste steg */
-    nextStep(): void;
+    nextStep?(): void;
     /** Går til forrige steg */
-    prevStep(): void;
+    prevStep?(): void;
     /** Velger et spesifikt steg basert på event */
-    selectStep(event: CustomEvent): void;
+    selectStep?(event: CustomEvent): void;
     /** Fullfører alle stegene */
     finishSteps(): void;
     /** Henter indeksen for gjeldende steg */
-    getCurrentIndex(): number;
+    getCurrentIndex?(): number;
     /** Tvinger en re-render av komponenten */
-    reRender(): void;
+    reRender?(): void;
+    /** Hvilken retning Steps skal gå. */
+    orientation?: 'horizontal' | 'vertical';
+    /** Indeks for valgt steg, gir mulighet for å styre hvilket steg som er valgt. */
+    selectedStepIndex?: {
+        value: number;
+    };
+    /** Avstand mellom Steps */
+    spaceBetweenSteps?: number;
+    /** Mulighet om å endre teksten på knapp ved siste steg. */
+    optionalEndButton?: string;
+    /** Steps som skal vises, se StepProps interface for data som skal sendes inn. */
+    steps: StepProps[];
+    /** Deaktiverer muligheten til å klikke på en Step komponenten slik at den blir valgt. */
+    disableStepClick?: boolean;
+    /** Skjuler Neste og Forrige knappene slik at du kan implementere dine egne Neste og Forrige knappene. */
+    hideStepButtons?: boolean;
+    /** Skjuler Neste og Forrige knappene på mobilversjonen. */
+    hideMobileStepButtons?: boolean;
+    /** Viser mobilversjonen av Stepper. */
+    displayMobileVersion?: boolean;
 }
 /**
  * En stepper-komponent brukes for å bryte ned en kompleks prosess i flere mindre, håndterbare trinn.

package/custom-elements.json

@@ -8461,142 +8461,6 @@
         }
       ]
     },
-    {
-      "kind": "javascript-module",
-      "path": "components/nve-stepper-demo/nve-stepper-demo.js",
-      "declarations": [
-        {
-          "kind": "class",
-          "description": "",
-          "name": "NveStepperDemo",
-          "members": [
-            {
-              "kind": "field",
-              "name": "testId",
-              "type": {
-                "text": "string"
-              },
-              "default": "''"
-            },
-            {
-              "kind": "field",
-              "name": "isLastStep1",
-              "type": {
-                "text": "boolean"
-              },
-              "privacy": "private",
-              "default": "false"
-            },
-            {
-              "kind": "field",
-              "name": "isLastStep2",
-              "type": {
-                "text": "boolean"
-              },
-              "privacy": "private",
-              "default": "false"
-            },
-            {
-              "kind": "field",
-              "name": "styles",
-              "type": {
-                "text": "array"
-              },
-              "static": true,
-              "default": "[styles]"
-            },
-            {
-              "kind": "method",
-              "name": "handleNextStep1",
-              "privacy": "private",
-              "parameters": [
-                {
-                  "name": "element",
-                  "type": {
-                    "text": "HTMLElement | null"
-                  }
-                }
-              ]
-            },
-            {
-              "kind": "method",
-              "name": "handleNextStep2",
-              "privacy": "private",
-              "parameters": [
-                {
-                  "name": "element",
-                  "type": {
-                    "text": "HTMLElement | null"
-                  }
-                }
-              ]
-            },
-            {
-              "kind": "method",
-              "name": "handlePrevStep1",
-              "privacy": "private",
-              "parameters": [
-                {
-                  "name": "element",
-                  "type": {
-                    "text": "HTMLElement | null"
-                  }
-                }
-              ]
-            },
-            {
-              "kind": "method",
-              "name": "handlePrevStep2",
-              "privacy": "private",
-              "parameters": [
-                {
-                  "name": "element",
-                  "type": {
-                    "text": "HTMLElement | null"
-                  }
-                }
-              ]
-            },
-            {
-              "kind": "method",
-              "name": "customFinishSteps",
-              "privacy": "private"
-            },
-            {
-              "kind": "method",
-              "name": "firstUpdated",
-              "privacy": "protected",
-              "return": {
-                "type": {
-                  "text": "void"
-                }
-              }
-            },
-            {
-              "kind": "method",
-              "name": "render"
-            }
-          ],
-          "superclass": {
-            "name": "LitElement",
-            "package": "lit"
-          },
-          "tagNameWithoutPrefix": "stepper-demo",
-          "tagName": "nve-stepper-demo",
-          "customElement": true
-        }
-      ],
-      "exports": [
-        {
-          "kind": "js",
-          "name": "default",
-          "declaration": {
-            "name": "NveStepperDemo",
-            "module": "components/nve-stepper-demo/nve-stepper-demo.js"
-          }
-        }
-      ]
-    },
     {
       "kind": "javascript-module",
       "path": "components/nve-textarea/nve-textarea.js",
@@ -9769,7 +9633,7 @@
   "package": {
     "name": "nve-designsystem",
     "description": "Designsystem for NVE",
-    "version": "0.1.71",
+    "version": "0.1.72",
     "author": {
       "name": "NVE",
       "email": "nve@nve.no"

package/package.json

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

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

@@ -1,21 +0,0 @@
-import { LitElement } from 'lit';
-import { INveComponent } from '../../interfaces/NveComponent.interface';
-export default class NveStepperDemo extends LitElement implements INveComponent {
-    testId: string;
-    private isLastStep1;
-    private isLastStep2;
-    static styles: import("lit").CSSResult[];
-    constructor();
-    private handleNextStep1;
-    private handleNextStep2;
-    private handlePrevStep1;
-    private handlePrevStep2;
-    private customFinishSteps;
-    protected firstUpdated(): void;
-    render(): import("lit-html").TemplateResult<1>;
-}
-declare global {
-    interface HTMLElementTagNameMap {
-        'nve-stepper-demo': NveStepperDemo;
-    }
-}

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

@@ -1,225 +0,0 @@
-import { s as u, x as S } from "../../chunks/lit-element.js";
-import { n as h, t as f } from "../../chunks/property.js";
-import { r as v } from "../../chunks/state.js";
-import m from "./nve-stepper-demo.styles.js";
-import { StepState as s } from "../nve-stepper/nve-step/nve-step.component.js";
-var g = Object.defineProperty, y = Object.getOwnPropertyDescriptor, a = (e, t, p, n) => {
-  for (var i = n > 1 ? void 0 : n ? y(t, p) : t, l = e.length - 1, d; l >= 0; l--)
-    (d = e[l]) && (i = (n ? d(t, p, i) : d(i)) || i);
-  return n && i && g(t, p, i), i;
-};
-const o = [
-  {
-    title: "Kategorisering",
-    description: "Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam eget.",
-    state: s.Started,
-    isSelected: !0,
-    readyForEntrance: !0
-  },
-  {
-    title: "Beskrivelse",
-    description: "",
-    state: s.NotStarted,
-    isSelected: !1,
-    readyForEntrance: !0
-  },
-  {
-    title: "Kontakt info",
-    description: "",
-    state: s.NotStarted,
-    isSelected: !1,
-    readyForEntrance: !0
-  }
-], c = [
-  {
-    title: "Kategorisering",
-    description: "Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam eget.",
-    state: s.Started,
-    isSelected: !0,
-    readyForEntrance: !0
-  },
-  {
-    title: "Beskrivelse",
-    description: "",
-    state: s.NotStarted,
-    isSelected: !1,
-    readyForEntrance: !0
-  },
-  {
-    title: "Kontakt info",
-    description: "",
-    state: s.NotStarted,
-    isSelected: !1,
-    readyForEntrance: !0
-  }
-], b = [
-  {
-    title: "Kategorisering",
-    description: "Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam eget.",
-    state: s.Started,
-    isSelected: !0,
-    readyForEntrance: !0
-  },
-  {
-    title: "Beskrivelse",
-    description: "",
-    state: s.NotStarted,
-    isSelected: !1,
-    readyForEntrance: !0
-  },
-  {
-    title: "Kontakt info",
-    description: "",
-    state: s.NotStarted,
-    isSelected: !1,
-    readyForEntrance: !0
-  }
-];
-let r = class extends u {
-  constructor() {
-    super(), this.testId = "", this.isLastStep1 = !1, this.isLastStep2 = !1;
-  }
-  handleNextStep1(e) {
-    if (e) {
-      const t = e;
-      t.nextStep(), this.isLastStep1 = t.getCurrentIndex() === o.length - 1;
-    }
-  }
-  handleNextStep2(e) {
-    if (e) {
-      const t = e;
-      t.nextStep(), this.isLastStep2 = t.getCurrentIndex() === c.length - 1;
-    }
-  }
-  handlePrevStep1(e) {
-    if (e) {
-      const t = e;
-      t.prevStep(), this.isLastStep1 = t.getCurrentIndex() === o.length - 1;
-    }
-  }
-  handlePrevStep2(e) {
-    if (e) {
-      const t = e;
-      t.prevStep(), this.isLastStep2 = t.getCurrentIndex() === c.length - 1;
-    }
-  }
-  customFinishSteps() {
-    console.log("Finish steps for custom buttons!");
-  }
-  firstUpdated() {
-    var t;
-    const e = (t = this.shadowRoot) == null ? void 0 : t.getElementById("verticalStepperWithDefaultButtons");
-    e && (e.finishSteps = () => {
-      console.log("Custom finish steps for verticalStepperWithDefaultButtons executed!");
-    });
-  }
-  render() {
-    return S`
-      <h2>Mobile version</h2>
-      <div class="container">
-        <nve-stepper
-          id="verticalStepperWithDefaultButtons"
-          .steps=${o}
-          .orientation=${"vertical"}
-          .spaceBetweenSteps=${100}
-          .displayMobileVersion=${!0}
-        ></nve-stepper>
-      </div>
-      <nve-divider></nve-divider>
-
-      <h2>Vertical with default buttons</h2>
-      <div class="container">
-        <nve-stepper
-          id="verticalStepperWithDefaultButtons"
-          .steps=${o}
-          .orientation=${"vertical"}
-          .spaceBetweenSteps=${100}
-        ></nve-stepper>
-      </div>
-      <nve-divider></nve-divider>
-
-      <h2>Horizontal without default buttons</h2>
-      <div class="container">
-        <nve-stepper
-          id="horizontalStepper"
-          .steps=${c}
-          .hideStepButtons=${!0}
-        ></nve-stepper>
-        <div>
-          <nve-button
-            size="small"
-            variant="primary"
-            @click=${() => {
-      var e;
-      return this.handlePrevStep1((e = this.shadowRoot) == null ? void 0 : e.getElementById("horizontalStepper"));
-    }}
-          >
-            Previous
-          </nve-button>
-          <nve-button
-            size="small"
-            variant="primary"
-            @click=${() => {
-      var t;
-      const e = (t = this.shadowRoot) == null ? void 0 : t.getElementById("horizontalStepper");
-      this.isLastStep1 ? this.customFinishSteps() : this.handleNextStep1(e);
-    }}
-          >
-            ${this.isLastStep1 ? "Skicka" : "Next"}
-          </nve-button>
-        </div>
-      </div>
-      <nve-divider></nve-divider>
-
-      <h2>Vertical without default nve-buttons</h2>
-      <div class="container">
-        <nve-stepper
-          id="verticalStepper"
-          .steps=${b}
-          .hideStepButtons=${!0}
-          .orientation=${"vertical"}
-          .spaceBetweenSteps=${100}
-        ></nve-stepper>
-        <div>
-          <nve-button
-            size="large"
-            variant="secondary"
-            @click=${() => {
-      var e;
-      return this.handlePrevStep2((e = this.shadowRoot) == null ? void 0 : e.getElementById("verticalStepper"));
-    }}
-          >
-            Previous
-          </nve-button>
-          <nve-button
-            size="large"
-            variant="secondary"
-            @click=${() => {
-      var t;
-      const e = (t = this.shadowRoot) == null ? void 0 : t.getElementById("verticalStepper");
-      this.isLastStep2 ? this.customFinishSteps() : this.handleNextStep2(e);
-    }}
-          >
-            ${this.isLastStep2 ? "Skicka" : "Next"}
-          </nve-button>
-        </div>
-      </div>
-    `;
-  }
-};
-r.styles = [m];
-a([
-  h({ reflect: !0, type: String })
-], r.prototype, "testId", 2);
-a([
-  v()
-], r.prototype, "isLastStep1", 2);
-a([
-  v()
-], r.prototype, "isLastStep2", 2);
-r = a([
-  f("nve-stepper-demo")
-], r);
-export {
-  r as default
-};

package/components/nve-stepper-demo/nve-stepper-demo.styles.d.ts

@@ -1,2 +0,0 @@
-declare const _default: import("lit").CSSResult;
-export default _default;

package/components/nve-stepper-demo/nve-stepper-demo.styles.js

@@ -1,5 +0,0 @@
-import { i as t } from "../../chunks/lit-element.js";
-const s = t``;
-export {
-  s as default
-};