@oslokommune/punkt-elements 16.18.0 → 16.19.0

package/dist/pkt-textinput.js

@@ -1,2 +1,2 @@
-import { n as e, t } from "./textinput-DhoupEyI.js";
+import { n as e, t } from "./textinput-CZrBM-Fj.js";
 export { e as PktTextinput, t as default };

package/dist/pkt-timepicker.cjs

@@ -1 +1 @@
-Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require(`./timepicker-C4oRmmRd.cjs`);exports.PktTimepicker=e.t;
+Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require(`./timepicker-WiYLAncb.cjs`);exports.PktTimepicker=e.t;

package/dist/pkt-timepicker.js

@@ -1,2 +1,2 @@
-import { t as e } from "./timepicker-CtRGbypF.js";
+import { t as e } from "./timepicker-O0iCeJyW.js";
 export { e as PktTimepicker };

package/dist/{progressbar-C-5oESiB.js → progressbar-B0P_vmGD.js}

@@ -1,13 +1,12 @@
-import { c as e, d as t, l as n, o as r, r as i, s as a, t as o, u as s } from "./element-cZ85T_aa.js";
-import { n as c, r as l, t as u } from "./directive-3THFsVew.js";
-import { t as d } from "./class-map-C8HuhNzZ.js";
-import "./icon-CZQkrK6B.js";
-import { n as f, t as p } from "./ref-RS8Uv6uC.js";
-import { n as m } from "./utils-BOOZ0ppt.js";
+import { a as e, c as t, d as n, f as r, l as i, n as a, o, p as s, s as c, t as l, u } from "./element-CduG0XyF.js";
+import { t as d } from "./class-map-DH9hlJny.js";
+import "./icon-LaKyBKON.js";
+import { n as f, t as p } from "./ref-BgoHEsEt.js";
+import { n as m } from "./utils-CUqCKGvp.js";
 //#region ../../node_modules/lit-html/directives/style-map.js
-var h = "important", g = " !" + h, _ = u(class extends c {
+var h = "important", g = " !" + h, _ = t(class extends i {
 	constructor(e) {
-		if (super(e), e.type !== l.ATTRIBUTE || e.name !== "style" || e.strings?.length > 2) throw Error("The `styleMap` directive must be used in the `style` attribute and must be the only part in the attribute.");
+		if (super(e), e.type !== u.ATTRIBUTE || e.name !== "style" || e.strings?.length > 2) throw Error("The `styleMap` directive must be used in the `style` attribute and must be the only part in the attribute.");
 	}
 	render(e) {
 		return Object.keys(e).reduce((t, n) => {
@@ -27,9 +26,9 @@ var h = "important", g = " !" + h, _ = u(class extends c {
 				e.includes("-") || t ? n.setProperty(e, t ? r.slice(0, -11) : r, t ? h : "") : n[e] = r;
 			}
 		}
-		return s;
+		return r;
 	}
-}), v = class extends o {
+}), v = class extends l {
 	constructor() {
 		super(), this.ariaLabel = null, this.ariaLabelledby = null, this.ariaValueText = null, this.ariaLive = "polite", this.id = m(), this.role = "progressbar", this.skin = "dark-blue", this.statusPlacement = "following", this.statusType = "none", this.title = "", this.titlePosition = "left", this.valueCurrent = 0, this.valueMax = 100, this.valueMin = 0, this.labelWidth = 0, this.progressbarId = this.id, this.computedAriaLabelledby = null, this.computedAriaValueText = "", this.labelRef = p(), this.progressBarRef = p();
 	}
@@ -40,7 +39,7 @@ var h = "important", g = " !" + h, _ = u(class extends c {
 		super.updated(e), e.has("valueCurrent") && this.labelRef.value && (this.labelWidth = this.labelRef.value.getBoundingClientRect().width || 0), e.has("id") && this.id && (this.progressBarId = this.id), (e.has("statusType") || e.has("id") || e.has("ariaLabelledby")) && (this.progressbarId = this.id || m(), this.computedAriaLabelledby = this.ariaLabelledby || `${this.progressbarId}-title`), (e.has("ariaValueText") || e.has("valueCurrent") || e.has("valueMax")) && (this.computedAriaValueText = this.statusType === "fraction" && !this.ariaValueText ? `${this.valueCurrent} av ${this.valueMax - this.valueMin}` : this.ariaValueText || ""), this.syncAttributes();
 	}
 	render() {
-		let e = this.statusType !== "none", r = this.valueMax - this.valueMin, i = this.valueCurrent / r * 100, a = this.statusType === "fraction" ? Math.round(i) : Math.round((this.valueCurrent - this.valueMin) / (this.valueMax - this.valueMin) * 100), o = `${this.valueCurrent} av ${r}`, s = d({
+		let e = this.statusType !== "none", t = this.valueMax - this.valueMin, r = this.valueCurrent / t * 100, i = this.statusType === "fraction" ? Math.round(r) : Math.round((this.valueCurrent - this.valueMin) / (this.valueMax - this.valueMin) * 100), a = `${this.valueCurrent} av ${t}`, o = d({
 			"pkt-progressbar__bar": !0,
 			[`pkt-progressbar__bar--${this.skin}`]: !!this.skin
 		}), c = d({
@@ -54,23 +53,23 @@ var h = "important", g = " !" + h, _ = u(class extends c {
 			"pkt-progressbar__status-placement--center": this.statusPlacement === "center",
 			"pkt-progressbar__status-placement--left": this.statusPlacement === "left"
 		});
-		return t` <div
+		return s` <div
       class="pkt-progressbar__container"
       .ref=${this.progressBarRef}
       style=${_({
 			"--pkt-progress-label-width": `${this.labelWidth}px`,
-			"--pkt-progress-width": `${a}%`
+			"--pkt-progress-width": `${i}%`
 		})}
     >
-      ${this.title ? t`<p id=${`${this.progressBarId}-title`} class=${c}>${this.title}</p>` : n}
+      ${this.title ? s`<p id=${`${this.progressBarId}-title`} class=${c}>${this.title}</p>` : n}
 
       <div class="pkt-progressbar__bar-wrapper">
-        <div class=${s}></div>
+        <div class=${o}></div>
       </div>
 
-      ${e ? t`<div class=${l}>
+      ${e ? s`<div class=${l}>
             <span class=${u} ${f(this.labelRef)}>
-              ${this.statusType === "percentage" ? `${a}%` : o}
+              ${this.statusType === "percentage" ? `${i}%` : a}
             </span>
           </div>` : n}
     </div>`;
@@ -85,24 +84,24 @@ var h = "important", g = " !" + h, _ = u(class extends c {
 		t == null || t === "" ? this.removeAttribute(e) : this.setAttribute(e, String(t));
 	}
 };
-i([a({ type: String })], v.prototype, "ariaLabel", void 0), i([a({
+a([o({ type: String })], v.prototype, "ariaLabel", void 0), a([o({
 	type: String,
 	reflect: !0
-})], v.prototype, "ariaLabelledby", void 0), i([a({
+})], v.prototype, "ariaLabelledby", void 0), a([o({
 	type: String,
 	reflect: !0
-})], v.prototype, "ariaValueText", void 0), i([a({ type: String })], v.prototype, "ariaLive", void 0), i([a({
+})], v.prototype, "ariaValueText", void 0), a([o({ type: String })], v.prototype, "ariaLive", void 0), a([o({
 	type: String,
 	reflect: !0
-})], v.prototype, "id", void 0), i([a({ type: String })], v.prototype, "role", void 0), i([a({ type: String })], v.prototype, "skin", void 0), i([a({ type: String })], v.prototype, "statusPlacement", void 0), i([a({ type: String })], v.prototype, "statusType", void 0), i([a({
+})], v.prototype, "id", void 0), a([o({ type: String })], v.prototype, "role", void 0), a([o({ type: String })], v.prototype, "skin", void 0), a([o({ type: String })], v.prototype, "statusPlacement", void 0), a([o({ type: String })], v.prototype, "statusType", void 0), a([o({
 	type: String,
 	reflect: !0
-})], v.prototype, "title", void 0), i([a({ type: String })], v.prototype, "titlePosition", void 0), i([a({
+})], v.prototype, "title", void 0), a([o({ type: String })], v.prototype, "titlePosition", void 0), a([o({
 	type: Number,
 	reflect: !0
-})], v.prototype, "valueCurrent", void 0), i([a({ type: Number })], v.prototype, "valueMax", void 0), i([a({ type: Number })], v.prototype, "valueMin", void 0), i([r()], v.prototype, "labelWidth", void 0), i([r()], v.prototype, "progressbarId", void 0), i([r()], v.prototype, "computedAriaLabelledby", void 0), i([r()], v.prototype, "computedAriaValueText", void 0);
+})], v.prototype, "valueCurrent", void 0), a([o({ type: Number })], v.prototype, "valueMax", void 0), a([o({ type: Number })], v.prototype, "valueMin", void 0), a([e()], v.prototype, "labelWidth", void 0), a([e()], v.prototype, "progressbarId", void 0), a([e()], v.prototype, "computedAriaLabelledby", void 0), a([e()], v.prototype, "computedAriaValueText", void 0);
 try {
-	e("pkt-progressbar")(v);
+	c("pkt-progressbar")(v);
 } catch {
 	console.warn("Forsøker å definere <pkt-progressbar>, men den er allerede definert");
 }

package/dist/progressbar-DADdvDl5.cjs

@@ -0,0 +1,17 @@
+const e=require(`./element-CXAtr6Gu.cjs`),t=require(`./class-map-B8Ja0q7n.cjs`);require(`./icon-Dw6I0HDV.cjs`);const n=require(`./ref-CBdWMlde.cjs`),r=require(`./utils-CjAbIttF.cjs`);var i=`important`,a=` !`+i,o=e.c(class extends e.l{constructor(t){if(super(t),t.type!==e.u.ATTRIBUTE||t.name!==`style`||t.strings?.length>2)throw Error("The `styleMap` directive must be used in the `style` attribute and must be the only part in the attribute.")}render(e){return Object.keys(e).reduce((t,n)=>{let r=e[n];return r==null?t:t+`${n=n.includes(`-`)?n:n.replace(/(?:^(webkit|moz|ms|o)|)(?=[A-Z])/g,`-$&`).toLowerCase()}:${r};`},``)}update(t,[n]){let{style:r}=t.element;if(this.ft===void 0)return this.ft=new Set(Object.keys(n)),this.render(n);for(let e of this.ft)n[e]??(this.ft.delete(e),e.includes(`-`)?r.removeProperty(e):r[e]=null);for(let e in n){let t=n[e];if(t!=null){this.ft.add(e);let n=typeof t==`string`&&t.endsWith(a);e.includes(`-`)||n?r.setProperty(e,n?t.slice(0,-11):t,n?i:``):r[e]=t}}return e.f}}),s=class extends e.t{constructor(){super(),this.ariaLabel=null,this.ariaLabelledby=null,this.ariaValueText=null,this.ariaLive=`polite`,this.id=r.n(),this.role=`progressbar`,this.skin=`dark-blue`,this.statusPlacement=`following`,this.statusType=`none`,this.title=``,this.titlePosition=`left`,this.valueCurrent=0,this.valueMax=100,this.valueMin=0,this.labelWidth=0,this.progressbarId=this.id,this.computedAriaLabelledby=null,this.computedAriaValueText=``,this.labelRef=n.t(),this.progressBarRef=n.t()}firstUpdated(e){super.firstUpdated(e),this.setComputedValues(),this.syncAttributes()}updated(e){super.updated(e),e.has(`valueCurrent`)&&this.labelRef.value&&(this.labelWidth=this.labelRef.value.getBoundingClientRect().width||0),e.has(`id`)&&this.id&&(this.progressBarId=this.id),(e.has(`statusType`)||e.has(`id`)||e.has(`ariaLabelledby`))&&(this.progressbarId=this.id||r.n(),this.computedAriaLabelledby=this.ariaLabelledby||`${this.progressbarId}-title`),(e.has(`ariaValueText`)||e.has(`valueCurrent`)||e.has(`valueMax`))&&(this.computedAriaValueText=this.statusType===`fraction`&&!this.ariaValueText?`${this.valueCurrent} av ${this.valueMax-this.valueMin}`:this.ariaValueText||``),this.syncAttributes()}render(){let r=this.statusType!==`none`,i=this.valueMax-this.valueMin,a=this.valueCurrent/i*100,s=this.statusType===`fraction`?Math.round(a):Math.round((this.valueCurrent-this.valueMin)/(this.valueMax-this.valueMin)*100),c=`${this.valueCurrent} av ${i}`,l=t.t({"pkt-progressbar__bar":!0,[`pkt-progressbar__bar--${this.skin}`]:!!this.skin}),u=t.t({"pkt-progressbar__title":!0,"pkt-progressbar__title-center":this.titlePosition===`center`}),d=t.t({"pkt-progressbar__status":!0,"pkt-progressbar__status--center":this.statusPlacement===`center`}),f=t.t({"pkt-progressbar__status-placement--following":this.statusPlacement===`following`,"pkt-progressbar__status-placement--center":this.statusPlacement===`center`,"pkt-progressbar__status-placement--left":this.statusPlacement===`left`});return e.p` <div
+      class="pkt-progressbar__container"
+      .ref=${this.progressBarRef}
+      style=${o({"--pkt-progress-label-width":`${this.labelWidth}px`,"--pkt-progress-width":`${s}%`})}
+    >
+      ${this.title?e.p`<p id=${`${this.progressBarId}-title`} class=${u}>${this.title}</p>`:e.d}
+
+      <div class="pkt-progressbar__bar-wrapper">
+        <div class=${l}></div>
+      </div>
+
+      ${r?e.p`<div class=${d}>
+            <span class=${f} ${n.n(this.labelRef)}>
+              ${this.statusType===`percentage`?`${s}%`:c}
+            </span>
+          </div>`:e.d}
+    </div>`}setComputedValues(){this.progressbarId=this.id||r.n(),this.computedAriaLabelledby=this.ariaLabelledby||`${this.progressbarId}-title`,this.computedAriaValueText=this.statusType===`fraction`&&!this.ariaValueText?`${this.valueCurrent} av ${this.valueMax-this.valueMin}`:this.ariaValueText||``}syncAttributes(){this._handleAttribute(`aria-live`,this.ariaLive),this._handleAttribute(`aria-valuenow`,this.valueCurrent),this._handleAttribute(`aria-valuemin`,this.valueMin),this._handleAttribute(`aria-valuemax`,this.valueMax),this._handleAttribute(`aria-valuetext`,this.computedAriaValueText),this._handleAttribute(`aria-label`,this.ariaLabel),this._handleAttribute(`role`,this.role),this._handleAttribute(`aria-atomic`,`true`),this._handleAttribute(`id`,this.progressbarId),this.ariaLabel||this._handleAttribute(`aria-labelledby`,this.computedAriaLabelledby)}_handleAttribute(e,t){t==null||t===``?this.removeAttribute(e):this.setAttribute(e,String(t))}};e.n([e.o({type:String})],s.prototype,`ariaLabel`,void 0),e.n([e.o({type:String,reflect:!0})],s.prototype,`ariaLabelledby`,void 0),e.n([e.o({type:String,reflect:!0})],s.prototype,`ariaValueText`,void 0),e.n([e.o({type:String})],s.prototype,`ariaLive`,void 0),e.n([e.o({type:String,reflect:!0})],s.prototype,`id`,void 0),e.n([e.o({type:String})],s.prototype,`role`,void 0),e.n([e.o({type:String})],s.prototype,`skin`,void 0),e.n([e.o({type:String})],s.prototype,`statusPlacement`,void 0),e.n([e.o({type:String})],s.prototype,`statusType`,void 0),e.n([e.o({type:String,reflect:!0})],s.prototype,`title`,void 0),e.n([e.o({type:String})],s.prototype,`titlePosition`,void 0),e.n([e.o({type:Number,reflect:!0})],s.prototype,`valueCurrent`,void 0),e.n([e.o({type:Number})],s.prototype,`valueMax`,void 0),e.n([e.o({type:Number})],s.prototype,`valueMin`,void 0),e.n([e.a()],s.prototype,`labelWidth`,void 0),e.n([e.a()],s.prototype,`progressbarId`,void 0),e.n([e.a()],s.prototype,`computedAriaLabelledby`,void 0),e.n([e.a()],s.prototype,`computedAriaValueText`,void 0);try{e.s(`pkt-progressbar`)(s)}catch{console.warn(`Forsøker å definere <pkt-progressbar>, men den er allerede definert`)}var c=s;Object.defineProperty(exports,`n`,{enumerable:!0,get:function(){return s}}),Object.defineProperty(exports,`t`,{enumerable:!0,get:function(){return c}});

package/dist/{radiobutton-B1Xg6XzP.cjs → radiobutton-BfURufrZ.cjs}

@@ -1,4 +1,4 @@
-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.checked=null,this.type=`radio`,this.tagText=null,this.optionalTag=!1,this.optionalText=`Valgfritt`,this.requiredTag=!1,this.requiredText=`Må fylles ut`,this._checked=!1}connectedCallback(){super.connectedCallback()}attributeChangedCallback(e,t,n){e===`defaultChecked`&&(this._checked=this.defaultChecked),e===`checked`&&(this._checked=this.checked===``||this.checked===`true`||this.checked===!0),super.attributeChangedCallback(e,t,n)}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-sr-only":this.hideLabel}),o=`pkt-tag pkt-tag--small pkt-tag--thin-text`;return 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.checked=null,this.type=`radio`,this.tagText=null,this.optionalTag=!1,this.optionalText=`Valgfritt`,this.requiredTag=!1,this.requiredText=`Må fylles ut`,this._checked=!1}connectedCallback(){super.connectedCallback()}attributeChangedCallback(e,t,n){e===`defaultChecked`&&(this._checked=this.defaultChecked),e===`checked`&&(this._checked=this.checked===``||this.checked===`true`||this.checked===!0),super.attributeChangedCallback(e,t,n)}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-sr-only":this.hideLabel}),o=`pkt-tag pkt-tag--small pkt-tag--thin-text`;return e.p`
       <div class="pkt-input-check">
         <div class=${r}>
           <input
@@ -16,16 +16,16 @@ const e=require(`./element-DjtxO-1r.cjs`),t=require(`./class-map-CJ-msbHs.cjs`),
             @focus=${this.onFocus}
             ?checked=${this.checked}
           />
-          ${e.d`
+          ${e.p`
         <label class=${a} for=${this.id+`-internal`}>
-          ${this.label} ${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}
+          ${this.label} ${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}
       `}
-          ${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>
       `}
         </div>
       </div>
-    `}toggleChecked(e=null){e&&e.preventDefault(),e&&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,reflect:!0})],i.prototype,`checked`,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),e.r([e.o()],i.prototype,`_checked`,void 0);try{e.c(`pkt-radiobutton`)(i)}catch{console.warn(`Forsøker å definere <pkt-radiobutton>, 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}});
+    `}toggleChecked(e=null){e&&e.preventDefault(),e&&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,reflect:!0})],i.prototype,`checked`,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),e.n([e.a()],i.prototype,`_checked`,void 0);try{e.s(`pkt-radiobutton`)(i)}catch{console.warn(`Forsøker å definere <pkt-radiobutton>, 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/{radiobutton-BAn1V_mQ.js → radiobutton-C6zERHoy.js}

@@ -1,7 +1,7 @@
-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, t as c } from "./ref-RS8Uv6uC.js";
-import { t as l } from "./input-element-B1ciW1N2.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, t as c } from "./ref-BgoHEsEt.js";
+import { t as l } from "./input-element-BrmkXIXi.js";
 //#region src/components/radiobutton/radiobutton.ts
 var u = class extends l {
 	constructor(...e) {
@@ -18,20 +18,20 @@ var u = class extends l {
 			"pkt-input-check__input": !0,
 			"pkt-input-check__input--tile": this.hasTile,
 			"pkt-input-check__input--tile-disabled": this.disabled && this.hasTile
-		}), r = o({
+		}), n = o({
 			"pkt-input-check__input-checkbox": !0,
 			"pkt-input-check__input-checkbox--error": this.hasError
-		}), i = o({
+		}), r = o({
 			"pkt-input-check__input-label": !0,
 			"pkt-input-check__input-label--disabled": this.disabled,
 			"pkt-sr-only": this.hideLabel
 		}), a = "pkt-tag pkt-tag--small pkt-tag--thin-text";
-		return t`
+		return i`
       <div class="pkt-input-check">
         <div class=${e}>
           <input
             id=${this.id + "-internal"}
-            class=${r}
+            class=${n}
             type="radio"
             role="radio"
             ?disabled=${this.disabled}
@@ -44,14 +44,14 @@ var u = class extends l {
             @focus=${this.onFocus}
             ?checked=${this.checked}
           />
-          ${t`
-        <label class=${i} for=${this.id + "-internal"}>
-          ${this.label} ${t`
-        ${this.tagText ? t`<span class=${a + " pkt-tag--gray"}>${this.tagText}</span>` : n}
-        ${this.optionalTag ? t`<span class=${a + " pkt-tag--blue-light"}>${this.optionalText}</span>` : n}
-        ${this.requiredTag ? t`<span class=${a + " pkt-tag--beige"}>${this.requiredText}</span>` : n}
+          ${i`
+        <label class=${r} for=${this.id + "-internal"}>
+          ${this.label} ${i`
+        ${this.tagText ? i`<span class=${a + " pkt-tag--gray"}>${this.tagText}</span>` : t}
+        ${this.optionalTag ? i`<span class=${a + " pkt-tag--blue-light"}>${this.optionalText}</span>` : t}
+        ${this.requiredTag ? i`<span class=${a + " pkt-tag--beige"}>${this.requiredText}</span>` : t}
       `}
-          ${this.checkHelptext ? t`<div class="pkt-input-check__input-helptext">${this.checkHelptext}</div>` : n}
+          ${this.checkHelptext ? i`<div class="pkt-input-check__input-helptext">${this.checkHelptext}</div>` : t}
         </label>
       `}
         </div>
@@ -62,18 +62,18 @@ var u = class extends l {
 		e && e.preventDefault(), e && e.stopImmediatePropagation(), this.touched = !0, this.inputRef.value && (this._checked = this.inputRef.value.matches(":checked"), this.valueChecked(this._checked));
 	}
 };
-i([a({
+n([r({
 	type: String,
 	reflect: !0
-})], u.prototype, "value", void 0), i([a({ type: String })], u.prototype, "checkHelptext", void 0), i([a({ type: Boolean })], u.prototype, "defaultChecked", void 0), i([a({ type: Boolean })], u.prototype, "hasTile", void 0), i([a({
+})], u.prototype, "value", void 0), n([r({ type: String })], u.prototype, "checkHelptext", void 0), n([r({ type: Boolean })], u.prototype, "defaultChecked", void 0), n([r({ type: Boolean })], u.prototype, "hasTile", void 0), n([r({
 	type: Boolean,
 	reflect: !0
-})], u.prototype, "checked", void 0), i([a({
+})], u.prototype, "checked", void 0), n([r({
 	type: String,
 	reflect: !0
-})], u.prototype, "type", void 0), i([a({ type: String })], u.prototype, "tagText", void 0), i([a({ type: Boolean })], u.prototype, "optionalTag", void 0), i([a({ type: String })], u.prototype, "optionalText", void 0), i([a({ type: Boolean })], u.prototype, "requiredTag", void 0), i([a({ type: String })], u.prototype, "requiredText", void 0), i([r()], u.prototype, "_checked", void 0);
+})], u.prototype, "type", void 0), n([r({ type: String })], u.prototype, "tagText", void 0), n([r({ type: Boolean })], u.prototype, "optionalTag", void 0), n([r({ type: String })], u.prototype, "optionalText", void 0), n([r({ type: Boolean })], u.prototype, "requiredTag", void 0), n([r({ type: String })], u.prototype, "requiredText", void 0), n([e()], u.prototype, "_checked", void 0);
 try {
-	e("pkt-radiobutton")(u);
+	a("pkt-radiobutton")(u);
 } catch {
 	console.warn("Forsøker å definere <pkt-radiobutton>, men den er allerede definert");
 }

package/dist/{ref-RS8Uv6uC.js → ref-BgoHEsEt.js}

@@ -1,14 +1,13 @@
-import { l as e } from "./element-cZ85T_aa.js";
-import { t } from "./directive-3THFsVew.js";
-import { t as n } from "./async-directive-CaQiqjyV.js";
+import { c as e, d as t } from "./element-CduG0XyF.js";
+import { t as n } from "./async-directive-Cz6tcqge.js";
 //#region ../../node_modules/lit-html/directives/ref.js
-var r = () => new i(), i = class {}, a = /* @__PURE__ */ new WeakMap(), o = t(class extends n {
-	render(t) {
-		return e;
+var r = () => new i(), i = class {}, a = /* @__PURE__ */ new WeakMap(), o = e(class extends n {
+	render(e) {
+		return t;
 	}
-	update(t, [n]) {
+	update(e, [n]) {
 		let r = n !== this.G;
-		return r && this.G !== void 0 && this.rt(void 0), (r || this.lt !== this.ct) && (this.G = n, this.ht = t.options?.host, this.rt(this.ct = t.element)), e;
+		return r && this.G !== void 0 && this.rt(void 0), (r || this.lt !== this.ct) && (this.G = n, this.ht = e.options?.host, this.rt(this.ct = e.element)), t;
 	}
 	rt(e) {
 		if (this.isConnected || (e = void 0), typeof this.G == "function") {

package/dist/ref-CBdWMlde.cjs

@@ -0,0 +1 @@
+const e=require(`./element-CXAtr6Gu.cjs`),t=require(`./async-directive-DO1QtVmf.cjs`);var n=()=>new r,r=class{},i=new WeakMap,a=e.c(class extends t.t{render(t){return e.d}update(t,[n]){let r=n!==this.G;return r&&this.G!==void 0&&this.rt(void 0),(r||this.lt!==this.ct)&&(this.G=n,this.ht=t.options?.host,this.rt(this.ct=t.element)),e.d}rt(e){if(this.isConnected||(e=void 0),typeof this.G==`function`){let t=this.ht??globalThis,n=i.get(t);n===void 0&&(n=new WeakMap,i.set(t,n)),n.get(this.G)!==void 0&&this.G.call(this.ht,void 0),n.set(this.G,e),e!==void 0&&this.G.call(this.ht,e)}else this.G.value=e}get lt(){return typeof this.G==`function`?i.get(this.ht??globalThis)?.get(this.G):this.G?.value}disconnected(){this.lt===this.ct&&this.rt(void 0)}reconnected(){this.rt(this.ct)}});Object.defineProperty(exports,`n`,{enumerable:!0,get:function(){return a}}),Object.defineProperty(exports,`t`,{enumerable:!0,get:function(){return n}});

package/dist/{repeat-DV1O43YU.js → repeat-CKIii8Mi.js}

@@ -1,14 +1,13 @@
-import { u as e } from "./element-cZ85T_aa.js";
-import { n as t, r as n, t as r } from "./directive-3THFsVew.js";
-import { a as i, n as a, o, r as s, t as c } from "./directive-helpers-Dkv2gKgs.js";
+import { c as e, f as t, l as n, u as r } from "./element-CduG0XyF.js";
+import { a as i, n as a, o, r as s, t as c } from "./directive-helpers-Cep_4cpj.js";
 //#region ../../node_modules/lit-html/directives/repeat.js
 var l = (e, t, n) => {
 	let r = /* @__PURE__ */ new Map();
 	for (let i = t; i <= n; i++) r.set(e[i], i);
 	return r;
-}, u = r(class extends t {
+}, u = e(class extends n {
 	constructor(e) {
-		if (super(e), e.type !== n.CHILD) throw Error("repeat() can only be used in text expressions");
+		if (super(e), e.type !== r.CHILD) throw Error("repeat() can only be used in text expressions");
 	}
 	dt(e, t, n) {
 		let r;
@@ -23,34 +22,34 @@ var l = (e, t, n) => {
 	render(e, t, n) {
 		return this.dt(e, t, n).values;
 	}
-	update(t, [n, r, u]) {
-		let d = c(t), { values: f, keys: p } = this.dt(n, r, u);
+	update(e, [n, r, u]) {
+		let d = c(e), { values: f, keys: p } = this.dt(n, r, u);
 		if (!Array.isArray(d)) return this.ut = p, f;
 		let m = this.ut ??= [], h = [], g, _, v = 0, y = d.length - 1, b = 0, x = f.length - 1;
 		for (; v <= y && b <= x;) if (d[v] === null) v++;
 		else if (d[y] === null) y--;
 		else if (m[v] === p[b]) h[b] = i(d[v], f[b]), v++, b++;
 		else if (m[y] === p[x]) h[x] = i(d[y], f[x]), y--, x--;
-		else if (m[v] === p[x]) h[x] = i(d[v], f[x]), o(t, h[x + 1], d[v]), v++, x--;
-		else if (m[y] === p[b]) h[b] = i(d[y], f[b]), o(t, d[v], d[y]), y--, b++;
+		else if (m[v] === p[x]) h[x] = i(d[v], f[x]), o(e, h[x + 1], d[v]), v++, x--;
+		else if (m[y] === p[b]) h[b] = i(d[y], f[b]), o(e, d[v], d[y]), y--, b++;
 		else if (g === void 0 && (g = l(p, b, x), _ = l(m, v, y)), g.has(m[v])) if (g.has(m[y])) {
-			let e = _.get(p[b]), n = e === void 0 ? null : d[e];
+			let t = _.get(p[b]), n = t === void 0 ? null : d[t];
 			if (n === null) {
-				let e = o(t, d[v]);
-				i(e, f[b]), h[b] = e;
-			} else h[b] = i(n, f[b]), o(t, d[v], n), d[e] = null;
+				let t = o(e, d[v]);
+				i(t, f[b]), h[b] = t;
+			} else h[b] = i(n, f[b]), o(e, d[v], n), d[t] = null;
 			b++;
 		} else a(d[y]), y--;
 		else a(d[v]), v++;
 		for (; b <= x;) {
-			let e = o(t, h[x + 1]);
-			i(e, f[b]), h[b++] = e;
+			let t = o(e, h[x + 1]);
+			i(t, f[b]), h[b++] = t;
 		}
 		for (; v <= y;) {
 			let e = d[v++];
 			e !== null && a(e);
 		}
-		return this.ut = p, s(t, h), e;
+		return this.ut = p, s(e, h), t;
 	}
 });
 //#endregion

package/dist/repeat-CRRgmzVn.cjs

@@ -0,0 +1 @@
+const e=require(`./element-CXAtr6Gu.cjs`),t=require(`./directive-helpers-f36YZFOG.cjs`);var n=(e,t,n)=>{let r=new Map;for(let i=t;i<=n;i++)r.set(e[i],i);return r},r=e.c(class extends e.l{constructor(t){if(super(t),t.type!==e.u.CHILD)throw Error(`repeat() can only be used in text expressions`)}dt(e,t,n){let r;n===void 0?n=t:t!==void 0&&(r=t);let i=[],a=[],o=0;for(let t of e)i[o]=r?r(t,o):o,a[o]=n(t,o),o++;return{values:a,keys:i}}render(e,t,n){return this.dt(e,t,n).values}update(r,[i,a,o]){let s=t.t(r),{values:c,keys:l}=this.dt(i,a,o);if(!Array.isArray(s))return this.ut=l,c;let u=this.ut??=[],d=[],f,p,m=0,h=s.length-1,g=0,_=c.length-1;for(;m<=h&&g<=_;)if(s[m]===null)m++;else if(s[h]===null)h--;else if(u[m]===l[g])d[g]=t.a(s[m],c[g]),m++,g++;else if(u[h]===l[_])d[_]=t.a(s[h],c[_]),h--,_--;else if(u[m]===l[_])d[_]=t.a(s[m],c[_]),t.o(r,d[_+1],s[m]),m++,_--;else if(u[h]===l[g])d[g]=t.a(s[h],c[g]),t.o(r,s[m],s[h]),h--,g++;else if(f===void 0&&(f=n(l,g,_),p=n(u,m,h)),f.has(u[m]))if(f.has(u[h])){let e=p.get(l[g]),n=e===void 0?null:s[e];if(n===null){let e=t.o(r,s[m]);t.a(e,c[g]),d[g]=e}else d[g]=t.a(n,c[g]),t.o(r,s[m],n),s[e]=null;g++}else t.n(s[h]),h--;else t.n(s[m]),m++;for(;g<=_;){let e=t.o(r,d[_+1]);t.a(e,c[g]),d[g++]=e}for(;m<=h;){let e=s[m++];e!==null&&t.n(e)}return this.ut=l,t.r(r,d),e.f}});Object.defineProperty(exports,`t`,{enumerable:!0,get:function(){return r}});

package/dist/{searchinput-DUgZb_zm.cjs → searchinput-BrxfRzez.cjs}

@@ -1,22 +1,22 @@
-const e=require(`./element-DjtxO-1r.cjs`),t=require(`./class-map-CJ-msbHs.cjs`);require(`./icon-PbaC9uUg.cjs`);const n=require(`./if-defined-XKOD_t_V.cjs`),r=require(`./focus-modality-controller-BSZAQk8y.cjs`);var i=class extends e.t{constructor(...e){super(...e),this.appearance=`local`,this.disabled=!1,this.fullwidth=!1,this.id=``,this.placeholder=`Søk…`,this.value=``,this.focusModality=new r.t(this,`.pkt-searchinput`)}get suggestionsId(){return`${this.id}-suggestions`}dispatchSearch(){this.dispatchEvent(new CustomEvent(`pkt-search`,{detail:{value:this.value},bubbles:!0,composed:!0}))}onInput(e){this.value=e.target.value}onInputKeydown(e){e.key===`Enter`&&(e.preventDefault(),this.dispatchSearch())}onSearchClick(e){e.preventDefault(),this.dispatchSearch()}onSuggestionClick(e,t,n){let r=new CustomEvent(`pkt-suggestion-click`,{detail:{index:n,suggestion:t},bubbles:!0,composed:!0,cancelable:!0});this.dispatchEvent(r)||e.preventDefault()}renderSuggestion(t,n){let r=e.d`
-      ${t.title?e.d`<h3 class="pkt-searchinput__suggestion-title">${t.title}</h3>`:e.l}
-      ${t.text?e.d`<p class="pkt-searchinput__suggestion-text">${t.text}</p>`:e.l}
-    `;return t.href?e.d`<a
+const e=require(`./element-CXAtr6Gu.cjs`),t=require(`./class-map-B8Ja0q7n.cjs`);require(`./icon-Dw6I0HDV.cjs`);const n=require(`./if-defined-LTjAScFG.cjs`),r=require(`./focus-modality-controller-wI5SR8wH.cjs`);var i=class extends e.t{constructor(...e){super(...e),this.appearance=`local`,this.disabled=!1,this.fullwidth=!1,this.id=``,this.placeholder=`Søk…`,this.value=``,this.focusModality=new r.t(this,`.pkt-searchinput`)}get suggestionsId(){return`${this.id}-suggestions`}dispatchSearch(){this.dispatchEvent(new CustomEvent(`pkt-search`,{detail:{value:this.value},bubbles:!0,composed:!0}))}onInput(e){this.value=e.target.value}onInputKeydown(e){e.key===`Enter`&&(e.preventDefault(),this.dispatchSearch())}onSearchClick(e){e.preventDefault(),this.dispatchSearch()}onSuggestionClick(e,t,n){let r=new CustomEvent(`pkt-suggestion-click`,{detail:{index:n,suggestion:t},bubbles:!0,composed:!0,cancelable:!0});this.dispatchEvent(r)||e.preventDefault()}renderSuggestion(t,n){let r=e.p`
+      ${t.title?e.p`<h3 class="pkt-searchinput__suggestion-title">${t.title}</h3>`:e.d}
+      ${t.text?e.p`<p class="pkt-searchinput__suggestion-text">${t.text}</p>`:e.d}
+    `;return t.href?e.p`<a
         href=${t.href}
         class="pkt-searchinput__suggestion"
         @click=${e=>this.onSuggestionClick(e,t,n)}
       >
         ${r}
-      </a>`:t.nonInteractive?e.d`<div class="pkt-searchinput__suggestion">${r}</div>`:e.d`<button
+      </a>`:t.nonInteractive?e.p`<div class="pkt-searchinput__suggestion">${r}</div>`:e.p`<button
       type="button"
       class="pkt-searchinput__suggestion"
       @click=${e=>this.onSuggestionClick(e,t,n)}
     >
       ${r}
-    </button>`}render(){let r=t.t({"pkt-searchinput":!0,[`pkt-searchinput--${this.appearance}`]:!0,"pkt-searchinput--fullwidth":this.fullwidth}),i=t.t({"pkt-searchinput__button":!0,"pkt-input-icon":this.appearance===`local`,"pkt-btn":!0,"pkt-btn--medium":!0,"pkt-btn--icon-only":!0,"pkt-btn--tertiary":this.appearance===`local`,"pkt-btn--primary":this.appearance===`global`||this.appearance===`local-with-button`,"pkt-btn--yellow":this.appearance===`global`}),a=t.t({"pkt-input":!0,"pkt-input--fullwidth":this.fullwidth}),o=this.appearance===`local`?`pkt-input__container`:`pkt-searchinput__field`,s=e.d`
-      ${this.label?e.d`<label for=${n.t(this.id||void 0)} class="pkt-inputwrapper__label"
+    </button>`}render(){let r=t.t({"pkt-searchinput":!0,[`pkt-searchinput--${this.appearance}`]:!0,"pkt-searchinput--fullwidth":this.fullwidth}),i=t.t({"pkt-searchinput__button":!0,"pkt-input-icon":this.appearance===`local`,"pkt-btn":!0,"pkt-btn--medium":!0,"pkt-btn--icon-only":!0,"pkt-btn--tertiary":this.appearance===`local`,"pkt-btn--primary":this.appearance===`global`||this.appearance===`local-with-button`,"pkt-btn--yellow":this.appearance===`global`}),a=t.t({"pkt-input":!0,"pkt-input--fullwidth":this.fullwidth}),o=this.appearance===`local`?`pkt-input__container`:`pkt-searchinput__field`,s=e.p`
+      ${this.label?e.p`<label for=${n.t(this.id||void 0)} class="pkt-inputwrapper__label"
             >${this.label}</label
-          >`:e.l}
+          >`:e.d}
       <div class=${o}>
         <input
           class=${a}
@@ -42,14 +42,14 @@ const e=require(`./element-DjtxO-1r.cjs`),t=require(`./class-map-CJ-msbHs.cjs`);
           <span class="pkt-btn__text">${this.label||this.placeholder||`Søk…`}</span>
         </button>
       </div>
-      ${this.suggestions?e.d`<ul
+      ${this.suggestions?e.p`<ul
             id=${this.suggestionsId}
             class="pkt-searchinput__suggestions"
             aria-live="assertive"
           >
-            ${this.suggestions.map((t,n)=>e.d` <li>${this.renderSuggestion(t,n)}</li> `)}
-          </ul>`:e.l}
-    `;return this.action?e.d`<form
+            ${this.suggestions.map((t,n)=>e.p` <li>${this.renderSuggestion(t,n)}</li> `)}
+          </ul>`:e.d}
+    `;return this.action?e.p`<form
         role="search"
         class=${r}
         action=${this.action}
@@ -57,4 +57,4 @@ const e=require(`./element-DjtxO-1r.cjs`),t=require(`./class-map-CJ-msbHs.cjs`);
         @submit=${e=>{e.preventDefault()}}
       >
         ${s}
-      </form>`:e.d`<div role="search" class=${r}>${s}</div>`}};e.r([e.s({type:String})],i.prototype,`appearance`,void 0),e.r([e.s({type:Boolean,reflect:!0})],i.prototype,`disabled`,void 0),e.r([e.s({type:Boolean,reflect:!0})],i.prototype,`fullwidth`,void 0),e.r([e.s({type:String,reflect:!0})],i.prototype,`id`,void 0),e.r([e.s({type:String})],i.prototype,`label`,void 0),e.r([e.s({type:String})],i.prototype,`name`,void 0),e.r([e.s({type:String})],i.prototype,`placeholder`,void 0),e.r([e.s({type:String})],i.prototype,`value`,void 0),e.r([e.s({type:Array})],i.prototype,`suggestions`,void 0),e.r([e.s({type:String})],i.prototype,`action`,void 0),e.r([e.s({type:String})],i.prototype,`method`,void 0);try{e.c(`pkt-searchinput`)(i)}catch{console.warn(`Forsøker å definere <pkt-searchinput>, 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}});
+      </form>`:e.p`<div role="search" class=${r}>${s}</div>`}};e.n([e.o({type:String})],i.prototype,`appearance`,void 0),e.n([e.o({type:Boolean,reflect:!0})],i.prototype,`disabled`,void 0),e.n([e.o({type:Boolean,reflect:!0})],i.prototype,`fullwidth`,void 0),e.n([e.o({type:String,reflect:!0})],i.prototype,`id`,void 0),e.n([e.o({type:String})],i.prototype,`label`,void 0),e.n([e.o({type:String})],i.prototype,`name`,void 0),e.n([e.o({type:String})],i.prototype,`placeholder`,void 0),e.n([e.o({type:String})],i.prototype,`value`,void 0),e.n([e.o({type:Array})],i.prototype,`suggestions`,void 0),e.n([e.o({type:String})],i.prototype,`action`,void 0),e.n([e.o({type:String})],i.prototype,`method`,void 0);try{e.s(`pkt-searchinput`)(i)}catch{console.warn(`Forsøker å definere <pkt-searchinput>, 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/{searchinput-C9FP89qD.js → searchinput-fPvXHu2O.js}

@@ -1,8 +1,8 @@
-import { c as e, d as t, l as n, r, s as i, t as a } from "./element-cZ85T_aa.js";
-import { t as o } from "./class-map-C8HuhNzZ.js";
-import "./icon-CZQkrK6B.js";
-import { t as s } from "./if-defined-Cjj8qN-Z.js";
-import { t as c } from "./focus-modality-controller-pzSZkDkH.js";
+import { d as e, n as t, o as n, p as r, s as i, t as a } from "./element-CduG0XyF.js";
+import { t as o } from "./class-map-DH9hlJny.js";
+import "./icon-LaKyBKON.js";
+import { t as s } from "./if-defined-VShASPdu.js";
+import { t as c } from "./focus-modality-controller-CaUqYdk0.js";
 //#region src/components/searchinput/searchinput.ts
 var l = class extends a {
 	constructor(...e) {
@@ -39,31 +39,31 @@ var l = class extends a {
 		});
 		this.dispatchEvent(r) || e.preventDefault();
 	}
-	renderSuggestion(e, r) {
-		let i = t`
-      ${e.title ? t`<h3 class="pkt-searchinput__suggestion-title">${e.title}</h3>` : n}
-      ${e.text ? t`<p class="pkt-searchinput__suggestion-text">${e.text}</p>` : n}
+	renderSuggestion(t, n) {
+		let i = r`
+      ${t.title ? r`<h3 class="pkt-searchinput__suggestion-title">${t.title}</h3>` : e}
+      ${t.text ? r`<p class="pkt-searchinput__suggestion-text">${t.text}</p>` : e}
     `;
-		return e.href ? t`<a
-        href=${e.href}
+		return t.href ? r`<a
+        href=${t.href}
         class="pkt-searchinput__suggestion"
-        @click=${(t) => this.onSuggestionClick(t, e, r)}
+        @click=${(e) => this.onSuggestionClick(e, t, n)}
       >
         ${i}
-      </a>` : e.nonInteractive ? t`<div class="pkt-searchinput__suggestion">${i}</div>` : t`<button
+      </a>` : t.nonInteractive ? r`<div class="pkt-searchinput__suggestion">${i}</div>` : r`<button
       type="button"
       class="pkt-searchinput__suggestion"
-      @click=${(t) => this.onSuggestionClick(t, e, r)}
+      @click=${(e) => this.onSuggestionClick(e, t, n)}
     >
       ${i}
     </button>`;
 	}
 	render() {
-		let e = o({
+		let t = o({
 			"pkt-searchinput": !0,
 			[`pkt-searchinput--${this.appearance}`]: !0,
 			"pkt-searchinput--fullwidth": this.fullwidth
-		}), r = o({
+		}), n = o({
 			"pkt-searchinput__button": !0,
 			"pkt-input-icon": this.appearance === "local",
 			"pkt-btn": !0,
@@ -75,10 +75,10 @@ var l = class extends a {
 		}), i = o({
 			"pkt-input": !0,
 			"pkt-input--fullwidth": this.fullwidth
-		}), a = this.appearance === "local" ? "pkt-input__container" : "pkt-searchinput__field", c = t`
-      ${this.label ? t`<label for=${s(this.id || void 0)} class="pkt-inputwrapper__label"
+		}), a = this.appearance === "local" ? "pkt-input__container" : "pkt-searchinput__field", c = r`
+      ${this.label ? r`<label for=${s(this.id || void 0)} class="pkt-inputwrapper__label"
             >${this.label}</label
-          >` : n}
+          >` : e}
       <div class=${a}>
         <input
           class=${i}
@@ -96,7 +96,7 @@ var l = class extends a {
         />
         <button
           type="submit"
-          class=${r}
+          class=${n}
           ?disabled=${this.disabled}
           @click=${this.onSearchClick}
         >
@@ -104,17 +104,17 @@ var l = class extends a {
           <span class="pkt-btn__text">${this.label || this.placeholder || "Søk…"}</span>
         </button>
       </div>
-      ${this.suggestions ? t`<ul
+      ${this.suggestions ? r`<ul
             id=${this.suggestionsId}
             class="pkt-searchinput__suggestions"
             aria-live="assertive"
           >
-            ${this.suggestions.map((e, n) => t` <li>${this.renderSuggestion(e, n)}</li> `)}
-          </ul>` : n}
+            ${this.suggestions.map((e, t) => r` <li>${this.renderSuggestion(e, t)}</li> `)}
+          </ul>` : e}
     `;
-		return this.action ? t`<form
+		return this.action ? r`<form
         role="search"
-        class=${e}
+        class=${t}
         action=${this.action}
         method=${s(this.method)}
         @submit=${(e) => {
@@ -122,21 +122,21 @@ var l = class extends a {
 		}}
       >
         ${c}
-      </form>` : t`<div role="search" class=${e}>${c}</div>`;
+      </form>` : r`<div role="search" class=${t}>${c}</div>`;
 	}
 };
-r([i({ type: String })], l.prototype, "appearance", void 0), r([i({
+t([n({ type: String })], l.prototype, "appearance", void 0), t([n({
 	type: Boolean,
 	reflect: !0
-})], l.prototype, "disabled", void 0), r([i({
+})], l.prototype, "disabled", void 0), t([n({
 	type: Boolean,
 	reflect: !0
-})], l.prototype, "fullwidth", void 0), r([i({
+})], l.prototype, "fullwidth", void 0), t([n({
 	type: String,
 	reflect: !0
-})], l.prototype, "id", void 0), r([i({ type: String })], l.prototype, "label", void 0), r([i({ type: String })], l.prototype, "name", void 0), r([i({ type: String })], l.prototype, "placeholder", void 0), r([i({ type: String })], l.prototype, "value", void 0), r([i({ type: Array })], l.prototype, "suggestions", void 0), r([i({ type: String })], l.prototype, "action", void 0), r([i({ type: String })], l.prototype, "method", void 0);
+})], l.prototype, "id", void 0), t([n({ type: String })], l.prototype, "label", void 0), t([n({ type: String })], l.prototype, "name", void 0), t([n({ type: String })], l.prototype, "placeholder", void 0), t([n({ type: String })], l.prototype, "value", void 0), t([n({ type: Array })], l.prototype, "suggestions", void 0), t([n({ type: String })], l.prototype, "action", void 0), t([n({ type: String })], l.prototype, "method", void 0);
 try {
-	e("pkt-searchinput")(l);
+	i("pkt-searchinput")(l);
 } catch {
 	console.warn("Forsøker å definere <pkt-searchinput>, men den er allerede definert");
 }