@oslokommune/punkt-elements 15.4.3 → 15.4.5

package/CHANGELOG.md

@@ -5,6 +5,23 @@ og skriver commits ca etter [Conventional Commits](https://conventionalcommits.o
 
 ---
 
+## [15.4.5](https://github.com/oslokommune/punkt/compare/15.4.4...15.4.5) (2026-03-02)
+
+### ⚠ BREAKING CHANGES
+Ingen
+
+### Features
+Ingen
+
+### Bug Fixes
+Ingen
+
+### Chores
+Ingen
+
+---
+
+
 ## [15.4.3](https://github.com/oslokommune/punkt/compare/15.4.2...15.4.3) (2026-02-26)
 
 ### ⚠ BREAKING CHANGES

package/dist/{combobox-CZsCRADa.cjs → combobox-C5YcNVSZ.cjs}

@@ -1,4 +1,4 @@
-"use strict";const o=require("./element-CMTfByxQ.cjs"),c=require("./if-defined-hKKmbsI8.cjs"),d=require("./state-BNgpvY-A.cjs"),r=require("./ref-CxLwrCxt.cjs"),y=require("./class-map-Bokp1SoS.cjs"),O=require("./repeat-C-FJ2vfy.cjs"),$=require("./input-element-DM0tY799.cjs"),I=require("./pkt-options-controller-BnTmkl3g.cjs"),w=require("./pkt-slot-controller-D4nKlom5.cjs");require("./input-wrapper-JU4D2TGu.cjs");require("./icon-Dj0oZZSa.cjs");require("./tag-BnT5onW2.cjs");require("./listbox-TRqKskJT.cjs");const C={displayValueAs:{default:"label"}},R={props:C};var V=Object.defineProperty,A=Object.getOwnPropertyDescriptor,n=(b,t,e,i)=>{for(var s=i>1?void 0:i?A(t,e):t,a=b.length-1,l;a>=0;a--)(l=b[a])&&(s=(i?l(t,e,s):l(s))||s);return i&&s&&V(t,e,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._value=[],this._isOptionsOpen=!1,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 t,e;if(super.connectedCallback(),document&&document.body.addEventListener("click",i=>{this._isOptionsOpen&&!this.contains(i.target)&&this.handleFocusOut(i)}),this._options=[],this.defaultOptions&&this.defaultOptions.length){const i=((t=this.options)==null?void 0:t.filter(s=>s.userAdded))||[];this.options=[...i,...JSON.parse(JSON.stringify(this.defaultOptions))],this._options=Array.isArray(this.options)?[...this.options]:[]}if((e=this.optionsController)!=null&&e.nodes&&this.optionsController.nodes.length){const i=[];this.optionsController.nodes.forEach(s=>{if(!s.textContent&&!s.getAttribute("value"))return null;const a={value:s.getAttribute("value")||s.textContent||"",label:s.textContent||s.getAttribute("value")||""};s.getAttribute("data-prefix")&&(a.prefix=s.getAttribute("data-prefix")||void 0),s.getAttribute("tagskincolor")&&(a.tagSkinColor=s.getAttribute("tagskincolor")),s.getAttribute("description")&&(a.description=s.getAttribute("description")||void 0),a.fulltext=a.value+a.label+(a.prefix||""),i.push(a)}),i.length&&(this.options=[...i],this._options=[...i])}}updated(t){if(t.has("_value")&&this.valueChanged(this._value,t.get("_value")),t.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()),t.has("defaultOptions")&&this.defaultOptions.length){const e=(Array.isArray(this.options)?this.options:[]).filter(i=>i.userAdded)||[];this.options=[...e,...JSON.parse(JSON.stringify(this.defaultOptions))],this._options=Array.isArray(this.options)?[...this.options]:[]}if(t.has("options")){const s=(t.get("options")||this._options||[]).filter(l=>l&&l.userAdded).filter(l=>!(Array.isArray(this.options)?this.options:[]).some(h=>h.value===l.value)),a=[...s,...this.options];this._options=a,s.length>0&&(this.options=a),this._options.forEach(l=>{if(l.value&&!l.label&&(l.label=l.value),l.selected&&!this._value.includes(l.value)){const h=[...this._value];this._value=[...this._value,l.value],this.valueChanged(this._value,h)}l.fulltext=l.value+l.label+(l.prefix||""),l.selected=l.selected||this._value.includes(l.value)})}t.has("_search")&&this.dispatchEvent(new CustomEvent("search",{detail:this._search,bubbles:!1})),super.updated(t)}attributeChangedCallback(t,e,i){t==="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]])),t==="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(t,e,i)}render(){return o.b`
+"use strict";const o=require("./element-CMTfByxQ.cjs"),c=require("./if-defined-hKKmbsI8.cjs"),d=require("./state-BNgpvY-A.cjs"),r=require("./ref-CxLwrCxt.cjs"),y=require("./class-map-Bokp1SoS.cjs"),O=require("./repeat-C-FJ2vfy.cjs"),I=require("./input-element-DM0tY799.cjs"),$=require("./pkt-options-controller-BnTmkl3g.cjs"),w=require("./pkt-slot-controller-D4nKlom5.cjs");require("./input-wrapper-JU4D2TGu.cjs");require("./icon-Dj0oZZSa.cjs");require("./tag-BnT5onW2.cjs");require("./listbox-C7NEa9SU.cjs");const C={displayValueAs:{default:"label"}},R={props:C};var V=Object.defineProperty,A=Object.getOwnPropertyDescriptor,n=(b,t,e,i)=>{for(var s=i>1?void 0:i?A(t,e):t,a=b.length-1,l;a>=0;a--)(l=b[a])&&(s=(i?l(t,e,s):l(s))||s);return i&&s&&V(t,e,s),s};exports.PktCombobox=class extends I.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._value=[],this._isOptionsOpen=!1,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 $.PktOptionsSlotController(this),this.slotController=new w.PktSlotController(this,this.helptextSlot),this.slotController.skipOptions=!0}connectedCallback(){var t,e;if(super.connectedCallback(),document&&document.body.addEventListener("click",i=>{this._isOptionsOpen&&!this.contains(i.target)&&this.handleFocusOut(i)}),this._options=[],this.defaultOptions&&this.defaultOptions.length){const i=((t=this.options)==null?void 0:t.filter(s=>s.userAdded))||[];this.options=[...i,...JSON.parse(JSON.stringify(this.defaultOptions))],this._options=Array.isArray(this.options)?[...this.options]:[]}if((e=this.optionsController)!=null&&e.nodes&&this.optionsController.nodes.length){const i=[];this.optionsController.nodes.forEach(s=>{if(!s.textContent&&!s.getAttribute("value"))return null;const a={value:s.getAttribute("value")||s.textContent||"",label:s.textContent||s.getAttribute("value")||""};s.getAttribute("data-prefix")&&(a.prefix=s.getAttribute("data-prefix")||void 0),s.getAttribute("tagskincolor")&&(a.tagSkinColor=s.getAttribute("tagskincolor")),s.getAttribute("description")&&(a.description=s.getAttribute("description")||void 0),a.fulltext=a.value+a.label+(a.prefix||""),i.push(a)}),i.length&&(this.options=[...i],this._options=[...i])}}updated(t){if(t.has("_value")&&this.valueChanged(this._value,t.get("_value")),t.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()),t.has("defaultOptions")&&this.defaultOptions.length){const e=(Array.isArray(this.options)?this.options:[]).filter(i=>i.userAdded)||[];this.options=[...e,...JSON.parse(JSON.stringify(this.defaultOptions))],this._options=Array.isArray(this.options)?[...this.options]:[]}if(t.has("options")){const s=(t.get("options")||this._options||[]).filter(l=>l&&l.userAdded).filter(l=>!(Array.isArray(this.options)?this.options:[]).some(h=>h.value===l.value)),a=[...s,...this.options];this._options=a,s.length>0&&(this.options=a),this._options.forEach(l=>{if(l.value&&!l.label&&(l.label=l.value),l.selected&&!this._value.includes(l.value)){const h=[...this._value];this._value=[...this._value,l.value],this.valueChanged(this._value,h)}l.fulltext=l.value+l.label+(l.prefix||""),l.selected=l.selected||this._value.includes(l.value)})}t.has("_search")&&this.dispatchEvent(new CustomEvent("search",{detail:this._search,bubbles:!1})),super.updated(t)}attributeChangedCallback(t,e,i){t==="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]])),t==="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(t,e,i)}render(){return o.b`
       <pkt-input-wrapper
         .label=${this.label}
         .helptext=${this.helptext}
@@ -99,7 +99,6 @@
               aria-label=${c.o(this.label)}
               aria-autocomplete=${this.typeahead?"both":"list"}
               aria-controls="${this.id}-listbox"
-              aria-multiselectable=${c.o(this.multiple?"true":void 0)}
               aria-activedescendant=${c.o(this._value[0]&&this.findValueInOptions(this._value[0])?`${this.id}-listbox-${this.findIndexInOptions(this._value[0])}`:void 0)}
               ${r.n(this.inputRef)}
             />

package/dist/{combobox-CXBYVeh-.js → combobox-cer7PLSE.js}

@@ -1,7 +1,7 @@
 import { A as I, b as d, n as r, t as w } from "./element-CV9utnHJ.js";
-import { o as f } from "./if-defined-rXcLNTzN.js";
+import { o as v } from "./if-defined-rXcLNTzN.js";
 import { r as c } from "./state-l4hGZdFJ.js";
-import { e as _, n as v } from "./ref-Dma3n3i8.js";
+import { e as f, n as _ } from "./ref-Dma3n3i8.js";
 import { e as k } from "./class-map-3ADKve8g.js";
 import { c as R } from "./repeat-DnlRNf63.js";
 import { P as V } from "./input-element-Bkv6Yxld.js";
@@ -10,7 +10,7 @@ import { P as C } from "./pkt-slot-controller-D7CrjM52.js";
 import "./input-wrapper-CaUY90qz.js";
 import "./icon-D0IQAVwS.js";
 import "./tag-68q0_Sn0.js";
-import "./listbox-CI7Wfn_e.js";
+import "./listbox-Cykec1bj.js";
 const S = { displayValueAs: { default: "label" } }, T = {
   props: S
 };
@@ -21,7 +21,7 @@ var M = Object.defineProperty, P = Object.getOwnPropertyDescriptor, n = (t, e, i
 };
 let o = class extends V {
   constructor() {
-    super(), this.helptextSlot = _(), 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 = T.props.displayValueAs.default, this.tagPlacement = null, this._options = [], this._value = [], this._isOptionsOpen = !1, this._userInfoMessage = "", this._addValueText = null, this._maxIsReached = !1, this._search = "", this._inputFocus = !1, this._editingSingleValue = !1, this.inputRef = _(), this.arrowRef = _(), this.listboxRef = _(), this.focusRef = _(), this.optionTagRef = _(), this.optionsController = new A(this), this.slotController = new C(this, this.helptextSlot), this.slotController.skipOptions = !0;
+    super(), this.helptextSlot = f(), 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 = T.props.displayValueAs.default, this.tagPlacement = null, this._options = [], this._value = [], this._isOptionsOpen = !1, this._userInfoMessage = "", this._addValueText = null, this._maxIsReached = !1, this._search = "", this._inputFocus = !1, this._editingSingleValue = !1, this.inputRef = f(), this.arrowRef = f(), this.listboxRef = f(), this.focusRef = f(), this.optionTagRef = f(), this.optionsController = new A(this), this.slotController = new C(this, this.helptextSlot), this.slotController.skipOptions = !0;
   }
   // Lifecycle methods
   connectedCallback() {
@@ -81,8 +81,8 @@ let o = class extends V {
       <pkt-input-wrapper
         .label=${this.label}
         .helptext=${this.helptext}
-        .helptextDropdown=${f(this.helptextDropdown)}
-        .helptextDropdownButton=${f(this.helptextDropdownButton)}
+        .helptextDropdown=${v(this.helptextDropdown)}
+        .helptextDropdownButton=${v(this.helptextDropdownButton)}
         ?fullwidth=${this.fullwidth}
         ?hasError=${this.hasError}
         ?inline=${this.inline}
@@ -98,7 +98,7 @@ let o = class extends V {
         class="pkt-combobox__wrapper"
         @labelClick=${this.handleInputClick}
       >
-        <div class="pkt-contents" ${v(this.helptextSlot)} name="helptext" slot="helptext"></div>
+        <div class="pkt-contents" ${_(this.helptextSlot)} name="helptext" slot="helptext"></div>
         <div class="pkt-combobox" @focusout=${this.handleFocusOut}>
           <div
             class=${k({
@@ -120,7 +120,7 @@ let o = class extends V {
               @click=${this.handleArrowClick}
               @keydown=${this.handleArrowClick}
               id="${this.id}-arrow"
-              ${v(this.arrowRef)}
+              ${_(this.arrowRef)}
               aria-expanded=${this._isOptionsOpen}
               aria-controls="${this.id}-listbox"
               aria-haspopup="listbox"
@@ -139,7 +139,7 @@ let o = class extends V {
               ></pkt-icon>
             </div>
             <div
-              ${v(this.focusRef)}
+              ${_(this.focusRef)}
               tabindex="-1"
               @keydown=${this.handleArrowClick}
               class="pkt-contents"
@@ -156,7 +156,7 @@ let o = class extends V {
             ?isMultiSelect=${this.multiple}
             ?allowUserInput=${this.allowUserInput && !this._maxIsReached}
             ?maxIsReached=${this._maxIsReached}
-            .customUserInput=${f(this._addValueText)}
+            .customUserInput=${v(this._addValueText)}
             .userMessage=${this._userInfoMessage}
             @search=${this.handleSearch}
             @option-toggle=${this.handleOptionToggled}
@@ -164,7 +164,7 @@ let o = class extends V {
             @close-options=${() => this._isOptionsOpen = !1}
             .searchValue=${this._search || null}
             .maxLength=${this.maxlength || 0}
-            ${v(this.listboxRef)}
+            ${_(this.listboxRef)}
           ></pkt-listbox>
         </div>
 
@@ -187,14 +187,13 @@ let o = class extends V {
               @blur=${this.handleBlur}
               autocomplete="off"
               role="combobox"
-              aria-label=${f(this.label)}
+              aria-label=${v(this.label)}
               aria-autocomplete=${this.typeahead ? "both" : "list"}
               aria-controls="${this.id}-listbox"
-              aria-multiselectable=${f(this.multiple ? "true" : void 0)}
-              aria-activedescendant=${f(
+              aria-activedescendant=${v(
       this._value[0] && this.findValueInOptions(this._value[0]) ? `${this.id}-listbox-${this.findIndexInOptions(this._value[0])}` : void 0
     )}
-              ${v(this.inputRef)}
+              ${_(this.inputRef)}
             />
           </div>
         ` : d`
@@ -203,7 +202,7 @@ let o = class extends V {
             id="${this.id}-input"
             name=${(this.name || this.id) + "-input"}
             .value=${this._value.join(",")}
-            ${v(this.inputRef)}
+            ${_(this.inputRef)}
           />
         `;
   }

package/dist/{listbox-TRqKskJT.cjs → listbox-C7NEa9SU.cjs}

@@ -1,8 +1,9 @@
-"use strict";const s=require("./element-CMTfByxQ.cjs"),p=require("./state-BNgpvY-A.cjs"),h=require("./if-defined-hKKmbsI8.cjs"),u=require("./repeat-C-FJ2vfy.cjs"),c=require("./class-map-Bokp1SoS.cjs"),d=require("./utils-byXsEz1u.cjs");var b=Object.defineProperty,f=Object.getOwnPropertyDescriptor,n=(r,e,t,i)=>{for(var l=i>1?void 0:i?f(e,t):e,o=r.length-1,a;o>=0;o--)(a=r[o])&&(l=(i?a(e,t,l):a(l))||l);return i&&l&&b(e,t,l),l};exports.PktListbox=class extends s.PktElement{constructor(){super(...arguments),this.id=d.uuidish(),this.label=null,this.options=[],this.isOpen=!1,this.disabled=!1,this.includeSearch=!1,this.isMultiSelect=!1,this.allowUserInput=!1,this.maxIsReached=!1,this.customUserInput=null,this.searchPlaceholder=null,this.searchValue=null,this.maxLength=0,this.userMessage=null,this._selectedOptions=0,this._filteredOptions=[]}connectedCallback(){super.connectedCallback(),this.includeSearch&&!this.searchValue&&(this.searchValue=""),this.options.length>0&&this.filterOptions(),this.setAttribute("tabindex","-1"),this.addEventListener("focus",this.focusFirstOrSelectedOption)}updated(e){(e.has("options")||e.has("searchValue"))&&this.filterOptions(),super.updated(e)}attributeChangedCallback(e,t,i){(e==="options"||e==="searchValue"||e==="search-value")&&this.filterOptions(),super.attributeChangedCallback(e,t,i)}render(){return s.b`
+"use strict";const s=require("./element-CMTfByxQ.cjs"),p=require("./state-BNgpvY-A.cjs"),c=require("./if-defined-hKKmbsI8.cjs"),u=require("./repeat-C-FJ2vfy.cjs"),h=require("./class-map-Bokp1SoS.cjs"),d=require("./utils-byXsEz1u.cjs");var b=Object.defineProperty,f=Object.getOwnPropertyDescriptor,l=(r,e,t,i)=>{for(var n=i>1?void 0:i?f(e,t):e,o=r.length-1,a;o>=0;o--)(a=r[o])&&(n=(i?a(e,t,n):a(n))||n);return i&&n&&b(e,t,n),n};exports.PktListbox=class extends s.PktElement{constructor(){super(...arguments),this.id=d.uuidish(),this.label=null,this.options=[],this.isOpen=!1,this.disabled=!1,this.includeSearch=!1,this.isMultiSelect=!1,this.allowUserInput=!1,this.maxIsReached=!1,this.customUserInput=null,this.searchPlaceholder=null,this.searchValue=null,this.maxLength=0,this.userMessage=null,this._selectedOptions=0,this._filteredOptions=[]}connectedCallback(){super.connectedCallback(),this.includeSearch&&!this.searchValue&&(this.searchValue=""),this.options.length>0&&this.filterOptions(),this.setAttribute("tabindex","-1"),this.addEventListener("focus",this.focusFirstOrSelectedOption)}updated(e){(e.has("options")||e.has("searchValue"))&&this.filterOptions(),super.updated(e)}attributeChangedCallback(e,t,i){(e==="options"||e==="searchValue"||e==="search-value")&&this.filterOptions(),super.attributeChangedCallback(e,t,i)}render(){return s.b`
       <div
-        class=${c.e({"pkt-listbox":!0,"pkt-listbox__open":this.isOpen,"pkt-txt-16-light":!0})}
+        class=${h.e({"pkt-listbox":!0,"pkt-listbox__open":this.isOpen,"pkt-txt-16-light":!0})}
         role="listbox"
-        aria-label=${h.o(this.label)}
+        aria-multiselectable=${c.o(this.isMultiSelect?"true":void 0)}
+        aria-label=${c.o(this.label)}
       >
         <div class="pkt-listbox__banners">
           ${this.renderMaximumReachedBanner()} ${this.renderUserMessage()}
@@ -29,7 +30,7 @@
             @click=${()=>{this.toggleOption(e)}}
             aria-selected=${e.selected?"true":"false"}
             @keydown=${this.handleOptionKeydown}
-            class=${c.e({"pkt-listbox__option":!0,"pkt-listbox__option--selected":!!(!this.isMultiSelect&&e.selected),"pkt-listbox__option--checkBox":this.isMultiSelect})}
+            class=${h.e({"pkt-listbox__option":!0,"pkt-listbox__option--selected":!!(!this.isMultiSelect&&e.selected),"pkt-listbox__option--checkBox":this.isMultiSelect})}
             tabindex="${this.disabled||e.disabled?"-1":"0"}"
             data-index=${t}
             data-value=${e.value}
@@ -92,4 +93,4 @@
               role="searchbox"
             />
           </div>
-        `:s.A}handleSearchInput(e){this.searchValue=e.target.value,this.dispatchEvent(new CustomEvent("search",{detail:this.searchValue,bubbles:!1}))}handleSearchKeydown(e){switch(e.key){case"Enter":e.preventDefault();break;case"ArrowUp":case"Escape":this.closeOptions(),e.preventDefault();break;case"ArrowDown":case"Tab":this.focusFirstOrSelectedOption();break}}handleOptionKeydown(e){const t=e.currentTarget,i=t.dataset.value,l=t.dataset.type,o=t.dataset.selected==="true";if(!(!this.getOptionElements().length&&(!this.customUserInput||!this.allowUserInput&&this.customUserInput)&&l!=="new-option"&&l!=="searchbox"))switch(e.key){case" ":case"Enter":this.toggleOption(t),e.preventDefault();break;case"Backspace":i&&(o?this.toggleOption(t):this.closeOptions()),e.preventDefault();break;case"Escape":case"Tab":this.closeOptions();break;case"ArrowDown":e.altKey?this.focusLastOption():l==="searchbox"||l==="new-option"?this.focusFirstOption():this.focusNextOption(t),e.preventDefault();break;case"ArrowUp":if(e.altKey)this.focusFirstOption();else if(t.dataset.index==="0"&&this.includeSearch){const a=this.querySelector('[role="searchbox"]');a&&a.focus()}else if(t.dataset.index==="0"&&this.customUserInput){const a=this.querySelector('[data-type="new-option"]');a&&a.focus()}else this.focusPreviousOption(t);e.preventDefault();break;case"Home":this.focusFirstOption(),e.preventDefault();break;case"End":this.focusLastOption(),e.preventDefault();break;default:(e.metaKey||e.ctrlKey)&&e.key==="a"&&(this.selectAll(),e.preventDefault()),this.isLetterOrSpace(e.key)&&(this.handleTypeAhead(e.key),e.preventDefault());break}}focusAndScrollIntoView(e){e.scrollIntoView({block:"nearest"}),window.setTimeout(()=>e.focus(),0)}focusNextOption(e){const t=e.nextElementSibling;t&&this.focusAndScrollIntoView(t)}focusPreviousOption(e){const t=e.previousElementSibling;if(e.dataset.index==="0"&&this.includeSearch){const i=this.querySelector('[role="searchbox"]');i&&this.focusAndScrollIntoView(i)}else t&&this.focusAndScrollIntoView(t)}focusFirstOption(){const e=this.getOptionElements()[0];e&&this.focusAndScrollIntoView(e)}focusLastOption(){const e=this.getOptionElements().pop();e&&this.focusAndScrollIntoView(e)}focusFirstOrSelectedOption(){if(this.disabled)return;const e=this.getOptionElements().find(t=>t.dataset.selected==="true");if(this.allowUserInput&&this.customUserInput){const t=this.querySelector('[data-type="new-option"]');this.focusAndScrollIntoView(t)}else if(e)this.focusAndScrollIntoView(e);else if(this.includeSearch&&!(document.activeElement instanceof HTMLInputElement)){const t=this.querySelector('[role="searchbox"]');window.setTimeout(()=>t.focus(),0)}else this.focusFirstOption()}toggleOption(e){const t=e instanceof HTMLElement?e.dataset.disabled:e.disabled;if(this.disabled||t)return;const i=e instanceof HTMLElement?e.dataset.value:e.value;this.dispatchEvent(new CustomEvent("option-toggle",{detail:i,bubbles:!1}))}selectAll(){this.dispatchEvent(new CustomEvent("select-all",{bubbles:!1}))}closeOptions(){this.dispatchEvent(new CustomEvent("close-options",{bubbles:!1}))}filterOptions(){this.searchValue?this._filteredOptions=this.options.filter(e=>{var i;return(e.fulltext||e.label+e.value+(e.prefix||"")).toLowerCase().includes(((i=this.searchValue)==null?void 0:i.toLowerCase())||"")}):this._filteredOptions=[...this.options]}isLetterOrSpace(e){return/^[\p{L} ]$/u.test(e)}handleTypeAhead(e){this.typeAheadString+=e.toLowerCase(),this.typeAheadTimeout&&clearTimeout(this.typeAheadTimeout),this.typeAheadTimeout=window.setTimeout(()=>{this.typeAheadString=""},500);const i=this.getOptionElements().find(l=>{var o;return(o=l.textContent)==null?void 0:o.trim().toLowerCase().startsWith(this.typeAheadString)});i&&this.focusAndScrollIntoView(i)}getOptionElements(){return this._filteredOptions.length?Array.from(this.querySelectorAll('[role="option"]:not([data-disabled])')||[]):[]}};n([s.n({type:String})],exports.PktListbox.prototype,"id",2);n([s.n({type:String})],exports.PktListbox.prototype,"label",2);n([s.n({type:Array})],exports.PktListbox.prototype,"options",2);n([s.n({type:Boolean,reflect:!0})],exports.PktListbox.prototype,"isOpen",2);n([s.n({type:Boolean})],exports.PktListbox.prototype,"disabled",2);n([s.n({type:Boolean})],exports.PktListbox.prototype,"includeSearch",2);n([s.n({type:Boolean})],exports.PktListbox.prototype,"isMultiSelect",2);n([s.n({type:Boolean})],exports.PktListbox.prototype,"allowUserInput",2);n([s.n({type:Boolean})],exports.PktListbox.prototype,"maxIsReached",2);n([s.n({type:String})],exports.PktListbox.prototype,"customUserInput",2);n([s.n({type:String})],exports.PktListbox.prototype,"searchPlaceholder",2);n([s.n({type:String})],exports.PktListbox.prototype,"searchValue",2);n([s.n({type:Number})],exports.PktListbox.prototype,"maxLength",2);n([s.n({type:String})],exports.PktListbox.prototype,"userMessage",2);n([p.r()],exports.PktListbox.prototype,"_filteredOptions",2);exports.PktListbox=n([s.t("pkt-listbox")],exports.PktListbox);
+        `:s.A}handleSearchInput(e){this.searchValue=e.target.value,this.dispatchEvent(new CustomEvent("search",{detail:this.searchValue,bubbles:!1}))}handleSearchKeydown(e){switch(e.key){case"Enter":e.preventDefault();break;case"ArrowUp":case"Escape":this.closeOptions(),e.preventDefault();break;case"ArrowDown":case"Tab":this.focusFirstOrSelectedOption();break}}handleOptionKeydown(e){const t=e.currentTarget,i=t.dataset.value,n=t.dataset.type,o=t.dataset.selected==="true";if(!(!this.getOptionElements().length&&(!this.customUserInput||!this.allowUserInput&&this.customUserInput)&&n!=="new-option"&&n!=="searchbox"))switch(e.key){case" ":case"Enter":this.toggleOption(t),e.preventDefault();break;case"Backspace":i&&(o?this.toggleOption(t):this.closeOptions()),e.preventDefault();break;case"Escape":case"Tab":this.closeOptions();break;case"ArrowDown":e.altKey?this.focusLastOption():n==="searchbox"||n==="new-option"?this.focusFirstOption():this.focusNextOption(t),e.preventDefault();break;case"ArrowUp":if(e.altKey)this.focusFirstOption();else if(t.dataset.index==="0"&&this.includeSearch){const a=this.querySelector('[role="searchbox"]');a&&a.focus()}else if(t.dataset.index==="0"&&this.customUserInput){const a=this.querySelector('[data-type="new-option"]');a&&a.focus()}else this.focusPreviousOption(t);e.preventDefault();break;case"Home":this.focusFirstOption(),e.preventDefault();break;case"End":this.focusLastOption(),e.preventDefault();break;default:(e.metaKey||e.ctrlKey)&&e.key==="a"&&(this.selectAll(),e.preventDefault()),this.isLetterOrSpace(e.key)&&(this.handleTypeAhead(e.key),e.preventDefault());break}}focusAndScrollIntoView(e){e.scrollIntoView({block:"nearest"}),window.setTimeout(()=>e.focus(),0)}focusNextOption(e){const t=e.nextElementSibling;t&&this.focusAndScrollIntoView(t)}focusPreviousOption(e){const t=e.previousElementSibling;if(e.dataset.index==="0"&&this.includeSearch){const i=this.querySelector('[role="searchbox"]');i&&this.focusAndScrollIntoView(i)}else t&&this.focusAndScrollIntoView(t)}focusFirstOption(){const e=this.getOptionElements()[0];e&&this.focusAndScrollIntoView(e)}focusLastOption(){const e=this.getOptionElements().pop();e&&this.focusAndScrollIntoView(e)}focusFirstOrSelectedOption(){if(this.disabled)return;const e=this.getOptionElements().find(t=>t.dataset.selected==="true");if(this.allowUserInput&&this.customUserInput){const t=this.querySelector('[data-type="new-option"]');this.focusAndScrollIntoView(t)}else if(e)this.focusAndScrollIntoView(e);else if(this.includeSearch&&!(document.activeElement instanceof HTMLInputElement)){const t=this.querySelector('[role="searchbox"]');window.setTimeout(()=>t.focus(),0)}else this.focusFirstOption()}toggleOption(e){const t=e instanceof HTMLElement?e.dataset.disabled:e.disabled;if(this.disabled||t)return;const i=e instanceof HTMLElement?e.dataset.value:e.value;this.dispatchEvent(new CustomEvent("option-toggle",{detail:i,bubbles:!1}))}selectAll(){this.dispatchEvent(new CustomEvent("select-all",{bubbles:!1}))}closeOptions(){this.dispatchEvent(new CustomEvent("close-options",{bubbles:!1}))}filterOptions(){this.searchValue?this._filteredOptions=this.options.filter(e=>{var i;return(e.fulltext||e.label+e.value+(e.prefix||"")).toLowerCase().includes(((i=this.searchValue)==null?void 0:i.toLowerCase())||"")}):this._filteredOptions=[...this.options]}isLetterOrSpace(e){return/^[\p{L} ]$/u.test(e)}handleTypeAhead(e){this.typeAheadString+=e.toLowerCase(),this.typeAheadTimeout&&clearTimeout(this.typeAheadTimeout),this.typeAheadTimeout=window.setTimeout(()=>{this.typeAheadString=""},500);const i=this.getOptionElements().find(n=>{var o;return(o=n.textContent)==null?void 0:o.trim().toLowerCase().startsWith(this.typeAheadString)});i&&this.focusAndScrollIntoView(i)}getOptionElements(){return this._filteredOptions.length?Array.from(this.querySelectorAll('[role="option"]:not([data-disabled])')||[]):[]}};l([s.n({type:String})],exports.PktListbox.prototype,"id",2);l([s.n({type:String})],exports.PktListbox.prototype,"label",2);l([s.n({type:Array})],exports.PktListbox.prototype,"options",2);l([s.n({type:Boolean,reflect:!0})],exports.PktListbox.prototype,"isOpen",2);l([s.n({type:Boolean})],exports.PktListbox.prototype,"disabled",2);l([s.n({type:Boolean})],exports.PktListbox.prototype,"includeSearch",2);l([s.n({type:Boolean})],exports.PktListbox.prototype,"isMultiSelect",2);l([s.n({type:Boolean})],exports.PktListbox.prototype,"allowUserInput",2);l([s.n({type:Boolean})],exports.PktListbox.prototype,"maxIsReached",2);l([s.n({type:String})],exports.PktListbox.prototype,"customUserInput",2);l([s.n({type:String})],exports.PktListbox.prototype,"searchPlaceholder",2);l([s.n({type:String})],exports.PktListbox.prototype,"searchValue",2);l([s.n({type:Number})],exports.PktListbox.prototype,"maxLength",2);l([s.n({type:String})],exports.PktListbox.prototype,"userMessage",2);l([p.r()],exports.PktListbox.prototype,"_filteredOptions",2);exports.PktListbox=l([s.t("pkt-listbox")],exports.PktListbox);

package/dist/{listbox-CI7Wfn_e.js → listbox-Cykec1bj.js}

@@ -1,15 +1,15 @@
-import { P as d, b as r, A as p, s as b, n as a, t as f } from "./element-CV9utnHJ.js";
-import { r as m } from "./state-l4hGZdFJ.js";
-import { o as y } from "./if-defined-rXcLNTzN.js";
+import { P as b, b as r, A as p, s as f, n as a, t as m } from "./element-CV9utnHJ.js";
+import { r as y } from "./state-l4hGZdFJ.js";
+import { o as u } from "./if-defined-rXcLNTzN.js";
 import { c as k } from "./repeat-DnlRNf63.js";
-import { e as u } from "./class-map-3ADKve8g.js";
+import { e as d } from "./class-map-3ADKve8g.js";
 import { u as x } from "./utils-DznhwRXm.js";
 var O = Object.defineProperty, g = Object.getOwnPropertyDescriptor, l = (e, t, s, o) => {
   for (var n = o > 1 ? void 0 : o ? g(t, s) : t, c = e.length - 1, h; c >= 0; c--)
     (h = e[c]) && (n = (o ? h(t, s, n) : h(n)) || n);
   return o && n && O(t, s, n), n;
 };
-let i = class extends d {
+let i = class extends b {
   constructor() {
     super(...arguments), this.id = x(), this.label = null, this.options = [], this.isOpen = !1, this.disabled = !1, this.includeSearch = !1, this.isMultiSelect = !1, this.allowUserInput = !1, this.maxIsReached = !1, this.customUserInput = null, this.searchPlaceholder = null, this.searchValue = null, this.maxLength = 0, this.userMessage = null, this._selectedOptions = 0, this._filteredOptions = [];
   }
@@ -27,13 +27,14 @@ let i = class extends d {
   render() {
     return r`
       <div
-        class=${u({
+        class=${d({
       "pkt-listbox": !0,
       "pkt-listbox__open": this.isOpen,
       "pkt-txt-16-light": !0
     })}
         role="listbox"
-        aria-label=${y(this.label)}
+        aria-multiselectable=${u(this.isMultiSelect ? "true" : void 0)}
+        aria-label=${u(this.label)}
       >
         <div class="pkt-listbox__banners">
           ${this.renderMaximumReachedBanner()} ${this.renderUserMessage()}
@@ -71,7 +72,7 @@ let i = class extends d {
       }}
             aria-selected=${e.selected ? "true" : "false"}
             @keydown=${this.handleOptionKeydown}
-            class=${u({
+            class=${d({
         "pkt-listbox__option": !0,
         "pkt-listbox__option--selected": !!(!this.isMultiSelect && e.selected),
         "pkt-listbox__option--checkBox": this.isMultiSelect
@@ -143,7 +144,7 @@ let i = class extends d {
               type="text"
               aria-label="Søk i listen"
               form=""
-              placeholder=${this.searchPlaceholder || b.forms.search.placeholder}
+              placeholder=${this.searchPlaceholder || f.forms.search.placeholder}
               @input=${this.handleSearchInput}
               @keydown=${this.handleSearchKeydown}
               .value=${this.searchValue}
@@ -350,10 +351,10 @@ l([
   a({ type: String })
 ], i.prototype, "userMessage", 2);
 l([
-  m()
+  y()
 ], i.prototype, "_filteredOptions", 2);
 i = l([
-  f("pkt-listbox")
+  m("pkt-listbox")
 ], i);
 export {
   i as P

package/dist/pkt-combobox.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("./combobox-CZsCRADa.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-C5YcNVSZ.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-CXBYVeh-.js";
+import { P as o } from "./combobox-cer7PLSE.js";
 const b = o;
 export {
   o as PktCombobox,

package/dist/pkt-index.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const u=require("./alert-BDXWFRcf.cjs"),t=require("./accordionitem-To95GT6b.cjs"),a=require("./backlink-CQoNgoa-.cjs"),P=require("./button-VWxZW89G.cjs"),i=require("./calendar-DjbO2g5L.cjs"),c=require("./card-5S2r9UD1.cjs"),b=require("./combobox-CZsCRADa.cjs"),k=require("./consent-BQLkfN3d.cjs"),d=require("./checkbox-D98_NjcU.cjs"),r=require("./datepicker-SEKblnRR.cjs"),e=require("./pkt-header.cjs"),l=require("./helptext-BjW1WdOn.cjs"),s=require("./heading-B0XRE0lq.cjs"),p=require("./icon-Dj0oZZSa.cjs"),g=require("./input-wrapper-JU4D2TGu.cjs"),m=require("./link-CDuv1jxx.cjs"),f=require("./linkcard-3WUL0CpY.cjs"),y=require("./loader-C1LI8Q4z.cjs"),j=require("./messagebox-Dmot5szX.cjs"),O=require("./modal-S9MOKOaz.cjs"),q=require("./progressbar-Bxh335uT.cjs"),n=require("./radiobutton-95wp024h.cjs"),x=require("./tag-BnT5onW2.cjs"),o=require("./tabitem-BKv4eN0a.cjs"),T=require("./textarea-CuTsE1WX.cjs"),C=require("./textinput-st4Vml5J.cjs"),H=require("./select-CZ_Lx5W6.cjs");Object.defineProperty(exports,"PktAlert",{enumerable:!0,get:()=>u.PktAlert});exports.PktAccordion=t.PktAccordion;exports.PktAccordionItem=t.PktAccordionItem_default;Object.defineProperty(exports,"PktBackLink",{enumerable:!0,get:()=>a.PktBackLink});Object.defineProperty(exports,"PktButton",{enumerable:!0,get:()=>P.PktButton});Object.defineProperty(exports,"PktCalendar",{enumerable:!0,get:()=>i.PktCalendar});Object.defineProperty(exports,"PktCard",{enumerable:!0,get:()=>c.PktCard});Object.defineProperty(exports,"PktCombobox",{enumerable:!0,get:()=>b.PktCombobox});Object.defineProperty(exports,"PktConsent",{enumerable:!0,get:()=>k.PktConsent});Object.defineProperty(exports,"PktCheckbox",{enumerable:!0,get:()=>d.PktCheckbox});Object.defineProperty(exports,"PktDateTags",{enumerable:!0,get:()=>r.PktDateTags});Object.defineProperty(exports,"PktDatepicker",{enumerable:!0,get:()=>r.PktDatepicker});Object.defineProperty(exports,"PktHeader",{enumerable:!0,get:()=>e.PktHeader});Object.defineProperty(exports,"PktHeaderService",{enumerable:!0,get:()=>e.PktHeaderService});Object.defineProperty(exports,"PktHeaderUserMenu",{enumerable:!0,get:()=>e.PktHeaderUserMenu});Object.defineProperty(exports,"PktHelptext",{enumerable:!0,get:()=>l.PktHelptext});Object.defineProperty(exports,"PktHeading",{enumerable:!0,get:()=>s.PktHeading});Object.defineProperty(exports,"PktIcon",{enumerable:!0,get:()=>p.PktIcon});Object.defineProperty(exports,"PktInputWrapper",{enumerable:!0,get:()=>g.PktInputWrapper});Object.defineProperty(exports,"PktLink",{enumerable:!0,get:()=>m.PktLink});Object.defineProperty(exports,"PktLinkCard",{enumerable:!0,get:()=>f.PktLinkCard});Object.defineProperty(exports,"PktLoader",{enumerable:!0,get:()=>y.PktLoader});Object.defineProperty(exports,"PktMessagebox",{enumerable:!0,get:()=>j.PktMessagebox});Object.defineProperty(exports,"PktModal",{enumerable:!0,get:()=>O.PktModal});Object.defineProperty(exports,"PktProgressbar",{enumerable:!0,get:()=>q.PktProgressbar});Object.defineProperty(exports,"PktRadioButton",{enumerable:!0,get:()=>n.PktRadioButton});Object.defineProperty(exports,"PktRadiobutton",{enumerable:!0,get:()=>n.PktRadioButton});Object.defineProperty(exports,"PktTag",{enumerable:!0,get:()=>x.PktTag});exports.PktTabItem=o.PktTabItem_default;exports.PktTabs=o.PktTabs;Object.defineProperty(exports,"PktTextarea",{enumerable:!0,get:()=>T.PktTextarea});Object.defineProperty(exports,"PktTextinput",{enumerable:!0,get:()=>C.PktTextinput});Object.defineProperty(exports,"PktSelect",{enumerable:!0,get:()=>H.PktSelect});
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const u=require("./alert-BDXWFRcf.cjs"),t=require("./accordionitem-To95GT6b.cjs"),a=require("./backlink-CQoNgoa-.cjs"),P=require("./button-VWxZW89G.cjs"),i=require("./calendar-DjbO2g5L.cjs"),c=require("./card-5S2r9UD1.cjs"),b=require("./combobox-C5YcNVSZ.cjs"),k=require("./consent-BQLkfN3d.cjs"),d=require("./checkbox-D98_NjcU.cjs"),r=require("./datepicker-SEKblnRR.cjs"),e=require("./pkt-header.cjs"),l=require("./helptext-BjW1WdOn.cjs"),s=require("./heading-B0XRE0lq.cjs"),p=require("./icon-Dj0oZZSa.cjs"),g=require("./input-wrapper-JU4D2TGu.cjs"),m=require("./link-CDuv1jxx.cjs"),f=require("./linkcard-3WUL0CpY.cjs"),y=require("./loader-C1LI8Q4z.cjs"),j=require("./messagebox-Dmot5szX.cjs"),O=require("./modal-S9MOKOaz.cjs"),q=require("./progressbar-Bxh335uT.cjs"),n=require("./radiobutton-95wp024h.cjs"),x=require("./tag-BnT5onW2.cjs"),o=require("./tabitem-BKv4eN0a.cjs"),T=require("./textarea-CuTsE1WX.cjs"),C=require("./textinput-st4Vml5J.cjs"),H=require("./select-CZ_Lx5W6.cjs");Object.defineProperty(exports,"PktAlert",{enumerable:!0,get:()=>u.PktAlert});exports.PktAccordion=t.PktAccordion;exports.PktAccordionItem=t.PktAccordionItem_default;Object.defineProperty(exports,"PktBackLink",{enumerable:!0,get:()=>a.PktBackLink});Object.defineProperty(exports,"PktButton",{enumerable:!0,get:()=>P.PktButton});Object.defineProperty(exports,"PktCalendar",{enumerable:!0,get:()=>i.PktCalendar});Object.defineProperty(exports,"PktCard",{enumerable:!0,get:()=>c.PktCard});Object.defineProperty(exports,"PktCombobox",{enumerable:!0,get:()=>b.PktCombobox});Object.defineProperty(exports,"PktConsent",{enumerable:!0,get:()=>k.PktConsent});Object.defineProperty(exports,"PktCheckbox",{enumerable:!0,get:()=>d.PktCheckbox});Object.defineProperty(exports,"PktDateTags",{enumerable:!0,get:()=>r.PktDateTags});Object.defineProperty(exports,"PktDatepicker",{enumerable:!0,get:()=>r.PktDatepicker});Object.defineProperty(exports,"PktHeader",{enumerable:!0,get:()=>e.PktHeader});Object.defineProperty(exports,"PktHeaderService",{enumerable:!0,get:()=>e.PktHeaderService});Object.defineProperty(exports,"PktHeaderUserMenu",{enumerable:!0,get:()=>e.PktHeaderUserMenu});Object.defineProperty(exports,"PktHelptext",{enumerable:!0,get:()=>l.PktHelptext});Object.defineProperty(exports,"PktHeading",{enumerable:!0,get:()=>s.PktHeading});Object.defineProperty(exports,"PktIcon",{enumerable:!0,get:()=>p.PktIcon});Object.defineProperty(exports,"PktInputWrapper",{enumerable:!0,get:()=>g.PktInputWrapper});Object.defineProperty(exports,"PktLink",{enumerable:!0,get:()=>m.PktLink});Object.defineProperty(exports,"PktLinkCard",{enumerable:!0,get:()=>f.PktLinkCard});Object.defineProperty(exports,"PktLoader",{enumerable:!0,get:()=>y.PktLoader});Object.defineProperty(exports,"PktMessagebox",{enumerable:!0,get:()=>j.PktMessagebox});Object.defineProperty(exports,"PktModal",{enumerable:!0,get:()=>O.PktModal});Object.defineProperty(exports,"PktProgressbar",{enumerable:!0,get:()=>q.PktProgressbar});Object.defineProperty(exports,"PktRadioButton",{enumerable:!0,get:()=>n.PktRadioButton});Object.defineProperty(exports,"PktRadiobutton",{enumerable:!0,get:()=>n.PktRadioButton});Object.defineProperty(exports,"PktTag",{enumerable:!0,get:()=>x.PktTag});exports.PktTabItem=o.PktTabItem_default;exports.PktTabs=o.PktTabs;Object.defineProperty(exports,"PktTextarea",{enumerable:!0,get:()=>T.PktTextarea});Object.defineProperty(exports,"PktTextinput",{enumerable:!0,get:()=>C.PktTextinput});Object.defineProperty(exports,"PktSelect",{enumerable:!0,get:()=>H.PktSelect});

package/dist/pkt-index.js

@@ -4,7 +4,7 @@ import { P as s } from "./backlink-C68H4Z3b.js";
 import { P as x } from "./button-CHUuxLQV.js";
 import { P as f } from "./calendar-DTnx3DDH.js";
 import { P as d } from "./card-CnPjrdre.js";
-import { P as c } from "./combobox-CXBYVeh-.js";
+import { P as c } from "./combobox-cer7PLSE.js";
 import { P as u } from "./consent-knPF4PS_.js";
 import { P as T } from "./checkbox-BSz71IeT.js";
 import { P as l, a as H } from "./datepicker-nnyTW0vf.js";

package/dist/pkt-listbox.cjs

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

package/dist/pkt-listbox.js

@@ -1,4 +1,4 @@
-import { P as t } from "./listbox-CI7Wfn_e.js";
+import { P as t } from "./listbox-Cykec1bj.js";
 const s = t;
 export {
   t as PktListbox,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@oslokommune/punkt-elements",
-  "version": "15.4.3",
+  "version": "15.4.5",
   "description": "Komponentbiblioteket til Punkt, et designsystem laget av Oslo Origo",
   "homepage": "https://punkt.oslo.kommune.no",
   "author": "Team Designsystem, Oslo Origo",
@@ -42,7 +42,7 @@
     "@babel/preset-env": "^7.28.3",
     "@babel/preset-typescript": "^7.25.9",
     "@oslokommune/punkt-assets": "^15.0.0",
-    "@oslokommune/punkt-css": "^15.4.3",
+    "@oslokommune/punkt-css": "^15.4.4",
     "@testing-library/jest-dom": "^6.6.3",
     "@typescript-eslint/eslint-plugin": "^8.46.0",
     "@typescript-eslint/parser": "^8.46.0",
@@ -79,5 +79,5 @@
     "url": "https://github.com/oslokommune/punkt/issues"
   },
   "license": "MIT",
-  "gitHead": "2209815d9725ba435cd62f140625a3f40903202a"
+  "gitHead": "64154bb897bebc4a10bddd741816ca5943b1f687"
 }

package/src/components/combobox/combobox.test.ts

@@ -700,16 +700,6 @@ describe('PktCombobox', () => {
       expect(textInput?.getAttribute('aria-autocomplete')).toBe('list')
     })
 
-    test('sets correct ARIA attributes for multiple selection', async () => {
-      const container = await createCombobox('id="test" name="test" allowUserInput multiple')
-
-      const combobox = container.querySelector('pkt-combobox') as PktCombobox
-      await combobox.updateComplete
-
-      const textInput = combobox.querySelector('input[type="text"]')
-      expect(textInput?.getAttribute('aria-multiselectable')).toBe('true')
-    })
-
     test('sets correct aria-activedescendant when value is selected', async () => {
       const testOptions: IPktComboboxOption[] = [{ value: 'option1', label: 'Option 1' }]
 

package/src/components/combobox/combobox.ts

@@ -383,7 +383,6 @@ export class PktCombobox extends PktInputElement implements IPktCombobox {
               aria-label=${ifDefined(this.label)}
               aria-autocomplete=${this.typeahead ? 'both' : 'list'}
               aria-controls="${this.id}-listbox"
-              aria-multiselectable=${ifDefined(this.multiple ? 'true' : undefined)}
               aria-activedescendant=${ifDefined(
                 this._value[0] && !!this.findValueInOptions(this._value[0])
                   ? `${this.id}-listbox-${this.findIndexInOptions(this._value[0])}`

package/src/components/listbox/listbox.test.ts

@@ -206,6 +206,119 @@ describe('PktListbox', () => {
     })
   })
 
+  describe('Multi-select functionality', () => {
+    test('sets aria-multiselectable to true when isMultiSelect is true', async () => {
+      const options = [
+        { value: 'option1', label: 'Option 1' },
+        { value: 'option2', label: 'Option 2' },
+      ]
+      const { listbox } = await createListboxTest({
+        isMultiSelect: true,
+        options,
+      })
+
+      const listboxElement = listbox.querySelector('[role="listbox"]')
+      expect(listboxElement?.getAttribute('aria-multiselectable')).toBe('true')
+    })
+
+    test('allows multiple options to be selected', async () => {
+      const options = [
+        { value: 'option1', label: 'Option 1', selected: true },
+        { value: 'option2', label: 'Option 2', selected: true },
+        { value: 'option3', label: 'Option 3', selected: false },
+      ]
+      const { listbox } = await createListboxTest({
+        isMultiSelect: true,
+        options,
+      })
+
+      const checkboxes = listbox.querySelectorAll('input[type="checkbox"]')
+      expect(checkboxes[0]).toBeChecked()
+      expect(checkboxes[1]).toBeChecked()
+      expect(checkboxes[2]).not.toBeChecked()
+    })
+
+    test('dispatches select-all event when Cmd+A is pressed', async () => {
+      const options = [
+        { value: 'option1', label: 'Option 1' },
+        { value: 'option2', label: 'Option 2' },
+        { value: 'option3', label: 'Option 3' },
+      ]
+      const { listbox } = await createListboxTest({
+        isMultiSelect: true,
+        options,
+      })
+
+      let selectAllCalled = false
+      listbox.addEventListener('select-all', () => {
+        selectAllCalled = true
+      })
+
+      const firstOption = listbox.querySelector('.pkt-listbox__option')
+      firstOption?.dispatchEvent(
+        new KeyboardEvent('keydown', {
+          key: 'a',
+          metaKey: true,
+          bubbles: true,
+        }),
+      )
+
+      await listbox.updateComplete
+      expect(selectAllCalled).toBe(true)
+    })
+
+    test('dispatches select-all event when Ctrl+A is pressed', async () => {
+      const options = [
+        { value: 'option1', label: 'Option 1' },
+        { value: 'option2', label: 'Option 2' },
+      ]
+      const { listbox } = await createListboxTest({
+        isMultiSelect: true,
+        options,
+      })
+
+      let selectAllCalled = false
+      listbox.addEventListener('select-all', () => {
+        selectAllCalled = true
+      })
+
+      const firstOption = listbox.querySelector('.pkt-listbox__option')
+      firstOption?.dispatchEvent(
+        new KeyboardEvent('keydown', {
+          key: 'a',
+          ctrlKey: true,
+          bubbles: true,
+        }),
+      )
+
+      await listbox.updateComplete
+      expect(selectAllCalled).toBe(true)
+    })
+
+    test('toggles individual options in multi-select mode', async () => {
+      const options = [
+        { value: 'option1', label: 'Option 1' },
+        { value: 'option2', label: 'Option 2' },
+      ]
+      const { listbox } = await createListboxTest({
+        isMultiSelect: true,
+        options,
+      })
+
+      const toggledValues: string[] = []
+      listbox.addEventListener('option-toggle', (e: any) => {
+        toggledValues.push(e.detail)
+      })
+
+      const optionElements = listbox.querySelectorAll('.pkt-listbox__option')
+      fireEvent.click(optionElements[0])
+      fireEvent.click(optionElements[1])
+
+      await listbox.updateComplete
+      expect(toggledValues).toEqual(['option1', 'option2'])
+    })
+  })
+
   describe('Accessibility', () => {
     test('basic listbox is accessible', async () => {
       const options = [

package/src/components/listbox/listbox.ts

@@ -87,6 +87,7 @@ export class PktListbox extends PktElement implements IPktListbox {
           'pkt-txt-16-light': true,
         })}
         role="listbox"
+        aria-multiselectable=${ifDefined(this.isMultiSelect ? 'true' : undefined)}
         aria-label=${ifDefined(this.label)}
       >
         <div class="pkt-listbox__banners">