@oslokommune/punkt-elements 16.7.0 → 16.7.3

package/dist/pkt-breadcrumbs.js

@@ -1,79 +1,81 @@
-import { P as k, A as l, b as c, n as u, t as d } from "./element-CPpT3rFQ.js";
-import "./icon-BlKA8YuW.js";
-var m = Object.defineProperty, o = Object.getOwnPropertyDescriptor, p = (e, t, r, s) => {
-  for (var a = s > 1 ? void 0 : s ? o(t, r) : t, n = e.length - 1, i; n >= 0; n--)
-    (i = e[n]) && (a = (s ? i(t, r, a) : i(a)) || a);
-  return s && a && m(t, r, a), a;
+import { t as p, P as k, A as l, b as c, n as d } from "./element-CPpT3rFQ.js";
+import "./icon-CxQcIa5F.js";
+var u = Object.defineProperty, m = (s, r, e, a) => {
+  for (var t = void 0, n = s.length - 1, i; n >= 0; n--)
+    (i = s[n]) && (t = i(r, e, t) || t);
+  return t && u(r, e, t), t;
 };
-let b = class extends k {
+class b extends k {
   constructor() {
     super(...arguments), this.breadcrumbs = [];
   }
-  handleLinkClick(e, t, r) {
-    const s = new CustomEvent("navigate", {
-      detail: { item: t, index: r, originalEvent: e },
+  handleLinkClick(r, e, a) {
+    const t = new CustomEvent("navigate", {
+      detail: { item: e, index: a, originalEvent: r },
       bubbles: !0,
       composed: !0,
       cancelable: !0
     });
-    this.dispatchEvent(s) || e.preventDefault();
+    this.dispatchEvent(t) || r.preventDefault();
   }
   render() {
     if (!this.breadcrumbs || this.breadcrumbs.length === 0) return l;
-    const e = this.breadcrumbs[this.breadcrumbs.length - 2];
+    const r = this.breadcrumbs[this.breadcrumbs.length - 2];
     return c`
       <nav class="pkt-breadcrumbs" aria-label="brødsmulemeny">
         <ol class="pkt-breadcrumbs__list pkt-breadcrumbs--desktop">
           ${this.breadcrumbs.map(
-      (t, r) => r === this.breadcrumbs.length - 1 ? c`
+      (e, a) => a === this.breadcrumbs.length - 1 ? c`
                   <li class="pkt-breadcrumbs__item">
                     <span class="pkt-breadcrumbs__label" aria-current="true">
-                      <span class="pkt-breadcrumbs__text">${t.text}</span>
+                      <span class="pkt-breadcrumbs__text">${e.text}</span>
                     </span>
                   </li>
                 ` : c`
                   <li class="pkt-breadcrumbs__item">
                     <a
                       class="pkt-link pkt-link--icon-right pkt-breadcrumbs__label pkt-breadcrumbs__link"
-                      href=${t.href}
-                      @click=${(s) => this.handleLinkClick(s, t, r)}
+                      href=${e.href}
+                      @click=${(t) => this.handleLinkClick(t, e, a)}
                     >
                       <pkt-icon
                         class="pkt-icon pkt-breadcrumbs__icon pkt-link__icon"
                         name="chevron-thin-right"
                         aria-hidden="true"
                       ></pkt-icon>
-                      <span class="pkt-breadcrumbs__text">${t.text}</span>
+                      <span class="pkt-breadcrumbs__text">${e.text}</span>
                     </a>
                   </li>
                 `
     )}
         </ol>
 
-        ${e ? c`
+        ${r ? c`
               <a
                 class="pkt-link pkt-link--icon-left pkt-breadcrumbs--mobile"
-                href=${e.href}
-                @click=${(t) => this.handleLinkClick(t, e, this.breadcrumbs.length - 2)}
+                href=${r.href}
+                @click=${(e) => this.handleLinkClick(e, r, this.breadcrumbs.length - 2)}
               >
                 <pkt-icon
                   class="pkt-back-link__icon pkt-icon pkt-link__icon"
                   name="chevron-thin-left"
                   aria-hidden="true"
                 ></pkt-icon>
-                <span class="pkt-breadcrumbs__text">${e.text}</span>
+                <span class="pkt-breadcrumbs__text">${r.text}</span>
               </a>
             ` : l}
       </nav>
     `;
   }
-};
-p([
-  u({ type: Array })
-], b.prototype, "breadcrumbs", 2);
-b = p([
-  d("pkt-breadcrumbs")
-], b);
+}
+m([
+  d({ type: Array })
+], b.prototype, "breadcrumbs");
+try {
+  p("pkt-breadcrumbs")(b);
+} catch {
+  console.warn("Forsøker å definere <pkt-breadcrumbs>, men den er allerede definert");
+}
 export {
   b as PktBreadcrumbs
 };

package/dist/pkt-button.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const t=require("./button-DYv5Dg4M.cjs"),e=t.PktButton;Object.defineProperty(exports,"PktButton",{enumerable:!0,get:()=>t.PktButton});exports.default=e;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const t=require("./button-B_TXwNzt.cjs");exports.PktButton=t.PktButton;exports.default=t.PktButton;

package/dist/pkt-button.js

@@ -1,6 +1,5 @@
-import { P as t } from "./button-DEyvt1LI.js";
-const a = t;
+import { P as o } from "./button-BiY-wlKF.js";
 export {
-  t as PktButton,
-  a as default
+  o as PktButton,
+  o as default
 };

package/dist/pkt-calendar.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("./calendar-HIE9nxcc.cjs"),t=e.PktCalendar;Object.defineProperty(exports,"PktCalendar",{enumerable:!0,get:()=>e.PktCalendar});exports.default=t;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("./calendar-B2pji2zn.cjs");exports.PktCalendar=e.PktCalendar;exports.default=e.PktCalendar;

package/dist/pkt-calendar.js

@@ -1,6 +1,5 @@
-import { P as a } from "./calendar-S63oreVW.js";
-const r = a;
+import { P as r } from "./calendar-DhjQDC4C.js";
 export {
-  a as PktCalendar,
+  r as PktCalendar,
   r as default
 };

package/dist/pkt-card.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("./card-CyeH6l1c.cjs"),t=e.PktCard;Object.defineProperty(exports,"PktCard",{enumerable:!0,get:()=>e.PktCard});exports.default=t;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("./card-BwMNB5Bb.cjs");exports.PktCard=e.PktCard;exports.default=e.PktCard;

package/dist/pkt-card.js

@@ -1,6 +1,5 @@
-import { P as a } from "./card-DDiLfuO4.js";
-const r = a;
+import { P as r } from "./card-CGlmcMSR.js";
 export {
-  a as PktCard,
+  r as PktCard,
   r as default
 };

package/dist/pkt-checkbox.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("./checkbox-BLlwTABj.cjs"),t=e.PktCheckbox;Object.defineProperty(exports,"PktCheckbox",{enumerable:!0,get:()=>e.PktCheckbox});exports.default=t;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("./checkbox-CTY8f_qn.cjs");exports.PktCheckbox=e.PktCheckbox;exports.default=e.PktCheckbox;

package/dist/pkt-checkbox.js

@@ -1,6 +1,5 @@
-import { P as o } from "./checkbox-ejBUa5qQ.js";
-const k = o;
+import { P as t } from "./checkbox-BsJZYA26.js";
 export {
-  o as PktCheckbox,
-  k as default
+  t as PktCheckbox,
+  t as default
 };

package/dist/pkt-combobox.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("./combobox-Hb2V-fPX.cjs"),o=e.PktCombobox;Object.defineProperty(exports,"PktCombobox",{enumerable:!0,get:()=>e.PktCombobox});exports.default=o;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const o=require("./combobox-DbICIgKG.cjs");exports.PktCombobox=o.PktCombobox;exports.default=o.PktCombobox;

package/dist/pkt-combobox.js

@@ -1,6 +1,5 @@
-import { P as o } from "./combobox-BmxSecfE.js";
-const b = o;
+import { P as t } from "./combobox-DSB5WOxg.js";
 export {
-  o as PktCombobox,
-  b as default
+  t as PktCombobox,
+  t as default
 };

package/dist/pkt-consent.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("./consent-ruWAEVXW.cjs"),t=e.PktConsent;Object.defineProperty(exports,"PktConsent",{enumerable:!0,get:()=>e.PktConsent});exports.default=t;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("./consent-DkOQpbsg.cjs");exports.PktConsent=e.PktConsent;exports.default=e.PktConsent;

package/dist/pkt-consent.js

@@ -1,6 +1,5 @@
-import { P as t } from "./consent-iXyx5v6J.js";
-const o = t;
+import { P as o } from "./consent-SNWV_mMU.js";
 export {
-  t as PktConsent,
+  o as PktConsent,
   o as default
 };

package/dist/pkt-datepicker.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("./datepicker-D2H7U6MS.cjs"),t=e.PktDatepicker;Object.defineProperty(exports,"PktDatepicker",{enumerable:!0,get:()=>e.PktDatepicker});Object.defineProperty(exports,"PktDatepickerMultiple",{enumerable:!0,get:()=>e.PktDatepickerMultiple});Object.defineProperty(exports,"PktDatepickerRange",{enumerable:!0,get:()=>e.PktDatepickerRange});Object.defineProperty(exports,"PktDatepickerSingle",{enumerable:!0,get:()=>e.PktDatepickerSingle});exports.default=t;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("./datepicker-BEWl9iz3.cjs");exports.PktDatepicker=e.PktDatepicker;exports.PktDatepickerMultiple=e.PktDatepickerMultiple;exports.PktDatepickerRange=e.PktDatepickerRange;exports.PktDatepickerSingle=e.PktDatepickerSingle;exports.default=e.PktDatepicker;

package/dist/pkt-datepicker.js

@@ -1,10 +1,9 @@
-import { a as e } from "./datepicker-CZl7b8Na.js";
-import { b as p, c as i, d as c } from "./datepicker-CZl7b8Na.js";
-const a = e;
+import { a as t } from "./datepicker-euHyzXnb.js";
+import { b as k, c as p, d as i } from "./datepicker-euHyzXnb.js";
 export {
-  e as PktDatepicker,
-  p as PktDatepickerMultiple,
-  i as PktDatepickerRange,
-  c as PktDatepickerSingle,
-  a as default
+  t as PktDatepicker,
+  k as PktDatepickerMultiple,
+  p as PktDatepickerRange,
+  i as PktDatepickerSingle,
+  t as default
 };

package/dist/pkt-header.cjs

@@ -1,14 +1,14 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const v=require("./element-with-slot-ZX-up7jO.cjs"),t=require("./element-gR_VtSiD.cjs"),b=require("./if-defined-BOW3ODSj.cjs"),u=require("./booleanish-BKVonob4.cjs"),d=require("./state-Dg-53wQ8.cjs"),p=require("./class-map-CsENJXf1.cjs"),c=require("./ref-CL-Xk9Xm.cjs");require("./button-DYv5Dg4M.cjs");require("./icon-Bqj9oBbl.cjs");require("./link-R_lNhViF.cjs");require("./textinput-BNsLd26i.cjs");const m=o=>typeof o.target=="string"?{title:o.title,iconName:o.iconName,href:o.target}:{title:o.title,iconName:o.iconName,onClick:o.target},y=o=>m(o),g=o=>{if(!o)return;const e=typeof o=="string"?new Date(o):o;if(!isNaN(e.getTime()))return e.toLocaleDateString("nb-NO",{day:"numeric",month:"long",year:"numeric",hour:"2-digit",minute:"2-digit"})};var f=Object.defineProperty,$=Object.getOwnPropertyDescriptor,k=(o,e,s,n)=>{for(var r=n>1?void 0:n?$(e,s):e,l=o.length-1,h;l>=0;l--)(h=o[l])&&(r=(n?h(e,s,r):h(r))||r);return n&&r&&f(e,s,r),r};exports.PktHeaderUserMenu=class extends t.PktElement{constructor(){super(...arguments),this.canChangeRepresentation=!1,this.logoutOnClick=!1}handleChangeRepresentation(){this.dispatchEvent(new CustomEvent("change-representation",{bubbles:!0,composed:!0}))}handleLogout(){this.dispatchEvent(new CustomEvent("log-out",{bubbles:!0,composed:!0}))}handleMenuItemClick(e){"onClick"in e&&typeof e.onClick=="function"&&e.onClick()}renderLinkOrButton(e,s){const n="href"in e,r=p.e({"pkt-user-menu__link":!0,"pkt-link-button":!n,"pkt-link":!n,"pkt-link--icon-left":!n,[s||""]:!!s});return n?t.b`
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const m=require("./element-with-slot-ZX-up7jO.cjs"),t=require("./element-gR_VtSiD.cjs"),f=require("./if-defined-BOW3ODSj.cjs"),p=require("./booleanish-BKVonob4.cjs"),g=require("./state-Dg-53wQ8.cjs"),b=require("./class-map-CsENJXf1.cjs"),u=require("./ref-CL-Xk9Xm.cjs");require("./button-B_TXwNzt.cjs");require("./icon-q81vqPK_.cjs");require("./link-C0rl-86s.cjs");require("./textinput-em9y4yrL.cjs");const $=r=>typeof r.target=="string"?{title:r.title,iconName:r.iconName,href:r.target}:{title:r.title,iconName:r.iconName,onClick:r.target},M=r=>$(r),y=r=>{if(!r)return;const e=typeof r=="string"?new Date(r):r;if(!isNaN(e.getTime()))return e.toLocaleDateString("nb-NO",{day:"numeric",month:"long",year:"numeric",hour:"2-digit",minute:"2-digit"})};var _=Object.defineProperty,v=(r,e,n,s)=>{for(var o=void 0,c=r.length-1,d;c>=0;c--)(d=r[c])&&(o=d(e,n,o)||o);return o&&_(e,n,o),o};class k extends t.PktElement{constructor(){super(...arguments),this.canChangeRepresentation=!1,this.logoutOnClick=!1}handleChangeRepresentation(){this.dispatchEvent(new CustomEvent("change-representation",{bubbles:!0,composed:!0}))}handleLogout(){this.dispatchEvent(new CustomEvent("log-out",{bubbles:!0,composed:!0}))}handleMenuItemClick(e){"onClick"in e&&typeof e.onClick=="function"&&e.onClick()}renderLinkOrButton(e,n){const s="href"in e,o=b.e({"pkt-user-menu__link":!0,"pkt-link-button":!s,"pkt-link":!s,"pkt-link--icon-left":!s,[n||""]:!!n});return s?t.b`
         <pkt-link
           icon-name=${e.iconName||t.A}
           href=${e.href}
           aria-hidden="true"
-          class="pkt-user-menu__link ${s||""}"
+          class="pkt-user-menu__link ${n||""}"
         >
           ${e.title}
         </pkt-link>
       `:t.b`
-      <button class=${r} type="button" @click=${()=>this.handleMenuItemClick(e)}>
+      <button class=${o} type="button" @click=${()=>this.handleMenuItemClick(e)}>
         ${e.iconName?t.b`<pkt-icon
               name=${e.iconName}
               class="pkt-link__icon"
@@ -18,11 +18,11 @@
       </button>
     `}renderLinkSection(e){return t.b`
       <ul class="pkt-user-menu__sublist">
-        ${e.map(s=>t.b`
-            <li class="pkt-user-menu__subitem">${this.renderLinkOrButton(s)}</li>
+        ${e.map(n=>t.b`
+            <li class="pkt-user-menu__subitem">${this.renderLinkOrButton(n)}</li>
           `)}
       </ul>
-    `}render(){var s;const e=(s=this.userMenu)==null?void 0:s.map(y);return t.b`
+    `}render(){var n;const e=(n=this.userMenu)==null?void 0:n.map(M);return t.b`
       <nav class="pkt-user-menu" aria-label="Meny for innlogget bruker">
         <ul class="pkt-user-menu__list">
           <!-- User section -->
@@ -80,8 +80,8 @@
               `:t.A}
         </ul>
       </nav>
-    `}};k([t.n({type:Object})],exports.PktHeaderUserMenu.prototype,"user",2);k([t.n({type:String,attribute:"formatted-last-logged-in"})],exports.PktHeaderUserMenu.prototype,"formattedLastLoggedIn",2);k([t.n({type:Object})],exports.PktHeaderUserMenu.prototype,"representing",2);k([t.n({type:Array,attribute:"user-menu"})],exports.PktHeaderUserMenu.prototype,"userMenu",2);k([t.n({type:Boolean,attribute:"can-change-representation",converter:u.booleanishConverter})],exports.PktHeaderUserMenu.prototype,"canChangeRepresentation",2);k([t.n({type:Boolean,attribute:"logout-on-click",converter:u.booleanishConverter})],exports.PktHeaderUserMenu.prototype,"logoutOnClick",2);exports.PktHeaderUserMenu=k([t.t("pkt-header-user-menu")],exports.PktHeaderUserMenu);var S=Object.defineProperty,M=Object.getOwnPropertyDescriptor,i=(o,e,s,n)=>{for(var r=n>1?void 0:n?M(e,s):e,l=o.length-1,h;l>=0;l--)(h=o[l])&&(r=(n?h(e,s,r):h(r))||r);return n&&r&&S(e,s,r),r};const _="https://punkt-cdn.oslo.kommune.no/latest/logos/";exports.PktHeaderService=class extends v.PktElementWithSlot{constructor(){super(...arguments),this.searchPlaceholder="Søk",this.searchValue="",this.mobileBreakpoint=768,this.tabletBreakpoint=1280,this.openedMenu="none",this.logOutButtonPlacement="none",this.position="fixed",this.scrollBehavior="hide",this.slotMenuVariant="icon-only",this.slotMenuText="Meny",this.hideLogo=!1,this.compact=!1,this.showSearch=!1,this.canChangeRepresentation=!1,this.hasLogOut=!1,this.isMobile=!1,this.isTablet=!1,this.openMenu="none",this.isHidden=!1,this.componentWidth=typeof window<"u"?window.innerWidth:0,this.alignSlotRight=!1,this.alignSearchRight=!1,this.headerRef=c.e(),this.userContainerRef=c.e(),this.slotContainerRef=c.e(),this.searchContainerRef=c.e(),this.slotContentRef=c.e(),this.searchMenuRef=c.e(),this.lastScrollPosition=0,this.savedScrollY=0,this.lastFocusedElement=null,this.shouldRestoreFocus=!1,this.handleScroll=()=>{if(!this.shouldHideOnScroll)return;const e=window.pageYOffset||document.documentElement.scrollTop;e<0||Math.abs(e-this.lastScrollPosition)<60||(this.isHidden=e>this.lastScrollPosition,this.lastScrollPosition=e)},this.handleClickOutside=e=>{const s=e.target;this.user&&this.openMenu==="user"&&!s.closest(".pkt-header-service__user-container")&&(this.openMenu="none"),this.openMenu==="slot"&&!s.closest(".pkt-header-service__slot-container")&&(this.openMenu="none"),this.openMenu==="search"&&!s.closest(".pkt-header-service__search-container")&&!s.closest(".pkt-header-service__search-input")&&(this.openMenu="none")},this.handleFocusOut=(e,s)=>{const n=e.relatedTarget;let r;switch(s){case"user":r=this.userContainerRef;break;case"slot":r=this.slotContainerRef;break;case"search":r=this.searchContainerRef;break;default:return}const l=r.value;l&&(!n||!l.contains(n))&&(this.openMenu="none")},this.handleEscapeKey=e=>{e.key==="Escape"&&this.openMenu!=="none"&&(e.preventDefault(),this.shouldRestoreFocus=!0,this.openMenu="none")}}connectedCallback(){super.connectedCallback(),this.setupScrollListener()}disconnectedCallback(){var e;super.disconnectedCallback(),(e=this.resizeObserver)==null||e.disconnect(),window.removeEventListener("scroll",this.handleScroll),this.unlockScroll()}firstUpdated(){this.setupResizeObserver()}updated(e){if(super.updated(e),e.has("openedMenu")&&this.openedMenu!==this.openMenu&&(this.openMenu=this.openedMenu),(e.has("mobileBreakpoint")||e.has("tabletBreakpoint"))&&(this.updateIsMobile(),this.updateIsTablet()),e.has("openMenu")){const s=e.get("openMenu");this.openMenu!=="none"&&(s==="none"||s===void 0)?(document.addEventListener("mousedown",this.handleClickOutside),document.addEventListener("keydown",this.handleEscapeKey),(this.openMenu==="slot"||this.openMenu==="search")&&requestAnimationFrame(()=>{this.checkDropdownAlignment(this.openMenu)})):this.openMenu==="none"&&s!=="none"&&(document.removeEventListener("mousedown",this.handleClickOutside),document.removeEventListener("keydown",this.handleEscapeKey),this.restoreFocus())}(e.has("openMenu")||e.has("isMobile"))&&this.updateScrollLock()}setupResizeObserver(){const e=this.headerRef.value;e&&(this.componentWidth=e.offsetWidth,this.updateIsMobile(),this.updateIsTablet(),this.resizeObserver=new ResizeObserver(s=>{for(const n of s)n.borderBoxSize&&n.borderBoxSize.length>0?this.componentWidth=n.borderBoxSize[0].inlineSize:this.componentWidth=n.contentRect.width,this.updateIsMobile(),this.updateIsTablet()}),this.resizeObserver.observe(e))}updateIsMobile(){this.isMobile=this.componentWidth<this.mobileBreakpoint}updateIsTablet(){this.isTablet=this.componentWidth<this.tabletBreakpoint}updateScrollLock(){this.position==="fixed"&&this.isMobile&&this.openMenu!=="none"?this.lockScroll():this.unlockScroll()}lockScroll(){const e=document.body,s=document.documentElement;this.savedScrollY=window.scrollY||window.pageYOffset;const n=window.innerWidth-s.clientWidth;n>0&&(e.style.paddingRight=`${n}px`),e.style.position="fixed",e.style.top=`-${this.savedScrollY}px`,e.style.left="0",e.style.right="0",e.style.width="100%",e.style.overflow="hidden",s.classList.add("is-scroll-locked")}unlockScroll(){const e=document.body,s=document.documentElement;s.classList.contains("is-scroll-locked")&&(e.style.removeProperty("position"),e.style.removeProperty("top"),e.style.removeProperty("left"),e.style.removeProperty("right"),e.style.removeProperty("width"),e.style.removeProperty("overflow"),e.style.removeProperty("padding-right"),s.classList.remove("is-scroll-locked"),window.scrollTo({top:this.savedScrollY}))}setupScrollListener(){window.addEventListener("scroll",this.handleScroll)}restoreFocus(){this.shouldRestoreFocus&&this.lastFocusedElement&&document.contains(this.lastFocusedElement)&&this.lastFocusedElement.focus(),this.lastFocusedElement=null,this.shouldRestoreFocus=!1}checkDropdownAlignment(e){const s=e==="slot"?this.slotContainerRef:this.searchContainerRef,n=e==="slot"?this.slotContentRef:this.searchMenuRef;if(!s.value||!n.value||!this.isTablet||this.isMobile)return;const r=s.value.getBoundingClientRect(),l=n.value.offsetWidth,h=r.left+l>window.innerWidth;e==="slot"?this.alignSlotRight=h:this.alignSearchRight=h}handleMenuToggle(e){this.openMenu!=="none"?this.openMenu="none":(this.lastFocusedElement=document.activeElement,this.openMenu=e)}handleLogoClick(e){this.dispatchEvent(new CustomEvent("logo-click",{bubbles:!0,composed:!0,detail:{originalEvent:e}}))}handleServiceClick(e){this.dispatchEvent(new CustomEvent("service-click",{bubbles:!0,composed:!0,detail:{originalEvent:e}}))}handleLogout(){this.dispatchEvent(new CustomEvent("log-out",{bubbles:!0,composed:!0}))}handleSearch(e){this.dispatchEvent(new CustomEvent("search",{detail:{query:e},bubbles:!0,composed:!0}))}handleSearchChange(e){this.dispatchEvent(new CustomEvent("search-change",{detail:{query:e},bubbles:!0,composed:!0}))}handleSearchInputChange(e){const s=e.target.value;this.handleSearchChange(s)}handleSearchKeyDown(e){e.key==="Enter"&&this.handleSearch(e.target.value)}get formattedLastLoggedIn(){var e;return g((e=this.user)==null?void 0:e.lastLoggedIn)}get isFixed(){return this.position==="fixed"}get shouldHideOnScroll(){return this.scrollBehavior==="hide"}get showLogoutInHeader(){return this.hasLogOut&&(this.logOutButtonPlacement==="header"||this.logOutButtonPlacement==="both")}get showLogoutInUserMenu(){return this.hasLogOut&&(this.logOutButtonPlacement==="userMenu"||this.logOutButtonPlacement==="both")}renderLogo(){if(this.hideLogo)return t.A;const e=t.b`
-      <pkt-icon name="oslologo" aria-hidden="true" path=${_}></pkt-icon>
+    `}}v([t.n({type:Object})],k.prototype,"user");v([t.n({type:String,attribute:"formatted-last-logged-in"})],k.prototype,"formattedLastLoggedIn");v([t.n({type:Object})],k.prototype,"representing");v([t.n({type:Array,attribute:"user-menu"})],k.prototype,"userMenu");v([t.n({type:Boolean,attribute:"can-change-representation",converter:p.booleanishConverter})],k.prototype,"canChangeRepresentation");v([t.n({type:Boolean,attribute:"logout-on-click",converter:p.booleanishConverter})],k.prototype,"logoutOnClick");try{t.t("pkt-header-user-menu")(k)}catch{console.warn("Forsøker å definere <pkt-header-user-menu>, men den er allerede definert")}var S=Object.defineProperty,a=(r,e,n,s)=>{for(var o=void 0,c=r.length-1,d;c>=0;c--)(d=r[c])&&(o=d(e,n,o)||o);return o&&S(e,n,o),o};const C="https://punkt-cdn.oslo.kommune.no/latest/logos/";class i extends m.PktElementWithSlot{constructor(){super(...arguments),this.searchPlaceholder="Søk",this.searchValue="",this.mobileBreakpoint=768,this.tabletBreakpoint=1280,this.openedMenu="none",this.logOutButtonPlacement="none",this.position="fixed",this.scrollBehavior="hide",this.slotMenuVariant="icon-only",this.slotMenuText="Meny",this.hideLogo=!1,this.compact=!1,this.showSearch=!1,this.canChangeRepresentation=!1,this.hasLogOut=!1,this.isMobile=!1,this.isTablet=!1,this.openMenu="none",this.isHidden=!1,this.componentWidth=typeof window<"u"?window.innerWidth:0,this.alignSlotRight=!1,this.alignSearchRight=!1,this.headerRef=u.e(),this.userContainerRef=u.e(),this.slotContainerRef=u.e(),this.searchContainerRef=u.e(),this.slotContentRef=u.e(),this.searchMenuRef=u.e(),this.lastScrollPosition=0,this.savedScrollY=0,this.lastFocusedElement=null,this.shouldRestoreFocus=!1,this.handleScroll=()=>{if(!this.shouldHideOnScroll)return;const e=window.pageYOffset||document.documentElement.scrollTop;e<0||Math.abs(e-this.lastScrollPosition)<60||(this.isHidden=e>this.lastScrollPosition,this.lastScrollPosition=e)},this.handleClickOutside=e=>{const n=e.target;this.user&&this.openMenu==="user"&&!n.closest(".pkt-header-service__user-container")&&(this.openMenu="none"),this.openMenu==="slot"&&!n.closest(".pkt-header-service__slot-container")&&(this.openMenu="none"),this.openMenu==="search"&&!n.closest(".pkt-header-service__search-container")&&!n.closest(".pkt-header-service__search-input")&&(this.openMenu="none")},this.handleFocusOut=(e,n)=>{const s=e.relatedTarget;let o;switch(n){case"user":o=this.userContainerRef;break;case"slot":o=this.slotContainerRef;break;case"search":o=this.searchContainerRef;break;default:return}const c=o.value;c&&(!s||!c.contains(s))&&(this.openMenu="none")},this.handleEscapeKey=e=>{e.key==="Escape"&&this.openMenu!=="none"&&(e.preventDefault(),this.shouldRestoreFocus=!0,this.openMenu="none")}}connectedCallback(){super.connectedCallback(),this.setupScrollListener()}disconnectedCallback(){var e;super.disconnectedCallback(),(e=this.resizeObserver)==null||e.disconnect(),window.removeEventListener("scroll",this.handleScroll),this.unlockScroll()}firstUpdated(){this.setupResizeObserver()}updated(e){if(super.updated(e),e.has("openedMenu")&&this.openedMenu!==this.openMenu&&(this.openMenu=this.openedMenu),(e.has("mobileBreakpoint")||e.has("tabletBreakpoint"))&&(this.updateIsMobile(),this.updateIsTablet()),e.has("openMenu")){const n=e.get("openMenu");this.openMenu!=="none"&&(n==="none"||n===void 0)?(document.addEventListener("mousedown",this.handleClickOutside),document.addEventListener("keydown",this.handleEscapeKey),(this.openMenu==="slot"||this.openMenu==="search")&&requestAnimationFrame(()=>{this.checkDropdownAlignment(this.openMenu)})):this.openMenu==="none"&&n!=="none"&&(document.removeEventListener("mousedown",this.handleClickOutside),document.removeEventListener("keydown",this.handleEscapeKey),this.restoreFocus())}(e.has("openMenu")||e.has("isMobile"))&&this.updateScrollLock()}setupResizeObserver(){const e=this.headerRef.value;e&&(this.componentWidth=e.offsetWidth,this.updateIsMobile(),this.updateIsTablet(),this.resizeObserver=new ResizeObserver(n=>{for(const s of n)s.borderBoxSize&&s.borderBoxSize.length>0?this.componentWidth=s.borderBoxSize[0].inlineSize:this.componentWidth=s.contentRect.width,this.updateIsMobile(),this.updateIsTablet()}),this.resizeObserver.observe(e))}updateIsMobile(){this.isMobile=this.componentWidth<this.mobileBreakpoint}updateIsTablet(){this.isTablet=this.componentWidth<this.tabletBreakpoint}updateScrollLock(){this.position==="fixed"&&this.isMobile&&this.openMenu!=="none"?this.lockScroll():this.unlockScroll()}lockScroll(){const e=document.body,n=document.documentElement;this.savedScrollY=window.scrollY||window.pageYOffset;const s=window.innerWidth-n.clientWidth;s>0&&(e.style.paddingRight=`${s}px`),e.style.position="fixed",e.style.top=`-${this.savedScrollY}px`,e.style.left="0",e.style.right="0",e.style.width="100%",e.style.overflow="hidden",n.classList.add("is-scroll-locked")}unlockScroll(){const e=document.body,n=document.documentElement;n.classList.contains("is-scroll-locked")&&(e.style.removeProperty("position"),e.style.removeProperty("top"),e.style.removeProperty("left"),e.style.removeProperty("right"),e.style.removeProperty("width"),e.style.removeProperty("overflow"),e.style.removeProperty("padding-right"),n.classList.remove("is-scroll-locked"),window.scrollTo({top:this.savedScrollY}))}setupScrollListener(){window.addEventListener("scroll",this.handleScroll)}restoreFocus(){this.shouldRestoreFocus&&this.lastFocusedElement&&document.contains(this.lastFocusedElement)&&this.lastFocusedElement.focus(),this.lastFocusedElement=null,this.shouldRestoreFocus=!1}checkDropdownAlignment(e){const n=e==="slot"?this.slotContainerRef:this.searchContainerRef,s=e==="slot"?this.slotContentRef:this.searchMenuRef;if(!n.value||!s.value||!this.isTablet||this.isMobile)return;const o=n.value.getBoundingClientRect(),c=s.value.offsetWidth,d=o.left+c>window.innerWidth;e==="slot"?this.alignSlotRight=d:this.alignSearchRight=d}handleMenuToggle(e){this.openMenu!=="none"?this.openMenu="none":(this.lastFocusedElement=document.activeElement,this.openMenu=e)}handleLogoClick(e){this.dispatchEvent(new CustomEvent("logo-click",{bubbles:!0,composed:!0,detail:{originalEvent:e}}))}handleServiceClick(e){this.dispatchEvent(new CustomEvent("service-click",{bubbles:!0,composed:!0,detail:{originalEvent:e}}))}handleLogout(){this.dispatchEvent(new CustomEvent("log-out",{bubbles:!0,composed:!0}))}handleSearch(e){this.dispatchEvent(new CustomEvent("search",{detail:{query:e},bubbles:!0,composed:!0}))}handleSearchChange(e){this.dispatchEvent(new CustomEvent("search-change",{detail:{query:e},bubbles:!0,composed:!0}))}handleSearchInputChange(e){const n=e.target.value;this.handleSearchChange(n)}handleSearchKeyDown(e){e.key==="Enter"&&this.handleSearch(e.target.value)}get formattedLastLoggedIn(){var e;return y((e=this.user)==null?void 0:e.lastLoggedIn)}get isFixed(){return this.position==="fixed"}get shouldHideOnScroll(){return this.scrollBehavior==="hide"}get showLogoutInHeader(){return this.hasLogOut&&(this.logOutButtonPlacement==="header"||this.logOutButtonPlacement==="both")}get showLogoutInUserMenu(){return this.hasLogOut&&(this.logOutButtonPlacement==="userMenu"||this.logOutButtonPlacement==="both")}renderLogo(){if(this.hideLogo)return t.A;const e=t.b`
+      <pkt-icon name="oslologo" aria-hidden="true" path=${C}></pkt-icon>
     `;return this.logoLink&&typeof this.logoLink=="string"?t.b`
         <span class="pkt-header-service__logo">
           <a href=${this.logoLink} aria-label="Tilbake til forside" @click=${this.handleLogoClick}>
@@ -123,11 +123,11 @@
       <span class="pkt-header-service__service-name" @click=${this.handleServiceClick}>
         <span class="pkt-header-service__service-link">${this.serviceName}</span>
       </span>
-    `:t.A}renderSlotContainer(){if(!this.hasSlotContent())return t.A;const e=p.e({"pkt-header-service__slot-container":!0,"is-open":this.openMenu==="slot"}),s=p.e({"pkt-header-service__slot-content":!0,"align-right":this.alignSlotRight});return t.b`
+    `:t.A}renderSlotContainer(){if(!this.hasSlotContent())return t.A;const e=b.e({"pkt-header-service__slot-container":!0,"is-open":this.openMenu==="slot"}),n=b.e({"pkt-header-service__slot-content":!0,"align-right":this.alignSlotRight});return t.b`
       <div
         class=${e}
-        @focusout=${n=>this.handleFocusOut(n,"slot")}
-        ${c.n(this.slotContainerRef)}
+        @focusout=${s=>this.handleFocusOut(s,"slot")}
+        ${u.n(this.slotContainerRef)}
       >
         ${this.isTablet&&this.hasSlotContent()?t.b`
               <pkt-button
@@ -145,20 +145,20 @@
               </pkt-button>
             `:t.A}
         <div
-          class=${s}
+          class=${n}
           id="mobile-slot-menu"
           role=${this.isTablet?"menu":t.A}
           aria-label=${this.isTablet?"Meny":t.A}
-          ${c.n(this.slotContentRef)}
+          ${u.n(this.slotContentRef)}
         >
-          ${v.slotContent(this)}
+          ${m.slotContent(this)}
         </div>
       </div>
-    `}renderSearch(){if(!this.showSearch)return t.A;if(this.isTablet){const e=p.e({"pkt-header-service__search-container":!0,"is-open":this.openMenu==="search"}),s=p.e({"pkt-header-service__mobile-menu":!0,"is-open":this.openMenu==="search","align-right":this.alignSearchRight});return t.b`
+    `}renderSearch(){if(!this.showSearch)return t.A;if(this.isTablet){const e=b.e({"pkt-header-service__search-container":!0,"is-open":this.openMenu==="search"}),n=b.e({"pkt-header-service__mobile-menu":!0,"is-open":this.openMenu==="search","align-right":this.alignSearchRight});return t.b`
         <div
           class=${e}
-          @focusout=${n=>this.handleFocusOut(n,"search")}
-          ${c.n(this.searchContainerRef)}
+          @focusout=${s=>this.handleFocusOut(s,"search")}
+          ${u.n(this.searchContainerRef)}
         >
           <pkt-button
             skin="secondary"
@@ -173,7 +173,7 @@
           >
             Søk
           </pkt-button>
-          <div class=${s} ${c.n(this.searchMenuRef)}>
+          <div class=${n} ${u.n(this.searchMenuRef)}>
             ${this.openMenu==="search"?t.b`
                   <pkt-textinput
                     id="mobile-search-menu"
@@ -186,7 +186,7 @@
                     autofocus
                     fullwidth
                     @input=${this.handleSearchInputChange}
-                    @keydown=${n=>{n.key==="Enter"&&this.handleSearch(n.target.value)}}
+                    @keydown=${s=>{s.key==="Enter"&&this.handleSearch(s.target.value)}}
                   ></pkt-textinput>
                 `:t.A}
           </div>
@@ -203,14 +203,14 @@
         @input=${this.handleSearchInputChange}
         @keydown=${this.handleSearchKeyDown}
       ></pkt-textinput>
-    `}renderUserButton(){var s;if(!this.user)return t.A;const e=p.e({"pkt-header-service__user-menu":this.isMobile===!1,"pkt-header-service__mobile-menu":this.isMobile===!0,"is-open":this.openMenu==="user"});return t.b`
+    `}renderUserButton(){var n;if(!this.user)return t.A;const e=b.e({"pkt-header-service__user-menu":this.isMobile===!1,"pkt-header-service__mobile-menu":this.isMobile===!0,"is-open":this.openMenu==="user"});return t.b`
       <div
         class="pkt-header-service__user-container"
-        @focusout=${n=>this.handleFocusOut(n,"user")}
-        ${c.n(this.userContainerRef)}
+        @focusout=${s=>this.handleFocusOut(s,"user")}
+        ${u.n(this.userContainerRef)}
       >
         <pkt-button
-          class=${p.e({"pkt-header-service__user-button":!0,"pkt-header-service__user-button--mobile":this.isMobile})}
+          class=${b.e({"pkt-header-service__user-button":!0,"pkt-header-service__user-button--mobile":this.isMobile})}
           skin="secondary"
           size=${this.isMobile?"small":"medium"}
           state=${this.openMenu==="user"?"active":"normal"}
@@ -220,7 +220,7 @@
           @click=${()=>this.handleMenuToggle("user")}
         >
           <span class="pkt-sr-only">Brukermeny: </span>
-          <span>${((s=this.representing)==null?void 0:s.name)||this.user.name}</span>
+          <span>${((n=this.representing)==null?void 0:n.name)||this.user.name}</span>
         </pkt-button>
         ${this.openMenu==="user"&&this.user?t.b`
               <div class=${e}>
@@ -237,9 +237,9 @@
               </div>
             `:t.A}
       </div>
-    `}renderHeader(){const e=p.e({"pkt-header-service":!0,"pkt-header-service--compact":this.compact,"pkt-header-service--mobile":this.isMobile,"pkt-header-service--tablet":this.isTablet,"pkt-header-service--fixed":this.isFixed,"pkt-header-service--scroll-to-hide":this.shouldHideOnScroll,"pkt-header-service--hidden":this.isHidden}),s=p.e({"pkt-header-service__logo-area":!0,"pkt-header-service__logo-area--without-service":!this.serviceName});return t.b`
-      <header class=${e} ${c.n(this.headerRef)}>
-        <div class=${s}>${this.renderLogo()} ${this.renderServiceName()}</div>
+    `}renderHeader(){const e=b.e({"pkt-header-service":!0,"pkt-header-service--compact":this.compact,"pkt-header-service--mobile":this.isMobile,"pkt-header-service--tablet":this.isTablet,"pkt-header-service--fixed":this.isFixed,"pkt-header-service--scroll-to-hide":this.shouldHideOnScroll,"pkt-header-service--hidden":this.isHidden}),n=b.e({"pkt-header-service__logo-area":!0,"pkt-header-service__logo-area--without-service":!this.serviceName});return t.b`
+      <header class=${e} ${u.n(this.headerRef)}>
+        <div class=${n}>${this.renderLogo()} ${this.renderServiceName()}</div>
 
         ${this.hasSlotContent()||this.showSearch||this.showLogoutInHeader?t.b`<div class="pkt-header-service__content">
               ${this.renderSlotContainer()} ${this.renderSearch()}
@@ -270,16 +270,16 @@
                   `:t.A}
             </div>`:t.A}
       </header>
-    `}render(){const e=this.renderHeader();if(this.isFixed){const s=p.e({"pkt-header-service-spacer":!0,"pkt-header-service-spacer--compact":this.compact,"pkt-header-service-spacer--has-user":!!this.user,"pkt-header-service-spacer--mobile":this.isMobile});return t.b`
+    `}render(){const e=this.renderHeader();if(this.isFixed){const n=b.e({"pkt-header-service-spacer":!0,"pkt-header-service-spacer--compact":this.compact,"pkt-header-service-spacer--has-user":!!this.user,"pkt-header-service-spacer--mobile":this.isMobile});return t.b`
         <div class="pkt-header-service-wrapper">
           ${e}
-          <div class=${s}></div>
+          <div class=${n}></div>
         </div>
-      `}return e}};i([t.n({type:String,attribute:"service-name"})],exports.PktHeaderService.prototype,"serviceName",2);i([t.n({type:String,attribute:"service-link"})],exports.PktHeaderService.prototype,"serviceLink",2);i([t.n({type:String,attribute:"logo-link"})],exports.PktHeaderService.prototype,"logoLink",2);i([t.n({type:String,attribute:"search-placeholder"})],exports.PktHeaderService.prototype,"searchPlaceholder",2);i([t.n({type:String,attribute:"search-value"})],exports.PktHeaderService.prototype,"searchValue",2);i([t.n({type:Number,attribute:"mobile-breakpoint"})],exports.PktHeaderService.prototype,"mobileBreakpoint",2);i([t.n({type:Number,attribute:"tablet-breakpoint"})],exports.PktHeaderService.prototype,"tabletBreakpoint",2);i([t.n({type:String,attribute:"opened-menu"})],exports.PktHeaderService.prototype,"openedMenu",2);i([t.n({type:String,attribute:"log-out-button-placement"})],exports.PktHeaderService.prototype,"logOutButtonPlacement",2);i([t.n({type:String})],exports.PktHeaderService.prototype,"position",2);i([t.n({type:String,attribute:"scroll-behavior"})],exports.PktHeaderService.prototype,"scrollBehavior",2);i([t.n({type:String,attribute:"slot-menu-variant"})],exports.PktHeaderService.prototype,"slotMenuVariant",2);i([t.n({type:String,attribute:"slot-menu-text"})],exports.PktHeaderService.prototype,"slotMenuText",2);i([t.n({type:Boolean,attribute:"hide-logo",converter:u.booleanishConverter})],exports.PktHeaderService.prototype,"hideLogo",2);i([t.n({type:Boolean,converter:u.booleanishConverter})],exports.PktHeaderService.prototype,"compact",2);i([t.n({type:Boolean,attribute:"show-search",converter:u.booleanishConverter})],exports.PktHeaderService.prototype,"showSearch",2);i([t.n({type:Boolean,attribute:"can-change-representation",converter:u.booleanishConverter})],exports.PktHeaderService.prototype,"canChangeRepresentation",2);i([t.n({type:Boolean,attribute:"has-log-out",converter:u.booleanishConverter})],exports.PktHeaderService.prototype,"hasLogOut",2);i([t.n({type:Object})],exports.PktHeaderService.prototype,"user",2);i([t.n({type:Array,attribute:"user-menu"})],exports.PktHeaderService.prototype,"userMenu",2);i([t.n({type:Object})],exports.PktHeaderService.prototype,"representing",2);i([d.r()],exports.PktHeaderService.prototype,"isMobile",2);i([d.r()],exports.PktHeaderService.prototype,"isTablet",2);i([d.r()],exports.PktHeaderService.prototype,"openMenu",2);i([d.r()],exports.PktHeaderService.prototype,"isHidden",2);i([d.r()],exports.PktHeaderService.prototype,"componentWidth",2);i([d.r()],exports.PktHeaderService.prototype,"alignSlotRight",2);i([d.r()],exports.PktHeaderService.prototype,"alignSearchRight",2);exports.PktHeaderService=i([t.t("pkt-header-service")],exports.PktHeaderService);var P=Object.defineProperty,C=Object.getOwnPropertyDescriptor,a=(o,e,s,n)=>{for(var r=n>1?void 0:n?C(e,s):e,l=o.length-1,h;l>=0;l--)(h=o[l])&&(r=(n?h(e,s,r):h(r))||r);return n&&r&&P(e,s,r),r};exports.PktHeader=class extends v.PktElementWithSlot{constructor(){super(...arguments),this.searchPlaceholder="Søk",this.searchValue="",this.mobileBreakpoint=768,this.tabletBreakpoint=1280,this.openedMenu="none",this.logOutButtonPlacement="none",this.position="fixed",this.scrollBehavior="hide",this.slotMenuVariant="icon-only",this.slotMenuText="Meny",this.hideLogo=!1,this.compact=!1,this.showSearch=!1,this.canChangeRepresentation=!1,this.hasLogOut=!1}firstUpdated(e){super.firstUpdated(e),this.emitDeprecationWarnings()}emitDeprecationWarnings(){this.userMenuFooter!==void 0&&console.warn("[PktHeader] userMenuFooter is deprecated. Use userMenu instead."),this.userOptions!==void 0&&console.warn("[PktHeader] userOptions is deprecated. Use userMenu instead.")}get effectiveUserMenu(){const e=this.userMenu||[],s=this.userMenuFooter||[],n=this.userOptions||[];return s.length||n.length?[...e,...n,...s]:this.userMenu}render(){return t.b`
+      `}return e}}a([t.n({type:String,attribute:"service-name"})],i.prototype,"serviceName");a([t.n({type:String,attribute:"service-link"})],i.prototype,"serviceLink");a([t.n({type:String,attribute:"logo-link"})],i.prototype,"logoLink");a([t.n({type:String,attribute:"search-placeholder"})],i.prototype,"searchPlaceholder");a([t.n({type:String,attribute:"search-value"})],i.prototype,"searchValue");a([t.n({type:Number,attribute:"mobile-breakpoint"})],i.prototype,"mobileBreakpoint");a([t.n({type:Number,attribute:"tablet-breakpoint"})],i.prototype,"tabletBreakpoint");a([t.n({type:String,attribute:"opened-menu"})],i.prototype,"openedMenu");a([t.n({type:String,attribute:"log-out-button-placement"})],i.prototype,"logOutButtonPlacement");a([t.n({type:String})],i.prototype,"position");a([t.n({type:String,attribute:"scroll-behavior"})],i.prototype,"scrollBehavior");a([t.n({type:String,attribute:"slot-menu-variant"})],i.prototype,"slotMenuVariant");a([t.n({type:String,attribute:"slot-menu-text"})],i.prototype,"slotMenuText");a([t.n({type:Boolean,attribute:"hide-logo",converter:p.booleanishConverter})],i.prototype,"hideLogo");a([t.n({type:Boolean,converter:p.booleanishConverter})],i.prototype,"compact");a([t.n({type:Boolean,attribute:"show-search",converter:p.booleanishConverter})],i.prototype,"showSearch");a([t.n({type:Boolean,attribute:"can-change-representation",converter:p.booleanishConverter})],i.prototype,"canChangeRepresentation");a([t.n({type:Boolean,attribute:"has-log-out",converter:p.booleanishConverter})],i.prototype,"hasLogOut");a([t.n({type:Object})],i.prototype,"user");a([t.n({type:Array,attribute:"user-menu"})],i.prototype,"userMenu");a([t.n({type:Object})],i.prototype,"representing");a([g.r()],i.prototype,"isMobile");a([g.r()],i.prototype,"isTablet");a([g.r()],i.prototype,"openMenu");a([g.r()],i.prototype,"isHidden");a([g.r()],i.prototype,"componentWidth");a([g.r()],i.prototype,"alignSlotRight");a([g.r()],i.prototype,"alignSearchRight");try{t.t("pkt-header-service")(i)}catch{console.warn("Forsøker å definere <pkt-header-service>, men den er allerede definert")}var L=Object.defineProperty,h=(r,e,n,s)=>{for(var o=void 0,c=r.length-1,d;c>=0;c--)(d=r[c])&&(o=d(e,n,o)||o);return o&&L(e,n,o),o};class l extends m.PktElementWithSlot{constructor(){super(...arguments),this.searchPlaceholder="Søk",this.searchValue="",this.mobileBreakpoint=768,this.tabletBreakpoint=1280,this.openedMenu="none",this.logOutButtonPlacement="none",this.position="fixed",this.scrollBehavior="hide",this.slotMenuVariant="icon-only",this.slotMenuText="Meny",this.hideLogo=!1,this.compact=!1,this.showSearch=!1,this.canChangeRepresentation=!1,this.hasLogOut=!1}firstUpdated(e){super.firstUpdated(e),this.emitDeprecationWarnings()}emitDeprecationWarnings(){this.userMenuFooter!==void 0&&console.warn("[PktHeader] userMenuFooter is deprecated. Use userMenu instead."),this.userOptions!==void 0&&console.warn("[PktHeader] userOptions is deprecated. Use userMenu instead.")}get effectiveUserMenu(){const e=this.userMenu||[],n=this.userMenuFooter||[],s=this.userOptions||[];return n.length||s.length?[...e,...s,...n]:this.userMenu}render(){return t.b`
       <pkt-header-service
-        service-name=${b.o(this.serviceName)}
-        service-link=${b.o(this.serviceLink)}
-        logo-link=${b.o(this.logoLink)}
+        service-name=${f.o(this.serviceName)}
+        service-link=${f.o(this.serviceLink)}
+        logo-link=${f.o(this.logoLink)}
         search-placeholder=${this.searchPlaceholder}
         search-value=${this.searchValue}
         mobile-breakpoint=${this.mobileBreakpoint}
@@ -299,6 +299,6 @@
         .userMenu=${this.effectiveUserMenu}
         .representing=${this.representing}
       >
-        ${this.hasSlotContent()?t.b`<div class="pkt-contents">${v.slotContent(this)}</div>`:t.A}
+        ${this.hasSlotContent()?t.b`<div class="pkt-contents">${m.slotContent(this)}</div>`:t.A}
       </pkt-header-service>
-    `}};a([t.n({type:String,attribute:"service-name"})],exports.PktHeader.prototype,"serviceName",2);a([t.n({type:String,attribute:"service-link"})],exports.PktHeader.prototype,"serviceLink",2);a([t.n({type:String,attribute:"logo-link"})],exports.PktHeader.prototype,"logoLink",2);a([t.n({type:String,attribute:"search-placeholder"})],exports.PktHeader.prototype,"searchPlaceholder",2);a([t.n({type:String,attribute:"search-value"})],exports.PktHeader.prototype,"searchValue",2);a([t.n({type:Number,attribute:"mobile-breakpoint"})],exports.PktHeader.prototype,"mobileBreakpoint",2);a([t.n({type:Number,attribute:"tablet-breakpoint"})],exports.PktHeader.prototype,"tabletBreakpoint",2);a([t.n({type:String,attribute:"opened-menu"})],exports.PktHeader.prototype,"openedMenu",2);a([t.n({type:String,attribute:"log-out-button-placement"})],exports.PktHeader.prototype,"logOutButtonPlacement",2);a([t.n({type:String})],exports.PktHeader.prototype,"position",2);a([t.n({type:String,attribute:"scroll-behavior"})],exports.PktHeader.prototype,"scrollBehavior",2);a([t.n({type:String,attribute:"slot-menu-variant"})],exports.PktHeader.prototype,"slotMenuVariant",2);a([t.n({type:String,attribute:"slot-menu-text"})],exports.PktHeader.prototype,"slotMenuText",2);a([t.n({type:Boolean,attribute:"hide-logo",converter:u.booleanishConverter})],exports.PktHeader.prototype,"hideLogo",2);a([t.n({type:Boolean,converter:u.booleanishConverter})],exports.PktHeader.prototype,"compact",2);a([t.n({type:Boolean,attribute:"show-search",converter:u.booleanishConverter})],exports.PktHeader.prototype,"showSearch",2);a([t.n({type:Boolean,attribute:"can-change-representation",converter:u.booleanishConverter})],exports.PktHeader.prototype,"canChangeRepresentation",2);a([t.n({type:Boolean,attribute:"has-log-out",converter:u.booleanishConverter})],exports.PktHeader.prototype,"hasLogOut",2);a([t.n({type:Object})],exports.PktHeader.prototype,"user",2);a([t.n({type:Array,attribute:"user-menu"})],exports.PktHeader.prototype,"userMenu",2);a([t.n({type:Object})],exports.PktHeader.prototype,"representing",2);a([t.n({type:Array,attribute:"user-menu-footer"})],exports.PktHeader.prototype,"userMenuFooter",2);a([t.n({type:Array,attribute:"user-options"})],exports.PktHeader.prototype,"userOptions",2);exports.PktHeader=a([t.t("pkt-header")],exports.PktHeader);exports.formatLastLoggedIn=g;
+    `}}h([t.n({type:String,attribute:"service-name"})],l.prototype,"serviceName");h([t.n({type:String,attribute:"service-link"})],l.prototype,"serviceLink");h([t.n({type:String,attribute:"logo-link"})],l.prototype,"logoLink");h([t.n({type:String,attribute:"search-placeholder"})],l.prototype,"searchPlaceholder");h([t.n({type:String,attribute:"search-value"})],l.prototype,"searchValue");h([t.n({type:Number,attribute:"mobile-breakpoint"})],l.prototype,"mobileBreakpoint");h([t.n({type:Number,attribute:"tablet-breakpoint"})],l.prototype,"tabletBreakpoint");h([t.n({type:String,attribute:"opened-menu"})],l.prototype,"openedMenu");h([t.n({type:String,attribute:"log-out-button-placement"})],l.prototype,"logOutButtonPlacement");h([t.n({type:String})],l.prototype,"position");h([t.n({type:String,attribute:"scroll-behavior"})],l.prototype,"scrollBehavior");h([t.n({type:String,attribute:"slot-menu-variant"})],l.prototype,"slotMenuVariant");h([t.n({type:String,attribute:"slot-menu-text"})],l.prototype,"slotMenuText");h([t.n({type:Boolean,attribute:"hide-logo",converter:p.booleanishConverter})],l.prototype,"hideLogo");h([t.n({type:Boolean,converter:p.booleanishConverter})],l.prototype,"compact");h([t.n({type:Boolean,attribute:"show-search",converter:p.booleanishConverter})],l.prototype,"showSearch");h([t.n({type:Boolean,attribute:"can-change-representation",converter:p.booleanishConverter})],l.prototype,"canChangeRepresentation");h([t.n({type:Boolean,attribute:"has-log-out",converter:p.booleanishConverter})],l.prototype,"hasLogOut");h([t.n({type:Object})],l.prototype,"user");h([t.n({type:Array,attribute:"user-menu"})],l.prototype,"userMenu");h([t.n({type:Object})],l.prototype,"representing");h([t.n({type:Array,attribute:"user-menu-footer"})],l.prototype,"userMenuFooter");h([t.n({type:Array,attribute:"user-options"})],l.prototype,"userOptions");try{t.t("pkt-header")(l)}catch{console.warn("Forsøker å definere <pkt-header>, men den er allerede definert")}exports.PktHeader=l;exports.PktHeaderService=i;exports.PktHeaderUserMenu=k;exports.formatLastLoggedIn=y;