@oslokommune/punkt-elements 14.1.0 → 14.2.0

package/dist/{input-wrapper-DXg2N3wx.cjs → input-wrapper-CtBiAb04.cjs}

@@ -1,36 +1,36 @@
-"use strict";const t=require("./element-CJ_QKaki.cjs"),g=require("./pkt-slot-controller-BzddBp7z.cjs"),u=require("./ref-BFa5Utho.cjs"),k=require("./if-defined-Bc9-_I01.cjs"),x=require("./icon-MRx-m0Or.cjs"),y=require("./class-map-C_erArZz.cjs"),$=require("./utils-byXsEz1u.cjs"),p=require("./input-wrapper-EoSAbU-U.cjs");require("./helptext-hlcc584n.cjs");require("./alert-SvqEDHuW.cjs");var I=Object.defineProperty,P=Object.getOwnPropertyDescriptor,e=(r,s,i,n)=>{for(var o=n>1?void 0:n?P(s,i):s,l=r.length-1,a;l>=0;l--)(a=r[l])&&(o=(n?a(s,i,o):a(o))||o);return n&&o&&I(s,i,o),o};const W={fromAttribute(r){return r==null?!1:r===""||r==="true"||r===!0?!0:r==="false"||r===!1?!1:!!r},toAttribute(r){return r?"true":"false"}};exports.PktInputWrapper=class extends t.PktElement{constructor(){super(),this.defaultSlot=u.e(),this.helptextSlot=u.e(),this.forId=$.uuidish(),this.label="",this.helptext=null,this.helptextDropdown=null,this.helptextDropdownButton=null,this.counter=p.specs.props.counter.default,this.counterCurrent=0,this.counterMaxLength=0,this.counterError=null,this.counterPosition="bottom",this.optionalTag=p.specs.props.optionalTag.default,this.optionalText=p.specs.props.optionalText.default,this.requiredTag=p.specs.props.requiredTag.default,this.requiredText=p.specs.props.requiredText.default,this.tagText=null,this.hasError=p.specs.props.hasError.default,this.errorMessage="",this.disabled=p.specs.props.disabled.default,this.inline=p.specs.props.inline.default,this.ariaDescribedby=void 0,this.hasFieldset=p.specs.props.hasFieldset.default,this.role="group",this.useWrapper=p.specs.props.useWrapper.default,this.slotController=new g.PktSlotController(this,this.defaultSlot,this.helptextSlot)}updated(s){super.updated(s)}render(){const s={"pkt-inputwrapper":!0,"pkt-inputwrapper--error":this.hasError,"pkt-inputwrapper--disabled":this.disabled,"pkt-inputwrapper--inline":this.inline},i="pkt-tag pkt-tag--small pkt-tag--thin-text",n=this.ariaDescribedby?this.ariaDescribedby:this.helptext?`${this.forId}-helptext`:t.E,o=()=>t.x`
-        ${this.tagText?t.x`<span class=${i+" pkt-tag--gray"}>${this.tagText}</span>`:t.E}
-        ${this.optionalTag?t.x`<span class=${i+" pkt-tag--blue-light"}>${this.optionalText}</span>`:t.E}
-        ${this.requiredTag?t.x`<span class=${i+" pkt-tag--beige"}>${this.requiredText}</span>`:t.E}
-      `,l=()=>this.useWrapper?this.hasFieldset?t.x`<legend
+"use strict";const t=require("./element-CJ_QKaki.cjs"),x=require("./pkt-slot-controller-BzddBp7z.cjs"),a=require("./ref-BFa5Utho.cjs"),y=require("./if-defined-Bc9-_I01.cjs"),b=require("./icon-MRx-m0Or.cjs"),$=require("./class-map-C_erArZz.cjs"),f=require("./utils-byXsEz1u.cjs"),I=require("./booleanish-BKVonob4.cjs"),r=require("./input-wrapper-EoSAbU-U.cjs");require("./helptext-hlcc584n.cjs");require("./alert-SvqEDHuW.cjs");var P=Object.defineProperty,W=Object.getOwnPropertyDescriptor,e=(u,p,n,o)=>{for(var s=o>1?void 0:o?W(p,n):p,i=u.length-1,l;i>=0;i--)(l=u[i])&&(s=(o?l(p,n,s):l(s))||s);return o&&s&&P(p,n,s),s};exports.PktInputWrapper=class extends t.PktElement{constructor(){super(),this.defaultSlot=a.e(),this.helptextSlot=a.e(),this.forId=f.uuidish(),this.label="",this.helptext=null,this.helptextDropdown=null,this.helptextDropdownButton=null,this.counter=r.specs.props.counter.default,this.counterCurrent=0,this.counterMaxLength=0,this.counterError=null,this.counterPosition="bottom",this.optionalTag=r.specs.props.optionalTag.default,this.optionalText=r.specs.props.optionalText.default,this.requiredTag=r.specs.props.requiredTag.default,this.requiredText=r.specs.props.requiredText.default,this.tagText=null,this.hasError=r.specs.props.hasError.default,this.errorMessage="",this.disabled=r.specs.props.disabled.default,this.inline=r.specs.props.inline.default,this.ariaDescribedby=void 0,this.hasFieldset=r.specs.props.hasFieldset.default,this.role="group",this.useWrapper=r.specs.props.useWrapper.default,this.slotController=new x.PktSlotController(this,this.defaultSlot,this.helptextSlot)}updated(p){super.updated(p)}render(){const p={"pkt-inputwrapper":!0,"pkt-inputwrapper--error":this.hasError,"pkt-inputwrapper--disabled":this.disabled,"pkt-inputwrapper--inline":this.inline},n="pkt-tag pkt-tag--small pkt-tag--thin-text",o=this.ariaDescribedby?this.ariaDescribedby:this.helptext?`${this.forId}-helptext`:t.E,s=()=>t.x`
+        ${this.tagText?t.x`<span class=${n+" pkt-tag--gray"}>${this.tagText}</span>`:t.E}
+        ${this.optionalTag?t.x`<span class=${n+" pkt-tag--blue-light"}>${this.optionalText}</span>`:t.E}
+        ${this.requiredTag?t.x`<span class=${n+" pkt-tag--beige"}>${this.requiredText}</span>`:t.E}
+      `,i=()=>this.useWrapper?this.hasFieldset?t.x`<legend
             class="pkt-inputwrapper__legend"
             id="${this.forId}-label"
             @click=${this.handleLabelClick}
           >
-            ${this.label} ${o()}
+            ${this.label} ${s()}
           </legend>`:t.x`<label
             class="pkt-inputwrapper__label"
             for="${this.forId}"
-            aria-describedby="${n}"
+            aria-describedby="${o}"
             id="${this.forId}-label"
             @click=${this.handleLabelClick}
-            >${this.label}${o()}</label
+            >${this.label}${s()}</label
           >`:t.x`<label
           for="${this.forId}"
           class="pkt-sr-only"
-          aria-describedby="${n}"
+          aria-describedby="${o}"
           id="${this.forId}-label"
         >
           ${this.label}
-        </label>`,a=()=>t.x`
+        </label>`,l=()=>t.x`
         <pkt-helptext
-          class="${k.o(this.useWrapper?void 0:"pkt-hide")}"
+          class="${y.o(this.useWrapper?void 0:"pkt-hide")}"
           .forId=${this.forId}
           .helptext=${this.helptext}
           .helptextDropdown=${this.helptextDropdown}
-          .helptextDropdownButton=${this.helptextDropdownButton||p.specs.props.helptextDropdownButton.default}
-          @toggleHelpText=${b=>{this.toggleDropdown(b)}}
-          ${u.n(this.helptextSlot)}
+          .helptextDropdownButton=${this.helptextDropdownButton||r.specs.props.helptextDropdownButton.default}
+          @toggleHelpText=${k=>{this.toggleDropdown(k)}}
+          ${a.n(this.helptextSlot)}
           name="helptext"
         ></pkt-helptext>
       `,h=()=>this.counter?t.x`<div class="pkt-input__counter" aria-live="polite" aria-atomic="true">
@@ -43,14 +43,14 @@
           aria-live="assertive"
           aria-atomic="true"
         >
-          ${x.o(this.errorMessage)}
+          ${b.o(this.errorMessage)}
         </pkt-alert>`:t.E,d=()=>t.x`
-        ${l()} 
-        ${a()}
+        ${i()} 
+        ${l()}
         ${this.counterPosition==="top"?h():t.E}
-        <div class="pkt-contents" ${u.n(this.defaultSlot)}></div>
+        <div class="pkt-contents" ${a.n(this.defaultSlot)}></div>
         ${this.counterPosition==="bottom"?h():t.E} 
         ${c()}
-      `,f=()=>this.hasFieldset?t.x`<fieldset class="pkt-inputwrapper__fieldset" aria-describedby="${n}">
+      `,g=()=>this.hasFieldset?t.x`<fieldset class="pkt-inputwrapper__fieldset" aria-describedby="${o}">
             ${d()}
-          </fieldset>`:t.x`<div class="pkt-inputwrapper__fieldset">${d()}</div>`;return t.x`<div class=${y.e(s)}>${f()}</div> `}toggleDropdown(s){this.dispatchEvent(new CustomEvent("toggleHelpText",{bubbles:!1,detail:{isOpen:s.detail.isOpen}}))}handleLabelClick(){this.dispatchEvent(new CustomEvent("labelClick",{bubbles:!0,composed:!0,detail:"label clicked"}))}};e([t.n({type:String})],exports.PktInputWrapper.prototype,"forId",2);e([t.n({type:String})],exports.PktInputWrapper.prototype,"label",2);e([t.n({type:String})],exports.PktInputWrapper.prototype,"helptext",2);e([t.n({type:String})],exports.PktInputWrapper.prototype,"helptextDropdown",2);e([t.n({type:String})],exports.PktInputWrapper.prototype,"helptextDropdownButton",2);e([t.n({type:Boolean})],exports.PktInputWrapper.prototype,"counter",2);e([t.n({type:Number})],exports.PktInputWrapper.prototype,"counterCurrent",2);e([t.n({type:Number})],exports.PktInputWrapper.prototype,"counterMaxLength",2);e([t.n({type:String})],exports.PktInputWrapper.prototype,"counterError",2);e([t.n({type:String,reflect:!1})],exports.PktInputWrapper.prototype,"counterPosition",2);e([t.n({type:Boolean})],exports.PktInputWrapper.prototype,"optionalTag",2);e([t.n({type:String})],exports.PktInputWrapper.prototype,"optionalText",2);e([t.n({type:Boolean})],exports.PktInputWrapper.prototype,"requiredTag",2);e([t.n({type:String})],exports.PktInputWrapper.prototype,"requiredText",2);e([t.n({type:String})],exports.PktInputWrapper.prototype,"tagText",2);e([t.n({type:Boolean})],exports.PktInputWrapper.prototype,"hasError",2);e([t.n({type:String})],exports.PktInputWrapper.prototype,"errorMessage",2);e([t.n({type:Boolean})],exports.PktInputWrapper.prototype,"disabled",2);e([t.n({type:Boolean})],exports.PktInputWrapper.prototype,"inline",2);e([t.n({type:String})],exports.PktInputWrapper.prototype,"ariaDescribedby",2);e([t.n({type:Boolean})],exports.PktInputWrapper.prototype,"hasFieldset",2);e([t.n({type:String,reflect:!0})],exports.PktInputWrapper.prototype,"role",2);e([t.n({type:Boolean,reflect:!0,converter:W})],exports.PktInputWrapper.prototype,"useWrapper",2);exports.PktInputWrapper=e([t.t("pkt-input-wrapper")],exports.PktInputWrapper);
+          </fieldset>`:t.x`<div class="pkt-inputwrapper__fieldset">${d()}</div>`;return t.x`<div class=${$.e(p)}>${g()}</div> `}toggleDropdown(p){this.dispatchEvent(new CustomEvent("toggleHelpText",{bubbles:!1,detail:{isOpen:p.detail.isOpen}}))}handleLabelClick(){this.dispatchEvent(new CustomEvent("labelClick",{bubbles:!0,composed:!0,detail:"label clicked"}))}};e([t.n({type:String})],exports.PktInputWrapper.prototype,"forId",2);e([t.n({type:String})],exports.PktInputWrapper.prototype,"label",2);e([t.n({type:String})],exports.PktInputWrapper.prototype,"helptext",2);e([t.n({type:String})],exports.PktInputWrapper.prototype,"helptextDropdown",2);e([t.n({type:String})],exports.PktInputWrapper.prototype,"helptextDropdownButton",2);e([t.n({type:Boolean})],exports.PktInputWrapper.prototype,"counter",2);e([t.n({type:Number})],exports.PktInputWrapper.prototype,"counterCurrent",2);e([t.n({type:Number})],exports.PktInputWrapper.prototype,"counterMaxLength",2);e([t.n({type:String})],exports.PktInputWrapper.prototype,"counterError",2);e([t.n({type:String,reflect:!1})],exports.PktInputWrapper.prototype,"counterPosition",2);e([t.n({type:Boolean})],exports.PktInputWrapper.prototype,"optionalTag",2);e([t.n({type:String})],exports.PktInputWrapper.prototype,"optionalText",2);e([t.n({type:Boolean})],exports.PktInputWrapper.prototype,"requiredTag",2);e([t.n({type:String})],exports.PktInputWrapper.prototype,"requiredText",2);e([t.n({type:String})],exports.PktInputWrapper.prototype,"tagText",2);e([t.n({type:Boolean})],exports.PktInputWrapper.prototype,"hasError",2);e([t.n({type:String})],exports.PktInputWrapper.prototype,"errorMessage",2);e([t.n({type:Boolean})],exports.PktInputWrapper.prototype,"disabled",2);e([t.n({type:Boolean})],exports.PktInputWrapper.prototype,"inline",2);e([t.n({type:String})],exports.PktInputWrapper.prototype,"ariaDescribedby",2);e([t.n({type:Boolean})],exports.PktInputWrapper.prototype,"hasFieldset",2);e([t.n({type:String,reflect:!0})],exports.PktInputWrapper.prototype,"role",2);e([t.n({type:Boolean,reflect:!0,converter:I.booleanishConverter})],exports.PktInputWrapper.prototype,"useWrapper",2);exports.PktInputWrapper=e([t.t("pkt-input-wrapper")],exports.PktInputWrapper);

package/dist/pkt-checkbox.cjs

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

package/dist/pkt-checkbox.js

@@ -1,4 +1,4 @@
-import { P as o } from "./checkbox-CfXOh6Lw.js";
+import { P as o } from "./checkbox-CnhA52o_.js";
 const k = o;
 export {
   o as PktCheckbox,

package/dist/pkt-combobox.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("./combobox-BWsCkPH2.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 e=require("./combobox-C1xwAju5.cjs"),o=e.PktCombobox;Object.defineProperty(exports,"PktCombobox",{enumerable:!0,get:()=>e.PktCombobox});exports.default=o;

package/dist/pkt-combobox.js

@@ -1,4 +1,4 @@
-import { P as o } from "./combobox-BMznle0M.js";
+import { P as o } from "./combobox-Dcp_fHcL.js";
 const b = o;
 export {
   o as PktCombobox,

package/dist/pkt-datepicker.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("./datepicker-D1c9oP-2.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-COIRRau0.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;

package/dist/pkt-datepicker.js

@@ -1,5 +1,5 @@
-import { a as e } from "./datepicker-2s6FUxdi.js";
-import { d as p, c as i, b as c } from "./datepicker-2s6FUxdi.js";
+import { a as e } from "./datepicker-Bjb9GK1E.js";
+import { d as p, c as i, b as c } from "./datepicker-Bjb9GK1E.js";
 const a = e;
 export {
   e as PktDatepicker,

package/dist/pkt-header.cjs

@@ -1,4 +1,4 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("./element-CJ_QKaki.cjs"),g=require("./pkt-slot-controller-BzddBp7z.cjs"),v=require("./if-defined-Bc9-_I01.cjs"),h=require("./ref-BFa5Utho.cjs"),d=require("./state-DSjcvzDN.cjs"),p=require("./class-map-C_erArZz.cjs");require("./button-DaM4jvhJ.cjs");require("./icon-MRx-m0Or.cjs");require("./link-Dw39h-YN.cjs");require("./textinput-DFFL5v-U.cjs");const u={fromAttribute(n){return n==null?!1:n===""||n==="true"||n===!0?!0:n==="false"||n===!1?!1:!!n},toAttribute(n){return n?"true":"false"}},b=n=>typeof n.target=="string"?{title:n.title,iconName:n.iconName,href:n.target}:{title:n.title,iconName:n.iconName,onClick:n.target},m=n=>{if(!n)return;const e=typeof n=="string"?new Date(n):n;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,y=Object.getOwnPropertyDescriptor,k=(n,e,s,r)=>{for(var i=r>1?void 0:r?y(e,s):e,l=n.length-1,c;l>=0;l--)(c=n[l])&&(i=(r?c(e,s,i):c(i))||i);return r&&i&&f(e,s,i),i};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 r="href"in e,i=p.e({"pkt-user-menu__link":!0,"pkt-link-button":!r,"pkt-link":!r,"pkt-link--icon-left":!r,[s||""]:!!s});return r?t.x`
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("./element-CJ_QKaki.cjs"),g=require("./pkt-slot-controller-BzddBp7z.cjs"),v=require("./if-defined-Bc9-_I01.cjs"),h=require("./ref-BFa5Utho.cjs"),u=require("./booleanish-BKVonob4.cjs"),d=require("./state-DSjcvzDN.cjs"),p=require("./class-map-C_erArZz.cjs");require("./button-DaM4jvhJ.cjs");require("./icon-MRx-m0Or.cjs");require("./link-Dw39h-YN.cjs");require("./textinput-IN3b0nSH.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},f=o=>m(o),b=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 y=Object.defineProperty,S=Object.getOwnPropertyDescriptor,k=(o,e,s,n)=>{for(var r=n>1?void 0:n?S(e,s):e,l=o.length-1,c;l>=0;l--)(c=o[l])&&(r=(n?c(e,s,r):c(r))||r);return n&&r&&y(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.x`
         <pkt-link
           icon-name=${e.iconName||t.E}
           href=${e.href}
@@ -8,7 +8,7 @@
           ${e.title}
         </pkt-link>
       `:t.x`
-      <button class=${i} type="button" @click=${()=>this.handleMenuItemClick(e)}>
+      <button class=${r} type="button" @click=${()=>this.handleMenuItemClick(e)}>
         ${e.iconName?t.x`<pkt-icon
               name=${e.iconName}
               class="pkt-link__icon"
@@ -22,7 +22,7 @@
             <li class="pkt-user-menu__subitem">${this.renderLinkOrButton(s)}</li>
           `)}
       </ul>
-    `}render(){var s;const e=(s=this.userMenu)==null?void 0:s.map(b);return t.x`
+    `}render(){var s;const e=(s=this.userMenu)==null?void 0:s.map(f);return t.x`
       <nav class="pkt-user-menu" aria-label="Meny for innlogget bruker">
         <ul class="pkt-user-menu__list">
           <!-- User section -->
@@ -80,8 +80,8 @@
               `:t.E}
         </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})],exports.PktHeaderUserMenu.prototype,"canChangeRepresentation",2);k([t.n({type:Boolean,attribute:"logout-on-click",converter:u})],exports.PktHeaderUserMenu.prototype,"logoutOnClick",2);exports.PktHeaderUserMenu=k([t.t("pkt-header-user-menu")],exports.PktHeaderUserMenu);var S=Object.defineProperty,$=Object.getOwnPropertyDescriptor,o=(n,e,s,r)=>{for(var i=r>1?void 0:r?$(e,s):e,l=n.length-1,c;l>=0;l--)(c=n[l])&&(i=(r?c(e,s,i):c(i))||i);return r&&i&&S(e,s,i),i};const _="https://punkt-cdn.oslo.kommune.no/latest/logos/";exports.PktHeaderService=class extends t.PktElement{constructor(){super(),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.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.hasSlotContent=!1,this.alignSlotRight=!1,this.alignSearchRight=!1,this.defaultSlot=h.e(),this.headerRef=h.e(),this.userContainerRef=h.e(),this.slotContainerRef=h.e(),this.searchContainerRef=h.e(),this.slotContentRef=h.e(),this.searchMenuRef=h.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 r=e.relatedTarget;let i;switch(s){case"user":i=this.userContainerRef;break;case"slot":i=this.slotContainerRef;break;case"search":i=this.searchContainerRef;break;default:return}const l=i.value;l&&(!r||!l.contains(r))&&(this.openMenu="none")},this.handleEscapeKey=e=>{e.key==="Escape"&&this.openMenu!=="none"&&(e.preventDefault(),this.shouldRestoreFocus=!0,this.openMenu="none")},this.slotController=new g.PktSlotController(this,this.defaultSlot)}updateSlots(e){this.hasSlotContent=e.has(null)||e.has(void 0)}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 r of s)r.borderBoxSize&&r.borderBoxSize.length>0?this.componentWidth=r.borderBoxSize[0].inlineSize:this.componentWidth=r.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 r=window.innerWidth-s.clientWidth;r>0&&(e.style.paddingRight=`${r}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,r=e==="slot"?this.slotContentRef:this.searchMenuRef;if(!s.value||!r.value||!this.isTablet||this.isMobile)return;const i=s.value.getBoundingClientRect(),l=r.value.offsetWidth,c=i.left+l>window.innerWidth;e==="slot"?this.alignSlotRight=c:this.alignSearchRight=c}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 m((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.E;const e=t.x`
-      <pkt-icon name="oslologo" aria-hidden="true" path=${_}></pkt-icon>
+    `}};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 $=Object.defineProperty,_=Object.getOwnPropertyDescriptor,i=(o,e,s,n)=>{for(var r=n>1?void 0:n?_(e,s):e,l=o.length-1,c;l>=0;l--)(c=o[l])&&(r=(n?c(e,s,r):c(r))||r);return n&&r&&$(e,s,r),r};const M="https://punkt-cdn.oslo.kommune.no/latest/logos/";exports.PktHeaderService=class extends t.PktElement{constructor(){super(),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.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.hasSlotContent=!1,this.alignSlotRight=!1,this.alignSearchRight=!1,this.defaultSlot=h.e(),this.headerRef=h.e(),this.userContainerRef=h.e(),this.slotContainerRef=h.e(),this.searchContainerRef=h.e(),this.slotContentRef=h.e(),this.searchMenuRef=h.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")},this.slotController=new g.PktSlotController(this,this.defaultSlot)}updateSlots(e){this.hasSlotContent=e.has(null)||e.has(void 0)}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,c=r.left+l>window.innerWidth;e==="slot"?this.alignSlotRight=c:this.alignSearchRight=c}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 b((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.E;const e=t.x`
+      <pkt-icon name="oslologo" aria-hidden="true" path=${M}></pkt-icon>
     `;return this.logoLink&&typeof this.logoLink=="string"?t.x`
         <span class="pkt-header-service__logo">
           <a href=${this.logoLink} aria-label="Tilbake til forside" @click=${this.handleLogoClick}>
@@ -126,7 +126,7 @@
     `:t.E}renderSlotContainer(){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.x`
       <div
         class=${e}
-        @focusout=${r=>this.handleFocusOut(r,"slot")}
+        @focusout=${n=>this.handleFocusOut(n,"slot")}
         ${h.n(this.slotContainerRef)}
       >
         ${this.isTablet&&this.hasSlotContent?t.x`
@@ -156,7 +156,7 @@
     `}renderSearch(){if(!this.showSearch)return t.E;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.x`
         <div
           class=${e}
-          @focusout=${r=>this.handleFocusOut(r,"search")}
+          @focusout=${n=>this.handleFocusOut(n,"search")}
           ${h.n(this.searchContainerRef)}
         >
           <pkt-button
@@ -185,7 +185,7 @@
                     autofocus
                     fullwidth
                     @input=${this.handleSearchInputChange}
-                    @keydown=${r=>{r.key==="Enter"&&this.handleSearch(r.target.value)}}
+                    @keydown=${n=>{n.key==="Enter"&&this.handleSearch(n.target.value)}}
                   ></pkt-textinput>
                 `:t.E}
           </div>
@@ -205,7 +205,7 @@
     `}renderUserButton(){var s;if(!this.user)return t.E;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.x`
       <div
         class="pkt-header-service__user-container"
-        @focusout=${r=>this.handleFocusOut(r,"user")}
+        @focusout=${n=>this.handleFocusOut(n,"user")}
         ${h.n(this.userContainerRef)}
       >
         <pkt-button
@@ -275,7 +275,7 @@
           ${e}
           <div class=${s}></div>
         </div>
-      `}return e}};o([t.n({type:String,attribute:"service-name"})],exports.PktHeaderService.prototype,"serviceName",2);o([t.n({type:String,attribute:"service-link"})],exports.PktHeaderService.prototype,"serviceLink",2);o([t.n({type:String,attribute:"logo-link"})],exports.PktHeaderService.prototype,"logoLink",2);o([t.n({type:String,attribute:"search-placeholder"})],exports.PktHeaderService.prototype,"searchPlaceholder",2);o([t.n({type:String,attribute:"search-value"})],exports.PktHeaderService.prototype,"searchValue",2);o([t.n({type:Number,attribute:"mobile-breakpoint"})],exports.PktHeaderService.prototype,"mobileBreakpoint",2);o([t.n({type:Number,attribute:"tablet-breakpoint"})],exports.PktHeaderService.prototype,"tabletBreakpoint",2);o([t.n({type:String,attribute:"opened-menu"})],exports.PktHeaderService.prototype,"openedMenu",2);o([t.n({type:String,attribute:"log-out-button-placement"})],exports.PktHeaderService.prototype,"logOutButtonPlacement",2);o([t.n({type:String})],exports.PktHeaderService.prototype,"position",2);o([t.n({type:String,attribute:"scroll-behavior"})],exports.PktHeaderService.prototype,"scrollBehavior",2);o([t.n({type:Boolean,attribute:"hide-logo",converter:u})],exports.PktHeaderService.prototype,"hideLogo",2);o([t.n({type:Boolean,converter:u})],exports.PktHeaderService.prototype,"compact",2);o([t.n({type:Boolean,attribute:"show-search",converter:u})],exports.PktHeaderService.prototype,"showSearch",2);o([t.n({type:Boolean,attribute:"can-change-representation",converter:u})],exports.PktHeaderService.prototype,"canChangeRepresentation",2);o([t.n({type:Boolean,attribute:"has-log-out",converter:u})],exports.PktHeaderService.prototype,"hasLogOut",2);o([t.n({type:Object})],exports.PktHeaderService.prototype,"user",2);o([t.n({type:Array,attribute:"user-menu"})],exports.PktHeaderService.prototype,"userMenu",2);o([t.n({type:Object})],exports.PktHeaderService.prototype,"representing",2);o([d.r()],exports.PktHeaderService.prototype,"isMobile",2);o([d.r()],exports.PktHeaderService.prototype,"isTablet",2);o([d.r()],exports.PktHeaderService.prototype,"openMenu",2);o([d.r()],exports.PktHeaderService.prototype,"isHidden",2);o([d.r()],exports.PktHeaderService.prototype,"componentWidth",2);o([d.r()],exports.PktHeaderService.prototype,"hasSlotContent",2);o([d.r()],exports.PktHeaderService.prototype,"alignSlotRight",2);o([d.r()],exports.PktHeaderService.prototype,"alignSearchRight",2);exports.PktHeaderService=o([t.t("pkt-header-service")],exports.PktHeaderService);var M=Object.defineProperty,P=Object.getOwnPropertyDescriptor,a=(n,e,s,r)=>{for(var i=r>1?void 0:r?P(e,s):e,l=n.length-1,c;l>=0;l--)(c=n[l])&&(i=(r?c(e,s,i):c(i))||i);return r&&i&&M(e,s,i),i};exports.PktHeader=class extends t.PktElement{constructor(){super(),this.defaultSlot=h.e(),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.hideLogo=!1,this.compact=!1,this.showSearch=!1,this.canChangeRepresentation=!1,this.hasLogOut=!1,this.slotController=new g.PktSlotController(this,this.defaultSlot)}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||[],r=this.userOptions||[];return s.length||r.length?[...e,...r,...s]:this.userMenu}render(){return t.x`
+      `}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: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,"hasSlotContent",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,c;l>=0;l--)(c=o[l])&&(r=(n?c(e,s,r):c(r))||r);return n&&r&&P(e,s,r),r};exports.PktHeader=class extends t.PktElement{constructor(){super(),this.defaultSlot=h.e(),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.hideLogo=!1,this.compact=!1,this.showSearch=!1,this.canChangeRepresentation=!1,this.hasLogOut=!1,this.slotController=new g.PktSlotController(this,this.defaultSlot)}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.x`
       <pkt-header-service
         service-name=${v.o(this.serviceName)}
         service-link=${v.o(this.serviceLink)}
@@ -299,4 +299,4 @@
       >
         <div class="pkt-contents" ${h.n(this.defaultSlot)}></div>
       </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:Boolean,attribute:"hide-logo",converter:u})],exports.PktHeader.prototype,"hideLogo",2);a([t.n({type:Boolean,converter:u})],exports.PktHeader.prototype,"compact",2);a([t.n({type:Boolean,attribute:"show-search",converter:u})],exports.PktHeader.prototype,"showSearch",2);a([t.n({type:Boolean,attribute:"can-change-representation",converter:u})],exports.PktHeader.prototype,"canChangeRepresentation",2);a([t.n({type:Boolean,attribute:"has-log-out",converter:u})],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=m;
+    `}};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: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=b;

package/dist/pkt-header.js

@@ -1,21 +1,15 @@
 import { P as _, E as c, x as n, n as s, a as M } from "./element-CRDRygXu.js";
 import { P as S } from "./pkt-slot-controller-BPGj-LC5.js";
 import { o as $ } from "./if-defined-BWZGb3bh.js";
-import { e as k, n as v } from "./ref-Xa5dbh--.js";
+import { e as v, n as k } from "./ref-Xa5dbh--.js";
+import { b as d } from "./booleanish-C9R0tdXH.js";
 import { r as f } from "./state-DS_kr2Fy.js";
-import { e as m } from "./class-map-wy7PUk0P.js";
+import { e as g } from "./class-map-wy7PUk0P.js";
 import "./button-CjXih_Nx.js";
 import "./icon-BB7e5iQN.js";
 import "./link-BboUBUcg.js";
-import "./textinput-Cddq4eF_.js";
-const d = {
-  fromAttribute(e) {
-    return e == null ? !1 : e === "" || e === "true" || e === !0 ? !0 : e === "false" || e === !1 ? !1 : !!e;
-  },
-  toAttribute(e) {
-    return e ? "true" : "false";
-  }
-}, C = (e) => typeof e.target == "string" ? { title: e.title, iconName: e.iconName, href: e.target } : { title: e.title, iconName: e.iconName, onClick: e.target }, L = (e) => {
+import "./textinput-DIuM70dd.js";
+const C = (e) => typeof e.target == "string" ? { title: e.title, iconName: e.iconName, href: e.target } : { title: e.title, iconName: e.iconName, onClick: e.target }, L = (e) => C(e), w = (e) => {
   if (!e) return;
   const t = typeof e == "string" ? new Date(e) : e;
   if (!isNaN(t.getTime()))
@@ -27,10 +21,10 @@ const d = {
       minute: "2-digit"
     });
 };
-var w = Object.defineProperty, O = Object.getOwnPropertyDescriptor, y = (e, t, i, l) => {
-  for (var r = l > 1 ? void 0 : l ? O(t, i) : t, p = e.length - 1, g; p >= 0; p--)
-    (g = e[p]) && (r = (l ? g(t, i, r) : g(r)) || r);
-  return l && r && w(t, i, r), r;
+var O = Object.defineProperty, R = Object.getOwnPropertyDescriptor, y = (e, t, i, l) => {
+  for (var r = l > 1 ? void 0 : l ? R(t, i) : t, p = e.length - 1, m; p >= 0; p--)
+    (m = e[p]) && (r = (l ? m(t, i, r) : m(r)) || r);
+  return l && r && O(t, i, r), r;
 };
 let b = class extends _ {
   constructor() {
@@ -56,7 +50,7 @@ let b = class extends _ {
     "onClick" in e && typeof e.onClick == "function" && e.onClick();
   }
   renderLinkOrButton(e, t) {
-    const i = "href" in e, l = m({
+    const i = "href" in e, l = g({
       "pkt-user-menu__link": !0,
       "pkt-link-button": !i,
       "pkt-link": !i,
@@ -96,7 +90,7 @@ let b = class extends _ {
   }
   render() {
     var t;
-    const e = (t = this.userMenu) == null ? void 0 : t.map(C);
+    const e = (t = this.userMenu) == null ? void 0 : t.map(L);
     return n`
       <nav class="pkt-user-menu" aria-label="Meny for innlogget bruker">
         <ul class="pkt-user-menu__list">
@@ -195,15 +189,15 @@ y([
 b = y([
   M("pkt-header-user-menu")
 ], b);
-var R = Object.defineProperty, B = Object.getOwnPropertyDescriptor, a = (e, t, i, l) => {
-  for (var r = l > 1 ? void 0 : l ? B(t, i) : t, p = e.length - 1, g; p >= 0; p--)
-    (g = e[p]) && (r = (l ? g(t, i, r) : g(r)) || r);
-  return l && r && R(t, i, r), r;
+var B = Object.defineProperty, E = Object.getOwnPropertyDescriptor, a = (e, t, i, l) => {
+  for (var r = l > 1 ? void 0 : l ? E(t, i) : t, p = e.length - 1, m; p >= 0; p--)
+    (m = e[p]) && (r = (l ? m(t, i, r) : m(r)) || r);
+  return l && r && B(t, i, r), r;
 };
-const E = "https://punkt-cdn.oslo.kommune.no/latest/logos/";
+const P = "https://punkt-cdn.oslo.kommune.no/latest/logos/";
 let o = class extends _ {
   constructor() {
-    super(), 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.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.hasSlotContent = !1, this.alignSlotRight = !1, this.alignSearchRight = !1, this.defaultSlot = k(), this.headerRef = k(), this.userContainerRef = k(), this.slotContainerRef = k(), this.searchContainerRef = k(), this.slotContentRef = k(), this.searchMenuRef = k(), this.lastScrollPosition = 0, this.savedScrollY = 0, this.lastFocusedElement = null, this.shouldRestoreFocus = !1, this.handleScroll = () => {
+    super(), 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.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.hasSlotContent = !1, this.alignSlotRight = !1, this.alignSearchRight = !1, this.defaultSlot = v(), this.headerRef = v(), this.userContainerRef = v(), this.slotContainerRef = v(), this.searchContainerRef = v(), this.slotContentRef = v(), this.searchMenuRef = v(), 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);
@@ -348,7 +342,7 @@ let o = class extends _ {
   }
   get formattedLastLoggedIn() {
     var e;
-    return L((e = this.user) == null ? void 0 : e.lastLoggedIn);
+    return w((e = this.user) == null ? void 0 : e.lastLoggedIn);
   }
   get isFixed() {
     return this.position === "fixed";
@@ -365,7 +359,7 @@ let o = class extends _ {
   renderLogo() {
     if (this.hideLogo) return c;
     const e = n`
-      <pkt-icon name="oslologo" aria-hidden="true" path=${E}></pkt-icon>
+      <pkt-icon name="oslologo" aria-hidden="true" path=${P}></pkt-icon>
     `;
     return this.logoLink && typeof this.logoLink == "string" ? n`
         <span class="pkt-header-service__logo">
@@ -414,10 +408,10 @@ let o = class extends _ {
     ` : c;
   }
   renderSlotContainer() {
-    const e = m({
+    const e = g({
       "pkt-header-service__slot-container": !0,
       "is-open": this.openMenu === "slot"
-    }), t = m({
+    }), t = g({
       "pkt-header-service__slot-content": !0,
       "align-right": this.alignSlotRight
     });
@@ -425,7 +419,7 @@ let o = class extends _ {
       <div
         class=${e}
         @focusout=${(i) => this.handleFocusOut(i, "slot")}
-        ${v(this.slotContainerRef)}
+        ${k(this.slotContainerRef)}
       >
         ${this.isTablet && this.hasSlotContent ? n`
               <pkt-button
@@ -447,8 +441,8 @@ let o = class extends _ {
           id="mobile-slot-menu"
           role=${this.isTablet ? "menu" : c}
           aria-label=${this.isTablet ? "Meny" : c}
-          ${v(this.slotContentRef)}
-          ${v(this.defaultSlot)}
+          ${k(this.slotContentRef)}
+          ${k(this.defaultSlot)}
         ></div>
       </div>
     `;
@@ -456,10 +450,10 @@ let o = class extends _ {
   renderSearch() {
     if (!this.showSearch) return c;
     if (this.isTablet) {
-      const e = m({
+      const e = g({
         "pkt-header-service__search-container": !0,
         "is-open": this.openMenu === "search"
-      }), t = m({
+      }), t = g({
         "pkt-header-service__mobile-menu": !0,
         "is-open": this.openMenu === "search",
         "align-right": this.alignSearchRight
@@ -468,7 +462,7 @@ let o = class extends _ {
         <div
           class=${e}
           @focusout=${(i) => this.handleFocusOut(i, "search")}
-          ${v(this.searchContainerRef)}
+          ${k(this.searchContainerRef)}
         >
           <pkt-button
             skin="secondary"
@@ -483,7 +477,7 @@ let o = class extends _ {
           >
             Søk
           </pkt-button>
-          <div class=${t} ${v(this.searchMenuRef)}>
+          <div class=${t} ${k(this.searchMenuRef)}>
             ${this.openMenu === "search" ? n`
                   <pkt-textinput
                     id="mobile-search-menu"
@@ -522,7 +516,7 @@ let o = class extends _ {
   renderUserButton() {
     var t;
     if (!this.user) return c;
-    const e = m({
+    const e = g({
       "pkt-header-service__user-menu": this.isMobile === !1,
       "pkt-header-service__mobile-menu": this.isMobile === !0,
       "is-open": this.openMenu === "user"
@@ -531,10 +525,10 @@ let o = class extends _ {
       <div
         class="pkt-header-service__user-container"
         @focusout=${(i) => this.handleFocusOut(i, "user")}
-        ${v(this.userContainerRef)}
+        ${k(this.userContainerRef)}
       >
         <pkt-button
-          class=${m({
+          class=${g({
       "pkt-header-service__user-button": !0,
       "pkt-header-service__user-button--mobile": this.isMobile
     })}
@@ -569,7 +563,7 @@ let o = class extends _ {
     `;
   }
   renderHeader() {
-    const e = m({
+    const e = g({
       "pkt-header-service": !0,
       "pkt-header-service--compact": this.compact,
       "pkt-header-service--mobile": this.isMobile,
@@ -577,12 +571,12 @@ let o = class extends _ {
       "pkt-header-service--fixed": this.isFixed,
       "pkt-header-service--scroll-to-hide": this.shouldHideOnScroll,
       "pkt-header-service--hidden": this.isHidden
-    }), t = m({
+    }), t = g({
       "pkt-header-service__logo-area": !0,
       "pkt-header-service__logo-area--without-service": !this.serviceName
     });
     return n`
-      <header class=${e} ${v(this.headerRef)}>
+      <header class=${e} ${k(this.headerRef)}>
         <div class=${t}>${this.renderLogo()} ${this.renderServiceName()}</div>
 
         <div class="pkt-header-service__content">
@@ -620,7 +614,7 @@ let o = class extends _ {
   render() {
     const e = this.renderHeader();
     if (this.isFixed) {
-      const t = m({
+      const t = g({
         "pkt-header-service-spacer": !0,
         "pkt-header-service-spacer--compact": this.compact,
         "pkt-header-service-spacer--has-user": !!this.user,
@@ -724,14 +718,14 @@ a([
 o = a([
   M("pkt-header-service")
 ], o);
-var P = Object.defineProperty, N = Object.getOwnPropertyDescriptor, u = (e, t, i, l) => {
-  for (var r = l > 1 ? void 0 : l ? N(t, i) : t, p = e.length - 1, g; p >= 0; p--)
-    (g = e[p]) && (r = (l ? g(t, i, r) : g(r)) || r);
-  return l && r && P(t, i, r), r;
+var N = Object.defineProperty, I = Object.getOwnPropertyDescriptor, u = (e, t, i, l) => {
+  for (var r = l > 1 ? void 0 : l ? I(t, i) : t, p = e.length - 1, m; p >= 0; p--)
+    (m = e[p]) && (r = (l ? m(t, i, r) : m(r)) || r);
+  return l && r && N(t, i, r), r;
 };
 let h = class extends _ {
   constructor() {
-    super(), this.defaultSlot = k(), 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.hideLogo = !1, this.compact = !1, this.showSearch = !1, this.canChangeRepresentation = !1, this.hasLogOut = !1, this.slotController = new S(this, this.defaultSlot);
+    super(), this.defaultSlot = v(), 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.hideLogo = !1, this.compact = !1, this.showSearch = !1, this.canChangeRepresentation = !1, this.hasLogOut = !1, this.slotController = new S(this, this.defaultSlot);
   }
   firstUpdated(e) {
     super.firstUpdated(e), this.emitDeprecationWarnings();
@@ -769,7 +763,7 @@ let h = class extends _ {
         .userMenu=${this.effectiveUserMenu}
         .representing=${this.representing}
       >
-        <div class="pkt-contents" ${v(this.defaultSlot)}></div>
+        <div class="pkt-contents" ${k(this.defaultSlot)}></div>
       </pkt-header-service>
     `;
   }
@@ -848,5 +842,5 @@ export {
   h as PktHeader,
   o as PktHeaderService,
   b as PktHeaderUserMenu,
-  L as formatLastLoggedIn
+  w as formatLastLoggedIn
 };

package/dist/pkt-index.cjs

@@ -1,4 +1,4 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const m=require("./alert-SvqEDHuW.cjs"),P=require("./accordionitem-DCZrHVNR.cjs"),g=require("./backlink-BrIIpgJ7.cjs"),h=require("./button-DaM4jvhJ.cjs"),k=require("./calendar-ZzLAjDpv.cjs"),f=require("./card-C1gRTfXb.cjs"),y=require("./combobox-BWsCkPH2.cjs"),O=require("./consent-Daj-Xa7w.cjs"),j=require("./checkbox-BP5zOlPy.cjs"),t=require("./element-CJ_QKaki.cjs"),q=require("./pkt-slot-controller-BzddBp7z.cjs"),a=require("./ref-BFa5Utho.cjs"),x=require("./class-map-C_erArZz.cjs"),d=require("./datepicker-D1c9oP-2.cjs"),l=require("./pkt-header.cjs"),C=require("./helptext-hlcc584n.cjs"),v=require("./heading-Dv_cH6N1.cjs"),S=require("./icon-MRx-m0Or.cjs"),T=require("./input-wrapper-DXg2N3wx.cjs"),$=require("./link-Dw39h-YN.cjs"),H=require("./linkcard-DUA3kGGd.cjs"),L=require("./loader-DjGxT7C3.cjs"),_=require("./messagebox-ChIKVTO_.cjs"),I=require("./modal-B4qq0VFB.cjs"),A=require("./progressbar-CmAQ-DVW.cjs"),p=require("./radiobutton-BuKXgQm_.cjs"),B=require("./tag-B02fKJ66.cjs"),b=require("./tabitem-D5zyipN1.cjs"),M=require("./textarea-zeFp1hxO.cjs"),D=require("./textinput-DFFL5v-U.cjs"),R=require("./select-Ds4Ws1_6.cjs");var w=Object.defineProperty,E=Object.getOwnPropertyDescriptor,o=(s,e,r,i)=>{for(var n=i>1?void 0:i?E(e,r):e,u=s.length-1,c;u>=0;u--)(c=s[u])&&(n=(i?c(e,r,n):c(n))||n);return i&&n&&w(e,r,n),n};exports.PktComponent=class extends t.PktElement{constructor(){super(),this.string="",this.strings=[],this.darkmode=!1,this._list=[],this.defaultSlot=a.e(),this.namedSlot=a.e(),this.slotController=new q.PktSlotController(this,this.defaultSlot,this.namedSlot)}connectedCallback(){this.strings.length&&this.strings.forEach(e=>{this._list.push(e.toUpperCase())}),super.connectedCallback()}render(){const e={"pkt-component":!0,"pkt-component--has-list":this.strings.length>0,"pkt-darkmode":this.darkmode};return t.x`
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const m=require("./alert-SvqEDHuW.cjs"),P=require("./accordionitem-DCZrHVNR.cjs"),g=require("./backlink-BrIIpgJ7.cjs"),h=require("./button-DaM4jvhJ.cjs"),k=require("./calendar-ZzLAjDpv.cjs"),f=require("./card-C1gRTfXb.cjs"),y=require("./combobox-C1xwAju5.cjs"),O=require("./consent-Daj-Xa7w.cjs"),j=require("./checkbox-C0TPnShf.cjs"),t=require("./element-CJ_QKaki.cjs"),q=require("./pkt-slot-controller-BzddBp7z.cjs"),a=require("./ref-BFa5Utho.cjs"),x=require("./class-map-C_erArZz.cjs"),d=require("./datepicker-COIRRau0.cjs"),l=require("./pkt-header.cjs"),C=require("./helptext-hlcc584n.cjs"),v=require("./heading-Dv_cH6N1.cjs"),S=require("./icon-MRx-m0Or.cjs"),T=require("./input-wrapper-CtBiAb04.cjs"),$=require("./link-Dw39h-YN.cjs"),H=require("./linkcard-DUA3kGGd.cjs"),L=require("./loader-DjGxT7C3.cjs"),_=require("./messagebox-ChIKVTO_.cjs"),I=require("./modal-B4qq0VFB.cjs"),A=require("./progressbar-CmAQ-DVW.cjs"),p=require("./radiobutton-BkqaqO5E.cjs"),B=require("./tag-B02fKJ66.cjs"),b=require("./tabitem-D5zyipN1.cjs"),M=require("./textarea-DyUy8u7X.cjs"),D=require("./textinput-IN3b0nSH.cjs"),R=require("./select-3dwlk22G.cjs");var w=Object.defineProperty,E=Object.getOwnPropertyDescriptor,o=(s,e,r,i)=>{for(var n=i>1?void 0:i?E(e,r):e,u=s.length-1,c;u>=0;u--)(c=s[u])&&(n=(i?c(e,r,n):c(n))||n);return i&&n&&w(e,r,n),n};exports.PktComponent=class extends t.PktElement{constructor(){super(),this.string="",this.strings=[],this.darkmode=!1,this._list=[],this.defaultSlot=a.e(),this.namedSlot=a.e(),this.slotController=new q.PktSlotController(this,this.defaultSlot,this.namedSlot)}connectedCallback(){this.strings.length&&this.strings.forEach(e=>{this._list.push(e.toUpperCase())}),super.connectedCallback()}render(){const e={"pkt-component":!0,"pkt-component--has-list":this.strings.length>0,"pkt-darkmode":this.darkmode};return t.x`
       <div class="${x.e(e)}">
         <h1 class="pkt-txt-28">${this.string}</h1>
 

package/dist/pkt-index.js

@@ -5,31 +5,31 @@ import { P as E } from "./button-CjXih_Nx.js";
 import { c as d } from "./calendar-CvfMj3fA.js";
 import { P as R } from "./calendar-CvfMj3fA.js";
 import { P as M } from "./card-CO3D8wQE.js";
-import { P as U } from "./combobox-BMznle0M.js";
+import { P as U } from "./combobox-Dcp_fHcL.js";
 import { P as N } from "./consent-BO3Ga8N4.js";
-import { P as q } from "./checkbox-CfXOh6Lw.js";
+import { P as q } from "./checkbox-CnhA52o_.js";
 import { P as f, t as h, x as l, n, a as c } from "./element-CRDRygXu.js";
 import { P as x } from "./pkt-slot-controller-BPGj-LC5.js";
 import { e as m, n as k } from "./ref-Xa5dbh--.js";
 import { e as u } from "./class-map-wy7PUk0P.js";
-import { P as F, a as J } from "./datepicker-2s6FUxdi.js";
+import { P as F, a as J } from "./datepicker-Bjb9GK1E.js";
 import { PktHeader as V, PktHeaderService as X, PktHeaderUserMenu as Y } from "./pkt-header.js";
 import { P as tt } from "./helptext-Bn17Picx.js";
 import { P as rt } from "./heading-BUdy170t.js";
 import { P as st } from "./icon-BB7e5iQN.js";
-import { P as nt } from "./input-wrapper-CAwzMR9o.js";
+import { P as nt } from "./input-wrapper-1PCXqtiu.js";
 import { P as pt } from "./link-BboUBUcg.js";
 import { P as lt } from "./linkcard-BqJmHFu8.js";
 import { P as kt } from "./loader-DIum_s_D.js";
 import { P as ft } from "./messagebox-aPlConlJ.js";
 import { P as ct } from "./modal-jAUtM-NP.js";
 import { P as ut } from "./progressbar-CVt73-JQ.js";
-import { P as vt, P as bt } from "./radiobutton-C_MzK8dE.js";
+import { P as vt, P as bt } from "./radiobutton-Caq8-GhM.js";
 import { P as Ct } from "./tag-CES41g0D.js";
 import { a as yt, P as _t } from "./tabitem-NV2fzs_-.js";
-import { P as Tt } from "./textarea-D4T9yqw7.js";
-import { P as At } from "./textinput-Cddq4eF_.js";
-import { P as wt } from "./select-CteaDnzz.js";
+import { P as Tt } from "./textarea-a6T4aJJU.js";
+import { P as At } from "./textinput-DIuM70dd.js";
+import { P as wt } from "./select-_C-yztI0.js";
 var g = Object.defineProperty, v = Object.getOwnPropertyDescriptor, s = (t, e, i, a) => {
   for (var r = a > 1 ? void 0 : a ? v(e, i) : e, p = t.length - 1, P; p >= 0; p--)
     (P = t[p]) && (r = (a ? P(e, i, r) : P(r)) || r);

package/dist/pkt-input-wrapper.cjs

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

package/dist/pkt-input-wrapper.js

@@ -1,4 +1,4 @@
-import { P as p } from "./input-wrapper-CAwzMR9o.js";
+import { P as p } from "./input-wrapper-1PCXqtiu.js";
 const r = p;
 export {
   p as PktInputWrapper,