@oslokommune/punkt-elements 16.25.0 → 16.25.2

package/dist/{header-BdxslVug.js → header-C8dCoJpr.js}

@@ -3,11 +3,11 @@ import { t as s } from "./class-map-DH9hlJny.js";
 import { n as c, t as l } from "./element-with-slot-BVj9MXzi.js";
 import "./icon-LaKyBKON.js";
 import { t as u } from "./if-defined-VShASPdu.js";
-import "./button-CR-KWhTT.js";
+import "./button-CAZEaEW9.js";
 import { n as d, t as f } from "./ref-BgoHEsEt.js";
 import { t as p } from "./booleanish-BmcOU-43.js";
 import "./link-DauiNRMq.js";
-import "./textinput-CZrBM-Fj.js";
+import "./textinput-Bs8DwHwR.js";
 //#region ../../shared-types/header.ts
 var m = (e) => typeof e.target == "string" ? {
 	title: e.title,
@@ -180,9 +180,11 @@ try {
 }
 //#endregion
 //#region src/components/header/header-service.ts
-var v = "https://punkt-cdn.oslo.kommune.no/latest/logos/", y = class extends l {
+var v = "https://punkt-cdn.oslo.kommune.no/latest/logos/";
+typeof window < "u" && (window.pktLogoPath = window.pktLogoPath || v);
+var y = class extends l {
 	constructor(...e) {
-		super(...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.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 = f(), this.userContainerRef = f(), this.slotContainerRef = f(), this.searchContainerRef = f(), this.slotContentRef = f(), this.searchMenuRef = f(), this.lastScrollPosition = 0, this.savedScrollY = 0, this.lastFocusedElement = null, this.shouldRestoreFocus = !1, this.handleScroll = () => {
+		super(...e), this.logoPath = typeof window < "u" ? window.pktLogoPath : 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.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 = f(), this.userContainerRef = f(), this.slotContainerRef = f(), this.searchContainerRef = f(), this.slotContentRef = f(), this.searchMenuRef = f(), this.lastScrollPosition = 0, this.savedScrollY = 0, this.lastFocusedElement = null, this.shouldRestoreFocus = !1, this.handleScroll = () => {
 			if (!this.shouldHideOnScroll) return;
 			let e = window.pageYOffset || document.documentElement.scrollTop;
 			e < 0 || Math.abs(e - this.lastScrollPosition) < 60 || (this.isHidden = e > this.lastScrollPosition, this.lastScrollPosition = e);
@@ -330,7 +332,7 @@ var v = "https://punkt-cdn.oslo.kommune.no/latest/logos/", y = class extends l {
 	renderLogo() {
 		if (this.hideLogo) return t;
 		let e = i`
-      <pkt-icon name="oslologo" aria-hidden="true" path=${v}></pkt-icon>
+      <pkt-icon name="oslologo" aria-hidden="true" path=${this.logoPath}></pkt-icon>
     `;
 		return this.logoLink && typeof this.logoLink == "string" ? i`
         <span class="pkt-header-service__logo">
@@ -614,6 +616,9 @@ n([r({
 	type: String,
 	attribute: "logo-link"
 })], y.prototype, "logoLink", void 0), n([r({
+	type: String,
+	attribute: "logo-path"
+})], y.prototype, "logoPath", void 0), n([r({
 	type: String,
 	attribute: "search-placeholder"
 })], y.prototype, "searchPlaceholder", void 0), n([r({
@@ -694,6 +699,7 @@ var b = class extends l {
         service-name=${u(this.serviceName)}
         service-link=${u(this.serviceLink)}
         logo-link=${u(this.logoLink)}
+        logo-path=${u(this.logoPath)}
         search-placeholder=${this.searchPlaceholder}
         search-value=${this.searchValue}
         mobile-breakpoint=${this.mobileBreakpoint}
@@ -728,6 +734,9 @@ n([r({
 	type: String,
 	attribute: "logo-link"
 })], b.prototype, "logoLink", void 0), n([r({
+	type: String,
+	attribute: "logo-path"
+})], b.prototype, "logoPath", void 0), n([r({
 	type: String,
 	attribute: "search-placeholder"
 })], b.prototype, "searchPlaceholder", void 0), n([r({

package/dist/{input-wrapper-B6WowlWG.js → input-wrapper-C93MmOIg.js}

@@ -1,7 +1,7 @@
 import { d as e, n as t, o as n, p as r, s as i } from "./element-CduG0XyF.js";
 import { t as a } from "./class-map-DH9hlJny.js";
 import { n as o, t as s } from "./element-with-slot-BVj9MXzi.js";
-import "./alert-BkzC5mVu.js";
+import "./alert-B5Y841vH.js";
 import { r as c } from "./icon-LaKyBKON.js";
 import { t as l } from "./if-defined-VShASPdu.js";
 import { n as u } from "./utils-CUqCKGvp.js";

package/dist/{input-wrapper-Dhkt20WW.cjs → input-wrapper-CvtU-Ksb.cjs}

@@ -1,4 +1,4 @@
-const e=require(`./element-CXAtr6Gu.cjs`),t=require(`./class-map-B8Ja0q7n.cjs`),n=require(`./element-with-slot-Cmxb9h4H.cjs`);require(`./alert-D_45dWPn.cjs`);const r=require(`./icon-Dw6I0HDV.cjs`),i=require(`./if-defined-LTjAScFG.cjs`),a=require(`./utils-CjAbIttF.cjs`),o=require(`./booleanish-jJLlnr6-.cjs`),s=require(`./input-wrapper-CYCCx8MP.cjs`);require(`./helptext-DNLg43eI.cjs`);const c=require(`./focus-modality-controller-wI5SR8wH.cjs`);var l=class extends n.t{constructor(...e){super(...e),this.forId=a.n(),this.label=``,this.helptext=null,this.helptextDropdown=null,this.helptextDropdownButton=null,this.counter=s.t.props.counter.default,this.counterCurrent=0,this.counterMaxLength=0,this.counterError=null,this.counterPosition=`bottom`,this.optionalTag=s.t.props.optionalTag.default,this.optionalText=s.t.props.optionalText.default,this.requiredTag=s.t.props.requiredTag.default,this.requiredText=s.t.props.requiredText.default,this.tagText=null,this.hasError=s.t.props.hasError.default,this.errorMessage=``,this.disabled=s.t.props.disabled.default,this.inline=s.t.props.inline.default,this.ariaDescribedby=void 0,this.hasFieldset=s.t.props.hasFieldset.default,this.role=`group`,this.useWrapper=s.t.props.useWrapper.default,this.focusModality=new c.t(this,`.pkt-inputwrapper`)}updated(e){super.updated(e)}render(){let a={"pkt-inputwrapper":!0,"pkt-inputwrapper--error":this.hasError,"pkt-inputwrapper--disabled":this.disabled,"pkt-inputwrapper--inline":this.inline},o=`pkt-tag pkt-tag--small pkt-tag--thin-text`,c=this.ariaDescribedby?this.ariaDescribedby:this.helptext?`${this.forId}-helptext`:e.d,l=()=>e.p`
+const e=require(`./element-CXAtr6Gu.cjs`),t=require(`./class-map-B8Ja0q7n.cjs`),n=require(`./element-with-slot-Cmxb9h4H.cjs`);require(`./alert-C8OpU_Un.cjs`);const r=require(`./icon-Dw6I0HDV.cjs`),i=require(`./if-defined-LTjAScFG.cjs`),a=require(`./utils-CjAbIttF.cjs`),o=require(`./booleanish-jJLlnr6-.cjs`),s=require(`./input-wrapper-CYCCx8MP.cjs`);require(`./helptext-DNLg43eI.cjs`);const c=require(`./focus-modality-controller-wI5SR8wH.cjs`);var l=class extends n.t{constructor(...e){super(...e),this.forId=a.n(),this.label=``,this.helptext=null,this.helptextDropdown=null,this.helptextDropdownButton=null,this.counter=s.t.props.counter.default,this.counterCurrent=0,this.counterMaxLength=0,this.counterError=null,this.counterPosition=`bottom`,this.optionalTag=s.t.props.optionalTag.default,this.optionalText=s.t.props.optionalText.default,this.requiredTag=s.t.props.requiredTag.default,this.requiredText=s.t.props.requiredText.default,this.tagText=null,this.hasError=s.t.props.hasError.default,this.errorMessage=``,this.disabled=s.t.props.disabled.default,this.inline=s.t.props.inline.default,this.ariaDescribedby=void 0,this.hasFieldset=s.t.props.hasFieldset.default,this.role=`group`,this.useWrapper=s.t.props.useWrapper.default,this.focusModality=new c.t(this,`.pkt-inputwrapper`)}updated(e){super.updated(e)}render(){let a={"pkt-inputwrapper":!0,"pkt-inputwrapper--error":this.hasError,"pkt-inputwrapper--disabled":this.disabled,"pkt-inputwrapper--inline":this.inline},o=`pkt-tag pkt-tag--small pkt-tag--thin-text`,c=this.ariaDescribedby?this.ariaDescribedby:this.helptext?`${this.forId}-helptext`:e.d,l=()=>e.p`
         ${this.tagText?e.p`<span class=${o+` pkt-tag--gray`}>${this.tagText}</span>`:e.d}
         ${this.optionalTag?e.p`<span class=${o+` pkt-tag--blue-light`}>${this.optionalText}</span>`:e.d}
         ${this.requiredTag?e.p`<span class=${o+` pkt-tag--beige`}>${this.requiredText}</span>`:e.d}

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

@@ -3,10 +3,11 @@ import { t as o } from "./class-map-DH9hlJny.js";
 import { n as s, t as c } from "./element-with-slot-BVj9MXzi.js";
 import "./icon-LaKyBKON.js";
 //#region src/components/loader/loader.ts
-window.pktAnimationPath = window.pktAnimationPath || "https://punkt-cdn.oslo.kommune.no/latest/animations/";
-var l = class extends c {
+var l = "https://punkt-cdn.oslo.kommune.no/latest/animations/";
+typeof window < "u" && (window.pktAnimationPath = window.pktAnimationPath || l);
+var u = class extends c {
 	constructor(...e) {
-		super(...e), this.delay = 0, this.inline = !1, this.isLoading = !0, this.message = null, this.size = "medium", this.variant = "shapes", this.loadingAnimationPath = window.pktAnimationPath, this._shouldDisplayLoader = !1;
+		super(...e), this.delay = 0, this.inline = !1, this.isLoading = !0, this.message = null, this.size = "medium", this.variant = "shapes", this.loadingAnimationPath = typeof window < "u" ? window.pktAnimationPath : l, this._shouldDisplayLoader = !1;
 	}
 	connectedCallback() {
 		super.connectedCallback(), this._shouldDisplayLoader = this.delay === 0, this.delay > 0 && this.setupLoader();
@@ -53,14 +54,14 @@ var l = class extends c {
 		}, this.delay));
 	}
 };
-n([r({ type: Number })], l.prototype, "delay", void 0), n([r({ type: Boolean })], l.prototype, "inline", void 0), n([r({ type: Boolean })], l.prototype, "isLoading", void 0), n([r({ type: String })], l.prototype, "message", void 0), n([r({ type: String })], l.prototype, "size", void 0), n([r({ type: String })], l.prototype, "variant", void 0), n([r({ type: String })], l.prototype, "loadingAnimationPath", void 0), n([e()], l.prototype, "_shouldDisplayLoader", void 0);
+n([r({ type: Number })], u.prototype, "delay", void 0), n([r({ type: Boolean })], u.prototype, "inline", void 0), n([r({ type: Boolean })], u.prototype, "isLoading", void 0), n([r({ type: String })], u.prototype, "message", void 0), n([r({ type: String })], u.prototype, "size", void 0), n([r({ type: String })], u.prototype, "variant", void 0), n([r({ type: String })], u.prototype, "loadingAnimationPath", void 0), n([e()], u.prototype, "_shouldDisplayLoader", void 0);
 try {
-	a("pkt-loader")(l);
+	a("pkt-loader")(u);
 } catch {
 	console.warn("Forsøker å definere <pkt-loader>, men den er allerede definert");
 }
 //#endregion
 //#region src/components/loader/index.ts
-var u = l;
+var d = u;
 //#endregion
-export { l as n, u as t };
+export { u as n, d as t };

package/dist/loader-CLf_Phfg.cjs

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

package/dist/pkt-alert.cjs

@@ -1 +1 @@
-Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:`Module`}});const e=require(`./alert-D_45dWPn.cjs`);exports.PktAlert=e.n,exports.default=e.t;
+Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:`Module`}});const e=require(`./alert-C8OpU_Un.cjs`);exports.PktAlert=e.n,exports.default=e.t;

package/dist/pkt-alert.js

@@ -1,2 +1,2 @@
-import { n as e, t } from "./alert-BkzC5mVu.js";
+import { n as e, t } from "./alert-B5Y841vH.js";
 export { e as PktAlert, t as default };

package/dist/pkt-button.cjs

@@ -1 +1 @@
-Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:`Module`}});const e=require(`./button-Dwv11n6R.cjs`);exports.PktButton=e.n,exports.default=e.t;
+Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:`Module`}});const e=require(`./button-Bqk9wjme.cjs`);exports.PktButton=e.n,exports.default=e.t;

package/dist/pkt-button.js

@@ -1,2 +1,2 @@
-import { n as e, t } from "./button-CR-KWhTT.js";
+import { n as e, t } from "./button-CAZEaEW9.js";
 export { e as PktButton, t as default };

package/dist/pkt-combobox.cjs

@@ -1 +1 @@
-Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:`Module`}});const e=require(`./combobox-x4tBGP3F.cjs`);exports.PktCombobox=e.n,exports.default=e.t;
+Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:`Module`}});const e=require(`./combobox-DJITmrnM.cjs`);exports.PktCombobox=e.n,exports.default=e.t;

package/dist/pkt-combobox.js

@@ -1,2 +1,2 @@
-import { n as e, t } from "./combobox-D-DY7YcW.js";
+import { n as e, t } from "./combobox-BuBvoK-N.js";
 export { e as PktCombobox, t as default };

package/dist/pkt-consent.cjs

@@ -1 +1 @@
-Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:`Module`}});const e=require(`./consent-DVt6sMvB.cjs`);exports.PktConsent=e.n,exports.default=e.t;
+Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:`Module`}});const e=require(`./consent-DkCihETp.cjs`);exports.PktConsent=e.n,exports.default=e.t;

package/dist/pkt-consent.js

@@ -1,2 +1,2 @@
-import { n as e, t } from "./consent-BFdURuBl.js";
+import { n as e, t } from "./consent-CCesjQ_e.js";
 export { e as PktConsent, t as default };

package/dist/pkt-datepicker.cjs

@@ -1 +1 @@
-Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:`Module`}});const e=require(`./datepicker-Bs95HYGc.cjs`);var t=e.t;exports.PktDatepicker=e.t,exports.PktDatepickerMultiple=e.n,exports.PktDatepickerRange=e.r,exports.PktDatepickerSingle=e.i,exports.default=t;
+Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:`Module`}});const e=require(`./datepicker-ChEi_INm.cjs`);var t=e.t;exports.PktDatepicker=e.t,exports.PktDatepickerMultiple=e.n,exports.PktDatepickerRange=e.r,exports.PktDatepickerSingle=e.i,exports.default=t;

package/dist/pkt-datepicker.js

@@ -1,4 +1,4 @@
-import { i as e, n as t, r as n, t as r } from "./datepicker-DxkcKevq.js";
+import { i as e, n as t, r as n, t as r } from "./datepicker-zOOhs9JK.js";
 //#region src/components/datepicker/index.ts
 var i = r;
 //#endregion

package/dist/pkt-fileupload.cjs

@@ -1 +1 @@
-Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:`Module`}});const e=require(`./fileupload-BLto9H17.cjs`);Object.defineProperty(exports,`PktFileUpload`,{enumerable:!0,get:function(){return e.n}}),exports.default=e.t;
+Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:`Module`}});const e=require(`./fileupload-CGaJlMG9.cjs`);Object.defineProperty(exports,`PktFileUpload`,{enumerable:!0,get:function(){return e.n}}),exports.default=e.t;

package/dist/pkt-fileupload.js

@@ -1,2 +1,2 @@
-import { n as e, t } from "./fileupload-bykWTtA6.js";
+import { n as e, t } from "./fileupload-BBph8gH3.js";
 export { e as PktFileUpload, t as default };

package/dist/pkt-header.cjs

@@ -1 +1 @@
-Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require(`./header-gOdqWZ-o.cjs`);exports.PktHeader=e.t,exports.PktHeaderService=e.n,exports.PktHeaderUserMenu=e.r,exports.formatLastLoggedIn=e.i;
+Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require(`./header-C6z1KhOR.cjs`);exports.PktHeader=e.t,exports.PktHeaderService=e.n,exports.PktHeaderUserMenu=e.r,exports.formatLastLoggedIn=e.i;

package/dist/pkt-header.js

@@ -1,2 +1,2 @@
-import { i as e, n as t, r as n, t as r } from "./header-BdxslVug.js";
+import { i as e, n as t, r as n, t as r } from "./header-C8dCoJpr.js";
 export { r as PktHeader, t as PktHeaderService, n as PktHeaderUserMenu, e as formatLastLoggedIn };

package/dist/pkt-index.cjs

@@ -1 +1 @@
-Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require(`./alert-D_45dWPn.cjs`),t=require(`./icon-Dw6I0HDV.cjs`),n=require(`./button-Dwv11n6R.cjs`),r=require(`./accordion-DaeWPWod.cjs`),i=require(`./backlink-C42-3OG3.cjs`),a=require(`./breadcrumbs-CkjeLh3U.cjs`),o=require(`./calendar-64LmbIdR.cjs`),s=require(`./card-C__IlsUa.cjs`),c=require(`./tag-CBFz0R9N.cjs`),l=require(`./heading-C40-NX0r.cjs`),u=require(`./combobox-x4tBGP3F.cjs`),d=require(`./header-gOdqWZ-o.cjs`),f=require(`./header-menu-CnW7nzmF.cjs`),p=require(`./datepicker-Bs95HYGc.cjs`),m=require(`./fileupload-BLto9H17.cjs`),h=require(`./helptext-DNLg43eI.cjs`),g=require(`./input-wrapper-Dhkt20WW.cjs`),_=require(`./consent-DVt6sMvB.cjs`),v=require(`./checkbox-DzMc0AJX.cjs`),y=require(`./modal-CrYHKOmr.cjs`),b=require(`./progressbar-DADdvDl5.cjs`),x=require(`./link-EZ0-lS3W.cjs`),S=require(`./textinput-C_6kvf87.cjs`),C=require(`./linkcard-BIcCW-qw.cjs`),w=require(`./loader-Uap9qDsV.cjs`),T=require(`./messagebox-BqBxXK8c.cjs`),E=require(`./radiobutton-BfURufrZ.cjs`),D=require(`./tabs-DxQy8U-0.cjs`),O=require(`./textarea-M_S9WK7s.cjs`),k=require(`./select-DzZHv6Bz.cjs`),A=require(`./searchinput-BrxfRzez.cjs`),j=require(`./timepicker-WiYLAncb.cjs`);exports.PktAccordion=r.r,exports.PktAccordionItem=r.n,exports.PktAlert=e.n,exports.PktBackLink=i.n,exports.PktBreadcrumbs=a.t,exports.PktButton=n.n,exports.PktCalendar=o.n,exports.PktCard=s.n,exports.PktCheckbox=v.n,exports.PktCombobox=u.n,exports.PktConsent=_.n,exports.PktDateTags=p.a,exports.PktDatepicker=p.t,Object.defineProperty(exports,`PktFileUpload`,{enumerable:!0,get:function(){return m.n}}),exports.PktHeader=d.t,exports.PktHeaderMenu=f.n,exports.PktHeaderService=d.n,exports.PktHeaderUserMenu=d.r,exports.PktHeading=l.n,exports.PktHelptext=h.n,exports.PktIcon=t.n,exports.PktInputWrapper=g.n,exports.PktLink=x.n,exports.PktLinkCard=C.n,exports.PktLoader=w.n,exports.PktMessagebox=T.n,exports.PktModal=y.n,exports.PktProgressbar=b.n,exports.PktRadioButton=E.n,exports.PktRadiobutton=E.n,exports.PktSearchInput=A.n,exports.PktSelect=k.n,exports.PktTabItem=D.n,exports.PktTabs=D.r,exports.PktTag=c.n,exports.PktTextarea=O.n,exports.PktTextinput=S.n,exports.PktTimepicker=j.t;
+Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require(`./alert-C8OpU_Un.cjs`),t=require(`./icon-Dw6I0HDV.cjs`),n=require(`./button-Bqk9wjme.cjs`),r=require(`./accordion-DaeWPWod.cjs`),i=require(`./backlink-C42-3OG3.cjs`),a=require(`./breadcrumbs-CkjeLh3U.cjs`),o=require(`./calendar-64LmbIdR.cjs`),s=require(`./card-C__IlsUa.cjs`),c=require(`./tag-CBFz0R9N.cjs`),l=require(`./heading-C40-NX0r.cjs`),u=require(`./combobox-DJITmrnM.cjs`),d=require(`./header-C6z1KhOR.cjs`),f=require(`./header-menu-CnW7nzmF.cjs`),p=require(`./datepicker-ChEi_INm.cjs`),m=require(`./fileupload-CGaJlMG9.cjs`),h=require(`./helptext-DNLg43eI.cjs`),g=require(`./input-wrapper-CvtU-Ksb.cjs`),_=require(`./consent-DkCihETp.cjs`),v=require(`./checkbox-DzMc0AJX.cjs`),y=require(`./modal-CrYHKOmr.cjs`),b=require(`./progressbar-DADdvDl5.cjs`),x=require(`./link-EZ0-lS3W.cjs`),S=require(`./textinput-DSYABvB6.cjs`),C=require(`./linkcard-BIcCW-qw.cjs`),w=require(`./loader-CLf_Phfg.cjs`),T=require(`./messagebox-BqBxXK8c.cjs`),E=require(`./radiobutton-BfURufrZ.cjs`),D=require(`./tabs-DxQy8U-0.cjs`),O=require(`./textarea-rHlURXh5.cjs`),k=require(`./select-z3hBSk02.cjs`),A=require(`./searchinput-BrxfRzez.cjs`),j=require(`./timepicker-DVisPbGX.cjs`);exports.PktAccordion=r.r,exports.PktAccordionItem=r.n,exports.PktAlert=e.n,exports.PktBackLink=i.n,exports.PktBreadcrumbs=a.t,exports.PktButton=n.n,exports.PktCalendar=o.n,exports.PktCard=s.n,exports.PktCheckbox=v.n,exports.PktCombobox=u.n,exports.PktConsent=_.n,exports.PktDateTags=p.a,exports.PktDatepicker=p.t,Object.defineProperty(exports,`PktFileUpload`,{enumerable:!0,get:function(){return m.n}}),exports.PktHeader=d.t,exports.PktHeaderMenu=f.n,exports.PktHeaderService=d.n,exports.PktHeaderUserMenu=d.r,exports.PktHeading=l.n,exports.PktHelptext=h.n,exports.PktIcon=t.n,exports.PktInputWrapper=g.n,exports.PktLink=x.n,exports.PktLinkCard=C.n,exports.PktLoader=w.n,exports.PktMessagebox=T.n,exports.PktModal=y.n,exports.PktProgressbar=b.n,exports.PktRadioButton=E.n,exports.PktRadiobutton=E.n,exports.PktSearchInput=A.n,exports.PktSelect=k.n,exports.PktTabItem=D.n,exports.PktTabs=D.r,exports.PktTag=c.n,exports.PktTextarea=O.n,exports.PktTextinput=S.n,exports.PktTimepicker=j.t;

package/dist/pkt-index.js

@@ -1,6 +1,6 @@
-import { n as e } from "./alert-BkzC5mVu.js";
+import { n as e } from "./alert-B5Y841vH.js";
 import { n as t } from "./icon-LaKyBKON.js";
-import { n } from "./button-CR-KWhTT.js";
+import { n } from "./button-CAZEaEW9.js";
 import { n as r, r as i } from "./accordion-BjYsEbSM.js";
 import { n as a } from "./backlink-BXAdgAte.js";
 import { t as o } from "./breadcrumbs-Dkb9TxMp.js";
@@ -8,26 +8,26 @@ import { n as s } from "./calendar-CRIp36hn.js";
 import { n as c } from "./card-5PydU247.js";
 import { n as l } from "./tag-CzlnHhho.js";
 import { n as u } from "./heading-3o4Dk0Wn.js";
-import { n as d } from "./combobox-D-DY7YcW.js";
-import { n as f, r as p, t as m } from "./header-BdxslVug.js";
+import { n as d } from "./combobox-BuBvoK-N.js";
+import { n as f, r as p, t as m } from "./header-C8dCoJpr.js";
 import { n as h } from "./header-menu-BU-ylGrJ.js";
-import { a as g, t as _ } from "./datepicker-DxkcKevq.js";
-import { n as v } from "./fileupload-bykWTtA6.js";
+import { a as g, t as _ } from "./datepicker-zOOhs9JK.js";
+import { n as v } from "./fileupload-BBph8gH3.js";
 import { n as y } from "./helptext-C2aQBBo_.js";
-import { n as b } from "./input-wrapper-B6WowlWG.js";
-import { n as x } from "./consent-BFdURuBl.js";
+import { n as b } from "./input-wrapper-C93MmOIg.js";
+import { n as x } from "./consent-CCesjQ_e.js";
 import { n as S } from "./checkbox-CC1X7fw4.js";
 import { n as C } from "./modal-CWgeT-RP.js";
 import { n as w } from "./progressbar-B0P_vmGD.js";
 import { n as T } from "./link-DauiNRMq.js";
-import { n as E } from "./textinput-CZrBM-Fj.js";
+import { n as E } from "./textinput-Bs8DwHwR.js";
 import { n as D } from "./linkcard-DNJm5FvA.js";
-import { n as O } from "./loader-gKdQpOOQ.js";
+import { n as O } from "./loader-B3ToraVk.js";
 import { n as k } from "./messagebox-XRFecqyS.js";
 import { n as A } from "./radiobutton-C6zERHoy.js";
 import { n as j, r as M } from "./tabs-BJx6wwXD.js";
-import { n as N } from "./textarea-qHtkhelz.js";
-import { n as P } from "./select-BIgFPp42.js";
+import { n as N } from "./textarea-BxBfLk3N.js";
+import { n as P } from "./select-Dz3YiN7b.js";
 import { n as F } from "./searchinput-fPvXHu2O.js";
-import { t as I } from "./timepicker-O0iCeJyW.js";
+import { t as I } from "./timepicker-Cb9pxkJa.js";
 export { i as PktAccordion, r as PktAccordionItem, e as PktAlert, a as PktBackLink, o as PktBreadcrumbs, n as PktButton, s as PktCalendar, c as PktCard, S as PktCheckbox, d as PktCombobox, x as PktConsent, g as PktDateTags, _ as PktDatepicker, v as PktFileUpload, m as PktHeader, h as PktHeaderMenu, f as PktHeaderService, p as PktHeaderUserMenu, u as PktHeading, y as PktHelptext, t as PktIcon, b as PktInputWrapper, T as PktLink, D as PktLinkCard, O as PktLoader, k as PktMessagebox, C as PktModal, w as PktProgressbar, A as PktRadioButton, A as PktRadiobutton, F as PktSearchInput, P as PktSelect, j as PktTabItem, M as PktTabs, l as PktTag, N as PktTextarea, E as PktTextinput, I as PktTimepicker };

package/dist/pkt-input-wrapper.cjs

@@ -1 +1 @@
-Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:`Module`}});const e=require(`./input-wrapper-Dhkt20WW.cjs`);exports.PktInputWrapper=e.n,exports.default=e.t;
+Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:`Module`}});const e=require(`./input-wrapper-CvtU-Ksb.cjs`);exports.PktInputWrapper=e.n,exports.default=e.t;

package/dist/pkt-input-wrapper.js

@@ -1,2 +1,2 @@
-import { n as e, t } from "./input-wrapper-B6WowlWG.js";
+import { n as e, t } from "./input-wrapper-C93MmOIg.js";
 export { e as PktInputWrapper, t as default };

package/dist/pkt-loader.cjs

@@ -1 +1 @@
-Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:`Module`}});const e=require(`./loader-Uap9qDsV.cjs`);exports.PktLoader=e.n,exports.default=e.t;
+Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:`Module`}});const e=require(`./loader-CLf_Phfg.cjs`);exports.PktLoader=e.n,exports.default=e.t;

package/dist/pkt-loader.js

@@ -1,2 +1,2 @@
-import { n as e, t } from "./loader-gKdQpOOQ.js";
+import { n as e, t } from "./loader-B3ToraVk.js";
 export { e as PktLoader, t as default };

package/dist/pkt-select.cjs

@@ -1 +1 @@
-Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:`Module`}});const e=require(`./select-DzZHv6Bz.cjs`);exports.PktSelect=e.n,exports.default=e.t;
+Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:`Module`}});const e=require(`./select-z3hBSk02.cjs`);exports.PktSelect=e.n,exports.default=e.t;

package/dist/pkt-select.js

@@ -1,2 +1,2 @@
-import { n as e, t } from "./select-BIgFPp42.js";
+import { n as e, t } from "./select-Dz3YiN7b.js";
 export { e as PktSelect, t as default };

package/dist/pkt-textarea.cjs

@@ -1 +1 @@
-Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:`Module`}});const e=require(`./textarea-M_S9WK7s.cjs`);exports.PktTextarea=e.n,exports.default=e.t;
+Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:`Module`}});const e=require(`./textarea-rHlURXh5.cjs`);exports.PktTextarea=e.n,exports.default=e.t;

package/dist/pkt-textarea.js

@@ -1,2 +1,2 @@
-import { n as e, t } from "./textarea-qHtkhelz.js";
+import { n as e, t } from "./textarea-BxBfLk3N.js";
 export { e as PktTextarea, t as default };

package/dist/pkt-textinput.cjs

@@ -1 +1 @@
-Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:`Module`}});const e=require(`./textinput-C_6kvf87.cjs`);exports.PktTextinput=e.n,exports.default=e.t;
+Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:`Module`}});const e=require(`./textinput-DSYABvB6.cjs`);exports.PktTextinput=e.n,exports.default=e.t;

package/dist/pkt-textinput.js

@@ -1,2 +1,2 @@
-import { n as e, t } from "./textinput-CZrBM-Fj.js";
+import { n as e, t } from "./textinput-Bs8DwHwR.js";
 export { e as PktTextinput, t as default };

package/dist/pkt-timepicker.cjs

@@ -1 +1 @@
-Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require(`./timepicker-WiYLAncb.cjs`);exports.PktTimepicker=e.t;
+Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require(`./timepicker-DVisPbGX.cjs`);exports.PktTimepicker=e.t;

package/dist/pkt-timepicker.js

@@ -1,2 +1,2 @@
-import { t as e } from "./timepicker-O0iCeJyW.js";
+import { t as e } from "./timepicker-Cb9pxkJa.js";
 export { e as PktTimepicker };

package/dist/{select-BIgFPp42.js → select-Dz3YiN7b.js}

@@ -4,7 +4,7 @@ import { t as o } from "./if-defined-VShASPdu.js";
 import { n as s, t as c } from "./ref-BgoHEsEt.js";
 import { t as l } from "./input-element-BrmkXIXi.js";
 import { t as u } from "./pkt-options-controller-BTNtjEIS.js";
-import "./input-wrapper-B6WowlWG.js";
+import "./input-wrapper-C93MmOIg.js";
 //#region src/base-elements/options-input-element.ts
 var d = class extends l {
 	constructor(...e) {

package/dist/{select-DzZHv6Bz.cjs → select-z3hBSk02.cjs}

@@ -1,4 +1,4 @@
-const e=require(`./element-CXAtr6Gu.cjs`),t=require(`./element-with-slot-Cmxb9h4H.cjs`),n=require(`./if-defined-LTjAScFG.cjs`),r=require(`./ref-CBdWMlde.cjs`),i=require(`./input-element-BHQVt4Q9.cjs`),a=require(`./pkt-options-controller-CBM8xHwR.cjs`);require(`./input-wrapper-Dhkt20WW.cjs`);var o=class extends i.t{constructor(...e){super(...e),this._optionsProp=[],this._options=[]}get options(){return this._options.map(e=>({...e,selected:this.isOptionSelected(e)}))}set options(e){this._optionsProp=e,this.requestUpdate(`_optionsProp`,this._options)}isOptionSelected(e){return Array.isArray(this.value)?this.value.includes(e.value):e.value===this.value}findOptionByValue(e){return this._options.find(t=>t.value===e)}getSelectedOptions(){return this._options.filter(e=>this.isOptionSelected(e))}parseOptions(){let e=this._optionsProp.length>0,t=this.optionsController?.nodes?.length&&this.optionsController.nodes.length>0;e?this._options=this._optionsProp:t&&(this._options=this.optionsController.options)}willUpdate(e){super.willUpdate(e),this.parseOptions()}};e.n([e.o({type:Array,attribute:`options`})],o.prototype,`_optionsProp`,void 0),e.n([e.a()],o.prototype,`_options`,void 0);var s=class extends o{constructor(){super(),this.inputRef=r.t(),this.value=``,this.selectedIndex=-1,this.selectedOptions=void 0,this.optionsController=new a.t(this)}connectedCallback(){super.connectedCallback(),this.parseOptions(),this._options.forEach(e=>{e.selected&&!this.value&&(this.value=e.value)})}add(e,t){let n={value:e.value||e.text,label:e.text||e.value,selected:e.selected,disabled:e.disabled};if(t===void 0)this._options.push(n);else if(typeof t==`number`)this._options.splice(t,0,n);else{let e=t.value||t.text,r=this._options.findIndex(t=>t.value===e);r>=0?this._options.splice(r,0,n):this._options.push(n)}e.selected&&(this.value=e.value||e.text,this.selectedIndex=this._options.findIndex(e=>e.value===this.value)),this.requestUpdate()}remove(e){typeof e==`number`&&(this.selectedIndex===e&&(this.value=this._options[0]?.value||``),this._options.splice(e,1),this.requestUpdate())}item(e){return this.inputRef.value?.item(e)}namedItem(e){return this.inputRef.value?.namedItem(e)}showPicker(){this.inputRef.value&&`showPicker`in this.inputRef.value&&this.inputRef.value.showPicker()}attributeChangedCallback(e,t,n){e===`options`&&(this._options=n?JSON.parse(n):[]),e===`value`&&this.value!==t&&(this.selectedIndex=this.touched?this.returnNumberOrNull(this.inputRef.value?.selectedIndex):this._options.findIndex(e=>e.value===n),this.selectedOptions=this.inputRef.value?.selectedOptions,this.valueChanged(n,t)),super.attributeChangedCallback(e,t,n)}update(e){super.update(e),e.has(`_optionsProp`)&&this._optionsProp.length>0&&(this._options=this._optionsProp,this.requestUpdate(`_options`),!this.value&&this._options.length>0&&(this.value=this._options[0].value,this.selectedIndex=0)),e.has(`value`)&&this.value!==e.get(`value`)&&(this.selectedIndex=this.touched?this.returnNumberOrNull(this.inputRef.value?.selectedIndex):this._options.findIndex(e=>e.value===this.value),this.selectedOptions=this.inputRef.value?.selectedOptions,this.valueChanged(this.value,e.get(`value`))),e.has(`id`)&&!this.name&&this.id&&(this.name=this.id)}firstUpdated(e){super.firstUpdated(e),this._optionsProp.length&&(this._options=this._optionsProp),!this.value&&this._options.length>0?(this.value=this._options[0].value,this.selectedIndex=0):this.selectedIndex=this._options.findIndex(e=>e.value===this.value),this.selectedOptions=this.inputRef.value?.selectedOptions}render(){let i=`pkt-input ${this.fullwidth?`pkt-input--fullwidth`:``}`;return e.p`
+const e=require(`./element-CXAtr6Gu.cjs`),t=require(`./element-with-slot-Cmxb9h4H.cjs`),n=require(`./if-defined-LTjAScFG.cjs`),r=require(`./ref-CBdWMlde.cjs`),i=require(`./input-element-BHQVt4Q9.cjs`),a=require(`./pkt-options-controller-CBM8xHwR.cjs`);require(`./input-wrapper-CvtU-Ksb.cjs`);var o=class extends i.t{constructor(...e){super(...e),this._optionsProp=[],this._options=[]}get options(){return this._options.map(e=>({...e,selected:this.isOptionSelected(e)}))}set options(e){this._optionsProp=e,this.requestUpdate(`_optionsProp`,this._options)}isOptionSelected(e){return Array.isArray(this.value)?this.value.includes(e.value):e.value===this.value}findOptionByValue(e){return this._options.find(t=>t.value===e)}getSelectedOptions(){return this._options.filter(e=>this.isOptionSelected(e))}parseOptions(){let e=this._optionsProp.length>0,t=this.optionsController?.nodes?.length&&this.optionsController.nodes.length>0;e?this._options=this._optionsProp:t&&(this._options=this.optionsController.options)}willUpdate(e){super.willUpdate(e),this.parseOptions()}};e.n([e.o({type:Array,attribute:`options`})],o.prototype,`_optionsProp`,void 0),e.n([e.a()],o.prototype,`_options`,void 0);var s=class extends o{constructor(){super(),this.inputRef=r.t(),this.value=``,this.selectedIndex=-1,this.selectedOptions=void 0,this.optionsController=new a.t(this)}connectedCallback(){super.connectedCallback(),this.parseOptions(),this._options.forEach(e=>{e.selected&&!this.value&&(this.value=e.value)})}add(e,t){let n={value:e.value||e.text,label:e.text||e.value,selected:e.selected,disabled:e.disabled};if(t===void 0)this._options.push(n);else if(typeof t==`number`)this._options.splice(t,0,n);else{let e=t.value||t.text,r=this._options.findIndex(t=>t.value===e);r>=0?this._options.splice(r,0,n):this._options.push(n)}e.selected&&(this.value=e.value||e.text,this.selectedIndex=this._options.findIndex(e=>e.value===this.value)),this.requestUpdate()}remove(e){typeof e==`number`&&(this.selectedIndex===e&&(this.value=this._options[0]?.value||``),this._options.splice(e,1),this.requestUpdate())}item(e){return this.inputRef.value?.item(e)}namedItem(e){return this.inputRef.value?.namedItem(e)}showPicker(){this.inputRef.value&&`showPicker`in this.inputRef.value&&this.inputRef.value.showPicker()}attributeChangedCallback(e,t,n){e===`options`&&(this._options=n?JSON.parse(n):[]),e===`value`&&this.value!==t&&(this.selectedIndex=this.touched?this.returnNumberOrNull(this.inputRef.value?.selectedIndex):this._options.findIndex(e=>e.value===n),this.selectedOptions=this.inputRef.value?.selectedOptions,this.valueChanged(n,t)),super.attributeChangedCallback(e,t,n)}update(e){super.update(e),e.has(`_optionsProp`)&&this._optionsProp.length>0&&(this._options=this._optionsProp,this.requestUpdate(`_options`),!this.value&&this._options.length>0&&(this.value=this._options[0].value,this.selectedIndex=0)),e.has(`value`)&&this.value!==e.get(`value`)&&(this.selectedIndex=this.touched?this.returnNumberOrNull(this.inputRef.value?.selectedIndex):this._options.findIndex(e=>e.value===this.value),this.selectedOptions=this.inputRef.value?.selectedOptions,this.valueChanged(this.value,e.get(`value`))),e.has(`id`)&&!this.name&&this.id&&(this.name=this.id)}firstUpdated(e){super.firstUpdated(e),this._optionsProp.length&&(this._options=this._optionsProp),!this.value&&this._options.length>0?(this.value=this._options[0].value,this.selectedIndex=0):this.selectedIndex=this._options.findIndex(e=>e.value===this.value),this.selectedOptions=this.inputRef.value?.selectedOptions}render(){let i=`pkt-input ${this.fullwidth?`pkt-input--fullwidth`:``}`;return e.p`
       <pkt-input-wrapper
         ?counter=${this.counter}
         ?disabled=${this.disabled}

package/dist/{textarea-qHtkhelz.js → textarea-BxBfLk3N.js}

@@ -6,7 +6,7 @@ import "./icon-LaKyBKON.js";
 import { t as m } from "./if-defined-VShASPdu.js";
 import { n as h, t as g } from "./ref-BgoHEsEt.js";
 import { t as _ } from "./input-element-BrmkXIXi.js";
-import "./input-wrapper-B6WowlWG.js";
+import "./input-wrapper-C93MmOIg.js";
 //#region ../../node_modules/lit-html/directives/live.js
 var v = t(class extends i {
 	constructor(e) {

package/dist/{textarea-M_S9WK7s.cjs → textarea-rHlURXh5.cjs}

@@ -1,4 +1,4 @@
-const e=require(`./element-CXAtr6Gu.cjs`),t=require(`./class-map-B8Ja0q7n.cjs`),n=require(`./directive-helpers-f36YZFOG.cjs`),r=require(`./element-with-slot-Cmxb9h4H.cjs`);require(`./icon-Dw6I0HDV.cjs`);const i=require(`./if-defined-LTjAScFG.cjs`),a=require(`./ref-CBdWMlde.cjs`),o=require(`./input-element-BHQVt4Q9.cjs`);require(`./input-wrapper-Dhkt20WW.cjs`);var s=e.c(class extends e.l{constructor(t){if(super(t),t.type!==e.u.PROPERTY&&t.type!==e.u.ATTRIBUTE&&t.type!==e.u.BOOLEAN_ATTRIBUTE)throw Error("The `live` directive is not allowed on child or event bindings");if(!n.i(t))throw Error("`live` bindings can only contain a single expression")}render(e){return e}update(t,[r]){if(r===e.f||r===e.d)return r;let i=t.element,a=t.name;if(t.type===e.u.PROPERTY){if(r===i[a])return e.f}else if(t.type===e.u.BOOLEAN_ATTRIBUTE){if(!!r===i.hasAttribute(a))return e.f}else if(t.type===e.u.ATTRIBUTE&&i.getAttribute(a)===r+``)return e.f;return n.r(t),r}}),c=class extends o.t{constructor(...e){super(...e),this.inputRef=a.t(),this.value=``,this.autocomplete=`off`,this.rows=null,this.counterCurrent=0}attributeChangedCallback(e,t,n){e===`value`&&this.value!==t&&(this.counterCurrent=n?n.length:0,this.valueChanged(n,t)),super.attributeChangedCallback(e,t,n)}updated(e){super.updated(e),e.has(`value`)&&(this.counterCurrent=this.value?.length||0,this.valueChanged(this.value,e.get(`value`))),e.has(`id`)&&!this.name&&this.id&&(this.name=this.id)}render(){let n=t.t({"pkt-input":!0,"pkt-input--fullwidth":this.fullwidth,"pkt-input--counter-error":this.counter&&this.counterMaxLength&&this.value.length&&this.value.length>this.counterMaxLength}),o=this.ariaLabelledby||`${this.id}-input-label`;return e.p`<pkt-input-wrapper
+const e=require(`./element-CXAtr6Gu.cjs`),t=require(`./class-map-B8Ja0q7n.cjs`),n=require(`./directive-helpers-f36YZFOG.cjs`),r=require(`./element-with-slot-Cmxb9h4H.cjs`);require(`./icon-Dw6I0HDV.cjs`);const i=require(`./if-defined-LTjAScFG.cjs`),a=require(`./ref-CBdWMlde.cjs`),o=require(`./input-element-BHQVt4Q9.cjs`);require(`./input-wrapper-CvtU-Ksb.cjs`);var s=e.c(class extends e.l{constructor(t){if(super(t),t.type!==e.u.PROPERTY&&t.type!==e.u.ATTRIBUTE&&t.type!==e.u.BOOLEAN_ATTRIBUTE)throw Error("The `live` directive is not allowed on child or event bindings");if(!n.i(t))throw Error("`live` bindings can only contain a single expression")}render(e){return e}update(t,[r]){if(r===e.f||r===e.d)return r;let i=t.element,a=t.name;if(t.type===e.u.PROPERTY){if(r===i[a])return e.f}else if(t.type===e.u.BOOLEAN_ATTRIBUTE){if(!!r===i.hasAttribute(a))return e.f}else if(t.type===e.u.ATTRIBUTE&&i.getAttribute(a)===r+``)return e.f;return n.r(t),r}}),c=class extends o.t{constructor(...e){super(...e),this.inputRef=a.t(),this.value=``,this.autocomplete=`off`,this.rows=null,this.counterCurrent=0}attributeChangedCallback(e,t,n){e===`value`&&this.value!==t&&(this.counterCurrent=n?n.length:0,this.valueChanged(n,t)),super.attributeChangedCallback(e,t,n)}updated(e){super.updated(e),e.has(`value`)&&(this.counterCurrent=this.value?.length||0,this.valueChanged(this.value,e.get(`value`))),e.has(`id`)&&!this.name&&this.id&&(this.name=this.id)}render(){let n=t.t({"pkt-input":!0,"pkt-input--fullwidth":this.fullwidth,"pkt-input--counter-error":this.counter&&this.counterMaxLength&&this.value.length&&this.value.length>this.counterMaxLength}),o=this.ariaLabelledby||`${this.id}-input-label`;return e.p`<pkt-input-wrapper
       label=${this.label}
       ?counter=${this.counter}
       ?disabled=${this.disabled}

package/dist/{textinput-CZrBM-Fj.js → textinput-Bs8DwHwR.js}

@@ -5,7 +5,7 @@ import "./icon-LaKyBKON.js";
 import { t as c } from "./if-defined-VShASPdu.js";
 import { n as l, t as u } from "./ref-BgoHEsEt.js";
 import { t as d } from "./input-element-BrmkXIXi.js";
-import "./input-wrapper-B6WowlWG.js";
+import "./input-wrapper-C93MmOIg.js";
 //#region src/components/textinput/textinput.ts
 var f = class extends d {
 	constructor(...e) {

package/dist/{textinput-C_6kvf87.cjs → textinput-DSYABvB6.cjs}

@@ -1,4 +1,4 @@
-const e=require(`./element-CXAtr6Gu.cjs`),t=require(`./class-map-B8Ja0q7n.cjs`),n=require(`./element-with-slot-Cmxb9h4H.cjs`);require(`./icon-Dw6I0HDV.cjs`);const r=require(`./if-defined-LTjAScFG.cjs`),i=require(`./ref-CBdWMlde.cjs`),a=require(`./input-element-BHQVt4Q9.cjs`);require(`./input-wrapper-Dhkt20WW.cjs`);var o=class extends a.t{constructor(...e){super(...e),this.inputRef=i.t(),this.value=``,this.type=`text`,this.size=null,this.autocomplete=null,this.iconNameRight=null,this.prefix=null,this.suffix=null,this.omitSearchIcon=!1,this.counterCurrent=0}attributeChangedCallback(e,t,n){e===`value`&&this.value!==t&&(this.counterCurrent=n?n.length:0,this.valueChanged(n,t)),super.attributeChangedCallback(e,t,n)}updated(e){super.updated(e),e.has(`value`)&&(this.counterCurrent=this.value?.length||0,this.valueChanged(this.value,e.get(`value`))),e.has(`id`)&&!this.name&&this.id&&(this.name=this.id)}render(){let a=this.type===`search`&&!this.iconNameRight&&!this.omitSearchIcon,o=t.t({"pkt-input":!0,"pkt-input--fullwidth":this.fullwidth,"pkt-input--counter-error":this.counter&&this.counterMaxLength&&this.value.length&&this.value.length>this.counterMaxLength}),s=this.ariaLabelledby||`${this.id}-input-label`;return e.p`
+const e=require(`./element-CXAtr6Gu.cjs`),t=require(`./class-map-B8Ja0q7n.cjs`),n=require(`./element-with-slot-Cmxb9h4H.cjs`);require(`./icon-Dw6I0HDV.cjs`);const r=require(`./if-defined-LTjAScFG.cjs`),i=require(`./ref-CBdWMlde.cjs`),a=require(`./input-element-BHQVt4Q9.cjs`);require(`./input-wrapper-CvtU-Ksb.cjs`);var o=class extends a.t{constructor(...e){super(...e),this.inputRef=i.t(),this.value=``,this.type=`text`,this.size=null,this.autocomplete=null,this.iconNameRight=null,this.prefix=null,this.suffix=null,this.omitSearchIcon=!1,this.counterCurrent=0}attributeChangedCallback(e,t,n){e===`value`&&this.value!==t&&(this.counterCurrent=n?n.length:0,this.valueChanged(n,t)),super.attributeChangedCallback(e,t,n)}updated(e){super.updated(e),e.has(`value`)&&(this.counterCurrent=this.value?.length||0,this.valueChanged(this.value,e.get(`value`))),e.has(`id`)&&!this.name&&this.id&&(this.name=this.id)}render(){let a=this.type===`search`&&!this.iconNameRight&&!this.omitSearchIcon,o=t.t({"pkt-input":!0,"pkt-input--fullwidth":this.fullwidth,"pkt-input--counter-error":this.counter&&this.counterMaxLength&&this.value.length&&this.value.length>this.counterMaxLength}),s=this.ariaLabelledby||`${this.id}-input-label`;return e.p`
       <pkt-input-wrapper
         label="${this.label}"
         ?counter=${this.counter}

package/dist/{timepicker-O0iCeJyW.js → timepicker-Cb9pxkJa.js}

@@ -5,7 +5,7 @@ import "./icon-LaKyBKON.js";
 import { t as l } from "./if-defined-VShASPdu.js";
 import { n as u, t as d } from "./ref-BgoHEsEt.js";
 import { t as f } from "./input-element-BrmkXIXi.js";
-import "./input-wrapper-B6WowlWG.js";
+import "./input-wrapper-C93MmOIg.js";
 //#region ../../shared-utils/timepicker/time-utils.ts
 var p = (e) => /^\d{2}:\d{2}$/.test(e) && parseInt(e.slice(0, 2), 10) <= 23 && parseInt(e.slice(3), 10) <= 59, m = (e) => {
 	let [t, n] = e.split(":").map(Number);

package/dist/{timepicker-WiYLAncb.cjs → timepicker-DVisPbGX.cjs}

@@ -1,4 +1,4 @@
-const e=require(`./element-CXAtr6Gu.cjs`),t=require(`./class-map-B8Ja0q7n.cjs`),n=require(`./element-with-slot-Cmxb9h4H.cjs`);require(`./icon-Dw6I0HDV.cjs`);const r=require(`./if-defined-LTjAScFG.cjs`),i=require(`./ref-CBdWMlde.cjs`),a=require(`./input-element-BHQVt4Q9.cjs`);require(`./input-wrapper-Dhkt20WW.cjs`);var o=e=>/^\d{2}:\d{2}$/.test(e)&&parseInt(e.slice(0,2),10)<=23&&parseInt(e.slice(3),10)<=59,s=e=>{let[t,n]=e.split(`:`).map(Number);return t*60+n},c=e=>e?Math.max(1,Math.round(e/60)):1,l=(e,t)=>{let n=e?parseInt(String(e).split(`:`)[0],10):0,r=t?parseInt(String(t).split(`:`)[0],10):23;return Array.from({length:r-n+1},(e,t)=>t+n)},u=e=>{let t=c(e);return Array.from({length:Math.floor(60/t)},(e,n)=>n*t)},d=(e,t,n,r)=>{let i=e===``?n===1?0:23:parseInt(e,10),a=t===``?n===1?0:Math.floor(59/r)*r:parseInt(t,10);return a+=n*r,a>59?(a=0,i=(i+1)%24):a<0&&(a=Math.floor(59/r)*r,i=(i-1+24)%24),{hours:String(i).padStart(2,`0`),minutes:String(a).padStart(2,`0`)}},f=class extends a.t{constructor(...e){super(...e),this.hiddenInputRef=i.t(),this.hoursInputRef=i.t(),this.minutesInputRef=i.t(),this.buttonRef=i.t(),this.value=``,this.hidePicker=!1,this.stepArrows=!1,this._hours=``,this._minutes=``,this._isOpen=!1,this._hoursDigitCount=0,this._hoursFirstDigit=-1,this._minutesDigitCount=0,this._minutesFirstDigit=-1,this._hasFocus=!1,this._outsideClickHandler=e=>{this.contains(e.target)||this._closePopup()},this._handleComponentFocusIn=()=>{this._hasFocus||(this._hasFocus=!0,this.onFocus())},this._handleComponentFocusOut=e=>{this.contains(e.relatedTarget)||(this._hasFocus=!1,this.onBlur())},this._handleHoursKeydown=e=>{let t=e.target;switch(e.key){case`ArrowUp`:{e.preventDefault();let t=this._hours===``?0:parseInt(this._hours,10);this._hours=String((t+1)%24).padStart(2,`0`),this._syncValueFromDisplay(),this.onInput();break}case`ArrowDown`:{e.preventDefault();let t=this._hours===``?0:parseInt(this._hours,10);this._hours=String((t-1+24)%24).padStart(2,`0`),this._syncValueFromDisplay(),this.onInput();break}case`ArrowRight`:e.preventDefault(),this.minutesInputRef.value?.focus();break;case`Backspace`:case`Delete`:this._hoursDigitCount=0,this._hoursFirstDigit=-1;break;case`Tab`:break;case`Enter`:{e.preventDefault();let n=this.internals.form;n?n.requestSubmit():t.blur();break}default:if(/^\d$/.test(e.key)){e.preventDefault();let t=parseInt(e.key,10);if(this._hoursDigitCount===0)this._hoursFirstDigit=t,this._hours=String(t).padStart(2,`0`),this._hoursDigitCount=1,this.onInput(),t>=3&&(this._hoursFirstDigit=-1,this._hoursDigitCount=0,this._syncValueFromDisplay(),this.minutesInputRef.value?.focus());else{let e=this._hoursFirstDigit*10+t;this._hours=e<=23?String(e).padStart(2,`0`):String(t).padStart(2,`0`),this._hoursFirstDigit=-1,this._hoursDigitCount=0,this._syncValueFromDisplay(),this.onInput(),this.minutesInputRef.value?.focus()}}else e.preventDefault()}},this._handleHoursBlur=()=>{this._hours!==``&&(this._hours=String(parseInt(this._hours,10)).padStart(2,`0`)),this._hoursDigitCount=0,this._hoursFirstDigit=-1,this._syncValueFromDisplay()},this._handleMinutesKeydown=e=>{let t=e.target;switch(e.key){case`ArrowUp`:{e.preventDefault();let t=this._minutes===``?0:parseInt(this._minutes,10);this._minutes=String((t+this._minuteStep)%60).padStart(2,`0`),this._syncValueFromDisplay(),this.onInput();break}case`ArrowDown`:{e.preventDefault();let t=this._minutes===``?0:parseInt(this._minutes,10);this._minutes=String((t-this._minuteStep+60)%60).padStart(2,`0`),this._syncValueFromDisplay(),this.onInput();break}case`ArrowLeft`:e.preventDefault(),this.hoursInputRef.value?.focus();break;case`Backspace`:case`Delete`:this._minutesDigitCount=0,this._minutesFirstDigit=-1;break;case`Tab`:break;case`Enter`:{e.preventDefault();let n=this.internals.form;n?n.requestSubmit():t.blur();break}default:if(/^\d$/.test(e.key)){e.preventDefault();let t=parseInt(e.key,10);if(this._minutesDigitCount===0)this._minutesFirstDigit=t,this._minutes=String(t).padStart(2,`0`),this._minutesDigitCount=1,this.onInput(),t>=6&&(this._minutesFirstDigit=-1,this._minutesDigitCount=0,this._syncValueFromDisplay());else{let e=this._minutesFirstDigit*10+t;this._minutes=e<=59?String(e).padStart(2,`0`):String(t).padStart(2,`0`),this._minutesFirstDigit=-1,this._minutesDigitCount=0,this._syncValueFromDisplay(),this.onInput()}}else e.preventDefault()}},this._handleMinutesBlur=()=>{this._minutes!==``&&(this._minutes=String(parseInt(this._minutes,10)).padStart(2,`0`)),this._minutesDigitCount=0,this._minutesFirstDigit=-1,this._syncValueFromDisplay()},this._handlePopupKeydown=e=>{let t=document.activeElement,n=t.closest(`.pkt-timepicker-popup__col`);if(!n)return;let r=Array.from(n.querySelectorAll(`.pkt-timepicker-popup__option`)),i=r.indexOf(t),a=t.dataset.type??``;switch(e.key){case`ArrowDown`:e.preventDefault(),this._focusOptionAndSync(r[Math.min(i+1,r.length-1)],a);break;case`ArrowUp`:e.preventDefault(),this._focusOptionAndSync(r[Math.max(i-1,0)],a);break;case`Home`:e.preventDefault(),this._focusOptionAndSync(r[0],a);break;case`End`:e.preventDefault(),this._focusOptionAndSync(r[r.length-1],a);break;case`ArrowRight`:e.preventDefault(),a===`hour`&&(this._focusOptionAndSync(t,a),this.updateComplete.then(()=>{this._scrollToSelected(),this._focusSelectedOrFirst(`minute`)}));break;case`ArrowLeft`:e.preventDefault(),a===`minute`&&(this._focusOptionAndSync(t,a),this.updateComplete.then(()=>{this._scrollToSelected(),this._focusSelectedOrFirst(`hour`)}));break;case`Enter`:case` `:e.preventDefault(),t.click();break;case`Escape`:e.preventDefault(),this._closePopup(),this.buttonRef.value?.focus();break}}}get inputRef(){return this.hiddenInputRef}manageValidity(t){let n=this.hoursInputRef.value;if(!n)return;if(this.required&&!this.value){this.internals.setValidity({valueMissing:!0},e.r.forms.messages.required,n),this._setAriaInvalid(!0);return}if(!this.value){this.internals.setValidity({}),this._setAriaInvalid(!1);return}let r=s(this.value),i=c(this.step);if(this.min&&r<s(String(this.min))){this.internals.setValidity({rangeUnderflow:!0},e.r.forms.messages.rangeUnderflowMin.replace(`{min}`,String(this.min)),n),this._setAriaInvalid(!0);return}if(this.max&&r>s(String(this.max))){this.internals.setValidity({rangeOverflow:!0},e.r.forms.messages.rangeOverflowMax.replace(`{max}`,String(this.max)),n),this._setAriaInvalid(!0);return}if(this.step&&r%i!==0){let t=i===60?e.r.forms.messages.timeStepMismatchHour:i===30?e.r.forms.messages.timeStepMismatchHalfHour:e.r.forms.messages.timeStepMismatch.replace(`{step}`,`${i}, ${i*2}, ${i*3}`);this.internals.setValidity({stepMismatch:!0},t,n),this._setAriaInvalid(!0);return}this.internals.setValidity({}),this._setAriaInvalid(!1)}_setAriaInvalid(e){if(!this.touched&&e)return;let t=this.hoursInputRef.value,n=this.minutesInputRef.value;e?(t?.setAttribute(`aria-invalid`,`true`),n?.setAttribute(`aria-invalid`,`true`)):(t?.removeAttribute(`aria-invalid`),n?.removeAttribute(`aria-invalid`))}connectedCallback(){super.connectedCallback(),this.addEventListener(`focusin`,this._handleComponentFocusIn),this.addEventListener(`focusout`,this._handleComponentFocusOut),document.addEventListener(`click`,this._outsideClickHandler)}disconnectedCallback(){super.disconnectedCallback(),this.removeEventListener(`focusin`,this._handleComponentFocusIn),this.removeEventListener(`focusout`,this._handleComponentFocusOut),document.removeEventListener(`click`,this._outsideClickHandler)}willUpdate(e){super.willUpdate(e),e.has(`value`)&&this._syncDisplayFromValue()}updated(e){super.updated(e),this.classList.toggle(`pkt-timepicker--stepper`,this.stepArrows),this.classList.toggle(`pkt-timepicker--fullwidth`,this.fullwidth),e.has(`step`)&&this.step!==null&&!this._isValidStep(this.step)&&console.warn(`pkt-timepicker: step="${this.step}" er ikke en gyldig verdi. Step må være et multiplum av 60 (hele minutter) eller nøyaktig 3600 (hel time).`)}formResetCallback(){super.formResetCallback(),this._hours=``,this._minutes=``,this._isOpen=!1}_isValidStep(e){return e===3600||e<3600&&3600%e==0&&e%60==0}_syncDisplayFromValue(){let e=o(this.value)?this.value.split(`:`):null;e?(this._hours=e[0],this._minutes=e[1]):(this._hours=``,this._minutes=``)}_syncValueFromDisplay(){if(this._hours!==``&&this._minutes!==``){let e=`${this._hours}:${this._minutes}`;e!==this.value&&(this.value=e,this.onChange(e))}else this.value!==``&&(this.value=``,this.onChange(``))}get _minuteStep(){return c(this.step)}get _hourOptions(){return l(this.min,this.max)}get _minuteOptions(){return u(this.step)}_openPopup(){this._isOpen=!0,this.updateComplete.then(()=>{this._scrollToSelected(),this._focusSelectedOrFirst(`hour`)})}_closePopup(){this._isOpen=!1,this._syncValueFromDisplay()}_togglePopup(){this._isOpen?this._closePopup():this._openPopup()}_scrollToSelected(){let e=this.querySelector(`.pkt-timepicker-popup`);e&&e.querySelectorAll(`.pkt-timepicker-popup__col`).forEach(e=>{let t=e.querySelector(`.pkt-timepicker-popup__option--selected`);t&&t.scrollIntoView({block:`center`})})}_focusSelectedOrFirst(e){let t=this.querySelector(`.pkt-timepicker-popup`);if(!t)return;let n=t.querySelectorAll(`.pkt-timepicker-popup__col`),r=e===`hour`?n[0]:n[1];if(!r)return;let i=r.querySelector(`.pkt-timepicker-popup__option--selected`),a=r.querySelector(`.pkt-timepicker-popup__option`);(i||a)?.focus()}_handleOptionClick(e,t){let n=String(e).padStart(2,`0`);t===`hour`?(this._hours=n,this.updateComplete.then(()=>this._focusSelectedOrFirst(`minute`))):(this._minutes=n,this._closePopup(),this.buttonRef.value?.focus())}_focusOptionAndSync(e,t){if(!e)return;let n=parseInt(e.dataset.value??`0`,10);t===`hour`?this._hours=String(n).padStart(2,`0`):this._minutes=String(n).padStart(2,`0`),e.focus()}_stepTime(e){let t=d(this._hours,this._minutes,e,this._minuteStep);this._hours=t.hours,this._minutes=t.minutes,this._syncValueFromDisplay()}_renderOption(n,r){let i=String(n).padStart(2,`0`),a=n===(r===`hour`?this._hours===``?NaN:parseInt(this._hours,10):this._minutes===``?NaN:parseInt(this._minutes,10));return e.p`
+const e=require(`./element-CXAtr6Gu.cjs`),t=require(`./class-map-B8Ja0q7n.cjs`),n=require(`./element-with-slot-Cmxb9h4H.cjs`);require(`./icon-Dw6I0HDV.cjs`);const r=require(`./if-defined-LTjAScFG.cjs`),i=require(`./ref-CBdWMlde.cjs`),a=require(`./input-element-BHQVt4Q9.cjs`);require(`./input-wrapper-CvtU-Ksb.cjs`);var o=e=>/^\d{2}:\d{2}$/.test(e)&&parseInt(e.slice(0,2),10)<=23&&parseInt(e.slice(3),10)<=59,s=e=>{let[t,n]=e.split(`:`).map(Number);return t*60+n},c=e=>e?Math.max(1,Math.round(e/60)):1,l=(e,t)=>{let n=e?parseInt(String(e).split(`:`)[0],10):0,r=t?parseInt(String(t).split(`:`)[0],10):23;return Array.from({length:r-n+1},(e,t)=>t+n)},u=e=>{let t=c(e);return Array.from({length:Math.floor(60/t)},(e,n)=>n*t)},d=(e,t,n,r)=>{let i=e===``?n===1?0:23:parseInt(e,10),a=t===``?n===1?0:Math.floor(59/r)*r:parseInt(t,10);return a+=n*r,a>59?(a=0,i=(i+1)%24):a<0&&(a=Math.floor(59/r)*r,i=(i-1+24)%24),{hours:String(i).padStart(2,`0`),minutes:String(a).padStart(2,`0`)}},f=class extends a.t{constructor(...e){super(...e),this.hiddenInputRef=i.t(),this.hoursInputRef=i.t(),this.minutesInputRef=i.t(),this.buttonRef=i.t(),this.value=``,this.hidePicker=!1,this.stepArrows=!1,this._hours=``,this._minutes=``,this._isOpen=!1,this._hoursDigitCount=0,this._hoursFirstDigit=-1,this._minutesDigitCount=0,this._minutesFirstDigit=-1,this._hasFocus=!1,this._outsideClickHandler=e=>{this.contains(e.target)||this._closePopup()},this._handleComponentFocusIn=()=>{this._hasFocus||(this._hasFocus=!0,this.onFocus())},this._handleComponentFocusOut=e=>{this.contains(e.relatedTarget)||(this._hasFocus=!1,this.onBlur())},this._handleHoursKeydown=e=>{let t=e.target;switch(e.key){case`ArrowUp`:{e.preventDefault();let t=this._hours===``?0:parseInt(this._hours,10);this._hours=String((t+1)%24).padStart(2,`0`),this._syncValueFromDisplay(),this.onInput();break}case`ArrowDown`:{e.preventDefault();let t=this._hours===``?0:parseInt(this._hours,10);this._hours=String((t-1+24)%24).padStart(2,`0`),this._syncValueFromDisplay(),this.onInput();break}case`ArrowRight`:e.preventDefault(),this.minutesInputRef.value?.focus();break;case`Backspace`:case`Delete`:this._hoursDigitCount=0,this._hoursFirstDigit=-1;break;case`Tab`:break;case`Enter`:{e.preventDefault();let n=this.internals.form;n?n.requestSubmit():t.blur();break}default:if(/^\d$/.test(e.key)){e.preventDefault();let t=parseInt(e.key,10);if(this._hoursDigitCount===0)this._hoursFirstDigit=t,this._hours=String(t).padStart(2,`0`),this._hoursDigitCount=1,this.onInput(),t>=3&&(this._hoursFirstDigit=-1,this._hoursDigitCount=0,this._syncValueFromDisplay(),this.minutesInputRef.value?.focus());else{let e=this._hoursFirstDigit*10+t;this._hours=e<=23?String(e).padStart(2,`0`):String(t).padStart(2,`0`),this._hoursFirstDigit=-1,this._hoursDigitCount=0,this._syncValueFromDisplay(),this.onInput(),this.minutesInputRef.value?.focus()}}else e.preventDefault()}},this._handleHoursBlur=()=>{this._hours!==``&&(this._hours=String(parseInt(this._hours,10)).padStart(2,`0`)),this._hoursDigitCount=0,this._hoursFirstDigit=-1,this._syncValueFromDisplay()},this._handleMinutesKeydown=e=>{let t=e.target;switch(e.key){case`ArrowUp`:{e.preventDefault();let t=this._minutes===``?0:parseInt(this._minutes,10);this._minutes=String((t+this._minuteStep)%60).padStart(2,`0`),this._syncValueFromDisplay(),this.onInput();break}case`ArrowDown`:{e.preventDefault();let t=this._minutes===``?0:parseInt(this._minutes,10);this._minutes=String((t-this._minuteStep+60)%60).padStart(2,`0`),this._syncValueFromDisplay(),this.onInput();break}case`ArrowLeft`:e.preventDefault(),this.hoursInputRef.value?.focus();break;case`Backspace`:case`Delete`:this._minutesDigitCount=0,this._minutesFirstDigit=-1;break;case`Tab`:break;case`Enter`:{e.preventDefault();let n=this.internals.form;n?n.requestSubmit():t.blur();break}default:if(/^\d$/.test(e.key)){e.preventDefault();let t=parseInt(e.key,10);if(this._minutesDigitCount===0)this._minutesFirstDigit=t,this._minutes=String(t).padStart(2,`0`),this._minutesDigitCount=1,this.onInput(),t>=6&&(this._minutesFirstDigit=-1,this._minutesDigitCount=0,this._syncValueFromDisplay());else{let e=this._minutesFirstDigit*10+t;this._minutes=e<=59?String(e).padStart(2,`0`):String(t).padStart(2,`0`),this._minutesFirstDigit=-1,this._minutesDigitCount=0,this._syncValueFromDisplay(),this.onInput()}}else e.preventDefault()}},this._handleMinutesBlur=()=>{this._minutes!==``&&(this._minutes=String(parseInt(this._minutes,10)).padStart(2,`0`)),this._minutesDigitCount=0,this._minutesFirstDigit=-1,this._syncValueFromDisplay()},this._handlePopupKeydown=e=>{let t=document.activeElement,n=t.closest(`.pkt-timepicker-popup__col`);if(!n)return;let r=Array.from(n.querySelectorAll(`.pkt-timepicker-popup__option`)),i=r.indexOf(t),a=t.dataset.type??``;switch(e.key){case`ArrowDown`:e.preventDefault(),this._focusOptionAndSync(r[Math.min(i+1,r.length-1)],a);break;case`ArrowUp`:e.preventDefault(),this._focusOptionAndSync(r[Math.max(i-1,0)],a);break;case`Home`:e.preventDefault(),this._focusOptionAndSync(r[0],a);break;case`End`:e.preventDefault(),this._focusOptionAndSync(r[r.length-1],a);break;case`ArrowRight`:e.preventDefault(),a===`hour`&&(this._focusOptionAndSync(t,a),this.updateComplete.then(()=>{this._scrollToSelected(),this._focusSelectedOrFirst(`minute`)}));break;case`ArrowLeft`:e.preventDefault(),a===`minute`&&(this._focusOptionAndSync(t,a),this.updateComplete.then(()=>{this._scrollToSelected(),this._focusSelectedOrFirst(`hour`)}));break;case`Enter`:case` `:e.preventDefault(),t.click();break;case`Escape`:e.preventDefault(),this._closePopup(),this.buttonRef.value?.focus();break}}}get inputRef(){return this.hiddenInputRef}manageValidity(t){let n=this.hoursInputRef.value;if(!n)return;if(this.required&&!this.value){this.internals.setValidity({valueMissing:!0},e.r.forms.messages.required,n),this._setAriaInvalid(!0);return}if(!this.value){this.internals.setValidity({}),this._setAriaInvalid(!1);return}let r=s(this.value),i=c(this.step);if(this.min&&r<s(String(this.min))){this.internals.setValidity({rangeUnderflow:!0},e.r.forms.messages.rangeUnderflowMin.replace(`{min}`,String(this.min)),n),this._setAriaInvalid(!0);return}if(this.max&&r>s(String(this.max))){this.internals.setValidity({rangeOverflow:!0},e.r.forms.messages.rangeOverflowMax.replace(`{max}`,String(this.max)),n),this._setAriaInvalid(!0);return}if(this.step&&r%i!==0){let t=i===60?e.r.forms.messages.timeStepMismatchHour:i===30?e.r.forms.messages.timeStepMismatchHalfHour:e.r.forms.messages.timeStepMismatch.replace(`{step}`,`${i}, ${i*2}, ${i*3}`);this.internals.setValidity({stepMismatch:!0},t,n),this._setAriaInvalid(!0);return}this.internals.setValidity({}),this._setAriaInvalid(!1)}_setAriaInvalid(e){if(!this.touched&&e)return;let t=this.hoursInputRef.value,n=this.minutesInputRef.value;e?(t?.setAttribute(`aria-invalid`,`true`),n?.setAttribute(`aria-invalid`,`true`)):(t?.removeAttribute(`aria-invalid`),n?.removeAttribute(`aria-invalid`))}connectedCallback(){super.connectedCallback(),this.addEventListener(`focusin`,this._handleComponentFocusIn),this.addEventListener(`focusout`,this._handleComponentFocusOut),document.addEventListener(`click`,this._outsideClickHandler)}disconnectedCallback(){super.disconnectedCallback(),this.removeEventListener(`focusin`,this._handleComponentFocusIn),this.removeEventListener(`focusout`,this._handleComponentFocusOut),document.removeEventListener(`click`,this._outsideClickHandler)}willUpdate(e){super.willUpdate(e),e.has(`value`)&&this._syncDisplayFromValue()}updated(e){super.updated(e),this.classList.toggle(`pkt-timepicker--stepper`,this.stepArrows),this.classList.toggle(`pkt-timepicker--fullwidth`,this.fullwidth),e.has(`step`)&&this.step!==null&&!this._isValidStep(this.step)&&console.warn(`pkt-timepicker: step="${this.step}" er ikke en gyldig verdi. Step må være et multiplum av 60 (hele minutter) eller nøyaktig 3600 (hel time).`)}formResetCallback(){super.formResetCallback(),this._hours=``,this._minutes=``,this._isOpen=!1}_isValidStep(e){return e===3600||e<3600&&3600%e==0&&e%60==0}_syncDisplayFromValue(){let e=o(this.value)?this.value.split(`:`):null;e?(this._hours=e[0],this._minutes=e[1]):(this._hours=``,this._minutes=``)}_syncValueFromDisplay(){if(this._hours!==``&&this._minutes!==``){let e=`${this._hours}:${this._minutes}`;e!==this.value&&(this.value=e,this.onChange(e))}else this.value!==``&&(this.value=``,this.onChange(``))}get _minuteStep(){return c(this.step)}get _hourOptions(){return l(this.min,this.max)}get _minuteOptions(){return u(this.step)}_openPopup(){this._isOpen=!0,this.updateComplete.then(()=>{this._scrollToSelected(),this._focusSelectedOrFirst(`hour`)})}_closePopup(){this._isOpen=!1,this._syncValueFromDisplay()}_togglePopup(){this._isOpen?this._closePopup():this._openPopup()}_scrollToSelected(){let e=this.querySelector(`.pkt-timepicker-popup`);e&&e.querySelectorAll(`.pkt-timepicker-popup__col`).forEach(e=>{let t=e.querySelector(`.pkt-timepicker-popup__option--selected`);t&&t.scrollIntoView({block:`center`})})}_focusSelectedOrFirst(e){let t=this.querySelector(`.pkt-timepicker-popup`);if(!t)return;let n=t.querySelectorAll(`.pkt-timepicker-popup__col`),r=e===`hour`?n[0]:n[1];if(!r)return;let i=r.querySelector(`.pkt-timepicker-popup__option--selected`),a=r.querySelector(`.pkt-timepicker-popup__option`);(i||a)?.focus()}_handleOptionClick(e,t){let n=String(e).padStart(2,`0`);t===`hour`?(this._hours=n,this.updateComplete.then(()=>this._focusSelectedOrFirst(`minute`))):(this._minutes=n,this._closePopup(),this.buttonRef.value?.focus())}_focusOptionAndSync(e,t){if(!e)return;let n=parseInt(e.dataset.value??`0`,10);t===`hour`?this._hours=String(n).padStart(2,`0`):this._minutes=String(n).padStart(2,`0`),e.focus()}_stepTime(e){let t=d(this._hours,this._minutes,e,this._minuteStep);this._hours=t.hours,this._minutes=t.minutes,this._syncValueFromDisplay()}_renderOption(n,r){let i=String(n).padStart(2,`0`),a=n===(r===`hour`?this._hours===``?NaN:parseInt(this._hours,10):this._minutes===``?NaN:parseInt(this._minutes,10));return e.p`
       <button
         class=${t.t({"pkt-btn":!0,"pkt-btn--tertiary":!0,"pkt-btn--small":!0,"pkt-btn--label-only":!0,"pkt-timepicker-popup__option":!0,"pkt-timepicker-popup__option--selected":a})}
         type="button"

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@oslokommune/punkt-elements",
-  "version": "16.25.0",
+  "version": "16.25.2",
   "description": "Komponentbiblioteket til Punkt, et designsystem laget av Oslo Origo",
   "homepage": "https://punkt.oslo.kommune.no",
   "author": "Team Designsystem, Oslo Origo",
@@ -79,5 +79,5 @@
     "url": "https://github.com/oslokommune/punkt/issues"
   },
   "license": "MIT",
-  "gitHead": "d01de2b51e9c71b709202eb0d2fb3336e2932a20"
+  "gitHead": "7e5245558ed2bb59385974958e292a740446f4e1"
 }

package/src/components/button/button.ts

@@ -9,9 +9,12 @@ import { ifDefined } from 'lit/directives/if-defined.js'
 
 import '@/components/icon'
 
+const defaultAnimationPath = 'https://punkt-cdn.oslo.kommune.no/latest/animations/'
+
 // Allow global override of animation assets path
-window.pktAnimationPath =
-  window.pktAnimationPath || 'https://punkt-cdn.oslo.kommune.no/latest/animations/'
+if (typeof window !== 'undefined') {
+  window.pktAnimationPath = window.pktAnimationPath || defaultAnimationPath
+}
 export type TPktButtonMode = 'light' | 'dark'
 export type TPktButtonSize = 'small' | 'medium' | 'large'
 export type TPktButtonColor =
@@ -75,7 +78,8 @@ export class PktButton extends PktElementWithSlot<IPktButton> implements IPktBut
   @property({ type: String }) form: string | undefined = undefined
   @property({ type: Boolean, reflect: true }) isLoading: Booleanish = false
   @property({ type: Boolean, reflect: true }) disabled: Booleanish = false
-  @property({ type: String }) loadingAnimationPath: string | undefined = window.pktAnimationPath
+  @property({ type: String }) loadingAnimationPath: string | undefined =
+    typeof window !== 'undefined' ? window.pktAnimationPath : defaultAnimationPath
 
   // Lifecycle
 

package/src/components/header/header-service.ts

@@ -25,12 +25,19 @@ import '@/components/link'
 import '@/components/textinput'
 import './header-user-menu'
 
-const CDN_LOGO_PATH = 'https://punkt-cdn.oslo.kommune.no/latest/logos/'
+const defaultLogoPath = 'https://punkt-cdn.oslo.kommune.no/latest/logos/'
+
+// Allow global override of logo assets path
+if (typeof window !== 'undefined') {
+  window.pktLogoPath = window.pktLogoPath || defaultLogoPath
+}
 
 export class PktHeaderService extends PktElementWithSlot<IPktHeader> implements IPktHeader {
   @property({ type: String, attribute: 'service-name' }) serviceName?: string
   @property({ type: String, attribute: 'service-link' }) serviceLink?: string
   @property({ type: String, attribute: 'logo-link' }) logoLink?: string
+  @property({ type: String, attribute: 'logo-path' }) logoPath: string | undefined =
+    typeof window !== 'undefined' ? window.pktLogoPath : defaultLogoPath
   @property({ type: String, attribute: 'search-placeholder' }) searchPlaceholder = 'Søk'
   @property({ type: String, attribute: 'search-value' }) searchValue = ''
   @property({ type: Number, attribute: 'mobile-breakpoint' }) mobileBreakpoint: number = 768
@@ -433,7 +440,7 @@ export class PktHeaderService extends PktElementWithSlot<IPktHeader> implements
     if (this.hideLogo) return nothing
 
     const logoIcon = html`
-      <pkt-icon name="oslologo" aria-hidden="true" path=${CDN_LOGO_PATH}></pkt-icon>
+      <pkt-icon name="oslologo" aria-hidden="true" path=${this.logoPath}></pkt-icon>
     `
 
     // If logoLink is a non-empty string, render as link

package/src/components/header/header.ts

@@ -35,6 +35,7 @@ export class PktHeader extends PktElementWithSlot<IPktHeader> implements IPktHea
   @property({ type: String, attribute: 'service-name' }) serviceName?: string
   @property({ type: String, attribute: 'service-link' }) serviceLink?: string
   @property({ type: String, attribute: 'logo-link' }) logoLink?: string
+  @property({ type: String, attribute: 'logo-path' }) logoPath?: string
   @property({ type: String, attribute: 'search-placeholder' }) searchPlaceholder = 'Søk'
   @property({ type: String, attribute: 'search-value' }) searchValue = ''
   @property({ type: Number, attribute: 'mobile-breakpoint' }) mobileBreakpoint: number = 768
@@ -107,6 +108,7 @@ export class PktHeader extends PktElementWithSlot<IPktHeader> implements IPktHea
         service-name=${ifDefined(this.serviceName)}
         service-link=${ifDefined(this.serviceLink)}
         logo-link=${ifDefined(this.logoLink)}
+        logo-path=${ifDefined(this.logoPath)}
         search-placeholder=${this.searchPlaceholder}
         search-value=${this.searchValue}
         mobile-breakpoint=${this.mobileBreakpoint}

package/src/components/header/types.ts

@@ -45,6 +45,8 @@ export interface IPktHeader {
   hideLogo?: Booleanish
   /** Logo link URL */
   logoLink?: string
+  /** Override CDN path for the logo */
+  logoPath?: string
   /** Service name displayed in the header */
   serviceName?: string
   /** Service link URL */