@oslokommune/punkt-elements 12.42.0 → 12.42.1

package/CHANGELOG.md

@@ -5,6 +5,23 @@ og skriver commits ca etter [Conventional Commits](https://conventionalcommits.o
 
 ---
 
+## [12.42.1](https://github.com/oslokommune/punkt/compare/12.42.0...12.42.1) (2025-06-12)
+
+### ⚠ BREAKING CHANGES
+Ingen
+
+### Features
+Ingen
+
+### Bug Fixes
+Ingen
+
+### Chores
+Ingen
+
+---
+
+
 ## [12.42.0](https://github.com/oslokommune/punkt/compare/12.41.1...12.42.0) (2025-06-12)
 
 ### ⚠ BREAKING CHANGES

package/dist/{combobox-DMkMUJfx.cjs → combobox-BxW5wREE.cjs}

@@ -1,4 +1,4 @@
-"use strict";const a=require("./element-90YeMNbV.cjs"),c=require("./if-defined-C8eotHpL.cjs"),d=require("./state-D-Recv7U.cjs"),r=require("./ref-B-w1vCo8.cjs"),O=require("./class-map-DWDPOqjO.cjs"),I=require("./repeat-CxQA3AeF.cjs"),$=require("./input-element-CInrWeac.cjs"),y=require("./pkt-options-controller-Ay9ELZTV.cjs"),w=require("./pkt-slot-controller-Da-RgXfS.cjs");require("./input-wrapper-B_TtkGqo.cjs");require("./icon-B1_BRNqf.cjs");require("./tag-lU4vz70a.cjs");require("./listbox-AjDNhDsQ.cjs");const C={displayValueAs:{default:"label"}},R={props:C};var V=Object.defineProperty,S=Object.getOwnPropertyDescriptor,o=(b,e,t,i)=>{for(var s=i>1?void 0:i?S(e,t):e,l=b.length-1,n;l>=0;l--)(n=b[l])&&(s=(i?n(e,t,s):n(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 y.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,...structuredClone(this.defaultOptions)],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){var t;if(e.has("_value")&&this.valueChanged(this._value,e.get("_value")),e.has("value")&&(this._value=Array.isArray(this.value)?this.value:this.value?this.value.split(","):[],!this.multiple&&this._value.length>1&&(this._value=[this._value[0]]),this.isMaxItemsReached()),e.has("defaultOptions")&&this.defaultOptions.length){const i=((t=this.options)==null?void 0:t.filter(s=>s.userAdded))||[];this.options=[...i,...structuredClone(this.defaultOptions)],this._options=[...this.options]}if(e.has("options")&&this.options.length){const s=this._options.filter(l=>l.userAdded).filter(l=>!this.options.some(n=>n.value===l.value));this._options=[...s,...this.options],this._options.forEach(l=>{if(l.value&&!l.label&&(l.label=l.value),l.selected&&!this._value.includes(l.value)){const n=[...this._value];this._value=[...this._value,l.value],this.valueChanged(this._value,n)}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"&&(this._value=Array.isArray(this.value)?this.value:this.value?this.value.split(","):[],!this.multiple&&this._value.length>1&&(this._value=[this._value[0]])),e==="options"&&(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-90YeMNbV.cjs"),c=require("./if-defined-C8eotHpL.cjs"),d=require("./state-D-Recv7U.cjs"),r=require("./ref-B-w1vCo8.cjs"),O=require("./class-map-DWDPOqjO.cjs"),I=require("./repeat-CxQA3AeF.cjs"),$=require("./input-element-CInrWeac.cjs"),y=require("./pkt-options-controller-Ay9ELZTV.cjs"),w=require("./pkt-slot-controller-Da-RgXfS.cjs");require("./input-wrapper-Uw7_cZ4w.cjs");require("./icon-B1_BRNqf.cjs");require("./tag-lU4vz70a.cjs");require("./listbox-AjDNhDsQ.cjs");const C={displayValueAs:{default:"label"}},R={props:C};var V=Object.defineProperty,S=Object.getOwnPropertyDescriptor,o=(b,e,t,i)=>{for(var s=i>1?void 0:i?S(e,t):e,l=b.length-1,n;l>=0;l--)(n=b[l])&&(s=(i?n(e,t,s):n(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 y.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,...structuredClone(this.defaultOptions)],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){var t;if(e.has("_value")&&this.valueChanged(this._value,e.get("_value")),e.has("value")&&(this._value=Array.isArray(this.value)?this.value:this.value?this.value.split(","):[],!this.multiple&&this._value.length>1&&(this._value=[this._value[0]]),this.isMaxItemsReached()),e.has("defaultOptions")&&this.defaultOptions.length){const i=((t=this.options)==null?void 0:t.filter(s=>s.userAdded))||[];this.options=[...i,...structuredClone(this.defaultOptions)],this._options=[...this.options]}if(e.has("options")&&this.options.length){const s=this._options.filter(l=>l.userAdded).filter(l=>!this.options.some(n=>n.value===l.value));this._options=[...s,...this.options],this._options.forEach(l=>{if(l.value&&!l.label&&(l.label=l.value),l.selected&&!this._value.includes(l.value)){const n=[...this._value];this._value=[...this._value,l.value],this.valueChanged(this._value,n)}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"&&(this._value=Array.isArray(this.value)?this.value:this.value?this.value.split(","):[],!this.multiple&&this._value.length>1&&(this._value=[this._value[0]])),e==="options"&&(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}

package/dist/{combobox-CavDENt-.js → combobox-C57pmfdV.js}

@@ -7,7 +7,7 @@ import { c as R } from "./repeat-lUFq9w5d.js";
 import { P as V } from "./input-element-BEvaQK4g.js";
 import { P as C } from "./pkt-options-controller-DepYQBqb.js";
 import { P as A } from "./pkt-slot-controller-DtDaD9q_.js";
-import "./input-wrapper-CDgnd3WJ.js";
+import "./input-wrapper-DnyRiuHR.js";
 import "./icon-CO1TLSs5.js";
 import "./tag-CX-zbR-7.js";
 import "./listbox-DCWdrjFp.js";

package/dist/{datepicker-DpQV8G6g.cjs → datepicker-CNAYXlJe.cjs}

@@ -1,4 +1,4 @@
-"use strict";const d=require("./class-map-DWDPOqjO.cjs"),p=require("./if-defined-C8eotHpL.cjs"),s=require("./element-90YeMNbV.cjs"),m=require("./state-D-Recv7U.cjs"),h=require("./calendar-BDeaGBaH.cjs"),k=require("./input-element-CInrWeac.cjs"),r=require("./ref-B-w1vCo8.cjs"),v=require("./repeat-CxQA3AeF.cjs");require("./icon-B1_BRNqf.cjs");require("./input-wrapper-B_TtkGqo.cjs");require("./tag-lU4vz70a.cjs");const $=require("./pkt-slot-controller-Da-RgXfS.cjs"),y={dateformat:{default:"dd.MM.yyyy"},min:{default:null},max:{default:null},weeknumbers:{default:!1},withcontrols:{default:!1},multiple:{default:!1},range:{default:!1}},o={props:y};var b=Object.defineProperty,x=Object.getOwnPropertyDescriptor,l=(c,t,e,i)=>{for(var a=i>1?void 0:i?x(t,e):t,n=c.length-1,u;n>=0;n--)(u=c[n])&&(a=(i?u(t,e,a):u(a))||a);return i&&a&&b(t,e,a),a};const g=c=>new Promise(t=>setTimeout(t,c));exports.PktDatepicker=class extends k.PktInputElement{constructor(){super(),this.value="",this._value=this.value?Array.isArray(this.value)?this.value:this.value.split(","):[],this.label="Datovelger",this.dateformat=o.props.dateformat.default,this.multiple=o.props.multiple.default,this.maxlength=null,this.range=o.props.range.default,this.showRangeLabels=!1,this.min=null,this.max=null,this.weeknumbers=o.props.weeknumbers.default,this.withcontrols=o.props.withcontrols.default,this.excludedates=[],this.excludeweekdays=[],this.currentmonth=null,this.calendarOpen=!1,this.timezone="Europe/Oslo",this.inputClasses={},this.buttonClasses={},this.inputRef=r.e(),this.inputRefTo=r.e(),this.btnRef=r.e(),this.calRef=r.e(),this.popupRef=r.e(),this.helptextSlot=r.e(),this.addToSelected=t=>{const e=t.target;if(!e.value)return;const i=this.min?h.newDate(this.min):null,a=this.max?h.newDate(this.max):null,n=h.newDate(e.value.split(",")[0]);n&&!isNaN(n.getTime())&&(!i||n>=i)&&(!a||n<=a)&&this.calRef.value&&this.calRef.value.handleDateSelect(n),e.value=""},this.slotController=new $.PktSlotController(this,this.helptextSlot)}async connectedCallback(){super.connectedCallback();const t=navigator.userAgent,e=/iP(hone|od|ad)/.test(t);this.inputType=e?"text":"date",document&&document.body.addEventListener("click",i=>{var a,n;(a=this.inputRef)!=null&&a.value&&((n=this.btnRef)!=null&&n.value)&&!this.inputRef.value.contains(i.target)&&!(this.inputRefTo.value&&this.inputRefTo.value.contains(i.target))&&!this.btnRef.value.contains(i.target)&&!i.target.closest(".pkt-calendar-popup")&&this.calendarOpen&&(this.onBlur(),this.hideCalendar())}),this.value.length&&this._value.length===0&&(this._value=Array.isArray(this.value)?this.value:this.value.split(",")),this.min=this.min||o.props.min.default,this.max=this.max||o.props.max.default,typeof this.excludedates=="string"&&(this.excludedates=this.excludedates.split(",")),typeof this.excludeweekdays=="string"&&(this.excludeweekdays=this.excludeweekdays.split(",")),(this.multiple||this.range)&&this.name&&!this.name.endsWith("[]")&&(this.name=this.name+"[]"),this.calendarOpen&&(await g(20),this.handleCalendarPosition())}disconnectedCallback(){super.disconnectedCallback(),document&&document.body.removeEventListener("click",t=>{var e,i;(e=this.inputRef)!=null&&e.value&&((i=this.btnRef)!=null&&i.value)&&!this.inputRef.value.contains(t.target)&&!this.btnRef.value.contains(t.target)&&this.hideCalendar()})}attributeChangedCallback(t,e,i){if(t==="value"){if(this.range&&(i==null?void 0:i.split(",").length)===1)return;this.value!==e&&this.valueChanged(i,e)}t==="excludedates"&&typeof this.excludedates=="string"&&(this.excludedates=(i==null?void 0:i.split(","))??[]),t==="excludeweekdays"&&typeof this.excludeweekdays=="string"&&(this.excludeweekdays=(i==null?void 0:i.split(","))??[]),super.attributeChangedCallback(t,e,i)}updated(t){if(t.has("value")){if(this.range&&this.value.length===1)return;this.valueChanged(this.value,t.get("value"))}super.updated(t)}renderInput(){return s.x`
+"use strict";const d=require("./class-map-DWDPOqjO.cjs"),p=require("./if-defined-C8eotHpL.cjs"),s=require("./element-90YeMNbV.cjs"),m=require("./state-D-Recv7U.cjs"),h=require("./calendar-BDeaGBaH.cjs"),k=require("./input-element-CInrWeac.cjs"),r=require("./ref-B-w1vCo8.cjs"),v=require("./repeat-CxQA3AeF.cjs");require("./icon-B1_BRNqf.cjs");require("./input-wrapper-Uw7_cZ4w.cjs");require("./tag-lU4vz70a.cjs");const $=require("./pkt-slot-controller-Da-RgXfS.cjs"),y={dateformat:{default:"dd.MM.yyyy"},min:{default:null},max:{default:null},weeknumbers:{default:!1},withcontrols:{default:!1},multiple:{default:!1},range:{default:!1}},o={props:y};var b=Object.defineProperty,x=Object.getOwnPropertyDescriptor,l=(c,t,e,i)=>{for(var a=i>1?void 0:i?x(t,e):t,n=c.length-1,u;n>=0;n--)(u=c[n])&&(a=(i?u(t,e,a):u(a))||a);return i&&a&&b(t,e,a),a};const g=c=>new Promise(t=>setTimeout(t,c));exports.PktDatepicker=class extends k.PktInputElement{constructor(){super(),this.value="",this._value=this.value?Array.isArray(this.value)?this.value:this.value.split(","):[],this.label="Datovelger",this.dateformat=o.props.dateformat.default,this.multiple=o.props.multiple.default,this.maxlength=null,this.range=o.props.range.default,this.showRangeLabels=!1,this.min=null,this.max=null,this.weeknumbers=o.props.weeknumbers.default,this.withcontrols=o.props.withcontrols.default,this.excludedates=[],this.excludeweekdays=[],this.currentmonth=null,this.calendarOpen=!1,this.timezone="Europe/Oslo",this.inputClasses={},this.buttonClasses={},this.inputRef=r.e(),this.inputRefTo=r.e(),this.btnRef=r.e(),this.calRef=r.e(),this.popupRef=r.e(),this.helptextSlot=r.e(),this.addToSelected=t=>{const e=t.target;if(!e.value)return;const i=this.min?h.newDate(this.min):null,a=this.max?h.newDate(this.max):null,n=h.newDate(e.value.split(",")[0]);n&&!isNaN(n.getTime())&&(!i||n>=i)&&(!a||n<=a)&&this.calRef.value&&this.calRef.value.handleDateSelect(n),e.value=""},this.slotController=new $.PktSlotController(this,this.helptextSlot)}async connectedCallback(){super.connectedCallback();const t=navigator.userAgent,e=/iP(hone|od|ad)/.test(t);this.inputType=e?"text":"date",document&&document.body.addEventListener("click",i=>{var a,n;(a=this.inputRef)!=null&&a.value&&((n=this.btnRef)!=null&&n.value)&&!this.inputRef.value.contains(i.target)&&!(this.inputRefTo.value&&this.inputRefTo.value.contains(i.target))&&!this.btnRef.value.contains(i.target)&&!i.target.closest(".pkt-calendar-popup")&&this.calendarOpen&&(this.onBlur(),this.hideCalendar())}),this.value.length&&this._value.length===0&&(this._value=Array.isArray(this.value)?this.value:this.value.split(",")),this.min=this.min||o.props.min.default,this.max=this.max||o.props.max.default,typeof this.excludedates=="string"&&(this.excludedates=this.excludedates.split(",")),typeof this.excludeweekdays=="string"&&(this.excludeweekdays=this.excludeweekdays.split(",")),(this.multiple||this.range)&&this.name&&!this.name.endsWith("[]")&&(this.name=this.name+"[]"),this.calendarOpen&&(await g(20),this.handleCalendarPosition())}disconnectedCallback(){super.disconnectedCallback(),document&&document.body.removeEventListener("click",t=>{var e,i;(e=this.inputRef)!=null&&e.value&&((i=this.btnRef)!=null&&i.value)&&!this.inputRef.value.contains(t.target)&&!this.btnRef.value.contains(t.target)&&this.hideCalendar()})}attributeChangedCallback(t,e,i){if(t==="value"){if(this.range&&(i==null?void 0:i.split(",").length)===1)return;this.value!==e&&this.valueChanged(i,e)}t==="excludedates"&&typeof this.excludedates=="string"&&(this.excludedates=(i==null?void 0:i.split(","))??[]),t==="excludeweekdays"&&typeof this.excludeweekdays=="string"&&(this.excludeweekdays=(i==null?void 0:i.split(","))??[]),super.attributeChangedCallback(t,e,i)}updated(t){if(t.has("value")){if(this.range&&this.value.length===1)return;this.valueChanged(this.value,t.get("value"))}super.updated(t)}renderInput(){return s.x`
       <input
         class="${d.e(this.inputClasses)}"
         .type=${this.inputType}

package/dist/{datepicker-D6gkp_6p.js → datepicker-iS8pezF5.js}

@@ -7,7 +7,7 @@ import { P as C } from "./input-element-BEvaQK4g.js";
 import { e as m, n as p } from "./ref-DnSbnXsj.js";
 import { c as T } from "./repeat-lUFq9w5d.js";
 import "./icon-CO1TLSs5.js";
-import "./input-wrapper-CDgnd3WJ.js";
+import "./input-wrapper-DnyRiuHR.js";
 import "./tag-CX-zbR-7.js";
 import { P as _ } from "./pkt-slot-controller-DtDaD9q_.js";
 const S = {

package/dist/index.d.ts

@@ -10,6 +10,8 @@ import { TZDate } from '@date-fns/tz';
 
 declare type Booleanish = boolean | 'true' | 'false';
 
+declare type Booleanish_2 = 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
@@ -840,8 +842,8 @@ export declare class PktInputWrapper extends PktElement<Props_4> {
     inline: boolean;
     ariaDescribedby: string | undefined;
     hasFieldset: boolean;
-    useWrapper: boolean;
     role: string | null;
+    useWrapper: Booleanish_2;
     updateSlots(filledSlots: Set<string | null | undefined>): void;
     protected updated(changedProperties: PropertyValues): void;
     render(): TemplateResult<1>;

package/dist/{input-wrapper-CDgnd3WJ.js → input-wrapper-DnyRiuHR.js}

@@ -1,29 +1,38 @@
-import { P as m, E as s, x as p, n as r, a as k } from "./element-gAd63VwC.js";
-import { P as v } from "./pkt-slot-controller-DtDaD9q_.js";
-import { e as f, n as g } from "./ref-DnSbnXsj.js";
-import { o as w } from "./icon-CO1TLSs5.js";
-import { e as b } from "./class-map-m7ZCZ49w.js";
-import { r as S } from "./state-BxrO4zNJ.js";
-import { u as T } from "./stringutils-DJjRa8dG.js";
-import { s as i } from "./input-wrapper-8iKEzDRZ.js";
+import { P as m, E as s, x as i, n as o, a as k } from "./element-gAd63VwC.js";
+import { P as w } from "./pkt-slot-controller-DtDaD9q_.js";
+import { e as f, n as b } from "./ref-DnSbnXsj.js";
+import { o as v } from "./if-defined-Cj-3Kdsr.js";
+import { o as S } from "./icon-CO1TLSs5.js";
+import { e as g } from "./class-map-m7ZCZ49w.js";
+import { r as T } from "./state-BxrO4zNJ.js";
+import { u as E } from "./stringutils-DJjRa8dG.js";
+import { s as p } from "./input-wrapper-8iKEzDRZ.js";
 import "./helptext-DBearL3P.js";
-var E = Object.defineProperty, _ = Object.getOwnPropertyDescriptor, e = (o, h, a, n) => {
-  for (var l = n > 1 ? void 0 : n ? _(h, a) : h, u = o.length - 1, d; u >= 0; u--)
-    (d = o[u]) && (l = (n ? d(h, a, l) : d(l)) || l);
-  return n && l && E(h, a, l), l;
+var _ = Object.defineProperty, D = Object.getOwnPropertyDescriptor, r = (e, h, a, n) => {
+  for (var l = n > 1 ? void 0 : n ? D(h, a) : h, d = e.length - 1, u; d >= 0; d--)
+    (u = e[d]) && (l = (n ? u(h, a, l) : u(l)) || l);
+  return n && l && _(h, a, l), l;
+};
+const B = {
+  fromAttribute(e) {
+    return e == null ? !1 : e === "" || e === "true" || e === !0 ? !0 : e === "false" || e === !1 ? !1 : !!e;
+  },
+  toAttribute(e) {
+    return e ? "true" : "false";
+  }
 };
 let t = class extends m {
   constructor() {
-    super(), this.defaultSlot = f(), this.helptextSlot = f(), this.hasHelptextSlot = !0, this.forId = T(), this.label = "", this.helptext = null, this.helptextDropdown = null, this.helptextDropdownButton = null, this.counter = i.props.counter.default, this.counterCurrent = 0, this.counterMaxLength = 0, this.counterError = null, this.counterPosition = "bottom", this.optionalTag = i.props.optionalTag.default, this.optionalText = i.props.optionalText.default, this.requiredTag = i.props.requiredTag.default, this.requiredText = i.props.requiredText.default, this.hasError = i.props.hasError.default, this.errorMessage = "", this.disabled = i.props.disabled.default, this.inline = i.props.inline.default, this.ariaDescribedby = void 0, this.hasFieldset = i.props.hasFieldset.default, this.useWrapper = i.props.useWrapper.default, this.role = "group", this.slotController = new v(this, this.defaultSlot, this.helptextSlot);
+    super(), this.defaultSlot = f(), this.helptextSlot = f(), this.hasHelptextSlot = !0, this.forId = E(), this.label = "", this.helptext = null, this.helptextDropdown = null, this.helptextDropdownButton = null, this.counter = p.props.counter.default, this.counterCurrent = 0, this.counterMaxLength = 0, this.counterError = null, this.counterPosition = "bottom", this.optionalTag = p.props.optionalTag.default, this.optionalText = p.props.optionalText.default, this.requiredTag = p.props.requiredTag.default, this.requiredText = p.props.requiredText.default, this.hasError = p.props.hasError.default, this.errorMessage = "", this.disabled = p.props.disabled.default, this.inline = p.props.inline.default, this.ariaDescribedby = void 0, this.hasFieldset = p.props.hasFieldset.default, this.role = "group", this.useWrapper = p.props.useWrapper.default, this.slotController = new w(this, this.defaultSlot, this.helptextSlot);
   }
-  updateSlots(o) {
-    this.hasHelptextSlot = o.has("helptext"), this.requestUpdate();
+  updateSlots(e) {
+    this.hasHelptextSlot = e.has("helptext"), this.requestUpdate();
   }
-  updated(o) {
-    super.updated(o);
+  updated(e) {
+    super.updated(e);
   }
   render() {
-    const o = {
+    const e = {
       "pkt-inputwrapper": !0,
       "pkt-inputwrapper--error": this.hasError,
       "pkt-inputwrapper--disabled": this.disabled,
@@ -34,44 +43,45 @@ let t = class extends m {
       "pkt-tag--thin-text": !0,
       "pkt-tag--blue-light": this.optionalTag,
       "pkt-tag--beige": !this.optionalTag && this.requiredTag
-    }, a = this.ariaDescribedby ? this.ariaDescribedby : this.helptext ? `${this.forId}-helptext` : s, n = () => this.optionalTag || this.requiredTag ? p`<span class=${b(h)}
+    }, a = this.ariaDescribedby ? this.ariaDescribedby : this.helptext ? `${this.forId}-helptext` : s, n = () => this.optionalTag || this.requiredTag ? i`<span class=${g(h)}
           >${this.optionalTag ? this.optionalText : this.requiredTag ? this.requiredText : s}</span
-        >` : s, l = () => this.useWrapper ? this.hasFieldset ? p`<legend
+        >` : s, l = () => this.useWrapper ? this.hasFieldset ? i`<legend
             class="pkt-inputwrapper__legend"
             id="${this.forId}-label"
             @click=${this.handleLabelClick}
           >
             ${this.label} ${n()}
-          </legend>` : p`<label
+          </legend>` : i`<label
             class="pkt-inputwrapper__label"
             for="${this.forId}"
             aria-describedby="${a}"
             id="${this.forId}-label"
             @click=${this.handleLabelClick}
             >${this.label}${n()}</label
-          >` : p`<label
+          >` : i`<label
           for="${this.forId}"
           class="pkt-sr-only"
           aria-describedby="${a}"
           id="${this.forId}-label"
         >
           ${this.label}
-        </label>`, u = () => !this.helptext && !this.hasHelptextSlot && !this.helptextDropdown ? s : p`
+        </label>`, d = () => !this.helptext && !this.hasHelptextSlot && !this.helptextDropdown ? s : i`
         <pkt-helptext
+          class="${v(this.useWrapper ? void 0 : "pkt-hide")}"
           .forId=${this.forId}
           .helptext=${this.helptext}
           .helptextDropdown=${this.helptextDropdown}
-          .helptextDropdownButton=${this.helptextDropdownButton || i.props.helptextDropdownButton.default}
+          .helptextDropdownButton=${this.helptextDropdownButton || p.props.helptextDropdownButton.default}
           @toggleHelpText=${($) => {
       this.toggleDropdown($);
     }}
-          ${g(this.helptextSlot)}
+          ${b(this.helptextSlot)}
           name="helptext"
         ></pkt-helptext>
-      `, d = () => this.counter ? p`<div class="pkt-input__counter" aria-live="polite" aria-atomic="true">
+      `, u = () => this.counter ? i`<div class="pkt-input__counter" aria-live="polite" aria-atomic="true">
           ${this.counterError ? this.counterError : s} ${this.counterCurrent || 0}
           ${this.counterMaxLength ? `/${this.counterMaxLength}` : s}
-        </div>` : s, y = () => this.hasError && this.errorMessage ? p`<div
+        </div>` : s, y = () => this.hasError && this.errorMessage ? i`<div
           role="alert"
           class="pkt-alert pkt-alert--error pkt-alert--compact"
           aria-live="assertive"
@@ -79,27 +89,27 @@ let t = class extends m {
           id="${this.forId}-error"
         >
           <pkt-icon name="alert-error" class="pkt-alert__icon"></pkt-icon>
-          <div class="pkt-alert__text">${w(this.errorMessage)}</div>
-        </div>` : s, c = () => p`
-        ${l()} ${u()}
-        ${this.counterPosition === "top" ? d() : s}
-        <div class="pkt-contents" ${g(this.defaultSlot)}></div>
-        ${this.counterPosition === "bottom" ? d() : s} ${y()}
-      `, x = () => this.hasFieldset ? p`<fieldset class="pkt-inputwrapper__fieldset" aria-describedby="${a}">
+          <div class="pkt-alert__text">${S(this.errorMessage)}</div>
+        </div>` : s, c = () => i`
+        ${l()} ${d()}
+        ${this.counterPosition === "top" ? u() : s}
+        <div class="pkt-contents" ${b(this.defaultSlot)}></div>
+        ${this.counterPosition === "bottom" ? u() : s} ${y()}
+      `, x = () => this.hasFieldset ? i`<fieldset class="pkt-inputwrapper__fieldset" aria-describedby="${a}">
             ${c()}
-          </fieldset>` : p`<div class="pkt-inputwrapper__fieldset">${c()}</div>`;
-    return p`<div class=${b(o)}>${x()}</div> `;
+          </fieldset>` : i`<div class="pkt-inputwrapper__fieldset">${c()}</div>`;
+    return i`<div class=${g(e)}>${x()}</div> `;
   }
-  toggleDropdown(o) {
+  toggleDropdown(e) {
     this.dispatchEvent(
       new CustomEvent("toggleHelpText", {
         bubbles: !1,
-        detail: { isOpen: o.detail.isOpen }
+        detail: { isOpen: e.detail.isOpen }
       })
     );
   }
-  handleLabelClick(o) {
-    this.disabled && (o.preventDefault(), o.stopImmediatePropagation()), this.dispatchEvent(
+  handleLabelClick(e) {
+    this.disabled && (e.preventDefault(), e.stopImmediatePropagation()), this.dispatchEvent(
       new CustomEvent("labelClick", {
         bubbles: !0,
         composed: !0,
@@ -108,76 +118,76 @@ let t = class extends m {
     );
   }
 };
-e([
-  S()
+r([
+  T()
 ], t.prototype, "hasHelptextSlot", 2);
-e([
-  r({ type: String })
+r([
+  o({ type: String })
 ], t.prototype, "forId", 2);
-e([
-  r({ type: String })
+r([
+  o({ type: String })
 ], t.prototype, "label", 2);
-e([
-  r({ type: String })
+r([
+  o({ type: String })
 ], t.prototype, "helptext", 2);
-e([
-  r({ type: String })
+r([
+  o({ type: String })
 ], t.prototype, "helptextDropdown", 2);
-e([
-  r({ type: String })
+r([
+  o({ type: String })
 ], t.prototype, "helptextDropdownButton", 2);
-e([
-  r({ type: Boolean })
+r([
+  o({ type: Boolean })
 ], t.prototype, "counter", 2);
-e([
-  r({ type: Number })
+r([
+  o({ type: Number })
 ], t.prototype, "counterCurrent", 2);
-e([
-  r({ type: Number })
+r([
+  o({ type: Number })
 ], t.prototype, "counterMaxLength", 2);
-e([
-  r({ type: String })
+r([
+  o({ type: String })
 ], t.prototype, "counterError", 2);
-e([
-  r({ type: String, reflect: !1 })
+r([
+  o({ type: String, reflect: !1 })
 ], t.prototype, "counterPosition", 2);
-e([
-  r({ type: Boolean })
+r([
+  o({ type: Boolean })
 ], t.prototype, "optionalTag", 2);
-e([
-  r({ type: String })
+r([
+  o({ type: String })
 ], t.prototype, "optionalText", 2);
-e([
-  r({ type: Boolean })
+r([
+  o({ type: Boolean })
 ], t.prototype, "requiredTag", 2);
-e([
-  r({ type: String })
+r([
+  o({ type: String })
 ], t.prototype, "requiredText", 2);
-e([
-  r({ type: Boolean })
+r([
+  o({ type: Boolean })
 ], t.prototype, "hasError", 2);
-e([
-  r({ type: String })
+r([
+  o({ type: String })
 ], t.prototype, "errorMessage", 2);
-e([
-  r({ type: Boolean })
+r([
+  o({ type: Boolean })
 ], t.prototype, "disabled", 2);
-e([
-  r({ type: Boolean })
+r([
+  o({ type: Boolean })
 ], t.prototype, "inline", 2);
-e([
-  r({ type: String })
+r([
+  o({ type: String })
 ], t.prototype, "ariaDescribedby", 2);
-e([
-  r({ type: Boolean })
+r([
+  o({ type: Boolean })
 ], t.prototype, "hasFieldset", 2);
-e([
-  r({ type: Boolean })
-], t.prototype, "useWrapper", 2);
-e([
-  r({ type: String, reflect: !0 })
+r([
+  o({ type: String, reflect: !0 })
 ], t.prototype, "role", 2);
-t = e([
+r([
+  o({ type: Boolean, reflect: !0, converter: B })
+], t.prototype, "useWrapper", 2);
+t = r([
   k("pkt-input-wrapper")
 ], t);
 export {

package/dist/input-wrapper-Uw7_cZ4w.cjs

@@ -0,0 +1,53 @@
+"use strict";const t=require("./element-90YeMNbV.cjs"),x=require("./pkt-slot-controller-Da-RgXfS.cjs"),u=require("./ref-B-w1vCo8.cjs"),g=require("./if-defined-C8eotHpL.cjs"),y=require("./icon-B1_BRNqf.cjs"),c=require("./class-map-DWDPOqjO.cjs"),$=require("./state-D-Recv7U.cjs"),I=require("./stringutils-CkVRq4jP.cjs"),s=require("./input-wrapper-EoSAbU-U.cjs");require("./helptext-AqNI_oFG.cjs");var P=Object.defineProperty,W=Object.getOwnPropertyDescriptor,e=(p,r,n,i)=>{for(var o=i>1?void 0:i?W(r,n):r,l=p.length-1,a;l>=0;l--)(a=p[l])&&(o=(i?a(r,n,o):a(o))||o);return i&&o&&P(r,n,o),o};const E={fromAttribute(p){return p==null?!1:p===""||p==="true"||p===!0?!0:p==="false"||p===!1?!1:!!p},toAttribute(p){return p?"true":"false"}};exports.PktInputWrapper=class extends t.PktElement{constructor(){super(),this.defaultSlot=u.e(),this.helptextSlot=u.e(),this.hasHelptextSlot=!0,this.forId=I.uuidish(),this.label="",this.helptext=null,this.helptextDropdown=null,this.helptextDropdownButton=null,this.counter=s.specs.props.counter.default,this.counterCurrent=0,this.counterMaxLength=0,this.counterError=null,this.counterPosition="bottom",this.optionalTag=s.specs.props.optionalTag.default,this.optionalText=s.specs.props.optionalText.default,this.requiredTag=s.specs.props.requiredTag.default,this.requiredText=s.specs.props.requiredText.default,this.hasError=s.specs.props.hasError.default,this.errorMessage="",this.disabled=s.specs.props.disabled.default,this.inline=s.specs.props.inline.default,this.ariaDescribedby=void 0,this.hasFieldset=s.specs.props.hasFieldset.default,this.role="group",this.useWrapper=s.specs.props.useWrapper.default,this.slotController=new x.PktSlotController(this,this.defaultSlot,this.helptextSlot)}updateSlots(r){this.hasHelptextSlot=r.has("helptext"),this.requestUpdate()}updated(r){super.updated(r)}render(){const r={"pkt-inputwrapper":!0,"pkt-inputwrapper--error":this.hasError,"pkt-inputwrapper--disabled":this.disabled,"pkt-inputwrapper--inline":this.inline},n={"pkt-tag":!0,"pkt-tag--small":!0,"pkt-tag--thin-text":!0,"pkt-tag--blue-light":this.optionalTag,"pkt-tag--beige":!this.optionalTag&&this.requiredTag},i=this.ariaDescribedby?this.ariaDescribedby:this.helptext?`${this.forId}-helptext`:t.E,o=()=>this.optionalTag||this.requiredTag?t.x`<span class=${c.e(n)}
+          >${this.optionalTag?this.optionalText:this.requiredTag?this.requiredText:t.E}</span
+        >`:t.E,l=()=>this.useWrapper?this.hasFieldset?t.x`<legend
+            class="pkt-inputwrapper__legend"
+            id="${this.forId}-label"
+            @click=${this.handleLabelClick}
+          >
+            ${this.label} ${o()}
+          </legend>`:t.x`<label
+            class="pkt-inputwrapper__label"
+            for="${this.forId}"
+            aria-describedby="${i}"
+            id="${this.forId}-label"
+            @click=${this.handleLabelClick}
+            >${this.label}${o()}</label
+          >`:t.x`<label
+          for="${this.forId}"
+          class="pkt-sr-only"
+          aria-describedby="${i}"
+          id="${this.forId}-label"
+        >
+          ${this.label}
+        </label>`,a=()=>!this.helptext&&!this.hasHelptextSlot&&!this.helptextDropdown?t.E:t.x`
+        <pkt-helptext
+          class="${g.o(this.useWrapper?void 0:"pkt-hide")}"
+          .forId=${this.forId}
+          .helptext=${this.helptext}
+          .helptextDropdown=${this.helptextDropdown}
+          .helptextDropdownButton=${this.helptextDropdownButton||s.specs.props.helptextDropdownButton.default}
+          @toggleHelpText=${b=>{this.toggleDropdown(b)}}
+          ${u.n(this.helptextSlot)}
+          name="helptext"
+        ></pkt-helptext>
+      `,h=()=>this.counter?t.x`<div class="pkt-input__counter" aria-live="polite" aria-atomic="true">
+          ${this.counterError?this.counterError:t.E} ${this.counterCurrent||0}
+          ${this.counterMaxLength?`/${this.counterMaxLength}`:t.E}
+        </div>`:t.E,f=()=>this.hasError&&this.errorMessage?t.x`<div
+          role="alert"
+          class="pkt-alert pkt-alert--error pkt-alert--compact"
+          aria-live="assertive"
+          aria-atomic="true"
+          id="${this.forId}-error"
+        >
+          <pkt-icon name="alert-error" class="pkt-alert__icon"></pkt-icon>
+          <div class="pkt-alert__text">${y.o(this.errorMessage)}</div>
+        </div>`:t.E,d=()=>t.x`
+        ${l()} ${a()}
+        ${this.counterPosition==="top"?h():t.E}
+        <div class="pkt-contents" ${u.n(this.defaultSlot)}></div>
+        ${this.counterPosition==="bottom"?h():t.E} ${f()}
+      `,k=()=>this.hasFieldset?t.x`<fieldset class="pkt-inputwrapper__fieldset" aria-describedby="${i}">
+            ${d()}
+          </fieldset>`:t.x`<div class="pkt-inputwrapper__fieldset">${d()}</div>`;return t.x`<div class=${c.e(r)}>${k()}</div> `}toggleDropdown(r){this.dispatchEvent(new CustomEvent("toggleHelpText",{bubbles:!1,detail:{isOpen:r.detail.isOpen}}))}handleLabelClick(r){this.disabled&&(r.preventDefault(),r.stopImmediatePropagation()),this.dispatchEvent(new CustomEvent("labelClick",{bubbles:!0,composed:!0,detail:"label clicked"}))}};e([$.r()],exports.PktInputWrapper.prototype,"hasHelptextSlot",2);e([t.n({type:String})],exports.PktInputWrapper.prototype,"forId",2);e([t.n({type:String})],exports.PktInputWrapper.prototype,"label",2);e([t.n({type:String})],exports.PktInputWrapper.prototype,"helptext",2);e([t.n({type:String})],exports.PktInputWrapper.prototype,"helptextDropdown",2);e([t.n({type:String})],exports.PktInputWrapper.prototype,"helptextDropdownButton",2);e([t.n({type:Boolean})],exports.PktInputWrapper.prototype,"counter",2);e([t.n({type:Number})],exports.PktInputWrapper.prototype,"counterCurrent",2);e([t.n({type:Number})],exports.PktInputWrapper.prototype,"counterMaxLength",2);e([t.n({type:String})],exports.PktInputWrapper.prototype,"counterError",2);e([t.n({type:String,reflect:!1})],exports.PktInputWrapper.prototype,"counterPosition",2);e([t.n({type:Boolean})],exports.PktInputWrapper.prototype,"optionalTag",2);e([t.n({type:String})],exports.PktInputWrapper.prototype,"optionalText",2);e([t.n({type:Boolean})],exports.PktInputWrapper.prototype,"requiredTag",2);e([t.n({type:String})],exports.PktInputWrapper.prototype,"requiredText",2);e([t.n({type:Boolean})],exports.PktInputWrapper.prototype,"hasError",2);e([t.n({type:String})],exports.PktInputWrapper.prototype,"errorMessage",2);e([t.n({type:Boolean})],exports.PktInputWrapper.prototype,"disabled",2);e([t.n({type:Boolean})],exports.PktInputWrapper.prototype,"inline",2);e([t.n({type:String})],exports.PktInputWrapper.prototype,"ariaDescribedby",2);e([t.n({type:Boolean})],exports.PktInputWrapper.prototype,"hasFieldset",2);e([t.n({type:String,reflect:!0})],exports.PktInputWrapper.prototype,"role",2);e([t.n({type:Boolean,reflect:!0,converter:E})],exports.PktInputWrapper.prototype,"useWrapper",2);exports.PktInputWrapper=e([t.t("pkt-input-wrapper")],exports.PktInputWrapper);

package/dist/pkt-combobox.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("./combobox-DMkMUJfx.cjs"),o=e.PktCombobox;Object.defineProperty(exports,"PktCombobox",{enumerable:!0,get:()=>e.PktCombobox});exports.default=o;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("./combobox-BxW5wREE.cjs"),o=e.PktCombobox;Object.defineProperty(exports,"PktCombobox",{enumerable:!0,get:()=>e.PktCombobox});exports.default=o;

package/dist/pkt-combobox.js

@@ -1,4 +1,4 @@
-import { P as o } from "./combobox-CavDENt-.js";
+import { P as o } from "./combobox-C57pmfdV.js";
 const b = o;
 export {
   o as PktCombobox,

package/dist/pkt-datepicker.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("./datepicker-DpQV8G6g.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-CNAYXlJe.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-D6gkp_6p.js";
+import { P as t } from "./datepicker-iS8pezF5.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 P=require("./alert-BY97zZYx.cjs"),l=require("./accordionitem-Dz6jwPpb.cjs"),d=require("./backlink-CcAZfB1d.cjs"),b=require("./button-KzBZ-Bff.cjs"),k=require("./calendar-BDeaGBaH.cjs"),m=require("./card-CmdIb2X9.cjs"),g=require("./combobox-DMkMUJfx.cjs"),h=require("./consent-D1r9LYda.cjs"),f=require("./checkbox-CiXWukkL.cjs"),t=require("./element-90YeMNbV.cjs"),y=require("./pkt-slot-controller-Da-RgXfS.cjs"),s=require("./ref-B-w1vCo8.cjs"),O=require("./class-map-DWDPOqjO.cjs"),j=require("./datepicker-DpQV8G6g.cjs"),q=require("./helptext-AqNI_oFG.cjs"),x=require("./heading-CxJ0IqpU.cjs"),C=require("./icon-B1_BRNqf.cjs"),v=require("./input-wrapper-B_TtkGqo.cjs"),S=require("./link-BWJrqWi7.cjs"),$=require("./linkcard-0KLDuaGM.cjs"),L=require("./loader--5h6NKGl.cjs"),_=require("./messagebox-IJOkv427.cjs"),A=require("./modal-CBURcXBd.cjs"),B=require("./progressbar-BrXtjUvh.cjs"),p=require("./radiobutton-x10h-JEh.cjs"),T=require("./tag-lU4vz70a.cjs"),I=require("./textarea-j8kBS-hf.cjs"),M=require("./textinput-kmcj-FlC.cjs"),R=require("./select-BUvu5SFp.cjs");var H=Object.defineProperty,w=Object.getOwnPropertyDescriptor,o=(a,e,r,i)=>{for(var n=i>1?void 0:i?w(e,r):e,u=a.length-1,c;u>=0;u--)(c=a[u])&&(n=(i?c(e,r,n):c(n))||n);return i&&n&&H(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 y.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 P=require("./alert-BY97zZYx.cjs"),l=require("./accordionitem-Dz6jwPpb.cjs"),d=require("./backlink-CcAZfB1d.cjs"),b=require("./button-KzBZ-Bff.cjs"),k=require("./calendar-BDeaGBaH.cjs"),m=require("./card-CmdIb2X9.cjs"),g=require("./combobox-BxW5wREE.cjs"),h=require("./consent-D1r9LYda.cjs"),f=require("./checkbox-CiXWukkL.cjs"),t=require("./element-90YeMNbV.cjs"),y=require("./pkt-slot-controller-Da-RgXfS.cjs"),s=require("./ref-B-w1vCo8.cjs"),O=require("./class-map-DWDPOqjO.cjs"),j=require("./datepicker-CNAYXlJe.cjs"),q=require("./helptext-AqNI_oFG.cjs"),x=require("./heading-CxJ0IqpU.cjs"),C=require("./icon-B1_BRNqf.cjs"),v=require("./input-wrapper-Uw7_cZ4w.cjs"),S=require("./link-BWJrqWi7.cjs"),$=require("./linkcard-0KLDuaGM.cjs"),L=require("./loader--5h6NKGl.cjs"),_=require("./messagebox-IJOkv427.cjs"),A=require("./modal-CBURcXBd.cjs"),B=require("./progressbar-BrXtjUvh.cjs"),p=require("./radiobutton-x10h-JEh.cjs"),T=require("./tag-lU4vz70a.cjs"),I=require("./textarea-DcpZnWkt.cjs"),M=require("./textinput-DcES1ibY.cjs"),R=require("./select-thYoem6X.cjs");var H=Object.defineProperty,w=Object.getOwnPropertyDescriptor,o=(a,e,r,i)=>{for(var n=i>1?void 0:i?w(e,r):e,u=a.length-1,c;u>=0;u--)(c=a[u])&&(n=(i?c(e,r,n):c(n))||n);return i&&n&&H(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 y.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="${O.e(e)}">
         <h1 class="pkt-txt-28">${this.string}</h1>
 

package/dist/pkt-index.js

@@ -5,18 +5,18 @@ import { P as T } from "./button-OLSvT2Im.js";
 import { c as f } from "./calendar-Beno8yU7.js";
 import { P as D } from "./calendar-Beno8yU7.js";
 import { P as G } from "./card-BxHlJq4J.js";
-import { P as K } from "./combobox-CavDENt-.js";
+import { P as K } from "./combobox-C57pmfdV.js";
 import { P as U } from "./consent-a09DlJZT.js";
 import { P as q } from "./checkbox-B67_cfqW.js";
 import { P as k, t as h, x as P, n, a as c } from "./element-gAd63VwC.js";
 import { P as x } from "./pkt-slot-controller-DtDaD9q_.js";
 import { e as m, n as d } from "./ref-DnSbnXsj.js";
 import { e as u } from "./class-map-m7ZCZ49w.js";
-import { P as F } from "./datepicker-D6gkp_6p.js";
+import { P as F } from "./datepicker-iS8pezF5.js";
 import { P as Q } from "./helptext-DBearL3P.js";
 import { P as X } from "./heading-Bxonbv8M.js";
 import { P as Z } from "./icon-CO1TLSs5.js";
-import { P as et } from "./input-wrapper-CDgnd3WJ.js";
+import { P as et } from "./input-wrapper-DnyRiuHR.js";
 import { P as ot } from "./link-Qj1bJCPw.js";
 import { P as at } from "./linkcard-Byt10fUI.js";
 import { P as it } from "./loader-xkMMWgaj.js";
@@ -25,9 +25,9 @@ import { P as mt } from "./modal-C6ljjVs6.js";
 import { P as ft } from "./progressbar-BSO0KWzv.js";
 import { P as ht, P as ct } from "./radiobutton-BaIDDCwK.js";
 import { P as ut } from "./tag-CX-zbR-7.js";
-import { P as vt } from "./textarea-CmXiVLbl.js";
-import { P as bt } from "./textinput-LLaLZX3h.js";
-import { P as $t } from "./select-BVBllbIG.js";
+import { P as vt } from "./textarea-CctE69uw.js";
+import { P as bt } from "./textinput-BAPxDvKu.js";
+import { P as $t } from "./select-BOPAC0Zu.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-input-wrapper.cjs

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

package/dist/pkt-input-wrapper.js

@@ -1,4 +1,4 @@
-import { P as p } from "./input-wrapper-CDgnd3WJ.js";
+import { P as p } from "./input-wrapper-DnyRiuHR.js";
 const r = p;
 export {
   p as PktInputWrapper,

package/dist/pkt-select.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("./select-BUvu5SFp.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-thYoem6X.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-BVBllbIG.js";
+import { P as t } from "./select-BOPAC0Zu.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-j8kBS-hf.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-DcpZnWkt.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-CmXiVLbl.js";
+import { P as a } from "./textarea-CctE69uw.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-kmcj-FlC.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-DcES1ibY.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-LLaLZX3h.js";
+import { P as t } from "./textinput-BAPxDvKu.js";
 const p = t;
 export {
   t as PktTextinput,

package/dist/{select-BVBllbIG.js → select-BOPAC0Zu.js}

@@ -5,7 +5,7 @@ import { o } from "./if-defined-Cj-3Kdsr.js";
 import { P as b } from "./input-element-BEvaQK4g.js";
 import { P as $ } from "./pkt-options-controller-DepYQBqb.js";
 import { P as x } from "./pkt-slot-controller-DtDaD9q_.js";
-import "./input-wrapper-CDgnd3WJ.js";
+import "./input-wrapper-DnyRiuHR.js";
 var m = Object.defineProperty, g = Object.getOwnPropertyDescriptor, r = (t, e, s, i) => {
   for (var l = i > 1 ? void 0 : i ? g(e, s) : e, n = t.length - 1, h; n >= 0; n--)
     (h = t[n]) && (l = (i ? h(e, s, l) : h(l)) || l);

package/dist/{select-BUvu5SFp.cjs → select-thYoem6X.cjs}

@@ -1,4 +1,4 @@
-"use strict";const r=require("./element-90YeMNbV.cjs"),p=require("./state-D-Recv7U.cjs"),h=require("./ref-B-w1vCo8.cjs"),o=require("./if-defined-C8eotHpL.cjs"),d=require("./input-element-CInrWeac.cjs"),c=require("./pkt-options-controller-Ay9ELZTV.cjs"),v=require("./pkt-slot-controller-Da-RgXfS.cjs");require("./input-wrapper-B_TtkGqo.cjs");var f=Object.defineProperty,b=Object.getOwnPropertyDescriptor,a=(u,t,e,s)=>{for(var i=s>1?void 0:s?b(t,e):t,l=u.length-1,n;l>=0;l--)(n=u[l])&&(i=(s?n(t,e,i):n(i))||i);return s&&i&&f(t,e,i),i};exports.PktSelect=class extends d.PktInputElement{constructor(){super(),this.inputRef=h.e(),this.helptextSlot=h.e(),this.options=[],this.value="",this._options=[],this.selectedIndex=-1,this.selectedOptions=void 0,this.optionsController=new c.PktOptionsSlotController(this),this.slotController=new v.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,this._options.forEach(s=>{s.selected&&!this.value&&(this.value=s.value)}))}add(t,e){var s,i,l;(s=this.inputRef.value)==null||s.add(t,e),this._options.push({value:t.value||t.text,label:t.text||t.value,selected:t.selected,disabled:t.disabled}),t.selected&&(this.value=t.value||t.text,this.selectedIndex=this.returnNumberOrNull((i=this.inputRef.value)==null?void 0:i.selectedIndex),this.selectedOptions=(l=this.inputRef.value)==null?void 0:l.selectedOptions),this.requestUpdate()}remove(t){var e,s;typeof t=="number"&&(this.selectedIndex===t&&(this.value=((e=this._options[0])==null?void 0:e.value)||""),(s=this.inputRef.value)==null||s.remove(t))}item(t){var e;return(e=this.inputRef.value)==null?void 0:e.item(t)}namedItem(t){var e;return(e=this.inputRef.value)==null?void 0:e.namedItem(t)}showPicker(){var t;(t=this.inputRef.value)==null||t.showPicker()}attributeChangedCallback(t,e,s){var i,l;t==="options"&&(this._options=s?JSON.parse(s):[]),t==="value"&&this.value!==e&&(this.selectedIndex=this.touched?this.returnNumberOrNull((i=this.inputRef.value)==null?void 0:i.selectedIndex):this.options.findIndex(n=>n.value===s),this.selectedOptions=(l=this.inputRef.value)==null?void 0:l.selectedOptions,this.valueChanged(s,e)),super.attributeChangedCallback(t,e,s)}update(t){var e,s;super.update(t),t.has("value")&&this.value!==t.get("value")&&(this.selectedIndex=this.touched?this.returnNumberOrNull((e=this.inputRef.value)==null?void 0:e.selectedIndex):this.options.findIndex(i=>i.value===this.value),this.selectedOptions=(s=this.inputRef.value)==null?void 0:s.selectedOptions,this.valueChanged(this.value,t.get("value"))),t.has("id")&&!this.name&&this.id&&(this.name=this.id)}firstUpdated(t){var e;super.firstUpdated(t),this.options.length&&(this._options=this.options),!this.value&&this._options.length>0?(this.value=this._options[0].value,this.selectedIndex=0):this.selectedIndex=this._options.findIndex(s=>s.value===this.value),this.selectedOptions=(e=this.inputRef.value)==null?void 0:e.selectedOptions}render(){const t=`pkt-input ${this.fullwidth?"pkt-input--fullwidth":""}`;return r.x`
+"use strict";const r=require("./element-90YeMNbV.cjs"),p=require("./state-D-Recv7U.cjs"),h=require("./ref-B-w1vCo8.cjs"),o=require("./if-defined-C8eotHpL.cjs"),d=require("./input-element-CInrWeac.cjs"),c=require("./pkt-options-controller-Ay9ELZTV.cjs"),v=require("./pkt-slot-controller-Da-RgXfS.cjs");require("./input-wrapper-Uw7_cZ4w.cjs");var f=Object.defineProperty,b=Object.getOwnPropertyDescriptor,a=(u,t,e,s)=>{for(var i=s>1?void 0:s?b(t,e):t,l=u.length-1,n;l>=0;l--)(n=u[l])&&(i=(s?n(t,e,i):n(i))||i);return s&&i&&f(t,e,i),i};exports.PktSelect=class extends d.PktInputElement{constructor(){super(),this.inputRef=h.e(),this.helptextSlot=h.e(),this.options=[],this.value="",this._options=[],this.selectedIndex=-1,this.selectedOptions=void 0,this.optionsController=new c.PktOptionsSlotController(this),this.slotController=new v.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,this._options.forEach(s=>{s.selected&&!this.value&&(this.value=s.value)}))}add(t,e){var s,i,l;(s=this.inputRef.value)==null||s.add(t,e),this._options.push({value:t.value||t.text,label:t.text||t.value,selected:t.selected,disabled:t.disabled}),t.selected&&(this.value=t.value||t.text,this.selectedIndex=this.returnNumberOrNull((i=this.inputRef.value)==null?void 0:i.selectedIndex),this.selectedOptions=(l=this.inputRef.value)==null?void 0:l.selectedOptions),this.requestUpdate()}remove(t){var e,s;typeof t=="number"&&(this.selectedIndex===t&&(this.value=((e=this._options[0])==null?void 0:e.value)||""),(s=this.inputRef.value)==null||s.remove(t))}item(t){var e;return(e=this.inputRef.value)==null?void 0:e.item(t)}namedItem(t){var e;return(e=this.inputRef.value)==null?void 0:e.namedItem(t)}showPicker(){var t;(t=this.inputRef.value)==null||t.showPicker()}attributeChangedCallback(t,e,s){var i,l;t==="options"&&(this._options=s?JSON.parse(s):[]),t==="value"&&this.value!==e&&(this.selectedIndex=this.touched?this.returnNumberOrNull((i=this.inputRef.value)==null?void 0:i.selectedIndex):this.options.findIndex(n=>n.value===s),this.selectedOptions=(l=this.inputRef.value)==null?void 0:l.selectedOptions,this.valueChanged(s,e)),super.attributeChangedCallback(t,e,s)}update(t){var e,s;super.update(t),t.has("value")&&this.value!==t.get("value")&&(this.selectedIndex=this.touched?this.returnNumberOrNull((e=this.inputRef.value)==null?void 0:e.selectedIndex):this.options.findIndex(i=>i.value===this.value),this.selectedOptions=(s=this.inputRef.value)==null?void 0:s.selectedOptions,this.valueChanged(this.value,t.get("value"))),t.has("id")&&!this.name&&this.id&&(this.name=this.id)}firstUpdated(t){var e;super.firstUpdated(t),this.options.length&&(this._options=this.options),!this.value&&this._options.length>0?(this.value=this._options[0].value,this.selectedIndex=0):this.selectedIndex=this._options.findIndex(s=>s.value===this.value),this.selectedOptions=(e=this.inputRef.value)==null?void 0:e.selectedOptions}render(){const t=`pkt-input ${this.fullwidth?"pkt-input--fullwidth":""}`;return r.x`
       <pkt-input-wrapper
         ?counter=${this.counter}
         ?disabled=${this.disabled}

package/dist/{textarea-CmXiVLbl.js → textarea-CctE69uw.js}

@@ -7,7 +7,7 @@ import { e as b, i as T, t as a } from "./directive-oAbCiebi.js";
 import { f as y, m as w } from "./directive-helpers--4ibN__v.js";
 import { P as C } from "./input-element-BEvaQK4g.js";
 import { P as E } from "./pkt-slot-controller-DtDaD9q_.js";
-import "./input-wrapper-CDgnd3WJ.js";
+import "./input-wrapper-DnyRiuHR.js";
 import "./icon-CO1TLSs5.js";
 /**
  * @license

package/dist/{textarea-j8kBS-hf.cjs → textarea-DcpZnWkt.cjs}

@@ -1,4 +1,4 @@
-"use strict";const s=require("./element-90YeMNbV.cjs"),p=require("./if-defined-C8eotHpL.cjs"),c=require("./state-D-Recv7U.cjs"),l=require("./ref-B-w1vCo8.cjs"),$=require("./class-map-DWDPOqjO.cjs"),a=require("./directive-C7oCP5Bh.cjs"),d=require("./directive-helpers-v9b0v7lu.cjs"),x=require("./input-element-CInrWeac.cjs"),T=require("./pkt-slot-controller-Da-RgXfS.cjs");require("./input-wrapper-B_TtkGqo.cjs");require("./icon-B1_BRNqf.cjs");/**
+"use strict";const s=require("./element-90YeMNbV.cjs"),p=require("./if-defined-C8eotHpL.cjs"),c=require("./state-D-Recv7U.cjs"),l=require("./ref-B-w1vCo8.cjs"),$=require("./class-map-DWDPOqjO.cjs"),a=require("./directive-C7oCP5Bh.cjs"),d=require("./directive-helpers-v9b0v7lu.cjs"),x=require("./input-element-CInrWeac.cjs"),T=require("./pkt-slot-controller-Da-RgXfS.cjs");require("./input-wrapper-Uw7_cZ4w.cjs");require("./icon-B1_BRNqf.cjs");/**
  * @license
  * Copyright 2020 Google LLC
  * SPDX-License-Identifier: BSD-3-Clause

package/dist/{textinput-LLaLZX3h.js → textinput-BAPxDvKu.js}

@@ -5,7 +5,7 @@ import { e as m, n as d } from "./ref-DnSbnXsj.js";
 import { e as g } from "./class-map-m7ZCZ49w.js";
 import { P as x } from "./input-element-BEvaQK4g.js";
 import { P as y } from "./pkt-slot-controller-DtDaD9q_.js";
-import "./input-wrapper-CDgnd3WJ.js";
+import "./input-wrapper-DnyRiuHR.js";
 import "./icon-CO1TLSs5.js";
 var v = Object.defineProperty, b = Object.getOwnPropertyDescriptor, o = (e, i, r, t) => {
   for (var n = t > 1 ? void 0 : t ? b(i, r) : i, l = e.length - 1, c; l >= 0; l--)

package/dist/{textinput-kmcj-FlC.cjs → textinput-DcES1ibY.cjs}

@@ -1,4 +1,4 @@
-"use strict";const t=require("./element-90YeMNbV.cjs"),a=require("./if-defined-C8eotHpL.cjs"),l=require("./state-D-Recv7U.cjs"),h=require("./ref-B-w1vCo8.cjs"),c=require("./class-map-DWDPOqjO.cjs"),x=require("./input-element-CInrWeac.cjs"),d=require("./pkt-slot-controller-Da-RgXfS.cjs");require("./input-wrapper-B_TtkGqo.cjs");require("./icon-B1_BRNqf.cjs");var $=Object.defineProperty,f=Object.getOwnPropertyDescriptor,r=(u,i,s,n)=>{for(var e=n>1?void 0:n?f(i,s):i,o=u.length-1,p;o>=0;o--)(p=u[o])&&(e=(n?p(i,s,e):p(e))||e);return n&&e&&$(i,s,e),e};exports.PktTextinput=class extends x.PktInputElement{constructor(){super(),this.inputRef=h.e(),this.helptextSlot=h.e(),this.value="",this.type="text",this.size=null,this.autocomplete=null,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,s,n){i==="value"&&this.value!==s&&(this.counterCurrent=n?n.length:0,this.valueChanged(n,s)),super.attributeChangedCallback(i,s,n)}updated(i){var s;super.updated(i),i.has("value")&&(this.counterCurrent=((s=this.value)==null?void 0:s.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,s=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}),n=this.ariaLabelledby||`${this.id}-input-label`;return t.x`
+"use strict";const t=require("./element-90YeMNbV.cjs"),a=require("./if-defined-C8eotHpL.cjs"),l=require("./state-D-Recv7U.cjs"),h=require("./ref-B-w1vCo8.cjs"),c=require("./class-map-DWDPOqjO.cjs"),x=require("./input-element-CInrWeac.cjs"),d=require("./pkt-slot-controller-Da-RgXfS.cjs");require("./input-wrapper-Uw7_cZ4w.cjs");require("./icon-B1_BRNqf.cjs");var $=Object.defineProperty,f=Object.getOwnPropertyDescriptor,r=(u,i,s,n)=>{for(var e=n>1?void 0:n?f(i,s):i,o=u.length-1,p;o>=0;o--)(p=u[o])&&(e=(n?p(i,s,e):p(e))||e);return n&&e&&$(i,s,e),e};exports.PktTextinput=class extends x.PktInputElement{constructor(){super(),this.inputRef=h.e(),this.helptextSlot=h.e(),this.value="",this.type="text",this.size=null,this.autocomplete=null,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,s,n){i==="value"&&this.value!==s&&(this.counterCurrent=n?n.length:0,this.valueChanged(n,s)),super.attributeChangedCallback(i,s,n)}updated(i){var s;super.updated(i),i.has("value")&&(this.counterCurrent=((s=this.value)==null?void 0:s.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,s=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}),n=this.ariaLabelledby||`${this.id}-input-label`;return t.x`
       <pkt-input-wrapper
         label="${this.label}"
         ?counter=${this.counter}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@oslokommune/punkt-elements",
-  "version": "12.42.0",
+  "version": "12.42.1",
   "description": "Komponentbiblioteket til Punkt, et designsystem laget av Oslo Origo",
   "homepage": "https://punkt.oslo.kommune.no",
   "author": "Team Designsystem, Oslo Origo",
@@ -32,7 +32,7 @@
   },
   "devDependencies": {
     "@oslokommune/punkt-assets": "^12.39.2",
-    "@oslokommune/punkt-css": "^12.41.0",
+    "@oslokommune/punkt-css": "^12.42.1",
     "sass": "^1.78.0",
     "typescript": "^5.6.2",
     "vite": "^5.4.18",
@@ -59,5 +59,5 @@
     "url": "https://github.com/oslokommune/punkt/issues"
   },
   "license": "MIT",
-  "gitHead": "fdb019a20d3a46f588a23a1648fce810c54578a8"
+  "gitHead": "8c03898a29df70a7126869654f75662c626dfc90"
 }

package/src/components/input-wrapper/input-wrapper.ts

@@ -1,6 +1,7 @@
 import { PktElement } from '@/base-elements/element'
 import { PktSlotController } from '@/controllers/pkt-slot-controller'
 import { ref, Ref, createRef } from 'lit/directives/ref.js'
+import { ifDefined } from 'lit/directives/if-defined.js'
 import { html, nothing, PropertyValues } from 'lit'
 import { unsafeHTML } from 'lit/directives/unsafe-html.js'
 import { classMap } from 'lit/directives/class-map.js'
@@ -36,6 +37,22 @@ type Props = ElementProps<
   | 'role'
 >
 
+// TODO: Trekk denne logikken ut i utils, så den kan gjenbrukes andre steder
+type Booleanish = boolean | 'true' | 'false'
+const booleanishConverter = {
+  fromAttribute(value: string | boolean | null): boolean {
+    // Accept false, "false", undefined, null as false
+    if (value === null || value === undefined) return false
+    if (value === '' || value === 'true' || value === true) return true
+    if (value === 'false' || value === false) return false
+    return Boolean(value)
+  },
+  toAttribute(value: boolean): string | null {
+    // Always reflect as "true" or "false"
+    return value ? 'true' : 'false'
+  },
+}
+
 @customElement('pkt-input-wrapper')
 export class PktInputWrapper extends PktElement<Props> {
   defaultSlot: Ref<HTMLElement> = createRef()
@@ -70,8 +87,9 @@ export class PktInputWrapper extends PktElement<Props> {
   @property({ type: Boolean }) inline: boolean = specs.props.inline.default
   @property({ type: String }) ariaDescribedby: string | undefined = undefined
   @property({ type: Boolean }) hasFieldset: boolean = specs.props.hasFieldset.default
-  @property({ type: Boolean }) useWrapper: boolean = specs.props.useWrapper.default
   @property({ type: String, reflect: true }) role: string | null = 'group'
+  @property({ type: Boolean, reflect: true, converter: booleanishConverter })
+  useWrapper: Booleanish = specs.props.useWrapper.default
 
   public updateSlots(filledSlots: Set<string | null | undefined>): void {
     this.hasHelptextSlot = filledSlots.has('helptext')
@@ -156,6 +174,7 @@ export class PktInputWrapper extends PktElement<Props> {
       }
       return html`
         <pkt-helptext
+          class="${ifDefined(!this.useWrapper ? 'pkt-hide' : undefined)}"
           .forId=${this.forId}
           .helptext=${this.helptext}
           .helptextDropdown=${this.helptextDropdown}

package/dist/input-wrapper-B_TtkGqo.cjs

@@ -1,52 +0,0 @@
-"use strict";const t=require("./element-90YeMNbV.cjs"),b=require("./pkt-slot-controller-Da-RgXfS.cjs"),a=require("./ref-B-w1vCo8.cjs"),y=require("./icon-B1_BRNqf.cjs"),c=require("./class-map-DWDPOqjO.cjs"),f=require("./state-D-Recv7U.cjs"),$=require("./stringutils-CkVRq4jP.cjs"),p=require("./input-wrapper-EoSAbU-U.cjs");require("./helptext-AqNI_oFG.cjs");var I=Object.defineProperty,P=Object.getOwnPropertyDescriptor,e=(u,r,i,o)=>{for(var s=o>1?void 0:o?P(r,i):r,n=u.length-1,l;n>=0;n--)(l=u[n])&&(s=(o?l(r,i,s):l(s))||s);return o&&s&&I(r,i,s),s};exports.PktInputWrapper=class extends t.PktElement{constructor(){super(),this.defaultSlot=a.e(),this.helptextSlot=a.e(),this.hasHelptextSlot=!0,this.forId=$.uuidish(),this.label="",this.helptext=null,this.helptextDropdown=null,this.helptextDropdownButton=null,this.counter=p.specs.props.counter.default,this.counterCurrent=0,this.counterMaxLength=0,this.counterError=null,this.counterPosition="bottom",this.optionalTag=p.specs.props.optionalTag.default,this.optionalText=p.specs.props.optionalText.default,this.requiredTag=p.specs.props.requiredTag.default,this.requiredText=p.specs.props.requiredText.default,this.hasError=p.specs.props.hasError.default,this.errorMessage="",this.disabled=p.specs.props.disabled.default,this.inline=p.specs.props.inline.default,this.ariaDescribedby=void 0,this.hasFieldset=p.specs.props.hasFieldset.default,this.useWrapper=p.specs.props.useWrapper.default,this.role="group",this.slotController=new b.PktSlotController(this,this.defaultSlot,this.helptextSlot)}updateSlots(r){this.hasHelptextSlot=r.has("helptext"),this.requestUpdate()}updated(r){super.updated(r)}render(){const r={"pkt-inputwrapper":!0,"pkt-inputwrapper--error":this.hasError,"pkt-inputwrapper--disabled":this.disabled,"pkt-inputwrapper--inline":this.inline},i={"pkt-tag":!0,"pkt-tag--small":!0,"pkt-tag--thin-text":!0,"pkt-tag--blue-light":this.optionalTag,"pkt-tag--beige":!this.optionalTag&&this.requiredTag},o=this.ariaDescribedby?this.ariaDescribedby:this.helptext?`${this.forId}-helptext`:t.E,s=()=>this.optionalTag||this.requiredTag?t.x`<span class=${c.e(i)}
-          >${this.optionalTag?this.optionalText:this.requiredTag?this.requiredText:t.E}</span
-        >`:t.E,n=()=>this.useWrapper?this.hasFieldset?t.x`<legend
-            class="pkt-inputwrapper__legend"
-            id="${this.forId}-label"
-            @click=${this.handleLabelClick}
-          >
-            ${this.label} ${s()}
-          </legend>`:t.x`<label
-            class="pkt-inputwrapper__label"
-            for="${this.forId}"
-            aria-describedby="${o}"
-            id="${this.forId}-label"
-            @click=${this.handleLabelClick}
-            >${this.label}${s()}</label
-          >`:t.x`<label
-          for="${this.forId}"
-          class="pkt-sr-only"
-          aria-describedby="${o}"
-          id="${this.forId}-label"
-        >
-          ${this.label}
-        </label>`,l=()=>!this.helptext&&!this.hasHelptextSlot&&!this.helptextDropdown?t.E:t.x`
-        <pkt-helptext
-          .forId=${this.forId}
-          .helptext=${this.helptext}
-          .helptextDropdown=${this.helptextDropdown}
-          .helptextDropdownButton=${this.helptextDropdownButton||p.specs.props.helptextDropdownButton.default}
-          @toggleHelpText=${g=>{this.toggleDropdown(g)}}
-          ${a.n(this.helptextSlot)}
-          name="helptext"
-        ></pkt-helptext>
-      `,h=()=>this.counter?t.x`<div class="pkt-input__counter" aria-live="polite" aria-atomic="true">
-          ${this.counterError?this.counterError:t.E} ${this.counterCurrent||0}
-          ${this.counterMaxLength?`/${this.counterMaxLength}`:t.E}
-        </div>`:t.E,k=()=>this.hasError&&this.errorMessage?t.x`<div
-          role="alert"
-          class="pkt-alert pkt-alert--error pkt-alert--compact"
-          aria-live="assertive"
-          aria-atomic="true"
-          id="${this.forId}-error"
-        >
-          <pkt-icon name="alert-error" class="pkt-alert__icon"></pkt-icon>
-          <div class="pkt-alert__text">${y.o(this.errorMessage)}</div>
-        </div>`:t.E,d=()=>t.x`
-        ${n()} ${l()}
-        ${this.counterPosition==="top"?h():t.E}
-        <div class="pkt-contents" ${a.n(this.defaultSlot)}></div>
-        ${this.counterPosition==="bottom"?h():t.E} ${k()}
-      `,x=()=>this.hasFieldset?t.x`<fieldset class="pkt-inputwrapper__fieldset" aria-describedby="${o}">
-            ${d()}
-          </fieldset>`:t.x`<div class="pkt-inputwrapper__fieldset">${d()}</div>`;return t.x`<div class=${c.e(r)}>${x()}</div> `}toggleDropdown(r){this.dispatchEvent(new CustomEvent("toggleHelpText",{bubbles:!1,detail:{isOpen:r.detail.isOpen}}))}handleLabelClick(r){this.disabled&&(r.preventDefault(),r.stopImmediatePropagation()),this.dispatchEvent(new CustomEvent("labelClick",{bubbles:!0,composed:!0,detail:"label clicked"}))}};e([f.r()],exports.PktInputWrapper.prototype,"hasHelptextSlot",2);e([t.n({type:String})],exports.PktInputWrapper.prototype,"forId",2);e([t.n({type:String})],exports.PktInputWrapper.prototype,"label",2);e([t.n({type:String})],exports.PktInputWrapper.prototype,"helptext",2);e([t.n({type:String})],exports.PktInputWrapper.prototype,"helptextDropdown",2);e([t.n({type:String})],exports.PktInputWrapper.prototype,"helptextDropdownButton",2);e([t.n({type:Boolean})],exports.PktInputWrapper.prototype,"counter",2);e([t.n({type:Number})],exports.PktInputWrapper.prototype,"counterCurrent",2);e([t.n({type:Number})],exports.PktInputWrapper.prototype,"counterMaxLength",2);e([t.n({type:String})],exports.PktInputWrapper.prototype,"counterError",2);e([t.n({type:String,reflect:!1})],exports.PktInputWrapper.prototype,"counterPosition",2);e([t.n({type:Boolean})],exports.PktInputWrapper.prototype,"optionalTag",2);e([t.n({type:String})],exports.PktInputWrapper.prototype,"optionalText",2);e([t.n({type:Boolean})],exports.PktInputWrapper.prototype,"requiredTag",2);e([t.n({type:String})],exports.PktInputWrapper.prototype,"requiredText",2);e([t.n({type:Boolean})],exports.PktInputWrapper.prototype,"hasError",2);e([t.n({type:String})],exports.PktInputWrapper.prototype,"errorMessage",2);e([t.n({type:Boolean})],exports.PktInputWrapper.prototype,"disabled",2);e([t.n({type:Boolean})],exports.PktInputWrapper.prototype,"inline",2);e([t.n({type:String})],exports.PktInputWrapper.prototype,"ariaDescribedby",2);e([t.n({type:Boolean})],exports.PktInputWrapper.prototype,"hasFieldset",2);e([t.n({type:Boolean})],exports.PktInputWrapper.prototype,"useWrapper",2);e([t.n({type:String,reflect:!0})],exports.PktInputWrapper.prototype,"role",2);exports.PktInputWrapper=e([t.t("pkt-input-wrapper")],exports.PktInputWrapper);