@oslokommune/punkt-elements 19.5.0 → 19.5.2

package/dist/{input-wrapper-B5rqKWSB.cjs → input-wrapper-BBG8EXQ8.cjs}

@@ -1,42 +1,42 @@
-const e=require("./element-BOmr9YLv.cjs"),t=require("./if-defined-2mkIDgOm.cjs"),n=require("./format-B8meU8Tm.cjs"),r=require("./element-with-slot-2PHu2w7O.cjs"),i=require("./booleanish-BF8l4scU.cjs");require("./alert-DcyO0WfW.cjs");const a=require("./icon-Dnv6LtPC.cjs"),o=require("./utils-63cRpWut.cjs");require("./helptext-CmsuAXSE.cjs");const s=require("./focus-modality-controller-C1ocyv2J.cjs");var c=e=>{let t=[];return e.hasHelptext&&t.push(`${e.id}-helptext`),e.hasCounter&&t.push(`${e.id}-counter-status`),e.ariaDescribedby&&t.push(e.ariaDescribedby),t.length?t.join(` `):void 0},l=e=>`${e}-counter-status`,u=(e,t)=>!!t&&t>0&&(e??0)>t,d={name:`pkt-input-wrapper`,react:`PktInputWrapper`,"css-class":`pkt-inputwrapper`,isElement:!0,isPureReact:!0,"dark-mode":!0,events:{toggleHelpText:{description:`Event for å vise eller skjule hjelpetekst i dropdown`}},slots:{default:{description:`Innholdet i input-wrapperen, som kan være et skjemaelement eller en annen komponent`}},props:{forId:{name:`For ID`,description:`Id-en til skjemaelementet som dette wrapper rundt`,type:`string`,required:!0,category:`tech`},label:{name:`Merkelapp`,description:`Merkelapp for skjemaelementet`,type:`string`,required:!0,category:`contents`},helptext:{name:`Hjelpetekst`,description:`Hjelpetekst for skjemaelementet`,type:`string`,category:`contents`},helptextDropdown:{name:`Hjelpetekst i dropdown`,description:`Hjelpetekst som vises i ekspanderende felt`,type:`string`,category:`contents`},helptextDropdownButton:{name:`Tekst i hjelpetekst-knapp`,description:`Tekst som vises i knappen for å vise hjelpetekst i dropdown`,default:`Les mer <span class='pkt-sr-only'>om feltet</span>`,type:`string`,category:`contents`},ariaDescribedby:{name:`aria-describedby`,description:`Id-en til elementet som beskriver skjemaelementet`,type:`string`,category:`accessibility`},counter:{name:`Teller`,description:`Teller for antall tegn i skjemaelementet`,type:`boolean`,default:!1,category:`ui`},counterCurrent:{name:`Tellerverdi`,description:`Tellerens nåværende verdi`,type:`number`,category:`ui`,showIf:{counter:!0}},counterMaxLength:{name:`Maks tegn i teller`,description:`Maks antall tegn som kan skrives i skjemaelementet`,type:`number`,category:`ui`,showIf:{counter:!0}},counterPosition:{name:`Tellerplassering`,description:`Telleren sin plassering i forhold til elementet`,type:[`top`,`bottom`],default:`bottom`,category:`ui`,showIf:{counter:!0}},optionalTag:{name:`Vise valgfritt-merking`,description:`Viser en merking som indikerer at feltet er valgfritt`,type:`boolean`,default:!1,category:`ui`},optionalText:{name:`Valgfritt-tekst`,description:`Tekst som vises i valgfritt-merkingen`,type:`string`,default:`Valgfritt`,category:`contents`},requiredTag:{name:`Vise påkrevd-merking`,description:`Viser en merking som indikerer at feltet er påkrevd`,type:`boolean`,default:!1,category:`ui`},requiredText:{name:`Påkrevd-tekst`,description:`Tekst som vises i påkrevd-merkingen`,type:`string`,default:`Må fylles ut`,category:`contents`},tagText:{type:`string`,name:`Tag-tekst`,description:`Tekst som vises i en tag ved siden av label`,category:`ui`},hasError:{name:`Feil`,description:`Indikerer at skjemaelementet har en feil`,type:`boolean`,default:!1,category:`ui`},errorMessage:{name:`Feilmelding`,description:`Feilmelding som vises når skjemaelementet har en feil`,type:`string`,category:`contents`},disabled:{name:`Deaktivert`,description:`Indikerer at skjemaelementet er deaktivert`,type:`boolean`,default:!1,category:`tech`},inline:{name:`Inline`,description:`Indikerer at skjemaelementet skal flyte sammen med sidens innhold`,type:`boolean`,default:!1,category:`ui`},hasFieldset:{name:`Er fieldset`,description:`Indikerer at innholdet er et fieldset`,type:`boolean`,default:!1,category:`ui`},useWrapper:{name:`Bruk wrapper`,description:`Indikerer om skjemaelementet skal bruke en wrapper`,type:`boolean`,displayAsFalse:!0,default:!0,category:`ui`},role:{name:`Rolle`,description:`ARIA-rolle på wrapperen. Settes ikke som standard. Bruk hasFieldset for reelle grupper.`,type:`string`,default:null,category:`accessibility`},size:{name:`Størrelse`,description:`Visuell størrelse. small: kompakt wrapper og felt (42px). xsmall: samme wrapper som small, felt 36px.`,attribute:`input-wrapper-size`,type:[`small`,`medium`,`xsmall`],default:`medium`,category:`ui`}}},f=class extends r.t{constructor(...e){super(...e),this.forId=o.n(),this.label=``,this.helptext=null,this.helptextDropdown=null,this.helptextDropdownButton=null,this.counter=d.props.counter.default,this.counterCurrent=0,this.counterMaxLength=0,this.counterError=null,this.counterPosition=`bottom`,this.optionalTag=d.props.optionalTag.default,this.requiredTag=d.props.requiredTag.default,this.tagText=null,this.hasError=d.props.hasError.default,this.errorMessage=``,this.disabled=d.props.disabled.default,this.inline=d.props.inline.default,this.ariaDescribedby=void 0,this.hasFieldset=d.props.hasFieldset.default,this.role=null,this.useWrapper=d.props.useWrapper.default,this.size=`medium`,this.focusModality=new s.t(this)}updated(e){super.updated(e),this.classList.add(`pkt-inputwrapper`),this.classList.toggle(`pkt-inputwrapper--error`,this.hasError),this.classList.toggle(`pkt-inputwrapper--disabled`,this.disabled),this.classList.toggle(`pkt-inputwrapper--inline`,this.inline),this.classList.toggle(`pkt-inputwrapper--medium`,this.size===`medium`),this.classList.toggle(`pkt-inputwrapper--small`,this.size===`small`),this.classList.toggle(`pkt-inputwrapper--xsmall`,this.size===`xsmall`),this.role?this.setAttribute(`aria-labelledby`,`${this.forId}-label`):this.removeAttribute(`aria-labelledby`)}render(){let i=`pkt-tag pkt-tag--small pkt-tag--thin-text`,o=this.ariaDescribedby?this.ariaDescribedby:this.helptext?`${this.forId}-helptext`:e.h,s=this.pktStrings.get(`forms`),c=()=>e._`
-        ${this.tagText?e._`<span class=${i+` pkt-tag--gray`}>${this.tagText}</span>`:e.h}
-        ${this.optionalTag?e._`<span class=${i+` pkt-tag--blue-light`}
-              >${this.optionalText??s.optional}</span
+const e=require("./element-BOmr9YLv.cjs"),t=require("./format-B8meU8Tm.cjs"),n=require("./element-with-slot-D7sTqOr3.cjs"),r=require("./booleanish-BF8l4scU.cjs");require("./alert-IaZzEgyI.cjs");const i=require("./icon-Dnv6LtPC.cjs"),a=require("./if-defined-2mkIDgOm.cjs"),o=require("./utils-63cRpWut.cjs");require("./helptext-BCkwSz1m.cjs");const s=require("./focus-modality-controller-C1ocyv2J.cjs");var c=e=>{let t=[];return e.hasHelptext&&t.push(`${e.id}-helptext`),e.hasCounter&&t.push(`${e.id}-counter-status`),e.ariaDescribedby&&t.push(e.ariaDescribedby),t.length?t.join(` `):void 0},l=e=>`${e}-counter-status`,u=(e,t)=>!!t&&t>0&&(e??0)>t,d={name:`pkt-input-wrapper`,react:`PktInputWrapper`,"css-class":`pkt-inputwrapper`,isElement:!0,isPureReact:!0,"dark-mode":!0,events:{toggleHelpText:{description:`Event for å vise eller skjule hjelpetekst i dropdown`}},slots:{default:{description:`Innholdet i input-wrapperen, som kan være et skjemaelement eller en annen komponent`}},props:{forId:{name:`For ID`,description:`Id-en til skjemaelementet som dette wrapper rundt`,type:`string`,required:!0,category:`tech`},label:{name:`Merkelapp`,description:`Merkelapp for skjemaelementet`,type:`string`,required:!0,category:`contents`},helptext:{name:`Hjelpetekst`,description:`Hjelpetekst for skjemaelementet`,type:`string`,category:`contents`},helptextDropdown:{name:`Hjelpetekst i dropdown`,description:`Hjelpetekst som vises i ekspanderende felt`,type:`string`,category:`contents`},helptextDropdownButton:{name:`Tekst i hjelpetekst-knapp`,description:`Tekst som vises i knappen for å vise hjelpetekst i dropdown`,default:`Les mer <span class='pkt-sr-only'>om feltet</span>`,type:`string`,category:`contents`},ariaDescribedby:{name:`aria-describedby`,description:`Id-en til elementet som beskriver skjemaelementet`,type:`string`,category:`accessibility`},counter:{name:`Teller`,description:`Teller for antall tegn i skjemaelementet`,type:`boolean`,default:!1,category:`ui`},counterCurrent:{name:`Tellerverdi`,description:`Tellerens nåværende verdi`,type:`number`,category:`ui`,showIf:{counter:!0}},counterMaxLength:{name:`Maks tegn i teller`,description:`Maks antall tegn som kan skrives i skjemaelementet`,type:`number`,category:`ui`,showIf:{counter:!0}},counterPosition:{name:`Tellerplassering`,description:`Telleren sin plassering i forhold til elementet`,type:[`top`,`bottom`],default:`bottom`,category:`ui`,showIf:{counter:!0}},optionalTag:{name:`Vise valgfritt-merking`,description:`Viser en merking som indikerer at feltet er valgfritt`,type:`boolean`,default:!1,category:`ui`},optionalText:{name:`Valgfritt-tekst`,description:`Tekst som vises i valgfritt-merkingen`,type:`string`,default:`Valgfritt`,category:`contents`},requiredTag:{name:`Vise påkrevd-merking`,description:`Viser en merking som indikerer at feltet er påkrevd`,type:`boolean`,default:!1,category:`ui`},requiredText:{name:`Påkrevd-tekst`,description:`Tekst som vises i påkrevd-merkingen`,type:`string`,default:`Må fylles ut`,category:`contents`},tagText:{type:`string`,name:`Tag-tekst`,description:`Tekst som vises i en tag ved siden av label`,category:`ui`},hasError:{name:`Feil`,description:`Indikerer at skjemaelementet har en feil`,type:`boolean`,default:!1,category:`ui`},errorMessage:{name:`Feilmelding`,description:`Feilmelding som vises når skjemaelementet har en feil`,type:`string`,category:`contents`},disabled:{name:`Deaktivert`,description:`Indikerer at skjemaelementet er deaktivert`,type:`boolean`,default:!1,category:`tech`},inline:{name:`Inline`,description:`Indikerer at skjemaelementet skal flyte sammen med sidens innhold`,type:`boolean`,default:!1,category:`ui`},hasFieldset:{name:`Er fieldset`,description:`Indikerer at innholdet er et fieldset`,type:`boolean`,default:!1,category:`ui`},useWrapper:{name:`Bruk wrapper`,description:`Indikerer om skjemaelementet skal bruke en wrapper`,type:`boolean`,displayAsFalse:!0,default:!0,category:`ui`},role:{name:`Rolle`,description:`ARIA-rolle på wrapperen. Settes ikke som standard. Bruk hasFieldset for reelle grupper.`,type:`string`,default:null,category:`accessibility`},size:{name:`Størrelse`,description:`Visuell størrelse. small: kompakt wrapper og felt (42px). xsmall: samme wrapper som small, felt 36px.`,attribute:`input-wrapper-size`,type:[`small`,`medium`,`xsmall`],default:`medium`,category:`ui`}}},f=class extends n.t{constructor(...e){super(...e),this.forId=o.n(),this.label=``,this.helptext=null,this.helptextDropdown=null,this.helptextDropdownButton=null,this.counter=d.props.counter.default,this.counterCurrent=0,this.counterMaxLength=0,this.counterError=null,this.counterPosition=`bottom`,this.optionalTag=d.props.optionalTag.default,this.requiredTag=d.props.requiredTag.default,this.tagText=null,this.hasError=d.props.hasError.default,this.errorMessage=``,this.disabled=d.props.disabled.default,this.inline=d.props.inline.default,this.ariaDescribedby=void 0,this.hasFieldset=d.props.hasFieldset.default,this.role=null,this.useWrapper=d.props.useWrapper.default,this.size=`medium`,this.focusModality=new s.t(this)}updated(e){super.updated(e),this.classList.add(`pkt-inputwrapper`),this.classList.toggle(`pkt-inputwrapper--error`,this.hasError),this.classList.toggle(`pkt-inputwrapper--disabled`,this.disabled),this.classList.toggle(`pkt-inputwrapper--inline`,this.inline),this.classList.toggle(`pkt-inputwrapper--medium`,this.size===`medium`),this.classList.toggle(`pkt-inputwrapper--small`,this.size===`small`),this.classList.toggle(`pkt-inputwrapper--xsmall`,this.size===`xsmall`),this.role?this.setAttribute(`aria-labelledby`,`${this.forId}-label`):this.removeAttribute(`aria-labelledby`)}render(){let r=`pkt-tag pkt-tag--small pkt-tag--thin-text`,o=!!this.helptext||this.hasSlotContent(`helptext`),s=new Set([this.ariaDescribedby||(o?`${this.forId}-helptext`:``),this.hasError&&this.errorMessage?`${this.forId}-error`:``].join(` `).split(` `).filter(Boolean)),c=s.size?[...s].join(` `):e.h,d=this.pktStrings.get(`forms`),f=()=>e._`
+        ${this.tagText?e._`<span class=${r+` pkt-tag--gray`}>${this.tagText}</span>`:e.h}
+        ${this.optionalTag?e._`<span class=${r+` pkt-tag--blue-light`}
+              >${this.optionalText??d.optional}</span
             >`:e.h}
-        ${this.requiredTag?e._`<span class=${i+` pkt-tag--beige`}
-              >${this.requiredText??s.required}</span
+        ${this.requiredTag?e._`<span class=${r+` pkt-tag--beige`}
+              >${this.requiredText??d.required}</span
             >`:e.h}
-      `,d=()=>this.useWrapper?this.hasFieldset?e._`<legend
+      `,p=()=>this.useWrapper?this.hasFieldset?e._`<legend
             class="pkt-inputwrapper__legend"
             id="${this.forId}-label"
             @click=${this.handleLabelClick}
           >
-            ${this.label} ${c()}
+            ${this.label} ${f()}
           </legend>`:e._`<label
             class="pkt-inputwrapper__label"
             for="${this.forId}"
             id="${this.forId}-label"
             @click=${this.handleLabelClick}
-            >${this.label}${c()}</label
-          >`:e._`<label for="${this.forId}" class="pkt-sr-only" id="${this.forId}-label">
+            >${this.label}${f()}</label
+          >`:this.hasFieldset?e._`<legend class="pkt-sr-only" id="${this.forId}-label">${this.label}</legend>`:e._`<label for="${this.forId}" class="pkt-sr-only" id="${this.forId}-label">
           ${this.label}
-        </label>`,f=()=>e._`
+        </label>`,m=()=>!o&&!this.helptextDropdown?e.h:e._`
         <pkt-helptext
-          class="${t.t(this.useWrapper?void 0:`pkt-hide`)}"
+          ${n.n(this,{helptext:null})}
+          class="${a.t(this.useWrapper?void 0:`pkt-hide`)}"
           .forId=${this.forId}
           .helptext=${this.helptext}
           .helptextDropdown=${this.helptextDropdown}
-          .helptextDropdownButton=${this.helptextDropdownButton??s.readMore}
+          .helptextDropdownButton=${this.helptextDropdownButton??d.readMore}
           @toggleHelpText=${e=>{this.toggleDropdown(e)}}
-          >${r.r(this,`helptext`)}</pkt-helptext
-        >
-      `,p=()=>{if(!this.counter)return e.h;let t=u(this.counterCurrent,this.counterMaxLength);return e._`<div class="pkt-input__counter" aria-hidden="true">
+        ></pkt-helptext>
+      `,h=()=>{if(!this.counter)return e.h;let n=u(this.counterCurrent,this.counterMaxLength);return e._`<div class="pkt-input__counter" aria-hidden="true">
           ${this.counterError?this.counterError:e.h} ${this.counterCurrent||0}
           ${this.counterMaxLength?`/${this.counterMaxLength}`:e.h}
         </div>
         <div class="pkt-sr-only" id=${l(this.forId)} aria-live="polite">
-          ${t?n.t(this.pktStrings.get(`validation`).counterExceeded,{current:this.counterCurrent??0,max:this.counterMaxLength}):``}
-        </div>`},m=()=>{if(this.hasError&&this.errorMessage){let t=this.size===`medium`?`small`:`xsmall`;return e._`<div class="pkt-inputwrapper__alert-wrapper">
+          ${n?t.t(this.pktStrings.get(`validation`).counterExceeded,{current:this.counterCurrent??0,max:this.counterMaxLength}):``}
+        </div>`},g=()=>{if(this.hasError&&this.errorMessage){let t=this.size===`medium`?`small`:`xsmall`;return e._`<div class="pkt-inputwrapper__alert-wrapper">
           <pkt-alert
             skin="error"
             .size=${t}
@@ -45,15 +45,15 @@ const e=require("./element-BOmr9YLv.cjs"),t=require("./if-defined-2mkIDgOm.cjs")
             aria-live="assertive"
             aria-atomic="true"
           >
-            ${a.r(this.errorMessage)}
+            ${i.r(this.errorMessage)}
           </pkt-alert>
-        </div>`}return e.h},h=()=>e._`
-        ${d()} 
-        ${f()}
-        ${this.counterPosition===`top`?p():e.h}
-        <div class="pkt-contents">${r.r(this)}</div>
-        ${this.counterPosition===`bottom`?p():e.h} 
+        </div>`}return e.h},_=()=>e._`
+        ${p()} 
         ${m()}
-      `;return this.hasFieldset?e._`<fieldset class="pkt-inputwrapper__fieldset" aria-describedby="${o}">
-            ${h()}
-          </fieldset>`:e._`<div class="pkt-inputwrapper__fieldset">${h()}</div>`}toggleDropdown(e){this.dispatchEvent(new CustomEvent(`toggleHelpText`,{bubbles:!1,detail:{isOpen:e.detail.isOpen}}))}handleLabelClick(){this.dispatchEvent(new CustomEvent(`labelClick`,{bubbles:!0,composed:!0,detail:`label clicked`}))}};e.n([e.u({type:String})],f.prototype,`forId`,void 0),e.n([e.u({type:String})],f.prototype,`label`,void 0),e.n([e.u({type:String})],f.prototype,`helptext`,void 0),e.n([e.u({type:String})],f.prototype,`helptextDropdown`,void 0),e.n([e.u({type:String})],f.prototype,`helptextDropdownButton`,void 0),e.n([e.u({type:Boolean})],f.prototype,`counter`,void 0),e.n([e.u({type:Number})],f.prototype,`counterCurrent`,void 0),e.n([e.u({type:Number})],f.prototype,`counterMaxLength`,void 0),e.n([e.u({type:String})],f.prototype,`counterError`,void 0),e.n([e.u({type:String,reflect:!1})],f.prototype,`counterPosition`,void 0),e.n([e.u({type:Boolean})],f.prototype,`optionalTag`,void 0),e.n([e.u({type:String})],f.prototype,`optionalText`,void 0),e.n([e.u({type:Boolean})],f.prototype,`requiredTag`,void 0),e.n([e.u({type:String})],f.prototype,`requiredText`,void 0),e.n([e.u({type:String})],f.prototype,`tagText`,void 0),e.n([e.u({type:Boolean})],f.prototype,`hasError`,void 0),e.n([e.u({type:String})],f.prototype,`errorMessage`,void 0),e.n([e.u({type:Boolean})],f.prototype,`disabled`,void 0),e.n([e.u({type:Boolean})],f.prototype,`inline`,void 0),e.n([e.u({type:String})],f.prototype,`ariaDescribedby`,void 0),e.n([e.u({type:Boolean})],f.prototype,`hasFieldset`,void 0),e.n([e.u({type:String,reflect:!0})],f.prototype,`role`,void 0),e.n([e.u({type:Boolean,reflect:!0,converter:i.t})],f.prototype,`useWrapper`,void 0),e.n([e.u({type:String,attribute:`input-wrapper-size`})],f.prototype,`size`,void 0);try{e.d(`pkt-input-wrapper`)(f)}catch{console.warn(`Forsøker å definere <pkt-input-wrapper>, men den er allerede definert`)}var p=f;Object.defineProperty(exports,"n",{enumerable:!0,get:function(){return f}}),Object.defineProperty(exports,"r",{enumerable:!0,get:function(){return c}}),Object.defineProperty(exports,"t",{enumerable:!0,get:function(){return p}});
+        ${this.counterPosition===`top`?h():e.h}
+        <div class="pkt-contents">${n.i(this)}</div>
+        ${this.counterPosition===`bottom`?h():e.h} 
+        ${g()}
+      `;return this.hasFieldset?e._`<fieldset class="pkt-inputwrapper__fieldset" aria-describedby="${c}">
+            ${_()}
+          </fieldset>`:e._`<div class="pkt-inputwrapper__fieldset">${_()}</div>`}toggleDropdown(e){this.dispatchEvent(new CustomEvent(`toggleHelpText`,{bubbles:!1,detail:{isOpen:e.detail.isOpen}}))}handleLabelClick(){this.dispatchEvent(new CustomEvent(`labelClick`,{bubbles:!0,composed:!0,detail:`label clicked`}))}};e.n([e.u({type:String})],f.prototype,`forId`,void 0),e.n([e.u({type:String})],f.prototype,`label`,void 0),e.n([e.u({type:String})],f.prototype,`helptext`,void 0),e.n([e.u({type:String})],f.prototype,`helptextDropdown`,void 0),e.n([e.u({type:String})],f.prototype,`helptextDropdownButton`,void 0),e.n([e.u({type:Boolean})],f.prototype,`counter`,void 0),e.n([e.u({type:Number})],f.prototype,`counterCurrent`,void 0),e.n([e.u({type:Number})],f.prototype,`counterMaxLength`,void 0),e.n([e.u({type:String})],f.prototype,`counterError`,void 0),e.n([e.u({type:String,reflect:!1})],f.prototype,`counterPosition`,void 0),e.n([e.u({type:Boolean})],f.prototype,`optionalTag`,void 0),e.n([e.u({type:String})],f.prototype,`optionalText`,void 0),e.n([e.u({type:Boolean})],f.prototype,`requiredTag`,void 0),e.n([e.u({type:String})],f.prototype,`requiredText`,void 0),e.n([e.u({type:String})],f.prototype,`tagText`,void 0),e.n([e.u({type:Boolean})],f.prototype,`hasError`,void 0),e.n([e.u({type:String})],f.prototype,`errorMessage`,void 0),e.n([e.u({type:Boolean})],f.prototype,`disabled`,void 0),e.n([e.u({type:Boolean})],f.prototype,`inline`,void 0),e.n([e.u({type:String})],f.prototype,`ariaDescribedby`,void 0),e.n([e.u({type:Boolean})],f.prototype,`hasFieldset`,void 0),e.n([e.u({type:String,reflect:!0})],f.prototype,`role`,void 0),e.n([e.u({type:Boolean,reflect:!0,converter:r.t})],f.prototype,`useWrapper`,void 0),e.n([e.u({type:String,attribute:`input-wrapper-size`})],f.prototype,`size`,void 0);try{e.d(`pkt-input-wrapper`)(f)}catch{console.warn(`Forsøker å definere <pkt-input-wrapper>, men den er allerede definert`)}var p=f;Object.defineProperty(exports,"n",{enumerable:!0,get:function(){return f}}),Object.defineProperty(exports,"r",{enumerable:!0,get:function(){return c}}),Object.defineProperty(exports,"t",{enumerable:!0,get:function(){return p}});

package/dist/{input-wrapper-CaMP5-Vm.js → input-wrapper-Bz9GwYrn.js}

@@ -1,18 +1,18 @@
 import { _ as e, d as t, h as n, n as r, u as i } from "./element-mwwC2Rra.js";
-import { t as a } from "./if-defined-Bebu3LXY.js";
-import { t as o } from "./format-BTeSVkED.js";
-import { r as s, t as c } from "./element-with-slot-FD826ooP.js";
+import { t as a } from "./format-BTeSVkED.js";
+import { i as o, n as s, t as c } from "./element-with-slot-DQv0cbbD.js";
 import { t as l } from "./booleanish-OQJTYSrw.js";
-import "./alert-CUOWdvit.js";
+import "./alert-C0PiYnot.js";
 import { r as u } from "./icon-JigbxxF7.js";
-import { n as d } from "./utils-BwF4QSrq.js";
-import "./helptext-4TAHKV5_.js";
-import { t as f } from "./focus-modality-controller-Dc2S-KqR.js";
+import { t as d } from "./if-defined-Bebu3LXY.js";
+import { n as f } from "./utils-BwF4QSrq.js";
+import "./helptext-DCT_9dw1.js";
+import { t as p } from "./focus-modality-controller-Dc2S-KqR.js";
 //#region ../../shared-utils/forms/described-by.ts
-var p = (e) => {
+var m = (e) => {
 	let t = [];
 	return e.hasHelptext && t.push(`${e.id}-helptext`), e.hasCounter && t.push(`${e.id}-counter-status`), e.ariaDescribedby && t.push(e.ariaDescribedby), t.length ? t.join(" ") : void 0;
-}, m = (e) => `${e}-counter-status`, h = (e, t) => !!t && t > 0 && (e ?? 0) > t, g = {
+}, h = (e) => `${e}-counter-status`, g = (e, t) => !!t && t > 0 && (e ?? 0) > t, _ = {
 	name: "pkt-input-wrapper",
 	react: "PktInputWrapper",
 	"css-class": "pkt-inputwrapper",
@@ -186,62 +186,62 @@ var p = (e) => {
 			category: "ui"
 		}
 	}
-}, _ = class extends c {
+}, v = class extends c {
 	constructor(...e) {
-		super(...e), this.forId = d(), this.label = "", this.helptext = null, this.helptextDropdown = null, this.helptextDropdownButton = null, this.counter = g.props.counter.default, this.counterCurrent = 0, this.counterMaxLength = 0, this.counterError = null, this.counterPosition = "bottom", this.optionalTag = g.props.optionalTag.default, this.requiredTag = g.props.requiredTag.default, this.tagText = null, this.hasError = g.props.hasError.default, this.errorMessage = "", this.disabled = g.props.disabled.default, this.inline = g.props.inline.default, this.ariaDescribedby = void 0, this.hasFieldset = g.props.hasFieldset.default, this.role = null, this.useWrapper = g.props.useWrapper.default, this.size = "medium", this.focusModality = new f(this);
+		super(...e), this.forId = f(), this.label = "", this.helptext = null, this.helptextDropdown = null, this.helptextDropdownButton = null, this.counter = _.props.counter.default, this.counterCurrent = 0, this.counterMaxLength = 0, this.counterError = null, this.counterPosition = "bottom", this.optionalTag = _.props.optionalTag.default, this.requiredTag = _.props.requiredTag.default, this.tagText = null, this.hasError = _.props.hasError.default, this.errorMessage = "", this.disabled = _.props.disabled.default, this.inline = _.props.inline.default, this.ariaDescribedby = void 0, this.hasFieldset = _.props.hasFieldset.default, this.role = null, this.useWrapper = _.props.useWrapper.default, this.size = "medium", this.focusModality = new p(this);
 	}
 	updated(e) {
 		super.updated(e), this.classList.add("pkt-inputwrapper"), this.classList.toggle("pkt-inputwrapper--error", this.hasError), this.classList.toggle("pkt-inputwrapper--disabled", this.disabled), this.classList.toggle("pkt-inputwrapper--inline", this.inline), this.classList.toggle("pkt-inputwrapper--medium", this.size === "medium"), this.classList.toggle("pkt-inputwrapper--small", this.size === "small"), this.classList.toggle("pkt-inputwrapper--xsmall", this.size === "xsmall"), this.role ? this.setAttribute("aria-labelledby", `${this.forId}-label`) : this.removeAttribute("aria-labelledby");
 	}
 	render() {
-		let t = "pkt-tag pkt-tag--small pkt-tag--thin-text", r = this.ariaDescribedby ? this.ariaDescribedby : this.helptext ? `${this.forId}-helptext` : n, i = this.pktStrings.get("forms"), c = () => e`
+		let t = "pkt-tag pkt-tag--small pkt-tag--thin-text", r = !!this.helptext || this.hasSlotContent("helptext"), i = new Set([this.ariaDescribedby || (r ? `${this.forId}-helptext` : ""), this.hasError && this.errorMessage ? `${this.forId}-error` : ""].join(" ").split(" ").filter(Boolean)), c = i.size ? [...i].join(" ") : n, l = this.pktStrings.get("forms"), f = () => e`
         ${this.tagText ? e`<span class=${t + " pkt-tag--gray"}>${this.tagText}</span>` : n}
         ${this.optionalTag ? e`<span class=${t + " pkt-tag--blue-light"}
-              >${this.optionalText ?? i.optional}</span
+              >${this.optionalText ?? l.optional}</span
             >` : n}
         ${this.requiredTag ? e`<span class=${t + " pkt-tag--beige"}
-              >${this.requiredText ?? i.required}</span
+              >${this.requiredText ?? l.required}</span
             >` : n}
-      `, l = () => this.useWrapper ? this.hasFieldset ? e`<legend
+      `, p = () => this.useWrapper ? this.hasFieldset ? e`<legend
             class="pkt-inputwrapper__legend"
             id="${this.forId}-label"
             @click=${this.handleLabelClick}
           >
-            ${this.label} ${c()}
+            ${this.label} ${f()}
           </legend>` : e`<label
             class="pkt-inputwrapper__label"
             for="${this.forId}"
             id="${this.forId}-label"
             @click=${this.handleLabelClick}
-            >${this.label}${c()}</label
-          >` : e`<label for="${this.forId}" class="pkt-sr-only" id="${this.forId}-label">
+            >${this.label}${f()}</label
+          >` : this.hasFieldset ? e`<legend class="pkt-sr-only" id="${this.forId}-label">${this.label}</legend>` : e`<label for="${this.forId}" class="pkt-sr-only" id="${this.forId}-label">
           ${this.label}
-        </label>`, d = () => e`
+        </label>`, m = () => !r && !this.helptextDropdown ? n : e`
         <pkt-helptext
-          class="${a(this.useWrapper ? void 0 : "pkt-hide")}"
+          ${s(this, { helptext: null })}
+          class="${d(this.useWrapper ? void 0 : "pkt-hide")}"
           .forId=${this.forId}
           .helptext=${this.helptext}
           .helptextDropdown=${this.helptextDropdown}
-          .helptextDropdownButton=${this.helptextDropdownButton ?? i.readMore}
+          .helptextDropdownButton=${this.helptextDropdownButton ?? l.readMore}
           @toggleHelpText=${(e) => {
 			this.toggleDropdown(e);
 		}}
-          >${s(this, "helptext")}</pkt-helptext
-        >
-      `, f = () => {
+        ></pkt-helptext>
+      `, _ = () => {
 			if (!this.counter) return n;
-			let t = h(this.counterCurrent, this.counterMaxLength);
+			let t = g(this.counterCurrent, this.counterMaxLength);
 			return e`<div class="pkt-input__counter" aria-hidden="true">
           ${this.counterError ? this.counterError : n} ${this.counterCurrent || 0}
           ${this.counterMaxLength ? `/${this.counterMaxLength}` : n}
         </div>
-        <div class="pkt-sr-only" id=${m(this.forId)} aria-live="polite">
-          ${t ? o(this.pktStrings.get("validation").counterExceeded, {
+        <div class="pkt-sr-only" id=${h(this.forId)} aria-live="polite">
+          ${t ? a(this.pktStrings.get("validation").counterExceeded, {
 				current: this.counterCurrent ?? 0,
 				max: this.counterMaxLength
 			}) : ""}
         </div>`;
-		}, p = () => {
+		}, v = () => {
 			if (this.hasError && this.errorMessage) {
 				let t = this.size === "medium" ? "small" : "xsmall";
 				return e`<div class="pkt-inputwrapper__alert-wrapper">
@@ -258,17 +258,17 @@ var p = (e) => {
         </div>`;
 			}
 			return n;
-		}, g = () => e`
-        ${l()} 
-        ${d()}
-        ${this.counterPosition === "top" ? f() : n}
-        <div class="pkt-contents">${s(this)}</div>
-        ${this.counterPosition === "bottom" ? f() : n} 
-        ${p()}
+		}, y = () => e`
+        ${p()} 
+        ${m()}
+        ${this.counterPosition === "top" ? _() : n}
+        <div class="pkt-contents">${o(this)}</div>
+        ${this.counterPosition === "bottom" ? _() : n} 
+        ${v()}
       `;
-		return this.hasFieldset ? e`<fieldset class="pkt-inputwrapper__fieldset" aria-describedby="${r}">
-            ${g()}
-          </fieldset>` : e`<div class="pkt-inputwrapper__fieldset">${g()}</div>`;
+		return this.hasFieldset ? e`<fieldset class="pkt-inputwrapper__fieldset" aria-describedby="${c}">
+            ${y()}
+          </fieldset>` : e`<div class="pkt-inputwrapper__fieldset">${y()}</div>`;
 	}
 	toggleDropdown(e) {
 		this.dispatchEvent(new CustomEvent("toggleHelpText", {
@@ -284,27 +284,27 @@ var p = (e) => {
 		}));
 	}
 };
-r([i({ type: String })], _.prototype, "forId", void 0), r([i({ type: String })], _.prototype, "label", void 0), r([i({ type: String })], _.prototype, "helptext", void 0), r([i({ type: String })], _.prototype, "helptextDropdown", void 0), r([i({ type: String })], _.prototype, "helptextDropdownButton", void 0), r([i({ type: Boolean })], _.prototype, "counter", void 0), r([i({ type: Number })], _.prototype, "counterCurrent", void 0), r([i({ type: Number })], _.prototype, "counterMaxLength", void 0), r([i({ type: String })], _.prototype, "counterError", void 0), r([i({
+r([i({ type: String })], v.prototype, "forId", void 0), r([i({ type: String })], v.prototype, "label", void 0), r([i({ type: String })], v.prototype, "helptext", void 0), r([i({ type: String })], v.prototype, "helptextDropdown", void 0), r([i({ type: String })], v.prototype, "helptextDropdownButton", void 0), r([i({ type: Boolean })], v.prototype, "counter", void 0), r([i({ type: Number })], v.prototype, "counterCurrent", void 0), r([i({ type: Number })], v.prototype, "counterMaxLength", void 0), r([i({ type: String })], v.prototype, "counterError", void 0), r([i({
 	type: String,
 	reflect: !1
-})], _.prototype, "counterPosition", void 0), r([i({ type: Boolean })], _.prototype, "optionalTag", void 0), r([i({ type: String })], _.prototype, "optionalText", void 0), r([i({ type: Boolean })], _.prototype, "requiredTag", void 0), r([i({ type: String })], _.prototype, "requiredText", void 0), r([i({ type: String })], _.prototype, "tagText", void 0), r([i({ type: Boolean })], _.prototype, "hasError", void 0), r([i({ type: String })], _.prototype, "errorMessage", void 0), r([i({ type: Boolean })], _.prototype, "disabled", void 0), r([i({ type: Boolean })], _.prototype, "inline", void 0), r([i({ type: String })], _.prototype, "ariaDescribedby", void 0), r([i({ type: Boolean })], _.prototype, "hasFieldset", void 0), r([i({
+})], v.prototype, "counterPosition", void 0), r([i({ type: Boolean })], v.prototype, "optionalTag", void 0), r([i({ type: String })], v.prototype, "optionalText", void 0), r([i({ type: Boolean })], v.prototype, "requiredTag", void 0), r([i({ type: String })], v.prototype, "requiredText", void 0), r([i({ type: String })], v.prototype, "tagText", void 0), r([i({ type: Boolean })], v.prototype, "hasError", void 0), r([i({ type: String })], v.prototype, "errorMessage", void 0), r([i({ type: Boolean })], v.prototype, "disabled", void 0), r([i({ type: Boolean })], v.prototype, "inline", void 0), r([i({ type: String })], v.prototype, "ariaDescribedby", void 0), r([i({ type: Boolean })], v.prototype, "hasFieldset", void 0), r([i({
 	type: String,
 	reflect: !0
-})], _.prototype, "role", void 0), r([i({
+})], v.prototype, "role", void 0), r([i({
 	type: Boolean,
 	reflect: !0,
 	converter: l
-})], _.prototype, "useWrapper", void 0), r([i({
+})], v.prototype, "useWrapper", void 0), r([i({
 	type: String,
 	attribute: "input-wrapper-size"
-})], _.prototype, "size", void 0);
+})], v.prototype, "size", void 0);
 try {
-	t("pkt-input-wrapper")(_);
+	t("pkt-input-wrapper")(v);
 } catch {
 	console.warn("Forsøker å definere <pkt-input-wrapper>, men den er allerede definert");
 }
 //#endregion
 //#region src/components/input-wrapper/index.ts
-var v = _;
+var y = v;
 //#endregion
-export { _ as n, p as r, v as t };
+export { v as n, m as r, y as t };

package/dist/{link-CCFAmhL5.js → link-CmZwAw5u.js}

@@ -1,6 +1,6 @@
 import { _ as e, d as t, h as n, n as r, u as i } from "./element-mwwC2Rra.js";
 import { t as a } from "./class-map-C4hdfSfY.js";
-import { r as o, t as s } from "./element-with-slot-FD826ooP.js";
+import { i as o, t as s } from "./element-with-slot-DQv0cbbD.js";
 import "./icon-JigbxxF7.js";
 import { t as c } from "./define-component-spec-BYOSeplU.js";
 //#endregion

package/dist/{link-Bo2o0Akv.cjs → link-LO_5_La8.cjs}

@@ -1,7 +1,7 @@
-const e=require("./element-BOmr9YLv.cjs"),t=require("./class-map-Drv0_anQ.cjs"),n=require("./element-with-slot-2PHu2w7O.cjs");require("./icon-Dnv6LtPC.cjs");const r=require("./define-component-spec-DBNd2FJY.cjs");var i={href:{type:`string`,description:`Mål-URL for lenken.`,required:!0,reactOnly:!0},className:{type:`string`,description:`CSS-klasser Punkt har satt på lenken.`,required:!0,reactOnly:!0},children:{type:`ReactNode`,description:`Innhold/label som skal rendres inni lenken.`,required:!0,reactOnly:!0},props:{type:`AnchorHTMLAttributes<HTMLAnchorElement>`,description:`Resten av anchor-attributter (f.eks. <code>onClick</code>, <code>aria-*</code>) som skal spreades på lenken.`,required:!0,reactOnly:!0}},a={name:`Egendefinert lenkekomponent`,description:`React: Funksjon for å rendre en egendefinert lenkekomponent (f.eks. Next.js Link eller React Router Link). Mottar et <code>IRenderLink</code>-objekt med href, className, children og props. Standard er et vanlig <code>&lt;a&gt;</code>-element.`,type:`(args: IRenderLink) => ReactNode`,relatedTypes:[`IRenderLink`],category:`tech`,reactOnly:!0},o={IRenderLink:{title:`IRenderLink`,description:`Objektet som sendes til <code>renderLink</code> i Link, BackLink og Breadcrumbs. Kun React — brukes til å bytte ut standard <code>&lt;a&gt;</code> med f.eks. Next.js Link eller React Router Link.`,properties:i}},s=r.t({name:`pkt-link`,react:`PktLink`,"css-class":`pkt-link`,"dark-mode":!0,isElement:!0,props:{href:{name:`URL`,description:`URL til lenken`,type:`string`,default:`#`,category:`contents`},target:{name:`Mål`,description:`Mål for lenken`,type:[`_blank`,`_self`,`_parent`,`_top`],default:`_self`,category:`tech`},iconName:{name:`Ikon`,description:`Ikon som skal vises ved siden av lenketeksten`,type:`icon`,category:`ui`},iconPosition:{name:`Ikonposisjon`,description:`Posisjonen til ikonet i forhold til lenketeksten`,type:[`left`,`right`],category:`ui`},renderLink:a},types:{...o},slots:{default:{description:`Innholdet i lenken`}}}).props,c=class extends n.t{constructor(...e){super(...e),this.href=s.href.default,this.iconName=void 0,this.iconPosition=void 0,this.external=!1,this.target=s.target.default}render(){let r={"pkt-link":!0,"pkt-link--icon-left":!!this.iconName&&this.iconPosition===`left`||!!(this.iconName&&!this.iconPosition),"pkt-link--icon-right":!!this.iconName&&this.iconPosition===`right`,"pkt-link--external":this.external},i=this.target&&this.target!==`_self`?this.target:e.h;return e._`<a
+const e=require("./element-BOmr9YLv.cjs"),t=require("./class-map-Drv0_anQ.cjs"),n=require("./element-with-slot-D7sTqOr3.cjs");require("./icon-Dnv6LtPC.cjs");const r=require("./define-component-spec-DBNd2FJY.cjs");var i={href:{type:`string`,description:`Mål-URL for lenken.`,required:!0,reactOnly:!0},className:{type:`string`,description:`CSS-klasser Punkt har satt på lenken.`,required:!0,reactOnly:!0},children:{type:`ReactNode`,description:`Innhold/label som skal rendres inni lenken.`,required:!0,reactOnly:!0},props:{type:`AnchorHTMLAttributes<HTMLAnchorElement>`,description:`Resten av anchor-attributter (f.eks. <code>onClick</code>, <code>aria-*</code>) som skal spreades på lenken.`,required:!0,reactOnly:!0}},a={name:`Egendefinert lenkekomponent`,description:`React: Funksjon for å rendre en egendefinert lenkekomponent (f.eks. Next.js Link eller React Router Link). Mottar et <code>IRenderLink</code>-objekt med href, className, children og props. Standard er et vanlig <code>&lt;a&gt;</code>-element.`,type:`(args: IRenderLink) => ReactNode`,relatedTypes:[`IRenderLink`],category:`tech`,reactOnly:!0},o={IRenderLink:{title:`IRenderLink`,description:`Objektet som sendes til <code>renderLink</code> i Link, BackLink og Breadcrumbs. Kun React — brukes til å bytte ut standard <code>&lt;a&gt;</code> med f.eks. Next.js Link eller React Router Link.`,properties:i}},s=r.t({name:`pkt-link`,react:`PktLink`,"css-class":`pkt-link`,"dark-mode":!0,isElement:!0,props:{href:{name:`URL`,description:`URL til lenken`,type:`string`,default:`#`,category:`contents`},target:{name:`Mål`,description:`Mål for lenken`,type:[`_blank`,`_self`,`_parent`,`_top`],default:`_self`,category:`tech`},iconName:{name:`Ikon`,description:`Ikon som skal vises ved siden av lenketeksten`,type:`icon`,category:`ui`},iconPosition:{name:`Ikonposisjon`,description:`Posisjonen til ikonet i forhold til lenketeksten`,type:[`left`,`right`],category:`ui`},renderLink:a},types:{...o},slots:{default:{description:`Innholdet i lenken`}}}).props,c=class extends n.t{constructor(...e){super(...e),this.href=s.href.default,this.iconName=void 0,this.iconPosition=void 0,this.external=!1,this.target=s.target.default}render(){let r={"pkt-link":!0,"pkt-link--icon-left":!!this.iconName&&this.iconPosition===`left`||!!(this.iconName&&!this.iconPosition),"pkt-link--icon-right":!!this.iconName&&this.iconPosition===`right`,"pkt-link--external":this.external},i=this.target&&this.target!==`_self`?this.target:e.h;return e._`<a
       class=${t.t(r)}
       href=${this.href}
       target=${i}
       .rel=${this.external?`noopener noreferrer`:e.h}
-      >${this.iconName?e._`<pkt-icon name=${this.iconName} class="pkt-link__icon"></pkt-icon>`:``}${n.r(this)}</a
+      >${this.iconName?e._`<pkt-icon name=${this.iconName} class="pkt-link__icon"></pkt-icon>`:``}${n.i(this)}</a
     >`}};e.n([e.u({type:String,reflect:!0})],c.prototype,`href`,void 0),e.n([e.u({type:String,reflect:!0})],c.prototype,`iconName`,void 0),e.n([e.u({type:String,reflect:!0})],c.prototype,`iconPosition`,void 0),e.n([e.u({type:Boolean,reflect:!0})],c.prototype,`external`,void 0),e.n([e.u({type:String,reflect:!0})],c.prototype,`target`,void 0);try{e.d(`pkt-link`)(c)}catch{console.warn(`Forsøker å definere <pkt-link>, men den er allerede definert`)}var l=c;Object.defineProperty(exports,"n",{enumerable:!0,get:function(){return c}}),Object.defineProperty(exports,"t",{enumerable:!0,get:function(){return l}});

package/dist/{linkcard-9L6QF7US.js → linkcard-CQluSyJJ.js}

@@ -1,26 +1,26 @@
 import { _ as e, d as t, n, u as r } from "./element-mwwC2Rra.js";
-import { t as i } from "./if-defined-Bebu3LXY.js";
-import { r as a, t as o } from "./element-with-slot-FD826ooP.js";
+import { i, t as a } from "./element-with-slot-DQv0cbbD.js";
 import "./icon-JigbxxF7.js";
+import { t as o } from "./if-defined-Bebu3LXY.js";
 //#region src/components/linkcard/linkcard.ts
-var s = class extends o {
+var s = class extends a {
 	constructor(...e) {
 		super(...e), this.title = "", this.href = "#", this.iconName = "", this.external = !1, this.openInNewTab = !1, this.skin = void 0;
 	}
 	render() {
-		let t = ["pkt-linkcard", this.skin && `pkt-linkcard--${this.skin}`].filter(Boolean).join(" "), n = ["pkt-linkcard__title", this.external && "pkt-link pkt-link--external"].filter(Boolean).join(" "), r = this.pktStrings.get("linkcard"), o = this.openInNewTab ? r.openInNewTab : "";
+		let t = ["pkt-linkcard", this.skin && `pkt-linkcard--${this.skin}`].filter(Boolean).join(" "), n = ["pkt-linkcard__title", this.external && "pkt-link pkt-link--external"].filter(Boolean).join(" "), r = this.pktStrings.get("linkcard"), a = this.openInNewTab ? r.openInNewTab : "";
 		return e`
       <a
         href=${this.href}
         class=${t}
         target=${this.openInNewTab ? "_blank" : "_self"}
-        rel=${i(this.openInNewTab ? "noopener noreferrer" : void 0)}
+        rel=${o(this.openInNewTab ? "noopener noreferrer" : void 0)}
       >
         ${this.iconName && e`<pkt-icon class="pkt-link__icon" name="${this.iconName}" />`}
         ${this.title && e`<div class=${n}>${this.title}</div>`}
-        ${o ? e`<span class="pkt-sr-only">${o}</span>` : ""}
+        ${a ? e`<span class="pkt-sr-only">${a}</span>` : ""}
 
-        <div class="pkt-linkcard__text">${a(this)}</div>
+        <div class="pkt-linkcard__text">${i(this)}</div>
       </a>
     `;
 	}

package/dist/{linkcard-D7NbrluR.cjs → linkcard-UKsxADrP.cjs}

@@ -1,14 +1,14 @@
-const e=require("./element-BOmr9YLv.cjs"),t=require("./if-defined-2mkIDgOm.cjs"),n=require("./element-with-slot-2PHu2w7O.cjs");require("./icon-Dnv6LtPC.cjs");var r=class extends n.t{constructor(...e){super(...e),this.title=``,this.href=`#`,this.iconName=``,this.external=!1,this.openInNewTab=!1,this.skin=void 0}render(){let r=[`pkt-linkcard`,this.skin&&`pkt-linkcard--${this.skin}`].filter(Boolean).join(` `),i=[`pkt-linkcard__title`,this.external&&`pkt-link pkt-link--external`].filter(Boolean).join(` `),a=this.pktStrings.get(`linkcard`),o=this.openInNewTab?a.openInNewTab:``;return e._`
+const e=require("./element-BOmr9YLv.cjs"),t=require("./element-with-slot-D7sTqOr3.cjs");require("./icon-Dnv6LtPC.cjs");const n=require("./if-defined-2mkIDgOm.cjs");var r=class extends t.t{constructor(...e){super(...e),this.title=``,this.href=`#`,this.iconName=``,this.external=!1,this.openInNewTab=!1,this.skin=void 0}render(){let r=[`pkt-linkcard`,this.skin&&`pkt-linkcard--${this.skin}`].filter(Boolean).join(` `),i=[`pkt-linkcard__title`,this.external&&`pkt-link pkt-link--external`].filter(Boolean).join(` `),a=this.pktStrings.get(`linkcard`),o=this.openInNewTab?a.openInNewTab:``;return e._`
       <a
         href=${this.href}
         class=${r}
         target=${this.openInNewTab?`_blank`:`_self`}
-        rel=${t.t(this.openInNewTab?`noopener noreferrer`:void 0)}
+        rel=${n.t(this.openInNewTab?`noopener noreferrer`:void 0)}
       >
         ${this.iconName&&e._`<pkt-icon class="pkt-link__icon" name="${this.iconName}" />`}
         ${this.title&&e._`<div class=${i}>${this.title}</div>`}
         ${o?e._`<span class="pkt-sr-only">${o}</span>`:``}
 
-        <div class="pkt-linkcard__text">${n.r(this)}</div>
+        <div class="pkt-linkcard__text">${t.i(this)}</div>
       </a>
     `}};e.n([e.u({type:String,reflect:!0})],r.prototype,`title`,void 0),e.n([e.u({type:String,reflect:!0})],r.prototype,`href`,void 0),e.n([e.u({type:String,reflect:!0})],r.prototype,`iconName`,void 0),e.n([e.u({type:Boolean,reflect:!0})],r.prototype,`external`,void 0),e.n([e.u({type:Boolean,reflect:!0})],r.prototype,`openInNewTab`,void 0),e.n([e.u({type:String,reflect:!0})],r.prototype,`skin`,void 0);try{e.d(`pkt-linkcard`)(r)}catch{console.warn(`Forsøker å definere <pkt-linkcard>, men den er allerede definert`)}var i=r;Object.defineProperty(exports,"n",{enumerable:!0,get:function(){return r}}),Object.defineProperty(exports,"t",{enumerable:!0,get:function(){return i}});

package/dist/{listbox-DEzd-dxF.js → listbox-Ct9jIV_5.js}

@@ -1,7 +1,7 @@
 import { _ as e, d as t, h as n, l as r, n as i, t as a, u as o } from "./element-mwwC2Rra.js";
 import { t as s } from "./class-map-C4hdfSfY.js";
-import { t as c } from "./if-defined-Bebu3LXY.js";
-import { t as l } from "./format-BTeSVkED.js";
+import { t as c } from "./format-BTeSVkED.js";
+import { t as l } from "./if-defined-Bebu3LXY.js";
 import { t as u } from "./repeat-CdxGS-_3.js";
 import { n as d } from "./utils-BwF4QSrq.js";
 //#region ../../shared-utils/combobox/option-utils.ts
@@ -136,9 +136,9 @@ var f = (e, t) => t && (e.find((e) => e.value === t) || e.find((e) => e.label ==
 			"pkt-listbox__open": this.isOpen,
 			"pkt-txt-16-light": !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)}
+        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)}
       >
         <div class="pkt-listbox__banners">
           ${this.renderSearch()} ${this.renderMaximumReachedBanner()} ${this.renderUserMessage()}
@@ -197,7 +197,7 @@ var f = (e, t) => t && (e.find((e) => e.value === t) || e.find((e) => e.label ==
             data-index=${r}
             data-value=${t.value}
             data-selected=${t.selected ? "true" : "false"}
-            data-disabled=${c(this.disabled || t.disabled || this.maxIsReached && !t.selected ? "true" : void 0)}
+            data-disabled=${l(this.disabled || t.disabled || this.maxIsReached && !t.selected ? "true" : void 0)}
             aria-disabled=${this.disabled || t.disabled || this.maxIsReached && !t.selected ? "true" : "false"}
             role="option"
             id=${`${this._listboxId}-${r}`}
@@ -229,14 +229,14 @@ var f = (e, t) => t && (e.find((e) => e.value === t) || e.find((e) => e.label ==
             @keydown=${this.handleOptionKeydown}
           >
             <pkt-icon class="pkt-listbox__banner-icon" name="plus-sign" size="large"></pkt-icon>
-            ${l(this.pktStrings.get("listbox").addValue, { value: this.customUserInput ?? "" })}
+            ${c(this.pktStrings.get("listbox").addValue, { value: this.customUserInput ?? "" })}
           </div>
         ` : n;
 	}
 	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">
-            ${l(this.pktStrings.get("listbox").maxReached, {
+            ${c(this.pktStrings.get("listbox").maxReached, {
 			selected: this._selectedOptions,
 			max: this.maxLength
 		})}

package/dist/{listbox-BoBwzL4p.cjs → listbox-g-vHHLkD.cjs}

@@ -1,10 +1,10 @@
-const e=require("./element-BOmr9YLv.cjs"),t=require("./class-map-Drv0_anQ.cjs"),n=require("./if-defined-2mkIDgOm.cjs"),r=require("./format-B8meU8Tm.cjs"),i=require("./repeat-Dh9YKoeV.cjs"),a=require("./utils-63cRpWut.cjs");var o=(e,t)=>t&&(e.find(e=>e.value===t)||e.find(e=>e.label===t))||null,s=(e,t)=>{if(!t)return-1;let n=e.findIndex(e=>e.value===t);return n>=0?n:e.findIndex(e=>e.label===t)},c=e=>e.value+(e.label||``)+(e.prefix||``),l=(e,t)=>(e.fulltext||c(e)).toLowerCase().includes(t),u=(e,t)=>{if(!t)return[...e];let n=t.toLowerCase();return e.filter(e=>l(e,n))},d=(e,t)=>t!==null&&e>=t,f=(e,t)=>{if(!e)return``;switch(t){case`prefixAndValue`:return`${e.prefix||``} ${e.value}`.trim();case`value`:return e.value;default:return e.label||e.value}},p=(e,t)=>{if(!t)return{filtered:[...e],suggestion:null};let n=t.toLowerCase(),r=e.filter(e=>l(e,n));return{filtered:r,suggestion:r.find(e=>!e.selected&&e.label?.toLowerCase().startsWith(n))||null}},m=(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:``}},h=e=>/^[\p{L} ]$/u.test(e),g=(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}},_=(e,t)=>{let n=t.toLowerCase();return e.findIndex(e=>e.textContent?.trim().toLowerCase().startsWith(n))},v=e=>{e.scrollIntoView({block:`nearest`}),window.setTimeout(()=>e.focus(),0)},y=e=>Array.from(e.querySelectorAll(`[role="option"]:not([data-disabled])`)||[]),b=e=>{let t=e.nextElementSibling;t&&v(t)},x=(e,t,n)=>{let r=e.previousElementSibling;if(e.dataset.index===`0`&&n){let e=t.querySelector(`[role="searchbox"]`);e&&v(e)}else r&&v(r)},S=e=>{let t=y(e);t[0]&&v(t[0])},C=e=>{let t=y(e),n=t[t.length-1];n&&v(n)},w=(e,t)=>{if(t.disabled)return;let n=y(e);if(t.allowUserInput&&t.customUserInput){let t=e.querySelector(`[data-type="new-option"]`);if(t){v(t);return}}let r=n.find(e=>e.dataset.selected===`true`);if(r){v(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]&&v(n[0])},T=class extends e.t{constructor(...e){super(...e),this.id=a.n(),this._listboxId=a.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=g(),this._filteredOptions=[]}connectedCallback(){super.connectedCallback();let e=this.getAttribute(`id`);e?this.adoptHostId(e):this.id&&(this._listboxId=this.id),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()}attributeChangedCallback(e,t,n){(e===`options`||e===`search-value`)&&this.filterOptions(),super.attributeChangedCallback(e,t,n),e===`id`&&n&&this.adoptHostId(n)}get _hasOptions(){return this._filteredOptions.length>0||this.options.length>0}adoptHostId(e){this._listboxId=e,this.removeAttribute(`id`)}willUpdate(e){super.willUpdate(e),(e.has(`options`)||e.has(`searchValue`))&&this.filterOptions()}render(){return e._`
+const e=require("./element-BOmr9YLv.cjs"),t=require("./class-map-Drv0_anQ.cjs"),n=require("./format-B8meU8Tm.cjs"),r=require("./if-defined-2mkIDgOm.cjs"),i=require("./repeat-Dh9YKoeV.cjs"),a=require("./utils-63cRpWut.cjs");var o=(e,t)=>t&&(e.find(e=>e.value===t)||e.find(e=>e.label===t))||null,s=(e,t)=>{if(!t)return-1;let n=e.findIndex(e=>e.value===t);return n>=0?n:e.findIndex(e=>e.label===t)},c=e=>e.value+(e.label||``)+(e.prefix||``),l=(e,t)=>(e.fulltext||c(e)).toLowerCase().includes(t),u=(e,t)=>{if(!t)return[...e];let n=t.toLowerCase();return e.filter(e=>l(e,n))},d=(e,t)=>t!==null&&e>=t,f=(e,t)=>{if(!e)return``;switch(t){case`prefixAndValue`:return`${e.prefix||``} ${e.value}`.trim();case`value`:return e.value;default:return e.label||e.value}},p=(e,t)=>{if(!t)return{filtered:[...e],suggestion:null};let n=t.toLowerCase(),r=e.filter(e=>l(e,n));return{filtered:r,suggestion:r.find(e=>!e.selected&&e.label?.toLowerCase().startsWith(n))||null}},m=(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:``}},h=e=>/^[\p{L} ]$/u.test(e),g=(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}},_=(e,t)=>{let n=t.toLowerCase();return e.findIndex(e=>e.textContent?.trim().toLowerCase().startsWith(n))},v=e=>{e.scrollIntoView({block:`nearest`}),window.setTimeout(()=>e.focus(),0)},y=e=>Array.from(e.querySelectorAll(`[role="option"]:not([data-disabled])`)||[]),b=e=>{let t=e.nextElementSibling;t&&v(t)},x=(e,t,n)=>{let r=e.previousElementSibling;if(e.dataset.index===`0`&&n){let e=t.querySelector(`[role="searchbox"]`);e&&v(e)}else r&&v(r)},S=e=>{let t=y(e);t[0]&&v(t[0])},C=e=>{let t=y(e),n=t[t.length-1];n&&v(n)},w=(e,t)=>{if(t.disabled)return;let n=y(e);if(t.allowUserInput&&t.customUserInput){let t=e.querySelector(`[data-type="new-option"]`);if(t){v(t);return}}let r=n.find(e=>e.dataset.selected===`true`);if(r){v(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]&&v(n[0])},T=class extends e.t{constructor(...e){super(...e),this.id=a.n(),this._listboxId=a.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=g(),this._filteredOptions=[]}connectedCallback(){super.connectedCallback();let e=this.getAttribute(`id`);e?this.adoptHostId(e):this.id&&(this._listboxId=this.id),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()}attributeChangedCallback(e,t,n){(e===`options`||e===`search-value`)&&this.filterOptions(),super.attributeChangedCallback(e,t,n),e===`id`&&n&&this.adoptHostId(n)}get _hasOptions(){return this._filteredOptions.length>0||this.options.length>0}adoptHostId(e){this._listboxId=e,this.removeAttribute(`id`)}willUpdate(e){super.willUpdate(e),(e.has(`options`)||e.has(`searchValue`))&&this.filterOptions()}render(){return e._`
       <div
         id=${this._listboxId}
         class=${t.t({"pkt-listbox":!0,"pkt-listbox__open":this.isOpen,"pkt-txt-16-light":!0})}
-        role=${n.t(this._hasOptions?`listbox`:void 0)}
-        aria-multiselectable=${n.t(this._hasOptions&&this.isMultiSelect?`true`:void 0)}
-        aria-label=${n.t(this._hasOptions?this.label??void 0:void 0)}
+        role=${r.t(this._hasOptions?`listbox`:void 0)}
+        aria-multiselectable=${r.t(this._hasOptions&&this.isMultiSelect?`true`:void 0)}
+        aria-label=${r.t(this._hasOptions?this.label??void 0:void 0)}
       >
         <div class="pkt-listbox__banners">
           ${this.renderSearch()} ${this.renderMaximumReachedBanner()} ${this.renderUserMessage()}
@@ -36,31 +36,31 @@ const e=require("./element-BOmr9YLv.cjs"),t=require("./class-map-Drv0_anQ.cjs"),
       ></pkt-icon>
       ${this.pktStrings.get(`listbox`).empty}
     </div>`}renderList(){return e._`
-      ${i.t(this._filteredOptions,e=>e.value,(r,i)=>e._`
+      ${i.t(this._filteredOptions,e=>e.value,(n,i)=>e._`
           <li
-            @click=${()=>{this.toggleOption(r)}}
-            aria-selected=${r.selected?`true`:`false`}
+            @click=${()=>{this.toggleOption(n)}}
+            aria-selected=${n.selected?`true`:`false`}
             @keydown=${this.handleOptionKeydown}
-            class=${t.t({"pkt-listbox__option":!0,"pkt-listbox__option--selected":!!(!this.isMultiSelect&&r.selected),"pkt-listbox__option--checkBox":this.isMultiSelect})}
-            tabindex="${this.disabled||r.disabled?`-1`:`0`}"
+            class=${t.t({"pkt-listbox__option":!0,"pkt-listbox__option--selected":!!(!this.isMultiSelect&&n.selected),"pkt-listbox__option--checkBox":this.isMultiSelect})}
+            tabindex="${this.disabled||n.disabled?`-1`:`0`}"
             data-index=${i}
-            data-value=${r.value}
-            data-selected=${r.selected?`true`:`false`}
-            data-disabled=${n.t(this.disabled||r.disabled||this.maxIsReached&&!r.selected?`true`:void 0)}
-            aria-disabled=${this.disabled||r.disabled||this.maxIsReached&&!r.selected?`true`:`false`}
+            data-value=${n.value}
+            data-selected=${n.selected?`true`:`false`}
+            data-disabled=${r.t(this.disabled||n.disabled||this.maxIsReached&&!n.selected?`true`:void 0)}
+            aria-disabled=${this.disabled||n.disabled||this.maxIsReached&&!n.selected?`true`:`false`}
             role="option"
             id=${`${this._listboxId}-${i}`}
           >
-            ${this.renderCheckboxOrCheckIcon(r)}
+            ${this.renderCheckboxOrCheckIcon(n)}
             <span
               class="pkt-listbox__option-label"
               id=${this._listboxId+`-option-label-`+i}
             >
-              ${r.prefix?e._`<span class="pkt-listbox__option-prefix">${r.prefix}</span>`:e.h}
-              ${r.label||r.value}
+              ${n.prefix?e._`<span class="pkt-listbox__option-prefix">${n.prefix}</span>`:e.h}
+              ${n.label||n.value}
             </span>
-            ${r.description?e._`<span class="pkt-listbox__option-description pkt-txt-14-light"
-                    >${r.description}</span
+            ${n.description?e._`<span class="pkt-listbox__option-description pkt-txt-14-light"
+                    >${n.description}</span
                   >`:e.h}
           </li>
         `)}
@@ -75,11 +75,11 @@ const e=require("./element-BOmr9YLv.cjs"),t=require("./class-map-Drv0_anQ.cjs"),
             @keydown=${this.handleOptionKeydown}
           >
             <pkt-icon class="pkt-listbox__banner-icon" name="plus-sign" size="large"></pkt-icon>
-            ${r.t(this.pktStrings.get(`listbox`).addValue,{value:this.customUserInput??``})}
+            ${n.t(this.pktStrings.get(`listbox`).addValue,{value:this.customUserInput??``})}
           </div>
         `: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">
-            ${r.t(this.pktStrings.get(`listbox`).maxReached,{selected:this._selectedOptions,max:this.maxLength})}
+            ${n.t(this.pktStrings.get(`listbox`).maxReached,{selected:this._selectedOptions,max:this.maxLength})}
           </div>
         `:e.h}renderUserMessage(){return this.userMessage?e._`<div class="pkt-listbox__banner pkt-listbox__banner--user-message">
           <pkt-icon

package/dist/{loader-CQaGvyF9.cjs → loader-C_PH05aw.cjs}

@@ -1,4 +1,4 @@
-const e=require("./element-BOmr9YLv.cjs"),t=require("./class-map-Drv0_anQ.cjs"),n=require("./element-with-slot-2PHu2w7O.cjs");require("./icon-Dnv6LtPC.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=`rainbow`,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
+const e=require("./element-BOmr9YLv.cjs"),t=require("./class-map-Drv0_anQ.cjs"),n=require("./element-with-slot-D7sTqOr3.cjs");require("./icon-Dnv6LtPC.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=`rainbow`,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`}
@@ -12,5 +12,5 @@ const e=require("./element-BOmr9YLv.cjs"),t=require("./class-map-Drv0_anQ.cjs"),
             ></pkt-icon>
             ${this.message&&e._`<p>${this.message}</p>`}
           </div>`:e.h}
-      <div class=${i}>${n.r(this)}</div>
+      <div class=${i}>${n.i(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.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}});

package/dist/{loader-RQQ_o2aR.js → loader-DzctJ9jW.js}

@@ -1,6 +1,6 @@
 import { _ as e, d as t, h as n, l as r, n as i, u as a } from "./element-mwwC2Rra.js";
 import { t as o } from "./class-map-C4hdfSfY.js";
-import { r as s, t as c } from "./element-with-slot-FD826ooP.js";
+import { i as s, t as c } from "./element-with-slot-DQv0cbbD.js";
 import "./icon-JigbxxF7.js";
 //#region src/components/loader/loader.ts
 var l = "https://punkt-cdn.oslo.kommune.no/latest/animations/";

package/dist/{messagebox-C-BQREWz.js → messagebox-DPFBuisE.js}

@@ -1,6 +1,6 @@
 import { _ as e, d as t, h as n, l as r, n as i, u as a } from "./element-mwwC2Rra.js";
 import { t as o } from "./class-map-C4hdfSfY.js";
-import { r as s, t as c } from "./element-with-slot-FD826ooP.js";
+import { i as s, t as c } from "./element-with-slot-DQv0cbbD.js";
 import "./icon-JigbxxF7.js";
 import { t as l } from "./classutils-DcYnSgfc.js";
 var u = {

package/dist/{messagebox-BRqI3DW2.cjs → messagebox-JWKMJEFc.cjs}

@@ -1,4 +1,4 @@
-const e=require("./element-BOmr9YLv.cjs"),t=require("./class-map-Drv0_anQ.cjs"),n=require("./element-with-slot-2PHu2w7O.cjs");require("./icon-Dnv6LtPC.cjs");const r=require("./classutils-CbklAJDe.cjs");var i={name:`pkt-messagebox`,react:`PktMessagebox`,"css-class":`pkt-messagebox`,isElement:!0,isPureReact:!0,events:{onClose:{description:`React: Event som trigges når meldingsboksen lukkes`},"on-close":{description:`Elements: Event som trigges når meldingsboksen lukkes`}},props:{title:{name:`Tittel`,description:`Tittelen på meldingsboksen`,type:`string`,category:`contents`},skin:{name:`Utseende`,description:`Velg farge på meldingsboksen`,type:[`beige`,`blue`,`red`,`green`],category:`ui`,default:`beige`},compact:{name:`Kompakt`,description:`Gjør meldingsboksen mindre`,type:`boolean`,category:`ui`,default:!1},closable:{name:`Kan lukkes`,description:`Viser lukkeknapp`,type:`boolean`,category:`ui`,default:!1}},slots:{default:{description:`Innholdet i meldingsboksen`}}},a=class extends n.t{constructor(){super(),this.closable=i.props.closable.default,this.compact=i.props.compact.default,this.title=``,this.skin=void 0,this._isClosed=!1,this.close=e=>{this._isClosed=!0,this.dispatchEvent(new CustomEvent(`close`,{detail:{origin:e},bubbles:!0})),this.dispatchEvent(new CustomEvent(`on-close`,{detail:{origin:e},bubbles:!0}))},this._isClosed=!1}updated(e){super.updated(e),e.has(`_isClosed`)&&r.t(this,`pkt-hide`,this._isClosed)}render(){let r={"pkt-messagebox":!0,"pkt-messagebox--compact":this.compact,[`pkt-messagebox--${this.skin}`]:!!this.skin,"pkt-messagebox--closable":this.closable,"pkt-hide":this._isClosed};return e._`<div class=${t.t(r)}>
+const e=require("./element-BOmr9YLv.cjs"),t=require("./class-map-Drv0_anQ.cjs"),n=require("./element-with-slot-D7sTqOr3.cjs");require("./icon-Dnv6LtPC.cjs");const r=require("./classutils-CbklAJDe.cjs");var i={name:`pkt-messagebox`,react:`PktMessagebox`,"css-class":`pkt-messagebox`,isElement:!0,isPureReact:!0,events:{onClose:{description:`React: Event som trigges når meldingsboksen lukkes`},"on-close":{description:`Elements: Event som trigges når meldingsboksen lukkes`}},props:{title:{name:`Tittel`,description:`Tittelen på meldingsboksen`,type:`string`,category:`contents`},skin:{name:`Utseende`,description:`Velg farge på meldingsboksen`,type:[`beige`,`blue`,`red`,`green`],category:`ui`,default:`beige`},compact:{name:`Kompakt`,description:`Gjør meldingsboksen mindre`,type:`boolean`,category:`ui`,default:!1},closable:{name:`Kan lukkes`,description:`Viser lukkeknapp`,type:`boolean`,category:`ui`,default:!1}},slots:{default:{description:`Innholdet i meldingsboksen`}}},a=class extends n.t{constructor(){super(),this.closable=i.props.closable.default,this.compact=i.props.compact.default,this.title=``,this.skin=void 0,this._isClosed=!1,this.close=e=>{this._isClosed=!0,this.dispatchEvent(new CustomEvent(`close`,{detail:{origin:e},bubbles:!0})),this.dispatchEvent(new CustomEvent(`on-close`,{detail:{origin:e},bubbles:!0}))},this._isClosed=!1}updated(e){super.updated(e),e.has(`_isClosed`)&&r.t(this,`pkt-hide`,this._isClosed)}render(){let r={"pkt-messagebox":!0,"pkt-messagebox--compact":this.compact,[`pkt-messagebox--${this.skin}`]:!!this.skin,"pkt-messagebox--closable":this.closable,"pkt-hide":this._isClosed};return e._`<div class=${t.t(r)}>
       ${this.closable?e._`<div class="pkt-messagebox__close">
             <button
               @click=${this.close}
@@ -9,5 +9,5 @@ const e=require("./element-BOmr9YLv.cjs"),t=require("./class-map-Drv0_anQ.cjs"),
             </button>
           </div>`:e.h}
       ${this.title?e._`<div class="pkt-messagebox__title">${this.title}</div>`:e.h}
-      <div class="pkt-messagebox__text">${n.r(this)}</div>
+      <div class="pkt-messagebox__text">${n.i(this)}</div>
     </div>`}};e.n([e.u({type:Boolean,reflect:!0})],a.prototype,`closable`,void 0),e.n([e.u({type:Boolean,reflect:!0})],a.prototype,`compact`,void 0),e.n([e.u({type:String,reflect:!0})],a.prototype,`title`,void 0),e.n([e.u({type:String,reflect:!0})],a.prototype,`skin`,void 0),e.n([e.l()],a.prototype,`_isClosed`,void 0);try{e.d(`pkt-messagebox`)(a)}catch{console.warn(`Forsøker å definere <pkt-messagebox>, men den er allerede definert`)}var o=a;Object.defineProperty(exports,"n",{enumerable:!0,get:function(){return a}}),Object.defineProperty(exports,"t",{enumerable:!0,get:function(){return o}});