@oslokommune/punkt-elements 17.1.2 → 18.0.0

package/dist/{listbox-Dc4rGdPi.cjs → listbox-BlFRhyI7.cjs}

@@ -1,4 +1,4 @@
-const e=require("./element-BA8v6S7z.cjs"),t=require("./class-map-BeimMvPv.cjs"),n=require("./if-defined-B89_ZeCj.cjs"),r=require("./repeat-sY6B7fAT.cjs"),i=require("./utils-63cRpWut.cjs");var a=(e,t)=>t&&(e.find(e=>e.value===t)||e.find(e=>e.label===t))||null,o=(e,t)=>{if(!t)return-1;let n=e.findIndex(e=>e.value===t);return n>=0?n:e.findIndex(e=>e.label===t)},s=(e,t)=>{if(!t)return[...e];let n=t.toLowerCase();return e.filter(e=>(e.fulltext||e.value+(e.label||``)+(e.prefix||``)).toLowerCase().includes(n))},c=e=>e.value+(e.label||``)+(e.prefix||``),l=(e,t)=>t!==null&&e>=t,u=(e,t)=>{if(!t)return{filtered:[...e],suggestion:null};let n=t.toLowerCase(),r=e.filter(e=>e.fulltext?.toLowerCase().includes(n));return{filtered:r,suggestion:r.find(e=>!e.selected&&e.label?.toLowerCase().startsWith(n))||null}},d=(e,t,n,r)=>{if(!e.trim())return{addValueText:null,userInfoMessage:``};let i=e.trim().toLowerCase(),a=t.find(e=>e.toLowerCase()===i),o=n.filter(e=>e.label?.toLowerCase().includes(i)||e.value.toLowerCase().includes(i)),s=o.find(e=>e.label?.toLowerCase()===i||e.value.toLowerCase()===i);return(o.length===0||!s)&&r?{addValueText:e,userInfoMessage:``}:o.length===0&&!r?{addValueText:null,userInfoMessage:`Ingen treff i søket`}:a?{addValueText:null,userInfoMessage:`Verdien er allerede valgt`}:{addValueText:null,userInfoMessage:``}},f=e=>/^[\p{L} ]$/u.test(e),p=(e=500)=>{let t=``,n;return{append:r=>(t+=r.toLowerCase(),n!==void 0&&clearTimeout(n),n=setTimeout(()=>{t=``},e),t),reset:()=>{t=``,n!==void 0&&(clearTimeout(n),n=void 0)},getBuffer:()=>t}},m=(e,t)=>{let n=t.toLowerCase();return e.findIndex(e=>e.textContent?.trim().toLowerCase().startsWith(n))},h=e=>{e.scrollIntoView({block:`nearest`}),window.setTimeout(()=>e.focus(),0)},g=e=>Array.from(e.querySelectorAll(`[role="option"]:not([data-disabled])`)||[]),_=e=>{let t=e.nextElementSibling;t&&h(t)},v=(e,t,n)=>{let r=e.previousElementSibling;if(e.dataset.index===`0`&&n){let e=t.querySelector(`[role="searchbox"]`);e&&h(e)}else r&&h(r)},y=e=>{let t=g(e);t[0]&&h(t[0])},b=e=>{let t=g(e),n=t[t.length-1];n&&h(n)},x=(e,t)=>{if(t.disabled)return;let n=g(e);if(t.allowUserInput&&t.customUserInput){let t=e.querySelector(`[data-type="new-option"]`);if(t){h(t);return}}let r=n.find(e=>e.dataset.selected===`true`);if(r){h(r);return}if(t.includeSearch&&!(document.activeElement instanceof HTMLInputElement)){let t=e.querySelector(`[role="searchbox"]`);if(t){window.setTimeout(()=>t.focus(),0);return}}n[0]&&h(n[0])},S=class extends e.t{constructor(...e){super(...e),this.id=i.n(),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.typeahead=p(),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)}disconnectedCallback(){super.disconnectedCallback(),this.typeahead.reset()}updated(e){(e.has(`options`)||e.has(`searchValue`))&&this.filterOptions(),super.updated(e)}attributeChangedCallback(e,t,n){(e===`options`||e===`search-value`)&&this.filterOptions(),super.attributeChangedCallback(e,t,n)}get _hasOptions(){return this._filteredOptions.length>0||this.options.length>0}render(){return e.p`
+const e=require("./element-B8OGznK0.cjs"),t=require("./class-map-CzCE5pqG.cjs"),n=require("./if-defined-CVYApOgK.cjs"),r=require("./repeat-CHDs__rN.cjs"),i=require("./utils-63cRpWut.cjs");var a=(e,t)=>t&&(e.find(e=>e.value===t)||e.find(e=>e.label===t))||null,o=(e,t)=>{if(!t)return-1;let n=e.findIndex(e=>e.value===t);return n>=0?n:e.findIndex(e=>e.label===t)},s=(e,t)=>{if(!t)return[...e];let n=t.toLowerCase();return e.filter(e=>(e.fulltext||e.value+(e.label||``)+(e.prefix||``)).toLowerCase().includes(n))},c=e=>e.value+(e.label||``)+(e.prefix||``),l=(e,t)=>t!==null&&e>=t,u=(e,t)=>{if(!t)return{filtered:[...e],suggestion:null};let n=t.toLowerCase(),r=e.filter(e=>e.fulltext?.toLowerCase().includes(n));return{filtered:r,suggestion:r.find(e=>!e.selected&&e.label?.toLowerCase().startsWith(n))||null}},d=(e,t,n,r)=>{if(!e.trim())return{addValueText:null,userInfoMessage:``};let i=e.trim().toLowerCase(),a=t.find(e=>e.toLowerCase()===i),o=n.filter(e=>e.label?.toLowerCase().includes(i)||e.value.toLowerCase().includes(i)),s=o.find(e=>e.label?.toLowerCase()===i||e.value.toLowerCase()===i);return(o.length===0||!s)&&r?{addValueText:e,userInfoMessage:``}:o.length===0&&!r?{addValueText:null,userInfoMessage:`noResults`}:a?{addValueText:null,userInfoMessage:`alreadySelected`}:{addValueText:null,userInfoMessage:``}},f=e=>/^[\p{L} ]$/u.test(e),p=(e=500)=>{let t=``,n;return{append:r=>(t+=r.toLowerCase(),n!==void 0&&clearTimeout(n),n=setTimeout(()=>{t=``},e),t),reset:()=>{t=``,n!==void 0&&(clearTimeout(n),n=void 0)},getBuffer:()=>t}},m=(e,t)=>{let n=t.toLowerCase();return e.findIndex(e=>e.textContent?.trim().toLowerCase().startsWith(n))},h=e=>{e.scrollIntoView({block:`nearest`}),window.setTimeout(()=>e.focus(),0)},g=e=>Array.from(e.querySelectorAll(`[role="option"]:not([data-disabled])`)||[]),_=e=>{let t=e.nextElementSibling;t&&h(t)},v=(e,t,n)=>{let r=e.previousElementSibling;if(e.dataset.index===`0`&&n){let e=t.querySelector(`[role="searchbox"]`);e&&h(e)}else r&&h(r)},y=e=>{let t=g(e);t[0]&&h(t[0])},b=e=>{let t=g(e),n=t[t.length-1];n&&h(n)},x=(e,t)=>{if(t.disabled)return;let n=g(e);if(t.allowUserInput&&t.customUserInput){let t=e.querySelector(`[data-type="new-option"]`);if(t){h(t);return}}let r=n.find(e=>e.dataset.selected===`true`);if(r){h(r);return}if(t.includeSearch&&!(document.activeElement instanceof HTMLInputElement)){let t=e.querySelector(`[role="searchbox"]`);if(t){window.setTimeout(()=>t.focus(),0);return}}n[0]&&h(n[0])},S=class extends e.t{constructor(...e){super(...e),this.id=i.n(),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.typeahead=p(),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)}disconnectedCallback(){super.disconnectedCallback(),this.typeahead.reset()}updated(e){(e.has(`options`)||e.has(`searchValue`))&&this.filterOptions(),super.updated(e)}attributeChangedCallback(e,t,n){(e===`options`||e===`search-value`)&&this.filterOptions(),super.attributeChangedCallback(e,t,n)}get _hasOptions(){return this._filteredOptions.length>0||this.options.length>0}render(){return e._`
       <div
         class=${t.t({"pkt-listbox":!0,"pkt-listbox__open":this.isOpen,"pkt-txt-16-light":!0})}
         role=${n.t(this._hasOptions?`listbox`:void 0)}
@@ -14,7 +14,7 @@ const e=require("./element-BA8v6S7z.cjs"),t=require("./class-map-BeimMvPv.cjs"),
         </ul>
       </div>
       <div aria-live="polite" class="pkt-visually-hidden">${this.userMessage}</div>
-    `}renderCheckboxOrCheckIcon(t,n){return this.isMultiSelect?e.p`
+    `}renderCheckboxOrCheckIcon(t,n){return this.isMultiSelect?e._`
           <input
             class="pkt-input-check__input-checkbox"
             type="checkbox"
@@ -26,15 +26,15 @@ const e=require("./element-BA8v6S7z.cjs"),t=require("./class-map-BeimMvPv.cjs"),
             aria-labelledby=${this.id+`-option-label-`+n}
             ?disabled=${this.disabled||t.disabled||this.maxIsReached&&!t.selected}
           />
-        `:t.selected?e.p`<pkt-icon name="check-big"></pkt-icon>`:e.d}renderEmptyMessage(){return this.options.length>0||this._filteredOptions.length>0||this.userMessage?e.d:e.p`<div class="pkt-listbox__banner pkt-listbox__banner--empty">
+        `:t.selected?e._`<pkt-icon name="check-big"></pkt-icon>`:e.h}renderEmptyMessage(){return this.options.length>0||this._filteredOptions.length>0||this.userMessage?e.h:e._`<div class="pkt-listbox__banner pkt-listbox__banner--empty">
       <pkt-icon
         class="pkt-listbox__banner-icon"
         name="exclamation-mark-circle"
         size="large"
       ></pkt-icon>
       Tom liste
-    </div>`}renderList(){return e.p`
-      ${r.t(this._filteredOptions,e=>e.value,(n,r)=>e.p`
+    </div>`}renderList(){return e._`
+      ${r.t(this._filteredOptions,e=>e.value,(n,r)=>e._`
           <li
             @click=${()=>{this.toggleOption(n)}}
             aria-selected=${n.selected?`true`:`false`}
@@ -51,15 +51,15 @@ const e=require("./element-BA8v6S7z.cjs"),t=require("./class-map-BeimMvPv.cjs"),
           >
             ${this.renderCheckboxOrCheckIcon(n,r)}
             <span class="pkt-listbox__option-label" id=${this.id+`-option-label-`+r}>
-              ${n.prefix?e.p`<span class="pkt-listbox__option-prefix">${n.prefix}</span>`:e.d}
+              ${n.prefix?e._`<span class="pkt-listbox__option-prefix">${n.prefix}</span>`:e.h}
               ${n.label||n.value}
             </span>
-            ${n.description?e.p`<span class="pkt-listbox__option-description pkt-txt-14-light"
+            ${n.description?e._`<span class="pkt-listbox__option-description pkt-txt-14-light"
                   >${n.description}</span
-                >`:e.d}
+                >`:e.h}
           </li>
         `)}
-    `}renderNewOptionBanner(){return this.allowUserInput&&this.customUserInput?e.p`
+    `}renderNewOptionBanner(){return this.allowUserInput&&this.customUserInput?e._`
           <div
             class="pkt-listbox__banner pkt-listbox__banner--new-option pkt-listbox__option"
             data-type="new-option"
@@ -72,18 +72,18 @@ const e=require("./element-BA8v6S7z.cjs"),t=require("./class-map-BeimMvPv.cjs"),
             <pkt-icon class="pkt-listbox__banner-icon" name="plus-sign" size="large"></pkt-icon>
             Legg til "${this.customUserInput}"
           </div>
-        `:e.d}renderMaximumReachedBanner(){return this._selectedOptions=this.options.filter(e=>e.selected).length,this.isMultiSelect&&this._selectedOptions>0&&this.maxLength>0?e.p`
+        `:e.h}renderMaximumReachedBanner(){return this._selectedOptions=this.options.filter(e=>e.selected).length,this.isMultiSelect&&this._selectedOptions>0&&this.maxLength>0?e._`
           <div class="pkt-listbox__banner pkt-listbox__banner--maximum-reached">
             ${this._selectedOptions} av maks ${this.maxLength} mulige er valgt.
           </div>
-        `:e.d}renderUserMessage(){return this.userMessage?e.p`<div class="pkt-listbox__banner pkt-listbox__banner--user-message">
+        `:e.h}renderUserMessage(){return this.userMessage?e._`<div class="pkt-listbox__banner pkt-listbox__banner--user-message">
           <pkt-icon
             class="pkt-listbox__banner-icon"
             name="exclamation-mark-circle"
             size="large"
           ></pkt-icon>
           ${this.userMessage}
-        </div>`:e.d}renderSearch(){return this.includeSearch?e.p`
+        </div>`:e.h}renderSearch(){let t=this.pktStrings.get(`listbox`);return this.includeSearch?e._`
           <div class="pkt-listbox__search">
             <span class="pkt-listbox__search-icon">
               <pkt-icon name="magnifying-glass-small" size="large"></pkt-icon>
@@ -91,9 +91,9 @@ const e=require("./element-BA8v6S7z.cjs"),t=require("./class-map-BeimMvPv.cjs"),
             <input
               class="pkt-txt-16-light"
               type="text"
-              aria-label="Søk i listen"
+              aria-label=${t.searchLabel}
               form=""
-              placeholder=${this.searchPlaceholder||e.r.forms.search.placeholder}
+              placeholder=${this.searchPlaceholder??t.searchPlaceholder}
               @input=${this.handleSearchInput}
               @keydown=${this.handleSearchKeydown}
               .value=${this.searchValue}
@@ -103,4 +103,4 @@ const e=require("./element-BA8v6S7z.cjs"),t=require("./class-map-BeimMvPv.cjs"),
               role="searchbox"
             />
           </div>
-        `:e.d}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`:this.focusFirstOrSelectedOption();break;case`Tab`:this.tabClose()}}handleOptionKeydown(e){let t=e.currentTarget,n=t.dataset.value,r=t.dataset.type,i=t.dataset.selected===`true`;if(!(!g(this).length&&(!this.customUserInput||!this.allowUserInput&&this.customUserInput)&&r!==`new-option`&&r!==`searchbox`))switch(e.key){case` `:case`Enter`:this.toggleOption(t),e.preventDefault();break;case`Backspace`:n&&(i?this.toggleOption(t):this.closeOptions()),e.preventDefault();break;case`Escape`:this.closeOptions(),e.preventDefault();break;case`Tab`:this.tabClose();break;case`ArrowDown`:e.altKey?b(this):r===`searchbox`||r===`new-option`?y(this):_(t),e.preventDefault();break;case`ArrowUp`:if(e.altKey)y(this);else if(t.dataset.index===`0`&&this.includeSearch){let e=this.querySelector(`[role="searchbox"]`);e&&e.focus()}else if(t.dataset.index===`0`&&this.customUserInput){let e=this.querySelector(`[data-type="new-option"]`);e&&e.focus()}else v(t,this,this.includeSearch);e.preventDefault();break;case`Home`:y(this),e.preventDefault();break;case`End`:b(this),e.preventDefault();break;default:(e.metaKey||e.ctrlKey)&&e.key===`a`&&(this.selectAll(),e.preventDefault()),f(e.key)&&(this.handleTypeAhead(e.key),e.preventDefault())}}focusFirstOrSelectedOption(){x(this,{disabled:this.disabled,allowUserInput:this.allowUserInput,customUserInput:this.customUserInput,includeSearch:this.includeSearch})}toggleOption(e){let t=e instanceof HTMLElement?e.dataset.disabled:e.disabled;if(this.disabled||t)return;let n=e instanceof HTMLElement?e.dataset.value:e.value;this.dispatchEvent(new CustomEvent(`option-toggle`,{detail:n,bubbles:!1}))}selectAll(){this.dispatchEvent(new CustomEvent(`select-all`,{bubbles:!1}))}closeOptions(){this.dispatchEvent(new CustomEvent(`close-options`,{bubbles:!1}))}tabClose(){this.dispatchEvent(new CustomEvent(`tab-close`,{bubbles:!1}))}filterOptions(){this._filteredOptions=s(this.options,this.searchValue)}handleTypeAhead(e){let t=this.typeahead.append(e),n=g(this),r=m(n,t);r>=0&&h(n[r])}};e.n([e.o({type:String})],S.prototype,`id`,void 0),e.n([e.o({type:String})],S.prototype,`label`,void 0),e.n([e.o({type:Array})],S.prototype,`options`,void 0),e.n([e.o({type:Boolean,reflect:!0,attribute:`is-open`})],S.prototype,`isOpen`,void 0),e.n([e.o({type:Boolean})],S.prototype,`disabled`,void 0),e.n([e.o({type:Boolean,attribute:`include-search`})],S.prototype,`includeSearch`,void 0),e.n([e.o({type:Boolean,attribute:`is-multi-select`})],S.prototype,`isMultiSelect`,void 0),e.n([e.o({type:Boolean,attribute:`allow-user-input`})],S.prototype,`allowUserInput`,void 0),e.n([e.o({type:Boolean,attribute:`max-is-reached`})],S.prototype,`maxIsReached`,void 0),e.n([e.o({type:String,attribute:`custom-user-input`})],S.prototype,`customUserInput`,void 0),e.n([e.o({type:String,attribute:`search-placeholder`})],S.prototype,`searchPlaceholder`,void 0),e.n([e.o({type:String,attribute:`search-value`})],S.prototype,`searchValue`,void 0),e.n([e.o({type:Number,attribute:`max-length`})],S.prototype,`maxLength`,void 0),e.n([e.o({type:String,attribute:`user-message`})],S.prototype,`userMessage`,void 0),e.n([e.a()],S.prototype,`_filteredOptions`,void 0);try{e.s(`pkt-listbox`)(S)}catch{console.warn(`Forsøker å definere <pkt-listbox>, men den er allerede definert`)}var C=S;Object.defineProperty(exports,"a",{enumerable:!0,get:function(){return o}}),Object.defineProperty(exports,"c",{enumerable:!0,get:function(){return l}}),Object.defineProperty(exports,"i",{enumerable:!0,get:function(){return a}}),Object.defineProperty(exports,"n",{enumerable:!0,get:function(){return S}}),Object.defineProperty(exports,"o",{enumerable:!0,get:function(){return u}}),Object.defineProperty(exports,"r",{enumerable:!0,get:function(){return c}}),Object.defineProperty(exports,"s",{enumerable:!0,get:function(){return d}}),Object.defineProperty(exports,"t",{enumerable:!0,get:function(){return C}});
+        `:e.h}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`:this.focusFirstOrSelectedOption();break;case`Tab`:this.tabClose()}}handleOptionKeydown(e){let t=e.currentTarget,n=t.dataset.value,r=t.dataset.type,i=t.dataset.selected===`true`;if(!(!g(this).length&&(!this.customUserInput||!this.allowUserInput&&this.customUserInput)&&r!==`new-option`&&r!==`searchbox`))switch(e.key){case` `:case`Enter`:this.toggleOption(t),e.preventDefault();break;case`Backspace`:n&&(i?this.toggleOption(t):this.closeOptions()),e.preventDefault();break;case`Escape`:this.closeOptions(),e.preventDefault();break;case`Tab`:this.tabClose();break;case`ArrowDown`:e.altKey?b(this):r===`searchbox`||r===`new-option`?y(this):_(t),e.preventDefault();break;case`ArrowUp`:if(e.altKey)y(this);else if(t.dataset.index===`0`&&this.includeSearch){let e=this.querySelector(`[role="searchbox"]`);e&&e.focus()}else if(t.dataset.index===`0`&&this.customUserInput){let e=this.querySelector(`[data-type="new-option"]`);e&&e.focus()}else v(t,this,this.includeSearch);e.preventDefault();break;case`Home`:y(this),e.preventDefault();break;case`End`:b(this),e.preventDefault();break;default:(e.metaKey||e.ctrlKey)&&e.key===`a`&&(this.selectAll(),e.preventDefault()),f(e.key)&&(this.handleTypeAhead(e.key),e.preventDefault())}}focusFirstOrSelectedOption(){x(this,{disabled:this.disabled,allowUserInput:this.allowUserInput,customUserInput:this.customUserInput,includeSearch:this.includeSearch})}toggleOption(e){let t=e instanceof HTMLElement?e.dataset.disabled:e.disabled;if(this.disabled||t)return;let n=e instanceof HTMLElement?e.dataset.value:e.value;this.dispatchEvent(new CustomEvent(`option-toggle`,{detail:n,bubbles:!1}))}selectAll(){this.dispatchEvent(new CustomEvent(`select-all`,{bubbles:!1}))}closeOptions(){this.dispatchEvent(new CustomEvent(`close-options`,{bubbles:!1}))}tabClose(){this.dispatchEvent(new CustomEvent(`tab-close`,{bubbles:!1}))}filterOptions(){this._filteredOptions=s(this.options,this.searchValue)}handleTypeAhead(e){let t=this.typeahead.append(e),n=g(this),r=m(n,t);r>=0&&h(n[r])}};e.n([e.u({type:String})],S.prototype,`id`,void 0),e.n([e.u({type:String})],S.prototype,`label`,void 0),e.n([e.u({type:Array})],S.prototype,`options`,void 0),e.n([e.u({type:Boolean,reflect:!0,attribute:`is-open`})],S.prototype,`isOpen`,void 0),e.n([e.u({type:Boolean})],S.prototype,`disabled`,void 0),e.n([e.u({type:Boolean,attribute:`include-search`})],S.prototype,`includeSearch`,void 0),e.n([e.u({type:Boolean,attribute:`is-multi-select`})],S.prototype,`isMultiSelect`,void 0),e.n([e.u({type:Boolean,attribute:`allow-user-input`})],S.prototype,`allowUserInput`,void 0),e.n([e.u({type:Boolean,attribute:`max-is-reached`})],S.prototype,`maxIsReached`,void 0),e.n([e.u({type:String,attribute:`custom-user-input`})],S.prototype,`customUserInput`,void 0),e.n([e.u({type:String,attribute:`search-placeholder`})],S.prototype,`searchPlaceholder`,void 0),e.n([e.u({type:String,attribute:`search-value`})],S.prototype,`searchValue`,void 0),e.n([e.u({type:Number,attribute:`max-length`})],S.prototype,`maxLength`,void 0),e.n([e.u({type:String,attribute:`user-message`})],S.prototype,`userMessage`,void 0),e.n([e.l()],S.prototype,`_filteredOptions`,void 0);try{e.d(`pkt-listbox`)(S)}catch{console.warn(`Forsøker å definere <pkt-listbox>, men den er allerede definert`)}var C=S;Object.defineProperty(exports,"a",{enumerable:!0,get:function(){return o}}),Object.defineProperty(exports,"c",{enumerable:!0,get:function(){return l}}),Object.defineProperty(exports,"i",{enumerable:!0,get:function(){return a}}),Object.defineProperty(exports,"n",{enumerable:!0,get:function(){return S}}),Object.defineProperty(exports,"o",{enumerable:!0,get:function(){return u}}),Object.defineProperty(exports,"r",{enumerable:!0,get:function(){return c}}),Object.defineProperty(exports,"s",{enumerable:!0,get:function(){return d}}),Object.defineProperty(exports,"t",{enumerable:!0,get:function(){return C}});

package/dist/{listbox-va_E8afs.js → listbox-wd_OofyF.js}

@@ -1,18 +1,18 @@
-import { a as e, d as t, n, o as r, p as i, r as a, s as o, t as s } from "./element-ChsFgr_B.js";
-import { t as c } from "./class-map-CnWCnBSX.js";
-import { t as l } from "./if-defined-CGzIlZ9-.js";
-import { t as u } from "./repeat-C02g7d5S.js";
-import { n as d } from "./utils-BwF4QSrq.js";
+import { _ as e, d as t, h as n, l as r, n as i, t as a, u as o } from "./element-BKSPVgs2.js";
+import { t as s } from "./class-map-F1DJHyb7.js";
+import { t as c } from "./if-defined-BF8XcDi5.js";
+import { t as l } from "./repeat-P9SMlKd5.js";
+import { n as u } from "./utils-BwF4QSrq.js";
 //#region ../../shared-utils/combobox/option-utils.ts
-var f = (e, t) => t && (e.find((e) => e.value === t) || e.find((e) => e.label === t)) || null, p = (e, t) => {
+var d = (e, t) => t && (e.find((e) => e.value === t) || e.find((e) => e.label === t)) || null, f = (e, t) => {
 	if (!t) return -1;
 	let n = e.findIndex((e) => e.value === t);
 	return n >= 0 ? n : e.findIndex((e) => e.label === t);
-}, m = (e, t) => {
+}, p = (e, t) => {
 	if (!t) return [...e];
 	let n = t.toLowerCase();
 	return e.filter((e) => (e.fulltext || e.value + (e.label || "") + (e.prefix || "")).toLowerCase().includes(n));
-}, h = (e) => e.value + (e.label || "") + (e.prefix || ""), g = (e, t) => t !== null && e >= t, _ = (e, t) => {
+}, m = (e) => e.value + (e.label || "") + (e.prefix || ""), h = (e, t) => t !== null && e >= t, g = (e, t) => {
 	if (!t) return {
 		filtered: [...e],
 		suggestion: null
@@ -22,7 +22,7 @@ var f = (e, t) => t && (e.find((e) => e.value === t) || e.find((e) => e.label ==
 		filtered: r,
 		suggestion: r.find((e) => !e.selected && e.label?.toLowerCase().startsWith(n)) || null
 	};
-}, v = (e, t, n, r) => {
+}, _ = (e, t, n, r) => {
 	if (!e.trim()) return {
 		addValueText: null,
 		userInfoMessage: ""
@@ -33,15 +33,15 @@ var f = (e, t) => t && (e.find((e) => e.value === t) || e.find((e) => e.label ==
 		userInfoMessage: ""
 	} : o.length === 0 && !r ? {
 		addValueText: null,
-		userInfoMessage: "Ingen treff i søket"
+		userInfoMessage: "noResults"
 	} : a ? {
 		addValueText: null,
-		userInfoMessage: "Verdien er allerede valgt"
+		userInfoMessage: "alreadySelected"
 	} : {
 		addValueText: null,
 		userInfoMessage: ""
 	};
-}, y = (e) => /^[\p{L} ]$/u.test(e), b = (e = 500) => {
+}, v = (e) => /^[\p{L} ]$/u.test(e), y = (e = 500) => {
 	let t = "", n;
 	return {
 		append: (r) => (t += r.toLowerCase(), n !== void 0 && clearTimeout(n), n = setTimeout(() => {
@@ -52,39 +52,39 @@ var f = (e, t) => t && (e.find((e) => e.value === t) || e.find((e) => e.label ==
 		},
 		getBuffer: () => t
 	};
-}, x = (e, t) => {
+}, b = (e, t) => {
 	let n = t.toLowerCase();
 	return e.findIndex((e) => e.textContent?.trim().toLowerCase().startsWith(n));
-}, S = (e) => {
+}, x = (e) => {
 	e.scrollIntoView({ block: "nearest" }), window.setTimeout(() => e.focus(), 0);
-}, C = (e) => Array.from(e.querySelectorAll("[role=\"option\"]:not([data-disabled])") || []), w = (e) => {
+}, S = (e) => Array.from(e.querySelectorAll("[role=\"option\"]:not([data-disabled])") || []), C = (e) => {
 	let t = e.nextElementSibling;
-	t && S(t);
-}, T = (e, t, n) => {
+	t && x(t);
+}, w = (e, t, n) => {
 	let r = e.previousElementSibling;
 	if (e.dataset.index === "0" && n) {
 		let e = t.querySelector("[role=\"searchbox\"]");
-		e && S(e);
-	} else r && S(r);
+		e && x(e);
+	} else r && x(r);
+}, T = (e) => {
+	let t = S(e);
+	t[0] && x(t[0]);
 }, E = (e) => {
-	let t = C(e);
-	t[0] && S(t[0]);
-}, D = (e) => {
-	let t = C(e), n = t[t.length - 1];
-	n && S(n);
-}, O = (e, t) => {
+	let t = S(e), n = t[t.length - 1];
+	n && x(n);
+}, D = (e, t) => {
 	if (t.disabled) return;
-	let n = C(e);
+	let n = S(e);
 	if (t.allowUserInput && t.customUserInput) {
 		let t = e.querySelector("[data-type=\"new-option\"]");
 		if (t) {
-			S(t);
+			x(t);
 			return;
 		}
 	}
 	let r = n.find((e) => e.dataset.selected === "true");
 	if (r) {
-		S(r);
+		x(r);
 		return;
 	}
 	if (t.includeSearch && !(document.activeElement instanceof HTMLInputElement)) {
@@ -94,10 +94,10 @@ var f = (e, t) => t && (e.find((e) => e.value === t) || e.find((e) => e.label ==
 			return;
 		}
 	}
-	n[0] && S(n[0]);
-}, k = class extends s {
+	n[0] && x(n[0]);
+}, O = class extends a {
 	constructor(...e) {
-		super(...e), this.id = d(), 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.typeahead = b(), this._filteredOptions = [];
+		super(...e), this.id = u(), 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.typeahead = y(), 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);
@@ -115,16 +115,16 @@ var f = (e, t) => t && (e.find((e) => e.value === t) || e.find((e) => e.label ==
 		return this._filteredOptions.length > 0 || this.options.length > 0;
 	}
 	render() {
-		return i`
+		return e`
       <div
-        class=${c({
+        class=${s({
 			"pkt-listbox": !0,
 			"pkt-listbox__open": this.isOpen,
 			"pkt-txt-16-light": !0
 		})}
-        role=${l(this._hasOptions ? "listbox" : void 0)}
-        aria-multiselectable=${l(this._hasOptions && this.isMultiSelect ? "true" : void 0)}
-        aria-label=${l(this._hasOptions ? this.label ?? void 0 : void 0)}
+        role=${c(this._hasOptions ? "listbox" : void 0)}
+        aria-multiselectable=${c(this._hasOptions && this.isMultiSelect ? "true" : void 0)}
+        aria-label=${c(this._hasOptions ? this.label ?? void 0 : void 0)}
       >
         <div class="pkt-listbox__banners">
           ${this.renderSearch()} ${this.renderMaximumReachedBanner()} ${this.renderUserMessage()}
@@ -137,25 +137,25 @@ var f = (e, t) => t && (e.find((e) => e.value === t) || e.find((e) => e.label ==
       <div aria-live="polite" class="pkt-visually-hidden">${this.userMessage}</div>
     `;
 	}
-	renderCheckboxOrCheckIcon(e, n) {
-		return this.isMultiSelect ? i`
+	renderCheckboxOrCheckIcon(t, r) {
+		return this.isMultiSelect ? e`
           <input
             class="pkt-input-check__input-checkbox"
             type="checkbox"
             role="presentation"
             tabindex="-1"
-            value=${e.value}
+            value=${t.value}
             @change=${(e) => {
 			e.stopPropagation();
 		}}
-            .checked=${e.selected}
-            aria-labelledby=${this.id + "-option-label-" + n}
-            ?disabled=${this.disabled || e.disabled || this.maxIsReached && !e.selected}
+            .checked=${t.selected}
+            aria-labelledby=${this.id + "-option-label-" + r}
+            ?disabled=${this.disabled || t.disabled || this.maxIsReached && !t.selected}
           />
-        ` : e.selected ? i`<pkt-icon name="check-big"></pkt-icon>` : t;
+        ` : t.selected ? e`<pkt-icon name="check-big"></pkt-icon>` : n;
 	}
 	renderEmptyMessage() {
-		return this.options.length > 0 || this._filteredOptions.length > 0 || this.userMessage ? t : i`<div class="pkt-listbox__banner pkt-listbox__banner--empty">
+		return this.options.length > 0 || this._filteredOptions.length > 0 || this.userMessage ? n : e`<div class="pkt-listbox__banner pkt-listbox__banner--empty">
       <pkt-icon
         class="pkt-listbox__banner-icon"
         name="exclamation-mark-circle"
@@ -165,42 +165,42 @@ var f = (e, t) => t && (e.find((e) => e.value === t) || e.find((e) => e.label ==
     </div>`;
 	}
 	renderList() {
-		return i`
-      ${u(this._filteredOptions, (e) => e.value, (e, n) => i`
+		return e`
+      ${l(this._filteredOptions, (e) => e.value, (t, r) => e`
           <li
             @click=${() => {
-			this.toggleOption(e);
+			this.toggleOption(t);
 		}}
-            aria-selected=${e.selected ? "true" : "false"}
+            aria-selected=${t.selected ? "true" : "false"}
             @keydown=${this.handleOptionKeydown}
-            class=${c({
+            class=${s({
 			"pkt-listbox__option": !0,
-			"pkt-listbox__option--selected": !!(!this.isMultiSelect && e.selected),
+			"pkt-listbox__option--selected": !!(!this.isMultiSelect && t.selected),
 			"pkt-listbox__option--checkBox": this.isMultiSelect
 		})}
-            tabindex="${this.disabled || e.disabled ? "-1" : "0"}"
-            data-index=${n}
-            data-value=${e.value}
-            data-selected=${e.selected ? "true" : "false"}
-            ?data-disabled=${this.disabled || e.disabled || this.maxIsReached && !e.selected}
-            aria-disabled=${this.disabled || e.disabled || this.maxIsReached && !e.selected ? "true" : "false"}
+            tabindex="${this.disabled || t.disabled ? "-1" : "0"}"
+            data-index=${r}
+            data-value=${t.value}
+            data-selected=${t.selected ? "true" : "false"}
+            ?data-disabled=${this.disabled || t.disabled || this.maxIsReached && !t.selected}
+            aria-disabled=${this.disabled || t.disabled || this.maxIsReached && !t.selected ? "true" : "false"}
             role="option"
-            id=${`${this.id}-${n}`}
+            id=${`${this.id}-${r}`}
           >
-            ${this.renderCheckboxOrCheckIcon(e, n)}
-            <span class="pkt-listbox__option-label" id=${this.id + "-option-label-" + n}>
-              ${e.prefix ? i`<span class="pkt-listbox__option-prefix">${e.prefix}</span>` : t}
-              ${e.label || e.value}
+            ${this.renderCheckboxOrCheckIcon(t, r)}
+            <span class="pkt-listbox__option-label" id=${this.id + "-option-label-" + r}>
+              ${t.prefix ? e`<span class="pkt-listbox__option-prefix">${t.prefix}</span>` : n}
+              ${t.label || t.value}
             </span>
-            ${e.description ? i`<span class="pkt-listbox__option-description pkt-txt-14-light"
-                  >${e.description}</span
-                >` : t}
+            ${t.description ? e`<span class="pkt-listbox__option-description pkt-txt-14-light"
+                  >${t.description}</span
+                >` : n}
           </li>
         `)}
     `;
 	}
 	renderNewOptionBanner() {
-		return this.allowUserInput && this.customUserInput ? i`
+		return this.allowUserInput && this.customUserInput ? e`
           <div
             class="pkt-listbox__banner pkt-listbox__banner--new-option pkt-listbox__option"
             data-type="new-option"
@@ -213,27 +213,28 @@ var f = (e, t) => t && (e.find((e) => e.value === t) || e.find((e) => e.label ==
             <pkt-icon class="pkt-listbox__banner-icon" name="plus-sign" size="large"></pkt-icon>
             Legg til "${this.customUserInput}"
           </div>
-        ` : t;
+        ` : n;
 	}
 	renderMaximumReachedBanner() {
-		return this._selectedOptions = this.options.filter((e) => e.selected).length, this.isMultiSelect && this._selectedOptions > 0 && this.maxLength > 0 ? i`
+		return this._selectedOptions = this.options.filter((e) => e.selected).length, this.isMultiSelect && this._selectedOptions > 0 && this.maxLength > 0 ? e`
           <div class="pkt-listbox__banner pkt-listbox__banner--maximum-reached">
             ${this._selectedOptions} av maks ${this.maxLength} mulige er valgt.
           </div>
-        ` : t;
+        ` : n;
 	}
 	renderUserMessage() {
-		return this.userMessage ? i`<div class="pkt-listbox__banner pkt-listbox__banner--user-message">
+		return this.userMessage ? e`<div class="pkt-listbox__banner pkt-listbox__banner--user-message">
           <pkt-icon
             class="pkt-listbox__banner-icon"
             name="exclamation-mark-circle"
             size="large"
           ></pkt-icon>
           ${this.userMessage}
-        </div>` : t;
+        </div>` : n;
 	}
 	renderSearch() {
-		return this.includeSearch ? i`
+		let t = this.pktStrings.get("listbox");
+		return this.includeSearch ? e`
           <div class="pkt-listbox__search">
             <span class="pkt-listbox__search-icon">
               <pkt-icon name="magnifying-glass-small" size="large"></pkt-icon>
@@ -241,9 +242,9 @@ var f = (e, t) => t && (e.find((e) => e.value === t) || e.find((e) => e.label ==
             <input
               class="pkt-txt-16-light"
               type="text"
-              aria-label="Søk i listen"
+              aria-label=${t.searchLabel}
               form=""
-              placeholder=${this.searchPlaceholder || a.forms.search.placeholder}
+              placeholder=${this.searchPlaceholder ?? t.searchPlaceholder}
               @input=${this.handleSearchInput}
               @keydown=${this.handleSearchKeydown}
               .value=${this.searchValue}
@@ -253,7 +254,7 @@ var f = (e, t) => t && (e.find((e) => e.value === t) || e.find((e) => e.label ==
               role="searchbox"
             />
           </div>
-        ` : t;
+        ` : n;
 	}
 	handleSearchInput(e) {
 		this.searchValue = e.target.value, this.dispatchEvent(new CustomEvent("search", {
@@ -278,7 +279,7 @@ var f = (e, t) => t && (e.find((e) => e.value === t) || e.find((e) => e.label ==
 	}
 	handleOptionKeydown(e) {
 		let t = e.currentTarget, n = t.dataset.value, r = t.dataset.type, i = t.dataset.selected === "true";
-		if (!(!C(this).length && (!this.customUserInput || !this.allowUserInput && this.customUserInput) && r !== "new-option" && r !== "searchbox")) switch (e.key) {
+		if (!(!S(this).length && (!this.customUserInput || !this.allowUserInput && this.customUserInput) && r !== "new-option" && r !== "searchbox")) switch (e.key) {
 			case " ":
 			case "Enter":
 				this.toggleOption(t), e.preventDefault();
@@ -293,30 +294,30 @@ var f = (e, t) => t && (e.find((e) => e.value === t) || e.find((e) => e.label ==
 				this.tabClose();
 				break;
 			case "ArrowDown":
-				e.altKey ? D(this) : r === "searchbox" || r === "new-option" ? E(this) : w(t), e.preventDefault();
+				e.altKey ? E(this) : r === "searchbox" || r === "new-option" ? T(this) : C(t), e.preventDefault();
 				break;
 			case "ArrowUp":
-				if (e.altKey) E(this);
+				if (e.altKey) T(this);
 				else if (t.dataset.index === "0" && this.includeSearch) {
 					let e = this.querySelector("[role=\"searchbox\"]");
 					e && e.focus();
 				} else if (t.dataset.index === "0" && this.customUserInput) {
 					let e = this.querySelector("[data-type=\"new-option\"]");
 					e && e.focus();
-				} else T(t, this, this.includeSearch);
+				} else w(t, this, this.includeSearch);
 				e.preventDefault();
 				break;
 			case "Home":
-				E(this), e.preventDefault();
+				T(this), e.preventDefault();
 				break;
 			case "End":
-				D(this), e.preventDefault();
+				E(this), e.preventDefault();
 				break;
-			default: (e.metaKey || e.ctrlKey) && e.key === "a" && (this.selectAll(), e.preventDefault()), y(e.key) && (this.handleTypeAhead(e.key), e.preventDefault());
+			default: (e.metaKey || e.ctrlKey) && e.key === "a" && (this.selectAll(), e.preventDefault()), v(e.key) && (this.handleTypeAhead(e.key), e.preventDefault());
 		}
 	}
 	focusFirstOrSelectedOption() {
-		O(this, {
+		D(this, {
 			disabled: this.disabled,
 			allowUserInput: this.allowUserInput,
 			customUserInput: this.customUserInput,
@@ -342,52 +343,52 @@ var f = (e, t) => t && (e.find((e) => e.value === t) || e.find((e) => e.label ==
 		this.dispatchEvent(new CustomEvent("tab-close", { bubbles: !1 }));
 	}
 	filterOptions() {
-		this._filteredOptions = m(this.options, this.searchValue);
+		this._filteredOptions = p(this.options, this.searchValue);
 	}
 	handleTypeAhead(e) {
-		let t = this.typeahead.append(e), n = C(this), r = x(n, t);
-		r >= 0 && S(n[r]);
+		let t = this.typeahead.append(e), n = S(this), r = b(n, t);
+		r >= 0 && x(n[r]);
 	}
 };
-n([r({ type: String })], k.prototype, "id", void 0), n([r({ type: String })], k.prototype, "label", void 0), n([r({ type: Array })], k.prototype, "options", void 0), n([r({
+i([o({ type: String })], O.prototype, "id", void 0), i([o({ type: String })], O.prototype, "label", void 0), i([o({ type: Array })], O.prototype, "options", void 0), i([o({
 	type: Boolean,
 	reflect: !0,
 	attribute: "is-open"
-})], k.prototype, "isOpen", void 0), n([r({ type: Boolean })], k.prototype, "disabled", void 0), n([r({
+})], O.prototype, "isOpen", void 0), i([o({ type: Boolean })], O.prototype, "disabled", void 0), i([o({
 	type: Boolean,
 	attribute: "include-search"
-})], k.prototype, "includeSearch", void 0), n([r({
+})], O.prototype, "includeSearch", void 0), i([o({
 	type: Boolean,
 	attribute: "is-multi-select"
-})], k.prototype, "isMultiSelect", void 0), n([r({
+})], O.prototype, "isMultiSelect", void 0), i([o({
 	type: Boolean,
 	attribute: "allow-user-input"
-})], k.prototype, "allowUserInput", void 0), n([r({
+})], O.prototype, "allowUserInput", void 0), i([o({
 	type: Boolean,
 	attribute: "max-is-reached"
-})], k.prototype, "maxIsReached", void 0), n([r({
+})], O.prototype, "maxIsReached", void 0), i([o({
 	type: String,
 	attribute: "custom-user-input"
-})], k.prototype, "customUserInput", void 0), n([r({
+})], O.prototype, "customUserInput", void 0), i([o({
 	type: String,
 	attribute: "search-placeholder"
-})], k.prototype, "searchPlaceholder", void 0), n([r({
+})], O.prototype, "searchPlaceholder", void 0), i([o({
 	type: String,
 	attribute: "search-value"
-})], k.prototype, "searchValue", void 0), n([r({
+})], O.prototype, "searchValue", void 0), i([o({
 	type: Number,
 	attribute: "max-length"
-})], k.prototype, "maxLength", void 0), n([r({
+})], O.prototype, "maxLength", void 0), i([o({
 	type: String,
 	attribute: "user-message"
-})], k.prototype, "userMessage", void 0), n([e()], k.prototype, "_filteredOptions", void 0);
+})], O.prototype, "userMessage", void 0), i([r()], O.prototype, "_filteredOptions", void 0);
 try {
-	o("pkt-listbox")(k);
+	t("pkt-listbox")(O);
 } catch {
 	console.warn("Forsøker å definere <pkt-listbox>, men den er allerede definert");
 }
 //#endregion
 //#region src/components/listbox/index.ts
-var A = k;
+var k = O;
 //#endregion
-export { p as a, g as c, f as i, k as n, _ as o, h as r, v as s, A as t };
+export { f as a, h as c, d as i, O as n, g as o, m as r, _ as s, k as t };

package/dist/{loader-D_RDICnw.js → loader-0C3qVk16.js}

@@ -1,7 +1,7 @@
-import { a as e, d as t, n, o as r, p as i, s as a } from "./element-ChsFgr_B.js";
-import { t as o } from "./class-map-CnWCnBSX.js";
-import { n as s, t as c } from "./element-with-slot-BvG9ctC-.js";
-import "./icon-D-LA22xD.js";
+import { _ as e, d as t, h as n, l as r, n as i, u as a } from "./element-BKSPVgs2.js";
+import { t as o } from "./class-map-F1DJHyb7.js";
+import { n as s, t as c } from "./element-with-slot-YUAUFRqw.js";
+import "./icon-HYU1f54x.js";
 //#region src/components/loader/loader.ts
 var l = "https://punkt-cdn.oslo.kommune.no/latest/animations/";
 typeof window < "u" && (window.pktAnimationPath = window.pktAnimationPath || l);
@@ -16,29 +16,29 @@ var u = class extends c {
 		e.has("delay") && this.setupLoader();
 	}
 	render() {
-		let e = o({
+		let t = o({
 			"pkt-loader": !0,
 			[`pkt-loader--${this.inline ? "inline" : "box"}`]: !0,
 			[`pkt-loader--${this.size}`]: !0
-		}), n = o({
+		}), r = o({
 			"pkt-contents": !0,
 			"pkt-hide": this.isLoading
 		});
-		return i`<div
+		return e`<div
       role="status"
       aria-live="polite"
       aria-busy=${this.isLoading ? "true" : "false"}
-      class=${e}
+      class=${t}
     >
-      ${this.isLoading && this._shouldDisplayLoader ? i`<div class="pkt-loader__spinner">
+      ${this.isLoading && this._shouldDisplayLoader ? e`<div class="pkt-loader__spinner">
             <pkt-icon
               name=${this.getVariant(this.variant)}
               path=${this.loadingAnimationPath}
               class="pkt-loader__svg pkt-loader__${this.variant}"
             ></pkt-icon>
-            ${this.message && i`<p>${this.message}</p>`}
-          </div>` : t}
-      <div class=${n}>${s(this)}</div>
+            ${this.message && e`<p>${this.message}</p>`}
+          </div>` : n}
+      <div class=${r}>${s(this)}</div>
     </div>`;
 	}
 	getVariant(e) {
@@ -54,9 +54,9 @@ var u = class extends c {
 		}, this.delay));
 	}
 };
-n([r({ type: Number })], u.prototype, "delay", void 0), n([r({ type: Boolean })], u.prototype, "inline", void 0), n([r({ type: Boolean })], u.prototype, "isLoading", void 0), n([r({ type: String })], u.prototype, "message", void 0), n([r({ type: String })], u.prototype, "size", void 0), n([r({ type: String })], u.prototype, "variant", void 0), n([r({ type: String })], u.prototype, "loadingAnimationPath", void 0), n([e()], u.prototype, "_shouldDisplayLoader", void 0);
+i([a({ type: Number })], u.prototype, "delay", void 0), i([a({ type: Boolean })], u.prototype, "inline", void 0), i([a({ type: Boolean })], u.prototype, "isLoading", void 0), i([a({ type: String })], u.prototype, "message", void 0), i([a({ type: String })], u.prototype, "size", void 0), i([a({ type: String })], u.prototype, "variant", void 0), i([a({ type: String })], u.prototype, "loadingAnimationPath", void 0), i([r()], u.prototype, "_shouldDisplayLoader", void 0);
 try {
-	a("pkt-loader")(u);
+	t("pkt-loader")(u);
 } catch {
 	console.warn("Forsøker å definere <pkt-loader>, men den er allerede definert");
 }

package/dist/{loader-CMUkVJmE.cjs → loader-B9u2qUlR.cjs}

@@ -1,16 +1,16 @@
-const e=require("./element-BA8v6S7z.cjs"),t=require("./class-map-BeimMvPv.cjs"),n=require("./element-with-slot-Bj7nm7fO.cjs");require("./icon-9iwd2F2l.cjs");var r=`https://punkt-cdn.oslo.kommune.no/latest/animations/`;typeof window<`u`&&(window.pktAnimationPath=window.pktAnimationPath||r);var i=class extends n.t{constructor(...e){super(...e),this.delay=0,this.inline=!1,this.isLoading=!0,this.message=null,this.size=`medium`,this.variant=`shapes`,this.loadingAnimationPath=typeof window<`u`?window.pktAnimationPath:r,this._shouldDisplayLoader=!1}connectedCallback(){super.connectedCallback(),this._shouldDisplayLoader=this.delay===0,this.delay>0&&this.setupLoader()}updated(e){e.has(`delay`)&&this.setupLoader()}render(){let r=t.t({"pkt-loader":!0,[`pkt-loader--${this.inline?`inline`:`box`}`]:!0,[`pkt-loader--${this.size}`]:!0}),i=t.t({"pkt-contents":!0,"pkt-hide":this.isLoading});return e.p`<div
+const e=require("./element-B8OGznK0.cjs"),t=require("./class-map-CzCE5pqG.cjs"),n=require("./element-with-slot-DTxILHVv.cjs");require("./icon-BmMC09mi.cjs");var r=`https://punkt-cdn.oslo.kommune.no/latest/animations/`;typeof window<`u`&&(window.pktAnimationPath=window.pktAnimationPath||r);var i=class extends n.t{constructor(...e){super(...e),this.delay=0,this.inline=!1,this.isLoading=!0,this.message=null,this.size=`medium`,this.variant=`shapes`,this.loadingAnimationPath=typeof window<`u`?window.pktAnimationPath:r,this._shouldDisplayLoader=!1}connectedCallback(){super.connectedCallback(),this._shouldDisplayLoader=this.delay===0,this.delay>0&&this.setupLoader()}updated(e){e.has(`delay`)&&this.setupLoader()}render(){let r=t.t({"pkt-loader":!0,[`pkt-loader--${this.inline?`inline`:`box`}`]:!0,[`pkt-loader--${this.size}`]:!0}),i=t.t({"pkt-contents":!0,"pkt-hide":this.isLoading});return e._`<div
       role="status"
       aria-live="polite"
       aria-busy=${this.isLoading?`true`:`false`}
       class=${r}
     >
-      ${this.isLoading&&this._shouldDisplayLoader?e.p`<div class="pkt-loader__spinner">
+      ${this.isLoading&&this._shouldDisplayLoader?e._`<div class="pkt-loader__spinner">
             <pkt-icon
               name=${this.getVariant(this.variant)}
               path=${this.loadingAnimationPath}
               class="pkt-loader__svg pkt-loader__${this.variant}"
             ></pkt-icon>
-            ${this.message&&e.p`<p>${this.message}</p>`}
-          </div>`:e.d}
+            ${this.message&&e._`<p>${this.message}</p>`}
+          </div>`:e.h}
       <div class=${i}>${n.n(this)}</div>
-    </div>`}getVariant(e){switch(e){case`blue`:return`spinner-blue`;case`rainbow`:return`spinner`;default:return`loader`}}setupLoader(){this.delay>0&&(this._shouldDisplayLoader=!1,setTimeout(()=>{this._shouldDisplayLoader=!0,this.requestUpdate()},this.delay))}};e.n([e.o({type:Number})],i.prototype,`delay`,void 0),e.n([e.o({type:Boolean})],i.prototype,`inline`,void 0),e.n([e.o({type:Boolean})],i.prototype,`isLoading`,void 0),e.n([e.o({type:String})],i.prototype,`message`,void 0),e.n([e.o({type:String})],i.prototype,`size`,void 0),e.n([e.o({type:String})],i.prototype,`variant`,void 0),e.n([e.o({type:String})],i.prototype,`loadingAnimationPath`,void 0),e.n([e.a()],i.prototype,`_shouldDisplayLoader`,void 0);try{e.s(`pkt-loader`)(i)}catch{console.warn(`Forsøker å definere <pkt-loader>, men den er allerede definert`)}var a=i;Object.defineProperty(exports,"n",{enumerable:!0,get:function(){return i}}),Object.defineProperty(exports,"t",{enumerable:!0,get:function(){return a}});
+    </div>`}getVariant(e){switch(e){case`blue`:return`spinner-blue`;case`rainbow`:return`spinner`;default:return`loader`}}setupLoader(){this.delay>0&&(this._shouldDisplayLoader=!1,setTimeout(()=>{this._shouldDisplayLoader=!0,this.requestUpdate()},this.delay))}};e.n([e.u({type:Number})],i.prototype,`delay`,void 0),e.n([e.u({type:Boolean})],i.prototype,`inline`,void 0),e.n([e.u({type:Boolean})],i.prototype,`isLoading`,void 0),e.n([e.u({type:String})],i.prototype,`message`,void 0),e.n([e.u({type:String})],i.prototype,`size`,void 0),e.n([e.u({type:String})],i.prototype,`variant`,void 0),e.n([e.u({type:String})],i.prototype,`loadingAnimationPath`,void 0),e.n([e.l()],i.prototype,`_shouldDisplayLoader`,void 0);try{e.d(`pkt-loader`)(i)}catch{console.warn(`Forsøker å definere <pkt-loader>, men den er allerede definert`)}var a=i;Object.defineProperty(exports,"n",{enumerable:!0,get:function(){return i}}),Object.defineProperty(exports,"t",{enumerable:!0,get:function(){return a}});