@oslokommune/punkt-elements 16.17.0 → 16.17.3

package/dist/modal-B7-0F5q7.cjs

@@ -0,0 +1,35 @@
+const e=require(`./element-DjtxO-1r.cjs`),t=require(`./class-map-CJ-msbHs.cjs`),n=require(`./element-with-slot-CWoTGA1B.cjs`);require(`./icon-Dr8sfT2X.cjs`);const r=require(`./ref-BaJ0mBT_.cjs`);var i=`pkt-modal--open`,a=`data-pkt-modal-open-count`,o=()=>{let e=document.body.getAttribute(a),t=e?parseInt(e,10):0;return Number.isFinite(t)&&t>0?t:0},s=e=>{e<=0?(document.body.removeAttribute(a),document.body.classList.remove(i)):(document.body.setAttribute(a,String(e)),document.body.classList.add(i))},c=e=>{e.locked||(e.locked=!0,s(o()+1))},l=e=>{e.locked&&(e.locked=!1,s(o()-1))},u=()=>({locked:!1}),d={name:`pkt-modal`,react:`PktModal`,"css-class":`pkt-modal`,isElement:!0,isPureReact:!0,events:{"background-click":{description:`Event som trigges når bakgrunnen trykkes på`},close:{description:`Event som trigges når meldingsboksen lukkes`}},props:{open:{name:`Åpen`,description:`Deklarativ styring av modalens åpen/lukket-tilstand. Kan brukes i stedet for showModal()/close()-metodene.`,type:`boolean`,category:`tech`,default:!1},headingText:{name:`Heading text`,description:`Heading tekst på modalen`,type:`string`,category:`contents`},hideCloseButton:{name:`Gjem 'Lukk'-knapp`,description:`Gjemmer lukkeknappen. Dersom denne er satt til true, vil ikke lukkeknappen vises, og dermed er det viktig at man tilbyr en annen måte som f.eks. en knapp for å lukke modalen på.`,type:`boolean`,category:`ui`,default:!1},closeOnBackdropClick:{name:`Lukk modalen når bakgrunnen trykkes på`,description:`Lukk modalen når bakgrunnen trykkes på`,type:`boolean`,category:`tech`,default:!1},closeButtonSkin:{name:`Stil på lukkeknappen`,description:`Stil på lukkeknappen`,type:[`blue`,`yellow-filled`],category:`ui`,default:`blue`},size:{name:`Størrelse`,description:`Størrelsen på modalen`,type:[`small`,`medium`,`large`,`fit-content`],category:`ui`,default:`medium`},variant:{name:`Variant`,description:`Standard dialog eller skuff`,type:[`dialog`,`drawer`],category:`ui`,default:`dialog`},drawerPosition:{name:`Skuffposisjon`,description:`Posisjonen til skuffen`,type:[`left`,`right`],category:`ui`,default:`right`},transparentBackdrop:{name:`Gjennomsiktig bakgrunn`,description:`Bakgrunnen er gjennomsiktig`,type:`boolean`,category:`ui`,default:!1},removePadding:{name:`Fjern padding`,description:`Fjerner paddingen rundt innholdet i modalen`,type:`boolean`,category:`ui`,default:!1}},slots:{default:{description:`Innholdet i meldingen. Her tilbyr vi støtteklasser for å style 1-3 knapper i modalen.`}}},f=class extends n.t{constructor(){super(),this.open=!1,this.headingText=``,this.removePadding=!1,this.hideCloseButton=d.props.hideCloseButton.default,this.closeOnBackdropClick=d.props.closeOnBackdropClick.default,this.closeButtonSkin=`blue`,this.size=d.props.size.default,this.variant=`dialog`,this.drawerPosition=`right`,this.transparentBackdrop=!1,this.dialogRef=r.t(),this._scrollLockToken=u(),this._isOpen=!1,this.close=(e,t=!1)=>{if(!this._isOpen)return;this._isOpen=!1,this.open=!1,l(this._scrollLockToken);let n=document.activeElement;n&&!this.isElementInViewport(n)&&n.scrollIntoView({behavior:`smooth`,block:`nearest`}),this.dispatchEvent(new CustomEvent(`close`,{detail:{origin:e},bubbles:!0,composed:!0})),t||this.dialogRef.value?.close(),this.requestUpdate()},this.showModal=(e=null)=>{this._isOpen=!0,this.open=!0,this.dialogRef.value?.showModal(),c(this._scrollLockToken),this.dispatchEvent(new CustomEvent(`showModal`,{detail:{origin:e},bubbles:!0,composed:!0})),this.requestUpdate()},this._isOpen=!1}async connectedCallback(){super.connectedCallback(),document.addEventListener(`keydown`,this.handleKeyDown.bind(this)),document.addEventListener(`click`,this.handleBackdropClick.bind(this))}disconnectedCallback(){super.disconnectedCallback(),document.removeEventListener(`keydown`,this.handleKeyDown),document.removeEventListener(`click`,this.handleBackdropClick),l(this._scrollLockToken)}updated(e){super.updated(e),e.has(`open`)&&(this.open&&!this._isOpen?this.showModal():!this.open&&this._isOpen&&this.close(new Event(`close`),!1))}async firstUpdated(e){super.firstUpdated(e),this.dialogRef.value&&!window.HTMLDialogElement&&!this.dialogRef.value.showModal&&(`document`in window&&`createElement`in document&&(await Promise.resolve().then(()=>require(`./dialog-polyfill.esm-BnAQvMQO.cjs`)).then(e=>e.default)).registerDialog(this.dialogRef.value),this.dialogRef.value.addEventListener(`close`,()=>{this.close(new Event(`close`),!0)}))}handleKeyDown(e){e.key===`Escape`&&this.close(e)}handleBackdropClick(e){this.closeOnBackdropClick&&e.target===this.dialogRef?.value&&this.close(e)}isElementInViewport(e){let t=e.getBoundingClientRect();return t.top>=0&&t.left>=0&&t.bottom<=(window.innerHeight||document.documentElement.clientHeight)&&t.right<=(window.innerWidth||document.documentElement.clientWidth)}render(){let i={"pkt-modal":!0,"pkt-modal--removePadding":this.removePadding??!1,"pkt-modal--noHeadingText":this.headingText===``||this.headingText===void 0,"pkt-modal--noShadow":this.closeButtonSkin===`yellow-filled`,"pkt-modal--transparentBackdrop":this.transparentBackdrop??!1,[`pkt-modal--${this.size}`]:this.size!==void 0,[`pkt-modal__${this.variant}`]:this.variant!==void 0,[`pkt-modal__drawer--${this.drawerPosition}`]:this.variant===`drawer`},a={"pkt-modal__headingText":!0,"pkt-txt-24":!0},o={"pkt-modal__content":!0,"pkt-txt-18-light":!0},s=this.closeButtonSkin===`blue`,c={"pkt-modal__closeButton":!0,[`pkt-modal__closeButton--${this.closeButtonSkin}`]:!0};return e.d`
+      <dialog
+        class=${t.t(i)}
+        ${r.n(this.dialogRef)}
+        aria-labelledby=${this.headingText?`pkt-modal__headingText`:e.l}
+        aria-describedby="pkt-modal__content"
+        @close=${e=>this.close(e,!0)}
+      >
+        <div class="pkt-modal__wrapper">
+          ${this.headingText||!this.hideCloseButton?e.d`<div class="pkt-modal__header">
+                <div class="pkt-modal__header-background"></div>
+                ${this.headingText?e.d`<h1 id="pkt-modal__headingText" class=${t.t(a)}>
+                      ${this.headingText}
+                    </h1>`:e.d`<div class="pkt-modal__headingText"></div>`}
+                ${this.hideCloseButton?e.d`<div class="pkt-modal__noCloseButton"></div>`:e.d`<div class="${t.t(c)}">
+                      <pkt-button
+                        @click=${e=>this.close(e)}
+                        aria-label="close"
+                        iconname="close"
+                        variant="icon-only"
+                        size="medium"
+                        skin=${s?`tertiary`:`primary`}
+                      >
+                        Lukk
+                      </pkt-button>
+                    </div>`}
+              </div>`:e.l}
+          <div class="pkt-modal__container">
+            <div id="pkt-modal__content" class=${t.t(o)}>
+              ${n.n(this)}
+            </div>
+          </div>
+        </div>
+      </dialog>
+    `}};e.r([e.s({type:Boolean,reflect:!0})],f.prototype,`open`,void 0),e.r([e.s({type:String})],f.prototype,`headingText`,void 0),e.r([e.s({type:Boolean})],f.prototype,`removePadding`,void 0),e.r([e.s({type:Boolean})],f.prototype,`hideCloseButton`,void 0),e.r([e.s({type:Boolean})],f.prototype,`closeOnBackdropClick`,void 0),e.r([e.s({type:String})],f.prototype,`closeButtonSkin`,void 0),e.r([e.s({type:String})],f.prototype,`size`,void 0),e.r([e.s({type:String})],f.prototype,`variant`,void 0),e.r([e.s({type:String})],f.prototype,`drawerPosition`,void 0),e.r([e.s({type:Boolean})],f.prototype,`transparentBackdrop`,void 0),e.r([e.o()],f.prototype,`_isOpen`,void 0);try{e.c(`pkt-modal`)(f)}catch{console.warn(`Forsøker å definere <pkt-modal>, men den er allerede definert`)}var p=f;Object.defineProperty(exports,`n`,{enumerable:!0,get:function(){return f}}),Object.defineProperty(exports,`t`,{enumerable:!0,get:function(){return p}});

package/dist/{modal-DYc5M-Pn.js → modal-Ca-6xVkg.js}

@@ -3,7 +3,17 @@ import { t as o } from "./class-map-C8HuhNzZ.js";
 import { n as s, t as c } from "./element-with-slot-4J2o3SeU.js";
 import "./icon-Co72KtgF.js";
 import { n as l, t as u } from "./ref-RS8Uv6uC.js";
-var d = {
+//#region ../../shared-utils/modal-scroll-lock.ts
+var d = "pkt-modal--open", f = "data-pkt-modal-open-count", p = () => {
+	let e = document.body.getAttribute(f), t = e ? parseInt(e, 10) : 0;
+	return Number.isFinite(t) && t > 0 ? t : 0;
+}, m = (e) => {
+	e <= 0 ? (document.body.removeAttribute(f), document.body.classList.remove(d)) : (document.body.setAttribute(f, String(e)), document.body.classList.add(d));
+}, h = (e) => {
+	e.locked || (e.locked = !0, m(p() + 1));
+}, g = (e) => {
+	e.locked && (e.locked = !1, m(p() - 1));
+}, _ = () => ({ locked: !1 }), v = {
 	name: "pkt-modal",
 	react: "PktModal",
 	"css-class": "pkt-modal",
@@ -90,11 +100,11 @@ var d = {
 		}
 	},
 	slots: { default: { description: "Innholdet i meldingen. Her tilbyr vi støtteklasser for å style 1-3 knapper i modalen." } }
-}, f = class extends c {
+}, y = class extends c {
 	constructor() {
-		super(), this.open = !1, this.headingText = "", this.removePadding = !1, this.hideCloseButton = d.props.hideCloseButton.default, this.closeOnBackdropClick = d.props.closeOnBackdropClick.default, this.closeButtonSkin = "blue", this.size = d.props.size.default, this.variant = "dialog", this.drawerPosition = "right", this.transparentBackdrop = !1, this.dialogRef = u(), this._isOpen = !1, this.close = (e, t = !1) => {
+		super(), this.open = !1, this.headingText = "", this.removePadding = !1, this.hideCloseButton = v.props.hideCloseButton.default, this.closeOnBackdropClick = v.props.closeOnBackdropClick.default, this.closeButtonSkin = "blue", this.size = v.props.size.default, this.variant = "dialog", this.drawerPosition = "right", this.transparentBackdrop = !1, this.dialogRef = u(), this._scrollLockToken = _(), this._isOpen = !1, this.close = (e, t = !1) => {
 			if (!this._isOpen) return;
-			this._isOpen = !1, this.open = !1, document.body.classList.remove("pkt-modal--open");
+			this._isOpen = !1, this.open = !1, g(this._scrollLockToken);
 			let n = document.activeElement;
 			n && !this.isElementInViewport(n) && n.scrollIntoView({
 				behavior: "smooth",
@@ -105,7 +115,7 @@ var d = {
 				composed: !0
 			})), t || this.dialogRef.value?.close(), this.requestUpdate();
 		}, this.showModal = (e = null) => {
-			this._isOpen = !0, this.open = !0, this.dialogRef.value?.showModal(), document.body.classList.add("pkt-modal--open"), this.dispatchEvent(new CustomEvent("showModal", {
+			this._isOpen = !0, this.open = !0, this.dialogRef.value?.showModal(), h(this._scrollLockToken), this.dispatchEvent(new CustomEvent("showModal", {
 				detail: { origin: e },
 				bubbles: !0,
 				composed: !0
@@ -116,13 +126,13 @@ var d = {
 		super.connectedCallback(), document.addEventListener("keydown", this.handleKeyDown.bind(this)), document.addEventListener("click", this.handleBackdropClick.bind(this));
 	}
 	disconnectedCallback() {
-		super.disconnectedCallback(), document.removeEventListener("keydown", this.handleKeyDown), document.removeEventListener("click", this.handleBackdropClick);
+		super.disconnectedCallback(), document.removeEventListener("keydown", this.handleKeyDown), document.removeEventListener("click", this.handleBackdropClick), g(this._scrollLockToken);
 	}
 	updated(e) {
 		super.updated(e), e.has("open") && (this.open && !this._isOpen ? this.showModal() : !this.open && this._isOpen && this.close(new Event("close"), !1));
 	}
 	async firstUpdated(e) {
-		super.firstUpdated(e), this.dialogRef.value && !window.HTMLDialogElement && !this.dialogRef.value.showModal && ("document" in window && "createElement" in document && (await import("./dialog-polyfill.esm-DrODM08x.js").then((e) => e.default)).registerDialog(this.dialogRef.value), this.dialogRef.value.addEventListener("close", () => {
+		super.firstUpdated(e), this.dialogRef.value && !window.HTMLDialogElement && !this.dialogRef.value.showModal && ("document" in window && "createElement" in document && (await import("./dialog-polyfill.esm-B7W3teD0.js").then((e) => e.default)).registerDialog(this.dialogRef.value), this.dialogRef.value.addEventListener("close", () => {
 			this.close(new Event("close"), !0);
 		}));
 	}
@@ -196,14 +206,14 @@ var d = {
 i([a({
 	type: Boolean,
 	reflect: !0
-})], f.prototype, "open", void 0), i([a({ type: String })], f.prototype, "headingText", void 0), i([a({ type: Boolean })], f.prototype, "removePadding", void 0), i([a({ type: Boolean })], f.prototype, "hideCloseButton", void 0), i([a({ type: Boolean })], f.prototype, "closeOnBackdropClick", void 0), i([a({ type: String })], f.prototype, "closeButtonSkin", void 0), i([a({ type: String })], f.prototype, "size", void 0), i([a({ type: String })], f.prototype, "variant", void 0), i([a({ type: String })], f.prototype, "drawerPosition", void 0), i([a({ type: Boolean })], f.prototype, "transparentBackdrop", void 0), i([r()], f.prototype, "_isOpen", void 0);
+})], y.prototype, "open", void 0), i([a({ type: String })], y.prototype, "headingText", void 0), i([a({ type: Boolean })], y.prototype, "removePadding", void 0), i([a({ type: Boolean })], y.prototype, "hideCloseButton", void 0), i([a({ type: Boolean })], y.prototype, "closeOnBackdropClick", void 0), i([a({ type: String })], y.prototype, "closeButtonSkin", void 0), i([a({ type: String })], y.prototype, "size", void 0), i([a({ type: String })], y.prototype, "variant", void 0), i([a({ type: String })], y.prototype, "drawerPosition", void 0), i([a({ type: Boolean })], y.prototype, "transparentBackdrop", void 0), i([r()], y.prototype, "_isOpen", void 0);
 try {
-	e("pkt-modal")(f);
+	e("pkt-modal")(y);
 } catch {
 	console.warn("Forsøker å definere <pkt-modal>, men den er allerede definert");
 }
 //#endregion
 //#region src/components/modal/index.ts
-var p = f;
+var b = y;
 //#endregion
-export { f as n, p as t };
+export { y as n, b as t };

package/dist/pkt-checkbox.cjs

@@ -1 +1 @@
-Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:`Module`}});const e=require(`./checkbox-rmSCYDgR.cjs`);exports.PktCheckbox=e.n,exports.default=e.t;
+Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:`Module`}});const e=require(`./checkbox-BerAYcfK.cjs`);exports.PktCheckbox=e.n,exports.default=e.t;

package/dist/pkt-checkbox.js

@@ -1,2 +1,2 @@
-import { n as e, t } from "./checkbox-BxNrOGUf.js";
+import { n as e, t } from "./checkbox-CF5mSBR5.js";
 export { e as PktCheckbox, t as default };

package/dist/pkt-combobox.cjs

@@ -1 +1 @@
-Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:`Module`}});const e=require(`./combobox-C8Iwfalo.cjs`);exports.PktCombobox=e.n,exports.default=e.t;
+Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:`Module`}});const e=require(`./combobox-DYttdLJ4.cjs`);exports.PktCombobox=e.n,exports.default=e.t;

package/dist/pkt-combobox.js

@@ -1,2 +1,2 @@
-import { n as e, t } from "./combobox-haqD3OH4.js";
+import { n as e, t } from "./combobox-DjvRMKOD.js";
 export { e as PktCombobox, t as default };

package/dist/pkt-consent.cjs

@@ -1 +1 @@
-Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:`Module`}});const e=require(`./consent-DjXqLn2K.cjs`);exports.PktConsent=e.n,exports.default=e.t;
+Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:`Module`}});const e=require(`./consent-B5dIDyLD.cjs`);exports.PktConsent=e.n,exports.default=e.t;

package/dist/pkt-consent.js

@@ -1,2 +1,2 @@
-import { n as e, t } from "./consent-CsX3DABo.js";
+import { n as e, t } from "./consent-DSHrt9eS.js";
 export { e as PktConsent, t as default };

package/dist/pkt-datepicker.cjs

@@ -1 +1 @@
-Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:`Module`}});const e=require(`./datepicker-xZFsUaXB.cjs`);var t=e.t;exports.PktDatepicker=e.t,exports.PktDatepickerMultiple=e.n,exports.PktDatepickerRange=e.r,exports.PktDatepickerSingle=e.i,exports.default=t;
+Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:`Module`}});const e=require(`./datepicker-D3QQbd_H.cjs`);var t=e.t;exports.PktDatepicker=e.t,exports.PktDatepickerMultiple=e.n,exports.PktDatepickerRange=e.r,exports.PktDatepickerSingle=e.i,exports.default=t;

package/dist/pkt-datepicker.js

@@ -1,4 +1,4 @@
-import { i as e, n as t, r as n, t as r } from "./datepicker-DbkWEh8e.js";
+import { i as e, n as t, r as n, t as r } from "./datepicker-M_jcY3wp.js";
 //#region src/components/datepicker/index.ts
 var i = r;
 //#endregion

package/dist/pkt-fileupload.cjs

@@ -1 +1 @@
-Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:`Module`}});const e=require(`./fileupload-D2z1Ngrt.cjs`);Object.defineProperty(exports,`PktFileUpload`,{enumerable:!0,get:function(){return e.n}}),exports.default=e.t;
+Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:`Module`}});const e=require(`./fileupload-qc0fHcR-.cjs`);Object.defineProperty(exports,`PktFileUpload`,{enumerable:!0,get:function(){return e.n}}),exports.default=e.t;

package/dist/pkt-fileupload.js

@@ -1,2 +1,2 @@
-import { n as e, t } from "./fileupload-CTnjLOnj.js";
+import { n as e, t } from "./fileupload-IXSGrqiH.js";
 export { e as PktFileUpload, t as default };

package/dist/pkt-header.cjs

@@ -1 +1 @@
-Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require(`./header-BHU7qpA_.cjs`);exports.PktHeader=e.t,exports.PktHeaderService=e.n,exports.PktHeaderUserMenu=e.r,exports.formatLastLoggedIn=e.i;
+Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require(`./header-C1hDYMRX.cjs`);exports.PktHeader=e.t,exports.PktHeaderService=e.n,exports.PktHeaderUserMenu=e.r,exports.formatLastLoggedIn=e.i;

package/dist/pkt-header.js

@@ -1,2 +1,2 @@
-import { i as e, n as t, r as n, t as r } from "./header-Zqs7F1pI.js";
+import { i as e, n as t, r as n, t as r } from "./header-BGknkrEt.js";
 export { r as PktHeader, t as PktHeaderService, n as PktHeaderUserMenu, e as formatLastLoggedIn };

package/dist/pkt-index.cjs

@@ -1 +1 @@
-Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require(`./alert-BEEnTiCb.cjs`),t=require(`./icon-Dr8sfT2X.cjs`),n=require(`./button-D-TOBaJB.cjs`),r=require(`./accordion-DDZkjXFb.cjs`),i=require(`./backlink-Ba03LlbB.cjs`),a=require(`./breadcrumbs-CD1zib3s.cjs`),o=require(`./calendar-DkjXla0I.cjs`),s=require(`./card-C3POnP3O.cjs`),c=require(`./tag-DWtajZk6.cjs`),l=require(`./heading-DRJTS27k.cjs`),u=require(`./combobox-C8Iwfalo.cjs`),d=require(`./header-BHU7qpA_.cjs`),f=require(`./header-menu-CPI1_5oZ.cjs`),p=require(`./datepicker-xZFsUaXB.cjs`),m=require(`./fileupload-D2z1Ngrt.cjs`),h=require(`./helptext-KWXjKljV.cjs`),g=require(`./input-wrapper-BJfspAt7.cjs`),_=require(`./consent-DjXqLn2K.cjs`),v=require(`./checkbox-rmSCYDgR.cjs`),y=require(`./modal-J5uWdD1M.cjs`),b=require(`./progressbar-8RYeaOQe.cjs`),x=require(`./link-H7BhqdWV.cjs`),S=require(`./textinput-mjmYIwxr.cjs`),C=require(`./linkcard-zS3WuhAY.cjs`),w=require(`./loader-BWcSsK7i.cjs`),T=require(`./messagebox-BSvU998N.cjs`),E=require(`./radiobutton-Crl2w27S.cjs`),D=require(`./tabs-CDLdEDGH.cjs`),O=require(`./textarea-BjQ_37ji.cjs`),k=require(`./select-BvlbaxYf.cjs`),A=require(`./timepicker-C7vU_hTg.cjs`);exports.PktAccordion=r.r,exports.PktAccordionItem=r.n,exports.PktAlert=e.n,exports.PktBackLink=i.n,exports.PktBreadcrumbs=a.t,exports.PktButton=n.n,exports.PktCalendar=o.n,exports.PktCard=s.n,exports.PktCheckbox=v.n,exports.PktCombobox=u.n,exports.PktConsent=_.n,exports.PktDateTags=p.a,exports.PktDatepicker=p.t,Object.defineProperty(exports,`PktFileUpload`,{enumerable:!0,get:function(){return m.n}}),exports.PktHeader=d.t,exports.PktHeaderMenu=f.n,exports.PktHeaderService=d.n,exports.PktHeaderUserMenu=d.r,exports.PktHeading=l.n,exports.PktHelptext=h.n,exports.PktIcon=t.n,exports.PktInputWrapper=g.n,exports.PktLink=x.n,exports.PktLinkCard=C.n,exports.PktLoader=w.n,exports.PktMessagebox=T.n,exports.PktModal=y.n,exports.PktProgressbar=b.n,exports.PktRadioButton=E.n,exports.PktRadiobutton=E.n,exports.PktSelect=k.n,exports.PktTabItem=D.n,exports.PktTabs=D.r,exports.PktTag=c.n,exports.PktTextarea=O.n,exports.PktTextinput=S.n,exports.PktTimepicker=A.t;
+Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require(`./alert-BEEnTiCb.cjs`),t=require(`./icon-Dr8sfT2X.cjs`),n=require(`./button-D-TOBaJB.cjs`),r=require(`./accordion-DDZkjXFb.cjs`),i=require(`./backlink-Ba03LlbB.cjs`),a=require(`./breadcrumbs-CD1zib3s.cjs`),o=require(`./calendar-DkjXla0I.cjs`),s=require(`./card-C3POnP3O.cjs`),c=require(`./tag-DWtajZk6.cjs`),l=require(`./heading-DRJTS27k.cjs`),u=require(`./combobox-DYttdLJ4.cjs`),d=require(`./header-C1hDYMRX.cjs`),f=require(`./header-menu-CPI1_5oZ.cjs`),p=require(`./datepicker-D3QQbd_H.cjs`),m=require(`./fileupload-qc0fHcR-.cjs`),h=require(`./helptext-KWXjKljV.cjs`),g=require(`./input-wrapper-DOIWggEv.cjs`),_=require(`./consent-B5dIDyLD.cjs`),v=require(`./checkbox-BerAYcfK.cjs`),y=require(`./modal-B7-0F5q7.cjs`),b=require(`./progressbar-Ca7pRjmt.cjs`),x=require(`./link-DMKjKawh.cjs`),S=require(`./textinput-Dsc-8-BB.cjs`),C=require(`./linkcard-CBmJbSoV.cjs`),w=require(`./loader-q_eO6zaE.cjs`),T=require(`./messagebox-D1QeQqb8.cjs`),E=require(`./radiobutton-B1Xg6XzP.cjs`),D=require(`./tabs-CN_RIMWg.cjs`),O=require(`./textarea-CV6z3LDf.cjs`),k=require(`./select-DO0xGhQQ.cjs`),A=require(`./searchinput-BVIaoetB.cjs`),j=require(`./timepicker-C2Ua6vHY.cjs`);exports.PktAccordion=r.r,exports.PktAccordionItem=r.n,exports.PktAlert=e.n,exports.PktBackLink=i.n,exports.PktBreadcrumbs=a.t,exports.PktButton=n.n,exports.PktCalendar=o.n,exports.PktCard=s.n,exports.PktCheckbox=v.n,exports.PktCombobox=u.n,exports.PktConsent=_.n,exports.PktDateTags=p.a,exports.PktDatepicker=p.t,Object.defineProperty(exports,`PktFileUpload`,{enumerable:!0,get:function(){return m.n}}),exports.PktHeader=d.t,exports.PktHeaderMenu=f.n,exports.PktHeaderService=d.n,exports.PktHeaderUserMenu=d.r,exports.PktHeading=l.n,exports.PktHelptext=h.n,exports.PktIcon=t.n,exports.PktInputWrapper=g.n,exports.PktLink=x.n,exports.PktLinkCard=C.n,exports.PktLoader=w.n,exports.PktMessagebox=T.n,exports.PktModal=y.n,exports.PktProgressbar=b.n,exports.PktRadioButton=E.n,exports.PktRadiobutton=E.n,exports.PktSearchInput=A.n,exports.PktSelect=k.n,exports.PktTabItem=D.n,exports.PktTabs=D.r,exports.PktTag=c.n,exports.PktTextarea=O.n,exports.PktTextinput=S.n,exports.PktTimepicker=j.t;

package/dist/pkt-index.js

@@ -8,25 +8,26 @@ import { n as s } from "./calendar-Ch1dgnBo.js";
 import { n as c } from "./card-CEDbo1t7.js";
 import { n as l } from "./tag-hl59gziI.js";
 import { n as u } from "./heading-BxvE80bb.js";
-import { n as d } from "./combobox-haqD3OH4.js";
-import { n as f, r as p, t as m } from "./header-Zqs7F1pI.js";
+import { n as d } from "./combobox-DjvRMKOD.js";
+import { n as f, r as p, t as m } from "./header-BGknkrEt.js";
 import { n as h } from "./header-menu-zhGYdnvz.js";
-import { a as g, t as _ } from "./datepicker-DbkWEh8e.js";
-import { n as v } from "./fileupload-CTnjLOnj.js";
+import { a as g, t as _ } from "./datepicker-M_jcY3wp.js";
+import { n as v } from "./fileupload-IXSGrqiH.js";
 import { n as y } from "./helptext-BdqoW19r.js";
-import { n as b } from "./input-wrapper-CGSrvrlb.js";
-import { n as x } from "./consent-CsX3DABo.js";
-import { n as S } from "./checkbox-BxNrOGUf.js";
-import { n as C } from "./modal-DYc5M-Pn.js";
-import { n as w } from "./progressbar-hQSIzdof.js";
-import { n as T } from "./link-X9H6zi7W.js";
-import { n as E } from "./textinput-BmuQREJY.js";
-import { n as D } from "./linkcard-CSWzphQK.js";
-import { n as O } from "./loader-B4EGLEoa.js";
-import { n as k } from "./messagebox-DsrTKauA.js";
-import { n as A } from "./radiobutton-CzNQ4OLz.js";
-import { n as j, r as M } from "./tabs-DDBYA5c8.js";
-import { n as N } from "./textarea-BgsX_PHm.js";
-import { n as P } from "./select-DpxXnNje.js";
-import { t as F } from "./timepicker-Bj_esO1U.js";
-export { i as PktAccordion, r as PktAccordionItem, e as PktAlert, a as PktBackLink, o as PktBreadcrumbs, n as PktButton, s as PktCalendar, c as PktCard, S as PktCheckbox, d as PktCombobox, x as PktConsent, g as PktDateTags, _ as PktDatepicker, v as PktFileUpload, m as PktHeader, h as PktHeaderMenu, f as PktHeaderService, p as PktHeaderUserMenu, u as PktHeading, y as PktHelptext, t as PktIcon, b as PktInputWrapper, T as PktLink, D as PktLinkCard, O as PktLoader, k as PktMessagebox, C as PktModal, w as PktProgressbar, A as PktRadioButton, A as PktRadiobutton, P as PktSelect, j as PktTabItem, M as PktTabs, l as PktTag, N as PktTextarea, E as PktTextinput, F as PktTimepicker };
+import { n as b } from "./input-wrapper-DVU68NcJ.js";
+import { n as x } from "./consent-DSHrt9eS.js";
+import { n as S } from "./checkbox-CF5mSBR5.js";
+import { n as C } from "./modal-Ca-6xVkg.js";
+import { n as w } from "./progressbar-o-M17HPA.js";
+import { n as T } from "./link-F51Ho7CV.js";
+import { n as E } from "./textinput-BZZnFDk3.js";
+import { n as D } from "./linkcard-E07qJZMP.js";
+import { n as O } from "./loader-teN65oWo.js";
+import { n as k } from "./messagebox-Ct9lfe0Z.js";
+import { n as A } from "./radiobutton-BAn1V_mQ.js";
+import { n as j, r as M } from "./tabs-ClI1XQDt.js";
+import { n as N } from "./textarea-DBSNSvrX.js";
+import { n as P } from "./select-6XCVj1lP.js";
+import { n as F } from "./searchinput-CIseS5tL.js";
+import { t as I } from "./timepicker-DDQ7CfOy.js";
+export { i as PktAccordion, r as PktAccordionItem, e as PktAlert, a as PktBackLink, o as PktBreadcrumbs, n as PktButton, s as PktCalendar, c as PktCard, S as PktCheckbox, d as PktCombobox, x as PktConsent, g as PktDateTags, _ as PktDatepicker, v as PktFileUpload, m as PktHeader, h as PktHeaderMenu, f as PktHeaderService, p as PktHeaderUserMenu, u as PktHeading, y as PktHelptext, t as PktIcon, b as PktInputWrapper, T as PktLink, D as PktLinkCard, O as PktLoader, k as PktMessagebox, C as PktModal, w as PktProgressbar, A as PktRadioButton, A as PktRadiobutton, F as PktSearchInput, P as PktSelect, j as PktTabItem, M as PktTabs, l as PktTag, N as PktTextarea, E as PktTextinput, I as PktTimepicker };

package/dist/pkt-input-wrapper.cjs

@@ -1 +1 @@
-Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:`Module`}});const e=require(`./input-wrapper-BJfspAt7.cjs`);exports.PktInputWrapper=e.n,exports.default=e.t;
+Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:`Module`}});const e=require(`./input-wrapper-DOIWggEv.cjs`);exports.PktInputWrapper=e.n,exports.default=e.t;

package/dist/pkt-input-wrapper.js

@@ -1,2 +1,2 @@
-import { n as e, t } from "./input-wrapper-CGSrvrlb.js";
+import { n as e, t } from "./input-wrapper-DVU68NcJ.js";
 export { e as PktInputWrapper, t as default };

package/dist/pkt-link.cjs

@@ -1 +1 @@
-Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:`Module`}});const e=require(`./link-H7BhqdWV.cjs`);exports.PktLink=e.n,exports.default=e.t;
+Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:`Module`}});const e=require(`./link-DMKjKawh.cjs`);exports.PktLink=e.n,exports.default=e.t;

package/dist/pkt-link.js

@@ -1,2 +1,2 @@
-import { n as e, t } from "./link-X9H6zi7W.js";
+import { n as e, t } from "./link-F51Ho7CV.js";
 export { e as PktLink, t as default };

package/dist/pkt-linkcard.cjs

@@ -1 +1 @@
-Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:`Module`}});const e=require(`./linkcard-zS3WuhAY.cjs`);exports.PktLinkCard=e.n,exports.default=e.t;
+Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:`Module`}});const e=require(`./linkcard-CBmJbSoV.cjs`);exports.PktLinkCard=e.n,exports.default=e.t;

package/dist/pkt-linkcard.js

@@ -1,2 +1,2 @@
-import { n as e, t } from "./linkcard-CSWzphQK.js";
+import { n as e, t } from "./linkcard-E07qJZMP.js";
 export { e as PktLinkCard, t as default };

package/dist/pkt-loader.cjs

@@ -1 +1 @@
-Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:`Module`}});const e=require(`./loader-BWcSsK7i.cjs`);exports.PktLoader=e.n,exports.default=e.t;
+Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:`Module`}});const e=require(`./loader-q_eO6zaE.cjs`);exports.PktLoader=e.n,exports.default=e.t;

package/dist/pkt-loader.js

@@ -1,2 +1,2 @@
-import { n as e, t } from "./loader-B4EGLEoa.js";
+import { n as e, t } from "./loader-teN65oWo.js";
 export { e as PktLoader, t as default };

package/dist/pkt-messagebox.cjs

@@ -1 +1 @@
-Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:`Module`}});const e=require(`./messagebox-BSvU998N.cjs`);exports.PktMessagebox=e.n,exports.default=e.t;
+Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:`Module`}});const e=require(`./messagebox-D1QeQqb8.cjs`);exports.PktMessagebox=e.n,exports.default=e.t;

package/dist/pkt-messagebox.js

@@ -1,2 +1,2 @@
-import { n as e, t } from "./messagebox-DsrTKauA.js";
+import { n as e, t } from "./messagebox-Ct9lfe0Z.js";
 export { e as PktMessagebox, t as default };

package/dist/pkt-modal.cjs

@@ -1 +1 @@
-Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:`Module`}});const e=require(`./modal-J5uWdD1M.cjs`);exports.PktModal=e.n,exports.default=e.t;
+Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:`Module`}});const e=require(`./modal-B7-0F5q7.cjs`);exports.PktModal=e.n,exports.default=e.t;

package/dist/pkt-modal.js

@@ -1,2 +1,2 @@
-import { n as e, t } from "./modal-DYc5M-Pn.js";
+import { n as e, t } from "./modal-Ca-6xVkg.js";
 export { e as PktModal, t as default };

package/dist/pkt-progressbar.cjs

@@ -1 +1 @@
-Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:`Module`}});const e=require(`./progressbar-8RYeaOQe.cjs`);exports.PktProgressbar=e.n,exports.default=e.t;
+Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:`Module`}});const e=require(`./progressbar-Ca7pRjmt.cjs`);exports.PktProgressbar=e.n,exports.default=e.t;

package/dist/pkt-progressbar.js

@@ -1,2 +1,2 @@
-import { n as e, t } from "./progressbar-hQSIzdof.js";
+import { n as e, t } from "./progressbar-o-M17HPA.js";
 export { e as PktProgressbar, t as default };

package/dist/pkt-radiobutton.cjs

@@ -1 +1 @@
-Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:`Module`}});const e=require(`./radiobutton-Crl2w27S.cjs`);exports.PktRadioButton=e.n,exports.default=e.t;
+Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:`Module`}});const e=require(`./radiobutton-B1Xg6XzP.cjs`);exports.PktRadioButton=e.n,exports.default=e.t;

package/dist/pkt-radiobutton.js

@@ -1,2 +1,2 @@
-import { n as e, t } from "./radiobutton-CzNQ4OLz.js";
+import { n as e, t } from "./radiobutton-BAn1V_mQ.js";
 export { e as PktRadioButton, t as default };

package/dist/pkt-searchinput.cjs

@@ -0,0 +1 @@
+Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:`Module`}});const e=require(`./searchinput-BVIaoetB.cjs`);exports.PktSearchInput=e.n,exports.default=e.t;

package/dist/pkt-searchinput.js

@@ -0,0 +1,2 @@
+import { n as e, t } from "./searchinput-CIseS5tL.js";
+export { e as PktSearchInput, t as default };

package/dist/pkt-select.cjs

@@ -1 +1 @@
-Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:`Module`}});const e=require(`./select-BvlbaxYf.cjs`);exports.PktSelect=e.n,exports.default=e.t;
+Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:`Module`}});const e=require(`./select-DO0xGhQQ.cjs`);exports.PktSelect=e.n,exports.default=e.t;

package/dist/pkt-select.js

@@ -1,2 +1,2 @@
-import { n as e, t } from "./select-DpxXnNje.js";
+import { n as e, t } from "./select-6XCVj1lP.js";
 export { e as PktSelect, t as default };

package/dist/pkt-tabs.cjs

@@ -1 +1 @@
-Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:`Module`}});const e=require(`./tabs-CDLdEDGH.cjs`);exports.PktTabItem=e.n,exports.PktTabs=e.r,exports.default=e.t;
+Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:`Module`}});const e=require(`./tabs-CN_RIMWg.cjs`);exports.PktTabItem=e.n,exports.PktTabs=e.r,exports.default=e.t;

package/dist/pkt-tabs.js

@@ -1,2 +1,2 @@
-import { n as e, r as t, t as n } from "./tabs-DDBYA5c8.js";
+import { n as e, r as t, t as n } from "./tabs-ClI1XQDt.js";
 export { e as PktTabItem, t as PktTabs, n as default };

package/dist/pkt-textarea.cjs

@@ -1 +1 @@
-Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:`Module`}});const e=require(`./textarea-BjQ_37ji.cjs`);exports.PktTextarea=e.n,exports.default=e.t;
+Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:`Module`}});const e=require(`./textarea-CV6z3LDf.cjs`);exports.PktTextarea=e.n,exports.default=e.t;

package/dist/pkt-textarea.js

@@ -1,2 +1,2 @@
-import { n as e, t } from "./textarea-BgsX_PHm.js";
+import { n as e, t } from "./textarea-DBSNSvrX.js";
 export { e as PktTextarea, t as default };

package/dist/pkt-textinput.cjs

@@ -1 +1 @@
-Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:`Module`}});const e=require(`./textinput-mjmYIwxr.cjs`);exports.PktTextinput=e.n,exports.default=e.t;
+Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:`Module`}});const e=require(`./textinput-Dsc-8-BB.cjs`);exports.PktTextinput=e.n,exports.default=e.t;

package/dist/pkt-textinput.js

@@ -1,2 +1,2 @@
-import { n as e, t } from "./textinput-BmuQREJY.js";
+import { n as e, t } from "./textinput-BZZnFDk3.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-C7vU_hTg.cjs`);exports.PktTimepicker=e.t;
+Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require(`./timepicker-C2Ua6vHY.cjs`);exports.PktTimepicker=e.t;

package/dist/pkt-timepicker.js

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

package/dist/searchinput-BVIaoetB.cjs

@@ -0,0 +1,60 @@
+const e=require(`./element-DjtxO-1r.cjs`),t=require(`./class-map-CJ-msbHs.cjs`);require(`./icon-Dr8sfT2X.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
+        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
+      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"
+            >${this.label}</label
+          >`:e.l}
+      <div class=${o}>
+        <input
+          class=${a}
+          type="search"
+          name=${this.name||this.id}
+          id=${this.id}
+          placeholder=${this.placeholder||`Søk…`}
+          .value=${this.value}
+          ?disabled=${this.disabled}
+          autocomplete="off"
+          aria-autocomplete="list"
+          aria-controls=${this.suggestionsId}
+          @input=${this.onInput}
+          @keydown=${this.onInputKeydown}
+        />
+        <button
+          type="submit"
+          class=${i}
+          ?disabled=${this.disabled}
+          @click=${this.onSearchClick}
+        >
+          <pkt-icon class="pkt-btn__icon" name="magnifying-glass-big" />
+          <span class="pkt-btn__text">${this.label||this.placeholder||`Søk…`}</span>
+        </button>
+      </div>
+      ${this.suggestions?e.d`<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
+        role="search"
+        class=${r}
+        action=${this.action}
+        method=${n.t(this.method)}
+        @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}});

package/dist/searchinput-CIseS5tL.js

@@ -0,0 +1,147 @@
+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-Co72KtgF.js";
+import { t as s } from "./if-defined-Cjj8qN-Z.js";
+import { t as c } from "./focus-modality-controller-pzSZkDkH.js";
+//#region src/components/searchinput/searchinput.ts
+var l = class extends a {
+	constructor(...e) {
+		super(...e), this.appearance = "local", this.disabled = !1, this.fullwidth = !1, this.id = "", this.placeholder = "Søk…", this.value = "", this.focusModality = new c(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(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}
+    `;
+		return e.href ? t`<a
+        href=${e.href}
+        class="pkt-searchinput__suggestion"
+        @click=${(t) => this.onSuggestionClick(t, e, r)}
+      >
+        ${i}
+      </a>` : e.nonInteractive ? t`<div class="pkt-searchinput__suggestion">${i}</div>` : t`<button
+      type="button"
+      class="pkt-searchinput__suggestion"
+      @click=${(t) => this.onSuggestionClick(t, e, r)}
+    >
+      ${i}
+    </button>`;
+	}
+	render() {
+		let e = o({
+			"pkt-searchinput": !0,
+			[`pkt-searchinput--${this.appearance}`]: !0,
+			"pkt-searchinput--fullwidth": this.fullwidth
+		}), r = o({
+			"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"
+		}), 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"
+            >${this.label}</label
+          >` : n}
+      <div class=${a}>
+        <input
+          class=${i}
+          type="search"
+          name=${this.name || this.id}
+          id=${this.id}
+          placeholder=${this.placeholder || "Søk…"}
+          .value=${this.value}
+          ?disabled=${this.disabled}
+          autocomplete="off"
+          aria-autocomplete="list"
+          aria-controls=${this.suggestionsId}
+          @input=${this.onInput}
+          @keydown=${this.onInputKeydown}
+        />
+        <button
+          type="submit"
+          class=${r}
+          ?disabled=${this.disabled}
+          @click=${this.onSearchClick}
+        >
+          <pkt-icon class="pkt-btn__icon" name="magnifying-glass-big" />
+          <span class="pkt-btn__text">${this.label || this.placeholder || "Søk…"}</span>
+        </button>
+      </div>
+      ${this.suggestions ? t`<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}
+    `;
+		return this.action ? t`<form
+        role="search"
+        class=${e}
+        action=${this.action}
+        method=${s(this.method)}
+        @submit=${(e) => {
+			e.preventDefault();
+		}}
+      >
+        ${c}
+      </form>` : t`<div role="search" class=${e}>${c}</div>`;
+	}
+};
+r([i({ type: String })], l.prototype, "appearance", void 0), r([i({
+	type: Boolean,
+	reflect: !0
+})], l.prototype, "disabled", void 0), r([i({
+	type: Boolean,
+	reflect: !0
+})], l.prototype, "fullwidth", void 0), r([i({
+	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);
+try {
+	e("pkt-searchinput")(l);
+} catch {
+	console.warn("Forsøker å definere <pkt-searchinput>, men den er allerede definert");
+}
+//#endregion
+//#region src/components/searchinput/index.ts
+var u = l;
+//#endregion
+export { l as n, u as t };

package/dist/searchinput.d.ts

@@ -0,0 +1 @@
+export {}