nve-designsystem 0.1.67 → 0.1.68

package/components/nve-radio-button/nve-radio-button.component.d.ts

@@ -6,6 +6,7 @@ import SlRadioButton from '@shoelace-style/shoelace/dist/components/radio-button
 export default class NveRadioButton extends SlRadioButton {
     constructor();
     static styles: import("lit").CSSResultGroup[];
+    testId: string;
 }
 declare global {
     interface HTMLElementTagNameMap {

package/components/nve-radio-button/nve-radio-button.component.js

@@ -1,15 +1,15 @@
-import { n as i, t as c } from "../../chunks/property.js";
-import { i as b } from "../../chunks/lit-element.js";
+import { n as i, t as b } from "../../chunks/property.js";
 import { b as f } from "../../chunks/chunk.MGOBPGE5.js";
-import { H as m } from "../../chunks/chunk.NYIIDP5N.js";
-import { w as _ } from "../../chunks/chunk.Q6ASPMKT.js";
-import { b as e, S as y } from "../../chunks/chunk.JS655M6J.js";
-import { e as x } from "../../chunks/class-map.js";
-import { n as v } from "../../chunks/static.js";
-import { o as $ } from "../../chunks/if-defined.js";
-import { r as w } from "../../chunks/state.js";
-import { e as d } from "../../chunks/query.js";
-var C = b`
+import { i as m } from "../../chunks/lit-element.js";
+import { H as _ } from "../../chunks/chunk.NYIIDP5N.js";
+import { w as y } from "../../chunks/chunk.Q6ASPMKT.js";
+import { b as e, S as x } from "../../chunks/chunk.JS655M6J.js";
+import { e as v } from "../../chunks/class-map.js";
+import { n as $ } from "../../chunks/static.js";
+import { o as w } from "../../chunks/if-defined.js";
+import { r as C } from "../../chunks/state.js";
+import { e as h } from "../../chunks/query.js";
+var g = m`
   ${f}
 
   .button__prefix,
@@ -33,9 +33,9 @@ var C = b`
     opacity: 0;
     z-index: -1;
   }
-`, t = class extends y {
+`, t = class extends x {
   constructor() {
-    super(...arguments), this.hasSlotController = new m(this, "[default]", "prefix", "suffix"), this.hasFocus = !1, this.checked = !1, this.disabled = !1, this.size = "medium", this.pill = !1;
+    super(...arguments), this.hasSlotController = new _(this, "[default]", "prefix", "suffix"), this.hasFocus = !1, this.checked = !1, this.disabled = !1, this.size = "medium", this.pill = !1;
   }
   connectedCallback() {
     super.connectedCallback(), this.setAttribute("role", "presentation");
@@ -65,13 +65,13 @@ var C = b`
     this.input.blur();
   }
   render() {
-    return v`
+    return $`
       <div part="base" role="presentation">
         <button
           part="${`button${this.checked ? " button--checked" : ""}`}"
           role="radio"
           aria-checked="${this.checked}"
-          class=${x({
+          class=${v({
       button: !0,
       "button--default": !0,
       "button--small": this.size === "small",
@@ -88,7 +88,7 @@ var C = b`
     })}
           aria-disabled=${this.disabled}
           type="button"
-          value=${$(this.value)}
+          value=${w(this.value)}
           tabindex="${this.checked ? "0" : "-1"}"
           @blur=${this.handleBlur}
           @focus=${this.handleFocus}
@@ -102,15 +102,15 @@ var C = b`
     `;
   }
 };
-t.styles = C;
+t.styles = g;
 e([
-  d(".button")
+  h(".button")
 ], t.prototype, "input", 2);
 e([
-  d(".hidden-input")
+  h(".hidden-input")
 ], t.prototype, "hiddenInput", 2);
 e([
-  w()
+  C()
 ], t.prototype, "hasFocus", 2);
 e([
   i({ type: Boolean, reflect: !0 })
@@ -128,24 +128,27 @@ e([
   i({ type: Boolean, reflect: !0 })
 ], t.prototype, "pill", 2);
 e([
-  _("disabled", { waitUntilFirstUpdate: !0 })
+  y("disabled", { waitUntilFirstUpdate: !0 })
 ], t.prototype, "handleDisabledChange", 1);
 var p = t;
 t.define("sl-radio-button");
-var k = Object.defineProperty, g = Object.getOwnPropertyDescriptor, F = (s, l, a, r) => {
-  for (var o = r > 1 ? void 0 : r ? g(l, a) : l, u = s.length - 1, n; u >= 0; u--)
-    (n = s[u]) && (o = (r ? n(l, a, o) : n(o)) || o);
-  return r && o && k(l, a, o), o;
+var k = Object.defineProperty, S = Object.getOwnPropertyDescriptor, c = (s, l, u, r) => {
+  for (var o = r > 1 ? void 0 : r ? S(l, u) : l, n = s.length - 1, d; n >= 0; n--)
+    (d = s[n]) && (o = (r ? d(l, u, o) : d(o)) || o);
+  return r && o && k(l, u, o), o;
 };
-let h = class extends p {
+let a = class extends p {
   constructor() {
-    super();
+    super(), this.testId = "";
   }
 };
-h.styles = [p.styles];
-h = F([
-  c("nve-radio-button")
-], h);
+a.styles = [p.styles];
+c([
+  i({ reflect: !0, type: String })
+], a.prototype, "testId", 2);
+a = c([
+  b("nve-radio-button")
+], a);
 export {
-  h as default
+  a as default
 };

package/components/nve-radio-group/nve-radio-group.component.d.ts

@@ -41,6 +41,7 @@ export default class NveRadioGroup extends SlRadioGroup {
     /**
      * Hjelpe variabel som sjekker om radio gruppe er allerede invalid
      */
+    testId: string;
     private alreadyInvalid;
     /**
      * Ikke mulig å få taket i errorMessage til superklassen (SlRadioGroup), og den trengs for å vise feilmelding under radio gruppe.

package/components/nve-radio-group/nve-radio-group.component.js

@@ -1,18 +1,18 @@
 import { n, t as M } from "../../chunks/property.js";
 import { r as p } from "../../chunks/state.js";
-import { f as A } from "../../chunks/chunk.SI4ACBFK.js";
+import { f as S } from "../../chunks/chunk.SI4ACBFK.js";
 import { c as R, b as l, S as w } from "../../chunks/chunk.JS655M6J.js";
 import { i as E, x as g } from "../../chunks/lit-element.js";
-import { F as S, c as $, a as q, v as L } from "../../chunks/chunk.UEQZEZFU.js";
+import { F as A, c as $, a as q, v as I } from "../../chunks/chunk.UEQZEZFU.js";
 import { e as v } from "../../chunks/query.js";
-import { H as I } from "../../chunks/chunk.NYIIDP5N.js";
+import { H as L } from "../../chunks/chunk.NYIIDP5N.js";
 import { w as V } from "../../chunks/chunk.Q6ASPMKT.js";
 import { e as B } from "../../chunks/class-map.js";
 import G from "./nve-radio-group.styles.js";
 import { t as _ } from "../../chunks/updateInvalidProperty.js";
 var O = E`
   ${R}
-  ${A}
+  ${S}
 
   :host {
     display: block;
@@ -117,12 +117,12 @@ function f(t) {
 }
 var a = class extends w {
   constructor() {
-    super(...arguments), this.formControlController = new S(this), this.hasSlotController = new I(this, "help-text", "label"), this.customValidityMessage = "", this.hasButtonGroup = !1, this.errorMessage = "", this.defaultValue = "", this.label = "", this.helpText = "", this.name = "option", this.value = "", this.size = "medium", this.form = "", this.required = !1;
+    super(...arguments), this.formControlController = new A(this), this.hasSlotController = new L(this, "help-text", "label"), this.customValidityMessage = "", this.hasButtonGroup = !1, this.errorMessage = "", this.defaultValue = "", this.label = "", this.helpText = "", this.name = "option", this.value = "", this.size = "medium", this.form = "", this.required = !1;
   }
   /** Gets the validity state object */
   get validity() {
     const t = this.required && !this.value;
-    return this.customValidityMessage !== "" ? $ : t ? q : L;
+    return this.customValidityMessage !== "" ? $ : t ? q : I;
   }
   /** Gets the validation message */
   get validationMessage() {
@@ -146,11 +146,11 @@ var a = class extends w {
     var e;
     if (!["ArrowUp", "ArrowDown", "ArrowLeft", "ArrowRight", " "].includes(t.key))
       return;
-    const s = this.getAllRadios().filter((u) => !u.disabled), o = (e = s.find((u) => u.checked)) != null ? e : s[0], i = t.key === " " ? 0 : ["ArrowUp", "ArrowLeft"].includes(t.key) ? -1 : 1, d = this.value;
+    const s = this.getAllRadios().filter((h) => !h.disabled), o = (e = s.find((h) => h.checked)) != null ? e : s[0], i = t.key === " " ? 0 : ["ArrowUp", "ArrowLeft"].includes(t.key) ? -1 : 1, u = this.value;
     let r = s.indexOf(o) + i;
-    r < 0 && (r = s.length - 1), r > s.length - 1 && (r = 0), this.getAllRadios().forEach((u) => {
-      u.checked = !1, this.hasButtonGroup || (u.tabIndex = -1);
-    }), this.value = s[r].value, s[r].checked = !0, this.hasButtonGroup ? s[r].shadowRoot.querySelector("button").focus() : (s[r].tabIndex = 0, s[r].focus()), this.value !== d && (this.emit("sl-change"), this.emit("sl-input")), t.preventDefault();
+    r < 0 && (r = s.length - 1), r > s.length - 1 && (r = 0), this.getAllRadios().forEach((h) => {
+      h.checked = !1, this.hasButtonGroup || (h.tabIndex = -1);
+    }), this.value = s[r].value, s[r].checked = !0, this.hasButtonGroup ? s[r].shadowRoot.querySelector("button").focus() : (s[r].tabIndex = 0, s[r].focus()), this.value !== u && (this.emit("sl-change"), this.emit("sl-input")), t.preventDefault();
   }
   handleLabelClick() {
     const t = this.getAllRadios(), s = t.find((o) => o.checked) || t[0];
@@ -329,26 +329,26 @@ function D(t, e) {
     ...e
   };
   return (o, i) => {
-    const { update: d } = o, r = Array.isArray(t) ? t : [t];
-    o.update = function(u) {
+    const { update: u } = o, r = Array.isArray(t) ? t : [t];
+    o.update = function(h) {
       r.forEach((x) => {
         const b = x;
-        if (u.has(b)) {
-          const y = u.get(b), C = this[b];
+        if (h.has(b)) {
+          const y = h.get(b), C = this[b];
           y !== C && (!s.waitUntilFirstUpdate || this.hasUpdated) && this[i](y, C);
         }
-      }), d.call(this, u);
+      }), u.call(this, h);
     };
   };
 }
 var T = Object.defineProperty, U = Object.getOwnPropertyDescriptor, c = (t, e, s, o) => {
-  for (var i = o > 1 ? void 0 : o ? U(e, s) : e, d = t.length - 1, r; d >= 0; d--)
-    (r = t[d]) && (i = (o ? r(e, s, i) : r(i)) || i);
+  for (var i = o > 1 ? void 0 : o ? U(e, s) : e, u = t.length - 1, r; u >= 0; u--)
+    (r = t[u]) && (i = (o ? r(e, s, i) : r(i)) || i);
   return o && i && T(e, s, i), i;
 };
-let h = class extends k {
+let d = class extends k {
   constructor() {
-    super(), this.orientation = "vertical", this.disabled = !1, this.requiredLabel = "*Obligatorisk", this.alreadyInvalid = !1, this.errorMessageCopy = "", this.getAllRadios = function() {
+    super(), this.orientation = "vertical", this.disabled = !1, this.requiredLabel = "*Obligatorisk", this.testId = "", this.alreadyInvalid = !1, this.errorMessageCopy = "", this.getAllRadios = function() {
       return [
         // @ts-expect-error - bruk av this i private metode
         ...this.querySelectorAll(
@@ -360,7 +360,7 @@ let h = class extends k {
       if (!e || e.disabled)
         return;
       const i = e.shadowRoot.querySelectorAll("span[part='base']");
-      i.length > 0 && i[0].focus(), this.value = e.value, s.forEach((d) => d.checked = d === e), this.value !== o && (this.emit("sl-change"), this.emit("sl-input"));
+      i.length > 0 && i[0].focus(), this.value = e.value, s.forEach((u) => u.checked = u === e), this.value !== o && (this.emit("sl-change"), this.emit("sl-input"));
     }, this.syncRadioElements = async function() {
       var e, s, o;
       const t = this.getAllRadios();
@@ -422,31 +422,34 @@ let h = class extends k {
     this.errorMessageCopy = "", _(t, !1, "data-invalid"), this.setCustomValidity(""), this.style.removeProperty("--radio-group-error-message");
   }
 };
-h.styles = [k.styles, G];
+d.styles = [k.styles, G];
 c([
   n({ reflect: !0 })
-], h.prototype, "orientation", 2);
+], d.prototype, "orientation", 2);
 c([
   n({ type: Boolean, reflect: !0 })
-], h.prototype, "disabled", 2);
+], d.prototype, "disabled", 2);
 c([
   n({ reflect: !0 })
-], h.prototype, "errorMessage", 2);
+], d.prototype, "errorMessage", 2);
 c([
   n()
-], h.prototype, "requiredLabel", 2);
+], d.prototype, "requiredLabel", 2);
+c([
+  n({ reflect: !0, type: String })
+], d.prototype, "testId", 2);
 c([
   p()
-], h.prototype, "alreadyInvalid", 2);
+], d.prototype, "alreadyInvalid", 2);
 c([
   p()
-], h.prototype, "errorMessageCopy", 2);
+], d.prototype, "errorMessageCopy", 2);
 c([
   D("disabled")
-], h.prototype, "connectedCallback", 1);
-h = c([
+], d.prototype, "connectedCallback", 1);
+d = c([
   M("nve-radio-group")
-], h);
+], d);
 export {
-  h as default
+  d as default
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "nve-designsystem",
-  "version": "0.1.67",
+  "version": "0.1.68",
   "exports": {
     ".": {
       "import": "./nve-designsystem.js",