@oslokommune/punkt-elements 16.26.7 → 17.0.2

package/dist/header-menu-DMdP_c6X.cjs

@@ -1,126 +0,0 @@
-const e=require("./element-DJzurxgt.cjs"),t=require("./class-map-CCZN5uS3.cjs");require("./icon-B8PVq2O6.cjs"),require("./accordion-FISAiAbX.cjs");const n=require("./booleanish-B9Kf0nES.cjs");var r=`https://cdn.web.oslo.kommune.no/header-footer/header-footer.json`,i={automat:`parking-meter`,bike:`bicycle`,corona:`virus`,directions:`arrow-directions`,document:`document-plain`,"download-document":`document-download`,elcar:`electric-car`,"error-hexa":`alert-error`,"fire-emblem":`shield-fire`,"link-arrow":`arrow-link`,"linked-in":`linkedin`,"map-layer":`map-layers`,mobile:`mobile-phone`,neutral:`smiley-neutral`,placeholder:`placeholder-icon`,sad:`smiley-sad`,signing:`signature`,sky:`cloud`,smile:`smiley-smile`,"success-square":`alert-success`,trash:`trash-can`,treatment:`processing`,"warning-triangle":`alert-warning`};function a(e){return e&&(i[e]??e)}var o={"facebook.com":`facebook`,"fb.com":`facebook`,"instagram.com":`instagram`,"linkedin.com":`linkedin`,"x.com":`x`,"github.com":`github`};function s(e){return e.toLowerCase().replace(/^(?:www|m)\./,``)}function c(e,t){if(e)try{let t=o[s(new URL(e).hostname)];if(t)return t}catch{}if(t){let e=t.trim().toLowerCase().replace(/\s+/g,`-`);if(e){let t=a(e);if(t)return t}}}var l=`nb-NO`;function u(e,t=l){if(e)return e[t]??e[l]}async function d(e=r,t){let n=await fetch(e,{signal:t});if(!n.ok)throw Error(`pkt-header-menu: failed to fetch ${e} (HTTP ${n.status})`);let i=await n.json();if(!i||typeof i!=`object`)throw Error(`pkt-header-menu: ${e} returned a non-object payload`);return i}var f=class extends e.t{constructor(...e){super(...e),this.dataUrl=r,this.locale=`nb-NO`,this.open=!1,this.ariaLabelledBy=``,this.mobileBreakpoint=768,this.loadState=`idle`,this.isMobile=!1,this.handleMediaChange=e=>{this.isMobile=e.matches}}connectedCallback(){super.connectedCallback(),this.classList.add(`pkt-header-menu`),this.updateOpenClass(),this.setupMediaQuery(),this.data?(this.loadState=`ready`,this.dispatchEvent(new CustomEvent(`data-loaded`,{detail:{data:this.data},bubbles:!0,composed:!0}))):this.loadData()}updateOpenClass(){this.classList.toggle(`pkt-header-menu--open`,!!this.open)}disconnectedCallback(){super.disconnectedCallback(),this.abortController?.abort(),this.teardownMediaQuery()}updated(e){super.updated(e),e.has(`open`)&&this.updateOpenClass(),e.has(`mobileBreakpoint`)&&e.get(`mobileBreakpoint`)!==void 0&&this.setupMediaQuery(),e.has(`dataUrl`)&&e.get(`dataUrl`)!==void 0&&!this.data&&this.loadData(),e.has(`data`)&&e.get(`data`)!==void 0&&this.data&&(this.loadState=`ready`,this.dispatchEvent(new CustomEvent(`data-loaded`,{detail:{data:this.data},bubbles:!0,composed:!0})))}setupMediaQuery(){this.teardownMediaQuery(),!(typeof window>`u`||typeof window.matchMedia!=`function`)&&(this.mediaQuery=window.matchMedia(`(max-width: ${this.mobileBreakpoint-1}px)`),this.isMobile=this.mediaQuery.matches,this.mediaQuery.addEventListener(`change`,this.handleMediaChange))}teardownMediaQuery(){this.mediaQuery?.removeEventListener(`change`,this.handleMediaChange),this.mediaQuery=void 0}async loadData(){this.abortController?.abort(),this.abortController=new AbortController,this.loadState=`loading`;try{let e=await d(this.dataUrl,this.abortController.signal);this.fetchedData=e,this.loadState=`ready`,this.dispatchEvent(new CustomEvent(`data-loaded`,{detail:{data:e},bubbles:!0,composed:!0}))}catch(e){if(e.name===`AbortError`)return;this.loadState=`error`,this.dispatchEvent(new CustomEvent(`data-error`,{detail:{error:e},bubbles:!0,composed:!0}))}}get effectiveData(){return this.data??this.fetchedData}get localeData(){return u(this.effectiveData,this.locale)}render(){if(this.loadState===`loading`)return e.p`
-        <nav aria-busy="true">
-          <p class="pkt-header-menu__loading">Laster meny…</p>
-        </nav>
-      `;if(this.loadState===`error`||!this.localeData)return e.p`
-        <nav aria-hidden=${!this.open}>
-          <p class="pkt-header-menu__error">Kunne ikke laste meny.</p>
-        </nav>
-      `;let{megamenu:t,i18n:n}=this.localeData,r=n?.navAriaLabel||`Hovedmeny`;return this.isMobile?e.p`
-        <nav aria-label=${r}>
-          ${this.renderMobileAccordion(t.services,t.sections)}
-          ${this.renderButtons(t.buttons,!0)}
-          ${this.renderFooter(t.links,t.some)}
-        </nav>
-      `:e.p`
-      <nav aria-label=${r}>
-        ${this.renderServices(t.services)} ${this.renderButtons(t.buttons,!1)}
-        ${this.renderSections(t.sections)}
-        ${this.renderFooter(t.links,t.some)}
-      </nav>
-    `}renderMobileAccordion(t,n){return e.p`
-      <div class="pkt-header-menu__sections">
-        <pkt-accordion
-          class="pkt-header-menu__sections-inner"
-          skin="plus-minus"
-          name="header-menu-accordion"
-        >
-          <pkt-accordion-item
-            class="pkt-header-menu__section"
-            skin="plus-minus"
-            id="pkt-header-menu-services"
-            title=${t.title}
-          >
-            ${this.renderServicesList(t)}
-          </pkt-accordion-item>
-          ${n.map((t,n)=>e.p`
-              <pkt-accordion-item
-                class="pkt-header-menu__section"
-                skin="plus-minus"
-                id=${`pkt-header-menu-section-${n}`}
-                title=${t.title}
-              >
-                ${this.renderSectionList(t.links)}
-              </pkt-accordion-item>
-            `)}
-        </pkt-accordion>
-      </div>
-    `}renderServicesList(t){return e.p`
-      <ul class="pkt-header-menu__services-list">
-        ${t.links.map(t=>e.p`
-            <li class="pkt-header-menu__service">
-              <a class="pkt-header-menu__service-link" href=${t.url}>
-                <pkt-icon
-                  class="pkt-header-menu__service-icon"
-                  name=${a(t.icon)}
-                  aria-hidden="true"
-                ></pkt-icon>
-                <span class="pkt-header-menu__service-text">${t.text}</span>
-              </a>
-            </li>
-          `)}
-      </ul>
-    `}renderServices(t){return e.p`
-      <div class="pkt-header-menu__services">
-        <h2 class="pkt-header-menu__services-title">${t.title}</h2>
-        ${this.renderServicesList(t)}
-      </div>
-    `}renderButtons(n,r){return!n||n.length===0?e.d:e.p`
-      <div class=${t.t({"pkt-header-menu__buttons":!0,"pkt-header-menu__buttons--mobile":r})}>
-        ${n.map(t=>e.p`
-            <a
-              class="pkt-btn pkt-btn--secondary pkt-btn--icon-right pkt-btn--small"
-              href=${t.url}
-            >
-              <pkt-icon
-                class="pkt-btn__icon"
-                name=${t.iconName?a(t.iconName):`user`}
-                aria-hidden="true"
-              ></pkt-icon>
-              <span class="pkt-btn__text">${t.text}</span>
-            </a>
-          `)}
-      </div>
-    `}renderSections(t){return!t||t.length===0?e.d:e.p`
-      <div class="pkt-header-menu__sections">
-        <div class="pkt-header-menu__sections-inner">
-          ${t.map(t=>e.p`
-              <div class="pkt-header-menu__section">
-                <h2 class="pkt-header-menu__section-title">${t.title}</h2>
-                ${this.renderSectionList(t.links)}
-              </div>
-            `)}
-        </div>
-      </div>
-    `}renderSectionList(t){return e.p`
-      <ul class="pkt-header-menu__section-list">
-        ${t.map(t=>e.p`
-            <li>
-              <a class="pkt-header-menu__section-link" href=${t.url}>${t.text}</a>
-            </li>
-          `)}
-      </ul>
-    `}renderFooter(t,n){return(!t||t.length===0)&&(!n||n.length===0)?e.d:e.p`
-      <div class="pkt-header-menu__footer">
-        ${t&&t.length>0?e.p`
-              <ul class="pkt-header-menu__footer-list">
-                ${t.map(t=>e.p`
-                    <li>
-                      <a class="pkt-header-menu__footer-link" href=${t.url}>${t.text}</a>
-                    </li>
-                  `)}
-              </ul>
-            `:e.d}
-        ${n&&n.length>0?e.p`
-              <ul class="pkt-header-menu__footer-list pkt-header-menu__footer-list--social">
-                ${n.map(e=>this.renderSocialLink(e))}
-              </ul>
-            `:e.d}
-      </div>
-    `}renderSocialLink(t){let n=c(t.url,t.text);return e.p`
-      <li>
-        <a class="pkt-header-menu__social-link" href=${t.url} aria-label=${t.text}>
-          ${n?e.p`<pkt-icon name=${n} aria-hidden="true"></pkt-icon>`:e.p`<span>${t.text}</span>`}
-        </a>
-      </li>
-    `}};e.n([e.o({type:String,attribute:`data-url`})],f.prototype,`dataUrl`,void 0),e.n([e.o({type:Object,attribute:!1})],f.prototype,`data`,void 0),e.n([e.o({type:String})],f.prototype,`locale`,void 0),e.n([e.o({type:Boolean,reflect:!0,converter:n.t})],f.prototype,`open`,void 0),e.n([e.o({type:String,attribute:`aria-labelledby`,reflect:!0})],f.prototype,`ariaLabelledBy`,void 0),e.n([e.o({type:Number,attribute:`mobile-breakpoint`})],f.prototype,`mobileBreakpoint`,void 0),e.n([e.a()],f.prototype,`loadState`,void 0),e.n([e.a()],f.prototype,`fetchedData`,void 0),e.n([e.a()],f.prototype,`isMobile`,void 0);try{e.s(`pkt-header-menu`)(f)}catch{console.warn(`Forsøker å definere <pkt-header-menu>, 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-DKU7PnjJ.cjs

@@ -1,35 +0,0 @@
-const e=require("./element-DJzurxgt.cjs"),t=require("./class-map-CCZN5uS3.cjs"),n=require("./element-with-slot-BY7Jc-q8.cjs");require("./icon-B8PVq2O6.cjs");const r=require("./ref-DO7TzO4O.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-J-GKtwrS.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.p`
-      <dialog
-        class=${t.t(i)}
-        ${r.n(this.dialogRef)}
-        aria-labelledby=${this.headingText?`pkt-modal__headingText`:e.d}
-        aria-describedby="pkt-modal__content"
-        @close=${e=>this.close(e,!0)}
-      >
-        <div class="pkt-modal__wrapper">
-          ${this.headingText||!this.hideCloseButton?e.p`<div class="pkt-modal__header">
-                <div class="pkt-modal__header-background"></div>
-                ${this.headingText?e.p`<h1 id="pkt-modal__headingText" class=${t.t(a)}>
-                      ${this.headingText}
-                    </h1>`:e.p`<div class="pkt-modal__headingText"></div>`}
-                ${this.hideCloseButton?e.p`<div class="pkt-modal__noCloseButton"></div>`:e.p`<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.d}
-          <div class="pkt-modal__container">
-            <div id="pkt-modal__content" class=${t.t(o)}>
-              ${n.n(this)}
-            </div>
-          </div>
-        </div>
-      </dialog>
-    `}};e.n([e.o({type:Boolean,reflect:!0})],f.prototype,`open`,void 0),e.n([e.o({type:String})],f.prototype,`headingText`,void 0),e.n([e.o({type:Boolean})],f.prototype,`removePadding`,void 0),e.n([e.o({type:Boolean})],f.prototype,`hideCloseButton`,void 0),e.n([e.o({type:Boolean})],f.prototype,`closeOnBackdropClick`,void 0),e.n([e.o({type:String})],f.prototype,`closeButtonSkin`,void 0),e.n([e.o({type:String})],f.prototype,`size`,void 0),e.n([e.o({type:String})],f.prototype,`variant`,void 0),e.n([e.o({type:String})],f.prototype,`drawerPosition`,void 0),e.n([e.o({type:Boolean})],f.prototype,`transparentBackdrop`,void 0),e.n([e.a()],f.prototype,`_isOpen`,void 0);try{e.s(`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/searchinput-CyO5k4Q4.js

@@ -1,148 +0,0 @@
-import { d as e, n as t, o as n, p as r, s as i, t as a } from "./element-BoJrqauR.js";
-import { t as o } from "./class-map-CAQCRB1W.js";
-import "./icon-DGFEIlco.js";
-import { t as s } from "./if-defined-D0bnetLJ.js";
-import { t as c } from "./focus-modality-controller-Dc2S-KqR.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) {
-		let t = e.target;
-		this.value = t.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 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 t.href ? r`<a
-        href=${t.href}
-        class="pkt-searchinput__suggestion"
-        @click=${(e) => this.onSuggestionClick(e, t, n)}
-      >
-        ${i}
-      </a>` : t.nonInteractive ? r`<div class="pkt-searchinput__suggestion">${i}</div>` : r`<button
-      type="button"
-      class="pkt-searchinput__suggestion"
-      @click=${(e) => this.onSuggestionClick(e, t, n)}
-    >
-      ${i}
-    </button>`;
-	}
-	render() {
-		let t = o({
-			"pkt-searchinput": !0,
-			[`pkt-searchinput--${this.appearance}`]: !0,
-			"pkt-searchinput--fullwidth": this.fullwidth
-		}), n = 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 = r`
-      ${this.label ? r`<label for=${s(this.id || void 0)} class="pkt-inputwrapper__label"
-            >${this.label}</label
-          >` : e}
-      <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=${n}
-          ?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 ? r`<ul
-            id=${this.suggestionsId}
-            class="pkt-searchinput__suggestions"
-            aria-live="assertive"
-          >
-            ${this.suggestions.map((e, t) => r` <li>${this.renderSuggestion(e, t)}</li> `)}
-          </ul>` : e}
-    `;
-		return this.action ? r`<form
-        role="search"
-        class=${t}
-        action=${this.action}
-        method=${s(this.method)}
-        @submit=${(e) => {
-			e.preventDefault();
-		}}
-      >
-        ${c}
-      </form>` : r`<div role="search" class=${t}>${c}</div>`;
-	}
-};
-t([n({ type: String })], l.prototype, "appearance", void 0), t([n({
-	type: Boolean,
-	reflect: !0
-})], l.prototype, "disabled", void 0), t([n({
-	type: Boolean,
-	reflect: !0
-})], l.prototype, "fullwidth", void 0), t([n({
-	type: String,
-	reflect: !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 {
-	i("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-DG6YetL1.cjs

@@ -1,60 +0,0 @@
-const e=require("./element-DJzurxgt.cjs"),t=require("./class-map-CCZN5uS3.cjs");require("./icon-B8PVq2O6.cjs");const n=require("./if-defined-DrwbxQOj.cjs"),r=require("./focus-modality-controller-C1ocyv2J.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){let t=e.target;this.value=t.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.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.p`
-      ${this.label?e.p`<label for=${n.t(this.id||void 0)} class="pkt-inputwrapper__label"
-            >${this.label}</label
-          >`:e.d}
-      <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.p`<ul
-            id=${this.suggestionsId}
-            class="pkt-searchinput__suggestions"
-            aria-live="assertive"
-          >
-            ${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}
-        method=${n.t(this.method)}
-        @submit=${e=>{e.preventDefault()}}
-      >
-        ${s}
-      </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/shared-utils/modal-scroll-lock.d.ts

@@ -1,10 +0,0 @@
-export declare const acquireModalScrollLock: (token: {
-    locked: boolean;
-}) => void;
-export declare const releaseModalScrollLock: (token: {
-    locked: boolean;
-}) => void;
-export type ModalScrollLockToken = {
-    locked: boolean;
-};
-export declare const createModalScrollLockToken: () => ModalScrollLockToken;

package/dist/tabs-CGo0ODPa.cjs

@@ -1,40 +0,0 @@
-const e=require("./element-DJzurxgt.cjs"),t=require("./element-with-slot-BY7Jc-q8.cjs"),n=require("./if-defined-DrwbxQOj.cjs"),r=require("./ref-DO7TzO4O.cjs");var i=class extends Event{constructor(e,t,n,r){super(`context-request`,{bubbles:!0,composed:!0}),this.context=e,this.contextTarget=t,this.callback=n,this.subscribe=r??!1}};function a(e){return e}var o=class{constructor(e,t,n,r){if(this.subscribe=!1,this.provided=!1,this.value=void 0,this.t=(e,t)=>{this.unsubscribe&&(this.unsubscribe!==t&&(this.provided=!1,this.unsubscribe()),this.subscribe||this.unsubscribe()),this.value=e,this.host.requestUpdate(),this.provided&&!this.subscribe||(this.provided=!0,this.callback&&this.callback(e,t)),this.unsubscribe=t},this.host=e,t.context!==void 0){let e=t;this.context=e.context,this.callback=e.callback,this.subscribe=e.subscribe??!1}else this.context=t,this.callback=n,this.subscribe=r??!1;this.host.addController(this)}hostConnected(){this.dispatchRequest()}hostDisconnected(){this.unsubscribe&&=(this.unsubscribe(),void 0)}dispatchRequest(){this.host.dispatchEvent(new i(this.context,this.host,this.t,this.subscribe))}},s=class{get value(){return this.o}set value(e){this.setValue(e)}setValue(e,t=!1){let n=t||!Object.is(e,this.o);this.o=e,n&&this.updateObservers()}constructor(e){this.subscriptions=new Map,this.updateObservers=()=>{for(let[e,{disposer:t}]of this.subscriptions)e(this.o,t)},e!==void 0&&(this.value=e)}addCallback(e,t,n){if(!n)return void e(this.value);this.subscriptions.has(e)||this.subscriptions.set(e,{disposer:()=>{this.subscriptions.delete(e)},consumerHost:t});let{disposer:r}=this.subscriptions.get(e);e(this.value,r)}clearCallbacks(){this.subscriptions.clear()}},c=class extends Event{constructor(e,t){super(`context-provider`,{bubbles:!0,composed:!0}),this.context=e,this.contextTarget=t}},l=class extends s{constructor(e,t,n){super(t.context===void 0?n:t.initialValue),this.onContextRequest=e=>{if(e.context!==this.context)return;let t=e.contextTarget??e.composedPath()[0];t!==this.host&&(e.stopPropagation(),this.addCallback(e.callback,t,e.subscribe))},this.onProviderRequest=e=>{if(e.context!==this.context||(e.contextTarget??e.composedPath()[0])===this.host)return;let t=new Set;for(let[e,{consumerHost:n}]of this.subscriptions)t.has(e)||(t.add(e),n.dispatchEvent(new i(this.context,n,e,!0)));e.stopPropagation()},this.host=e,t.context===void 0?this.context=t:this.context=t.context,this.attachListeners(),this.host.addController?.(this)}attachListeners(){this.host.addEventListener(`context-request`,this.onContextRequest),this.host.addEventListener(`context-provider`,this.onProviderRequest)}hostConnected(){this.host.dispatchEvent(new c(this.context,this.host))}};function u({context:e}){return(t,n)=>{let r=new WeakMap;if(typeof n==`object`)return{get(){return t.get.call(this)},set(e){return r.get(this).setValue(e),t.set.call(this,e)},init(t){return r.set(this,new l(this,{context:e,initialValue:t})),t}};{t.constructor.addInitializer((t=>{r.set(t,new l(t,{context:e}))}));let i=Object.getOwnPropertyDescriptor(t,n),a;if(i===void 0){let e=new WeakMap;a={get(){return e.get(this)},set(t){r.get(this).setValue(t),e.set(this,t)},configurable:!0,enumerable:!0}}else{let e=i.set;a={...i,set(t){r.get(this).setValue(t),e?.call(this,t)}}}Object.defineProperty(t,n,a);return}}}function d({context:e,subscribe:t}){return(n,r)=>{typeof r==`object`?r.addInitializer((function(){new o(this,{context:e,callback:e=>{n.set.call(this,e)},subscribe:t})})):n.constructor.addInitializer((n=>{new o(n,{context:e,callback:e=>{n[r]=e},subscribe:t})}))}}var f=a(Symbol(`pkt-tabs-context`)),p=class extends t.t{constructor(...e){super(...e),this.arrowNav=!0,this.disableArrowNav=!1,this.separatorIconName=``,this.separatorIconPath=``,this.tabRefs=[],this.disabledMap={},this.tabCount=0,this.context={useArrowNav:this.useArrowNav,registerTab:this.registerTab.bind(this),handleClick:this.handleClick.bind(this),handleKeyUp:this.handleKeyUp.bind(this)}}get useArrowNav(){return this.arrowNav&&!this.disableArrowNav}updated(e){(e.has(`arrowNav`)||e.has(`disableArrowNav`))&&(this.context={...this.context,useArrowNav:this.useArrowNav}),this.updateComplete.then(()=>this.syncSeparators())}syncSeparators(){let e=this.querySelector(`.pkt-tabs__list`);if(!e||(e.querySelectorAll(`.pkt-tabs__separator`).forEach(e=>e.remove()),!(this.separatorIconName||this.separatorIconPath)))return;let t=Array.from(e.children).filter(e=>!e.classList.contains(`pkt-tabs__separator`));for(let e=0;e<t.length-1;e++){let n=document.createElement(`span`);if(n.className=`pkt-tabs__separator`,n.setAttribute(`aria-hidden`,`true`),n.setAttribute(`role`,`presentation`),this.separatorIconPath){let e=document.createElement(`img`);e.setAttribute(`src`,this.separatorIconPath),e.setAttribute(`alt`,``),e.setAttribute(`aria-hidden`,`true`),n.appendChild(e)}else if(this.separatorIconName){let e=document.createElement(`pkt-icon`);e.setAttribute(`name`,this.separatorIconName),e.classList.add(`pkt-tabs__separator-icon`),n.appendChild(e)}t[e].after(n)}}registerTab(e,t,n=!1){this.tabRefs[t]=e,this.disabledMap[t]=n,this.tabCount=Math.max(this.tabCount,t+1)}isTabDisabled(e){return!!this.disabledMap[e]}findEnabledIndex(e,t){let n=e+t;for(;n>=0&&n<this.tabCount;){if(!this.isTabDisabled(n))return n;n+=t}return null}handleClick(e){this.isTabDisabled(e)||this.dispatchEvent(new CustomEvent(`tab-selected`,{detail:{index:e},bubbles:!0,composed:!0}))}handleKeyUp(e,t){if(this.useArrowNav){if(e.key===`ArrowLeft`){e.preventDefault();let n=this.findEnabledIndex(t,-1);n!==null&&this.tabRefs[n]?.focus()}if(e.key===`ArrowRight`){e.preventDefault();let n=this.findEnabledIndex(t,1);n!==null&&this.tabRefs[n]?.focus()}(e.key===`Enter`||e.key===` `||e.key===`Spacebar`||e.key===`ArrowDown`)&&(e.preventDefault(),this.handleClick(t))}}render(){let n=this.useArrowNav?`tablist`:`navigation`;return e.p`
-      <div class=${this.separatorIconName||this.separatorIconPath?`pkt-tabs pkt-tabs--with-separator`:`pkt-tabs`}>
-        <div class="pkt-tabs__list" role=${n}>${t.n(this)}</div>
-      </div>
-    `}};e.n([e.o({type:Boolean,reflect:!0,attribute:`arrow-nav`})],p.prototype,`arrowNav`,void 0),e.n([e.o({type:Boolean,reflect:!0,attribute:`disable-arrow-nav`})],p.prototype,`disableArrowNav`,void 0),e.n([e.o({type:String,reflect:!0,attribute:`separator-icon-name`})],p.prototype,`separatorIconName`,void 0),e.n([e.o({type:String,reflect:!0,attribute:`separator-icon-path`})],p.prototype,`separatorIconPath`,void 0),e.n([e.a()],p.prototype,`tabRefs`,void 0),e.n([e.a()],p.prototype,`disabledMap`,void 0),e.n([e.a()],p.prototype,`tabCount`,void 0),e.n([u({context:f}),e.a()],p.prototype,`context`,void 0);try{e.s(`pkt-tabs`)(p)}catch{console.warn(`Forsøker å definere <pkt-tabs>, men den er allerede definert`)}var m=class extends t.t{constructor(){super(),this.active=!1,this.disabled=!1,this.href=``,this.icon=``,this.controls=``,this.tag=``,this.tagSkin=`blue`,this.index=0,this.elementRef=r.t()}connectedCallback(){super.connectedCallback(),this.updateComplete.then(()=>{this.elementRef.value&&this.context&&this.context.registerTab(this.elementRef.value,this.index,this.disabled)})}updated(){this.elementRef.value&&this.context&&this.context.registerTab(this.elementRef.value,this.index,this.disabled)}handleClick(e){if(this.disabled){e.preventDefault(),e.stopPropagation();return}this.context&&this.context.handleClick(this.index)}handleKeyDown(e){if(this.disabled&&(e.key===`Enter`||e.key===` `||e.key===`Spacebar`)){e.preventDefault(),e.stopPropagation();return}this.context&&this.context.handleKeyUp(e,this.index)}render(){let i=this.context?.useArrowNav??!0,a=this.active&&!this.disabled,o=[a?`active`:``,this.disabled?`pkt-tabs__item--disabled`:``].filter(Boolean).join(` `),s=i?`tab`:void 0,c=i?a:void 0,l=this.disabled?-1:a||!i?void 0:-1,u=`pkt-icon--small ${this.icon===`check`?`pkt-tabs__status-icon`:``}`,d=e.p`
-      ${this.icon?e.p`<pkt-icon name=${this.icon} class=${u}></pkt-icon>`:``}
-      <span>${t.n(this)}</span>
-      ${this.tag?e.p`<pkt-tag skin=${this.tagSkin} size="small">${this.tag}</pkt-tag>`:``}
-    `;return this.href?e.p`
-        <a
-          ${r.n(this.elementRef)}
-          href=${n.t(this.disabled?void 0:this.href)}
-          class="pkt-tabs__link ${o}"
-          role=${n.t(s)}
-          aria-selected=${n.t(c)}
-          aria-disabled=${n.t(this.disabled?`true`:void 0)}
-          aria-controls=${n.t(this.controls||void 0)}
-          tabindex=${n.t(l)}
-          @click=${this.handleClick}
-          @keydown=${this.handleKeyDown}
-        >
-          ${d}
-        </a>
-      `:e.p`
-      <button
-        ${r.n(this.elementRef)}
-        type="button"
-        class="pkt-tabs__button pkt-link-button ${o}"
-        ?disabled=${this.disabled}
-        aria-disabled=${n.t(this.disabled?`true`:void 0)}
-        role=${n.t(s)}
-        aria-selected=${n.t(c)}
-        aria-controls=${n.t(this.controls||void 0)}
-        tabindex=${n.t(l)}
-        @click=${this.handleClick}
-        @keydown=${this.handleKeyDown}
-      >
-        ${d}
-      </button>
-    `}};e.n([e.o({type:Boolean,reflect:!0})],m.prototype,`active`,void 0),e.n([e.o({type:Boolean,reflect:!0})],m.prototype,`disabled`,void 0),e.n([e.o({type:String,reflect:!0})],m.prototype,`href`,void 0),e.n([e.o({type:String,reflect:!0})],m.prototype,`icon`,void 0),e.n([e.o({type:String,reflect:!0})],m.prototype,`controls`,void 0),e.n([e.o({type:String,reflect:!0})],m.prototype,`tag`,void 0),e.n([e.o({type:String,reflect:!0,attribute:`tag-skin`})],m.prototype,`tagSkin`,void 0),e.n([e.o({type:Number,reflect:!0})],m.prototype,`index`,void 0),e.n([d({context:f,subscribe:!0}),e.o({attribute:!1})],m.prototype,`context`,void 0);try{e.s(`pkt-tab-item`)(m)}catch{console.warn(`Forsøker å definere <pkt-tab-item>, men den er allerede definert`)}var h=p;Object.defineProperty(exports,"n",{enumerable:!0,get:function(){return m}}),Object.defineProperty(exports,"r",{enumerable:!0,get:function(){return p}}),Object.defineProperty(exports,"t",{enumerable:!0,get:function(){return h}});