@oslokommune/punkt-elements 16.18.0 → 16.21.0

package/dist/{card-DZuZy0ay.cjs → card-C__IlsUa.cjs}

@@ -1,25 +1,25 @@
-const e=require(`./element-DjtxO-1r.cjs`),t=require(`./class-map-CJ-msbHs.cjs`),n=require(`./element-with-slot-CWoTGA1B.cjs`);require(`./icon-PbaC9uUg.cjs`);const r=require(`./if-defined-XKOD_t_V.cjs`);require(`./tag-vgKH9B4k.cjs`),require(`./heading-DRJTS27k.cjs`);var i={name:`pkt-card`,react:`PktCard`,"css-class":`pkt-card`,isElement:!0,isPureReact:!0,"dark-mode":!0,props:{heading:{type:`string`,name:`Overskrift`,description:`Tittel på card`,category:`contents`},headingLevel:{type:[1,2,3,4,5,6],name:`Overskriftsnivå`,description:`Nivået på headingen. Brukes for tilgjengelighet.`,default:3,category:`accessibility`},subheading:{type:`string`,name:`Undertittel`,description:`Undertittel på card`,category:`contents`},layout:{type:[`vertical`,`horizontal`],name:`Layout`,description:`Horisontal eller vertikal layout. Ved horisontal layout vil bildet være plassert til venstre for teksten på desktop, og over teksten på mobil.`,default:`vertical`,category:`ui`},skin:{type:[`outlined`,`outlined-beige`,`gray`,`blue`,`beige`,`green`],name:`Utseende`,description:`Fargen på card. Velg mellom outlined, outlined-beige, gray, blue, beige og green. Ved padding=none er det ikke mulighet for outlined-skin. Card med kombinasjonen av propsene padding=none + layout=vertical vil alltid være transparante.`,default:`outlined`,category:`ui`},padding:{type:[`none`,`default`],name:`Padding`,description:`Padding rundt card. Ved "none" strekker innholdet i card seg ut til kantene, og dette er derfor ikke mulig å kombinere med outlined skin.`,default:`default`,category:`ui`},metaLead:{type:`string`,name:`Forfatter eller annen metadata`,description:`Undertekst med fet skriftvekt`,default:!1,category:`contents`},metaTrail:{type:`string`,name:`Dato eller annen metadata`,description:`Undertekst med normal skriftvekt`,default:!1,category:`contents`},tagPosition:{type:[`top`,`bottom`],name:`Tagplassering`,description:`Plassering av tags i card`,default:`top`,category:`ui`},clickCardLink:{type:`string`,name:`Lenke for klikkbart card`,description:`Href sendes inn som streng for å gjøre card klikkbart. Ved bruk MÅ heading sendes inn da denne vil brukes som lenketekst i klikkbart card.`,category:`contents`},openLinkInNewTab:{type:`boolean`,name:`Åpne i ny fane`,description:`Velg denne dersom du ønsker at lenken i card skal åpnes i ny fane.`,default:!1,category:`tech`},borderOnHover:{type:`boolean`,name:`Hover border for klikkbart card`,description:`Vi anbefaler hoverborder på klikkbart card. Kan slås av ved behov.`,default:!0,category:`ui`},image:{type:`object`,name:`Bilde`,description:`Bildet på card. Tar inn et objekt av typen {src: string, alt: string}.`,properties:{src:{type:`string`,description:`Stien til bildet`,required:!0},alt:{type:`string`,description:`Tekst til skjermleser. Skal kun sendes inn for bilder som ikke er dekorative`,required:!1}},category:`contents`},imageShape:{type:[`square`,`round`],name:`Bildeform`,description:`Valg for om bildet skal ha rektangulær eller rund form.`,default:`square`,category:`contents`},tags:{type:`array`,description:`Liste av tags på card. Tar inn et array med objekter med følgende stringproperties: skin, iconName, ariaLabel, text`,name:`Tags`,items:{type:`object`,name:`Tag`,properties:{skin:{type:[`blue`,`green`,`red`,`yellow`],description:`Farge på tag`},iconName:{type:`icon`,description:`Id på ikonet du ønsker å bruke til tag`},ariaLabel:{type:`string`,description:`Tekst for aria-label`},text:{type:`string`,description:`Tekst på tag`,required:!0}}},category:`contents`},ariaLabel:{type:`string`,name:`Aria-label for card`,description:`Tekst til skjermleser for aria-label på card. Settes automatisk til headingen, eller subheadingen der heading ikke eksisterer. Ved bruk av klikkbart card må heading alltid sendes inn da denne brukes som lenketekst.`,category:`accessibility`}},slots:{default:{description:`Innholdet i card`}}},a=class extends n.t{constructor(...e){super(...e),this.ariaLabel=``,this.metaLead=null,this.borderOnHover=!0,this.clickCardLink=null,this.metaTrail=null,this.layout=i.props.layout.default,this.heading=``,this.headinglevel=3,this.image={src:``,alt:``},this.imageShape=`square`,this.openLinkInNewTab=!1,this.padding=i.props.padding.default,this.skin=i.props.skin.default,this.subheading=``,this.tagPosition=`top`,this.tags=[]}connectedCallback(){super.connectedCallback()}render(){let n={"pkt-card":!0,[`pkt-card--${this.skin}`]:this.skin,[`pkt-card--${this.layout}`]:this.layout,[`pkt-card--padding-${this.padding}`]:this.padding,"pkt-card--border-on-hover":this.borderOnHover},i=this.ariaLabel?.trim()||(this.heading?`${this.heading} lenkekort`:`lenkekort`),a=this.ariaLabel?.trim()||(this.heading?this.heading:`kort`);return e.d`
+const e=require(`./element-CXAtr6Gu.cjs`),t=require(`./class-map-B8Ja0q7n.cjs`),n=require(`./element-with-slot-Cmxb9h4H.cjs`);require(`./icon-Dw6I0HDV.cjs`);const r=require(`./if-defined-LTjAScFG.cjs`);require(`./tag-CBFz0R9N.cjs`),require(`./heading-C40-NX0r.cjs`);var i={name:`pkt-card`,react:`PktCard`,"css-class":`pkt-card`,isElement:!0,isPureReact:!0,"dark-mode":!0,props:{heading:{type:`string`,name:`Overskrift`,description:`Tittel på card`,category:`contents`},headingLevel:{type:[1,2,3,4,5,6],name:`Overskriftsnivå`,description:`Nivået på headingen. Brukes for tilgjengelighet.`,default:3,category:`accessibility`},subheading:{type:`string`,name:`Undertittel`,description:`Undertittel på card`,category:`contents`},layout:{type:[`vertical`,`horizontal`],name:`Layout`,description:`Horisontal eller vertikal layout. Ved horisontal layout vil bildet være plassert til venstre for teksten på desktop, og over teksten på mobil.`,default:`vertical`,category:`ui`},skin:{type:[`outlined`,`outlined-beige`,`gray`,`blue`,`beige`,`green`],name:`Utseende`,description:`Fargen på card. Velg mellom outlined, outlined-beige, gray, blue, beige og green. Ved padding=none er det ikke mulighet for outlined-skin. Card med kombinasjonen av propsene padding=none + layout=vertical vil alltid være transparante.`,default:`outlined`,category:`ui`},padding:{type:[`none`,`default`],name:`Padding`,description:`Padding rundt card. Ved "none" strekker innholdet i card seg ut til kantene, og dette er derfor ikke mulig å kombinere med outlined skin.`,default:`default`,category:`ui`},metaLead:{type:`string`,name:`Forfatter eller annen metadata`,description:`Undertekst med fet skriftvekt`,default:!1,category:`contents`},metaTrail:{type:`string`,name:`Dato eller annen metadata`,description:`Undertekst med normal skriftvekt`,default:!1,category:`contents`},tagPosition:{type:[`top`,`bottom`],name:`Tagplassering`,description:`Plassering av tags i card`,default:`top`,category:`ui`},clickCardLink:{type:`string`,name:`Lenke for klikkbart card`,description:`Href sendes inn som streng for å gjøre card klikkbart. Ved bruk MÅ heading sendes inn da denne vil brukes som lenketekst i klikkbart card.`,category:`contents`},openLinkInNewTab:{type:`boolean`,name:`Åpne i ny fane`,description:`Velg denne dersom du ønsker at lenken i card skal åpnes i ny fane.`,default:!1,category:`tech`},borderOnHover:{type:`boolean`,name:`Hover border for klikkbart card`,description:`Vi anbefaler hoverborder på klikkbart card. Kan slås av ved behov.`,default:!0,category:`ui`},image:{type:`object`,name:`Bilde`,description:`Bildet på card. Tar inn et objekt av typen {src: string, alt: string}.`,properties:{src:{type:`string`,description:`Stien til bildet`,required:!0},alt:{type:`string`,description:`Tekst til skjermleser. Skal kun sendes inn for bilder som ikke er dekorative`,required:!1}},category:`contents`},imageShape:{type:[`square`,`round`],name:`Bildeform`,description:`Valg for om bildet skal ha rektangulær eller rund form.`,default:`square`,category:`contents`},tags:{type:`array`,description:`Liste av tags på card. Tar inn et array med objekter med følgende stringproperties: skin, iconName, ariaLabel, text`,name:`Tags`,items:{type:`object`,name:`Tag`,properties:{skin:{type:[`blue`,`green`,`red`,`yellow`],description:`Farge på tag`},iconName:{type:`icon`,description:`Id på ikonet du ønsker å bruke til tag`},ariaLabel:{type:`string`,description:`Tekst for aria-label`},text:{type:`string`,description:`Tekst på tag`,required:!0}}},category:`contents`},ariaLabel:{type:`string`,name:`Aria-label for card`,description:`Tekst til skjermleser for aria-label på card. Settes automatisk til headingen, eller subheadingen der heading ikke eksisterer. Ved bruk av klikkbart card må heading alltid sendes inn da denne brukes som lenketekst.`,category:`accessibility`}},slots:{default:{description:`Innholdet i card`}}},a=class extends n.t{constructor(...e){super(...e),this.ariaLabel=``,this.metaLead=null,this.borderOnHover=!0,this.clickCardLink=null,this.metaTrail=null,this.layout=i.props.layout.default,this.heading=``,this.headinglevel=3,this.image={src:``,alt:``},this.imageShape=`square`,this.openLinkInNewTab=!1,this.padding=i.props.padding.default,this.skin=i.props.skin.default,this.subheading=``,this.tagPosition=`top`,this.tags=[]}connectedCallback(){super.connectedCallback()}render(){let n={"pkt-card":!0,[`pkt-card--${this.skin}`]:this.skin,[`pkt-card--${this.layout}`]:this.layout,[`pkt-card--padding-${this.padding}`]:this.padding,"pkt-card--border-on-hover":this.borderOnHover},i=this.ariaLabel?.trim()||(this.heading?`${this.heading} lenkekort`:`lenkekort`),a=this.ariaLabel?.trim()||(this.heading?this.heading:`kort`);return e.p`
       <article
         class=${t.t(n)}
         aria-label=${r.t(this.clickCardLink?i:a)}
       >
         ${this.renderImage()}
         <div class="pkt-card__wrapper">
-          ${this.tagPosition===`top`?this.renderTags():e.l} 
+          ${this.tagPosition===`top`?this.renderTags():e.d} 
           ${this.renderHeader()}
           ${this.renderSlot()} 
-          ${this.tagPosition===`bottom`?this.renderTags():e.l}
+          ${this.tagPosition===`bottom`?this.renderTags():e.d}
           ${this.renderMetadata()}
         </div>
       </article>
-    `}renderImage(){let n={"pkt-card__image":!0,[`pkt-card__image-${this.imageShape}`]:this.imageShape};return e.d`
-      ${this.image.src&&e.d`
+    `}renderImage(){let n={"pkt-card__image":!0,[`pkt-card__image-${this.imageShape}`]:this.imageShape};return e.p`
+      ${this.image.src&&e.p`
         <div class=${t.t(n)}>
           <img src=${this.image.src} alt=${this.image.alt||``} />
         </div>
       `}
-    `}renderHeading(){return e.d`
-      ${this.heading&&!this.clickCardLink?e.d`
+    `}renderHeading(){return e.p`
+      ${this.heading&&!this.clickCardLink?e.p`
             <pkt-heading
               class="pkt-card__heading"
               .level=${this.headinglevel||3}
@@ -29,9 +29,9 @@ const e=require(`./element-DjtxO-1r.cjs`),t=require(`./class-map-CJ-msbHs.cjs`),
             >
               ${this.heading}
             </pkt-heading>
-          `:e.l}
-    `}renderLinkHeading(){return e.d`
-      ${this.clickCardLink?e.d`
+          `:e.d}
+    `}renderLinkHeading(){return e.p`
+      ${this.clickCardLink?e.p`
             <pkt-heading
               class="pkt-card__link-heading pkt-card__heading"
               .level=${this.headinglevel||3}
@@ -46,25 +46,25 @@ const e=require(`./element-DjtxO-1r.cjs`),t=require(`./class-map-CJ-msbHs.cjs`),
                 >${this.heading}</a
               >
             </pkt-heading>
-          `:e.l}
-    `}renderSubheading(){return e.d`
-      ${this.subheading?e.d` <p class="pkt-card__subheading ">${this.subheading}</p> `:e.l}
-    `}renderHeader(){return e.d`
-      ${this.heading||this.subheading?e.d`
+          `:e.d}
+    `}renderSubheading(){return e.p`
+      ${this.subheading?e.p` <p class="pkt-card__subheading ">${this.subheading}</p> `:e.d}
+    `}renderHeader(){return e.p`
+      ${this.heading||this.subheading?e.p`
             <header class="pkt-card__header">
               ${this.renderHeading()} 
               ${this.renderLinkHeading()} 
               ${this.renderSubheading()}
             </header>
-          `:e.l}
-    `}renderTags(){let n={"pkt-card__tags":!0,[`pkt-card__tags-${this.tagPosition}`]:this.tagPosition};return e.d`
-      ${this.tags.length>0?e.d`
+          `:e.d}
+    `}renderTags(){let n={"pkt-card__tags":!0,[`pkt-card__tags-${this.tagPosition}`]:this.tagPosition};return e.p`
+      ${this.tags.length>0?e.p`
             <div
               class=${t.t(n)}
               role="list"
               aria-label=${this.tags.length>1?`merkelapper`:`merkelapp`}
             >
-              ${this.tags.map(t=>e.d`
+              ${this.tags.map(t=>e.p`
                   <pkt-tag
                     role="listitem"
                     textStyle="normal-text"
@@ -76,12 +76,12 @@ const e=require(`./element-DjtxO-1r.cjs`),t=require(`./class-map-CJ-msbHs.cjs`),
                   </pkt-tag>
                 `)}
             </div>
-          `:e.l}
-    `}renderSlot(){return e.d`<section class="pkt-card__content">${n.n(this)}</section>`}renderMetadata(){return e.d`
-      ${this.metaLead||this.metaTrail?e.d`
+          `:e.d}
+    `}renderSlot(){return e.p`<section class="pkt-card__content">${n.n(this)}</section>`}renderMetadata(){return e.p`
+      ${this.metaLead||this.metaTrail?e.p`
             <footer class="pkt-card__metadata">
-              ${this.metaLead?e.d`<span class="pkt-card__metadata-lead">${this.metaLead}</span>`:e.l}
-              ${this.metaTrail?e.d`<span class="pkt-card__metadata-trail">${this.metaTrail}</span>`:e.l}
+              ${this.metaLead?e.p`<span class="pkt-card__metadata-lead">${this.metaLead}</span>`:e.d}
+              ${this.metaTrail?e.p`<span class="pkt-card__metadata-trail">${this.metaTrail}</span>`:e.d}
             </footer>
-          `:e.l}
-    `}};e.r([e.s({type:String})],a.prototype,`ariaLabel`,void 0),e.r([e.s({type:String})],a.prototype,`metaLead`,void 0),e.r([e.s({type:Boolean})],a.prototype,`borderOnHover`,void 0),e.r([e.s({type:String,reflect:!0})],a.prototype,`clickCardLink`,void 0),e.r([e.s({type:String})],a.prototype,`metaTrail`,void 0),e.r([e.s({type:String})],a.prototype,`layout`,void 0),e.r([e.s({type:String})],a.prototype,`heading`,void 0),e.r([e.s({type:Number})],a.prototype,`headinglevel`,void 0),e.r([e.s({type:Object})],a.prototype,`image`,void 0),e.r([e.s({type:String})],a.prototype,`imageShape`,void 0),e.r([e.s({type:Boolean})],a.prototype,`openLinkInNewTab`,void 0),e.r([e.s({type:String})],a.prototype,`padding`,void 0),e.r([e.s({type:String,converter:{fromAttribute:e=>{let t=i.props.skin.type;return e&&t.includes(e)?e:(e&&!t.includes(e)&&console.warn(`Invalid skin value "${e}". Using default skin "${i.props.skin.default}".`),i.props.skin.default)},toAttribute:e=>e}})],a.prototype,`skin`,void 0),e.r([e.s({type:String})],a.prototype,`subheading`,void 0),e.r([e.s({type:String})],a.prototype,`tagPosition`,void 0),e.r([e.s({type:Array})],a.prototype,`tags`,void 0);try{e.c(`pkt-card`)(a)}catch{console.warn(`Forsøker å definere <pkt-card>, 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}});
+          `:e.d}
+    `}};e.n([e.o({type:String})],a.prototype,`ariaLabel`,void 0),e.n([e.o({type:String})],a.prototype,`metaLead`,void 0),e.n([e.o({type:Boolean})],a.prototype,`borderOnHover`,void 0),e.n([e.o({type:String,reflect:!0})],a.prototype,`clickCardLink`,void 0),e.n([e.o({type:String})],a.prototype,`metaTrail`,void 0),e.n([e.o({type:String})],a.prototype,`layout`,void 0),e.n([e.o({type:String})],a.prototype,`heading`,void 0),e.n([e.o({type:Number})],a.prototype,`headinglevel`,void 0),e.n([e.o({type:Object})],a.prototype,`image`,void 0),e.n([e.o({type:String})],a.prototype,`imageShape`,void 0),e.n([e.o({type:Boolean})],a.prototype,`openLinkInNewTab`,void 0),e.n([e.o({type:String})],a.prototype,`padding`,void 0),e.n([e.o({type:String,converter:{fromAttribute:e=>{let t=i.props.skin.type;return e&&t.includes(e)?e:(e&&!t.includes(e)&&console.warn(`Invalid skin value "${e}". Using default skin "${i.props.skin.default}".`),i.props.skin.default)},toAttribute:e=>e}})],a.prototype,`skin`,void 0),e.n([e.o({type:String})],a.prototype,`subheading`,void 0),e.n([e.o({type:String})],a.prototype,`tagPosition`,void 0),e.n([e.o({type:Array})],a.prototype,`tags`,void 0);try{e.s(`pkt-card`)(a)}catch{console.warn(`Forsøker å definere <pkt-card>, 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}});

package/dist/{checkbox-CF5mSBR5.js → checkbox-CC1X7fw4.js}

@@ -1,7 +1,7 @@
-import { c as e, d as t, l as n, r, s as i } from "./element-cZ85T_aa.js";
-import { t as a } from "./class-map-C8HuhNzZ.js";
-import { n as o, t as s } from "./ref-RS8Uv6uC.js";
-import { t as c } from "./input-element-B1ciW1N2.js";
+import { d as e, n as t, o as n, p as r, s as i } from "./element-CduG0XyF.js";
+import { t as a } from "./class-map-DH9hlJny.js";
+import { n as o, t as s } from "./ref-BgoHEsEt.js";
+import { t as c } from "./input-element-BrmkXIXi.js";
 //#region src/components/checkbox/checkbox.ts
 var l = class extends c {
 	constructor(...e) {
@@ -20,11 +20,11 @@ var l = class extends c {
 		e.has("defaultChecked") && !this.checked && (this.checked = this.defaultChecked), e.has("checked") && this.inputRef.value && (this.inputRef.value.checked = this.checked === "" || this.checked === "true" || this.checked === !0), e.has("indeterminate") && this.inputRef.value && (this.inputRef.value.indeterminate = this.indeterminate === "" || this.indeterminate === "true" || this.indeterminate === !0), super.updated(e);
 	}
 	render() {
-		let e = a({
+		let t = a({
 			"pkt-input-check__input": !0,
 			"pkt-input-check__input--tile": this.hasTile,
 			"pkt-input-check__input--tile-disabled": this.disabled && this.hasTile
-		}), r = a({
+		}), n = a({
 			"pkt-input-check__input-checkbox": !0,
 			"pkt-input-check__input-checkbox--error": this.hasError
 		}), i = a({
@@ -33,23 +33,23 @@ var l = class extends c {
 			"pkt-input-check__input-label--left": this.labelPosition === "left",
 			"pkt-input-check__input-label--right": this.labelPosition === "right",
 			"pkt-sr-only": this.hideLabel
-		}), s = "pkt-tag pkt-tag--small pkt-tag--thin-text", c = () => t`
-        ${this.tagText ? t`<span class=${s + " pkt-tag--gray"}>${this.tagText}</span>` : n}
-        ${this.optionalTag ? t`<span class=${s + " pkt-tag--blue-light"}>${this.optionalText}</span>` : n}
-        ${this.requiredTag ? t`<span class=${s + " pkt-tag--beige"}>${this.requiredText}</span>` : n}
-      `, l = () => t`
+		}), s = "pkt-tag pkt-tag--small pkt-tag--thin-text", c = () => r`
+        ${this.tagText ? r`<span class=${s + " pkt-tag--gray"}>${this.tagText}</span>` : e}
+        ${this.optionalTag ? r`<span class=${s + " pkt-tag--blue-light"}>${this.optionalText}</span>` : e}
+        ${this.requiredTag ? r`<span class=${s + " pkt-tag--beige"}>${this.requiredText}</span>` : e}
+      `, l = () => r`
         <label class=${i} for=${this.id + "-internal"}>
           ${this.label} ${c()}
-          ${this.checkHelptext ? t`<div class="pkt-input-check__input-helptext">${this.checkHelptext}</div>` : n}
+          ${this.checkHelptext ? r`<div class="pkt-input-check__input-helptext">${this.checkHelptext}</div>` : e}
         </label>
       `;
-		return t`
+		return r`
       <div class="pkt-input-check">
-        <div class=${e}>
-          ${this.labelPosition === "left" ? l() : n}
+        <div class=${t}>
+          ${this.labelPosition === "left" ? l() : e}
           <input
             id=${this.id + "-internal"}
-            class=${r}
+            class=${n}
             type="checkbox"
             ?disabled=${this.disabled}
             name=${this.name + "-internal"}
@@ -61,7 +61,7 @@ var l = class extends c {
             ?checked=${this.checked}
             role=${this.isSwitch ? "switch" : "checkbox"}
           />
-          ${this.labelPosition === "right" ? l() : n}
+          ${this.labelPosition === "right" ? l() : e}
         </div>
       </div>
     `;
@@ -86,21 +86,21 @@ var l = class extends c {
 		e.stopImmediatePropagation(), this.touched = !0, this.inputRef.value && (this.checked = this.inputRef.value.matches(":checked"), this.valueChecked(this.checked));
 	}
 };
-r([i({
+t([n({
 	type: String,
 	reflect: !0
-})], l.prototype, "value", void 0), r([i({ type: String })], l.prototype, "checkHelptext", void 0), r([i({ type: Boolean })], l.prototype, "defaultChecked", void 0), r([i({ type: Boolean })], l.prototype, "hasTile", void 0), r([i({ type: Boolean })], l.prototype, "isSwitch", void 0), r([i({ type: String })], l.prototype, "labelPosition", void 0), r([i({ type: Boolean })], l.prototype, "hideLabel", void 0), r([i({
+})], l.prototype, "value", void 0), t([n({ type: String })], l.prototype, "checkHelptext", void 0), t([n({ type: Boolean })], l.prototype, "defaultChecked", void 0), t([n({ type: Boolean })], l.prototype, "hasTile", void 0), t([n({ type: Boolean })], l.prototype, "isSwitch", void 0), t([n({ type: String })], l.prototype, "labelPosition", void 0), t([n({ type: Boolean })], l.prototype, "hideLabel", void 0), t([n({
 	type: Boolean,
 	reflect: !0
-})], l.prototype, "checked", void 0), r([i({
+})], l.prototype, "checked", void 0), t([n({
 	type: Boolean,
 	reflect: !0
-})], l.prototype, "indeterminate", void 0), r([i({
+})], l.prototype, "indeterminate", void 0), t([n({
 	type: String,
 	reflect: !0
-})], l.prototype, "type", void 0), r([i({ type: String })], l.prototype, "tagText", void 0), r([i({ type: Boolean })], l.prototype, "optionalTag", void 0), r([i({ type: String })], l.prototype, "optionalText", void 0), r([i({ type: Boolean })], l.prototype, "requiredTag", void 0), r([i({ type: String })], l.prototype, "requiredText", void 0);
+})], l.prototype, "type", void 0), t([n({ type: String })], l.prototype, "tagText", void 0), t([n({ type: Boolean })], l.prototype, "optionalTag", void 0), t([n({ type: String })], l.prototype, "optionalText", void 0), t([n({ type: Boolean })], l.prototype, "requiredTag", void 0), t([n({ type: String })], l.prototype, "requiredText", void 0);
 try {
-	e("pkt-checkbox")(l);
+	i("pkt-checkbox")(l);
 } catch {
 	console.warn("Forsøker å definere <pkt-checkbox>, men den er allerede definert");
 }

package/dist/{checkbox-BerAYcfK.cjs → checkbox-DzMc0AJX.cjs}

@@ -1,16 +1,16 @@
-const e=require(`./element-DjtxO-1r.cjs`),t=require(`./class-map-CJ-msbHs.cjs`),n=require(`./ref-BaJ0mBT_.cjs`),r=require(`./input-element-D0egtEnr.cjs`);var i=class extends r.t{constructor(...e){super(...e),this.inputRef=n.t(),this.value=``,this.checkHelptext=null,this.defaultChecked=!1,this.hasTile=!1,this.isSwitch=!1,this.labelPosition=`right`,this.hideLabel=!1,this.checked=null,this.indeterminate=!1,this.type=`checkbox`,this.tagText=null,this.optionalTag=!1,this.optionalText=`Valgfritt`,this.requiredTag=!1,this.requiredText=`Må fylles ut`}connectedCallback(){super.connectedCallback()}attributeChangedCallback(e,t,n){e===`defaultChecked`&&!this.checked&&(this.checked=this.defaultChecked),e===`checked`&&(this.checked=this.checked===``||this.checked===`true`||this.checked===!0,this.inputRef.value&&(this.inputRef.value.checked=this.checked)),e===`indeterminate`&&(this.indeterminate=this.indeterminate===``||this.indeterminate===`true`||this.indeterminate===!0,this.inputRef.value&&(this.inputRef.value.indeterminate=this.indeterminate)),super.attributeChangedCallback(e,t,n)}firstUpdated(e){e.has(`defaultChecked`)&&!this.checked&&(this.checked=this.defaultChecked),this.inputRef.value&&(this.inputRef.value.indeterminate=this.indeterminate===``||this.indeterminate===`true`||this.indeterminate===!0),super.firstUpdated(e)}updated(e){e.has(`defaultChecked`)&&!this.checked&&(this.checked=this.defaultChecked),e.has(`checked`)&&this.inputRef.value&&(this.inputRef.value.checked=this.checked===``||this.checked===`true`||this.checked===!0),e.has(`indeterminate`)&&this.inputRef.value&&(this.inputRef.value.indeterminate=this.indeterminate===``||this.indeterminate===`true`||this.indeterminate===!0),super.updated(e)}render(){let r=t.t({"pkt-input-check__input":!0,"pkt-input-check__input--tile":this.hasTile,"pkt-input-check__input--tile-disabled":this.disabled&&this.hasTile}),i=t.t({"pkt-input-check__input-checkbox":!0,"pkt-input-check__input-checkbox--error":this.hasError}),a=t.t({"pkt-input-check__input-label":!0,"pkt-input-check__input-label--disabled":this.disabled,"pkt-input-check__input-label--left":this.labelPosition===`left`,"pkt-input-check__input-label--right":this.labelPosition===`right`,"pkt-sr-only":this.hideLabel}),o=`pkt-tag pkt-tag--small pkt-tag--thin-text`,s=()=>e.d`
-        ${this.tagText?e.d`<span class=${o+` pkt-tag--gray`}>${this.tagText}</span>`:e.l}
-        ${this.optionalTag?e.d`<span class=${o+` pkt-tag--blue-light`}>${this.optionalText}</span>`:e.l}
-        ${this.requiredTag?e.d`<span class=${o+` pkt-tag--beige`}>${this.requiredText}</span>`:e.l}
-      `,c=()=>e.d`
+const e=require(`./element-CXAtr6Gu.cjs`),t=require(`./class-map-B8Ja0q7n.cjs`),n=require(`./ref-CBdWMlde.cjs`),r=require(`./input-element-BHQVt4Q9.cjs`);var i=class extends r.t{constructor(...e){super(...e),this.inputRef=n.t(),this.value=``,this.checkHelptext=null,this.defaultChecked=!1,this.hasTile=!1,this.isSwitch=!1,this.labelPosition=`right`,this.hideLabel=!1,this.checked=null,this.indeterminate=!1,this.type=`checkbox`,this.tagText=null,this.optionalTag=!1,this.optionalText=`Valgfritt`,this.requiredTag=!1,this.requiredText=`Må fylles ut`}connectedCallback(){super.connectedCallback()}attributeChangedCallback(e,t,n){e===`defaultChecked`&&!this.checked&&(this.checked=this.defaultChecked),e===`checked`&&(this.checked=this.checked===``||this.checked===`true`||this.checked===!0,this.inputRef.value&&(this.inputRef.value.checked=this.checked)),e===`indeterminate`&&(this.indeterminate=this.indeterminate===``||this.indeterminate===`true`||this.indeterminate===!0,this.inputRef.value&&(this.inputRef.value.indeterminate=this.indeterminate)),super.attributeChangedCallback(e,t,n)}firstUpdated(e){e.has(`defaultChecked`)&&!this.checked&&(this.checked=this.defaultChecked),this.inputRef.value&&(this.inputRef.value.indeterminate=this.indeterminate===``||this.indeterminate===`true`||this.indeterminate===!0),super.firstUpdated(e)}updated(e){e.has(`defaultChecked`)&&!this.checked&&(this.checked=this.defaultChecked),e.has(`checked`)&&this.inputRef.value&&(this.inputRef.value.checked=this.checked===``||this.checked===`true`||this.checked===!0),e.has(`indeterminate`)&&this.inputRef.value&&(this.inputRef.value.indeterminate=this.indeterminate===``||this.indeterminate===`true`||this.indeterminate===!0),super.updated(e)}render(){let r=t.t({"pkt-input-check__input":!0,"pkt-input-check__input--tile":this.hasTile,"pkt-input-check__input--tile-disabled":this.disabled&&this.hasTile}),i=t.t({"pkt-input-check__input-checkbox":!0,"pkt-input-check__input-checkbox--error":this.hasError}),a=t.t({"pkt-input-check__input-label":!0,"pkt-input-check__input-label--disabled":this.disabled,"pkt-input-check__input-label--left":this.labelPosition===`left`,"pkt-input-check__input-label--right":this.labelPosition===`right`,"pkt-sr-only":this.hideLabel}),o=`pkt-tag pkt-tag--small pkt-tag--thin-text`,s=()=>e.p`
+        ${this.tagText?e.p`<span class=${o+` pkt-tag--gray`}>${this.tagText}</span>`:e.d}
+        ${this.optionalTag?e.p`<span class=${o+` pkt-tag--blue-light`}>${this.optionalText}</span>`:e.d}
+        ${this.requiredTag?e.p`<span class=${o+` pkt-tag--beige`}>${this.requiredText}</span>`:e.d}
+      `,c=()=>e.p`
         <label class=${a} for=${this.id+`-internal`}>
           ${this.label} ${s()}
-          ${this.checkHelptext?e.d`<div class="pkt-input-check__input-helptext">${this.checkHelptext}</div>`:e.l}
+          ${this.checkHelptext?e.p`<div class="pkt-input-check__input-helptext">${this.checkHelptext}</div>`:e.d}
         </label>
-      `;return e.d`
+      `;return e.p`
       <div class="pkt-input-check">
         <div class=${r}>
-          ${this.labelPosition===`left`?c():e.l}
+          ${this.labelPosition===`left`?c():e.d}
           <input
             id=${this.id+`-internal`}
             class=${i}
@@ -25,7 +25,7 @@ const e=require(`./element-DjtxO-1r.cjs`),t=require(`./class-map-CJ-msbHs.cjs`),
             ?checked=${this.checked}
             role=${this.isSwitch?`switch`:`checkbox`}
           />
-          ${this.labelPosition===`right`?c():e.l}
+          ${this.labelPosition===`right`?c():e.d}
         </div>
       </div>
-    `}handleClick(e){if(this.disabled)return e.preventDefault(),e.stopImmediatePropagation(),!1}handleChange(e){if(this.disabled)return e.preventDefault(),e.stopImmediatePropagation(),!1;this.toggleChecked(e)}toggleChecked(e){if(this.disabled){e.preventDefault(),e.stopImmediatePropagation();return}let t=e.target;if(t&&t.disabled){e.preventDefault(),e.stopImmediatePropagation();return}e.stopImmediatePropagation(),this.touched=!0,this.inputRef.value&&(this.checked=this.inputRef.value.matches(`:checked`),this.valueChecked(this.checked))}};e.r([e.s({type:String,reflect:!0})],i.prototype,`value`,void 0),e.r([e.s({type:String})],i.prototype,`checkHelptext`,void 0),e.r([e.s({type:Boolean})],i.prototype,`defaultChecked`,void 0),e.r([e.s({type:Boolean})],i.prototype,`hasTile`,void 0),e.r([e.s({type:Boolean})],i.prototype,`isSwitch`,void 0),e.r([e.s({type:String})],i.prototype,`labelPosition`,void 0),e.r([e.s({type:Boolean})],i.prototype,`hideLabel`,void 0),e.r([e.s({type:Boolean,reflect:!0})],i.prototype,`checked`,void 0),e.r([e.s({type:Boolean,reflect:!0})],i.prototype,`indeterminate`,void 0),e.r([e.s({type:String,reflect:!0})],i.prototype,`type`,void 0),e.r([e.s({type:String})],i.prototype,`tagText`,void 0),e.r([e.s({type:Boolean})],i.prototype,`optionalTag`,void 0),e.r([e.s({type:String})],i.prototype,`optionalText`,void 0),e.r([e.s({type:Boolean})],i.prototype,`requiredTag`,void 0),e.r([e.s({type:String})],i.prototype,`requiredText`,void 0);try{e.c(`pkt-checkbox`)(i)}catch{console.warn(`Forsøker å definere <pkt-checkbox>, 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}});
+    `}handleClick(e){if(this.disabled)return e.preventDefault(),e.stopImmediatePropagation(),!1}handleChange(e){if(this.disabled)return e.preventDefault(),e.stopImmediatePropagation(),!1;this.toggleChecked(e)}toggleChecked(e){if(this.disabled){e.preventDefault(),e.stopImmediatePropagation();return}let t=e.target;if(t&&t.disabled){e.preventDefault(),e.stopImmediatePropagation();return}e.stopImmediatePropagation(),this.touched=!0,this.inputRef.value&&(this.checked=this.inputRef.value.matches(`:checked`),this.valueChecked(this.checked))}};e.n([e.o({type:String,reflect:!0})],i.prototype,`value`,void 0),e.n([e.o({type:String})],i.prototype,`checkHelptext`,void 0),e.n([e.o({type:Boolean})],i.prototype,`defaultChecked`,void 0),e.n([e.o({type:Boolean})],i.prototype,`hasTile`,void 0),e.n([e.o({type:Boolean})],i.prototype,`isSwitch`,void 0),e.n([e.o({type:String})],i.prototype,`labelPosition`,void 0),e.n([e.o({type:Boolean})],i.prototype,`hideLabel`,void 0),e.n([e.o({type:Boolean,reflect:!0})],i.prototype,`checked`,void 0),e.n([e.o({type:Boolean,reflect:!0})],i.prototype,`indeterminate`,void 0),e.n([e.o({type:String,reflect:!0})],i.prototype,`type`,void 0),e.n([e.o({type:String})],i.prototype,`tagText`,void 0),e.n([e.o({type:Boolean})],i.prototype,`optionalTag`,void 0),e.n([e.o({type:String})],i.prototype,`optionalText`,void 0),e.n([e.o({type:Boolean})],i.prototype,`requiredTag`,void 0),e.n([e.o({type:String})],i.prototype,`requiredText`,void 0);try{e.s(`pkt-checkbox`)(i)}catch{console.warn(`Forsøker å definere <pkt-checkbox>, 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/class-map-B8Ja0q7n.cjs

@@ -0,0 +1 @@
+const e=require(`./element-CXAtr6Gu.cjs`);var t=e.c(class extends e.l{constructor(t){if(super(t),t.type!==e.u.ATTRIBUTE||t.name!==`class`||t.strings?.length>2)throw Error("`classMap()` can only be used in the `class` attribute and must be the only part in the attribute.")}render(e){return` `+Object.keys(e).filter(t=>e[t]).join(` `)+` `}update(t,[n]){if(this.st===void 0){this.st=new Set,t.strings!==void 0&&(this.nt=new Set(t.strings.join(` `).split(/\s/).filter(e=>e!==``)));for(let e in n)n[e]&&!this.nt?.has(e)&&this.st.add(e);return this.render(n)}let r=t.element.classList;for(let e of this.st)e in n||(r.remove(e),this.st.delete(e));for(let e in n){let t=!!n[e];t===this.st.has(e)||this.nt?.has(e)||(t?(r.add(e),this.st.add(e)):(r.remove(e),this.st.delete(e)))}return e.f}});Object.defineProperty(exports,`t`,{enumerable:!0,get:function(){return t}});

package/dist/{class-map-C8HuhNzZ.js → class-map-DH9hlJny.js}

@@ -1,26 +1,25 @@
-import { u as e } from "./element-cZ85T_aa.js";
-import { n as t, r as n, t as r } from "./directive-3THFsVew.js";
+import { c as e, f as t, l as n, u as r } from "./element-CduG0XyF.js";
 //#region ../../node_modules/lit-html/directives/class-map.js
-var i = r(class extends t {
+var i = e(class extends n {
 	constructor(e) {
-		if (super(e), e.type !== n.ATTRIBUTE || e.name !== "class" || e.strings?.length > 2) throw Error("`classMap()` can only be used in the `class` attribute and must be the only part in the attribute.");
+		if (super(e), e.type !== r.ATTRIBUTE || e.name !== "class" || e.strings?.length > 2) throw Error("`classMap()` can only be used in the `class` attribute and must be the only part in the attribute.");
 	}
 	render(e) {
 		return " " + Object.keys(e).filter((t) => e[t]).join(" ") + " ";
 	}
-	update(t, [n]) {
+	update(e, [n]) {
 		if (this.st === void 0) {
-			this.st = /* @__PURE__ */ new Set(), t.strings !== void 0 && (this.nt = new Set(t.strings.join(" ").split(/\s/).filter((e) => e !== "")));
+			this.st = /* @__PURE__ */ new Set(), e.strings !== void 0 && (this.nt = new Set(e.strings.join(" ").split(/\s/).filter((e) => e !== "")));
 			for (let e in n) n[e] && !this.nt?.has(e) && this.st.add(e);
 			return this.render(n);
 		}
-		let r = t.element.classList;
+		let r = e.element.classList;
 		for (let e of this.st) e in n || (r.remove(e), this.st.delete(e));
 		for (let e in n) {
 			let t = !!n[e];
 			t === this.st.has(e) || this.nt?.has(e) || (t ? (r.add(e), this.st.add(e)) : (r.remove(e), this.st.delete(e)));
 		}
-		return e;
+		return t;
 	}
 });
 //#endregion

package/dist/{combobox-BDYoPZmg.js → combobox-D-DY7YcW.js}

@@ -1,15 +1,15 @@
-import { c as e, d as t, l as n, o as r, r as i, s as a } from "./element-cZ85T_aa.js";
-import { t as o } from "./class-map-C8HuhNzZ.js";
-import { n as s } from "./element-with-slot-4J2o3SeU.js";
-import "./icon-CZQkrK6B.js";
-import { t as c } from "./if-defined-Cjj8qN-Z.js";
-import { n as l, t as u } from "./ref-RS8Uv6uC.js";
-import "./tag-DSZ-czu-.js";
-import { t as d } from "./repeat-DV1O43YU.js";
-import { a as f, c as p, i as m, o as h, r as g, s as _ } from "./listbox-0NHJvNjz.js";
-import { t as v } from "./input-element-B1ciW1N2.js";
-import { t as y } from "./pkt-options-controller-CCB15L_G.js";
-import "./input-wrapper-oYcbCFow.js";
+import { a as e, d as t, n, o as r, p as i, s as a } from "./element-CduG0XyF.js";
+import { t as o } from "./class-map-DH9hlJny.js";
+import { n as s } from "./element-with-slot-BVj9MXzi.js";
+import "./icon-LaKyBKON.js";
+import { t as c } from "./if-defined-VShASPdu.js";
+import { n as l, t as u } from "./ref-BgoHEsEt.js";
+import "./tag-CzlnHhho.js";
+import { t as d } from "./repeat-CKIii8Mi.js";
+import { a as f, c as p, i as m, o as h, r as g, s as _ } from "./listbox-DXMIBv3y.js";
+import { t as v } from "./input-element-BrmkXIXi.js";
+import { t as y } from "./pkt-options-controller-BTNtjEIS.js";
+import "./input-wrapper-B6WowlWG.js";
 //#region ../../shared-utils/combobox/input-utils.ts
 var b = (e, t, n) => {
 	switch (e) {
@@ -454,31 +454,31 @@ var b = (e, t, n) => {
 	}
 	valueChanged() {}
 };
-i([a({
+n([r({
 	type: String,
 	reflect: !0
-})], O.prototype, "value", void 0), i([a({ type: Array })], O.prototype, "options", void 0), i([a({
+})], O.prototype, "value", void 0), n([r({ type: Array })], O.prototype, "options", void 0), n([r({
 	type: Array,
 	attribute: "default-options"
-})], O.prototype, "defaultOptions", void 0), i([a({
+})], O.prototype, "defaultOptions", void 0), n([r({
 	type: Boolean,
 	attribute: "allow-user-input"
-})], O.prototype, "allowUserInput", void 0), i([a({ type: Boolean })], O.prototype, "typeahead", void 0), i([a({
+})], O.prototype, "allowUserInput", void 0), n([r({ type: Boolean })], O.prototype, "typeahead", void 0), n([r({
 	type: Boolean,
 	attribute: "include-search"
-})], O.prototype, "includeSearch", void 0), i([a({
+})], O.prototype, "includeSearch", void 0), n([r({
 	type: String,
 	attribute: "search-placeholder"
-})], O.prototype, "searchPlaceholder", void 0), i([a({ type: Boolean })], O.prototype, "multiple", void 0), i([a({ type: Number })], O.prototype, "maxlength", void 0), i([a({
+})], O.prototype, "searchPlaceholder", void 0), n([r({ type: Boolean })], O.prototype, "multiple", void 0), n([r({ type: Number })], O.prototype, "maxlength", void 0), n([r({
 	type: String,
 	attribute: "display-value-as"
-})], O.prototype, "displayValueAs", void 0), i([a({
+})], O.prototype, "displayValueAs", void 0), n([r({
 	type: String,
 	attribute: "tag-placement"
-})], O.prototype, "tagPlacement", void 0), i([a({
+})], O.prototype, "tagPlacement", void 0), n([r({
 	type: Boolean,
 	attribute: "open"
-})], O.prototype, "isOpen", void 0), i([r()], O.prototype, "_options", void 0), i([r()], O.prototype, "_value", void 0), i([r()], O.prototype, "_isOptionsOpen", void 0), i([r()], O.prototype, "_userInfoMessage", void 0), i([r()], O.prototype, "_addValueText", void 0), i([r()], O.prototype, "_maxIsReached", void 0), i([r()], O.prototype, "_search", void 0), i([r()], O.prototype, "_inputFocus", void 0);
+})], O.prototype, "isOpen", void 0), n([e()], O.prototype, "_options", void 0), n([e()], O.prototype, "_value", void 0), n([e()], O.prototype, "_isOptionsOpen", void 0), n([e()], O.prototype, "_userInfoMessage", void 0), n([e()], O.prototype, "_addValueText", void 0), n([e()], O.prototype, "_maxIsReached", void 0), n([e()], O.prototype, "_search", void 0), n([e()], O.prototype, "_inputFocus", void 0);
 //#endregion
 //#region src/components/combobox/combobox-value.ts
 var k = class extends O {
@@ -805,7 +805,7 @@ var k = class extends O {
 		super.attributeChangedCallback(e, t, n);
 	}
 	render() {
-		return t`
+		return i`
       <pkt-input-wrapper
         .label=${this.label}
         .helptext=${this.helptext}
@@ -847,12 +847,12 @@ var k = class extends O {
             aria-description=${c(this._selectionDescription || void 0)}
             tabindex=${this._hasTextInput || this.disabled ? "-1" : "0"}
             @click=${this.handleInputClick}
-            @keydown=${this._hasTextInput ? n : this.handleSelectOnlyKeydown}
+            @keydown=${this._hasTextInput ? t : this.handleSelectOnlyKeydown}
             ${l(this.triggerRef)}
           >
-            ${!this._hasTextInput && this.placeholder && (!this._value.length || this.multiple && this.tagPlacement == "outside") && !this._inputFocus ? t`<span class="pkt-combobox__placeholder" @click=${this.handlePlaceholderClick}
+            ${!this._hasTextInput && this.placeholder && (!this._value.length || this.multiple && this.tagPlacement == "outside") && !this._inputFocus ? i`<span class="pkt-combobox__placeholder" @click=${this.handlePlaceholderClick}
                   >${this.placeholder}</span
-                >` : this.tagPlacement === "outside" ? n : this.renderSingleOrMultipleValues()}
+                >` : this.tagPlacement === "outside" ? t : this.renderSingleOrMultipleValues()}
             ${this.renderInputField()}
             <pkt-icon
               class=${o({
@@ -887,14 +887,14 @@ var k = class extends O {
           ></pkt-listbox>
         </div>
 
-        ${this.tagPlacement === "outside" && this.multiple ? t`<div class="pkt-combobox__tags-outside">
+        ${this.tagPlacement === "outside" && this.multiple ? i`<div class="pkt-combobox__tags-outside">
               ${this.renderSingleOrMultipleValues()}
-            </div>` : n}
+            </div>` : t}
       </pkt-input-wrapper>
     `;
 	}
 	renderInputField() {
-		return this.typeahead || this.allowUserInput ? t`
+		return this.typeahead || this.allowUserInput ? i`
           <div class="pkt-combobox__input-div combobox__input">
             <input
               type="text"
@@ -919,7 +919,7 @@ var k = class extends O {
               ${l(this.inputRef)}
             />
           </div>
-        ` : t`
+        ` : i`
           <input
             type="hidden"
             id="${this.id}-input"
@@ -930,23 +930,23 @@ var k = class extends O {
         `;
 	}
 	renderSingleOrMultipleValues() {
-		if (!this.multiple && this._hasTextInput) return n;
-		let e = !this.multiple, r = this.renderValueTag(m(this.options, this._value[0])), i = this.tagPlacement === "outside", a = t`
+		if (!this.multiple && this._hasTextInput) return t;
+		let e = !this.multiple, n = this.renderValueTag(m(this.options, this._value[0])), r = this.tagPlacement === "outside", a = i`
       <ul role="list" class="pkt-combobox__tag-list">
-        ${d(this._value, (e) => e, (e, r) => {
+        ${d(this._value, (e) => e, (e, n) => {
 			let a = m(this.options, e), o = a?.tagSkinColor;
-			return t`
+			return i`
               <li
                 role="listitem"
-                @click=${i ? n : (e) => e.stopPropagation()}
-                @mousedown=${i ? n : (e) => e.preventDefault()}
+                @click=${r ? t : (e) => e.stopPropagation()}
+                @mousedown=${r ? t : (e) => e.preventDefault()}
               >
                 <pkt-tag
                   skin=${o || "blue-dark"}
                   ?closeTag=${!this.disabled}
-                  .buttonTabindex=${i ? void 0 : -1}
+                  .buttonTabindex=${r ? void 0 : -1}
                   @close=${() => this.handleTagRemove(e)}
-                  @keydown=${i ? n : (e) => this.handleTagKeydown(e, r)}
+                  @keydown=${r ? t : (e) => this.handleTagKeydown(e, n)}
                 >
                   ${this.renderValueTag(a)}
                 </pkt-tag>
@@ -955,25 +955,25 @@ var k = class extends O {
 		})}
       </ul>
     `;
-		return e ? r : a;
+		return e ? n : a;
 	}
 	renderValueTag(e) {
 		if (!e) return "";
 		switch (this.displayValueAs) {
-			case "prefixAndValue": return t`<span class="pkt-combobox__value" data-focusfix=${this.id}
+			case "prefixAndValue": return i`<span class="pkt-combobox__value" data-focusfix=${this.id}
           >${e.prefix || ""} ${e.value}</span
         >`;
-			case "value": return t`<span class="pkt-combobox__value" data-focusfix=${this.id}
+			case "value": return i`<span class="pkt-combobox__value" data-focusfix=${this.id}
           >${e.value}</span
         >`;
-			default: return t`<span class="pkt-combobox__value" data-focusfix=${this.id}
+			default: return i`<span class="pkt-combobox__value" data-focusfix=${this.id}
           >${e.label || e.value}</span
         >`;
 		}
 	}
 };
 try {
-	e("pkt-combobox")(j);
+	a("pkt-combobox")(j);
 } catch {
 	console.warn("Forsøker å definere <pkt-combobox>, men den er allerede definert");
 }