@oslokommune/punkt-elements 16.26.6 → 17.0.0

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}});

package/dist/tabs-ChdR0D1C.js

@@ -1,379 +0,0 @@
-import { a as e, n as t, o as n, p as r, s as i } from "./element-BoJrqauR.js";
-import { n as a, t as o } from "./element-with-slot-mXLg8gg8.js";
-import { t as s } from "./if-defined-D0bnetLJ.js";
-import { n as c, t as l } from "./ref-WGS0u7i2.js";
-//#region node_modules/@lit/context/lib/context-request-event.js
-var u = 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;
-	}
-};
-//#endregion
-//#region node_modules/@lit/context/lib/create-context.js
-function d(e) {
-	return e;
-}
-//#endregion
-//#region node_modules/@lit/context/lib/controllers/context-consumer.js
-var f = 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 u(this.context, this.host, this.t, this.subscribe));
-	}
-}, p = 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 = /* @__PURE__ */ 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();
-	}
-}, m = class extends Event {
-	constructor(e, t) {
-		super("context-provider", {
-			bubbles: !0,
-			composed: !0
-		}), this.context = e, this.contextTarget = t;
-	}
-}, h = class extends p {
-	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 = /* @__PURE__ */ new Set();
-			for (let [e, { consumerHost: n }] of this.subscriptions) t.has(e) || (t.add(e), n.dispatchEvent(new u(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 m(this.context, this.host));
-	}
-};
-//#endregion
-//#region node_modules/@lit/context/lib/decorators/provide.js
-function g({ context: e }) {
-	return (t, n) => {
-		let r = /* @__PURE__ */ 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 h(this, {
-					context: e,
-					initialValue: t
-				})), t;
-			}
-		};
-		{
-			t.constructor.addInitializer(((t) => {
-				r.set(t, new h(t, { context: e }));
-			}));
-			let i = Object.getOwnPropertyDescriptor(t, n), a;
-			if (i === void 0) {
-				let e = /* @__PURE__ */ 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;
-		}
-	};
-}
-//#endregion
-//#region node_modules/@lit/context/lib/decorators/consume.js
-function _({ context: e, subscribe: t }) {
-	return (n, r) => {
-		typeof r == "object" ? r.addInitializer((function() {
-			new f(this, {
-				context: e,
-				callback: (e) => {
-					n.set.call(this, e);
-				},
-				subscribe: t
-			});
-		})) : n.constructor.addInitializer(((n) => {
-			new f(n, {
-				context: e,
-				callback: (e) => {
-					n[r] = e;
-				},
-				subscribe: t
-			});
-		}));
-	};
-}
-//#endregion
-//#region src/components/tabs/tabs-context.ts
-var v = d(Symbol("pkt-tabs-context")), y = class extends o {
-	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 e = this.useArrowNav ? "tablist" : "navigation";
-		return r`
-      <div class=${this.separatorIconName || this.separatorIconPath ? "pkt-tabs pkt-tabs--with-separator" : "pkt-tabs"}>
-        <div class="pkt-tabs__list" role=${e}>${a(this)}</div>
-      </div>
-    `;
-	}
-};
-t([n({
-	type: Boolean,
-	reflect: !0,
-	attribute: "arrow-nav"
-})], y.prototype, "arrowNav", void 0), t([n({
-	type: Boolean,
-	reflect: !0,
-	attribute: "disable-arrow-nav"
-})], y.prototype, "disableArrowNav", void 0), t([n({
-	type: String,
-	reflect: !0,
-	attribute: "separator-icon-name"
-})], y.prototype, "separatorIconName", void 0), t([n({
-	type: String,
-	reflect: !0,
-	attribute: "separator-icon-path"
-})], y.prototype, "separatorIconPath", void 0), t([e()], y.prototype, "tabRefs", void 0), t([e()], y.prototype, "disabledMap", void 0), t([e()], y.prototype, "tabCount", void 0), t([g({ context: v }), e()], y.prototype, "context", void 0);
-try {
-	i("pkt-tabs")(y);
-} catch {
-	console.warn("Forsøker å definere <pkt-tabs>, men den er allerede definert");
-}
-//#endregion
-//#region src/components/tabs/tabitem.ts
-var b = class extends o {
-	constructor() {
-		super(), this.active = !1, this.disabled = !1, this.href = "", this.icon = "", this.controls = "", this.tag = "", this.tagSkin = "blue", this.index = 0, this.elementRef = l();
-	}
-	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 e = this.context?.useArrowNav ?? !0, t = this.active && !this.disabled, n = [t ? "active" : "", this.disabled ? "pkt-tabs__item--disabled" : ""].filter(Boolean).join(" "), i = e ? "tab" : void 0, o = e ? t : void 0, l = this.disabled ? -1 : t || !e ? void 0 : -1, u = `pkt-icon--small ${this.icon === "check" ? "pkt-tabs__status-icon" : ""}`, d = r`
-      ${this.icon ? r`<pkt-icon name=${this.icon} class=${u}></pkt-icon>` : ""}
-      <span>${a(this)}</span>
-      ${this.tag ? r`<pkt-tag skin=${this.tagSkin} size="small">${this.tag}</pkt-tag>` : ""}
-    `;
-		return this.href ? r`
-        <a
-          ${c(this.elementRef)}
-          href=${s(this.disabled ? void 0 : this.href)}
-          class="pkt-tabs__link ${n}"
-          role=${s(i)}
-          aria-selected=${s(o)}
-          aria-disabled=${s(this.disabled ? "true" : void 0)}
-          aria-controls=${s(this.controls || void 0)}
-          tabindex=${s(l)}
-          @click=${this.handleClick}
-          @keydown=${this.handleKeyDown}
-        >
-          ${d}
-        </a>
-      ` : r`
-      <button
-        ${c(this.elementRef)}
-        type="button"
-        class="pkt-tabs__button pkt-link-button ${n}"
-        ?disabled=${this.disabled}
-        aria-disabled=${s(this.disabled ? "true" : void 0)}
-        role=${s(i)}
-        aria-selected=${s(o)}
-        aria-controls=${s(this.controls || void 0)}
-        tabindex=${s(l)}
-        @click=${this.handleClick}
-        @keydown=${this.handleKeyDown}
-      >
-        ${d}
-      </button>
-    `;
-	}
-};
-t([n({
-	type: Boolean,
-	reflect: !0
-})], b.prototype, "active", void 0), t([n({
-	type: Boolean,
-	reflect: !0
-})], b.prototype, "disabled", void 0), t([n({
-	type: String,
-	reflect: !0
-})], b.prototype, "href", void 0), t([n({
-	type: String,
-	reflect: !0
-})], b.prototype, "icon", void 0), t([n({
-	type: String,
-	reflect: !0
-})], b.prototype, "controls", void 0), t([n({
-	type: String,
-	reflect: !0
-})], b.prototype, "tag", void 0), t([n({
-	type: String,
-	reflect: !0,
-	attribute: "tag-skin"
-})], b.prototype, "tagSkin", void 0), t([n({
-	type: Number,
-	reflect: !0
-})], b.prototype, "index", void 0), t([_({
-	context: v,
-	subscribe: !0
-}), n({ attribute: !1 })], b.prototype, "context", void 0);
-try {
-	i("pkt-tab-item")(b);
-} catch {
-	console.warn("Forsøker å definere <pkt-tab-item>, men den er allerede definert");
-}
-//#endregion
-//#region src/components/tabs/index.ts
-var x = y;
-//#endregion
-export { b as n, y as r, x as t };