@oslokommune/punkt-react 12.30.2 → 12.30.3

package/CHANGELOG.md

@@ -5,6 +5,24 @@ og skriver commits ca etter [Conventional Commits](https://conventionalcommits.o
 
 ---
 
+## [12.30.3](https://github.com/oslokommune/punkt/compare/12.30.2...12.30.3) (2025-03-27)
+
+### ⚠ BREAKING CHANGES
+Ingen
+
+### Features
+Ingen
+
+### Bug Fixes
+* Radio og Check rapporterer ikke riktig valgt verdi i FormData (#2368). 
+
+
+### Chores
+Ingen
+
+---
+
+
 ## [12.29.3](https://github.com/oslokommune/punkt/compare/12.29.2...12.29.3) (2025-03-21)
 
 ### ⚠ BREAKING CHANGES

package/dist/punkt-react.es.js

@@ -25499,16 +25499,20 @@ let gn = class extends ti {
   // Trigger this when you want to set the value of the *radio or checkbox* input out to the form
   // Do not use valueChanged or onChange for radios and checkboxes!
   valueChecked(r) {
-    this.touched && (typeof r == "string" ? (this.checked = r === "true", this.internals.ariaChecked = r === "true") : typeof r == "boolean" && (this.checked = r, this.internals.ariaChecked = r), this.checked ? this.internals.states.add("--checked") : this.internals.states.delete("--checked"), this.internals.setFormValue(
-      this.checked ? this.value : null,
-      this.checked ? "checked" : "unchecked"
-    ), this.dispatchEvent(new Event("change")), this.dispatchEvent(
+    if (!this.touched) return;
+    const o = this.internals.form || this.closest("form");
+    o && o.querySelectorAll(
+      `pkt-radiobutton[name=${this.name}], input[type=radio][name=${this.name}]`
+    ).forEach((u) => {
+      const f = u;
+      f.name === this.name && f.value !== this.value && f.checked && (f.checked = !1);
+    }), typeof r == "string" ? (this.checked = r === "true", this.internals.ariaChecked = r === "true") : typeof r == "boolean" && (this.checked = r, this.internals.ariaChecked = r), this.checked ? (this.internals.setFormValue(this.value || "on", this.value || "on"), this.internals.states.add("--checked")) : (this.internals.setFormValue("", ""), this.internals.states.delete("--checked")), this.dispatchEvent(new Event("change")), this.dispatchEvent(
       new CustomEvent("value-change", {
         detail: this.checked,
         bubbles: !0,
         composed: !0
       })
-    ), this.internals.reportValidity());
+    ), this.internals.reportValidity();
   }
   valueChanged(r, o) {
     (o !== this.value || o !== this._value) && (typeof r == "string" ? ((this.multiple || this.range) && r.includes(",") && (r = r.split(",")), this.value = r, this._value = Array.isArray(r) ? r : [r]) : Array.isArray(r) ? (this.value = r, this._value = r) : (this.value = "", this._value = []), (!this.value || this.value.length === 0) && o && o.length !== 0 ? this.clearInputValue() : this.value && this.value.toString() !== (o == null ? void 0 : o.toString()) && this.onChange(this.value), this.updateComplete.then(() => this.requestUpdate()));
@@ -25554,7 +25558,15 @@ let gn = class extends ti {
     super.updated(r), r.has("dataTestid") && this.dataTestid && this.inputRef.value && (this.skipForwardTestid ? this.hasAttribute("data-testid") || this.setAttribute("data-testid", this.dataTestid) : (this.inputRef.value.dataset.testid = this.dataTestid, this.removeAttribute("data-testid")));
   }
   firstUpdated(r) {
-    super.firstUpdated(r), this.value && this.defaultValue !== null && (this.defaultValue = this.value), this.defaultValue !== null && !this.value && this.valueChanged(this.defaultValue, null), this.defaultChecked && (this.internals.ariaChecked = !0, this.checked = !0), this.required && (this.internals.ariaRequired = !0), this.disabled && (this.internals.ariaDisabled = !0), this.id && !this.name && (this.name = this.id), this.setFormValue(this.value), this.inputRef && this.inputRef.value && (this.inputRef.value.setAttribute("form", ""), this.manageValidity(this.inputRef.value)), this.inputRefTo && this.inputRefTo.value && (this.inputRefTo.value.setAttribute("form", ""), this.manageValidity(this.inputRefTo.value));
+    if (super.firstUpdated(r), this.value && this.defaultValue !== null && (this.defaultValue = this.value), this.defaultValue !== null && !this.value && this.valueChanged(this.defaultValue, null), this.defaultChecked && (this.internals.ariaChecked = !0, this.checked = !0), this.required && (this.internals.ariaRequired = !0), this.disabled && (this.internals.ariaDisabled = !0), this.id && !this.name && (this.name = this.id), this.checked !== void 0) {
+      const o = this.checked === "" || this.checked === "true" || this.checked === !0;
+      this.internals.ariaChecked = o, this.internals.setFormValue(
+        o ? this.value || "on" : "",
+        o ? this.value || "on" : ""
+      );
+    } else
+      this.internals.setFormValue(this.value);
+    this.inputRef && this.inputRef.value && (this.inputRef.value.setAttribute("form", ""), this.manageValidity(this.inputRef.value)), this.inputRefTo && this.inputRefTo.value && (this.inputRefTo.value.setAttribute("form", ""), this.manageValidity(this.inputRefTo.value));
   }
 };
 jn([
@@ -25660,7 +25672,7 @@ var gj = Object.defineProperty, vj = Object.getOwnPropertyDescriptor, _u = (n, r
 };
 let js = class extends gn {
   constructor() {
-    super(...arguments), this.inputRef = Hn(), this.value = "", this.checkHelptext = null, this.defaultChecked = !1, this.hasTile = !1, this.isSwitch = !1, this.labelPosition = "right", this.hideLabel = !1, this.checked = !1, this.type = "checkbox";
+    super(...arguments), this.inputRef = Hn(), this.value = "", this.checkHelptext = null, this.defaultChecked = !1, this.hasTile = !1, this.isSwitch = !1, this.labelPosition = "right", this.hideLabel = !1, this.checked = null, this.type = "checkbox";
   }
   connectedCallback() {
     super.connectedCallback();
@@ -26781,19 +26793,19 @@ let Cu = class extends ti {
   connectedCallback() {
     super.connectedCallback(), this._shouldDisplayLoader = this.delay === 0, this.delay > 0 && this.setupLoader();
   }
-  updated(r) {
-    r.has("delay") && this.setupLoader();
+  updated(n) {
+    n.has("delay") && this.setupLoader();
   }
   render() {
-    const r = mn({
+    const n = mn({
       "pkt-loader": !0,
       [`pkt-loader--${this.inline ? "inline" : "box"}`]: !0,
       [`pkt-loader--${this.size}`]: !0
-    }), o = mn({
+    }), r = mn({
       "pkt-contents": !0,
       "pkt-hide": this.isLoading
     });
-    return He`<div role="status" aria-live="polite" .aria-busy=${this.isLoading} class=${r}>
+    return He`<div role="status" aria-live="polite" .aria-busy=${this.isLoading} class=${n}>
       ${this.isLoading && this._shouldDisplayLoader ? He`<div class="pkt-loader__spinner">
             <pkt-icon
               name=${this.getVariant(this.variant)}
@@ -26802,11 +26814,11 @@ let Cu = class extends ti {
             ></pkt-icon>
             ${this.message && He`<p>${this.message}</p>`}
           </div>` : kt}
-      <div class=${o} ${Pn(this.defaultSlot)}></div>
+      <div class=${r} ${Pn(this.defaultSlot)}></div>
     </div>`;
   }
-  getVariant(r) {
-    switch (r) {
+  getVariant(n) {
+    switch (n) {
       case "blue":
         return "spinner-blue";
       case "rainbow":
@@ -27287,7 +27299,7 @@ var rI = Object.defineProperty, aI = Object.getOwnPropertyDescriptor, pp = (n, r
 };
 let Eu = class extends gn {
   constructor() {
-    super(...arguments), this.inputRef = Hn(), this.value = "", this.checkHelptext = null, this.defaultChecked = !1, this.hasTile = !1, this.checked = !1, this.type = "radio", this._checked = !1;
+    super(...arguments), this.inputRef = Hn(), this.value = "", this.checkHelptext = null, this.defaultChecked = !1, this.hasTile = !1, this.checked = null, this.type = "radio", this._checked = !1;
   }
   connectedCallback() {
     super.connectedCallback();
@@ -27296,7 +27308,7 @@ let Eu = class extends gn {
     n === "defaultChecked" && (this._checked = this.defaultChecked), n === "checked" && (this._checked = this.checked === "" || this.checked === "true" || this.checked === !0), super.attributeChangedCallback(n, r, o);
   }
   updated(n) {
-    super.updated(n);
+    n.has("checked") && this.checked !== null && (this._checked = this.checked === "" || this.checked === "true" || this.checked === !0, (n.get("checked") === "" || n.get("checked") === "true" || n.get("checked") === !0) !== this._checked && this.toggleChecked()), super.updated(n);
   }
   render() {
     const n = mn({
@@ -27332,8 +27344,8 @@ let Eu = class extends gn {
       </div>
     `;
   }
-  toggleChecked(n) {
-    n.stopImmediatePropagation(), this.touched = !0, this.inputRef.value && (this._checked = this.inputRef.value.matches(":checked"), this.valueChecked(this._checked));
+  toggleChecked(n = null) {
+    n && n.stopImmediatePropagation(), this.touched = !0, this.inputRef.value && (this._checked = this.inputRef.value.matches(":checked"), this.valueChecked(this._checked));
   }
 };
 pp([
@@ -27877,7 +27889,7 @@ var rA = { exports: {} };
   })();
 })(rA);
 var mI = rA.exports;
-const Ms = /* @__PURE__ */ Z0(mI), DH = Pr(
+const Ms = /* @__PURE__ */ Z0(mI), wH = Pr(
   ({ title: n, className: r, children: o, toggleProps: u, defaultOpen: f = !1, id: g }, v) => {
     const [C, E] = Fc(f), _ = u ? u.isOpen : C, $ = (B) => B ?? void 0, P = (B, M) => {
       B.preventDefault(), u !== void 0 && u.onToggleClick(B, M), E(!_);
@@ -27938,7 +27950,7 @@ const yI = Pr(
   }
 );
 yI.displayName = "PktBackLink";
-const SH = Pr(
+const DH = Pr(
   ({ breadcrumbs: n, navigationType: r, className: o, ...u }, f) => {
     const g = n.slice(0, 4), v = g[g.length - 2], C = [o, "pkt-breadcrumbs"].filter(Boolean).join(" ");
     return /* @__PURE__ */ O.jsxs("nav", { ref: f, "aria-label": "brødsmulemeny", className: C, children: [
@@ -28022,7 +28034,7 @@ const aA = Pa({
   ({ helptext: n, ...r }, o) => /* @__PURE__ */ O.jsx(DI, { ref: o, ...r, children: /* @__PURE__ */ O.jsx("div", { className: "pkt-contents", slot: "helptext", children: n }) })
 );
 iA.displayName = "PktDatepicker";
-const CH = ({
+const SH = ({
   columnOne: n,
   columnTwo: r,
   socialLinks: o,
@@ -28129,7 +28141,7 @@ const CH = ({
       ) }, `sociallinks-${P}`)) })
     ] })
   ] }) });
-}, xH = ({
+}, CH = ({
   links: n = [],
   openLinksInNewTab: r = !1,
   personvernOgInfoLink: o = "https://www.oslo.kommune.no/personvern-og-informasjonskapsler/",
@@ -28178,7 +28190,7 @@ const CH = ({
       }
     ) })
   ] }) }) });
-}, EH = Pr(
+}, xH = Pr(
   ({
     className: n,
     logoLink: r = "https://www.oslo.kommune.no/",
@@ -38182,7 +38194,7 @@ const zU = Pa({
   ({ children: n, ...r }, o) => /* @__PURE__ */ O.jsx(zU, { ref: o, ...r, children: /* @__PURE__ */ O.jsx("div", { className: "pkt-contents", children: n }) })
 );
 UU.displayName = "PktProgressbar";
-const TH = Pa({
+const _H = Pa({
   tagName: "pkt-radiobutton",
   elementClass: Eu,
   react: nn,
@@ -38194,7 +38206,7 @@ const TH = Pa({
     onFocus: "focus",
     onValueChange: "valueChange"
   }
-}), AH = Pr(
+}), TH = Pr(
   ({
     appearance: n = "local",
     disabled: r = !1,
@@ -38279,7 +38291,7 @@ const TH = Pa({
       ] })
     );
   }
-), FH = Pr(
+), AH = Pr(
   ({
     activeStep: n,
     className: r,
@@ -38307,7 +38319,7 @@ const TH = Pa({
 ] }), WU = /* @__PURE__ */ O.jsxs("svg", { xmlns: "http://www.w3.org/2000/svg", width: "24", height: "24", fill: "none", children: [
   /* @__PURE__ */ O.jsx("path", { fill: "#2A2859", d: "M3 3h18v18H3z" }),
   /* @__PURE__ */ O.jsx("path", { d: "m10.34 16-1.11-1.14L7 12.58l1.11-1.15 2.23 2.28L15.88 8 17 9.15l-5.55 5.71L10.34 16Z", fill: "#F1FDFF" })
-] }), $H = ({ children: n, className: r, status: o = "incomplete", title: u }) => /* @__PURE__ */ O.jsxs("li", { className: Ms("pkt-step", r, `pkt-step--${o}`), "data-testid": "pkt-step", children: [
+] }), FH = ({ children: n, className: r, status: o = "incomplete", title: u }) => /* @__PURE__ */ O.jsxs("li", { className: Ms("pkt-step", r, `pkt-step--${o}`), "data-testid": "pkt-step", children: [
   /* @__PURE__ */ O.jsx("span", { className: "pkt-step__line pkt-step__line--1", "aria-hidden": !0 }),
   /* @__PURE__ */ O.jsx("span", { className: "pkt-step__line pkt-step__line--2", "aria-hidden": !0 }),
   /* @__PURE__ */ O.jsx("span", { className: Ms("pkt-step__indicator"), children: o === "current" ? qU : o === "completed" ? WU : HU }),
@@ -38335,17 +38347,17 @@ const TH = Pa({
 YU.displayName = "PktTextarea";
 export {
   XU as PktAccordion,
-  DH as PktAccordionItem,
+  wH as PktAccordionItem,
   vI as PktAlert,
   yI as PktBackLink,
-  SH as PktBreadcrumbs,
+  DH as PktBreadcrumbs,
   Hf as PktButton,
   wI as PktCard,
   aA as PktCheckbox,
   iA as PktDatepicker,
-  CH as PktFooter,
-  xH as PktFooterSimple,
-  EH as PktHeader,
+  SH as PktFooter,
+  CH as PktFooterSimple,
+  xH as PktHeader,
   CI as PktHelptext,
   vr as PktIcon,
   xI as PktInput,
@@ -38357,11 +38369,11 @@ export {
   BI as PktModal,
   MU as PktPreview,
   UU as PktProgressbar,
-  TH as PktRadioButton,
-  AH as PktSearchInput,
+  _H as PktRadioButton,
+  TH as PktSearchInput,
   dD as PktSelect,
-  $H as PktStep,
-  FH as PktStepper,
+  FH as PktStep,
+  AH as PktStepper,
   jw as PktTable,
   Mw as PktTableBody,
   Bs as PktTableDataCell,

package/dist/punkt-react.umd.js

@@ -526,7 +526,7 @@ You might need to use a local HTTP server (instead of file://): https://reactjs.
           ${this.defaultSlot&&qe`<div class="pkt-card__content" ${Fn(this.defaultSlot)}></div>`}
         </div>
       </div>
-    `}};Ep([Z({type:String,reflect:!0})],Ou.prototype,"skin",2),Ep([Z({type:String,reflect:!0})],Ou.prototype,"direction",2),Ep([Z({type:Object,reflect:!0})],Ou.prototype,"image",2),Ep([Z({type:String,reflect:!0})],Ou.prototype,"heading",2),Ep([Z({type:String,reflect:!0})],Ou.prototype,"subheading",2),Ep([Z({type:Array,reflect:!0})],Ou.prototype,"tags",2),Ou=Ep([Kr("pkt-card")],Ou);const mC=()=>("00000000000000000"+(Math.random()*18446744073709552e3).toString(16)).slice(-16),ih=()=>{const n=mC(),r=mC();return n.slice(0,8)+"-"+n.slice(8,12)+"-4"+n.slice(13)+"-a"+r.slice(1,4)+"-"+r.slice(4)},RN="pkt-inputwrapper",ON={toggleHelpText:{description:"Event for å vise eller skjule hjelpetekst i dropdown"}},LN={forId:{name:"For ID",description:"Id-en til skjemaelementet som dette wrapper rundt",type:"string",required:!0},label:{name:"Merkelapp",description:"Merkelapp for skjemaelementet",type:"string",required:!0},helptext:{name:"Hjelpetekst",description:"Hjelpetekst for skjemaelementet",type:"string"},helptextDropdown:{name:"Hjelpetekst i dropdown",description:"Hjelpetekst som vises i ekspanderende felt",type:"string"},helptextDropdownButton:{name:"Tekst i hjelpetekst-knapp",description:"Tekst som vises i knappen for å vise hjelpetekst i dropdown",default:"Les mer <span class='pkt-sr-only'>om feltet</span>",type:"string"},ariaDescribedby:{name:"aria-describedby",description:"Id-en til elementet som beskriver skjemaelementet",type:"string"},counter:{name:"Teller",description:"Teller for antall tegn i skjemaelementet",type:"boolean",default:!1},counterCurrent:{name:"Tellerverdi",description:"Tellerens nåværende verdi",type:"number"},counterMaxLength:{name:"Maks tegn i teller",description:"Maks antall tegn som kan skrives i skjemaelementet",type:"number"},optionalTag:{name:"Vise valgfritt-merking",description:"Viser en merking som indikerer at feltet er valgfritt",type:"boolean",default:!1},optionalText:{name:"Valgfritt-tekst",description:"Tekst som vises i valgfritt-merkingen",type:"string",default:"Valgfritt"},requiredTag:{name:"Vise påkrevd-merking",description:"Viser en merking som indikerer at feltet er påkrevd",type:"boolean",default:!1},requiredText:{name:"Påkrevd-tekst",description:"Tekst som vises i påkrevd-merkingen",type:"string",default:"Må fylles ut"},hasError:{name:"Feil",description:"Indikerer at skjemaelementet har en feil",type:"boolean",default:!1},errorMessage:{name:"Feilmelding",description:"Feilmelding som vises i tilknytning til skjemaelementet",type:"string"},disabled:{name:"Deaktivert",description:"Indikerer at skjemaelementet er deaktivert",type:"boolean",default:!1},inline:{name:"Inline",description:"Indikerer at skjemaelementet skal flyte sammen med sidens innhold",type:"boolean",default:!1},hasFieldset:{name:"Har fieldset",description:"Indikerer at skjemaelementet er en del av et fieldset",type:"boolean",default:!1},useWrapper:{name:"Bruk wrapper",description:"Indikerer om skjemaelementet skal bruke en wrapper",type:"boolean",displayAsFalse:!0,default:!0}},zo={name:RN,"css-class":"pkt-inputwrapper",isElement:!0,events:ON,props:LN};var BN=Object.defineProperty,On=(n,r,o,u)=>{for(var f=void 0,g=n.length-1,v;g>=0;g--)(v=n[g])&&(f=v(r,o,f)||f);return f&&BN(r,o,f),f};let hn=class extends Oa{constructor(){super(),this.defaultValue=null,this.disabled=!1,this.readonly=!1,this.required=!1,this.max=null,this.maxlength=null,this.min=null,this.minlength=null,this.ariaDescribedBy=null,this.ariaLabelledby=null,this.name="",this.pattern=null,this.placeholder=null,this.id=ih(),this.counter=!1,this.hasError=!1,this.inline=!1,this.optionalTag=!1,this.requiredTag=!1,this.skipForwardTestid=!1,this.useWrapper=!0,this.fullwidth=!1,this.counterMaxLength=0,this.errorMessage="",this.helptext="",this.helptextDropdown="",this.helptextDropdownButton=zo.props.helptextDropdownButton.default,this.label=null,this.optionalText=Ws.forms.labels.optional,this.requiredText=Ws.forms.labels.required,this.dataTestid="",this.touched=!1,this.internals=this.attachInternals()}static get formAssociated(){return!0}manageValidity(r){var o,u,f,g,v,C,E,_;r&&(this.required&&!this.value?this.internals.setValidity({valueMissing:!0},Ws.forms.messages.required,r):(o=r.validity)!=null&&o.typeMismatch||(u=r.validity)!=null&&u.badInput?this.internals.setValidity({typeMismatch:!0},Ws.forms.messages.invalid,r):(f=r.validity)!=null&&f.patternMismatch?this.internals.setValidity({patternMismatch:!0},Ws.forms.messages.invalidPattern,r):(g=r.validity)!=null&&g.tooShort||this.minlength&&this.minlength>0&&this.value.length<this.minlength?this.internals.setValidity({tooShort:!0},Ws.forms.messages.tooShort,r):(v=r.validity)!=null&&v.tooLong||this.maxlength&&this.maxlength>0&&this.value.length>this.maxlength?this.internals.setValidity({tooLong:!0},Ws.forms.messages.tooLong,r):(C=r.validity)!=null&&C.rangeUnderflow?this.internals.setValidity({rangeUnderflow:!0},Ws.forms.messages.rangeUnderflow,r):(E=r.validity)!=null&&E.rangeOverflow?this.internals.setValidity({rangeOverflow:!0},Ws.forms.messages.rangeOverflow,r):(_=r.validity)!=null&&_.customError?this.internals.setValidity({customError:!0},r.validationMessage,r):this.internals.setValidity({}))}setFormValue(r){if(this.internals)if(Array.isArray(r)){const o=new FormData;r.forEach(u=>{o.append(this.name,u)}),this.internals.setFormValue(o)}else this.internals.setFormValue(r)}valueChecked(r){this.touched&&(typeof r=="string"?(this.checked=r==="true",this.internals.ariaChecked=r==="true"):typeof r=="boolean"&&(this.checked=r,this.internals.ariaChecked=r),this.checked?this.internals.states.add("--checked"):this.internals.states.delete("--checked"),this.internals.setFormValue(this.checked?this.value:null,this.checked?"checked":"unchecked"),this.dispatchEvent(new Event("change")),this.dispatchEvent(new CustomEvent("value-change",{detail:this.checked,bubbles:!0,composed:!0})),this.internals.reportValidity())}valueChanged(r,o){(o!==this.value||o!==this._value)&&(typeof r=="string"?((this.multiple||this.range)&&r.includes(",")&&(r=r.split(",")),this.value=r,this._value=Array.isArray(r)?r:[r]):Array.isArray(r)?(this.value=r,this._value=r):(this.value="",this._value=[]),(!this.value||this.value.length===0)&&o&&o.length!==0?this.clearInputValue():this.value&&this.value.toString()!==(o==null?void 0:o.toString())&&this.onChange(this.value),this.updateComplete.then(()=>this.requestUpdate()))}clearInputValue(){const r=this.multiple||this.range?[]:"";this.value=r,this.internals.setFormValue(r),this.dispatchEvent(new Event("change")),this.dispatchEvent(new CustomEvent("value-change",{detail:r,bubbles:!0,composed:!0}))}onFocus(){this.dispatchEvent(new FocusEvent("focus"))}onBlur(){this.dispatchEvent(new FocusEvent("blur"))}onInput(){this.dispatchEvent(new InputEvent("input"))}onChange(r){if(!this.touched){this.touched=!0,r&&this.setFormValue(r);return}typeof r!="string"&&!Array.isArray(r)||((this.range||this.multiple)&&!Array.isArray(r)&&r.includes(",")&&(r=r.split(",")),!this.multiple&&!this.range&&Array.isArray(r)&&(r=r[0]),this.setFormValue(r),this.manageValidity(this.inputRef.value),this.inputRefTo&&this.manageValidity(this.inputRefTo.value),this.dispatchEvent(new Event("change")),this.dispatchEvent(new CustomEvent("value-change",{detail:r,bubbles:!0,composed:!0})),this.internals.reportValidity())}updated(r){super.updated(r),r.has("dataTestid")&&this.dataTestid&&this.inputRef.value&&(this.skipForwardTestid?this.hasAttribute("data-testid")||this.setAttribute("data-testid",this.dataTestid):(this.inputRef.value.dataset.testid=this.dataTestid,this.removeAttribute("data-testid")))}firstUpdated(r){super.firstUpdated(r),this.value&&this.defaultValue!==null&&(this.defaultValue=this.value),this.defaultValue!==null&&!this.value&&this.valueChanged(this.defaultValue,null),this.defaultChecked&&(this.internals.ariaChecked=!0,this.checked=!0),this.required&&(this.internals.ariaRequired=!0),this.disabled&&(this.internals.ariaDisabled=!0),this.id&&!this.name&&(this.name=this.id),this.setFormValue(this.value),this.inputRef&&this.inputRef.value&&(this.inputRef.value.setAttribute("form",""),this.manageValidity(this.inputRef.value)),this.inputRefTo&&this.inputRefTo.value&&(this.inputRefTo.value.setAttribute("form",""),this.manageValidity(this.inputRefTo.value))}};On([Z()],hn.prototype,"defaultValue"),On([Z({type:Boolean,reflect:!0})],hn.prototype,"disabled"),On([Z({type:Boolean,reflect:!0})],hn.prototype,"readonly"),On([Z({type:Boolean,reflect:!0})],hn.prototype,"required"),On([Z({type:Number,reflect:!0})],hn.prototype,"max"),On([Z({type:Number,reflect:!0})],hn.prototype,"maxlength"),On([Z({type:Number,reflect:!0})],hn.prototype,"min"),On([Z({type:Number,reflect:!0})],hn.prototype,"minlength"),On([Z({type:String})],hn.prototype,"ariaDescribedBy"),On([Z({type:String})],hn.prototype,"ariaLabelledby"),On([Z({type:String,reflect:!0})],hn.prototype,"name"),On([Z({type:String,reflect:!0})],hn.prototype,"pattern"),On([Z({type:String,reflect:!0})],hn.prototype,"placeholder"),On([Z({type:String,reflect:!0})],hn.prototype,"id"),On([Z({type:Boolean})],hn.prototype,"counter"),On([Z({type:Boolean})],hn.prototype,"hasError"),On([Z({type:Boolean})],hn.prototype,"inline"),On([Z({type:Boolean})],hn.prototype,"optionalTag"),On([Z({type:Boolean})],hn.prototype,"requiredTag"),On([Z({type:Boolean})],hn.prototype,"skipForwardTestid"),On([Z({type:Boolean})],hn.prototype,"useWrapper"),On([Z({type:Boolean,reflect:!0})],hn.prototype,"fullwidth"),On([Z({type:Number})],hn.prototype,"counterMaxLength"),On([Z({type:String})],hn.prototype,"errorMessage"),On([Z({type:String})],hn.prototype,"helptext"),On([Z({type:String})],hn.prototype,"helptextDropdown"),On([Z({type:String})],hn.prototype,"helptextDropdownButton"),On([Z({type:String})],hn.prototype,"label"),On([Z({type:String})],hn.prototype,"optionalText"),On([Z({type:String})],hn.prototype,"requiredText"),On([Z({type:String,attribute:"data-testid"})],hn.prototype,"dataTestid"),On([Rr()],hn.prototype,"touched");var jN=Object.defineProperty,IN=Object.getOwnPropertyDescriptor,Al=(n,r,o,u)=>{for(var f=u>1?void 0:u?IN(r,o):r,g=n.length-1,v;g>=0;g--)(v=n[g])&&(f=(u?v(r,o,f):v(f))||f);return u&&f&&jN(r,o,f),f};let ls=class extends hn{constructor(){super(...arguments),this.inputRef=Mn(),this.value="",this.checkHelptext=null,this.defaultChecked=!1,this.hasTile=!1,this.isSwitch=!1,this.labelPosition="right",this.hideLabel=!1,this.checked=!1,this.type="checkbox"}connectedCallback(){super.connectedCallback()}attributeChangedCallback(r,o,u){r==="defaultChecked"&&!this.checked&&(this.checked=this.defaultChecked),r==="checked"&&(this.checked=this.checked===""||this.checked==="true"||this.checked===!0),super.attributeChangedCallback(r,o,u)}firstUpdated(r){r.has("defaultChecked")&&!this.checked&&(this.checked=this.defaultChecked),super.firstUpdated(r)}render(){const r=fn({"pkt-input-check__input":!0,"pkt-input-check__input--tile":this.hasTile,"pkt-input-check__input--tile-disabled":this.disabled&&this.hasTile}),o=fn({"pkt-input-check__input-checkbox":!0,"pkt-input-check__input-checkbox--error":this.hasError}),u=fn({"pkt-input-check__input-label":!0,"pkt-input-check__input-label--left":this.labelPosition==="left","pkt-input-check__input-label--right":this.labelPosition==="right","pkt-sr-only":this.hideLabel}),f=()=>qe`
+    `}};Ep([Z({type:String,reflect:!0})],Ou.prototype,"skin",2),Ep([Z({type:String,reflect:!0})],Ou.prototype,"direction",2),Ep([Z({type:Object,reflect:!0})],Ou.prototype,"image",2),Ep([Z({type:String,reflect:!0})],Ou.prototype,"heading",2),Ep([Z({type:String,reflect:!0})],Ou.prototype,"subheading",2),Ep([Z({type:Array,reflect:!0})],Ou.prototype,"tags",2),Ou=Ep([Kr("pkt-card")],Ou);const mC=()=>("00000000000000000"+(Math.random()*18446744073709552e3).toString(16)).slice(-16),ih=()=>{const n=mC(),r=mC();return n.slice(0,8)+"-"+n.slice(8,12)+"-4"+n.slice(13)+"-a"+r.slice(1,4)+"-"+r.slice(4)},RN="pkt-inputwrapper",ON={toggleHelpText:{description:"Event for å vise eller skjule hjelpetekst i dropdown"}},LN={forId:{name:"For ID",description:"Id-en til skjemaelementet som dette wrapper rundt",type:"string",required:!0},label:{name:"Merkelapp",description:"Merkelapp for skjemaelementet",type:"string",required:!0},helptext:{name:"Hjelpetekst",description:"Hjelpetekst for skjemaelementet",type:"string"},helptextDropdown:{name:"Hjelpetekst i dropdown",description:"Hjelpetekst som vises i ekspanderende felt",type:"string"},helptextDropdownButton:{name:"Tekst i hjelpetekst-knapp",description:"Tekst som vises i knappen for å vise hjelpetekst i dropdown",default:"Les mer <span class='pkt-sr-only'>om feltet</span>",type:"string"},ariaDescribedby:{name:"aria-describedby",description:"Id-en til elementet som beskriver skjemaelementet",type:"string"},counter:{name:"Teller",description:"Teller for antall tegn i skjemaelementet",type:"boolean",default:!1},counterCurrent:{name:"Tellerverdi",description:"Tellerens nåværende verdi",type:"number"},counterMaxLength:{name:"Maks tegn i teller",description:"Maks antall tegn som kan skrives i skjemaelementet",type:"number"},optionalTag:{name:"Vise valgfritt-merking",description:"Viser en merking som indikerer at feltet er valgfritt",type:"boolean",default:!1},optionalText:{name:"Valgfritt-tekst",description:"Tekst som vises i valgfritt-merkingen",type:"string",default:"Valgfritt"},requiredTag:{name:"Vise påkrevd-merking",description:"Viser en merking som indikerer at feltet er påkrevd",type:"boolean",default:!1},requiredText:{name:"Påkrevd-tekst",description:"Tekst som vises i påkrevd-merkingen",type:"string",default:"Må fylles ut"},hasError:{name:"Feil",description:"Indikerer at skjemaelementet har en feil",type:"boolean",default:!1},errorMessage:{name:"Feilmelding",description:"Feilmelding som vises i tilknytning til skjemaelementet",type:"string"},disabled:{name:"Deaktivert",description:"Indikerer at skjemaelementet er deaktivert",type:"boolean",default:!1},inline:{name:"Inline",description:"Indikerer at skjemaelementet skal flyte sammen med sidens innhold",type:"boolean",default:!1},hasFieldset:{name:"Har fieldset",description:"Indikerer at skjemaelementet er en del av et fieldset",type:"boolean",default:!1},useWrapper:{name:"Bruk wrapper",description:"Indikerer om skjemaelementet skal bruke en wrapper",type:"boolean",displayAsFalse:!0,default:!0}},zo={name:RN,"css-class":"pkt-inputwrapper",isElement:!0,events:ON,props:LN};var BN=Object.defineProperty,On=(n,r,o,u)=>{for(var f=void 0,g=n.length-1,v;g>=0;g--)(v=n[g])&&(f=v(r,o,f)||f);return f&&BN(r,o,f),f};let hn=class extends Oa{constructor(){super(),this.defaultValue=null,this.disabled=!1,this.readonly=!1,this.required=!1,this.max=null,this.maxlength=null,this.min=null,this.minlength=null,this.ariaDescribedBy=null,this.ariaLabelledby=null,this.name="",this.pattern=null,this.placeholder=null,this.id=ih(),this.counter=!1,this.hasError=!1,this.inline=!1,this.optionalTag=!1,this.requiredTag=!1,this.skipForwardTestid=!1,this.useWrapper=!0,this.fullwidth=!1,this.counterMaxLength=0,this.errorMessage="",this.helptext="",this.helptextDropdown="",this.helptextDropdownButton=zo.props.helptextDropdownButton.default,this.label=null,this.optionalText=Ws.forms.labels.optional,this.requiredText=Ws.forms.labels.required,this.dataTestid="",this.touched=!1,this.internals=this.attachInternals()}static get formAssociated(){return!0}manageValidity(r){var o,u,f,g,v,C,E,_;r&&(this.required&&!this.value?this.internals.setValidity({valueMissing:!0},Ws.forms.messages.required,r):(o=r.validity)!=null&&o.typeMismatch||(u=r.validity)!=null&&u.badInput?this.internals.setValidity({typeMismatch:!0},Ws.forms.messages.invalid,r):(f=r.validity)!=null&&f.patternMismatch?this.internals.setValidity({patternMismatch:!0},Ws.forms.messages.invalidPattern,r):(g=r.validity)!=null&&g.tooShort||this.minlength&&this.minlength>0&&this.value.length<this.minlength?this.internals.setValidity({tooShort:!0},Ws.forms.messages.tooShort,r):(v=r.validity)!=null&&v.tooLong||this.maxlength&&this.maxlength>0&&this.value.length>this.maxlength?this.internals.setValidity({tooLong:!0},Ws.forms.messages.tooLong,r):(C=r.validity)!=null&&C.rangeUnderflow?this.internals.setValidity({rangeUnderflow:!0},Ws.forms.messages.rangeUnderflow,r):(E=r.validity)!=null&&E.rangeOverflow?this.internals.setValidity({rangeOverflow:!0},Ws.forms.messages.rangeOverflow,r):(_=r.validity)!=null&&_.customError?this.internals.setValidity({customError:!0},r.validationMessage,r):this.internals.setValidity({}))}setFormValue(r){if(this.internals)if(Array.isArray(r)){const o=new FormData;r.forEach(u=>{o.append(this.name,u)}),this.internals.setFormValue(o)}else this.internals.setFormValue(r)}valueChecked(r){if(!this.touched)return;const o=this.internals.form||this.closest("form");o&&o.querySelectorAll(`pkt-radiobutton[name=${this.name}], input[type=radio][name=${this.name}]`).forEach(u=>{const f=u;f.name===this.name&&f.value!==this.value&&f.checked&&(f.checked=!1)}),typeof r=="string"?(this.checked=r==="true",this.internals.ariaChecked=r==="true"):typeof r=="boolean"&&(this.checked=r,this.internals.ariaChecked=r),this.checked?(this.internals.setFormValue(this.value||"on",this.value||"on"),this.internals.states.add("--checked")):(this.internals.setFormValue("",""),this.internals.states.delete("--checked")),this.dispatchEvent(new Event("change")),this.dispatchEvent(new CustomEvent("value-change",{detail:this.checked,bubbles:!0,composed:!0})),this.internals.reportValidity()}valueChanged(r,o){(o!==this.value||o!==this._value)&&(typeof r=="string"?((this.multiple||this.range)&&r.includes(",")&&(r=r.split(",")),this.value=r,this._value=Array.isArray(r)?r:[r]):Array.isArray(r)?(this.value=r,this._value=r):(this.value="",this._value=[]),(!this.value||this.value.length===0)&&o&&o.length!==0?this.clearInputValue():this.value&&this.value.toString()!==(o==null?void 0:o.toString())&&this.onChange(this.value),this.updateComplete.then(()=>this.requestUpdate()))}clearInputValue(){const r=this.multiple||this.range?[]:"";this.value=r,this.internals.setFormValue(r),this.dispatchEvent(new Event("change")),this.dispatchEvent(new CustomEvent("value-change",{detail:r,bubbles:!0,composed:!0}))}onFocus(){this.dispatchEvent(new FocusEvent("focus"))}onBlur(){this.dispatchEvent(new FocusEvent("blur"))}onInput(){this.dispatchEvent(new InputEvent("input"))}onChange(r){if(!this.touched){this.touched=!0,r&&this.setFormValue(r);return}typeof r!="string"&&!Array.isArray(r)||((this.range||this.multiple)&&!Array.isArray(r)&&r.includes(",")&&(r=r.split(",")),!this.multiple&&!this.range&&Array.isArray(r)&&(r=r[0]),this.setFormValue(r),this.manageValidity(this.inputRef.value),this.inputRefTo&&this.manageValidity(this.inputRefTo.value),this.dispatchEvent(new Event("change")),this.dispatchEvent(new CustomEvent("value-change",{detail:r,bubbles:!0,composed:!0})),this.internals.reportValidity())}updated(r){super.updated(r),r.has("dataTestid")&&this.dataTestid&&this.inputRef.value&&(this.skipForwardTestid?this.hasAttribute("data-testid")||this.setAttribute("data-testid",this.dataTestid):(this.inputRef.value.dataset.testid=this.dataTestid,this.removeAttribute("data-testid")))}firstUpdated(r){if(super.firstUpdated(r),this.value&&this.defaultValue!==null&&(this.defaultValue=this.value),this.defaultValue!==null&&!this.value&&this.valueChanged(this.defaultValue,null),this.defaultChecked&&(this.internals.ariaChecked=!0,this.checked=!0),this.required&&(this.internals.ariaRequired=!0),this.disabled&&(this.internals.ariaDisabled=!0),this.id&&!this.name&&(this.name=this.id),this.checked!==void 0){const o=this.checked===""||this.checked==="true"||this.checked===!0;this.internals.ariaChecked=o,this.internals.setFormValue(o?this.value||"on":"",o?this.value||"on":"")}else this.internals.setFormValue(this.value);this.inputRef&&this.inputRef.value&&(this.inputRef.value.setAttribute("form",""),this.manageValidity(this.inputRef.value)),this.inputRefTo&&this.inputRefTo.value&&(this.inputRefTo.value.setAttribute("form",""),this.manageValidity(this.inputRefTo.value))}};On([Z()],hn.prototype,"defaultValue"),On([Z({type:Boolean,reflect:!0})],hn.prototype,"disabled"),On([Z({type:Boolean,reflect:!0})],hn.prototype,"readonly"),On([Z({type:Boolean,reflect:!0})],hn.prototype,"required"),On([Z({type:Number,reflect:!0})],hn.prototype,"max"),On([Z({type:Number,reflect:!0})],hn.prototype,"maxlength"),On([Z({type:Number,reflect:!0})],hn.prototype,"min"),On([Z({type:Number,reflect:!0})],hn.prototype,"minlength"),On([Z({type:String})],hn.prototype,"ariaDescribedBy"),On([Z({type:String})],hn.prototype,"ariaLabelledby"),On([Z({type:String,reflect:!0})],hn.prototype,"name"),On([Z({type:String,reflect:!0})],hn.prototype,"pattern"),On([Z({type:String,reflect:!0})],hn.prototype,"placeholder"),On([Z({type:String,reflect:!0})],hn.prototype,"id"),On([Z({type:Boolean})],hn.prototype,"counter"),On([Z({type:Boolean})],hn.prototype,"hasError"),On([Z({type:Boolean})],hn.prototype,"inline"),On([Z({type:Boolean})],hn.prototype,"optionalTag"),On([Z({type:Boolean})],hn.prototype,"requiredTag"),On([Z({type:Boolean})],hn.prototype,"skipForwardTestid"),On([Z({type:Boolean})],hn.prototype,"useWrapper"),On([Z({type:Boolean,reflect:!0})],hn.prototype,"fullwidth"),On([Z({type:Number})],hn.prototype,"counterMaxLength"),On([Z({type:String})],hn.prototype,"errorMessage"),On([Z({type:String})],hn.prototype,"helptext"),On([Z({type:String})],hn.prototype,"helptextDropdown"),On([Z({type:String})],hn.prototype,"helptextDropdownButton"),On([Z({type:String})],hn.prototype,"label"),On([Z({type:String})],hn.prototype,"optionalText"),On([Z({type:String})],hn.prototype,"requiredText"),On([Z({type:String,attribute:"data-testid"})],hn.prototype,"dataTestid"),On([Rr()],hn.prototype,"touched");var jN=Object.defineProperty,IN=Object.getOwnPropertyDescriptor,Al=(n,r,o,u)=>{for(var f=u>1?void 0:u?IN(r,o):r,g=n.length-1,v;g>=0;g--)(v=n[g])&&(f=(u?v(r,o,f):v(f))||f);return u&&f&&jN(r,o,f),f};let ls=class extends hn{constructor(){super(...arguments),this.inputRef=Mn(),this.value="",this.checkHelptext=null,this.defaultChecked=!1,this.hasTile=!1,this.isSwitch=!1,this.labelPosition="right",this.hideLabel=!1,this.checked=null,this.type="checkbox"}connectedCallback(){super.connectedCallback()}attributeChangedCallback(r,o,u){r==="defaultChecked"&&!this.checked&&(this.checked=this.defaultChecked),r==="checked"&&(this.checked=this.checked===""||this.checked==="true"||this.checked===!0),super.attributeChangedCallback(r,o,u)}firstUpdated(r){r.has("defaultChecked")&&!this.checked&&(this.checked=this.defaultChecked),super.firstUpdated(r)}render(){const r=fn({"pkt-input-check__input":!0,"pkt-input-check__input--tile":this.hasTile,"pkt-input-check__input--tile-disabled":this.disabled&&this.hasTile}),o=fn({"pkt-input-check__input-checkbox":!0,"pkt-input-check__input-checkbox--error":this.hasError}),u=fn({"pkt-input-check__input-label":!0,"pkt-input-check__input-label--left":this.labelPosition==="left","pkt-input-check__input-label--right":this.labelPosition==="right","pkt-sr-only":this.hideLabel}),f=()=>qe`
         <label class=${u} for=${this.id+"-internal"}>
           ${this.label}
           ${this.checkHelptext?qe`<div class="pkt-input-check__input-helptext">${this.checkHelptext}</div>`:gt}
@@ -796,7 +796,7 @@ You might need to use a local HTTP server (instead of file://): https://reactjs.
 
         <div class="pkt-linkcard__text" ${Fn(this.defaultSlot)}></div>
       </a>
-    `}};Tp([Z({type:String,reflect:!0})],Lu.prototype,"title",2),Tp([Z({type:String,reflect:!0})],Lu.prototype,"href",2),Tp([Z({type:String,reflect:!0})],Lu.prototype,"iconName",2),Tp([Z({type:Boolean,reflect:!0})],Lu.prototype,"external",2),Tp([Z({type:Boolean,reflect:!0})],Lu.prototype,"openInNewTab",2),Tp([Z({type:String,reflect:!0})],Lu.prototype,"skin",2),Lu=Tp([Kr("pkt-linkcard")],Lu);var i3=Object.defineProperty,o3=Object.getOwnPropertyDescriptor,Qc=(n,r,o,u)=>{for(var f=u>1?void 0:u?o3(r,o):r,g=n.length-1,v;g>=0;g--)(v=n[g])&&(f=(u?v(r,o,f):v(f))||f);return u&&f&&i3(r,o,f),f};let Fl=class extends Oa{constructor(){super(),this.defaultSlot=Mn(),this.delay=0,this.inline=!1,this.isLoading=!0,this.message=null,this.size="medium",this.variant="shapes",this._shouldDisplayLoader=!1,this.slotController=new Si(this,this.defaultSlot)}connectedCallback(){super.connectedCallback(),this._shouldDisplayLoader=this.delay===0,this.delay>0&&this.setupLoader()}updated(r){r.has("delay")&&this.setupLoader()}render(){const r=fn({"pkt-loader":!0,[`pkt-loader--${this.inline?"inline":"box"}`]:!0,[`pkt-loader--${this.size}`]:!0}),o=fn({"pkt-contents":!0,"pkt-hide":this.isLoading});return qe`<div role="status" aria-live="polite" .aria-busy=${this.isLoading} class=${r}>
+    `}};Tp([Z({type:String,reflect:!0})],Lu.prototype,"title",2),Tp([Z({type:String,reflect:!0})],Lu.prototype,"href",2),Tp([Z({type:String,reflect:!0})],Lu.prototype,"iconName",2),Tp([Z({type:Boolean,reflect:!0})],Lu.prototype,"external",2),Tp([Z({type:Boolean,reflect:!0})],Lu.prototype,"openInNewTab",2),Tp([Z({type:String,reflect:!0})],Lu.prototype,"skin",2),Lu=Tp([Kr("pkt-linkcard")],Lu);var i3=Object.defineProperty,o3=Object.getOwnPropertyDescriptor,Qc=(n,r,o,u)=>{for(var f=u>1?void 0:u?o3(r,o):r,g=n.length-1,v;g>=0;g--)(v=n[g])&&(f=(u?v(r,o,f):v(f))||f);return u&&f&&i3(r,o,f),f};let Fl=class extends Oa{constructor(){super(),this.defaultSlot=Mn(),this.delay=0,this.inline=!1,this.isLoading=!0,this.message=null,this.size="medium",this.variant="shapes",this._shouldDisplayLoader=!1,this.slotController=new Si(this,this.defaultSlot)}connectedCallback(){super.connectedCallback(),this._shouldDisplayLoader=this.delay===0,this.delay>0&&this.setupLoader()}updated(n){n.has("delay")&&this.setupLoader()}render(){const n=fn({"pkt-loader":!0,[`pkt-loader--${this.inline?"inline":"box"}`]:!0,[`pkt-loader--${this.size}`]:!0}),r=fn({"pkt-contents":!0,"pkt-hide":this.isLoading});return qe`<div role="status" aria-live="polite" .aria-busy=${this.isLoading} class=${n}>
       ${this.isLoading&&this._shouldDisplayLoader?qe`<div class="pkt-loader__spinner">
             <pkt-icon
               name=${this.getVariant(this.variant)}
@@ -805,8 +805,8 @@ You might need to use a local HTTP server (instead of file://): https://reactjs.
             ></pkt-icon>
             ${this.message&&qe`<p>${this.message}</p>`}
           </div>`:gt}
-      <div class=${o} ${Fn(this.defaultSlot)}></div>
-    </div>`}getVariant(r){switch(r){case"blue":return"spinner-blue";case"rainbow":return"spinner";default:return"loader"}}setupLoader(){this.delay>0&&(this._shouldDisplayLoader=!1,setTimeout(()=>{this._shouldDisplayLoader=!0,this.requestUpdate()},this.delay))}};Qc([Z({type:Number})],Fl.prototype,"delay",2),Qc([Z({type:Boolean})],Fl.prototype,"inline",2),Qc([Z({type:Boolean})],Fl.prototype,"isLoading",2),Qc([Z({type:String})],Fl.prototype,"message",2),Qc([Z({type:String})],Fl.prototype,"size",2),Qc([Z({type:String})],Fl.prototype,"variant",2),Qc([Rr()],Fl.prototype,"_shouldDisplayLoader",2),Fl=Qc([Kr("pkt-loader")],Fl);const s3="pkt-messagebox",l3=!0,u3={onClose:{description:"React: Event som trigges når meldingsboksen lukkes"},"on-close":{description:"Vue: Event som trigges når meldingsboksen lukkes"}},c3={title:{name:"Tittel",description:"Tittelen på meldingsboksen",type:"string"},skin:{name:"Utseende",description:"Velg farge på meldingsboksen",type:["beige","blue","red","green"],default:"beige"},compact:{name:"Kompakt",description:"Gjør meldingsboksen mindre",type:"boolean",default:!1},closable:{name:"Kan lukkes",description:"Viser lukkeknapp",type:"boolean",default:!1}},d3={default:{description:"Innholdet i meldingsboksen"}},Lk={name:s3,"css-class":"pkt-messagebox",isElement:l3,events:u3,props:c3,slots:d3};var p3=Object.defineProperty,f3=Object.getOwnPropertyDescriptor,lh=(n,r,o,u)=>{for(var f=u>1?void 0:u?f3(r,o):r,g=n.length-1,v;g>=0;g--)(v=n[g])&&(f=(u?v(r,o,f):v(f))||f);return u&&f&&p3(r,o,f),f};let Kc=class extends Oa{constructor(){super(),this.defaultSlot=Mn(),this.closable=Lk.props.closable.default,this.compact=Lk.props.compact.default,this.title="",this.skin=Lk.props.skin.default,this._isClosed=!1,this.close=r=>{this._isClosed=!0,this.dispatchEvent(new CustomEvent("close",{detail:{origin:r},bubbles:!0})),this.dispatchEvent(new CustomEvent("on-close",{detail:{origin:r},bubbles:!0}))},this.slotController=new Si(this,this.defaultSlot),this._isClosed=!1}updated(r){super.updated(r),r.has("_isClosed")&&YS(this,"pkt-hide",this._isClosed)}render(){const r={"pkt-messagebox":!0,"pkt-messagebox--compact":this.compact,[`pkt-messagebox--${this.skin}`]:this.skin,"pkt-messagebox--closable":this.closable,"pkt-hide":this._isClosed};return qe`<div class=${fn(r)}>
+      <div class=${r} ${Fn(this.defaultSlot)}></div>
+    </div>`}getVariant(n){switch(n){case"blue":return"spinner-blue";case"rainbow":return"spinner";default:return"loader"}}setupLoader(){this.delay>0&&(this._shouldDisplayLoader=!1,setTimeout(()=>{this._shouldDisplayLoader=!0,this.requestUpdate()},this.delay))}};Qc([Z({type:Number})],Fl.prototype,"delay",2),Qc([Z({type:Boolean})],Fl.prototype,"inline",2),Qc([Z({type:Boolean})],Fl.prototype,"isLoading",2),Qc([Z({type:String})],Fl.prototype,"message",2),Qc([Z({type:String})],Fl.prototype,"size",2),Qc([Z({type:String})],Fl.prototype,"variant",2),Qc([Rr()],Fl.prototype,"_shouldDisplayLoader",2),Fl=Qc([Kr("pkt-loader")],Fl);const s3="pkt-messagebox",l3=!0,u3={onClose:{description:"React: Event som trigges når meldingsboksen lukkes"},"on-close":{description:"Vue: Event som trigges når meldingsboksen lukkes"}},c3={title:{name:"Tittel",description:"Tittelen på meldingsboksen",type:"string"},skin:{name:"Utseende",description:"Velg farge på meldingsboksen",type:["beige","blue","red","green"],default:"beige"},compact:{name:"Kompakt",description:"Gjør meldingsboksen mindre",type:"boolean",default:!1},closable:{name:"Kan lukkes",description:"Viser lukkeknapp",type:"boolean",default:!1}},d3={default:{description:"Innholdet i meldingsboksen"}},Lk={name:s3,"css-class":"pkt-messagebox",isElement:l3,events:u3,props:c3,slots:d3};var p3=Object.defineProperty,f3=Object.getOwnPropertyDescriptor,lh=(n,r,o,u)=>{for(var f=u>1?void 0:u?f3(r,o):r,g=n.length-1,v;g>=0;g--)(v=n[g])&&(f=(u?v(r,o,f):v(f))||f);return u&&f&&p3(r,o,f),f};let Kc=class extends Oa{constructor(){super(),this.defaultSlot=Mn(),this.closable=Lk.props.closable.default,this.compact=Lk.props.compact.default,this.title="",this.skin=Lk.props.skin.default,this._isClosed=!1,this.close=r=>{this._isClosed=!0,this.dispatchEvent(new CustomEvent("close",{detail:{origin:r},bubbles:!0})),this.dispatchEvent(new CustomEvent("on-close",{detail:{origin:r},bubbles:!0}))},this.slotController=new Si(this,this.defaultSlot),this._isClosed=!1}updated(r){super.updated(r),r.has("_isClosed")&&YS(this,"pkt-hide",this._isClosed)}render(){const r={"pkt-messagebox":!0,"pkt-messagebox--compact":this.compact,[`pkt-messagebox--${this.skin}`]:this.skin,"pkt-messagebox--closable":this.closable,"pkt-hide":this._isClosed};return qe`<div class=${fn(r)}>
       ${this.closable?qe`<div class="pkt-messagebox__close">
             <button
               @click=${this.close}
@@ -869,7 +869,7 @@ You might need to use a local HTTP server (instead of file://): https://reactjs.
               ${this.statusType==="percentage"?`${u}%`:f}
             </span>
           </div>`:gt}
-    </div>`}setComputedValues(){this.progressbarId=this.id||ih(),this.computedAriaLabelledby=this.ariaLabelledby||`${this.progressbarId}-title`,this.computedAriaValueText=this.statusType==="fraction"&&!this.ariaValueText?`${this.valueCurrent} av ${this.valueMax-this.valueMin}`:this.ariaValueText||""}syncAttributes(){this._handleAttribute("aria-live",this.ariaLive),this._handleAttribute("aria-valuenow",this.valueCurrent),this._handleAttribute("aria-valuemin",this.valueMin),this._handleAttribute("aria-valuemax",this.valueMax),this._handleAttribute("aria-valuetext",this.computedAriaValueText),this._handleAttribute("aria-label",this.ariaLabel),this._handleAttribute("role",this.role),this._handleAttribute("aria-atomic","true"),this._handleAttribute("id",this.progressbarId),this.ariaLabel||this._handleAttribute("aria-labelledby",this.computedAriaLabelledby)}_handleAttribute(n,r){r==null||r===""?this.removeAttribute(n):this.setAttribute(n,String(r))}};va([Z({type:String})],Zr.prototype,"ariaLabel",2),va([Z({type:String,reflect:!0})],Zr.prototype,"ariaLabelledby",2),va([Z({type:String,reflect:!0})],Zr.prototype,"ariaValueText",2),va([Z({type:String})],Zr.prototype,"ariaLive",2),va([Z({type:String,reflect:!0})],Zr.prototype,"id",2),va([Z({type:String})],Zr.prototype,"role",2),va([Z({type:String})],Zr.prototype,"skin",2),va([Z({type:String})],Zr.prototype,"statusPlacement",2),va([Z({type:String})],Zr.prototype,"statusType",2),va([Z({type:String,reflect:!0})],Zr.prototype,"title",2),va([Z({type:String})],Zr.prototype,"titlePosition",2),va([Z({type:Number,reflect:!0})],Zr.prototype,"valueCurrent",2),va([Z({type:Number})],Zr.prototype,"valueMax",2),va([Z({type:Number})],Zr.prototype,"valueMin",2),va([Rr()],Zr.prototype,"labelWidth",2),va([Rr()],Zr.prototype,"progressbarId",2),va([Rr()],Zr.prototype,"computedAriaLabelledby",2),va([Rr()],Zr.prototype,"computedAriaValueText",2),Zr=va([Kr("pkt-progressbar")],Zr);var x3=Object.defineProperty,E3=Object.getOwnPropertyDescriptor,Xc=(n,r,o,u)=>{for(var f=u>1?void 0:u?E3(r,o):r,g=n.length-1,v;g>=0;g--)(v=n[g])&&(f=(u?v(r,o,f):v(f))||f);return u&&f&&x3(r,o,f),f};let Pl=class extends hn{constructor(){super(...arguments),this.inputRef=Mn(),this.value="",this.checkHelptext=null,this.defaultChecked=!1,this.hasTile=!1,this.checked=!1,this.type="radio",this._checked=!1}connectedCallback(){super.connectedCallback()}attributeChangedCallback(n,r,o){n==="defaultChecked"&&(this._checked=this.defaultChecked),n==="checked"&&(this._checked=this.checked===""||this.checked==="true"||this.checked===!0),super.attributeChangedCallback(n,r,o)}updated(n){super.updated(n)}render(){const n=fn({"pkt-input-check__input":!0,"pkt-input-check__input--tile":this.hasTile,"pkt-input-check__input--tile-disabled":this.disabled&&this.hasTile}),r=fn({"pkt-input-check__input-checkbox":!0,"pkt-input-check__input-checkbox--error":this.hasError});return qe`
+    </div>`}setComputedValues(){this.progressbarId=this.id||ih(),this.computedAriaLabelledby=this.ariaLabelledby||`${this.progressbarId}-title`,this.computedAriaValueText=this.statusType==="fraction"&&!this.ariaValueText?`${this.valueCurrent} av ${this.valueMax-this.valueMin}`:this.ariaValueText||""}syncAttributes(){this._handleAttribute("aria-live",this.ariaLive),this._handleAttribute("aria-valuenow",this.valueCurrent),this._handleAttribute("aria-valuemin",this.valueMin),this._handleAttribute("aria-valuemax",this.valueMax),this._handleAttribute("aria-valuetext",this.computedAriaValueText),this._handleAttribute("aria-label",this.ariaLabel),this._handleAttribute("role",this.role),this._handleAttribute("aria-atomic","true"),this._handleAttribute("id",this.progressbarId),this.ariaLabel||this._handleAttribute("aria-labelledby",this.computedAriaLabelledby)}_handleAttribute(n,r){r==null||r===""?this.removeAttribute(n):this.setAttribute(n,String(r))}};va([Z({type:String})],Zr.prototype,"ariaLabel",2),va([Z({type:String,reflect:!0})],Zr.prototype,"ariaLabelledby",2),va([Z({type:String,reflect:!0})],Zr.prototype,"ariaValueText",2),va([Z({type:String})],Zr.prototype,"ariaLive",2),va([Z({type:String,reflect:!0})],Zr.prototype,"id",2),va([Z({type:String})],Zr.prototype,"role",2),va([Z({type:String})],Zr.prototype,"skin",2),va([Z({type:String})],Zr.prototype,"statusPlacement",2),va([Z({type:String})],Zr.prototype,"statusType",2),va([Z({type:String,reflect:!0})],Zr.prototype,"title",2),va([Z({type:String})],Zr.prototype,"titlePosition",2),va([Z({type:Number,reflect:!0})],Zr.prototype,"valueCurrent",2),va([Z({type:Number})],Zr.prototype,"valueMax",2),va([Z({type:Number})],Zr.prototype,"valueMin",2),va([Rr()],Zr.prototype,"labelWidth",2),va([Rr()],Zr.prototype,"progressbarId",2),va([Rr()],Zr.prototype,"computedAriaLabelledby",2),va([Rr()],Zr.prototype,"computedAriaValueText",2),Zr=va([Kr("pkt-progressbar")],Zr);var x3=Object.defineProperty,E3=Object.getOwnPropertyDescriptor,Xc=(n,r,o,u)=>{for(var f=u>1?void 0:u?E3(r,o):r,g=n.length-1,v;g>=0;g--)(v=n[g])&&(f=(u?v(r,o,f):v(f))||f);return u&&f&&x3(r,o,f),f};let Pl=class extends hn{constructor(){super(...arguments),this.inputRef=Mn(),this.value="",this.checkHelptext=null,this.defaultChecked=!1,this.hasTile=!1,this.checked=null,this.type="radio",this._checked=!1}connectedCallback(){super.connectedCallback()}attributeChangedCallback(n,r,o){n==="defaultChecked"&&(this._checked=this.defaultChecked),n==="checked"&&(this._checked=this.checked===""||this.checked==="true"||this.checked===!0),super.attributeChangedCallback(n,r,o)}updated(n){n.has("checked")&&this.checked!==null&&(this._checked=this.checked===""||this.checked==="true"||this.checked===!0,(n.get("checked")===""||n.get("checked")==="true"||n.get("checked")===!0)!==this._checked&&this.toggleChecked()),super.updated(n)}render(){const n=fn({"pkt-input-check__input":!0,"pkt-input-check__input--tile":this.hasTile,"pkt-input-check__input--tile-disabled":this.disabled&&this.hasTile}),r=fn({"pkt-input-check__input-checkbox":!0,"pkt-input-check__input-checkbox--error":this.hasError});return qe`
       <div class="pkt-input-check">
         <div class=${n}>
           <input
@@ -892,7 +892,7 @@ You might need to use a local HTTP server (instead of file://): https://reactjs.
           </label>
         </div>
       </div>
-    `}toggleChecked(n){n.stopImmediatePropagation(),this.touched=!0,this.inputRef.value&&(this._checked=this.inputRef.value.matches(":checked"),this.valueChecked(this._checked))}};Xc([Z({type:String,reflect:!0})],Pl.prototype,"value",2),Xc([Z({type:String})],Pl.prototype,"checkHelptext",2),Xc([Z({type:Boolean})],Pl.prototype,"defaultChecked",2),Xc([Z({type:Boolean})],Pl.prototype,"hasTile",2),Xc([Z({type:Boolean,reflect:!0})],Pl.prototype,"checked",2),Xc([Z({type:String,reflect:!0})],Pl.prototype,"type",2),Xc([Rr()],Pl.prototype,"_checked",2),Pl=Xc([Kr("pkt-radiobutton")],Pl);/**
+    `}toggleChecked(n=null){n&&n.stopImmediatePropagation(),this.touched=!0,this.inputRef.value&&(this._checked=this.inputRef.value.matches(":checked"),this.valueChecked(this._checked))}};Xc([Z({type:String,reflect:!0})],Pl.prototype,"value",2),Xc([Z({type:String})],Pl.prototype,"checkHelptext",2),Xc([Z({type:Boolean})],Pl.prototype,"defaultChecked",2),Xc([Z({type:Boolean})],Pl.prototype,"hasTile",2),Xc([Z({type:Boolean,reflect:!0})],Pl.prototype,"checked",2),Xc([Z({type:String,reflect:!0})],Pl.prototype,"type",2),Xc([Rr()],Pl.prototype,"_checked",2),Pl=Xc([Kr("pkt-radiobutton")],Pl);/**
  * @license
  * Copyright 2020 Google LLC
  * SPDX-License-Identifier: BSD-3-Clause

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@oslokommune/punkt-react",
-  "version": "12.30.2",
+  "version": "12.30.3",
   "description": "React komponentbibliotek til Punkt, et designsystem laget av Oslo Origo",
   "homepage": "https://punkt.oslo.kommune.no",
   "author": "Team Designsystem, Oslo Origo",
@@ -38,7 +38,7 @@
   "dependencies": {
     "@lit-labs/ssr-dom-shim": "^1.2.1",
     "@lit/react": "^1.0.5",
-    "@oslokommune/punkt-elements": "^12.30.2",
+    "@oslokommune/punkt-elements": "^12.30.3",
     "angular-html-parser": "^6.0.2",
     "html-format": "^1.1.7",
     "prettier": "^3.3.3",
@@ -111,5 +111,5 @@
     "url": "https://github.com/oslokommune/punkt/issues"
   },
   "license": "MIT",
-  "gitHead": "a4b93e347c6b9167efadde236794e42aafc18489"
+  "gitHead": "f73b87b0bd2a69042d4ed65309b2a5b9542f0b54"
 }