@oslokommune/punkt-elements 13.18.1 → 13.18.3

package/CHANGELOG.md

@@ -5,6 +5,40 @@ og skriver commits ca etter [Conventional Commits](https://conventionalcommits.o
 
 ---
 
+## [13.18.3](https://github.com/oslokommune/punkt/compare/13.18.2...13.18.3) (2026-01-15)
+
+### ⚠ BREAKING CHANGES
+Ingen
+
+### Features
+Ingen
+
+### Bug Fixes
+Ingen
+
+### Chores
+Ingen
+
+---
+
+
+## [13.18.2](https://github.com/oslokommune/punkt/compare/13.18.1...13.18.2) (2026-01-12)
+
+### ⚠ BREAKING CHANGES
+Ingen
+
+### Features
+Ingen
+
+### Bug Fixes
+Ingen
+
+### Chores
+Ingen
+
+---
+
+
 ## [13.18.0](https://github.com/oslokommune/punkt/compare/13.17.0...13.18.0) (2025-12-22)
 
 ### ⚠ BREAKING CHANGES

package/dist/{card-Cf-UcGAP.cjs → card-Byrpi1pD.cjs}

@@ -1,4 +1,4 @@
-"use strict";const p=require("./class-map-C_erArZz.cjs"),h=require("./if-defined-Bc9-_I01.cjs"),t=require("./element-CJ_QKaki.cjs"),g=require("./pkt-slot-controller-BzddBp7z.cjs"),c=require("./ref-BFa5Utho.cjs");require("./icon-BGuizDwk.cjs");require("./tag-EFUKrc8q.cjs");require("./heading--JKFppLS.cjs");const k={layout:{default:"vertical"},skin:{type:["outlined","outlined-beige","gray","blue","beige","green"],default:"outlined"},padding:{default:"default"}},o={props:k};var u=Object.defineProperty,m=Object.getOwnPropertyDescriptor,e=(i,a,s,n)=>{for(var r=n>1?void 0:n?m(a,s):a,d=i.length-1,l;d>=0;d--)(l=i[d])&&(r=(n?l(a,s,r):l(r))||r);return n&&r&&u(a,s,r),r};exports.PktCard=class extends t.PktElement{constructor(){super(),this.defaultSlot=c.e(),this.ariaLabel="",this.metaLead=null,this.borderOnHover=!0,this.clickCardLink=null,this.metaTrail=null,this.layout=o.props.layout.default,this.heading="",this.headinglevel=3,this.image={src:"",alt:""},this.imageShape="square",this.openLinkInNewTab=!1,this.padding=o.props.padding.default,this.skin=o.props.skin.default,this.subheading="",this.tagPosition="top",this.tags=[],this.slotController=new g.PktSlotController(this,this.defaultSlot)}connectedCallback(){super.connectedCallback()}render(){var r,d;const a={"pkt-card":!0,[`pkt-card--${this.skin}`]:this.skin,[`pkt-card--${this.layout}`]:this.layout,[`pkt-card--padding-${this.padding}`]:this.padding,"pkt-card--border-on-hover":this.borderOnHover},s=((r=this.ariaLabel)==null?void 0:r.trim())||(this.heading?`${this.heading} lenkekort`:"lenkekort"),n=((d=this.ariaLabel)==null?void 0:d.trim())||(this.heading?this.heading:"kort");return t.x`
+"use strict";const p=require("./class-map-C_erArZz.cjs"),h=require("./if-defined-Bc9-_I01.cjs"),t=require("./element-CJ_QKaki.cjs"),g=require("./pkt-slot-controller-BzddBp7z.cjs"),c=require("./ref-BFa5Utho.cjs");require("./icon-BGuizDwk.cjs");require("./tag-CWj979b6.cjs");require("./heading--JKFppLS.cjs");const k={layout:{default:"vertical"},skin:{type:["outlined","outlined-beige","gray","blue","beige","green"],default:"outlined"},padding:{default:"default"}},o={props:k};var u=Object.defineProperty,m=Object.getOwnPropertyDescriptor,e=(i,a,s,n)=>{for(var r=n>1?void 0:n?m(a,s):a,d=i.length-1,l;d>=0;d--)(l=i[d])&&(r=(n?l(a,s,r):l(r))||r);return n&&r&&u(a,s,r),r};exports.PktCard=class extends t.PktElement{constructor(){super(),this.defaultSlot=c.e(),this.ariaLabel="",this.metaLead=null,this.borderOnHover=!0,this.clickCardLink=null,this.metaTrail=null,this.layout=o.props.layout.default,this.heading="",this.headinglevel=3,this.image={src:"",alt:""},this.imageShape="square",this.openLinkInNewTab=!1,this.padding=o.props.padding.default,this.skin=o.props.skin.default,this.subheading="",this.tagPosition="top",this.tags=[],this.slotController=new g.PktSlotController(this,this.defaultSlot)}connectedCallback(){super.connectedCallback()}render(){var r,d;const a={"pkt-card":!0,[`pkt-card--${this.skin}`]:this.skin,[`pkt-card--${this.layout}`]:this.layout,[`pkt-card--padding-${this.padding}`]:this.padding,"pkt-card--border-on-hover":this.borderOnHover},s=((r=this.ariaLabel)==null?void 0:r.trim())||(this.heading?`${this.heading} lenkekort`:"lenkekort"),n=((d=this.ariaLabel)==null?void 0:d.trim())||(this.heading?this.heading:"kort");return t.x`
       <article
         class=${p.e(a)}
         aria-label=${h.o(this.clickCardLink?s:n)}

package/dist/{card-M1X36b6i.js → card-D-tsyQx5.js}

@@ -4,7 +4,7 @@ import { P as u, E as d, x as t, n as r, a as m } from "./element-CRDRygXu.js";
 import { P as $ } from "./pkt-slot-controller-BPGj-LC5.js";
 import { e as y, n as _ } from "./ref-Xa5dbh--.js";
 import "./icon-1dy7UZcu.js";
-import "./tag-CqMgt01I.js";
+import "./tag-DDfymBgc.js";
 import "./heading-Cs5yGnJg.js";
 const b = { layout: { default: "vertical" }, skin: { type: ["outlined", "outlined-beige", "gray", "blue", "beige", "green"], default: "outlined" }, padding: { default: "default" } }, p = {
   props: b

package/dist/{checkbox-CqoOG2KJ.cjs → checkbox-BP5zOlPy.cjs}

@@ -1,4 +1,4 @@
-"use strict";const t=require("./element-CJ_QKaki.cjs"),o=require("./input-element-KUsQQ-1d.cjs"),r=require("./ref-BFa5Utho.cjs"),p=require("./class-map-C_erArZz.cjs");var u=Object.defineProperty,d=Object.getOwnPropertyDescriptor,i=(l,e,h,a)=>{for(var s=a>1?void 0:a?d(e,h):e,c=l.length-1,n;c>=0;c--)(n=l[c])&&(s=(a?n(e,h,s):n(s))||s);return a&&s&&u(e,h,s),s};exports.PktCheckbox=class extends o.PktInputElement{constructor(){super(...arguments),this.inputRef=r.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.indeterminate=!1,this.type="checkbox",this.tagText=null,this.optionalTag=!1,this.optionalText="Valgfritt",this.requiredTag=!1,this.requiredText="Må fylles ut"}connectedCallback(){super.connectedCallback()}attributeChangedCallback(e,h,a){e==="defaultChecked"&&!this.checked&&(this.checked=this.defaultChecked),e==="checked"&&(this.checked=this.checked===""||this.checked==="true"||this.checked===!0,this.inputRef.value&&(this.inputRef.value.checked=this.checked)),e==="indeterminate"&&(this.indeterminate=this.indeterminate===""||this.indeterminate==="true"||this.indeterminate===!0,this.inputRef.value&&(this.inputRef.value.indeterminate=this.indeterminate)),super.attributeChangedCallback(e,h,a)}firstUpdated(e){e.has("defaultChecked")&&!this.checked&&(this.checked=this.defaultChecked),this.inputRef.value&&(this.inputRef.value.indeterminate=this.indeterminate===""||this.indeterminate==="true"||this.indeterminate===!0),super.firstUpdated(e)}updated(e){e.has("defaultChecked")&&!this.checked&&(this.checked=this.defaultChecked),e.has("checked")&&this.inputRef.value&&(this.inputRef.value.checked=this.checked===""||this.checked==="true"||this.checked===!0),e.has("indeterminate")&&this.inputRef.value&&(this.inputRef.value.indeterminate=this.indeterminate===""||this.indeterminate==="true"||this.indeterminate===!0),super.updated(e)}render(){const e=p.e({"pkt-input-check__input":!0,"pkt-input-check__input--tile":this.hasTile,"pkt-input-check__input--tile-disabled":this.disabled&&this.hasTile}),h=p.e({"pkt-input-check__input-checkbox":!0,"pkt-input-check__input-checkbox--error":this.hasError}),a=p.e({"pkt-input-check__input-label":!0,"pkt-input-check__input-label--disabled":this.disabled,"pkt-input-check__input-label--left":this.labelPosition==="left","pkt-input-check__input-label--right":this.labelPosition==="right","pkt-sr-only":this.hideLabel}),s="pkt-tag pkt-tag--small pkt-tag--thin-text",c=()=>t.x`
+"use strict";const t=require("./element-CJ_QKaki.cjs"),o=require("./input-element-BmXkhljw.cjs"),r=require("./ref-BFa5Utho.cjs"),p=require("./class-map-C_erArZz.cjs");var u=Object.defineProperty,d=Object.getOwnPropertyDescriptor,i=(l,e,h,a)=>{for(var s=a>1?void 0:a?d(e,h):e,c=l.length-1,n;c>=0;c--)(n=l[c])&&(s=(a?n(e,h,s):n(s))||s);return a&&s&&u(e,h,s),s};exports.PktCheckbox=class extends o.PktInputElement{constructor(){super(...arguments),this.inputRef=r.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.indeterminate=!1,this.type="checkbox",this.tagText=null,this.optionalTag=!1,this.optionalText="Valgfritt",this.requiredTag=!1,this.requiredText="Må fylles ut"}connectedCallback(){super.connectedCallback()}attributeChangedCallback(e,h,a){e==="defaultChecked"&&!this.checked&&(this.checked=this.defaultChecked),e==="checked"&&(this.checked=this.checked===""||this.checked==="true"||this.checked===!0,this.inputRef.value&&(this.inputRef.value.checked=this.checked)),e==="indeterminate"&&(this.indeterminate=this.indeterminate===""||this.indeterminate==="true"||this.indeterminate===!0,this.inputRef.value&&(this.inputRef.value.indeterminate=this.indeterminate)),super.attributeChangedCallback(e,h,a)}firstUpdated(e){e.has("defaultChecked")&&!this.checked&&(this.checked=this.defaultChecked),this.inputRef.value&&(this.inputRef.value.indeterminate=this.indeterminate===""||this.indeterminate==="true"||this.indeterminate===!0),super.firstUpdated(e)}updated(e){e.has("defaultChecked")&&!this.checked&&(this.checked=this.defaultChecked),e.has("checked")&&this.inputRef.value&&(this.inputRef.value.checked=this.checked===""||this.checked==="true"||this.checked===!0),e.has("indeterminate")&&this.inputRef.value&&(this.inputRef.value.indeterminate=this.indeterminate===""||this.indeterminate==="true"||this.indeterminate===!0),super.updated(e)}render(){const e=p.e({"pkt-input-check__input":!0,"pkt-input-check__input--tile":this.hasTile,"pkt-input-check__input--tile-disabled":this.disabled&&this.hasTile}),h=p.e({"pkt-input-check__input-checkbox":!0,"pkt-input-check__input-checkbox--error":this.hasError}),a=p.e({"pkt-input-check__input-label":!0,"pkt-input-check__input-label--disabled":this.disabled,"pkt-input-check__input-label--left":this.labelPosition==="left","pkt-input-check__input-label--right":this.labelPosition==="right","pkt-sr-only":this.hideLabel}),s="pkt-tag pkt-tag--small pkt-tag--thin-text",c=()=>t.x`
         ${this.tagText?t.x`<span class=${s+" pkt-tag--gray"}>${this.tagText}</span>`:t.E}
         ${this.optionalTag?t.x`<span class=${s+" pkt-tag--blue-light"}>${this.optionalText}</span>`:t.E}
         ${this.requiredTag?t.x`<span class=${s+" pkt-tag--beige"}>${this.requiredText}</span>`:t.E}

package/dist/{checkbox-CCmRUWTH.js → checkbox-CfXOh6Lw.js}

@@ -1,5 +1,5 @@
 import { E as r, x as p, n as s, a as d } from "./element-CRDRygXu.js";
-import { P as k } from "./input-element-Dqu8udwd.js";
+import { P as k } from "./input-element-B0VPRK_E.js";
 import { e as f, n as b } from "./ref-Xa5dbh--.js";
 import { e as u } from "./class-map-wy7PUk0P.js";
 var g = Object.defineProperty, m = Object.getOwnPropertyDescriptor, i = (t, a, n, l) => {

package/dist/{combobox-CtHgl1n2.js → combobox-BK9xei07.js}

@@ -4,12 +4,12 @@ import { r as c } from "./state-DS_kr2Fy.js";
 import { e as _, n as v } from "./ref-Xa5dbh--.js";
 import { e as k } from "./class-map-wy7PUk0P.js";
 import { c as R } from "./repeat-CJ79egkN.js";
-import { P as V } from "./input-element-Dqu8udwd.js";
+import { P as V } from "./input-element-B0VPRK_E.js";
 import { P as A } from "./pkt-options-controller-CZO1nxZ8.js";
 import { P as C } from "./pkt-slot-controller-BPGj-LC5.js";
 import "./input-wrapper-Wu3Yv-bn.js";
 import "./icon-1dy7UZcu.js";
-import "./tag-CqMgt01I.js";
+import "./tag-DDfymBgc.js";
 import "./listbox-mvKKzH-v.js";
 const S = { displayValueAs: { default: "label" } }, T = {
   props: S
@@ -93,7 +93,7 @@ let o = class extends V {
         ?requiredTag=${this.requiredTag}
         .requiredText=${this.requiredText}
         .tagText=${this.tagText}
-        ?useWrapper=${this.useWrapper}
+        useWrapper=${this.useWrapper}
         .forId=${this.allowUserInput || this.typeahead ? this.id + "-input" : this.id + "-arrow"}
         class="pkt-combobox__wrapper"
         @labelClick=${this.handleInputClick}

package/dist/{combobox-6WP1urZS.cjs → combobox-DMBUiR8Z.cjs}

@@ -1,4 +1,4 @@
-"use strict";const a=require("./element-CJ_QKaki.cjs"),c=require("./if-defined-Bc9-_I01.cjs"),d=require("./state-DSjcvzDN.cjs"),r=require("./ref-BFa5Utho.cjs"),y=require("./class-map-C_erArZz.cjs"),O=require("./repeat-BZb41H64.cjs"),$=require("./input-element-KUsQQ-1d.cjs"),I=require("./pkt-options-controller-CiuBG6Lt.cjs"),w=require("./pkt-slot-controller-BzddBp7z.cjs");require("./input-wrapper-B-Qseywc.cjs");require("./icon-BGuizDwk.cjs");require("./tag-EFUKrc8q.cjs");require("./listbox-DnoqOo5u.cjs");const C={displayValueAs:{default:"label"}},R={props:C};var V=Object.defineProperty,A=Object.getOwnPropertyDescriptor,h=(v,e,t,i)=>{for(var s=i>1?void 0:i?A(e,t):e,n=v.length-1,l;n>=0;n--)(l=v[n])&&(s=(i?l(e,t,s):l(s))||s);return i&&s&&V(e,t,s),s};exports.PktCombobox=class extends $.PktInputElement{constructor(){super(),this.helptextSlot=r.e(),this.value="",this.options=[],this.defaultOptions=[],this.allowUserInput=!1,this.typeahead=!1,this.includeSearch=!1,this.searchPlaceholder="",this.multiple=!1,this.maxlength=null,this.displayValueAs=R.props.displayValueAs.default,this.tagPlacement=null,this._options=[],this._isOptionsOpen=!1,this._value=[],this._userInfoMessage="",this._addValueText=null,this._maxIsReached=!1,this._search="",this._inputFocus=!1,this._editingSingleValue=!1,this.inputRef=r.e(),this.arrowRef=r.e(),this.listboxRef=r.e(),this.focusRef=r.e(),this.optionTagRef=r.e(),this.optionsController=new I.PktOptionsSlotController(this),this.slotController=new w.PktSlotController(this,this.helptextSlot),this.slotController.skipOptions=!0}connectedCallback(){var e;if(super.connectedCallback(),document&&document.body.addEventListener("click",t=>{this._isOptionsOpen&&!this.contains(t.target)&&this.handleFocusOut(t)}),this._options=[],this.defaultOptions&&this.defaultOptions.length){const t=((e=this.options)==null?void 0:e.filter(i=>i.userAdded))||[];this.options=[...t,...JSON.parse(JSON.stringify(this.defaultOptions))],this._options=Array.isArray(this.options)?[...this.options]:[]}if(this.optionsController.nodes.length){const t=[];this.optionsController.nodes.forEach(i=>{if(!i.textContent&&!i.getAttribute("value"))return null;const s={value:i.getAttribute("value")||i.textContent||"",label:i.textContent||i.getAttribute("value")||""};i.getAttribute("data-prefix")&&(s.prefix=i.getAttribute("data-prefix")||void 0),i.getAttribute("tagskincolor")&&(s.tagSkinColor=i.getAttribute("tagskincolor")),i.getAttribute("description")&&(s.description=i.getAttribute("description")||void 0),s.fulltext=s.value+s.label+(s.prefix||""),t.push(s)}),t.length&&(this.options=[...t],this._options=[...t])}}updated(e){if(e.has("_value")&&this.valueChanged(this._value,e.get("_value")),e.has("value")&&(Array.isArray(this.value)?this._value=this.value:this.value&&this.multiple?this._value=this.value.split(","):this.value?this._value=[this.value]:this._value=[],!this.multiple&&this._value.length>1&&(this._value=[this._value[0]]),this.isMaxItemsReached()),e.has("defaultOptions")&&this.defaultOptions.length){const t=(Array.isArray(this.options)?this.options:[]).filter(i=>i.userAdded)||[];this.options=[...t,...JSON.parse(JSON.stringify(this.defaultOptions))],this._options=Array.isArray(this.options)?[...this.options]:[]}if(e.has("options")){const s=(e.get("options")||this._options||[]).filter(l=>l&&l.userAdded).filter(l=>!(Array.isArray(this.options)?this.options:[]).some(o=>o.value===l.value)),n=[...s,...this.options];this._options=n,s.length>0&&(this.options=n),this._options.forEach(l=>{if(l.value&&!l.label&&(l.label=l.value),l.selected&&!this._value.includes(l.value)){const o=[...this._value];this._value=[...this._value,l.value],this.valueChanged(this._value,o)}l.fulltext=l.value+l.label+(l.prefix||""),l.selected=l.selected||this._value.includes(l.value)})}e.has("_search")&&this.dispatchEvent(new CustomEvent("search",{detail:this._search,bubbles:!1})),super.updated(e)}attributeChangedCallback(e,t,i){e==="value"&&(Array.isArray(this.value)?this._value=this.value:this.value&&this.multiple?this._value=this.value.split(","):this.value?this._value=[this.value]:this._value=[],!this.multiple&&this._value.length>1&&(this._value=[this._value[0]])),e==="options"&&(this._options=Array.isArray(this.options)?[...this.options]:[],this._options.forEach(s=>{s.value&&!s.label&&(s.label=s.value),s.selected&&!this._value.includes(s.value)&&(this._value=[...this._value,s.value]),s.fulltext=s.value+s.label+(s.prefix||"")}),this._search=""),super.attributeChangedCallback(e,t,i)}render(){return a.x`
+"use strict";const a=require("./element-CJ_QKaki.cjs"),c=require("./if-defined-Bc9-_I01.cjs"),d=require("./state-DSjcvzDN.cjs"),r=require("./ref-BFa5Utho.cjs"),y=require("./class-map-C_erArZz.cjs"),O=require("./repeat-BZb41H64.cjs"),$=require("./input-element-BmXkhljw.cjs"),I=require("./pkt-options-controller-CiuBG6Lt.cjs"),w=require("./pkt-slot-controller-BzddBp7z.cjs");require("./input-wrapper-B-Qseywc.cjs");require("./icon-BGuizDwk.cjs");require("./tag-CWj979b6.cjs");require("./listbox-DnoqOo5u.cjs");const C={displayValueAs:{default:"label"}},R={props:C};var V=Object.defineProperty,A=Object.getOwnPropertyDescriptor,h=(v,e,t,i)=>{for(var s=i>1?void 0:i?A(e,t):e,n=v.length-1,l;n>=0;n--)(l=v[n])&&(s=(i?l(e,t,s):l(s))||s);return i&&s&&V(e,t,s),s};exports.PktCombobox=class extends $.PktInputElement{constructor(){super(),this.helptextSlot=r.e(),this.value="",this.options=[],this.defaultOptions=[],this.allowUserInput=!1,this.typeahead=!1,this.includeSearch=!1,this.searchPlaceholder="",this.multiple=!1,this.maxlength=null,this.displayValueAs=R.props.displayValueAs.default,this.tagPlacement=null,this._options=[],this._isOptionsOpen=!1,this._value=[],this._userInfoMessage="",this._addValueText=null,this._maxIsReached=!1,this._search="",this._inputFocus=!1,this._editingSingleValue=!1,this.inputRef=r.e(),this.arrowRef=r.e(),this.listboxRef=r.e(),this.focusRef=r.e(),this.optionTagRef=r.e(),this.optionsController=new I.PktOptionsSlotController(this),this.slotController=new w.PktSlotController(this,this.helptextSlot),this.slotController.skipOptions=!0}connectedCallback(){var e;if(super.connectedCallback(),document&&document.body.addEventListener("click",t=>{this._isOptionsOpen&&!this.contains(t.target)&&this.handleFocusOut(t)}),this._options=[],this.defaultOptions&&this.defaultOptions.length){const t=((e=this.options)==null?void 0:e.filter(i=>i.userAdded))||[];this.options=[...t,...JSON.parse(JSON.stringify(this.defaultOptions))],this._options=Array.isArray(this.options)?[...this.options]:[]}if(this.optionsController.nodes.length){const t=[];this.optionsController.nodes.forEach(i=>{if(!i.textContent&&!i.getAttribute("value"))return null;const s={value:i.getAttribute("value")||i.textContent||"",label:i.textContent||i.getAttribute("value")||""};i.getAttribute("data-prefix")&&(s.prefix=i.getAttribute("data-prefix")||void 0),i.getAttribute("tagskincolor")&&(s.tagSkinColor=i.getAttribute("tagskincolor")),i.getAttribute("description")&&(s.description=i.getAttribute("description")||void 0),s.fulltext=s.value+s.label+(s.prefix||""),t.push(s)}),t.length&&(this.options=[...t],this._options=[...t])}}updated(e){if(e.has("_value")&&this.valueChanged(this._value,e.get("_value")),e.has("value")&&(Array.isArray(this.value)?this._value=this.value:this.value&&this.multiple?this._value=this.value.split(","):this.value?this._value=[this.value]:this._value=[],!this.multiple&&this._value.length>1&&(this._value=[this._value[0]]),this.isMaxItemsReached()),e.has("defaultOptions")&&this.defaultOptions.length){const t=(Array.isArray(this.options)?this.options:[]).filter(i=>i.userAdded)||[];this.options=[...t,...JSON.parse(JSON.stringify(this.defaultOptions))],this._options=Array.isArray(this.options)?[...this.options]:[]}if(e.has("options")){const s=(e.get("options")||this._options||[]).filter(l=>l&&l.userAdded).filter(l=>!(Array.isArray(this.options)?this.options:[]).some(o=>o.value===l.value)),n=[...s,...this.options];this._options=n,s.length>0&&(this.options=n),this._options.forEach(l=>{if(l.value&&!l.label&&(l.label=l.value),l.selected&&!this._value.includes(l.value)){const o=[...this._value];this._value=[...this._value,l.value],this.valueChanged(this._value,o)}l.fulltext=l.value+l.label+(l.prefix||""),l.selected=l.selected||this._value.includes(l.value)})}e.has("_search")&&this.dispatchEvent(new CustomEvent("search",{detail:this._search,bubbles:!1})),super.updated(e)}attributeChangedCallback(e,t,i){e==="value"&&(Array.isArray(this.value)?this._value=this.value:this.value&&this.multiple?this._value=this.value.split(","):this.value?this._value=[this.value]:this._value=[],!this.multiple&&this._value.length>1&&(this._value=[this._value[0]])),e==="options"&&(this._options=Array.isArray(this.options)?[...this.options]:[],this._options.forEach(s=>{s.value&&!s.label&&(s.label=s.value),s.selected&&!this._value.includes(s.value)&&(this._value=[...this._value,s.value]),s.fulltext=s.value+s.label+(s.prefix||"")}),this._search=""),super.attributeChangedCallback(e,t,i)}render(){return a.x`
       <pkt-input-wrapper
         .label=${this.label}
         .helptext=${this.helptext}
@@ -14,7 +14,7 @@
         ?requiredTag=${this.requiredTag}
         .requiredText=${this.requiredText}
         .tagText=${this.tagText}
-        ?useWrapper=${this.useWrapper}
+        useWrapper=${this.useWrapper}
         .forId=${this.allowUserInput||this.typeahead?this.id+"-input":this.id+"-arrow"}
         class="pkt-combobox__wrapper"
         @labelClick=${this.handleInputClick}

package/dist/{datepicker-DEO1C69C.cjs → datepicker-C1Virx9Z.cjs}

@@ -1,4 +1,4 @@
-"use strict";const a=require("./element-CJ_QKaki.cjs"),_=require("./state-DSjcvzDN.cjs"),u=require("./calendar-Dz1Cnzx5.cjs"),I=require("./input-element-KUsQQ-1d.cjs"),p=require("./ref-BFa5Utho.cjs");require("./icon-BGuizDwk.cjs");require("./input-wrapper-B-Qseywc.cjs");const f=require("./class-map-C_erArZz.cjs"),O=require("./repeat-BZb41H64.cjs");require("./tag-EFUKrc8q.cjs");const S=require("./utils-byXsEz1u.cjs"),y=require("./if-defined-Bc9-_I01.cjs"),B=require("./pkt-slot-controller-BzddBp7z.cjs");var A=Object.defineProperty,M=Object.getOwnPropertyDescriptor,w=(i,e,t,s)=>{for(var n=s>1?void 0:s?M(e,t):e,l=i.length-1,r;l>=0;l--)(r=i[l])&&(n=(s?r(e,t,n):r(n))||n);return s&&n&&A(e,t,n),n};exports.PktDateTags=class extends a.PktElement{constructor(){super(...arguments),this.dates=[],this.dateformat="dd.MM.yyyy",this.className="pkt-datepicker__tags",this.idBase=S.uuidish()}render(){return this.classes={"pkt-date-tags":!0,[this.className]:!0},a.x`
+"use strict";const a=require("./element-CJ_QKaki.cjs"),_=require("./state-DSjcvzDN.cjs"),u=require("./calendar-Dz1Cnzx5.cjs"),I=require("./input-element-BmXkhljw.cjs"),p=require("./ref-BFa5Utho.cjs");require("./icon-BGuizDwk.cjs");require("./input-wrapper-B-Qseywc.cjs");const f=require("./class-map-C_erArZz.cjs"),O=require("./repeat-BZb41H64.cjs");require("./tag-CWj979b6.cjs");const S=require("./utils-byXsEz1u.cjs"),y=require("./if-defined-Bc9-_I01.cjs"),B=require("./pkt-slot-controller-BzddBp7z.cjs");var A=Object.defineProperty,M=Object.getOwnPropertyDescriptor,w=(i,e,t,s)=>{for(var n=s>1?void 0:s?M(e,t):e,l=i.length-1,r;l>=0;l--)(r=i[l])&&(n=(s?r(e,t,n):r(n))||n);return s&&n&&A(e,t,n),n};exports.PktDateTags=class extends a.PktElement{constructor(){super(...arguments),this.dates=[],this.dateformat="dd.MM.yyyy",this.className="pkt-datepicker__tags",this.idBase=S.uuidish()}render(){return this.classes={"pkt-date-tags":!0,[this.className]:!0},a.x`
       <div class=${f.e(this.classes)} aria-live="polite">
         ${Array.isArray(this.dates)&&this.dates[0]?O.c(u.sortDateStrings((this.dates??[]).filter(Boolean)),e=>e,e=>{var t;return a.x` <pkt-tag
                   id=${this.idBase+e+"-tag"}
@@ -260,7 +260,7 @@
         ?required=${this.required}
         ?optionalTag=${this.optionalTag}
         ?requiredTag=${this.requiredTag}
-        ?useWrapper=${this.useWrapper}
+        useWrapper=${this.useWrapper}
         .optionalText=${this.optionalText}
         .requiredText=${this.requiredText}
         .tagText=${this.tagText}

package/dist/{datepicker-q9haFM81.js → datepicker-p2LxVkLS.js}

@@ -1,13 +1,13 @@
 import { P as I, E as A, x as d, n as a, a as R } from "./element-CRDRygXu.js";
 import { r as q } from "./state-DS_kr2Fy.js";
 import { s as U, f as N, n as j, a as W, i as H, b as L, v as O, d as G, e as J, p as Q, g as z } from "./calendar-Bz27nuTP.js";
-import { P as X } from "./input-element-Dqu8udwd.js";
+import { P as X } from "./input-element-B0VPRK_E.js";
 import { e as u, n as c } from "./ref-Xa5dbh--.js";
 import "./icon-1dy7UZcu.js";
 import "./input-wrapper-Wu3Yv-bn.js";
 import { e as k } from "./class-map-wy7PUk0P.js";
 import { c as Y } from "./repeat-CJ79egkN.js";
-import "./tag-CqMgt01I.js";
+import "./tag-DDfymBgc.js";
 import { u as Z, s as tt } from "./utils-DznhwRXm.js";
 import { o as C } from "./if-defined-BWZGb3bh.js";
 import { P as et } from "./pkt-slot-controller-BPGj-LC5.js";
@@ -1217,7 +1217,7 @@ let p = class extends X {
         ?required=${this.required}
         ?optionalTag=${this.optionalTag}
         ?requiredTag=${this.requiredTag}
-        ?useWrapper=${this.useWrapper}
+        useWrapper=${this.useWrapper}
         .optionalText=${this.optionalText}
         .requiredText=${this.requiredText}
         .tagText=${this.tagText}

package/dist/index.d.ts

@@ -11,6 +11,8 @@ declare type Booleanish = boolean | 'true' | 'false';
 
 declare type Booleanish_2 = boolean | 'true' | 'false';
 
+declare type Booleanish_3 = boolean | 'true' | 'false';
+
 /**
  * We define all props as optional. Native HTML attributes are optional by default,
  * but the TS definition require either null or value. This way we can support showing a value as optional
@@ -959,7 +961,7 @@ declare class PktInputElement<T = {}> extends PktElement<Props_2 & T> {
     optionalTag: boolean;
     requiredTag: boolean;
     skipForwardTestid: boolean;
-    useWrapper: boolean;
+    useWrapper: Booleanish_2;
     fullwidth: boolean;
     counterMaxLength: number;
     errorMessage: string;
@@ -1017,7 +1019,7 @@ export declare class PktInputWrapper extends PktElement<Props_6> {
     ariaDescribedby: string | undefined;
     hasFieldset: boolean;
     role: string | null;
-    useWrapper: Booleanish_2;
+    useWrapper: Booleanish_3;
     protected updated(changedProperties: PropertyValues): void;
     render(): TemplateResult<1>;
     private toggleDropdown;

package/dist/{input-element-Dqu8udwd.js → input-element-B0VPRK_E.js}

@@ -1,12 +1,12 @@
-import { P as Fe, t as g, n as d } from "./element-CRDRygXu.js";
-import { r as Ce } from "./state-DS_kr2Fy.js";
+import { P as Ce, t as b, n as d } from "./element-CRDRygXu.js";
+import { r as Fe } from "./state-DS_kr2Fy.js";
 import { u as Te } from "./utils-DznhwRXm.js";
-import { s as Se } from "./input-wrapper-CDgenrYA.js";
+import { s as Ae } from "./input-wrapper-CDgenrYA.js";
 var oe = {}, le;
-function Ae() {
+function Se() {
   return le || (le = 1, (function() {
-    (function(M) {
-      const s = /* @__PURE__ */ new WeakMap(), h = /* @__PURE__ */ new WeakMap(), p = /* @__PURE__ */ new WeakMap(), u = /* @__PURE__ */ new WeakMap(), y = /* @__PURE__ */ new WeakMap(), V = /* @__PURE__ */ new WeakMap(), C = /* @__PURE__ */ new WeakMap(), b = /* @__PURE__ */ new WeakMap(), T = /* @__PURE__ */ new WeakMap(), F = /* @__PURE__ */ new WeakMap(), S = /* @__PURE__ */ new WeakMap(), A = /* @__PURE__ */ new WeakMap(), U = /* @__PURE__ */ new WeakMap(), z = /* @__PURE__ */ new WeakMap(), I = /* @__PURE__ */ new WeakMap(), L = {
+    (function(f) {
+      const s = /* @__PURE__ */ new WeakMap(), h = /* @__PURE__ */ new WeakMap(), m = /* @__PURE__ */ new WeakMap(), u = /* @__PURE__ */ new WeakMap(), g = /* @__PURE__ */ new WeakMap(), V = /* @__PURE__ */ new WeakMap(), F = /* @__PURE__ */ new WeakMap(), v = /* @__PURE__ */ new WeakMap(), T = /* @__PURE__ */ new WeakMap(), C = /* @__PURE__ */ new WeakMap(), A = /* @__PURE__ */ new WeakMap(), S = /* @__PURE__ */ new WeakMap(), U = /* @__PURE__ */ new WeakMap(), z = /* @__PURE__ */ new WeakMap(), I = /* @__PURE__ */ new WeakMap(), L = {
         ariaAtomic: "aria-atomic",
         ariaAutoComplete: "aria-autocomplete",
         ariaBusy: "aria-busy",
@@ -59,7 +59,7 @@ function Ae() {
               return a;
             },
             set(n) {
-              a = n, t.isConnected ? k(t, r, n) : F.set(t, e);
+              a = n, t.isConnected ? k(t, r, n) : C.set(t, e);
             }
           });
         }
@@ -91,31 +91,31 @@ function Ae() {
         t.forEach((e) => {
           const { addedNodes: i, removedNodes: a } = e, r = Array.from(i), n = Array.from(a);
           r.forEach((o) => {
-            var m;
-            if (u.has(o) && o.constructor.formAssociated && K(o), F.has(o)) {
-              const f = F.get(o);
-              Object.keys(L).filter((v) => f[v] !== null).forEach((v) => {
-                k(o, L[v], f[v]);
-              }), F.delete(o);
+            var y;
+            if (u.has(o) && o.constructor.formAssociated && K(o), C.has(o)) {
+              const p = C.get(o);
+              Object.keys(L).filter((w) => p[w] !== null).forEach((w) => {
+                k(o, L[w], p[w]);
+              }), C.delete(o);
             }
             if (I.has(o)) {
-              const f = I.get(o);
-              k(o, "internals-valid", f.validity.valid.toString()), k(o, "internals-invalid", (!f.validity.valid).toString()), k(o, "aria-invalid", (!f.validity.valid).toString()), I.delete(o);
+              const p = I.get(o);
+              k(o, "internals-valid", p.validity.valid.toString()), k(o, "internals-invalid", (!p.validity.valid).toString()), k(o, "aria-invalid", (!p.validity.valid).toString()), I.delete(o);
             }
             if (o.localName === "form") {
-              const f = b.get(o), E = document.createTreeWalker(o, NodeFilter.SHOW_ELEMENT, {
+              const p = v.get(o), M = document.createTreeWalker(o, NodeFilter.SHOW_ELEMENT, {
                 acceptNode($) {
-                  return u.has($) && $.constructor.formAssociated && !(f && f.has($)) ? NodeFilter.FILTER_ACCEPT : NodeFilter.FILTER_SKIP;
+                  return u.has($) && $.constructor.formAssociated && !(p && p.has($)) ? NodeFilter.FILTER_ACCEPT : NodeFilter.FILTER_SKIP;
                 }
               });
-              let v = E.nextNode();
-              for (; v; )
-                K(v), v = E.nextNode();
+              let w = M.nextNode();
+              for (; w; )
+                K(w), w = M.nextNode();
             }
-            o.localName === "fieldset" && ((m = N.observe) === null || m === void 0 || m.call(N, o, G), j(o, !0));
+            o.localName === "fieldset" && ((y = N.observe) === null || y === void 0 || y.call(N, o, G), j(o, !0));
           }), n.forEach((o) => {
-            const m = u.get(o);
-            m && p.get(m) && J(m), C.has(o) && C.get(o).disconnect();
+            const y = u.get(o);
+            y && m.get(y) && J(y), F.has(o) && F.get(o).disconnect();
           });
         });
       }
@@ -142,15 +142,15 @@ function Ae() {
       }, W = (t, e) => {
         t.toggleAttribute("internals-disabled", e), e ? k(t, "aria-disabled", "true") : t.removeAttribute("aria-disabled"), t.formDisabledCallback && t.formDisabledCallback.apply(t, [e]);
       }, J = (t) => {
-        p.get(t).forEach((i) => {
+        m.get(t).forEach((i) => {
           i.remove();
-        }), p.set(t, []);
+        }), m.set(t, []);
       }, Q = (t, e) => {
         const i = document.createElement("input");
-        return i.type = "hidden", i.name = t.getAttribute("name"), t.after(i), p.get(e).push(i), i;
+        return i.type = "hidden", i.name = t.getAttribute("name"), t.after(i), m.get(e).push(i), i;
       }, ue = (t, e) => {
         var i;
-        p.set(e, []), (i = N.observe) === null || i === void 0 || i.call(N, t, G);
+        m.set(e, []), (i = N.observe) === null || i === void 0 || i.call(N, t, G);
       }, X = (t, e) => {
         if (e.length) {
           Array.from(e).forEach((a) => a.addEventListener("click", t.click.bind(t)));
@@ -158,7 +158,7 @@ function Ae() {
           e[0].id || (i = `${e[0].htmlFor}_Label`, e[0].id = i), k(t, "aria-labelledby", i);
         }
       }, R = (t) => {
-        const e = Array.from(t.elements).filter((n) => !n.tagName.includes("-") && n.validity).map((n) => n.validity.valid), i = b.get(t) || [], a = Array.from(i).filter((n) => n.isConnected).map((n) => u.get(n).validity.valid), r = [...e, ...a].includes(!1);
+        const e = Array.from(t.elements).filter((n) => !n.tagName.includes("-") && n.validity).map((n) => n.validity.valid), i = v.get(t) || [], a = Array.from(i).filter((n) => n.isConnected).map((n) => u.get(n).validity.valid), r = [...e, ...a].includes(!1);
         t.toggleAttribute("internals-invalid", r), t.toggleAttribute("internals-valid", !r);
       }, fe = (t) => {
         R(O(t.target));
@@ -168,25 +168,25 @@ function Ae() {
         const e = ["button[type=submit]", "input[type=submit]", "button:not([type])"].map((i) => `${i}:not([disabled])`).map((i) => `${i}:not([form])${t.id ? `,${i}[form='${t.id}']` : ""}`).join(",");
         t.addEventListener("click", (i) => {
           if (i.target.closest(e)) {
-            const r = b.get(t);
+            const r = v.get(t);
             if (t.noValidate)
               return;
-            r.size && Array.from(r).reverse().map((m) => u.get(m).reportValidity()).includes(!1) && i.preventDefault();
+            r.size && Array.from(r).reverse().map((y) => u.get(y).reportValidity()).includes(!1) && i.preventDefault();
           }
         });
       }, ye = (t) => {
-        const e = b.get(t.target);
+        const e = v.get(t.target);
         e && e.size && e.forEach((i) => {
           i.constructor.formAssociated && i.formResetCallback && i.formResetCallback.apply(i);
         });
       }, Y = (t, e, i) => {
         if (e) {
-          const a = b.get(e);
+          const a = v.get(e);
           if (a)
             a.add(t);
           else {
             const r = /* @__PURE__ */ new Set();
-            r.add(t), b.set(e, r), me(e), e.addEventListener("reset", ye), e.addEventListener("input", fe), e.addEventListener("change", pe);
+            r.add(t), v.set(e, r), me(e), e.addEventListener("reset", ye), e.addEventListener("input", fe), e.addEventListener("change", pe);
           }
           V.set(e, { ref: t, internals: i }), t.constructor.formAssociated && t.formAssociatedCallback && setTimeout(() => {
             t.formAssociatedCallback.apply(t, [e]);
@@ -195,11 +195,11 @@ function Ae() {
       }, O = (t) => {
         let e = t.parentNode;
         return e && e.tagName !== "FORM" && (e = O(e)), e;
-      }, w = (t, e, i = DOMException) => {
+      }, E = (t, e, i = DOMException) => {
         if (!t.constructor.formAssociated)
           throw new i(e);
       }, Z = (t, e, i) => {
-        const a = b.get(t);
+        const a = v.get(t);
         return a && a.size && a.forEach((r) => {
           u.get(r)[i]() || (e = !1);
         }), e;
@@ -302,11 +302,11 @@ function Ae() {
         const { get: r } = Object.getOwnPropertyDescriptor(HTMLFormElement.prototype, "elements");
         Object.defineProperty(HTMLFormElement.prototype, "elements", {
           get(...n) {
-            const o = r.call(this, ...n), m = Array.from(b.get(this) || []);
-            if (m.length === 0)
+            const o = r.call(this, ...n), y = Array.from(v.get(this) || []);
+            if (y.length === 0)
               return o;
-            const f = Array.from(o).concat(m).sort((E, v) => E.compareDocumentPosition ? E.compareDocumentPosition(v) & 2 ? 1 : -1 : 0);
-            return new Me(f);
+            const p = Array.from(o).concat(y).sort((M, w) => M.compareDocumentPosition ? M.compareDocumentPosition(w) & 2 ? 1 : -1 : 0);
+            return new Me(p);
           }
         });
       }
@@ -322,7 +322,7 @@ function Ae() {
         }
         checkValidity() {
           const e = s.get(this);
-          if (w(e, "Failed to execute 'checkValidity' on 'ElementInternals': The target element is not a form-associated custom element."), !this.willValidate)
+          if (E(e, "Failed to execute 'checkValidity' on 'ElementInternals': The target element is not a form-associated custom element."), !this.willValidate)
             return !0;
           const i = h.get(this);
           if (!i.valid) {
@@ -337,28 +337,28 @@ function Ae() {
         }
         get form() {
           const e = s.get(this);
-          w(e, "Failed to read the 'form' property from 'ElementInternals': The target element is not a form-associated custom element.");
+          E(e, "Failed to read the 'form' property from 'ElementInternals': The target element is not a form-associated custom element.");
           let i;
           return e.constructor.formAssociated === !0 && (i = O(e)), i;
         }
         get labels() {
           const e = s.get(this);
-          w(e, "Failed to read the 'labels' property from 'ElementInternals': The target element is not a form-associated custom element.");
+          E(e, "Failed to read the 'labels' property from 'ElementInternals': The target element is not a form-associated custom element.");
           const i = e.getAttribute("id"), a = e.getRootNode();
           return a && i ? a.querySelectorAll(`[for="${i}"]`) : [];
         }
         reportValidity() {
           const e = s.get(this);
-          if (w(e, "Failed to execute 'reportValidity' on 'ElementInternals': The target element is not a form-associated custom element."), !this.willValidate)
+          if (E(e, "Failed to execute 'reportValidity' on 'ElementInternals': The target element is not a form-associated custom element."), !this.willValidate)
             return !0;
-          const i = this.checkValidity(), a = A.get(this);
+          const i = this.checkValidity(), a = S.get(this);
           if (a && !e.constructor.formAssociated)
             throw new DOMException("Failed to execute 'reportValidity' on 'ElementInternals': The target element is not a form-associated custom element.");
           return !i && a && (e.focus(), a.focus()), i;
         }
         setFormValue(e) {
           const i = s.get(this);
-          if (w(i, "Failed to execute 'setFormValue' on 'ElementInternals': The target element is not a form-associated custom element."), J(this), e != null && !(e instanceof FormData)) {
+          if (E(i, "Failed to execute 'setFormValue' on 'ElementInternals': The target element is not a form-associated custom element."), J(this), e != null && !(e instanceof FormData)) {
             if (i.getAttribute("name")) {
               const a = Q(i, this);
               a.value = e;
@@ -373,35 +373,35 @@ function Ae() {
         }
         setValidity(e, i, a) {
           const r = s.get(this);
-          if (w(r, "Failed to execute 'setValidity' on 'ElementInternals': The target element is not a form-associated custom element."), !e)
+          if (E(r, "Failed to execute 'setValidity' on 'ElementInternals': The target element is not a form-associated custom element."), !e)
             throw new TypeError("Failed to execute 'setValidity' on 'ElementInternals': 1 argument required, but only 0 present.");
-          A.set(this, a);
+          S.set(this, a);
           const n = h.get(this), o = {};
-          for (const E in e)
-            o[E] = e[E];
+          for (const M in e)
+            o[M] = e[M];
           Object.keys(o).length === 0 && be(n);
-          const m = Object.assign(Object.assign({}, n), o);
-          delete m.valid;
-          const { valid: f } = ve(n, m, this.form);
-          if (!f && !i)
+          const y = Object.assign(Object.assign({}, n), o);
+          delete y.valid;
+          const { valid: p } = ve(n, y, this.form);
+          if (!p && !i)
             throw new DOMException("Failed to execute 'setValidity' on 'ElementInternals': The second argument should not be empty if one or more flags in the first argument are true.");
-          y.set(this, f ? "" : i), r.isConnected ? (r.toggleAttribute("internals-invalid", !f), r.toggleAttribute("internals-valid", f), k(r, "aria-invalid", `${!f}`)) : I.set(r, this);
+          g.set(this, p ? "" : i), r.isConnected ? (r.toggleAttribute("internals-invalid", !p), r.toggleAttribute("internals-valid", p), k(r, "aria-invalid", `${!p}`)) : I.set(r, this);
         }
         get shadowRoot() {
-          const e = s.get(this), i = S.get(e);
+          const e = s.get(this), i = A.get(e);
           return i || null;
         }
         get validationMessage() {
           const e = s.get(this);
-          return w(e, "Failed to read the 'validationMessage' property from 'ElementInternals': The target element is not a form-associated custom element."), y.get(this);
+          return E(e, "Failed to read the 'validationMessage' property from 'ElementInternals': The target element is not a form-associated custom element."), g.get(this);
         }
         get validity() {
           const e = s.get(this);
-          return w(e, "Failed to read the 'validity' property from 'ElementInternals': The target element is not a form-associated custom element."), h.get(this);
+          return E(e, "Failed to read the 'validity' property from 'ElementInternals': The target element is not a form-associated custom element."), h.get(this);
         }
         get willValidate() {
           const e = s.get(this);
-          return w(e, "Failed to read the 'willValidate' property from 'ElementInternals': The target element is not a form-associated custom element."), !(e.disabled || e.hasAttribute("disabled") || e.hasAttribute("readonly"));
+          return E(e, "Failed to read the 'willValidate' property from 'ElementInternals': The target element is not a form-associated custom element."), !(e.disabled || e.hasAttribute("disabled") || e.hasAttribute("readonly"));
         }
       }
       function Ve() {
@@ -460,9 +460,9 @@ function Ae() {
           }), typeof Element < "u") {
             let e = function(...a) {
               const r = i.apply(this, a);
-              if (S.set(this, r), D()) {
+              if (A.set(this, r), D()) {
                 const n = new MutationObserver(P);
-                window.ShadyDOM ? n.observe(this, H) : n.observe(r, H), C.set(this, n);
+                window.ShadyDOM ? n.observe(this, H) : n.observe(r, H), F.set(this, n);
               }
               return r;
             };
@@ -472,45 +472,53 @@ function Ae() {
           D() && typeof document < "u" && new MutationObserver(P).observe(document.documentElement, H), typeof HTMLFormElement < "u" && ke(), (t || typeof window < "u" && !window.CustomStateSet) && q();
         }
       }
-      return !!customElements.polyfillWrapFlushCallback || (Ve() ? typeof window < "u" && !window.CustomStateSet && q(HTMLElement.prototype.attachInternals) : ne(!1)), M.forceCustomStateSetPolyfill = q, M.forceElementInternalsPolyfill = ne, Object.defineProperty(M, "__esModule", { value: !0 }), M;
+      return !!customElements.polyfillWrapFlushCallback || (Ve() ? typeof window < "u" && !window.CustomStateSet && q(HTMLElement.prototype.attachInternals) : ne(!1)), f.forceCustomStateSetPolyfill = q, f.forceElementInternalsPolyfill = ne, Object.defineProperty(f, "__esModule", { value: !0 }), f;
     })({});
   })()), oe;
 }
-Ae();
-var xe = Object.defineProperty, l = (M, s, h, p) => {
-  for (var u = void 0, y = M.length - 1, V; y >= 0; y--)
-    (V = M[y]) && (u = V(s, h, u) || u);
+Se();
+var xe = Object.defineProperty, l = (f, s, h, m) => {
+  for (var u = void 0, g = f.length - 1, V; g >= 0; g--)
+    (V = f[g]) && (u = V(s, h, u) || u);
   return u && xe(s, h, u), u;
 };
-class c extends Fe {
+const Ie = {
+  fromAttribute(f) {
+    return f == null ? !1 : f === "" || f === "true" || f === !0 ? !0 : f === "false" || f === !1 ? !1 : !!f;
+  },
+  toAttribute(f) {
+    return f ? "true" : "false";
+  }
+};
+class c extends Ce {
   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.step = null, this.ariaDescribedBy = null, this.ariaLabelledby = null, this.name = "", this.pattern = null, this.placeholder = null, this.id = Te(), this.counter = !1, this.hasError = !1, this.inline = !1, this.hasFieldset = !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 = Se.props.helptextDropdownButton.default, this.label = null, this.optionalText = g.forms.labels.optional, this.requiredText = g.forms.labels.required, this.tagText = null, 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.step = null, this.ariaDescribedBy = null, this.ariaLabelledby = null, this.name = "", this.pattern = null, this.placeholder = null, this.id = Te(), this.counter = !1, this.hasError = !1, this.inline = !1, this.hasFieldset = !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 = Ae.props.helptextDropdownButton.default, this.label = null, this.optionalText = b.forms.labels.optional, this.requiredText = b.forms.labels.required, this.tagText = null, this.dataTestid = "", this.touched = !1, this.internals = this.attachInternals();
   }
   static get formAssociated() {
     return !0;
   }
   manageValidity(s) {
-    var h, p, u, y, V, C, b, T, F, S, A;
-    s && (this.required && !this.value ? this.internals.setValidity({ valueMissing: !0 }, g.forms.messages.required, s) : (h = s.validity) != null && h.typeMismatch || (p = s.validity) != null && p.badInput ? this.internals.setValidity({ typeMismatch: !0 }, g.forms.messages.invalid, s) : (u = s.validity) != null && u.patternMismatch ? this.internals.setValidity(
+    var h, m, u, g, V, F, v, T, C, A, S;
+    s && (this.required && !this.value ? this.internals.setValidity({ valueMissing: !0 }, b.forms.messages.required, s) : (h = s.validity) != null && h.typeMismatch || (m = s.validity) != null && m.badInput ? this.internals.setValidity({ typeMismatch: !0 }, b.forms.messages.invalid, s) : (u = s.validity) != null && u.patternMismatch ? this.internals.setValidity(
       { patternMismatch: !0 },
-      g.forms.messages.invalidPattern,
+      b.forms.messages.invalidPattern,
       s
-    ) : (y = s.validity) != null && y.tooShort || this.minlength && this.minlength > 0 && this.value.length < this.minlength ? this.internals.setValidity({ tooShort: !0 }, g.forms.messages.tooShort, s) : (V = s.validity) != null && V.tooLong || this.maxlength && this.maxlength > 0 && this.value.length > this.maxlength ? this.internals.setValidity({ tooLong: !0 }, g.forms.messages.tooLong, s) : (C = s.validity) != null && C.rangeUnderflow ? this.internals.setValidity(
+    ) : (g = s.validity) != null && g.tooShort || this.minlength && this.minlength > 0 && this.value.length < this.minlength ? this.internals.setValidity({ tooShort: !0 }, b.forms.messages.tooShort, s) : (V = s.validity) != null && V.tooLong || this.maxlength && this.maxlength > 0 && this.value.length > this.maxlength ? this.internals.setValidity({ tooLong: !0 }, b.forms.messages.tooLong, s) : (F = s.validity) != null && F.rangeUnderflow ? this.internals.setValidity(
       { rangeUnderflow: !0 },
-      this.min ? g.forms.messages.rangeUnderflowMin.replace("{min}", (b = this.min) == null ? void 0 : b.toString()) : g.forms.messages.rangeUnderflow,
+      this.min ? b.forms.messages.rangeUnderflowMin.replace("{min}", (v = this.min) == null ? void 0 : v.toString()) : b.forms.messages.rangeUnderflow,
       s
-    ) : (T = s.validity) != null && T.stepMismatch ? this.internals.setValidity({ stepMismatch: !0 }, g.forms.messages.invalid, s) : (F = s.validity) != null && F.rangeOverflow ? this.internals.setValidity(
+    ) : (T = s.validity) != null && T.stepMismatch ? this.internals.setValidity({ stepMismatch: !0 }, b.forms.messages.invalid, s) : (C = s.validity) != null && C.rangeOverflow ? this.internals.setValidity(
       { rangeOverflow: !0 },
-      this.max ? g.forms.messages.rangeOverflowMax.replace("{max}", (S = this.max) == null ? void 0 : S.toString()) : g.forms.messages.rangeOverflow,
+      this.max ? b.forms.messages.rangeOverflowMax.replace("{max}", (A = this.max) == null ? void 0 : A.toString()) : b.forms.messages.rangeOverflow,
       s
-    ) : (A = s.validity) != null && A.customError ? this.internals.setValidity({ customError: !0 }, s.validationMessage, s) : this.internals.setValidity({}));
+    ) : (S = s.validity) != null && S.customError ? this.internals.setValidity({ customError: !0 }, s.validationMessage, s) : this.internals.setValidity({}));
   }
   setFormValue(s) {
     if (this.internals)
       if (Array.isArray(s)) {
         const h = new FormData();
-        s.forEach((p) => {
-          h.append(this.name, p);
+        s.forEach((m) => {
+          h.append(this.name, m);
         }), this.internals.setFormValue(h);
       } else
         this.internals.setFormValue(s);
@@ -519,13 +527,13 @@ class c extends Fe {
   // Do not use valueChanged or onChange for radios and checkboxes!
   valueChecked(s) {
     if (!this.touched) return;
-    const h = this.internals.form || this.closest("form"), p = h ? new FormData(h) : null;
+    const h = this.internals.form || this.closest("form"), m = h ? new FormData(h) : null;
     h && h.querySelectorAll(
       `pkt-radiobutton[name="${this.name}"], input[type=radio][name="${this.name}"]`
     ).forEach((u) => {
-      const y = u;
-      y.name === this.name && y.value !== this.value && y.checked && (y.checked = !1);
-    }), typeof s == "string" ? (this.checked = s === "true", this.internals.ariaChecked = s === "true") : typeof s == "boolean" && (this.checked = s, this.internals.ariaChecked = s), this.checked ? (this.internals.setFormValue(this.value || "on", this.value || "on"), p && p.append(this.name, this.value || "on"), this.internals.states.add("--checked")) : (this.internals.setFormValue(null, null), p && p.delete(this.name), this.internals.states.delete("--checked")), this.dispatchEvent(new Event("change", { bubbles: !0, composed: !0 })), this.dispatchEvent(
+      const g = u;
+      g.name === this.name && g.value !== this.value && g.checked && (g.checked = !1);
+    }), typeof s == "string" ? (this.checked = s === "true", this.internals.ariaChecked = s === "true") : typeof s == "boolean" && (this.checked = s, this.internals.ariaChecked = s), this.checked ? (this.internals.setFormValue(this.value || "on", this.value || "on"), m && m.append(this.name, this.value || "on"), this.internals.states.add("--checked")) : (this.internals.setFormValue(null, null), m && m.delete(this.name), this.internals.states.delete("--checked")), this.dispatchEvent(new Event("change", { bubbles: !0, composed: !0 })), this.dispatchEvent(
       new CustomEvent("value-change", {
         detail: this.checked,
         bubbles: !0,
@@ -664,7 +672,7 @@ l([
   d({ type: Boolean })
 ], c.prototype, "skipForwardTestid");
 l([
-  d({ type: Boolean, reflect: !1 })
+  d({ type: Boolean, reflect: !0, converter: Ie })
 ], c.prototype, "useWrapper");
 l([
   d({ type: Boolean, reflect: !0 })
@@ -700,7 +708,7 @@ l([
   d({ type: String, attribute: "data-testid" })
 ], c.prototype, "dataTestid");
 l([
-  Ce()
+  Fe()
 ], c.prototype, "touched");
 export {
   c as P