@oslokommune/punkt-elements 12.30.2 → 12.30.3

package/dist/{checkbox-Dw2CX5zY.js → checkbox-DFrbTMOl.js}

@@ -1,6 +1,6 @@
-import { x as r, E as n, n as s, a as d } from "./element-D_ZgQsSr.js";
-import { P as k } from "./input-element-B6BTwL1q.js";
-import { e as f, n as b } from "./ref-BSGI8ogR.js";
+import { x as n, E as r, n as s, a as d } from "./element-D_ZgQsSr.js";
+import { P as k } from "./input-element-CiqJQwUm.js";
+import { e as b, n as f } from "./ref-BSGI8ogR.js";
 import { e as u } from "./class-map-BYCG9U47.js";
 var _ = Object.defineProperty, y = Object.getOwnPropertyDescriptor, i = (e, h, c, l) => {
   for (var p = l > 1 ? void 0 : l ? y(h, c) : h, a = e.length - 1, o; a >= 0; a--)
@@ -9,7 +9,7 @@ var _ = Object.defineProperty, y = Object.getOwnPropertyDescriptor, i = (e, h, c
 };
 let t = class extends k {
   constructor() {
-    super(...arguments), this.inputRef = f(), 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 = b(), 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();
@@ -33,30 +33,30 @@ let t = class extends k {
       "pkt-input-check__input-label--left": this.labelPosition === "left",
       "pkt-input-check__input-label--right": this.labelPosition === "right",
       "pkt-sr-only": this.hideLabel
-    }), l = () => r`
+    }), l = () => n`
         <label class=${c} for=${this.id + "-internal"}>
           ${this.label}
-          ${this.checkHelptext ? r`<div class="pkt-input-check__input-helptext">${this.checkHelptext}</div>` : n}
+          ${this.checkHelptext ? n`<div class="pkt-input-check__input-helptext">${this.checkHelptext}</div>` : r}
         </label>
       `;
-    return r`
+    return n`
       <div class="pkt-input-check">
         <div class=${e}>
-          ${this.labelPosition === "left" ? l() : n}
+          ${this.labelPosition === "left" ? l() : r}
           <input
             id=${this.id + "-internal"}
             class=${h}
             type="checkbox"
             ?disabled=${this.disabled}
             name=${this.name + "-internal"}
-            ${b(this.inputRef)}
+            ${f(this.inputRef)}
             @change=${this.toggleChecked}
             @blur=${this.onBlur}
             @focus=${this.onFocus}
             ?checked=${this.checked}
             role=${this.isSwitch ? "switch" : "checkbox"}
           />
-          ${this.labelPosition === "right" ? l() : n}
+          ${this.labelPosition === "right" ? l() : r}
         </div>
       </div>
     `;

package/dist/{checkbox-CDMUepTW.cjs → checkbox-iA8Wkayp.cjs}

@@ -1,4 +1,4 @@
-"use strict";const e=require("./element-r-PeQ419.cjs"),a=require("./input-element-KOSm5htR.cjs"),k=require("./ref-BUWgvhgU.cjs"),o=require("./class-map-Dzci3Pfe.cjs");var r=Object.defineProperty,u=Object.getOwnPropertyDescriptor,c=(l,t,s,h)=>{for(var i=h>1?void 0:h?u(t,s):t,n=l.length-1,p;n>=0;n--)(p=l[n])&&(i=(h?p(t,s,i):p(i))||i);return h&&i&&r(t,s,i),i};exports.PktCheckbox=class extends a.PktInputElement{constructor(){super(...arguments),this.inputRef=k.e(),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(t,s,h){t==="defaultChecked"&&!this.checked&&(this.checked=this.defaultChecked),t==="checked"&&(this.checked=this.checked===""||this.checked==="true"||this.checked===!0),super.attributeChangedCallback(t,s,h)}firstUpdated(t){t.has("defaultChecked")&&!this.checked&&(this.checked=this.defaultChecked),super.firstUpdated(t)}render(){const t=o.e({"pkt-input-check__input":!0,"pkt-input-check__input--tile":this.hasTile,"pkt-input-check__input--tile-disabled":this.disabled&&this.hasTile}),s=o.e({"pkt-input-check__input-checkbox":!0,"pkt-input-check__input-checkbox--error":this.hasError}),h=o.e({"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}),i=()=>e.x`
+"use strict";const e=require("./element-r-PeQ419.cjs"),a=require("./input-element-BtSjmGc0.cjs"),k=require("./ref-BUWgvhgU.cjs"),o=require("./class-map-Dzci3Pfe.cjs");var r=Object.defineProperty,u=Object.getOwnPropertyDescriptor,c=(l,t,s,h)=>{for(var i=h>1?void 0:h?u(t,s):t,n=l.length-1,p;n>=0;n--)(p=l[n])&&(i=(h?p(t,s,i):p(i))||i);return h&&i&&r(t,s,i),i};exports.PktCheckbox=class extends a.PktInputElement{constructor(){super(...arguments),this.inputRef=k.e(),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(t,s,h){t==="defaultChecked"&&!this.checked&&(this.checked=this.defaultChecked),t==="checked"&&(this.checked=this.checked===""||this.checked==="true"||this.checked===!0),super.attributeChangedCallback(t,s,h)}firstUpdated(t){t.has("defaultChecked")&&!this.checked&&(this.checked=this.defaultChecked),super.firstUpdated(t)}render(){const t=o.e({"pkt-input-check__input":!0,"pkt-input-check__input--tile":this.hasTile,"pkt-input-check__input--tile-disabled":this.disabled&&this.hasTile}),s=o.e({"pkt-input-check__input-checkbox":!0,"pkt-input-check__input-checkbox--error":this.hasError}),h=o.e({"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}),i=()=>e.x`
         <label class=${h} for=${this.id+"-internal"}>
           ${this.label}
           ${this.checkHelptext?e.x`<div class="pkt-input-check__input-helptext">${this.checkHelptext}</div>`:e.E}

package/dist/{datepicker-NbLoqIKZ.cjs → datepicker-BE8qpEOv.cjs}

@@ -1,4 +1,4 @@
-"use strict";const $=require("./class-map-Dzci3Pfe.cjs"),k=require("./if-defined-CWHk9Kqm.cjs"),a=require("./element-r-PeQ419.cjs"),T=require("./state-B77EXPZ9.cjs"),g=require("./calendar-DUkAC9Hx.cjs"),S=require("./input-element-KOSm5htR.cjs"),r=require("./ref-BUWgvhgU.cjs");require("./icon-DcJIqTIY.cjs");require("./input-wrapper-Dqj4uers.cjs");require("./tag-B3KEILId.cjs");const P=require("./pkt-slot-controller-Oc32unDk.cjs");/**
+"use strict";const $=require("./class-map-Dzci3Pfe.cjs"),k=require("./if-defined-CWHk9Kqm.cjs"),a=require("./element-r-PeQ419.cjs"),T=require("./state-B77EXPZ9.cjs"),g=require("./calendar-DUkAC9Hx.cjs"),S=require("./input-element-BtSjmGc0.cjs"),r=require("./ref-BUWgvhgU.cjs");require("./icon-DcJIqTIY.cjs");require("./input-wrapper-Dqj4uers.cjs");require("./tag-B3KEILId.cjs");const P=require("./pkt-slot-controller-Oc32unDk.cjs");/**
  * @license
  * Copyright 2017 Google LLC
  * SPDX-License-Identifier: BSD-3-Clause

package/dist/{datepicker-LKIwV9DD.js → datepicker-C5eaQR3h.js}

@@ -3,7 +3,7 @@ import { o as k } from "./if-defined-u8oGOhnv.js";
 import { e as L, i as j, b as F, T as q, x as v, E as T, n as u, a as H } from "./element-D_ZgQsSr.js";
 import { r as V } from "./state-DuS4ffEQ.js";
 import { n as S, f as _, a as N, b as P, d as A } from "./calendar-DevhqUoj.js";
-import { P as U } from "./input-element-B6BTwL1q.js";
+import { P as U } from "./input-element-CiqJQwUm.js";
 import { p as K, v as $, r as R, M as I, m as W, e as w, n as y } from "./ref-BSGI8ogR.js";
 import "./icon-BBFK-d-X.js";
 import "./input-wrapper-D-pEAZaj.js";

package/dist/index.d.ts

@@ -271,7 +271,7 @@ export declare class PktCheckbox extends PktInputElement {
     isSwitch: boolean;
     labelPosition: 'right' | 'left';
     hideLabel: boolean;
-    checked: boolean | string;
+    checked: boolean | string | null;
     type: string;
     connectedCallback(): void;
     attributeChangedCallback(name: string, _old: string | null, value: string | null): void;
@@ -638,7 +638,7 @@ declare class PktRadioButton extends PktInputElement {
     checkHelptext: string | null;
     defaultChecked: boolean;
     hasTile: boolean;
-    checked: boolean | string;
+    checked: boolean | string | null;
     type: string;
     _checked: boolean;
     connectedCallback(): void;

package/dist/input-element-BtSjmGc0.cjs

@@ -0,0 +1 @@
+"use strict";const e=require("./element-r-PeQ419.cjs"),f=require("./state-B77EXPZ9.cjs"),y=require("./stringutils-CkVRq4jP.cjs"),c=require("./input-wrapper-jPnKsfEC.cjs");var m=Object.defineProperty,s=(o,t,r,n)=>{for(var a=void 0,l=o.length-1,h;l>=0;l--)(h=o[l])&&(a=h(t,r,a)||a);return a&&m(t,r,a),a};class i extends e.PktElement{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=y.uuidish(),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=c.specs.props.helptextDropdownButton.default,this.label=null,this.optionalText=e.translations.forms.labels.optional,this.requiredText=e.translations.forms.labels.required,this.dataTestid="",this.touched=!1,this.internals=this.attachInternals()}static get formAssociated(){return!0}manageValidity(t){var r,n,a,l,h,u,p,d;t&&(this.required&&!this.value?this.internals.setValidity({valueMissing:!0},e.translations.forms.messages.required,t):(r=t.validity)!=null&&r.typeMismatch||(n=t.validity)!=null&&n.badInput?this.internals.setValidity({typeMismatch:!0},e.translations.forms.messages.invalid,t):(a=t.validity)!=null&&a.patternMismatch?this.internals.setValidity({patternMismatch:!0},e.translations.forms.messages.invalidPattern,t):(l=t.validity)!=null&&l.tooShort||this.minlength&&this.minlength>0&&this.value.length<this.minlength?this.internals.setValidity({tooShort:!0},e.translations.forms.messages.tooShort,t):(h=t.validity)!=null&&h.tooLong||this.maxlength&&this.maxlength>0&&this.value.length>this.maxlength?this.internals.setValidity({tooLong:!0},e.translations.forms.messages.tooLong,t):(u=t.validity)!=null&&u.rangeUnderflow?this.internals.setValidity({rangeUnderflow:!0},e.translations.forms.messages.rangeUnderflow,t):(p=t.validity)!=null&&p.rangeOverflow?this.internals.setValidity({rangeOverflow:!0},e.translations.forms.messages.rangeOverflow,t):(d=t.validity)!=null&&d.customError?this.internals.setValidity({customError:!0},t.validationMessage,t):this.internals.setValidity({}))}setFormValue(t){if(this.internals)if(Array.isArray(t)){const r=new FormData;t.forEach(n=>{r.append(this.name,n)}),this.internals.setFormValue(r)}else this.internals.setFormValue(t)}valueChecked(t){if(!this.touched)return;const r=this.internals.form||this.closest("form");r&&r.querySelectorAll(`pkt-radiobutton[name=${this.name}], input[type=radio][name=${this.name}]`).forEach(n=>{const a=n;a.name===this.name&&a.value!==this.value&&a.checked&&(a.checked=!1)}),typeof t=="string"?(this.checked=t==="true",this.internals.ariaChecked=t==="true"):typeof t=="boolean"&&(this.checked=t,this.internals.ariaChecked=t),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(t,r){(r!==this.value||r!==this._value)&&(typeof t=="string"?((this.multiple||this.range)&&t.includes(",")&&(t=t.split(",")),this.value=t,this._value=Array.isArray(t)?t:[t]):Array.isArray(t)?(this.value=t,this._value=t):(this.value="",this._value=[]),(!this.value||this.value.length===0)&&r&&r.length!==0?this.clearInputValue():this.value&&this.value.toString()!==(r==null?void 0:r.toString())&&this.onChange(this.value),this.updateComplete.then(()=>this.requestUpdate()))}clearInputValue(){const t=this.multiple||this.range?[]:"";this.value=t,this.internals.setFormValue(t),this.dispatchEvent(new Event("change")),this.dispatchEvent(new CustomEvent("value-change",{detail:t,bubbles:!0,composed:!0}))}onFocus(){this.dispatchEvent(new FocusEvent("focus"))}onBlur(){this.dispatchEvent(new FocusEvent("blur"))}onInput(){this.dispatchEvent(new InputEvent("input"))}onChange(t){if(!this.touched){this.touched=!0,t&&this.setFormValue(t);return}typeof t!="string"&&!Array.isArray(t)||((this.range||this.multiple)&&!Array.isArray(t)&&t.includes(",")&&(t=t.split(",")),!this.multiple&&!this.range&&Array.isArray(t)&&(t=t[0]),this.setFormValue(t),this.manageValidity(this.inputRef.value),this.inputRefTo&&this.manageValidity(this.inputRefTo.value),this.dispatchEvent(new Event("change")),this.dispatchEvent(new CustomEvent("value-change",{detail:t,bubbles:!0,composed:!0})),this.internals.reportValidity())}updated(t){super.updated(t),t.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(t){if(super.firstUpdated(t),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 r=this.checked===""||this.checked==="true"||this.checked===!0;this.internals.ariaChecked=r,this.internals.setFormValue(r?this.value||"on":"",r?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))}}s([e.n()],i.prototype,"defaultValue");s([e.n({type:Boolean,reflect:!0})],i.prototype,"disabled");s([e.n({type:Boolean,reflect:!0})],i.prototype,"readonly");s([e.n({type:Boolean,reflect:!0})],i.prototype,"required");s([e.n({type:Number,reflect:!0})],i.prototype,"max");s([e.n({type:Number,reflect:!0})],i.prototype,"maxlength");s([e.n({type:Number,reflect:!0})],i.prototype,"min");s([e.n({type:Number,reflect:!0})],i.prototype,"minlength");s([e.n({type:String})],i.prototype,"ariaDescribedBy");s([e.n({type:String})],i.prototype,"ariaLabelledby");s([e.n({type:String,reflect:!0})],i.prototype,"name");s([e.n({type:String,reflect:!0})],i.prototype,"pattern");s([e.n({type:String,reflect:!0})],i.prototype,"placeholder");s([e.n({type:String,reflect:!0})],i.prototype,"id");s([e.n({type:Boolean})],i.prototype,"counter");s([e.n({type:Boolean})],i.prototype,"hasError");s([e.n({type:Boolean})],i.prototype,"inline");s([e.n({type:Boolean})],i.prototype,"optionalTag");s([e.n({type:Boolean})],i.prototype,"requiredTag");s([e.n({type:Boolean})],i.prototype,"skipForwardTestid");s([e.n({type:Boolean})],i.prototype,"useWrapper");s([e.n({type:Boolean,reflect:!0})],i.prototype,"fullwidth");s([e.n({type:Number})],i.prototype,"counterMaxLength");s([e.n({type:String})],i.prototype,"errorMessage");s([e.n({type:String})],i.prototype,"helptext");s([e.n({type:String})],i.prototype,"helptextDropdown");s([e.n({type:String})],i.prototype,"helptextDropdownButton");s([e.n({type:String})],i.prototype,"label");s([e.n({type:String})],i.prototype,"optionalText");s([e.n({type:String})],i.prototype,"requiredText");s([e.n({type:String,attribute:"data-testid"})],i.prototype,"dataTestid");s([f.r()],i.prototype,"touched");exports.PktInputElement=i;

package/dist/{input-element-B6BTwL1q.js → input-element-CiqJQwUm.js}

@@ -1,32 +1,32 @@
-import { n as s, P as y, t as l } from "./element-D_ZgQsSr.js";
+import { n as s, P as y, t as n } from "./element-D_ZgQsSr.js";
 import { r as c } from "./state-DuS4ffEQ.js";
 import { u as m } from "./stringutils-DJjRa8dG.js";
 import { s as g } from "./input-wrapper-Bw9tARAD.js";
-var v = Object.defineProperty, e = (p, t, r, h) => {
-  for (var a = void 0, n = p.length - 1, o; n >= 0; n--)
-    (o = p[n]) && (a = o(t, r, a) || a);
+var v = Object.defineProperty, e = (p, t, r, l) => {
+  for (var a = void 0, h = p.length - 1, o; h >= 0; h--)
+    (o = p[h]) && (a = o(t, r, a) || a);
   return a && v(t, r, a), a;
 };
 class i extends y {
   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 = m(), 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 = g.props.helptextDropdownButton.default, this.label = null, this.optionalText = l.forms.labels.optional, this.requiredText = l.forms.labels.required, this.dataTestid = "", this.touched = !1, this.internals = this.attachInternals();
+    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 = m(), 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 = g.props.helptextDropdownButton.default, this.label = null, this.optionalText = n.forms.labels.optional, this.requiredText = n.forms.labels.required, this.dataTestid = "", this.touched = !1, this.internals = this.attachInternals();
   }
   static get formAssociated() {
     return !0;
   }
   manageValidity(t) {
-    var r, h, a, n, o, u, d, f;
-    t && (this.required && !this.value ? this.internals.setValidity({ valueMissing: !0 }, l.forms.messages.required, t) : (r = t.validity) != null && r.typeMismatch || (h = t.validity) != null && h.badInput ? this.internals.setValidity({ typeMismatch: !0 }, l.forms.messages.invalid, t) : (a = t.validity) != null && a.patternMismatch ? this.internals.setValidity(
+    var r, l, a, h, o, u, d, f;
+    t && (this.required && !this.value ? this.internals.setValidity({ valueMissing: !0 }, n.forms.messages.required, t) : (r = t.validity) != null && r.typeMismatch || (l = t.validity) != null && l.badInput ? this.internals.setValidity({ typeMismatch: !0 }, n.forms.messages.invalid, t) : (a = t.validity) != null && a.patternMismatch ? this.internals.setValidity(
       { patternMismatch: !0 },
-      l.forms.messages.invalidPattern,
+      n.forms.messages.invalidPattern,
       t
-    ) : (n = t.validity) != null && n.tooShort || this.minlength && this.minlength > 0 && this.value.length < this.minlength ? this.internals.setValidity({ tooShort: !0 }, l.forms.messages.tooShort, t) : (o = t.validity) != null && o.tooLong || this.maxlength && this.maxlength > 0 && this.value.length > this.maxlength ? this.internals.setValidity({ tooLong: !0 }, l.forms.messages.tooLong, t) : (u = t.validity) != null && u.rangeUnderflow ? this.internals.setValidity(
+    ) : (h = t.validity) != null && h.tooShort || this.minlength && this.minlength > 0 && this.value.length < this.minlength ? this.internals.setValidity({ tooShort: !0 }, n.forms.messages.tooShort, t) : (o = t.validity) != null && o.tooLong || this.maxlength && this.maxlength > 0 && this.value.length > this.maxlength ? this.internals.setValidity({ tooLong: !0 }, n.forms.messages.tooLong, t) : (u = t.validity) != null && u.rangeUnderflow ? this.internals.setValidity(
       { rangeUnderflow: !0 },
-      l.forms.messages.rangeUnderflow,
+      n.forms.messages.rangeUnderflow,
       t
     ) : (d = t.validity) != null && d.rangeOverflow ? this.internals.setValidity(
       { rangeOverflow: !0 },
-      l.forms.messages.rangeOverflow,
+      n.forms.messages.rangeOverflow,
       t
     ) : (f = t.validity) != null && f.customError ? this.internals.setValidity({ customError: !0 }, t.validationMessage, t) : this.internals.setValidity({}));
   }
@@ -34,8 +34,8 @@ class i extends y {
     if (this.internals)
       if (Array.isArray(t)) {
         const r = new FormData();
-        t.forEach((h) => {
-          r.append(this.name, h);
+        t.forEach((l) => {
+          r.append(this.name, l);
         }), this.internals.setFormValue(r);
       } else
         this.internals.setFormValue(t);
@@ -43,16 +43,20 @@ class i extends y {
   // 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(t) {
-    this.touched && (typeof t == "string" ? (this.checked = t === "true", this.internals.ariaChecked = t === "true") : typeof t == "boolean" && (this.checked = t, this.internals.ariaChecked = t), 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 r = this.internals.form || this.closest("form");
+    r && r.querySelectorAll(
+      `pkt-radiobutton[name=${this.name}], input[type=radio][name=${this.name}]`
+    ).forEach((l) => {
+      const a = l;
+      a.name === this.name && a.value !== this.value && a.checked && (a.checked = !1);
+    }), typeof t == "string" ? (this.checked = t === "true", this.internals.ariaChecked = t === "true") : typeof t == "boolean" && (this.checked = t, this.internals.ariaChecked = t), 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(t, r) {
     (r !== this.value || r !== this._value) && (typeof t == "string" ? ((this.multiple || this.range) && t.includes(",") && (t = t.split(",")), this.value = t, this._value = Array.isArray(t) ? t : [t]) : Array.isArray(t) ? (this.value = t, this._value = t) : (this.value = "", this._value = []), (!this.value || this.value.length === 0) && r && r.length !== 0 ? this.clearInputValue() : this.value && this.value.toString() !== (r == null ? void 0 : r.toString()) && this.onChange(this.value), this.updateComplete.then(() => this.requestUpdate()));
@@ -98,7 +102,15 @@ class i extends y {
     super.updated(t), t.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(t) {
-    super.firstUpdated(t), 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(t), 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 r = this.checked === "" || this.checked === "true" || this.checked === !0;
+      this.internals.ariaChecked = r, this.internals.setFormValue(
+        r ? this.value || "on" : "",
+        r ? 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));
   }
 }
 e([

package/dist/pkt-checkbox.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("./checkbox-CDMUepTW.cjs"),t=e.PktCheckbox;Object.defineProperty(exports,"PktCheckbox",{enumerable:!0,get:()=>e.PktCheckbox});exports.default=t;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("./checkbox-iA8Wkayp.cjs"),t=e.PktCheckbox;Object.defineProperty(exports,"PktCheckbox",{enumerable:!0,get:()=>e.PktCheckbox});exports.default=t;

package/dist/pkt-checkbox.js

@@ -1,4 +1,4 @@
-import { P as o } from "./checkbox-Dw2CX5zY.js";
+import { P as o } from "./checkbox-DFrbTMOl.js";
 const k = o;
 export {
   o as PktCheckbox,

package/dist/pkt-datepicker.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("./datepicker-NbLoqIKZ.cjs"),t=e.PktDatepicker;Object.defineProperty(exports,"PktDatepicker",{enumerable:!0,get:()=>e.PktDatepicker});exports.default=t;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("./datepicker-BE8qpEOv.cjs"),t=e.PktDatepicker;Object.defineProperty(exports,"PktDatepicker",{enumerable:!0,get:()=>e.PktDatepicker});exports.default=t;

package/dist/pkt-datepicker.js

@@ -1,4 +1,4 @@
-import { P as t } from "./datepicker-LKIwV9DD.js";
+import { P as t } from "./datepicker-C5eaQR3h.js";
 const a = t;
 export {
   t as PktDatepicker,

package/dist/pkt-index.cjs

@@ -1,4 +1,4 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const d=require("./alert-CP5oN7df.cjs"),P=require("./button-rngMU-vh.cjs"),c=require("./calendar-DUkAC9Hx.cjs"),k=require("./card-D6VEEvX3.cjs"),b=require("./checkbox-CDMUepTW.cjs"),t=require("./element-r-PeQ419.cjs"),m=require("./pkt-slot-controller-Oc32unDk.cjs"),s=require("./ref-BUWgvhgU.cjs"),g=require("./class-map-Dzci3Pfe.cjs"),h=require("./datepicker-NbLoqIKZ.cjs"),f=require("./helptext-C0mrdhRi.cjs"),y=require("./icon-DcJIqTIY.cjs"),O=require("./input-wrapper-Dqj4uers.cjs"),j=require("./link-C_bwx1Ml.cjs"),x=require("./linkcard-C6mZOE0R.cjs"),q=require("./loader-DQV1hMM3.cjs"),C=require("./messagebox-BSyLVNas.cjs"),v=require("./modal-CblCiNUi.cjs"),S=require("./progressbar-C_q48_qh.cjs"),p=require("./radiobutton-3e105CXX.cjs"),$=require("./tag-B3KEILId.cjs"),_=require("./textarea-BKCVcJ6E.cjs"),L=require("./textinput-BRupcl9v.cjs"),T=require("./select-DJu4Wr1y.cjs");var B=Object.defineProperty,M=Object.getOwnPropertyDescriptor,o=(a,e,r,i)=>{for(var n=i>1?void 0:i?M(e,r):e,l=a.length-1,u;l>=0;l--)(u=a[l])&&(n=(i?u(e,r,n):u(n))||n);return i&&n&&B(e,r,n),n};exports.PktComponent=class extends t.PktElement{constructor(){super(),this.string="",this.strings=[],this.darkmode=!1,this._list=[],this.defaultSlot=s.e(),this.namedSlot=s.e(),this.slotController=new m.PktSlotController(this,this.defaultSlot,this.namedSlot)}connectedCallback(){this.strings.length&&this.strings.forEach(e=>{this._list.push(e.toUpperCase())}),super.connectedCallback()}render(){const e={"pkt-component":!0,"pkt-component--has-list":this.strings.length>0,"pkt-darkmode":this.darkmode};return t.x`
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const d=require("./alert-CP5oN7df.cjs"),P=require("./button-rngMU-vh.cjs"),c=require("./calendar-DUkAC9Hx.cjs"),k=require("./card-D6VEEvX3.cjs"),b=require("./checkbox-iA8Wkayp.cjs"),t=require("./element-r-PeQ419.cjs"),m=require("./pkt-slot-controller-Oc32unDk.cjs"),s=require("./ref-BUWgvhgU.cjs"),g=require("./class-map-Dzci3Pfe.cjs"),h=require("./datepicker-BE8qpEOv.cjs"),f=require("./helptext-C0mrdhRi.cjs"),y=require("./icon-DcJIqTIY.cjs"),O=require("./input-wrapper-Dqj4uers.cjs"),j=require("./link-C_bwx1Ml.cjs"),x=require("./linkcard-C6mZOE0R.cjs"),q=require("./loader-DQV1hMM3.cjs"),C=require("./messagebox-BSyLVNas.cjs"),v=require("./modal-CblCiNUi.cjs"),S=require("./progressbar-C_q48_qh.cjs"),p=require("./radiobutton-BNtSzT1b.cjs"),$=require("./tag-B3KEILId.cjs"),_=require("./textarea-KNBetKqy.cjs"),L=require("./textinput-Co6ifzvP.cjs"),T=require("./select-CbKKDGge.cjs");var B=Object.defineProperty,M=Object.getOwnPropertyDescriptor,o=(a,e,r,i)=>{for(var n=i>1?void 0:i?M(e,r):e,l=a.length-1,u;l>=0;l--)(u=a[l])&&(n=(i?u(e,r,n):u(n))||n);return i&&n&&B(e,r,n),n};exports.PktComponent=class extends t.PktElement{constructor(){super(),this.string="",this.strings=[],this.darkmode=!1,this._list=[],this.defaultSlot=s.e(),this.namedSlot=s.e(),this.slotController=new m.PktSlotController(this,this.defaultSlot,this.namedSlot)}connectedCallback(){this.strings.length&&this.strings.forEach(e=>{this._list.push(e.toUpperCase())}),super.connectedCallback()}render(){const e={"pkt-component":!0,"pkt-component--has-list":this.strings.length>0,"pkt-darkmode":this.darkmode};return t.x`
       <div class="${g.e(e)}">
         <h1 class="pkt-txt-28">${this.string}</h1>
 

package/dist/pkt-index.js

@@ -3,12 +3,12 @@ import { P as O } from "./button-BCcznC7Q.js";
 import { c as d } from "./calendar-DevhqUoj.js";
 import { P as T } from "./calendar-DevhqUoj.js";
 import { P as A } from "./card-CGMZxbH_.js";
-import { P as D } from "./checkbox-Dw2CX5zY.js";
+import { P as D } from "./checkbox-DFrbTMOl.js";
 import { P as f, x as P, t as k, n, a as c } from "./element-D_ZgQsSr.js";
 import { P as x } from "./pkt-slot-controller-Clbye6cM.js";
 import { e as m, n as h } from "./ref-BSGI8ogR.js";
 import { e as u } from "./class-map-BYCG9U47.js";
-import { P as G } from "./datepicker-LKIwV9DD.js";
+import { P as G } from "./datepicker-C5eaQR3h.js";
 import { P as M } from "./helptext-RPq_TKzJ.js";
 import { P as N } from "./icon-BBFK-d-X.js";
 import { P as W } from "./input-wrapper-D-pEAZaj.js";
@@ -18,11 +18,11 @@ import { P as V } from "./loader-ChVEsONa.js";
 import { P as Y } from "./messagebox-Di7LUz4C.js";
 import { P as tt } from "./modal-DZUQb_yG.js";
 import { P as rt } from "./progressbar-CuZj4FWi.js";
-import { P as st, P as at } from "./radiobutton-CcZ2-z8q.js";
+import { P as st, P as at } from "./radiobutton-CjdsXnBS.js";
 import { P as it } from "./tag-BFqxindw.js";
-import { P as lt } from "./textarea-uzzCtHtj.js";
-import { P as mt } from "./textinput-DRkv93vp.js";
-import { P as dt } from "./select-CnizDIYN.js";
+import { P as lt } from "./textarea-CIDDRs8w.js";
+import { P as mt } from "./textinput-kSYgPYM3.js";
+import { P as dt } from "./select-D-2lgnqF.js";
 var g = Object.defineProperty, v = Object.getOwnPropertyDescriptor, s = (t, e, i, a) => {
   for (var r = a > 1 ? void 0 : a ? v(e, i) : e, p = t.length - 1, l; p >= 0; p--)
     (l = t[p]) && (r = (a ? l(e, i, r) : l(r)) || r);

package/dist/pkt-radiobutton.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const t=require("./radiobutton-3e105CXX.cjs"),e=t.PktRadioButton;Object.defineProperty(exports,"PktRadioButton",{enumerable:!0,get:()=>t.PktRadioButton});exports.default=e;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const t=require("./radiobutton-BNtSzT1b.cjs"),e=t.PktRadioButton;Object.defineProperty(exports,"PktRadioButton",{enumerable:!0,get:()=>t.PktRadioButton});exports.default=e;

package/dist/pkt-radiobutton.js

@@ -1,4 +1,4 @@
-import { P as t } from "./radiobutton-CcZ2-z8q.js";
+import { P as t } from "./radiobutton-CjdsXnBS.js";
 const a = t;
 export {
   t as PktRadioButton,

package/dist/pkt-select.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("./select-DJu4Wr1y.cjs"),t=e.PktSelect;Object.defineProperty(exports,"PktSelect",{enumerable:!0,get:()=>e.PktSelect});exports.default=t;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("./select-CbKKDGge.cjs"),t=e.PktSelect;Object.defineProperty(exports,"PktSelect",{enumerable:!0,get:()=>e.PktSelect});exports.default=t;

package/dist/pkt-select.js

@@ -1,4 +1,4 @@
-import { P as t } from "./select-CnizDIYN.js";
+import { P as t } from "./select-D-2lgnqF.js";
 const a = t;
 export {
   t as PktSelect,

package/dist/pkt-textarea.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("./textarea-BKCVcJ6E.cjs"),t=e.PktTextarea;Object.defineProperty(exports,"PktTextarea",{enumerable:!0,get:()=>e.PktTextarea});exports.default=t;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("./textarea-KNBetKqy.cjs"),t=e.PktTextarea;Object.defineProperty(exports,"PktTextarea",{enumerable:!0,get:()=>e.PktTextarea});exports.default=t;

package/dist/pkt-textarea.js

@@ -1,4 +1,4 @@
-import { P as a } from "./textarea-uzzCtHtj.js";
+import { P as a } from "./textarea-CIDDRs8w.js";
 const e = a;
 export {
   a as PktTextarea,

package/dist/pkt-textinput.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("./textinput-BRupcl9v.cjs"),t=e.PktTextinput;Object.defineProperty(exports,"PktTextinput",{enumerable:!0,get:()=>e.PktTextinput});exports.default=t;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("./textinput-Co6ifzvP.cjs"),t=e.PktTextinput;Object.defineProperty(exports,"PktTextinput",{enumerable:!0,get:()=>e.PktTextinput});exports.default=t;

package/dist/pkt-textinput.js

@@ -1,4 +1,4 @@
-import { P as t } from "./textinput-DRkv93vp.js";
+import { P as t } from "./textinput-kSYgPYM3.js";
 const p = t;
 export {
   t as PktTextinput,

package/dist/radiobutton-BNtSzT1b.cjs

@@ -0,0 +1,24 @@
+"use strict";const t=require("./element-r-PeQ419.cjs"),a=require("./state-B77EXPZ9.cjs"),p=require("./input-element-BtSjmGc0.cjs"),d=require("./ref-BUWgvhgU.cjs"),o=require("./class-map-Dzci3Pfe.cjs");var k=Object.defineProperty,r=Object.getOwnPropertyDescriptor,i=(u,e,c,s)=>{for(var h=s>1?void 0:s?r(e,c):e,n=u.length-1,l;n>=0;n--)(l=u[n])&&(h=(s?l(e,c,h):l(h))||h);return s&&h&&k(e,c,h),h};exports.PktRadioButton=class extends p.PktInputElement{constructor(){super(...arguments),this.inputRef=d.e(),this.value="",this.checkHelptext=null,this.defaultChecked=!1,this.hasTile=!1,this.checked=null,this.type="radio",this._checked=!1}connectedCallback(){super.connectedCallback()}attributeChangedCallback(e,c,s){e==="defaultChecked"&&(this._checked=this.defaultChecked),e==="checked"&&(this._checked=this.checked===""||this.checked==="true"||this.checked===!0),super.attributeChangedCallback(e,c,s)}updated(e){e.has("checked")&&this.checked!==null&&(this._checked=this.checked===""||this.checked==="true"||this.checked===!0,(e.get("checked")===""||e.get("checked")==="true"||e.get("checked")===!0)!==this._checked&&this.toggleChecked()),super.updated(e)}render(){const e=o.e({"pkt-input-check__input":!0,"pkt-input-check__input--tile":this.hasTile,"pkt-input-check__input--tile-disabled":this.disabled&&this.hasTile}),c=o.e({"pkt-input-check__input-checkbox":!0,"pkt-input-check__input-checkbox--error":this.hasError});return t.x`
+      <div class="pkt-input-check">
+        <div class=${e}>
+          <input
+            id=${this.id+"-internal"}
+            class=${c}
+            type="radio"
+            role="radio"
+            ?disabled=${this.disabled}
+            name=${this.name+"-internal"}
+            ${d.n(this.inputRef)}
+            @change=${this.toggleChecked}
+            @input=${this.onInput}
+            @blur=${this.onBlur}
+            @focus=${this.onFocus}
+            ?checked=${this.checked}
+          />
+          <label class="pkt-input-check__input-label" for=${this.id+"-internal"}>
+            ${this.label}
+            ${this.checkHelptext?t.x`<div class="pkt-input-check__input-helptext">${this.checkHelptext}</div>`:t.E}
+          </label>
+        </div>
+      </div>
+    `}toggleChecked(e=null){e&&e.stopImmediatePropagation(),this.touched=!0,this.inputRef.value&&(this._checked=this.inputRef.value.matches(":checked"),this.valueChecked(this._checked))}};i([t.n({type:String,reflect:!0})],exports.PktRadioButton.prototype,"value",2);i([t.n({type:String})],exports.PktRadioButton.prototype,"checkHelptext",2);i([t.n({type:Boolean})],exports.PktRadioButton.prototype,"defaultChecked",2);i([t.n({type:Boolean})],exports.PktRadioButton.prototype,"hasTile",2);i([t.n({type:Boolean,reflect:!0})],exports.PktRadioButton.prototype,"checked",2);i([t.n({type:String,reflect:!0})],exports.PktRadioButton.prototype,"type",2);i([a.r()],exports.PktRadioButton.prototype,"_checked",2);exports.PktRadioButton=i([t.t("pkt-radiobutton")],exports.PktRadioButton);

package/dist/radiobutton-CjdsXnBS.js

@@ -0,0 +1,88 @@
+import { x as r, E as n, n as s, a as o } from "./element-D_ZgQsSr.js";
+import { r as k } from "./state-DuS4ffEQ.js";
+import { P as f } from "./input-element-CiqJQwUm.js";
+import { e as _, n as b } from "./ref-BSGI8ogR.js";
+import { e as a } from "./class-map-BYCG9U47.js";
+var C = Object.defineProperty, v = Object.getOwnPropertyDescriptor, i = (e, t, l, p) => {
+  for (var h = p > 1 ? void 0 : p ? v(t, l) : t, u = e.length - 1, d; u >= 0; u--)
+    (d = e[u]) && (h = (p ? d(t, l, h) : d(h)) || h);
+  return p && h && C(t, l, h), h;
+};
+let c = class extends f {
+  constructor() {
+    super(...arguments), this.inputRef = _(), this.value = "", this.checkHelptext = null, this.defaultChecked = !1, this.hasTile = !1, this.checked = null, this.type = "radio", this._checked = !1;
+  }
+  connectedCallback() {
+    super.connectedCallback();
+  }
+  attributeChangedCallback(e, t, l) {
+    e === "defaultChecked" && (this._checked = this.defaultChecked), e === "checked" && (this._checked = this.checked === "" || this.checked === "true" || this.checked === !0), super.attributeChangedCallback(e, t, l);
+  }
+  updated(e) {
+    e.has("checked") && this.checked !== null && (this._checked = this.checked === "" || this.checked === "true" || this.checked === !0, (e.get("checked") === "" || e.get("checked") === "true" || e.get("checked") === !0) !== this._checked && this.toggleChecked()), super.updated(e);
+  }
+  render() {
+    const e = a({
+      "pkt-input-check__input": !0,
+      "pkt-input-check__input--tile": this.hasTile,
+      "pkt-input-check__input--tile-disabled": this.disabled && this.hasTile
+    }), t = a({
+      "pkt-input-check__input-checkbox": !0,
+      "pkt-input-check__input-checkbox--error": this.hasError
+    });
+    return r`
+      <div class="pkt-input-check">
+        <div class=${e}>
+          <input
+            id=${this.id + "-internal"}
+            class=${t}
+            type="radio"
+            role="radio"
+            ?disabled=${this.disabled}
+            name=${this.name + "-internal"}
+            ${b(this.inputRef)}
+            @change=${this.toggleChecked}
+            @input=${this.onInput}
+            @blur=${this.onBlur}
+            @focus=${this.onFocus}
+            ?checked=${this.checked}
+          />
+          <label class="pkt-input-check__input-label" for=${this.id + "-internal"}>
+            ${this.label}
+            ${this.checkHelptext ? r`<div class="pkt-input-check__input-helptext">${this.checkHelptext}</div>` : n}
+          </label>
+        </div>
+      </div>
+    `;
+  }
+  toggleChecked(e = null) {
+    e && e.stopImmediatePropagation(), this.touched = !0, this.inputRef.value && (this._checked = this.inputRef.value.matches(":checked"), this.valueChecked(this._checked));
+  }
+};
+i([
+  s({ type: String, reflect: !0 })
+], c.prototype, "value", 2);
+i([
+  s({ type: String })
+], c.prototype, "checkHelptext", 2);
+i([
+  s({ type: Boolean })
+], c.prototype, "defaultChecked", 2);
+i([
+  s({ type: Boolean })
+], c.prototype, "hasTile", 2);
+i([
+  s({ type: Boolean, reflect: !0 })
+], c.prototype, "checked", 2);
+i([
+  s({ type: String, reflect: !0 })
+], c.prototype, "type", 2);
+i([
+  k()
+], c.prototype, "_checked", 2);
+c = i([
+  o("pkt-radiobutton")
+], c);
+export {
+  c as P
+};

package/dist/{select-DJu4Wr1y.cjs → select-CbKKDGge.cjs}

@@ -1,4 +1,4 @@
-"use strict";const l=require("./element-r-PeQ419.cjs"),d=require("./state-B77EXPZ9.cjs"),a=require("./ref-BUWgvhgU.cjs"),o=require("./if-defined-CWHk9Kqm.cjs"),c=require("./input-element-KOSm5htR.cjs"),u=require("./pkt-slot-controller-Oc32unDk.cjs");require("./input-wrapper-Dqj4uers.cjs");class b{constructor(t){this.nodes=[],this.options=[],this.host=t,this.host.addController(this),this.nodes=[],this.options=[],this.observer=new MutationObserver(e=>this.handleMutations(e))}hostConnected(){Array.from(this.host.childNodes).forEach(t=>{(t.nodeName==="OPTION"||t.nodeName==="DATA")&&this.addNode(t)}),this.observer.observe(this.host,{childList:!0})}hostDisconnected(){this.observer.disconnect()}addNode(t){(t.nodeName==="OPTION"||t.nodeName==="DATA")&&(t.setAttribute("class","pkt-hide"),t.setAttribute("aria-hidden","true"),t.setAttribute("data-skip","true"),this.nodes.push(t))}createOptions(){this.options=this.nodes.map(t=>({value:t.getAttribute("value")||t.textContent||"",label:t.textContent||t.getAttribute("value")||"",selected:!!t.getAttribute("selected"),disabled:!!t.getAttribute("disabled")})),this.host.setAttribute("options",JSON.stringify(this.options))}handleMutations(t){let e=!1;t.forEach(s=>{s.type==="childList"&&(s.addedNodes.forEach(i=>{u.isOptionElement(i)&&(this.addNode(i),e=!0)}),s.removedNodes.forEach(i=>{u.isOptionElement(i)&&(this.nodes=this.nodes.filter(r=>r!==i),e=!0)}))}),e&&this.createOptions()}}var v=Object.defineProperty,f=Object.getOwnPropertyDescriptor,h=(n,t,e,s)=>{for(var i=s>1?void 0:s?f(t,e):t,r=n.length-1,p;r>=0;r--)(p=n[r])&&(i=(s?p(t,e,i):p(i))||i);return s&&i&&v(t,e,i),i};exports.PktSelect=class extends c.PktInputElement{constructor(){super(),this.inputRef=a.e(),this.helptextSlot=a.e(),this.options=[],this.value="",this._options=[],this.optionsController=new b(this),this.slotController=new u.PktSlotController(this,this.helptextSlot),this.slotController.skipOptions=!0}connectedCallback(){super.connectedCallback();const t=this.options.length>0,e=this.optionsController.nodes.length&&this.optionsController.nodes.length>0;!t&&e?this.optionsController.nodes.forEach(s=>{const i={value:s.getAttribute("value")||s.textContent||"",label:s.textContent||s.getAttribute("value")||"",disabled:!!s.getAttribute("disabled")};s.getAttribute("selected")&&!this.value&&(this.value=i.value),this._options.push(i)}):this._options=this.options}attributeChangedCallback(t,e,s){t==="options"&&(this._options=s?JSON.parse(s):[]),t==="value"&&this.value!==e&&this.valueChanged(s,e),super.attributeChangedCallback(t,e,s)}updated(t){var e;super.updated(t),t.has("value")&&(this.counterCurrent=((e=this.value)==null?void 0:e.length)||0,this.valueChanged(this.value,t.get("value"))),t.has("id")&&!this.name&&this.id&&(this.name=this.id)}firstUpdated(t){super.firstUpdated(t),this.options.length&&(this._options=this.options)}render(){const t=`pkt-input ${this.fullwidth?"pkt-input--fullwidth":""}`;return l.x`
+"use strict";const l=require("./element-r-PeQ419.cjs"),d=require("./state-B77EXPZ9.cjs"),a=require("./ref-BUWgvhgU.cjs"),o=require("./if-defined-CWHk9Kqm.cjs"),c=require("./input-element-BtSjmGc0.cjs"),u=require("./pkt-slot-controller-Oc32unDk.cjs");require("./input-wrapper-Dqj4uers.cjs");class b{constructor(t){this.nodes=[],this.options=[],this.host=t,this.host.addController(this),this.nodes=[],this.options=[],this.observer=new MutationObserver(e=>this.handleMutations(e))}hostConnected(){Array.from(this.host.childNodes).forEach(t=>{(t.nodeName==="OPTION"||t.nodeName==="DATA")&&this.addNode(t)}),this.observer.observe(this.host,{childList:!0})}hostDisconnected(){this.observer.disconnect()}addNode(t){(t.nodeName==="OPTION"||t.nodeName==="DATA")&&(t.setAttribute("class","pkt-hide"),t.setAttribute("aria-hidden","true"),t.setAttribute("data-skip","true"),this.nodes.push(t))}createOptions(){this.options=this.nodes.map(t=>({value:t.getAttribute("value")||t.textContent||"",label:t.textContent||t.getAttribute("value")||"",selected:!!t.getAttribute("selected"),disabled:!!t.getAttribute("disabled")})),this.host.setAttribute("options",JSON.stringify(this.options))}handleMutations(t){let e=!1;t.forEach(s=>{s.type==="childList"&&(s.addedNodes.forEach(i=>{u.isOptionElement(i)&&(this.addNode(i),e=!0)}),s.removedNodes.forEach(i=>{u.isOptionElement(i)&&(this.nodes=this.nodes.filter(r=>r!==i),e=!0)}))}),e&&this.createOptions()}}var v=Object.defineProperty,f=Object.getOwnPropertyDescriptor,h=(n,t,e,s)=>{for(var i=s>1?void 0:s?f(t,e):t,r=n.length-1,p;r>=0;r--)(p=n[r])&&(i=(s?p(t,e,i):p(i))||i);return s&&i&&v(t,e,i),i};exports.PktSelect=class extends c.PktInputElement{constructor(){super(),this.inputRef=a.e(),this.helptextSlot=a.e(),this.options=[],this.value="",this._options=[],this.optionsController=new b(this),this.slotController=new u.PktSlotController(this,this.helptextSlot),this.slotController.skipOptions=!0}connectedCallback(){super.connectedCallback();const t=this.options.length>0,e=this.optionsController.nodes.length&&this.optionsController.nodes.length>0;!t&&e?this.optionsController.nodes.forEach(s=>{const i={value:s.getAttribute("value")||s.textContent||"",label:s.textContent||s.getAttribute("value")||"",disabled:!!s.getAttribute("disabled")};s.getAttribute("selected")&&!this.value&&(this.value=i.value),this._options.push(i)}):this._options=this.options}attributeChangedCallback(t,e,s){t==="options"&&(this._options=s?JSON.parse(s):[]),t==="value"&&this.value!==e&&this.valueChanged(s,e),super.attributeChangedCallback(t,e,s)}updated(t){var e;super.updated(t),t.has("value")&&(this.counterCurrent=((e=this.value)==null?void 0:e.length)||0,this.valueChanged(this.value,t.get("value"))),t.has("id")&&!this.name&&this.id&&(this.name=this.id)}firstUpdated(t){super.firstUpdated(t),this.options.length&&(this._options=this.options)}render(){const t=`pkt-input ${this.fullwidth?"pkt-input--fullwidth":""}`;return l.x`
       <pkt-input-wrapper
         ?counter=${this.counter}
         ?disabled=${this.disabled}

package/dist/{select-CnizDIYN.js → select-D-2lgnqF.js}

@@ -2,7 +2,7 @@ import { x as p, n as b, a as f } from "./element-D_ZgQsSr.js";
 import { r as v } from "./state-DuS4ffEQ.js";
 import { e as u, n as d } from "./ref-BSGI8ogR.js";
 import { o as r } from "./if-defined-u8oGOhnv.js";
-import { P as $ } from "./input-element-B6BTwL1q.js";
+import { P as $ } from "./input-element-CiqJQwUm.js";
 import { i as c, P as m } from "./pkt-slot-controller-Clbye6cM.js";
 import "./input-wrapper-D-pEAZaj.js";
 class g {

package/dist/{textarea-uzzCtHtj.js → textarea-CIDDRs8w.js}

@@ -3,7 +3,7 @@ import { o as u } from "./if-defined-u8oGOhnv.js";
 import { r as b } from "./state-DuS4ffEQ.js";
 import { f as T, m as y, e as c, n as m } from "./ref-BSGI8ogR.js";
 import { e as w } from "./class-map-BYCG9U47.js";
-import { P as C } from "./input-element-B6BTwL1q.js";
+import { P as C } from "./input-element-CiqJQwUm.js";
 import { P as E } from "./pkt-slot-controller-Clbye6cM.js";
 import "./input-wrapper-D-pEAZaj.js";
 import "./icon-BBFK-d-X.js";

package/dist/{textarea-BKCVcJ6E.cjs → textarea-KNBetKqy.cjs}

@@ -1,4 +1,4 @@
-"use strict";const i=require("./element-r-PeQ419.cjs"),u=require("./if-defined-CWHk9Kqm.cjs"),p=require("./state-B77EXPZ9.cjs"),n=require("./ref-BUWgvhgU.cjs"),d=require("./class-map-Dzci3Pfe.cjs"),c=require("./input-element-KOSm5htR.cjs"),$=require("./pkt-slot-controller-Oc32unDk.cjs");require("./input-wrapper-Dqj4uers.cjs");require("./icon-DcJIqTIY.cjs");/**
+"use strict";const i=require("./element-r-PeQ419.cjs"),u=require("./if-defined-CWHk9Kqm.cjs"),p=require("./state-B77EXPZ9.cjs"),n=require("./ref-BUWgvhgU.cjs"),d=require("./class-map-Dzci3Pfe.cjs"),c=require("./input-element-BtSjmGc0.cjs"),$=require("./pkt-slot-controller-Oc32unDk.cjs");require("./input-wrapper-Dqj4uers.cjs");require("./icon-DcJIqTIY.cjs");/**
  * @license
  * Copyright 2020 Google LLC
  * SPDX-License-Identifier: BSD-3-Clause

package/dist/{textinput-BRupcl9v.cjs → textinput-Co6ifzvP.cjs}

@@ -1,4 +1,4 @@
-"use strict";const t=require("./element-r-PeQ419.cjs"),u=require("./if-defined-CWHk9Kqm.cjs"),l=require("./state-B77EXPZ9.cjs"),p=require("./ref-BUWgvhgU.cjs"),c=require("./class-map-Dzci3Pfe.cjs"),x=require("./input-element-KOSm5htR.cjs"),d=require("./pkt-slot-controller-Oc32unDk.cjs");require("./input-wrapper-Dqj4uers.cjs");require("./icon-DcJIqTIY.cjs");var $=Object.defineProperty,g=Object.getOwnPropertyDescriptor,r=(o,i,n,s)=>{for(var e=s>1?void 0:s?g(i,n):i,a=o.length-1,h;a>=0;a--)(h=o[a])&&(e=(s?h(i,n,e):h(e))||e);return s&&e&&$(i,n,e),e};exports.PktTextinput=class extends x.PktInputElement{constructor(){super(),this.inputRef=p.e(),this.helptextSlot=p.e(),this.value="",this.type="text",this.size=null,this.autocomplete="off",this.iconNameRight=null,this.prefix=null,this.suffix=null,this.omitSearchIcon=!1,this.counterCurrent=0,this.slotController=new d.PktSlotController(this,this.helptextSlot)}attributeChangedCallback(i,n,s){i==="value"&&this.value!==n&&(this.counterCurrent=s?s.length:0,this.valueChanged(s,n)),super.attributeChangedCallback(i,n,s)}updated(i){var n;super.updated(i),i.has("value")&&(this.counterCurrent=((n=this.value)==null?void 0:n.length)||0,this.valueChanged(this.value,i.get("value"))),i.has("id")&&!this.name&&this.id&&(this.name=this.id)}render(){const i=this.type==="search"&&!this.iconNameRight&&!this.omitSearchIcon,n=c.e({"pkt-input":!0,"pkt-input--fullwidth":this.fullwidth,"pkt-input--counter-error":this.counter&&this.counterMaxLength&&this.value.length&&this.value.length>this.counterMaxLength}),s=this.ariaLabelledby||`${this.id}-input-label`;return t.x`
+"use strict";const t=require("./element-r-PeQ419.cjs"),u=require("./if-defined-CWHk9Kqm.cjs"),l=require("./state-B77EXPZ9.cjs"),p=require("./ref-BUWgvhgU.cjs"),c=require("./class-map-Dzci3Pfe.cjs"),x=require("./input-element-BtSjmGc0.cjs"),d=require("./pkt-slot-controller-Oc32unDk.cjs");require("./input-wrapper-Dqj4uers.cjs");require("./icon-DcJIqTIY.cjs");var $=Object.defineProperty,g=Object.getOwnPropertyDescriptor,r=(o,i,n,s)=>{for(var e=s>1?void 0:s?g(i,n):i,a=o.length-1,h;a>=0;a--)(h=o[a])&&(e=(s?h(i,n,e):h(e))||e);return s&&e&&$(i,n,e),e};exports.PktTextinput=class extends x.PktInputElement{constructor(){super(),this.inputRef=p.e(),this.helptextSlot=p.e(),this.value="",this.type="text",this.size=null,this.autocomplete="off",this.iconNameRight=null,this.prefix=null,this.suffix=null,this.omitSearchIcon=!1,this.counterCurrent=0,this.slotController=new d.PktSlotController(this,this.helptextSlot)}attributeChangedCallback(i,n,s){i==="value"&&this.value!==n&&(this.counterCurrent=s?s.length:0,this.valueChanged(s,n)),super.attributeChangedCallback(i,n,s)}updated(i){var n;super.updated(i),i.has("value")&&(this.counterCurrent=((n=this.value)==null?void 0:n.length)||0,this.valueChanged(this.value,i.get("value"))),i.has("id")&&!this.name&&this.id&&(this.name=this.id)}render(){const i=this.type==="search"&&!this.iconNameRight&&!this.omitSearchIcon,n=c.e({"pkt-input":!0,"pkt-input--fullwidth":this.fullwidth,"pkt-input--counter-error":this.counter&&this.counterMaxLength&&this.value.length&&this.value.length>this.counterMaxLength}),s=this.ariaLabelledby||`${this.id}-input-label`;return t.x`
       <pkt-input-wrapper
         label="${this.label}"
         ?counter=${this.counter}

package/dist/{textinput-DRkv93vp.js → textinput-kSYgPYM3.js}

@@ -3,7 +3,7 @@ import { o as c } from "./if-defined-u8oGOhnv.js";
 import { r as f } from "./state-DuS4ffEQ.js";
 import { e as d, n as m } from "./ref-BSGI8ogR.js";
 import { e as g } from "./class-map-BYCG9U47.js";
-import { P as x } from "./input-element-B6BTwL1q.js";
+import { P as x } from "./input-element-CiqJQwUm.js";
 import { P as y } from "./pkt-slot-controller-Clbye6cM.js";
 import "./input-wrapper-D-pEAZaj.js";
 import "./icon-BBFK-d-X.js";

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@oslokommune/punkt-elements",
-  "version": "12.30.2",
+  "version": "12.30.3",
   "description": "Komponentbiblioteket til Punkt, et designsystem laget av Oslo Origo",
   "homepage": "https://punkt.oslo.kommune.no",
   "author": "Team Designsystem, Oslo Origo",
@@ -57,5 +57,5 @@
     "url": "https://github.com/oslokommune/punkt/issues"
   },
   "license": "MIT",
-  "gitHead": "a4b93e347c6b9167efadde236794e42aafc18489"
+  "gitHead": "f73b87b0bd2a69042d4ed65309b2a5b9542f0b54"
 }

package/src/components/checkbox/checkbox.ts

@@ -16,7 +16,7 @@ export class PktCheckbox extends PktInputElement {
   @property({ type: Boolean }) isSwitch: boolean = false
   @property({ type: String }) labelPosition: 'right' | 'left' = 'right'
   @property({ type: Boolean }) hideLabel: boolean = false
-  @property({ type: Boolean, reflect: true }) checked: boolean | string = false
+  @property({ type: Boolean, reflect: true }) checked: boolean | string | null = null
   @property({ type: String, reflect: true }) type: string = 'checkbox'
 
   connectedCallback() {

package/src/components/radiobutton/radiobutton.ts

@@ -13,7 +13,7 @@ export class PktRadioButton extends PktInputElement {
   @property({ type: String }) checkHelptext: string | null = null
   @property({ type: Boolean }) defaultChecked: boolean = false
   @property({ type: Boolean }) hasTile: boolean = false
-  @property({ type: Boolean, reflect: true }) checked: boolean | string = false
+  @property({ type: Boolean, reflect: true }) checked: boolean | string | null = null
   @property({ type: String, reflect: true }) type: string = 'radio'
 
   @state() _checked: boolean = false
@@ -33,6 +33,16 @@ export class PktRadioButton extends PktInputElement {
   }
 
   updated(changedProperties: PropertyValues) {
+    if (changedProperties.has('checked') && this.checked !== null) {
+      this._checked = this.checked === '' || this.checked === 'true' || this.checked === true
+      const oldChecked =
+        changedProperties.get('checked') === '' ||
+        changedProperties.get('checked') === 'true' ||
+        changedProperties.get('checked') === true
+      if (oldChecked !== this._checked) {
+        this.toggleChecked()
+      }
+    }
     super.updated(changedProperties)
   }
 
@@ -76,8 +86,8 @@ export class PktRadioButton extends PktInputElement {
     `
   }
 
-  private toggleChecked(e: Event) {
-    e.stopImmediatePropagation()
+  private toggleChecked(e: Event | null = null) {
+    if (e) e.stopImmediatePropagation()
     this.touched = true
     if (this.inputRef.value) {
       this._checked = this.inputRef.value.matches(':checked')

package/dist/input-element-KOSm5htR.cjs

@@ -1 +0,0 @@
-"use strict";const e=require("./element-r-PeQ419.cjs"),f=require("./state-B77EXPZ9.cjs"),y=require("./stringutils-CkVRq4jP.cjs"),c=require("./input-wrapper-jPnKsfEC.cjs");var m=Object.defineProperty,s=(o,t,r,l)=>{for(var a=void 0,n=o.length-1,h;n>=0;n--)(h=o[n])&&(a=h(t,r,a)||a);return a&&m(t,r,a),a};class i extends e.PktElement{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=y.uuidish(),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=c.specs.props.helptextDropdownButton.default,this.label=null,this.optionalText=e.translations.forms.labels.optional,this.requiredText=e.translations.forms.labels.required,this.dataTestid="",this.touched=!1,this.internals=this.attachInternals()}static get formAssociated(){return!0}manageValidity(t){var r,l,a,n,h,p,u,d;t&&(this.required&&!this.value?this.internals.setValidity({valueMissing:!0},e.translations.forms.messages.required,t):(r=t.validity)!=null&&r.typeMismatch||(l=t.validity)!=null&&l.badInput?this.internals.setValidity({typeMismatch:!0},e.translations.forms.messages.invalid,t):(a=t.validity)!=null&&a.patternMismatch?this.internals.setValidity({patternMismatch:!0},e.translations.forms.messages.invalidPattern,t):(n=t.validity)!=null&&n.tooShort||this.minlength&&this.minlength>0&&this.value.length<this.minlength?this.internals.setValidity({tooShort:!0},e.translations.forms.messages.tooShort,t):(h=t.validity)!=null&&h.tooLong||this.maxlength&&this.maxlength>0&&this.value.length>this.maxlength?this.internals.setValidity({tooLong:!0},e.translations.forms.messages.tooLong,t):(p=t.validity)!=null&&p.rangeUnderflow?this.internals.setValidity({rangeUnderflow:!0},e.translations.forms.messages.rangeUnderflow,t):(u=t.validity)!=null&&u.rangeOverflow?this.internals.setValidity({rangeOverflow:!0},e.translations.forms.messages.rangeOverflow,t):(d=t.validity)!=null&&d.customError?this.internals.setValidity({customError:!0},t.validationMessage,t):this.internals.setValidity({}))}setFormValue(t){if(this.internals)if(Array.isArray(t)){const r=new FormData;t.forEach(l=>{r.append(this.name,l)}),this.internals.setFormValue(r)}else this.internals.setFormValue(t)}valueChecked(t){this.touched&&(typeof t=="string"?(this.checked=t==="true",this.internals.ariaChecked=t==="true"):typeof t=="boolean"&&(this.checked=t,this.internals.ariaChecked=t),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(t,r){(r!==this.value||r!==this._value)&&(typeof t=="string"?((this.multiple||this.range)&&t.includes(",")&&(t=t.split(",")),this.value=t,this._value=Array.isArray(t)?t:[t]):Array.isArray(t)?(this.value=t,this._value=t):(this.value="",this._value=[]),(!this.value||this.value.length===0)&&r&&r.length!==0?this.clearInputValue():this.value&&this.value.toString()!==(r==null?void 0:r.toString())&&this.onChange(this.value),this.updateComplete.then(()=>this.requestUpdate()))}clearInputValue(){const t=this.multiple||this.range?[]:"";this.value=t,this.internals.setFormValue(t),this.dispatchEvent(new Event("change")),this.dispatchEvent(new CustomEvent("value-change",{detail:t,bubbles:!0,composed:!0}))}onFocus(){this.dispatchEvent(new FocusEvent("focus"))}onBlur(){this.dispatchEvent(new FocusEvent("blur"))}onInput(){this.dispatchEvent(new InputEvent("input"))}onChange(t){if(!this.touched){this.touched=!0,t&&this.setFormValue(t);return}typeof t!="string"&&!Array.isArray(t)||((this.range||this.multiple)&&!Array.isArray(t)&&t.includes(",")&&(t=t.split(",")),!this.multiple&&!this.range&&Array.isArray(t)&&(t=t[0]),this.setFormValue(t),this.manageValidity(this.inputRef.value),this.inputRefTo&&this.manageValidity(this.inputRefTo.value),this.dispatchEvent(new Event("change")),this.dispatchEvent(new CustomEvent("value-change",{detail:t,bubbles:!0,composed:!0})),this.internals.reportValidity())}updated(t){super.updated(t),t.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(t){super.firstUpdated(t),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))}}s([e.n()],i.prototype,"defaultValue");s([e.n({type:Boolean,reflect:!0})],i.prototype,"disabled");s([e.n({type:Boolean,reflect:!0})],i.prototype,"readonly");s([e.n({type:Boolean,reflect:!0})],i.prototype,"required");s([e.n({type:Number,reflect:!0})],i.prototype,"max");s([e.n({type:Number,reflect:!0})],i.prototype,"maxlength");s([e.n({type:Number,reflect:!0})],i.prototype,"min");s([e.n({type:Number,reflect:!0})],i.prototype,"minlength");s([e.n({type:String})],i.prototype,"ariaDescribedBy");s([e.n({type:String})],i.prototype,"ariaLabelledby");s([e.n({type:String,reflect:!0})],i.prototype,"name");s([e.n({type:String,reflect:!0})],i.prototype,"pattern");s([e.n({type:String,reflect:!0})],i.prototype,"placeholder");s([e.n({type:String,reflect:!0})],i.prototype,"id");s([e.n({type:Boolean})],i.prototype,"counter");s([e.n({type:Boolean})],i.prototype,"hasError");s([e.n({type:Boolean})],i.prototype,"inline");s([e.n({type:Boolean})],i.prototype,"optionalTag");s([e.n({type:Boolean})],i.prototype,"requiredTag");s([e.n({type:Boolean})],i.prototype,"skipForwardTestid");s([e.n({type:Boolean})],i.prototype,"useWrapper");s([e.n({type:Boolean,reflect:!0})],i.prototype,"fullwidth");s([e.n({type:Number})],i.prototype,"counterMaxLength");s([e.n({type:String})],i.prototype,"errorMessage");s([e.n({type:String})],i.prototype,"helptext");s([e.n({type:String})],i.prototype,"helptextDropdown");s([e.n({type:String})],i.prototype,"helptextDropdownButton");s([e.n({type:String})],i.prototype,"label");s([e.n({type:String})],i.prototype,"optionalText");s([e.n({type:String})],i.prototype,"requiredText");s([e.n({type:String,attribute:"data-testid"})],i.prototype,"dataTestid");s([f.r()],i.prototype,"touched");exports.PktInputElement=i;

package/dist/radiobutton-3e105CXX.cjs

@@ -1,24 +0,0 @@
-"use strict";const e=require("./element-r-PeQ419.cjs"),l=require("./state-B77EXPZ9.cjs"),r=require("./input-element-KOSm5htR.cjs"),o=require("./ref-BUWgvhgU.cjs"),p=require("./class-map-Dzci3Pfe.cjs");var d=Object.defineProperty,k=Object.getOwnPropertyDescriptor,i=(n,t,c,h)=>{for(var s=h>1?void 0:h?k(t,c):t,u=n.length-1,a;u>=0;u--)(a=n[u])&&(s=(h?a(t,c,s):a(s))||s);return h&&s&&d(t,c,s),s};exports.PktRadioButton=class extends r.PktInputElement{constructor(){super(...arguments),this.inputRef=o.e(),this.value="",this.checkHelptext=null,this.defaultChecked=!1,this.hasTile=!1,this.checked=!1,this.type="radio",this._checked=!1}connectedCallback(){super.connectedCallback()}attributeChangedCallback(t,c,h){t==="defaultChecked"&&(this._checked=this.defaultChecked),t==="checked"&&(this._checked=this.checked===""||this.checked==="true"||this.checked===!0),super.attributeChangedCallback(t,c,h)}updated(t){super.updated(t)}render(){const t=p.e({"pkt-input-check__input":!0,"pkt-input-check__input--tile":this.hasTile,"pkt-input-check__input--tile-disabled":this.disabled&&this.hasTile}),c=p.e({"pkt-input-check__input-checkbox":!0,"pkt-input-check__input-checkbox--error":this.hasError});return e.x`
-      <div class="pkt-input-check">
-        <div class=${t}>
-          <input
-            id=${this.id+"-internal"}
-            class=${c}
-            type="radio"
-            role="radio"
-            ?disabled=${this.disabled}
-            name=${this.name+"-internal"}
-            ${o.n(this.inputRef)}
-            @change=${this.toggleChecked}
-            @input=${this.onInput}
-            @blur=${this.onBlur}
-            @focus=${this.onFocus}
-            ?checked=${this.checked}
-          />
-          <label class="pkt-input-check__input-label" for=${this.id+"-internal"}>
-            ${this.label}
-            ${this.checkHelptext?e.x`<div class="pkt-input-check__input-helptext">${this.checkHelptext}</div>`:e.E}
-          </label>
-        </div>
-      </div>
-    `}toggleChecked(t){t.stopImmediatePropagation(),this.touched=!0,this.inputRef.value&&(this._checked=this.inputRef.value.matches(":checked"),this.valueChecked(this._checked))}};i([e.n({type:String,reflect:!0})],exports.PktRadioButton.prototype,"value",2);i([e.n({type:String})],exports.PktRadioButton.prototype,"checkHelptext",2);i([e.n({type:Boolean})],exports.PktRadioButton.prototype,"defaultChecked",2);i([e.n({type:Boolean})],exports.PktRadioButton.prototype,"hasTile",2);i([e.n({type:Boolean,reflect:!0})],exports.PktRadioButton.prototype,"checked",2);i([e.n({type:String,reflect:!0})],exports.PktRadioButton.prototype,"type",2);i([l.r()],exports.PktRadioButton.prototype,"_checked",2);exports.PktRadioButton=i([e.t("pkt-radiobutton")],exports.PktRadioButton);

package/dist/radiobutton-CcZ2-z8q.js

@@ -1,88 +0,0 @@
-import { x as n, E as u, n as h, a as d } from "./element-D_ZgQsSr.js";
-import { r as k } from "./state-DuS4ffEQ.js";
-import { P as f } from "./input-element-B6BTwL1q.js";
-import { e as _, n as b } from "./ref-BSGI8ogR.js";
-import { e as o } from "./class-map-BYCG9U47.js";
-var v = Object.defineProperty, C = Object.getOwnPropertyDescriptor, c = (e, i, p, l) => {
-  for (var s = l > 1 ? void 0 : l ? C(i, p) : i, r = e.length - 1, a; r >= 0; r--)
-    (a = e[r]) && (s = (l ? a(i, p, s) : a(s)) || s);
-  return l && s && v(i, p, s), s;
-};
-let t = class extends f {
-  constructor() {
-    super(...arguments), this.inputRef = _(), this.value = "", this.checkHelptext = null, this.defaultChecked = !1, this.hasTile = !1, this.checked = !1, this.type = "radio", this._checked = !1;
-  }
-  connectedCallback() {
-    super.connectedCallback();
-  }
-  attributeChangedCallback(e, i, p) {
-    e === "defaultChecked" && (this._checked = this.defaultChecked), e === "checked" && (this._checked = this.checked === "" || this.checked === "true" || this.checked === !0), super.attributeChangedCallback(e, i, p);
-  }
-  updated(e) {
-    super.updated(e);
-  }
-  render() {
-    const e = o({
-      "pkt-input-check__input": !0,
-      "pkt-input-check__input--tile": this.hasTile,
-      "pkt-input-check__input--tile-disabled": this.disabled && this.hasTile
-    }), i = o({
-      "pkt-input-check__input-checkbox": !0,
-      "pkt-input-check__input-checkbox--error": this.hasError
-    });
-    return n`
-      <div class="pkt-input-check">
-        <div class=${e}>
-          <input
-            id=${this.id + "-internal"}
-            class=${i}
-            type="radio"
-            role="radio"
-            ?disabled=${this.disabled}
-            name=${this.name + "-internal"}
-            ${b(this.inputRef)}
-            @change=${this.toggleChecked}
-            @input=${this.onInput}
-            @blur=${this.onBlur}
-            @focus=${this.onFocus}
-            ?checked=${this.checked}
-          />
-          <label class="pkt-input-check__input-label" for=${this.id + "-internal"}>
-            ${this.label}
-            ${this.checkHelptext ? n`<div class="pkt-input-check__input-helptext">${this.checkHelptext}</div>` : u}
-          </label>
-        </div>
-      </div>
-    `;
-  }
-  toggleChecked(e) {
-    e.stopImmediatePropagation(), this.touched = !0, this.inputRef.value && (this._checked = this.inputRef.value.matches(":checked"), this.valueChecked(this._checked));
-  }
-};
-c([
-  h({ type: String, reflect: !0 })
-], t.prototype, "value", 2);
-c([
-  h({ type: String })
-], t.prototype, "checkHelptext", 2);
-c([
-  h({ type: Boolean })
-], t.prototype, "defaultChecked", 2);
-c([
-  h({ type: Boolean })
-], t.prototype, "hasTile", 2);
-c([
-  h({ type: Boolean, reflect: !0 })
-], t.prototype, "checked", 2);
-c([
-  h({ type: String, reflect: !0 })
-], t.prototype, "type", 2);
-c([
-  k()
-], t.prototype, "_checked", 2);
-t = c([
-  d("pkt-radiobutton")
-], t);
-export {
-  t as P
-};