@oslokommune/punkt-elements 16.17.3 → 16.19.0

package/dist/{linkcard-E07qJZMP.js → linkcard-DNJm5FvA.js}

@@ -1,50 +1,50 @@
-import { c as e, d as t, r as n, s as r } from "./element-cZ85T_aa.js";
-import { n as i, t as a } from "./element-with-slot-4J2o3SeU.js";
-import "./icon-Co72KtgF.js";
-import { t as o } from "./if-defined-Cjj8qN-Z.js";
+import { n as e, o as t, p as n, s as r } from "./element-CduG0XyF.js";
+import { n as i, t as a } from "./element-with-slot-BVj9MXzi.js";
+import "./icon-LaKyBKON.js";
+import { t as o } from "./if-defined-VShASPdu.js";
 //#region src/components/linkcard/linkcard.ts
 var s = class extends a {
 	constructor(...e) {
 		super(...e), this.title = "", this.href = "#", this.iconName = "", this.external = !1, this.openInNewTab = !1, this.skin = "normal";
 	}
 	render() {
-		let e = ["pkt-linkcard", this.skin && `pkt-linkcard--${this.skin}`].filter(Boolean).join(" "), n = ["pkt-linkcard__title", this.external && "pkt-link pkt-link--external"].filter(Boolean).join(" ");
-		return t`
+		let e = ["pkt-linkcard", this.skin && `pkt-linkcard--${this.skin}`].filter(Boolean).join(" "), t = ["pkt-linkcard__title", this.external && "pkt-link pkt-link--external"].filter(Boolean).join(" ");
+		return n`
       <a
         href=${this.href}
         class=${e}
         target=${this.openInNewTab ? "_blank" : "_self"}
         rel=${o(this.openInNewTab ? "noopener noreferrer" : void 0)}
       >
-        ${this.iconName && t`<pkt-icon class="pkt-link__icon" name="${this.iconName}" />`}
-        ${this.title && t`<div class=${n}>${this.title}</div>`}
+        ${this.iconName && n`<pkt-icon class="pkt-link__icon" name="${this.iconName}" />`}
+        ${this.title && n`<div class=${t}>${this.title}</div>`}
 
         <div class="pkt-linkcard__text">${i(this)}</div>
       </a>
     `;
 	}
 };
-n([r({
+e([t({
 	type: String,
 	reflect: !0
-})], s.prototype, "title", void 0), n([r({
+})], s.prototype, "title", void 0), e([t({
 	type: String,
 	reflect: !0
-})], s.prototype, "href", void 0), n([r({
+})], s.prototype, "href", void 0), e([t({
 	type: String,
 	reflect: !0
-})], s.prototype, "iconName", void 0), n([r({
+})], s.prototype, "iconName", void 0), e([t({
 	type: Boolean,
 	reflect: !0
-})], s.prototype, "external", void 0), n([r({
+})], s.prototype, "external", void 0), e([t({
 	type: Boolean,
 	reflect: !0
-})], s.prototype, "openInNewTab", void 0), n([r({
+})], s.prototype, "openInNewTab", void 0), e([t({
 	type: String,
 	reflect: !0
 })], s.prototype, "skin", void 0);
 try {
-	e("pkt-linkcard")(s);
+	r("pkt-linkcard")(s);
 } catch {
 	console.warn("Forsøker å definere <pkt-linkcard>, men den er allerede definert");
 }

package/dist/{listbox-0NHJvNjz.js → listbox-DXMIBv3y.js}

@@ -1,8 +1,8 @@
-import { c as e, d as t, i as n, l as r, o as i, r as a, s as o, t as s } from "./element-cZ85T_aa.js";
-import { t as c } from "./class-map-C8HuhNzZ.js";
-import { t as l } from "./if-defined-Cjj8qN-Z.js";
-import { t as u } from "./repeat-DV1O43YU.js";
-import { n as d } from "./utils-BOOZ0ppt.js";
+import { a as e, d as t, n, o as r, p as i, r as a, s as o, t as s } from "./element-CduG0XyF.js";
+import { t as c } from "./class-map-DH9hlJny.js";
+import { t as l } from "./if-defined-VShASPdu.js";
+import { t as u } from "./repeat-CKIii8Mi.js";
+import { n as d } from "./utils-CUqCKGvp.js";
 //#region ../../shared-utils/combobox/option-utils.ts
 var f = (e, t) => t && (e.find((e) => e.value === t) || e.find((e) => e.label === t)) || null, p = (e, t) => {
 	if (!t) return -1;
@@ -115,7 +115,7 @@ var f = (e, t) => t && (e.find((e) => e.value === t) || e.find((e) => e.label ==
 		return this._filteredOptions.length > 0 || this.options.length > 0;
 	}
 	render() {
-		return t`
+		return i`
       <div
         class=${c({
 			"pkt-listbox": !0,
@@ -138,7 +138,7 @@ var f = (e, t) => t && (e.find((e) => e.value === t) || e.find((e) => e.label ==
     `;
 	}
 	renderCheckboxOrCheckIcon(e, n) {
-		return this.isMultiSelect ? t`
+		return this.isMultiSelect ? i`
           <input
             class="pkt-input-check__input-checkbox"
             type="checkbox"
@@ -152,10 +152,10 @@ var f = (e, t) => t && (e.find((e) => e.value === t) || e.find((e) => e.label ==
             aria-labelledby=${this.id + "-option-label-" + n}
             ?disabled=${this.disabled || e.disabled || this.maxIsReached && !e.selected}
           />
-        ` : e.selected ? t`<pkt-icon name="check-big"></pkt-icon>` : r;
+        ` : e.selected ? i`<pkt-icon name="check-big"></pkt-icon>` : t;
 	}
 	renderEmptyMessage() {
-		return this.options.length > 0 || this._filteredOptions.length > 0 || this.userMessage ? r : t`<div class="pkt-listbox__banner pkt-listbox__banner--empty">
+		return this.options.length > 0 || this._filteredOptions.length > 0 || this.userMessage ? t : i`<div class="pkt-listbox__banner pkt-listbox__banner--empty">
       <pkt-icon
         class="pkt-listbox__banner-icon"
         name="exclamation-mark-circle"
@@ -165,8 +165,8 @@ var f = (e, t) => t && (e.find((e) => e.value === t) || e.find((e) => e.label ==
     </div>`;
 	}
 	renderList() {
-		return t`
-      ${u(this._filteredOptions, (e) => e.value, (e, n) => t`
+		return i`
+      ${u(this._filteredOptions, (e) => e.value, (e, n) => i`
           <li
             @click=${() => {
 			this.toggleOption(e);
@@ -189,18 +189,18 @@ var f = (e, t) => t && (e.find((e) => e.value === t) || e.find((e) => e.label ==
           >
             ${this.renderCheckboxOrCheckIcon(e, n)}
             <span class="pkt-listbox__option-label" id=${this.id + "-option-label-" + n}>
-              ${e.prefix ? t`<span class="pkt-listbox__option-prefix">${e.prefix}</span>` : r}
+              ${e.prefix ? i`<span class="pkt-listbox__option-prefix">${e.prefix}</span>` : t}
               ${e.label || e.value}
             </span>
-            ${e.description ? t`<span class="pkt-listbox__option-description pkt-txt-14-light"
+            ${e.description ? i`<span class="pkt-listbox__option-description pkt-txt-14-light"
                   >${e.description}</span
-                >` : r}
+                >` : t}
           </li>
         `)}
     `;
 	}
 	renderNewOptionBanner() {
-		return this.allowUserInput && this.customUserInput ? t`
+		return this.allowUserInput && this.customUserInput ? i`
           <div
             class="pkt-listbox__banner pkt-listbox__banner--new-option pkt-listbox__option"
             data-type="new-option"
@@ -213,27 +213,27 @@ var f = (e, t) => t && (e.find((e) => e.value === t) || e.find((e) => e.label ==
             <pkt-icon class="pkt-listbox__banner-icon" name="plus-sign" size="large"></pkt-icon>
             Legg til "${this.customUserInput}"
           </div>
-        ` : r;
+        ` : t;
 	}
 	renderMaximumReachedBanner() {
-		return this._selectedOptions = this.options.filter((e) => e.selected).length, this.isMultiSelect && this._selectedOptions > 0 && this.maxLength > 0 ? t`
+		return this._selectedOptions = this.options.filter((e) => e.selected).length, this.isMultiSelect && this._selectedOptions > 0 && this.maxLength > 0 ? i`
           <div class="pkt-listbox__banner pkt-listbox__banner--maximum-reached">
             ${this._selectedOptions} av maks ${this.maxLength} mulige er valgt.
           </div>
-        ` : r;
+        ` : t;
 	}
 	renderUserMessage() {
-		return this.userMessage ? t`<div class="pkt-listbox__banner pkt-listbox__banner--user-message">
+		return this.userMessage ? i`<div class="pkt-listbox__banner pkt-listbox__banner--user-message">
           <pkt-icon
             class="pkt-listbox__banner-icon"
             name="exclamation-mark-circle"
             size="large"
           ></pkt-icon>
           ${this.userMessage}
-        </div>` : r;
+        </div>` : t;
 	}
 	renderSearch() {
-		return this.includeSearch ? t`
+		return this.includeSearch ? i`
           <div class="pkt-listbox__search">
             <span class="pkt-listbox__search-icon">
               <pkt-icon name="magnifying-glass-small" size="large"></pkt-icon>
@@ -243,7 +243,7 @@ var f = (e, t) => t && (e.find((e) => e.value === t) || e.find((e) => e.label ==
               type="text"
               aria-label="Søk i listen"
               form=""
-              placeholder=${this.searchPlaceholder || n.forms.search.placeholder}
+              placeholder=${this.searchPlaceholder || a.forms.search.placeholder}
               @input=${this.handleSearchInput}
               @keydown=${this.handleSearchKeydown}
               .value=${this.searchValue}
@@ -253,7 +253,7 @@ var f = (e, t) => t && (e.find((e) => e.value === t) || e.find((e) => e.label ==
               role="searchbox"
             />
           </div>
-        ` : r;
+        ` : t;
 	}
 	handleSearchInput(e) {
 		this.searchValue = e.target.value, this.dispatchEvent(new CustomEvent("search", {
@@ -353,40 +353,40 @@ var f = (e, t) => t && (e.find((e) => e.value === t) || e.find((e) => e.label ==
 		r >= 0 && S(n[r]);
 	}
 };
-a([o({ type: String })], k.prototype, "id", void 0), a([o({ type: String })], k.prototype, "label", void 0), a([o({ type: Array })], k.prototype, "options", void 0), a([o({
+n([r({ type: String })], k.prototype, "id", void 0), n([r({ type: String })], k.prototype, "label", void 0), n([r({ type: Array })], k.prototype, "options", void 0), n([r({
 	type: Boolean,
 	reflect: !0,
 	attribute: "is-open"
-})], k.prototype, "isOpen", void 0), a([o({ type: Boolean })], k.prototype, "disabled", void 0), a([o({
+})], k.prototype, "isOpen", void 0), n([r({ type: Boolean })], k.prototype, "disabled", void 0), n([r({
 	type: Boolean,
 	attribute: "include-search"
-})], k.prototype, "includeSearch", void 0), a([o({
+})], k.prototype, "includeSearch", void 0), n([r({
 	type: Boolean,
 	attribute: "is-multi-select"
-})], k.prototype, "isMultiSelect", void 0), a([o({
+})], k.prototype, "isMultiSelect", void 0), n([r({
 	type: Boolean,
 	attribute: "allow-user-input"
-})], k.prototype, "allowUserInput", void 0), a([o({
+})], k.prototype, "allowUserInput", void 0), n([r({
 	type: Boolean,
 	attribute: "max-is-reached"
-})], k.prototype, "maxIsReached", void 0), a([o({
+})], k.prototype, "maxIsReached", void 0), n([r({
 	type: String,
 	attribute: "custom-user-input"
-})], k.prototype, "customUserInput", void 0), a([o({
+})], k.prototype, "customUserInput", void 0), n([r({
 	type: String,
 	attribute: "search-placeholder"
-})], k.prototype, "searchPlaceholder", void 0), a([o({
+})], k.prototype, "searchPlaceholder", void 0), n([r({
 	type: String,
 	attribute: "search-value"
-})], k.prototype, "searchValue", void 0), a([o({
+})], k.prototype, "searchValue", void 0), n([r({
 	type: Number,
 	attribute: "max-length"
-})], k.prototype, "maxLength", void 0), a([o({
+})], k.prototype, "maxLength", void 0), n([r({
 	type: String,
 	attribute: "user-message"
-})], k.prototype, "userMessage", void 0), a([i()], k.prototype, "_filteredOptions", void 0);
+})], k.prototype, "userMessage", void 0), n([e()], k.prototype, "_filteredOptions", void 0);
 try {
-	e("pkt-listbox")(k);
+	o("pkt-listbox")(k);
 } catch {
 	console.warn("Forsøker å definere <pkt-listbox>, men den er allerede definert");
 }

package/dist/{listbox-CcThiNBY.cjs → listbox-DbEobJNx.cjs}

@@ -1,4 +1,4 @@
-const e=require(`./element-DjtxO-1r.cjs`),t=require(`./class-map-CJ-msbHs.cjs`),n=require(`./if-defined-XKOD_t_V.cjs`),r=require(`./repeat-DaDFvx86.cjs`),i=require(`./utils-CM67Oudc.cjs`);var a=(e,t)=>t&&(e.find(e=>e.value===t)||e.find(e=>e.label===t))||null,o=(e,t)=>{if(!t)return-1;let n=e.findIndex(e=>e.value===t);return n>=0?n:e.findIndex(e=>e.label===t)},s=(e,t)=>{if(!t)return[...e];let n=t.toLowerCase();return e.filter(e=>(e.fulltext||e.value+(e.label||``)+(e.prefix||``)).toLowerCase().includes(n))},c=e=>e.value+(e.label||``)+(e.prefix||``),l=(e,t)=>t!==null&&e>=t,u=(e,t)=>{if(!t)return{filtered:[...e],suggestion:null};let n=t.toLowerCase(),r=e.filter(e=>e.fulltext?.toLowerCase().includes(n));return{filtered:r,suggestion:r.find(e=>!e.selected&&e.label?.toLowerCase().startsWith(n))||null}},d=(e,t,n,r)=>{if(!e.trim())return{addValueText:null,userInfoMessage:``};let i=e.trim().toLowerCase(),a=t.find(e=>e.toLowerCase()===i),o=n.filter(e=>e.label?.toLowerCase().includes(i)||e.value.toLowerCase().includes(i)),s=o.find(e=>e.label?.toLowerCase()===i||e.value.toLowerCase()===i);return(o.length===0||!s)&&r?{addValueText:e,userInfoMessage:``}:o.length===0&&!r?{addValueText:null,userInfoMessage:`Ingen treff i søket`}:a?{addValueText:null,userInfoMessage:`Verdien er allerede valgt`}:{addValueText:null,userInfoMessage:``}},f=e=>/^[\p{L} ]$/u.test(e),p=(e=500)=>{let t=``,n;return{append:r=>(t+=r.toLowerCase(),n!==void 0&&clearTimeout(n),n=setTimeout(()=>{t=``},e),t),reset:()=>{t=``,n!==void 0&&(clearTimeout(n),n=void 0)},getBuffer:()=>t}},m=(e,t)=>{let n=t.toLowerCase();return e.findIndex(e=>e.textContent?.trim().toLowerCase().startsWith(n))},h=e=>{e.scrollIntoView({block:`nearest`}),window.setTimeout(()=>e.focus(),0)},g=e=>Array.from(e.querySelectorAll(`[role="option"]:not([data-disabled])`)||[]),_=e=>{let t=e.nextElementSibling;t&&h(t)},v=(e,t,n)=>{let r=e.previousElementSibling;if(e.dataset.index===`0`&&n){let e=t.querySelector(`[role="searchbox"]`);e&&h(e)}else r&&h(r)},y=e=>{let t=g(e);t[0]&&h(t[0])},b=e=>{let t=g(e),n=t[t.length-1];n&&h(n)},x=(e,t)=>{if(t.disabled)return;let n=g(e);if(t.allowUserInput&&t.customUserInput){let t=e.querySelector(`[data-type="new-option"]`);if(t){h(t);return}}let r=n.find(e=>e.dataset.selected===`true`);if(r){h(r);return}if(t.includeSearch&&!(document.activeElement instanceof HTMLInputElement)){let t=e.querySelector(`[role="searchbox"]`);if(t){window.setTimeout(()=>t.focus(),0);return}}n[0]&&h(n[0])},S=class extends e.t{constructor(...e){super(...e),this.id=i.n(),this.label=null,this.options=[],this.isOpen=!1,this.disabled=!1,this.includeSearch=!1,this.isMultiSelect=!1,this.allowUserInput=!1,this.maxIsReached=!1,this.customUserInput=null,this.searchPlaceholder=null,this.searchValue=null,this.maxLength=0,this.userMessage=null,this._selectedOptions=0,this.typeahead=p(),this._filteredOptions=[]}connectedCallback(){super.connectedCallback(),this.includeSearch&&!this.searchValue&&(this.searchValue=``),this.options.length>0&&this.filterOptions(),this.setAttribute(`tabindex`,`-1`),this.addEventListener(`focus`,this.focusFirstOrSelectedOption)}disconnectedCallback(){super.disconnectedCallback(),this.typeahead.reset()}updated(e){(e.has(`options`)||e.has(`searchValue`))&&this.filterOptions(),super.updated(e)}attributeChangedCallback(e,t,n){(e===`options`||e===`search-value`)&&this.filterOptions(),super.attributeChangedCallback(e,t,n)}get _hasOptions(){return this._filteredOptions.length>0||this.options.length>0}render(){return e.d`
+const e=require(`./element-CXAtr6Gu.cjs`),t=require(`./class-map-B8Ja0q7n.cjs`),n=require(`./if-defined-LTjAScFG.cjs`),r=require(`./repeat-CRRgmzVn.cjs`),i=require(`./utils-CjAbIttF.cjs`);var a=(e,t)=>t&&(e.find(e=>e.value===t)||e.find(e=>e.label===t))||null,o=(e,t)=>{if(!t)return-1;let n=e.findIndex(e=>e.value===t);return n>=0?n:e.findIndex(e=>e.label===t)},s=(e,t)=>{if(!t)return[...e];let n=t.toLowerCase();return e.filter(e=>(e.fulltext||e.value+(e.label||``)+(e.prefix||``)).toLowerCase().includes(n))},c=e=>e.value+(e.label||``)+(e.prefix||``),l=(e,t)=>t!==null&&e>=t,u=(e,t)=>{if(!t)return{filtered:[...e],suggestion:null};let n=t.toLowerCase(),r=e.filter(e=>e.fulltext?.toLowerCase().includes(n));return{filtered:r,suggestion:r.find(e=>!e.selected&&e.label?.toLowerCase().startsWith(n))||null}},d=(e,t,n,r)=>{if(!e.trim())return{addValueText:null,userInfoMessage:``};let i=e.trim().toLowerCase(),a=t.find(e=>e.toLowerCase()===i),o=n.filter(e=>e.label?.toLowerCase().includes(i)||e.value.toLowerCase().includes(i)),s=o.find(e=>e.label?.toLowerCase()===i||e.value.toLowerCase()===i);return(o.length===0||!s)&&r?{addValueText:e,userInfoMessage:``}:o.length===0&&!r?{addValueText:null,userInfoMessage:`Ingen treff i søket`}:a?{addValueText:null,userInfoMessage:`Verdien er allerede valgt`}:{addValueText:null,userInfoMessage:``}},f=e=>/^[\p{L} ]$/u.test(e),p=(e=500)=>{let t=``,n;return{append:r=>(t+=r.toLowerCase(),n!==void 0&&clearTimeout(n),n=setTimeout(()=>{t=``},e),t),reset:()=>{t=``,n!==void 0&&(clearTimeout(n),n=void 0)},getBuffer:()=>t}},m=(e,t)=>{let n=t.toLowerCase();return e.findIndex(e=>e.textContent?.trim().toLowerCase().startsWith(n))},h=e=>{e.scrollIntoView({block:`nearest`}),window.setTimeout(()=>e.focus(),0)},g=e=>Array.from(e.querySelectorAll(`[role="option"]:not([data-disabled])`)||[]),_=e=>{let t=e.nextElementSibling;t&&h(t)},v=(e,t,n)=>{let r=e.previousElementSibling;if(e.dataset.index===`0`&&n){let e=t.querySelector(`[role="searchbox"]`);e&&h(e)}else r&&h(r)},y=e=>{let t=g(e);t[0]&&h(t[0])},b=e=>{let t=g(e),n=t[t.length-1];n&&h(n)},x=(e,t)=>{if(t.disabled)return;let n=g(e);if(t.allowUserInput&&t.customUserInput){let t=e.querySelector(`[data-type="new-option"]`);if(t){h(t);return}}let r=n.find(e=>e.dataset.selected===`true`);if(r){h(r);return}if(t.includeSearch&&!(document.activeElement instanceof HTMLInputElement)){let t=e.querySelector(`[role="searchbox"]`);if(t){window.setTimeout(()=>t.focus(),0);return}}n[0]&&h(n[0])},S=class extends e.t{constructor(...e){super(...e),this.id=i.n(),this.label=null,this.options=[],this.isOpen=!1,this.disabled=!1,this.includeSearch=!1,this.isMultiSelect=!1,this.allowUserInput=!1,this.maxIsReached=!1,this.customUserInput=null,this.searchPlaceholder=null,this.searchValue=null,this.maxLength=0,this.userMessage=null,this._selectedOptions=0,this.typeahead=p(),this._filteredOptions=[]}connectedCallback(){super.connectedCallback(),this.includeSearch&&!this.searchValue&&(this.searchValue=``),this.options.length>0&&this.filterOptions(),this.setAttribute(`tabindex`,`-1`),this.addEventListener(`focus`,this.focusFirstOrSelectedOption)}disconnectedCallback(){super.disconnectedCallback(),this.typeahead.reset()}updated(e){(e.has(`options`)||e.has(`searchValue`))&&this.filterOptions(),super.updated(e)}attributeChangedCallback(e,t,n){(e===`options`||e===`search-value`)&&this.filterOptions(),super.attributeChangedCallback(e,t,n)}get _hasOptions(){return this._filteredOptions.length>0||this.options.length>0}render(){return e.p`
       <div
         class=${t.t({"pkt-listbox":!0,"pkt-listbox__open":this.isOpen,"pkt-txt-16-light":!0})}
         role=${n.t(this._hasOptions?`listbox`:void 0)}
@@ -14,7 +14,7 @@ const e=require(`./element-DjtxO-1r.cjs`),t=require(`./class-map-CJ-msbHs.cjs`),
         </ul>
       </div>
       <div aria-live="polite" class="pkt-visually-hidden">${this.userMessage}</div>
-    `}renderCheckboxOrCheckIcon(t,n){return this.isMultiSelect?e.d`
+    `}renderCheckboxOrCheckIcon(t,n){return this.isMultiSelect?e.p`
           <input
             class="pkt-input-check__input-checkbox"
             type="checkbox"
@@ -26,15 +26,15 @@ const e=require(`./element-DjtxO-1r.cjs`),t=require(`./class-map-CJ-msbHs.cjs`),
             aria-labelledby=${this.id+`-option-label-`+n}
             ?disabled=${this.disabled||t.disabled||this.maxIsReached&&!t.selected}
           />
-        `:t.selected?e.d`<pkt-icon name="check-big"></pkt-icon>`:e.l}renderEmptyMessage(){return this.options.length>0||this._filteredOptions.length>0||this.userMessage?e.l:e.d`<div class="pkt-listbox__banner pkt-listbox__banner--empty">
+        `:t.selected?e.p`<pkt-icon name="check-big"></pkt-icon>`:e.d}renderEmptyMessage(){return this.options.length>0||this._filteredOptions.length>0||this.userMessage?e.d:e.p`<div class="pkt-listbox__banner pkt-listbox__banner--empty">
       <pkt-icon
         class="pkt-listbox__banner-icon"
         name="exclamation-mark-circle"
         size="large"
       ></pkt-icon>
       Tom liste
-    </div>`}renderList(){return e.d`
-      ${r.t(this._filteredOptions,e=>e.value,(n,r)=>e.d`
+    </div>`}renderList(){return e.p`
+      ${r.t(this._filteredOptions,e=>e.value,(n,r)=>e.p`
           <li
             @click=${()=>{this.toggleOption(n)}}
             aria-selected=${n.selected?`true`:`false`}
@@ -51,15 +51,15 @@ const e=require(`./element-DjtxO-1r.cjs`),t=require(`./class-map-CJ-msbHs.cjs`),
           >
             ${this.renderCheckboxOrCheckIcon(n,r)}
             <span class="pkt-listbox__option-label" id=${this.id+`-option-label-`+r}>
-              ${n.prefix?e.d`<span class="pkt-listbox__option-prefix">${n.prefix}</span>`:e.l}
+              ${n.prefix?e.p`<span class="pkt-listbox__option-prefix">${n.prefix}</span>`:e.d}
               ${n.label||n.value}
             </span>
-            ${n.description?e.d`<span class="pkt-listbox__option-description pkt-txt-14-light"
+            ${n.description?e.p`<span class="pkt-listbox__option-description pkt-txt-14-light"
                   >${n.description}</span
-                >`:e.l}
+                >`:e.d}
           </li>
         `)}
-    `}renderNewOptionBanner(){return this.allowUserInput&&this.customUserInput?e.d`
+    `}renderNewOptionBanner(){return this.allowUserInput&&this.customUserInput?e.p`
           <div
             class="pkt-listbox__banner pkt-listbox__banner--new-option pkt-listbox__option"
             data-type="new-option"
@@ -72,18 +72,18 @@ const e=require(`./element-DjtxO-1r.cjs`),t=require(`./class-map-CJ-msbHs.cjs`),
             <pkt-icon class="pkt-listbox__banner-icon" name="plus-sign" size="large"></pkt-icon>
             Legg til "${this.customUserInput}"
           </div>
-        `:e.l}renderMaximumReachedBanner(){return this._selectedOptions=this.options.filter(e=>e.selected).length,this.isMultiSelect&&this._selectedOptions>0&&this.maxLength>0?e.d`
+        `:e.d}renderMaximumReachedBanner(){return this._selectedOptions=this.options.filter(e=>e.selected).length,this.isMultiSelect&&this._selectedOptions>0&&this.maxLength>0?e.p`
           <div class="pkt-listbox__banner pkt-listbox__banner--maximum-reached">
             ${this._selectedOptions} av maks ${this.maxLength} mulige er valgt.
           </div>
-        `:e.l}renderUserMessage(){return this.userMessage?e.d`<div class="pkt-listbox__banner pkt-listbox__banner--user-message">
+        `:e.d}renderUserMessage(){return this.userMessage?e.p`<div class="pkt-listbox__banner pkt-listbox__banner--user-message">
           <pkt-icon
             class="pkt-listbox__banner-icon"
             name="exclamation-mark-circle"
             size="large"
           ></pkt-icon>
           ${this.userMessage}
-        </div>`:e.l}renderSearch(){return this.includeSearch?e.d`
+        </div>`:e.d}renderSearch(){return this.includeSearch?e.p`
           <div class="pkt-listbox__search">
             <span class="pkt-listbox__search-icon">
               <pkt-icon name="magnifying-glass-small" size="large"></pkt-icon>
@@ -93,7 +93,7 @@ const e=require(`./element-DjtxO-1r.cjs`),t=require(`./class-map-CJ-msbHs.cjs`),
               type="text"
               aria-label="Søk i listen"
               form=""
-              placeholder=${this.searchPlaceholder||e.i.forms.search.placeholder}
+              placeholder=${this.searchPlaceholder||e.r.forms.search.placeholder}
               @input=${this.handleSearchInput}
               @keydown=${this.handleSearchKeydown}
               .value=${this.searchValue}
@@ -103,4 +103,4 @@ const e=require(`./element-DjtxO-1r.cjs`),t=require(`./class-map-CJ-msbHs.cjs`),
               role="searchbox"
             />
           </div>
-        `:e.l}handleSearchInput(e){this.searchValue=e.target.value,this.dispatchEvent(new CustomEvent(`search`,{detail:this.searchValue,bubbles:!1}))}handleSearchKeydown(e){switch(e.key){case`Enter`:e.preventDefault();break;case`ArrowUp`:case`Escape`:this.closeOptions(),e.preventDefault();break;case`ArrowDown`:this.focusFirstOrSelectedOption();break;case`Tab`:this.tabClose();break}}handleOptionKeydown(e){let t=e.currentTarget,n=t.dataset.value,r=t.dataset.type,i=t.dataset.selected===`true`;if(!(!g(this).length&&(!this.customUserInput||!this.allowUserInput&&this.customUserInput)&&r!==`new-option`&&r!==`searchbox`))switch(e.key){case` `:case`Enter`:this.toggleOption(t),e.preventDefault();break;case`Backspace`:n&&(i?this.toggleOption(t):this.closeOptions()),e.preventDefault();break;case`Escape`:this.closeOptions(),e.preventDefault();break;case`Tab`:this.tabClose();break;case`ArrowDown`:e.altKey?b(this):r===`searchbox`||r===`new-option`?y(this):_(t),e.preventDefault();break;case`ArrowUp`:if(e.altKey)y(this);else if(t.dataset.index===`0`&&this.includeSearch){let e=this.querySelector(`[role="searchbox"]`);e&&e.focus()}else if(t.dataset.index===`0`&&this.customUserInput){let e=this.querySelector(`[data-type="new-option"]`);e&&e.focus()}else v(t,this,this.includeSearch);e.preventDefault();break;case`Home`:y(this),e.preventDefault();break;case`End`:b(this),e.preventDefault();break;default:(e.metaKey||e.ctrlKey)&&e.key===`a`&&(this.selectAll(),e.preventDefault()),f(e.key)&&(this.handleTypeAhead(e.key),e.preventDefault());break}}focusFirstOrSelectedOption(){x(this,{disabled:this.disabled,allowUserInput:this.allowUserInput,customUserInput:this.customUserInput,includeSearch:this.includeSearch})}toggleOption(e){let t=e instanceof HTMLElement?e.dataset.disabled:e.disabled;if(this.disabled||t)return;let n=e instanceof HTMLElement?e.dataset.value:e.value;this.dispatchEvent(new CustomEvent(`option-toggle`,{detail:n,bubbles:!1}))}selectAll(){this.dispatchEvent(new CustomEvent(`select-all`,{bubbles:!1}))}closeOptions(){this.dispatchEvent(new CustomEvent(`close-options`,{bubbles:!1}))}tabClose(){this.dispatchEvent(new CustomEvent(`tab-close`,{bubbles:!1}))}filterOptions(){this._filteredOptions=s(this.options,this.searchValue)}handleTypeAhead(e){let t=this.typeahead.append(e),n=g(this),r=m(n,t);r>=0&&h(n[r])}};e.r([e.s({type:String})],S.prototype,`id`,void 0),e.r([e.s({type:String})],S.prototype,`label`,void 0),e.r([e.s({type:Array})],S.prototype,`options`,void 0),e.r([e.s({type:Boolean,reflect:!0,attribute:`is-open`})],S.prototype,`isOpen`,void 0),e.r([e.s({type:Boolean})],S.prototype,`disabled`,void 0),e.r([e.s({type:Boolean,attribute:`include-search`})],S.prototype,`includeSearch`,void 0),e.r([e.s({type:Boolean,attribute:`is-multi-select`})],S.prototype,`isMultiSelect`,void 0),e.r([e.s({type:Boolean,attribute:`allow-user-input`})],S.prototype,`allowUserInput`,void 0),e.r([e.s({type:Boolean,attribute:`max-is-reached`})],S.prototype,`maxIsReached`,void 0),e.r([e.s({type:String,attribute:`custom-user-input`})],S.prototype,`customUserInput`,void 0),e.r([e.s({type:String,attribute:`search-placeholder`})],S.prototype,`searchPlaceholder`,void 0),e.r([e.s({type:String,attribute:`search-value`})],S.prototype,`searchValue`,void 0),e.r([e.s({type:Number,attribute:`max-length`})],S.prototype,`maxLength`,void 0),e.r([e.s({type:String,attribute:`user-message`})],S.prototype,`userMessage`,void 0),e.r([e.o()],S.prototype,`_filteredOptions`,void 0);try{e.c(`pkt-listbox`)(S)}catch{console.warn(`Forsøker å definere <pkt-listbox>, men den er allerede definert`)}var C=S;Object.defineProperty(exports,`a`,{enumerable:!0,get:function(){return o}}),Object.defineProperty(exports,`c`,{enumerable:!0,get:function(){return l}}),Object.defineProperty(exports,`i`,{enumerable:!0,get:function(){return a}}),Object.defineProperty(exports,`n`,{enumerable:!0,get:function(){return S}}),Object.defineProperty(exports,`o`,{enumerable:!0,get:function(){return u}}),Object.defineProperty(exports,`r`,{enumerable:!0,get:function(){return c}}),Object.defineProperty(exports,`s`,{enumerable:!0,get:function(){return d}}),Object.defineProperty(exports,`t`,{enumerable:!0,get:function(){return C}});
+        `:e.d}handleSearchInput(e){this.searchValue=e.target.value,this.dispatchEvent(new CustomEvent(`search`,{detail:this.searchValue,bubbles:!1}))}handleSearchKeydown(e){switch(e.key){case`Enter`:e.preventDefault();break;case`ArrowUp`:case`Escape`:this.closeOptions(),e.preventDefault();break;case`ArrowDown`:this.focusFirstOrSelectedOption();break;case`Tab`:this.tabClose();break}}handleOptionKeydown(e){let t=e.currentTarget,n=t.dataset.value,r=t.dataset.type,i=t.dataset.selected===`true`;if(!(!g(this).length&&(!this.customUserInput||!this.allowUserInput&&this.customUserInput)&&r!==`new-option`&&r!==`searchbox`))switch(e.key){case` `:case`Enter`:this.toggleOption(t),e.preventDefault();break;case`Backspace`:n&&(i?this.toggleOption(t):this.closeOptions()),e.preventDefault();break;case`Escape`:this.closeOptions(),e.preventDefault();break;case`Tab`:this.tabClose();break;case`ArrowDown`:e.altKey?b(this):r===`searchbox`||r===`new-option`?y(this):_(t),e.preventDefault();break;case`ArrowUp`:if(e.altKey)y(this);else if(t.dataset.index===`0`&&this.includeSearch){let e=this.querySelector(`[role="searchbox"]`);e&&e.focus()}else if(t.dataset.index===`0`&&this.customUserInput){let e=this.querySelector(`[data-type="new-option"]`);e&&e.focus()}else v(t,this,this.includeSearch);e.preventDefault();break;case`Home`:y(this),e.preventDefault();break;case`End`:b(this),e.preventDefault();break;default:(e.metaKey||e.ctrlKey)&&e.key===`a`&&(this.selectAll(),e.preventDefault()),f(e.key)&&(this.handleTypeAhead(e.key),e.preventDefault());break}}focusFirstOrSelectedOption(){x(this,{disabled:this.disabled,allowUserInput:this.allowUserInput,customUserInput:this.customUserInput,includeSearch:this.includeSearch})}toggleOption(e){let t=e instanceof HTMLElement?e.dataset.disabled:e.disabled;if(this.disabled||t)return;let n=e instanceof HTMLElement?e.dataset.value:e.value;this.dispatchEvent(new CustomEvent(`option-toggle`,{detail:n,bubbles:!1}))}selectAll(){this.dispatchEvent(new CustomEvent(`select-all`,{bubbles:!1}))}closeOptions(){this.dispatchEvent(new CustomEvent(`close-options`,{bubbles:!1}))}tabClose(){this.dispatchEvent(new CustomEvent(`tab-close`,{bubbles:!1}))}filterOptions(){this._filteredOptions=s(this.options,this.searchValue)}handleTypeAhead(e){let t=this.typeahead.append(e),n=g(this),r=m(n,t);r>=0&&h(n[r])}};e.n([e.o({type:String})],S.prototype,`id`,void 0),e.n([e.o({type:String})],S.prototype,`label`,void 0),e.n([e.o({type:Array})],S.prototype,`options`,void 0),e.n([e.o({type:Boolean,reflect:!0,attribute:`is-open`})],S.prototype,`isOpen`,void 0),e.n([e.o({type:Boolean})],S.prototype,`disabled`,void 0),e.n([e.o({type:Boolean,attribute:`include-search`})],S.prototype,`includeSearch`,void 0),e.n([e.o({type:Boolean,attribute:`is-multi-select`})],S.prototype,`isMultiSelect`,void 0),e.n([e.o({type:Boolean,attribute:`allow-user-input`})],S.prototype,`allowUserInput`,void 0),e.n([e.o({type:Boolean,attribute:`max-is-reached`})],S.prototype,`maxIsReached`,void 0),e.n([e.o({type:String,attribute:`custom-user-input`})],S.prototype,`customUserInput`,void 0),e.n([e.o({type:String,attribute:`search-placeholder`})],S.prototype,`searchPlaceholder`,void 0),e.n([e.o({type:String,attribute:`search-value`})],S.prototype,`searchValue`,void 0),e.n([e.o({type:Number,attribute:`max-length`})],S.prototype,`maxLength`,void 0),e.n([e.o({type:String,attribute:`user-message`})],S.prototype,`userMessage`,void 0),e.n([e.a()],S.prototype,`_filteredOptions`,void 0);try{e.s(`pkt-listbox`)(S)}catch{console.warn(`Forsøker å definere <pkt-listbox>, men den er allerede definert`)}var C=S;Object.defineProperty(exports,`a`,{enumerable:!0,get:function(){return o}}),Object.defineProperty(exports,`c`,{enumerable:!0,get:function(){return l}}),Object.defineProperty(exports,`i`,{enumerable:!0,get:function(){return a}}),Object.defineProperty(exports,`n`,{enumerable:!0,get:function(){return S}}),Object.defineProperty(exports,`o`,{enumerable:!0,get:function(){return u}}),Object.defineProperty(exports,`r`,{enumerable:!0,get:function(){return c}}),Object.defineProperty(exports,`s`,{enumerable:!0,get:function(){return d}}),Object.defineProperty(exports,`t`,{enumerable:!0,get:function(){return C}});

package/dist/{loader-q_eO6zaE.cjs → loader-Uap9qDsV.cjs}

@@ -1,16 +1,16 @@
-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`),window.pktAnimationPath=window.pktAnimationPath||`https://punkt-cdn.oslo.kommune.no/latest/animations/`;var r=class extends n.t{constructor(...e){super(...e),this.delay=0,this.inline=!1,this.isLoading=!0,this.message=null,this.size=`medium`,this.variant=`shapes`,this.loadingAnimationPath=window.pktAnimationPath,this._shouldDisplayLoader=!1}connectedCallback(){super.connectedCallback(),this._shouldDisplayLoader=this.delay===0,this.delay>0&&this.setupLoader()}updated(e){e.has(`delay`)&&this.setupLoader()}render(){let r=t.t({"pkt-loader":!0,[`pkt-loader--${this.inline?`inline`:`box`}`]:!0,[`pkt-loader--${this.size}`]:!0}),i=t.t({"pkt-contents":!0,"pkt-hide":this.isLoading});return e.d`<div
+const e=require(`./element-CXAtr6Gu.cjs`),t=require(`./class-map-B8Ja0q7n.cjs`),n=require(`./element-with-slot-Cmxb9h4H.cjs`);require(`./icon-Dw6I0HDV.cjs`),window.pktAnimationPath=window.pktAnimationPath||`https://punkt-cdn.oslo.kommune.no/latest/animations/`;var r=class extends n.t{constructor(...e){super(...e),this.delay=0,this.inline=!1,this.isLoading=!0,this.message=null,this.size=`medium`,this.variant=`shapes`,this.loadingAnimationPath=window.pktAnimationPath,this._shouldDisplayLoader=!1}connectedCallback(){super.connectedCallback(),this._shouldDisplayLoader=this.delay===0,this.delay>0&&this.setupLoader()}updated(e){e.has(`delay`)&&this.setupLoader()}render(){let r=t.t({"pkt-loader":!0,[`pkt-loader--${this.inline?`inline`:`box`}`]:!0,[`pkt-loader--${this.size}`]:!0}),i=t.t({"pkt-contents":!0,"pkt-hide":this.isLoading});return e.p`<div
       role="status"
       aria-live="polite"
       aria-busy=${this.isLoading?`true`:`false`}
       class=${r}
     >
-      ${this.isLoading&&this._shouldDisplayLoader?e.d`<div class="pkt-loader__spinner">
+      ${this.isLoading&&this._shouldDisplayLoader?e.p`<div class="pkt-loader__spinner">
             <pkt-icon
               name=${this.getVariant(this.variant)}
               path=${this.loadingAnimationPath}
               class="pkt-loader__svg pkt-loader__${this.variant}"
             ></pkt-icon>
-            ${this.message&&e.d`<p>${this.message}</p>`}
-          </div>`:e.l}
+            ${this.message&&e.p`<p>${this.message}</p>`}
+          </div>`:e.d}
       <div class=${i}>${n.n(this)}</div>
-    </div>`}getVariant(e){switch(e){case`blue`:return`spinner-blue`;case`rainbow`:return`spinner`;default:return`loader`}}setupLoader(){this.delay>0&&(this._shouldDisplayLoader=!1,setTimeout(()=>{this._shouldDisplayLoader=!0,this.requestUpdate()},this.delay))}};e.r([e.s({type:Number})],r.prototype,`delay`,void 0),e.r([e.s({type:Boolean})],r.prototype,`inline`,void 0),e.r([e.s({type:Boolean})],r.prototype,`isLoading`,void 0),e.r([e.s({type:String})],r.prototype,`message`,void 0),e.r([e.s({type:String})],r.prototype,`size`,void 0),e.r([e.s({type:String})],r.prototype,`variant`,void 0),e.r([e.s({type:String})],r.prototype,`loadingAnimationPath`,void 0),e.r([e.o()],r.prototype,`_shouldDisplayLoader`,void 0);try{e.c(`pkt-loader`)(r)}catch{console.warn(`Forsøker å definere <pkt-loader>, men den er allerede definert`)}var i=r;Object.defineProperty(exports,`n`,{enumerable:!0,get:function(){return r}}),Object.defineProperty(exports,`t`,{enumerable:!0,get:function(){return i}});
+    </div>`}getVariant(e){switch(e){case`blue`:return`spinner-blue`;case`rainbow`:return`spinner`;default:return`loader`}}setupLoader(){this.delay>0&&(this._shouldDisplayLoader=!1,setTimeout(()=>{this._shouldDisplayLoader=!0,this.requestUpdate()},this.delay))}};e.n([e.o({type:Number})],r.prototype,`delay`,void 0),e.n([e.o({type:Boolean})],r.prototype,`inline`,void 0),e.n([e.o({type:Boolean})],r.prototype,`isLoading`,void 0),e.n([e.o({type:String})],r.prototype,`message`,void 0),e.n([e.o({type:String})],r.prototype,`size`,void 0),e.n([e.o({type:String})],r.prototype,`variant`,void 0),e.n([e.o({type:String})],r.prototype,`loadingAnimationPath`,void 0),e.n([e.a()],r.prototype,`_shouldDisplayLoader`,void 0);try{e.s(`pkt-loader`)(r)}catch{console.warn(`Forsøker å definere <pkt-loader>, men den er allerede definert`)}var i=r;Object.defineProperty(exports,`n`,{enumerable:!0,get:function(){return r}}),Object.defineProperty(exports,`t`,{enumerable:!0,get:function(){return i}});

package/dist/{loader-teN65oWo.js → loader-gKdQpOOQ.js}

@@ -1,7 +1,7 @@
-import { c as e, d as t, l as n, o as r, r as i, s as a } from "./element-cZ85T_aa.js";
-import { t as o } from "./class-map-C8HuhNzZ.js";
-import { n as s, t as c } from "./element-with-slot-4J2o3SeU.js";
-import "./icon-Co72KtgF.js";
+import { a as e, d as t, n, o as r, p as i, s as a } from "./element-CduG0XyF.js";
+import { t as o } from "./class-map-DH9hlJny.js";
+import { n as s, t as c } from "./element-with-slot-BVj9MXzi.js";
+import "./icon-LaKyBKON.js";
 //#region src/components/loader/loader.ts
 window.pktAnimationPath = window.pktAnimationPath || "https://punkt-cdn.oslo.kommune.no/latest/animations/";
 var l = class extends c {
@@ -19,25 +19,25 @@ var l = class extends c {
 			"pkt-loader": !0,
 			[`pkt-loader--${this.inline ? "inline" : "box"}`]: !0,
 			[`pkt-loader--${this.size}`]: !0
-		}), r = o({
+		}), n = o({
 			"pkt-contents": !0,
 			"pkt-hide": this.isLoading
 		});
-		return t`<div
+		return i`<div
       role="status"
       aria-live="polite"
       aria-busy=${this.isLoading ? "true" : "false"}
       class=${e}
     >
-      ${this.isLoading && this._shouldDisplayLoader ? t`<div class="pkt-loader__spinner">
+      ${this.isLoading && this._shouldDisplayLoader ? i`<div class="pkt-loader__spinner">
             <pkt-icon
               name=${this.getVariant(this.variant)}
               path=${this.loadingAnimationPath}
               class="pkt-loader__svg pkt-loader__${this.variant}"
             ></pkt-icon>
-            ${this.message && t`<p>${this.message}</p>`}
-          </div>` : n}
-      <div class=${r}>${s(this)}</div>
+            ${this.message && i`<p>${this.message}</p>`}
+          </div>` : t}
+      <div class=${n}>${s(this)}</div>
     </div>`;
 	}
 	getVariant(e) {
@@ -53,9 +53,9 @@ var l = class extends c {
 		}, this.delay));
 	}
 };
-i([a({ type: Number })], l.prototype, "delay", void 0), i([a({ type: Boolean })], l.prototype, "inline", void 0), i([a({ type: Boolean })], l.prototype, "isLoading", void 0), i([a({ type: String })], l.prototype, "message", void 0), i([a({ type: String })], l.prototype, "size", void 0), i([a({ type: String })], l.prototype, "variant", void 0), i([a({ type: String })], l.prototype, "loadingAnimationPath", void 0), i([r()], l.prototype, "_shouldDisplayLoader", void 0);
+n([r({ type: Number })], l.prototype, "delay", void 0), n([r({ type: Boolean })], l.prototype, "inline", void 0), n([r({ type: Boolean })], l.prototype, "isLoading", void 0), n([r({ type: String })], l.prototype, "message", void 0), n([r({ type: String })], l.prototype, "size", void 0), n([r({ type: String })], l.prototype, "variant", void 0), n([r({ type: String })], l.prototype, "loadingAnimationPath", void 0), n([e()], l.prototype, "_shouldDisplayLoader", void 0);
 try {
-	e("pkt-loader")(l);
+	a("pkt-loader")(l);
 } catch {
 	console.warn("Forsøker å definere <pkt-loader>, men den er allerede definert");
 }

package/dist/{messagebox-D1QeQqb8.cjs → messagebox-BqBxXK8c.cjs}

@@ -1,5 +1,5 @@
-const e=require(`./element-DjtxO-1r.cjs`),t=require(`./class-map-CJ-msbHs.cjs`),n=require(`./element-with-slot-CWoTGA1B.cjs`),r=require(`./classutils-z8YsPlOf.cjs`);require(`./icon-Dr8sfT2X.cjs`);var i={name:`pkt-messagebox`,react:`PktMessagebox`,"css-class":`pkt-messagebox`,isElement:!0,isPureReact:!0,events:{onClose:{description:`React: Event som trigges når meldingsboksen lukkes`},"on-close":{description:`Vue: Event som trigges når meldingsboksen lukkes`}},props:{title:{name:`Tittel`,description:`Tittelen på meldingsboksen`,type:`string`,category:`contents`},skin:{name:`Utseende`,description:`Velg farge på meldingsboksen`,type:[`beige`,`blue`,`red`,`green`],category:`ui`,default:`beige`},compact:{name:`Kompakt`,description:`Gjør meldingsboksen mindre`,type:`boolean`,category:`ui`,default:!1},closable:{name:`Kan lukkes`,description:`Viser lukkeknapp`,type:`boolean`,category:`ui`,default:!1}},slots:{default:{description:`Innholdet i meldingsboksen`}}},a=class extends n.t{constructor(){super(),this.closable=i.props.closable.default,this.compact=i.props.compact.default,this.title=``,this.skin=i.props.skin.default,this._isClosed=!1,this.close=e=>{this._isClosed=!0,this.dispatchEvent(new CustomEvent(`close`,{detail:{origin:e},bubbles:!0})),this.dispatchEvent(new CustomEvent(`on-close`,{detail:{origin:e},bubbles:!0}))},this._isClosed=!1}updated(e){super.updated(e),e.has(`_isClosed`)&&r.t(this,`pkt-hide`,this._isClosed)}render(){return e.d`<div class=${t.t({"pkt-messagebox":!0,"pkt-messagebox--compact":this.compact,[`pkt-messagebox--${this.skin}`]:this.skin,"pkt-messagebox--closable":this.closable,"pkt-hide":this._isClosed})}>
-      ${this.closable?e.d`<div class="pkt-messagebox__close">
+const e=require(`./element-CXAtr6Gu.cjs`),t=require(`./class-map-B8Ja0q7n.cjs`),n=require(`./element-with-slot-Cmxb9h4H.cjs`),r=require(`./classutils-CVTzKF0J.cjs`);require(`./icon-Dw6I0HDV.cjs`);var i={name:`pkt-messagebox`,react:`PktMessagebox`,"css-class":`pkt-messagebox`,isElement:!0,isPureReact:!0,events:{onClose:{description:`React: Event som trigges når meldingsboksen lukkes`},"on-close":{description:`Vue: Event som trigges når meldingsboksen lukkes`}},props:{title:{name:`Tittel`,description:`Tittelen på meldingsboksen`,type:`string`,category:`contents`},skin:{name:`Utseende`,description:`Velg farge på meldingsboksen`,type:[`beige`,`blue`,`red`,`green`],category:`ui`,default:`beige`},compact:{name:`Kompakt`,description:`Gjør meldingsboksen mindre`,type:`boolean`,category:`ui`,default:!1},closable:{name:`Kan lukkes`,description:`Viser lukkeknapp`,type:`boolean`,category:`ui`,default:!1}},slots:{default:{description:`Innholdet i meldingsboksen`}}},a=class extends n.t{constructor(){super(),this.closable=i.props.closable.default,this.compact=i.props.compact.default,this.title=``,this.skin=i.props.skin.default,this._isClosed=!1,this.close=e=>{this._isClosed=!0,this.dispatchEvent(new CustomEvent(`close`,{detail:{origin:e},bubbles:!0})),this.dispatchEvent(new CustomEvent(`on-close`,{detail:{origin:e},bubbles:!0}))},this._isClosed=!1}updated(e){super.updated(e),e.has(`_isClosed`)&&r.t(this,`pkt-hide`,this._isClosed)}render(){return e.p`<div class=${t.t({"pkt-messagebox":!0,"pkt-messagebox--compact":this.compact,[`pkt-messagebox--${this.skin}`]:this.skin,"pkt-messagebox--closable":this.closable,"pkt-hide":this._isClosed})}>
+      ${this.closable?e.p`<div class="pkt-messagebox__close">
             <button
               @click=${this.close}
               class="pkt-btn pkt-btn--tertiary pkt-btn--small pkt-btn--icon-only"
@@ -7,7 +7,7 @@ const e=require(`./element-DjtxO-1r.cjs`),t=require(`./class-map-CJ-msbHs.cjs`),
             >
               <pkt-icon name="close" class="pkt-link__icon"></pkt-icon>
             </button>
-          </div>`:e.l}
-      ${this.title?e.d`<div class="pkt-messagebox__title">${this.title}</div>`:e.l}
+          </div>`:e.d}
+      ${this.title?e.p`<div class="pkt-messagebox__title">${this.title}</div>`:e.d}
       <div class="pkt-messagebox__text">${n.n(this)}</div>
-    </div>`}};e.r([e.s({type:Boolean,reflect:!0})],a.prototype,`closable`,void 0),e.r([e.s({type:Boolean,reflect:!0})],a.prototype,`compact`,void 0),e.r([e.s({type:String,reflect:!0})],a.prototype,`title`,void 0),e.r([e.s({type:String,reflect:!0})],a.prototype,`skin`,void 0),e.r([e.o()],a.prototype,`_isClosed`,void 0);try{e.c(`pkt-messagebox`)(a)}catch{console.warn(`Forsøker å definere <pkt-messagebox>, men den er allerede definert`)}var o=a;Object.defineProperty(exports,`n`,{enumerable:!0,get:function(){return a}}),Object.defineProperty(exports,`t`,{enumerable:!0,get:function(){return o}});
+    </div>`}};e.n([e.o({type:Boolean,reflect:!0})],a.prototype,`closable`,void 0),e.n([e.o({type:Boolean,reflect:!0})],a.prototype,`compact`,void 0),e.n([e.o({type:String,reflect:!0})],a.prototype,`title`,void 0),e.n([e.o({type:String,reflect:!0})],a.prototype,`skin`,void 0),e.n([e.a()],a.prototype,`_isClosed`,void 0);try{e.s(`pkt-messagebox`)(a)}catch{console.warn(`Forsøker å definere <pkt-messagebox>, men den er allerede definert`)}var o=a;Object.defineProperty(exports,`n`,{enumerable:!0,get:function(){return a}}),Object.defineProperty(exports,`t`,{enumerable:!0,get:function(){return o}});

package/dist/{messagebox-Ct9lfe0Z.js → messagebox-XRFecqyS.js}

@@ -1,8 +1,8 @@
-import { c as e, d as t, l as n, o as r, r as i, s as a } from "./element-cZ85T_aa.js";
-import { t as o } from "./class-map-C8HuhNzZ.js";
-import { n as s, t as c } from "./element-with-slot-4J2o3SeU.js";
-import { t as l } from "./classutils-DEL164Ur.js";
-import "./icon-Co72KtgF.js";
+import { a as e, d as t, n, o as r, p as i, s as a } from "./element-CduG0XyF.js";
+import { t as o } from "./class-map-DH9hlJny.js";
+import { n as s, t as c } from "./element-with-slot-BVj9MXzi.js";
+import { t as l } from "./classutils-lVbGcvjN.js";
+import "./icon-LaKyBKON.js";
 var u = {
 	name: "pkt-messagebox",
 	react: "PktMessagebox",
@@ -64,14 +64,14 @@ var u = {
 		super.updated(e), e.has("_isClosed") && l(this, "pkt-hide", this._isClosed);
 	}
 	render() {
-		return t`<div class=${o({
+		return i`<div class=${o({
 			"pkt-messagebox": !0,
 			"pkt-messagebox--compact": this.compact,
 			[`pkt-messagebox--${this.skin}`]: this.skin,
 			"pkt-messagebox--closable": this.closable,
 			"pkt-hide": this._isClosed
 		})}>
-      ${this.closable ? t`<div class="pkt-messagebox__close">
+      ${this.closable ? i`<div class="pkt-messagebox__close">
             <button
               @click=${this.close}
               class="pkt-btn pkt-btn--tertiary pkt-btn--small pkt-btn--icon-only"
@@ -79,27 +79,27 @@ var u = {
             >
               <pkt-icon name="close" class="pkt-link__icon"></pkt-icon>
             </button>
-          </div>` : n}
-      ${this.title ? t`<div class="pkt-messagebox__title">${this.title}</div>` : n}
+          </div>` : t}
+      ${this.title ? i`<div class="pkt-messagebox__title">${this.title}</div>` : t}
       <div class="pkt-messagebox__text">${s(this)}</div>
     </div>`;
 	}
 };
-i([a({
+n([r({
 	type: Boolean,
 	reflect: !0
-})], d.prototype, "closable", void 0), i([a({
+})], d.prototype, "closable", void 0), n([r({
 	type: Boolean,
 	reflect: !0
-})], d.prototype, "compact", void 0), i([a({
+})], d.prototype, "compact", void 0), n([r({
 	type: String,
 	reflect: !0
-})], d.prototype, "title", void 0), i([a({
+})], d.prototype, "title", void 0), n([r({
 	type: String,
 	reflect: !0
-})], d.prototype, "skin", void 0), i([r()], d.prototype, "_isClosed", void 0);
+})], d.prototype, "skin", void 0), n([e()], d.prototype, "_isClosed", void 0);
 try {
-	e("pkt-messagebox")(d);
+	a("pkt-messagebox")(d);
 } catch {
 	console.warn("Forsøker å definere <pkt-messagebox>, men den er allerede definert");
 }